/* Here is the adjusted CSS. I have reduced the height of the blue background banner (padding) and forced the top contact bar to stay in a **single line**.

Replace your existing CSS with this updated version: */

/* ```css */
/* ========================================= */
/* COMPANY PAGE SPECIFIC STYLES              */
/* ========================================= */

/* 1. Force Header to be Static */
/* .transparent-header {
    position: relative !important;
    background:#fff;
    box-shadow:0 2px 10px rgba(0,0,0,0.05);
} */

/* 2. Top Bar: Force Single Line */
/* .tg-header__top {
    background: #0c0ca8;
    padding: 10px 0;
} */
/* .tg-header__top-menu ul {
    display: flex !important;
    flex-wrap: nowrap !important; 
    justify-content: center;
    align-items: center;
    margin: 0;
}
.tg-header__top-menu ul li {
    font-size: 14px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
} */

/* 3. Page Header Banner (Downsized) */
 /* .team-hero{
background-image:url("images/team-bg.jpg");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
height:350px;
} */
/* .page-header-area {
    background: linear-gradient(135deg, #160f4e 0%, #160f4e 100%);
    padding: 200px 0 100px;
    text-align: center;
    position: relative;
    overflow: hidden;
}  */
/* ========================================= */
/* 🔥 FINAL NAVBAR FIX (FULL WIDTH + NO WRAP) */
/* ========================================= */

/* 1. MAKE NAVBAR FULL WIDTH */
.navbar .container,
.navbar .container-fluid,
.tg-header__area .container,
.tgmenu__wrap .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 30px;
    padding-right: 30px;
}

/* 2. FIX NAVBAR LAYOUT */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 3. FORCE MENU IN SINGLE LINE */
.navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* 4. MENU ITEMS */
.navbar-nav li {
    white-space: nowrap;
    margin: 0 8px;
}

/* 5. LINKS */
.navbar-nav a {
    font-size: 13px;
    font-weight: 500;
    color: #0b1c4d;
    text-decoration: none;
}

/* 6. PREVENT BOOTSTRAP COLLAPSE ISSUES */
.navbar-collapse {
    display: flex !important;
    flex-basis: auto;
    align-items: center;
}

/* 7. LOGO SIZE CONTROL (IMPORTANT) */
.navbar-brand img {
    max-width: 140px;
    height: auto;
}

/* 8. OPTIONAL: REDUCE SPACING IF STILL TIGHT */
.navbar-nav li {
    margin: 0 6px;
}

/* 9. PREVENT ANY WRAPPING FROM PARENT */
.navbar,
.navbar-collapse,
.navbar-nav {
    overflow: hidden;
}

/* 10. MOBILE RESPONSIVE */
@media (max-width: 992px) {
    .navbar-nav {
        flex-wrap: wrap !important;
        justify-content: center;
    }

    .navbar-collapse {
        flex-direction: column;
    }
}

.page-header-area::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: url('../img/bg/pattern.png') repeat;
    opacity: 0.1;
}
.page-header-content h1 {
    color: #fff;
    font-size: 42px; /* Adjusted for better fit */
    font-weight: 700;
    margin-bottom: 10px;
    position: center;
    z-index: 1;
}
.breadcrumb-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 10px;
}
.breadcrumb-menu ul li { color: #adb5bd; font-size: 15px; }
.breadcrumb-menu ul li a { color: #00d4ff; text-decoration: none; }
.breadcrumb-menu ul li a:hover { color: #fff; }

/* 4. Company Intro Section */
.company-intro-area {
    padding: 100px 0;
    background: #fff;
}
.company-intro-img img {
    border-radius: 10px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.15);
}
.experience-badge {
    position: absolute;
    bottom: -30px;
    right: -30px;
    background: linear-gradient(135deg, #00d4ff, #0077b6);
    color: #fff;
    padding: 25px 30px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 212, 255, 0.4);
}
.experience-badge h3 { font-size: 42px; margin: 0; line-height: 1; }
.experience-badge p { margin: 0; font-size: 14px; font-weight: 500; }

.company-intro-content { padding-left: 40px; }
.section-title span.sub-title {
    color: #00d4ff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}
.section-title h2.title {
    font-size: 36px;
    font-weight: 700;
    color: #0d1b2a;
    margin-bottom: 20px;
    line-height: 1.3;
}
.company-intro-text { color: #666; line-height: 1.8; margin-bottom: 20px; }

/* 5. Vision & Mission */
.vision-mission-area {
    padding: 80px 0;
    background: #f8f9fa;
}
.vm-box {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    height: 100%;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    transition: 0.3s;
    border-top: 4px solid transparent;
}
.vm-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}
.vm-box.vision { border-top-color: #00d4ff; }
.vm-box.mission { border-top-color: #0077b6; }
.vm-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, rgba(0,212,255,0.1), rgba(0,119,182,0.1));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    color: #00d4ff;
    font-size: 28px;
}
.vm-box h3 { font-size: 24px; margin-bottom: 15px; color: #0d1b2a; }
.vm-box p { color: #666; line-height: 1.7; margin: 0; }

/* 6. Choose Area Adjustments */
.choose__area { position: relative; overflow: hidden; }
.choose__img {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-size: cover;
    background-position: center;
    clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
}
.choose__inner-wrap {
    background: linear-gradient(135deg, #0d1b2a 0%, #1b3a5a 100%);
    padding: 60px;
    border-radius: 8px;
    position: relative;
    z-index: 1;
}
.white-title .sub-title { color: #00d4ff; }
.white-title .title { color: #fff; }

/* 7. Counter Area Adjustments */
.counter__area-two {
    background: #f8f9fa;
    padding: 80px 0 40px;
}
.counter__item-two { text-align: center; margin-bottom: 40px; }
.counter__icon { color: #00d4ff; margin-bottom: 20px; }
.counter__content h2.count { font-size: 42px; font-weight: 700; color: #0d1b2a; }
.counter__content p { margin: 0; color: #666; font-weight: 500; }

/* 8. Responsive */
@media (max-width: 991px) {
    /* Adjust top bar for mobile */
    .tg-header__top-menu ul li { font-size: 12px; padding: 0 5px; }
    
    .choose__img { position: relative; width: 100%; height: 400px; clip-path: none; }
    .company-intro-content { padding-left: 0; margin-top: 50px; }
    .experience-badge { right: 0; bottom: -20px; }
}


/* itconsultancy css */


/* .consultancy-banner{
width:100%;
background:#f5f5f5;
}

.banner-container{
display:flex;
width:100%;
max-width:1200px;
margin:auto;
align-items:center;
}

.banner-image{
width:50%;
}

.banner-image img{
width:100%;
height:auto;
display:block;
}

.banner-content{
width:50%;
}

.banner-content h2{
font-size:36px;
margin-bottom:15px;
}

.banner-content p{
font-size:16px;
line-height:1.6;
margin-bottom:10px;
}

.consultancy-banner{
clear:both;
} */



  .consultancy-banner {
            width: 100%;
            background: #f8f9fa; /* Light background */
            padding: 80px 0; /* Add vertical spacing */
            clear: both;
        }

        .banner-container {
            display: flex;
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            align-items: center;
            padding: 0 15px; /* Side padding */
        }

        .banner-image {
            width: 45%; /* Slightly smaller image column */
            padding-right: 30px;
        }

        .banner-image img {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 8px; /* Optional: rounded corners */
            box-shadow: 0 10px 30px rgba(0,0,0,0.1); /* Optional: subtle shadow */
        }

        .banner-content {
            width: 55%;
        }

        .banner-content h2 {
            font-size: 32px;
            margin-bottom: 20px;
            color: #1a1a1a;
            font-weight: 700;
            line-height: 1.3;
        }

        .banner-content p {
            font-size: 16px;
            line-height: 1.8;
            margin-bottom: 15px;
            color: #555;
        }

        /* Mobile Responsiveness for Custom Banner */
        @media (max-width: 768px) {
            .banner-container {
                flex-direction: column-reverse; /* Show text first on mobile usually, or remove to show image first */
                text-align: center;
            }
            .banner-image, .banner-content {
                width: 100%;
                padding-right: 0;
                margin-bottom: 30px;
            }
            .banner-content h2 {
                font-size: 26px;
            }
        }




/* Footer area things */



/* ========================================= */
/* FOOTER STYLES (Add to style.css)          */
/* ========================================= */


#zayton-footer{
background:#192660;
color:#ffffff;
padding:60px 0 0;
}

/* TOP SECTION */

#zayton-footer .z-footer-top{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
max-width:1200px;
margin:auto;
padding-bottom:40px;
border-bottom:1px solid #ffffff;
gap:30px;
width:90%;
}

/* LEFT */

#zayton-footer .z-footer-about{
width:35%;
min-width:280px;
}

#zayton-footer .z-footer-logo{
width:180px;
margin-bottom:20px;
}

#zayton-footer .z-footer-about p{
color:#ffffff;
line-height:1.7;
margin-bottom:20px;
}

/* SOCIAL */

#zayton-footer .z-footer-social a{
display:inline-flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
background:#ffffff;
color:#192660;
border-radius:50%;
margin-right:8px;
text-decoration:none;
transition:0.3s;
font-size:16px;
}

#zayton-footer .z-footer-social a:hover{
background:#e74c3c;
color:#ffffff;
}

/* CENTER CONTACT */

#zayton-footer .z-footer-contact{
width:30%;
min-width:260px;
}

#zayton-footer .z-footer-contact-info{
list-style:none;
padding:0;
margin:0;
}

#zayton-footer .z-footer-contact-info li{
margin-bottom:12px;
display:flex;
align-items:center;
color:#ffffff;
font-size:16px;
}

#zayton-footer .z-footer-contact-info i{
color:#ffffff;
width:22px;
margin-right:10px;
font-size:18px;
}

