/**************************************
    -- Css Table of Content
    01.Generale Style
    02.Navber Area Style
    03.Home Slider Section Style
    04.Products Section Style
    05.Who Section Style
    06.Why Section Style
    07.Counter Section Style
    08.Values Section Style
    09.Home Contact Section Style
    10.News Section Style
    11.Achievement Section Style
    12.Get in touch Section Style
    13.Footer Section Style
    14.Product Brands Section Style
    15.Inner Banner Section Style
      15.1 Media Inner Banner Section Style
    16.Mission Vision Section Style
    17.Team Section Style
    18.factory Section Style
    19.Testimonial Section Styl
    20.Product details page Style
    21.Service Section Style
    22.Visit Section Style
    23.Images Section Style
    24.Video Section Style
    25.Banner Section Style
    26.Career Intro Section Style
    27.Job Section Style
    28.Gallery Section Style
    29. Product_details Section Styles


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

/**************************************
 * 01.Generale Style
 *************************************/

 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@font-face {
   font-family: "Poppins";
   src: url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
   font-weight: 600;
   font-style: normal;
   font-display: swap;
}




body {
   background: #fff;
   color: #121215;
   font-family: "Poppins";
   font-size: 14px;
   font-weight: normal;
   line-height: 26px;
   overflow-x: hidden;
   font-family: Poppins !important;
   margin: 0 auto;
   padding: 0;
   letter-spacing: 0.5px;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   -o-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

:root {
   --color-black: #171717;
   --color-white: #f8f9fa;
   --color-bg-black: #2d2d2d;
   --color-blue: #147cf7;
   --color-hover: #9aca3c;
   --color-hover-dark: #8b5e3c;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 0;
   font-family: "Poppins";
   font-weight: normal;
   color: var(--color-black);
   line-height: 1.5;
}

/* a {
   color: var(--color-hover);
   text-decoration: none !important;
   -moz-transition: all 0.5s ease-in-out 0s;
   -ms-transition: all 0.5s ease-in-out 0s;
   -o-transition: all 0.5s ease-in-out 0s;
   -webkit-transition: all 0.5s ease-in-out 0s;
   transition: all 0.5s ease-in-out 0s;
} */

img {
   max-width: 100%;
}

a:hover {
   color: var(--color-hover);
   -moz-transition: all 0.4s ease-in-out 0s;
   -ms-transition: all 0.4s ease-in-out 0s;
   -o-transition: all 0.4s ease-in-out 0s;
   -webkit-transition: all 0.4s ease-in-out 0s;
   transition: all 0.4s ease-in-out 0s;
}

/*a:hover,*/
/*a:focus {*/
/*   color: var(--color-hover);*/
/*   text-decoration: none;*/
/*}*/

p {
   padding: 0;
   margin: 0;
   font-size: 14px;
   color: #555;
   font-weight: 500;
   line-height: 26px;
   letter-spacing: 0.5px;
   font-family: "Poppins";
}

.mt-15 {
   margin-top: 15px !important;
}

.mt-30 {
   margin-top: 30px !important;
}

.mt-80 {
   margin-top: 80px !important;
}

.mb-15 {
   margin-bottom: 15px !important;
}
.mb-30 {
   margin-bottom: 30px !important;
}

.z-index {
   z-index: 9;
}

.position-relative {
   position: relative !important;
}

.form-control:focus {
   box-shadow: none;
   outline: 0 none;
   border-bottom: 1px solid var(--color-hover);
}

.btn:focus {
   outline: none !important;
   box-shadow: none;
}

button:focus {
   outline: 0 none;
   box-shadow: none;
}

.button:focus {
   outline: none;
   box-shadow: none;
}

.button {
   position: relative;
   z-index: 2;
   display: inline-block;
   padding: 5px 10px;
   text-align: center;
   font-size: 14px;
   letter-spacing: 0.7px;
   font-weight: 600;
   background-color: var(--color-hover);
   border-radius: 4px;
   border: 2px solid var(--color-hover);
   color: #3a3a3a;
   cursor: pointer;
   overflow: hidden;
   transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
}

.button:hover {
   color: var(--color-hover);
   background-color: var(--color-hover);
}
.botton-reverse {
   color: var(--color-hover) !important;
   border: 2px solid var(--color-hover);
   background-color: transparent;
}
.botton-reverse:hover {
   color: #fff !important;
   border: 2px solid var(--color-hover);
   background-color: var(--color-hover);
}

.button-black {
   color: #fff;
   background-color: #000;
   border: 2px solid #000;
}

.button-black:hover {
   color: #2d2d2d;
   border: 2px solid #2d2d2d;
}

.button:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   opacity: 0.5;
   color: #000;
   background-color: #f8f9fa;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   -webkit-transform: scaleY(0);
   -ms-transform: scaleY(0);
   transform: scaleY(0);
   -webkit-transform-origin: left top;
   -ms-transform-origin: left top;
   transform-origin: left top;
}

.button:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   color: #000;
   background-color: #f8f9fa;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   -webkit-transform: scaleY(0);
   -ms-transform: scaleY(0);
   transform: scaleY(0);
   -webkit-transform-origin: left top;
   -ms-transform-origin: left top;
   transform-origin: left top;
}

.button:hover:before {
   -webkit-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
}

.button:hover:after {
   -webkit-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   transition-delay: 0.2s;
   -webkit-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
}

.bg-white {
   background-color: #ffffff;
}
.bg-gray {
   background-color: #f8f9fa;
}

.bg-black {
   background-color: #1d191d;
}
.bg-black-light {
   background-color: #222022;
}

.bg-none {
   background: none !important;
}

.color-text {
   color: var(--color-hover);
}
.color-blue {
   color: var(--color-blue) !important;
}

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

.mr-15 {
   margin-right: 15px;
}

.pt-20 {
   padding-top: 20px;
}

.pb-20 {
   padding-bottom: 20px;
}

.pt-30 {
   padding-top: 30px;
}

.pb-30 {
   padding-bottom: 30px;
}

.pt-50 {
   padding-top: 50px;
}

.pb-50 {
   padding-bottom: 50px;
}
.pt-40 {
   padding-top: 40px;
}

.pb-40 {
   padding-bottom: 40px;
}
.pt-60 {
   padding-top: 60px;
}

.pb-60 {
   padding-bottom: 60px;
}

.pt-80 {
   padding-top: 80px;
}

.pb-80 {
   padding-bottom: 80px;
}

.pt-100 {
   padding-top: 100px;
}

.pb-100 {
   padding-bottom: 100px;
}

.pt-160 {
   padding-top: 160px;
}

.pb-160 {
   padding-bottom: 160px;
}

.d-table {
   width: 100%;
   height: 100%;
}

.d-table-cell {
   vertical-align: middle;
}

.bg-fixed {
   background-attachment: fixed;
}

.bg-img {
   background-size: cover;
   background-repeat: no-repeat;
}

.section-padding {
   padding: 100px 0;
}

