@media (min-width: 769px) and (max-width: 991px) {
.new-col-6{
flex: 0 0 auto;
    width: 50%;
}

  .footer-links a,.footer-left {
    font-size: 12px !important;
  }

    footer.rs-footer .row > div {
    width: 100% !important;
    text-align: center;
  }

  .footer-socials{
    justify-content: center;
  }

  .vision-section .row {
  margin-top: 50px !important;
}
.vision-section {
  padding: 0px 0px 0px 0px !important;
}

 .contact-info-icon {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px !important;
  }

   .blogbtn a {
  bottom: -58px;
  top: unset !important;
}
  
}

@media (max-width:1199px){
      .main-nav .nav-link {
    display: flex;
    justify-content: space-between;
  }
   .main-nav .nav-item {
    border-bottom: 1px solid #ddd !important;
  }

   .nav-item.dropdown.show {
    background-color: #f7f7f7;
  }

    .nav-item.dropdown .nav-link {
    border-bottom: none;
  }

    .nav-item.dropdown .dropdown-menu {
    width: 100%;
    border-radius: 0px;
  }

   .shadow-menu {
    box-shadow: none;
  }

   .dropdown-menu {
    opacity: 1 !important;
    transform: none;
    visibility: visible !important;
    display: none !important;
  }

   .customlink a {
    padding: 0px 0px 0px 14px !important;
  }

   .navbar-nav .dropdown-menu {
    position: unset;
  }
   .navbar .dropdown-menu {
    padding: 0px !important;
  }
    .main-nav .dropdown-menu {
    margin-top: 0px !important;
  }
   .dropdown-menu {
    visibility: visible;
  }
    .navbar .dropdown-menu .dropdown-item {
    padding: 14px 20px 14px 30px !important;
  }
    .nav-item a {
    align-items: center;
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    font-size: 13px !important;
    font-weight: 500;
    padding: 14px 0px 14px 14px;
  }
   .offcanvas-body .nav-item {
    padding-left: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
  }
   .main-nav .nav-item {
    display: block;
  }
   /* .main-nav .nav-link {
    display: block;
    color: #333;
    text-decoration: none;
  } */

   .custom-off .offcanvas-body {
    padding: 0;
  }

    .nav-item.dropdown.show .mobile-toggle-icon {
    background-color: rgb(253, 184, 19);
    color: #fff;
  }
  .shadow-menu {
  box-shadow: none !important;
}
   .customlink .nav-link {
    align-items: center;
  }
    .mobile-toggle-icon {
    display: flex !important;
    width: 50px;
    height: 49px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    justify-content: center;
    align-items: center;
  }
}

@media(max-width:1024px){
    .nav-item a {
        align-items: center;
        display: flex;
        justify-content: space-between;
        text-transform: uppercase;
        font-size: 13px !important;
        font-weight: 500;
        padding: 14px 0px 14px 14px;
    }

      
}

@media(max-width:768px){
      .tab-inner-text-side {
        text-align: center;
    }
}

/* 09/04/2026 Update CSS  */
/* a {
    color: #0000FF !important;
}

a:visited {
    color: #800080 !important;
} */

/* target ONLY first anchor (image) */
.rs-news-card > a:first-child {
    position: relative;
    display: block;
    overflow: hidden;
}

/* overlay */
.rs-news-card > a:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    transition: 0.4s ease;
    z-index: 1;
    border-radius: 20px;
}

/* show overlay on card hover */
.rs-news-card:hover > a:first-child::after {
    opacity: 1;
}

/* image zoom */
.rs-news-card > a:first-child img {
    transition: transform 0.5s ease;
    display: block;
    width: 100%;
}

.label-form-search{
    font-size: 18px;
    margin-bottom: 4px;
}

/* IMAGE WRAPPER */
.ng-blog-image {
    /* height: 350px; */
    position: relative;
    overflow: hidden;
    aspect-ratio: auto 1024 / 683;
}

/* CREATE BACKGROUND LAYER */
.ng-blog-image::before {
    content: "";
    position: absolute;
    inset: 0;
    background: inherit; /* takes inline bg */
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
    z-index: 0;
}

/* ZOOM ONLY BACKGROUND */
.ng-blog-card:hover .ng-blog-image::before {
    transform: scale(1.06);
}

/* KEEP CONTENT ABOVE */
.ng-date-badge,
.ng-blog-image > * {
    position: relative;
    z-index: 2;
}

.ng-read-more-wrap{
    margin: 0px;
}

/* WRAPPER */
.ng-blog-card {
    max-width: 100%;
    margin: auto;
}

/* IMAGE */
/* .ng-blog-image {
    position: relative;
    overflow: hidden;
    transition: transform 0.5s ease;
} */


/* CONTENT BOX */
.ng-article-box {
    background: #fff;
    padding: 25px;
    width: 95%;
    margin: -25px auto 0;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 4px;
    position: relative;
    z-index: 2;
    /* transition: 0.3s ease; */
}

/* TITLE */
.ng-title a {
    /* color: #7a1ea1; */
    font-weight: 500;
    text-decoration: none;
}

/* .ng-title a:link {
    color: #7a1ea1;
} */

.ng-title a:hover{
color: rgb(51 51 51 / 65%);
}


.ng-title{
    font-size: 32px;
    font-weight: 500;
}



/* DATE TEXT */
.ng-date-text {
    font-size: 20px;
    color: #000;
    margin: 10px 0;
}

/* READ MORE */
.ng-read-more {
    font-size: 13px;
    color: #f4a000 !important;
    text-decoration: none;
    font-weight: 800;
}

/* HOVER LIFT */
.ng-blog-card:hover .ng-article-box {
    /* transform: translateY(-5px); */
}

/* OPTIONAL OVERLAY */
.ng-blog-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    transition: 0.4s;
}

.ng-blog-card:hover .ng-blog-image::after {
    opacity: 1;
}




body {
    overflow-x: hidden;
}

.blog-post-image{
    aspect-ratio: auto 1080 / 683;
}

/* .blog-post-image:hover{
    scale: 1.02;
} */

.article-body-container {
    padding: 25px;
    border-radius: 0px;
    background-color: #fff;
    margin-top: 25px;
    margin-left: 50% ;
    margin-right: 50%;
    width: 95%;
    z-index: 99;
    transform: translate(-50%, -50%);
}

/* IMAGE WRAPPER */
.blog-post-image {
    position: relative;
    overflow: hidden;
}

/* LOADER DEFAULT HIDDEN */
.blog-post-image .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateY(-15px);
    opacity: 0;
    pointer-events: none;
    transition: 0.3s ease;
}

/* DARK OVERLAY */
.blog-post-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    transition: 0.3s ease;
}


.loader {
  width: 15px;
  aspect-ratio: 1;
  border-radius: 50%;
  clip-path: inset(-45px);
  box-shadow: -60px 15px,-60px 15px,-60px 15px;
  transform: translateY(-15px);
  animation: l19 1s infinite linear;
}
@keyframes l19{ 
  16.67% {box-shadow:-60px 15px,-60px 15px,19px 15px}
  33.33% {box-shadow:-60px 15px,  0px 15px,19px 15px}
  40%,60%{box-shadow:-19px 15px,  0px 15px,19px 15px}
  66.67% {box-shadow:-19px 15px,  0px 15px,60px 15px}
  83.33% {box-shadow:-19px 15px, 60px 15px,60px 15px}
  100%   {box-shadow: 60px 15px, 60px 15px,60px 15px}
}

.blog-detail {
    background-color: #000;
    color: #fff;
    text-align: center;
}

.news-h1 {
    color: #fff;
    font-size: 68px;
    margin: 0;
}

.image-date,.ng-date-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 2;
    display: inline-block;
    min-width: 53px;
    border-radius: 0px;
    background-color: #fff;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
    color: #333;
    text-align: center;
    line-height: 1;
}

.post-date-day,.ng-day {
    padding-top: 6px;
    padding-bottom: 4px;
    font-size: 24px;
}

.post-date-month, .ng-month {
    padding-top: 2px;
    padding-bottom: 8px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}

.breadcrumb-item a {
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
}

.breadcrumb-item a:link {
color: #fff;
}

.breadcrumb-item+.breadcrumb-item::before{
color: #fff;
}

.breadcrumb-item a:visited {
    color: #800080;
}

.featured-posts .featured-detailwrap:last-child h3{
    margin: 0px;
}


.breadcrumb-item.active {
    color: #0000FF;
    font-size: 11px;
    text-transform: uppercase;
}

.breadlink {
    align-items: center;
}



