/**

* Template Name: AgriCulture

* Template URL: https://bootstrapmade.com/agriculture-bootstrap-website-template/

* Updated: Jun 29 2024 with Bootstrap v5.3.3

* Author: BootstrapMade.com

* License: https://bootstrapmade.com/license/

*/



/*--------------------------------------------------------------

# Font & Color Variables

# Help: https://bootstrapmade.com/color-system/

--------------------------------------------------------------*/

/* Fonts */

@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

:root {

  --default-font: "Mulish", sans-serif;

  --heading-font:"Mulish", sans-serif;

  --nav-font: "Mulish", sans-serif;

}



/* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */

:root { 

  --background-color: #ffffff; /* Background color for the entire website, including individual sections */

  --default-color: #212529; /* Default color used for the majority of the text content across the entire website */

  --heading-color: #000000; /* Color for headings, subheadings and title throughout the website */

  --accent-color: #000000; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */

  --surface-color: #ffffff; /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */

  --contrast-color: #ffffff; /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */

}



/* Nav Menu Colors - The following color variables are used specifically for the navigation menu. They are separate from the global colors to allow for more customization options */

:root {

  --nav-color: #000000;  /* The default color of the main navmenu links */

  --nav-hover-color: #000000; /* Applied to main navmenu links when they are hovered over or active */

  --nav-mobile-background-color: #ffffff; /* Used as the background color for mobile navigation menu */

  --nav-dropdown-background-color: #ffffff; /* Used as the background color for dropdown items that appear when hovering over primary navigation items */

  --nav-dropdown-color: #212529; /* Used for navigation links of the dropdown items in the navigation menu. */

  --nav-dropdown-hover-color: #000000; /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */

}



/* Color Presets - These classes override global colors when applied to any section or element, providing reuse of the sam color scheme. */



.light-background {

  --background-color: #f9f9f9;

  --surface-color: #ffffff;

}



.dark-background {

  --background-color: #060606;

  --default-color: #ffffff;

  --heading-color: #ffffff;

  --accent-color: #6f7c85;

  --surface-color: #252525;

  --contrast-color: #ffffff;

}



/* Smooth scroll */

:root {

  scroll-behavior: smooth;

}



/*--------------------------------------------------------------

# General Styling & Shared Classes

--------------------------------------------------------------*/

body {

  color: var(--default-color);

  background-color: var(--background-color);

  font-family: var(--default-font);

}



a {

  color: var(--accent-color);

  text-decoration: none;

  transition: 0.3s;

}



a:hover {

  color: color-mix(in srgb, var(--accent-color), transparent 25%);

  text-decoration: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  color: var(--heading-color);

  font-family: var(--heading-font);

}



/* PHP Email Form Messages

------------------------------*/

.php-email-form .error-message {

  display: none;

  background: #df1529;

  color: #ffffff;

  text-align: left;

  padding: 15px;

  margin-bottom: 24px;

  font-weight: 600;

}



.php-email-form .sent-message {

  display: none;

  color: #ffffff;

  background: #059652;

  text-align: center;

  padding: 15px;

  margin-bottom: 24px;

  font-weight: 600;

}



.php-email-form .loading {

  display: none;

  background: var(--surface-color);

  text-align: center;

  padding: 15px;

  margin-bottom: 24px;

}



.php-email-form .loading:before {

  content: "";

  display: inline-block;

  border-radius: 50%;

  width: 24px;

  height: 24px;

  margin: 0 10px -6px 0;

  border: 3px solid var(--accent-color);

  border-top-color: var(--surface-color);

  animation: php-email-form-loading 1s linear infinite;

}



@keyframes php-email-form-loading {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



/* Pulsating Play Button

------------------------------*/

.pulsating-play-btn {

  width: 94px;

  height: 94px;

  background: radial-gradient(var(--accent-color) 50%, color-mix(in srgb, var(--accent-color), transparent 75%) 52%);

  border-radius: 50%;

  display: block;

  position: relative;

  overflow: hidden;

}



.pulsating-play-btn:before {

  content: "";

  position: absolute;

  width: 120px;

  height: 120px;

  animation-delay: 0s;

  animation: pulsate-play-btn 2s;

  animation-direction: forwards;

  animation-iteration-count: infinite;

  animation-timing-function: steps;

  opacity: 1;

  border-radius: 50%;

  border: 5px solid color-mix(in srgb, var(--accent-color), transparent 30%);

  top: -15%;

  left: -15%;

  background: rgba(198, 16, 0, 0);

}



.pulsating-play-btn:after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateX(-40%) translateY(-50%);

  width: 0;

  height: 0;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

  border-left: 15px solid #fff;

  z-index: 100;

  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);

}



.pulsating-play-btn:hover:before {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateX(-40%) translateY(-50%);

  width: 0;

  height: 0;

  border: none;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

  border-left: 15px solid #fff;

  z-index: 200;

  animation: none;

  border-radius: 0;

}



.pulsating-play-btn:hover:after {

  border-left: 15px solid var(--accent-color);

  transform: scale(20);

}



@keyframes pulsate-play-btn {

  0% {

    transform: scale(0.6, 0.6);

    opacity: 1;

  }



  100% {

    transform: scale(1, 1);

    opacity: 0;

  }

}



/*--------------------------------------------------------------

# Global Header

--------------------------------------------------------------*/

.header {

  color: var(--default-color);

  background-color: var(--background-color);

  padding: 10px 0;

  transition: all 0.5s;

  z-index: 997;

}



.header .logo {

  line-height: 1;

}



.header .logo img {

  /*max-height: 35px;*/

  max-height: 76px; /*58px;*/

  margin-right: 8px;

}



.header .logo h1 {

  font-size: 30px;

  margin: 0;

  font-weight: 700;

  color: var(--heading-color);

}



.scrolled .header {

  box-shadow: 0px 0 18px color-mix(in srgb, var(--default-color), transparent 85%);

}



/*--------------------------------------------------------------

# Navigation Menu

--------------------------------------------------------------*/

/* Navmenu - Desktop */

@media (min-width: 1200px) {

  .navmenu {

    padding: 0;

  }



  .navmenu ul {

    margin: 0;

    padding: 0;

    display: flex;

    list-style: none;

    align-items: center;

  }



  .navmenu li {

    position: relative;

  }



  .navmenu a,

  .navmenu a:focus {

    color: var(--nav-color);

    padding: 18px 15px;

    /*font-size: 16px;*/

	font-size: 18px;

    font-family: var(--nav-font);

    font-weight: 400;

    display: flex;

    align-items: center;

    justify-content: space-between;

    white-space: nowrap;

    transition: 0.3s;

  }



  .navmenu a i,

  .navmenu a:focus i {

    font-size: 12px;

    line-height: 0;

    margin-left: 5px;

    transition: 0.3s;

  }



  .navmenu li:last-child a {

    padding-right: 0;

  }



  .navmenu li:hover>a,

  .navmenu .active,

  .navmenu .active:focus {

    color: var(--nav-hover-color);

  }



  .navmenu .dropdown ul {

    margin: 0;

    padding: 10px 0;

    background: var(--nav-dropdown-background-color);

    display: block;

    position: absolute;

    visibility: hidden;

    left: 14px;

    top: 130%;

    opacity: 0;

    transition: 0.3s;

    border-radius: 4px;

    z-index: 99;

    box-shadow: 0px 0px 30px color-mix(in srgb, var(--default-color), transparent 85%);

  }



  .navmenu .dropdown ul li {

    min-width: 200px;

  }



  .navmenu .dropdown ul a {

    padding: 10px 20px;

    font-size: 15px;

    text-transform: none;

    color: var(--nav-dropdown-color);

  }



  .navmenu .dropdown ul a i {

    font-size: 12px;

  }



  .navmenu .dropdown ul a:hover,

  .navmenu .dropdown ul .active:hover,

  .navmenu .dropdown ul li:hover>a {

    color: var(--nav-dropdown-hover-color);

  }



  .navmenu .dropdown:hover>ul {

    opacity: 1;

    top: 100%;

    visibility: visible;

  }



  .navmenu .dropdown .dropdown ul {

    top: 0;

    left: -90%;

    visibility: hidden;

  }



  .navmenu .dropdown .dropdown:hover>ul {

    opacity: 1;

    top: 0;

    left: -100%;

    visibility: visible;

  }

}



/* Navmenu - Mobile */

@media (max-width: 1199px) {

  .mobile-nav-toggle {

    color: var(--nav-color);

    font-size: 28px;

    line-height: 0;

    margin-right: 0px; /*10px;*/

    cursor: pointer;

    transition: color 0.3s;

  }



  .navmenu {

    padding: 0;

    z-index: 9997;

  }



  .navmenu ul {

    display: none;

    position: absolute;

    inset: 60px 20px 20px 20px;

    padding: 10px 0;

    margin: 0;

    border-radius: 6px;

    background-color: var(--nav-mobile-background-color);

    overflow-y: auto;

    transition: 0.3s;

    z-index: 9998;

    box-shadow: 0px 0px 30px color-mix(in srgb, var(--default-color), transparent 90%);

  }



  .navmenu a,

  .navmenu a:focus {

    color: var(--nav-dropdown-color);

    padding: 10px 20px;

    font-family: var(--nav-font);

    font-size: 17px;

    font-weight: 500;

    display: flex;

    align-items: center;

    justify-content: space-between;

    white-space: nowrap;

    transition: 0.3s;

  }



  .navmenu a i,

  .navmenu a:focus i {

    font-size: 12px;

    line-height: 0;

    margin-left: 5px;

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    transition: 0.3s;

    background-color: color-mix(in srgb, var(--accent-color), transparent 90%);

  }



  .navmenu a i:hover,

  .navmenu a:focus i:hover {

    background-color: var(--accent-color);

    color: var(--contrast-color);

  }



  .navmenu a:hover,

  .navmenu .active,

  .navmenu .active:focus {

    color: var(--nav-dropdown-hover-color);

  }



  .navmenu .active i,

  .navmenu .active:focus i {

    background-color: var(--accent-color);

    color: var(--contrast-color);

    transform: rotate(180deg);

  }



  .navmenu .dropdown ul {

    position: static;

    display: none;

    z-index: 99;

    padding: 10px 0;

    margin: 10px 20px;

    background-color: var(--nav-dropdown-background-color);

    border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);

    box-shadow: none;

    transition: all 0.5s ease-in-out;

  }



  .navmenu .dropdown ul ul {

    background-color: rgba(33, 37, 41, 0.1);

  }



  .navmenu .dropdown>.dropdown-active {

    display: block;

    background-color: rgba(33, 37, 41, 0.03);

  }



  .mobile-nav-active {

    overflow: hidden;

  }



  .mobile-nav-active .mobile-nav-toggle {

    color: #fff;

    position: absolute;

    font-size: 32px;

    top: 15px;

    right: 15px;

    margin-right: 0;

    z-index: 9999;

  }



  .mobile-nav-active .navmenu {

    position: fixed;

    overflow: hidden;

    inset: 0;

    background: rgba(33, 37, 41, 0.8);

    transition: 0.3s;

  }



  .mobile-nav-active .navmenu>ul {

    display: block;

  }

  

  	.boxeffectinner, .boxeffect{

	 width: 42%; /*68%;*/

	height: 18%; /*50%;*/

	/*background: #9960923d;*/

     background: #eee;

    border: 1px solid #fff;

    padding: 30px;

	opacity: 50%;

	border-radius: 10px;

	

	text-align: center;

    top: 168px;

    left: 0;

    right: 0;

    /* bottom: -291px; */

    margin: auto;

}



