body{
    font-family:'Poppins',sans-serif;
}
/*==================================
        GLOBAL SECTION SPACING
==================================*/

:root{
        /* Colors */

    --primary:#ffc107;
    --secondary:#0f2d52;
    --text:#6b7280;
    --white:#ffffff;
    --light:#f8fafc;

    /* Typography */

    --fs-banner-title:64px;
    --fs-section-title:46px;
    --fs-sub-title:15px;
    --fs-body:16px;
    --fs-small:14px;

    /* Font Weight */

    --fw-400:400;
    --fw-500:500;
    --fw-600:600;
    --fw-700:700;

    /* Spacing */

    --section-padding:100px;
    --section-padding-mobile:70px;
    --section-space:100px;
    --banner-space:60px;

    /* Radius */

    --radius:20px;
}

.section-padding{
    padding:var(--section-padding) 0;
}

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

.section-padding-lg{
    padding:140px 0;
}

.bg-light-custom{
    background:var(--light);
}
.banner-title{

    font-size:var(--fs-banner-title);
    font-weight:var(--fw-700);

}

.section-title{

    font-size:var(--fs-section-title);
    font-weight:var(--fw-700);

}
h2 {
    font-size: 33px !important;
    line-height: 1.3 !important;
}
.section-tag{

    font-size:var(--fs-sub-title);
    font-weight:var(--fw-600);

}

.section-desc{

    font-size:var(--fs-body);
    color:var(--text);
    line-height:1.9;

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

:root{

    --fs-banner-title:42px;
    --fs-section-title:34px;

    --section-space:70px;
    --banner-space:130px;

}

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

    .section-padding{
        padding:var(--section-padding-mobile) 0;
    }

    .section-padding-lg{
        padding:90px 0;
    }

    .section-title{
        font-size:34px;
    }

}

.inner-banner{

    padding:var(--banner-space) 0 60px;

    position:relative;

    overflow:hidden;

    background:
   #0f2d52;

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    color:#fff;

}

.banner-subtitle{

    display:inline-block;

    padding:8px 22px;

    border-radius:50px;

    background:rgba(255,255,255,.15);

    font-size:14px;

    letter-spacing:2px;

    font-weight:600;

    margin-bottom:20px;

}

.banner-title{

    font-size:40px;

    font-weight:700;

    margin-bottom:20px;

}

.banner-text{

    max-width:700px;

    margin:auto;

    opacity:.9;

    line-height:1.9;

}

.banner-breadcrumb{

    margin-top:35px;

}

.banner-breadcrumb .breadcrumb{

    background:none;

}

.banner-breadcrumb a{

    color:#fff;

    text-decoration:none;

}

.banner-breadcrumb .active{

    color:var(--primary);

}

.banner-breadcrumb .breadcrumb-item+.breadcrumb-item::before{

    color:#fff;

}

@media(max-width:991px){

.inner-banner{

padding:80px 0 80px;

}

.banner-title{

font-size:42px;

}

}
.navbar{
    padding:18px 0;
    background:#fff;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.navbar-brand{
    font-size:32px;
    font-weight:700;
    color:#0b3d91!important;
}

.nav-link{
    font-weight:500;
    color:#222!important;
    margin:0 8px;
    transition:.3s;
}

.nav-link:hover{
    color:#ffc107!important;
}

.dropdown-menu{

    border:none;
    border-radius:18px;

    box-shadow:0 20px 50px rgba(0,0,0,.12);

    padding:15px;

}

.dropdown-item{

    padding:12px 15px;
    border-radius:10px;

}

.dropdown-item:hover {
    background: #f5f7fb;
    color: #000;
}

.btn-quote{

    background:#ffc107;
    color:#fff;
    border-radius:50px;
    padding:12px 30px;

}

.btn-quote:hover{

    background:#e76d00;
    color:#fff;

}

.hero {
    min-height: 75vh;
    display: flex;
    align-items: center;
    background: linear-gradient(rgba(5, 25, 50, .72), rgba(5, 25, 50, .72)), url(../img/home-banner.jpg);
    background-size: cover;
    background-position: center;
    color: #fff;
}

.hero h1 {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.1;
}

.hero p{

    font-size:19px;
    margin:30px 0;

}

.hero-btn{

    border-radius:50px;
    padding:15px 35px;

}

.hero-image img{

    max-width:100%;
}

