/* start: global  */
.fs1 .title{
    font-size: 10px;
}
.footer-nav .foot2{
    color: #fdfdfd;
}
.bg1 {
    background-image: url("../images/bg1.webp");
    background-size: cover;        /* makes it fill the screen */
    background-repeat: no-repeat;  /* prevents repeating */
    background-position: center;   /* centers the image */
  }
  .clr1{
    color: #0D4C8F;
  }
  .btn1{
    background-color: #0D4C8F;
  color: #fdfdfd;
  padding: 15px 25px;
  }
  .btn1:hover{
    background-color: #333;
  color: #fdfdfd;
  padding: 15px 25px;
  }
  .btn2{
    background-color: #fff;
  color: #000;
  padding: 15px 35px;
    border: 1px solid #333;
  }
  .btn2:hover{
    background-color: #333;
  color: #fdfdfd;
  padding: 15px 35px;
    border: 1px solid #333;
  }
  .mt1{
    margin-top: 40px;
  }
  .trust-bar .trust-wrapper .trust-item .trust-icon i{
    color: #0D4C8F;
  }
  .fs2{
    font-size:37px !important;
  }
  .mt2{
    margin-top: 80px !important;
  }
  .mtb1{
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mt3{
    margin-top: 60px;
  }
  .mtb2{
    margin-top: 60px !important;
    margin-bottom: 40px !important;
  }
  .df1{
    display: flex;
align-items: center;
justify-content: center;
  }
  .mb1{
    margin-bottom: 20px !important;
  }
  .mt4{
    margin-top: 40px;
  }
/* end: global  */
/* start: home product section */
/* =========================
   SECTION
========================= */

.projects-section{
    width:100%;
    padding:90px 0 110px;
    background:#f4f4f4;
}

.projects-container{
    width:100%;
    max-width:1200px;
    margin:auto;
    padding:0 20px;
}

/* =========================
   TOP AREA
========================= */

.projects-top{
    margin-bottom:55px;
}

.projects-subtitle{
    font-size:15px;
    color:#7b7b7b;
    margin-bottom:14px;
    font-weight:400;
}

.projects-title{
    font-size:54px;
    line-height:1.08;
    color:#1e2a6d;
    font-weight:800;
    margin-bottom:28px;
    letter-spacing:-1px;
}

.title-line{
    width:60px;
    height:3px;
    background:#f15a29;
}

/* =========================
   FILTER TAB
========================= */

.project-filter{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:18px;
    margin-bottom:45px;
}

.project-filter button{
    position:relative;
    background:none;
    border:none;
    cursor:pointer;
    text-transform:uppercase;
    font-size:15px;
    font-weight:500;
    color:#767676;
    padding-right:24px;
    transition:0.3s ease;
    font-family:'Inter',sans-serif;
}

.project-filter button:not(:last-child)::after{
    content:":";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-52%);
    color:#c8c8c8;
    font-size:24px;
    font-weight:300;
}

.project-filter button.active{
    color:#1e2a6d;
}

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

.projects-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

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

.project-card{
    transition:0.35s ease;
}

.project-image{
    position:relative;
    overflow:hidden;
    aspect-ratio:1/0.92;
    background:#ddd;
}

.project-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 0.6s ease;
}

.project-card:hover img{
    transform:scale(1.08);
}

.project-content{
    padding-top:16px;
}

.project-name{
    font-size:18px;
    line-height:1.4;
    color:#1e2a6d;
    font-weight:700;
    margin-bottom:6px;
}

.project-category{
    font-size:14px;
    color:#7b7b7b;
    font-weight:400;
}

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

.projects-btn-wrap{
    display:flex;
    justify-content:center;
    margin-top:70px;
}

.projects-btn{
    display:flex;
    align-items:center;
    border:1px solid #d3d3d3;
    background:#fff;
    transition:0.35s ease;
}

.projects-btn:hover{
    border-color:#f15a29;
}

.projects-btn-text{
    padding:22px 34px;
    font-size:16px;
    font-weight:600;
    color:#2b2b2b;
}

.projects-btn-icon{
    width:54px;
    height:66px;
    border-left:1px solid #d8d8d8;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#f15a29;
    font-size:24px;
    transition:0.35s ease;
}

.projects-btn:hover .projects-btn-icon{
    background:#f15a29;
    color:#fff;
}

/* =========================
   HIDE / SHOW
========================= */

.project-card.hide{
    display:none;
}

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

@media(max-width:1199px){

    .projects-title{
        font-size:48px;
    }

    .projects-grid{
        gap:24px;
    }

}

@media(max-width:991px){

    .projects-section{
        padding:80px 0 100px;
    }

    .projects-title{
        font-size:42px;
    }

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

}

@media(max-width:767px){

    .projects-section{
        padding:70px 0 90px;
    }

    .projects-container{
        padding:0 16px;
    }

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

    .projects-subtitle{
        font-size:14px;
    }

    .project-filter{
        gap:14px;
    }

    .project-filter button{
        font-size:13px;
        padding-right:18px;
    }

    .project-filter button:not(:last-child)::after{
        font-size:18px;
    }

    .projects-grid{
        gap:18px;
    }

    .project-name{
        font-size:16px;
    }

}

@media(max-width:575px){

    .projects-title{
        font-size:30px;
    }

    .projects-grid{
        grid-template-columns:1fr;
    }

    .project-filter{
        flex-direction:column;
        align-items:flex-start;
    }

    .project-filter button{
        padding-right:0;
    }

    .project-filter button::after{
        display:none;
    }

    .project-image{
        aspect-ratio:1/0.78;
    }

}
/* end: home product section  */

/* start: about section  */

/* end: about section  */

/* start: trust section  */

    /* =====================================================
       TRUST BAR
    ===================================================== */
    
    .trust-bar{
        width:100%;
        background:#f5f5f5;
        border-top:1px solid #e7e7e7;
        border-bottom:1px solid #e7e7e7;
    }
    
    .trust-wrapper{
        display:grid;
        grid-template-columns:repeat(4,1fr);
    }
    
    /* =====================================================
       ITEM
    ===================================================== */
    
    .trust-item{
        min-height:74px;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:14px;
        padding:20px 25px;
        border-right:1px solid #e1e1e1;
        transition:.3s ease;
        text-align:center;
    }
    
    .trust-item:last-child{
        border-right:none;
    }
    
    .trust-item:hover{
        background:#efefef;
    }
    
    /* =====================================================
       ICON
    ===================================================== */
    
    .trust-icon{
        flex-shrink:0;
        color:#222529;
        font-size:28px;
        line-height:1;
    }
    
    /* =====================================================
       TEXT
    ===================================================== */
    
    .trust-text{
        color:#222529;
        font-size:14px;
        font-weight:700;
        line-height:1.4;
        text-transform:uppercase;
        letter-spacing:.2px;
        white-space:nowrap;
    }
    
    /* =====================================================
       1200px
    ===================================================== */
    
    @media(max-width:1200px){
    
        .trust-wrapper{
            grid-template-columns:repeat(2,1fr);
        }
    
        .trust-item:nth-child(2){
            border-right:none;
        }
    
        .trust-item:nth-child(1),
        .trust-item:nth-child(2){
            border-bottom:1px solid #e1e1e1;
        }
    }
    
    /* =====================================================
       768px
    ===================================================== */
    
    @media(max-width:768px){
    
        .container{
            padding-inline:16px;
        }
    
        .trust-item{
            min-height:70px;
            padding:18px 16px;
            gap:12px;
        }
    
        .trust-icon{
            font-size:24px;
        }
    
        .trust-text{
            font-size:13px;
        }
    }
    
    /* =====================================================
       575px
    ===================================================== */
    
    @media(max-width:575px){
    
        .trust-wrapper{
            grid-template-columns:1fr;
        }
    
        .trust-item{
            border-right:none !important;
            border-bottom:1px solid #e1e1e1;
            justify-content:flex-start;
            text-align:left;
            min-height:66px;
            padding:16px 18px;
        }
    
        .trust-item:last-child{
            border-bottom:none;
        }
    
        .trust-icon{
            font-size:22px;
        }
    
        .trust-text{
            font-size:12px;
            white-space:normal;
        }
    }
/* end: trust section  */

/* start: why choose section  */
/* SECTION */

.why-choose-section{
    position:relative;
    overflow:hidden;
    padding:50px 20px;

    background:
    url("./images/wildwide-supply.webp")
    center center/cover no-repeat;
}

/* OVERLAY */

.bg-overlay{
    position:absolute;
    inset:0;

    background: linear-gradient( 90deg, #0D4C8FEB 0%, #0D4C8FDE 45%, #0D4C8F 100% );
}

/* CONTAINER */

.container{
    position:relative;
    z-index:2;

    max-width:1197px;
    margin:auto;
    max-width: 1240px;
}

/* CONTENT */

.left-content{
    width:100%;
}

/* TAG */

.section-tag{
    display:inline-block;

    color:#00e676;
    font-size:14px;
    font-weight:600;
    letter-spacing:2px;

    margin-bottom:20px;
}

/* HEADING */

.left-content h2{
    color:#fff;

    font-size:38px;
    line-height:1.15;
    font-weight:800;

    margin-bottom:30px;
}

/* PARAGRAPH */

.main-text{

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

    font-size:17px;
    line-height:1.9;

    margin-bottom:50px;
}

/* FEATURE GRID */

.feature-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;

    margin-bottom:45px;
}

/* FEATURE BOX */

.feature-box{
    display:flex;
    gap:18px;

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

    border:1px solid rgba(255,255,255,.08);

    padding:30px 25px;

    border-radius:18px;

    backdrop-filter:blur(10px);

    transition:.4s;
}

.feature-box:hover{
    transform:translateY(-6px);

    border-color:#fff;

    background:rgba(0,0,0,.38);
}

/* ICON */

