/* --------------------------------------index page------------------------------------------------------------------------------------------------------------------ */

   

.ifd-right{

    position:relative;

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

    width:100%;
    height:780px;

}

/*==================================================
            STAGE
==================================================*/

.ifd-right::before{

    content:"";

    position:absolute;

    width:620px;
    height:620px;

    border-radius:50%;

    border:1px dashed rgba(46,125,50,.15);

}

.ifd-right::after{

    content:"";

    position:absolute;

    width:470px;
    height:470px;

    border-radius:50%;

    border:1px dashed rgba(247,147,30,.15);

}

/*==================================================
            CENTER
==================================================*/

.ifd-india-circle{

    position:absolute;

    width:220px;
    height:220px;

    border-radius:50%;

    background:#ffffff;

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

    box-shadow:

    0 30px 80px rgba(0,0,0,.12);

    z-index:10;

}

.ifd-india-inner{

    width:180px;
    height:180px;

    border-radius:50%;

    background:

    linear-gradient(

    145deg,

    #2E7D32,

    #53A74C

    );

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    color:#fff;

}

.ifd-india-logo{

    width:65px;

    margin-bottom:15px;

}

.ifd-india-title{

    font-size:28px;

    font-weight:700;

}

.ifd-india-text{

    font-size:13px;

    opacity:.9;

}

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

.ifd-product{

    position:absolute;

    width:120px;
    height:120px;

    border-radius:50%;

    background:#ffffff;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    box-shadow:

    0 20px 50px rgba(0,0,0,.10);

    transition:.45s;

    cursor:pointer;

}

.ifd-product:hover{

    transform:scale(1.12);

    box-shadow:

    0 35px 70px rgba(0,0,0,.16);

}

.ifd-product-image{

    width:55px;
    height:55px;

    object-fit:contain;

}

.ifd-product-name{

    margin-top:10px;

    font-size:13px;

    font-weight:600;

    color:#2E7D32;

}

/*==================================================
            POSITIONS
==================================================*/

.ifd-tea{

    top:40px;
    left:250px;

}

.ifd-coffee{

    top:160px;
    right:40px;

}

.ifd-rice{

    bottom:160px;
    right:60px;

}

.ifd-honey{

    bottom:50px;
    left:250px;

}

.ifd-spices{

    bottom:160px;
    left:60px;

}

.ifd-fruits{

    top:160px;
    left:40px;

}

/*==================================================
            CONNECTOR DOTS
==================================================*/

.ifd-product::before{

    content:"";

    position:absolute;

    width:10px;
    height:10px;

    border-radius:50%;

    background:#F7931E;

    top:-18px;

}

/*==================================================
            GLOW
==================================================*/

.ifd-india-circle::before{

    content:"";

    position:absolute;

    width:300px;
    height:300px;

    border-radius:50%;

    background:

    radial-gradient(

    rgba(46,125,50,.18),

    transparent 70%

    );

    z-index:-1;

}

/*==================================================
            SMALL LABELS
==================================================*/

.ifd-product::after{

    content:"Export";

    position:absolute;

    bottom:-28px;

    font-size:11px;

    color:#888;

    letter-spacing:1px;

}

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

@media(max-width:992px){

.ifd-right{

height:620px;

margin-top:80px;

}

.ifd-right::before{

width:420px;
height:420px;

}

.ifd-right::after{

width:300px;
height:300px;

}

.ifd-india-circle{

width:170px;
height:170px;

}

.ifd-india-inner{

width:140px;
height:140px;

}

.ifd-product{

width:90px;
height:90px;

}

.ifd-product-image{

width:40px;
height:40px;

}

.ifd-product-name{

font-size:11px;

}

.ifd-tea{

top:30px;
left:170px;

}

.ifd-coffee{

top:120px;
right:10px;

}

.ifd-rice{

bottom:120px;
right:20px;

}

.ifd-honey{

bottom:30px;
left:170px;

}

.ifd-spices{

bottom:120px;
left:20px;

}

.ifd-fruits{

top:120px;
left:10px;

}

}
.ifd-hero *{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

.ifd-hero{

    font-family:'Poppins',sans-serif;
    overflow-x:hidden;
    background:#fbfaf5;

    --ifd-green:#2F7D32;
    --ifd-dark:#234028;
    --ifd-orange:#F7931E;
    --ifd-cream:#FBFAF5;
    --ifd-text:#666;

}

.ifd-hero img{

    width:100%;
    display:block;

}

.ifd-hero a{

    text-decoration:none;

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

.ifd-hero{

    position:relative;

    width:100%;
    min-height:100vh;

    overflow:hidden;

    background:var(--ifd-cream);

}

/*========================*/

.ifd-bg-gradient{

    position:absolute;

    inset:0;

    background:

    radial-gradient(circle at top right,
    rgba(47,125,50,.12),
    transparent 40%),

    radial-gradient(circle at bottom left,
    rgba(247,147,30,.10),
    transparent 35%);

}

/*========================*/

.ifd-map{

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    width:85%;

    opacity:.05;

    pointer-events:none;

}

/*========================*/

.ifd-container{

    width:92%;

    max-width:1450px;

    margin:auto;

    min-height:100vh;

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:40px;

    position:relative;

    z-index:5;
    margin-top:-43px;

}

/*========================*/

.ifd-left{

    display:flex;

    flex-direction:column;

}

/*========================*/

.ifd-badge{

    width:max-content;

    padding:10px 24px;

    background:#EAF5EB;

    color:var(--ifd-green);

    border-radius:40px;

    font-size:13px;

    font-weight:600;

    letter-spacing:2px;

    margin-bottom:25px;

}

/*========================*/

.ifd-heading{

    font-family:'Playfair Display',serif;

    font-size:72px;

    line-height:1.08;

    color:var(--ifd-dark);

    margin-bottom:25px;

}

.ifd-heading span{

    display:block;

    color:var(--ifd-orange);

}

/*========================*/

.ifd-desc{

    width:620px;

    max-width:100%;

    color:#666;

    font-size:18px;

    line-height:1.9;

    margin-bottom:45px;

}

/*========================*/

.ifd-btns{

    display:flex;

    gap:20px;

    margin-bottom:55px;

}

.ifd-btn-green{

    background:var(--ifd-green);

    color:#fff;

    padding:18px 35px;

    border-radius:60px;

    font-weight:600;

}

.ifd-btn-outline{

    border:2px solid var(--ifd-orange);

    color:var(--ifd-orange);

    padding:18px 35px;

    border-radius:60px;

    font-weight:600;

}

/*========================*/

.ifd-counter{

    display:flex;

    gap:45px;

}

.ifd-counter h2{

    font-size:42px;

    color:var(--ifd-green);

}

.ifd-counter p{

    color:#777;

}

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

.ifd-stage{

    position:relative;

    width:100%;

    height:780px;

}

/*========================*/

.ifd-center{

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    width:250px;

    height:250px;

    border-radius:50%;

    background:#fff;

    box-shadow:

    0 30px 70px rgba(0,0,0,.10);

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

}

.ifd-center{

    position:absolute;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    width:280px;
    height:280px;

    border-radius:50%;

    overflow:hidden;

    background:#fff;

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

}

.ifd-center-image{

    width:100%;
    height:100%;

    object-fit:cover;

    border-radius:50%;

    transition:.5s;

}

.ifd-center:hover .ifd-center-image{

    transform:scale(1.08);

}

/*=========================================
            PRODUCT BLOBS
=========================================*/

.ifd-item{

    position:absolute;

    width:140px;

    height:140px;

    background:#fff;

    box-shadow:

    0 20px 50px rgba(0,0,0,.08);

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    cursor:pointer;

    transition:.4s;

    border-radius:

    58% 42% 63% 37% /

    42% 58% 44% 56%;

}

/* .ifd-item img{

    width:58px;

    height:58px;

    object-fit:contain;

} */
.ifd-item img {
  width: 178px;
  height: 76px;
  object-fit: contain;
}
.ifd-item span{

    margin-top:12px;

    color:var(--ifd-dark);

    font-weight:600;

    font-size:14px;

}

/*========================*/

.ifd-tea{

    left:50%;

    top:20px;

    transform:translateX(-50%);

}

.ifd-coffee{

    right:40px;

    top:170px;

}

.ifd-rice{

    right:70px;

    bottom:160px;

}

.ifd-honey{

    left:50%;

    bottom:10px;

    transform:translateX(-50%);

}

.ifd-spices{

    left:40px;

    bottom:170px;

}

.ifd-fruits{

    left:40px;

    top:170px;

}

/*========================*/

.ifd-leaf{

    position:absolute;

    width:90px;

    opacity:.28;

}

.ifd-leaf-1{

    top:-5px;

    left:60px;

}

.ifd-leaf-2{

    right:70px;

    top:100px;

}

@media(max-width:1200px){

.ifd-heading{

font-size:60px;

}

}

@media(max-width:992px){

.ifd-container{

grid-template-columns:1fr;

padding:120px 0;

}

.ifd-left{

align-items:center;

text-align:center;

}

.ifd-stage{

margin-top:80px;

height:650px;

}

}

@media(max-width:768px){

.ifd-heading{

font-size:42px;

}

.ifd-btns{

flex-direction:column;

width:100%;

}

.ifd-btn-green,

.ifd-btn-outline{

text-align:center;

}

.ifd-counter{

justify-content:center;

gap:20px;

flex-wrap:wrap;

}

.ifd-stage{

transform:scale(.75);

}

}
/*====================================================
            PART 3 - PREMIUM ANIMATIONS
====================================================*/

/*-----------------------------
BACKGROUND GLOW
-----------------------------*/

.ifd-hero::before{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(47,125,50,.14),
    transparent 70%);

    top:-280px;

    right:-180px;

    filter:blur(100px);

    animation:ifdGlow 12s ease-in-out infinite alternate;

}

@keyframes ifdGlow{

    from{

        transform:scale(1);

    }

    to{

        transform:scale(1.25);

    }

}

/*-----------------------------
WORLD MAP
-----------------------------*/

.ifd-map{

    animation:mapZoom 20s ease-in-out infinite alternate;

}

@keyframes mapZoom{

    from{

        transform:translate(-50%,-50%) scale(1);

    }

    to{

        transform:translate(-50%,-50%) scale(1.08);

    }

}

/*-----------------------------
TEXT REVEAL
-----------------------------*/

.ifd-badge{

    opacity:0;

    animation:fadeUp .8s forwards;

}

.ifd-heading{

    opacity:0;

    animation:fadeUp .9s .2s forwards;

}

.ifd-desc{

    opacity:0;

    animation:fadeUp .9s .45s forwards;

}

.ifd-btns{

    opacity:0;

    animation:fadeUp .9s .65s forwards;

}

.ifd-counter{

    opacity:0;

    animation:fadeUp .9s .85s forwards;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(60px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/*-----------------------------
CENTER FLOAT
-----------------------------*/

.ifd-center{

    animation:centerFloat 6s ease-in-out infinite;

}

@keyframes centerFloat{

    0%{

        transform:translate(-50%,-50%);

    }

    50%{

        transform:translate(-50%,-58%);

    }

    100%{

        transform:translate(-50%,-50%);

    }

}

/*-----------------------------
PRODUCT FLOATING
-----------------------------*/

.ifd-tea{

    animation:floatTea 6s infinite ease-in-out;

}

.ifd-coffee{

    animation:floatCoffee 7s infinite ease-in-out;

}

.ifd-rice{

    animation:floatRice 8s infinite ease-in-out;

}

.ifd-honey{

    animation:floatHoney 6.5s infinite ease-in-out;

}

.ifd-spices{

    animation:floatSpices 7.5s infinite ease-in-out;

}

.ifd-fruits{

    animation:floatFruits 8.5s infinite ease-in-out;

}

@keyframes floatTea{

50%{

transform:translateX(-50%) translateY(-18px);

}

}

@keyframes floatCoffee{

50%{

transform:translateY(-18px);

}

}

@keyframes floatRice{

50%{

transform:translateY(20px);

}

}

@keyframes floatHoney{

50%{

transform:translateX(-50%) translateY(18px);

}

}

@keyframes floatSpices{

50%{

transform:translateY(15px);

}

}

@keyframes floatFruits{

50%{

transform:translateY(-15px);

}

}

/*-----------------------------
BLOB MORPH
-----------------------------*/

.ifd-item{

animation:morphBlob 10s ease-in-out infinite;

}

@keyframes morphBlob{

0%{

border-radius:58% 42% 63% 37% /
42% 58% 44% 56%;

}

50%{

border-radius:43% 57% 37% 63% /
63% 37% 58% 42%;

}

100%{

border-radius:58% 42% 63% 37% /
42% 58% 44% 56%;

}

}

/*-----------------------------
HOVER
-----------------------------*/

.ifd-item:hover{

transform:scale(1.12);

box-shadow:

0 35px 80px rgba(0,0,0,.15);

}

.ifd-item:hover img{

transform:scale(1.15);

}

.ifd-item img{

transition:.5s;

}

/*-----------------------------
CENTER GLOW
-----------------------------*/

.ifd-center::before{

content:"";

position:absolute;

width:330px;

height:330px;

border-radius:50%;

background:

radial-gradient(circle,
rgba(247,147,30,.15),
transparent 70%);

z-index:-1;

animation:pulseGlow 5s infinite;

}

@keyframes pulseGlow{

50%{

transform:scale(1.2);

opacity:.5;

}

}

/*-----------------------------
LEAVES
-----------------------------*/

.ifd-leaf-1{

animation:leaf1 10s infinite ease-in-out;

}

.ifd-leaf-2{

animation:leaf2 12s infinite ease-in-out;

}

@keyframes leaf1{

50%{

transform:

translateY(-35px)

rotate(12deg);

}

}

@keyframes leaf2{

50%{

transform:

translateY(30px)

rotate(-12deg);

}

}

/*-----------------------------
BUTTONS
-----------------------------*/

.ifd-btn-green{

position:relative;

overflow:hidden;

}

.ifd-btn-green::before{

content:"";

position:absolute;

top:0;

left:-120%;

width:80px;

height:100%;

background:

linear-gradient(

transparent,

rgba(255,255,255,.55),

transparent

);

transform:skewX(-25deg);

}

.ifd-btn-green:hover::before{

left:150%;

transition:1s;

}

.ifd-btn-green:hover{

transform:translateY(-4px);

}

.ifd-btn-outline:hover{

transform:translateY(-4px);

}

/*-----------------------------
SCROLL
-----------------------------*/

.ifd-scroll-wheel{

animation:wheel 1.6s infinite;

}

@keyframes wheel{

0%{

opacity:1;

transform:translateY(0);

}

100%{

opacity:0;

transform:translateY(12px);

}

}

/*-----------------------------
SOFT SHADOW
-----------------------------*/

.ifd-item{

filter:

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

}

/*-----------------------------
IMAGE POP
-----------------------------*/

.ifd-item img{

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

}

/*-----------------------------
CENTER ROTATION
-----------------------------*/

.ifd-center{

transition:.4s;

}

.ifd-center:hover{

transform:

translate(-50%,-50%)

rotate(4deg);

}














.ifd-fruits {
  left: -7px;
  top: 211px;
}
.ifd-spices {
  left: -1px;
  bottom: 197px;
}
.ifd-rice {
  right: -16px;
  bottom: 219px;
}
.ifd-honey {
  left: 53%;
  bottom: 104px;
  transform: translateX(-50%);
}
.ifd-coffee {
  right: -4px;
  top: 196px;
}
.ifd-tea {
  left: 50%;
  top: 81px;
  transform: translateX(-50%);
}

.ifd-heading {
  opacity: 0;
  animation: fadeUp .9s .2s forwards;

}
.ifd-heading {
  font-family: 'Playfair Display',serif;
  font-size: 72px;
  line-height: 1.08;
  color: var(--ifd-dark);
  margin-bottom: 25px;
  text-transform: uppercase;
  font-size: 52px;
  font-weight: 750;
}

/* index section2*/
/*=========================================================
            PRODUCT CATEGORY SECTION
=========================================================*/
.inamcatsec-wrapper {
  width: 100%;
  padding: 49px 0;
   background:
   /* linear-gradient( rgba(250, 248, 242, 0.8), rgba(250, 248, 242, 0.44) ), url("../images/bg/fruitsbg2.png"); */
   linear-gradient( rgba(250, 248, 242, 0.66), rgba(250, 248, 242, 0.84) ), url("../images/bg/fruitsbg2.webp");
  position: relative;
  overflow: hidden;
}

.inamcatsec-container{

    width:92%;

    max-width:1380px;

    margin:auto;

}

/*======================================*/

.inamcatsec-heading{

    text-align:center;

    margin-bottom:70px;

}

.inamcatsec-smalltitle{

    display:inline-block;

    padding:10px 24px;

    background:#EAF5EB;

    color:#2F7D32;

    border-radius:40px;

    font-size:13px;

    font-weight:600;

    letter-spacing:2px;

}

.inamcatsec-maintitle {
  margin-top: 22px;
  font-family: 'Archivo',sans-serif;
  font-size: 52px;
  color: #234028;
  font-weight: 690;
  text-transform: uppercase;
  letter-spacing: -1px;
}

.inamcatsec-description {
  width: 680px;
  max-width: 100%;
  margin: -25px auto 0;
  color: #777;
  font-size: 17px;
  line-height: 1.8;
}



/*======================================*/

.inamcatsec-grid{

    display:grid;

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

    gap:22px;
    margin-top: -30px;

}

/*======================================*/
.inamcatcard-box {
  background: #fff;
  border: 2px solid #2F7D32;
  border-radius: 18px;
  text-decoration: none;
  transition: .4s;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 392px;
  height: 200px;
}

/*======================================*/

.inamcatcard-imagebox{

    height:220px;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:25px;

}

.inamcatcard-image {
  width: 235px;
  height: 180px;
  object-fit: contain;
  transition: .45s;
}

/*======================================*/

.inamcatcard-content{

    padding:24px;

    display:flex;

    flex-direction:column;

    flex:1;

}

/*======================================*/

.inamcatcard-badge{

    display:inline-block;

    width:max-content;

    padding:6px 14px;

    border:1px solid #2F7D32;

    border-radius:40px;

    color:#2F7D32;

    font-size:12px;

    font-weight:600;

    margin-bottom:16px;

}

/*======================================*/

.inamcatcard-title {
  font-size: 24px;
  color: #234028;
  font-weight: 600;
  margin-bottom: 9px;
  margin-top: 2px;
}

.inamcatcard-description {
  color: #777;
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: auto;
  margin-top: 2px;
}

/*======================================*/

.inamcatcard-footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding-top:24px;

    border-top:1px solid #ECECEC;

}

.inamcatcard-button{

    color:#2F7D32;

    font-size:15px;

    font-weight:600;

}

.inamcatcard-icon{

    color:#2F7D32;

    transition:.35s;

}

/*======================================*/

.inamcatcard-box:hover{

    transform:translateY(-10px);

    box-shadow:

    0 20px 45px rgba(0,0,0,.08);

    border-color:#F7931E;

}

.inamcatcard-box:hover .inamcatcard-image{

    transform:scale(1.08);

}

.inamcatcard-box:hover .inamcatcard-badge{

    background:#F7931E;

    border-color:#F7931E;

    color:#fff;

}

.inamcatcard-box:hover .inamcatcard-button,

.inamcatcard-box:hover .inamcatcard-icon{

    color:#F7931E;

}

.inamcatcard-box:hover .inamcatcard-icon{

    transform:translateX(6px);

}

/*======================================*/

.inamcatsec-bottom{

    text-align:center;

    margin-top:55px;

}

.inamcatsec-viewall{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:16px 34px;

    border:2px solid #2F7D32;

    border-radius:50px;

    text-decoration:none;

    color:#2F7D32;

    font-weight:600;

    transition:.35s;

}

.inamcatsec-viewall:hover{

    background:#2F7D32;

    color:#fff;

}

.inamcatsec-viewall i{

    transition:.35s;

}

.inamcatsec-viewall:hover i{

    transform:translateX(6px);

}

/*======================================*/

@media(max-width:1200px){

.inamcatsec-grid{

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

}

}

@media(max-width:768px){

.inamcatsec-grid{

grid-template-columns:1fr;

}

.inamcatsec-maintitle{

font-size:38px;

}

.inamcatcard-imagebox{

height:190px;

}

.inamcatcard-image{

width:135px;

height:135px;

}

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

.inamformsec-wrapper{

    position:relative;

    width:100%;

    padding:40px 0;

    background:linear-gradient( rgba(255, 255, 255, 0.87), rgba(255, 246, 246, 0.81) ), url("../images/bg/bg4.webp");

    overflow:hidden;

}

.inamformsec-container{

    width:92%;

    max-width:1400px;

    margin:auto;

}

/*======================================*/

.inamformsec-heading{

    text-align:center;

    margin-bottom:70px;

}

.inamformsec-smalltitle{

    display:inline-block;

    padding:10px 22px;

    background:#EEF7EF;

    color:#2F7D32;

    border-radius:40px;

    font-size:13px;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

}

.inamformsec-maintitle {
  margin-top: 22px;
  font-size: 52px;
  font-family: 'Playfair Display',serif;
  color: #234028;
  font-weight: 750;
  text-transform: uppercase;
}

.inamformsec-description{

    width:720px;

    max-width:100%;

    margin:-20px auto 0;

    color:#6b6b6b;

    font-size:17px;

    line-height:1.9;

}

/*======================================*/

.inamformsec-grid{

    display:grid;

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

    gap:25px;

}

/*======================================*/

.inamformcard-box{

    text-align:center;

    transition:.4s;

}

/*======================================*/

.inamformcard-circle{

    width:180px;

    height:180px;

    margin:auto;

    border-radius:50%;

    background:#ffffff;

    border:2px solid #E8EFE8;

    display:flex;

    justify-content:center;

    align-items:center;

    box-shadow:

    0 12px 30px rgba(0,0,0,.05);

    transition:.45s;

    overflow:hidden;

}

/*======================================*/

.inamformcard-image{

    width:110px;

    height:110px;

    object-fit:contain;

    transition:.45s;

}

/*======================================*/

.inamformcard-title{

    margin-top:24px;

    font-size:24px;

    font-weight:600;

    color:#234028;

}

.inamformcard-description{

    margin-top:10px;

    color:#777;

    font-size:15px;

    line-height:1.7;

    width:190px;

    margin-left:auto;

    margin-right:auto;

}

/*======================================*/

.inamformcard-box:hover .inamformcard-circle{

    transform:translateY(-10px);

    border-color:#2F7D32;

    box-shadow:

    0 22px 50px rgba(47,125,50,.18);

}

.inamformcard-box:hover .inamformcard-image{

    transform:scale(1.12);

}

.inamformcard-box:hover .inamformcard-title{

    color:#2F7D32;

}

/*======================================*/

@keyframes inamformFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

    100%{

        transform:translateY(0);

    }

}

.inamformcard-box:nth-child(1){

    animation:inamformFloat 5s infinite ease-in-out;

}

.inamformcard-box:nth-child(2){

    animation:inamformFloat 6s infinite ease-in-out;

}

.inamformcard-box:nth-child(3){

    animation:inamformFloat 7s infinite ease-in-out;

}

.inamformcard-box:nth-child(4){

    animation:inamformFloat 5.5s infinite ease-in-out;

}

.inamformcard-box:nth-child(5){

    animation:inamformFloat 6.5s infinite ease-in-out;

}

/*======================================*/

@media(max-width:1200px){

.inamformsec-grid{

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

row-gap:50px;

}

}

@media(max-width:768px){

.inamformsec-grid{

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

}

.inamformsec-maintitle{

font-size:40px;

}

.inamformcard-circle{

width:150px;

height:150px;

}

.inamformcard-image{

width:90px;

height:90px;

}

}

@media(max-width:520px){

.inamformsec-grid{

grid-template-columns:1fr;

}

}
/*=============================
      AUTO SCROLL
=============================*/

.inamformsec-slider{

    overflow:hidden;

    width:100%;

}

.inamformsec-track{

    display:flex;

    width:max-content;
    gap:40px;

    animation:inamformAutoScroll 30s linear infinite;

}

.inamformsec-slider:hover .inamformsec-track{

    animation-play-state:paused;

}

@keyframes inamformAutoScroll{

    0%{

        transform:translateX(0);

    }

    100%{

        transform:translateX(-50%);

    }

}
/*==========================================================
                ABOUT QUALITY SECTION
==========================================================*/

.inamtrust-wrapper{

    width:100%;

    padding:60px 0;

    background:#ffffff;

    overflow:hidden;

}

.inamtrust-container{

    width:92%;

    max-width:1380px;

    margin:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:90px;

}

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

.inamtrust-images{

    width:48%;

    display:flex;

    align-items:flex-end;

    gap:28px;

}

.inamtrust-imagebox-one{

    width:42%;

    height:460px;

    overflow:hidden;

    border-radius:28px;

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

    transition:.45s;

}

.inamtrust-imagebox-two{

    width:50%;

    height:410px;

    overflow:hidden;

    border-radius:28px;

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

    margin-top:50px;

    transition:.45s;

}

.inamtrust-image-one,

.inamtrust-image-two{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s;

}

.inamtrust-imagebox-one:hover,

.inamtrust-imagebox-two:hover{

    transform:translateY(-12px);

}

.inamtrust-imagebox-one:hover img,

.inamtrust-imagebox-two:hover img{

    transform:scale(1.08);

}

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

.inamtrust-content{

    width:48%;

}

.inamtrust-smalltitle{

    display:inline-block;

    padding:10px 22px;

    background:#EEF8EF;

    color:#2F7D32;

    border-radius:40px;

    font-size:13px;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

}

.inamtrust-maintitle{

    margin-top:24px;

    font-size:52px;

    line-height:1.2;

    color:#234028;

    font-family:'Playfair Display',serif;

    font-weight:700;

}

.inamtrust-description{

    margin-top:-20px;

    color:#666;

    font-size:17px;

    line-height:1.9;

}

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

.inamtrust-list{

    margin-top:35px;

    list-style:none;

}

.inamtrust-listitem{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:18px;

    color:#234028;

    font-size:16px;

    font-weight:500;

}

.inamtrust-listitem i{

    color:#2F7D32;

    font-size:20px;

}

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

.inamtrust-button{

    margin-top:12px;

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:16px 34px;

    background:#2F7D32;

    color:#fff;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.inamtrust-button:hover{

    background:#F7931E;

    transform:translateY(-3px);

}

.inamtrust-button i{

    transition:.35s;

}

.inamtrust-button:hover i{

    transform:translateX(6px);

}

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

@keyframes inamtrustFloatOne{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

    100%{

        transform:translateY(0);

    }

}

@keyframes inamtrustFloatTwo{

    0%{

        transform:translateY(-8px);

    }

    50%{

        transform:translateY(0);

    }

    100%{

        transform:translateY(-8px);

    }

}

.inamtrust-imagebox-one{

    animation:inamtrustFloatOne 6s ease-in-out infinite;

}

.inamtrust-imagebox-two{

    animation:inamtrustFloatTwo 7s ease-in-out infinite;

}

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

@media(max-width:1100px){

.inamtrust-container{

flex-direction:column;

}

.inamtrust-images,

.inamtrust-content{

width:100%;

}

}

@media(max-width:768px){

.inamtrust-images{

gap:18px;

}

.inamtrust-imagebox-one{

height:300px;

}

.inamtrust-imagebox-two{

height:350px;

}

.inamtrust-maintitle{

font-size:38px;

}

}

@media(max-width:576px){

.inamtrust-images{

flex-direction:column;

align-items:center;

}

.inamtrust-imagebox-one,

.inamtrust-imagebox-two{

width:100%;

height:320px;

margin-top:0;

}

}




/*==========================================================
                INAM STANDARD
==========================================================*/

.inamstandard-wrapper{

    padding:50px 0;

    background:#fff;

    overflow:hidden;

}

.inamstandard-container{

    width:90%;

    max-width:1400px;

    margin:auto;

    display:grid;

    grid-template-columns:1.1fr .9fr;

    align-items:center;

    gap:80px;

}

/* Heading */

.inamstandard-smalltitle{

    display:inline-block;

    padding:10px 24px;

    background:#EEF8EE;

    border-radius:40px;

    color:#2F7D32;

    font-size:13px;

    font-weight:600;

    letter-spacing:2px;

}

.inamstandard-maintitle{

    margin:25px 0;

    font-size:56px;

    line-height:1.15;

    color:#1F3325;

    font-family:'Playfair Display',serif;

}

.inamstandard-description{

    color:#666;

    font-size:17px;

    line-height:1.9;

    margin-bottom:45px;

}

/* Cards */

.inamstandard-grid{

    display:grid;

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

    gap:25px;

}

.inamstandard-card{

    background:#fff;

    border-radius:22px;

    padding:25px;

    display:flex;

    gap:18px;

    align-items:flex-start;

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

    transition:.35s;

}

.inamstandard-card:hover{

    transform:translateY(-8px);

}

.inamstandard-icon{

    width:65px;

    height:65px;

    border-radius:50%;

    background:#EEF8EE;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-shrink:0;

}

.inamstandard-icon img{

    width:90px;

}

.inamstandard-card h4{

    font-size:20px;

    color:#1F3325;

    margin-bottom:8px;
    margin-top:8px;

}

.inamstandard-card p{

    color:#666;

    line-height:1.7;

    font-size:15px;

}

/* Right */

.inamstandard-right{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

    min-height:550px;

}

.inamstandard-circle{

    width:360px;

    height:360px;

    border-radius:50%;

    background:linear-gradient(145deg,#ffffff,#f3f6ee);

    display:flex;

    justify-content:center;

    align-items:center;

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

}

.inamstandard-seal{

    width:240px;

    animation:inamSealRotate 25s linear infinite;

}

/* Floating Badges */

.inamstandard-badge{

    position:absolute;

    background:#fff;

    padding:14px 24px;

    border-radius:50px;

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

    color:#234028;

    font-weight:600;

    animation:inamFloat 4s ease-in-out infinite;

}

.badge-one{

    top:54px;

    left:40px;

}

.badge-two{

    top:100px;

    right:20px;

    animation-delay:.5s;

}

.badge-three{

    bottom:120px;

    left:20px;

    animation-delay:1s;

}

.badge-four{

    bottom:40px;

    right:30px;

    animation-delay:1.5s;

}

/* Animation */

@keyframes inamFloat{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

}

@keyframes inamSealRotate{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}

/* Responsive */

@media(max-width:992px){

.inamstandard-container{

grid-template-columns:1fr;

}

.inamstandard-grid{

grid-template-columns:1fr;

}

.inamstandard-right{

margin-top:60px;

}

}

@media(max-width:768px){

.inamstandard-maintitle{

font-size:42px;

}

.inamstandard-circle{

width:280px;

height:280px;

}

.inamstandard-seal{

width:180px;

}

}
/*==========================
    LEFT IMAGE CARDS
==========================*/

.inamtrust-images{
    display:flex;
    align-items:flex-start;
    gap:28px;
}

.inamtrust-card{
    width:300px;
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    transition:.4s ease;
}

.inamtrust-card:hover{
    transform:translateY(-8px);
}

.inamtrust-card-second{
    margin-top:45px;
}

/* Reduced Image Height */

.inamtrust-card-image{
    height:250px;
    overflow:hidden;
}

.inamtrust-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.5s;
}

.inamtrust-card:hover .inamtrust-card-image img{
    transform:scale(1.05);
}

/* Reduced Content */

.inamtrust-card-content{
    position:relative;
    padding:15px 24px 24px;
    text-align:center;
    background:#fff;
}

.inamtrust-card-icon{
    position:absolute;
    top:-28px;
    left:50%;
    transform:translateX(-50%);

    width:58px;
    height:58px;

    border-radius:50%;
    background:#F4F8F3;

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

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

.inamtrust-card-icon i{
    font-size:24px;
    color:#2E7D32;
}

.inamtrust-card-title{
    font-size:24px;
    font-weight:700;
    color:#153E2A;
    margin-bottom:12px;
    line-height:1.3;
}

.inamtrust-card-text{
    font-size:15px;
    line-height:1.7;
    color:#666;
}







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

.inamapps-wrapper{

    padding:45px 0;

    background:#ffffff;

    overflow:hidden;

}

.inamapps-container{

    width:92%;

    max-width:1450px;

    margin:auto;

}

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

.inamapps-heading{

    text-align:center;

    margin-bottom:65px;

}

.inamapps-smalltitle{

    display:inline-block;

    padding:10px 24px;

    background:#EEF8EE;

    border-radius:40px;

    color:#2F7D32;

    font-size:13px;

    font-weight:600;

    letter-spacing:2px;

}

.inamapps-maintitle{

    margin:22px 0 18px;

    font-size:56px;

    line-height:1.15;

    color:#1E3525;

    font-family:'Playfair Display',serif;

    font-weight:700;

}

.inamapps-description{

    width:720px;

    max-width:100%;

    margin:auto;

    color:#6B6B6B;

    font-size:17px;

    line-height:1.9;

}

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

.inamapps-slider{

    display:flex;

    justify-content:center;

    align-items:stretch;

    gap:28px;

}

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

.inamappscard-box{

    position:relative;

    width:310px;

    height:520px;

    overflow:hidden;

    border-radius:30px;

    display:block;

    text-decoration:none;

    box-shadow:

    0 20px 45px rgba(0,0,0,.08);

    transition:.45s;

    flex-shrink:0;

}

.inamappscard-box:hover{

    transform:translateY(-12px);

    box-shadow:

    0 35px 70px rgba(0,0,0,.16);

}

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

.inamappscard-image{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:1s;

}

.inamappscard-box:hover .inamappscard-image{

    transform:scale(1.12);

}

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

.inamappscard-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(

    to top,

    rgba(0,0,0,.78) 0%,

    rgba(0,0,0,.38) 35%,

    rgba(0,0,0,0) 75%

    );

}

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

.inamappscard-content{

    position:absolute;

    left:28px;

    right:28px;

    bottom:28px;

    z-index:5;

}

.inamappscard-subtitle{

    display:inline-block;

    margin-bottom:14px;

    padding:8px 16px;

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

    backdrop-filter:blur(8px);

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

    border-radius:30px;

    color:#ffffff;

    font-size:13px;

    font-weight:500;

}

.inamappscard-title{

    color:#ffffff;

    font-size:38px;

    line-height:1.15;

    font-family:'Playfair Display',serif;

    margin-bottom:12px;

}

.inamappscard-text{

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

    font-size:16px;

    line-height:1.7;

}

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

.inamappscard-box::after{

    content:"";

    position:absolute;

    left:-120%;

    top:0;

    width:60%;

    height:100%;

    background:linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.35),

        transparent

    );

    transform:skewX(-25deg);

    transition:1s;

}

.inamappscard-box:hover::after{

    left:160%;

}

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

@media(max-width:1200px){

.inamapps-slider{

overflow-x:auto;

justify-content:flex-start;

padding-bottom:15px;

scrollbar-width:none;

}

.inamapps-slider::-webkit-scrollbar{

display:none;

}

}

@media(max-width:768px){

.inamapps-wrapper{

padding:80px 0;

}

.inamapps-maintitle{

font-size:40px;

}

.inamapps-description{

font-size:15px;

}

.inamappscard-box{

width:270px;

height:460px;

}

.inamappscard-title{

font-size:30px;

}

}
/*==========================================================
                TRENDING APPLICATIONS
==========================================================*/

.inamtrend-wrapper{

    position:relative;

    padding:120px 0;

    background:#ffffff;

    overflow:hidden;

}

.inamtrend-container{

    width:92%;

    max-width:1450px;

    margin:auto;

    position:relative;

}

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

.inamtrend-heading{

    text-align:center;

    margin-bottom:65px;

    position:relative;

    z-index:5;

}