/* RIGHT */

#zayton-footer .z-footer-right{
width:25%;
min-width:250px;
text-align:right;
}

/* DOWNLOAD BUTTON */

#zayton-footer .z-download-btn{
display:inline-flex;
align-items:center;
justify-content:center;
background:#e74c3c;
color:#ffffff;
padding:12px 25px;
border-radius:5px;
font-weight:600;
text-decoration:none;
margin-bottom:25px;
font-size:15px;
}

#zayton-footer .z-download-btn i{
margin-right:8px;
font-size:18px;
}

/* TRUST BADGES */

#zayton-footer .z-trust-badges{
display:flex;
justify-content:flex-end;
gap:15px;
flex-wrap:wrap;
}

#zayton-footer .z-trust-badges img{
height:40px;
width:auto;
}

/* LINKS AREA */

#zayton-footer .z-footer-links-area{
background:#111;
padding:60px 0;
margin-top:40px;
}

#zayton-footer .z-links-container{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
width:90%;
}

#zayton-footer .z-footer-col h3{
margin-bottom:20px;
border-bottom:2px solid #ffffff;
display:inline-block;
padding-bottom:8px;
color:#ffffff;
}

/* LINKS */

#zayton-footer .z-footer-col ul{
list-style:none;
padding:0;
margin:0;
}

#zayton-footer .z-footer-col ul li{
margin-bottom:12px;
}

#zayton-footer .z-footer-col ul li a{
color:#ffffff;
text-decoration:none;
transition:0.3s;
font-size:15px;
}

#zayton-footer .z-footer-col ul li a:hover{
color:#ffffff;
padding-left:5px;
}

/* COPYRIGHT */

#zayton-footer .z-footer-bottom{
background:#0e0e0e;
text-align:center;
padding:20px 0;
border-top:1px solid #ffffff;
}

#zayton-footer .z-footer-bottom p{
margin:0;
color:#ffffff;
font-size:14px;
}

/* RESPONSIVE */

@media(max-width:992px){

#zayton-footer .z-footer-about,
#zayton-footer .z-footer-contact,
#zayton-footer .z-footer-right{
width:100%;
text-align:left;
}

#zayton-footer .z-trust-badges{
justify-content:flex-start;
}

#zayton-footer .z-links-container{
grid-template-columns:repeat(2,1fr);
}

}


/* IT HELP DESK */

/* ================================= */
/* IT HELPDESK INTRO SECTION */
/* ================================= */

.z-helpdesk-intro{
padding:80px 0;
background:#ffffff;
}

.z-helpdesk-image img{
width:100%;
border-radius:8px;
}

.z-helpdesk-content h2{
font-size:32px;
font-weight:700;
color:#192660;
margin-bottom:20px;
}

.z-helpdesk-content p{
font-size:16px;
line-height:1.7;
color:#333;
margin-bottom:15px;
}


/* WHAT IS IT HELPDESK */

.z-what-helpdesk{
padding:80px 0;
background:#f7f7f7;
}

.z-helpdesk-image img{
width:100%;
border-radius:8px;
}

.z-helpdesk-features{
margin-top:20px;
padding-left:20px;
}

.z-helpdesk-features li{
margin-bottom:10px;
font-size:16px;
color:#333;
}

/* HOW HELPDESK WORKS */

.z-helpdesk-work{
padding:80px 0;
background:#ffffff;
}

.z-helpdesk-work p{
font-size:16px;
line-height:1.7;
color:#333;
margin-bottom:25px;
}

.z-helpdesk-process{
list-style:none;
padding:0;
}

.z-helpdesk-process li{
margin-bottom:15px;
font-size:16px;
line-height:1.6;
color:#333;
padding-left:20px;
position:relative;
}

.z-helpdesk-process li:before{
content:"•";
color:#1f5cff;
font-size:20px;
position:absolute;
left:0;
top:-2px;
}


/* Infrastructure CSS */

/* INFRASTRUCTURE INTRO SECTION */

.infra-intro{
padding:80px 0;
background:#fff;
}

.infra-container{
width:90%;
max-width:1200px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:40px;
flex-wrap:wrap;
}

.infra-text{
flex:1;
min-width:300px;
}

.infra-text p{
font-size:16px;
line-height:1.8;
margin-bottom:16px;
color:#333;
}

.infra-highlight{
color:#007bff;
font-weight:600;
}

.infra-image{
flex:1;
min-width:300px;
text-align:right;
}

.infra-image img{
width:100%;
max-width:700px;
border-radius:6px;
}
.infra-highlight{
color:#0d6efd !important;
}

.infra-outsourcing{
padding:60px 0;
}

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

/* IMAGE + TEXT ROW */

.infra-row{
display:flex;
gap:40px;              /* better space between image and text */
align-items:flex-start;
margin-bottom:20px;
flex-wrap:wrap;        /* responsive for small screens */
}

/* EQUAL WIDTH FOR IMAGE AND TEXT */

.infra-image,
.infra-text{
flex:1;
min-width:300px;
}

/* IMAGE STYLE */

.infra-image img{
width:100%;
height:auto;
border-radius:6px;
display:block;
}

/* TEXT STYLING */

.infra-text h3{
margin-bottom:10px;
font-size:22px;
}

.infra-text p{
margin-bottom:12px;
line-height:1.7;
color:#444;
}

/* FULL WIDTH PARAGRAPHS */

.infra-full{
margin-top:15px;
}

.infra-full p{
margin-bottom:14px;
line-height:1.8;
color:#444;
}

.outsourcing-benefits{
padding:70px 0;
background:#f7f9fc;
}

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

.outsourcing-benefits h2{
font-size:32px;
margin-bottom:20px;
}

.benefits-intro{
line-height:1.8;
margin-bottom:35px;
}

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

.benefit-box{
background:#ffffff;
padding:20px;
border-radius:6px;
box-shadow:0 2px 8px rgba(0,0,0,0.05);
}

.benefit-box h3{
margin-bottom:10px;
font-size:20px;
}

.benefit-box p{
line-height:1.7;
}

/* 
Cybersecurity Css */

/* Step 1: Cyber Intro Section */
.cyber-intro-section {
    padding: 80px 0;
    background-color: #f9f9f9; /* Light gray background similar to Bluechip */
}

.cyber-intro-section .intro-text p {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 20px;
}

.cyber-intro-section .intro-image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px; /* subtle rounded corners */
}

@media (max-width: 991px) {
    .cyber-intro-section .row {
        flex-direction: column-reverse; /* On smaller screens, image below text */
    }
    .cyber-intro-section {
        padding: 60px 20px;
    }
    .cyber-intro-section .intro-text {
        text-align: center;
        margin-bottom: 30px;
    }
}
/* MAIN FOOTER */
.zayton-footer-main {
    background: #0b1a33;
    color: #fff;
}

/* CONTAINER */
.z-container {
    max-width: 1200px;
    margin: auto;
    padding: 0 15px;
}