.feature-box .icon{
    min-width:44px;
    height:60px;

    border-radius:15px;

    background:rgba(222, 222, 222, 0.12);

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

.feature-box .icon i{
    color:#dbdbdb;
    font-size:24px;
}

/* TEXT */

.feature-box h4{
    color:#fff;

    font-size:21px;
    font-weight:600;

    margin-bottom:10px;
}

.feature-box p{
    color:rgba(255,255,255,.72);

    font-size:15px;
    line-height:1.7;
}



/* RESPONSIVE */

@media(max-width:991px){

    .left-content h2{
        font-size:42px;
    }

    .feature-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:767px){

    .why-choose-section{
        padding:90px 15px;
    }

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

    .main-text{
        font-size:16px;
    }

}

@media(max-width:480px){

    .left-content h2{
        font-size:28px;
    }

    .feature-box{
        flex-direction:column;
    }

}
/* end: why choose section  */

/* start: cta section  */
/*==============================================
    PARALLAX CTA SECTION
==============================================*/

.call-to-action-three{
    position: relative;
    overflow: hidden;

    /* PARALLAX BACKGROUND */
    background-image:
        linear-gradient(
            90deg,
            rgba(3, 15, 32, 0.92) 0%,
            rgba(3, 15, 32, 0.82) 35%,
            rgba(3, 15, 32, 0.45) 100%
        ),
        url("../images/cta.webp");

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

    padding: 50px 0;
    z-index: 1;
    padding-top: 90px;
}

/* Content */
.call-to-action-three .subtitle{
    color: #4da6ff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.call-to-action-three h2{
    color: #ffffff;
    font-size: 52px;
    line-height: 1.2em;
    font-weight: 700;
    margin: 0;
    max-width: 720px;
}



.call-to-action-three .theme-btn:hover{
    transform: translateY(-4px);
    background: #ffffff;
}

.call-to-action-three .btn-title{
    display: flex;
    align-items: center;
    gap: 14px;
}

.call-to-action-three .btn-txt,
.call-to-action-three .btn-icon{
    color: #282828;
    transition: all 0.3s ease;
}

.call-to-action-three .theme-btn:hover .btn-txt,
.call-to-action-three .theme-btn:hover .btn-icon{
    color: #071a2f;
}

/* Responsive */
@media only screen and (max-width: 1199px){

    .call-to-action-three{
        text-align: center;
        padding: 90px 0;
    }

    .call-to-action-three .links-box{
        text-align: center;
        margin-top: 35px;
    }

    .call-to-action-three h2{
        font-size: 42px;
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px){

    /* Disable fixed parallax on mobile for smooth performance */
    .call-to-action-three{
        background-attachment: scroll;
        padding: 75px 0;
    }

    .call-to-action-three h2{
        font-size: 32px;
        line-height: 1.3em;
    }
}
/* end: cta section  */

/* start: faq  */
.faq-section {
    padding: 100px 0;
    background: #f7f9fc;
    font-family: 'Inter', sans-serif;
}

/* Header */
.title-box.centered {
    text-align: center;
    margin-bottom: 60px;
}

.title-box .title span {
    display: inline-block;
    padding: 6px 14px;
    background: #e8f0ff;
    color: #0d4db8;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 18px;
}

.title-box .send-email {
    max-width: 700px;
    margin: 15px auto 0;
    color: #666;
    font-size: 17px;
    line-height: 1.7;
}

/* Grid Fix */
.faq-container .row {
    align-items: flex-start;
}

/* Accordion Box */
.accordion-box {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Item */
.accordion.block {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0,0,0,0.05);
    transition: 0.3s ease;
}

.accordion.block:hover {
    transform: translateY(-3px);
}

/* Question */
.acc-btn {
    position: relative;
    padding: 26px 70px 26px 28px;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    color: #111;
    line-height: 1.5;
}

/* Icon */
.acc-btn .icon {
    position: absolute;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    color: #0d4db8;
}

/* Answer */
.acc-content {
    display: none;
    padding: 0 28px 28px;
}

.accordion.block.active-block .acc-content {
    display: block;
}

.acc-content .text {
    color: #666;
    line-height: 1.8;
    font-size: 16px;
}

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

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

    .acc-btn {
        font-size: 18px;
        padding: 22px 60px 22px 22px;
    }

    .acc-content {
        padding: 0 22px 22px;
    }

}
/* Header */
.faq-header {
    text-align: center;
    margin-bottom: 60px;
}

.faq-tag {
    display: inline-block;
    padding: 6px 14px;
    background: #e8f0ff;
    color: #0d4db8;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 18px;
}

.faq-header h2 {
    font-size: 37px;
    font-weight: 700;
    color: #111;
    margin-bottom: 15px;
}

.faq-header p {
    max-width: 700px;
    margin: auto;
    color: #666;
    font-size: 17px;
    line-height: 1.7;
}

/* end: faq  */

/* start: Industries */
.new1 li:hover .icon img{

    filter: brightness(0) invert(1);
}
.features-list .icon{
    font-size: 42px;
    color: #0d4db8;
    margin-bottom: 15px;
}

.features-list .inner{
    text-align:center;
    display:block;
}
@media only screen and (max-width: 768px){
    .new1 li:hover .icon img{
        display: none !important;
    }
}
@media only screen and (max-width: 767px) {
    .main-info-section .features-list li .icon {
      display: none;
    }
    .header-top .email {
        display: none !important;
    }
  }
  @media only screen and (max-width: 600px) {
    .map-image{
      display: none;
    }
  }
/* end: Industries */

/*start: product page  */
.new1 .features-list {
    position: relative;
  }
  

.new1 .features-list li::before {
    font-family: 'Font Awesome 5 Free';
    content: "\f00c";
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 800;
    color: #d73441;
  }
  .new1 .features-list li {
    position: relative;
    display: block;
    font-size: 16px;
    padding-left: 25px;
    margin-bottom: 5px;
    line-height: 1.5em;
    font-weight: 500;
  }
  

.new1 .features-list li::before {
    font-family: 'Font Awesome 5 Free';
    content: "\f00c";
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 12px;
    line-height: 24px;
    font-weight: 800;
    color: #d73441;
  }
  .cc1{
    column-count: 3;
  }
  .cc2{
    column-count: 2;
  }
  /* Extra small devices (phones) */
@media (max-width: 575px) {
    .cc1{
        column-count: 1;
      }
      .cc2{
        column-count: 1;
      }
}

/* Small devices (large phones) */
@media (min-width: 576px) and (max-width: 767px) {
    .cc1{
        column-count: 2;
      }
      .cc2{
        column-count: 1;
      }
      
}

/* Medium devices (tablets) */
@media (min-width: 768px) and (max-width: 991px) {
    .cc1{
        column-count: 2;
      }
}

/* Large devices (laptops/desktops) */
@media (min-width: 992px) and (max-width: 1199px) {
    .cc1{
        column-count: 3;
      }
}

/* Extra large devices (large desktops) */
@media (min-width: 1200px) and (max-width: 1399px) {
    .cc1{
        column-count: 3;
      }
}

/* XXL screens / TVs */
@media (min-width: 1400px) {
    .cc1{
        column-count: 3;
      }
}
/* end: product page  */

/* start: location we serve  */
.pf-location-section{
    padding:50px 0;
    background:#f7f8fa;
}

.pf-state-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

.pf-state-card{
    background:#fff;
    border-radius:12px;
    padding:24px;
    border:1px solid #edf0f3;
    transition:.3s;
}

.pf-state-card:hover{
    border-color:#0c2340;
    transform:translateY(-3px);
}

.pf-state-top{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:18px;
}

.pf-state-icon{
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:50%;
    background:#dddddd40;
    color:#0d4c8f;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
}

.pf-state-top h3{
    margin:0;
    font-size:24px;
    line-height:1.2;
}

.pf-state-top span{
    display:block;
    margin-top:3px;
    font-size:13px;
    color:#7b8491;
}

.pf-city-scroll{
    max-height:unset;
    overflow:visible;
}

.pf-city-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.pf-city-tags span{
    padding:20px 20px;
    /*! background:#f4f6f8; */
    border:1px solid #edf0f3;
    border-radius:10px;
    font-size:16px;
    line-height:25px;
    color:#2d3436;
    transition:.3s;
    text-align: justify;
}

.pf-city-tags span:hover{
    /*! background: #ededed; */
  border-color: #0c234012;
  color: #373737;
}

@media(max-width:991px){

    .pf-state-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:767px){

    .pf-state-card{
        padding:20px;
    }

    .pf-state-top h3{
        font-size:22px;
    }

}
.np1{
    margin-bottom: 25px;
font-size: 16px;
  line-height: 1.5em;
  font-weight: 400;
  margin: 0 0 15px;
    text-align: justify;
}
/* end: location we serve  */
.header-style-two .main-menu .navigation .dsn1{
    display: none;
}
.sticky-header .main-menu .navigation .dis1{
    display: block !important;
}

/* start: comming soon  */
.clients-coming-soon{
    padding:100px 0;
    background:#f7f9fc;
}

.coming-box{
    max-width:900px;
    margin:auto;
    text-align:center;
    background:#fff;
    padding:70px 50px;
    border-radius:20px;
    box-shadow:0 10px 40px rgba(0,0,0,.08);
    position:relative;
    overflow:hidden;
}

.coming-box:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background: linear-gradient( 90deg, #0d4c8f36, #0d4c8f, #0d4c8f30 );
}

.coming-box .icon{
    width:90px;
    height:90px;
    line-height:90px;
    margin:0 auto 25px;
    border-radius:50%;
    background:#eef5ff;
    font-size:40px;
    color:#0D4C8F;
}

.coming-box .sub-title{
    display:block;
    color:#0d4c8f;
    font-size:14px;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:15px;
    font-weight:600;
}

.coming-box h2{
    font-size:42px;
    line-height:1.2;
    margin-bottom:20px;
    color:#111;
    font-weight:700;
}

.coming-box p{
    max-width:700px;
    margin:auto;
    color:#666;
    font-size:18px;
    line-height:1.8;
}

.loading-line{
    width:300px;
    height:8px;
    background:#e5e5e5;
    margin:40px auto 25px;
    border-radius:50px;
    overflow:hidden;
}

.loading-line span{
    display:block;
    width:40%;
    height:100%;
    background:#0d4c8f;
    border-radius:50px;
    animation:loading 2s infinite;
}

.coming-text{
    color:#444;
    font-size:16px;
    font-weight:600;
}

@keyframes loading{
    0%{
        transform:translateX(-100%);
    }
    100%{
        transform:translateX(350%);
    }
}
/* end: comming soon  */

/* start: faq */

/* FAQ Section */
/* FAQ Section */
.faq-section {
    padding: 60px 0;
}

.faq-title {
    font-size: 48px;
    font-weight: 700;
    color: #173f7a;
    margin-bottom: 30px;
}

/* Masonry Layout */
.pf-faq,
.faq-grid {
    column-count: 2;
    column-gap: 20px;

    /* Override any existing grid */
    display: block !important;
}

/* FAQ Card */
.faq-item {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;

    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;

    background: #f7f8fa;
    border-radius: 16px;
    overflow: hidden;
    vertical-align: top;

    height: auto !important;
    min-height: unset !important;
}

/* Question */
.faq-question {
    width: 100%;
    background: transparent;
    border: none;
    padding: 14px 24px;
    text-align: left;
    cursor: pointer;

    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;

    font-size: 22px;
    font-weight: 500;
    color: #1f2937;
    line-height: 1.3;
}

/* Heading inside button */
.faq-question h1,
.faq-question h2,
.faq-question h3,
.faq-question h4,
.faq-question h5,
.faq-question h6 {
    margin: 0;
    flex: 1;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

/* Icon */
.icon {
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    transition: transform .3s ease;
}

/* Answer */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .35s ease;
}

/* Answer Content */
.faq-answer-content {
    padding: 0 24px 24px;
    font-size: 18px;
    line-height: 1.8;
    color: #667085;
}

.faq-answer-content p {
    margin: 0;
}

/* Active */
.faq-item.active .icon {
    transform: rotate(45deg);
}

/* Tablet */
@media (max-width: 1024px) {
    .pf-faq,
    .faq-grid {
        column-count: 2;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .pf-faq,
    .faq-grid {
        column-count: 1;
    }

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

    .faq-question {
        font-size: 18px;
        padding: 20px;
    }

    .faq-answer-content {
        font-size: 16px;
        padding: 0 20px 20px;
    }

    .icon {
        font-size: 28px;
    }
}

/* end: faq */

/* new css  */

  /* =========================================================
   FEATURES + APPLICATIONS
   COMBINED PREMIUM SECTION
========================================================= */

.pft-features-applications {

    position: relative;
    
    padding: 0px 0;
    
    background: #f6faff;
    
    overflow: hidden;
    }
    
    
    /* =========================================================
    MAIN TWO-COLUMN LAYOUT
    ========================================================= */
    
    .pft-fa-grid {
    
    display: grid;
    
    grid-template-columns:
        1.08fr
        .92fr;
    
    align-items: stretch;
    
    border-top: 1px solid #dce7f0;
    border-left: 1px solid #dce7f0;
    
    background: #ffffff;
    }
    
    
    /* =========================================================
    COMMON HEADINGS
    ========================================================= */
    
    .pft-fa-features,
    .pft-fa-applications {
    
    min-width: 0;
    
    padding: 38px 35px;
    
    background: #ffffff;
    }
    
    
    /* Vertical divider */
    
    .pft-fa-features {
    
    border-right: 1px solid #dce7f0;
    }
    
    
    /* =========================================================
    HEADER
    ========================================================= */
    
    .pft-fa-heading {
    
    position: relative;
    
    margin-bottom: 28px;
    
    padding-bottom: 22px;
    
    border-bottom: 1px solid #dce7f0;
    }
    
    
    .pft-fa-heading .pft-section-label {
    
    position: relative;
    
    display: block;
    
    margin-bottom: 12px;
    
    padding-left: 28px;
    
    color: #075ca8;
    
    font-size: 12px;
    
    font-weight: 800;
    
    letter-spacing: 1.5px;
    }
    
    
    .pft-fa-heading .pft-section-label::before {
    
    content: "";
    
    position: absolute;
    
    left: 0;
    top: 50%;
    
    width: 20px;
    height: 2px;
    
    background: #075ca8;
    
    transform: translateY(-50%);
    }
    
    
    .pft-fa-heading h2 {
    
    margin: 0;
    
    color: #10263d;
    
    font-size: 32px;
    
    line-height: 1.05;
    
    font-weight: 800;
    
    letter-spacing: -1px;
    margin-bottom: 15px;
    }
    
    
    /* Applications blue line */
    
    .pft-fa-applications .pft-fa-heading h2 span {
    
    color: #075ca8;
    }
    
    
    /* Applications description */
    
    .pft-fa-applications .pft-fa-heading p {
    
    max-width: 420px;
    
    margin: 13px 0 0;
    
    color: #313437;
    
    font-size: 16px;
    
    line-height: 1.65;
    }
    
    
    /* =========================================================
    FEATURE COUNT
    ========================================================= */
    
    .pft-fa-count {
    
    position: absolute;
    
    right: 0;
    bottom: 23px;
    
    color: #075ca8;
    
    font-size: 8px;
    
    font-weight: 800;
    
    letter-spacing: .8px;
    }
    
    
    /* =========================================================
    FEATURES
    ========================================================= */
    
    .pft-fa-feature-list {
    
    display: grid;
    
    grid-template-columns:
        1fr
        1fr;
    
    border-top: 1px solid #dce7f0;
    border-left: 1px solid #dce7f0;
    }
    
    
    .pft-fa-feature {
    
    position: relative;
    
    min-height: 67px;
    
    display: grid;
    
    grid-template-columns:
        34px 1fr;
    
    align-items: center;
    
    column-gap: 9px;
    
    padding: 10px 11px;
    
    background: #ffffff;
    
    border-right: 1px solid #dce7f0;
    border-bottom: 1px solid #dce7f0;
    
    transition:
        background .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
    }
    
    
    /* Number */
    
    .pft-fa-number {
    
    color: #a9b9c8;
    
    font-size: 8px;
    
    font-weight: 800;
    
    line-height: 1;
    }
    
    
    /* Icon */
    
    .pft-fa-icon {
    
    width: 31px;
    height: 31px;
    
    display: flex;
    
    align-items: center;
    justify-content: center;
    
    background: #edf6fd;
    
    color: #075ca8;
    
    border-radius: 5px;
    
    font-size: 11px;
    }
    
    
    /* Heading */
    
    .pft-fa-feature h3 {
    
    margin: 0;
    
    color: #203850;
    
    font-size: 16px;
    
    line-height: 1.35;
    
    font-weight: 583;
    }
    
    
    /* Arrow */
    
    .pft-fa-arrow {
    
    color: #a8b7c4;
    
    font-size: 7px;
    
    text-align: right;
    
    transition:
        transform .25s ease,
        color .25s ease;
    }
    
    
    /* Hover */
    
    .pft-fa-feature:hover {
    
    z-index: 2;
    
    background: #075ca8;
    
    border-color: #075ca8;
    
    box-shadow:
        0 8px 22px rgba(7,92,168,.14);
    
    transform: translateY(-2px);
    }
    
    
    .pft-fa-feature:hover
    .pft-fa-number {
    
    color: rgba(255,255,255,.55);
    }
    
    
    .pft-fa-feature:hover
    .pft-fa-icon {
    
    background: rgba(255,255,255,.14);
    
    color: #ffffff;
    }
    
    
    .pft-fa-feature:hover h3 {
    
    color: #ffffff;
    }
    
    
    .pft-fa-feature:hover
    .pft-fa-arrow {
    
    color: #ffffff;
    
    transform: translateX(3px);
    }
    
    
    /* =========================================================
    APPLICATION LIST
    ========================================================= */
    
    .pft-fa-application-list {
    
    display: grid;
    
    grid-template-columns:
        1fr
        1fr;
    
    border-top: 1px solid #dce7f0;
    border-left: 1px solid #dce7f0;
    }
    
    
    .pft-fa-application {
    
    min-height: 58px;
    
    display: grid;
    
    grid-template-columns:
        25px 1fr;
    
    align-items: center;
    
    column-gap: 7px;
    
    padding: 8px 10px;
    
    background: #ffffff;
    
    border-right: 1px solid #dce7f0;
    border-bottom: 1px solid #dce7f0;
    
    transition:
        background .25s ease,
        transform .25s ease;
    }
    
    
    /* Number */
    
    .pft-fa-application > span {
    
    color: #aebdca;
    
    font-size: 7px;
    
    font-weight: 800;
    }
    
    
    /* Icon */
    
    .pft-fa-application > i {
    
    width: 25px;
    height: 25px;
    
    display: flex;
    
    align-items: center;
    justify-content: center;
    
    color: #075ca8;
    
    background: #edf6fd;
    
    border-radius: 4px;
    
    font-size: 9px;
    
    font-style: normal;
    }
    
    
    /* Application name */
    
    .pft-fa-application strong {
    
    color: #294158;
    
    font-size: 16px;
    
    line-height: 1.3;
    
    font-weight: 585;
    }
    
    
    /* Hover */
    
    .pft-fa-application:hover {
    
    background: #075ca8;
    
    transform: translateX(2px);
    }
    
    
    /* =========================================================
    DESKTOP BALANCE
    ========================================================= */
    
    @media (min-width: 1200px) {
    
    .pft-fa-features,
    .pft-fa-applications {
    
        padding:
            42px 38px;
    }
    
    
    .pft-fa-feature {
    
        min-height: 60px;
    }
    
    
    .pft-fa-application {
    
        min-height: 60px;
    }
    
    }
    
    
    /* =========================================================
    TABLET
    ========================================================= */
    
    @media (max-width: 991px) {
    
    .pft-features-applications {
    
        padding:
            60px 0;
    }
    .form-container {
        width: 85%;
        max-width: 900px;
        margin: 0 auto;
        padding: 15px;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      }
    
    .pft-fa-grid {
    
        grid-template-columns: 1fr;
    }
    
    
    .pft-fa-features {
    
        border-right: 0;
    
        border-bottom: 1px solid #dce7f0;
    }
    
    
    .pft-fa-feature {
    
        min-height: 72px;
    }
    
    
    .pft-fa-application {
    
        min-height: 62px;
    }
    
    }
    
    
    /* =========================================================
    MOBILE
    ========================================================= */
    
    @media (max-width: 767px) {
        .ptb1 {
            padding: 70px 15px 70px 15px !important;
          }
    .pft-features-applications {
    
        padding:
            50px 0;
    }
    
    
    .pft-fa-features,
    .pft-fa-applications {
    
        padding:
            30px 20px;
    }
    
    
    .pft-fa-heading h2 {
    
        font-size: 28px;
    }
    
    
    .pft-fa-feature-list,
    .pft-fa-application-list {
    
        grid-template-columns: 1fr;
    }
    
    
    .pft-fa-feature {
    
        min-height: 64px;
    }
    
    
    .pft-fa-application {
    
        min-height: 58px;
    }
    
    }
    
    
    /* =========================================================
    SMALL MOBILE
    ========================================================= */
    
    @media (max-width: 420px) {
    
    .pft-fa-feature {
    
        /*! grid-template-columns:
            23px 31px 1fr 13px; */
    
        column-gap: 7px;
    
        padding: 9px;
    }
    
    
    .pft-fa-feature h3 {
    
        font-size: 17px;
    }
    
    
    .pft-fa-application strong {
    
        font-size: 15px;
    }
    
    }

      /* =========================================================
   PUROFILTEC
   TECHNICAL SPECIFICATIONS
   SPLIT LAYOUT
========================================================= */

.pft-tech-split {

    position: relative;
    
    padding: 70px 0;
    
    background: #f6faff;
    
    }
    
    
    /* =========================================================
    MAIN GRID
    ========================================================= */
    
    .pft-tech-split-grid {
    
    display: grid;
    
    grid-template-columns:
        34%
        66%;
    
    align-items: stretch;
    
    min-height: 470px;
    
    }
    
    
    /* =========================================================
    LEFT CONTENT
    ========================================================= */
    
    .pft-tech-split-intro {
    
    position: relative;
    
    display: flex;
    
    flex-direction: column;
    
    justify-content: center;
    
    padding:
        35px 50px 35px 0;
    
    border-right: 1px solid #d8e3ec;
    
    }
    
    
    /* Section label */
    
    .pft-tech-split-intro
    .pft-section-label {
    
    display: block;
    
    margin-bottom: 15px;
    
    padding-left: 28px;
    
    color: #075ca8;
    
    font-size: 12px;
    
    line-height: 1;
    
    font-weight: 800;
    
    letter-spacing: 1.6px;
    
    position: relative;
    
    }
    
    
    .pft-tech-split-intro
    .pft-section-label::before {
    
    content: "";
    
    position: absolute;
    
    left: 0;
    top: 50%;
    
    width: 20px;
    height: 2px;
    
    background: #075ca8;
    
    transform: translateY(-50%);
    
    }
    
    
    /* Heading */
    
    .pft-tech-split-intro h2 {
    
    margin: 0;
    
    color: #10263d;
    
    font-size: 33px;
    
    line-height: .98;
    
    font-weight: 800;
    
    letter-spacing: -1.5px;
    
    }
    
    
    .pft-tech-split-intro h2 span {
    
    color: #075ca8;
    
    }
    
    
    /* Description */
    
    .pft-tech-split-intro > p {
    
    max-width: 350px;
    
    margin: 22px 0 0;
    
    color: #687c90;
    
    font-size: 17px;
    
    line-height: 1.75;
    
    text-align: justify;
    }
    
    
    /* =========================================================
    FILTRATION HIGHLIGHT
    ========================================================= */
    
    .pft-tech-split-highlight {
    
    display: flex;
    
    align-items: flex-end;
    
    gap: 15px;
    
    margin-top: 32px;
    
    padding-top: 20px;
    
    border-top: 1px solid #d8e3ec;
    
    }
    
    
    .pft-tech-split-highlight strong {
    
    color: #e9e9e9;
    
    font-size: 34px;
    
    line-height: .9;
    
    font-weight: 800;
    
    letter-spacing: -1px;
    
    }
    
    
    .pft-tech-split-highlight small {
    
    font-size: 13px;
    
    letter-spacing: 0;
    
    }
    
    
    .pft-tech-split-highlight span {
    
    padding-bottom: 2px;
    
    color: #82919e;
    
    font-size: 10px;
    
    line-height: 1;
    
    font-weight: 800;
    
    letter-spacing: 1px;
    
    }
    
    
    /* =========================================================
    NOTE
    ========================================================= */
    
    .pft-tech-split-note {
    
    display: flex;
    
    align-items: center;
    
    gap: 9px;
    
    margin-top: 20px;
    
    }
    
    
    .pft-tech-split-note i {
    
    width: 26px;
    height: 26px;
    
    display: flex;
    
    align-items: center;
    justify-content: center;
    
    background: #e6f2fa;
    
    color: #075ca8;
    
    border-radius: 4px;
    
    font-size: 9px;
    
    }
    
    
    .pft-tech-split-note span {
    
    color: #758796;
    
    font-size: 15px;
    
    line-height: 1.4;
    
    }
    
    
    /* =========================================================
    RIGHT DATA
    ========================================================= */
    
    .pft-tech-split-data {
    
    margin-left: 35px;
    
    border:
        1px solid #d8e3ec;
    
    background: #ffffff;
    
    border-radius: 7px;
    
    overflow: hidden;
    
    box-shadow:
        0 12px 30px rgba(20,55,85,.05);
    
    }
    
    
    /* =========================================================
    TABLE HEADER
    ========================================================= */
    
    .pft-tech-split-head {
    
    display: grid;
    
    grid-template-columns:
        38%
        62%;
    
    min-height: 42px;
    
    background: #102d48;
    
    color: #ffffff;
    
    }
    
    
    .pft-tech-split-head span {
    
    display: flex;
    
    align-items: center;
    
    padding: 0 18px;
    
    font-size: 17px;
    
    line-height: 1;
    
    font-weight: 800;
    
    letter-spacing: 1px;
    
    border-right:
        1px solid rgba(255,255,255,.1);
    
    }
    
    
    .pft-tech-split-head span:last-child {
    
    border-right: 0;
    
    }
    
    
    /* =========================================================
    DATA ROW
    ========================================================= */
    
    .pft-tech-split-row {
    
    display: grid;
    
    grid-template-columns:
        38%
        62%;
    
    min-height: 47px;
    
    border-bottom: 1px solid #e1e8ed;
    
    transition:
        background .2s ease;
    
    }
    
    
    .pft-tech-split-row:last-child {
    
    border-bottom: 0;
    
    }
    
    
    /* Parameter */
    
    .pft-tech-split-row > div {
    
    display: flex;
    
    align-items: center;
    
    gap: 13px;
    
    padding:
        7px 18px;
    
    background: #f8fafc;
    
    border-right: 1px solid #e1e8ed;
    
    }
    
    
    .pft-tech-row-number {
    
    flex-shrink: 0;
    
    color: #a9b9c7;
    
    font-size: 7px;
    
    font-weight: 800;
    
    }
    
    
    .pft-tech-split-row
    div strong {
    
    color: #263e55;
    
    font-size: 17px;
    
    line-height: 1.3;
    
    font-weight: 688;
    
    }
    
    
    /* Specification */
    
    .pft-tech-split-row > span {
    
    display: flex;
    
    align-items: center;
    
    padding:
        7px 18px;
    
    color: #2f3132;
    
    font-size: 17px;
    
    line-height: 1.4;
    
    }
    
    
    /* Highlight */
    
    .pft-tech-row-highlight {
    
    background:
        linear-gradient(
            90deg,
            #f3f9fd,
            #ffffff
        );
    
    }
    
    
    .pft-tech-row-highlight
    .pft-tech-split-row > div {
    
    position: relative;
    
    }
    
    
    .pft-tech-row-highlight
    .pft-tech-split-row > div::before {
    
    content: "";
    
    position: absolute;
    
    left: 0;
    top: 0;
    bottom: 0;
    
    width: 3px;
    
    background: #075ca8;
    
    }
    
    
    .pft-tech-blue-value {
    
    color: #075ca8 !important;
    
    font-size: 11px !important;
    
    font-weight: 800 !important;
    
    }
    
    
    /* Hover */
    
    .pft-tech-split-row:hover {
    
    background: #f7fbfe;
    
    }
    
    
    .pft-tech-split-row:hover > div {
    
    background: #f1f7fb;
    
    }
    
    
    /* =========================================================
    TABLET
    ========================================================= */
    
    @media (max-width: 991px) {
    
    .pft-tech-split {
    
        padding: 60px 0;
    
    }
    
    
    .pft-tech-split-grid {
    
        grid-template-columns:
            1fr;
    
    }
    
    
    .pft-tech-split-intro {
    
        padding:
            0 0 35px;
    
        border-right: 0;
    
        border-bottom:
            1px solid #d8e3ec;
    
    }
    
    
    .pft-tech-split-data {
    
        margin:
            30px 0 0;
    
    }
    
    }
    
    
    /* =========================================================
    MOBILE
    ========================================================= */
    
    @media (max-width: 767px) {
    
    .pft-tech-split {
    
        padding:
            50px 0;
    
    }
    
    
    .pft-tech-split-intro h2 {
    
        font-size: 33px;
    
    }
    
    
    .pft-tech-split-intro > p {
    
        margin-top: 15px;
    
        font-size: 15px;
    
    }
    
    
    .pft-tech-split-highlight {
    
        margin-top: 22px;
    
    }
    
    
    .pft-tech-split-data {
    
        margin-top: 25px;
    
    }
    
    
    .pft-tech-split-head,
    .pft-tech-split-row {
    
        grid-template-columns:
            40%
            60%;
    
    }
    
    
    .pft-tech-split-head {
    
        min-height: 38px;
    
    }
    
    
    .pft-tech-split-head span {
    
        padding:
            0 10px;
    
        font-size: 15px;
    
    }
    
    
    .pft-tech-split-row {
    
        min-height: 45px;
    
    }
    
    
    .pft-tech-split-row > div {
    
        gap: 7px;
    
        padding:
            7px 10px;
    
    }
    
    
    .pft-tech-row-number {
    
        display: none;
    
    }
    
    
    .pft-tech-split-row
    div strong {
    
        font-size: 16px;
    
    }
    
    
    .pft-tech-split-row > span {
    
        padding:
            7px 10px;
    
        font-size: 15px;
    
    }
    
    
    .pft-tech-split-note {
    
        margin-top: 15px;
    
    }
    
    }

       /* =========================================================
   PUROFILTEC
   CUSTOMIZATION + WHY PUROFILTEC
   COMPACT TWO-COLUMN DESIGN
========================================================= */

.pft-custom-trust {

    position: relative;
    
    padding: 20px 0;
    
    background: #ffffff;
    
    }
    
    
    /* =========================================================
    MAIN GRID
    ========================================================= */
    
    .pft-custom-trust-grid {
    
    display: grid;
    
    grid-template-columns:
        1fr
        1fr;
    
    border:
        1px solid #dbe5ed;
    
    background: #ffffff;
    
    }
    
    
    /* =========================================================
    COMMON PANELS
    ========================================================= */
    
    .pft-custom-panel,
    .pft-trust-panel {
    
    padding: 38px;
    
    }
    
    
    /* LEFT DIVIDER */
    
    .pft-custom-panel {
    
    /*! border-right:
        1px solid #dbe5ed; */
    
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f8fbfd 100%
        );
    
    }
    
    
    /* RIGHT PANEL */
    
    .pft-trust-panel {
    
    background: #fff;
    
    }
    
    
    /* =========================================================
    SECTION LABEL
    ========================================================= */
    
    .pft-custom-intro
    .pft-section-label,
    .pft-trust-heading
    .pft-section-label {
    
    position: relative;
    
    display: block;
    
    margin-bottom: 13px;
    
    padding-left: 28px;
    
    color: #075ca8;
    
    font-size: 12px;
    
    line-height: 1;
    
    font-weight: 800;
    
    letter-spacing: 1.5px;
    
    }
    
    
    .pft-custom-intro
    .pft-section-label::before,
    .pft-trust-heading
    .pft-section-label::before {
    
    content: "";
    
    position: absolute;
    
    left: 0;
    top: 50%;
    
    width: 20px;
    height: 2px;
    
    background: #075ca8;
    
    transform: translateY(-50%);
    
    }
    
    
    /* =========================================================
    HEADINGS
    ========================================================= */
    
    .pft-custom-intro h2,
    .pft-trust-heading h2 {
    
    margin: 0;
    
    color: #10263d;
    
    font-size: 32px;
    
    line-height: 1.05;
    
    font-weight: 800;
    
    letter-spacing: -1px;
    
    }
    
    
    .pft-custom-intro h2 span,
    .pft-trust-heading h2 span {
    
    color: #075ca8;
    
    }
    
    
    /* =========================================================
    INTRO TEXT
    ========================================================= */
    
    .pft-custom-intro > p {
    
    max-width: 470px;
    
    margin: 16px 0 20px;
    
    color: #363738;
    
    font-size: 17px;
    
    line-height: 1.7;
    
    text-align: justify;
    }
    
    
    /* =========================================================
    BUTTON
    ========================================================= */
    
    .pft-custom-btn {
    
    display: inline-flex;
    
    align-items: center;
    
    gap: 12px;
    
    padding:
        11px 17px;
    
    background: #075ca8;
    
    color: #ffffff;
    
    border-radius: 3px;
    
    font-size: 14px;
    
    line-height: 1;
    
    font-weight: 750;
    
    text-decoration: none;
    
    transition:
        background .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
    
    }
    
    
    .pft-custom-btn i {
    
    font-size: 8px;
    
    transition:
        transform .25s ease;
    
    }
    
    
    .pft-custom-btn:hover {
    
    color: #ffffff;
    
    background: #064d8d;
    
    transform: translateY(-2px);
    
    box-shadow:
        0 8px 20px rgba(7,92,168,.18);
    
    }
    
    
    .pft-custom-btn:hover i {
    
    transform: translateX(4px);
    
    }
    
    
    /* =========================================================
    CUSTOMIZATION GRID
    ========================================================= */
    
    .pft-custom-list {
    
    display: grid;
    
    grid-template-columns:
        repeat(2, 1fr);
    
    margin-top: 28px;
    
    border-top:
        1px solid #dbe5ed;
    
    border-left:
        1px solid #dbe5ed;
    
    }
        .pft-custom-item {
    
    min-height: 67px;
    
    display: flex;
    
    /*! flex-direction: column; */
    
    /*! justify-content: center; */
    
    gap: 8px;
    
    padding:
        20px 13px 0px 20px;
    
    background: #903434;
    
    border-right:
        1px solid #dbe5ed;
    
    border-bottom:
        1px solid #dbe5ed;
    
    /*! transition:
        background .25s ease,
        transform .25s ease; */
    
    background: linear-gradient(to left, #0d4c8f, #334263);
    /*! display: flex; */
    align-items: center;
    /*! justify-content: center; */
    }
    
    .pft-custom-item {
    
    min-height: 67px;
    
    display: flex;
    
    /*! flex-direction: column; */
    
    /*! justify-content: center; */
    
    gap: 8px;
    
    padding:
        20px 13px 0px 20px;
    
    background: #fff;
    
    border-right:
        1px solid #dbe5ed;
    
    border-bottom:
        1px solid #dbe5ed;
    
    /*! transition:
        background .25s ease,
        transform .25s ease; */
    
    /*! background: linear-gradient(to left, #0d4c8f, #334263); */
    /*! display: flex; */
    align-items: center;
    /*! justify-content: center; */
    }
    
    .extruder-screen-filters .pft-custom-item {
    
    min-height: 67px;
    
    display: flex;
    
    /*! flex-direction: column; */
    
    /*! justify-content: center; */
    
    gap: 8px;
    
    padding:
        20px 13px 0px 20px;
    
    background: #903434;
    
    border-right:
        1px solid #dbe5ed;
    
    border-bottom:
        1px solid #dbe5ed;
    
    /*! transition:
        background .25s ease,
        transform .25s ease; */
    
    background: linear-gradient(to left, #0d4c8f, #334263);
    /*! display: flex; */
    align-items: center;
    /*! justify-content: center; */
    }
    .pft-custom-item i {
    
    color: #075ca8;
    
    font-size: 14px;
    
    position: relative;
    top: -7px;
    }
    
    
    .pft-custom-item span {
    
    color: #263e55;
    
    font-size: 15px;
    
    line-height: 1.25;
    
    font-weight: 599;
    
    }
    
    
    .pft-custom-item:hover {
    
    z-index: 2;
    
    background: #075ca8;
    
    transform: translateY(-2px);
    
    }
    
    
    /* =========================================================
    WHY PUROFILTEC HEADING
    ========================================================= */
    
    .pft-trust-heading {
    
    margin-bottom: 28px;
    
    }
    
    
    .pft-trust-heading > p {
    
    max-width: 430px;
    
    margin: 13px 0 0;
    
    color: #313437;
    
    font-size: 16px;
    
    line-height: 1.6;
    
    text-align: justify;
    }
    
    
    /* =========================================================
    TRUST GRID
    ========================================================= */
    
    .pft-trust-list {
    
    display: grid;
    
    grid-template-columns:
        repeat(2, 1fr);
    
    border-top:
        1px solid #dbe5ed;
    
    border-left:
        1px solid #dbe5ed;
    
    }
    
    
    .pft-trust-item {
    
    min-height: 76px;
    
    display: flex;
    
    /*! flex-direction: column; */
    
    /*! justify-content: center; */
    
    /*! align-items: flex-start; */
    
    gap: 10px;
    
    padding:
        12px 15px;
    
    background: #ffffff;
    
    border-right:
        1px solid #dbe5ed;
    
    border-bottom:
        1px solid #dbe5ed;
    
    transition:
        background .25s ease,
        transform .25s ease;
    
    }
    
    
    .pft-trust-item i {
    
    color: #075ca8;
    
    font-size: 14px;
    
    }
    
    
    .pft-trust-item strong {
    
    color: #263e55;
    
    font-size: 15px;
    
    line-height: 1.3;
    
    font-weight: 598;
    
    }
    
    
    .pft-trust-item:hover {
    
    z-index: 2;
    
    background: #075ca8;
    
    transform: translateY(-2px);
    
    }
    
    
    /* =========================================================
    DESKTOP REFINEMENT
    ========================================================= */
    
    @media (min-width: 1200px) {
    
    .pft-custom-panel,
    .pft-trust-panel {
    
        padding: 0px;
    
    }
    
    
    .pft-custom-intro h2,
    .pft-trust-heading h2 {
    
        font-size: 34px;
    
    }
    
    
    .pft-custom-item {
    
        min-height: 60px;
    
    }
    
    
    .pft-trust-item {
    
        min-height: 60px;
    
    }
    
    }
    
    
    /* =========================================================
    TABLET
    ========================================================= */
    
    @media (max-width: 991px) {
    
    .pft-custom-trust {
    
        padding: 55px 0;
    
    }
    
    
    .pft-custom-trust-grid {
    
        grid-template-columns: 1fr;
    
    }
    
    
    .pft-custom-panel {
    
        border-right: 0;
    
        border-bottom:
            1px solid #dbe5ed;
    
    }
    
    
    .pft-custom-panel,
    .pft-trust-panel {
    
        padding: 32px;
    
    }
    
    }
    
    
    /* =========================================================
    MOBILE
    ========================================================= */
    
    @media (max-width: 767px) {
    
    .pft-custom-trust {
    
        padding: 45px 0;
    
    }
    
    
    .pft-custom-panel,
    .pft-trust-panel {
    
        padding: 25px 18px;
    
    }
    
    
    .pft-custom-intro h2,
    .pft-trust-heading h2 {
    
        font-size: 28px;
    
    }
    
    
    .pft-custom-list {
    
        grid-template-columns:
            repeat(2, 1fr);
    
        margin-top: 22px;
    
    }
    
    
    .pft-custom-item {
    
        min-height: 65px;
    
    }
    
    
    .pft-trust-list {
    
        grid-template-columns:
            1fr;
    
    }
    
    
    .pft-trust-item {
    
        min-height: 65px;
    
    }
    
    }
    
    
    /* =========================================================
    SMALL MOBILE
    ========================================================= */
    
    @media (max-width: 420px) {
    
    .pft-custom-list {
    
        grid-template-columns:
            1fr;
    
    }
    
    
    .pft-custom-intro h2,
    .pft-trust-heading h2 {
    
        font-size: 26px;
    
    }
    
    }

     /* =========================================================
   PUROFILTEC INTERNATIONAL PRODUCT PAGE
   ALL WELDED CANDLE FILTERS
========================================================= */

.pft-product-page {
    background: #ffffff;
    color: #172033;
    font-family: inherit;
}


/* =========================================================
   BREADCRUMB
========================================================= */

.pft-product-breadcrumb {
    background: #f7faff;
    border-bottom: 1px solid #e7edf5;
}

.pft-breadcrumb-inner {
    min-height: 58px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 13px;
}

.pft-breadcrumb-inner a {
    color: #5d6b7d;
    text-decoration: none;
}

.pft-breadcrumb-inner a:hover {
    color: #075ca8;
}

.pft-breadcrumb-inner span {
    color: #a2adba;
}

.pft-breadcrumb-inner strong {
    color: #075ca8;
}

.pft-breadcrumb-inner i {
    margin-right: 5px;
}


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

.pft-product-hero {
    position: relative;
    padding: 70px 0 70px;
    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(12, 111, 190, 0.10),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f5faff 100%
        );
    overflow: hidden;
}

.pft-product-hero-content {
    padding-right: 35px;
}

.pft-product-label{
    display: inline-block;
    color: #0867b4;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 17px;
}
.pft-section-label {
    display: inline-block;
    color: #0867b4;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 17px;
}

.pft-product-hero h1 {
    color: #0c1d35;
    font-size: 44px;
    line-height: 1.08;
    font-weight: 800;
    margin: 0 0 18px;
    letter-spacing: -1.5px;
}

.pft-product-hero h2 {
    max-width: 700px;
    color: #31506d;
    font-size: 24px;
    line-height: 1.45;
    font-weight: 600;
    margin-bottom: 24px;
}

.pft-hero-description {
    max-width: 700px;
    color: #222222;
    font-size: 17px;
    line-height: 1.85;
    margin-bottom: 32px;
    text-align: justify;
}

.pft-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.pft-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 24px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all .3s ease;
}

.pft-btn i {
    margin-right: 9px;
}

.pft-btn-primary {
    background: #075ca8;
    color: #ffffff !important;
    border: 1px solid #075ca8;
}

.pft-btn-primary:hover {
    background: #064b8a;
    border-color: #064b8a;
    transform: translateY(-2px);
}

.pft-btn-outline {
    color: #075ca8 !important;
    border: 1px solid #b8cde1;
    background: #ffffff;
}

.pft-btn-outline:hover {
    background: #eef6fd;
    border-color: #075ca8;
}

.pft-hero-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

.pft-hero-trust div {
    color: #566779;
    font-size: 13px;
    font-weight: 600;
}

.pft-hero-trust i {
    color: #15926f;
    margin-right: 6px;
}


/* =========================================================
   PRODUCT VISUAL
========================================================= */

.pft-product-visual {
    position: relative;
    padding: 13px;
}

.pft-product-image {
    position: relative;
    min-height: 470px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid #e3ebf3;
    border-radius: 14px;
    box-shadow: 0 25px 70px rgba(21, 65, 105, .10);
    overflow: hidden;
}

.pft-product-image:before {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: #edf6fc;
}

.pft-product-image img {
    position: relative;
    z-index: 2;
    /*! width: 82%; */
    /*! max-height: 430px; */
    /*! object-fit: contain; */
}

.pft-product-badge {
    position: absolute;
    right: 0;
    bottom: 5px;
    z-index: 5;
    background: #075ca8;
    color: #ffffff;
    padding: 13px 18px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 12px 30px rgba(7, 92, 168, .25);
}

.pft-product-badge i {
    margin-right: 7px;
}


/* =========================================================
   HIGHLIGHTS
========================================================= */

.pft-highlights {
    position: relative;
    z-index: 5;
    margin-top: -35px;
}

.pft-highlight-box {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 25px 22px;
    background: #ffffff;
    border: 1px solid #e5edf5;
    box-shadow: 0 15px 40px rgba(24, 58, 90, .07);
}

.pft-highlight-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #edf6fd;
    color: #075ca8;
    font-size: 18px;
}