.boxeffectinner h2, .boxeffect h2 {

    font-size: 20px !important;

    font-weight: 300!important;

}

  

  

  

}



/*--------------------------------------------------------------

# Global Footer

--------------------------------------------------------------*/

.footer {

  color: #8ca043;

  background-color:#1b3f16;

  font-size: 14px;

  position: relative;

}



.footer .footer-top {

  background-color: #1b3f16;

  padding-top: 50px;

}



.footer .footer-about .logo {

  line-height: 1;

  margin-bottom: 25px;

}



.footer .footer-about .logo img {

  max-height: 40px;

  margin-right: 6px;

}



.footer .footer-about .logo span {

  color: #000;

  font-family: var(--heading-font);

  font-size: 26px;

  font-weight: 700;

  letter-spacing: 1px;

}



.footer .footer-about p {

  font-size: 14px;

  font-family: var(--heading-font);

}



.footer h4 {

  font-size: 16px;

  font-weight: 600;

  position: relative;

  padding-bottom: 12px;

  margin-bottom: 15px;

  color: #d5e286;

}

 

.footer .footer-links {

  margin-bottom: 30px;

}



.footer .footer-links ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



.footer .footer-links ul i {

  padding-right: 2px;

  font-size: 12px;

  line-height: 0;

}



.footer .footer-links ul li {

  padding: 10px 0;

  display: flex;

  align-items: center;

}



.footer .footer-links ul li:first-child {

  padding-top: 0;

}



.footer .footer-links ul a {

  color:#8ca043;

  display: inline-block;

  line-height: 1;

}



.footer .footer-links ul a:hover {

  color: #fff;

}



.footer .footer-contact p {

  margin-bottom: 5px;

}



.footer .copyright {

  padding: 30px 0;

  border-top: 2px solid #c3a76e;

}



.footer .copyright p {

  margin-bottom: 0;

}



.footer .credits {

  margin-top: 5px;

  font-size: 13px;

}



.footer .social-links a {

  font-size: 18px;

  display: inline-block;

  background: color-mix(in srgb, var(--default-color), transparent 92%);

  color:#d5e286; /*#000000;*/

  line-height: 1;

  padding: 8px 0;

  margin-right: 4px;

  border-radius: 4px;

  text-align: center;

  width: 36px;

  height: 36px;

  transition: 0.3s;

}



.footer .social-links a:hover {

  color: var(--contrast-color);

  background: #1b3f16;

  text-decoration: none;

}



/*--------------------------------------------------------------

# Preloader

--------------------------------------------------------------*/

#preloader {

  position: fixed;

  inset: 0;

  z-index: 999999;

  overflow: hidden;

  background: var(--background-color);

  transition: all 0.6s ease-out;

}



#preloader:before {

  content: "";

  position: fixed;

  top: calc(50% - 30px);

  left: calc(50% - 30px);

  border: 6px solid #ffffff;

  border-color: var(--accent-color) transparent var(--accent-color) transparent;

  border-radius: 50%;

  width: 60px;

  height: 60px;

  animation: animate-preloader 1.5s linear infinite;

}



