/* @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

body {
    /* font-family: "Red Hat Display", sans-serif !important; */
    font-family: "Inter", sans-serif !important;
    /* background: rgba(225, 232, 240, 1) !important; */
    position: relative;
}

.region.region-content {
    padding: 0px !important;
}

footer .region-footer {
    display: flex;
    flex-direction: column;
    padding: 0px !important;
}


.cdaqi-top-header {
    background: #051C2C;
    color: #fff;
    font-size: 14px;
    padding: 12px 35px;
}

.cdaqi-top-header .top-text {
    flex: 1 1 auto;
    min-width: 200px;
    margin-bottom: 4px;
}

.cdaqi-top-header .read-more {
    color: #fff;
    text-decoration: underline;
    font-weight: 500;
    flex-shrink: 0;
}

.cdaqi-top-header .read-more:hover {
    text-decoration: none;
    color: #00ffe2;
    /* highlight color on hover */
}

/* Mobile: stack text and button */
@media (max-width: 576px) {
    .top-header .container-fluid {
        flex-direction: column;
        text-align: center;
    }

    .top-header .read-more {
        margin-top: 4px;
    }
}

/* ------------------ */
/* Main menu header */
.cdaqi-container-nav .region-nav-branding .navbar-brand.d-flex.align-items-center a {
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(21, 58, 119, 1);
}

.cdaqi-nav {
    padding: 0px 36px;
}

.cdaqi-header {
    background-color: #ffff;
}

.cdaqi-main-header ul li {
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    padding: 8px;
    color: #000000 !important;
}

.cdaqi-main-header ul li a {
    /* color: #000000 !important; */
    color: rgba(0, 0, 0, 1) !important;
}

/* .cdaqi-nav .site-logo img {
    margin-left: 35px;
} */

.cdqai-header-custom-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 15px 10px 15px;
    border-radius: 10px;
    border: none;
    font-size: 16px;
    gap: 7px;
    font-weight: 500;
    color: #fff;
    background: #FFFFFF;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 14px 0px 0px 0px;
    border: 2px solid #051C2C;
}

.cdqai-header-custom-btn:hover {
    background: linear-gradient(90deg, #1e40af, #2563eb);
    /* border: 2px solid white; */
}

.cdqai-header-custom-btn:hover a {
    color: #ffffff !important;
}

a.cdqai-header-anchor {
    color: black;
}

.cdqai-header-custom-btn img {
    margin-left: 12px;
}

/* banner */
.videobannersubtitle.font-weight-bold {
    font-weight: 500;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(255, 255, 255, 1);
}

.videobannertitle.font-weight-bold {
    font-weight: 700;
    font-size: 45px;
    line-height: 60px;
    letter-spacing: 0%;
    color: rgba(255, 255, 255, 1);
}

.videobannertitle.font-weight-bold span {
    color: rgba(255, 249, 67, 1);
    font-family: Inter;
    font-weight: 700;
    font-size: 45px;
    line-height: 60px;
    letter-spacing: 0%;
}

.videobannerpara.mt-3 {
    font-weight: 500;
    font-size: 17px;
    line-height: 30px;
    letter-spacing: 0%;
    color: rgba(255, 255, 255, 0.7);
    width: 54%;
}

.video-banner-section {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    color: #fff;
}

.video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.video-banner-section .container {
    position: relative;
    z-index: 1;
    /* Bootstrap's d-flex and align-items-center handle vertical centering */
}

/* Optional: Add custom padding or margin to pull content further left if needed */
.video-banner-section .row {
    padding-left: 20px;
    /* Example: add left padding to the row */
}

/* --- */
/* service banner */
.videobannertitle1.font-weight-bold {
    font-family: Inter;
    font-weight: 700;
    font-size: 46px;
    line-height: 60px;
    letter-spacing: 0%;
    color: rgba(255, 255, 255, 1);
    margin: 20px 0;
}

.videobannerpara1.mt-3 {
    font-family: Inter;
    font-weight: 300;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0%;
    color: white;
    width: 93%;
    margin-bottom: 35px;
}

.videobannertitle1.font-weight-bold span {
  
    font-weight: 700;
    font-size: 46px;
    line-height: 60px;
    letter-spacing: 0%;
}

/* what we offer */
h2.ai-solution-title {

    font-weight: 700;
    font-size: 40px;

    line-height: 60px;
    letter-spacing: 0%;
    color: rgba(0, 0, 0, 1);
}

p.ai-solution-text {

    font-weight: 500;
    font-size: 20px;

    line-height: 30px;
    letter-spacing: 0%;
    color: rgba(0, 0, 0, 1);
}

p.ai-solution-text {
    text-align: justify;
}

.feature-item.d-flex.align-items-center p {

    font-weight: 500;
    font-size: 20px;

    line-height: 30px;
    letter-spacing: 0%;
    color: rgba(0, 0, 0, 1);
}

.col-lg-7.col-12.whatweoffer-banner-caption {
    margin-top: 13px;
    padding-left: 33px;
}

.what-we-label {
    font-weight: 600;
    /* color: #3564ff; */
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 0%;
    color: #051229;
    margin-bottom: 25px;
}

.what-we-label:before {
    content: "";
    width: 8px;
    height: 34px;
    border-radius: 4px;
    background: linear-gradient(180deg, #3F7CEE 0%, #02F0FF 100%);
    display: inline-block;
}

h2.what-we-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 0%;
    text-align: center;
    color: rgba(0, 0, 0, 1);
}

.container.what-we-title-container {
    margin-top: 68px;
    margin-bottom: 50px;
}

.whatweoffer-banner-carousel {
    position: relative;
    margin-bottom: 160px;
}

.topthreeline img {
    position: absolute;
    top: -60px;
    left: 67px;
    display: none;
}

/* ----- */

/**Tab section home page css***/
.top5-view ul {
    list-style: none;
    display: flex;
}

.top5-view ul li a {
    text-decoration: none;
    font-family: Inter;
    font-weight: 700;
    font-size: 30px;
    line-height: 60px;
    letter-spacing: 0%;
    text-align: center;
    margin-right: 20px;
}

.top5-row1.row {
    background: #051C2C;
    padding: 20px;
    border-radius: 0px 0px 10px 10px;
}

.top5-row.row {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 20px;
    border-left: 10px solid rgba(0, 255, 242, 1) !important;

}

.top5-row.row:hover {
    transition: width 0.4s ease;
    border-left: 20px solid rgba(0, 255, 242, 1) !important;
}

p.top5-content-title {
    font-weight: 700;
    font-size: 25px;
    color: #000000;
    line-height: 100%;
    letter-spacing: 0%;
}

p.top5-content-p {
    font-weight: 500;
    font-size: 16px;
    color: #000000B2;
    line-height: 25px;
    letter-spacing: 0%;
}

p.top5-number {
    font-family: Red Hat Display;
    font-weight: 700;
    font-size: 20px;
    color: #000000;
    line-height: 100%;
    letter-spacing: 0%;
    float: right;
}

.item1 {
    margin-bottom: 20px;
    margin-left: 20px;
}

.top5-view li:has(.bef-link--selected) {
    background: #051C2C;
    padding: 10px 125px 11px 76px;
    clip-path: polygon(0% 0%, 87% 0%, 100% 100%, 0% 100%, 0% 20%);
    border-radius: 10px 0px 0px 0px;
}

.top5-view li:nth-child(2):has(.bef-link--selected) {
    background: #051C2C;
    padding: 10px 104px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 10% 0%);
    position: relative;
    left: 96px;
    border-radius: 10px 10px 0px 0px;
}

.form-item-field-tabtitle-value {
    margin: 0;
    padding: 0;
}

.top5-view ul li a.bef-link--selected {
    text-decoration: none;
    font-family: Inter;
    font-weight: 700;
    font-size: 30px;
    line-height: 60px;
    color: rgba(0, 255, 242, 1);
    text-align: center;
    margin-right: 20px;
}

.top5-view ul li a {
    text-decoration: none;
    font-weight: 700;
    font-size: 30px;
    line-height: 60px;
    color: #00000099;
    text-align: center;
    margin-right: 20px;
}

.top5-view ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0px;
    margin-left: -12px;
}

.top5-view li a:hover {
    color: #2663C9;
}

.top5-view ul li a.bef-link--selected:hover {
    color: #FFFFFF;
}

.top5-view.container {
    margin-bottom: 92px;
}

.top5-view-accordian.container .ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    /* border: 1px solid #003eff; */
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
    background: rgba(21, 58, 119, 1);
    border: none;

}

.top5-view-accordian.container .ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
}

.top5-view-accordian.container .ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url(/cdaqi/modules/contrib/jquery_ui/assets/vendor/jquery.ui/themes/base/images/ui-icons_ffffff_256x240.png);
    float: right;
    margin: auto;
    /* margin-top: 6px; */
    /* width: 14px; */
    font-size: 20px;
}

.top5-view-accordian.container .ui-icon-triangle-1-e {
    background-position: -32px -16px;
    float: right;
    float: right;
    margin: auto;
    margin-top: 0px;
    /* width: 14px; */
    font-size: 20px;
}

.top5-view-accordian.container {
    display: none;
}

/****top5 tab code ens here****/
.whatweoffer-slick-banner .slick-dots li button:before {
    font-family: slick;
    font-size: 17px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: rgba(5, 18, 41, 0.6) !important;
}

.whatweoffer-slick-banner .slick-dots li.slick-active button:before {
    opacity: 1;
    color: rgba(195, 217, 242, 1) !important;
    border: 4px solid rgba(5, 18, 41, 1);
    background: rgba(195, 217, 242, 1);
    border-radius: 50px;
    font-size: 2px !important;
}

