@import url('bootstrap.min.css');
 @import url('swiper-bundle.min.css');


 @font-face {
       font-family: 'General Sans';
       src: url('../font/GeneralSans-Regular.eot');
       src: url('../font/GeneralSans-Regular.eot?#iefix') format('embedded-opentype'),
             url('../font/GeneralSans-Regular.woff2') format('woff2'),
             url('../font/GeneralSans-Regular.woff') format('woff'),
             url('../font/GeneralSans-Regular.ttf') format('truetype'),
             url('../font/GeneralSans-Regular.svg#GeneralSans-Regular') format('svg');
       font-weight: normal;
       font-style: normal;
       font-display: swap;
 }

 @font-face {
       font-family: 'General Sans';
       src: url('../font/GeneralSans-Medium.eot');
       src: url('../font/GeneralSans-Medium.eot?#iefix') format('embedded-opentype'),
             url('../font/GeneralSans-Medium.woff2') format('woff2'),
             url('../font/GeneralSans-Medium.woff') format('woff'),
             url('../font/GeneralSans-Medium.ttf') format('truetype'),
             url('../font/GeneralSans-Medium.svg#GeneralSans-Medium') format('svg');
       font-weight: 500;
       font-style: normal;
       font-display: swap;
 }

 @font-face {
       font-family: 'General Sans';
       src: url('../font/GeneralSans-Semibold.eot');
       src: url('../font/GeneralSans-Semibold.eot?#iefix') format('embedded-opentype'),
             url('../font/GeneralSans-Semibold.woff2') format('woff2'),
             url('../font/GeneralSans-Semibold.woff') format('woff'),
             url('../font/GeneralSans-Semibold.ttf') format('truetype'),
             url('../font/GeneralSans-Semibold.svg#GeneralSans-Semibold') format('svg');
       font-weight: 600;
       font-style: normal;
       font-display: swap;
 }

 @font-face {
       font-family: 'General Sans';
       src: url('../font/GeneralSans-Bold.eot');
       src: url('../font/GeneralSans-Bold.eot?#iefix') format('embedded-opentype'),
             url('../font/GeneralSans-Bold.woff2') format('woff2'),
             url('../font/GeneralSans-Bold.woff') format('woff'),
             url('../font/GeneralSans-Bold.ttf') format('truetype'),
             url('../font/GeneralSans-Bold.svg#GeneralSans-Bold') format('svg');
       font-weight: bold;
       font-style: normal;
       font-display: swap;
 }



 /* Custom Reset */
 body {
       font-family: 'General Sans';
 }


 .wrapper {
       overflow: hidden;
 }

 a.active,
 a:focus,
 button:focus,
 button.active {
       outline: none;
 }

 a {
       text-decoration: none;
 }

 a:focus,
 a:hover,
 a:active {
       outline: 0;
       box-shadow: none;
 }

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

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
       margin: 0;
       padding: 0;
       font-family: 'General Sans';
 }

 a {
       text-decoration: none;
       transition: all 0.5s ease-in-out;
 }

 a:hover {
       text-decoration: none;
 }

 ul,
 ol {
       margin: 0;
       padding: 0;
       list-style: none;
 }

 ul li {
       list-style: none;
 }

 p {
       margin: 0;
       padding: 0;
 }

 input:focus,
 select:focus,
 textarea:focus {
       outline: none;
 }

 img {
       border-style: none;
       display: inline-block;
       max-width: 100%;
       height: auto;
 }

 /* ==== navbar = */

 .header-top {
       background-color: #073A09;
       padding: 14px 52px;
 }

 .header-top .media {
       display: flex;
       align-items: center;
       justify-content: space-between;
 }

 .location-btn {
       display: flex;
       align-items: center;
       color: #fff;
       font-weight: normal;
       font-size: 16px;
       line-height: 1;
       gap: 10px;
 }

 .header-top .media ol {
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 52px;
 }

 .dropdown-btn {
       display: flex;
       align-items: center;
       color: #fff;
       font-weight: normal;
       font-size: 16px;
       line-height: 1;
       gap: 6px;
 }

 /**** HEADER BOTTOM *****/
 .header-bottom {
       background-color: #004E03;
       padding: 18px 52px;
 }

 .navbar {
       padding: 0;
 }

 .navbar .media {
       display: flex;
       align-items: center;
 }

 .navbar-brand {
       padding: 0;
       margin: 0 48px 0 0px;
       display: flex;
       align-items: center;
 }

 .categories-dropdown {
       display: flex;
       align-items: center;
       justify-content: center;
       color: #fff;
       font-weight: 600;
       font-size: 16px;
       text-decoration: none;
       line-height: 1;
       text-transform: uppercase;
       gap: 14px;
       background-color: #F58221;
       border-radius: 100px;
       height: 48px;
       width: 202px;
 }

 .product-search {
       width: 720px;
       margin-left: 18px;
 }

 .product-search form {
       position: relative;
 }

 .product-search form .form-control {
       background-color: #fff;
       border-radius: 100px;
       height: 48px;
       box-shadow: none;
       border: none;
       color: #02053A;
       font-weight: normal;
       font-size: 14px;
       line-height: 1;
       padding-left: 18px;
       padding-right: 60px;
 }

 .product-search form .form-control::placeholder {
       color: #02053A;
 }

 .search-icon {
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 50%;
       width: 36px;
       background-color: #F58221;
       height: 36px;
       position: absolute;
       top: 50%;
       transform: translate(0, -50%);
       right: 6px;
 }

 .navbar-nav {
       gap: 36px;
 }

 .navbar-nav .nav-item .nav-link {
       padding: 0;
       color: #fff;
       font-weight: normal;
       font-size: 16px;
       line-height: 1;
       display: flex;
       align-items: center;
 }

 .navbar-nav .nav-item .nav-link:hover {
       color: #F58221;
 }

 .header-right {
       margin-left: 50px;
 }

 .header-right ul {
       display: flex;
       gap: 27px;
       align-items: center;
 }

 .header-right ul li a {
       display: flex;
       align-items: center;
       position: relative;
 }

 .header-right ul li a span {
       width: 14px;
       height: 14px;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 50%;
       color: #fff;
       font-weight: 600;
       font-size: 10px;
       line-height: 1;
       background-color: #F58221;
       position: absolute;
       right: -3px;
       top: -7px;
 }

 /****** BANNER SEC *****/
 .banner-sec {
       background: linear-gradient(90deg, #C5FFF8 0%, #5FBDFF 100%);
       padding: 52px 0 0 0;
 }

 .banner-sec .text-box {
       margin: 55px 0 0 0;
       max-width: 688px;
       width: 100%;
 }

 .banner-sec .text-box h1 {
       color: #000000;
       font-weight: 600;
       font-size: 60px;
       line-height: 68px;
 }

 .banner-sec .text-box p {
       color: #000000;
       font-weight: normal;
       font-size: 24px;
       line-height: 24px;
       margin: 18px 0 48px 0;
 }

 .shop-btn {
       color: #fff;
       text-transform: uppercase;
       font-weight: bold;
       font-size: 16px;
       line-height: 1;
       display: inline-flex;
       align-items: center;
       justify-content: center;
       background-color: #F58221;
       border-radius: 120px;
       height: 60px;
       padding: 0 55px;
 }

 .shop-btn:hover {
       background-color: #439F47;
 }

 /***** CATRGORY SEC ******/
 .category-inner {
       background-color: #fff;
       border-radius: 24px;
       padding: 30px;
       margin-top: -85px;
 }

 .category-box a {
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
       gap: 16px;
 }

 .category-box a span {
       width: 90px;
       height: 90px;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 24px;
 }

 .category-box a p {
       color: #02053A;
       font-size: 22px;
       font-weight: normal;
       line-height: 1;
 }

 .green-bg {
       background-color: #0A6847;
 }

 .light-green-bg {
       background-color: #219C90;
 }

 .brown-bg {
       background-color: #948979;
 }

 .blue-gem-bg {
       background-color: #4A249D;
 }

 .orange-bg {
       background-color: #FF7F3E;
 }

 .sky-bkue-bg {
       background-color: #1B9BFF;
 }

 .red-bg {
       background-color: #FF204E;
 }

 .dark-blue-bg {
       background-color: #102C57;
 }

 .summer-sky-bg {
       background-color: #3ABEF9;
 }

 .rose-bg {
       background-color: #FF5BAE;
 }

 .neon-blue-bg {
       background-color: #615EFC;
 }

 .parrot-green-bg {
       background-color: #508D4E;
 }

 /***** ARRIVED SEC *****/
 .arrived-sec {
       padding: 71px 0 64px 0;
 }

 .title {
       display: flex;
       align-items: center;
       justify-content: space-between;
       position: relative;
       z-index: 10;
 }

 .title h2 {
       color: #02053A;
       font-size: 36px;
       font-weight: 600;
       line-height: 1;
 }

 .see-more {
       display: flex;
       align-items: center;
       color: #02053A;
       font-size: 18px;
       font-weight: normal;
       line-height: 1;
       gap: 12px;
 }

 .arrived-inner {
       padding: 36px 0 0;
 }

 /**** PRODUCT BOX  *****/

 .product-box .image-holder {
       position: relative;
       border-radius: 18px;
       padding: 22px 15px;
       width: 100%;
       max-width: 254px;
 }


 .product-img {
       display: flex;
       align-items: center;
       justify-content: center;
 }

 .light-red-bg {
       background-color: rgb(255, 32, 78, 0.06);
 }

 .light-orange-bg {
       background-color: rgb(255, 126, 61, 0.12);
 }

 .light-gray-bg {
       background-color: rgb(148, 137, 120, 0.12);
 }

 .light-blue-bg {
       background-color: rgb(10, 104, 71, 0.12);
 }

 .light-blue-gem-bg {
       background-color: rgb(74, 36, 157, 0.12);
 }


 .discount-tag {
       color: #fff;
       font-size: 14px;
       line-height: 1;
       font-weight: 600;
       display: inline-flex;
       align-items: center;
       justify-content: center;
       height: 30px;
       border-radius: 100px;
       padding: 0 11px;
       background-color: #00B6B9;
       position: absolute;
       top: 12px;
       left: 12px;
 }

 .heart-like {
       display: flex;
       align-items: center;
       justify-content: center;
       position: absolute;
       top: 18px;
       right: 17px;
 }

 .product-box .text-box {
       padding: 18px 0 0 0;
 }

 .product-box .text-box p {
       color: #02053A;
       font-weight: normal;
       font-size: 16px;
       line-height: 1;
       display: flex;
       gap: 6px;
       align-items: center;
 }

 .product-box .text-box h4 {
       color: #02053A;
       font-weight: normal;
       font-size: 18px;
       line-height: 26px;
       margin: 14px 0 10px 0;
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 2;
 }

 .product-box .text-box ul {
       display: flex;
       gap: 12px;
       align-items: center;
 }

 .product-box .text-box ul li {
       color: #02053A;
       font-weight: 600;
       font-size: 20px;
       line-height: 1;
 }

 .product-box .text-box ul li span {
       font-weight: normal;
       color: #808080;
       text-decoration: line-through;
 }

 /**** FASTIVE SEC *****/
 .festive-sec {
       background: url(../images/fastive-bg.png) no-repeat;
       background-position: center center;
       background-size: cover;
       padding: 72px 0;
       position: relative;
 }

 .fastive-shape-top {
       position: absolute;
       top: 23px;
       right: 24px;
 }

 .fastive-shape-bottom {
       position: absolute;
       left: 24px;
       bottom: 23px;
 }

 .nav-tab .nav-pills {
       border: 1px solid #F2FFEE;
       background-color: #fff;
       padding: 10px;
       border-radius: 100px;
       gap: 26px;
 }

 .nav-tab .nav-item .nav-link {
       color: #02053A;
       font-size: 14px;
       line-height: 1;
       font-weight: normal;
       display: flex;
       align-items: center;
       justify-content: center;
       padding: 0 13.5px;
       height: 30px;
       border-radius: 26px;
 }

 .nav-tab .nav-item .nav-link.active {
       background-color: #439F47;
       font-weight: 600;
       color: #fff;
 }

 .festive-inner {
       margin-top: 36px;
       position: relative;
       z-index: 10;
 }

 .product-box.product-dark-box {
       background-color: #fff;
       border-radius: 18px;
       text-align: center;
 }

 .product-box.product-dark-box .image-holder {
       padding: 0;
 }

 .product-box.product-dark-box .text-box {
       padding: 18px 0 14px 0;
 }

 .product-box.product-dark-box .text-box p {
       justify-content: center;
 }

 .product-box.product-dark-box .text-box ul {
       justify-content: center;
 }

 /****** ADVERTISEMENT SEC ********/
 .advertisement-sec {
       padding: 108px 0 55px;
 }

 .advertisement-inner {
       display: flex;
       align-items: center;
       gap: 30px;
       justify-content: space-between;
 }

 .advertisement-inner .image-holder a {
       display: flex;
       align-items: center;
 }

 /****** BEST SELLER SEC ******/
 .best-seller-sec {
       padding: 55px 0;
 }

 .best-seller-inner {
       margin: 36px 0 0 0;
 }

 .seller-box a,
 .seller-box span {
       display: flex;
       align-items: center;
       flex-direction: column;
 }

 .seller-box h4 {
       color: #02053A;
       text-align: center;
       font-weight: 500;
       font-size: 24px;
       line-height: 1;
       margin: 12px 0 0 0;
 }

 /****** DECORE SEC ******/
 .decore-sec {
       padding: 35px 0 82px;
 }

 /***** ADD SEC ******/
 .adds-sec a {
       display: flex;
       align-items: center;
 }

 .adds-left {
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: space-between;
       height: 100%;
 }

 .adds-right {
       display: grid;
       grid-template-columns: 6fr 6fr;
       gap: 30px;
 }

 .adds-right .image-holder img {
       width: 100%;
 }

 /***** ORGANIC FOOD SEC ******/
 .organic-foods-sec {
       padding: 90px 0 84px;
 }

 .swiper-grid-column>.swiper-wrapper {
       flex-wrap: wrap;
       flex-direction: row;
 }

 .organic-foods-sec .swiper-slide {
       margin-top: 0 !important;
 }

 /***** RECENT CATEGOTIES SEC ******/
 .recent-categories-box {
       border-radius: 18px;
       padding: 24px;
       height: 100%;
 }

 .recent-categories-box h4 {
       color: #02053A;
       font-weight: 600;
       font-size: 28px;
       line-height: 1;
 }

 .wanted-bg {
       background-color: rgb(234, 0, 29, 0.18);
 }

 .recent-categories-box ul {
       display: grid;
       grid-template-columns: 6fr 6fr;
       gap: 22px;
       margin: 20px 0 0;
 }

 .recent-categories-box .category-box span {
       width: 164px;
       height: 164px;
       border-radius: 18px;
 }

 .recent-categories-box .category-box a p {
       font-weight: 500;
       font-size: 20px;
       line-height: 1;
 }

 .categories-bg {
       background-color: rgb(245, 130, 33, 0.24);
 }

 .products-bg {
       background-color: #A8E9F7;
 }

 .recent-add a {
       display: flex;
       align-items: center;
       height: 100%;
 }

 .recent-add img {
       height: 100%;
       object-fit: cover;
       border-radius: 18px;
 }

 /**** BOOKS SEC *****/
 .books-sec {
       padding: 90px 0;
 }

 .music-collection-left {
       display: grid;
       grid-template-columns: 4fr 4fr 4fr;
       gap: 30px;
       margin: 35px 0 0 0;
 }

 .music-collection-right {
       height: 100%;
 }

 .music-collection-right img {
       height: 100%;
       border-radius: 18px;
       object-fit: cover;
 }

 /***** PROMOTION SEC *****/
 .promotions-sec {
       padding: 80px 0;
 }

 .promotions-box .image-holder {
       position: relative;
 }

 .promotions-box .image-holder a {
       display: flex;
       align-items: center;
       justify-content: center;
 }

 .price-tag {
       border: 10px solid #fff;
       border-radius: 23px;
       background-color: #F58221;
       display: flex;
       align-items: center;
       justify-content: center;
       flex-direction: column;
       font-size: 20px;
       color: #fff;
       line-height: 1;
       font-weight: 600;
       width: 92px;
       height: 92px;
       position: absolute;
       left: 50%;
       transform: translate(-50%, 0);
       bottom: -30px;
 }

 .price-tag span {
       display: block;
       font-size: 14px;
       margin: 6px 0 0 0;
 }

 .promotions-box .text-box {
       margin: 28px 0px 0 0;
       text-align: center;
 }

 .promotions-box .text-box h4 {
       color: #02053A;
       font-weight: 500;
       font-size: 24px;
       line-height: 32px;
       margin-bottom: 8px;
 }

 .promotions-box .text-box p {
       color: #808080;
       font-size: 20px;
       font-weight: normal;
       line-height: 1;
 }

 /***** FOOTER ******/
 footer {
       background-color: #073A09;
 }

 .footer-inner {
       padding: 90px 0;
 }

 .footer-logo {
       display: flex;
       align-items: center;
 }

 .footer-left p {
       color: #fff;
       font-size: 18px;
       font-weight: normal;
       line-height: 26px;
       margin: 11px 0 38px;
       max-width: 381px;
       width: 100%;
 }

 .footer-left ul {
       display: flex;
       gap: 12px;
       align-items: center;
 }

 .footer-left ul li a {
       display: flex;
       align-items: center;
       justify-content: center;
       border: 1px solid #fff;
       border-radius: 50%;
       width: 48px;
       height: 48px;
 }

 .footer-left ul li a:hover {
       background-color: #F58221;
       border-color: #F58221;
 }

 .footer-right {
       display: grid;
       grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
       padding-left: 88px;
 }

 .footer-link h4 {
       color: #fff;
       font-weight: 600;
       font-size: 24px;
       line-height: 1;
       margin-bottom: 32px;
 }

 .footer-link ul li {
       display: flex;
       align-items: flex-start;
       margin-bottom: 26px;
 }

 .footer-link ul li:last-child {
       margin: 0;
 }

 .footer-link ul li a {
       color: #fff;
       font-weight: normal;
       font-size: 18px;
       line-height: 1;
       display: flex;
       flex: 1;
       align-items: center;
 }

 .footer-link ul li a:hover {
       color: #F58221;
 }

 .footer-link ul li span {
       width: 20px;
       display: flex;
       align-items: center;
       justify-content: center;
       margin: 4px 9px 0 0;
 }

 .footer-link ul li p {
       color: #fff;
       font-weight: normal;
       font-size: 18px;
       line-height: 26px;
       display: flex;
       align-items: center;
       max-width: 240px;
       flex: 1;
       width: 100%;
 }

 /****** COPYRIGHT ******/
 .copyright {
       background-color: #004E03;
       padding: 24px 0;
 }

 .copyright-inner {
       display: flex;
       align-items: center;
       justify-content: space-between;
 }

 .language-dropdown ol {
       display: flex;
       align-items: center;
       gap: 12px;
 }

 .language-btn {
       background-color: rgb(255, 255, 255, 0.12);
       border-radius: 12px;
       height: 48px;
       display: flex;
       align-items: center;
       justify-content: space-between;
       color: #fff;
       width: 180px;
       font-size: 18px;
       line-height: 1;
       padding: 0 18px;
       font-weight: normal;
 }

 .copyright-inner p {
       color: #fff;
       font-weight: normal;
       font-size: 18px;
       line-height: 1;
 }

 .payment-card ul {
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 12px;
 }

 .payment-card ul li a {
       display: flex;
       align-items: center;
 }

 /***** DROPDOWN *****/
 .dropdown-menu {
       min-width: 70px;
       width: 100%;
       padding: 10px 0;
       background-color: #073A09;
       border: 1px solid #004E03;
       border-radius: 5px; 
 }
 .dropdown-menu.categories-menu{
      border: 1px solid #F58221;
      background-color: #F58221;
 }
 .dropdown-menu.categories-menu .dropdown-item:hover{
      color: #073A09;
 }
 .dropdown-menu li {
       margin-bottom: 5px;
 }

 .dropdown-menu li:last-child {
       margin: 0;
 }

 .dropdown-menu li:first-child .dropdown-item {
       border-radius: 5px 5px 0 0;
 }

 .dropdown-menu li:last-child .dropdown-item {
       border-radius: 0 0 5px 5px;
 }

 .dropdown-item {
       padding: 7px 10px;
       color: #fff;
       font-size: 18px;
       font-weight: 500;
       line-height: 1;
 }

 .dropdown-item:hover {
       background-color: transparent;
       color: #F58221;
 }

 .dropdown-item.active {
       background-color: #F58221;
       color: #fff;
 }