/* ---------------- Google fonts ------------------ */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Open+Sans:wght@300;400;600;700&display=swap");
/* ---------------- Basic css ------------------ */

html {
  font-size: 61%;
}

:root {
  scroll-behavior: unset;
  --open: "Open Sans";
  --lato: "lato", sans-serif;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
i,
ol,
ul,
li,
form,
label,
footer,
header,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
main {
  overflow: hidden;
}
ol,
ul {
  list-style: none;
}
.figure img,
.figure {
  width: 100%;
}
a {
  text-decoration: none;
  transition: 200ms;
  color: inherit;
  display: block;
}
a:hover {
  color: #7e7e7e;
}

button:focus,
a:focus,
input:focus,
textarea:focus {
  outline: none;
}
.home_page,
.bg_wrap {
  position: relative;
}
.bg_wrap .produit_bg img {
  width: 70%;
}
.bg_wrap .produit_bg {
  bottom: -9%;
}

/* --------------- scroll bar ------------- */
::-webkit-scrollbar {
  width: 0rem; /* Set width for vertical scrollbar */
  border-radius: 10rem;
  display: none;
}
::-webkit-scrollbar-thumb {
  background-color: #f0eef4; /* Color of the thumb */
  border-radius: 10rem;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #ddd; /* Color of the thumb */
  border-radius: 10rem;
}
::-webkit-scrollbar-track {
  background-color: #fff; /* Color of the track */
}
::-webkit-scrollbar-track-piece {
  background-color: #fff; /* Color of the track piece */
}
/* Styling the scrollbar corner for WebKit */
::-webkit-scrollbar-corner {
  background-color: #fff; /* Color of the corner */
}
/* Styling the scrollbar buttons for WebKit */
::-webkit-scrollbar-button {
  display: none; /* Hide scrollbar buttons */
}
/* body */
body {
  font-size: 1.4rem;
  font-style: normal;
  font-family: "Open Sans";
  font-weight: 400;
  line-height: 1.25;
  min-height: 100vh;
  letter-spacing: -0.16px;
  color: #255783;
}

.container {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
/* Title */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "lato", sans-serif;
}

/* -------------- preloader --------------- */
#preloader {
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loader3 {
  width: 5rem;
  height: 5rem;
  display: inline-block;
  padding: 0;
  text-align: left;
}

.loader3 span {
  position: absolute;
  display: inline-block;
  width: 5rem;
  height: 5rem;
  border-radius: 100%;
  background: #000000;
  animation: loader3 1.5s linear infinite;
}

.loader3 span:last-child {
  animation-delay: -0.9s;
  -webkit-animation-delay: -0.9s;
}

@keyframes loader3 {
  0% {
    transform: scale(0, 0);
    opacity: 0.8;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

/* ---------------- Hamburger ---------------- */
.hamburger_menu {
  position: relative;
}
.hamburger_menu .all_select_items {
  min-width: 18rem;
  width: auto;
  right: 0;
  top: 5rem;
  height: 0;
  transition: 0s;
}
.hamburger_menu .all_select_items.active {
  height: auto;
  background: #fff;
  width: max-content;
}
.hamburger_menu .all_select_items .select {
  border-bottom: 1px solid #dddddd;
  display: flex;
  width: 100%;
  justify-content: flex-start;
  border-radius: 0;
  background: #fff;
}
.hamburger_menu .select {
  gap: 1rem;
  padding: 0 1rem;
}
.menu_link2 {
  width: 100% !important;
  font-size: 1.4rem;
  background: #23d7d9 !important;
  border-radius: 0 !important;
  color: #fff;
  font-weight: 500;
  gap: 1rem;
  height: 4.5rem !important;
}
.menu_link2:hover {
  color: #fff;
  opacity: 0.8;
}
.menu_link2 img {
  width: 1.8rem !important;
}
.select_langs {
  height: 100%;
}
.langs {
  width: 100%;
  height: 14rem;
  background: #fff;
  box-shadow: 0rem 1rem 1rem 0.1rem rgba(0, 0, 0, 0.2) !important;
  border-radius: 1rem;
  display: none;
  overflow-y: scroll;
}
.langs.active {
  display: block;
}
.select_langs > .select {
  position: relative;
  height: 4.5rem !important;
}
.langs .select:hover {
  opacity: 1;
}
.langs .select {
  padding: 1rem;
}

.select_langs .category_img_main {
  border-radius: 10rem;
}
.select_langs.active > .select {
  background: #efefef;
}
.hamburger img {
  width: 2.2rem;
}
.hamburger {
  height: 4rem;
  width: 4rem;
  border-radius: 10rem;
}
.hamburger.active {
  background: #fff;
  box-shadow: 0 0 1.2rem 0.1rem rgba(0, 0, 0, 0.1);
}
.category_arrow {
  filter: brightness(0) saturate(100%) invert(27%) sepia(88%) saturate(419%)
    hue-rotate(164deg) brightness(92%) contrast(90%);
}
/* ---------------- Top Bar ----------------- */
.top_bar {
  background: #f7f6f9;
  display: flex;
  align-items: center;
  padding: 0.4rem 0;
}
.stars_icon img {
  width: 1.6rem;
  filter: brightness(0) saturate(100%) invert(93%) sepia(59%) saturate(1473%)
    hue-rotate(337deg) brightness(105%) contrast(98%);
}
.stars_icon {
  gap: 0.2rem;
}
.text_right {
  color: #4f769a !important;
  font-size: 1.4rem;
  font-weight: 400;
  border-bottom: 0.2rem solid #4f769a;
  line-height: 2.2rem;
}
.text_right span {
  font-weight: 600;
  padding-left: 0.4rem;
  color: #4f769a;
}

/* -------------- Top Bar 2 --------------- */
.site_header {
  position: relative;
  z-index: 9999;
}
.top_bar2 {
  height: 7.4rem;
  display: flex;
  align-items: center;
  box-shadow: 0 0.5rem 5rem -1rem rgba(0, 0, 0, 0.1);
  background: #fff;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  transition: 0.5s;
}
.top_bar2.active {
  position: fixed;
  top: 0;
  left: 0;
}
.w-1\/3 {
    width: calc(100% / 3);
}
.logo img {
  width: 18rem;
}
.nav_middle h2 {
  color: #255783;
  font-size: 1.7rem;
  font-weight: 500;
}
.whatsapp_box {
  position: relative;
  margin-left: 1rem;
}

.whatsapp_box span {
  background: #64ce78;
  height: 3.4rem;
  display: flex;
  align-items: center;
  border-radius: 10rem;
  font-size: 1.7rem;
  font-weight: 600;
  color: #fff;
}
.whatsapp_box img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4.7rem;
}
.whatsapp_box.right img {
  right: 0;
}
.whatsapp_box.right span {
  padding: 0 6rem 0 2rem;
}
.nav_right a,
.shop_card_btn {
  background: #f6fbf7;
  height: 4rem;
  width: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10rem;
  position: relative;
}
.nav_right a > img,
.shop_card_btn > img {
  width: 2.3rem;
}

.nav_right {
  display: flex;
}
.nav_middle,
.nav_right {
  position: relative;
  z-index: 9999;
}
.nav_right .search_btn {
    width: calc(100% - 12.5rem);
}
button {
  background: none;
  border: none;
  outline: none;
  padding: 0;
}

.badge {
  background: #ff0000;
  height: 1.5rem;
  width: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: absolute;
  top: 0rem;
  right: -0.5rem;
}
.whatsapp_right {
  background: #fff;
  padding: 0;
  width: auto !important;
  height: auto !important;
}
.whatsapp_right img {
  width: 4rem !important;
}
/* --------------- Hero Section --------------- */
.home-text {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.home-text img {
  width: 1.7rem;
}
.home-text .active {
  font-weight: 600;
}
.text_xl {
  font-size: 3.2rem;
  font-weight: 600;
  color: #255783;
}
.text_md {
  font-size: 1.8rem;
  color: #4b5a5d;
  font-weight: 500;
  word-spacing: 0.3rem;
}
.color_green {
  color: #64ce7a;
}
.whatsapp_box.left span {
  padding: 0 4rem 0 8.5rem;
  height: 4.6rem;
  border-radius: 3rem;
  font-size: 2.2rem;
  border-bottom-left-radius: 10rem;
  border-top-left-radius: 10rem;
}
.whatsapp_box.left img {
  width: 6.1rem;
}
.feature_bottom > p.pl_15 {
  padding-left: 2rem;
}
.feature_bottom > p {
  font-size: 1.6rem;
  color: #6b7274;
  font-weight: 600;
}
.feature_bottom > p > span {
  font-weight: 600;
  font-size: 1.8rem;
}
.Featureleft {
  padding: 2.5rem 2rem 3rem 4.5rem;
  display: grid;
  border: 0.2rem solid #64ce78;
  border-radius: 1rem;
  width: calc(100% + 1rem);
  position: relative;
  z-index: 1;
  background: #fff;
  height: 100%;
}
.feature_right img,
.feature_right {
  height: 100%;
  object-fit: cover;
  border-bottom-right-radius: 1rem;
  border-top-right-radius: 1rem;
  position: relative;
}
.play_btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 9rem;
  width: 9rem;
  background: #f36765c2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10rem;
}
.play_btn img {
  width: 4.5rem;
  height: 4.5rem;
  filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(50%)
    hue-rotate(310deg) brightness(110%) contrast(100%);
  transform: translateX(0.2rem);
}
.h_bottom_box img {
  width: 2.5rem;
}
.h_bottom_box p {
  font-size: 1.6rem;
  color: #878d8d;
  font-weight: 500;
  margin-left: 0.5rem;
}
.hero_bottom {
  gap: 5rem;
  overflow-x: auto;
}
.hero_bottom .h_bottom_box p {
  text-wrap: nowrap;
}
.hero_bottom::-webkit-scrollbar {
  display: none;
  scrollbar-width: 0;
}
.feature_wrap {
  box-shadow: 0 0 1rem rgba(75, 90, 93, 0.16);
  border-radius: 1.5rem;
  margin-top: 2.5rem;
}
.Featureleft .text_xl {
  color: #4b5a5d;
  font-size: 3rem;
}

.Featureleft .text_md {
  line-height: 1.4;
}

/* ---------------- Feature Slider ---------------- */
.slide_icon {
  position: absolute;
  right: 2rem;
  z-index: 99;
  width: auto;
  height: auto;
  top: -2rem;
  border-radius: 10rem;
}
.feature_slide {
  position: relative;
  border-radius: 1rem;
}
.main_slide_img {
  height: 15rem;
  width: 100%;
  object-fit: cover;
  border-radius: 1rem;
}
.F_slide_text {
  position: absolute;
  bottom: 1.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2.4rem;
  line-height: 1.14;
  text-align: center;
  color: #fff;
  font-weight: 600;
}
.feature_slide:before {
  content: "";
  height: 100%;
  width: 100%;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.65) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 1rem;
}
.owl-nav button img {
  filter: brightness(0) saturate(100%) invert(81%) sepia(10%) saturate(486%)
    hue-rotate(218deg) brightness(89%) contrast(83%);
  width: 5rem;
}
/* --------- Slider Styles Default ---------- */
.owl-stage {
  width: 100%;
  display: flex;
  cursor: grab;
}
.owl-stage-outer {
  width: 100%;
  overflow: hidden;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.owl-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  width: calc(100% + 10rem);
  top: 50%;
  transform: translateY(-50%) translateX(-5rem);
  z-index: 1;
}
.owl-loaded {
  position: relative;
  touch-action: pan-y;
}
.featureSlide_section .owl-nav {
  height: 0;
}
/* -------------- Featured Two ----------------- */
.feature_two .Featureleft {
  padding: 2rem 2rem 2.5rem 6.5rem;
}
.text_md_light {
  color: #4b5a5d;
  font-size: 1.8rem;
  line-height: 3.5rem;
  font-weight: 500;
}
.text_md_light span {
  font-weight: 600;
}
.button_one {
  border: 0.2rem solid #64ce78;
  border-radius: 1rem;
  height: 5rem;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: #64ce78;
  padding: 0 3rem;
}
.button_one:hover {
  background: #64ce78;
  color: #ffffff;
}

/* ------------ Footer Section ----------------- */
.footer_section {
  background: #d0f2f1;
}
.footer_social a img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7444%)
    hue-rotate(252deg) brightness(115%) contrast(95%);
}
.footer_social a img {
  width: 1.8rem;
}
.footer_social a {
  height: 4rem;
  width: 4rem;
  background: #1cd2dc;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100rem;
}
.footer_social a:hover {
  background: #7b7b7b;
}
.footer_social {
  gap: 1rem;
}
.footer_right {
  display: grid;
  gap: 2rem;
  background: #fff;
  padding: 2.5rem 3rem 2.5rem 2.5rem;
  border-radius: 1rem;
}
.footer_links a,
.copywrite {
  font-size: 1.5rem;
  font-weight: 600;
  color: #4b5a5d;
  display: inline-block;
  margin: 0.2rem 0;
}