.whatweoffer-slick-banner .slick-dots {
    position: absolute;
    bottom: -66px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

/* partners */

/* Custom styles for the partners section */
.partners-section {
    background: #051C2C;
    color: #fff;
    padding-top: 101px !important;
    padding-bottom: 112px !important;
}

.partners-subtitle {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 2.5rem;
}

.partners-line {
    display: block;
    width: 25px;
    /* Length of the blue line */
    height: 3px;
    background-color: #2563eb;
    /* Blue color for the line */
    border-radius: 2px;
}

.partners-title {
    font-size: 2.5rem;
    /* Adjust as needed */
    font-weight: 700;
    color: #fff;
    margin-top: 0;
    /* Remove default top margin */
}

p.partners-subtitle:before {
    content: "";
    width: 8px;
    height: 34px;
    border-radius: 4px;
    background: linear-gradient(180deg, #3F7CEE 0%, #02F0FF 100%);
    display: inline-block;
}

.partner-logo {
    max-width: 200px;
    height: auto;
    /* filter: brightness(0) invert(1); */
    /* opacity: 0.8; */
    transition: opacity 0.3s ease;
}

.partner-logo:hover {
    opacity: 1;
    /* Full opacity on hover */
}

/* Responsive adjustments for smaller screens if needed */
@media (max-width: 767.98px) {
    .partners-title {
        font-size: 2rem;
        /* Smaller title on mobile */
    }
}


/* ---- */
/* our use case */


.ourusecasesection {
    padding: 80px 0;
    background: rgba(18, 32, 97, 1);
    color: #fff;
}

.ourusecasesection .section-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 0%;
}

.ourusecasesection .section-subtitle {
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 0%;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 25px;
}

.section-subtitle::before {
    content: "";
    width: 8px;
    height: 34px;
    border-radius: 4px;
    /* background: #3564ff; */
    background: linear-gradient(180deg, #3F7CEE 0%, #02F0FF 100%);
    display: inline-block;
}

.ourusecasesection .section-description {
    font-weight: 500;
    font-size: 20px;
    line-height: 33px;
    letter-spacing: 0%;
    color: rgba(255, 255, 255, 1);
}

.ourusecasesection .view-more-btn {
    background-color: #2563eb;
    color: white;
    border: none;
    border-radius: 25px;
    padding: 10px 20px;
    font-weight: 500;
    transition: background 0.3s ease;
}

.ourusecasesection .view-more-btn:hover {
    background: linear-gradient(90deg, #1e40af, #2563eb);
}


span.normal1 {
    font-weight: 900;
    font-size: 55px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(0, 255, 242, 1);
}

.ourusecase {
    position: relative;
    background-color: red;
    background: #051C2C;
    color: #fff;
    padding-top: 0px;
}

.date-card {
    width: 50px;
    height: 39px;
    background: rgba(56, 112, 228, 1);
    color: #fff;
    border-radius: 9px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: Arial, sans-serif;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 27px;
    top: 25px;
}

.date-card .day {
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
}

.date-card .month {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1px;
}

.views-field.views-field-field-ourcasetitle {
    letter-spacing: 0%;
    display: none;
}

.views-field.views-field-field-ourcasedescription {
    font-weight: 500;
    font-size: 20px;

    line-height: 26px;
    letter-spacing: 0%;
    color: rgba(5, 18, 41, 0.7);
    margin-bottom: 10px;
}

.views-field.views-field-field-ourcasereadmore a {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    color: rgba(5, 18, 41, 1) !important;
    text-decoration: none;
}

.ourusecase .grid .grid__content {
    padding: 17px;
}

p.usecase-description strong {
    color: rgba(0, 255, 242, 1);
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0%;
}

.ourusecase .grid {
    background-color: #ffffff;
    color: #000;
    border-radius: 10px;
    height: 339px;
}

.views-field.views-field-field-ourcasereadmore {
    position: relative;
    width: 100px;
}

.views-field.views-field-field-ourcasereadmore a::before {
    content: url('http://localhost/cdaqi/images/rightarrow.webp');
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-12%) translateX(-3px);
    opacity: 0;
    transition: all 0.3s ease;
}

.views-field.views-field-field-ourcasereadmore a:hover::before {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}

.views-field.views-field-field-ourcasereadmore a:hover::after {
    width: 38px;
}

.views-field.views-field-field-ourcasereadmore a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0px;
    height: 3px;
    background: linear-gradient(180deg, #3F7CEE 0%, #001496 100%);
    border-radius: 50px;
    transition: width 0.3s ease;
}

/* ----- */
/* call to action */
/* Section background */
section.container-fluid.ctasection {
    background: linear-gradient(110.82deg, #0D1D43 4.31%, #011025 95.69%);
    padding: 40px;
}

/* CTA box */
.cta-section {
    border-radius: 20px;
    color: #fff;
    position: relative;
    overflow: hidden;
    background: linear-gradient(330.36deg, #011025 31.87%, #223475 74.2%);
}

/* Left content */
.col-lg-6.leftcontent {
    padding: 5px 2px 38px 53px;
}

/* Button container */
.ctabtns {
    gap: 10px;
    flex-wrap: wrap;
}

/* Base button style */
.cta-btn1 {
    text-decoration: none;
    border: none;
    padding: 10px 10px;
    /* padding-left: 11px; */
    /* padding-right: 3px; */
    border-radius: 25px;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: 14px;
    line-height: 1;
    transition: all 0.3s ease;
    min-width: 100px;
    text-align: center;
}

/* Individual button styles */
.btn-primary-cta {
    background: rgba(31, 102, 255, 1);
}

.btn-primary-cta:hover {
    background: rgba(31, 102, 255, 1);
}

.btn-secondary-cta {
    background: rgba(31, 102, 255, 1);
}

.btn-secondary-cta:hover {
    background: rgba(31, 102, 255, 1);
}

.btn-tertiary-cta {
    background: rgba(31, 102, 255, 1);
}

.btn-tertiary-cta:hover {
    background: rgba(31, 102, 255, 1);
}

/* Labels */
.cta-label {
    letter-spacing: 1px;
    color: #cbd5e1;
    /* text-transform: uppercase; */
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
}

.cta-label::before {
    content: "";
    width: 8px;
    height: 34px;
    border-radius: 4px;
    background: linear-gradient(180deg, #3F7CEE 0%, #FFFFFF 100%);
}

/* Title */
.cta-title {
    font-weight: 700;
    font-size: 34px;
    line-height: 46px;
    margin-bottom: 36px;
}

/* Right image */
.cta-image {
    max-width: 100%;
    border-radius: 12px;
}

/* Responsive */
@media (max-width: 991.98px) {
    .cta-section {
        text-align: center;
        padding: 40px 20px;
    }

    .cta-label {
        justify-content: center;
    }

    .cta-title {
        font-size: 1.5rem;
    }

    .cta-image {
        margin-top: 30px;
    }
}

@media (max-width:600px) {
    .col-lg-6.leftcontent {
        padding: 17px 0px 31px 0px;
    }
}

/* ------------------- */
.contact-info1.d-flex {
    flex-wrap: wrap;
}

.contact-info1.d-flex div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.contact-info1.d-flex div p {
    margin: 0px;
}

.contact-info1.d-flex div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding-bottom: 16px;
}

.col-md-3.d-flex.align-items-center.privacypolcy p a {
    margin: 0px;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0%;
    color: #000000;
}

.col-md-3.d-flex.align-items-center.privacypolcy p {
    margin: 0px;
}

.footer ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0%;
    height: 3px;
    background: #1C2FEE;
    transition: width 0.4s ease;
}

.footer ul li a:hover::after {

    width: 100%;
}

.footer ul li a {
    text-decoration: none;
    transition: color 0.3s;
    color: #000000;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0%;
    position: relative;
    display: inline-block;
}

.footer h5 {
    margin-bottom: 1.2rem;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    color: #000000;
}

.footer-bottom {
    border-top: 1.5px solid #0000004D;
    margin-top: 40px;
    padding-top: 20px;
    font-size: 0.9rem;
    color: #cbd5e1;
}

.footer .social-icons a:hover {
    background: #3b82f6;
    transform: translateY(-2px);
}


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

.footer ul li {
    margin-bottom: 0.6rem;
}

.footer ul li a:hover {
    color: #1C2FEE;
}

.footer .contact-info p {
    margin: 0.3rem 0;
    color: #d1d5db;
}

.footer .contact-info i {
    margin-right: 8px;
    color: #93c5fd;
}

footer.footer a.embark-link {
    text-decoration: none;
    color: black;
}

p.parallax-a-over a:hover {
    text-decoration: underline;
}

.footer .social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* border: 1px solid #3b82f6; */
    color: #fff;
    margin-right: 10px;
    transition: all 0.3s;
    text-decoration: none;
}

.contact-info1.d-flex div p {
    margin: 0px;
    text-decoration: none;
    color: #000000;
    transition: color 0.3s;
    opacity: 0.75;
    /* font-family: Poppins; */
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0%;
}

.footer {
    color: #000000;
    padding: 92px 0px 40px;
    background: #FFFFFF;
}

h5.regulfoottitle {
    margin-top: 30px;
}

/* ai strategy our service 3 column */
.aiour-service-card {
    position: relative;
    background: #0d47a1;
    background: rgba(21, 58, 119, 1);
    color: #fff;
    border-radius: 20px;
    padding: 36px 26px 42px 28px;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    height: 100%;
}

/* Circular wave background */
.aiour-service-card::before {
    content: "";
    position: absolute;
    bottom: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at bottom left, #2196f3, #1565c0);
    border-radius: 0%;
    transform: scale(0);
    transform-origin: bottom left;
    transition: transform 0.8s ease-in-out;
    z-index: 0;
    color: #000;
}

.aiour-service-card:hover::before {
    transform: scale(1);
}

.aiour-service-content {
    position: relative;
    z-index: 1;
}

.aiour-service-card:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    transform: translateY(-8px);
}

.aiour-service-title {
    display: flex;
    align-items: center;
    margin-bottom: 28px;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
}

.aiour-service-title img {
    margin-right: 26px;
    width: 40px;
    height: 41px;
}

.aiour-service-text {
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
    letter-spacing: 0%;
}

.arrow-link {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 2;
}

.arrow-link img {
    transition: transform 0.3s ease;
}

.aiour-service-card:hover .arrow-link img {
    transform: translateX(5px);
}

/* // */
/* pre-market */
/* ===========================
       Regulatory Readiness Section
    =========================== */
section#reg-bgcolorr {
    background: #051C2C;
    /* padding-top: 10px; */
    padding-bottom: 7rem;
}

.reg-readiness {
    /* background: linear-gradient(288.01deg,#021128 -0.4%,#223475 95.83%); */
    padding-top: 7rem;
    padding-bottom: 3rem;
    background: #051C2C;
}
.eyebrow {
    font-size: 18px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.reg-readiness .eyebrow {
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 0%;
    margin-bottom: 25px;
    color: rgba(255, 255, 255, 1);
}

.reg-readiness .eyebrow:before {
    content: "";
    width: 8px;
    height: 34px;
    border-radius: 4px;
    background: linear-gradient(180deg, #3F7CEE 0%, #02F0FF 100%);
    display: inline-block;
}



.reg-readiness .reg-title {

    font-weight: 700;
    font-style: Bold;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 0%;
    color: rgba(255, 255, 255, 1);
}

.col-12.col-lg-6.predetail-leftontent {
    margin-top: 50px;
}

.reg-readiness .lead-sm {
    margin-bottom: 28px;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;

    line-height: 35px;
    letter-spacing: 0%;
    color: #FFFFFF;
}

/* Scrollable accordion on large screens */
@media (min-width: 992px) {
    .reg-readiness .accordion-scroll {
        /* height: clamp(460px, 70vh, 680px); */
        /* overflow-y: auto; */
        /* padding-right: .25rem; */
        margin-top: 34px;
    }

    .reg-readiness .accordion-scroll::-webkit-scrollbar {
        width: 10px;
    }

    .reg-readiness .accordion-scroll::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, .18);
        border-radius: 999px;
    }

    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 0 !important;
    }
}

/* Accordion wrapper */
.reg-readiness .reg-accordion {
    --bs-accordion-border-color: transparent;
    --bs-accordion-bg: transparent;
}

/* ///new */
.reg-readiness .reg-accordion-item:hover {
    border-top: 2px solid #00FFF2;
    border-bottom: 2px solid #00FFF2;
}

.reg-readiness .reg-accordion:hover .reg-accordion-item:not(:hover) {
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    ;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    ;
}

.reg-readiness .reg-accordion:has(.reg-accordion-item:hover) .reg-accordion-item:not(:hover) .reg-accordion-button {
    color: rgba(255, 255, 255, 0.6);
}

.accordion-item.reg-accordion-item:hover .acc-title {
    color: #FFF;
}

.reg-readiness .reg-accordion-item:hover .reg-accordion-button {
    color: #ffffff;
}

.reg-readiness .reg-accordion-item,
.reg-readiness .reg-accordion-button,
#bottomborder-premarket {
    transition: color 0.3s ease, border-color 0.3s ease;
}

div#bottomborder-premarket {
    border-bottom: 2px solid #00FFF2;
    transition: border-color 0.3s ease;
}

.reg-readiness .reg-accordion-item {
    border: 0;
    margin-bottom: 0rem;
    padding: 10px 0px;
    border-radius: 0px !important;
    box-shadow: 0 10px 28px rgba(2, 8, 23, .25);
    overflow: hidden;
    color: #ffffff;
    transition: color 0.3s ease, border-color 0.3s ease;
    border-top: 2px solid #00FFF2;
    border-bottom: 0px solid #00FFF2;
    transition: border-color 0.3s ease;
}

/* Active (open) accordion item: blue border */
.reg-accordion-item .accordion-collapse.show {
    border-bottom: 0px solid #00FFF2;
}

.accordion-item.reg-accordion-item:has(.show) {
    border-top: 2.5px solid #00FFF2;
    position: relative;
    /* bottom: -17px; */
    /* top: 2px; */
    border-bottom: 2.5px solid #00FFF2;
    margin-bottom: -2px;
    z-index: 10;
}

