@font-face {
   font-family: 'BlackerProDisplay';
   src: url('../fonts/blacker-pro-display/zetafonts-blacker-pro-display-medium-italic.woff') format('opentype');
   font-weight: 500;
   /* Use 500 for medium */
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Oooh Baby';
   src: url('../fonts/oooh-baby-cufonfonts/OoohBaby-Regular.woff') format('opentype');
   font-weight: 500;
   /* Use 500 for medium */
   font-style: normal;
   font-display: swap;
 }

 .custom-container {
   width: calc(100vw - 160px);
   /* 80px on each side */
   max-width: 1440px;
   margin-left: auto;
   margin-right: auto;
   box-sizing: border-box;
 }


 .text-box {
   max-width: 728px;
   height: auto;
   /* Keep height flexible for responsiveness */
 }

 .image-custom {
   max-width: 552px;
   height: auto;
   /* Maintain aspect ratio */
 }

 @media (max-width: 992px) {

   /* On smaller screens, allow full width */
   .text-box,
   .image-custom {
     max-width: 100%;
   }
 }

 @media (max-width: 768px) {

   .text-box,
   .image-custom {
     padding: 20px;
   }
 }

 .header {
   background-color: #560834 !important;
   position: sticky;
   position: -webkit-sticky;
   top: 0;
   left: 0;
   height: 80px;
   padding: 0 27px;
   z-index: 9999;
 }

 .navbar-expand-lg .navbar-nav {
   gap: 30px;
 }

 .navbar-toggler-icon {
   background-image: url(../assets/images/header_bar.webp);
   width: 43.3px;
   height: 20px;

 }

 .navbar-brand img {
   width: 100%;
   height: 46px;
   object-fit: cover;
 }

 .navbar-expand-lg .navbar-collapse {

   justify-content: center;
 }

 .navbar-nav .nav-link {
   position: relative;
   font-family: Montserrat;
   font-size: 16px;
   font-weight: 500;
   font-stretch: normal;
   font-style: normal;
   line-height: normal;
   letter-spacing: normal;
   text-align: center;
   color: #fff;
   text-transform: uppercase;
   transition: all 0.3s ease;
 }

 .navbar-nav .nav-link.active {
   color: #e2b792;
 }

 /* .navbar-nav .menu-item.active .nav-link{
   color: #e2b792;
 } */

 .navbar-toggler {
   border: none;
 }

 .navbar-toggler:focus {
   outline: none;
   box-shadow: none;
 }

 .footer {
   background-color: #560834;
   background-image: url('../assets/images/footer_bg_dec.webp');
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   height: 100%;
   max-height: auto;
 }

 .footer_div {
   margin: 58px auto 72px auto;

 }

 .footer img {
   width: 144.3px;
   height: 50px;
 }

 .footer-links {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 50px;
   margin-top: 64px;
 }

 .footer-link {
   font-family: Montserrat;
   font-size: 16px;
   font-weight: 500;
   font-stretch: normal;
   font-style: normal;
   line-height: normal;
   letter-spacing: normal;
   text-align: center;
   color: #fff;
   text-transform: uppercase;
   text-decoration: none;
 }

 .footer .copyright_div {
   -webkit-backdrop-filter: blur(15.2px);
   backdrop-filter: blur(15.2px);
   background-color: rgba(255, 255, 255, 0.3);
 }

 .footer .copyright_div span {
   font-family: Montserrat;
   font-size: 16px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.88;
   letter-spacing: normal;
   text-align: left;
   color: #fff;
 }

 /* home setion */
 .home_section {
   height: 100%;
   width: 100%;
 }

 .home_contents_div {
   display: flex;
   flex-wrap: no-wrap;
   justify-content: center;
   align-items: center;
 }


 .home_left-content {
   background-color: #f4eef2;
   border-top: 15px solid #560834;
   width: 60%;
   justify-self: flex-end;
   margin-top: auto;
   align-content: center;
   padding: 20px 40px;
   height: 70vh;
 }

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


 .home_left-content .border_img {
   width: 30%;
   height: auto;
 }

 .home_left-content h2 {
   font-family: BlackerProDisplay;
   font-size: 38px;
   font-weight: 500;
   font-stretch: normal;
   font-style: italic;
   line-height: 1.15;
   letter-spacing: normal;
   text-align: center;
   color: #560834;
 }

 .home_left-content p {
   font-family: Montserrat;
   font-size: 18px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.5;
   letter-spacing: normal;
   text-align: center;
   color: #102638;
   /* max-width: 88%; */
   margin: auto;
 }

 .home_right-content {
   width: 40%;
   height: 80vh;
 }

 .home_right-content .home_video.dec {
   height: 100%;
   width: 100%;
   object-fit: cover;
   display: block;
 }

 .home_left-content .home_video.mob {
   display: none;
 }

 /* mission vision section */

 .mission_vision_section {
   height: 100%;
   padding: 50px 0 60px 0;
 }

 .mission_vision_image_hover {
   width: 100%;
   overflow: hidden;
   height: 100%;
   max-height: 310px;
   position: relative;
 }

 .mission_vision_image_hover::after {
   content: '';
   position: absolute;
   top: 0;
   left: -20%;
   width: 10%;
   height: 100%;
   background: linear-gradient(120deg,
       rgba(255, 255, 255, 0.438) 0%,
       rgba(255, 255, 255, 0.409) 50%,
       rgba(255, 255, 255, 0.265) 100%);
   transform: skewX(25deg);
   filter: blur(15px);

   /* Add the transition here to apply it both on hover and hover out */
   transition: left 1.4s ease;
 }

 .mission_vision_image_hover:hover::after {
   left: 130%;
   /* Move shine to right on hover */
 }

 .mission {
   width: 100%;
   height: 100%;
   overflow: hidden;
   cursor: pointer;
   position: relative;
   padding: 10px 0 0 0;
   display: inline-block;
 }

 .mission_boder::before {
   content: '';
   position: absolute;
   top: -10px;
   left: 0;
   width: 50%;
   height: 70%;
   background-color: #d9a57d;
   z-index: -1;
 }

 .mission_boder.reverse::before {
   left: auto;
   right: 0.5%;
   bottom: -10px;
   top: auto;
 }

 .mission_bg {
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   overflow: hidden;
   width: 515px;
   height: 300px;
   transition: transform 1.4s ease-in-out;
 }

 .vision {
   width: 100%;
   height: 100%;
   overflow: hidden;
   cursor: pointer;
   position: relative;
   padding: 12px 3px;
 }

 .vision_boder::before {
   content: '';
   position: absolute;
   right: 7.5%;
   bottom: 0;
   width: 30%;
   height: 50%;
   background-color: #d9a57d;
   z-index: -1;
 }

 .vision_bg {
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   width: 515px;
   height: 300px;
   transition: transform 1.4s ease-in-out;
 }

 .mission_boder {
   position: relative;
 }

 .mission_boder:hover .mission_bg,
 .vision_boder:hover .vision_bg {
   transform: scale(1.5);
 }

 .dec_title {
   display: block;
 }

 .mob_title {
   display: none;
 }

 .mission_vision_section h2 {
   font-family: Vollkorn;
   font-size: 28px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.4;
   letter-spacing: 0.56px;
   text-align: left;
   color: #102638;
   margin-bottom: 15px;
   text-transform: uppercase;
 }

 .mission_vision_content {
   align-content: center;
 }

 .mission_vision_section p {
   font-family: Montserrat;
   font-size: 18px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.5;
   letter-spacing: normal;
   text-align: left;
   color: #102638;
   margin: 0;
 }

 /* value section */

 .value_section {
   padding: 50px 20px;
   text-align: center;
   background-color: #eee6eb;
 }

 .value_section h2 {
   font-family: Vollkorn;
   font-size: 28px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.4;
   letter-spacing: 0.56px;
   text-align: center;
   color: #102638;
   margin-bottom: 30px;
 }

 .value-card {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
 }

 .value-icon img {
   object-fit: cover;
   width: 80px;
   height: 80px;
 }

 .value-icon {
   background-image: url('../assets/images/value_bg.webp');
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
   width: 151px;
   height: 151px;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 20px;
 }

 .value-title {
   font-family: Montserrat;
   font-size: 18px;
   font-weight: 600;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.5;
   letter-spacing: normal;
   text-align: center;
   color: #102638;
   margin-bottom: 6px;
 }

 .value-text {
   font-family: Montserrat;
   font-size: 18px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.5;
   letter-spacing: normal;
   text-align: center;
   color: #102638;
   width: 75%;
   margin: auto;
 }


 /* timeline section */
 .timeline_section {
   text-align: center;
   padding: 60px 0;
 }

 .timeline-title {
   font-family: Vollkorn;
   font-size: 28px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.4;
   letter-spacing: 0.56px;
   text-align: center;
   color: #102638;
   margin-bottom: 50px;
 }

 .timeline {
   position: relative;
   width: 100%;
   margin: 0 auto;
   margin-bottom: 100px;
 }

 .dec {
   display: block;
 }

 .mob {
   display: none;
 }

 .timeline-line {
   width: 100%;
   height: auto;
 }

 .timeline-event {
   position: absolute;
   text-align: center;
   transform: translateX(-50%);
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
   flex-direction: column;

 }

 .timeline-event img {
   width: 78.3px;
   height: 81px;
 }

 .timeline-year {
   -webkit-text-stroke: 1px #560834;
   font-family: 'Oooh Baby', cursive;
   font-size: 55px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.4;
   letter-spacing: 1.1px;
   text-align: left;
   color: #560834;
   margin-top: 10px;
 }

 .timeline-year.soon {
   text-wrap: nowrap;
   font-size: 24px;
 }

 .timeline-event.event-4 {
   align-items: center;
 }

 .timeline-label {
   font-family: Montserrat;
   font-size: 18px;
   font-weight: 500;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.5;
   letter-spacing: normal;
   text-align: left;
   color: #102638;
   width: 100%;
   margin-right: 52px;
 }

 .timeline-event {
   opacity: 0;
 }

 .timeline-event.visible {
   animation: visible 1s ease forwards;
 }

 .event-2.visible {
   animation-delay: 0.8s;
 }

 .event-3.visible {
   animation-delay: 1.6s;
 }

 .event-4.visible {
   animation-delay: 2.4s;
 }

 @keyframes visible {
   to {
     opacity: 1;
   }
 }

 /* Positioning events manually */
 .event-1 {
   top: 62%;
   left: 22%;
 }

 .event-2 {
   top: 35%;
   left: 45%;
 }

 .event-3 {
   top: 2%;
   left: 70%;
 }

 .event-4 {
   top: 40%;
   left: 90%;
 }

 /* md section */
 .md_message_section {
   background-image: url('../assets/images/medha_bg.webp');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   width: 100%;
   color: #fff;
   height: auto;
   padding: 80px 20px;
   max-height: 100%;
 }

 .md-img {
   max-width: 338px;
   object-fit: cover;
 }

 .md-title {
   font-family: Vollkorn;
   font-size: 28px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.4;
   letter-spacing: 0.56px;
   text-align: left;
   color: #fff;
   margin-bottom: 20px;
 }

 .md-text {
   font-family: Montserrat;
   font-size: 18px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.5;
   letter-spacing: normal;
   text-align: left;
   color: #fff;
 }

 .md-signature {
   font-family: 'Oooh Baby', cursive;
   font-size: 36px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 0.75;
   letter-spacing: normal;
   text-align: left;
   color: #fff;
   margin-top: 27px;
   display: block;
 }

 /* company card section */
 .company_card_section {
   height: auto;
   background-color: #ffffff;
   margin: 60px auto;
 }

 .company_card {
   position: relative;
   width: 100%;
   height: 345px;
   overflow: hidden;
   cursor: pointer;
 }

 .company_card::before {
   content: "";
   position: absolute;
   top: 20px;
   bottom: 20px;
   left: 20px;
   right: 20px;
   border: 2px solid rgba(255, 255, 255, 0.5);
   pointer-events: none;
   z-index: 3;
 }

 .company_card_swiper-wrapper {
   gap: 40px;
   justify-content: center;

 }

 .company_card_section .company_card {
   min-height: 315px;
   flex-shrink: 1;
 }

 .company_card:hover .company_card-bg {
   transform: scale(1.5);
 }

 .company_card-bg {
   width: 100%;
   height: 100%;
   min-height: 315px;
   background-size: cover;
   background-position: center;
   transition: transform 1s ease-in-out;
   filter: blur(2px);
 }

 .company_card-bg.one {
   background-image: url('../assets/images/card_one.webp');
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
 }

 .company_card-bg.two {
   background-image: url('../assets/images/card_two.webp');
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
 }

 .company_card-bg.three {
   background-image: url('../assets/images/card_thr.webp');
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
 }

 .company_card-content {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   text-align: center;
   z-index: 2;
   width: 100%;
 }

 .company_card-content p {
   font-family: Montserrat;
   font-size: 18px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.5;
   letter-spacing: normal;
   text-align: center;
   color: #fff;
   width: 80%;
   margin: auto;
 }

 .brand-logo {
   max-height: 95px;
   width: 50%;
   object-fit: contain;
   margin-bottom: 10px;
 }

 @media (min-width: 1240px) and (max-width: 1420px) {

   .home_left-content {
     padding: 20px 40px;
     height: 85vh;
   }

   .home_left-content-div {
     gap: 10px;
   }

   .home_right-content {
     height: 95vh;
   }
 }

 @media (max-width: 900px) {

   .header {
     background-color: #560834 !important;
     position: sticky;
     position: -webkit-sticky;
     top: 0;
     left: 0;
     height: 100%;
     padding: 3px 20px;
     z-index: 9999;
   }

   .navbar-brand img {
     width: 100%;
     height: 30px;
     object-fit: cover;
   }

   .navbar-nav {
     margin: 50px auto;
   }

   .navbar-nav .nav-link {
     font-size: 14px;
     text-align: left;
   }

   .navbar-expand-lg .navbar-nav {
     gap: 30px;
   }

   /* Custom Hamburger Icon */
   #nav-icon1 {
     width: 28px;
     height: 25px;
     position: relative;
     cursor: pointer;
     display: inline-block;
   }

   #nav-icon1 span {
     display: block;
     position: absolute;
     height: 2px;
     width: 100%;
     background: #fff;
     /* You can change color here */
     border-radius: 4px;
     opacity: 1;
     left: 0;
     transition: all 0.25s ease-in-out;
   }

   #nav-icon1 span:nth-child(1) {
     top: 3px;
   }

   #nav-icon1 span:nth-child(2),
   #nav-icon1 span:nth-child(3) {
     top: 12px;
   }

   #nav-icon1 span:nth-child(4) {
     top: 21px;
   }

   #nav-icon1.open span:nth-child(1) {
     top: 12px;
     width: 0%;
     left: 50%;
   }

   #nav-icon1.open span:nth-child(2) {
     transform: rotate(45deg);
   }

   #nav-icon1.open span:nth-child(3) {
     transform: rotate(-45deg);
   }

   #nav-icon1.open span:nth-child(4) {
     top: 12px;
     width: 0%;
     left: 50%;
   }
 }

 @media (max-width: 900px) {
   .footer {
     background-color: #560834;
     background-image: url('../assets/images/footer_bg_mob.webp');
     background-size: cover;
   }

   .footer_div {
     margin: 54px auto 55px auto;
   }

   .footer img {
     width: 99px;
     height: 34px;
   }

   .footer-links {
     flex-direction: column;
     gap: 24px;
     margin-top: 40px;
   }

   .footer-link {
     font-size: 14px;
     font-weight: normal;
   }

   .footer .copyright_div span {
     font-size: 13px;
     line-height: 2.31;
   }
 }

 /* 
  @media (max-width: 1640px) {

  .home_left-content h2 {
     font-size: 36px;
     line-height: 1.18;
   }

   .home_left-content p {
     font-size: 13px;
     line-height: 1.9;
   }
  }

 @media (max-width: 1440px) {

  .home_left-content h2 {
     font-size: 33px;
     line-height: 1.18;
   }

   .home_left-content p {
     font-size: 13px;
     line-height: 1.9;
   }
  } 


 @media (max-width: 1200px) {
   .home_left-content h2 {
     font-size: 27px;
   }

   .home_left-content p {
     font-size: 12px;
   }
 }

 @media (max-width: 1000px) {
   .home_left-content h2 {
     font-size: 25px;
     margin-bottom: 15px;
   }

   .home_left-content p {
     font-size: 10px;
   }
 } */

 @media (max-width: 1200px) {
   .home_left-content h2 {
     font-size: 32px;
     margin-bottom: 20px;
   }

   .home_left-content p {
     font-size: 16px;
   }
 }

 @media (max-width: 1000px) {
   .home_left-content h2 {
     font-size: 32px;
     margin-bottom: 20px;
   }

   .home_left-content p {
     font-size: 16px;
   }
 }

 @media (max-width: 900px) {
   .home_contents_div {
     flex-wrap: wrap-reverse;
   }

   .home_section .container {
     padding-right: calc(var(--bs-gutter-x) * .0) !important;
     padding-left: calc(var(--bs-gutter-x) * .0) !important;
   }

   .home_left-content-div {
     margin-top: 20px;
   }

   .home_left-content {
     border-top: 0px solid #560834;
     padding: 0 !important;
     width: 100%;
     height: auto;
   }

   .home_left-content h2 {
     font-size: 28px;
     line-height: 1.18;
     margin-bottom: 5px;
   }

   .home_left-content p {
     font-size: 14px;
     line-height: 1.5;
     margin-bottom: 30px;
     max-width: 80%;
   }

   .home_left-content .home_video.mob {
     width: 100%;
     height: 100%;
     max-height: 400px;
     object-fit: fill;
     padding: 0;
     margin: 0;
     display: block;
   }

   .home_right-content {
     display: none;
   }


   .value_section {
     padding: 25px 20px;
   }

   .value_section h2 {
     font-size: 20px;
     letter-spacing: 0.4px;
     margin-bottom: 20px;
   }

   .value-icon {
     width: 120px;
     height: 120px;
     font-size: 30px;
   }

   .value-icon img {
     width: 71.5px;
     height: 71.5px;
   }

   .value-title {
     font-size: 16px;
     line-height: 1.69;
     margin-bottom: 2px;
   }

   .value-text {
     font-size: 14px;
     line-height: 1.5;
     margin-bottom: 25px;
   }


   .md_message_section {
     background-image: url('../assets/images/medha_bg_mob.webp');
     background-size: cover;
     background-position: center;
     padding: 40px 20px;
     height: 100%;
   }

   .md-img {
     margin-bottom: 30px;
     max-width: 195px;
     object-fit: contain;
   }

   .md-title {
     font-family: Vollkorn;
     font-size: 20px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.4;
     letter-spacing: 0.56px;
     text-align: center;
     color: #fff;
     margin-bottom: 20px;
   }

   .md-text {
     font-size: 14px;
     text-align: center;
     max-width: 90%;
     margin: auto;
   }

   .md-signature {
     font-size: 24px;
     line-height: 1.13;
     text-align: center;
   }

   .company_card {
     width: 100%;
     min-height: 284.3px;
   }

   .company_card_swiper-wrapper {
     gap: 0;
     justify-content: flex-start;
   }

   .company_card-content {
     font-size: 14px;
     line-height: 2;
     text-align: center;
     width: 100%;
   }

   .company_card_section .swiper-slide {
     flex-shrink: 0;
   }

   .company_card_swiper_arrows {
     display: flex;
     justify-content: center;
     gap: 30px;
     position: relative;
     width: 100%;
     z-index: 44;
     height: 26.5px;
     margin: 15px 0;
   }

   .company_card_section .company_card_next,
   .company_card_prev {
     color: #000;
   }

   .company_card_section .company_card_prev {
     transform: rotate(-180deg);
   }

   .company_card_section .company_card_next {}

   .company_card_pagination-progressbar {
     position: relative !important;
     top: 0 !important;
     left: 0 !important;
     z-index: 60 !important;
     margin-top: 20px;
     height: 2px;
     width: 95%;
     margin: auto;
   }

   .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
     background: #000000 !important;

   }

   .brand-logo {
     max-height: 95px;
     width: 50%;
     object-fit: contain;
     margin-bottom: 10px;
   }

   .company_card_section .company_card_prev,
   .company_card_section .company_card_next {
     cursor: pointer;
     transition: all 0.3s ease-in-out;
     opacity: 1;
   }

   .company_card_section .company_card_prev.swiper-button-disabled,
   .company_card_section .company_card_next.swiper-button-disabled {
     opacity: 0.3;
     /* fade when disabled */
     cursor: not-allowed;
     /* show disabled cursor */
     pointer-events: none;
     /* prevent clicks */
   }
 }

 @media (max-width: 768px) {

   .mission_vision_section {
     height: auto;
     padding: 40px 0;
   }

   .vision .row {
     flex-wrap: wrap-reverse;
   }

   .mission_vision_image_hover {
     min-height: 203px;
   }

   .mission_vision_section h2 {
     font-size: 20px;
     letter-spacing: 0.4px;
     text-align: center;
     margin-bottom: 25px;
   }

   .mission_vision_section p {
     font-size: 14px;
     line-height: 1.5;
     text-align: center;
     margin: 20px auto 0 auto;
     max-width: 90%
   }

   .mission_p {
     padding-top: 0;
   }

   .mission_boder::before {
     top: -5% !important;
     left: 10%;
     width: 80%;
     height: 10%;
   }

   .mission_boder.reverse::before {
     right: 9.5%;
   }

   .vision_boder::before {
     top: 15%;
     left: 10%;
     width: 80%;
     height: 10%;
   }

   .timeline-event {
     margin-bottom: 40px;
     flex-direction: row;
   }

   .custom-container {
     width: calc(100vw - 0px);
   }

   .timeline {
     display: flex;
     flex-direction: column;
     align-items: center;
   }

   .dec {
     display: none;
   }

   .mob {
     display: block;
   }

   .timeline_section {
     padding: 40px 0;
   }

   .timeline-title {
     font-size: 20px;
     letter-spacing: 0.4px;
     margin-bottom: 20px;
   }

   .timeline {
     margin-bottom: 40px;
   }

   .timeline img {
     height: 409.6px;
     object-fit: contain;
   }

   .timeline-event {
     position: absolute;
     text-align: center;
     transform: translateX(-50%);
     display: flex;
     justify-content: space-around;
     align-items: flex-start;
     flex-direction: row;
     gap: 20px;
   }

   .timeline-event img {
     width: 40px;
     height: 41px;
   }

   .timeline-year {
     font-size: 18px;
     letter-spacing: 0.36px;
     text-align: center;
     margin-top: 10px;
   }

   .timeline-label {
     font-size: 12px;
     line-height: 1.25;
     text-align: center;
   }

   /* Positioning events manually */
   .event-1 {
     top: 0% !important;
     left: 63% !important;
   }

   .timeline-event.event-2 {
     flex-direction: row-reverse;
     gap: 0px;
   }

   .event-2 {
     top: 30% !important;
     left: 33% !important;
     right: 32%;
   }

   .event-3 {
     top: 60%;
     left: 50%;
     right: 50%;

   }

   .event-4 {
     top: 95%;
     left: 47%;
     right: 55%;
   }

   .timeline-year.soon {
     text-wrap: nowrap;
     font-size: 17px;
   }
 }

 @media (max-width: 425px) {
   .event-1 {
     top: 0% !important;
     left: 65% !important;
   }

   .event-2 {
     top: 30% !important;
     left: 23% !important;
     right: 30%;
   }

 }


 @media (max-width: 400px) {

   .company_card-content p {
     font-size: 14px;
     width: 66%;
   }
 }