@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {
  --page-width: 1420px !important;
	    --ink: #0E1A2B;
	--cy-blue: #0A73BE;
}
* {
  font-family: 'Open Sans' !important;
}
u,a {
  text-decoration-thickness: 1px !important;
}
p:last-child{
	margin-bottom: 0 !important;
}

/*=======================
Start_Header_Css
=======================*/

.get-cyber-btn a {
    color: #ffffff !important;
    background: #0a73be;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 11px 25px 11px 25px;
    border-radius: 50px 50px 50px 50px;
    display: inline-block;
}
.get-cyber-btn a:hover{
    background: #000;
}
.white-btn.get-cyber-btn a{
    background: #fff;
    color: #000 !important;
}
.white-btn.get-cyber-btn a:hover{
    background: #000;
    color: #fff !important;
}
.get-cyber-button.menu-item {
    display: none !important;
}

.get-cyber-button a.elementor-item {
    background-color: var(--e-global-color-accent);
    padding: 8px 15px 8px 15px;
    border-radius: 50px 50px 50px 50px;
    text-align: center;
    justify-content: center;
    color: #fff;
}

.get-cyber-button a.elementor-item:hover {
        background-color: var(--e-global-color-secondary);
}
@media (max-width:1024px){
.get-cyber-button.menu-item {
    display: block;
}
}
/*=======================
End_Header_Css
=======================*/


.service-grid-box .service-box-img{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    pointer-events: none;
}
.service-grid-box .service-box-img img{
    max-width: 255px;
    width: 100%;

}
.service-grid-box:hover h3,
.service-grid-box:hover p{
    color: #fff !important;
}
.service-grid-box .all-btn-primary a{
    min-width: 224px;
}
.service-grid-box:hover .all-btn-primary a{
    background: #fff !important;
    color: #0E6EB1 !important;
}
.service-grid-box:hover .service-box-img img{
    filter: brightness(0) invert(1);
    opacity: 0.2 !important;
}
.service-grid-box:hover .service-btn-footer{
    border-color: #000 !important;
}
.ul-icon-list-grid .elementor-icon-list-items{
     display: grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap:18px;
}
.ul-icon-list-grid .elementor-icon-list-items li{
    margin: 0 !important;
}
.small-heading-part{
    max-width: 986px;
    margin: 0 auto !important;
}

.cybercy-services-grid{
     display: grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 80px;
}
.cybercy-services-grid .cybercy-service-card{
    background: #FFFFFF;
    border-radius: 40px;
    padding: 85px 50px;
    text-align: center;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.cybercy-service-card .cybercy-service-icon{
    margin-bottom: 30px;
}
.cybercy-service-card .cybercy-service-title{
    margin: 0 0 24px;
    font-weight: 700;
    font-size: 30px;
    color: #000;
}
.cybercy-service-card .cybercy-service-content p{
    font-size: 16px;
    color: #1A1A1A;
    font-weight: 400;
}
.cybercy-service-card .cybercy-service-content{
    margin-bottom: 40px;
}
.cybercy-service-card .cybercy-read-more{
    background: #0E6EB1;
    border-radius: 30px;
    padding: 14px 20px;
    text-align: center;
    min-width: 200px;
    color: #fff;
    font-size: 16px;
}
.cybercy-service-card .cybercy-read-more:hover{
    background: #000;
    color: #fff;
}

.about-full-title h2{
    font-weight: 700;
    margin: 0;
}
.about-full-title h2 strong{
    color: #0E6EB1;
    font-weight: 700;
}
.about-full-title h3 b{
    color: #0E6EB1;
    font-weight: 600;
}
.cyber-security-box{
    width: 275px;
    height: 275px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cyber-security-box h3{
    margin-top: 0;
}
.cyber-security-column .cyber-security-box{
    position: relative;
}
.cyber-security-column .cyber-security-box:after{
    content: '';
    background: url('../img/logo-clip-path.png') no-repeat 0 0;
    width: 475px;
    height: 481px;
    position: absolute;
    top: 60%;
    left: 50%;
    display: block !important;
    z-index: -1;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.3s ease;
    background-size: 100%;
}
.cyber-security-column .cyber-security-box.active:after{
    opacity: 1;
}
.all-btn-theme a{
    min-width: 250px;
}

.form-newsletter{
    background: #fff;
    border-radius: 6px;
    padding: 5px;
    display: flex;
    max-width: 600px;
    margin: 0 auto;
}
.form-newsletter .input-field-part{
    width: 100%;
}
.form-newsletter .input-field-part .wpcf7-form-control-wrap,
.form-newsletter .input-field-part p{
    height: 100% !important;
    display: block;
}
.form-newsletter .input-field-part .wpcf7-form-control-wrap .input-field{
    height: 100%;
    background: #fff;
    border: 0;
    outline: none;
    border-radius: 0;
}
.form-newsletter .form-btn{
    position: relative;
    flex-shrink: 0;
}
.form-newsletter .form-btn .wpcf7-submit{
    background: #0E6EB1;
    border-radius: 6px;
    padding: 20px 30px;
    text-align: center;
    color: #fff;
    border: 0 !important;
    min-width: 190px;
}
.form-newsletter .form-btn .wpcf7-spinner{
    position: absolute;
    right: 0;
    top: 15px;
}
.form-newsletter .wpcf7-not-valid-tip{
    color: #fff;
    position: absolute;
    bottom: -30px;
}

.service-tabs-content .service-tabs-content-part,
.service-tabs-content .e-con-inner,
.service-tabs-content{
    height: 100% !important;
}
.data-single-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-icon{
    border-radius: 100%;
    border: 3px solid #F1F1F4;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    position: absolute;
    left: -30px;
}
.data-single-tabs .e-n-tabs-heading .e-n-tab-title:after{
    content: '';
    background: url('../img/tabs-arrow-icon.svg') no-repeat 0 0;
    background-size: 100%;
    position: absolute;
    top: 50%;
    right: -19px;
    width: 31px;
    height: 34px;
    display: block;
    margin-top: -17px;
    display: none;
}
.data-single-tabs .e-n-tabs-heading .e-n-tab-title{
    min-height: 80px;
    padding-left: 55px;
}

.data-single-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-icon,
.data-single-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected=true] .e-n-tab-icon{
    background: #0E6EB1;
}
.data-single-tabs .e-n-tabs-heading .e-n-tab-title:hover,
.data-single-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected=true]{
    background: #0E6EB1 !important;
}
.data-single-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-icon svg path {
    fill: #fff;
}
.data-single-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected=true]:after{
    display: block;
}

.partner-logo-slider .swiper-slide-image{
    max-height: 80px;
}
.partner-logo-slider .elementor-swiper-button{
    display: none !important;
}


.testimonials-slider-section{
    background-size: 50% 100% !important;
}
.client-stories-slider-part .quote-icon{
    margin-bottom: 30px;
}
.client-story-card .client-content{
    margin-bottom: 100px;
}
.client-story-card .client-content p{
    color: #000000;
}
.client-story-card .client-footer{
    display: flex;
    align-items: center;
    gap: 20px;
}
.client-story-card .client-footer .client-image{
    width: 60px;
    height: 60px;
    border-radius: 100%;
    overflow: hidden;
}
.client-story-card .client-footer .client-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.client-story-card .client-footer .client-info h4{
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}
.client-story-card .client-footer .client-info span{
    color: #000;
    display: block;
    font-size: 16px;
}