/* TOP 3 COLUMNS */
.z-footer-top {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    padding: 70px 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.z-footer-info,
.z-footer-contact-wrap,
.z-action-badges {
    width: 33%;
}

/* LOGO */
.z-footer-logo {
    max-width: 150px;
    margin-bottom: 20px;
}

/* TEXT */
.z-footer-info p {
    color: #bbb;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* SOCIAL */
.z-footer-social {
    display: flex;
    gap: 10px;
}

.z-footer-social a {
    width: 38px;
    height: 38px;
    border: 1px solid #555;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.z-footer-social a:hover {
    background: red;
}

/* CONTACT */
.z-contact-list {
    list-style: none;
    padding: 0;
}

.z-contact-list li {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.z-contact-list i {
    color: red;
}

.z-contact-list a {
    color: #fff;
    text-decoration: none;
}

/* BUTTON */
.z-download-btn {
    background: rgb(32, 195, 244);
    color: #fff;
    padding: 12px 20px;
    display: inline-block;
    margin-bottom: 20px;
    text-decoration: none;
}

/* LOGOS */
.z-trust-logos img {
    height: 35px;
    margin-right: 10px;
}

/* LINKS SECTION (NO BLACK BOX ISSUE FIXED) */
.z-footer-links-bg {
    padding: 50px 0;
    background: transparent; /* IMPORTANT FIX */
}

.z-footer-links-area {
    display: flex;
    justify-content: space-between;
}

.z-footer-col {
    width: 23%;
}

.z-footer-col h3 {
    margin-bottom: 20px;
}

.z-footer-col ul {
    list-style: none;
    padding: 0;
}

.z-footer-col ul li {
    margin-bottom: 10px;
}

.z-footer-col ul li a {
    color: #aaa;
    text-decoration: none;
}

.z-footer-col ul li a:hover {
    color: #fff;
}

/* COPYRIGHT */
/* .z-footer-bottom {
    text-align: center;
    padding: 20px 0;
    background: #071222;
} */

.z-footer-contact-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* CYBERSECURITY-SOC */
.soc-intro {
    padding: 100px 0;
}

.soc-text p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 18px;
}

.soc-img img {
    width: 100%;
    border-radius: 5px;
}

/* CONTACT FORM SOC */

/* SECTION SPACING */
.soc-contact {
    padding: 120px 0;
    background: #f9f9f9;
}

/* FORM BOX (MAIN FIX) */
.soc-form {
    max-width: 520px;
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* TITLE */
.form-title {
    font-size: 18px;
    margin-bottom: 25px;
    color: #222;
    font-weight: 500;
}

/* ROW SPACING */
.soc-form .row > div {
    margin-bottom: 12px;
}

/* INPUT FIELDS */
.soc-form input,
.soc-form textarea {
    width: 100%;
    padding: 14px 16px;
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-size: 14px;
    transition: all 0.3s ease;
}

/* INPUT FOCUS EFFECT */
.soc-form input:focus,
.soc-form textarea:focus {
    background: #fff;
    border-color: #0d6efd;
    outline: none;
}

/* TEXTAREA */
.soc-form textarea {
    height: 130px;
    resize: none;
}

/* BUTTON */
.soc-form button {
    background: #0d6efd;
    color: #fff;
    padding: 12px 30px;
    border: none;
    border-radius: 5px;
    margin-top: 10px;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* BUTTON HOVER */
.soc-form button:hover {
    background: #0b5ed7;
    transform: translateY(-2px);
}

/* IMAGE SIDE */
.soc-contact-img {
    padding-left: 30px;
    text-align: center;
}

.soc-contact-img img {
    width: 95%;
    border-radius: 8px;
}

/* ANIMATION (LIKE BLUECHIP) */
.soc-form,
.soc-contact-img {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease;
}

.soc-form.active,
.soc-contact-img.active {
    opacity: 1;
    transform: translateY(0);
}

/* WHAT IS SOC */

/* SECTION */
.soc-about {
    padding: 40px 0;
}

/* CONTROL COLUMN GAP (VERY IMPORTANT) */
.soc-about .row {
    --bs-gutter-x: 20px;   /* 🔥 reduces big gap */
}

/* IMAGE SIDE */
.soc-about-img {
    padding-right: 10px;   /* reduced from 40px */
}

.soc-about-img img {
    width: 100%;
    height: 420px;         /* fixed like Bluechip */
    object-fit: cover;
    border-radius: 8px;
}

/* CONTENT SIDE */
.soc-about-content {
    padding-left: 10px;    /* reduced from 40px */
}

/* HEADING */
.soc-about-content h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #222;
}

/* TEXT */
.soc-about-content p {
    font-size: 16px;     /*for font size*/
    line-height: 1.9;
    color: #555;
    margin-bottom: 16px;
    max-width: 460px;
}

/* WHY SOC */


/* SECTION */
.soc-why {
    padding: 30px 0;
}

/* CONTAINER WIDTH CONTROL (LIKE BLUECHIP) */
.soc-why .container {
    max-width: 1140px !important;
    /* padding-left: 5px !important;
    padding-right: 5px !important; */
}

/* HEADING */
.soc-why-content h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 25px;
    color: #222;
}

/* TEXT */
.soc-why-content p {
    font-size: 16px;      /*for font size*/
    line-height: 1.9;
    color: #555;
    margin-bottom: 18px;
}



/*----------------------------------- EMAIL SECURITY------------------ */

/* Scoped only to this section */
.email-sec-intro {
    padding: 60px 20px;
}

.email-sec-wrapper {
    display: flex;
    align-items: center;
    gap: 40px;
}

.email-sec-image {
    flex: 1;
}

.email-sec-image img {
    width: 100%;
    border-radius: 8px;
}

.email-sec-content {
    flex: 1;
}

.email-sec-content h2 {
    font-size: 32px;
    margin-bottom: 20px;
    color: #0b3d91;
}

.email-sec-content p {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
    margin-bottom: 15px;
}



.email-sec-solutions {
    padding: 60px 0;
    display: flex;
    justify-content: center; /* centers content */
}

.email-sec-solutions-wrapper {
    width: 85%;              /* controls equal left/right gap */
    max-width: 1100px;
}

.email-sec-solutions h3 {
    font-size: 24px;
    margin-bottom: 25px;
    color: #0b3d91;
    line-height: 1.5;
}

.email-sec-item {
    position: relative;
    padding-left: 35px;
    margin-bottom: 18px;
    font-size: 16px;
    line-height: 1.8;
    color: #444;
}

/* 👉 Finger Icon */
.email-sec-item::before {
    content: "👉";
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 18px;
}

.email-sec-item strong {
    color: #000;
}



/* SECTION */
.email-sec-dlp {
    padding: 60px 0;
}

/* CONTAINER */
.email-sec-container {
    width: 92%;
    max-width: 1200px;
    margin: 0 auto;
}

/* TOP SECTION */
.email-sec-top {
    display: flex;
    align-items: flex-start;   /* FIXED (no vertical gap) */
    gap: 40px;
    margin-bottom: 30px;
}

/* LEFT CONTENT */
.email-sec-left {
    flex: 1;
}

.email-sec-left h3 {
    font-size: 26px;
    margin-bottom: 15px;
    color: #0b3d91;
}

.email-sec-left p {
    font-size: 16px;
    line-height: 1.7;
    color: #444;
    margin-bottom: 12px;
}

/* RIGHT IMAGE */
.email-sec-right {
    flex: 1;
}

.email-sec-right img {
    width: 100%;
    height: auto;              /* FIXED (no forced height) */
    border-radius: 8px;
    display: block;
}

/* BOTTOM CONTENT */
.email-sec-bottom p {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
    margin-bottom: 15px;
    text-align: justify;
}

/* 🔥 RESPONSIVE (VERY IMPORTANT) */
@media (max-width: 768px) {
    .email-sec-top {
        flex-direction: column;
    }
}

/*----------------------------------- PENTRATION TESTING    ------------------ */

/* SECTION SPACING */
.vapt-intro {
    padding: 40px 0;
}

/* CONTAINER (FIXES LEFT & RIGHT GAP ISSUE) */
.vapt-container {
    width: 92%;
    max-width: 1200px;
    margin: 0 auto;
}

/* ROW */
.vapt-row {
    display: flex;
    align-items: center;
    gap: 40px;
}

/* LEFT TEXT */
.vapt-text {
    flex: 1;
}

.vapt-text h2 {
    font-size: 32px;
    margin-bottom: 20px;
    color: #0b3d91;
}

.vapt-text p {
    font-size: 16px;
    line-height: 1.7;
    color: #444;
    margin-bottom: 15px;
}

/* RIGHT IMAGE */
.vapt-image {
    flex: 1;
}

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

/* SECTION */
.vapt-sec {
    padding: 20px 0;
    background: #f8f9fb;
}

/* CONTAINER */
.vapt-container {
    width: 92%;
    max-width: 1200px;
    margin: 0 auto;
}

/* ROW */
.vapt-row {
    display: flex;
    align-items: center;
    gap: 50px;
}

/* LEFT IMAGE */
.vapt-img {
    flex: 1;
}

.vapt-img img {
    width: 100%;
    border-radius: 8px;
    display: block;
}

/* RIGHT CONTENT */
.vapt-content {
    flex: 1;
}

/* HEADING */
.vapt-content h2 {
    font-size: 32px;
    margin-bottom: 15px;
    color: #222;
}

/* PARAGRAPH */
.vapt-content p {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
    margin-bottom: 15px;
}

/* HIGHLIGHT TEXT */
.vapt-content .highlight {
    font-weight: 600;
    color: #000;
}

/* POINTS */
.vapt-point {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 15px;
}

/* ICON */
.vapt-point .icon {
    color: #2c6ef2;
    font-size: 18px;
    margin-top: 3px;
}

/* STRONG TEXT */
.vapt-point strong {
    color: #000;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .vapt-row {
        flex-direction: column;
    }
}

/* SECTION */
.accordion-sec {
    padding: 50px 0;
    background: #fff;
}

/* CONTAINER */
.accordion-container {
    width: 92%;
    max-width: 1100px;
    margin: 0 auto;
}

/* TITLE */
.accordion-container h2 {
    font-size: 32px;
    margin-bottom: 10px;
}

.sub-text {
    margin-bottom: 25px;
    color: #555;
}

/* ITEM */
.accordion-item {
    border-bottom: 1px solid #ddd;
}

/* HEADER */
.accordion-header {
    background: #0c51db;
    color: #fff;
    padding: 3px 20px;
    font-size: 17px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ICON */
.accordion-header .icon {
    font-size: 22px;
}

/* CONTENT */
.accordion-content {
    display: none;
    background: #f7f7f7;
    padding: 20px;
}

/* ACTIVE */
.accordion-item.active .accordion-content {
    display: block;
}

.accordion-item.active .icon {
    content: "-";
}


.vapt-strength {
    padding: 60px 0;
    background: #f9fbff;
}

.vapt-container {
    width: 92%;
    max-width: 1200px;
    margin: 0 auto;
}

.vapt-row {
    display: flex;
    align-items: center;
    gap: 40px;
}

.vapt-text {
    flex: 1;
}

.vapt-text h2 {
    font-size: 30px;
    color: #0b3d91;
    margin-bottom: 20px;
}

.vapt-text p {
    font-size: 16px;
    line-height: 1.7;
    color: #444;
    margin-bottom: 15px;
}

/* ICON BULLETS */
.vapt-text ul {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}

.vapt-text ul li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 10px;
}

.vapt-text ul li::before {
    content: "✔";
    position: absolute;
    left: 0;
    color: #0b3d91;
    font-weight: bold;
}

/* IMAGE */
.vapt-image {
    flex: 1;
}

.vapt-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}