@media(max-width:991px){

      .hero {
        padding: 50px 0 50px;
        text-align: center;
    }

.hero h1{

font-size:42px;

}

.hero p{

font-size:17px;

}

.navbar-collapse{

padding-top:20px;

}

.btn-quote{

margin-top:15px;
display:inline-block;

}

}

@media(max-width:576px){

.hero h1{

font-size:34px;

}

.hero p{

font-size:16px;

}

}


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

.services{

padding:100px 0;
background:#f8fafc;

}

.service-card {
    background: #fff;
    border-radius: 20px;
    padding: 35px 20px;
    height: 100%;
    transition: .35s;
    box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
    border: 1px solid #eef2f7;
    position: relative;
    overflow: hidden;
}
.h4, h4 {
        font-size: 20px!important;
    }
.service-card::before{

content:"";

position:absolute;

left:0;
top:0;

width:100%;
height:4px;

background:#ffc107;

transform:scaleX(0);

transition:.35s;

}

.service-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.service-card:hover::before{

transform:scaleX(1);

}

.icon{

width:75px;
height:75px;

background:#fff4ea;

border-radius:18px;

display:flex;

align-items:center;
justify-content:center;

margin-bottom:25px;

}

.icon i{

font-size:34px;

color:#ffc107;

}

.service-card h4{

font-weight:700;

margin-bottom:15px;

}

.service-card p{

color:#6c757d;

line-height:1.8;

}

.service-card a {
    text-decoration: none;
    font-weight: 600;
    color: #0f2d52;
}

.service-card:hover a{

color:#ffc107;

}

@media(max-width:991px){

.services{

padding:70px 0;

}

}

/*=============================
      WHY CHOOSE US
==============================*/

.why-us{

padding:100px 0;

background:#fff;

}

.section-tag{

color:#ffc107;

font-weight:600;

letter-spacing:1px;

}

.section-title{

font-size:46px;

font-weight:700;

margin:20px 0;

color:#0f2d52;

}

.section-text{

color:#6c757d;

line-height:1.8;

margin-bottom:40px;

}

.feature{

display:flex;

gap:20px;

margin-bottom:25px;

align-items:flex-start;

}

.feature-icon{

width:70px;

height:70px;

border-radius:18px;

background:#fff5eb;

display:flex;

align-items:center;

justify-content:center;

flex-shrink:0;

}

.feature-icon i{

font-size:30px;

color:#ffc107;

}

.feature h5{

font-weight:700;

margin-bottom:6px;

}

.feature p{

color:#6c757d;

margin:0;

line-height:1.7;

}

.experience-box{

position:absolute;

bottom:30px;

left:-25px;

background:#ffc107;

color:#fff;

padding:25px 35px;

border-radius:20px;

box-shadow:0 20px 40px rgba(0,0,0,.18);

}

.experience-box h2{

font-size:45px;

font-weight:700;

margin:0;

}

.experience-box p{

margin:0;

}

@media(max-width:991px){

.section-title{

font-size:34px;

}

.experience-box{

position:relative;

left:0;

bottom:0;

margin-top:20px;

display:inline-block;

}

}


/*==============================
        ABOUT US
===============================*/

.about-us{
    padding:100px 0;
    background:#fff;
}

.about-images{
    position:relative;
}

.main-img{
    width:100%;
    border-radius:25px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.experience-card{

    position:absolute;
    right:-20px;
    bottom:30px;

    background:#ffc107;
    color:#fff;

    padding:25px 35px;

    border-radius:20px;

    box-shadow:0 20px 40px rgba(0,0,0,.20);

}

.experience-card h2{
    font-size:50px;
    margin:0;
    font-weight:700;
}

.experience-card span{
    font-size:15px;
}

.section-tag{
    color:#ffc107;
    font-weight:600;
    letter-spacing:1px;
}

.section-title {
    font-size: 35px;
    line-height: 1.3;
    font-weight: 700;
    color: #0f2d52;
}

.section-desc{
    color:#6c757d;
    line-height:1.9;
    margin-top:20px;
}

.about-feature{

    display:flex;
    align-items:flex-start;
    gap:15px;

}

.about-feature i{

    color:#ffc107;
    font-size:28px;

}

.about-feature h6{

    font-weight:700;
    margin-bottom:5px;

}

.about-feature p{

    margin:0;
    color:#6c757d;
    font-size:15px;

}

@media(max-width:991px){

        .section-title {
        font-size: 25px;
        line-height: 1.3;
    }

    .experience-card{

        position:relative;
        right:0;
        bottom:0;

        display:inline-block;

        margin-top:20px;

    }

}

/*==============================
        OUR PROCESS
===============================*/

.process-section{

    background:#f8fafc;
    padding:100px 0;

}

.process-card{

    background:#fff;
    padding:40px 30px;
    border-radius:20px;

    position:relative;

    text-align:center;

    height:100%;

    box-shadow:0 10px 35px rgba(0,0,0,.06);

    transition:.35s;

}

.process-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.process-number{

    position:absolute;

    top:20px;
    right:20px;

    font-size:40px;

    font-weight:700;

    color:#edf1f6;

}

.process-icon{

    width:90px;
    height:90px;

    margin:auto;

    background:#fff5eb;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:25px;

}

.process-icon i{

    font-size:40px;

    color:#ffc107;

}

.process-card h4{

    font-weight:700;
    margin-bottom:15px;

    color:#0f2d52;

}

.process-card p{

    color:#6c757d;
    line-height:1.8;

}

@media(max-width:991px){

.process-section{

padding:70px 0;

}

.process-number{

font-size:30px;

}

}

.achievement-section{
    padding:100px 0;
    background:#f8fafc;
}

.counter-box{

    background:#fff;

    padding:40px;

    text-align:center;

    border-radius:20px;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

    transition:.3s;

    height:100%;

}

.counter-box:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 40px rgba(0,0,0,.12);

}