.footer_links a:hover {
  color: #1cd2dc;
}

.footer_links {
  display: grid;
  gap: 0.6rem;
}
.footer_logo img {
  width: 22rem;
  margin-left: 6rem;
}
.footer_right h2 {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 800;
  color: #000;
  line-height: 1.3;
}

/* -------------- Fillter Section ---------------- */
.filter_btn {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  background: #f7f6f9;
  height: 4.5rem;
  padding: 0 1rem;
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.filter_btn > p {
  color: #255783;
  font-size: 1.4rem;
  font-weight: 500;
}
.fillter_point {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.fillter_point img {
  width: 2rem;
}

.fillter_point p {
  color: #255783;
  font-size: 1.3rem;
  font-weight: 700;
}

.filter_cap {
  width: fit-content;
  height: 3rem;
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  border-radius: 0.4rem;
  margin-top: 1.5rem;
  letter-spacing: 0.1rem;
  font-weight: 400;
}
.filter_cap a {
  padding: 1rem;
  border-radius: 0.6rem;
  border: 1px solid #255783;
  color: #255783;
}
.filter_cap a.active,
.filter_cap a:hover {
  background: #255783;
  color: #fff;
}

.tag_title {
  color: #255783;
  font-size: 1.3rem;
  font-weight: 700;
  padding-bottom: 1rem;
}

.tag_box {
  padding: 1.5rem 0;
  display: grid;
  gap: 1rem;
}
.tag_boxes {
  display: grid;
  gap: 1rem;
}
.tags a {
  font-size: 1.2rem;
  border: 1px solid #255783;
  height: 3rem;
  display: flex;
  align-items: center;
  padding: 1rem;
  border-radius: 0.6rem;
  font-weight: 500;
}

.tags {
  gap: 1rem;
}

.tags a:hover {
  background: #255783;
  color: #fff;
}
.range_bum_box p {
  font-size: 1.4rem;
  font-weight: 700;
  color: #b5adc6;
}
.range_bum_box input {
  color: #b5adc6;
  font-size: 1.4rem;
  font-weight: 400;
  background: none;
  border: none;
  outline: none;
}
.input_box {
  width: min-content;
  position: relative;
  gap: 0.5rem;
}
.input_box p {
  font-weight: 500;
  font-size: 1.5rem;
}
.range_number {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.irs-handle {
  cursor: pointer;
}
.range-slide {
  position: relative;
}
.range-container {
  position: relative;
}
.chart1 {
  position: absolute;
  top: 1.4rem;
  left: 0;
}
.chart2 {
  position: absolute;
  top: 0;
  z-index: -1;
}
.tik_mark {
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid #255783;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
}

.tik_mark img {
  width: 2rem;
  height: 2rem;
  transition: 0.2s;
  opacity: 0;
  transform: scale(0);
  filter: brightness(0) saturate(100%) invert(28%) sepia(47%) saturate(897%)
    hue-rotate(167deg) brightness(90%) contrast(84%);
}

.check_box.checked .tik_mark img {
  opacity: 1;
  transform: scale(1);
}

.check_box p {
  color: #255783;
  font-size: 1.8rem;
  font-weight: 500;
  margin-left: 1.5rem;
}
.search_fillter {
  position: relative;
  overflow: hidden;
}
.check_boxes {
  display: grid;
  height: 0;
  overflow-y: scroll;
  opacity: 0;
  transition: 0.3s;
  position: relative;
}
.search_fillter.active:before {
  content: "";
  width: calc(100% - 4rem);
  box-shadow: 0 0 1rem 0.1rem rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 2rem;
  bottom: -0.2rem;
  height: 0;
}
.search_fillter.active .check_boxes {
  height: 16rem;
  opacity: 1;
}
.check_box {
  cursor: pointer;
  height: 4rem;
}
.search_btn {
  position: relative;
  width: 100%;
  margin-bottom: 0.5rem;
}

.search_btn input {
  height: 3.5rem;
  padding: 0 2rem 0 4rem;
  border-radius: 0.5rem;
  border: 1px solid #255783;
  color: #b5adc6;
  font-size: 1.3rem;
  width: 100%;
}
.search_btn input::placeholder {
  color: #b5adc6;
}
.serch_icon {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.8rem;
}

/* ----------- Range slider ------- */
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
  display: none !important;
}
.range-slider {
  width: 100%;
  height: 0.7rem;
  border-radius: 1rem;
  background: #efefef;
  outline: none;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}

.range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #255783;
  cursor: pointer;
  width: 2.5rem;
  height: 2.5rem;
  border: 0.1rem solid #255783;
  background-color: #fff;
  border-radius: 2.5rem;
  box-shadow: 0 1px 3px rgb(37, 87, 131, 0.5);
}

.range-slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #255783;
  cursor: pointer;
}

/* -------------- Search Nav ----------------- */
.select_btn {
  position: relative;
}

.select {
  gap: 1.5rem;
  padding: 0 1rem;
}

.all_select_items {
  position: absolute;
  width: 100%;
  top: 5rem;
  display: grid;
  height: 0;
  border: 1px solid #255783;
  border-radius: 0.6rem;
  opacity: 0;
  transition: 0.5s;
  z-index: 2;
  overflow: hidden;
  background: #fff;
}
.all_select_items.active {
  opacity: 1;
  height: auto;
  top: 5rem;
  background: #fff;
}
.all_select_items .select {
  padding: 1.3rem 1rem;
}
.all_select_items .select p {
  text-wrap: wrap;
}
.category_img_main {
  width: 1.8rem;
}
.search_nav .category_img_main {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 4rem;
}

.select p {
  white-space: nowrap;
  color: #255783;
  font-size: 1.5rem;
  font-weight: 500;
}
.select.seleted.category_select p {
  width: 10rem;
  overflow: hidden;
}

.search_nav {
  height: 4.5rem;
  gap: 1rem;
}

.gridbtn img,
.gridbtn {
  height: 100%;
  cursor: pointer;
}
.gridbtn img:last-child {
  display: none;
}
.gridbtn img:first-child {
  display: block;
}
.gridbtn.active img:first-child {
  display: none;
}
.gridbtn.active img:last-child {
  display: block;
}
.select.seleted,
.select_btn,
.search_nav .search_btn {
  height: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}