/*-------------------------------------bussiness it support-----------------*/
.it-support-intro {
    padding: 40px 0;
}

.it-container {
    width: 92%;
    max-width: 1200px;
    margin: 0 auto;
}

.it-row {
    display: flex;
    align-items: center;
    gap: 40px;
}

/* LEFT */
.it-text {
    flex: 1;
}

.it-text h2 {
    font-size: 32px;
    color: #0b3d91;
    margin-bottom: 20px;
}

.it-text p {
    font-size: 16px;
    line-height: 1.7;
    color: #444;
    margin-bottom: 15px;
}

/* RIGHT */
.it-image {
    flex: 1;
}

.it-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

/* SECTION */
.zayton-content-sec {
    padding: 40px 0;
    background: #f4f6fb; /* light grey like your screenshot */
}

/* CONTAINER */
.zayton-container {
    width: 95%;
    max-width: 1140px;
    margin: 0 auto;
}

/* HEADING */
.zayton-content-sec h2 {
    font-size: 36px;
    font-weight: 700;
    color: #111;
    margin-bottom: 20px;
}

/* PARAGRAPH */
.zayton-content-sec p {
    font-size: 17px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 20px;
}

/* HIGHLIGHT TEXT */
.highlight {
    color: #2c6ef2;
    font-weight: 600;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .zayton-content-sec h2 {
        font-size: 28px;
    }

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


/*------------------------Cyber security---------------------*/


/* HERO SECTION */
.cyber-hero {
  padding: 50px 0;
  background: #f5f7fa;
}

/* FULL WIDTH CONTAINER */
.hero-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;              /* FULL WIDTH FEEL */
  max-width: 1400px;      /* Bigger than before */
  margin: auto;
  gap: 60px;
}

/* IMAGE BIG */
.hero-image {
  flex: 1;
}

.hero-image img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  border-radius: 15px;
}

/* CONTENT BIG */
.hero-content {
  flex: 1;
}

.hero-content h1 {
  font-size: 40px;     /* BIG TITLE */
  font-weight: 700;
  margin-bottom: 20px;
  color: #111;
}

.hero-content p {
  font-size: 15px;     /* Bigger text */
  color: #555;
  line-height: 1.8;
}

/* SECTION */
.cyber-services {
  padding: 70px 0;
  background: #fff;
}

/* CONTAINER */
.services-container {
  width: 85%;
  max-width: 1200px;
  margin: auto;
}

/* TITLE */
.services-container h2 {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 40px;
}

/* GRID */
.services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

/* CARD */
.service-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  transition: 0.3s;
  border: 1px solid #eee;
}

/* IMAGE */
.service-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

/* TEXT */
.service-card h3 {
  font-size: 18px;
  margin: 15px;
}

.service-card p {
  font-size: 14px;
  color: #555;
  margin: 0 15px 15px;
}

/* BUTTON */
.service-card a {
  display: inline-block;
  margin: 0 15px 20px;
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
}

/* HOVER EFFECT (IMPORTANT) */
.service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}


/*------------Cybersecurity--------------*/
.why-cybersecurity {
  padding: 60px 3%;
  background-color: #ffffff;
}

.why-cybersecurity .container {
  max-width: 1200px;
  margin: 0 auto;
}

.why-cybersecurity h2 {
  font-size: 32px;
  color: #0b2c5f;
  margin-bottom: 20px;
  font-weight: 600;
}

.why-cybersecurity .intro-text {
  font-size: 16px;
  color: #555;
  line-height: 1.7;
  margin-bottom: 30px;
  max-width: 950px;
}

.points {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.point-item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.point-item .icon {
  width: 32px;
  height: 32px;
  background-color: #e6f0ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.point-item .icon i {
  color: #0b5ed7;
  font-size: 14px;
}

.point-item p {
  margin: 0;
  font-size: 16px;
  color: #444;
  line-height: 1.6;
}

.point-item strong {
  color: #000;
}


/*------------------Support Contractors---------------------*/
.contract-section {
  padding: 60px 3%;
  background-color: #f9fbfd;
}

.contract-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  max-width: 1400px;
  margin: 0 auto;
}

.contract-image {
  width: 50%;
}

.contract-image img {
  width: 100%;
  border-radius: 8px;
}

.contract-content {
  width: 50%;
}

.contract-content h2 {
  font-size: 34px;
  color: #0b2c5f;
  margin-bottom: 20px;
}

.contract-list {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}

.contract-list li {
  font-size: 16px;
  color: #333;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.contract-list li i {
  color: #0b5ed7;
  font-size: 14px;
}

.contract-text {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
}


/* -----------------------------------------------<style> */
.services-include {
  padding: 50px 20px;
  background-color: #ffffff;
}

.services-container {
  max-width: 1100px;
  margin: 0 auto;
}

.services-include h2 {
  font-size: 36px;
  color: #0b2c5f;
  margin-bottom: 30px;
}

.services-list {
  list-style: none;
  padding: 0;
}

.services-list li {
  font-size: 17px;
  color: #333;
  margin-bottom: 18px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  line-height: 1.6;
}

.services-list li i {
  color: #0b5ed7;
  font-size: 15px;
  margin-top: 5px;
}

.services-list strong {
  color: #000;
}

/*--------------------------firewall deployment---------------*/
.firewall-intro {
    padding: 50px 0;
    background-color: #ffffff;
}

.fire-container {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* gap: 30px; */
}

.fire-text {
    flex: 1;
}

.fire-text p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin: 0;
}

.fire-image {
    flex: 1;
    text-align: right;
}

.fire-image img {
    width: 100%;
    max-width: 500px;
    border-radius: 10px;
}

/* Responsive */
@media (max-width: 768px) {
    .fire-container {
        flex-direction: column;
        text-align: center;
    }

    .fire-image {
        text-align: center;
    }

    .fire-image img {
        max-width: 100%;
    }
}

.firewall-benefits {
    padding: 60px 0;
    background-color: #f5f7fa;
}

.benefits-container {
    width: 90%;
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: flex-start;
    gap: 50px;
}

/* Left Image */
.benefits-image {
    flex: 1;
}

.benefits-image img {
    width: 100%;
    border-radius: 8px;
}

/* Right Content */
.benefits-content {
    flex: 1;
}

.benefits-content h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #222;
}

.benefits-content ul {
    padding-left: 20px;
    margin-bottom: 20px;
}

.benefits-content ul li {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 10px;
    color: #444;
}

.benefits-content ul li strong {
    color: #000;
}

.highlight {
    font-weight: 600;
    margin: 20px 0;
    color: #000;
}

.benefits-content p {
    font-size: 15px;
    line-height: 1.7;
    color: #555;
}

/* Responsive */
@media (max-width: 768px) {
    .benefits-container {
        flex-direction: column;
    }

    .benefits-content h2 {
        font-size: 26px;
    }
}

/*-----------------------------network cabling--------------------*/

/* <style> */
.cabling-section {
  padding: 60px 3%;
  background-color: #ffffff;
}

.cabling-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  max-width: 1400px;
  margin: 0 auto;
}

/* LEFT TEXT */
.cabling-text {
  width: 55%;
}

.cabling-text p {
  font-size: 16px;
  color: #444;
  line-height: 1.7;
  margin-bottom: 18px;
}

/* Bold line */
.highlight-line {
  font-weight: 700;
  font-size: 18px;
  color: #000;
  margin: 10px 0;
}

/* RIGHT IMAGE */
.cabling-image {
  width: 45%;
}

.cabling-image img {
  width: 100%;
  border-radius: 8px;
}




/* /*------------------------about----------------------- */

.about-section {
  padding: 80px 20px;
  background-color: #f9f9f9;
}

.about-container {
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 50px;
}

/* LEFT CONTENT */
.about-text {
  flex: 1;
}

/* HEADING */
.about-heading {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.4;
}

/* Zayton IT (Blue) */
.about-heading .brand {
  color: #007bff;
}

/* Remaining text (Black) */
.about-heading .title-text {
  color: #000;
}