/* --------------- */
/* Accordion header button */
.reg-readiness .reg-accordion-button {
    padding: 1rem 1.1rem;
    /* background: #fff; */
    color: #FFFF;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: .85rem;
    align-items: center;
    border: 0;
    box-shadow: none !important;
    transition: background .25s ease, color .25s ease;
    font-weight: 600;
}

/* Active state */
.reg-readiness .reg-accordion-button:not(.collapsed) {
    /* border-bottom: 2px solid #fff; */
    border-radius: 0;
    box-shadow: none !important;
    background: none;
    color: #fff !important;
    /* font-size: 20px; */
}

/* .reg-readiness .reg-accordion-button:not(.collapsed) .acc-subtitle {
      color: #dce8ff;
    } */

/* Left badge image */
.reg-readiness .acc-badge img {
    object-fit: contain;
    margin-top: -14px;
}

.reg-readiness .acc-title {
    font-weight: 700;
    font-size: 30px;
    line-height: 1.15;
}

.reg-readiness .acc-subtitle {
    display: block;
    margin-top: 2px;
    font-size: .875rem;
    color: #516076;
}

/* Custom plus/minus */
.reg-readiness .reg-accordion-button::after {
    content: "+";
    /* Default */
    font-weight: 700;
    font-size: 30px;
    color: #ffffff;
    background-image: none !important;
    width: auto;
    height: auto;
    transform: none;
    transition: color .3s ease;
}

.reg-readiness .reg-accordion-button:not(.collapsed)::after {
    content: "–";
    /* Minus when active */
    color: #00FFF2;
}

/* Accordion body */
.reg-readiness .reg-accordion-body {
    font-size: 18px;
    color: #fff;
    border-top: 1px solid rgba(0, 0, 0, .06);
    padding: 1rem 1.1rem 1.25rem 1.1rem;
    line-height: 1.6;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity .3s ease, transform .4s ease;
}

.reg-readiness .accordion-collapse.show .reg-accordion-body {
    opacity: 1;
    transform: translateY(0);
}

/* Smooth collapse */
.reg-readiness .accordion-collapse {
    transition: height .35s ease;
    overflow: hidden;
}


/* helping section */
.highlight-section {
    /* font-size: 2rem; */
    /* font-weight: 600; */
    text-align: center;
    /* color: #0a0a3c; */
    line-height: 1.5;
    padding: 73px 0px;
    /* font-family: Red Hat Display; */
    font-weight: 700;
    font-style: Bold;
    font-size: 45px;
    line-height: 70px;
    letter-spacing: 0%;
    text-align: center;
    color: rgba(18, 32, 97, 1);
    /* height: 299px; */
}

.slanted-highlight {
    position: relative;
    display: inline-block;
    z-index: 1;
    padding: 0px 12px;
}

.slanted-highlight::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 52px;
    background-color: #00e4ff;
    transform: rotate(-4deg);
    border-radius: 14px;
    z-index: -1;
    margin-top: 9px;
}

.mark-graphic {
    display: inline-block;
    transform: rotate(-15deg);
    margin-left: 8px;
    font-size: 1.5rem;
    color: #0a0a3c;
}

.highlight-section.position-relative img {
    left: 1154px;
    position: absolute;
    top: 24%;
}

@media (max-width: 600px) {
    .highlight-section {
        font-size: 1.3rem;
    }
}

/* ----- */
/* vidhya mam */
Add this in custom.css

/*******Service l2 css ********/
section.service-l2-banner.container-fluid {
    background: #051C2C;
    padding: 50px;
    margin-bottom: 35px;
}

img.img-srl2 {
    width: 100%;
}

p.sl2-p1 {
    font-weight: 500;
    font-size: 25px;
    color: #FFFFFF;
    line-height: 100%;
}

h1.sl2title {
    font-family: Inter;
    font-weight: 700;
    font-size: 45px;
    color: #FFFFFF;
    line-height: 60px;
}

h1.sl2title span {
    color: #FFF943;
}

p.sl2-p2 {
    font-weight: 500;
    font-size: 17px;
    line-height: 30px;
    color: #FFFFFFB2;
}

a.cta-btn.sl2-ctabtn-banner {
    background: #1F66FF;
    padding: 15px 20px;
    border-radius: 40px;
    color: #FFFFFF;
    text-decoration: none;
    font-family: Kanit;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
}

p.sl2-p3 {
    margin-top: 50px;
}

img.arrow-banner-sl2 {
    width: 28px;
    height: 28px;
    margin: 0px -10px 0 11px;
}

/***overview secion***/
img.img-srl2-over {
    width: 100%;
    margin-top: -22px;
}

img.img-srl2-overline {
    position: relative;
    left: -57px;
}

.sl2-over-img {
    margin-top: -55px;
}

.ai-sl2-overview-content {
    margin-left: 30px;
}

h2.ai-sl2-overview-title {
    font-weight: 700;
    font-size: 30px;
    line-height: 45px;
    color: #000000;
    margin-bottom: 15px;
}

p.ai-sl2-overview-text {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
}

.cta-btn-l2 a {
    background: #1F66FF;
    padding: 15px 20px;
    border-radius: 40px;
    color: #FFFFFF;
    text-decoration: none;
    /* font-family: Kanit; */
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
}

.cta-btn-l2 {
    margin-top: 15px;
}

.sl20-container.container {
    margin-bottom: 60px;
}

/*******looking for something else*********/
section.look-sl2.container-fluid {
    background: linear-gradient(110.82deg, #0D1D43 4.31%, #011025 95.69%);
    padding: 50px;
}

.look-sl2-heading {
    font-weight: 600;
    font-size: 48.38px;
    color: #FFFFFF;
    line-height: 58.06px;
    margin-bottom: 50px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
}

.look-sl2-heading span {
    color: #00FFF2;
}

img.look-icon {
    width: 75%;
    margin-top: -12px;
}

p.look-p-sl2 {
    font-weight: 700;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 100%;
}

.sl2-item-look-heading-p {
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
}

.sl2-item-look {
    background: #051C2C;
    padding: 40px 20px;
    height: 285px;
    border-radius: 10px;
}

.sl2-item-look-heading.row {
    margin-bottom: 20px;
}

img.look-iconarr {
    margin-top: 90px;
}

img.look-iconarrow {
    margin-top: 64px;
}

.sl2-item-look:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    transform: translateY(-5px);
    border: 1px solid #00FFF2;
}

/******deliverables*********/
section.sl2-deliverables.container {
    margin: 35px auto 70px;
}

.deliverables-row2.row {
    background: #051C2C;
    padding: 30px;
    margin-bottom: 20px;
    border-radius: 10px;
}

.col.delverablescol {
    margin-right: 20px;
}

.delverablescol2 {
    font-weight: 600;
    font-size: 25px;
    line-height: 40px;
    color: #FFFFFF;
    height: 80px;
}

/*******whats matter********/
section.what-matter.container-fluid {
    background: #051C2C;
    padding: 20px 0 90px;
}

.what-matter .what-we-label {
    color: #FFFFFF;
}

.what-matter h2.what-we-title {
    color: #FFFFFF;
    font-family: Inter;
    font-weight: 600;
    font-size: 48.38px;
    line-height: 58.06px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
}

.what-matter h2.what-we-title span {
    color: #00FFF2;
}

.matter-col {
    border: 1px solid #797979;
    border-radius: 24px;
    background: #FFFFFF;
    padding: 30px 20px;
    height: 255px;
}

p.matter-p1 {
    font-weight: 600;
    font-size: 25px;
    margin-top: 30px;
    line-height: 31.2px;
    vertical-align: middle;
    letter-spacing: -0.52px;
    color: #000000;

}

p.matter-p2 {
    font-weight: 400;
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: -0.18px;
    vertical-align: middle;
    color: #4E4E4E;
}

/*********our service***/
section.ourservice-sl2.container-fluid {
    background: linear-gradient(270deg, #223475 0%, #081837 100%);
    padding: 40px;
}

section.ourservice-sl2 .section-subtitle {
    font-weight: 500;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 100%;
    align-items: center;
    display: inline-flex;
    gap: .5rem;
}

section.ourservice-sl2 .section-title {
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 48.38px;
    color: #FFFFFF;
    line-height: 58.06px;
    letter-spacing: 0px;
    vertical-align: middle;
}

section.ourservice-sl2 .section-title span {
    background: linear-gradient(90deg,
            #F4F4F9 0%,
            #D2E4DD 22%,
            #00FFF2 52%,
            #21FBDF 72%,
            #F4F4F9 100%);
    -webkit-background-clip: text;
    /* Clips background to text */
    -webkit-text-fill-color: transparent;
    /* Makes text fill transparent */
    background-clip: text;
    /* Standard */
    text-fill-color: transparent;
    /* Standard */
}

.section-title-p1-l2 {
    font-weight: 400;
    font-size: 15.55px;
    line-height: 23.33px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #D2E4DDBF;
}

img.s-icon1 {
    width: 100%;
}

p.ourser-p1 {
    font-weight: 600;
    font-size: 20.74px;
    color: #FFFFFF;
    line-height: 29.03px;
    letter-spacing: 0px;
    vertical-align: middle;
}

p.ourser-p2 {
    font-weight: 350;
    font-size: 16px;
    line-height: 23.33px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #fff;
}

.ourservicel2-containersection.container {
    margin-top: 50px;
}

/*******focus***/
section.ourfocus-sl2.container-fluid {
    background: linear-gradient(330.36deg, #011025 -25.13%, #223475 23.2%);
    padding: 40px;
}

.ourfocus-sl2 .section-subtitle {
    align-items: center;
    display: inline-flex;
    gap: .5rem;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    color: #FFFFFF;
}

.ourfocus-sl2 .section-title {
    font-family: Inter;
    font-weight: 600;
    font-size: 40px;
    line-height: 60px;
    color: #FFFFFF;
}

.ourfocus-sl2 .section-title span {
    color: #00FFF2;
}

/* ------------- */
/* contact us */
section.contact-us-top.container-fluid {
    background: #051C2C;
    padding-top: 80px;
}

.contactus-container .section-subtitle {
    letter-spacing: 0%;
    color: rgba(255, 255, 255, 1);
    align-items: center;
    display: inline-flex;
    gap: .5rem;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    color: #FFFFFF;
    margin-bottom: 26px;
}

.contactus-container .section-title {
    /* font-family: Inter; */
    font-weight: 700;
    font-size: 50px;
    line-height: 57px;
    letter-spacing: 0%;
    color: #fff;
    color: rgba(255, 255, 255, 1);
}

.contactus-container .section-title span {
    font-weight: 700;
    font-size: 50px;
    line-height: 57px;
    letter-spacing: 0%;
    color: #fff;
    /* color: rgba(255, 255, 255, 1); */
    color: rgba(0, 255, 242, 1);
}
.form-type-radio .description,
.form-type-checkbox .description {
    margin-left: 1.4em;
}
.webform-submission-contact-us-form .js-form-item.form-item.js-form-type-tel.form-type-tel.js-form-item-telephone.form-item-telephone {
    display: flex;
    flex-direction: column;
}
/* .webform-submission-contact-us-form select#edit-country {
 
    padding-left: 0.52rem;
} 
.webform-submission-contact-us-form select#edit-service {

    padding-left: 0.52rem;
}*/
.webform-submission-contact-us-form .form-control:focus {
    /* color: var(--bs-body-color); */
    /* background-color: var(--bs-body-bg); */
    /* border-color: rgb(134,182.5,254); */
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25);
}

.webform-submission-contact-us-form input.webform-counter-warning,
input.form-text.webform-counter-warning,
textarea.webform-counter-warning,
textarea.form-textarea.webform-counter-warning {
    border-color: #fff;
    background: transparent;
}

.webform-submission-contact-us-form .text-count-message {
    color: #fff;
    font-size: 12px;
    /* padding-top: 12px; */
}

.webform-submission-contact-us-form .js-form-item-privacypolicy {
    display: flex;
    color: #fff;
    font-size: 16px;
    margin: 43px 0px;
}

.webform-submission-contact-us-form .form-select {
    --bs-form-select-bg-img: url("https://cdaqi.ai/images/drpd.svg");
    
}

.webform-submission-contact-us-form option {
color: #fff;
    background: #051C2C;
}
.webform-submission-contact-us-form .webform-flexbox .webform-flexbox {
    margin: 0em -9px !important;
}

.webform-submission-contact-us-form .webform-flex--3 {
    flex: 1 !important;
}

.webform-submission-contact-us-form .webform-flex--2 {
    flex: 1 !important;
}

.webform-submission-contact-us-form .js-form-item-message {
   
    margin-top: 50px;
    padding: 0px 0px 9px 0px;
}

/* form#webform-submission-contact-us-node-25-add-form {
    padding: 20px 187px;
} */
.webform-submission-contact-us-form {
    /* padding: 36px 116px; */
    background: #051C2C;
    padding-top: 20px;
    padding-bottom: 1px;
    padding-left: 118px;
    padding-right: 148px;
}

.webform-submission-contact-us-form .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    appearance: none;
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    padding-bottom: 11px;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 1);
    padding-left: 0px;
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0%;
    background-color: transparent;
    border-radius: 0px;
    color: rgba(255, 255, 255, 1);
}