.testimional-arrow{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: end;
    margin-top: -50px;
}
.testimional-arrow .swiper-button-next,
.testimional-arrow .swiper-button-prev{
    position: static;
    margin: 0;
    transform: inherit;
    width: 80px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 2px solid #000;
    border-radius: 8px;
    background: #fff;
}
.testimional-arrow .swiper-button-next:after,
.testimional-arrow .swiper-button-prev:after{
    font-size: 18px;
    font-weight: 600;
}

.newsletter-wrapper{
    max-width: 650px;
    margin: 0 auto;
}
.newsletter-wrapper .newsletter-form-row{
    display: flex;
    gap: 15px;
}
.newsletter-wrapper .newsletter-form-row .newsletter-input{
    width: 100%;
}
.newsletter-wrapper .newsletter-form-row .newsletter-input .wpcf7-form-control{
    border-radius: 30px;
    border: 1px solid #E0E4D8;
    background: url('../img/email-icon.svg') no-repeat left 12px center #fff;
    padding: 14px 30px 14px 40px;
    color: #000;
    font-size: 16px;
    display: block;
    outline: none;
}
.newsletter-wrapper .newsletter-form-row .newsletter-input .wpcf7-form-control:hover{
    border-color: #0E6EB1;
}
.newsletter-wrapper .newsletter-form-row .newsletter-button{
    width: 100%;
    max-width: 210px;
    flex-shrink: 0;
    position: relative;
}

.newsletter-wrapper .newsletter-form-row .newsletter-button .wpcf7-submit{
    border: 0;
    width: 100%;
    text-align: center;
    height: 100%;
    min-height: 54px;
}
.newsletter-wrapper .newsletter-form-row .newsletter-button .wpcf7-spinner{
    position: absolute;
    right: 0;
}
.newsletter-wrapper .newsletter-checkbox{
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    color: #4A4A4A;
}
.newsletter-wrapper .newsletter-checkbox a{
    color: #0A73BE;
}
.newsletter-wrapper .newsletter-checkbox a:hover{
    text-decoration: underline;
}
.newsletter-wrapper .newsletter-checkbox .wpcf7-list-item{
    margin: 0 10px 0 0;
    line-height: 0;
}
.newsletter-wrapper .newsletter-checkbox .wpcf7-list-item input{
    width: 18px;
    height: 18px;
    border-radius: 5px;
    border: 1px solid #000;
    position: relative;
    top: 3px;
}

