/*=====================================
HEADER
=====================================*/

:root{
    --primary:#0A4DA3;
    --primary-dark:#083C80;
    --secondary:#ff6b00;
    --secondary-hover:#e95e00;
    --white:#ffffff;
    --black:#111111;
    --text:#4b5563;
    --heading:#0f172a;
    --border:#e5e7eb;
    --footer:#081C39;
    --shadow:0 8px 30px rgba(0,0,0,.08);
    --radius:6px;
    --transition:.35s ease;
    --heading-font:'Poppins',sans-serif;
    --body-font:'Inter',sans-serif;
    --container:1320px;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:var(--body-font);
    color:var(--text);
    overflow-x:hidden;
}

a{
    text-decoration:none;
}

ul{
    list-style:none;
}

img{
    max-width:100%;
    display:block;
}

.psh-container{
    width:100%;
    max-width:var(--container);
    margin:auto;
    padding:0 15px;
}

/*=====================================
HEADER
=====================================*/

.psh-header{
    width:100%;
    background:var(--white);
    position:sticky;
    top:0;
    left:0;
    z-index:9999;
    box-shadow:0 3px 18px rgba(0,0,0,.05);
}

.psh-header .psh-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:90px;
}

/*=====================================
LOGO
=====================================*/

.psh-logo{
    display:flex;
    align-items:center;
}

.psh-logo img{
    width:120px;
    transition:var(--transition);
}

/*=====================================
NAVBAR
=====================================*/

.psh-navbar{
    margin-left:auto;
    margin-right:40px;
}

.psh-nav-list{
    display:flex;
    align-items:center;
    gap:28px;
}

.psh-nav-list>li{
    position:relative;
}

.psh-nav-link{
    position:relative;
    display:flex;
    align-items:center;
    gap:6px;
    height:90px;
    font-size:13px;
    font-weight:600;
    color:var(--heading);
    transition:var(--transition);
    text-transform:uppercase;
}

/*==========================
HOVER LINE
==========================*/

.psh-nav-link::after{
    content:"";
    position:absolute;
    left:0;
    bottom:20px;
    width:0%;
    height:3px;
    background:var(--primary);
    border-radius:20px;
    transition:var(--transition);
}

.psh-nav-link:hover{
    color:var(--primary);
}

.psh-nav-link:hover::after{
    width:100%;
}

/*==========================
ACTIVE MENU
==========================*/

.psh-nav-link.active{
    color:var(--primary);
}

.psh-nav-link.active::after{
    width:100%;
}
/*=====================================
MEGA DROPDOWN
=====================================*/

.psh-dropdown{
    position:relative;
}

.psh-dropdown-menu{

    position:absolute;
    top:110%;
    left:50%;
    transform:translateX(-50%) translateY(20px);

    width:820px;

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

    gap:30px;

    padding:25px;

    background:var(--white);

    border-radius:12px;

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

    opacity:0;
    visibility:hidden;

    transition:var(--transition);

    z-index:999;

}

.psh-dropdown:hover .psh-dropdown-menu{

    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);

}

.psh-dropdown-column{

    list-style:none;
    margin:0;
    padding:0;

}

.psh-dropdown-column li{

    border-bottom:1px solid var(--border);

}

.psh-dropdown-column li:last-child{

    border:none;

}

.psh-dropdown-column li a{

    display:flex;

    align-items:center;

    padding:15px 0;

    color:var(--heading);

    font-size:15px;

    font-weight:500;

    transition:.3s;

}

.psh-dropdown-column li a::before{

    content:"";

    width:7px;

    height:7px;

    background:var(--secondary);

    border-radius:50%;

    margin-right:12px;

    transition:.3s;

}

.psh-dropdown-column li a:hover{

    color:var(--primary);

    padding-left:8px;

}

.psh-dropdown-column li a:hover::before{

    transform:scale(1.4);

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

.psh-dropdown-menu{

    position:static;

    width:100%;

    display:block;

    padding:0;

    box-shadow:none;

    border-radius:0;

    transform:none;

}

.psh-dropdown-column{

    margin:0;

}

.psh-dropdown-column li a{

    padding:15px;

}

}
.psh-mobile-submenu{
    display:none;
}

.psh-mobile-submenu.active{
    display:block;
}
/*=====================================
QUOTE BUTTON
=====================================*/

.psh-header-right{
    display:flex;
    align-items:center;
}

.psh-quote-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:14px 26px;
    background:var(--secondary);
    color:var(--white);
    font-size:14px;
    font-weight:600;
    border-radius:6px;
    transition:var(--transition);
    text-transform:uppercase;
    letter-spacing:.3px;
}

.psh-quote-btn i{
    font-size:17px;
}

.psh-quote-btn:hover{
    background:var(--primary);
    transform:translateY(-3px);
}

/*=====================================
MENU ICON
=====================================*/

.psh-menu-toggle{
    display:none;
    border:none;
    background:none;
    cursor:pointer;
}

.psh-menu-toggle i{
    font-size:34px;
    color:var(--heading);
}

/*=====================================
MOBILE MENU
=====================================*/

.psh-mobile-menu{
    position:fixed;
    top:0;
    right:-100%;
    width:330px;
    height:100vh;
    background:var(--white);
    z-index:99999;
    transition:.4s;
    overflow:auto;
    box-shadow:-10px 0 30px rgba(0,0,0,.1);
}

.psh-mobile-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px;
    border-bottom:1px solid var(--border);
}

.psh-mobile-header img{
    width:130px;
}

.psh-close-menu{
    border:none;
    background:none;
    cursor:pointer;
}

.psh-close-menu i{
    font-size:28px;
}

.psh-mobile-nav{
    padding:20px;
}

.psh-mobile-nav li{
    border-bottom:1px solid var(--border);
}

.psh-mobile-nav li a,
.psh-mobile-dropdown-btn{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:16px 0;
    font-size:16px;
    font-weight:500;
    color:var(--heading);
    background:none;
    border:none;
    cursor:pointer;
    transition:var(--transition);
}

.psh-mobile-nav li a:hover,
.psh-mobile-dropdown-btn:hover{
    color:var(--primary);
}

.psh-mobile-nav li a.active{
    color:var(--primary);
    font-weight:600;
}

.psh-mobile-submenu{
    display:none;
    padding-left:15px;
}

.psh-mobile-submenu li a{
    font-size:15px;
    padding:12px 0;
}

.psh-mobile-btn{
    display:flex;
    justify-content:center !important;
    margin-top:20px;
    background:var(--secondary);
    color:var(--white)!important;
    padding:15px;
    border-radius:6px;
    font-weight:600;
    transition:var(--transition);
}

.psh-mobile-btn:hover{
    background:var(--primary);
}
/*==================================
OPEN MENU
==================================*/

.psh-mobile-menu.active{
    right:0;
}
/*=========================================
992px
=========================================*/

@media (max-width:992px){

    .psh-header .psh-container{
        height:80px;
    }

    .psh-logo img{
        width:135px;
    }

    .psh-navbar,
    .psh-header-right{
        display:none;
    }

    .psh-menu-toggle{
        display:flex;
        align-items:center;
        justify-content:center;
        width:45px;
        height:45px;
        border-radius:6px;
        background:var(--primary);
        color:var(--white);
        cursor:pointer;
        transition:var(--transition);
    }

    .psh-menu-toggle:hover{
        background:var(--secondary);
    }

    .psh-menu-toggle i{
        color:var(--white);
        font-size:30px;
    }

}

/*=========================================
768px
=========================================*/

@media(max-width:768px){

    .psh-header .psh-container{
        height:75px;
    }

    .psh-logo img{
        width:125px;
    }

    .psh-mobile-menu{
        width:300px;
    }

    .psh-mobile-header{
        padding:18px;
    }

    .psh-mobile-nav{
        padding:18px;
    }

    .psh-mobile-nav li a,
    .psh-mobile-dropdown-btn{
        font-size:15px;
    }

    .psh-mobile-btn{
        padding:14px;
        font-size:15px;
    }

}

/*=========================================
576px
=========================================*/

@media(max-width:576px){

    .psh-container{
        padding:0 18px;
    }

    .psh-header .psh-container{
        height:72px;
    }

    .psh-logo img{
        width:115px;
    }

    .psh-mobile-menu{
        width:280px;
    }

    .psh-mobile-header img{
        width:110px;
    }

    .psh-close-menu i{
        font-size:25px;
    }

}

/*=========================================
480px
=========================================*/

@media(max-width:480px){

    .psh-container{
        padding:0 15px;
    }

    .psh-logo img{
        width:105px;
    }

    .psh-menu-toggle{
        width:42px;
        height:42px;
    }

    .psh-menu-toggle i{
        font-size:27px;
    }

    .psh-mobile-menu{
        width:100%;
    }

    .psh-mobile-header{
        padding:16px;
    }

    .psh-mobile-nav{
        padding:16px;
    }

    .psh-mobile-nav li a,
    .psh-mobile-dropdown-btn{
        padding:15px 0;
    }

}

/*=========================================
375px
=========================================*/

@media(max-width:375px){

    .psh-header .psh-container{
        height:68px;
    }

    .psh-logo img{
        width:95px;
    }

    .psh-menu-toggle{
        width:40px;
        height:40px;
    }

    .psh-menu-toggle i{
        font-size:25px;
    }

    .psh-mobile-header img{
        width:95px;
    }

    .psh-mobile-btn{
        font-size:14px;
    }

}
/*==================================
OVERLAY
==================================*/

.psh-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.45);

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:9990;

}

.psh-overlay.active{

    opacity:1;

    visibility:visible;

}
/*=====================================
MOBILE SUBMENU
=====================================*/

.psh-mobile-submenu{

    display:none;

    padding-left:18px;

}

.psh-mobile-submenu.open{

    display:block;

    animation:submenu .35s ease;

}

.psh-mobile-dropdown-btn i{

    transition:.35s;

}

.psh-mobile-dropdown-btn.active i{

    transform:rotate(180deg);

}

@keyframes submenu{

    from{

        opacity:0;

        transform:translateY(-10px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

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

.psh-footer{
    background:var(--footer);
    color:var(--white);
    position:relative;
    overflow:hidden;
    margin-top:30px;
}

.psh-footer-wrapper{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.4fr;
    gap:50px;
    padding:80px 0 60px;
}

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

.psh-footer-logo{
    display:inline-block;
    margin-bottom:25px;
}

.psh-footer-logo img{
    width:170px;
}

.psh-footer-box p{
    color:rgba(255,255,255,.75);
    font-size:15px;
    line-height:1.9;
    margin-bottom:30px;
}

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

.psh-footer-box h3{
    position:relative;
    font-size:22px;
    font-family:var(--heading-font);
    font-weight:600;
    margin-bottom:30px;
    color:var(--white);
}

.psh-footer-box h3::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-12px;
    width:55px;
    height:3px;
    background:var(--secondary);
    border-radius:20px;
}

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

.psh-footer-box ul{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.psh-footer-box ul li{
    display:flex;
    align-items:flex-start;
}

.psh-footer-box ul li a{
    color:rgba(255,255,255,.75);
    font-size:15px;
    transition:var(--transition);
}

.psh-footer-box ul li a:hover{
    color:var(--secondary);
    padding-left:8px;
}

/*=========================================
SOCIAL
=========================================*/

.psh-footer-social{
    display:flex;
    align-items:center;
    gap:12px;
}

.psh-footer-social a{
    width:42px;
    height:42px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.08);
    color:var(--white);
    transition:var(--transition);
}

.psh-footer-social a i{
    font-size:18px;
}

.psh-footer-social a:hover{
    background:var(--secondary);
    transform:translateY(-5px);
}

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

.psh-footer-contact{
    gap:22px !important;
}

.psh-footer-contact li{
    display:flex;
    align-items:flex-start;
    gap:14px;
}

.psh-footer-contact li i{
    width:40px;
    height:40px;
    min-width:40px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--secondary);
    font-size:16px;
}

.psh-footer-contact li span,
.psh-footer-contact li a{
    color:rgba(255,255,255,.75);
    font-size:15px;
    line-height:1.8;
    transition:var(--transition);
}

.psh-footer-contact li a:hover{
    color:var(--secondary);
    padding-left:0;
}

/*=========================================
BOTTOM
=========================================*/

.psh-footer-bottom{
    border-top:1px solid rgba(255,255,255,.10);
    padding:22px 0;
}

.psh-footer-bottom-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.psh-footer-bottom p{
    color:rgba(255,255,255,.75);
    font-size:15px;
}

.psh-footer-policy{
    display:flex;
    align-items:center;
    gap:15px;
}

.psh-footer-policy span{
    color:rgba(255,255,255,.35);
}

.psh-footer-policy a{
    color:rgba(255,255,255,.75);
    font-size:15px;
    transition:var(--transition);
}

.psh-footer-policy a:hover{
    color:var(--secondary);
}
/*=========================================
FOOTER RESPONSIVE
=========================================*/

/*==========================
1200px
==========================*/

@media (max-width:1200px){

    .psh-footer-wrapper{
        grid-template-columns:repeat(4,1fr);
        gap:35px;
    }

    .psh-footer-box:first-child{
        grid-column:1/-1;
        max-width:700px;
    }

}

/*==========================
992px
==========================*/

@media (max-width:992px){

    .psh-footer-wrapper{

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

        gap:40px;

        padding:70px 0 50px;

    }

    .psh-footer-logo img{

        width:160px;

    }

    .psh-footer-box h3{

        font-size:20px;

    }

    .psh-footer-box p{

        margin-bottom:25px;

    }

    .psh-footer-bottom-wrapper{

        flex-direction:column;

        justify-content:center;

        text-align:center;

        gap:15px;

    }

}

/*==========================
768px
==========================*/

@media (max-width:768px){

    .psh-footer{

        margin-top:60px;

    }

    .psh-footer-wrapper{

        grid-template-columns:1fr;

        gap:35px;

        padding:60px 0 45px;

    }

    .psh-footer-box{

        text-align:center;

    }

    .psh-footer-logo{

        display:flex;

        justify-content:center;

    }

    .psh-footer-box h3::after{

        left:50%;

        transform:translateX(-50%);

    }

    .psh-footer-box ul{

        align-items:center;

    }

    .psh-footer-box ul li{

        justify-content:center;

    }

    .psh-footer-contact li{

        justify-content:flex-start;

        text-align:left;

        max-width:420px;

        margin:auto;

    }

    .psh-footer-social{

        justify-content:center;

    }

    .psh-footer-policy{

        justify-content:center;

        flex-wrap:wrap;

    }

}

/*==========================
576px
==========================*/

@media (max-width:576px){

    .psh-footer-wrapper{

        padding:50px 0 40px;

        gap:30px;

    }

    .psh-footer-logo img{

        width:145px;

    }

    .psh-footer-box h3{

        font-size:19px;

    }

    .psh-footer-box p{

        font-size:14px;

    }

    .psh-footer-box ul li a{

        font-size:14px;

    }

    .psh-footer-contact li{

        gap:12px;

    }

    .psh-footer-contact li i{

        width:36px;

        height:36px;

        min-width:36px;

        font-size:15px;

    }

    .psh-footer-contact li span,

    .psh-footer-contact li a{

        font-size:14px;

    }

    .psh-footer-social a{

        width:40px;

        height:40px;

    }

}

/*==========================
480px
==========================*/

@media (max-width:480px){

    .psh-footer-wrapper{

        padding:45px 0 35px;

    }

    .psh-footer-logo img{

        width:130px;

    }

    .psh-footer-box h3{

        font-size:18px;

    }

    .psh-footer-box p{

        line-height:1.8;

    }

    .psh-footer-social{

        gap:10px;

    }

    .psh-footer-social a{

        width:38px;

        height:38px;

    }

    .psh-footer-social a i{

        font-size:16px;

    }

    .psh-footer-bottom{

        padding:18px 0;

    }

    .psh-footer-bottom p,

    .psh-footer-policy a{

        font-size:14px;

    }

}

/*==========================
375px
==========================*/

@media (max-width:375px){

    .psh-footer-wrapper{

        gap:28px;

    }

    .psh-footer-logo img{

        width:120px;

    }

    .psh-footer-box h3{

        font-size:17px;

    }

    .psh-footer-box p{

        font-size:13px;

    }

    .psh-footer-box ul li a{

        font-size:13px;

    }

    .psh-footer-contact li{

        gap:10px;

    }

    .psh-footer-contact li i{

        width:34px;

        height:34px;

        min-width:34px;

        font-size:14px;

    }

    .psh-footer-contact li span,

    .psh-footer-contact li a{

        font-size:13px;

    }

    .psh-footer-social a{

        width:36px;

        height:36px;

    }

    .psh-footer-bottom p{

        line-height:1.7;

    }

    .psh-footer-policy{

        gap:8px;

    }

}

/* home section 1 */
/*=========================================
IMPORT EXPORT HERO SECTION
=========================================*/

.nxim-hero-section {

    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            rgba(255, 255, 255, 0.88),
            rgba(255, 255, 255, 0.82)
        ),
        url('/public/frontend/assets/img/hero-bg-img.png')
        center center / cover no-repeat;

}

/*=========================================
SWIPER
=========================================*/

.nxim-hero-swiper{

    width:100%;
    position:relative;

}

.nxim-hero-swiper .swiper-slide{

    height:auto;

}

/*=========================================
SLIDE LAYOUT
=========================================*/

.nxim-hero-layout{

    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:70px;
    min-height:620px;

}

/*=========================================
LEFT CONTENT AREA
=========================================*/

.nxim-hero-content{

    width:100%;
    max-width:650px;

}

/*=========================================
RIGHT IMAGE AREA
=========================================*/

.nxim-hero-image-box{

    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;

}

/*=========================================
IMAGE
=========================================*/

.nxim-hero-image{

    width:100%;
    max-width:540px;
    display:block;
    object-fit:contain;

}

/*=========================================
REMOVE DEFAULT LINK STYLE
=========================================*/

.nxim-primary-btn,
.nxim-outline-btn{

    text-decoration:none;

}

/*=========================================
SWIPER NAVIGATION POSITION
=========================================*/

.nxim-swiper-next,
.nxim-swiper-prev{

    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:20;

}

.nxim-swiper-prev{

    left:15px;

}

.nxim-swiper-next{

    right:15px;

}

/*=========================================
PAGINATION POSITION
=========================================*/

.nxim-swiper-pagination{

    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:20px;
    z-index:20;

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

.nxim-hero-tag{

    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 20px;
    margin-bottom:22px;

    background:rgba(10,77,163,.08);
    border-left:4px solid var(--secondary);
    border-radius:var(--radius);

    color:var(--primary);
    font-size:15px;
    font-weight:600;

}

.nxim-hero-tag i{

    font-size:18px;
    color:var(--secondary);

}

/*=========================================
HERO TITLE
=========================================*/

.nxim-hero-title{

    margin:0 0 25px;

    font-family:var(--heading-font);
    font-size:30px;
    line-height:1.15;
    font-weight:700;
    color:var(--heading);

}

.nxim-hero-title span{

    display:block;
    color:var(--primary);

}

/*=========================================
DESCRIPTION
=========================================*/

.nxim-hero-description{

    margin:0 0 40px;

    max-width:600px;

    font-family:var(--body-font);
    font-size:16px;
    line-height:1.9;
    color:var(--text);

}

/*=========================================
BUTTON WRAPPER
=========================================*/

.nxim-hero-buttons{

    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;

}

/*=========================================
COMMON BUTTON
=========================================*/

.nxim-primary-btn,
.nxim-outline-btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    padding:16px 34px;

    border-radius:var(--radius);

    font-family:var(--body-font);
    font-size:15px;
    font-weight:600;

    text-transform:uppercase;
    letter-spacing:.3px;

    transition:var(--transition);

}

/*=========================================
PRIMARY BUTTON
=========================================*/

.nxim-primary-btn{

    background:var(--secondary);
    color:var(--white);

}

.nxim-primary-btn:hover{

    background:var(--primary);
    transform:translateY(-4px);

}

/*=========================================
OUTLINE BUTTON
=========================================*/

.nxim-outline-btn{

    background:var(--white);
    border:2px solid var(--primary);
    color:var(--primary);

}

.nxim-outline-btn:hover{

    background:var(--primary);
    color:var(--white);
    transform:translateY(-4px);

}

/*=========================================
BUTTON ICON
=========================================*/

.nxim-primary-btn i,
.nxim-outline-btn i{

    transition:var(--transition);

}

.nxim-primary-btn:hover i,
.nxim-outline-btn:hover i{

    transform:translateX(5px);

}
/*=========================================
HERO IMAGE WRAPPER
=========================================*/

.nxim-hero-image-box{

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

}

/*=========================================
MACHINE IMAGE
=========================================*/

.nxim-hero-image{

    display:block;
    width:100%;
    max-width:540px;
    height:auto;
    object-fit:contain;
    user-select:none;

    filter:drop-shadow(0 20px 40px rgba(0,0,0,.15));

    animation:nximFloatImage 5s ease-in-out infinite;
    transition:transform .45s ease;

}

/*=========================================
IMAGE HOVER
=========================================*/

.nxim-hero-image:hover{

    transform:scale(1.03);

}

/*=========================================
FLOATING ANIMATION
=========================================*/

@keyframes nximFloatImage{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-14px);

    }

    100%{

        transform:translateY(0px);

    }

}

/*=========================================
CONTENT ENTRY ANIMATION
=========================================*/

.nxim-hero-content{

    animation:nximContentAnimation .9s ease;

}

@keyframes nximContentAnimation{

    from{

        opacity:0;
        transform:translateX(-60px);

    }

    to{

        opacity:1;
        transform:translateX(0);

    }

}

/*=========================================
IMAGE ENTRY ANIMATION
=========================================*/

.nxim-hero-image-box{

    animation:nximImageAnimation .9s ease;

}

@keyframes nximImageAnimation{

    from{

        opacity:0;
        transform:translateX(60px);

    }

    to{

        opacity:1;
        transform:translateX(0);

    }

}
/*=========================================
SWIPER NAVIGATION BUTTONS
=========================================*/

.nxim-swiper-next,
.nxim-swiper-prev{

    width:54px;
    height:54px;

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

    background:rgba(255,255,255,.92);
    border:1px solid rgba(10,77,163,.12);
    border-radius:50%;

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

    cursor:pointer;
    transition:var(--transition);

}

/*=========================================
REMOVE DEFAULT SWIPER ICON
=========================================*/

.nxim-swiper-next::after,
.nxim-swiper-prev::after{

    display:none;

}

/*=========================================
CUSTOM ICON
=========================================*/

.nxim-swiper-next::before,
.nxim-swiper-prev::before{

    font-family:"bootstrap-icons";
    font-size:20px;
    font-weight:700;
    color:var(--primary);

    transition:var(--transition);

}

.nxim-swiper-next::before{

    content:"\F285";

}

.nxim-swiper-prev::before{

    content:"\F284";

}

/*=========================================
HOVER EFFECT
=========================================*/

.nxim-swiper-next:hover,
.nxim-swiper-prev:hover{

    background:var(--primary);
    transform:translateY(-50%) scale(1.08);

}

.nxim-swiper-next:hover::before,
.nxim-swiper-prev:hover::before{

    color:var(--white);

}

/*=========================================
PAGINATION
=========================================*/

.nxim-swiper-pagination{

    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;

}

/*=========================================
BULLET
=========================================*/

.nxim-swiper-pagination .swiper-pagination-bullet{

    width:12px;
    height:12px;

    margin:0 !important;

    background:#d1d5db;
    opacity:1;

    border-radius:30px;

    transition:all .35s ease;

}

/*=========================================
ACTIVE BULLET
=========================================*/

.nxim-swiper-pagination .swiper-pagination-bullet-active{

    width:34px;
    background:var(--secondary);

}

/*=========================================
DISABLED ARROW
=========================================*/

.nxim-swiper-next.swiper-button-disabled,
.nxim-swiper-prev.swiper-button-disabled{

    opacity:.45;
    cursor:not-allowed;

}

/*=========================================
SMOOTH SLIDE
=========================================*/

.nxim-hero-swiper{

    overflow:hidden;

}

.nxim-hero-swiper .swiper-wrapper{

    align-items:center;

}
/*=========================================
TABLET
=========================================*/

@media (max-width:991px){

    .nxim-hero-section{

        padding:70px 0;

    }

    .nxim-hero-layout{

        grid-template-columns:1fr;
        gap:50px;
        min-height:auto;
        text-align:center;

    }

    .nxim-hero-content{

        max-width:100%;
        margin:0 auto;
        order:1;

    }

    .nxim-hero-image-box{

        order:2;

    }

    .nxim-hero-description{

        max-width:100%;
        margin:0 auto 35px;

    }

    .nxim-hero-buttons{

        justify-content:center;

    }

    .nxim-hero-image{

        max-width:460px;

    }

    .nxim-hero-title{

        font-size:42px;

    }

    .nxim-swiper-next{

        right:10px;

    }

    .nxim-swiper-prev{

        left:10px;

    }

}


/*=========================================
MOBILE
=========================================*/

@media (max-width:767px){

    .nxim-hero-section{

        padding:60px 0;

    }

    .nxim-hero-layout{

        gap:35px;

    }

    .nxim-hero-title{

        font-size:34px;
        line-height:1.25;

    }

    .nxim-hero-description{

        font-size:15px;
        line-height:1.8;
        margin-bottom:30px;

    }

    .nxim-hero-buttons{

        flex-direction:column;
        width:100%;
        gap:15px;

    }

    .nxim-primary-btn,
    .nxim-outline-btn{

        width:100%;
        padding:15px 20px;

    }

    .nxim-hero-image{

        max-width:320px;

    }

    .nxim-swiper-next,
    .nxim-swiper-prev{

        width:44px;
        height:44px;

    }

    .nxim-swiper-next::before,
    .nxim-swiper-prev::before{

        font-size:16px;

    }

}


/*=========================================
SMALL MOBILE
=========================================*/

@media (max-width:575px){

    .nxim-hero-section{

        padding:50px 0;

    }

    .nxim-hero-tag{

        font-size:13px;
        padding:8px 16px;

    }

    .nxim-hero-title{

        font-size:29px;

    }

    .nxim-hero-description{

        font-size:14px;

    }

    .nxim-hero-image{

        max-width:260px;

    }

    .nxim-swiper-next,
    .nxim-swiper-prev{

        display:none;

    }

    .nxim-swiper-pagination{

        bottom:10px;

    }

}


/*=========================================
EXTRA SMALL MOBILE
=========================================*/

@media (max-width:400px){

    .nxim-hero-section{

        padding:45px 0;

    }

    .nxim-hero-title{

        font-size:25px;

    }

    .nxim-hero-description{

        font-size:13px;

    }

    .nxim-primary-btn,
    .nxim-outline-btn{

        font-size:14px;
        padding:14px 18px;

    }

    .nxim-hero-image{

        max-width:220px;

    }

}




















/*=====================================
ABOUT SECTION
======================================*/

.psh-about-section{
    padding:70px 0;
    background:var(--white);
    position:relative;
    overflow:hidden;
}

.psh-about-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:70px;
}

/*=====================================
ABOUT IMAGE
======================================*/

.psh-about-image{
    position:relative;
}

.psh-about-image img{
    width:100%;
    max-width:620px;
    display:block;
    margin:auto;
    transition:var(--transition);
}

.psh-about-image:hover img{
    transform:scale(1.03);
}

/*=====================================
ABOUT CONTENT
======================================*/

.psh-about-content{
    max-width:620px;
}

.psh-about-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    background:rgba(12,59,145,.08);
    color:var(--primary);
    border-left:4px solid var(--secondary);
    border-radius:6px;
    font-size:15px;
    font-weight:600;
    margin-bottom:15px;
}

.psh-about-tag i{
    color:var(--secondary);
    font-size:18px;
}

.psh-about-content h2{
    font-family:var(--heading-font);
    font-size:30px;
    font-weight:700;
    color:var(--heading);
    line-height:1.25;
    margin-bottom:15px;
}

.psh-about-content h2 span{
    color:var(--primary);
}

.psh-about-content p{
    font-size:16px;
    color:var(--text);
    line-height:1.9;
    margin-bottom:15px;
}

/*=====================================
FEATURES
======================================*/

.psh-about-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px 30px;
    margin-bottom:40px;
}

.psh-feature-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
}

.psh-feature-item i{
    color:var(--primary);
    font-size:20px;
    margin-top:2px;
}

.psh-feature-item span{
    color:var(--heading);
    font-size:16px;
    font-weight:500;
    line-height:1.7;
}

/*=====================================
BUTTON
======================================*/

.psh-about-btn{
    margin-top:10px;
}

.psh-about-btn .psh-primary-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:16px 34px;
    border-radius:6px;
    background:var(--primary);
    color:var(--white);
    font-size:15px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.4px;
    transition:var(--transition);
}

.psh-about-btn .psh-primary-btn:hover{
    background:var(--secondary);
    transform:translateY(-4px);
}

.psh-about-btn .psh-primary-btn i{
    transition:var(--transition);
}

.psh-about-btn .psh-primary-btn:hover i{
    transform:translateX(6px);
}

/*=====================================
DECORATION
======================================*/

.psh-about-section::before{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    background:rgba(12,59,145,.03);
    border-radius:50%;
    top:-120px;
    right:-120px;
}

.psh-about-section::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    background:rgba(255,107,0,.04);
    border-radius:50%;
    bottom:-100px;
    left:-100px;
}
/*=====================================
ABOUT SECTION RESPONSIVE
======================================*/

/*==========================
1200px
==========================*/

@media (max-width:1200px){

    .psh-about-wrapper{
        gap:50px;
    }

    .psh-about-content h2{
        font-size:40px;
    }

    .psh-about-image img{
        max-width:550px;
    }

}

/*==========================
992px
==========================*/

@media (max-width:992px){

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

    .psh-about-wrapper{
        grid-template-columns:1fr;
        gap:50px;
    }

    .psh-about-image{
        order:1;
        text-align:center;
    }

    .psh-about-content{
        order:2;
        max-width:100%;
        text-align:center;
    }

    .psh-about-tag{
        margin:auto auto 25px;
    }

    .psh-about-content p{
        max-width:700px;
        margin:0 auto 35px;
    }

    .psh-about-features{
        max-width:700px;
        margin:0 auto 40px;
    }

    .psh-about-btn{
        text-align:center;
    }

}

/*==========================
768px
==========================*/

@media (max-width:768px){

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

    .psh-about-content h2{
        font-size:34px;
    }

    .psh-about-content p{
        font-size:16px;
        line-height:1.8;
    }

    .psh-about-features{
        grid-template-columns:1fr;
        gap:18px;
        text-align:left;
    }

    .psh-feature-item{
        justify-content:flex-start;
    }

    .psh-about-image img{
        max-width:470px;
    }

    .psh-about-btn .psh-primary-btn{
        width:100%;
        justify-content:center;
    }

}

/*==========================
576px
==========================*/

@media (max-width:576px){

    .psh-about-section{
        padding:60px 0;
    }

    .psh-about-tag{
        font-size:13px;
        padding:8px 15px;
    }

    .psh-about-tag i{
        font-size:16px;
    }

    .psh-about-content h2{
        font-size:30px;
    }

    .psh-about-content p{
        font-size:15px;
    }

    .psh-feature-item span{
        font-size:15px;
    }

    .psh-about-image img{
        max-width:100%;
    }

}

/*==========================
480px
==========================*/

@media (max-width:480px){

    .psh-about-section{
        padding:50px 0;
    }

    .psh-about-content h2{
        font-size:27px;
        line-height:1.35;
    }

    .psh-about-content p{
        font-size:14px;
    }

    .psh-feature-item{
        gap:10px;
    }

    .psh-feature-item i{
        font-size:18px;
    }

    .psh-feature-item span{
        font-size:14px;
    }

    .psh-about-btn .psh-primary-btn{
        padding:14px 20px;
        font-size:14px;
    }

}

/*==========================
375px
==========================*/

@media (max-width:375px){

    .psh-about-section{
        padding:45px 0;
    }

    .psh-about-content h2{
        font-size:24px;
    }

    .psh-about-content p{
        font-size:13px;
        line-height:1.7;
    }

    .psh-about-tag{
        font-size:12px;
    }

    .psh-about-tag i{
        font-size:15px;
    }

    .psh-feature-item span{
        font-size:13px;
    }

    .psh-feature-item i{
        font-size:17px;
    }

    .psh-about-btn .psh-primary-btn{
        font-size:13px;
        padding:13px 18px;
    }

}
/*=====================================
PRODUCT SECTION
======================================*/

.psh-products-section{
    padding:100px 0;
    background:#f8fafc;
    position:relative;
    overflow:hidden;
}

/*=====================================
SECTION HEADING
======================================*/

.psh-section-heading{
    text-align:center;
    margin-bottom:60px;
}

.psh-section-heading span{
    display:inline-block;
    color:var(--primary);
    font-size:16px;
    font-weight:600;
    /* text-transform:uppercase; */
    letter-spacing:1px;
    margin-bottom:12px;
}

.psh-section-heading h2{
    font-family:var(--heading-font);
    font-size:30px;
    color:var(--heading);
    font-weight:700;
    line-height:1.2;
}

.psh-section-heading h2 span{
    color:var(--primary);
    font-size:30px;
    font-weight:inherit;
}

/*=====================================
SWIPER
======================================*/

.psh-product-slider{
    position:relative;
    padding-bottom:70px;
}

.psh-product-slider .swiper-slide{
    height:auto;
}

/*=====================================
PRODUCT CARD
======================================*/

.psh-product-card{
    background:var(--white);
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:var(--transition);
    height:100%;
    cursor:pointer;
}

.psh-product-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

/*=====================================
IMAGE
======================================*/

.psh-product-image{
    position:relative;
    overflow:hidden;
}

.psh-product-image img{
    width:100%;
    height:250px;
    object-fit:cover;
    display:block;
    transition:.6s;
}

.psh-product-card:hover .psh-product-image img{
    transform:scale(1.08);
}

/*=====================================
BOTTOM STRIP
======================================*/

.psh-product-bottom{
    background:var(--primary);
    padding:22px 20px 20px 70px;
    position:relative;
    min-height:90px;
    display:flex;
    align-items:center;
}

.psh-product-bottom h3{
    color:var(--white);
    font-size:18px;
    font-family:var(--heading-font);
    font-weight:600;
    line-height:1.4;
    transition:var(--transition);
}

/*=====================================
FLOATING ICON
======================================*/

.psh-product-icon{
    position:absolute;
    left:18px;
    top:-22px;
    width:50px;
    height:50px;
    border-radius:50%;
    background:var(--white);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 8px 20px rgba(0,0,0,.15);
    transition:var(--transition);
}

.psh-product-icon i{
    font-size:22px;
    color:var(--primary);
    transition:var(--transition);
}

.psh-product-card:hover .psh-product-icon{
    background:var(--secondary);
    transform:rotate(10deg) scale(1.08);
}

.psh-product-card:hover .psh-product-icon i{
    color:var(--white);
}

/*=====================================
OPTIONAL OVERLAY
======================================*/

.psh-product-image::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.15),
        transparent
    );
    opacity:0;
    transition:var(--transition);
}

.psh-product-card:hover .psh-product-image::before{
    opacity:1;
}
/*=====================================
SWIPER NAVIGATION
======================================*/

.psh-product-prev,
.psh-product-next{
    width:52px;
    height:52px;
    border-radius:50%;
    background:var(--white);
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:45%;
    transform:translateY(-50%);
    z-index:10;
    cursor:pointer;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
    transition:var(--transition);
}

.psh-product-prev{
    left:-25px;
}

.psh-product-next{
    right:-25px;
}

.psh-product-prev i,
.psh-product-next i{
    font-size:20px;
    color:var(--primary);
    transition:var(--transition);
}

.psh-product-prev:hover,
.psh-product-next:hover{
    background:var(--primary);
    transform:translateY(-50%) scale(1.08);
}

.psh-product-prev:hover i,
.psh-product-next:hover i{
    color:var(--white);
}

/*=====================================
PAGINATION
======================================*/

.psh-product-slider .swiper-pagination{
    bottom:0 !important;
}

.psh-product-slider .swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#d1d5db;
    opacity:1;
    transition:var(--transition);
    margin:0 6px !important;
}

.psh-product-slider .swiper-pagination-bullet-active{
    width:35px;
    border-radius:30px;
    background:var(--secondary);
}

/*=====================================
CARD TITLE HOVER
======================================*/

.psh-product-card:hover h3{
    color:#fff;
}

/*=====================================
IMAGE SHINE EFFECT
======================================*/

.psh-product-image::after{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:70%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.35),
        transparent
    );
    transform:skewX(-25deg);
}

.psh-product-card:hover .psh-product-image::after{
    left:150%;
    transition:.9s;
}

/*=====================================
DECORATIVE BACKGROUND
======================================*/

