/* ====================================
GOOGLE FONT
==================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

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

body{
    font-family:'Poppins',sans-serif;
    overflow-x:hidden;
    background:#fff;
    color:#1a1a1a;
}


:root {
      --primary-blue: #0f294a;
      --accent-orange: #ff5e14;
      --bg-blue-light: #f4f8fc;
      --text-gray: #555555;
    }

    .quality-section {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      padding: 60px 20px;
      background-color: #ffffff;
    }

    .section-title {
      color: var(--primary-blue);
      font-weight: 700;
      font-size: 1.8rem;
      margin-bottom: 8px;
      position: relative;
      display: inline-block;
    }

    /* Orange accent line under title */
    .title-wrapper {
      margin-bottom: 50px;
    }
    .title-underline {
      width: 40px;
      height: 3px;
      background-color: var(--accent-orange);
      margin-top: 5px;
    }

    /* Flow Row Styling */
    .flow-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: nowrap;
    }

    /* Individual Step */
    .flow-step {
      text-align: center;
      flex: 1;
      max-width: 180px;
    }

    /* Icon Circle Container */
    .icon-circle {
      width: 80px;
      height: 80px;
      background-color: var(--bg-blue-light);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 15px auto;
      transition: transform 0.3s ease;
    }

    .flow-step:hover .icon-circle {
      transform: scale(1.08);
    }

    .icon-circle svg {
      width: 36px;
      height: 36px;
      color: #ff6b1a;
    }

    .step-title {
      font-size: 1rem;
      font-weight: 700;
      color: #16235f;
      margin-bottom: 6px;
    }

    .step-desc {
      font-size: 0.85rem;
      color: var(--text-gray);
      line-height: 1.4;
    }

    /* Connecting Arrow */
    .flow-arrow {
      color: var(--primary-blue);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 10px;
      opacity: 0.7;
    }

    .flow-arrow svg {
      width: 24px;
      height: 24px;
    }

    /* Responsive adjustments for smaller screens */
    @media (max-width: 768px) {
      .flow-container {
        flex-direction: column;
        gap: 20px;
      }
      .flow-arrow {
        transform: rotate(90deg);
        margin: 10px 0;
      }
    }
	
	
	
	
	:root {
      --navy-blue: #002265;
      --orange-accent: #ff5e14;
      --border-blue-light: #5275a1;
    }

    .cta-banner {
      background-color: var(--navy-blue);
      /* Ekkada premium visual flow kosam dark blue to slightly lighter blue gradient use chesthunnam */
      background-image: linear-gradient(135deg, #001b50 0%, #002d84 100%);
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      overflow: hidden;
      position: relative;
    }

    /* Left side image container styling */
    .banner-img-container {
      position: relative;
      height: 100%;
      min-height: 200px;
    }

    .banner-img {
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center;
    }

    /* Left image transition directly into the dark background */
    .banner-img-overlay {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: linear-gradient(to right, transparent 50%, var(--navy-blue) 100%);
    }

    .cta-content-col {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
    }

    .cta-title {
      font-weight: 600;
      font-size: 1.85rem;
      color: #ffffff;
      margin-bottom: 1rem;
    }

    .cta-subtitle {
      color: #cbdcf8;
      font-weight: 400;
      font-size: 0.95rem;
      line-height: 1.6;
      max-width: 600px;
      margin-bottom: 0;
    }

    /* Buttons row container */
    .cta-btn-group {
      display: flex;
      gap: 15px;
      align-items: center;
      justify-content: flex-end;
      height: 100%;
      padding-right: 1.5rem;
    }

    /* Base button styling */
    .btn-custom {
      padding: 12px 28px;
      font-weight: 700;
      font-size: 0.85rem;
      letter-spacing: 0.5px;
      border-radius: 6px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      text-transform: uppercase;
      text-decoration: none;
      transition: all 0.3s ease;
    }

    /* Primary Orange Button */
    .btn-orange {
      background-color: var(--orange-accent);
      color: #ffffff !important;
      border: 2px solid var(--orange-accent);
    }

    .btn-orange:hover {
      background-color: #e04e0b;
      border-color: #e04e0b;
      transform: translateY(-2px);
    }

    /* Secondary Bordered Button */
    .btn-outline-custom {
      background-color: transparent;
      color: #ffffff !important;
      border: 1px solid var(--border-blue-light);
    }

    .btn-outline-custom:hover {
      background-color: rgba(255, 255, 255, 0.1);
      border-color: #ffffff;
      transform: translateY(-2px);
    }

    /* Icon sizes inside buttons */
    .btn-custom svg {
      width: 18px;
      height: 18px;
    }

    /* Responsive adjustments */
    @media (max-width: 991px) {
      .cta-btn-group {
        justify-content: flex-start;
        padding-top: 1rem;
        padding-bottom: 2rem;
        padding-left: 0.75rem;
      }
      .cta-content-col {
        padding-bottom: 1rem;
      }
    }
	
	
	.subbu-center
	text-align:center;
	
	
	
	
	 /*=========================
   GOOGLE FONT
==========================*/

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

body{
    font-family:'Poppins',sans-serif;
    background:#ffffff;
    color:#222;
    overflow-x:hidden;
}

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

.certification-section{
    padding:20px 0;
    background:#f8f9fb;
}

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

.sub-title{
    display:inline-block;
    position:relative;
    color:#ff8500;
    font-size:13px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    padding-left:60px;
    margin-bottom:20px;
}

.sub-title::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:45px;
    height:2px;
    background:#ff8500;
    transform:translateY(-50%);
}

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