.inamtrend-smalltitle{

    display:inline-block;

    padding:10px 24px;

    background:#EEF8EE;

    color:#2F7D32;

    border-radius:40px;

    font-size:13px;

    font-weight:600;

    letter-spacing:2px;

}

.inamtrend-maintitle{

    margin:22px 0 18px;

    font-size:56px;

    color:#1F3325;

    font-family:'Playfair Display',serif;

    line-height:1.15;

}

.inamtrend-description{

    width:720px;

    max-width:100%;

    margin:auto;

    color:#666;

    font-size:17px;

    line-height:1.9;

}

/*====================================
        DECORATIONS
====================================*/

.inamtrend-decoration-left{

    position:absolute;

    left:-40px;

    top:30px;

    width:170px;

    opacity:.95;

    z-index:1;

}

.inamtrend-decoration-right{

    position:absolute;

    right:-40px;

    top:30px;

    width:230px;

    opacity:.95;

    z-index:1;

}

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

.inamtrend-grid{

    display:flex;

    justify-content:center;

    gap:35px;

    position:relative;

    z-index:5;

}

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

.inamtrend-card{

    position:relative;

    width:390px;

    height:235px;

    border-radius:22px;

    overflow:hidden;

    display:flex;

    align-items:center;

    padding:38px;

    text-decoration:none;

    transition:.45s;

    box-shadow:

    0 20px 45px rgba(0,0,0,.08);

}

.inamtrend-card:hover{

    transform:translateY(-10px);

    box-shadow:

    0 35px 70px rgba(0,0,0,.15);

}

/*====================================
        COLORS
====================================*/

.inamtrend-card-blue{

    background:#9FE7EB;

}

.inamtrend-card-orange{

    background:#F9A327;

}

.inamtrend-card-green{

    background:#AEE62D;

}

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

.inamtrend-cardcontent{

    width:55%;

    position:relative;

    z-index:5;

}

.inamtrend-cardsubtitle{

    display:inline-block;

    margin-bottom:14px;

    color:#ffffff;

    font-size:13px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

}

.inamtrend-cardtitle{

    color:#ffffff;

    font-size:33px;

    line-height:1.18;

    margin-bottom:12px;

    font-family:'Playfair Display',serif;

}

.inamtrend-cardtext{

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

    font-size:15px;

    line-height:1.7;

    margin-bottom:20px;

}

.inamtrend-cardbutton{

    color:#ffffff;

    font-size:15px;

    font-weight:600;

}

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

/* .inamtrend-cardimage{

    position:absolute;

    right:-25px;

    bottom:-10px;

    width:210px;

    transition:.55s;

} */
 .inamtrend-cardimage {
  position: absolute;
  right: 7px;
  bottom: 34px;
  width: 316px;
  transition: .55s;
}

.inamtrend-card:hover .inamtrend-cardimage{

    transform:scale(1.08) rotate(-3deg);

}

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

.inamtrend-card::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:70%;

    height:100%;

    background:

    linear-gradient(

    90deg,

    transparent,

    rgba(255,255,255,.35),

    transparent

    );

    transform:skewX(-25deg);

    transition:1s;

}

.inamtrend-card:hover::before{

    left:150%;

}

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

@media(max-width:1200px){

.inamtrend-grid{

overflow-x:auto;

justify-content:flex-start;

padding-bottom:15px;

scrollbar-width:none;

}

.inamtrend-grid::-webkit-scrollbar{

display:none;

}

.inamtrend-card{

flex-shrink:0;

}

}

@media(max-width:768px){

.inamtrend-wrapper{

padding:80px 0;

}

.inamtrend-maintitle{

font-size:42px;

}

.inamtrend-description{

font-size:15px;

}

.inamtrend-card{

width:320px;

height:210px;

padding:28px;

}

.inamtrend-cardtitle{

font-size:28px;

}

.inamtrend-cardimage{

width:180px;

}

.inamtrend-decoration-left,

.inamtrend-decoration-right{

display:none;

}

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

.inamtrend-wrapper::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(174,230,45,.12) 0%,
    rgba(174,230,45,0) 70%);

    left:-180px;

    top:120px;

    z-index:0;

}

.inamtrend-wrapper::after{

    content:"";

    position:absolute;

    width:520px;

    height:520px;

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(249,163,39,.10) 0%,
    rgba(249,163,39,0) 70%);

    right:-220px;

    bottom:-120px;

    z-index:0;

}

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

.inamtrend-card{

    animation:inamTrendFloat 6s ease-in-out infinite;

}

.inamtrend-card:nth-child(2){

    animation-delay:.8s;

}

.inamtrend-card:nth-child(3){

    animation-delay:1.6s;

}

@keyframes inamTrendFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

    100%{

        transform:translateY(0);

    }

}

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

.inamtrend-cardimage{

    animation:inamVegFloat 4s ease-in-out infinite;

}

@keyframes inamVegFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

    100%{

        transform:translateY(0);

    }

}

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

.inamtrend-decoration-left,

.inamtrend-decoration-right{

    animation:inamDecorationMove 8s ease-in-out infinite;

}

.inamtrend-decoration-right{

    animation-delay:2s;

}

@keyframes inamDecorationMove{

    0%{

        transform:translateY(0) rotate(0deg);

    }

    50%{

        transform:translateY(-15px) rotate(4deg);

    }

    100%{

        transform:translateY(0) rotate(0deg);

    }

}

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

.inamtrend-card::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
    135deg,
    rgba(255,255,255,.15),
    transparent 60%);

    pointer-events:none;

}

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

.inamtrend-cardbutton{

    display:inline-flex;

    align-items:center;

    gap:10px;

    transition:.35s;

}

.inamtrend-card:hover .inamtrend-cardbutton{

    gap:18px;

}

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

.inamtrend-card:hover .inamtrend-cardimage{

    transform:scale(1.12) rotate(-4deg);

}

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

.inamtrend-card:hover{

    transform:translateY(-14px);

}
/*==========================================================
            TRENDING APPLICATIONS SECTION
==========================================================*/

.inamtrend-wrapper{

    position:relative;

    padding:120px 0;

    overflow:hidden;

    background:
linear-gradient(rgba(255, 255, 255, 0.28),rgba(255, 255, 255, 0.66)), url("../images/bg/productsecbg.webp");

    background-repeat:no-repeat;

    background-position:center center;

    background-size:cover;

}


































/*==========================================================
                    INAM 3D CATALOGUE
==========================================================*/

.inam3d-wrapper{

    position:relative;

    padding:140px 0;

    overflow:hidden;

    background:
    radial-gradient(circle at top left,#fffef9,#f6f2e8 70%);

}

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

.inam3d-overlay{

    position:absolute;

    inset:0;

    background:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.8),transparent 35%),
    radial-gradient(circle at 80% 80%,rgba(47,125,50,.08),transparent 35%);

    pointer-events:none;

}

/*========================
        CONTAINER
========================*/

.inam3d-container{

    width:90%;

    max-width:1500px;

    margin:auto;

    position:relative;

    z-index:2;

}

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

.inam3d-heading{

    text-align:center;

    margin-bottom:90px;

}

.inam3d-badge{

    display:inline-block;

    padding:10px 24px;

    background:#edf7ee;

    color:#2F7D32;

    border-radius:40px;

    letter-spacing:2px;

    font-size:13px;

    font-weight:600;

}

.inam3d-title{

    margin:22px 0 18px;

    font-size:60px;

    line-height:1.15;

    font-family:'Playfair Display',serif;

    color:#1F3325;

}

.inam3d-description{

    width:700px;

    max-width:100%;

    margin:auto;

    font-size:17px;

    line-height:1.9;

    color:#666;

}

/*========================
        STAGE
========================*/

.inam3d-stage{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

    perspective:2500px;

    min-height:700px;

}

/*========================
        BOOK
========================*/

.inam3d-book{

    position:relative;

    width:760px;

    height:500px;

    transform-style:preserve-3d;

    transform:
        rotateX(14deg)
        rotateY(-30deg);

    cursor:pointer;

    transition:.6s;

    animation:inamFloat 6s ease-in-out infinite;

}

.inam3d-book:hover{

    transform:
        rotateX(8deg)
        rotateY(-18deg)
        translateY(-10px)
        scale(1.02);

}

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

.inam3d-shadow{

    position:absolute;

    width:620px;

    height:65px;

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

    filter:blur(35px);

    left:50%;

    bottom:-55px;

    transform:translateX(-50%);

    border-radius:50%;

    transition:.5s;

}

.inam3d-book:hover .inam3d-shadow{

    width:700px;

    opacity:.3;

}

/*========================
        SPINE
========================*/

.inam3d-spine{

    position:absolute;

    left:-24px;

    width:24px;

    height:100%;

    background:
    linear-gradient(180deg,#d8b45b,#aa7d14);

    transform:
        rotateY(90deg)
        translateZ(12px);

    border-radius:8px 0 0 8px;

}

/*========================
        PAPER STACK
========================*/

.inam3d-paperstack{

    position:absolute;

    inset:0;

    pointer-events:none;

}

.inam3d-paperstack span{

    position:absolute;

    top:10px;

    right:-4px;

    width:10px;

    height:96%;

    background:#faf8f2;

    border-radius:4px;

    box-shadow:
    inset 0 0 2px rgba(0,0,0,.08);

}

.inam3d-paperstack span:nth-child(2){

    right:-8px;

}

.inam3d-paperstack span:nth-child(3){

    right:-12px;

}

.inam3d-paperstack span:nth-child(4){

    right:-16px;

}

.inam3d-paperstack span:nth-child(5){

    right:-20px;

}

.inam3d-paperstack span:nth-child(6){

    right:-24px;

}

/*========================
        COVER
========================*/

.inam3d-cover{

    position:absolute;

    inset:0;

    background:
    linear-gradient(135deg,#2F7D32,#1E4F24);

    border-radius:18px;

    transform-origin:left;

    overflow:hidden;

    box-shadow:
    0 35px 70px rgba(0,0,0,.28);

    z-index:50;

}

/* Gold Border */

.inam3d-cover::before{

    content:"";

    position:absolute;

    inset:18px;

    border:2px solid rgba(222,183,74,.8);

    border-radius:10px;

}

/* Leather Texture */

.inam3d-cover::after{

    content:"";

    position:absolute;

    inset:0;

    background:

    repeating-linear-gradient(
    45deg,
    rgba(255,255,255,.02) 0px,
    rgba(255,255,255,.02) 2px,
    transparent 2px,
    transparent 4px);

    opacity:.6;

}

/*========================
        GOLD LIGHT
========================*/

.inam3d-coverlight{

    position:absolute;

    width:180px;

    height:700px;

    background:

    linear-gradient(

    to right,

    transparent,

    rgba(255,255,255,.28),

    transparent);

    transform:
    rotate(25deg);

    left:-250px;

    top:-120px;

}

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

.inam3d-covercontent{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    color:#fff;

    z-index:5;

}

.inam3d-logo{

    width:120px;

    margin-bottom:30px;

}

.inam3d-since{

    padding:8px 20px;

    border-radius:30px;

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

    letter-spacing:2px;

    font-size:12px;

}

.inam3d-covertitle{

    margin:30px 0 15px;

    font-size:54px;

    letter-spacing:3px;

    font-family:'Playfair Display',serif;

}

.inam3d-coversubtitle{

    font-size:18px;

    opacity:.92;

}

.inam3d-openbutton{

    margin-top:45px;

    padding:16px 34px;

    border:none;

    border-radius:50px;

    background:#fff;

    color:#2F7D32;

    font-weight:600;

    cursor:pointer;

    transition:.35s;

}

.inam3d-openbutton:hover{

    transform:translateY(-5px);

}

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

@keyframes inamFloat{

    0%,100%{

        transform:
        rotateX(14deg)
        rotateY(-30deg)
        translateY(0);

    }

    50%{

        transform:
        rotateX(14deg)
        rotateY(-30deg)
        translateY(-16px);

    }

}

/*========================
        PARTICLES
========================*/

.inam3d-particle{

    position:absolute;

    width:8px;

    height:8px;

    border-radius:50%;

    background:#d4b356;

    opacity:.5;

}

.p1{

    top:120px;

    left:15%;

}

.p2{

    top:240px;

    right:18%;

}

.p3{

    bottom:120px;

    left:20%;

}

.p4{

    bottom:180px;

    right:12%;

}

















.inam3d-leftpage,
.inam3d-rightpage{

    position:absolute;

    inset:0;

    display:flex;

}

.inam3d-leftpage{

    width:50%;

    left:0;

    background:#faf8f2;

    justify-content:center;

    align-items:center;

}

.inam3d-rightpage{

    width:50%;

    left:50%;

    background:#fff;

    padding:60px;

    flex-direction:column;

    justify-content:center;

}

.inam3d-inner{

    position:absolute;

    inset:0;

    display:flex;

    z-index:10;

    border-radius:18px;

    overflow:hidden;

    background:#fff;

}

.inam3d-cover{

    backface-visibility:hidden;

    transform-style:preserve-3d;

}

.inam3d-book{

    transform-style:preserve-3d;

}
.catalog-book{

margin:auto;

width:500px;

height:700px;

}

.page{

background:white;

display:flex;

justify-content:center;

align-items:center;

font-size:30px;

font-weight:700;

}
.catalog-book{
    position:relative;
    width:100%;
    height:100%;
    perspective:2500px;
}

.catalog-book .page{
    position:absolute;
    inset:0;
    background:#fff;
    border-radius:0 12px 12px 0;
    transform-origin:left center;
    transform-style:preserve-3d;
    backface-visibility:hidden;
    transition:none;
    box-shadow:
        0 5px 15px rgba(0,0,0,.08);
    overflow:hidden;
}

/* Stack pages */

.catalog-book .page:nth-child(1){z-index:6;}
.catalog-book .page:nth-child(2){z-index:5;}
.catalog-book .page:nth-child(3){z-index:4;}
.catalog-book .page:nth-child(4){z-index:3;}
.catalog-book .page:nth-child(5){z-index:2;}
.catalog-book .page:nth-child(6){z-index:1;}








/*==========================================================
            INAM COMPANY VIDEO SECTION
==========================================================*/

.inamcmpvideo-wrapper{
    width:100%;
    padding:110px 0;
    background:#f7f6f1;
    overflow:hidden;
}

/* .inamcmpvideo-container{
    width:min(1400px,92%);
    margin:auto;
    min-height:560px;
    display:grid;
    grid-template-columns:43% 57%;
    border-radius:0;
    overflow:hidden;
    position:relative;
} */
.inamcmpvideo-container {
  /* width: min(1467px,100%); */
  margin: auto;
    margin-left: auto;
  min-height: 560px;
  display: grid;
  grid-template-columns: 42% 58%;
  border-radius: 0;
  overflow: hidden;
  position: relative;
  margin-left: 0px;
}
/*==========================================================
                    LEFT PANEL
==========================================================*/

.inamcmpvideo-left{
    background:linear-gradient(
        180deg,
        #10371d 0%,
        #0d2f18 100%
    );
    position:relative;
    padding:75px 65px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    z-index:2;
}

/* subtle texture */

.inamcmpvideo-left::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at top left,
    rgba(255,255,255,.04),
    transparent 45%),
    radial-gradient(circle at bottom right,
    rgba(255,255,255,.03),
    transparent 40%);
    pointer-events:none;
}

.inamcmpvideo-left::after{
    content:"";
    position:absolute;
    right:-90px;
    top:0;
    width:180px;
    height:100%;
    background:inherit;
    transform:skewX(-18deg);
}

/*==========================================================
                    TAG
==========================================================*/

.inamcmpvideo-tag{
    position:relative;
    z-index:3;
    display:inline-block;
    width:max-content;
    font-size:14px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#f58220;
    margin-bottom:24px;
    font-family:"Poppins",sans-serif;
}

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

.inamcmpvideo-heading{
    position:relative;
    z-index:3;
    margin:0;
    font-family:"Playfair Display",serif;
    font-size:68px;
    line-height:1.02;
    font-weight:700;
    color:#ffffff;
    letter-spacing:-1px;
}

.inamcmpvideo-heading span{
    color:#f58220;
}

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

.inamcmpvideo-description{
    position:relative;
    z-index:3;
    margin-top:35px;
    max-width:470px;
    color:rgba(255,255,255,.78);
    font-size:18px;
    line-height:2;
    font-weight:400;
    font-family:"Poppins",sans-serif;
}

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

.inamcmpvideo-button{
    position:relative;
    z-index:3;
    margin-top:42px;
    width:max-content;
    display:inline-flex;
    align-items:center;
    gap:14px;
    padding:18px 34px;
    border-radius:60px;
    background:#f58220;
    color:#fff;
    text-decoration:none;
    font-size:17px;
    font-weight:600;
    font-family:"Poppins",sans-serif;
    overflow:hidden;
    transition:.45s;
}

.inamcmpvideo-button i{
    transition:.45s;
}

.inamcmpvideo-button:hover{
    background:#ff9d3d;
    transform:translateY(-5px);
    box-shadow:
    0 18px 35px rgba(245,130,32,.35);
}

.inamcmpvideo-button:hover i{
    transform:translateX(6px);
}

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

.inamcmpvideo-right{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#12361d;
    overflow:hidden;
}

/* decorative background */

.inamcmpvideo-right::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at right,
    rgba(255,255,255,.04),
    transparent 55%);
}

/*==========================================================
                DECORATIVE SHAPE
==========================================================*/

.inamcmpvideo-shape{
    position:absolute;
    inset:0;
    background:
    linear-gradient(
    135deg,
    transparent 0%,
    transparent 35%,
    rgba(255,255,255,.02) 100%
    );
}

/*==========================================================
                VIDEO HOLDER
==========================================================*/

.inamcmpvideo-box{
    position:relative;
    width:88%;
    height:470px;
    display:flex;
    justify-content:center;
    align-items:center;
}

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

.inamcmpvideo-image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/*==========================================================
                VIDEO
==========================================================*/

.inamcmpvideo-player{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
    visibility:hidden;
}

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

.inamcmpvideo-overlay{
    position:absolute;
    inset:0;
    background:
    linear-gradient(
        to right,
        rgba(0,0,0,.18),
        rgba(0,0,0,.30)
    );
}/*==========================================================
            PART 3 - IMAGE SHAPE & PLAY BUTTON
==========================================================*/

/*==========================
        VIDEO BOX
==========================*/

.inamcmpvideo-box{

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

}

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

.inamcmpvideo-image,
.inamcmpvideo-player{

    position:absolute;
    width:86%;
    height:430px;
    object-fit:cover;

    right:40px;

    border-radius:28px;

    clip-path:polygon(
        22% 0,
        100% 0,
        100% 100%,
        0 100%,
        0 26%
    );

    transition:1s cubic-bezier(.22,.61,.36,1);

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

    overflow:hidden;

}

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

.inamcmpvideo-box:hover
.inamcmpvideo-image{

    transform:scale(1.05);

}

/*==========================
        VIDEO
==========================*/

.inamcmpvideo-player{

    opacity:0;

    visibility:hidden;

    z-index:2;

}

.inamcmpvideo-box.playing
.inamcmpvideo-player{

    opacity:1;

    visibility:visible;

}

.inamcmpvideo-box.playing
.inamcmpvideo-image{

    opacity:0;

}

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

.inamcmpvideo-overlay{

    position:absolute;

    width:86%;
    height:430px;

    right:40px;

    border-radius:28px;

    clip-path:polygon(
        22% 0,
        100% 0,
        100% 100%,
        0 100%,
        0 26%
    );

    background:

    linear-gradient(
        180deg,
        rgba(0,0,0,.08),
        rgba(0,0,0,.35)
    );

    z-index:3;

    transition:.6s;

}

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

.inamcmpvideo-play{

    position:absolute;

    left:58%;

    top:50%;

    transform:translate(-50%,-50%);

    width:118px;

    height:118px;

    border:none;

    border-radius:50%;

    background:#ff8418;

    cursor:pointer;

    z-index:5;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.45s;

    box-shadow:

    0 20px 45px rgba(255,132,24,.45);

}

.inamcmpvideo-play:hover{

    transform:
    translate(-50%,-50%)
    scale(1.08);

    background:#ff952f;

}

.inamcmpvideo-play i{

    color:#fff;

    font-size:40px;

    margin-left:8px;

}

/*==========================
        RIPPLE
==========================*/

.inamcmpvideo-ripple{

    position:absolute;

    width:100%;

    height:100%;

    border-radius:50%;

    background:rgba(255,132,24,.22);

    animation:inamcmpvideoripple 2s infinite;

    z-index:-1;

}

@keyframes inamcmpvideoripple{

0%{

transform:scale(1);

opacity:.7;

}

70%{

transform:scale(1.7);

opacity:0;

}

100%{

transform:scale(1.7);

opacity:0;

}

}

/*==========================
        PLAYING STATE
==========================*/

.inamcmpvideo-box.playing
.inamcmpvideo-overlay{

    opacity:0;

}

.inamcmpvideo-box.playing
.inamcmpvideo-play{

    transform:
    translate(-50%,-50%)
    scale(.4);

    opacity:0;

    pointer-events:none;

}

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

.inamcmpvideo-box::after{

    content:"";

    position:absolute;

    width:82%;

    height:26px;

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

    filter:blur(24px);

    left:50%;

    bottom:10px;

    transform:translateX(-42%);

    border-radius:50%;

    z-index:-1;

}

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

@keyframes inamcmpvideofloat{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

}

.inamcmpvideo-box{

    animation:inamcmpvideofloat 6s ease-in-out infinite;

}

/*==========================
        LIGHT SWEEP
==========================*/

.inamcmpvideo-box::before{

    content:"";

    position:absolute;

    top:-20%;

    left:-40%;

    width:180px;

    height:170%;

    background:

    linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.18),

        transparent

    );

    transform:rotate(18deg);

    animation:inamcmpvideoshine 5s linear infinite;

    z-index:4;

}

@keyframes inamcmpvideoshine{

0%{

left:-45%;

}

100%{

left:140%;

}

}




.inamcmpvideo-overlay {
  position: absolute;
  width: 120%;
  height: 645px;
  right: 40px;
  border-radius: 28px;
  clip-path: polygon( 22% 0, 100% 0, 100% 100%, 0 100%, 0 26% );
  background: linear-gradient( 180deg, rgba(0,0,0,.08), rgba(0,0,0,.35) );
  z-index: 3;
  transition: .6s;
}
.inamcmpvideo-heading {
  position: relative;
  z-index: 3;
  margin: 0;
  font-family: "Playfair Display",serif;
  font-size: 54px;
  line-height: 1.02;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -1px;
}
.inamcmpvideo-wrapper {
  /* width: 110%; */
  padding: 0px 0;
  background: #f7f6f1;
  overflow: hidden;
  /* margin-left: -61px; */
}
/*==========================================================
        PRODUCT CATEGORIES PREMIUM EFFECTS
==========================================================*/

.inamcatsec-wrapper{
    position:relative;
    overflow:hidden;
}

/* Decorative Glow */

.inamcatsec-wrapper::before{

    content:"";

    position:absolute;

    width:550px;
    height:550px;

    top:-220px;
    right:-220px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(0,122,41,.08),
    transparent 72%);

    pointer-events:none;

    z-index:0;

}

.inamcatsec-wrapper::after{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    bottom:-180px;
    left:-180px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(255,186,40,.08),
    transparent 72%);

    pointer-events:none;

    z-index:0;

}

.inamcatsec-container{

    position:relative;
    z-index:2;

}

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

.inamcatcard-box{

    position:relative;

    overflow:hidden;

    isolation:isolate;

    transition:
    transform .45s ease,
    box-shadow .45s ease;

}

/* Background Gradient */

.inamcatcard-box::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(
    135deg,
    rgba(0,122,41,.06),
    rgba(255,255,255,0),
    rgba(255,193,7,.06)
    );

    opacity:0;

    transition:.45s;

    z-index:-1;

}

/* Border Glow */

.inamcatcard-box::after{

    content:"";

    position:absolute;

    inset:0;

    border:1px solid transparent;

    border-radius:inherit;

    transition:.45s;

}

/* Hover */

.inamcatcard-box:hover{

    transform:
    translateY(-12px);

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

}

.inamcatcard-box:hover::before{

    opacity:1;

}

.inamcatcard-box:hover::after{

    border-color:
    rgba(0,122,41,.25);

}

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

.inamcatcard-imagebox{

    overflow:hidden;

}

.inamcatcard-image{

    transition:
    transform .6s cubic-bezier(.22,.61,.36,1),
    filter .45s ease;

}

.inamcatcard-box:hover
.inamcatcard-image{

    transform:
    scale(1.08)
    rotate(-4deg);

    filter:
    drop-shadow(
    0 18px 24px
    rgba(0,0,0,.15));

}

/*==========================
        BADGE
==========================*/

.inamcatcard-badge{

    transition:
    background .35s ease,
    color .35s ease,
    transform .35s ease,
    letter-spacing .35s ease;

}

.inamcatcard-box:hover
.inamcatcard-badge{

    background:#007A29;

    color:#fff;

    transform:translateY(-2px);

    letter-spacing:.5px;

}

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

.inamcatcard-title{

    transition:
    color .35s ease,
    transform .35s ease;

}

.inamcatcard-box:hover
.inamcatcard-title{

    color:#007A29;

    transform:translateX(4px);

}

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

.inamcatcard-description{

    transition:
    color .35s ease;

}

.inamcatcard-box:hover
.inamcatcard-description{

    color:#444;

}

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

.inamcatsec-viewall{

    position:relative;

    overflow:hidden;

}

.inamcatsec-viewall::before{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:100%;
    height:100%;

    background:
    linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.45),
    transparent);

    transition:left .7s ease;

}

.inamcatsec-viewall:hover::before{

    left:120%;

}

.inamcatsec-viewall i{

    transition:
    transform .35s ease;

}

.inamcatsec-viewall:hover i{

    transform:translateX(6px);

}
/*==========================================================
        PRODUCT CATEGORIES - PART 2B
        Premium Motion & Depth
==========================================================*/

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

.inamcatsec-smalltitle{

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

}

.inamcatsec-smalltitle::before{

    content:"";

    width:35px;
    height:2px;

    background:#007A29;

    border-radius:10px;

    animation:inamcatLineMove 3s ease-in-out infinite;

}

@keyframes inamcatLineMove{

    0%,100%{

        width:35px;

    }

    50%{

        width:60px;

    }

}

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

.inamcatcard-image{

    animation:inamcatImageFloat 5s ease-in-out infinite;

}

.inamcatcard-box:nth-child(2) .inamcatcard-image{

    animation-delay:.8s;

}

.inamcatcard-box:nth-child(3) .inamcatcard-image{

    animation-delay:1.6s;

}

.inamcatcard-box:nth-child(4) .inamcatcard-image{

    animation-delay:2.4s;

}

@keyframes inamcatImageFloat{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

}

/*==========================
    CARD LIGHT EFFECT
==========================*/

.inamcatcard-box{

    position:relative;

}

.inamcatcard-box::selection{

    background:transparent;

}

.inamcatcard-box span,
.inamcatcard-box h3,
.inamcatcard-box p{

    position:relative;
    z-index:2;

}

.inamcatcard-box::before{

    background-size:220% 220%;

    animation:inamcatGradientMove 8s linear infinite;

}

@keyframes inamcatGradientMove{

    0%{

        background-position:0% 50%;

    }

    100%{

        background-position:100% 50%;

    }

}

/*==========================
      SOFT IMAGE GLOW
==========================*/

.inamcatcard-imagebox{

    position:relative;

}

.inamcatcard-imagebox::after{

    content:"";

    position:absolute;

    width:70%;
    height:18px;

    left:50%;
    bottom:5px;

    transform:translateX(-50%);

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

    filter:blur(12px);

    border-radius:50%;

    opacity:.45;

    transition:.4s;

}

.inamcatcard-box:hover
.inamcatcard-imagebox::after{

    width:58%;

    opacity:.75;

}

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

.inamcatcard-content{

    transition:transform .35s ease;

}

.inamcatcard-box:hover
.inamcatcard-content{

    transform:translateY(-4px);

}

/*==========================
    VIEW ALL BUTTON
==========================*/

.inamcatsec-viewall{

    transition:
    transform .35s ease,
    box-shadow .35s ease;

}

.inamcatsec-viewall:hover{

    transform:translateY(-4px);

    box-shadow:
    0 16px 30px rgba(0,122,41,.18);

}/*==========================================================
        PRODUCT CATEGORIES - PART 2C
        Premium Micro Interactions
==========================================================*/

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

.inamcatcard-box{

    position:relative;

}

.inamcatcard-box::after{

    content:"";

    position:absolute;

    top:-130%;
    left:-55%;

    width:45%;
    height:320%;

    background:
    linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.55),
        transparent
    );

    transform:rotate(25deg);

    opacity:0;

    transition:
    left .9s cubic-bezier(.22,.61,.36,1),
    opacity .3s;

    pointer-events:none;

}

.inamcatcard-box:hover::after{

    left:140%;

    opacity:1;

}

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

.inamcatcard-imagebox{

    position:relative;
    z-index:2;

}

.inamcatcard-imagebox::before{

    content:"";

    position:absolute;

    width:130px;
    height:130px;

    left:50%;
    top:50%;

    transform:
    translate(-50%,-50%)
    scale(.75);

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(0,122,41,.12),
    transparent 72%);

    opacity:0;

    transition:
    .45s ease;

    z-index:-1;

}

.inamcatcard-box:hover
.inamcatcard-imagebox::before{

    opacity:1;

    transform:
    translate(-50%,-50%)
    scale(1);

}

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

.inamcatcard-box:hover
.inamcatcard-image{

    animation:
    inamcatBounce .8s ease;

}

@keyframes inamcatBounce{

    0%{

        transform:
        scale(1)
        rotate(0);

    }

    35%{

        transform:
        scale(1.12)
        rotate(-4deg);

    }

    65%{

        transform:
        scale(1.04)
        rotate(2deg);

    }

    100%{

        transform:
        scale(1.08)
        rotate(-2deg);

    }

}

/*==========================
        BADGE PULSE
==========================*/

.inamcatcard-box:hover
.inamcatcard-badge{

    box-shadow:
    0 0 0 rgba(0,122,41,.4);

    animation:
    inamcatPulse
    1.4s infinite;

}

@keyframes inamcatPulse{

    0%{

        box-shadow:
        0 0 0 0 rgba(0,122,41,.35);

    }

    70%{

        box-shadow:
        0 0 0 12px rgba(0,122,41,0);

    }

    100%{

        box-shadow:
        0 0 0 0 rgba(0,122,41,0);

    }

}

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

.inamcatcard-title{

    position:relative;

}

.inamcatcard-title::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-6px;

    width:0;

    height:2px;

    background:#007A29;

    border-radius:10px;

    transition:
    width .4s ease;

}

.inamcatcard-box:hover
.inamcatcard-title::after{

    width:55px;

}

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

.inamcatcard-description{

    transition:
    opacity .35s ease,
    transform .35s ease;

}

.inamcatcard-box:hover
.inamcatcard-description{

    opacity:.92;

    transform:
    translateY(3px);

}

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

.inamcatsec-viewall{

    position:relative;

}

.inamcatsec-viewall i{

    transition:
    transform .35s ease;

}

.inamcatsec-viewall:hover i{

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

}
/*==========================================================
        WHY CHOOSE INAM
        PART 3A
==========================================================*/

.inamtrust-wrapper{

    position:relative;
    overflow:hidden;

}

.inamtrust-wrapper::before{

    content:"";

    position:absolute;

    width:650px;
    height:650px;

    right:-280px;
    top:-250px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(0,122,41,.06),
    transparent 72%);

    pointer-events:none;

}

.inamtrust-wrapper::after{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    left:-220px;
    bottom:-220px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(255,186,40,.08),
    transparent 72%);

    pointer-events:none;

}

.inamtrust-container{

    position:relative;
    z-index:2;

}

/*====================================
            TRUST CARDS
====================================*/

.inamtrust-card{

    position:relative;

    overflow:hidden;

    transition:
    transform .45s ease,
    box-shadow .45s ease;

}

.inamtrust-card::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:0;
    height:100%;

    background:
    linear-gradient(
    180deg,
    #007A29,
    #4CAF50);

    transition:
    width .45s ease;

    opacity:.08;

}

.inamtrust-card:hover{

    transform:
    translateY(-12px);

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

}

.inamtrust-card:hover::before{

    width:100%;

}
/*====================================
        IMAGE EFFECT
====================================*/

.inamtrust-card-image{

    overflow:hidden;

}

.inamtrust-card-image img{

    transition:
    transform .65s cubic-bezier(.22,.61,.36,1);

}

.inamtrust-card:hover
.inamtrust-card-image img{

    transform:
    scale(1.08)
    rotate(-2deg);

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

.inamtrust-card-icon{

    transition:
    transform .4s ease,
    background .4s ease;

}

.inamtrust-card:hover
.inamtrust-card-icon{

    transform:
    rotate(12deg)
    scale(1.12);

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

.inamtrust-card-title{

    transition:
    color .35s ease,
    transform .35s ease;

}

.inamtrust-card:hover
.inamtrust-card-title{

    color:#007A29;

    transform:
    translateX(6px);

}
.inamtrust-card-text{

    transition:
    color .35s ease;

}

.inamtrust-card:hover
.inamtrust-card-text{

    color:#444;

}
/*==========================================================
            WHY CHOOSE INAM
                PART 3B
==========================================================*/

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

.inamtrust-content{

    position:relative;

}

.inamtrust-content::before{

    content:"";

    position:absolute;

    width:320px;
    height:320px;

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

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(0,122,41,.07),
    transparent 72%);

    pointer-events:none;

    z-index:-1;

}

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

.inamtrust-smalltitle{

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

    position:relative;

}

.inamtrust-smalltitle::before{

    content:"";

    width:42px;
    height:2px;

    background:#007A29;

    border-radius:20px;

    animation:inamTrustLine 3s ease-in-out infinite;

}

@keyframes inamTrustLine{

    0%,100%{

        width:42px;

    }

    50%{

        width:68px;

    }

}

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

.inamtrust-maintitle{

    position:relative;

    display:inline-block;

}

.inamtrust-maintitle::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-10px;

    width:90px;
    height:4px;

    border-radius:30px;

    background:
    linear-gradient(
    90deg,
    #007A29,
    #6BCB55);

    transition:
    width .45s ease;

}

.inamtrust-content:hover
.inamtrust-maintitle::after{

    width:170px;

}

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

.inamtrust-description{

    transition:
    transform .35s ease,
    color .35s ease;

}

.inamtrust-content:hover
.inamtrust-description{

    transform:
    translateX(6px);

    color:#4b4b4b;

}

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

.inamtrust-list{

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

}

.inamtrust-listitem{

    transition:
    transform .35s ease,
    color .35s ease;

}

.inamtrust-listitem:hover{

    transform:
    translateX(10px);

    color:#007A29;

}

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

.inamtrust-listitem i{

    transition:
    transform .35s ease,
    color .35s ease;

}

.inamtrust-listitem:hover i{

    transform:
    scale(1.25)
    rotate(10deg);

    color:#009933;

}

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

.inamtrust-button{

    position:relative;

    overflow:hidden;

    transition:
    transform .35s ease,
    box-shadow .35s ease;

}

.inamtrust-button:hover{

    transform:
    translateY(-4px);

    box-shadow:
    0 18px 35px
    rgba(0,122,41,.20);

}

.inamtrust-button i{

    transition:
    transform .35s ease;

}

.inamtrust-button:hover i{

    transform:
    translateX(8px);

}

.inamtrust-button::before{

    content:"";

    position:absolute;

    top:0;
    left:-130%;

    width:65%;
    height:100%;

    transform:skewX(-25deg);

    background:
    linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.45),
    transparent);

    transition:
    left .8s ease;

}