@keyframes animate-preloader {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



/*--------------------------------------------------------------

# Scroll Top Button

--------------------------------------------------------------*/

.scroll-top {

  position: fixed;

  visibility: hidden;

  opacity: 0;

  right: 15px;

  bottom: 15px;

  z-index: 99999;

  background-color: var(--accent-color);

  width: 40px;

  height: 40px;

  border-radius: 4px;

  transition: all 0.4s;

}



.scroll-top i {

  font-size: 24px;

  color: var(--contrast-color);

  line-height: 0;

}



.scroll-top:hover {

  background-color: color-mix(in srgb, var(--accent-color), transparent 20%);

  color: var(--contrast-color);

}



.scroll-top.active {

  visibility: visible;

  opacity: 1;

}



/*--------------------------------------------------------------

# Disable aos animation delay on mobile devices

--------------------------------------------------------------*/

@media screen and (max-width: 768px) {

  [data-aos-delay] {

    transition-delay: 0 !important;

  }

}



/*--------------------------------------------------------------

# Global Page Titles & Breadcrumbs

--------------------------------------------------------------*/

.page-title {

  color: var(--default-color);

  background-color: var(--background-color);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  padding: 80px 0;

  text-align: center;

  position: relative;

}



.page-title:before {

  content: "";

  background-color: color-mix(in srgb, var(--background-color), transparent 50%);

  position: absolute;

  inset: 0;

}



.page-title h1 {

  font-size: 42px;

  font-weight: 700;

  margin-bottom: 10px;

}



.page-title .breadcrumbs ol {

  display: flex;

  flex-wrap: wrap;

  list-style: none;

  justify-content: center;

  padding: 0;

  margin: 0;

  font-size: 16px;

  font-weight: 400;

}



.page-title .breadcrumbs ol li+li {

  padding-left: 10px;

}



.page-title .breadcrumbs ol li+li::before {

  content: "/";

  display: inline-block;

  padding-right: 10px;

  color: color-mix(in srgb, var(--default-color), transparent 50%);

}



/*--------------------------------------------------------------

# Global Sections

--------------------------------------------------------------*/

section,

.section {

  color: var(--default-color);

  background-color: #fff;

  padding: 60px 0;

  scroll-margin-top: 100px;

  overflow: clip;

  

  clear:both

}



@media (max-width: 1199px) {



  section,

  .section {

    scroll-margin-top: 66px;

  }

}



/*--------------------------------------------------------------

# Global Section Titles

--------------------------------------------------------------*/

.section-title {

  text-align: center;

  padding-bottom: 60px;

  position: relative;

}



.section-title h2 {

  font-size:40px;

  text-transform: uppercase;

  margin-bottom: 15px;

}



.section-title p {

  margin-bottom: 0;

  font-family: var(--heading-font);

  font-size: var(--bs-body-font-size);

}

.btn-style1{

  text-transform: uppercase;

  font-weight: bold;

  font-size: 14px;

  padding-top: 15px;

  padding-bottom: 15px;

  padding-left: 30px;

  padding-right: 30px;

  background-color: #545454;

  transition: 0.3s;

  color: #fff;

  border-radius: 6px;

  display: inline-block;

  border: 0;

}

.btn-style1:hover {

  background: #0c0e0d;

  color: #fff;

}







.leftRightBg{

  position: relative;

}

.leftRightBg .container{

  position: relative;

  z-index: 2;

}

.leftRightBg::before{

  content: "";

  position: absolute;

  top: 30px;

  right: 0;

  width: 100%;

  height: 100%;

  background:url(../img/leftBg.png) no-repeat;

  z-index: 1;

  background-position: top left ;

  background-size: 190px auto;

}

.leftRightBg::after{

  content: "";

  position: absolute;

  left: 0;

  bottom: 30px;

  width: 100%;

  height: 100%;

  background:url(../img/rightBg.png) no-repeat;

  z-index: 1;

  background-position: bottom right;

  background-size: 190px auto;

}

/*--------------------------------------------------------------

# Hero Section

--------------------------------------------------------------*/

.hero {

  padding: 0;

}



.hero .carousel {

  width: 100%;

  min-height: calc(100vh - 80px);

  padding: 0;

  margin: 0;

  background-color: var(--background-color);

  position: relative;

}



.hero img {

  position: absolute;

  inset: 0;

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  z-index: 1;

}



.hero .carousel-item {

  position: absolute;

  inset: 0;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  overflow: hidden;

}



.hero .carousel-item:before {

  content: "";

 /* background: color-mix(in srgb, var(--background-color), transparent 60%);*/

  position: absolute;

  inset: 0;

  z-index: 2;

}



.boxeffect{

	/*width: 49%;*/ 

	width: 25%;

	height:30%;

 	background: #eee; /*#9960923d;*/

	/*background: #eee;*/

    border: 1px solid #fff;

    padding: 22px;/*30px;*/

	opacity: 50%;

	border-radius: 10px;

	text-align:center;

	

			top: 0;

            left: 0;

            right: 0;

			bottom:10px;

            margin: auto

		 

}

 .boxeffect h2{

	font-size: 30px !important;

    font-weight: 300!important;

	}

 

 

 .boxeffectinner{

	/*width: 49%;*/

	width: 25%;

	height:30%;

 	background: #eee; /*#9960923d;*/

	/*background: #eee;*/

    border: 1px solid #fff;

    padding: 22px;/*30px;*/

	opacity: 50%;

	border-radius: 10px;

	text-align:center;

	

			top: 0;

            left: 0;

            right: 0;

			bottom:10px;

            margin: auto;

			

			

			position: absolute;

    margin-bottom: 10px;

    /* inset: 90px 64px 64px 64px; */

    /* inset: 114px 114px 114px; */

    display: flex;

    justify-content: center;

    /* align-items: start; */

    flex-direction: column;

    z-index: 3;

		 

}

.boxeffectinner h2{

	font-size: 30px !important;

    font-weight: 300!important;

	}



.boxeffectinner_BKP{

position: absolute;

  /*inset: 90px 64px 64px 64px;*/

  inset: 114px 114px 114px; 

  display: flex;

  justify-content: center;

  align-items: start;

  flex-direction: column;

  z-index: 3;

  

	width: 49%;

 	/*background: #9960923d;*/

	background: #eee;

    border: 1px solid #fff;

    padding: 30px;

	opacity: 77%;

	border-radius: 10px;

	margin-left: 0;

}





.hero .carousel-container {

  position: absolute;

      margin-bottom: 10px;

  /*inset: 90px 64px 64px 64px;*/

  /*inset: 114px 114px 114px;*/

  display: flex;

  justify-content: center;

/*  align-items: start;*/

  flex-direction: column;

  z-index: 3;

  

  

}



.carousel-indicators-text {

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 2;

    display: flex;

    justify-content: center;

    padding: 0;

    /*margin-right: 15%;*/

    /* margin-bottom: 1rem; */

    /*margin-left: 15%;*/

	background: #eee;/*#9960923d;*/

	/*background: #eee;*/

    border: 1px solid #fff;

   /* padding: 22px;*//*30px;*/

	opacity: 77%;

 

	text-align:center;

	}

	

	.carousel-indicators-text h2{

	font-size: 37px !important;

    font-weight: 300!important;

	}



.hero h2 {

  /*margin-bottom: 30px;*/

  font-size: 48px;

  font-weight: 700;

  animation: fadeInDown 1s both;

  color: #000;

  font-family: 'Times New Roman', Times, serif;

}

.hero p{

  color: #000;

}

@media (max-width: 768px) {



.section-title h2 {

    font-size: 28px !important;

	}

	

	.heroInner {

    height: 230px !important;

	min-height:0px !important;

	}



.carousel-indicators-text {

margin-top: 253px;

    position: absolute;

    right: 0;

    bottom: 257px;

    left: 0;

    z-index: 2;

    display: flex;

    justify-content: center;

    padding: 0;

    /*margin-right: 15%;*/

    /* margin-bottom: 1rem; */

    /*margin-left: 15%;*/

	background: #eee;/*#9960923d;*/

	/*background: #eee;*/

    border: 1px solid #fff;

   /* padding: 22px;*//*30px;*/

	opacity: 77%;

 

	text-align:center;

	}

	

	.carousel-indicators-text h2{

	font-size: 20px !important;

    font-weight: 300!important;

	}

	

	

.header .logo img {

    /* max-height: 35px; */

    max-height: 48px !important;

    margin-right: 8px;

}

.header-icon-links {

    padding-right: 4px !important;

}

.header-icon-links a {

    padding-left: 0px !important;

	}

	



  .hero h2 {

    font-size: 30px;

  }

  

  .hero .carousel-container {

    position: absolute;

    inset: 139px 114px 114px !important;/*173px 51px 64px;*//*200px 64px 64px 64px;*/

    display: flex;

    justify-content: center;

    align-items: start;

    flex-direction: column;

    z-index: 3;

	margin:0;

	 

   

	}

	

	.boxeffect{

	 width: 42%; /*68%;*/

	height: 18%; /*50%;*/

	/*background: #9960923d;*/

     background: #eee;

    border: 1px solid #fff;

    padding: 10px;

	opacity: 50%;

	border-radius: 10px;

	

	text-align: center;

    top: 150px;

    left: 0;

    right: 0;

    /* bottom: -291px; */

    margin: auto;

}



.boxeffect h2{

	font-size: 14px !important;

    font-weight: 300!important;

	}

	

.boxeffectinner{

position: absolute;

  /*inset: 90px 64px 64px 64px;*/

  inset: 230px 114px 114px !important;

  display: flex;

  justify-content: center;

  align-items: start;

  flex-direction: column;

  z-index: 3;

  

	width: 42%; /*68%;*/

	height: 32%; /*50%;*/

 	/*background: #9960923d;*/

	background: #eee;

    border: 1px solid #fff;

    padding: 6px;

	opacity: 50%;

	border-radius: 10px;

}

 .boxeffectinner h2 {

    font-size: 14px !important;

	margin-bottom: 0px !important;

   font-weight: 300;

  animation: fadeInDown 1s both;

  color: #000;

  font-family: 'Times New Roman', Times, serif;

  }

   

  .carousel-control-next, .carousel-control-prev{

  height:50%;

  }

  

  .hero img {

    position: absolute;

    inset: 0;

    display: block;

    width: 100%;

    height: 50% !important; 

    object-fit: fill !important;  

    z-index: 1;

} 



}



.hero p {

  animation: fadeInDown 1s both 0.2s;

}



@media (min-width: 1024px) {



  .hero h2,

  .hero p {

   /* max-width: 40%;*/

  }

}



.hero .btn-get-started {

  color: var(--contrast-color);

  background: var(--accent-color);

  font-family: var(--heading-font);

  font-weight: 500;

  font-size: 15px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 8px 32px;

  border-radius: 50px;

  transition: 0.5s;

  margin: 10px;

  animation: fadeInUp 1s both 0.4s;

}



.hero .btn-get-started:hover {

  background: color-mix(in srgb, var(--accent-color), transparent 20%);

}



.hero .carousel-control-prev,

.hero .carousel-control-next {

  width: 10%;

  transition: 0.3s;

  opacity: 0.5;

}



.hero .carousel-control-prev:focus,

.hero .carousel-control-next:focus {

  opacity: 0.5;

}



.hero .carousel-control-prev:hover,

.hero .carousel-control-next:hover {

  opacity: 0.9;

}



@media (min-width: 1024px) {



  .hero .carousel-control-prev,

  .hero .carousel-control-next {

    width: 5%;

  }

}



.hero .carousel-control-next-icon,

.hero .carousel-control-prev-icon {

  background: none;

  font-size: 32px;

  line-height: 1;

}



.hero .carousel-indicators {

  list-style: none;

}



.hero .carousel-indicators li {

  cursor: pointer;

}



@keyframes fadeInUp {

  from {

    opacity: 0;

    transform: translate3d(0, 100%, 0);

  }



  to {

    opacity: 1;

    transform: translate3d(0, 0, 0);

  }

}



@keyframes fadeInDown {

  from {

    opacity: 0;

    transform: translate3d(0, -100%, 0);

  }



  to {

    opacity: 1;

    transform: translate3d(0, 0, 0);

  }

}



/*--------------------------------------------------------------

# inner

--------------------------------------------------------------*/

.heroInner{

  /*height: 500px;*/

  width: 100%;

  min-height: calc(100vh - 80px);

  display: flex;

  align-items: center;

  padding: 0;

  position: relative;

  justify-content: center;

  background-size: cover;

  background-position: center center; 

}

 

 

.heroInner h2 {

  margin-bottom: 30px;

  font-size: 48px;

  font-weight: 700;

  animation: fadeInDown 1s both;

  color: #000;

  font-family: 'Times New Roman', Times, serif;

}

@media (min-width: 1024px) {

  .heroInner h2, .heroInner p {

     /* max-width: 40%;*/

  }

}

/*--------------------------------------------------------------

# Header icon Links

--------------------------------------------------------------*/

.header-icon-links {

  padding-right: 15px;

}



.header-icon-links a {

  color: #000000;

  padding-left: 6px;

  display: inline-block;

  line-height: 0px;

  transition: 0.3s;

  /*font-size: 16px;*/

  font-size: 18px;

}



.header-icon-links a:hover {

  color: #46016b;

}

/*--------------------------------------------------------------

# Services Section

--------------------------------------------------------------*/

.services{

  background: #d5e286;

  position: relative;

}

.aboutUsPage.services{

  background: #8ca043;

}

.leftRightBg{



}

.services::before{

  content: "";

  position: absolute;

  top: 30px;

  right: 0;

  width: 100%;

  height: 100%;

  /*background:url(../img/bgM1.png) no-repeat;*/

  z-index: 1;

  background-position: right top;

}

.services::after{

  content: "";

  position: absolute;

  left: 0;

  bottom: 30px;

  width: 100%;

  height: 100%;

  /*background:url(../img/bgM2.png) no-repeat;*/

  z-index: 1;

  background-position: left bottom;

}

.aboutUsPage.services::before{

  content: "";

  position: absolute;

  top: 30px;

  right: 0;

  width: 100%;

  height: 100%;

 /* background:url(../img/bgM1W.png) no-repeat;*/

  z-index: 1;

  background-position: right top;

}

.aboutUsPage.services::after{

  content: "";

  position: absolute;

  left: 0;

  bottom: 30px;

  width: 100%;

  height: 100%;

  /*background:url(../img/bgM2W.png) no-repeat;*/

  z-index: 1;

  background-position: left bottom;

}

.services .container{

  position: relative;

  z-index: 2;

}

.services .section-title h2 {

  color: var(--accent-color);

  

}



.services .content .service-item {

 

  padding: 20px 30px;

  

  position: relative;

  height: 100%;

}

.services .content .service-item img{

 

}



.services .content .service-item .number {

  position: absolute;

  right: 10px;

  top: 10px;

  font-weight: 400;

  color: color-mix(in srgb, var(--default-color), transparent 80%);

}



.services .content .service-item .service-item-icon {

  position: relative;

  margin-bottom: 20px;

  color: var(--accent-color);

}



.services .content .service-item .service-item-icon img {

  width: 50px;

}



.services .content .service-item .service-item-icon:before {

  position: absolute;

  content: "";

  transform: rotate(45deg);

  z-index: -1;

  left: -20px;

  border-top: 40px solid transparent;

  border-bottom: 40px solid transparent;

  border-right: 40px solid var(--accent-color);

  display: none;

}



.services .content .service-item .service-item-icon>span {

  color: var(--default-color);

  font-size: 4rem;

}



.services .content .service-item .service-item-content .service-heading {

  font-size: 25px;

  color: var(--default-color);

  font-weight: bold;

  margin-bottom: 25px;

}



.services .content .service-item .service-item-content p {

  font-size: 15px;

}



@media (min-width: 769px) {

  .services .content [class^=col-]:nth-child(4n+4) .service-item {

    border-right: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);

  }



  .services .content [class^=col-]:nth-last-child(-n+4) .service-item {

    border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);

  }

}