.select.seleted {
  border: 1px solid #255783;
  padding: 0 1rem;
  border-radius: 0.6rem;
  cursor: pointer;
  width: auto;
  min-width: 21rem;
}

.all_select_items .select {
  border-bottom: 1px solid #dddddd;
}
.all_select_items .select:hover {
  opacity: 0.5;
  cursor: pointer;
}
.all_select_items .select:last-child {
  border-bottom: 0;
}
.search_nav .search_btn input {
  height: 100%;
  font-size: 1.6rem;
  border-radius: 10rem;
}
.search_btn input {
    border-radius: 10rem;
}
/* Change the white to any color */
.search_btn input:-webkit-autofill,
.search_btn input:-webkit-autofill:hover,
.search_btn input:-webkit-autofill:focus,
.search_btn input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.search_nav .search_btn img {
  left: 1.5rem;
}
.selected_btns {
  height: 100%;
  width: 21rem;
  overflow: hidden;
  padding-right: 1rem;
}
/* ------------------- Item Cards ------------------ */
.card_row .col-lg-4,
.card_row .col-lg-12 {
  padding: 0 1rem;
}
.card_row {
  gap: 2rem 0;
}
.item_img_cap {
  position: absolute;
  top: 2rem;
  width: 100%;
}
.item_img_box {
  position: relative;
  display: flex;
  height: 17.5rem;
}
.rating {
  background: #fff;
  padding: 0;
  border-radius: 0.5rem;
  color: #255783;
  font-size: 1.45rem;
  font-weight: 800;
  font-family: "Open Sans";
  height: 2.8rem;
  width: 2.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.imgcap_left_right .stars_icon img {
  width: 1.2rem;
}
.imgcap_left_right .stars_icon img:last-child {
  opacity: 0.8;
}
.imgcap_left_right p {
  color: #fff;
  font-weight: 600;
}
.imgcap_right {
  height: 2.2rem;
  padding: 0 1rem 0 1.5rem;
  text-align: right;
  color: #fff;
  font-size: 0.9rem;
  white-space: nowrap;
  background: url(../img/angle1.png) no-repeat scroll top left / cover;
}
.item_content_mid .text_xl {
  font-size: 1.5rem;
  text-align: center;
  padding: 0 1rem;
  padding-bottom: 2rem;
}
.detail_boxes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  padding: 0 2rem;
}

.detail_box_text {
  width: 65%;
  text-wrap: wrap;
}
.detail_box_text h2 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #4b5a5d;
}

.detail_box_text p {
  font-size: 0.9rem;
  white-space: normal;
  color: #255783;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.details_box {
  gap: 0.8rem;
}

.details_box > img {
  height: 2.5rem;
  width: 2.5rem;
}

.item_content_mid {
  background: #fff;
  padding: 2rem 0;
  height: 100%;
}

.item_content_bottom {
  background: #f6fbf7;
  height: 5.5rem;
  padding: 1rem 1.4rem;
}

.item_content_bottom p {
  font-size: 1.2rem;
  font-weight: 400;
  color: #6b7273;
}

.item_content_bottom p > span {
  color: #4b5a5d;
  font-size: 1.8rem;
  font-weight: 700;
}
.item_card {
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: -0.5rem 0.5rem 1rem 0 rgba(0, 0, 0, 0.05);
  width: 100%;
}
.grid_cards .item_card {
  height: 100%;
  display: grid;
  background: #f6fbf7;
  grid-template-rows: auto 1fr;
}

.item_content_bottom h3 {
  background: #64ce78;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3rem;
  color: #fff;
  font-size: 1.4rem;
  border-radius: 0.6rem;
  border: 1px solid #64ce78;
  font-weight: 500;
  line-height: 1;
}

.item_content_bottom h3:hover {
  color: #64ce78;
  background: #fff;
  border: 1px solid #64ce78;
}
.item_card .item_img img {
  transition: 0.3s;
  height: 17.5rem;
  object-fit: cover;
}
.item_card .item_img {
  overflow: hidden;
  height: 17.5rem;
}
.item_card:hover .item_img img {
  transform: scale(1.1);
  filter: brightness(1);
}
.main_card_content_wrap {
  display: flex;
  flex-direction: column;
  padding-top: 10px;
}
.Taz_panier_two .main_card_content_wrap,
.Taz_panier .main_card_content_wrap {
    position: relative;
  padding-bottom: 10px;
}
.item_card_2 .item_img {
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}
.item_card_2 .item_img img {
  height: 100%;
  filter: brightness(0.7);
}
.item_card_2 .item_img_box {
  display: grid;
  align-items: end;
}

.item_card_2 .item_content_bottom {
  background: transparent;
}

.item_card_2 .item_content_bottom p,
.item_card_2 .item_content_bottom p > span {
  color: #fff;
}

.card_2_content {
  padding: 0 1.5rem 0rem 1.5rem;
}
.item_card_2 .item_img_box {
  height: 100%;
}
.card_2_content .text_xxl {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 3.5rem;
  padding-bottom: 4rem;
}

.white_star {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7490%)
    hue-rotate(137deg) brightness(104%) contrast(103%) !important;
  width: 1.3rem !important;
}
.card_2_content_top > p {
  font-size: 1.1rem;
  padding-left: 0.5rem;
  color: #fff;
  font-weight: 600;
  transform: translateY(0.1rem);
}
.card_2_content_top {
  background: linear-gradient(
    80deg,
    rgba(85, 112, 254, 1) 0%,
    rgba(85, 112, 254, 1) 5%,
    rgba(248, 102, 199, 1) 100%
  );
  height: 3rem;
  padding: 0 1.5rem;
  width: fit-content;
  border-radius: 0.6rem;
  margin-bottom: 1rem;
}
.card3_text {
  background: linear-gradient(
    80deg,
    rgba(85, 112, 254, 1) 0%,
    rgba(85, 112, 254, 1) 5%,
    rgba(248, 102, 199, 1) 100%
  );
  font-size: 1.4rem;
  padding: 0 1.5rem;
  color: #fff;
  position: absolute;
  bottom: 0.6rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-weight: 600;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  padding-top: 0.6rem;
}
.card_item_3 .item_img_box:before {
  content: "";
  background: linear-gradient(
    80deg,
    rgba(85, 112, 254, 1) 0%,
    rgba(85, 112, 254, 1) 5%,
    rgba(248, 102, 199, 1) 100%
  );
  height: 0.6rem;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.grid_cards {
  height: auto;
  overflow-y: scroll;
  overflow-x: visible !important;
  padding-bottom: 2rem;
}
.item_card_2 {
  background: transparent !important;
}
.item_card_2 .item_img_box {
  position: relative;
}
.item_card_2 .item_img_box:before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background: #00938496;
  z-index: 0;
  transition: 0.3s;
  opacity: 1;
}
.item_card_2 .item_img img {
  height: 100%;
  filter: brightness(1);
}
.list_details_box {
  display: none !important;
}
.main_product_row .list_cards .detail_boxes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.main_product_row .list_cards .list_details_box {
  display: flex !important;
}
.card_2_wrap {
  position: relative;
}
/* -------------------- Slider Two ----------------- */
.slider2_section {
  background: #f4fcf5;
  padding: 4.5rem 0;
}
.pdt_inner_row2.slider2_section {
  background: transparent;
  padding-top: 3.5rem;
  padding-bottom: 2.5rem;
}
.slider2_bottom > p,
.slider2_btn_text {
  background: #64ce78;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.8rem;
  color: #fff;
  font-size: 1.5rem;
  border-radius: 0.5rem;
  border: 1px solid #64ce78;
  width: 100%;
  margin-bottom: 1rem;
}

.slide2_bottom_box img {
  width: 2rem;
  height: 2rem;
}

.slide2_bottom_box p {
  font-size: 1.4rem;
  padding-left: 0.5rem;
  color: #fff;
  font-weight: 500;
}
.slider2_box.slider2_box1 .slider2_bottom {
  position: absolute;
  width: calc(100% - 3rem);
  left: 50%;
  transform: translateX(-50%);
  bottom: 2rem;
}
.slider2_box.slider2_box1 {
  position: relative;
}

.slider2_box.slider2_box1 .play_btn {
  background: rgb(0, 0, 0, 0.5);
  width: 8rem;
  height: 8rem;
}

.slider2_box.slider2_box1 .play_btn img {
  width: 3rem;
  height: 3rem;
}

.slider2_box1 img {
  height: 100%;
}

.slider2_box1:before {
  width: 100%;
  content: "";
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 1) 0%,
    rgb(0 0 0 / 72%) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

.slider2_bottom h3 {
  font-size: 1.7rem;
  font-weight: 900;
  font-style: italic;
  color: #4b5a5d;
}

.slider2_bottom h2 {
  font-size: 1.7rem;
  font-weight: 500;
  font-style: italic;
  color: #4b5a5d;
  padding-bottom: 2rem;
}

.slider2_bottom h2 > span {
  font-weight: 900;
}

.slider2_box2 .slider2_bottom {
  padding: 2rem 2rem 2rem 2rem;
  background: #fff;
}
.slider2_box2 .slide2_bottom_box p {
  color: #64ce78;
  font-size: 1.4rem;
}

.slide2_bottom_box {
  align-items: flex-end !important;
}