.meta-top {
    display: inline-block;
    overflow: hidden;
    padding-right: 10px;
    padding-left: 10px;
    height: 25px;
    border-radius: 0px;
    background-color: rgb(253, 184, 19);
    color: #fff;
    font-size: 12px;
    line-height: 25px;
    margin-bottom: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.post-h1 {
    font-weight: 500;
}

.top-meta-details {
    margin-bottom: 40px;
}

.blog-top {
    background-color: #000;
    padding: 60px 0px;
    margin-bottom: 40px;
}

.post-title {
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 1.2;
}

.post-image {
    /* width: 100%;
    height: 720px; */
    aspect-ratio: auto 1080 / 720;
}

.side-h3 {
    font-size: 18px;

}

.search-box {}

.search-input {
    height: 45px;
    border: 2px solid rgb(0 0 0 / 10%);
    border-radius: 0;
}

.search-btn {
    height: 45px;
    background: #fdb813;
    color: #fff;
    font-weight: 600;
    border: none;
    border-radius: 0;
    padding: 0 25px;
    white-space: nowrap;
    font-size: 13px;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
}

.sidebar-sec {
    margin-bottom: 30px;
    padding-bottom: 30px;
    padding-right: 5px;
    border-bottom: 1px solid rgb(0 0 0 / 11%);
}

.search-btn:hover {
    background: #d99c00;
}

.post-navigation {
    padding: 30px 0;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    margin-top: 70px;
}

/* SOCIAL ICONS */
.social-icons .icon {
    display: inline-flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin: 0 6px;
    font-size: 18px;
}

.icon.fb {
    background: #3b5998;
}

.icon.pin {
    background: #bd081c;
}

.icon.x {
    background: #000000;
}

.icon.in {
    background: #0077b5;
}

.icon.tg {
    background: #229ED9;
}

/* DIVIDER */
.divider {
    /* border-top: 1px solid #ddd; */
    margin: 50px 0;
}

/* NAV ROW */
.nav-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* LEFT / RIGHT */
.nav-left,
.nav-right {
    width: 40%;
}

.nav-label {
    display: block;
    font-size: 16px;
    color: #aaa;
    margin-bottom: 5px;
}

/* LINKS */
.nav-link-bottom {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
}

/* CENTER ICON */
.nav-center {
    width: 20%;
    text-align: center;
    color: purple;
    font-size: 20px;
}

/* CIRCLE BUTTON */
.circle {
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hide-nav-pre-next:hover {
    color: rgb(253, 184, 19);
}






/* TOP BAR LAYOUT */
.social-tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
}



/* TAG STYLE */
.post-tags1 {
    position: relative;
    display: flex;
    align-items: center;
}

.posttag {
    padding: 4px;
    padding-right: 36px;
    padding-left: 20px;
    border: 1px solid #ccc;
    font-size: 14px;
    /* border-radius: 3px; */
}

.post-tags1 a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0000001b;
    transition: background .25s ease;
}

/* SOCIAL ICONS RIGHT */
.social-icons {
    display: flex;
    gap: 10px;
}


@media (max-width: 576px) {
    .post-h1 {
        font-size: 20px !important;
        line-height: 30px !important;
    }
}


/* RESPONSIVE */
@media (max-width: 768px) {
        .ng-title{
            font-size: 24px;
        line-height: 1.4;
}



    .nav-row {
        /* flex-direction: column; */
        gap: 20px;
        text-align: center;
    }

    .hide-nav-pre-next {
        display: none;
    }

    .sidebar-sec {
    padding-right: 0px;
}

    .blog-top {
        padding: 11px 0px;
    }

    .news-h1 {
        font-size: 36px !important;
        margin-bottom: 0px;
    }

    .post-h1 {
        font-size: 24px !important;
    }

    .nav-left,
    .nav-right,
    .nav-center {
        width: 100%;
    }

    .nav-link-bottom {
        align-items: center;
    }

    .nav-link-bottom span {
        color: #000;
    }

    .post-navigation {
        padding: 30px 0;
        border-top: none;
        border-bottom: 2px solid #ddd;
        margin-top: 0px;
    }
}

.newh2 {
    font-size: 28px;
    color: #000;
    line-height: 40px !important;
    margin-bottom: 20px;
    margin-top: -35px;
}

.text-l-rev .newheading-h2 {
    font-size: 18px;
    line-height: 26px !important;
    text-align: left !important;
    margin-bottom: 20px;
}

.text-l-rev .inclusion-h2 {
    font-size: 24px;
    line-height: 36px !important;
    text-align: left !important;
    margin-bottom: 20px;
}

.water-content {
    margin-top: 94px;
}

.inclusion {
    margin-top: 200px;
}

/* Lightbox */
#fullscreenLightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#fullscreenImage {
    max-width: 95%;
    max-height: 95%;
    border-radius: 0px;
}

.close-lightbox {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
}


/* .journey-card:first-child {
    margin-left: 20px;
}

.journey-card:last-child {
    margin-right: 20px;
} */

.rs-tab-container .wrapper ul li {
    margin-bottom: 10px !important;
}

.rs-tab-container .wrapper ul li {
    font-size: 18px !important;
}

.rs-tab-container .wrapper ul {
    margin-bottom: 0px !important;
}

.rs-tab-container .wrapper p {
    padding-top: 0px !important;
}

.wrapper .block h3 {
    font-size: 28px;
}

.tab-image-bottom .tab-inner-img-side {
    padding: 0px !important;
}

.rs-tab-container .wrapper p {
    padding-bottom: 0px !important;
}

.journey-section {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}



.wrapper .icon img {
    width: 250px;
    height: auto;
}

.enquiryForm input::placeholder,
.enquiryForm textarea::placeholder {
    text-transform: capitalize;
}

.about-menu,
.corporate-menu {
    position: relative;
}

.about-menu::after,
.corporate-menu::after {
    content: "";
    position: absolute;
    top: 70%;
    left: 0;
    width: 100%;
    height: 44px;
    background: transparent;
    pointer-events: none;
}

/* Keep your spacing */
.about-menu .dropdown-menu,
.corporate-menu .dropdown-menu {
    margin-top: 30px;
    transition: all .0s ease;
}

.about-menu:hover::after,
.corporate-menu:hover::after {
    pointer-events: auto;
}


/* Mega menu  */
.mega-menu-parent {
    position: relative;
}

.mega-menu-parent::after {
    content: "";
    position: absolute;
    top: 70%;
    left: 0;
    width: 100%;
    height: 30px;
    background: transparent;
    pointer-events: none;
}

/* Keep your spacing */
.mega-menu-parent .dropdown-menu {
    margin-top: 30px;
    transition: all .0s ease;
}

.mega-menu-parent:hover::after {
    pointer-events: auto;
}

/* mega menu end  */


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

.innerpagesbannerwrap::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #1B2C5A 100%, #f2295b 100%);
    opacity: 0;
    /* hidden initially */
    /* transition: 0.4s ease; */
    z-index: 1;
}

/* Hover effect */
.innerpagesbannerwrap::before {
    opacity: 0.40;
}

.innerpagesbannerwrap h1 {
    position: relative;
    z-index: 2;
}

.contactline {
    width: 100%;
    margin: 0px;
}

p a,
li a,
span a {
    color: #0000FF;
}

p a:visited,
span a:visited {
    color: #800080;
}

.latestpostleft .post_content {
    text-align: start !important;
}

.main-nav .nav-link {
    color: #000000;
    font-size: 18px;
}

.mobile-tech .dropdown-item {
    white-space: normal;
    word-break: break-word;
}

.mobile-tech .dropdown-menu .dropdown-item {
    padding: 14px 20px 14px 30px !important;
}

#techMenu ul li a,
#manufacturingMenu ul li a {
    padding: 14px 20px 14px 40px !important;
}

#techMenu ul,
#manufacturingMenu ul {
    padding: 0px !important;
}

.inner-menu {
    display: none;
}

.inner-menu.active {
    display: block;
}

.menu-content {
    display: none;
}