.pft-highlight-box strong {
    display: block;
    color: #12243a;
    font-size: 17px;
    font-weight: 800;
}

.pft-highlight-box span {
    display: block;
    color: #758398;
    font-size: 12px;
    margin-top: 4px;
}


/* =========================================================
   GENERAL SECTIONS
========================================================= */

.pft-section {
    padding: 100px 0;
}

.pft-overview-section {
    background: #ffffff;
}

.pft-section-content {
    padding-left: 35px;
}

.pft-section-content h2 {
    color: #102238;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 22px;
    letter-spacing: -.5px;
}
.pft-heading h2 {
    color: #102238;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 22px;
    letter-spacing: -.5px;
}

.pft-section-content p,
.pft-heading p {
    color: #64748b;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 18px;
    text-align: justify;
}

.pft-section-image {
    position: relative;
    padding: 15px;
}

.pft-section-image img {
    width: 100%;
    border-radius: 12px;
    border: 1px solid #e3ebf3;
}

.pft-image-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #278ed8;
    color: #ffffff;
    padding: 13px 20px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 0 6px 0 6px;
}

.pft-overview-points {
    margin-top: 25px;
}

.pft-overview-points div {
    color: #33465a;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
}

.pft-overview-points i {
    color: #15926f;
    margin-right: 8px;
}