.inamtrust-button:hover::before{

    left:160%;

}
/*==========================================================
            WHY CHOOSE INAM
                PART 3C
        PREMIUM IMAGE STACK EFFECT
==========================================================*/

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

.inamtrust-images{

    position:relative;

    perspective:1400px;

}

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

.inamtrust-card{

    position:relative;

    overflow:hidden;

    transform-style:preserve-3d;

    transition:
        transform .55s cubic-bezier(.22,.61,.36,1),
        box-shadow .45s ease;

}

/*==========================
        DECORATIVE BORDER
==========================*/

.inamtrust-card::after{

    content:"";

    position:absolute;

    inset:0;

    border:2px solid rgba(0,122,41,.12);

    border-radius:inherit;

    transform:scale(.94);

    opacity:0;

    transition:
        .45s ease;

    pointer-events:none;

}

.inamtrust-card:hover::after{

    opacity:1;

    transform:scale(1);

}

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

.inamtrust-card-image{

    position:relative;

    overflow:hidden;

}

.inamtrust-card-image img{

    transition:
        transform .8s cubic-bezier(.22,.61,.36,1),
        filter .45s ease;

}

/* Premium Zoom */

.inamtrust-card:hover
.inamtrust-card-image img{

    transform:
        scale(1.08)
        rotate(-2deg);

    filter:
        saturate(110%)
        contrast(104%);

}

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

.inamtrust-card-image::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:12px;

    width:60%;

    height:18px;

    transform:translateX(-50%);

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

    filter:blur(16px);

    border-radius:50%;

    opacity:.45;

    transition:.45s ease;

}

.inamtrust-card:hover
.inamtrust-card-image::after{

    width:50%;

    opacity:.8;

}

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

.inamtrust-card-image::before{

    content:"";

    position:absolute;

    width:180px;
    height:180px;

    left:50%;
    top:50%;

    transform:
        translate(-50%,-50%)
        scale(.75);

    border-radius:50%;

    background:
        radial-gradient(circle,
        rgba(0,122,41,.10),
        transparent 72%);

    opacity:0;

    transition:.5s ease;

}

.inamtrust-card:hover
.inamtrust-card-image::before{

    opacity:1;

    transform:
        translate(-50%,-50%)
        scale(1);

}

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

.inamtrust-card-content{

    transition:
        transform .35s ease;

}

.inamtrust-card:hover
.inamtrust-card-content{

    transform:
        translateY(-5px);

}

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

.inamtrust-card-second{

    transition:
        transform .45s ease;

}

.inamtrust-images:hover
.inamtrust-card-second{

    transform:
        translateY(18px);

}

.inamtrust-images:hover
.inamtrust-card:first-child{

    transform:
        translateY(-18px);

}

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

.inamtrust-card{

    animation:
        inamTrustFloat
        6s ease-in-out infinite;

}

.inamtrust-card-second{

    animation-delay:2.5s;

}

@keyframes inamTrustFloat{

    0%,100%{

        transform:
            translateY(0);

    }

    50%{

        transform:
            translateY(-8px);

    }

}
/*==========================================================
            INAM STANDARD
                PART 5A
==========================================================*/

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

.inamstandard-wrapper{

    position:relative;

    overflow:hidden;

}

.inamstandard-container{

    position:relative;

    z-index:2;

}

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

.inamstandard-card{

    position:relative;

    overflow:hidden;

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

}

/* Left Accent Bar */

.inamstandard-card::before{

    content:"";

    position:absolute;

    left:0;
    top:50%;

    width:4px;
    height:0;

    transform:translateY(-50%);

    border-radius:20px;

    background:
        linear-gradient(
        180deg,
        #007A29,
        #69C44A);

    transition:
        height .45s ease;

}

/* Soft Background */

.inamstandard-card::after{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
        135deg,
        rgba(0,122,41,.05),
        transparent 65%);

    opacity:0;

    transition:
        opacity .4s ease;

    pointer-events:none;

}

/* Hover */

.inamstandard-card:hover{

    transform:
        translateY(-10px);

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

}

.inamstandard-card:hover::before{

    height:72%;

}

.inamstandard-card:hover::after{

    opacity:1;

}

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

.inamstandard-icon{

    position:relative;

    transition:
        transform .45s ease;

}

.inamstandard-icon::before{

    content:"";

    position:absolute;

    inset:-10px;

    border-radius:50%;

    background:
        radial-gradient(circle,
        rgba(0,122,41,.12),
        transparent 72%);

    transform:scale(.75);

    opacity:0;

    transition:.45s ease;

}

.inamstandard-card:hover
.inamstandard-icon{

    transform:
        rotate(8deg)
        scale(1.08);

}

.inamstandard-card:hover
.inamstandard-icon::before{

    opacity:1;

    transform:scale(1);

}

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

.inamstandard-icon img{

    transition:
        transform .45s ease,
        filter .35s ease;

}

.inamstandard-card:hover
.inamstandard-icon img{

    transform:scale(1.08);

    filter:
        drop-shadow(
        0 10px 18px
        rgba(0,122,41,.25));

}

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

.inamstandard-card h4{

    transition:
        color .35s ease,
        transform .35s ease;

}

.inamstandard-card:hover h4{

    color:#007A29;

    transform:
        translateX(5px);

}

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

.inamstandard-card p{

    transition:
        color .35s ease;

}

.inamstandard-card:hover p{

    color:#4d4d4d;

}
/*==========================================================
            INAM STANDARD
                PART 5B
==========================================================*/

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

.inamstandard-right{

    position:relative;

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

}

/*=====================================
        QUALITY CIRCLE
=====================================*/

.inamstandard-circle{

    position:relative;

    transition:
        transform .5s ease;

}

.inamstandard-circle::before{

    content:"";

    position:absolute;

    inset:-22px;

    border-radius:50%;

    border:2px dashed
    rgba(0,122,41,.22);

    animation:
    inamStandardRing
    18s linear infinite;

}

.inamstandard-circle::after{

    content:"";

    position:absolute;

    inset:-45px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(0,122,41,.08),
    transparent 72%);

    z-index:-1;

    animation:
    inamStandardGlow
    4s ease-in-out infinite;

}

/*=====================================
        QUALITY SEAL
=====================================*/

.inamstandard-seal{

    transition:
        transform .45s ease,
        filter .45s ease;

    animation:
        inamSealFloat
        5s ease-in-out infinite;

}

.inamstandard-circle:hover
.inamstandard-seal{

    transform:
        scale(1.06)
        rotate(4deg);

    filter:
        drop-shadow(
        0 20px 35px
        rgba(0,122,41,.22));

}

/*=====================================
            BADGES
=====================================*/

.inamstandard-badge{

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        background .35s ease;

    animation:
        inamBadgeFloat
        5s ease-in-out infinite;

}

/* Individual Delays */

.badge-one{

    animation-delay:0s;

}

.badge-two{

    animation-delay:.8s;

}

.badge-three{

    animation-delay:1.6s;

}

.badge-four{

    animation-delay:2.4s;

}

.inamstandard-badge:hover{

    transform:
        translateY(-6px)
        scale(1.04);

    background:#007A29;

    color:#fff;

    box-shadow:
        0 16px 30px
        rgba(0,122,41,.22);

}

/*=====================================
            KEYFRAMES
=====================================*/

@keyframes inamSealFloat{

    0%,100%{

        transform:
        translateY(0);

    }

    50%{

        transform:
        translateY(-10px);

    }

}

@keyframes inamBadgeFloat{

    0%,100%{

        transform:
        translateY(0);

    }

    50%{

        transform:
        translateY(-6px);

    }

}

@keyframes inamStandardGlow{

    0%,100%{

        transform:scale(1);

        opacity:.7;

    }

    50%{

        transform:scale(1.08);

        opacity:1;

    }

}

@keyframes inamStandardRing{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}
/* ===========================
        VIDEO POPUP
=========================== */

.inamcmpvideo-modal{

    position:fixed;

    inset:0;

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

    display:flex;

    justify-content:center;

    align-items:center;

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:99999;

    padding:40px;

}

.inamcmpvideo-modal.active{

    opacity:1;

    visibility:visible;

}

.inamcmpvideo-modal-content{

    position:relative;

    width:min(900px,90vw);

    max-height:85vh;

    display:flex;

    justify-content:center;

    align-items:center;

}

.inamcmpvideo-modal video{

    width:100%;

    max-width:900px;

    max-height:85vh;

    border-radius:20px;

    background:#000;

    object-fit:contain;

    display:block;

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

}

.inamcmpvideo-close{

    position:absolute;

    top:-18px;

    right:-18px;

    width:45px;

    height:45px;

    border:none;

    border-radius:50%;

    background:#fff;

    color:#222;

    font-size:26px;

    cursor:pointer;

    z-index:2;

    transition:.3s;

}

.inamcmpvideo-close:hover{

    background:#2E8B57;

    color:#fff;

}

@media(max-width:768px){

    .inamcmpvideo-modal{

        padding:20px;

    }

    .inamcmpvideo-modal-content{

        width:100%;

    }

    .inamcmpvideo-close{

        width:40px;

        height:40px;

        top:-12px;

        right:-12px;

        font-size:22px;

    }

}
/* Floating Button */
.offer-btn{
    position:fixed;
    left:20px;
    bottom:20px;
    background:#f39c12;
    color:white;
    border:none;
    padding:14px 22px;
    border-radius:50px;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:10px;
    box-shadow:0 8px 25px rgba(0,0,0,.25);
    transition:.3s;
    z-index:9999;
}

.offer-btn:hover{
    transform:translateY(-3px);
    background:#e67e22;
}

/* Notification Badge */
.offer-badge{
    width:24px;
    height:24px;
    background:red;
    color:white;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:12px;
    animation:pulse 1.5s infinite;
}

@keyframes pulse{

    0%{
        transform:scale(1);
        box-shadow:0 0 0 0 rgba(255,0,0,.5);
    }

    70%{
        transform:scale(1.15);
        box-shadow:0 0 0 10px rgba(255,0,0,0);
    }

    100%{
        transform:scale(1);
    }

}

/* Offer Card */
.offer-card{

    position:fixed;
    left:20px;
    bottom:90px;
    width:330px;
    background:white;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.2);

    opacity:0;
    visibility:hidden;
    transform:translateY(30px) scale(.95);

    transition:.35s ease;
    z-index:9999;

}

.offer-card.active{

    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);

}

/* Header */

.offer-header{

    background:#f39c12;
    color:white;
    padding:15px 18px;

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

}

.offer-header h3{
    margin:0;
    font-size:18px;
}

.offer-header button{

    background:none;
    border:none;
    color:white;
    font-size:24px;
    cursor:pointer;

}

.offer-body{

    max-height:350px;
    overflow-y:auto;
    padding:15px;

}

/* Offer Item */

.offer-item{

    border:1px solid #eee;
    padding:15px;
    border-radius:12px;
    margin-bottom:15px;
    transition:.3s;

}

.offer-item:hover{

    background:#fff8e8;
    transform:translateY(-2px);

}

.offer-item h4{
    margin:0 0 8px;
}

.offer-item p{
    margin:0;
    color:#666;
}
/* products page-------------------------------------------------------------------------------------- */
/*=========================================================
                PRODUCTS HERO SECTION
=========================================================*/

.inam-productshero-wrapper{
    position:relative;
    width:100%;
    min-height:280px;
    overflow:hidden;
    background:
    linear-gradient(rgba(1, 138, 23, 0.04),rgba(178, 214, 191, 0.36)), url("../images/bg/products-hero.webp");
    background-position:center;
    background-size:cover;
    display:flex;
    align-items:center;
}
.inamproducthero-wrapper{

    position:relative;
    width:100%;
    min-height:370px;
    overflow:hidden;
    display:flex;
    align-items:center;

    background-size:cover;
    background-position:center 77%;
    background-repeat:no-repeat;
}
.inam-productshero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgb(2, 59, 29), rgba(29, 48, 37, 0), rgba(16, 56, 35, 0));
}

.inam-productshero-container{
    width:90%;
    max-width:1400px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    position:relative;
    z-index:2;
}

.inam-productshero-left{
    display:flex;
    flex-direction:column;
    margin-top:-35px;
}

.inam-productshero-title{
    font-family:'Playfair Display',serif;
    font-size:52px;
    color:#fff;
    font-weight:700;
    margin-bottom:18px;
    line-height:1;
    
}

.inam-productshero-breadcrumb{
    display:flex;
    align-items:center;
    gap:14px;
}

.inam-productshero-home{
    text-decoration:none;
    color:#fff;
    font-size:18px;
    font-weight:500;
    font-family:'Poppins',sans-serif;
    transition:.3s;
}

.inam-productshero-home:hover{
    color:#FFB100;
}

.inam-productshero-arrow{
    color:#d8d8d8;
    font-size:14px;
}

.inam-productshero-current{
    font-size:18px;
    color:#ffffff;
    font-weight:500;
    font-family:'Poppins',sans-serif;
}

.inam-productshero-right{
    display:flex;
    align-items:center;
}

.inam-productshero-enquirybtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    padding:18px 42px;
    background:#22c55e;
    color:#fff;
    text-decoration:none;
    border-radius:60px;
    font-size:22px;
    font-weight:600;
    font-family:'Poppins',sans-serif;
    transition:.35s;
    box-shadow:0 12px 35px rgba(0,0,0,.18);
}

.inam-productshero-enquirybtn i{
    font-size:24px;
}

.inam-productshero-enquirybtn:hover{
    background:#0b8d3b;
    transform:translateY(-3px);
}


/*=========================================================
                FEATURED PRODUCT SECTION
=========================================================*/

.inam-featureproduct-wrapper{
    width:100%;
    padding:30px 0 10px;
    /* background:#ffffff; */
}

.inam-featureproduct-container{
    width:92%;
    max-width:1380px;
    margin:auto;
}

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

.inam-featureproduct-filterarea{

    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:22px;

}

.inam-featureproduct-filterlabel{

    font-family:'Poppins',sans-serif;
    font-size:15px;
    font-weight:600;
    color:#35573d;

}

.inam-featureproduct-selectbox{

    position:relative;

}

.inam-featureproduct-select{

    width:160px;
    height:42px;

    padding:0 40px 0 16px;

    border:1px solid #e6e6e6;

    border-radius:8px;

    background:#ffffff;

    outline:none;

    font-family:'Poppins',sans-serif;

    font-size:14px;

    color:#555;

    cursor:pointer;

    transition:.3s;

}

.inam-featureproduct-select:hover{

    border-color:#2f7d43;

}

.inam-featureproduct-select:focus{

    border-color:#2f7d43;

    box-shadow:0 0 0 3px rgba(47,125,67,.12);

}


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

.inam-featureproduct-card{

    display:flex;

    overflow:hidden;

    background:#fff;

    border:1px solid #ebebeb;

    border-radius:18px;

    box-shadow:0 5px 22px rgba(0,0,0,.05);

}


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

.inam-featureproduct-imagebox{

    width:50%;

    position:relative;

    overflow:hidden;

    background:#f7f7f7;

}

.inam-featureproduct-image{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

}


/*================ ARROWS =================*/

.inam-featureproduct-arrow{

    position:absolute;

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#ffffff;

    color:#7a7a7a;

    cursor:pointer;

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

    transition:.3s;

    z-index:10;

}

.inam-featureproduct-arrow:hover{

    background:#2f7d43;

    color:#fff;

}

.inam-featureproduct-leftarrow{

    left:10px;

    top:50%;

    transform:translateY(-50%);

}

.inam-featureproduct-rightarrow{

    right:18px;

    top:50%;

    transform:translateY(-50%);

}


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

.inam-featureproduct-content{

    width:50%;

    position:relative;

    padding:42px 40px;

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

}

.inam-featureproduct-title {
  font-family: 'Playfair Display',serif;
  font-size: 31px;
  font-weight: 700;
  color: #27492f;
  margin-bottom: 18px;
  text-transform: uppercase;
  letter-spacing: -1px;
}

.inam-featureproduct-line{

    width:42px;

    height:4px;

    border-radius:30px;

    background:#2f7d43;

    margin-bottom:20px;

}

.inam-featureproduct-desc{

    font-family:'Poppins',sans-serif;

    font-size:14px;

    color:#4f4f4f;

    line-height:1.9;

    max-width:440px;

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

.inam-featureproduct-features{

    display:flex;

    align-items:flex-start;

    gap:24px;

    margin-top:30px;

    margin-bottom:34px;

    flex-wrap:wrap;

}

.inam-featureproduct-featureitem{

    display:flex;

    align-items:flex-start;

    gap:10px;

}

.inam-featureproduct-featureicon{

    width:34px;

    height:34px;

    border:1px solid rgba(47,125,67,.18);

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#46754f;

    font-size:16px;

    flex-shrink:0;

    transition:.35s;

}

.inam-featureproduct-featureitem:hover
.inam-featureproduct-featureicon{

    background:#2f7d43;

    color:#fff;

    transform:translateY(-3px);

}

.inam-featureproduct-featuretext{

    font-family:'Poppins',sans-serif;

    font-size:12px;

    line-height:1.55;

    color:#35533d;

    font-weight:500;

}


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

.inam-featureproduct-buttonarea{

    display:flex;

    align-items:center;

}

.inam-featureproduct-btn{

    display:inline-flex;

    align-items:center;

    gap:14px;

    padding:15px 30px;

    background:#2f7d43;

    color:#fff;

    text-decoration:none;

    border-radius:6px;

    font-family:'Poppins',sans-serif;

    font-size:15px;

    font-weight:600;

    transition:.35s;

}

.inam-featureproduct-btn i{

    font-size:15px;

    transition:.35s;

}

.inam-featureproduct-btn:hover{

    background:#1f5b2f;

}

.inam-featureproduct-btn:hover i{

    transform:translateX(6px);

}
/*=========================================================
                PRODUCT CATEGORIES
=========================================================*/

.inam-productcategories-wrapper{

    width:100%;
    margin-top:-2px;

}

.inam-productcategories-container{

    width:100%;

    background:#fbfcfa;

    border:1px solid #e8ece7;

    border-top:none;

    border-radius:0 0 18px 18px;

    padding:18px 18px 20px;

}


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

.inam-productcategories-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:18px;

}

.inam-productcategories-titlewrap{

    display:flex;

    align-items:center;

    gap:8px;

}

.inam-productcategories-titlewrap i{

    color:#2f7d43;

    font-size:15px;

}

.inam-productcategories-title{

    font-family:'Playfair Display',serif;

    font-size:25px;

    color:#2e5137;

    margin:0;
    margin-bottom:15px;

}

.inam-productcategories-line{

    width:70px;

    height:2px;

    background:#7ba36d;

    border-radius:30px;

}

.inam-productcategories-close{

    border:none;

    background:transparent;

    font-size:13px;

    color:#4e714d;

    cursor:pointer;

    font-family:'Poppins',sans-serif;

    display:flex;

    align-items:center;

    gap:8px;

}

.inam-productcategories-close:hover{

    color:#1f5b2f;

}


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

.inam-productcategories-grid{

    display:grid;

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

    gap:18px;

}


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

.inam-productcategories-card{

    background:#fff;

    border:1px solid #ececec;

    border-radius:12px;

    display:flex;

    align-items:center;

    padding:15px;

    text-decoration:none;

    transition:.35s;

    min-height:145px;

}

.inam-productcategories-card:hover{

    transform:translateY(-6px);

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

}

.inam-productcategories-imagebox{

    width:110px;

    flex-shrink:0;

}

.inam-productcategories-imagebox img{

    width:100%;

}

.inam-productcategories-content{

    padding-left:15px;

    display:flex;

    flex-direction:column;

    height:100%;

}

.inam-productcategories-content h4{

    font-size:18px;

    color:#2f5635;

    margin-bottom:10px;

    font-family:'Playfair Display',serif;

}

.inam-productcategories-content p{

    font-size:13px;

    line-height:1.8;

    color:#555;

    margin-bottom:auto;

    font-family:'Poppins',sans-serif;

}

.inam-productcategories-content span{

    margin-top:15px;

    color:#2f7d43;

    font-size:15px;

}

.inam-productcategories-card:hover span{

    transform:translateX(5px);

}
/*=========================================================
            OTHER PRODUCTS HOVER EFFECTS
=========================================================*/

.inam-otherproducts-card{

    position:relative;

}

.inam-otherproducts-card::before{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:4px;

    background:#2f7d43;

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s;

}

.inam-otherproducts-card:hover::before{

    transform:scaleX(1);

}

.inam-otherproducts-content span i{

    transition:.35s;

}

.inam-otherproducts-card:hover
.inam-otherproducts-content span i{

    transform:translateX(4px);

}

.inam-otherproducts-card:hover
.inam-otherproducts-content h4{

    color:#2f7d43;

}
#inamCategoriesSection{

    display:none;

}

#inamCategoriesSection.inam-category-active{

    display:block;

    animation:inamCategoryFade .4s ease;

}

@keyframes inamCategoryFade{

    from{

        opacity:0;

        transform:translateY(20px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/* .inam-productcategories-viewmore {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  padding: 10px 18px;
  background: #1b5e20;
  color: #fff;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  transition: .35s ease;
} */
 .inam-productcategories-viewmore {
  display: inline-flex;
  align-items: center;
  gap: 48px;
  margin-top: 18px;
  padding: 11px 10px 10px 10px;
  background: #1b5e20;
  color: #fff;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  transition: .35s ease;
}

.inam-productcategories-viewmore i{

    transition:.35s ease;

}

.inam-productcategories-card:hover .inam-productcategories-viewmore{

    background:#2e7d32;

}

.inam-productcategories-card:hover .inam-productcategories-viewmore i{

    transform:translateX(4px);

}
/*=========================================================
                OTHER PRODUCTS
=========================================================*/

.inam-otherproducts-wrapper{
    width:100%;
    margin-top:22px;
    margin-bottom:60px;
}

.inam-otherproducts-container{
    width:89%;
}

.inam-otherproducts-heading{
    margin-bottom:18px;
}

.inam-otherproducts-titlewrap{
    display:flex;
    align-items:center;
    gap:8px;
}

.inam-otherproducts-titlewrap i{
    color:#2f7d43;
    font-size:15px;
}

.inam-otherproducts-title{
    font-family:'Playfair Display',serif;
    font-size:22px;
    color:#2d5137;
    margin:0;
}

.inam-otherproducts-line{
    width:70px;
    height:2px;
    background:#8fb384;
    border-radius:30px;
}

.inam-otherproducts-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:16px;
}

.inam-otherproducts-card{
    position:relative;
    background:#fff;
    border:1px solid #e9ece8;
    border-radius:12px;
    overflow:hidden;
    text-decoration:none;
    transition:.35s;
    box-shadow:0 3px 12px rgba(0,0,0,.04);
}

.inam-otherproducts-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.09);
}

.inam-otherproducts-imagebox{
    height:165px;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:14px;
    background:#fff;
}

.inam-otherproducts-imagebox img{
    max-width:100%;
    max-height:145px;
    object-fit:contain;
    transition:.35s;
}

.inam-otherproducts-card:hover
.inam-otherproducts-imagebox img{
    transform:scale(1.06);
}

.inam-otherproducts-content{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 16px;
}

.inam-otherproducts-content h4{
    font-family:'Poppins',sans-serif;
    font-size:14px;
    color:#2f4f38;
    font-weight:600;
    line-height:1.5;
    margin:0;
}

.inam-otherproducts-content span{
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#2f7d43;
    transition:.35s;
}
/*=========================================================
                OTHER PRODUCTS WRAPPER
=========================================================*/

.inam-otherproducts-wrapper{

    width:100%;

    margin-top:24px;

    margin-bottom:60px;

}

.inam-otherproducts-container{

    background:#fff;

    border:1px solid #e8ece7;

    border-radius:18px;

    padding:20px;

    box-shadow:0 4px 18px rgba(0,0,0,.04);

    overflow:hidden;
    margin-left: 50px;

}
#inamMainProductImage,
#inamMainProductTitle,
#inamMainProductDescription{

    transition:.3s ease;

}
#inamMainProductImage,
#inamMainProductTitle,
#inamMainProductDescription{

    transition:.35s ease;

}

.inam-featureproduct-card{

    scroll-margin-top:120px;

}
/*=========================================================
                PRODUCT CATEGORIES CONTAINER
=========================================================*/

.inam-productcategories-wrapper{

    width:100%;

    margin-top:24px;

    margin-bottom:24px;

}

.inam-productcategories-container {
  width: 89%;
  background: #ffffff;
  border: 1px solid #e8ece7;
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 4px 18px rgba(0,0,0,.04);
  overflow: hidden;
  margin-left: 48px;
}
.inam-productcategories-grid{

    display:grid;

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

    gap:18px;

    width:100%;

}
.inam-productcategories-card{

    display:flex;

    align-items:center;

    background:#ffffff;

    border:1px solid #e9ece8;

    border-radius:14px;

    padding:16px;

    text-decoration:none;

    transition:.35s;

    overflow:hidden;

    min-height:200px;

}

.inam-productcategories-card:hover{

    transform:translateY(-6px);

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

    border-color:#2f7d43;

}
/* .inam-productcategories-imagebox{

    width:110px;

    height:110px;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-shrink:0;

} */
.inam-productcategories-imagebox {
  width: 128px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.inam-productcategories-imagebox img{

    max-width:100%;

    max-height:100%;

    object-fit:contain;

    transition:.35s;

}

.inam-productcategories-card:hover
.inam-productcategories-imagebox img{

    transform:scale(1.08);

}
.inam-productcategories-content{

    display:flex;

    flex-direction:column;

    padding-left:18px;

    flex:1;

}

.inam-productcategories-content h4{

    font-family:'Playfair Display',serif;

    font-size:18px;

    color:#2f5635;

    margin:0 0 10px;

}

.inam-productcategories-content p{

    font-family:'Poppins',sans-serif;

    font-size:13px;

    color:#666;

    line-height:1.8;

    margin:0;

}

.inam-productcategories-content span{

    margin-top:40px;

    color:#fff;

    transition:.35s;

}

.inam-productcategories-card:hover span{

    transform:translateX(5px);

}
.inam-otherproducts-slider{

    overflow-x:auto;

    overflow-y:hidden;

    scroll-behavior:smooth;

    scrollbar-width:none;

}

.inam-otherproducts-slider::-webkit-scrollbar{

    display:none;

}

.inam-otherproducts-grid{

    display:flex;

    gap:20px;

    width:max-content;

}

.inam-otherproducts-card{

    min-width:220px;

    flex-shrink:0;

}
.inam-productcategories-slider{

    overflow-x:auto;

    overflow-y:hidden;

    scroll-behavior:smooth;

    scrollbar-width:none;

}

.inam-productcategories-slider::-webkit-scrollbar{

    display:none;

}

.inam-productcategories-grid{

    display:flex;

    gap:20px;

    width:max-content;

}

.inam-productcategories-card{

    min-width:320px;

    flex-shrink:0;

}
.inam-otherproducts-slider{

    display:flex;

    overflow-x:auto;

    overflow-y:hidden;

    scroll-behavior:smooth;

    -webkit-overflow-scrolling:touch;

    scrollbar-width:none;

    cursor:grab;

}

.inam-otherproducts-slider::-webkit-scrollbar{

    display:none;

}
.inam-productcategories-slider{

    display:flex;

    overflow-x:auto;

    overflow-y:hidden;

    scroll-behavior:smooth;

    -webkit-overflow-scrolling:touch;

    scrollbar-width:none;

    cursor:grab;

}

.inam-productcategories-slider::-webkit-scrollbar{

    display:none;

}
/*=========================================================
                PRODUCTS PAGE BACKGROUND
=========================================================*/

.inam-products-page{

    position:relative;

    z-index:1;

    overflow:hidden;

}

.inam-products-page::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("../images/bg/productsbg.webp") center center/cover no-repeat;

    opacity:.4 !important;              /* Change to .05 - .12 */

    z-index:-1;

    pointer-events:none;

}
/*=========================================================
                FILTER PRODUCTS
=========================================================*/

.inam-featureproduct-filterarea{

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

    width:fit-content;

    padding:14px 20px;

    margin:0 auto 28px;

    /* background:rgba(255,255,255,.92);

    backdrop-filter:blur(10px); */

    border:1px solid rgba(47,125,67,.18);

    border-radius:14px;

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

}

.inam-featureproduct-filterlabel{

    font-family:'Poppins',sans-serif;

    font-size:16px;

    font-weight:700;

    color:#245636;

    white-space:nowrap;

    letter-spacing:.2px;

}

.inam-featureproduct-filterlabel::before{

    content:"";

    width:8px;

    height:8px;

    display:inline-block;

    margin-right:10px;

    border-radius:50%;

    background:#2f7d43;

    box-shadow:0 0 10px rgba(47,125,67,.4);

}

.inam-featureproduct-selectbox{

    position:relative;

}

.inam-featureproduct-selectbox::after{

    content:"\f107";

    font-family:"Font Awesome 6 Free";

    font-weight:900;

    position:absolute;

    right:16px;

    top:50%;

    transform:translateY(-50%);

    color:#2f7d43;

    pointer-events:none;

    font-size:14px;

}

.inam-featureproduct-select{

    appearance:none;

    -webkit-appearance:none;

    width:220px;

    height:48px;

    padding:0 45px 0 18px;

    background:#ffffff;

    border:2px solid #dbe7dc;

    border-radius:10px;

    outline:none;

    cursor:pointer;

    font-family:'Poppins',sans-serif;

    font-size:15px;

    font-weight:500;

    color:#2f4f38;

    transition:.35s;

}

.inam-featureproduct-select:hover{

    border-color:#2f7d43;

    box-shadow:0 6px 18px rgba(47,125,67,.12);

}

.inam-featureproduct-select:focus{

    border-color:#2f7d43;

    box-shadow:0 0 0 4px rgba(47,125,67,.15);

}

.inam-featureproduct-select option{

    font-size:15px;

    padding:12px;

}
/* ----------------------------------------modified--------------------------------------------------------------------------- */
/*=========================================================
                HERO ENQUIRY BUTTON
=========================================================*/
.inam-productshero-enquirybtn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-width: 131px;
  height: 68px;
  padding: 0 38px;
  border-radius: 60px;
  text-decoration: none;
  overflow: hidden;
  background: linear-gradient(135deg,#dc9629,#a87d4f);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 12px 30px rgba(47,125,67,.28), inset 0 1px 0 rgba(255,255,255,.15);
  transition: .45s ease;
}
.inam-productshero-enquirybtn i{

    width:44px;

    height:44px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

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

    color:#fff;

    font-size:18px;

    transition:.4s;

}

.inam-productshero-enquirybtn span{

    font-family:'Poppins',sans-serif;

    font-size:18px;

    font-weight:600;

    color:#fff;

    letter-spacing:.3px;

}

.inam-productshero-enquirybtn::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:70%;

    height:100%;

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

    transform:skewX(-25deg);

    transition:.8s;

}

.inam-productshero-enquirybtn:hover::before{

    left:150%;

}

.inam-productshero-enquirybtn:hover{

    transform:translateY(-4px);

    box-shadow:
        0 18px 40px rgba(47,125,67,.35);

}

.inam-productshero-enquirybtn:hover i{

    transform:rotate(-8deg) scale(1.08);

    background:#fff;

    color:#2f7d43;

}

.inam-productshero-enquirybtn:active{

    transform:translateY(-1px);

}




.inam-otherproducts-grid,
.inam-productcategories-grid{
    display:flex;
    width:max-content;
    gap:20px;
    animation: marquee 20s linear infinite;
}

.inam-otherproducts-grid:hover,
.inam-productcategories-grid:hover{
    animation-play-state: paused;
}

@keyframes marquee{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}









/*=========================================================
            PAGE LOADER
=========================================================*/

/*=========================================================
                    PAGE LOADER
=========================================================*/

.inam-page-loader{

    position:fixed;
    inset:0;

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

    overflow:hidden;

    z-index:999999;

    background:
    radial-gradient(circle at top left,
    rgba(72,145,88,.22),
    transparent 40%),

    radial-gradient(circle at bottom right,
    rgba(212,175,55,.12),
    transparent 40%),

    linear-gradient(135deg,
    #173926,
    #224f34,
    #183d28);

    transition:1s;

}

.inam-page-loader::before{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(255,255,255,.05),
    transparent 70%);

    left:-120px;
    top:-120px;

}

.inam-page-loader::after{

    content:"";

    position:absolute;

    width:350px;
    height:350px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(212,175,55,.08),
    transparent 70%);

    right:-100px;
    bottom:-100px;

}


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

.inam-loader-content{

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

    margin:auto;

    text-align:center;

    position:relative;

    z-index:5;

}


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

.inam-loader-logo{

    width:220px;

    margin-bottom:18px;

    animation:logoZoom .8s ease;

    filter:drop-shadow(0 12px 25px rgba(0,0,0,.18));

}


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

.inam-loader-content h2{

    display:inline-block;

    position:relative;

    margin:0;

    padding-bottom:18px;

    font-family:'Playfair Display',serif;

    font-size:48px;

    font-weight:700;

    color:#fff;

    letter-spacing:.7px;

    text-shadow:

    0 5px 15px rgba(0,0,0,.25);

}

.inam-loader-content h2::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:90px;

    height:4px;

    border-radius:30px;

    background:

    linear-gradient(

    90deg,

    #d4af37,

    #ffe79b,

    #d4af37);

}


/*=========================================================
                    SUBTITLE
=========================================================*/

.inam-loader-subtitle{

    margin:18px 0 45px;

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

    font-size:16px;

    font-family:'Poppins',sans-serif;

    letter-spacing:.4px;

}


/*=========================================================
                    PRODUCTS
=========================================================*/

.inam-loader-products{

    display:flex;

    justify-content:center;

    align-items:stretch;

    flex-wrap:wrap;

    gap:22px;

}


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

.inam-loader-card{

    width:165px;

    height:230px;

    padding:18px;

    border-radius:18px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    align-items:center;

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

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

    backdrop-filter:blur(14px);

    box-shadow:

    0 15px 35px rgba(0,0,0,.18);

    opacity:0;

    transform:translateY(120px);

    animation:

    loaderCard .8s forwards,

    floatCard 4s ease-in-out infinite;

}


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

.inam-loader-card img{

    width:100px;

    height:100px;

    object-fit:contain;

    flex-shrink:0;

    transition:.4s;

}

.inam-loader-card:hover img{

    transform:scale(1.08);

}


/*=========================================================
                    PRODUCT NAME
=========================================================*/

.inam-loader-card span{

    width:100%;

    min-height:46px;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    color:#fff;

    font-family:'Poppins',sans-serif;

    font-size:15px;

    font-weight:600;

    line-height:1.4;

    letter-spacing:.2px;

}


/*=========================================================
                    DELAYS
=========================================================*/

.card1{

    animation-delay:.1s,.9s;

}

.card2{

    animation-delay:.25s,1.05s;

}

.card3{

    animation-delay:.4s,1.2s;

}

.card4{

    animation-delay:.55s,1.35s;

}

.card5{

    animation-delay:.7s,1.5s;

}

.card6{

    animation-delay:.85s,1.65s;

}


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

@keyframes loaderCard{

    0%{

        opacity:0;

        transform:

        translateY(120px)

        scale(.85);

    }

    100%{

        opacity:1;

        transform:

        translateY(0)

        scale(1);

    }

}


/*=========================================================
                    FLOAT
=========================================================*/

@keyframes floatCard{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

    100%{

        transform:translateY(0);

    }

}


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