.shadow-menu {
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.menu-content.active {
    display: block;
}

.tech-menu li {
    cursor: pointer;
    padding: 10px 0;
}

.tech-menu li.active a {

    font-weight: 500 !important;
}

.tech-menu li.active a i {
    color: #fdb813;
}

/* default show technology */
.technology-content {
    display: block;
}

/* Sticky Header */
.navbar {
    position: sticky;
    top: 0;
    z-index: 999;
    transition: all .3s ease;
}

/* Shadow when scrolling */
.navbar.scrolled {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    background: #fff !important;
}

/* Mega menu layout */
.mega-menu {
    width: 100%;
    left: 0;
    right: 0;
    //padding: 50px 25px 10px 25px !important;
    padding: 25px 25px 25px 25px !important;
    border: 0;
    border-radius: 0;

}

/* submenu padding */
.dropdown-submenu {
    /* padding-left:15px; */
}

.nav-bg {
    background-color: white !important;
    padding-top: 25px;
    padding-bottom: 25px;
}

.dropdown-header {
    padding: 10px;
}

/* Smooth dropdown animation */
.dropdown-menu {
    opacity: 0;
    transform: translateY(15px);
    transition: all .35s ease;
    display: block;
    visibility: hidden;
}

.dropdown:hover>.dropdown-menu {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.navbar .dropdown-menu .dropdown-item {
    padding: 14px 0px;
}

.tech-menu li {
    border-bottom: 1px solid #ddd;
    padding: 13px 0;
}

.tech-menu li a {
    text-decoration: none;
    color: #333;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
}

.dropdown-submenu li a {
    display: block;
    padding: 10px 0;
    color: #333;
    text-decoration: none;
}

.main-nav .nav-item:hover {
    border-bottom: 3px solid rgb(253, 184, 19);
}

/* Disable hover dropdown on mobile */
@media(max-width:1024px) {

    .contactline {
        width: 65%;
    }

    .nav-bg {
        padding: 10px 0px 10px 0px;
    }

    .navbar-brand img{
        width: 42%;
        height: auto;
    }

    .main-nav .nav-link {
        display: flex;
        justify-content: space-between;
    }

    .main-nav .dropdown-menu {
        margin-top: 0px;
    }

    .main-nav .dropdown-toggle::after {
        display: block;
    }

    .mobile-toggle-icon {
        display: none;
    }

    .dropdown-menu {
        opacity: 1;
        transform: none;
        visibility: visible;
        display: none;
    }

    .main-nav .nav-item:hover {
        border: none;
    }


    .mega-menu {
        padding: 25px 0px !important;
    }

    .dropdown-menu.show {
        display: block;
    }

    .main-nav .nav-item {
        border-bottom: 1px solid #ddd !important;
    }

    .shadow-menu {
        box-shadow: none;
    }

    .main-nav .nav-item:hover {
        border-bottom: none;
    }

    .main-nav .dropdown-menu {
        margin-top: 0px !important;
    }

}

@media(max-width:525px) {
    .offcanvas.offcanvas-start {
        width: 70vw !important;
    }
}


/* end Date 09/04/2026 */



/* new tabs Css */
.custom-esg-tabs .nav-tabs {
    border: none;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.custom-esg-tabs .nav-link {
    min-height: 55px;
    color: #fff;
    background: #1B2C5A;
    border-radius: 35px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 5px 33px !important;
}

.custom-esg-tabs .nav-link.active {
    background: #f4b400;
    color: #000;
}

/* CONTENT BOX */
.custom-esg-tabs .tab-content-box {
    background: #fff;
    border-radius: 10px;
    /* padding: 15px; */
    margin-top: 15px;
}

.sticky-top {
    z-index: 1;
}

/* ===== MOBILE ===== */
@media (max-width: 767px) {

.ng-date-text {
    font-size: 18px;
}

.ng-article-box {
    background: #fff;
    padding: 25px;
    width: 100%;
    margin: 0px auto 0;
}

    .ng-title {
        font-size: 20px;
        line-height: 30px;
    }

    .custom-esg-tabs {
        padding: 15px;
    }

    .custom-esg-tabs .nav-tabs {
        flex-direction: column;
    }

    .custom-esg-tabs .nav-link {
        width: 100%;
        text-align: center;
        padding: 14px;
        border-radius: 30px;
    }

    /* IMPORTANT: Hide original content */
    .custom-esg-tabs .tab-content {
        display: none !important;
    }

    /* Dynamic content */
    .custom-esg-tabs .mobile-content {
        margin-top: 0px;
        animation: fadeIn 0.3s ease;
    }

}


/* tabs Css End */

.conduct-img img {
    width: 100%;
    margin: 80px 0px;
}

.corp-gallery {
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.corp-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (max-width:1024px) {
    .shadow-menu {
        box-shadow: none;
    }

    .customlink {
        padding: 0;
    }

    #mobile-tech-4 a,
    #mobile-tech-2 a {
        padding: 14px 20px 14px 45px !important;
    }

    .customlink .nav-link {
        align-items: center;
    }

    .customlink a {
        padding: 0px 0px 0px 14px !important;
    }


    /* When dropdown is open */
    .nav-item.dropdown.show {
        background-color: #f7f7f7;
        /* nav-item background */
    }

    /* Change mobile toggle icon background */
    .nav-item.dropdown.show .mobile-toggle-icon {
        background-color: rgb(253, 184, 19);
        /* icon background */
        color: #fff;
    }

    /* Optional: icon color */
    .nav-item.dropdown.show .mobile-toggle-icon i {
        color: #fff;
    }

    .mobile-toggle-icon {
        display: flex !important;
        width: 50px;
        height: 49px;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        justify-content: center;
        align-items: center;
    }

    .navbar .dropdown-menu .dropdown-item {
        padding: 14px 20px 14px 30px !important;
    }

    .mobile-tech ul li button {
        text-transform: uppercase;
        font-size: 13px !important;
    }

    .navbar .dropdown-menu {
        padding: 0px !important;
    }

    .nav-item:hover {
        border-bottom: none;
    }

    /* remove bootstrap arrow */
    .nav-item.dropdown .nav-link::after {
        display: none;
    }

    /* base style */
    .nav-item.dropdown .nav-link {
        position: relative;
    }



    /* dropdown menu full width */
    .nav-item.dropdown .dropdown-menu {
        width: 100%;
        border-radius: 0;
    }

    .nav-item.dropdown .dropdown-menu {
        width: 100%;
        border-radius: 0;
    }

    .custom-off .offcanvas-body {
        padding: 0;
    }

    .navbar-nav .dropdown-menu {
        position: unset;
    }

    .nav-item a {
        padding-left: 10px;
    }

}


@media (max-width:768px) {

    .rs-main-container .vision-section .container {
        padding: 0px !important;
    }

    .about-menu::after,
    .corporate-menu::after {
        display: none;
    }

    .contactline {
        width: 100%;
    }

    .ex-tab-padding {
        padding: 0px !important;
    }

    .shadow-menu .dropdown-item {
        white-space: normal !important;
    }

    .mobile-tech ul li button {
        text-transform: uppercase;
        font-size: 13px !important;
    }

    /* remove bootstrap arrow */
    .nav-item.dropdown .nav-link::after {
        display: none;
    }

    /* base style */
    .nav-item.dropdown .nav-link {
        position: relative;
    }

    .rs-job-card .rs-news-body {
        text-align: left !important;
    }

    .blogbtn a {
        top: 50px;
    }



}


body {
    font-family: 'Poppins', sans-serif;
    color: #000;
}

.career-top {
    padding: 0px 15px !important;
}

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

.career-padding-l {
    padding-left: 30px;
}


.contact-l {
    padding-left: 0px !important;
}

.tech-padding {
    padding-bottom: 0px !important;
}

.comp-tab {
    margin-top: 70px;
    padding: 0;
}

.postlistwrap .postitem:last-child {
    border-bottom: none;
}

.tech-img img {
    margin-top: 45px;
}

.inclusion-img {
    margin-bottom: 50px;
}

.blueh2 {
    color: #1B2C5A !important;
}

.centerh2 {
    margin: 0 auto;
    text-align: center;
}

.text-l {
    padding-left: 0px !important;
}

.image-l-rev {
    padding-left: 0px !important;
}

.text-l-rev {
    padding-right: 40px !important;
}

.text-l ul li {
    font-size: 18px;
}

.text-l-rev ul li {
    font-size: 18px;
}

.top-tech {
    padding: 60px 10px 0px 10px;
}

.mobile-toggle-icon {
    display: inline-block;
    font-size: 10px;
    color: #a09d9d;
}

.main-nav .dropdown-toggle::after {
    display: none;
}

.main-nav .nav-item {
    border-bottom: 3px solid transparent;
    /* reserve space */
}

.main-nav .nav-item:hover {
    border-bottom: 3px solid rgb(253, 184, 19);
}

.content-design p {
    margin-top: 20px;
}


#tab2 img:nth-of-type(2) {
    width: 75%;
    margin: 50px 0px 50px 0px;
}

#tab2 img:nth-of-type(3) {
    margin: 50px 0px 0px 0px;
}

#tab2 .accordion-body p:nth-of-type(3) img {
    margin: 50px 0px 0px 0px;
}

.intro p img {
    display: block;
    margin: 20px auto;
    width: 70%;
}

/* css for company info */
.custom-text1 {
    margin-top: 50px;
}

.custom-text1 a {
    color: #0000FF;
}



.text-desc-wrap ul {
    padding-left: 20px !important;
}

.comp_tab {
    text-align: center;
}

.comp_tab img {
    width: 100%;
    margin-top: 40px;
}

.secimg {
    width: 80% !important;
}

.header-bar .nav-item {
    border-bottom: 3px solid transparent;
    /* reserve space */
}

.header-bar .nav-item:hover {
    border-bottom: 3px solid #fdb813;
}

.header-bar .menufix .dropdown {
    position: relative;
}

.header-bar .menufix .dropdown-menu {
    top: 110%;
    transition: all 0.3s ease;
}

.offcanvas.offcanvas-start {
    width: 40vw;
}


