/* Footer CSS Start */

.ds_container {
    max-width: 1296px;
    width: 100%;
    margin: 0 auto;
}

.ds_footer {
    position: relative;
    background-color: #0C171E;
    padding: 0;
    overflow: hidden;
}

.ds_footer_blocks {
    padding: 100px 30px 30px 30px;
}

.ds_footer p {
    margin-bottom: 0 !important;
}

.ds_footer_inner {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 30px;
}

.ds_container_top {
    display: flex;
    justify-content: flex-start;
    gap: 26px;
    margin-bottom: 20px;
    z-index: 1;
}

.ds_footer_left .ds_logo_container img {
    max-width: 320px;
    width: 100%;
    max-height: 48px;
    height: 100%;
}

.ds_footer_left {
    max-width: 462px;
    width: 100%;
}

.ds_footer_center {
    min-width: 482px;
    max-width: 482px;
    width: 100%;
    padding: 0 23.5px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.head_content {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.ds_footer_right {
    max-width: 301px;
    width: 100%;
}

footer.ds_footer:before {
    content: '';
    background-image: url(/wp-content/uploads/2025/12/ds_footer_color.svg);
    position: absolute;
    max-width: 462px;
    width: 100%;
    max-height: 462px;
    height: 100%;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}

footer.ds_footer:after {
    content: '';
    background-image: url('/wp-content/uploads/2025/12/ds_footer_background.svg');
    background-size: cover;
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 372px;
    width: 100% !important;
    max-height: 323px;
    height: 100% !important;
    pointer-events: none;
    background-repeat: no-repeat;
    z-index: 0;
}

.ds_container_middle {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    background: #242E34;
    border: 1px solid transparent;
    border-image: linear-gradient(270deg, #0B3656 0%, #6EBBD9 100%);
    border-image-slice: 1;
    z-index: 1;
    gap: 20px;
}

.trusted_partner_logo {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.ds_footer_partner_logo img {
    max-width: 110px;
    width: 100%;
    max-height: 75px;
    height: 100%;
    object-fit: contain;
}

.ds_container_bottom {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}

.ds_footer_left {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.ds_single_info_box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 20px;
}

.ds_cnt_image {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 6px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.df_footer_des p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

.ds_footer_heading {
    position: relative;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #6EBBD9;
}

h2.ds_footer_heading:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -11px;
    width: 135px;
    height: 1px;
    background: linear-gradient(90deg, #6EBBD9 0%, rgba(110, 187, 217, 0) 100%);
}

.ds_cnt_info h6 {
    font-family: Lato, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #6EBBD9;
    margin-bottom: 0;
}

.ds_cnt_info p {
    font-family: Lato, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

.ds_cnt_info a {
    font-family: Lato, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    transition: all 0.8s ease;
}

.ds_cnt_info a:hover {
    color: #F9B617;
}

.ds_footer_social_icon .social a {
    background-color: #FFF;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.8s ease;
}

.ds_footer_social_icon .social {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
}

.ds_footer_social_icon .social path {
    fill: #0C171E;
    transition: all 0.8s ease;
}

.ds_footer_social_icon .social a:hover {
    background-color: #F9B617;
}

.ds_footer_social_icon .social a:hover path {
    fill: #FFF;
}

.ds_container_bottom p {
    margin-bottom: 0 !important;
}

.ds_container_bottom p.copyright_text {
    font-family: Lato;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

.trusted_partners h3 {
    font-family: Kanit;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 0;
}

.trusted_partners p {
    font-family: Lato;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

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

.ds_footer_yellow {
    color: #F9B617;
}

.ds_footer_copyright_link a {
    font-family: Lato;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    vertical-align: middle;
    transition: all 0.8s ease;
}

.ds_footer_copyright_link a {
    margin-right: 15px;
    position: relative;
}

.ds_footer_copyright_link a:last-child {
    margin-right: 0;
}

.ds_footer_copyright_link a:hover {
    color: #F9B617;
}

.ds_footer_copyright_link a:not(:last-child)::after {
    content: "|";
    margin-left: 15px;
    color: rgba(255, 255, 255, 0.1);
    /* change pipe color */
}

.ds_footer_blocks:before {
    content: '';
    background: linear-gradient(90deg, #468C41 0%, #AEC737 100%);
    position: absolute;
    right: 0;
    top: 0;
    width: 240px;
    height: 240px;
    background-repeat: no-repeat;
    background-size: contain;
    filter: blur(300px);
    pointer-events: none;
    z-index: 0;
    opacity: 0.5;
}

/* Footer CSS End */



/* Footer Links CSS Start */

.link-list {
    display: grid;
    grid-template-columns: auto auto;
    grid-auto-flow: column;
    grid-template-rows: repeat(7, auto);
    column-gap: 28px;
    row-gap: 20px;
    padding: 0;
    margin: 0;
}

.hover-link {
    display: flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    font-size: 16px;
    line-height: 26px;
    color: #FFF;
    position: relative;
    transition: color 0.8s ease;
}

.icon-wrap {
    position: relative;
    width: 20px;
    height: 20px;
    overflow: hidden;
}

.first-icon,
.second-icon {
    position: absolute;
    top: -3px;
    left: 0;
    font-size: 0px;
    transition: all 0.6s ease;
}

/* First icon default visible */
.first-icon {
    opacity: 1;
    transform: translateX(0);
}

/* Second icon hidden */
.second-icon {
    opacity: 0;
    transform: translateX(-10px);
}

/* Hover effects */
.hover-link:hover .first-icon {
    transform: translateX(30px);
    /* slide right */
    opacity: 0;
}

.hover-link:hover .second-icon {
    transform: translateX(0);
    /* slide in */
    opacity: 1;
}

.hover-link:hover {
    color: #F9B617;
    /* text hover color */
}

.hover-link:hover .arrow {
    transform: translateX(4px);
    color: #F9B617;
}

/* Arrow */
.arrow {
    transition: all 0.3s ease;
    font-size: 20px;
}


/* Footer Links CSS End */

/*----------------------------------------------------------------------------------------*/


/* Header Design Start */

:root {
    --bg: #071228;
    --accent: #46b04a;
    /* green */
    --muted: #9aa6b3;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: Inter, system-ui, Arial, sans-serif;
    background: #fff;
}

/* header shell */
.ds_cst_header {
    background: #0C171E;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    display: flex;
    align-items: center;
    padding: 0 16px;
    min-height: unset !important;
}

.ds_container .logo svg {
    max-width: 190px;
    width: 100%;
    max-height: 28px;
    height: 100%;
}

.ds_container.header_inner {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    gap: 20px;
    position: relative;
}

/* THE ONLY THING THAT ACTUALLY WORKS — delay the closing */
.ds_nav_menu .nav-item {
    pointer-events: auto !important;
}

/* Magic delay — this is what every major site uses */
.ds_nav_menu .nav-item {
    transition: all 0.4s ease;
}

/* When mouse leaves — don't close immediately */
.ds_nav_menu .nav-item:hover,
.ds_nav_menu .nav-item.active {
    z-index: 1000;
}

/* THE KEY: 250ms delay before closing — enough for mouse to reach dropdown */
.ds_nav_menu .nav-item {
    --close-delay: 250ms;
}

/* This single rule fixes everything */

/* logo */
.ds_cst_header .logo {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ds_cst_header .logo img {
    max-width: 190px;
    height: auto;
    width: 100%;
}

.ds_cst_header .logo .tag {
    font-size: 12px;
    color: var(--muted);
    letter-spacing: 1px;
}

/* main nav */
.ds_nav_menu {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.ds_nav_menu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    /* starts right under the menu bar */
    height: 40px;
    /* covers the gap perfectly */
    background: transparent;
    z-index: 998;
    pointer-events: auto;
    display: block;
    pointer-events: none;
}

.ds_nav_menu:hover::before,
.ds_nav_menu:has(.ds_dropdown.active)::before {
    height: 320px;
    /* covers dropdown completely */
}

.ds_nav_menu .nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
    align-items: center;
}

.ds_nav_menu .nav-links span {
    font-family: Lato, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
}

.ds_nav_menu .nav-links {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    transition: color 300ms ease, transform 300ms ease;
}

/* small green svg square (decor) */
.ds_nav_menu .nav-decor {
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
}

.ds_nav_menu .nav-decor svg {
    display: block;
}

/* plus icon on right */
.ds_nav_menu .plus {
    display: inline-block;
    transition: transform 700ms ease, color 300ms ease;
    transform-origin: center;
    width: 10px;
}

/* hover effects */
.ds_nav_menu .nav-item:hover .nav-links {
    color: #468C41;
}

.ds_nav_menu .nav-item:hover .plus {
    transform: rotate(44deg);
}

.ds_nav_menu .nav-item:hover .plus path {
    fill: #468C41 !important;
}



/* Collapsed state — 0 height, invisible */
.ds_nav_menu .ds_dropdown {
    position: absolute;
    left: 0;
    right: 0;
    top: 87px;
    width: auto;
    max-width: none;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 0;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.22);
    z-index: 999;
    display: flex;
    gap: 80px;
    justify-content: flex-start;
    box-sizing: border-box;

    /* KEY: Start fully collapsed */
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
    opacity: 1;
    transform: translateY(0);

    /* Super slow & luxurious animation */
    /* transition:
        max-height 1.4s cubic-bezier(0.22, 1, 0.36, 1),
        padding 1.4s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 1.4s cubic-bezier(0.22, 1, 0.36, 1),
        transform 1.4s cubic-bezier(0.22, 1, 0.36, 1); */
    transition: all 1s linear;
}

/* Open state — expands to exact content height */
.ds_nav_menu .ds_dropdown.active {
    max-height: 900px;
    /* any large number > your content */
    opacity: 1;
    transform: translateY(0);
}




.ds_nav_menu li.nav-item:hover::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 34px;
    background: transparent;
    z-index: 10;
}

.ds_nav_menu .ds_dropdown a {
    display: block;
    padding: 10px 0;
    color: #0b2233;
    font-weight: 500;
    white-space: nowrap;
}

.ds_nav_menu .ds_dropdown a:hover {
    color: #468C41;
}

/* right aligned controls */
.ds_header-actions {
    display: flex;
    align-items: center;
    gap: 14px;
}

.ds_header-actions .contact-btn {
    text-transform: uppercase;
    background: #468C41;
    color: #FFF;
    padding: 10px 30px;
    border: none;
    font-weight: 700;
    font-family: Lato, sans-serif;
    font-size: 16px;
    line-height: 26px;
    transition: all 0.8s ease;
}

.ds_header-actions .contact-btn:hover {
    background-color: #F9B617;
    color: #000;
}

/* Hamburger (hidden on desktop) */
.ds_header-actions .hamburger {
    display: none;
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
}


/* Mega Menu Design Start */

.ds_submenu_content {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
    padding: 30px;
}

.ds_title_with_line {
    display: flex;
    align-items: center;
    gap: 20px;
}

.ds_title_with_line h2 a {
    color: #0C171E !important;
}

.ds_title_with_line h2 {
    margin: 0;
    font-family: Lato;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0%;
    color: #0C171E;
    width: max-content;
}

.ds_title_with_line .ds_line {
    flex-grow: 1;
    /* line takes remaining horizontal space */
    height: 2px;
    background-color: #0C171E1A;
    /* 2px semi-transparent line */
}

.ds_submenu_item_content h6 {
    font-family: Lato;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #0B3656;
    margin: 0;
}

.ds_submenu_item_content p {
    font-family: Lato;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    margin: 0;
}

.ds_single_item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    padding: 15px;
}

.submenu_image_icon {
    background-color: #468C41;
    min-width: 40px;
    max-width: 40px;
    width: 100%;
    min-height: 40px;
    max-height: 40px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.8s ease;
}

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

.submenu_item_grid_three {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

a.ds_submenu_link {
    padding: 0 !important;
    white-space: unset !important;
}

.submenu_item_grid .ds_single_menu_item a,
.submenu_item_grid_three .ds_single_menu_item a {
    background-color: #6EBBD90D;
    transition: all 0.8s ease;
}

.submenu_item_grid .ds_single_menu_item a.ds_submenu_link:hover,
.submenu_item_grid_three .ds_single_menu_item a.ds_submenu_link:hover {
    background-color: #F9B617;
}

.submenu_item_grid .ds_single_menu_item a.ds_submenu_link:hover .submenu_image_icon,
.submenu_item_grid_three .ds_single_menu_item a.ds_submenu_link:hover .submenu_image_icon {
    background-color: #FFF;
}

.submenu_item_grid .ds_single_menu_item a.ds_submenu_link:hover .submenu_image_icon svg path,
.submenu_item_grid_three .ds_single_menu_item a.ds_submenu_link:hover .submenu_image_icon svg path {
    fill: #468C41;
}

/* Mega Menu Design End */





/* Slide-in right menu (mobile) */
.ds_mobile-panel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 100vw;
    background: #071228;
    color: #fff;
    padding: 22px;
    transform: translateX(110%);
    transition: transform 850ms cubic-bezier(.2, .9, .3, 1);
    z-index: 200;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.ds_mobile-panel.open {
    transform: translateX(0);
}

.ds_mobile-panel .mobile-top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 30px;
}

.ds_mobile-panel .close-btn {
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 26px;
}

.ds_mobile-panel .mobile-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.ds_mobile-panel .mobile-nav .m-item {
    border-bottom: 1px solid rgb(255 255 255 / 32%);
}

.ds_mobile-panel .mobile-nav .m-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 6px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    line-height: 20px;
}


/* mobile submenu — collapsed by default */
.ds_mobile-panel .m-sub {
    max-height: 0;
    overflow: hidden;
    transition: max-height 900ms ease, padding 900ms ease;
}

.ds_mobile-panel .m-sub.open {
    max-height: 1500px;
    padding: 0;
}

.ds_mobile-panel .m-sub a {
    display: block;
    padding: 8px 10px;
    color: var(--muted);
    text-decoration: none;
}

.ds_submenu_items_container .submenu_image_icon img.navmenuicon {
    filter: brightness(0) invert(1);
    transition: all 0.8s ease;
}

.submenu_item_grid .ds_single_menu_item a.ds_submenu_link:hover .submenu_image_icon img.navmenuicon,
.submenu_item_grid_three .ds_single_menu_item a.ds_submenu_link:hover .submenu_image_icon img.navmenuicon {
    filter: unset;
}



.ds_nav_menu .nav-list li span.nav-decor {
    display: none;
}

.ds_nav_menu .nav-list li:last-child {
    margin-left: 20px !important;
}

.ds_nav_menu .ds_customer_login_btn a {
    text-transform: uppercase;
    background-color: #FFF;
    padding: 10px 30px;
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    transition: all 0.8s ease;
}

.ds_nav_menu .ds_customer_login_btn a:hover {
    background-color: #F9B617;
}

.ds_nav_menu .ds_customer_login_btn a span {
    color: #468C41;
    transition: all 0.8s ease;
}

.ds_nav_menu .ds_customer_login_btn a:hover span {
    color: #000 !important;
}

.ds_nav_menu .ds_customer_login_btn .nav-links::after {
    content: none !important;
}



/* Header Design End */


/* Page Section Start */


/* Initial state (hidden + moved down slightly) */






/* Initial hidden state */
.why_choose_defensestorm_topbar.ds_cta_inner h1,
.why_choose_defensestorm_topbar.ds_cta_inner p {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1.2s ease-out, transform 1.2s ease-out;
}

/* Animated state (added by JS) */
.why_choose_defensestorm_topbar.ds_cta_inner.ds-fadeup h1 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.15s;
}

.why_choose_defensestorm_topbar.ds_cta_inner.ds-fadeup p {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.55s;
    /* p comes a bit after h1 → very elegant */
}




/* Image Hover 3D Effect Start */


.ds_new_banner_img {
    position: relative;
    /* overflow: hidden; */
    cursor: pointer;
    display: block !important;
    /* forces it to be a positioning context */
}

.ds_new_banner_img img {
    pointer-events: none !important;
    /* lets the container receive mouse events */
    transition: transform 0.2s ease-out;
    transform: perspective(500px) scale(1);
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

/* Glow on hover – exactly like your original example */
.ds_new_banner_img:hover img {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}


/* Image Hover 3D Effect End */






.card_description_blue {
    margin-top: auto;
}

.ds_g2_content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.ds_g2_content img {
    max-width: 100px;
    width: 100%;
    height: 100%;
}

.animation_graph_orange .percent-samll {
    font-family: Kanit, Lato, sans-serif;
    color: #FFF;
    font-weight: 700;
    font-style: italic;
}


.ds_high_performer {
    padding: 120px 30px;
}

.ds_high_performer .high_performer_inner {
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
}

section.ds_high_performer {
    background-color: #FFF;
}

.ds_high_performer .ds_certificate_section {
    background-color: #0C171E;
    padding: 57.5px 50px;
    display: flex;
    gap: 30px;
    max-width: 743px;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.ds_high_performer .single_certificate {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 14px 45px;
    border: 1px solid;
    border-image-source: linear-gradient(270deg, #0B3656 0%, #6EBBD9 100%);
    border-image-slice: 1;
}

.ds_high_performer .ds_script_content {
    max-width: 520px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.ds_high_performer .ds_script_content h2 {
    font-family: Kanit !important;
    color: #0B3656;
    font-weight: 700;
    font-size: 37px;
    margin: 0;
}

.ds_high_performer .ds_ratings {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
    max-width: 298px;
    width: 100%;
    margin-bottom: 10px;
}

.ds_high_performer h2.ratings_text {
    font-family: Kanit !important;
    font-weight: 600;
    font-size: 24px !important;
    line-height: 29px;
    text-align: center;
    color: #002240;
}

.ds_high_performer .ds_start img {
    max-width: 165px;
    width: 100%;
    height: 100%;
}

.ds_high_performer .ds_ratings_content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ds_high_performer a.ds_btn {
    background: #468C41;
    color: #FFF;
    padding: 10px 30px;
    border: none;
    font-weight: 700;
    font-family: Lato, sans-serif;
    font-size: 16px;
    line-height: 26px;
    transition: all 0.8s ease;
    width: fit-content;
    text-transform: uppercase;
}

.ds_high_performer a.ds_btn:hover {
    background-color: #F9B617;
    color: #000;
}

/* Startup Section Design Start */

section.ds_cta {
    padding-left: 30px !important;
    padding-right: 30px !important;
    background: #FFF;
}

.ds_blue_section_inner {
    padding: 120px 30px !important;
    background: linear-gradient(180deg, #215F93 0%, #0B3656 65.31%);
}

.ds_cta_inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

.ds_cta_inner h2 {
    font-family: Kanit !important;
    font-weight: 700;
    font-size: 37px;
    text-align: center;
    line-height: 44px !important;
    color: #FFF;
    margin-bottom: 0;
}

.ds_cta_inner p {
    font-family: Lato;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #FFF;
    max-width: 770px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.ds_cta a.ds_btn {
    background: #468C41;
    color: #FFF;
    padding: 10px 30px;
    border: none;
    font-weight: 700;
    font-family: Lato, sans-serif;
    font-size: 16px;
    line-height: 26px;
    transition: all 0.8s ease;
    width: fit-content;
    text-transform: uppercase;
}

.ds_cta a.ds_btn:hover {
    background-color: #F9B617;
    color: #000;
}

/* Startup Section Design End */


/* Accodtion Section Start */

.blue_accordion_section {
    margin: 100px 0;
    padding: 288px 30px 120px 30px !important;
}

/* Accordion Section End */


/* Testimonial Section Start */

section.ds_trusted_testimonial {
    /* padding: 40px 0 50px !important; */
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.ds_testi_slider {
    overflow: hidden;
    position: relative;
}

.ds_testimonial_content {
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding: 0 30px;
}

.ds_testi_heading h2 {
    font-family: Kanit, Lato, sans-serif !important;
    font-weight: 700;
    font-size: 37px;
    text-align: center;
    margin: 0;
    color: #0B3656;
}

.ds_slide_content_text {
    background: #6EBBD90D;
    padding: 30px;
    border: 1px solid #468C41;
    display: flex;
    flex-direction: column;
    gap: 50px;
    height: 100%;
    justify-content: flex-start;
}


.ds_testi_logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 60px;
}

.ds_testi_user_info {
    margin-top: auto;
}

.ds_testi_content p {
    font-family: Lato;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 0;
    color: #000000;
}

.ds_testi_user_info h4.ds_testi_uname {
    font-family: Kanit;
    font-weight: 600;
    font-size: 24px;
    color: #0B3656;
    margin-bottom: 6px;
}

.ds_testi_user_info p.testi_position {
    font-family: Lato;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color: #0C171E;
    margin: 0;
}

.ds_testi_slider_inner .ds_slide_content_text {
    margin-right: 0;
}

.ds_testi_slider_inner .slick-slide {
    margin-right: 30px;
}

.ds_testi_slider_inner .slick-slide:last-child {
    margin-right: 0 !important;
}

.ds_testi_slider_inner .slick-list {
    margin-right: 0;
    overflow: hidden;
}

.ds_testi_slider .slick-list {
    padding-left: 0;
    padding-right: 42px;
}

.ds_testi_slider .slick-dots {
    bottom: 0;
    display: inline-flex;
    width: 82.4%;
    list-style: none;
    /* padding-left: 72px !important; */
    position: absolute;
    transform: unset;
    margin: 0 !important;
    width: 100% !important;
    max-width: calc(100% - 100px - 82px - 72px);
    bottom: 0;
    top: unset;
    left: 72px;
}

.slick-dots li {
    width: 100% !important;
    margin: 0 !important;
    background-color: #0C171E33;
    height: 2px !important;
}

.ds_testi_slider .slick-dots li button:before {
    color: #0C171E33;
}

.ds_testi_slider .slick-dots li button {
    height: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
}

.ds_testi_slider .slick-dots li.slick-active button {
    width: 100%;
    background-color: #468C41;
    height: 2px !important;
    padding: 0 !important;
}

.ds_testi_slider .slick-dots li button:before {
    display: none;
}

.ds_testi_slider .slick-dotted.slick-slider {
    padding-bottom: 62px;
}

.ds_arrow_wrapper {
    position: static;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.ds_arrow_wrapper .slick-prev img,
.ds_arrow_wrapper .slick-next img {
    max-width: 15px;
    width: 100%;
    max-height: 15px;
    height: 100%;
}

.ds_arrow_wrapper .slick-next:before,
.ds_arrow_wrapper .slick-prev:before {
    content: none !important;
}

.ds_arrow_wrapper .slick-next,
.ds_arrow_wrapper .slick-prev {
    background: #468C41 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    transition: all 0.8s ease;
    position: static;
    transform: unset;
}

.ds_arrow_wrapper .slick-next:hover,
.ds_arrow_wrapper .slick-prev:hover {
    background: #F9B617 !important;
}

.ds_arrow_container {
    position: absolute;
    right: 72px;
    bottom: 12px;
    width: 100%;
    max-width: 92px;
    z-index: 1;
}

.ds_testi_logos img {
    max-width: 150px;
    max-height: 60px;
    height: 100%;
    object-fit: cover;
}

section.ds_trusted_testimonial .slick-track {
    display: flex;
    height: 100%;
}

section.ds_trusted_testimonial .ds_single_testi_slide {
    height: auto;
}


.ds_testi_slider_inner.slick-slider {
    padding-left: 72px;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}



.slick-dots {
    position: relative;
    padding-left: 0;
    /* optional, now we rely on container offset */
}

.slick-dots::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: var(--dot-width-px, 0px);
    background-color: #468C41;
    transform: translateX(var(--dot-index-px, 0px));
    transition: transform 0.45s ease;
}

.slick-dots li {
    flex: 1;
    height: 2px;
    background-color: #0C171E33;
}

.slick-dots li button {
    opacity: 0 !important;
}



















/* Testimonia Section End */


.why_choose_defensestorm_sec.ds_blue_section_inner {
    padding-top: 64px !important;
}

.ds_cta_inner h2 strong,
.ds_cta_inner h1 strong,
.ds_testi_heading h2 strong,
.ds_script_content h2 strong {
    color: #F9B617;
}


.ds_new_banner_shortdesc {
    max-width: 850px;
    width: 100%;
}

.ds_new_banner_shortdesc p {
    font-size: 20px;
    line-height: 28px;
}


/* Page Section End */



/* ------------------------------------------------------------------------------Media Query Start------------------------------------------------------------------------------- */

@media (min-width: 1025px) {
    .ds_nav_menu .nav-links {
        padding: 30px 0;
        cursor: pointer;
        position: relative;
    }

    .ds_nav_menu .nav-links::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 3px;
        /* thickness of underline */
        width: 100%;
        /* match width of nav-links */
        background: #468C41;
        opacity: 0;
        transition: opacity 1s ease;
    }

    .ds_nav_menu .nav-links:hover::after {
        opacity: 1;
    }

    /* Optional underline/active state on open */
    .ds_nav_menu .nav-item.active>.nav-links,
    .ds_nav_menu .nav-item:hover>.nav-links {
        color: #468C41;
    }

    .ds_nav_menu .nav-item.active .plus,
    .ds_nav_menu .nav-item:hover .plus {
        transform: rotate(45deg);
    }

    .ds_nav_menu .nav-item.active .plus path,
    .ds_nav_menu .nav-item:hover .plus path {
        fill: #468C41 !important;
    }
}


@media(max-width:1280px) {

    .ds_container_top {
        flex-wrap: wrap;
        gap: 50px;
    }

    .ds_footer_center {
        min-width: unset;
        width: 100%;
        max-width: 100%;
        padding: 0;
        border-left: 0;
        border-right: 0;
    }

    .ds_footer_right {
        max-width: 100%;
        width: 100%;
    }

    .ds_footer_left {
        max-width: 100%;
        width: 100%;
    }

    /* Header Small */
    .ds_header-actions .contact-btn {
        padding: 10px 15px;
        font-size: 14px;
        line-height: 20px;
    }

    .header_inner_wrapper {
        gap: 20px;
    }

    .header_inner .logo svg {
        min-width: 150px;
        max-width: 150px;
    }

    .ds_nav_menu .nav-list {
        gap: 10px;
    }

    .ds_nav_menu .nav-links {
        gap: 2px;
    }

    .ds_nav_menu .nav-links span {
        font-size: 14px;
        line-height: 20px;
    }

    .ds_high_performer .single_certificate {
        padding: 14px 20px;
    }

    .ds_high_performer .ds_certificate_section {
        gap: 20px;
    }

    .ds_high_performer .ds_certificate_section {
        padding: 30px 20px;
    }

    .ds_cst_header .logo img {
        max-width: 160px;
    }

    .ds_nav_menu .ds_customer_login_btn a {
        padding: 10px 20px;
    }

    .ds_nav_menu .ds_dropdown {
        top: 81px !important;
    }
}

@media(max-width:1024px) {

    .ds_nav_menu .nav-list {
        display: none;
    }

    .ds_header-actions .hamburger {
        display: block;
        margin-left: auto;
        padding: 0 !important;
    }

    .ds_header-actions {
        gap: 8px;
    }

    .ds_high_performer .ds_script_content h2 {
        font-size: 30px !important;
    }

    .ds_high_performer {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .ds_nav_menu .ds_dropdown {
        margin: 0 16px;
        border-radius: 8px;
        padding: 20px;
    }

    .ds_nav_menu::before {
        content: none;
    }

    .ds_cst_header {
        padding: 20px 30px;
    }

    .ds_submenu_item_content h6 {
        color: #ffffff;
    }

    .ds_submenu_item_content p {
        color: #ffffff;
    }

    .submenu_item_grid,
    .submenu_item_grid_three {
        padding: 20px 0;
    }

    .ds_single_item {
        padding: 0;
    }

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

    .ds_mobile-panel .mobile-nav .plus {
        font-size: 20px;
    }

    .submenu_item_grid .ds_single_menu_item a.ds_submenu_link:hover {
        background-color: unset;
    }

    .submenu_item_grid .ds_single_menu_item a.ds_submenu_link:hover .submenu_image_icon {
        background-color: #468C41;
    }

    .submenu_item_grid .ds_single_menu_item a.ds_submenu_link:hover .submenu_image_icon svg path {
        fill: unset;
    }

    .submenu_item_grid .ds_single_menu_item a {
        background-color: transparent;
    }

    .ds_testi_slider_inner.slick-slider {
        padding-left: 30px;
    }

    .ds_arrow_container {
        right: 30px;
    }

    .ds_testi_slider .slick-dots {
        max-width: calc(100% - 100px - 40px - 30px);
        left: 30px;
    }

    .ds_slide_content_text {
        gap: 30px;
    }

    /* section.ds_trusted_testimonial{
        padding: 60px 0 60px !important;
    } */
    .section.ds_trusted_testimonial {
        gap: 30px !important;
    }

    .ds_cst_header .logo img {
        max-width: 230px;
    }

    .ds_testi_slider .slick-list {
        padding-right: 0;
    }

    .ds_testi_heading h2 {
        font-size: 32px !important;
    }

    .ds_testi_user_info h4.ds_testi_uname {
        font-size: 22px;
    }

    .why_choose_defensestorm_sec .why_choose_defensestorm_topbar h2 {
        font-size: 32px !important;
    }

    .ds_cta_inner h2 {
        font-size: 32px !important;
    }

    .ds_high_performer .ds_script_content h2 {
        font-size: 32px !important;
    }

    .why_choose_defensestorm_sec.ds_blue_section_inner {
        padding-top: 23px !important;
    }

    .ds_container_middle {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .trusted_partners h3,
    .trusted_partners p {
        text-align: center;
    }

    .mobile-nav .ds_customer_login_btn a {
        text-transform: uppercase;
        background-color: #FFF;
        color: #468C41 !important;
        max-width: max-content;
        padding: 10px 30px !important;
        font-family: Lato;
        font-weight: 700;
        font-size: 16px !important;
        line-height: 26px !important;
        transition: all 0.8s ease;
    }

    .mobile-nav .ds_customer_login_btn a:hover {
        background-color: #F9B617;
        color: #000 !important;
    }

    .mobile-nav .ds_customer_login_btn .nav-links::after {
        content: none !important;
    }

    .ds_mobile-panel .mobile-nav .m-item.ds_customer_login_btn {
        border-bottom: 0;
        margin-top: 20px;
    }
}

@media(max-width: 767px) {
    .ds_footer_left .ds_logo_container img {
        max-width: 260px;
        width: 100%;
    }

    .why_choose_defensestorm_sec.ds_blue_section_inner {
        padding-top: 0px !important;
    }

    .link-list {
        grid-template-columns: 1FR;
        grid-auto-flow: row;
        row-gap: 15px;
        ;
    }

    .ds_footer_blocks {
        padding: 50px 20px 20px 20px;
    }

    .ds_container_middle {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 20px;
    }

    .ds_container_bottom {
        flex-wrap: wrap;
        justify-content: center;
    }

    .ds_footer_copyright_link a {
        margin-right: 5px;
    }

    .ds_container_bottom p.copyright_text {
        text-align: center;
    }

    .ds_footer_copyright_link a {
        font-size: 14px;
        line-height: 20px;
    }

    .ds_footer_copyright_link a:not(:last-child)::after {
        margin-left: 0;
    }

    .trusted_partners {
        justify-content: center;
        align-items: center;
    }

    .trusted_partners h3 {
        text-align: center;
    }

    .trusted_partners p {
        text-align: center;
    }

    .trusted_partner_logo {
        justify-content: center;
        align-items: center;
        gap: 30px;
        flex-wrap: wrap;
    }

    footer.ds_footer:after {
        max-width: 264px;
        max-height: 222px;
    }

    .ds_high_performer .high_performer_inner {
        flex-wrap: wrap;
    }

    .ds_high_performer .ds_script_content {
        max-width: 100%;
        align-items: center;
    }

    .ds_high_performer .ds_script_content h2 {
        text-align: center;
    }

    .ds_rating_icon {
        justify-self: center;
    }

    .ds_high_performer .ds_script_content h2 {
        font-size: 26px;
    }

    .ds_high_performer {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .ds_high_performer .ds_certificate_section {
        flex-wrap: wrap;
    }

    .submenu_item_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .submenu_item_grid_three {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .ds_cst_header {
        padding: 15px 20px;
    }

    .ds_container.header_inner {
        gap: 10px;
    }

    .ds_submenu_item_content h6 {
        font-size: 16px;
        line-height: 26px;
    }

    .ds_submenu_item_content p {
        font-size: 14px;
        line-height: 20px;
    }

    .submenu_item_grid,
    .submenu_item_grid_three {
        padding: 30px 0;
    }

    .ds_blue_section_inner {
        padding: 50px 20px !important;
    }

    .ds_testi_slider .slick-list {
        padding-left: 0;
    }

    .ds_testi_slider_inner.slick-slider {
        padding-left: 20px;
    }

    .ds_testi_slider .slick-dots {
        padding-left: 0 !important;
        max-width: calc(100% - 40px);
        bottom: 0;
        left: 20px;
    }

    .ds_arrow_container {
        right: 20px;
        left: 50%;
        transform: translateX(-50%);
        bottom: 50px;
    }

    .ds_slide_content_text {
        padding: 20px;
    }

    .ds_testi_slider_inner .slick-list {
        margin-right: 0px;
    }

    .ds_testi_slider_inner .ds_slide_content_text {
        margin-right: 0;
    }

    .ds_testimonial_content {
        padding: 0 20px;
    }

    section.ds_trusted_testimonial {
        /* padding: 50px 0 32px !important; */
        gap: 30px;
    }

    .ds_testi_slider .slick-dotted.slick-slider {
        padding-bottom: 90px;
    }

    .ds_testi_slider .slick-list {
        padding-right: 0 !important;
    }

    .ds_testi_user_info h4.ds_testi_uname {
        font-size: 20px;
    }

    .ds_testi_logos img {
        max-height: 40px;
        height: 100%;
        object-fit: cover;
    }

    section.ds_cta {
        padding-left: 20px !important;
        padding-right: 20px !important;
        background: #FFF;
    }

    .ds_header-actions .contact-btn {
        padding: 8px 10px;
    }

    .ds_testi_slider_inner .slick-slide {
        margin-right: 20px;
    }

    .ds_testi_heading h2 {
        font-size: 26px !important;
    }

    .why_choose_defensestorm_sec .why_choose_defensestorm_topbar h2 {
        font-size: 26px !important;
    }

    .ds_cta_inner h2 {
        font-size: 26px !important;
    }

    .ds_high_performer .ds_script_content h2 {
        font-size: 26px !important;
    }
}

@media(max-width:520px) {
    /* .trusted_partner_logo .ds_footer_partner_logo{
        max-width: 100%;
        width: 100%;
    }
    .trusted_partner_logo .ds_footer_partner_logo img{
        max-width: 100%;
        width: 100%;
    } */
}

@media(max-width:480px) {
    .ds_cst_header .logo img {
        max-width: 180px;
    }

    .ds_container.header_inner {
        gap: 6px;
    }

}


@media (max-width: 420px) {

    .mobile-panel {
        width: 100vw;
    }

    /* smaller screens adjust panel width */
    .ds_mobile-panel {
        width: 100vw;
    }

    .ds_container.header_inner {
        gap: 10px;
    }

    .header_inner .logo svg {
        min-width: 120px;
        max-width: 120px;
    }
}

@media (max-width: 375px) {
    .ds_cst_header .logo img {
        max-width: 160px;
    }
}


/* Team Card Issue */
@media (max-width: 767px) {
    .defensestormergrid .defensestormer.active {
        max-width: 100% !important;
        flex-wrap: wrap;
    }

    .defensestormergrid .defensestormer.active .bio {
        width: 100%;
    }
}

/* Date Spacing Issue */
.date_block a span:nth-child(2),
.date_block>div span:nth-child(2) {
    line-height: 1.05em;
    padding: 0 !important;
}

@media screen and (max-width: 991px) {
    .news_list_section .newsholder>.news_article .date_block>div {
        gap: 6px;
    }
}