@media (max-width: 768px) {

  .services .content [class^=col-]:nth-child(2n+2) .service-item {

    border-right: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);

  }



  .services .content [class^=col-]:last-child .service-item,

  .services .content [class^=col-]:nth-last-child(2) .service-item {

    border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);

  }

}



@media (max-width: 576px) {

  .services .content [class^=col-] .service-item {

    border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);

    margin-bottom: 10px;

  }

}

/*--------------------------------------------------------------

# services-event Section

--------------------------------------------------------------*/

.services-event .section-title h2 {

  color: var(--accent-color);

  font-size: 20px;

}



.services-event .content .service-item {

  background-color: var(--surface-color);

  padding: 0px;

 

  position: relative;

  height: 100%;

}



.services-event .content .service-item .number {

  position: absolute;

  right: 10px;

  top: 10px;

  font-weight: 400;

  color: color-mix(in srgb, var(--default-color), transparent 80%);

}



.services-event .content .service-item .service-item-icon {

  position: relative;

  margin-bottom: 20px;

  color: var(--accent-color);

}



.services-event .content .service-item .service-item-icon img {

  width: 50px;

}



.services-event .content .service-item .service-item-icon:before {

  position: absolute;

  content: "";

  transform: rotate(45deg);

  z-index: -1;

  left: -20px;

  border-top: 40px solid transparent;

  border-bottom: 40px solid transparent;

  border-right: 40px solid var(--accent-color);

  display: none;

}



.services-event .content .service-item .service-item-icon>span {

  color: var(--default-color);

  font-size: 4rem;

}



.services-event .content .service-item .service-item-content .service-heading {

  font-size: 20px;

  color: var(--default-color);

  font-weight: 400;

}



.services-event .content .service-item .service-item-content p {

  font-size: 15px;

}



@media (min-width: 769px) {

  .services-event .content [class^=col-]:nth-child(4n+4) .service-item {

    border-right: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);

  }



  .services-event .content [class^=col-]:nth-last-child(-n+4) .service-item {

    border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);

  }

}



@media (max-width: 768px) {

  .services-event .content [class^=col-]:nth-child(2n+2) .service-item {

    border-right: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);

  }



  .services-event .content [class^=col-]:last-child .service-item,

  .services-event .content [class^=col-]:nth-last-child(2) .service-item {

    border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);

  }

}



@media (max-width: 576px) {

  .services-event .content [class^=col-] .service-item {

    border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);

    margin-bottom: 10px;

  }

}

/*--------------------------------------------------------------

# Alt Features Section

--------------------------------------------------------------*/

.alt-features{

  background: #fff;

  position: relative;

}

.alt-features::before{

  content: "";

  position: absolute;

  top: 0px;

  right: 0;

  width: 100%;

  height: 100%;

  /*background:url(../img/bgF1.png) no-repeat;*/

  z-index: 1;

  background-position: right top;

  

}

.alt-features::after{

  content: "";

  position: absolute;

  left: 0;

  bottom: 0px;

  width: 100%;

  height: 100%;

  /*background:url(../img/bgF2.png) no-repeat;*/

  z-index: 1;

  background-position: left bottom;

 

}

.alt-features .container{

  position: relative;

  z-index: 2;

}

.alt-features .icon-box {

  display: flex;

}



.alt-features .icon-box h4 {

  font-size: 20px;

  font-weight: 700;

  margin: 0 0 10px 0;

}



.alt-features .icon-box i {

  font-size: 44px;

  line-height: 44px;

  color: var(--accent-color);

  margin-right: 15px;

}



.alt-features .icon-box p {

  font-size: 15px;

  color: color-mix(in srgb, var(--default-color), transparent 30%);

  margin-bottom: 0;

}

/*--------------------------------------------------------------

# giftingClassics Section

--------------------------------------------------------------*/

.giftingClassics

{

  background: #d5e286;

}

.giftingClassics .card {

  background: none;

  color: #000;

  position: relative;

  border-radius: 0;

  height: 100%;

  text-align: center;

  border: 0;

}



.giftingClassics .card .card-img {

  overflow: hidden;

  margin-bottom: 15px;

  border-radius: 7px;

}



.giftingClassics .card .card-img img {

  transition: 0.3s ease-in-out;

}



.giftingClassics .card h3 {

  font-weight: 700;

  font-size: 18px;

  margin-bottom: 5px;

  padding: 10px 30px;

  text-transform: uppercase;

}



.giftingClassics .card a {

  color: var(--heading-color);

  transition: 0.3;

}



.giftingClassics .card a:hover {

  color: var(--accent-color);

}



.giftingClassics .card p {

  padding: 0 30px;

  margin-bottom: 30px;

  color: #000;

  font-size: 15px;

}



.giftingClassics .card:hover .card-img img {

  transform: scale(1.1);

}

/*--------------------------------------------------------------

# About Section

--------------------------------------------------------------*/

.about .section-title {

  margin-bottom: 60px;

}



.about .content {

  background: var(--accent-color);

  color: var(--contrast-color);

  padding: 7rem 0;

}



.about .content .img-overlap {

  margin-top: -150px;

}



.about p {

  color: var(--contrast-color);

}



.about .content-title {

  color: var(--contrast-color);

  font-weight: 300;

  text-align: left;

}



.about .content-title strong {

  font-weight: 700;

}



.about .content-subtitle {

  font-weight: 300;

  color: var(--contrast-color);

  text-transform: uppercase;

  font-size: 1.3rem;

}



/*--------------------------------------------------------------

# Services 2 Section

--------------------------------------------------------------*/

.services-2 {

  overflow: visible;

  margin-bottom: 200px;

}



.services-2 .section-title {

  text-align: left;

}



.services-2 .section-title h2 {

  color: color-mix(in srgb, var(--contrast-color), transparent 50%);

  text-transform: uppercase;

  font-size: 20px;

}



.services-2 .section-title p {

  color: var(--contrast-color);

}



.services-2 .services-carousel-wrap {

  position: relative;

  margin-bottom: -200px;

}



.services-2 .swiper-wrapper {

  height: auto;

}



.services-2 .service-item {

  position: relative;

  overflow: hidden;

}



.services-2 .service-item:before {

  content: "";

  background-color: color-mix(in srgb, var(--background-color), transparent 50%);

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  position: absolute;

  opacity: 0;

  visibility: hidden;

  z-index: 1;

  transition: 0.3s all ease;

}



.services-2 .service-item img {

  transition: 0.5s all ease;

  transform: scale(1);

}



.services-2 .service-item .service-item-contents {

  z-index: 9;

  position: absolute;

  bottom: 20px;

  left: 20px;

  right: 20px;

  transition: 0.3s all ease;

  transform: translateY(100%);

  opacity: 0;

  visibility: hidden;

}



.services-2 .service-item .service-item-contents .service-item-category {

  color: var(--accent-color);

  text-transform: uppercase;

}



.services-2 .service-item .service-item-contents .service-item-title {

  color: var(--contrast-color);

  margin-bottom: 0;

}



.services-2 .service-item:hover:before {

  opacity: 1;

  visibility: visible;

}



.services-2 .service-item:hover .service-item-contents {

  transform: translateY(0%);

  opacity: 1;

  visibility: visible;

}



.services-2 .service-item:hover img {

  transform: scale(1.2);

}



.services-2 .navigation-prev,

.services-2 .navigation-next {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  z-index: 9;

  width: 46px;

  height: 46px;

  background: var(--contrast-color);

  background-color: none;

  border: none;

  transition: 0.3s all ease;

}



.services-2 .navigation-prev i,

.services-2 .navigation-next i {

  font-size: 2rem;

}



.services-2 .navigation-prev:hover,

.services-2 .navigation-next:hover {

  background-color: var(--accent-color);

  color: var(--contrast-color);

}



.services-2 .navigation-prev {

  left: 10px;

}



.services-2 .navigation-next {

  right: 10px;

}



.services-2 .swiper {

  padding-bottom: 50px;

}



.services-2 .swiper-pagination {

  bottom: 0px;

}



.services-2 .swiper-pagination .swiper-pagination-bullet {

  border-radius: 0;

  width: 20px;

  height: 4px;

  background-color: color-mix(in srgb, var(--background-color), transparent 80%) !important;

  opacity: 1;

}



.services-2 .swiper-pagination .swiper-pagination-bullet-active {

  background-color: var(--accent-color) !important;

}

/*--------------------------------------------------------------

# Testimonials Section

--------------------------------------------------------------*/

.testimonials {

  padding: 80px 0;

  position: relative;

  background: url(../img/testimonial-bg.jpg) no-repeat #f8f8f8 bottom center;

}



 



.testimonials .testimonials-bg {

  position: absolute;

  inset: 0;

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  z-index: 1;

}



.testimonials .container {

  position: relative;

  z-index: 3;

}



.testimonials .testimonials-carousel,

.testimonials .testimonials-slider {

  overflow: hidden;

}



.testimonials .testimonial-item {

  text-align: center;

}



.testimonials .testimonial-item .testimonial-img {

  width: 100px;

  border-radius: 50%;

  border: 6px solid color-mix(in srgb, var(--default-color), transparent 85%);

  margin: 0 auto;

}



.testimonials .testimonial-item h3 {

  font-size: 20px;

  font-weight: bold;

  margin: 10px 0 5px 0;

}



.testimonials .testimonial-item h4 {

  font-size: 14px;

  margin: 0 0 15px 0;

  color: color-mix(in srgb, var(--default-color), transparent 40%);

}



.testimonials .testimonial-item .stars {

  margin-bottom: 15px;

}