/* PARAGRAPH */
.about-text p {
  font-size: 17px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 15px;
}

/* RIGHT IMAGE */
.about-image {
  flex: 1;
}

.about-image img {
  width: 100%;
  border-radius: 10px;
}
/* 
mmmmmmmmmmmmmmmmmmm */

.services-section {
  padding: 30px 10px;
  background-color: #ffffff;
}

.services-container {
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 50px;
}

/* LEFT IMAGE */
.services-image {
  flex: 1.3;
}

.services-image img {
  width: 100%;
  border-radius: 5px;
}

/* RIGHT CONTENT */
.services-text {
  flex: 1.5;
}

.services-heading {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #007bff;
}

.services-text p {
  font-size: 17px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 15px;
}

/*---------------------------WEB MANAGEMENT-----------------*/
.server-section {
  padding: 80px 20px;
  background: #f5f5f5;
}

.server-container {
  max-width: 1200px;
  margin: auto;
  display: flex;
  gap: 50px;
  align-items: center;
}

/* LEFT TEXT */
.server-text {
  flex: 1;
}

.server-text p {
  font-size: 15px;
  line-height: 1.7;
  color: #333;
  margin-bottom: 25px;
}

/* LIST STYLE */
.server-list {
  list-style: none;
  padding: 0;
}

.server-list li {
  font-size: 16px;
  margin-bottom: 12px;
  padding-left: 30px;
  position: relative;
  color: #333;
}

/* ICON (Blue Circle + Arrow) */
.server-list li::before {
  content: "➜";
  position: absolute;
  left: 0;
  top: 0;
  color: #007bff;
  font-size: 16px;
  font-weight: bold;
}

/* RIGHT IMAGE */
.server-image {
  flex: 1;
}

.server-image img {
  width: 100%;
  border-radius: 8px;
}


/*--------------------------------------------
/* SECTION */
.z-cyber-services {
  padding: 70px 0;
  background: #fff;
}

/* CONTAINER */
.z-services-container {
  width: 85%;
  max-width: 1200px;
  margin: auto;
}

/* TITLE */
.z-services-container h2 {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 40px;
}

/* GRID */
.z-services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

/* CARD */
.z-service-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  transition: 0.3s;
  border: 1px solid #eee;
}

/* IMAGE */
.z-service-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

/* TEXT */
.z-service-card h3 {
  font-size: 18px;
  margin: 15px;
}

.z-service-card p {
  font-size: 14px;
  color: #555;
  margin: 0 15px 15px;
}

/* BUTTON */
.z-service-card a {
  display: inline-block;
  margin: 0 15px 20px;
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
}

/* HOVER */
.z-service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}
/*---------------------------------IT Management-------------------------------*/
/* SECTION */
.it-services {
  padding: 70px 0;
  background: #fff;
}

/* CONTAINER */
.it-container {
  width: 85%;
  max-width: 1200px;
  margin: auto;
}

/* TITLE */
.it-container h2 {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 40px;
}

/* GRID */
.it-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

/* CARD */
.it-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  transition: 0.3s;
  border: 1px solid #eee;
}

/* IMAGE */
.it-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

/* TEXT */
.it-card h3 {
  font-size: 18px;
  margin: 15px;
}

.it-card p {
  font-size: 14px;
  color: #555;
  margin: 0 15px 15px;
}

/* BUTTON */
.it-card a {
  display: inline-block;
  margin: 0 15px 20px;
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
}

/* HOVER */
.it-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/*----------------------WEB MANAGEMENT-----------------*/
/* SECTION */
.web-services {
  padding: 70px 0;
  background: #fff;
}

/* CONTAINER */
.web-container {
  width: 85%;
  max-width: 1200px;
  margin: auto;
}

/* TITLE */
.web-container h2 {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 40px;
}

/* GRID */
.web-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

/* CARD */
.web-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  transition: 0.3s;
  border: 1px solid #eee;
}

/* IMAGE */
.web-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

/* TEXT */
.web-card h3 {
  font-size: 18px;
  margin: 15px;
}

.web-card p {
  font-size: 14px;
  color: #555;
  margin: 0 15px 15px;
}

/* BUTTON */
.web-card a {
  display: inline-block;
  margin: 0 15px 20px;
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
}

/* HOVER */
.web-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}



/*----------------------------Performance-----------------*/
.server-section {
  padding: 60px 0;
}

.container {
  width: 90%;
  margin: auto;
}

/* TOP PART */
.top-content {
  display: flex;
  align-items: stretch; /* important */
  gap: 30px;
}

/* LEFT TEXT */
.left-text {
  flex: 1;
}

.left-text h2 {
  font-size: 32px;
  margin-bottom: 15px;
}

.left-text p {
  margin-bottom: 15px;
  line-height: 1.7;
}

/* RIGHT IMAGE */
.right-image {
  flex: 1;
}

.right-image img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* makes image equal height */
  border-radius: 10px;
}

/* FULL WIDTH CONTENT */
.full-content {
  margin-top: 30px;
}

.full-content p {
  margin-bottom: 15px;
  line-height: 1.7;
}



.collaborate-section {
  padding: 60px 0;
}

.container {
  width: 90%;
  margin: auto;
}

/* TOP SECTION */
.top-section {
  display: flex;
  gap: 30px;
  align-items: stretch;
}

/* LEFT IMAGE */
.left-image {
  flex: 1;
}

.left-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

/* RIGHT CONTENT */
.right-content {
  flex: 1;
}

.right-content h2 {
  font-size: 32px;
  margin-bottom: 20px;
}

.right-content p {
  line-height: 1.7;
  margin-bottom: 15px;
}

/* BOTTOM FULL WIDTH */
.bottom-content {
  margin-top: 30px;
}

.bottom-content p {
  line-height: 1.7;
  margin-bottom: 15px;
}

/* CTA */
.cta {
  font-size: 18px;
  margin-top: 20px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .top-section {
    flex-direction: column;
  }
}


/*----------------ALER NOTIFICATION-----------------*/
/* HERO SECTION */
.za-hero-section {
  padding: 70px 0;
}

.za-hero-container {
  width: 90%;
  margin: auto;
}

.za-hero-row {
  display: flex;
  gap: 40px;
  align-items: center;
  flex-wrap: wrap;
}

.za-hero-col {
  flex: 1;
  min-width: 300px;
}

.za-hero-col img {
  width: 100%;
  border-radius: 8px;
}

.za-hero-heading {
  font-size: 36px;
  margin-bottom: 15px;
}

.za-hero-text {
  font-size: 16px;
  line-height: 1.8;
  color: #555;
  margin-bottom: 15px;
}

.za-hero-full {
  margin-top: 20px;
}

.za-hero-full p {
  font-size: 16px;
  line-height: 1.8;
  color: #555;
}


/* MONITOR SECTION */
.za-monitor-section {
  padding: 70px 0;
  background: #f9f9f9;
}

.za-monitor-container {
  width: 90%;
  margin: auto;
}

.za-monitor-row {
  display: flex;
  gap: 40px;
  align-items: center;
  flex-wrap: wrap;
}

.za-monitor-col {
  flex: 1;
  min-width: 300px;
}

.za-monitor-col img {
  width: 100%;
  border-radius: 8px;
}

.za-monitor-heading {
  font-size: 32px;
  margin-bottom: 15px;
}

.za-monitor-text {
  font-size: 16px;
  line-height: 1.8;
  color: #555;
  margin-bottom: 15px;
}

.za-monitor-list {
  padding-left: 20px;
}

.za-monitor-list li {
  margin-bottom: 8px;
}

.za-monitor-full {
  margin-top: 25px;
}

.za-monitor-full p {
  font-size: 16px;
  line-height: 1.8;
  color: #555;
}

.za-monitor-cta {
  font-size: 22px;
  font-weight: bold;
  margin-top: 20px;
}


/* RESPONSIVE */
@media (max-width: 768px) {
  .za-hero-row,
  .za-monitor-row {
    flex-direction: column;
  }
}

/*---------------------------------------ROOT CAUSE ANALYSIS---------------------*/
/* Section */
.za-rca-section {
  padding: 70px 0;
  background: #ffffff;
  font-family: Arial, sans-serif;
}

/* Container (Perfect Website Width) */
.za-rca-container {
  width: 88%;
  max-width: 1200px;
  margin: auto;
}

/* Row */
.za-rca-row {
  display: flex;
  align-items: center;
  gap: 50px;
  flex-wrap: wrap;
}

/* Columns */
.za-rca-col {
  flex: 1;
  min-width: 300px;
}

/* Heading */
.za-rca-heading {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #222;
}

/* Text */
.za-rca-text {
  font-size: 16px;
  line-height: 1.9;
  color: #555;
  margin-bottom: 15px;
}

/* Image */
.za-rca-image img {
  width: 100%;
  border-radius: 10px;
}

/* Responsive */
@media (max-width: 768px) {
  .za-rca-row {
    flex-direction: column;
  }
}

.za-rca-two-section {
  padding: 70px 0;
  background: #ffffff;
}

.za-rca-two-container {
  width: 85%;
  max-width: 1140px;
  margin: auto;
}