.blog-list-grid .blog-grid{
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 25px;
}
.blog-grid .blog-card{
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 5px 60px 0px #0000000D;
}
.blog-grid .blog-card .blog-image{
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    position: relative;
}
.blog-grid .blog-card .blog-image:before{
    content: '';
    padding-top: 63%;
    display: block;
}
.blog-grid .blog-card .blog-image .wp-post-image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}
.blog-grid .blog-card:hover .blog-image .wp-post-image{
    transform: scale(1.1);
}
.blog-grid .blog-card .blog-image .blog-date{
    position: absolute;
    bottom: 40px;
    left: 40px;
    background: #0E6EB1;
    width: 65px;
    height: 65px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    border-radius: 5px;
}
.blog-grid .blog-card .blog-image .blog-date .day{
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
}
.blog-grid .blog-card .blog-content{
    padding: 16px 40px 40px;
}
.blog-grid .blog-card .blog-content .blog-meta{
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 15px;
}
.blog-grid .blog-card .blog-content .blog-meta span{
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #737373;
}
.blog-grid .blog-card .blog-content .blog-title{
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    color: #000;
    margin: 0 0 30px 0;
}
.blog-grid .blog-card:hover .blog-content .blog-title{
    color: #0E6EB1;
}
.blog-grid .blog-card .blog-content .read-more{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #434343;
}
.blog-grid .blog-card .blog-content .read-more:hover{
    color: #0E6EB1;
}
.blog-grid .blog-card .blog-content .read-more svg{
    margin-top: 4px;
}
.custom-pagination{
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.custom-pagination .page-numbers{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: 1px solid #E9E9EA;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #000;
    background: #fff;
}
.custom-pagination .page-numbers.current,
.custom-pagination .page-numbers:hover{
    background: #0E6EB1;
    color: #fff;
}


.post-hero{
    position: relative;
    width: 100%;
    min-height: calc(100vh - 103px);
    display: flex;
    justify-content: center;
}
.post-hero .hero-image{
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}
.post-hero .hero-image:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0E6EB0;
    opacity: 0.5;
}
.post-hero .hero-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.post-hero .hero-content{
    position: relative;
    z-index: 9;
    padding: 100px 16px 140px;
    text-align: center;
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.post-hero .hero-content .hero-svg-icon{
    position: absolute;
    max-width: 340px;
}
.post-hero .hero-content .hero-svg-icon svg{
    width: 100%;
    height: auto;
}
.post-hero .hero-content h1{
    color: #fff;
    font-weight: 700;
    margin: 0;
    position: relative;
    z-index: 2;
}
.post-hero .hero-content .post-date{
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    font-style: italic;
    text-align: center;
    position: absolute;
    bottom: 80px;
    left: 0;
    width: 100%;
}
.post-hero .hero-content .post-date:after{
    content: '';
    width: 80px;
    height: 2px;
    background: #FFFFFF;
    display: block;
    margin: 20px auto 0;
}
.blog-single-wrapper{
    padding: 80px 40px;
}
.blog-single-wrapper .post-container{
    max-width: 1250px;
    margin: 0 auto;
    display: flex;
    gap: 40px;
}
.blog-single-wrapper .post-container .post-sidebar{
    width: 100%;
    max-width: 350px;
    flex-shrink: 0;
}
.blog-single-wrapper .post-container .post-content{
    width: 100%;
}
.post-container .post-sidebar ul{
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0 0 30px;
    padding: 0;
    max-height: 354px;
    overflow-y: auto;
    padding-right: 8px;
}
.post-container .post-sidebar ul::-webkit-scrollbar-track{
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    background-color: #F5F5F5;
}

.post-container .post-sidebar ul::-webkit-scrollbar{
    width: 5px;
    border-radius: 10px;
    background-color: #F5F5F5;
}

.post-container .post-sidebar ul::-webkit-scrollbar-thumb{
    background-color: #0E6EB0;
}

.post-container .post-sidebar ul li{
    list-style-type: none;
}
.post-container .post-sidebar ul li a{
    border-radius: 10px;
    border: 1px solid #0E6EB1;
    padding: 15px 20px;
    display: block;
}
.post-container .post-sidebar ul li a .blog-date{
    color: #0E6EB0;
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 10px;
    display: block;
}
.post-container .post-sidebar ul li a h6{
    font-weight: 700;
    font-size: 16px;
    color: #404040;
    margin: 0;
    line-height: 1.3;
}
.post-container .post-sidebar ul li.active-post a,
.post-container .post-sidebar ul li a:hover{
    background: #0E6EB0;
}
.post-container .post-sidebar ul li.active-post a .blog-date,
.post-container .post-sidebar ul li.active-post a h6,
.post-container .post-sidebar ul li a:hover .blog-date,
.post-container .post-sidebar ul li a:hover h6{
    color: #fff;
}
.cta-btn .sidebar-cta-btn{
    color: #ffffff;
    background: #0a73be;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 11px 25px 11px 25px;
    border-radius: 50px 50px 50px 50px;
    display: inline-block;
    box-shadow: none;
    text-decoration: none;
}
.cta-btn .sidebar-cta-btn:hover{
    background: #000;
    color: #fff;
}

.blog-single-wrapper .post-container .post-content h2{
    font-weight: 700;
    font-size: 30px;
    margin: 20px 0 10px;
    color: #000;
}
.blog-single-wrapper .post-container .post-content h3{
    font-weight: 700;
    font-size: 28px;
    margin: 20px 0 10px;
    color: #000;
}
.blog-single-wrapper .post-container .post-content h4{
    font-weight: 700;
    font-size: 26px;
    margin: 20px 0 10px;
    color: #000;
}


.cybercy-grid{
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 30px;
}
.cybercy-grid .testimonial-card{
    border-radius: 40px;
    border: 2px solid #C7C7C7;
    padding: 30px 30px 40px;
}
.cybercy-grid .testimonial-card p{
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.2px;
    text-transform: capitalize;
    color: #000;
}
.cybercy-grid .testimonial-card .name{
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.2px;
    text-transform: capitalize;
    color: #000;
    margin: 25px 0 0 0;
}
.cybercy-grid .testimonial-card.extra-card{
    background: #0E6EB1;
    border-color: #0E6EB1;
    -ms-grid-column:span 1;
    grid-column:span 1;
    -ms-grid-row:span 2;
    grid-row:span 2;
}
.cybercy-grid .testimonial-card.extra-card p,
.cybercy-grid .testimonial-card.extra-card .name{
    color: #fff;
}
.cybercy-grid .testimonial-card.extra-card:after{
    content: '';
    background: url('../img/testimonial-card-img.svg') no-repeat 0 0;
    display: block;
    width: calc(100% + 64px);
    height: 300px;
    background-size: 100%;
    margin: -30px -32px -80px;
    max-width: initial
}


.blue-service-box{
    background: linear-gradient(174.3deg, #0A73BE 51.23%, #FFFFFF 120.44%);
    min-height: 500px !important;
}
.blue-service-box .blue-card-des{
    width: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding-bottom: 20px;

    transform: translateY(30px); /* niche thi start */
    transition: 
        width 0.4s ease,
        max-height 0.4s ease,
        transform 0.4s ease,
        opacity 0.3s ease;
}
.blue-service-box.active .blue-card-des{
   width: 100%;
    max-height: 200px; /* content karta vadhu */
    opacity: 1;
    transform: translateY(0); /* bottom → top */
}

/* HIDE ARROW ON HOVER */
.blue-service-box.active .card-arrow {
    width: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;

    transform: translateY(30px); /* niche thi start */
    transition: 
    width 0.4s ease,
    max-height 0.4s ease,
    transform 0.4s ease,
    opacity 0.3s ease;
}


.cyber-cta-section{
    background: #1977BC;
    padding: 30px 40px;
}
.cyber-cta-container{
    max-width: 1250px;
    padding: 0 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 60px;
    justify-content: space-between;
}
.cyber-cta-container .cta-icon{
    max-width: 290px;
    flex-shrink: 0;
}
.cyber-cta-container .cta-icon svg{
    width: 100%;
    height: auto;
}
.cyber-cta-container h2{
    font-size: 38px !important;
    line-height: 44px !important;
    font-weight: 700;
    color: #FFFFFF;
    margin: 0 0 30px;
}
.cyber-cta-container .cyber-cta-btn-wrapper a{
    background: #fff;
    color: #000 !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 11px 25px 11px 25px;
    border-radius: 50px 50px 50px 50px;
    display: inline-block;
    box-shadow: none;
    text-decoration: none;
}
.cyber-cta-container .cyber-cta-btn-wrapper a:hover{
    color: #fff !important;
    background: #000;
}


.security-author-section{
    padding: 60px 40px;
}
.security-author-section .author-card-wrapper{
    max-width: 1250px;
    padding: 0 0;
    margin: 0 auto;
}
.author-card-wrapper .author-header{
     background: #1977BC;
     padding: 40px 20px;
     text-align: center;
     margin-bottom: 40px;
}
.author-card-wrapper .author-header .author-img-blank{
    width: 120px;
    height: 120px;
    border-radius: 100%;
    background: #fff;
    margin: 0 auto;
}
.author-card-wrapper .author-header .author-img{
    width: 100%;
    height: 100%;
    border-radius: 100%;
    object-fit: cover;
}
.author-card-wrapper .author-header h2{
    font-weight: 700;
    color: #fff;
    font-size: 24px;
    margin: 20px 0 10px;
        line-height: 1.2;
}
.author-card-wrapper .author-header p{
    color: #000;
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
}
.author-card-wrapper .author-about h3{
    color: #000;
    margin: 0 0 20px;
    font-size: 30px;
    line-height: 34px;
}
.author-card-wrapper .author-about p{
    font-size: 18px;
    color: #000;
    margin: 0;
}
.author-card-wrapper .author-social{
    margin-top: 30px;
}
.author-card-wrapper .author-social .linkedin-btn{
    background: #D0D2D3;
    border-radius: 5px;
    padding: 10px 20px;
    text-align: center;
    color: #000;
    font-size: 18px;
    display: block;
}
.header-menu-part ul li.get-cybercy-btn{
    display: none;
}
.header-menu-part ul li.get-cybercy-btn a{
    color: #ffffff !important;
    background: #0a73be;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 11px 25px 11px 25px;
    border-radius: 50px 50px 50px 50px;
    display: inline-block;
}
.header-menu-part ul li.get-cybercy-btn a:hover{
    background: #000;
}
header.elementor-location-header{
    background: #FFFFFF;
    position: sticky;
    top: 0;
    z-index: 999;
}
header.elementor-location-header.open{
    border-bottom: 1px solid #e7e7e7;
}
header.elementor-location-header .header-part .e-con-inner{
    transition: all 0.3s ease;
}
.wc-faq-section .wc-faq-accodian p strong {
    font-weight: 500;
}

.wc-faq-section .wc-faq-accodian p strong a,
.wc-faq-section .wc-faq-accodian p a {
    color: #0a73be;
}
.wc-faq-section .wc-faq-accodian p a:hover,
.wc-faq-section .wc-faq-accodian p strong a:hover {
    text-decoration: underline;
}

body.single.single-services .service-tabs-content-part p a {
    color: #0e6eb1;
    font-weight: 500;
}
body.single.single-services .service-tabs-content-part p a strong {
    font-weight: 500;
}

body.single.single-services .service-tabs-content-part p a:hover {
    text-decoration: underline;
}

.blog-single-wrapper .post-container .post-content a {
    color: #0a73be;
}
.blog-single-wrapper .post-container .post-content p strong,
.blog-single-wrapper .post-container .post-content a strong {
    font-weight: 500;
}

.blog-single-wrapper .post-container .post-content a:hover {
    text-decoration: underline;
}
.cybercy-custom-page .page-header h1 {
    font-size: 45px;
    line-height: 55px;
    color: #000000;
    font-weight: 700;
    margin: 0 0 25px;
    padding: 0;
}
.cybercy-custom-page .page-content h2{
    font-weight: 700;
    font-size: 30px;
    margin: 20px 0 10px;
    color: #000;
}
.cybercy-custom-page .page-content h3 {
    font-weight: 700;
    font-size: 22px;
    margin: 16px 0 10px;
    color: #000;
}

.cybercy-custom-page main#content {
    max-width: 1250px;
    margin: 0 auto;
    padding: 20px 16px;
}
.cybercy-custom-page .page-content p a {
    color: #0a73be;
    text-decoration: none;
    font-weight: 500;
}
.cybercy-custom-page .page-content p a:hover{
    text-decoration: underline;
}

.cybercy-custom-page .page-content table thead {
    border: 0;
}

.cybercy-custom-page .page-content table thead th {
    border-color: #cecece !important;
    padding: 12px;
    background-color: #f8f8f8;
}


.cybercy-custom-page .page-content table tbody td {
    border-color: #cecece;
    font-size: 14px;
        background-color: #fff;
}
.cybercy-custom-page .page-content ul.wp-block-list li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 28px;
}