.counter-box i{

    font-size:50px;

    color:#ffc107;

    margin-bottom:20px;

}

.counter-box h2{

    font-size:48px;

    font-weight:700;

    color:#0f2d52;

}

.counter-box p{

    margin:0;

    color:#6c757d;

}

/*==============================
        TESTIMONIALS
===============================*/

.testimonial-section{

    background:#f8fafc;
    padding:100px 0;

}

.testimonial-card{

    background:#fff;

    padding:35px;

    border-radius:20px;

    height:100%;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

    transition:.35s;

    position:relative;

}

.testimonial-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.quote{

    width:70px;
    height:70px;

    background:#fff4ea;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

}

.quote i{

    color:#ffc107;

    font-size:32px;

}

.testimonial-card p{

    color:#6c757d;

    line-height:1.9;

    margin-bottom:25px;

}

.stars{

    color:#ffc107;

    margin-bottom:25px;

}

.client{

    display:flex;

    align-items:center;

    gap:15px;

}

.client img{

    width:70px;

    height:70px;

    border-radius:50%;

    object-fit:cover;

}

.client h5{

    margin:0;

    font-weight:700;

    color:#0f2d52;

}

.client span{

    color:#6c757d;

    font-size:14px;

}

@media(max-width:991px){

.testimonial-section{

padding:70px 0;

}

}

.testimonial-section{
    padding:100px 0;
    background:#f8fafc;
}

.testimonial-card{

    background:#fff;
    border-radius:20px;
    padding:35px;
    margin:15px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    transition:.35s;

}

.testimonial-card:hover{

    transform:translateY(-8px);

}

.quote{

width:65px;
height:65px;
background:#fff4ea;
color:#ffc107;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
margin-bottom:20px;

}

.stars{

color:#FFC107;
font-size:20px;
margin:20px 0;

}

.client{

display:flex;
align-items:center;
gap:15px;

}

.client img{

width:70px;
height:70px;
border-radius:50%;
object-fit:cover;

}

.client h5{

margin:0;
font-weight:700;

}

.client span{

font-size:14px;
color:#777;

}

.owl-theme .owl-dots .owl-dot span{

width:12px;
height:12px;

}

.owl-theme .owl-dots .owl-dot.active span{

background:#ffc107;

}

.client img {
    width: 70px !important;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
}


/*==============================
      CONTACT CTA
===============================*/

.contact-cta {
    padding: 60px 0;
    background: #0b2343;
    color: #fff;
}

.contact-form{

background:#fff;

padding:45px;

border-radius:25px;

box-shadow:0 20px 60px rgba(0,0,0,.2);

}

.contact-form h4{

color:#0b2343;

font-weight:700;

}

.form-control{

height:55px;

border-radius:12px;

border:1px solid #ddd;

}

textarea.form-control{

height:auto;

}

.form-control:focus{

box-shadow:none;

border-color:#ffc107;

}

.info-box{


gap:20px;

margin-bottom:30px;

align-items:center;

}

.info-box i{

width:60px;

height:60px;

background:#ffc107;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

font-size:22px;

}

.info-box span{

display:block;

font-size:14px;

opacity:.7;

}

.info-box h5{

margin:0;

font-weight:600;

}