@keyframes logoZoom{

    0%{

        opacity:0;

        transform:scale(.6);

    }

    100%{

        opacity:1;

        transform:scale(1);

    }

}


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

@media(max-width:992px){

    .inam-loader-content h2{

        font-size:36px;

    }

    .inam-loader-products{

        gap:16px;

    }

    .inam-loader-card{

        width:145px;

        height:215px;

    }

}

@media(max-width:768px){

    .inam-loader-content h2{

        font-size:30px;

    }

    .inam-loader-subtitle{

        font-size:14px;

    }

    .inam-loader-card{

        width:130px;

        height:200px;

    }

    .inam-loader-card img{

        width:80px;

        height:80px;

    }

}.inam-loader-card img{

    width:135px;

    height:135px;

    object-fit:contain;

    object-position:center;

    flex-shrink:0;

    transition:.4s;

}
/*=========================================================
        FEATURED PRODUCT IMAGE ANIMATION
=========================================================*/

.inam-featureproduct-image{

    opacity:0;

    transform:translateX(-120px) scale(1.08);

    filter:blur(8px);

    will-change:transform,opacity;

}

.inam-featureproduct-image.inam-image-loaded{

    animation:inamImageReveal 1s cubic-bezier(.22,.61,.36,1) forwards;

}

@keyframes inamImageReveal{

    0%{

        opacity:0;

        transform:translateX(-120px) scale(1.08);

        filter:blur(8px);

    }

    60%{

        opacity:1;

    }

    100%{

        opacity:1;

        transform:translateX(0) scale(1);

        filter:blur(0);

    }

}/*=========================================================
        RIGHT CONTENT ANIMATION
=========================================================*/

.inam-featureproduct-content{

    opacity:0;

    transform:translateX(80px);

}

.inam-featureproduct-content.inam-content-loaded{

    animation:inamContentReveal .9s ease forwards;

    animation-delay:.25s;

}

@keyframes inamContentReveal{

    from{

        opacity:0;

        transform:translateX(80px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}
.inam-featureproduct-card{
    transition: transform .45s ease, opacity .45s ease;
}

.slide-next{
    transform:translateX(-120px);
    opacity:0;
}

.slide-prev{
    transform:translateX(120px);
    opacity:0;
}
/*=========================================================
                    PAGE LOADER
=========================================================*/

.inam-page-loader{

    position:fixed;
    inset:0;

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

    overflow:hidden;

    z-index:999999;

    background:
    radial-gradient(circle at top left,
    rgba(66,140,84,.22),
    transparent 45%),

    radial-gradient(circle at bottom right,
    rgba(214,184,74,.14),
    transparent 45%),

    linear-gradient(135deg,
    #143322 0%,
    #1d4a31 45%,
    #214d34 100%);

}
.inam-featureproduct-imagebox,
.inam-featureproduct-content{
    transition: transform .4s ease, opacity .4s ease;
}

.slide-out-left{
    transform: translateX(-80px);
    opacity:0;
}

.slide-out-right{
    transform: translateX(80px);
    opacity:0;
}

.slide-in-left{
    transform: translateX(-80px);
    opacity:0;
}

.slide-in-right{
    transform: translateX(80px);
    opacity:0;
}


/*=========================================================
                DECORATIVE GLOW
=========================================================*/

.inam-page-loader::before{

    content:"";

    position:absolute;

    width:450px;
    height:450px;

    left:-160px;
    top:-160px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(255,255,255,.08),
    transparent 70%);

}

.inam-page-loader::after{

    content:"";

    position:absolute;

    width:380px;
    height:380px;

    right:-140px;
    bottom:-140px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(214,184,74,.15),
    transparent 70%);

}


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

.inam-loader-content{

    position:relative;

    width:min(1200px,92%);

    text-align:center;

    z-index:5;

}


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

.inam-loader-logo{

    width:220px;

    margin-bottom:22px;

    filter:
    drop-shadow(0 18px 35px rgba(0,0,0,.28));

    animation:logoReveal .9s ease;

}


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

.inam-loader-content h2{

    display:inline-block;

    position:relative;

    margin:0;

    color:#fff;

    font-family:'Playfair Display',serif;

    font-size:48px;

    font-weight:700;

    letter-spacing:.8px;

    text-shadow:
    0 4px 18px rgba(0,0,0,.28);

}

.inam-loader-content h2::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:-18px;

    transform:translateX(-50%);

    width:110px;

    height:4px;

    border-radius:50px;

    background:

    linear-gradient(90deg,

    transparent,

    #e4bf57,

    #ffffff,

    #e4bf57,

    transparent);

}


/*=========================================================
                    SUBTITLE
=========================================================*/

.inam-loader-subtitle{

    margin:42px auto;

    max-width:520px;

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

    font-family:'Poppins',sans-serif;

    font-size:16px;

    line-height:1.8;

}


/*=========================================================
                PRODUCTS AREA
=========================================================*/

.inam-loader-products{

    display:flex;

    justify-content:center;

    gap:24px;

    flex-wrap:wrap;

}


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

.inam-loader-card{

    width:170px;

    height:250px;

    padding:20px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    align-items:center;

    border-radius:20px;

    background:

    linear-gradient(

    180deg,

    rgba(255,255,255,.12),

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

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

    backdrop-filter:blur(16px);

    box-shadow:

    0 20px 40px rgba(0,0,0,.18);

    transition:.45s;

    opacity:0;

    transform:translateY(80px);

    animation:cardReveal .8s forwards;

}

.inam-loader-card:hover{

    transform:

    translateY(-10px);

    background:

    rgba(255,255,255,.14);

}


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

.inam-loader-card img{

    width:140px;

    height:140px;

    object-fit:contain;

    transition:.45s;

}

.inam-loader-card:hover img{

    transform:scale(1.08);

}


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

.inam-loader-card span{

    width:100%;

    text-align:center;

    color:#fff;

    font-family:'Poppins',sans-serif;

    font-size:15px;

    font-weight:600;

    letter-spacing:.4px;

}


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

.card1{animation-delay:.10s;}
.card2{animation-delay:.25s;}
.card3{animation-delay:.40s;}
.card4{animation-delay:.55s;}
.card5{animation-delay:.70s;}


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

@keyframes logoReveal{

0%{

    opacity:0;

    transform:translateY(-40px) scale(.85);

}

100%{

    opacity:1;

    transform:translateY(0) scale(1);

}

}


@keyframes cardReveal{

0%{

    opacity:0;

    transform:

    translateY(80px)

    scale(.92);

}

100%{

    opacity:1;

    transform:

    translateY(0)

    scale(1);

}

}


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

@media(max-width:768px){

.inam-loader-logo{

    width:180px;

}

.inam-loader-content h2{

    font-size:34px;

}

.inam-loader-products{

    gap:16px;

}

.inam-loader-card{

    width:145px;

    height:220px;

}

.inam-loader-card img{

    width:110px;

    height:110px;

}

}

@media(max-width:480px){

.inam-loader-content h2{

    font-size:28px;

}

.inam-loader-card{

    width:130px;

    height:200px;

    padding:15px;

}

.inam-loader-card img{

    width:95px;

    height:95px;

}

.inam-loader-card span{

    font-size:13px;

}

}
/*=========================================================
                    IMAGE BOX
=========================================================*/

.inam-loader-card img{

    width:120px;

    height:120px;

    object-fit:contain;

    object-position:center;

    display:block;

    margin:auto;

    flex-shrink:0;

    transition:.45s;

}


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

.inam-loader-card{

    width:170px;

    height:250px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    align-items:center;

}

.inam-loader-card::before{

    content:"";

    width:130px;

    height:130px;

    position:absolute;

    opacity:0;

}
/*===============================================blog===============================================*/
.blog-hero{
    position:relative;
    height:50vh;
    background:url("../images/food-images/spice12.jpeg") center/cover;
    display:flex;
    align-items:center;
}

.blog-hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(8,42,18,.90),
        rgba(8,42,18,.55),
        rgba(8,42,18,.20)
    );
}

.blog-hero .blog-container{
    position:relative;
    z-index:2;
    width:90%;
    max-width:1400px;
    margin:auto;
}

.blog-hero-content{
    max-width:700px;
    color:#fff;
}

.blog-hero-badge{
    display:inline-block;
    padding:8px 18px;
    border-radius:40px;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(10px);
    font-size:13px;
    letter-spacing:2px;
    margin-bottom:25px;
}

.blog-hero-content h1{
    font-size:52px;
    line-height:1.15;
    margin-bottom:20px;
}

.blog-hero-content p{
    font-size:17px;
    color:#ededed;
    line-height:1.8;
}


.blog-section{
    padding:90px 6%;
}

.blog-section-heading{
    text-align:center;
    margin-bottom:70px;
}

.blog-section-heading span{
    color:#14621f;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
}

.blog-section-heading h2{
    font-size:42px;
    margin:15px 0;
    color:#c4781f;
}

.blog-section-heading p{
    max-width:700px;
    margin:auto;
    color:#777;
    line-height:1.8;
}

 .blog-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-template-rows:270px 270px;  
    grid-auto-rows:360px;             
    gap:24px;
}

.blog-card{

    position:relative;

    overflow:hidden;

    border-radius:22px;

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

    transition:.4s;

    background:#fff;

}

.blog-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.7s;

}

.blog-card:hover img{

    transform:scale(1.12);

}

.blog-card:hover{

    transform:translateY(-8px);

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

}

.blog-overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    padding:30px;

    background:linear-gradient(
        to top,
        rgba(0,0,0,.88),
        rgba(0,0,0,.25),
        transparent
    );

}

.blog-category{

    display:inline-block;

    width:max-content;

    padding:7px 16px;

    background:#C99A3D;

    color:#fff;

    border-radius:30px;

    font-size:13px;

    margin-bottom:15px;

}

.blog-overlay h3{

    color:#fff;

    font-size:24px;

    line-height:1.4;

    margin-bottom:18px;

}

.blog-overlay .read-article{

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.blog-card:hover .read-article{

    letter-spacing:1px;

}



.blog-featured{

    grid-column:3/5;

    grid-row:1/3;

}

.blog-featured h3{

    font-size:34px;

}

.blog-wide{

    grid-column:1/3;

}



@media(max-width:1100px){

.blog-grid{

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

grid-template-rows:auto;

}

.blog-featured,
.blog-wide{

grid-column:auto;

grid-row:auto;

min-height:320px;

}

}

@media(max-width:768px){

.blog-hero-content h1{

font-size:38px;

}

.blog-section-heading h2{

font-size:32px;

}

.blog-grid{

grid-template-columns:1fr;

}

.blog-card{

height:320px;

}

.blog-featured h3{

font-size:24px;

}

}

@media(max-width:500px){

.blog-hero-content h1{

font-size:30px;

}

.blog-hero-content p{

font-size:15px;

}

.blog-section-heading h2{

font-size:28px;

}

.blog-overlay{

padding:22px;

}

.blog-overlay h3{

font-size:20px;

}

}
.blog-card-link{
    display:block;
    text-decoration:none;
    color:inherit;
}

.blog-card-link:hover{
    text-decoration:none;
    color:inherit;
}
/*==============================================Blog detail==================================*/
.bd-container{
    width:min(1200px,92%);
    margin:auto;
}
.bd-page{
     font-family:'Poppins',sans-serif;
    color:#1A1A1A;
    background:#fff;
    overflow-x:hidden;
}

.bd-section-heading{
    text-align:center;
    margin-bottom:20px;
}

.bd-section-heading span{

    display:inline-block;

    color:#0E5A37;

    font-size:.85rem;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:12px;

}

.bd-section-heading h2{

    font-size:2.4rem;

    margin-bottom:15px;

    color:#1A1A1A;

}

.bd-section-heading p{

    max-width:650px;

    margin:auto;

    color:#5f5f5f;

    line-height:1.8;

}


.bd-hero{

    position:relative;

    padding-bottom:60px;

}

.bd-hero-image{

    position:relative;

    height:520px;

    overflow:hidden;

}

.bd-hero-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    animation:heroZoom 18s linear infinite alternate;

}

.bd-hero-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(

        to top,

        rgba(0,0,0,.45),

        rgba(0,0,0,.05)

    );

}

.bd-floating-card{

    position:relative;

    margin:-100px auto 0;

    /* max-width:900px; */
    max-width:1160px;

    /* padding:55px; */
    padding:37px;

    background:#ffffff;

    border-radius:22px;

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

    z-index:10;

    will-change:transform;

}

.bd-floating-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:7px;

    height:100%;

    background:#0E5A37;

    border-radius:30px;

}


/*==================================================
BLOG META
==================================================*/

.bd-meta{

    display:flex;

    gap:30px;

    flex-wrap:wrap;

    margin-bottom:22px;

}

.bd-meta span{

    display:flex;

    align-items:center;

    gap:10px;

    color:#5f5f5f;

    font-size:.95rem;

}

.bd-meta i{

    color:#D4A437;

}


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

.bd-floating-card h1{

    font-size:3rem;

    line-height:1.2;

    margin-bottom:25px;

}


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

@keyframes heroZoom{

    from{

        transform:scale(1);

    }

    to{

        transform:scale(1.08);

    }

}
/*==================================================
BLOG CONTENT
==================================================*/


.bd-content p{
    color:#5f5f5f;
    font-size:20px;
    line-height:2;
    margin-bottom:28px;
}

.bd-content h2{
    margin-top:50px;
    margin-bottom:22px;
    font-size:2rem;
    color:#1A1A1A;
}

.bd-content h3{
    margin-top:40px;
    margin-bottom:18px;
    font-size:1.55rem;
    color:#1A1A1A;
}

.bd-content img{
    width:100%;
    margin:45px 0;
    border-radius:20px;
    box-shadow: 0 15px 40px rgba(0,0,0,.08);
}

.bd-content ul{
    margin:30px 0;
}

.bd-content li{
    color:#5f5f5f;
    font-size:18px;
    line-height:1.8;
    margin-bottom:14px;
}

.bd-content li::marker{
    color:#0E5A37;
}

.bd-content strong{
    color:#1A1A1A;
}

.bd-content a{
    color:#0E5A37;
    font-weight:600;
    transition: .4s ease;
}

.bd-content a:hover{
    color:#D4A437;
}


/*==================================================
BLOCKQUOTE
==================================================*/

.bd-content blockquote{

    position:relative;

    margin:50px 0;

    padding:45px;

    background:#f8faf8;

    border-left:6px solid #0E5A37;

    border-radius:20px;

    font-size:1.15rem;

    font-style:italic;

    color:#444;

    line-height:1.8;

}

.bd-content blockquote::before{

    content:"“";

    position:absolute;

    top:10px;
    right:35px;

    font-size:90px;

    font-family:serif;

    color:rgba(14,90,55,.12);

}


/*==================================================
FEATURE CARDS
==================================================*/

.bd-features{

    display:grid;

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

    gap:24px;

    margin:60px 0;

}


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

.bd-feature-card{

    position:relative;

    overflow:hidden;

    text-align:center;

    padding:28px 22px;

    background:#fff;

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

    border-radius:18px;

    transition:.4s ease;

}

.bd-feature-card::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;

    height:4px;

    background:#0E5A37;

    transform:scaleX(0);

    transition:.4s ease;

}

.bd-feature-card:hover{

    transform:translateY(-8px);

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

}

.bd-feature-card:hover::before{

    transform:scaleX(1);

}


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

.bd-feature-icon{

    width:70px;
    height:70px;

    margin:0 auto 18px;

    display:flex;

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

    border-radius:50%;

    background:#eef8f1;

}

.bd-feature-icon i{

    font-size:28px;

    color:#0E5A37;

}


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

.bd-feature-card h4{

    font-size:20px;

    color:#143d22;

    margin-bottom:10px;

}

.bd-feature-card p{

    margin:0;

    color:#666;

    font-size:15px;

    line-height:1.7;

    font-family:'Poppins',sans-serif;

}


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

@media (max-width:992px){

    .bd-features{

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

    }

}

@media (max-width:600px){

    .bd-features{

        grid-template-columns:1fr;

    }

}
/*==================================================
RELATED PRODUCTS
==================================================*/

.bd-related-products{

    padding:30px 0;

    position:relative;

    background:#f8f9f7;

    overflow:hidden;

}

.bd-related-products::before{

    content:"";

    position:absolute;

    top:-180px;
    right:-180px;

    width:450px;
    height:450px;

    border-radius:50%;

    background:rgba(14,90,55,.05);

}


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

.bd-products-grid{

    position:relative;

    z-index:2;

    display:grid;

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

    gap:30px;

    padding:40px;
}


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

.bd-product-card{

    position:relative;

    display:flex;

    flex-direction:column;

    overflow:hidden;

    background:#fff;

    color:inherit;

    border-radius:22px;

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

    will-change:transform;

    transition:
        transform .4s ease,
        box-shadow .4s ease;

}

.bd-product-card:hover{

    transform:translateY(-10px);

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

}


/*==================================================
TOP BORDER
==================================================*/

.bd-product-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:0;

    height:5px;

    background:linear-gradient(
        90deg,
        #0E5A37,
        #D4A437
    );

    transition:.45s;

}

.bd-product-card:hover::before{

    width:100%;

}


/*==================================================
DECORATIVE CIRCLE
==================================================*/

.bd-product-card::after{

    content:"";

    position:absolute;

    right:-50px;
    bottom:-50px;

    width:120px;
    height:120px;

    border-radius:50%;

    background:rgba(212,164,55,.05);

    transition:.4s;

}

.bd-product-card:hover::after{

    transform:scale(1.3);

}


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

.bd-product-image{

    position:relative;

    height:260px;

    overflow:hidden;

}

.bd-product-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s ease;

    border-bottom:1px solid rgba(0,0,0,.05);

}

.bd-product-card:hover .bd-product-image img{

    transform:scale(1.1);

}


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

.bd-product-image::after{

    content:"";

    position:absolute;

    inset:0;

    opacity:0;

    transition:.4s;

    background:linear-gradient(

        to top,

        rgba(14,90,55,.30),

        transparent

    );

}

.bd-product-card:hover .bd-product-image::after{

    opacity:1;

}


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

.bd-product-image::before{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:60%;
    height:100%;

    z-index:3;

    transform:skewX(-25deg);

    background:linear-gradient(

        90deg,

        transparent,

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

        transparent

    );

}

.bd-product-card:hover .bd-product-image::before{

    animation:shine 1s;

}


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

.bd-product-content{

    flex:1;

    display:flex;

    flex-direction:column;

    padding:28px;

}

.bd-product-content h3{

    position:relative;

    display:inline-block;

    font-size:1.35rem;

    color:#222;

    margin-bottom:14px;

}

.bd-product-content h3::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-8px;

    width:45px;

    height:3px;

    border-radius:20px;

    background:#D4A437;

    transition:.4s;

}

.bd-product-card:hover .bd-product-content h3::after{

    width:70px;

}

.bd-product-content p{

    flex:1;

    color:#666;

    line-height:1.8;

    margin-bottom:30px;

}


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

.bd-product-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    font-weight:600;

    color:#0E5A37;

    transition:.35s;

}

.bd-product-btn i{

    transition:.35s;

}

.bd-product-card:hover .bd-product-btn{

    color:#D4A437;

}

.bd-product-card:hover .bd-product-btn i{

    transform:translateX(6px);

}


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

@keyframes shine{

    100%{

        left:160%;

    }

}
/*==================================================
RELATED BLOGS
==================================================*/

.bd-related-blogs{

    padding:30px 0;

    position:relative;

    background:#fff;

    overflow:hidden;

}

.bd-related-blogs::before{

    content:"";

    position:absolute;

    left:-220px;
    top:-220px;

    width:500px;
    height:500px;

    border-radius:50%;

    background:rgba(14,90,55,.04);

}


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

.bd-related-blog-layout{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:1.6fr .9fr;

    gap:35px;

    align-items:stretch;
    /* padding:40px; */

}


/*==================================================
FEATURED BLOG
==================================================*/

.bd-featured-blog{

    position:relative;

    display:block;

    overflow:hidden;

    min-height:620px;

    border-radius:28px;

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

    will-change:transform;

    transition:
        transform .4s ease,
        box-shadow .4s ease;

}

.bd-featured-blog:hover{

    transform:translateY(-10px);

    box-shadow:0 28px 60px rgba(0,0,0,.16);

}


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

.bd-featured-image{

    position:absolute;

    inset:0;

}

.bd-featured-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.7s;

}

.bd-featured-blog:hover .bd-featured-image img{

    transform:scale(1.08);

}

.bd-featured-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(

        to top,

        rgba(0,0,0,.82),

        rgba(0,0,0,.15)

    );

}


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

.bd-featured-blog::before{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:60%;
    height:100%;

    z-index:10;

    transform:skewX(-25deg);

    background:linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.35),

        transparent

    );

}

.bd-featured-blog:hover::before{

    animation:featuredShine 1.1s;

}


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

.bd-featured-overlay{

    position:absolute;

    left:45px;
    right:45px;
    bottom:45px;

    z-index:5;

    color:#fff;

}

.bd-blog-date{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:10px 18px;

    margin-bottom:22px;

    border-radius:50px;

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

    backdrop-filter:blur(12px);

    font-size:.9rem;

}

.bd-blog-date i{

    color:#D4A437;

}

.bd-featured-overlay h3{

    font-size:2rem;

    line-height:1.35;

    margin-bottom:18px;

}

.bd-featured-overlay p{

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

    line-height:1.8;

    margin-bottom:28px;

}


/*==================================================
READ MORE BUTTON
==================================================*/

.bd-read-more{

    display:inline-flex;

    align-items:center;

    gap:12px;

    color:#fff;

    font-weight:600;

    transition:.35s;

}

.bd-read-more i{

    transition:.35s;

}

.bd-featured-blog:hover .bd-read-more{

    color:#D4A437;

}

.bd-featured-blog:hover .bd-read-more i{

    transform:translateX(6px);

}


/*==================================================
SIDE BLOGS
==================================================*/

.bd-side-blogs{

    display:flex;

    flex-direction:column;

    gap:28px;

}


/*==================================================
SIDE BLOG CARD
==================================================*/

.bd-side-blog-card{

    position:relative;

    display:flex;

    align-items:center;

    gap:22px;

    padding:18px;

    overflow:hidden;

    background:#fff;

    border-radius:22px;

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

    will-change:transform;

    transition:
        transform .4s ease,
        box-shadow .4s ease;

}

.bd-side-blog-card:hover{

    transform:translateX(8px);

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

}


/*==================================================
TOP BORDER
==================================================*/

.bd-side-blog-card::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:0;

    height:4px;

    background:linear-gradient(
        90deg,
        #0E5A37,
        #D4A437
    );

    transition:.45s;

}

.bd-side-blog-card:hover::before{

    width:100%;

}


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

.bd-side-image{

    width:180px;

    height:160px;

    flex-shrink:0;

    overflow:hidden;

    border-radius:18px;

}

.bd-side-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.55s;

}

.bd-side-blog-card:hover .bd-side-image img{

    transform:scale(1.08);

}


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

.bd-side-content{

    flex:1;

}

.bd-side-content span{

    display:flex;

    align-items:center;

    gap:8px;

    color:#777;

    font-size:.9rem;

    margin-bottom:12px;

}

.bd-side-content span i{

    color:#D4A437;

}

.bd-side-content h4{

    font-size:1.2rem;

    color:#222;

    line-height:1.45;

    margin-bottom:18px;

    transition:.35s;

}

.bd-side-blog-card:hover .bd-side-content h4{

    color:#0E5A37;

}


/*==================================================
MINI READ BUTTON
==================================================*/

.bd-mini-read{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#0E5A37;

    font-weight:600;

    transition:.35s;

}

.bd-mini-read i{

    transition:.35s;

}

.bd-side-blog-card:hover .bd-mini-read{

    color:#D4A437;

}

.bd-side-blog-card:hover .bd-mini-read i{

    transform:translateX(5px);

}


/*==================================================
FEATURED SHINE ANIMATION
==================================================*/

@keyframes featuredShine{

    100%{

        left:160%;

    }

}
/*==================================================
RESPONSIVE DESIGN
==================================================*/

/*==============================
LARGE TABLETS
==============================*/

@media (max-width:1200px){

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

    .bd-related-blog-layout{
        grid-template-columns:1fr;
    }

    .bd-featured-blog{
        min-height:520px;
    }

}


/*==============================
TABLETS
==============================*/

@media (max-width:992px){

    .bd-hero-image{
        height:420px;
    }

    .bd-floating-card{
        padding:40px;
        margin-top:-80px;
    }

    .bd-floating-card h1{
        font-size:2.3rem;
    }

    .bd-content{
        max-width:100%;
    }

    .bd-featured-overlay{
        left:30px;
        right:30px;
        bottom:30px;
    }

    .bd-featured-overlay h3{
        font-size:1.7rem;
    }

}


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

@media (max-width:768px){

    .bd-container{
        width:94%;
    }

    .bd-hero-image{
        height:320px;
    }

    .bd-hero{
        padding-bottom:90px;
    }

    .bd-floating-card{
        padding:28px;
        margin-top:-60px;
        border-radius:18px;
    }

    .bd-meta{
        flex-direction:column;
        align-items:flex-start;
        gap:15px;
    }

    .bd-floating-card h1{
        font-size:1.9rem;
        line-height:1.35;
    }

    /* .b-subtitle{
        font-size:.95rem;
    } */

    .bd-content-section{
        padding:60px 0;
    }

    .bd-content h2{
        font-size:1.55rem;
    }

    .bd-content h3{
        font-size:1.3rem;
    }

    .bd-content p{
        font-size:1rem;
        line-height:1.9;
    }

    .bd-content img{
        margin:30px 0;
        border-radius:16px;
    }

    .bd-content blockquote{
        padding:30px 22px;
        font-size:1rem;
    }

    .bd-section-heading{
        margin-bottom:40px;
    }

    .bd-section-heading h2{
        font-size:2rem;
    }

    .bd-products-grid{
        grid-template-columns:1fr;
        gap:25px;
    }

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

    .bd-featured-blog{
        min-height:420px;
    }

    .bd-featured-overlay{
        left:20px;
        right:20px;
        bottom:20px;
    }

    .bd-featured-overlay h3{
        font-size:1.4rem;
    }

    .bd-featured-overlay p{
        font-size:.95rem;
    }

    .bd-side-blog-card{
        flex-direction:column;
        padding:15px;
    }

    .bd-side-image{
        width:100%;
        height:220px;
    }

}


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

@media (max-width:600px){

    .bd-features{
        grid-template-columns:1fr;
    }

}


@media (max-width:576px){

    .bd-hero-image{
        height:260px;
    }

    .bd-floating-card{
        padding:22px;
    }

    .bd-floating-card h1{
        font-size:1.6rem;
    }

    .bd-meta span{
        font-size:.85rem;
    }

    .bd-section-heading span{
        font-size:.8rem;
    }

    .bd-section-heading h2{
        font-size:1.7rem;
    }

    .bd-section-heading p{
        font-size:.92rem;
    }

    .bd-product-content{
        padding:22px;
    }

    .bd-product-content h3{
        font-size:1.2rem;
    }

    .bd-featured-overlay h3{
        font-size:1.25rem;
    }

    .bd-side-content h4{
        font-size:1.05rem;
    }

}




.bd-floating-card,
.bd-product-card,
.bd-featured-blog,
.bd-side-blog-card{

    will-change:transform;

}




/* ::-webkit-scrollbar{

    width:10px;

} */

/* ::-webkit-scrollbar-track{

    background:#f4f4f4;

}

::-webkit-scrollbar-thumb{

    background:#0E5A37;

    border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

    background:#D4A437;

} */


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

::selection{

    background:#0E5A37;

    color:#fff;

}



.bd-content-section{

    position:relative;

    padding:80px 0 30px;

    background:
        radial-gradient(circle at 12% 20%, rgba(14,90,55,.05) 0%, transparent 55%),
        radial-gradient(circle at 90% 75%, rgba(212,164,55,.07) 0%, transparent 50%),
        linear-gradient(180deg, #fbfbf9 0%, #f6f8f6 100%);

    overflow:hidden;

}

/* soft decorative blob, top-right — echoes .related-products::before */
.bd-content-section::before{

    content:"";

    position:absolute;

    top:-160px;
    right:-160px;

    width:420px;
    height:420px;

    border-radius:50%;

    background:rgba(14,90,55,.05);

    z-index:0;

}

/* second blob, bottom-left, gold tint for contrast */
.bd-content-section::after{

    content:"";

    position:absolute;

    bottom:-140px;
    left:-140px;

    width:360px;
    height:360px;

    border-radius:50%;

    background:rgba(212,164,55,.06);

    z-index:0;

}

/* lift the actual text content onto a card so it reads
   against the new background instead of floating on white */
.bd-content{

    position:relative;

    z-index:2;

    /* max-width:900px; */
    max-width:1294px;

    margin:auto;

    background:#ffffff;

    padding:60px 65px;

    border-radius:22px;

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

}

/* thin gold accent rule under the intro paragraph, so the
   card doesn't open into a flat wall of text */
.bd-content > p:first-of-type{

    padding-bottom:28px;

    margin-bottom:36px !important;

    border-bottom:1px dashed #ececec;

}

/* drop cap so the opening paragraph has a focal point */
.bd-content > p:first-of-type::first-letter{

    float:left;

    font-size:64px;

    line-height:0.8;

    font-weight:700;

    padding:8px 12px 0 0;

    color:#0E5A37;

}

@media (max-width:768px){

    .bd-content{
        padding:36px 26px;
    }

    .bd-content-section{
        padding:50px 0 10px;
    }

    .bd-content-section::before,
    .bd-content-section::after{
        width:220px;
        height:220px;
    }

    .bd-content > p:first-of-type::first-letter{
        font-size:46px;
    }

}

/*==============================
BLOG QUOTE CARD
==============================*/

.bd-quote-card{
    position:relative;
    margin:50px 0;
    padding:40px 45px;
    background:#f8f8f8;
    /* border-left:6px solid #D4A437; */
    border-left: 6px solid #df751c;
    border-radius:16px;
    overflow:hidden;
}

.bd-quote-card p{
    margin:0;
    font-size:1.1rem;
    line-height:1.9;
    color:#1A1A1A;
    position:relative;
    z-index:2;
}

.bd-quote-card strong{
    color:#0E5A37;
    font-weight:700;
}

.bd-quote-icon{
    position:absolute;
    right:30px;
    bottom:10px;
    font-size:90px;
    /* color:rgba(212,164,55,.12); */
    color: rgb(46 98 21 / 12%);
    z-index:1;
}

.bd-quote-icon i{
    transform:rotate(180deg);
}
.bd-quote-label{
    display:inline-block;
    padding:6px 14px;
    background:rgba(212,164,55,.15);
    color:#D4A437;
    font-size:.8rem;
    font-weight:600;
    border-radius:30px;
    margin-bottom:18px;
    letter-spacing:1px;
    text-transform:uppercase;
}
.bd-quote-card h3{
    font-size:1.5rem;
    color:#0E5A37;
    margin-bottom:15px;
    line-height:1.5;
}
.bd-products-grid a{
    text-decoration:none;
}
.bd-related-blog-layout a{
text-decoration:none;
}
/*============================================terms and conditions================================*/
.terms-page{
     background:#f7f8fa;
    color:#333;
    overflow-x:hidden;
    font-family:'Poppins',sans-serif;
}
.terms-hero{

    /* margin-top:80px; */

    height:200px;

    background:
    linear-gradient(rgba(0,0,0,.60),rgba(0,0,0,.60));
        /* background: linear-gradient(rgb(231 153 22 / 60%), #2e7d32), url(assets/images/terms-banner.jpg); */

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

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

}

.terms-hero-overlay{

    width:100%;
    height:100%;

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

    padding:20px;

}

.terms-hero-content{

    max-width:850px;

    text-align:center;

    color:#fff;

}

.terms-hero-content h1{

    font-size:56px;

    font-weight:700;

    margin-bottom:18px;

    letter-spacing:.5px;

}

.terms-hero-content p{

    font-size:18px;

    line-height:32px;

    color:#f3f3f3;

    margin-bottom:25px;

}

.terms-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    font-size:15px;

}

.terms-breadcrumb a{

    color:#fff;

    text-decoration:none;

    transition:.3s;

}

.terms-breadcrumb a:hover{

    color:#98d68a;

}

.terms-breadcrumb span{

    color:#ddd;

}

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

.terms-section{

    background:#f5f7f8;

    padding:80px 20px;

}

.terms-container{

    max-width:1100px;

    margin:auto;

    background:#fff;

    padding:50px;

    border-radius:18px;

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

}

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

.terms-container h2{

    font-size:36px;

    color:#222;

    margin-bottom:15px;

}

.terms-last-updated{

    color:#777;

    font-size:15px;

    margin-bottom:30px;

}

.terms-container h3{

    margin-top:35px;

    margin-bottom:15px;

    color:#2E8B57;

    font-size:24px;

    font-weight:600;

}

/* ==========================================
   PARAGRAPHS
========================================== */

.terms-container p{

    color:#555;

    line-height:1.9;

    margin-bottom:18px;

    font-size:16px;

}

/* ==========================================
   LISTS
========================================== */

.terms-container ul{

    margin-left:25px;

    margin-bottom:20px;

}

.terms-container li{

    color:#555;

    line-height:1.9;

    margin-bottom:10px;

}

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

.terms-contact-box{

    margin-top:25px;

    padding:25px;

    background:#f5faf5;

    border-left:5px solid #2E8B57;

    border-radius:12px;

}

.terms-contact-box p{

    margin-bottom:10px;

}

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

@media(max-width:992px){

.terms-hero-content h1{

    font-size:46px;

}

.terms-hero-content p{

    font-size:16px;

}

.terms-container{

    padding:40px;

}

}

@media(max-width:768px){

.terms-hero{

    /* margin-top:70px; */

    height:260px;

}

.terms-hero-content h1{

    font-size:38px;

}

.terms-hero-content p{

    font-size:15px;

    line-height:28px;

}

.terms-container{

    width:95%;

    padding:30px;

}

.terms-container h2{

    font-size:30px;

}

.terms-container h3{

    font-size:22px;

}

}

@media(max-width:576px){

.terms-hero{

    height:220px;

}

.terms-hero-content h1{

    font-size:30px;

}

.terms-hero-content p{

    display:none;

}

.terms-breadcrumb{

    font-size:13px;

}

.terms-container{

    width:95%;

    padding:22px;

}

.terms-container h2{

    font-size:24px;

}

.terms-container h3{

    font-size:20px;

}

.terms-container p{

    font-size:15px;

}

}
/*================================================Privacy policy page=======================*/

 .privacy-page{
    margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
 }

.privacy-hero{


height:200px;

background:
linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55));

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

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

text-align:center;

}

.privacy-hero-overlay{

width:100%;
height:100%;

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

}

.privacy-hero-content{

max-width:800px;

padding:20px;

color:#fff;

}

.privacy-hero-content h1{

font-size:52px;

margin-bottom:15px;

}

.privacy-hero-content p{

font-size:18px;

line-height:30px;

margin-bottom:20px;

}

.privacy-breadcrumb{

display:flex;

justify-content:center;

gap:10px;

font-size:16px;

}

.privacy-breadcrumb a{

color:#fff;

text-decoration:none;

}

.privacy-breadcrumb a:hover{

color:#98d68a;

}

/* CONTENT */

.privacy-section{

background:#f6f7f9;

padding:80px 20px;

}

.privacy-container{

max-width:1100px;

margin:auto;

background:#fff;

padding:45px;

border-radius:15px;

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

}

.privacy-container h2{

font-size:34px;

margin-bottom:15px;

color:#222;

}

.privacy-last-updated{

color:#777;

margin-bottom:25px;

}