.webform-submission-contact-us-form .form-control:focus {
    /* color: var(--bs-body-color); */
    /* background-color: var(--bs-body-bg); */
    /* border-color: rgb(134,182.5,254); */
    outline: 0;
    /* box-shadow: 0 0 0 0.25rem rgba(13,110,253,0.25); */
}

.contact-us-page {
    margin-bottom: 44px;
}

.webform-submission-contact-us-form .form-control::placeholder {
    color: rgba(255, 255, 255, 1);
}

select#edit-service option {
    background: #051C2C;
}

.contact-formbtn {
    text-decoration: none;
    border: none;
    border-radius: 10px;
    /* color: rgba(255,255,255,1); */
    color: #051C2C;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    background: #ffff;
    transition: all 0.3s ease;
    padding: 13px 20px;
    margin-top: 18px;
}

/* ceo-testimonial */
/* Custom arrow styling */
.ceotestimonial-banner-carousel {
    position: relative;
    /* This is crucial for positioning the arrows relative to the carousel container */
}

.ceotestimonial-banner-carousel .prev,
.next {
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 10;
}

.ceotestimonial-banner-carousel .prev {
    left: 80px;
}

.ceotestimonial-banner-carousel .next {
    right: 100px;
}

.ceotesti-slick-banner .slick-dots {
    position: absolute;
    bottom: -15px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.ceotesti-slick-banner .slick-dots li button:before {
    font-family: slick;
    font-size: 22px;
    line-height: 25px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: cente;
    opacity: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: rgba(255, 255, 255, 0.6);
}

.ceotesti-slick-banner .slick-dots li.slick-active button:before {
    opacity: 1;
    color: transparent !important;
    border: 4px solid rgba(3, 191, 203, 1);
    border-radius: 50px;
    /* background: rgba(3, 191, 203, 1); */
}

section.ceotestimonial-banner-carousel.position-relative {
    background: #051C2C;
    color: #ffffff;
    padding: 73px 0px;
}

.row.align-items-center.ceotestirrow {
    /* background: rgba(255, 255, 255, 1); */
    color: #fff;
    padding: 28px 38px;
    /* width: 100%; */
    border-radius: 20px;
}

.container.ceotesticontainer {
    padding: 40px 119px;
}

section.ceotestimonial-banner-carousel.position-relative .what-we-title {
    color: #ffffff;
}

section.ceotestimonial-banner-carousel.position-relative .what-we-label {
    color: #ffffff;
}

/* --mega menu */
/* ===========================
   Mega Menu Base
=========================== */
.mega-cdaqi .dropdown-menu {
    display: none;
    /* Hide by default */
}

.mega-cdaqi .dropdown-menu.show {
    display: block;
    /* Let Bootstrap toggle it */
}

.mega-cdaqi .dropdown-menu {
    position: fixed !important;
    top: 100px;
    left: 0;
    right: 0;
    width: 75%;
    margin: 0 auto;
    border: none;
    border-radius: 20px;
    padding: 0;
    background: #fff;
    transform: none !important;
    /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); */
    z-index: 1050;
    max-height: 80vh;
    overflow-y: auto;
}

/* Lock body scroll whenever a dropdown menu is open */
body:has(.mega-cdaqi .dropdown-menu.show) {
    overflow: hidden;
}

/* Center and style mega menu content */
.mega-menu {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    padding: 0;
    gap: 2rem;
}

/* Always display on hover */
/* .nav-item.dropdown:hover > .dropdown-menu {
    display: block;
  } */

.mega-menu-column {
    flex: 1 1 30%;
    min-width: 200px;
    padding: 35px 20px;
}

.mega-menu-column h6 {
    font-weight: bold;
    margin-bottom: 1rem;
    font-size: 22px;
}

.mega-menu-column a {
    display: block;
    padding: 0.25rem 0;

    text-decoration: none;
    transition: color 0.2s ease;
}

.mega-menu-column a {
    color: #051C2C;
    font-size: 18px;
    font-weight: 800;
}

/* .mega-menu-column a:hover {
    color:rgba(34, 52, 117, 1);
  } */

/* ===========================
     Navbar Toggler (Hamburger)
  =========================== */
.navbar-toggler {
    border: none;
    outline: none;
    box-shadow: none;
}

.nav-link:focus-visible,
.media-library-view--widget .view-header a:focus-visible {
    outline: 0;
    box-shadow: none;
}

.mega-cdaqi .nav-item.dropdown:hover>.dropdown-menu {
    display: block;
    /* Show menu on hover */
}


/* ===========================
     Mobile Styles
  =========================== */
@media (max-width: 991px) {
    .mega-cdaqi .navbar-nav .dropdown-menu {
        position: static !important;
        width: 100%;
        padding: 1rem;
        box-shadow: none;
        left: 0;
    }

    .mega-menu {
        flex-direction: column;
        gap: 1rem;
    }

    .main-head-column-mega {
        background: unset !important;
        color: black !important;
    }
}

/* ===========================
     Optional Styling Tweaks
  =========================== */
.mega-cdaqi .navbar-nav .nav-link {
    /* font-weight: 500;
    padding: 0.75rem 1rem;
    color: #333; */
    font-weight: 700;
    font-style: Medium;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    padding: 8px;
    color: #051C2C !important;
}

.mega-cdaqi .navbar-nav .nav-link:hover {
    color: #1C2FEE !important;
    font-weight: 700;
    font-style: Medium;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    padding: 8px;
    /* color: #051C2C !important; */
}

.mega-cdaqi .navbar {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.mega-cdaqi .navbar-nav {
    align-items: baseline;
}

.main-head-column-mega {
    background: #051C2C;
    color: white;
    padding: 35px 20px;
    /* margin: -32px 0 -32px -29px; */
    border-radius: 20px 0px 0px 20px;
}

/* .mega-cdaqi .navbar-nav .dropdown-menu {
            position: static !important;
            width: 100%;
            padding: 1rem;
            box-shadow: none;
            left: 0;
        } */
/*****menu overview*/
a.overview-a {
    color: #21FBDF;
    font-weight: 800;
    font-size: 20px;
    position: relative;
    display: inline-block;
}

a.overview-a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 3px;
    background: linear-gradient(180deg, #3F7CEE 0%, #02F0FF 100%);
    transition: width 0.4s ease;
}

a.overview-a:hover::after {
    width: 100%;
}

/*****service l2 phase css ***/
.process-phs-tab {
    background: linear-gradient(330.36deg, #011025 31.87%, #223475 74.2%);
    padding: 40px;
}

.process-phs-tab ul {
    display: flex;
    list-style: none;
}

.process-phs-tab li a {
    padding: 20px 40px;
    font-weight: 600;
    font-size: 30px;
    line-height: 60px;
    text-align: center;
    color: #FFFFFF80;
    text-decoration: none;
}

.process-phs-tab li a {
    padding: 20px 115px;
    font-weight: 600;
    font-size: 30px;
    line-height: 60px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
}

.border-ph {
    border-top: 2px solid #8890A5;
    width: 80%;
}

.process-phs-tab li {
    position: relative;
}

.proc-content {
    margin-top: 20px;
}

.process-phs-tab li:has(.bef-link--selected)::after {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    background-color: #00FFF2;
    position: absolute;
    left: 0;
    top: 89px;
}

p.ai-process-p1 {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
}

p.ai-process-p2 {
    font-weight: 600;
    font-size: 40px;
    line-height: 60px;
    color: #00FFF2;
}

p.ai-process-p3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFFB2;
}

.process-div-item {
    backdrop-filter: blur(50px);
    border: 1px solid;
    background: white;
    border-radius: 10px;
    margin-bottom: 21px;
    padding: 20px;
}

.process-div {
    margin-top: 50px;
}

.proc-img {
    margin-top: 42%;
}

img.process-image {
    width: 100%;
}

p.deliverable-process-p {
    font-weight: 600;
    font-size: 25px;
    line-height: 40px;
    color: #00FFF2;
}

p.tick-p {
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 40px;
}

.deliverable-process-col1.col-md-11 {
    margin-left: -44px;
    margin-top: -8px;
}

p.ai-process-item-p1 {
    font-weight: 600;
    font-size: 22px;
    line-height: 60px;
    border-bottom: 2px solid #00000026;
    color: #000000;
}

p.ai-process-item-p2 {
    font-family: Inter;
    font-weight: 400;
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: -0.18px;
    vertical-align: middle;
    color: #000000CC;
}

/* cybersecurity */
div#cyber-card {
    height: 300px;
}

section.cyber-service-section {
    padding-top: 1rem;
    padding-bottom: 20px;
    background: linear-gradient(270deg, #021128 0%, #223475 100%);
    color: #ffffff;
}

section.cyber-service-section .what-we-label {
    color: #ffffff;
}

section.cyber-service-section .what-we-title {
    color: #ffffff;
    margin-bottom: 65px;
}

h2.cyberpropretitle {
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    font-style: Bold;
    font-size: 40px;

    line-height: 60px;
    letter-spacing: 0%;
    /* width: 67%; */
}

p.service-desc.cyberproprepara {
    font-family: Inter;
    font-weight: 300;
    font-style: Medium;
    font-size: 18px;
    line-height: 33px;
    letter-spacing: 0%;
    width: 92%;
}

section#cyber-reg-readines-pre {
    padding-top: 1rem !important;
    padding-bottom: 0rem !important;
    background: linear-gradient(270deg, #021128 0%, #223475 100%);
}

section#cyber-reg-readines-post {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
    background: linear-gradient(270deg, #021128 0%, #223475 100%);
}

/* input {
    padding-left: 10px !important;
} */

/****Animate banner*********/
/* .overviewcyberbanner {
    padding-top: 0px !important;
} */
div#cyberoverbanner {
    padding: 0px !important;
}

#animate-2col-banner.static-banner {
    background: #051C2C;
    padding-left: 41px;
}

#animate-2col-banner.static-banner h2 span {
    color: rgba(0, 255, 242, 1) !important
}

#animate-2col-banner .swiper {
    width: 100%;
    height: auto;
}

#animate-2col-banner .swiper-slide img {
    object-fit: cover;
}

/******hide video banner*********/
section.video-banner-section {
    display: none;
}

/******hide video banner*********/
/* key activity */

.cornerstone-services {
    background-color: #051C2C;
    padding: 35px 0px;
    padding-bottom: 115px;
}

.crone-service-card {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 10px;
    padding: 12px 13px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    text-align: start;
    height: 100%;
}

.crone-card-title {
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0%;
    color: rgba(5, 18, 41, 1);
    margin-bottom: 10px;
}

p.crone-card-text {
    font-family: Inter;
    font-weight: 400;
    font-style: Medium;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0%;
    color: rgba(5, 18, 41, 0.7);
}