/* =========================================================
   FEATURE SECTION
========================================================= */

.pft-features-section {
    background: #f6faff;
}

.pft-heading {
    margin-bottom: 55px;
}

.pft-heading.text-center p {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.pft-feature-card {
    position: relative;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    padding: 32px;
    background: #ffffff;
    border: 1px solid #e2ebf3;
    border-radius: 10px;
    transition: all .3s ease;
    overflow: hidden;
}

.pft-feature-card:hover {
    transform: translateY(-5px);
    border-color: #bcd6eb;
    box-shadow: 0 18px 45px rgba(17, 64, 100, .08);
}

.pft-feature-number {
    position: absolute;
    top: 20px;
    right: 25px;
    color: #e5edf5;
    font-size: 42px;
    line-height: 1;
    font-weight: 900;
}

.pft-feature-icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    background: #edf6fd;
    color: #075ca8;
    border-radius: 8px;
    font-size: 19px;
}

.pft-feature-card h3 {
    color: #162b43;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 750;
    margin-bottom: 12px;
}

.pft-feature-card p {
    color: #718096;
    font-size: 14px;
    line-height: 1.8;
    margin: 0;
}


/* =========================================================
   APPLICATIONS
========================================================= */

.pft-applications-section {
    background: #ffffff;
}

.pft-application-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.pft-application-item {
    display: flex;
    align-items: center;
    min-height: 58px;
    padding: 12px 18px;
    background: #f7faff;
    border: 1px solid #e4edf5;
    border-radius: 7px;
    color: #24384e;
    font-size: 14px;
    font-weight: 650;
    transition: all .3s ease;
}

.pft-application-item:hover {
    background: #075ca8;
    color: #ffffff;
    transform: translateX(3px);
}

.pft-application-item i {
    width: 28px;
    color: #075ca8;
}

.pft-application-item:hover i {
    color: #ffffff;
}


/* =========================================================
   SPECIFICATIONS
========================================================= */

.pft-spec-section {
    background: #f6faff;
}

.pft-spec-wrapper {
    background: #ffffff;
    border: 1px solid #dfe8f1;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 15px 45px rgba(24, 58, 90, .05);
}

.pft-spec-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.pft-spec-table th {
    padding: 20px 25px;
    background: #0d2945;
    color: #ffffff;
    text-align: left;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .3px;
}

.pft-spec-table td {
    padding: 18px 25px;
    border-bottom: 1px solid #e8eef4;
    color: #617185;
    font-size: 14px;
    vertical-align: middle;
}

.pft-spec-table td:first-child {
    width: 35%;
    color: #20364e;
    font-weight: 700;
    background: #f9fbfd;
}

.pft-spec-table tr:last-child td {
    border-bottom: 0;
}

.pft-spec-table tr:hover td {
    background: #f3f8fc;
}


/* =========================================================
   CUSTOMIZATION
========================================================= */

.pft-custom-section {
    background: #ffffff;
}

.pft-custom-section p {
    max-width: 520px;
    color: #64748b;
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 30px;
}

.pft-custom-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.pft-custom-grid div {
    min-height: 105px;
    padding: 22px 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #f7faff;
    border: 1px solid #e3ebf3;
    border-radius: 8px;
    color: #263b52;
    font-size: 13px;
    font-weight: 700;
}

.pft-custom-grid i {
    margin-bottom: 10px;
    color: #075ca8;
    font-size: 18px;
}


/* =========================================================
   WHY PUROFILTEC
========================================================= */

.pft-why-section {
    background: #f6faff;
}

.pft-why-card {
    height: calc(100% - 24px);
    margin-bottom: 24px;
    padding: 30px 22px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e2ebf3;
    border-radius: 9px;
    transition: all .3s ease;
}

.pft-why-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 40px rgba(22, 63, 98, .08);
}

.pft-why-card i {
    display: block;
    margin-bottom: 18px;
    color: #075ca8;
    font-size: 26px;
}

.pft-why-card h3 {
    color: #20364e;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
    margin: 0;
}


/* =========================================================
   FAQ
========================================================= */

.pft-faq-section {
    background: #ffffff;
}

.pft-faq {
    border-top: 1px solid #dfe7ef;
}

.pft-faq-item {
    border-bottom: 1px solid #dfe7ef;
}