.cybercy-custom-page .page-content ul.wp-block-list li:before {
    content: '';
    background-image: url(https://cybercygroup-new.enspirittechhosting.com/wp-content/uploads/2026/03/check-mark.png);
    width: 18px;
    height: 18px;
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 4px;
    left: 0;
}

.cybercy-custom-page .page-content ul.wp-block-list {
    list-style: none;
    padding-left: 0;
    margin: 20px 0;
}

.cybercy-health-check h1, .cybercy-health-check h2, .cybercy-health-check h3{
    font-family: "Open Sans", Sans-serif !important;
}

.wc-cyber-health-bg {
    background: linear-gradient(135deg, #0B7CC9 0%, #0A73BE 50%, #095C98 100%);
}
.wc-tringle-icon {
  position:absolute !important;
  inset:0;
  pointer-events:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><path d='M20 6 L26 18 L14 18 Z' fill='rgba(255,255,255,0.10)'/></svg>");
  background-size:30px 30px;
  mask-image:radial-gradient(ellipse 80% 70% at 85% 60%, black 0%, rgba(0,0,0,0.5) 40%, transparent 80%);
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 85% 60%, black 0%, rgba(0,0,0,0.5) 40%, transparent 80%);
}
/* .wc-bottom-svg-img img {
    mask-image: linear-gradient(to top, black 30%, transparent 100%);
    -webkit-mask-image: linear-gradient(to top, black 30%, transparent 100%);
} */
.wc-icon-list-main {
    width: fit-content !important;
}
.cyber-health-h1 h1.elementor-heading-title em {
    font-style: normal;
    color: #B8E4FF;
    font-weight: 700;
    position: relative;
    display: inline-block;
	font-family: "Open Sans", Sans-serif !important;
}

.cyber-health-h1 h1.elementor-heading-title em:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    height: 4px;
    background: linear-gradient(90deg, #DC4624, #FF9600, #4DAE31);
    border-radius: 2px;
}
.wc-cyber-hero-btn a.elementor-button svg {
    height: 20px;
    width: 20px;
}
.wc-cyber-hero-btn a.elementor-button:hover {
    transform: translateY(-2px);
    /*box-shadow: 0 20px 40px -10px rgba(96, 80, 220, .65);*/
}
.wc-cyber-hero-btn a.elementor-button svg {
    transition: transform .2s;
}
.wc-cyber-hero-btn a.elementor-button:hover svg {
    transform: translateX(4px);
}
.wc-works-hero-btn a.elementor-button:hover {
    border-color: #fff !important;
}
.wc-cyber-hero-btn a.elementor-button span, .wc-works-hero-btn a.elementor-button span {
    font-family: 'Open Sans' !important;
}
.wc-icon-list-main ul li.elementor-icon-list-item .elementor-icon-list-text {
    font-family: "Open Sans", Sans-serif !important;
}
.wc-bottom-svg-img {
    width: 100%;
}
.wc-cyber-get-h2 h2.elementor-heading-title em {
    font-style: normal;
    color: #0A73BE;
    font-weight: 700;
	    font-family: 'Open Sans' !important;
}
.wc-data-p p,
.wc-data-p-text p{
    font-family: 'Open Sans' !important;
}
.wc-data-p-text p strong {
    font-weight: 600;
}
.wc-main-box-wrapper .wc-ques-answer {
    position: relative !important;
}

.wc-main-box-wrapper .wc-ques-answer:before {
    content:'' !important;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(90deg, #DC4624, #FF9600, #4DAE31, #0A73BE);
    border-radius: 20px 20px 0 0;
}
.wc-answer-list ul.elementor-icon-list-items li.elementor-icon-list-item {
    gap: 14px;
}

.wc-answer-list ul.elementor-icon-list-items span.elementor-icon-list-icon {
    position: relative;
}

.wc-answer-list ul.elementor-icon-list-items span.elementor-icon-list-icon svg {
    fill: #DC4624;
    margin: 0;
}

.wc-answer-list ul.elementor-icon-list-items span.elementor-icon-list-icon:after {
    content: "";
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 2px solid currentColor;
    opacity: .2;
}

.wc-answer-list ul.elementor-icon-list-items li:first-child span.elementor-icon-list-icon:after {
    border-color: red;
}

.wc-answer-list ul.elementor-icon-list-items li:nth-child(2) span.elementor-icon-list-icon:after {
    border-color: #FF9600;
}

.wc-answer-list ul.elementor-icon-list-items li:nth-child(2) span.elementor-icon-list-icon svg {
    fill: #FF9600;
}

.wc-answer-list ul.elementor-icon-list-items li:nth-child(3) span.elementor-icon-list-icon svg {
    fill: #4DAE31;
}

.wc-answer-list ul.elementor-icon-list-items li:nth-child(3) span.elementor-icon-list-icon:after {
    border-color: #4DAE31;
}
.wc-framework-box:hover .wc-framework-icon {
   background: #0A73BE;
}
.wc-framework-box:hover .wc-framework-icon img {
    filter: invert(0%) sepia(16%) saturate(843%) hue-rotate(36deg) brightness(280%) contrast(180%);
}
.wc-data-p-testimonials p {
    position: relative;
}

.wc-data-p-testimonials p:before {<: :
    before></::before>;
    content: "\201C";
    font-family: "Open Sans", Sans-serif;
    font-weight: 700;
    font-size: 60px;
    color: #0A73BE;
    line-height: 0;
    position: relative;
    top: 18px;
    margin-right: 4px;
    opacity: .25;
}
.wc-data-p-text ul.elementor-icon-list-items li span.elementor-icon-list-text {
    font-family: 'Open Sans' !important;
	    font-style: normal;
}
.wc-tringle-icon.tri-pattern {
    mask-image: radial-gradient(ellipse 60% 80% at 50% 50%, black 0%, transparent 80%);
    -webkit-mask-image: radial-gradient(ellipse 60% 80% at 50% 50%, black 0%, transparent 80%);
}
.wc-cyber-get-h2.wc-cyber-last-h2 .elementor-heading-title em {
    color: #fff;
}
.progress-label span {
    font-family: 'Open Sans' !important;
}


@media (min-width:992px){
    .blue-bog-grid-part{
        flex-direction: row !important;
        align-items: flex-start !important;
        display: flex !important;
        align-items: stretch !important;
    }
    .blue-service-box {
        /*width: 25% !important;*/
        transition: all 0.3s ease !important;
        flex: 1 !important;
    }
    .blue-service-box.active {
        /*width: 35% !important;*/
        flex: 1.5 !important;
    }
    header.elementor-location-header.open .header-part .e-con-inner{
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

@media (max-width:1199px){
    .blog-grid .blog-card .blog-content {
        padding: 16px 20px 30px;
    }
    .blog-grid .blog-card .blog-content .blog-title{
        font-size: 18px;
        line-height: 24px;
    }
    .blog-grid .blog-card .blog-content .blog-meta span{
        gap: 10px;
    }
    .blog-grid .blog-card .blog-content .blog-meta{
        gap: 15px;
    }
    .blog-grid .blog-card .blog-image .blog-date{
        bottom: 20px;
        left: 20px;
    }
    .blog-single-wrapper {
        padding: 60px 20px;
    }
    .cyber-cta-section{
        padding: 30px 20px;
    }
    .security-author-section{
        padding: 40px 20px;
    }
    .blog-single-wrapper .post-container{
        gap: 30px;
    }
    .blog-single-wrapper .post-container .post-sidebar{
        max-width: 310px;
    }
    .cyber-cta-container h2 {
        font-size: 30px !important;
        line-height: 38px !important;
    }
    .cyber-cta-container .cta-icon {
        max-width: 250px;
        flex-shrink: 0;
    }
    .cyber-security-column .cyber-security-box:after{
        width: 415px;
        height: 421px;
    }
}

@media (max-width:1024px){
    .cybercy-services-grid{
        gap: 50px;
    }
    .cybercy-grid .testimonial-card{
        padding: 20px 20px 30px;
        border-radius: 30px;
    }
    .cybercy-grid .testimonial-card.extra-card:after{
        height: 200px;
    }
    .header-menu-part nav ul.elementor-nav-menu{
        height: calc(100vh - 64px);
    }
    .header-menu-part ul li.get-cybercy-btn{
        display: block;
        padding: 10px 20px;
    }
    .cybercy-custom-page .page-header h1 {
    font-size: 35px;
    line-height: 55px;
}
}


@media (max-width:991px){
    .cybercy-services-grid{
        gap: 30px;
    }
    .cybercy-services-grid .cybercy-service-card{
        padding: 45px 30px;
    }

    .testimional-arrow{
        gap: 10px;
        margin-top: -30px;
    }
    .testimional-arrow .swiper-button-next,
    .testimional-arrow .swiper-button-prev{
        width: 50px;
        height: 40px;
    }
    .testimional-arrow .swiper-button-next:after,
    .testimional-arrow .swiper-button-prev:after{
        font-size: 18px;
        font-weight: 600;
    }

    .blog-list-grid .blog-grid{
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 25px;
    }
    .cybercy-grid .testimonial-card p{
        font-size: 16px;
        line-height: 28px;
    }
    .blog-single-wrapper .post-container .post-sidebar{
        max-width: 280px;
    }
    .cyber-cta-container h2 {
        font-size: 30px !important;
        line-height: 38px !important;
    }
    .cyber-cta-container .cta-icon {
        max-width: 200px;
        flex-shrink: 0;
    }
    .blog-single-wrapper .post-container .post-content h3{
        font-size: 24px;
    }
    .blog-single-wrapper .post-container .post-content h2{
        font-size: 26px;
    }
    .author-card-wrapper .author-header{
        padding: 20px 20px;
    }
    .author-card-wrapper .author-header .author-img-blank {
        width: 90px;
        height: 90px;
    }
        .cybercy-custom-page .page-content h2{
        font-size: 26px;
    }
    .cybercy-custom-page .page-content h3 {
    font-size: 20px;
}
.cybercy-custom-page .page-header h1 {
    font-size: 35px;
    line-height: 55px;
}
}

@media (max-width:767px){
    .cybercy-services-grid{
        gap: 30px;
        grid-template-columns: repeat(1,minmax(0,1fr));
    }
    .cybercy-services-grid .cybercy-service-card{
        padding: 30px 20px;
    }
    .cybercy-service-card .cybercy-service-icon {
        margin-bottom: 10px;
    }
    .cybercy-service-card .cybercy-service-title{
        margin: 0 0 16px;
        font-size: 22px;
    }
    .cybercy-service-card .cybercy-service-icon img{
        max-width: 100px;
    }
    .cybercy-service-card .cybercy-service-content {
        margin-bottom: 20px;
    }
    .cybercy-service-card .cybercy-read-more{
        padding: 10px 20px;
    }
    .footer-menu nav ul li a{
        justify-content: center;

    }
    .form-newsletter .form-btn .wpcf7-submit{
        min-width: 140px;
        padding: 12px 15px;
    }
    .form-newsletter .form-btn .wpcf7-spinner {
        top: 11px;
    }
    .form-newsletter .input-field-part .wpcf7-form-control-wrap .input-field{
        padding:5px 10px;
    }
    .data-single-tabs .e-n-tabs-heading .e-n-tab-title {
        min-height: 70px;
        padding-left: 50px;
        padding-right: 12px;
    }
    .data-single-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-icon{
        width: 60px;
        height: 60px;
        left: -20px;
    }
    .data-single-tabs .e-n-tabs-heading .e-n-tab-title:after{
        right: 50%;
        top: 100%;
        transform: rotate(90deg);
    }
    .client-story-card .client-content {
        margin-bottom: 50px;
    }
    .client-stories-slider-part .quote-icon {
        margin-bottom: 20px;
    }
    .client-stories-slider-part .quote-icon svg{
        max-width: 60px;
        height: 50px;
    }
    .testimional-arrow{
        margin-top: 15px;
        justify-content: center;
    }
    .client-story-card .client-footer .client-image{
        width: 50px;
        height: 50px;
    }
    .client-story-card .client-footer{
        gap: 10px;
    }
    .partner-logo-slider .elementor-swiper-button{
        display: block !important;
    }
    .newsletter-wrapper .newsletter-form-row .newsletter-button{
        max-width: 135px;
    }
    .newsletter-wrapper .newsletter-form-row .newsletter-input .wpcf7-form-control{
        padding: 11px 10px 11px 34px;
        font-size: 14px;
    }
    .newsletter-wrapper .newsletter-form-row .newsletter-button .wpcf7-submit{
        min-height: 45px;
    }
    .newsletter-wrapper .newsletter-form-row{
        gap: 10px;
    }
    .newsletter-wrapper .newsletter-checkbox .wpcf7-list-item input{
        width: 15px;
        height: 15px;
        top: 2px;
    }
     .blog-list-grid .blog-grid{
        grid-template-columns: repeat(1,minmax(0,1fr));
        gap: 25px;
    }
    .blog-grid .blog-card{
        border-radius: 10px;
    }
    .blog-grid .blog-card .blog-image{
        border-radius: 10px 10px 0 0;
    }
    .blue-service-box{
        min-height: 390px !important;
    }
    .cybercy-grid{
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 20px;
    }
    .cybercy-grid .testimonial-card.extra-card{
        -ms-grid-row: span 1;
        grid-row: span 1;
    }
    .cybercy-grid .testimonial-card .name{
        font-size: 18px;
    }
    .blog-single-wrapper .post-container{
        display: block;
    }
    .blog-single-wrapper .post-container .post-sidebar{
        max-width: 100%;
        margin-bottom: 30px;
    }
    .blog-single-wrapper {
        padding: 40px 16px;
    }
    .cyber-cta-section{
        padding: 30px 16px 0;
    }
    .security-author-section{
        padding: 30px 16px;
    }
    .cyber-cta-container{
        display: block;
        text-align: center;
    }
    .cyber-cta-container h2 {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .cyber-cta-container .cta-icon{
        max-width: 170px;
        margin: 20px auto 0;
    }
    .author-card-wrapper .author-header{
        margin-bottom: 20px;
    }
    .author-card-wrapper .author-header h2{
        font-size: 20px;
        margin: 15px 0 10px;
    }
    .author-card-wrapper .author-header p{
        font-size: 16px;
    }
    .author-card-wrapper .author-about h3{
        margin: 0 0 10px;
        font-size: 24px;
        line-height: 30px;
    }
    .author-card-wrapper .author-about p {
        font-size: 16px;
    }
    .author-card-wrapper .author-social{
        margin-top: 20px;
    }
    .author-card-wrapper .author-header .author-img-blank {
        width: 70px;
        height: 70px;
    }
    .blog-single-wrapper .post-container .post-content h2 {
        font-size: 22px;
        line-height: 1.3;
    }
    .blog-single-wrapper .post-container .post-content h3 {
        font-size: 20px;
    }
    .post-container .post-sidebar ul{
        margin: 0 0 20px;
    }
    .post-container .post-sidebar ul li a{
        padding: 10px 15px;
    }
    .post-container .post-sidebar ul li a .blog-date{
        margin-bottom: 6px;
    }
    .post-hero .hero-content{
        padding: 50px 16px 100px;
    }
    .post-hero .hero-content .post-date{
        bottom: 40px;
    }
    .post-hero .hero-content .hero-svg-icon {
        position: absolute;
        max-width: 220px;
    }
    header .elementor-nav-menu--toggle .elementor-menu-toggle{
        height: 40.5px;
    }
    .home .ul-icon-list-grid .elementor-icon-list-items{
        max-width: fit-content;
        margin: 0 auto;
    }

    .blog-grid-part{
        overflow: hidden;
    }
    .custom-swiper-container{
        overflow: initial !important;
    }
    .custom-swiper-container .next-btn:after,
    .custom-swiper-container .prev-btn:after{
        display: none;
    }
    .custom-swiper-container .next-btn,
    .custom-swiper-container .prev-btn{
        width: 20px;
        height: 20px;
    }
    .custom-swiper-container .next-btn svg,
    .custom-swiper-container .prev-btn svg{
        width: 100%;
        height: auto;
    }
     .custom-swiper-container .next-btn{
        right: -30px;
     }
    .custom-swiper-container .prev-btn{
        left: -30px;
    }
        .cybercy-custom-page .page-content h2{
                font-size: 22px;
        line-height: 1.3;
    }
    .cybercy-custom-page .page-content h3 {
    font-size: 18px;
    margin: 12px 0 6px;
}
.cybercy-custom-page .page-header h1 {
    font-size: 28px;
    line-height: 38px;
    margin: 0 0 15px;
}
.cybercy-custom-page .page-content p a{
    display: inline-block;
}
.cybercy-custom-page .page-content table.has-fixed-layout {
    table-layout: auto;
}
.cybercy-custom-page .page-content table tbody td {
    width: 100%;
    min-width: 200px;
    max-width: 200px;
}
}



/* ========== QUESTIONNAIRE OVERLAY ========== */
.questionnaire{
  position:fixed;inset:0;
  background:linear-gradient(135deg,#0B7CC9 0%,#0A73BE 50%,#095C98 100%);
  color:var(--white);
  z-index:999999;
  display:none;
  overflow-y:auto;
}
.questionnaire.active{
    display:flex;
    flex-direction:column;
}
.questionnaire .tri-pattern{
    mask-image:radial-gradient(ellipse 80% 80% at 50% 50%, transparent 0%, black 80%);
    -webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%, transparent 0%, black 80%);
    opacity:.5;
}
.tri-pattern {
    position: absolute;
    inset: 0;
    pointer-events: none;
 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><path d='M20 6 L26 18 L14 18 Z' fill='rgba(255,255,255,0.10)'/></svg>");
  background-size:30px 30px;
  mask-image:radial-gradient(ellipse 80% 70% at 85% 60%, black 0%, rgba(0,0,0,0.5) 40%, transparent 80%);
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 85% 60%, black 0%, rgba(0,0,0,0.5) 40%, transparent 80%);
}
.q-top{
  padding:20px 28px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.12);
  position:sticky;top:0;background:rgba(10,115,190,.95);
backdrop-filter:blur(14px);
z-index:10;
	    flex-wrap: wrap;
    gap: 20px;
}
.q-close{
  background:transparent !important;
  border:1px solid rgba(255,255,255,.25);
  color:#FFFFFF !important;
  width:40px !important;
  height:40px !important;
  border-radius:50% !important;
  cursor:pointer !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:22px !important;
  transition:all .2s !important;
  padding: 0px !important;
}
.q-close:hover{
       background: rgba(255, 255, 255, .15) !important;
    border-color:#FFFFFF !important
}

.progress-wrap{flex-grow:1;margin:0 30px;max-width:520px}
.progress-label{
  display:flex;justify-content:space-between;font-size:12px;
  color:rgba(255,255,255,.85);margin-bottom:8px;letter-spacing:0.08em;text-transform:uppercase;
  font-family: 'Open Sans' !important;
  font-weight:600;
}
.progress-bar{
  height:8px;background:rgba(255,255,255,.15);border-radius:4px;overflow:hidden;
}
.progress-fill{
  height:100%;width:0;
  background:linear-gradient(90deg,#DC4624,#FF9600,#4DAE31);
  border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1);
}

.q-body{
  flex-grow:1;display:flex;align-items:center;justify-content:center;
  padding:50px 28px;position:relative;z-index:2;
}
.q-content{
  max-width:720px;width:100%;text-align:left;
  animation:fadeInUp .4s ease both;
}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.q-num{
  font-family: 'Open Sans' !important;
  font-weight:600;font-size:12px;
  color:rgba(255,255,255,.85);letter-spacing:0.2em;text-transform:uppercase;margin-bottom:18px;
}
.q-text{
  font-family: 'Open Sans' !important;
  font-weight:700;font-size:clamp(26px,3.6vw,40px);
  line-height:1.2;margin-bottom:14px;color:#FFFFFF;;
}
.q-hint{
  color:rgba(255,255,255,.8);font-size:20px;font-weight:300;margin-bottom:40px;
  max-width:600px;
}
.q-options{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
}
.q-option{
  background:rgba(255,255,255,.08) !important;
  border:2px solid rgba(255,255,255,.15) !important;
  color:#FFFFFF !important;
  padding:20px 24px !important;
  border-radius:14px !important;
  font-family:'Open Sans' !important;
  font-size:16px !important;
  font-weight:500 !important;
  text-align:left !important;
  cursor:pointer !important;
  transition:all .2s !important;
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  backdrop-filter:blur(10px) !important;
}
.q-option:hover{
    background:rgba(255,255,255,.15) !important;
    border-color:rgba(255,255,255,.4) !important;
    transform:translateX(6px) !important;
}
.q-option.selected
{
    background:rgba(255,255,255,.2) !important;
    border-color:#FFFFFF !important;
}
.q-option-marker{
  width:32px !important;
  height:32px !important;
  border-radius:50% !important;
  flex-shrink:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-family: 'Open Sans' !important;
  font-weight:700 !important;
  font-size:13px !important;
  border:2px solid rgba(255,255,255,.35) !important;
  color:#FFFFFF !important;
  background:rgba(255,255,255,.05) !important;
  transition:all .2s !important;
}
.q-option:hover .q-option-marker,.q-option.selected .q-option-marker{
  background:#FFFFFF !important;
  border-color:#FFFFFF !important;
  color:#0A73BE !important;
}
.dot-mk{width:12px;height:12px;border-radius:50%;margin-left:auto;flex-shrink:0}
.q-option[data-val="yes"] .dot-mk{background:#4DAE31;box-shadow:0 0 0 3px rgba(77,174,49,.25)}
.q-option[data-val="part"] .dot-mk{background:#FF9600;box-shadow:0 0 0 3px rgba(255,150,0,.25)}
.q-option[data-val="no"] .dot-mk{background:#DC4624;box-shadow:0 0 0 3px rgba(220,70,36,.25)}

.q-nav{
  padding:22px 28px;display:flex;justify-content:space-between;align-items:center;
  border-top:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.08);
  position:relative;z-index:2;
}
.q-back{
  background:transparent;border:none;color:rgba(255,255,255,.8);
  font-family:'Open Sans';
	font-size:14px !important;
	font-weight:500;
	cursor:pointer;
  display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-pill);
  transition:all .2s;
}
.q-back:hover{background:rgba(255,255,255,.1);color:var(--white)}
.q-back:disabled{opacity:.3;cursor:not-allowed}
.q-nav-hint{
font-size:12px;
color:rgba(255,255,255,.6);
letter-spacing:0.08em;
text-transform:uppercase;
 font-family: 'Open Sans' !important;
font-weight:600;
}
.brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
        font-family: 'Open Sans' !important;
    font-weight: 700;
    font-size: 26px;
       color: #FFFFFF !important;
    letter-spacing: -0.01em;
}
.brand svg{
    width: 100%;
    max-width: 155px;
}
.brand--dark {
       color: #0E1A2B !important;
}
.brand .mark {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
}
.brand .name {
    line-height: 1;
    display: flex;
    flex-direction: column;
}
.brand .name span:last-child {
    font-size: 13px;
    font-weight: 400;
    opacity: .7;
    letter-spacing: 0.05em;
    margin-top: 3px;
}
.brand--dark .mark path {
    fill: var(--cy-blue) !important;
}
.brand .mark path {
    fill: currentColor;
}
.wc-bottom-svg-img {
    pointer-events: none;
}
.btn-cy::after {
    content: "→";
    font-size: 18px;
    font-weight: 400;
    transition: transform .2s;
}
.section-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: 'Open Sans' !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #0A73BE;
    margin-bottom: 22px;
}
.section-label::before {
    content: "";
    width: 30px;
    height: 2px;
    background: #0A73BE;
    border-radius: 2px;
}
.results-top .btn-outline {
    background: transparent;
    color: #0E1A2B;
    border: 2px solid #0E1A2B;
}

/* ========== RESULTS ========== */
.results{
  position:fixed;inset:0;background:#F8FAFB;color:var(--ink);
  z-index:99;display:none;overflow-y:auto;
}
.results-top.results {
        justify-content: center;
    opacity: 1;
    background: transparent;
    position: static !important;

}
.results.active{display:block}
.results-top{
  padding:18px 28px;
	border-bottom:1px solid rgba(10,26,43,.1);
  display:flex;justify-content:space-between;align-items:center;
	background:#fff;
  position:sticky;top:0;z-index:5;opacity: 0;
}
.results-body{max-width:1020px;margin:0 auto;padding:60px 28px 80px}
.results-hero{text-align:center;margin-bottom:50px}
.results-hero .section-label{justify-content:center}
.results-hero h2{
    font-size: clamp(34px, 4.5vw, 52px) !important;
    margin-bottom: 16px;
    font-weight: 500;
    margin-top: 0;
    line-height: 1.15 !important;
    letter-spacing: -0.01em;
}
.results-hero h2 strong{
	font-weight:700;
    font-family: 'Open Sans' !important;
}
.section-label sup {
    top: 0;
}
.results-hero > p{
font-size: 18px;
    color: #6B7A8F;
    max-width: 560px;
    margin: 0 auto;
    font-weight: 300;
	    line-height: 1.65;
}

/* Shield score display */
.score-card{
  background:#FFFFFF !important;
  padding:50px !important;
  border-radius:20px !important;
  border:1px solid rgba(10,26,43,.08) !important;
  box-shadow:0 30px 60px -20px rgba(10,115,190,.25) !important;
  display:grid !important;
  grid-template-columns:1fr 1.2fr !important;
  gap:60px !important;
  align-items:center !important;
  margin-bottom:32px !important;
  position:relative !important;
  overflow:hidden !important;
}
.score-card::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important; 
  height:6px !important;
  background:linear-gradient(90deg,#DC4624,#FF9600,#4DAE31,#0A73BE);
}
.score-shield{
  position:relative !important;
  width:100% !important;
  max-width:280px !important;
  margin:0 auto !important;
  filter:drop-shadow(0 20px 40px rgba(10,115,190,.2)) !important;

}
.score-shield svg{
    width:100% !important;
    height:auto !important;
}
.score-shield-num{
  position:absolute !important;
  top:40% !important;
  left:50% !important;
  transform:translate(-50%,-55%) !important;
  font-family:"Open Sans", Sans-serif !important;
  font-weight:800 !important;
  font-size:clamp(60px,9vw,88px) !important;
  color:var(--white) !important;
  line-height:1 !important;
  letter-spacing:-0.03em !important;
}
.score-shield-label{
  position:absolute !important;
  top:45% !important;
  left:50% !important;
  transform:translate(-50%,20px) !important;
  font-family:'Open Sans' !important;
  font-weight:500 !important;
  font-size:13px !important;
  letter-spacing:0.15em !important;
  text-transform:uppercase !important;
  color:#000 !important;
}

.score-message .score-tier{
  display:inline-block !important; 
  padding:8px 18px !important; 
  font-family:"Open Sans", Sans-serif !important;
  font-weight:700 !important; 
  font-size:12px !important;
  letter-spacing:0.15em !important;
  text-transform:uppercase !important;
  border-radius:999px !important;
  margin-bottom:18px !important;
  background: rgba(255, 150, 0, 0.15) !important;
  color: rgb(214, 122, 0) !important;
	    line-height: 1.65;
}
.score-message h3 {
    font-size: 28px !important;
    font-weight: 700;
    margin-bottom: 14px;
    color: #0E1A2B !important;
    line-height: 1.25 !important;
	    margin-top: 0;
}
.score-message p{color:#3a4a63;font-size:16px;font-weight:400;line-height:1.7}

.breakdown{
  background:#FFFFFF;padding:44px;border-radius:20px;
  border:1px solid rgba(10,26,43,.08);margin-bottom:32px;
  box-shadow:0 12px 30px -10px rgba(10,26,43,.15);
}
.breakdown h3 {
    font-size: 22px !important;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 0 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.01em !important;
}
.breakdown-sub{color:#6B7A8F;font-size:14px;margin-bottom:24px}
.breakdown-item{
  display:grid;grid-template-columns:200px 1fr 90px;
  align-items:center;gap:20px;padding:14px 0;
  border-bottom:1px solid rgba(10,26,43,.06);
}
.breakdown-item:last-child{border-bottom:none}
.breakdown-label{
	font-weight:600;
	font-size:15px;
	color:#0E1A2B;
	font-family: 'Open Sans' !important;
}
.breakdown-bar{height:10px;background:rgba(10,26,43,.06);border-radius:5px;overflow:hidden;position:relative}
.breakdown-fill{height:100%;border-radius:5px;width:0;transition:width 1.2s cubic-bezier(.4,0,.2,1)}
.breakdown-value{
 font-family: 'Open Sans' !important;
	font-weight:700;
	text-align:right;
	font-size:12px;
  letter-spacing:0.1em;
	text-transform:uppercase;
  padding:6px 12px;
	border-radius:999px;
  display:inline-block;
	justify-self:end;
    line-height: 1.65;
}

.report-cta{
  background:linear-gradient(135deg,#0A73BE,#075A94) !important;
  color:#FFFFFF !important;
  padding:44px !important;
  border-radius:20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:30px !important;
  flex-wrap:wrap !important;
  position:relative !important;
  overflow:hidden !important; 
}
.report-cta::before{
  content:"" !important;
  position:absolute !important; 
  right:-100px !important;
  top:-100px !important;
  width:400px !important;
  height:400px !important;
  background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 60%) !important;
}
.report-cta > div:first-child{position:relative !important; 
    z-index:2 !important;
    flex:1 !important;
    min-width:260px !important;
}
.report-cta h3{
    font-family:"Open Sans", Sans-serif !important;
    font-size:24px !important;
    font-weight:700 !important;
    margin-bottom:8px !important;
    color:#FFFFFF;
	margin-top: 0 !important;
}
.report-cta p{
    color:rgba(255,255,255,.85) !important;
    font-size:15px !important;
    font-weight:300 !important
} 
.report-cta .btn{
    flex-shrink:0 !important;
    position: relative !important;
    z-index: 2 !important;
    font-weight: 400 !important;
    padding: 13px 30px 14px 30px;
    font-size: 16px;
    line-height: 20px;
    border-radius: 30px;
}
.report-cta .btn:hover{
    background: #000 !important;
    color: #fff !important;
}
.cybercy-cta-btn{
    background: #0E6EB1;
    border: 0;
    font-weight: 400 !important;
}



/* ========== RESPONSIVE ========== */
@media(max-width:1024px){
	.brand {
    font-size: 21px !important;
}
.brand {
    gap: 8px !important;
}
.q-option {
    padding: 14px 18px !important;
	    gap: 9px !important;
	    font-size: 14px !important;
}
.q-option-marker {
    width: 22px !important;
    height: 22px !important;
    font-size: 9px !important;
}
.results-top {
    padding: 15px 15px;
}
.results-body {
    padding: 40px 16px 30px;
}
.results-hero > p {
    font-size: 16px;
}
.results-hero {
    margin-bottom: 30px;
}
.score-message h3 {
    font-size: 22px !important;
}
.score-card {
    margin-bottom: 14px !important;
}
.report-cta > div:first-child {
    min-width: fit-content !important;
}
.breakdown-bar {
    height: 7px;
}
.breakdown-sub {
    margin-bottom: 14px;
}
.breakdown-value {
    font-size: 10px;
}
	.cybercy-cta {
    margin-top: 10px;
}
	.q-hint{
		font-size: 18px;
	}
}
@media(max-width:900px){
  section{padding:80px 0;}
  .hero{padding:110px 0 60px;min-height:auto;}
  .hero-grid,.reveal-grid{grid-template-columns:1fr;gap:50px;}
  .gauge-wrap{max-width:400px;margin:0 auto;}
  .steps{grid-template-columns:1fr;gap:18px;}
  .test-grid{grid-template-columns:1fr;}
      .score-card {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
        padding: 25px !important;
    }
  .breakdown{padding:16px;}
  .breakdown-item{grid-template-columns:1fr auto;gap:10px;}
  .breakdown-item .breakdown-bar{grid-column:1/-1;order:3;}
  .progress-wrap{margin:0 14px;}
  .nav-inner{padding:14px 20px;}
  .brand{font-size:22px;}
  .brand .mark{width:30px;height:30px;}
  .questions-panel,.reveal{padding:28px 0;}
  .questions-panel{padding:32px 24px;}
  .hero-meta{gap:18px;}
  .q-body{padding:30px 20px;}
  .report-cta{
	  padding: 22px !important;
	  flex-direction:column;
	  align-items:flex-start;
	  text-align:left;
	      gap: 20px !important;
	}

  .q-nav{
    padding:14px;
  }

  .q-nav-hint{
    font-size:10px;
  }

  .q-back{
    font-size:12px !important;
    line-height:18px !important;
  }

  .q-close{
    width:30px !important;
    height:30px !important;
    font-size:18px !important;
  }

  .q-top{
    padding:15px 15px;
  }

  .q-hint{
    color:rgba(255,255,255,.8);
    font-size:16px;
    font-weight:300;
    margin-bottom:20px;
  }
		.q-hint{
		font-size: 16px;
		line-height: 20px;
	}
}

@media(max-width:767px){
.breakdown-label {
    font-size: 13px;
}
	.breakdown h3 {
    font-size: 19px !important;
}
.q-top{
    gap: 0px;
}
.brand svg {
    width: 100%;
    max-width: 110px;
}
		.q-hint{
		font-size: 14px;
			        line-height: 18px;

	}
}