.slider2_box {
  border-radius: 1rem;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.09);
  display: grid;
}
.owl-dot {
  width: 1.2rem;
  height: 1.2rem;
  background: #dddddd;
  border-radius: 10rem;
  margin-top: 2rem;
}
.owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.owl-dot.active {
  background: #23d7d9;
  width: 1.4rem;
  height: 1.4rem;
}
.slider2_section .play_btn img {
  width: 4rem;
  height: 4rem;
}
.slider2_section .owl-nav {
  display: none;
}
.slider2_box1 .figure,
.slider2_box1 .figure img {
  height: 100%;
  object-fit: cover;
}
.slider_2 .owl-item {
  display: flex;
}
.pdt_image_slide .owl-item,
.pdt_sm_slider .owl-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.relative {
  position: relative;
  z-index: 11;
}
/* ---------------------------------------------- Taz Produit Page Css ---------------------------------------------------- */

/* --------------- Produit Main Section --------------- */
.produit_main {
  position: relative;
  padding-bottom: 4rem;
}
.produit_bg {
  display: flex;
  position: absolute;
  left: -30%;
  bottom: -5%;
  z-index: -1;
}
.produit_bg img {
  width: 80%;
  height: 90%;
  filter: brightness(0) saturate(100%) invert(91%) sepia(24%) saturate(142%)
    hue-rotate(156deg) brightness(105%) contrast(97%);
}
.pdt_left_top {
  flex-wrap: wrap;
}
.pdt_left_top .text_xl {
  color: #255783;
  font-size: 3.3rem;
}
.pdt_left_top .text_xl span,
.pdt_left_top .text_xl strong {
  background: #19d6da;
  color: #fff;
  padding: 0 1rem;
  padding: 0 0.5rem;
  font-size: 3.3rem;
}
.pdt_left_top .text_md {
  color: #c6c6c6;
  padding: 0.5rem 1rem;
  border: 1px solid #efefef;
  font-size: 1.35rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  line-height: 2.2rem;
}

.pdt_left_top .text_md span {
  font-size: 2rem;
  font-weight: 600;
}

.text_medium {
  font-size: 1.8rem;
  line-height: 3rem;
  color: #255783;
  font-weight: 500;
}

.pdt_image_slide {
  border-radius: 1rem;
  object-fit: cover;
  overflow: hidden;
  max-height: 532px;
}
.pdt_image_slide img {
  width: 100%;
  height: auto;
  object-fit: cover;
  max-height: 532px;
  border-radius: 1rem;
  aspect-ratio: 384 / 274;
}

.pdt_sm_slide img {
  width: 11.5rem;
  height: 11.5rem;
  object-fit: cover;
  border-radius: 10rem;
}
.pdt_sm_slide .play_btn img {
  border-radius: 0;
}

.pdt_sm_slide {
  display: flex;
  position: relative;
  width: fit-content;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
}

.pdt_sm_slide .popup-youtube.play_btn {
  background: none;
  height: fit-content;
  width: fit-content;
}

.pdt_sm_slide .popup-youtube.play_btn img {
  width: 3rem;
  height: 3rem;
}
.produit_left .pdt_bottom {
  border-bottom: 1px solid #dddddd;
  overflow: hidden;
  gap: 4rem;
}
.produit_left .pdt_bottom .h_bottom_box p {
  font-size: 1.4rem;
  margin-left: 0;
}
.pdt_sm_slide img {
  object-fit: cover;
}
.pdt_sm_img {
  position: relative;
  border-radius: 10rem;
  overflow: hidden;
}
.pdt_sm_slide p {
  color: #7e8485;
  font-size: 1.5rem;
  font-weight: 500;
}

.pdt_sm_slider .owl-stage-outer {
  padding: 0;
  width: unset;
}
.pdt_sm_slider {
  width: calc(100% - 20rem);
}
.pdt_title1 {
  background: #19d6da;
  color: #fff;
  padding: 1rem 1.5rem;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: normal;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  top: 9rem;
  z-index: 99;
}
.pdt_sm_slider .owl-nav button {
  border: 0.5rem solid #efefef;
  border-radius: 10rem;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(5152%)
    hue-rotate(172deg) brightness(122%) contrast(87%);
  cursor: pointer;
  width: 12rem;
  height: 12rem;
}
.pdt_sm_slider .owl-nav button:nth-child(1) {
  display: none;
}
.pdt_sm_slider .owl-nav {
  justify-content: flex-end;
  transform: translate(3rem, 0);
  z-index: 0;
  top: 2rem;
  width: fit-content;
  right: -10rem;
}
.pdt_sm_slider .owl-nav button:hover {
  filter: brightness(0.9);
}
.pdt_sm_slider .owl-nav.disabled {
  display: none;
}
.pdt_title1 > img {
  width: 1.9rem;
  margin-right: 0.5rem;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7472%)
    hue-rotate(26deg) brightness(97%) contrast(108%);
}
.text_1 {
  font-size: 1.7rem;
  font-weight: 600;
}
.produit_text_top {
  font-size: 2rem;
}
.pdt_Head1 > a {
  background: #64ce78;
  color: #fff;
  height: 2.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  padding: 0 2.2rem;
  border-radius: 0.5rem;
}
.pdt_Head1 {
  background: #f6fbf7;
  padding: 1rem 1.5rem;
}
.produit_left .owl-nav button img {
  width: 10rem;
}
.text_2 {
  font-size: 1.4rem;
  color: #4b5a5d;
  font-weight: 500;
  line-height: 2.2rem;
  font-family: var(--open);
}

.pdt_text_box {
  align-items: flex-start !important;
  gap: 0.5rem;
}

.pdt_text_boxes {
  display: grid;
  gap: 1rem;
}
.pdt_text_box > img {
  width: 1.8rem;
  transform: translateY(0.25rem);
}
.pdt_Head1 .text_1 {
  font-weight: 700;
}
.produit_text_top {
  font-size: 2rem;
  line-height: 3.2rem;
}
.video_box {
  height: 5rem;
  padding: 0 2rem;
  border-radius: 1rem;
  border: 0.2rem solid #23d7d9;
  cursor: pointer;
  text-align: center;
  justify-content: center;
}
.video_box h3 {
  font-size: 2rem;
  color: #23d7d9;
  text-decoration: underline;
}
.video_box:hover {
  filter: grayscale(1);
}
.video_box img {
  width: 3rem;
  transform: translateY(0.1rem);
}
.site_button,
.group_site_button {
  background: #fff;
  color: #64ce78;
  font-size: 1.8rem;
  width: 100%;
  padding: 0 2rem;
  height: 5rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.2rem solid #64ce78;
  font-weight: 600;
}

.site_button:hover,
.site_button.active,
.group_site_button:hover,
.group_site_button:active {
  background: #64ce78;
  color: #fff;
}