.section-title {
   margin-bottom: 60px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.section-title h2 {
   font-size: 32px;
   font-weight: 700;
   color: #171717;
   text-transform: unset;
   letter-spacing: 3px;
}
@media (max-width: 768px){
   .section-title h2 {
      font-size: 25px;
   }
   .pt-100 {
      padding-top: 60px;
   }

}
.section-title h5 {
   color: #454545;
   font-size: 20px;
   line-height: 30px;
   font-weight: 400;
   margin-top: 24px;
}

.section-title a {
   color: var(--color-hover);
   font-size: 20px;
   font-weight: 600;
   border-bottom: 1px solid var(--color-hover);
}

.mr-0 {
   margin: 0;
}

.mr-top-50 {
   margin-top: 50px;
}

.v-middle {
   position: absolute;
   width: 100%;
   top: 50%;
   left: 0;
   -webkit-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
}

.valign {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

/* Slick Arrow */
.slider-prev,
.slider-next {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   /* margin-bottom: 60px; */
   cursor: pointer;
   transition: all 0.6s cubic-bezier(0.76, 0, 0.24, 1);
   height: 20px;
}
.slider-prev svg,
.slider-next svg {
   margin-bottom: 40px;
   border-radius: 50%;
   overflow: hidden;
   height: 20px;
   width: 20px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.slider-prev svg .hover-init-btn,
.slider-next svg .hover-init-btn {
   transition: 0.7s all ease;
   cy: 80px;
   opacity: 0;
   visibility: visible;
   fill: #fff;
   background-color: #fff;
}
.slider-prev svg line,
.slider-next svg line {
   stroke: #000;
   transition: 0.7s all ease;
}
.slider-prev:hover svg .hover-init-btn,
.slider-next:hover svg .hover-init-btn {
   cy: 20px;
   opacity: 1;
   visibility: visible;
   fill: #f7c124;
}
.slider-prev:hover svg path,
.slider-next:hover svg path,
.slider-prev:hover svg line,
.slider-next:hover svg line {
   stroke: #fff;
}
.slider-prev {
   left: 10px;
   padding: 0 12px 0 0;
}
.slider-prev svg g {
   transform: translate(21px, 24px) rotate(180deg);
}
.slider-next {
   right: 10px;
   padding: 0 0 0 12px;
}
.slider-next svg g {
   transform: translate(18px, 15px);
}

/**************************************
 * 02.Navber Area Style
 *************************************/
/* nav-top start */
.nav-top {
   background: #1d191d;
   padding: 15px 0;
}
.nav-top-wrapper {
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.nav-top a {
   margin-right: 10px;
}
.nav-top a:hover {
   color: var(--color-hover) !important;
}
.nav-top a span {
   color: #fff;
   font-size: 12px;
   margin-left: 0px;
   font-weight: 600;
}
.nav-top a svg {
   width: 14px;
   height: 14px;
   margin-bottom: 3px;
   font-weight: 600;
}
.nav-top_info a i {
   width: 14px;
   height: 14px;
   color: #fff;
   margin-bottom: 3px;
}
.nav-top_info {
}
.nav-top_social a i {
   font-size: 14px;
   line-height: 14px;
   margin-bottom: 3px;
   color: #fff;
   transition: 0.3s ease;
}
.nav-top_social a i:hover{
   color: var(--color-hover);
}
.nav-top_info a i,
.nav-top_info a i + span {
   transition: 0.4s;
}
.nav-top_info a:hover i,
.nav-top_info a:hover i + span {
   color: var(--color-hover);
}
/* nav-top end */
.navbar-b {
   transition: all 0.5s ease-in-out;
   background-color: #fff;
   /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */

}

.navbar-b.navbar-reduce {
   box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06);
}

.navbar-b.navbar-trans .nav-item,
.navbar-b.navbar-reduce .nav-item {
   position: relative;
   padding-right: 5px;
   padding-left: 0;
}

.navbar-b.navbar-trans .nav-link,
.navbar-b.navbar-reduce .nav-link {
   color: #5f5f5f;
   text-transform: capitalize;
   font-weight: 600;
   font-size: 16px;
   letter-spacing: 0.7px;
}

.navbar-b.navbar-trans .nav-link:hover,
.navbar-b.navbar-reduce .nav-link:hover {
   color: var(--color-hover);
}

.navbar-b.navbar-trans .nav-link:hover {
   color: var(--color-hover);
}

.navbar-b.navbar-trans .show > .nav-link,
.navbar-b.navbar-trans .active > .nav-link,
.navbar-b.navbar-trans .nav-link.show,
.navbar-b.navbar-trans .nav-link.active {
   color: var(--color-hover);
}

.navbar-b.navbar-reduce {
   transition: all 0.5s ease-in-out;
   background-color: #fff;
   /* padding-top: 20px;
   padding-bottom: 20px; */
   -webkit-animation: 500ms ease-in-out 0s normal fadeInDown;
   animation: 500ms ease-in-out 0s normal fadeInDown;
   -webkit-transition: 0.6s;
   transition: 0.6s;
}

.navbar-b.navbar-reduce .nav-link {
   color: #5f5f5f;
}

.navbar-b.navbar-reduce .nav-link:hover {
   color: var(--color-hover);
}

.navbar-b.navbar-reduce .show > .nav-link,
.navbar-b.navbar-reduce .active > .nav-link,
.navbar-b.navbar-reduce .nav-link.show,
.navbar-b.navbar-reduce .nav-link.active {
   color: var(--color-hover);
}

.navbar-b.navbar-reduce .navbar-brand {
   color: #5f5f5f;
}

.navbar-b.navbar-reduce .navbar-toggler span {
   background-color: #5f5f5f;
}

.navbar-b .navbar-brand {
   color: #f8f9fa;
   font-size: 1.6rem;
   font-weight: 700;
   margin: 0;
   padding: 0;
}

.navbar-b .navbar-nav .dropdown-item.show .dropdown-menu,
.navbar-b .dropdown.show .dropdown-menu,
.navbar-b .dropdown-btn.show .dropdown-menu {
   -webkit-transform: translate3d(0px, 0px, 0px);
   transform: translate3d(0px, 0px, 0px);
   visibility: visible !important;
}

.navbar-b .dropdown-menu {
   margin: 1.12rem 0 0;
   border-radius: 0;
   background-color: var(--color-bg-black);
   color: #fff;
}

.navbar-b .dropdown-menu .dropdown-item {
   padding: 0.7rem 1.7rem;
   transition: all 500ms ease;
   color: #fff;
}
.navbar-b .dropdown-menu .dropdown-item:not(:last-child) {
   border-bottom: 1px solid var(--color-hover);
}

.navbar-b .dropdown-menu .dropdown-item:hover {
   background-color: transparent;
   color: #f8f9fa;
   transition: all 500ms ease;
   border: none;
}

.navbar-b .dropdown-menu .dropdown-item.active {
   background-color: var(--color-hover);
}
.navbar-b .dropdown-toggle::after {
   display: inline-block;
   margin-left: 0.255em;
   vertical-align: middle;
   content: "";
   border-top: 0.3em solid;
   border-right: 0.3em solid transparent;
   border-bottom: 0;
   border-left: 0.3em solid transparent;
}
.navbar-b .custom-dropdown-toggle::after {
   display: inline-block;
   margin-left: 0.255em;
   vertical-align: middle;
   content: "";
   border-top: 0.3em solid;
   border-right: 0.3em solid transparent;
   border-bottom: 0;
   border-left: 0.3em solid transparent;
}

.nav-item.dropdown a:hover .dropdown-menu {
   display: block;
}

.navbar-toggler {
   position: relative;
   margin-bottom: 25px;
}

.navbar-toggler:focus,
.navbar-toggler:active {
   outline: 0;
   box-shadow: none !important;
}

.navbar-toggler span {
   display: block;
   background-color: #5f5f5f;
   height: 3px;
   width: 25px;
   margin-top: 4px;
   margin-bottom: 4px;
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
   left: 0;
   opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
   transition: -webkit-transform 0.35s ease-in-out;
   transition: transform 0.35s ease-in-out;
   transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
   position: absolute;
   left: 12px;
   top: 10px;
   -webkit-transform: rotate(135deg);
   transform: rotate(135deg);
   opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
   height: 12px;
   visibility: hidden;
   background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
   position: absolute;
   left: 12px;
   top: 10px;
   -webkit-transform: rotate(-135deg);
   transform: rotate(-135deg);
   opacity: 0.9;
}

.navbar-brand img {
   height: 70px;
}
.navbar-collapse {
   position: relative;
}
.get-btn {
   position: absolute;
   right: 0;
}
.get-btn_mobile {
   display: none;
}
.get-btn_mobile .button {
   padding: 0px 10px;
   font-size: 16px;
   line-height: 24px;
}

/**************************************
 * 03.Home Slider Section Style
 *************************************/

.home-area {
   position: relative;
   padding-top: 85px;
   margin-top: 85px;
   margin-bottom: 20px;
}

.home-slider {
}
.home-slider_single {
   width: 100%;
   padding-bottom: 20px;
   position: relative;
}



.home-slider_single::after {
   content: "";
   position: absolute;
   width: 100%;
   height: 478px;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
}
.home-slider_single_text {
   position: absolute;
   bottom: 0;
   z-index: 9;
}
.home-slider_single_text h2 {
   color: #fff;
   font-size: 42px;
   line-height: 52px;
   font-weight: 500;
   margin-bottom: 25px;
}
.home-slider_single_text h4 {
   color: #fff;
   font-size: 20px;
   font-weight: 300;
   margin-bottom: 45px;
}
.home-slider_single_text h6 {
   color: #fff;
   font-size: 16px;
   font-weight: 500;
   margin-bottom: 10px;
   text-transform: uppercase;
}
.home-slider_single_text .button {
   margin-bottom: 80px;
}
#home-slide-2 .home-slider_single_text .button,
#home-slide-3 .home-slider_single_text .button {
   background-color: #fff;
   border-color: #fff;
}

.slide-prev,
.slide-next {
   color: #a8a8a8;
   font-size: 30px;
   background-color: transparent;
   border: none;
   cursor: pointer;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
}
.slide-prev:hover,
.slide-next:hover {
   color: #1d191d;
}
.slide-prev {
   left: 10px;
}

.slide-next {
   right: 10px;
}
.slick-dots {
}
.slick-dots li {
}
.slick-dots li button {
}
.slick-dots li button:before {
   font-size: 16px !important;
   color: var(--color-hover) !important;
}
.slick-dots li.slick-active button:before {
   color: var(--color-hover) !important;
   opacity: 1 !important;
}

.slick-slider .slick-list {
   /* margin: 0; */
   margin-left: -240px;
}

/**************************************
 * 04.Products Section Style
 *************************************/
 .products{
   background-color: #f2f4f8;
   padding-bottom: 100px;
 }
.product-single {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   height: 260px;
   /* padding: 50px  15px 15px 10px; */
   border-radius: 24px;
   /* margin-bottom: 30px; */
   background-color: transparent;
   transition: all 0.5s ease-in-out;
}
.product-single::after {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
   border-radius: 24px;
   background-color: rgba(154, 202, 60, 0.07);
   opacity: 0;
}
.product-single:hover {
   /* background: var(--color-hover);
   opacity: 0.1; */
}
.product-single:hover::after {
   opacity: 1;
}
.product-single:hover .product-single_details_text {
   display: none;
}
.product-single:hover .product-single_details_button {
   opacity: 1;
   transition: all 0.5s ease-in-out;
   z-index: 2;
}
.product-single:hover .product-single_image a img,
.product-single:hover .product-single_details h3,
.product-single:hover .product-single_details h4 {
   opacity: 0.2;
}
.product-single_image {
   text-align: center;
}
.product-single_image a {
}
.product-single_image a img {
   height: 90px;
   margin: auto;
}
.product-single_details {
   padding: 10px;
}
.product-single_details h3 {
   color: #3a3a3a;
   text-align: center;
   font-size: 14px;
   line-height: 20px;
   font-weight: 600;
   margin-top: 15px;
   text-wrap: pretty;
}
.product-single_details h3 a {
   color: #3a3a3a;
}
.product-single_details h4 {
   color: #3a3a3a;
   text-align: center;
   font-size: 13px;
   line-height: 17px;
   text-align: center;
   font-weight: 600;
   text-transform: uppercase;
}
.product-single_details_text {
}
.product-single_details_text h5 {
   color: #6e6e6e;
   font-size: 14px;
   font-weight: 500;
   text-align: center;
   margin-top: 15px;
   transition: all 0.5s ease-in-out;
}
.product-single_details_button {
   opacity: 0;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   transition: opacity 0.5s ease-in-out;
}
.product-single_details_button .button {
   text-transform: capitalize;
   transition: all 0.5s ease-in-out;
}
.product-single_details_button .button-black {
   color: #000;
   background-color: var(--color-hover);
   border: 2px solid var(--color-hover);
}
.product-single_details_button .button-black:hover {
   border-color: var(--color-bg-black);
}

/**************************************
 *  05.Who Section Style
 *************************************/
.who-area {
}
.who-image {
   padding-top: calc(444 / 444 * 100%);
   position: relative;
   margin: 20px;
}

.who-image img {
   border-radius: 20px;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   object-fit: contain;
}
.who-text {
   padding-left: 68px;
   margin: 20px;
}
.who-text h3 {
   color: #171717;
   font-size: 28px;
   line-height: 34px;
   font-weight: 500;
   margin-bottom: 20px;
}
.who-text p {
   color: #6d6d6d;
   font-size: 16px;
   line-height: 26px;
   font-weight: 400;
   margin-bottom: 45px;
   text-align: justify;
}
.who-text .button {
}
@media (max-width: 768px){
   .who-image {
      margin: 20px 10px;
   }
   .who-image img {
      border-radius: 20px;
   }
   .who-text {
      margin: 20px 10px;
   }
}

/**************************************
 *  06.Why Section Style
 *************************************/
.why-area {
}
.why-area .who-text {
   padding-left: 0;
   padding-right: 68px;
}

/**************************************
 *  07.Counter Section Style
 *************************************/
.counter-area {
   background-color: #f2f4f8;
   padding-top: 20px;
}
.counter-grid {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   gap: 32px;
}
.counter-area .counter-single {
   width: 100%;
   display: flex;
   padding: 30px 20px;
   flex-direction: column;
   align-items: flex-start;
   border-radius: 8px;
   background: #fff;
   box-shadow: 0px 0px 8px 0px rgba(141, 141, 141, 0.25);
   transition: all 0.3s ease-in-out;
}
@media (max-width: 991px){
   .counter-area .counter-single{
      align-items: center;
      justify-content: center;
   }
}
.counter-grid .counter-single:hover {
   background: var(--color-hover);
}
.counter-grid .counter-single svg {
   width: 55px;
   height: 55px;
}
.counter-grid .counter-single h2 {
   color: #5f5f5f;
   font-size: 40px;
   font-weight: 500;
   text-transform: capitalize;
   margin: 15px 0 10px;
}
.counter-grid .counter-single h4 {
   color: #5f5f5f;
   font-size: 24px;
   font-weight: 500;
}

/**************************************
 * 08.Values Section Style
 *************************************/
.value-area {
}
.value-grid {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 1px;
   transition: all 0.5s ease;
}
.value-single {
   padding: 50px 28px;
   border: 0.5px solid #707070;
   margin-bottom: -1px;
   margin-left: -1px;
   margin-top: -1px;
   margin-right: -1px;
   transition: all 0.5s ease;
   position: relative;
}
.value-single:first-child {
   border-radius: 16px 0 0 0;
}
.value-single:nth-child(3) {
   border-radius: 0 16px 0 0;
}
.value-single:nth-child(4) {
   border-radius: 0 0 0 16px;
}
.value-single:last-child {
   border-radius: 0 0 16px 0;
}
.value-single svg {
   width: 110px;
   height: 110px;
   transition: all 0.5s ease;
}
.value-single img {
   width: 110px;
   height: 110px;
   transition: all 0.5s ease;
}
.value-single h4 {
   color: #171717;
   font-size: 24px;
   line-height: 28px;
   font-weight: 500;
   height: 60px;
   margin: 15px 0 10px;
   transition: all 1s ease;
}
.value-single h6 {
   color: #636363;
   font-size: 16px;
   font-weight: 400;
   text-transform: capitalize;
   margin-bottom: 24px;
   transition: all 0.5s ease;
}
.value-single p {
   color: #303030;
   font-size: 16px;
   font-weight: 400;
   /* opacity: 0; */
   display: none;
   transition: all 0.5s ease-in-out;
}
.value-single:hover {
   background-color: #9aca3c;
}
.value-single:hover p {
   /* opacity: 1;          */
   display: block;
   transition: all 0.5s ease-in-out;
}

/**************************************
 * 09. Home Contact Section Style
 *************************************/
.home-contact {
}
.home-contact .section-title {
}
.home-contact .section-title h2 {
   color: #fff;
}
.home-contact_image {
   /* padding-top: calc(350 / 920 * 100%); */
   padding-top: calc(444 / 444 * 100%);
   position: relative;
}
.home-contact_image img {
   border-radius: 16px;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   /* object-fit: cover; */
}
@media (max-width: 991px){
   .home-contact_image img{
      position: relative;
      /*margin-top: -110px;*/
   }
}
.contact-form {
}
.contact-form .form-group {
   margin-bottom: 60px;
}
.home-contact .contact-form .form-group {
   margin-bottom: 30px;
}
.contact-form .form-label {
   color: #fff;
   font-size: 20px;
   font-weight: 400;
   margin-bottom: 28px;
}
.home-contact .contact-form .form-label {
   margin-bottom: 10px;
}
.contact-form .form-label span {
   color: #982c2c;
}
.contact-area {
   background-color: #f2f4f8;
}
.contact-form .form-control {
   color: #b3b3b3;
   font-family: Inter;
   font-size: 20px;
   font-weight: 300;
   padding: 16px;
   border-radius: 4px;
   border: 0.5px solid #fff;
   background-color: transparent;
}
.contact-form .form-control:focus {
   border-bottom: 0.5px solid var(--color-hover);
}
.contact-form .button {
   padding: 10px 40px;
}
/* Contact Page Contact Form */
.contact-area {

}
.contact-area .form-label {
   color: #343434;
}
.contact-area .contact-form .form-control {
   border: 0.5px solid #343434;
}
.contact-area .contact-form .form-control:focus {
   border-bottom: 0.5px solid var(--color-hover);
}
.contact-area .contact-form textarea {
   padding: 16px 16px 100px 16px;
}

/**************************************
 * 10.News Section Style
 *************************************/
.news-area {
}
.news-single {
}
.news-single h3 {
   color: #171717;
   font-size: 28px;
   line-height: 32px;
   font-weight: 400;
   margin: 32px 0 15px;
}
.news-single h4 {
   color: #7b7b7b;
   font-size: 20px;
   font-weight: 400;
}
.news-single_image {
   padding-top: calc(400 / 284.67 * 100%);
   position: relative;
}
.news-single_image img {
   border-radius: 20px;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/**************************************
 * 11.Achievement Section Style
 *************************************/
.achievement-area {
}
.achievement-single {
   margin-bottom: 60px;
}
.achievement-single_image {
   padding-top: calc(260 / 444 * 100%);
   position: relative;
}
.achievement-single_image img {
   border-radius: 20px;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.achievement-single h4 {
   color: #7f7f7f;
   font-size: 14px;
   font-weight: 400;
   margin: 24px 0;
}
.achievement-single h3 {
   color: #171717;
   font-size: 28px;
   line-height: 32px;
   font-weight: 400;
   margin: 32px 0 15px;
}
.event-area .achievement-single h3 {
   margin-top: 20px;
}
.achievement-single a {
   color: #0d0d0d;
   font-size: 20px;
   font-weight: 400;
}
.achievement-single a svg {
   width: 16px;
   height: 16px;
}
.achievement-single a svg path {
   transition: all 0.4s ease-in-out 0s;
}
.achievement-single a:hover {
   color: var(--color-hover);
}
.achievement-single a:hover svg path {
   fill: var(--color-hover);
}
/**************************************
 * 12.Get in touch Section Style
 *************************************/
.get-in-touch {
   border-bottom: 0.5px solid #7a7a7a;
}
.get-in-touch_text {
}
.get-in-touch_text h2 {
   color: #fff;
   font-size: 40px;
   font-weight: 500;
   margin-bottom: 20px;
}
.get-in-touch_text h4 {
   color: #fff;
   font-size: 20px;
   font-weight: 400;
}
.get-in-touch_btn {
   display: flex;
   align-items: center;
   justify-content: flex-end;
}
.get-in-touch_btn .button {
   padding: 10px 40px;
}

/**************************************
 * 13.Footer Section Style
 *************************************/

.footer-area {
   padding: 2px;
}
.footer-info {
}
.footer-logo {
}
.footer-logo img {
   width: 300px;
   height: 150px;
}
.footer-social {
   display: flex;
   justify-content: left;
   align-items: center;
   margin-left: 62px;
}
.footer-social a {
   background-color: white;
   height: 34px;
   width: 34px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
}
.footer-list h6 {
   color: #fff;
   font-size: 20px;
   line-height: 26px;
   font-weight: 700;
   position: relative;
   margin-bottom: 20px;
}
.footer-social a i{
   color: #000;
}
.footer-social a:hover{
   background-color: var(--color-hover);
}
.footer-social a:not(:last-child) {
   margin-right: 10px;
}
.footer-social a svg {
   width: 34px;
   height: 34px;
}

.footer-list {
}
.footer-list h6 {
   color: #fff;
   font-size: 16px;
   line-height: 26px;
   font-weight: 500;
   position: relative;
   margin-bottom: 20px;
}
.footer-list ul {
}
.footer-list ul li {
   display: block !important;
   padding-bottom: 15px;
}
.footer-list ul li a {
   font-size: 14px;
   font-weight: 300;
   color: #fff;
   transition: 0.3s ease-in;
}
.footer-list ul li div{
   font-size: 14px;
   font-weight: 300;
   color: #fff;
}
.footer-list ul li a:hover{
   color: var(--color-hover);
}

.footer-area .mail-form {
   margin-top: 20px;
}
.footer-area .mail-form p {
   color: #fff;
   font-size: 16px;
   line-height: 26px;
   font-weight: 500;
   margin-bottom: 20px;
}
.footer-area .mail-form .form-group {
   position: relative;
}
.footer-area .mail-form .form-group input {
   padding: 30px 16px;
   background-color: transparent;
   color: #b3b3b3;
   font-size: 20px;
   border-radius: 4px;
   border: 0.5px solid #fff;
}
.footer-area .mail-form button {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 0;
   width: 20%;
   height: 100%;
   border: none;
   background-color: var(--color-hover);
   border-radius: 0 4px 4px 0;
   color: var(--color-green);
   transition: 0.3s ease-in-out;
}
.footer-area .mail-form button img {
   transition: 0.3s ease-in-out;
}
.footer-area .mail-form button img:hover {
   transform: translateX(7px);
}

.footer-copyright {
}
.footer-copyright p {
   color: #fff;
   margin-top: 20px;
   font-size: 14px;
   font-weight: 300;
   margin-bottom:15px;
}
.footer-bottom {
   display: flex;
   justify-content: center;
   align-items: end;
}

/**************************************
 * 14.Product Brands Section Style
 *************************************/

.product-brand .section-title {
   position: relative;
}
.brand-slider-init {
   overflow: hidden;
}
.product-brand_single {
   border-radius: 4px;
   border: 1px solid #6a6a6a;
   display: flex !important;
   justify-content: center;
   align-items: center;
   height: 150px;
}
.product-brand_single a {
}
.product-brand_single a img {
   max-height: 140px;
}
.brand-prev,
.brand-next {
   color: #171717;
   font-size: 30px;
   background-color: transparent;
   border: none;
   cursor: pointer;
   position: absolute;
   top: -100px;
   right: 0;
}
.brand-prev:hover,
.brand-next:hover {
   color: var(--color-hover);
}
.brand-prev {
   right: 60px;
}

.brand-next {
   right: 0;
}

.product-des-wrapper {
}
.product_model {
   color: var(--color-black);
   font-size: 18px;
   line-height: 24px;
   font-weight: 600;
   margin-bottom: 15px;
}
.product_sku {
   color: var(--color-black);
   font-size: 16px;
   line-height: 22px;
   font-weight: 600;
   margin-bottom: 15px;
}
.product-des-wrapper h5 {
   color: var(--color-hover);
   font-size: 18px;
   line-height: 24px;
   font-weight: 700;
   margin-bottom: 15px;
}
.product-des-wrapper .badge-btn {
   color: #f00;
   font-size: 16px;
   font-weight: 400;
   border-radius: 4px;
   border: 1px solid #f00;
   background-color: transparent;
   padding: 4px 10px;
}
.product-des-wrapper .product-color {
}
.product-des-wrapper .product-color h4 {
   color: #2d2d2d;
   font-size: 24px;
   font-weight: 400;
   margin-bottom: 15px;
}
.product-des-wrapper .product-color .product-color_list {
   margin-bottom: 40px;
}
.product-des-wrapper .product-color .product-color_list li {
   width: 31px;
   height: 31px;
   border-radius: 50%;
   position: relative;
}
.product-des-wrapper .product-color .product-color_list li:not(:last-child) {
   margin-right: 12px;
}
.product-des-wrapper .product-color .product-color_list li.checked {
}
.product-des-wrapper .product-color .product-color_list li.checked:before {
   content: "";
   position: absolute;
   top: -4px;
   left: -4px;
   width: 39px;
   height: 39px;
   border-radius: 50%;
   border: 2px solid #3c4af0;
}

#black {
   background-color: #222;
}
#red {
   background-color: #ec412a;
}
#blue {
   background-color: #4b62d8;
}
#brown {
   background-color: #955418;
}
.product-des {
   margin-bottom: 20px;
   display: block;
}
.product-des p {
   margin-bottom: 10px;
   font-size: 16px;
   font-weight: 400;
}
.product-des li {
   position: relative;
   padding-left: 10px !important;
   display: flex;
   text-align: left;
   font-size: 16px;
   margin-bottom: 15px;
}
.product-des li::before {
   content: "";
   position: absolute;
   top: 10px;
   left: 0;
   background-color: #666;
   width: 4px;
   height: 4px;
   border-radius: 50%;
}

