/* 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;
}
.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;
}


.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-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;
}






/* 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;
    }
   }