.excur_btns {
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding-bottom: 2rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.excur_btns .site_button {
  height: 100%;
  width: 100%;
  border-radius: 0.6rem;
  font-size: 1.6rem;
  padding: 5px;
  min-height: 4.8rem;
}
.pdt_det_box1 > h2 {
  background: #19d6da;
  color: #fff;
  font-size: 1.7rem;
}

.pdt_det_box1 {
  background: #19d6da;
  width: fit-content;
  padding-right: 1rem;
  border-radius: 1rem;
  overflow: hidden;
}

.pdt_det_box1 img {
  width: 4rem !important;
  height: 4rem !important;
  background: #19d6da;
  border-radius: 0.9rem;
}

.pdt_prices {
  display: block !important;
  width: 100%;
}

.text_3 {
  background: #f7f6f9;
  font-size: 1.6rem;
  font-weight: 600;
}

.pdt_price,
.pdt_prices {
  width: 100%;
  margin: 0;
}

.pdt_price .text_3 {
  padding: 1rem 2rem;
}

.pdt_price .option_name {
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60%;
  background: #f7f6f9;
}

.pdt_price {
  min-height: 4rem;
  height: auto;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  display: flex;
  align-items: stretch;
  border: 0.2rem solid #f7f6f9;
  border-bottom-right-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.flex-grow {
  flex-grow: 1;
}

.pdt_price .pricing {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40%;
  border-left: 0;
}

.pdt_price h3 {
  font-size: 1.4rem;
  gap: 0.5rem;
  color: #9f9d9d;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pdt_price h3 span {
  font-weight: bold;
  font-size: 2rem;
}
.site_button.sm_height_btn {
  background: #64ce78;
  color: #fff;
  font-weight: 500;
  height: 4rem;
  font-size: 2rem;
}
.Excursion_mid {
  background: #fdfdfd;
  padding-left: 2rem;
  padding-right: 2rem;
}
.pdt_detail_boxes {
  padding: 0;
  width: 100%;
  overflow: hidden;
  gap: 2rem;
}
.pdt_detail_boxes .details_box img {
  width: 5rem;
  height: 5rem;
}
.pdt_detail_boxes .detail_box_text h2 {
  font-size: 1.4rem;
}
.pdt_detail_boxes .detail_box_text p {
  font-size: 1.3rem;
}
.pdt_image_slide .owl-nav {
  width: 100% !important;
  transform: translateY(-50%) translateX(0rem);
  z-index: 1;
}
.pdt_image_slide .owl-nav button {
  background: #1b3040;
}
.pdt_image_slide .owl-nav button:nth-child(1) {
  border-bottom-right-radius: 1rem;
  border-top-right-radius: 1rem;
}
.pdt_image_slide .owl-nav button:nth-child(2) {
  border-bottom-left-radius: 1rem;
  border-top-left-radius: 1rem;
}
.pdt_image_slide .owl-stage {
  gap: 0;
}
.pdt_image_slide .owl-nav button img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%)
    hue-rotate(243deg) brightness(108%) contrast(98%);
  width: 4rem;
  height: 5rem;
}
.pdt_image_slide .owl-nav button:hover img {
  filter: brightness(0) saturate(100%) invert(81%) sepia(10%) saturate(486%)
    hue-rotate(218deg) brightness(89%) contrast(83%);
}
.pdt_image_slide .owl-stage-outer {
  padding-bottom: 0;
}
.pdt_bottom .h_bottom_box p {
  color: #50789b;
  font-size: 1.6rem;
  text-wrap: nowrap;
}
.pdt_bottom .h_bottom_box img {
  width: 2.8rem;
}
.pdt_bottom {
  gap: 5rem;
}
.pdt_bottom .h_bottom_box {
  gap: 0.5rem;
  flex: 1;
}
.pdt_Head1.yellow_bg {
  background: #eaffee;
}
.pdt5_row_inner_slider .owl-prev {
  display: none;
}
.pdt5_row_inner_slider .owl-nav button:nth-child(2) {
  display: flex;
  align-items: center;
}
.pdt5_row_inner_slider .owl-nav button:nth-child(2) img {
  width: 2.8rem;
}
/* newly added css */
.pdt5_row_inner_slider .detail_boxes {
  gap: 0.8rem;
  padding: 0 1rem;
}
.pdt5_row_inner_slider .detail_box_text h2 {
  font-size: 1rem;
  padding-bottom: 0.3rem;
}
.pdt5_row_inner_slider .item_content_mid .text_xl {
  font-size: 1.3rem;
  padding: 2rem 1rem;
  padding-top: 0;
}
.pdt5_row_inner_slider .owl-nav {
  width: calc(100%);
  bottom: -3rem;
  transform: translateX(0);
  z-index: -1;
  height: fit-content;
  justify-content: flex-end;
  align-items: flex-end;
  z-index: 0;
  top: auto;
}
.slider2_section_part2 .slider2_box2 .slider2_bottom {
  padding-bottom: 2rem;
  padding-top: 1rem;
}
.pdt_main_row .col-lg-8,
.pdt_main_row .col-lg-4,
.pdt_main_row .col-lg-3,
.pdt_main_row .col-lg-9,
.pdt_main_row .col-lg-6,
.pdt_main_row .col-lg-12 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.link_gray {
  color: #06b8a4;
  font-size: 1.55rem;
  font-weight: 500;
}
.link_gray img {
  filter: brightness(0) saturate(100%) invert(50%) sepia(26%) saturate(3567%)
    hue-rotate(139deg) brightness(99%) contrast(95%);
}
.link_gray:hover {
  color: #06b8a4;
  opacity: 0.5;
}
.exclamation {
  width: 1.8rem !important;
  transform: rotateY(190deg);
}
.plus_fff {
  transform: scale(1.4);
}
.mountain_icon {
  filter: none !important;
}
.produit_page .text_2 {
  font-weight: 600;
  font-size: 1.5rem;
}
.pdt5_row_inner_slider .item_content_bottom h3 {
  height: 3rem;
  padding: 0 2rem;
  font-size: 1.3rem;
  border-radius: 0.5rem;
  font-weight: 600;
}
/* --------------- Accordian Section --------------- */
.accordion-button.pdt_Head1 {
  background-color: #f6fbf7;
  font-size: 1.4rem;
  font-weight: 700;
  color: #4b5a5d;
  box-shadow: none;
  align-items: flex-start;
}
.pdt_inner_row4 .accordion-button.pdt_Head1 {
  font-size: 1.5rem;
}
.accordion-button .minus {
  display: block;
}
.accordion-button .plus {
  display: none;
}
.accordion-button.collapsed .plus {
  display: block;
}
.accordion-button.collapsed .minus {
  display: none;
}
.accordion_two .accordion-button .minus {
  display: block;
}
.accordion_two .accordion-button .plus {
  display: none;
}
.accordion_two .accordion-button.collapsed .plus {
  display: block;
}
.accordion_two .accordion-button.collapsed .minus {
  display: none;
}
.accordion-body.text_2 {
  padding: 1.5rem 2rem;
}
.accordion-button:after {
  display: none;
}
.accordion-button img {
  margin-right: 0.5rem;
  filter: brightness(0) saturate(100%) invert(98%) sepia(55%) saturate(6193%)
    hue-rotate(118deg) brightness(91%) contrast(84%);
  width: 3rem;
}
.accordion {
  border: none;
  display: grid !important;
  gap: 1rem;
  margin-top: 2.5rem;
}

.accordion-item {
  border: none;
}

/* ---------------- Whatsapp Box 2 bottom ---------------- */
.additional_info .text_2 {
  background: #f1ffef;
  padding: 2rem;
  padding-bottom: 3rem;
}

.whatsapp_box2 {
  position: relative;
}

.whatsapp_box_icon {
  position: absolute;
  top: -2.5rem;
  left: 50%;
  width: 5rem;
  height: 5rem;
  transform: translateX(-50%);
}

.whatsapp_texts {
  position: absolute;
  top: calc(50% + 1rem);
  left: 50%;
  transform: translate(-50%, -50%);
}

.whatsapp_texts p {
  color: #4b5a5d;
  background: #fff;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  white-space: nowrap;
  padding: 0.5rem;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 2rem;
}

.whatsapp_texts p .lightweight {
  font-weight: 400;
}
.yellow_bg {
  background: #64ce78;
}

.additional_info_btm_link {
  text-decoration: underline;
  font-size: 1.4rem;
  color: #6b7273;
  font-weight: 600;
}
.additional_info_btm_link:hover {
  color: #64ce78;
}
.whatsapp_link {
  font-size: 1.8rem;
  font-weight: 500;
  color: #c6c6c6;
  padding: 0 3rem;
}
.site_button.green {
  color: #fff;
  background: #64ce78;
}
.site_button.green:hover {
  color: #64ce78;
  background: #fff;
}
.whatsapp_btns .site_button.green {
  font-weight: 400;
  font-size: 1.8rem;
}
.whatsapp_btns {
  background: #f6fbf7;
  padding: 2rem 1rem 2rem 0rem;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

/* ---------------- Bottom Bar --------------- */
.main_link1 {
  font-size: 2rem;
  width: 40%;
  color: #4b5a5d;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  gap: 0.5rem;
}

.main_links {
  height: 9rem;
  width: 100%;
  border: 1px solid #64ce78;
  border-radius: 1rem;
}

.main_link2 {
  height: 100%;
  font-size: 2.5rem;
  width: 60%;
  position: relative;
}

.main_link2:hover {
  background: #9bd1a5 !important;
  color: #fff !important;
}
.main_link1 > span {
  font-weight: 700;
  font-size: 2.8rem;
  transform: translateY(-0.2rem);
}
.main_link1 .euro {
  font-size: 1.5rem;
  font-weight: 500;
  transform: translateY(0rem);
}
.whats_notif {
  position: fixed;
  right: 5rem;
  bottom: 13rem;
}
.whats_notif .notif {
  background: #ff0000;
  font-size: 1.4rem;
  font-weight: 700;
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5rem;
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
}
.whats_notif img {
  width: 6rem;
}
/* -------------- Calender -------------- */
#calendar-container {
  position: relative;
  overflow: hidden;
  padding-bottom: 5rem;
}

#calendar {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.month {
  flex: 0 0 100%;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  padding: 0;
}

.days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
}

.day-name {
  color: #4b5a5d;
  height: 2.5rem;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #dddddd;
  font-size: 1.2rem;
}

.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 20px;
  color: #333;
}

#prev-btn {
  left: 2.5rem;
}

#next-btn {
  right: 2.5rem;
}

#current-month-year {
  color: #4b5a5d;
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: uppercase;
}

