@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
:root{--primary:#e0ba6f;--secondary:#051829;--white:#fff;--black:#000}
body{margin:0;padding:0!important;font-family:Rubik,sans-serif;scroll-behavior:smooth;overflow:inherit!important;font-size:14px}
input[type=text],input[type=email],input[type=tel],input[type=date],textarea,select{border:1px solid transparent;padding:15px 20px;color:#444;font-size:14px;line-height:normal;margin:0 0 12px;width:100%;outline:0;font-family:Rubik,sans-serif;background:#f3f3ff;border-radius:20px}
input[type=submit]{color:var(--white);background:var(--primary)!important;text-transform:uppercase;border:0;padding:15px 20px;font-size:14px;letter-spacing:.8px;cursor:pointer;outline:none;font-weight:600;border-radius:20px;font-family:Rubik,sans-serif;width:100%}
input[type=submit]:hover{background:var(--secondary)!important;color:var(--white);transition:.8s}
textarea{height:100px;margin-bottom:0}
h1,h2,h3,h4,h5,h6{margin:0 0 15px;font-family:Rubik,sans-serif;color:var(--black);font-weight:600;text-transform:inherit;line-height:normal}
h1{font-size:28px}
h2{font-size:24px}
h3{font-size:22px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}
p{padding:0;margin:0 0 10px;color:#444;font-weight:400;font-family:Rubik,sans-serif;font-size:14px;line-height:1.6}
ul,li,a{list-style-type:none;font-family:Rubik,sans-serif;color:#333;font-size:14px;line-height:25px}
a:hover{transition:.8s;text-decoration:none}
.heading,.leftheading{margin-bottom:40px;font-size:36px;color:#0e1422;text-align:center;font-weight:600;position:relative;padding-bottom:18px}
.leftheading{text-align:left}
.heading:before{content:"";position:absolute;border-top:solid 3px var(--primary);width:70px;bottom:0;left:50%;transform:translateX(-50%)}
.subheading{background:#e0ba6f42;padding:6px 18px;line-height:1;display:inline-block;margin-bottom:12px;border-radius:50px}
p.description{font-size:17px;line-height:1.7;max-width:750px;margin:0 auto 35px;font-weight:300}
.section-padding{padding:60px 0}

/* TOPBAR SECTION CSS */

.topbar{padding:12px 0;transition:.5s}
.top-contact{display:flex;column-gap:15px}
.top-contact p{margin:0;column-gap:10px}
.top-contact p i{color:var(--white);font-size:14px;background:var(--secondary);height:35px;width:35px;display:flex;justify-content:center;align-items:center;border-radius:50px}
.topbar p:last-child{padding:0;margin:0;border:none}
.smoicons ul{display:flex;align-items:center;justify-content:end;column-gap:5px}
.smoicons ul li a{font-size:14px;background:var(--secondary);color:var(--white);height:35px;width:35px;display:flex;justify-content:center;align-items:center;border-radius:50px;transition:all ease-in-out .5s}
.smoicons ul li a:hover{background:var(--primary);color:var(--dark)}

/* HEADER SECTION CSS */

header{background:var(--white);padding:0 15px}
header img{width:100%}
.menubar{background:var(--primary);border-radius:20px 20px 0 0;width:100%;padding:0 20px;position:relative}
a.callbtn{background:var(--secondary);padding:14px 28px;margin-right:-20px;border-radius:0 20px;color:var(--white);font-size:18px;display:inline-flex;align-items:center;gap:10px}
a.callbtn i{color:transparent;-webkit-text-stroke:.8px var(--primary);font-size:22px}

/* ABOUT US SECTION CSS */

.aboutus{background:#f9f5ed}
.about-image img{border-radius:20px}
.about-value{display:flex;gap:1rem;align-items:flex-start}
.about-value .av-icon{width:42px;height:42px;flex:0 0 42px;border-radius:8px;background:rgb(201 162 75/.12);border:1px solid rgb(201 162 75/.3);display:flex;align-items:center;justify-content:center}
.about-value .av-icon i{color:var(--gold);font-size:1.05rem}
.about-value h4{font-size:.95rem;font-weight:700;color:var(--navy);margin-bottom:.2rem}
.about-value p{font-size:.84rem;color:var(--slate);margin-bottom:0;line-height:1.6}
.about-stat-strip{background:var(--white);border:1px solid #ece5d3;border-radius:8px;display:flex;flex-wrap:wrap}
.about-stat-strip .ass-item{flex:1 1 25%;text-align:center;padding:1.6rem 1rem;border-right:1px solid #ece5d3}
.about-stat-strip .ass-item:last-child{border-right:none}
.about-stat-strip .ass-num{font-size:2rem;font-weight:500;line-height:1}
.about-stat-strip .ass-lab{margin-top:.4rem;font-size:.8rem}

/* PRODUCT SECTION CSS */

.productsitem{background:#f9f5ed;padding:12px;border-radius:20px;border:2px solid #051829}
.productsitem-info{padding:20px;text-align:center;background:var(--white);border-radius:20px;position:relative;margin-top:-20px}
.productsitem-info h3{margin-bottom:15px!important;font-weight:500;min-height:54px}
.productsitem figure{border-radius:15px}
.productsitem figure img{aspect-ration:1; object-fit: cover;}
.productsitem-info a.btn.btn-success{padding:13px 26px;line-height:1;border-radius:50px;border:none;background:#0fa517;box-shadow:none!important;outline:none!important}
.productsitem-info a.btn.btn-success i{margin-right:5px}
.productsitem-info a.btn.btn-success:hover{background:#051829}

/* WHAT WE SUPPLY SECTION CSS */

.whatwesupply{background:#f9f5ed}
.product-card{background:var(--white);border-radius:20px;padding:30px;height:100%;transition:transform .3s ease,border-color .3s ease,background .3s ease;box-shadow:0 0 45px #00000014}
.product-card:hover{transform:translateY(-6px);background:var(--primary)}
.product-card .icon-wrap{transition:.5s;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgb(201 162 75/.22),rgb(201 162 75/.06));border:1px solid rgb(201 162 75/.35);margin-bottom:1.3rem}
.product-card:hover .icon-wrap{background:var(--white);border-color:var(--white)}
.product-card .icon-wrap i{color:var(--gold-bright);font-size:1.35rem}
.product-card h3{font-size:1.25rem;margin-bottom:.55rem;font-weight:500}
.product-card p{margin-bottom:0}

/* GALLERY SECTION CSS */

.ourgallery .arrowbutton.prev{left:8%!important}
.ourgallery .arrowbutton.next{right:8%!important}
.ourgallery .slick-track{display:flex;align-items:center}
.gallery-item figure img{height:280px;width:100%!important;border-radius:6px;transition:all ease-in-out .5s}
.gallery-item figure{overflow:hidden;border-radius:6px}
.gallery-item:hover figure img{transform:scale(1.1) rotate(3deg);filter:grayscale(1)}
.gallery-item{overflow:hidden;filter:grayscale(1);opacity:.5;transition:.5s;aspect-ratio:2/3;display:flex;align-items:center;justify-content:center}
.slick-slide.slick-current.slick-active.slick-center a.gallery-item{filter:none;opacity:1}
.slick-slide.slick-current.slick-active.slick-center a.gallery-item .gallerylightboxlist{aspect-ratio:2/3}
.gallerylightboxlist{background-size:cover;transition:all 300ms ease;position:relative;background-position:center;aspect-ratio:2/2.2;width:100%}
.ourgallery .slick-slide{margin:0 10px!important}

/* HOME CONTACT SECTION CSS  */

.homecontact.section-padding{background:#f9f5ed}
.contact-card{background:var(--white);border-radius:20px;padding:30px;border:2px solid #ece4d3}
.contact-row{display:flex;gap:1rem;align-items:center}
.contact-row:not(:last-child){padding-bottom:16px;margin-bottom:16px;border-bottom:1px dashed #e6ddc3}
.contact-row i{font-size:1.15rem;transition:.5s;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgb(201 162 75/.22),rgb(201 162 75/.06));border:1px solid rgb(201 162 75/.35)}
.contact-row .ct{font-weight:600;font-size:15px}
.contact-card form label{width:100%;font-weight:500}
.contact-card form input[type=text],.contact-card form input[type=tel],.contact-card form select,.contact-card form textarea{margin:6px 0 0;background:#f9f5ed;border:1px solid #ece2cc;padding:13px 20px;resize:none}
.contact-card form span.wpcf7-spinner{position:absolute;margin:15px 0}
.contact-card form input[type=submit]{padding:14px;color:var(--dark);font-size:16px;letter-spacing:.5px;font-weight:500}
.contact-card form input[type=submit]:hover{color:var(--white)}

/* BLOG SECTION CSS */

.homebloglist{position:relative;overflow:hidden;background:var(--white);border-radius:20px;box-shadow:0 0 30px #00000014}
.homebloglist>img{position:relative;z-index:-1;width:100%;height:auto;aspect-ratio:1/1.2;object-fit:cover;transition:.5s}
.homebloglist figure{position:relative}
.homebloglist figure img{width:100%;height:auto;aspect-ratio:3/1.8;object-fit:cover;transition:.5s}
.homebloglist figure .date-tag{position:absolute;top:10px;right:10px;padding:8px 15px;font-size:13px;line-height:1;background:var(--primary);border-radius:25px}
.homebloglist figure .date-tag i{margin-right:2px}
.homebloglist-info{padding:20px 20px 15px}
.homebloglist-info h3{margin-bottom:12px}
.homebloglist-info h3 a{font-size:22px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:500}
.homebloglist-btminfo{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-top:1px solid #e7e6e5}
.homebloglist-btminfo p{line-height:1}
.homebloglist-btminfo p i{margin-right:6px;font-size:15px;color:var(--primary)}
.homebloglist-btminfo a.btn{padding:10px 20px!important;font-size:14px}
.homebloglist:hover img{transform:scale(1.1) rotate(-4deg)}

/* FOOTER SECTION CSS CODE */

.cta-strip{background:linear-gradient(100deg,#0d1836,#132449 55%,#0d1836);position:relative;overflow:hidden}
.cta-strip:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 30%,rgb(63 184 201/.18),transparent 55%)}
.cta-strip .row{position:relative;z-index:1}
.cta-h{color:var(--white);padding:0 0 5px;margin:0;font-size:1.8rem}
.cta-h em{color:#f4dc9a;font-style:normal}
.cta-p{color:#aab3c9;margin:0}
.jq-footer{background:var(--secondary);color:#aab3c9;position:relative;overflow:hidden;padding-top:20px!important}
.ripple{position:absolute;border:1px solid rgb(63 184 201/.12);border-radius:50%}
.r1{width:520px;height:520px;right:-180px;top:-160px}
.r2{width:340px;height:340px;right:-90px;top:-60px}
.jq-footer .container{position:relative;z-index:1}
footer p,footer li,footer a{color:#aab3c9}
.jq-brand{width:fit-content;padding:10px;background:var(--white);border-radius:20px}
.jq-brand a img{height:70px}
.jq-mark{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#8a6a1c);display:flex;align-items:center;justify-content:center;font-weight:600;color:#101a35;font-size:1.05rem;flex:0 0 46px}
.jq-name{font-weight:600;font-size:1.3rem;color:var(--white);line-height:1.15}
.jq-name small{display:block;font-family:Inter,sans-serif;font-weight:500;font-size:.68rem;letter-spacing:1.8px;color:#f4dc9a;text-transform:uppercase;margin-top:2px}
.jq-desc{font-size:.87rem;line-height:1.75;max-width:310px;margin-top:1.1rem}
.ft-title{font-weight:400;font-size:1.2rem;color:var(--white);margin-bottom:1.1rem;display:flex;align-items:center;gap:.8rem}
.ft-title:before{content:"";width:8px;height:8px;background:var(--primary);border-radius:50%;box-shadow:0 0 0 3px rgb(219 180 103/.2)}
footer .menu{list-style:none;padding:0;margin:0}
footer .menu li{margin-bottom:.7rem}
footer .menu a{text-decoration:none;font-size:.87rem;transition:.2s;display:inline-flex;align-items:center;gap:.5rem}
footer .menu a i{font-size:.6rem;color:var(--primary)}
footer .menu a:hover{color:#f4dc9a;padding-left:3px}
.ft-contact{list-style:none;padding:0;margin:0;font-size:.86rem}
.ft-contact li{padding-left:42px;position:relative}
.ft-contact li:not(:last-child){margin-bottom:15px}
.ft-contact li:first-child span.ft-icon{top:4px}
.ft-contact a:hover{color:#f4dc9a}
.ft-icon{width:32px;height:32px;border-radius:10px;background:rgb(224 186 111/.1);border:1px solid rgb(224 186 111/.26);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--primary);transition:.25s;position:absolute;left:0;top:-5px}
.ft-contact li:hover .ft-icon{background:var(--primary);color:#081025;transform:rotate(-6deg)}
.social-btn{width:38px;height:38px;border-radius:11px;background:rgb(255 255 255/.04);border:1px solid rgb(212 175 55/.28);display:inline-flex;align-items:center;justify-content:center;color:#f4dc9a;text-decoration:none;transition:.25s}
.social-btn:hover{background:linear-gradient(135deg,var(--primary),#8a6a1c);color:#101a35;transform:translateY(-4px) rotate(-4deg);border-color:transparent}
.ft-divider{height:1px;background:linear-gradient(90deg,transparent,rgb(212 175 55/.35) 20%,rgb(212 175 55/.35) 80%,transparent);border:none;margin:1.4rem 0}
.ft-bottom a{color:#f4dc9a;text-decoration:none}
.badge-strip{font-size:.74rem;color:#6d7590;letter-spacing:.3px}
.badge-strip .dot{color:var(--primary);margin:0 .55rem}
@media(max-width:767px){.cta-h{font-size:1.2rem}.jq-desc{max-width:100%}}

#GoToTop{display:none;position:fixed;justify-content:center;align-items:center;bottom:40px;right:30px;border-radius:50%;z-index:99999999;background:var(--primary);width:48px;height:48px;text-align:center;cursor:pointer;font-size:17px;text-decoration:none}
#GoToTop .fa{display:block;padding-bottom:3px}
#GoToTop:hover{background:var(--secondary);color:var(--white)}
#GoToTop.show{display:flex}
#whatsappbtn{cursor:pointer;position:fixed;bottom:30px;left:20px;z-index:99999999;padding-top:8px;background:#4fcc5d;border-radius:50%;width:55px;height:55px;text-align:center;font-size:32px;color:var(--white);box-shadow:0 6px 9px rgb(0 0 0/5%),0 4px 5px rgb(0 0 0/5%);outline:solid 5px #4fcc5d;outline-offset:3px}
#whatsappbtn:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;z-index:-1;border-radius:50%;background:#4fcc5d;box-shadow:0 0 10px #4fcc5d;animation:whtsbtn 2s linear infinite forwards}
#whatsappbtn img{width:30px;margin-top:4px}
@keyframes whtsbtn{from{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}

/* Breadcrumbs */

.breadcrumb{padding:140px 0;background: linear-gradient(45deg, #030d17, #100b0036), url(../images/breadcrumb-image.webp) no-repeat center center / cover;}
.breadcrumb .row{align-items:center;display:flex}
.breadcrumb h1{background: #e0ba6f2b;color:var(--white);width:fit-content;padding:10px 20px;margin:0 auto;border-radius:10px;line-height:1;font-size: 26px;letter-spacing: .5px;font-weight: 400;border-right: 3px solid var(--primary);border-left: 3px solid var(--primary);backdrop-filter: blur(8px);}
.breadcrumb p{text-align:center;margin:0;display:none}
.breadcrumb h1 p{text-align:left}
.breadcrumb p,.breadcrumb span,.breadcrumb p a{font-weight:400;color:var(--white)}
.breadcrumb p a{padding-right:18px;margin-right:5px;position:relative;color:var(--white)}
.breadcrumb h1 span{font-size:25px;font-weight:500;letter-spacing:.5px;color:var(--white);text-transform:uppercase;line-height:normal}
.breadcrumb h1 .breadcrumbs_last{font-size:28px;margin:0 0 15px;font-weight:800}
.breadcrumb h1 p{float:left}
.breadcrumb h1 span a{display:none}
.breadcrumb a:after{position:absolute;content:"\f101"!important;font-size:10px!important;font-weight:600;font-family:"Font Awesome 5 Free"!important;color:var(--white);right:0;top:-1px}

/* ABOUTUS PAGE CSS */

.about-photo-frame {
            position: relative;
            border-radius: 8px;
            overflow: hidden;
            background: linear-gradient(160deg,#070d1a,#0d1830);
            min-height: 440px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(201,162,75,.25);
        }

        .about-photo-frame .ap-logo {
            font-family: 'Cormorant Garamond',serif;
            font-weight: 700;
            font-size: 5.2rem;
            color: transparent;
            -webkit-text-stroke: 1.5px #e8c874;
            letter-spacing: .02em;
        }

        .about-year-badge {
            position: absolute;
            bottom: -1px;
            left: -1px;
            background: linear-gradient(135deg,#e8c874,var(--primary));
            color: #070d1a;
            padding: 1.1rem 1.5rem;
            border-radius: 0 8px 0 0;
        }

        .about-year-badge .ay-num {
            font-size: 1.5rem;
            font-weight: 800;
            line-height: 1;
        }

        .about-year-badge .ay-lab {
            font-size: .68rem;
            font-weight: 700;
            letter-spacing: .04em;
        }

        /* ===== MISSION / VISION / VALUES CARDS ===== */
        .mvv-card {
            background: var(--white);
            border-radius: 20px;
            padding: 30px;
            height: 100%;
            transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
            box-shadow: 0 0 45px #00000014;
        }

        .mvv-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 20px 40px -22px rgba(13,24,48,.25);
            border-color: var(--primary);
        }

        .mvv-card .mvv-icon {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            margin: 0 auto 1.2rem;
            background: linear-gradient(135deg,rgba(201,162,75,.16),rgba(201,162,75,.05));
            border: 1px solid rgba(201,162,75,.35);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .mvv-card h3 {
    font-weight: 500;
    margin-bottom: .8rem;
}

        .mvv-card .mvv-icon i {
            color: var(--primary);
            font-size: 1.3rem;
        }

        /* ===== 3. WHY CHOOSE US / VALUES ===== */
        .whychooseus {
            background: #070d1a;
            background-image: radial-gradient(circle at 90% 10%, rgba(201,162,75,.08), transparent 45%);
        }

        .value-card {
            background: #13213f;
            border: 1px solid rgba(201,162,75,.18);
            border-radius: 20px;
            padding: 2rem 1.6rem;
            height: 100%;
            transition: transform .3s ease, border-color .3s ease, background .3s ease;
        }

        .value-card:hover {
            transform: translateY(-6px);
            border-color: var(--primary);
            background: #182747;
        }

        .value-card .icon-wrap {
            width: 52px;
            height: 52px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg,rgba(201,162,75,.22),rgba(201,162,75,.06));
            border: 1px solid rgba(201,162,75,.35);
            margin-bottom: 1.3rem;
        }

        .value-card .icon-wrap i {
            color: #e8c874;
            font-size: 1.35rem;
        }

        .value-card h3 {
            font-weight: 500;
            color: #f7f4ec;
            margin-bottom: .8rem;
            font-size: 20px;
        }

        .value-card p {
            color: #aab3c9;
        }

/* POLICY PAGE CSS */

.policy-title{padding:12px 25px;background:var(--secondary)}
.policy-title h1.heading{font-size:26px;text-align:left;font-weight:500}
.policy-content{padding:25px;background:#f9f5ed;border-top:0}
.policy-title h1.heading:before{display:none}
.policy-content h3{margin:18px 0 12px;font-size:17px;font-weight:500}
.policy-content h3:first-child{margin-top:0}
.policy-content ul{margin-bottom:15px;padding-left:15px}
.policy-content ul li{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:7px;padding-left:20px;color:#484848}
.policy-content ul li strong{font-weight:500}
.policy-content ul li:before{position:absolute;top:5px;left:0;font:600 12px "Font Awesome 5 Free";content:"\f0a4";color:#4d5953}
.policy-content p:last-child{margin:0}

/* CONTACT US PAGE CSS */

.info-panel{background:linear-gradient(160deg,var(--primary),#daa844);border-radius:20px;padding:30px}
.info-panel .contact-row i{border:none;background:var(--secondary);color:var(--white);font-size:16px}
.info-panel .contact-row{border-color:#00000040}
.info-panel .ip-social a{width:45px;height:45px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-right:.2rem;transition:.2s ease;background:var(--white);color:var(--secondary);font-size:16px}
.info-panel .ip-social a:hover{background:var(--secondary);color:var(--white)}
.map-frame{border-radius:20px;overflow:hidden;border:1px solid #ece5d3;height:100%;min-height:360px}
.hours-row{display:flex;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid #f0ead9;font-size:.9rem}
.hours-row:last-child{border-bottom:none}
.hours-row .hr-day{font-weight:600;color:var(--secondary)}
.hours-row .hr-time{color:#5c6478}
.hours-badge{display:inline-flex;align-items:center;gap:.5rem;background:#25d3661f;color:#1a8a45;font-weight:700;font-size:.8rem;padding:.45rem 1rem;border-radius:100px;margin-bottom:1.4rem}
.hours-badge i{font-size:.6rem}
@keyframes floatBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* SERVICES PAGE CSS */

.servicespage .productsitem-info h3 {min-height: auto;}
.servicespage .productsitem-info {margin: 0;border-radius: 0 0 15px 15px;}
.servicespage .productsitem figure, .servicespage .productsitem figure img {border-radius: 15px 15px 0 0;}

/* RESPONSIVENESS CSS CODE */


@media only screen and (max-width:1349px) {
.menutop li a {
    padding: 15px 12px !important;
    font-size: 14px !important;
}
a.callbtn {
    padding: 10px 28px;
    font-size: 15px;
}
a.callbtn i {
    font-size: 16px;
}
}

@media only screen and (max-width:992px) {
header img {
    height: 75px;
    width: auto;
}
header {
    padding: 5px 0;
}
.heading, .leftheading {
    font-size: 28px;
    padding-bottom: 15px;
}
.section-padding {
    padding: 40px 0;
}
.about-stat-strip .ass-item {
    padding: 1rem;
}
.about-stat-strip .ass-num {
    font-size: 1.5rem;
}
.productsitem-info h3 {
    min-height: auto;
}
}

@media only screen and (max-width:768px) {
.heading, .leftheading {
    margin-bottom: 25px;
    font-size: 26px;
}
.productsitem-info h3 {
    font-size: 19px;
}
}

@media only screen and (max-width:580px) {
header img {
    height: 65px;
}
.ourgallery .slick-slide {
    margin: 0 5px!important;
}
.contact-card {
    padding: 20px;
}
.contact-row i {
    min-width: 48px;
}
.breadcrumb h1 {
    padding: 5px 10px;
    line-height: 1.3;
    font-size: 24px;
}
}

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

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