@media(max-width:991px){

section{

padding:60px 0;

}

}

@media(max-width:768px){

h1{

font-size:34px;

}

h2{

font-size:28px;

}

}

@media(max-width:576px){

h1{

font-size:28px;

}

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

.top-flex{

flex-direction:column;

text-align:center;

}

.left-info{

margin-bottom:10px;

}

.right-info{

margin-top:5px;

}

}
/* Logo Responsive */

@media (max-width:991px){

.logo{
    height:65px;
}

}

@media (max-width:576px){

.logo{
    height:55px;
}

}
/*==============================
HERO
==============================*/

@media(max-width:991px){

.hero{

text-align:center;

}

.hero-title{

font-size:42px;

}

.hero-text{

margin:auto auto 30px;

}

}

@media(max-width:576px){

.hero-title{

font-size:32px;

}

.hero-buttons .btn{

display:block;

width:100%;

margin-bottom:15px;

}

.hero-buttons .btn:last-child{

margin-left:0 !important;

}

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

.hero-images{

height:420px;

margin-top:40px;

}

.img1{

width:170px;

}

.img2{

width:160px;

}

.img3{

width:150px;

}

.img4{

width:180px;

}

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

.hero-stats{
    justify-content:center;
    gap:30px;
    text-align:center;
}

.hero-stats h2{
    font-size:32px;
}

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

.hero-section{

text-align:center;

}

.hero-list{

grid-template-columns:1fr;

}

.hero-buttons{

justify-content:center;

flex-wrap:wrap;

}

.hero-image{

margin-top:50px;

}

.hero-title{

font-size:42px;

}

}

@media(max-width:576px){

.hero-title{

font-size:34px;

}

.hero-text{

font-size:16px;

}

}

/*==========================================
Equipment Responsive
==========================================*/

@media(max-width:991px){

    .equipment-section{

        padding:80px 0;

    }

    .equipment-image{

        height:230px;

    }

}


@media(max-width:576px){

    .equipment-section{

        padding:70px 0;

    }

    .equipment-image{

        height:240px;

    }

    .equipment-content{

        padding:22px;

    }

}

/*==========================================
Equipment Responsive
==========================================*/

@media (max-width: 991px) {

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

    .equipment-image {
        height: 220px;
    }

}


@media (max-width: 576px) {

    .equipment-section {
        padding: 70px 0;
    }

    .equipment-image {
        height: 240px;
    }

    .equipment-content {
        min-height: auto;
        padding: 22px;
    }

}

/* =========================================
   SERVICES RESPONSIVE
========================================== */

@media (max-width: 991px) {

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

    .service-card {
        padding: 30px 25px;
    }

}


@media (max-width: 576px) {

    .services-section {
        padding: 70px 0;
    }

    .service-card {
        padding: 28px 24px;
        border-radius: 18px;
    }

    .service-icon {
        width: 65px;
        height: 65px;
        border-radius: 16px;
    }

    .service-icon i {
        font-size: 26px;
    }

    .service-content h3 {
        font-size: 20px;
    }

    .services-cta {
        margin-top: 45px;
    }

}

/* =========================================
   PROCESS RESPONSIVE
========================================== */

@media (max-width: 991px) {

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

    .process-wrapper {
        grid-template-columns: repeat(3, 1fr);

        row-gap: 55px;

        margin-top: 50px;
    }

    .process-wrapper::before {
        display: none;
    }

    .process-number {
        right: 25px;
    }

}


@media (max-width: 576px) {

    .process-section {
        padding: 70px 0;
    }

    .process-wrapper {
        grid-template-columns: 1fr;

        gap: 45px;

        margin-top: 40px;
    }

    .process-step {
        max-width: 360px;

        margin: 0 auto;
    }

    .process-number {
        right: 35px;
    }

    .process-icon {
        width: 76px;
        height: 76px;
    }

    .process-icon i {
        font-size: 27px;
    }

    .process-cta {
        margin-top: 55px;

        padding: 30px 22px;
    }

    .process-cta h3 {
        font-size: 22px;
    }

}

/* =========================
   ABOUT RESPONSIVE
========================= */