.crone-service-card .icon img {
    object-fit: contain;
}

.crone-service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* what-we-do */
div#what-we-dolabel {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 0%;
    color: #fff;
    margin-bottom: 25px;
}

h2#what-we-dotitle {
    font-weight: 700;
    font-style: Bold;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 0%;
    text-align: center;
    color: #fff;
    margin-bottom: 66px;
}

span.whatwethrepase {
    color: rgba(0, 255, 242, 1);
}

.structured-journey {
    color: white;
    background: #051C2C;
    text-align: center;
    padding: 60px 0;
    position: relative;
}

.journey-title {
    font-size: 32px;
    font-weight: 700;
}

.journey-title .highlight {
    color: #00f0ff;
}

.phase-row {
    align-items: flex-start;
}

.phase-box {
    background: transparent;
    border-radius: 12px;
    padding: 24px;
    /* border: 1px solid gray; */
    height: 100%;
    position: relative;
}

.phase-icon {
    margin-bottom: 40px !important;
    height: 75px;
}

.phase-heading {
    /* font-size: 18px; */
    /* font-weight: 600; */
    margin-bottom: 20px;
    font-family: Inter;
    font-weight: 800;
    font-style: Extra Bold;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: rgba(255, 255, 255, 1);
}

.phase-desc {
    /* font-size: 14px; */
    /* line-height: 1.6; */
    font-family: Inter;
    font-weight: 300;
    font-style: Regular;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0%;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
}

.position-relative {
    position: relative;
}

.arrow-img {
    /* width: 40px; */
    height: auto;
    position: absolute;
    top: 49%;
    right: -18px;
    transform: translateY(-50%);
}

/**********l2 phase css***/
.phase1-section {
    background-color: #0b1b2b;
    /* Dark background */
    color: #fff;
}

.phase1-section {
    padding: 62px 20px;
    text-align: center;
    background: #051C2C;
    padding-bottom: 90px;
}

.phase-title {
    font-size: 1rem;
    color: #7dd3fc;
    margin-bottom: 10px;
}

/* .phase-heading {
    font-size: 1.5rem;
    font-weight: bold;
    color: #38bdf8;
  } */
.phase-subtext {
    font-size: 20px;
    color: #fff;
    margin-bottom: 40px;
    margin-top: -47px;
    font-weight: 400;
}

.phase1-info-card {
    /* background-color: #132736; */
    color: #fff;
    border-radius: 8px;
    padding: 20px;
    height: 100%;
    transition: all 0.3s ease-in-out;
    text-align: center;
}

p.phase-number {
    font-weight: 700 !important;
    font-size: 25.74px !important;
    line-height: 29.03px;
    letter-spacing: 0px;
    vertical-align: middle;
    float: right;
    display: none;
}

.phase1-info-card:hover {
    background-color: #fff;
    color: #000;
}

.phase1-info-card:hover p.phase-number {
    display: block;
    padding-bottom: 20px;
    padding-top: 20px;
}

.phase1-info-card h5 {
    /* font-size: 1rem; */
    /* font-weight: bold; */
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 22.74px;
    line-height: 26.03px;
    letter-spacing: 0px;
    vertical-align: middle;
    margin-bottom: 14px;
    color: rgba(0, 255, 242, 1);
    transition: color 0.3s ease-in-out;
}

p.y-div-right-p1 span,
p.y-div-right-p2 span {
    color: #00FFF2;
}

.phase1-info-card:hover h5 {
    color: #0b1b2b;
}

.phase1-info-card p {
    margin: 0;
    font-family: Inter;
    font-weight: 300;
    font-style: Regular;
    font-size: 16px;
    line-height: 23.33px;
    letter-spacing: 0px;
    vertical-align: middle;
}

.phase1span {
    color: rgba(0, 255, 242, 1);
}

/******our process*******/
section.cybersecurityroadmap-process {
    background: #051C2C;
    padding: 30px 0px;
}

span.cyberroadmapprocesspan {
    color: rgba(0, 255, 242, 1) !important;
}

/******banner l2**/

#cyberroadmap {
    background: rgba(21, 58, 119, 1);
    padding-left: 41px;
}

#cyberroadmap h2 span.text-warning {
    color: #FFD60A;
}

#cyberroadmap h2 span.text-success {
    color: #38d9a9;
}

a.cyber-btn {
    width: 211px;
    height: 48px;
    angle: 0 deg;
    opacity: 1;
    gap: 10px;
    border-radius: 10px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 16px;
    background: rgba(255, 255, 255, 1);
    text-decoration: none;
    color: #000;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    font-weight: 400;
    font-size: 17px;
    line-height: 100%;
}

span.cyberroadmapspan {
    color: rgba(0, 255, 242, 1) !important;
}

section#cyberroadmap {
    background: #051C2C;
}

section#cyberroadmap .videobannersubtitle.font-weight-bold {
    font-weight: 500;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 0%;
    color: rgba(255, 255, 255, 1);
}

/******parallax image******/
.parallax-section {
    background-image: url('https://cdaqi.ai/images/regulparallax.webp');
    height: 553px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.parallax-section1 {
    background-image: url('https://cdaqi.ai/images/aiparallax.webp');
    height: 553px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.parallax-section2 {
    background-image: url('https://cdaqi.ai/images/abtparallax.webp');
    height: 553px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.parallax-content {
    z-index: 2;
}

.parallax-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.parallax-section1::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

h1.display-4 {
    font-weight: 700;
    font-size: 45px;
    text-align: left;
    line-height: 60px;
    letter-spacing: 0px;
    width: 100%;
}

.cyberover-display {
    font-weight: 700;
    font-size: 45px;
    text-align: left;
    line-height: 60px;
    letter-spacing: 0px;
    width: 100%;
}

/****why we are different******/
section.why-we-different.container-fluid {
    padding: 90px 0;
    text-align: center;
    background: #051C2C;
    position: relative;
}

.why-img-div {
    position: relative;
}

.y-div-overlap {
    position: absolute;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 25px 19px;
    width: 15%;
    bottom: 58px;
    left: 38%;
    text-align: left;
    display: none;
}

img.y-v-img {
    width: 100%;
}

p.y-div-overlap-p1 {
    font-weight: 700;
    font-size: 24px;
    line-height: 25px;
    color: #004767;
}

p.y-div-overlap-p2 {
    color: #004767;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
}

.y-div-right-content {
    margin-left: 10%;
}

p.y-div-right-p1 {
    font-weight: 700;
    font-size: 50px;
    text-align: left;
    line-height: 50px;
    color: #FFFFFF;
    margin-bottom: 25px;
}

p.y-div-right-p2 {
    font-weight: 400;
    font-size: 25px;
    line-height: 36px;
    color: #FFFFFF;
    text-align: left;
}

a.cta-btn-white {
    background: #FFFFFF;
    padding: 14px 18px;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: #000000;
    border-radius: 10px;
}

p.y-div-right-a {
    text-align: left;
    margin-top: 50px;
}

img.methodolgy-arrow {
    margin-left: 15px;
}

/****key challege*****/
section.keychallege-l2-cyber.container-fluid {
    background: #051C2C;
    /* padding: 40px; */
    padding-top: 90px;
    padding-bottom: 50px;
}

section.key-challege-body.container-fluid {
    background: #051C2C;
    padding: 30px 0px;
}

p.key-c-p1 {
    color: #00FFF2;
    font-weight: 700;
    font-size: 40px;
    line-height: 60px;
}

p.key-c-p2 {
    color: #FFFFFFCC;
    font-family: Inter;
    font-weight: 400;
    font-size: 25px;
    line-height: 35px;
    margin: 30px auto;
}

.key-c-container:hover {
    background: white;
    padding: 40px;
    border-radius: 10px;
}

ul.key-c-p2 {
    color: #FFFFFFCC;
    font-family: Inter;
    font-weight: 400;
    font-size: 25px;
    line-height: 35px;
    margin: 30px auto;
    list-style: none;
}

ul.key-c-p2 li {

    background-image: url('https://cdaqi.ai/images/tick1.svg');
    background-size: 20px 20px;
    padding-left: 30px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: left 9px;
}

.key-c-container1:hover {
    background: white;
    padding: 40px;
    border-radius: 10px;
}

.key-c-container:hover .key-c-p1 {
    color: #051C2C;
}

.key-c-container:hover .key-c-p2 {
    color: #051C2C;

}

.key-c-container1:hover .key-c-p1 {
    color: #051C2C;
}

.key-c-container1:hover p.key-c-p2 {
    color: #051C2C;

}

p.key-c-p3 a {
    border: 2px solid #051C2C;
}

.row.key-c-container,
.row.key-c-container1 {
    padding: 40px;
    transition: all 0.3s ease-in-out;
}

/*******cta l2*******/
section.container-fluid.ctasectionl2 {
    background: #051C2C;
    padding: 30px 0px;
}

section.container-fluid.ctasectionl2 .cta-section {
    background: #051C2C;
    border: 1px solid #FFFFFF;
}

section.container-fluid.ctasectionl2 .btn-primary-cta {
    background: #FFFFFF;
    border-radius: 10px;
}

section.container-fluid.ctasectionl2 .cta-btn1 {
    background: #FFFFFF;
    border-radius: 10px;
    color: black;
}

/****l2 lifecycle***/

section.cyberonceptphase3-section {
    background: #051C2C;
    padding: 70px 0px;
}

.cbrconcept-hover-card {
    height: 100%;
    background: transparent;
    border: none;
    overflow: hidden;
    transition: all 0.5s ease;
    border-radius: 8px;
    transform: scale(1);
    padding: 10px 10px;
    height: 100%;
}

.cbrconcept-hover-card img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    transition: transform 0.4s ease;
}

.cyberconcept-hover-card-body {
    padding: 10px 0px;
    transition: all 0.4s ease;
    text-align: left;
}

.cbrconcept-hover-card:hover {
    background: #ffffff;
    transform: scale(1.03);
    padding: 10px 10px !important;
}

.cyberconcept-hover-card-title {
    font-weight: 800;
    font-size: 22px;
    line-height: 27px;
    letter-spacing: 0%;
    color: rgba(0, 255, 242, 1);
    margin-bottom: 11px;
}

.cyberconcept-hover-card-text {
    font-weight: 350;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0%;
    color: white;
}

.cbrconcept-hover-card:hover .cyberconcept-hover-card-title {
    color: rgba(0, 0, 0, 1) !important;
}

.cbrconcept-hover-card:hover .cyberconcept-hover-card-text {
    color: rgba(0, 0, 0, 0.8) !important;
}

.cbrconcept-hover-card:hover .hover-card-body {

    padding: 10px 0px !important;
}

.lse-flip-card {
    background: transparent;
    width: 100%;
    max-width: 350px;
    height: 300px;
    perspective: 1000px;
    margin: auto;
    border: none;
    box-shadow: none;
}

.lse-flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    border-radius: 12px;
}

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

.lsespan {
    color: rgba(0, 255, 242, 1);
}

.lse-flip-card-front,
.lse-flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 12px;
    overflow: hidden;
}

/* Front side styling */
.lse-flip-card-front {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    display: flex;
    justify-content: start;
    align-items: start;
    padding: 29px;
    text-align: start;
    font-family: Inter;
    font-weight: 800;
    font-size: 25px;
    line-height: 34px;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6);
    border-radius: 15px;
    overflow: hidden;
    border: 2px solid;
}

/* Individual background images */
.card-front-1 {
    background-image: url('https://cdaqi.ai/images/c1.svg')
}

.card-front-2 {
    background-image: url('https://cdaqi.ai/images/c2.svg');
}

.card-front-3 {
    background-image: url('https://cdaqi.ai/images/c3.svg');
}

.card-front-4 {
    background-image: url('https://cdaqi.ai/images/c4.svg');
}

.card-front-5 {
    background-image: url('https://cdaqi.ai/images/c5.svg');
}