@media(max-width:991px){

.contact-cta{

padding:70px 0;

}

.contact-form{

margin-top:40px;

}

}

/*==============================
            FOOTER
===============================*/

.footer{

background:#081c34;

color:#c7d2df;

padding:90px 0 25px;

position:relative;

}

.footer-logo{

font-size:34px;

font-weight:700;

color:#fff;

text-decoration:none;

display:inline-block;

margin-bottom:20px;

}

.footer-text{

line-height:1.9;

margin-bottom:30px;

}

.footer h5{

color:#fff;

margin-bottom:25px;

font-weight:600;

}

.footer ul{

padding:0;

margin:0;

list-style:none;

}

.footer ul li{

margin-bottom:15px;

}

.footer ul li a{

color:#c7d2df;

text-decoration:none;

transition:.3s;

}

.footer ul li a:hover{

color:#ff9800;

padding-left:8px;

}

.contact-list li{

display:flex;

gap:12px;

align-items:flex-start;

}

.contact-list i{

color:#ff9800;

font-size:18px;

margin-top:2px;

}

.social-links{

display:flex;

gap:12px;

}

.social-links a{

width:45px;

height:45px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:rgba(255,255,255,.08);

color:#fff;

text-decoration:none;

transition:.3s;

}

.social-links a:hover{

background:#ff9800;

transform:translateY(-5px);

}

.footer hr{

border-color:rgba(255,255,255,.12);

margin:50px 0 25px;

}

.footer-bottom{

display:flex;

justify-content:space-between;

align-items:center;

flex-wrap:wrap;

gap:15px;

}

.footer-bottom p{

margin:0;

}

.footer-bottom a{

color:#c7d2df;

text-decoration:none;

margin:0 8px;

}

.footer-bottom a:hover{

color:#ff9800;

}

.back-top{

position:absolute;

right:30px;

top:-25px;

width:55px;

height:55px;

background:#ff9800;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

font-size:22px;

text-decoration:none;

box-shadow:0 15px 30px rgba(0,0,0,.25);

transition:.3s;

}

.back-top:hover{

background:#fff;

color:#ff9800;

transform:translateY(-5px);

}

@media(max-width:991px){

.footer{

padding-top:70px;

}

.footer-bottom{

text-align:center;

justify-content:center;

}

.back-top{

right:20px;

}

}

/*==================================
        ABOUT COMPANY
===================================*/

.about-images{

    position:relative;

    padding-right:80px;
    padding-bottom:80px;

}

.about-main-img{

    width:100%;

    border-radius:var(--radius);

    object-fit:cover;

    box-shadow:0 20px 50px rgba(0,0,0,.15);

}

.about-small-img{

    position:absolute;

    width:280px;

    right:0;

    bottom:0;

    border:8px solid #fff;

    border-radius:var(--radius);

    box-shadow:0 15px 40px rgba(0,0,0,.15);

}

.experience-box{

    position:absolute;

    top:30px;

    left:-20px;

    background:var(--primary);

    color:#fff;

    padding:22px 30px;

    border-radius:16px;

    text-align:center;

}

.experience-box h2{

    margin:0;

    font-size:42px;

    font-weight:700;

}

.about-feature{

    display:flex;

    gap:15px;

}

.about-feature i{

    color:var(--primary);

    font-size:24px;

    margin-top:3px;

}

.about-feature h5{

    font-size:18px;

    margin-bottom:6px;

    color:var(--secondary);

}

.about-feature p{

    margin:0;

    color:#666;

}

@media(max-width:991px){

    .about-images{

        padding-right:0;
        padding-bottom:0;

    }

    .about-small-img{

        position:relative;

        width:100%;

        right:auto;
        bottom:auto;

        margin-top:20px;

        border:0;

    }

    .experience-box{

        left:20px;

    }

}

/*==================================
        INFO BOX
===================================*/

.info-box {
    background: #fff;
    padding: 20px 20px;
    border-radius: var(--radius);
    text-align: center;
    height: 100%;
    transition: .35s;
    box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
    border: 1px solid #eef2f6;
}

.info-box:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.info-icon{

    width:85px;
    height:85px;

    margin:auto;

    border-radius:50%;

    background:#fff5eb;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

}

.info-icon i{

    font-size:38px;

    color:var(--primary);

}

.info-box h4{

    color:var(--secondary);

    font-weight:700;

    margin-bottom:15px;

}

.info-box p{

    margin:0;

    color:var(--text);

    line-height:1.8;

}
/*==================================
        ABOUT STRENGTH
===================================*/