@media (max-width: 991px) {

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

    .about-content {
        padding-left: 0;
    }

    .about-visual {
        min-height: 500px;
        margin-bottom: 20px;
    }

    .about-image-main {
        max-width: 500px;
    }

    .about-floating-card {
        right: 20px;
    }

    .about-experience {
        left: 15px;
    }

    .about-title {
        text-align: center;
    }

    .about-title h2 {
        margin-left: auto;
        margin-right: auto;
    }
}


@media (max-width: 576px) {

    .about-section {
        padding: 70px 0;
    }

    .about-visual {
        min-height: 390px;
        padding: 20px;
    }

    .about-visual::before {
        width: 300px;
        height: 300px;
    }

    .about-image-main {
        height: 330px;
        padding: 25px;
        border-radius: 22px;
    }

    .about-experience {
        width: 110px;
        height: 110px;
        left: 0;
        bottom: 25px;
        border-width: 4px;
    }

    .about-experience strong {
        font-size: 29px;
    }

    .about-experience span {
        font-size: 10px;
    }

    .about-floating-card {
        right: 0;
        top: 25px;
        padding: 10px 13px;
        gap: 8px;
    }

    .about-floating-card > i {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }

    .about-floating-card strong {
        font-size: 11px;
    }

    .about-floating-card span {
        font-size: 9px;
    }

    .about-lead {
        font-size: 15px !important;
    }

    .about-content > p:not(.about-lead) {
        font-size: 13px;
    }

    .about-point h4 {
        font-size: 14px;
    }

    .about-point p {
        font-size: 11px;
    }
}

/* =========================
   TRUST SECTION RESPONSIVE
========================= */

@media (max-width: 991px) {

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

    .trust-title {
        text-align: center;
    }

    .trust-title h2 {
        margin-left: auto;
        margin-right: auto;
    }

    .trust-intro,
    .trust-highlight {
        max-width: 100%;
    }

    .trust-grid {
        margin-top: 20px;
    }

    .trust-bottom {
        margin-top: 45px;
    }
}


@media (max-width: 767px) {

    .trust-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .trust-card {
        min-height: auto;
    }

    .trust-bottom {
        grid-template-columns: 1fr;
    }

    .trust-bottom-item {
        border-right: none;
        border-bottom: 1px solid #e5eef2;
    }

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


@media (max-width: 576px) {

    .trust-section {
        padding: 70px 0;
    }

    .trust-highlight {
        padding: 17px;
        gap: 12px;
    }

    .trust-highlight-icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
    }

    .trust-highlight-icon i {
        font-size: 19px;
    }

    .trust-highlight h4 {
        font-size: 14px;
    }

    .trust-highlight p {
        font-size: 11px;
    }

    .trust-card {
        padding: 25px 22px;
        border-radius: 18px;
    }

    .trust-card-icon {
        width: 54px;
        height: 54px;
    }

    .trust-card-content h3 {
        font-size: 18px;
    }

    .trust-bottom {
        margin-top: 40px;
        border-radius: 15px;
    }

    .trust-bottom-item {
        padding: 18px;
    }
}

/* =========================
   FACILITIES RESPONSIVE
========================= */

@media (max-width: 991px) {

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

    .facility-card {
        padding: 27px 24px;
    }

    .facilities-cta {
        padding: 25px;
    }
}


@media (max-width: 767px) {

    .facilities-cta {
        flex-direction: column;
        align-items: flex-start;
    }

    .facilities-cta .btn-primary-custom {
        align-self: flex-start;
    }
}


@media (max-width: 576px) {

    .facilities-section {
        padding: 70px 0;
    }

    .facility-card {
        gap: 15px;
        padding: 24px 20px;
        border-radius: 17px;
    }

    .facility-icon {
        width: 53px;
        height: 53px;
        border-radius: 14px;
    }

    .facility-icon i {
        font-size: 21px;
    }

    .facility-content h3 {
        font-size: 17px;
    }

    .facility-content p {
        font-size: 11px;
    }

    .facility-content > span {
        font-size: 20px;
    }

    .facilities-cta {
        margin-top: 40px;
        padding: 22px 20px;
        border-radius: 17px;
    }

    .facilities-cta-content {
        align-items: flex-start;
        gap: 12px;
    }

    .facilities-cta-icon {
        width: 47px;
        height: 47px;
        border-radius: 12px;
    }

    .facilities-cta-icon i {
        font-size: 19px;
    }

    .facilities-cta h3 {
        font-size: 15px;
    }

    .facilities-cta p {
        font-size: 11px;
        line-height: 1.6;
    }
}