/* 🔥 KEY FIX: make image and content equal height */
.za-rca-two-row {
  display: flex;
  align-items: stretch;   /* IMPORTANT FIX */
  gap: 60px;
  flex-wrap: wrap;
}

/* columns */
.za-rca-two-col {
  flex: 1;
  min-width: 320px;
}

/* 🔥 IMAGE FIX (auto match content height) */
.za-rca-two-image img {
  width: 100%;
  height: 100%;           /* makes it match content height */
  object-fit: cover;      /* prevents distortion */
  border-radius: 25px;    /* better than 60px (less awkward) */
  display: block;
}

/* Heading */
.za-rca-two-heading {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #111;
}

/* Text */
.za-rca-two-text {
  font-size: 16px;
  line-height: 1.9;
  color: #555;
  margin-bottom: 15px;
}

/* 🔥 OPTIONAL: improves vertical alignment */
.za-rca-two-row {
  align-items: stretch;
}

/* Responsive */
@media (max-width: 768px) {
  .za-rca-two-row {
    flex-direction: column;
  }

  .za-rca-two-image img {
    height: auto;  /* prevents mobile issues */
  }
}

/*---------------------------Capacity-----------------------*/
/* SECTION */
.za-capacity-section {
  padding: 70px 0;
  background: #f9fafc;
}

/* CONTAINER */
.za-capacity-container {
  width: 85%;
  max-width: 1140px;
  margin: auto;
}

/* 🔥 TOP ROW */
.za-capacity-row {
  display: flex;
  align-items: stretch;
  gap: 50px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

/* COLUMNS */
.za-capacity-col {
  flex: 1;
  min-width: 320px;
}

/* IMAGE */
.image-col img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

/* HEADING */
.za-capacity-heading {
  font-size: 30px;
  font-weight: 700;
  color: #111;
  margin-bottom: 15px;
}

/* SHORT TEXT */
.text-col p {
  font-size: 16px;
  line-height: 1.8;
  color: #555;
}

/* 🔥 FULL WIDTH CONTENT */
.za-capacity-full-content p {
  font-size: 16px;
  line-height: 1.9;
  color: #555;
  margin-bottom: 15px;
}

/* MOBILE */
@media (max-width: 768px) {
  .za-capacity-row {
    flex-direction: column;
  }

  .image-col img {
    height: auto;
  }
}

/* SECTION */
.za-capacity-section {
  padding: 70px 0;
  background: #fff;
}

/* CONTAINER */
.za-capacity-container {
  width: 85%;
  max-width: 1140px;
  margin: auto;
}

/* HEADING */
.za-capacity-heading {
  font-size: 32px;
  font-weight: 700;
  color: #111;
  margin-bottom: 25px;
}

/* PARAGRAPHS */
.za-capacity-container p {
  font-size: 16px;
  line-height: 1.9;
  color: #555;
  margin-bottom: 15px;
}

/* HIGHLIGHT LINE */
.highlight-text {
  font-size: 17px;
  font-weight: 600;
  color: #000;
  margin-top: 10px;
}

/*---------------------------Network management------------*/
.nm-intro-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  padding: 60px 80px;
}

.nm-intro-image {
  flex: 1;
}

.nm-intro-image img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}

.nm-intro-content {
  flex: 1;
}

.nm-intro-title {
  font-size: 32px;
  margin-bottom: 20px;
  color: #111;
}

.nm-intro-text {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 15px;
  color: #444;
}

/* =========================
   SECTION 1 - INTRO (IMAGE LEFT / CONTENT RIGHT)
========================= */

.nm-intro-section {
  width: 100%;
  padding: 60px 0;
  box-sizing: border-box;
}

.nm-intro-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 0 40px; /* reduced side gap */
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}

.nm-intro-image {
  flex: 1;
}

.nm-intro-image img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
  display: block;
}

.nm-intro-content {
  flex: 1;
}

.nm-intro-title {
  font-size: 32px;
  margin-bottom: 20px;
  color: #111;
}

.nm-intro-text {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 15px;
  color: #444;
}


/* =========================
   SECTION 2 - FULL WIDTH CONTENT
========================= */

.nm-procure-section {
  width: 100%;
  padding: 60px 0;
  background: #ffffff;
  box-sizing: border-box;
}

.nm-procure-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px; /* reduced side gap */
  box-sizing: border-box;
}

.nm-procure-title {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 25px;
  color: #111;
}

.nm-procure-text {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 18px;
  color: #444;
}


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

@media (max-width: 992px) {
  .nm-intro-container {
    flex-direction: column;
    padding: 0 25px;
  }

  .nm-intro-title {
    font-size: 28px;
  }
}

@media (max-width: 768px) {
  .nm-intro-title {
    font-size: 24px;
  }

  .nm-procure-container {
    padding: 0 20px;
  }

  .nm-intro-container {
    padding: 0 20px;
  }
}


/* SECTION */
.network-faq-section {
    padding: 60px 20px;
    background: #f5f7fb;
}

/* CONTAINER */
.network-faq-container {
    max-width: 1100px;
    margin: auto;
}

/* TITLE */
.network-faq-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 30px;
}

/* ITEM */
.network-faq-item {
    margin-bottom: 10px;
    border-radius: 6px;
    overflow: hidden;
}

/* QUESTION */
.network-faq-question {
    width: 100%;
    text-align: left;
    background: #1f57c3;
    color: #fff;
    border: none;
    padding: 7px 25px;
    font-size: 16px;
    font-weight: 500;
    /* cursor: pointer; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ICON */
.network-faq-question .icon {
    font-size: 20px;
}

/* ANSWER */
.network-faq-answer {
    display: none;
    background: #ffffff;
    padding: 20px;
    color: #333;
    line-height: 1.6;
}

/* ACTIVE */
.network-faq-item.active .network-faq-answer {
    display: block;
}

.network-faq-item.active .network-faq-question {
    background: #1f57c3;
}



/*------------------------SECURITY MANAGEMENT------*/

/* SECTION */
.sm-security-section {
  width: 100%;
  padding: 70px 0;
  background: #ffffff;
}

/* MAIN CONTAINER */
.sm-security-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: border-box;
}

/* ROW 1 (SPLIT) */
.sm-security-row {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 30px;
}

/* LEFT CONTENT */
.sm-security-left {
  flex: 1;
}

/* RIGHT IMAGE */
.sm-security-right {
  flex: 1;
}

.sm-security-right img {
  width: 100%;
  height: 450px;   /* BIG IMAGE */
  object-fit: cover;
  border-radius: 10px;
}

/* FULL WIDTH CONTENT */
.sm-security-full {
  width: 100%;
}

/* TEXT STYLES */
.sm-security-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #111;
}

.sm-security-text {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 15px;
  color: #444;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .sm-security-row {
    flex-direction: column;
  }

  .sm-security-right img {
    height: 350px;
  }

  .sm-security-title {
    font-size: 28px;
  }
}

@media (max-width: 768px) {
  .sm-security-container {
    padding: 0 20px;
  }

  .sm-security-title {
    font-size: 24px;
  }
}


/* SECTION */
.network-security-section {
    padding: 80px 20px;
    background: #ffffff;
}

/* CONTAINER */
.network-security-container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    gap: 50px;
}

/* IMAGE */
.network-security-image {
    flex: 1;
}

.network-security-image img {
    width: 100%;
    border-radius: 8px;
    display: block;
}

/* CONTENT */
.network-security-content {
    flex: 1;
}

/* TITLE */
.network-security-title {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #111;
}

/* TEXT */
.network-security-text {
    font-size: 16px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 15px;
}

/* LIST */
.network-security-list {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}

.network-security-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    font-size: 15px;
    color: #333;
}

/* ICON (BLUE CHECK LIKE YOUR IMAGE) */
.network-security-list li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    color: #1f57c3;
    font-weight: bold;
}

/* RESPONSIVE */
@media (max-width: 991px) {
    .network-security-container {
        flex-direction: column;
    }

    .network-security-title {
        font-size: 26px;
    }
}

/* SECTION */
.security-services {
  padding: 70px 0;
  background: #f9fbfd;
}

/* CONTAINER */
.security-container {
  width: 85%;
  max-width: 1100px;
  margin: auto;
}

/* TITLE */
.security-container h2 {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 40px;
}

/* GRID */
.security-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

/* CARD */
.security-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  transition: 0.3s;
  border: 1px solid #e5e5e5;
}

/* IMAGE */
.security-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

/* TEXT */
.security-card h3 {
  font-size: 20px;
  margin: 15px;
}

.security-card p {
  font-size: 14px;
  color: #555;
  margin: 0 15px 15px;
}

/* BUTTON */
.security-card a {
  display: inline-block;
  margin: 0 15px 20px;
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
}

/* HOVER EFFECT */
.security-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/*------------------------------------------------web assessment*/
.web-security-section {
  padding: 80px 0;
}

.web-security-section .content h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
}

.web-security-section .content p {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 15px;
  color: #555;
}

.web-security-section .image img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}


.web-security-section {
  padding: 80px 0;
  font-family: 'Poppins', sans-serif;
}

