/* FontAwesome CDN for icons (add in <head> if not already there) */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css");
body {
    margin: 0;
    font-family: "Poppins";
    width: 100%;
    padding-top: 4.5rem;
}

html {
    scroll-behavior: smooth;
}

nav {
    top: 0;
    width: 100%;
    display: flex;
    position: fixed;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.2); /* Light translucent */
    backdrop-filter: blur(0.63rem);
    -webkit-backdrop-filter: blur(0.63rem); /* For Safari */
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0 1.25rem;
    box-shadow: 0 2px 0.63rem rgba(0, 0, 0, 0.2);
}

.nav-links {
    display: flex;
    width: 77%;
    justify-content: end;
    align-items: center;
}

.hamburger {
    display: none;
    font-size: 1.5rem;
    cursor: pointer;
    z-index: 1001;
}

nav a,
.dropbtn {
    color: black;
    padding: 0.4rem 1rem;
    text-decoration: none;
    text-align: center;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    display: inline-flex;
}

nav a.active {
    background-color: #004b8d;
    color: white;
    border-radius: 6px;
}

nav a:hover,
.dropdown:hover .dropbtn {
    background-color: #004b8d;
    color: white;
    border-radius: 6px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    padding: 0.5rem 1rem;
    min-width: 10rem;
    box-shadow: 0 8px 1.5rem rgba(0, 0, 0, 0.12);
    border-radius: 6px;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 1.5rem;
    z-index: 999;
}

.dropdown-content a {
    color: black;
    padding: 0.5rem 1rem;
    text-decoration: none;
    display: flex;
    text-align: center;
}

.dropdown-content a:hover {
    background-color: #004b8d;
}

.dropdown:hover .dropdown-content {
    display: grid;
}

.dropdown:hover {
    display: grid;
}

.logo-title {
    width: 20%;
    display: flex;
    align-items: center;
    gap: 0.5vw;
}

.logo-title img {
    height: 4rem;
}

.logo-title h3 {
    font-size: large;
    align-content: center;
    margin: 0;
}

.logo-title p {
    font-size: smaller;
    color: #666;
    margin: 0;
}

section {
    width: 100%;
}

.root {
    width: 97.5%;
    text-align: center;
    background: linear-gradient(160deg, #d0e8ff 10%, #eaf3fe 30%, #ffffff 60%);
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    padding: 1.25rem;
}

.root_title p {
    color: #666;
    padding-top: none;
    font-size: x-large;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 2rem;
}

.root h1 {
    color: black;
    font-size: 2.8rem;
    padding-top: 2rem;
}

.root span {
    color: #004b8d;
    font-size: 2.8rem;
}

.root_events {
    width: 100%;
    text-align: center;
    background: linear-gradient(160deg, #d0e8ff 10%, #eaf3fe 30%, #ffffff 60%);
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;

    height: 60vh; /* adjust as needed */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-image 1s ease-in-out; /* smooth fade */
    position: relative;
    z-index: 1;
}

.root_events::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4); /* dark overlay for readability */
    z-index: -1;
}

.root_events_title p {
    color: #c8c8c8;
    padding-top: none;
    font-size: x-large;
    padding-left: 30px;
    padding-right: 30px;
}

.root_events h1 {
    color: white;
    font-size: 2.8rem;
    padding-top: 4rem;
}

.root_events span {
    color: #004b8d;
    font-size: 2.8rem;
}

.root_home {
    width: 100%;
    text-align: center;
    background: linear-gradient(160deg, #d0e8ff 10%, #eaf3fe 30%, #ffffff 60%);
    padding-bottom: 1.25rem;
    padding-top: 4rem;

    min-height: 58vh; /* adjust as needed */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-image 1s ease-in-out; /* smooth fade */
    position: relative;
    z-index: 1;
}

.root_home::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4); /* dark overlay for readability */
    z-index: -1;
}

.root_home_title {
    justify-items: center;
}

.root_home_title p {
    color: #c8c8c8;
    padding-top: none;
    font-size: x-large;
    padding-left: 30px;
    padding-right: 30px;
}

.root_home h1 {
    color: white;
    font-size: 2.8rem;
    padding-top: 1rem;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.root_home span {
    color: #0088ff;
    font-size: 2.8rem;
}

.overlay-card {
    position: relative;
    z-index: 2;
    background: transparent;
    padding: 1rem;
    border-radius: 12px;
    text-align: center;
    max-width: 50%;
    transition: opacity 1s ease-in-out;
}

.overlay-card.show {
    opacity: 1;
}

.overlay-card h2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 2rem;
    color: #cae6ff;
}

.overlay-card button {
    padding: 0.6rem 0.6rem;
    font-size: 1rem;
    color: white;
    background: #004b8d;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.overlay-card button:hover {
    background: #0066cc;
}

.root_btn {
    display: flex;
    padding-top: 1rem;
    gap: 1vw;
    justify-content: center;
}
.explore {
    width: fit-content;
    border: none;
    border-radius: 6px;
    background-color: #004b8d;
    color: white;
    font-size: 1rem;
    text-align-last: end;
    text-decoration: none;
    padding: 0.4rem 0.4rem;
}

.explore:hover {
    background-color: #0061b6;
}

.explore svg {
    height: 1rem;
    vertical-align: middle;
}
.contact {
    width: fit-content;
    border-radius: 6px;
    font-size: 1rem;
    border: 1px solid #e0e4ea;
    background-color: white;
    text-decoration: none;
    padding: 0.4rem 0.4rem;
}

.contact:hover {
    background-color: #004b8d;
    color: white;
}

/* Navigation arrows */
.carousel-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: white;
    background: rgba(0, 0, 0, 0.4);
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    z-index: 3;
    border-radius: 50%;
    transition: background 0.3s ease;
}

.carousel-arrow:hover {
    background: rgba(0, 0, 0, 0.7);
}

.carousel-arrow.left {
    left: 20px;
}

.carousel-arrow.right {
    right: 20px;
}

.given {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 2vw;
}

.given p {
    color: #c8c8c8;
    padding-top: none;
    font-size: 1rem;
}

.given svg {
    color: #0088ff;
    height: 1rem;
    vertical-align: middle;
}

.offer {
    width: 100%;
    text-align: center;
    background-color: #eef2f64d;
    padding-top: 3rem;
    padding-bottom: 1rem;
}
.offer_title p {
    color: #666;
    padding-top: none;
    font-size: large;
}
.offer h1 {
    color: black;
    font-size: 2rem;
}

.offer_cards {
    padding: 2rem;
    display: grid;
    gap: 1vw;
    width: 96%;
    grid-template-columns: repeat(4, 1fr);
}

.offer-card {
    /*background-image: url("Images/products/enterprise security.jpg");
    background-size: cover;
    background-position: center;*/
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    text-align: center;
    transition: transform 0.3s ease;
    padding-bottom: 10px;
}

.offer-card:hover {
    transform: translateY(-5px);
}

.product-img {
    width: 100%;
    height: 19vh;
}

.product-img img {
    width: 100%;
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
    height: 25vh;
}

.card-lower {
    padding-left: 10px;
    padding-right: 10px;
}

.offer-card h2 {
    font-size: 1.3rem;
    color: white;
}

.offer-card p {
    color: #666;
    font-size: smaller;
}
.offer-card svg {
    width: 3rem;
    height: 3rem;
    display: inline-block;
    color: #004b8d;
    border: none;
    border-radius: 6px;
    padding: 5px;
    background-color: #c5edff;
}

.offer-card a {
    width: 100%;
    height: 1.6rem;
    border: none;
    border-radius: 6px;
    background-color: white;
    color: black;
    font-size: 1rem;
}

.offer-card a:hover {
    background-color: #0061b6;
    color: white;
}

.learn svg {
    vertical-align: middle;
    height: 1.1rem;
    width: fit-content;
    background-color: transparent;
}

/* Industries Styling*/
.industries {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 86.8%;
    background: linear-gradient(
        to right,
        transparent 19%,
        /* left transparent */ #e2eaf5 30%,
        /* start color */ #e2eaf5 70%,
        /* end color */ transparent 80% /* right transparent */
    );
    padding-left: 100px;
    padding-right: 100px;
    justify-items: center;
}

.industries h2 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 20px;
    color: #0a192f;
}

.industries > p {
    text-align: center;
    font-size: 1.1rem;
    color: #555;
    margin-bottom: 60px;
    line-height: 1.6;
    width: 60%;
}

/* Industry row container */
.industry-row {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 30px;
    border-radius: 12px;
    overflow: hidden;
    padding-left: 3rem;
    padding-right: 3rem;
    opacity: 0;
    width: 65%;
    max-width: 1400px; /* keeps rows slim on large screens */
    background-color: inherit;
    transform: translateY(40px);
    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}

.industry-row.show {
    opacity: 1;
    transform: translateY(0);
}

.industry-row.reverse {
    flex-direction: row-reverse;
    margin-left: auto; /* push right */
    margin-right: 0;
}

.industry-row:not(.reverse) {
    margin-left: 0; /* stick left */
    margin-right: auto; /* push left */
}

/* Image container */
.industry-image {
    flex: 0.35; /* ~35% width */
    position: relative;
    overflow: hidden;
    background-color: inherit;
    height: 23vh;
}

.industry-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.industry-image:hover img {
    transform: scale(1.2); /* subtle hover zoom */
}

.industry-row:not(.reverse) img {
    border-top-left-radius: 40px;
}

.industry-row,
.reverse img {
    border-top-right-radius: 40px;
}

.icon-overlay {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(0, 0, 0, 0.6912);
    color: #fff;
    font-size: 1.5rem;
    padding: 8px 12px;
    border-radius: 50%;
}

/* Text container with diagonal cut */
.industry-text {
    flex: 1;
    background: white;
    padding: 12px;
    padding-right: 5rem;
    padding-left: 5rem;
    width: 37%;
    position: relative;
    clip-path: polygon(0 0, 100% 0, 100% 0%, 80% 100%, 0 100%);
}

.reverse .industry-text {
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%, 0 100%);
    text-align: right;
}

.industry-text h3 {
    font-size: 1.8rem;
    margin-bottom: 15px;
    color: #0a0a0a;
}

.industry-text p {
    font-size: 1rem;
    line-height: 1.6;
    color: #444;
}

.industry-row:not(.reverse) p {
    padding-right: 5rem;
}

.impact-section {
    padding: 65px 20px;
    background: #0d1a2d; /* same dark navy tone as site */
    color: #f1f5f9;
    text-align: center;
    padding-top: 3rem;
}

.impact-title {
    font-size: 2.2rem;
    margin-bottom: 10px;
    color: #38bdf8; /* cyan/blue highlight */
}

.impact-subtitle {
    font-size: 1.1rem;
    color: #94a3b8; /* muted gray-blue */
    margin-bottom: 50px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.impact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 35px;
}

.impact-card {
    background: #112240; /* slightly lighter navy for contrast */
    border-radius: 14px;
    padding: 30px 20px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.4);
    transition:
        transform 0.3s,
        box-shadow 0.3s;
}

.impact-card:hover {
    transform: translateY(-6px);
    box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.5);
}

.impact-icon img {
    height: 5rem;
}

.impact-card h3 {
    font-size: 2.2rem;
    margin: 0;
    color: #f8fafc; /* white for numbers */
}

.impact-card p {
    font-size: 1rem;
    margin-top: 8px;
    color: #cbd5e1;
}

/* WHY US SECTION */
.why-ipriver {
    padding: 21px 20px;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        /* left transparent */ #cce2f8 0%,
        /* start color */ #cce2f8 61%,
        /* end color */ transparent 100% /* right transparent */
    );
    text-align: center;
}
/*#cce2f8*/
.why-ipriver h2 {
    font-size: 2rem;
    margin-bottom: 40px;
    color: #0a192f;
    font-weight: 700;
}

/* Features grid */
.features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    max-width: 96%;
    margin: 0 auto;
}

/* Individual feature card */
.feature {
    background: #fff;
    padding: 25px 20px;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    text-align: center;
    gap: 15px;
    align-items: flex-start;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.feature:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.feature span {
    font-size: 3rem;
    flex-shrink: 0;
}

.feature p {
    font-size: 1rem;
    color: #333;
    line-height: 1.5;
}

.feature strong {
    color: #0a192f;
    font-weight: 600;
}

.partners {
    width: 100%;
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 3rem;
}
.partners_title p {
    color: #666;
    padding-top: none;
    font-size: large;
}
.partners h1 {
    color: black;
    font-size: 2rem;
}

.partner_btns {
    width: fit-content;
    display: flex;
    padding: 2rem;
    justify-content: center;
    gap: 2vw;
    justify-self: center;
}

.partner_btns button {
    width: fit-content;
    height: 2.2rem;
    border: none;
    border-radius: 6px;
    background-color: #ddf1ff;
    color: #666;
    font-size: large;
    font-weight: bold;
}

.partner_btns button:hover {
    background-color: #95d4ff;
    color: black;
}

.all_partners {
    max-width: fit-content;
    height: 1.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 1rem;
    background-color: white;
    text-decoration: none;
    padding: 5px;
    color: black;
}

.all_partners:hover {
    background-color: #004b8d;
    color: white;
}

.solution-carousel-container {
    position: relative;
    width: 96%;
    justify-self: center;
    overflow: hidden;
    border-radius: 0.63rem;
    background-color: #fff;
    box-shadow: 0 0 0.63rem rgba(0, 0, 0, 0.1);
    padding: 2rem;
    display: none;
}

.solution-carousel-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 2s ease-in-out;
    text-align: center;
}

.solution-carousel-slide.active {
    opacity: 1;
    z-index: 1;
    position: relative;
}

.api-left {
    justify-content: space-between;
    background-image: url(Images/freepik__the-style-is-candid-image-photography-with-natural__93789.png);
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
    padding: 4rem 2.5rem;
    border-radius: 0.6rem;
}

.bot-left {
    justify-content: space-between;
    background-image: url(Images/freepik__the-style-is-candid-image-photography-with-natural__93789.png);
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
    padding: 4rem 2.5rem;
    border-radius: 0.63rem;
}

.ddos-left {
    justify-content: space-between;
    background-image: url(Images/ddos.png);
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
    padding: 4rem 2.5rem;
    border-radius: 0.63rem;
}

.asses-left {
    justify-content: space-between;
    background-image: url(Images/assessment.png);
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
    padding: 4rem 2.5rem;
    border-radius: 0.63rem;
}

.pen-vul-left {
    justify-content: space-between;
    background-image: url(Images/assessment.png);
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
    padding: 4rem 2.5rem;
    border-radius: 0.63rem;
}

.cloud-left {
    justify-content: space-between;
    background-image: url(Images/cloud.png);
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
    padding: 4rem 2.5rem;
    border-radius: 0.63rem;
}

.palo-left {
    justify-content: space-between;
    background-image: url(Images/freepik__the-style-is-candid-image-photography-with-natural__93793.png);
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
    padding: 4rem 2.5rem;
    border-radius: 0.63rem;
}

.solution-carousel-slide h1 {
    font-size: 2.5rem;
    margin: 0;
}

.solution-carousel-slide p {
    font-size: 2rem;
    margin: 0;
}

.solution-carousel-slide a {
    margin-top: 0.63rem;
    padding: 0.5rem 0.9rem;
    background: #004b8d;
    border: none;
    color: white;
    border-radius: 6px;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
}

.solution-carousel-track p {
    font-size: medium;
    color: #666;
}

.solution-carousel-track li {
    color: #666;
    font-size: small;
}

.solution-carousel-track button {
    border: none;
    color: white;
    border-radius: 6px;
    font-weight: bold;
    padding: 0.63rem;
    width: 12.5rem;
    background-color: #004b8d;
}

.solution-carousel-track button:hover {
    background-color: #006ac8;
}

.carousel-container {
    overflow: hidden;
    width: 65%;
    margin: auto;
    padding-bottom: 2rem;
}

.carousel-track {
    display: flex;
    animation: scroll 20s linear infinite;
}

.carousel-track img {
    flex: 0 0 31.67%; /* 3 logos visible at a time */
    max-width: 20%;
    height: 2rem;
    padding: 0 2rem;
    box-sizing: border-box;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-60%);
    }
}

.start {
    width: 100%;
    text-align: center;
    padding-top: 3.8rem;
    padding-bottom: 3.8rem;
    background-image: url(Images/palo%20alto.png);
    background-position: center;
    justify-items: center;
}
.start_title p {
    color: white;
    padding-top: none;
    font-size: large;
    padding-left: 10rem;
    padding-right: 10rem;
}
.start h1 {
    color: white;
    font-size: 2rem;
}

.start_btns {
    display: flex;
    padding: 2rem;
    justify-content: center;
    gap: 2vw;
}

.start_btn a {
    width: fit-content;
    height: 2.5rem;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
    background-color: white;
    color: #004b8d;
    text-align: center;
    text-decoration: none;
    padding: 5px;
}

.start_btn a:hover {
    background-color: #95d4ff;
}

.start svg {
    width: 1rem;
    height: 1rem;
    vertical-align: middle;
}
.start_btn2 a {
    width: fit-content;
    height: 2.5rem;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
    background-color: #004b8d;
    color: white;
    text-decoration: none;
    padding: 5px;
}

.start_btn2 a:hover {
    background-color: white;
    color: #004b8d;
}

/* EVENTS */

.events {
    width: 100%;
    text-align-last: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.events_title h1 {
    font-size: 2rem;
}

.events_title p {
    font-size: larger;
    color: #666;
}

.events_cards {
    width: 96%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 2rem;
    gap: 2vw;
}

.event-card {
    width: 92%;
    justify-items: left;
    text-align-last: left;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 1.6rem;
}

.event-card:hover {
    transform: translateY(-5px);
    box-shadow: 0.63rem 0.63rem 0.63rem rgba(0, 0, 0, 0.05);
}

.conf {
    width: 5.6rem;
    height: 1.6rem;
    border: none;
    border-radius: 0.63rem;
    color: white;
    background-color: #004b8d;
    text-align-last: center;
}

.work {
    width: 5.6rem;
    height: 1.6rem;
    border: none;
    border-radius: 0.63rem;
    color: white;
    background-color: #fd1400;
    text-align-last: center;
}

.web {
    width: 5.6rem;
    height: 1.6rem;
    border: none;
    border-radius: 0.63rem;
    color: white;
    background-color: #009d31;
    text-align-last: center;
}

.demo {
    width: 5.6rem;
    height: 1.6rem;
    border: none;
    border-radius: 0.63rem;
    color: white;
    background-color: #3d8dd3;
    text-align-last: center;
}

.other {
    width: 5.6rem;
    height: 1.6rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.63rem;
    color: black;
    background-color: white;
    text-align-last: center;
}

.event-card h2 {
    font-size: 1.25rem;
}

.event-card h3 {
    font-size: 1rem;
}

.event-card p {
    color: #666;
}

.event-card svg {
    vertical-align: middle;
    height: 1rem;
}

.event-card ul {
    list-style: none;
    color: #666;
    padding-left: 0;
    font-size: small;
}

.event-card li {
    margin: 0.63rem;
}

.topics {
    width: 100%;
    text-align-last: left;
    padding-bottom: 1.25rem;
}

.topics button {
    width: fit-content;
    height: 2rem;
    border: none;
    border-radius: 6px;
    color: #004480;
    background-color: #c9c9c9;
    text-align-last: center;
}

.register {
    width: 100%;
    height: 2.2rem;
    border: none;
    border-radius: 6px;
    color: white;
    background-color: #004b8d;
    text-align-last: center;
}

.register svg {
    vertical-align: middle;
}

.past-events {
    width: 100%;
    justify-content: center;
    text-align-last: center;
    background-color: #f9fafb;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.past-events_title h1 {
    font-size: 2rem;
}

.past-events_title p {
    font-size: larger;
    color: #666;
}

.past-events-cards {
    width: 96%;
    display: flex;
    justify-content: center;
    padding: 2rem;
    gap: 2vw;
}

.past-evnt {
    justify-items: left;
    text-align-last: left;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 1.6rem;
    box-shadow: 0.63rem 0.63rem 0.63rem rgba(0, 0, 0, 0.05);
}

.past-evnt button {
    width: 5.6rem;
    height: 1.6rem;
    border: none;
    border-radius: 0.63rem;
    color: #004b8d;
    background-color: #b8d1e8;
    text-align-last: center;
}

.past-evnt ul {
    list-style: none;
    color: #666;
    padding-left: 0;
    font-size: small;
}

.past-evnt li {
    margin: 0.63rem;
}

.past-evnt svg {
    vertical-align: middle;
    height: 0.9rem;
}

.past-evnt h2 {
    font-size: 1.25rem;
}

.custom {
    width: 100%;
    text-align-last: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.custom_title h1 {
    font-size: 2rem;
}

.custom_title p {
    font-size: larger;
    color: #666;
    margin-bottom: 0;
}

.custom-part h3 {
    font-size: 1rem;
    margin-top: 0;
}

.custom-part p {
    font-size: small;
    color: #666;
}

.custom-parts {
    width: 96%;
    display: flex;
    padding: 2rem;
    justify-content: center;
    gap: 4vw;
}

.request {
    width: fit-content;
    border: none;
    border-radius: 6px;
    color: white;
    background-color: #004b8d;
    text-align-last: center;
    text-decoration: none;
    padding: 6px;
    font-size: smaller;
}

.request svg {
    vertical-align: middle;
    height: 1rem;
}

.request:hover {
    background-color: #1e6cb1;
}

.download {
    width: fit-content;
    border-radius: 6px;
    border: none;
    background-color: white;
    text-align: center;
    text-decoration: none;
    padding: 6px;
    font-size: smaller;
}

.download:hover {
    background-color: #004b8d;
    color: white;
}

/* RESOURCES */

.search-container {
    width: 96%;
    padding: 2rem;
    justify-items: center;
}

.search-strip {
    display: flex;
    justify-items: center;
    width: 35%;
    padding: 8px 1rem;
    background-color: white;
    border: 1px solid #d1d5db; /* light gray border */
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03);
}

.search-container svg {
    vertical-align: middle;
    color: #6b7280; /* Tailwind gray-500 */
    margin-right: 0.63rem;
}

.search-input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 1rem;
    color: #374151; /* Tailwind gray-700 */
    background-color: transparent;
}

.search-input::placeholder {
    color: #6b7280; /* Tailwind gray-500 */
}

.tab-section {
    width: 96%;
    padding: 2rem;
}

.tabs-container {
    width: 97%;
    padding: 2rem;
    justify-items: center;
}

.tabsStrip {
    display: flex;
    gap: 10rem;
    border-radius: 6px;
    background-color: #eef1f6;
    width: 100%;
}

.tabs {
    display: flex;
    width: 100%;
    height: 2.5rem;
    justify-content: space-around;
    padding: 0.25rem;
    color: #64748b;
    background-color: #eef2f6;
    border-radius: 6px;
}

.tabs button {
    width: 80%;
    padding: 0.63rem 2.5rem;
    border: none;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s ease;
    color: #666;
}

.tab.active {
    background: white;
    color: black;
    border: 1px solid #e2e8f0;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.cards {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
    gap: 1.5rem;
    padding-top: 2rem;
    justify-items: center;
}

.card {
    background: white;
    padding: 1.5rem;
    border-radius: 0.63rem;
    box-shadow: 0 0 0 1px #e0e4ea;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 90%;
}

.tags span {
    display: inline-block;
    background: #edf2f7;
    color: #333;
    padding: 0.25rem 0.75rem;
    margin-right: 0.5rem;
    border-radius: 1.25rem;
    font-size: 0.8rem;
    font-weight: bold;
}

.card h3 {
    margin: 0.5rem 0;
    font-size: 1.1rem;
    font-weight: bold;
}

.card p {
    color: #666;
    margin: 0;
}

p.meta {
    color: #666;
    font-size: 0.9rem;
}

.actions {
    width: 100%;
    display: flex;
    gap: 1rem;
    margin-top: auto;
    justify-content: center;
}

