:root {
    --logo--orange: #c64c3c;
    --logo--light--orange: rgb(227 75 31 / 9%);
    --border-radius: 10px;
    --section-bg-gray: #f8f9fa;
}

body {
    font-family: "Questrial", sans-serif;
}

::-moz-selection {
    background-color: black;
    color: #fff;
}

::selection {
    background-color: black;
    color: #fff;
}


ul,
li {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    font-family: "Raleway", sans-serif;
}

a:focus,
a:hover {
    text-decoration: none;
}

p {
    margin-bottom: 5px;
    color: #000000a3;
    font-size: 17px;
}

section {
    padding-top: 100px;
    padding-bottom: 100px;
}

svg,
img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}


/* **********************************************************************/
/* **********************************************************************/
/* **********************************************************************/
/* **********************************************************************/


:root {
    --bg-theme: black;
    --border-line: #0000004f;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: var(--logo--orange);
    border-radius: 6px;
    border: 2px solid #f1f1f1;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

/* **********************************************************************/
/* **********************************************************************/
/* **********************************************************************/
/* **********************************************************************/



/* title  */
h6 {
    display: inline-block;
    padding: 10px 20px;
    background-color: var(--logo--light--orange);
    color: var(--logo--orange);
    margin-bottom: 20px;
    border-radius: var(--border-radius);
}


/* heading */
h4 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 35px;
}

h4 span {
    color: var(--logo--orange);
}




/* all-btn */
.all-btn {
    padding: 10px 20px;
    margin-top: 20px;
    text-decoration: none;
    text-transform: capitalize;
    border-radius: var(--border-radius);
    color: white;
    background-color: #464646;
    border: 1px solid #464646;
    display: inline-block;
}

.all-btn p {
    color: white;
    margin-bottom: 0;
}

.all-btn:hover {
    background-color: var(--logo--light--orange);
    color: var(--logo--orange);
    border: 1px solid var(--logo--orange);
    transition: 0.3s;
}

.all-btn:hover p {
    color: var(--logo--orange);
}






/* **********************************************************************/
/* **********************************************************************/
/* **********************************************************************/



/* fixed-phone-btnn */
.fixed-phone-btnn,
.fixed-wtsapp-btnn {
    color: white;
    background-color: var(--logo--orange);
    background-color: rgb(44, 107, 178);
    border-radius: var(--border-radius);
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px 15px;
    z-index: 100;
    text-decoration: none;
}

.fixed-wtsapp-btnn {
    bottom: 95px;
    background: #81d742;
    border: 1px solid #81d742;
}

.fixed-phone-btnn i,
.fixed-wtsapp-btnn i {
    font-size: 25px;
}

.fixed-wtsapp-btnn:hover {
    color: #81d742;
    border: 1px solid #81d742;
    background-color: white;
    transition: 0.4s;
}



.fixed-phone-btnn:hover {
    color: rgb(44, 107, 178);
    border: 1px solid rgb(44, 107, 178);
    background-color: white;
    transition: 0.4s;
}






/* header-top */
.header-top {
    background-color: var(--logo--orange);
    padding: 5px 0;
}

.header-top .container {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-top a {
    color: white;
    text-decoration: none;
}

.header-top p {
    margin: 0;
}







/* header-top-right */
.header-top-right {
    display: flex;
}


.header-top .lan-select {
    display: flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: none;
    color: white;
    font-size: 16px;
}

.header-top .lan-select i {
    font-size: 18px;
    color: white;
}

.header-top .lan-select select {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #ffffff;
    border: none;
    color: var(--logo--orange);
    font-size: 16px;
    padding: 5px 35px;
    border-radius: var(--border-radius);

}

/* Custom arrow */
.header-top .lan-select {
    position: relative;
}

/* Remove focus outline & box-shadow */
.header-top .lan-select select:focus {
    outline: none;
    box-shadow: none;
}






/* ===========================
   Header & Navigation
=========================== */

header p {
    margin: 0;
}

#header {
    height: 110px;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: white;
    box-shadow: 0 2px 8px rgb(0 0 0 / 25%);
}