.card-front-6 {
    background-image: url('https://cdaqi.ai/images/cv6.svg');
}

/* Individual background images */
.card-front-11a {
    background-image: url('https://cdaqi.ai/sites/default/files/2025-09/AI-Audit-img.webp')
}

.card-front-21a {
    background-image: url('https://cdaqi.ai/sites/default/files/2025-09/Testing-validation-img.webp');
}

.card-front-31a {
    background-image: url('https://cdaqi.ai/sites/default/files/2025-09/AI-ML-Advisory-img.webp');
}

.card-front-1r {
    background-image: url('https://cdaqi.ai/images/r1.svg') !important;
}

.card-front-2r {
    background-image: url('https://cdaqi.ai/images/r2.svg') !important;
}

.card-front-3r {
    background-image: url('https://cdaqi.ai/images/r3.svg') !important;
}


/* Back side styling */
.lse-flip-card-back {
    background: rgba(255, 255, 255, 1);
    color: #000000;
    transform: rotateY(180deg);
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding: 20px;
    position: relative;
    border-radius: 12px;
}

.lse-flip-card-back .lse-overlay-content {
    text-align: start;
}

.lse-flip-card-back .lse-overlay-content h5 {
    margin-bottom: 10px;
    font-weight: 800;
    font-size: 22px;
    line-height: 29px;
    letter-spacing: 0%;
    color: #051C2C;
}

.lse-flip-card-back .lse-overlay-content p {
    margin-bottom: 20px;
    font-weight: 350;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: rgba(0, 0, 0, 1);
}

.lse-flip-card-back .lse-arrow-link {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

p.lse-subtext.mb-5 {
    margin-top: -45px;
    margin-bottom: 80px !important;
    font-family: Inter;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: center;
    color: white;
}

.container.py-5.lsecontainer {
    padding-bottom: 110px !important;
}

section.lasesection {
    background: #051C2C;
}

/***who we help****/

.who-we-help {

    padding: 80px 0;
}

.who-we-help .section-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 0%;
}

.who-we-help .section-subtitle {
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 0%;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 25px;
}

.section-subtitle::before {
    content: "";
    width: 8px;
    height: 34px;
    border-radius: 4px;
    background: linear-gradient(180deg, #3F7CEE 0%, #02F0FF 100%);
    display: inline-block;
}

.who-we-help .section-description {
    font-weight: 500;
    font-size: 20px;
    line-height: 33px;
    letter-spacing: 0%;
    /* margin-top: 65px; */
    color: rgba(255, 255, 255, 1);
}

.who-we-help .view-more-btn {
    background-color: #2563eb;
    color: white;
    border: none;
    border-radius: 25px;
    padding: 10px 20px;
    font-weight: 500;
    transition: background 0.3s ease;
}

.who-we-help .view-more-btn:hover {
    background: linear-gradient(90deg, #1e40af, #2563eb);
}

.cta-btn {
    text-decoration: none;
    padding: 14px 0px;
    padding-right: 0px;
    padding-left: 13px;
    border-radius: 10px;
    font-weight: 600;
    color: black;
    display: inline-flex;
    align-items: center;
    gap: 17px;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    background: white;
    transition: all 0.3s ease;
    border: 2px solid #051C2C;
}

.cta-btn:hover {
    background: linear-gradient(to right, #2563eb, #1d4ed8);
    transform: translateY(-2px);
    color: #ffffff !important;
}

.cdqai-header-custom-btn:hover a {
    color: #ffffff !important;
}

.info-box {
    text-align: left;
    padding: 20px 15px;
    height: 100%;
}

.info-box.h-100 {
    position: relative;
}

.info-box1 {
    text-align: left;
    padding: 20px 15px;
    height: 100%;
}

.info-box1.h-100 {
    position: relative;
}

/* Pill-like right border */
.info-box:last-child::after {
    content: '';
    position: absolute;
    top: 32%;
    right: 0;
    width: 4px;
    height: 156px;
    background: linear-gradient(180deg, rgba(63, 124, 238, 0.3) 0%, rgba(2, 240, 255, 0.3) 100%);
    border-radius: 7px;
}

.info-number {
    position: relative;
    display: inline-block;
    font-size: 2rem;
    font-weight: bold;
    cursor: default;
    margin-bottom: 10px;
}

span.normal1 {
    font-weight: 900;
    font-size: 55px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(0, 255, 242, 1);
}

span.normal12 {
    font-weight: 900;
    font-size: 55px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(0, 255, 242, 1);
    -webkit-text-stroke: 1.5px rgba(0, 255, 242, 1);
    color: transparent;
    paint-order: stroke fill;
}

.info-number .outlined,
.info-number .normal {
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease;
}

/* Default state */
.info-number .normal {
    opacity: 0;
    color: rgba(0, 255, 242, 1);
    font-weight: 900;
    font-size: 55px;
    line-height: 100%;
    letter-spacing: 0%;
}

.info-title {
    font-weight: 800;
    font-size: 25px;
    color: rgba(255, 255, 255, 1);
    line-height: 32px;
    letter-spacing: 0%;
    margin-bottom: 24px;
}

.info-desc {
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0%;
    color: rgba(255, 255, 255, 0.7);
}

section.who-we-help {
    background: #051C2C;
    color: #fff;
}

a.cyberreadmore {
    /* width: 144px; */
    /* height: 48px; */
    padding-top: 18px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    /* background: rgba(255, 255, 255, 1); */
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: rgba(0, 255, 242, 1);
}

a.cyberreadmore img {
    width: 7px !important;
    /* background-color: #ffff; */
    /* padding: 7px; */
}

.cyberreadmore img {
    transition: filter 0.3s ease;
}

.cbrconcept-hover-card:hover .cyberreadmore img {
    content: url('https://cdaqi.ai/images/rightarrow.webp');
    /* width: 53px; */
    /* font-size: 20px; */
}

.cbrconcept-hover-card:hover .cyberreadmore {
color: rgba(0, 0, 0, 1);
}

.parallax-section-ai1 {
    background-image: url('https://cdaqi.ai/images/aiparallax.webp');
}

#cyberparallax-section {
    background-image: url('https://cdaqi.ai/images/cyberparallax.webp');
    height: 553px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    padding-left: 77px !important;
    /* width: 100%; */
}

#emcparallax-section {
    background-image: url('https://cdaqi.ai/images/Emiemcparallax.webp');
    height: 553px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    padding-left: 77px !important;
    /* width: 100%; */
}
/**Service cyber overview*********/
section.cyber-overview-phase-graph.container-fluid {
    background: #051C2C;
    padding: 90px 0px;
}

h3.graph1-p1 {
    font-weight: 800;
    color: #FFFFFF;
    line-height: 45px;
    font-size: 30px;
}

h3.graph1-p1 span {
    color: #00FFF2;
}

.form-control:focus {
    box-shadow: none;
    background: unset;
}

p.graph1-p2 {
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    color: #FFF;
    line-height: 30px;
    margin-top: 15px;
    ;
}

h2#what-we-dotitle span {
    color: #00FFF2;
}

section.cyber-overview-phase-graph.container-fluid h2 {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 22px !important;
}

section.cyber-overview-phase-graph.container-fluid p.phase-subtext {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 70px;
}

p.graph1-p2 span {
    color: #FF8888;
}

.margin-top-90 {
    padding-top: 120px;
}

.aigrapg-1 {
    padding-bottom: 38px !important;
}

p.number400 {
    font-weight: 900;
    font-size: 115px;
    line-height: 60px;
    color: #00FFF2;
    margin-bottom: 30px;
}

/* About us */
.col-lg-12.text-center.abtbannerimg img {
    width: 100%;
    margin-top: -238px;
    margin-bottom: -141px;
}

.abt-title {
    margin-bottom: -133px !important;
}

.abtcontenttext {
    font-weight: 300;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #CDCDCD;
    margin-bottom: 25px;
}

h2.abtfeature {
    font-weight: 600;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 20px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #ffff;
    margin-bottom: 22px;
}

.abt-rightcontentabt h5 {
    font-weight: 600;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 20px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #ffff;
}

.abt-feature-item.d-flex.align-items-start {
    gap: 11px;
    padding: 11px 0px;
}

.abt-rightcontentabt p {
    font-weight: 300;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #fff;
}

.abtcontent {
    margin-top: -31px;
    margin-left: 23px
}

section.parallax-section2.container-fluid {
    background-image: url('https://cdaqi.ai/images/abtparallax.webp');
    height: 553px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.key-c-container:hover ul.key-c-p2 li {
    background-image: url('https://cdaqi.ai/images/tick.webp');
    background-size: 20px 20px;
    padding-left: 30px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: left 9px;
}


ul.key-c-p2 {
    color: #FFFFFFCC;
    font-family: Inter;
    font-weight: 400;
    font-size: 25px;
    line-height: 35px;
    margin: 30px auto;
    list-style: none;
    margin-left: -36px;
}

/******Methodology******/
.card-front-11 {
    background-image: url('https://cdaqi.ai/images/mse1.svg');
    align-items: end;
}

.card-front-21 {
    background-image: url('https://cdaqi.ai/images/mse2.svg');
    align-items: end;
}

.card-front-31 {
    background-image: url('https://cdaqi.ai/images/mse3.svg');
    align-items: end;
}

.card-front-41 {
    background-image: url('https://cdaqi.ai/images/mse4.svg');
    align-items: end;
}

.lse-overlay-content1 {
    overflow-y: scroll;
}

a.cyber-btn:hover {
    background: linear-gradient(90deg, #1e40af, #2563eb);
    /* border: 2px solid white; */
    color: white;
}

a.cta-btn-white:hover {
    background: linear-gradient(90deg, #1e40af, #2563eb);
    /* border: 2px solid white; */
    color: white;
}

a.cta-btn1.btn-primary-cta:hover {
    background: linear-gradient(90deg, #1e40af, #2563eb);
    /* border: 2px solid white; */
    color: white;
}

a.cta-btn1.btn-secondary-cta:hover {
    background: linear-gradient(90deg, #1e40af, #2563eb);
    /* border: 2px solid white; */
    color: white;
}

a.cta-btn1.btn-tertiary-cta:hover {
    background: linear-gradient(90deg, #1e40af, #2563eb);
    /* border: 2px solid white; */
    color: white;
}

.btn-primary-cta:hover {
    background: rgba(31, 102, 255, 1) !important;
    color: white !important;
    /* border: 2px solid white; */
}

.cbrconcept-hover-card.cbrconcept-hover-card-m {
    box-shadow: 0px 0px 0px 1px #F4F4F51A !important;
    border-radius: 16px;
}

.cyberconcept-hover-card-title-m {
    font-family: Inter;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 25px;
    color: white;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
}

.cbrconcept-hover-card:hover .cyberconcept-hover-card-title-m {
    color: black;
}

.cta-btn:hover img {
    content: url('https://cdaqi.ai/images/whitearrow.svg');
}

.cdqai-header-custom-btn:hover img {
    content: url('https://cdaqi.ai/images/whitearrow.svg');
}

a.cta-btn1.btn-primary-cta:hover img {
    content: url('https://cdaqi.ai/images/whitearrow.svg');
}

a.cta-btn1.btn-secondary-cta:hover img {
    content: url('https://cdaqi.ai/images/whitearrow.svg');
}

a.cta-btn1.btn-tertiary-cta:hover img {
    content: url('https://cdaqi.ai/images/callwhite.svg');
}

a.cyber-btn:hover img,
a.cta-btn-white:hover img {
    content: url('https://cdaqi.ai/images/whitearrow.svg');
}

a.cyberreadmore:hover img {
    content: url('https://cdaqi.ai/images/rightarrow.webp');
}

/****recommondation-Mahesh***/
.cyberconcept-Recommendation-text {
    font-size: 18px;
    font-family: Inter;
    line-height: 22px;
    letter-spacing: 0%;
    font-weight: 800;
    margin-top: 10px;
    color: rgba(0, 255, 242, 1);
}

.cbrconcept-hover-card:hover .cyberconcept-Recommendation-text {
    color: rgba(0, 0, 0, 1);
}

a.overview-a.read-d {
    display: block;
}

a.overview-a.read-m {
    display: none;
}

li.nav-item.dropdown {
    outline: none !important;
}

/* .phase1-info-card p.phase2para:before {
    content: url('https://cdaqi.ai/images/Checkbox.webp');
    margin-right: 8px;
    position: relative;
    top: 2px;
}
.phase1-info-card p.phase2para {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
} */
p.parallax-a-over {
    text-align: left;
}

p.parallax-a-over a {
    text-decoration: none;
    color: white;
    font-size: 20px;
}

/***Detail page tab***/
.container.my-5.tab-container {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    padding: 3px;
}

ul#processTabs {
    border: none;
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 15px;
}

div#processTabsContent {
    text-align: left;
    padding: 50px;
}

section.phase1-section .nav-link.active {
    background: #00FFF2E5;
    border-radius: 10px;
    border: none;
    font-weight: 700;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
}

section.phase1-section .nav-link {
    background: #051C2C59;
    font-family: Inter;
    font-weight: 700;
    border-radius: 10px;
    font-size: 20px;
    color: #FFFFFF66;
    line-height: 40px;
    letter-spacing: 0%;
    text-align: center;
    width: 350px;
}

.read-d:hover::after {
    width: 37% !important;
}

.text-info-phase {
    font-weight: 700;
    font-size: 23px;
    line-height: 35px;
    color: #00FFF2;
}

ul.text-ul li {
    font-weight: 500;
    font-size: 20px;
    line-height: 35px;
    color: #fff;
}

span.listrong {
    font-weight: 800;
}

.container.graph1 {
    background: rgba(255, 255, 255, 0.15);
    padding: 40px 40px 120px;
    border-radius: 20px;
}

.grapg22-health {
    background: rgba(255, 255, 255, 0.15);
    padding: 40px 40px 40px;
    border-radius: 20px;
}

a.cta-btn1 img {
    padding: 5px 10px;
}

.lse-overlay-content {
    overflow-y: scroll;
}

.usecaseaccord .accordion-item:last-child {
    border-bottom: 2px solid #00FFF2;
    transition: border-color 0.3s ease;
}

p.usecase-description {
    font-size: 18px;
}

.usecaseaccord .accordion-item:last-child {
    border-bottom: 2px solid #00FFF2;
    transition: border-color 0.3s ease;
}

.reg-readiness .reg-accordion:hover #bottomborder-premarket {
    border-bottom: 2px solid gray;
}

img.mail-icon {
    width: 25px;
    height: 25px;
}

/***home what we offer***/
.card-front-7 {
    background-image: url('https://cdaqi.ai/images/wwo1.webp');
}

.card-front-8 {
    background-image: url('https://cdaqi.ai/images/wwo2.webp');
}

.card-front-9 {
    background-image: url('https://cdaqi.ai/images/wwo3.webp');
}

.lse-flip-card-front1 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    display: flex;
    justify-content: start;
    align-items: start;
    padding: 29px;
    text-align: start;
    font-family: Inter;
    font-weight: 800;
    font-size: 25px;
    line-height: 34px;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6);
    border-radius: 15px;
    overflow: hidden;
    border: 2px solid;
}

.lse-flip-card-front1,
.lse-flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 12px;
    overflow: hidden;
}