.psh-products-section::before{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    background:rgba(12,59,145,.04);
    border-radius:50%;
    top:-120px;
    right:-120px;
}

.psh-products-section::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    background:rgba(255,107,0,.05);
    border-radius:50%;
    left:-100px;
    bottom:-100px;
}

/*=====================================
SWIPER FIX
======================================*/

.psh-product-slider{
    overflow:hidden;
}

.psh-product-slider .swiper-wrapper{
    align-items:stretch;
}

.psh-product-slider .swiper-slide{
    display:flex;
    height:auto;
}

.psh-product-card{
    width:100%;
}

/*=====================================
FOCUS ACCESSIBILITY
======================================*/

.psh-product-prev:focus,
.psh-product-next:focus{
    outline:2px solid var(--secondary);
    outline-offset:4px;
}

/*=====================================
SMOOTH TRANSITIONS
======================================*/

.psh-product-card,
.psh-product-image img,
.psh-product-icon,
.psh-product-bottom,
.psh-product-prev,
.psh-product-next{
    transition:all .35s ease;
}
/*=====================================
PRODUCT SECTION RESPONSIVE
======================================*/

/*==========================
1200px
==========================*/

@media (max-width:1200px){

    .psh-products-section{
        padding:90px 0;
    }

    .psh-section-heading h2{
        font-size:38px;
    }

    .psh-product-image img{
        height:220px;
    }

    .psh-product-prev{
        left:0;
    }

    .psh-product-next{
        right:0;
    }

}

/*==========================
992px
==========================*/

@media (max-width:992px){

    .psh-products-section{
        padding:80px 0;
    }

    .psh-section-heading{
        margin-bottom:45px;
    }

    .psh-section-heading h2{
        font-size:34px;
    }

    .psh-product-bottom{
        padding:20px 18px 20px 65px;
    }

    .psh-product-bottom h3{
        font-size:17px;
    }

    .psh-product-icon{
        width:46px;
        height:46px;
        top:-20px;
    }

    .psh-product-icon i{
        font-size:20px;
    }

}

/*==========================
768px
==========================*/

@media (max-width:768px){

    .psh-products-section{
        padding:70px 0;
    }

    .psh-section-heading h2{
        font-size:30px;
    }

    .psh-section-heading span{
        font-size:14px;
    }

    .psh-product-image img{
        height:240px;
    }

    .psh-product-bottom{
        min-height:80px;
        padding:18px 18px 18px 60px;
    }

    .psh-product-bottom h3{
        font-size:16px;
    }

    .psh-product-prev,
    .psh-product-next{
        width:45px;
        height:45px;
    }

    .psh-product-prev i,
    .psh-product-next i{
        font-size:18px;
    }

}

/*==========================
576px
==========================*/

@media (max-width:576px){

    .psh-products-section{
        padding:60px 0;
    }

    .psh-section-heading{
        margin-bottom:35px;
    }

    .psh-section-heading h2{
        font-size:27px;
    }

    .psh-product-image img{
        height:220px;
    }

    .psh-product-bottom{
        padding:18px 18px 18px 58px;
    }

    .psh-product-bottom h3{
        font-size:15px;
        line-height:1.5;
    }

    .psh-product-icon{
        width:44px;
        height:44px;
        left:15px;
    }

    .psh-product-icon i{
        font-size:18px;
    }

    /* Hide arrows on mobile */

    .psh-product-prev,
    .psh-product-next{
        display:none;
    }

}

/*==========================
480px
==========================*/

@media (max-width:480px){

    .psh-products-section{
        padding:50px 0;
    }

    .psh-section-heading h2{
        font-size:24px;
    }

    .psh-section-heading span{
        font-size:13px;
    }

    .psh-product-card{
        border-radius:12px;
    }

    .psh-product-image img{
        height:200px;
    }

    .psh-product-bottom{
        padding:16px 16px 16px 55px;
    }

    .psh-product-bottom h3{
        font-size:14px;
    }

    .psh-product-icon{
        width:40px;
        height:40px;
    }

    .psh-product-icon i{
        font-size:17px;
    }

}

/*==========================
375px
==========================*/

@media (max-width:375px){

    .psh-products-section{
        padding:45px 0;
    }

    .psh-section-heading h2{
        font-size:22px;
    }

    .psh-product-image img{
        height:185px;
    }

    .psh-product-bottom{
        padding:15px 15px 15px 52px;
        min-height:75px;
    }

    .psh-product-bottom h3{
        font-size:13px;
    }

    .psh-product-icon{
        width:38px;
        height:38px;
        top:-18px;
    }

    .psh-product-icon i{
        font-size:16px;
    }

    .psh-product-slider{
        padding-bottom:55px;
    }

    .psh-product-slider .swiper-pagination-bullet{
        width:10px;
        height:10px;
    }

    .psh-product-slider .swiper-pagination-bullet-active{
        width:28px;
    }

}
/*=====================================
WHY CHOOSE US SECTION
======================================*/

.psh-why-section{
    position:relative;
    padding:50px 0;
    background:#081b36;
    overflow:hidden;
}

.psh-why-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        rgba(8,27,54,.88),
        rgba(8,27,54,.88)
    );
}

.psh-why-section .psh-container{
    position:relative;
    z-index:2;
}

/*=====================================
LAYOUT
======================================*/

.psh-why-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

/*=====================================
IMAGE
======================================*/

.psh-why-image{
    position:relative;
}

.psh-why-image img{
    width:100%;
    max-width:620px;
    display:block;
    margin:auto;
    transition:.5s ease;
}

.psh-why-image:hover img{
    transform:scale(1.04);
}

/*=====================================
CONTENT
======================================*/

.psh-why-content{
    color:var(--white);
}

.psh-why-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:10px;
    color:var(--secondary);
    font-size:15px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.8px;
}

.psh-why-tag i{
    font-size:18px;
}

.psh-why-content h2{
    font-family:var(--heading-font);
    font-size:30px;
    line-height:1.25;
    color:var(--white);
    margin-bottom:20px;
}

.psh-why-content h2 span{
    color:#2d8cff;
}

/*=====================================
FEATURE GRID
======================================*/

.psh-why-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px 40px;
}

/*=====================================
FEATURE ITEM
======================================*/

.psh-why-item{
    display:flex;
    align-items:flex-start;
    gap:14px;
    transition:.35s ease;
}

.psh-why-item i{
    width:30px;
    height:30px;
    min-width:30px;
    border-radius:50%;
    background:var(--secondary);
    color:var(--white);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    transition:.35s ease;
}

.psh-why-item span{
    color:rgba(255,255,255,.92);
    font-size:14px;
    line-height:1.6;
    font-weight:500;
}

.psh-why-item:hover{
    transform:translateX(8px);
}

.psh-why-item:hover i{
    transform:rotate(360deg);
    background:var(--primary);
}

/*=====================================
BUTTON
======================================*/

.psh-why-btn{
    margin-top:45px;
}

.psh-why-btn .psh-primary-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    background:var(--secondary);
    color:var(--white);
    padding:16px 34px;
    border-radius:6px;
    font-size:15px;
    font-weight:600;
    text-transform:uppercase;
    transition:.35s ease;
}

.psh-why-btn .psh-primary-btn:hover{
    background:var(--primary);
    transform:translateY(-4px);
}

.psh-why-btn .psh-primary-btn i{
    transition:.35s ease;
}

.psh-why-btn .psh-primary-btn:hover i{
    transform:translateX(6px);
}

/*=====================================
DECORATION
======================================*/

.psh-why-section::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    background:rgba(255,255,255,.03);
    top:-120px;
    right:-120px;
}
/*=====================================
WHY CHOOSE US RESPONSIVE
======================================*/

/*==========================
1200px
==========================*/

@media (max-width:1200px){

    .psh-why-wrapper{
        gap:50px;
    }

    .psh-why-content h2{
        font-size:38px;
    }

    .psh-why-image img{
        max-width:540px;
    }

    .psh-why-features{
        gap:20px 25px;
    }

}

/*==========================
992px
==========================*/

@media (max-width:992px){

    .psh-why-section{
        padding:80px 0;
    }

    .psh-why-wrapper{
        grid-template-columns:1fr;
        gap:50px;
    }

    .psh-why-image{
        text-align:center;
        order:1;
    }

    .psh-why-content{
        order:2;
        text-align:center;
    }

    .psh-why-tag{
        justify-content:center;
    }

    .psh-why-features{
        max-width:700px;
        margin:auto;
    }

    .psh-why-btn{
        text-align:center;
    }

}

/*==========================
768px
==========================*/

@media (max-width:768px){

    .psh-why-section{
        padding:70px 0;
    }

    .psh-why-content h2{
        font-size:32px;
    }

    .psh-why-features{
        grid-template-columns:1fr;
        gap:18px;
        text-align:left;
    }

    .psh-why-item{
        justify-content:flex-start;
    }

    .psh-why-image img{
        max-width:460px;
    }

    .psh-why-btn .psh-primary-btn{
        width:100%;
        justify-content:center;
    }

}

/*==========================
576px
==========================*/

@media (max-width:576px){

    .psh-why-section{
        padding:60px 0;
    }

    .psh-why-tag{
        font-size:13px;
    }

    .psh-why-content h2{
        font-size:28px;
        line-height:1.35;
    }

    .psh-why-item span{
        font-size:15px;
    }

    .psh-why-item i{
        width:30px;
        height:30px;
        min-width:30px;
        font-size:14px;
    }

}

/*==========================
480px
==========================*/

@media (max-width:480px){

    .psh-why-section{
        padding:50px 0;
    }

    .psh-why-content h2{
        font-size:25px;
    }

    .psh-why-image img{
        max-width:100%;
    }

    .psh-why-item{
        gap:10px;
    }

    .psh-why-item span{
        font-size:14px;
        line-height:1.6;
    }

    .psh-why-btn .psh-primary-btn{
        padding:15px 22px;
        font-size:14px;
    }

}

/*==========================
375px
==========================*/

@media (max-width:375px){

    .psh-why-section{
        padding:45px 0;
    }

    .psh-why-content h2{
        font-size:22px;
    }

    .psh-why-tag{
        font-size:12px;
    }

    .psh-why-item span{
        font-size:13px;
    }

    .psh-why-item i{
        width:28px;
        height:28px;
        min-width:28px;
        font-size:13px;
    }

    .psh-why-btn .psh-primary-btn{
        font-size:13px;
        padding:14px 18px;
    }

}

/*=====================================
PROCESS SECTION
======================================*/

.psh-process-section{
    padding:50px 0;
    background:var(--white);
    overflow:hidden;
    position:relative;
}

.psh-process-heading{
    text-align:center;
    margin-bottom:70px;
}

.psh-process-heading span{
    display:inline-block;
    color:var(--primary);
    font-size:15px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:12px;
}

.psh-process-heading h2{
    font-size:30px;
    font-family:var(--heading-font);
    color:var(--heading);
    font-weight:700;
}

/*=====================================
PROCESS WRAPPER
======================================*/

.psh-process-wrapper{

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:12px;

}

/*=====================================
PROCESS CARD
======================================*/

.psh-process-card{

    flex:1;

    text-align:center;

    position:relative;

    transition:.35s ease;

}

.psh-process-card:hover{

    transform:translateY(-8px);

}

/*=====================================
ICON
======================================*/

.psh-process-icon{

    width:70px;

    height:70px;

    border-radius:50%;

    margin:auto;

    background:var(--primary);

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s ease;

    box-shadow:0 15px 35px rgba(12,59,145,.18);

}

.psh-process-icon i{

    font-size:30px;

    color:var(--white);

    transition:.35s ease;

}

.psh-process-card:hover .psh-process-icon{

    background:var(--secondary);

    transform:scale(1.08);

}

.psh-process-card:hover .psh-process-icon i{

    transform:rotate(15deg);

}

/*=====================================
NUMBER
======================================*/

.psh-process-number{

    display:block;

    margin:18px 0 10px;

    font-size:20px;

    font-weight:700;

    color:var(--primary);

    font-family:var(--heading-font);

}

/*=====================================
TITLE
======================================*/

.psh-process-card h3{

    font-size:18px;

    color:var(--heading);

    line-height:1.6;

    font-weight:600;

    max-width:180px;

    margin:auto;

}

/*=====================================
ARROW
======================================*/

.psh-process-arrow{

    display:flex;

    align-items:center;

    justify-content:center;

    color:var(--secondary);

    font-size:28px;

    margin-top:28px;

    animation:pshArrowMove 1.5s infinite;

}

@keyframes pshArrowMove{

    0%{

        transform:translateX(0);

    }

    50%{

        transform:translateX(8px);

    }

    100%{

        transform:translateX(0);

    }

}

/*=====================================
HOVER TITLE
======================================*/

.psh-process-card:hover h3{

    color:var(--primary);

}

/*=====================================
DECORATION
======================================*/

.psh-process-section::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(12,59,145,.04);

    top:-100px;

    left:-100px;

}

.psh-process-section::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

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

    bottom:-80px;

    right:-80px;

}

/*=====================================
SMOOTH
======================================*/

.psh-process-card,
.psh-process-icon,
.psh-process-icon i,
.psh-process-card h3{

    transition:.35s ease;

}
/*=====================================
PROCESS SECTION RESPONSIVE
======================================*/


/*=====================================
TABLET
======================================*/

@media (max-width:991px){

    .psh-process-section{

        padding:80px 0;

    }

    .psh-process-heading{

        margin-bottom:50px;

    }

    .psh-process-heading h2{

        font-size:34px;

        line-height:1.3;

    }

    .psh-process-wrapper{

        display:grid;

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

        gap:35px 20px;

    }

    .psh-process-arrow{

        display:none;

    }

    .psh-process-card{

        background:#fff;

        border-radius:12px;

        padding:25px 18px;

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

    }

    .psh-process-icon{

        width:80px;

        height:80px;

    }

    .psh-process-icon i{

        font-size:34px;

    }

    .psh-process-number{

        font-size:26px;

    }

    .psh-process-card h3{

        font-size:17px;

        max-width:100%;

    }

}


/*=====================================
MOBILE
======================================*/

@media (max-width:767px){

    .psh-process-section{

        padding:60px 0;

    }

    .psh-process-heading{

        margin-bottom:40px;

    }

    .psh-process-heading span{

        font-size:13px;

    }

    .psh-process-heading h2{

        font-size:28px;

        line-height:1.4;

    }

    .psh-process-wrapper{

        display:flex;

        flex-direction:column;

        gap:0;

    }

    .psh-process-card{

        position:relative;
        width: 100%;

        display:flex;

        align-items:center;

        gap:18px;

        text-align:left;

        padding:22px;

        background:#fff;

        border-radius:12px;

        box-shadow:0 10px 25px rgba(0,0,0,.08);

        margin-bottom:45px;

    }

    .psh-process-card:last-child{

        margin-bottom:0;

    }

    .psh-process-icon{

        width:65px;

        height:65px;

        min-width:65px;
        margin: 0px;

    }

    .psh-process-icon i{

        font-size:28px;

    }

    .psh-process-number{

        position:absolute;

        top:12px;

        right:18px;

        margin:0;

        font-size:18px;

    }

    .psh-process-card h3{

        font-size:16px;

        max-width:220px;

        margin:0;

    }

    .psh-process-arrow{

        display:flex;

        justify-content:center;

        align-items:center;

        margin:-20px auto 22px;

        font-size:26px;

        color:var(--secondary);

        transform:rotate(90deg);

        animation:pshProcessDown 1.2s infinite;

    }

    .psh-process-arrow:last-child{

        display:none;

    }

}


/*=====================================
DOWN ARROW
======================================*/

@keyframes pshProcessDown{

    0%{

        transform:rotate(90deg) translateX(0);

    }

    50%{

        transform:rotate(90deg) translateX(8px);

    }

    100%{

        transform:rotate(90deg) translateX(0);

    }

}
/*=====================================
TESTIMONIAL SECTION
======================================*/

.psh-testimonial-section{
    padding:50px 0;
    background:#f8fbff;
    position:relative;
    overflow:hidden;
}

.psh-testimonial-heading{
    text-align:center;
    margin-bottom:60px;
}

.psh-testimonial-heading span{
    display:inline-block;
    color:var(--primary);
    font-size:30px;
    font-weight:600;
    /* text-transform:uppercase; */
    letter-spacing:1px;
    margin-bottom:12px;
}

.psh-testimonial-heading h2{
    font-family:var(--heading-font);
    font-size:42px;
    font-weight:700;
    color:var(--heading);
    line-height:1.2;
}

.psh-testimonial-heading h2 span{
    color:var(--primary);
}

/*=====================================
SWIPER
======================================*/

.psh-testimonial-slider{
    position:relative;
    padding-bottom:70px;
}

.psh-testimonial-slider .swiper-slide{
    height:auto;
}

/*=====================================
CARD
======================================*/

.psh-testimonial-card{

    background:var(--white);

    border-radius:18px;

    padding:30px;

    height:100%;

    border:1px solid rgba(12,59,145,.08);

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

    transition:.35s ease;

}

.psh-testimonial-card:hover{

    transform:translateY(-10px);

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

}

/*=====================================
QUOTE
======================================*/

.psh-testimonial-quote{

    margin-bottom:18px;

}

.psh-testimonial-quote i{

    font-size:42px;

    color:var(--primary);

}

/*=====================================
STARS
======================================*/

.psh-testimonial-stars{

    display:flex;

    align-items:center;

    gap:5px;

    margin-bottom:22px;

}

.psh-testimonial-stars i{

    color:#ffc107;

    font-size:18px;

}

/*=====================================
TEXT
======================================*/

.psh-testimonial-card p{

    font-size:16px;

    line-height:1.9;

    color:var(--text);

    margin-bottom:28px;

    min-height:145px;

}

/*=====================================
USER
======================================*/

.psh-testimonial-user{

    display:flex;

    align-items:center;

    gap:15px;

    border-top:1px solid rgba(0,0,0,.08);

    padding-top:20px;

}

.psh-testimonial-user img{

    width:60px;

    height:60px;

    border-radius:50%;

    object-fit:cover;

    border:3px solid var(--primary);

}

.psh-testimonial-user h4{

    font-size:18px;

    color:var(--heading);

    font-weight:600;

    margin-bottom:4px;

}

.psh-testimonial-user span{

    font-size:15px;

    color:var(--primary);

    font-weight:500;

}

/*=====================================
CARD HOVER
======================================*/

.psh-testimonial-card:hover .psh-testimonial-user img{

    transform:scale(1.08);

}

.psh-testimonial-user img{

    transition:.35s ease;

}

/*=====================================
SECTION DECORATION
======================================*/

.psh-testimonial-section::before{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    border-radius:50%;

    background:rgba(12,59,145,.04);

    top:-120px;

    left:-120px;

}

.psh-testimonial-section::after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

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

    bottom:-100px;

    right:-100px;

}
/*=====================================
TESTIMONIAL NAVIGATION
======================================*/

.psh-testimonial-prev,
.psh-testimonial-next{

    position:absolute;

    top:45%;

    transform:translateY(-50%);

    width:52px;

    height:52px;

    border-radius:50%;

    background:var(--white);

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    z-index:10;

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

    transition:.35s ease;

}

.psh-testimonial-prev{

    left:-26px;

}

.psh-testimonial-next{

    right:-26px;

}

.psh-testimonial-prev i,
.psh-testimonial-next i{

    font-size:20px;

    color:var(--primary);

    transition:.35s ease;

}

.psh-testimonial-prev:hover,
.psh-testimonial-next:hover{

    background:var(--primary);

    transform:translateY(-50%) scale(1.08);

}

.psh-testimonial-prev:hover i,
.psh-testimonial-next:hover i{

    color:var(--white);

}

/*=====================================
PAGINATION
======================================*/

.psh-testimonial-slider .swiper-pagination{

    bottom:0 !important;

}

.psh-testimonial-slider .swiper-pagination-bullet{

    width:12px;

    height:12px;

    background:#d1d5db;

    opacity:1;

    margin:0 6px !important;

    transition:.35s ease;

}

.psh-testimonial-slider
.swiper-pagination-bullet-active{

    width:34px;

    border-radius:30px;

    background:var(--secondary);

}

/*=====================================
QUOTE HOVER
======================================*/

.psh-testimonial-card:hover
.psh-testimonial-quote i{

    color:var(--secondary);

    transform:rotate(-12deg);

}

.psh-testimonial-quote i{

    transition:.35s ease;

}

/*=====================================
STAR HOVER
======================================*/

.psh-testimonial-card:hover
.psh-testimonial-stars i{

    transform:scale(1.15);

}

.psh-testimonial-stars i{

    transition:.35s ease;

}

/*=====================================
SHINE EFFECT
======================================*/

.psh-testimonial-card{

    position:relative;

    overflow:hidden;

}

.psh-testimonial-card::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:60%;

    height:100%;

    background:linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.45),

        transparent

    );

    transform:skewX(-25deg);

}

.psh-testimonial-card:hover::before{

    left:160%;

    transition:.9s;

}

/*=====================================
BORDER EFFECT
======================================*/

.psh-testimonial-card:hover{

    border-color:rgba(12,59,145,.18);

}

/*=====================================
SWIPER FIX
======================================*/

.psh-testimonial-slider{

    overflow:hidden;

}

.psh-testimonial-slider
.swiper-wrapper{

    align-items:stretch;

}

.psh-testimonial-slider
.swiper-slide{

    display:flex;

    height:auto;

}

.psh-testimonial-card{

    width:100%;

}

/*=====================================
FOCUS
======================================*/

.psh-testimonial-prev:focus,
.psh-testimonial-next:focus{

    outline:2px solid var(--secondary);

    outline-offset:4px;

}

/*=====================================
SMOOTH
======================================*/

.psh-testimonial-card,
.psh-testimonial-prev,
.psh-testimonial-next,
.psh-testimonial-user img,
.psh-testimonial-quote i,
.psh-testimonial-stars i{

    transition:all .35s ease;

}
/*=====================================
TESTIMONIAL RESPONSIVE
======================================*/


/*=====================================
TABLET
======================================*/

@media (max-width:991px){

    .psh-testimonial-section{

        padding:80px 0;

    }

    .psh-testimonial-heading{

        margin-bottom:45px;

    }

    .psh-testimonial-heading h2{

        font-size:34px;

    }

    .psh-testimonial-card{

        padding:25px;

    }

    .psh-testimonial-card p{

        min-height:120px;

        font-size:15px;

        line-height:1.8;

    }

    .psh-testimonial-user img{

        width:55px;

        height:55px;

    }

    .psh-testimonial-user h4{

        font-size:17px;

    }

    .psh-testimonial-user span{

        font-size:14px;

    }

    .psh-testimonial-prev{

        left:0;

    }

    .psh-testimonial-next{

        right:0;

    }

}


/*=====================================
MOBILE
======================================*/

@media (max-width:767px){

    .psh-testimonial-section{

        padding:60px 0;

    }

    .psh-testimonial-heading{

        margin-bottom:35px;

    }

    .psh-testimonial-heading span{

        font-size:13px;

    }

    .psh-testimonial-heading h2{

        font-size:28px;

        line-height:1.4;

    }

    .psh-testimonial-card{

        padding:22px;

    }

    .psh-testimonial-quote{

        margin-bottom:15px;

    }

    .psh-testimonial-quote i{

        font-size:34px;

    }

    .psh-testimonial-stars{

        margin-bottom:18px;

    }

    .psh-testimonial-stars i{

        font-size:16px;

    }

    .psh-testimonial-card p{

        font-size:14px;

        line-height:1.8;

        min-height:auto;

        margin-bottom:22px;

    }

    .psh-testimonial-user{

        gap:12px;

        padding-top:18px;

    }

    .psh-testimonial-user img{

        width:50px;

        height:50px;

    }

    .psh-testimonial-user h4{

        font-size:16px;

    }

    .psh-testimonial-user span{

        font-size:13px;

    }

    /* Hide Navigation */

    .psh-testimonial-prev,

    .psh-testimonial-next{

        display:none;

    }

    .psh-testimonial-slider{

        padding-bottom:55px;

    }

    .psh-testimonial-slider .swiper-pagination-bullet{

        width:10px;

        height:10px;

    }

    .psh-testimonial-slider .swiper-pagination-bullet-active{

        width:28px;

    }

}
/*=====================================
CTA SECTION
======================================*/

.psh-cta-section{
    padding:0px 0;
    background:#ffffff;
}

.psh-cta-wrapper{

    display:flex;

    align-items:center;

    justify-content:space-between;

    background:var(--primary);

    border-radius:10px;

    overflow:hidden;

    position:relative;

    min-height:180px;

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

}


/*=====================================
LEFT SIDE
======================================*/

.psh-cta-left{

    width:48%;

    background:var(--secondary);

    color:#fff;

    padding:18px 27px;

    position:relative;

    z-index:2;

}

/* Orange Arrow */

.psh-cta-left::after{

    content:"";

    position:absolute;

    top:0;

    right:-90px;

    width:0;

    height:0;

    border-top:90px solid transparent;

    border-bottom:90px solid transparent;

    border-left:90px solid var(--secondary);

}

/*=====================================
TEXT
======================================*/

.psh-cta-subtitle{

    display:block;

    font-size:15px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:12px;

    color:#fff;

}

.psh-cta-left h2{

    font-family:var(--heading-font);

    font-size:30px;

    line-height:1.2;

    font-weight:700;

    margin-bottom:15px;

    color:#fff;

}

.psh-cta-left p{

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

    font-size:15px;

    line-height:1.8;

}


/*=====================================
RIGHT SIDE
======================================*/

.psh-cta-right{

    width:52%;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:25px;

    padding:25px 35px;

    position:relative;

    z-index:3;

}


/*=====================================
BUTTON
======================================*/

.psh-cta-btn{

    width:260px;

    height:68px;

    background:#fff;

    border-radius:8px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    font-size:16px;

    font-weight:600;

    transition:.35s;

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

}

.psh-cta-btn i{

    font-size:20px;

    transition:.35s;

}


/*=====================================
REQUEST BUTTON
======================================*/

.psh-quote-btn{

    color:var(--primary);

}

.psh-quote-btn:hover{

    background:#eef5ff;

    transform:translateY(-5px);

}

.psh-quote-btn:hover i{

    transform:translateX(6px);

}


/*=====================================
WHATSAPP
======================================*/

.psh-whatsapp-btn{

    color:#111;

}

.psh-whatsapp-btn .bi-whatsapp{

    color:#25D366;

    font-size:24px;

}

.psh-whatsapp-btn:hover{

    background:#25D366;

    color:#fff;

    transform:translateY(-5px);

}

.psh-whatsapp-btn:hover .bi-whatsapp{

    color:#fff;

}


/*=====================================
SMOOTH
======================================*/

.psh-cta-btn,
.psh-cta-btn i,
.psh-cta-left{

    transition:all .35s ease;

}
/*=====================================
CTA SECTION RESPONSIVE
======================================*/


/*=====================================
TABLET
======================================*/

@media (max-width:991px){

    

    .psh-cta-wrapper{

        flex-direction:column;

    }

    .psh-cta-left{

        width:100%;

        text-align:center;

        padding:45px 35px;

    }

    .psh-cta-left::after{

        display:none;

    }

    .psh-cta-left h2{

        font-size:34px;

    }

    .psh-cta-left p{

        max-width:600px;

        margin:0 auto;

    }

    .psh-cta-right{

        width:100%;

        justify-content:center;

        flex-wrap:wrap;

        gap:20px;

        padding:35px;

    }

    .psh-cta-btn{

        width:260px;

    }

}


/*=====================================
MOBILE
======================================*/

@media (max-width:767px){

   

    .psh-cta-wrapper{

        border-radius:10px;

    }

    .psh-cta-left{

        padding:35px 22px;

    }

    .psh-cta-subtitle{

        font-size:13px;

    }

    .psh-cta-left h2{

        font-size:26px;

        line-height:1.35;

    }

    .psh-cta-left p{

        font-size:14px;

        line-height:1.8;

    }

    .psh-cta-right{

        flex-direction:column;

        padding:25px 20px;

        gap:15px;

    }

    .psh-cta-btn{

        width:100%;

        height:60px;

        font-size:15px;

        border-radius:8px;

    }

    .psh-cta-btn i{

        font-size:18px;

    }

}
/*==============================
    ABOUT BANNER
==============================*/

.about-banner{
    position: relative;
    background: linear-gradient(rgba(7,22,45,.88), rgba(7,22,45,.88)),
    url("../images/about-bg.jpg") center center/cover no-repeat;
    padding: 90px 0;
    overflow: hidden;
    background-color: var(--primary);
}

.container{
    width:100%;
    max-width:1300px;
    margin:auto;
    padding:0 15px;
}

.about-banner .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:70px;
}

/*==============================
        LEFT
==============================*/

.about-content{
    width:50%;
    color:var(--white);
}

.about-small{
    display:inline-block;
    font-size:14px;
    margin-bottom:18px;
    color:#d9d9d9;
    font-family:var(--body-font);
}

.about-small strong{
    color:var(--white);
}

.about-content h2{
    font-size:35px;
    line-height:1.1;
    font-family:var(--heading-font);
    font-weight:700;
    margin-bottom:15px;
    color:var(--white);
}   

.about-content h2 span{
    color:var(--secondary);
}

.about-content h4{
    font-size:18px;
    font-weight:600;
    margin-bottom:22px;
    color:var(--white);
    font-family:var(--heading-font);
}

.about-content p{
    color:#d1d5db;
    line-height:1.9;
    font-size:16px;
    max-width:600px;
    margin-bottom:40px;
}

/*==============================
      COUNTERS
==============================*/

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

.counter-box{
    flex:1;
    /* min-width:130px; */
    text-align:center;
}
.counter-box .icon{
    width:50px;
    height:50px;
    margin:auto;
    border-radius:50%;
    border:2px solid rgba(255,255,255,.15);
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.04);
    color:var(--secondary);
    font-size:20px;
    margin-bottom:18px;
    transition:var(--transition);
}

.counter-box:hover .icon{
    background:var(--secondary);
    color:var(--white);
    transform:translateY(-8px);
}

.counter-box h3{
    color:var(--white);
    font-size:17px;
    font-weight:500;
    margin-bottom:8px;
    font-family:var(--heading-font);
}

.counter-box span{
    color:#d9d9d9;
    font-size:14px;
    line-height:1.5;
    display:block;
}
/*====================================
TABLET
====================================*/

@media (max-width:991px){

    .about-counter{

        justify-content:center;
        gap:35px 20px;

    }

    .counter-box{

        flex:0 0 calc(50% - 20px);

    }

}


/*====================================
MOBILE
====================================*/

@media (max-width:576px){

    .about-counter{

        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:30px 15px;

    }

    .counter-box{

        flex:unset;

    }

    .counter-box .icon{

        width:60px;
        height:60px;

        font-size:22px;

        margin-bottom:15px;

    }

    .counter-box h3{

        font-size:20px;

        font-weight:700;

        margin-bottom:8px;

    }

    .counter-box span{

        font-size:16px;

        line-height:1.5;

    }

}


/*====================================
SMALL MOBILE
====================================*/

@media (max-width:380px){

    .about-counter{

        gap:25px 10px;

    }

    .counter-box .icon{

        width:52px;
        height:52px;

        font-size:18px;

    }

    .counter-box h3{

        font-size:20px;

    }

    .counter-box span{

        font-size:14px;

    }

}

/*==============================
        RIGHT IMAGE
==============================*/

.about-image{
    width:50%;
    display:flex;
    justify-content:flex-end;
}

.image-frame{
    position:relative;
    width:100%;
    max-width:600px;
    padding:12px;
    border:4px solid var(--secondary);
    background:#fff;
    overflow:hidden;

    clip-path:polygon(
    12% 0,
    100% 0,
    100% 85%,
    88% 100%,
    0 100%,
    0 15%
    );

    box-shadow:var(--shadow);
}

.image-frame img{
    width:100%;
    display:block;
    height:100%;
    object-fit:cover;

    clip-path:polygon(
    12% 0,
    100% 0,
    100% 85%,
    88% 100%,
    0 100%,
    0 15%
    );
}

/*==============================
     IMAGE SHADOW
==============================*/

.image-frame::after{
    content:"";
    position:absolute;
    left:-20px;
    bottom:-25px;
    width:95%;
    height:30px;
    background:rgba(0,0,0,.30);
    filter:blur(18px);
    z-index:-1;
}
/* --------------------------------------------------- WHO ARE YOU PART 1 CSS ------------------------------------------*/
/*============================
      ABOUT SECTION
============================*/

.about-company{
    padding:50px 0;
    background:#fff;
}

.container{
    width:90%;
    max-width:1300px;
    margin:auto;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:60px;
}

/* Left */

.about-content{
    width:48%;
}

.sub-title{
    color:#f57c00;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.about-company-h2{
    font-size:30px !important;
    line-height:1.2 !important;
    margin:15px 0 20px  !important;
    color:#173d7a !important;
    font-weight:700;
}


.about-company-p{
    font-size:16px;
    line-height:30px;
    color:#666 !important;
    margin-bottom:15px !important;
}

.discover-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:15px;
    background:#154a9a;
    color:#fff;
    padding:15px 30px;
    text-decoration:none;
    border-radius:5px;
    font-size:14px;
    font-weight:600;
    transition:.3s;
}

.discover-btn:hover{
    background:#f57c00;
}

/* Right */

.about-gallery{
    width:52%;
    position:relative;
}

.big-img img{
    width:100%;
    height:250px;
    object-fit:cover;
    border-radius:10px;
}

.small-gallery{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
    margin-top:15px;
}

.img-box img{
    width:100%;
    height:140px;
    object-fit:cover;
    border-radius:8px;
}

/* Dots */