.testimonials .testimonial-item .stars i {

  color: #ffc107;

  margin: 0 1px;

}



.testimonials .testimonial-item .quote-icon-left,

.testimonials .testimonial-item .quote-icon-right {

  color: color-mix(in srgb, var(--default-color), transparent 40%);

  font-size: 26px;

  line-height: 0;

}



.testimonials .testimonial-item .quote-icon-left {

  display: inline-block;

  left: -5px;

  position: relative;

}



.testimonials .testimonial-item .quote-icon-right {

  display: inline-block;

  right: -5px;

  position: relative;

  top: 10px;

  transform: scale(-1, -1);

}



.testimonials .testimonial-item p {

  font-style: italic;

  margin: 0 auto 15px auto;

}



.testimonials .swiper-wrapper {

  height: auto;

}



.testimonials .swiper-pagination {

  margin-top: 20px;

  position: relative;

}



.testimonials .swiper-pagination .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background-color: color-mix(in srgb, var(--default-color), transparent 50%);

  opacity: 0.5;

}



.testimonials .swiper-pagination .swiper-pagination-bullet-active {

  background-color: var(--default-color);

  opacity: 1;

}



@media (min-width: 992px) {

  .testimonials .testimonial-item p {

    width: 80%;

  }

}



/*--------------------------------------------------------------

# Recent Posts Section

--------------------------------------------------------------*/

.recent-posts .post-item {

  background: var(--surface-color);

  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);

  transition: 0.3s;

}



.recent-posts .post-item .post-img img {

  transition: 0.5s;

}



.recent-posts .post-item .post-date {

  position: absolute;

  right: 0;

  bottom: 0;

  background-color: var(--accent-color);

  color: var(--contrast-color);

  text-transform: uppercase;

  font-size: 13px;

  padding: 6px 12px;

  font-weight: 500;

}



.recent-posts .post-item .post-content {

  padding: 30px;

}



.recent-posts .post-item .post-title {

  color: var(--heading-color);

  font-size: 20px;

  font-weight: 700;

  transition: 0.3s;

  margin-bottom: 15px;

}



.recent-posts .post-item .meta i {

  font-size: 16px;

  color: var(--accent-color);

}



.recent-posts .post-item .meta span {

  font-size: 15px;

  color: color-mix(in srgb, var(--default-color), transparent 50%);

}



.recent-posts .post-item hr {

  color: color-mix(in srgb, var(--default-color), transparent 80%);

  margin: 20px 0;

}



.recent-posts .post-item .readmore {

  display: flex;

  align-items: center;

  font-weight: 600;

  line-height: 1;

  transition: 0.3s;

  color: color-mix(in srgb, var(--default-color), transparent 40%);

}



.recent-posts .post-item .readmore i {

  line-height: 0;

  margin-left: 6px;

  font-size: 16px;

}



.recent-posts .post-item:hover .post-title,

.recent-posts .post-item:hover .readmore {

  color: var(--accent-color);

}



.recent-posts .post-item:hover .post-img img {

  transform: scale(1.1);

}



/*--------------------------------------------------------------

# Call To Action Section

--------------------------------------------------------------*/

.call-to-action .content {

  padding: 20px 0;

}



.call-to-action .content h3 {

  font-weight: 300;

  text-transform: uppercase;

}



.call-to-action .content .form-subscribe .form-control {

  border: 0px solid var(--accent-color);

  background: var(--surface-color);

  border-radius: 0;

}



.call-to-action .content .form-subscribe input[type=email] {

  height: 55px !important;

  color: var(--default-color);

}



.call-to-action .content .form-subscribe input[type=email]:focus {

  box-shadow: none;

}



.call-to-action .content .form-subscribe input[type=email]::placeholder {

  color: color-mix(in srgb, var(--contrast-color), transparent 50%);

}



.call-to-action .content .loading,

.call-to-action .content .error-message,

.call-to-action .content .sent-message {

  margin-top: 15px;

}



.call-to-action .content .btn {

  color: #000;

  transition: 0.3s;

  background-color:#b4bdc4;

  border: 0px solid var(--accent-color);

  border-radius: 0;

}



.call-to-action .content .btn:hover,

.call-to-action .content .btn:active,

.call-to-action .content .btn:focus {

  box-shadow: none;

  outline: none;

  color: #fff;

  background-color: #000;

  border: 0px solid var(--contrrast-color);

}



/*--------------------------------------------------------------

# About 3 Section

--------------------------------------------------------------*/

.about-3 .content-title {

  color: var(--accent-color);

  margin-bottom: 30px;

}



.about-3 .btn-cta {

  text-transform: uppercase;

  font-weight: bold;

  font-size: 14px;

  padding-top: 15px;

  padding-bottom: 15px;

  padding-left: 30px;

  padding-right: 30px;

  background-color: #b4bdc4;

  transition: 0.3s;

  color: #000;

  border-radius: 6px;

}

.about-3 .btn-cta:hover{

  background: #0c0e0d;

  color: #fff;

}

.about-3 .list-check {

  margin-bottom: 50px;

}



.about-3 .list-check li {

  display: block;

  padding-left: 30px;

  position: relative;

}



.about-3 .list-check li:before {

  content: "\f26e";

  display: inline-block;

  font-family: "bootstrap-icons" !important;

  font-style: normal;

  font-weight: normal !important;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  vertical-align: -0.125em;

  -webkit-font-smoothing: antialiased;

  position: absolute;

  top: 0.1rem;

  font-size: 20px;

  left: 0;

  color: var(--accent-color);

}



.about-3 .pulsating-play-btn {

  position: absolute;

  left: calc(50% - 47px);

  top: calc(50% - 47px);

}



/*--------------------------------------------------------------

# Team Section

--------------------------------------------------------------*/

.team .person {

  position: relative;

}



.team .person figure {

  margin-bottom: 0;

  padding-bottom: 0;

  position: relative;

  overflow: hidden;

  margin-bottom: 30px;

}



.team .person img {

  transition: 0.3s all ease;

}



.team .person .person-contents {

  text-align: center;

}



.team .person .person-contents h3 {

  color: var(--heading-color);

  font-size: 24px;

}



.team .person .person-contents .position {

  color: var(--accent-color);

}



.team .person:hover img {

  transform: scale(1.05);

}



.team .person .social {

  position: absolute;

  bottom: 10px;

  left: 10px;

  z-index: 2;

}



.team .person .social a {

  display: block;

  margin-bottom: 10px;

  width: 40px;

  height: 40px;

  background: var(--contrast-color);

  position: relative;

}



.team .person .social a>span {

  position: absolute;

  top: 50%;

  left: 50%;

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

}



.team .person .social a:hover {

  background: var(--accent-color);

  color: var(--contrast-color);

}



/*--------------------------------------------------------------

# Blog Posts Section

--------------------------------------------------------------*/

.blog-posts article {

  padding: 0px;

 height: 100%;

 margin-bottom: 30px;

}



.blog-posts .post-img {

 max-height: 440px;

 margin-top: 20px;



 overflow: hidden;

}



.blog-posts .title {

 font-size: 40px;



 padding: 0;

 margin: 15px 0;

}



.blog-posts .title a {

 color: #000;

 transition: 0.3s;

 

}



.blog-posts .title a:hover {

 

}



.blog-posts .meta-top {

 margin-top: 0px;

 color:#262626;

}



.blog-posts .meta-top ul {

 display: flex;

 flex-wrap: wrap;

 list-style: none;

 align-items: center;

 padding: 0;

 margin: 0;

}



.blog-posts .meta-top ul li+li {

 padding-left: 20px;

}



.blog-posts .meta-top i {

 font-size: 16px;

 margin-right: 8px;

 line-height: 0;

 color: color-mix(in srgb, var(--default-color), transparent 20%);

}



.blog-posts .meta-top a {

 color: color-mix(in srgb, var(--default-color), transparent 40%);

 font-size: 14px;

 display: inline-block;

 line-height: 1;

}



.blog-posts .content {

 margin-top: 20px;

}



.blog-posts .content .read-more {

 text-align: right;

}



.blog-posts .content .read-more a {

 background: var(--accent-color);

 color: var(--contrast-color);

 display: inline-block;

 padding: 8px 30px;

 transition: 0.3s;

 font-size: 14px;

 border-radius: 4px;

}



.blog-posts .content .read-more a:hover {

 background: color-mix(in srgb, var(--accent-color), transparent 20%);

}



/*--------------------------------------------------------------

# Blog Pagination Section

--------------------------------------------------------------*/

.blog-pagination {

 padding-top: 0;

 color: color-mix(in srgb, var(--default-color), transparent 40%);

}



.blog-pagination ul {

 display: flex;

 padding: 0;

 margin: 0;

 list-style: none;

}



.blog-pagination li {

 margin: 0 5px;

 background: #8b59a7;

 transition: 0.3s;

}



.blog-pagination li a {

 color: #fff;

 padding: 7px 16px;

 display: flex;

 align-items: center;

 justify-content: center;

}



.blog-pagination li a.active,

.blog-pagination li a:hover {

 background: var(--accent-color);

 color: var(--contrast-color);

}



.blog-pagination li a.active a,

.blog-pagination li a:hover a {

 color: var(--contrast-color);

}



/*--------------------------------------------------------------

# Blog Details Section

--------------------------------------------------------------*/

.blog-details {

 padding-bottom: 30px;

}



.blog-details .article {

 padding: 0px;

 box-shadow: 0 4px 16px color-mix(in srgb, var(--default-color), transparent 90%);

}



.blog-details .post-img {

 margin: 0;

 overflow: hidden;

}



.blog-details .title {

 color: var(--heading-color);

 font-size: 28px;

 font-weight: 700;

 padding: 0;

 margin: 30px 0;

}



.blog-details .content {

 margin-top: 20px;

}



.blog-details .content h3 {

 font-size: 22px;

 margin-top: 30px;

 font-weight: bold;

}



.blog-details .content blockquote {

 overflow: hidden;

 background-color: #8b59a7;

 padding: 60px;

 position: relative;

 text-align: center;

 margin: 20px 0;

}