.privacy-container h3{

margin-top:35px;

margin-bottom:15px;

color:#2E8B57;

}

.privacy-container p{

line-height:1.9;

color:#555;

margin-bottom:18px;

}

.privacy-container ul{

margin-left:25px;

margin-bottom:20px;

}

.privacy-container li{

margin-bottom:10px;

line-height:1.8;

}

.privacy-contact-box{

background:#f5faf5;

padding:25px;

border-left:5px solid #2E8B57;

border-radius:10px;

margin-top:20px;

}

.privacy-contact-box p{

margin-bottom:8px;

}

/* RESPONSIVE */

@media(max-width:992px){

.privacy-hero-content h1{

font-size:42px;

}

.privacy-hero-content p{

font-size:16px;

}

}

@media(max-width:768px){

.privacy-hero{

/* margin-top:70px; */

height:230px;

}

.privacy-hero-content h1{

font-size:34px;

}

.privacy-hero-content p{

font-size:15px;

line-height:26px;

}

.privacy-container{

padding:30px;

}

}

@media(max-width:480px){

.privacy-hero{

height:180px;

}

.privacy-hero-content h1{

font-size:28px;

}

.privacy-hero-content p{

display:none;

}

.privacy-breadcrumb{

font-size:14px;

}

.privacy-container{

padding:20px;

}

}
.inamstandard-seal{

    transition:
    opacity .35s ease,
    transform .35s ease;

}
/*===========================================about page=======================================*/
/* *{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}


body{
    background:#fff;
    color:#333;
} */

/* ==========================================
   ABOUT PAGE RESET
========================================== */

.inam-about-page,
.inam-about-page *{

    margin:0;

    padding:0;

    box-sizing:border-box;

    font-family:'Poppins',sans-serif;

}

/* ==========================================
   ABOUT PAGE
========================================== */

.inam-about-page{

    background:#fff;

    color:#333;

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


.hero{

    height:60vh;

    background:url('../images/home.webp');

    background-size:cover;

    background-position:center;

    position:relative;

    display:flex;

    align-items:center;

    padding:0 8%;

}


.overlay{

    position:absolute;

    inset:0;

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

}



.hero-content{

    position:relative;

    z-index:2;

    max-width:650px;

}



.hero-tag{

    display:inline-block;

    padding:9px 20px;

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

    border-radius:50px;

    color:white;

    font-size:13px;

    margin-bottom:20px;

}



.hero h1{

    font-size:62px;

    line-height:1.12;

    color:white;

    font-weight:800;

    margin-bottom:20px;
    margin-top:4px;

}



.hero h1 span{

    display:block;

}



.quote{

    color:white;

    font-size:21px;

    font-style:italic;

    margin-bottom:20px;

}



.description{

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

    font-size:16px;

    line-height:1.7;

    max-width:560px;

    margin-bottom:30px;

}



.hero-buttons{

    display:flex;

    gap:18px;

}



.btn-primary{

    background:white;

    color:#2e7d32;

    padding:13px 32px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}



.btn-primary:hover{

    transform:translateY(-5px);

}



.btn-secondary{

    border:2px solid white;

    color:white;

    padding:13px 32px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

}



/* =========================
   WHO WE ARE
========================= */


.who-we-are{

    padding:40px 8%;

}



.who-card{

    max-width:1150px;

    margin:auto;

    padding:55px;

    background:white;

    border-radius:30px;

    border:1px solid #eee;

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

    position:relative;

    overflow:hidden;

}
.who-watermark{
    position:absolute;
    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    width:550px;
    height:auto;

    opacity:.099;

    pointer-events:none;

    z-index:1;
}

.who-header,
.who-content{

    position:relative;

    z-index:2;
}



.section-tag{

    display:inline-block;

    padding:9px 22px;

    background:#f1f8f1;

    color:#2e7d32;

    border-radius:50px;

    font-size:12px;

    font-weight:600;

}



.who-header h2{

    margin-top:20px;

    font-size:45px;

    line-height:1.2;

    color:#111;

}



.who-header h2 span{

    display:block;

    color:#2e7d32;

}



.who-content p{

    margin-top:18px;

    max-width:850px;

    color:#666;

    font-size:16px;

    line-height:1.8;

}



/* FEATURES */
.features-grid{
    margin-top:40px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}


.feature-btn{

    position:relative;

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

    width:100%;

    padding:20px;

    background:#fff;

    border:1px solid #e8e8e8;

    border-radius:18px;

    font-size:16px;

    font-weight:600;

    color:#333;

    cursor:pointer;

    overflow:hidden;

    transition:.4s ease;
}


/* Tick circle */

.feature-btn span{

    width:35px;
    height:35px;

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

    border-radius:50%;

    background:#f1f8f1;

    color:#2e7d32;

    transition:.4s;
}


/* Hover */

.feature-btn:hover{

    transform:translateY(-8px);

    border-color:#2e7d32;

    box-shadow:
    0 15px 35px rgba(46,125,50,.15);
}
.feature-btn:hover span{
    background:#2e7d32;
    color:white;
    transform:rotate(360deg);
}
/* Green shine effect */
.feature-btn::before{
    content:"";
    position:absolute;
    width:100px;
    height:100px;
    background:rgba(46,125,50,.08);
    border-radius:50%;
    top:-50px;
    right:-50px;
    transition:.5s;
}
.feature-btn:hover::before{
    transform:scale(3);
}
@media(max-width:768px){
    .features-grid{
        grid-template-columns:1fr;
    }
}
/* =========================
 WHY CHOOSE
========================= */

.why-choose{
    position:relative;
    padding:120px 0;
    overflow:hidden;
        background:
        linear-gradient(
            rgba(255,255,255,0.75),
            rgba(248,252,247,0.80)
        ),

    url("../images/bg/whowe.webp");

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-attachment:fixed;
}
.why-choose::before{

    content:"";
    position:absolute;
    inset:0;

    background:
    radial-gradient(circle at top right,
    rgba(46,125,50,.08),
    transparent 40%),

    radial-gradient(circle at bottom left,
    rgba(102,187,106,.08),
    transparent 45%);

    pointer-events:none;
}
.why-card-main{
    max-width:1150px;
    margin:auto;
    padding:55px;

    position:relative;
    overflow:hidden;

    border-radius:30px;

    background:
        linear-gradient(
            rgba(255,255,255,.45),
            rgba(255,255,255,.55)
        ),
        url("../images/bg/who.webp");

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

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

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

    box-shadow:
        0 25px 60px rgba(0,0,0,.12);
}
.why-card-main::before{
    display:none;
}
.why-header{
    text-align:center;
    position:relative;
    z-index:2;
}
.why-header h2{
    margin-top:20px;
    font-size:45px;
    line-height:1.2;
    color:#111;
}
.why-header h2 span{
    display:block;
    color:#2e7d32;
}
.why-header p{
    max-width:700px;
    margin:20px auto;
    color:#666;
    line-height:1.8;
}
/* FEATURES */

.why-features{

    margin-top:45px;

    display:grid;

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

    gap:20px;

}
.why-feature{

    padding:18px 15px;

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

backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);

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

    border-radius:18px;

    text-align:center;

    border:1px solid transparent;

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

    cursor:pointer;

}
.why-feature:hover{

    transform:translateY(-10px) scale(1.04);

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

    border-color:#2e7d32;

    box-shadow:0 20px 45px rgba(46,125,50,.18);
}
.why-icon{

    width:50px;
    height:50px;

    margin:0 auto 12px;

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

    background:#e8f5e9;

    border-radius:50%;

    transition:.4s ease;

}
.why-choose::after{

    content:"";

    position:absolute;
    inset:0;

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

    pointer-events:none;
}
.why-icon i{

    font-size:22px;

    color:#2e7d32;

    transition:.4s ease;

}



.why-feature h3{

    font-size:16px;

    color:#222;

    margin-bottom:8px;

}



.why-feature p{

    font-size:13px;

    line-height:1.6;

    color:#666;

}
.why-feature:hover .why-icon{

    background:#2e7d32;

    transform:rotate(360deg);
}
.why-feature:hover .why-icon i{

    color:white;
    transform:scale(1.15);
}
@media(max-width:1000px){
    .why-features{
           grid-template-columns:repeat(2,1fr);
    }
}
@media(max-width:600px){
    .why-card-main{
        padding:35px 20px;
    }
    .why-features{
        grid-template-columns:1fr;
    }
    .why-header h2{
        font-size:32px;
    }
}
/* =========================
   CIRCULAR VISION SECTION
========================= */
/* ==========================================
        BUSINESS ECOSYSTEM SECTION
========================================== */

.vision-section{

    position:relative;

    padding:20px 8%;

    overflow:hidden;
     background:

        radial-gradient(circle at 20% 20%,
        rgba(139,195,74,.12),
        transparent 28%),

        radial-gradient(circle at 80% 80%,
        rgba(76,175,80,.12),
        transparent 30%),

        linear-gradient(
        135deg,
        #ffffff 0%,
        #f7fcf8 35%,
        #eef8f2 70%,
        #ffffff 100%);

}

/*==============================
      Decorative Background
==============================*/

.vision-bg{

    position:absolute;

    inset:0;

    overflow:hidden;

    pointer-events:none;

}

/*==============================
        Soft Green Blobs
==============================*/

.blob{

    position:absolute;

    border-radius:50%;

    filter:blur(90px);

    opacity:.35;

    animation:blobFloat 15s ease-in-out infinite;

}

.blob1{

    width:450px;
    height:450px;

    background:#9ccc65;

    top:-160px;
    left:-120px;

}

.blob2{

    width:360px;
    height:360px;

    background:#66bb6a;

    right:-100px;
    top:120px;

    animation-delay:3s;

}

.blob3{

    width:300px;
    height:300px;

    background:#c5e1a5;

    bottom:-80px;
    left:45%;

    animation-delay:6s;

}

@keyframes blobFloat{

0%,100%{

transform:
translate(0,0)
scale(1);

}

50%{

transform:
translate(30px,-35px)
scale(1.08);

}

}
.vision-section::before{

    content:"";

    position:absolute;

    inset:0;

    background-image:

    linear-gradient(
        rgba(46,125,50,.03) 1px,
        transparent 1px),

    linear-gradient(
        90deg,
        rgba(46,125,50,.03) 1px,
        transparent 1px);

    background-size:80px 80px;

    opacity:.35;

    pointer-events:none;

}
.vision-section::after{

    content:"";

    position:absolute;

    inset:0;

    background:

    url("../images/leaf-pattern.webp")
    center/cover no-repeat;

    opacity:.08;

    pointer-events:none;

}
.green-glow{

    position:absolute;

    width:420px;
    height:420px;

    border-radius:50%;

    filter:blur(120px);

    opacity:.25;

}

.glow-left{

    left:-180px;
    top:100px;

    background:#81c784;

}

.glow-right{

    right:-180px;
    bottom:80px;

    background:#aed581;

}
/*==============================
      Floating Particles
==============================*/

.floating-particles{

position:absolute;

inset:0;

}

.floating-particles span{

position:absolute;

width:8px;

height:8px;

border-radius:50%;

background:rgba(46,125,50,.15);

box-shadow:

0 0 15px rgba(76,175,80,.30);

animation:particleMove linear infinite;
top:68%;
left:18%;
animation-duration:19s;

}

.floating-particles span:nth-child(3){

top:30%;
left:38%;
animation-duration:15s;

}

.floating-particles span:nth-child(4){

top:78%;
left:52%;
animation-duration:18s;

}

.floating-particles span:nth-child(5){

top:18%;
left:68%;
animation-duration:14s;

}

.floating-particles span:nth-child(6){

top:58%;
left:82%;
animation-duration:17s;

}

.floating-particles span:nth-child(7){

top:12%;
left:92%;
animation-duration:20s;

}

.floating-particles span:nth-child(8){

top:88%;
left:74%;
animation-duration:18s;

}

@keyframes particleMove{

0%{

transform:
translateY(0)
scale(.7);

opacity:.2;

}

50%{

opacity:1;

}

100%{

transform:
translateY(-80px)
scale(1.5);

opacity:0;

}

}

/*==============================
      Vision Wrapper
==============================*/

.vision-wrapper{

position:relative;

z-index:5;

max-width:1400px;

margin:auto;

}

/*==============================
        Heading
==============================*/

.vision-heading{

text-align:center;

max-width:900px;

margin:0 auto 30px;

}

.vision-heading h2{

font-size:42px;

font-weight:700;

line-height:1.15;

color:#111;

margin:12px 0;

}

.vision-heading h2 span{

display:block;

color:#2e7d32;

}

.vision-heading p{

font-size:16px;

line-height:1.7;

color:#666;

max-width:760px;

margin:10px;

}

/* Decorative Line */

.vision-heading::after{

content:"";

display:block;

width:90px;

height:4px;

margin:35px auto 0;

border-radius:50px;

background:

linear-gradient(

90deg,

#2e7d32,

#8bc34a);

}

/*==============================
      World Map Watermark
==============================*/
.vision-section::before{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            rgba(255,255,255,.45),
            rgba(255,255,255,.55)
        ),
        url("../images/bg/circlebg.webp");

    background-size:cover;

    background-position:center center;

    background-repeat:no-repeat;

    z-index:0;

}

/*==============================
        Grid Pattern
==============================*/
.vision-section::after{

    content:"";

    position:absolute;

    inset:0;

    background-image:

    linear-gradient(
        rgba(46,125,50,.03) 1px,
        transparent 1px),

    linear-gradient(
        90deg,
        rgba(46,125,50,.03) 1px,
        transparent 1px);

    background-size:80px 80px;

    opacity:.08;

    pointer-events:none;

}
/* ==========================================
            PREMIUM ORBIT
========================================== */
.orbit-container{
     width:720px;
    height:720px;

    margin:20px auto 0;
    position:relative;
}

/*==============================
        OUTER RING
==============================*/

.orbit-container::before{

    content:"";

    position:absolute;

    top:50%;
    left:50%;

    width:650px;
    height:650px;

    transform:translate(-50%,-50%);

    border-radius:50%;

    border:2px dashed rgba(46,125,50,.18);

    animation:rotateRing 35s linear infinite;

}

/* Second Ring */

.orbit-container::after{

    content:"";

    position:absolute;

    top:50%;
    left:50%;

    width:520px;
    height:520px;

    transform:translate(-50%,-50%);

    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(76,175,80,.18),
        transparent 70%
    );

    filter:blur(40px);

    z-index:-1;
}

/*=================================
        Rotating Light
==================================*/

.orbit-light{

    position:absolute;

    top:50%;
    left:50%;

    width:18px;
    height:18px;

    margin:-9px;

    border-radius:50%;

    background:#43a047;

    box-shadow:

    0 0 18px #43a047,

    0 0 45px rgba(76,175,80,.6);

    animation:orbitLight 12s linear infinite;

}

@keyframes orbitLight{

from{

transform:

rotate(0deg)

translateX(280px);

}

to{

transform:

rotate(360deg)

translateX(280px);

}

}

@keyframes rotateRing{

from{

transform:

translate(-50%,-50%)

rotate(0deg);

}

to{

transform:

translate(-50%,-50%)

rotate(360deg);

}

}

/*=================================
        CENTER CIRCLE
==================================*/

.inam-center{

position:absolute;

top:50%;
left:50%;

transform:translate(-50%,-50%);

width:220px;
height:220px;

border-radius:50%;

background:

linear-gradient(
135deg,
#1b5e20,
#43a047);

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

text-align:center;

color:white;

overflow:hidden;

z-index:20;

border:8px solid rgba(255,255,255,.45);

box-shadow:

0 35px 90px rgba(46,125,50,.28),

0 0 60px rgba(76,175,80,.25);

animation:centerPulse 4s ease-in-out infinite;

}

/* Glow */

.inam-center::before{

content:"";

position:absolute;

width:420px;
height:420px;

border-radius:50%;

background:

radial-gradient(

rgba(255,255,255,.20),

transparent 70%);

animation:rotateGlow 20s linear infinite;

}

@keyframes rotateGlow{

from{

transform:rotate(0deg);

}

to{

transform:rotate(360deg);

}

}

@keyframes centerPulse{

0%,100%{

transform:

translate(-50%,-50%)

scale(1);

}

50%{

transform:

translate(-50%,-50%)

scale(1.04);

}

}

.inam-center h2{

position:relative;

z-index:5;

font-size:44px;

font-weight:800;

line-height:1;

letter-spacing:2px;

}

.inam-center p{

position:relative;

z-index:5;

margin-top:18px;

font-size:15px;

line-height:1.8;

opacity:.95;

}

/*=================================
        ORBIT CARDS
==================================*/

.orbit-card{

position:absolute;
 width:170px;
    height:170px;
    padding:18px;

border-radius:50%;

background:

rgba(255,255,255,.76);

backdrop-filter:blur(18px);

-webkit-backdrop-filter:blur(18px);

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

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

text-align:center;

overflow:hidden;

cursor:pointer;

transition:.45s;

box-shadow:

0 20px 45px rgba(0,0,0,.08);

}

/* Shine */

.orbit-card::before{

content:"";

position:absolute;

top:0;

left:-120%;

width:60%;

height:100%;

background:

linear-gradient(

120deg,

transparent,

rgba(255,255,255,.75),

transparent);

transform:skewX(-25deg);

transition:1s;

}

.orbit-card:hover::before{

left:180%;

}

.orbit-icon{

width:68px;
height:68px;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

background:#edf8ed;

color:#2e7d32;

font-size:28px;

margin-bottom:16px;

transition:.45s;

}
.orbit-card:hover{

    background:#fff;

    border-color:#43a047;

    box-shadow:
    0 35px 80px rgba(46,125,50,.22);

}
.orbit-card:hover .orbit-icon{

background:#2e7d32;

color:white;

transform:

rotate(360deg)

scale(1.1);

}

.orbit-card h3{

font-size:22px;

font-weight:700;

margin-bottom:10px;

color:#222;

}

.orbit-card p{

font-size:14px;

line-height:1.6;

color:#666;

}

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

.top-card{

top:-80px;

left:50%;

transform:translateX(-50%);

}

.left-card{

left:-90px;

top:38%;

transform:translateY(-50%);

}

.right-card{

right:-90px;

top:38%;

transform:translateY(-50%);

}

.bottom-left{

bottom:-5px;

left:6px;

}

.bottom-right{

bottom:8px;

right:5px;

}
/*==========================
      HOVER POSITIONS
==========================*/

.top-card:hover{

    transform:
    translateX(-50%)
    translateY(-12px)
    scale(1.05);

}

.left-card:hover{

    transform:
    translateY(-50%)
    translateX(-12px)
    scale(1.05);

}

.right-card:hover{

    transform:
    translateY(-50%)
    translateX(12px)
    scale(1.05);

}

.bottom-left:hover{

    transform:
    translateY(-12px)
    scale(1.05);

}

.bottom-right:hover{

    transform:
    translateY(-12px)
    scale(1.05);

}
/* ==========================================
        FLOATING AGRICULTURE ICONS
========================================== */

.farm-icons{

    position:absolute;
    inset:0;

    pointer-events:none;

}

.farm-icons i{

    position:absolute;

    font-size:42px;

    color:#2e7d32;

    opacity:.06;

    animation:floatIcon 8s ease-in-out infinite;

}

.farm-icons i:nth-child(1){

top:12%;
left:8%;

}

.farm-icons i:nth-child(2){

top:18%;
right:10%;

animation-delay:2s;

}

.farm-icons i:nth-child(3){

bottom:15%;
left:12%;

animation-delay:4s;

}

.farm-icons i:nth-child(4){

bottom:18%;
right:12%;

animation-delay:6s;

}

.farm-icons i:nth-child(5){

top:50%;
left:5%;

animation-delay:3s;

}

.farm-icons i:nth-child(6){

top:55%;
right:5%;

animation-delay:5s;

}

@keyframes floatIcon{

0%,100%{

transform:
translateY(0)
rotate(0deg);

}

50%{

transform:
translateY(-18px)
rotate(6deg);

}

}

/*==========================================
      LIGHT RAYS
==========================================*/

.light-ray{

position:absolute;

width:500px;
height:500px;

border-radius:50%;

filter:blur(120px);

opacity:.25;

}

.light1{

top:-180px;
left:-180px;

background:#9ccc65;

animation:lightMove1 12s ease-in-out infinite;

}

.light2{

bottom:-180px;
right:-180px;

background:#81c784;

animation:lightMove2 14s ease-in-out infinite;

}

@keyframes lightMove1{

50%{

transform:
translate(40px,40px);

}

}

@keyframes lightMove2{

50%{

transform:
translate(-40px,-30px);

}

}

/*==========================================
      EXPORT ROUTES
==========================================*/

.export-route{

position:absolute;

inset:0;

pointer-events:none;

}

.route{

position:absolute;

height:2px;

background:

linear-gradient(
90deg,
transparent,
rgba(46,125,50,.45),
transparent);

}

.route1{

width:240px;

top:30%;
left:18%;

transform:rotate(18deg);

}

.route2{

width:240px;

bottom:28%;
right:18%;

transform:rotate(-18deg);

}

.route-dot{

position:absolute;

width:10px;
height:10px;

border-radius:50%;

background:#43a047;

box-shadow:

0 0 15px #43a047;

animation:travel 6s linear infinite;

}

@keyframes travel{

0%{

left:0;

}

100%{

left:100%;

}

}



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

.vision-wrapper{

position:relative;

z-index:10;

}

/* Particle Positions */

.floating-particles span:nth-child(1){

top:15%;
left:12%;
animation-duration:16s;

}

.floating-particles span:nth-child(2){


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

@media(max-width:1100px){

.orbit-container{

width:950px;
height:950px;

}

.inam-center{

width:250px;
height:250px;

}

.inam-center h2{

font-size:36px;

}
.inam-center p{
    font-size:14px;
}
.orbit-card{

width:170px;
height:170px;
padding:18px;

}

.bottom-left{

left:55px;

}

.bottom-right{

right:55px;

}

}
}

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

@media(max-width:768px){

.vision-heading h2{

font-size:34px;

}

.vision-heading p{

font-size:15px;

}

.orbit-container{

width:100%;
height:auto;

display:flex;

flex-direction:column;

gap:25px;

align-items:center;

}

.orbit-container::before,
.orbit-container::after,
.orbit-light{

display:none;

}

.inam-center{

position:relative;

top:auto;
left:auto;

transform:none;

width:220px;
height:220px;

margin-bottom:10px;

}

.orbit-card{

position:relative;

top:auto;
left:auto;
right:auto;
bottom:auto;

transform:none;

width:100%;

max-width:320px;

height:auto;

border-radius:25px;

padding:28px;

}

.top-card,
.left-card,
.right-card,
.bottom-left,
.bottom-right{

top:auto;
left:auto;
right:auto;
bottom:auto;

}
}

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

@media(max-width:480px){

.vision-section{

padding:80px 5%;

}

.vision-heading h2{

font-size:28px;

}

.inam-center{

width:190px;
height:190px;

}

.inam-center h2{

font-size:30px;

}

.orbit-card{

padding:22px;

}

.orbit-icon{

width:60px;
height:60px;

font-size:24px;

}

}

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

.orbit-card,
.inam-center,
.blob,
.light-ray,
.route-dot,
.floating-particles span{

will-change:transform;

}
  

/* =========================
   GLOBAL PRESENCE
========================= */
.global-presence{
    position:relative;
    height:400px;

    margin:45px 8%;

    border-radius:30px;
    overflow:hidden;

    background:url('../images/worldmapimage.webp')
    center center/cover no-repeat;
}

   .floating-card{

    position:absolute;

    width:190px;
    padding:24px;

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

    backdrop-filter:blur(18px);

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

    border-radius:22px;

    text-align:center;

    overflow:hidden;

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

    animation:
    cardShow 8s infinite;
}

/* Premium glass shine */

.floating-card::before{

    content:"";

    position:absolute;

    top:0;
    left:-150%;

    width:80%;
    height:100%;

    background:
    linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.6),
        transparent
    );

    transform:skewX(-25deg);

    animation:shine 6s linear infinite;
}

/* Number styling */

.floating-card strong{

    display:block;

    font-size:38px;

    font-weight:800;

    color:#2e7d32;

    margin-bottom:5px;

    animation:numberFloat 3s ease-in-out infinite;
}

.floating-card span{

    color:#666;

    font-size:14px;

    font-weight:500;
}
@keyframes shine{

    0%{
        left:-150%;
    }

    100%{
        left:250%;
    }
}

@keyframes numberFloat{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-4px);
    }
}
@keyframes aboutCardShow{

    0%{
        opacity:0;
        transform:translateY(25px) scale(.95);
    }

    10%,35%{
        opacity:1;
        transform:translateY(0) scale(1);
    }

    45%,100%{
        opacity:0;
        transform:translateY(-25px) scale(.97);
    }

}

.about-floating-card{

    animation:aboutCardShow 8s infinite;

}

.about-floating-card1{

    top:60px;
    left:70px;
    animation-delay:0s;

}

.about-floating-card2{

    top:80px;
    right:80px;
    animation-delay:2s;

}

.about-floating-card3{

    bottom:80px;
    left:100px;
    animation-delay:4s;

}

.about-floating-card4{

    bottom:70px;
    right:90px;
    animation-delay:6s;

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

@media(max-width:992px){

    .global-presence{
        height:500px;
    }

    .global-info-card{

        width:340px;

        left:30px;
    }
}

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

@media(max-width:768px){

    .global-presence{

        height:auto;

        padding:40px 20px;

        display:flex;

        justify-content:center;

        align-items:center;
    }

    .global-info-card{

        position:relative;

        left:auto;
        top:auto;

        transform:none;

        width:100%;

        max-width:420px;
    }

    .global-info-card h2{
        font-size:28px;
    }

    .global-stats{
        flex-wrap:wrap;
        justify-content:center;
    }
}
.stat-box{

    min-width:160px;

    padding:20px;

    border-radius:18px;

    background:#fafdf9;

    border:1px solid #e8f5e9;
}

.stat-box h3{

    font-size:34px;

    color:#2e7d32;
}

.stat-box span{

    color:#666;
}

/* Mobile */

@media(max-width:768px){

    .presence-card{
        padding:30px 20px;
    }

    .presence-card h2{
        font-size:30px;
    }

    .presence-stats{
        gap:15px;
    }

    .stat-box{
        width:100%;
    }
}

@media(max-width:900px){

    .map-content{
        grid-template-columns:1fr;
    }

    #worldMap{
        height:400px;
    }
}
/* =========================
   SCROLL ANIMATION
========================= */

.reveal{
    opacity:0;
    transform:translateY(60px);
    transition:all .8s ease;
}

.reveal.active{
    opacity:1;
    transform:translateY(0);
}
/* =========================
   SCROLL PROGRESS BAR
========================= */

.scroll-progress{
    position:fixed;
    top:0;
    left:0;

    width:0%;
    height:4px;

    background:#2e7d32;

    z-index:99999;

    transition:width .1s linear;
}
    /* =========================
   TABLET (991px)
========================= */

@media (max-width:991px){

    .hero{
        height:auto;
        min-height:75vh;
        padding:100px 8%;
    }

    .hero h1{
        font-size:48px;
    }

    .who-card,
    .why-card-main{
        padding:40px;
    }

    .who-header h2,
    .why-header h2{
        font-size:38px;
    }

    .map-content{
        flex-direction:column;
        gap:40px;
    }

    .map-left,
    .map-right{
        width:100%;
    }

    #worldMap{
        height:450px;
    }
}

/* =========================
   MOBILE (768px)
========================= */

@media (max-width:768px){

    section{
        overflow:hidden;
    }

    .hero{
        padding:90px 6%;
        text-align:center;
    }

    .hero-content{
        max-width:100%;
    }

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

    .quote{
        font-size:18px;
    }

    .description{
        font-size:15px;
        margin:auto;
        margin-bottom:25px;
    }

    .hero-buttons{
        justify-content:center;
        flex-wrap:wrap;
    }

    .btn-primary,
    .btn-secondary{
        width:100%;
        text-align:center;
    }

    .who-card,
    .why-card-main{
        padding:30px 20px;
    }

    .who-header h2,
    .why-header h2{
        font-size:30px;
    }

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

    .why-features{
        grid-template-columns:1fr;
    }

    .who-watermark{
        width:220px;
    }
}
/* =========================
   ORBIT SECTION MOBILE
========================= */

@media (max-width:768px){

    .orbit-container{

        width:100%;
        height:auto;

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

        align-items:center;
    }

.inam-center,
    .orbit-card{

        position:relative;

        top:auto;
        left:auto;
        right:auto;
        bottom:auto;

        transform:none;
    }

    .inam-center{

        width:220px;
        height:220px;
        margin-bottom:15px;
    }

    .inam-center h2{
        font-size:34px;
    }

    .orbit-card{
        width:100%;
        max-width:320px;
        height:auto;
        border-radius:25px;
        padding:25px;
    }
}
/* =========================
   MAP MOBILE
========================= */

@media (max-width:768px){

    .map-content{
        flex-direction:column;
    }

    .map-left{
        text-align:center;
    }

    .map-left h2{
        font-size:32px;
    }

    .map-stats{
        justify-content:center;
        flex-wrap:wrap;
        gap:20px;
    }

    #worldMap{
        height:350px;
    }
}
/* =========================================
   RESPONSIVE FIXES (320px → 2450px)
========================================= */

/* ---------- 2450px+ ---------- */
@media (min-width:2200px){

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

    .hero h1{
        font-size:90px;
    }

    .quote{
        font-size:30px;
    }

    .description{
        font-size:22px;
        max-width:800px;
    }

    .who-card,
    .why-card-main{
        max-width:1500px;
    }

    .orbit-container{
        transform:scale(1.15);
    }

    .map-content{
        max-width:1500px;
    }

    #worldMap{
        height:650px;
    }
}


/* ---------- Large Desktop ---------- */
@media (max-width:1440px){

    .hero h1{
        font-size:58px;
    }

    .orbit-container{
        width:650px;
        height:650px;
    }
}


/* ---------- Laptop ---------- */
@media (max-width:1200px){

    .hero h1{
        font-size:52px;
    }

    .who-card,
    .why-card-main{
        padding:45px;
    }

    .orbit-container{
        width:620px;
        height:620px;
    }

    .orbit-card{
        width:170px;
        height:170px;
    }

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


/* ---------- Tablet ---------- */
@media (max-width:992px){

    .hero{
        height:auto;
        min-height:80vh;
        padding:100px 8%;
    }

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

    .quote{
        font-size:19px;
    }

    .who-header h2,
    .why-header h2{
        font-size:38px;
    }

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

    .map-content{
        grid-template-columns:1fr;
        gap:40px;
    }

    #worldMap{
        height:420px;
    }
}


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

    .hero{
        text-align:center;
        padding:90px 6%;
    }

    .hero-content{
        max-width:100%;
    }

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

    .quote{
        font-size:17px;
    }

    .description{
        font-size:15px;
    }

    .hero-buttons{
        flex-direction:column;
        gap:12px;
    }

    .btn-primary,
    .btn-secondary{
        width:100%;
        text-align:center;
    }

    .who-card,
    .why-card-main{
        padding:28px 20px;
    }

    .who-header h2,
    .why-header h2{
        font-size:30px;
    }

    .who-watermark{
        width:240px;
    }

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

    .why-features{
        grid-template-columns:1fr;
    }

    .map-left{
        text-align:center;
    }

    .map-left h2{
        font-size:32px;
    }

    .map-stats{
        justify-content:center;
        flex-wrap:wrap;
        gap:20px;
    }

    #worldMap{
        height:350px;
    }
}


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

    .orbit-container{
        width:100%;
        height:auto;

        display:flex;
        flex-direction:column;
        align-items:center;
        gap:22px;
    }

    .orbit-container::before,
    .orbit-container::after{
        display:none;
    }

    .inam-center,
    .orbit-card{
        position:relative;
        top:auto;
        left:auto;
        right:auto;
        bottom:auto;
        transform:none;
    }

    .inam-center{
        width:220px;
        height:220px;
        margin-bottom:10px;
    }

    .inam-center h2{
        font-size:34px;
    }

    .orbit-card{
        width:100%;
        max-width:320px;
        height:auto;
        border-radius:25px;
        padding:25px;
    }
}


/* ---------- Small Mobile ---------- */
@media (max-width:480px){

    .hero{
        padding:80px 5%;
    }

    .hero h1{
        font-size:30px;
    }

    .hero-tag{
        font-size:11px;
        padding:8px 15px;
    }

    .quote{
        font-size:15px;
    }

    .description{
        font-size:14px;
    }

    .who-header h2,
    .why-header h2,
    .map-left h2{
        font-size:26px;
    }

    .who-card,
    .why-card-main{
        border-radius:20px;
    }

    .feature-btn{
        padding:16px;
        font-size:14px;
    }

    .orbit-card{
        max-width:100%;
    }

    #worldMap{
        height:280px;
    }

    .map-stats h3{
        font-size:26px;
    }
}


/* ---------- 320px Devices ---------- */
@media (max-width:320px){

    .hero h1{
        font-size:26px;
    }

    .quote{
        font-size:14px;
    }

    .description{
        font-size:13px;
    }

    .inam-center{
        width:190px;
        height:190px;
    }

    .inam-center h2{
        font-size:28px;
    }

    .orbit-card{
        padding:18px;
    }

    #worldMap{
        height:240px;
    }
}
.export-route{

    position:absolute;

    inset:0;

    pointer-events:none;

}

.route{

    position:absolute;

    width:220px;

    border-top:2px dashed rgba(46,125,50,.25);

}

.route1{

top:30%;
left:18%;

transform:rotate(18deg);

}

.route2{

bottom:30%;
right:20%;

transform:rotate(-18deg);

}

.route-dot{

position:absolute;

width:10px;
height:10px;

background:#43a047;

border-radius:50%;

box-shadow:

0 0 15px #43a047;

animation:travel 6s linear infinite;

}

@keyframes travel{

0%{

left:0;

}

100%{

left:100%;

}

}


/* =========================
   GLOBAL PRESENCE
========================= */

.about-global-presence{

    position:relative;

    height:400px;

    margin:45px 8%;

    border-radius:30px;

    overflow:hidden;

    background:url('../images/worldmapimage.webp')
    center center/cover no-repeat;

}

.about-floating-card{

    position:absolute;

    width:190px;

    padding:24px;

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

    backdrop-filter:blur(18px);

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

    border-radius:22px;

    text-align:center;

    overflow:hidden;

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

    animation:aboutCardShow 8s infinite;

}

/* Premium glass shine */

.about-floating-card::before{

    content:"";

    position:absolute;

    top:0;

    left:-150%;

    width:80%;

    height:100%;

    background:
    linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.6),
        transparent
    );

    transform:skewX(-25deg);

    animation:aboutShine 6s linear infinite;

}

/* Number styling */

.about-floating-card strong{

    display:block;

    font-size:38px;

    font-weight:800;

    color:#2e7d32;

    margin-bottom:5px;

    animation:aboutNumberFloat 3s ease-in-out infinite;

}

.about-floating-card span{

    color:#666;

    font-size:14px;

    font-weight:500;

}

@keyframes aboutShine{

    0%{

        left:-150%;

    }

    100%{

        left:250%;

    }

}

@keyframes aboutNumberFloat{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-4px);

    }

}
/* ====================================
   CERTIFICATIONS
==================================== */

.certifications{
    position:relative;
    overflow:hidden;
    padding:120px 20px;

    background:
    linear-gradient(
        180deg,
        #ffffff,
        #fafcf9
    );
}

/* Background Typography */
.certifications::before{
    content:'CERTIFIED';

    position:absolute;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    font-size:14rem;
    font-weight:900;
    letter-spacing:15px;

    color:rgba(46,125,50,.025);

    white-space:nowrap;
    pointer-events:none;
}