.dots{
    position:absolute;
    top:-15px;
    right:-20px;
    width:120px;
    height:150px;

    background-image: radial-gradient(#d8d8d8 1.5px, transparent 1.5px);
    background-size:12px 12px;
    z-index:-1;
}


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

@media(max-width:992px){

.container{
    flex-direction:column;
}

.about-content,
.about-gallery{
    width:100%;
}


.about-content h2{
    font-size:35px;
}

.big-img img{
    height:220px;
}

}

@media(max-width:768px){

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

.about-image{
    width:100%;
    display:flex;
    justify-content:flex-end;
}

.about-content h2{
    font-size:30px;
}

.about-content p{
    font-size:15px;
    line-height:28px;
}

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

.small-gallery .img-box:last-child{
    grid-column:1/3;
}

.big-img img{
    height:220px;
}

}

@media(max-width:576px){

.about-content h2{
    font-size:26px;
}

.small-gallery{
    grid-template-columns:1fr;
}

.small-gallery .img-box:last-child{
    grid-column:auto;
}

.big-img img{
    height:200px;
}

.img-box img{
    height:180px;
}

.discover-btn{
    width:100%;
    justify-content:center;
}

}

/* ---------------------------------------------------WHO ARE YOU PART 2 *--------------------------------------------------------/

/*=================================
        Mission Vision
=================================*/

.mv-section{

    width:100%;
    padding:50px 0;
    background:#fff;

}

.mv-wrapper{

    width:90%;
    max-width:1200px;
    margin:auto;

}


/*=========================
      Counter
=========================*/

.mv-counter-box{

    display:grid;
    grid-template-columns:repeat(5,1fr);
    background:#0d2e63;
    border-radius:10px;
    overflow:hidden;
    margin-bottom:60px;

}

.mv-counter-item{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:22px 15px;
    border-right:1px solid rgba(255,255,255,.15);

}

.mv-counter-item:last-child{

    border-right:none;

}

.mv-counter-item img{

    width:34px;

}

.mv-counter-item h3{

    color:#fff;
    font-size:24px;
    margin-bottom:4px;

}

.mv-counter-item span{

    color:#fff;
    font-size:13px;

}


/*=========================
      Bottom
=========================*/

.mv-content-box{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;

}

.mv-card{

    text-align:center;
    padding:0 20px;
    border-right:1px solid #ddd;

}

.mv-card:last-child{

    border-right:none;

}

.mv-title{

    display:block;
    color:#ff7a00;
    font-size:14px;
    font-weight:700;
    margin-bottom:20px;

}

.mv-title.blue{

    color:#173d7a;

}

.mv-title.orange{

    color:#ff7a00;

}

.mv-card img{

    width:70px;
    margin-bottom:20px;

}

.mv-card p{

    color:#666;
    font-size:15px;
    line-height:28px;

}

.mv-card ul{

    list-style:none;
    padding:0;
    margin:0;

}

.mv-card ul li{

    color:#555;
    margin-bottom:16px;
    position:relative;
    padding-left:22px;
    text-align:left;

}

.mv-card ul li::before{

    content:"●";
    position:absolute;
    left:0;
    color:#ff7a00;

}



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

@media(max-width:992px){

.mv-counter-box{

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

}

.mv-counter-item{

    border-right:none;
    border-bottom:1px solid rgba(255,255,255,.15);

}

.mv-content-box{

    grid-template-columns:1fr;

}

.mv-card{

    border-right:none;
    border-bottom:1px solid #eee;
    padding-bottom:35px;

}

.mv-card:last-child{

    border-bottom:none;

}

}


@media(max-width:576px){

.mv-counter-box{

    grid-template-columns:1fr;

}

.mv-counter-item{

    justify-content:flex-start;
    padding:18px;

}

.mv-counter-item h3{

    font-size:22px;

}

.mv-card{

    padding:0;

}

.mv-card img{

    width:60px;

}

.mv-card p{

    font-size:14px;
    line-height:26px;

}

}


/* ----------------------------------OUR STRENGTH PAGE PART 1 --------------------------------------------- */

/*======================================
       PSH STRENGTH SECTION
======================================*/

.psh-strength-section{

    width:100%;
    padding:50px 0;
    background:#082243;

}

.psh-strength-container{

    width:90%;
    max-width:1300px;
    margin:auto;

}

/* Heading */

.psh-strength-heading{

    text-align:center;
    margin-bottom:50px;

}

.psh-strength-heading span{

    display:block;
    color:#ff8a00;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:10px;

}

.psh-strength-heading h2{

    color:#ffffff;
    font-size:30px;
    font-weight:700;

}

.psh-strength-heading strong{

    color:#ff8a00;
    font-weight:700;

}

/* Grid */

.psh-strength-grid{

    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:20px;

}

.psh-strength-item{

    text-align:center;
    padding:10px;

}

.psh-strength-item i{

    font-size:42px;
    color:#ff8a00;
    margin-bottom:18px;
    display:inline-block;

}

.psh-strength-item h4{

    color:#ffffff;
    font-size:16px;
    margin-bottom:12px;
    line-height:24px;
    height:48px;

}

.psh-strength-item p{

    color:#d6dce6;
    font-size:14px;
    line-height:24px;

}


/*=========================
      Tablet
=========================*/

@media(max-width:1100px){

.psh-strength-grid{

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

}

}


/*=========================
      Mobile
=========================*/

@media(max-width:768px){

.psh-strength-section{

    padding:60px 0;

}

.psh-strength-heading h2{

    font-size:28px;

}

.psh-strength-grid{

    grid-template-columns:repeat(2,1fr);
    gap:30px;

}

.psh-strength-item i{

    font-size:38px;

}

}


@media(max-width:576px){

.psh-strength-grid{

    grid-template-columns:1fr;

}

.psh-strength-heading h2{

    font-size:24px;

}

.psh-strength-item{

    padding:15px 10px;

}

.psh-strength-item h4{

    font-size:18px;

}

.psh-strength-item p{

    font-size:14px;

}

}

/* --------------------------------------------------OUR STRENGTH PART 2 ---------------------------------------------------------*/
/*====================================
        INFRASTRUCTURE SECTION
====================================*/

.infra-section{

    width:100%;
    padding:50px 0;
    background:#ffffff;

}

.infra-container{

    width:90%;
    max-width:1250px;
    margin:auto;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:60px;

}

/* Left */

.infra-content{

    width:40%;

}

.infra-subtitle{

    display:block;
    color:#f57c00;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:12px;

}

.infra-content h2{

    font-size:30px;
    color:#183153;
    line-height:1.25;
    margin-bottom:20px;

}

.infra-content p{

    color:#666;
    font-size:16px;
    line-height:28px;
    margin-bottom:25px;

}

/* List */

.infra-list{

    list-style:none;
    padding:0;
    margin:0 0 30px;

}

.infra-list li{

    position:relative;
    padding-left:28px;
    margin-bottom:12px;

    color:#444;
    font-size:15px;

}

.infra-list li::before{

    content:"✔";

    position:absolute;
    left:0;
    color:#2b6ed3;
    font-weight:bold;

}

/* Button */

.infra-btn{

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:15px 28px;

    background:#0d4ca3;

    color:#fff;

    text-decoration:none;

    border-radius:5px;

    font-size:14px;

    font-weight:600;

    transition:.3s;

}

.infra-btn:hover{

    background:#f57c00;

}

/* Right */

.infra-gallery{

    width:60%;

}

.infra-big-image img{

    width:100%;
    height:270px;
    object-fit:cover;
    border-radius:8px;

}

.infra-small-gallery{

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

    gap:15px;

    margin-top:15px;

}

.infra-small-item img{

    width:100%;
    height:150px;
    object-fit:cover;
    border-radius:8px;

}

/*=========================
      Tablet
=========================*/

@media(max-width:992px){

.infra-container{

    flex-direction:column;

}

.infra-content{

    width:100%;

}

.infra-gallery{

    width:100%;

}

.infra-content h2{

    font-size:34px;

}

}

/*=========================
      Mobile
=========================*/

@media(max-width:768px){

.infra-section{

    padding:70px 0;

}

.infra-content h2{

    font-size:30px;

}

.infra-small-gallery{

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

}

.infra-small-gallery .infra-small-item:last-child{

    grid-column:1/3;

}

}

@media(max-width:576px){

.infra-content h2{

    font-size:26px;

}

.infra-content p{

    font-size:14px;

    line-height:26px;

}

.infra-btn{

    width:100%;

    justify-content:center;

}

.infra-small-gallery{

    grid-template-columns:1fr;

}

.infra-small-gallery .infra-small-item:last-child{

    grid-column:auto;

}

.infra-big-image img{

    height:220px;

}

.infra-small-item img{

    height:180px;

}

}


/* -----------------------------OUR GLOBAL PAGE PART 1 ---------------------------- */
/*==================================
      GLOBAL PRESENCE
===================================*/

.global-section{

    width:100%;
    padding:40px 0;

    background:url('/public/frontend/assets/img/global-map-img.jpg') center top/cover no-repeat;

    position:relative;
    background-color: #082243;
    margin-bottom: 30px;

}

.global-section::before{

    content:"";

    position:absolute;

    inset:0;

    background:rgba(5,25,55,.45);

}

.global-container{

    width:90%;

    max-width:1200px;

    margin:auto;

    position:relative;

    z-index:2;

}

.global-content{

    width:38%;

}

.global-subtitle{

    display:block;

    color:#ff8a00;

    font-size:14px;

    font-weight:700;

    margin-bottom:10px;

    text-transform:uppercase;

}

.global-content h2{

    color:#fff;

    font-size:30px;

    line-height:1.25;

    margin-bottom:20px;

}

.global-content p{

    color:#d8d8d8;

    font-size:16px;

    line-height:28px;

    margin-bottom:30px;

}

.global-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:#1358c8;

    color:#fff;

    text-decoration:none;

    padding:15px 28px;

    border-radius:5px;

    transition:.3s;

    font-size:14px;

    font-weight:600;

}

.global-btn:hover{

    background:#ff8a00;

}

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

@media(max-width:992px){

.global-content{

    width:55%;

}

.global-content h2{

    font-size:34px;

}

}

@media(max-width:768px){

.global-section{

    padding:70px 0;

}

.global-content{

    width:100%;

}

.global-content h2{

    font-size:30px;

}

}

@media(max-width:576px){

.global-content h2{

    font-size:25px;

}

.global-content p{

    font-size:14px;

    line-height:25px;

}

.global-btn{

    width:100%;

    justify-content:center;

}

}


/* -------------------------------OUR GLOBAL PART 2 *--------------------------------------------/
/*=================================
        TEAM SECTION
==================================*/

.team-section{

    width:100%;
    padding:40px 0;
    background:#ffffff;

}

.team-container{

    width:90%;
    max-width:1250px;
    margin:auto;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;

}

/* Left */

.team-content{

    width:38%;

}

.team-subtitle{

    display:block;

    color:#f57c00;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    margin-bottom:12px;

}

.team-content h2{

    color:#16294d;

    font-size:30px;

    line-height:1.2;

    margin-bottom:22px;

    font-weight:700;

}

.team-content p{

    color:#666;

    font-size:16px;

    line-height:30px;

    margin-bottom:30px;

}

.team-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:15px 28px;

    background:#0d4ca3;

    color:#fff;

    text-decoration:none;

    border-radius:5px;

    font-size:14px;

    font-weight:600;

    transition:.3s;

}

.team-btn:hover{

    background:#f57c00;

}

/* Right */

.team-image{

    width:62%;

}

.team-image img{

    width:100%;

    height:360px;

    object-fit:cover;

    border-radius:12px;

    display:block;

}

/*=========================
      Tablet
==========================*/

@media(max-width:992px){

.team-container{

    flex-direction:column;

}

.team-content{

    width:100%;

}

.team-image{

    width:100%;

}

.team-content h2{

    font-size:34px;

}

}

/*=========================
      Mobile
==========================*/

@media(max-width:768px){

.team-section{

    padding:70px 0;

}

.team-content h2{

    font-size:30px;

}

.team-image img{

    height:280px;

}

}

@media(max-width:576px){

.team-content h2{

    font-size:26px;

}

.team-content p{

    font-size:15px;

    line-height:28px;

}

.team-btn{

    width:100%;

    justify-content:center;

}

.team-image img{

    height:220px;

}

}
/* contact page  */
/*=====================================
CONTACT SECTION
======================================*/

.psh-contact-section{

    padding:100px 0;

    background:#f8f9fc;

}

.psh-contact-wrapper{

    display:grid;

    grid-template-columns:420px 1fr;

    gap:50px;

    align-items:start;

}


/*=====================================
COMMON HEADING
======================================*/

.psh-contact-heading{

    font-size:30px;

    font-weight:700;

    color:var(--heading);

    margin-bottom:12px;

    /* text-transform:uppercase; */

    line-height:1.2;

}

.psh-contact-heading span{

    color:var(--secondary);

}

.psh-contact-line{

    width:70px;

    height:4px;

    background:var(--secondary);

    border-radius:20px;

    margin-bottom:22px;

}

.psh-contact-text{

    font-size:16px;

    color:var(--text);

    line-height:1.8;

    margin-bottom:35px;

}


/*=====================================
LEFT PANEL
======================================*/

.psh-contact-left{

    position:relative;

}


/*=====================================
CONTACT CARD
======================================*/

.psh-contact-card{

    display:flex;

    align-items:flex-start;

    gap:18px;

    background:var(--white);

    padding:22px;

    margin-bottom:18px;

    border-radius:12px;

    border:1px solid #ececec;

    transition:.35s;

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

}

.psh-contact-card:hover{

    transform:translateY(-6px);

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

}


/*=====================================
ICON
======================================*/

.psh-contact-icon{

    width:68px;

    height:68px;

    min-width:68px;

    border-radius:12px;

    background:var(--primary);

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.psh-contact-icon i{

    font-size:30px;

    color:var(--white);

    transition:.35s;

}

.psh-contact-card:hover .psh-contact-icon{

    background:var(--secondary);

}

.psh-contact-card:hover .psh-contact-icon i{

    transform:scale(1.1);

}


/*=====================================
CARD CONTENT
======================================*/

.psh-contact-content{

    flex:1;

}

.psh-contact-content h4{

    font-size:22px;

    color:var(--heading);

    margin-bottom:8px;

    font-weight:700;

}

.psh-contact-content p{

    font-size:15px;

    color:var(--text);

    line-height:1.8;

}


/*=====================================
RIGHT PANEL
======================================*/

.psh-contact-right{

    background:var(--white);

    padding:35px;

    border-radius:15px;

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

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

.psh-contact-section{

    padding:100px 0;

    background:#f8f9fc;

}

.psh-contact-wrapper{

    display:grid;

    grid-template-columns:600px 1fr;

    gap:50px;

    align-items:start;

}


/*=====================================
COMMON HEADING
======================================*/

.psh-contact-heading{

    font-size:30px;

    font-weight:700;

    color:var(--heading);

    margin-bottom:12px;

    text-transform:uppercase;

    line-height:1.2;

}

.psh-contact-heading span{

    color:var(--secondary);

}

.psh-contact-line{

    width:70px;

    height:4px;

    background:var(--secondary);

    border-radius:20px;

    margin-bottom:22px;

}

.psh-contact-text{

    font-size:16px;

    color:var(--text);

    line-height:1.8;

    margin-bottom:35px;

}


/*=====================================
LEFT PANEL
======================================*/

.psh-contact-left{

    position:relative;

}


/*=====================================
CONTACT CARD
======================================*/

.psh-contact-card{

    display:flex;

    align-items:flex-start;

    gap:18px;

    background:var(--white);

    padding:22px;

    margin-bottom:18px;

    border-radius:12px;

    border:1px solid #ececec;

    transition:.35s;

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

}

.psh-contact-card:hover{

    transform:translateY(-6px);

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

}


/*=====================================
ICON
======================================*/

.psh-contact-icon{

    width:68px;

    height:68px;

    min-width:68px;

    border-radius:12px;

    background:var(--primary);

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.psh-contact-icon i{

    font-size:30px;

    color:var(--white);

    transition:.35s;

}

.psh-contact-card:hover .psh-contact-icon{

    background:var(--secondary);

}

.psh-contact-card:hover .psh-contact-icon i{

    transform:scale(1.1);

}


/*=====================================
CARD CONTENT
======================================*/

.psh-contact-content{

    flex:1;

}

.psh-contact-content h4{

    font-size:18px;

    color:var(--heading);

    margin-bottom:12px;

    font-weight:700;

}

.psh-contact-content p{

    font-size:14px;

    color:var(--text);

    line-height:1.8;

}


/*=====================================
RIGHT PANEL
======================================*/

.psh-contact-right{

    background:var(--white);

    padding:35px;

    border-radius:15px;

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

}


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

/*=====================================
QUOTE FORM
======================================*/

.psh-hero-form{
    background:var(--white);
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 18px 45px rgba(0,0,0,.12);
}

.psh-form-title{
    background:var(--primary);
    color:var(--white);
    text-align:center;
    padding:22px;
    font-size:22px;
    font-weight:700;
    font-family:var(--heading-font);
    text-transform:uppercase;
    letter-spacing:.5px;
}

.psh-hero-form form{
    padding:30px;
}

/*=====================================
INPUTS
======================================*/

.psh-form-group{
    position:relative;
    margin-bottom:10px;
}

.psh-form-group i{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    color:var(--primary);
    font-size:16px;
}

.psh-form-group input,
.psh-form-group select,
.psh-form-group textarea{
    width:100%;
    padding:15px 18px 15px 48px;
    border:1px solid var(--border);
    outline:none;
    font-size:12px;
    color:var(--heading);
    border-radius:6px;
    background:#fff;
    transition:var(--transition);
    font-family:var(--body-font);
}

.psh-form-group textarea{
    resize:none;
    padding:18px;
    min-height:80px;
}

.psh-form-group.textarea i{
    display:none;
}

.psh-form-group input:focus,
.psh-form-group select:focus,
.psh-form-group textarea:focus{
    border-color:var(--primary);
    box-shadow:0 0 0 3px rgba(10,77,163,.12);
}

/*=====================================
SUBMIT BUTTON
======================================*/

.psh-submit-btn{
    width:100%;
    border:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:17px;
    border-radius:6px;
    background:var(--secondary);
    color:var(--white);
    font-size:16px;
    font-weight:600;
    transition:var(--transition);
    margin-top:10px;
}

.psh-submit-btn:hover{
    background:var(--primary);
    transform:translateY(-3px);
}

.psh-hero-form small{
    display:block;
    text-align:center;
    margin-top:16px;
    color:var(--text);
    font-size:13px;
    line-height:1.7;
}
/*=====================================
HERO STATS BAR
======================================*/

.psh-hero-stats{
    position:relative;
    margin-top:60px;
    background:var(--footer);
    border-radius:18px 18px 0 0;
    overflow:hidden;
}

.psh-stats-wrapper{
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.psh-stat-box{
    display:flex;
    align-items:center;
    gap:18px;
    padding:28px 35px;
    border-right:1px solid rgba(255,255,255,.08);
    transition:var(--transition);
}

.psh-stat-box:last-child{
    border-right:none;
}

.psh-stat-box:hover{
    background:rgba(255,255,255,.04);
}
 #refreshCaptcha{

        width:10%;
        margin-bottom:10px;
        margin-left:5px;
        padding:4px;

    }

















/*=====================================
TABLET
======================================*/

@media (max-width:991px){

    .psh-contact-section{

        padding:80px 0;

    }

    .psh-contact-wrapper{

        grid-template-columns:1fr;

        gap:40px;

    }

    .psh-contact-left,
    .psh-contact-right{

        width:100%;

    }

    .psh-contact-heading{

        font-size:36px;

    }

    .psh-contact-grid{

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

    }

    .psh-contact-extra{

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

    }

    .psh-submit-btn{

        width:260px;

    }

}


/*=====================================
MOBILE
======================================*/

@media (max-width:767px){

    .psh-contact-section{

        padding:60px 0;

    }

    .psh-contact-heading{

        font-size:28px;

        line-height:1.3;

    }

    .psh-contact-text{

        font-size:15px;

        margin-bottom:25px;

    }

    .psh-contact-right{

        padding:25px 20px;

    }

    .psh-contact-card{

        flex-direction:column;

        align-items:flex-start;

        padding:20px;

        gap:15px;

    }

    .psh-contact-icon{

        width:60px;

        height:60px;

        min-width:60px;

    }

    .psh-contact-icon i{

        font-size:26px;

    }

    .psh-contact-content h4{

        font-size:18px;

    }

    .psh-contact-content p{

        font-size:14px;

        line-height:1.7;

    }

    .psh-contact-grid{

        grid-template-columns:1fr;

        gap:0;

    }

    .psh-form-group{

        margin-bottom:18px;

    }

    .psh-form-group input,
    .psh-form-group textarea{

        font-size:14px;

    }

    .psh-captcha-wrapper{

        flex-wrap:wrap;

        gap:12px;

    }

    #captchaText{

        width:100%;

    }

    #refreshCaptcha{

        width:25%;
        margin-bottom:10px;
        margin-left:5px;

    }

    .psh-submit-btn{

        width:100%;

        height:56px;

        font-size:15px;

    }

    .psh-contact-extra{

        grid-template-columns:1fr;

        gap:15px;

    }

    .psh-extra-card{

        padding:18px;

    }

    .psh-extra-icon{

        width:55px;

        height:55px;

        font-size:22px;

    }

    .psh-extra-content h4{

        font-size:18px;

    }

    .psh-extra-content p{

        font-size:14px;

    }

}

/*=====================================
STATS SECTION
======================================*/

.psh-stats-section{

    padding:70px 0;

    background:var(--white);

}

.psh-stats-wrapper{

    display:grid;

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

    background:#fff;

    border-radius:10px;

    overflow:hidden;

    border:1px solid #e9edf5;

}


/*=====================================
STATS ITEM
======================================*/

.psh-stats-item{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    padding:25px 20px;

    position:relative;

    transition:.35s ease;

}

.psh-stats-item:not(:last-child){

    border-right:1px solid #ececec;

}

.psh-stats-item:hover{

    background:#f8fbff;

}


/*=====================================
ICON
======================================*/

.psh-stats-icon{

    width:58px;

    height:58px;

    min-width:58px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#eef4ff;

    transition:.35s ease;

}

.psh-stats-icon i{

    font-size:30px;

    color:var(--primary);

    transition:.35s ease;

}

.psh-stats-item:hover .psh-stats-icon{

    background:var(--primary);

}

.psh-stats-item:hover .psh-stats-icon i{

    color:#ffffff;

    transform:scale(1.08);

}


/*=====================================
CONTENT
======================================*/

.psh-stats-content{

    flex:1;

}

.psh-stats-content h3{

    font-size:30px;

    font-weight:700;

    color:var(--primary);

    line-height:1;

    margin-bottom:8px;

    font-family:var(--heading-font);

}

.psh-stats-content p{

    font-size:14px;

    color:var(--text);

    line-height:1.6;

    font-weight:500;

}


/*=====================================
HOVER
======================================*/

.psh-stats-item,
.psh-stats-icon,
.psh-stats-icon i{

    transition:all .35s ease;

}
/*=====================================
STATS SECTION RESPONSIVE
======================================*/


/*=====================================
TABLET
======================================*/

@media (max-width:991px){

    .psh-stats-section{

        padding:60px 0;

    }

    .psh-stats-wrapper{

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

    }

    .psh-stats-item{

        padding:25px 15px;

        border-right:1px solid #ececec;

        border-bottom:1px solid #ececec;

    }

    .psh-stats-item:nth-child(3){

        border-right:none;

    }

    .psh-stats-item:nth-child(4){

        border-left:none;

    }

    .psh-stats-item:last-child{

        border-right:none;

    }

    .psh-stats-content h3{

        font-size:34px;

    }

    .psh-stats-content p{

        font-size:14px;

    }

}


/*=====================================
MOBILE
======================================*/

@media (max-width:767px){

    .psh-stats-section{

        padding:50px 0;

    }

    .psh-stats-wrapper{

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

    }

    .psh-stats-item{

        flex-direction:column;

        text-align:center;

        justify-content:center;

        gap:15px;

        padding:22px 15px;

        border-right:none;

        border-bottom:1px solid #ececec;

    }

    .psh-stats-item:last-child{

        grid-column:1 / -1;

    }

    .psh-stats-icon{

        width:55px;

        height:55px;

        min-width:55px;

    }

    .psh-stats-icon i{

        font-size:24px;

    }

    .psh-stats-content h3{

        font-size:30px;

        margin-bottom:6px;

    }

    .psh-stats-content p{

        font-size:14px;

        line-height:1.5;

    }

}
/*=====================================
FIND US SECTION
======================================*/

.psh-findus-section{

    padding:80px 0;

    background:var(--white);

}

.psh-findus-wrapper{

    display:grid;

    grid-template-columns:2fr 1fr 1fr;

    overflow:hidden;

    border-radius:12px;

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

}


/*=====================================
GOOGLE MAP
======================================*/

.psh-findus-map{

    width:100%;

    height:420px;

}

.psh-findus-map iframe{

    width:100%;

    height:100%;

    border:none;

    display:block;

}


/*=====================================
FIND US CONTENT
======================================*/

.psh-findus-content{

    background:var(--primary);

    color:#ffffff;

    padding:45px 35px;

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.psh-findus-subtitle{

    display:block;

    font-size:18px;

    font-weight:600;

    color:var(--secondary);

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:10px;

}

.psh-findus-content h2{

    font-size:52px;

    color:#ffffff;

    font-weight:700;

    line-height:1;

    margin-bottom:18px;

}

.psh-findus-line{

    width:70px;

    height:4px;

    background:var(--secondary);

    border-radius:30px;

    margin-bottom:25px;

}

.psh-findus-content p{

    font-size:17px;

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

    line-height:1.9;

    margin-bottom:35px;

}


/*=====================================
BUTTON
======================================*/

.psh-findus-btn{

    width:250px;

    height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    background:var(--secondary);

    color:#ffffff;

    border-radius:8px;

    font-size:15px;

    font-weight:600;

    text-transform:uppercase;

    transition:.35s ease;

}

.psh-findus-btn:hover{

    background:#ff8b12;

    transform:translateY(-4px);

}

.psh-findus-btn i{

    font-size:18px;

    transition:.35s ease;

}

.psh-findus-btn:hover i{

    transform:translateX(5px);

}


/*=====================================
IMAGE
======================================*/

.psh-findus-image{

    overflow:hidden;

    position:relative;

}

.psh-findus-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:.5s ease;

}

.psh-findus-image:hover img{

    transform:scale(1.08);

}


/*=====================================
SMOOTH TRANSITION
======================================*/

.psh-findus-content,
.psh-findus-btn,
.psh-findus-btn i,
.psh-findus-image img{

    transition:all .35s ease;

}
/*=====================================
FIND US RESPONSIVE
======================================*/


/*=====================================
TABLET
======================================*/

@media (max-width:991px){

    .psh-findus-section{

        padding:70px 0;

    }

    .psh-findus-wrapper{

        grid-template-columns:1fr;

    }

    .psh-findus-map{

        height:380px;

    }

    .psh-findus-content{

        padding:45px 35px;

        text-align:center;

        align-items:center;

    }

    .psh-findus-content h2{

        font-size:44px;

    }

    .psh-findus-line{

        margin:0 auto 25px;

    }

    .psh-findus-image{

        height:380px;

    }

}


/*=====================================
MOBILE
======================================*/

@media (max-width:767px){

    .psh-findus-section{

        padding:60px 0;

    }

    .psh-findus-map{

        height:260px;

    }

    .psh-findus-content{

        padding:35px 20px;

        text-align:center;

        align-items:center;

    }

    .psh-findus-subtitle{

        font-size:16px;

    }

    .psh-findus-content h2{

        font-size:36px;

        margin-bottom:15px;

    }

    .psh-findus-line{

        width:60px;

        margin:0 auto 20px;

    }

    .psh-findus-content p{

        font-size:15px;

        line-height:1.8;

        margin-bottom:25px;

    }

    .psh-findus-btn{

        width:100%;

        height:54px;

        font-size:14px;

    }

    .psh-findus-btn span{

        white-space:nowrap;

    }

    .psh-findus-image{

        height:260px;

    }

}
/*=============================
IMPORT EXPORT SECTION
=============================*/

.psh-import-export-banner{
    position:relative;
    width:100%;
    min-height:560px;
    display:flex;
    align-items:center;
    overflow:hidden;

  
}

/* Overlay */

.psh-import-export-overlay{
    position:absolute;
    inset:0;

    background:linear-gradient(
        90deg,
        rgba(5,28,61,.92) 0%,
        rgba(5,28,61,.88) 30%,
        rgba(5,28,61,.55) 55%,
        rgba(5,28,61,.05) 100%
    );
}

.psh-import-export-container{
    width:100%;
    max-width:var(--container);
    margin:auto;
    padding:80px 15px;
    position:relative;
    z-index:2;
}

.psh-import-export-content{
    max-width:620px;
    color:var(--white);
}

.psh-import-export-label{

    display:block;
    font-size:20px;
    line-height:1;
    font-weight:800;
    color:var(--white);

    font-family:var(--heading-font);
    margin-bottom:18px;
}

.psh-import-export-content h2{

    font-size:35px;
    color:var(--secondary);
    font-family:var(--heading-font);
    line-height:1.2;
    font-weight:700;

    margin-bottom:22px;
}

.psh-import-export-content p{

    font-size:16px;
    line-height:1.9;
    color:rgba(255,255,255,.92);

    font-family:var(--body-font);
    margin-bottom:45px;
}

.psh-import-export-features{

    display:flex;
    /* flex-wrap:wrap;
    gap:25px; */
}

.psh-import-feature-box{

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

    min-width:208px;
}

.psh-import-feature-icon{

    width:50px;
    height:50px;

    border:2px solid rgba(255,255,255,.25);

    border-radius:50%;

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

    color:var(--secondary);
    font-size:20px;

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

    transition:var(--transition);
}
.psh-import-feature-icon{
    width:50px;
    height:50px;
    border:2px solid rgba(255,255,255,.25);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.05);
    transition:var(--transition);
}

.psh-import-feature-icon i{
    font-size:20px;
    color:var(--secondary);
    transition:var(--transition);
}

.psh-import-feature-box:hover .psh-import-feature-icon{
    background:var(--secondary);
    transform:translateY(-4px);
}

.psh-import-feature-box:hover .psh-import-feature-icon i{
    color:var(--white);
}
.psh-import-feature-box:hover .psh-import-feature-icon{

    background:var(--secondary);
    color:var(--white);
    transform:translateY(-4px);
}

.psh-import-feature-box h4{

    font-size:17px;
    color:var(--white);
    font-weight:700;
    font-family:var(--heading-font);
    margin-bottom:4px;
}

.psh-import-feature-box span{

    color:rgba(255,255,255,.85);
    font-size:14px;
    font-family:var(--body-font);
}


/*=========================
Large Tablet
=========================*/

@media(max-width:1199px){

.psh-import-export-banner{

    min-height:520px;
}

.psh-import-export-label{

    font-size:58px;
}

.psh-import-export-content h2{

    font-size:34px;
}

}


/*=========================
Tablet
=========================*/

@media(max-width:991px){

.psh-import-export-banner{

    min-height:auto;
}

.psh-import-export-container{

    padding:70px 20px;
}

.psh-import-export-label{

    font-size:48px;
}

.psh-import-export-content h2{

    font-size:30px;
}

.psh-import-export-content p{

    font-size:16px;
}

.psh-import-export-features{

    gap:20px;
}

.psh-import-feature-box{

    width:calc(50% - 10px);
    min-width:unset;
}

}


/*=========================
Mobile
=========================*/

@media(max-width:767px){

.psh-import-export-banner{

    background-position:70% center;
}

.psh-import-export-overlay{

    background:rgba(5,28,61,.85);
}

.psh-import-export-label{

    font-size:38px;
}

.psh-import-export-content h2{

    font-size:24px;
}

.psh-import-export-content p{

    font-size:15px;
    line-height:1.8;
}

.psh-import-export-features{

    flex-direction:column;
}

.psh-import-feature-box{

    width:100%;
}

.psh-import-feature-icon{

    width:58px;
    height:58px;
    font-size:24px;
}

.psh-import-feature-box h4{

    font-size:24px;
}

}


/*=========================
Small Mobile
=========================*/

@media(max-width:480px){

.psh-import-export-container{

    padding:60px 15px;
}

.psh-import-export-label{

    font-size:30px;
}

.psh-import-export-content h2{

    font-size:20px;
}

.psh-import-export-content p{

    font-size:14px;
}

}
/*=========================================
EXPORT SERVICES SECTION
=========================================*/

.psh-export-services-section{
    padding:90px 0;
    background:var(--white);
    overflow:hidden;
}
.psh-export-services-section .psh-container{
   
    width:100%;

    /* max-width:1260px; */

    margin:auto;

    padding:0 15px;

}

.psh-export-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:55px;
    align-items:flex-start;
}

/*=========================================
LEFT & RIGHT COLUMN
=========================================*/

.psh-export-left,
.psh-export-right{
    position:relative;
}

.psh-export-left{
    padding-right:35px;
    border-right:1px solid var(--border);
}

.psh-export-right{
    padding-left:10px;
}


/*=========================================
SECTION HEADING
=========================================*/

.psh-export-heading{
    margin-bottom:40px;
}

.psh-export-subtitle{
    display:inline-flex;
    align-items:center;
    gap:10px;

    font-size:24px;
    font-weight:700;
    color:var(--heading);

    font-family:var(--heading-font);
    line-height:1.2;
    margin-bottom:18px;
}

.psh-export-subtitle::before{
    content:"";
    width:28px;
    height:3px;
    background:var(--secondary);
    border-radius:30px;
}

.psh-export-subtitle span{
    color:var(--primary);
}

.psh-export-heading p{
    max-width:420px;
    font-size:14px;
    line-height:1.8;
    color:var(--text);
    font-family:var(--body-font);
}


/*=========================================
SERVICE GRID
=========================================*/

.psh-export-service-grid{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;

}


/*=========================================
SERVICE CARD
=========================================*/

.psh-export-service-card{

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

    background:var(--white);

    padding:24px;

    border:1px solid var(--border);

    border-radius:var(--radius);

    transition:var(--transition);

    box-shadow:0 0 0 rgba(0,0,0,0);

}

.psh-export-service-card:hover{

    transform:translateY(-8px);

    border-color:rgba(10,77,163,.25);

    box-shadow:var(--shadow);

}


/*=========================================
SERVICE ICON
=========================================*/

.psh-export-service-icon{

    width:50px;
    min-width:50px;
    height:50px;

    border-radius:12px;

    border:1px solid var(--border);

    background:#f8fbff;

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

    transition:var(--transition);

}

.psh-export-service-icon i{

    font-size:20px;

    color:var(--primary);

    transition:var(--transition);

}

.psh-export-service-card:hover .psh-export-service-icon{

    background:var(--primary);

    border-color:var(--primary);

}

.psh-export-service-card:hover .psh-export-service-icon i{

    color:var(--white);

}


/*=========================================
SERVICE CONTENT
=========================================*/

.psh-export-service-content{
    flex:1;
}

.psh-export-service-content h4{

    font-size:14px;

    font-weight:700;

    color:var(--heading);

    font-family:var(--heading-font);

    margin-bottom:12px;

    transition:var(--transition);
    max-width: max-content;

}

.psh-export-service-card:hover h4{

    color:var(--primary);

}

.psh-export-service-content p{

    font-size:15px;

    line-height:1.8;

    color:var(--text);

    font-family:var(--body-font);

    margin:0;

}


/*=========================================
SMALL ANIMATION
=========================================*/

.psh-export-service-card,
.psh-export-service-icon,
.psh-export-service-content h4{

    transition:all .35s ease;

}
/*=========================================
EXPORT PROCESS WRAPPER
=========================================*/

.psh-export-process-wrapper{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:8px;
    margin-bottom:45px;
    position:relative;
}

/*=========================================
PROCESS ITEM
=========================================*/

.psh-export-process-item{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    position:relative;
}

/*=========================================
PROCESS ICON
=========================================*/

.psh-export-process-icon{

    width:50px;
    height:50px;

    border-radius:50%;

    background:var(--white);

    border:2px solid var(--border);

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

    transition:var(--transition);

    margin-bottom:18px;

}

.psh-export-process-icon i{

    font-size:20px;

    color:var(--primary);

    transition:var(--transition);

}

.psh-export-process-item:hover .psh-export-process-icon{

    background:var(--primary);

    border-color:var(--primary);

    transform:translateY(-8px);

    box-shadow:var(--shadow);

}

.psh-export-process-item:hover .psh-export-process-icon i{

    color:var(--white);

}

/*=========================================
PROCESS NUMBER
=========================================*/

.psh-process-number{

    display:block;

    font-size:18px;

    font-weight:700;

    color:var(--heading);

    font-family:var(--heading-font);

    margin-bottom:10px;

}

/*=========================================
PROCESS TITLE
=========================================*/

.psh-export-process-item h5{

    font-size:14px;

    line-height:1.5;

    color:var(--heading);

    font-weight:600;

    font-family:var(--heading-font);

    margin:0;

    transition:var(--transition);

}

.psh-export-process-item:hover h5{

    color:var(--primary);

}

/*=========================================
ARROW
=========================================*/

.psh-export-arrow{

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

    font-size:18px;

    color:var(--primary);

    margin-top:13px;

    flex-shrink:0;

}

.psh-export-arrow i{

    transition:var(--transition);

}

.psh-export-process-item:hover + .psh-export-arrow i{

    transform:translateX(5px);

}

/*=========================================
LAST ARROW HIDE
=========================================*/

.psh-export-process-wrapper .psh-export-arrow:last-child{

    display:none;

}

/*=========================================
PROCESS ANIMATION
=========================================*/

.psh-export-process-item,
.psh-export-process-icon,
.psh-export-process-icon i,
.psh-export-process-item h5,
.psh-export-arrow i{

    transition:all .35s ease;

}

/*=========================================
LARGE SCREEN IMPROVEMENT
=========================================*/

@media (min-width:1200px){

    .psh-export-process-item{
        max-width:100px;
    }

}

/*=========================================
TABLET
=========================================*/

@media(max-width:991px){

    .psh-export-process-wrapper{

        display:grid;

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

        gap:30px;

    }

    .psh-export-arrow{

        display:none;

    }

    .psh-export-process-item{

        padding:0 10px;

    }

    .psh-export-process-icon{

        width:80px;
        height:80px;

    }

    .psh-export-process-icon i{

        font-size:32px;

    }

    .psh-process-number{

        font-size:24px;

    }

    .psh-export-process-item h5{

        font-size:15px;

    }

}

/*=========================================
MOBILE
=========================================*/

@media(max-width:767px){

    .psh-export-process-wrapper{

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

        gap:25px;

    }

}

/*=========================================
SMALL MOBILE
=========================================*/

@media(max-width:480px){

    .psh-export-process-wrapper{

        grid-template-columns:1fr;

    }

    .psh-export-process-icon{

        width:75px;
        height:75px;

    }

    .psh-export-process-icon i{

        font-size:30px;

    }

    .psh-process-number{

        font-size:22px;

    }

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

.psh-export-why-box{

    position:relative;

    overflow:hidden;

    background:#081C39;

    border-radius:18px;

    padding:55px;

    min-height:430px;

    display:flex;

    align-items:flex-start;

    box-shadow:var(--shadow);

}

/* Background Image */

.psh-export-why-box::after{

    content:"";

    position:absolute;

    right:0;

    top:50%;

    transform:translateY(-50%);

    /* background:url("./assests/img/map-img.png") right center/contain no-repeat; */
    width:100%;

    height:200%;


    opacity:1.95;

    pointer-events:none;

}

/* Dark Overlay */

.psh-export-why-box::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(8,28,57,.1),
        rgba(8,28,57,.02)
    );

}

