/* Reset default styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Links */
a {
    color: black;
    text-decoration: none;
}

.wrapper {
    overflow: visible; /* Allow children to overflow */
    position: relative;
}

html, body {
    overflow-x: hidden; /* Prevent scrollbars */
}

/* Body padding for content */
body {
    padding-top: 120px; /* Topbar + Navbar combined height */
}

/* to remove the unneccesary swiper.js extra swiper icon */
.swiper-navigation-icon{

    display: none;
}

/*------------------------------HomePage Starts------------------------------*/

/*---------------top-bar Starts---------------*/

/* Topbar CSS */
.top-bar {
    background-color: #EDEDED;
    padding: 12px 25px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10001;
    transition: transform 0.3s ease-in-out;
}

.top-bar.hidden {
    transform: translateY(-100%);
}

/* Sticky Navbar CSS */
.sticky-nav {
    position: fixed;
    top: 50px; /* Topbar height */
    left: 0;
    width: 100%;
    z-index: 10000;
    background: white;
    transition: top 0.3s ease-in-out;
}

.sticky-nav.move-up {
    top: 0;
}

.top-left-items ul {
    list-style: none;
    display: flex;
    gap: 50px;
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;
}

.top-left-items ul li a, .top-bar-phone{
    font-size: 14px;
    color: #6D6D6D;
    font-family: "inter", sans-serif;
}

img[src="images/leftvector.svg"] {
    margin-right: 2px;
}
img[src="images/rightvector.svg"] {
    margin-left: 2px;
}
/*---------------top-bar Ends---------------*/


/*---------------Navbar Starts---------------*/

.bottom-shadow {
    box-shadow: 0px 4px 15px #0000001F;
    z-index: 1000;
}

.navbar {
    background-color: white;
    padding: 20px 0px;
    width: 100% !important;
}