/* Soft Background Glow */
.certifications::after{
    content:'';

    position:absolute;

    width:500px;
    height:500px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(46,125,50,.08),
        transparent 70%
    );

    top:-150px;
    right:-150px;

    pointer-events:none;
}

.cert-header{
    position:relative;
    z-index:5;

    text-align:center;
    margin-bottom:70px;
}

/* ====================================
   CERTIFICATE BOOK
==================================== */

.certificate-book{

    max-width:850px;
    height:450px;

    margin:auto;

    position:relative;

    perspective:1500px;

    overflow:visible;

    z-index:2;
}

/* Page Stack */

.certificate-book::before{
    content:'';

    position:absolute;

    top:15px;
    left:20px;
    right:20px;
    bottom:-15px;

    border-radius:30px;

    background:#f8faf8;

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

    z-index:0;
}

.certificate-book::after{
    content:'';

    position:absolute;

    top:30px;
    left:40px;
    right:40px;
    bottom:-30px;

    border-radius:30px;

    background:#eef4ee;

    z-index:0;
}

/* ====================================
   SLIDES
==================================== */

.certificate-slide{

    position:absolute;

    inset:0;

    opacity:0;
    visibility:hidden;

    transform:rotateY(90deg);

    transform-origin:left center;

    transition:
    opacity .8s ease,
    transform .8s ease,
    visibility .8s ease;
}

.certificate-slide.active{

    opacity:1;
    visibility:visible;

    transform:rotateY(0deg);

    z-index:5;
}

/* ====================================
   CERTIFICATE PAPER
==================================== */

.certificate-paper{

    height:100%;

    background:
    linear-gradient(
        135deg,
        #ffffff,
        #f9fafb
    );

    border-radius:30px;

    padding:60px;

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

    position:relative;

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

    overflow:hidden;
}

/* Watermark */

.certificate-paper::before{

    content:'INAM FOODS';

    position:absolute;

    top:50%;
    left:50%;

    transform:
    translate(-50%,-50%);

    font-size:5rem;
    font-weight:800;

    white-space:nowrap;

    color:rgba(46,125,50,.03);

    pointer-events:none;
}

/* Corner Accent */

.certificate-paper::after{

    content:'';

    position:absolute;

    width:220px;
    height:220px;

    bottom:-110px;
    left:-110px;

    border-radius:50%;

    background:
    rgba(212,175,55,.08);
}

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

.certificate-label{

    background:#2e7d32;
    color:#fff;

    padding:8px 18px;

    border-radius:50px;

    font-size:.85rem;
    font-weight:600;

    margin-bottom:30px;

    z-index:2;
}

.certificate-paper img{

    max-width:260px;
    max-height:140px;

    object-fit:contain;

    margin-bottom:25px;

    z-index:2;
}

.certificate-paper h3{

    font-size:2rem;
    font-weight:700;

    color:#1f2937;

    margin-bottom:15px;

    z-index:2;
}

.certificate-paper p{

    max-width:550px;

    text-align:center;

    color:#6b7280;

    line-height:1.8;

    z-index:2;
}

/* ====================================
   CONTROLS
==================================== */

.cert-controls{

    position:relative;
    z-index:5;

    margin-top:60px;

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

    gap:25px;
}

.cert-prev,
.cert-next{

    width:50px;
    height:50px;

    border:none;
    border-radius:50%;

    background:#fff;

    cursor:pointer;

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

    transition:.3s ease;
}

.cert-prev:hover,
.cert-next:hover{

    transform:translateY(-4px);
}

.cert-dots{

    display:flex;
    gap:10px;
}

.dot{

    width:10px;
    height:10px;

    border-radius:50%;

    background:#d1d5db;

    transition:.3s ease;
}

.dot.active{

    width:35px;

    border-radius:20px;

    background:#2e7d32;
}
/*==========================================
            WHO WE ARE
==========================================*/

.who-we-are{

    position:relative;

    padding:40px 8%;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        #ffffff,
        #f8fbf8 45%,
        #ffffff
    );

}

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

.who-wrapper{

    max-width:1400px;

    margin:auto;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:90px;

    align-items:center;

    position:relative;

    z-index:5;

}

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

.who-circle{

    position:absolute;

    border-radius:50%;

    filter:blur(120px);

    opacity:.15;

}

.circle-one{

    width:350px;

    height:350px;

    left:-150px;

    top:-80px;

    background:#2E7D32;

}

.circle-two{

    width:280px;

    height:280px;

    right:-100px;

    bottom:-80px;

    background:#D4AF37;

}

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

.who-content{

    max-width:540px;

}

.who-tag{

    display:inline-block;

    padding:10px 22px;

    border-radius:40px;

    background:#eef8ef;

    color:#2E7D32;

    font-size:13px;

    letter-spacing:2px;

    font-weight:700;

}

.who-content h1{

    margin-top:28px;

    font-size:55px;

    line-height:1.05;

    font-weight:700;

    color:#161616;
    font-family: 'playfair Display',sans-serif;

}

.who-content h1 span{

    display:block;

    color:#2E7D32;

}

.who-content p{

    margin-top:35px;

    font-size:18px;

    line-height:2;

    color:#666;

    max-width:500px;

}

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

.who-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    margin-top:45px;

    padding:18px 38px;

    border-radius:50px;

    background:#2E7D32;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

    box-shadow:

    0 20px 40px rgba(46,125,50,.18);

}

.who-btn:hover{

    transform:translateY(-6px);

    background:#25682a;

}

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

.who-image{

    position:relative;

}

.who-image img{

    width:100%;

    height:450px;

    object-fit:cover;

    border-radius:35px;

    display:block;

    box-shadow:

    0 35px 70px rgba(0,0,0,.12);

}

/* Decorative Border */

.who-image::before{

    content:"";

    position:absolute;

    top:25px;

    left:25px;

    right:-25px;

    bottom:-25px;

   /* border:2px solid rgba(46,125,50,.12);*/

    border-radius:35px;

    z-index:-1;

}

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

.who-card{

    position:absolute;

    bottom:35px;

    left:-40px;

    background:#fff;

    border-radius:25px;

    padding:28px;

    width:240px;

    box-shadow:

    0 25px 60px rgba(0,0,0,.10);

}

.who-card span{

    color:#999;

    font-size:14px;

    text-transform:uppercase;

    letter-spacing:2px;

}

.who-card h2{

    margin:10px 0;

    font-size:50px;

    color:#2E7D32;

    line-height:1;

}

.who-card p{

    color:#666;

    line-height:1.7;

    font-size:15px;

}

/*==========================================
        BRAND MESSAGE
==========================================*/

.brand-message{

    padding:50px 8%;

    background:#ffffff;

}

.brand-container{

    max-width:1000px;

    margin:auto;

    text-align:center;

}

.brand-line{

    width:120px;

    height:2px;

    background:

    linear-gradient(
        90deg,
        transparent,
        #2E7D32,
        transparent
    );

    margin:auto;

}

.brand-container h2{

    margin:35px 0;

    font-size:34px;

    line-height:1.6;

    color:#222;

    font-weight:400;

    font-style:italic;

}
/*=====================================gallery page======================================*/
/*=====================================
        GALLERY PAGE
======================================*/

.gallery-page{

    background:#f7f6f3;

    color:#111;

    font-family:

        Arial,

        Helvetica,

        sans-serif;

}



/*=====================================
        MAIN CONTAINER
======================================*/

.gallery-container{

    width:100%;

    /* margin:80px auto; */
    /* margin:14px auto; */
    margin:4px auto;

}



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

.gallery-hero{

    text-align:left;

    padding:45px 7% 60px;

            background: linear-gradient(rgb(189 146 21 / 69%), rgb(171 170 47 / 43%)),
             url(../images/gal-bg.webp);

    background-position:center;

    background-repeat:no-repeat;

    color:white;

    margin-bottom:50px;

}


.gallery-hero h1{

    font-size:clamp(

        2.5rem,

        5vw,

        4.5rem

    );

    margin-bottom:15px;

    text-transform:uppercase;

    letter-spacing:-2px;

    font-family:

        Georgia,

        'Times New Roman',

        serif;

}


.gallery-hero p{

    max-width:760px;

    line-height:1.7;

    font-size:1.1rem;

}



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

.gallery-section{

    width:90%;

    max-width:1500px;

    margin:0 auto 120px;

}



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

.gallery-layout{

    display:grid;

    grid-template-columns:

        0.95fr

        1.8fr;

    gap:20px;

    align-items:stretch;

}



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

.gallery-section-hero{

    position:relative;

    height:100%;

    min-height:500px;

    overflow:hidden;

    border-radius:20px;

    background:#222;

    box-shadow:

        0 20px 50px

        rgba(0,0,0,.12);

}



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

.gallery-section-hero img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    transition:

        transform .8s ease;

}


.gallery-section-hero:hover img{

    transform:scale(1.08);

}



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

.gallery-section-hero::after{

    content:"";

    position:absolute;

    inset:0;

    background:

        linear-gradient(

            to top,

            rgba(0,0,0,.78),

            rgba(0,0,0,.20),

            transparent

        );

}



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

.gallery-hero-overlay{

    position:absolute;

    z-index:2;

    left:40px;

    right:30px;

    bottom:40px;

    color:white;

}


.gallery-hero-overlay > span{

    display:inline-block;

    margin-bottom:12px;

    font-size:12px;

    text-transform:uppercase;

    letter-spacing:3px;

    color:#f7d56c;

}


.gallery-hero-overlay h2{

    font-size:clamp(

        2rem,

        3vw,

        3.2rem

    );

    line-height:1.1;

    margin-bottom:15px;

}


.gallery-hero-overlay p{

    max-width:380px;

    font-size:16px;

    line-height:1.7;

    opacity:.9;

    margin-bottom:20px;

}


.gallery-hero-overlay a{

    display:inline-flex;

    align-items:center;

    gap:12px;

    color:white;

    text-decoration:none;

    font-size:15px;

    border-bottom:1px solid white;

    padding-bottom:6px;

}


.gallery-hero-overlay .arrow{

    font-size:20px;

    transition:

        transform .3s ease;

}


.gallery-hero-overlay a:hover .arrow{

    transform:translateX(6px);

}



/*=====================================
        RIGHT GALLERY GRID
======================================*/

.gallery-grid{

    display:grid;

    grid-template-columns:

        repeat(3,1fr);

    grid-template-rows:

        repeat(2,1fr);

    gap:18px;

    min-height:500px;

}



/*=====================================
        GALLERY ITEM
======================================*/

.gallery-item{

    position:relative;

    overflow:hidden;

    min-height:0;

    border-radius:16px;

    cursor:pointer;

    background:#222;

    box-shadow:

        0 12px 30px

        rgba(0,0,0,.10);

}



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

.gallery-item img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    transition:

        transform .6s ease;

}


.gallery-item:hover img{

    transform:scale(1.1);

}



/*=====================================
        GALLERY GRADIENT
======================================*/

.gallery-item::after{

    content:"";

    position:absolute;

    inset:0;

    background:

        linear-gradient(

            to top,

            rgba(0,0,0,.72),

            rgba(0,0,0,.08) 65%,

            transparent

        );

    pointer-events:none;

}



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

.gallery-item > span{

    position:absolute;

    z-index:2;

    left:18px;

    bottom:16px;

    right:12px;

    color:white;

    font-size:14px;

    font-weight:500;

    letter-spacing:.3px;

}



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

.gallery-item::before{

    content:"";

    position:absolute;

    z-index:3;

    inset:12px;

    border:1px solid

        rgba(255,255,255,.55);

    border-radius:10px;

    opacity:0;

    transition:

        opacity .4s ease;

    pointer-events:none;

}


.gallery-item:hover::before{

    opacity:1;

}



/*=====================================
        LIGHTBOX
======================================*/

.gallery-lightbox{

    position:fixed;

    inset:0;

    z-index:99999;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:30px;

    background:

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

    opacity:0;

    visibility:hidden;

    transition:

        opacity .3s ease,

        visibility .3s ease;

}


.gallery-lightbox.active{

    opacity:1;

    visibility:visible;

}


.gallery-lightbox-content{

    position:relative;

    width:min(

        1100px,

        95vw

    );

    max-height:90vh;

}


.gallery-lightbox-content img{

    width:100%;

    max-height:85vh;

    display:block;

    object-fit:contain;

    border-radius:14px;

}


.gallery-lightbox-close{

    position:absolute;

    top:-50px;

    right:0;

    border:none;

    background:none;

    color:white;

    font-size:42px;

    cursor:pointer;

}



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

@media(max-width:1100px){

    .gallery-layout{

        grid-template-columns:

            1fr;

    }


    .gallery-section-hero{

        min-height:430px;

    }


    .gallery-grid{

        min-height:500px;

    }

}



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

@media(max-width:700px){

    .gallery-container{

        margin-top:50px;

    }


    .gallery-hero{

        padding:

            40px

            25px

            50px;

    }


    .gallery-hero h1{

        font-size:2.5rem;

    }


    .gallery-hero p{

        font-size:1rem;

    }


    .gallery-section{

        width:94%;

        margin-bottom:80px;

    }


    .gallery-layout{

        gap:12px;

    }


    .gallery-section-hero{

        min-height:400px;

        border-radius:16px;

    }


    .gallery-hero-overlay{

        left:25px;

        right:20px;

        bottom:25px;

    }


    .gallery-hero-overlay h2{

        font-size:2rem;

    }


    .gallery-grid{

        grid-template-columns:

            repeat(2,1fr);

        grid-template-rows:

            repeat(3,220px);

        gap:12px;

        min-height:auto;

    }


    .gallery-item{

        border-radius:12px;

    }


    .gallery-item > span{

        left:12px;

        bottom:12px;

        font-size:12px;

    }

}



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

@media(max-width:450px){

    .gallery-grid{

        grid-template-columns:1fr;

        grid-template-rows:

            repeat(6,230px);

    }

}
/*----------------------------login page--------------------------------------------------------*/
/* ==========================================
   RESET
========================================== */

.inam-login-page,
.inam-login-page *{

    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;

}

/* ==========================================
   LOGIN PAGE BACKGROUND
========================================== */

.inam-login-page{

    min-height:100vh;

    background:
    linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),
    url("../images/bg/loginbg.webp");

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

    overflow-x:hidden;

}

/* ==========================================
   LOGIN PAGE
========================================== */

.inam-login-page{

    min-height:calc(100vh - 180px);

    display:flex;

    justify-content:center;

    align-items:center;

    padding:80px 20px;

}

/* ==========================================
   CONTAINER
========================================== */

.inam-login-container{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

}

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

.inam-login-card{

    width:450px;

    max-width:100%;

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

    backdrop-filter:blur(15px);

    border-radius:20px;

    padding:40px;

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

}

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

.inam-login-header{

    text-align:center;

    margin-bottom:30px;

}

.inam-login-header h1{

    font-size:34px;

    color:#222;

    margin-bottom:10px;

}

.inam-login-header p{

    color:#666;

    font-size:15px;

}

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

.inam-login-input-group{

    margin-bottom:20px;

}

.inam-login-input-group label{

    display:block;

    margin-bottom:8px;

    color:#333;

    font-weight:500;

}

.inam-login-input-group input{

    width:100%;

    padding:15px;

    border:1px solid #ddd;

    border-radius:10px;

    outline:none;

    font-size:15px;

    transition:.3s;

}

.inam-login-input-group input:focus{

    border-color:#2E8B57;

    box-shadow:0 0 8px rgba(46,139,87,.2);

}

/* ==========================================
   OPTIONS
========================================== */

.inam-login-options{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:25px;

    font-size:14px;

}

.inam-login-options label{

    display:flex;

    align-items:center;

    gap:8px;

}

.inam-login-options a{

    color:#2E8B57;

    text-decoration:none;

}

.inam-login-options a:hover{

    text-decoration:underline;

}

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

.inam-login-btn{

    width:100%;

    padding:15px;

    border:none;

    border-radius:10px;

    background:#2E8B57;

    color:#fff;

    font-size:16px;

    font-weight:600;

    cursor:pointer;

    transition:.3s;

}

.inam-login-btn:hover{

    background:#236b44;

    transform:translateY(-2px);

}

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

.inam-login-signup-link{

    text-align:center;

    margin-top:25px;

    color:#666;

}

.inam-login-signup-link a{

    color:#2E8B57;

    text-decoration:none;

    font-weight:600;

}

.inam-login-signup-link a:hover{

    text-decoration:underline;

}

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

@media(max-width:768px){

.inam-login-page{

    padding:60px 20px;

}

.inam-login-card{

    width:100%;

    padding:35px 25px;

}

.inam-login-header h1{

    font-size:30px;

}

}

@media(max-width:480px){

.inam-login-page{

    padding:40px 15px;

}

.inam-login-card{

    padding:30px 20px;

}

.inam-login-header h1{

    font-size:26px;

}

.inam-login-options{

    flex-direction:column;

    align-items:flex-start;

    gap:12px;

}

}

/*----------------------------------------------sign up---------------------------------------------------------------------------*/
/* ===========================
   RESET
=========================== */

.inam-signup-page,
.inam-signup-page *{

    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;

}

/* ===========================
   PAGE
=========================== */

.inam-signup-page{

    min-height:100vh;

    background:
    linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),
    url("../images/logbg.webp");

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

    overflow-x:hidden;

}

/* ===========================
   SIGNUP PAGE
=========================== */

.inam-signup-page{

    min-height:calc(100vh - 180px);

    display:flex;

    justify-content:center;

    align-items:center;

    padding:80px 20px;

}

/* ===========================
   CONTAINER
=========================== */

.inam-signup-container{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

}

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

.inam-signup-card{

    width:1100px;

    max-width:100%;

    background:#ffffff;

    display:flex;

    border-radius:24px;

    overflow:hidden;

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

}

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

.inam-signup-left-side{

    width:55%;

    padding:45px;

    background:#ffffff;

}

.inam-signup-logo{

    text-align:center;

    margin-bottom:20px;

}

.inam-signup-logo img{

    width:80px;

}

.inam-signup-left-side h2{

    text-align:center;

    font-size:34px;

    color:#222;

    margin-bottom:10px;

}

.inam-signup-subtitle{

    text-align:center;

    color:#666;

    margin-bottom:35px;

    line-height:24px;

}

/* ===========================
   INPUT GROUP
=========================== */

.inam-signup-input-group{

    margin-bottom:20px;

}

.inam-signup-input-group label{

    display:block;

    margin-bottom:8px;

    font-weight:500;

    color:#333;

}

.inam-signup-input-group span{

    color:#888;

    font-size:12px;

}

/* ===========================
   INPUT BOX
=========================== */

.inam-signup-input-box,
.inam-signup-password-box{

    position:relative;

}

.inam-signup-input-box input,
.inam-signup-password-box input{

    width:100%;

    padding:15px 48px;

    border:1px solid #ddd;

    border-radius:10px;

    outline:none;

    font-size:15px;

    transition:.3s;

}

.inam-signup-input-box input:focus,
.inam-signup-password-box input:focus{

    border-color:#2E8B57;

    box-shadow:0 0 10px rgba(46,139,87,.15);

}

.inam-signup-input-box i,
.inam-signup-left-icon{

    position:absolute;

    left:15px;

    top:50%;

    transform:translateY(-50%);

    color:#888;

}

.inam-signup-togglePassword{

    position:absolute;

    right:15px;

    top:50%;

    transform:translateY(-50%);

    cursor:pointer;

    color:#888;

}

.inam-signup-togglePassword:hover{

    color:#2E8B57;

}

/* ===========================
   TERMS
=========================== */

.inam-signup-remember{

    margin:20px 0;

}

.inam-signup-remember label{

    display:flex;

    align-items:flex-start;

    gap:10px;

    font-size:14px;

    color:#555;

}

.inam-signup-remember a{

    color:#2E8B57;

    text-decoration:none;

    font-weight:500;

}

.inam-signup-remember a:hover{

    text-decoration:underline;

}

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

.inam-signup-btn{

    width:100%;

    padding:15px;

    border:none;

    border-radius:10px;

    background:#2E8B57;

    color:#fff;

    font-size:16px;

    font-weight:600;

    cursor:pointer;

    transition:.3s;

}

.inam-signup-btn:hover{

    background:#236b44;

    transform:translateY(-2px);

}

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

.inam-signup-login-link{

    margin-top:25px;

    text-align:center;

    color:#666;

    font-size:15px;

}

.inam-signup-login-link a{

    color:#2E8B57;

    text-decoration:none;

    font-weight:600;

}

.inam-signup-login-link a:hover{

    text-decoration:underline;

}

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

.inam-signup-right-side{

    width:45%;

    background:#F5FAF5;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    padding:45px;

    text-align:center;

}

.inam-signup-right-side img{

    width:85%;

    max-width:360px;

    margin-bottom:30px;

}

.inam-signup-right-side h3{

    color:#2E8B57;

    font-size:28px;

    margin-bottom:15px;

}

.inam-signup-right-side p{

    color:#666;

    line-height:28px;

    font-size:15px;

}

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

@media(max-width:992px){

.inam-signup-card{

    flex-direction:column;

}

.inam-signup-left-side,
.inam-signup-right-side{

    width:100%;

}

.inam-signup-right-side{

    padding:35px;

}

.inam-signup-right-side img{

    width:70%;

}

}

@media(max-width:768px){

.inam-signup-page{

    padding:20px;

}

.inam-signup-left-side{

    padding:35px 25px;

}

.inam-signup-left-side h2{

    font-size:28px;

}

.inam-signup-subtitle{

    font-size:14px;

}

.inam-signup-right-side{

    display:none;

}

}

@media(max-width:480px){

.inam-signup-left-side{

    padding:30px 20px;

}

.inam-signup-input-box input,
.inam-signup-password-box input{

    padding:14px 45px;

}

.inam-signup-btn{

    padding:14px;

}

}

@media(min-width:993px) and (max-width:1130px){
.nav-links a {
  text-decoration: none;
  color: #111;
  font-size: 11px;
  font-weight: 7500;
  transition: .3s;
}
.quote-btn {
  background: #007A29;
  color: #fff;
  text-decoration: none;
  padding: 12px 24px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 10px;
  font-weight: 600;
  transition: .3s;
}
}
/*--------------------------------------------------forgot password-----------------------------------------------------------*/
/* ===========================
   RESET
=========================== */

.inam-forgot-wrapper,
.inam-forgot-wrapper *{

    margin:0;

    padding:0;

    box-sizing:border-box;

    font-family:'Poppins',sans-serif;

}

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

.inam-forgot-wrapper{

    min-height:100vh;

    background:
    linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),
    url("assets/images/loginbg.webp");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    background-attachment:fixed;

    overflow-x:hidden;

    padding:20px;

}

/* ===========================
   FORGOT PAGE
=========================== */

.inam-forgot-page{

    min-height:calc(100vh - 180px);

    display:flex;

    justify-content:center;

    align-items:center;

    padding:80px 20px;

}

/* ===========================
   CONTAINER
=========================== */

.inam-forgot-container{

    width:100%;

    display:flex;

    justify-content:center;

}

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

.inam-forgot-card{

    width:950px;

    background:#fff;

    border-radius:25px;

    overflow:hidden;

    display:flex;

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

}

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

.inam-forgot-left-side{

    width:55%;

    padding:60px;

}

.inam-forgot-logo{

    text-align:center;

    margin-bottom:20px;

}

.inam-forgot-logo img{

    width:80px;

}

.inam-forgot-left-side h2{

    text-align:center;

    font-size:34px;

    margin-bottom:10px;

}

.inam-forgot-left-side p{

    text-align:center;

    color:#666;

    margin-bottom:35px;

    line-height:26px;

}

/* ===========================
   INPUT GROUP
=========================== */

.inam-forgot-input-group{

    margin-bottom:25px;

}

.inam-forgot-input-group label{

    display:block;

    margin-bottom:10px;

}

/* ===========================
   INPUT BOX
=========================== */

.inam-forgot-input-box{

    position:relative;

}

.inam-forgot-input-box i{

    position:absolute;

    left:15px;

    top:50%;

    transform:translateY(-50%);

    color:#888;

}

.inam-forgot-input-box input{

    width:100%;

    padding:15px 45px;

    border:1px solid #ddd;

    border-radius:10px;

    outline:none;

}

.inam-forgot-input-box input:focus{

    border-color:#2E8B57;

}

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

.inam-forgot-reset-btn{

    width:100%;

    padding:15px;

    border:none;

    border-radius:10px;

    background:#2E8B57;

    color:#fff;

    cursor:pointer;

    font-size:16px;

    font-weight:600;

}

.inam-forgot-reset-btn:hover{

    background:#236b44;

}

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

.inam-forgot-back-link{

    margin-top:30px;

    text-align:center;

}

.inam-forgot-back-link a{

    color:#2E8B57;

    text-decoration:none;

    font-weight:500;

}

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

.inam-forgot-right-side{

    width:45%;

    background:#f5faf5;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    padding:40px;

    text-align:center;

}

.inam-forgot-right-side img{

    width:85%;

    max-width:320px;

    margin-bottom:30px;

}

.inam-forgot-right-side h3{

    color:#2E8B57;

    margin-bottom:15px;

}

.inam-forgot-right-side p{

    color:#666;

    line-height:28px;

}

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

@media(max-width:900px){

    .inam-forgot-page{

        padding:60px 20px;

    }

    .inam-forgot-card{

        flex-direction:column;

    }

    .inam-forgot-left-side,
    .inam-forgot-right-side{

        width:100%;

    }

}

@media(max-width:600px){

    .inam-forgot-page{

        padding:40px 15px;

    }

    .inam-forgot-right-side{

        display:none;

    }

    .inam-forgot-left-side{

        padding:35px 25px;

    }

    .inam-forgot-left-side h2{

        font-size:28px;

    }

}

/*---------------------------------------------------Reset password-----------------------------------------------------------*/
/* ===========================
   RESET
=========================== */

.inam-reset-wrapper,
.inam-reset-wrapper *{

    margin:0;

    padding:0;

    box-sizing:border-box;

    font-family:'Poppins',sans-serif;

}

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

.inam-reset-wrapper{

    min-height:100vh;

    background:
    linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),
    url("assets/images/logbg.webp");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    background-attachment:fixed;

    overflow-x:hidden;

    padding:20px;

}

/* ===========================
   RESET PAGE
=========================== */

.inam-reset-page{

    min-height:calc(100vh - 180px);

    display:flex;

    justify-content:center;

    align-items:center;

    padding:80px 20px;

}

/* ===========================
   CONTAINER
=========================== */

.inam-reset-container{

    width:100%;

    display:flex;

    justify-content:center;

}

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

.inam-reset-card{

    width:500px;

    background:#fff;

    padding:45px;

    border-radius:22px;

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

}

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

.inam-reset-logo{

    text-align:center;

    margin-bottom:20px;

}

.inam-reset-logo img{

    width:80px;

}

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

.inam-reset-card h2{

    text-align:center;

    font-size:32px;

    margin-bottom:10px;

}

.inam-reset-card p{

    text-align:center;

    color:#666;

    margin-bottom:35px;

}

/* ===========================
   INPUT GROUP
=========================== */

.inam-reset-input-group{

    margin-bottom:20px;

}

.inam-reset-input-group label{

    display:block;

    margin-bottom:8px;

    font-weight:500;

}

/* ===========================
   PASSWORD BOX
=========================== */

.inam-reset-password-box{

    position:relative;

}

.inam-reset-password-box input{

    width:100%;

    padding:15px 45px;

    border:1px solid #ddd;

    border-radius:10px;

    outline:none;

    font-size:15px;

}

.inam-reset-password-box input:focus{

    border-color:#2E8B57;

    box-shadow:0 0 10px rgba(46,139,87,.15);

}

.inam-reset-left-icon{

    position:absolute;

    left:15px;

    top:50%;

    transform:translateY(-50%);

    color:#777;

}

.inam-reset-toggle-password{

    position:absolute;

    right:15px;

    top:50%;

    transform:translateY(-50%);

    cursor:pointer;

    color:#777;

}

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

.inam-reset-btn{

    width:100%;

    padding:15px;

    border:none;

    border-radius:10px;

    background:#2E8B57;

    color:#fff;

    font-size:16px;

    font-weight:600;

    cursor:pointer;

    transition:.3s;

    margin-top:10px;

}

.inam-reset-btn:hover{

    background:#236b44;

}

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

.inam-reset-back-link{

    margin-top:25px;

    text-align:center;

}

.inam-reset-back-link a{

    text-decoration:none;

    color:#2E8B57;

    font-weight:500;

}

.inam-reset-back-link a:hover{

    text-decoration:underline;

}

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

@media(max-width:768px){

    .inam-reset-page{

        padding:60px 20px;

    }

    .inam-reset-card{

        width:100%;

        padding:35px 25px;

    }

}

@media(max-width:480px){

    .inam-reset-page{

        padding:40px 15px;

    }

    .inam-reset-card{

        padding:30px 20px;

    }

}











/*--------------------------------------------product details--------------------------------------------------------*/
/*=========================================================
                PRODUCT DETAILS HERO
=========================================================*/

.inamproducthero-wrapper{

    position:relative;

    width:100%;

    overflow:hidden;

    background:
    linear-gradient(90deg,
    rgba(9,48,28,.96) 0%,
    rgba(17,66,39,.95) 45%,
    rgba(22,74,42,.92) 100%);

}

.inamproducthero-overlay{

    position:absolute;

    inset:0;

    background:
    radial-gradient(circle at 82% 38%,
    rgba(255,183,0,.18),
    transparent 32%),

    radial-gradient(circle at 78% 55%,
    rgba(255,166,0,.14),
    transparent 22%);

    pointer-events:none;

}

.inamproducthero-container{

    width:min(1380px,92%);

    margin:auto;

    min-height:350px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:40px;

    position:relative;

    z-index:2;
    height:300px;

}

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

.inamproducthero-content{

    width:48%;
    margin-top: -25px;

}

.inamproducthero-breadcrumb{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:10px;

    margin-bottom:26px;

}

.inamproducthero-breadcrumb a{

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

    text-decoration:none;

    font-family:'Poppins',sans-serif;

    font-size:13px;

    transition:.35s;

}

.inamproducthero-breadcrumb a:hover{

    color:#f4c14d;

}

.inamproducthero-breadcrumb span{

    color:#ffffff;

    font-size:13px;

    font-family:'Poppins',sans-serif;

}

.inamproducthero-breadcrumb i{

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

    font-size:10px;

}

/*=========================================================
                    BADGE
=========================================================*/

.inamproducthero-badge{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:9px 18px;

    border:1px solid rgba(231,184,69,.55);

    background:rgba(231,184,69,.08);

    border-radius:50px;

    color:#f3cb6d;

    font-family:'Poppins',sans-serif;

    font-size:12px;

    font-weight:600;

    letter-spacing:.8px;

    text-transform:uppercase;

    margin-bottom:22px;

}

.inamproducthero-badge i{

    font-size:12px;

}

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

.inamproducthero-title{

    font-family:'Playfair Display',serif;

    font-size:52px;

    font-weight:700;

    color:#ffffff;

    line-height:1.08;

    margin-bottom:18px;
margin-top:0px;
}

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

.inamproducthero-description{

    max-width:470px;

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

    font-family:'Poppins',sans-serif;

    font-size:15px;

    line-height:1.9;

    margin-bottom:34px;

}

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

.inamproducthero-features {
  display: flex;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
  margin-top: -20px;
}

.inamproducthero-feature{

    display:flex;

    align-items:center;

    gap:10px;

}

.inamproducthero-feature i{

    width:38px;

    height:38px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

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

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

    color:#f2c14c;

    font-size:15px;

    transition:.35s;

}

.inamproducthero-feature:hover i{

    transform:translateY(-3px);

    background:#f2c14c;

    color:#18412b;

}

.inamproducthero-feature span{

    color:#ffffff;

    font-family:'Poppins',sans-serif;

    font-size:13px;

    font-weight:500;

}

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

.inamproducthero-image{

    width:46%;

    display:flex;

    justify-content:flex-end;

    align-items:center;

    position:relative;

}

.inamproducthero-image::before{

    content:"";

    position:absolute;

    width:480px;

    height:480px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(255,177,0,.28),
    transparent 70%);

    right:10px;

    top:50%;

    transform:translateY(-50%);

    z-index:-1;

    filter:blur(25px);

}

.inamproducthero-image img{

    width:100%;

    max-width:540px;

    object-fit:contain;

    animation:inamproductheroimage 1.2s ease;

    filter:

    drop-shadow(0 30px 40px rgba(0,0,0,.35));

}

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

@keyframes inamproductheroimage{

0%{

    opacity:0;

    transform:translateX(80px) scale(.88);

}

100%{

    opacity:1;

    transform:translateX(0) scale(1);

}

}

@keyframes inamproductherotext{

0%{

    opacity:0;

    transform:translateY(30px);

}

100%{

    opacity:1;

    transform:translateY(0);

}

}

.inamproducthero-content>*{

    animation:inamproductherotext .8s ease forwards;

}

.inamproducthero-content>*:nth-child(2){animation-delay:.15s;}
.inamproducthero-content>*:nth-child(3){animation-delay:.25s;}
.inamproducthero-content>*:nth-child(4){animation-delay:.35s;}
.inamproducthero-content>*:nth-child(5){animation-delay:.45s;}

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

.inamproducthero-image:hover img{

    transform:scale(1.03);

    transition:.45s;

}

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

@media(max-width:992px){

.inamproducthero-container{

    flex-direction:column;

    text-align:center;

    padding:70px 0;

}

.inamproducthero-content,
.inamproducthero-image{

    width:100%;

}

.inamproducthero-description{

    margin-inline:auto;

}

.inamproducthero-breadcrumb{

    justify-content:center;

}

.inamproducthero-features{

    justify-content:center;

}

}

@media(max-width:576px){

.inamproducthero-title{

    font-size:38px;

}

.inamproducthero-description{

    font-size:14px;

}

.inamproducthero-image img{

    max-width:350px;

}

}
/*=========================================================
                PRODUCT DETAILS HERO
=========================================================*/

.inamproducthero-wrapper{

    position:relative;

    width:100%;

    min-height:370px;

    overflow:hidden;

    display:flex;
    align-items:center;

    background-image:
        linear-gradient(
            90deg,
            rgba(5,32,18,.72) 0%,
            rgba(5,32,18,.45) 35%,
            rgba(5,32,18,.18) 65%,
            rgba(5,32,18,.08) 100%
        ),
        url("../images/productdetailshero.webp");

    background-size:cover;

    background-position:center 77%;

    background-repeat:no-repeat;

}


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

.inamproducthero-overlay{

    position:absolute;

    inset:0;

    background:
        radial-gradient(circle at 25% 35%,
        rgba(255,190,60,.08),
        transparent 35%);

    pointer-events:none;

}


/*=========================================================
                    CONTAINER
=========================================================*/

.inamproducthero-container {
  position: relative;
  z-index: 2;
  width: min(1380px,90%);
  margin: auto;
  display: flex;
  align-items: center;
  min-height: 355px;
  
}


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

.inamproducthero-content{

    max-width:520px;

}
/*=========================================================
                PRODUCT DETAILS
=========================================================*/

.inamproductdetails-wrapper{

    padding:60px 0;

    background:#fff;

}

.inamproductdetails-container{

    width:min(1380px,90%);

    margin:auto;

    display:grid;

    grid-template-columns:540px 1fr;

    gap:55px;

    align-items:start;

}


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

.inamproductdetails-gallery{

    width:100%;

}


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

.inamproductdetails-mainimage{

    position:relative;

    width:100%;

    height:450px;

    overflow:hidden;

    border-radius:22px;

    background:#f8f8f5;

    border:1px solid #ececec;

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

}