.lse-flip-card1 {
    background: transparent;
    width: 100%;
    max-width: 350px;
    height: 420px;
    perspective: 1000px;
    margin: auto;
    border: none;
    box-shadow: none;
}

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

/**challenges**/
.phase1-info-card:hover h5 {
    color: #0b1b2b !important;
}

.phase1-info-card {
    /* background-color: #132736; */
    color: #fff;
    border-radius: 20px;
    padding: 33px;
    height: 100%;
    transition: all 0.3s ease-in-out;
    text-align: center;
}

a.cta-btn1.btn-tertiary-cta img {
    width: 35px;
}

/******why matter***/
p#home-why-our {
    font-weight: 700;
    font-size: 40px;
    line-height: 60px;
    color: #fff;
}

p#home-why-our-p {
    font-size: 20px;
    color: #fff;
    margin-bottom: 40px;
    font-weight: 400;
}

/**privacy***/
section.container.privacycontainer {
    padding: 50px;
}

p#home-why-our1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 60px;
    color: #051C2C;
}

p.phase-subtext1 {
    font-size: 20px;
    margin-bottom: 40px;
    font-weight: 400;
}

#topchallengecard:hover {
    background-color: rgba(20, 74, 255, 1);
    color: #fff;
    border: none !important;
}

#topchallengecard:hover h5 {
    color: #fff !important;
}

.row.graph1-p22 .grapg22-health {
    height: 625px;
}

.row.graph1-p22 .grapg22a-health {
    height: 100%;
}

.navbar-toggler:focus,
.navbar-toggler:active {
    outline: none !important;
    box-shadow: none !important;
}

.mega-menu-column a {

    font-size: 18px;
    font-weight: 800;
    position: relative;
    display: inline-block;
}

.mega-menu-column a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 0%;
    height: 3px;
    background: #1C2FEE;
    transition: width 0.4s ease;
}

a.overview-a:hover {
    color: #21FBDF !important;
}

.mega-menu-column a:hover {
    color: #1C2FEE;
}

.mega-menu-column a:hover::after {
    width: 100%;
}

p.menu-para-1 {
    margin-top: 10px;
}

ul.phase2para.ps-4.pe-4.pt-3 {
    list-style: none;
}

/* Add arrow image after each li */
#topchallengecard:hover .reactive li::after {
    color: #fff;
}

#topchallengecard:hover .proactive li::after {
    color: #fff;
}

li.downarrow::after {
    content: "↓";
    display: block;
    color: #fff;
    margin: 0px;
    /* align-items: center; */
    /* text-align: center; */
    margin-left: 0px;
}

li.downarrow:last-child::after {
    content: none;
    /* remove arrow for last item */
}

section.score-card.container-fluid {
    padding: 62px 20px;
    background: #051C2C;
    color: white;
}

.scorecards1 {
    background: rgba(255, 255, 255, 0.15);
    padding: 40px 40px 40px;
    border-radius: 20px;
    height: 400px;
}

/* Scorecards */
p.note {
    margin-top: 20px;
    font-size: 16px;
}

.meter {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 10px;
    margin: 8px 0;
}

.bar {
    position: relative;
    height: 12px;
    background: white;
    border: 1px solid #2b3a6e;
    border-radius: 999px;
    overflow: hidden;
}

.bar>p {
    position: absolute;
    inset: 0;
    width: var(--value, 50%);
    background: linear-gradient(90deg, var(--accent), var(--accent-2));
    box-shadow: inset 0 0 10px rgba(255, 255, 255, .1);
}

.score {
    font-weight: 800;
    color: #eaf1ff;
}

.bar p {
    position: relative;
    inset: 0;
    width: var(--value, 50%);
    background: linear-gradient(162deg, #3F7CEE 17%, #02F0FF 78%) !important;
    box-shadow: inset 0 0 10px rgba(255, 255, 255, .1);
}

.eyebrow {
    font-size: 18px;
    margin-bottom: 20px;
}

h2#scorecards {
    font-weight: 700;
}

h2#usp {
    font-size: 25px;
    font-weight: 700;
    line-height: 40px;
}

.card-score.col-lg-6.col-md-12 a.cta-btn1.btn-secondary-cta {
    background: white;
    color: black;
    border-radius: 10px;
    margin-top: 28px;
    padding: 14px 10px;
}

.card-score.col-lg-6.col-md-12 a.cta-btn1.btn-secondary-cta:hover {
    background: linear-gradient(90deg, #1e40af, #2563eb);
    color: white;

}

.key-card.container {
    background: rgba(255, 255, 255, 0.15);
    padding: 40px 40px 80px;
    border-radius: 20px;
    margin-top: 60px;
}

.kpi {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    background: #051C2C;
    border: 1px solid #051C2C;
    border-radius: 12px;
}


.kpi .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--accent-2);
    box-shadow: 0 0 10px var(--accent-2);
}

.d-warn {
    background-color: #ffb86b !important;
}

.d-danger {
    background-color: #ff6b7a !important;
}

.d-ok {
    background-color: #5be08d !important;
}

/* Table */
table {
    width: 100%;
    border-collapse: collapse;
}

.key-card.container th,
.key-card.container td {
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #1f2a4f;
}

.key-card.container th {
    color: #00FFF2;
    font-size: 14px;
    letter-spacing: .35px;
    text-transform: uppercase;
}

.key-card.container td small {
    color: #00FFF2;
}

h2#scorecards {
    font-weight: 700;
}

h2#ai-metrics {
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 25px;
}

.medtechtext {
    color: #00FFF2;
}

.key-card.container td small {
    color: #00FFF2;
    font-size: 16px;
}

/******float**/
.floating-icons {
       position: fixed;
    right: 1px;
    bottom: 150px;
    transform: translateY(-50%);
    top: 50%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 999
}

.float-icon {
    position: relative;
    display: flex;
    justify-content: center;
    text-decoration: none;
}

.float-icon img {
    object-fit: contain;
}

/* Tooltip */
.float-icon::after {
    content: attr(data-tooltip);
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 17px;
    border-radius: 50px;
    box-shadow: 1px 0px 5px rgba(0, 255, 242, 1);
    white-space: nowrap;
    opacity: 0;
    height: 39px;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
    margin-right: 10px;
    z-index: 10;
    /* margin-top: -9px; */
}

/* Show tooltip on hover */
.float-icon:hover::after {
    opacity: 1;
    transform: translateY(-50%) translateX(-5px);
    /* small slide-in */
}

.card-front-3reg {
    background-image: url('https://cdaqi.ai/sites/default/files/2025-09/methcore3.webp');
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgb(6 47 62 / 30%)), url(https://cdaqi.ai/sites/default/files/2025-09/methcore3.webp) center / cover no-repeat;
}

p#home-why-our1 {
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    color: #00FFF2;
}

p.phase-subtext1 {
    font-size: 16px;
    margin-bottom: 40px;
    font-weight: 400;
}

li.nav-item.nav-main a {
    position: relative;
    display: inline-block;
}

li.nav-item.nav-main a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 0%;
    height: 3px;
    background: #1C2FEE;
    transition: width 0.4s ease;
}

li.nav-item.nav-main a:hover:after {
    width: 100%;
}

/******proactive reactive color change***/
h5.phase1title.text-white.reactivered {
    color: red !important;
}

.reactive li::after {
    color: red;
    font-weight: 900;
    font-size: 40px;
}

h5.phase1title.text-white.proactivegreen {
    color: #00FFF2 !important;
}