/* Content */

.psh-export-why-content{

    position:relative;

    z-index:5;

    max-width:480px;

}

.psh-export-why-content h3{

    color:#fff;

    font-size:20px;

    font-weight:700;

    margin-bottom:38px;

    font-family:var(--heading-font);

}
/*=========================================
CHECK LIST
=========================================*/
.psh-export-why-content ul{

    list-style:none;

    margin:0;

    padding:0;

}
.psh-export-why-content ul li{

    display:flex;

    align-items:center;

    gap:16px;

    margin-bottom:14px;

    color:#fff;

    font-size:16px;

    font-weight:500;

    line-height:1.5;

    font-family:var(--body-font);

}
.psh-export-why-content ul li i{

    width:34px;

    height:34px;

    border-radius:50%;

    background:#ff6b00;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

    flex-shrink:0;

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

.psh-export-why-box{

    padding:40px 30px;

    min-height:auto;

}

.psh-export-why-box::after{

    /* position:relative;

    display:block; */

    width:100%;

    height:240px;

    transform:none;

    right:auto;

    top:auto;

    margin-top:40px;

}

.psh-export-why-content{

    max-width:100%;

}

}


/*=========================================
HOVER EFFECT
=========================================*/

.psh-export-why-box{

    transition:var(--transition);

}

.psh-export-why-box:hover{

    transform:translateY(-6px);

}

.psh-export-why-content ul li{

    transition:var(--transition);

}

.psh-export-why-content ul li:hover{

    transform:translateX(8px);

    color:var(--white);

}

.psh-export-why-content ul li:hover i{

    color:#ffd54f;

}


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

@media(max-width:1199px){

.psh-export-why-content{

    padding:40px;

}

.psh-export-why-content h3{

    font-size:28px;

}

}


@media(max-width:991px){

.psh-export-wrapper{

    grid-template-columns:1fr;

    gap:70px;

}

.psh-export-left{

    border-right:none;

    padding-right:0;

}

.psh-export-right{

    padding-left:0;

}

.psh-export-service-grid{

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

}

.psh-export-why-box{

    grid-template-columns:1fr;

}

.psh-export-world-map{

    min-height:260px;

    order:-1;

}

}


@media(max-width:767px){

.psh-export-services-section{

    padding:70px 0;

}

.psh-export-subtitle{

    font-size:28px;

}

.psh-export-heading p{

    font-size:15px;

}

.psh-export-service-grid{

    grid-template-columns:1fr;

}

.psh-export-service-card{

    padding:20px;

}

.psh-export-service-icon{

    width:65px;

    min-width:65px;

    height:65px;

}

.psh-export-service-icon i{

    font-size:28px;

}

.psh-export-service-content h4{

    font-size:19px;

}

.psh-export-why-content{

    padding:30px;

}

.psh-export-why-content h3{

    font-size:24px;

}

.psh-export-why-content ul{

    grid-template-columns:1fr;

    gap:15px;

}

.psh-export-world-map{

    min-height:220px;

}

}


@media(max-width:480px){

.psh-export-services-section{

    padding:55px 0;

}

.psh-export-subtitle{

    font-size:24px;

}

.psh-export-heading{

    margin-bottom:30px;

}

.psh-export-service-card{

    gap:15px;

    padding:18px;

}

.psh-export-service-content h4{

    font-size:18px;

}

.psh-export-service-content p{

    font-size:14px;

}

.psh-export-why-content{

    padding:25px 20px;

}

.psh-export-why-content h3{

    font-size:22px;

}

.psh-export-why-content ul li{

    font-size:14px;

}

.psh-export-world-map{

    min-height:180px;

}

}




/*=========================================
PACKAGING & LOGISTICS
=========================================*/

.psh-package-logistics-section{
    /* padding:80px 0; */
    background:var(--white);
}

.psh-package-logistics-section .container{
    max-width:var(--container);
    width:100%;
    margin:auto;
    padding:0 15px;
    display: block;
}

/*=========================================
HEADING
=========================================*/

.psh-package-heading{
    margin-bottom:45px;
}

.psh-package-heading h2{
    font-family:var(--heading-font);
    font-size:30px;
    font-weight:700;
    color:var(--heading);
    line-height:1.2;
    margin-bottom:18px;
}

.psh-package-heading h2 span{
    color:var(--secondary);
}

.psh-package-heading p{
    max-width:700px;
    font-family:var(--body-font);
    font-size:16px;
    line-height:1.8;
    color:var(--text);
    margin:0;
}

/*=========================================
GRID
=========================================*/

.psh-package-card-wrapper{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:24px;
}

/*=========================================
CARD
=========================================*/

.psh-package-card{
    background:var(--white);
    border:1px solid var(--border);
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 5px 18px rgba(0,0,0,.05);
    transition:var(--transition);
    display:flex;
    flex-direction:column;
    height:100%;
}

.psh-package-card:hover{
    transform:translateY(-10px);
    box-shadow:var(--shadow);
}

/*=========================================
IMAGE
=========================================*/

.psh-package-image{
    height:225px;
    overflow:hidden;
}

.psh-package-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.5s;
}

.psh-package-card:hover .psh-package-image img{
    transform:scale(1.08);
}

/*=========================================
CONTENT
=========================================*/

.psh-package-content{
    padding:28px 22px;
    text-align:center;
    flex:1;
}

.psh-package-content h3{
    font-family:var(--heading-font);
    font-size:18px;
    font-weight:700;
    color:var(--primary);
    line-height:1.35;
    margin-bottom:16px;
    height: 40px;
}

.psh-package-content p{
    font-family:var(--body-font);
    font-size:16px;
    color:var(--text);
    line-height:1.9;
    margin:0;
}

/*=========================================
LARGE LAPTOP
=========================================*/

@media (max-width:1400px){

    .psh-package-card-wrapper{
        grid-template-columns:repeat(4,1fr);
    }

}

/*=========================================
LAPTOP
=========================================*/

@media (max-width:1200px){

    .psh-package-heading h2{
        font-size:36px;
    }

    .psh-package-card-wrapper{
        grid-template-columns:repeat(3,1fr);
    }

}

/*=========================================
TABLET
=========================================*/

@media (max-width:991px){

    .psh-package-logistics-section{
        padding:70px 0;
    }

    .psh-package-heading{
        text-align:center;
        margin-bottom:35px;
    }

    .psh-package-heading h2{
        font-size:32px;
    }

    .psh-package-heading p{
        font-size:16px;
        margin:auto;
    }

    .psh-package-card-wrapper{
        grid-template-columns:repeat(2,1fr);
        gap:20px;
    }

    .psh-package-image{
        height:210px;
    }

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

}

/*=========================================
MOBILE
=========================================*/

@media (max-width:767px){

    .psh-package-logistics-section{
        padding:60px 0;
    }

    .psh-package-heading{
        text-align:center;
    }

    .psh-package-heading h2{
        font-size:28px;
    }

    .psh-package-heading p{
        font-size:15px;
    }

    .psh-package-card-wrapper{
        grid-template-columns:1fr;
        gap:22px;
    }

    .psh-package-card{
        max-width:400px;
        width:100%;
        margin:auto;
    }

    .psh-package-image{
        height:240px;
    }

    .psh-package-content{
        padding:24px 20px;
    }

    .psh-package-content h3{
        font-size:22px;
    }

    .psh-package-content p{
        font-size:15px;
    }

}

/*=========================================
SMALL MOBILE
=========================================*/

@media (max-width:480px){

    .psh-package-logistics-section{
        padding:50px 0;
    }

    .psh-package-heading h2{
        font-size:24px;
    }

    .psh-package-heading p{
        font-size:14px;
        line-height:1.8;
    }

    .psh-package-image{
        height:200px;
    }

    .psh-package-content{
        padding:20px 18px;
    }

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

    .psh-package-content p{
        font-size:14px;
    }

}
/*=========================================
COUNTRIES WE SERVE SECTION
=========================================*/

.psh-country-section{
    padding:90px 0;
    background:var(--white);
    overflow:hidden;
}

.psh-country-wrapper{

    display:grid;
    grid-template-columns:48% 52%;
    gap:40px;
    align-items:center;

}


/*=========================================
LEFT SIDE
=========================================*/

.psh-country-left{
    position:relative;
}

.psh-country-heading{
    margin-bottom:30px;
}

.psh-country-heading h2{

    font-size:30px;
    font-weight:700;
    line-height:1.2;
    color:var(--primary);
    font-family:var(--heading-font);
    margin-bottom:10px;

}

.psh-country-heading h2 span{

    color:var(--heading);

}

.psh-country-heading p{

    font-size:17px;
    line-height:1.7;
    color:var(--text);
    font-family:var(--body-font);

}


/*=========================================
WORLD MAP
=========================================*/

.psh-country-map{

    width:100%;
    overflow:hidden;

}

.psh-country-map img{

    width:100%;
    display:block;
    object-fit:contain;
    border-radius:12px;

}


/*=========================================
RIGHT SIDE GRID
=========================================*/

.psh-country-right{

    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:16px;

}


/*=========================================
COUNTRY CARD
=========================================*/

.psh-country-card{

    background:var(--white);

    border:1px solid var(--border);

    border-radius:12px;

    min-height:105px;

    padding:16px 12px;

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

    text-align:center;

    transition:var(--transition);

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

}

.psh-country-card:hover{

    transform:translateY(-6px);

    box-shadow:var(--shadow);

    border-color:rgba(10,77,163,.20);

}


/*=========================================
FLAG
=========================================*/

.psh-country-card img{

    width:56px;
    height:38px;

    object-fit:cover;

    border-radius:4px;

    margin-bottom:12px;

}


/*=========================================
COUNTRY NAME
=========================================*/

.psh-country-card h4{

    font-size:15px;
    font-weight:600;
    line-height:1.4;

    color:var(--heading);

    font-family:var(--body-font);

    margin:0;

}


/*=========================================
AND MANY MORE
=========================================*/

.psh-country-more i{

    font-size:42px;

    color:var(--primary);

    margin-bottom:12px;

}

.psh-country-more h4{

    color:var(--primary);

}


/*=========================================
HOVER EFFECT
=========================================*/

.psh-country-card img,
.psh-country-card,
.psh-country-card h4,
.psh-country-more i{

    transition:all .35s ease;

}

.psh-country-card:hover img{

    transform:scale(1.08);

}

.psh-country-card:hover h4{

    color:var(--primary);

}
/*=========================================
RESPONSIVE CSS
=========================================*/

/* Large Laptop */

@media (max-width:1400px){

    .psh-country-wrapper{
        grid-template-columns:45% 55%;
        gap:30px;
    }

    .psh-country-right{
        grid-template-columns:repeat(6,1fr);
        gap:12px;
    }

}

/* Laptop */

@media (max-width:1199px){

    .psh-country-section{
        padding:80px 0;
    }

    .psh-country-wrapper{
        grid-template-columns:1fr;
        gap:40px;
    }

    .psh-country-left{
        text-align:center;
    }

    .psh-country-heading p{
        margin:auto;
    }

    .psh-country-map{
        max-width:700px;
        margin:auto;
    }

    .psh-country-right{
        grid-template-columns:repeat(4,1fr);
    }

}


/* Tablet */

@media (max-width:991px){

    .psh-country-heading h2{
        font-size:34px;
    }

    .psh-country-heading p{
        font-size:16px;
    }

    .psh-country-right{

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

    }

}


/* Mobile */

@media (max-width:767px){

    .psh-country-section{
        padding:70px 0;
    }

    .psh-country-heading{
        text-align:center;
    }

    .psh-country-heading h2{
        font-size:28px;
    }

    .psh-country-heading p{
        font-size:15px;
    }

    .psh-country-map{

        margin-top:20px;

        margin-bottom:25px;

    }

    .psh-country-right{

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

        gap:15px;

    }

    .psh-country-card{

        min-height:95px;

    }

}


/* Small Mobile */

@media (max-width:480px){

    .psh-country-section{
        padding:60px 0;
    }

    .psh-country-heading h2{
        font-size:24px;
    }

    .psh-country-heading p{
        font-size:14px;
    }

    .psh-country-right{

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

        gap:10px;

    }

    .psh-country-card{

        padding:12px 8px;

        min-height:90px;

    }

    .psh-country-card img{

        width:42px;

        height:28px;

    }

    .psh-country-card h4{

        font-size:13px;

    }

}


/* Very Small Mobile */

@media (max-width:360px){

    .psh-country-right{

        grid-template-columns:1fr;

    }

}
/* global trust */
/*=========================================
CERTIFICATION SECTION
=========================================*/

.psh-certification-section{
    padding:40px 0;
    background:#fff;
    overflow:hidden;
}

.psh-certification-heading{
    text-align:center;
    margin-bottom:50px;
    position:relative;
}

.psh-certification-heading h2{

    font-size:30px;
    font-weight:700;
    color:var(--heading);
    font-family:var(--heading-font);
    line-height:1.2;
    margin-bottom:10px;

}

.psh-certification-heading h2 span{

    color:var(--secondary);

}

.psh-certification-heading p{

    font-size:17px;
    color:var(--text);
    font-family:var(--body-font);
    margin:0;

}


/*=========================================
SWIPER
=========================================*/

.psh-certification-swiper{

    padding:15px 8px 20px;

}

.psh-certification-swiper .swiper-slide{

    height:auto;

}


/*=========================================
CARD
=========================================*/

.psh-certification-card{

    background:var(--white);

    border:1px solid var(--border);

    border-radius:14px;

    overflow:hidden;

    box-shadow:var(--shadow);

    transition:var(--transition);

    display:flex;

    flex-direction:column;

    height:100%;

}

.psh-certification-card:hover{

    transform:translateY(-8px);

    border-color:var(--primary);

}


/*=========================================
IMAGE
=========================================*/

.psh-certification-image{

    height:260px;

    overflow:hidden;

    background:#f8fafc;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:15px;

}

.psh-certification-image img{

    width:100%;

    height:100%;

    object-fit:contain;

    transition:.5s;

}

.psh-certification-card:hover
.psh-certification-image img{

    transform:scale(1.05);

}


/*=========================================
CONTENT
=========================================*/

.psh-certification-content{

    padding:22px;

    display:flex;

    flex-direction:column;

    flex:1;

}

.psh-certification-content h3{

    font-size:18px;

    font-weight:700;

    color:var(--primary);

    text-align:center;

    margin-bottom:12px;

    line-height:1.3;

    font-family:var(--heading-font);

}

.psh-certification-content p{

    font-size:14px;

    line-height:1.8;

    color:var(--text);

    text-align:center;

    margin-bottom:22px;

    font-family:var(--body-font);

    flex:1;

}


/*=========================================
BUTTON AREA
=========================================*/

.psh-certification-btns{

    display:flex;

    gap:10px;

    justify-content:center;

    align-items:center;

}


/*=========================================
VIEW BUTTON
=========================================*/

.psh-certification-view-btn{

    flex:1;

    height:48px;

    border:none;

    border-radius:var(--radius);

    background:var(--primary);

    color:#fff;

    font-size:15px;

    font-weight:600;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    transition:var(--transition);

    font-family:var(--body-font);

}

.psh-certification-view-btn:hover{

    background:var(--primary-dark);

}


/*=========================================
DOWNLOAD BUTTON
=========================================*/

.psh-certification-download-btn{

    width:48px;

    height:48px;

    border-radius:var(--radius);

    background:var(--secondary);

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    text-decoration:none;

    font-size:20px;

    transition:var(--transition);

}

.psh-certification-download-btn:hover{

    background:var(--secondary-hover);

    color:#fff;

}


/*=========================================
SMOOTH TRANSITION
=========================================*/

.psh-certification-card,
.psh-certification-image img,
.psh-certification-view-btn,
.psh-certification-download-btn{

    transition:all .35s ease;

}


.psh-certification-swiper .swiper-button-next,
.psh-certification-swiper .swiper-button-prev{

    width:48px;
    height:48px;

    background:var(--white);

    border-radius:50%;

    box-shadow:var(--shadow);

    color:var(--primary);

    transition:var(--transition);

}

.psh-certification-swiper .swiper-button-next::after,
.psh-certification-swiper .swiper-button-prev::after{

    font-size:18px;
    font-weight:700;

}

.psh-certification-swiper .swiper-button-next:hover,
.psh-certification-swiper .swiper-button-prev:hover{

    background:var(--primary);

    color:var(--white);

}


/*=========================================
PAGINATION
=========================================*/

.psh-certification-swiper .swiper-pagination{

    position:relative;

    margin-top:35px;

}

.psh-certification-swiper .swiper-pagination-bullet{

    width:12px;

    height:12px;

    background:#cbd5e1;

    opacity:1;

}

.psh-certification-swiper .swiper-pagination-bullet-active{

    width:28px;

    border-radius:30px;

    background:var(--secondary);

}


/*=========================================
CARD HOVER
=========================================*/

.psh-certification-card{

    position:relative;

}

.psh-certification-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:var(--secondary);

    transform:scaleX(0);

    transform-origin:left;

    transition:var(--transition);

}

.psh-certification-card:hover::before{

    transform:scaleX(1);

}

.psh-certification-card:hover{

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

}


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

.psh-certification-modal{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.75);

    display:flex;

    justify-content:center;

    align-items:center;

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:9999;

}

.psh-certification-modal.active{

    opacity:1;

    visibility:visible;

}

.psh-certification-modal-box{

    width:min(1000px,95%);

    height:85vh;

    background:#fff;

    border-radius:12px;

    overflow:hidden;

    position:relative;

}

.psh-certification-frame{

    width:100%;

    height:100%;

    border:none;

}

.psh-certification-close{

    position:absolute;

    top:15px;

    right:15px;

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:var(--secondary);

    color:#fff;

    cursor:pointer;

    z-index:10;

    transition:var(--transition);

}

.psh-certification-close:hover{

    background:var(--secondary-hover);

}


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

@media(max-width:1400px){

    .psh-certification-image{

        height:240px;

    }

}


@media(max-width:1200px){

    .psh-certification-section{

        padding:80px 0;

    }

    .psh-certification-heading h2{

        font-size:38px;

    }

}


@media(max-width:991px){

    .psh-certification-section{

        padding:70px 0;

    }

    .psh-certification-heading{

        margin-bottom:40px;

    }

    .psh-certification-heading h2{

        font-size:34px;

    }

    .psh-certification-heading p{

        font-size:16px;

    }

    .psh-certification-image{

        height:220px;

    }

    .psh-certification-content{

        padding:20px;

    }

}


@media(max-width:767px){

    .psh-certification-heading h2{

        font-size:28px;

    }

    .psh-certification-heading p{

        font-size:15px;

    }

    .psh-certification-image{

        height:200px;

    }

    .psh-certification-content h3{

        font-size:20px;

    }

    .psh-certification-content p{

        font-size:14px;

    }

    .psh-certification-btns{

        flex-direction:column;

    }

    .psh-certification-view-btn{

        width:100%;
        padding:12px;

    }

    .psh-certification-download-btn{

        width:100%;

        height:45px;

    }

    .psh-certification-modal-box{

        width:96%;

        height:80vh;

    }

}


@media(max-width:480px){

    .psh-certification-section{

        padding:60px 0;

    }

    .psh-certification-heading h2{

        font-size:24px;

    }

    .psh-certification-image{

        height:180px;

    }

    .psh-certification-content{

        padding:18px;

    }

    .psh-certification-content h3{

        font-size:18px;

    }

}
.psh-certification-section .container{
    display:block !important;
}
/*=========================================
COMPLIANCE SECTION
=========================================*/

.psh-compliance-section{

    /* padding:90px 0; */

    background:var(--white);

}
.psh-compliance-section .container{

    width:100% !important;
    min-width:100% !important;

}
.psh-compliance-wrapper{

    background:var(--footer);

    border-radius:18px;

    overflow:hidden;

    box-shadow:var(--shadow);

}


/*=========================================
HEADING
=========================================*/

.psh-compliance-heading{

    text-align:center;

    padding:28px 20px 20px;

}

.psh-compliance-heading h2{

    font-size:30px;

    font-weight:700;

    color:var(--white);

    font-family:var(--heading-font);

    margin:0;

    text-transform:uppercase;

}


/*=========================================
GRID
=========================================*/

.psh-compliance-grid{

    display:grid;

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

    align-items:stretch;

}


/*=========================================
ITEM
=========================================*/

.psh-compliance-item{

    padding:35px 18px;

    text-align:center;

    position:relative;

    transition:var(--transition);

}


/* Vertical Divider */

.psh-compliance-item:not(:last-child)::after{

    content:"";

    position:absolute;

    top:20px;

    right:0;

    width:1px;

    height:calc(100% - 40px);

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

}


/*=========================================
ICON
=========================================*/

.psh-compliance-icon{

    width:60px;

    height:60px;

    margin:auto auto 22px;

    border:2px solid rgba(255,107,0,.25);

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    transition:var(--transition);

}

.psh-compliance-icon i{

    font-size:25px;

    color:var(--secondary);

    transition:var(--transition);

}


/*=========================================
TITLE
=========================================*/

.psh-compliance-item h3{

    font-size:18px;

    font-weight:700;

    line-height:1.4;

    color:var(--white);

    font-family:var(--heading-font);

    margin-bottom:14px;

    min-height:58px;

}


/*=========================================
DESCRIPTION
=========================================*/

.psh-compliance-item p{

    font-size:14px;

    line-height:1.8;

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

    font-family:var(--body-font);

    margin:0;

}


/*=========================================
HOVER EFFECT
=========================================*/

.psh-compliance-item:hover{

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

}

.psh-compliance-item:hover .psh-compliance-icon{

    background:var(--secondary);

    border-color:var(--secondary);

    transform:translateY(-6px);

}

.psh-compliance-item:hover .psh-compliance-icon i{

    color:var(--white);

}

.psh-compliance-item:hover h3{

    color:var(--secondary);

}
/*=========================================
RESPONSIVE CSS
=========================================*/

/* Large Desktop */

@media (max-width:1400px){

    .psh-compliance-grid{

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

    }

    .psh-compliance-item{

        padding:35px 22px;

    }

    .psh-compliance-item:nth-child(4)::after{

        display:none;

    }

}


/* Laptop */

@media (max-width:1199px){

    .psh-compliance-section{

        padding:80px 0;

    }

    .psh-compliance-heading h2{

        font-size:32px;

    }

    .psh-compliance-grid{

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

    }

}


/* Tablet */

@media (max-width:991px){

    .psh-compliance-section{

        padding:70px 0;

    }

    .psh-compliance-heading{

        padding:25px 15px 20px;

    }

    .psh-compliance-heading h2{

        font-size:28px;

    }

    .psh-compliance-grid{

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

    }

    .psh-compliance-item{

        padding:30px 20px;

    }

    .psh-compliance-item:nth-child(even)::after{

        display:none;

    }

}


/* Mobile */

@media (max-width:767px){

    .psh-compliance-wrapper{

        border-radius:14px;

    }

    .psh-compliance-heading h2{

        font-size:24px;

        line-height:1.4;

    }

    .psh-compliance-grid{

        grid-template-columns:1fr;

    }

    .psh-compliance-item{

        padding:28px 22px;

        border-bottom:1px solid rgba(255,255,255,.08);

    }

    .psh-compliance-item:last-child{

        border-bottom:none;

    }

    .psh-compliance-item::after{

        display:none !important;

    }

}


/* Small Mobile */

@media (max-width:480px){

    .psh-compliance-section{

        padding:60px 0;

    }

    .psh-compliance-heading{

        padding:22px 15px 18px;

    }

    .psh-compliance-heading h2{

        font-size:21px;

    }

    .psh-compliance-icon{

        width:64px;

        height:64px;

        margin-bottom:18px;

    }

    .psh-compliance-icon i{

        font-size:30px;

    }

    .psh-compliance-item h3{

        font-size:18px;

        min-height:auto;

    }

    .psh-compliance-item p{

        font-size:14px;

        line-height:1.7;

    }

}


/*=========================================
SMOOTH ANIMATION
=========================================*/

.psh-compliance-item,
.psh-compliance-icon,
.psh-compliance-icon i,
.psh-compliance-item h3{

    transition:all .35s ease;

}


/*=========================================
EXTRA HOVER
=========================================*/

.psh-compliance-item{

    overflow:hidden;

}

.psh-compliance-item::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:3px;

    background:var(--secondary);

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s ease;

}

.psh-compliance-item:hover::before{

    transform:scaleX(1);

}
/*=========================================
BUYER TRUST SECTION
=========================================*/

.psh-buyer-trust-section{

    padding:50px 0;

    background:var(--white);

}
.psh-buyer-trust-section .container{

  display:block !important;

}

.psh-buyer-trust-heading{

    text-align:center;

    margin-bottom:45px;

}

.psh-buyer-trust-heading h2{

    font-size:30px;

    font-weight:700;

    color:var(--heading);

    font-family:var(--heading-font);

    line-height:1.3;

}

.psh-buyer-trust-heading span{

    color:var(--primary);

}


/*=========================================
GRID
=========================================*/

.psh-buyer-trust-grid{

    display:grid;

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

    gap:20px 45px;

}


/*=========================================
ITEM
=========================================*/

.psh-buyer-trust-item{

    display:flex;

    align-items:center;

    gap:16px;

    padding:16px 20px;

    border:1px solid var(--border);

    border-radius:10px;

    transition:var(--transition);

    background:var(--white);

}

.psh-buyer-trust-item i{

    font-size:20px;

    color:var(--secondary);

    flex-shrink:0;

}

.psh-buyer-trust-item span{

    font-size:16px;

    font-weight:600;

    color:var(--heading);

    line-height:1.6;

    font-family:var(--body-font);

}


/*=========================================
HOVER
=========================================*/

.psh-buyer-trust-item:hover{

    transform:translateX(8px);

    box-shadow:var(--shadow);

    border-color:var(--secondary);
    

}

.psh-buyer-trust-item:hover i{

    transform:scale(1.15);

}

.psh-buyer-trust-item i{

    transition:.35s;

}


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

@media(max-width:991px){

.psh-buyer-trust-heading h2{

font-size:32px;

}

.psh-buyer-trust-grid{

grid-template-columns:1fr;

gap:20px;

}

}


@media(max-width:767px){

.psh-buyer-trust-section{

padding:70px 0;

}

.psh-buyer-trust-heading{

margin-bottom:35px;

}

.psh-buyer-trust-heading h2{

font-size:28px;

}

.psh-buyer-trust-item{

padding:15px;

}

.psh-buyer-trust-item span{

font-size:16px;

}

}


@media(max-width:480px){

.psh-buyer-trust-heading h2{

font-size:24px;

}

.psh-buyer-trust-item{

gap:12px;

}

.psh-buyer-trust-item i{

font-size:22px;

}

.psh-buyer-trust-item span{

font-size:15px;

}

}
/*=========================================
INDUSTRIES WE SERVE SECTION
=========================================*/

.psh-industries-section{

    padding:40px 0;

    background:var(--white);

}
.psh-industries-section .container{

    display:block !important;

}

.psh-industries-heading{

    text-align:center;

    margin-bottom:55px;

}

.psh-industries-heading h2{

    font-size:30px;

    font-weight:700;

    color:var(--heading);

    font-family:var(--heading-font);

    text-transform:uppercase;

    line-height:1.3;

    margin:0;

}

.psh-industries-heading span{

    color:var(--primary);

}


/*=========================================
GRID
=========================================*/

.psh-industries-grid{

    display:grid;

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

    gap:28px;

}


/*=========================================
CARD
=========================================*/

.psh-industries-item{

    background:var(--white);

    border:1px solid var(--border);

    border-radius:14px;

    padding:30px 20px;

    text-align:center;

    transition:var(--transition);

    box-shadow:var(--shadow);

    cursor:pointer;

}


/*=========================================
ICON
=========================================*/

.psh-industries-icon{

    width:65px;

    height:65px;

    margin:0 auto 20px;

    border-radius:50%;

    background:#f8fbff;

    border:2px solid rgba(10,77,163,.08);

    display:flex;

    justify-content:center;

    align-items:center;

    transition:var(--transition);

}

.psh-industries-icon i{

    font-size:25px;

    color:var(--primary);

    transition:var(--transition);

}


/*=========================================
TITLE
=========================================*/

.psh-industries-item h3{

    font-size:18px;

    font-weight:600;

    color:var(--heading);

    font-family:var(--heading-font);

    line-height:1.5;

    margin:0;

    min-height:55px;

}


/*=========================================
HOVER
=========================================*/

.psh-industries-item:hover{

    transform:translateY(-8px);

    border-color:var(--primary);

}

.psh-industries-item:hover .psh-industries-icon{

    background:var(--secondary);

    border-color:var(--secondary);

    transform:rotateY(180deg);

}

.psh-industries-item:hover .psh-industries-icon i{

    color:var(--white);

    transform:rotateY(-180deg);

}

.psh-industries-item:hover h3{

    color:var(--primary);

}


/*=========================================
SMOOTH
=========================================*/

.psh-industries-item,
.psh-industries-icon,
.psh-industries-icon i{

    transition:all .35s ease;

}
/*=========================================
RESPONSIVE CSS
=========================================*/

/* Large Laptop */

@media (max-width:1400px){

    .psh-industries-grid{

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

    }

}


/* Laptop */

@media (max-width:1199px){

    .psh-industries-section{

        padding:80px 0;

    }

    .psh-industries-heading h2{

        font-size:36px;

    }

    .psh-industries-grid{

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

        gap:24px;

    }

    .psh-industries-item{

        padding:28px 18px;

    }

}


/* Tablet */

@media (max-width:991px){

    .psh-industries-section{

        padding:70px 0;

    }

    .psh-industries-heading{

        margin-bottom:40px;

    }

    .psh-industries-heading h2{

        font-size:32px;

    }

    .psh-industries-grid{

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

        gap:22px;

    }

    .psh-industries-icon{

        width:78px;

        height:78px;

    }

    .psh-industries-icon i{

        font-size:34px;

    }

}


/* Mobile */

@media (max-width:767px){

    .psh-industries-section{

        padding:60px 0;

    }

    .psh-industries-heading h2{

        font-size:28px;

        line-height:1.4;

    }

    .psh-industries-grid{

        grid-template-columns:1fr;

        gap:18px;

    }

    .psh-industries-item{

        display:flex;

        align-items:center;

        gap:18px;

        text-align:left;

        padding:18px;

    }

    .psh-industries-icon{

        margin:0;

        width:68px;

        height:68px;

        flex-shrink:0;

    }

    .psh-industries-icon i{

        font-size:30px;

    }

    .psh-industries-item h3{

        min-height:auto;

        font-size:17px;

        margin:0;

    }

}


/* Small Mobile */

@media (max-width:480px){

    .psh-industries-heading h2{

        font-size:24px;

    }

    .psh-industries-item{

        gap:15px;

        padding:16px;

    }

    .psh-industries-icon{

        width:60px;

        height:60px;

    }

    .psh-industries-icon i{

        font-size:26px;

    }

    .psh-industries-item h3{

        font-size:16px;

    }

}


/*=========================================
EXTRA HOVER EFFECT
=========================================*/

.psh-industries-item{

    position:relative;

    overflow:hidden;

}

.psh-industries-item::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:4px;

    height:100%;

    background:var(--secondary);

    transform:scaleY(0);

    transform-origin:top;

    transition:var(--transition);

}

.psh-industries-item:hover::before{

    transform:scaleY(1);

}

.psh-industries-item:hover{

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

}


/*=========================================
SMOOTH
=========================================*/

.psh-industries-item,
.psh-industries-icon,
.psh-industries-icon i,
.psh-industries-item h3{

    transition:all .35s ease;

}
/*=========================================
GLOBAL TESTIMONIAL SECTION
=========================================*/

.psh-global-testimonial-section{

    padding:50px 0;

    background:var(--white);

}
.psh-global-testimonial-section .container{

    display:block !important;

}

.psh-global-testimonial-heading{

    text-align:center;

    margin-bottom:55px;

}

.psh-global-testimonial-heading h2{

    font-size:30px;

    font-weight:700;

    color:var(--heading);

    font-family:var(--heading-font);

    text-transform:uppercase;

    line-height:1.3;

    margin:0;

}

.psh-global-testimonial-heading span{

    color:var(--primary);

}


/*=========================================
SWIPER
=========================================*/

.psh-global-testimonial-slider{

    padding:15px 8px 60px;

}

.psh-global-testimonial-slider .swiper-slide{

    height:auto;

    display:flex;

}


/*=========================================
CARD
=========================================*/

.psh-global-testimonial-card{

    width:100%;

    background:var(--white);

    border:1px solid var(--border);

    border-radius:14px;

    padding:25px;

    box-shadow:var(--shadow);

    transition:var(--transition);

    display:flex;

    flex-direction:column;

}

.psh-global-testimonial-card:hover{

    transform:translateY(-8px);

    border-color:var(--primary);

}


/*=========================================
TOP AREA
=========================================*/

.psh-global-testimonial-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;

}

.psh-global-testimonial-top img{

    width:48px;

    height:34px;

    object-fit:cover;

    border-radius:4px;

    border:1px solid var(--border);

}


/*=========================================
STARS
=========================================*/

.psh-global-testimonial-stars{

    display:flex;

    gap:4px;

}

.psh-global-testimonial-stars i{

    color:#FDBA12;

    font-size:15px;

}


/*=========================================
TEXT
=========================================*/

.psh-global-testimonial-card p{

    font-size:15px;

    line-height:1.9;

    color:var(--text);

    margin-bottom:22px;

    font-family:var(--body-font);

    flex:1;

    font-style:italic;

}


/*=========================================
CLIENT NAME
=========================================*/

.psh-global-testimonial-card h4{

    font-size:18px;

    color:var(--heading);

    font-weight:700;

    margin-bottom:5px;

    font-family:var(--heading-font);

}

.psh-global-testimonial-card span{

    color:var(--primary);

    font-size:15px;

    font-weight:600;

}


/*=========================================
HOVER EFFECT
=========================================*/

.psh-global-testimonial-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:var(--secondary);

    transform:scaleX(0);

    transform-origin:left;

    transition:var(--transition);

}

.psh-global-testimonial-card{

    position:relative;

    overflow:hidden;

}

.psh-global-testimonial-card:hover::before{

    transform:scaleX(1);

}


/*=========================================
NAVIGATION
=========================================*/

.psh-global-testimonial-slider .swiper-button-next,
.psh-global-testimonial-slider .swiper-button-prev{

    width:48px;

    height:48px;

    border-radius:50%;

    background:var(--white);

    color:var(--primary);

    box-shadow:var(--shadow);

}

.psh-global-testimonial-slider .swiper-button-next::after,
.psh-global-testimonial-slider .swiper-button-prev::after{

    font-size:18px;

    font-weight:700;

}

.psh-global-testimonial-slider .swiper-button-next:hover,
.psh-global-testimonial-slider .swiper-button-prev:hover{

    background:var(--primary);

    color:var(--white);

}


/*=========================================
PAGINATION
=========================================*/

.psh-global-testimonial-slider .swiper-pagination-bullet{

    width:11px;

    height:11px;

    opacity:1;

    background:#cbd5e1;

}

.psh-global-testimonial-slider .swiper-pagination-bullet-active{

    width:28px;

    border-radius:50px;

    background:var(--secondary);

}


/*=========================================
SMOOTH
=========================================*/

.psh-global-testimonial-card,
.psh-global-testimonial-top img,
.psh-global-testimonial-stars i{

    transition:all .35s ease;

}
/*=========================================
RESPONSIVE
=========================================*/

/* Large Laptop */

@media (max-width:1400px){

    .psh-global-testimonial-heading h2{

        font-size:38px;

    }

}


/* Laptop */

@media (max-width:1199px){

    .psh-global-testimonial-section{

        padding:80px 0;

    }

    .psh-global-testimonial-heading{

        margin-bottom:45px;

    }

    .psh-global-testimonial-heading h2{

        font-size:34px;

    }

    .psh-global-testimonial-card{

        padding:22px;

    }

}


/* Tablet */

@media (max-width:991px){

    .psh-global-testimonial-section{

        padding:70px 0;

    }

    .psh-global-testimonial-heading h2{

        font-size:30px;

    }

    .psh-global-testimonial-card{

        padding:20px;

    }

    .psh-global-testimonial-card p{

        font-size:14px;

        line-height:1.8;

    }

}


/* Mobile */

@media (max-width:767px){

    .psh-global-testimonial-section{

        padding:60px 0;

    }

    .psh-global-testimonial-heading{

        margin-bottom:35px;

    }

    .psh-global-testimonial-heading h2{

        font-size:26px;

        line-height:1.4;

    }

    .psh-global-testimonial-card{

        padding:18px;

    }

    .psh-global-testimonial-top{

        flex-direction:column;

        align-items:flex-start;

        gap:12px;

    }

    .psh-global-testimonial-top img{

        width:55px;

        height:38px;

    }

    .psh-global-testimonial-card h4{

        font-size:17px;

    }

    .psh-global-testimonial-card span{

        font-size:14px;

    }

    .psh-global-testimonial-slider{

        padding-bottom:55px;

    }

}