/* =========================
   FEATURED EQUIPMENT RESPONSIVE
========================= */

@media (max-width: 1199px) {

    .featured-equipment-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}


@media (max-width: 991px) {

    .featured-equipment-section {
        padding: 80px 0;
    }

    .featured-equipment-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .featured-equipment-image {
        height: 220px;
    }

}


@media (max-width: 576px) {

    .featured-equipment-section {
        padding: 70px 0;
    }

    .equipment-filter {
        margin: 35px 0 30px;

        gap: 7px;
    }

    .equipment-filter-btn {
        padding: 8px 14px;

        font-size: 10px;
    }

    .featured-equipment-grid {
        grid-template-columns: 1fr;

        gap: 18px;
    }

    .featured-equipment-image {
        height: 230px;
    }

    .featured-equipment-content {
        padding: 20px;
    }

    .featured-equipment-footer {
        flex-direction: column;

        margin-top: 40px;

        gap: 15px;
    }

}

/* =========================================================
   CAREERS PAGE RESPONSIVE
========================================================= */


/* ---------------------------------------------------------
   TABLET / SMALL DESKTOP
--------------------------------------------------------- */

@media (max-width: 1199px) {

    .career-page-hero-content h1 {
        font-size: 46px;
    }

    .career-areas-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .career-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .career-cta-wrapper {
        align-items: flex-start;
    }

}


/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media (max-width: 991px) {

    .career-page-hero {
        padding: 90px 0 75px;
    }

    .career-page-hero-content h1 {
        font-size: 40px;
    }

    .career-intro-section,
    .career-areas-section,
    .career-openings-section,
    .career-process-section,
    .career-application-section {
        padding: 80px 0;
    }

    .career-intro-content h2 {
        font-size: 34px;
    }

    .career-no-opening {
        align-items: flex-start;
    }

    .career-cta-wrapper {
        flex-direction: column;
    }

    .career-cta-buttons {
        flex-wrap: wrap;
    }

}


/* ---------------------------------------------------------
   MOBILE LANDSCAPE / LARGE MOBILE
--------------------------------------------------------- */

@media (max-width: 767px) {

    .career-page-hero {
        padding: 75px 0 65px;
    }

    .career-page-hero-content h1 {
        font-size: 34px;
    }

    .career-page-hero-content p {
        font-size: 15px;
    }

    .career-intro-grid {
        grid-template-columns: 1fr;
    }

    .career-areas-grid {
        grid-template-columns: 1fr;
    }

    .career-process-grid {
        grid-template-columns: 1fr;
    }

    .career-no-opening {
        flex-direction: column;
        padding: 30px;
    }

    .career-no-opening-icon {
        flex-basis: auto;
    }

    .career-form-wrapper {
        padding: 28px 22px;
    }

    .career-form-heading h2 {
        font-size: 29px;
    }

    .career-cta-wrapper h2 {
        font-size: 29px;
    }

}


/* ---------------------------------------------------------
   SMALL MOBILE
--------------------------------------------------------- */

@media (max-width: 576px) {

    .career-page-hero {
        padding: 65px 0 55px;
    }

    .career-page-hero-content > span {
        font-size: 11px;
        letter-spacing: 1.4px;
    }

    .career-page-hero-content h1 {
        font-size: 29px;
    }

    .career-page-hero .inner-page-breadcrumb {
        flex-wrap: wrap;
        font-size: 13px;
    }

    .career-intro-section,
    .career-areas-section,
    .career-openings-section,
    .career-process-section,
    .career-application-section {
        padding: 65px 0;
    }

    .career-intro-content h2 {
        font-size: 29px;
    }

    .career-intro-highlight {
        padding: 18px;
    }

    .career-feature-box,
    .career-area-card,
    .career-process-card {
        padding: 25px 20px;
    }

    .career-no-opening {
        padding: 25px 20px;
    }

    .career-no-opening h3 {
        font-size: 23px;
    }

    .career-form-wrapper {
        padding: 24px 18px;
        border-radius: 13px;
    }

    .career-form-heading h2 {
        font-size: 26px;
    }

    .career-side-box,
    .career-news-box,
    .career-side-note {
        padding: 22px;
    }

    .career-cta-section {
        padding: 60px 0;
    }

    .career-cta-wrapper h2 {
        font-size: 26px;
    }

    .career-cta-buttons {
        width: 100%;
        flex-direction: column;
    }

    .career-cta-primary,
    .career-cta-secondary {
        width: 100%;
    }

}