.about-page .strength-list{

    display:flex;
    flex-direction:column;
    gap:25px;

}

.about-page .strength-item{

    display:flex;
    gap:20px;

    padding:25px;

    background:#fff;

    border:1px solid #eef2f5;

    border-radius:var(--radius);

    transition:.35s;

    box-shadow:0 8px 25px rgba(0,0,0,.05);

}

.about-page .strength-item:hover{

    transform:translateX(10px);

    box-shadow:0 15px 35px rgba(0,0,0,.10);

}

.about-page .strength-icon{

    width:70px;
    height:70px;

    min-width:70px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(255,152,0,.10);

}

.about-page .strength-icon i{

    font-size:28px;

    color:var(--primary);

}

.about-page .strength-item h5{

    margin-bottom:8px;

    font-weight:700;

    color:var(--secondary);

}

.about-page .strength-item p{

    margin:0;

    color:var(--text);

    line-height:1.8;

}

/*==================================
        ABOUT STRENGTH
===================================*/

.about-page .strength-list{

    display:flex;
    flex-direction:column;
    gap:22px;

}

.about-page .strength-card{

    position:relative;

    display:flex;
    align-items:center;

    gap:22px;

    padding:25px 30px;

    background:#fff;

    border-radius:18px;

    border:1px solid #edf2f7;

    overflow:hidden;

    transition:.35s;

    box-shadow:0 12px 35px rgba(0,0,0,.06);

}

.about-page .strength-card::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:5px;
    height:100%;

    background:var(--primary);

    transition:.35s;

}

.about-page .strength-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.about-page .strength-card:hover::before{

    width:8px;

}

.about-page .strength-icon{

    width:72px;
    height:72px;

    min-width:72px;

    border-radius:50%;

    background:#fff5eb;

    display:flex;
    align-items:center;
    justify-content:center;

    transition:.35s;

}

.about-page .strength-icon i{

    font-size:30px;

    color:var(--primary);

}

.about-page .strength-card:hover .strength-icon{

    background:var(--primary);

}

.about-page .strength-card:hover .strength-icon i{

    color:#fff;

}

.about-page .strength-content{

    flex:1;

}

.about-page .strength-content h5{

    margin-bottom:8px;

    font-weight:700;

    color:var(--secondary);

}

.about-page .strength-content p{

    margin:0;

    color:var(--text);

    line-height:1.7;

}

.about-page .strength-arrow{

    width:46px;
    height:46px;

    border-radius:50%;

    background:#f5f7fa;

    display:flex;
    align-items:center;
    justify-content:center;

    color:var(--secondary);

    transition:.35s;

}

.about-page .strength-card:hover .strength-arrow{

    background:var(--primary);

    color:#fff;

    transform:translateX(5px);

}


/*==================================
        ABOUT CTA
===================================*/

.about-page .about-cta{

    background:#fff;

}

.about-page .cta-wrapper{

    background:linear-gradient(135deg,#081c34,#10345f);

    border-radius:30px;

    padding:70px;

    position:relative;

    overflow:hidden;

}

.about-page .cta-wrapper::before{

    content:"";

    position:absolute;

    width:280px;
    height:280px;

    right:-120px;
    top:-120px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

}

.about-page .cta-wrapper::after{

    content:"";

    position:absolute;

    width:180px;
    height:180px;

    left:-60px;
    bottom:-60px;

    border-radius:50%;

    background:rgba(255,152,0,.12);

}

.about-page .cta-title{

    font-size:48px;

    font-weight:700;

    color:#fff;

    margin:18px 0;

}

.about-page .cta-desc{

    color:rgba(255,255,255,.80);

    max-width:650px;

    line-height:1.8;

    margin:0;

}





@media (min-width: 1650px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1550px;
    }
}
/*==================================
        MACHINERY OVERVIEW
===================================*/

.machinery-page .machinery-overview{
    position: relative;
    background: #fff;
}

.machinery-page .machinery-content{
    padding-right: 35px;
}

.machinery-page .machinery-content p:last-of-type{
    margin-bottom: 35px;
}

.machinery-page .machinery-image{
    position: relative;
    overflow: hidden;
    border-radius: var(--radius);
}

.machinery-page .machinery-image img{
    width: 100%;
    height: 600px;
    object-fit: cover;
    border-radius: var(--radius);
    transition: .5s;
}

.machinery-page .machinery-image:hover img{
    transform: scale(1.05);
}