.blog-details .content blockquote p {

 font-family: 'Anthelion'; 



 margin-bottom: 0;



 font-size: 30px;

 line-height: 35px;

 color: #fff;

}



.blog-details .content blockquote:after {

 content: "";

 position: absolute;

 left: 0;

 top: 0;

 bottom: 0;

 width: 3px;

 background-color: var(--accent-color);

 margin-top: 20px;

 margin-bottom: 20px;

}



.blog-details .meta-top {

 margin-top: 20px;

 color: color-mix(in srgb, var(--default-color), transparent 40%);

}



.blog-details .meta-top ul {

 display: flex;

 flex-wrap: wrap;

 list-style: none;

 align-items: center;

 padding: 0;

 margin: 0;

}



.blog-details .meta-top ul li+li {

 padding-left: 20px;

}



.blog-details .meta-top i {

 font-size: 16px;

 margin-right: 8px;

 line-height: 0;

 color: color-mix(in srgb, var(--default-color), transparent 40%);

}



.blog-details .meta-top a {

 color: color-mix(in srgb, var(--default-color), transparent 40%);

 font-size: 14px;

 display: inline-block;

 line-height: 1;

}



.blog-details .meta-bottom {

 padding-top: 10px;

 font-size: 15px;

 font-weight: bold;

 color: #262626;

}



.blog-details .meta-bottom i {

 color: color-mix(in srgb, var(--default-color), transparent 40%);

 display: inline;

}



.blog-details .meta-bottom a {

 color: color-mix(in srgb, var(--default-color), transparent 40%);

 transition: 0.3s;

}



.blog-details .meta-bottom a:hover {

 color: var(--accent-color);

}



.blog-details .meta-bottom .cats {

 list-style: none;

 display: inline;

 padding: 0 20px 0 0;

 font-size: 14px;

}



.blog-details .meta-bottom .cats li {

 display: inline-block;

}



.blog-details .meta-bottom .tags {

 list-style: none;

 display: inline;

 padding: 0;

 font-size: 15px;

 font-weight: bold;

 color: #262626;

}



.blog-details .meta-bottom .tags li {

 display: inline-block;

 font-size: 15px;

 font-weight: bold;

 color: #262626;

}



.blog-details .meta-bottom .tags li+li::before {

 padding-right: 6px;

 color: var(--default-color);

 content: ",";

}



.blog-details .meta-bottom .share {

 font-size: 16px;

}



.blog-details .meta-bottom .share i {

 padding-left: 5px;

}



/*--------------------------------------------------------------

# Blog Author Section

--------------------------------------------------------------*/

.blog-author {

 padding: 10px 0 40px 0;

}



.blog-author .author-container {

 padding: 20px;

 box-shadow: 0 4px 16px color-mix(in srgb, var(--default-color), transparent 90%);

}



.blog-author img {

 max-width: 120px;

 margin-right: 20px;

}



.blog-author h4 {

 font-weight: 600;

 font-size: 20px;

 margin-bottom: 0px;

 padding: 0;

 color: color-mix(in srgb, var(--default-color), transparent 20%);

}



.blog-author .social-links {

 margin: 0 10px 10px 0;

}



.blog-author .social-links a {

 color: color-mix(in srgb, var(--default-color), transparent 60%);

 margin-right: 5px;

}



.blog-author p {

 font-style: italic;

 color: color-mix(in srgb, var(--default-color), transparent 30%);

 margin-bottom: 0;

}



/*--------------------------------------------------------------

# Blog Comments Section

--------------------------------------------------------------*/

.blog-comments {

 padding: 10px 0;

}



.blog-comments .comments-count {

 font-weight: bold;

}



.blog-comments .comment {

 margin-top: 30px;

 position: relative;

}



.blog-comments .comment .comment-img {

 margin-right: 14px;

}



.blog-comments .comment .comment-img img {

 width: 60px;

}



.blog-comments .comment h5 {

 font-size: 16px;

 margin-bottom: 2px;

}



.blog-comments .comment h5 a {

 font-weight: bold;

 color: var(--default-color);

 transition: 0.3s;

}



.blog-comments .comment h5 a:hover {

 color: var(--accent-color);

}



.blog-comments .comment h5 .reply {

 padding-left: 10px;

 color: color-mix(in srgb, var(--default-color), transparent 20%);

}



.blog-comments .comment h5 .reply i {

 font-size: 20px;

}



.blog-comments .comment time {

 display: block;

 font-size: 14px;

 color: color-mix(in srgb, var(--default-color), transparent 40%);

 margin-bottom: 5px;

}



.blog-comments .comment.comment-reply {

 padding-left: 40px;

}



/*--------------------------------------------------------------

# Comment Form Section

--------------------------------------------------------------*/

.comment-form {

 padding-top: 10px;

}



.comment-form form {

 margin-top: 0px;

 padding: 0px;



}



.comment-form form h4 {

 font-weight: bold;

 font-size: 22px;

}



.comment-form form p {

 font-size: 14px;

}





.comment-form form .btn-primary {

 border-radius: 4px;

 padding: 10px 20px;

 border: 0;

 background-color: var(--accent-color);

 color: var(--contrast-color);

}



.comment-form form .btn-primary:hover {

 color: var(--contrast-color);

 background-color: color-mix(in srgb, var(--accent-color), transparent 20%);

}



/*--------------------------------------------------------------

# Widgets

--------------------------------------------------------------*/

.widgets-container {

 padding: 0px;

 margin: 52px 0 30px 0;

 }



.widget-title {

 color: #262626;

 font-size: 20px;

 border-bottom: 1px solid #262626;

 padding: 0 0 10px 0;

 margin: 0 0 20px 0;

}



.widget-item {

 margin-bottom: 40px;

}



.widget-item:last-child {

 margin-bottom: 0;

}



.search-widget form {

 background: var(--background-color);

 border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%);

 padding: 3px 10px;

 position: relative;

 transition: 0.3s;

}



.search-widget form input[type=text] {

 border: 0;

 padding: 4px;

 border-radius: 4px;

 width: calc(100% - 40px);

 background-color: var(--background-color);

 color: var(--default-color);

}



.search-widget form input[type=text]:focus {

 outline: none;

}



.search-widget form button {

 background: var(--accent-color);

 color: var(--contrast-color);

 position: absolute;

 top: 0;

 right: 0;

 bottom: 0;

 border: 0;

 font-size: 16px;

 padding: 0 15px;

 margin: -1px;

 transition: 0.3s;

 border-radius: 0 4px 4px 0;

 line-height: 0;

}



.search-widget form button i {

 line-height: 0;

}



.search-widget form button:hover {

 background: color-mix(in srgb, var(--accent-color), transparent 20%);

}



.search-widget form:is(:focus-within) {

 border-color: var(--accent-color);

}



.categories-widget ul {

 list-style: none;

 padding: 0;

 margin: 0;

}



.categories-widget ul li {

 padding-bottom: 10px;

}



.categories-widget ul li:last-child {

 padding-bottom: 0;

}



.categories-widget ul a {

 color: color-mix(in srgb, var(--default-color), transparent 20%);

 transition: 0.3s;

}



.categories-widget ul a:hover {

 color: var(--accent-color);

}



.categories-widget ul a span {

 padding-left: 5px;

 color: color-mix(in srgb, var(--default-color), transparent 50%);

 font-size: 14px;

}



.recent-posts-widget .post-item {

 display: flex;

 margin-bottom: 15px;

}



.recent-posts-widget .post-item:last-child {

 margin-bottom: 0;

}



.recent-posts-widget .post-item img {

 width: 80px;

 margin-right: 15px;

}



.recent-posts-widget .post-item h4 {

 font-size: 18px;



 margin-bottom: 5px;

}



.recent-posts-widget .post-item h4 a {

 color: var(--default-color);

 transition: 0.3s;

}



.recent-posts-widget .post-item h4 a:hover {

 color: var(--accent-color);

}



.recent-posts-widget .post-item time {

 display: block;

 font-style: italic;

 font-size: 14px;

 color: color-mix(in srgb, var(--default-color), transparent 50%);

}



.tags-widget {

 margin-bottom: -10px;

}



.tags-widget ul {

 list-style: none;

 padding: 0;

 margin: 0;

}



.tags-widget ul li {

 display: inline-block;

}



.tags-widget ul a {

 color: color-mix(in srgb, var(--default-color), transparent 30%);

 font-size: 14px;

 padding: 6px 14px;

 margin: 0 6px 8px 0;

 border: 1px solid color-mix(in srgb, var(--default-color), transparent 60%);

 display: inline-block;

 transition: 0.3s;

}



.tags-widget ul a:hover {

 background: var(--accent-color);

 color: var(--contrast-color);

 border: 1px solid var(--accent-color);

}



.tags-widget ul a span {

 padding-left: 5px;

 color: color-mix(in srgb, var(--default-color), transparent 60%);

 font-size: 14px;

}

.custom-select-currency{

  border: 0px;

}

.radiusShadow{

  border-radius: 10px;

  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;

}

.hwObjectFitCover{

  height: 100%;

  object-fit: cover;

  width: 100%;

}

.newsletter-container{

  background: #d5e286;

  border-radius: 10px;

  padding: 30px;

}

.pageNumber a{

  padding: 10px 0;

  line-height: normal;

  color: #000;

 

  width: 40px;

  height: 40px;

  border-radius: 50%;

  text-align: center;

  margin-right: 5px;

}

.pageNumber a:hover, .pageNumber a.active{

      color: #fff;

  background:#b4e4ca;

}

.productList .pageNumber a:hover, .productList .pageNumber a.active{

  background: #545454;

}

/*--------------------------------------------------------------

# Contact

--------------------------------------------------------------*/



.contact .info-box{

  height: 183px;

  display: flex;

  align-items: center;

  padding: 0;

  position: relative;

  justify-content: center;

  background-size: cover;

  background-position: center center; 

  border-radius: 10px;

}

 

 

.contact .info-box h2 {

  margin-bottom: 0px;

  font-size: 22px;

  font-weight: 700;

  animation: fadeInDown 1s both;

  color: #fff;

  background: #0000008a;

  border-radius: 5px;

  padding: 5px 10px;

 

}

 

