@font-face {
    font-family: 'Satoshi-Light';
    src: url('../fonts/Sotoshi/Satoshi-Light.eot');
    src: url('../fonts/Sotoshi/Satoshi-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sotoshi/Satoshi-Light.woff2') format('woff2'),
        url('../fonts/Sotoshi/Satoshi-Light.woff') format('woff'),
        url('../fonts/Sotoshi/Satoshi-Light.ttf') format('truetype'),
        url('../fonts/Sotoshi/Satoshi-Light.svg#Satoshi-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Averta';
    src: url('../fonts/Averta/AvertaStd-Light.woff2') format('woff2'),
         url('../fonts/Averta/AvertaStd-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  direction: ltr;
  text-align: left;
  top: 0px !important;
  height: 100%;
  color: white !important;
  background: #061931;
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* When Arabic selected */
body.rtl {
  direction: rtl !important;
  text-align: right !important;
}
/* When Arabic selected */
body.rtl {
  direction: rtl;
  text-align: right;
}
/* EXCEPTIONS → sections that must stay LTR */
body.rtl .no-rtl {
  direction: ltr !important;
  text-align: left !important;
}

/* Flip flex rows */
body.rtl .row,
body.rtl .d-flex {
  flex-direction: row-reverse !important;
}

/* Flip image + text blocks */
body.rtl img {
  float: right;
}

body.rtl .lang-box {
  right: auto !important;
  left: 102px !important; /* move for Arabic */
  text-align: right;
}

body.rtl p,
body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl div {
  text-align: right !important;
}

/* Optional: flip padding/margins */
body.rtl .left {
  margin-left: 0;
  margin-right: 20px;
}
#goog-gt-tt,
.goog-te-balloon-frame {
 display: none !important;
}
 
.goog-text-highlight {
 background: none !important;
 box-shadow: none !important;
}
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc {
 display: none !important;
}
.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q {
 background: none !important;
 box-shadow: none !important;
 border: none !important;
 }
 .skiptranslate {
  display: none !important;
 }

/* Base container */
.container {
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;
    margin-right: auto;
    margin-left: auto;
  }
  
  
.header_container {
    width: 100%;
    /* max-width: 1366px; */
    margin: 0 auto;
    padding: 0 25px;
    background: #061931;
    z-index: 1000;
}
/* Base header layout */
.header_nav_holder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1000;
  margin-right: 20px;
}

/* Hamburger styles */
.hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  gap: 5px;
  z-index: 2000;
}

.hamburger span {
  width: 25px;
  height: 3px;
  background: #fff;
  border-radius: 2px;
}

/* Menu list default (desktop) */
.menu_lists_holder {
  display: flex;
  list-style: none;
  gap: 20px;
  transition: all 0.3s ease;
}

.lang-box {
  position: absolute;
  top: 65px;
  right: 102px;
  background: #ffffff;
  padding: 10px;
  border-radius: 4px;
  width: 100px;
  display: none; /* hidden */
  box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
  z-index: 9999;
}

.lang-box ul {
  list-style: none;
  padding: 0;
}

#google_translate_element {
  display: none; /* hide the widget */
}

.lang-box li {
  text-align: center;
  padding: 8px 0;
  cursor: pointer;
  color:#061931 ;
  font-size: 14px;
  font-weight: 500;
}