header .container {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .logo {
    height: 100%;
    display: flex;
    align-items: center;
}

/* Desktop Nav */
header nav {
    display: flex;
    align-items: center;
}


header .close {
    display: none;
}



header ul {
    display: flex;
    gap: 15px;
}

header ul li {
    list-style: none;
}


header ul li a {
    text-transform: capitalize;
    text-decoration: none;
    color: #000;
    font-size: 17px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}




/* Dropdown container */
header ul li.dropdown {
    position: relative;
}

/* Dropdown menu */
header ul li .dropdown-menu {
    position: absolute;
    top: 100%;
    /* directly below Products */
    left: -77px;
    max-height: 60vh;
    /* Limit height */
    min-width: 250px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    padding: 10px 0;
    display: none;
    /* hide by default */
    z-index: 200;
    border-radius: 6px;
    overflow-y: auto;
    /* scroll only vertically */
    overflow-x: hidden;
    /* no horizontal scroll */
    scrollbar-width: thin;
    /* Firefox */
    scrollbar-color: #ccc transparent;
}

/* Custom scrollbar for WebKit browsers */
header ul li .dropdown-menu::-webkit-scrollbar {
    width: 6px;
}

header ul li .dropdown-menu::-webkit-scrollbar-track {
    background: transparent;
}

header ul li .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
}

/* Show dropdown on hover */
header ul li.dropdown:hover .dropdown-menu {
    display: block;
}

/* Dropdown links */
header ul li .dropdown-menu li {
    list-style: none;
}

header ul li .dropdown-menu li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    color: #333;
    transition: background 0.3s ease, color 0.3s ease;
    font-size: 14px;
    line-height: 1.4;
}

header ul li .dropdown-menu li a:hover {
    background: var(--logo--light--orange);
    color: var(--logo--orange);
}


/* Optional: prevent horizontal scroll shift when body is locked */
body.scroll-lock {
    overflow: hidden;
    padding-right: var(--scrollbar-width);
}






/* Broucher button */
header .broucher {
    margin-left: 20px;
}

/* Hide hamburger on desktop */
header .ham {
    display: none;
}

header .broucher a {
    margin-top: 0px;
}




/* ham */
header .ham {
    display: none;
}




/* slider-nav */
.slider-nav {
    display: none;
}












/* banner */
#banner {
    height: calc(85vh - 154px);
    width: 100%;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)), url(https://images.unsplash.com/photo-1717386255773-1e3037c81788?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    position: relative;
    overflow: hidden;
}

#banner .container {
    height: 100%;
}

#banner .carousel {
    height: 100%;
}


#banner .carousel-inner {
    height: 100%;
}

#banner .carousel-inner::after {
    content: none !important;
}

#banner .carousel-item {
    height: 100%;
    display: flex;
    align-items: center;
}


/* banner-txt */
#banner .banner-txt {
    position: relative;
    height: 100%;
    width: 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    z-index: 3;
}

#banner .banner-txt .container {
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#banner .banner-txt h1 {
    font-size: 50px;
    font-weight: bold;
    color: rgb(255, 255, 255);
}

#banner .banner-txt h1 span {
    color: var(--logo--orange);
}



/* banner-buttons */
#banner .banner-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
}

#banner .banner-buttons .all-btn {
    min-width: 150px;
}

#banner .banner-buttons .all-btn:hover {
    background-color: #fcefeb;
}



/* transpatent */
#banner .banner-buttons a.transpatent {
    background-color: var(--logo--orange);
    border: 1px solid #c64c3c;
}

#banner .banner-buttons a.transpatent p {
    color: #fff;
}

#banner .banner-buttons a.transpatent:hover {
    background-color: #fcefeb;
}

#banner .banner-buttons a.transpatent:hover p {
    color: var(--logo--orange);

}



#banner .banner-img {
    width: 50%;
}

#banner .banner-img img {
    margin: auto;
    border-radius: var(--border-radius);
    background-image: radial-gradient(circle, rgb(0 0 0) 0%, /* bright white center */ rgb(0 0 0 / 23%) 40%, /* softer fade */ rgb(0 0 0 / 0%) 100% /* fully transparent edges */);
    background-image: radial-gradient(circle, rgb(0 0 0) 0%, /* bright white center */ rgb(0 0 0 / 10%) 40%, /* softer fade */ rgb(0 0 0 / 0%) 100% /* fully transparent edges */);
}







.carousel-control-prev-icon,
.carousel-control-next-icon {
    padding: 15px;
    font-weight: bold;
}



.carousel-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: rgba(255, 255, 255, 0.2);
    z-index: 3;
}