.inamproductdetails-mainimage img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:.45s;

}

.inamproductdetails-mainimage:hover img{

    transform:scale(1.05);

}


/*=========================================================
                PREMIUM BADGE
=========================================================*/

.inamproductdetails-badge{

    position:absolute;

    left:18px;

    top:18px;

    display:flex;

    align-items:center;

    gap:8px;

    padding:10px 16px;

    background:#fff;

    border-radius:14px;

    font-family:'Poppins',sans-serif;

    font-size:13px;

    font-weight:600;

    color:#35573d;

    box-shadow:

    0 8px 22px rgba(0,0,0,.08);

    z-index:3;

}

.inamproductdetails-badge i{

    color:#d8a126;

}


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

.inamproductdetails-zoombtn{

    position:absolute;

    top:18px;

    right:18px;

    width:46px;

    height:46px;

    border:none;

    border-radius:50%;

    background:#fff;

    color:#35573d;

    cursor:pointer;

    font-size:17px;

    box-shadow:

    0 8px 22px rgba(0,0,0,.08);

    transition:.35s;

    z-index:5;

}

.inamproductdetails-zoombtn:hover{

    background:#2f7d43;

    color:#fff;

}


/*=========================================================
                THUMBNAILS
=========================================================*/

.inamproductdetails-thumbwrapper{

    display:flex;

    align-items:center;

    gap:15px;

    margin-top:20px;

}

.inamproductdetails-thumbslider{

    flex:1;

    display:flex;

    gap:14px;

    overflow:hidden;

}

.inamproductdetails-thumb{

    width:90px;

    height:90px;

    border-radius:14px;

    overflow:hidden;

    cursor:pointer;

    border:2px solid transparent;

    transition:.35s;

    flex-shrink:0;

    background:#fafafa;

}

.inamproductdetails-thumb img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}

.inamproductdetails-thumb.active{

    border-color:#2f7d43;

    box-shadow:

    0 10px 25px rgba(47,125,67,.18);

}

.inamproductdetails-thumb:hover{

    transform:translateY(-4px);

}


/*=========================================================
                THUMB ARROWS
=========================================================*/

.inamproductdetails-thumbarrow{

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#fff;

    color:#35573d;

    cursor:pointer;

    box-shadow:

    0 8px 20px rgba(0,0,0,.08);

    transition:.35s;

}

.inamproductdetails-thumbarrow:hover{

    background:#2f7d43;

    color:#fff;

}
/*=========================================================
                RIGHT CONTENT
=========================================================*/

.inamproductdetails-content{

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding-top:10px;

}


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

.inamproductdetails-breadcrumb{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:18px;

}

.inamproductdetails-breadcrumb a{

    text-decoration:none;

    font-family:'Poppins',sans-serif;

    font-size:13px;

    font-weight:500;

    color:#6d816f;

    transition:.35s;

}

.inamproductdetails-breadcrumb a:hover{

    color:#2f7d43;

}

.inamproductdetails-breadcrumb span{

    font-family:'Poppins',sans-serif;

    font-size:13px;

    color:#2f7d43;

    font-weight:600;

}


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

.inamproductdetails-title{

    font-family:'Playfair Display',serif;

    font-size:44px;

    font-weight:700;

    line-height:1.15;

    color:#23422d;

    margin-bottom:22px;

}


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

.inamproductdetails-description{

    font-family:'Poppins',sans-serif;

    font-size:15px;

    line-height:1.95;

    color:#666;

    max-width:650px;

    margin-bottom:34px;
    margin-top:-4px;

}


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

.inamproductdetails-featuregrid{

    display:grid;

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

    gap:18px;

    margin-bottom:38px;
    margin-top: -15px;

}


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

.inamproductdetails-featurecard{

    display:flex;

    align-items:flex-start;

    gap:16px;

    padding:17px;

    background:#ffffff;

    border:1px solid #ececec;

    border-radius:18px;

    transition:.35s;

    box-shadow:

    0 10px 28px rgba(0,0,0,.04);

}

.inamproductdetails-featurecard:hover{

    transform:translateY(-6px);

    border-color:#2f7d43;

    box-shadow:

    0 18px 40px rgba(47,125,67,.10);

}


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

.inamproductdetails-featureicon{

    width:40px;

    height:40px;

    flex-shrink:0;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:16px;

    background:

    linear-gradient(135deg,#2f7d43,#3e9255);

    color:#fff;

    font-size:20px;

    transition:.35s;

}

.inamproductdetails-featurecard:hover
.inamproductdetails-featureicon{

    transform:rotate(-8deg) scale(1.08);

}


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

.inamproductdetails-featurecontent{

    flex:1;
    margin-top: -20px;

}

.inamproductdetails-featurecontent h4{

    font-family:'Playfair Display',serif;

    font-size:19px;

    font-weight:700;

    color:#23422d;

    margin-bottom:8px;

}

.inamproductdetails-featurecontent p{

    font-family:'Poppins',sans-serif;

    font-size:13px;

    line-height:1.75;

    color:#707070;

}


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

.inamproductdetails-buttonarea{

    display:flex;

    align-items:center;

    gap:18px;

    margin-top:-6px;

}


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

.inamproductdetails-primarybtn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:16px 30px;

    background:

    linear-gradient(135deg,#2f7d43,#246938);

    color:#fff;

    text-decoration:none;

    border-radius:10px;

    font-family:'Poppins',sans-serif;

    font-size:14px;

    font-weight:600;

    transition:.35s;

    box-shadow:

    0 12px 28px rgba(47,125,67,.22);

}

.inamproductdetails-primarybtn:hover{

    transform:translateY(-4px);

    box-shadow:

    0 18px 40px rgba(47,125,67,.30);

}

.inamproductdetails-primarybtn i{

    transition:.35s;

}

.inamproductdetails-primarybtn:hover i{

    transform:translateX(5px);

}


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

.inamproductdetails-secondarybtn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:15px 28px;

    border:1px solid #d9dfd8;

    border-radius:10px;

    background:#fff;

    color:#2f7d43;

    text-decoration:none;

    font-family:'Poppins',sans-serif;

    font-size:14px;

    font-weight:600;

    transition:.35s;

}

.inamproductdetails-secondarybtn:hover{

    background:#2f7d43;

    color:#fff;

    border-color:#2f7d43;

}

.inamproductdetails-secondarybtn i{

    font-size:15px;

}
/*=========================================================
            IMAGE & CONTENT ENTRANCE ANIMATIONS
=========================================================*/

.inamproductdetails-gallery{

    animation:inamGalleryReveal .9s ease forwards;

}

.inamproductdetails-content{

    animation:inamContentReveal .9s ease forwards;

    animation-delay:.15s;

    opacity:0;

}

@keyframes inamGalleryReveal{

0%{

    opacity:0;

    transform:translateX(-60px);

}

100%{

    opacity:1;

    transform:translateX(0);

}

}

@keyframes inamContentReveal{

0%{

    opacity:0;

    transform:translateX(60px);

}

100%{

    opacity:1;

    transform:translateX(0);

}

}


/*=========================================================
                MAIN IMAGE EFFECT
=========================================================*/

.inamproductdetails-mainimage{

    position:relative;

}

.inamproductdetails-mainimage::after{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(

    180deg,

    rgba(255,255,255,.18),

    transparent 35%,

    transparent 65%,

    rgba(0,0,0,.05)

    );

    pointer-events:none;

}

.inamproductdetails-mainimage img{

    animation:inamImageZoom 1s ease;

}

@keyframes inamImageZoom{

0%{

    transform:scale(1.08);

    opacity:0;

}

100%{

    transform:scale(1);

    opacity:1;

}

}


/*=========================================================
                FLOATING EFFECT
=========================================================*/

.inamproductdetails-mainimage img{

    animation:

    inamImageZoom 1s ease,

    inamFloating 4s ease-in-out infinite;

}

@keyframes inamFloating{

0%{

    transform:translateY(0);

}

50%{

    transform:translateY(-8px);

}

100%{

    transform:translateY(0);

}

}


/*=========================================================
                THUMBNAIL EFFECTS
=========================================================*/

.inamproductdetails-thumb{

    position:relative;

}

.inamproductdetails-thumb::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:14px;

    background:

    rgba(47,125,67,.08);

    opacity:0;

    transition:.35s;

}

.inamproductdetails-thumb:hover::before{

    opacity:1;

}

.inamproductdetails-thumb.active{

    transform:translateY(-4px);

}

.inamproductdetails-thumb.active::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:-10px;

    transform:translateX(-50%);

    width:8px;

    height:8px;

    border-radius:50%;

    background:#2f7d43;

}


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

.inamproductdetails-primarybtn,
.inamproductdetails-secondarybtn{

    position:relative;

    overflow:hidden;

}

.inamproductdetails-primarybtn::before,
.inamproductdetails-secondarybtn::before{

    content:"";

    position:absolute;

    left:-120%;

    top:0;

    width:60%;

    height:100%;

    background:

    linear-gradient(

    90deg,

    transparent,

    rgba(255,255,255,.35),

    transparent);

    transform:skewX(-25deg);

    transition:.8s;

}

.inamproductdetails-primarybtn:hover::before,
.inamproductdetails-secondarybtn:hover::before{

    left:170%;

}


/*=========================================================
                FEATURE CARD EFFECT
=========================================================*/

.inamproductdetails-featurecard{

    overflow:hidden;

    position:relative;

}

.inamproductdetails-featurecard::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:5px;

    height:0;

    background:#2f7d43;

    transition:.35s;

}

.inamproductdetails-featurecard:hover::before{

    height:100%;

}

.inamproductdetails-featurecard:hover
.inamproductdetails-featurecontent h4{

    color:#2f7d43;

}


/*=========================================================
                BADGE EFFECT
=========================================================*/

.inamproductdetails-badge{

    overflow:hidden;

    position:relative;

}

.inamproductdetails-badge::before{

    content:"";

    position:absolute;

    left:-100%;

    top:0;

    width:50%;

    height:100%;

    background:

    linear-gradient(

    90deg,

    transparent,

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

    transparent);

    transform:skewX(-25deg);

}

.inamproductdetails-mainimage:hover
.inamproductdetails-badge::before{

    animation:inamBadgeShine .8s ease;

}

@keyframes inamBadgeShine{

0%{

    left:-100%;

}

100%{

    left:180%;

}

}


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

.inamproductdetails-zoombtn{

    overflow:hidden;

}

.inamproductdetails-zoombtn::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:50%;

    background:

    rgba(255,255,255,.18);

    transform:scale(0);

    transition:.35s;

}

.inamproductdetails-zoombtn:hover::before{

    transform:scale(1);

}


/*=========================================================
                IMAGE CHANGE EFFECT
=========================================================*/

.inamproductdetails-mainimage img.inamImageChanging{

    animation:inamImageChange .45s ease;

}

@keyframes inamImageChange{

0%{

    opacity:0;

    transform:scale(.94);

}

100%{

    opacity:1;

    transform:scale(1);

}

}


/*=========================================================
                SCROLL REVEAL SUPPORT
=========================================================*/

.inamproductdetails-featurecard{

    opacity:0;

    transform:translateY(30px);

    animation:inamCardReveal .8s forwards;

}

.inamproductdetails-featurecard:nth-child(1){

    animation-delay:.15s;

}

.inamproductdetails-featurecard:nth-child(2){

    animation-delay:.28s;

}

.inamproductdetails-featurecard:nth-child(3){

    animation-delay:.42s;

}

.inamproductdetails-featurecard:nth-child(4){

    animation-delay:.56s;

}

@keyframes inamCardReveal{

0%{

    opacity:0;

    transform:translateY(30px);

}

100%{

    opacity:1;

    transform:translateY(0);

}

}
/*=========================================================
            IMAGE & CONTENT ENTRANCE ANIMATIONS
=========================================================*/

.inamproductdetails-gallery{

    animation:inamGalleryReveal .9s ease forwards;

}

.inamproductdetails-content{

    animation:inamContentReveal .9s ease forwards;

    animation-delay:.15s;

    opacity:0;
    margin-top:-27px;

}

@keyframes inamGalleryReveal{

0%{

    opacity:0;

    transform:translateX(-60px);

}

100%{

    opacity:1;

    transform:translateX(0);

}

}

@keyframes inamContentReveal{

0%{

    opacity:0;

    transform:translateX(60px);

}

100%{

    opacity:1;

    transform:translateX(0);

}

}


/*=========================================================
                MAIN IMAGE EFFECT
=========================================================*/

.inamproductdetails-mainimage{

    position:relative;

}

.inamproductdetails-mainimage::after{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(

    180deg,

    rgba(255,255,255,.18),

    transparent 35%,

    transparent 65%,

    rgba(0,0,0,.05)

    );

    pointer-events:none;

}

.inamproductdetails-mainimage img{

    animation:inamImageZoom 1s ease;

}

@keyframes inamImageZoom{

0%{

    transform:scale(1.08);

    opacity:0;

}

100%{

    transform:scale(1);

    opacity:1;

}

}


/*=========================================================
                FLOATING EFFECT
=========================================================*/

.inamproductdetails-mainimage img{

    animation:

    inamImageZoom 1s ease,

    inamFloating 4s ease-in-out infinite;

}

@keyframes inamFloating{

0%{

    transform:translateY(0);

}

50%{

    transform:translateY(-8px);

}

100%{

    transform:translateY(0);

}

}


/*=========================================================
                THUMBNAIL EFFECTS
=========================================================*/

.inamproductdetails-thumb{

    position:relative;

}

.inamproductdetails-thumb::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:14px;

    background:

    rgba(47,125,67,.08);

    opacity:0;

    transition:.35s;

}

.inamproductdetails-thumb:hover::before{

    opacity:1;

}

.inamproductdetails-thumb.active{

    transform:translateY(-4px);

}

.inamproductdetails-thumb.active::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:-10px;

    transform:translateX(-50%);

    width:8px;

    height:8px;

    border-radius:50%;

    background:#2f7d43;

}


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

.inamproductdetails-primarybtn,
.inamproductdetails-secondarybtn{

    position:relative;

    overflow:hidden;

}

.inamproductdetails-primarybtn::before,
.inamproductdetails-secondarybtn::before{

    content:"";

    position:absolute;

    left:-120%;

    top:0;

    width:60%;

    height:100%;

    background:

    linear-gradient(

    90deg,

    transparent,

    rgba(255,255,255,.35),

    transparent);

    transform:skewX(-25deg);

    transition:.8s;

}

.inamproductdetails-primarybtn:hover::before,
.inamproductdetails-secondarybtn:hover::before{

    left:170%;

}


/*=========================================================
                FEATURE CARD EFFECT
=========================================================*/

.inamproductdetails-featurecard{

    overflow:hidden;

    position:relative;

}

.inamproductdetails-featurecard::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:5px;

    height:0;

    background:#2f7d43;

    transition:.35s;

}

.inamproductdetails-featurecard:hover::before{

    height:100%;

}

.inamproductdetails-featurecard:hover
.inamproductdetails-featurecontent h4{

    color:#2f7d43;

}


/*=========================================================
                BADGE EFFECT
=========================================================*/

.inamproductdetails-badge{

    overflow:hidden;

    position:relative;

}

.inamproductdetails-badge::before{

    content:"";

    position:absolute;

    left:-100%;

    top:0;

    width:50%;

    height:100%;

    background:

    linear-gradient(

    90deg,

    transparent,

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

    transparent);

    transform:skewX(-25deg);

}

.inamproductdetails-mainimage:hover
.inamproductdetails-badge::before{

    animation:inamBadgeShine .8s ease;

}

@keyframes inamBadgeShine{

0%{

    left:-100%;

}

100%{

    left:180%;

}

}


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

.inamproductdetails-zoombtn{

    overflow:hidden;

}

.inamproductdetails-zoombtn::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:50%;

    background:

    rgba(255,255,255,.18);

    transform:scale(0);

    transition:.35s;

}

.inamproductdetails-zoombtn:hover::before{

    transform:scale(1);

}


/*=========================================================
                IMAGE CHANGE EFFECT
=========================================================*/

.inamproductdetails-mainimage img.inamImageChanging{

    animation:inamImageChange .45s ease;

}

@keyframes inamImageChange{

0%{

    opacity:0;

    transform:scale(.94);

}

100%{

    opacity:1;

    transform:scale(1);

}

}


/*=========================================================
                SCROLL REVEAL SUPPORT
=========================================================*/

.inamproductdetails-featurecard{

    opacity:0;

    transform:translateY(30px);

    animation:inamCardReveal .8s forwards;

}

.inamproductdetails-featurecard:nth-child(1){

    animation-delay:.15s;

}

.inamproductdetails-featurecard:nth-child(2){

    animation-delay:.28s;

}

.inamproductdetails-featurecard:nth-child(3){

    animation-delay:.42s;

}

.inamproductdetails-featurecard:nth-child(4){

    animation-delay:.56s;

}

@keyframes inamCardReveal{

0%{

    opacity:0;

    transform:translateY(30px);

}

100%{

    opacity:1;

    transform:translateY(0);

}

}


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

.inamproductabout-wrapper{

    padding:90px 0;

    background:#ffffff;

}

.inamproductabout-container{

    width:min(1380px,92%);

    margin:auto;

    position:relative;

    overflow:hidden;

    display:grid;

    grid-template-columns:1.05fr .95fr;

    align-items:center;

    gap:40px;

    padding:45px 45px 35px;

    border-radius:26px;

    /* background:

    radial-gradient(circle at top left,
    rgba(255,218,170,.30),
    transparent 42%),

    radial-gradient(circle at bottom right,
    rgba(255,190,90,.18),
    transparent 42%),

    linear-gradient(135deg,
    #ffffff,
    #fffdf8); */

    border:1px solid #efe8dc;

    box-shadow:

    0 25px 70px rgba(0,0,0,.07);

}


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

.inamproductabout-container::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    left:-180px;

    top:-180px;

    border-radius:50%;

    /* background:

    radial-gradient(circle,
    rgba(243,179,75,.14),
    transparent 70%); */

}

.inamproductabout-container::after{

    content:"";

    position:absolute;

    width:340px;

    height:340px;

    right:-150px;

    bottom:-150px;

    border-radius:50%;

    /* background:

    radial-gradient(circle,
    rgba(255,216,160,.18),
    transparent 70%); */

}


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

.inamproductabout-content{

    position:relative;

    z-index:2;

}


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

.inamproductabout-heading{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:22px;

}

.inamproductabout-headingicon{

    width:42px;

    height:42px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#edf8ef;

    color:#2b7b40;

    font-size:18px;

}

.inamproductabout-title{

    font-family:'Playfair Display',serif;

    font-size:40px;

    font-weight:700;

    color:#23422d;

    line-height:1.2;

}


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

.inamproductabout-description{

    font-family:'Poppins',sans-serif;

    font-size:15px;

    line-height:2;

    color:#5d5d5d;

    max-width:620px;

    margin-bottom:34px;

}


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

.inamproductabout-features{

    display:grid;

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

    gap:18px 50px;

}

.inamproductabout-column{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.inamproductabout-item{

    display:flex;

    align-items:center;

    gap:14px;

    transition:.35s;

}

.inamproductabout-item:hover{

    transform:translateX(6px);

}

.inamproductabout-check{

    width:28px;

    height:28px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#2d7b42;

    color:#fff;

    flex-shrink:0;

    font-size:13px;

    box-shadow:

    0 8px 18px rgba(45,123,66,.20);

}

.inamproductabout-item span{

    font-family:'Poppins',sans-serif;

    font-size:15px;

    font-weight:500;

    color:#2f2f2f;

}


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

.inamproductabout-image{

    position:relative;

    display:flex;

    justify-content:flex-end;

    align-items:center;

    z-index:2;

}

.inamproductabout-image::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:

    radial-gradient(circle,

    rgba(247,181,63,.20),

    transparent 70%);

    right:30px;

    top:50%;

    transform:translateY(-50%);

    filter:blur(22px);

    z-index:-1;

}

.inamproductabout-image img{

    width:100%;

    max-width:520px;

    object-fit:contain;

    display:block;

    filter:

    drop-shadow(0 22px 35px rgba(0,0,0,.15));

    transition:.5s;

}

.inamproductabout-image:hover img{

    transform:scale(1.04);

}


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

.inamproductabout-content{

    animation:inamAboutLeft .8s ease;

}

.inamproductabout-image{

    animation:inamAboutRight 1s ease;

}

@keyframes inamAboutLeft{

0%{

    opacity:0;

    transform:translateX(-50px);

}

100%{

    opacity:1;

    transform:translateX(0);

}

}

@keyframes inamAboutRight{

0%{

    opacity:0;

    transform:translateX(60px);

}

100%{

    opacity:1;

    transform:translateX(0);

}

}


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

@media(max-width:992px){

.inamproductabout-container{

    grid-template-columns:1fr;

    text-align:center;

    padding:40px 30px;

}

.inamproductabout-heading{

    justify-content:center;

}

.inamproductabout-description{

    margin-inline:auto;

}

.inamproductabout-image{

    justify-content:center;

}

.inamproductabout-features{

    gap:18px 30px;

}

}

@media(max-width:768px){

.inamproductabout-wrapper{

    padding:70px 0;

}

.inamproductabout-container{

    padding:30px 22px;

}

.inamproductabout-title{

    font-size:32px;

}

.inamproductabout-description{

    font-size:14px;

}

.inamproductabout-features{

    grid-template-columns:1fr;

}

}