.pft-faq-question {
    width: 100%;
    padding: 16px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: transparent;
    border: 0;
    color: #172c43;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}

.pft-faq-question:hover {
    color: #075ca8;
}

.pft-faq-question i {
    color: #075ca8;
    font-size: 13px;
}

.pft-faq-answer {
    padding: 0 0 22px;
}

.pft-faq-answer p {
    color: #222222;
    font-size: 17px;
    line-height: 1.85;
    margin: 0;
}


/* =========================================================
   ENQUIRY
========================================================= */

.pft-enquiry-section {
    padding: 0px 0 60px;
    background: #ffffff;
}

.pft-enquiry-box {
    position: relative;
    padding: 55px;
    border-radius: 12px;
    background:
        linear-gradient(
            120deg,
            #073f72,
            #075ca8
        );
    overflow: hidden;
}

.pft-enquiry-box:after {
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    right: -150px;
    top: -180px;
    border: 70px solid rgba(255,255,255,.05);
    border-radius: 50%;
}

.pft-enquiry-box span {
    color: #a9d5f6;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.pft-enquiry-box h2 {
    max-width: 750px;
    margin: 12px 0 15px;
    color: #ffffff;
    font-size: 36px;
    line-height: 1.25;
    font-weight: 800;
}

.pft-enquiry-box p {
    color: rgba(255,255,255,.78);
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
}

.pft-btn-white {
    background: #ffffff;
    color: #075ca8 !important;
    border: 1px solid #ffffff;
}

.pft-btn-white:hover {
    background: #eef7ff;
    color: #064b8a !important;
    transform: translateY(-2px);
}


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

@media only screen and (max-width: 1199px) {

    .pft-product-hero h1 {
        font-size: 50px;
    }

    .pft-section-content h2,
    .pft-heading h2 {
        font-size: 36px;
    }

}


@media only screen and (max-width: 991px) {

    .pft-product-hero {
        padding: 70px 0;
    }

    .pft-product-hero-content {
        padding-right: 0;
        margin-bottom: 50px;
    }

    .pft-product-visual {
        padding: 10px;
    }

    .pft-highlights {
        margin-top: 0;
        padding: 30px 0;
        background: #f6faff;
    }

    .pft-highlight-box {
        margin-bottom: 15px;
    }

    .pft-section-content {
        padding-left: 0;
        margin-top: 40px;
    }

    .pft-custom-grid {
        margin-top: 45px;
    }

    .pft-enquiry-box {
        padding: 40px;
    }

}


@media only screen and (max-width: 767px) {

    .pft-product-hero {
        padding: 55px 0;
    }

    .pft-product-hero h1 {
        font-size: 38px;
    }

    .pft-product-hero h2 {
        font-size: 20px;
    }

    .pft-hero-description {
        font-size: 17px;
    }

    .pft-hero-buttons {
        display: block;
    }

    .pft-btn {
        width: 100%;
        margin-bottom: 10px;
        margin-top: 15px;
    }

    .pft-product-image {
        min-height: 330px;
    }

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

    .pft-section-content h2,
    .pft-heading h2 {
        font-size: 30px;
    }

    .pft-application-grid {
        grid-template-columns: 1fr;
    }

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

    .pft-spec-table th,
    .pft-spec-table td {
        padding: 15px;
        font-size: 13px;
    }

    .pft-enquiry-box {
        padding: 35px 25px;
    }

    .pft-enquiry-box h2 {
        font-size: 28px;
    }

}


@media only screen and (max-width: 480px) {

    .pft-product-hero h1 {
        font-size: 32px;
    }

    .pft-hero-trust {
        display: block;
    }

    .pft-hero-trust div {
        margin-bottom: 10px;
    }

    .pft-custom-grid {
        grid-template-columns: 1fr;
    }

}
.nmtb1{
    padding-top: 60px;
    padding-bottom: 0px;
}
.clr1{
    
}
.bg2{
    background-color: #0D4C8F;
}
.mt5{
    margin-top: 60px;
}
.clr2 span, .clr2 h2, .clr2 p{
    color: #fdfdfd;
}
.ptb1{
    padding: 70px 70px 70px 70px;
}
.ptb2{
    padding: 40px;
}
.clr3{
    color: #fdfdfd !important;
}
.bg3{
    background: #efefef;
}
.mtb3{
    /*! margin: 50px 0; */
    padding: 50px 20px;
}
.nb1::before{
    content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 2px;
  background: #fdfdfd !important;
  transform: translateY(-50%);
}
.bg4{
    background: linear-gradient(to left, #0d4c8f, #334263);
}
.ptb3{
    padding: 70px 0;
}
.pft-fa-application:hover strong{
    color: #fdfdfd;
}
.pft-fa-application h3{
    font-size: 17px;
    margin: 0;
    color: #203850;
    font-size: 16px;    
    line-height: 1.35;
    font-weight: 583;
}
.pft-trust-panel .pft-trust-list .pft-trust-item h3{
    font-size: 20px;
    color: #263e55;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 501;
    margin-bottom: 0px;
}.pft-custom-panel .pft-custom-list .pft-custom-item h3{
    font-size: 20px;
    color: #2d2c2c;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 501;
}
.nbg1{
    background: #efefef;
  padding: 70px 70px 70px 70px;
}
.nbg2{
    background: #fdfdfd !important;
  padding: 40px;
  margin: 1px;
}

.nbg4{
    background: #f6f6f6;
  padding: 40px 39px;
}

/* start: cleaning principle */
/* ============================================================
   CLEANING PRINCIPLE
============================================================ */

.pft-cleaning-principle-section {
    position: relative;
    padding: 85px 0;
    background: #f5f8fb;
}


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

.pft-cleaning-principle-section .pft-section-header {
    max-width: 900px;
    margin: 0 auto 48px;
}

.pft-cleaning-principle-section .pft-section-label {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 25px;
}

.pft-cleaning-principle-section .pft-section-header h2 {
    margin: 0 0 18px;
    font-size: 18px;
}

.pft-cleaning-principle-intro {
    max-width: 850px;
    margin: 0 auto;
    color: #5f6f7d;
    font-size: 16px;
    line-height: 1.8;
}


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

.pft-cleaning-principle-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
}


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

.pft-cleaning-principle-card {
    position: relative;

    display: flex;
    align-items: flex-start;

    /* IMPORTANT:
       No fixed height or min-height */

    height: auto;
    min-height: 0;

    padding: 32px 30px;

    background: #ffffff;

    border: 1px solid #dce5ec;

    border-radius: 10px;

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


.pft-cleaning-principle-card:hover {
    transform: translateY(-4px);

    border-color: #416b88;

    box-shadow: 0 15px 35px rgba(24, 52, 77, 0.10);
}


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

.pft-cleaning-principle-number {
    position: absolute;

    top: 18px;
    right: 22px;

    font-size: 42px;
    font-weight: 700;

    line-height: 1;

    color: #e8eef3;

    z-index: 0;
}


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

.pft-cleaning-principle-icon {
    flex: 0 0 58px;

    width: 58px;
    height: 58px;

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

    margin-right: 20px;

    border-radius: 8px;

    background: #eaf1f6;

    color: #0D4C8F;

    font-size: 23px;

    position: relative;
    z-index: 2;
}


.pft-cleaning-principle-card:hover
.pft-cleaning-principle-icon {
    background: #0D4C8F;
    color: #ffffff;
}


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

.pft-cleaning-principle-content {
    position: relative;
    z-index: 2;

    flex: 1;
}


.pft-cleaning-principle-content h3 {
    margin: 0 45px 12px 0;

    font-size: 21px;
    line-height: 1.35;

    color: #18344d;
}


.pft-cleaning-principle-content p {
    margin: 0;

    color: #222222;

    font-size: 17px;

    line-height: 1.75;
}


/* ============================================================
   ACCENT LINE
============================================================ */

.pft-cleaning-principle-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 4px;

    background: #416b88;

    opacity: 0;

    transition: opacity 0.3s ease;
}


.pft-cleaning-principle-card:hover::before {
    opacity: 1;
}


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

@media (max-width: 991px) {

    .pft-cleaning-principle-section {
        padding: 65px 0;
    }

    .pft-cleaning-principle-grid {
        grid-template-columns: 1fr;
    }

}


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

@media (max-width: 575px) {

    .pft-cleaning-principle-section {
        padding: 50px 0;
    }

    .pft-cleaning-principle-section
    .pft-section-header {
        margin-bottom: 32px;
    }

    .pft-cleaning-principle-intro {
        font-size: 15px;
        line-height: 1.7;
    }

    .pft-cleaning-principle-grid {
        gap: 16px;
    }

    .pft-cleaning-principle-card {
        display: block;
        padding: 28px 22px;
    }

    .pft-cleaning-principle-icon {
        margin: 0 0 18px;
    }

    .pft-cleaning-principle-content h3 {
        margin-right: 35px;
        font-size: 19px;
    }

    .pft-cleaning-principle-content p {
        font-size: 17px;
    }

    .pft-cleaning-principle-number {
        font-size: 34px;
        top: 20px;
        right: 18px;
    }

}
/* end: cleaning principle  */

/* start: Benefits*/
/* ============================================================
   BENEFITS SECTION
============================================================ */

.pft-benefits-section {
    padding: 80px 0;
    background: #fff;
}


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

.pft-benefits-section .pft-section-header {
    max-width: 850px;
    margin: 0 auto 45px;
}


.pft-benefits-section .pft-section-label {
    display: inline-block;
    margin-bottom: 12px;
}


.pft-benefits-section .pft-section-header h2 {
    margin: 0 0 16px;
}


.pft-benefits-intro {
    max-width: 800px;
    margin: 0 auto;

    color: #657582;

    font-size: 16px;
    line-height: 1.8;
}


/* ============================================================
   BENEFITS GRID
============================================================ */

.pft-benefits-grid {
    display: grid;

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

    gap: 16px;

    align-items: stretch;
}


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

.pft-benefit-card {
    position: relative;

    display: flex;
    flex-direction: column;

    height: auto;
    min-height: 0;

    padding: 28px 22px;

    background: #0d4c8f;

    border: 1px solid #dce5ec;

    border-radius: 8px;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


.pft-benefit-card:hover {

    transform: translateY(-4px);

    border-color: #416b88;

    box-shadow:
        0 12px 30px
        rgba(24, 52, 77, 0.10);

}


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

.pft-benefit-icon {

    width: 52px;
    height: 52px;

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

    margin-bottom: 20px;

    border-radius: 8px;

    background: #eaf1f6;

    color: #416b88;

    font-size: 21px;

    transition:
        background 0.3s ease,
        color 0.3s ease;
}


.pft-benefit-card:hover
.pft-benefit-icon {

    background: #416b88;

    color: #ffffff;

}


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

.pft-benefit-content h3 {

    margin: 0 0 10px;

    color: #fff;

    font-size: 17px;

    line-height: 1.4;

}


.pft-benefit-content p {

    margin: 0;

    color: #657582;

    font-size: 14px;

    line-height: 1.65;

}


/* ============================================================
   ACCENT LINE
============================================================ */

.pft-benefit-card::before {

    content: "";

    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 3px;

    background: #415c6e;

    border-radius:
        8px 0 0 8px;

    opacity: 0;

    transition: opacity 0.3s ease;

    background: linear-gradient(to left, #0d4c8f, #334263);
}


.pft-benefit-card:hover::before {

    opacity: 1;

}


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

@media (max-width: 1199px) {

    .pft-benefits-grid {

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

    }

}


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

@media (max-width: 767px) {

    .pft-benefits-section {

        padding: 60px 0;

    }


    .pft-benefits-grid {

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

        gap: 16px;

    }

}


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

@media (max-width: 575px) {

    .pft-benefits-section {

        padding: 50px 0;

    }


    .pft-benefits-section
    .pft-section-header {

        margin-bottom: 32px;

    }


    .pft-benefits-intro {

        font-size: 15px;

    }


    .pft-benefits-grid {

        grid-template-columns: 1fr;

        gap: 14px;

    }


    .pft-benefit-card {

        padding: 22px;

        flex-direction: row;

        align-items: flex-start;

    }


    .pft-benefit-icon {

        flex: 0 0 48px;

        width: 48px;
        height: 48px;

        margin: 0 16px 0 0;

        font-size: 19px;

    }


    .pft-benefit-content h3 {

        font-size: 16px;

    }


    .pft-benefit-content p {

        font-size: 14px;

    }

}

/* end: Benefits */

/* start:  CUSTOMIZATION  */
/* ============================================================
   CUSTOMIZATION OPTIONS
============================================================ */

.pft-customization-section {

    /*! padding: 70px 0px 30px 0px; */

    background: #ffffff;

}


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

.pft-customization-section
.pft-section-header {

    max-width: 850px;

    margin: 0 auto 42px;

}


.pft-customization-section
.pft-section-label {

    display: inline-block;

    margin-bottom: 12px;

}


.pft-customization-section
.pft-section-header h2 {

    margin: 0 0 16px;

}


.pft-customization-intro {

    max-width: 800px;

    margin: 0 auto;

    color: #657582;

    font-size: 16px;

    line-height: 1.8;

}


/* ============================================================
   CUSTOMIZATION GRID
============================================================ */

.pft-customization-grid {

    display: grid;

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

    border-top: 1px solid #dce5ec;

    border-left: 1px solid #dce5ec;

}


/* ============================================================
   CUSTOMIZATION ITEM
============================================================ */

.pft-customization-item {

    position: relative;

    display: flex;

    align-items: center;

    min-width: 0;

    padding: 20px 24px;

    background: #ffffff;

    border-right: 1px solid #dce5ec;

    border-bottom: 1px solid #dce5ec;

    transition:

        background 0.3s ease,

        border-color 0.3s ease;

}


.pft-customization-item:hover {

    background: #f5f8fb;

}


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

.pft-customization-number {

    flex: 0 0 34px;

    margin-right: 14px;

    color: #9aabb8;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 0.5px;

}


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

.pft-customization-icon {

    flex: 0 0 44px;

    width: 44px;

    height: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 15px;

    border-radius: 7px;

    background: #eaf1f6;

    color: #416b88;

    font-size: 18px;

    transition:

        background 0.3s ease,

        color 0.3s ease;

}


.pft-customization-item:hover
.pft-customization-icon {

    background: #416b88;

    color: #ffffff;

}


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

.pft-customization-text {

    color: #18344d;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.5;

}


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

@media (max-width: 767px) {

    .pft-customization-section {

        padding: 60px 0;

    }


    .pft-customization-grid {

        grid-template-columns: 1fr;

    }

}


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

@media (max-width: 575px) {

    .pft-customization-section {

        padding: 50px 0;

    }


    .pft-customization-section
    .pft-section-header {

        margin-bottom: 30px;

    }


    .pft-customization-intro {

        font-size: 15px;

    }


    .pft-customization-item {

        padding: 17px 16px;

    }


    .pft-customization-number {

        flex: 0 0 28px;

        margin-right: 8px;

        font-size: 12px;

    }


    .pft-customization-icon {

        flex: 0 0 40px;

        width: 40px;

        height: 40px;

        margin-right: 12px;

        font-size: 16px;

    }


    .pft-customization-text {

        font-size: 14px;

    }

}
/* end:  CUSTOMIZATION  */

/* start:  extruder-screen-filters*/


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

.extruder-screen-filters .pft-custom-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-top: 28px;
    border-top: 1px solid #dbe5ed;
    border-left: 1px solid #dbe5ed;
  }
  .extruder-screen-filters .pft-custom-panel .pft-custom-list .pft-custom-item h3 {
    font-size: 20px;
    color: #fff;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 501;
  }
  .pft-custom-item:hover i {
    color: #fff;
    font-size: 14px;
    position: relative;
    top: -7px;
  }
/* end:  */
.pft-fa-application:hover h3{
    color: #fdfdfd;
}
.extruder-screen-filters .pft-fa-application:hover h3{
    color: #fdfdfd;
}
.pft-custom-panel .pft-custom-list .pft-custom-item:hover h3{
    color: #fdfdfd;
}
.pft-trust-panel .pft-trust-list .pft-trust-item:hover h3 {
    font-size: 20px;
    color: #fff;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 501;
  }
  .pft-trust-item:hover i {
    color: #fdfdfd;
    font-size: 14px;
  }
  .extruder-screen-filters .pft-custom-item i {
    color: #fdfdfd;
    font-size: 14px;
    position: relative;
    top: -7px;
  }
  


@media (max-width: 420px) {
    .extruder-screen-filters .pft-custom-list {
    grid-template-columns: 1fr;
  }
}

/* start: filter options */
/* ============================================================
   FILTER MEDIA OPTIONS
============================================================ */

.pft-filter-media-section {
    position: relative;

    padding: 80px 0;

    background: #f5f8fb;
}


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

.pft-filter-media-section .pft-section-label {
    display: inline-block;

    margin-bottom: 10px;
}


.pft-filter-media-section h2 {
    margin: 0 0 16px;

    color: #18344d;
}


.pft-filter-media-description {
    max-width: 850px;

    margin: 0 0 42px;

    color: #222222;

    font-size: 17px;

    line-height: 1.8;
}


/* ============================================================
   MEDIA GRID
============================================================ */

.pft-filter-media-grid {

    display: grid;

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

    gap: 22px;

    align-items: stretch;

}


/* ============================================================
   MEDIA ITEM
============================================================ */

.pft-filter-media-item {

    position: relative;

    display: flex;

    flex-direction: column;

    height: auto;

    min-height: 0;

    padding: 30px;

    background: #ffffff;

    border: 1px solid #dce5ec;

    border-radius: 10px;

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}


.pft-filter-media-item:hover {

    transform: translateY(-4px);

    border-color: #416b88;

    box-shadow:
        0 14px 32px
        rgba(24, 52, 77, 0.10);

}


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

.pft-filter-media-item::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 4px;

    background: #0d4c8f;

    opacity: 0;

    transition: opacity 0.3s ease;

}


.pft-filter-media-item:hover::before {

    opacity: 1;

}


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

.pft-filter-media-number {

    margin-bottom: 20px;

    color: #416b88;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 1.5px;

}


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

.pft-filter-media-content {

    position: relative;

    z-index: 2;

}


.pft-filter-media-content h3 {

    margin: 0 0 12px;

    color: #0d4c8f;

    font-size: 20px;

    font-weight: 600;

    line-height: 1.4;

}


.pft-filter-media-content p {

    margin: 0;

    color: #222222;

    font-size: 17px;

    line-height: 1.75;

}


/* ============================================================
   FILTER MEDIA SELECTION
============================================================ */

.pft-filter-media-selection {

    margin-top: 28px;

    padding: 30px;

    background: #ffffff;

    border: 1px solid #dce5ec;

    border-radius: 10px;

}


/* ============================================================
   SELECTION LABEL
============================================================ */

.pft-filter-media-selection .pft-section-label {

    display: inline-block;

    margin-bottom: 10px;

}


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

.pft-filter-media-selection-description {

    margin: 0 0 22px;

    color: #222222;

    font-size: 17px;

    line-height: 1.7;

}


/* ============================================================
   SELECTION GRID
============================================================ */

.pft-filter-media-selection-grid {

    display: grid;

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

    gap: 12px 16px;

}


/* ============================================================
   SELECTION ITEM
============================================================ */

.pft-filter-media-selection-item {

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 13px 15px;

    background: #f5f8fb;

    border: 1px solid #e1e9ef;

    border-radius: 6px;

    color: #18344d;

    font-size: 14px;

    line-height: 1.5;

    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;

}


.pft-filter-media-selection-item:hover {

    background: #ffffff;

    border-color: #416b88;

    transform: translateX(2px);

}


.pft-filter-media-selection-item i {

    flex: 0 0 16px;

    color: #416b88;

    font-size: 13px;

}


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

@media (max-width: 991px) {

    .pft-filter-media-section {

        padding: 65px 0;

    }


    .pft-filter-media-grid {

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

    }


    .pft-filter-media-selection-grid {

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

    }

}


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

@media (max-width: 767px) {

    .pft-filter-media-section {

        padding: 55px 0;

    }


    .pft-filter-media-grid {

        grid-template-columns: 1fr;

        gap: 16px;

    }


    .pft-filter-media-selection-grid {

        grid-template-columns: 1fr;

    }

}


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

@media (max-width: 575px) {

    .pft-filter-media-section {

        padding: 50px 0;

    }


    .pft-filter-media-item {

        padding: 24px 20px;

    }


    .pft-filter-media-content h3 {

        font-size: 18px;

    }


    .pft-filter-media-content p {

        font-size: 14px;

        line-height: 1.7;

    }


    .pft-filter-media-selection {

        padding: 22px 18px;

    }


    .pft-filter-media-selection-item {

        padding: 12px;

        font-size: 14px;

    }

}
/* end: filter options  */

/* start: Sealing Gaskets */
/* ============================================================
   SEALING GASKETS
============================================================ */

.pft-sealing-gaskets-section {

    position: relative;

    padding: 75px 0;

    background: #ffffff;

}


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

.pft-sealing-gaskets-section
.pft-section-label {

    display: inline-block;

    margin-bottom: 10px;

}


.pft-sealing-gaskets-section h2 {

    margin: 0 0 16px;

    color: #18344d;

}


.pft-sealing-gaskets-description {

    max-width: 900px;

    margin: 0 0 38px;

    color: #222222;

    font-size: 17px;

    line-height: 1.8;

}


/* ============================================================
   GASKET GRID
============================================================ */

.pft-sealing-gaskets-grid {

    display: grid;

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

    gap: 14px 18px;

}


/* ============================================================
   GASKET ITEM
============================================================ */

.pft-sealing-gaskets-item {

    position: relative;

    display: flex;

    align-items: center;

    min-height: 78px;

    padding: 18px 22px;

    background: #f5f8fb;

    border: 1px solid #dce5ec;

    border-radius: 8px;

    overflow: hidden;

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;

}


.pft-sealing-gaskets-item:hover {

    background: #ffffff;

    border-color: #416b88;

    transform: translateX(4px);

    box-shadow:
        0 8px 22px rgba(24, 52, 77, 0.08);

}


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

.pft-sealing-gaskets-number {

    flex: 0 0 48px;

    width: 48px;

    color: #416b88;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 1px;

}


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

.pft-sealing-gaskets-content {

    flex: 1;

    min-width: 0;

}


.pft-sealing-gaskets-content h3 {

    margin: 0;

    color: #18344d;

    font-size: 17px;

    font-weight: 600;

    line-height: 1.45;

}


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

.pft-sealing-gaskets-arrow {

    flex: 0 0 34px;

    width: 34px;

    height: 34px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-left: 15px;

    border-radius: 50%;

    background: #e8f0f5;

    color: #416b88;

    font-size: 12px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;

}


.pft-sealing-gaskets-item:hover
.pft-sealing-gaskets-arrow {

    background: #416b88;

    color: #ffffff;

    transform: translateX(3px);

}


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

.pft-sealing-gaskets-item::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 3px;

    background: #416b88;

    opacity: 0;

    transition: opacity 0.3s ease;

}


