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

@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica_1.eot');
  src: url('../fonts/Helvetica_1.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Helvetica_1.woff2') format('woff2'),
      url('../fonts/Helvetica_1.woff') format('woff'),
      url('../fonts/Helvetica_1.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Bold.eot');
  src: url('../fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Helvetica-Bold.woff2') format('woff2'),
      url('../fonts/Helvetica-Bold.woff') format('woff'),
      url('../fonts/Helvetica-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue.eot');
  src: url('../fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
      url('../fonts/HelveticaNeue.woff2') format('woff2'),
      url('../fonts/HelveticaNeue.woff') format('woff'),
      url('../fonts/HelveticaNeue.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-Medium.eot');
  src: url('../fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/HelveticaNeue-Medium.woff2') format('woff2'),
      url('../fonts/HelveticaNeue-Medium.woff') format('woff'),
      url('../fonts/HelveticaNeue-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-Bold.eot');
  src: url('../fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/HelveticaNeue-Bold.woff2') format('woff2'),
      url('../fonts/HelveticaNeue-Bold.woff') format('woff'),
      url('../fonts/HelveticaNeue-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'HelveticaNeue';
  src: url('../fonts/HelveticaNeueRegular.eot');
  src: url('../fonts/HelveticaNeueRegular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/HelveticaNeueRegular.woff2') format('woff2'),
      url('../fonts/HelveticaNeueRegular.woff') format('woff'),
      url('../fonts/HelveticaNeueRegular.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue Medium Extended';
  src: url('../fonts/HelveticaNeue-MediumExt.eot');
  src: url('../fonts/HelveticaNeue-MediumExt.eot?#iefix') format('embedded-opentype'),
      url('../fonts/HelveticaNeue-MediumExt.woff2') format('woff2'),
      url('../fonts/HelveticaNeue-MediumExt.woff') format('woff'),
      url('../fonts/HelveticaNeue-MediumExt.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


p{
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Helvetica Neue', sans-serif;
    color: #000;
}

p:last-child{
  margin-bottom: 0 !important;
}


.text_center{
	   text-align: center;
}


.solutions-intro{
       padding: 60px 0;
}
.solutions-intro .container{
    max-width: 1450px;
}
.hero-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 30px;
  margin-top: 25px;
}

.hero-slider .swiper-slide {
  position: relative;
  text-align: center;
  color: #fff;
}

.hero-slider .image-slide img {
  width: 100%;
  height: auto;
  display: block;
}

.hero-slider .video-slide {
  position: relative;
  width: 100%;
  height: 650px;
  overflow: hidden;
  border-radius: 8px;
}

.hero-slider .video-slide .video-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.hero-slider .video-slide iframe,
.hero-slider .video-slide video {
  width: 100%;
  height: 100%;
  border: none;
  object-fit: cover;
}

.hero-slider .video-slide .video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 0.9;
}

.hero-slider .video-slide .video-play-button:hover {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}

.hero-slider .video-slide .video-play-button svg {
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
}

.hero-slider .video-slide .resume-autoplay-indicator {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 10px 20px;
  border-radius: 25px;
  font-size: 14px;
  cursor: pointer;
  z-index: 15;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.hero-slider .video-slide .resume-autoplay-indicator:hover {
  background: rgba(0, 0, 0, 0.9);
}

/* Tab Navigation */
.tab-navigation {
    background: #E6E6E6;
    padding: 25px 0;
}

.tab-nav-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.tab-nav-item {
    color: #03427A;
    text-decoration: none;
    font-size:20px;
    font-weight: 500;
    border-radius: 5px;
    transition: all 0.3s ease;
    position: relative;
}


.tab-nav-item.active,.tab-nav-item:hover {
    color: #03427A;
    font-weight: bold;
}


  /* Responsive tab navigation - moved to organized media queries section */
  
  /* Responsive video slides - moved to organized media queries section */

.hero-slider .slide-caption {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0,0,0,0.5);
  padding: 1rem 2rem;
  border-radius: 8px;
}

.hero-slider .slide-caption h2 {
  margin: 0;
  font-size: 2rem;
}

.hero-slider .slide-caption p {
  margin: 0;
  font-size: 1rem;
}

.hero-slider .swiper-pagination{
          bottom: 40px !important; 
}

.hero-slider .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 8px) !important;
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 1);
    position: relative;
}

.hero-slider .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
  content: "";
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 100%;
    position: absolute;
    left: -4px;
    top: -4px;
}

.main_title{
    font-size: 50px;
    line-height: 55px;
    color: #03427A;
    font-weight: bold;
    margin-bottom: 10px;
}
.subtitle{
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #0067DF;
    margin-bottom: 15px;
}
.about-us-stats{
  padding: 50px 0 100px;
}

.section-badge{
  color: #0067DF;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  border-radius: 30px;
  background-color: #E7F0FC;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
}

.home_about{
  font-size: 26px;
  line-height: 39px;
  color: #03427A;
  font-weight: 400;
  margin-top: 25px;
}

.home_about span{
  font-weight: bold;
}

.stats-grid{
      width: 100%;
      display: flex;
        flex-wrap:wrap;
      margin-top: 30px;
}

.stat-box{
    width: 25%;
}

.stat-value{
     font-size: 80px;
     line-height: 90px;
     font-weight: bold;
     color: #111111;
}

.stat-value b{
   font-weight: bold;
   color: #0067DF;
}

.stat-label{
  width: 100%;
  display: block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: #03427A;
}