.journey-section {
    background: radial-gradient(circle at top, #1a2b52, #02040a);
    /* display: none; */
}

.journey-bg {
    background-image: url(/static/vsmcpy/assets/images/pattern-002.png);
    background-position: left;
    padding: 100px 0px;
    color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
}

/* HEADER */
.journey-header {
    margin: 0 auto 70px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.journey-title {
    text-align: center;
    color: #fff !important;
}


/* ARROWS */
.slider-arrows {
    position: absolute;
    right: 10%;
    display: flex;
    gap: 12px;
}

.slider-arrows span {
    width: 70px;
    height: 70px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 30px;
}

.slider-arrows span:hover {
    background: #f0b000;
    color: #000;
}

/* SLIDER */
.journey-slider-wrapper {
    margin: auto;
    overflow: hidden;
}

.journey-track {
    /* display: flex; */
    /* gap: 30px; */
    /* transition: transform 0.4s ease; */

    /* flex-wrap: nowrap; */
}

/* Default state */
.journey-track .slick-slide {
    cursor: grab;
}

/* While dragging */
.journey-track .slick-slide:active {
    cursor: grabbing;
}

/* Better support */
.journey-track {
    cursor: grab;
}

.journey-track:active {
    cursor: grabbing;
}


.journey-card {
    margin: 0 15px;
}

.journey-card {
    /* min-width: calc(33.333% - 20px); */
    background: #fff;
    border-radius: 16px;
    padding: 30px 30px 20px 30px;
    color: #000;




    /* flex: 0 0 auto; */
    width: clamp(505px, 20vw, 350px);
}

.journey-card h5 {
    color: #121F42;
}

.journey-card img {
    width: 100%;
    margin-top: 10px;

}

.values ul {
    padding-left: 0px !important;
}

/* Initial hidden state */
.fade-left,
.fade-right {
    opacity: 0;
    transition: all 1s ease;
}

/* Left animation */
.fade-left {
    transform: translateX(-80px);
}

/* Right animation */
.fade-right {
    transform: translateX(80px);
}

/* Active class (when visible) */
.fade-left.show,
.fade-right.show {
    opacity: 1;
    transform: translateX(0);
}

/* RESPONSIVE */
@media (max-width: 900px) {
    /* .journey-card {
        min-width: calc(50% - 15px);
        width: clamp(0px, 20vw, 350px);
    } */

}

@media (max-width: 600px) {
    /* .journey-card {
        min-width: calc(100% - 0px);
            width: clamp(0px, 20vw, 350px);
    } */

    .journey-header {
        flex-direction: column;
        gap: 20px;
    }

    .journey-bg {
        padding: 60px 0px !important;
        background-size: cover;
    }

    .slider-arrows {
        position: static;
        display: none;
    }

    .journey-track {
        /* gap: 0px; */
    }

    /* .journey-card:first-child {
    margin-left: 0px;
}
.journey-card:last-child {
    margin-right: 0px;
} */
}














/* VISION */
.vision-section {
    padding: 80px 0px 0px 0px;
}

.vision-section .row {
    margin-top: 80px;
}


.vision-wrapper {
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}

.vision-image img {
    width: 100%;
    border-radius: 18px;
}

.vision-content h2 {
    margin-bottom: 15px;
}

.vision-section .container {
    padding: 0px !important;
}

.vision-section .vision-content ul {
    list-style: none;
    padding-left: 0px !important;
}

.vision-section .vision-content ul li {
    margin-bottom: 0px !important;
    font-size: 18px;
}

.vision-section .vision-content p {
    text-align: left !important;
}

.vision-section .vision-content a {
    text-align: center !important;
    background-color: #FDB813;
    font-size: 18px;
    font-weight: 400;
    fill: #000000;
    color: #000000;
    border-radius: 30px 30px 30px 30px;
    padding: 018px 30px 18px 30px;
    display: inline-block;
    /* margin-top: 25px; */
}




/* VALUES & TEAM */


.values-team {
    margin: auto;
    padding: 0px 30px;
}

.values ul li {
    margin-bottom: 5px !important;
}

.values h2 {
    margin-bottom: 10px;
}

.values h3 {
    font-size: 36px;
    line-height: 46px;
}

.values h4 {
    margin-bottom: 15px;
}

.values ul {
    list-style: none;
}

.values ul li {
    margin-bottom: 6px !important;
}

.team-image img {
    width: 100%;
    border-radius: 18px;
}

/* Container */
.wrapper {
    margin: auto;
    text-align: left !important;
    margin-top: 70px;
}

/* Intro text */
.intro {
    line-height: 1.7;
}

/* Section block */
.block {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    margin-top: 70px;
}

/* Icon */
.icon img {
    width: 140px;
}

/* Text */
.content p {
    line-height: 1.7;
    margin-bottom: 10px;
}

.content ul {
    padding-left: 20px;
}

.content li {
    margin-bottom: 8px;
}

.iso-section {
    background-image: url("/static/vsmcpy/assets/images/Untitled-design-5.jpg");
    /* your image path */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 20px 20px;
    position: relative;
    margin-top: 10px;
}

/* Optional overlay (if text readability needed) */
.iso-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}

.iso-container {
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
    padding-bottom: 30px;
}

.iso-container h2 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin-bottom: 30px;
    line-height: 1.4;
}

.iso-container p {
    font-size: 18px;
    color: #333;
    line-height: 1.8;
    margin: 0 auto;
}

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

    .comp-tab .custom-text1 a {
        display: inline !important;
        text-transform: unset !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        padding: 0 !important;
        color: #0000FF !important;
    }



    .vision-section .vision-content a {

        font-size: 18px !important;
    }

    .tech-img img {
        margin-top: 0px;
    }

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

    .footer-bottom {
        flex-direction: column-reverse;
        text-align: center;
        display: flex !important;
    }

    /* .footer-links a,
    .footer-left {
        font-size: 12px;
        text-align: center;
        line-height: 18px;
    } */

    .intro p img {
        display: block;
        margin: 20px auto;
        width: 100%;
    }

    .header-bar .nav-item {
        border-bottom: none;
    }

    .rs-main-container .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .section-heading-set h2 {
        font-size: 34px;
        line-height: 48px !important;
        margin-bottom: 20px;
    }



    .rs-footer {
        background-position: 0px 0px !important;
    }

    .header-bar .nav-item:hover {
        border-bottom: none;
    }

    .offcanvas-body {
        padding: 0px;
    }

    /* When dropdown is open */
    .menufix.show>.nav-link,
    .menufix .nav-link.show {
        background-color: #f7f7f7;
        color: #000;
    }

    /* When mega menu is open */
    .megamenu.show>.nav-link,
    .megamenu .nav-link.show {
        background-color: #f7f7f7;
        color: #000;
    }

    .nav-item a {
        align-items: center;
        display: flex;
        justify-content: space-between;
        text-transform: uppercase;
        font-size: 13px !important;
        font-weight: 500;
        padding: 14px 0px 14px 14px;
    }

    /* .corp_menu{
 align-items: center;
    display: flex;
padding-top:0px !important;
    justify-content: space-between;
} */

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

    .megamenu {
        padding-bottom: 0px !important;
    }

    .dropdown.megamenu .dropdown-menu {
        padding: 0px !important;
        min-height: auto !important;
    }

    .offcanvas-body .nav-item {
        padding: 0px 0px !important;
    }

    .rs-submenu-items {
        padding-left: 14px !important;
        font-weight: 400 !important;
    }

    .rs-submenu-items i {
        display: none;
    }

    /* .mm-third-level-menu{
display: none !important;
} */

    .third-level {
        column-count: 1 !important;
    }

    .third-level li {
        /* break-inside: avoid; */
        margin-bottom: 0px !important;
    }

    .mm-second-level-menu {
        position: static !important;
        width: 100% !important;
        padding: 0 0px;
    }

    .mm-third-level-menu {
        width: 100% !important;
    }

    .third-level {
        display: none;
        width: 100%;
        background: #fff;
        padding: 10px 0;
        border-top: 1px solid #eee;
        overflow-y: auto;
    }

    .third-level.active {
        display: block !important;
    }

    .third-level li {
        width: 100%;
        list-style: none;
    }

    .third-level li a {
        display: block;
        font-size: 14px;
        color: #222;
        text-decoration: none;
    }





    .mm-second-level-menu ul li:last-child {
        border-bottom: none;
        /* remove border from last li */
    }

    .mm-submenu-wrap {
        display: block !important;
        gap: 0px;
        width: 100%;
    }

    /* About Menu */
    .custom-toggle {
        display: block !important;
        position: relative;
        padding: 15px 60px 15px 20px !important;
    }

    /* Remove Bootstrap default arrow */
    .custom-toggle.dropdown-toggle::after {
        display: none !important;
    }

    /* Right side box (default hidden) */
    .custom-toggle::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 100%;
        background: #f4b400;
        opacity: 0;
        /* hidden by default */
        transition: 0.3s ease;
    }

    /* Arrow icon (always visible) */
    .custom-toggle::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        width: 8px;
        height: 8px;
        border-right: 2px solid #000;
        /* black arrow normally */
        border-bottom: 2px solid #000;
        transform: translateY(-50%) rotate(45deg);
        transition: 0.3s ease;
        z-index: 2;
    }

    /*  When dropdown is open */
    .custom-toggle[aria-expanded="true"]::after {
        opacity: 1;
        /* show yellow background */
    }

    .custom-toggle[aria-expanded="true"]::before {
        border-color: #fff;
        /* arrow becomes white */
        transform: translateY(-50%) rotate(-135deg);
    }




    .vsmc-container {
        padding: 40px 20px;
    }

    .values-team {
        margin: auto;
        padding: 0px 20px;
    }

    .section-heading-set {
        margin-bottom: 20px !important;
    }


    .services-grid img {
        width: 100% !important;
    }

    rs-tech-service {
        padding: 0px;
    }

    .mm-inner-heading {
        display: none;
    }

    .vision-section {
        padding: 80px 0px 0px 0px;
    }





    .mega-left {
        width: 100% !important;
    }

    .vision-wrapper {
        gap: 0px;
    }

    .journey-bg {
        padding: 60px 20px;
    }

    .values h3 {
        margin: auto;
    }

    .footer-menuwrap h3 {
        text-align: center !important;
        /* display: block; */
        /* width: 100%; */
        margin: 0px auto 20px auto;
    }



    .icon {
        text-align: center;
    }

    .iso-container h2 {
        font-size: 24px;
        line-height: 32px !important;
    }

}

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

    .journey-slider,
    .vision-wrapper,
    .values-team {
        grid-template-columns: 1fr;
    }
}