.contact .php-email-form {

 

  padding: 0px;

  background: #fff;

}

.contact .php-email-form h3 {

  font-size: 40px;

 

 

  margin: 0px 0 10px 0;

}

.contact .php-email-form .error-message {

  display: none;

  color: #fff;

  background: #ed3c0d;

  text-align: left;

  padding: 15px;

  font-weight: 600;

}



.contact .php-email-form .error-message br+br {

  margin-top: 25px;

}



.contact .php-email-form .sent-message {

  display: none;

  color: #fff;

  background: #18d26e;

  text-align: center;

  padding: 15px;

  font-weight: 600;

}



.contact .php-email-form .loading {

  display: none;

  background: #fff;

  text-align: center;

  padding: 15px;

}



.contact .php-email-form .loading:before {

  content: "";

  display: inline-block;

  border-radius: 50%;

  width: 24px;

  height: 24px;

  margin: 0 10px -6px 0;

  border: 3px solid #18d26e;

  border-top-color: #eee;

  animation: animate-loading 1s linear infinite;

}















/*--------------------------------------------------------------*/

.contactLocation .info-box {

  color: #fff;

  text-align: center;

  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);

  padding: 20px 0 30px 0;

  background: #b4e4ca;

  height: 100%;

}



.contactLocation .info-box i {

  font-size: 32px;

 

  border-radius: 50%;

  padding: 8px;

  border: 2px dotted #fbdad2;

}



.contactLocation .info-box h3 {

  font-size: 30px;

 

  color: #000000;

 

  margin: 0px 0;

}



.contactLocation .info-box p {

  padding: 0;

  line-height: 24px;

  font-size: 15px;

  margin-bottom: 0px;

  color: #000000;

}

.btnStyle3{

  text-transform: uppercase;

  font-weight: bold;

  font-size: 14px;

  padding-top: 15px;

  padding-bottom: 15px;

  padding-left: 30px;

  padding-right: 30px;

  background-color: #545454;

  transition: 0.3s;

  color: #fff;

  border-radius: 6px;

  display: inline-block;

}

.form-control{

  border-radius:0px;

  border: 1px solid #545454;

  padding: .5rem .75rem;

}

 



/*********events****************/

.overLayText .image-container {

  position: relative;

  overflow: hidden;

}



.overLayText .overlay {

  position: absolute;

  top: 10px;

  bottom: 10px;

  left: 10px;

  right: 10px;

  background-color: #b4e4cae0; /* Overlay background color and opacity */

  color: #000;

  opacity: 0; /* Hidden by default */

  transition: .5s ease; /* Transition effect to fade in the overlay */

}



.overLayText .image-container:hover .overlay {

  opacity: 1; /* Show the overlay on hover */

}



.overLayText .text {

  position: absolute;

  top: 50%;

  left: 50%;

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

  text-align: center;

  width: 100%;

  padding: 20px;

  font-size: 22px;

}



.overLayText .text hr{

  opacity: 1;

}



.inputGroupSearch {

  position: relative;

  margin-left: auto;

  width: 300px; /* Adjust as per your design */

}

.inputGroupSearch i {

  position: absolute;

  left: 10px; /* Adjust icon position */

  top: 50%;

  transform: translateY(-50%);

  color: #aaa; /* Adjust icon color */

  z-index: 2;

}

.inputGroupSearch input {

  padding-left: 30px; /* Ensure space for icon */

}

.giftCat-item img{

  width: 250px;

  height: 250px;

  object-fit: cover;

}

.giftCat-item h4{

  text-transform: uppercase;

  margin: 20px 0px;

  text-align: center;

  font-size: 20px;

}

.swiper-button-prev::after, .swiper-button-next::after{

  font-size: 22px;

  color: #5f6368;



}

.swiper-button-next{

  right: -5px;

    left: auto;

    top: calc(50% - 40px);

}

.swiper-button-prev{

  right: auto;

  left: -5px;

  top: calc(50% - 40px);

}

.catSlider .swiper{

  padding: 0px 20px;

}



.product-card {

  border: 0px solid #ddd;

  border-radius: 5px;

  margin-bottom: 20px;

  padding: 0px;

  text-align: center;

}

.product-card h3{

  font-weight: 700;

  font-size: 18px;

  margin-bottom: 5px;

  padding: 20px 0px 0 0;

  text-transform: uppercase;

}

.product-card p{

  margin-bottom: 10px;

}

.product-image {

max-height: 300px;

  position: relative;

  overflow: hidden;

}

.wishlist-icon, .zoom-icon {

  position: absolute;

  top: 10px;

  right: 10px;

  color: #fff;

  background-color: rgba(0, 0, 0, 0.5);

  height: 25px;

  width: 25px;

  line-height: 25px;

	text-align:center;

} 

.wishlist-icon{



}

.zoom-icon{

  top: 40px;

}

.wishlist-icon:hover, .zoom-icon:hover {

  color: #ffd700; /* change color on hover */

}

.swiper-pagination{

  position: relative;

}

.swiper-pagination-bullet-active{

  background: #383838;

}

.productCategoryList h3{

  color: #262626;

  font-size: 20px;

  border-bottom: 1px solid #262626;

  padding: 0 0 10px 0;

  margin: 0 0 20px 0;

text-align: right;

}

.productCategoryList ul{

  padding: 0px;

  margin: 0px;

}

.productCategoryList ul li{

  padding: 0px;

  margin: 0px;

  text-align: right;

  list-style: none;

}

.productCategoryList ul li a{

  color: #000;

  padding: 10px 0px;

  display: block;

}

.productCategoryList ul li a:hover{

  background: #e0fded;

}

@keyframes animate-loading {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}

@media (max-width: 768px) {



.footer-top .footercols {

     width: 50% !important;



}





.about-3{

  background-color: #d9d7d8;

}



.blog-posts .title {

  font-size: 25px;

 

  padding: 0;

  margin: 15px 0;

 }

 .clearMobileFloat{

  display: block;

 }

 .woocommerce img, .woocommerce-page img {



       width: 100%;

       height: 100% !important;

	   max-height: 156px;

	}

	.woocommerce .wpb-get-a-quote-button-btn{

	font-size: 10px !important;

	padding-left: 9px !important;  

    padding-right: 9px !important;

	padding-top: 8px !important;

    padding-bottom: 8px !important;

	}

	

	.woocommerce .type-product h2 {

    text-align: center;

    font-size: 11px !important;

	}

	

	.contact .php-email-form h3 {

    font-size: 32px !important;

    margin-top: 21px !important;

    text-align: center !important;

	}

	.mt-5 {

    margin-top: 25px!important;

	}

	

	.text-start {

    text-align: center!important;

	line-height: 19px !important;

	}

	.wpcf7-spinner {

	 width: 0px;

     height: 0px;

	 margin: 0px !important;

	}

	

 .text-start [type=submit]:hover {

 font-size: 10px !important;

 padding-left: 8px !important;

 padding-right: 8px !important;

 padding-top: 10px !important;

 padding-bottom: 10px !important;

 }

 

}



/*//======= ADDED================*/

.boxImg-ico{

 	text-align:right;  

	}

.boxImg-ico {

    position: absolute;

    right: 5px;

    top: 5px;

}	



ul.products li.product .tinvwl_add_to_wishlist_button

{

  margin-top: 0em;



}

	 .tinvwl_add_to_wishlist-text

 {

 display:none;

 }

 .tinvwl_add_to_wishlist_button.tinvwl-product-in-list .tinvwl_already_on_wishlist-text

 {

 display:none !important;

 }

.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-product-in-list:before

 {

 font-size: 36px !important;

 }

.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before

 {

 font-size: 36px !important;

 }

 

 .woocommerce ul.products li.product a img {

    width: auto!important;

	display: inherit;

	}

	

	.tinvwl-after-add-to-cart{

	display:none;

	}

	

	.woocommerce img, .woocommerce-page img {



       width: 100%;

    height: 280px; /*100%;*/

    object-fit: cover;

}



.tml-login, .tml-register, .tml-lostpassword{

	max-width:500px;

	margin:0px auto;

	    background-color: #f9f9f9;

    border-radius: 8px;

    box-shadow: 0 2px 5px rgb(0 0 0 / 10%);

    padding: 30px;

}



.tml-login .tml-field, .tml-register  .tml-field, .tml-lostpassword  .tml-field{

	display: block;

    width: 100%;

    padding: .375rem .75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: var(--bs-body-color);

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background-color: var(--bs-body-bg);

    background-clip: padding-box;

    border: var(--bs-border-width) solid var(--bs-border-color);

    border-radius: var(--bs-border-radius);

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}

.tml-links{

	list-style:none;

	padding:0px;

	margin:0px;

}

.tml-links li{

	display:inline-block;

}

.tml-register-link, .tml-login-link{

	margin-right:50px;

}

.add_to_cart_inline

{

/*display:none;*/

 border: 0px !important;

 padding: 0px !important;

}

.swiper-slide{

	text-align:center;

}

.swiper-slide .woocommerce-Price-amount

{

display:none;

 

} 



.viewmore-option{

text-align:center;

}



.viewmorecss{

 background: #b4e4ca !important;

 color:#000 !important;

 }

 

 .viewmorecss2{

    background: #8ca043 !important;

	color:#000 !important;

 }



.add_to_cart_button{

  text-transform: uppercase !important;

  font-weight: bold !important;

  font-size: 14px !important;

  padding-top: 12px !important;

  padding-bottom: 12px !important;

  padding-left: 30px !important;

  padding-right: 30px !important;

  background-color: #1b3f16 !important;

  transition: 0.3s !important;

  color: #d5e286 !important;

  border-radius: 6px !important;

  display: inline-block !important;

  border: 0 !important;

	line-height: 14px !important;

}

.add_to_cart_button:hover {

  background: #8ca043 !important;

  color: #d5e286 !important;

}



/*.type-product{

text-align:center;

}

*/