.carousel-progress .progress-bar {
    height: 100%;
    width: 0;
    background: var(--logo--orange);
    background: var(--logo--orange);
    /* change color as needed */
    transition: width linear;
}





/* Make images fade out fully before next comes in */
/* Sequential fade only */
.carousel-fade .carousel-item {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.carousel-fade .carousel-item.active {
  opacity: 1;
  z-index: 2;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev {
  opacity: 0 !important;
  z-index: 1;
}
















/* about */


#about .abt-info {
    height: 100%;
    width: 90%;

    display: flex;
    flex-direction: column;
    justify-content: center;
}




#about .mission-border-line {
    border-left: 1px solid transparent;
    border-image: linear-gradient(to bottom, transparent, rgb(70 70 70), transparent) 1;
}

#about .mission-and-vission {
    width: 90%;
    margin-left: auto;
}

#about .mission-and-vission .mission {
    margin-bottom: 40px;
}





/* abt-highlights */
.abt-highlights-cover {
    background-color: #464646;
    padding: 50px 0;
}

.abt-highlights {
    height: 100%;
}

.abt-highlights .row {
    align-items: center;
    height: 100%;

}

.highlight-box {
    /* border-radius: var(--border-radius); */
    text-align: center;
    padding: 20px 0;
}

.highlight-box h5 {
    line-height: 30px;
    color: #ffffffa3;
    font-size: 15px;
}

.highlight-box h5 span {
    color: white;
    font-weight: bold;
    font-size: 30px;
}


.highlight-middle-box {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-image: linear-gradient(to bottom, transparent, white, transparent) 1;
}


.abt-highlights-cover p {
    color: #ffffffa3;
}












/* why-us */
#why-us {
    background-color: var(--logo--light--orange);
    background: var(--section-bg-gray);

}

#why-us .title {
    text-align: center;
}

#why-us .title h4 {
    max-width: 450px;
    margin: auto;
}



/* why-item */
#why-us .col-md-4 {
    margin-top: 20px;

}

#why-us .row {
    align-items: center;
}

#why-us .why-item {
    padding: 30px 15px;
    background: white;
    background: rgb(227 75 31 / 9%);
    border-radius: var(--border-radius);
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

#why-us .why-us-middle-item {
    min-height: 400px;
}

#why-us .why-item i {
    padding: 10px;
    background-color: var(--logo--light--orange);
    font-size: 40px;
    color: var(--logo--orange);
    border-radius: var(--border-radius);
}

#why-us .why-item h5 span {
    color: var(--logo--orange);
}

#why-us .why-item h5 {
    margin: 20px 0;
}







/* products */
#products-category {
    background: var(--section-bg-gray);
}

#products-category .title {
    text-align: center;
}

#products-category .title h4 {
    max-width: 550px;
    margin: auto;
    margin-bottom: 20px;
}



/* view-btn-hit-view  */
.view-btn-hit-view {
    display: none;
}




#products-category a {
    text-decoration: none;
}




#products-category .product-img-cover {
    background: white;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: var(--border-radius);
}

/* products-img */
#products-category .product-img-cover .products-img {
    display: flex;
    justify-content: center;
    align-items: center;
}

#products-category .product-img-cover .products-img img{
    margin-bottom: 10px;
}


/* products-title */
#products-category .product-img-cover .products-title h5 {
    font-size: 15px;
    font-weight: bold;
    padding: 20px 0;
    text-align: center;
    color: var(--logo--orange);
    background-color: var(--logo--light--orange);
    border-radius: var(--border-radius);
    text-transform: capitalize;
    border: 1px solid white;

}

#products-category .product-img-cover:hover .products-title h5 {
    background-color: white;
    border: 1px solid var(--logo--orange);
    transition: 0.4s;
}


#products-category .all-btn-covere {
    text-align: center;
}








/* footer  */
footer {
    padding-top: 50px;
    background-color: var(--logo--orange);
    background: linear-gradient(to right, #f26a3c, #e34b1f);
    background: linear-gradient(to right, #f08560, #c64c3c);
}

footer h5 {
    color: white;
    margin-bottom: 20px;
}





/* marque */
#marque {
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  background: var(--logo--light--orange);
  padding: 20px 0;
}

#marque .marquee-track {
  display: flex;
  width: max-content;
  animation: scroll-left 40s linear infinite;
}

#marque .marque-img {
  flex: 0 0 auto;
  margin: 0 40px;
}