.product-des_check {
}
.product-des_check li {
   padding-left: 25px !important;
}
.product-des_check li::before {
   content: url("../images/static/check-icon.png");
   position: absolute;
   top: 5px;
   left: 0;
   background-color: transparent;
   width: 4px;
   height: 4px;
   border-radius: 50%;
}
.product-des_title {
   font-size: 24px;
   line-height: 24px;
   color: #2d2d2d;
   font-weight: 600;
   margin-bottom: 32px;
}

/**************************************
 * 15.Inner Banner Section Style
 *************************************/

 .inner-banner_phone-email .phone-email_single h5 a {
   color: #fff;
   transition: 0.4s;
}
.inner-banner_phone-email .phone-email_single h5 a:hover{
   color: var(--color-hover);
}
.inner-banner-title-container{
    background: #1d191d;
   padding: 40px 0px 85px 0px;
   position: relative;
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 118px;
}
.inner-banner-title-container::before {
    content: "";
    background: url(../images/static/inner-bottom-bg.png) repeat center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 45px;
 }
 .inner-banner-title-container .inner-banner_title h2 {
    color: #fff;
    font-size: 30px;
    line-height: 45px;
    font-weight: 500;
    text-align: center;
 }
.inner-banner {
   background: #1d191d;
   /* height: 550px; */
   padding: 250px 0 150px;
   position: relative;
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
}
.inner-banner::before {
   content: "";
   background: url(../images/static/inner-bottom-bg.png) repeat center;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 45px;
}
.inner-banner_title {
}
.inner-banner_title h2 {
   color: #fff;
   font-size: 40px;
   line-height: 45px;
   font-weight: 500;
}
.inner-banner_des {
}
.inner-banner_des p {
   color: #fff;
   font-size: 20px;
   font-weight: 300;
   line-height: 30px;
}
.inner-banner_phone-email {
   display: flex;
}
.inner-banner_phone-email .phone-email_single {
   margin-top: 50px;
   margin-right: 40px;
}
.inner-banner_phone-email .phone-email_single h4 {
   color: #fff;
   font-size: 24px;
   font-weight: 500;
   margin-bottom: 16px;
}
.inner-banner_phone-email .phone-email_single h5 {
   font-size: 20px;
   font-weight: 400;
}
.inner-banner_phone-email .phone-email_single h5 a {
   color: #fff;
}
.inner-banner_des .button {
   margin-top: 55px;
   background-color: #fff;
   color: #2c2c2c;
   border-radius: 86px;
   border: 2px solid #fff;
   padding: 10px 30px;
}