.web-security-section .content h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #222;
}

.web-security-section .content p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 15px;
  color: #555;
}

.web-security-section .cta-text {
  font-weight: 600;
  color: #000;
}

.web-security-section .image img {
  width: 100%;
  height: auto;
  border-radius: 12px;
}

/*------------------------------------------INTERNET ASSESSMENT---------------------*/
.internet-security-assessment-section {
  padding: 80px 0;
  font-family: 'Poppins', sans-serif;
}

.internet-security-content h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #222;
}

.internet-security-content p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 15px;
  color: #555;
}

.internet-security-image img {
  width: 100%;
  height: auto;
  border-radius: 12px;
}


.cyber-security-evaluation-section {
  font-family: 'Poppins', sans-serif;
}

/* Remove all gaps */
.cyber-security-evaluation-section .row {
  margin: 0;
}

.cyber-security-evaluation-section .col-lg-6 {
  padding: 0;
  display: flex;
}

/* IMAGE SIDE */
.cyber-security-image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* IMAGE */
.cyber-security-image img {
  width: 100%;          /* 🔥 only 10% smaller than full */
  height: auto;
  max-height: 70%;     /* 🔥 keeps it slightly smaller than content */
  object-fit: contain;
  border-radius: 0;    /* remove box feel */
}

/* CONTENT SIDE */
.cyber-security-content {
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* TEXT STYLING */
.cyber-security-content h2 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #222;
}

.cyber-security-content p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 15px;
  color: #555;
}

.cyber-security-content .cta-text {
  font-weight: 600;
  color: #000;
}






/*-----------------------------APPLICATION MANAGEMENT------------*/
/* SECTION BACKGROUND */
.app-management-section {
    padding: 50px 10px;
    background: #ffffff;
}

/* CENTER BOX (NOT FULL WIDTH) */
.app-management-container {
    max-width: 900px;   /* controls width like screenshot */
    margin: auto;
    text-align: center;
}

/* TITLE */
.app-management-title {
    font-size: 30px;
    font-weight: 700;
    color: #111;
    margin-bottom: 20px;
}

/* TEXT */
.app-management-text {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 15px;
}

/* BUTTON */
.app-management-btn {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 22px;
    background: #1f57c3;
    color: #fff;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s;
}

/* HOVER */
.app-management-btn:hover {
    background: #003ecb;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .app-management-title {
        font-size: 26px;
    }

    .app-management-container {
        max-width: 100%;
    }
}


.application-management {
  padding: 60px 20px;
  background: #ffffff;
}

.app-container {
  display: flex;
  align-items: stretch;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto;
  gap: 20px; /* 🔥 minimal gap (not large) */
}

.app-content,
.app-image {
  flex: 1; /* 🔥 exact 50% width */
}

.app-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.app-content h2 {
  font-size: 32px;
  margin-bottom: 20px;
  color: #0b1c39;
}

.app-content p {
  font-size: 16px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 15px;
}

.app-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

.app-image img {
  width: 100%;
  height: 100%;
  max-height: 420px;
  object-fit: cover;
  border-radius: 8px;
}

.uam-section {
  padding: 60px 0;
  background: #fff;
}

.uam-wrapper {
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
}

/* 50% layout */
.uam-left,
.uam-right {
  width: 50%;
}

/* 🔥 IMAGE SIDE (KEY DESIGN FIX) */
.uam-left {
  display: flex;
  align-items: center; /* center vertically */
  padding: 40px 20px; /* 🔥 equal top & bottom space */
}

.uam-left img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

/* CONTENT SIDE */
.uam-right {
  padding: 0 30px;
}

.uam-right h2 {
  font-size: 30px;
  margin-bottom: 20px;
  color: #0b1c39;
}

.uam-right p {
  font-size: 16px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 15px;
}

.uam-cta {
  font-weight: 600;
  color: #000;
  margin-top: 10px;
}

/*-------------------------COMMUNICATION MANAGEMENT------------*/
.communication-management {
  padding: 60px 20px;
  background: #fff;
}

.cm-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* 🔥 SPLIT SECTION */
.cm-split {
  display: flex;
  gap: 20px; /* small gap only */
}

/* 50%-50% */
.cm-left,
.cm-right {
  width: 50%;
}

/* LEFT CONTENT */
.cm-left h2 {
  font-size: 30px;
  margin-bottom: 20px;
  color: #0b1c39;
}

.cm-left p {
  font-size: 16px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 15px;
}

/* RIGHT IMAGE */
.cm-right {
  display: flex;
  align-items: center;
}

.cm-right img {
  width: 100%;
  height: auto;
  max-height: 420px;
  object-fit: cover;
  border-radius: 8px;
}

/* 🔥 FULL WIDTH CONTENT */
.cm-full {
  margin-top: 20px;
}

.cm-full h3 {
  font-size: 24px;
  margin: 20px 0 10px;
  color: #0b1c39;
}

.cm-full p {
  font-size: 16px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 15px;
}


.communication-management-full {
  padding: 60px 15px; /* 🔥 minimal left/right space */
  background: #fff;
}

.cmf-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* HEADING */
.cmf-container h2 {
  font-size: 30px;
  margin-bottom: 20px;
  color: #0b1c39;
}

/* PARAGRAPHS */
.cmf-container p {
  font-size: 16px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 15px;
}

/* 🔥 BULLET LIST */
.cmf-list {
  margin: 20px 0;
  padding-left: 20px;
}

.cmf-list li {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
  list-style-type: disc;
}

/* CTA */
.cmf-cta {
  font-weight: 600;
  color: #000;
  margin-top: 15px;
}


/*-------------------------BACKUP STORAGE-------------*/
/* SECTION */
.backup-storage-section {
    padding: 50px 10px;
    background: #ffffff;
}

/* CONTAINER */
.backup-storage-wrapper {
    max-width: 900px;
    margin: auto;
    text-align: center;
}

/* TITLE */
.backup-storage-title {
    font-size: 25px;
    font-weight: 700;
    color: #111;
    margin-bottom: 20px;
}

/* TEXT */
.backup-storage-text {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 15px;
}

/* BUTTON */
.backup-storage-btn {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 22px;
    background: #1f57c3;
    color: #fff;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s;
}

/* HOVER */
.backup-storage-btn:hover {
    background: #003ecb;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .backup-storage-title {
        font-size: 26px;
    }

    .backup-storage-wrapper {
        max-width: 100%;
    }
}


/* SECTION */
.backup-storage-split {
    padding: 40px 20px; /* ✅ controls left & right outer gap */
    background: #fff;
}

/* ROW CONTAINER */
.backup-storage-row {
    display: flex;
    align-items: center;
    justify-content: center; /* ✅ keeps everything centered */
    gap: 20px; /* ✅ space between text & image */
    max-width: 1100px; /* ✅ controls overall width */
    margin: 0 auto;
}

/* LEFT SIDE */
.backup-storage-left {
    flex: 0 0 50%;
}

/* RIGHT SIDE */
.backup-storage-right {
    flex: 0 0 50%;
}

/* IMAGE */
.backup-storage-right img {
    width: 100%;
    height: auto;
    display: block; /* ✅ removes extra inline gap */
}

/* HEADING */
.backup-storage-heading {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #111;
}

/* TEXT */
.backup-storage-desc {
    font-size: 16px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 12px;
}

/* REMOVE EXTRA LAST SPACE */
.backup-storage-desc:last-child {
    margin-bottom: 0;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .backup-storage-split {
        padding: 40px 20px; /* smaller gap for mobile */
    }

    .backup-storage-row {
        flex-direction: column;
        gap: 20px;
    }

    .backup-storage-left,
    .backup-storage-right {
        flex: 100%;
    }

    .backup-storage-heading {
        font-size: 24px;
    }
}






/* SECTION */
.backup-storage-reverse {
    padding: 40px 20px; /* ✅ equal left & right spacing */
    background: #fff;
}

/* ROW */
.backup-storage-reverse-row {
    display: flex;
    align-items: center;
    gap: 30px; /* space between image & content */
    max-width: 1100px; /* ✅ increased width → broader layout */
    margin: 0 auto;
}

/* IMAGE SIDE (BIGGER) */
.backup-storage-reverse-image {
    flex: 0 0 55%; /* ✅ image takes more space */
}

.backup-storage-reverse-image img {
    width: 100%;
    height: 420px; /* ✅ fixed height for bold look */
    object-fit: cover; /* ✅ fills nicely without distortion */
    display: block;
    border-radius: 6px; /* optional modern look */
}

/* CONTENT SIDE */
.backup-storage-reverse-content {
    flex: 0 0 45%;
}

/* TITLE */
.backup-storage-reverse-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #111;
}

/* TEXT */
.backup-storage-reverse-text {
    font-size: 16px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 12px;
}

/* LIST */
.backup-storage-reverse-list {
    padding-left: 18px;
    margin-top: 10px;
}