.main-title{
    font-size:28px;
    line-height:1.2;
    font-weight:700;
    color:#122c66;
    margin-bottom:25px;
}

.main-title span{
    color:#ff8500;
}

/*=========================
   PARAGRAPH
==========================*/

.description{
    font-size:18px;
    line-height:34px;
    color:#6d7480;
    max-width:100%;
}

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

.audit-text{
    display:inline-block;
    text-align:right;
    border-right:2px solid #0d7b58;
    padding-right:20px;
}

.audit-text span{
    display:block;
    color:#0d7b58;
    font-size:12px;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.audit-text h3{
    font-size:42px;
    font-weight:600;
    line-height:1.35;
    color:#13212d;
}

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

.logoSwiper{
    margin-top:80px;
}

.logo-card{
    background:#fff;
    border:1px solid #e8ecef;
    border-radius:18px;
    height:130px;

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

    transition:.35s;
}

.logo-card:hover{

    transform:translateY(-6px);

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

}

.logo-card img{

    max-width:90px;
    max-height:70px;

    transition:.4s;

}

.logo-card:hover img{

    transform:scale(1.08);

}

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

.swiper{
    width:100%;
}

.swiper-slide{

    display:flex;
    justify-content:center;

}

/*=========================
   SPACING
==========================*/

.mt-5{
    margin-top:0px!important;
}


/*======================================
        LARGE LAPTOP
======================================*/

@media (max-width:1400px){

.main-title{

    font-size:10px;

}

.audit-text h3{

    font-size:36px;

}

.description{

    font-size:17px;

}

}


/*======================================
        LAPTOP
======================================*/

@media (max-width:1200px){

.certification-section{

    padding:10px 0;

}

.main-title{

    font-size:24px;

}

.description{

    font-size:16px;
    line-height:30px;

}

.audit-text h3{

    font-size:32px;

}

.logo-card{

    height:120px;

}

.logo-card img{

    max-width:80px;

}

}


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

@media (max-width:992px){

.certification-section{

    padding:10px 0;

}

.main-title{

    font-size:28px;
    text-align:center;

}

.sub-title{

    display:block;
    text-align:center;
    padding-left:0;

}

.sub-title::before{

    display:none;

}

.description{

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

}

.audit-text{

    width:100%;
    text-align:center;
    border-right:none;
    border-top:2px solid #0d7b58;
    padding-top:20px;
    padding-right:0;
    margin-top:40px;

}

.audit-text h3{

    font-size:30px;

}

.audit-text span{

    letter-spacing:2px;

}

.logoSwiper{

    margin-top:50px;

}

}


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

@media (max-width:768px){

.certification-section{

    padding:20px 0;

}

.main-title{

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

}

.description{

    font-size:15px;
    line-height:28px;

}

.audit-text h3{

    font-size:26px;

}

.logo-card{

    height:110px;
    border-radius:15px;

}

.logo-card img{

    max-width:70px;
    max-height:55px;

}

}


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

@media (max-width:576px){

.certification-section{

    padding:50px 15px;

}

.sub-title{

    font-size:11px;
    letter-spacing:2px;
    margin-bottom:15px;

}

.main-title{

    font-size:28px;

}

.description{

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

}

.audit-text span{

    font-size:11px;

}

.audit-text h3{

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

}

.logo-card{

    height:95px;

}

.logo-card img{

    max-width:60px;

}

}


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

@media (max-width:400px){

.main-title{

    font-size:24px;

}

.description{

    font-size:13px;

}

.audit-text h3{

    font-size:20px;

}

.logo-card{

    height:90px;

}

.logo-card img{

    max-width:55px;

}

}



/*==========================================
        PREMIUM BACKGROUND DESIGN
==========================================*/

.certification-section{
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* Top Right Circle */

.certification-section::before{
    content: "";
    position: absolute;
    width: 700px;
    height: 700px;
    background: radial-gradient(circle,
    rgba(15,152,92,.08) 0%,
    rgba(15,152,92,0) 70%);
    right: -250px;
    top: -250px;
    border-radius: 50%;
    z-index: -1;
}

/* Bottom Left Circle */

.certification-section::after{
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle,
    rgba(15,152,92,.05) 0%,
    rgba(15,152,92,0) 75%);
    left: -180px;
    bottom: -180px;
    border-radius: 50%;
    z-index: -1;
}

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

.main-title{

    letter-spacing:-1px;

}

.main-title span{

    position:relative;

}

.main-title span::after{

    content:"";

    position:absolute;

    left:0;

    bottom:4px;

    width:100%;

    height:10px;

    background:#d9f5e8;

    z-index:-1;

}

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

.description{

    margin-top:25px;

}

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

.logo-card{

    cursor:pointer;

    background:#fff;

    border:1px solid #edf1f4;

    transition:all .35s ease;

}

.logo-card:hover{

    border-color:#17a66b;

    transform:translateY(-8px);

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

}

.logo-card img{

    filter:grayscale(100%);

    opacity:.8;

}

.logo-card:hover img{

    filter:none;

    opacity:1;

}

/*==========================================
         AUDIT BOX
==========================================*/

.audit-text{

    transition:.4s;

}

.audit-text:hover{

    transform:translateX(-8px);

}

/*==========================================
        FADE ANIMATION
==========================================*/

@keyframes fadeUp{

0%{

opacity:0;

transform:translateY(40px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

.sub-title{

animation:fadeUp .5s ease;

}

.main-title{

animation:fadeUp .8s ease;

}

.description{

animation:fadeUp 1.1s ease;

}

.audit-text{

animation:fadeUp 1.4s ease;

}

.logoSwiper{

animation:fadeUp 1.7s ease;

}

/*==========================================
        SECTION SPACING
==========================================*/

.row{

align-items:center;

}

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

.logo-card{

border-radius:20px;

}

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

.logo-card img{

transition:all .4s ease;

}

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

@media(max-width:768px){

.audit-text{

text-align:center;

transform:none !important;

}

.logo-card{

height:100px;

}

.main-title{

letter-spacing:0;

}

}




/*=========================================
        GOOGLE FONT & RESET
=========================================*/

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

body{
    font-family:'Poppins',sans-serif;
    background:#ffffff;
    overflow-x:hidden;
    color:#1d2430;
}

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

.manufacturing-section{
    position:relative;
    padding:20px 0;
    overflow:hidden;
    background:#fff;
}

/* Left Circle */

manufacturing-section::before{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    background:#f2f5f3;
    border-radius:50%;
    left:-150px;
    top:-60px;
}

/* Right Bottom Shape */

manufacturing-section::after{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:#eef8fb;
    border-radius:50%;
    right:-170px;
    bottom:-170px;
}

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

.section-subtitle{

    position:relative;

    display:inline-block;

    color:#168b60;

    font-size:12px;

    letter-spacing:3px;

    font-weight:600;

    text-transform:uppercase;

    padding-left:55px;

    margin-bottom:18px;

}

.section-subtitle::before{

    content:"";

    position:absolute;

    width:40px;

    height:2px;

    background:#168b60;

    left:0;

    top:50%;

    transform:translateY(-50%);

}

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

.section-title{

    font-size:28px;

    font-weight:600;

    color:#16235f;

    margin-bottom:18px;

    line-height:1.2;

}

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

.section-description{

    font-size:15px;

    color:#7b8593;

    line-height:32px;

    max-width:700px;

    margin-bottom:45px;

}

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

.format-card{

    position:relative;

    overflow:hidden;

    border-radius:24px;

    height:500px;

    cursor:pointer;

    transition:.45s;

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

}

.format-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s;

}

/*=========================================
        DARK OVERLAY
=========================================*/

.overlay{

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:100%;

    background:linear-gradient(

    to top,

    rgba(0,0,0,.80),

    rgba(0,0,0,.15),

    rgba(0,0,0,.20)

    );

}

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

.card-content{

    position:absolute;

    left:25px;

    right:25px;

    bottom:25px;

    color:#fff;

    z-index:5;

}

.small-title{

    font-size:10px;

    letter-spacing:3px;

    color:#d8d8d8;

    margin-bottom:18px;

    text-transform:uppercase;

}

.card-content h4{

    font-size:28px;

    font-weight:600;

    margin-bottom:10px;

}

.card-content p{

    font-size:15px;

    color:#ececec;

    margin-bottom:5px;

}

.card-content span{

    font-size:13px;

    color:#cfcfcf;

}

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

.format-card:hover{

    transform:translateY(-10px);

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

}

.format-card:hover img{

    transform:scale(1.08);

}

.format-card:hover .overlay{

    background:linear-gradient(

    to top,

    rgba(0,0,0,.92),

    rgba(0,0,0,.25),

    rgba(0,0,0,.20)

    );

}

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

.format-card{

    border:1px solid #d8e7df;

}



/*==========================================
        LARGE DESKTOP
==========================================*/

@media (max-width:1400px){

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

.format-card{
    height:470px;
}

.card-content h4{
    font-size:26px;
}

}


/*==========================================
            DESKTOP
==========================================*/

@media (max-width:1200px){

.manufacturing-section{
    padding:10px 0;
}

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

.section-description{
    font-size:17px;
    line-height:30px;
}

.format-card{
    height:430px;
}

.card-content{
    left:20px;
    right:20px;
    bottom:20px;
}

.card-content h4{
    font-size:24px;
}

}


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

@media (max-width:992px){

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

.section-subtitle{

    display:block;
    text-align:center;
    padding-left:0;

}

.section-subtitle::before{
    display:none;
}

.section-title{

    text-align:center;
    font-size:38px;

}

.section-description{

    text-align:center;
    max-width:100%;
    font-size:16px;

}

.format-card{

    height:420px;

}

.card-content h4{

    font-size:22px;

}

}


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

@media (max-width:768px){

.manufacturing-section{

    padding:60px 15px;

}

.section-title{

    font-size:32px;

}

.section-description{

    font-size:15px;
    line-height:28px;

}

.format-card{

    height:380px;

}

.card-content{

    left:18px;
    right:18px;
    bottom:18px;

}

.card-content h4{

    font-size:22px;

}

.card-content p{

    font-size:14px;

}

.card-content span{

    font-size:12px;

}

}


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

@media (max-width:576px){

.section-title{

    font-size:28px;

}

.section-description{

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

}

.section-subtitle{

    font-size:11px;
    letter-spacing:2px;

}

.format-card{

    height:340px;
    border-radius:20px;

}

.small-title{

    font-size:9px;
    letter-spacing:2px;

}

.card-content h4{

    font-size:20px;

}

}


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

@media (max-width:420px){

.section-title{

    font-size:24px;

}

.section-description{

    font-size:13px;

}

.format-card{

    height:310px;

}

.card-content{

    left:15px;
    right:15px;
    bottom:15px;

}

.card-content h4{

    font-size:18px;

}

.card-content p{

    font-size:13px;

}

.card-content span{

    font-size:11px;

}

}



/*==========================================
        PREMIUM ANIMATIONS
==========================================*/

@keyframes fadeUp{

0%{
opacity:0;
transform:translateY(40px);
}

100%{
opacity:1;
transform:translateY(0);
}

}

.section-subtitle{
animation:fadeUp .4s ease;
}

.section-title{
animation:fadeUp .7s ease;
}

.section-description{
animation:fadeUp 1s ease;
}

.format-card{
animation:fadeUp 1.2s ease;
}

/*==========================================
        CARD IMAGE EFFECT
==========================================*/

.format-card img{
transition:transform .7s ease, filter .5s ease;
}

.format-card:hover img{
transform:scale(1.10);
filter:brightness(1.05);
}

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

.format-card{
transition:all .45s ease;
}

.format-card:hover{

transform:translateY(-12px);

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

border-color:#0d8d63;

}

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

.overlay{

transition:.5s;

background:linear-gradient(
180deg,
rgba(0,0,0,.15) 0%,
rgba(0,0,0,.30) 45%,
rgba(0,0,0,.85) 100%
);

}

.format-card:hover .overlay{

background:linear-gradient(
180deg,
rgba(0,0,0,.05) 0%,
rgba(0,0,0,.20) 40%,
rgba(0,0,0,.90) 100%
);

}

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

.card-content{

transition:.45s;

}

.format-card:hover .card-content{

transform:translateY(-8px);

}

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

.card-content h4{

transition:.35s;

}

.format-card:hover h4{

color:#7ef2b8;

}

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

.small-title{

opacity:.8;
transition:.3s;

}

.format-card:hover .small-title{

opacity:1;
letter-spacing:4px;

}

/*==========================================
        PARAGRAPH
==========================================*/

.card-content p,
.card-content span{

transition:.3s;

}

.format-card:hover p,
.format-card:hover span{

color:#ffffff;

}

/*==========================================
        BACKGROUND SHAPES
==========================================*/

.manufacturing-section{

background:#fff;

}

.manufacturing-section::before{

filter:blur(2px);

}

.manufacturing-section::after{

filter:blur(8px);

opacity:.7;

}

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

.format-card{

overflow:hidden;

}

.format-card::before{

content:"";

position:absolute;

left:0;
top:0;

width:100%;
height:100%;

border:2px solid transparent;

border-radius:24px;

transition:.4s;

z-index:2;

}

.format-card:hover::before{

border-color:#11a36c;

}

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

.format-card img{

display:block;

}

/*==========================================
        SECTION SPACING
==========================================*/

.manufacturing-section .row{

align-items:stretch;

}

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

@media(max-width:768px){

.format-card{

margin-bottom:10px;

}

.card-content{

bottom:18px;

}

}




/*=========================================
        GOOGLE FONT & RESET
=========================================*/

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

body{
    font-family:'Poppins',sans-serif;
    background:#ffffff;
    overflow-x:hidden;
    color:#222;
}

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

.focus-area{
    padding:60px 0;
    background:#ffffff;
}

.focus-subtitle{
    font-size:42px;
    font-weight:700;
    color:#16255d;
    position:relative;
    display:inline-block;
    margin-bottom:45px;
}

.focus-subtitle::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-12px;
    width:70px;
    height:4px;
    background:#1f5eff;
    border-radius:10px;
}

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

.focus-card{

    position:relative;

    overflow:hidden;

    height:280px;

    border-radius:24px;

    background:#fff;

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

    transition:.45s;

}

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

.bg-img{

    position:absolute;

    right:0;

    bottom:0;

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s;

}

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

.focus-card::before{

content:"";

position:absolute;

left:0;
top:0;

width:100%;
height:100%;
z-index:1;

}

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

.card-inner{

position:relative;

z-index:5;

padding:20px;

max-width:25%;

}

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

.icon-box{

width:62px;
height:62px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:28px;

margin-bottom:22px;

border:2px solid;

transition:.4s;

}

.green-icon{

color:#2e9d46;
border-color:#2e9d46;

}

.blue-icon{

color:#4468ff;
border-color:#4468ff;

}

.orange-icon{

color:#ffffff;
border-color:#ffffff;

}

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

.card-inner h3{

font-size:32px;

font-weight:700;

margin-bottom:15px;

}

.green h3{

color:#2e9d46;

}

.blue h3{

color:#ffffff;

}

.orange h3{

color:#ffffff;

}

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

.card-inner p{

font-size:18px;

line-height:32px;

color:#404040;

margin-bottom:25px;

}

/*=========================================
        LINK
=========================================*/

.card-inner a{

text-decoration:none;

font-size:22px;

font-weight:600;

display:inline-flex;

align-items:center;

gap:12px;

transition:.3s;

}

.green a{

color:#2e9d46;

}

.blue a{

color:#ffffff;

}

.orange a{

color:#ff7b29;

}

.card-inner a i{

transition:.35s;

}

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

.focus-card:hover{

transform:translateY(-10px);

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

}

.focus-card:hover .bg-img{

transform:scale(1.08);

}

.focus-card:hover a i{

transform:translateX(8px);

}

.focus-card:hover .icon-box{

transform:rotate(360deg);

}

/*=========================================
        COLOR BORDER
=========================================*/

.green{

border-top:4px solid #2e9d46;

}

.blue{

border-top:4px solid #4468ff;

}

.orange{

border-top:4px solid #ff7b29;

}



/*==========================================
        LARGE DESKTOP
==========================================*/

@media (max-width:1400px){

.focus-subtitle{
    font-size:38px;
}

.focus-card{
    height:270px;
}

.card-inner h3{
    font-size:28px;
}

.card-inner p{
    font-size:17px;
}

}


/*==========================================
        LAPTOP
==========================================*/

@media (max-width:1200px){

.focus-area{
    padding:10px 0;
}

.focus-subtitle{
    font-size:34px;
}

.focus-card{
    height:260px;
}

.card-inner{
    padding:25px;
    max-width:68%;
}

.card-inner h3{
    font-size:26px;
}

.card-inner p{
    font-size:16px;
    line-height:28px;
}

.card-inner a{
    font-size:18px;
}

.icon-box{
    width:55px;
    height:55px;
    font-size:24px;
}

}


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

@media (max-width:992px){

.focus-area{
    padding:70px 0;
}

.focus-subtitle{
    font-size:32px;
    margin-bottom:35px;
}

.focus-card{
    height:260px;
}

.card-inner{
    max-width:65%;
}

}


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

@media (max-width:768px){

.focus-area{
    padding:60px 15px;
}

.focus-subtitle{
    font-size:28px;
}

.focus-card{
    height:300px;
}

.card-inner{
    max-width:65%;
    padding:25px;
}

.card-inner h3{
    font-size:24px;
}

.card-inner p{
    font-size:15px;
    line-height:26px;
}

.card-inner a{
    font-size:17px;
}

.icon-box{
    width:52px;
    height:52px;
    font-size:22px;
}

}


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

@media (max-width:576px){

.focus-subtitle{
    font-size:26px;
}

.focus-subtitle::after{
    width:60px;
}

.focus-card{

    height:auto;
    min-height:430px;
    border-radius:22px;

}

.card-inner{

    max-width:100%;
    padding:25px;

}

.bg-img{

    position:relative;

    width:100%;
    height:180px;

    object-fit:cover;

    margin-top:20px;

}

.focus-card::before{

    background:linear-gradient(
    to bottom,
    rgba(255,255,255,.97),
    rgba(255,255,255,.75),
    rgba(255,255,255,.15)
    );

}

.card-inner h3{

    font-size:22px;

}

.card-inner p{

    font-size:15px;
    line-height:25px;

}

.card-inner a{

    font-size:16px;

}

}


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

@media (max-width:400px){

.focus-subtitle{
    font-size:22px;
}

.focus-card{
    min-height:400px;
}

.card-inner{
    padding:20px;
}

.icon-box{
    width:48px;
    height:48px;
    font-size:20px;
}

.card-inner h3{
    font-size:20px;
}

.card-inner p{
    font-size:14px;
    line-height:24px;
}

.card-inner a{
    font-size:15px;
}

}



/*=========================================
        GOOGLE FONT & RESET
=========================================*/

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

body{
    font-family:'Poppins',sans-serif;
    background:#fff;
    color:#202020;
    overflow-x:hidden;
}

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

.feature-section{

    padding:40px 0;

    background:#fff;

}

.feature-section .container-fluid{

    max-width:1700px;

}

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

.feature-box{

    position:relative;

    padding:25px 25px 20px;

    text-align:center;

    height:100%;

    transition:.35s;

}

/* Divider */

.feature-box::after{

    content:"";

    position:absolute;

    right:0;

    top:15px;

    width:1px;

    height:82%;

    background:#e6e6e6;

}

.last::after{

    display:none;

}

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

.feature-icon{

    width:72px;

    height:72px;

    margin:0 auto 20px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    transition:.35s;

}

.feature-icon i{

    font-size:48px;

    color:#4d73ff;

    transition:.35s;

}

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

.feature-box h4{

    font-size:28px;

    font-weight:700;

    color:#18244d;

    line-height:1.35;

    margin-bottom:18px;

}

/*=========================================
        PARAGRAPH
=========================================*/

.feature-box p{

    font-size:18px;

    color:#dae6ff;

    line-height:30px;

    max-width:260px;

    margin:auto;

}

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

.feature-box:hover{

    transform:translateY(-10px);

}

.feature-box:hover .feature-icon{

    transform:rotateY(180deg);

}

.feature-box:hover i{

    color:#20a464;

}

.feature-box:hover h4{

    color:#20a464;

}

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

.feature-box{

    border-radius:18px;

}

.feature-box:hover{

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

    background:#002650;

}

/*=========================================
        TRANSITION
=========================================*/

.feature-box,
.feature-box h4,
.feature-icon,
.feature-icon i{

transition:.35s ease;

}



/*==========================================
        LARGE DESKTOP
==========================================*/

@media (max-width:1400px){

.feature-box h4{
    font-size:24px;
}

.feature-box p{
    font-size:16px;
}

.feature-icon i{
    font-size:42px;
}

}


/*==========================================
            LAPTOP
==========================================*/

@media (max-width:1200px){

.feature-section{
    padding:30px 0;
}

.feature-box{
    padding:20px;
}

.feature-box h4{
    font-size:22px;
}

.feature-box p{
    font-size:15px;
    line-height:28px;
}

.feature-icon{
    width:65px;
    height:65px;
}

.feature-icon i{
    font-size:38px;
}

}


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

@media (max-width:992px){

.feature-box{

    padding:25px 15px;
    min-height:260px;

}

.feature-box::after{

    display:none;

}

.feature-box{

    border:1px solid #ececec;
    border-radius:15px;
    margin-bottom:20px;

}

.feature-box h4{

    font-size:20px;

}

.feature-box p{

    font-size:15px;

}

}


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

@media (max-width:768px){

.feature-section{

    padding:20px 15px;

}

.feature-box{

    min-height:230px;

}

.feature-icon{

    width:60px;
    height:60px;

}

.feature-icon i{

    font-size:34px;

}

.feature-box h4{

    font-size:18px;
    margin-bottom:12px;

}

.feature-box p{

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

}

}


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

@media (max-width:576px){

.feature-section{

    padding:15px;

}

.feature-box{

    min-height:210px;

}

.feature-icon{

    width:55px;
    height:55px;

}

.feature-icon i{

    font-size:30px;

}

.feature-box h4{

    font-size:17px;

}

.feature-box p{

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

}

}


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

@media (max-width:400px){

.feature-box{

    min-height:190px;
    padding:18px 12px;

}

.feature-icon{

    width:50px;
    height:50px;

}

.feature-icon i{

    font-size:26px;

}

.feature-box h4{

    font-size:16px;

}

.feature-box p{

    font-size:12px;
    line-height:20px;

}

}


/*==========================================
        PREMIUM ANIMATION
==========================================*/

@keyframes fadeUp{

0%{
opacity:0;
transform:translateY(40px);
}

100%{
opacity:1;
transform:translateY(0);
}

}

.feature-box{

animation:fadeUp .8s ease;

}


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

.feature-box:hover .feature-icon{

transform:translateY(-8px) scale(1.1);

}

.feature-box:hover .feature-icon i{

transform:scale(1.15);

}


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

.feature-box{

overflow:hidden;

}

.feature-box::before{

content:"";

position:absolute;

left:0;
bottom:0;

width:0;

height:3px;

background:#20a464;

transition:.4s;

}

.feature-box:hover::before{

width:100%;

}




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

.hero-section{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:url("images/hero-bg.jpg") center center/cover no-repeat;
}

/* Dark Overlay */

.hero-overlay{
    position:absolute;
    inset:0;
    background:rgba(4,12,22,.72);
    z-index:1;
}

/* Left Green Circle */

.circle-left{
    position:absolute;
    width:190px;
    height:190px;
    background:#0aa36d;
    border-radius:50%;
    top:90px;
    left:-55px;
    opacity:.30;
    z-index:2;
}

/* Right Blue Circle */

.circle-right{
    position:absolute;
    width:220px;
    height:220px;
    border-radius:50%;
    background:#34b8df;
    right:30px;
    top:48%;
    transform:translateY(-50%);
    opacity:.22;
    z-index:2;
}

/* Container */

.hero-section .container{
    position:relative;
    z-index:5;
}

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

.hero-content{
    max-width:650px;
}

/* Badge */

.hero-badge{

    display:inline-block;

    padding:8px 18px;

    border-radius:30px;

    background:rgba(11,160,107,.15);

    color:#21d397;

    border:1px solid rgba(33,211,151,.35);

    font-size:12px;

    letter-spacing:2px;

    font-weight:600;

    margin-bottom:25px;

}

/* Heading */

.hero-content h1{

    font-size:72px;

    line-height:1.12;

    font-weight:800;

    color:#fff;

    margin-bottom:25px;

}

.hero-content h1 span{

    color:#14d78f;

}

/* Subtitle */

.hero-content h6{

    color:#14d78f;

    letter-spacing:3px;

    font-size:13px;

    font-weight:600;

    margin-bottom:20px;

}

/* Paragraph */

.hero-content p{

    color:#c8d0d7;

    font-size:18px;

    line-height:34px;

    margin-bottom:35px;

}

/*=========================================
        TAGS
=========================================*/

.hero-tags{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-bottom:35px;

}

.hero-tags span{

    padding:10px 16px;

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

    border-radius:40px;

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

    color:#fff;

    font-size:14px;

}

.hero-tags i{

    color:#18d18d;

    margin-right:8px;

}

/*=========================================
        BUTTONS
=========================================*/

.hero-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.btn-green{

    display:inline-flex;

    align-items:center;

    gap:12px;

    text-decoration:none;

    color:#fff;

    background:#12b979;

    padding:16px 34px;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.btn-green:hover{

    background:#0ea96e;

    color:#fff;

    transform:translateY(-4px);

}

.btn-outline{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    color:#fff;

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

    padding:16px 34px;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.btn-outline:hover{

    background:#fff;

    color:#111;

}

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

.hero-content>*{

    animation:fadeUp .8s ease;

}

@keyframes fadeUp{

0%{

opacity:0;

transform:translateY(35px);

}

100%{

opacity:1;

transform:translateY(0);

}

}



/*=========================================
        HEALTH SECTION
=========================================*/

.health-section{
    padding:90px 0;
    background:#f7f8fb;
}

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

.section-heading{
    margin-bottom:15px;
}

.sub-title{
    display:inline-block;
    font-size:12px;
    font-weight:700;
    color:#0d9c66;
    letter-spacing:3px;
    text-transform:uppercase;
    position:relative;
    padding:0 35px;
    margin-bottom:15px;
}

.sub-title::before,
.sub-title::after{
    content:"";
    position:absolute;
    top:50%;
    width:24px;
    height:2px;
    background:#0d9c66;
}

.sub-title::before{
    left:0;
}

.sub-title::after{
    right:0;
}

.section-heading h2{
    font-size:28px;
    font-weight:600;
    color:#16235f;
    margin-bottom:18px;
    line-height:1.15;
}

.section-heading p{
    font-size:12px;
    color:#7b8591;
    margin:0;
}

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

.health-card{

    background:#fff;

    border-radius:22px;

    padding:45px 25px;

    text-align:center;

    height:100%;

    min-height:250px;

    transition:.4s ease;

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

    border:1px solid #f0f0f0;

}

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

.health-icon{

    width:72px;

    height:72px;

    margin:0 auto 25px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    border:2px solid rgba(14,156,102,.15);

    transition:.35s;

}

.health-icon i{

    font-size:34px;

    color:#0d9c66;

    transition:.35s;

}

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

.health-card h4{

    font-size:24px;

    font-weight:700;

    color:#222;

    margin-bottom:18px;

}

/*=========================================
        PARAGRAPH
=========================================*/

.health-card p{

    font-size:16px;

    line-height:28px;

    color:#8a8a8a;

}

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

.health-card:hover{

    transform:translateY(-10px);

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

}

.health-card:hover .health-icon{

    background:#0d9c66;

    border-color:#0d9c66;

}

.health-card:hover .health-icon i{

    color:#fff;

    transform:scale(1.15);

}

.health-card:hover h4{

    color:#0d9c66;

}

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

@keyframes fadeUp{

0%{

opacity:0;

transform:translateY(40px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

.health-card{

animation:fadeUp .8s ease;

}

/*==========================================
        LARGE DESKTOP
==========================================*/

@media (max-width:1400px){

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

.section-heading p{
    font-size:20px;
}

.health-card{
    min-height:235px;
}

.health-card h4{
    font-size:22px;
}

}


/*==========================================
        LAPTOP
==========================================*/

@media (max-width:1200px){

.health-section{
    padding:20px 0;
}

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

.section-heading p{
    font-size:18px;
}

.health-card{
    padding:35px 20px;
    min-height:225px;
}

.health-icon{
    width:65px;
    height:65px;
}

.health-icon i{
    font-size:30px;
}

.health-card h4{
    font-size:20px;
}

.health-card p{
    font-size:15px;
    line-height:26px;
}

}


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

@media (max-width:992px){

.health-section{
    padding:20px 0;
}

.section-heading{
    text-align:center;
}

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

.section-heading p{
    font-size:17px;
}

.health-card{
    min-height:220px;
}

}


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

@media (max-width:768px){

.health-section{
    padding:40px 15px;
}

.section-heading h2{
    font-size:32px;
    line-height:1.3;
}

.section-heading p{
    font-size:16px;
}

.health-card{
    padding:30px 20px;
    min-height:210px;
}

.health-icon{
    width:60px;
    height:60px;
}

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

.health-card h4{
    font-size:19px;
}

.health-card p{
    font-size:14px;
    line-height:24px;
}

}


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

@media (max-width:576px){

.health-section{
    padding:50px 15px;
}

.sub-title{
    font-size:11px;
    letter-spacing:2px;
}

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

.section-heading p{
    font-size:15px;
}

.health-card{
    min-height:200px;
}

.health-icon{
    width:55px;
    height:55px;
}

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

.health-card h4{
    font-size:18px;
}

.health-card p{
    font-size:13px;
    line-height:22px;
}

}


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

@media (max-width:400px){

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

.health-card{
    padding:25px 18px;
}

.health-icon{
    width:50px;
    height:50px;
}

.health-icon i{
    font-size:22px;
}

.health-card h4{
    font-size:17px;
}

.health-card p{
    font-size:12px;
    line-height:20px;
}

}


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

.health-card{
    overflow:hidden;
    position:relative;
}

.health-card::before{

content:"";

position:absolute;

left:0;
bottom:0;

width:0;

height:4px;

background:#0d9c66;

transition:.4s;

}

.health-card:hover::before{

width:100%;

}


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

.health-card:hover .health-icon{

transform:rotate(360deg);

}


/*==========================================
        IMAGE-LIKE SHADOW
==========================================*/

.health-card:hover{

box-shadow:
0 20px 45px rgba(0,0,0,.10),
0 0 0 1px rgba(13,156,102,.08);

}


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

.health-card,
.health-icon,
.health-icon i,
.health-card h4{

transition:all .35s ease;

}




/*==========================================
Google Font
==========================================*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

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

body{
    font-family:'Poppins',sans-serif;
    background:#f8fafb;
    color:#1f2937;
}

a{
    text-decoration:none;
}

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

/*==========================================
Products Section
==========================================*/

.products-section{
    padding:20px 0;
}

/*==========================================
Section Header
==========================================*/

.section-header{
    margin-bottom:35px;
}

.heading{
    display:flex;
    align-items:center;
    gap:10px;
}

.heading i{
    color:#6c757d;
    font-size:18px;
}

.heading span{
    font-size:14px;
    letter-spacing:2px;
    font-weight:700;
    color:#23364d;
    text-transform:uppercase;
}

.product-count{
    font-size:15px;
    color:#95a5a6;
    margin:0;
}

/*==========================================
Product Card
==========================================*/

.product-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    border:1px solid #edf0f2;

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

    transition:.35s;

    height:100%;

}

.product-card:hover{

    transform:translateY(-8px);

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

}

/*==========================================
Product Image
==========================================*/

.product-image{

    padding:

}

.product-image img{

    height:255px;

    object-fit:cover;

    border-radius:14px;

    transition:.4s;

}

.product-card:hover img{

    transform:scale(1.05);

}

/*==========================================
Product Content
==========================================*/

.product-content{

    padding:20px;

}

.product-content h3{

    font-size:30px;

    font-weight:700;

    color:#002650;

    margin-bottom:8px;

}

.product-content h6{

    color:#15803d;

    font-size:17px;

    font-weight:600;

    margin-bottom:20px;

}

/*==========================================
Info Row
==========================================*/

.product-info{

    display:flex;

    justify-content:space-between;

    margin-bottom:12px;

}

.product-info small{

    color:#b0b8c2;

    font-size:14px;

}

.product-info p{

    margin:0;

    color:#4b5563;

    font-size:15px;

    font-weight:500;

}

/*==========================================
Description
==========================================*/

.description{

    font-size:15px;

    line-height:1.8;

    color:#5f6b7a;

    margin:

    min-height:10px;

}

/*==========================================
Buttons
==========================================*/

.btn-group-custom{

    display:flex;

    gap:10px;

}

.btn-details{

    flex:1;

    text-align:center;

    padding:13px;

    background:#f5f6f8;

    color:#334155;

    border-radius:12px;

    font-size:15px;

    font-weight:600;

    border:1px solid #ececec;

    transition:.3s;

}

.btn-details:hover{

    background:#e9ecef;

    color:#000;

}

.btn-enquire{

    flex:1;

    text-align:center;

    padding:13px;

    background:#0b7a42;

    color:#fff;

    border-radius:12px;

    font-size:15px;

    font-weight:600;

    transition:.3s;

}

.btn-enquire:hover{

    background:#096937;

    color:#fff;

}


/*=========================================
Large Desktop (1400px)
=========================================*/

@media (max-width:1400px){

    .product-content h3{
        font-size:28px;
    }

    .product-image img{
        height:230px;
    }

}

/*=========================================
Laptop (1200px)
=========================================*/

@media (max-width:1199px){

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

    .product-content{
        padding:18px;
    }

    .product-content h3{
        font-size:26px;
    }

    .product-content h6{
        font-size:16px;
    }

    .description{
        min-height:90px;
    }

}

/*=========================================
Tablet (992px)
=========================================*/

@media (max-width:991px){

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

    .section-header{
        margin-bottom:25px;
    }

    .heading{
        justify-content:center;
    }

    .product-count{
        text-align:center;
        margin-top:10px;
    }

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

}

/*=========================================
Mobile Landscape (768px)
=========================================*/

@media (max-width:767px){

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

    .heading{
        justify-content:flex-start;
    }

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

    .product-count{
        text-align:left;
        margin-top:8px;
        font-size:14px;
    }

    .product-content{
        padding:18px;
    }

    .product-content h3{
        font-size:24px;
    }

    .product-content h6{
        font-size:15px;
        margin-bottom:15px;
    }

    .product-info{
        margin-bottom:10px;
    }

    .product-info small{
        font-size:13px;
    }

    .product-info p{
        font-size:14px;
    }

    .description{
        font-size:14px;
        line-height:1.7;
        min-height:auto;
        margin-bottom:20px;
    }

    .btn-group-custom{
        flex-direction:column;
    }

    .btn-details,
    .btn-enquire{
        width:100%;
        padding:12px;
    }

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

}

/*=========================================
Small Mobile (576px)
=========================================*/

@media (max-width:575px){

    .products-section{
        padding:40px 0;
    }

    .product-card{
        border-radius:16px;
    }

    .product-image{
        padding:15px 15px 0;
    }

    .product-image img{
        height:200px;
        border-radius:12px;
    }

    .product-content{
        padding:15px;
    }

    .product-content h3{
        font-size:22px;
    }

    .product-content h6{
        font-size:14px;
    }

}

/*=========================================
Hover Effects
=========================================*/

.product-card,
.product-image img,
.btn-details,
.btn-enquire{
    transition:.35s ease;
}

.product-card:hover{
    transform:translateY(-10px);
}

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

.product-card:hover h3{
    color:#0b7a42;
}

.btn-details:hover{
    border-color:#0b7a42;
}

.btn-enquire:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 20px rgba(11,122,66,.25);
}

/*=========================================
Equal Height Cards
=========================================*/

.product-card{
    display:flex;
    flex-direction:column;
}

.product-content{
    display:flex;
    flex-direction:column;
    flex:1;
}

.btn-group-custom{
    margin-top:auto;
}

/*=========================================
Smooth Animation
=========================================*/

.product-card{
    animation:fadeUp .6s ease;
}

@keyframes fadeUp{

    from{
        opacity:0;
        transform:translateY(25px);
    }

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

}





FooterNew

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

.amspro-footer {

    width: 100%;

    background: #062b55;

    padding: 35px 0 30px;

    color: #ffffff;

}


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

.footer-brand {

    min-height: 120px;

    padding-right: 35px;

}


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

.footer-logo img {

    width: 185px;

    height: auto;

    object-fit: contain;

}


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

.footer-social {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 20px;

}


.footer-social a {

    width: 24px;

    height: 24px;

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

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #ffffff;

    font-size: 12px;

    transition: all .3s ease;

}


.footer-social a:hover {

    background: #f28c00;

    border-color: #f28c00;

    color: #ffffff;

    transform: translateY(-3px);

}


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

.footer-column {

    position: relative;

    padding-left: 25px;

    padding-right: 25px;

    min-height: 125px;

}


/* Orange vertical separator */

.office-column {

    border-left: 2px solid #e88712;

}


.manufacturing-column {

    border-left: 2px solid #e88712;

}


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

.footer-column h4 {

    font-size: 15px;

    font-weight: 700;

    margin: 0;

    color: #ffffff;

}


/* =========================================
   SMALL ORANGE LINE
========================================= */

.footer-heading-line {

    width: 27px;

    height: 3px;

    background: #f28c00;

    margin-top: 8px;

    margin-bottom: 10px;

    border-radius: 3px;

}


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

.footer-column p {

    font-size: 11px;

    line-height: 1.9;

    font-weight: 400;

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

    margin: 0;

}


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

.footer-contact {

    padding-left: 25px;

}


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

.contact-item {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 10px;

}


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

.contact-icon {

    width: 25px;

    height: 25px;

    min-width: 25px;

    border: 1px solid #f28c00;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #f28c00;

    font-size: 12px;

}


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

.contact-item a {

    color: #ffffff;

    font-size: 12px;

    text-decoration: none;

    white-space: nowrap;

    transition: .3s;

}


.contact-item a:hover {

    color: #f28c00;

}