.type-product h2 {

    font-weight: 700 !important;

    font-size: 18px !important;

    margin-bottom: 5px !important;

    padding: 20px 0px 0 0 !important;

    text-transform: uppercase !important;

}



.woocommerce ul.products li.product .price {

    font-weight: bold;

    font-size: 16px;

}



.cursorpoint{

 cursor:pointer;

}



.woocommerce nav.woocommerce-pagination {

    text-align: center;

}

.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li {

    display: inline-block;

}

.woocommerce nav.woocommerce-pagination ul li {

    border-right: 1px solid #cfc8d8;

    padding: 0;

    margin: 0;

    float: left;

    display: inline;

    overflow: hidden;

}



.overLayText_home .text {

 

    font-size: 15px !important;

}







.woocommerce-MyAccount-navigation {

    flex: 0 0 22%;

    max-width: 22%;

    margin-right: 20px;

}

.woocommerce-MyAccount-navigation ul {

    display: block;

    padding: 0;

    list-style: none;

}

.woocommerce-MyAccount-navigation ul li {

    margin-bottom: 10px;

}



.woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li.is-active a {

    background-color: #000;

    color: #fff;

    border-color: #996092;

}



.woocommerce-MyAccount-navigation ul li a {

    display: block;

    padding: 10px 20px;

    color: #000;

    background-color: #b4bdc4;

    border: 1px solid #ddd;

    border-radius: 5px;

    text-decoration: none;

    transition: background-color 0.3s, color 0.3s;

}

.woocommerce-MyAccount-content, .tinv-wishlist.woocommerce {

    flex: 1;

    max-width: 78%;

}



.userdashboard .row.content .woocommerce {

    display: flex;

    flex-wrap: wrap;

    max-width: 1200px;

    margin: 0 auto;

    padding: 20px;

    background-color: #f9f9f9;

    border-radius: 8px;

    box-shadow: 0 2px 5px rgb(0 0 0 / 10%);

}

 

 .woosc-btn-added, .woosc-btn{

  text-transform: uppercase !important;

  font-weight: bold !important;

  font-size: 14px !important;

  padding-top: 12px !important;

  padding-bottom: 12px !important;

  padding-left: 30px !important;

  padding-right: 30px !important;

  background-color: #545454 !important;

  transition: 0.3s !important;

  color: #fff !important;

  border-radius: 6px !important;

	 line-height:14px;

  display: inline-block !important;

  border: 0 !important;

}

.woocommerce .quantity .qty{

	width: 3.631em;

    text-align: center;

    border: 1px solid #ccc;

    line-height: 14px;

    padding: 8px;

    border-radius: 9px;

}

.woosc-btn-added:hover {

  background: #0c0e0d !important;

  color: #fff !important;

}



.woosc-bar-btn{

color: #000 !important;

background-color: #b4bdc4 !important;

}



.navcategory a, .navcategory a:focus {

    color: var(--nav-color);

    padding: 18px 15px;

    font-size: 16px;

    font-family: var(--nav-font);

    font-weight: 400;

    display: flex;

    align-items: center;

    justify-content: space-between;

    white-space: nowrap;

    transition: 0.3s;

}

.navcategory ul {

    margin: 0;

    padding: 0;

    display: flex;

    list-style: none;

    align-items: center;

}

.navcategory li {

    position: relative;

}

.navcategory a{

    color: var(--nav-color);

    padding: 9px 15px;

    font-size: 16px;

    font-family: var(--nav-font);

    font-weight: 400;

    display: flex;

    align-items: center;

    justify-content: space-between;

    white-space: nowrap;

    transition: 0.3s;

    background-color: #FCE2C9;

    border: 1px solid #cfb195;

    margin: 4px;

    border-radius: 10px;

}



 .navcategory a:hover {

    color: #FFFFFF;

	background-color:#000000;

}





[type=button], [type=reset], [type=submit]{

color: #8ca043 !important;
background-color: #1b3f16 !important;



text-transform: uppercase !important;

    font-weight: bold !important;

    font-size: 14px !important;

    padding-top: 12px !important;

    padding-bottom: 12px !important;

    padding-left: 30px !important;

    padding-right: 30px !important;

     transition: 0.3s !important;

     border-radius: 6px !important;

    display: inline-block !important;

    border: 0 !important;

    

}



[type=button]:hover, [type=reset]:hover, [type=submit]:hover{

background-color:#8ca043 !important;

color: #d5e286 !important;



text-transform: uppercase !important;

    font-weight: bold !important;

    font-size: 14px !important;

    padding-top: 12px !important;

    padding-bottom: 12px !important;

    padding-left: 30px !important;

    padding-right: 30px !important;

     transition: 0.3s !important;

     border-radius: 6px !important;

    display: inline-block !important;

    border: 0 !important;

}

 

 

.wc-block-cart__submit-button{

background-color:#545454 !important;

color: #FFFFFF !important;



text-transform: uppercase !important;

    font-weight: bold !important;

    font-size: 14px !important;

    padding-top: 12px !important;

    padding-bottom: 12px !important;

    padding-left: 30px !important;

    padding-right: 30px !important;

     transition: 0.3s !important;

     border-radius: 6px !important;

    display: inline-block !important;

    border: 0 !important;

    

}



.wc-block-cart__submit-button:hover{

background-color:#000000 !important;

color: #FFFFFF !important;



text-transform: uppercase !important;

    font-weight: bold !important;

    font-size: 14px !important;

    padding-top: 12px !important;

    padding-bottom: 12px !important;

    padding-left: 30px !important;

    padding-right: 30px !important;

     transition: 0.3s !important;

     border-radius: 6px !important;

    display: inline-block !important;

    border: 0 !important;

}

 

.woocommerce-EditAccountForm{

	text-align:left

}

 

 

 .slick-prev, .slick-next {

     position: absolute;

    top: 50%;

    display: block;

    width: 20px;

    height: 20px;

    padding: 0;

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

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

    transform: translate(0, -50%) !important;

    cursor: pointer !important;

    color: transparent !important;

    border: none !important;

    outline: none;

    background: transparent !important;

}



.slick-prev:hover, .slick-next:hover {

     position: absolute;

    top: 50%;

    display: block;

    width: 20px;

    height: 20px;

    padding: 0;

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

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

    transform: translate(0, -50%) !important;

    cursor: pointer !important;

    color: transparent !important;

    border: none !important;

    outline: none;

    background: transparent !important;

}

.slick-list .slick-slide.slick-current{

	max-height:600px;

	overflow:hidden;

	border-radius:15px;

}

.navcategory .active{

background-color:#000000 !important;

color: #FFFFFF !important; 

}



.wc-block-components-totals-shipping__change-address__link{

background: transparent !important;

color: #000000 !important; 

}



.wc-block-components-totals-shipping__change-address__link:hover{

background: transparent !important;

color: #000000 !important; 

}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{

	    display: block;

    width: 100%;

    padding: .375rem .75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: var(--bs-body-color);

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background-color: var(--bs-body-bg);

    background-clip: padding-box;

    border: var(--bs-border-width) solid var(--bs-border-color);

    border-radius: var(--bs-border-radius);

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}

	.woocommerce div.product form.cart{

		float:left;

		margin-right:5px

	}

	.product_meta{

		    clear: both;

	}

.added_to_cart.wc-forward{

	display:none !important;

}

.navcategory ul{

	    flex-wrap: wrap;

}

.tnp-subscription form{

	display:flex;

}

.tnp-field label{

	display:none;

}

.tnp-subscription div.tnp-field.tnp-field-email{

	flex-grow: 1;

}

@media (max-width: 768px) {

/*.hero .carousel-item {

    height: 572px!important;

	

	}*/

	

.hero .carousel {

  /*  height: 513px !important;*/ /*373px !important;*/

  height: 463px !important;

  min-height:0px !important;

  

	}

	section, .section{

	   padding: 20px 0;

	}

	#hero{

	    height: 230px !important;/*373px !important;*/

		    padding: 0px 0;

	}

	

.woosc-btn-added, .woosc-btn, .add_to_cart_button, [type=button], [type=reset], [type=submit]{

	    font-size: 10px !important;

    padding-top: 10px !important;

    padding-bottom: 10px !important;

    padding-left: 8px !important;

    padding-right: 8px !important;

	line-height: 10px !important;

}



	.previous-post{

		display:block;

	}

	.tnp-subscription form {

    display: block;

}



}



.product_type_simple{

 display:none !important;

}



.add_to_cart_button{

display: inline-block !important;

}

.wpb-get-a-quote-button-btn:hover{
background: #8ca043 !important;
    color: #d5e286 !important;
}

.wpb-get-a-quote-button-btn{

    text-transform: uppercase !important;

    font-weight: bold !important;

    font-size: 14px !important;

    padding-top: 12px !important;

    padding-bottom: 12px !important;

/*    padding-left: 30px !important;

    padding-right: 30px !important;*/

	padding-left: 25px !important;

    padding-right: 25px !important;

    background-color: #1b3f16 !important;

    transition: 0.3s !important;

    color: #d5e286 !important;

    border-radius: 6px !important;

    line-height: 14px;

    display: inline-block !important;

    border: 0 !important;

    margin-right: 4px !important;

}



.out-of-stock{

display:none;

}



.glowtext{

/*text-shadow: 0 0 5px #000;*/

    font-size: 20px;

	color:#000000;

}



.woocommerce div.product form.cart .button {

    line-height: 14px;

}



.copyright a{

color:#d5e286 !important;

}
.copyright a:hover {

  color: #FFF !important;
 
  text-decoration: none;

}



.eventadddate{

    padding-left: 15px;

}



  .wc-block-grid__product-title {
        font-weight: 700 !important;
    font-size: 18px !important;
    margin-bottom: 5px !important;
    padding: 20px 0px 0 0 !important;
    text-transform: uppercase !important;
}

.woocommerce-Price-amount {
    font-weight: bold !important;
    font-size: 16px !important;
}


.woocommerce ul.products li.product .button {
    margin-top: 0px !important;
}

.woocommerce ul.products .wpb-get-a-quote-button-btn, .woocommerce-page ul.products .wpb-get-a-quote-button-btn {
	margin-top: 32px !important;
}