.machinery-page .machinery-feature-list{
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.machinery-page .machinery-feature{
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 18px 22px;
    background: #f8fafc;
    border: 1px solid #edf2f7;
    border-radius: 12px;
    transition: .35s;
}

.machinery-page .machinery-feature:hover{
    transform: translateX(8px);
    border-color: var(--primary);
    box-shadow: 0 12px 30px rgba(0,0,0,.08);
}

.machinery-page .machinery-feature i{
    font-size: 22px;
    color: var(--primary);
}

.machinery-page .machinery-feature span{
    color: var(--secondary);
    font-weight: 600;
}

@media (max-width:991px){

    .machinery-page .machinery-content{
        padding-right:0;
    }

    .machinery-page .machinery-image img{
        height:400px;
    }

}


/*==================================
        MACHINERY CATEGORIES
===================================*/

.machinery-page .machinery-categories{}

.machinery-page .machinery-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    transition:.35s;

    height:100%;

    border:1px solid #edf2f7;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.machinery-page .machinery-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.machinery-page .machinery-card-image{

    height:220px;

    overflow:hidden;

}

.machinery-page .machinery-card-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}

.machinery-page .machinery-card:hover img{

    transform:scale(1.08);

}

.machinery-page .machinery-card-content{

    padding:30px;

    text-align:center;

}

.machinery-page .machinery-card-content i{

    width:70px;

    height:70px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:0 auto 20px;

    background:#fff5eb;

    color:var(--primary);

    border-radius:18px;

    font-size:30px;

}
@media (min-width: 1200px) {
    .h4, h4 {
        font-size: 22px;
    }
}
.machinery-page .machinery-card-content h4{

    margin-bottom:15px;

    font-weight:700;

    color:var(--secondary);

}

.machinery-page .machinery-card-content p{

    margin:0;

    color:var(--text);

    line-height:1.8;

}

/*==================================
        INDUSTRIES SECTION
===================================*/

.machinery-page .industries-section{}