.pft-sealing-gaskets-item:hover::before {

    opacity: 1;

}


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

@media (max-width: 991px) {

    .pft-sealing-gaskets-section {

        padding: 65px 0;

    }


    .pft-sealing-gaskets-grid {

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

    }

}


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

@media (max-width: 767px) {

    .pft-sealing-gaskets-section {

        padding: 55px 0;

    }


    .pft-sealing-gaskets-grid {

        grid-template-columns: 1fr;

        gap: 12px;

    }


    .pft-sealing-gaskets-description {

        font-size: 15px;

        margin-bottom: 28px;

    }

}


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

@media (max-width: 575px) {

    .pft-sealing-gaskets-section {

        padding: 50px 0;

    }


    .pft-sealing-gaskets-item {

        min-height: 70px;

        padding: 16px;

    }


    .pft-sealing-gaskets-number {

        flex: 0 0 38px;

        width: 38px;

        font-size: 13px;

    }


    .pft-sealing-gaskets-content h3 {

        font-size: 15px;

    }


    .pft-sealing-gaskets-arrow {

        flex: 0 0 30px;

        width: 30px;

        height: 30px;

        margin-left: 10px;

    }

}
/* end: Sealing Gaskets */

/* start: construction  */
/* ============================================================
   CONSTRUCTION
============================================================ */

.pft-construction-section {

    position: relative;

    padding: 75px 0;

    background: #f5f8fb;

}


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

.pft-construction-section
.pft-section-label {

    display: inline-block;

    margin-bottom: 10px;

}


.pft-construction-section h2 {

    margin: 0 0 15px;

    color: #18344d;

    font-size: 25px;
}


.pft-construction-section
.container > p {

    max-width: 850px;

    margin: 0 0 38px;

    color: #657582;

    font-size: 16px;

    line-height: 1.8;

}


/* ============================================================
   CONSTRUCTION GRID
============================================================ */

.pft-construction-grid {

    display: grid;

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

    gap: 20px;

    align-items: stretch;

}


/* ============================================================
   CONSTRUCTION ITEM
============================================================ */

.pft-construction-item {

    position: relative;

    display: flex;

    align-items: center;

    min-height: 150px;

    padding: 28px;

    background: #ffffff;

    border: 1px solid #dce5ec;

    border-radius: 10px;

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}


.pft-construction-item:hover {

    transform: translateY(-4px);

    border-color: #416b88;

    box-shadow:
        0 12px 30px
        rgba(24, 52, 77, 0.10);

}


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

.pft-construction-item::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 4px;

    background: #416b88;

    opacity: 0;

    transition: opacity 0.3s ease;

}


.pft-construction-item:hover::before {

    opacity: 1;

}


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

.pft-construction-number {

    flex: 0 0 58px;

    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 20px;

    border-radius: 50%;

    background: #eaf1f6;

    color: #416b88;

    font-size: 16px;

    font-weight: 700;

    letter-spacing: 1px;

    transition:
        background 0.3s ease,
        color 0.3s ease;

}


.pft-construction-item:hover
.pft-construction-number {

    background: #416b88;

    color: #ffffff;

}


/* ============================================================
   ITEM HEADING
============================================================ */

.pft-construction-item h3 {

    margin: 0;

    color: #18344d;

    font-size: 18px;

    font-weight: 600;

    line-height: 1.5;

}


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

.pft-construction-item p {

    margin: 8px 0 0;

    color: #657582;

    font-size: 14px;

    line-height: 1.7;

}


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

@media (max-width: 991px) {

    .pft-construction-section {

        padding: 65px 0;

    }


    .pft-construction-grid {

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

    }

}


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

@media (max-width: 767px) {

    .pft-construction-section {

        padding: 55px 0;

    }


    .pft-construction-grid {

        grid-template-columns: 1fr;

        gap: 15px;

    }


    .pft-construction-item {

        min-height: 120px;

        padding: 22px;

    }

}


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

@media (max-width: 575px) {

    .pft-construction-section {

        padding: 50px 0;

    }


    .pft-construction-item {

        min-height: 105px;

        padding: 20px;

    }


    .pft-construction-number {

        flex: 0 0 48px;

        width: 48px;

        height: 48px;

        margin-right: 15px;

        font-size: 14px;

    }


    .pft-construction-item h3 {

        font-size: 16px;

    }

}
/* end construction  */

body{
    overflow-x: hidden;
}

/* =========================================================
   PUROFILTEC - WORKING PRINCIPLE SECTION
   Unique Prefix: puro-wp-
========================================================= */

.puro-wp-section {
    position: relative;
    padding: 90px 0 85px;
    background: #f5f9fd;
    overflow: hidden;
}


/* ---------------------------------------------------------
   Background Decorative Glow
--------------------------------------------------------- */

.puro-wp-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    top: -220px;
    left: -180px;
    background: radial-gradient(
        circle,
        rgba(13, 76, 143, 0.08) 0%,
        rgba(13, 76, 143, 0) 70%
    );
    pointer-events: none;
}

.puro-wp-section::after {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    bottom: -250px;
    right: -150px;
    background: radial-gradient(
        circle,
        rgba(13, 76, 143, 0.07) 0%,
        rgba(13, 76, 143, 0) 70%
    );
    pointer-events: none;
}


/* ---------------------------------------------------------
   Section Header
--------------------------------------------------------- */

.puro-wp-header {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 800px;
    margin: 0 auto 65px;
}

.puro-wp-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: #1268b3;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.puro-wp-label i {
    font-size: 14px;
}

.puro-wp-header h2 {
    margin: 0;
    color: #142f4e;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 800;
}

.puro-wp-header p {
    margin: 18px auto 0;
    color: #61758b;
    font-size: 16px;
    line-height: 1.7;
}


/* ---------------------------------------------------------
   Heading Decorative Line
--------------------------------------------------------- */

.puro-wp-heading-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 18px;
}

.puro-wp-heading-line span {
    display: block;
    width: 40px;
    height: 4px;
    border-radius: 10px;
    background: #1268b3;
}

.puro-wp-heading-line i {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1268b3;
}


/* ---------------------------------------------------------
   Process Wrapper
--------------------------------------------------------- */

.puro-wp-process {
    position: relative;
    z-index: 2;

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

    gap: 28px 24px;

    max-width: 1180px;
    margin: 0 auto;
}


/* ---------------------------------------------------------
   Individual Step
--------------------------------------------------------- */

