/* ================================================================================
        Inner Banner
================================================================================ */
.inner-banner{padding-block: 90px;background: var(--theme-color-light);position: relative;z-index: 0;}
.inner-banner::before{content: '';position: absolute;top: 5%;left: 50%;width: 74%;max-width: 1375px;height: 90%;background: url(../img/group-map.png) no-repeat left center;background-size: contain;filter: brightness(0) saturate(100%) invert(29%) sepia(21%) saturate(1201%) hue-rotate(92deg) brightness(94%) contrast(87%);transform: translateX(-50%);opacity: 14%;z-index: -1;}
.inner-banner .theme-title-area{margin-bottom: 0;}
.inner-banner .theme-title-area p{width: 100%;}
.inner-banner .sub-title{margin-bottom: 10px;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center}
.inner-banner .sub-title li{padding-inline: 10px 10px;max-width: 200px;border-right: 2px solid var(--theme-color-lightgreen);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.inner-banner .sub-title li a{font-size: 90%;color: var(--theme-color-lightgreen);position: relative;}
.inner-banner .sub-title li a::before{content: '';position: absolute;right: 0;left: auto;bottom: 0;width: 0;height: 1px;background: var(--theme-color-lightgreen);transition: 0.5s;}
.inner-banner .sub-title li a:hover::before{left: 0;right: auto;width: 100%;}
.inner-banner .sub-title li:first-child{padding-left: 0;}
.inner-banner .sub-title li:last-child{padding-right: 0;border: none}
.inner-banner .content-area{width: 50%;max-width: 660px;}
.inner-banner .img-area{position: absolute;bottom: 10%;right: 0;width: 40%;height: 80%;border-radius: 1.6vw 0 0 1.6vw;overflow: hidden;}
.inner-banner .img-area img{width: 100%;height: 100%;object-fit: cover;}


/* ================================================================================
        Company Page
================================================================================ */
/*--------------- Company Section ---------------*/
.company-secn{padding-block: 80px;background: var(--theme-color-gray);background: linear-gradient(0deg, var(--theme-color-gray) 75%, #fff 75%);position: relative;z-index: 0;}
.company-secn::before{content: "";position: absolute;left: 0;top: 25%;width: 100%;height: 50%;background: #fff;clip-path: ellipse(75% 100% at 50% 0%);z-index: -1;}
/* .company-secn .company-area{padding: 55px 75px;width: 100%;background: var(--theme-color-darkgreen);border-radius: 30px;}
.company-secn .company-area .company-img{position: relative;height: 100%;z-index: 0;}
.company-secn .company-area .company-img img{max-width: 100%;height: 100%;object-fit: contain;object-position: bottom center;}
.company-secn .company-area .company-img::before{content: '';position: absolute;bottom: -10px;left: 15%;width: 80%;height: 22px;background: radial-gradient(black 0%, transparent 60%);opacity: 30%;z-index: -1;} */
.company-secn .company-area{margin-left: 150px;padding: 55px 75px;width: calC(100% - 150px);background: var(--theme-color-darkgreen);border-radius: 30px;}
.company-secn .company-area .company-img{position: relative;display: flex;justify-content: flex-end;height: 100%;z-index: 0;}
.company-secn .company-area .company-img img{width: calc(100% + 225px);height: 100%;border-radius: 30px 0 0 30px;object-fit: cover;object-position: bottom center;}
.company-secn .company-area .theme-title-area{margin-bottom: 20px;}
.company-secn .company-area .theme-title-area .main-title{color: #fff;}
.company-secn .company-area p{margin-bottom: 0px;color: rgb(255 255 255/65%);}
.company-secn .company-area .theme-btn{margin-top: 30px;background: var(--theme-color-lightgreen);color: var(--theme-color-darkgreen);}
.company-secn .marquee-area{margin-top: 50px;padding-top: 20px;border-top: 1px solid rgb(255 255 255/ 10%);}
.company-secn .marquee-area .marquee-slider{height: 110px;overflow: hidden;}
.company-secn .marquee-area p{padding-inline: 50px;font-size: 100px;font-weight: 600;color: rgb(255 255 255 / 8%);line-height: 1.1;}
/*--------------- Director Section ---------------*/
.director-secn{padding-block: 0 80px;background: var(--theme-color-gray);}
.director-secn .container{border-bottom: 1px solid rgb(19 62 68/20%);}
.director-secn .director-content{padding-block: 50px 50px;}
.director-secn .director-img{width: 100%;height: 100%;position: relative;}
.director-secn .director-img img{position: absolute;bottom: 0;right: 0;width: 100%;height: 100%;object-fit: contain;object-position: bottom right;transition: 0.5s;}
.director-secn .container:not(:hover) .director-img img{filter: grayscale(1);}
/*--------------- Group Section ---------------*/
.group-secn{padding-block: 80px;}
.group-secn .group-title-area{text-align: center;}
.group-secn .group-title-area .theme-title-area{width: 100%;flex-direction: row;justify-content: center;align-items: center;gap: 15px;}
.group-secn .group-title-area .title-map{display: flex;flex-direction: row-reverse;}
.group-secn .group-title-area .title-map li{width: 20px;transition: 0.5s 0.5s;}
.group-secn .group-title-area .title-map li:first-child{width: 40px;}
.group-secn .group-title-area .title-map li img{width: 40px;aspect-ratio: 1/1;border: 2px solid #fff;border-radius: 50%;object-fit: cover;}
.group-secn .group-title-area:not(.show) .title-map li{width: 0;transition-delay: 0s;}
.group-secn .group-title-area:not(.show) .title-map li:first-child{width: 40px;}
/*---------------  ---------------*/
.group-secn .group-list-area{display: flex;flex-direction: column;gap: 20px;}
.group-secn .group-list-area .group-list-card{padding: 15px;min-height: 185px;background: var(--theme-color-gray);border-radius: 10px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;gap: 8px;}
.group-secn .group-list-area .group-list-card .group-list-left{padding: 10px 0 10px 30px;align-self: center;}
.group-secn .group-list-area .group-list-card .group-list-left .group-card-title{margin-bottom: 0;font-size: 26px;font-weight: 500;line-height: 1.2;color: #444;transition: 0.5s;}
.group-secn .group-list-area .group-list-card .group-list-left .hide-area{padding-top: 0;max-height: 0px;display: flex;flex-direction: row;gap: 30px;transition: max-height 0.5s 0s, padding 0.1s 0.2s;overflow-y: auto;}
.group-secn .group-list-area .group-list-card .group-list-left .hide-area::-webkit-scrollbar{width: 0px;}
.group-secn .group-list-area .group-list-card .group-list-left .hide-area ul{display: flex;flex-direction: column;gap: 8px;}
.group-secn .group-list-area .group-list-card .group-list-left .hide-area ul li a{color: #444;}
.group-secn .group-list-area .group-list-card .group-list-left .hide-area ul li a:hover{color: var(--theme-color-green);}
.group-secn .group-list-area .group-list-card .group-list-left .hide-area .icon{margin-right: 8px;width: 25px;height: 25px;object-fit: contain;}
.group-secn .group-list-area .group-list-card .group-list-left .hide-area .address{padding-left: 35px;font-size: 95%;line-height: 1.2;white-space: pre-line;position: relative;}
.group-secn .group-list-area .group-list-card .group-list-left .hide-area .address .icon{position: absolute;top: 0;left: 0;}
.group-secn .group-list-area .group-list-card .group-list-right{width: 150px;aspect-ratio: 2 / 1.3;border-radius: 10px;overflow: hidden;}
.group-secn .group-list-area .group-list-card .group-list-right img{width: 100%;height: 100%;transform: scale(1);object-fit: cover;transition: 0.5s;}
/*---------------  ---------------*/
.group-secn .group-list-area .group-list-card:hover .group-list-left .group-card-title{color: var(--theme-color-green);}
.group-secn .group-list-area .group-list-card:hover .group-list-left .hide-area{padding-top: 25px;max-height: 300px;transition: padding 0.1s, max-height 0.5s 0.03s ease;}



/* ================================================================================
        Contact Page
================================================================================ */
/*--------------- Contact Section ---------------*/
.contact-secn{padding-block: 80px;}
/*---------------  ---------------*/
.contact-area{display: flex;flex-direction: column;gap: 30px;}
.contact-area .contact-card{margin-bottom: 0;padding: 30px 25px 30px 25px;height: 100%;background: var(--theme-color-gray);border-radius: 10px;overflow: hidden;position: relative;transition: 0.5s;}
.contact-area .contact-card:last-child{margin-bottom: 0;}
.contact-area .contact-card::before{content: '';position: absolute;bottom: 0;right: 20px;height: 220px;max-height: 90%;aspect-ratio: 108 / 130;background: url(../img/icon.png) no-repeat right bottom;background-size: contain;filter: grayscale(1);opacity: 6%;}
.contact-area .contact-card::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: var(--theme-color-lightgreen);transition: 0.5s;}
.contact-area .contact-card .contact-card-header{margin-bottom: 15px;padding: 0 10px 10px;border-bottom: 1px solid rgb(0 0 0/15%);display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.contact-area .contact-card .contact-card-header .contact-card-title{margin-bottom: 0;font-size: 18px;font-weight: 700;line-height: 1.4;color: var(--theme-color-green);letter-spacing: 0.25px;text-transform: uppercase;}
.contact-area .contact-card .contact-card-header .contact-card-flag{margin-bottom: 0;width: 35px;aspect-ratio: 1/1;border-radius: 50%;overflow: hidden;}
.contact-area .contact-card .contact-card-header .contact-card-flag img{width: 100%;height: 100%;object-fit: cover;}
.contact-area .contact-card .contact-card-content{padding-inline: 10px;}
.contact-area .contact-card .contact-card-content .contact-card-subtitle{margin-bottom: 10px;font-size: 15px;font-weight: 600;line-height: 1.4;letter-spacing: 0.25px;text-transform: uppercase;}
.contact-area .contact-card .contact-card-content .contact-card-list{display: flex;flex-direction: column;align-items: flex-start;gap: 8px;}
.contact-area .contact-card .contact-card-content .contact-card-list li{padding-left: 30px;position: relative;font-size: 15px;font-weight: 500;color: var(--theme-color-dark);font-style: italic;line-height: 1.4;}
.contact-area .contact-card .contact-card-content .contact-card-list li a{color: var(--theme-color-dark);}
.contact-area .contact-card .contact-card-content .contact-card-list li .icon{margin-right: 5px;width: 20px;height: 21px;object-fit: contain;position: absolute;top: 0;left: 0;}
.contact-area .contact-card .contact-card-content .contact-card-list li.address{font-size: 14px;font-weight: 400;font-style: unset;}
.contact-area .contact-card .contact-card-content .contact-card-list li.address a{background: transparent;border: 1px solid var(--theme-color-darkgreen);border-radius: 3px;line-height: 1;transition: 0.5s;}
.contact-area .contact-card .contact-card-content .contact-card-list li.address a .map-icon{padding: 2px 2px;width: 20px;}
.contact-area .contact-card:hover{transform: translateY(-5px);}
.contact-area .contact-card:hover::after{background: var(--theme-color-green);}
.contact-area .contact-card .contact-card-content .contact-card-list li.address a:hover{background: var(--theme-color-darkgreen);}
.contact-area .contact-card .contact-card-content .contact-card-list li.address a:hover .map-icon{filter: brightness(0) invert(1) opacity(0.7);transition: 0.5s;}
/*--------------- Contact Form Section ---------------*/
.contact-form-secn{padding-block: 80px;background: var(--theme-color-gray);}
.contact-form-secn .contact-form-card{display: flex;flex-direction: row;}
.contact-form-secn .contact-form-card .contact-form-left{padding: 50px 45px;width: 40%;}
.contact-form-secn .contact-form-card .contact-form-area{padding: 50px 45px;width: 60%;background: var(--theme-color-green2);border-radius: 30px;position: relative; z-index: 0;}
.contact-form-secn .contact-form-card .contact-form-area::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/group-map.png) no-repeat center center;background-size: 85%;filter: brightness(0) invert(1);opacity: 15%;z-index: -1;}



/* ================================================================================
        News Page
================================================================================ */
/*--------------- News Section ---------------*/
.news-secn{padding-block: 80px;}



/* ================================================================================
        News Details Page
================================================================================ */
.news-details-secn{padding-block: 80px;}
.news-details-secn .news-details-area .theme-title-area{max-width: 85%;}
.news-details-secn .news-image{margin-bottom: 30px;width: 100%;border-radius: 10px;overflow: hidden;position: relative;}
.news-details-secn .news-image img{width: 100%;height: 100%;}
.news-details-secn .news-image .date{padding: 6px 10px;background: var(--theme-color-lightgreen);border-radius: 5px;font-size: 14px;color: #fff;font-weight: 500;line-height: 1;position: absolute;top: 18px;right: 20px;}
.news-details-secn .news-content{padding-right: 15px;}
.news-details-secn .news-content h4{margin-top: 25px;font-size: 22px;font-weight: 600;}
.news-details-secn .news-content h5{margin-top: 20px;font-size: 20px;font-weight: 600;}
.news-details-secn .news-content h6{margin-top: 15px;font-size: 18px;font-weight: 600;}
.news-details-secn .news-content .news-note{margin-bottom: 20px;padding: 10px 20px;background: var(--theme-color-light);border: 1px solid var(--theme-color-lightgreen);border-radius: 10px;}
.news-details-secn .news-content .news-note p{font-size: 15px;}
/*---------------  ---------------*/
.news-details-secn .latest-news-area{padding: 30px 20px;box-shadow: 1px 8px 15px 0 rgb(0 0 0 / 15%);border-radius: 10px;position: sticky;top: 10px;transition: 0.5s;}
.header-show .news-details-secn .latest-news-area{top: 130px;}
.news-details-secn .latest-news-area .main-title{margin-bottom: 15px;padding-left: 15px;width: 90%;font-size: 20px;font-weight: 700;line-height: 1.45;letter-spacing: 0.25px;text-transform: uppercase;}
.news-details-secn .latest-news-area .news-card{display: block;margin: 10px 0 0 0;padding: 10px 0 0;height: unset;background: transparent;box-shadow: unset;border-top: 1px solid var(--theme-color-gray);border-radius: unset;display: flex;flex-direction: row;align-items: center;gap: 15px;}
.news-details-secn .latest-news-area .news-card:nth-of-type(n+6){display: none;}
.news-details-secn .latest-news-area .news-card:nth-child(2){margin-top: 0;padding-top: 0;border-top: 0;}
.news-details-secn .latest-news-area .news-card .news-image{margin-bottom: 0;width: 150px;aspect-ratio: 2/1.3;border-radius: 5px;}
.news-details-secn .latest-news-area .news-card .news-image img{transition: 0.5s;}
.news-details-secn .latest-news-area .news-card .news-content{padding: 0;width: calc(100% - 165px);}
.news-details-secn .latest-news-area .news-card .news-content .date{margin: 0 0 10px;font-size: 12px;color: var(--theme-color-dark);}
.news-details-secn .latest-news-area .news-card .news-content .news-title{margin: 0;font-size: 16px;line-height: 1.1;color: var(--theme-color-dark);}
.news-details-secn .latest-news-area .news-card:hover{transform: unset;}
.news-details-secn .latest-news-area .news-card:hover .news-image img{transform: scale(1.1);}
.news-details-secn .latest-news-area .news-card:hover .news-content .news-title{color: var(--theme-color-green2);}



/* ================================================================================
        Event Details Page
================================================================================ */
.event-details-secn{padding-block: 80px;}
.event-details-secn .news-gallery-area{margin-top: 40px;}
.event-details-secn .news-gallery-area .gallery-card{width: 100%;aspect-ratio: 2/1.5;border-radius: 10px;overflow: hidden;position: relative;cursor: pointer;z-index: 0;transition: 0.5s;}
.event-details-secn .news-gallery-area .gallery-card::before{content: '';position: absolute;top: 50%;left: 50%; width: 50px;height: 50px;background: var(--theme-color-green2) url(../inner-img/icon-search.png) no-repeat center center;background-size: 50%;border-radius: 50%;transform: translate(-50%, -50%) scale(0);transition: 0.5s;z-index: 1;}
.event-details-secn .news-gallery-area .gallery-card .gallery-img{width: 100%;height: 100%;object-fit: cover;transition: 0.5s;}
.event-details-secn .news-gallery-area .gallery-card:hover{background: #000;}
.event-details-secn .news-gallery-area .gallery-card:hover::before{transform: translate(-50%, -50%) scale(1);}
.event-details-secn .news-gallery-area .gallery-card:hover .gallery-img{transform: scale(1.05) rotate(2deg);opacity: 0.75;}



/* ================================================================================
        Extra Page
================================================================================ */
.extra-secn{padding-block: 80px;}
.extra-secn .terms-content h2{margin: 25px 0 8px 0;font-size: 26px;font-weight: 500;line-height: 1.2;color: var(--theme-color-dark);}
.extra-secn .terms-content h3{margin: 20px 0 8px 0;font-size: 22px;font-weight: 600;line-height: 1.2;color: var(--theme-color-dark);}
.extra-secn .terms-content h4{margin: 15px 0 8px 0;font-size: 20px;font-weight: 600;line-height: 1.2;color: var(--theme-color-dark);}
.extra-secn .terms-content p{line-height: 1.4;}
.extra-secn .terms-content a{color: var(--theme-color-lightgreen);}
.extra-secn .terms-content ul li{position: relative;margin-bottom: 8px;padding: 0 0 0 15px;font-size: 16px;}
.extra-secn .terms-content ul li::before{content: '';position: absolute;top: 12px;left: 0;width: 5px;height: 5px;background: var(--theme-color-green);border-radius: 50%;}
/*---------------  ---------------*/
.thankyou-area{margin: 0 auto;max-width: 950px;text-align: center;}
.thankyou-area .theme-title-area{margin-bottom: 20px;}
.thankyou-area .theme-title-area .title{margin-bottom: 10px;font-size: 70px;color: var(--theme-color-lightgreen);font-weight: 600;line-height: 1;}
.thankyou-area .theme-title-area .main-title{color: var(--theme-color-dark);}
.extra-secn .text-link{color: var(--theme-color-green2);position: relative;}
.extra-secn .text-link::before{content: '';position: absolute;bottom: 3px;left: 0;width: 100%;height: 1px;background: var(--theme-color-lightgreen);transition: 0.5s;}
.extra-secn .text-link:hover::before{left: auto;right: 0;width: 0;}



/* ================================================================================
        Product Page
================================================================================ */
.product-area{padding-block: 70px 80px;position: relative;z-index: 0;}
/*--------------- Product Header Area ---------------*/
.product-area .product-header-area{margin-bottom: 20px;padding-block: 10px 20px;background: #fff;position: sticky;top: 0px;z-index: 1;overflow: hidden;display: flex;flex-wrap: wrap;flex-direction: column;/*flex-direction: row-reverse;*/justify-content: space-between;align-items: center;row-gap: 10px;transition: 0.5s;}
.product-area .pro-subcategory{width: fit-content;}
.product-area .pro-subcategory .pro-subcategory-title{margin: 0;padding: 10px 20px;font-size: 14px;font-weight: 600;color: var(--theme-color-dark);line-height: 1;border: 1px solid var(--theme-color-green2);border-radius: 25px;cursor: pointer;transition: 0.5s;}
.product-area .pro-subcategory .pro-subcategory-title:hover,
.product-area .pro-subcategory .pro-subcategory-title.active{background: var(--theme-color-green2);color: #fff;}
.header-show .product-area .product-header-area{top: 121px;}


.filter-list{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
.filter-list .item{border-right: 1px solid var(--theme-color-gray);}
.filter-list .item a{display: flex;flex-direction: row;align-items: center;gap: 10px;padding: 5px 15px;transition: 0.5s;}
.filter-list .item a img{width: 30px;aspect-ratio: 1.5 / 1;object-fit: cover;border-radius: 3px;}
.filter-list .item a p{font-size: 14px;color: var(--theme-color-dark);font-weight: 500;line-height: 1.1;white-space: pre-line;transition: 0.5s;}
.pro-country.owl-carousel .owl-stage{display: flex;align-items: center;}
.pro-country.owl-carousel .owl-stage:hover .item a{opacity: 50%;filter: grayscale(1);}
.pro-country.owl-carousel .owl-stage .item a.active{opacity: 50%;}
.pro-country.owl-carousel .owl-stage .item a:hover{opacity: 1;filter: unset;}
.pro-country.owl-carousel .owl-stage .item a:hover p{color: var(--theme-color-green);}
.pro-country.owl-carousel .owl-stage .owl-item:last-child .item{border-right: none;}
@media only screen and (min-width: 992px){
    .pro-country.owl-carousel .owl-stage-outer{display: flex;justify-content: center;}
    .pro-country.owl-carousel .owl-stage:hover .item a{display: flex;align-items: center;}
}
@media only screen and (max-width: 575px){
    .filter-list .item a{gap: 6px;padding: 2px 8px;}
    .filter-list .item a img{width: 25px;}
    .filter-list .item a p{font-size: 11px;line-height: 0.9;}
}



/*--------------- Product Search ---------------*/
.product-search{position: relative;width: 240px;height: 36px;z-index: 0;}
.product-search .search{position: absolute;top: 50%;right: 4px;bottom: 0;left: 0;margin: 0 0 0 auto;width: 30px;height: 30px;background: var(--theme-color-green);border-radius: 50%;transform: translateY(-50%);transition: all 1s;cursor: pointer;}
.product-search .search::before{content: "";position: absolute;top: 14px;right: 0;bottom: 0;left: 13px;margin: auto;width: 6px;height: 2px;background: #fff;transform: rotate(45deg);transition: all 0.5s;}
.product-search .search::after{content: "";position: absolute;top: 0;right: 2px;bottom: 0;left: 0;margin: auto;width: 14px;height: 14px;border-radius: 50%;border: 2px solid #fff;transition: all 0.5s;}
.product-search input{position: absolute;top: 0;right: 0;bottom: 0;left: auto;padding: 5px 38px 4px 0px;width: 36px;height: 36px;background: transparent;box-shadow: inset 0 0 0 1px var(--theme-color-gray);border: none;border-radius: 30px;font-size: 15px;color: var(--theme-color-green);font-weight: 500;transition: all 1s;opacity: 1;z-index: 1;cursor: pointer;}
.product-search input::placeholder{font-size: 14px;color: var(--theme-color-dark);font-weight: 600;letter-spacing: 0.8px;line-height: 1;opacity: 40%;}
.product-search input{padding: 3px 40px 3px 15px;width: 100%;background: #fff;box-shadow: inset 0 0 0 1px var(--theme-color-green);opacity: 1;cursor: text;}
.product-search .search{background: var(--theme-color-lightgreen);z-index: 2;}
/*--------------- Product Filtered Area ---------------*/
.product-area .filtered-area{margin: 20px 0 0 0;width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: center;gap: 10px;}
.product-area .filtered-area span{font-size: 14px;font-weight: 600;line-height: 1;}
.product-area .filtered-area .filtered-item{display: flex;flex-direction: row;align-items: center;gap: 12px;padding: 5px 5px 5px 15px;background: var(--theme-color-gray);border-radius: 15px;font-size: 15px;line-height: 1;}
.product-area .filtered-area .filtered-item .close{padding: 0;width: 22px;height: 22px;background: var(--theme-color-lightgreen);border: none;border-radius: 50%;font-size: 22px;color: #fff;font-weight: 300;line-height: 1;transform: rotate(45deg);transition: 0.5s;}
.product-area .filtered-area .filtered-item .close:hover{background: var(--theme-color-green2);}
.product-area .filtered-area .clear-btn{padding: 0 3px;background: transparent;border: none;font-size: 14px;color: #e4312c;font-weight: 500;position: relative;}
.product-area .filtered-area .clear-btn::before{content: '';position: absolute;right: 0;top: 50%;width: 0;height: 1px;background: #e4312c;transition: 0.5s;}
.product-area .filtered-area .clear-btn:hover::before{left: 0;right: auto;width: 100%;}
/*--------------- Product Card Area ---------------*/
.product-area .pro-card{padding: 50px 10px 20px;width: 100%;border: 1px solid var(--theme-color-gray);border-radius: 10px;position: relative;transition: 0.5s;z-index: 0;}
.product-area .pro-card::before{content: "";position: absolute;bottom: 0px;right: 20px;width: 30%;aspect-ratio: 108 / 130;filter: grayscale(1);opacity: 0.06;background: url(../img/icon.png) right bottom / contain no-repeat;transition: 0.5s;z-index: -1;}
.product-area .pro-card .pro-imgarea{margin-bottom: 30px;width: 100%;}
.product-area .pro-card .pro-imgarea img{display: block;margin: 0 auto;width: 100%;max-width: 230px;aspect-ratio: 230/135;/*width: 60%;aspect-ratio: 4/3;*/object-fit: contain;transition: 0.5s;}
.product-area .pro-card .pro-title{margin-bottom: 20px;font-size: 18px;font-weight: 600;line-height: 1.3;color: var(--theme-color-dark);text-align: center;text-transform: uppercase;transition: 0.5s;}
.product-area .pro-card .pro-title span{display: block;margin-top: 5px;min-height: 19px;font-size: 80%;color: var(--theme-color-green);font-weight: 500;line-height: 1;text-transform: none;}
.product-area .pro-card .theme-btn{display: block;margin: auto;padding-left: 50px;}
.product-area .pro-card .theme-btn.text-btn:before{padding-left: 50px;text-align: unset;}
.product-area .pro-card .theme-btn::after{content: '';position: absolute;top: calc(50% - 10px);left: 20px;width: 20px;height: 20px;background: url(../inner-img/cart.png) no-repeat center center;background-size: contain;filter: brightness(0) invert(1);}
.product-area .pro-card.added .theme-btn{/*filter: grayscale(1)opacity(50%);*/background: #a2a2a2;}
.product-area .pro-card.added .theme-btn::after{background: url(../inner-img/cart-remove.png) no-repeat center center;background-size: contain;}
.product-area .pro-card:hover{border-color: var(--theme-color-green);}
.product-area .pro-card:hover::before{width: 50%;filter: unset;opacity: 0.08;}
.product-area .pro-card:hover .pro-imgarea img{transform: scale(1.1);}
.product-area .pro-card:hover .pro-title{color: var(--theme-color-green2);}
.product-area .pro-card .theme-btn:hover{transform: translateY(0);}
.pro-card-link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*--------------- Product Add ---------------*/
.add-area{margin: 0 0 0 auto;width: 30px;height: 30px;position: absolute;top: 10px;right: 10px;z-index: 1;}
.add-area .pro-card-check[type="checkbox"]{position: absolute;opacity: 0;z-index: -1;}
.add-area label{display: inline-block;width: 100%;height: 100%;line-height: 1;cursor: pointer;}
.add-area label::before,
.add-area label::after{content: " ";position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;border-color: transparent;}
.add-area label::before{border: 1px solid var(--theme-color-lightgreen);border-radius: 5px;transition: 0.5s;}
.add-area .pro-card-check[type="checkbox"] + label::after{content: "\2714";font-size: 25px;color: var(--theme-color-darkgreen);line-height: 30px;text-align: center;-webkit-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);transition: 0.5s;}
.add-area .pro-card-check[type="checkbox"]:checked + label::after{-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.add-area:hover label::before{border: 1px solid var(--theme-color-green);}

/*======== Cart Count Area =========*/
.cart-count-area{width: 90px;height: 90px;background: var(--theme-color-darkgreen);border: 3px solid #fff;border-radius: 50%;position: fixed;bottom: 15vh;right: 1.6vw;z-index: 1;transition: 0.5s;cursor: pointer;}
.cart-count-area::before{content: '';position: absolute;top: 50%;left: 50%;width: 60%;max-width: 37px;aspect-ratio: 1 / 1;background: url(../inner-img/cart.png) no-repeat center center;background-size: contain;transform: translate(-50%, -40%);}
.cart-count-area .count{width: 25px;height: 25px;background: #fff;border: 1px solid var(--theme-color-darkgreen);border-radius: 50%;font-size: 13px;font-weight: 600;color: #444;line-height: 1;display: flex;justify-content: center;align-items: center;position: absolute;top: -5px;right: 8px;}
.cart-count-area:hover{background-color: var(--theme-color-green2) }
.cart-count-area:hover::before{animation: 1s wiggle ease infinite;}
@keyframes wiggle {
  0%{transform: translate(-50%, -40%) rotate(-3deg);}
  20%{transform: translate(-50%, -40%) rotate(20deg);}
  40%{transform: translate(-50%, -40%) rotate(-15deg);}
  60%{transform: translate(-50%, -40%) rotate(5deg);}
  90%{transform: translate(-50%, -40%) rotate(-1deg);}
  100%{transform: translate(-50%, -40%) rotate(0);}
}
.cart-count-area.add-anim{animation: cartBounce 0.6s ease-in-out;}
@keyframes cartBounce {
    0%{transform: scale(1);}
    30%{transform: scale(1.2);}
    50%{transform: scale(0.9);}
    70%{transform: scale(1.1);}
    100%{transform: scale(1);}
}

/*======== Cart Modal =========*/
.theme-modal.cart-modal .product-cart-list{margin-bottom: 30px;padding: 40px 30px 20px 30px;}
.theme-modal.cart-modal .product-cart-list .cart-list-title{margin: 0 0 20px 15px;font-size: 18px;font-weight: 600;line-height: 1.3;color: var(--theme-color-dark);text-transform: uppercase;}
.theme-modal.cart-modal .product-cart-list .cart-item{display: flex;flex-direction: row;justify-content: space-between;gap: 10px;padding: 8px 15px;border-bottom: 1px solid rgb(64 64 64 / 10%);}
.theme-modal.cart-modal .product-cart-list .cart-item:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.theme-modal.cart-modal .product-cart-list .cart-item .pro-title{font-size: 16px;font-weight: 600;line-height: 1.3;}
.theme-modal.cart-modal .product-cart-list .cart-item .pro-title span{display: inline-block;font-size: 90%;color: var(--theme-color-green);font-weight: 500;}
.theme-modal.cart-modal .product-cart-list .cart-item .pro-title span::before{content: '(';}
.theme-modal.cart-modal .product-cart-list .cart-item .pro-title span::after{content: ')';}
.theme-modal.cart-modal .product-cart-list .cart-item .pro-cart-btn{width: 28px;aspect-ratio: 1.2 / 1;border: 1px solid rgb(0 0 0 / 10%);border-radius: 3px;font-size: 14px;color: var(--theme-color-green);line-height: 1;display: flex;justify-content: center;align-items: center;transition: 0.5s;}
.theme-modal.cart-modal .product-cart-list .cart-item .pro-cart-btn:hover{background: var(--theme-color-green2);color: #fff;}

/*======== Cart Notification =========*/
.notification{position: fixed;top: -320px;left: 0;padding: 15px;width: 100%;background: var(--theme-color-darkgreen);box-shadow: 0 0 40px 0px rgb(0 0 0 / 25%);border-bottom: 1px solid #fff;overflow: hidden;z-index: 3;}
.notification.anim{-webkit-transition: top 0.6s ease-out;-moz-transition: top 0.6s ease-out;-ms-transition: top 0.6s ease-out;-o-transition: top 0.6s ease-out;transition: top 0.6s ease-out;}
.notification.active{top: 0;}
.notification .container{display: flex;flex-direction: row;justify-content: space-between;align-items: center;gap: 5px;}
.notification .msg{font-size: 16px;color: #fff;line-height: 1.4;font-weight: 400;}
.notification .actions{display: flex;flex-direction: row;align-items: center;gap: 5px;}
.notification .actions .theme-btn{background: var(--theme-color-lightgreen);color: var(--theme-color-darkgreen);}
.notification .actions .theme-btn:hover{transform: translateY(0);}
.notification .actions .theme-btn.border-btn{box-shadow: inset 0 0 0 1px var(--theme-color-lightgreen);color: #fff;}



/* ================================================================================
        Product Details Page
================================================================================ */
.product-area .product-desc-area{padding-bottom: 80px;}
.product-area .product-desc-area .pro-imgarea{padding: 50px;border: 1px solid var(--theme-color-gray);border-radius: 10px;}
.product-area .product-desc-area .pro-imgarea .item{width: 100%;aspect-ratio: 4/3;background: #fff;}
.product-area .product-desc-area .pro-imgarea img{display: block;margin: 0 auto;width: 100%;height: 100%;object-fit: contain;}
.product-area .product-desc-area .product-details-area{position: relative;}
.product-area .product-desc-area .product-details-area .add-area{position: relative;top: unset;right: unset;margin: 0 0 0 auto;}
.product-area .product-desc-area .product-details-area .pro-desc{margin-bottom: 30px;}
.product-area .product-desc-area .product-details-area .pro-desc li{padding: 3px 0 7px;line-height: 1.4; position: relative;}
.product-area .product-desc-area .product-details-area .pro-desc li::after{content: '';position: absolute;bottom: 0;left: 0;width: 10%;height: 1px;background: var(--theme-color-gray);}
.product-area .product-desc-area .product-details-area .pro-desc li:last-child:after{display: none;}
.product-area .product-desc-area .product-details-area .pro-desc li span{margin-right: 10px;font-size: 14px;font-weight: 600;color: var(--theme-color-lightgreen);}
.product-area .product-desc-area .product-details-area .btn-area{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;gap: 7px;}
/*--------------- Related Products ---------------*/
.product-area .related-secn .related-slider-area .related-slider .pro-card{padding: 30px 5px 12px;}
.product-area .related-secn .related-slider-area .related-slider .pro-card::before{right: 10px;width: 40%;}
.product-area .related-secn .related-slider-area .related-slider .pro-card .pro-imgarea{margin-bottom: 20px;}
.product-area .related-secn .related-slider-area .related-slider .pro-card .pro-imgarea img{max-width: 140px;}
.product-area .related-secn .related-slider-area .related-slider .pro-card .pro-title{margin-bottom: 0px;font-size: 16px;}
.product-area .related-secn .related-slider-area .related-slider .pro-card .pro-title span{margin-top: 2px;}
.product-area .related-secn .related-slider-area .related-slider .pro-card:hover::before{width: 60%;}



/* ================================================================================
        Product Cart Page
================================================================================ */
.cart-area{padding-block: 80px;}
.cart-area .theme-title-area{margin-bottom: 24px;}
.cart-area .theme-title-area.left-padding{margin-left: 30px;}
.cart-area .theme-title-area .main-title{font-size: 26px;font-weight: 600;line-height: 1.2;}
/*---------------  ---------------*/
.cart-right .cart-total{padding: 20px;border: 1px solid rgb(64 64 64/10%);border-radius: 10px;}
.cart-right .cart-total .cart-total-header{display: flex;flex-direction: row;border-bottom: 1px solid var(--theme-color-gray);}
.cart-right .cart-total .cart-total-header li{padding: 5px 10px;font-size: 14px;font-weight: 600;color: var(--theme-color-lightgreen);text-transform: uppercase;}
.cart-right .cart-total .cart-total-header li:first-child{width: calc(100% - 150px);}
.cart-right .cart-total .cart-total-header li:last-child{width: 150px;text-align: center;}
.cart-right .cart-total .cart-total-body .cart-item{display: flex;flex-direction: row;align-items: center}
.cart-right .cart-total .cart-total-body .cart-item li{padding: 8px 10px;}
.cart-right .cart-total .cart-total-body .cart-item li:first-child{width: calc(100% - 150px);}
.cart-right .cart-total .cart-total-body .cart-item li:last-child{width: 150px;text-align: center;}
.cart-right .cart-total .cart-total-body .cart-item .pro-title{font-size: 16px;font-weight: 600;line-height: 1.3;}
.cart-right .cart-total .cart-total-body .cart-item .pro-title span{display: inline-block;font-size: 90%;color: var(--theme-color-green);font-weight: 500;}
.cart-right .cart-total .cart-total-body .cart-item .pro-title span::before{content: '(';}
.cart-right .cart-total .cart-total-body .cart-item .pro-title span::after{content: ')';}
.cart-right .cart-total .cart-total-body .cart-item .cart-pro-number{margin: 0 auto;padding: 0 8px;width: 100px;border-width: 1px;border-radius: 5px;}
.cart-right .cart-total .cart-total-footer{display: flex;flex-direction: row;border-top: 1px solid var(--theme-color-gray);}
.cart-right .cart-total .cart-total-footer li{padding: 5px 10px;font-size: 16px;font-weight: 600;text-transform: uppercase;}
.cart-right .cart-total .cart-total-footer li span{margin-left: 3px;font-size: 90%;text-transform: capitalize;}
.cart-right .cart-total .cart-total-footer li:first-child{width: calc(100% - 150px);}
.cart-right .cart-total .cart-total-footer li:last-child{width: 150px;text-align: center;}
.cart-right .cart-condition{padding: 15px 30px 15px 30px;}
.cart-right .cart-condition p{font-size: 15px;}
.cart-right .theme-btn{display: block;margin-top: 20px;width: 100%;border: none;text-align: center;}