.business-slider {
  padding: 100px 0;
  background-color: #f5f5f5;
  text-align: center;
  position: relative;
}
.business-slider .frame_image{
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.business-slider .frame_image img{
   display: block;
}
.business-slider .container{
   max-width: 1200px;
}
.business-slider p{
  color:#000;
  font-size: 16px;
  line-height: 26px;
}
.business-slider__title {
  font-size: 2.2em;
  color: #003366;
  margin-bottom: 10px;
}

.business-slider__description {
  max-width: 700px;
  margin: 0 auto 40px;
  color: #555;
}

.business-swiper {
  position: relative;
  margin-top: 30px;
}

.arrow_white_prev,
.arrow_white_next{
          width: 55px !important;
          height: 55px !important;
          border: 1px solid #EDEDED;
          position: absolute;
          top: 50% !important;
          border-radius: 100%;
          background-color:#fff;
            background-repeat: no-repeat;
     background-position: center;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}

.arrow_white_prev:hover,
.arrow_white_next:hover{
     background-color: #004c9b;
}

.arrow_white_prev:hover{
     background-image: url(../images/swiper-prev-arrow-white.svg);
}

.arrow_white_next:hover{
     background-image: url(../images/swiper-next-arrow-white.svg);
}

.arrow_white_prev{
     left: -28px !important;
     background-image: url(../images/swiper-prev-arrow.svg);
   
}

.arrow_white_next{
      right: -28px !important;
       background-image: url(../images/swiper-next-arrow.svg);
}

.arrow_white_prev::after,
.arrow_white_next::after{
     display: none;
}

.swiper-slide.business-slide {
  display: flex;
  justify-content: center;
}

.business-card {
  border-radius: 20px;
  overflow: hidden;
  text-align: left;
  position: relative;
  width: 100%;
}

.business-card__image img {
  width: 100%;
  height: auto;
  display: block;
}

.business-card__content {
    padding: 20px;
    position: absolute;
    z-index: 1;
    bottom:15px;
    background: rgba(0, 50, 111, 0.57);
    backdrop-filter: blur(12.5px);
    width: 93%;
    margin: 0 auto;
    border-radius: 10px;
    left: 0;
    right: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.business-card__content::before{
     content: "";
     width: 24px;
     height: 24px;
     border: 1.5px solid #fff;
     border-radius: 100%;
     position: absolute;
     right: 20px;
     top: 0;
     bottom: 0;
     margin: auto;
     background-image: url(../images/bussiness-white-arrow.svg);
     background-repeat: no-repeat;
     background-position: center;
}

.business-card:hover .business-card__content::before{
     display: none;
}

.business-card__content_main{
      height: 0;
      opacity: 0;
      visibility: hidden;
      transition: height 0.3s ease-in-out;
      
}

.business-card:hover .business-card__content_main{
      height: 213px;
      opacity: 1;
      visibility: visible;
      padding-top: 20px;
}

.business-card__content h3{
      font-size: 24px;
      line-height: 30px;
      font-weight: 400;
      color: #fff;
      padding-right: 20px;
}

.business-card__content p{
      color: #fff;
}


.swiper-button-next,
.swiper-button-prev {
  color: #003366;
}

.hme_international{
     padding: 100px 0 50px;
}


.international-section {
  background-size: cover;
  background-position: center;
  min-height: 435px;
  border-radius: 30px;
  color: #fff;
  position: relative;
}

.international-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
 width: 100%;
  margin: 0 auto;
  flex-wrap: wrap;
}

.international-text {
    width:60%;
   padding: 30px 20px 0 50px;
   box-sizing: border-box;
}

.international-text h2 {
  font-size: 40px;
  line-height: 45px;
  font-weight: bold;
  margin-bottom: 15px;
}

.international-text p {
  font-size: 1em;
  margin-bottom: 20px;
  color: #e0e0e0;
}

.international-image{
    width: 40%;
  position: relative;
  top: 40px;
  right: -35px;
   /* position: absolute;
   top: 0;
   right: 0; */
}

.international-image img {
  max-width: 100%;
  /* width: 100%; */
  height: auto;
}


.quality-fullheight-section {
  background: linear-gradient(
    180deg,
    rgba(15, 106, 215, 1) 0%,
    rgba(1, 51, 115, 1) 100%
  );
  color: #fff;
  text-align: center;
  padding: 100px 0 0;
  height: 100vh;
  position: relative;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  position: sticky;
  top: 0;
  z-index: 0;
}

.quality-fullheight-section .container {
  max-width: 1140px;
  margin: 0 auto;
}
.quality-fullheight-section .frame_image{
  position: absolute;
  right: 0;
  bottom: 0;
}

.quality-subtitle {
  font-size: 24px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 15px;
  font-family: 'montserrat';
  font-weight: 500;
}

.quality-title {
  font-size: 70px;
  line-height: 80px;
  font-weight: 800;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.quality-title span{
  background: linear-gradient(
    90deg,
    rgba(98, 58, 151, 1) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.quality-image img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}

.quality-button {
  position: absolute;
  bottom: 90px;
  margin: 0 auto;
  left: 0;
  right: 0;
}


.why-choosen {
  padding: 100px 0px;
  background-color: #f9fbff;
  position: relative;
  z-index: 2;
}


.why-choosen-swiper {
 margin-top: 30px;
}

.why-choosen__card {
  background: #F4F4F4;
  color: #fff;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  padding: 30px 25px;
  height: auto;
  text-align: left;
  min-height: 300px;
  position: relative;
}

.why-choosen__icon{
     height: 50px;
}

.why-choosen__icon img {
  max-height: 50px;
  width: auto;
  margin-bottom: 15px;
}

.why-choosen__card-title {
  font-size: 18px;
  line-height: 25px;
  font-weight: bold;
  margin-top: 10px;
  color: #000;
}

.why-choosen__card-desc {
  font-size: 16px;
  line-height: 26px;
  color: #e0e0e0;
  position: absolute;
     bottom: 20px;
    left: 0;
    padding: 0px 25px;
    color: #000;
}

.swiper-button-next,
.swiper-button-prev {
  color: #003366;
}


/*Home Partner*/

.home-partners-section {
  background-color: #f5f5f5;
  padding: 110px 0 70px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.partners-section .partners-button {
    text-align: center;
}
.partners-section .contact-btn{
     margin-top: 45px;
}


/* .partners-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin-top: 30px;
} */

.partner-logo {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  width: 23%;
  position: absolute;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #EDEDED;
}

.partner-logo:nth-child(1),
.partner-logo:nth-child(2),
.partner-logo:nth-child(3),
.partner-logo:nth-child(4){
  position: absolute;
  top: 0;
}

.partner-logo:nth-child(7),
.partner-logo:nth-child(8),
.partner-logo:nth-child(9),
.partner-logo:nth-child(10){
  position: absolute;
  bottom: 0;
}

.partner-logo:nth-child(2),
.partner-logo:nth-child(7){
     left: 25.5%;
}

.partner-logo:nth-child(3),
.partner-logo:nth-child(8){
     left: 51.2%;
}

.partner-logo:nth-child(1),
.partner-logo:nth-child(9){
    left: 0;
}

.partner-logo:nth-child(4),
.partner-logo:nth-child(10){
     right: 0;
}

.partner-logo:nth-child(5){
     left: 0;
     top: 210px;
}

.partner-logo:nth-child(6){
     right: 0;
     top: 210px;
}

.partner-logo img {
  max-width: 100%;
  max-height: 100px;
  object-fit: contain;
}

.home-partner_main{
     width: 100%;
     height: 600px;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
}


/*home solutions*/

.home-solutions-section {
  background-color: #fff;
  padding: 60px 0 110px;
  text-align: center;
}



.solutions-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}



.solutions-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  column-gap: 10px;
}

.solutions-tabs {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  min-width: 300px;
  width: 49%;
}

.solutions-tab {
  width: 100%;
  background: #E6E6E6;
  padding: 35px;
  border-radius: 20px;
  text-align: left;
  cursor: pointer;
  height: 97px;
  display: flex ;
  align-items: center;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.solution_tab_arrow{
      width: 49px;
      height: 49px;
      background-color: #fff;
      border-radius: 100%;
      position: absolute;
      right: 30px;
      top: 25px;
      z-index: 9;
      background-image: url(../images/solution-arrow.svg);
      background-repeat: no-repeat;
      background-position: center;
}

.solutions-tab.active .solution_tab_arrow{
      display: none;
}

.solutions-tab.active {
  background: linear-gradient(
    95.77deg,
    rgba(31, 69, 139, 1) 0%,
    rgba(67, 103, 196, 1) 100%
  ),
  linear-gradient(to left, #d9d9d9, #d9d9d9);
  color: #fff;
  height: 420px;
  display: block;
}

.solutions-tab.active .solutions-tab-inner h3{
      color:#fff;

}

.solution_tab_bttom{
 height: 0;
 opacity: 0;
 visibility: hidden;
  position: absolute;
  left: 0;
  padding: 0 35px;
  bottom: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.solution_tab_bttom .contact-btn:hover {
    background: #0043b2;
    border: 1px solid #0043b2;
    color: #ffffff;
}

.solutions-tab.active .solution_tab_bttom{
     height: auto;
 opacity: 1;
 visibility:visible;
}

.solutions-tab-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.solutions-tab-inner h3{
    font-size: 22px;
    line-height: 1;
    color: #03427A;
    font-weight: 600;
}

.solutions-tab .solution-tab-icon{
  display: none;
}

.solutions-tab.active .solution-tab-icon{
  display: block;
}

.solution-tab-icon img {
  width: 40px;
  height: 40px;
  margin-bottom: 15px;

}

.solution_tab-description{
      font-size: 16px;
      line-height: 25px;
      max-width: 430px;
      color: #fff;
}


.solutions-tab .btn {
  background-color: #fff;
  color: #003366;
  border: 2px solid #003366;
  padding: 10px 20px;
  border-radius: 25px;
  text-decoration: none;
  transition: background-color 0.3s;
}

.solutions-tab.active .btn:hover {
  background-color: #003366;
  color: #fff;
}

.solutions-images{
     width: 51%;
}

.solutions-image {
  display: none;
}

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

.solutions-image.active {
  display: block;
}

.solutions-image{
  overflow: hidden;
  height:630px;
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
}

.solutions-image img {
  max-width: 100%;
  transition: all 0.3s ease-in-out;
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
  display: block;
}

.partners-container p{
  margin-bottom: 0;
}

/* inner banner styles */
.inner_banner{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.inner_banner_content{
   height: 550px;
   display: flex;
   align-items: flex-end;
   padding-bottom: 90px;
}
.inner_banner_content h1{
  font-size: 50px;
  line-height: 55px;
  color: #fff;
  font-weight: bold;
  margin: 0px;
  font-family: 'montserrat';

}
  .inner_banner_content{
      justify-content: space-between;
  }
  .product_banner .product_banner_content{
      width: 58%;
  }
  .product_banner .product_banner_image{
      width: 38%;
      position: relative;
      bottom: -55px;
      right: -115px;
  }
.page_padding{
  padding: 100px 0;
}
.top_title_sec{
  text-align: center;
  max-width: 930px;
  margin: 0 auto;
}
.top_title_sec h3{
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: #0067DF;
  margin: 10px 0 20px;
}
.top_title_sec p{
  margin-bottom: 0;
}
.solution_list ul{
     display: grid;
   gap: 35px;
   justify-content: center;
   list-style: none;
   margin-top: 50px;
     grid-template-columns: repeat(3, 1fr);
}

/* News Page Styles */
.news_page {
    background: #fff;
}

/* News Search Bar */
.news_search_section {
    margin-bottom: 40px;
    text-align: center;
}

.news_search_form {
    max-width: 500px;
    margin-left: auto;
}
.news_search_form input{
   border: none;
   height: 100%;
   padding-left: 20px;
   font-size: 16px;
   font-weight: 500;
   color: #03427A;
   font-family: 'montserrat';
   font-style: normal;
   flex: 1;
   border: none;
   outline: none;
}
.news_search_form input:placeholder{
   font-size: 16px;
   font-weight: 500;
   color: #03427A;
   font-family: 'montserrat';
   font-style: normal;
}
.search_input_wrapper {
    position: relative;
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid rgba(3, 66, 122, 0.22);
    border-radius: 50px;
    padding: 5px;
    transition: all 0.3s ease;
}

.search_input_wrapper:focus-within {
    border-color: #0067DF;
    box-shadow: 0 4px 20px rgba(0, 103, 223, 0.15);
}



.news_search_button {
    background: #F2F2F2;
    border: none;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #fff;
    border: 1px solid rgba(0, 0, 0,.1);
    padding: 0;
}

.news_search_button:hover {
    background: #0056b3;
    transform: scale(1.05);
}

.news_search_button svg {
    width: 20px;
    height: 20px;
    color: #000;
}

.news_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
    margin-top: 50px;
}

.news_card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.news_card:hover {
    transform: translateY(-5px);
}

.news_card_image {
    position: relative;
    overflow: hidden;
    height: 295px;
    border-radius:20px;
}

.news_card_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.news_card:hover .news_card_image img {
    transform: scale(1.05);
}

.news_card_content {
    padding: 25px 0;
}

.news_meta {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    font-size: 14px;
}

.news_date {
    color: #000;
    font-weight: 500;
    font-size: 14px;
}

.news_category {
    color: #0067DF;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.news_title {
    font-size:18px;
    line-height: 21px;
    font-weight: bold;
    color: #03427A;
    margin-bottom: 15px;
}

.news_title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.news_title a:hover {
    color: #0067DF;
}

.news_excerpt {
    color: #666;
    line-height: 24px;
    margin-bottom: 20px;
    font-size: 15px;
}

.news_read_more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0067DF;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.news_read_more:hover {
    color: #03427A;
    gap: 12px;
}

.news_read_more .arrow {
    transition: transform 0.3s ease;
}

.news_read_more:hover .arrow {
    transform: translateX(4px);
}

.news_pagination {
    margin-top: 50px;
    text-align: center;
}

.news_pagination .page-numbers {
    display: inline-block;
    padding: 10px 15px;
    margin: 0 5px;
    background: #f5f5f5;
    color: #666;
    text-decoration: none;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.news_pagination .page-numbers:hover,
.news_pagination .page-numbers.current {
    background: #0067DF;
    color: #fff;
}

.no_news {
    text-align: center;
    padding: 60px 20px;
}

.no_news h3 {
    color: #03427A;
    font-size: 24px;
    margin-bottom: 15px;
}

.no_news p {
    color: #666;
    font-size: 16px;
}

  /* Responsive News Grid - moved to organized media queries section */

/* Blog Page Styles */
.blog_page {
    background: #fff;
    padding-top: 100px;
}

/* Featured Blog Section */
.featured_blog_section {
    margin-bottom: 120px;
}

.featured_blog_card {
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.3s ease;
    /* min-height: 445px; */
    position: relative;
}

.featured_blog_image {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.featured_blog_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
    display: block;
}

.featured_blog_card:hover .featured_blog_image img {
    transform: scale(1.05);
}

.featured_category_tag {
  position: absolute;
  top: 25px;
  left: 30px;
  background: #fff;
  color: #03427A;
  padding: 12px 30px;
  border-radius: 35px;
  font-size: 20px;
  font-weight: 600;
}

.featured_blog_content {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding:0 30px 40px 35px;
}

.featured_blog_title {
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.featured_blog_title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}


.featured_blog_excerpt {
    color: #fff;
    line-height: 26px;
    font-size: 16px;
}

/* Category Filters */
  .listing_header{
    margin-top: 20px;
  }
.blog_category_filters {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.filter_buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.filter_btn {
  background: #fff;
  color: #03427A;
  text-decoration: none;
  padding: 12px 30px;
  border-radius: 40px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #CDD9E4;
  transition: all 0.3s ease;
    display:block;
    min-width: 100px;
    text-align: center;
}

.filter_btn:hover,
.filter_btn.active {
      background: #006AE7;
    color: #fff;
      border-color: #006AE7;
}

.filter_search {
    position: relative;
}

.search_icon_wrapper {
    width: 49px;
    height: 49px;
    background: #F2F2F2;
    border: 1px solid rgba(0, 0, 0,.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    z-index: 10;
}

.search_icon_wrapper:hover {
    border-color: #0067DF;
    background: #f8f9fa;
}

.search_icon_wrapper.active {
    opacity: 0.3;
    pointer-events: none;
}

.blog_search_form {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid rgba(3, 66, 122, 0.22);
    border-radius: 50px;
    padding: 5px;
    transition: all 0.3s ease;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(20px);
    width: 0;
    overflow: hidden;
    z-index: 5;
}
.blog_search_form input{
  border: none;
  padding-left: 15px;
  font-size: 16px;
  font-weight: 500;
  color: #03427A;
  font-family: 'montserrat';
  height: 39px;
}

.active .blog_search_form {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    width: 300px;
    overflow: visible;
}

.blog_search_form:focus-within {
    border-color: #0067DF;
    box-shadow: 0 4px 20px rgba(0, 103, 223, 0.15);
}

.blog_search_input {
    border: none;
    outline: none;
    padding: 10px 15px;
    font-size: 14px;
    background: transparent;
    color: #03427A;
    width: 100%;
    flex: 1;
    padding-right: 45px !important;
}

.blog_search_input::placeholder {
    color: #999;
}

.blog_search_button {
    background: #F2F2F2;
    border: none;
    border-radius: 50%;
    width:49px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
    padding: 0;
}

.blog_search_button:hover {
    background: #0067DF;
}

/* Blog Grid */
.blog_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-bottom: 50px;
}
.blog_main_content{
   background: #E6E6E6;
   padding: 65px 0 100px 0;
}
.blog_card {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    aspect-ratio: 377/496;
    position: relative;
}

.blog_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.blog_card_image {
    position: relative;
    overflow: hidden;
    height: 100%;
}
.blog_card_image::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.6) 100%
  );
}
.blog_card_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.blog_card_content{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
}
.blog_card:hover .blog_card_image img {
    transform: scale(1.05);
}

.blog_card_title {
    font-size: 20px;
    line-height: 30px;
    font-weight:500;
    color: #fff;
    margin-bottom: 0;
}

.blog_card_title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.blog_card_title a:hover {
    color: #0067DF;
}
.blog_card_excerpt{
  padding-right: 25px;
}
.blog_card_excerpt p{
    color: #fff;
    line-height: 30px;
    font-size: 20px;
    font-family: 'montserrat';
}

/* Learn More Button */
.blog_learn_more {
    text-align: center;
    margin-top: 40px;
}

.learn_more_btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #0067DF;
    color: #fff;
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.learn_more_btn:hover {
    background: #0056b3;
    transform: translateY(-2px);
}

.learn_more_btn .arrow {
    transition: transform 0.3s ease;
}

.learn_more_btn:hover .arrow {
    transform: translateX(4px);
}

.no_blog_posts {
    text-align: center;
    padding: 60px 20px;
}

.no_blog_posts h3 {
    color: #03427A;
    font-size: 24px;
    margin-bottom: 15px;
}

.no_blog_posts p {
    color: #666;
    font-size: 16px;
}

/* Responsive Blog Page */

/* Partners Page Styles */

.partners_page .top_title_sec{
  padding: 120px 0;
}

/* Partners Solution Section */
.partners_solution_sec {
  padding: 100px 0;
  text-align: center;
  position: relative;
}

.partners_solution_sec .frame_image{
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
}

.partners_solution_sec .frame_image img{
   display: block;
}

.partners_solution_sec .container{
   max-width: 1200px;
}

.partners-solutions-swiper {
  position: relative;
  margin-top: 30px;
}
.partners_content {
    max-width: 1170px;
    margin: 0 auto;
}
.partners_title_sec{
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}
.partners_content_sec{
  background: #F4F4F4;
  padding: 65px 0 100px 0;
}

/* Partners Logos Grid */
.partners_logos_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 35px;
    margin:60px 0 50px 0;
    align-items: center;
}

.partner_logo_item {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 175px;
}

.partner_logo_item:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.partner_logo_item img {
    max-width: 100%;
    max-height: 100px;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.partner_logo_item:hover img {
    transform: scale(1.05);
}

.partner_logo_link {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.partner_logo_link:hover {
    text-decoration: none;
}

.partner_logo_placeholder {
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #0067DF, #03427A);
    color: white;
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 8px;
}

.partners_pagination {
    text-align: center;
    margin-top: 50px;
}

.partners_pagination .page-numbers {
    display: inline-block;
    padding: 10px 15px;
    margin: 0 5px;
    background: #fff;
    color: #03427A;
    text-decoration: none;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.partners_pagination .page-numbers:hover,
.partners_pagination .page-numbers.current {
    background: #0067DF;
    color: #fff;
    border-color: #0067DF;
}

.partners_pagination .prev,
.partners_pagination .next {
    font-weight: 500;
}

.no_partners {
    text-align: center;
    padding: 80px 20px;
}

.no_partners h3 {
    color: #03427A;
    font-size: 24px;
    margin-bottom: 15px;
}

.no_partners p {
    color: #666;
    font-size: 16px;
}
.partners_solution_sec{
   padding: 100px 0;
}
  /* Responsive Partners Page - moved to organized media queries section */
  
  /* Blog responsive styles - moved to organized media queries section */

/* Contact Page Styles */
.contact_page {
    background: #fff;
}

.contact_info_section {
    padding: 100px 0 20px;
}
.map_placeholder{
  border-radius: 20px;
  overflow: hidden;
}
.contact_cards_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 50px;
}

.contact_card {
    background: #F4F4F4;
    border-radius: 20px;
    padding: 35px;
    text-align: left;
    cursor: pointer;
    transition: all 0.3s ease;
}

.contact_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.contact_card.active {
    box-shadow: 0 10px 30px rgba(0, 103, 223, 0.2);
}


.contact_card_title {
    font-size: 22px;
    line-height: 25px;
    font-weight: bold;
    color: #03427A;
    margin-bottom: 25px;
}

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

.contact_detail_item {
    display: flex;
    align-items: center;
    gap: 15px;
}
.contact_icon img {
  display: block;
}

.contact_detail_item span,
.contact_detail_item a {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    line-height: 24px;
    transition: color 0.3s ease;
    font-family: 'helvetica';
}

.contact_detail_item a:hover {
    color: #0067DF;
}

.contact_map_section {
    padding: 0 0 80px;
}

.map_placeholder iframe {
    width: 100%;
    height: 560px;
    border: none;
    border-radius: 0;
}

.contact_cta_section {
    padding: 80px 0 100px;
    background: #f5f5f5;
}
.contact_cta_section ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 10px;
  max-width: 960px;
  margin: 60px auto 0 auto;
}
.contact_cta_section ul li{
  width: 49%;

}
.contact_cta_section ul li:last-child{
  width: 100%;
}
.contact_cta_section ul li input{
  width: 100%;
  height: 55px;
  border: none;
  outline: none;
  border-radius: 30px;
  padding-left: 20px;
  font-size: 16px;
  font-family: 'montserrat';
  color: #03427A;
  border: 1px solid rgba(3, 66, 122, 0.22);
  background-color: transparent;
}
.contact_cta_section ul li input::placeholder,.contact_cta_section ul li textarea::placeholder{
  color: #03427A;
}
.contact_cta_section ul li textarea{
  height: 193px;
  border-radius: 20px;
  padding: 10px;
  font-size: 16px;
  font-family: 'montserrat';
  color: #03427A;
  border: 1px solid rgba(3, 66, 122, 0.22);
  resize: none;
  outline: none;
  padding: 20px;
  background-color: transparent;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
  /* Responsive Contact Page - moved to organized media queries section */

/* Contact Form Submit Button Styles */
.contact_cta_section .wpcf7-submit {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #0043B2;
    color: #fff;
    text-decoration: none;
    padding:14px 20px;
    border-radius: 25px;
    font-size: 18px;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    font-family: 'montserrat';
    position: relative;
    background-image: url("../images/submit_arw.png") !important;
    background-size: 20px;
    background-position: right 20px center;
    background-repeat: no-repeat;
    padding-right: 70px;
    margin-top: 50px;
}



.contact_cta_section .wpcf7-submit:hover {
  background-position: right 10px center;
}


.contact_cta_section .wpcf7-submit:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 103, 223, 0.3);
}

/* Software Page Styles */
.software_page {
    background: #fff;
}

/* Overview Section */
.software_overview_section {
    padding: 80px 0;
    position: relative;
    overflow: hidden;
    background-color: #F4F4F4;
}
.overview_text .main_title {
    text-align: center;
    margin-bottom: 30px;
}

.overview_text p {
    font-size: 16px;
    line-height: 26px;
    color: #333;
    text-align: center;
}

.overview_graphic {
   position: absolute;
   bottom: 0;
   right: 0;
}
.overview_graphic img{
  display: block;
}

/* Software List Section */
.software_list_section {
    padding: 80px 0;
}

.section_header {
    text-align: center;
    margin-bottom: 50px;
}

.section_header .main_title {
    margin-bottom: 15px;
}

.section_subtitle {
    font-size: 16px;
    color: #666;
    margin: 0;
}

.software_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
}

.software_card {
    background: #F4F4F4;
    border-radius:20px;
    padding: 30px 25px;
    transition: all 0.3s ease;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.software_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.software_icon {
    margin-bottom:40px;
    height:95px;
    width: 95px;
    border-radius:9px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.software_icon img {
    max-width: 50px;
    max-height: 50px;
    object-fit: contain;
}

.software_title {
    font-size: 20px;
    font-weight: 600;
    color: #03427A;
    margin-bottom: 20px;
    line-height: 1.3;
}

.software_description {
    font-size: 14px;
    line-height: 22px;
    color: #666;
    margin: 0;
    flex-grow: 1;
}

/* Featured Modules Section */
.featured_modules_section {
    padding: 120px 0;
    background: #F4F4F4;
}

.modules_content {
    display: flex;
    align-items: center;
    gap: 60px;
}

.modules_image {
    flex: 1;
    position: relative;
}

.modules_image img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    filter: blur(2px);
}

.modules_text {
    flex: 1;
    max-width: 500px;
}

.modules_text .main_title {
    margin-bottom: 25px;
    font-size: 32px;
    line-height: 40px;
}

.modules_description {
    font-size: 16px;
    line-height: 26px;
    color: #333;
    margin: 0;
}

/* About Us Page Styles */
.about_page {
    padding: 0;
}

.about_intro_section {
    padding: 100px 0;
    background-color: #fff;
}

.about_intro_content {
    display: flex;
    align-items: center;
}

.about_intro_text {
    width:60%;
    padding-right: 65px;
}

.about_intro_text .main_title {
    margin-bottom: 15px;

}
.about_intro_text h3{
    color: #0067DF;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
      margin-bottom: 20px;
}
.about_intro_image {
    width: 44%;
    position: relative;
}

.about_intro_image img {
    width: 100%;
    /* height: 578px;
    object-fit: cover; */
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1)
}

.about_description p {
    margin-bottom: 20px;
    line-height: 26px;
}

.about_description p:last-child {
    margin-bottom: 0;
}

/* Company Cards Section */
.company_cards_section {
    padding: 120px 0;
    background: #f8f9fa;
    position: relative;
}

.company_cards_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
}

.company_card {
    background: white;
    border-radius: 20px;
    overflow: hidden;
    box-shadow:0 10px 30px rgb(0 0 0 / 2%);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.company_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.company_card_image {
    height: 327px;
    overflow: hidden;
}

.company_card_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.company_card:hover .company_card_image img {
    transform: scale(1.05);
}

.company_card_content {
    padding:35px 40px 45px 40px;
}

.company_card_content h3 {
    font-size:30px;
    font-weight: 600;
    color: #00437D;
    margin-bottom: 15px;
    line-height: 1.3;
}

.company_card_content p {
    line-height: 26px;
    margin: 0;
    padding-right: 90px;
}

.mission_vision_section {
    padding: 100px 0;
    background-color: #fff;
}

.mvv_content {
    display: flex;
    align-items: center;
    gap: 80px;
    max-width: 1200px;
    margin: 0 auto;
}

.mvv_text {
    width: 60%;
    padding-right: 70px;
}

.mvv_text .main_title {
    margin-bottom: 30px;
}

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

.mvv_item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 20px 0;
}

.mvv_icon {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E7F0FC;
    border-radius: 50%;
}

.mvv_icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.mvv_item_content h3 {
    font-size: 20px;
    font-weight: 600;
    color: #00437D;
    margin-bottom: 10px;
    line-height: 1.3;
}

.mvv_item_content p {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    margin: 0;
}

.mvv_image {
    width: 44%;
    position: relative;
}

.mvv_image img {
    width: 100%;
    height: 578px;
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* Global Presence Section */
.global_presence_section {
    padding: 100px 0 70px 0;
    background: linear-gradient(
    180deg,
    rgba(15, 106, 215, 1) 0%,
    rgba(1, 51, 115, 1) 100%);
    color: white;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
}


.global_presence_content {
    position: relative;
    z-index: 2;
}
.global_presence_text{
    max-width: 700px;

}
.global_presence_content h3{
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 10px;
}
.global_presence_content p{
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0px;
}
.section_badge {
    display: inline-block;
    background: rgba(255, 255, 255, 0.2);
    color: white;
    padding: 8px 20px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    backdrop-filter: blur(10px);
}

.global_title {
    font-size: 42px;
    font-weight: 600;
    line-height: 52px;
    color: white;
    margin-bottom: 20px;
}

.global_description {
    font-size: 16px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.9);
}

.world_map_container {
    margin:0;
    position: relative;
    text-align: center;
}

.world_map {
    width: 100%;
    max-width: 800px;
    height: auto;
    opacity: 0.9;
}

.global_stats_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

.stat_number {
    font-size: 80px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    margin-bottom: 10px;
}
.featured_graphic_top{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.featured_graphic_bottom{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}
  .featured_graphic_2{
    position: absolute;
    top: 0;
    right: 25%;
    z-index: 1;
    opacity: .2;
  }
.featured_graphic_top img,
  .featured_graphic_bottom img,.featured_graphic_2 img{
    display: block;
}

/* Testimonials Section */
.testimonials_section {
      padding: 100px 0 80px 0;
}

.testimonials_content {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.testimonials_section .section_title {
    font-size: 42px;
    font-weight: 600;
    color: #00437D;
    margin-bottom: 15px;
    line-height: 52px;
}

.testimonials_section .section_subtitle {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    margin-bottom: 60px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* Testimonials Swiper Styles */
.testimonials_swiper {
      padding: 40px 0 60px 0 !important;
    overflow: visible;
}

.testimonials_swiper .swiper-wrapper {
    align-items: stretch;
}

.testimonials_swiper .swiper-slide {
    height: auto;
}

.testimonial_card {
    background: #F4F4F4;
    border-radius: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: left;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.testimonial_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 3px 48px rgb(0 0 0 / 6%);
}

.testimonial_image {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.testimonial_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.testimonial_card:hover .testimonial_image img {
    transform: scale(1.05);
}
.testimonial_quote{
    margin-bottom:30px;
}
.testimonial_content {
    padding: 40px 50px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.testimonial_title {
    font-size: 20px;
    font-weight: 600;
    color: #00437D;
    margin-bottom: 10px;
    line-height: 1.3;
}

.testimonial_subtitle {
    font-size: 16px;
    font-weight: 500;
    color: #0067DF;
    margin-bottom: 20px;
    line-height: 1.4;
}

.testimonial_description {
    font-size: 15px;
    line-height: 24px;
    color: #666;
    margin-bottom: 30px;
    max-width: 95%;
}

.testimonial_description p {
    margin-bottom: 15px;
}

.testimonial_description p:last-child {
    margin-bottom: 0;
}

.testimonial_meta {
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.testimonial_author_image{
    width:78px;
    height: 78px;
    border-radius: 50%;
    overflow: hidden;
}
.testimonial_author h5 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #03427A;
    margin-bottom: 0px;
}

.author_position {
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.5);
}
.testimonials_pagination .swiper-pagination-bullet{
    background: #00437D !important;
}
.testimonials_pagination .swiper-pagination-bullet-active::after{
    border-color: #00437D !important;
}
/* Section Description Styling */
.section_description {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    margin-bottom: 40px;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}

.section_description p {
    margin-bottom: 15px;
}

.section_description p:last-child {
    margin-bottom: 0;
}

/* Testimonials Swiper Navigation */
.testimonials_next,
.testimonials_prev {
    width: 50px;
    height: 50px;
    background: #0067DF;
    border-radius: 50%;
    color: white;
    font-size: 18px;
    margin-top: -25px;
    transition: all 0.3s ease;
}

.testimonials_next:hover,
.testimonials_prev:hover {
    background: #00437D;
    transform: scale(1.1);
}

.testimonials_next::after,
.testimonials_prev::after {
    font-size: 16px;
    font-weight: bold;
}

.testimonials_next {
    right: 20px;
}

.testimonials_prev {
    left: 20px;
}

/* Testimonials Swiper Pagination */
.testimonials_pagination {
    bottom: 10px !important;
    text-align: center;
}

.testimonials_pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #ccc;
    opacity: 1;
    margin: 0 6px;
    transition: all 0.3s ease;
}

.testimonials_pagination .swiper-pagination-bullet-active {
    background: #0067DF;
    transform: scale(1.2);
}

/* Our Team Section */
.our_team_section {
    padding: 100px 0 150px 0;
    background: #F4F4F4;
    position: relative;
    overflow: hidden;
}

.team_content {
    text-align: center;
}
.team_image_container {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.team_image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
    margin-top: 40px;
}

/* Team Decorative Graphics */
.team_graphic_top {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    opacity: 0.8;
}

.team_graphic_bottom {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 1;
    opacity: 0.8;
}

.team_graphic_top img,
.team_graphic_bottom img {
    display: block;
    max-width: 150px;
    height: auto;
}
.stat_label {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
    text-transform: capitalize;
}

.mvv_icon img {
    width: 40px;
    height: 40px;
}

.mvv_card h3 {
    font-size: 24px;
    color: #03427A;
    margin-bottom: 15px;
    font-weight: 600;
}

.mvv_card p {
    font-size: 16px;
    line-height: 24px;
    color: #666;
}

.team_section {
    padding: 80px 0;
    background-color: #f8f9fa;
}

.team_description {
    font-size: 18px;
    color: #666;
    margin: 20px auto 50px;
    max-width: 600px;
}

.team_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 40px;
    margin-top: 50px;
}

.team_member {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.team_member:hover {
    transform: translateY(-5px);
}

.team_member_photo {
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.team_member_photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team_member_info {
    padding: 25px;
}

.team_member_info h4 {
    font-size: 20px;
    color: #03427A;
    margin-bottom: 5px;
    font-weight: 600;
}

.team_member_info .position {
    font-size: 14px;
    color: #0067DF;
    font-weight: 600;
    margin-bottom: 10px;
}

.team_member_info .bio {
    font-size: 14px;
    line-height: 20px;
    color: #666;
}

.timeline_section {
    padding: 80px 0;
}

.timeline {
    position: relative;
    max-width: 800px;
    margin: 50px auto 0;
}

.timeline::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #0067DF;
    transform: translateX(-50%);
}

.timeline_item {
    position: relative;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
}

.timeline_item:nth-child(odd) {
    flex-direction: row;
}

.timeline_item:nth-child(even) {
    flex-direction: row-reverse;
}

.timeline_year {
    width: 100px;
    height: 100px;
    background: #0067DF;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    z-index: 2;
}

.timeline_content {
    flex: 1;
    padding: 0 40px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    padding: 25px;
    margin: 0 20px;
}

.timeline_content h4 {
    font-size: 20px;
    color: #03427A;
    margin-bottom: 10px;
    font-weight: 600;
}

.timeline_content p {
    font-size: 16px;
    line-height: 24px;
    color: #666;
}

.about_cta_section {
    padding: 80px 0;
    background: linear-gradient(135deg, #03427A 0%, #0067DF 100%);
    color: #fff;
}

.about_cta_content {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

.about_cta_section .main_title {
    color: #fff;
    margin-bottom: 20px;
}

.about_cta_section p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 30px;
}

.text-center {
    text-align: center;
}
.testimonials_swiper {
    margin-left: calc((100% - (1200px - 1.5rem))/2) !important;
}
.about_partners_section{
    padding: 120px 0;
}

/* Consumables Page Styles */
.consumables_hero_section {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: linear-gradient(135deg, #0067DF 0%, #003B8B 100%);
}

.consumables_hero_section .hero_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.consumables_hero_section .hero_background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.3;
}

.consumables_hero_section .hero_content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: white;
    max-width: 800px;
    padding: 0 20px;
}

.consumables_hero_section .hero_title {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
}

.consumables_hero_section .hero_description {
    font-size: 18px;
    line-height: 1.6;
    opacity: 0.9;
}

/* Consumables Listing Section */
.consumables_listing_section {
    padding: 50px 0 120px 0;
}

.consumables_filters {
    display: flex;
    gap: 20px;
    margin-bottom: 50px;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.search_filter {
    position: relative;
    flex: 1;
    max-width: 400px;
}

.search_input {
    width: 100%;
    padding: 15px 50px 15px 20px;
    border: 2px solid #e1e5e9;
    border-radius: 10px;
    font-size: 16px;
    background: white;
    transition: border-color 0.3s ease;
}

.search_input:focus {
    outline: none;
    border-color: #0067DF;
}

.search_btn {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #666;
    cursor: pointer;
    padding: 5px;
}

.category_filter {
    min-width: 200px;
}

.category_select {
    width: 100%;
    padding:15px 25px;
    border: 1px solid rgba(3, 66, 122,.22);
    border-radius:35px;
    font-size: 15px;
    color: #03427A;
    cursor: pointer;
    transition: border-color 0.3s ease;
    appearance: none;
    background-image: url('../images/select_arw.png');
    background-repeat: no-repeat;
    background-position: right 25px center;
    background-size: 10px;
}

.category_select:focus {
    outline: none;
    border-color: #0067DF;
}

/* Consumables Grid */
.consumables_grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 60px;
}

.consumable_card {
    background: #F4F4F4;
    border-radius: 20px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    align-items: center;
    padding: 25px 30px;
    cursor: pointer;
    text-decoration: none;
}

.consumable_card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.consumable_image {
    width: 190px;
    flex-shrink: 0;
    overflow: hidden;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-right: 28px;
}

.consumable_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.placeholder_image {
    color: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.consumable_content {
    flex: 1;
    padding: 0;
}

.consumable_content h3 {
    font-size:30px;
    font-weight: 600;
    color: #00437D;
    margin-bottom: 8px;
    line-height: 35px;
    text-decoration: none;
}
.consumable_content p{
    padding-right: 115px;
}
.consumable_title:hover {
    color: #003B8B;
}

.consumable_description {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 0;
}

.consumable_arrow {
    width:56px;
    height:56px;
    background: #FFFFFF;
    color: #0067DF;
    flex-shrink: 0;
    margin-left: 15px;
    transition: transform 0.3s ease, color 0.3s ease;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.consumable_card:hover .consumable_arrow {
    transform: translateX(5px);
    color: #003B8B;
}

.consumable_meta {
    display: none;
}

.consumable_category {
    display: none;
}

.view_details_btn {
    display: none;
}

/* Load More Section */
.load_more_section {
    text-align: center;
    margin-top: 40px;
}

.load_more_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #0067DF;
    color: white;
    padding: 15px 30px;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.load_more_btn:hover {
    background: #003B8B;
    transform: translateY(-2px);
}

/* Contact Section */
.consumables_contact_section {
    padding: 80px 0;
    background: white;
}

.contact_content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.contact_title {
    font-size: 36px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
}

.contact_subtitle {
    font-size: 16px;
    color: #666;
    margin-bottom: 50px;
    line-height: 1.6;
}

.contact_form_wrapper {
    background: #f8f9fa;
    padding: 40px;
    border-radius: 15px;
}

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

.form_group.full_width {
    grid-column: 1 / -1;
}

.form_input,
.form_textarea {
    width: 100%;
    padding: 15px 20px;
    border: 2px solid #e1e5e9;
    border-radius: 10px;
    font-size: 16px;
    background: white;
    transition: border-color 0.3s ease;
    font-family: inherit;
}

.form_input:focus,
.form_textarea:focus {
    outline: none;
    border-color: #0067DF;
}

.form_textarea {
    resize: vertical;
    min-height: 120px;
}

.submit_btn {
    background: #0067DF;
    color: white;
    padding: 15px 40px;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.submit_btn:hover {
    background: #003B8B;
    transform: translateY(-2px);
}

.no_consumables {
    grid-column: 1 / -1;
    text-align: center;
    padding: 60px 20px;
    color: #666;
    font-size: 18px;
}

  .downloads_section .download_graphic{
     position:absolute;
     right: 18%;
     top: 5px;
  }
  .downloads_section .container{
    background: linear-gradient(180deg,rgba(15, 106, 215, 1) 0%,rgba(1, 51, 115, 1) 100%);
    border-radius: 30px;
    display: flex;
    align-items: center;
    height:435px;
    padding:55px;
    position: relative;
    margin-top:120px;
  }
  .downloads_section h2{
    font-size: 40px;
    line-height: 1.2;
    color: #fff;
    max-width: 80%;
    margin-bottom:10px;
  }
  .downloads_section p{
    color:#fff;
  }
  
  
  .downloads_section .download_left{
    width:50%;
  }
  .downloads_section .dowload_right{
    right: -75px;
    bottom: -25px;
    position: absolute;
  }

  /* Download Search Form Styles */
  .download_search_form {
    margin-top: 30px;
  }

  .download_search_form .search-form {
    position: relative;
    max-width: 400px;
  }

  .download_search_form .search-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
  }

  .download_search_form .search-field {
    width: 100%;
    padding: 15px 50px 15px 20px;
    border-radius: 50px;
    background:#fff;
    color: #03427A;
    font-size: 16px;
    outline: none;
    transition: all 0.3s ease;
    font-family: "Montserrat", sans-serif;
}

.download_search_form .search-field::placeholder {
      color: #03427A;
  }

  .download_search_form .search-field:focus {
    border-color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
  }

  .download_search_form .search-submit {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background: #F2F2F2;
    border: none;
    border-radius: 50%;
    width: 49px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #fff;
    border:1px solid rgba(0,0,0,.1);
  }

  .download_search_form .search-submit:hover {

    transform: translateY(-50%) scale(1.05);
  }

  .download_search_form .search-submit svg {
    width: 18px;
    height: 18px;
  }

  .download_search_form .screen-reader-text {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  /* Responsive styles for search form - moved to organized media queries section */

  /* Support Items Styles */
  .consumable_detail_wrapper {
    display: flex;
        gap: 40px;
    margin-top: 50px;
  }

  .consumable_sidebar {
    /* width: 300px; */
    flex-shrink: 0;
  }

  .sidebar_title {
    font-size: 24px;
    color: #03427A;
    margin-bottom: 0px;
    font-weight: bold;
  }

  /* .sidebar_consumables_list {
    background: #f8f9fa;
    border-radius: 12px;
    overflow: hidden;
  } */

  .sidebar_consumable_item {
    border-bottom: 1px solid #e9ecef;
  }

  .sidebar_consumable_item:last-child {
    border-bottom: none;
  }

  .sidebar_consumable_link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    text-decoration: none;
    color: #333;
    transition: all 0.3s ease;
  }


  .sidebar_consumable_link.active {
    background: #03427A;
    color: #fff;
  }

  .sidebar_consumable_content h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
  }

  .sidebar_arrow {
    transition: transform 0.3s ease;
  }

  /* .sidebar_consumable_link.active .sidebar_arrow {
    transform: rotate(180deg);
  } */

  .consumable_main_content {
    flex: 1;
  }

  .support_content_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .support_section_title h2 {
    margin: 0;
    font-size: 28px;
    color: #03427A;
    font-weight: 600;
  }

  .support_sort_wrapper {
    margin-left: auto;
    position:absolute;
    right:0;
    top:-5px;
  }

 .support_sort_select {
    appearance: none;
    background-image: url(../images/select_arw.png) !important;
    background-repeat: no-repeat !important;
    background-position: 87% center !important;
    padding: 15px 25px !important;
    min-width: 205px !important;
 }
  .support_sort_select:focus {
    border-color: #03427A;
  }

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

  .support_post_group {
    margin-bottom: 40px;
  }

  .support_post_title {
    font-size: 40px;
    line-height:1;
    color: #03427A;
    font-weight: bold;
    margin: 0 0 30px 0;
  }

  .support_post_group .support_item {
    margin-bottom: 8px;
  }

  .support_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:16px 10px 16px 25px;
    background: #F4F4F4;
    border-radius: 12px;
    transition: all 0.3s ease;
  }

  .support_item:hover {
    background: #f8f9fa;
    border-color: #03427A;
  }

  .support_item_content {
    flex: 1;
  }

  .support_item_title {
        margin: 0;
    font-size: 20px;
    color: #000000;
    font-weight: 500;
    line-height: 1;
  }

  .support_item_category {
    display: none; /* Hide category as it's shown in sidebar */
  }

  .support_item_action {
    margin-left: 20px;
  }

  /* .support_download_btn {
    color: #fff;
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.3s ease;
  } */

  .support_download_btn:hover {
    background: #0067DF;
    transform: scale(1.05);
    color: #fff;
    text-decoration: none;
  }

  .support_download_btn svg {
    width: 27px;
    height: 32px;
    display: flex;
    align-items: center;
  }
  .support_download_btn svg path {
    color: #03427A;
  }
  .no_support_items {
    text-align: center;
    padding: 60px 20px;
    background: #f8f9fa;
    border-radius: 12px;
  }

  .no_support_items h3 {
    color: #03427A;
    margin-bottom: 15px;
  }

  .no_support_items p {
    color: #666;
    margin: 0;
  }

  /* Hidden state for filtered items */
  .support_item.hidden,
  .support_post_group.hidden {
    display: none;
  }
    .support_listing_sec{
         padding:80px 0;
    }
    .support_services_section{
        padding-top:120px;
    }
  /* Responsive Design - moved to organized media queries section */
  /* Responsive Software Page - moved to organized media queries section */
  
   /* Featured Section Styles */
   .featured_section {
       padding: 80px 0;
       background: #F4F4F4;
       position: relative;
   }
   .featured_graphic{
     position: absolute;
     bottom: 0;
     right: 0;
   }
   .featured_graphic img{
    display: block;
   }
   .featured_section .container{
    max-width: 1200px;
   }
  
   .featured_content {
       display: flex;
       align-items: center;
       gap: 65px;
   }
  
   .featured_image {
    width:42%;
   }
  
   .featured_image img {
        width: 100%;
       border-radius: 20px;
   }
  
   .featured_text {
        width: 52%;
      }
    .featured_description{
      max-width: 570px;
  }
   .featured_text .main_title {
       margin-bottom:20px;
   }
  
   .featured_description {
       font-size: 16px;
       line-height: 26px;
       color: #333;
       margin: 0;
   }
  
   .featured_description ul {
       margin: 20px 0 0 0;
       padding:0px;
       list-style: none;
   }
  
   .featured_description li {
       margin-bottom: 15px;
       line-height: 24px;
       font-size: 16px;
       font-family: 'helvetica';
       position: relative;
       color: #000000;
       padding-left: 20px;
   }
   .featured_description li::before{
    content: '-';
    position: absolute;
    top: -3px;
    left: 0;
        width: 100%;
    font-size: 25px;
    font-weight: 500;
   }
   /* Responsive Featured Section - moved to organized media queries section */
  
  /* Consumable Detail Page Styles */
  .consumable_detail_section {
      padding:100px 0 120px 0;
      background: #ffffff;
  }
  .consumable_detail_section .main_title{
      margin:0 0 30px 0;
  }
  .consumable_detail_wrapper {
      display: grid;
      grid-template-columns: 270px 1fr;
      gap: 30px;
      align-items: start;
  }
  
  /* Left Sidebar Styles */
  .consumable_sidebar {
      position: sticky;
      top: 0;
      /* max-height: 95vh;
      overflow-y: auto; */
      padding-top: 80px;
  }
  
  .consumable_sidebar h5{
     font-size:14px;
     font-weight:600;
  }
  .sidebar_consumables_list {
      display: flex;
      flex-direction: column;
      gap:5px;
      margin-top:15px;  
  }
  
  .sidebar_consumable_item {
      background: #E6E6E6;
      border: 1px solid #EEEEEE;
      border-radius: 8px;
      transition: all 0.3s ease;
      overflow: hidden;
  }
  
  .sidebar_consumable_item.active {
      border-color: #03427A;
      background: #03427A;
  }
  
  .sidebar_consumable_item:hover {
    border-color: #03427A;
    background: #03427A;
  }
  .sidebar_consumable_item:hover .sidebar_consumable_content h4{
     color:#fff;
  }
  .sidebar_consumable_link {
      display: flex;
      align-items: center;
      text-decoration: none;
      color: inherit;
      padding: 15px;
      gap: 12px;
  }
  
  .sidebar_consumable_image {
        width: 50px;
        height: 50px;
      border-radius: 6px;
      overflow: hidden;
      flex-shrink: 0;
  }
  
  .sidebar_consumable_image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  
  .sidebar_placeholder_image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  
  .sidebar_consumable_content {
      flex: 1;
      min-width: 0;
  }
  
  .sidebar_consumable_content h4 {
        font-size: 14px;
      font-weight: 600;
      color: #03427A;
      margin:0;
      line-height: 1.3;
  
  }
  
  .active .sidebar_consumable_content h4 {
      color: #ffffff;
  }
  
  .sidebar_consumable_content p {
      font-size: 12px;
      color: #666;
      margin: 0;
      line-height: 1.4;
      font-family: 'Helvetica Neue', sans-serif;
  }
  
  .sidebar_consumable_item.active .sidebar_consumable_content p {
      color: #dbeafe;
  }
  
  .sidebar_arrow {
      width:30px;
      height: 30px;
      background-color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      margin-right: 5px;
  }
  .sidebar_arrow svg{
     transform: rotate(-90deg);
  }
  .sidebar_consumable_item.active .sidebar_arrow {
      color: #ffffff;
  }
  
  .no_consumables {
      text-align: center;
      color: #666;
      font-style: italic;
      margin: 20px 0;
  }
  .media_set{
      background-color: #F4F4F4;
      display: flex;
      align-items: flex-start;
      padding:35px 20px;
      border-radius: 20px;
      margin-bottom: 20px;
  }
  .media_set .media_image{
      width: 139px;
      border-radius: 10px;
      overflow: hidden;
  }
  .media_set .media_image img{
      display: block;
  }
  .media_set .media_content{
      width: calc(100% - 139px);
      padding-left: 20px;
  }
  .media_set .media_content h4{
      font-size: 30px;
      line-height: 1;
      font-weight: 600;
      color: #00437D;
        margin-bottom: 15px;
    }
  /* Main Content Area Styles */
  .consumable_main_content {
      max-width: 100%;
      position: relative;
  }
  
  .consumable_title {
      font-size: 36px;
      font-weight: 700;
      color: #1a1a1a;
      margin-bottom: 30px;
      font-family: 'Helvetica Neue', sans-serif;
      line-height: 1.2;
  }
  
  /* Search and Filter Bar */
  .consumable_search_filter {
      display: flex;
      gap: 20px;
      margin-bottom: 30px;
      align-items: center;
  }
  
  .search_bar {
      position: relative;
      flex: 1;
      max-width: 540px;
      border: 1px solid rgba(3, 66, 122,.2);
      border-radius: 50px;
  }
  .search_bar input{
      background-color: transparent;
      border: none;
      height: 50px;
      padding: 0 20px;
  }
  .search_input {
      width: 100%;
      padding: 15px 50px 15px 20px;
      border: none;
      border-radius: 8px;
      font-size: 16px;
      font-family: 'montserrat';
      transition: border-color 0.3s ease;
      height:100%;
      color: #03427A !important;
  }
  .search_bar .search_input:placeholder{
      color: #03427A !important;
  }
  .search_input:focus {
      outline: none;
      border-color: #1e3a8a;
  }
  
  .search_btn {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      background-color: #F2F2F2;
      border: 1px solid rgba(0, 0, 0, .1);
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
  }
  
  .consumable_search_filter .filter_btn {
      background: #ffffff;
      border: 1px solid rgba(3, 66, 122,.22);
      padding: 18px 25px;
      min-width: 200px;
      border-radius:30px;
      font-size: 16px;
      color: #03427A;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      transition: all 0.3s ease;
      font-family: 'montserrat';
  }
  
  .consumable_search_filter .filter_btn:hover {
      border-color: #1e3a8a;
      color: #1e3a8a;
  }
  
  .consumable_search_filter .dropdown_arrow {
      font-size: 12px;
      transition: transform 0.3s ease;
  }
  
  .consumable_search_filter .filter_btn:hover .dropdown_arrow {
      transform: rotate(180deg);
  }
  
  /* Consumable Description */
  
  
  .consumable_description p {
      margin: 0 0 15px 0;
  }
  
  .consumable_description p:last-child {
      margin-bottom: 0;
  }
  
  /* Product Listings */
  .product_listings {
      margin-top: 40px;
  }
  
  .product_item {
      background: #F4F4F4;
      border-radius: 10px;
      padding:20px 35px;
      margin-bottom: 20px;
      transition: all 0.3s ease;
  }
  
  .product_item:hover {
      border-color: #1e3a8a;
      box-shadow: 0 4px 20px rgba(30, 58, 138, 0.1);
  }
  
  .part_number {
      font-size: 24px;
      line-height: 1;
      font-weight: 600;
      color: #03427A;
      margin-bottom: 5px;
  }
  
  .product_item p{
      margin-bottom: 0;
  }
  .capacity_badge {
      display: inline-block;
        margin-top: 15px;
      background: #FFFFFF;
      color: #03427A;
      padding: 13px 25px;
      border-radius: 35px;
      font-size: 18px;
      font-weight: 500;
  }
  .capacity_badge + .capacity_badge{
      margin-left: 5px;
  }
  
  
  /* Related Products */
  .related_products {
      margin-top: 50px;
  }
  
  .related_products h3 {
      font-size: 28px;
      font-weight: 700;
      color: #1a1a1a;
      margin-bottom: 25px;
      font-family: 'Helvetica Neue', sans-serif;
  }
  
  .related_grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 25px;
  }
  
  .related_product_card {
      background: #ffffff;
      border: 2px solid #e5e7eb;
      border-radius: 10px;
      padding: 20px;
      transition: all 0.3s ease;
      text-decoration: none;
      color: inherit;
  }
  
  .related_product_card:hover {
      border-color: #1e3a8a;
      box-shadow: 0 4px 20px rgba(30, 58, 138, 0.1);
      transform: translateY(-2px);
  }
  
  .related_product_image {
        margin-bottom: 15px;
      border-radius: 8px;
      overflow: hidden;
  }
  
  .related_product_image img {
      width: 100%;
      height: auto;
      display: block;
  }
  
  .related_product_content h4 {
      font-size: 18px;
      font-weight: 600;
      color: #1a1a1a;
      margin-bottom: 10px;
      font-family: 'Helvetica Neue', sans-serif;
  }
  
  .related_product_content h4 a {
      color: inherit;
      text-decoration: none;
  }
  
  .related_product_content p {
        font-size: 14px;
      color: #666;
      line-height: 1.5;
      margin: 0;
      font-family: 'Helvetica Neue', sans-serif;
  }
  .wrist_categories a{
      display: block;
      background-color: #F4F4F4;
      padding: 10px 20px;
      border-radius: 10px;
      margin-bottom: 10px;
      text-decoration: none;
      color: #03427A;
      font-size: 14px;
      font-weight: 500;
  }
  .active .accordion_icon img {
      transform: rotate(180deg); /* or whatever effect you want */
  }
  /* Wrist Categories Accordion Styles */
  .wrist_cat_item.accordion_item {
      margin-bottom: 10px;
      background: #F4F4F4;
      border-radius: 10px;
      overflow: hidden;
      padding: 21px 35px;
  }
  
  .accordion_header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
      transition: background-color 0.3s ease;
  }
  
  .accordion_header h4 {
      margin: 0;
      color: #03427A;
      font-size:24px;
      font-weight: 600;
      text-transform: initial;
  }
  
  
  .accordion_icon {
      width: 49px;
      height: 49px;
      border: 1px solid rgba(0, 0, 0,.1);
      background: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .accordion_item.active .accordion_icon img {
      transform: rotate(180deg); /* or whatever effect you want */
  }
  
  .accordion_content {
      display: block;
  }
  
  .wrist_cat_content h4 {
      margin:2px 0 10px 0;
      color: #000000;
      font-size: 16px;
      font-weight: 400;
      font-family: 'Helvetica Neue', sans-serif;
  }
  .product_image{
      width: 100%;
      background-color: #fff;
      text-align: center;
      border-radius: 10px;
      padding: 23px 0;
  }
  .product_image img {
        max-width: 100%;
      height: auto;
      margin: 0;
  }
  
  .specifications {
      padding: 10px 0 0 0;
  }
  
  .specifications h5 {
      margin: 0 0 15px 0;
      color: #03427A;
      font-size: 16px;
      font-weight: 600;
  }
  
  .spec_items {
        margin-bottom: 15px;
    }

  .spec_item {
      display: flex;
      align-items: center;
  }
  
  .category_content_header{
      display:flex;
      justify-content: space-between;
      align-items:center;
      gap: 12px;
  }
  
  .category_content_header h4{
      margin:0;
  }
  
  .category_item_icon img{
      width:16px;
      height:16px;
  }
  
  .spec_item h6 {
      margin: 0;
      color: #000000;
        font-size: 16px;
      font-weight: 400;
      width: 40%;
      font-family: 'Helvetica Neue', sans-serif;
  }
  
  .band_size_item {
      margin: 10px 0;
      padding: 10px;
      background: white;
      border-radius: 3px;
      border-left: 3px solid #03427A;
  }
  
  .info_item {
      margin: 8px 0;
  }
  
  .core_size,
  .bands_per_box {
      padding: 8px 12px;
      background: #f5f5f5;
      border-radius: 3px;
      font-size: 14px;
      margin: 5px 0;
  }
  
  .core_size strong,
  .bands_per_box strong,
  .size_value strong,
  .information_value strong {
      color: #03427A;
  }
  
  .size_item,
  .information_item,
  .core_size_item,
  .bands_box_item {
      padding: 3px 12px;
      font-size: 16px;
      color: #000000;
      font-weight: 400;
      width: 25%;
      font-family: 'Helvetica Neue', sans-serif;
  }
  
  .color_options {
      margin-top: 15px;
  }
  
  .color_options span,
  .color_option {
      display: inline-block;
      padding: 10px 17px;
      background: #fff;
      color: #03427A;
      border-radius: 35px;
      font-size: 18px;
      margin: 2px;
      font-weight: 500;
  }
  .category_content_item + .category_content_item{
      margin-top: 15px;
  }
  .category_content_body{
      margin-top: 15px;
  }
  /* Responsive adjustments for accordion - moved to organized media queries section */
  .consumable_main_content h5{
      font-size: 24px;
      line-height: 32px;
      font-weight: 400;
      color: #000000;
      font-family: 'Helvetica Neue', sans-serif;
      margin-bottom: 15px;
  }
  /* Responsive Styles for Consumable Detail Page - moved to organized media queries section */
  
  /* ========================================
     SUCCESS STORIES PAGE STYLES
     ======================================== */
  
  
  /* Customers Trust Section */
  .customers_trust_section {
      padding: 100px 0;
      background-color: #f8f9fa;
  }
  
  .section_header {
      text-align: center;
      margin-bottom: 60px;
  }
  
  .section_title {
      font-size: 2.5rem;
      color: #03427A;
      margin-bottom: 20px;
      font-weight: bold;
  }
  
  .section_description {
      font-size: 1.1rem;
      color: #666;
      max-width: 600px;
      margin: 0 auto;
      line-height: 1.6;
  }
  
  
  /* Featured Success Story Section */
  .featured_success_story {
      padding: 115px 0;
      background: linear-gradient(180deg,rgba(15, 106, 215, 1) 0%,rgba(1, 51, 115, 1) 100%);
      border-radius: 50px 50px 0px 0px;
      position: relative;
      overflow: hidden;
  }
  .featured_success_story .featured_graphic{
     opacity:.2
  }
  .featured_success_story .main_title{
     color:#fff;
  }
  .success_story_content{
    display: flex;
    align-items: center;
  }
  .success_story_content .story_text{
    width: 100%;
    height: 400px;
  }
  .story_slider_content{
    display:flex;
    width:100%;
 }
 .story_slider_content .story_details {
    padding-right: 65px;
    width:60%
 }
 
 .story_slider_content .story_info h3,
 .story_slider_content .story_info h4 {
    color: white;
    margin: 10px 0;
 }
 
 .story_slider_content .story_image img {
    width: 100%;
    height: auto;
    object-fit: cover;
 }
 .story_description {
    overflow-x: hidden;
    overflow-y: visible;
    word-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
 }
 .story_description p {
    margin: 0;
    line-height: 1.6;
    overflow-x: hidden;
    overflow-y: visible;
    word-wrap: break-word;
    word-break: break-word;
 }
/* Success Stories Responsive Design - moved to organized media queries section */
  
  
  .success_story_content .story_info  {
      margin:40px 0 15px 0;
  }
  
  .success_story_content .story_country {
      font-weight: bold;
  }
  
  .success_story_content .story_product {
      font-size: 1.3rem;
      font-weight: bold;
      color: #87CEEB;
  }

  
  .success_story_content .story_image {
      text-align: center;
      width:42%;
      position: relative;
      top: -60px;
  }
  
  .success_story_content .story_image img {
        max-width: 100%;
      height: auto;
  }
  .success_story_content h3{
     color:#fff;
     font-size:18px;
  }
  .success_story_content h4{
     color:#fff;
     font-size:30px;
     line-height:1;
     margin:12px 0;
  }
  .story_description p{
     color:#fff;
     font-family:"Montserrat", sans-serif;
  }

  /* Swiper Styles */
  .success_stories_slider {
      position: relative;
  }
  
  .success_stories_swiper {
      width: 100%;
      overflow-y:visible !important;
  }
  
  /* Ensure Swiper lays out slides correctly even without external CSS */
  .success_stories_swiper .swiper-wrapper {
      display: flex;
      width: 100%;
      transition-property: transform;
      box-sizing: content-box;
  }
  
  .success_stories_swiper .swiper-slide {
      flex-shrink: 0;
      width: 100%;
      height: auto;
      overflow: visible;
      box-sizing: border-box;
  }
  
  .slider_navigation {
      display: flex;
      gap: 8px;
      position: absolute;
      bottom: 90px;
  }
  
  .featured_success_story .slider_prev,
  .featured_success_story .slider_next {
      width: 56px;
      height: 56px;
      background: #fff;
      color: white;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
        align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
      position:initial;
  }
  .featured_success_story .slider_prev:after,
  .featured_success_story .slider_next:after {
      font-size:0;
      width:20px;
      height:15px;
    }
    .featured_success_story .slider_prev:after{
      background-image: url(../images/swiper-prev-arrow.svg);

  }
  .featured_success_story .slider_next:after {
    background-image: url(../images/swiper-next-arrow.svg);
}
  .slider_prev:hover,
  .slider_next:hover {
      background: white;
      color: #03427A;
  }
  
  /* More Success Stories Section */
  .more_success_stories {
      padding:120px 0;
      background-color: #F4F4F4;
  }
  
  .more_success_stories .section_header {
      display: flex;
      justify-content: flex-end;
      margin-bottom: 50px;
  }
  
  .category_filter {
      position: relative;
  }
  
  .category_select {
      appearance: none;
      background: transparent;
      border: 1px solid rgba(3, 66, 122,.22);
      border-radius: 35px;
      padding: 15px 50px 15px 30px;
      font-size: 1rem;
      color: #03427A;
      cursor: pointer;
      min-width: 200px;
      background-image: url("../images/select_arw.png");
      background-position: right 25px center;
      background-repeat: no-repeat;
      background-size: 10px;
      font-family:"Montserrat", sans-serif;
  }
  
  .category_select:focus {
      outline: none;
      border-color: #1e5a8a;
      box-shadow: 0 0 0 3px rgba(3, 66, 122, 0.1);
  }
  
  .success_stories_grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 30px;
      margin-bottom: 50px;
  }
  
  .success_story_card {
      border-radius: 12px;
      overflow: hidden;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  
  .success_story_card:hover {
      transform: translateY(-5px);
  }
  
  .story_card_image {
      position: relative;
      overflow: hidden;
      height: 495px;
      border-radius:20px;
  }
  
  .story_card_image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.3s ease;
  }
  
  .success_story_card:hover .story_card_image img {
      transform: scale(1.05);
  }
  
  .story_card_content {
      padding: 25px 0;
  }
  
  .story_card_title {
      font-size:22px;
      color: #03427A;
      margin-bottom: 15px;
      line-height: 1;
      font-weight:600;
      min-height: 44px;
  }
  .story_card_content h5{
     background:#E7F0FC;
     color:#0067DF;
     font-size:14px;
     display: inline-flex;
     padding: 5px 15px;
     border-radius: 30px;
  }
  .story_card_category {
      color: #666;
      font-size: 1rem;
      margin: 0;
  }
  
  .learn_more_section {
      text-align: center;
      margin-top:40px;
  }
  
  .contact-btn b{
    min-width: 115px;
  }
  /* Banking Page (static) */


.top_banking_solutions { padding: 120px 0; background:#F4F4F4;text-align:center;position:relative}
.top_banking_solutions p{max-width: 880px;margin:20px auto;}
.solutions_row { display:grid; grid-template-columns: repeat(4, 1fr); gap:34px;}
.solution_card {text-align:center; }
.solution_media { height:270px; display:flex; align-items:center; justify-content:center; margin-bottom:10px;background:#fff; border-radius:20px;}
.solution_media img { max-width:100%; max-height:100%; object-fit:contain; }
.solution_card h5 { margin:0; color:#03427A; font-weight:600;font-size:22px; }

/* Solutions slider nav */
.solutions_slider { position: relative; }

.solutions_nav .arrow_white_prev{left: -80px !important;transform: translateY(-50%);}
.solutions_nav .arrow_white_next{right: -80px !important;transform: translateY(-50%);}
.solutions_prev::after, .solutions_next::after { content:''; position:absolute; inset:0; margin:auto; width:10px; height:10px; border-top:2px solid #fff; border-right:2px solid #fff; transform: rotate(45deg); }
.solutions_prev::after { transform: rotate(225deg); }

.banking_listing { padding: 50px 0 120px 0; }
.listing_layout { display:grid; grid-template-columns: 280px 1fr; gap:30px; align-items:start; }
.listing_sidebar h3 { margin:0 0 14px; color:#03427A; font-weight:800; }
.sidebar_nav { list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.sidebar_nav li a { display:flex; justify-content:space-between; align-items:center; background:#eef2f6; padding:14px 16px; border-radius:10px; color:#12243A; font-weight:600; }
.sidebar_nav li.active a, .sidebar_nav li a:hover { background:#03427A; color:#fff; }
.explore_more { margin-top:50px;}
.explore_more a{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #C3CFDB;padding-bottom: 10px;margin-bottom: 5px;transition:all 0.3s ease}
.explore_more a:hover .awr_img_right{transform:translateX(10px)}
.explore_more .text{color:#03427A;font-size:14px;font-weight:600}
.explore_more .awr_img_right{margin-right:15px;transition:all 0.3s ease}
.explore_more h4 { color:#03427A; margin:0 0 22px; font-weight:bold;font-size:20px;line-height:26px;padding-right: 30px; }
.explore_more ul { list-style:none; padding:0; margin:0; display:grid; gap:8px; }

.listing_main .listing_header { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; }
.listing_main h2 { margin-bottom:25px;}

.products_grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:30px;margin-top:35px}
.product_card { position:relative; }
.product_badge{position:absolute; top:10px; left:10px; display:flex;gap:5px}
.product_badge span { background:#006AE7; color:#fff; font-size:12px;font-size: 12px;padding: 5px 15px;border-radius: 20px; }
.product_media {background:#F3F3F4; height:290px; display:flex; align-items:center; justify-content:center; margin-bottom:12px;border-radius:20px;overflow: hidden;}
.product_media img { max-width:100%; max-height:100%; object-fit:contain; }
.product_title ,.product_title a{ margin:0; color:#03427A; font-weight:600;font-size:18px;}
.product_meta { display:flex; gap:8px; }
.meta_item { background:#eef2f6; color:#12243A; font-size:12px; padding:4px 8px; border-radius:12px; }
.listing_footer { margin-top:45px; text-align:center; }
.load_more_btn { display:inline-flex; align-items:center; gap:8px; background:#03427A; color:#fff; padding:10px 16px; border-radius:24px; font-weight:700; }
.banking_cta { padding:60px 0; background:#F5FAFF; text-align:center; }
.banking_cta h2 { color:#03427A; font-weight:800; margin:0 0 10px; }
.banking_cta p { color:#556; margin:0 0 18px; }

/* Support Page Styles */
.support_page {
    background: #ffffff;
}

.support_services_section {
    padding: 120px 0;
    background: #f8f9fa;
}

.support_services_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 50px;
}

.support_service_item {
    background: #ffffff;
    padding: 40px 30px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    text-align: center;
}

.support_service_item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.service_icon {
    margin-bottom: 25px;
}

.service_icon img {
        width: 60px;
        height: 60px;
    object-fit: contain;
}

.service_content h3 {
    font-size: 22px;
    color: #03427A;
    margin-bottom: 15px;
    font-weight: 600;
}

.service_content p {
        font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 25px;
}

.service_link {
    display: inline-flex;
    align-items: center;
    color: #0067DF;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.service_link:hover {
    color: #0043b2;
}

.service_arrow {
    margin-left: 8px;
    transition: transform 0.3s ease;
}

.service_link:hover .service_arrow {
    transform: translateX(3px);
}

.service_arrow img {
    width: 16px;
    height: 16px;
}

/* Downloads Section */
/* .downloads_section {
    padding: 80px 0;
    background: #03427A;
    color: #ffffff;
} */

.downloads_section .main_title {
    color: #ffffff;
}

.downloads_section .section_description {
    color: rgba(255, 255, 255, 0.8);
}

.downloads_content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    margin-top: 50px;
}

.downloads_image img {
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.downloads_text {
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
        margin-bottom: 30px;
}

.downloads_section .contact-btn {
    background: #ffffff;
    color: #03427A;
    border: 2px solid #ffffff;
}

.downloads_section .contact-btn:hover {
    background: transparent;
    color: #ffffff;
    border-color: #ffffff;
}

/* Documentation Sections */
.documentation_sections {
    padding: 80px 0;
    background: #f8f9fa;
}

.documentation_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    margin-top: 50px;
}

.documentation_category {
    background: #ffffff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.category_title {
    font-size: 28px;
    color: #03427A;
    margin-bottom: 30px;
    font-weight: 600;
    text-align: center;
}

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

.documentation_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
        padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.documentation_item:hover {
    background: #e9ecef;
}

.doc_info h4 {
        font-size: 18px;
    color: #03427A;
    margin-bottom: 5px;
    font-weight: 500;
}

.doc_info p {
    font-size: 14px;
    color: #666;
    margin: 0;
}

.doc_download {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #0067DF;
    border-radius: 50%;
    transition: background 0.3s ease;
}

.doc_download:hover {
    background: #0043b2;
}

.doc_download img {
    width: 20px;
    height: 20px;
    filter: brightness(0) invert(1);
}

/* FAQ Section */
.faq_section {
    padding: 80px 0;
    background: #ffffff;
}

.faq_accordion {
    max-width: 800px;
    margin: 0 auto;
}

.faq_item {
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 0;
}

.faq_question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.faq_question:hover {
    color: #0067DF;
}

.faq_question.active {
    color: #0067DF;
}

.faq_question h4 {
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    flex: 1;
}

.faq_toggle {
         font-size: 24px;
    font-weight: 300;
    color: #0067DF;
    transition: transform 0.3s ease;
}

.faq_question.active .faq_toggle {
    transform: rotate(45deg);
}

.faq_answer {
    display: none;
    padding-bottom: 25px;
}

.faq_content {
    font-size: 16px;
    line-height: 1.6;
    color: #666;
}

.faq_content p {
    margin-bottom: 15px;
}

.faq_content p:last-child {
    margin-bottom: 0;
}

/* Contact Support Section */
.contact_support_section {
     padding: 80px 0;
    background: #f8f9fa;
}

.contact_support_content {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.support_contact_options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin-top: 50px;
}

.contact_option {
    background: #ffffff;
    padding: 40px 30px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    text-align: center;
    transition: all 0.3s ease;
}

.contact_option:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
/* 
.contact_icon {
    margin-bottom: 25px;
} */
/* 
.contact_icon img {
    width: 60px;
    height: 60px;
    object-fit: contain;
} */

.contact_info h4 {
    font-size: 22px;
    color: #03427A;
    margin-bottom: 15px;
    font-weight: 600;
}

.contact_info p {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 25px;
}

/* Support Page Responsive Design - moved to organized media queries section */

/* Curved Screen Page Styles */
.curved_screen_page {
    background: #ffffff;
}

.curved_screen_page .overview_description {
    font-size: 16px;
    line-height: 1.6;
    color: #666;
    margin-bottom: 30px;
}

.curved_screen_page .overview_graphic {
    margin-top: 40px;
    text-align: center;
}

.curved_screen_page .overview_graphic img {
    max-width: 100%;
    height: auto;
}

/* Gallery Section Enhancements */
.gallery_section {
    padding: 80px 0;
}

/* .gallery-card {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
} */

/* .gallery-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
} */
/* 
.gallery-card .business-card__image {
    height: 300px;
    overflow: hidden;
} */

.gallery-card .business-card__image img {
     width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.gallery-card:hover .business-card__image img {
    transform: scale(1.05);
}

/* Other Models Section */
.other_models_section {
    padding: 80px 0;
    position: relative;
}

.other_models_section .business-card_content_new {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    color: white;
    padding: 30px 20px 20px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.other_models_section .business-card_content_new:hover {
    background: linear-gradient(transparent, rgba(3, 66, 122, 0.9));
    text-decoration: none;
    color: white;
}

.other_models_section .business-card_content_new h3 {
     margin: 0;
    font-size: 18px;
    font-weight: 600;
 }

/* Why Choose Section Enhancements */
.why_choose_section .about_description ul {
     list-style: none;
    padding: 0;
 }

.why_choose_section .about_description li {
    position: relative;
    padding-left: 30px;
     margin-bottom: 15px;
     font-size: 16px;
    color: #333;
 }

.why_choose_section .about_description li:before {
    content: "";
  position: absolute;
  left: 0;
    top: 0;
    color: #0067DF;
    font-weight: bold;
    font-size: 18px;
}

/* Benefits Section Enhancements */
.benefits_section .software_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 50px;
}

.benefits_section .software_card {
    padding: 40px 30px;
    border-radius: 12px;
    text-align: center;
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
}

.benefits_section .software_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.benefits_section .software_icon {
    margin-bottom: 25px;
}

.benefits_section .software_icon img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.benefits_section .software_title {
    font-size: 20px;
    color: #03427A;
    margin-bottom: 15px;
    font-weight: 600;
}

.benefits_section .software_card p {
    font-size: 16px;
    line-height: 1.6;
    color: #666;
    margin: 0;
}

/* Partners Section for Curved Screen */
.curved_screen_page .partners_section {
    background: #f8f9fa;
}

.curved_screen_page .partners_logos_grid {
    margin-top: 50px;
}

.curved_screen_page .no_partners {
    text-align: center;
    padding: 60px 20px;
    background: #ffffff;
    border-radius: 12px;
    margin-top: 50px;
}

.curved_screen_page .no_partners h3 {
    color: #03427A;
    margin-bottom: 15px;
}

.curved_screen_page .no_partners p {
    color: #666;
    margin: 0;
}

/* Responsive Design for Curved Screen Page - moved to organized media queries section */

/* Support Page Filtering */
.support_post_group.hidden {
    display: none !important;
}

.no_posts_message {
    text-align: center;
    padding: 60px 20px;
    background: #f8f9fa;
    border-radius: 8px;
    margin: 20px 0;
}

.no_posts_message h3 {
    color: #03427A;
    margin-bottom: 15px;
         font-size: 24px;
     }

.no_posts_message p {
    color: #666;
    margin: 0;
    font-size: 16px;
 }


/* All responsive styles have been moved to responsive.css */

/* ========================================
   SUBMENU NAVIGATION STYLES
   ======================================== */

/* Menu items with children */

.menu-item-has-children > a {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Mobile Menu Icon Styles - Show Always */


.mob-menu-icn.active {
    transform: rotate(180deg);
}



/* Submenu base styles */
.sub-menu {
    position: absolute;
    top: 90%;
    left: 0;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 999;
    min-width: 200px;
    padding: 20px 0;
    margin-top: 10px;
}



.sub-menu li {
    display: block;
    margin: 0;
}
.submenu-column{
    position: relative;
    z-index: 5;
}
.big_menu::after{
    content: "";
    background-image: url(../images/menu_frame.png);
    width: 229px;
    height: 375px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.sub-menu li a {
    padding:8px 25px;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    display: block;
    transition: all 0.3s ease;
}


/* Solutions Submenu - Large Multi-Column Layout */
.sub-menu {
    width: 1450px;
    left: 0;
    right:0;
    margin: 0 auto;
    padding: 60px;
    display: grid;
    grid-template-columns:.8fr 2fr .9fr 1fr;
    gap: 25px;
}
.small_menu{
     position: relative;
}
.small_menu > .sub-menu{
    width: 220px;
    top: 90px;
    display: block;
    padding: 25px;
}
.small_menu > .sub-menu ul{
    margin-bottom: 0;
}
.sub-menu ul{
    margin: 10px 0 40px 0;
    padding: 0;
}

/* Second column styling for 2 ul sets */
.sub-menu .submenu-column:nth-child(2) .submenu-column-set{
    display: flex;
    gap: 20px;
}

.sub-menu ul li a{
    position: relative;
    padding-left: 40px;
    font-family: 'Helvetica Neue', sans-serif;
    transition:all 0.3s ease;
    padding-right: 0;
}
.sub-menu ul li a:after{
    content:"";
    background-image: url(../images/arrow-right.png);
    width: 26px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 5px;
    background-repeat: no-repeat;
}

.nav-menu li .sub-menu h4 a{
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    position: relative;
    display: inline;
    padding: 0;
    transition: all 0.3s ease;
}
.nav-menu li .sub-menu h4 a::after{
    content: "";
    background-image: url(../images/submenu_title_arw.png);
    background-repeat: no-repeat;
    width:25px;
    height:25px;
    position: absolute;
    right: -40px;
    top: -2px;
    transition: all 0.3s ease;
}
.nav-menu li .sub-menu h4 a:hover::after{
    right: -50px;
}

.company_card{ position: relative; z-index: 1;}
.about_intro_content{ overflow: hidden;}
.partners-section{overflow: hidden;}

@media (min-width: 1041px) {
	/* .nav-menu  li:hover .sub-menu{
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	} */
    .menu-item-has-children:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}