/******************************************
 * 15.1 Media Inner Banner Section Style
 *****************************************/
#news {
   background: url(../images/dynamic/news-bg.jpg);
}
#image {
   background: url(../images/dynamic/news-bg.jpg);
}
#event {
   background: url(../images/dynamic/event-bg.jpg);
}
#video {
   /*background: url(../images/dynamic/videos-bg.jpg);*/
   background-color:#fff;
   height:250px;
}
.image-area h2{
   color: #000000;
   font-size: 40px;
   font-weight: 500;
   text-align: center;
   padding-top: 50px;
   padding-bottom: 30px;
}
#product_details{
   background: url(../images/new-slider-images/LG-Cover-1370x478.jpg);
}
.media-inner-banner {
   background-color: #000;
   background-repeat: no-repeat !important;
   background-size: cover !important;
   background-position: center !important;
   height: 550px;
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}

.media-inner-banner_title {
}
.media-inner-banner_title h2 {
   color: #fff;
   font-size: 40px;
   font-weight: 500;
   text-align: center;

}

/**************************************
 * 16.Mission Vision Section Style
 *************************************/
 .mission-vision-card{
   margin: 5px;
   padding: 25px;
   border: 1px solid #8b8b8b;
   border-radius: 16px;
   overflow: hidden;
   background-color: #f2f4f8;
 }
 .mission-vision_image {
   width: 100%;
 }
 .mission-vision_image img{
   border-radius: 16px;
   width: 300px;
   height: 250px;
   object-fit: cover;
 }
 @media (max-width: 768px){
   .mission-vision-card{
      margin: 1px;
      padding: 15px 0px;
   }
 }