.month_year {
  flex: 0 0 100%;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  background: #f6fbf7;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}
.day {
  border: 1px solid #ccc;
  background: #fff;
  height: 5rem;
  font-size: 2.2rem;
  font-weight: 600;
  color: #c6c6c6;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.day:hover {
  background: #64ce78;
  color: #fff;
}
.day.selected_date {
  background: #64ce78;
  color: #fff;
}

.day.highlighted {
  color: #f6f3f3;
  background: #fff;
}

#calendar-container .arrow img {
  filter: brightness(0) saturate(100%) invert(50%) sepia(8%) saturate(255%)
    hue-rotate(139deg) brightness(86%) contrast(87%);
  width: 4rem;
  cursor: pointer;
}
.step_middle.pt_40 {
  padding-top: 3rem;
}
/* -------------- step css --------------- */
.step_head {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #64ce78;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px;
}
.step_back_btn {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.4rem;
  padding: 0 1rem;
  color: #c6c6c6;
  text-align: left;
}
.step_back_btn:hover:not(.step1 .step_back_btn),
.step_back_btn:active:not(.step1 .step_back_btn) {
  filter: brightness(0.7);
}
.step_middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.step_text_big {
  font-size: 2.2rem;
  font-weight: 700;
  color: #4b5a5d;
}
.step_text_big.blink {
  animation: blink 1s linear infinite;
}
.step_middle > p {
  color: #c6c6c6;
  font-size: 1.5rem;
  font-weight: 400;
}
.step_top {
  box-shadow: -1rem 2rem 3rem 0.1rem rgba(0, 0, 0, 0.1);
}
.step .step_top {
  height: 64rem;
  overflow-y: scroll;
  background: white;
  max-height: calc(100vh - 121px);
}
.secured {
  gap: 1rem;
  background: #f6f3f3;
  width: fit-content;
  height: 5rem;
  padding: 0 1rem;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.secured p {
  color: #81d590;
  font-size: 1.6rem;
}
.secured img {
  width: 3rem;
}
.session_boxes {
  flex-direction: column;
  padding-left: 1rem;
  padding-right: 1rem;
}

.session_box .site_button {
  color: #666666;
  border: 0.1rem solid #c6c6c6;
  padding: 0.8rem 0.8rem;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
}
.session_box .site_button.active,
.session_box .site_button:hover {
  color: white;
  background: #64ce78;
}

.session_box h3 span {
  font-weight: 800;
  font-size: 2.2rem;
}

.session_box .group_site_button {
  width: auto;
  margin: 0 auto;
  margin-bottom: 0.5rem;
  border-radius: 1.5rem;
  min-width: 15rem;
  max-width: 100%;
  background: #64ce78;
  color: #fff;
}

.separator {
  color: #c6c6c6;
  font-size: 1.4rem;
  font-weight: 500;
}

.step_back_btn img:not(.step1 .step_back_btn img) {
  filter: brightness(0) saturate(100%) invert(66%) sepia(84%) saturate(7%)
    hue-rotate(33deg) brightness(100%) contrast(101%);
  transform: scaleX(1.4);
  width: 2rem;
}
.step {
  display: none;
  position: relative;
}
.step.active {
  display: block;
}
.loader {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  z-index: -999;
  opacity: 0;
  transition: 0.5s;
  box-shadow: 0rem 0rem 3rem 0.1rem rgba(0, 0, 0, 0.1);
}
.spinner-border {
  filter: brightness(0) saturate(100%) invert(72%) sepia(30%) saturate(685%)
    hue-rotate(79deg) brightness(94%) contrast(89%);
  width: 5rem;
  height: 5rem;
  --bs-spinner-border-width: 0.3em;
}
.loader.loading {
  opacity: 1;
  z-index: 999;
}
.step_icon {
  width: 3rem;
  height: 3rem;
}
.select_hour_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.gray_buttom {
  display: flex;
  flex-direction: column;
}

.gray_buttom span {
  font-size: 1rem;
  font-weight: 400;
}

.gray_buttom {
  color: #c6c6c6;
  background: #f7f6f9;
  border: 0.2rem solid #edecec;
}

.select_hours .site_button {
  border-radius: 1.5rem;
}

.inc_dec_title span {
  color: #dddddd;
}

.inc_dec_title {
  color: #4b5a5d;
  font-size: 1.2rem;
  font-weight: 600;
  padding-bottom: 1rem;
}

.family_icon {
  padding: 1rem 0;
  border: 0.2rem solid #c6c6c6;
  width: 100%;
  border-radius: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.inc_dec_box img {
  width: 4rem;
}

.incre_decre {
  display: flex;
  align-items: center;
}

.decre,
.incre {
  display: flex;
  font-weight: 100;
  align-items: center;
  justify-content: center;
  background: #dddddd;
}

.incre_decre_wrapper {
  display: grid;
  align-items: stretch;
  gap: 1.5rem;
  padding: 2rem;
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.incre_decre_num {
  width: 100%;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c6c6c6;
  font-weight: 700;
}
.incre_decre {
  width: 100%;
  background: #f6fbf7;
  height: 3rem;
  margin-top: 1.5rem;
}
.incre_decre img {
  width: 3rem;
}

.decre img,
.incre img {
  filter: brightness(0) saturate(100%) invert(33%) sepia(13%) saturate(484%)
    hue-rotate(143deg) brightness(93%) contrast(86%);
}
.inc_dec_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.text_extra_sm {
  display: flex;
  color: #9f9d9d;
  font-size: 0.9rem;
}
.step_4_sm_texts {
  padding: 0 2rem;
  gap: 0.5rem;
  display: grid;
}
.step4_btn {
  width: fit-content;
  padding: 0 2.5rem;
  margin: 0 auto;
  width: 50%;
  border-radius: 0;
}
.step4_btn:hover {
  background: #9bd1a5 !important;
  color: #fff !important;
}
.step5_links {
  position: absolute;
  bottom: 0;
}

.step5_links .main_link1 {
  font-size: 1.5rem;
  width: 50%;
  border-radius: 0;
}

.step5_links .main_link2 {
  font-size: 1.5rem;
  border-radius: 0;
  width: 50%;
}

.step5_links.main_links {
  height: 5rem !important;
  border-radius: 0;
  z-index: 99;
}
.incre_decre_wrapper_step5 {
  width: 75%;
  margin: 0 auto;
}
.step_5_sm_text {
  width: 75%;
  margin: 0 auto;
  padding: 2rem;
  display: flex;
}
.step_5_sm_text {
  font-size: 0.9rem;
  color: #fe2626;
  font-style: italic;
}

.step_5_sm_text > img {
  width: 1.3rem;
}
.step5 .step_top {
  padding-bottom: 10rem !important;
  position: relative;
}
.incre_decre_wrapper_step5 .family_icon {
  padding: 0.8rem 0;
}
/* --------------------------- Custom Video -------------------- */
.custom_video_box {
  position: fixed;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background: #0000009c;
  opacity: 0;
  z-index: 99999;
  transition: 0.3s;
  overflow: hidden;
}
.custom_video_box.active {
  opacity: 1;
  height: 100vh;
}
.video_content {
  margin: 0 auto;
  height: auto;
  width: 100%;
  padding: 6px;
  max-width: 900px;
}
.video_custom {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.main_links {
  background: #fff;
  border-radius: 0;
}
.main_links a {
  border-radius: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.main_link2 {
  cursor: pointer;
}
.custom_video_box .whats_notif {
  bottom: -3rem;
  top: auto;
}
.close_video img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%)
    hue-rotate(196deg) brightness(103%) contrast(103%);
  width: 8rem;
  height: 8rem;
}
.close_video {
  position: absolute;
  right: 6rem;
  top: 4rem;
  cursor: pointer;
}
.video_cap {
  position: absolute;
  top: 4rem;
  left: 2rem;
  font-size: 2.5rem;
  color: #e8e8e8;
  font-weight: 600;
}
.video_box_wrap {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 56.25%;
  overflow: hidden;
}
.video_box_wrap iframe {
  z-index: 111;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.custom_video_box .main_links a {
  font-size: 2rem;
  width: 100%;
}
.play_vid_btn.play_btn {
  background: #00000054;
  width: 100%;
  height: 100%;
  border-radius: 0;
  z-index: 0;
  cursor: pointer;
}

.video_nav {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 999;
  background: #0003;
}

.video_nav .navbar2 {
  justify-content: space-between;
  width: 100%;
  padding: 0 2rem;
}

.video_nav .navbar2 .nav_right a {
  background: none;
}

.video_nav .navbar2 .nav_right a img {
  width: 2.5rem;
}

.video_nav .navbar2 .nav_right a .badge {
  height: 1.2rem;
  width: 1.2rem;
  font-size: 0.8rem;
  border-radius: 0.4rem;
}

.video_nav .navbar2 .logo img,
.video_nav .navbar2 .nav_right a > img:not(.video_nav .all_select_items img),
.video_nav .navbar2 .hamburger > img:not(.video_nav .all_select_items img) {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(4%)
    hue-rotate(126deg) brightness(104%) contrast(101%);
}
.navbar2 .hamburger.active {
  background: transparent;
}

/* -------------------------------- Taz Produit Page --------------------------------- */
.panier_nav_right h2 img {
  width: 2.5rem;
}
.panier_nav_right h2 {
  align-items: center;
  display: flex;
  gap: 0.7rem;
}
.tpz_inner_row1 .link_gray {
  filter: brightness(0) saturate(100%) invert(98%) sepia(88%) saturate(1118%)
    hue-rotate(179deg) brightness(88%) contrast(79%);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.tpr_point {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.tpr_point img {
  width: 2.4rem;
}

.tpr_point {
  color: #255783;
  font-size: 2rem;
  font-weight: 600;
}

.tpr_point span {
  font-weight: 500;
}
.green_bg {
  background: #f4fcf5;
}
/* ---------- Taz Panier Section ---------- */
.Taz_panier {
  position: relative;
}
.Taz_panier:before {
  width: 50%;
  height: 100%;
  content: "";
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.Taz_panier:after {
  width: 50%;
  height: 100%;
  content: "";
  background: #fefefe;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.tpz_inner_row2 {
  gap: 2rem 0rem;
}
.item_card4 {
  display: flex;
  box-shadow: 0.5rem 0rem 4rem -1rem rgba(0, 0, 0, 0.09);
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background: #fff;
}
.item_card4 .item_img_box {
  width: 19rem;
  height: 100%;
}
.item_card4 {
  display: grid;
  align-items: center;
  grid-template-columns: 0fr 1fr;
}
.item_card4 .item_img img {
  height: 100%;
}
.item_card4 .item_img {
  height: 100%;
}
.item_card4 .item_content_mid .text_xl {
  color: #255783;
  font-size: 1.55rem;
  padding-left: 2rem;
  gap: 0.5rem;
}
.item_card4 .rating {
  border: 0.1rem solid #255783;
  height: 3.3rem;
  width: 3.3rem;
  margin-right: 1rem;
}

.item_card4 .imgcap_left_right p {
  color: #255783;
  font-size: 1.2rem;
}

.item_card4 .imgcap_left_right {
  display: grid;
  gap: 0.3rem;
}

.item_card4 .euro_icon_box img {
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 0.7rem;
}

.item_card4 .euro_icon_box h2 {
  font-size: 1.9rem;
  font-weight: 700;
  color: #255783;
  font-family: var(--open);
}

.details_box img {
  width: 3.5rem;
  height: 3.5rem;
}

.item_card4 .detail_box_text p {
  font-size: 1rem;
  font-weight: 400;
  color: #255783;
}

.itemlink_delete img {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 20px;
    height: 20px;
}

.itemlink {
  font-size: 1.2rem;
    padding-left: 2rem;
  text-align: left;
  text-decoration: underline;
  color: #b5b6cd;
  margin-top: 2rem;
}

.itemlink:hover {
  filter: brightness(0.5);
}

.item_card4 .item_content_mid {
  padding: 0;
}
.item_card4 .text_xl img {
  width: 1.6rem;
}
.item_card4 .site_button {
  margin-top: 2rem;
  margin-left: 2rem;
  margin-right: 2rem;
  width: auto;
  height: 3.2rem;
  font-size: 1.5rem;
}
.tpz_inner_row2 .item_card .item_img img {
  filter: brightness(1);
}
.taz_panier_page .play_btn {
  background: #00000061;
}

/* -------------------- Taz Panier Payment Section ------------------ */
.taz_panier_page .container {
  padding: 0 2rem;
}
.payment_title {
  font-size: 2rem;
  font-weight: 600;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.payment_title img {
  width: 3rem;
}
.payment_title span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.2rem;
  margin-left: 1rem;
  font-weight: 400;
}
.payment_title span img {
  width: 1.5rem;
}
.payment_text1 {
  color: #255783;
  font-family: var(--lato);
}
.payment_text1 span {
  font-weight: 800;
  font-family: var(--open);
}
.form-group label {
  font-size: 1.4rem;
  display: flex;
  font-weight: 700;
  padding-bottom: 0.5rem;
}
.input_class {
  padding: 0 2rem;
  width: 100%;
  height: 4rem;
  border-radius: 0.5rem;
  border: none;
  background: #fff;
  color: #255783;
}
.taz_panier_page .input_class {
    font-size: 19.2px;
}
.form_gray_bg {
  background: #f7f6f9;
  border-radius: 1rem;
}
.input_class::placeholder {
  color: #b5b6cd;
}
.C_card {
  display: flex;
  gap: 0.5rem;
  width: 100%;
  background: #ffffff;
  height: 8rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
  border: 0.1rem solid transparent;
  transition: 0.2s;
}
.select_C_cards {
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.C_card.active,
.C_card:hover {
  border: 0.1rem solid #3a64ac;
}
.C_card.active p,
.C_card:hover p {
  color: #3a64ac;
}
.C_card_infor {
  padding: 0 1rem;
}
.C_card_infor label {
  color: #3d3d3d;
  font-size: 1.4rem;
  font-weight: 400;
}
.C_card_infor .input_box {
  width: 100%;
  background: #fff;
  border-radius: 0.5rem;
  padding: 0 0.5rem;
}
.C_card_infor .input_class::placeholder,
.C_card_infor .input_class {
  color: #aaaaaa;
}
.C_card_infor .row .col-6.pl_10 {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr;
}
.C_card_infor .input_box img {
  width: 4rem;
}
.C_card_infor .input_box input {
  padding: 0 1rem;
}
.payment_section .text_sm {
  font-size: 1.05rem;
  color: #255783;
  font-weight: 600;
}
.formB_top h2 {
  font-size: 2rem;
  font-weight: 800;
  color: #255783;
  display: flex;
  align-items: center;
}
.formB_top h2 span {
  font-weight: 400;
}
.formB_top h2 img {
  width: 4rem;
  margin-right: 0.5rem;
  border-radius: 0.8rem;
}
.formB_top h3 {
  color: #255783;
  font-size: 2.5rem;
  text-align: right;
  font-weight: 800;
  line-height: 2rem;
}
.formB_top h3 span {
  font-weight: 100;
  font-size: 1.4rem;
  color: #b5b6cd;
}
.form-bottom button {
  background: #64ce78;
  width: 100%;
  gap: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.5rem;
  border-radius: 0.5rem;
  color: #fff;
  padding: 0.5rem 0rem;
}
.form-bottom button img {
  width: 2.5rem;
}
.form-bottom button:hover {
  opacity: 0.8;
}
.payment_bottom1 {
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  padding: 2.5rem 4rem;
}
.payment_bottom1 .payment_text1 {
  line-height: 1.7rem;
  font-size: 1.3rem;
}
.payment_bottom3 {
  border: 0.1rem solid #64ce78;
  border-radius: 1rem;
  overflow: hidden;
}
.payment_bottom3 .pb3_inner {
  padding: 0 2rem;
  margin-bottom: 1.5rem;
  margin-top: 0.5rem;
}
.payment_bottom3 .payment_title {
  padding: 0 2rem;
}
.pb3_btns .site_button.green {
  border-radius: 1rem;
}
.pb3_btns {
  background: #f7f6f9;
  border-radius: 1rem;
}
.pb3_btn2 {
  font-size: 1.3rem;
  color: #255783;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 3.5rem;
}
.pb3_btn2 img {
  width: 2.3rem;
  margin-right: 1rem;
}
.pb3_btn2 span {
  font-weight: 700;
}
.C_card_infor .row .col-6.pl_5 {
  display: flex;
  gap: 1rem;
}
.pb3_inner img,
.pb2_inner img {
  width: 4rem;
}
.pb3_inner,
.pb2_inner {
  display: grid !important;
  grid-template-columns: 0fr 1fr;
}
.pb3_btns,
.pb3_btns .site_button.green {
  height: 3.5rem;
}
/* --------------------- Taz_panier_two ----------------- */
.Taz_panier_two {
  position: relative;
}
.Taz_panier_two.desktop {
  position: relative;
  left: 0;
  width: 100%;
  margin-top: 3.5rem;
}
.Taz_panier_two.mobile {
  display: none;
}
.Taz_panier_two:before {
  width: 50%;
  height: 100%;
  content: "";
  background: #255783;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.Taz_panier_two.desktop::before {
  width: 100%;
}
.tpr2_title {
  font-size: 2.5rem;
  font-weight: 600;
}
.C_card_infor .col-6.pl_5 .form-group {
  width: 50%;
}

/* ------------------------------------------- listing_section Page ----------------------------------------- */
.List_V_page .play_btn {
  background: #181b1966;
}

/* ------------- Listing Section 1 -------------- */
.listing_section1 .list_cards {
  height: auto;
}
.listing_section1 .list_cards .item_img_box {
  min-height: 22rem;
  width: 50%;
  height: 100%;
}
.listing_section1 .list_cards .item_img_box .owl-stage-outer {
    padding-top: 0;
}
.listing_section1 .list_cards .main_card_content_wrap {
  width: 50%;
}
.listing_section1 .list_cards .item_content_mid .text_xl {
  font-size: 2rem;
  padding-bottom: 2.5rem;
}
.listing_section1 .text_xl {
  color: #255783;
  font-size: 3rem;
}
.listing_section1 .details_box img {
  width: 3rem;
  height: 3rem;
}
.listing_section1 .item_content_mid {
  padding: 1rem 0;
}
.listing_section1 .item_content_bottom {
  padding: 0rem 1.4rem;
}
.listing_section1 .item_content_bottom p > span {
  font-size: 1.8rem;
}
.listing_section1 .list_cards .item_content_bottom h3 {
  padding: 1rem 3.5rem;
}
/* --------------- Listing Section Two ---------------- */
.list_sec1_images .figure img {
  height: 50rem;
  object-fit: cover;
  width: 100%;
  border-radius: 1rem;
}
.list_sec1_images {
  gap: 2rem;
  position: relative;
  right: 0;
  width: 130%;
}
.list_sec1_images .figure {
  display: grid;
  gap: 2rem;
}
.ls_image_left {
  position: relative;
  top: 5rem;
}
.list_title {
  color: #255783;
  font-size: 3rem;
  line-height: 4.6rem;
}

.list_text span {
  font-weight: 800;
}

.list_text_box {
  border-radius: 1rem;
  border: 0.1rem solid #255783;
  background: #fff;
  box-shadow: 0 0 5rem -2rem #25578339;
  padding-left: 2rem;
  padding-right: 2rem;
}

.text_boxes {
  display: grid;
  gap: 2rem;
}
.text_boxes a {
  display: inline-block;
}
.text_boxes ul,
.text_boxes ol {
  margin-left: 20px;
}
.text_boxes ul li,
.text_boxes ol li {
  list-style: disc;
}
.list_text_box1 {
  width: 130%;
}
.spider_icon {
  position: absolute;
  width: 10rem !important;
  height: auto !important;
  top: 5rem;
  left: -5rem;
}
.text_box_with_img .list_text_box {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.text_img {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.text_box_with_img {
  box-shadow: 0 0 2rem 0.1rem #25578339;
}
.text_box_with_img {
  height: calc(100% - 2rem);
  border-radius: 1rem;
}
.text_box_with_img:hover img {
  filter: brightness(0.9);
}
.text_box_with_img img {
  transition: 0.3s;
}

.list_text_bdr {
  border: 0.1rem solid #64ce78;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
}

.text_box_grids .list_text_bdr {
  width: 100%;
}

.text_box_grids {
  gap: 1.5rem;
}

.listing_section5 .list_cards {
  height: auto;
}

.listing_section5 .list_cards .item_img_box {
  width: 53%;
  height: 21rem;
}

.listing_section5 .list_cards .main_card_content_wrap {
  width: 47%;
}
.listing_section5 .list_cards .details_box img {
  width: 3rem;
  height: 3rem;
}
.listing_section5 .list_cards .item_content_bottom p {
  font-size: 1.2rem;
  padding-left: 0.5rem;
}
.listing_section5 .list_cards .item_content_bottom p span {
  font-size: 1.5rem;
}
.listing_section5 .list_cards .item_content_bottom h3 {
  padding: 1rem 3.2rem;
}
.listing_section5 .list_cards .item_content_bottom {
  padding: 0.8rem 1.4rem;
}
.List_V_page .hero_section .row .Featureleft h2 .color_green {
  color: #ff914d;
}
.list_text {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: #255783;
  overflow: hidden;
}
.list_text iframe {
  width: 100%;
}
/* --------------------- Auto Mobile Section -------------------- */
.atm_boxes {
  gap: 3rem;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.atm_box {
  position: relative;
  padding: 3rem 2.5rem 2rem 2.5rem;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 1rem 3rem 0.1rem rgba(0, 0, 0, 0.1);
}
.atm_box .figure {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
.atm_text {
  display: grid;
  gap: 17rem;
}
.atm_text .text_xl {
  font-size: 3rem;
  line-height: 4.5rem;
}
.atm_box .figure img {
  height: 100%;
  object-fit: cover;
  filter: brightness(0.8);
  transition: 0.2s;
}
.atm_box:hover .figure img {
  filter: brightness(1);
  transform: scale(1.1);
}
.atm_text .site_button.green {
  font-size: 2rem;
  border-radius: 0.4rem;
}
/* ----------------------------- Faq Section -------------------------- */
.faq_img {
  width: 125%;
  float: right;
  border-bottom-right-radius: 1rem;
  border-top-right-radius: 1rem;
  overflow: hidden;
}
.accordion_two .accordion-button.list_text {
  gap: 0.5rem;
  color: #255783;
  font-size: 1.8rem;
  font-weight: 500;
  border-bottom: 0.2rem solid #dddddd;
  opacity: 1;
  padding: 1.5rem 1rem;
}
.accordion_two .accordion-item:first-child .accordion-button.list_text {
  border-top: 0.2rem solid #dddddd;
}
.accordion_two .accordion-button.list_text > img {
  filter: brightness(0) saturate(100%) invert(27%) sepia(61%) saturate(604%)
    hue-rotate(166deg) brightness(96%) contrast(90%);
}
.faq_section #accordian_two {
  gap: 0;
  margin: 0;
}
.accordion_two .accordion-button:not(.collapsed) {
  color: #255783;
  background-color: #fff;
  box-shadow: none;
}
.accordion_two .accordion-button:focus {
  box-shadow: none;
  outline: none;
}
.accordion_two .accordion-item .accordion-button.list_text img {
  width: 3rem;
  height: 3rem;
}
.faq_section .list_title {
  font-weight: bolder;
  font-size: 3.5rem;
}
.accordion_two .accordion-body.list_text {
    font-size: 1.6rem;
}
/* -------------------------- Shopping Card ------------------------------- */
.shop_card {
  position: absolute;
  right: -13rem;
  top: 5.4rem;
  width: 80rem;
  background: #fff;
  z-index: -999;
  box-shadow: 0rem 2rem 3rem 0.1rem rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  opacity: 0;
  transition: 0.5s;
  height: 0;
  overflow: hidden;
}
.shop_card_btn .shop_card.active {
  opacity: 1;
  z-index: 999;
  height: auto;
  overflow: visible;
}
.shop_card_btn {
  position: relative;
}
.shop_card_btn:before {
  content: "";
  width: 100%;
  height: 200%;
  position: absolute;
  top: 60%;
  background: #00000000;
  z-index: -1;
}
.shop_card_btn {
  cursor: pointer;
}
.shop_item {
  display: flex;
  align-items: center;
  padding: 0.8rem 2rem 0.8rem 1rem;
  border-bottom: 0.1rem solid #dddddd;
  justify-content: space-between;
}
.shop_item:hover {
  background: #efefef;
}
.shopitem_left {
  display: flex;
  align-items: center;
}
.shopcard_top {
  background: #f7f6f9;
  padding: 1.5rem 2rem 1.5rem 4rem;
}

.shop_top_right {
  align-items: center;
}

.shop_top_right .text_1 {
  font-size: 2rem;
  border-radius: 0.5rem;
}
.shop_card .list_text {
  font-size: 1.7rem;
}
.shop_card .list_text span {
  padding-left: 0.4rem;
}
.shop_top_right h4 {
  background: #ffffff;
  height: 6rem;
  align-items: center;
  display: flex;
  padding: 0 1rem;
  font-size: 1.4rem !important;
}
.shop_top_right {
  gap: 3rem;
  cursor: pointer;
}
.shopitem_left > img {
  width: 18rem;
  height: 10rem;
  object-fit: cover;
  border-radius: 0.8rem;
}
.shop_option_box {
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  margin-left: 2rem;
  width: calc(100% - 18rem);
}

.shop_options {
  display: flex;
  align-items: center;
  gap: 0rem;
  position: relative;
}

.shop_options a:nth-child(1) {
  color: #dddddd;
  padding-right: 1rem;
  border-right: 0.1rem solid #255783;
  border-radius: 0;
}

.shop_options a {
  background: no-repeat;
  font-size: 1.4rem;
  height: auto;
  width: auto;
}

.shop_options a:last-child {
  color: #255783;
  text-decoration: underline;
  padding-left: 1rem;
}

.shop_options a:hover {
  filter: brightness(0.8);
}

.discount {
  background: #255783;
  color: #fff;
  height: 3rem;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  font-weight: 500;
}
.shopitem_right {
  gap: 2rem;
}
.shopitem_left .text_1.list_text {
  font-weight: 600;
}

.shop_bottom .site_button.green {
  width: 100%;
  height: 5rem;
  border-radius: 0.5rem;
  font-size: 2.5rem;
}

.shop_bottom {
  padding: 1rem 0.8rem;
}

.shop_top_right h4 img {
  filter: brightness(0) saturate(100%) invert(27%) sepia(61%) saturate(604%)
    hue-rotate(166deg) brightness(96%) contrast(90%);
  width: 5rem;
}
.triangle {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 1.2rem 1.6rem 1.2rem;
  border-color: transparent transparent #f7f6f9 transparent;
  transform: rotate(0deg);
  position: absolute;
  top: -1.3rem;
  right: calc(13.7rem);
}
.Featureleft .text_xl img {
  width: 5rem;
  padding-left: 1rem;
}
.lightweight_text {
  font-weight: 500;
}
/* -------------------- pdt_b_innerleft ------------------ */
.pdt_b_innerleft {
  width: 65%;
}
.pdt_b_innerleft > img {
  width: 2.2rem;
  margin-right: 1rem;
}

.pdt_b_innerleft .text {
  font-size: 1.1rem;
}

.pdt_box_inner {
  background: #f6fbf7;
  padding: 1rem;
  cursor: pointer;
}
.pdt_b_innerleft .text span,
.pdt_b_innerleft .mprice {
  color: #c6c6c6;
}

.pdt_box_inner .site_button.green {
  height: 4rem;
  font-size: 1.2rem;
}

.pdt_box_inner:hover {
  background: #f6f3f3;
}
.pdt_title1_100 {
  width: calc(100% - 2rem);
}
/* --------------------- Sticky Bar ------------------ */
.produit_page {
  overflow: unset !important;
}
.sticky_bar {
  position: sticky;
  bottom: 2rem;
  z-index: 999999999;
}

/* ------------------------- Newly Added css after 3rd Revision ------------------- */
.det_icon img {
  width: 2.2rem;
  height: 2.2rem;
  /*filter: brightness(0) saturate(100%) invert(79%) sepia(65%) saturate(908%)
    hue-rotate(133deg) brightness(90%) contrast(88%);*/
}
.det_icon {
  width: 3.5rem;
  height: 3.5rem;
  background: #f7f6f9;
  display: flex;
  justify-content: center;
  border-radius: 0.5rem;
  overflow: hidden;
  align-items: center;
}
.det_icon2 {
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.det_icon.det_icon2 img {
  width: auto;
  height: auto;
  max-width: 2.8rem;
}
.fish_emojee {
  filter: none !important;
  transform: translateX(0.4rem);
}
/* ----------------------------- Newy Added ---------------------------- */
.taz_panier_page .item_content_mid .text_xl {
    padding-right: 4rem;
  text-align: left;
  display: block !important;
}
.List_V_page .det_icon img {
  width: 2.1rem !important;
  height: 2.1rem !important;
}
.List_V_page .det_icon {
  width: 2.8rem !important;
  height: 2.8rem !important;
}
.listing_section1 .det_icon {
  width: 3.2rem !important;
  height: 3.2rem !important;
}

/* -------------------------- 4th update styles --------------------- */
.slider2_section .text_xl {
  color: #4b5a5d !important;
  font-size: 3.4rem;
}

.taz_panier_page .detail_box_text h2,
.taz_panier_page .detail_box_text p {
  color: #255783 !important;
}
.tag_boxes .tags {
  flex-wrap: wrap;
}
.tags a.active {
  background: #255783;
  color: #fff;
}

.taz_panier_page .item_card4 .details_box {
  display: grid !important;
  grid-template-columns: 0fr 1fr;
}
.taz_panier_page .item_card .detail_box_text {
  width: 100%;
}
.map_img {
  overflow: hidden;
}
.sticky {
  position: sticky;
  top: 0;
}
.step_boxes.sticky {
  top: 7.4rem;
}
.font-normal {
  font-weight: normal !important;
}
.gridbtn.active .grid-icon:first-child,
.gridbtn .grid-icon:last-child {
  display: none;
}
.gridbtn.active .grid-icon:last-child {
  display: block;
}
.gridbtn .grid-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px;
  border-radius: 6px;
  border: 1px solid #255783;
}
.gridbtn.active .grid-icon {
  background-color: #255783;
}
.msr-item {
  width: calc(50% - 30px);
}
.grid-sizer{
  width: calc(50%);
}
.feature_slider {
  visibility: hidden;
}
.feature_slider.owl-loaded {
  visibility: visible;
}
.loader.loading.processing_payment,
.form_card_top .loader.loading {
  top: 0;
  left: 0;
  opacity: 0.7;
  border-radius: 1rem;
}
.w-full {
  width: 100%;
}
.choose_C_card {
  z-index: 1;
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}