.backup-storage-reverse-list li {
    font-size: 15px;
    color: #444;
    margin-bottom: 8px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .backup-storage-reverse {
        padding: 40px 20px;
    }

    .backup-storage-reverse-row {
        flex-direction: column;
    }

    .backup-storage-reverse-image,
    .backup-storage-reverse-content {
        flex: 100%;
    }

    .backup-storage-reverse-image img {
        height: auto;
    }

    .backup-storage-reverse-title {
        font-size: 24px;
    }
}





/*-----------------------------------Desktop Service---------------*/
/* SECTION */
.desktop-service-mgmt-section {
    padding: 40px 20px; /* balanced outer spacing */
    background: #ffffff;
}

/* CONTAINER */
.desktop-service-mgmt-container {
    display: flex;
    align-items: center;
    gap: 40px; /* space between text & image */
    max-width: 1100px;
    margin: 0 auto;
}

/* LEFT CONTENT */
.desktop-service-mgmt-content {
    flex: 0 0 50%;
}

/* RIGHT IMAGE */
.desktop-service-mgmt-image {
    flex: 0 0 50%;
}

.desktop-service-mgmt-image img {
    width: 100%;
    height: 420px; /* makes image look bold */
    object-fit: cover;
    display: block;
    border-radius: 6px;
}

/* TITLE */
.desktop-service-mgmt-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #111;
}

/* TEXT */
.desktop-service-mgmt-text {
    font-size: 16px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 14px;
}

/* REMOVE LAST EXTRA SPACE */
.desktop-service-mgmt-text:last-child {
    margin-bottom: 0;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .desktop-service-mgmt-section {
        padding: 40px 20px;
    }

    .desktop-service-mgmt-container {
        flex-direction: column;
        gap: 25px;
    }

    .desktop-service-mgmt-content,
    .desktop-service-mgmt-image {
        flex: 100%;
    }

    .desktop-service-mgmt-image img {
        height: auto;
    }

    .desktop-service-mgmt-title {
        font-size: 24px;
    }
}


/* SECTION */
.support-service-mgmt-section {
    padding: 60px 50px;
    background: #ffffff;
    max-width: 1200px;
    margin: 0 auto;
}

/* TOP SPLIT (IMAGE + CONTENT) */
.support-service-mgmt-top {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 30px;
}

/* IMAGE LEFT */
.support-service-mgmt-image {
    flex: 0 0 50%;
}

.support-service-mgmt-image img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    display: block;
    border-radius: 6px;
}

/* CONTENT RIGHT */
.support-service-mgmt-content {
    flex: 0 0 50%;
}

/* FULL WIDTH CONTENT */
.support-service-mgmt-full {
    width: 100%;
}

/* TITLE */
.support-service-mgmt-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #111;
}

/* TEXT */
.support-service-mgmt-text {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 14px;
}

/* REMOVE LAST SPACE */
.support-service-mgmt-text:last-child {
    margin-bottom: 0;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .support-service-mgmt-section {
        padding: 40px 20px;
    }

    .support-service-mgmt-top {
        flex-direction: column;
        gap: 25px;
    }

    .support-service-mgmt-image,
    .support-service-mgmt-content {
        flex: 100%;
    }

    .support-service-mgmt-image img {
        height: auto;
    }

    .support-service-mgmt-title {
        font-size: 24px;
    }
}


/*-------------------------network solutions--------------*/
.network-solution-section {
  padding: 40px 20px;
  background: #f9f9f9;
}

.network-solution-container {
  display: flex;
  align-items: center;
  gap: 40px;
  max-width: 1100px;
  margin: auto;
  flex-wrap: wrap;
}

/* LEFT CONTENT */
.network-solution-content {
  flex: 1;
}

.network-solution-content h2 {
  font-size: 32px;
  margin-bottom: 20px;
}

.network-solution-content p {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 15px;
  color: #555;
}

/* RIGHT IMAGE */
.network-solution-image {
  flex: 1;
  text-align: center;
}

.network-solution-image img {
  width: 100%;
  max-width: 500px;
  height: auto;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .network-solution-container {
    flex-direction: column;
  }

  .network-solution-image {
    order: -1;
  }
}

.ns-security-section {
  padding: 40px 20px;
  background: #eef1f5;
}

.ns-security-container {
  display: flex;
  align-items: center;
  gap: 50px;
  max-width: 1100px;
  margin: auto;
  flex-wrap: wrap;
}

/* IMAGE */
.ns-security-image {
  flex: 1;
}

.ns-security-image img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}

/* CONTENT */
.ns-security-content {
  flex: 1;
}

.ns-security-content h2 {
  font-size: 36px;
  margin-bottom: 20px;
}

.ns-security-list {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}

.ns-security-list li {
  font-size: 18px;
  margin-bottom: 10px;
  color: #333;
  display: flex;
  align-items: center;
  gap: 10px;
}

.ns-security-list i {
  color: #2d6cdf;
}

.ns-security-content p {
  font-size: 16px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 20px;
}

.ns-security-content h3 {
  font-size: 24px;
  margin-bottom: 10px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .ns-security-container {
    flex-direction: column;
  }
}


/*--------------------------support solutions-------------*/
.it-support-solutions-section {
  padding: 40px 20px;
  background: #eef1f5;
}

.it-support-solutions-container {
  display: flex;
  align-items: center;
  gap: 50px;
  max-width: 1100px;
  margin: auto;
  flex-wrap: wrap;
}

/* IMAGE */
.it-support-solutions-image {
  flex: 1;
}

.it-support-solutions-image img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}

/* CONTENT */
.it-support-solutions-content {
  flex: 1;
}

.it-support-solutions-content p {
  font-size: 16px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 20px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .it-support-solutions-container {
    flex-direction: column;
  }
}


.support-solutions {
  padding: 40px 20px;
  background: #f9f9f9;
}

.support-container {
  max-width: 1100px;
  margin: auto;
}

.support-flex {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}

/* LEFT IMAGE */
.support-image {
  flex: 1;
}

.support-image img {
  width: 100%;
  max-height: 1000px;
  object-fit: cover;
  border-radius: 20px;
}

/* RIGHT CONTENT */
.support-content {
  flex: 1;
}

.support-content h2 {
  font-size: 28px;
  margin-bottom: 15px;
}

.support-content p {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
}

.support-content ul {
  padding-left: 20px;
}

.support-content ul li {
  margin-bottom: 10px;
  line-height: 1.5;
}


/*-----------------------------Server-solutions---------------*/
.cloud-solutions-dubai {
  padding: 40px 20px;
  background: #ffffff;
}

.cloud-container {
  max-width: 1100px;
  margin: auto;
}

.cloud-flex {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}

/* LEFT CONTENT */
.cloud-content {
  flex: 1;
}

.cloud-content h2 {
  font-size: 28px;
  margin-bottom: 15px;
}

.cloud-content p {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 15px;
}

/* RIGHT IMAGE */
.cloud-image {
  flex: 1;
}

.cloud-image img {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
  border-radius: 10px;
}

/* MAIN SECTION */
.sarwar-solutions-section {
  padding: 40px 20px;
}

.sarwar-solutions-container {
  max-width: 1100px;
  margin: auto;
}

.sarwar-solutions-row {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}

/* IMAGE */
.sarwar-solutions-image {
  flex: 1;
}

.sarwar-solutions-image img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

/* CONTENT */
.sarwar-solutions-content {
  flex: 1;
}

.sarwar-solutions-content h2 {
  font-size: 28px;
  margin-bottom: 20px;
}

.sarwar-solutions-content p {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 15px;
}


/* FULL WIDTH SECTION */
.sarwar-solutions-full-section {
  padding: 50px 20px;
}

.sarwar-solutions-full-content {
  width: 100%;
}

.sarwar-solutions-full-content p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 18px;
}


/* RESPONSIVE */
@media (max-width: 768px) {
  .sarwar-solutions-row {
    flex-direction: column;
  }
}

/*--------------------------------software solution------------------*/
.zayton-softsol-sec {
    padding: 60px 20px;
}

.zayton-softsol-container {
    width: 90%;
    margin: 0 auto;
}

.zayton-softsol-row {
    display: flex;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
}

.zayton-softsol-col-img,
.zayton-softsol-col-content {
    flex: 1;
    min-width: 300px;
}

.zayton-softsol-img-wrap img {
    width: 100%;
    height: 420px;        /* 👈 Increase or decrease here */
    object-fit: cover;    /* Keeps image properly cropped */
    border-radius: 10px;
}

.zayton-softsol-content-wrap p {
    margin-bottom: 15px;
    line-height: 1.7;
    color: #333;
}



.zayton-accsoft-sec {
    padding: 60px 0;
}

.zayton-accsoft-container {
    width: 90%;
    margin: 0 auto;
}

.zayton-accsoft-row {
    display: flex;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
}

.zayton-accsoft-col-img,
.zayton-accsoft-col-content {
    flex: 1;
    min-width: 300px;
}

/* Image */
.zayton-accsoft-img-wrap img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 10px;
}

/* List */
.zayton-accsoft-list {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}

.zayton-accsoft-list li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 16px;
    color: #333;
}

/* Blue Tick Icon */
.zayton-accsoft-icon {
    display: inline-block;
    margin-right: 10px;
    color: #007bff;
    font-weight: bold;
    font-size: 18px;
}