/* Small Mobile */

@media (max-width:480px){

    .psh-global-testimonial-heading h2{

        font-size:22px;

    }

    .psh-global-testimonial-card{

        padding:16px;

        border-radius:12px;

    }

    .psh-global-testimonial-card p{

        font-size:13px;

    }

    .psh-global-testimonial-top img{

        width:48px;

        height:32px;

    }

    .psh-global-testimonial-stars i{

        font-size:13px;

    }

    .psh-global-testimonial-card h4{

        font-size:16px;

    }

}


/*=========================================
HOVER EFFECT
=========================================*/

.psh-global-testimonial-card:hover{

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

}

.psh-global-testimonial-card:hover .psh-global-testimonial-top img{

    transform:scale(1.08);

}

.psh-global-testimonial-card:hover .psh-global-testimonial-stars i{

    transform:translateY(-2px);

}

.psh-global-testimonial-card:hover h4{

    color:var(--primary);

}


/*=========================================
SMOOTH
=========================================*/

.psh-global-testimonial-card,
.psh-global-testimonial-top img,
.psh-global-testimonial-stars i,
.psh-global-testimonial-card h4{

    transition:all .35s ease;

}
.psh-hero-stats-h3-123{
    font-size: 18px !important;
    font-weight: 600;
    color: var(--heading) !important;
    line-height: 1.4;
    font-family: var(--body-font);
    margin-bottom: 0px;
}
.psh-hero-stats-p-123{
    font-size: 14px;
    color: var(--text) !important;
    line-height: 1.6;
    font-family: var(--body-font);
    margin-bottom: 0px;
}

/*=====================================
HERO STATS
======================================*/

.nxim-stats-section{

    margin-top:-45px;
    position:relative;
    z-index:10;

}

.nxim-stats-wrapper{

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

    background:var(--footer);

    border-radius:14px;

    overflow:hidden;

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

}

.nxim-stat-card{

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

    padding:28px 35px;

    border-right:1px solid rgba(255,255,255,.08);

    transition:.35s ease;

}

.nxim-stat-last{

    border-right:none;

}

.nxim-stat-card:hover{

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

}

.nxim-stat-icon{

    width:40px;
    height:40px;

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

    border-radius:50%;

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

    color:var(--white);

    flex-shrink:0;

}

.nxim-stat-icon i{

    font-size:20px;

}

.nxim-stat-content h3{

    margin:0 0 5px;

    color:var(--white);

    font-size:18px;

    font-weight:700;

    line-height:1;

    font-family:var(--heading-font);

}

.nxim-stat-content p{

    margin:0;

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

    font-size:14px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.5px;

}

/*=====================================
TABLET
======================================*/

@media(max-width:991px){

    .nxim-stats-wrapper{

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

    }

    .nxim-stat-card{

        border-right:none;

        border-bottom:1px solid rgba(255,255,255,.08);
        /* text-align: left; */

    }

}


/*=====================================
MOBILE
======================================*/

@media(max-width:576px){

    .nxim-stats-section{

        margin-top:30px;

    }

    .nxim-stats-wrapper{

        grid-template-columns:1fr;

    }

    .nxim-stat-card{

        justify-content:center;

        text-align:left;

        padding:22px;


    }

}
/*=====================================
GLOBAL PRESENCE
======================================*/

.nxim-global-section{

    padding:40px 0;
    background:#f5f5f5;

}

.nxim-global-wrapper{

    display:grid;
    grid-template-columns:420px 1fr;
    align-items:center;
    gap:60px;

}

.nxim-global-tag{

    display:inline-block;

    margin-bottom:18px;

    color:var(--primary);

    font-size:15px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;

    position:relative;

    padding-left:18px;

}

.nxim-global-tag::before{

    content:"";

    position:absolute;

    left:0;
    top:2px;

    width:4px;
    height:18px;

    background:var(--secondary);

    border-radius:5px;

}

.nxim-global-title{

    margin-bottom:35px;

    font-size:30px;

    line-height:1.3;

    font-weight:700;

    color:var(--heading);

    text-transform:uppercase;

}

.nxim-country-list{

    display:flex;

    gap:60px;

}

.nxim-country-list ul{

    margin:0;
    padding:0;

    list-style:none;

}

.nxim-country-list li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

    color:var(--heading);

    font-size:18px;

    font-weight:500;

}

.nxim-country-list i{

    color:var(--primary);

    font-size:20px;

}

.nxim-global-image{

    text-align:right;

}

.nxim-global-image img{

    width:100%;

    max-width:760px;

    display:block;

    margin-left:auto;

}

/*=====================================
TABLET
======================================*/

@media(max-width:991px){

.nxim-global-wrapper{

grid-template-columns:1fr;

gap:50px;

}

.nxim-global-content{

text-align:center;

}

.nxim-country-list{

justify-content:center;

}

.nxim-global-image{

text-align:center;

}

.nxim-global-image img{

margin:auto;

}

}


/*=====================================
MOBILE
======================================*/

@media(max-width:576px){

.nxim-global-title{

font-size:28px;

}

.nxim-country-list{

/* flex-direction:column; */

gap:27px;

}

.nxim-country-list li{

font-size:16px;

}

}
/*=====================================
CERTIFICATION SECTION
======================================*/

.nxim-certification-section{

    padding:40px 0;
    background:#fff;

}
.nxim-certification-section .container{

    display:block !important;

}

/*=====================================
HEADING
======================================*/

.nxim-certification-heading{

    text-align:center;
    margin-bottom:40px;

}

.nxim-certification-heading span{

    font-size:30px;
    font-weight:700;
    color:var(--primary);
    /* text-transform:uppercase; */
    letter-spacing:1px;
    position:relative;
    display:inline-block;

}

.nxim-certification-heading span::after{

    content:"";

    width:70px;
    height:3px;

    background:var(--secondary);

    display:block;

    margin:12px auto 0;

    border-radius:20px;

}

/*=====================================
GRID
======================================*/

.nxim-certification-wrapper{

    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:25px;

}

/*=====================================
CARD
======================================*/

.nxim-certification-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:12px;

    padding:30px 20px;

    text-align:center;

    transition:.35s ease;

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

}

.nxim-certification-card:hover{

    transform:translateY(-8px);

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

}

/*=====================================
IMAGE
======================================*/

.nxim-certification-card img{

    width:100%;
    max-width:120px;
    height:90px;
    object-fit:contain;

    margin:auto auto 18px;

    display:block;

}

/*=====================================
TITLE
======================================*/

.nxim-certification-card h4{

    margin:0;

    font-size:17px;

    font-weight:600;

    color:var(--heading);

    line-height:1.4;

}
/*=====================================
TABLET
======================================*/

@media(max-width:991px){

.nxim-certification-wrapper{

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

}

}


/*=====================================
MOBILE
======================================*/

@media(max-width:767px){

.nxim-certification-wrapper{

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

gap:20px;

}

.nxim-certification-card{

padding:25px 15px;

}

.nxim-certification-card img{

max-width:90px;

height:70px;

}

.nxim-certification-card h4{

font-size:15px;

}

}


/*=====================================
SMALL MOBILE
======================================*/

@media(max-width:480px){

.nxim-certification-wrapper{

grid-template-columns:1fr;

}

}
/*=====================================
FEATURED PRODUCTS SECTION
======================================*/

.nxim-featured-section{

    padding:40px 0;
    background:#f8fafc;
    position:relative;
    overflow:hidden;

}
.nxim-featured-section .container{

    display:block !important;

}

/*=====================================
HEADING
======================================*/

.nxim-featured-heading{

    text-align:center;
    margin-bottom:45px;

}

.nxim-featured-heading span{

    display:inline-block;

    font-size:30px;
    font-weight:700;

    /* text-transform:uppercase; */
    letter-spacing:1px;

    color:var(--primary);

    position:relative;

    padding-bottom:14px;

}

.nxim-featured-heading span::after{

    content:"";

    position:absolute;

    left:50%;
    bottom:0;

    transform:translateX(-50%);

    width:70px;
    height:3px;

    background:var(--secondary);

    border-radius:20px;

}

/*=====================================
SWIPER
======================================*/

.nxim-product-swiper{

    position:relative;
    overflow:hidden;

}

/*=====================================
CARD
======================================*/

.nxim-product-card{

    background:var(--white);

    border:1px solid var(--border);

    border-radius:14px;

    padding:22px;

    text-align:center;

    height:100%;

    transition:var(--transition);

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

}

.nxim-product-card:hover{

    transform:translateY(-8px);

    border-color:var(--primary);

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

}

/*=====================================
IMAGE BOX
======================================*/

.nxim-product-image{

    height:190px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:20px;

    overflow:hidden;

}

/*=====================================
IMAGE
======================================*/

.nxim-product-image img{

    width:100%;

    max-width:190px;

    transition:.45s ease;

}

.nxim-product-card:hover .nxim-product-image img{

    transform:scale(1.08);

}

/*=====================================
TITLE
======================================*/

.nxim-product-card h3{

    margin:0;

    font-family:var(--heading-font);

    font-size:14px;

    font-weight:600;

    color:var(--heading);

    line-height:1.55;

    min-height:58px;

}

/*=====================================
SWIPER NAVIGATION
======================================*/

.nxim-product-next,
.nxim-product-prev{

    width:50px;
    height:50px;

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    z-index:20;

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

    background:var(--white);

    border:1px solid rgba(10,77,163,.12);

    border-radius:50%;

    cursor:pointer;

    transition:var(--transition);

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.nxim-product-prev{

    left:-8px;

}

.nxim-product-next{

    right:-8px;

}

/*=====================================
CUSTOM ICON
======================================*/

.nxim-product-next::before,
.nxim-product-prev::before{

    font-family:"bootstrap-icons";

    font-size:18px;

    color:var(--primary);

    transition:var(--transition);

}

.nxim-product-prev::before{

    content:"\F284";

}

.nxim-product-next::before{

    content:"\F285";

}

.nxim-product-next::after,
.nxim-product-prev::after{

    display:none;

}

.nxim-product-next:hover,
.nxim-product-prev:hover{

    background:var(--primary);

}

.nxim-product-next:hover::before,
.nxim-product-prev:hover::before{

    color:var(--white);

}

/*=====================================
PAGINATION
======================================*/

.nxim-product-pagination{

    margin-top:40px;

    text-align:center;

}

.nxim-product-pagination .swiper-pagination-bullet{

    width:12px;

    height:12px;

    opacity:1;

    background:#d1d5db;

    transition:.35s ease;

}

.nxim-product-pagination .swiper-pagination-bullet-active{

    width:34px;

    border-radius:30px;

    background:var(--secondary);

}
/*=====================================
TABLET
======================================*/

@media (max-width:991px){

    .nxim-featured-section{

        padding:70px 0;

    }

    .nxim-featured-heading{

        margin-bottom:35px;

    }

    .nxim-product-card{

        padding:20px;

    }

    .nxim-product-image{

        height:170px;

    }

    .nxim-product-image img{

        max-width:170px;

    }

    .nxim-product-card h3{

        font-size:17px;

        min-height:52px;

    }

    .nxim-product-next{

        right:0;

    }

    .nxim-product-prev{

        left:0;

    }

}


/*=====================================
MOBILE
======================================*/

@media (max-width:767px){

    .nxim-featured-section{

        padding:60px 0;

    }

    .nxim-featured-heading span{

        font-size:15px;

    }

    .nxim-product-card{

        padding:18px;

    }

    .nxim-product-image{

        height:150px;

    }

    .nxim-product-image img{

        max-width:150px;

    }

    .nxim-product-card h3{

        font-size:16px;

        min-height:auto;

        line-height:1.5;

    }

    .nxim-product-next,
    .nxim-product-prev{

        width:44px;

        height:44px;

    }

    .nxim-product-next::before,
    .nxim-product-prev::before{

        font-size:16px;

    }

}


/*=====================================
SMALL MOBILE
======================================*/

@media (max-width:575px){

    .nxim-featured-section{

        padding:50px 0;

    }

    .nxim-featured-heading{

        margin-bottom:28px;

    }

    .nxim-product-card{

        padding:16px;

    }

    .nxim-product-image{

        height:135px;

        margin-bottom:15px;

    }

    .nxim-product-image img{

        max-width:135px;

    }

    .nxim-product-card h3{

        font-size:15px;

    }

    .nxim-product-next,
    .nxim-product-prev{

        display:none;

    }

    .nxim-product-pagination{

        margin-top:25px;

    }

}


/*=====================================
EXTRA SMALL MOBILE
======================================*/

@media (max-width:400px){

    .nxim-product-image{

        height:120px;

    }

    .nxim-product-image img{

        max-width:120px;

    }

    .nxim-product-card h3{

        font-size:14px;

    }

}
.mv-counter-item i{

    width:40px;
    height:40px;

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

    flex-shrink:0;

    border-radius:50%;

    background:var(--primary);

    color:white;

    font-size:20px;

    transition:var(--transition);

}

.mv-counter-item:hover i{

    background:var(--primary);

    color:var(--white);

    transform:translateY(-6px);

}


/* why us */
/*=========================================
TRUST BANNER
=========================================*/

.pm-trust-banner-section{

    position:relative;
    overflow:hidden;

    width:100%;
    min-height:650px;

    display:flex;
    align-items:center;

    background:url('/public/frontend/assets/img/why-us-bg-img.jpg'); center center/cover no-repeat;

}

.pm-trust-banner-overlay{

    position:absolute;
    inset:0;

    background:linear-gradient(
        90deg,
        rgba(8,28,57,.95) 0%,
        rgba(8,28,57,.90) 35%,
        rgba(8,28,57,.65) 58%,
        rgba(8,28,57,.15) 100%
    );

}

.pm-trust-banner-section .container{

    position:relative;
    z-index:2;
    justify-content: left !important;

}

.pm-trust-banner-content{

    max-width:600px;

}

.pm-trust-banner-heading{

    font-family:var(--heading-font);

    font-size:30px;

    font-weight:700;

    line-height:1.45;

    color:var(--white);

    text-transform:uppercase;

    margin-bottom:20px;

}

.pm-trust-banner-heading span{

    display:block;

    color:var(--secondary);

}

.pm-trust-banner-text{

    font-size:16px;

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

    line-height:1.8;

    margin-bottom:40px;

    max-width:520px;

}

.pm-trust-banner-counter{

    display:flex;

    gap:30px;

    flex-wrap:wrap;

}

.pm-trust-counter-item{

    min-width:70px;

    padding-right:15px;

    border-right:1px solid rgba(255,255,255,.15);

}

.pm-trust-counter-item:last-child{

    border:none;

    padding-right:0;

}

.pm-trust-counter-item i{

    font-size:26px;

    color:var(--secondary);

    margin-bottom:15px;

    display:inline-block;

}

.pm-trust-counter-item h3{

    font-size:17px;

    font-weight:700;

    color:var(--white);

    margin-bottom:5px;

    font-family:var(--heading-font);

}

.pm-trust-counter-item p{

    margin:0;

    font-size:14px;

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

}
/*============================
991px
============================*/

@media(max-width:991px){

.pm-trust-banner-section{

    min-height:580px;

}

.pm-trust-banner-content{

    max-width:100%;

}

.pm-trust-banner-counter{

    gap:20px;

}

.pm-trust-counter-item{

    flex:0 0 calc(50% - 10px);

    border:none;

    padding-right:0;

}

}


/*============================
767px
============================*/

@media(max-width:767px){

.pm-trust-banner-section{

    min-height:auto;

    padding:70px 0;

}

.pm-trust-banner-overlay{

    background:rgba(8,28,57,.88);

}

.pm-trust-banner-heading{

    font-size:26px;

    line-height:1.4;

}

.pm-trust-banner-text{

    font-size:15px;

    margin-bottom:30px;

}

.pm-trust-banner-counter{

    gap:25px;

}

.pm-trust-counter-item{

    flex:0 0 100%;

    text-align:center;

}

.pm-trust-counter-item i{

    font-size:30px;

}

.pm-trust-counter-item h3{

    font-size:28px;

}

}


/*============================
480px
============================*/

@media(max-width:480px){

.pm-trust-banner-heading{

    font-size:22px;

}

.pm-trust-banner-text{

    font-size:14px;

}

.pm-trust-counter-item h3{

    font-size:24px;

}

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

.pm-whychoose-section{
    padding:40px 0;
    background:var(--white);
}

.pm-whychoose-section .container{
    display: block;
}
.pm-whychoose-heading{
    text-align:center;
    max-width:760px;
    margin:0 auto 55px;
}

.pm-whychoose-subtitle{
    display:inline-flex;
    align-items:center;
    gap:18px;

    font-size:15px;
    font-weight:600;
    letter-spacing:1px;
    color:var(--secondary);
    text-transform:uppercase;
}

.pm-whychoose-subtitle::before,
.pm-whychoose-subtitle::after{
    content:"";
    width:55px;
    height:2px;
    background:var(--secondary);
}

.pm-whychoose-heading h2{
    font-family:var(--heading-font);
    font-size:30px;
    font-weight:700;
    color:var(--heading);
    margin:15px 0;
}

.pm-whychoose-heading p{
    font-size:16px;
    line-height:1.8;
    color:var(--text);
    margin:0;
    
}

/*============================
GRID
============================*/

.pm-whychoose-grid{

    display:grid;

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

    gap:30px;

}

/*============================
CARD
============================*/

.pm-why-card{

    background:var(--white);

    border:1px solid var(--border);

    border-radius:var(--radius);

    padding:40px 25px;

    text-align:center;

    transition:var(--transition);

    box-shadow:0 5px 18px rgba(0,0,0,.05);

    position:relative;

    overflow:hidden;

    height:100%;

}

.pm-why-card:hover{

    transform:translateY(-8px);

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

    border-color:var(--primary);

}

/*============================
ICON
============================*/

.pm-why-card-icon{

    width:82px;

    height:82px;

    margin:0 auto 22px;

    border-radius:50%;

    background:var(--primary);

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.4s;

}

.pm-why-card:hover .pm-why-card-icon{

    background:var(--secondary);

    transform:rotate(8deg);

}

.pm-why-card-icon i{

    color:var(--white);

    font-size:34px;

}

/*============================
TEXT
============================*/

.pm-why-card h3{

    font-size:18px;

    font-family:var(--heading-font);

    font-weight:700;

    color:var(--secondary);

    margin-bottom:18px;

    text-transform:uppercase;

}

.pm-why-card p{

    font-size:16px;

    color:var(--text);

    line-height:1.8;

    margin-bottom:25px;
    height: 140px;

}

/*============================
BOTTOM LINE
============================*/

.pm-why-line{

    display:block;

    width:55px;

    height:3px;

    background:var(--secondary);

    margin:auto;

    transition:.4s;

}

.pm-why-card:hover .pm-why-line{

    width:90px;

}

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

@media(max-width:1199px){

.pm-whychoose-grid{

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

}

}


@media(max-width:991px){

.pm-whychoose-section{

    padding:70px 0;

}

.pm-whychoose-grid{

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

    gap:25px;

}

.pm-whychoose-heading h2{

    font-size:28px;

}

.pm-why-card{

    padding:35px 20px;

}

}


@media(max-width:767px){

.pm-whychoose-grid{

    grid-template-columns:1fr;

}

.pm-whychoose-heading{

    margin-bottom:40px;

}

.pm-whychoose-heading h2{

    font-size:24px;

}

.pm-whychoose-heading p{

    font-size:15px;

}

.pm-why-card{

    padding:30px 20px;

}

.pm-why-card h3{

    font-size:20px;

}

.pm-why-card-icon{

    width:72px;

    height:72px;

}

.pm-why-card-icon i{

    font-size:30px;

}

}


@media(max-width:575px){

.pm-whychoose-section{

    padding:60px 0;

}

.pm-whychoose-subtitle{

    font-size:14px;

    gap:12px;

}

.pm-whychoose-subtitle::before,
.pm-whychoose-subtitle::after{

    width:35px;

}

.pm-whychoose-heading h2{

    font-size:22px;

}

.pm-why-card p{

    font-size:15px;

}

}

/*=========================================
INFRASTRUCTURE SECTION
=========================================*/

.pm-infra-section{

    padding:40px 0;

    background:var(--footer);

}
.pm-infra-section .container{
    display: block;
}

.pm-infra-heading{

    text-align:center;

    max-width:760px;

    margin:0 auto 55px;

}

.pm-infra-subtitle{

    display:inline-flex;

    align-items:center;

    gap:18px;

    color:var(--secondary);

    font-size:15px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

}

.pm-infra-subtitle::before,
.pm-infra-subtitle::after{

    content:"";

    width:55px;

    height:2px;

    background:var(--secondary);

}

.pm-infra-heading h2{

    font-size:30px;

    font-weight:700;

    color:var(--white);

    font-family:var(--heading-font);

    margin:15px 0;

}

.pm-infra-heading p{

    font-size:16px;

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

    line-height:1.8;

    margin:0;

}


/*===========================
GRID
===========================*/

.pm-infra-grid{

    display:grid;

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

    gap:22px;

}


/*===========================
CARD
===========================*/

.pm-infra-card{

    background:var(--white);

    border-radius:10px;

    overflow:hidden;

    position:relative;

    transition:var(--transition);

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

    height:100%;

}

.pm-infra-card:hover{

    transform:translateY(-8px);

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

}


/*===========================
IMAGE
===========================*/

.pm-infra-image{

    overflow:hidden;

    height:190px;

}

.pm-infra-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}

.pm-infra-card:hover .pm-infra-image img{

    transform:scale(1.08);

}


/*===========================
ICON
===========================*/

.pm-infra-icon{

    width:74px;

    height:74px;

    background:var(--white);

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    position:absolute;

    left:50%;

    top:155px;

    transform:translateX(-50%);

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

    transition:.35s;

}

.pm-infra-card:hover .pm-infra-icon{

    background:var(--secondary);

}

.pm-infra-icon i{

    font-size:30px;

    color:var(--secondary);

    transition:.35s;

}

.pm-infra-card:hover .pm-infra-icon i{

    color:var(--white);

}


/*===========================
CONTENT
===========================*/

.pm-infra-content{

    padding:50px 22px 28px;

    text-align:center;

}

.pm-infra-content h3{

    font-size:18px;

    font-weight:700;

    font-family:var(--heading-font);

    color:var(--heading);

    margin-bottom:15px;
    height: 50px;

}

.pm-infra-content p{

    font-size:15px;

    line-height:1.8;

    color:var(--text);

    margin:0;

}


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

@media(max-width:1399px){

.pm-infra-grid{

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

}

}


@media(max-width:1199px){

.pm-infra-grid{

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

}

}


@media(max-width:991px){

.pm-infra-section{

    padding:70px 0;

}

.pm-infra-grid{

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

}

.pm-infra-heading h2{

    font-size:28px;

}

}


@media(max-width:767px){

.pm-infra-grid{

    grid-template-columns:1fr;

}

.pm-infra-heading{

    margin-bottom:40px;

}

.pm-infra-heading h2{

    font-size:24px;

}

.pm-infra-heading p{

    font-size:15px;

}

.pm-infra-image{

    height:220px;

}

.pm-infra-content{

    padding:55px 20px 25px;

}

.pm-infra-content h3{

    font-size:19px;

}

}


@media(max-width:575px){

.pm-infra-section{

    padding:60px 0;

}

.pm-infra-subtitle{

    gap:12px;

    font-size:14px;

}

.pm-infra-subtitle::before,
.pm-infra-subtitle::after{

    width:35px;

}

.pm-infra-heading h2{

    font-size:22px;

}

.pm-infra-image{

    height:200px;

}

.pm-infra-icon{

    width:68px;

    height:68px;

    top:165px;

}

.pm-infra-icon i{

    font-size:26px;

}

}
/*=========================================
QUALITY ASSURANCE
=========================================*/

.pm-quality-section{

    padding:40px 0;

    background:var(--white);

}
.pm-quality-section .container{
    display: block;
}

.pm-quality-heading{

    max-width:760px;

    margin:0 auto 60px;

    text-align:center;

}

.pm-quality-subtitle{

    display:inline-flex;

    align-items:center;

    gap:18px;

    color:var(--secondary);

    font-size:15px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

}

.pm-quality-subtitle::before,
.pm-quality-subtitle::after{

    content:"";

    width:55px;

    height:2px;

    background:var(--secondary);

}

.pm-quality-heading h2{

    margin:15px 0;

    font-size:30px;

    font-family:var(--heading-font);

    font-weight:700;

    color:var(--heading);

}

.pm-quality-heading p{

    margin:0;

    font-size:16px;

    line-height:1.8;

    color:var(--text);

}


/*==============================
GRID
==============================*/

.pm-quality-grid{

    display:grid;

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

    gap:22px;

}


/*==============================
CARD
==============================*/

.pm-quality-card{

    position:relative;

    background:var(--white);

    border:1px solid var(--border);

    border-radius:10px;

    padding:35px 20px;

    text-align:center;

    transition:var(--transition);

    box-shadow:0 5px 18px rgba(0,0,0,.06);

    overflow:visible;

    height:100%;

}

.pm-quality-card:hover{

    transform:translateY(-8px);

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

    border-color:var(--primary);

}


/*==============================
ICON
==============================*/

.pm-quality-icon{

    width:78px;

    height:78px;

    margin:0 auto 20px;

    border-radius:50%;

    background:#eef4ff;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.pm-quality-card:hover .pm-quality-icon{

    background:var(--primary);

}

.pm-quality-icon i{

    font-size:34px;

    color:var(--primary);

    transition:.35s;

}

.pm-quality-card:hover .pm-quality-icon i{

    color:var(--white);

}


/*==============================
NUMBER
==============================*/

.pm-quality-number{

    display:block;

    margin-bottom:15px;

    font-size:22px;

    font-weight:700;

    font-family:var(--heading-font);

    color:var(--primary);

}


/*==============================
TEXT
==============================*/

.pm-quality-card h3{

    font-size:18px;

    font-weight:700;

    color:var(--heading);

    line-height:1.45;

    margin-bottom:15px;

    font-family:var(--heading-font);

    text-transform:uppercase;

}

.pm-quality-card p{

    margin:0;

    font-size:14px;

    line-height:1.8;

    color:var(--text);

}


/*==============================
ARROW
==============================*/

.pm-quality-arrow{

    position:absolute;

    right:-22px;

    top:50%;

    transform:translateY(-50%);

    width:42px;

    height:42px;

    border-radius:50%;

    background:var(--white);

    display:flex;

    align-items:center;

    justify-content:center;

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

    z-index:5;

}

.pm-quality-arrow i{

    font-size:22px;

    color:var(--secondary);

}

.pm-quality-card:last-child .pm-quality-arrow{

    display:none;

}


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

@media(max-width:1399px){

.pm-quality-grid{

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

}

.pm-quality-arrow{

    display:none;

}

}


@media(max-width:991px){

.pm-quality-section{

    padding:70px 0;

}

.pm-quality-grid{

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

}

.pm-quality-heading h2{

    font-size:28px;

}

}


@media(max-width:767px){

.pm-quality-grid{

    grid-template-columns:1fr;

}

.pm-quality-heading{

    margin-bottom:40px;

}

.pm-quality-heading h2{

    font-size:24px;

}

.pm-quality-heading p{

    font-size:15px;

}

.pm-quality-card{

    padding:30px 20px;

}

.pm-quality-icon{

    width:72px;

    height:72px;

}

.pm-quality-icon i{

    font-size:30px;

}

.pm-quality-number{

    font-size:24px;

}

.pm-quality-card h3{

    font-size:17px;

}

.pm-quality-card p{

    font-size:15px;

}

}


@media(max-width:575px){

.pm-quality-section{

    padding:60px 0;

}

.pm-quality-subtitle{

    gap:12px;

    font-size:14px;

}

.pm-quality-subtitle::before,
.pm-quality-subtitle::after{

    width:35px;

}

.pm-quality-heading h2{

    font-size:22px;

}

}
/* industries */


/* industries */
/*==============================
Industries Section
==============================*/

.hm-industries-sec{
    position:relative;
    overflow:hidden;
    padding:90px 0;
    background:url("/assests/img/industries-bg-img.jpg") center center/cover no-repeat;
}

.hm-industries-overlay{
    position:absolute;
    inset:0;
    /* background:rgba(7,25,55,.82); */
}

.hm-industries-container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:var(--container);
    margin:auto;
    padding:0 15px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
}

.hm-industries-left{
    width:55%;
}

.hm-industries-right{
    width:45%;
    display:flex;
    justify-content:flex-end;
}

.hm-industries-breadcrumb{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:25px;
    font-family:var(--body-font);
    font-size:15px;
    color:rgba(255,255,255,.8);
}

.hm-industries-breadcrumb a{
    color:var(--white);
    text-decoration:none;
}

.hm-industries-title{
    margin:0;
    font-size:30px;
    line-height:1;
    font-weight:700;
    font-family:var(--heading-font);
    color:var(--white);
}

.hm-industries-title span{
    display:block;
    color:var(--secondary);
    margin-top:12px;
}

.hm-industries-text{
    max-width:650px;
    margin:30px 0 55px;
    color:#e5e7eb;
    line-height:1.9;
    font-size:16px;
    font-family:var(--body-font);
}

.hm-industries-counter-wrap{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.hm-industries-counter-box{
    position:relative;
    padding-right:20px;
}

.hm-industries-counter-box:not(:last-child):after{
    content:"";
    position:absolute;
    right:0;
    top:10px;
    width:1px;
    height:75px;
    background:rgba(255,255,255,.18);
}

.hm-industries-icon{
    width:50px;
    height:50px;
    border:2px solid var(--secondary);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--secondary);
    font-size:18px;
    margin-bottom:18px;
}

.hm-industries-counter-box h3{
    margin:0 0 6px;
    font-size:17px;
    color:var(--white);
    font-family:var(--heading-font);
}

.hm-industries-counter-box p{
    margin:0;
    color:#d6d6d6;
    font-size:14px;
    line-height:1.6;
    font-family:var(--body-font);
}

.hm-industries-img{
    position:relative;
    
    border-radius:50px 0 50px 0;
    overflow:hidden;
    transform:skewX(-10deg);
    box-shadow:var(--shadow);
}

.hm-industries-img img{
    display:block;
    width:100%;
    transform:skewX(10deg) scale(1.05);
}

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

@media(max-width:1199px){

.hm-industries-title{
    font-size:60px;
}

.hm-industries-container{
    gap:40px;
}

}

@media(max-width:991px){

.hm-industries-container{
    flex-direction:column;
}

.hm-industries-left,
.hm-industries-right{
    width:100%;
}

.hm-industries-right{
    justify-content:center;
}

.hm-industries-counter-wrap{
    grid-template-columns:repeat(2,1fr);
}

.hm-industries-title{
    font-size:52px;
}

}

@media(max-width:767px){

.hm-industries-sec{
    padding:70px 0;
}

.hm-industries-title{
    font-size:42px;
}

.hm-industries-text{
    font-size:16px;
    margin-bottom:40px;
}

.hm-industries-counter-wrap{
    grid-template-columns:1fr;
    gap:25px;
}

.hm-industries-counter-box:after{
    display:none;
}

.hm-industries-img{
    transform:none;
    border-radius:25px;
}

.hm-industries-img img{
    transform:none;
}

}
.hm-industries-icon{
    width:55px;
    height:55px;
    border:2px solid var(--secondary);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--secondary);
    font-size:28px;
    margin-bottom:18px;
    transition:var(--transition);
}

.hm-industries-counter-box:hover .hm-industries-icon{
    background:var(--secondary);
    color:var(--white);
}






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

.industryShowcaseSec{
    padding:40px 0;
    background:var(--white);
}
.industryShowcaseSec .container{
    display:block !important;
}

.industryShowcaseHeading{
    text-align:center;
    margin-bottom:60px;
}

.industryShowcaseHeading .industryShowcaseSubTitle{
    display:block;
    font-size:30px;
    font-weight:700;
    color:var(--primary);
    font-family:var(--heading-font);
    letter-spacing:.5px;
    text-transform:uppercase;
    margin-bottom:8px;
}

.industryShowcaseHeading h2{
    font-size:16px;
    font-weight:500;
    color:var(--text);
    font-family:var(--body-font);
    margin:0;
}

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

.industryShowcaseCard{
    background:var(--white);
    border:1px solid var(--border);
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 5px 18px rgba(0,0,0,.05);
    transition:var(--transition);
    position:relative;
    display:flex;
    flex-direction:column;
    height:100%;
}

.industryShowcaseCard:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}

.industryShowcaseImg{
    width:100%;
    height:210px;
    overflow:hidden;
    position:relative;
}

.industryShowcaseImg img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;
    display:block;
}

.industryShowcaseCard:hover .industryShowcaseImg img{
    transform:scale(1.08);
}

.industryShowcaseIcon{
    width:78px;
    height:78px;
    background:var(--primary);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--white);
    font-size:34px;
    margin:-39px auto 0;
    position:relative;
    z-index:10;
    border:6px solid var(--white);
    transition:var(--transition);
}

.industryShowcaseCard:hover .industryShowcaseIcon{
    background:var(--secondary);
    transform:rotate(8deg);
}

.industryShowcaseContent{
    padding:28px 24px 30px;
    text-align:center;
    flex:1;
    display:flex;
    flex-direction:column;
}

.industryShowcaseContent h3{
    font-size:18px;
    color:var(--heading);
    font-family:var(--heading-font);
    font-weight:700;
    margin-bottom:18px;
    line-height:1.3;
    text-transform:uppercase;
}

.industryShowcaseContent p{
    font-size:15px;
    color:var(--text);
    line-height:1.9;
    margin-bottom:28px;
    flex:1;
}

.industryShowcaseContent a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:var(--primary);
    text-decoration:none;
    text-transform:uppercase;
    font-weight:700;
    font-size:14px;
    transition:var(--transition);
}

.industryShowcaseContent a i{
    transition:.35s;
    font-size:18px;
}

.industryShowcaseContent a:hover{
    color:var(--secondary);
}

.industryShowcaseContent a:hover i{
    transform:translateX(7px);
}

.industryShowcaseCard::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:18px;
    border:2px solid transparent;
    transition:var(--transition);
    pointer-events:none;
}

.industryShowcaseCard:hover::before{
    border-color:var(--primary);
}

.industryShowcaseCard:hover .industryShowcaseContent h3{
    color:var(--primary);
}

.industryShowcaseCard:hover .industryShowcaseContent p{
    color:#555;
}

/*=========================================
        RESPONSIVE CSS
=========================================*/

/*************** Large Laptop ***************/

@media (max-width:1200px){

    .industryShowcaseGrid{
        grid-template-columns:repeat(3,1fr);
        gap:25px;
    }

    .industryShowcaseHeading .industryShowcaseSubTitle{
        font-size:38px;
    }

}


/*************** Tablet ***************/

@media (max-width:991px){

    .industryShowcaseSec{
        padding:70px 0;
    }

    .industryShowcaseGrid{
        grid-template-columns:repeat(2,1fr);
        gap:25px;
    }

    .industryShowcaseHeading{
        margin-bottom:45px;
    }

    .industryShowcaseHeading .industryShowcaseSubTitle{
        font-size:34px;
    }

    .industryShowcaseHeading h2{
        font-size:17px;
    }

    .industryShowcaseImg{
        height:220px;
    }

    .industryShowcaseContent{
        padding:24px 20px 25px;
    }

    .industryShowcaseContent h3{
        font-size:21px;
    }

}


/*************** Mobile ***************/

@media (max-width:767px){

    .industryShowcaseSec{
        padding:60px 0;
    }

    .industryShowcaseGrid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .industryShowcaseHeading{
        margin-bottom:35px;
    }

    .industryShowcaseHeading .industryShowcaseSubTitle{
        font-size:28px;
        line-height:1.3;
    }

    .industryShowcaseHeading h2{
        font-size:16px;
        line-height:1.7;
    }

    .industryShowcaseImg{
        height:230px;
    }

    .industryShowcaseIcon{
        width:72px;
        height:72px;
        font-size:30px;
        margin-top:-36px;
    }

    .industryShowcaseContent{
        padding:22px 18px 24px;
    }

    .industryShowcaseContent h3{
        font-size:20px;
        margin-bottom:15px;
    }

    .industryShowcaseContent p{
        font-size:15px;
        line-height:1.8;
        margin-bottom:20px;
    }

}


/*************** Small Mobile ***************/