.proactive li::after {
    color: #00FFF2;
    font-weight: 900;
    font-size: 40px;
}
p.purple-bar {
    background: linear-gradient(162deg, #9931ff 54%, #02F0FF 82%) !important;
}
.cyberreadmore:hover {
    color: #1C2FEE !important;
        font-weight: 600;
}
.cyberreadmore:hover img {
    content: url('https://cdaqi.ai/sites/default/files/2025-09/bluearrow.webp') !important;
   
}
.y-div-right-content.home-y-div {
    margin-top: 25px;
}
a.lse-arrow-link img {
    width: 50px;
    height: 50px;
}
div#topchallengecard li {
    font-size: 20px;
}/* //blog */
.Blogs .grid {
    /* background: #fff; */
    padding: 19px !important;
    color: #fff !important;
    display: block;
    border-radius: 10px;
    height: auto;
    position: relative;
    transition: all 0.3s ease-in-out !important;
    height: 703px;
}
section.blog-detail {
    border-top: 2px solid #b3b0b0;
    margin-top: 13px;
}
section.blog-detail p {
    margin-top: 13px;
}
p.blog-para a:hover {
    color: #00FFF2 !important;
}
.Blogs .views-field.views-field-field-blog-tags:hover {
    background: linear-gradient(to right, #2563eb, #1d4ed8);
    color: #fff;
}

.Blogs {
    margin: auto;
    padding: 46px 56px;
}

.Blogs .feed-icons {
    display: none;
}

.Blogs .grid .grid__content .views-field-field-blogtitle a {
    color: #fff;
    text-decoration: none;
    font-size: 25px;
    padding: 33px -6px;
    /* margin-top: 6px; */
}

.Blogs .grid .grid__content .views-field-field-share a {
    color: #fff;
    /* text-decoration: none; */
    font-size: 16px;
    padding: 33px -6px;
}

.Blogs .grid .grid__content .views-field-field-blogtitle {
    padding-top: 20px;
    padding-bottom: 10px;
}

.Blogs .grid .grid__content .views-field-field-blogimage img {
    border-radius: 10px;
}

.Blogs .grid .grid__content .views-field-field-share {
    padding-bottom: 10px;
}

.Blogs .views-field.views-field-uid {
    display: flex;
    float: inline-start;
}

/* .Blogs .views-field.views-field-created {
    display: flex;
    float: initial;
    position: absolute;
    top: 12px;
    background: #051C2C;
    padding: 9px 20px;
    border-radius: 10px;
    left: 10px;
    font-size: 14px;
} */

.Blogs .views-field.views-field-addtoany-share {
    float: inline-end;
    margin-bottom: 8px;
    margin-top: 20px;
}
.views-field.views-field-field-blogreadmore {
    margin-top: 20px;
}
.Blogs .views-field.views-field-uid a {
    color: #fff;
}
footer.node__meta {
    display: none;
}
.mc a {
    display: block !important;
    text-decoration: none;
        color: rgb(5, 28, 44);
            font-size: 16px;
            font-weight: 400;
            margin-bottom: 10px;
    position: relative;
   
}
.mcemc a {
    display: block !important;
    text-decoration: none;
    color: rgb(5, 28, 44);
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    position: relative;

}
.mc a:hover {
    color: #1C2FEE;
}
.mcemc a:hover {
    color: #1C2FEE;
}
a.mc4:hover::after {
    width: 88%;
    top: 25px;
}
.mcemc a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 0%;
    height: 3px;
    background: #1C2FEE;
    transition: width 0.4s ease;
}
ul.dropdown-menu.mc {
    max-width: 300px;
    padding: 20px;
}
ul.dropdown-menu.mcemc {
    max-width: 300px;
    padding: 20px;
}
ul.dropdown-menu.mc {
    position: relative;
    left: 40%;
    top: 101px;
}
ul.dropdown-menu.mcemc {
    position: relative;
    left: -30%;
    top: 101px;
}
a.mc1:hover::after {
    width: 41%;
    top: 25px;
}
a.mc2:hover::after {
    width: 18%;
    top: 25px;
}
a.mcqms:hover::after {
    width: 76%;
    top: 25px;
}
a.mc3:hover::after {
    width: 81%;
    top: 25px;
}
.mc a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 0%;
    height: 3px;
    background: #1C2FEE;
    transition: width 0.4s ease;
}
.Blogs {
    background: #051C2C;
}
.Blogs {
    margin: auto;
    padding: 46px 56px;
    padding-bottom: 117px;
}
.Blogs .grid {
    /* background: #fff; */
    padding: 19px !important;
    color: #fff !important;
    display: block;
    border-radius: 10px;
    height: auto;
    position: relative;
    transition: all 0.3s 
ease-in-out !important;
}
.Blogs .grid .grid__content .views-field-field-blogtitle a {
    color: rgb(0, 255, 242);
    text-decoration: none;
    font-size: 22px;
    padding: 33px -6px;
    /* margin-top: 6px; */
    font-weight: 700;
    line-height: 30px;
}
.Blogs .grid:hover {
    background: #fff;
    color: #051C2F !important;
    /* border: 1px solid #fff; */
}
.Blogs .grid:hover .views-field-field-blogtitle a {
    color: #051C2F !important;
}
/* .Blogs .views-field.views-field-created {
    display: flex;
    float: initial;
    position: absolute;
    top: 12px;
    background: #fff;
    padding: 9px 20px;
    border-radius: 10px;
    left: 10px;
    font-size: 14px;
    color: #051C2C;
} */
.Blogs .grid:hover .views-field.views-field-field-blogreadmore a:hover {
   color: #1C2FEE !important;
}
.views-field.views-field-field-blogreadmore a {
    color: rgb(0, 255, 242);
    text-decoration: none;
}
.Blogs .grid:hover .views-field.views-field-field-blogreadmore a {
    color: black;
}
.views-field.views-field-field-blogreadmore a::after {
      content: "›";
    display: inline-block;
    margin-left: 8px;
    font-size: 18px;
    vertical-align: middle;
    transition: transform 0.3s ease;
    text-align: center;
    margin-top: 0px;
}
.Blogs .grid .grid__content .views-field-field-blogimage img {
    border-radius: 10px;
    width: 100%;
}
.hash-tags {
    padding: 15px 15px;
    text-align: center;
    border-radius: 10px;
    font-weight: 350;
    width: max-content;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
}
.blog-detail-section {
    background-color: #051C2C;
    color: #fff;
}
.blog-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 58px;
    color: #00FFF2;
}
.blog-meta {
  color: #fff;
  font-size: 0.95rem;
}
.blog-subtitle {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #00FFF2;
}
.blog-para {
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 15px;
}
.blog-list {
  list-style: none;
  padding-left: 0;
  margin-top: 15px;
}
.blog-list-item {
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
    font-size: 18px;
}
.blog-list-item::before {
    content: "•";
    color: #00FFF2;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.2rem;
    line-height: 1;
}
p.blog-para.mt-4.hash-tags strong {
    font-size: 16px;
    margin: auto;
    font-weight: 400 !important;
}
.hash-tags span svg {
    align-items: center;
    height: 54px;
    width: 30px;
    /* accent-color: aliceblue; */
    margin: auto;
    padding: 14px 1px;
    padding-bottom: 19px;
}
.webform-submission-contact-us-form label {
    color: white;

margin-top: 20px;
    margin-bottom: 20px;
}
.alert.alert-error.alert-danger.alert-dismissible.fade.show {
    background: rgba(0,255,242,1);
    color: #000;
    border: none;
}
.webform-submission-contact-us-form strong.error.form-item--error-message {
    color: red;
    font-size: 14px;
    font-weight: 200 !important;
}
////

.Blogs {
    background: #051C2C;
}

.Blogs {
    margin: auto;
    padding: 46px 56px;
    padding-bottom: 117px;
}

.Blogs .grid {
    /* background: #fff; */
    padding: 19px !important;
    color: #fff !important;
    display: block;
    border-radius: 10px;
    height: auto;
    position: relative;
    transition: all 0.3s ease-in-out !important;
}

.Blogs .grid .grid__content .views-field-field-blogtitle a {
    color: rgb(0, 255, 242);
    text-decoration: none;
    font-size: 22px;
    padding: 33px -6px;
    /* margin-top: 6px; */
    font-weight: 700;
    line-height: 30px;
}

.Blogs .grid:hover {
    background: #fff;
    color: #051C2F !important;
    /* border: 1px solid #fff; */
}

.Blogs .grid:hover .views-field-field-blogtitle a {
    color: #051C2F !important;
}

/* .Blogs .views-field.views-field-created {
    display: flex;
    float: initial;
    position: absolute;
    top: 12px;
    background: #fff;
    padding: 9px 20px;
    border-radius: 10px;
    left: 10px;
    font-size: 14px;
    color: #051C2C;
} */
.Blogs .views-field.views-field-field-blog-tags {
    display: flex;
    float: initial;
    position: absolute;
    top: 12px;
    background: #fff;
    padding: 9px 20px;
    border-radius: 10px;
    left: 10px;
    font-size: 14px;
    color: #051C2C;
}



.Blogs .views-field.views-field-created
{
    font-weight: 500;
}

.Blogs .grid:hover .views-field.views-field-field-blogreadmore a:hover {
    color: #1C2FEE !important;
}

.views-field.views-field-field-blogreadmore a {
    color: rgb(0, 255, 242);
    text-decoration: none;
}

.Blogs .grid:hover .views-field.views-field-field-blogreadmore a {
    color: black;
}

.views-field.views-field-field-blogreadmore a::after {
    content: "›";
    display: inline-block;
    margin-left: 8px;
    font-size: 18px;
    vertical-align: middle;
    transition: transform 0.3s ease;
    text-align: center;
    margin-top: 0px;
}

.Blogs .grid .grid__content .views-field-field-blogimage img {
    border-radius: 10px;
    width: 100%;
}

.hash-tags span svg {
    align-items: center;
    height: 54px;
    width: 30px;
    /* accent-color: aliceblue; */
    margin: auto;
    padding: 14px 1px;
    padding-bottom: 19px;
}

.hash-tags {
    padding: 15px 15px;
    text-align: center;
    border-radius: 10px;
    font-weight: 350;
    width: max-content;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
}

p.blog-para.mt-4.hash-tags strong {
    font-size: 16px;
    margin: auto;
    font-weight: 400 !important;
}

.blog-detail-section {
    background-color: #051C2C;
    color: #fff;
}

.blog-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 58px;
    color: #00FFF2;
}

.blog-subtitle {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #00FFF2;
}

.blog-para {
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 15px;
}

.blog-list {
    list-style: none;
    padding-left: 0;
    margin-top: 15px;
}

.blog-list-item {
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
    font-size: 18px;
}

.blog-list-item::before {
    content: "•";
    color: #00FFF2;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.2rem;
    line-height: 1;
}

.table-responsive table {
    border-collapse: collapse;
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
}
.table-responsive {
    width: 100%;
    overflow-x: auto;
    background: rgba(255, 255, 255, 0.15);
    padding: 40px 40px 80px;
    border-radius: 20px;
    margin-top: 60px;
    margin-bottom: 30px;
}
.table-responsive th,
.table-responsive td {
    /* border: 1px solid #ccc; */
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #00FFF2;
}
.table-responsive th {
    color: #00fff2;
    text-align: center;
}

.blog-detail-section strong {
    color: #00fff2;
}
.read-mobile{
    display: none !important;
}
.read-desk
{
        display: block;
    }
.block.block-addtoany.block-addtoany-block {
    background: #051C2C;
    margin-top: 0px;
    /* border: 1px solid #fff; */
    width: 20;
    padding: 0px 125px;
    display: flex;
    /* align-items: center; */
    padding-bottom: 6rem;
}
    
        .block.block-addtoany.block-addtoany-block h2 {
            color: #00fff2;
            font-size: 16px;
            font-weight: bolder;
            border: 1px 1px 1px 1px solid #ffff;
            border-top: 1px solid #fff;
            border-left: 1px solid #fff;
            border-bottom: 1px solid #fff;
            margin: 0px;
            padding: 13px;
            border-radius: 10px 0px 0px 10px;
        }
    
        .block.block-addtoany.block-addtoany-block span {
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
            border-right: 1px solid #fff;
            padding: 0px;
            border-radius: 0px 10px 10px 0px;
        }
    
        .block.block-addtoany.block-addtoany-block span a {
            /* border: none !important; */
            padding: 11px 10px;
        }
    
    
    
    
    
   
@media (max-width: 768px) {
    .blog-title {
        font-size: 1.6rem;
    }

    .blog-subtitle {
        font-size: 1.3rem;
    }
                .block.block-addtoany.block-addtoany-block {
                    background: #051C2C;
                    margin-top: 0px;
                    /* border: 1px solid #fff; */
                    width: 20;
                    padding: 0px 13px;
                    display: flex;
                    /* align-items: center; */
                    padding-bottom: 6rem;
                }
}

@media (max-width: 576px) {
    .blog-title {
        font-size: 1.4rem;
    }

    .blog-subtitle {
        font-size: 1.2rem;
    }
}