@media(max-width:480px){

.inamproductabout-title{

    font-size:26px;

}

.inamproductabout-description{

    font-size:13px;

    line-height:1.8;

}

.inamproductabout-headingicon{

    width:36px;

    height:36px;

    font-size:16px;

}

.inamproductabout-item span{

    font-size:13px;

}

.inamproductabout-image img{

    max-width:320px;

}

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

.inamproductabout-wrapper{

    padding:80px 0;

    background:#ffffff;

    overflow:hidden;

}

.inamproductabout-container{

    width:min(1320px,92%);

    margin:auto;

    display:grid;

    grid-template-columns:minmax(0,1fr) minmax(0,480px);

    align-items:center;

    gap:50px;

    padding:40px;

    border-radius:26px;

    position:relative;

    overflow:hidden;

    box-sizing:border-box;

    /* background:
    radial-gradient(circle at left top,
    rgba(245,202,132,.22),
    transparent 38%),

    radial-gradient(circle at right bottom,
    rgba(247,183,70,.15),
    transparent 35%),

    #fff; */

    border:1px solid #efe6d8;

    box-shadow:
    0 18px 55px rgba(0,0,0,.06);

}


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

.inamproductabout-content{

    min-width:0;

    z-index:2;

}


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

.inamproductabout-heading{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:22px;

}

.inamproductabout-headingicon{

    width:48px;

    height:48px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#edf8ef;

    color:#2f7d43;

    font-size:18px;

    flex-shrink:0;

}

.inamproductabout-title{

    font-family:'Playfair Display',serif;

    font-size:36px;

    font-weight:700;

    color:#1f412b;

    line-height:1.2;

}


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

.inamproductabout-description{

    width:100%;

    max-width:100%;

    font-family:'Poppins',sans-serif;

    font-size:15px;

    line-height:1.9;

    color:#666;

    margin-bottom:32px;

}


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

.inamproductabout-features{

    display:grid;

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

    gap:16px 28px;

}

.inamproductabout-column{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.inamproductabout-item{

    display:flex;

    align-items:center;

    gap:12px;

}

.inamproductabout-check{

    width:30px;

    height:30px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#2f7d43;

    color:#fff;

    flex-shrink:0;

    font-size:13px;

}

.inamproductabout-item span{

    font-family:'Poppins',sans-serif;

    font-size:14px;

    color:#333;

    font-weight:500;

}


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

.inamproductabout-image{

    width:100%;

    min-width:0;

    display:flex;

    justify-content:center;

    align-items:center;

    position:relative;

}

.inamproductabout-image::before{

    content:"";

    position:absolute;

    width:360px;

    height:360px;

    border-radius:50%;

    background:

    radial-gradient(circle,

    rgba(244,178,56,.22),

    transparent 72%);

    z-index:-1;

    filter:blur(12px);

}

.inamproductabout-image img{

    width:100%;

    max-width:420px;

    height:auto;

    object-fit:contain;

    display:block;

}


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

@media(max-width:992px){

.inamproductabout-container{

    grid-template-columns:1fr;

    text-align:center;

    gap:35px;

}

.inamproductabout-heading{

    justify-content:center;

}

.inamproductabout-features{

    grid-template-columns:1fr;

}

.inamproductabout-image{

    order:-1;

}

.inamproductabout-image img{

    max-width:340px;

}

}


@media(max-width:576px){

.inamproductabout-container{

    width:94%;

    padding:24px;

}

.inamproductabout-title{

    font-size:28px;

}

.inamproductabout-description{

    font-size:14px;

}

.inamproductabout-item span{

    font-size:13px;

}

.inamproductabout-image img{

    max-width:280px;

}

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

.inamproductabout-wrapper{

    padding:5px 0;

    background:#fff;
    padding-bottom: 35px;
    

}

.inamproductabout-container{

    width:min(1380px,92%);

    margin:auto;

    min-height:360px;

    border-radius:24px;

    overflow:hidden;

    position:relative;

    display:grid;

    grid-template-columns:1fr;

    align-items:center;

    padding:45px 55px;

    box-sizing:border-box;

    background-image:
  linear-gradient( 90deg, rgba(255, 255, 255, 0.52), rgba(255, 255, 255, 0.47) ), url("../images/aboutproductbg.webp");

    background-size:cover;

    background-repeat:no-repeat;

    background-position:center;

    border:1px solid #ece6dc;

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

}


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

.inamproductfeature-wrapper{

    padding:35px 0 60px;

    background:#fff;

}

.inamproductfeature-card{

    width:min(1380px,92%);

    margin:auto;

    min-height:290px;

    display:grid;

    grid-template-columns:1fr 1px 1fr;

    gap:70px;

    align-items:center;

    padding:45px 120px;

    border-radius:24px;

    overflow:hidden;

    position:relative;

    box-sizing:border-box;

    background:
    linear-gradient(
        rgba(255,255,255,.08),
        rgba(255,255,255,.08)
    ),
    url("../images/productfeaturebg.webp");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    border:1px solid #ece8df;

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

}


/*=========================================================
                COLUMN
=========================================================*/

.inamproductfeature-column{

    position:relative;

    z-index:2;

}


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

.inamproductfeature-heading{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:24px;

}

.inamproductfeature-headingicon{

    width:20px;

    height:20px;

    flex-shrink:0;

    background:transparent;

}

/* .inamproductfeature-headingtitle{

    font-family:'Playfair Display',serif;

    font-size:20px;

    font-weight:700;

    color:#183922;

} */
 .inamproductfeature-headingtitle{

    margin:0;

    font-family:'Playfair Display',serif;

    font-size:28px;

    font-weight:700;

    color:#183922;

    line-height:1.2;

    letter-spacing:.3px;

    position:relative;

    display:inline-block;

    text-shadow:
    0 2px 6px rgba(0,0,0,.04);

    transition:.35s ease;

}

.inamproductfeature-headingtitle::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-8px;

    width:55px;

    height:3px;

    border-radius:20px;

    background:linear-gradient(
        90deg,
        #2f7d43,
        #8dc63f
    );

    transition:.35s ease;

}

.inamproductfeature-heading:hover
.inamproductfeature-headingtitle{

    color:#2f7d43;

}

.inamproductfeature-heading:hover
.inamproductfeature-headingtitle::after{

    width:90px;

}


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

/* .inamproductfeature-list{

    list-style:none;

    margin:0;

    padding:0;

} */
 .inamproductfeature-list {
  list-style: none;
  margin: 0;
    margin-left: 0px;
  padding: 0;
  max-width: 70%;
  margin-left: 53px;
}

.inamproductfeature-listitem{

    display:flex;

    align-items:flex-start;

    gap:14px;

    margin-bottom:18px;

}

.inamproductfeature-listitem:last-child{

    margin-bottom:0;

}


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

.inamproductfeature-listicon{

    width:20px;

    height:20px;

    flex-shrink:0;

    border-radius:50%;

    background:#f7ddb0;

    position:relative;

    margin-top:2px;

}

.inamproductfeature-listicon::after{

    content:"✓";

    position:absolute;

    inset:0;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#b78618;

    font-size:11px;

    font-weight:700;

}


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

.inamproductfeature-listtext{

    margin:0;

    font-family:'Poppins',sans-serif;

    font-size:14px;

    line-height:1.65;

    color:#555;

}


/*=========================================================
                DIVIDER
=========================================================*/

.inamproductfeature-divider{

    width:1px;

    height:185px;

    background:#e8e4dd;

}
/*=========================================================
                LIST
=========================================================*/

.inamproductfeature-list{

    list-style:none;

    margin:0;

    padding:0;

    width:100%;

    max-width:430px;

    margin-left:48px;

}


/*=========================================================
                LIST ITEM
=========================================================*/

.inamproductfeature-listitem{

    display:flex;

    align-items:center;

    gap:16px;

    margin-bottom:14px;

    padding:12px 14px;

    border-radius:14px;

    transition:.35s ease;

    cursor:default;

}

.inamproductfeature-listitem:last-child{

    margin-bottom:0;

}

.inamproductfeature-listitem:hover{

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

    backdrop-filter:blur(6px);

    transform:translateX(8px);

    box-shadow:

    0 10px 24px rgba(0,0,0,.05);

}


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

.inamproductfeature-listicon{

    width:26px;

    height:26px;

    flex-shrink:0;

    border-radius:50%;

    background:

    linear-gradient(135deg,#f9e7b8,#efc96f);

    position:relative;

    box-shadow:

    0 6px 16px rgba(220,170,55,.28);

}

.inamproductfeature-listicon::after{

    content:"✓";

    position:absolute;

    inset:0;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#9b6b00;

    font-size:13px;

    font-weight:700;

}


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

.inamproductfeature-listtext{

    margin:0;

    font-family:'Poppins',sans-serif;

    font-size:15px;

    font-weight:500;

    line-height:1.6;

    color:#3f3f3f;

    transition:.3s;

}

.inamproductfeature-listitem:hover
.inamproductfeature-listtext{

    color:#1f4d2f;

}


/*=========================================================
                DIVIDER
=========================================================*/

.inamproductfeature-divider{

    width:2px;

    height:82%;

    justify-self:center;

    background:

    linear-gradient(

    to bottom,

    transparent,

    rgba(47,125,67,.18),

    rgba(47,125,67,.45),

    rgba(47,125,67,.18),

    transparent

    );

    border-radius:50px;

}

/*=========================================================
                RELATED PRODUCT TYPES
=========================================================*/

.inamrelatedtypes-wrapper{

    padding:30px 0 35px;

    background:#fff;

}

.inamrelatedtypes-container{

    width:min(1380px,92%);

    margin:auto;

}


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

.inamrelatedtypes-heading{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    margin-bottom:40px;

}

.inamrelatedtypes-headingleaf{

    color:#2f7d43;

    font-size:13px;

}

.inamrelatedtypes-headingtitle{

    margin:0;

    font-family:'Playfair Display',serif;

    font-size:28px;

    font-weight:700;

    color:#1f3d2b;

    position:relative;

}

.inamrelatedtypes-headingtitle::after{

    content:"";

    position:absolute;

    left:50%;

    transform:translateX(-50%);

    bottom:-12px;

    width:75px;

    height:3px;

    border-radius:50px;

    background:linear-gradient(90deg,#2f7d43,#79bc59);

}


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

.inamrelatedtypes-grid{

    display:grid;

    grid-template-columns:

    repeat(auto-fit,minmax(220px,1fr));

    gap:24px;

}


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

.inamrelatedtypes-card{

    display:flex;

    flex-direction:column;

    text-decoration:none;

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    border:1px solid #ededed;

    transition:.4s;

    box-shadow:

    0 10px 28px rgba(0,0,0,.05);

}

.inamrelatedtypes-card:hover{

    transform:translateY(-10px);

    box-shadow:

    0 22px 45px rgba(0,0,0,.10);

}


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

.inamrelatedtypes-imagebox{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

    background:

    linear-gradient(

    180deg,

    #fafafa,

    #f4f4f4);

    padding:28px;

    height:220px;

    overflow:hidden;

}


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

.inamrelatedtypes-image{

    max-width:150px;

    max-height:170px;

    object-fit:contain;

    transition:.45s;

}

.inamrelatedtypes-card:hover
.inamrelatedtypes-image{

    transform:

    scale(1.08)

    rotate(-2deg);

}


/*=========================================================
                BADGE
=========================================================*/

.inamrelatedtypes-weightbadge{

    position:absolute;

    right:15px;

    top:15px;

    padding:6px 12px;

    border-radius:30px;

    background:

    linear-gradient(

    135deg,

    #2f7d43,

    #4fa65d);

    color:#fff;

    font-family:'Poppins',sans-serif;

    font-size:12px;

    font-weight:600;

    box-shadow:

    0 10px 22px rgba(47,125,67,.25);

}


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

.inamrelatedtypes-content{

    padding:18px;

    text-align:center;

}

.inamrelatedtypes-title{

    margin:0;

    font-family:'Poppins',sans-serif;

    font-size:15px;

    font-weight:600;

    color:#2f2f2f;

    line-height:1.6;

    transition:.35s;

}

.inamrelatedtypes-card:hover
.inamrelatedtypes-title{

    color:#2f7d43;

}


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

.inamrelatedtypes-card{

    position:relative;

}

.inamrelatedtypes-card::before{

    content:"";

    position:absolute;

    left:-120%;

    top:0;

    width:55%;

    height:100%;

    background:

    linear-gradient(

    90deg,

    transparent,

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

    transparent);

    transform:skewX(-25deg);

    transition:.8s;

}

.inamrelatedtypes-card:hover::before{

    left:180%;

}


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

@media(max-width:1200px){

.inamrelatedtypes-grid{

    grid-template-columns:

    repeat(auto-fit,minmax(200px,1fr));

}

}


@media(max-width:992px){

.inamrelatedtypes-wrapper{

    padding:60px 0 30px;

}

.inamrelatedtypes-grid{

    grid-template-columns:

    repeat(2,minmax(0,1fr));

}

}


@media(max-width:768px){

.inamrelatedtypes-headingtitle{

    font-size:24px;

}

.inamrelatedtypes-imagebox{

    height:190px;

}

.inamrelatedtypes-image{

    max-width:130px;

}

}


@media(max-width:576px){

.inamrelatedtypes-container{

    width:94%;

}

.inamrelatedtypes-grid{

    grid-template-columns:1fr;

}

.inamrelatedtypes-card{

    max-width:340px;

    width:100%;

    margin:auto;

}

.inamrelatedtypes-headingtitle{

    font-size:22px;

}

.inamrelatedtypes-imagebox{

    height:180px;

}

.inamrelatedtypes-image{

    max-width:120px;

}

}
/*=========================================================
                RECOMMENDED PRODUCTS
=========================================================*/

.inamrecommended-wrapper{

    padding:25px 0 45px;

    background:#fff;

}

.inamrecommended-container{

    width:min(1380px,92%);

    margin:auto;

}


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

.inamrecommended-heading{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    margin-bottom:38px;

}

.inamrecommended-headingleaf{

    color:#2f7d43;

    font-size:13px;

}

.inamrecommended-headingtitle{

    margin:0;

    font-family:'Playfair Display',serif;

    font-size:28px;

    font-weight:700;

    color:#173924;

    position:relative;

}

.inamrecommended-headingtitle::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:-10px;

    transform:translateX(-50%);

    width:80px;

    height:3px;

    border-radius:50px;

    background:linear-gradient(90deg,#2f7d43,#86c05b);

}


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

.inamrecommended-sliderwrapper{

    display:flex;

    align-items:center;

    gap:16px;

}

.inamrecommended-slider{

    flex:1;

    display:grid;

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

    gap:18px;

}


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

.inamrecommended-card{

    display:flex;

    flex-direction:column;

    text-decoration:none;

    border-radius:18px;

    overflow:hidden;

    background:#fff;

    border:1px solid #ececec;

    box-shadow:

    0 10px 28px rgba(0,0,0,.05);

    transition:.35s ease;

}

.inamrecommended-card:hover{

    transform:translateY(-8px);

    box-shadow:

    0 20px 45px rgba(0,0,0,.10);

}


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

.inamrecommended-imagebox{

    height:155px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:

    linear-gradient(

    180deg,

    #fafafa,

    #f2f2f2);

    padding:15px;

    overflow:hidden;

}

.inamrecommended-image{

    width:100%;

    max-width:130px;

    max-height:120px;

    object-fit:contain;

    transition:.45s;

}

.inamrecommended-card:hover
.inamrecommended-image{

    transform:scale(1.08);

}


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

.inamrecommended-content{

    padding:16px 14px;

    text-align:center;

}

.inamrecommended-title{

    margin:0 0 10px;

    font-family:'Poppins',sans-serif;

    font-size:15px;

    font-weight:600;

    color:#2d2d2d;

    line-height:1.45;

    transition:.35s;

}

.inamrecommended-card:hover
.inamrecommended-title{

    color:#2f7d43;

}


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

.inamrecommended-link{

    display:inline-flex;

    align-items:center;

    gap:6px;

    font-family:'Poppins',sans-serif;

    font-size:12px;

    font-weight:500;

    color:#6a6a6a;

    transition:.35s;

}

.inamrecommended-link i{

    font-size:11px;

    transition:.35s;

}

.inamrecommended-card:hover
.inamrecommended-link{

    color:#2f7d43;

}

.inamrecommended-card:hover
.inamrecommended-link i{

    transform:translateX(4px);

}


/*=========================================================
                ARROWS
=========================================================*/

.inamrecommended-arrow{

    width:44px;

    height:44px;

    border:none;

    border-radius:50%;

    background:#2f7d43;

    color:#fff;

    cursor:pointer;

    flex-shrink:0;

    font-size:14px;

    transition:.35s;

    box-shadow:

    0 10px 22px rgba(47,125,67,.25);

}

.inamrecommended-arrow:hover{

    background:#1f5e31;

    transform:scale(1.08);

}


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

.inamrecommended-card{

    position:relative;

}

.inamrecommended-card::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:55%;

    height:100%;

    background:

    linear-gradient(

    90deg,

    transparent,

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

    transparent);

    transform:skewX(-25deg);

    transition:.8s;

}

.inamrecommended-card:hover::before{

    left:180%;

}


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

@media(max-width:1400px){

.inamrecommended-slider{

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

}

}


@media(max-width:1100px){

.inamrecommended-slider{

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

}

}


@media(max-width:768px){

.inamrecommended-slider{

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

}

.inamrecommended-headingtitle{

    font-size:24px;

}

.inamrecommended-imagebox{

    height:140px;

}

.inamrecommended-image{

    max-width:110px;

}

}


@media(max-width:520px){

.inamrecommended-container{

    width:94%;

}

.inamrecommended-sliderwrapper{

    gap:10px;

}

.inamrecommended-slider{

    grid-template-columns:1fr;

}

.inamrecommended-arrow{

    width:38px;

    height:38px;

}

.inamrecommended-headingtitle{

    font-size:22px;

}

.inamrecommended-card{

    max-width:340px;

    width:100%;

    margin:auto;

}

}
/*=========================================================
                RECOMMENDED SLIDER
=========================================================*/

.inamrecommended-sliderwrapper{

    position:relative;

    display:flex;

    align-items:center;

    gap:18px;

}

.inamrecommended-slider{

    flex:1;

    display:flex;

    gap:22px;

    overflow-x:auto;

    scroll-behavior:smooth;

    scrollbar-width:none;

    -ms-overflow-style:none;

    padding:8px 0;

}

.inamrecommended-slider::-webkit-scrollbar{

    display:none;

}

.inamrecommended-card{

    flex:0 0 260px;

}
/*=========================================================
                HERO SUPPLY RANGE
=========================================================*/

.inamproducthero-supply {
  margin-top: 14px;
  display: inline-flex;
  align-items: center;
  gap: 18px;
  margin-left: 15px;
}
.inamproducthero-supplytitle{

    display:flex;

    align-items:center;

    gap:10px;

    font-family:'Poppins',sans-serif;

    font-size:15px;

    font-weight:600;

    color:#ffffff;

    letter-spacing:.3px;

}

.inamproducthero-supplytitle i{

    color:#d8a235;

    font-size:18px;

}

.inamproducthero-supplyseparator{

    width:1px;

    height:20px;

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

}

.inamproducthero-supplyvalue{

    font-family:'Playfair Display',serif;

    font-size:24px;

    font-weight:700;

    color:#f5c95c;

    letter-spacing:.5px;

}
.inamproductfeature-card{

    position:relative;

    overflow:hidden;

    border-radius:24px;

    background:
       linear-gradient( rgba(255, 255, 255, 0.69), rgba(255, 255, 255, 0.79) ), url("../images/bg/pdbg3.webp");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    border:1px solid #e8e6df;

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

}
/* enquire css */

/* Typography & Global Structural Classes */
.enquiry-wrapper {
    /* Scoped Design Variables */
    --navy: #1B2A57;
    /* --blue: #1D5FAE;
    --blue-dark: #164A8A; */
    --bg-page: #EEF1F8;
    --card: #FFFFFF;
    --line: #DDE2EE;
    --text: #2B2E38;
    --muted: #767c8c;
    --required: #E0432B;
    font-family: 'Inter', sans-serif;
    color: var(--text);
    min-height: 100vh;
    box-sizing: border-box;

    /* BACKGROUND IMAGE SETTINGS 
       Change 'assets/img/enquiry-bg.jpg' to your actual image file path.
       The linear-gradient acts as a subtle overlay so your text stays highly readable!
    */
    background-image:
        url("../images/enquire.webp");
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: var(--bg-page);

    padding: 56px 20px 80px;
}

/* Isolated Box Model Reset */
.enquiry-wrapper * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Page Header */
.page-head {
    max-width: 720px;
    margin: 0 auto 36px;
    text-align: center;
}

.page-head h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: clamp(28px, 3.4vw, 38px);
    color: #000000;
    letter-spacing: -0.01em;
}

.page-head p {
    margin-top: 10px;
    font-size: 14.5px;
    color: var(--muted);
}

/* Form Container Card */
.enquiry-card {
    max-width: 960px;
    margin: 0 auto;
    background: var(--card);
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(27, 42, 87, 0.10);
    padding: 44px 48px 40px;
}

.enquiry-grid-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px 28px;
}

/* Form Fields */
.form-field {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.form-field.full-width {
    grid-column: 1 / -1;
}

.form-field label {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--navy);
}

.form-field label .req-star {
    color: var(--required);
    margin-left: 2px;
}

/* Inputs, Selects, and Textareas */
.form-input,
.form-select,
.form-textarea {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    color: var(--text);
    outline: none;
    width: 100%;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.form-textarea {
    resize: vertical;
    min-height: 110px;
}

.form-select {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%231B2A57' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 34px;
}

.form-select:invalid {
    color: #8b90a0;
}

.form-input:focus,
.form-select:focus,
.form-textarea:focus {
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(29, 95, 174, 0.14);
}

/* Validation Styling */
.form-field.is-invalid .form-input,
.form-field.is-invalid .form-select,
.form-field.is-invalid .form-textarea {
    border-color: var(--required);
}

.form-field .err-msg {
    display: none;
    font-size: 11.5px;
    color: var(--required);
}

.form-field.is-invalid .err-msg {
    display: block;
}

/* Layout Rows */
.dropdown-three-col {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px 28px;
}

.submit-row {
    grid-column: 1 / -1;
    margin-top: 6px;
}

/* Submit Button */
.submit-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    border: none;
    background: var(--blue);
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14.5px;
    padding: 13px 26px;
    border-radius: 999px;
    cursor: pointer;
    transition: background .15s ease, transform .15s ease;
}

.submit-btn:hover {
    background: var(--blue-dark);
    transform: translateY(-1px);
}

.submit-btn:active {
    transform: translateY(0);
}

.submit-btn svg {
    width: 14px;
    height: 14px;
}

/* Notifications */
.success-banner {
    display: none;
    grid-column: 1 / -1;
    background: rgba(29, 95, 174, 0.08);
    border: 1px solid var(--blue);
    color: var(--blue-dark);
    font-size: 13.5px;
    padding: 12px 14px;
    border-radius: 8px;
}

.success-banner.show {
    display: block;
}

/* Accessibility Focus Visibles */
.submit-btn:focus-visible,
.form-input:focus-visible,
.form-select:focus-visible,
.form-textarea:focus-visible {
    outline: 2px solid var(--blue);
    outline-offset: 2px;
}

/* Media Queries */
@media (max-width: 760px) {
    .enquiry-card {
        padding: 32px 24px 30px;
    }

    .enquiry-grid-form {
        grid-template-columns: 1fr;
    }

    .dropdown-three-col {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .submit-btn {
        transition: none;
    }
}

/* contact page css */

/* ==========================================================================
   CONTACT HERO LAYOUT & BACKGROUND
   ========================================================================== */
.contact-hero-wrapper {
    /* Scoped font configuration for this section */
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;

    /* Background setup scoped safely away from global body */
    background:
        linear-gradient(rgba(0, 0, 0, .60), rgba(0, 0, 0, .60)),
        url("../images/getaquote.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* Scoped Box-Reset to prevent interference with external layouts */
.contact-hero-wrapper *,
.contact-hero-wrapper *::before,
.contact-hero-wrapper *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.contact-hero {
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 80px 30px;
}

.contact-container {
    max-width: 1300px;
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 520px;
    gap: 70px;
    align-items: center;
}

/* ==========================================================================
   LEFT CONTENT
   ========================================================================== */
.contact-tag {
    display: inline-block;
    background: #007A29;
    color: #fff;
    padding: 8px 18px;
    border-radius: 30px;
    font-size: 14px;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.contact-left h1 {
    font-size: 52px;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 25px;
}

.contact-left p {
    color: #e6e6e6;
    line-height: 1.8;
    font-size: 17px;
    margin-bottom: 40px;
}

.contact-info {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.contact-info div {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 18px;
    color: #fff;
}

.contact-info i {
    width: 55px;
    height: 55px;
    background: #007A29;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

/* ==========================================================================
   FORM CARD
   ========================================================================== */
.contact-right {
    background: rgba(255, 255, 255, .95);
    backdrop-filter: blur(10px);
    border-radius: 18px;
    padding: 40px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .25);
}

.input-group {
    margin-bottom: 22px;
}

.input-group input,
.input-group select,
.input-group textarea {
    width: 100%;
    padding: 16px 18px;
    border: 1px solid #ddd;
    border-radius: 10px;
    outline: none;
    font-size: 15px;
    transition: .3s;
    background: #fff;
    font-family: 'Poppins', sans-serif;
}

.input-group input:focus,
.input-group select:focus,
.input-group textarea:focus {
    border-color: #007A29;
    box-shadow: 0 0 8px rgba(0, 122, 41, .20);
}

.input-group textarea {
    resize: none;
}

/* ==========================================================================
   BUTTON
   ========================================================================== */
.submit-btn {
    width: 100%;
    border: none;
    background: #007A29;
    color: #fff;
    padding: 16px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    transition: .3s;
    font-family: 'Poppins', sans-serif;
}

.submit-btn:hover {
    background: #006321;
    transform: translateY(-2px);
}

/* ==========================================================================
   RESPONSIVE MEDIA QUERIES
   ========================================================================== */
@media(max-width: 992px) {
    .contact-container {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .contact-left {
        text-align: center;
    }

    .contact-info {
        align-items: center;
    }

    .contact-left h1 {
        font-size: 40px;
    }
}

@media(max-width: 600px) {
    .contact-hero {
        padding: 50px 20px;
    }

    .contact-right {
        padding: 25px;
    }

    .contact-left h1 {
        font-size: 32px;
    }

    .contact-left p {
        font-size: 15px;
    }

    .contact-info div {
        font-size: 16px;
    }
}
/*=============================
GLOBAL VARIABLES
==============================*/
/*==================================================
                ACCOUNT PAGE
==================================================*/

/*=============================
Dashboard
==============================*/

.account-dashboard{

    display:flex;
    gap:35px;
    padding:35px;
    align-items:flex-start;

}

/*=============================
Sidebar
==============================*/

.account-sidebar{

    width:300px;
    background:linear-gradient(180deg,#2D6A3E,#245332);
    border-radius:24px;
    padding:30px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    position:sticky;
    top:30px;

}

.account-user-card{

    text-align:center;

}

.account-user-avatar{

    width:110px;
    height:110px;
    border-radius:50%;
    margin:auto;

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

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

    color:#fff;

    background:linear-gradient(135deg,#5E943C,#2D6A3E);

    border:4px solid #D7A63F;

}

.account-user-card h3{

    color:#fff;
    margin-top:20px;
    font-size:28px;

}

.account-user-card p{

    color:#E7EFE9;
    margin-top:8px;
    font-size:14px;

}

.account-sidebar hr{

    border:none;
    border-top:1px solid rgba(255,255,255,.15);
    margin:30px 0;

}

/*=============================
Sidebar Menu
==============================*/

.account-sidebar-menu{

    list-style:none;

}

.account-sidebar-menu li{

    margin-bottom:14px;

}

.account-sidebar-menu a{

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

    text-decoration:none;

    padding:17px 18px;

    border-radius:14px;

    color:#fff;

    font-weight:500;

    transition:.3s;

}

.account-sidebar-menu a:hover{

    background:rgba(255,255,255,.12);
    transform:translateX(5px);

}

.account-sidebar-menu .active a{

    background:#fff;
    color:#2D6A3E;

    border-left:5px solid #F28C28;

}

/*=============================
Logout Button
==============================*/

.account-logout-btn{

    margin-top:45px;

}

.account-logout-btn a{

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

    text-decoration:none;

    background:#FFF3F3;
    color:#E75A5A;

    padding:17px;

    border-radius:14px;

    font-weight:600;

    transition:.3s;

}

.account-logout-btn a:hover{

    background:#FFE7E7;

}
/*=============================
Content Area
==============================*/

.account-content{

    flex:1;

}


/*=============================
Profile Card
==============================*/

.account-card{

    background:#fff;

    border-radius:24px;

    padding:35px;

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

}


.account-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:35px;

}


.account-header h2{

    color:#2E3135;

    font-size:34px;

}


/* Edit Button */

.account-header button{

    border:none;

    background:#F28C28;

    color:#fff;

    padding:14px 26px;

    border-radius:12px;

    cursor:pointer;

    font-weight:600;

    transition:.3s;

}


.account-header button:hover{

    background:#DD791A;

}


.account-header a{

    text-decoration:none;

    color:#F28C28;

    font-weight:600;

}


/*=============================
Information Grid
==============================*/

.account-info-grid{

    display:grid;

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

    gap:25px;

}


.account-info-box{

    background:#FCFCFC;

    border:1px solid #E7ECE6;

    border-radius:18px;

    padding:25px;

    transition:.3s;

}


.account-info-box:hover{

    border-color:#F28C28;

    transform:translateY(-4px);

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

}


.account-info-box span{

    color:#7B8088;

    font-size:14px;

}


.account-info-box h4{

    margin-top:8px;

    font-size:22px;

    color:#2E3135;

}


/*=============================
Enquiry Card
==============================*/

.account-enquiry-card{

    margin-top:35px;

    background:#fff;

    border-radius:24px;

    padding:35px;

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

}


/*=============================
Table
==============================*/

.account-enquiry-card table{

    width:100%;

    border-collapse:collapse;

}


.account-enquiry-card thead{

    background:linear-gradient(
        180deg,
        #2D6A3E,
        #245332
    );

}


.account-enquiry-card th{

    padding:18px;

    text-align:left;

    color:#fff;

    font-size:15px;

}


.account-enquiry-card td{

    padding:20px 18px;

    border-top:1px solid #EFEFEF;

}


.account-enquiry-card tbody tr{

    transition:.3s;

}


.account-enquiry-card tbody tr:hover{

    background:#FAFCF8;

}


/*=============================
Status Labels
==============================*/

.account-status{

    padding:8px 18px;

    border-radius:30px;

    font-size:13px;

    font-weight:600;

    display:inline-block;

}


.account-pending{

    background:#FFF3DD;

    color:#C88700;

}


.account-completed{

    background:#EAF8EF;

    color:#2D6A3E;

}


.account-progress{

    background:#E8F0FF;

    color:#2563EB;

}
/*=============================
Responsive Design
==============================*/


@media(max-width:1100px){


    .account-dashboard{

        flex-direction:column;

    }


    .account-sidebar{

        width:100%;

        position:relative;

        top:0;

    }


    .account-info-grid{

        grid-template-columns:1fr;

    }


}



@media(max-width:768px){


    .account-dashboard{

        padding:20px;

    }


    .account-card,
    .account-enquiry-card{

        padding:25px;

    }


    .account-header{

        flex-direction:column;

        align-items:flex-start;

        gap:20px;

    }


    .account-header h2{

        font-size:28px;

    }


    .account-enquiry-card table{

        min-width:700px;

    }


}



@media(max-width:500px){


    .account-user-avatar{

        width:90px;

        height:90px;

        font-size:30px;

    }


    .account-user-card h3{

        font-size:24px;

    }


    .account-info-box h4{

        font-size:18px;

    }


}



/*=============================
Edit Profile Inputs
==============================*/


.account-info-box input{


    /* width:100%; */
width:275px;
    margin-top:8px;

    padding:10px 12px;


    border:1px solid #ddd;

    border-radius:8px;


    font-size:15px;

    font-family:'Poppins',sans-serif;


    outline:none;


}



.account-info-box input:focus{


    border-color:#2e7d32;


}

/* ===========================
   BROCHURE POPUP
=========================== */

.brochure-modal{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    padding: 20px;
}

.brochure-modal.active{
    display: flex;
}

.brochure-modal-content{
    background: #fff;
    width: 100%;
    max-width: 420px;
    border-radius: 18px;
    padding: 35px 30px;
    text-align: center;
    animation: brochurePopup .3s ease;
    box-shadow: 0 20px 50px rgba(0,0,0,.2);
}

@keyframes brochurePopup{
    from{
        opacity:0;
        transform:translateY(25px) scale(.95);
    }
    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

.brochure-icon{
    width:80px;
    height:80px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#0d7c3f;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:34px;
}

.brochure-modal-content h2{
    margin:0 0 15px;
    font-size:28px;
    color:#222;
}

.brochure-modal-content p{
    margin:0;
    color:#666;
    line-height:1.7;
    font-size:16px;
}

#closeBrochureModal{
    margin-top:30px;
    background:#0d7c3f;
    color:#fff;
    border:none;
    padding:12px 34px;
    border-radius:8px;
    cursor:pointer;
    font-size:16px;
    font-weight:600;
    transition:.3s;
}

#closeBrochureModal:hover{
    background:#095d2f;
}
/*user dashboard*/
/*=============================
Dashboard
==============================*/

.account-dashboard{

    display:flex;
    gap:35px;
    padding:35px;
    align-items:flex-start;

}

/*=============================
Sidebar
==============================*/

.account-sidebar{

    width:300px;
    background:linear-gradient(180deg,#2D6A3E,#245332);
    border-radius:24px;
    padding:30px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    position:sticky;
    top:30px;

}

.account-user-card{

    text-align:center;

}

.account-user-avatar{

    width:110px;
    height:110px;
    border-radius:50%;
    margin:auto;

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

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

    color:#fff;

    background:linear-gradient(135deg,#5E943C,#2D6A3E);

    border:4px solid #D7A63F;

}

.account-user-card h3{

    color:#fff;
    margin-top:20px;
    font-size:28px;

}

.account-user-card p{

    color:#E7EFE9;
    margin-top:8px;
    font-size:14px;

}

.account-sidebar hr{

    border:none;
    border-top:1px solid rgba(255,255,255,.15);
    margin:30px 0;

}

/*=============================
Sidebar Menu
==============================*/

.account-sidebar-menu{

    list-style:none;

}

.account-sidebar-menu li{

    margin-bottom:14px;

}

.account-sidebar-menu a{

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

    text-decoration:none;

    padding:17px 18px;

    border-radius:14px;

    color:#fff;

    font-weight:500;

    transition:.3s;

}

.account-sidebar-menu a:hover{

    background:rgba(255,255,255,.12);
    transform:translateX(5px);

}

.account-sidebar-menu .active a{

    background:#fff;
    color:#2D6A3E;

    border-left:5px solid #F28C28;

}

/*=============================
Logout Button
==============================*/

.account-logout-btn{

    margin-top:45px;

}

.account-logout-btn a{

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

    text-decoration:none;

    background:#FFF3F3;
    color:#E75A5A;

    padding:17px;

    border-radius:14px;

    font-weight:600;

    transition:.3s;

}

.account-logout-btn a:hover{

    background:#FFE7E7;

}
/*=============================
Content Area
==============================*/

.account-content{

    flex:1;

}


/*=============================
Profile Card
==============================*/

.account-card{

    background:#fff;

    border-radius:24px;

    padding:35px;

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

}


.account-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:35px;

}


.account-header h2{

    color:#2E3135;

    font-size:34px;

}


/* Edit Button */

.account-header button{

    border:none;

    background:#F28C28;

    color:#fff;

    padding:14px 26px;

    border-radius:12px;

    cursor:pointer;

    font-weight:600;

    transition:.3s;

}


.account-header button:hover{

    background:#DD791A;

}


.account-header a{

    text-decoration:none;

    color:#F28C28;

    font-weight:600;

}


/*=============================
Information Grid
==============================*/

.account-info-grid{

    display:grid;

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

    gap:25px;

}


.account-info-box{

    background:#FCFCFC;

    border:1px solid #E7ECE6;

    border-radius:18px;

    padding:25px;

    transition:.3s;

}


.account-info-box:hover{

    border-color:#F28C28;

    transform:translateY(-4px);

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

}


.account-info-box span{

    color:#7B8088;

    font-size:14px;

}


.account-info-box h4{

    margin-top:8px;

    font-size:22px;

    color:#2E3135;

}


/*=============================
Enquiry Card
==============================*/

.account-enquiry-card{

    margin-top:35px;

    background:#fff;

    border-radius:24px;

    padding:35px;

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

}


/*=============================
Table
==============================*/

.account-enquiry-card table{

    width:100%;

    border-collapse:collapse;

}


.account-enquiry-card thead{

    background:linear-gradient(
        180deg,
        #2D6A3E,
        #245332
    );

}


.account-enquiry-card th{

    padding:18px;

    text-align:left;

    color:#fff;

    font-size:15px;

}


.account-enquiry-card td{

    padding:20px 18px;

    border-top:1px solid #EFEFEF;

}


.account-enquiry-card tbody tr{

    transition:.3s;

}


.account-enquiry-card tbody tr:hover{

    background:#FAFCF8;

}


/*=============================
Status Labels
==============================*/

.account-status{

    padding:8px 18px;

    border-radius:30px;

    font-size:13px;

    font-weight:600;

    display:inline-block;

}


.account-pending{

    background:#FFF3DD;

    color:#C88700;

}


.account-completed{

    background:#EAF8EF;

    color:#2D6A3E;

}


.account-progress{

    background:#E8F0FF;

    color:#2563EB;

}
/*=============================
Responsive Design
==============================*/


@media(max-width:1100px){


    .account-dashboard{

        flex-direction:column;

    }


    .account-sidebar{

        width:100%;

        position:relative;

        top:0;

    }


    .account-info-grid{

        grid-template-columns:1fr;

    }


}



@media(max-width:768px){


    .account-dashboard{

        padding:20px;

    }


    .account-card,
    .account-enquiry-card{

        padding:25px;

    }


    .account-header{

        flex-direction:column;

        align-items:flex-start;

        gap:20px;

    }


    .account-header h2{

        font-size:28px;

    }


    .account-enquiry-card table{

        min-width:700px;

    }


}



@media(max-width:500px){


    .account-user-avatar{

        width:90px;

        height:90px;

        font-size:30px;

    }


    .account-user-card h3{

        font-size:24px;

    }


    .account-info-box h4{

        font-size:18px;

    }


}



/*=============================
Edit Profile Inputs
==============================*/


.account-info-box input{


    /* width:100%; */
width:275px;
    margin-top:8px;

    padding:10px 12px;


    border:1px solid #ddd;

    border-radius:8px;


    font-size:15px;

    font-family:'Poppins',sans-serif;


    outline:none;


}



.account-info-box input:focus{


    border-color:#2e7d32;


}
/*=========================================edit-userdashboard==============================*/
/* ================= EDIT PROFILE POPUP ================= */

.edit-profile-overlay {

    position: fixed;

    inset: 0;

    background: rgba(0, 0, 0, 0.65);

    display: none;

    align-items: center;

    justify-content: center;

    z-index: 9999;

    padding: 20px;

}


.edit-profile-overlay.active {

    display: flex;

}


.edit-profile-modal {

    width: 100%;

    max-width: 520px;

    background: #ffffff;

    border-radius: 20px;

    padding: 30px;

    box-shadow:

        0 20px 60px rgba(0, 0, 0, 0.3);

    animation: editPopupOpen 0.25s ease;
    margin-top:90px;

}


@keyframes editPopupOpen {

    from {

        opacity: 0;

        transform: translateY(-20px) scale(0.96);

    }

    to {

        opacity: 1;

        transform: translateY(0) scale(1);

    }

}


.edit-profile-modal-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 8px;

}


.edit-profile-modal-header h2 {

    font-size: 24px;

}


.close-edit-popup {

    width: 36px;

    height: 36px;

    border: none;

    border-radius: 50%;

    background: #f1f1f1;

    font-size: 18px;

    cursor: pointer;

}


.edit-profile-description {

    color: #777;

    font-size: 14px;

    margin-bottom: 25px;

}


.edit-profile-input-group {

    margin-bottom: 18px;

}


.edit-profile-input-group label {

    display: block;

    margin-bottom: 7px;

    font-size: 14px;

    font-weight: 600;

}


.edit-profile-input-group input {

    width: 90%;

    height: 48px;

    padding: 0 14px;

    border: 1px solid #ddd;

    border-radius: 10px;

    font-size: 14px;

    outline: none;

}


.edit-profile-input-group input:focus {

    border-color: #c59d5f;

}


.edit-profile-modal-actions {

    display: flex;

    justify-content: flex-end;

    gap: 12px;

    margin-top: 25px;

}


.cancel-edit-btn,

.save-edit-btn {

    padding: 12px 20px;

    border-radius: 8px;

    font-size: 14px;

    font-weight: 600;

    cursor: pointer;

}


.cancel-edit-btn {

    border: none;

    background: #eeeeee;

    color: #333;

}


.save-edit-btn {

    border: none;

    background: #c59d5f;

    color: #ffffff;

}


.save-edit-btn:hover {

    background: #a98248;

}


@media (max-width: 600px) {

    .edit-profile-modal {

        padding: 24px 20px;

    }


    .edit-profile-modal-actions {

        flex-direction: column-reverse;

    }


    .cancel-edit-btn,

    .save-edit-btn {

        width: 100%;

    }

}

/* =========================================================
   EXPLORE CATEGORY CARDS - COMPACT LAYOUT
   ========================================================= */

.inam-productcategories-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;

    height: 330px;
    padding: 20px 24px 22px;

    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 20px;

    text-decoration: none;
    overflow: hidden;

    box-sizing: border-box;

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


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

.inam-productcategories-imagebox {
    width: 100%;
    height: 125px;

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

    margin: 0 0 8px;
    flex-shrink: 0;
}

.inam-productcategories-imagebox img {
    width: 145px;
    height: 115px;

    object-fit: contain;
    display: block;

    transition: transform 0.3s ease;
}


/* ================= NAME ================= */

.inam-productcategories-content {
    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
}

.inam-productcategories-content h4 {
    margin: 4px 0 14px;

    font-family: 'Playfair Display', serif;
    font-size: 22px;
    font-weight: 700;

    line-height: 1.2;
    color: #315b3c;
}


/* ================= VIEW MORE ================= */

.inam-productcategories-viewmore {
    width: 190px;
    height: 50px;

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

    padding: 0 20px;

    box-sizing: border-box;

    background: #176b25;
    color: #fff;

    border-radius: 28px;

    font-family: 'Playfair Display', serif;
    font-size: 17px;
    font-weight: 700;

    transition: all 0.3s ease;
}

.inam-productcategories-viewmore i {
    font-size: 19px;
    transition: transform 0.3s ease;
}


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

.inam-productcategories-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.inam-productcategories-card:hover
.inam-productcategories-imagebox img {
    transform: scale(1.06);
}

.inam-productcategories-card:hover
.inam-productcategories-viewmore {
    background: #12551d;
}

.inam-productcategories-card:hover
.inam-productcategories-viewmore i {
    transform: translateX(5px);
}
@media (max-width: 991px) {
    .icfp-overlay-back {
        display: none !important;
    }
}
/* =========================================================
   PRODUCTS PAGE - FIXED RESPONSIVE WRAPPER
   Prevent horizontal left/right movement
   ========================================================= */

.inam-products-page {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    overflow-x: hidden !important;
}


/* Prevent the actual page from creating horizontal movement */


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

.inam-productshero-wrapper {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
}


/* =========================================================
   FEATURED PRODUCT
   ========================================================= */

.inam-featureproduct-wrapper {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
}


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

.inam-productcategories-wrapper {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
}


/* =========================================================
   OTHER PRODUCTS
   ========================================================= */

.inam-otherproducts-wrapper {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
}
/* =========================================
   RELATED / RECOMMENDED CATEGORIES
========================================= */

.inamrelatedtypes-wrapper {
    width: 100%;
    padding: 80px 20px;
}

.inamrelatedtypes-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Heading */

.inamrelatedtypes-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-bottom: 45px;
}

.inamrelatedtypes-headingtitle {
    margin: 0;
    text-align: center;
}

.inamrelatedtypes-headingleaf {
    flex-shrink: 0;
}

/* Grid */

.inamrelatedtypes-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 25px;
}

/* Card */

.inamrelatedtypes-card {
    display: block;
    text-decoration: none;
    overflow: hidden;
    border-radius: 12px;
}

.inamrelatedtypes-card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
}

.inamrelatedtypes-card h3 {
    margin: 18px 10px;
    text-align: center;
    font-size: 20px;
}


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

@media (max-width: 1024px) {

    .inamrelatedtypes-wrapper {
        padding: 65px 30px;
    }

    .inamrelatedtypes-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 22px;
    }

    .inamrelatedtypes-card img {
        height: 220px;
    }

}


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

@media (max-width: 768px) {

    .inamrelatedtypes-wrapper {
        padding: 55px 20px;
    }

    .inamrelatedtypes-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .inamrelatedtypes-heading {
        gap: 12px;
        margin-bottom: 35px;
    }

    .inamrelatedtypes-headingtitle {
        font-size: 28px;
    }

    .inamrelatedtypes-card img {
        height: 200px;
    }

    .inamrelatedtypes-card h3 {
        font-size: 18px;
        margin: 14px 8px;
    }

}


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

@media (max-width: 480px) {

    .inamrelatedtypes-wrapper {
        padding: 45px 15px;
    }

    .inamrelatedtypes-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .inamrelatedtypes-heading {
        gap: 8px;
        margin-bottom: 28px;
    }

    .inamrelatedtypes-headingtitle {
        font-size: 22px;
        line-height: 1.3;
    }

    .inamrelatedtypes-headingleaf {
        font-size: 14px;
    }

    .inamrelatedtypes-card {
        border-radius: 8px;
    }

    .inamrelatedtypes-card img {
        height: 150px;
    }

    .inamrelatedtypes-card h3 {
        font-size: 15px;
        line-height: 1.4;
        margin: 12px 5px;
    }

}
/* =========================================
   RECOMMENDED CATEGORY TYPES
========================================= */

.inamrecommended-wrapper {
    width: 100%;
    padding: 80px 20px;
}

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


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

.inamrecommended-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-bottom: 45px;
}

.inamrecommended-headingtitle {
    margin: 0;
    text-align: center;
}

.inamrecommended-headingleaf {
    flex-shrink: 0;
}


/* =========================
   SLIDER WRAPPER
========================= */

.inamrecommended-sliderwrapper {
    position: relative;
    width: 100%;
}


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

.inamrecommended-slider {
    display: flex;
    gap: 25px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    padding: 5px 0;
}

.inamrecommended-slider::-webkit-scrollbar {
    display: none;
}


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

.inamrecommended-card {
    flex: 0 0 calc((100% - 75px) / 4);
    text-decoration: none;
    overflow: hidden;
    border-radius: 12px;
}

.inamrecommended-card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
}

.inamrecommended-card h3 {
    margin: 18px 10px;
    text-align: center;
    font-size: 20px;
    line-height: 1.4;
}


/* =========================
   ARROWS
========================= */

.inamrecommended-arrow {
    position: absolute;
    top: 45%;
    z-index: 5;
    cursor: pointer;
}

.inamrecommended-prev {
    left: -20px;
}

.inamrecommended-next {
    right: -20px;
}


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

@media (max-width: 1024px) {

    .inamrecommended-wrapper {
        padding: 65px 30px;
    }

    .inamrecommended-card {
        flex: 0 0 calc((100% - 44px) / 3);
    }

    .inamrecommended-slider {
        gap: 22px;
    }

    .inamrecommended-card img {
        height: 220px;
    }

}


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

@media (max-width: 768px) {

    .inamrecommended-wrapper {
        padding: 55px 20px;
    }

    .inamrecommended-heading {
        gap: 12px;
        margin-bottom: 35px;
    }

    .inamrecommended-headingtitle {
        font-size: 28px;
    }

    .inamrecommended-slider {
        gap: 18px;
    }

    .inamrecommended-card {
        flex: 0 0 calc((100% - 18px) / 2);
    }

    .inamrecommended-card img {
        height: 210px;
    }

    .inamrecommended-card h3 {
        font-size: 18px;
        margin: 14px 8px;
    }

    .inamrecommended-prev {
        left: -12px;
    }

    .inamrecommended-next {
        right: -12px;
    }

}


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

@media (max-width: 480px) {

    .inamrecommended-wrapper {
        padding: 45px 15px;
    }

    .inamrecommended-heading {
        gap: 8px;
        margin-bottom: 28px;
    }

    .inamrecommended-headingtitle {
        font-size: 22px;
        line-height: 1.3;
    }

    .inamrecommended-headingleaf {
        font-size: 14px;
    }

    .inamrecommended-slider {
        gap: 12px;
    }

    .inamrecommended-card {
        flex: 0 0 calc((100% - 12px) / 2);
        border-radius: 8px;
    }

    .inamrecommended-card img {
        height: 150px;
    }

    .inamrecommended-card h3 {
        font-size: 15px;
        margin: 12px 5px;
    }

    .inamrecommended-arrow {
        width: 35px;
        height: 35px;
    }

    .inamrecommended-prev {
        left: -5px;
    }

    .inamrecommended-next {
        right: -5px;
    }

}
/* .inamformcard-image {
    width: 500px !important;
    height: 198px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    transition: .45s;
} */
 .inamformcard-image {
  width: 500px;
  height: 198px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 181px !important;
    margin-left: 181px;
  transition: .45s;
  margin-left: 200px !important;
}