@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
 .spog_header{
     position:fixed;
     top:0;
     left:0;
     width:100%;
     z-index:999;
     background:rgba(255,255,255,.92);
     backdrop-filter:blur(18px);
     border-bottom:1px solid rgba(0,0,0,.05);
}
 .spog_header>div{
     display:flex;
     align-items:center;
     justify-content:space-between;
     padding:18px 0;
}
 .spog_logo{
     display:flex;
     align-items:center;
     gap:15px;
}
 .spog_logo img{
     width:68px;
     border-radius:14px;
     box-shadow:0 10px 25px rgba(0,0,0,.12);
}
 .spog_logo h4{
     font-size:17px;
     font-weight:600;
     color:#222;
}
 .spog_logo span{
     display:block;
     font-size:11px;
     letter-spacing:4px;
     color:#8d97ab;
     margin-top:3px;
}
 .spog_menu{
     display:flex;
     align-items:center;
     gap:36px;
}
 .spog_menu a{
     font-size:16px;
     font-weight:500;
     color:#394253;
     transition:.3s;
}
 .spog_menu a:hover{
     color:#2e6cf4;
}
 .spog_btn{
     padding:15px 34px;
     border-radius:50px;
     font-weight:600;
     font-size:16px;
     display:inline-flex;
     align-items:center;
     justify-content:center;
     transition:.35s;
}
 .spog_btn_primary{
     background: linear-gradient( 135deg, #bfdbfe, #60a5fa 45%, #2563eb );
     color:#fff;
    /* box-shadow:0 18px 35px rgba(69,116,255,.25);
     */
     border: 0px;
}
 .spog_btn_primary:hover{
     transform:translateY(-3px);
     box-shadow:0 22px 45px rgba(69,116,255,.30);
}
 .spog_btn_outline{
     background:#fff;
     color:#222;
     border:1px solid #dbe6fb;
}
 .spog_btn_outline:hover{
     background:#edf5ff;
}
/*========================== HERO ===========================*/
 .spog_hero{
     padding-top: 130px;
     padding-bottom:120px;
     position:relative;
     overflow:hidden;
}
 .spog_hero::before{
     content:"";
     position:absolute;
     right:-180px;
     top:-180px;
     width:650px;
     height:650px;
     background: radial-gradient(circle, rgb(242 250 255), transparent 70%);
     pointer-events:none;
}
 .spog_badge{
     display:inline-flex;
     align-items:center;
     gap:10px;
     padding: 5px 14px;
     border-radius:50px;
     border:1px solid #bdd7ff;
     background:#eef6ff;
     font-size: 12px;
     letter-spacing:2px;
     font-weight: 500;
     color:#4d5665;
     text-transform:uppercase;
     margin-bottom:35px;
     border-color: rgb(165 204 252);
     font-family: 'Sora';
     letter-spacing: 1px;
     background: #b9d7fd24;
    /* border: 1px solid #dbeafe;
     */
     color: #333 !important;
}
 .spog_badge span{
     font-size:18px;
     color: #0c0c0c;
}
 .spog_hero h1{
     font-size: 52px;
     line-height:1.05;
     font-weight:700;
     color:#232323;
     max-width: 90%;
     margin-bottom:30px;
     font-family: "Sora",Georgia,serif;
}
 .spog_gradient{
     background:linear-gradient(135deg,#9ec9ff,#2c67ef);
     -webkit-background-clip:text;
     -webkit-text-fill-color:transparent;
}
 .spog_subtitle{
     font-size:30px;
     font-weight: 500;
     color:#3d4758;
     margin-bottom: 25px;
     max-width:900px;
     font-size: 25px;
     color: #333;
     line-height: 1.6;
}
 .spog_para{
     font-size: 19px;
     color:#5b6574;
     max-width:1050px;
     margin-bottom:40px;
     line-height: 1.5;
}
 .spog_positioning{
     background: #f8fcff66;
     border-left:5px solid #2b66ef;
     padding:24px 30px;
     font-size:18px;
     font-weight:400;
     color:#29303d;
     border-radius:14px;
     box-shadow:0 18px 35px rgba(26,60,145,.08);
     max-width:1050px;
     margin-bottom:50px;
}
 .spog_btns{
     display:flex;
     gap: 9px;
     flex-wrap:wrap;
}
 .spog_btn_large{
     padding: 10px 24px;
     font-size: 15px;
     font-weight: 500;
}
/*========================== RESPONSIVE ===========================*/
 @media(max-width:1200px){
     .spog_menu{
         display:none;
    }
     .spog_hero h1{
         font-size:58px;
    }
}
 @media(max-width:768px){
     .spog_hero{
         padding-top:140px;
         padding-bottom:80px;
    }
     .spog_hero h1{
         font-size:42px;
    }
     .spog_subtitle{
         font-size:22px;
    }
     .spog_para{
         font-size:18px;
    }
     .spog_positioning{
         font-size:18px;
    }
     .spog_btns{
         flex-direction:column;
    }
     .spog_btn{
         width:100%;
    }
}
/*========================= PROOF STRIP ==========================*/
 .spog_proof{
     padding:0 0 80px;
}
 .spog_proof_wrap{
     display:grid;
     grid-template-columns:repeat(4,1fr);
     gap:25px;
}
 .spog_proof_item{
     background:#fff;
     border-radius:22px;
     padding: 26px 35px;
     text-align:center;
     border:1px solid #edf3ff;
     box-shadow:0 20px 45px rgba(28,76,180,.07);
     transition:.35s;
}
 .spog_proof_item:hover{
     transform:translateY(-8px);
}
 .spog_proof_item h3{
     font-size:44px;
     font-weight:800;
     background:linear-gradient(135deg,#8dc5ff,#2d67ef);
     -webkit-background-clip:text;
     -webkit-text-fill-color:transparent;
     margin-bottom: 0px;
}
 .spog_proof_item p{
     font-size:17px;
     color:#5b6678;
}
/*========================= CLIENT LOGOS ==========================*/
 .spog_clients{
     padding-bottom: 00px;
}
 .spog_client_title{
     text-align:center;
     font-size:18px;
     color:#697384;
     margin-bottom:40px;
}
 .spog_client_grid{
     display:grid;
     grid-template-columns:repeat(6,1fr);
     gap:35px;
     align-items:center;
}
 .spog_client_grid img{
     width:100%;
     filter:grayscale(100%);
     opacity:.55;
     transition:.3s;
}
 .spog_client_grid img:hover{
     opacity:1;
     filter:none;
}
/*========================= PROBLEM ==========================*/
 .spog_problem{
     padding: 50px 0;
}
.spog_section_tag {
    display: inline-block;
    padding: 8px 18px;
    border-radius: 40px;
    background: #edf5ff;
    border: 1px solid #d3e5ff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 15px;
}


 .spog_problem h2{
     font-size:54px;
     font-weight:800;
     line-height:1.15;
     max-width: 90%;
     margin-bottom:30px;
     font-family: "Sora",Georgia,serif;
}
 .spog_problem_intro{
     font-size:20px;
     line-height: 1.5;
     color:#616b7a;
     max-width:950px;
     margin-bottom:70px;
}
 .spog_problem_cards{
     display:grid;
     grid-template-columns:repeat(3,1fr);
     gap:35px;
}
 .spog_problem_card{
     background:#fff;
     padding: 25px 35px;
     border-radius:26px;
     border:1px solid #edf2fb;
     box-shadow:0 20px 45px rgba(25,72,181,.08);
     transition:.35s;
}
 .spog_problem_card:hover{
     transform:translateY(-10px);
}
 .spog_problem_no{
     width:70px;
     height:70px;
     border-radius:50%;
     display:flex;
     align-items:center;
     justify-content:center;
     background:linear-gradient(135deg,#8fc7ff,#2b66ef);
     color:#fff;
     font-size:24px;
     font-weight:700;
     margin-bottom: 20px;
}
 .spog_problem_card h3{
     font-size:28px;
     margin-bottom: 10px;
     font-weight: 600;
}
 .spog_problem_card p{
     font-size: 16px;
     line-height: 1.5;
     color:#697383;
}
/*========================= RESPONSIVE ==========================*/
 @media(max-width:992px){
     .spog_proof_wrap, .spog_problem_cards, .spog_client_grid{
         grid-template-columns:repeat(2,1fr);
    }
}
 @media(max-width:768px){
     .spog_proof_wrap, .spog_problem_cards, .spog_client_grid{
         grid-template-columns:1fr;
    }
     .spog_problem h2{
         font-size:36px;
    }
}
/*======================== WHERE WE HELP ========================*/
 .spog_help{
     padding:120px 0;
     background:#fff;
}
 .spog_help h2{
     font-size:54px;
     font-weight:800;
     line-height:1.15;
     max-width: 90%;
     margin:25px 0;
     font-family: "Sora",Georgia,serif;
}
 .spog_help_intro{
     max-width:900px;
     font-size:20px;
     line-height:1.8;
     color:#687383;
     margin-bottom:55px;
}
 .spog_help_banner{
     background:linear-gradient(135deg,#eaf4ff,#ffffff);
     border-radius:24px;
     padding:45px;
     margin-bottom:60px;
     border:1px solid #dbe7ff;
}
 .spog_help_banner h3{
     font-size:34px;
     margin-bottom:15px;
     font-family: "Sora",Georgia,serif;
}
 .spog_help_banner span{
     color:#2b66ef;
}
 .spog_help_grid{
     display:grid;
     grid-template-columns:repeat(5,1fr);
     gap:25px;
}
 .spog_help_card{
     background:#fff;
     padding: 25px;
     border-radius:22px;
     border:1px solid #edf2fb;
     box-shadow:0 20px 45px rgba(24,74,185,.08);
     transition:.35s;
}
 .spog_help_card:hover{
     transform:translateY(-8px);
}
 .spog_icon{
     font-size:42px;
     margin-bottom:25px;
}

.spog_help_card h3 {
    margin-bottom: 5px;
    font-size: 23px;
    font-family: "Sora", Georgia, serif;
    font-size: 23px;
    margin-bottom: 15px;
    line-height: 29px;
}


 .spog_help_card p{
     color:#66707f;
     line-height:1.8;
}
/*======================== IMPACT ========================*/
 .spog_impact{
     padding:110px 0;
     background:#f7fbff;
}
 .spog_impact_grid{
     display:grid;
     grid-template-columns:repeat(4,1fr);
     gap:30px;
     margin-top:50px;
}
 .spog_stat{
     background:white;
     padding:45px;
     border-radius:22px;
     text-align:center;
     box-shadow:0 15px 40px rgba(32,70,180,.08);
}
 .spog_stat h2{
     font-size: 42px !important;
     font-weight:800;
     background:linear-gradient(135deg,#8cc5ff,#2b66ef);
     -webkit-background-clip:text;
     -webkit-text-fill-color:transparent;
     margin-bottom:10px;
}
/*======================== BUSINESS VALUE ========================*/
 .spog_business{
     padding:120px 0;
     background:white;
}
 .spog_business h2{
     font-size:52px;
     margin:20px 0 60px;
     font-family: "Sora",Georgia,serif;
}
 .spog_business_grid{
     display:grid;
     grid-template-columns:repeat(2,1fr);
     gap:35px;
}
 .spog_business_card{
     padding:45px;
     background:#fff;
     border-radius:25px;
     border:1px solid #edf3ff;
     box-shadow:0 15px 40px rgba(30,70,180,.08);
     transition:.35s;
}
 .spog_business_card:hover{
     transform:translateY(-10px);
}
 .spog_business_card h3{
     font-size:30px;
     margin-bottom:20px;
     font-family: "Sora",Georgia,serif;
}
 .spog_business_card p{
     font-size:18px;
     line-height:1.8;
     color:#66707b;
}
/*======================== RESPONSIVE ========================*/
 @media(max-width:992px){
     .spog_help_grid, .spog_impact_grid{
         grid-template-columns:repeat(2,1fr);
    }
     .spog_business_grid{
         grid-template-columns:1fr;
    }
}
 @media(max-width:768px){
     .spog_help_grid, .spog_impact_grid{
         grid-template-columns:1fr;
    }
     .spog_help h2, .spog_business h2{
         font-size:36px;
    }
}
/*========================== ENGINE ==========================*/
 .spog_engine{
     padding:120px 0;
     background:#f8fbff;
}
 .spog_engine h2{
     font-size:56px;
     margin:20px 0;
     font-family: "Sora",Georgia,serif;
}
 .spog_engine_intro{
     font-size:20px;
     max-width:900px;
     line-height:1.8;
     margin-bottom:10px;
     color:#66717f;
}
 .spog_engine_steps{
     display:grid;
     grid-template-columns:repeat(3,1fr);
     gap:35px;
}
 .spog_engine_card{
     background:white;
     padding:45px;
     border-radius:25px;
     box-shadow:0 20px 45px rgba(31,72,181,.08);
     border:1px solid #edf2fb;
     transition:.35s;
     text-align:center;
}
 .spog_engine_card:hover{
     transform:translateY(-10px);
}
 .spog_engine_icon{
     width:90px;
     height:90px;
     margin:auto;
     border-radius:50%;
     background:linear-gradient(135deg,#8fc6ff,#2c67ef);
     display:flex;
     align-items:center;
     justify-content:center;
     font-size:42px;
     color:white;
     margin-bottom:30px;
}
 .spog_engine_card h3{
     font-size:30px;
     margin-bottom:20px;
     font-family: "Sora",Georgia,serif;
}
 .spog_engine_card p{
     font-size:18px;
     line-height:1.8;
     color:#66727f;
}
 .spog_architecture{
     margin-top:80px;
     display:flex;
     justify-content:center;
     align-items:center;
     gap:25px;
     font-weight:700;
     font-size:18px;
     flex-wrap:wrap;
}
 .spog_architecture span{
     padding:14px 24px;
     background:white;
     border-radius:40px;
     box-shadow:0 10px 25px rgba(31,71,181,.08);
}
/*========================== DELIVERY ==========================*/
 .spog_delivery{
     padding:120px 0;
     background:white;
}
 .spog_delivery h2{
     font-size:56px;
     margin:20px 0;
     font-family: "Sora",Georgia,serif;
}
 .spog_delivery_grid{
     display:grid;
     grid-template-columns:repeat(4,1fr);
     gap:30px;
     margin-top:60px;
}
 .spog_delivery_card{
     background:#fff;
     padding:40px;
     border-radius:24px;
     box-shadow:0 15px 40px rgba(31,71,181,.08);
     position:relative;
     transition:.35s;
}
 .spog_delivery_card:hover{
     transform:translateY(-10px);
}
 .spog_delivery_no{
     width:70px;
     height:70px;
     background:linear-gradient(135deg,#8dc5ff,#2b66ef);
     border-radius:50%;
     display:flex;
     align-items:center;
     justify-content:center;
     font-size:24px;
     font-weight:700;
     color:#fff;
     margin-bottom:25px;
}
 .spog_delivery_card h3{
     font-size: 24px;
     margin-bottom:20px;
     font-family: "Sora",Georgia,serif;
}
 .spog_delivery_card p{
     font-size:18px;
     line-height:1.8;
     color:#66717c;
}
/*========================== RESPONSIVE ==========================*/
 @media(max-width:992px){
     .spog_engine_steps{
         grid-template-columns:1fr;
    }
     .spog_delivery_grid{
         grid-template-columns:repeat(2,1fr);
    }
}
 @media(max-width:768px){
     .spog_delivery_grid{
         grid-template-columns:1fr;
    }
     .spog_engine h2, .spog_delivery h2{
         font-size:36px;
    }
}
/*========================== WHAT YOU GAIN ==========================*/
 .spog_gain{
     padding:120px 0;
     background:#f8fbff;
}
 .spog_gain_grid{
     display:grid;
     grid-template-columns:repeat(3,1fr);
     gap:30px;
     margin-top:60px;
}
 .spog_gain_card, .spog_about_card, .spog_quote{
     background:#fff;
     padding:40px;
     color:#222;
     border-radius:24px;
     border:1px solid #edf2fb;
     box-shadow:0 15px 40px rgba(31,71,181,.08);
     transition:.35s;
}
 .spog_gain_card:hover, .spog_about_card:hover, .spog_quote:hover{
     transform:translateY(-10px);
}
 .spog_gain_card h3{
     font-size:60px;
     background:linear-gradient(135deg,#8dc5ff,#2b66ef);
     -webkit-background-clip:text;
     -webkit-text-fill-color:transparent;
     font-family: "Sora",Georgia,serif;
}
/*========================== ABOUT ==========================*/
 .spog_about{
     padding:120px 0;
}
 .spog_about_intro{
     max-width:900px;
     margin:30px 0 60px;
     font-size:20px;
     line-height:1.8;
}
 .spog_about_grid{
     display:grid;
     grid-template-columns:repeat(2,1fr);
     gap:35px;
}
/*========================== PROOF ==========================*/
 .spog_production{
     padding:120px 0;
     background:#f8fbff;
}
 .spog_testimonials{
     display:grid;
     grid-template-columns:repeat(2,1fr);
     gap:35px;
     margin-top:60px;
}
 .spog_quote{
     font-size:18px;
}
 .spog_quote p{
     margin:25px 0;
     line-height:1.8;
}
/*========================== CTA ==========================*/
 .spog_cta{
     padding:120px 0;
     text-align:center;
     background:linear-gradient(135deg,#1e60ef,#7ec0ff);
     color:#fff;
}
 .spog_cta h2{
     font-size:56px;
     margin-bottom:25px;
     font-family: "Sora",Georgia,serif;
}
 .spog_cta p{
     max-width:850px;
     margin:auto;
     font-size:22px;
     margin-bottom:45px;
}
/*========================== FOOTER ==========================*/
 .spog_footer{
     padding:80px 0 30px;
     background:#0f1728;
     color:#fff;
}
 .spog_footer_grid{
     display:grid;
     grid-template-columns:2fr 1fr 1fr;
     gap:50px;
}
 .spog_footer a{
     color:#b9c3d8;
     display:block;
     margin-bottom:12px;
}
 .spog_footer hr{
     margin:50px 0 25px;
     border:none;
     height:1px;
     background:#2d3852;
}
 .spog_copy{
     text-align:center;
     color:#98a3bb;
}
/*========================== RESPONSIVE ==========================*/
 @media(max-width:992px){
     .spog_gain_grid, .spog_about_grid, .spog_testimonials, .spog_footer_grid{
         grid-template-columns:1fr;
    }
}
 @media(max-width:768px){
     .spog_cta h2{
         font-size:36px;
    }
     .spog_gain h2, .spog_about h2, .spog_production h2{
         font-size:36px;
    }
}
 .main_iiner_page_wrp_1 {
}
 .main_iiner_page_wrp_1 section{
     padding: 60px 4%;
}
 .main_iiner_page_wrp_1 h1, .main_iiner_page_wrp_1 h2 {
     font-family: "Sora", Georgia, serif;
     font-size: 50px;
     margin-bottom: 10px;
     line-height: 60px;
}
 .main_iiner_page_wrp_1 section.spog_hero{
     padding-top: 130px;
}
 .spog_icon i, .cyber_feature_icon i{
     display: inline-block;
     width: 80px;
     height: 80px;
     background: linear-gradient( 135deg, #bfdbfe, #60a5fa 45%, #2563eb );
     line-height: 80px;
     text-align: center;
     border-radius: 100px;
     color: #fff;
}
 .mn_t_container{
     margin-top: 30px;
}
 .spog_proof {
     padding-top: 0px !important;
}
/*========================== HERO ==========================*/
 .cyber_hero{
     padding:170px 0 120px;
     position:relative;
     overflow:hidden;
     padding-top: 130px !important;
}
 .cyber_container{
     width: 100%;
     margin:auto;
}
 .cyber_badge{
     display:inline-flex;
     align-items:center;
     gap:10px;
     padding:10px 22px;
     border-radius:50px;
     background:#eef6ff;
     border:1px solid #d5e6ff;
     font-size:13px;
     font-weight:700;
     letter-spacing:2px;
     margin-bottom:35px;
}
 .cyber_badge span{
     width:10px;
     height:10px;
     background:#2d67ef;
     border-radius:50%;
}
 .cyber_hero_content{
     display:grid;
     align-items:center;
     gap:80px;
}
 .cyber_left h1{
     font-size:68px;
     line-height:1.05;
     font-weight:800;
     margin-bottom:30px;
     font-family: "Sora", Georgia, serif;
     font-size: 50px;
     margin-bottom: 10px;
     line-height: 60px;
     font-weight: 700;
}
 .cyber_left h1 span{
     background:linear-gradient(135deg,#8fc6ff,#2b66ef);
     -webkit-background-clip:text;
     -webkit-text-fill-color:transparent;
}
 .cyber_left h3{
     font-size: 25px;
     font-weight: 500;
     margin-bottom:25px;
     color: #333;
}
 .cyber_left p{
     font-size: 19px;
     line-height: 1.6;
     color: #5b6574;
     margin-bottom:35px;
}
 
 .cyber_highlight {
    padding: 25px 30px;
    border-left: 5px solid #2b66ef;
    background: #f8fcff66;
    border-radius: 15px;
    box-shadow: 0 15px 40px rgba(31, 71, 181, .08);
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 45px;
    line-height: 27px;
}

 
 .cyber_buttons {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
}

 
 .cyber_btn {
    padding: 18px 38px;
    border-radius: 50px;
    font-weight: 600;
    transition: .35s;
    padding: 10px 24px;
    font-size: 15px;
    font-weight: 500;
    border: 0px;
}


 .cyber_primary{
     background:linear-gradient(135deg,#8fc6ff,#2b66ef);
     color:white;
}
 .cyber_outline{
     background:white;
     border:1px solid #dbe6fb;
     color:#222;
}
 .cyber_circle{
     width:420px;
     height:420px;
     border-radius:50%;
     background:linear-gradient(135deg,#eef6ff,#cfe5ff);
     display:flex;
     align-items:center;
     justify-content:center;
     margin:auto;
}
 .cyber_icon{
     font-size:140px;
}
/*========================== PROOF ==========================*/
 .cyber_proof{
     padding-bottom:90px;
}
 .cyber_proof_box{
     display:grid;
     grid-template-columns:repeat(4,1fr);
     gap:30px;
}
 .cyber_proof_box div{
     background:white;
     padding: 30px 20px;
     text-align:center;
     border-radius: 18px;
     box-shadow:0 15px 35px rgba(30,70,180,.08);
}
 .cyber_proof_box h2{
     font-size:48px;
     background:linear-gradient(135deg,#8fc6ff,#2b66ef);
     -webkit-background-clip:text;
     -webkit-text-fill-color:transparent;
     margin-bottom:10px;
     font-family: "Sora", Georgia, serif;
     font-size: 40px;
     margin-bottom: 0px;
     line-height: 44px;
     font-weight: 700;
}
/*========================== CLIENTS ==========================*/
 .cyber_clients{
     padding-bottom:120px;
}
 .cyber_clients p{
     text-align:center;
     margin-bottom:40px;
     font-size:18px;
     color:#6b7382;
}
 .cyber_logo_row{
     display:grid;
     grid-template-columns:repeat(6,1fr);
     gap:30px;
     align-items:center;
}
 .cyber_logo_row img{
     width:100%;
     filter:grayscale(100%);
     opacity:.6;
     transition:.35s;
}
 .cyber_logo_row img:hover{
     filter:none;
     opacity:1;
}
/*========================== RESPONSIVE ==========================*/
 @media(max-width:992px){
     .cyber_hero_content{
         grid-template-columns:1fr;
    }
     .cyber_proof_box{
         grid-template-columns:repeat(2,1fr);
    }
     .cyber_logo_row{
         grid-template-columns:repeat(3,1fr);
    }
}
 @media(max-width:768px){
     .cyber_left h1{
         font-size:42px;
    }
     .cyber_left h3{
         font-size:22px;
    }
     .cyber_left p{
         font-size:18px;
    }
     .cyber_proof_box, .cyber_logo_row{
         grid-template-columns:1fr;
    }
     .cyber_buttons{
         flex-direction:column;
    }
     .cyber_btn{
         width:100%;
         text-align:center;
    }
}
/*==================================== CYBER PROBLEM ====================================*/
 .cyber_problem{
     padding:120px 0;
}
 .cyber_section_title{
     max-width: 80%;
     margin:auto;
     text-align:center;
     margin-bottom:70px;
}
 .cyber_section_title span{
     display:inline-block;
     padding:10px 22px;
     border-radius:50px;
     background:#eef6ff;
     color:#2d67ef;
     font-size: 12px;
     font-weight: 500;
     letter-spacing:2px;
     margin-bottom:25px;
     border-color: rgb(165 204 252);
     font-family: 'Sora';
     letter-spacing: 1px;
     background: #b9d7fd24;
     border: 1px solid #dbeafe !important;
     color: #333 !important;
}
 .cyber_section_title h2{
     font-size:58px;
     line-height:1.15;
     font-weight:800;
     margin-bottom:25px;
     color:#20242d;
     font-family: "Sora", Georgia, serif;
     font-size: 50px;
     margin-bottom: 10px;
     line-height: 60px;
     font-weight: 700;
}
 .cyber_section_title strong{
     display:block;
     background:linear-gradient(135deg,#8fc6ff,#2b66ef);
     -webkit-background-clip:text;
     -webkit-text-fill-color:transparent;
}
 .cyber_section_title p{
     font-size: 18px;
     line-height: 1.7;
     color: #555;
}
 .cyber_problem_grid{
     display:grid;
     grid-template-columns:repeat(3,1fr);
     gap:35px;
}
 .cyber_problem_card{
     background:#fff;
     padding: 30px;
     border-radius:24px;
     border:1px solid #edf2fb;
     box-shadow:0 15px 35px rgba(31,71,181,.08);
     transition:.35s;
     position:relative;
     overflow:hidden;
}
 .cyber_problem_card:hover{
     transform:translateY(-10px);
}
 .cyber_problem_card:before{
     content:"";
     position:absolute;
     left:0;
     top:0;
     width:100%;
     height:5px;
     background:linear-gradient(90deg,#8fc6ff,#2b66ef);
}
 .cyber_number{
     width:70px;
     height:70px;
     border-radius:50%;
     background:linear-gradient(135deg,#8fc6ff,#2b66ef);
     display:flex;
     align-items:center;
     justify-content:center;
     color:#fff;
     font-size:24px;
     font-weight:700;
     margin-bottom:30px;
}
 .cyber_problem_card h3{
     font-size:28px;
     margin-bottom:20px;
     color:#20242d;
     font-family: "Sora", Georgia, serif;
     font-size: 24px;
     margin-bottom: 10px;
     line-height: 30px;
     font-weight: 700;
}
 .cyber_problem_card p{
     font-size: 16px;
     line-height: 1.7;
     color: #666;
}
/*========================== Responsive ==========================*/
 @media(max-width:992px){
     .cyber_problem_grid{
         grid-template-columns:1fr;
    }
}
 @media(max-width:768px){
     .cyber_section_title h2{
         font-size:38px;
    }
     .cyber_section_title p{
         font-size:18px;
    }
     .cyber_problem_card{
         padding:35px;
    }
}
/*========================================= WHERE WE HELP =========================================*/
 .cyber_help{
     padding:120px 0;
     background:#f8fbff;
}
 .cyber_dashboard_box{
     background:#fff;
     padding:45px;
     border-radius:25px;
     margin:60px 0;
     box-shadow:0 15px 40px rgba(33,69,170,.08);
     border:1px solid #edf2fb;
}
 .cyber_dashboard_box h3{
     font-size:34px;
     margin-bottom:15px;
     font-family: "Sora", Georgia, serif;
     font-size: 30px;
     margin-bottom: 0px;
     line-height: 60px;
     font-weight: 700;
}
 .cyber_dashboard_box span{
     color:#2d67ef;
}
 .cyber_dashboard_box p{
     font-size:20px;
     line-height:1.8;
     color:#69717f;
}
/*================================*/
 .cyber_feature_grid{
     display:grid;
     grid-template-columns:repeat(5,1fr);
     gap:25px;
}
 .cyber_feature{
     background:white;
     padding:35px;
     border-radius:24px;
     text-align:center;
     box-shadow:0 15px 35px rgba(31,71,181,.08);
     transition:.35s;
     background: #fff;
     padding: 25px;
     border-radius: 22px;
     border: 1px solid #edf2fb;
     box-shadow: 0 20px 45px rgba(24, 74, 185, .08);
     transition: .35s;
     text-align: left;
}
 .cyber_feature:hover{
     transform:translateY(-8px);
}
 .cyber_feature_icon{
     font-size:48px;
     margin-bottom:5px;
}
 .cyber_feature h4{
     font-size: 23px;
     margin-bottom:15px;
     line-height: 29px;
     font-family: "Sora", Georgia, serif;
}
 .cyber_feature p{
     font-size:17px;
     line-height: 1.5;
     color:#69717f;
}
/*========================================= IMPACT =========================================*/
 .cyber_impact{
     padding:120px 0;
}
 .cyber_impact_grid{
     display:grid;
     grid-template-columns:repeat(5,1fr);
     gap:25px;
}
 .cyber_impact_box{
     background:white;
     padding: 20px;
     border-radius:22px;
     text-align:center;
     box-shadow:0 15px 35px rgba(31,71,181,.08);
}
 .cyber_impact_box h2{
     font-size: 35px;
     background:linear-gradient(135deg,#8fc6ff,#2b66ef);
     -webkit-background-clip:text;
     -webkit-text-fill-color:transparent;
     margin-bottom:10px;
     font-family: "Sora", Georgia, serif;
}
/*========================================= BUSINESS VALUE =========================================*/
 .cyber_business{
     padding:120px 0;
     background:#fff;
}
 .cyber_business_grid{
     display:grid;
     grid-template-columns:repeat(2,1fr);
     gap:35px;
     margin-top:60px;
}
 .cyber_business_card{
     padding:45px;
     background:white;
     border-radius:24px;
     box-shadow:0 15px 40px rgba(31,71,181,.08);
     transition:.35s;
}
 .cyber_business_card:hover{
     transform:translateY(-8px);
}
 .cyber_business_card h3{
     font-size:28px;
     margin-bottom: 5px;
     font-family: "Sora", Georgia, serif;
}
 .cyber_business_card p{
     font-size: 16px;
     line-height: 1.5;
     color:#69717f;
}
/*========================================= Responsive =========================================*/
 @media(max-width:992px){
     .cyber_feature_grid{
         grid-template-columns:repeat(2,1fr);
    }
     .cyber_impact_grid{
         grid-template-columns:repeat(2,1fr);
    }
     .cyber_business_grid{
         grid-template-columns:1fr;
    }
}
 @media(max-width:768px){
     .cyber_feature_grid, .cyber_impact_grid{
         grid-template-columns:1fr;
    }
}
/*====================================== SPoG ENGINE ======================================*/
 .cyber_engine{
     padding:130px 0;
     background:#f7fbff;
}
 .cyber_engine_wrap{
     display:grid;
     grid-template-columns:1fr auto 1fr auto 1fr;
     gap:20px;
     align-items:center;
     margin-top:80px;
}
 .cyber_engine_card{
     background:#fff;
     padding:45px;
     border-radius:25px;
     text-align:center;
     box-shadow:0 20px 45px rgba(20,60,160,.08);
     border:1px solid #edf2fb;
     transition:.35s;
     height:100%;
}
 .cyber_engine_card:hover{
     transform:translateY(-10px);
}
 .cyber_engine_icon{
     width:90px;
     height:90px;
     margin:auto;
     border-radius:50%;
     background:linear-gradient(135deg,#8fc6ff,#2b66ef);
     display:flex;
     align-items:center;
     justify-content:center;
     font-size:40px;
     color:#fff;
     margin-bottom:30px;
}
 .cyber_engine_card h3{
     font-size:30px;
     margin-bottom:20px;
     font-weight:700;
}
 .cyber_engine_card p{
     font-size:18px;
     line-height:1.9;
     color:#687281;
}
 .cyber_engine_arrow{
     font-size:60px;
     color:#2b66ef;
     font-weight:700;
}
/*==============================*/
 .cyber_architecture{
     margin-top:90px;
     display:flex;
     justify-content:center;
     align-items:center;
     gap:18px;
     flex-wrap:wrap;
}
 .cyber_architecture div{
     padding:15px 28px;
     border-radius:40px;
     background:#fff;
     box-shadow:0 15px 35px rgba(20,60,160,.08);
     font-weight:700;
     letter-spacing:1px;
}
 .cyber_architecture span{
     font-size:24px;
     font-weight:700;
     color:#2b66ef;
}
/*============================== Responsive ==============================*/
 @media(max-width:992px){
     .cyber_engine_wrap{
         grid-template-columns:1fr;
    }
     .cyber_engine_arrow{
         display:none;
    }
}
 @media(max-width:768px){
     .cyber_architecture{
         flex-direction:column;
    }
     .cyber_architecture span{
         transform:rotate(90deg);
    }
}
/*================================== DELIVERY ==================================*/
 .cyber_delivery{
     padding:130px 0;
     background:#fff;
     position:relative;
}
 .cyber_delivery_grid{
     display:grid;
     grid-template-columns:repeat(4,1fr);
     gap: 25px;
     position:relative;
     margin-top:70px;
}
 .cyber_delivery_line{
     height:3px;
     background:linear-gradient(90deg,#8fc6ff,#2b66ef);
     margin:80px 8% -83px;
}
 .cyber_step{
     background:#fff;
     padding: 30px;
     border-radius: 18px;
     box-shadow:0 15px 40px rgba(24,70,180,.08);
     border:1px solid #edf2fb;
     position:relative;
     transition:.35s;
     z-index:2;
     text-align: center;
}
 .cyber_step:hover{
     transform:translateY(-10px);
}
 .cyber_step_no{
     width:70px;
     height:70px;
     border-radius:50%;
     background:linear-gradient(135deg,#8fc6ff,#2b66ef);
     display:flex;
     align-items:center;
     justify-content:center;
     color:#fff;
     font-size:24px;
     font-weight:700;
     margin:-75px auto 30px;
     box-shadow:0 15px 30px rgba(40,90,220,.25);
}
 .cyber_step h3{
     font-size:28px;
     margin-bottom:20px;
     text-align:center;
}
 .cyber_step p{
     font-size: 16px;
     line-height: 1.5;
     text-align:center;
     color:#69717d;
}
/*====================*/
 @media(max-width:992px){
     .cyber_delivery_grid{
         grid-template-columns:repeat(2,1fr);
    }
     .cyber_delivery_line{
         display:none;
    }
}
 @media(max-width:768px){
     .cyber_delivery_grid{
         grid-template-columns:1fr;
    }
}
/*===================================== WHAT YOU GAIN ======================================*/
 .cyber_gain{
     padding:120px 0;
     background:#f7fbff;
}
 .cyber_gain_grid{
     display:grid;
     grid-template-columns:repeat(3,1fr);
     gap:35px;
     margin-top:60px;
}
 .cyber_gain_card{
     background:#fff;
     padding: 25px 30px;
     border-radius:24px;
     box-shadow:0 15px 35px rgba(30,70,180,.08);
     border:1px solid #edf2fb;
     transition:.35s;
}
 .cyber_gain_card:hover{
     transform:translateY(-10px);
}
 .cyber_gain_number{
     font-size:56px;
     font-weight:800;
     background:linear-gradient(135deg,#8fc6ff,#2b66ef);
     -webkit-background-clip:text;
     -webkit-text-fill-color:transparent;
     margin-bottom: 15px;
}
 .cyber_gain_number small{
     display:block;
     font-size:14px;
     letter-spacing:2px;
     margin-bottom:5px;
}
 .cyber_gain_card h3{
     font-size: 27px;
     margin-bottom:18px;
}
 .cyber_gain_card p{
     font-size: 15px;
     line-height: 1.6;
     color:#6a7482;
}
/*===================================== ABOUT ======================================*/
 .cyber_about{
     padding:120px 0;
     background:#fff;
}
 .cyber_big_number{
     text-align:center;
     padding:60px 0;
}
 .cyber_big_number h1{
     font-size:120px;
     font-weight:800;
     background:linear-gradient(135deg,#8fc6ff,#2b66ef);
     -webkit-background-clip:text;
     -webkit-text-fill-color:transparent;
     line-height:1;
     font-family: "Sora", Georgia, serif;
}
 .cyber_big_number p{
     font-size:28px;
     margin:10px 0 20px;
     font-family: "Sora", Georgia, serif;
     font-weight: 600;
}
 .cyber_big_number a{
     color:#2b66ef;
     font-weight:600;
}
 .cyber_about_grid{
     display:grid;
     grid-template-columns:repeat(2,1fr);
     gap:35px;
     margin-top:50px;
}
 .cyber_about_card{
     padding:45px;
     background:#fff;
     border-radius:24px;
     border:1px solid #edf2fb;
     box-shadow:0 15px 40px rgba(31,71,181,.08);
     transition:.35s;
}
 .cyber_about_card:hover{
     transform:translateY(-10px);
}
 .cyber_about_icon{
     width:75px;
     height:75px;
     border-radius:50%;
     background:linear-gradient(135deg,#8fc6ff,#2b66ef);
     display:flex;
     align-items:center;
     justify-content:center;
     font-size:34px;
     margin-bottom:30px;
}

.cyber_about_icon svg{
    color:#fff;
    width: 50px;
    height: 50px;
    stroke-width: 1.6;
}

 .cyber_about_card h3{
     font-size: 25px;
     margin-bottom: 10px;
     font-family: "Sora", Georgia, serif;
}
 .cyber_about_card p{
     font-size: 16px;
     line-height: 1.6;
     color:#69717d;
}
/*==========================*/
 @media(max-width:992px){
     .cyber_gain_grid{
         grid-template-columns:1fr;
    }
     .cyber_about_grid{
         grid-template-columns:1fr;
    }
}
 @media(max-width:768px){
     .cyber_big_number h1{
         font-size:80px;
    }
}
/*======================================== PROOF =========================================*/
 .cyber_proof_section{
     padding:120px 0;
     background:#f7fbff;
}
 .cyber_testimonial_grid{
     display:grid;
     grid-template-columns:repeat(2,1fr);
     gap:35px;
     margin-top:60px;
}
 .cyber_testimonial{
     background:#fff;
     padding:40px;
     border-radius:24px;
     box-shadow:0 15px 35px rgba(30,70,180,.08);
     transition:.35s;
}
 .cyber_testimonial:hover{
     transform:translateY(-8px);
}
 .cyber_avatar{
     width:70px;
     height:70px;
     border-radius:50%;
     background:linear-gradient(135deg,#8fc6ff,#2b66ef);
     display:flex;
     align-items:center;
     justify-content:center;
     font-size:28px;
     font-weight:700;
     color:#fff;
     margin-bottom:25px;
}
 .cyber_testimonial h3{
     margin-bottom:20px;
     font-size:26px;
     font-family: "Sora", Georgia, serif;
}
 .cyber_testimonial p{
     font-size:18px;
     line-height: 1.6;
     color:#69717d;
}
/*======================================== CTA =========================================*/
 .cyber_cta{
     padding:120px 0;
     background:#fff;
}
 .cyber_cta_box{
     background:linear-gradient(135deg,#0b4fd6,#6db6ff);
     border-radius: 0px;
     padding: 50px 40px;
     text-align:center;
     color:#fff;
}
 .cyber_cta_box h2{
     font-size:52px;
     margin-bottom:20px;
}
 
 .cyber_cta_box p {
    font-size: 19px;
    max-width: 900px;
    margin: auto auto 35px;
    line-height: 1.3;
    margin-bottom: 12px;
}


 .cyber_cta_box ul{
     max-width:900px;
     margin:0 auto 40px;
     text-align:left;
     line-height:2.2;
     font-size:18px;
     list-style:none;
     padding:0;
}
 .cyber_cta_box li{
     margin-bottom: 2px;
     font-size: 15px;
}
/*======================================== FOOTER =========================================*/
 .cyber_footer{
     background:#0d1424;
     padding:90px 0 30px;
     color:#fff;
}
 .cyber_footer_grid{
     display:grid;
     grid-template-columns:2fr 1fr 1fr;
     gap:50px;
     padding-bottom:50px;
     border-bottom:1px solid rgba(255,255,255,.1);
}
 .cyber_footer h3{
     font-size:30px;
     margin-bottom:20px;
}
 .cyber_footer h4{
     margin-bottom:25px;
     font-size:22px;
}
 .cyber_footer p{
     color:#bfc7d8;
     line-height:1.9;
}
 .cyber_footer ul{
     list-style:none;
     padding:0;
     margin:0;
}
 .cyber_footer li{
     margin-bottom:15px;
}
 .cyber_footer a{
     color:#bfc7d8;
     text-decoration:none;
     transition:.3s;
}
 .cyber_footer a:hover{
     color:#fff;
}
 .cyber_footer_bottom{
     padding-top:30px;
     display:flex;
     justify-content:space-between;
     align-items:center;
     color:#9aa7bf;
     flex-wrap:wrap;
     gap:20px;
}
/*========================*/
 @media(max-width:992px){
     .cyber_testimonial_grid, .cyber_footer_grid{
         grid-template-columns:1fr;
    }
}
 @media(max-width:768px){
     .cyber_cta_box{
         padding:40px 25px;
    }
     .cyber_cta_box h2{
         font-size:36px;
    }
     .cyber_cta_box p{
         font-size:18px;
    }
     .cyber_footer_bottom{
         flex-direction:column;
         text-align:center;
    }
}
 .cyber_feature_icon{
}
 .cyber_feature_icon svg{
     background: linear-gradient( 135deg, #bfdbfe, #60a5fa 45%, #2563eb );
     width: 100px;
     height: 100px;
     padding: 20px;
     border-radius: 100px;
     color: #fff;
     stroke-width: 1.2;
}
 a:focus-visible{
     outline: none;
}
 .cyber_about_card ul{
     margin-top:20px;
     padding-left:20px;
}
 .cyber_about_card ul li{
     margin-bottom:12px;
     color:#69717d;
     line-height:1.7;
}



.cyber_cta {
    padding: 0px 0 !important;
    background: #fff;
}




/*=========================================
DISCOVERY FORM
=========================================*/

.cyber_contact{
padding:120px 0;
background:#f7fbff;
}

.cyber_form_box{
background:#fff;
padding:50px;
border-radius:24px;
box-shadow:0 20px 45px rgba(0,0,0,.08);
margin-top:60px;
}

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

.cyber_field{
margin-bottom:25px;
}

.cyber_field label{
display:block;
font-weight:600;
margin-bottom:10px;
}

.cyber_field input,
.cyber_field select,
.cyber_field textarea{
width:100%;
padding:16px;
border:1px solid #d8e1ef;
border-radius:12px;
font-size:16px;
font-family:inherit;
}

.cyber_field textarea{
resize:vertical;
}

.cyber_radio_group{
margin:35px 0;
}

.cyber_radio_group h4{
margin-bottom:15px;
}

.cyber_radio_group label{
display:inline-flex;
align-items:center;
gap:10px;
margin-right:30px;
margin-bottom:12px;
cursor:pointer;
}

@media(max-width:768px){

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

.cyber_form_box{
padding:30px;
}

.cyber_radio_group label{
display:flex;
margin-right:0;
}

}

/*=========================================
FAQ
=========================================*/

.cyber_faq{

padding:120px 0;

background:#ffffff;

}

.cyber_faq_wrap{

max-width:1100px;

margin:70px auto 0;

}

.cyber_faq_item{

background:#fff;

border:1px solid #e7edf5;

border-radius:18px;

padding:30px 35px;

margin-bottom:22px;

box-shadow:0 12px 35px rgba(25,60,150,.06);

transition:.3s;

}

.cyber_faq_item:hover{

transform:translateY(-4px);

box-shadow:0 20px 45px rgba(25,60,150,.10);

}

.cyber_faq_item h3{

font-size:24px;

margin-bottom:15px;

color:#1b2b45;

}

.cyber_faq_item p{

font-size:17px;

line-height:1.9;

color:#69717d;

}

@media(max-width:768px){

.cyber_faq_item{

padding:25px;

}

.cyber_faq_item h3{

font-size:20px;

}

}

.cyber_feature_grid_main{
        grid-template-columns: repeat(4, 1fr);
}

.cyber_delivery_grid_ak{
        grid-template-columns: repeat(5, 1fr) !important;
}

.cyber_delivery_grid_ak .cyber_step {
    zoom: 0.8;
}

.cyber_delivery_grid_ak .cyber_step h3 {
    font-size: 22px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 30px;
}




.vido_wrp {
    background: #fff;
    width: 100%;
    padding: 15px;
    border-radius: 20px;
    text-align: center;
    margin-bottom: 30px;
}

.vido_wrp video {
    height: 450px;
    border-radius: 10px;
}



@media screen and (max-width: 1024px) {
.vido_wrp video {
    height: auto !important;
    width: 100%;
    border-radius: 10px;
}

.vido_wrp {
   
    padding: 0px !important; 
    background: none !important;
}