.puro-wp-step {
    position: relative;
    min-height: 245px;
    padding: 30px 24px 25px;

    background: #ffffff;
    border: 1px solid #dce8f2;
    border-radius: 14px;

    box-shadow: 0 8px 30px rgba(25, 71, 110, 0.07);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.puro-wp-step:hover {
    transform: translateY(-6px);
    border-color: #9bc4e5;
    box-shadow: 0 15px 35px rgba(25, 71, 110, 0.13);
}


/* ---------------------------------------------------------
   Step Number
--------------------------------------------------------- */

.puro-wp-number {
    position: absolute;
    top: 18px;
    right: 20px;

    color: #e7f0f8;

    font-size: 38px;
    line-height: 1;
    font-weight: 800;
}


/* ---------------------------------------------------------
   Icon
--------------------------------------------------------- */

.puro-wp-icon {
    position: relative;
    z-index: 2;

    width: 58px;
    height: 58px;

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

    margin-bottom: 22px;

    border-radius: 50%;

    background: linear-gradient(
        135deg,
        #1268b3,
        #0d4c8f
    );

    border: 5px solid #eaf4fc;

    box-shadow: 0 5px 15px rgba(13, 76, 143, 0.18);
}

.puro-wp-icon i {
    color: #ffffff;
    font-size: 21px;
}


/* ---------------------------------------------------------
   Step Content
--------------------------------------------------------- */

.puro-wp-content {
    position: relative;
    z-index: 2;
}

.puro-wp-step-label {
    display: block;

    margin-bottom: 7px;

    color: #1268b3;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.puro-wp-content h3 {
    margin: 0 0 10px;

    color: #173552;

    font-size: 19px;
    line-height: 1.3;
    font-weight: 750;
}

.puro-wp-content p {
    margin: 0;

    color: #222222;

    font-size: 17px;
    line-height: 1.65;
}


/* ---------------------------------------------------------
   Connector
--------------------------------------------------------- */

.puro-wp-connector {
    position: absolute;

    top: 58px;
    right: -24px;

    width: 24px;
    height: 2px;

    background: #b9d2e7;

    z-index: 5;
}

.puro-wp-connector::after {
    content: "";

    position: absolute;

    right: 0;
    top: -4px;

    width: 8px;
    height: 8px;

    border-top: 2px solid #1268b3;
    border-right: 2px solid #1268b3;

    transform: rotate(45deg);
}


/* ---------------------------------------------------------
   Bottom Note
--------------------------------------------------------- */

.puro-wp-note {
    position: relative;
    z-index: 2;

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

    gap: 15px;

    max-width: 700px;

    margin: 45px auto 0;
    padding: 18px 25px;

    background: #eaf4fc;

    border: 1px solid #cfe3f3;
    border-radius: 10px;
}

.puro-wp-note-icon {
    width: 42px;
    height: 42px;

    flex: 0 0 42px;

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

    border-radius: 50%;

    background: #1268b3;
}

.puro-wp-note-icon i {
    color: #ffffff;
    font-size: 16px;
}

.puro-wp-note-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.puro-wp-note-content strong {
    color: #173552;
    font-size: 17px;
    font-weight: 700;
}

.puro-wp-note-content span {
    color: #60778d;
    font-size: 14px;
    line-height: 1.5;
}


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


/* ---------------------------------------------------------
   Large Tablet
--------------------------------------------------------- */

@media (max-width: 1100px) {

    .puro-wp-process {
        grid-template-columns: repeat(2, 1fr);
        max-width: 800px;
    }

    .puro-wp-connector {
        display: none;
    }

}


/* ---------------------------------------------------------
   Mobile
--------------------------------------------------------- */

@media (max-width: 767px) {

    .puro-wp-section {
        padding: 65px 0;
    }

    .puro-wp-header {
        margin-bottom: 45px;
        padding: 0 15px;
    }

    .puro-wp-header h2 {
        font-size: 30px;
    }

    .puro-wp-header p {
        font-size: 16px;
    }

    .puro-wp-process {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 0 15px;
    }

    .puro-wp-step {
        min-height: auto;
        padding: 25px 22px;
    }

    .puro-wp-icon {
        width: 54px;
        height: 54px;
        margin-bottom: 18px;
    }

    .puro-wp-content h3 {
        font-size: 18px;
    }

    .puro-wp-note {
        margin: 35px 15px 0;
        padding: 16px 18px;
        align-items: flex-start;
    }

    .puro-wp-note-content span {
        font-size: 16px;
    }

}


/* ---------------------------------------------------------
   Small Mobile
--------------------------------------------------------- */

@media (max-width: 480px) {

    .puro-wp-header h2 {
        font-size: 27px;
    }

    .puro-wp-label {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .puro-wp-step {
        padding: 22px 18px;
    }

    .puro-wp-number {
        font-size: 32px;
        top: 15px;
        right: 16px;
    }

}

/* =========================================================
   PUROFILTEC - BPT PROCESS SECTION
   Unique prefix: puro-bpt-
========================================================= */

.puro-bpt-process {
    padding: 85px 0;
    background: #f7fafc;
}


/* =========================================================
   MAIN HEADING
========================================================= */

.puro-bpt-heading {
    text-align: center;
    margin-bottom: 40px;
}

.puro-bpt-label {
    display: inline-block;
    margin-bottom: 8px;

    color: #1268b3;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.puro-bpt-heading h2 {
    margin: 0;

    color: #173552;
    font-size: 38px;
    font-weight: 800;
}

.puro-bpt-heading-line {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 5px;
    margin-top: 15px;
}

.puro-bpt-heading-line span {
    width: 42px;
    height: 4px;

    border-radius: 20px;
    background: #1268b3;
}

.puro-bpt-heading-line i {
    width: 6px;
    height: 6px;

    border-radius: 50%;
    background: #1268b3;
}


/* =========================================================
   WORKING PRINCIPLE
========================================================= */

.puro-bpt-principle {
    display: grid;

    grid-template-columns: 90px 1fr;

    gap: 25px;

    max-width: 1100px;

    margin: 0 auto;

    padding: 32px;

    background: #ffffff;

    border: 1px solid #e3edf4;

    border-radius: 14px;

    box-shadow: 0 12px 35px rgba(23, 53, 82, 0.06);
}

.puro-bpt-principle-icon {
    width: 70px;
    height: 70px;

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

    border-radius: 14px;

    background: #edf6fd;

    color: #1268b3;

    font-size: 27px;
}

.puro-bpt-principle-content p {
    margin: 0;

    color: #172033;

    font-size: 17px;
    line-height: 1.8;
}

.puro-bpt-principle-notes {
    display: grid;

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

    gap: 15px;

    margin-top: 22px;
}

.puro-bpt-principle-notes div {
    display: flex;

    align-items: flex-start;

    gap: 10px;

    padding: 14px;

    background: #f6f9fb;

    border-radius: 8px;
}

.puro-bpt-principle-notes i {
    flex: 0 0 20px;

    width: 20px;
    height: 20px;

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

    border-radius: 50%;

    background: #1268b3;

    color: #ffffff;

    font-size: 9px;

    margin-top: 2px;
}

.puro-bpt-principle-notes span {
    color: #172033;

    font-size: 16px;
    line-height: 1.55;
}


/* =========================================================
   SUB HEADINGS
========================================================= */

.puro-bpt-subheading {
    text-align: center;

    margin: 70px 0 28px;
}

.puro-bpt-subheading span {
    display: block;

    margin-bottom: 5px;

    color: #1268b3;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1.8px;
}

.puro-bpt-subheading h3 {
    margin: 0;

    color: #173552;

    font-size: 28px;
    font-weight: 800;
}


/* =========================================================
   APPLICATIONS
========================================================= */

.puro-bpt-applications {
    display: grid;

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

    gap: 15px;

    max-width: 1100px;

    margin: 0 auto;
}

.puro-bpt-application {
    min-height: 130px;

    display: flex;

    flex-direction: column;

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

    padding: 20px 12px;

    text-align: center;

    background: #ffffff;

    border: 1px solid #e1ebf2;

    border-radius: 12px;

    transition: all 0.3s ease;
}

.puro-bpt-application:hover {
    transform: translateY(-5px);

    border-color: #b9d6ea;

    box-shadow: 0 12px 25px rgba(23, 53, 82, 0.08);
}

.puro-bpt-application-icon {
    width: 48px;
    height: 48px;

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

    margin-bottom: 12px;

    border-radius: 50%;

    background: #edf6fd;

    color: #1268b3;

    font-size: 18px;
}

.puro-bpt-application span {
    color: #314c65;

    font-size: 16px;
    font-weight: 700;

    line-height: 1.4;
}


/* =========================================================
   TEST PROCEDURE
========================================================= */

.puro-bpt-procedure-heading {
    margin-top: 75px;
}

.puro-bpt-timeline {
    position: relative;

    display: grid;

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

    max-width: 1200px;

    margin: 0 auto;
}

.puro-bpt-timeline::before {
    content: "";

    position: absolute;

    top: 31px;
    left: 7%;

    width: 86%;
    height: 2px;

    background: #d5e5ef;
}

.puro-bpt-step {
    position: relative;

    z-index: 2;

    padding: 0 8px;

    text-align: center;
}

.puro-bpt-step-number {
    margin-bottom: 8px;

    color: #1268b3;

    font-size: 11px;
    font-weight: 800;
}

.puro-bpt-step-icon {
    width: 62px;
    height: 62px;

    display: flex;

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

    margin: 0 auto 15px;

    border-radius: 50%;

    background: #ffffff;

    border: 3px solid #dcebf4;

    color: #1268b3;

    font-size: 18px;

    box-shadow: 0 5px 18px rgba(23, 53, 82, 0.08);
}

.puro-bpt-step p {
    margin: 0;

    color: #172033;

    font-size: 16px;

    line-height: 1.55;
}


/* =========================================================
   CONFIGURATIONS
========================================================= */

.puro-bpt-config-heading {
    margin-top: 75px;
}

.puro-bpt-configurations {
    display: grid;

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

    gap: 20px;

    max-width: 1100px;

    margin: 0 auto;
}

.puro-bpt-config-card {
    display: flex;

    align-items: flex-start;

    gap: 20px;

    padding: 28px;

    background: #ffffff;

    border: 1px solid #e1ebf2;

    border-radius: 14px;

    transition: all 0.3s ease;
}

.puro-bpt-config-card:hover {
    transform: translateY(-4px);

    box-shadow: 0 12px 30px rgba(23, 53, 82, 0.08);

    border-color: #b9d6ea;
}

.puro-bpt-config-icon {
    flex: 0 0 55px;

    width: 55px;
    height: 55px;

    display: flex;

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

    border-radius: 12px;

    background: #edf6fd;

    color: #1268b3;

    font-size: 21px;
}

.puro-bpt-config-card h4 {
    margin: 0 0 8px;

    color: #173552;

    font-size: 17px;

    font-weight: 750;
}

.puro-bpt-config-card p {
    margin: 0;

    color: #172033;

    font-size: 16px;

    line-height: 1.65;
}


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

@media (max-width: 991px) {

    .puro-bpt-applications {
        grid-template-columns: repeat(3, 1fr);
    }

    .puro-bpt-timeline {
        grid-template-columns: repeat(4, 1fr);

        row-gap: 35px;
    }

    .puro-bpt-timeline::before {
        display: none;
    }

    .puro-bpt-step-icon {
        background: #ffffff;
    }

}


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

@media (max-width: 767px) {

    .puro-bpt-process {
        padding: 60px 0;
    }

    .puro-bpt-heading h2 {
        font-size: 30px;
    }

    .puro-bpt-principle {
        grid-template-columns: 1fr;

        gap: 18px;

        padding: 22px;
    }

    .puro-bpt-principle-icon {
        width: 55px;
        height: 55px;

        font-size: 21px;
    }

    .puro-bpt-principle-notes {
        grid-template-columns: 1fr;
    }

    .puro-bpt-applications {
        grid-template-columns: repeat(2, 1fr);

        padding: 0 15px;
    }

    .puro-bpt-timeline {
        grid-template-columns: repeat(2, 1fr);

        gap: 25px;

        padding: 0 15px;
    }

    .puro-bpt-configurations {
        grid-template-columns: 1fr;

        padding: 0 15px;
    }

}


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

@media (max-width: 480px) {

    .puro-bpt-applications {
        grid-template-columns: 1fr;
    }

    .puro-bpt-step p {
        font-size: 17px;
    }

}

/* =========================================================
   PUROFILTEC - PRODUCT RANGE
   Unique Prefix: puro-product-range-
========================================================= */

.puro-product-range {
    padding: 80px 0;
    background: #f7fafc;
}


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

.puro-product-range-heading {
    max-width: 850px;
    margin: 0 auto 45px;
    text-align: center;
}

.puro-product-range-label {
    display: inline-block;

    margin-bottom: 8px;

    color: #1268b3;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 2px;
    text-transform: uppercase;
}

.puro-product-range-heading h2 {
    margin: 0 0 14px;

    color: #173552;

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

    font-weight: 800;
}

.puro-product-range-heading p {
    max-width: 650px;

    margin: 0 auto;

    color: #172033;

    font-size: 17px;
    line-height: 1.7;
}


/* =========================================================
   CATEGORY GRID
========================================================= */

.puro-product-range-grid {
    display: grid;

    grid-template-columns: 1.25fr 1fr;

    gap: 25px;

    max-width: 1150px;

    margin: 0 auto;
}


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

.puro-product-range-card {
    position: relative;

    padding: 30px;

    background: #ffffff;

    border: 1px solid #e1ebf2;

    border-radius: 16px;

    overflow: hidden;

    box-shadow: 0 10px 30px rgba(23, 53, 82, 0.05);

    transition: all 0.3s ease;
}

.puro-product-range-card:hover {
    transform: translateY(-5px);

    border-color: #b9d6ea;

    box-shadow: 0 18px 40px rgba(23, 53, 82, 0.09);
}


/* Small top accent */

.puro-product-range-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: #1268b3;
}


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

.puro-product-range-card-head {
    margin-bottom: 25px;
}

.puro-product-range-card-label {
    display: block;

    margin-bottom: 7px;

    color: #1268b3;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.4px;
}

.puro-product-range-card-head h3 {
    margin: 0;

    color: #173552;

    font-size: 22px;
    line-height: 1.3;

    font-weight: 750;
}


/* =========================================================
   PRODUCT ITEMS
========================================================= */

.puro-product-range-items {
    display: grid;

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

    gap: 10px;
}

.puro-product-range-item {
    display: flex;

    align-items: center;

    gap: 12px;

    min-height: 52px;

    padding: 10px 12px;

    background: #f7fafc;

    border: 1px solid #edf2f6;

    border-radius: 9px;

    transition: all 0.25s ease;
}

.puro-product-range-item:hover {
    background: #edf6fd;

    border-color: #cfe2ef;

    transform: translateX(3px);
}


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

.puro-product-range-icon {
    flex: 0 0 32px;

    width: 32px;
    height: 32px;

    display: flex;

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

    border-radius: 7px;

    background: #ffffff;

    color: #1268b3;

    font-size: 13px;

    box-shadow: 0 3px 10px rgba(23, 53, 82, 0.06);
}

.puro-product-range-text {
    color: #172033;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.35;
}


/* =========================================================
   COMPLETE ASSEMBLY - LAST ITEM
========================================================= */

.puro-product-range-card:first-child
.puro-product-range-item:last-child {
    grid-column: 1 / -1;

    background: #edf6fd;

    border-color: #cfe2ef;
}

.puro-product-range-card:first-child
.puro-product-range-item:last-child
.puro-product-range-text {
    color: #173552;

    font-weight: 700;
}


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

@media (max-width: 991px) {

    .puro-product-range-grid {
        grid-template-columns: 1fr;
    }

    .puro-product-range-card:first-child
    .puro-product-range-item:last-child {
        grid-column: auto;
    }

}


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

@media (max-width: 767px) {

    .puro-product-range {
        padding: 60px 0;
    }

    .puro-product-range-heading h2 {
        font-size: 30px;
    }

    .puro-product-range-grid {
        padding: 0 15px;

        gap: 18px;
    }

    .puro-product-range-card {
        padding: 22px;
    }

    .puro-product-range-items {
        grid-template-columns: 1fr;
    }

    .puro-product-range-card:first-child
    .puro-product-range-item:last-child {
        grid-column: auto;
    }

}


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

@media (max-width: 420px) {

    .puro-product-range-card-head h3 {
        font-size: 20px;
    }

    .puro-product-range-text {
        font-size: 17px;
    }

}

.puro-product-highlight {
    display: flex;
    align-items: center;
    gap: 18px;

    max-width: 1100px;
    margin: 30px auto 30px;
    padding: 22px 25px;

    background: #edf6fd;
    border-left: 4px solid #1268b3;
    border-radius: 10px;

    box-shadow: 0 8px 25px rgba(23, 53, 82, 0.06);
}

.puro-product-highlight-icon {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

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

    background: #ffffff;
    color: #1268b3;

    border-radius: 50%;

    font-size: 20px;
}

.puro-product-highlight-content p {
    margin: 0;

    color: #173552;

    font-size: 17px;
    line-height: 1.7;
    font-weight: 600;
}

@media (max-width: 575px) {

    .puro-product-highlight {
        align-items: flex-start;
        gap: 12px;
        padding: 18px;
    }

    .puro-product-highlight-icon {
        flex: 0 0 40px;

        width: 40px;
        height: 40px;

        font-size: 16px;
    }

    .puro-product-highlight-content p {
        font-size: 13px;
        line-height: 1.6;
    }

}

/* =========================================================
   PUROFILTEC - COFIT REPLACEMENT FILTER SECTION
========================================================= */

.puro-cofit-section {
    padding: 70px 0;
    background: #f6f9fc;
}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.puro-cofit-wrapper {
    display: grid;

    grid-template-columns: 1.15fr 0.85fr;

    gap: 45px;

    align-items: stretch;

    max-width: 1150px;

    margin: 0 auto;
}


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

.puro-cofit-content {
    padding: 35px 10px 35px 0;
}

.puro-cofit-label {
    display: inline-block;

    margin-bottom: 10px;

    color: #1268b3;

    font-size: 14px;
    font-weight: 800;

    letter-spacing: 2px;
    text-transform: uppercase;
}

.puro-cofit-content h2 {
    margin: 0;

    color: #173552;

    font-size: 32px;
    line-height: 1.3;

    font-weight: 800;
}

.puro-cofit-line {
    width: 65px;
    height: 3px;

    margin: 18px 0 20px;

    background: #1268b3;

    border-radius: 10px;
}

.puro-cofit-content p {
    max-width: 700px;

    margin: 0;

    color: #64798b;

    font-size: 17px;
    line-height: 1.8;
}


/* =========================================================
   RIGHT FEATURE BOX
========================================================= */

.puro-cofit-features {
    padding: 28px;

    background: #ffffff;

    border: 1px solid #e0eaf1;

    border-radius: 15px;

    box-shadow: 0 12px 35px rgba(23, 53, 82, 0.07);
}


/* =========================================================
   FEATURE HEADING
========================================================= */

.puro-cofit-features-heading {
    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 18px;

    color: #173552;

    font-size: 17px;
    font-weight: 750;
}

.puro-cofit-features-heading i {
    color: #1268b3;

    font-size: 18px;
}


/* =========================================================
   FEATURE LIST
========================================================= */

.puro-cofit-list {
    display: flex;

    flex-direction: column;

    gap: 9px;
}

.puro-cofit-item {
    display: flex;

    align-items: center;

    gap: 12px;

    min-height: 50px;

    padding: 9px 11px;

    background: #f7fafc;

    border: 1px solid #edf2f6;

    border-radius: 8px;

    transition: all 0.25s ease;
}

.puro-cofit-item:hover {
    background: #edf6fd;

    border-color: #cfe1ef;

    transform: translateX(4px);
}


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

.puro-cofit-icon {
    flex: 0 0 32px;

    width: 32px;
    height: 32px;

    display: flex;

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

    background: #ffffff;

    color: #1268b3;

    border-radius: 7px;

    font-size: 13px;

    box-shadow: 0 3px 8px rgba(23, 53, 82, 0.06);
}

.puro-cofit-text {
    color: #40596e;

    font-size: 16px;

    line-height: 1.4;

    font-weight: 600;
}


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

@media (max-width: 991px) {

    .puro-cofit-wrapper {
        grid-template-columns: 1fr;

        gap: 25px;
    }

    .puro-cofit-content {
        padding: 0;
    }

}


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

@media (max-width: 767px) {

    .puro-cofit-section {
        padding: 55px 0;
    }

    .puro-cofit-wrapper {
        padding: 0 15px;
    }

    .puro-cofit-content h2 {
        font-size: 27px;
    }

    .puro-cofit-content p {
        font-size: 14px;
        line-height: 1.7;
    }

    .puro-cofit-features {
        padding: 20px;
    }

}


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

@media (max-width: 420px) {

    .puro-cofit-content h2 {
        font-size: 24px;
    }

    .puro-cofit-text {
        font-size: 12px;
    }

}

/* =========================================================
   PUROFILTEC
   INDUSTRIAL APPLICATIONS + MANUFACTURING CAPABILITIES

   UNIQUE PREFIX:
   puro-industrial-apps-
   puro-industrial-capabilities-
========================================================= */


/* =========================================================
   MAIN SECTION
========================================================= */

.puro-industrial-apps-section {
    padding: 80px 0;
    background: #f7fafc;
}


/* =========================================================
   APPLICATIONS MAIN HEADING
========================================================= */

.puro-industrial-apps-heading {
    max-width: 800px;

    margin: 0 auto 42px;

    text-align: center;
}

.puro-industrial-apps-label,
.puro-industrial-capabilities-label {
    display: inline-block;

    margin-bottom: 8px;

    color: #1268b3;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.puro-industrial-apps-heading h2,
.puro-industrial-capabilities-heading h2 {
    margin: 0;

    color: #173552;

    font-size: 34px;

    line-height: 1.3;

    font-weight: 800;
}


/* =========================================================
   APPLICATION CATEGORY GRID
========================================================= */

.puro-industrial-apps-grid {
    display: grid;

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

    gap: 25px;

    max-width: 1150px;

    margin: 0 auto;
}


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

.puro-industrial-apps-card {
    position: relative;

    padding: 30px;

    background: #ffffff;

    border: 1px solid #e2ebf2;

    border-radius: 16px;

    box-shadow: 0 10px 30px rgba(23, 53, 82, 0.05);

    transition: all 0.3s ease;

    overflow: hidden;
}


/* Top accent */

.puro-industrial-apps-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: #1268b3;
}


.puro-industrial-apps-card:hover {
    transform: translateY(-4px);

    border-color: #c7ddeb;

    box-shadow: 0 16px 38px rgba(23, 53, 82, 0.08);
}


/* =========================================================
   APPLICATION CARD HEADER
========================================================= */

.puro-industrial-apps-card-head {
    margin-bottom: 22px;

    padding-bottom: 17px;

    border-bottom: 1px solid #edf2f6;
}


.puro-industrial-apps-card-label {
    display: block;

    margin-bottom: 6px;

    color: #1268b3;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 1.5px;

    text-transform: uppercase;
}


.puro-industrial-apps-card-head h3 {
    margin: 0;

    color: #173552;

    font-size: 21px;

    line-height: 1.3;

    font-weight: 750;
}


/* =========================================================
   APPLICATION ITEMS
========================================================= */

.puro-industrial-apps-items {
    display: grid;

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

    gap: 9px;
}


.puro-industrial-apps-item {
    display: flex;

    align-items: center;

    gap: 10px;

    min-height: 46px;

    padding: 8px 10px;

    background: #f7fafc;

    border: 1px solid #edf2f6;

    border-radius: 8px;

    transition: all 0.25s ease;
}


.puro-industrial-apps-item:hover {
    background: #edf6fd;

    border-color: #cbdfea;

    transform: translateX(3px);
}


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

.puro-industrial-apps-icon {
    flex: 0 0 30px;

    width: 30px;
    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #ffffff;

    color: #1268b3;

    border-radius: 6px;

    font-size: 12px;

    box-shadow: 0 3px 8px rgba(23, 53, 82, 0.05);
}


.puro-industrial-apps-text {
    color: #425c70;

    font-size: 16px;

    line-height: 1.35;

    font-weight: 600;
}


/* =========================================================
   MANUFACTURING CAPABILITIES
========================================================= */

.puro-industrial-capabilities {
    max-width: 1150px;

    margin: 55px auto 0;

    padding-top: 50px;

    border-top: 1px solid #dfe8ef;
}


/* =========================================================
   CAPABILITY HEADING
========================================================= */

.puro-industrial-capabilities-heading {
    max-width: 850px;

    margin: 0 auto 30px;

    text-align: center;
}


.puro-industrial-capabilities-heading p {
    max-width: 750px;

    margin: 15px auto;

    color: #222222;

    font-size: 17px;

    line-height: 1.75;
}


.puro-industrial-capabilities-heading strong {
    display: block;

    color: #173552;

    font-size: 17px;

    font-weight: 700;
}


/* =========================================================
   CAPABILITIES GRID
========================================================= */

.puro-industrial-capabilities-grid {
    display: grid;

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

    gap: 12px;
}


/* =========================================================
   CAPABILITY ITEM
========================================================= */

.puro-industrial-capabilities-item {
    display: flex;

    align-items: center;

    gap: 11px;

    min-height: 65px;

    padding: 12px 14px;

    background: #ffffff;

    border: 1px solid #e3ebf1;

    border-radius: 10px;

    transition: all 0.25s ease;
}


.puro-industrial-capabilities-item:hover {
    transform: translateY(-3px);

    border-color: #c7ddea;

    box-shadow: 0 8px 20px rgba(23, 53, 82, 0.06);
}


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

.puro-industrial-capabilities-icon {
    flex: 0 0 35px;

    width: 35px;
    height: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #edf6fd;

    color: #1268b3;

    border-radius: 8px;

    font-size: 14px;
}


.puro-industrial-capabilities-text {
    color: #3f586c;

    font-size: 17px;

    line-height: 1.35;

    font-weight: 650;
}


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

@media (max-width: 1199px) {

    .puro-industrial-apps-grid,
    .puro-industrial-capabilities {
        max-width: 950px;
    }

    .puro-industrial-capabilities-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


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

@media (max-width: 991px) {

    .puro-industrial-apps-grid {
        grid-template-columns: 1fr;

        max-width: 700px;
    }

    .puro-industrial-capabilities {
        max-width: 700px;
    }

}


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

@media (max-width: 767px) {

    .puro-industrial-apps-section {
        padding: 60px 0;
    }


    .puro-industrial-apps-heading {
        padding: 0 15px;

        margin-bottom: 30px;
    }


    .puro-industrial-apps-heading h2,
    .puro-industrial-capabilities-heading h2 {
        font-size: 28px;
    }


    .puro-industrial-apps-grid {
        grid-template-columns: 1fr;

        padding: 0 15px;
    }


    .puro-industrial-apps-card {
        padding: 22px;
    }


    .puro-industrial-apps-items {
        grid-template-columns: 1fr;
    }


    .puro-industrial-capabilities {
        margin-top: 40px;

        padding: 40px 15px 0;
    }


    .puro-industrial-capabilities-grid {
        grid-template-columns: 1fr;
    }

}


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

@media (max-width: 420px) {

    .puro-industrial-apps-card-head h3 {
        font-size: 19px;
    }


    .puro-industrial-apps-text,
    .puro-industrial-capabilities-text {
        font-size: 16px;
    }


    .puro-industrial-capabilities-heading p {
        font-size: 17px;
    }

}

/* =========================================================
   PRODUCT RANGE 2
   ========================================================= */

   .puro-product-range-2 {
    width: 100%;
    padding: 80px 0;
    background: #f5f9fc;
}


/* ---------------------------------------------------------
   SECTION HEADING
--------------------------------------------------------- */

.puro-product-range-2-heading {
    max-width: 850px;
    margin: 0 auto 45px;
    text-align: center;
}


.puro-product-range-2-label {
    display: inline-block;

    margin-bottom: 10px;

    color: #1268b3;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 1.5px;

    text-transform: uppercase;
}


.puro-product-range-2-heading h2 {
    margin: 0 0 14px;

    color: #173552;

    font-size: 36px;

    line-height: 1.25;

    font-weight: 750;
}


.puro-product-range-2-heading p {
    max-width: 750px;

    margin: 0 auto;

    color: #222222;

    font-size: 17px;

    line-height: 1.75;
}


/* ---------------------------------------------------------
   PRODUCT RANGE GRID
--------------------------------------------------------- */

.puro-product-range-2-list {
    width: 100%;

    max-width: 1050px;

    margin: 0 auto;

    display: grid;

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

    gap: 14px 16px;
}


/* ---------------------------------------------------------
   PRODUCT RANGE CARD
--------------------------------------------------------- */

.puro-product-range-2-item {
    position: relative;

    display: grid;

    grid-template-columns: 52px minmax(0, 1fr) 40px;

    align-items: center;

    gap: 20px;

    min-height: 125px;

    padding: 22px 25px;

    background: #ffffff;

    border: 1px solid #e2ebf1;

    border-radius: 14px;

    box-shadow: 0 7px 22px rgba(23, 53, 82, 0.045);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


/* ---------------------------------------------------------
   CARD HOVER
--------------------------------------------------------- */

.puro-product-range-2-item:hover {
    transform: translateY(-3px);

    border-color: #c7dce9;

    box-shadow: 0 12px 30px rgba(23, 53, 82, 0.09);
}


/* ---------------------------------------------------------
   ICON
--------------------------------------------------------- */

.puro-product-range-2-icon {
    width: 52px;

    height: 52px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #edf6fd;

    color: #1268b3;

    border-radius: 11px;

    font-size: 18px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}


.puro-product-range-2-item:hover
.puro-product-range-2-icon {
    background: #1268b3;

    color: #ffffff;

    transform: rotate(-4deg);
}


/* ---------------------------------------------------------
   CONTENT AREA
--------------------------------------------------------- */

.puro-product-range-2-content {
    min-width: 0;

    padding-right: 5px;
}


.puro-product-range-2-content h3 {
    margin: 0 0 7px;

    color: #173552;

    font-size: 18px;

    line-height: 1.35;

    font-weight: 750;
}


.puro-product-range-2-content p {
    margin: 0;

    color: #222222;

    font-size: 17px;

    line-height: 1.65;
}


/* ---------------------------------------------------------
   ARROW
--------------------------------------------------------- */

.puro-product-range-2-arrow {
    width: 38px;

    height: 38px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #9aafbd;

    background: #ffffff;

    border: 1px solid #e0e9ef;

    border-radius: 50%;

    font-size: 11px;

    transition:
        color 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease;
}


.puro-product-range-2-item:hover
.puro-product-range-2-arrow {
    color: #1268b3;

    border-color: #c7dce9;

    transform: translateX(3px);
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1200px) {

    .puro-product-range-2-list {
        max-width: 1050px;

        gap: 14px 16px;
    }

}


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

@media (max-width: 991px) {

    .puro-product-range-2 {
        padding: 65px 0;
    }


    .puro-product-range-2-heading {
        padding: 0 20px;

        margin-bottom: 35px;
    }


    .puro-product-range-2-heading h2 {
        font-size: 32px;
    }


    .puro-product-range-2-list {
        max-width: 90%;

        grid-template-columns: 1fr;

        gap: 14px;
    }

}


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

@media (max-width: 767px) {

    .puro-product-range-2 {
        padding: 50px 0;
    }


    .puro-product-range-2-heading {
        padding: 0 15px;

        margin-bottom: 30px;
    }


    .puro-product-range-2-label {
        font-size: 12px;

        letter-spacing: 1.2px;
    }


    .puro-product-range-2-heading h2 {
        font-size: 27px;

        line-height: 1.3;
    }


    .puro-product-range-2-heading p {
        font-size: 17px;

        line-height: 1.65;
    }


    .puro-product-range-2-list {
        width: auto;

        max-width: none;

        margin: 0 15px;

        grid-template-columns: 1fr;

        gap: 12px;
    }


    .puro-product-range-2-item {
        grid-template-columns: 45px minmax(0, 1fr);

        gap: 14px;

        min-height: auto;

        padding: 18px;
    }


    .puro-product-range-2-icon {
        width: 45px;

        height: 45px;

        font-size: 15px;
    }


    .puro-product-range-2-content {
        padding-right: 0;
    }


    .puro-product-range-2-content h3 {
        margin-bottom: 6px;

        font-size: 16px;

        line-height: 1.35;
    }


    .puro-product-range-2-content p {
        font-size: 12.5px;

        line-height: 1.6;
    }


    .puro-product-range-2-arrow {
        display: none;
    }

}


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

@media (max-width: 480px) {

    .puro-product-range-2 {
        padding: 45px 0;
    }
    .puro-bpt-timeline {
        grid-template-columns: repeat(1, 1fr);
        gap: 25px;
        padding: 0 15px;
      }

    .puro-product-range-2-heading h2 {
        font-size: 24px;
    }


    .puro-product-range-2-list {
        margin: 0 12px;
    }


    .puro-product-range-2-item {
        padding: 16px;

        gap: 12px;

        border-radius: 12px;
    }


    .puro-product-range-2-icon {
        width: 42px;

        height: 42px;
    }


    .puro-product-range-2-content h3 {
        font-size: 18px;
    }


    .puro-product-range-2-content p {
        font-size: 17px;
    }

}

.sticky-header .main-menu .navigation > li.dsn2{
    display: block;
}
.main-menu .navigation > li.dsn2{
    display: none;
}
.pft-filter-media-selection-item span {
    font-size: 17px;
}
.usn{
    user-select: none;
}