/* .mission-vision_image {
    padding-top: calc(460 / 460 * 100%);
   padding-top: 295px;
   position: relative;
}
.mission-vision_image img {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   width: 83%;
   height: 75%;
   object-fit: cover;
}
.mission-vision_text {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
   padding: 0 50px;
}
.mission-vision_text h2 {
   font-size: 32px;
   font-weight: 500;
   line-height: 39px;
   letter-spacing: 0em;
   margin-bottom: 24px;
   color: #171717;
}
.mission-vision_text p {
   font-size: 16px;
   font-weight: 400;
   line-height: 22px;
   letter-spacing: 0em;
   color: #6d6d6d;
}  */

/**************************************
 * 17.Team Section Style
 *************************************/
.team-area {
}
.team-area .section-title {
   display: block;
}
.team_chairman {
   background: url("../images/dynamic/about/chairman-bg.webp") no-repeat center center;
   background-size: cover;
   height: 460px;
   border-radius: 8px;
   padding-top: 90px;
   padding-left: 60px;
   position: relative;
}
.team_chairman::before {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.6);
}
.team_chairman_text {
   position: relative;
}
.team_chairman h4 {
   color: #fff;
   font-size: 24px;
   font-weight: 400;
   line-height: 34px;
   margin-bottom: 28px;
}
.team_chairman h6 {
   color: #fff;
   font-size: 18px;
   line-height: 24px;
   font-weight: 400;
   border-bottom: 2px solid #fff;
   display: inline-block;
   padding-bottom: 36px;
}
.team_single {
   margin-top: 60px;
}
.team_single h6 {
   color: #666;
   font-size: 12px;
   line-height: 18px;
   font-weight: 600;
   margin-top: 20px;
   text-transform: uppercase;
}
.team_single h4 {
   color: #2e2e2e;
   font-size: 22px;
   line-height: 28px;
   font-weight: 600;
   text-transform: capitalize;
   margin: 5px 0;
}
.team_single h5 {
   color: #666;
   font-size: 13px;
   line-height: 18px;
   font-weight: 500;
   text-transform: capitalize;
}