.navbar-collapse{

    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.navbar-nav{

    display: flex;
    gap: 20px;
}

.navbar-nav li.nav-item a:link{

    color: #000000E5 !important;
    font-size: 14px;
    font-weight: 500;
    font-family: "inter", sans-serif;
    text-decoration: none;
}

.navbar-nav li.nav-item .dropdown-menu .dropdown-item{

    color: #000000E5 !important;
    font-size: 14px;
    font-weight: 500;
    font-family: "inter", sans-serif;
    text-decoration: none;    
}

.navbar .nav-link{

    border-bottom: 2px solid transparent;
    box-sizing: border-box;
    transition: color 0.3s, border-color 0.3s;
}

.navbar .nav-link:hover{

    color: #F58634 !important;
    border-bottom: 2px solid #F58634;
}

.navbar .dropdown-menu li .dropdown-item:hover{

    color: white !important;
    background-color: #F58634 !important;
}

.navbar-btn{

    background-color: #F58634;
    color: #FFFFFF;
    padding: 12px 16px;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 500;
    font-family: "inter", sans-serif;
    text-decoration: none;
    border: none;
}

.breadcrumb li.breadcrumb-item{

    font-size: 16px;
    font-weight: 500;
    font-family: "inter", sans-serif;
    color: #6D6D6D;
}

.breadcrumb li.breadcrumb-item a{

    font-size: 16px;
    font-weight: 500;
    font-family: "inter", sans-serif;
    color: #6D6D6D;
}

.breadcrumb li.breadcrumb-item.active{

    font-size: 16px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #000000;
}

.nav-mobile-visible{

    display: none;
}

/*---------------Navbar Ends---------------*/


/*---------------Hero-Section Starts---------------*/

.hero-section {
    background-color: #FFFFFF;
    padding: 120px 0px 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hero-texts {

    width: 600px;
}

.hero-title{

    /* width: 340px; */
    font-size: 60px;
    font-weight: 700;
    font-family: "Inter", sans-serif;
    color: #000000;
}

.hero-desc{

    font-size: 16px;
    font-weight: 400;
    font-family: "inter", sans-serif;
    line-height: 120%;
    letter-spacing: 0%;
    color: #6D6D6D;
    margin-top: 20px;
    margin-bottom: 40px;
}

.hero-btn{
    
    background-color: #F58634;
    color: #FFFFFF;
    padding: 12px 26px;
    border-radius: 40px;
    font-size: 16px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    text-decoration: none;
    margin-top: 50px;
    line-height: 100%;
    border: 0;
}

.hero-image{

    /* width: 375px; */
    height: 365px;
    border-radius: 20px;
    overflow: hidden;
}

.hero-image img{

    width: 100%;
    height: 100%;
}

.hero-tag {
    display: inline-flex;
    align-items: center;
    background: #FFF2E2;      /* light orange background */
    color: #374151;           /* dark gray-blue text */
    font-size: 14px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 9999px;    /* fully rounded pill */
    letter-spacing: 0.5px;
    margin-bottom: 18px;
    text-transform: uppercase;
    align-items: center;
}

.hero-tag .hero-dot {
    height: 8px;
    width: 8px;
    background: #F59E0B;      /* orange dot */
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block;
    flex-shrink: 0;     /* ⭐ KEEP DOT FIXED SIZE */
    align-self: center;  /* ⭐ Keep dot aligned to the top */
    
}

.hero-tag-title {
    all: unset;           /* removes ALL inherited styles */
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
/*---------------Hero-Section Ends---------------*/


/*---------------Companies-Logo Starts---------------*/

.logos-section{

    background-color: #1B1B1B;
    padding: 60px 0;
    margin: 60px 0;
}

.company-logos .swiper-slide img{

    width: 160px;
}

.company-logos-text{

    width: 1000px;
    padding: 0px 30px;
    color: white;
    margin: 0 auto;
}

.company-logos-title{

    font-size: 36px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: white;
    padding-bottom: 16px;
    margin-bottom: 0;

}

.company-logos-desc{

    font-size: 16px;
    font-weight: 400;
    font-family: "inter", sans-serif;
    color: #FFFFFF;
    padding-bottom: 48px;
    margin-bottom: 0;
}

.swiper-wrapper{

    display: flex;
    align-items: center;
    overflow: visible;
}
  
  .company-logos-slider .swiper-slide {
    width: fit-content !important;
    display: flex;
    justify-content: center;
    align-items: center;
  } 

/*---------------Companies-Logo Ends---------------*/



/*---------------Technologies-Section Starts---------------*/

.tech-section {
    padding: 60px 0;
    background-color: #ffffff;
}

.tech-main-title {
    font-size: 40px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    text-align: center;
    color: #212529;
    padding-bottom: 16px;
    margin-bottom: 0;
    line-height: 100%;

}

.tech-desc{

    font-size: 16px;
    font-weight: 400;
    color: #6D6D6D;
    font-family: "inter", "sans-serif";
    text-align: center;
    padding-bottom: 48px;
    margin-bottom: 0;
}

.tech-nav-tabs {
    border: none;
    justify-content: center;
    padding-bottom: 56px;
}

.tech-nav-tabs .tech-nav-link {
    border: none;
    background: none;
    color: #000000;
    font-weight: 400;
    font-size: 1.1rem;
    font-family: "Cal Sans", sans-serif;
    padding: 15px 20px;
    border-radius: 0;
    border-bottom: 3px solid transparent;
    line-height: 1;
    transition: all 0.3s ease;
}

.tech-nav-tabs .tech-nav-link:hover {
    color: #F58634;
    border-color: transparent;
}

.tech-nav-tabs .tech-nav-link.active {
    color: #F58634;
    background: none;
}

.tech-nav-tabs .nav-item:has(.nav-link.active) {
    border-bottom: 4px solid #F58634 !important;
  }
  
  

.tech-content-area {
    background: white;
    border-radius: 15px;
    padding: 50px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.tech-content-title {
    font-size: 28px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #000000;
    margin-bottom: 25px;
    line-height: 1.3;
}

.tech-content-description {
    font-size: 16px;
    font-weight: 400;
    font-family: "inter", sans-serif;
    color: #000000;
    line-height: 1.5;
    margin-bottom: 30px;
}

.tech-content-button{

    font-size: 20px;
    font-weight: 700;
    font-family: "Roboto", "sans-serif";
    color: #F58634;
    line-height: 100%;
}

.tech-content-button img {

    margin-left: 10px;
}   

.tech-product-image {
    width: 85%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.tech-tab-content {
    border: none;
    width: 1000px;
    height: 365px;
    margin: 0 auto;
}

.tech-tab-content .tab-pane{

    height: 100%;
}

.tech-tab-content .tech-content-area {

    width: 100%;
    height: 100%;
}

.tech-tab-content .tech-content-area .row{

    height: 100%;
}

.tech-tab-content .tech-content-area .col-lg-6{

    height: 100% !important;
}

/*---------------Technologies-Section Ends---------------*/


/*---------------Technologies-Section (Mobile) Ends---------------*/

    .accordion-container {
        width: 100%;
        margin: 60px auto;
        border-radius: 8px;
        font-family: sans-serif;
        background-color: #ffffff;
    }

    .accordion-header{

        padding-top: 60px;
        margin-top: 60px;
    }

    .accordion-header p{

        font-size: 16px;
        font-weight: 500;
        font-family: "Inter", sans-serif;
        color: #F58634;
        margin-bottom: 0;
        padding-bottom: 16px;
        line-height: 120%;
        text-align: center;
    }

    .accordion-header h2{

        font-size: 40px;
        font-weight: 400;
        font-family: "Cal Sans", sans-serif;
        color: #000000;
        margin-bottom: 0px;
        line-height: 100%;
        text-align: center;
    }

    .accordion-item {
        border-bottom: 1px solid #e5e7eb;
    }

    .accordion-item:last-child {
        border-bottom: none;
    }

    .accordion-title {
        background-color: transparent;
        border: none;
        width: 100%;
        text-align: left;
        padding: 1.5rem 1rem;
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #111827;
        transition: background-color 0.2s ease-in-out;
    }

    .accordion-title:hover {
        background-color: #f9fafb;
    }

    .tech-section .accordion-item.active .accordion-title {
        color: #F58634;
        border-bottom: 1px solid #F58634;
    }

    .tech-section .accordion-item.active .accordion-icon {
        transform: rotate(180deg);
    }

    .accordion-icon {
        transition: transform 0.2s ease-in-out;
        width: 20px;
        height: 20px;
    }

    .accordion-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
        padding: 0;
        color: #374151;
        background-color: #ffffff;
    }

    .accordion-content-inner {
        font-size: 16px;
        font-weight: 400;
        font-family: "Inter", sans-serif;
        color: #000;
        padding: 16px;
    }

    .wrapper:has(.accordion-header) .accordion-item.active .accordion-icon {
        transform: rotate(45deg);
    }

    .accordion-item.active .accordion-content {

        max-height: 100%;
    }
/* 
    .accordion-item .accordion-content:first-child {

        max-height: 100%;
    } */

/*---------------Technologies-Section (Mobile) Ends---------------*/


/*---------------Industries-Section Starts (For Desktop)---------------*/

.industries-section {
    padding: 60px 0;
    background-color: #FFFFFF;
    position: relative;
    overflow: hidden;
}

.industries-container {
    margin: 0 auto;
    padding: 0 20px;
}

.industries-title {
    font-size: 40px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    text-align: center;
    color: #000000;
    padding-bottom: 16px;
    margin-bottom: 0px;
    line-height: 1.2;
}

.industries-subtitle {
    font-size: 16px;
    font-weight: 400;
    font-family: "inter", sans-serif;
    color: #6D6D6D;
    text-align: center;
    margin-bottom: 0px;
    padding-bottom: 48px;
    line-height: 100%;
}

.industries-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    max-width: 1100px; /* Optional: to control container width */
    margin: 0 auto;     /* Center the grid horizontally */
    place-items: center;
}

.industries-card {
    width: 275px;
    height: 290px;
    border-radius: 20px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    position: relative;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    /* margin-bottom: 24px; */
}

.industries-card-inner {
    position: relative;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.industries-card-background {
    position: absolute;
    /* top: 15%;
    left: 17%; */
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.industries-card-background.bgInitial {
    background-image: url('../images/industries-bg.png');
}

  .industries-card-background.bg1 {
    background-image: url('../images/test-images/1_Automotive.jpg');
  }
  .industries-card-background.bg2 {
    background-image: url('../images/test-images/2_Healthcare.jpg');
  }
  .industries-card-background.bg3 {
    background-image: url('../images/test-images/3_ConsumerElectronics.jpg');
  }
  .industries-card-background.bg4 {
    background-image: url('../images/industries_imgs/3d-printing-jewellery.png');
  }
  .industries-card-background.bg5 {
    background-image: url('../images/test-images/5_Artandsculp.jpg');
  }
  .industries-card-background.bg6 {
    background-image: url('../images/test-images/6_Packaging.jpg');
  }
  .industries-card-background.bg7 {
    background-image: url('../images/test-images/7_Aerospace.jpg');
  }
  .industries-card-background.bg8 {
    background-image: url('../images/test-images/8_Education.jpg');
  }
  .industries-card-background.bg9 {
    background-image: url('../images/industries_imgs/3d-printing-architecture.png');
  }
  .industries-card-background.bg10 {
    background-image: url('../images/industries_imgs/3d-printing-Corporate Gifting.png');
  }
  .industries-card-background.bg11 {
    background-image: url('../images/industries_imgs/3d-printing-heavy-engineering.png');
  }
  .industries-card-background.bg12 {
    background-image: url('../images/industries_imgs/3d-printing-dental.png');
  }
  .industries-card-background.bg13 {
    background-image: url('../images/industries_imgs/3d-printing-casting-and-forging.png');
  }
  .industries-card-background.bg14 {
    background-image: url('../images/industries_imgs/3d_printing-tools-and-dies.png');
  }

.industries-card-content {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    padding: 15px;
    background: rgba(0, 0, 0, 0.9);
    backdrop-filter: blur(3px);
    height: 58px;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.industries-card-title {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    margin-bottom: 10px;
    text-align: center;
}

.industries-card-description {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1.5;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition-delay: 0.1s;
    text-align: center;
}

.industries-card-icon{

    transition: 0.3s ease;
}

.industries-card:hover{
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}

.industries-card:hover .industries-card-background {
    filter: blur(3px);
}

.industries-card:hover .industries-card-content {
    height: 155px;
    padding-top: 25px;
    border-radius: 20px;
}

.industries-card:hover .industries-card-description {
    opacity: 1;
    transform: translateY(0);
}

.industries-card:hover .industries-card-icon {
    transform: rotate(180deg);
    transition: 0.3s ease;
}

.accordion-icon:not(.tech-section .accordion-icon){

    width: 12px;
    height: 12px;
}

.industries-card-container {
    display: grid;
    grid-template-columns: repeat(4, 275px);
    gap: 24px;
    justify-content: center;
}

.centered-item{

    grid-column: span 2;
    justify-self: center;
}

/*---------------Industries-Section Ends (For Desktop)---------------*/


/*---------------Industries-Section Starts (For Mobile)---------------*/

.industries-mobile-visible .industries-card{

    width: 100% ;
    margin-bottom: 0;
}

.industries-mobile-visible .industries-card-inner{

    height: 500px;
    overflow: visible;
}

/* Common styling */
.industries-mobile-visible .industries-card-background {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

/* Specific backgrounds */
/* .industries-mobile-visible .bg-mobile-1 {
    background-image: url('../images/mobile-industry-1.jpg');
} */

.industries-mobile-visible .bg-mobile-1 {
    background-image: url('../images/Industries_Mobile_Images/1.jpg');
}

.industries-mobile-visible .bg-mobile-2 {
    background-image: url('../images/Industries_Mobile_Images/2.jpg');
}

.industries-mobile-visible .bg-mobile-3 {
    background-image: url('../images/Industries_Mobile_Images/3.jpg');
}

.industries-mobile-visible .bg-mobile-4 {
    background-image: url('../images/Industries_Mobile_Images/4.jpg');
}


.industries-mobile-visible .industries-card-content{

    height: 58px;
    padding-top: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.industries-mobile-visible .industries-card-title{

    font-size: 25px;
}
.industries-mobile-visible .industries-card-description{

    display: none;
}

.industries-mobile-visible .industries-card-title img{

    display: none;
}

.industries-mobile-visible .industries-card-content .industries-card-description{

    opacity: 1;
    transform: translateY(0);
}

.industries-mobile-visible .industries-card:hover .industries-card-background{

    filter: blur(0);
}

.industries-mobile-visible .swiper-container{

    padding-bottom: 0;
}

.industries-mobile-visible .swiper-wrapper{

    justify-content: flex-start;
}

.industries-swiper-pagination{

    width: auto !important;
    margin: 0 15px;
}

.industries-swiper-pagination span{

    font-size: 16px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
}

.industries-swiper-button-prev,
.industries-swiper-button-next {
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
}

.industries-swiper-pagination-fraction {
    position: static;
    width: auto;
    margin: 0 1.5rem;
    font-size: 1.125rem;
    font-weight: 500;
    color: #4b5563;
}

/* Default colors */
.industries-swiper-button-prev svg path {
    fill: #92929233; /* grey */
}

.industries-swiper-button-next svg path {
    fill: #F58634; /* orange */
}

/* When button is disabled */
.industries-swiper-button-prev.swiper-button-disabled svg path {
    fill: #92929233; /* grey */
}

.industries-swiper-button-next.swiper-button-disabled svg path {
    fill: #92929233; /* grey */
}

/* When prev is active (not disabled) */
.industries-swiper-button-prev:not(.swiper-button-disabled) svg path {
    fill: #F58634; /* orange */
}

/*---------------Industries-Section Ends (For Mobile)---------------*/


/*---------------Services-Section Starts (For Desktop)---------------*/

.services-main-container{

    margin-top: 0px;
    padding: 60px 0;
}

.services-header-section {
    text-align: center;
}

.services-main-title {
    font-size: 48px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #000;
    margin-bottom: 0;
    padding-bottom: 16px;
}

.services-subtitle {
    font-size: 16px;
    font-weight: 400;
    font-family: "inter", sans-serif;
    color: #6D6D6D;
    margin: 0;
    padding-bottom: 56px;
    line-height: 100%;
}

.services-grid-container {
    padding: 60px 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 1100px;
    margin: 0 auto;
    gap: 24px;
}

.services-grid-container a{

    display: flex;
    justify-content: center;
}

.services-card {
    width: 330px;
    height: 355px;
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
    /* margin-bottom: 24px; */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
}

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

/* .services-card:hover .services-arrow-icon {

    transform: scale(10) translate(-15px, -3.5px);
    transition: 0.3s ease-in-out;
    z-index: -99;
    border-radius: 0px;
} */

.services-arrow-icon img {
    opacity: 1;
    visibility: visible;
    transition: opacity 0s ease, visibility 0s ease;
}
  

.services-card-header {

    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    position: relative;
    z-index: 2;
}

.services-card-title {
    font-size: 20px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #000;
    margin: 0;
    line-height: 120%;
    flex: 1;
    transition: color 0.4s ease;
}

.services-card:hover .services-card-title {
    color: #F58634;
}

.services-arrow-icon {
    background-color: #F58634;
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-left: 20px;
    flex-shrink: 0;
    position: relative;
    z-index: 3;
    transition: color 0.3s ease-in-out;
    transition: transform 0.3s ease;
}

.services-arrow-icon img{

    transform: rotate(45deg);
    opacity: 1;
    visibility: visible;
    transition: opacity 0s ease, visibility 0s ease;
}

.services-card-description {
    font-size: 16px;
    font-weight: 400;
    font-family: "inter", sans-serif;
    color: #5F5F5F;
    line-height: 1.2;
    margin: 0;
    position: relative;
    z-index: 2;
    transition: color 0.4s ease;
}

/* .services-card:hover .services-card-description {
    color: #fff;
} */

.services-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}

.services-image-container img{

    border-radius: 20px;
}

/*---------------Services-Section Ends (For Desktop)---------------*/


/*---------------Services-Section Starts (For Mobile)---------------*/

.services-mobile-visible .services-card{

    padding: 0;
    margin-bottom: 0;
}

.services-mobile-visible .services-card-title{

    padding-bottom: 10px;
    border-bottom: 5px solid #F58634;
}

.services-mobile-visible .services-card-header{

    padding: 20px;
    margin-bottom: 0;
}

.services-mobile-visible .services-card-description{

    padding: 20px;
}

.services-mobile-visible .services-image-container{

    padding: 20px;
    margin-bottom: 0;
}

/* .services-mobile-visible .services-card:hover .services-arrow-icon {

    transform: scale(10) translate(-15px, 4px);
} */

.swiper-navigation-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}

.services-swiper-pagination{

    width: auto !important;
    margin: 0 15px;
}

.services-swiper-pagination span{

    font-size: 16px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
}

.services-swiper-button-prev,
.services-swiper-button-next {
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
}

.services-swiper-pagination-fraction {
    position: static;
    width: auto;
    margin: 0 1.5rem;
    font-size: 1.125rem;
    font-weight: 500;
    color: #4b5563;
}

/* Default colors */
.services-swiper-button-prev svg path {
    fill: #92929233; /* grey */
}

.services-swiper-button-next svg path {
    fill: #F58634; /* orange */
}

/* When button is disabled */
.services-swiper-button-prev.swiper-button-disabled svg path {
    fill: #92929233; /* grey */
}

.services-swiper-button-next.swiper-button-disabled svg path {
    fill: #92929233; /* grey */
}

/* When prev is active (not disabled) */
.services-swiper-button-prev:not(.swiper-button-disabled) svg path {
    fill: #F58634; /* orange */
}

/*---------------Services-Section Ends (For Mobile)---------------*/


/*---------------Stats-Section Starts---------------*/

.stats-section {

    text-align: center;
    padding: 0px 20px;
    background-color: #fff;
    padding: 60px 0;
  }
  
  .stats-heading {
    font-size: 40px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #000;
    margin-bottom: 40px;
  }
  
  .stats-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
  }
  
  .stats-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 100px;
  }
  
  .stats-number {
    color: #f58634;
    font-weight: 400;
    font-size: 36px;
    font-family: "Cal Sans", sans-serif;
  }
  
  .stats-label {
    font-weight: 400;
    font-size: 28px;
    font-family: "Cal Sans", sans-serif;
    color: #666;
    margin-top: 5px;
  }
  
  .stats-divider {
    width: 2px;
    height: 80px;
    background-color: #f58634;
  }

/*---------------Stats-Section Ends---------------*/


/*---------------Form-Section Starts---------------*/

#conn-form{

    padding-bottom: 60px;
}

.c-form-container {
    padding: 32px 48px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
    justify-content: space-between;
}

.c-form-content p {
    font-size: 48px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #1f2937;
    margin-top: 0;
    margin-bottom: 2rem;
}

.c-form-body {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.c-form-input,
.c-form-select,
.c-form-textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.c-form-input::placeholder,
.c-form-textarea::placeholder {
    color: #9ca3af;
}

.c-form-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23999" height="16" viewBox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M5.516 7.548a.75.75 0 011.06-.032L10 10.723l3.423-3.207a.75.75 0 111.032 1.088l-3.93 3.68a.75.75 0 01-1.032 0L5.548 8.604a.75.75 0 01-.032-1.06z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 1rem center;
}


.c-form-select {
    color: #6b7280;
}

.c-form-select:focus,
.c-form-input:focus,
.c-form-textarea:focus {
    outline: none;
    border-color: #F58634;
    box-shadow: 0 0 0 3px rgba(251, 146, 60, 0.2);
}

.c-form-submit-btn {
    width: 100%;
    background-color: #F58634;
    color: #fff;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    padding: 20px 20px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.c-form-submit-btn:hover {
    /* background-color: #ea580c; */
    transform: translateY(-2px);
}

.c-form-image-wrapper {
    width: 100%;
    height: 100%;
    max-height: 480px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.c-form-image {
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
}

/*---------------Form-Section Ends---------------*/


/*---------------wcu-Section Starts---------------*/

.wcu-section {
    width: 100%;
    height: 100%;
    padding: 0px 32px;
    background-color: #fff;
    position: relative;
    /* overflow: hidden; */
    margin: 60px 0;
    z-index: 2;
}

.wcu-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/world-map.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; /* 👈 Stretch image to fit both width and height */
    opacity: 0.08;
    z-index: 0;
    pointer-events: none;
}

.wcu-container {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 4rem;
    align-items: center;
    position: relative;
    z-index: 2;
}

.wcu-content-left {
    padding-right: 2rem;
}

.wcu-heading {
    font-size: 66px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    color: #000;
    margin-bottom: 1.5rem;
}

.wcu-description {
    width: 370px;
    font-size: 20px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: #000;
    line-height: 1.6;
}

.wcu-features-grid {
    width: fit-content;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.wcu-feature-item {

    width: fit-content;
    background-color: #FAFAFA;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1.5rem;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    opacity: 0.7;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.wcu-feature-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px rgba(0,0,0,0.1);
}

.wcu-feature-item:last-child {
    grid-column: 1 / -1;
    justify-self: center;
    width: 100%;
}

.wcu-feature-icon {
    color: #4b5563;
}

.wcu-feature-text {

    width: 200px;
    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: #000;
    margin: 0;
}

/*---------------wcu-Section Ends---------------*/

/*---------------Our-Work-Section Starts---------------*/

.unique-work-section-container {
    padding: 60px 0;
    overflow-x: hidden;
    position: relative;
    z-index: 1;
  }

  .unique-section-header-content{

    text-align: center;
  }

  .unique-section-header-content h2{

    font-size: 40px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #000000;
    line-height: 100%;
    margin-bottom: 0;
    padding-bottom: 16px;
  }

  .unique-section-header-content p{

    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: #6D6D6D;
    line-height: 120%;
    margin-bottom: 0;
    padding-bottom: 48px;
  }
  
  .unique-gallery-row-wrapper {
    position: relative;
    overflow: visible;
  }
  
  .unique-gallery-row-top,
  .unique-gallery-row-bottom {
    overflow: visible;
    position: relative;
    z-index: 2;
  }
  
  .unique-gallery-row-bottom {
    margin-top: 30px;
    z-index: 1;
  }
  
  .unique-gallery-image-item {
    width: 360px;
    height: 250px;
    position: relative;
    overflow: hidden;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .unique-gallery-image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .unique-gallery-image-item p {
    color: #fff;
    font-size: 32px;
    position: absolute;
    bottom: 0;
    left: 30px;
    transform: translateY(70px);
    transition: transform 0.3s ease;
    z-index: 3;
  }
  
  .unique-gallery-image-item:hover p {
    transform: translateY(0px);
  }

/*---------------Our-Work-Section Ends---------------*/


/*---------------Partners-section Starts---------------*/

.unique-testimonial-section{

    padding: 60px 0;
}

.unique-section-title {
    font-size: 40px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #000;
    text-align: center;
    margin-bottom: 0px;
    padding-bottom: 16px;
    line-height: 100%;
}

.unique-section-desc{

    text-align: center;
    font-size: 16px;
    font-weight: 400;
    font-family: "inter", "sans serif";
    color: #6D6D6D;
    line-height: 120%;
    margin-bottom: 0;
    padding-bottom: 48px;
}

.unique-testimonial-slider-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 50px;
    box-sizing: border-box;
}

.unique-slider-wrapper {
    overflow: hidden;
    width: 81%;
    border-radius: 20px;
}

.unique-slider-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: fit-content;
}

.unique-testimonial-card {
    flex-shrink: 0;
    width: 980px;
    height: 600px;
    background-color: #6D6D6D;
    border-radius: 20px;
    padding: 35px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 25px;
    position: relative;
    margin: 0 10px;
}

.unique-card-orange-overlay {
    background-color: #F58634;
    border-radius: 15px;
    padding: 20px;
    position: absolute;
    top: 35px;
    left: 35px;
    width: 250px;
    height: calc(100% - 70px);
    box-sizing: border-box;
    z-index: 1;
}

.unique-card-content {
    height: 92%;
    background-color: #ffffff;
    border-radius: 15px;
    padding: 30px 30px 30px 120px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    flex-grow: 1;
    z-index: 2;
    margin-left: 170px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.unique-profile-image-wrapper {
    width: 200px;
    height: 200px;
    border-radius: 15px;
    overflow: hidden;
    position: absolute;
    left: 100px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

.unique-profile-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.unique-testimonial-name {
    font-size: 40px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #1a1a1a;
    margin-bottom: 0px;
}

.unique-testimonial-text {
    font-size: 16px;
    font-weight: 400;
    font-family: "inter", sans-serif;
    line-height: 1.6;
    color: #000;
    margin-bottom: 0px;
}

.unique-partner-info {
    font-size: 18px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.unique-partner-info span{

    font-size: 16px;
    font-weight: 400;
    font-family: "inter", sans-serif;
    color: #6D6D6D;
    text-transform: capitalize;
    margin-bottom: 5px;    
}

.unique-stats-row {
    display: flex;
    gap: 20px;
    align-items: center;
}

.unique-stat-item:first-child {
    padding: 10px;
    border-right: 2px solid #F58634;
}

.unique-stat-value {

    font-size: 16px;
    font-weight: 700;
    font-family: "poppins", sans-serif;
    color: #F58634;
    margin-right: 10px;
}

.unique-stat-description {

    font-size: 16px;
    font-weight: 700;
    font-family: "poppins", sans-serif;
    color: #6D6D6D;
    line-height: 1.3;
    text-align: left;
    text-transform: uppercase;
}

.unique-slider-arrow {
    background: #EAEAEA;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: none;
    font-size: 2.5em;
    color: #333;
    cursor: pointer;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: color 0.3s ease;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.unique-slider-arrow:hover {
    color: #ff7f40;
}

.unique-slider-arrow.left {
    left: 0;
}

.unique-slider-arrow.right {
    right: 0;
}

.unique-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
}

.unique-pagination .prev-btn {
    color: #ccc;
    cursor: pointer;
    font-size: 20px;
}

.unique-pagination .next-btn {
    color: #ff6600; /* orange like screenshot */
    cursor: pointer;
    font-size: 20px;
}

.unique-pagination .fraction {
    color: #000;
}


.circular-progress-wrapper {
    width: 80px;
    height: 80px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circular-progress {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: conic-gradient(
        #f58634 0% 60%,
        #eee 60% 100%
    );
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.circular-progress::before {
    content: '';
    position: absolute;
    width: 90%;
    height: 90%;
    background: #fff;
    border-radius: 50%;
}

.progress-value {
    position: relative;
    font-weight: bold;
    color: #f58634;
    font-size: 14px;
    font-weight: 700;
    font-family: "poppins", sans-serif;
}


/*---------------Partners-Section Ends---------------*/


/*---------------Case-Studies-Section Starts---------------*/

.cs-container {
    width: 100%;
    padding: 60px 32px;
    box-sizing: border-box;
}


.cs-header {
    text-align: center;
    margin-bottom: 2rem;
}

.cs-main-heading {
    font-size: 40px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #000;
    margin-bottom: 16px;
    line-height: 100%;
}

.cs-subheading {
    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: #6D6D6D;
    margin-bottom: 48px;
}

.cs-dropdown-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 3rem;
}

.cs-dropdown-wrapper button{

    background-color: #fff;
    font-size: 20px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: #000000;
}

/* .cs-dropdown-wrapper .dropdown-menu{

    z-index: 9999999;
} */

.cs-dropdown {
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    background-color: #fff;
    font-size: 20px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    padding-right: 2.5rem;
}

.swiper-container {
    width: 100%;
}

.cs-card {
    width: 330px;
    height: 330px;
    background-color: #fff;
    border: 1px solid #e9ecef;
    border-radius: 16px;
    padding: 1rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
}


.cs-card:hover {
    background-color: #000;
    color: #fff;
    border-color: #000;
}

.cs-card-category {
    font-size: 20px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #000;
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 0.6rem;
    transition: border-color 0.3s ease;
}

.cs-card:hover .cs-card-category {
    border-color: #444;
    color: #fff;
}

.cs-card-title {
    font-size: 20px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #F58634;
    margin: 1.5rem 0;
    flex-grow: 1;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.cs-card:hover .cs-card-title{
    color: #F58634;
}

.cs-card-description {
    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    line-height: 1.6;
    color: #6D6D6D;
    transition: color 0.3s ease;
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cs-card-link {
    width: fit-content;
    display: inline-block;
    font-family: "Cal Sans", sans-serif;
    font-weight: 400;
    align-items: center;
    font-weight: 500;
    text-decoration: none;
    color: #000;
    transition: color 0.3s ease;
    margin-top: auto;
}

.cs-card:hover .cs-card-link {
    color: #fff;
}

.cs-card-link svg {
    margin-left: 0.5rem;
    transition: transform 0.3s ease;
}

.cs-card:hover .cs-card-link svg {
    transform: translateX(5px);
}

.cs-slider-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
}

.swiper-scrollbar {

    position: relative !important;
    background: #EAEAEA;
    height: 9px !important;
    border-radius: 8px !important;
    margin-top: 10px;
    left: initial !important;
}

.swiper-scrollbar-drag {

    background: #000;
    border-radius: 2px;
    border-radius: 8px;
}

.cs-nav-buttons {
    display: flex;
    gap: 0.5rem;
    margin-left: 1rem;
}

.swiper-button-next,
.swiper-button-prev {
    position: static;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 50%;
    color: #000;
    margin: 0;
    transition: background-color 0.3s, border-color 0.3s;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: #f1f3f5;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 1rem;
    font-weight: bold;
}

.cs-swiper-wrapper{

    white-space: nowrap;
    overflow: visible; /* allow visual overflow */
    position: relative;
}

.cs-swiper-slide {
    width: 330px !important;
    /* height: 330px !important; */
}

.services-mobile-visible .cs-card{

    width:100%;
    height: 400px;
    background-color: #000000;
    padding: 2rem 1rem;
}

.services-mobile-visible .cs-card-category{

    color: #B6B6B6;
    border-bottom: 1px solid #B6B6B6;
}

.services-mobile-visible .cs-card-title{

    color: #F58634;
}

.services-mobile-visible .cs-card-description{

    color: #B6B6B6 !important;
}

.services-mobile-visible .cs-card-link{

    color: #FFFFFF;
}

/*---------------Case-Studies-Section Ends---------------*/


/*---------------Footer Starts---------------*/

.ft-footer {
    background-color: #000000;
    color: #ffffff;
    padding: 4rem 12rem;
}

.ft-container {

    margin: 0 auto;
}

.ft-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2rem;
}

.ft-col {
    flex: 1;
    width: fit-content !important;
}

.ft-col-brand .ft-brand-motto {
    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    line-height: 1.6;
    color: #CFD3D7;
    margin-top: 20px;
}


.ft-col h3 {
    width: fit-content !important;
    font-size: 16px;
    font-weight: 400;
    font-family: "Cal sans", sans-serif;
    margin-bottom: 1.5rem;
    color: #F58634;
}

.ft-col ul {
    width: fit-content !important;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ft-col ul li {
    width: fit-content !important;
    margin-bottom: 1rem;
}

.ft-col ul li a {
    font-size: 16px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    color: #CFD3D7;
    text-decoration: none;
    transition: color 0.3s ease;
}

.ft-col ul li a:hover {
    color: #F58634;
}

.ft-col p{

    font-size: 16px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #F58634;
}

.ft-newsletter-form {
    display: flex;
    margin-top: 0.5rem;
    border-radius: 8px;
}

.ft-newsletter-form input {
    flex-grow: 1;
    padding: 0.75rem 1rem;
    border: 1px solid #F58634;
    background-color: #4F5A68;
    color: #77808B;
    font-size: 16px;
    font-weight: 400;
    font-family: "poppins", sans-serif;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.ft-newsletter-form input:focus {
    outline: none;
    background-color: #4b5563;
}

.ft-newsletter-form input::placeholder {
    color: #9ca3af;
}

.ft-newsletter-form button {
    padding: 0.75rem 1.5rem;
    border: none;
    background-color: #f97316;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.ft-newsletter-form button:hover {
    background-color: #fb923c;
}

.ft-hr {
    border: none;
    height: 1px;
    background-color: #8A8A8A;
    margin-bottom: 26px;
}

.ft-legal {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    color: #CFD3D7;
}

.ft-legal p i{

    color: #eb8841;
    font-size: 16px;
    margin-right: 5px;
}

.ft-legal-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ft-legal-list li {
    font-size: 16px;
    font-weight: 400;
    font-family: "poppins", sans-serif;
    display: flex;
    align-items: center;
}

.ft-legal-list svg {
    width: 16px;
    height: 16px;
    margin-right: 0.5rem;
    fill: currentColor;
}

/*---------------Footer Ends---------------*/

/*------------------------------HomePage Ends------------------------------*/


/*------------------------------Industries-page Starts------------------------------*/


/*---------------Industries-circle Starts---------------*/

.industries-circle-container{

    padding: 60px 0;
}

.industries-circle-heading{

    font-size: 40px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #000000;
    margin-bottom: 0px;
    padding-bottom: 16px;
    line-height: 100%;
}

.industries-circle-desc{

    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: #6D6D6D;
    margin-bottom: 0px;
    padding-bottom: 48px;
    line-height: 120%;
}

/* .circle-grid {
    display: grid !important;
    grid-template-columns: repeat(4, auto);
    column-gap: 24px;
    row-gap: 56px;
} */

/* .industries-circle{

    width: 100% !important;
    height: 100% !important;
} */

.circle-heading{

    color: #000000;
    font-size: 16px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    margin-bottom: 0;
}

.industries-square-img{

    width: 510px;
    border-radius: 20px;
    text-align: center;
    overflow: hidden;
    height: auto;
}

.industries-img{

    width: 185px;
    height: 185px;
    border-radius: 50%;
    border: 1px solid #D3D3D3;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}

/*---------------Industries-circle Ends---------------*/


/*---------------Industries-Square Starts---------------*/

.industries-square-container{

    padding: 60px 0;
}

.industries-square-heading{

    font-size: 40px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    margin-bottom: 0px;
    padding-bottom: 16px;
    line-height: 100%;
}

.industries-square-desc{

    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    margin-bottom: 0px;
    padding-bottom: 48px;
    line-height: 120%;
}

.industries-img-texts{

    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 100px;
}

.square-heading{

    font-size: 36px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
}

.text-list li{

    font-size: 16px;
    font-weight: 400;
    font-family: "inter", sans-serif;
    color: #6D6D6D;
}

/*---------------Industries-Square Ends---------------*/


/*------------------------------Industries-page Ends------------------------------*/


/*------------------------------Services-page Starts------------------------------*/


/*---------------Our-Process-Section Starts---------------*/
.our-process-container{

    padding: 60px 0;
}

.our-process-heading{
    
    font-size: 40px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #000000;
    margin-bottom: 0px;
    padding-bottom: 16px;
    text-align: center;
    line-height: 100%;
}

.our-process-subheading{

    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: #6D6D6D;
    text-align: center;
    margin-bottom: 0px;
    padding-bottom: 48px;
}

.our-process-boxes {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 51px;
    align-items: start;
    justify-items: center;
}

.our-process-box-text{

    /* width: 165px; */
}

.our-process-box img{

    background-color: #E8E8E8;
    padding: 12px;
    border-radius: 8px;
}

.our-process-title{

    /* width: 100px; */
    font-size: 20px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #F58634;
    margin-top: 20px;
    margin-bottom: 0;
}

.our-process-desc{

    font-size: 16px;
    font-weight: 400;
    font-family: "inter", sans-serif;
    color: #000000;
    margin-top: 5px;
}
/*---------------Our-Process-Section Ends---------------*/


/*---------------TRT-Section-Section Starts---------------*/
.trt-section-container{

    padding: 60px 0;
}

.trt-section-title{

    font-size: 40px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #000000;
    text-align: center;
    margin-bottom: 0px;
    padding-bottom: 16px;
}

.trt-section-desc{

    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: #6D6D6D;
    text-align: center;
    margin-bottom: 0px;
    padding-bottom: 48px;
}

.trt-section-img-text{

    height: 375px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    margin-bottom: 56px;
}

/* .trt-section-img-text:not(.trt-section-img-text:first-child){

    margin-top: 20px;
} */

.trt-section-img-text:nth-child(even){

    flex-direction: row-reverse;
}

.trt-text{

    width: 500px;
}

.trt-title{

    font-size: 36px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #000;
    margin-bottom: 0;
    line-height: 100%;
}

.trt-desc{

    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: #6D6D6D;
    margin-top: 15px;
    margin-bottom: 0;
    line-height: 120%;
}

.trt-img{

    width: 450px;
    height: 300px;
    border-radius: 20px;
    overflow: hidden;
}

/*---------------TRT-Section-Section Ends---------------*/


/*------------------------------Services-page Ends------------------------------*/


/*------------------------------Technology-page Start------------------------------*/

.mp-desc{

    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
}

/*------------------------------Technology-page Ends------------------------------*/


/*------------------------------Materials-page Starts------------------------------*/

/*---------------Heading-Section Starts---------------*/

.heading-section {

    text-align: start;
  padding-top: 60px;  
}

.heading-title{

    font-size: 40px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #000000;
    margin-bottom: 0px;
    padding-bottom: 16px;
}

.heading-subtitle{

    width: 850px;
    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: #6D6D6D;
    margin-bottom: 0px;

}

/*---------------Heading-Section Ends---------------*/

/*---------------Materials-Filter-Section Starts---------------*/

.m-filter-container {

    padding: 48px 0 60px;
    display: flex;
    gap: 3rem;
    margin: auto;
}

.m-filter-sidebar {

    padding: 15px 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex-shrink: 0;
}

.m-filter-button {
    border: 1px solid #929292;
    background-color: #ffffff;
    padding: 0.6rem 1.5rem;
    border-radius: 9999px;
    font-size: 18px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #292929;
    cursor: pointer;
    text-align: center;
    transition: background-color 0.2s, border-color 0.2s;
}

.m-filter-button.active-filter{

    color: #fff;
    background-color: #F58634 !important;
    border: 1px solid #dee2e6;
}

.m-filter-button:hover {
    background-color: #e9ecef;
    border-color: #ced4da;
}

.m-filter-content-area {
    flex-grow: 1;
}

.m-filter-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 24px;
    column-gap: 24px;
}

.filtering {
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.m-filter-card {

    width: 360px;
    height: 560px;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 15px;
    box-shadow: 0 4px 12px 5px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.2s, box-shadow 0.2s;
}

.m-filter-card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.m-filter-card-image {
    width: 100%;
    height: 285px;
    object-fit: contain;
    display: block;
    transition: 0.3s ease;
}

.m-filter-card:hover .m-filter-card-image{
    transform: scale(1.05);
    transition: 0.3s ease;
}

.m-filter-card-body {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.m-filter-product-name {
    margin: 0 0 0.5rem 0;
    font-size: 20px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #000000;
}

.m-filter-product-description {
    margin: 0 0 1.5rem 0;
    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: #6c757d;
    line-height: 1.5;
    flex-grow: 1;
    white-space: wrap;
}

.m-filter-download-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.75rem 1rem;
    border: 0.5px solid #929292;
    border-radius: 8px;
    color: #6D6D6D;
    font-size: 16px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s;
}

.m-filter-card:hover .m-filter-download-button {
    background-color: #F58634;
    color: #fff;
    border: none;
}

.m-filter-card:hover .m-filter-icon-download i{

    color: #fff !important;
}

.materials-swiper-pagination{

    color: #000;
    font-family: "Cal Sans", sans-serif;
}

/* Default colors */
.materials-swiper-button-prev svg path {
    fill: #92929233; /* grey */
}

.materials-swiper-button-next svg path {
    fill: #F58634; /* orange */
}

/* When button is disabled */
.materials-swiper-button-prev.swiper-button-disabled svg path {
    fill: #92929233; /* grey */
}

.materials-swiper-button-next.swiper-button-disabled svg path {
    fill: #92929233; /* grey */
}

/* When prev is active (not disabled) */
.materials-swiper-button-prev:not(.swiper-button-disabled) svg path {
    fill: #F58634; /* orange */
}

.m-filter-mobile-visible .swiper-wrapper{

    justify-content: flex-start !important;
}

.pdf_modal .modal-dialog {
    max-width: 660px;
    max-height: 420px;
}

.pdf_modal .modal-content {
    border: none;
    border-radius: 12px;
    overflow: hidden;
}

.pdf_modal .modal-header {
    border: none;
    padding: 0;
    position: relative;
}

.pdf_modal .modal-body {
    padding: 40px 30px;
}

.pdf_modal_close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    font-size: 24px;
    color: #6c757d;
    cursor: pointer;
    z-index: 10;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.pdf_modal_close:hover {
    background-color: #f8f9fa;
    color: #495057;
}

.pdf_modal_title {
    font-size: 28px;
    font-weight: 600;
    color: #212529;
    margin-bottom: 8px;
    text-align: center;
}

.pdf_modal_subtitle {
    font-size: 14px;
    color: #6c757d;
    text-align: center;
    margin-bottom: 25px;
    line-height: 1.5;
}

.pdf_modal_label {
    font-size: 13px;
    color: #495057;
    margin-bottom: 8px;
    font-weight: 500;
}

.pdf_modal_input {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.3s ease;
    margin-bottom: 20px;
}

.pdf_modal_input:focus {
    outline: none;
    border-color: #fd7e14;
    box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.1);
}

.pdf_modal_input::placeholder {
    color: #adb5bd;
}

.pdf_modal_button {
    width: 100%;
    padding: 14px 24px;
    background-color: #fd7e14;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 15px;
}

.pdf_modal_button:hover {
    background-color: #e56a0c;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(253, 126, 20, 0.3);
}

.pdf_modal_privacy {
    font-size: 12px;
    color: #6c757d;
    text-align: center;
    margin: 0;
}

/*---------------Materials-Filter-Section Ends---------------*/

/*------------------------------Materials-page Ends------------------------------*/


/*------------------------------About-us-page Starts------------------------------*/

/*---------------Initial-para Starts---------------*/

.initial-para-container {

    margin-top: 80px;
}

.tech-mobile-visible ol.breadcrumb li.breadcrumb-item a{

    color: #fff;
}

.tech-mobile-visible ol.breadcrumb li.breadcrumb-item.active{

    color: #fff;
}

.initial-heading-text .initial-heading h1{

    margin-top: 60px;
    font-size: 40px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    margin-bottom: 0px;
    padding-bottom: 16px;
    line-height: 100%;
}

.initial-heading-text .initial-text{

    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    padding-bottom: 60px;
}

.core-values{

    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 60px;
    line-height: 120%;
}

.core-vlaues-title, .core-values-text{

    width: 50%;
    line-height: 155%;
    margin-bottom: 0;
}

.core-values-title h2{
    font-size: 36px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #000000;
}

.core-values-text p{

    font-size: 18px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: #000000;
}

.about-us-img-text{

    background-image: linear-gradient(to right, rgba(0, 0, 0, 1), transparent),
                      url("../images/about-us-img.png");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    margin-top: 80px;
}

.about-us-text{

    padding: 8rem 0;
}

.about-us-title{

    font-size: 30px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #fff;
}

.about-us-desc{

    font-size: 16px;
    font-weight: 300;
    font-family: "Inter", sans-serif;
    color: #fff;
    line-height: 128%;
}

/*---------------Initial-para Ends---------------*/


/*---------------Four-Boxes Starts---------------*/

.four-boxes-container {

    padding: 48px 0 60px;
}

.four-boxes{

    display: flex;
    gap: 24px;
}

.individual-box{

    width: 49%;
    background-color: #F6F6F6;
    border-radius: 10px;
}

.box-content{

    padding: 16px 15px;
}

.box-content h3{

    font-size: 24px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #000000;
}

.box-content p{

    font-size: 18px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: #000000;
    margin-bottom: 0;
}

/*---------------Four-Boxes Ends---------------*/


/*---------------Map-Section Starts---------------*/

.map-section-container {

    margin: 60px 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    position: relative;
    z-index: 2;
}

.map-section-container::before{

    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url("../images/highlighted-map.png");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000;
    z-index: 0;
}

.map-section-container .map-section-text{

    width: 380px;
}

.map-section-container .map-section-text h1{

    font-size: 36px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #FFFFFF;
    line-height: 120%;
    margin-bottom: 16px;
}

.map-section-container .map-section-text p{

    font-size: 20px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: #FFFFFF;
    line-height: 155%;
    margin-bottom: 0;
}

/*---------------Map-Section Ends---------------*/


/*---------------Team-Intro Starts---------------*/

.team-text{

    width: 500px;
    height: 340px;
    font-size: 18px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: #000000;
    line-height: 123%;
}

/*---------------Team-Intro Ends---------------*/

/*------------------------------About-us-page Ends------------------------------*/


/*------------------------------Contact-us-page Starts------------------------------*/

.contact-us-heading{

    padding: 60px 0;
}

.contact-us-heading h1{

    font-size: 40px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #000000;
    margin-bottom: 0;
    padding-bottom: 16px;
    line-height: 100%;
}

.contact-us-desc{

    color: #6D6D6D;
    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    margin-bottom: 0;
    line-height: 120%;
}

.last-para h1{

    font-size: 24px;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    color: #000000;
}

.last-para h1 span{

    color: #F58634;
}

.last-para p{

    font-size: 16px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    color: #7D7D7D;
}

/*------------------------------Contact-us-page Ends------------------------------*/


/*------------------------------Blog-page Starts------------------------------*/

.blogs-section{

    padding-top: 60px;
}

div:has(.blog-main-title){

    padding: 60px 0;
}

.blog-main-title{

    font-size: 40px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    margin-bottom: 0;
    padding-bottom: 16px;
    line-height: 100%;
}

.blog-desc{

    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: #6D6D6D;
    margin-bottom: 0;
    line-height: 120%;
}

.blog-title{

    font-size: 20px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #262626;
}

.blog-date{

    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: #929292;
}

.blog-time{

    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: #929292;
}

.name-image p{

    font-size: 18px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #929292;
}

.blog-summary{

    padding: 30px 35px;
    background-color: #F6F6F6;
    border-radius: 20px;
    border-left: 10px solid #F58634;
}

.blog-summary-heading{

    font-size: 42px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #262626;
    margin-bottom: 30px;
}

ul.blog-summary-list li{

    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: #000000;
}

.individual-intro{

    padding-top: 48px;
}

.blog-intro-heading{

    font-size: 32px;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #000000;
    margin-bottom: 20px;
}

.blog-intro-text{

    font-size: 18px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: #000000;
}

.blog-intro-text:last-child{

    margin-bottom: 0 !important;
}

.blog-last-image{

    padding: 48px 0;
}

/*------------------------------Blog-page Ends------------------------------*/


/*------------------------------case-study-page Starts------------------------------*/

.container-fluid:has(.cs-stat-container) {

    background-color: #F6F6F6;
}

.cs-stat-container{

    padding: 30px 0;
}

.cs-individual-stat{

    text-align: center;
    width: 30rem;
}

.cs-individual-stat:not(.cs-individual-stat:last-child){

    border-right: 1px solid #000;
}

.cs-individual-stat h2{

    font-size: 2.25rem;
    font-weight: 400;
    font-family: "Cal Sans", sans-serif;
    color: #000000;
}

.cs-individual-stat p {

    font-size: 1.75rem;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    color: #5F5F5F;
}

/*------------------------------case-study-page Ends------------------------------*/


/*---------------Media Queries Starts---------------*/

/* Default Wrapper for 1920px and above */
@media (min-width: 1920px) {
    .wrapper {
        width: 1320px;
        margin: 0 auto; /* Center the wrapper */
    }

    .industries-card {
        width: 305px;
        height: 290px;
        border-radius: 20px;
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
        position: relative;
        cursor: pointer;
        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
        /* margin-bottom: 24px; */
    }

    .industries-card-container {
        display: grid;
        grid-template-columns: repeat(4, 305px);
        gap: 24px;
        justify-content: center;
    }
}

/* For screens between 1440px and 1919px */
@media (max-width: 1919px) and (min-width: 1440px) {
    .wrapper {
        width: 1200px;
        margin: 0 auto; /* Center the wrapper */
    }

    /* technology-section starts */

    .tech-nav-tabs .tech-nav-link{

        font-size: 18px;
    }

    /* technology-section ends */

    /* partners-testimonials starts */

    .unique-slider-wrapper{

        width: 90%;
    }

    /* partners-testimonials ends */

    /* footer starts */

    .ft-footer{

        padding: 4rem  ;
    }

    /* footer ends */

    /* materials & Machines Starts */

    .m-filter-card {

        width: 318px;
        height: 585px;
    }

    /* materials & Machines Ends */
}

/* For screens between 1024px and 1439px */
@media (max-width: 1439px) and (min-width: 1024px) {

    /*------------------------------HomePage Starts------------------------------*/

    .wrapper {
        width: 900px;
        margin: 0 auto; /* Center the wrapper */
    }

    .navbar-nav li.nav-item a:link{

        font-size: 12px;
    }

    .hero-texts{

        width: 480px;
    }

    .hero-title{

        font-size: 36px;
    }

    /* technology-section starts */

    .tech-nav-tabs .tech-nav-link{

        font-size: 13px;
        padding: 12px;
    }

    .tech-tab-content{

        width: 100%;
    }

    /* technology-section ends */

    /* industries starts */

    .industries-card-container{

        grid-template-columns: repeat(3, 240px);
    }

    .industries-card {

        width: 240px;
    }

    .centered-item{

        grid-column: span 1;
    }

    /* industries ends */

    /* services-section starts */

    .services-grid-container {
        grid-template-columns: repeat(2, 1fr);
        max-width: 730px;
    }

    /* services-section ends */

    /* wcu-section starts */

    .wcu-container{

        gap: 0;
        align-items: flex-start;
    }
    .wcu-content-left {
        padding-right: 0;
    }
    .wcu-heading {
        font-size: 48px;
    }
    .wcu-heading img{

        width: 200px ;
    }
    .wcu-description{

        width: 300px;
    }

    /* wcu-section ends*/

    /* partners-testimonials starts */

    .unique-slider-track{

        width: 100%;
    }

    .unique-testimonial-card{

        background-color: transparent;
        width: 100%;
        height: 100%;
    }

    .unique-card-orange-overlay{

        width: 89%;
    }

    .unique-profile-image-wrapper {

        top: 15%;
        left: 50%;
        transform: translateX(-50%) translateY(0%);

    }

    .unique-card-content{

        margin-left: 0;
        margin-top: 175px;
        padding: 100px 30px 30px 30px;
    }

    .unique-testimonial-name {

        margin-top: 30px;
    }

    .unique-stat-description{

        font-size: 14px;
    }

    /* partners-testimonials ends */

    /* footer starts */

    .ft-footer{

        padding: 4rem  ;
    }

    .ft-main{

        display: grid;
        grid-template-columns: repeat(3, 1fr);
        place-items: center;

    }

    /* footer ends */

    /*------------------------------HomePage Ends------------------------------*/


    /*------------------------------Services page Start------------------------------*/

    .trt-text{

        width: 425px;
    }

    .our-process-boxes{

        grid-template-columns: repeat(3, 1fr);
    }

    /*------------------------------Services page Ends------------------------------*/


    /*------------------------------Industires-Page Starts------------------------------*/

    .industries-grid {

        grid-template-columns: repeat(3, 1fr);
    }

    .industries-square-img{

        width: 365px;
    }

    .industries-square-texts .text-list li{

        font-size: 16px !important;
    }

    .square-heading .line-break {
        display: block;
      }

    /*------------------------------Industires-Page Ends------------------------------*/


    /*------------------------------Materials-Page Starts------------------------------*/

    .m-filter-grid{

        grid-template-columns: repeat(2, 1fr);
        row-gap: 24px;
    }

    /* .m-filter-card {

        width: 100%;
        height: 100%;
    } */

    /*------------------------------Materials-Page Ends------------------------------*/

}

/* For screens between 768px and 1023px */
@media (max-width: 1023px) and (min-width: 768px) {

    /* html{

        padding-top: 0;
    } */

    /*------------------------------HomePage Starts------------------------------*/

    body{

        padding-top: 0 !important;
    }

    .wrapper {
        width: 700px;
        margin: 0 auto; /* Center the wrapper */
    }

    /* navbar starts */

    .top-bar{

        display: none;
    }

    .nav-mobile-visible{

        display: flex !important;
        flex-direction: column;
    }

    .sticky-nav{

        top: 0;
    }

    .navbar-collapse{

        flex-direction: column;
        align-items: flex-start !important;
    }

    .navbar .dropdown-menu{

        position: absolute;
    }

    .navbar .dropdown-menu li{

        border: none;
    }

    .navbar .nav-link,.navbar .nav-link:hover{

        border-bottom: none;
    }

    .navbar-nav{

        width: 100%;
        margin-left: 0 !important;
        margin-top: 20px;
    }


    .navbar-nav li{

        width: 100%;
        padding: 0px;
        border-bottom: 1px solid #6D6D6D;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .navbar-nav li a{

        color: #000 !important;
    }

    .navbar-btn{

        margin-top: 20px;
        margin-left: 0 !important;
    }

    /* navbar ends */

    /* hero-section starts */

    .hero-section{

        padding: 50px 0;
    }

    .hero-texts{

        width: 250px;
    }

    .hero-title{

        font-size: 30px;
        width: 280px;
    }

    .hero-desc{

        font-size: 16px;
    }

    .desk-img{
        width: 280px;
    }

    /* hero-section ends */

    /* companies-logo starts */

    .logos-section{

        margin: 0;
    }

    .company-logos-text{

        width: 100%;
    }

    .company-logos-desc{

        font-size: 16px;
    }

    /* companies-logo ends */

    /* technology-section starts */

    .tech-mobile-visible .accordion-container{

        margin: 0 auto;
    }

    .tech-desc{

        font-size: 16px;
    }

    .tech-content-description{

        font-size: 16px;
    }

    .tech-desktop-visible{

        display: none;
    }

    .tech-mobile-visible{

        display: block !important;
    }

    /* technology-section ends */

    /* industries-section starts */

    .industries-grid{

        place-items: center;
    }

    .industries-subtitle{

        font-size: 16px;   
    }

    .industries-desktop-visible{

        display: none !important;
    }

    .industries-mobile-visible{

        display: block !important;
    }

    .industries-section{

        overflow: visible !important;
        padding: 0;
    }

    .industries-mobile-visible .industries-card-inner{

        height: 100% !important;
    }

    .industries-mobile-visible .industries-card-background{

        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .industries-mobile-visible .industries-card{

        width: 100%;
        height: 385px;
    }

    .industries-card{

        width: 180px;
        height: 250px;
    }

    .industries-card-container{

        grid-template-columns: repeat(3, 180px);
    }

    .industries-card-title{

        font-size: 14px;
        width: 100%;
        text-align: center;
    }

    .industries-card-content{

        height: 48px;
    }

    /* industries-section ends */

    /* services-section starts */

    .services-subtitle{

        font-size: 16px;
        padding-bottom: 60px;
    }

    .services-card{

        width: 100%;
        height: 100%;
    }

    .services-grid-container{

        grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    }

    .services-card-title{

        font-size: 22px;
    }

    .services-card-description{

        font-size: 16px;
    }

    /* .services-card:hover .services-arrow-icon {

        transform: scale(10) translate(-15px, -5.5px);
    } */

    .services-desktop-visible{

        display: none !important;
    }

    .services-mobile-visible{

        display: block !important;
    }

    .services-mobile-visible .swiper-wrapper{

        justify-content: flex-start;
    }

    .services-mobile-visible .swiper-container{

        /* overflow: hidden; */
    }

    /* services-section ends */

    /* form-section starts */

    .c-form-container{

        display: block;
    }

    .c-form-image-wrapper{

        display: none;
    }

    .c-form-content{
        width: 100% !important;
    }

    /* form-section ends */

    /* wcu-section starts */

    .wcu-section{

        padding-top: 0;
    }

    .wcu-section:before{

        background-size: cover;
    }

    .wcu-container{

        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .wcu-feature-icon{

        margin: 0 auto;
    }

    .wcu-feature-text:last-child{

        text-align: center;
        margin: 0 auto;
    }

    .wcu-description{

        font-size: 16px;
    }

    /* wcu-section ends */

    /* our work starts */

    .unique-work-section-container{

        padding: 0;
    }

    /* our work ends */

    /* partners-section starts */

    .unique-section-header-content p{

        font-size: 16px;
    }

    .unique-section-desc{

        font-size: 16px;
    }

    .unique-testimonial-text{

        font-size: 16px;
    }

    .unique-slider-track{

        width: 100%;
    }

    .unique-testimonial-card{

        background-color: transparent;
        width: 100%;
        height: 100%;
    }

    .unique-card-orange-overlay{

        width: 85%;
    }

    .unique-profile-image-wrapper {

        top: 12%;
        left: 50%;
        transform: translateX(-50%) translateY(0%);

    }

    .unique-card-content{

        margin-left: 0;
        margin-top: 155px;
        padding: 100px 30px 30px 30px;
    }

    .unique-testimonial-name {

        margin-top: 30px;
    }

    .unique-stat-item:first-child {

       width: 100%;
    }

    .unique-stat-value{

        display: inline-block;
        width: 100%;
        font-size: 16px;
    }

    .circular-progress-wrapper{

        width: 100px;
    }

    .unique-stat-description{

        font-size: 14px;
    }
    
    /* partners-section ends */

    /* case-study starts */

    .cs-container{

        padding-top: 0;
    }

    .cs-subheading{

        font-size: 16px;
    }

    .cs-swiper-slide{

        width: 315px !important;
    }

    .cs-container .services-mobile-visible {

        display: none !important;
    }

    .cs-dropdown-wrapper button{

        font-size: 16px;
    }

    .cs-slider-controls{

        margin-top: 2rem !important;
    }

    /* case-study ends */

    /* footer starts */

    .ft-footer{

        padding: 4rem !important;
    }

    .ft-main{

        display: grid;
        grid-template-columns: repeat(2, 1fr);
        place-items: center;

    }

    .ft-legal p{

        margin-bottom: 40px !important;
    }

    /* footer ends */

    /*------------------------------HomePage Ends------------------------------*/


    /*------------------------------Services page Starts------------------------------*/



    .our-process-boxes{

        grid-template-columns: repeat(3 ,1fr);
    }

    .trt-text{

        width: 300px;
    }

    .trt-img{

        width: 375px;
        height: 280px;
    }

    /*------------------------------Services page Ends------------------------------*/


    /*------------------------------Industries-Page Start------------------------------*/

    .circle-grid {
        display: flex;
        /* grid-template-columns: repeat(3, 1fr); */
        gap: 56px 24px;
        justify-content: center;
    }
    
    /* Create a wrapper for the last two items that spans all 3 columns */
    .last-row-wrapper {
        grid-column: 1 / -1; /* Span all columns */
        display: flex;
        justify-content: center;
        gap: 24px;
    }

    .circle-grid .col-md-6{

        width: auto !important;
    }

    .industries-img-texts {
        flex-direction: column-reverse;
    }
    
    .row:nth-of-type(even) .industries-img-texts {
        flex-direction: column;
    }

    .industries-square-texts{

        width: 100% !important;
        text-align: left;
    }

    .industries-square-img{

        width: 100%;
    }

    .row:first-child .industries-img-texts:nth-child(odd){

        flex-direction: column;
        margin-bottom: 24px;
    }

    .row:last-child .industries-img-texts:nth-child(even){

        flex-direction: column-reverse;
        margin-bottom: 24px;
    }

    .industries-img-texts{

        /* flex-direction: column-reverse; */
        align-items: center;
        padding: 20px;
        box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.05);
        border-radius: 10px;
        margin-bottom: 30px;
        gap: 20px;
    }

    /*------------------------------Industries-Page Ends------------------------------*/


    /*------------------------------Technology-page Starts------------------------------*/


    /*------------------------------Technology-page Ends------------------------------*/


    /*------------------------------Materials-Page Starts------------------------------*/

    .heading-subtitle{

        width: 100%;
    }

    .m-filter-grid{

        grid-template-columns: repeat(2, 1fr);
    }

    .m-filter-card{

        width: 255px;
        height: 500px;
    }

    .m-filter-card-image{

        width: 225px;
        height: 260px;
        object-fit: contain;
    }

    /*------------------------------Materials-Page Ends------------------------------*/


    /*------------------------------About-us-Page Starts------------------------------*/

    .abt-box{

        margin-top: 60px;

    }

    .map-section-text{

        width: 700px !important;
    }

    .map-section-container::before{

        background-size: cover;
    }

    /*------------------------------About-us-Page Ends------------------------------*/
}

/* For screens below 768px (mobile devices) */
@media (max-width: 767px) {

    /* html{

        padding-top: 0;
    } */
/* 
    body{

        padding-top: 45px !important;
    } */

    .breadcrumb li, .breadcrumb li a{

        font-size: 14px !important;
    }

    /*------------------------------HomePage Starts------------------------------*/

    .wrapper {
        width: 100%;
        padding: 0 10px; /* Add some padding for mobile */
    }
    
    .container{

        max-width: 100%;
    }

    /* header starts */

    .top-bar{

        display: none;
    }

    .nav-mobile-visible{

        display: flex !important;
        flex-direction: column;
    }

    .sticky-nav{

        top: 0;
    }

    .navbar{

        padding: 20px;
    }

    a.navbar-brand{

        margin-right: 0 !important;
    }

    .navbar-collapse{

        flex-direction: column;
        align-items: flex-start !important;
    }

    .navbar-nav{

        width: 100%;
        margin-left: 0 !important;
        margin-top: 20px;
    }


    .navbar-nav li{

        width: 100%;
        padding: 0px;
        border-bottom: 1px solid #6D6D6D;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .navbar-nav li a{

        color: #000 !important;
    }

    .navbar-btn{

        margin-top: 20px;
        margin-left: 0 !important;
    }

    .navbar .dropdown-menu{

        position: absolute;
        width: 100%;
    }

    .navbar .dropdown-menu li{

        border: none;
    }
    .navbar .dropdown-menu li a{

        white-space: wrap;
    }

    .navbar .nav-link,.navbar .nav-link:hover{

        border-bottom: none;
    }

    /* header ends */

    /* hero-section starts */

    .hero-section {
        padding: 36px 0px;
        flex-direction: column-reverse;
    }

    .hero-section .hero-image{
        width: 330px !important;
        height: 300px;
    }

    .hero-section .hero-image .desk-img{

        display: none !important;

    }

    .hero-section .hero-image .mobile-img {
        display: block !important;
        margin: 0 auto;
    }

    .hero-title{

        font-size: 28px;
        font-family: "Cal Sans", sans-serif;
        font-weight: 400;
        padding-bottom: 8px;
        margin-bottom: 0;
    }

    .hero-title span{

        color: #000000 !important;
    }

    .hero-texts{

        width: 100%;
        padding: 28px 0 0 0;
        text-align: center;
    }

    .hero-desc{

        font-size: 16px;
        font-family: "inter", sans-serif;
        padding-bottom: 28px;
        margin: 0;
    }

    .hero-title, .hero-desc{

        width: 100%;
        text-align: center;
    }

    .hero-btn{

        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-family: "Cal Sans", sans-serif;
        font-weight: 400;
        width: 185px;
        height: 55px;
        margin: 0 auto !important;
        border-radius: 15px;
        background: #fff;
        color: #F58634;
        border: 1px solid #F58634;
    }

    /* hero-section ends */

    /* comapnies-logo starts */

    .logos-section{

        margin-top: 0;
        padding: 24px 0 28px;
        margin-bottom: 0;
    }

    .company-logos-title{

        font-size: 20px;
        padding-bottom: 12px;
    }

    .company-logos-desc{

        font-size: 16px;
        padding-bottom: 24px;
    }

    .company-logos-text{

        width: 100%;
        padding: 0 10px 0px;
    }

    /* comapnies-logo ends */

    /* technology-section starts */

    .container:has(.tech-mobile-visible){

        padding: 0 !important;
    }

    .tech-section {

        margin-top: 0px;
        padding: 28px 0;
    }
    
    .tech-main-title {
        font-size: 20px;
        padding-bottom: 8px;
    }

    .tech-desc{

        font-size: 16px;
        padding-bottom: 24px;
    }

    .tech-content-title{

        font-size: 18px;
        margin: 10px 0;
    }

    .tech-content-description{

        font-size: 16px;
    }

    .tech-product-image{

        height: 100%;
        width: 100%;
        box-shadow: none;
    }

    .tech-desktop-visible{

        display: none;
    }

    .tech-mobile-visible{

        display: block !important;
    }

    .tech-mobile-visible .accordion-container{

        margin: 0;
    }

    .tech-mobile-visible .accordion-title{

        padding: 15px;
    }

    .tech-mobile-visible .accordion-title span{

        font-size: 15px;
    }

    /* technology-section ends */

    /* industries-section starts */

    .industries-section{

        margin-top: 0px;
        padding: 28px 0;
    }

    .industries-container{

        padding: 0;
    }

    .industries-circle{

        width: 165px !important;
    }

    /* .row:has(.industries-circle){

        justify-content: space-between !important;
    } */

    .industries-title{

        font-size: 20px;
        padding-bottom: 8px;
    }

    .industries-subtitle{

        font-size: 16px;
        margin-bottom: 0px;
        padding-bottom: 24px;
        color: #6D6D6D;
    }

    .industries-mobile-visible .swiper-slide{

        flex-shrink: 0;
    }

    .industries-mobile-visible .swiper-slide .col-md-3{

        display: flex;
        justify-content: center;
    }

    .industries-mobile-visible a:has(.industries-card){

        display: block;
        width: 332px !important;
    }

    .industries-mobile-visible .industries-card{

        width: 332px ;
        height: 385px;
        margin: 0 auto;
        overflow: hidden;
    }

    .industries-mobile-visible .industries-card-inner{

        height: 100% !important;
    }

    .industries-card-title{

        font-size: 20px !important;
    }

    .industries-card-description{

        font-size: 16px;
        font-weight: 400;
    }

    .industries-mobile-visible .industries-card-content{

        max-height: 55px !important;
    }

    .industries-mobile-visible .industries-card-background{

        background-size: 100%;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .industries-desktop-visible{

        display: none !important;
    }

    .industries-mobile-visible{

        display: block !important;
    }

    /* industries-section ends */

    /* services-section starts */

    .services-main-container{

        margin-top: 0px;
        padding: 28px 0;
    }

    .services-main-title{

        font-size: 20px;
        padding-bottom: 8px;
    }

    .services-subtitle{

        font-size: 16px;
        padding-bottom: 24px;
    }

    .services-card-title{

        font-size: 18px;
        width: 200px !important;
        flex: none;
    }

    .services-arrow-icon{

        background-color: #000;
    }

    .services-card:hover .services-arrow-icon{

        transform: none !important;
    }

    .services-card-description{

        font-size: 16px;
        padding-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .services-desktop-visible{

        display: none !important;
    }

    .services-mobile-visible{

        display: block !important;
    }

    .services-mobile-visible .swiper-wrapper{

        justify-content: flex-start;
    }

    .services-mobile-visible .swiper-container{

        overflow: visible;
    }

    .services-mobile-visible a:has(.services-card){

        display: flex;
        justify-content: center;
    }

    .services-card{

        width: 100%;
        height: 100%;
    }

    .offerings-slider .swiper-slide {
        border-radius: 12px;
        transition: box-shadow 0.3s ease;
        background: #fff
    }    
    

    /* services-section ends */

    /* stats-section starts */

    .row:has(.stats-section){

        padding: 0 0.75rem;
    }

    .stats-section {

        padding: 0;
        margin-top: 0px;
        padding: 28px 0;
    }

    .stats-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        place-items: center;
        gap: 20px;
      }

    .stats-divider{

        display: none;
    }
      

    .stats-box{

        width: 158px;
        display: block;
        border-bottom: 1px solid #D9D9D9CC;
    }

    .stats-box:last-child {
        grid-column: 1 / -1;
        width: 158px;
        margin: 0 auto;
    }

    .stats-heading{

        font-size: 20px !important;
        margin-bottom: 24px;
    }

    .stats-number{

        font-size: 20px !important;
    }

    .stats-label{

        font-size: 16px !important;
        color: #000000;
    }
      

    /* stats-section ends */

    /* form-section starts */

    #conn-form{

        padding-bottom: 0;
    }

    .c-form-container{

        display: block;
        margin-bottom: 28px;
    }

    .c-form-image-wrapper{

        display: none;
    }

    .c-form-content{
        width: 100% !important;
    }

    .c-form-content h1{
        font-size: 28px;
    }

    .c-form-input, .c-form-select, .c-form-textarea {

        font-size: 16px;
    }

    .c-form-submit-btn{

        font-size: 16px;
        font-weight: 600;
        font-family: "poppins", sans-serif;
        color: white;
    }

    /* form-section ends */

    /* wcu-section starts */

    .row:has(.wcu-container), .col-md-12:has(.wcu-container){

        padding: 0 0.75rem;
    }

    .wcu-section{

        margin: 28px 0;
        padding: 0;
    }

    .wcu-description{

        font-size: 16px;
    }

    .wcu-section::before{

        background-size: cover;
    }

    .wcu-container{

        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 1.5rem;
    }

    .wcu-heading{

        font-size: 36px;
        font-weight: 400;
        font-family: "Cal Sans", sans-serif;
    }

    .wcu-heading img{

        width: 140px;
    }

    .wcu-description{

        font-size: 16px;
        width: 100%;
        margin-bottom: 0;
    }

    .wcu-heading, .wcu-description{

        text-align: left;
    }

    .wcu-content-left{

        width: 100%;
    }

    .wcu-features-grid {

        width: 100%;
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .wcu-feature-item, .wcu-feature-item:last-child{

        width: 100%;
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }

    .wcu-feature-item:last-child{

        justify-content: flex-start;
        width: 100%;
    }

    .wcu-feature-text{

        width: 100%;
        text-align: left;
    }

    /* wcu-section ends */

    /* our-work-starts */

    .unique-work-section-container{

        margin-top: 0px;
        padding: 28px 0;
    }

    .unique-section-header-content h2{

        font-size: 20px;
        padding-bottom: 8px;
    }

    .unique-section-header-content p{

        font-size: 16px;
        padding-bottom: 24px;
    }

    .unique-gallery-image-item{

        width: 250px !important;
        height: 170px !important;
    }

    .unique-gallery-row-bottom{

        margin-top: 16px;
    }

    .unique-gallery-image-item p{

        font-size: 15px;
        bottom: 65px;
    }

    .unique-gallery-image-item:hover p{

        transform: translateY(70px) !important;
    }

    /* our-work-ends */

    /* partners-section starts */

    .unique-testimonial-section{

        margin-top: 0px;
        padding: 28px 0;
    }

    .unique-section-title{

        font-size: 20px;
        margin-bottom: 0;
        padding-bottom: 8px;
    }

    .unique-section-desc{

        font-size: 16px;
        padding-bottom: 24px;
    }

    .unique-testimonial-slider-container{

        display: block;
        padding: 0 12px;
    }

    .unique-slider-wrapper{

        width: 100%;
        overflow: visible;
    }

    .unique-slider-track{

        width: 100%;
    }

    .unique-testimonial-card{

        background-color: transparent;
        width: 100%;
        height: 100%;
        margin: 0px 25px 0 0 !important;
        padding: 0;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    }

    .unique-card-orange-overlay{

        width: 100%;
        top: 0;
        left: 0;
        padding: 0;
    }

    .unique-profile-image-wrapper {

        top: 12%;
        left: 50%;
        transform: translateX(-50%) translateY(0%);

    }

    .unique-card-content{

        margin-left: 0;
        margin-top: 155px;
        padding: 100px 30px 30px 30px;
        width: 100%;
    }

    .unique-testimonial-name {

        font-size: 30px;
        margin-top: 80px;
    } 
    
    .unique-testimonial-text{

        font-size: 16px;
    }

    .unique-partner-info{

        font-size: 16px;
    }

    .unique-card-content .unique-stat-item .unique-stat-value, .unique-card-content .unique-stat-item .unique-stat-description{

        font-size: 16px;
    }

    .unique-slider-arrow{

        display: none;
    }

    .unique-stat-item:first-child {

        width: auto;
     }
 
     .unique-stat-value{
 
         display: inline-block;
         width: 100%;
         font-size: 14px;
     }

    /* partners-section ends */


    /* case-study starts */

    .cs-container{

        padding: 28px 0;
    }

    .cs-header{

        margin-bottom: 0;
    }

    .cs-main-heading{

        font-size: 20px;
        padding-bottom: 8px;
        margin-bottom: 0;
    }

    .cs-subheading{

        font-size: 16px;
        margin-bottom: 0;
        padding-bottom: 24px;
    }

    .cs-dropdown-wrapper{

        margin-bottom: 32px;
    }

    .cs-dropdown-wrapper button{

        font-size: 16px;
        width: 100%;
        text-align: start;
    }

    .cs-dropdown-wrapper .dropdown-toggle::after{

        margin-left: 0 !important;
        margin-top: 8px;
        float: right;
    }

    .cs-dropdown{

        width: 100%;
        font-size: 16px;
    }

    .cs-swiper-slide{

        width: 100% !important;
        height: 100% !important;
    }

    .cs-desktop-visible{

        display: none !important;
    }

    .cs-container .services-mobile-visible {

        display: block;
    }

    .services-mobile-visible .cs-card-category{

        font-size: 28px;
        font-weight: 700;
        font-family: "Roboto", sans-serif;
    }

    .services-mobile-visible .cs-card-title{

        font-size: 28px;
        font-weight: 700;
        font-family: "Roboto", sans-serif;
    }

    .services-mobile-visible .cs-card-description{

        font-size: 16px;
        font-weight:400;
        font-family: "open sans", sans-serif;
    }

    .services-mobile-visible .swiper-slide:has(.cs-card){

        display: flex;
        justify-content: center;
    }

    .cs-card-link:has(.cs-card){

        width: 100%;
    }

    .exp-more-btn{

        width: 100%;
    } 

    /* case-study ends */

    /* footer starts */

    .ft-footer{

        padding: 4rem 1rem;
    }

    .ft-main{

        display: grid;
        grid-template-columns: repeat(1, 1fr);

    }

    .ft-newsletter-form button{

        width: 40%;
    }

    .ft-newsletter-form input{

        width: 60%;        
    }

    .ft-legal{

        flex-direction: column;
        align-items: flex-start;
    }

    .ft-legal p{

        font-size: 16px;
        margin-bottom: 40px !important;
    }

    .ft-legal-list{

        flex-direction: column;
    }

    .ft-legal-list li{

        font-size: 16px;
    }

    /* footer ends */

    /*------------------------------HomePage Ends------------------------------*/


    /*------------------------------Industries-Page Starts------------------------------*/

    .industries-circle-container{

        padding: 28px 0;
    }

    .industries-circle-heading{

        font-size: 20px;
        margin-bottom: 0px;
        padding-bottom: 8px;
    }

    .industries-circle-desc{

        font-size: 16px;
        padding-bottom: 24px;
    }

    .circle-heading{

        font-size: 16px;
        margin-bottom: 0;
    }

    .industries-img-texts{

        flex-direction: column-reverse;
        align-items: center;
        padding: 20px;
        box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.05);
        border-radius: 10px;
        margin-bottom: 30px;
    }

    .industries-img-texts:last-child{

        margin-bottom: 24px;
    }

    .industries-img{

        width: 130px;
        height: 130px;
    }

    .industries-square-texts{

        width: 100% ;
        text-align: left;
    }

    .industries-img-texts:nth-child(odd){

        flex-direction: column;
        margin-bottom: 24px;
    }

    .industries-square-container{

        padding: 28px 0px;
    }

    .industries-square-heading{

        font-size: 20px;
        margin-bottom: 0px;
        padding-bottom: 8px;
    }

    .industries-square-desc{

        font-size: 12px;
        padding-bottom: 24px;
    }

    .square-heading{

        font-size: 16px;
    }

    .industries-square-img{

        width: 100%;
    }

    .text-list li{

        text-align: left;
        font-size: 16px;
    }

    .industries-square-container .container .row:last-child{

        margin-top: 0 !important;
    }

    .circle-grid{

        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }

    .circle-grid .col-md-6{

        width: 150px !important;
    }

    /*------------------------------Industries-Page Ends------------------------------*/


    /*------------------------------services-page Starts------------------------------*/

    /* Our-process Starts */

    .our-process-container{

        margin-top: 0px;
        padding: 28px 0 !important;
    }

    .our-process-heading{

        font-size: 20px;
        margin-bottom: 0;
        padding-bottom: 8px;
    }

    .our-process-boxes{

        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .our-process-subheading{

        font-size: 16px;
        padding-bottom: 24px;
    }

    .our-process-box{

        width: 100%;
        display: flex;
        gap: 10px;
        align-items: center; 
        /* justify-content: center; */
    }

    .our-process-box img{

        background-color: transparent !important;
    }

    .our-process-title{

        font-size: 16px;
        width: auto;
        color: #000;
        margin-top: 0;
    }

    .our-process-desc{

        font-size: 16px;
    }

    .our-process-box-text{

        width: fit-content;
    }

    /* Our-process Ends */

    /* TRT-section Starts */

    .trt-section-container{

        margin-top: 0px;
        padding: 28px 0;
    }

    .trt-section-title{

        font-size: 20px;
        margin-bottom: 0px;
        padding-bottom: 8px;
    }

    .trt-section-desc{

        font-size: 16px;
        padding-bottom: 24px;
    }

    .trt-section-img-text{

        flex-direction: column;
        align-items: center;
        padding: 20px;
        box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.05);
        border-radius: 10px;
        margin-bottom: 30px;
    }

    .trt-section-img-text:nth-child(even){

        flex-direction: column;
        height: 100% !important;
    }

    .trt-title{

        font-size: 16px;
    }

    .trt-desc{

        font-size: 16px;
    }

    .trt-img{

        width: 100%;
        height: auto;
    }

    .trt-section-img-text:last-child{

        margin-bottom: 0 !important;
    }

    .trt-section-img-text:nth-child(odd){

        flex-direction: column;
        align-items: center;
        height: 100% !important;
    }

    .trt-text{

        width: 100%;
        text-align: left;
    }

    .accordion-header{

        margin-top: 0;
        padding: 28px 0;
    }

    .accordion-header p{

        font-size: 12px;
        padding-bottom: 8px;
    }

    .accordion-header h2{

        font-size: 20px;
    }

    .accordion-container:not(.tech-section .accordion-container){

        margin: 0;
        padding-bottom: 28px;
    }

    .accordion-title{

        font-size: 16px;
    }

    .accordion-content-inner{

        font-size: 16px;
    }

    /* TRT-section Ends */

    /*------------------------------services-page Ends------------------------------*/


    /*------------------------------Technology-page Starts------------------------------*/

    .mp-desc{

        font-size: 12px;
        margin-bottom: 0;
        padding-bottom: 24px;
    }

    .cs-slider-controls{

        margin-top: 2rem !important;
    }

    .m-filter-product-description{

        font-size: 16px;
    }

    /*------------------------------Technology-page Ends------------------------------*/


    /*------------------------------Materials-Page Starts------------------------------*/

    .heading-title, .heading-subtitle{

        width: 100%;
        text-align: center;
    }

    .m-filter-card {

        height: 648px;
    }

    .m-filter-desktop-visible{

        display: none !important;
    }

    .m-filter-mobile-visible{

        display: block !important;
    }

    .m-filter-mobile-visible .m-filter-product-description{

        width: 210px;
    }

    /*------------------------------Materials-Page Ends------------------------------*/


    /*------------------------------About-us-Page Starts------------------------------*/

    .initial-para-container {

        margin-top: 40px;
    }

    .about-us-img-text{

        margin-top: 40px;
    }

    .about-us-title{

        font-size: 20px;
        padding-bottom: 8;
    }

    .about-us-desc{

        font-size: 16px;
    }

    .four-boxes{

        flex-direction: column;
        gap: 28px;
    }

    .individual-box{

        width: 100%;
    }

    .core-values{

        flex-direction: column;
        padding: 28px 0;
    }

    .core-values-title h2{

        font-size: 20px;
    }

    .core-values-text p{

        font-size: 16px;
        margin-bottom: 0;
    }

    .core-values-title, .core-values-text{

        width: 100%;
    }

    .industires-square-texts{

        width: 100% !important;
    }

    .map-section-container::before{

        background-size: cover;
        background-position: center;
    }

    .map-wrapper{

        flex-direction: column;
        gap: 50px;
    }

    .map-section-text{

        width: 100% !important;
    }

    /*------------------------------About-us-Page Ends------------------------------*/


    /*------------------------------Contact-us-Page Starts------------------------------*/

    .contact-us-heading{

        padding: 0;
    }

    .contact-us-heading h1{

        margin: 48px 0 16px 0;
        font-size: 20px;
        padding-bottom: 0px;
    }

    .contact-us-heading P{

        margin-bottom: 28px;
    }

    /*------------------------------Contact-us-Page Ends------------------------------*/


    /*------------------------------Blog-Page Starts------------------------------*/

    .blogs-section{

        margin-top: 0px !important;
    }

    div:has(.blog-main-title){

        padding-top: 28px;
        padding-bottom: 0px;
    }

    .blog-main-title{

        font-size: 20px;
        margin-bottom: 0;
        padding-bottom: 8px;
    }

    .blog-desc{

        font-size: 16px;
        margin-bottom: 0;
    }

    .blog-title{

        font-size: 20px;
    }

    .blog-info{

        flex-direction: column-reverse;
        align-items: flex-start !important;
        gap: 10px;

    }

    .blog-date,
    .blog-time,
    .name-image{

        font-size: 12px;
        margin-bottom: 10px;
    }

    .name-image{

        padding: 0 !important;
    }

    .blog-author-name{

        font-size: 12px;
    }

    .blog-summary-heading{

        font-size: 16px;
    }

    .blog-summary-list li{

        font-size: 12px !important;
    }

    .blog-intro-heading{

        font-size: 16px;
    }

    .individual-intro{

        padding-top: 24px;
    }

    .blog-intro-text{

        font-size: 12px;
    }

    /*------------------------------Blog-Page Ends------------------------------*/

}

@media(max-width: 375px) {

    .circular-progress-wrapper{

        width: 105px;
    }
}

/*---------------Media Queries Ends---------------*/
@media (max-width: 768px) {
    .cs-card-description {
        -webkit-line-clamp: 2;
    }
}