.machinery-page .industry-card{

    background:#fff;

    border:1px solid #edf2f7;

    border-radius:18px;

    padding:35px 25px;

    text-align:center;

    height:100%;

    transition:.35s;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.machinery-page .industry-card:hover{

    transform:translateY(-8px);

    border-color:var(--primary);

    box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.machinery-page .industry-icon{

    width:80px;
    height:80px;

    margin:0 auto 25px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#fff5eb;

    transition:.35s;

}

.machinery-page .industry-icon i{

    font-size:34px;

    color:var(--primary);

}

.machinery-page .industry-card:hover .industry-icon{

    background:var(--primary);

}

.machinery-page .industry-card:hover .industry-icon i{

    color:#fff;

}

.machinery-page .industry-card h5{

    color:var(--secondary);

    font-weight:700;

    margin-bottom:15px;

}

.machinery-page .industry-card p{

    margin:0;

    color:var(--text);

    line-height:1.8;

}

/*==================================
        CONTACT SECTION
===================================*/

.contact-page .contact-wrapper{

    overflow:hidden;

    border-radius:24px;

    background:#fff;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

}

.contact-page .contact-info{

    height:100%;

    padding:60px 45px;

    background:linear-gradient(135deg,#081c34,#123e6b);

    color:#fff;

}

.contact-page .contact-title{

    font-size:38px;

    font-weight:700;

    margin:20px 0;

    color:#fff;

}

.contact-page .contact-text{

    line-height:1.9;

    opacity:.85;

    margin-bottom:40px;

}

.contact-page .contact-item{

    display:flex;

    gap:18px;

    margin-bottom:30px;

}

.contact-page .contact-icon{

    width:60px;

    height:60px;

    min-width:60px;

    border-radius:16px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(255,255,255,.10);

}

.contact-page .contact-icon i{

    font-size:22px;

    color:var(--primary);

}

.contact-page .contact-item span{

    display:block;

    font-size:14px;

    opacity:.75;

    margin-bottom:5px;

}

.contact-page .contact-item h6{

    margin:0;

    font-size:17px;

    color:#fff;

    line-height:1.6;

}

.contact-page .contact-form-box{

    padding:60px;

    background:#fff;

}

.contact-page .contact-form-box h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 35px;
    color: var(--secondary);
}

.contact-page .form-control,
.contact-page .form-select{

    height:56px;

    border-radius:12px;

    border:1px solid #e5e7eb;

    box-shadow:none;

    padding:0 18px;

}

.contact-page textarea.form-control{

    height:auto;

    padding:18px;

    resize:none;

}

.contact-page .form-control:focus,
.contact-page .form-select:focus{

    border-color:var(--primary);

    box-shadow:none;

}

@media(max-width:991px){

    .contact-page .contact-info{

        padding:40px 30px;

    }

    .contact-page .contact-form-box{

        padding:40px 30px;

    }

    .contact-page .contact-title{

        font-size:30px;

    }

}

/*==================================
        CONTACT MAP
===================================*/

.contact-page .contact-map-section{
    padding:0;
    margin:0;
}

.contact-page .map-wrapper{
    width:100%;
    line-height:0;
}

.contact-page .map-wrapper iframe{
    width:100%;
    height:500px;
    border:0;
    display:block;
}

@media (max-width:991px){

    .contact-page .map-wrapper iframe{
        height:400px;
    }

}


/*==================================
        CAREER OVERVIEW
===================================*/

.career-page .career-overview{

    background:#fff;

}

.career-page .career-image{

    overflow:hidden;

    border-radius:var(--radius);

    box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.career-page .career-image img{

    width:100%;

    height:550px;

    object-fit:cover;

    transition:.5s;

}

.career-page .career-image:hover img{

    transform:scale(1.05);

}

.career-page .career-overview p:last-of-type{

    margin-bottom:35px;

}

@media(max-width:991px){

    .career-page .career-image img{

        height:380px;

    }

}


/*==================================
        CAREER BENEFITS
===================================*/

.career-page .career-benefits{}

.career-page .benefit-box{

    background:#fff;

    padding:40px 35px;

    border-radius:20px;

    text-align:center;

    height:100%;

    border:1px solid #edf2f7;

    transition:.35s;

    box-shadow:0 12px 35px rgba(0,0,0,.05);

}

.career-page .benefit-box:hover{

    transform:translateY(-10px);

    border-color:var(--primary);

    box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.career-page .benefit-icon{

    width:80px;

    height:80px;

    margin:0 auto 25px;

    border-radius:20px;

    background:#fff5eb;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.career-page .benefit-icon i{

    font-size:34px;

    color:var(--primary);

}

.career-page .benefit-box:hover .benefit-icon{

    background:var(--primary);

    transform:rotate(-8deg);

}

.career-page .benefit-box:hover .benefit-icon i{

    color:#fff;

}

.career-page .benefit-box h4{

    margin-bottom:15px;

    color:var(--secondary);

    font-weight:700;

}

.career-page .benefit-box p{

    margin:0;

    line-height:1.8;

    color:var(--text);

}


/*==================================
        CURRENT OPENINGS
===================================*/

.career-page .job-list{

    display:flex;

    flex-direction:column;

    gap:30px;

}

.career-page .job-card{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:30px;

    padding:35px 40px;

    background:#fff;

    border:1px solid #edf2f7;

    border-radius:20px;

    transition:.35s;

    box-shadow:0 12px 35px rgba(0,0,0,.05);

}

.career-page .job-card:hover{

    transform:translateY(-8px);

    border-color:var(--primary);

    box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.career-page .job-type{

    display:inline-block;

    padding:8px 18px;

    background:#fff5eb;

    color:var(--primary);

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:20px;

}

.career-page .job-content h4{

    margin-bottom:15px;

    color:var(--secondary);

    font-weight:700;

}

.career-page .job-content p{

    margin-bottom:20px;

}

.career-page .job-meta{

    display:flex;

    flex-wrap:wrap;

    gap:25px;

    margin:0;

    padding:0;

    list-style:none;

}

.career-page .job-meta li{

    display:flex;

    align-items:center;

    gap:8px;

    color:var(--text);

}

.career-page .job-meta i{

    color:var(--primary);

}

.career-page .job-action{

    flex-shrink:0;

}

@media(max-width:991px){

    .career-page .job-card{

        flex-direction:column;

        align-items:flex-start;

        padding:30px;

    }

    .career-page .job-action{

        width:100%;

    }

    .career-page .job-action .btn{

        width:100%;

    }

}

/*==================================
        CAREER MODAL
===================================*/

.career-page .modal-dialog{
    max-width:900px;
}

.career-page .modal-content{
    border:0;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 30px 70px rgba(0,0,0,.18);
    animation:modalZoom .35s ease;
}

@keyframes modalZoom{

    from{
        opacity:0;
        transform:scale(.9) translateY(20px);
    }

    to{
        opacity:1;
        transform:scale(1) translateY(0);
    }

}

.career-page .modal-header{

    position:relative;

    padding:30px 40px;

    border:0;

    background:linear-gradient(135deg,#071a2d,#123e6b);

}

.career-page .modal-header::before{

    content:"";

    position:absolute;

    right:-40px;
    top:-40px;

    width:160px;
    height:160px;

    border-radius:50%;

    background:rgba(255,255,255,.06);

}

.career-page .modal-title{

    color:#fff;

    font-size:30px;

    font-weight:700;

}

.career-page .btn-close{

    filter:brightness(0) invert(1);

    opacity:1;

}

.career-page .modal-body{

    padding:40px;

    background:#fff;

}

.career-page .modal-body label{

    font-weight:600;

    color:#081c34;

    margin-bottom:10px;

}

.career-page .modal-body .form-control,
.career-page .modal-body .form-select{

    height:58px;

    border-radius:14px;

    border:1px solid #e4e8ed;

    background:#f8fafc;

    box-shadow:none;

    transition:.3s;

    padding:0 18px;

}

.career-page .modal-body textarea.form-control{

    height:150px;

    padding:18px;

    resize:none;

}

.career-page .modal-body .form-control:hover,
.career-page .modal-body .form-select:hover{

    border-color:#c8d0d8;

}

.career-page .modal-body .form-control:focus,
.career-page .modal-body .form-select:focus{

    border-color:var(--primary);

    background:#fff;

    box-shadow:0 0 0 4px rgba(255,152,0,.12);

}

.career-page input[type=file]{

    padding:14px;

    height:auto;

}

.career-page input[type=file]::file-selector-button{

    background:var(--primary);

    color:#fff;

    border:none;

    padding:10px 18px;

    border-radius:8px;

    margin-right:15px;

    cursor:pointer;

}

.career-page .modal-footer{

    padding:25px 40px;

    border-top:1px solid #eef2f5;

    background:#fafbfc;

}

.career-page .modal-footer .btn{

    min-width:170px;

    height:54px;

    border-radius:50px;

    font-weight:600;

}

.career-page .modal-footer .btn-primary-custom{

    box-shadow:0 12px 25px rgba(255,152,0,.25);

}

.career-page .modal-footer .btn-primary-custom:hover{

    transform:translateY(-3px);

}

.career-page .modal-footer .btn-outline-secondary{

    border-radius:50px;

}

@media(max-width:767px){

    .career-page .modal-body{

        padding:25px;

    }

    .career-page .modal-header{

        padding:25px;

    }

    .career-page .modal-footer{

        padding:20px 25px;

    }

    .career-page .modal-footer .btn{

        width:100%;

    }


    h2 {
    font-size: 21px !important;
    line-height: 1.3 !important;
}
h4 {
    font-size: 19px !important;
}

p {
    font-size: 15px !important;
}

h5 {
    font-size: 18px !important;
}





.about-page .strength-card {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.strength-content {
    text-align: center;
}
.cta-wrapper {
    padding: 40px 25px!important;
}

    .banner-title {
        font-size: 30px;
    }
    .inner-banner {
        padding: 40px 0 40px;
    }

    .contact-form {
        margin-top: 0px;
    }

}
.btn-primary-custom {
    background: #ffc107;
    color: #0f2d52;
    font-weight: 500;
    padding: 12px 20px;
}

.btn-primary-custom:hover {
    background: #0f2d52;
    color:#ffc107  ;
}

.owl-nav {
    text-align: center!important;
    margin-top: 35px!important;
}

button.owl-prev {
    background: #ffc107 !important;
    padding: 10px !important;
    height: 45px !important;
    color: #000 !important;
    width: 45px !important;
    border-radius: 100px !important;
    font-size: 22px !important;
    margin-right: 10px;
}

button.owl-next {
    background: #ffc107 !important;
    padding: 10px !important;
    height: 45px !important;
    color: #000 !important;
    width: 45px !important;
    border-radius: 100px !important;
    font-size: 22px !important;
    margin-right: 10px;
}

/* Desktop */
@media (min-width:992px){

.navbar .dropdown:hover>.dropdown-menu{
    display:block;
    margin-top:0;
}

}


@media(max-width:991px){

.navbar-brand img{
    max-width:170px;
}

.navbar-nav{
    padding-top:15px;
}

.navbar-nav .nav-link{
    padding:12px 0;
}

.dropdown-menu{
    border:none;
    box-shadow:none;
    padding-left:15px;
}

.dropdown-item{
    padding:10px 0;
}

}