.team_single_image {
   padding-top: calc(215 / 285.33 * 100%);
   position: relative;
}
.team_single_image img {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 8px;
}

/**************************************
 * 18.factory Section Style
 *************************************/
.factory-area {
}
.factory_single {
   height: 380px;
   margin-bottom: 30px;
   padding: 32px 20px;
   border-radius: 8px;
   background: #fff;
   box-shadow: 0px 0px 8px 0px rgba(141, 141, 141, 0.25);
   transition: all 0.5s ease-in-out;
}
.factory_single:hover {
   background: var(--color-hover);
}
.factory_single h3 {
   color: #242424;
   font-size: 28px;
   font-weight: 500;
   margin-bottom: 12px;
   text-transform: capitalize;
}
.factory_single p {
   color: #6c6c6c;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
}

/**************************************
 * 19.Testimonial Section Style
 *************************************/
.testimonial-area {
}
.testimonial-area .section-title {
   position: relative;
}
.testimonial-slider-init {
}
.testimonial-single {
   padding: 32px 20px;
   border-radius: 8px;
   background: #fff;
   box-shadow: 0px 0px 8px 0px rgba(141, 141, 141, 0.25);
   margin-bottom: 60px;
}
.testimonial-single p {
   overflow: hidden;
   color: #424242;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   height: 160px;
   margin-bottom: 30px;
}
.testimonial-single_intro {
   display: flex;
}
.testimonial-single_intro_text {
}
.testimonial-single_intro_text h5 {
   color: #212255;
   font-size: 20px;
   font-weight: 500;
   line-height: 28px;
}
.testimonial-single_intro_text h6 {
   color: #424242;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
}
.testimonial-single_intro_image {
   margin-right: 16px;
}
.testimonial-single_intro_image img {
   width: 66px;
   height: 66px;
   border-radius: 50%;
}
.testimonial-prev,
.testimonial-next {
   color: #171717;
   font-size: 30px;
   background-color: transparent;
   border: none;
   cursor: pointer;
   position: absolute;
   top: 0;
   right: 0;
}
.testimonial-prev:hover,
.testimonial-next:hover {
   color: var(--color-hover);
}
.testimonial-prev {
   right: 60px;
}

.testimonial-next {
   right: 0;
}

/**************************************
 * 20.Product details page Style
 *************************************/
.terms-conditions_text {
   font-weight: 600;
   color: #7e7e7e;
   font-size: 14px;
   line-height: 18px;
   letter-spacing: 2px !important;
}
.details-image-concept h2 {
   font-weight: 600;
   font-size: 28px;
   line-height: 38px;
}
.details-items{
   position: relative;
   padding-top: 100px;
}
.details-items .details-image {
   position: relative;
}
.details-items .details-image .product-image-tag {
   position: relative;
   background-color: red;
}
.details-items .details-image .product-image-tag img {
   border-radius: 5px;
   height: 100%;
   position: relative;
   height: 300px;
   margin: auto;
   /* width: 400px;
   height: 400px;
   margin-top: -93px;
   margin-bottom: 30px;
   margin-left: 359px; */

}
.buyingAddressModal {
}
.buyingAddressModal .modal-dialog {
   min-width: 600px;
   margin: 0 auto;
   top: 200px;
}
.buyingAddressModal .modal-dialog .modal-content .modal-header {
   border-bottom: 1px solid #ddd;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   padding: 15px 15px 5px;
   margin: 0;
}
.buyingAddressModal .modal-dialog .modal-content .modal-header .modal-title {
   font-size: 22px;
   line-height: 28px;
   color: var(--color-black);
}
.buyingAddressModal .modal-dialog .modal-content .modal-header .close span {
   font-size: 30px;
   color: var(--color-black);
   opacity: 1;
}
.buying-address-single {
   margin: 40px 20px;
}
.buying-address-single h6 {
   font-size: 14px;
   color: #000;
   margin-bottom: 10px;
}
.buying-address-single h6 span {
   font-weight: 600;
}
.buying-address-single p {
   font-size: 14px;
   line-height: 24px;
   color: var(--color-bg-black);
   margin-bottom: 10px;
}
.product-buttons .button {
   color: #3a3a3a;
   font-size: 14px;
}
.product-buttons .button:hover {
   color: #fff;
}
.product-buttons .button::before,
.product-buttons .button::after {
   background-color: transparent;
}

/* Product slider */

.details-image-option .img-wrapper {
   height: 92px;
   border: 1.3px solid black;
   border-radius: 10px;
   margin: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden;
   cursor: pointer;
   width: 111px !important;
}
.details-image-option .img-wrapper img {
   max-height: 90px;
   margin: auto;
   /* min-width: 180px; */
}
.details-image-option .img-wrapper .variationColor,
.details-image-option .img-wrapper .variationModel,
.details-image-option .img-wrapper .variationPrice {
   display: none;
}

.details-image img {
   /* max-width: 400px; */
}

.slick-prev:before,
.slick-next:before {
   color: var(--color-hover);
   font-size: 32px;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
}
.slick-prev:before {
   left: -231px;
}
.slick-next:before {
   right: 208px;
}

.home-area .slick-prev:before {
   left: 40px;
}
.home-area .slick-next:before {
   right: 40px;
}