#marque img {
  max-height: 60px;
  display: block;
}

@keyframes scroll-left {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}












/* authorised-dealers */
#authorised-dealers .title{
    text-align: center;
}

#authorised-dealers h4 img{
    width: 300px;
    margin-left: 15px;
}
#authorised-dealers .authorsied-dealers-img-title h5{
    text-align: center;
    padding: 15px 0 0 0;
    color: var(--logo--orange);
    text-transform: uppercase;
    font-size: 56px;
    font-weight: 700;
}

#authorised-dealers .authorsied-dealers-img{
    background-color: var(--section-bg-gray);
    border-radius: var(--border-radius);

}

#authorised-dealers .authorsied-dealers-img img{
    width: 100%;
}
















footer .logo {
    /* background: #fcefeb; */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px 30px 20px;
    margin-bottom: 30px;
    height: 100%;
}

footer .logo p {
    color: white;
    margin-top: 20px;
    text-align: center;
}







/* nav  */
footer ul li {
    list-style-type: none;
}

footer ul li a {
    text-transform: capitalize;
    text-decoration: none;
    color: white;
}





/* footer-contact */
footer .contact-info-box {
    margin-bottom: 10px;
    color: white;
    display: flex;
    /* align-items: center; */
    gap: 15px;
}

footer .contact-info a {
    color: white;
    text-decoration: none;
}








footer .copy-rights {
    padding: 20px 0;
    margin-top: 50px;
    color: white;
    border-top: 1px solid white;
}

footer .copy-rights .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


footer .copy-rights a {
    color: white;
    text-decoration: none;
}


footer .rights {
    text-align: center;
}














































/* #allother-page-banners{ */
#allother-page-banners {
    height: 300px;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* contact-banner */
.contact-banner {
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 74%),
            /* top dark */
            rgb(0 0 0 / 61%)
            /* bottom lighter */
        ), url(../images/contact-page/contact-page-banner.jpg);

}

#allother-page-banners .container {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#allother-page-banners .container h4 {

    color: white;
    margin-bottom: 0;
}










/* contact-details-right-box */
.contact-details-right-box {
    padding: 50px;
    border-radius: var(--border-radius);
    background-color: var(--logo--orange);
    color: white;
}

.contact-details-right-box a,
.contact-details-right-box p {
    color: rgb(255 255 255 / 75%);
    text-decoration: none;
    font-size: 17px;
}

.contact-details-right-box h6 {
    background-color: white;
}


/* contact-page-cover */
#contact-page-cover .contact-details-cover {
    display: flex;
    margin-top: 20px;

}

#contact-page-cover .contact-details-cover i {
    padding: 10px;
    font-size: 25px;
}

#contact-page-cover .contact-details-cover h5 {
    margin: 10px 0;
}





.contact-us-form-cover form {
    margin-top: 40px;
}

.contact-us-form-cover {
    padding: 50px;
}

.form-control {
    border-radius: var(--border-radius);
    padding: 15px;
}

.map iframe {
    border-radius: var(--border-radius);
}















/* about - page  */
.about-banner {
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 74%),
            /* top dark */
            rgb(0 0 0 / 61%)
            /* bottom lighter */
        ), url(../images/about-page/about-page-banner.jpg);

}





/* abt-highlight/ */
.abt-highlight {
    padding-top: 50px;
}

.abt-highlight .abt-page-highlights-cover {
    background: var(--section-bg-gray);
    border-radius: var(--border-radius);
    padding: 50px 0;
}

.abt-highlight .col-md-3 {
    text-align: center;
}

.abt-highlight-title {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.abt-highlight-title h6{
    min-width: 150px;
    text-align: center;
}
.abt-highlight-title i {
    color: var(--logo--orange);
    font-size: 30px;
    margin-right: 15px;
}
.abt-highlight .abt-page-highlights-cover p{
    text-align: center;
}





/* .who-we-are-content */
.who-we-are-img .logo {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.who-we-are-img .logo img {
    width: 100px;
}

.who-we-are-img {
    height: 400px;
    width: 100%;
    background-image: radial-gradient(circle,
            rgba(255, 255, 255, 0.8) 0%,
            /* bright white center */
            rgba(255, 255, 255, 0.3) 40%,
            /* softer fade */
            rgba(255, 255, 255, 0) 100%
            /* fully transparent edges */
        ), url(../images/about-page/about-page-about-section-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: var(--border-radius);
    margin-top: 50px;
}




.who-we-are-content {
    margin-top: 50px;
}

.abt-page-title {
    width: 70%;
    margin: auto;
    text-align: center;
}

.who-we-are-content p {
    margin-bottom: 20px;
}





/* certifications */
.certifications{
    padding-top: 50px;
}

.abt-page-certifications-title{
    text-align: center;
}

.certifications img{
    border-radius: var(--border-radius);
    margin-bottom: 20px;
}





/* abt-page-why-us */

#abt-page-why-us .cardd {
    min-height: 200px;
}

#abt-page-why-us i {
    color: var(--logo--orange);
    font-size: 30px;
    padding: 0px 0 15px 0;
    display: inline-block;
}

#abt-page-why-us h5 {
    margin-bottom: 10px;
}