.actions button {
    width: fit-content;
    padding: 0.5rem 3rem;
    border: none;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.actions .read {
    background: #004b8d;
    color: white;
}

.actions .download {
    background: #f8f9fa;
    color: #004b8d;
    border: 1px solid #d8dce1;
}

.resource-newsletter {
    margin-top: 0.63rem;
    gap: 0.5vw;
    width: 40%;
}

/* SOLUTIONS */

.solutions-container {
    width: 96%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 2rem;
    gap: 2vw;
    justify-content: space-between;
}

.solution-card {
    width: 93%;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 1.6rem;
    box-shadow: 0 0 0 1px #e0e4ea;
}

.solution-card:hover {
    transform: translateY(-0.5rem);
    box-shadow: 1px 0.63rem 0.63rem 0.63rem rgba(0, 0, 0, 0.05);
}

.solution-title {
    display: flex;
    align-items: center;
    gap: 1vw;
}

.solution-card ul {
    list-style: none;
    text-align-last: left;
    padding-left: 0;
}

.solution-title svg {
    width: 2.2rem;
    height: 2.25rem;
    vertical-align: middle;
    color: #004b8d;
    border: none;
    border-radius: 6px;
    padding: 1rem;
    background-color: #c5edff;
}

.solution-card p {
    color: #666;
    font-size: 1rem;
}

.solution-card li {
    color: #666;
    font-size: 1rem;
    margin: 5px;
}
.solution svg {
    height: 1rem;
    vertical-align: middle;
    color: #004b8d;
}

.learn {
    width: 100%;
    height: 2.2rem;
    border: none;
    border-radius: 6px;
    background-color: #004b8d;
    color: white;
    text-decoration: none;
    padding: 5px;
}

.solution-custom_btns {
    padding-top: 2rem;
}

.solution-custom {
    width: 100%;
    text-align-last: center;
    padding-top: 3.13rem;
    padding-bottom: 3.13rem;
}

.solution-custom_title h1 {
    font-size: 1.5rem;
}

.solution-custom_title p {
    font-size: large;
    color: #666;
    margin-bottom: 0;
}

.experts {
    width: 23.8rem;
    height: 2.5rem;
    border: none;
    border-radius: 6px;
    color: white;
    background-color: #004b8d;
    text-align-last: center;
}

.experts svg {
    vertical-align: middle;
}

.experts:hover {
    background-color: #1e6cb1;
}

.case {
    width: 23.8rem;
    height: 2.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    color: black;
    background-color: white;
    text-align-last: center;
}

.case:hover {
    background-color: #004b8d;
    color: white;
}

/* PARTNERS */

.partnership {
    width: 96%;
    padding: 2rem;
    justify-items: center;
    background-color: #eef2f64d;
}

.partnership-title {
    text-align: center;
}

.partnership-title h1 {
    font-size: 2rem;
}

.partnership-title p {
    font-size: larger;
    color: #666;
    margin-bottom: 0;
}

.partnership-benefit {
    width: 70%;
    display: flex;
    justify-content: space-between;
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.partnership-benefit h2 {
    font-size: larger;
}

.partnership-benefit p {
    font-size: small;
    color: #666;
}

.partnership-benefit svg {
    vertical-align: middle;
    height: 3.13rem;
    width: 3.13rem;
    padding: 0.7rem;
    color: #004b8d;
    border: none;
    border-radius: 6px;
    background-color: #c5edff;
}

.partners-container {
    width: 96%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 2rem;
    gap: 1vw;
    justify-items: center;
}

.partner-card-radware {
    width: 89%;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 1rem;
    box-shadow: 0 0 0 1px #e0e4ea;
    text-align-last: center;
}

.partner-card-palo {
    width: 89%;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 1rem;
    box-shadow: 0 0 0 1px #e0e4ea;
    text-align-last: center;
}

.partner-card-radwin {
    width: 89%;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 1rem;
    box-shadow: 0 0 0 1px #e0e4ea;
    text-align-last: center;
}

.partner-card-radiflow {
    width: 89%;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 1rem;
    box-shadow: 0 0 0 1px #e0e4ea;
    text-align-last: center;
}

.partner-card-ruckus {
    width: 89%;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 1rem;
    box-shadow: 0 0 0 1px #e0e4ea;
    text-align-last: center;
}

.partner-card-splunk {
    width: 89%;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 1rem;
    box-shadow: 0 0 0 1px #e0e4ea;
    text-align-last: center;
}

.partner-card-salient {
    width: 89%;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 1rem;
    box-shadow: 0 0 0 1px #e0e4ea;
    text-align-last: center;
}

.partner-card-rad {
    width: 89%;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 1rem;
    box-shadow: 0 0 0 1px #e0e4ea;
    text-align-last: center;
}

.partner-card-forti {
    width: 89%;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 1rem;
    box-shadow: 0 0 0 1px #e0e4ea;
    text-align-last: center;
}

.partner-card-radware:hover,
.partner-card-palo:hover,
.partner-card-radwin:hover,
.partner-card-radiflow:hover,
.partner-card-ruckus:hover,
.partner-card-splunk:hover,
.partner-card-salient:hover,
.partner-card-rad:hover,
.partner-card-forti:hover {
    transform: translateY(-0.5rem);
    box-shadow: 1px 0.63rem 0.63rem 0.63rem rgba(0, 0, 0, 0.05);
}

.partner-img {
    width: 100%;
    justify-items: center;
}

.partner-img img {
    width: 38%;
    height: 6vh;
}

.partner-title {
    display: flex;
    gap: 1vw;
    justify-content: space-between;
    align-items: center;
}

.title {
    display: flex;
    gap: 1vw;
}

.partner-title span {
    color: #004b8d;
    font-size: small;
    margin: 0;
}

.partner-title svg {
    width: 2.2rem;
    height: 2.25rem;
    vertical-align: middle;
    color: #004b8d;
    border: none;
    border-radius: 6px;
    padding: 0.63rem;
    background-color: #c5edff;
}

.link svg {
    vertical-align: middle;
    height: 1.25rem;
    background-color: white;
    color: black;
    border: none;
    padding: 0;
}

.link svg:hover {
    color: white;
    background-color: #004b8d;
    padding: 8px;
}

.partner-card-radware h3,
.partner-card-palo h3,
.partner-card-radwin h3,
.partner-card-radiflow h3,
.partner-card-ruckus h3,
.partner-card-splunk h3,
.partner-card-salient h3,
.partner-card-rad h3,
.partner-card-forti h3 {
    font-size: smaller;
}

.partner-card-radware h2,
.partner-card-palo h2,
.partner-card-radwin h2,
.partner-card-radiflow h2,
.partner-card-ruckus h2,
.partner-card-splunk h2,
.partner-card-salient h2,
.partner-card-rad h2,
.partner-card-forti h2 {
    margin: 0;
    font-size: larger;
}

.partner-card-radware p,
.partner-card-palo p,
.partner-card-radwin p,
.partner-card-radiflow p,
.partner-card-ruckus p,
.partner-card-splunk p,
.partner-card-salient p,
.partner-card-rad p,
.partner-card-forti p {
    color: #666;
    font-size: 1rem;
}

.partner-card-radware button,
.partner-card-palo button,
.partner-card-radwin button,
.partner-card-radiflow button,
.partner-card-ruckus button,
.partner-card-splunk button,
.partner-card-salient button,
.partner-card-rad button,
.partner-card-forti button {
    border: none;
    border-radius: 6px;
    width: fit-content;
    height: 1.6rem;
    color: #004b8d;
}

/* CYBERSEC */
.root-sec {
    width: 97.5%;
    text-align: center;
    /*background: linear-gradient(160deg, #d0e8ff 10%, #eaf3fe 30%, #ffffff 60%);*/
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    padding: 1.25rem;
    background:
        linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
        /* black tint */ url(Images/ddos.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.root-sec_title p {
    color: white;
    padding-top: none;
    font-size: x-large;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 2rem;
}

.root-sec h1 {
    color: White;
    font-size: 2.8rem;
    padding-top: 2rem;
}

.special-title {
    display: flex;
    justify-content: center;
    gap: 1vw;
}

.special {
    display: flex;
}

.special button {
    border: 2px solid #e2e8f0;
    border-radius: 2.2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: medium;
    background-color: transparent;
    color: white;
}

.special svg {
    vertical-align: middle;
    color: #3ea5ff;
}

.security-partners-container {
    width: 100%;
    justify-items: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align-last: center;
    background-color: #ddeeff4d;
}

.sec-solution-title {
    justify-items: center;
}

.sec-solution-title h1 {
    font-size: 1.5rem;
}

.sec-solution-title p {
    color: #666;
    font-size: large;
}

.security-partner-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 96%;
    padding: 2rem;
    gap: 1rem;
    text-align-last: left;
}

.security-partner-card {
    width: 100%;
    border: 2px solid #e2e8f0;
    border-radius: 6px;
    display: flex;
    gap: 0.5vw;
    background-color: white;
    overflow: hidden;
}

.security-partner-card:hover {
    box-shadow: 1px 0.63rem 0.63rem 0.63rem rgba(0, 0, 0, 0.05);
    transform: translateY(-0.5rem);
}

.security-partner-card h3 {
    font-size: smaller;
}

.security-partner-card p {
    font-size: smaller;
}
.security-partner-title {
    display: flex;
    gap: 2vw;
    align-items: center;
    width: 30%;
}

.security-partner-title-ddos {
    display: flex;
    align-items: center;
    width: 35%;
    background:
        linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
        /* black tint */ url("Images/ddos.png");
    background-size: 130%;
    background-repeat: no-repeat;
    background-position: center;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 5rem;
    transition: background-size 0.6s ease; /* smooth zoom */
}

.security-partner-title-api {
    display: flex;
    align-items: center;
    width: 35%;
    background:
        linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
        /* black tint */ url("Images/products/API Sec.jpg");
    background-size: 236%;
    background-repeat: no-repeat;
    background-position: center;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 5rem;
    transition: background-size 0.6s ease; /* smooth zoom */
}

.security-partner-title-cloud {
    display: flex;
    align-items: center;
    width: 35%;
    background:
        linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
        /* black tint */ url("Images/products/cloud security.jpg");
    background-size: 238%;
    background-repeat: no-repeat;
    background-position: center;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 5rem;
    transition: background-size 0.6s ease; /* smooth zoom */
}

.security-partner-title-bot {
    display: flex;
    align-items: center;
    width: 35%;
    background:
        linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
        /* black tint */ url("Images/ddos.png");
    background-size: 155%;
    background-repeat: no-repeat;
    background-position: center;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 5rem;
    transition: background-size 0.6s ease; /* smooth zoom */
}

.security-partner-title-pen {
    display: flex;
    align-items: center;
    width: 35%;
    background:
        linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
        /* black tint */ url("Images/products/sec assessment.jpg");
    background-size: 280%;
    background-repeat: no-repeat;
    background-position: center;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 5rem;
    transition: background-size 0.6s ease; /* smooth zoom */
}

.security-partner-title-ent {
    display: flex;
    align-items: center;
    width: 35%;
    background:
        linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
        /* black tint */ url("Images/products/enterprise security.jpg");
    background-size: 280%;
    background-repeat: no-repeat;
    background-position: center;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 5rem;
    transition: background-size 0.6s ease; /* smooth zoom */
}

.security-partner-card:hover .security-partner-title-ddos {
    background-size: 160%; /* zoom in */
}

.security-partner-card:hover .security-partner-title-api {
    background-size: 266%; /* zoom in */
}

.security-partner-card:hover .security-partner-title-cloud {
    background-size: 268%; /* zoom in */
}

.security-partner-card:hover .security-partner-title-bot {
    background-size: 185%; /* zoom in */
}

.security-partner-card:hover .security-partner-title-pen {
    background-size: 310%; /* zoom in */
}

.security-partner-card:hover .security-partner-title-ent {
    background-size: 310%; /* zoom in */
}

.security-partner-title-ddos h2,
.security-partner-title-api h2,
.security-partner-title-cloud h2,
.security-partner-title-bot h2,
.security-partner-title-pen h2,
.security-partner-title-ent h2 {
    margin: 0;
    font-size: x-large;
    color: white;
    padding-left: 1rem;
    line-height: 0.9;
}

.security-partner-title-ddos span,
.security-partner-title-api span,
.security-partner-title-cloud span,
.security-partner-title-bot span,
.security-partner-title-pen span,
.security-partner-title-ent span {
    color: #7cc2ff;
    font-size: medium;
}

.content-right {
    padding: 0.5rem;
    text-align-last: left;
    max-width: 60%;
}

.content-right p {
    color: #444;
}

.content-right h3 {
    color: #444;
}

.security-partner-cards-com {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 96%;
    padding: 2rem;
    gap: 1rem;
}

.security-partner-card-com {
    width: 100%;
    border: 2px solid #e2e8f0;
    border-radius: 6px;
    gap: 0.5vw;
    background-color: white;
    overflow: hidden;
    justify-items: center;
    padding-bottom: 1rem;
}

.security-partner-card-com h2 {
    margin: 0;
    padding-top: 3rem;
}

.security-partner-title-com-ptp {
    align-items: center;
    width: 100%;
    height: 25vh;
    background:
        linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
        /* black tint */ url("Images/products/ptp.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-size 0.6s ease; /* smooth zoom */
    border-bottom-left-radius: 5rem;
    border-bottom-right-radius: 5rem;
}

.security-partner-title-com-ptmp {
    align-items: center;
    width: 100%;
    height: 25vh;
    background:
        linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
        /* black tint */ url("Images/products/ptmp.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-size 0.6s ease; /* smooth zoom */
    border-bottom-left-radius: 5rem;
    border-bottom-right-radius: 5rem;
}

.security-partner-title-com-mob {
    align-items: center;
    width: 100%;
    height: 25vh;
    background:
        linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
        /* black tint */ url("Images/ddos.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-size 0.6s ease; /* smooth zoom */
    border-bottom-left-radius: 5rem;
    border-bottom-right-radius: 5rem;
}

.security-partner-title-com-ent {
    align-items: center;
    width: 100%;
    height: 25vh;
    background:
        linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
        /* black tint */ url("Images/products/Ent.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-size 0.6s ease; /* smooth zoom */
    border-bottom-left-radius: 5rem;
    border-bottom-right-radius: 5rem;
}

.security-partner-card-com:hover {
    box-shadow: 1px 0.63rem 0.63rem 0.63rem rgba(0, 0, 0, 0.05);
    transform: translateY(-0.5rem);
}

.security-partner-card-com:hover .security-partner-title-com-ptp {
    background-size: 120%; /* zoom in */
}

.security-partner-card-com:hover .security-partner-title-com-ptmp {
    background-size: 120%; /* zoom in */
}

.security-partner-card-com:hover .security-partner-title-com-mob {
    background-size: 120%; /* zoom in */
}

.security-partner-card-com:hover .security-partner-title-com-ent {
    background-size: 120%; /* zoom in */
}

.security-partner-card-com h3 {
    font-size: smaller;
}

.security-partner-card-com p {
    font-size: smaller;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
}

.security-partner-title-com-ptp h2,
.security-partner-title-com-ptmp h2,
.security-partner-title-com-mob h2,
.security-partner-title-com-ent h2 {
    color: white;
    font-size: x-large;
}

.security-partner-title-com-ptp span,
.security-partner-title-com-ptmp span,
.security-partner-title-com-mob span,
.security-partner-title-com-ent span {
    font-size: smaller;
    color: #7cc2ff;
}

.solution {
    display: flexbox;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.solution button {
    border: none;
    border-radius: 6px;
    padding: 5px;
    font-weight: bold;
    color: #004b8d;
    background-color: #e7f1fa;
    font-size: x-small;
}

.solution-lists {
    display: flex;
    text-align-last: left;
    justify-self: center;
    gap: 5vw;
    color: #444;
}

.solution-lists li {
    list-style: none;
    margin: 1rem;
    font-size: small;
}

.solution-lists svg {
    color: #004b8d;
    vertical-align: middle;
    padding-right: 0.2rem;
    height: 1rem;
}

/* COMM */
.root-com {
    width: 97.5%;
    text-align: center;
    /*background: linear-gradient(160deg, #d0e8ff 10%, #eaf3fe 30%, #ffffff 60%);*/
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    padding: 1.25rem;
    background:
        linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
        /* black tint */ url(Images/products/Communications.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.root-com_title p {
    color: white;
    padding-top: none;
    font-size: x-large;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 2rem;
}

.root-com h1 {
    color: #ffffff;
    font-size: 2.8rem;
    padding-top: 2rem;
}

.solution-list li {
    list-style: none;
    margin: 5px;
    font-size: medium;
    color: #666;
}

.solution-list svg {
    color: #004b8d;
    vertical-align: middle;
    padding-right: 0.63rem;
    height: 1.1rem;
}

.service {
    width: 96%;
    display: flex;
    padding: 2rem;
    justify-content: space-between;
    gap: 1vw;
}

.service-card {
    border: 2px solid #e2e8f0;
    border-radius: 6px;
    padding: 1.25rem;
    width: 20%;
    text-align: center;
}

.service-card:hover {
    box-shadow: 1px 0.63rem 0.63rem 0.63rem rgba(0, 0, 0, 0.05);
}

.service-card h2 {
    font-size: medium;
}

.service-card p {
    font-size: small;
    color: #666;
}

.service-card svg {
    vertical-align: middle;
    border-radius: 6px;
    padding: 1rem;
    background-color: #c5edff;
    color: #004b8d;
}

/* ANALYTICS */
.root-analytics {
    width: 97.5%;
    text-align: center;
    /*background: linear-gradient(160deg, #d0e8ff 10%, #eaf3fe 30%, #ffffff 60%);*/
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    padding: 1.25rem;
    background:
        linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
        /* black tint */ url(Images/products/SIEM.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.root-analytics_title p {
    color: #e7e7e7;
    padding-top: none;
    font-size: x-large;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 2rem;
}

.root-analytics h1 {
    color: White;
    font-size: 2.8rem;
    padding-top: 2rem;
}

.splunk-platform-container {
    width: 100%;
    justify-items: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align-last: center;
}

.splunk-platform-container h1 {
    font-size: 2.25rem;
}

.splunk-platform-container p {
    color: #666;
    font-size: larger;
}

.splunk-platform-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 96%;
    padding: 2rem;
    gap: 2vw;
    text-align-last: left;
}

.splunk-platform-card {
    width: 93%;
    border: 2px solid #e2e8f0;
    border-radius: 6px;
    padding: 1.25rem;
}
.splunk-platform-card:hover {
    box-shadow: 1px 0.63rem 0.63rem 0.63rem rgba(0, 0, 0, 0.05);
}

.splunk-platform-card p {
    font-size: medium;
}
.splunk-platform-title {
    display: flex;
    gap: 1vw;
    align-items: center;
}

.splunk-platform-title h2 {
    margin: 0;
}

.splunk-platform-title span {
    color: #004b8d;
    font-size: medium;
}

.splunk-platform-title svg {
    border: none;
    height: 2rem;
    width: 2rem;
    vertical-align: middle;
    border-radius: 6px;
    padding: 1rem;
    background-color: #c5edff;
    color: #004b8d;
}

.splunk-custom {
    width: 100%;
    text-align-last: center;
    padding-top: 3.13rem;
    padding-bottom: 3.13rem;
    background-color: #eef2f64d;
}

.splunk-custom_title h1 {
    font-size: 2rem;
}

.splunk-custom_title p {
    font-size: larger;
    color: #666;
    margin-bottom: 0;
}

.splunk {
    width: 96%;
    display: flex;
    padding: 2rem;
    justify-content: center;
    gap: 2vw;
}

.splunk-card {
    border: 2px solid #e2e8f0;
    border-radius: 6px;
    padding: 1.25rem;
    width: 20%;
    text-align: center;
}

.splunk-card:hover {
    box-shadow: 1px 0.63rem 0.63rem 0.63rem rgba(0, 0, 0, 0.05);
}

.splunk-card h2 {
    font-size: medium;
}

.splunk-card p {
    font-size: small;
    color: #666;
}

.splunk-card svg {
    vertical-align: middle;
    border-radius: 6px;
    padding: 1rem;
    background-color: #c5edff;
    color: #004b8d;
}

.splunk-card ul {
    list-style: none;
    font-size: small;
    color: #666;
    text-align: center;
    padding-left: 0;
}

.splunk-card li {
    margin: 5px;
}

.list svg {
    background-color: transparent;
    vertical-align: middle;
    height: 1rem;
    padding: 0;
}

/* VMS */
.root-vms {
    width: 97.5%;
    text-align: center;
    /*background: linear-gradient(160deg, #d0e8ff 10%, #eaf3fe 30%, #ffffff 60%);*/
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    padding: 1.25rem;
    background:
        linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
        /* black tint */ url("Images/products/VMS.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.root-vms_title p {
    color: #ffffff;
    padding-top: none;
    font-size: x-large;
    padding-left: 16rem;
    padding-right: 16rem;
    padding-bottom: 2rem;
}

.root-vms h1 {
    color: #ffffff;
    font-size: 2.8rem;
    padding-top: 2rem;
}

.salient-custom {
    width: 100%;
    text-align-last: center;
    padding-top: 3.13rem;
    padding-bottom: 3.13rem;
}

.salient-custom_title h1 {
    font-size: 2rem;
}

.salient-custom_title p {
    font-size: larger;
    color: #666;
    margin-bottom: 0;
}

.salient {
    width: 96%;
    display: flex;
    padding: 2rem;
    justify-content: center;
    gap: 2vw;
}

.salient-vms-card {
    border: 2px solid #e2e8f0;
    border-radius: 0.75rem;
    width: 25%;
    text-align: center;
    padding-bottom: 1rem;
    /*background-image: url("Images/products/Salient VMS.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;*/
}

.salient-analytics-card {
    border: 2px solid #e2e8f0;
    border-radius: 0.75rem;
    width: 25%;
    text-align: center;
    padding-bottom: 1rem;
    /*background-image: url("Images/products/Salient analytics .webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;*/
}

.salient-cloud-card {
    border: 2px solid #e2e8f0;
    border-radius: 0.75rem;
    width: 25%;
    text-align: center;
    padding-bottom: 1rem;
    /*background-image: url("Images/products/Salient Cloud.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;*/
}

.salient-vms-card:hover,
.salient-analytics-card:hover,
.salient-cloud-card:hover {
    box-shadow: 1px 0.63rem 0.63rem 0.63rem rgba(0, 0, 0, 0.05);
    transform: translateY(-10px);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
}

.salient-vms-card h2,
.salient-analytics-card h2,
.salient-cloud-card h2 {
    font-size: large;
    color: white;
}

.salient-vms-card p,
.salient-analytics-card p,
.salient-cloud-card p {
    font-size: smaller;
    color: #444;
    padding-left: 2rem;
    padding-right: 2rem;
}

.salient-vms-card svg,
.salient-analytics-card svg,
.salient-cloud-card svg {
    vertical-align: middle;
    border-radius: 6px;
    padding: 1rem;
    background-color: #c5edff;
    color: #004b8d;
    display: none;
}

.salient-vms-card h3,
.salient-analytics-card h3,
.salient-cloud-card h3 {
    color: #666;
    font-size: medium;
}

.salient-platform-container {
    width: 100%;
    justify-items: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align-last: center;
    background-color: #eef2f64d;
}

.salient-platform-container h1 {
    font-size: 2.25rem;
}

.salient-platform-container p {
    color: #666;
    font-size: larger;
}

.salient-platform-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 96%;
    padding: 2rem;
    gap: 2vw;
    text-align-last: left;
}

.salient-platform-card {
    width: 93%;
    border: 2px solid #e2e8f0;
    border-radius: 6px;
    padding: 1.25rem;
}
.salient-platform-card:hover {
    box-shadow: 1px 0.63rem 0.63rem 0.63rem rgba(0, 0, 0, 0.05);
}

.salient-platform-card p {
    font-size: medium;
}
.salient-platform-title {
    display: flex;
    gap: 1vw;
    align-items: center;
}

.salient-platform-title h2 {
    margin: 0;
}

.salient-lists {
    display: flex;
    text-align-last: left;
    justify-self: center;
    gap: 2vw;
}

.salient-lists ul {
    list-style: none;
    padding-left: 0;
}

.salient-lists li {
    font-size: small;
    color: #666;
    display: flex;
}

.salient-lists svg {
    vertical-align: middle;
    height: 1rem;
    color: #004b8d;
}

.vmsrequest {
    width: max-content;
    height: 2.5rem;
    border: none;
    border-radius: 6px;
    color: white;
    background-color: #004b8d;
    text-align-last: center;
}

.vmsrequest svg {
    vertical-align: middle;
}

.vmsrequest:hover {
    background-color: #1e6cb1;
}

/* CONTACT */

.contacts-container {
    width: 96%;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin: auto;
    padding-top: 3.13rem;
    padding: 2rem;
}

.contacts-form,
.contacts-info {
    background: #fff;
    padding: 1.5rem;
    border-radius: 0.63rem;
    box-shadow: 0 2px 0.63rem rgba(0, 0, 0, 0.05);
    flex: 1;
    min-width: 18.8rem;
    border: 1px solid #e2e8f0;
}

.contacts-form h2,
.contacts-info h3 {
    margin-top: 0;
}

.contacts-form p {
    color: #666;
}

.form-group {
    margin-bottom: 1rem;
}

.form-group label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 94%;
    padding: 0.63rem 0.9rem;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 0.9rem;
}

.form-group textarea {
    height: 6.25rem;
    resize: vertical;
}

.btn {
    background-color: #004b8d;
    color: white;
    padding: 0.75rem 1.25rem;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
}

.btn:hover {
    background-color: #0056b3;
}

.btn .spinner {
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top: 3px solid white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    animation: spin 0.8s linear infinite;
    display: none; /* hidden by default */
    margin-left: 8px;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Thank-you overlay styles */
#thankYouOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none; /* hidden by default */
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#thankYouOverlay .card {
    background: white;
    padding: 2rem;
    border-radius: 12px;
    text-align: center;
    max-width: 400px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    animation: fadeInScale 0.4s ease-in-out;
}

#thankYouOverlay .card h2 {
    margin: 0 0 10px;
    color: #004b8d;
}

#thankYouOverlay .card p {
    margin: 0 0 20px;
    color: #444;
}

#thankYouOverlay .card a {
    display: inline-block;
    padding: 10px 20px;
    background: #004b8d;
    color: white;
    text-decoration: none;
    border-radius: 6px;
    transition: background 0.3s ease;
}

#thankYouOverlay .card a:hover {
    background: #0061b6;
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.info-box {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    padding: 1rem;
    border-radius: 8px;
    color: #666;
}

.info-box svg {
    vertical-align: middle;
    color: #004b8d;
}

.info-box strong {
    color: black;
}

.info-box div {
    font-size: 0.9rem;
}

.quick-actions h4 {
    margin-bottom: 0.63rem;
}

.quick-actions {
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 1.25rem;
}
.quick-actions div {
    display: flex;
    align-items: center;
    gap: 0.63rem;
    margin-bottom: 0.63rem;
    cursor: pointer;
    border: 1px solid #e2e8f0;
    padding: 0.63rem;
}

.quick-actions div i {
    color: #555;
}

.quick-actions svg {
    color: #004b8d;
}

.map-custom {
    width: 96%;
    text-align-last: center;
    padding: 2rem;
}

.map-custom_title h1 {
    font-size: 2rem;
}

.map-custom_title p {
    font-size: larger;
    color: #666;
    margin-bottom: 0;
}

.map {
    width: 100%;
    background-color: #eef2f64d;
    height: 24em;
    align-content: center;
    border-radius: 6px;
}

.map svg {
    color: #004b8d;
    height: 3.13rem;
    width: 3.13rem;
}

/* ABOUT */
.root_about {
    width: 97.5%;
    text-align: center;
    /*background: linear-gradient(160deg, #d0e8ff 10%, #eaf3fe 30%, #ffffff 60%);*/
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    padding: 1.25rem;
}

.root_about_title p {
    color: #666;
    padding-top: none;
    font-size: x-large;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 2rem;
}

.root_about h1 {
    color: black;
    font-size: 2.8rem;
    padding-top: 2rem;
}

.background {
    background-image: url("Images/themes/Theme 1.jpg");
    height: 65vh; /* adjust height */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.background h1 {
    color: white;
}

.background p {
    color: #e5e5e5;
}

.mvv {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
    width: 96%;
    padding: 2rem;
}

.card {
    flex: 1;
    max-width: 33.13rem;
    background: #fff;
    padding: 2rem;
    border-radius: 6px;
    text-align: center;
    box-shadow: 0 4px 1.25rem rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.card:hover {
    transform: translateY(-0.63rem);
    box-shadow: 0 8px 2rem rgba(0, 0, 0, 0.1);
}

.card .icon {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: #004b8d;
    transition: transform 0.3s ease;
}

.card:hover .icon {
    transform: scale(1.2);
}

.card h3 {
    font-size: 22px;
    margin-bottom: 0.63rem;
}

.card p {
    font-size: 1rem;
    color: #555;
    line-height: 1.6;
}

/* Our Story */
.our-story {
    width: 93%;
    margin-top: 10rem;
    padding: 2rem;
    justify-items: center;
    text-align: center;
}

.our-story h2 {
    font-size: xx-large;
}

.our-story p {
    font-size: 1.13rem;
    color: #5a6a7a;
    line-height: 1.8;
    margin-bottom: 1.25rem;
    align-content: center;
}

/* Fade-in Animations */
.fade-in {
    opacity: 0;
    transform: translateY(2rem);
    transition: all 1s ease;
}

.fade-in.appear {
    opacity: 1;
    transform: translateY(0);
}

/* Timeline Section */
.timeline-section {
    padding: 2rem;
    text-align: center;
    width: 96%;
}

.timeline-section h2 {
    font-size: 2rem;
    margin-bottom: 3.13rem;
}

.timeline-container {
    display: flex;
    justify-content: center;
}

.timeline {
    position: relative;
    width: 100%;
    max-width: 62rem;
    padding: 1.25rem 0;
}

.timeline::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #cbd5e1;
    transform: translateX(-50%);
}

.timeline-item {
    position: relative;
    width: 50%;
    padding: 2px 1rem;
    box-sizing: border-box;
}

.timeline-item.left {
    left: 0;
    text-align: right;
}

.timeline-item.right {
    left: 50%;
    text-align: left;
}

.timeline-item::before {
    content: "";
    position: absolute;
    top: 2rem;
    width: 0.75rem;
    height: 0.75rem;
    background: #004b8d;
    border-radius: 50%;
    z-index: 1;
}

.timeline-item.left::before {
    right: -6px;
}

.timeline-item.right::before {
    left: -6px;
}

.timeline-item .content {
    background: #fff;
    padding: 1rem 1.25rem;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    display: inline-block;
    max-width: 100%;
}

.timeline-item .content h3 {
    margin: 0 0 0.63rem;
    font-size: 1.1rem;
    color: #004b8d;
}

.timeline-item .content p {
    margin: 0;
    font-size: 0.95rem;
    color: #334155;
}

.team-container {
    width: 100%;
    justify-content: center;
    text-align: center;
    padding-top: 3.13rem;
    padding-bottom: 3.13rem;
    background-color: #f9fafb;
}

.team-title p {
    color: #666;
}

.title {
    justify-content: center;
}
.team {
    display: flex;
    width: 96%;
    padding: 2rem;
    gap: 2vw;
    justify-content: center;
}

.team-card {
    background: white;
    border-radius: 6px;
    padding: 2rem 1.5rem;
    text-align: center;
    box-shadow: 0 4px 1.25rem rgba(0, 0, 0, 0.07);
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
    width: 15%;
}

.team-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 1.5rem rgba(0, 0, 0, 0.12);
}

.team-card img {
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 1rem;
}
.team-card h3 {
    margin: 0.5rem 0;
    font-size: 1.2rem;
    color: #333;
}

.team-card .title {
    font-weight: bold;
    color: #0066cc;
    margin-bottom: 0.5rem;
}

.team-card p {
    font-size: 0.95rem;
    color: #555;
}

/*NEWS*/
.featured-stories {
    width: 97%;
    padding: 20px;
}

.featured-stories h2 {
    font-size: x-large;
}

.featured-stories p {
    font-size: large;
    color: #666;
}

.latest-news {
    width: 97%;
    padding: 20px;
}

.latest-news h2 {
    font-size: x-large;
}

.latest-news p {
    font-size: large;
    color: #666;
}

.card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 25px;
}

.news-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.h4,
a {
    text-decoration: none;
    color: #004b8d;
}

.news-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}

.news-image {
    height: 160px;
    background: linear-gradient(to bottom, #dce4ed, #808080);
}

.news-image img {
    height: 159px;
    width: 100%;
}
.badge {
    display: inline-block;
    margin: 15px;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #fff;
    width: fit-content;
}
.badge-red {
    background: #e57373;
}
.badge-blue {
    background: #64b5f6;
}
.badge-green {
    background: #81c784;
}
.badge-purple {
    background: #ba68c8;
}

.news-meta {
    display: flex;
    justify-content: space-between;
    font-size: 0.85rem;
    color: #525252aa;
    margin: 0 15px 10px;
}

.news-meta svg {
    vertical-align: middle;
    height: 15px;
}
.news-card h4 {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 15px 10px;
    color: #0a0a0a;
}
.news-card p {
    font-size: 0.95rem;
    margin: 0 15px 15px;
    color: #4a4a4a;
}
.source-link {
    font-size: 0.9rem;
    font-weight: 600;
    color: #004b8d;
    margin: 0 15px 15px;
    text-decoration: none;
}
.source-link:hover {
    text-decoration: underline;
}

/* FOOTER */
footer {
    width: 96%;
    background-color: #f9fafb;
    color: #333;
    padding: 2rem;
    font-family: "Poppins", sans-serif;
}

.footer-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2.5rem;
}

.footer-section {
    flex: 1 1 12.5rem;
}

.footer-section company {
    padding-bottom: 0;
    padding-top: 0;
}

footer .logo-name {
    display: flex;
    align-items: center;
    gap: 0.63rem;
    padding-top: 1rem;
}

.logo-name h3 {
    margin: 0;
}

.footer-logo img {
    color: white;
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-section h4 {
    margin-bottom: 0.75rem;
    font-weight: 600;
}

.footer-section ul {
    list-style: none;
    padding: 0;
}

.footer-section ul li {
    margin-bottom: 8px;
}

.footer-section ul li a {
    text-decoration: none;
    color: #555;
}

.footer-section ul li a:hover {
    color: #004b8d;
}

footer .tagline {
    font-size: 0.9rem;
    color: #777;
    margin: 0;
}

footer .description {
    margin: 0.75rem 0;
    font-size: 0.9rem;
    color: #555;
}

.social-icons a {
    margin-right: 0.63rem;
    font-size: 1rem;
    color: #555;
}

.social-icons a:hover {
    color: #004b8d;
}

.contact-info li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    color: #555;
}

.newsletter {
    display: flex;
    margin-top: 0.63rem;
    gap: 0.5vw;
}

.newsletter input[type="email"] {
    padding: 8px 0.63rem;
    border: 1px solid #ccc;
    border-radius: 6px;
    flex: 1;
}

.newsletter button {
    padding: 0.5rem 1rem;
    border: none;
    background-color: #004b8d;
    color: white;
    border-radius: 6px;
    cursor: pointer;
}

.newsletter button:hover {
    background-color: #0361b0;
}

.footer-bottom {
    text-align: center;
    border-top: 1px solid #eee;
    margin-top: 2rem;
    padding-top: 0.63rem;
    font-size: 0.9rem;
    color: #777;
}

.footer-bottom a {
    color: #004b8d;
    text-decoration: none;
}

.footer-bottom a:hover {
    text-decoration: underline;
}

.newsletter button:hover {
    background-color: #0361b0;
}

.footer-bottom {
    text-align: center;
    border-top: 1px solid #eee;
    margin-top: 2rem;
    padding-top: 0.63rem;
    font-size: 0.9rem;
    color: #777;
}

.footer-bottom a {
    color: #004b8d;
    text-decoration: none;
}

.footer-bottom a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 432px) {
    body {
        padding-top: 4rem;
    }

    nav {
        flex-direction: column;
        align-items: flex-start;
        width: 90%;
    }

    .nav-links {
        display: none;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 65px;
        right: 0;
        background-color: #fff;
        width: 40%;
        padding: 15px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }

    .nav-links.show {
        display: flex;
        width: 40%;
        background-color: rgba(255, 255, 255, 0.9); /* Light translucent */
        backdrop-filter: blur(0.63rem);
        -webkit-backdrop-filter: blur(0.63rem); /* For Safari */
    }

    .nav-links a,
    .dropbtn {
        padding: 5px 0;
        width: 60%;
        justify-content: center;
    }

    .dropdown-content a {
        font-size: small;
    }

    .dropdown {
        width: 100%;
        padding: 5px;
    }

    .dropdown-content {
        display: none;
        background-color: transparent;
        box-shadow: none;
        position: static;
        padding: 1px;
        justify-items: center;
    }

    .dropdown:hover .dropdown-content,
    .dropdown:hover {
        display: block;
    }

    .dropbtn {
        width: 100%;
        justify-content: center;
    }

    .logo-title {
        align-items: flex-start;
        width: 55%;
    }

    .logo-title img {
        width: 50px;
        height: 50px;
        padding-top: 5px;
    }

    .logo-title h3 {
        font-size: medium;
        padding-top: 12px;
    }

    .logo-title p {
        font-size: x-small;
        margin: 0;
    }

    .hamburger {
        display: block;
        position: absolute;
        right: 30px;
        top: 15px;
        z-index: 9999;
        color: #333;
    }
    /* HOME */
    .root_title h1,
    .start_title h1 {
        font-size: 1.5rem;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

    .root_title span {
        font-size: 1.5rem;
    }

    .root_title p,
    .start_title p {
        font-size: 0.9rem;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .root_home_title h1 {
        font-size: 1.5rem;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

    .root_home_title h2 {
        font-size: 1.5rem;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

    .root_home_title span {
        font-size: 1.5rem;
    }

    .root_home_title p {
        font-size: 0.9rem;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .root_btn,
    .start_btns {
        flex-direction: row;
        align-items: center;
        gap: 0.63rem;
    }

    .explore,
    .contact {
        font-size: small;
    }

    .start {
        width: 100%;
    }

    .start_btn a {
        font-size: small;
        height: 30px;
    }

    .start_btn2 a {
        font-size: small;
        height: 30px;
    }

    .given {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.1vw;
    }

    .given p {
        font-size: 0.6rem;
    }

    .given svg {
        height: 12px;
    }

    .solution-carousel-container {
        flex-direction: column;
        padding: 0.63rem;
        width: 94%;
    }

    .solution-carousel-slide {
        width: 100% !important;
        margin: 0 auto;
        text-align: center;
    }

    .solution-carousel-slide h1 {
        font-size: 1.4rem;
        margin: 0;
    }

    .solution-carousel-slide p {
        font-size: 1rem;
        margin: 0;
    }

    .solution-carousel-slide a {
        font-size: small;
        height: 25px;
        padding-bottom: 5px;
        padding-top: 3px;
    }

    .offer {
        width: 96%;
        padding: 10px;
        justify-items: center;
    }

    .offer_title h1 {
        font-size: 1.5rem;
        text-align: center;
    }

    .offer_title p {
        font-size: 0.9rem;
        text-align: center;
        padding: 10px;
    }

    .industries {
        width: 91%;
        padding-left: 1rem;
        padding-right: 1rem;
        background: linear-gradient(
            to right,
            transparent 8%,
            /* left transparent */ #e2eaf5 30%,
            /* start color */ #e2eaf5 70%,
            /* end color */ transparent 92% /* right transparent */
        );
    }

    .industries h2 {
        font-size: 1.5rem;
    }

    .industries p {
        font-size: 0.9rem;
        width: 96%;
    }

    .industry-row {
        padding-left: 1rem;
        padding-right: 1rem;
        width: 94%;
    }

    .industry-text h3 {
        font-size: larger;
    }

    .industry-text p {
        font-size: x-small;
    }

    .industry-text {
        flex: 1;
        background: white;
        padding: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 44%;
        position: relative;
        text-align: center;
    }

    .reverse .industry-text {
        text-align: center;
        padding-left: 2rem;
    }

    .industry-row:not(.reverse) p {
        padding-right: 0;
    }

    .icon-overlay {
        display: none;
    }

    .industry-image {
        height: 22vh;
    }

    .industry-image img {
        width: 100%;
        height: 100%;
    }

    .impact-title {
        font-size: 1.5rem;
    }

    .impact-subtitle {
        font-size: 0.9rem;
    }

    .impact-card h3 {
        font-size: x-large;
    }

    .impact-card p {
        font-size: smaller;
    }

    .impact-icon img {
        height: 3rem;
    }

    .why-ipriver {
        justify-items: center;
    }

    .why-ipriver h2 {
        font-size: 1.5rem;
    }

    .features {
        width: 100%;
        margin: 0;
        grid-template-columns: repeat(1, 1fr);
        padding: 1rem;
    }

    .feature {
        width: 88%;
    }

    .feature span {
        font-size: xx-large;
    }

    .feature p {
        font-size: smaller;
    }

    .partner_btns {
        display: grid;
        align-items: center;
        gap: 0.5rem;
        width: 100%;
        padding-left: 1px;
        padding-right: 1px;
        justify-content: center;
    }

    .offer_cards {
        grid-template-columns: repeat(2, 1fr);
        padding: 10px;
        width: 94%;
    }

    .offer-card h2 {
        font-size: 1rem;
    }

    .offer-card a {
        font-size: small;
        height: 25px;
    }

    .partners {
        padding: 10px;
        width: 94%;
    }

    .partners_title p {
        font-size: medium;
        text-align: center;
    }

    .partners h1 {
        font-size: 1.5rem;
        text-align: center;
    }

    .partner_btns {
        display: none;
    }

    .all_partners {
        font-size: small;
        height: 30px;
    }

    .carousel-container {
        width: 92%;
        margin: auto;
        padding-bottom: 20px;
    }

    .carousel-track img {
        flex: 0 0 31.67%; /* 3 logos visible at a time */
        width: 50%;
        padding: 0.3rem;
    }

    @keyframes scroll {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-88%);
        }
    }

    .carousel-container img {
        height: 2.5rem;
        margin: 5px;
    }

    footer {
        width: 83%;
    }

    footer .footer-content {
        flex-direction: column;
        gap: 1.25rem;
    }

    footer .footer-section {
        width: 100%;
    }

    footer .newsletter input {
        width: 100%;
    }

    footer p,
    footer li {
        font-size: 0.9rem;
    }

    /* ABOUT */
    .background {
        background-image: url("Images/themes/Theme 1.jpg");
        background-repeat: no-repeat; /* avoids tiling */
        height: 91vh; /* adjust height */
        padding-bottom: 0;
    }

    .root_about {
        width: 89%;
    }

    .root_about_title p {
        color: #e2e2e2;
        font-size: small;
        padding-bottom: 5px;
    }

    .root_about h1 {
        color: white;
        font-size: x-large;
        padding-top: 5px;
    }

    .mvv {
        width: 96%;
        padding: 0.5rem;
        flex-direction: column;
        align-items: center;
    }

    .card {
        width: 73%;
    }

    .card h3 {
        font-size: medium;
        margin-bottom: 0.45rem;
    }

    .card p {
        font-size: small;
    }

    .card .icon {
        font-size: 1.5rem;
        margin-bottom: 0.2rem;
    }

    .our-story {
        width: 83%;
        text-align: center;
        margin-top: 25rem;
    }

    .our-story h2 {
        font-size: x-large;
    }

    .our-story p {
        font-size: 0.8rem;
    }

    .timeline-section {
        padding: 2rem;
        text-align: center;
        width: 83%;
    }

    .timeline-section h2 {
        font-size: x-large;
        margin-bottom: 1.3rem;
    }

    .timeline-container {
        display: flex;
        justify-content: center;
    }

    .timeline {
        width: 100%;
        padding: 1.25rem 0;
    }

    .timeline-item {
        width: 50%;
        padding: 2px 1rem;
    }

    .timeline-item.left {
        left: 0;
        text-align: right;
    }

    .timeline-item.right {
        left: 50%;
        text-align: left;
    }

    .timeline-item .content h3 {
        font-size: 0.9rem;
    }

    .timeline-item .content p {
        margin: 0;
        font-size: small;
    }

    .team-title h1 {
        font-size: x-large;
    }

    .team-title p {
        padding-left: 20px;
        padding-right: 20px;
    }

    .title {
        justify-content: center;
    }

    .team {
        width: 91%;
        padding: 1rem;
        gap: 2vw;
        justify-content: center;
    }

    .team-card {
        padding: 1rem;
        width: 45%;
    }

    .team-card h3 {
        margin: 0.5rem 0;
        font-size: 0.8rem;
    }

    .team-card .title {
        margin-bottom: 0.5rem;
    }

    .team-card p {
        font-size: 0.7rem;
    }

    /*CONTACT*/
    .root {
        width: 89%;
    }

    .contacts-container {
        width: 83%;
        padding: 20px;
        justify-content: center;
    }

    .contacts-form {
        width: 92%;
        padding: 15px;
    }

    .contacts-form h2 {
        font-size: medium;
    }

    .contacts-form p {
        font-size: small;
    }

    .form-group input,
    .form-group select,
    .form-group textarea {
        width: 90%;
        padding: 0.63rem 0.9rem;
        border: 1px solid #ccc;
        border-radius: 6px;
        font-size: 0.8rem;
    }

    .form-group label {
        font-size: small;
    }

    .contacts-info {
        width: 83%;
        padding: 15px;
    }

    .contacts-info h3 {
        font-size: medium;
    }

    .info-box {
        width: 90%;
    }

    .info-box div {
        font-size: 0.7rem;
    }

    .quick-actions h4 {
        font-size: medium;
    }

    .quick-actions div {
        font-size: small;
    }

    .map-custom {
        width: 91%;
        padding: 1rem;
    }

    .map-custom_title h1 {
        font-size: x-large;
    }

    .map-custom_title p {
        font-size: smaller;
        color: #666;
        margin-bottom: 0;
    }

    .map {
        width: 100%;
        padding: 5px;
    }

    .map svg {
        height: 30px;
    }

    .map h2 {
        font-size: medium;
    }

    .map p {
        font-size: small;
    }

    /*ANALYTICS*/
    .root-analytics {
        width: 92%;
    }

    .root-analytics_title p {
        font-size: smaller;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        width: 80%;
    }

    .root-analytics h1 {
        font-size: x-large;
        padding-top: 2rem;
    }

    .splunk-platform-container {
        width: 96%;
        text-align: center;
    }

    .splunk-platform-container h1 {
        font-size: large;
    }

    .splunk-platform-container p {
        font-size: small;
        padding-left: 15px;
        padding-right: 15px;
    }

    .splunk-platform-cards {
        width: 86%;
        padding: 15px;
        justify-items: center;
        display: grid;
        grid-template-columns: auto;
    }

    .splunk-platform-card {
        width: 86%;
    }

    .splunk-custom {
        width: 90.3%;
        padding: 15px;
        justify-items: center;
    }

    .splunk-custom_title {
        text-align: center;
    }

    .splunk-custom_title h1 {
        font-size: large;
    }

    .splunk-custom_title p {
        font-size: small;
    }

    .splunk {
        width: 90%;
        display: grid;
        padding: 15px;
    }

    .splunk-card {
        width: 85%;
    }

    .splunk-card svg {
        padding: 1px;
    }

    .splunk-platform-title h2 {
        font-size: large;
    }

    .splunk-platform-title svg {
        height: 20px;
        padding: 10px;
    }

    .splunk-platform-card p {
        text-align: left;
    }

    .splunk-platform-card h3 {
        font-size: small;
    }

    .solution button {
        font-size: small;
    }

    .splunk-card li {
        font-size: smaller;
    }

    .solution-custom {
        width: 91.9%;
        padding: 15px;
        justify-items: center;
    }

    .solution-custom_title {
        text-align: center;
    }

    .solution-custom_title h1 {
        font-size: large;
    }

    .solution-custom_title p {
        font-size: small;
    }

    .solution-lists {
        font-size: small;
        text-align: left;
        gap: 0.5vw;
        padding: 15px;
    }

    .solution-lists svg {
        height: 15px;
    }

    /*COMMUNICATION*/
    .special-title button {
        font-size: small;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .root-com {
        width: 89%;
    }

    .root-com_title p {
        font-size: smaller;
    }

    .root-com h1 {
        font-size: x-large;
        padding-top: 2rem;
    }

    .com-buttons {
        gap: 0.5vw;
        justify-content: center;
        display: ruby-text;
    }

    .request {
        font-size: small;
        width: fit-content;
    }

    .request svg {
        height: 17px;
    }

    .download {
        font-size: small;
        width: fit-content;
    }

    .security-partners-container {
        width: 91%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .security-partner-cards-com {
        width: 100%;
        padding: 10px;
        grid-template-columns: repeat(2, 1fr);
    }

    .security-partner-card-com {
        width: 100%;
    }

    .security-partner-card-com h3 {
        font-size: small;
    }

    .security-partner-title-com-ptp h2,
    .security-partner-title-com-ptmp h2,
    .security-partner-title-com-mob h2,
    .security-partner-title-com-ent h2 {
        font-size: medium;
    }

    .security-partner-title-com-ptp span,
    .security-partner-title-com-ptmp span,
    .security-partner-title-com-mob span,
    .security-partner-title-com-ent span {
        font-size: small;
    }

    .security-partner-title-com-ptp {
        align-items: center;
        width: 100%;
        height: 20vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/ptp.jpg");
        background-size: 215%;
        background-repeat: no-repeat;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-com-ptmp {
        align-items: center;
        width: 100%;
        height: 20vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/ptmp.jpg");
        background-size: 215%;
        background-repeat: no-repeat;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-com-mob {
        align-items: center;
        width: 100%;
        height: 20vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 100%;
    }

    .security-partner-title-com-ent {
        align-items: center;
        width: 100%;
        height: 20vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/Ent.jpg");
        background-size: 189%;
    }

    .security-partner-card-com:hover {
        box-shadow: 1px 0.63rem 0.63rem 0.63rem rgba(0, 0, 0, 0.05);
        transform: translateY(-0.5rem);
    }

    .security-partner-card-com:hover .security-partner-title-com-ptp {
        background-size: 245%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-ptmp {
        background-size: 245%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-mob {
        background-size: 120%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-ent {
        background-size: 219%; /* zoom in */
    }

    .solution {
        display: grid;
        gap: 0.5vw;
    }

    .solution button {
        font-size: x-small;
    }

    .solution-list li {
        font-size: x-small;
    }

    .solution-custom_title {
        padding-left: 20px;
        padding-right: 20px;
    }

    .service {
        width: 96%;
        padding: 1rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }

    .service-card {
        width: 70%;
    }

    /*SECURITY*/
    .root-sec {
        width: 89.3%;
    }

    .root-sec_title p {
        font-size: medium;
    }

    .root-sec h1 {
        font-size: x-large;
    }

    .security-partners-container {
        width: 92%;
    }

    .sec-solution-title {
        justify-items: center;
    }

    .sec-solution-title h1 {
        font-size: larger;
    }

    .sec-solution-title p {
        font-size: small;
        text-align: center;
    }

    .security-partner-cards {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
        padding: 0.5rem;
        gap: 1rem;
        text-align-last: left;
    }

    .security-partner-card {
        width: 100%;
        display: flex;
        gap: 0.5vw;
    }

    .content-right p {
        font-size: 0.7rem;
    }
    
    .content-right h3 {
        font-size: 0.7rem;
    }

    .security-partner-title-ddos {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 180%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-api {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/API Sec.jpg");
        background-size: 360%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-cloud {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/cloud security.jpg");
        background-size: 380%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-bot {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 210%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-pen {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/sec assessment.jpg");
        background-size: 380%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-ent {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/enterprise security.jpg");
        background-size: 360%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-card:hover .security-partner-title-ddos {
        background-size: 210%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-api {
        background-size: 390%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-cloud {
        background-size: 410%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-bot {
        background-size: 240%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-pen {
        background-size: 410%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-ent {
        background-size: 390%; /* zoom in */
    }

    .security-partner-title-ddos h2,
    .security-partner-title-api h2,
    .security-partner-title-cloud h2,
    .security-partner-title-bot h2,
    .security-partner-title-pen h2,
    .security-partner-title-ent h2 {
        margin: 0;
        font-size: large;
    }

    .security-partner-title-ddos span,
    .security-partner-title-api span,
    .security-partner-title-cloud span,
    .security-partner-title-bot span,
    .security-partner-title-pen span,
    .security-partner-title-ent span {
        font-size: small;
    }
    
    .solution {
        display: contents;
    }
    
    .solution button {
        padding: 3px;
    }

    .solution-lists {
        width: 100%;
        padding: 6px;
    }

    .solution-lists ul {
        padding-left: 1px;
    }

    .solution-lists li {
        font-size: x-small;
        display: flex;
    }

    /*VMS*/
    .root-vms {
        width: 89%;
    }

    .root-vms_title {
        width: 96%;
    }

    .root-vms_title h1 {
        font-size: x-large;
    }

    .root-vms_title p {
        font-size: medium;
        width: 96%;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 2rem;
    }

    .salient-custom {
        width: 89%;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .salient-custom_title h1 {
        font-size: large;
    }

    .salient-custom_title p {
        font-size: small;
    }

    .salient {
        width: 96%;
        padding: 15px;
        display: grid;
    }

    .salient-vms-card,
    .salient-analytics-card,
    .salient-cloud-card {
        width: 96%;
    }
    
    .salient-vms-card h2,
    .salient-analytics-card h2,
    .salient-cloud-card h2 {
        font-size: medium;
    }

    .salient-vms-card h3,
    .salient-analytics-card h3,
    .salient-cloud-card h3 {
        font-size: small;
    }
    
    .salient-vms-card p,
    .salient-analytics-card p,
    .salient-cloud-card p {
        font-size: small
    }

    .salient-platform-container {
        width: 89%;
        padding-left: 20px;
        padding-right: 20px;
        justify-items: center;
    }

    .salient-platform-container h1 {
        font-size: large;
    }

    .salient-platform-container p {
        font-size: small;
        width: 56%;
    }

    .salient-platform-cards {
        width: 100%;
        padding: 5%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .salient-platform-card {
        width: fit-content;
        justify-items: center;
    }
    
    .salient-platform-card p {
        font-size: small;
        width: 100%;
    }

    .salient-platform-title h2 {
        font-size: medium;
    }

    .salient-lists li {
        font-size: x-small;
        gap: 5px;
        margin-bottom: 8px;
    }

    .solution-lists {
        font-size: x-small;
    }

    .vmsrequest {
        padding: 6px;
        height: fit-content;
    }

    .vmsrequest svg {
        height: 1rem;
    }

    /*EVENTS*/
    .root_events {
        height: 35vh; /* adjust as needed */
        transition: background-image 1s ease-in-out; /* smooth fade */
    }

    .root_events_title p {
        font-size: medium;
    }

    .root_events h1 {
        font-size: 1.7rem;
        padding-top: 1rem;
    }

    .events {
        justify-items: center;
        text-align: center;
        width: 100%;
    }
    .events_title h1 {
        font-size: larger;
    }

    .events_title p {
        font-size: small;
    }

    .events_cards {
        width: 91%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        padding: 15px;
    }

    .event-card {
        width: 84%;
    }

    .event-card h2 {
        font-size: medium;
        text-align: left;
    }

    .event-card p {
        font-size: small;
        text-align: left;
    }

    .topics {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
        justify-items: center;
    }

    .past-events {
        width: 100%;
        justify-items: center;
        text-align: center;
    }

    .past-events h1 {
        font-size: larger;
    }

    .past-events p {
        font-size: small;
    }

    .past-events_title {
        justify-items: center;
    }

    .past-events_title p {
        width: 80%;
    }

    .past-events-cards {
        width: 90%;
        display: grid;
        padding: 15px;
    }

    .past-evnt h2 {
        font-size: smaller;
    }

    .custom {
        width: 100%;
        justify-items: center;
        text-align: center;
    }

    .custom_title {
        padding-left: 15px;
        padding-right: 15px;
    }

    .custom_title h1 {
        font-size: larger;
    }

    .custom_title p {
        font-size: small;
    }

    .custom-parts {
        width: 92%;
        padding: 15px;
    }

    .custom-part h3 {
        font-size: smaller;
    }

    .custom-part p {
        font-size: x-small;
    }

    .custom_btns {
        height: 1.8rem;
        font-size: x-small;
    }

    /*NEWS*/
    .featured-stories {
        width: 89%;
        padding: 20px;
    }

    .featured-stories h2 {
        font-size: larger;
    }

    .featured-stories p {
        font-size: medium;
    }

    .latest-news {
        width: 89%;
        padding: 20px;
    }

    .latest-news h2 {
        font-size: larger;
    }

    .latest-news p {
        font-size: medium;
    }

    .news-card h4 {
        font-size: 0.9rem;
    }
    .news-card p {
        font-size: 0.8rem;
    }
    .source-link {
        font-size: 0.9rem;
    }

    .resource-newsletter {
        width: 90%;
    }

    .resource-newsletter input,
    .resource-newsletter button {
        font-size: x-small;
    }

    /* PARTNERS */

    .partnership {
        width: 94%;
        padding: 10px;
    }

    .partnership-title {
        text-align: center;
    }

    .partnership-title h1 {
        font-size: large;
    }

    .partnership-title p {
        font-size: small;
    }

    .partnership-benefit {
        width: 92%;
        padding-top: 1rem;
        padding-bottom: 1rem;
        gap: 4vw;
    }

    .partnership-benefit h2 {
        font-size: smaller;
    }

    .partnership-benefit p {
        font-size: x-small;
    }

    .partnership-benefit svg {
        height: 1.25rem;
        width: 1.25rem;
        padding: 0.7rem;
    }

    .partners-container {
        width: 92%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 15px;
        gap: 0.5rem;
    }

    .partner-card-radware,
    .partner-card-palo,
    .partner-card-radwin,
    .partner-card-radiflow,
    .partner-card-ruckus,
    .partner-card-splunk,
    .partner-card-salient,
    .partner-card-rad,
    .partner-card-forti {
        width: 90%;
        padding: 0.5rem;
    }

    .partner-img img {
        height: 1.5rem;
        width: 5rem;
    }

    .partner-card-radware h3,
    .partner-card-palo h3,
    .partner-card-radwin h3,
    .partner-card-radiflow h3,
    .partner-card-ruckus h3,
    .partner-card-splunk h3,
    .partner-card-salient h3,
    .partner-card-rad h3,
    .partner-card-forti h3 {
        font-size: smaller;
    }

    .partner-card-radware p,
    .partner-card-palo p,
    .partner-card-radwin p,
    .partner-card-radiflow p,
    .partner-card-ruckus p,
    .partner-card-splunk p,
    .partner-card-salient p,
    .partner-card-rad p,
    .partner-card-forti p {
        font-size: x-small;
        text-align: start;
    }

    .solution button {
        font-size: x-small;
        height: 1rem;
    }

    .start_title {
        justify-items: center;
    }

    .start_title h1 {
        font-size: larger;
        width: 70%;
    }

    .start_title p {
        font-size: small;
    }

    /* RESOURCES */

    .search-container {
        width: 100%;
        padding: 5px;
    }

    .search-strip {
        width: 68%;
        padding: 5px 5px;
    }

    .tab-content {
        width: 0%;
    }

    .tab-section {
        width: 97%;
        padding: 5px;
        display: flex;
    }

    .tabs-container {
        width: 30%;
        padding: 5px;
        justify-items: left;
    }

    .tab-content-container {
        width: 70%;
        justify-items: center;
    }

    .tabsStrip {
        display: flex;
        width: 100%;
    }

    .tabs {
        display: inline-table;
        height: 7rem;
        padding: 0.2rem;
        flex-direction: column;
    }

    .tabs button {
        width: 100%;
        padding: 0.4rem 0.4rem;
        font-weight: normal;
    }

    .cards {
        width: 65%;
        gap: 0.8rem;
        justify-content: center;
        padding-top: 5px;
    }

    .tags span {
        padding: 5px;
        font-size: x-small;
    }

    .card {
        padding: 0.5rem;
        width: 55%;
    }

    .card h3 {
        margin: 0.5rem 0;
        font-size: 0.8rem;
    }

    .card p {
        font-size: small;
    }

    p.meta {
        font-size: 0.7rem;
    }

    .actions {
        width: 100%;
        display: flex;
        gap: 0.4rem;
    }

    .actions button {
        padding: 0.2rem 1rem;
        font-size: x-small;
        gap: 7px;
    }

    .actions svg {
        width: 20px;
    }
}

@media screen and (width: 414px) {
    .background {
        height: 22vh; /* adjust height */
        padding-bottom: 0;
    }

    .root_about {
        width: 93%;
    }

    .root_about_title p {
        color: #e2e2e2;
        font-size: larger;
        padding-bottom: 5px;
    }

    .root_about h1 {
        color: white;
        font-size: x-large;
        padding-top: 5px;
    }
}

@media screen and (width: 540px) {
    body {
        padding-top: 4rem;
    }

    nav {
        flex-direction: column;
        align-items: flex-start;
        width: 93%;
    }

    .nav-links {
        display: none;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 65px;
        right: 0;
        background-color: #fff;
        width: 40%;
        padding: 15px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }

    .nav-links.show {
        display: flex;
        width: 40%;
        background-color: rgba(255, 255, 255, 0.9); /* Light translucent */
        backdrop-filter: blur(0.63rem);
        -webkit-backdrop-filter: blur(0.63rem); /* For Safari */
    }

    .nav-links a,
    .dropbtn {
        padding: 5px 0;
        width: 60%;
        justify-content: center;
    }

    .dropdown-content a {
        font-size: small;
    }

    .dropdown {
        width: 100%;
        padding: 5px;
    }

    .dropdown-content {
        display: none;
        background-color: transparent;
        box-shadow: none;
        position: static;
        padding: 1px;
        justify-items: center;
    }

    .dropdown:hover .dropdown-content,
    .dropdown:hover {
        display: block;
    }

    .dropbtn {
        width: 100%;
        justify-content: center;
    }

    .logo-title {
        align-items: flex-start;
        width: 55%;
    }

    .logo-title img {
        width: 50px;
        height: 50px;
        padding-top: 5px;
    }

    .logo-title h3 {
        font-size: medium;
        padding-top: 12px;
    }

    .logo-title p {
        font-size: x-small;
        margin: 0;
    }

    .hamburger {
        display: block;
        position: absolute;
        right: 30px;
        top: 15px;
        z-index: 9999;
        color: #333;
    }
    /* HOME */
    .start_title p {
        font-size: 0.8rem;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .root_home_title h1 {
        font-size: 1.5rem;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

    .root_home_title h2 {
        font-size: 1.5rem;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

    .root_home_title span {
        font-size: 1.5rem;
    }

    .root_home_title p {
        font-size: 0.9rem;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .root_btn,
    .start_btns {
        flex-direction: row;
        align-items: center;
        gap: 0.63rem;
    }

    .explore,
    .contact {
        font-size: small;
    }

    .start {
        width: 100%;
    }

    .start_btn a {
        font-size: small;
        height: 30px;
    }

    .start_btn2 a {
        font-size: small;
        height: 30px;
    }

    .given {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.1vw;
    }

    .given p {
        font-size: 0.6rem;
    }

    .given svg {
        height: 12px;
    }

    .solution-carousel-container {
        flex-direction: column;
        padding: 0.63rem;
        width: 94%;
    }

    .solution-carousel-slide {
        width: 100% !important;
        margin: 0 auto;
        text-align: center;
    }

    .solution-carousel-slide h1 {
        font-size: 1.4rem;
        margin: 0;
    }

    .solution-carousel-slide p {
        font-size: 1rem;
        margin: 0;
    }

    .solution-carousel-slide a {
        font-size: small;
        height: 25px;
        padding-bottom: 5px;
        padding-top: 3px;
    }

    .offer {
        width: 96%;
        padding: 10px;
        justify-items: center;
    }

    .offer_title h1 {
        font-size: 1.5rem;
        text-align: center;
    }

    .offer_title p {
        font-size: 0.9rem;
        text-align: center;
        padding: 10px;
    }

    .industries {
        width: 91%;
        padding-left: 1rem;
        padding-right: 1rem;
        background: linear-gradient(
            to right,
            transparent 8%,
            /* left transparent */ #e2eaf5 30%,
            /* start color */ #e2eaf5 70%,
            /* end color */ transparent 92% /* right transparent */
        );
    }

    .industries h2 {
        font-size: 1.5rem;
    }

    .industries p {
        font-size: 0.9rem;
        width: 85%;
    }

    .industry-row {
        padding-left: 1rem;
        padding-right: 1rem;
        width: 94%;
    }

    .industry-text h3 {
        font-size: larger;
    }

    .industry-text p {
        font-size: 0.8rem;
    }

    .industry-text {
        flex: 1;
        background: white;
        padding: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 44%;
        position: relative;
        text-align: center;
    }

    .reverse .industry-text {
        text-align: center;
        padding-left: 5rem;
    }

    .industry-row:not(.reverse) p {
        padding-right: 0;
    }

    .icon-overlay {
        display: none;
    }

    .industry-image {
        height: 21vh;
    }

    .industry-image img {
        width: 100%;
        height: 100%;
    }

    .impact-title {
        font-size: 1.5rem;
    }

    .impact-subtitle {
        font-size: 0.9rem;
    }

    .impact-card h3 {
        font-size: x-large;
    }

    .impact-card p {
        font-size: smaller;
    }

    .impact-icon img {
        height: 3rem;
    }

    .why-ipriver {
        justify-items: center;
    }

    .why-ipriver h2 {
        font-size: 1.5rem;
    }

    .features {
        width: 100%;
        margin: 0;
        grid-template-columns: repeat(1, 1fr);
        padding: 1rem;
    }

    .feature {
        width: 88%;
    }

    .feature span {
        font-size: xx-large;
    }

    .feature p {
        font-size: smaller;
    }

    .partner_btns {
        display: grid;
        align-items: center;
        gap: 0.5rem;
        width: 100%;
        padding-left: 1px;
        padding-right: 1px;
        justify-content: center;
    }

    .offer_cards {
        grid-template-columns: repeat(2, 1fr);
        padding: 10px;
        width: 94%;
    }

    .offer-card h2 {
        font-size: 1rem;
    }

    .offer-card a {
        font-size: small;
        height: 25px;
    }

    .partners {
        padding: 10px;
        width: 94%;
    }

    .partners_title p {
        font-size: medium;
        text-align: center;
    }

    .partners h1 {
        font-size: 1.5rem;
        text-align: center;
    }

    .partner_btns {
        display: none;
    }

    .all_partners {
        font-size: small;
        height: 30px;
    }

    .carousel-container {
        width: 92%;
        margin: auto;
        padding-bottom: 20px;
    }

    .carousel-track img {
        flex: 0 0 31.67%; /* 3 logos visible at a time */
        width: 50%;
        padding: 0.3rem;
    }

    @keyframes scroll {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-88%);
        }
    }

    .carousel-container img {
        height: 2.5rem;
        margin: 5px;
    }

    /*CONTACT*/
    .root_title h1 {
        font-size: 2rem;
    }

    .root_title span {
        font-size: 2rem;
    }

    .contacts-container {
        width: 87%;
    }
    .map-custom {
        width: 88%;
        justify-items: center;
    }

    .map-custom_title h1 {
        font-size: medium;
    }

    .map-custom_title p {
        font-size: small;
    }

    .map {
        width: 100%;
        padding: 15px;
    }

    /*ANALYTICS*/
    .root-analytics {
        width: 93%;
    }

    .root-analytics_title p {
        font-size: medium;
    }

    .root-analytics h1 {
        font-size: x-large;
        padding-top: 2rem;
    }

    .splunk-platform-container {
        width: 100%;
        text-align: center;
    }

    .splunk-platform-container h1 {
        font-size: large;
    }

    .splunk-platform-container p {
        font-size: small;
        padding-left: 15px;
        padding-right: 15px;
    }

    .splunk-platform-cards {
        width: 94%;
        padding: 15px;
        justify-items: center;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .splunk-platform-card {
        width: 83%;
    }

    .splunk-custom {
        width: 94%;
        padding: 15px;
        justify-items: center;
    }

    .splunk-custom_title {
        text-align: center;
    }

    .splunk-custom_title h1 {
        font-size: large;
    }

    .splunk-custom_title p {
        font-size: small;
    }

    .splunk {
        width: 100%;
        display: grid;
        padding: 15px;
        grid-template-columns: repeat(3, 1fr);
    }

    .splunk-card {
        width: 75%;
    }

    .splunk-card svg {
        padding: 1px;
    }

    .splunk-platform-title h2 {
        font-size: large;
    }

    .splunk-platform-title svg {
        height: 20px;
        padding: 10px;
    }

    .splunk-platform-card p {
        text-align: left;
    }

    .splunk-platform-card h3 {
        font-size: small;
    }

    .solution button {
        font-size: small;
    }

    .splunk-card li {
        font-size: smaller;
    }

    .solution-custom {
        width: 94%;
        padding: 15px;
        justify-items: center;
    }

    .solution-custom_title {
        text-align: center;
    }

    .solution-custom_title h1 {
        font-size: large;
    }

    .solution-custom_title p {
        font-size: small;
    }

    .solution-lists {
        font-size: small;
        text-align: left;
        gap: 0.5vw;
        padding: 15px;
    }

    .solution-lists svg {
        height: 15px;
    }

    /*COMMUNICATION*/
    .root-com {
        width: 92.7%;
    }

    .root-com h1 {
        font-size: x-large;
    }

    .root-com p {
        font-size: medium;
    }

    .security-partners-container p {
        padding-left: 1rem;
        padding-right: 1rem;
        width: 70%;
    }

    .security-partner-cards-com {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 86%;
    }

    .security-partner-title-com-ptp h2,
    .security-partner-title-com-ptmp h2,
    .security-partner-title-com-mob h2,
    .security-partner-title-com-ent h2 {
        font-size: medium;
    }

    .security-partner-title-com-ptp span,
    .security-partner-title-com-ptmp span,
    .security-partner-title-com-mob span,
    .security-partner-title-com-ent span {
        font-size: smaller;
    }

    .security-partner-title-com-ptp {
        height: 20vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/ptp.jpg");
        background-size: 187%;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-com-ptmp {
        height: 20vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/ptmp.jpg");
        background-size: 188%;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-com-mob {
        height: 20vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 100%;
        transition: background-size 0.6s ease;
    }

    .security-partner-title-com-ent {
        height: 20vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/Ent.jpg");
        background-size: 189%;
        transition: background-size 0.6s ease;
    }

    .security-partner-card-com:hover {
        box-shadow: 1px 0.63rem 0.63rem 0.63rem rgba(0, 0, 0, 0.05);
        transform: translateY(-0.5rem);
    }

    .security-partner-card-com:hover .security-partner-title-com-ptp {
        background-size: 217%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-ptmp {
        background-size: 218%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-mob {
        background-size: 120%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-ent {
        background-size: 219%; /* zoom in */
    }

    .service {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }

    .solution button {
        font-size: x-small;
    }

    .service-card {
        width: 80%;
    }

    /*SECURITY*/
    .root-sec {
        width: 93%;
    }

    .root-sec_title p {
        font-size: medium;
    }

    .root-sec h1 {
        font-size: x-large;
    }

    .security-partners-container {
        width: 100%;
    }

    .sec-solution-title h1 {
        font-size: larger;
    }

    .sec-solution-title p {
        font-size: medium;
        width: 63%;
    }

    .security-partner-cards {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        width: 90%;
        padding: 0.5rem;
        gap: 1rem;
        text-align-last: left;
    }

    .security-partner-card {
        width: 100%;
        display: flex;
        gap: 0.5vw;
    }

    .content-right p {
        font-size: 0.8rem;
        width: 90%;
        padding: 0;
    }

    .security-partner-title-ddos {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 180%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-api {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/API Sec.jpg");
        background-size: 360%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-cloud {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/cloud security.jpg");
        background-size: 380%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-bot {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 210%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-pen {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/sec assessment.jpg");
        background-size: 380%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-ent {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/enterprise security.jpg");
        background-size: 360%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-card:hover .security-partner-title-ddos {
        background-size: 210%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-api {
        background-size: 390%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-cloud {
        background-size: 410%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-bot {
        background-size: 240%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-pen {
        background-size: 410%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-ent {
        background-size: 390%; /* zoom in */
    }

    .security-partner-title-ddos h2,
    .security-partner-title-api h2,
    .security-partner-title-cloud h2,
    .security-partner-title-bot h2,
    .security-partner-title-pen h2,
    .security-partner-title-ent h2 {
        margin: 0;
        font-size: large;
    }

    .security-partner-title-ddos span,
    .security-partner-title-api span,
    .security-partner-title-cloud span,
    .security-partner-title-bot span,
    .security-partner-title-pen span,
    .security-partner-title-ent span {
        font-size: small;
    }
    
    .solution-custom_title h1 {
        font-size: larger
    }
    
    .solution-custom_title p {
        font-size: medium;
    }

    .solution-lists {
        width: 100%;
        padding: 5px;
        justify-content: center;
    }

    .solution-lists ul {
        padding-left: 10px;
    }

    .solution-lists li {
        font-size: smaller;
        display: flex;
    }

    .solution {
        display: contents;
    }

    /*EVENTS*/
    .root_events {
        max-height: 30vh; /* adjust as needed */
        transition: background-image 1s ease-in-out; /* smooth fade */
        width: 99%;
    }

    .root_events_title p {
        font-size: 1rem;
    }

    .root_events_title h1 {
        font-size: 2rem;
        padding-top: 1rem;
    }

    .events {
        width: 99%;
    }

    .events_title {
        justify-items: center;
    }

    .events_title h1 {
        width: 80%;
        font-size: x-large;
    }

    .events_title p {
        width: 80%;
        font-size: small;
    }

    .events_cards {
        width: 95%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 15px;
    }

    .event-card {
        width: 79%;
    }

    .event-card h2 {
        font-size: medium;
    }

    .event-card p {
        font-size: small;
    }

    .topics button {
        height: 1.3rem;
    }

    .past-events_title {
        justify-items: center;
    }

    .past-events_title h1 {
        font-size: x-large;
    }

    .past-events_title p {
        width: 80%;
        font-size: small;
    }

    .past-events-cards {
        width: 94%;
        display: flex;
        padding: 15px;
    }

    .past-evnt {
        width: 21%;
    }

    .past-evnt h2 {
        font-size: smaller;
    }

    .past-evnt li {
        font-size: smaller;
    }

    .past-evnt button {
        font-size: smaller;
        height: 1.3rem;
        width: fit-content;
    }

    .custom_title {
        justify-items: center;
    }

    .custom_title h1 {
        font-size: x-large;
    }

    .custom_title p {
        width: 80%;
        font-size: small;
    }

    .custom-parts {
        width: 88%;
        text-align: center;
    }

    .custom-part h3 {
        font-size: smaller;
    }

    .request {
        font-size: x-small;
    }

    .request svg {
        height: 1rem;
    }

    .download {
        font-size: x-small;
    }

    /*NEWS*/
    .featured-stories {
        width: 92%;
    }

    .card-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
    }

    .latest-news {
        width: 92%;
    }

    /* PARTNERS */
    .partnership {
        width: 94%;
        padding: 15px;
    }

    .partnership-title {
        text-align: center;
    }

    .partnership-title h1 {
        font-size: large;
    }

    .partnership-title p {
        font-size: small;
    }

    .partnership-benefit {
        width: 92%;
        padding-top: 1rem;
        padding-bottom: 1rem;
        gap: 4vw;
    }

    .partnership-benefit h2 {
        font-size: smaller;
    }

    .partnership-benefit p {
        font-size: x-small;
    }

    .partnership-benefit svg {
        height: 1.25rem;
        width: 1.25rem;
        padding: 0.7rem;
    }

    .partners-container {
        width: 94%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 15px;
        gap: 2vw;
    }

    .partner-card {
        width: 88%;
        padding: 1rem;
    }

    .partner-title {
        display: flex;
        gap: 1vw;
    }

    .title {
        display: flex;
        gap: 1vw;
    }

    .partner-title span {
        color: #004b8d;
        font-size: small;
        margin: 0;
    }

    .partner-title svg {
        width: 2.1rem;
        height: 2.1rem;
        padding: 0.63rem;
    }

    .partner-card h3 {
        font-size: smaller;
    }

    .partner-card h2 {
        margin: 0;
        font-size: smaller;
    }

    .partner-card p {
        font-size: small;
    }

    /* RESOURCES */
    .search-container {
        width: 90%;
        padding: 5px;
    }

    .search-strip {
        width: 68%;
        padding: 5px 5px;
    }

    .tab-content {
        width: 0%;
    }

    .tab-section {
        width: 95%;
        padding: 12px;
        display: flex;
    }

    .tabs-container {
        width: 27%;
        padding: 5px;
        justify-items: left;
    }

    .tab-content-container {
        width: 70%;
        justify-items: center;
    }

    .tabsStrip {
        display: flex;
        width: 100%;
    }

    .tabs {
        display: inline-table;
        height: 7rem;
        padding: 0.2rem;
        flex-direction: column;
    }

    .tabs button {
        width: 100%;
        padding: 0.4rem 0.4rem;
        font-weight: normal;
    }

    .cards {
        width: 65%;
        gap: 0.8rem;
        justify-content: center;
        padding-top: 5px;
        display: grid;
        grid-template: repeat(3, 1fr);
    }

    .tags span {
        padding: 5px;
        font-size: x-small;
    }

    .card {
        padding: 1rem;
        width: 80%;
    }

    .card h3 {
        margin: 0.5rem 0;
        font-size: 0.8rem;
    }

    .card p {
        font-size: small;
    }

    p.meta {
        font-size: 0.7rem;
    }

    .actions {
        width: 100%;
        display: flex;
        gap: 0.4rem;
    }

    .actions button {
        padding: 0.2rem 1rem;
        font-size: x-small;
        gap: 7px;
    }

    .actions svg {
        width: 20px;
    }

    /*ABOUT*/
    .background {
        background-image: url("Images/themes/Theme 1.jpg");
        background-repeat: no-repeat; /* avoids tiling */
        height: 65vh; /* adjust height */
        padding-bottom: 0;
    }

    .root_about {
        width: 92%;
    }

    .mvv {
        width: 94%;
        gap: 0.5rem;
        padding: 1rem;
    }

    .our-story {
        width: 82%;
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .our-story h2 {
        font-size: x-large;
    }

    .our-story p {
        font-size: small;
    }

    .root_about_title p {
        color: #e2e2e2;
        font-size: larger;
        padding-bottom: 5px;
    }

    .root_about h1 {
        color: white;
        font-size: x-large;
        padding-top: 5px;
    }

    .timeline-section {
        width: 88%;
    }

    .timeline-section h2 {
        font-size: x-large;
    }

    .timeline-item .content h3 {
        font-size: 0.9rem;
    }

    .timeline-item .content p {
        font-size: 0.7rem;
    }

    .team-container {
        width: 100%;
    }

    .team-title {
        padding: 2rem;
    }

    .team-title h1 {
        font-size: x-large;
    }

    .team {
        width: 88%;
    }

    .team-card {
        width: 40%;
    }

    .team-card p {
        font-size: small;
    }

    /*VMS*/
    .root-vms {
        width: 93%;
    }
    
    .root-vms_title h1 {
        font-size: x-large
    }
    
    .root-vms_title p {
        font-size: medium;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    
    .salient-custom {
        width: 93%;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .salient-custom_title h1 {
        font-size: large;
    }

    .salient-custom_title p {
        font-size: small;
    }

    .salient {
        width: 96%;
        padding: 15px;
        display: flex;
    }

    .salient-vms-card,
    .salient-analytics-card,
    .salient-cloud-card {
        width: fit-content;
    }
    
    .product-img {
        height: 6vh;
    }
    
    .product-img img {
        height: 15vh;
    }

    .salient-vms-card h3,
    .salient-analytics-card h3,
    .salient-cloud-card h3 {
        font-size: small;
    }
    
    .salient-vms-card h2 {
        font-size: medium;
        color: white;
        padding-top: 1.5rem;
    }
    
    .salient-analytics-card h2,
    .salient-cloud-card h2 {
        font-size: medium;
        color: white;
    }
    
    .salient-vms-card p,
    .salient-analytics-card p,
    .salient-cloud-card p {
        font-size: x-small;
        padding: 0.5rem;
        padding-bottom: 0;
        padding-top: 0;
    }

    .salient-platform-container {
        width: 93%;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .salient-platform-container h1 {
        font-size: large;
    }

    .salient-platform-container p {
        font-size: small;
    }

    .salient-platform-cards {
        width: 97%;
        padding: 5%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .salient-platform-card {
        width: fit-content;
        justify-items: center;
        text-align: left;
    }

    .salient-platform-card p {
        font-size: small;
    }

    .salient-platform-title h2 {
        font-size: medium;
    }

    .solution-custom_title h1 {
        font-size: large;
    }

    .solution-custom_title p {
        font-size: small;
    }

    .salient-lists li {
        font-size: x-small;
        gap: 5px;
        margin-bottom: 8px;
    }

    .solution-lists {
        width: 90%;
    }
    
    .solution-lists li {
        display: flex;
        font-size: x-small;
    }

    .solution-lists svg {
        height: 15px;
    }
    
    .vmsrequest {
        height: 1.7rem;
    }
    
    .vmsrequest svg {
        height: 1rem;
    }

    /*PARTNERSS*/
    .root {
        width: 92%;
    }

    .root_title h1 {
        font-size: xx-large;
    }

    .root_title p {
        font-size: medium;
    }

    .partnership {
        width: 94%;
        padding: 15px;
    }

    .partnership-title {
        text-align: center;
        justify-items: center;
    }

    .partnership-title h1 {
        font-size: large;
    }

    .partnership-title p {
        font-size: small;
        width: 80%;
    }

    .partnership-benefit {
        width: 92%;
        padding-top: 1rem;
        padding-bottom: 1rem;
        gap: 4vw;
    }

    .partnership-benefit h2 {
        font-size: smaller;
    }

    .partnership-benefit p {
        font-size: x-small;
    }

    .partnership-benefit svg {
        height: 1.25rem;
        width: 1.25rem;
        padding: 0.7rem;
    }

    .partners-container {
        width: 95%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 15px;
        gap: 2vw;
    }

    .partner-card-radware,
    .partner-card-palo,
    .partner-card-radwin,
    .partner-card-radiflow,
    .partner-card-ruckus,
    .partner-card-splunk,
    .partner-card-salient,
    .partner-card-rad,
    .partner-card-forti {
        width: 85%;
        padding: 1rem;
        justify-items: center;
    }

    .partner-img img {
        height: 2rem;
    }

    .partner-card-radware h3,
    .partner-card-palo h3,
    .partner-card-radwin h3,
    .partner-card-radiflow h3,
    .partner-card-ruckus h3,
    .partner-card-splunk h3,
    .partner-card-salient h3,
    .partner-card-rad h3,
    .partner-card-forti h3 {
        font-size: smaller;
    }

    .partner-card-radware p,
    .partner-card-palo p,
    .partner-card-radwin p,
    .partner-card-radiflow p,
    .partner-card-ruckus p,
    .partner-card-splunk p,
    .partner-card-salient p,
    .partner-card-rad p,
    .partner-card-forti p {
        font-size: small;
        text-align: center;
    }

    .solution button {
        padding: 2px;
        height: fit-content;
    }

    .start_title h1 {
        font-size: x-large;
    }

    .start_title p {
        font-size: medium;
    }

    footer {
        width: 88%;
    }
}

@media screen and (width: 768px) {
    body {
        padding-top: 4rem;
    }

    nav {
        flex-direction: column;
        align-items: flex-start;
        width: 95%;
    }

    .nav-links {
        display: none;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 65px;
        right: 0;
        background-color: #fff;
        width: 40%;
        padding: 15px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }

    .nav-links.show {
        display: flex;
        width: 40%;
        background-color: rgba(255, 255, 255, 0.9); /* Light translucent */
        backdrop-filter: blur(0.63rem);
        -webkit-backdrop-filter: blur(0.63rem); /* For Safari */
    }

    .nav-links a,
    .dropbtn {
        padding: 5px 0;
        width: 60%;
        justify-content: center;
    }

    .dropdown-content a {
        font-size: small;
    }

    .dropdown {
        width: 100%;
        padding: 5px;
    }

    .dropdown-content {
        display: none;
        background-color: transparent;
        box-shadow: none;
        position: static;
        padding: 1px;
        justify-items: center;
    }

    .dropdown:hover .dropdown-content,
    .dropdown:hover {
        display: block;
    }

    .dropbtn {
        width: 100%;
        justify-content: center;
    }

    .logo-title {
        align-items: flex-start;
        width: 55%;
    }

    .logo-title img {
        width: 50px;
        height: 50px;
        padding-top: 5px;
    }

    .logo-title h3 {
        font-size: medium;
        padding-top: 12px;
    }

    .logo-title p {
        font-size: x-small;
        margin: 0;
    }

    .hamburger {
        display: block;
        position: absolute;
        right: 30px;
        top: 15px;
        z-index: 9999;
        color: #333;
    }

    /*HOME*/
    .root_home {
        min-height: 36vh; /* adjust as needed */
        width: 100%;
    }

    .offer {
        width: 96%;
        padding: 10px;
        justify-items: center;
    }

    .industries {
        width: 96%;
        padding-left: 1rem;
        padding-right: 1rem;
        background: linear-gradient(
            to right,
            transparent 8%,
            /* left transparent */ #e2eaf5 30%,
            /* start color */ #e2eaf5 70%,
            /* end color */ transparent 92% /* right transparent */
        );
    }

    .industries h2 {
        font-size: 1.5rem;
    }

    .industries p {
        font-size: 0.9rem;
    }

    .industry-row {
        padding-left: 1rem;
        padding-right: 1rem;
        width: 94%;
    }

    .industry-text h3 {
        font-size: 1.5rem;
    }

    .industry-text p {
        font-size: 0.9rem;
    }

    .industry-text {
        flex: 1;
        background: white;
        padding: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 44%;
        position: relative;
        text-align: left;
    }

    .reverse .industry-text {
        text-align: right;
        padding-left: 2rem;
    }

    .industry-row:not(.reverse) p {
        padding-right: 2rem;
    }

    .icon-overlay {
        display: none;
    }

    .industry-image {
        height: 15vh;
    }

    .industry-image img {
        width: 100%;
        height: 100%;
    }

    .features {
        width: 100%;
        margin: 0;
        grid-template-columns: repeat(2, 1fr);
        padding: 1rem;
    }

    .feature {
        width: 88%;
    }

    /*ABOUT*/
    .background {
        background-image: url("Images/themes/Theme 1.jpg");
        background-repeat: no-repeat; /* avoids tiling */
        height: 30vh; /* adjust height */
        padding-bottom: 0;
    }

    .root_about {
        width: 95%;
    }

    .root_about_title p {
        color: #e2e2e2;
        font-size: medium;
        padding-bottom: 5px;
    }

    .root_about h1 {
        color: white;
        font-size: xx-large;
        padding-top: 5px;
    }

    .mvv {
        width: 98%;
        padding: 0.5rem;
        align-items: center;
        gap: 1vw;
        display: flex;
        flex-direction: row;
    }

    .card {
        max-width: 68%;
        height: 24vh;
    }

    .our-story {
        width: 92%;
        padding-top: 4rem;
    }

    .our-story p {
        font-size: small;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .team-container {
        width: 100%;
    }

    .team {
        width: 95%;
        padding: 1rem;
        gap: 2vw;
        justify-content: center;
    }

    .team-card {
        width: 45%;
    }

    .timeline-section {
        padding: 2rem;
        text-align: center;
        width: 92%;
        justify-items: center;
    }

    /*CONTACT*/
    .map-custom {
        width: 96%;
        justify-items: center;
    }

    .map-custom_title h1 {
        font-size: x-large;
    }

    .map-custom_title p {
        font-size: smaller;
    }

    .map {
        width: 100%;
        padding: 15px;
    }

    /*ANALYTICS*/
    .root-analytics {
        width: 95%;
    }

    .root-analytics_title p {
        font-size: medium;
    }

    .root-analytics h1 {
        font-size: x-large;
        padding-top: 2rem;
    }

    .splunk-platform-container {
        width: 100%;
        text-align: center;
    }

    .splunk-platform-container h1 {
        font-size: large;
    }

    .splunk-platform-container p {
        font-size: small;
        padding-left: 15px;
        padding-right: 15px;
    }

    .splunk-platform-cards {
        width: 86%;
        padding: 15px;
        justify-items: center;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .splunk-platform-card {
        width: 86%;
    }

    .splunk-custom {
        width: 96%;
        padding: 15px;
        justify-items: center;
    }

    .splunk-custom_title {
        text-align: center;
    }

    .splunk-custom_title h1 {
        font-size: large;
    }

    .splunk-custom_title p {
        font-size: small;
    }

    .splunk {
        width: 100%;
        display: grid;
        padding: 15px;
        grid-template-columns: repeat(3, 1fr);
    }

    .splunk-card {
        width: 80%;
    }

    .splunk-card svg {
        padding: 1px;
    }

    .splunk-platform-title h2 {
        font-size: large;
    }

    .splunk-platform-title svg {
        height: 20px;
        padding: 10px;
    }

    .splunk-platform-card p {
        text-align: left;
    }

    .splunk-platform-card h3 {
        font-size: small;
    }

    .solution button {
        font-size: small;
    }

    .splunk-card li {
        font-size: smaller;
    }

    .solution-custom {
        width: 91.9%;
        padding: 15px;
        justify-items: center;
    }

    .solution-custom_title {
        text-align: center;
    }

    .solution-custom_title h1 {
        font-size: large;
    }

    .solution-custom_title p {
        font-size: small;
    }

    /*COMMUNICATION*/
    .special-title button {
        font-size: small;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .root-com {
        width: 95%;
    }

    .root-com_title p {
        font-size: smaller;
    }

    .root-com h1 {
        font-size: x-large;
        padding-top: 2rem;
    }

    .com-buttons {
        gap: 0.5vw;
        justify-content: center;
        display: ruby-text;
    }

    .request {
        font-size: small;
        width: fit-content;
    }

    .request svg {
        height: 17px;
    }

    .download {
        font-size: small;
        width: fit-content;
    }

    .security-partners-container {
        width: 96%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .security-partners-container h1 {
        font-size: medium;
    }

    .security-partners-container p {
        font-size: small;
    }

    .security-partner-cards-com {
        width: 80%;
        padding: 10px;
        grid-template-columns: repeat(2, 1fr);
    }

    .security-partner-card-com {
        width: 100%;
    }

    .security-partner-card-com h3 {
        font-size: small;
    }

    .security-partner-title-com-ptp h2,
    .security-partner-title-com-ptmp h2,
    .security-partner-title-com-mob h2,
    .security-partner-title-com-ent h2 {
        font-size: larger;
    }

    .security-partner-title-com-ptp span,
    .security-partner-title-com-ptmp span,
    .security-partner-title-com-mob span,
    .security-partner-title-com-ent span {
        font-size: medium;
    }

    .security-partner-title-com-ptp {
        align-items: center;
        width: 100%;
        height: 15vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/ptp.jpg");
        background-size: 100%;
        background-repeat: no-repeat;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-com-ptmp {
        align-items: center;
        width: 100%;
        height: 15vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/ptmp.jpg");
        background-size: 100%;
        background-repeat: no-repeat;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-com-mob {
        align-items: center;
        width: 100%;
        height: 15vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 100%;
    }

    .security-partner-title-com-ent {
        align-items: center;
        width: 100%;
        height: 15vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/Ent.jpg");
        background-size: 100%;
    }

    .security-partner-card-com:hover {
        box-shadow: 1px 0.63rem 0.63rem 0.63rem rgba(0, 0, 0, 0.05);
        transform: translateY(-0.5rem);
    }

    .security-partner-card-com:hover .security-partner-title-com-ptp {
        background-size: 130%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-ptmp {
        background-size: 130%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-mob {
        background-size: 130%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-ent {
        background-size: 130%; /* zoom in */
    }

    .solution {
        display: flex;
        gap: 0.5vw;
    }

    .solution button {
        font-size: x-small;
    }

    .solution-list li {
        font-size: x-small;
    }

    .solution-custom {
        width: 96%;
    }

    .solution-custom_title {
        padding-left: 20px;
        padding-right: 20px;
    }

    .service {
        width: 99%;
        padding: 1rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .service-card {
        width: 86%;
    }

    .service-card svg {
        padding: 10px;
    }

    /*VMS*/
    .root-vms {
        width: 95%;
    }
    
    .root-vms_title h1 {
        font-size: x-large
    }
    
    .root-vms_title p {
        font-size: medium;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    
    .salient-custom {
        width: 95%;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .salient-custom_title h1 {
        font-size: large;
    }

    .salient-custom_title p {
        font-size: small;
    }

    .salient {
        width: 96%;
        padding: 15px;
        display: flex;
    }

    .salient-vms-card,
    .salient-analytics-card,
    .salient-cloud-card {
        width: fit-content;
    }
    
    .product-img {
        height: 11vh;
    }
    
    .product-img img {
        height: 15vh;
    }

    .salient-vms-card h3,
    .salient-analytics-card h3,
    .salient-cloud-card h3 {
        font-size: small;
    }
    
    .salient-vms-card h2,
    .salient-analytics-card h2,
    .salient-cloud-card h2 {
        font-size: medium;
        color: white;
    }
    
    .salient-vms-card p,
    .salient-analytics-card p,
    .salient-cloud-card p {
        font-size: x-small;
        padding: 0.5rem;
        padding-bottom: 0;
        padding-top: 0;
    }

    .salient-platform-container {
        width: 95%;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .salient-platform-container h1 {
        font-size: large;
    }

    .salient-platform-container p {
        font-size: small;
    }

    .salient-platform-cards {
        width: 97%;
        padding: 5%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .salient-platform-card {
        width: fit-content;
        justify-items: center;
        text-align: left;
    }

    .salient-platform-card p {
        font-size: small;
    }

    .salient-platform-title h2 {
        font-size: medium;
    }

    .solution-custom_title h1 {
        font-size: large;
    }

    .solution-custom_title p {
        font-size: small;
    }

    .salient-lists li {
        font-size: x-small;
        gap: 5px;
        margin-bottom: 8px;
    }

    .solution-lists {
        width: 90%;
    }
    
    .solution-lists li {
        display: flex;
        font-size: x-small;
    }

    .solution-lists svg {
        height: 15px;
    }
    
    .vmsrequest {
        height: 1.7rem;
    }
    
    .vmsrequest svg {
        height: 1rem;
    }

    /*EVENTS*/
    .root_events {
        height: 47vh; /* adjust as needed */
        transition: background-image 1s ease-in-out; /* smooth fade */
    }

    .root_events_title p {
        font-size: 1.5rem;
    }

    .root_events_title h1 {
        font-size: 3rem;
        padding-top: 3rem;
    }

    .events_title {
        justify-items: center;
    }

    .events_title p {
        width: 80%;
    }

    .events_cards {
        width: 96%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 15px;
    }

    .past-events {
        width: 99%;
    }

    .past-events-cards {
        width: 95%;
        display: flex;
        padding: 15px;
    }

    .custom_title {
        justify-items: center;
    }

    .custom_title p {
        width: 80%;
    }

    .custom-parts {
        width: 91%;
        gap: 4rem;
    }

    /*NEWS*/
    .featured-stories {
        width: 95%;
        padding: 20px;
    }

    .latest-news {
        width: 95%;
        padding: 20px;
    }

    /* PARTNERS */
    .root_title h1 {
        font-size: xx-large;
    }

    .root_title p {
        font-size: medium;
    }

    .partnership {
        width: 96%;
        padding: 15px;
    }

    .partnership-title {
        text-align: center;
        justify-items: center;
    }

    .partnership-title h1 {
        font-size: large;
    }

    .partnership-title p {
        font-size: small;
        width: 80%;
    }

    .partnership-benefit {
        width: 92%;
        padding-top: 1rem;
        padding-bottom: 1rem;
        gap: 4vw;
    }

    .partnership-benefit h2 {
        font-size: smaller;
    }

    .partnership-benefit p {
        font-size: x-small;
    }

    .partnership-benefit svg {
        height: 1.25rem;
        width: 1.25rem;
        padding: 0.7rem;
    }

    .partners-container {
        width: 96%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        padding: 15px;
        gap: 2vw;
    }

    .partner-card-radware,
    .partner-card-palo,
    .partner-card-radwin,
    .partner-card-radiflow,
    .partner-card-ruckus,
    .partner-card-splunk,
    .partner-card-salient,
    .partner-card-rad,
    .partner-card-forti {
        width: 90%;
        padding: 1rem;
        justify-items: center;
    }

    .partner-img img {
        height: 2rem;
    }

    .partner-card-radware h3,
    .partner-card-palo h3,
    .partner-card-radwin h3,
    .partner-card-radiflow h3,
    .partner-card-ruckus h3,
    .partner-card-splunk h3,
    .partner-card-salient h3,
    .partner-card-rad h3,
    .partner-card-forti h3 {
        font-size: smaller;
    }

    .partner-card-radware p,
    .partner-card-palo p,
    .partner-card-radwin p,
    .partner-card-radiflow p,
    .partner-card-ruckus p,
    .partner-card-splunk p,
    .partner-card-salient p,
    .partner-card-rad p,
    .partner-card-forti p {
        font-size: small;
        text-align: center;
    }

    .solution button {
        padding: 2px;
        height: fit-content;
    }

    .start_title h1 {
        font-size: x-large;
    }

    .start_title p {
        font-size: medium;
    }

    /* RESOURCES */

    .search-container {
        width: 100%;
        padding: 5px;
    }

    .search-strip {
        width: 68%;
        padding: 5px 5px;
    }

    .tab-content {
        width: 0%;
    }

    .tab-section {
        width: 97%;
        padding: 12px;
        display: flex;
    }

    .tabs-container {
        width: 27%;
        padding: 5px;
        justify-items: left;
    }

    .tab-content-container {
        width: 70%;
        justify-items: center;
    }

    .tabsStrip {
        display: flex;
        width: 100%;
    }

    .tabs {
        display: inline-table;
        height: 7rem;
        padding: 0.2rem;
        flex-direction: column;
    }

    .tabs button {
        width: 100%;
        padding: 0.4rem 0.4rem;
        font-weight: normal;
    }

    .cards {
        width: 65%;
        gap: 0.8rem;
        justify-content: center;
        padding-top: 5px;
        display: grid;
        grid-template: repeat(3, 1fr);
    }

    .tags span {
        padding: 5px;
        font-size: x-small;
    }

    .card {
        padding: 1rem;
        width: 100%;
    }

    .card h3 {
        margin: 0.5rem 0;
        font-size: 0.8rem;
    }

    .card p {
        font-size: small;
    }

    p.meta {
        font-size: 0.7rem;
    }

    .actions {
        width: 100%;
        display: flex;
        gap: 0.4rem;
    }

    .actions button {
        padding: 0.2rem 1rem;
        font-size: x-small;
        gap: 7px;
    }

    .actions svg {
        width: 20px;
    }

    /*SECURITY*/
    .root-sec {
        width: 95%;
    }

    .root-sec_title p {
        font-size: medium;
    }

    .root-sec h1 {
        font-size: x-large;
    }

    .security-partners-container {
        width: 96%;
    }

    .sec-solution-title h1 {
        font-size: larger;
    }

    .sec-solution-title p {
        font-size: smaller;
    }

    .security-partner-cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        padding: 0.5rem;
        gap: 1rem;
        text-align-last: left;
    }

    .security-partner-card {
        width: 93%;
        display: flex;
        gap: 0.5vw;
    }

    .content-right p {
        font-size: x-small;
    }

    .security-partner-title-ddos {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 220%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-api {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/API Sec.jpg");
        background-size: 400%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-cloud {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/cloud security.jpg");
        background-size: 440%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-bot {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 240%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-pen {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/sec assessment.jpg");
        background-size: 430%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-ent {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/enterprise security.jpg");
        background-size: 450%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-card:hover .security-partner-title-ddos {
        background-size: 250%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-api {
        background-size: 430%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-cloud {
        background-size: 470%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-bot {
        background-size: 270%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-pen {
        background-size: 460%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-ent {
        background-size: 480%; /* zoom in */
    }

    .security-partner-title-ddos h2,
    .security-partner-title-api h2,
    .security-partner-title-cloud h2,
    .security-partner-title-bot h2,
    .security-partner-title-pen h2,
    .security-partner-title-ent h2 {
        margin: 0;
        font-size: large;
    }

    .security-partner-title-ddos span,
    .security-partner-title-api span,
    .security-partner-title-cloud span,
    .security-partner-title-bot span,
    .security-partner-title-pen span,
    .security-partner-title-ent span {
        font-size: small;
    }

    .solution {
        display: contents;
    }

    .solution-lists {
        width: 94%;
        padding: 19px;
    }

    .solution-lists ul {
        padding-left: 1px;
    }

    /*NEWS*/
    .root {
        width: 94%;
    }

    footer {
        width: 91.5%;
    }
}

@media screen and (width: 820px) {
    body {
        padding-top: 4rem;
    }

    nav {
        flex-direction: column;
        align-items: flex-start;
        width: 95%;
    }

    .nav-links {
        display: none;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 65px;
        right: 0;
        background-color: #fff;
        width: 40%;
        padding: 15px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }

    .nav-links.show {
        display: flex;
        width: 40%;
        background-color: rgba(255, 255, 255, 0.9); /* Light translucent */
        backdrop-filter: blur(0.63rem);
        -webkit-backdrop-filter: blur(0.63rem); /* For Safari */
    }

    .nav-links a,
    .dropbtn {
        padding: 5px 0;
        width: 60%;
        justify-content: center;
    }

    .dropdown-content a {
        font-size: small;
    }

    .dropdown {
        width: 100%;
        padding: 5px;
    }

    .dropdown-content {
        display: none;
        background-color: transparent;
        box-shadow: none;
        position: static;
        padding: 1px;
        justify-items: center;
    }

    .dropdown:hover .dropdown-content,
    .dropdown:hover {
        display: block;
    }

    .dropbtn {
        width: 100%;
        justify-content: center;
    }

    .logo-title {
        align-items: flex-start;
        width: 55%;
    }

    .logo-title img {
        width: 50px;
        height: 50px;
        padding-top: 5px;
    }

    .logo-title h3 {
        font-size: medium;
        padding-top: 12px;
    }

    .logo-title p {
        font-size: x-small;
        margin: 0;
    }

    .hamburger {
        display: block;
        position: absolute;
        right: 30px;
        top: 15px;
        z-index: 9999;
        color: #333;
    }

    /*HOME*/
    .root_home {
        min-height: 36vh; /* adjust as needed */
        width: 100%;
    }

    .offer {
        width: 96%;
        padding: 10px;
        justify-items: center;
    }

    nav {
        flex-direction: column;
        align-items: flex-start;
        width: 95%;
    }

    .industries {
        width: 96%;
        padding-left: 1rem;
        padding-right: 1rem;
        background: linear-gradient(
            to right,
            transparent 8%,
            /* left transparent */ #e2eaf5 30%,
            /* start color */ #e2eaf5 70%,
            /* end color */ transparent 92% /* right transparent */
        );
    }

    .industries h2 {
        font-size: 1.5rem;
    }

    .industries p {
        font-size: 0.9rem;
    }

    .industry-row {
        padding-left: 1rem;
        padding-right: 1rem;
        width: 94%;
    }

    .industry-text h3 {
        font-size: 1.5rem;
    }

    .industry-text p {
        font-size: 0.9rem;
    }

    .industry-text {
        flex: 1;
        background: white;
        padding: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 44%;
        position: relative;
        text-align: left;
    }

    .reverse .industry-text {
        text-align: right;
        padding-left: 2rem;
    }

    .industry-row:not(.reverse) p {
        padding-right: 2rem;
    }

    .icon-overlay {
        display: none;
    }

    .industry-image {
        height: 15vh;
    }

    .industry-image img {
        width: 100%;
        height: 100%;
    }

    .features {
        width: 100%;
        margin: 0;
        grid-template-columns: repeat(2, 1fr);
        padding: 1rem;
    }

    .feature {
        width: 88%;
    }

    /*ABOUT*/
    .background {
        background-image: url("Images/themes/Theme 1.jpg");
        background-repeat: no-repeat; /* avoids tiling */
        height: 30vh; /* adjust height */
        padding-bottom: 0;
    }

    .root_about {
        width: 95%;
    }

    .root_about_title p {
        color: #e2e2e2;
        font-size: medium;
        padding-bottom: 5px;
    }

    .root_about h1 {
        color: white;
        font-size: xx-large;
        padding-top: 5px;
    }

    .mvv {
        width: 97%;
        flex-direction: row;
        padding: 11px;
    }

    .our-story {
        width: 92%;
    }

    .our-story p {
        font-size: small;
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .timeline-section {
        width: 92%;
        justify-items: center;
    }

    .team-container {
        width: 100%;
    }

    .team {
        width: 92%;
    }

    .team-card {
        width: 50%;
    }

    /*CONTACT*/
    .root {
        width: 95%;
    }
    .contacts-container {
        width: 90%;
    }

    .map-custom {
        width: 92%;
        justify-items: center;
    }

    .map-custom_title h1 {
        font-size: x-large;
    }

    .map-custom_title p {
        font-size: smaller;
    }

    .map {
        width: 100%;
        padding: 15px;
    }

    /*ANALYTICS*/
    .root-analytics {
        width: 95.1%;
    }

    .root-analytics_title p {
        font-size: medium;
    }

    .root-analytics h1 {
        font-size: x-large;
        padding-top: 2rem;
    }

    .splunk-platform-container {
        width: 100%;
        text-align: center;
    }

    .splunk-platform-container h1 {
        font-size: large;
    }

    .splunk-platform-container p {
        font-size: small;
        padding-left: 15px;
        padding-right: 15px;
    }

    .splunk-platform-cards {
        width: 96%;
        padding: 15px;
        justify-items: center;
        display: grid;
        grid-template-columns: repeat();
    }

    .splunk-platform-card {
        width: 86%;
    }

    .splunk-custom {
        width: 96%;
        padding: 15px;
        justify-items: center;
    }

    .splunk-custom_title {
        text-align: center;
    }

    .splunk-custom_title h1 {
        font-size: large;
    }

    .splunk-custom_title p {
        font-size: small;
    }

    .splunk {
        width: 100%;
        padding: 15px;
    }

    .splunk-card {
        width: 38%;
    }

    .splunk-card svg {
        padding: 1px;
    }

    .splunk-platform-title h2 {
        font-size: large;
    }

    .splunk-platform-title svg {
        height: 20px;
        padding: 10px;
    }

    .splunk-platform-card p {
        text-align: left;
    }

    .splunk-platform-card h3 {
        font-size: small;
    }

    .solution button {
        font-size: small;
    }

    .splunk-card li {
        font-size: smaller;
    }

    .solution-custom {
        width: 91.9%;
        padding: 15px;
        justify-items: center;
    }

    .solution-custom_title {
        text-align: center;
    }

    .solution-custom_title h1 {
        font-size: large;
    }

    .solution-custom_title p {
        font-size: small;
    }

    .solution-lists {
        font-size: small;
        text-align: left;
        gap: 0.5vw;
        padding: 15px;
    }

    .solution-lists svg {
        height: 15px;
    }

    /*COMMUNICATION*/
    .special-title button {
        font-size: small;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .root-com {
        width: 95%;
    }

    .root-com_title p {
        font-size: smaller;
    }

    .root-com h1 {
        font-size: x-large;
        padding-top: 2rem;
    }

    .com-buttons {
        gap: 0.5vw;
        justify-content: center;
        display: ruby-text;
    }

    .request {
        font-size: small;
        width: fit-content;
    }

    .request svg {
        height: 17px;
    }

    .download {
        font-size: small;
        width: fit-content;
    }

    .security-partners-container {
        width: 96%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .security-partners-container h1 {
        font-size: medium;
    }

    .security-partners-container p {
        font-size: small;
    }

    .security-partner-cards-com {
        width: 80%;
        padding: 10px;
        grid-template-columns: repeat(2, 1fr);
    }

    .security-partner-card-com {
        width: 100%;
    }

    .security-partner-card-com h3 {
        font-size: small;
    }

    .security-partner-title-com-ptp h2,
    .security-partner-title-com-ptmp h2,
    .security-partner-title-com-mob h2,
    .security-partner-title-com-ent h2 {
        font-size: larger;
    }

    .security-partner-title-com-ptp span,
    .security-partner-title-com-ptmp span,
    .security-partner-title-com-mob span,
    .security-partner-title-com-ent span {
        font-size: medium;
    }

    .security-partner-title-com-ptp {
        align-items: center;
        width: 100%;
        height: 14vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/ptp.jpg");
        background-size: 100%;
        background-repeat: no-repeat;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-com-ptmp {
        align-items: center;
        width: 100%;
        height: 14vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/ptmp.jpg");
        background-size: 100%;
        background-repeat: no-repeat;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-com-mob {
        align-items: center;
        width: 100%;
        height: 14vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 100%;
    }

    .security-partner-title-com-ent {
        align-items: center;
        width: 100%;
        height: 14vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/Ent.jpg");
        background-size: 100%;
    }

    .security-partner-card-com:hover {
        box-shadow: 1px 0.63rem 0.63rem 0.63rem rgba(0, 0, 0, 0.05);
        transform: translateY(-0.5rem);
    }

    .security-partner-card-com:hover .security-partner-title-com-ptp {
        background-size: 130%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-ptmp {
        background-size: 130%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-mob {
        background-size: 130%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-ent {
        background-size: 130%; /* zoom in */
    }

    .solution {
        display: flex;
        gap: 0.5vw;
    }

    .solution button {
        font-size: x-small;
    }

    .solution-list li {
        font-size: x-small;
    }

    .solution-custom {
        width: 96%;
    }

    .solution-custom_title {
        padding-left: 20px;
        padding-right: 20px;
    }

    .service {
        width: 99%;
        padding: 1rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .service-card {
        width: 86%;
    }

    .service-card svg {
        padding: 10px;
    }

    /*SECURITY*/
    .root-sec {
        width: 95%;
    }

    .root-sec_title p {
        font-size: medium;
    }

    .root-sec h1 {
        font-size: x-large;
    }

    .security-partners-container {
        width: 96%;
    }

    .sec-solution-title h1 {
        font-size: larger;
    }

    .sec-solution-title p {
        font-size: smaller;
        width: 89%;
    }

    .security-partner-cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        padding: 0.5rem;
        gap: 1rem;
        text-align-last: left;
    }

    .security-partner-card {
        width: 100%;
        display: flex;
        gap: 0.5vw;
    }

    .content-right p {
        font-size: 0.7rem;
    }

    .security-partner-title-ddos {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 180%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-api {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/API Sec.jpg");
        background-size: 360%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-cloud {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/cloud security.jpg");
        background-size: 380%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-bot {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 210%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-pen {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/sec assessment.jpg");
        background-size: 380%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-ent {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/enterprise security.jpg");
        background-size: 360%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-card:hover .security-partner-title-ddos {
        background-size: 210%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-api {
        background-size: 390%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-cloud {
        background-size: 410%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-bot {
        background-size: 240%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-pen {
        background-size: 410%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-ent {
        background-size: 390%; /* zoom in */
    }

    .security-partner-title-ddos h2,
    .security-partner-title-api h2,
    .security-partner-title-cloud h2,
    .security-partner-title-bot h2,
    .security-partner-title-pen h2,
    .security-partner-title-ent h2 {
        margin: 0;
        font-size: large;
    }

    .security-partner-title-ddos span,
    .security-partner-title-api span,
    .security-partner-title-cloud span,
    .security-partner-title-bot span,
    .security-partner-title-pen span,
    .security-partner-title-ent span {
        font-size: small;
    }

    .solution-lists {
        font-size: small;
        width: 100%;
        padding: 19px;
        justify-content: center;
    }

    .solution-lists ul {
        padding-left: 1px;
    }

    .solution-lists li {
        font-size: larger;
    }

    .solution {
        display: contents;
    }

    /*VMS*/
    .root-vms {
        width: 95%;
    }
    
    .root-vms_title h1 {
        font-size: x-large
    }
    
    .root-vms_title p {
        font-size: medium;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    
    .salient-custom {
        width: 95%;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .salient-custom_title h1 {
        font-size: large;
    }

    .salient-custom_title p {
        font-size: small;
    }

    .salient {
        width: 96%;
        padding: 15px;
        display: flex;
    }

    .salient-vms-card,
    .salient-analytics-card,
    .salient-cloud-card {
        width: fit-content;
    }
    
    .product-img {
        height: 11vh;
    }
    
    .product-img img {
        height: 15vh;
    }

    .salient-vms-card h3,
    .salient-analytics-card h3,
    .salient-cloud-card h3 {
        font-size: small;
    }
    
    .salient-vms-card h2,
    .salient-analytics-card h2,
    .salient-cloud-card h2 {
        font-size: medium;
        color: white;
    }
    
    .salient-vms-card p,
    .salient-analytics-card p,
    .salient-cloud-card p {
        font-size: x-small;
        padding: 0.5rem;
        padding-bottom: 0;
        padding-top: 0;
    }

    .salient-platform-container {
        width: 95%;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .salient-platform-container h1 {
        font-size: large;
    }

    .salient-platform-container p {
        font-size: small;
    }

    .salient-platform-cards {
        width: 97%;
        padding: 5%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .salient-platform-card {
        width: fit-content;
        justify-items: center;
        text-align: left;
    }

    .salient-platform-card p {
        font-size: small;
    }

    .salient-platform-title h2 {
        font-size: medium;
    }

    .solution-custom_title h1 {
        font-size: large;
    }

    .solution-custom_title p {
        font-size: small;
    }

    .salient-lists li {
        font-size: x-small;
        gap: 5px;
        margin-bottom: 8px;
    }

    .solution-lists {
        width: 90%;
    }
    
    .solution-lists li {
        display: flex;
        font-size: x-small;
    }

    .solution-lists svg {
        height: 15px;
    }
    
    .vmsrequest {
        height: 1.7rem;
    }
    
    .vmsrequest svg {
        height: 1rem;
    }

    /*EVENTS*/
    .root_events {
        max-height: 30vh; /* adjust as needed */
        transition: background-image 1s ease-in-out; /* smooth fade */
    }

    .root_events_title p {
        font-size: 1.5rem;
    }

    .root_events_title h1 {
        font-size: 3rem;
        padding-top: 3rem;
    }

    .events_title {
        justify-items: center;
    }

    .events_title p {
        width: 80%;
    }

    .events_cards {
        width: 96%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 15px;
    }

    .past-events-cards {
        width: 96%;
        display: flex;
        padding: 15px;
    }

    .custom_title {
        justify-items: center;
    }

    .custom_title p {
        width: 80%;
    }

    .custom-parts {
        width: 92%;
    }

    /*NEWS*/
    .featured-stories {
        width: 95%;
        padding: 20px;
    }

    .featured-stories h2 {
        font-size: large;
    }

    .featured-stories p {
        font-size: smaller;
    }

    .latest-news {
        width: 95%;
        padding: 20px;
    }

    .latest-news h2 {
        font-size: large;
    }

    .latest-news p {
        font-size: smaller;
    }

    .news-card h4 {
        font-size: 0.9rem;
    }
    .news-card p {
        font-size: 0.8rem;
    }
    .source-link {
        font-size: 0.9rem;
    }

    /* PARTNERS */
    .root_title h1 {
        font-size: xx-large;
    }

    .root_title p {
        font-size: medium;
    }

    .partnership {
        width: 96%;
        padding: 15px;
    }

    .partnership-title {
        text-align: center;
        justify-items: center;
    }

    .partnership-title h1 {
        font-size: large;
    }

    .partnership-title p {
        font-size: small;
        width: 80%;
    }

    .partnership-benefit {
        width: 92%;
        padding-top: 1rem;
        padding-bottom: 1rem;
        gap: 4vw;
    }

    .partnership-benefit h2 {
        font-size: smaller;
    }

    .partnership-benefit p {
        font-size: x-small;
    }

    .partnership-benefit svg {
        height: 1.25rem;
        width: 1.25rem;
        padding: 0.7rem;
    }

    .partners-container {
        width: 96%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        padding: 15px;
        gap: 2vw;
    }

    .partner-card-radware,
    .partner-card-palo,
    .partner-card-radwin,
    .partner-card-radiflow,
    .partner-card-ruckus,
    .partner-card-splunk,
    .partner-card-salient,
    .partner-card-rad,
    .partner-card-forti {
        width: 90%;
        padding: 1rem;
        justify-items: center;
    }

    .partner-img img {
        height: 2rem;
    }

    .partner-card-radware h3,
    .partner-card-palo h3,
    .partner-card-radwin h3,
    .partner-card-radiflow h3,
    .partner-card-ruckus h3,
    .partner-card-splunk h3,
    .partner-card-salient h3,
    .partner-card-rad h3,
    .partner-card-forti h3 {
        font-size: smaller;
    }

    .partner-card-radware p,
    .partner-card-palo p,
    .partner-card-radwin p,
    .partner-card-radiflow p,
    .partner-card-ruckus p,
    .partner-card-splunk p,
    .partner-card-salient p,
    .partner-card-rad p,
    .partner-card-forti p {
        font-size: small;
        text-align: center;
    }

    .solution button {
        padding: 2px;
        height: fit-content;
    }

    .start_title h1 {
        font-size: x-large;
    }

    .start_title p {
        font-size: medium;
    }

    /* RESOURCES */

    .search-container {
        width: 100%;
        padding: 5px;
    }

    .search-strip {
        width: 68%;
        padding: 5px 5px;
    }

    .tab-content {
        width: 0%;
    }

    .tab-section {
        width: 97%;
        padding: 12px;
        display: flex;
    }

    .tabs-container {
        width: 27%;
        padding: 5px;
        justify-items: left;
    }

    .tab-content-container {
        width: 70%;
        justify-items: center;
    }

    .tabsStrip {
        display: flex;
        width: 100%;
    }

    .tabs {
        display: inline-table;
        height: 7rem;
        padding: 0.2rem;
        flex-direction: column;
    }

    .tabs button {
        width: 100%;
        padding: 0.4rem 0.4rem;
        font-weight: normal;
    }

    .cards {
        width: 65%;
        gap: 0.8rem;
        justify-content: center;
        padding-top: 5px;
        display: grid;
        grid-template: repeat(3, 1fr);
    }

    .tags span {
        padding: 5px;
        font-size: x-small;
    }

    .card {
        padding: 1rem;
        width: 100%;
    }

    .card h3 {
        margin: 0.5rem 0;
        font-size: 0.8rem;
    }

    .card p {
        font-size: small;
    }

    p.meta {
        font-size: 0.7rem;
    }

    .actions {
        width: 100%;
        display: flex;
        gap: 0.4rem;
    }

    .actions button {
        padding: 0.2rem 1rem;
        font-size: x-small;
        gap: 7px;
    }

    .actions svg {
        width: 20px;
    }

    footer {
        width: 92%;
    }
}

@media screen and (width: 853px) {
    body {
        padding-top: 4rem;
    }

    nav {
        width: 95%;
    }

    /*HOME*/
    .root_home {
        min-height: 30vh; /* adjust as needed */
        width: 100%;
    }

    .offer {
        width: 92%;
        padding: 10px;
        justify-items: center;
    }

    .given {
        width: 100%;
    }

    .solution-carousel-container {
        width: 89%;
    }

    .offer {
        width: 96%;
    }

    .partners {
        width: 100%;
    }

    .start {
        width: 100%;
    }

    /*ABOUT*/
    .background {
        background-image: url("Images/themes/Theme 1.jpg");
        background-repeat: no-repeat; /* avoids tiling */
        height: 30vh; /* adjust height */
        padding-bottom: 0;
    }

    .root_about {
        width: 92%;
    }

    .mvv {
        width: 87%;
        gap: 0.5rem;
        padding: 1rem;
    }

    .our-story {
        width: 82%;
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .our-story h2 {
        font-size: x-large;
    }

    .our-story p {
        font-size: small;
    }

    .root_about_title p {
        color: #e2e2e2;
        font-size: larger;
        padding-bottom: 5px;
    }

    .root_about h1 {
        color: white;
        font-size: x-large;
        padding-top: 5px;
    }

    .timeline-section {
        width: 88%;
    }

    .timeline-section h2 {
        font-size: x-large;
    }

    .timeline-item .content h3 {
        font-size: 0.9rem;
    }

    .timeline-item .content p {
        font-size: 0.7rem;
    }

    .team-container {
        width: 100%;
    }

    .team-title {
        padding: 2rem;
    }

    .team-title h1 {
        font-size: x-large;
    }

    .team {
        width: 88%;
    }

    .team-card {
        width: 40%;
    }

    .team-card p {
        font-size: small;
    }

    /*CONTACT*/
    .map-custom {
        width: 92%;
        justify-items: center;
    }

    .map-custom_title h1 {
        font-size: xx-large;
    }

    .map-custom_title p {
        font-size: larger;
    }

    .map {
        width: 90%;
        padding: 15px;
    }

    /*COMMUNICATION*/
    .security-partners-container {
        justify-items: center;
        text-align: center;
        width: 70%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .security-partners-container h1 {
        font-size: larger;
    }

    .security-partners-container p {
        font-size: small;
    }

    .security-partner-cards {
        width: 100%;
        padding: 15px;
        grid-template-columns: repeat(2, 1fr);
    }

    .security-partner-card {
        width: 87%;
    }

    .security-partner-card h3 {
        font-size: small;
    }

    .security-partner-title svg {
        padding: 5px;
    }

    .security-partner-title h2 {
        font-size: medium;
    }

    .security-partner-title span {
        font-size: x-small;
    }

    .solution-list li {
        font-size: x-small;
    }

    .solution-custom {
        width: 96%;
    }

    .solution-custom_title {
        padding-left: 20px;
        padding-right: 20px;
    }

    .service {
        width: 99%;
        padding: 1rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .service-card {
        width: 86%;
    }

    .service-card svg {
        padding: 10px;
    }

    /*VMS*/
    .root-vms {
        width: 96%;
    }
    .salient-custom {
        width: 95%;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .salient-custom_title h1 {
        font-size: large;
    }

    .salient-custom_title p {
        font-size: small;
    }

    .salient {
        width: 96%;
        padding: 15px;
        display: flex;
    }

    .salient-card {
        width: fit-content;
    }

    .salient-card h3 {
        font-size: small;
    }

    .salient-platform-container {
        width: 78%;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .salient-platform-container h1 {
        font-size: large;
    }

    .salient-platform-container p {
        font-size: small;
    }

    .salient-platform-cards {
        width: 97%;
        padding: 5%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .salient-platform-card {
        width: fit-content;
        justify-items: center;
    }

    .salient-platform-title h2 {
        font-size: medium;
    }

    .salient-lists li {
        font-size: x-small;
    }

    .solution-lists {
        font-size: x-small;
    }

    /*NEWS*/
    .featured-stories {
        width: 95%;
        padding: 20px;
    }

    .latest-news {
        width: 95%;
        padding: 20px;
    }

    /* RESOURCES */

    .search-container {
        width: 100%;
        padding: 5px;
    }

    .search-strip {
        width: 68%;
        padding: 5px 5px;
    }

    .tab-content {
        width: 0%;
    }

    .tab-section {
        width: 97%;
        padding: 12px;
        display: flex;
    }

    .tabs-container {
        width: 27%;
        padding: 5px;
        justify-items: left;
    }

    .tab-content-container {
        width: 70%;
        justify-items: center;
    }

    .tabsStrip {
        display: flex;
        width: 100%;
    }

    .tabs {
        display: inline-table;
        height: 7rem;
        padding: 0.2rem;
        flex-direction: column;
    }

    .tabs button {
        width: 100%;
        padding: 0.4rem 0.4rem;
        font-weight: normal;
    }

    .cards {
        width: 65%;
        gap: 0.8rem;
        justify-content: center;
        padding-top: 5px;
        display: grid;
        grid-template: repeat(3, 1fr);
    }

    .tags span {
        padding: 5px;
        font-size: x-small;
    }

    .card {
        padding: 1rem;
        width: 100%;
    }

    .card h3 {
        margin: 0.5rem 0;
        font-size: 0.8rem;
    }

    .card p {
        font-size: small;
    }

    p.meta {
        font-size: 0.7rem;
    }

    .actions {
        width: 100%;
        display: flex;
        gap: 0.4rem;
    }

    .actions button {
        padding: 0.2rem 1rem;
        font-size: x-small;
        gap: 7px;
    }

    .actions svg {
        width: 20px;
    }

    /*SECURITY*/
    .root-sec {
        width: 95%;
    }

    .root-sec_title p {
        font-size: medium;
    }

    .root-sec h1 {
        font-size: x-large;
    }

    .security-partners-container {
        width: 95%;
    }

    .security-partners-container h1 {
        font-size: larger;
    }

    .security-partners-container p {
        font-size: medium;
    }

    .security-partner-cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 95%;
        padding: 0.5rem;
        gap: 1rem;
        text-align-last: left;
    }

    .security-partner-card {
        width: 96%;
        display: flex;
        gap: 0.5vw;
    }

    .security-partner-card p {
        font-size: small;
    }

    .security-partner-title-ddos {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 180%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-api {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/API Sec.jpg");
        background-size: 360%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-cloud {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/cloud security.jpg");
        background-size: 380%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-bot {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 210%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-pen {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/sec assessment.jpg");
        background-size: 380%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-ent {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/enterprise security.jpg");
        background-size: 360%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-card:hover .security-partner-title-ddos {
        background-size: 210%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-api {
        background-size: 390%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-cloud {
        background-size: 410%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-bot {
        background-size: 240%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-pen {
        background-size: 410%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-ent {
        background-size: 390%; /* zoom in */
    }

    .security-partner-title-ddos h2,
    .security-partner-title-api h2,
    .security-partner-title-cloud h2,
    .security-partner-title-bot h2,
    .security-partner-title-pen h2,
    .security-partner-title-ent h2 {
        margin: 0;
        font-size: large;
    }

    .security-partner-title-ddos span,
    .security-partner-title-api span,
    .security-partner-title-cloud span,
    .security-partner-title-bot span,
    .security-partner-title-pen span,
    .security-partner-title-ent span {
        font-size: small;
    }

    .solution-lists {
        font-size: small;
        width: 100%;
        padding: 19px;
        justify-content: center;
    }

    .solution-lists ul {
        padding-left: 1px;
    }

    .solution-lists li {
        font-size: larger;
    }

    .solution {
        display: flow-root;
    }

    /*ANALYTICS*/
    .root-analytics {
        width: 95%;
    }

    .root-analytics_title p {
        font-size: medium;
    }

    .root-analytics h1 {
        font-size: x-large;
        padding-top: 2rem;
    }

    .splunk-platform-container {
        width: 100%;
        text-align: center;
    }

    .splunk-platform-container h1 {
        font-size: large;
    }

    .splunk-platform-container p {
        font-size: small;
        padding-left: 15px;
        padding-right: 15px;
    }

    .splunk-platform-cards {
        width: 86%;
        padding: 15px;
        justify-items: center;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .splunk-platform-card {
        width: 86%;
    }

    .splunk-custom {
        width: 96%;
        padding: 15px;
        justify-items: center;
    }

    .splunk-custom_title {
        text-align: center;
    }

    .splunk-custom_title h1 {
        font-size: large;
    }

    .splunk-custom_title p {
        font-size: small;
    }

    .splunk {
        width: 100%;
        display: grid;
        padding: 15px;
        grid-template-columns: repeat(3, 1fr);
    }

    .splunk-card {
        width: 80%;
    }

    .splunk-card svg {
        padding: 1px;
    }

    .splunk-platform-title h2 {
        font-size: large;
    }

    .splunk-platform-title svg {
        height: 20px;
        padding: 10px;
    }

    .splunk-platform-card p {
        text-align: left;
    }

    .splunk-platform-card h3 {
        font-size: small;
    }

    .solution button {
        font-size: small;
    }

    .splunk-card li {
        font-size: smaller;
    }

    .solution-custom {
        width: 91.9%;
        padding: 15px;
        justify-items: center;
    }

    .solution-custom_title {
        text-align: center;
    }

    .solution-custom_title h1 {
        font-size: large;
    }

    .solution-custom_title p {
        font-size: small;
    }

    .solution-lists {
        font-size: small;
        text-align: left;
        gap: 0.5vw;
        padding: 15px;
    }

    .solution-lists svg {
        height: 15px;
    }

    footer {
        width: 89%;
    }
}

@media screen and (width: 912px) {
    body {
        padding-top: 4rem;
    }

    nav {
        flex-direction: column;
        align-items: flex-start;
        width: 95.6%;
    }

    .nav-links {
        display: none;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 65px;
        right: 0;
        background-color: #fff;
        width: 40%;
        padding: 15px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }

    .nav-links.show {
        display: flex;
        width: 40%;
        background-color: rgba(255, 255, 255, 0.9); /* Light translucent */
        backdrop-filter: blur(0.63rem);
        -webkit-backdrop-filter: blur(0.63rem); /* For Safari */
    }

    .nav-links a,
    .dropbtn {
        padding: 5px 0;
        width: 60%;
        justify-content: center;
    }

    .dropdown-content a {
        font-size: small;
    }

    .dropdown {
        width: 100%;
        padding: 5px;
    }

    .dropdown-content {
        display: none;
        background-color: transparent;
        box-shadow: none;
        position: static;
        padding: 1px;
        justify-items: center;
    }

    .dropdown:hover .dropdown-content,
    .dropdown:hover {
        display: block;
    }

    .dropbtn {
        width: 100%;
        justify-content: center;
    }

    .logo-title {
        align-items: flex-start;
        width: 55%;
    }

    .logo-title img {
        width: 50px;
        height: 50px;
        padding-top: 5px;
    }

    .logo-title h3 {
        font-size: medium;
        padding-top: 12px;
    }

    .logo-title p {
        font-size: x-small;
        margin: 0;
    }

    .hamburger {
        display: block;
        position: absolute;
        right: 30px;
        top: 15px;
        z-index: 9999;
        color: #333;
    }
    /* HOME */
    .root_home {
        min-height: 20vh; /* adjust as needed */
        width: 100%;
    }

    .start_title h1 {
        font-size: 1.5rem;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

    .root_title span {
        font-size: 1.5rem;
    }

    .root_home_title p,
    .start_title p {
        font-size: 0.9rem;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .root_home_title h1 {
        font-size: 2rem;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

    .root_home_title h2 {
        font-size: 1.5rem;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

    .root_home_title span {
        font-size: 2rem;
    }

    .root_home_title p {
        font-size: 1rem;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .root_btn,
    .start_btns {
        flex-direction: row;
        align-items: center;
        gap: 0.63rem;
    }

    .explore,
    .contact {
        font-size: small;
    }

    .start {
        width: 100%;
    }

    .start_btn a {
        font-size: small;
        height: 30px;
    }

    .start_btn2 a {
        font-size: small;
        height: 30px;
    }

    .given {
        display: flex;
        gap: 0.1vw;
    }

    .given p {
        font-size: 0.8rem;
    }

    .given svg {
        height: 15px;
    }

    .solution-carousel-container {
        flex-direction: column;
        padding: 0.63rem;
        width: 94%;
    }

    .solution-carousel-slide {
        width: 100% !important;
        margin: 0 auto;
        text-align: center;
    }

    .solution-carousel-slide h1 {
        font-size: 1.4rem;
        margin: 0;
    }

    .solution-carousel-slide p {
        font-size: 1rem;
        margin: 0;
    }

    .solution-carousel-slide a {
        font-size: small;
        height: 25px;
        padding-bottom: 5px;
        padding-top: 3px;
    }

    .offer {
        width: 97.7%;
        padding: 10px;
        justify-items: center;
    }

    .offer_title {
        justify-items: center;
    }

    .offer_title h1 {
        font-size: 1.5rem;
        text-align: center;
    }

    .offer_title p {
        font-size: 0.9rem;
        text-align: center;
        padding: 10px;
        width: 70%;
    }

    .industries {
        width: 89.4%;
        padding-left: 3rem;
        padding-right: 3rem;
        background: linear-gradient(
            to right,
            transparent 8%,
            /* left transparent */ #e2eaf5 30%,
            /* start color */ #e2eaf5 70%,
            /* end color */ transparent 92% /* right transparent */
        );
    }

    .industries h2 {
        font-size: 1.5rem;
    }

    .industries p {
        font-size: 0.9rem;
        width: 80%;
    }

    .industry-row {
        padding-left: 1rem;
        padding-right: 1rem;
        width: 75%;
    }

    .industry-text h3 {
        font-size: 1.2rem;
    }

    .industry-text p {
        font-size: 0.8rem;
    }

    .industry-text {
        flex: 1;
        background: white;
        padding: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        position: relative;
        text-align: left;
    }

    .reverse .industry-text {
        text-align: center;
        padding-left: 8rem;
    }

    .industry-row:not(.reverse) p {
        padding-right: 3rem;
    }

    .icon-overlay {
        display: none;
    }

    .industry-image {
        height: 12vh;
    }

    .industry-image img {
        width: 100%;
        height: 100%;
    }

    .impact-title {
        font-size: 1.5rem;
    }

    .impact-subtitle {
        font-size: 0.9rem;
    }

    .impact-card h3 {
        font-size: x-large;
    }

    .impact-card p {
        font-size: smaller;
    }

    .impact-icon img {
        height: 3rem;
    }

    .why-ipriver {
        justify-items: center;
    }

    .why-ipriver h2 {
        font-size: 1.5rem;
    }

    .features {
        width: 100%;
        margin: 0;
        grid-template-columns: repeat(3, 1fr);
        padding: 1rem;
    }

    .feature {
        width: 88%;
    }

    .feature span {
        font-size: xx-large;
    }

    .feature p {
        font-size: smaller;
    }

    .partner_btns {
        display: grid;
        align-items: center;
        gap: 0.5rem;
        width: 100%;
        padding-left: 1px;
        padding-right: 1px;
        justify-content: center;
    }

    .offer_cards {
        grid-template-columns: repeat(4, 1fr);
        padding: 10px;
        width: 94%;
    }

    .offer-card h2 {
        font-size: 1rem;
    }

    .offer-card a {
        font-size: small;
        height: 25px;
    }

    .partners {
        padding: 10px;
        width: 94%;
    }

    .partners_title p {
        font-size: medium;
        text-align: center;
    }

    .partners h1 {
        font-size: 1.5rem;
        text-align: center;
    }

    .partner_btns {
        display: none;
    }

    .all_partners {
        font-size: small;
        height: 30px;
    }

    .carousel-container {
        width: 92%;
        margin: auto;
        padding-bottom: 20px;
    }

    .carousel-track img {
        flex: 0 0 31.67%; /* 3 logos visible at a time */
        width: 50%;
        padding: 0.3rem;
    }

    @keyframes scroll {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-88%);
        }
    }

    .carousel-container img {
        height: 2.5rem;
        margin: 5px;
    }

    footer {
        width: 93%;
    }

    footer .footer-content {
        flex-direction: column;
        gap: 1.25rem;
    }

    footer .footer-section {
        width: 100%;
    }

    footer .newsletter input {
        width: 100%;
    }

    footer p,
    footer li {
        font-size: 0.9rem;
    }

    /* ABOUT */
    .background {
        background-image: url("Images/themes/Theme 1.jpg");
        background-repeat: no-repeat; /* avoids tiling */
        height: 30vh; /* adjust height */
        padding-bottom: 0;
    }

    .root_about {
        width: 96%;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .root_about_title p {
        color: #e2e2e2;
        font-size: medium;
        padding-bottom: 5px;
    }

    .root_about h1 {
        color: white;
        font-size: xx-large;
        padding-top: 5px;
    }

    .mvv {
        width: 98%;
        padding: 0.5rem;
        align-items: center;
    }

    .card {
        width: 73%;
        height: 15vh;
        padding: 0.5rem;
    }

    .card h3 {
        font-size: large;
        margin-bottom: 0.45rem;
    }

    .card p {
        font-size: small;
    }

    .card .icon {
        font-size: 2rem;
        margin-bottom: 0.2rem;
    }

    .our-story {
        width: 93%;
        padding-top: 0;
    }

    .our-story h2 {
        text-align: center;
        font-size: x-large;
    }

    .our-story p {
        font-size: small;
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .timeline-section {
        padding: 2rem;
        text-align: center;
        width: 94%;
    }

    .timeline-section h2 {
        font-size: x-large;
    }

    .timeline-item p {
        font-size: small;
    }

    .team-container {
        width: 100%;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .team-title p {
        color: #666;
        padding-left: 20px;
        padding-right: 20px;
    }

    .title {
        justify-content: center;
    }

    .team {
        width: 96.4%;
        padding: 1rem;
        gap: 2vw;
        justify-content: center;
    }

    .team-card {
        width: 35%;
    }

    .team-card p {
        font-size: small;
    }

    /*CONTACT*/
    .root {
        width: 95%;
    }

    .root_title h1 {
        font-size: 3rem;
    }

    .root_title span {
        font-size: 3rem;
    }

    .contacts-container {
        width: 90%;
        padding: 20px;
        justify-content: center;
    }

    .contacts-form {
        width: 92%;
        padding: 15px;
    }

    .contacts-form h2 {
        font-size: medium;
    }

    .contacts-form p {
        font-size: small;
    }

    .contacts-info {
        width: 83%;
        padding: 15px;
    }

    .contacts-info h3 {
        font-size: medium;
    }

    .info-box {
        width: 90%;
    }

    .info-box div {
        font-size: 0.7rem;
    }

    .quick-actions h4 {
        font-size: medium;
    }

    .quick-actions div {
        font-size: small;
    }

    .map-custom {
        width: 93%;
        justify-items: center;
    }

    .map-custom_title h1 {
        font-size: x-large;
    }

    .map-custom_title p {
        font-size: smaller;
        color: #666;
        margin-bottom: 0;
    }

    .map {
        width: 100%;
        padding: 15px;
    }

    .map svg {
        height: 30px;
    }

    .map h2 {
        font-size: medium;
    }

    .map p {
        font-size: small;
    }

    /*ANALYTICS*/
    .root-analytics {
        width: 96%;
    }

    .root-analytics_title p {
        font-size: medium;
    }

    .root-analytics h1 {
        font-size: x-large;
        padding-top: 2rem;
    }

    .splunk-platform-container {
        width: 100%;
        text-align: center;
    }

    .splunk-platform-container h1 {
        font-size: large;
    }

    .splunk-platform-container p {
        font-size: small;
        padding-left: 15px;
        padding-right: 15px;
    }

    .splunk-platform-cards {
        width: 96%;
        padding: 15px;
        justify-items: center;
    }

    .splunk-platform-card {
        width: 86%;
    }

    .splunk-custom {
        width: 96.7%;
        padding: 15px;
        justify-items: center;
    }

    .splunk-custom_title {
        text-align: center;
    }

    .splunk-custom_title h1 {
        font-size: large;
    }

    .splunk-custom_title p {
        font-size: small;
    }

    .splunk {
        width: 100%;
        padding: 15px;
    }

    .splunk-card {
        width: 85%;
    }

    .splunk-card svg {
        padding: 10px;
    }

    .splunk-platform-title h2 {
        font-size: large;
    }

    .splunk-platform-title svg {
        height: 20px;
        padding: 10px;
    }

    .splunk-platform-card p {
        text-align: left;
    }

    .splunk-platform-card h3 {
        font-size: small;
    }

    .solution button {
        font-size: small;
    }

    .splunk-card li {
        font-size: smaller;
    }

    .solution-custom {
        width: 96.6%;
        padding: 15px;
        justify-items: center;
    }

    .solution-custom_title {
        text-align: center;
    }

    .solution-custom_title h1 {
        font-size: large;
    }

    .solution-custom_title p {
        font-size: small;
    }

    .solution-lists {
        gap: 0.5vw;
        padding: 15px;
        justify-content: center;
    }

    .solution-lists svg {
        height: 15px;
    }

    /*COMMUNICATION*/
    .special-title button {
        font-size: small;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .root-com {
        width: 95.6%;
    }

    .root-com_title p {
        font-size: smaller;
    }

    .root-com h1 {
        font-size: x-large;
        padding-top: 2rem;
    }

    .com-buttons {
        gap: 0.5vw;
        justify-content: center;
        display: ruby-text;
    }

    .request {
        font-size: small;
        width: fit-content;
    }

    .request svg {
        height: 17px;
    }

    .download {
        font-size: small;
        width: fit-content;
    }

    .security-partners-container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .security-partners-container h1 {
        font-size: medium;
    }

    .security-partners-container p {
        font-size: small;
    }

    .security-partner-cards-com {
        width: 100%;
        padding: 10px;
        grid-template-columns: repeat(4, 1fr);
    }

    .security-partner-card-com {
        width: 100%;
    }

    .security-partner-card-com h3 {
        font-size: small;
    }

    .security-partner-card-com p {
        font-size: small;
    }

    .security-partner-title-com-ptp h2,
    .security-partner-title-com-ptmp h2,
    .security-partner-title-com-mob h2,
    .security-partner-title-com-ent h2 {
        font-size: medium;
    }

    .security-partner-title-com-ptp span,
    .security-partner-title-com-ptmp span,
    .security-partner-title-com-mob span,
    .security-partner-title-com-ent span {
        font-size: small;
    }

    .security-partner-title-com-ptp {
        align-items: center;
        width: 100%;
        height: 10vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/ptp.jpg");
        background-size: 187%;
        background-repeat: no-repeat;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-com-ptmp {
        align-items: center;
        width: 100%;
        height: 10vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/ptmp.jpg");
        background-size: 188%;
        background-repeat: no-repeat;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-com-mob {
        align-items: center;
        width: 100%;
        height: 10vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 100%;
    }

    .security-partner-title-com-ent {
        align-items: center;
        width: 100%;
        height: 10vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/Ent.jpg");
        background-size: 189%;
    }

    .security-partner-card-com:hover {
        box-shadow: 1px 0.63rem 0.63rem 0.63rem rgba(0, 0, 0, 0.05);
        transform: translateY(-0.5rem);
    }

    .security-partner-card-com:hover .security-partner-title-com-ptp {
        background-size: 217%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-ptmp {
        background-size: 218%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-mob {
        background-size: 120%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-ent {
        background-size: 219%; /* zoom in */
    }

    .solution {
        display: grid;
        gap: 0.5vw;
    }

    .solution button {
        font-size: x-small;
    }

    .solution-list li {
        font-size: x-small;
    }

    .solution-custom_title {
        padding-left: 20px;
        padding-right: 20px;
    }

    .service {
        width: 96%;
        padding: 1rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .service-card {
        width: 90%;
    }

    /*SECURITY*/
    .root-sec {
        width: 96%;
    }

    .root-sec_title p {
        font-size: medium;
    }

    .root-sec h1 {
        font-size: x-large;
    }

    .security-partners-container {
        width: 97%;
    }

    .sec-solution-title h1 {
        font-size: larger;
    }

    .sec-solution-title p {
        font-size: medium;
        width: 72%;
    }

    .security-partner-cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 94%;
        padding: 0.5rem;
        gap: 1rem;
        text-align-last: left;
    }

    .security-partner-card {
        width: 100%;
        display: flex;
        gap: 0.5vw;
    }

    .content-right p {
        font-size: 0.7rem;
    }

    .security-partner-title-ddos {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 180%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-api {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/API Sec.jpg");
        background-size: 360%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-cloud {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/cloud security.jpg");
        background-size: 380%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-bot {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 210%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-pen {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/sec assessment.jpg");
        background-size: 380%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-ent {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/enterprise security.jpg");
        background-size: 360%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-card:hover .security-partner-title-ddos {
        background-size: 210%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-api {
        background-size: 390%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-cloud {
        background-size: 410%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-bot {
        background-size: 240%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-pen {
        background-size: 410%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-ent {
        background-size: 390%; /* zoom in */
    }

    .security-partner-title-ddos h2,
    .security-partner-title-api h2,
    .security-partner-title-cloud h2,
    .security-partner-title-bot h2,
    .security-partner-title-pen h2,
    .security-partner-title-ent h2 {
        margin: 0;
        font-size: large;
    }

    .security-partner-title-ddos span,
    .security-partner-title-api span,
    .security-partner-title-cloud span,
    .security-partner-title-bot span,
    .security-partner-title-pen span,
    .security-partner-title-ent span {
        font-size: small;
    }
    
    .solution {
        display: contents;
    }
    
    .solution-custom_title h1 {
        font-size: larger;
    }
    
    .solution-custom_title p {
        font-size: medium
    }

    .solution-lists {
        font-size: small;
        width: 94%;
        padding: 19px;
    }

    .solution-lists ul {
        padding-left: 1px;
    }

    .solution-lists li {
        font-size: larger;
    }

    /*VMS*/
    .root-vms {
        width: 95.6%;
    }
    
    .root-vms_title h1 {
        font-size: x-large
    }
    
    .root-vms_title p {
        font-size: medium;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    
    .salient-custom {
        width: 95%;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .salient-custom_title h1 {
        font-size: large;
    }

    .salient-custom_title p {
        font-size: small;
    }

    .salient {
        width: 96%;
        padding: 15px;
        display: flex;
    }

    .salient-vms-card,
    .salient-analytics-card,
    .salient-cloud-card {
        width: fit-content;
    }
    
    .product-img {
        height: 7vh;
    }
    
    .product-img img {
        height: 10vh;
    }

    .salient-vms-card h3,
    .salient-analytics-card h3,
    .salient-cloud-card h3 {
        font-size: small;
    }
    
    .salient-vms-card h2,
    .salient-analytics-card h2,
    .salient-cloud-card h2 {
        font-size: medium;
        color: white;
    }
    
    .salient-vms-card p,
    .salient-analytics-card p,
    .salient-cloud-card p {
        font-size: x-small;
        padding: 0.5rem;
        padding-bottom: 0;
        padding-top: 0;
    }

    .salient-platform-container {
        width: 95%;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .salient-platform-container h1 {
        font-size: large;
    }

    .salient-platform-container p {
        font-size: small;
    }

    .salient-platform-cards {
        width: 97%;
        padding: 5%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .salient-platform-card {
        width: fit-content;
        justify-items: center;
        text-align: left;
    }

    .salient-platform-card p {
        font-size: small;
    }

    .salient-platform-title h2 {
        font-size: medium;
    }

    .solution-custom_title h1 {
        font-size: large;
    }

    .solution-custom_title p {
        font-size: small;
    }

    .salient-lists li {
        font-size: x-small;
        gap: 5px;
        margin-bottom: 8px;
    }

    .solution-lists {
        width: 90%;
    }
    
    .solution-lists li {
        display: flex;
        font-size: x-small;
    }

    .solution-lists svg {
        height: 15px;
    }
    
    .vmsrequest {
        height: 1.7rem;
    }
    
    .vmsrequest svg {
        height: 1rem;
    }

    /*EVENTS*/
    .root_events {
        max-height: 30vh; /* adjust as needed */
        transition: background-image 1s ease-in-out; /* smooth fade */
    }

    .root_events_title p {
        font-size: 1.5rem;
    }

    .root_events_title h1 {
        font-size: 3rem;
        padding-top: 3rem;
    }

    .events_title {
        justify-items: center;
    }

    .events_title p {
        width: 80%;
    }

    .events_cards {
        width: 96%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 15px;
    }

    .event-card {
        width: 88%;
    }

    .past-events-cards {
        width: 96%;
        display: flex;
        padding: 15px;
    }

    .custom_title {
        justify-items: center;
    }

    .custom_title p {
        width: 80%;
    }

    .custom-parts {
        width: 92%;
    }

    /*NEWS*/
    .featured-stories {
        width: 95%;
        padding: 20px;
    }

    .featured-stories h2 {
        font-size: x-large;
    }

    .featured-stories p {
        font-size: large;
    }

    .latest-news {
        width: 95%;
        padding: 20px;
    }

    .latest-news h2 {
        font-size: x-large;
    }

    .latest-news p {
        font-size: large;
    }

    .news-card h4 {
        font-size: 0.9rem;
    }
    .news-card p {
        font-size: 0.8rem;
    }
    .source-link {
        font-size: 0.9rem;
    }

    /* PARTNERS */
    .root_title h1 {
        font-size: xx-large;
    }

    .root_title p {
        font-size: medium;
    }

    .partnership {
        width: 97%;
        padding: 15px;
    }

    .partnership-title {
        text-align: center;
        justify-items: center;
    }

    .partnership-title h1 {
        font-size: large;
    }

    .partnership-title p {
        font-size: small;
        width: 80%;
    }

    .partnership-benefit {
        width: 92%;
        padding-top: 1rem;
        padding-bottom: 1rem;
        gap: 4vw;
    }

    .partnership-benefit h2 {
        font-size: smaller;
    }

    .partnership-benefit p {
        font-size: x-small;
    }

    .partnership-benefit svg {
        height: 1.25rem;
        width: 1.25rem;
        padding: 0.7rem;
    }

    .partners-container {
        width: 97%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        padding: 15px;
        gap: 2vw;
    }

    .partner-card-radware,
    .partner-card-palo,
    .partner-card-radwin,
    .partner-card-radiflow,
    .partner-card-ruckus,
    .partner-card-splunk,
    .partner-card-salient,
    .partner-card-rad,
    .partner-card-forti {
        width: 90%;
        padding: 1rem;
        justify-items: center;
    }

    .partner-img img {
        height: 2rem;
    }

    .partner-card-radware h3,
    .partner-card-palo h3,
    .partner-card-radwin h3,
    .partner-card-radiflow h3,
    .partner-card-ruckus h3,
    .partner-card-splunk h3,
    .partner-card-salient h3,
    .partner-card-rad h3,
    .partner-card-forti h3 {
        font-size: smaller;
    }

    .partner-card-radware p,
    .partner-card-palo p,
    .partner-card-radwin p,
    .partner-card-radiflow p,
    .partner-card-ruckus p,
    .partner-card-splunk p,
    .partner-card-salient p,
    .partner-card-rad p,
    .partner-card-forti p {
        font-size: small;
        text-align: center;
    }

    .solution button {
        padding: 2px;
        height: fit-content;
    }

    .start_title h1 {
        font-size: x-large;
    }

    .start_title p {
        font-size: medium;
    }

    /* RESOURCES */
    .search-container {
        width: 100%;
        padding: 5px;
    }

    .search-strip {
        width: 68%;
        padding: 5px 5px;
    }

    .tab-content {
        width: 0%;
    }

    .tab-section {
        width: 96%;
        padding: 1rem;
        display: flex;
    }

    .tabs-container {
        width: 30%;
        padding: 5px;
        justify-items: left;
    }

    .tab-content-container {
        width: 70%;
        justify-items: center;
    }

    .tabsStrip {
        display: flex;
        width: 100%;
    }

    .tabs {
        display: inline-table;
        height: 7rem;
        padding: 0.2rem;
        flex-direction: column;
    }

    .tabs button {
        width: 100%;
        padding: 0.4rem 0.4rem;
        font-weight: normal;
    }

    .cards {
        width: 65%;
        gap: 0.8rem;
        justify-content: center;
        padding-top: 5px;
    }

    .tags span {
        padding: 5px;
        font-size: x-small;
    }

    .card {
        padding: 0.5rem;
        width: 100%;
    }

    .card h3 {
        margin: 0.5rem 0;
        font-size: 0.8rem;
    }

    .card p {
        font-size: small;
    }

    p.meta {
        font-size: 0.7rem;
    }

    .actions {
        width: 100%;
        display: flex;
        gap: 0.4rem;
    }

    .actions button {
        padding: 0.2rem 1rem;
        font-size: x-small;
        gap: 7px;
    }

    .actions svg {
        width: 20px;
    }
}

@media screen and (width: 1024px) {
    nav {
        width: 96%;
    }

    .root_home {
        min-height: 36vh; /* adjust as needed */
        width: 100%;
    }

    .logo-title {
        width: 30%;
    }

    .nav-links {
        width: 70%;
        justify-content: center;
    }

    .root_title {
        justify-items: center;
    }
    .root_title p {
        padding-left: 20px;
        padding-right: 20px;
        width: 90%;
    }

    .offer {
        width: 98%;
        padding: 10px;
        justify-items: center;
    }

    .offer_title {
        justify-items: center;
    }

    .offer_title p {
        width: 70%;
    }

    .industries {
        width: 97%;
        padding-left: 1rem;
        padding-right: 1rem;
        background: linear-gradient(
            to right,
            transparent 8%,
            /* left transparent */ #e2eaf5 30%,
            /* start color */ #e2eaf5 70%,
            /* end color */ transparent 92% /* right transparent */
        );
    }

    .industries h2 {
        font-size: 2rem;
    }

    .industries p {
        font-size: 1.2rem;
        width: 80%;
    }

    .industry-row {
        padding-left: 4rem;
        padding-right: 4rem;
        width: 75%;
    }

    .industry-text h3 {
        font-size: 1rem;
    }

    .industry-text p {
        font-size: 0.9rem;
    }

    .industry-text {
        flex: 1;
        background: white;
        padding: 0.5rem;
        padding-left: 1rem;
        padding-right: 2rem;
        width: 44%;
        position: relative;
        text-align: left;
        height: 8rem;
    }

    .reverse .industry-text {
        text-align: right;
        padding-left: 7rem;
    }

    .industry-row:not(.reverse) p {
        padding-right: 3rem;
    }

    .icon-overlay {
        display: none;
    }

    .industry-image {
        height: 10.5vh;
    }

    .features {
        width: 100%;
        margin: 0;
        grid-template-columns: repeat(3, 1fr);
        padding: 1rem;
    }

    .feature {
        width: 88%;
    }

    /*ABOUT*/
    .background {
        height: 37vh; /* adjust height */
        padding-bottom: 0;
        width: 100%;
    }

    .root_about {
        width: 96%;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .root_about_title p {
        color: #e2e2e2;
        font-size: larger;
        padding-bottom: 5px;
    }

    .root_about h1 {
        color: white;
        font-size: xx-large;
        padding-top: 5px;
    }

    .mvv {
        width: 94%;
    }

    .our-story {
        width: 94%;
        padding-top: 8rem;
    }

    .our-story h2 {
        font-size: xx-large;
    }

    .our-story p {
        font-size: small;
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .timeline-section {
        width: 94%;
    }

    .team-container {
        padding-left: 2rem;
        padding-right: 2rem;
        width: 94%;
    }

    .team-title h1 {
        font-size: xx-large;
    }

    .team-title p {
        font-size: larger;
    }

    .team-card {
        width: 40%;
    }

    /*CONTACT*/
    .map-custom {
        width: 96%;
        justify-items: center;
    }

    .map-custom_title h1 {
        font-size: xx-large;
    }

    .map-custom_title p {
        font-size: larger;
    }

    .map {
        width: 100%;
        padding: 15px;
    }

    /*ANALYTICS*/
    .root-analytics {
        width: 99%;
        padding-bottom: 2rem;
    }

    .root-analytics_title p {
        font-size: large;
    }

    .root-analytics h1 {
        font-size: xx-large;
        padding-top: 1rem;
    }

    .splunk-platform-container {
        width: 99%;
        padding: 1rem;
    }

    .splunk-platform-container h1 {
        font-size: x-large;
    }

    .splunk-platform-container p {
        font-size: medium;
    }

    .splunk-custom {
        width: 99%;
        padding: 1rem;
    }

    .splunk-custom_title h1 {
        font-size: x-large;
    }

    .splunk-custom_title p {
        font-size: medium;
    }
    .splunk-card {
        width: 40%;
    }

    /*EVENTS*/
    .root_events {
        max-height: 30vh; /* adjust as needed */
        transition: background-image 1s ease-in-out; /* smooth fade */
    }

    .root_events_title p {
        font-size: 1.5rem;
    }

    .root_events_title h1 {
        font-size: 3rem;
        padding-top: 3rem;
    }

    .events_title {
        justify-items: center;
    }

    .events_title p {
        width: 80%;
    }

    .events_cards {
        width: 96%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 15px;
    }

    .past-events-cards {
        width: 96%;
        display: flex;
        padding: 15px;
    }

    .custom_title {
        justify-items: center;
    }

    .custom_title p {
        width: 80%;
    }

    .custom-parts {
        width: 92%;
    }

    /*COMMUNICATION*/
    .special-title button {
        font-size: small;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .root-com {
        width: 99%;
    }

    .root-com_title p {
        font-size: smaller;
    }

    .root-com h1 {
        font-size: x-large;
        padding-top: 2rem;
    }

    .root-com p {
        font-size: larger;
    }

    .com-buttons {
        gap: 0.5vw;
        justify-content: center;
        display: ruby-text;
    }

    .request {
        font-size: small;
        width: fit-content;
    }

    .request svg {
        height: 17px;
    }

    .download {
        font-size: small;
        width: fit-content;
    }

    .security-partners-container {
        width: 96.8%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .security-partners-container h1 {
        font-size: x-large;
    }

    .security-partners-container p {
        font-size: medium;
    }

    .security-partner-cards-com {
        width: 100%;
        padding: 10px;
        grid-template-columns: repeat(4, 1fr);
    }

    .security-partner-card-com {
        width: 100%;
    }

    .security-partner-card-com h3 {
        font-size: small;
    }

    .security-partner-title-com-ptp h2,
    .security-partner-title-com-ptmp h2,
    .security-partner-title-com-mob h2,
    .security-partner-title-com-ent h2 {
        font-size: larger;
    }

    .security-partner-title-com-ptp span,
    .security-partner-title-com-ptmp span,
    .security-partner-title-com-mob span,
    .security-partner-title-com-ent span {
        font-size: medium;
    }

    .security-partner-title-com-ptp {
        align-items: center;
        width: 100%;
        height: 10vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/ptp.jpg");
        background-size: 110%;
        background-repeat: no-repeat;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-com-ptmp {
        align-items: center;
        width: 100%;
        height: 10vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/ptmp.jpg");
        background-size: 110%;
        background-repeat: no-repeat;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-com-mob {
        align-items: center;
        width: 100%;
        height: 10vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 100%;
    }

    .security-partner-title-com-ent {
        align-items: center;
        width: 100%;
        height: 10vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/Ent.jpg");
        background-size: 100%;
    }

    .security-partner-card-com:hover {
        box-shadow: 1px 0.63rem 0.63rem 0.63rem rgba(0, 0, 0, 0.05);
        transform: translateY(-0.5rem);
    }

    .security-partner-card-com:hover .security-partner-title-com-ptp {
        background-size: 140%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-ptmp {
        background-size: 140%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-mob {
        background-size: 130%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-ent {
        background-size: 130%; /* zoom in */
    }

    .solution {
        display: grid;
        gap: 0.5vw;
    }

    .solution button {
        font-size: x-small;
    }

    .solution-custom {
        width: 100%;
    }

    .solution-custom h1 {
        font-size: x-large;
    }

    .service {
        width: 94%;
    }

    /*SECURITY*/
    .root-sec {
        width: 98%;
    }

    .root-sec_title p {
        font-size: medium;
    }

    .root-sec h1 {
        font-size: x-large;
    }

    .security-partners-container {
        width: 99%;
    }

    .sec-solution-title h1 {
        font-size: larger;
    }

    .sec-solution-title p {
        font-size: medium;
        width: 75%;
    }

    .security-partner-cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        padding: 0.5rem;
        gap: 1rem;
        text-align-last: left;
    }

    .security-partner-card {
        width: 100%;
        display: flex;
        gap: 0.5vw;
    }

    .content-right p {
        font-size: 0.7rem;
    }

    .security-partner-title-ddos {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 180%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-api {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/API Sec.jpg");
        background-size: 360%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-cloud {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/cloud security.jpg");
        background-size: 380%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-bot {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 210%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-pen {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/sec assessment.jpg");
        background-size: 380%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-ent {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/enterprise security.jpg");
        background-size: 360%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-card:hover .security-partner-title-ddos {
        background-size: 210%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-api {
        background-size: 390%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-cloud {
        background-size: 410%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-bot {
        background-size: 240%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-pen {
        background-size: 410%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-ent {
        background-size: 390%; /* zoom in */
    }

    .security-partner-title-ddos h2,
    .security-partner-title-api h2,
    .security-partner-title-cloud h2,
    .security-partner-title-bot h2,
    .security-partner-title-pen h2,
    .security-partner-title-ent h2 {
        margin: 0;
        font-size: x-large;
    }

    .security-partner-title-ddos span,
    .security-partner-title-api span,
    .security-partner-title-cloud span,
    .security-partner-title-bot span,
    .security-partner-title-pen span,
    .security-partner-title-ent span {
        font-size: medium;
    }
    
    .solution-custom_title h1 {
        font-size: larger;
    }
    
    .solution-custom_title p {
        font-size: medium;
    }

    .solution-lists {
        font-size: small;
        width: 80%;
        padding: 19px;
        justify-content: center;
    }

    .solution-lists ul {
        padding-left: 1px;
    }

    .solution-lists li {
        font-size: small;
    }

    .solution {
        display: contents;
    }

    /*PARTNERS*/
    .root {
        width: 96%;
    }

    .root_title h1 {
        font-size: xx-large;
    }

    .root_title p {
        font-size: medium;
    }

    .partnership {
        width: 97%;
        padding: 15px;
    }

    .partnership-title {
        text-align: center;
        justify-items: center;
    }

    .partnership-title h1 {
        font-size: large;
    }

    .partnership-title p {
        font-size: small;
        width: 80%;
    }

    .partnership-benefit {
        width: 92%;
        padding-top: 1rem;
        padding-bottom: 1rem;
        gap: 4vw;
    }

    .partnership-benefit h2 {
        font-size: smaller;
    }

    .partnership-benefit p {
        font-size: x-small;
    }

    .partnership-benefit svg {
        height: 1.25rem;
        width: 1.25rem;
        padding: 0.7rem;
    }

    .partners-container {
        width: 97%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        padding: 15px;
        gap: 2vw;
    }

    .partner-card-radware,
    .partner-card-palo,
    .partner-card-radwin,
    .partner-card-radiflow,
    .partner-card-ruckus,
    .partner-card-splunk,
    .partner-card-salient,
    .partner-card-rad,
    .partner-card-forti {
        width: 90%;
        padding: 1rem;
        justify-items: center;
    }

    .partner-img img {
        height: 2rem;
    }

    .partner-card-radware h3,
    .partner-card-palo h3,
    .partner-card-radwin h3,
    .partner-card-radiflow h3,
    .partner-card-ruckus h3,
    .partner-card-splunk h3,
    .partner-card-salient h3,
    .partner-card-rad h3,
    .partner-card-forti h3 {
        font-size: smaller;
    }

    .partner-card-radware p,
    .partner-card-palo p,
    .partner-card-radwin p,
    .partner-card-radiflow p,
    .partner-card-ruckus p,
    .partner-card-splunk p,
    .partner-card-salient p,
    .partner-card-rad p,
    .partner-card-forti p {
        font-size: small;
        text-align: center;
    }

    .solution button {
        padding: 2px;
        height: fit-content;
    }

    .start_title h1 {
        font-size: x-large;
    }

    .start_title p {
        font-size: medium;
    }

    /*RESOURCES*/
    .tab-section {
        width: 94%;
    }
    
    /*VMS*/
    .root-vms {
        width: 96.4%;
    }
    
    .root-vms_title h1 {
        font-size: x-large
    }
    
    .root-vms_title p {
        font-size: medium;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    
    .salient-custom {
        width: 95%;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .salient-custom_title h1 {
        font-size: large;
    }

    .salient-custom_title p {
        font-size: small;
    }

    .salient {
        width: 96%;
        padding: 15px;
        display: flex;
    }

    .salient-vms-card,
    .salient-analytics-card,
    .salient-cloud-card {
        width: fit-content;
    }
    
    .product-img {
        height: 9vh;
    }
    
    .product-img img {
        height: 12vh;
    }

    .salient-vms-card h3,
    .salient-analytics-card h3,
    .salient-cloud-card h3 {
        font-size: small;
    }
    
    .salient-vms-card h2,
    .salient-analytics-card h2,
    .salient-cloud-card h2 {
        font-size: medium;
        color: white;
    }
    
    .salient-vms-card p,
    .salient-analytics-card p,
    .salient-cloud-card p {
        font-size: x-small;
        padding: 0.5rem;
        padding-bottom: 0;
        padding-top: 0;
    }

    .salient-platform-container {
        width: 95%;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .salient-platform-container h1 {
        font-size: large;
    }

    .salient-platform-container p {
        font-size: small;
    }

    .salient-platform-cards {
        width: 97%;
        padding: 5%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .salient-platform-card {
        width: fit-content;
        justify-items: center;
        text-align: left;
    }

    .salient-platform-card p {
        font-size: small;
    }

    .salient-platform-title h2 {
        font-size: medium;
    }

    .solution-custom_title h1 {
        font-size: large;
    }

    .solution-custom_title p {
        font-size: small;
    }

    .salient-lists li {
        font-size: x-small;
        gap: 5px;
        margin-bottom: 8px;
    }

    .solution-lists {
        width: 90%;
    }
    
    .solution-lists li {
        display: flex;
        font-size: x-small;
    }

    .solution-lists svg {
        height: 15px;
    }
    
    .vmsrequest {
        height: 1.7rem;
    }
    
    .vmsrequest svg {
        height: 1rem;
    }

    footer {
        width: 94%;
    }
}

@media screen and (width: 1280px) {
    nav {
        width: 97%;
    }

    .root_home {
        min-height: 36vh; /* adjust as needed */
        width: 100%;
    }

    .offer {
        width: 100%;
        justify-items: center;
    }

    .offer_title {
        justify-items: center;
    }

    .offer_title p {
        width: 70%;
    }

    .industries {
        width: 84.8%;
    }

    .industries p {
        width: 80%;
    }

    /*COMMUNICATION*/
    .special-title button {
        font-size: small;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .root-com {
        width: 97%;
    }

    .root-com_title p {
        font-size: smaller;
    }

    .root-com h1 {
        font-size: x-large;
        padding-top: 2rem;
    }

    .root-com p {
        font-size: larger;
    }

    .com-buttons {
        gap: 0.5vw;
        justify-content: center;
        display: ruby-text;
    }

    .request {
        font-size: small;
        width: fit-content;
    }

    .request svg {
        height: 17px;
    }

    .download {
        font-size: small;
        width: fit-content;
    }

    .security-partners-container {
        max-width: 97.2%;
        padding-left: 16px;
        padding-right: 16px;
    }

    .security-partners-container h1 {
        font-size: x-large;
    }

    .security-partners-container p {
        font-size: medium;
    }

    .security-partner-cards-com {
        width: 92%;
        padding: 10px;
        grid-template-columns: repeat(4, 1fr);
    }

    .security-partner-card-com {
        width: 100%;
    }

    .security-partner-card-com h3 {
        font-size: small;
    }

    .security-partner-title-com-ptp h2,
    .security-partner-title-com-ptmp h2,
    .security-partner-title-com-mob h2,
    .security-partner-title-com-ent h2 {
        font-size: larger;
    }

    .security-partner-title-com-ptp span,
    .security-partner-title-com-ptmp span,
    .security-partner-title-com-mob span,
    .security-partner-title-com-ent span {
        font-size: medium;
    }

    .security-partner-title-com-ptp {
        align-items: center;
        width: 100%;
        height: 20vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/ptp.jpg");
        background-size: 110%;
        background-repeat: no-repeat;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-com-ptmp {
        align-items: center;
        width: 100%;
        height: 20vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/ptmp.jpg");
        background-size: 110%;
        background-repeat: no-repeat;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-com-mob {
        align-items: center;
        width: 100%;
        height: 20vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 100%;
    }

    .security-partner-title-com-ent {
        align-items: center;
        width: 100%;
        height: 20vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/Ent.jpg");
        background-size: 100%;
    }

    .security-partner-card-com:hover {
        box-shadow: 1px 0.63rem 0.63rem 0.63rem rgba(0, 0, 0, 0.05);
        transform: translateY(-0.5rem);
    }

    .security-partner-card-com:hover .security-partner-title-com-ptp {
        background-size: 140%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-ptmp {
        background-size: 140%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-mob {
        background-size: 130%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-ent {
        background-size: 130%; /* zoom in */
    }

    .solution {
        display: grid;
        gap: 0.5vw;
    }

    .solution button {
        font-size: x-small;
    }

    .solution-custom {
        width: 100%;
    }

    .solution-custom h1 {
        font-size: x-large;
    }

    .service {
        width: 95%;
    }

    /*SECURITY*/
    .root-sec {
        width: 97%;
    }

    .root-sec_title p {
        font-size: medium;
    }

    .root-sec h1 {
        font-size: x-large;
    }

    .security-partners-container {
        width: 100%;
    }

    .sec-solution-title h1 {
        font-size: larger;
    }

    .sec-solution-title p {
        font-size: medium;
        width: 72%;
    }

    .security-partner-cards {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        width: 97%;
        padding: 0.5rem;
        gap: 1rem;
        text-align-last: left;
    }

    .security-partner-card {
        width: 100%;
        display: flex;
        gap: 0.5vw;
    }

    .content-right p {
        font-size: small;
    }

    .security-partner-title-ddos {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 180%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-api {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/API Sec.jpg");
        background-size: 360%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-cloud {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/cloud security.jpg");
        background-size: 380%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-bot {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 210%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-pen {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/sec assessment.jpg");
        background-size: 380%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-ent {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/enterprise security.jpg");
        background-size: 360%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-card:hover .security-partner-title-ddos {
        background-size: 210%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-api {
        background-size: 390%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-cloud {
        background-size: 410%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-bot {
        background-size: 240%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-pen {
        background-size: 410%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-ent {
        background-size: 390%; /* zoom in */
    }

    .security-partner-title-ddos h2,
    .security-partner-title-api h2,
    .security-partner-title-cloud h2,
    .security-partner-title-bot h2,
    .security-partner-title-pen h2,
    .security-partner-title-ent h2 {
        margin: 0;
        font-size: larger;
    }

    .security-partner-title-ddos span,
    .security-partner-title-api span,
    .security-partner-title-cloud span,
    .security-partner-title-bot span,
    .security-partner-title-pen span,
    .security-partner-title-ent span {
        font-size: medium;
    }
    
    .solution-custom_title h1 {
        font-size: larger;
    }
    
    .solution-custom_title p {
        font-size: medium;
    }

    .solution-lists {
        font-size: small;
        width: 80%;
        padding: 19px;
        justify-content: center;
    }

    .solution-lists ul {
        padding-left: 1px;
    }

    .solution-lists li {
        font-size: small;
    }

    .solution {
        display: contents;
    }

    /*ABOUT*/
    .background {
        background-image: url("Images/themes/Theme 1.jpg");
        background-repeat: no-repeat; /* avoids tiling */
        height: 60vh; /* adjust height */
        padding-bottom: 0;
        width: 100%;
    }

    .root_about {
        width: 97%;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .mvv {
        width: 97.4%;
        gap: 0.5rem;
        padding: 1rem;
    }

    .our-story {
        width: 90%;
        padding-left: 4rem;
        padding-right: 4rem;
        padding-top: 4rem;
    }

    .our-story h2 {
        font-size: x-large;
    }

    .our-story p {
        font-size: medium;
    }

    .root_about_title p {
        font-size: larger;
        padding-bottom: 5px;
    }

    .root_about h1 {
        font-size: xx-large;
        padding-top: 5px;
    }

    .timeline-section {
        width: 95%;
    }

    .timeline-section h2 {
        font-size: x-large;
    }

    .timeline-item .content h3 {
        font-size: 1.1rem;
    }

    .timeline-item .content p {
        font-size: 0.9rem;
    }

    .team-container {
        width: 100%;
    }

    .team-title {
        padding: 2rem;
    }

    .team-title h1 {
        font-size: x-large;
    }

    .team {
        width: 95%;
    }

    .team-card {
        width: 30%;
    }

    .team-card p {
        font-size: small;
    }

    /*ANALYTICS*/
    .root-analytics {
        width: 97%;
    }

    .root-analytics_title p {
        font-size: medium;
    }

    .root-analytics h1 {
        font-size: x-large;
        padding-top: 2rem;
    }

    .splunk-platform-container {
        width: 100%;
        text-align: center;
    }

    .splunk-platform-container h1 {
        font-size: large;
    }

    .splunk-platform-container p {
        font-size: small;
        padding-left: 15px;
        padding-right: 15px;
    }

    .splunk-platform-cards {
        width: 70%;
        padding: 15px;
        justify-items: center;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .splunk-platform-card {
        width: 86%;
    }

    .splunk-custom {
        width: 97.5%;
        padding: 15px;
        justify-items: center;
    }

    .splunk-custom_title {
        text-align: center;
    }

    .splunk-custom_title h1 {
        font-size: large;
    }

    .splunk-custom_title p {
        font-size: small;
    }

    .splunk {
        width: 100%;
        display: grid;
        padding: 15px;
        grid-template-columns: repeat(3, 1fr);
    }

    .splunk-card {
        width: 80%;
    }

    .splunk-card svg {
        padding: 1px;
    }

    .splunk-platform-title h2 {
        font-size: large;
    }

    .splunk-platform-title svg {
        height: 20px;
        padding: 10px;
    }

    .splunk-platform-card p {
        text-align: left;
    }

    .splunk-platform-card h3 {
        font-size: small;
    }

    .solution button {
        font-size: small;
    }

    .splunk-card li {
        font-size: smaller;
    }

    .solution-custom {
        width: 97.5%;
        padding: 15px;
        justify-items: center;
    }

    .solution-custom_title {
        text-align: center;
    }

    .solution-custom_title h1 {
        font-size: large;
    }

    .solution-custom_title p {
        font-size: small;
    }

    .solution-lists {
        font-size: small;
        text-align: left;
        gap: 0.5vw;
        padding: 15px;
    }

    .solution-lists svg {
        height: 15px;
    }

    /*PARTNERS*/
    .root {
        width: 97%;
    }

    .root_title {
        justify-items: center;
    }

    .root_title h1 {
        font-size: xx-large;
    }

    .root_title p {
        font-size: medium;
        width: 65%;
    }

    .partnership {
        width: 97%;
        padding: 15px;
    }

    .partnership-title {
        text-align: center;
        justify-items: center;
    }

    .partnership-title h1 {
        font-size: large;
    }

    .partnership-title p {
        font-size: small;
        width: 80%;
    }

    .partnership-benefit {
        width: 92%;
        padding-top: 1rem;
        padding-bottom: 1rem;
        gap: 4vw;
    }

    .partnership-benefit h2 {
        font-size: smaller;
    }

    .partnership-benefit p {
        font-size: x-small;
    }

    .partnership-benefit svg {
        height: 1.25rem;
        width: 1.25rem;
        padding: 0.7rem;
    }

    .partners-container {
        width: 97%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        padding: 15px;
        gap: 2vw;
    }

    .partner-card-radware,
    .partner-card-palo,
    .partner-card-radwin,
    .partner-card-radiflow,
    .partner-card-ruckus,
    .partner-card-splunk,
    .partner-card-salient,
    .partner-card-rad,
    .partner-card-forti {
        width: 90%;
        padding: 1rem;
        justify-items: center;
    }

    .partner-img img {
        height: 2rem;
    }

    .partner-card-radware h3,
    .partner-card-palo h3,
    .partner-card-radwin h3,
    .partner-card-radiflow h3,
    .partner-card-ruckus h3,
    .partner-card-splunk h3,
    .partner-card-salient h3,
    .partner-card-rad h3,
    .partner-card-forti h3 {
        font-size: smaller;
    }

    .partner-card-radware p,
    .partner-card-palo p,
    .partner-card-radwin p,
    .partner-card-radiflow p,
    .partner-card-ruckus p,
    .partner-card-splunk p,
    .partner-card-salient p,
    .partner-card-rad p,
    .partner-card-forti p {
        font-size: small;
        text-align: center;
    }

    .solution button {
        padding: 2px;
        height: fit-content;
    }

    .start_title h1 {
        font-size: x-large;
    }

    .start_title p {
        font-size: medium;
    }

    /*TRSOURCES*/
    .tab-section {
        width: 95%;
    }

    footer {
        width: 95%;
    }
}

@media screen and (width: 2560px) {
    body {
        padding-top: 6rem;
    }

    nav {
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
    }

    nav a,
    .dropbtn {
        color: black;
        padding: 0.5rem 1.5rem;
    }

    .logo-title img {
        height: 5rem;
    }

    .logo-title h3 {
        font-size: x-large;
    }

    .logo-title p {
        font-size: medium;
    }

    .industries {
        width: 85%;
        padding-left: 12rem;
        padding-right: 12rem;
        background: linear-gradient(
            to right,
            transparent 8%,
            /* left transparent */ #e2eaf5 30%,
            /* start color */ #e2eaf5 70%,
            /* end color */ transparent 92% /* right transparent */
        );
    }

    .industries h2 {
        font-size: 3rem;
    }

    .industries p {
        font-size: 1.8rem;
    }

    .industry-row {
        padding-left: 1rem;
        padding-right: 1rem;
        width: 94%;
    }

    .industry-text h3 {
        font-size: 3.5rem;
    }

    .industry-text p {
        font-size: 2rem;
    }

    .industry-text {
        flex: 1;
        background: white;
        padding: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 44%;
        position: relative;
        text-align: left;
    }

    .reverse .industry-text {
        text-align: right;
        padding-left: 10rem;
    }

    .industry-row:not(.reverse) p {
        padding-right: 6rem;
    }

    .icon-overlay {
        display: none;
    }

    .industry-image {
        height: 20vh;
    }

    .industry-image img {
        width: 100%;
        height: 100%;
    }

    .features {
        width: 100%;
        margin: 0;
        grid-template-columns: repeat(3, 1fr);
        padding: 1rem;
    }

    .feature {
        width: 88%;
    }

    /*COMMUNICATION*/
    .special-title button {
        font-size: x-large;
        padding-top: 1rem;
        padding-bottom: 1rem;
        margin-top: 5rem;
    }

    .special-title svg {
        width: 2.5rem;
        height: 2.5rem;
    }

    .root-com {
        width: 98%;
        padding-bottom: 15rem;
    }

    .root-com_title p {
        font-size: xx-large;
    }

    .root-com h1 {
        font-size: xxx-large;
        padding-top: 2rem;
    }

    .com-buttons {
        gap: 0.5vw;
        justify-content: center;
        display: ruby-text;
    }

    .request {
        font-size: x-large;
        width: fit-content;
    }

    .request svg {
        height: 17px;
    }

    .download {
        font-size: x-large;
        width: fit-content;
    }

    .security-partners-container {
        max-width: 97%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .security-partners-container h1 {
        font-size: x-large;
    }

    .security-partners-container p {
        font-size: x-large;
    }

    .security-partner-cards-com {
        width: 100%;
        padding: 10px;
        grid-template-columns: repeat(4, 1fr);
    }

    .security-partner-card-com {
        width: 100%;
    }

    .security-partner-card-com h3 {
        font-size: x-large;
    }

    .security-partner-card-com p {
        font-size: x-large;
    }

    .security-partner-title-com-ptp h2,
    .security-partner-title-com-ptmp h2,
    .security-partner-title-com-mob h2,
    .security-partner-title-com-ent h2 {
        font-size: xxx-large;
    }

    .security-partner-title-com-ptp span,
    .security-partner-title-com-ptmp span,
    .security-partner-title-com-mob span,
    .security-partner-title-com-ent span {
        font-size: xx-large;
    }

    .security-partner-title-com-ptp {
        align-items: center;
        width: 100%;
        height: 15vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/ptp.jpg");
        background-size: 110%;
        background-repeat: no-repeat;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-com-ptmp {
        align-items: center;
        width: 100%;
        height: 15vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/ptmp.jpg");
        background-size: 110%;
        background-repeat: no-repeat;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-com-mob {
        align-items: center;
        width: 100%;
        height: 15vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 100%;
    }

    .security-partner-title-com-ent {
        align-items: center;
        width: 100%;
        height: 15vh;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/Ent.jpg");
        background-size: 100%;
    }

    .security-partner-card-com:hover {
        box-shadow: 1px 0.63rem 0.63rem 0.63rem rgba(0, 0, 0, 0.05);
        transform: translateY(-0.5rem);
    }

    .security-partner-card-com:hover .security-partner-title-com-ptp {
        background-size: 140%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-ptmp {
        background-size: 140%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-mob {
        background-size: 130%; /* zoom in */
    }

    .security-partner-card-com:hover .security-partner-title-com-ent {
        background-size: 130%; /* zoom in */
    }

    .solution {
        gap: 0.5vw;
        display: -webkit-flex;
    }

    .solution button {
        font-size: larger;
    }

    .solution-custom {
        width: 100%;
        justify-items: center;
    }

    .solution-custom h1 {
        font-size: xxx-large;
    }

    .solution-custom p {
        font-size: xx-large;
    }

    .service {
        width: 95%;
        justify-content: center;
    }

    .service svg {
        width: 3rem;
        height: 3rem;
    }

    .service h2 {
        font-size: x-large;
    }

    .service p {
        font-size: x-large;
    }

    /*SECURITY*/
    .root-sec {
        width: 98%;
        padding-bottom: 15rem;
    }
    
    .root-sec_title {
        justify-items: center;
    }

    .root-sec_title p {
        font-size: xx-large;
        width: 70%;
    }

    .root-sec_title h1 {
        font-size: xxx-large;
    }

    .request {
        font-size: xx-large;
        padding: 0.7rem;
    }

    .request svg {
        width: 2rem;
        height: 2rem;
    }

    .download {
        font-size: xx-large;
        padding: 0.7rem;
    }

    .security-partners-container {
        width: 100%;
    }

    .sec-solution-title h1 {
        font-size: 3rem;
    }

    .sec-solution-title p {
        font-size: 2rem;
        width: 72%;
    }

    .security-partner-cards {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        width: 97%;
        padding: 0.5rem;
        gap: 1rem;
        text-align-last: left;
    }

    .security-partner-card {
        width: 100%;
        display: flex;
        gap: 0.5vw;
    }

    .content-right p {
        font-size: x-large;
    }

    .content-right h3 {
        font-size: x-large;
    }

    .security-partner-title-ddos {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 180%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-api {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/API Sec.jpg");
        background-size: 360%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-cloud {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/cloud security.jpg");
        background-size: 380%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-bot {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/ddos.png");
        background-size: 210%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-pen {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/sec assessment.jpg");
        background-size: 380%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-title-ent {
        width: 35%;
        background:
            linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
            /* black tint */ url("Images/products/enterprise security.jpg");
        background-size: 360%;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-size 0.6s ease; /* smooth zoom */
    }

    .security-partner-card:hover .security-partner-title-ddos {
        background-size: 210%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-api {
        background-size: 390%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-cloud {
        background-size: 410%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-bot {
        background-size: 240%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-pen {
        background-size: 410%; /* zoom in */
    }

    .security-partner-card:hover .security-partner-title-ent {
        background-size: 390%; /* zoom in */
    }

    .security-partner-title-ddos h2,
    .security-partner-title-api h2,
    .security-partner-title-cloud h2,
    .security-partner-title-bot h2,
    .security-partner-title-pen h2,
    .security-partner-title-ent h2 {
        margin: 0;
        font-size: xx-large;
    }

    .security-partner-title-ddos span,
    .security-partner-title-api span,
    .security-partner-title-cloud span,
    .security-partner-title-bot span,
    .security-partner-title-pen span,
    .security-partner-title-ent span {
        font-size: xx-large;
    }

    .solution-lists {
        font-size: small;
        width: 80%;
        padding: 19px;
        justify-content: center;
    }

    .solution-lists ul {
        padding-left: 1px;
    }

    .solution-lists li {
        font-size: x-large;
    }

    .solution {
        display: contents;
    }

    /*VMS*/
    .root-vms {
        width: 98%;
        padding-bottom: 6rem;
    }
    
    .root-vms_title {
        justify-items: center;
    }
    
    .root-vms_title h1 {
        font-size: 3rem;
    }
    
    .root-vms_title p {
        font-size: 1.8rem;
        padding-left: 2rem;
        padding-right: 2rem;
        width: 70%;
    }
    
    .salient-custom {
        width: 98%;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
        justify-items: center;
    }

    .salient-custom_title h1 {
        font-size: xx-large;
    }

    .salient-custom_title p {
        font-size: x-large;
    }

    .salient {
        width: 80%;
        padding: 15px;
        display: flex;
    }

    .salient-vms-card,
    .salient-analytics-card,
    .salient-cloud-card {
        width: fit-content;
    }
    
    .product-img {
        height: 12vh;
    }
    
    .product-img img {
        height: 17vh;
    }

    .salient-vms-card h3,
    .salient-analytics-card h3,
    .salient-cloud-card h3 {
        font-size: x-large;
    }
    
    .salient-vms-card h2 {
        font-size: xx-large;
        color: white;
    }
    
    .salient-analytics-card h2,
    .salient-cloud-card h2 {
        font-size: xx-large;
        color: white;
    }
    
    .salient-vms-card p,
    .salient-analytics-card p,
    .salient-cloud-card p {
        font-size: 1.5rem;
        padding: 0.5rem;
        padding-bottom: 0;
        padding-top: 0;
    }

    .salient-platform-container {
        width: 98%;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .salient-platform-container h1 {
        font-size: xx-large;
    }

    .salient-platform-container p {
        font-size: x-large;
    }

    .salient-platform-cards {
        width: 63%;
        padding: 2rem;
    }

    .salient-platform-card {
        width: 99%;
        justify-items: center;
        text-align: left;
    }

    .salient-platform-card p {
        font-size: large;
    }

    .salient-platform-title h2 {
        font-size: x-large;
    }

    .solution-custom_title h1 {
        font-size: xx-large;
    }

    .solution-custom_title p {
        font-size: x-large;
    }

    .salient-lists li {
        font-size: medium;
        gap: 5px;
        margin-bottom: 8px;
    }

    .solution-lists {
        width: 90%;
    }
    
    .solution-lists li {
        display: flex;
        font-size: medium;
    }

    .solution-lists svg {
        height: 15px;
    }
    
    .vmsrequest {
        height: 1.7rem;
    }
    
    .vmsrequest svg {
        height: 1rem;
    }

    /*ANALYTICS*/
    .root-analytics {
        width: 98%;
        padding-bottom: 15rem;
    }

    .root-analytics_title {
        justify-items: center;
    }

    .root-analytics h1 {
        font-size: xxx-large;
    }

    .root-analytics p {
        width: 45%;
        font-size: xx-large;
    }

    /*INDEX*/
    nav a {
        font-size: x-large;
    }

    .dropbtn {
        font-size: x-large;
    }

    .root_home {
        min-height: 40vh;
        padding-top: 8rem;
    }

    .root_home_title h1 {
        font-size: 4rem;
    }

    .root_home_title span {
        font-size: 4rem;
    }

    .explore {
        font-size: x-large;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .contact {
        font-size: x-large;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .given p {
        font-size: x-large;
    }

    .given svg {
        height: 2rem;
        width: 2rem;
    }

    .overlay-card h2 {
        font-size: 3rem;
    }

    .overlay-card p {
        font-size: 2rem;
    }

    .overlay-card button {
        font-size: x-large;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .offer_title h1 {
        font-size: 3rem;
    }

    .offer_title p {
        font-size: 1.8rem;
    }

    .offer_cards {
        width: 97.3%;
    }

    .card-lower h2 {
        font-size: xx-large;
    }

    .card-lower p {
        font-size: x-large;
    }

    .card-lower a {
        font-size: x-large;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .card-lower svg {
        height: 2rem;
    }

    .partners_title h1 {
        font-size: 3rem;
    }

    .partners_title p {
        font-size: 1.8rem;
    }

    .carousel-track img {
        height: 3.5rem;
    }

    .start_title h1 {
        font-size: 3rem;
    }

    .start_title p {
        font-size: 2rem;
    }

    .start_btn a {
        font-size: x-large;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .start_btn svg {
        height: 2rem;
        width: 2rem;
    }

    .start_btn2 a {
        font-size: x-large;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    /*ABOUT*/
    .background {
        height: 42vh; /* adjust height */
    }

    .root_about {
        width: 98.3%;
        justify-items: center;
    }

    .root_about_title {
        width: 96%;
        justify-items: center;
    }

    .root_about_title h1 {
        font-size: 4rem;
    }

    .root_about_title p {
        font-size: xx-large;
        width: 80%;
    }

    .mvv {
        width: 97.3%;
    }

    .card h3 {
        font-size: xx-large;
    }

    .card p {
        font-size: x-large;
    }

    .our-story {
        padding-top: 8rem;
        width: 97.4%;
    }

    .our-story h2 {
        font-size: 3rem;
    }

    .our-story p {
        font-size: 1.7rem;
        padding-left: 16rem;
        padding-right: 16rem;
    }

    .timeline-section {
        width: 97.4%;
    }

    .timeline-section h2 {
        font-size: 3rem;
    }

    .timeline-item .content h3 {
        font-size: 1.9rem;
    }

    .timeline-item .content p {
        font-size: 1.5rem;
    }

    .team-title h1 {
        font-size: 3rem;
    }

    .team-title p {
        font-size: 1.8rem;
    }

    .team-card img {
        width: 10rem;
        height: 10rem;
    }

    .team-card h3 {
        font-size: 1.8rem;
    }

    .title {
        font-size: 1rem;
    }

    .team-card p {
        font-size: 1.5rem;
    }

    /*CONTACT*/
    .root {
        width: 98.2%;
        height: 30vh;
        justify-items: center;
    }

    .root_title {
        width: 98%;
        justify-items: center;
    }

    .root_title h1 {
        font-size: 4rem;
    }

    .root_title span {
        font-size: 4rem;
    }

    .root_title p {
        font-size: xx-large;
    }

    .contacts-form h2 {
        font-size: xx-large;
    }

    .contacts-form p {
        font-size: x-large;
    }

    .form-group label {
        font-size: x-large;
    }

    .form-group input {
        font-size: x-large;
    }

    .form-group select {
        font-size: x-large;
    }

    .form-group option {
        font-size: x-large;
    }

    .form-group textarea {
        font-size: xx-large;
    }

    .contacts-form button {
        font-size: xx-large;
    }

    .contacts-info h3 {
        font-size: xx-large;
    }

    .info-box strong {
        font-size: x-large;
    }

    .info-box p {
        font-size: x-large;
    }

    .info-box svg {
        width: 3rem;
        height: 3rem;
    }

    .quick-actions svg {
        width: 3rem;
        height: 3rem;
    }

    .quick-actions p {
        font-size: x-large;
    }

    .map-custom {
        width: 97.3%;
    }

    .map-custom_title h1 {
        font-size: 3rem;
    }

    .map-custom_title p {
        font-size: 1.8rem;
    }

    /*EVENTS*/
    .root_events {
        justify-items: center;
        padding-top: 6rem;
        height: 48vh; /* adjust as needed */
    }

    .root_events_title h1 {
        font-size: 4rem;
    }

    .root_events_title p {
        font-size: 3rem;
    }

    .events {
        justify-items: center;
    }

    .events_title h1 {
        font-size: 3rem;
    }

    .events_title p {
        font-size: 1.8rem;
    }

    .events_cards {
        justify-items: center;
    }

    .event-card h2 {
        font-size: xx-large;
    }

    .event-card p {
        font-size: x-large;
    }

    .event-card svg {
        height: 2rem;
        width: 2rem;
    }

    .topics button {
        font-size: x-large;
    }

    .register {
        width: 100%;
        height: 3.3rem;
        font-size: x-large;
    }

    .conf {
        font-size: x-large;
        width: 10rem;
        height: 3rem;
    }

    .work {
        font-size: x-large;
        width: 10rem;
        height: 3rem;
    }

    .web {
        font-size: x-large;
        width: 10rem;
        height: 3rem;
    }

    .demo {
        font-size: x-large;
        width: 10rem;
        height: 3rem;
    }

    .other {
        font-size: x-large;
        width: 10rem;
        height: 3rem;
    }

    .event-card h3 {
        font-size: x-large;
    }

    .past-events_title h1 {
        font-size: 3rem;
    }

    .past-events_title p {
        font-size: 1.8rem;
    }

    .past-evnt button {
        font-size: x-large;
        width: 9rem;
        height: 2.5rem;
    }

    .past-evnt h2 {
        font-size: xx-large;
    }

    .past-evnt p {
        font-size: x-large;
    }

    .past-evnt svg {
        height: 2rem;
    }

    .custom_title h1 {
        font-size: 3rem;
    }

    .custom_title p {
        font-size: 1.8rem;
    }

    .custom-part h3 {
        font-size: xx-large;
    }

    .custom-part p {
        font-size: x-large;
    }

    .custom_btns a {
        font-size: x-large;
    }

    /*NEWS*/
    .root_title p {
        width: 70%;
    }

    .featured-stories {
        width: 98.3%;
    }

    .featured-stories h2 {
        font-size: 3rem;
    }

    .featured-stories p {
        font-size: 1.8rem;
    }

    .news-image {
        height: 15vh;
    }

    .news-image img {
        height: 15vh;
    }

    .news-card span {
        font-size: larger;
    }

    .news-card svg {
        height: 2rem;
        width: 2rem;
    }

    .news-card a {
        font-size: x-large;
    }

    .news-meta span {
        font-size: x-large;
    }

    .news-card h4 {
        font-size: x-large;
    }

    .latest-news {
        width: 98.3%;
    }

    .latest-news h2 {
        font-size: 3rem;
    }

    .latest-news p {
        font-size: 1.8rem;
    }

    .card-grid p {
        font-size: x-large;
    }

    .start {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    /*PARTNERS*/
    .partners-container {
        width: 97.3%;
        justify-items: center;
    }

    .title svg {
        height: 4rem;
        width: 4rem;
    }

    .title h2 {
        font-size: 1.8rem;
    }

    .title span {
        font-size: x-large;
    }

    .partner-card h3 {
        font-size: x-large;
    }

    .partner-card p {
        font-size: x-large;
    }

    .partnership {
        width: 97.3%;
    }

    .partnership-title h1 {
        font-size: 3rem;
    }

    .partnership-title p {
        font-size: 1.8rem;
    }

    .partnership-benefit {
        justify-content: space-around;
    }

    .partnership-benefit svg {
        height: 4rem;
        width: 4rem;
    }

    .partnership-benefit h2 {
        font-size: xx-large;
    }

    .partnership-benefit p {
        font-size: x-large;
    }

    /*RESOURCES*/
    .search-strip svg {
        height: 2rem;
        width: 2rem;
    }

    .search-strip input {
        font-size: x-large;
    }

    .tab-section {
        width: 97.3%;
    }

    .tabs {
        height: 4rem;
        padding: 0.5rem;
    }

    .tabs button {
        font-size: x-large;
        padding: 0.5rem 2.5rem;
    }

    .tags span {
        font-size: x-large;
    }

    /*PARTNERS*/
    .partner-img img {
        width: 38%;
        height: 5vh;
    }

    .partner-card-radware h3,
    .partner-card-palo h3,
    .partner-card-radwin h3,
    .partner-card-radiflow h3,
    .partner-card-ruckus h3,
    .partner-card-splunk h3,
    .partner-card-salient h3,
    .partner-card-rad h3,
    .partner-card-forti h3 {
        font-size: xx-large;
    }

    .partner-card-radware h2,
    .partner-card-palo h2,
    .partner-card-radwin h2,
    .partner-card-radiflow h2,
    .partner-card-ruckus h2,
    .partner-card-splunk h2,
    .partner-card-salient h2,
    .partner-card-rad h2,
    .partner-card-forti h2 {
        font-size: larger;
    }

    .partner-card-radware p,
    .partner-card-palo p,
    .partner-card-radwin p,
    .partner-card-radiflow p,
    .partner-card-ruckus p,
    .partner-card-splunk p,
    .partner-card-salient p,
    .partner-card-rad p,
    .partner-card-forti p {
        font-size: xx-large;
    }

    .partner-card-radware button,
    .partner-card-palo button,
    .partner-card-radwin button,
    .partner-card-radiflow button,
    .partner-card-ruckus button,
    .partner-card-splunk button,
    .partner-card-salient button,
    .partner-card-rad button,
    .partner-card-forti button {
        height: 2.5rem;
    }

    .solution {
        display: flow-root;
    }

    footer {
        width: 97.4%;
        font-size: x-large;
    }

    .footer-logo img {
        width: 5rem;
        height: 5rem;
    }

    .footer-section ul li {
        margin-bottom: 15px;
    }

    footer .tagline {
        font-size: 1.3rem;
    }

    footer .description {
        font-size: 1.4rem;
    }

    .social-icons a {
        font-size: 2rem;
    }

    .contact-info li {
        font-size: 1.5rem;
    }

    .newsletter {
        display: flex;
        margin-top: 0.63rem;
        gap: 0.5vw;
    }

    .newsletter input[type="email"] {
        padding: 12px 0.65rem;
    }
}