/* Product slider Zoom */
.zoomContainer{
   z-index: 2;
}
.zoomWindowContainer{
   position: relative !important;
   margin: 0 20px;
   width: 100% !important;
}
.zoomWindow {
   transition: all 0.3s ease-in-out;
   /* width: 100% !important; */
   width: 600px !important;
   /* height: 350px !important; */
   background-color: #fff;
   box-shadow: 0px 0px 20px 0 rgba(0,0,0, 0.05);
    left: 100% !important;
    /* background-position-x: center !important; */
}

/* Product variation */
.product-variation {
}
.product-variation h4 {
   font-size: 18px;
   line-height: 28px;
   color: var(--color-black);
   margin-bottom: 20px;
   font-weight: 600;
}
.product-variation h4 span {
   background-color: var(--color-hover);
   color: #fff;
   padding: 3px 15px;
   border-radius: 20px;
   display: none;
}
.product-variation_list {
   display: none;
}

/* Product description table */
.cloth-review .tab-pane .pro .table-part tr th,
.cloth-review .tab-pane .pro .table-part tr td {
   font-weight: 600;
}

/**************************************
 * 21.Service Section Style
 *************************************/
.service-area {
   padding: 100px 0 40px;
}
.service-single {
   margin-bottom: 60px;
}
.service-single h4 {
   color: #292929;
   font-size: 24px;
   font-weight: 600;
   margin-bottom: 45px;
}
.service-single p {
   color: #171717;
   font-size: 20px;
   font-weight: 300;
   margin-bottom: 20px;
   width: 90%;
}
.service-single .product-des {
}
.service-single .product-des li {
   color: #292929;
   font-size: 20px;
   font-weight: 400;
   margin-bottom: 20px;
   padding-left: 15px !important;
}
.service-single .product-des li::before {
   background-color: #292929;
   width: 6px;
   height: 6px;
}

/**************************************
 * 22.Visit Section Style
 *************************************/
.visit-area {
}
.visit-details {
}
.visit-details .nav-tabs {
   -ms-flex-wrap: initial;
   flex-wrap: initial;
   overflow-x: auto;
   overflow-y: hidden;
   border: none;
}
.visit-details .nav-tabs .nav-link {
   color: #2a2a2a;
   border-bottom: 4px solid transparent;
   padding: 15px 0;
   font-size: 20px;
   font-weight: 600;
   white-space: nowrap;
   margin-right: 30px;
}
.visit-details .nav-tabs .nav-link:hover {
   border-top-color: transparent;
   border-right-color: transparent;
   border-left-color: transparent;
   border-bottom: 4px solid var(--color-hover);
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
}
.visit-details .nav-tabs .nav-link.active {
   border-top-color: transparent;
   border-right-color: transparent;
   border-left-color: transparent;
   border-bottom: 4px solid var(--color-hover);
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
   color: #2a2a2a;
   font-weight: 600;
   background-color: #fff;
}

.visit-single {
   margin-top: 30px;
}
.visit-single h5 {
   color: #2a2a2a;
   font-size: 20px;
   font-weight: 300;
}
.visit-single h5 strong {
   font-weight: 500;
}
.visit-single h5:not(:last-child) {
   margin-bottom: 20px;
}
.visit-single iframe {
   margin-top: 60px;
   border-radius: 20px;
   height: 550px;
   width: 100%;
}

/**************************************
 * 23.Images Section Style
 *************************************/
.image-area {
}
.image-area h4 {
   font-size: 18px;
   line-height: 26px;
   color: var(--color-black);
   font-weight: 600;
   text-align: center;
   text-transform: capitalize;
}
.image-area .gallery-container {
   display: inline-block;
   width: 100%;
   padding-left: -15px;
   padding-right: -15px;
}