@media (max-width:575px){

    .industryShowcaseSec{
        padding:50px 0;
    }

    .industryShowcaseHeading .industryShowcaseSubTitle{
        font-size:24px;
    }

    .industryShowcaseHeading h2{
        font-size:15px;
    }

    .industryShowcaseGrid{
        gap:20px;
    }

    .industryShowcaseImg{
        height:200px;
    }

    .industryShowcaseIcon{
        width:65px;
        height:65px;
        font-size:26px;
        border-width:5px;
        margin-top:-32px;
    }

    .industryShowcaseContent{
        padding:20px 16px;
    }

    .industryShowcaseContent h3{
        font-size:18px;
    }

    .industryShowcaseContent p{
        font-size:14px;
        line-height:1.7;
    }

    .industryShowcaseContent a{
        font-size:13px;
        gap:8px;
    }

}


/*************** Extra Small Devices ***************/

@media (max-width:380px){

    .industryShowcaseHeading .industryShowcaseSubTitle{
        font-size:22px;
    }

    .industryShowcaseImg{
        height:180px;
    }

    .industryShowcaseIcon{
        width:60px;
        height:60px;
        font-size:24px;
    }

    .industryShowcaseContent h3{
        font-size:17px;
    }

}

/*==========================================
        INDUSTRY SOLUTION SECTION
==========================================*/

.industrySolutionSec{
    padding:40px 0;
    background:linear-gradient(90deg,#071d3b 0%,#082548 100%);
    overflow:hidden;
    position:relative;
}

.industrySolutionWrapper{
    display:grid;
    grid-template-columns:1.15fr 1fr;
    align-items:center;
    gap:80px;
}

/*========================
        LEFT SIDE
========================*/

.industrySolutionTitle{
    font-family:var(--heading-font);
    font-size:30px;
    line-height:1.1;
    font-weight:700;
    color:var(--white);
    text-transform:uppercase;
    margin-bottom:28px;
}

.industrySolutionTitle span{
    color:var(--secondary);
}

.industrySolutionText{
    font-family:var(--body-font);
    font-size:16px;
    color:rgba(255,255,255,.82);
    line-height:1.9;
    max-width:640px;
    margin-bottom:40px;
}

.industrySolutionBtn{
    display:inline-flex;
    align-items:center;
    gap:14px;
    padding:18px 34px;
    border:2px solid rgba(255,255,255,.25);
    border-radius:8px;
    color:var(--white);
    text-decoration:none;
    text-transform:uppercase;
    font-size:15px;
    font-weight:700;
    letter-spacing:.5px;
    transition:var(--transition);
}

.industrySolutionBtn i{
    font-size:20px;
    transition:var(--transition);
}

.industrySolutionBtn:hover{
    background:var(--secondary);
    border-color:var(--secondary);
}

.industrySolutionBtn:hover i{
    transform:translateX(6px);
}


/*========================
        RIGHT SIDE
========================*/

.industrySolutionRight{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:45px 55px;

}

.industryFeatureBox{

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

}

.industryFeatureIcon{

    width:68px;
    height:68px;
    flex-shrink:0;

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

    color:var(--secondary);
    font-size:42px;

}

.industryFeatureContent h4{

    font-family:var(--heading-font);
    color:var(--white);
    font-size:16px;
    font-weight:600;
    margin-bottom:12px;

}

.industryFeatureContent p{

    color:rgba(255,255,255,.80);
    font-size:16px;
    line-height:1.8;
    margin:0;

}


/*========================
        HOVER EFFECT
========================*/

.industryFeatureBox{

    transition:var(--transition);

}

.industryFeatureBox:hover{

    transform:translateY(-6px);

}

.industryFeatureBox:hover .industryFeatureIcon{

    color:var(--white);

}

.industryFeatureBox:hover h4{

    color:var(--secondary);

}

/*==========================================
        RESPONSIVE CSS
==========================================*/


/*==============================
        Large Laptop
==============================*/

@media (max-width:1200px){

    .industrySolutionWrapper{

        grid-template-columns:1fr 1fr;
        gap:60px;

    }

    .industrySolutionTitle{

        font-size:48px;

    }

    .industryFeatureContent h4{

        font-size:22px;

    }

}


/*==============================
        Tablet
==============================*/

@media (max-width:991px){

    .industrySolutionSec{

        padding:70px 0;

    }

    .industrySolutionWrapper{

        grid-template-columns:1fr;
        gap:55px;

    }

    .industrySolutionLeft{

        text-align:center;

    }

    .industrySolutionText{

        max-width:100%;
        margin:0 auto 35px;

    }

    .industrySolutionTitle{

        font-size:44px;

    }

    .industrySolutionBtn{

        justify-content:center;

    }

    .industrySolutionRight{

        grid-template-columns:repeat(2,1fr);
        gap:35px;

    }

}


/*==============================
        Mobile
==============================*/

@media (max-width:767px){

    .industrySolutionSec{

        padding:60px 0;

    }

    .industrySolutionWrapper{

        gap:45px;

    }

    .industrySolutionTitle{

        font-size:34px;
        line-height:1.2;

    }

    .industrySolutionText{

        font-size:16px;
        line-height:1.8;

    }

    .industrySolutionBtn{

        padding:15px 26px;
        font-size:14px;

    }

    .industrySolutionRight{

        grid-template-columns:1fr;
        gap:28px;

    }

    .industryFeatureBox{

        gap:18px;

    }

    .industryFeatureIcon{

        width:60px;
        height:60px;
        font-size:34px;

    }

    .industryFeatureContent h4{

        font-size:20px;
        margin-bottom:8px;

    }

    .industryFeatureContent p{

        font-size:15px;

    }

}


/*==============================
        Small Mobile
==============================*/

@media (max-width:575px){

    .industrySolutionSec{

        padding:50px 0;

    }

    .industrySolutionTitle{

        font-size:28px;

    }

    .industrySolutionText{

        font-size:15px;

    }

    .industrySolutionBtn{

        width:100%;
        justify-content:center;
        padding:14px 18px;
        font-size:13px;

    }

    .industryFeatureIcon{

        width:55px;
        height:55px;
        font-size:30px;

    }

    .industryFeatureContent h4{

        font-size:18px;

    }

    .industryFeatureContent p{

        font-size:14px;
        line-height:1.7;

    }

}


/*==============================
        Extra Small Devices
==============================*/

@media (max-width:380px){

    .industrySolutionTitle{

        font-size:24px;

    }

    .industrySolutionText{

        font-size:14px;

    }

    .industryFeatureBox{

        gap:14px;

    }

    .industryFeatureIcon{

        width:48px;
        height:48px;
        font-size:26px;

    }

    .industryFeatureContent h4{

        font-size:17px;

    }

    .industryFeatureContent p{

        font-size:13px;

    }

}


/*=========================================
INDUSTRIAL HERO SECTION
=========================================*/

.pm-industrial-hero-section{

    position:relative;

    width:100%;

    min-height:580px;

    display:flex;

    align-items:center;

    overflow:hidden;

    background:url("/assests/img/why-us-bg-img.jpg") center center/cover no-repeat;

}

.pm-industrial-hero-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(8,28,57,.95) 0%,
        rgba(8,28,57,.88) 35%,
        rgba(8,28,57,.70) 55%,
        rgba(8,28,57,.30) 100%
    );

}

.pm-industrial-hero-section .container{

    position:relative;

    z-index:2;

}

.pm-industrial-hero-wrapper{

    display:flex;

    align-items:center;

    width:100%;

}

.pm-industrial-hero-content{

    max-width:560px;

}


/*=========================================
HEADING
=========================================*/

.pm-industrial-hero-title{

    font-size:30px;

    line-height:1.35;

    font-weight:700;

    color:var(--white);

    text-transform:uppercase;

    font-family:var(--heading-font);

    margin-bottom:20px;

}

.pm-industrial-hero-title span{

    display:block;

    color:var(--secondary);

}


/*=========================================
PARAGRAPH
=========================================*/

.pm-industrial-hero-text{

    font-size:16px;

    line-height:1.9;

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

    margin-bottom:35px;

}


/*=========================================
BUTTONS
=========================================*/

.pm-industrial-hero-buttons{

    display:flex;

    align-items:center;

    gap:18px;

    flex-wrap:wrap;

}

.pm-industrial-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:15px 28px;

    border-radius:var(--radius);

    font-size:15px;

    font-weight:600;

    text-decoration:none;

    transition:var(--transition);

    font-family:var(--body-font);

}

.pm-industrial-btn i{

    font-size:18px;

}


/*=========================================
PRIMARY BUTTON
=========================================*/

.pm-industrial-btn-primary{

    background:var(--secondary);

    color:var(--white);

}

.pm-industrial-btn-primary:hover{

    background:var(--secondary-hover);

    color:var(--white);

    transform:translateY(-3px);

}


/*=========================================
SECONDARY BUTTON
=========================================*/

.pm-industrial-btn-secondary{

    background:var(--white);

    color:var(--primary);

}

.pm-industrial-btn-secondary:hover{

    background:var(--primary);

    color:var(--white);

    transform:translateY(-3px);

}

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


/*============================
1200px
============================*/

@media (max-width:1199px){

.pm-industrial-hero-section{

    min-height:520px;

}

.pm-industrial-hero-content{

    max-width:520px;

}

.pm-industrial-hero-title{

    font-size:28px;

}

.pm-industrial-hero-text{

    max-width:480px;

}

}



/*============================
992px
============================*/

@media (max-width:991px){

.pm-industrial-hero-section{

    min-height:500px;

    padding:80px 0;

}

.pm-industrial-hero-wrapper{

    justify-content:center;

}

.pm-industrial-hero-content{

    max-width:100%;

    text-align:center;

}

.pm-industrial-hero-text{

    max-width:650px;

    margin:0 auto 35px;

}

.pm-industrial-hero-buttons{

    justify-content:center;

}

}



/*============================
768px
============================*/

@media (max-width:767px){

.pm-industrial-hero-section{

    min-height:auto;

    padding:70px 0;

    background-position:center;

}

.pm-industrial-hero-overlay{

    background:linear-gradient(

        180deg,

        rgba(8,28,57,.92) 0%,

        rgba(8,28,57,.88) 100%

    );

}

.pm-industrial-hero-title{

    font-size:24px;

    line-height:1.4;

}

.pm-industrial-hero-text{

    font-size:15px;

    line-height:1.8;

}

.pm-industrial-hero-buttons{

    gap:15px;

}

.pm-industrial-btn{

    width:100%;

    padding:15px 20px;

}

}



/*============================
576px
============================*/

@media (max-width:575px){

.pm-industrial-hero-section{

    padding:60px 0;

}

.pm-industrial-hero-title{

    font-size:22px;

}

.pm-industrial-hero-text{

    font-size:14px;

    margin-bottom:30px;

}

.pm-industrial-btn{

    font-size:14px;

    padding:14px 18px;

}

.pm-industrial-btn i{

    font-size:16px;

}

}



/*============================
400px
============================*/

@media (max-width:399px){

.pm-industrial-hero-title{

    font-size:20px;

}

.pm-industrial-hero-text{

    font-size:14px;

}

.pm-industrial-btn{

    padding:13px 16px;

}

}

/*=========================================
PRODUCT CATEGORY
=========================================*/

.pm-productcat-section{

    padding:30px 0;

    background:var(--white);

    overflow:hidden;

}
.pm-productcat-section .container{
    display: block;
}


/*=========================================
HEADING
=========================================*/

.pm-productcat-heading{

    max-width:760px;

    margin:0 auto 55px;

    text-align:center;

}

.pm-productcat-subtitle{

    display:inline-flex;

    align-items:center;

    gap:18px;

    color:var(--primary);

    font-size:15px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:1px;

}

.pm-productcat-subtitle::before,
.pm-productcat-subtitle::after{

    content:"";

    width:55px;

    height:2px;

    background:var(--primary);

}

.pm-productcat-heading h2{

    margin:15px 0;

    font-size:30px;

    font-weight:700;

    color:var(--heading);

    font-family:var(--heading-font);

}

.pm-productcat-heading p{

    margin:0;

    font-size:16px;

    color:var(--text);

    line-height:1.8;

}


/*=========================================
SLIDER
=========================================*/

.pm-productcat-slider{

    position:relative;

    padding:10px 5px 70px;

}


/*=========================================
CARD
=========================================*/

.pm-productcat-card{

    background:var(--white);

    border:1px solid var(--border);

    border-radius:12px;

    overflow:hidden;

    transition:var(--transition);

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

    position:relative;

}

.pm-productcat-card:hover{

    transform:translateY(-8px);

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

}


/*=========================================
IMAGE
=========================================*/

.pm-productcat-image{

    overflow:hidden;

    height:210px;

}

.pm-productcat-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}

.pm-productcat-card:hover .pm-productcat-image img{

    transform:scale(1.08);

}


/*=========================================
ICON
=========================================*/

.pm-productcat-icon{

    width:72px;

    height:72px;

    background:var(--primary);

    border:5px solid var(--white);

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    position:absolute;

    top:175px;

    left:50%;

    transform:translateX(-50%);

    transition:.35s;

    z-index:5;

}

.pm-productcat-card:hover .pm-productcat-icon{

    background:var(--secondary);

}

.pm-productcat-icon i{

    color:var(--white);

    font-size:30px;

}


/*=========================================
CONTENT
=========================================*/

.pm-productcat-content{

    padding:55px 22px 28px;

    text-align:center;

}

.pm-productcat-content h3{

    font-size:18px;

    font-weight:700;

    color:var(--heading);

    line-height:1.45;

    margin-bottom:10px;

    font-family:var(--heading-font);

}

.pm-productcat-content span{

    display:block;

    font-size:15px;

    color:var(--text);

    margin-bottom:22px;

}

.pm-productcat-content a{

    display:inline-flex;

    align-items:center;

    gap:8px;

    text-decoration:none;

    font-weight:600;

    color:var(--primary);

    transition:.3s;

}

.pm-productcat-content a:hover{

    color:var(--secondary);

}

.pm-productcat-content a i{

    transition:.3s;

}

.pm-productcat-content a:hover i{

    transform:translateX(5px);

}


/*=========================================
NAVIGATION
=========================================*/

.pm-productcat-prev,
.pm-productcat-next{

    width:50px;

    height:50px;

    border-radius:50%;

    background:var(--primary);

    color:var(--white);

    display:flex;

    align-items:center;

    justify-content:center;

    position:absolute;

    top:45%;

    transform:translateY(-50%);

    z-index:10;

    cursor:pointer;

    transition:.3s;

}

.pm-productcat-prev:hover,
.pm-productcat-next:hover{

    background:var(--secondary);

}

.pm-productcat-prev{

    left:-20px;

}

.pm-productcat-next{

    right:-20px;

}

.pm-productcat-prev i,
.pm-productcat-next i{

    font-size:22px;

}


/*=========================================
PAGINATION
=========================================*/

.pm-productcat-pagination{

    margin-top:35px;

    text-align:center;

}

.pm-productcat-pagination .swiper-pagination-bullet{

    width:12px;

    height:12px;

    background:#d1d5db;

    opacity:1;

}

.pm-productcat-pagination .swiper-pagination-bullet-active{

    background:var(--secondary);

}


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

@media(max-width:991px){

.pm-productcat-heading h2{

    font-size:28px;

}

.pm-productcat-prev,
.pm-productcat-next{

    display:none;

}

}


@media(max-width:767px){

.pm-productcat-section{

    padding:70px 0;

}

.pm-productcat-heading{

    margin-bottom:40px;

}

.pm-productcat-heading h2{

    font-size:24px;

}

.pm-productcat-heading p{

    font-size:15px;

}

.pm-productcat-image{

    height:200px;

}

.pm-productcat-icon{

    width:65px;

    height:65px;

    top:165px;

}

.pm-productcat-icon i{

    font-size:26px;

}

.pm-productcat-content{

    padding:50px 20px 25px;

}

.pm-productcat-content h3{

    font-size:20px;

}

}


@media(max-width:575px){

.pm-productcat-section{

    padding:60px 0;

}

.pm-productcat-heading h2{

    font-size:22px;

}

.pm-productcat-subtitle{

    font-size:14px;

    gap:12px;

}

.pm-productcat-subtitle::before,
.pm-productcat-subtitle::after{

    width:35px;

}

.pm-productcat-content h3{

    font-size:19px;

}

.pm-productcat-content span{

    font-size:14px;

}

}



/*=========================================
FEATURED PRODUCTS
=========================================*/

.pm-featured-section{
    padding:40px 0;
    background:var(--white);
}

.pm-featured-section .container{
    display: block;
    
}

.pm-featured-heading{
    max-width:760px;
    margin:0 auto 60px;
    text-align:center;
}

.pm-featured-subtitle{
    display:inline-block;
    color:var(--secondary);
    font-size:15px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:10px;
}

.pm-featured-heading h2{
    font-size:30px;
    font-family:var(--heading-font);
    font-weight:700;
    color:var(--heading);
    margin-bottom:15px;
}

.pm-featured-heading p{
    font-size:16px;
    color:var(--text);
    line-height:1.8;
}


/*=========================================
GRID
=========================================*/

.pm-featured-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:25px;
}


/*=========================================
CARD
=========================================*/

.pm-featured-card{

    background:var(--white);

    border:1px solid var(--border);

    border-radius:12px;

    overflow:hidden;

    transition:var(--transition);

    box-shadow:0 8px 22px rgba(0,0,0,.06);

    display:flex;

    flex-direction:column;

    height:100%;

}

.pm-featured-card:hover{

    transform:translateY(-8px);

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

}


/*=========================================
IMAGE
=========================================*/

.pm-featured-image{

    height:220px;

    overflow:hidden;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:20px;

    background:#fff;

}

.pm-featured-image img{

    max-width:100%;

    max-height:100%;

    transition:.4s;

}

.pm-featured-card:hover img{

    transform:scale(1.08);

}


/*=========================================
CONTENT
=========================================*/

.pm-featured-content{

    padding:25px;

    display:flex;

    flex-direction:column;

    flex:1;

}

.pm-featured-content h3{

    font-size:18px;

    font-weight:700;

    color:var(--heading);

    text-align:center;

    margin-bottom:18px;

    line-height:1.45;

}


/*=========================================
LIST
=========================================*/

.pm-featured-content ul{

    list-style:none;

    padding:0;

    margin:0 0 25px;

    flex:1;

}

.pm-featured-content li{

    display:flex;

    align-items:center;

    gap:10px;

    font-size:14px;

    color:var(--text);

    margin-bottom:12px;

}

.pm-featured-content li i{

    color:var(--primary);

    font-size:14px;

}


/*=========================================
BUTTONS
=========================================*/

.pm-featured-buttons{

    display:grid;

    gap:10px;

}

.pm-featured-btn{

    flex:1;

    text-align:center;

    text-decoration:none;

    padding:12px;

    font-size:12px;

    font-weight:600;

    border-radius:6px;

    transition:.35s;

    text-transform:uppercase;

}

.pm-featured-view{

    border:2px solid var(--primary);

    color:var(--primary);

}

.pm-featured-view:hover{

    background:var(--primary);

    color:var(--white);

}

.pm-featured-quote{

    background:var(--secondary);

    color:var(--white);

}

.pm-featured-quote:hover{

    background:var(--secondary-hover);

}


/*=========================================
BOTTOM BUTTON
=========================================*/

.pm-featured-footer{

    text-align:center;

    margin-top:55px;

}

.pm-featured-all-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:var(--primary);

    color:var(--white);

    padding:16px 34px;

    border-radius:6px;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.pm-featured-all-btn:hover{

    background:var(--primary-dark);

    color:var(--white);

}

.pm-featured-all-btn i{

    transition:.3s;

}

.pm-featured-all-btn:hover i{

    transform:translateX(5px);

}


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

@media(max-width:1399px){

.pm-featured-grid{

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

}

}

@media(max-width:1199px){

.pm-featured-grid{

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

}

}

@media(max-width:991px){

.pm-featured-section{

    padding:70px 0;

}

.pm-featured-grid{

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

}

.pm-featured-heading h2{

    font-size:28px;

}

}

@media(max-width:767px){

.pm-featured-section{

    padding:60px 0;

}

.pm-featured-grid{

    grid-template-columns:1fr;

}

.pm-featured-heading{

    margin-bottom:40px;

}

.pm-featured-heading h2{

    font-size:24px;

}

.pm-featured-heading p{

    font-size:15px;

}

.pm-featured-image{

    height:200px;

}

.pm-featured-content{

    padding:22px;

}

.pm-featured-content h3{

    font-size:20px;

}

.pm-featured-buttons{

    flex-direction:column;

}

}

@media(max-width:575px){

.pm-featured-heading h2{

    font-size:22px;

}

.pm-featured-content li{

    font-size:14px;

}

.pm-featured-btn{

    font-size:12px;

    padding:11px;

}

.pm-featured-all-btn{

    width:100%;

    justify-content:center;

}

}

/*=========================================
MANUFACTURING PROCESS
=========================================*/

.pm-process-section{

    padding:90px 0;

    background:var(--footer);

    overflow:hidden;

}


/*=========================================
HEADING
=========================================*/

.pm-process-heading{

    max-width:760px;

    margin:0 auto 60px;

    text-align:center;

}

.pm-process-subtitle{

    display:block;

    color:var(--white);

    font-size:15px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:12px;

}

.pm-process-heading h2{

    font-size:30px;

    font-family:var(--heading-font);

    font-weight:700;

    color:var(--white);

    margin-bottom:15px;

}

.pm-process-heading p{

    font-size:16px;

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

    line-height:1.8;

    margin:0;

}


/*=========================================
TIMELINE
=========================================*/

.pm-process-wrapper{

    position:relative;

    display:grid;

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

    gap:25px;

}

.pm-process-wrapper::before{

    content:"";

    position:absolute;

    top:42px;

    left:8%;

    width:84%;

    height:2px;

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

    z-index:0;

}


/*=========================================
ITEM
=========================================*/

.pm-process-item{

    position:relative;

    text-align:center;

    z-index:2;

}


/*=========================================
ICON
=========================================*/

.pm-process-icon{

    width:85px;

    height:85px;

    margin:0 auto 18px;

    border-radius:50%;

    background:var(--white);

    border:5px solid rgba(255,255,255,.15);

    display:flex;

    align-items:center;

    justify-content:center;

    transition:var(--transition);

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

}

.pm-process-item:hover .pm-process-icon{

    background:var(--secondary);

    transform:translateY(-8px);

}

.pm-process-icon i{

    font-size:34px;

    color:var(--primary);

    transition:.35s;

}

.pm-process-item:hover .pm-process-icon i{

    color:var(--white);

}


/*=========================================
NUMBER
=========================================*/

.pm-process-number{

    display:block;

    font-size:26px;

    font-weight:700;

    color:var(--secondary);

    margin-bottom:10px;

}


/*=========================================
TITLE
=========================================*/

.pm-process-item h3{

    font-size:18px;

    font-family:var(--heading-font);

    font-weight:600;

    color:var(--white);

    line-height:1.5;

    margin:0;

}


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

@media(max-width:1199px){

.pm-process-wrapper{

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

    row-gap:45px;

}

.pm-process-wrapper::before{

    display:none;

}

}


@media(max-width:991px){

.pm-process-section{

    padding:70px 0;

}

.pm-process-heading h2{

    font-size:28px;

}

}


@media(max-width:767px){

.pm-process-section{

    padding:60px 0;

}

.pm-process-heading{

    margin-bottom:45px;

}

.pm-process-heading h2{

    font-size:24px;

}

.pm-process-heading p{

    font-size:15px;

}

.pm-process-wrapper{

    grid-template-columns:1fr;

    gap:35px;

}

.pm-process-item{

    display:flex;

    align-items:center;

    text-align:left;

    gap:20px;

}

.pm-process-icon{

    width:75px;

    height:75px;

    margin:0;

    flex-shrink:0;

}

.pm-process-icon i{

    font-size:28px;

}

.pm-process-number{

    font-size:22px;

    margin-bottom:6px;

}

.pm-process-item h3{

    font-size:18px;

}

}


@media(max-width:575px){

.pm-process-heading h2{

    font-size:22px;

}

.pm-process-subtitle{

    font-size:14px;

}

.pm-process-item{

    gap:15px;

}

.pm-process-icon{

    width:68px;

    height:68px;

}

.pm-process-icon i{

    font-size:24px;

}

.pm-process-number{

    font-size:20px;

}

.pm-process-item h3{

    font-size:16px;

}

}

/*=========================================
PRODUCT HERO SECTION
=========================================*/
.pp-hero-section{

    background-image:var(--pp-hero-bg);

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

}

/*=========================================
OVERLAY
=========================================*/

.pp-hero-overlay{

    position:absolute;

    inset:10;

    background:linear-gradient(
        90deg,
        rgba(8,28,57,.96) 0%,
        rgba(8,28,57,.92) 30%,
        rgba(8,28,57,.72) 58%,
        rgba(8,28,57,.12) 70%,
        rgba(8,28,57,.18) 100%
    );

}

.pp-hero-section .container{

    position:relative;

    z-index:5;

}


/*=========================================
WRAPPER
=========================================*/

.pp-hero-wrapper{

    display:flex;

    align-items:center;

    width:100%;
    padding-bottom: 50px;
    padding-top: 70px;

}

.pp-hero-content{

    width:100%;

    max-width:800px;

}


/*=========================================
TITLE
=========================================*/

.pp-hero-title{

    margin:0;

    font-family:var(--heading-font);

    font-size:30px;

    font-weight:700;

    line-height:1.35;

    text-transform:uppercase;

    color:var(--white);

}

.pp-hero-title-highlight{

    display:block;

    color:var(--secondary);

}




/*=========================================
DESCRIPTION
=========================================*/

.pp-hero-description{

    margin:25px 0 35px;

    font-size:16px;

    line-height:1.9;

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

    max-width:600px;

}


/*=========================================
FEATURE LIST
=========================================*/

.pp-hero-feature-list{

    display:grid;

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

    gap:18px;

    margin-bottom:40px;

}

.pp-hero-feature-item{

    display:flex;

    align-items:center;

    gap:12px;

}

.pp-hero-feature-icon{

    width:58px;

    height:58px;

    border-radius:50%;

    border:2px solid rgba(255,255,255,.15);

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

    display:flex;

    align-items:center;

    justify-content:center;

    transition:var(--transition);

}

.pp-hero-feature-item:hover .pp-hero-feature-icon{

    background:var(--secondary);

    border-color:var(--secondary);

    transform:translateY(-4px);

}

.pp-hero-feature-icon i{

    color:var(--secondary);

    font-size:24px;

    transition:.35s;

}

.pp-hero-feature-item:hover .pp-hero-feature-icon i{

    color:var(--white);

}

.pp-hero-feature-content h6{

    margin:0 0 4px;

    font-size:15px;

    font-weight:600;

    color:var(--white);

    font-family:var(--heading-font);

}

.pp-hero-feature-content span{

    display:block;

    font-size:13px;

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

}


/*=========================================
BUTTON GROUP
=========================================*/

.pp-hero-action-group{

    display:flex;

    align-items:center;

    gap:18px;

    flex-wrap:wrap;

}


/*=========================================
PRIMARY BUTTON
=========================================*/

.pp-hero-primary-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:16px 30px;

    background:var(--secondary);

    color:var(--white);

    text-decoration:none;

    border-radius:var(--radius);

    font-size:15px;

    font-weight:600;

    transition:var(--transition);

}

.pp-hero-primary-btn:hover{

    background:var(--secondary-hover);

    transform:translateY(-3px);

}


/*=========================================
OUTLINE BUTTON
=========================================*/

.pp-hero-outline-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:16px 30px;

    border:2px solid rgba(255,255,255,.25);

    color:var(--white);

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

    backdrop-filter:blur(8px);

    text-decoration:none;

    border-radius:var(--radius);

    font-size:15px;

    font-weight:600;

    transition:var(--transition);

}

.pp-hero-outline-btn:hover{

    background:var(--white);

    color:var(--primary);

}


/*=========================================
WHATSAPP BUTTON
=========================================*/

.pp-hero-whatsapp-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:16px 28px;

    background:#25D366;

    color:#fff;

    text-decoration:none;

    border-radius:var(--radius);

    font-size:15px;

    font-weight:600;

    transition:var(--transition);

}

.pp-hero-whatsapp-btn:hover{

    background:#1ea952;

    transform:translateY(-3px);

}

.pp-hero-primary-btn i,
.pp-hero-outline-btn i,
.pp-hero-whatsapp-btn i{

    font-size:18px;

}
/*=========================================
TABLET
=========================================*/

@media (max-width:991px){

    .pp-hero-wrapper{

        padding-top:60px;
        padding-bottom:60px;

    }

    .pp-hero-content{

        max-width:100%;

    }

    .pp-hero-title{

        font-size:28px;

    }

    .pp-hero-description{

        max-width:100%;
        margin:20px 0 30px;

    }

    .pp-hero-feature-list{

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

        gap:20px;

        margin-bottom:35px;

    }

    .pp-hero-feature-icon{

        width:55px;
        height:55px;

    }

    .pp-hero-feature-icon i{

        font-size:22px;

    }

    .pp-hero-action-group{

        gap:15px;

    }

    .pp-hero-primary-btn,
    .pp-hero-outline-btn,
    .pp-hero-whatsapp-btn{

        padding:15px 24px;

    }

}


/*=========================================
MOBILE
=========================================*/

@media (max-width:767px){

    .pp-hero-wrapper{

        padding-top:50px;
        padding-bottom:50px;

    }

    .pp-hero-content{

        text-align:left;

    }

    .pp-hero-title{

        font-size:24px;
        line-height:1.4;

    }

    .pp-hero-description{

        font-size:15px;

        margin:18px auto 28px;

        max-width:100%;

    }

    .pp-hero-feature-list{

        grid-template-columns:1fr;

        gap:16px;

        margin-bottom:30px;

    }

    .pp-hero-feature-item{

        justify-content:flex-start;

        text-align:left;

    }

    .pp-hero-action-group{

        flex-direction:column;

        width:100%;

        gap:15px;

    }

    .pp-hero-primary-btn,
    .pp-hero-outline-btn,
    .pp-hero-whatsapp-btn{

        width:100%;

        justify-content:center;

        padding:15px 20px;

    }

}


/*=========================================
SMALL MOBILE
=========================================*/

@media (max-width:480px){

    .pp-hero-wrapper{

        padding-top:40px;
        padding-bottom:40px;

    }

    .pp-hero-title{

        font-size:21px;

    }

    .pp-hero-description{

        font-size:14px;
        line-height:1.8;

    }

    .pp-hero-feature-icon{

        width:50px;
        height:50px;

    }

    .pp-hero-feature-icon i{

        font-size:20px;

    }

    .pp-hero-feature-content h6{

        font-size:14px;

    }

    .pp-hero-feature-content span{

        font-size:12px;

    }

    .pp-hero-primary-btn,
    .pp-hero-outline-btn,
    .pp-hero-whatsapp-btn{

        font-size:14px;

        padding:14px 18px;

    }

}






/*==================================================
PRODUCT OVERVIEW SECTION
Part 2A
==================================================*/

.pp-overview-section{
    padding:80px 0;
    background:var(--white);
    position:relative;
    overflow:hidden;
}

.pp-overview-container{
    max-width:var(--container);
    width:100%;
    margin:auto;
    padding:0 15px;
}

.pp-overview-wrapper{
    display:grid;
    grid-template-columns:1fr 420px 360px;
    gap:30px;
    align-items:flex-start;
}

/*=====================================
LEFT CONTENT
=====================================*/

.pp-overview-content{
    min-width:0;
}

.pp-overview-heading-wrapper{
    margin-bottom:35px;
}

.pp-overview-heading{
    margin:0 0 18px;
    font-family:var(--heading-font);
    font-size:30px;
    font-weight:700;
    color:var(--heading);
    /* text-transform:uppercase; */
    line-height:1.2;
}

.pp-overview-heading span{
    color:var(--secondary);
}

.pp-overview-description{
    margin:0;
    font-family:var(--body-font);
    font-size:16px;
    line-height:1.9;
    color:var(--text);
}

/*=====================================
FEATURE LIST
=====================================*/

.pp-overview-feature-list{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap: 8px;
   
}

.pp-overview-feature-item{
    display:flex;
    align-items:flex-start;
    gap:14px;
}

.pp-overview-feature-icon{
    width:36px;
    height:36px;
    flex-shrink:0;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(10,77,163,.08);
    color:var(--primary);
    font-size:15px;
}

.pp-overview-feature-content{
    flex:1;
    display:grid;
    grid-template-columns:150px 18px 1fr;
    align-items:center;
    gap:5px;
}

.pp-overview-feature-title{
    font-family:var(--heading-font);
    font-weight:600;
    color:var(--heading);
    font-size:15px;
}

.pp-overview-feature-divider{
    text-align:center;
    color:var(--secondary);
    font-weight:700;
}

.pp-overview-feature-value{
    color:var(--text);
    font-size:15px;
    line-height:1.6;
}

/*=====================================
CENTER GALLERY
=====================================*/

.pp-overview-gallery{
    display:flex;
    flex-direction:column;
    gap:18px;
    min-width:0;
}

/*=====================================
MAIN IMAGE
=====================================*/

.pp-overview-main-image-wrapper{
    position:relative;
    border-radius:var(--radius);
    overflow:hidden;
    background:#f8f9fb;
    border:1px solid var(--border);
    box-shadow:var(--shadow);
}

.pp-overview-main-image{
    width:100%;
    display:block;
    aspect-ratio:4/3;
    object-fit:cover;
    transition:transform .5s ease;
}

.pp-overview-main-image-wrapper:hover
.pp-overview-main-image{
    transform:scale(1.04);
}

/*=====================================
THUMBNAILS
=====================================*/

.pp-overview-thumbnail-wrapper{
    display:flex;
    align-items:center;
    gap:12px;
}

.pp-overview-thumbnail-strip{
    flex:1;
    display:flex;
    gap:12px;
    overflow-x:auto;
    scrollbar-width:none;
}

.pp-overview-thumbnail-strip::-webkit-scrollbar{
    display:none;
}

.pp-overview-thumbnail-item{
    width:78px;
    height:78px;
    flex-shrink:0;
    cursor:pointer;
    border-radius:var(--radius);
    overflow:hidden;
    border:2px solid transparent;
    transition:var(--transition);
    background:#fff;
    box-shadow:0 3px 10px rgba(0,0,0,.08);
}

.pp-overview-thumbnail-item:hover{
    border-color:var(--secondary);
    transform:translateY(-3px);
}

.pp-overview-thumbnail-active{
    border-color:var(--secondary);
}

.pp-overview-thumbnail-image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.pp-overview-thumbnail-arrow{
    width:42px;
    height:42px;
    border:none;
    cursor:pointer;
    border-radius:50%;
    background:var(--white);
    color:var(--secondary);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:var(--shadow);
    transition:var(--transition);
}

.pp-overview-thumbnail-arrow i{
    font-size:18px;
}

.pp-overview-thumbnail-arrow:hover{
    background:var(--secondary);
    color:var(--white);
    transform:translateY(-2px);
}

/*=====================================
PLACEHOLDER FOR RFQ
(Part 2B me complete styling aayegi)
=====================================*/

.pp-rfq-panel{
    width:100%;
}
/*=========================================
REQUEST FOR QUOTE PANEL
Part 2B
=========================================*/

.pp-rfq-panel{
    width:100%;
    position:relative;
}

.pp-rfq-card{
    background:var(--footer);
    border-radius:12px;
    padding:28px;
    box-shadow:var(--shadow);
    border:1px solid rgba(255,255,255,.08);
    position:sticky;
    top:110px;
    overflow:hidden;
}

.pp-rfq-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(
        90deg,
        var(--secondary),
        var(--primary)
    );
}

.pp-rfq-heading{
    margin:0 0 28px;
    color:var(--white);
    font-family:var(--heading-font);
    font-size:28px;
    font-weight:700;
    /* text-transform:uppercase; */
    text-align:center;
    position:relative;
    padding-bottom:18px;
}

.pp-rfq-heading::after{
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width:90px;
    height:3px;
    background:var(--secondary);
    border-radius:50px;
}

/*=========================================
FORM
=========================================*/