/* css end company info */

/* css for service page */

.vsmc-container {
    margin: auto;
    padding: 40px 0px;
}

.services-grid {
    text-align: center;
}

.services-grid img {
    width: 70%;
}

/* Key Services */
.section-title {
    font-size: 28px;
    line-height: 42px !important;
    margin-bottom: 10px;
}

.key-intro {

    margin-bottom: 25px;
}

.key-row {

    grid-template-columns: 260px 1fr;
    padding: 0px 0px 30px 0;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
}

.key-title {
    font-weight: bold;

}

/* Responsive */
@media (max-width: 900px) {
    .services-grid {
        grid-template-columns: 1fr;
    }

    .key-row {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}

/* css End service page */

.rs-main-container .container {
    max-width: 1470px;
    width: 100% !important;
    padding-left: 15px;
    padding-right: 15px;
}

.center-cont {
    text-align: center !important;
}

.center-cont h2 {
    margin: auto;
}

.ap-btn {
    margin-top: -130px !important;
}

.padding-150 {
    padding-top: 150px;
    padding-bottom: 150px;
}

.padding-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.custom-pad .rs-tab-body-wrap {
    padding-bottom: 0px;
}

.padding-100 {
    padding-top: 100px;
    padding-bottom: 50px;
}

.padding-60 {
    padding-top: 60px;
    padding-bottom: 50px;
}

.pt-50 {
    padding-top: 50px;
}

p {

    font-size: 18px;
    line-height: 28px;
    color: #000 !important;
}

h1 {
    font-size: 60px;
    line-height: 77px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    color: #000;
}

.text-dark {
    color: #000 !important;
}

h2 {
    font-size: 46px;
    line-height: 58px;
}

a {
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

.container {
    max-width: 1470px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.section-heading-set h2 {
    line-height: 58px;
}

.section-heading-set {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    margin-bottom: 50px;
}

/* .afterheadborder:before {
    content: '';
    position: absolute;
    background: #fdb813;
    height: 3px;
    width: 100%;
    bottom: 0;
    left: 0;
} */


.afterheadborder {
    /* width: fit-content;
margin-bottom:30px; */
    display: inline-block;
    border-bottom: 3.5px solid #fdb813;
    padding-bottom: 4px;
}


.footer-menuwrap .afterheadborder:before {
    bottom: -4px !important;
}

.footer-bottom {
    padding: 0px !important;
}

.center-content {
    text-align: center;
}

.center-content::after,
.center-content::before {
    left: 50% !important;
    transform: translateX(-50%);
}

.megamenu .dropdown-menu {
    margin-top: 0px !important;
}

.third-level {
    column-count: 2;
    column-gap: 40px;
}

.third-level li {
    break-inside: avoid;
    margin-bottom: 12px;
}


/* About Us dropdown styling */
.navbar .dropdown-menu {

    min-width: 280px;
    padding: 12px 20px;
    border: none;
    border-radius: 0px;
    background: #ffffff;
}

/* Dropdown items */
.navbar .dropdown-menu .dropdown-item {
    padding: 14px 22px;
    font-size: 15px;
    font-weight: 400;
    color: #1c1c1c;
    background: transparent;
    border-bottom: 1px solid #e9e9e9;
    transition: all 0.2s ease;
}

/* Remove last border */
.navbar .dropdown-menu li:last-child .dropdown-item {
    /* border-bottom: none; */
}

/* Hover effect */
.navbar .dropdown-menu .dropdown-item:hover {
    background-color: #fff;
    color: #f4b000;
}

/* Active menu underline (About Us) */
.navbar .nav-item.dropdown>.nav-link {
    position: relative;
}

.navbar .nav-item.dropdown.show>.nav-link::after {
    transform: rotate(180deg);
}


.top-bar {
    background-image: linear-gradient(-41deg, #000000 0%, #1a2a57 100%);
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    height: 56px;
}

.top-contact {
    display: flex;
    align-items: center;
    gap: 30px;
}

.top-icon-text-wrap a {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #fff;
    text-decoration: none;
}

.top-contact img {
    width: 18px;
}

/* Top Bar Background */
.top-bar {
    background-image: linear-gradient(-41deg, #000000 0%, #1a2a57 100%);
    font-size: 14px;
}

/* Phone / Email */
.top-icon-text-wrap {
    display: flex;
    align-items: center;
}

.top-icon-text-wrap a {
    color: #fff;
    text-decoration: none;
}

.top-icon-text-wrap img {
    width: 18px;
}

/* Search Bar */
.top-search-form {
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 30px;
    overflow: hidden;
    height: 40px;
    width: 290px;
}

.top-socials {
    display: flex;
    gap: 20px;
}

.top-search-form input {
    border: none;
    outline: none;
    padding: 0px 0px 0px 15px;
    flex: 1;
    font-size: 14px;
    color: #333;
    height: 40px;
    Width: 250px;
}

.section-heading-set {
    /* margin-bottom:200px; */
}

.top-search-form input::placeholder {
    color: #666;
}

.top-search-form button {
    background: #fdb813;
    border: none;
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.top-search-form input::placeholder {
    color: #000000;
    opacity: 1;
}

.top-search-form button img {
    width: 18px;
}

.header-bar {
    position: sticky;
    top: 0;
    z-index: 1050;
    background: #fff;
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}



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

    .top-right {
        width: 100%;
        margin-top: 10px;
        justify-content: space-between;
    }

    .career-rev {
        flex-direction: column-reverse;
    }

    .top-search-form {
        width: 100%;
        max-width: 220px;
    }
}

.rs-logo-wrap img {
    max-width: 400px;
    width: 100%;
}

/* .navbar-nav .nav-link.active{
     content: '';
    position: absolute;
   height: 4px;
    background-color: #fdb813;
    width: 100%;
    bottom: 0;
    left: 0;
} */

.hover-border li a {
    position: relative;
    padding: 0 !important;
    font-size: 18px;
    line-height: 28px;
    color: #000;
}

.hover-border li {
    position: relative;
    padding-left: 20px;
}

.hover-border li:hover a:before {
    content: '';
    position: absolute;
    height: 4px;
    background-color: #fdb813;
    width: 100%;
    bottom: 0;
    left: 0;
}

.header-bar {
    background-color: #ffffff;
}

.banner {
    background: url('https://via.placeholder.com/1600x500') no-repeat center center/cover;
    height: 500px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.homebannerwrap {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 80px;
    border-radius: 20px;
    min-height: 720px;
    display: flex !important;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;

}

.homebannerwrap h1 {
    color: #fff;
    font-size: 60px;
    line-height: 77px;
    width: 80%;
    text-shadow: 0px 0px 17.5px rgba(26, 26, 26, 0.95);
}

.padding-10 {
    padding-top: 10px;
}

.rsYellowBtn {

    background: #fdb813;
    border-radius: 30px;
    padding: 14px 30px;
    /* margin-top: 30px; */

    /* display: flex; */
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #000;
    font-weight: 400;
}

.footer-links {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.footer-links a {
    font-size: 18px;
}

.main-nav .dropdown-menu {
    margin-top: 30px;
}

.nopadding {
    padding-top: 50px !important;
}

.ap-bt {
    width: 193px !important;
    margin-top: 10px;
}

.rsYellowBtn:hover {
    background: #fdb813;
}

/*====info section=======*/
.rs-card {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    min-height: 527px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #1b2c5a;
    padding: 60px;
    height: 100%;
}

.rs-card-overlay {
    position: absolute !important;
    z-index: 2 !important;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.85;
    background: linear-gradient(180deg, #1b2c5a 10%, rgb(255 255 255 / 0%) 100%);
}

.rs-card:hover .rs-card-overlay {
    /* background: #1b2c5a ; */
    background-image: linear-gradient(180deg, #1B2C5A 100%, #f2295b 100%) !important;
    opacity: 0.85;
}

.heading-text-wrap h3 {
    font-size: 30px;
    line-height: 40px;
    color: #ffffff;
    font-weight: 600;
    position: relative;
    margin-bottom: 20px;
}

.heading-text-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.rs-card>* {
    position: relative;
    z-index: 2;
}

.rs-arrow-btn {
    display: inline-flex;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #fdb813;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    margin-top: 20px;
}

.rs-arrow-btn span i {
    font-size: 20px;
    line-height: 30px;
    color: #fdb813;
}

/*====info section=======*/

.rs-tech-service {
    background: url(/static/vsmcpy/assets/images/pattern-002.png), linear-gradient(-57deg, #000000 0%, #1b2c5a 100%);
    background-position: top left;
    background-repeat: no-repeat;
    margin-top: 150px;
}

.homeh2 h2 {
    line-height: 60px;
}

.section-heading-set h2,
.section-heading-set p {
    color: #fff;
}

.rs-box {
    min-height: 350px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rs-box:hover .rs-box-title {
    color: #1b2c5a;
    position: relative;
}

.rs-box-title {
    color: #fff;
    position: relative;
    text-align: center;
    filter: drop-shadow(0 0 17.5px rgba(26, 26, 26, 0.95));
    z-index: 9;
    text-decoration: none;
}

.rs-box:hover .rs-box-overlay {
    display: block !important;
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
    background: #fdb813;
    z-index: 1;
    opacity: 0.800;
}

.rs-box:hover .rs-box-title a {
    color: #1b2c5a;
}

.rs-box-title a {
    color: #fff;
    position: relative;
    text-align: center;
    /* filter: drop-shadow(0 0 17.5px rgba(26,26,26,0.95)); */
    z-index: 9;
    text-decoration: none;
}

.latestpostleft {
    width: 24%;
}

.latestpostright {
    width: 70%;
}

.postitem {
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #afafaf;
}

.postexerpt {
    margin-bottom: 20px;
    text-align: justify !important;
    font-size: 16px;
    line-height: 26px;
}

.postitem .postdate {
    font-style: normal !important;
}

.postdatefont {
    font-size: 16px;
    margin: 0px;
}

.postdate {
    color: #afafaf !important;
    font-style: italic !important;
}

.section-heading-set-left {
    align-items: flex-start;
    margin-bottom: 30px;
}

.section-heading-set-center {
    text-align: center !important;
    align-items: center !important;
}

.rs-news-card img {
    border-radius: 20px !important;
}

.rs-news-card {
    border: none !important;
}

.rs-news-body {
    padding: 20px 0px !important;
}

.news-title {
    margin: 20px 0;
    font-size: 20px;
    line-height: 36px;
    color: #000;
}

.news-home-title {
    margin: 0px 0px 15px 0px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.postdate-margin {
    margin-bottom: 10px;
    font-size: 16px;
}

.readBtn {
    font-size: 18px;
    line-height: 30px;
    color: #fdb813;
    text-transform: capitalize;
    text-decoration: none;
}

.readBtn i {
    font-size: 16px;
    margin-left: 10px;
}

.blogbtn {
    display: flex;
    justify-content: end;
    z-index: 1;
    position: relative;
}

.blogbtn a {
    position: absolute;
    top: 75px;
}

.postdeschome {
    margin-bottom: 0px;
    color: #000;
}

.latest-news-wrap {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.latestpostright .slick-next,
.latestpostright .slick-prev {
    top: 100%;
    opacity: 1 !important;
}

.slick-prev,
.slick-next {
    display: block !important;
}

.latestpostright .slick-prev,
.latestpostright .slick-next {
    position: absolute;
    background: transparent;
    font-weight: 700;
    border-radius: 50px;
    border: 1px solid #cdaf5f;
    width: 63px;
    height: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
    font-size: 0;
}

.latestpostright .slick-next {
    left: 10%;
}

.latestpostright .slick-prev:before {
    content: '\f053';
    color: #000;
    font-size: 30px;
    font-family: 'FontAwesome';
}

.latestpostright .slick-next:before {
    content: '\f054';
    color: #000;
    font-size: 30px;
    font-family: 'Font Awesome 5 Free';
}

.job-slider .slick-prev:before {
    content: '\f053';
    color: #fff;
    font-size: 20px;
    font-family: 'FontAwesome';
}

.job-slider .slick-next:before {
    content: '\f054';
    color: #fff;
    font-size: 20px;
    font-family: 'FontAwesome';
}

.rs-yellow-box {
    background-color: #f5c842;
}

.rs-tech-service-carousal .carousel-inner {
    width: 90%;
    margin: auto;
}

.rs-job-card {
    min-height: 550px;
    border-radius: 20px !important;
    overflow: hidden;
}

.rs-job-body {
    padding: 30px !important;
}

.rs-job-body h3 {
    font-size: 24px;
    line-height: 34px;
    color: #000;
}

.card-text {
    font-size: 16px;
    line-height: 26px;
}

.applyBtn {
    font-size: 18px;
    line-height: 28px;
    text-decoration: underline;
    color: #000;
    background: none;
    border: none;
}

.jobType {
    font-size: 24px;
    font-weight: 400;
    text-decoration: none;
}

.requirement-wrap {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.4s ease;
    font-size: 16px;
}

.requirement-wrap.visible {
    max-height: 100%;
    opacity: 1;
}

.job-desc-wrap.hidden {
    max-height: 0;
    opacity: 0;
    pointer-events: none;
}

.job-desc-wrap {
    max-height: 1000px;
    opacity: 1;
    overflow: hidden;
    transition: all 0.4s ease;
    font-size: 16px;
}

.require-apply-btnwrap {
    display: flex;
    justify-content: space-between;
}

.job-slider .slick-prev {
    left: -5%;
    opacity: 1;
}

.job-slider .slick-next {
    right: -5%;
    opacity: 1;
}


.contact-left {
    background: url(https://alphasixtest2.com/vsmcpy/assets/images/cta-hm.webp);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 700px !important;
    background-color: beige;
    border-radius: 20px 0 0 20px;
    overflow: hidden;
}

.contact-left {
    background-position: center !important;
    background-size: cover !important;
}

.rs-contact-box {
    border-radius: 20px;
    background: url('https://alphasixtest2.com/vsmcpy/assets/images/pattern-001.png'), linear-gradient(to bottom right, #071740, #0e1c4d);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 700px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 50px 80px !important;
    gap: 0;
}

.rs-contact-text {
    margin-bottom: 20px;
}

.rs-contact-section {
    margin-bottom: -40px;
}

.rs-footer {
    background: url('https://alphasixtest2.com/vsmcpy/assets/images/pattern-002.png');
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    background-position: 0px -100px;
    background-size: contain;
    min-height: 500px;
    padding-top: 120px !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.rs-footer-heading {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.rs-footer-list li {
    margin-bottom: 10px;
}

.rs-footer-list li a img {
    margin-right: 15px;
}

.rs-footer-list>li>a>i {
    color: #fdb813;
    margin-right: 10px;
}

.rs-footer-list a {
    opacity: 0.800;
    font-size: 18px;
    letter-spacing: 0px;
    text-decoration: none;
    color: #000;
    transition: color 0.3s ease;
    word-break: break-all;
}

.rs-footer-list a:hover {
    color: #ffc107;
}

.rs-footer-desc {
    font-size: 0.95rem;
    color: #ccc;
}

.footer-socials {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 50px;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 30px;
    color: #000000;
    font-weight: 600;
}

.rs-footer-logo img {
    width: 50%;
}

.copyrightwrap p {
    color: #fff !important;
}

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


@media(max-width: 768px) {


    footer.rs-footer .row>div {
        width: 100% !important;
        text-align: center;
    }

    .ap-bt {
        margin: 10px auto;
    }

    .footer-socials {
        justify-content: center;
    }


    .rs-footer-list a {
        font-size: 16px;
    }

    .rs-footer-heading {
        font-size: 20px;
    }
}

/*====inner pages css===*/
.innerpagesbannerwrap {
    min-height: 450px !important;
}

.innerpagesbannerwrap h1,
.innerblogsbannerwrap h1 {
    text-align: center;
    width: 100%;
}

@media (min-width:768px) {
    .tab-content .accordion-item {
        border: 0;
        border-radius: 0;
    }
}

/* @media (max-width:767px) {
  .tab-content > .tab-pane {
        display: block;
        opacity: 1;
    }
} */

.rs-tab-wrap .nav-tabs {
    gap: 20px;
    justify-content: center;
    margin-bottom: 0px;
    border-bottom: none;
}

.rs-tab-item button,
#myTabContent .accordion-button.collapsed {
    min-height: 55px !important;
    color: #fff;
    background: #1B2C5A !important;
    border-radius: 35px !important;
    border: none !important;
    color: #fff !important;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 5px 34px !important;
}

.rs-tab-item button.active,
#myTabContent .accordion-button {
    border-radius: 35px !important;
    background: #FDB813 !important;
    color: #1B2C5A !important;
}

#myTabContent .accordion-button {
    margin-bottom: 10px;
}

.tab-text-sec {
    margin-bottom: 0;
}

.tab-inner-text-img {
    padding-top: 50px;
    padding-bottom: 50px;
}

.h-h3 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 600;
    color: #1B2C5A;
}

.tab-inner-text-side ul li {
    margin-bottom: 20px !important;
}

.sustainability-section ul li {
    margin-bottom: 20px !important;
    font-size: 18px;
}


.tab-inner-text-side img {
    display: block;
    width: 100%;
}

.tab-inner-img-side img {
    display: block;
    width: 100%;
    border-radius: 20px;
}

.left-text p {
    text-align: left;
}


/* .rs-tab-body-wrap {
    padding-bottom: 100px;
} */

@media(min-width: 1025px) {
    .tab-inner-text-side {
        padding-left: 30px;
        padding-right: 30px;
    }

    .padding-r {
        padding-right: 70px;
    }

    .tab-inner-text-side-reverse {
        padding-left: 30px !important;
        padding-right: 30px;
    }

    .tab-inner-img-side {
        padding-left: 30px;


    }

    .tab-inner-img-side-reverse {
        padding-right: 30px;
    }

    .tab-text-sec {
        padding: 0 60px;
    }
}



/*====media quieries====*/
@media(max-width: 1025px) {
    .rs-menu-toggle {
        display: block !important;
        border: none;
    }

    .navbar-expand-lg .offcanvas {
        position: fixed !important;
    }

    .navbar-expand-lg {
        justify-content: space-between;
        padding: 10px 0 !important;
    }

}

@media (min-width: 992px) and (max-width: 1024px) {
    .rs-custom-col .col-lg-3 {
        width: 50% !important;
        margin-bottom: 22px;
    }

}

@media (min-width: 768px) and (max-width: 1024px) {
    h1 {
        font-size: 50px !important;
        line-height: 60px !important;
        width: 100% !important;
    }

    .rs-contact-section .col-lg-7,
    .rs-contact-section .col-lg-5 {
        width: 50% !important;
    }
}

@media(max-width: 1024px) {

    .padding-70 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .career-padding {
        padding-right: 0px;
    }

    .career-padding-l {
        padding-left: 0px;
    }




    .rs-tab-wrap .nav-tabs {
        margin-bottom: 50px;
    }

    .homebannerwrap {
        align-items: center;
        text-align: center;
        min-height: 500px;
        margin-top: 10px;
        padding: 20px
    }

    .innerpagesbannerwrap {
        min-height: 300px !important;
    }

    .rs-logo-wrap img {
        max-width: 250px;
    }

    .rs-custom-col .col-lg-3 {
        margin-bottom: 22px;
    }

    .offcanvas-body .nav-item {
        padding-left: 0px;
        border-bottom: 1px solid rgb(0 0 0 / 11%);
    }

    .rs-box {
        min-height: 300px !important;
    }

    h2 {
        font-size: 34px;
        line-height: 44px !important;
    }

    .section-heading-set {
        gap: 0 !important;
    }

    .rs-box-title a {
        font-size: 34px !important;
        line-height: 44px;
    }

    .latest-news-wrap {
        flex-direction: column;
        padding: 0;
    }

    .latest-news-wrap>div {
        width: 100%;
    }

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

    .section-heading-set-left {
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .postitem {
        padding-bottom: 0;
        padding-top: 20px;
        border-bottom: 0;
        margin: 0 !important;
    }

    #cardCarousel .carousel-control-next {
        left: 53%;
    }

    #cardCarousel .carousel-control-prev {
        left: 37%;
    }

    .rs-tech-service-carousal .carousel-inner {
        width: 100% !important;
    }

    .padding-150 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .rs-contact-box {
        min-height: 360px;
        padding: 20px !important;
    }

    .rs-tech-service {
        margin-top: 0px !important;
    }

    .top-bar {
        display: none;
    }

    section.rs-info-section {
        padding-bottom: 50px;
    }

    .latestpostright .slick-prev {
        left: 40%;
    }

    .latestpostright .slick-next {
        left: 54%;
    }

    .padding-100 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .padding-60 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .tab-text-sec h2 {
        margin-bottom: 30px;
    }

    .latestnews {
        padding-bottom: 100px;
    }

}

@media (min-width: 768px) and (max-width: 1024px) {

    .comp-tab,
    .column-back,
    .vision-section .row,
    .wrapper {
        padding: 0px 15px;
    }

    .slider-arrows {
        right: 30px;
    }

    .comp-pad,  .vision-section .row{
        padding: 0px !important;
    }
}

@media(max-width: 768px) {
    .conduct-img img {
        width: 100%;
        margin: 50px 0px;
    }

    .tab-h2 {
        max-width: fit-content;
        margin: auto;
        display: block !important;

    }

    .blueh2 {

        text-align: center;
    }

    .blogbtn a {
        transform: translate(-50%, 100%);
    }

    .tab-text-sec p {
        width: 100% !important;
    }

    .column-back .row {
        /* flex-direction: column-reverse !important; */
    }

    .custom-pad {
        padding: 50px 0px 50px 0px;
    }



    .menu-pad {
        padding: 0;
    }

    .navbar .dropdown-menu {
        padding: 0px;
    }

    .section-heading-set-left {
        margin-bottom: 0;
    }

    h1 {
        font-size: 40px !important;
        line-height: 50px !important;
        width: 100% !important;
    }

    .homebannerwrap {
        padding: 20px;
        min-height: 400px;
    }

    .heading-text-wrap,
    .heading-text-wrap p,
    .postitem,
    .postexerpt,
    .rs-news-body,
    .section-heading-set h2,
    .section-heading-set p {
        align-items: center;
        text-align: center !important;
    }

    .rs-arrow-btn {
        margin-left: auto;
        margin-right: auto;
    }

    .rs-card {
        min-height: 360px;
        padding: 40px 20px;
    }

    .contact-left {
        min-height: 360px !important;

    }

    .section-heading-set h2,
    .section-heading-set p {
        margin-left: auto;
        margin-right: auto;
    }

    .rs-contact-box .section-heading-set h2,
    .rs-contact-box .section-heading-set p {
        align-items: left;
        text-align: left;
    }

    .contact-info-icon {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px !important;
    }

    .con-info-icon-wrap {
        text-align: center !important;
    }

    .enquiryform-wrap {
        width: 100%;
    }

}

@media(max-width: 767px) {

    .rs-contact-section .col-lg-7,
    .rs-contact-section .col-lg-5 {
        width: 100% !important;
    }

    .footer-links a,
    .footer-left {
        font-size: 12px;
        text-align: center;
        line-height: 18px;
    }

    .text-l {
        text-align: left !important;
    }

    .text-l h2 {
        text-align: center !important;
    }

    .text-l-rev {
        text-align: left !important;
    }

    .text-l-rev h2 {
        text-align: center !important;
    }

    .text-l-rev {
        padding-right: 0px !important;
    }

    .inner-text-p {
        padding: 0 !important;
    }


    .contact-left {
        border-radius: 20px !important;
        margin: 0 0 20px 0 !important;
    }

    .job-slider {
        width: 100% !important;
        padding: 0 !important;
    }

    .navbar-brand img {
        width: 250px;
        height: auto;
    }

    .latestpostleft .post_content {
    text-align: center !important;
}

    .rs-job-card .rs-news-body {
        text-align: center !important;
    }

}

@media(max-width: 600px) {
    .postlistwrap {
        flex-direction: column;
    }



}

/*=====blog css=====*/
.postimglink {
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    display: block;
}

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

.postinnerwrap {
    padding: 20px 5px;
}

.posttitle {
    font-size: 18px;
    line-height: 27px;
    color: #000;
    font-weight: 500;
}

.pagelist {
    display: flex;
    list-style: none;
    gap: 20px;
    margin: auto;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.pagelink {
    width: 40px;
    height: 40px;
    display: flex;
    background: #1B2C5A;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
}

.pagelink:hover,
.pagelink:active {
    background: #fdb813;
    color: #000;
}

.postimgwrap img {
    border-radius: 20px;
    width: 100%;
}

.postdetails-wrap {
    margin-top: 30px;
    padding: 0px 0px;
}

.featured-postsitem {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
}

.featured-postsitem img {
    border-radius: 20px;
    width: 150px;
    height: auto;
}

.sidebar-block {
    margin-bottom: 40px;
}

.gridicon{
    width: 25px;
}

.sidebar-block>h3 {
    margin-bottom: 20px;
}

.featured-title {
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
}

.featured-title:hover{
    color: rgb(51 51 51 / 65%);
}

.catlists {
    list-style: none;
    padding: 0 0px;
}

.catlists a {
    color: #0000FF !important;
    text-decoration: none !important;
    font-size: 18px;
}

.catlists li {
    margin-bottom: 10px;
}

.meta-info,
.post-date {
    color: #a5a5a5;
    margin-bottom: 10px;
}

.posttitle-detailwrap {
    margin-bottom: 30px;
}

.contact-info-icon {
    display: flex;
    gap: 40px;
    margin-top: 20px;
}

.con-info-icon-wrap {
    display: flex;
    text-align: center;
    /* flex-wrap: wrap; */
    gap: 10px;
    align-items: center;
    font-size: 18px;
    line-height: 34px;
    letter-spacing: 1px;
    color: #000000C2;
    transition: color 0.3s;
}

.con-info-icon-wrap i {
    color: #1B2C5A;
}

.enquiryForm input,
.enquiryForm textarea {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #69727d;
    color: #000;
    min-height: 70px;
    padding: 10px;
}

.name-phone-wrap {
    display: flex;
    gap: 10px;
}

.enq-submit {
    width: 100%;
    background-color: #FDB813;
    min-height: 56px;
    color: #1B2C5A;
    border: 1px solid #FDB813;
    border-radius: 30px;
    font-size: 22px;
    padding: 8px 30px 8px 30px;
}

.tab-inner-img-side {
    position: relative;
}

.pos-icon-conn {
    position: absolute;
    top: 15%;
    left: -40px;
}

.pos-icon-conn-right {
    left: 84%;
}

.pos-icon-wrap {
    border-radius: 50%;
    width: 140px;
    background: #FFDE59;
    height: 140px;
    border: 3px solid #000;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}

.pos-icon-wrap img {
    width: 84px;
    height: auto;
    display: block;
    margin: auto;
    vertical-align: middle;
}

.job-slider .rs-job-card,
.news-slider .rs-job-card {
    display: inline-block;
    margin: 0px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.news-slider .slick-disabled {
    opacity: 0;
    pointer-events: none;
}

.job-desc-wrap ul {
    margin-top: 10px;
}

.job-slider {
    width: 91%;
    margin: auto;
}

.dropdown.megamenu {
    position: static;
}

.dropdown.megamenu .dropdown-menu {
    left: 0;
    right: 0;
    width: 100%;
    top: 97%;
    padding: 30px 20px 30px 20px;
    border-radius: 0;
    border-top: 1px solid #f2f2f2;
    min-height: 350px;
}

@media (min-width: 992px) {
    .dropdown.megamenu:hover .dropdown-menu {
        display: block;
    }
}

@media (max-width: 991.98px) {}

.mm-inner-heading {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 0px;
    position: relative;
}

.mm-inner-heading:before {
    content: '';
    width: 100%;
    position: absolute;
    background: #fdb813;
    height: 4px;
    top: 100%;
    left: 0;
}

.mm-second-level-menu ul {
    list-style: none;
    padding: 0;
}

.mm-second-level-menu ul li {
    position: relative;
    display: flex;
    justify-content: stretch;
    align-items: center;
    border-bottom: 1px solid rgb(0 0 0 / 11%);
    position: relative;
}

.mm-submenu-wrap {
    display: flex;
    gap: 40px;
    width: 100%;
}

.mega-left {
    width: 35%;
}



.rs-submenu-items {
    font-size: 16px;
    padding: 15px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.rs-submenu-items i {
    color: #000;
}

.mm-post-item {
    display: flex;
    gap: 20px;
    align-items: center;
    border-bottom: 1px solid #C5C5C5;
    padding: 20px 0;
}

.mm-post-title {
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.mm-post-item img {
    width: 100px;
}

.mm-post-item:last-child {
    border: none;
}

.mm-third-level-menu .rs-submenu-items {
    color: #333;
}

.third-level {
    display: none;
}

.third-level.active {
    display: block;
}

.rs-submenu-items.active i {
    color: #fdb813;
}

/* Desktop only */
@media (min-width: 992px) {
    .dropdown-menu {
        /*   display: none !important; */
    }

    .m-menu-wrap {
        /*  display: none !important; */
    }
}

/* Mobile only */
@media (max-width: 991.98px) {
    .dropdown-menu {
        /*   display: none !important; */
    }

    .m-menu-wrap {
        display: block;
    }

    .m-menu-wrap ul {
        list-style: none;
        padding-left: 1rem;
    }

    .m-menu-wrap .third-level {
        display: none;
        padding-left: 1rem;
    }

    .m-menu-wrap .third-level.active {
        display: block;
    }

    .rs-submenu-items {
        display: flex;
        justify-content: space-between;
        cursor: pointer;
    }

}

.nav-item a {
    color: #000 !important;
    font-size: 18px;
}

.m-menu-wrap ul li a,
.m-menu-wrap .third-level li a {
    padding: 10px;
    color: #898787 !important;
}

.dropdown-menu.show {
    display: block !important;
}

.rs-box-title {
    color: #fff;
    text-align: center;
}

.tab-inner-text-side h3 {
    font-size: 36px;
    line-height: 46px;
}

.text-desc-wrap p {
    padding: 10px 0 10px 0;
}

.text-desc-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

button.navbar-toggler {
    border: none;
}

button.navbar-toggler span {
    color: #000;
}

/* career page */
.life-at-vsmc .life-img-box {
    overflow: hidden;
    height: 100%;
}

.life-at-vsmc .life-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.life-at-vsmc .life-img-box:hover img {
    transform: scale(1.06);
}


@media(max-width: 767px) {

    /* .custom-pad1 {
        padding: 0px 0px 0px 0px;
    } */

    .water-content {
        margin-top: 0px;
        margin-bottom: 40px;
    }

    .inclusion {
        margin-top: 0px;
        margin-bottom: 40px;
    }

    .rs-footer-logo img {
        width: 100% !important;
    }

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

    .wrapper .icon img {
        width: 100%;
        height: auto;
    }

    .vision-section .row:nth-of-type(2) {
        flex-direction: column-reverse;
    }

    .vision-section .row {
        margin-top: 0px;
    }

    .vision-content h3 {
        margin: auto;
    }

    .comp-h3 h3,
    .block .content h3,
    .wrapper h3 {
        text-align: center;
    }

    .text-l-rev {
        padding-right: 0px !important;
    }




    .footer-links a {
        font-size: 12px;
        margin-right: 0px !important;
    }

    .footer-bottom {
        padding: 20px 0px !important;
    }

    .footer-left {
        margin-top: 10px;
    }

    .footer-links {
        flex-direction: column;
        display: flex;
        gap: 10px;
    }

    /* .tab-inner-text-side h2 {
        display: flex;
        justify-content: center;
    } */


    .tab-inner-text-side {
        text-align: center;
    }

    .tab-inner-text-img {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .tab-inner-text-side ul li {
        text-align: left;
    }

    .content ul li {
        text-align: left;
    }

    .content ul {
        list-style: disc !important;
        padding-left: 0;
    }

    .tab-inner-text-side ul {
        list-style: disc;
        padding-left: 20px;
    }

    .tab-inner-text-img .row {
        display: flex;
        /* flex-direction: column-reverse; */
    }

    .tab-inner-text-side {
        margin-top: 40px;
    }

    .flex-opp {
        order: 1;
    }
}

.text-desc-wrap h3 {
    color: rgb(27, 44, 90);
}

@media(max-width: 1024px) {
    .tab-text-sec {
        text-align: center;
    }
}

#myTabContent .accordion-header {
    display: none;
}

@media(max-width: 500px) {

    .rs-tab-item button,
    #myTabContent .accordion-button.collapsed,
    li.nav-item.rs-tab-item {
        width: 100%;
    }

    .rs-tab-wrap .nav-tabs {
        gap: 10px;
    }
}

@media(max-width: 1024px) {
    .text-desc-wrap h3 {
        font-size: 28px;
        line-height: 38px;
    }

    .pos-icon-conn {
        position: relative;
        top: 0;
        left: 0;
        display: flex;
        gap: 20px;
        text-align: center;
        justify-content: center;
        margin-top: 20px;
    }
}

@media(min-width: 600px) and (max-width: 1024px) {
    .latestpostright .slick-prev {
        left: 45%;
    }

    .latestpostright .slick-next {
        left: 55%;
    }

    .latestpostright .slick-prev,
    .latestpostright .slick-next {
        width: 60px;
        height: 60px;
    }
}

@media(min-width: 320px) and (max-width: 599px) {
    .latestpostright .slick-prev {
        left: 31%;
        top: 90%;
    }

    .latestpostright .slick-next {
        left: 52%;
        top: 90%;
    }

    .blogbtn {
        justify-content: center;
    }

    .blogbtn a {
        transform: translate(0%, 100%);
        top: 90px;
    }

}

.privacy-section {
    padding: 80px 0;
}

.privacy-box h2 {
    font-weight: 700;
    margin-bottom: 30px;
}

.privacy-box h5 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
}

.privacy-box p {
    color: #555;
    line-height: 1.8;
    margin-top: 10px;
}

.privacy-box a {
    color: #0d6efd;
    text-decoration: none;
}

.privacy-box a:hover {
    text-decoration: underline;
}