.image-single {
   padding-top: calc(232 / 285 * 100%);
   position: relative;
   margin-bottom: 30px;
}
.image-single img {
   border-radius: 16px;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.image_icon {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.image_icon i {
   color: #fff;
   font-size: 40px;
   cursor: pointer;
}
/* MagnificPopup */
img.mfp-img {
   max-width: 100%;
   max-height: 100%;
   width: 70vw;
   height: 70vh;
}
.mfp-figure:after {
   background: transparent;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
   font-size: 50px;
}

/**************************************
 * 24.Video Section Style
 *************************************/
 .video-wrapper {
   position: relative;
   overflow: hidden;
   border-radius: 16px;
}

.video-single {
   position: relative;
}

.poping {
   position: relative; /* Make the anchor tag relative */
   display: block; /* Ensure the anchor takes the full space */
}

.image-single img {
   object-fit: contain;
   width: 100%; /* Ensure the image covers the anchor */
   height: auto; /* Maintain aspect ratio */
}

.video-button {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 55px;
   height: 55px;
   background-color: #ffffff;
   border-radius: 50%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 9;
}

.video-button svg {
   width: 25px;
   height: 25px;
}

 /* .video-wrapper {
   position: relative;
   overflow: hidden;
   border-radius: 16px;
}
.video-single {
   position: relative;
}

 .video-image img {
   object-fit: contain;
}
 .video-button {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 55px;
   height: 55px;
   background-color: #ffffff;
   border-radius: 50%;
   margin: auto;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 9;
}
.video-button svg {
   width: 25px;
   height: 25px;
   margin-left: 7px;
} */
/* .video-wrapper {
   position: relative;
   overflow: hidden;
   border-radius: 16px;
   height: 400px;
}
.video-single {
   position: relative;
}
.video-image {
   padding-top: calc(500 / 650 * 100%);
   position: relative;
   border-radius: 16px;
}
.video-image img {
   border-radius: 16px;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   object-fit: contain;
}
.video-button {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 55px;
   height: 55px;
   background-color: #fff;
   border-radius: 50%;
   margin: auto;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 9;
}
.video-button svg {
   width: 25px;
   height: 25px;
   margin-left: 7px;
}

.gallery-container_video {
   display: inline-block;
   width: 100%;
   padding-left: -15px;
   padding-right: -15px;
}
.gallery-container_video a {
   position: relative;
}
.gallery-container_video img.mfp-img {
   width: 70vw;
   height: auto;
} */

/**************************************
 * 25.Banner Section Style
 *************************************/
.banner-area {
}
.banner-image {
   position: relative;
   padding-top: calc(430 / 920 * 100%);
}
.banner-image img {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 20px;
}
.banner-title {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 90%;
}
.banner-title h2 {
   color: #fff;
   text-align: center;
   font-size: 40px;
   font-weight: 400;
}

/**************************************
 * 26.Career Intro Section Style
 *************************************/
.career-intro {
   padding: 200px 0 60px;
}
.career-intro_top {
   display: grid;
   grid-template-columns: 1fr 1fr;
   padding-bottom: 100px;
}
.career-intro_top_text {
   padding: 70px;
   margin: 40px 0;
   border-radius: 33px 0 0 33px;
   border-top: 1px solid #2f2f2f;
   border-bottom: 1px solid #2f2f2f;
   border-left: 1px solid #2f2f2f;
   display: flex;
   justify-content: center;
   align-items: flex-start;
   flex-direction: column;
}
.career-intro_top_text h2 {
   color: #242424;
   font-size: 40px;
   line-height: 46px;
   font-weight: 500;
   margin-bottom: 30px;
}
.career-intro_top_text a {
}
.career-intro_top_text a svg {
   width: 36px;
   height: 36px;
}
.career-intro_top_text a span {
   color: #3e3e3e;
   font-size: 16px;
   font-weight: 500;
   margin-left: 7px;
}
.career-intro_top_image {
   position: relative;
   padding-top: calc(430 / 440 * 100%);
}
.career-intro_top_image img {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 25px;
}
.career-intro_bottom {
   background: #fff;
   box-shadow: 0px 0px 8px 0px rgba(141, 141, 141, 0.25);
   border-radius: 16px;
   padding: 30px;
   overflow: hidden;
   margin: 5px;
}
.career-intro_bottom_single {
}
.career-intro_bottom_single h5 {
   color: #2d2d2d;
   font-size: 20px;
   font-weight: 500;
   margin-bottom: 15px;
}
.career-intro_bottom_single p {
   color: #5a5757;
   font-size: 16px;
   line-height: 22px;
   font-weight: 300;
}

/**************************************
 *  27.Job Section Style
 *************************************/
.job-area {
   background-color: #f3f4f8;
   padding: 50px 0;
}

.job-single {
   padding: 40px 28px;
   margin-bottom: 30px;
   background: #fff;
   border: 0.5px solid #707070;
   border-radius: 16px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.job-single_text {
}
.job-single_text h4 {
   color: #171717;
   font-size: 24px;
   font-weight: 500;
   margin-bottom: 20px;
}

.pb-35{
        padding-bottom:35px;
    }

.job-single_text p {
   color: #636363;
   font-size: 16px;
   font-weight: 400;
}
.job-single_btn .button {
}
/* job form */
.job-area .form input:not(.check),
.job-area .form textarea {
   width: 100%;
   padding: 12px 20px;
   border: 0;
   background-color: #ffffff;
   font-weight: 500;
   border-radius: 5px;
   border-left: 3px solid var(--color-hover);
}

.job-area .form textarea {
   max-height: 120px;
   max-width: 100%;
}

.job-area .form .check {
   /* width: unset; */
}
.job-area .form .form-radio-wrapper {
   display: grid;
   grid-template-columns: 1fr 1fr;
   width: 50%;
}
.job-area .form .form-check {
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
}
.job-area .form .form-check-label {
   color: #505050;
   font-weight: 500;
   margin-left: 7px;
   margin-bottom: 20px;
   font-size: 14px;
   line-height: 14px;
}
.job-area .form .form-radio-wrapper .form-check-label {
   font-size: 14px;
   line-height: 18px;
   margin-top: 5px;
}
.job-area .form .form-label {
   color: #000;
   font-weight: 600;
   font-size: 16px;
   margin-bottom: 15px;
}

/**************************************
 * 28.Gallery Section Style
 *************************************/
.gallery-area {
}
.gallery-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 30px;
}
.gallery-single {
   margin-bottom: 30px;
}
.gallery-single_image {
   position: relative;
   border-radius: 20px;
}
.gallery-single_image {
   padding-top: calc(350 / 520 * 100%);
   width: 100%;
}
.gallery-single:first-of-type .gallery-single_image {
   padding-top: calc(550 / 370 * 100%);
   border-radius: 20px;
}

.gallery-single:first-of-type {
   grid-column: span 1;
   grid-row: span 2;
   /* height: 700px; */
}
.gallery-single:nth-child(2) {
   /* height: 270px; */
}
.gallery-single:nth-child(3) {
   /* height: 350px; */
}
.gallery-single:nth-child(4) {
   /* height: 270px; */
}
.gallery-single:nth-child(5) {
   /* height: 300px; */
}
.gallery-single:nth-child(6) {
   /* height: 350px; */
}
.gallery-single:nth-child(7) {
   /* height: 410px; */
}
.gallery-single_image img {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   object-fit: cover;
   width: 100%;
   height: 100%;
   border-radius: 20px;
}
.gallery-single_text {
   grid-column: span 2;
   grid-row: span 1;
}
.gallery-single_text h3 {
   color: #242424;
   font-size: 32px;
   font-weight: 500;
   margin-bottom: 24px;
}
.gallery-single_text p {
   color: #000;
   font-size: 16px;
   line-height: 28px;
   font-weight: 300;
}


/**************************************
 * 28.product_details Section Style
 *************************************/
 .product_details{
   background-color: red;
 }
/**************************************
 * 29.blog-details-area Section Style
 *************************************/
 .blog-details-area{

 }
 /*.blog-details-desc {*/
 /*  display: grid;*/
 /*  place-items: center;*/
 /*  max-width: 700px;*/
 /*}*/
 /*.blog-details-area .blog-details-desc .article-image img{*/
 /*  width: 700px;*/
 /*  height: auto;*/
 /*}*/
 /*.blog-details-area .article-title{*/
 /*  font-size: 25px;*/
 /*  font-weight: 600;*/
 /*}*/

.blog-details-desc .article-content{
   max-width: 700px;
 }
 .blog-details-desc {
   display: grid;
   place-items: center;
   max-width: 100%;
   position: relative; 
 }
 .blog-details-desc .date{
   text-align: left;
   width: 100%;
 }
 .blog-details-desc p{
   width: 100%;
      /* Space between each child */
 }
 .blog-details-desc h3{
   margin-top: 20px;
 }
 .blog-details-area .blog-details-desc .article-image img{
   width: 100%;
   height: auto;
 }
 .blog-details-area .article-title{
   font-size: 25px;
   font-weight: 600;
 }

/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */
/* __MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE__MY_STYLE */

/* Please ❤ this if you like it! */
.dropdown-container {
   display: flex;
   flex-direction: column;
   width: 200px;
}

.dropdown {
   position: relative;
   display: block;
   margin-bottom: 10px;
   transition: margin-bottom 0.3s ease-out;
}
.button-content{
   padding: 5px 0px;
}
.dropbtn {
   background-color: #ffffff;
   color: rgb(0, 0, 0);
   padding: 6px 20px;
   font-size: 16px;
   border: none;
   cursor: pointer;
   width: 100%;
   text-align: left;
   border-radius: 5px;
   /* padding: 5px 0px; */
}

.dropdown-content {
   display: none;
   position: absolute;
   background-color: #f9f9f9;
   min-width: 160px;
   z-index: 1;
   opacity: 0;
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
   left: 0;
}

.dropdown-content.show {
   opacity: 1;
   max-height: 500px; /* Adjust if needed */
   display: block;
   width: 100%;
}

.dropdown-content a {
   color: black;
   padding: 3px 16px;
   text-decoration: none;
   display: block;
   font-weight: 300;
}

.dropdown-content a:hover {
   background-color: #ffffff;
}


/* Hide scrollbar for Chrome, Safari and Opera */
*::-webkit-scrollbar {
   display: none;
 }

 /* Hide scrollbar for IE, Edge and Firefox */
 *{
   -ms-overflow-style: none;  /* IE and Edge */
   scrollbar-width: none;  /* Firefox */
 }



 @media only screen and (max-width: 600px) {
   .sm-hidden{
display: none !important;

   }

   .sm-grig-cols-1{
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
   }

   .sm-width {
      width: 350px;
   }
 }

.product-card-bottom{
   position: absolute;
   bottom: 0;
   left: 0;
   text-align: center;
   width: 100%;
   padding: 10px;
 }


 .product-card-title {
    font-weight: 600;
    margin-top: 13px;
    height:80px;
    line-height: 20px;
    padding: 8px;
 }
 .product-card-title a{
   color: #000;
   font-size: 14px;
 }



 /* .video-wrapper {
   position: relative;
   overflow: hidden;
   border-radius: 16px;
}
 .video-image img {
   object-fit: contain;
}
 .video-button {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 55px;
   height: 55px;
   background-color: #ffffff;
   border-radius: 50%;
   margin: auto;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 9;
}
.video-button svg {
   width: 25px;
   height: 25px;
   margin-left: 7px;
} */