.pp-rfq-form{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.pp-rfq-field{
    width:100%;
}

/*=========================================
INPUT
=========================================*/

.pp-rfq-input,
.pp-rfq-select,
.pp-rfq-textarea{
    width:100%;
    border:none;
    outline:none;
    background:var(--white);
    border-radius:5px;
    padding:8px 18px;
    font-family:var(--body-font);
    font-size:13px;
    color:var(--heading);
    transition:var(--transition);
}

.pp-rfq-input::placeholder,
.pp-rfq-textarea::placeholder{
    color:#8a8a8a;
}

.pp-rfq-input:focus,
.pp-rfq-select:focus,
.pp-rfq-textarea:focus{
    box-shadow:
        0 0 0 3px rgba(255,107,0,.18);
}

/*=========================================
TEXTAREA
=========================================*/

.pp-rfq-textarea{
    resize:none;
    min-height:60px;
}

/*=========================================
PHONE ROW
=========================================*/

.pp-rfq-phone-row{
    display:grid;
    grid-template-columns:95px 1fr;
    gap:12px;
}

.pp-rfq-country-code{
    width:100%;
}

.pp-rfq-select{
    cursor:pointer;
    appearance:none;
}

/*=========================================
SUBMIT BUTTON
=========================================*/

.pp-rfq-submit-button{
    width:100%;
    border:none;
    cursor:pointer;
    background:var(--secondary);
    color:var(--white);
    height:40px;
    border-radius:5px;
    font-family:var(--heading-font);
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    transition:var(--transition);
}

.pp-rfq-submit-button i{
    transition:.35s;
}

.pp-rfq-submit-button:hover{
    background:var(--secondary-hover);
    transform:translateY(-3px);
    box-shadow:
        0 14px 25px rgba(255,107,0,.28);
}

.pp-rfq-submit-button:hover i{
    transform:translateX(6px);
}

/*=========================================
SECURITY
=========================================*/

.pp-rfq-security{
    margin-top:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:rgba(255,255,255,.82);
    font-size:14px;
    font-family:var(--body-font);
}

.pp-rfq-security i{
    color:var(--secondary);
    font-size:18px;
}

/*=========================================
INPUT HOVER
=========================================*/

.pp-rfq-input:hover,
.pp-rfq-select:hover,
.pp-rfq-textarea:hover{
    transform:translateY(-1px);
}

/*=========================================
AUTOFILL FIX
=========================================*/

.pp-rfq-input:-webkit-autofill,
.pp-rfq-input:-webkit-autofill:hover,
.pp-rfq-input:-webkit-autofill:focus{
    -webkit-box-shadow:0 0 0 1000px #ffffff inset;
    -webkit-text-fill-color:#111;
}

/*=========================================
PLACEHOLDER FOR RESPONSIVE
(Part 3)
=========================================*/
/*==================================================
PART 2C
PREMIUM EFFECTS • ANIMATIONS • UTILITIES
==================================================*/

/*=====================================
SECTION DECORATION
=====================================*/

.pp-overview-section::before{
    content:"";
    position:absolute;
    top:-120px;
    right:-120px;
    width:260px;
    height:260px;
    border-radius:50%;
    background:rgba(10,77,163,.04);
    pointer-events:none;
}

.pp-overview-section::after{
    content:"";
    position:absolute;
    bottom:-120px;
    left:-120px;
    width:240px;
    height:240px;
    border-radius:50%;
    background:rgba(255,107,0,.05);
    pointer-events:none;
}

/*=====================================
SMOOTH ANIMATION
=====================================*/

.pp-overview-content,
.pp-overview-gallery,
.pp-rfq-panel{
    animation:ppOverviewFadeUp .8s ease forwards;
}

.pp-overview-gallery{
    animation-delay:.15s;
}

.pp-rfq-panel{
    animation-delay:.3s;
}

@keyframes ppOverviewFadeUp{

    from{

        opacity:0;
        transform:translateY(40px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}

/*=====================================
HEADING
=====================================*/

.pp-overview-heading{
    position:relative;
    display:inline-block;
}

.pp-overview-heading::after{

    content:"";
    position:absolute;
    left:0;
    bottom:-12px;
    width:80px;
    height:4px;
    border-radius:50px;
    background:var(--secondary);

}

/*=====================================
DESCRIPTION
=====================================*/

.pp-overview-description{

    max-width:650px;

}

/*=====================================
FEATURE ITEMS
=====================================*/

.pp-overview-feature-item{

    padding:5px 16px;
    border:1px solid transparent;
    border-radius:10px;
    transition:var(--transition);

}

.pp-overview-feature-item:hover{

    background:#fafafa;
    border-color:var(--border);
    transform:translateX(6px);

}

.pp-overview-feature-item:hover
.pp-overview-feature-icon{

    background:var(--primary);
    color:var(--white);
    transform:rotate(360deg);

}

.pp-overview-feature-icon{

    transition:.45s ease;

}

/*=====================================
IMAGE
=====================================*/

.pp-overview-main-image-wrapper{

    transition:var(--transition);

}

.pp-overview-main-image-wrapper:hover{

    box-shadow:
    0 22px 45px rgba(0,0,0,.14);

}

/*=====================================
THUMBNAIL
=====================================*/

.pp-overview-thumbnail-item{

    position:relative;

}

.pp-overview-thumbnail-item::after{

    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:rgba(10,77,163,.12);
    opacity:0;
    transition:var(--transition);

}

.pp-overview-thumbnail-item:hover::after{

    opacity:1;

}

.pp-overview-thumbnail-active::before{

    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    border:2px solid var(--secondary);
    pointer-events:none;

}

/*=====================================
ARROWS
=====================================*/

.pp-overview-thumbnail-arrow{

    position:relative;
    overflow:hidden;

}

.pp-overview-thumbnail-arrow::before{

    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:-100%;
    top:0;
    background:
    rgba(255,255,255,.18);

    transition:.45s;

}

.pp-overview-thumbnail-arrow:hover::before{

    left:100%;

}

/*=====================================
RFQ CARD
=====================================*/

.pp-rfq-card{

    transition:var(--transition);

}

.pp-rfq-card:hover{

    transform:translateY(-6px);

}

/*=====================================
INPUT
=====================================*/

.pp-rfq-input,
.pp-rfq-select,
.pp-rfq-textarea{

    border:2px solid transparent;

}

.pp-rfq-input:focus,
.pp-rfq-select:focus,
.pp-rfq-textarea:focus{

    border-color:var(--secondary);

}

/*=====================================
BUTTON SHINE
=====================================*/

.pp-rfq-submit-button{

    position:relative;
    overflow:hidden;

}

.pp-rfq-submit-button::before{

    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:70px;
    height:100%;
    background:
    rgba(255,255,255,.28);

    transform:skewX(-25deg);

    transition:.6s;

}

.pp-rfq-submit-button:hover::before{

    left:130%;

}

/*=====================================
SECURITY
=====================================*/

.pp-rfq-security{

    transition:var(--transition);

}

.pp-rfq-security:hover{

    color:var(--white);

}

.pp-rfq-security:hover i{

    transform:scale(1.18);

}

.pp-rfq-security i{

    transition:.35s;

}

/*=====================================
IMAGE LOADING
=====================================*/

.pp-overview-main-image{

    background:#f4f4f4;

}

/*=====================================
FOCUS ACCESSIBILITY
=====================================*/

.pp-rfq-submit-button:focus-visible,
.pp-overview-thumbnail-arrow:focus-visible{

    outline:3px solid var(--secondary);
    outline-offset:3px;

}

/*=====================================
SELECTION
=====================================*/

.pp-overview-section ::selection{

    background:var(--secondary);
    color:var(--white);

}

/*=====================================
REDUCE MOTION
=====================================*/

@media (prefers-reduced-motion:reduce){

*{

animation:none!important;
transition:none!important;

}

}

/*=====================================
UTILITY
=====================================*/

.pp-overview-hidden{

    display:none!important;

}

.pp-overview-visible{

    display:block!important;

}

.pp-overview-disable-scroll{

    overflow:hidden;

}


.pp-overview-thumbnail-strip{
    display:flex;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;
    scrollbar-width:none;
}

.pp-overview-thumbnail-strip::-webkit-scrollbar{
    display:none;
}


/*==================================================
PRODUCT OVERVIEW
RESPONSIVE CSS
==================================================*/

/*=========================================
Laptop
=========================================*/

@media (max-width:1200px){

    .pp-overview-wrapper{

        grid-template-columns:1fr 380px;

        gap:25px;

    }

    .pp-rfq-panel{

        grid-column:1 / -1;

    }

    .pp-rfq-card{

        position:static;

    }

}

/*=========================================
Tablet
=========================================*/

@media (max-width:991px){

    .pp-overview-section{

        padding:70px 0;

    }

    .pp-overview-wrapper{

        grid-template-columns:1fr;

        gap:35px;

    }

    .pp-overview-content,
    .pp-overview-gallery,
    .pp-rfq-panel{

        width:100%;

    }

    .pp-overview-heading{

        font-size:28px;

    }

    .pp-overview-description{

        max-width:100%;

        margin-bottom:25px;

    }

    .pp-overview-main-image{

        aspect-ratio:16/10;

    }

    .pp-overview-feature-content{

        grid-template-columns:140px 15px 1fr;

    }

    .pp-rfq-card{

        position:static;

        padding:25px;

    }

}

/*=========================================
Mobile
=========================================*/

@media (max-width:767px){

    .pp-overview-section{

        padding:60px 0;

    }

    .pp-overview-heading{

        font-size:24px;

        line-height:1.4;

    }

    .pp-overview-description{

        font-size:15px;

        line-height:1.8;

    }

    .pp-overview-heading-wrapper{

        margin-bottom:28px;

    }

    .pp-overview-feature-item{

        padding:12px;

        gap:12px;

    }

    .pp-overview-feature-content{

        grid-template-columns:1fr;

        gap:6px;

    }

    .pp-overview-feature-divider{

        display:none;

    }

    .pp-overview-feature-title{

        font-size:15px;

    }

    .pp-overview-feature-value{

        font-size:14px;

    }

    .pp-overview-main-image{

        aspect-ratio:4/3;

    }

    .pp-overview-thumbnail-wrapper{

        gap:8px;

    }

    .pp-overview-thumbnail-item{

        width:65px;

        height:65px;

    }

    .pp-overview-thumbnail-arrow{

        width:38px;

        height:38px;

    }

    .pp-rfq-card{

        padding:22px;

    }

    .pp-rfq-heading{

        font-size:24px;

        margin-bottom:22px;

    }

    .pp-rfq-phone-row{

        grid-template-columns:85px 1fr;

    }

    .pp-rfq-input,
    .pp-rfq-select,
    .pp-rfq-textarea{

        padding:14px 15px;

        font-size:14px;

    }

    .pp-rfq-submit-button{

        height:52px;

        font-size:15px;

    }

}

/*=========================================
Small Mobile
=========================================*/

@media (max-width:480px){

    .pp-overview-section{

        padding:50px 0;

    }

    .pp-overview-heading{

        font-size:21px;

    }

    .pp-overview-description{

        font-size:14px;

    }

    .pp-overview-feature-icon{

        width:34px;

        height:34px;

        font-size:15px;

    }

    .pp-overview-thumbnail-item{

        width:55px;

        height:55px;

    }

    .pp-overview-thumbnail-arrow{

        width:34px;

        height:34px;

    }

    .pp-rfq-card{

        padding:18px;

    }

    .pp-rfq-heading{

        font-size:21px;

    }

    .pp-rfq-phone-row{

        grid-template-columns:1fr;

    }

    .pp-rfq-security{

        flex-direction:column;

        text-align:center;

        gap:6px;

    }

}
/*==================================================
WHY CHOOSE BENEFITS SECTION
PART 2
==================================================*/

.pp-benefits-section{
    padding:40px 0;
    background:var(--white);
    position:relative;
}

.pp-benefits-container{
    max-width:var(--container);
    margin:auto;
    padding:0 15px;
}

/*==================================
SECTION HEADING
==================================*/

.pp-benefits-heading-wrapper{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin-bottom:45px;
}


.pp-benefits-heading{
    margin:0;
    font-family:var(--heading-font);
    font-size:30px;
    font-weight:700;
    color:var(--heading);
    /* text-transform:uppercase; */
    text-align:center;
}

/*==================================
GRID
==================================*/

.pp-benefits-grid{

    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:18px;

}

/*==================================
CARD
==================================*/

.pp-benefits-card{

    background:var(--white);
    border:1px solid var(--border);
    border-radius:10px;
    padding:28px 18px;
    text-align:center;

    display:flex;
    flex-direction:column;
    align-items:center;

    height:100%;

    transition:var(--transition);

    box-shadow:
    0 3px 10px rgba(0,0,0,.04);

    position:relative;
    overflow:hidden;

}

.pp-benefits-card::before{

    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;

    background:var(--secondary);

    transform:scaleX(0);

    transition:.35s;

}

.pp-benefits-card:hover{

    transform:translateY(-8px);

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

}

.pp-benefits-card:hover::before{

    transform:scaleX(1);

}

/*==================================
ICON
==================================*/

.pp-benefits-icon-box{

    width:70px;
    height:70px;

    border-radius:50%;

    background:var(--primary);

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

    color:var(--white);

    font-size:30px;

    margin-bottom:22px;

    transition:.45s ease;

}

.pp-benefits-card:hover
.pp-benefits-icon-box{

    background:var(--secondary);

    transform:rotateY(180deg);

}

/*==================================
TITLE
==================================*/

.pp-benefits-card-title{

    margin:0 0 15px;

    font-family:var(--heading-font);
    font-size:18px;
    font-weight:700;

    color:var(--footer);

    line-height:1.4;

    min-height:52px;

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

    text-transform:uppercase;

}

/*==================================
DESCRIPTION
==================================*/

.pp-benefits-card-description{

    margin:0;

    font-family:var(--body-font);
    font-size:15px;
    color:var(--text);

    line-height:1.8;

    flex-grow:1;

}

/*==================================
HOVER
==================================*/

.pp-benefits-card:hover
.pp-benefits-card-title{

    color:var(--primary);

}

.pp-benefits-card:hover
.pp-benefits-card-description{

    color:#4d5562;

}
/*==================================================
WHY CHOOSE BENEFITS SECTION
PART 3 RESPONSIVE
==================================================*/

/*====================================
Large Desktop
====================================*/

@media (max-width:1399px){

    .pp-benefits-grid{

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

    }

}

/*====================================
Laptop
====================================*/

@media (max-width:1199px){

    .pp-benefits-section{

        padding:60px 0;

    }

    .pp-benefits-grid{

        grid-template-columns:repeat(4,1fr);
        gap:20px;

    }

}

/*====================================
Tablet Landscape
====================================*/

@media (max-width:991px){

    .pp-benefits-heading{

        font-size:26px;

    }

    .pp-benefits-heading-line{

        width:55px;

    }

    .pp-benefits-grid{

        grid-template-columns:repeat(3,1fr);
        gap:18px;

    }

    .pp-benefits-card{

        padding:24px 16px;

    }

    .pp-benefits-icon-box{

        width:65px;
        height:65px;
        font-size:28px;

    }

}

/*====================================
Tablet
====================================*/

@media (max-width:767px){

    .pp-benefits-section{

        padding:50px 0;

    }

    .pp-benefits-heading-wrapper{

        gap:12px;
        margin-bottom:35px;

    }

    .pp-benefits-heading{

        font-size:24px;
        line-height:1.4;

    }

    .pp-benefits-heading-line{

        width:40px;

    }

    .pp-benefits-grid{

        grid-template-columns:repeat(2,1fr);
        gap:16px;

    }

    .pp-benefits-card-title{

        font-size:17px;
        min-height:auto;

    }

    .pp-benefits-card-description{

        font-size:15px;

    }

}

/*====================================
Mobile
====================================*/

@media (max-width:575px){

    .pp-benefits-grid{

        grid-template-columns:1fr;
        gap:18px;

    }

    .pp-benefits-heading{

        font-size:22px;

    }

    .pp-benefits-heading-wrapper{

        flex-direction:column;
        gap:10px;

    }

    .pp-benefits-heading-line{

        width:70px;

    }

    .pp-benefits-card{

        padding:25px 20px;

    }

    .pp-benefits-icon-box{

        width:60px;
        height:60px;
        font-size:26px;
        margin-bottom:18px;

    }

    .pp-benefits-card-title{

        font-size:18px;

    }

}

/*====================================
Extra Small Mobile
====================================*/

@media (max-width:380px){

    .pp-benefits-heading{

        font-size:20px;

    }

    .pp-benefits-card{

        padding:22px 16px;

    }

    .pp-benefits-card-description{

        font-size:14px;
        line-height:1.7;

    }

}

/*==================================================
TECHNICAL SPECIFICATIONS
PART 2 CSS
==================================================*/

.pp-specifications-section{
    padding:40px 0;
    background:var(--white);
}

.pp-specifications-container{
    max-width:var(--container);
    margin:auto;
    padding:0 15px;
}
.pp-specifications-wrapper{
    display:grid;
    grid-template-columns:45% 55%;
    gap:28px;
    align-items:start;
}

/*==================================
SECTION HEADINGS
==================================*/

.pp-specifications-heading,
.pp-performance-heading{
    margin:0;
    font-family:var(--heading-font);
    font-size:30px;
    font-weight:700;
    color:var(--heading);
    /* text-transform:uppercase; */
    line-height:1.3;
}

.pp-performance-heading-wrapper{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:28px;
}

/*==================================
TABLE WRAPPER
==================================*/

.pp-specifications-table-wrapper{
    margin-top:25px;
    border:1px solid var(--border);
    border-radius:10px;
    overflow:hidden;
    background:var(--white);
    box-shadow:var(--shadow);
}

/*==================================
TABLE
==================================*/

.pp-specifications-table{
    width:100%;
    border-collapse:collapse;
}

.pp-specifications-table thead th{
    background:var(--footer);
    color:var(--white);
    padding:15px 18px;
    text-align:left;
    font-family:var(--heading-font);
    font-size:15px;
    font-weight:600;
}

.pp-specifications-table tbody td{
    padding:15px 18px;
    font-family:var(--body-font);
    font-size:14px;
    color:var(--text);
    border-top:1px solid var(--border);
    transition:var(--transition);
}

.pp-specifications-table tbody td:first-child{
    width:220px;
    font-weight:600;
    color:var(--heading);
}

.pp-specifications-table tbody tr{
    transition:var(--transition);
}

.pp-specifications-table tbody tr:hover{
    background:#f8fbff;
}

.pp-specifications-table tbody tr:hover td:first-child{
    color:var(--primary);
}

/*==================================
RIGHT SIDE
==================================*/

.pp-performance-section{
    width:100%;
}

/*==================================
GRID
==================================*/

.pp-performance-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

/*==================================
CARD
==================================*/

.pp-performance-card{

    background:var(--white);
    border:1px solid var(--border);
    border-radius:10px;
    padding:28px 18px;

    text-align:center;

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

    min-height:200px;

    position:relative;
    overflow:hidden;

    transition:var(--transition);

    box-shadow:
    0 5px 18px rgba(0,0,0,.05);

}

.pp-performance-card::before{

    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;

    background:var(--secondary);

    transform:scaleX(0);

    transition:.35s;

}

.pp-performance-card:hover{

    transform:translateY(-8px);

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

}

.pp-performance-card:hover::before{

    transform:scaleX(1);

}

/*==================================
ICON
==================================*/

.pp-performance-icon{

    width:50px;
    height:50px;

    border-radius:50%;

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

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

    color:var(--secondary);

    font-size:26px;

    margin-bottom:22px;

    transition:.45s ease;

}

.pp-performance-card:hover
.pp-performance-icon{

    background:var(--secondary);
    color:var(--white);

    transform:rotateY(180deg);

}

/*==================================
TITLE
==================================*/

.pp-performance-title{

    margin:0 0 10px;

    font-family:var(--heading-font);
    font-size:18px;
    font-weight:700;
    height: 60px;

    color:var(--heading);

    line-height:1.4;

}

/*==================================
DESCRIPTION
==================================*/

.pp-performance-description{

    margin:0;

    font-family:var(--body-font);
    font-size:14px;
    color:var(--text);
    line-height:1.7;

}

/*==================================
HOVER
==================================*/

.pp-performance-card:hover
.pp-performance-title{

    color:var(--primary);

}

.pp-performance-card:hover
.pp-performance-description{

    color:#4d5562;

}
.pp-performance-introduction{

    max-width:700px;

    margin:18px 0 30px;

    font-family:var(--body-font);

    font-size:16px;

    font-weight:400;

    line-height:1.8;

    color:var(--text);

}

/*==================================================
TECHNICAL SPECIFICATIONS
TABLET
==================================================*/

@media (max-width:991px){

    .pp-specifications-section{
        padding:70px 0;
    }

    .pp-specifications-wrapper{

        grid-template-columns:1fr;

        gap:40px;

    }

    .pp-specifications-heading,
    .pp-performance-heading{

        font-size:28px;

    }

    .pp-performance-section{

        margin-top:10px;

    }

    .pp-performance-grid{

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

        gap:18px;

    }

}


/*==================================================
MOBILE
==================================================*/

@media (max-width:767px){

    .pp-specifications-section{

        padding:60px 0;

    }

    /*=========================
    Headings
    =========================*/

    .pp-specifications-heading{

        font-size:24px;

        margin-bottom:18px;

    }

    .pp-performance-heading-wrapper{

        justify-content:left;

        margin-bottom:15px;

    }

    .pp-performance-heading{

        font-size:24px;

        text-align:center;

    }

    .pp-performance-heading-line{

        width:45px;

    }

    /*=========================
    Table
    =========================*/

    .pp-specifications-table-wrapper{

        margin-top:0;

        overflow:hidden;

        border-radius:8px;

    }

    .pp-specifications-table{

        width:100%;

        min-width:100%;

        table-layout:fixed;

    }

    .pp-specifications-table thead th{

        padding:12px 10px;

        font-size:14px;

    }

    .pp-specifications-table tbody td{

        padding:10px;

        font-size:13px;

        word-break:break-word;

    }

    .pp-specifications-table tbody td:first-child{

        width:38%;

    }

    /*=========================
    Performance
    =========================*/

    .pp-performance-section{

        margin-top:35px;

    }

    .pp-performance-introduction{

        text-align:left;

        max-width:100%;

        margin:0 auto 25px;

        padding:0 8px;

        font-size:15px;

        line-height:1.8;

    }

    /*=========================
    Cards
    =========================*/

    .pp-performance-grid{

        grid-template-columns:1fr;

        gap:18px;

    }

    .pp-performance-card{

        width:100%;

        min-height:auto;

        padding:25px 20px;

    }

    .pp-performance-icon{

        width:60px;

        height:60px;

        font-size:28px;

        margin-bottom:16px;

    }

    .pp-performance-title{

        font-size:18px;

        margin-bottom:8px;

    }

    .pp-performance-description{

        font-size:14px;

        line-height:1.7;

    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media (max-width:480px){

    .pp-specifications-section{

        padding:50px 0;

    }

    .pp-specifications-heading,
    .pp-performance-heading{

        font-size:18px;

    }

    .pp-specifications-table thead th{

        font-size:13px;

    }

    .pp-specifications-table tbody td{

        font-size:12px;

        padding:9px 8px;

    }

    .pp-performance-introduction{

        font-size:14px;

    }

    .pp-performance-card{

        padding:20px 16px;

    }

    .pp-performance-icon{

        width:52px;

        height:52px;

        font-size:24px;

    }

    .pp-performance-title{

        font-size:17px;

    }

    .pp-performance-description{

        font-size:13px;

    }

}

/*==================================================
FREQUENTLY ASKED QUESTIONS
PART 2 CSS
==================================================*/

.pp-faq-section{

    padding:40px 0;

    background:var(--white);

}

.pp-faq-container{

    max-width:var(--container);

    margin:auto;

    padding:0 15px;

}

/*==================================
HEADER
==================================*/

.pp-faq-header{

    text-align:center;

    max-width:750px;

    margin:0 auto 50px;

}

.pp-faq-title{

    margin:0 0 18px;

    font-family:var(--heading-font);

    font-size:30px;

    font-weight:700;

    color:var(--heading);

    /* text-transform:uppercase; */

    position:relative;

    display:inline-block;

}

.pp-faq-title::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:-10px;

    transform:translateX(-50%);

    width:90px;

    height:4px;

    border-radius:30px;

    background:var(--secondary);

}

.pp-faq-description{

    margin:25px 0 0;

    font-family:var(--body-font);

    font-size:16px;

    line-height:1.8;

    color:var(--text);

}

/*==================================
GRID
==================================*/

.pp-faq-grid{

    display:grid;

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

    gap:30px;

}

.pp-faq-column{

    display:flex;

    flex-direction:column;

    gap:18px;

}

/*==================================
ITEM
==================================*/

.pp-faq-item{

    background:var(--white);

    border:1px solid var(--border);

    border-radius:10px;

    overflow:hidden;

    transition:var(--transition);

    box-shadow:0 5px 18px rgba(0,0,0,.05);

}

.pp-faq-item:hover{

    transform:translateY(-3px);

    box-shadow:0 12px 28px rgba(0,0,0,.08);

}

/*==================================
QUESTION
==================================*/

.pp-faq-question{

    width:100%;

    border:none;

    background:transparent;

    cursor:pointer;

    padding:20px 22px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    text-align:left;

}

.pp-faq-question span{

    font-family:var(--heading-font);

    font-size:16px;

    font-weight:600;

    color:var(--heading);

    line-height:1.6;

}

.pp-faq-question i{

    width:34px;

    height:34px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    color:var(--secondary);

    font-size:18px;

    transition:var(--transition);

}

/*==================================
ANSWER
==================================*/

.pp-faq-answer{

    max-height:0;

    overflow:hidden;

    transition:max-height .4s ease;

}

.pp-faq-answer p{

    padding:0 22px 22px;

    margin:0;

    font-family:var(--body-font);

    font-size:15px;

    line-height:1.8;

    color:var(--text);

}

/*==================================
ACTIVE
==================================*/

.pp-faq-item.pp-faq-active{

    border-color:var(--secondary);

}

.pp-faq-item.pp-faq-active .pp-faq-question{

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

}

.pp-faq-item.pp-faq-active .pp-faq-question i{

    background:var(--secondary);

    color:var(--white);

    transform:rotate(135deg);

}
/*==================================================
FREQUENTLY ASKED QUESTIONS
PART 3 RESPONSIVE
==================================================*/

/*=========================================
Laptop
=========================================*/

@media (max-width:1200px){

    .pp-faq-grid{

        gap:20px;

    }

}


/*=========================================
Tablet
=========================================*/

@media (max-width:991px){

    .pp-faq-section{

        padding:70px 0;

    }

    .pp-faq-header{

        margin-bottom:40px;

    }

    .pp-faq-title{

        font-size:28px;

    }

    .pp-faq-description{

        font-size:15px;

    }

    .pp-faq-grid{

        grid-template-columns:1fr;

        gap:20px;

    }

}


/*=========================================
Mobile
=========================================*/

@media (max-width:767px){

    .pp-faq-section{

        padding:60px 0;

    }

    .pp-faq-header{

        margin-bottom:35px;

    }

    .pp-faq-title{

        font-size:24px;

        line-height:1.4;

    }

    .pp-faq-title::after{

        width:70px;

    }

    .pp-faq-description{

        font-size:14px;

        line-height:1.8;

        margin-top:20px;

    }

    .pp-faq-column{

        gap:15px;

    }

    .pp-faq-question{

        padding:16px 18px;

        gap:12px;

    }

    .pp-faq-question span{

        font-size:15px;

        line-height:1.5;

        padding-right:10px;

    }

    .pp-faq-question i{

        width:30px;

        height:30px;

        font-size:15px;

    }

    .pp-faq-answer p{

        padding:0 18px 18px;

        font-size:14px;

        line-height:1.7;

    }

}


/*=========================================
Small Mobile
=========================================*/

@media (max-width:480px){

    .pp-faq-section{

        padding:50px 0;

    }

    .pp-faq-title{

        font-size:21px;

    }

    .pp-faq-description{

        font-size:13px;

    }

    .pp-faq-question{

        padding:15px;

    }

    .pp-faq-question span{

        font-size:14px;

    }

    .pp-faq-question i{

        width:28px;

        height:28px;

        font-size:14px;

    }

    .pp-faq-answer p{

        padding:0 15px 15px;

        font-size:13px;

    }

}
/*==================================================
EXPORT & PACKAGING SECTION
PART 2 CSS
==================================================*/

.pp-export-section{

    padding:40px 0;

    background:var(--white);

}

.pp-export-container{

    max-width:var(--container);

    margin:auto;

    padding:0 15px;

}

/*==================================
WRAPPER
==================================*/

.pp-export-wrapper{

    display:grid;

    grid-template-columns:48% 52%;

    gap:35px;

    align-items:center;

}

/*==================================
HEADER
==================================*/

.pp-export-header{

    margin-bottom:20px;

}

.pp-export-heading{

    margin:0 0 15px;

    font-family:var(--heading-font);

    font-size:30px;

    font-weight:700;

    color:var(--heading);

    /* text-transform:uppercase; */

    position:relative;

    display:inline-block;

}


.pp-export-description{

    margin:24px 0 0;

    font-family:var(--body-font);

    font-size:16px;

    color:var(--text);

    line-height:1.8;

}

/*==================================
GRID
==================================*/

.pp-export-grid{

    display:grid;

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

    gap:18px;

}

/*==================================
CARD
==================================*/

.pp-export-card{

    display:flex;

    align-items:flex-start;

    gap:18px;

    padding:22px;

    background:var(--white);

    border:1px solid var(--border);

    border-radius:12px;

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

    transition:var(--transition);

}

.pp-export-card:hover{

    transform:translateY(-6px);

    border-color:var(--secondary);

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

}

/*==================================
ICON
==================================*/

.pp-export-icon{

    width:50px;

    height:50px;

    border-radius:50%;

    border:2px solid rgba(255,107,0,.20);

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    transition:var(--transition);

}

.pp-export-icon i{

    font-size:24px;

    color:var(--primary);

    transition:var(--transition);

}

.pp-export-card:hover .pp-export-icon{

    background:var(--secondary);

    border-color:var(--secondary);

}

.pp-export-card:hover .pp-export-icon i{

    color:var(--white);

    transform:rotate(10deg);

}

/*==================================
CONTENT
==================================*/

.pp-export-content{

    flex:1;

}

.pp-export-card-title{

    margin:0 0 8px;

    font-family:var(--heading-font);

    font-size:15px;

    font-weight:700;

    color:var(--heading);

    text-transform:uppercase;

    line-height:1.4;

}

.pp-export-card-text{

    margin:0;

    font-family:var(--body-font);

    font-size:14px;

    color:var(--text);

    line-height:1.7;

}

/*==================================
IMAGE PANEL
==================================*/

.pp-export-image-panel{

    position:relative;

    overflow:hidden;

    border-radius:16px;

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

}

.pp-export-image{

    display:block;

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s ease;

}

.pp-export-image-panel:hover .pp-export-image{

    transform:scale(1.08);

}
/*==================================================
EXPORT & PACKAGING
RESPONSIVE CSS
==================================================*/

/*=========================================
Laptop
=========================================*/

@media (max-width:1200px){

    .pp-export-wrapper{

        grid-template-columns:45% 55%;

        gap:25px;

    }

    .pp-export-card{

        padding:18px;

    }

    .pp-export-icon{

        width:55px;
        height:55px;

    }

    .pp-export-icon i{

        font-size:24px;

    }

}


/*=========================================
Tablet
=========================================*/

@media (max-width:991px){

    .pp-export-section{

        padding:50px 0;

    }

    .pp-export-wrapper{

        grid-template-columns:1fr;

        gap:40px;

    }

    .pp-export-left-panel{

        order:2;

    }

    .pp-export-image-panel{

        order:1;

    }

    .pp-export-heading{

        font-size:28px;

    }

    .pp-export-description{

        font-size:15px;

    }

    .pp-export-grid{

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

        gap:16px;

    }

}


/*=========================================
Mobile
=========================================*/

@media (max-width:767px){

    .pp-export-section{

        padding:60px 0;

    }

    .pp-export-header{

        text-align:center;

        margin-bottom:25px;

    }

    .pp-export-heading{

        font-size:24px;

    }

    .pp-export-heading::after{

        left:50%;

        transform:translateX(-50%);

    }

    .pp-export-description{

        font-size:14px;

        line-height:1.8;

        margin-top:20px;

    }

    .pp-export-grid{

        grid-template-columns:1fr;

        gap:15px;

    }

    .pp-export-card{

        padding:18px;

        gap:15px;

    }

    .pp-export-icon{

        width:52px;

        height:52px;

    }

    .pp-export-icon i{

        font-size:22px;

    }

    .pp-export-card-title{

        font-size:15px;

    }

    .pp-export-card-text{

        font-size:13px;

        line-height:1.6;

    }

    .pp-export-image{

        aspect-ratio:16/10;

        object-fit:cover;

    }

}


/*=========================================
Small Mobile
=========================================*/

@media (max-width:480px){

    .pp-export-section{

        padding:50px 0;

    }

    .pp-export-heading{

        font-size:21px;

    }

    .pp-export-description{

        font-size:13px;

    }

    .pp-export-card{

        padding:15px;

    }

    .pp-export-icon{

        width:48px;

        height:48px;

    }

    .pp-export-icon i{

        font-size:20px;

    }

    .pp-export-card-title{

        font-size:14px;

    }

    .pp-export-card-text{

        font-size:12px;

        line-height:1.6;

    }

}
/*=========================================
   HOSE PIPE SHOWCASE SECTION
=========================================*/

.hpp-showcase-section{
    width:100%;
    padding:40px 0;
    background:#f8fafc;
    overflow:hidden;
    font-family:var(--body-font);
}

.hpp-showcase-container{
    width:100%;
    max-width:var(--container);
    margin:0 auto;
    padding:0 15px;
}

/*=========================================
   SECTION HEADING
=========================================*/

.hpp-showcase-header{
    max-width:850px;
    margin:0 auto 60px;
    text-align:center;
}

.hpp-showcase-title-wrap{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    flex-wrap:wrap;
    margin-bottom:20px;
}

.hpp-showcase-title-decoration{
    display:flex;
    align-items:center;
    justify-content:center;
}

.hpp-showcase-title-decoration img{
    width:62px;
    height:auto;
    display:block;
}

.hpp-showcase-main-title{
    margin:0;
    font-family:var(--heading-font);
    font-size:30px;
    font-weight:700;
    color:var(--heading);
    letter-spacing:1px;
    line-height:1.1;
}

.hpp-showcase-title-lines{
    display:flex;
    align-items:center;
    gap:6px;
}



.hpp-showcase-sub-title{
    margin:0;
    font-size:22px;
    line-height:1.3;
    color:var(--heading);
    font-family:var(--heading-font);
    font-weight:600;
 
}

.hpp-showcase-divider{
    width:85px;
    height:4px;
    background:var(--secondary);
    margin:22px auto;
    border-radius:50px;
}

.hpp-showcase-description{
    margin:0;
    color:var(--text);
    font-size:16px;
    line-height:1.8;
}

/*=========================================
   CARD GRID
=========================================*/

.hpp-showcase-card-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    align-items:stretch;
}

/*=========================================
   PRODUCT CARD
=========================================*/

.hpp-showcase-product-card{
    position:relative;
    background:var(--white);
    border-radius:18px;
    overflow:hidden;
    border:1px solid var(--border);
    box-shadow:var(--shadow);
    transition:var(--transition);
    display:flex;
    flex-direction:column;
}

.hpp-showcase-product-card:hover{
    transform:translateY(-10px);
}

/*=========================================
   IMAGE AREA
=========================================*/

.hpp-showcase-image-wrapper{
    position:relative;
    overflow:hidden;
    height:260px;
}

.hpp-showcase-product-image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.6s ease;
}

.hpp-showcase-product-card:hover .hpp-showcase-product-image{
    transform:scale(1.08);
}

/*=========================================
   FLOATING ICON
=========================================*/

.hpp-showcase-floating-icon{
    position:absolute;
    left:26px;
    bottom:20px;
    width:62px;
    height:62px;
    background:linear-gradient(135deg,var(--primary),var(--primary-dark));
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 25px rgba(0,0,0,.20);
    border:4px solid var(--white);
    z-index:2;
}

.hpp-showcase-floating-icon i{
    font-size:28px;
    color:var(--white);
}

/*=========================================
   CARD CONTENT
=========================================*/

.hpp-showcase-card-content{
    padding:42px 22px 25px;
    flex:1;
}

.hpp-showcase-product-title{
    margin:0 0 15px;
    color:var(--heading);
    font-family:var(--heading-font);
    font-size:18px;
    font-weight:700;
    line-height:1.3;
  
}

.hpp-showcase-product-text{
    margin:0 0 22px;
    color:var(--text);
    font-size:16px;
    line-height:1.9;
}
/*=========================================
   FEATURE LIST
=========================================*/

.hpp-showcase-feature-list{
    margin:0;
    padding:0;
    list-style:none;
}

.hpp-showcase-feature-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:14px;
    color:var(--text);
    font-size:15px;
    line-height:0.7;
    font-weight:500;
}

.hpp-showcase-feature-item:last-child{
    margin-bottom:0;
}

.hpp-showcase-feature-item i{
    color:var(--secondary);
    font-size:18px;
    margin-top:2px;
    flex-shrink:0;
}

/*=========================================
   GET A QUOTE BUTTON
=========================================*/

.hpp-showcase-action-button{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:18px 24px;
    background:var(--primary);
    color:var(--white);
    text-decoration:none;
    font-family:var(--heading-font);
    font-size:15px;
    font-weight:600;
    letter-spacing:.6px;
    text-transform:uppercase;
    transition:var(--transition);
    border-top:1px solid rgba(255,255,255,.08);
}

.hpp-showcase-action-button span{
    display:inline-block;
}

.hpp-showcase-action-button i{
    width:42px;
    height:42px;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    transition:var(--transition);
}

/*=========================================
   CARD HOVER EFFECT
=========================================*/

.hpp-showcase-product-card:hover{
    border-color:rgba(10,77,163,.20);
    box-shadow:0 18px 45px rgba(0,0,0,.12);
}

.hpp-showcase-product-card:hover .hpp-showcase-action-button{
    background:var(--secondary);
}

.hpp-showcase-product-card:hover .hpp-showcase-action-button i{
    background:var(--white);
    color:var(--secondary);
    transform:translateX(6px);
}

.hpp-showcase-product-card:hover .hpp-showcase-floating-icon{
    transform:rotate(-8deg) scale(1.05);
}

.hpp-showcase-product-card:hover .hpp-showcase-product-title{
    color:var(--primary);
}

/*=========================================
   FOCUS STATE
=========================================*/

.hpp-showcase-action-button:focus{
    outline:none;
}

.hpp-showcase-action-button:focus-visible{
    outline:3px solid rgba(255,107,0,.25);
    outline-offset:3px;
}

/*=========================================
   OPTIONAL TAG ANIMATION
=========================================*/

.hpp-showcase-product-card,
.hpp-showcase-floating-icon,
.hpp-showcase-product-image,
.hpp-showcase-action-button,
.hpp-showcase-action-button i{
    transition:var(--transition);
}
/*=========================================
   TABLET RESPONSIVE
=========================================*/

@media (max-width:991px){

    .hpp-showcase-section{
        padding:70px 0;
    }

    .hpp-showcase-main-title{
        font-size:42px;
    }

    .hpp-showcase-sub-title{
        font-size:24px;
    }

    .hpp-showcase-description{
        font-size:16px;
        line-height:1.8;
        padding:0 10px;
    }

    .hpp-showcase-card-grid{
        grid-template-columns:repeat(2,1fr);
        gap:25px;
    }

    .hpp-showcase-image-wrapper{
        height:240px;
    }

    .hpp-showcase-product-title{
        font-size:24px;
    }

    .hpp-showcase-card-content{
        padding:40px 20px 22px;
    }

    .hpp-showcase-action-button{
        padding:16px 20px;
        font-size:14px;
    }

}


/*=========================================
   MOBILE RESPONSIVE
=========================================*/

@media (max-width:767px){

    .hpp-showcase-section{
        padding:60px 0;
    }

    .hpp-showcase-header{
        margin-bottom:40px;
    }

    .hpp-showcase-title-wrap{
        flex-direction:column;
        gap:12px;
    }

    .hpp-showcase-title-decoration img{
        width:52px;
    }

    .hpp-showcase-main-title{
        font-size:34px;
        line-height:1.2;
        text-align:center;
    }

    .hpp-showcase-title-lines{
        justify-content:center;
    }

    .hpp-showcase-sub-title{
        font-size:21px;
        line-height:1.5;
    }

    .hpp-showcase-divider{
        margin:18px auto;
    }

    .hpp-showcase-description{
        font-size:15px;
        line-height:1.8;
    }

    .hpp-showcase-card-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .hpp-showcase-image-wrapper{
        height:240px;
    }

    .hpp-showcase-product-title{
        font-size:22px;
    }

    .hpp-showcase-product-text{
        font-size:15px;
    }

    .hpp-showcase-feature-item{
        font-size:14px;
    }

    .hpp-showcase-floating-icon{
        width:56px;
        height:56px;
        bottom:-22px;
        left:18px;
    }

    .hpp-showcase-floating-icon i{
        font-size:24px;
    }

    .hpp-showcase-card-content{
        padding:38px 18px 22px;
    }

    .hpp-showcase-action-button{
        padding:16px 18px;
        font-size:14px;
    }

    .hpp-showcase-action-button i{
        width:38px;
        height:38px;
        font-size:16px;
    }

}


/*=========================================
   SMALL MOBILE
=========================================*/

@media (max-width:480px){

    .hpp-showcase-section{
        padding:50px 0;
    }

    .hpp-showcase-container{
        padding:0 12px;
    }

    .hpp-showcase-main-title{
        font-size:28px;
    }

    .hpp-showcase-sub-title{
        font-size:18px;
    }

    .hpp-showcase-description{
        font-size:14px;
    }

    .hpp-showcase-image-wrapper{
        height:210px;
    }

    .hpp-showcase-product-title{
        font-size:19px;
    }

    .hpp-showcase-product-text{
        font-size:14px;
    }

    .hpp-showcase-feature-item{
        font-size:13px;
        gap:10px;
    }

    .hpp-showcase-feature-item i{
        font-size:16px;
    }

    .hpp-showcase-floating-icon{
        width:50px;
        height:50px;
        left:15px;
        bottom:10px;
    }

    .hpp-showcase-floating-icon i{
        font-size:20px;
    }

    .hpp-showcase-card-content{
        padding:35px 16px 20px;
    }

    .hpp-showcase-action-button{
        padding:15px 16px;
        font-size:13px;
    }

    .hpp-showcase-action-button i{
        width:35px;
        height:35px;
        font-size:15px;
    }

}
/*=========================================
   COMPLETE PRODUCT RANGE SECTION
=========================================*/

.hpr-product-range-section{
    width:100%;
    padding:40px 0;
    background:#f8fafc;
    overflow:hidden;
    font-family:var(--body-font);
}

.hpr-product-range-container{
    width:100%;
    max-width:var(--container);
    margin:0 auto;
    padding:0 15px;
}

/*=========================================
   SECTION HEADING
=========================================*/

.hpr-product-range-header{
    text-align:center;
    margin-bottom:15px;
}

.hpr-product-range-title-wrap{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    flex-wrap:wrap;
}


.hpr-product-range-heading{
    margin:0;
    font-family:var(--heading-font);
    font-size:30px;
    font-weight:700;
    color:var(--heading);
    letter-spacing:.5px;
    
}

.hpr-product-range-divider{
    width:80px;
    height:4px;
    background:var(--secondary);
    display:block;
    margin:18px auto 0;
    border-radius:30px;
}

/*=========================================
   MAIN BOX
=========================================*/

.hpr-product-range-box{
    position:relative;
    display:grid;
    grid-template-columns:1fr 130px 1fr;
    gap:35px;
    background:var(--white);
    border:1px solid var(--border);
    border-radius:18px;
    box-shadow:var(--shadow);
    padding:45px;
    overflow:hidden;
}

/*=========================================
   LEFT / RIGHT COLUMN
=========================================*/

.hpr-product-range-column{
    display:flex;
    flex-direction:column;
}

.hpr-product-range-column-title{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:15px;
}

.hpr-product-range-title-icon{
    width:74px;
    height:74px;
    border-radius:50%;
    background:var(--secondary);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.hpr-product-range-title-icon i{
    font-size:32px;
    color:var(--white);
}

.hpr-product-range-column-title h3{
    margin:0;
    font-size:22px;
    font-family:var(--heading-font);
    color:var(--heading);
    font-weight:700;
   
}

.hpr-product-range-column-title span{
    display:block;
    width:130px;
    height:3px;
    background:var(--secondary);
    margin-top:10px;
    border-radius:30px;
}

/*=========================================
   CENTER AREA
=========================================*/

.hpr-product-range-center{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}

.hpr-product-range-center::before{
    content:"";
    position:absolute;
    width:2px;
    height:100%;
    background:#d7dbe2;
}

.hpr-product-range-center-circle{
    position:relative;
    width:110px;
    height:110px;
    border-radius:50%;
    background:var(--primary);
    border:5px solid var(--white);
    outline:4px solid var(--secondary);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:2;
    box-shadow:0 15px 35px rgba(0,0,0,.18);
}

.hpr-product-range-center-circle i{
    color:var(--white);
    font-size:46px;
}
/*=========================================
   PRODUCT ITEMS
=========================================*/

.hpr-product-range-item{
    display:flex;
    align-items:flex-start;
    gap:20px;
    padding:15px 0;
    border-bottom:1px solid var(--border);
    transition:var(--transition);
}

.hpr-product-range-item:first-of-type{
    padding-top:0;
}

.hpr-product-range-item:last-child{
    border-bottom:none;
    padding-bottom:0;
}

/*=========================================
   ITEM ICON
=========================================*/

.hpr-product-range-item-icon{
    width:74px;
    height:74px;
    min-width:74px;
    border-radius:50%;
    background:var(--primary);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 8px 20px rgba(10,77,163,.18);
    transition:var(--transition);
}

.hpr-product-range-item-icon i{
    font-size:32px;
    color:var(--white);
    transition:var(--transition);
}

/*=========================================
   ITEM CONTENT
=========================================*/

.hpr-product-range-item-content{
    flex:1;
}

.hpr-product-range-item-content h4{
    margin:0 0 10px;
    font-family:var(--heading-font);
    font-size:18px;
    font-weight:700;
    color:var(--heading);
    line-height:1.4;
}

.hpr-product-range-item-content p{
    margin:0;
    font-family:var(--body-font);
    font-size:16px;
    font-weight:400;
    color:var(--text);
    line-height:1.8;
}

/*=========================================
   HOVER EFFECTS
=========================================*/

.hpr-product-range-item:hover{
    transform:translateX(8px);
}

.hpr-product-range-item:hover .hpr-product-range-item-icon{
    background:var(--secondary);
    transform:rotate(-8deg) scale(1.08);
}

.hpr-product-range-item:hover .hpr-product-range-item-content h4{
    color:var(--primary);
}

.hpr-product-range-center-circle{
    transition:var(--transition);
}

.hpr-product-range-box:hover .hpr-product-range-center-circle{
    transform:rotate(8deg);
}

/*=========================================
   COLUMN TITLE HOVER
=========================================*/

.hpr-product-range-column-title .hpr-product-range-title-icon{
    transition:var(--transition);
}

.hpr-product-range-column:hover
.hpr-product-range-title-icon{
    background:var(--primary);
    transform:rotate(-12deg);
}

/*=========================================
   BOX HOVER
=========================================*/

.hpr-product-range-box{
    transition:var(--transition);
}

.hpr-product-range-box:hover{
    box-shadow:0 18px 45px rgba(0,0,0,.12);
}

/*=========================================
   SMOOTH TRANSITIONS
=========================================*/

.hpr-product-range-item,
.hpr-product-range-item-icon,
.hpr-product-range-item-content h4,
.hpr-product-range-center-circle,
.hpr-product-range-title-icon{
    transition:var(--transition);
}
/*=========================================
   TABLET RESPONSIVE
=========================================*/

@media (max-width:991px){

    .hpr-product-range-section{
        padding:70px 0;
    }

    .hpr-product-range-box{
        grid-template-columns:1fr;
        gap:35px;
        padding:35px;
    }

    .hpr-product-range-center{
        order:2;
        min-height:120px;
    }

    .hpr-product-range-column:first-child{
        order:1;
    }

    .hpr-product-range-column:last-child{
        order:3;
    }

    .hpr-product-range-center::before{
        width:100%;
        height:2px;
    }

    .hpr-product-range-center-circle{
        width:100px;
        height:100px;
    }

    .hpr-product-range-center-circle i{
        font-size:40px;
    }

    .hpr-product-range-heading{
        font-size:30px;
    }

    .hpr-product-range-column-title{
        margin-bottom:25px;
    }

}


/*=========================================
   MOBILE RESPONSIVE
=========================================*/

@media (max-width:767px){

    .hpr-product-range-section{
        padding:60px 0;
    }

    .hpr-product-range-container{
        padding:0 15px;
    }

    .hpr-product-range-title-wrap{
        gap:12px;
    }

    .hpr-product-range-line{
        width:28px;
    }

    .hpr-product-range-heading{
        font-size:26px;
        line-height:1.4;
    }

    .hpr-product-range-divider{
        width:70px;
    }

    .hpr-product-range-box{
        padding:25px;
        border-radius:15px;
        gap:30px;
    }

    .hpr-product-range-column-title{
        gap:15px;
        margin-bottom:20px;
    }

    .hpr-product-range-title-icon{
        width:48px;
        height:48px;
    }

    .hpr-product-range-title-icon i{
        font-size:20px;
    }

    .hpr-product-range-column-title h3{
        font-size:18px;
    }

    .hpr-product-range-column-title span{
        width:90px;
    }

    .hpr-product-range-item{
        gap:15px;
        padding:22px 0;
    }

    .hpr-product-range-item-icon{
        width:60px;
        height:60px;
        min-width:60px;
    }

    .hpr-product-range-item-icon i{
        font-size:24px;
    }

    .hpr-product-range-item-content h4{
        font-size:18px;
        line-height:1.5;
    }

    .hpr-product-range-item-content p{
        font-size:16px;
        line-height:1.7;
    }

    .hpr-product-range-center{
        min-height:110px;
    }

    .hpr-product-range-center-circle{
        width:90px;
        height:90px;
        outline-width:3px;
    }

    .hpr-product-range-center-circle i{
        font-size:34px;
    }

}


/*=========================================
   SMALL MOBILE
=========================================*/

@media (max-width:480px){

    .hpr-product-range-section{
        padding:50px 0;
    }

    .hpr-product-range-heading{
        font-size:22px;
    }

    .hpr-product-range-box{
        padding:18px;
        border-radius:12px;
    }

    .hpr-product-range-column-title{
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
    }

    .hpr-product-range-title-icon{
        width:44px;
        height:44px;
    }

    .hpr-product-range-title-icon i{
        font-size:18px;
    }

    .hpr-product-range-column-title h3{
        font-size:17px;
    }

    .hpr-product-range-column-title span{
        width:75px;
        margin-top:8px;
    }

    .hpr-product-range-item{
        gap:12px;
        padding:18px 0;
    }

    .hpr-product-range-item-icon{
        width:52px;
        height:52px;
        min-width:52px;
    }

    .hpr-product-range-item-icon i{
        font-size:20px;
    }

    .hpr-product-range-item-content h4{
        font-size:17px;
    }

    .hpr-product-range-item-content p{
        font-size:15px;
        line-height:1.7;
    }

    .hpr-product-range-center{
        min-height:90px;
    }

    .hpr-product-range-center-circle{
        width:75px;
        height:75px;
    }

    .hpr-product-range-center-circle i{
        font-size:28px;
    }

}



/* Fetures Application CSS */

/*==================================================
FEATURES & APPLICATIONS SECTION
==================================================*/

.pp-features-apps-section{
    padding:40px 0;
    background:var(--white);
}

.pp-features-apps-container{
    max-width:var(--container);
    margin:auto;
    padding:0 15px;
}

.pp-features-apps-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    align-items:start;
}

/*==================================
COMMON PANEL
==================================*/

.pp-features-panel,
.pp-apps-panel{
    background:var(--white);
    border:1px solid var(--border);
    border-radius:14px;
    padding:30px;
    box-shadow:var(--shadow);
    height:100%;
}

.pp-features-apps-heading{
    margin:0 0 6px;
    font-family:var(--heading-font);
    font-size:22px;
    font-weight:700;
    color:var(--heading);
    letter-spacing:.5px;
}

.pp-features-apps-line{
    width:55px;
    height:3px;
    background:var(--secondary);
    border-radius:20px;
    margin-bottom:25px;
}

/*==================================
FEATURES GRID
==================================*/

.pp-features-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

.pp-feature-item{
    display:flex;
    align-items:flex-start;
    gap:14px;
}

.pp-feature-icon{
    width:48px;
    height:48px;
    min-width:48px;
    border-radius:10px;
    background:#0A4DA3;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:var(--transition);
}

.pp-feature-icon i{
    font-size:23px;
    color:var(--white);
    transition:var(--transition);
}

.pp-feature-item:hover .pp-feature-icon{
    background:var(--secondary);
    transform:translateY(-4px);
}

.pp-feature-content h4{
    margin:0 0 6px;
    font-family:var(--heading-font);
    font-size:17px;
    font-weight:700;
    color:var(--heading);
    line-height:1.4;
}

.pp-feature-content p{
    margin:0;
    font-family:var(--body-font);
    font-size:16px;
    color:var(--text);
    line-height:1.6;
}

/*==================================
APPLICATIONS LAYOUT
==================================*/

.pp-apps-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    align-items:start;
}