#credentials {
    background-color: var(--section-bg-gray);

}

#credentials .credentials-title {
    text-align: center;
    width: 80%;
    margin: auto;
}

#credentials .cardd {
    margin-top: 20px;
    padding: 40px 15px;
    text-align: center;
    border-radius: var(--border-radius);
    background: var(--logo--orange);
    min-height: 315px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#credentials i {
    color: #ffffff;
    font-size: 50px;
    padding: 0px 0 15px 0;
    display: inline-block;
}

#credentials .cardd h5 {
    margin-bottom: 10px;
    color: #ffffff;
}

#credentials .cardd p{
    color: rgb(255 255 255 / 75%);
}





/* #abt-page-gallery */
#abt-page-gallery{
    background-color: var(--section-bg-gray);
}
#abt-page-gallery .gallery-title{
    text-align: center;
}

#abt-page-gallery img {
    border-radius: var(--border-radius);
}

















/* client-list-banner */
.client-list-banner{
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 74%),
            /* top dark */
            rgb(0 0 0 / 61%)
            /* bottom lighter */
        ), url(../images/clients-brand_logos/client-page-banner.jpg);

}


.clients-page-title {
    text-align: center;
}


#client-page-cover {
    background-color: var(--section-bg-gray);
}
#client-page-cover img{
    margin-top: 40px;
    border-radius: var(--border-radius);
}


































































/* aside-product-list */
#porduct-items-individual-cover{
    /* background-color: var(--section-bg-gray); */
}
#porduct-items-individual-cover .aside-product-list{
    padding: 15px;
    background: var(--logo--orange);
    border-radius: var(--border-radius);
    position: sticky;
    top: 150px;
}

#porduct-items-individual-cover .aside-product-list h6{
    color: white;
    background: rgba(255, 255, 255, 0.341);
}




#porduct-items-individual-cover .aside-product-list ul li{
    list-style-type: none;
    margin-bottom: 10px;
    border-bottom: 1px rgba(255, 255, 255, 0.498) solid;

}

#porduct-items-individual-cover .aside-product-list ul li:last-child{
    border-bottom: 0px;
}

#porduct-items-individual-cover .aside-product-list ul li a{
    text-decoration: none;
    display: block;
    color: white;
    font-size: 17px;
    text-transform: capitalize;
}




/* individual-item-content-info-imgs */
.individual-item-content-info h5{
    font-weight: 600;
}
.individual-item-content-info {
    background-color: var(--section-bg-gray);
    border-radius: var(--border-radius);
    padding: 15px;
    margin-bottom: 20px;
}
.individual-item-content-info-imgs{
    display: flex;
    justify-content: space-between;
    margin: 20px 0 20px 0;
}
.individual-item-content-info-imgs img{
    width: 49%;
    border-radius: var(--border-radius);
    margin-bottom: 20px;
    cursor: pointer;
}



/* Popup overlay */
.img-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}

.img-popup-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* Popup image */
.img-popup-overlay img {
  max-width: 90%;
  max-height: 90%;
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(0,0,0,0.6);
  animation: zoomIn 0.3s ease;
}

/* Close button */
.img-popup-overlay .close-btn {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}

/* Zoom animation */
@keyframes zoomIn {
  from { transform: scale(0.8); opacity: 0; }
  to   { transform: scale(1); opacity: 1; }
}





.features{
    margin-top: 20px;
    padding: 15px;
    /* background: white;
    border-radius: var(--border-radius); */
}
.features h5{
    margin-bottom: 20px;
}

.features ul li{
    font-size: 17px;
}