.lang-box li:hover {
    background-color: #e9ecef;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    margin-bottom: 10px;
}
p {
    color: white;
}
/* Link Styles */
a {
    text-decoration: none;
    color: #33B1E0;
}
a:hover {
    color: #0056b3;
}
/* Basic Button Styles */
button {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.gradient_btn {
    font-weight: 700;
    padding: 14px 25px;
    font-size: 16px;
    color: #fff;
    background-image: linear-gradient(to bottom, #163862, #0FB2C7);
    border: 0.75px solid;
    /* border-image: linear-gradient(90deg, #FFFFFF, #4C4C4C) 1; */
    border-radius: 13px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0px 4px 8px rgba(101, 92, 128, 0.3);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.gradient_btn:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
/* .request_gradient_btn {
    font-weight: 700;
    padding: 14px 25px;
    font-size: 16px;
    color: #fff;
    background-image: linear-gradient(to bottom, #163862, #0FB2C7);
    border: 0.75px solid;
    border-radius: 13px;
    text-align: center;
    box-shadow: 0px 4px 8px rgba(101, 92, 128, 0.3);
} */
  .btn_gradient_area {
        position: relative;
        background: transparent;       /* inner background */
        padding: 20px;
        border-radius: 13px;    /* your radius */
        z-index: 0;
  }
  .btn_gradient_area::before {
        content: "";
        position: absolute;
        inset: 0;
        padding: 1px; /* border thickness */
        border-radius: inherit;
        background: linear-gradient(45deg, rgba(15, 178, 199, 1), rgba(255, 255, 255, 1), rgba(15, 178, 199, 1));
        -webkit-mask:
          linear-gradient(#fff 0 0) content-box,
          linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        z-index: -1;
  } 
.btn_gradient_area,
.sub_inner_hero_banner_holder .btn_area {
    display: inline-block;
    padding: 1px;
    border-radius: 12px;
    background: linear-gradient(90deg, #0FB2C7, #0FB2C7);
}
header {
    position: fixed;
    left: 0;
    right: 0;
    width: 100vw;
    z-index: 100;
    transition: all 0.5s ease-in-out;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
header.scrolled {
    top: 10px;
    transition: all 0.5s ease-in-out;
}
header .header_nav_holder {
    display: flex;
    justify-content: space-between;
    background: #061931;
    backdrop-filter: blur(14.2px);
    -webkit-backdrop-filter: blur(14.2px); 
}
header.scrolled .header_nav_holder {
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); 
}
header .header_nav_holder .logo_holder {
    width: 240px;
    display: flex;
    align-items: center;
    padding: 16px;
}
/* Style for nested dropdown */
header .dropdown-menu .dropdown-submenu {
    position: relative;
}
header .dropdown-menu .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    display: none;
    position: absolute;
}
header .dropdown-menu .dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
header .header_nav_holder ul.menu_lists_holder {
    width: calc(100% - 250px);
    list-style-type: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0;
    gap: 26px;
}
header .header_nav_holder ul.menu_lists_holder li a {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
}
.sub_inner_hero_banner_holder {
    background: #061931;
    padding-top: 130px;
    padding-bottom: 40px;
}
.sub_hero_banner_area.sub_inner_hero_banner_holder .content_block {
    display: block;
    max-width: 650px;
}
.hero_banner_area_button {
    display: flex;
    gap: 15px;
    align-items: center;
}
.banner-holder {
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 10px;
}
.sub_inner_hero_banner_holder .heading_2 {
    color: white;
    text-shadow: 0px 4px 10px rgba(255, 255, 255, 0.3);
    font-size: 50px;
    font-weight: bold;
}
.sub_inner_hero_banner_holder p {
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    margin-top: 20px;
    margin-bottom: 30px;
}
.sub_inner_hero_banner_holder img {
    width: 100%;
    height: 100%;
}
.mb-0 {
    margin-bottom: 0 !important;
}

.d-inline {
    display: inline !important;
}
.sub_innovation__holder {
    background: #061931; 
}
.innovation_holder {
    padding-top: 50px;
    padding-bottom: 40px;
    background-color: rgba(255, 255, 255, 0.07);
}
.innovation_text {
    align-items: center;
    text-align: center;
    font-size: 48px;
    font-weight: 400;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    background: linear-gradient(90deg, rgba(153,153,153,1) 0%, rgba(255,255,255,1) 51%, rgba(153,153,153,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.innovation_holder .innovation_img_wrap {
    display: flex;
    gap: 80px;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}
.innovation_img_wrap img {
    width: 100%;
    height: 100%;
}
.startohub_holder {
    padding-top: 35px;
    padding-bottom: 30px;
    scroll-margin-top: 120px;
}
.startohub_holder img {
  height: 100%;
  width: 100%;
  margin-bottom: 20px;
}
.startohub_heading_2 {
    font-size: 48px;
    font-weight: 400;
    color: #F2F2F7;
    margin-bottom: 35px;
    opacity: 0;
    transform: translateX(-50px);
    animation: slideInRight 1s ease-out forwards;
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.glass_card_outer_holder {
    /* max-width: 275px; */
    display: inline-flex;
    position: relative;
    /* border: 1px solid transparent; */
    border-width: 2px;
    border-color: linear-gradient(90deg, #163862, #0FB2C7) 1 !important;
    border-radius: 13px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.glass_card_outer_holder:hover {
  transform: translateY(-10px) scale(1.05);
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);
}
.glass_card_outer_holder {
  cursor: pointer;
}
.glass_card_outer_holder .glass_card_holder {
    width: 100%;
    height: 100%;
    display: inline-block;
    background-color: transparent;
    border-radius: 11px; 
    border-radius: 13px;
    padding: 20px;
    box-sizing: border-box;
    color: white;
    font-family: 'Averta';
    font-weight: 400;
    cursor: pointer;
}

.startohub_holder .four_cards_flex_holder {
  width: 100% ; /* for arabic */
}
.three_cards_flex_holder,
.four_cards_flex_holder {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.four_cards_flex_holder > div {
    width: calc(25% - 18px);
}
.four_cards_flex_holder .glass_card_outer_holder {
    position: relative;
    background: transparent;       /* inner background */
    padding: 20px;
    border-radius: 13px;    /* your radius */
    z-index: 0;
    cursor: pointer;
}
.four_cards_flex_holder .glass_card_outer_holder::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px; /* border thickness */
    border-radius: inherit;
    background: linear-gradient(45deg, rgba(15, 178, 199, 1), rgba(22, 56, 98, 1));
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    z-index: -1;
  }
.two_cards_flex_holder,
.four_cards_flex_holder {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.three_cards_flex_holder > div {
    width: calc(33.3% - 18px);
}
.two_cards_flex_holder > div {
    width: calc(50% - 18px);
}
.two_cards_flex_holder .glass_card_outer_holder {
    position: relative;
    background: transparent;       /* inner background */
    padding: 20px;
    border-radius: 13px;    /* your radius */
    z-index: 0;
}
.two_cards_flex_holder .glass_card_outer_holder::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px; /* border thickness */
    border-radius: inherit;
    background: linear-gradient(45deg, rgba(255, 255, 255, 1), rgba(15, 178, 199, 1));
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    z-index: -1;
  }
  .platform_card_wrap .glass_card_outer_holder {
    position: relative;
    background: transparent;       /* inner background */
    padding: 20px;
    border-radius: 13px;    /* your radius */
    z-index: 0;
}
.platform_card_wrap .glass_card_outer_holder::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px; /* border thickness */
    border-radius: inherit;
    background: linear-gradient(45deg, rgba(255, 255, 255, 1), rgba(5, 0, 17, 0.45), rgba(239, 239, 239, 1));
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    z-index: -1;
  }
.glass_card_outer_holder .glass_card_holder.transparent_bg {
    background: transparent;
    backdrop-filter: blur(0);
}
.glass_card_outer_holder .glass_card_holder.border_btm_card {
    border: 1px solid transparent;
    border-width: 0 0 1px;
    border-image: linear-gradient(90deg, #01FFC7, #0076F7);
    border-image-slice: 1;
    box-shadow: none;
}
.glass_card_outer_holder .glass_card_holder .top_heading_holder {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}
.glass_card_outer_holder .glass_card_holder .top_heading_holder .heading_title {
    font-size: 18px;
    font-weight: 700;
    word-break: break-word;
    margin-bottom: 0;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.glass_card_outer_holder .glass_card_holder .top_heading_holder .icon_holder {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 42px;
    min-height: 42px;
    max-width: 42px;
    max-height: 42px;
    border-radius: 100%;
}
.glass_card_outer_holder:hover .glass_card_holder .top_heading_holder .icon_holder {
    border-color: #fff;
}
.glass_card_outer_holder:hover .glass_card_holder .top_heading_holder .icon_holder svg {
    filter: brightness(0) invert(1);
}
.glass_card_outer_holder .glass_card_holder .content_outer_holder {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 50px);
}
.glass_card_outer_holder .glass_card_holder .content_outer_holder .content_inner_top_holder .italic_heading_holder {
    font-style: italic;
    color: #fff;
}
.glass_card_outer_holder .glass_card_holder .content_holder {
    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    margin-bottom: 0;
}
.glass_card_outer_holder .glass_card_holder .content_outer_holder .anchor_holder {
    display: inline-block;
    background: linear-gradient(90deg, #01FFC7 0%, #0076F7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about_startohub_holder {
    padding-top: 45px;
    padding-bottom: 70px;
    background: linear-gradient(90deg, rgba(6, 25, 49, 1) 0%, rgba(6, 11, 42, 1) 100%);
}
.about_startohub_holder h1 {
    font-size: 48px;
    font-weight: 400;
    color: #F2F2F7;
    margin-bottom: 20px; 
}
.about_startohub_holder p {
    font-size: 20px;
    font-weight: 400;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #D9D9D9;
    letter-spacing: 0.5%;
    margin-bottom: 40px;
}
.solution_startohub_holder {
    padding-top: 40px;
    padding-bottom: 40px;
    scroll-margin-top: 120px;
}
.solution_startohub_holder .innovation_text {
text-align: left;
margin-bottom: 30px;
}
.solution_startohub_holder .glass_card_outer_holder {
    border: 1px solid #0FB2C7;
    border-radius: 13px;
    padding: 25px;
    padding-top: 15px;
    background: radial-gradient(92.47% 92.47% at 50% 134.75%, #163862 3.93%, #0E1218 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
/* 
    background: linear-gradient(to top,  #163862 0%, #0E141A 100%); */
}
.solution_startohub_holder .heading_title{
    font-size: 24px;
    font-weight: 400;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.solution_startohub_holder .content_holder {
    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 18px !important;
}
.solution_advantage_text {
    font-size: 16px;
    font-weight: 700;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 18px !important;
    color: rgba(255, 255, 255, 1);
}
.solution_startohub_holder ul li {
    font-size: 14px;
    font-weight: 400;
    color: rgba(245, 245, 245, 1);
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 10px !important;
}
.steps_holder {
    display: flex;
    justify-content: space-between;
    width: 80%;
    position: relative;
  }
  
  /* Columns */
  .column {
    width: 48%;
    position: relative;
  }
  
  /* Styling for each step */
  .step {
    background-color: #1f1d38;
    border-radius: 8px;
    margin-bottom: 30px;
    padding: 20px;
    position: relative;
  }
  
  .step h2 {
    font-size: 24px;
    margin-bottom: 10px;
    color: #ffffff;
  }
  
  .step p {
    font-size: 16px;
    color: #bbbbbb;
  }
  
  /* Connecting line between the columns */
  /* .container::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background: linear-gradient(180deg, rgba(0, 210, 255, 0.2), rgba(0, 210, 255, 0.8));
    z-index: -1;
  } */
  
  /* Vertical connecting lines between the steps */
  .step::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 30px;
    background: linear-gradient(180deg, rgba(0, 210, 255, 0.2), rgba(0, 210, 255, 0.8));
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
  
  .step:last-child::after {
    display: none;
  }
  
  /* Hide the first line between steps in the left column */
  .left .step:first-child::after {
    display: none;
  }
  
  /* Adding lines connecting the steps vertically */
  .step:not(:last-child)::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 40px; /* Adjust this value for line length */
    background: linear-gradient(180deg, rgba(0, 210, 255, 0.2), rgba(0, 210, 255, 0.8));
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
  .platform_feature_holder {
    background-image: url(./images/platformbg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 40px;
    padding-bottom: 30px;
    scroll-margin-top: 120px;
  }
  .platform_feature_holder .top_heading_holder {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    background: linear-gradient(90deg, White 0%, rgba(255, 255, 255, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .platform_feature_holder .innovation_text {
    text-align: left;
  }
  .platform_feature_holder .heading_title {
    font-size: 24px;
    color: rgba(255, 255, 255, 1);
    font-weight: 400;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .platform_feature_holder .two_cards_flex_holder {
   margin-top: 30px;
  }
  .platform_feature_holder .glass_card_outer_holder {
    border-radius: 13px;
  }
  .platform_feature_holder .glass_card_holder p {
    font-size: 16px;
    color: rgba(217, 217, 217, 1);
    font-weight: 400;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .startup_holder {
    margin-top: 30px;
  }
  .startup_holder p {
    font-size: 20px;
    color: rgba(217, 217, 217, 1);
    font-weight: 400;
    margin-top: 15px;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .startup_holder_wrap {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 15px;
    margin-top: 30px;
  }
  .startup_holder_wrap img {
    width: 100%;
    height: 100%;
  }
.startup_advantage_holder {
    position: relative;
    background: transparent;       /* inner background */
    padding: 20px;
    border-radius: 13px;    /* your radius */
    z-index: 0;
  }
  .startup_advantage_holder::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px; /* border thickness */
    border-radius: inherit;
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(5, 0, 17, 0.45), rgba(239, 239, 239, 1));
    /* background: linear-gradient(45deg, rgba(255, 255, 255, 1), rgba(5, 0, 17, 0.45), rgba(239, 239, 239, 1)); */
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    z-index: -1;
  }
.startup_advantage_holder h3 {
    font-size: 24px;
    color: rgba(255, 255, 255, 1);
    font-weight: 400;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.startup_advantage_holder p {
    font-size: 16px;
    color: rgba(217, 217, 217, 1);
    font-weight: 400;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}




.core_value_step .timeline {
    position: relative;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 15px 0;
  }
  .core_value_step .timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.7);
    transform: translate(-50%, -50%) rotate(45deg); /* make it a diamond */
    z-index: 2;
  }
 .core_value_step .timeline::after {
    content: '';
    position: absolute;
    width: 2px;
    background: rgba(255, 255, 255, 0.7);
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -1px;
  }
/* .container_wrap:hover {
    transform: translateY(-10px) scale(1.05);
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);
} */
.core_value_step  .container_wrap {
    padding: 15px 30px;
    position: relative;
    background: inherit;
    width: 40%;
    cursor: pointer;
  }
  /* .container_wrap:hover {
    padding: 15px 30px;
    transition: all 0.3s ease !important;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2) !important;
  } */
  
  .container_wrap.left {
    left: 0;
  }
  
  .container_wrap.right {
    left: 60%;
  }
  
  /* .container::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
    right: -8px;
    background: rgba(255, 255, 255, 0.7);
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-radius: 16px;
    z-index: 1;
  } */
  
  .container_wrap.right::after {
    left: 13px;
  }
  
  .container_wrap::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 1px;
    top: calc(50% - 1px);
    right: 8px;
    background: rgba(255, 255, 255, 0.7);
    z-index: 1;
  }
  
  /* Diamond shape */
  .container_wrap::after {
    content: '';
    position: absolute;
      width: 8px;
      height: 8px;
      top: 50%;
      right: 11px; /* Half of width to align center */
    background: rgba(255, 255, 255, 0.7);
    transform: translateY(-50%) rotate(45deg);
    z-index: 1;
  }
  
  /* Optional: Tail (small rectangle) */
  .container_wrap::before {
    content: '';
    position: absolute;
    width: 108px;
      height: 1px;
      top: 50%;
      right: -98px;
    background: rgba(255, 255, 255, 0.7);
    transform: translateY(-50%);
    z-index: 0;
  }
  
  
  .container_wrap.right::before {
    left: -96px;
  }
  
  .container_wrap .date {
    position: absolute;
    display: inline-block;
    top: calc(50% - 8px);
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 1;
  }
  
  .container_wrap.left .date {
    right: -75px;
  }
  
  .container_wrap.right .date {
    left: -75px;
  }

  .container_wrap .content {
    padding: 30px 30px 30px 30px;
    background: transparent;
    position: relative;
    border-radius: 13px;
  }
  
  .container_wrap.right .content {
    padding: 30px 30px 30px 30px;
    /* border-radius: 500px 0 0 500px; */
  }
  
  .container_wrap .content h2 {
    margin: 0 0 10px 0;
    font-size: 24px;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
  }
  
  .container_wrap .content p {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    color: rgba(217, 217, 217, 1);
  }
  .content_wrap {
      display: flex;
      align-items: center;
      gap: 10px;
  }
  
  .content {
      position: relative;
      background: transparent;       /* inner background */
      padding: 20px;
      border-radius: 13px;    /* your radius */
      z-index: 0;
  }
  .content::before {
      content: "";
      position: absolute;
      inset: 0;
      padding: 1px; /* border thickness */
      border-radius: inherit;
      background: linear-gradient(45deg, rgba(255, 255, 255, 1), rgba(5, 0, 17, 0.45), rgba(239, 239, 239, 1));
      -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
              mask-composite: exclude;
      z-index: -1;
    }
  
  @media (max-width: 767.98px) {
    .timeline::after {
      left: 90px;
    }
  
    .container_wrap {
      width: 100%;
      padding-left: 120px;
      padding-right: 30px;
    }
  
    .container_wrap.right {
      left: 0%;
    }
  
    .container_wrap.left::after, 
    .container_wrap.right::after {
      left: 82px;
    }
  
    .container_wrap.left::before,
    .container_wrap.right::before {
      left: 100px;
      border-color: transparent rgba(255, 255, 255, 0.7) transparent transparent;
    }
  
    .container_wrap.left .date,
    .container_wrap.right .date {
      right: auto;
      left: 15px;
    }
  
    .container_wrap.left .icon,
    .container_wrap.right .icon {
      right: auto;
      left: 146px;
    }
  
    .container_wrap.left .content,
    .container_wrap.right .content {
      padding: 30px 30px 30px 90px;
      border-radius: 500px 0 0 500px;
    }
  }
  .core_value_step {
      background-image: url(images/coreValueBg.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
      padding-top: 30px;
      margin-top: 30px;
      padding-bottom: 30px;
      scroll-margin-top: 120px;
  }
  .core_value_step .innovation_text {
    margin-bottom: 20px;
  }
  .pricing_plan_holder {
    padding-top: 40px;
    padding-bottom: 30px;
    background-color: rgba(1, 5, 17, 1);
    scroll-margin-top: 120px;
  }
  .enterprise_holder {
    margin-top: 20px;
    padding: 20px;
    border-radius: 13px;
    cursor: pointer;
    background-image: linear-gradient(to bottom, rgba(22, 56, 98, 1), rgba(31, 80, 141, 1));
  }
  .enterprise_holder:hover {
    transform: translateY(-8px); /* smooth lift */
  box-shadow: 0 8px 25px rgba(22, 56, 98, 1); /* glowing shadow */
  /* background: linear-gradient(180deg, rgba(22, 56, 98, 0.9), rgba(14, 18, 24, 0.9)); */
  }
  .professional_plan_holder {
    position: relative;
    cursor: pointer;
  }
  .professional_plan_holder:hover {
    transform: translateY(-8px); /* smooth lift */
    box-shadow: 0 8px 25px rgba(8, 132, 148, 1);  /* glowing shadow */
  }
  .professional_plan_holder::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px; /* border thickness */
    border-radius: inherit;
    background: linear-gradient(45deg, rgba(255, 255, 255, 1), rgba(15, 178, 199, 1));
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    z-index: -1;
  }
  .professional_plan_holder {
    background: rgb(8, 132, 148);
    backdrop-filter: blur(25px);
    margin-top: 20px;
    padding: 20px;
    border-radius: 13px;
    /* background-image: linear-gradient(to bottom, rgba(22, 56, 98, 1), rgba(31, 80, 141, 1)); */
  }
  .starter_plan {
    background: #203699;
    backdrop-filter: blur(25px);
    margin-top: 20px;
    padding: 20px;
    border-radius: 13px;
  }
  .starter_plan .enterprise_listing_holder{
    background-color: #3f55b9;
    border-radius: 13px;
    padding: 20px;
    margin-top: 10px;
    max-height: 335px;
    min-height: 335px;
  }
  .starter_plan .apply_now_button {
    font-weight: 700;
    padding: 14px 25px;
    font-size: 17px;
    color: #fff;
    background-image: linear-gradient(to left, #3f53ad, #233586);
    /* background-color: rgba(87, 87, 87, 1) !important; */
    border: 0.75px solid;
    border-radius: 13px;
    text-align: center;
    width: 100%;
    border: none;
    margin-top: 10px;
    box-shadow: 0px 4px 8px 0px rgba(101, 92, 128, 0.3);
  }
  .starter_plan:hover {
    transform: translateY(-8px); /* smooth lift */
    box-shadow: 0 8px 25px rgba(22, 56, 98, 1); 
  }
  .professional_plan_holder .enterprise_listing_holder{
    background-color: rgb(26, 161, 179);
    border-radius: 13px;
    padding: 20px;
    margin-top: 10px;
    max-height: 335px;
    min-height: 335px;
  }
  .pricing_plan_wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Creates 3 equal-width columns */
    gap: 20px; /* Adds spacing between cards */
  }
  .apply_button_holder {
    position: relative;
    background: transparent;
    padding: 20px;
    border-radius: 13px;
    z-index: 0;
  }
  .professional_plan_holder .apply_now_button {
    font-weight: 700;
    padding: 14px 25px;
    font-size: 17px;
    color: #fff;
    background-image: linear-gradient(to left, rgba(15, 178, 199, 1), rgba(22, 56, 98, 1));
    /* background-color: rgba(87, 87, 87, 1) !important; */
    border: 0.75px solid;
    border-radius: 13px;
    text-align: center;
    width: 100%;
    border: none;
    margin-top: 10px;
    box-shadow: 0px 4px 8px 0px rgba(101, 92, 128, 0.3);
  }
  .enterprise_holder .apply_now_button {
    font-weight: 700;
    padding: 14px 25px;
    border: none !important;
    font-size: 17px;
    color: #fff;
    background-image: linear-gradient(to left, rgb(68, 112, 167), rgb(20, 69, 128));
    border: 0.75px solid;
    border-radius: 13px;
    text-align: center;
    width: 100%;
    margin-top: 10px;
    box-shadow: 0px 4px 8px 0px rgba(101, 92, 128, 0.3);
  }
  .enterprise_holder h3 {
    font-size: 24px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
  }
  .professional_plan_holder h3 {
    font-size: 24px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
  }
  .starter_plan h3 {
    font-size: 24px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
  }
  .enterprise_holder p {
    font-size: 16px;
    font-weight: 400;
    color: rgba(217, 217, 217, 1);
  }
  .enterprise_listing_holder {
    background-color: rgba(40, 86, 144, 1);
    border-radius: 13px;
    padding: 20px;
    margin-top: 10px;
    max-height: 335px;
    min-height: 335px;
  }
  .pricing_plan_holder .pricing_plan {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .pricing_plan_holder .pricing_plan_wrap p {
    font-size: 18px;
    font-weight: 400;
    color: rgba(217, 217, 217, 1);
  }
 .enterprise_listing_holder .list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
  }
  .enterprise_listing_holder .header {
    margin-bottom: 8px;
  }
  
 .enterprise_listing_holder .list li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
  }
  
 .enterprise_listing_holder .check {
    color: rgba(255, 255, 255, 1);
    margin-right: 10px;
    font-size: 18px;
  }
  
 .enterprise_listing_holder .list li:last-child {
    margin-bottom: 0;
  }
.startohub_account_holder {
  background-image: url(images/Frame.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 11px;
  margin-top: 15px;
}
.startohub_account_holder p {
  color: rgba(255, 255, 255, 1);
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  margin-top: 0 !important;
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.client_testimonial {
  background-image: url(images/testimonialBg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 30px;
  margin-top: 30px;
  padding-bottom: 30px;
}
.testimonial_holder {
  display: grid;
  grid-template-columns: 260px 2fr;
  gap: 15px;
  margin-top: 30px;
}
.testimonial_holder img {
  height: 100%;
  width: 100%;
}
.testimonial_text {
  background-color: rgba(255, 255, 255, 0.07);
  border-radius: 13px;
  padding: 25px;
}
.testimonial_text p {
  color: rgba(217, 217, 217, 1);
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 18px;
}
.testimonial_text h4 {
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 3px;
}
.testimonial_text span {
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  font-weight: 700;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  background: linear-gradient(90deg, rgba(136, 143, 148, 1) 0%, rgba(255,255,255,1) 51%, rgba(136, 143, 148, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.contact_us {
  background-image: url(images/contactBg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 30px;
  /* margin-top: 30px; */
  padding-bottom: 30px;
  scroll-margin-top: 120px;
}
.contact_us_holder {
  /* display: grid;
  grid-template-columns: 1fr;
  gap: 15px; */
  text-align: center;
  margin-top: 30px;
  /* place-items: center; */
}
.contact_us_holder h3 {
  color: rgba(255, 255, 255, 1);
  font-size: 48px;
  font-weight: 400;
}
.contact_us_holder p {
  color: rgba(217, 217, 217, 1);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 40px;
  text-align: center;
}
.contact_us_holder span {
  color: rgba(217, 217, 217, 1);
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.location_details {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  color: rgba(217, 217, 217, 1);
  font-size: 14px;
  font-weight: 400;
}
.location_details .mail_text {
  color: rgba(217, 217, 217, 1) !important;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
}
.location_details div {
  display: flex;
  align-items: center;
  gap: 5px;
}
.resource_holder {
  padding-top: 40px;
padding-bottom: 40px;
background-color: rgba(1, 5, 17, 1);
}
.resource_holder .innovation_text {
  text-align: left;
  margin-bottom: 20px;
}
.resource_holder .innovation_text p {
  color: rgba(217, 217, 217, 1);
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  margin-top: 10px;
}
.resource_insights_holder {
  position: relative;
  /* width: 900px; */
  height: 500px;
}

.resource_insights_card {
  position: absolute;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 14px 18px;
  font-size: 14px;
  color: #d4d8e0;
  max-width: 300px;
  line-height: 1.4;
  backdrop-filter: blur(8px);
  cursor: pointer;
}
.resource_insights_card:hover {
  border-color: rgba(22, 56, 98, 1);
  border-radius: 8px;
  box-shadow: 0 0 5px 1px rgba(15, 178, 199, 0.5), 
  0 0 10px 2px rgba(22, 56, 98, 0.4);;
  /* box-shadow: 0 0 5px 1px rgba(15, 178, 199, 1), 0 0 10px 2px rgba(22, 56, 98, 1); */
}

/* Positioning the cards like in the image */
.top-right { top: 0; color:rgba(255, 255, 255, 1); right: 0;   font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.mid-right { top: 93px; color:rgba(255, 255, 255, 1); right: 224px;   font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.quote { top: 179px; right: 487px;
  color:rgba(255, 255, 255, 1); font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.mid-left { top: 294px; left: 137px; color:rgba(255, 255, 255, 1); font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.bottom-left { top: 389px;; left: 325px; color:rgba(255, 255, 255, 1); font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.bottom-right { bottom: -25px; right: 259px; color:rgba(255, 255, 255, 1); font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;}

/* Central text block */
.text-block {
  position: absolute;
  top: 229px;
  right: 109px;
  width: 280px;
  font-size: 15px;
  line-height: 1.6;
  color: #c6c9d3;
}
.form-container {
  background: #fff;
  padding: 30px 30px;
  border-radius: 16px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  /* width: 400px;
  max-width: 90%; */
}

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

.form-row {
  display: flex;
  gap: 16px;
}

.form-group {
  display: flex;
  flex-direction: column;
  flex: 1;
}

label {
  font-size: 12px;
  font-weight: 500;
  color: rgba(26, 26, 26, 1);
  margin-bottom: 6px;
}

input,
select {
  border: 1px solid rgba(189, 189, 189, 1);
  background-color: rgba(248, 248, 248, 1);
  border-radius: 99px;
  padding: 10px 16px;
  font-size: 14px;
  outline: none;
  transition: all 0.2s ease;
  font-size: 12px;
  font-weight: 500;
  color: rgba(136, 136, 136, 1);
}

input:focus,
select:focus {
  border-color: #0078ff;
  box-shadow: 0 0 0 3px rgba(0, 120, 255, 0.15);
}

.btn-submit {
  margin-top: 10px;
  padding: 14px;
  border: none;
  border-radius: 13px;
  background: linear-gradient(to bottom, rgba(22, 56, 98, 1), rgba(15, 178, 199, 1)) !important;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  cursor: pointer;
  font-weight: 600;
  transition: 0.3s ease;
}

.btn-submit:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}
.expert_button_holder:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
.request_demo_holder {
  display: inline-block;
  padding: 1.5px;
  border-radius: 15px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(15, 178, 199, 1));
}
.request_demo_holder:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
.request_demo_gradient_btn {
  position: relative;
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  font-weight: 600;
  padding: 14px 25px;
  font-size: 16px;
  color: #fff;
  /* background: rgb(0, 0, 0, 0.8) !important; */
  background-image: linear-gradient(to bottom, #163862, #0FB2C7);
  border: none !important;
  margin-left: 0 !important;
  border-radius: 13px;
  text-align: center;
  overflow: hidden;
  box-shadow: 0px 4px 8px 0px rgba(101, 92, 128, 0.3); /* 👈 your shadow */
  /* transition: box-shadow 0.3s ease; */
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.expert_button_holder {
  display: inline-block;
  padding: 1.5px;
  border-radius: 15px;
  background: linear-gradient(to right, rgba(15, 178, 199, 1), rgba(255, 255, 255, 1), rgba(15, 178, 199, 1));
}
.expert_button {
  position: relative;
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  font-weight: 600;
  padding: 14px 25px;
  font-size: 16px;
  color: #fff;
  background: rgb(24, 45, 71) !important;
  border: none !important;
  margin-left: 0 !important;
  border-radius: 13px;
  text-align: center;
  overflow: hidden;
}
.slide-down {
  opacity: 0;
  transform: translateY(-30px); /* starts higher (top) */
  animation: slideDown 0.9s ease-out forwards;
  animation-delay: 0.2s; /* optional */
}

@keyframes slideDown {
  to {
    opacity: 1;
    transform: translateY(0); /* lands at normal position */
  }
}
.slide-down-on-scroll {
  opacity: 0;
  transform: translateY(-40px);
  transition: all 0.8s ease-out;
}

/* when visible */
.slide-down-on-scroll.visible {
  opacity: 1;
  transform: translateY(0);
}
.platform_wrap .top_heading_holder{
height: 67px;
}
.footer_container_holder {
  padding: 13px;
  background-color: rgba(1, 5, 17, 1);
}
.footer_holder {
  justify-content: space-between;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: rgba(217, 217, 217, 1);
  font-weight: 400;
}
.footer_items {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 16px;
  color: rgba(217, 217, 217, 1);
  font-weight: 400;
  cursor: pointer;
}


/* Responsive: Mobile view */
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (max-width: 768px) {
  .header_container {
    padding: 0 15px;
  }
  .banner-holder {
    flex-direction: column;
    gap: 25px;
  }
  .innovation_holder .innovation_img_wrap {
    flex-direction: column;
    gap: 50px;
  }
  .sub_hero_banner_area.sub_inner_hero_banner_holder .content_block {
    width: 100% !important;
  }
  .contact_us_holder  {
    grid-template-columns: 1fr;
    gap: 30px;

  }
  .pricing_plan_holder .pricing_plan {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
  }
  .pricing_plan_wrap {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .startup_holder_wrap {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .testimonial_holder {
    grid-template-columns: 1fr;
    gap: 25px
  }
  .two_cards_flex_holder, .four_cards_flex_holder {
    gap: 24px;
    flex-direction: column;
  }
  .platform_feature_holder .glass_card_outer_holder {
    width: 100%;
  }
  .three_cards_flex_holder, .four_cards_flex_holder {
    gap: 24px;
    flex-direction: column;
  }
  .solution_startohub_holder .glass_card_outer_holder {
    width: 100%;
  }
  .two_cards_flex_holder .glass_card_outer_holder {
    width: 100%;
  }
  .four_cards_flex_holder .glass_card_outer_holder {
    width: 100%;
  }
  .contact_us_holder {
    /* place-items: start; */
    place-items: center;
  }
  .contact_us_holder p {
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    max-width: 350px;
    margin-top: 20px;
  }
  .location_details {
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
  }
  .location_details .mail_text {
    color: rgba(217, 217, 217, 1) !important;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
  }
  .form-row {
    display: flex;
    gap: 16px;
    flex-direction: column;
  }
  .form-container {
    width: 100%;
  }
  .core_value_step .container_wrap {
    width: 100%;
    cursor: pointer;
}

.footer_holder {
  flex-direction: column;
  gap: 15px;
}
  .timeline::after {
    left: 90px;
  }
  .container_wrap::before {
    content: none; /* Removes the pseudo-element */
    display: none; /* Optional, ensures it doesn't render */
  }
  .core_value_step .timeline::before {
    content: none; /* Removes the pseudo-element */
    display: none;
  }
  .core_value_step .timeline::after {
    content: none; /* Removes the pseudo-element */
    display: none;
  }
  .container_wrap.left .content, .container_wrap.right .content {
    padding: 30px 30px 30px 30px;
    border-radius: 13px !important;
  }
  .container_wrap::after {
    content: none; /* Removes the pseudo-element */
    display: none;
  }

  .container_wrap {
    width: 100%;
    padding-left: 120px;
    padding-right: 30px;
  }
  .container_wrap.right .content {
    padding: 30px 30px 30px 30px;
  }

  .container_wrap.right {
    left: 0%;
  }

  .container_wrap.left::after, 
  .container_wrap.right::after {
    left: 82px;
  }

  .container_wrap.left::before,
  .container_wrap.right::before {
    left: 100px;
    border-color: transparent rgba(255, 255, 255, 0.7) transparent transparent;
  }

  .container_wrap.left .date,
  .container_wrap.right .date {
    right: auto;
    left: 15px;
  }

  .container_wrap.left .icon,
  .container_wrap.right .icon {
    right: auto;
    left: 146px;
  }
  .resource_holder {
    padding-bottom: 90px;
  }
  .top-right {
    left: 10%;
  }
  .mid-right {
    left: 10%;
    right: 0;
  }
  .menu_lists_holder svg path {
      stroke: rgba(7, 29, 57, 1); /* new color on mobile */
  }
  .header_nav_holder ul.menu_lists_holder li a .gradient_btn {
    color: white !important;
  }

  .quote {
    top: 179px;
    right: 0;
    left: 10%;
  }
  .mid-left {
    top: 284px;
    left: 10%;
  }
  .bottom-right {
    bottom: -25px;
    left: 10%;
    right: 0;
  }
  .bottom-left {
    top: 389px;
    left: 10%;
  }
  .text-block {
    top: 107%;
    left: 10%;
    right: 0;
  }
  .hamburger {
    display: flex; /* show hamburger */
  }
  .logo_holder img {
    height: 50px;
  }
  .innovation_img_wrap img {
    height: 100%;
    width: unset;
  }
  .header_nav_holder ul.menu_lists_holder li a {
    font-size: 16px;
    color: #061931 !important;
    font-weight: 400;
}
header .header_nav_holder ul.menu_lists_holder li .gradient_btn {
  color: #fff !important;
}
.header_nav_holder ul.menu_lists_holder {
  width: 100% !important;
}

  .menu_lists_holder {
    display: none !important; /* hide menu by default */
    flex-direction: column;
    background-color: white; /* adjust to match your theme */
    /* position: absolute; */
    color: #061931 !important;
    position: fixed; /* FIX: show over everything */
    top: 80px;
    height: fit-content;
    right: 0;
    width: 100%;
    padding: 15px 0;
    z-index: 1500;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  }

  .menu_lists_holder.show {
    display: block !important; /* show menu on click */
  }
  .menu_lists_holder.hidden {
    display: none !important; /* show menu on click */
  }

  .menu_lists_holder li {
    text-align: center;
    padding: 10px 0;
  }
  .container {
    max-width: 720px;
  }
}

  @media (min-width: 992px) {
    .container {
      max-width: 960px;
    }
  }
  
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px;
    }
  }
  
  @media (min-width: 1400px) {
    .container {
      max-width: 1320px;
    }
  }