.pp-apps-list{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.pp-app-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
}

.pp-app-icon{
    width:38px;
    height:38px;
    min-width:38px;
    border-radius:8px;
    background:#0A4DA3;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:var(--transition);
}

.pp-app-icon i{
    font-size:26px;
    color:var(--white);
    transition:var(--transition);
}

.pp-app-item:hover .pp-app-icon{
    background:var(--secondary);
}

.pp-app-content h4{
    margin:0 0 5px;
    font-family:var(--heading-font);
    font-size:17px;
    font-weight:700;
    color:var(--heading);
    line-height:1.4;
}

.pp-app-content p{
    margin:0;
    font-family:var(--body-font);
    font-size:16px;
    color:var(--text);
    line-height:1.6;
}

/*==================================
APPLICATIONS IMAGE GALLERY
==================================*/

.pp-apps-gallery{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}

.pp-apps-gallery img{
    width:100%;
    height:103%;
    min-height:176px;
    object-fit:cover;
    border-radius:10px;
    display:block;
    transition:var(--transition);
}

.pp-apps-gallery img:hover{
    transform:scale(1.04);
}

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

@media (max-width:991px){

    .pp-features-apps-wrapper{
        grid-template-columns:1fr;
        gap:25px;
    }

    .pp-apps-wrapper{
        grid-template-columns:1fr;
    }

    .pp-apps-gallery{
        margin-top:10px;
    }

}

@media (max-width:767px){

    .pp-features-apps-section{
        padding:60px 0;
    }

    .pp-features-panel,
    .pp-apps-panel{
        padding:22px;
    }

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

    .pp-features-apps-heading{
        font-size:20px;
    }

}

@media (max-width:480px){

    .pp-apps-gallery img{
        min-height:90px;
    }

    .pp-feature-icon,
    .pp-app-icon{
        width:42px;
        height:42px;
        min-width:42px;
    }

}



/*============ Repair Section  ======== */

/* Cylinder Repair Services Section
   Uses variables already defined in your site's :root
   (--primary, --secondary, --white, --text, --heading, --footer, --radius, --shadow, --transition, --heading-font, --body-font, --container)
*/

.repair-section {
            padding: 160px 0;
            background-color: #ffffff;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        .repair-img {
            width: 100%;
            height: auto;
            border-radius: 16px;
            object-fit: cover;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
        }

        element.style {
    padding: 155px;
}

        .sub-title {
            color: #ff5722;
            font-size: 22px;
            font-weight: 800;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            margin-bottom: 8px;
        }

        .main-title {
            color: #0A4DA3;
            font-size: 36px;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 15px;
        }

        .title-line {
            width: 50px;
            height: 4px;
            background-color: #ff5722;
            margin-bottom: 25px;
            border-radius: 2px;
        }

        .description {
            color: #4d5562;
            font-size: 17px;
            line-height: 1.7;
            margin-bottom: 35px;
        }

        .feature-box {
            text-align: center;
        }

        .icon-container {
            width: 70px;
            height: 70px;
            background-color: #0A4DA3;
            color: #ffffff;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 12px auto;
            font-size: 28px;
            transition: transform 0.3s ease, background-color 0.3s ease;
        }

        .feature-box:hover .icon-container {
            transform: translateY(-5px);
            background-color: #ff5722;
        }

        .feature-title {
            color: #0b1a30;
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            line-height: 1.3;
        }

        @media (max-width: 768px) 
            .main-title {
                font-size: 28px;
            }

            .repair-section {
                padding: 30px 0;
            }




            /* ============================================ */
/* WHY CHOOSE SECTION & SERVICE CARDS STYLES   */
/* ============================================ */

.pp-services-grid-section {
    background-color: #f8fafc;
    padding: 60px 0;
}

.pp-section-title {
    font-family: var(--heading-font, 'sans-serif');
    font-size: 28px;
    font-weight: 800;
    color: var(--heading, #081c39);
    margin-bottom: 8px;
}

.pp-text-accent {
    color: var(--secondary, #ff5722);
}

.pp-title-line {
    width: 50px;
    height: 3px;
    background-color: var(--secondary, #ff5722);
    border-radius: 2px;
}

/* Card Outer Wrapper */
.pp-service-card {
    background: var(--white, #ffffff);
    padding: 12px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid var(--border, #e2e8f0);
    height: 100%;
    text-align: center;
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pp-service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* Image Holder Container */
.pp-card-img-holder {
    position: relative;
    width: 100%;
    border-radius: 6px;
    overflow: visible; /* icon overlap k liye visible rakha hai */
    margin-bottom: 25px; /* Icon k overlapping room k liye bottom space */
}

.pp-card-img-holder img {
    width: 100%;
    height: 130px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

/* Overlapping Circular Badge Icon */
.pp-card-badge {
    position: absolute;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%);
    width: 42px;
    height: 42px;
    background-color: #0A4DA3; /* Navy Blue Theme Color */
    color: var(--white, #ffffff);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border: 3px solid var(--white, #ffffff);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.pp-service-card:hover .pp-card-badge {
    background-color: var(--secondary, #ff5722);
    transform: translateX(-50%) scale(1.1);
}

/* Card Content Styling */
.pp-service-card h5 {
    font-family: var(--heading-font, 'sans-serif');
    font-size: 19px;
    font-weight: 700;
    color: var(--heading, #081c39);
    margin-bottom: 10px;
    line-height: 1.35;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.pp-service-card p {
    font-family: var(--body-font, 'sans-serif');
    font-size: 15px;
    color: var(--text, #64748b);
    line-height: 1.5;
    margin-bottom: 0;
}

/* Responsive Grid Adjustments for 6 Columns Layout */
@media (min-width: 1200px) {
    /* Bootstrap col-lg-2 by default is 2/12 = 16.66% so 6 cards in a row nicely fit */
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.666667%;
    }
}

@media (max-width: 991px) {
    .pp-card-img-holder img {
        height: 140px;
    }
}

@media (max-width: 575px) {
    .pp-service-card {
        max-width: 320px;
        margin: 0 auto;
    }
}

==========================


/* Base Container Styling */
.qa-banner-section {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.qa-banner-container {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  border-radius: 12px;
  overflow: hidden;
  background-color: #031432; /* Dark Blue Theme */
  color: #ffffff;
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

/* Background Image & Gradient overlay */
.qa-bg-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-image: url('assests/img/products/quality2.jpg');
  background-image: url('assests/img/products/quality-assurance.jpg');
   /* Apni machinery image path yahan dalein */
  background-size: cover;
  background-position: center;
  z-index: 1;
}

.qa-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 74%;
  height: 100%;
  background: linear-gradient(90deg, #031432 0%, #031432 55%, rgba(3,20,50,0.85) 75%, rgba(3,20,50,0.4) 100%);
  z-index: 2;
}

/* Layout Grid */
.qa-content-wrapper {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  padding: 40px 30px;
  gap: 30px;
}

/* Left Shield Icon */
.qa-icon-box {
  flex-shrink: 0;
}

.qa-circle-badge {
  position: relative;
  width: 130px;
  height: 130px;
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
  color: #ffffff;
}

.qa-check-mark {
  position: absolute;
  font-size: 28px;
  color: #ff5722; /* Orange Checkmark */
}

/* Main Text Section */
.qa-text-content {
  flex: 1.2;
}

.qa-subtitle {
  color: #ff5722;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.qa-title {
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 12px 0;
  color: #ffffff;
}

.qa-divider {
  width: 40px;
  height: 3px;
  background-color: #ff5722;
  margin-bottom: 15px;
}

.qa-description {
  font-size: 13px;
  line-height: 1.6;
  color: #d1d5db;
  margin: 0;
  max-width: 420px;
}

/* Checklist Items */
.qa-checklist {
  flex: 1;
}

.qa-checklist ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.qa-checklist li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
}

.qa-checklist li:last-child {
  margin-bottom: 0;
}

.qa-checklist i {
  color: #ff5722; /* Orange Check Icon */
  font-size: 18px;
  margin-right: 12px;
}

/* Responsive Styles */
@media (max-width: 992px) {
  .qa-content-wrapper {
    flex-direction: column;
    text-align: center;
    padding: 30px 20px;
  }

  .qa-bg-image {
    width: 100%;
    opacity: 0.2;
  }

  .qa-overlay {
    background: #031432;
    opacity: 0.9;
  }

  .qa-divider {
    margin: 0 auto 15px auto;
  }

  .qa-description {
    max-width: 100%;
  }

  .qa-checklist li {
    justify-content: center;
  }
}



@media (min-width: 992px) {
  .col-lg-2 {
    flex: 0 0 auto !important;
    width: 19.6667% !important;
  }
}

.qa-banner-section {
  padding: 36px;
}



/* --- PRIVACY POLICY STYLES --- */
.privacy-policy-section {
    padding: 60px 20px;
    background-color: #f8fafc;
}

.privacy-container {
    max-width: var(--container);
    margin: 0 auto;
}

/* Page Header */
.privacy-header {
    text-align: center;
    margin-bottom: 40px;
}

.privacy-badge {
    display: inline-block;
    background-color: rgba(10, 77, 163, 0.1);
    color: var(--primary);
    font-family: var(--heading-font);
    font-size: 14px;
    font-weight: 600;
    padding: 6px 18px;
    border-radius: 50px;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.privacy-header h1 {
    font-family: var(--heading-font);
    font-size: 36px;
    font-weight: 700;
    color: var(--heading);
    margin-bottom: 12px;
}

.privacy-header p {
    max-width: 750px;
    margin: 0 auto;
    color: var(--text);
    font-size: 15px;
    font-family: var(--body-font);
}

/* Intro Card */
.privacy-intro-card {
    background: var(--white);
    border-radius: var(--radius);
    padding: 28px 32px;
    margin-bottom: 24px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    border: 1px solid var(--border);
}

.privacy-intro-card h2 {
    font-family: var(--heading-font);
    font-size: 20px;
    color: var(--heading);
    margin-bottom: 8px;
}

.privacy-intro-card p {
    font-size: 14.5px;
    color: var(--text);
    font-family: var(--body-font);
}

/* Content Cards Wrapper */
.privacy-cards-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.privacy-card {
    background: var(--white);
    border-radius: var(--radius);
    padding: 28px 32px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    border: 1px solid var(--border);
    transition: transform var(--transition), box-shadow var(--transition);
}

.privacy-card:hover {
    box-shadow: var(--shadow);
    border-color: rgba(10, 77, 163, 0.2);
}

.privacy-card h2 {
    font-family: var(--heading-font);
    font-size: 20px;
    font-weight: 600;
    color: var(--heading);
    margin-bottom: 12px;
}

.privacy-card h3 {
    font-family: var(--heading-font);
    font-size: 16px;
    font-weight: 600;
    color: var(--primary);
    margin: 16px 0 10px 0;
}

.privacy-card p {
    font-size: 14.5px;
    margin-bottom: 12px;
    color: var(--text);
    font-family: var(--body-font);
}

.sub-note {
    margin-top: 10px;
    font-size: 13.5px;
    color: #6b7280;
}

/* Custom Checklist - Updated to Vertical Series (Vertical List) */
.privacy-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 14px;
}

.privacy-list.single-column {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.privacy-list li {
    position: relative;
    padding-left: 32px;
    font-size: 14.5px;
    color: var(--text);
    font-family: var(--body-font);
    line-height: 1.5;
}

/* Round Badge Checkmark Icon */
.privacy-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background-color: rgba(10, 77, 163, 0.12);
    color: var(--primary);
    font-size: 12px;
    font-weight: 700;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Contact Info Grid */
.contact-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 15px;
    background: #f8fafc;
    padding: 20px;
    border-radius: var(--radius);
    border: 1px solid var(--border);
}

.contact-box h4 {
    font-family: var(--heading-font);
    font-size: 15px;
    color: var(--heading);
    margin-bottom: 8px;
    border-bottom: 2px solid var(--primary);
    display: inline-block;
    padding-bottom: 3px;
}

.contact-box p, 
.contact-box a {
    font-size: 14px;
    color: var(--text);
    font-family: var(--body-font);
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
}

.contact-box a:hover {
    color: var(--primary);
}

/* Bottom Consent Banner */
.consent-banner {
    margin-top: 30px;
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    color: var(--white);
    padding: 24px 32px;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}

.consent-banner h3 {
    font-family: var(--heading-font);
    font-size: 18px;
    color: var(--white);
    margin-bottom: 8px;
}

.consent-banner p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    font-family: var(--body-font);
    margin: 0;
}

/* --- Responsive Media Queries --- */
@media (max-width: 992px) {
    .privacy-header h1 {
        font-size: 30px;
    }
    .contact-info-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .privacy-policy-section {
        padding: 40px 15px;
    }
    .privacy-header h1 {
        font-size: 26px;
    }
    .privacy-card, 
    .privacy-intro-card, 
    .consent-banner {
        padding: 20px 18px;
    }
}



.why-choose-section{

    background:#fff;

}

.why-box{

    background:#071c46;
    border-radius:14px;
    padding:14px 21px;

}

.why-box h2{

    color:#fff;
    font-size:38px;
    font-weight:700;
    text-transform:uppercase;

}

.why-box h2 span{

    color:#ff6a00;

}

.why-item{

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

    padding:20px;

    border-right:1px solid rgba(255,255,255,.15);

    height:100%;

}

.why-icon{

    width:58px;
    height:58px;

    min-width:58px;

    border:2px solid rgba(255,255,255,.35);

    border-radius:50%;

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

}

.why-icon i{

    color:#fff;
    font-size:24px;

}

.why-item h5{

    color:#fff;
    font-size:16px;
    font-weight:700;
    margin-bottom:8px;

}

.why-item p{

    color:#d9d9d9;
    font-size:14px;
    line-height:1.7;
    margin:0;

}

/* Tablet */

@media(max-width:991px){

.why-item{

    border-right:none;
    border-bottom:1px solid rgba(255,255,255,.15);

}

}

/* Mobile */

@media(max-width:576px){

.why-box{

    padding:25px 18px;

}

.why-box h2{

    font-size:28px;

}

.why-item{

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

}

}




/*==========================================
      TROUBLESHOOTING SECTION
==========================================*/

.troubleshoot-section{
    background:#f8f9fb;
}

.ts-left-card,
.ts-right-card{
    height:100%;
    border-radius:16px;
    padding:35px;
    overflow:hidden;
    transition:.35s;
}

/* LEFT CARD */

.ts-left-card{
    position:relative;
    background:linear-gradient(135deg,#081c45,#0c2f68);
    border-radius:16px;
    padding:28px;
    overflow:hidden;
    min-height:520px;
}

.ts-left-card:hover{

    transform:translateY(-5px);

}

/* RIGHT CARD */

.ts-right-card{

    background:#fff;
    border:1px solid #e8edf5;
    box-shadow:0 8px 25px rgba(0,0,0,.08);

}

.ts-right-card:hover{

    transform:translateY(-5px);

}

/* HEADINGS */

.ts-left-card h2,
.ts-right-card h2{

    font-size:32px;
    font-weight:700;
    margin-bottom:30px;
    line-height:1.3;

}

.ts-left-card h2{

    color:#fff;

}

.ts-right-card h2{

    color:#08204b;

}

.ts-left-card h2 span,
.ts-right-card h2 span{

    color:#ff6a00;

}

/* LIST */

.ts-list,
.ts-guide{

    list-style:none;
    padding:-1px;
    margin:-23px;

}

.ts-list li,
.ts-guide li{

    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-bottom:22px;

}

/* LEFT ICON */

.ts-list i{

    font-size:20px;
    color:#ff6a00;
    margin-top:3px;

}

/* RIGHT ICON */

.ts-icon{

    width:46px;
    height:46px;
    min-width:46px;

    background:#08204b;
    border-radius:50%;

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

}

.ts-icon i{

    color:#fff;
    font-size:18px;

}

/* TEXT */

.ts-list h5,
.ts-guide h5{

    font-size:18px;
    font-weight:700;
    margin-bottom:6px;

}

.ts-list h5{

    color:#fff;

}

.ts-guide h5{

    color:#08204b;

}

.ts-list p{

    color:#d7dfef;
    margin:0;
    line-height:1.7;
    font-size:15px;

}

.ts-guide p{

    color:#666;
    margin:0;
    line-height:1.7;
    font-size:15px;

}

/*==========================================
        TABLET
==========================================*/

@media(max-width:991px){

.ts-left-card,
.ts-right-card{

    padding:28px;

}

.ts-left-card{

    margin-bottom:25px;

}

.ts-left-card h2,
.ts-right-card h2{

    font-size:28px;

}

}

/*==========================================
        MOBILE
==========================================*/

@media(max-width:767px){

.ts-left-card,
.ts-right-card{

    padding:22px;

}

.ts-left-card h2,
.ts-right-card h2{

    font-size:24px;
    margin-bottom:22px;

}

.ts-list li,
.ts-guide li{

    gap:14px;
    margin-bottom:18px;

}

.ts-icon{

    width:40px;
    height:40px;
    min-width:40px;

}

.ts-icon i{

    font-size:16px;

}

.ts-list h5,
.ts-guide h5{

    font-size:16px;

}

.ts-list p,
.ts-guide p{

    font-size:14px;
    line-height:1.6;

}

}




















/* Left card image */
.ts-machine{

    position:absolute;

    right:20px;
    bottom:20px;

    width:260px;

    pointer-events:none;

}

.ts-machine img{

    width:100%;
    opacity:.95;
    object-fit:contain;

}


@media(max-width:991px){

.ts-machine{

    margin-top:30px;

}

.ts-machine img{

    max-width:240px;

}

}




/*=========================================
   CEO Image Card
=========================================*/

.ceo-image-card{
    width: 360px;
    height: 460px;
    margin: 0 auto;

    background: #fff;
    border-radius: 20px;
    overflow: hidden;

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

    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.ceo-image{
    width: 100%;
    height: 100%;

    object-fit: contain;
    object-position: center;

    display: block;
}

/* Responsive */

@media (max-width:991px){

    .ceo-image-card{
        width:320px;
        height:420px;
        margin-bottom:30px;
    }

}


/*=========================================
        CEO MESSAGE SECTION
=========================================*/

.ceo-message-section{
    background:#ffffff;
    padding:80px 0;
}

.ceo-content{
    padding-right:30px;
}

.ceo-subtitle{
    font-size:40px;
    font-weight:800;
    color:#0d2346;
    text-transform:uppercase;
    line-height:1.2;
    display:block;
    margin-bottom:20px;
}

.ceo-subtitle span{
    color:#ff5b1f;
}

.title-line{
    width:55px;
    height:4px;
    background:#ff5b1f;
    border-radius:50px;
    margin-bottom:30px;
}

.ceo-content p{
    font-size:17px;
    line-height:1.9;
    color:#4f5665;
    margin-bottom:28px;
    text-align:justify;
}

/*=========================================
            RIGHT CARDS
=========================================*/

.ceo-card{
    background:#ffffff;
    border-radius:18px;
    padding:30px;
    height:100%;

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

    transition:.35s ease;
}

.ceo-card:hover{

    transform:translateY(-8px);

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

}

/*=========================================
                ICON
=========================================*/

.card-icon{

    width:70px;

    height:70px;

    border-radius:16px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    color:#fff;

    margin-bottom:25px;

}

.card-icon.navy{

    background:#08295f;

}

.card-icon.orange{

    background:#ff5b1f;

}

/*=========================================
             CARD TITLE
=========================================*/

.ceo-card h4{

    font-size:26px;

    font-weight:700;

    color:#0d2346;

    margin-bottom:18px;

}

/*=========================================
           CARD PARAGRAPH
=========================================*/

.ceo-card p{

    color:#555;

    line-height:1.8;

    font-size:16px;

    margin-bottom:0;

}

/*=========================================
               LIST
=========================================*/

.ceo-card ul{

    margin:0;

    padding-left:22px;

}

.ceo-card ul li{

    margin-bottom:10px;

    color:#555;

    font-size:16px;

}




.psh-mobile-dropdown-btn.active i{
    transform: rotate(180deg);
    transition: .3s;
}


.psh-mobile-submenu{
    display: none;
}

.psh-mobile-submenu.open{
    display: block;
}

.psh-mobile-dropdown-btn.active i{
    transform: rotate(180deg);
    transition: .3s;
}



/*=========================================
  CEO DESK PAGE HERO ONLY
=========================================*/

.ceo-hero-section .pp-hero-wrapper{

    padding-top: 70px !important;

    padding-bottom: 184px !important; /* jitni chahiye utni */

}