/* =========================================================
   NEWS PAGE RESPONSIVE
========================================================= */


/* ---------------------------------------------------------
   TABLET / SMALL DESKTOP
--------------------------------------------------------- */

@media (max-width: 1199px) {

    .news-page-hero-content h1 {
        font-size: 46px;
    }

    .news-category-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .news-post-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .news-jobs-wrapper {
        grid-template-columns: auto 1fr;
    }

    .news-jobs-actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
        padding-left: 113px;
    }

}


/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media (max-width: 991px) {

    .news-page-hero {
        padding: 90px 0 75px;
    }

    .news-page-hero-content h1 {
        font-size: 40px;
    }

    .news-intro-section,
    .news-categories-section,
    .featured-news-section,
    .latest-news-section,
    .news-jobs-section {
        padding: 80px 0;
    }

    .news-intro-content h2 {
        font-size: 34px;
    }

    .news-contact-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .news-contact-buttons {
        flex-wrap: wrap;
    }

}


/* ---------------------------------------------------------
   MOBILE / LARGE MOBILE
--------------------------------------------------------- */

@media (max-width: 767px) {

    .news-page-hero {
        padding: 75px 0 65px;
    }

    .news-page-hero-content h1 {
        font-size: 34px;
    }

    .news-page-hero-content p {
        font-size: 15px;
    }

    .news-category-grid {
        grid-template-columns: 1fr;
    }

    .news-post-grid {
        grid-template-columns: 1fr;
    }

    .featured-news-card {
        padding: 30px 25px;
    }

    .featured-news-content h2 {
        font-size: 27px;
    }

    .news-jobs-wrapper {
        grid-template-columns: 1fr;
        padding: 30px;
    }

    .news-jobs-actions {
        grid-column: auto;
        padding-left: 0;
    }

    .news-contact-wrapper {
        padding: 30px;
    }

}


/* ---------------------------------------------------------
   SMALL MOBILE
--------------------------------------------------------- */

@media (max-width: 576px) {

    .news-page-hero {
        padding: 65px 0 55px;
    }

    .news-page-hero-content > span {
        font-size: 11px;
        letter-spacing: 1.4px;
    }

    .news-page-hero-content h1 {
        font-size: 29px;
    }

    .news-page-hero .inner-page-breadcrumb {
        flex-wrap: wrap;
        font-size: 13px;
    }

    .news-intro-section,
    .news-categories-section,
    .featured-news-section,
    .latest-news-section,
    .news-jobs-section {
        padding: 65px 0;
    }

    .news-intro-content h2 {
        font-size: 29px;
    }

    .news-intro-highlight {
        flex-direction: column;
        align-items: flex-start;
        padding: 24px;
    }

    .news-category-card,
    .news-post-card {
        padding: 24px 20px;
    }

    .featured-news-card {
        padding: 25px 20px;
        border-radius: 15px;
    }

    .featured-news-content h2 {
        font-size: 24px;
    }

    .news-meta {
        gap: 10px;
        font-size: 12px;
    }

    .news-jobs-wrapper {
        padding: 25px 20px;
        border-radius: 15px;
    }

    .news-jobs-content h2 {
        font-size: 25px;
    }

    .news-jobs-actions {
        width: 100%;
        flex-direction: column;
    }

    .news-job-primary,
    .news-job-secondary {
        width: 100%;
    }

    .news-contact-cta {
        padding: 60px 0;
    }

    .news-contact-wrapper {
        padding: 25px 20px;
    }

    .news-contact-wrapper h2 {
        font-size: 26px;
    }

    .news-contact-buttons {
        width: 100%;
        flex-direction: column;
    }

    .news-contact-primary,
    .news-contact-secondary {
        width: 100%;
    }

}