html {
  overflow-x: hidden;
}

@media screen and (min-width: 991px) {
  .mobileonly {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}

#footer .footer-widgets-wrap {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

@media (max-width: 767px) {
  .footer-menu-col + .footer-menu-col {
    border-top: 1px solid rgba(3, 3, 3, 0.106);
    padding-top: 0.75rem;
    margin-top: 0.75rem;
  }

  #footer .footer-rights-row {
    justify-content: center;
  }

  #footer .footer-big-contacts {
    text-align: center;
    width: 100%;
  }

  #footer .footer-rights-separator {
    display: none;
  }

  #footer .footer-social-links {
    justify-content: center !important;
  }
}

        @media (min-width: 576px) and (max-width: 767.98px) {
            #footer .footer-menu-col {
                flex: 0 0 33.333333%;
                max-width: 33.333333%;
            }

            #footer .footer-menu-col + .footer-menu-col {
                border-top: 0;
                padding-top: 0;
                margin-top: 0;
            }
        }


.menu-top-right ul{
    margin-bottom:0px;
    list-style: none;
}
.logo-default{
    height:60px;padding: 0px 10px;
}
.swiper-button-next, .swiper-button-prev{
    color:#487F1E !important;

}

@media screen and (max-width: 992px) {
    .desctoponly {
      visibility: hidden;
      clear: both;
      float: left;
      margin: 0px auto 0px 20px;
      width: 28%;
      display: none;
      height:0px;
    }
    #logo{
      width:100% !important;
    }
}
  p{
      font-size:18px !important;
  }

  .menu-top-right img {
    width: 32px;
    height: auto;
  }

  .top-cib{
    width: 48px;
    background: white;
                    border-radius: 20px;
                    padding: 4px;
                    border: 1px solid #dedede;
                    padding-top: 4px !important;
                    height: 36px;
  }

  #header-wrap {
    border-top: 1px solid #487F1E !important;
  }

  @media screen and (min-width: 991px) {
  .mobileonly {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}

@media screen and (max-width: 992px) {
  .desctoponly {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 0px auto 0px 20px;
    width: 28%;
    display: none;
  }

  .menu-top-left .menu-item{
    height:40px !important;
    padding-top:10px !important;

  }
  #logo{
    margin: 0px;
  }
  .menu-top-left a{
    font-size:11px !important;
  }
}








#header-wrap {
    border-top: 1px solid #487F1E !important;

}

@media screen and (min-width: 991px) {
  .mobileonly {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}

@media screen and (max-width: 992px) {
  .desctoponly {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 0px auto 0px 20px;
    width: 28%;
    display: none;
  }

  .menu-top-left .menu-item{
		height:40px !important;
		padding-top:10px !important;

	}
	#logo{
		margin: 16px;
	}
	.menu-top-left a{
		font-size:11px !important;
	}
}

.pricing-box{
  box-shadow: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a !important;

}


p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form {
    margin-bottom: 0px !important;
}

.swiper-pagination {
  position: relative;
  bottom: 0 !important;
  margin-top: 20px;
}

.swiper-pagination span {
  border-color: #000 !important;
}



p:has(br){
  height:10px;
}

.menu-top-left img{
  width:40px;
  height:auto;
}
.menu-top-left .menu-item, .menu-top-right .menu-link{
  padding-left:0px !important;
  padding-right:0px !important;
}

.primary-menu .menu-link{
  padding-left:10px !important;
  padding-right:10px !important;
}

.menu-top-left a {
  border-right: none !important;
  border-left: none !important;
}

p{
	margin-bottom:0px !important;
}

body:not(.device-touch) .slider-arrow-left,
body:not(.device-touch) .slider-arrow-right,
body:not(.device-touch) .slider-arrow-left:hover,
body:not(.device-touch) .slider-arrow-right:hover {
  height: 100%;
  width: 50%;
  background-color: transparent !important;
}

body:not(.device-touch) .slider-arrow-left i,
body:not(.device-touch) .slider-arrow-right i {
  display: none;
}

.swiper-pagination {
  position: relative;
  bottom: 0 !important;
  margin-top: 20px;
}

.swiper-pagination span {
  border-color: #000 !important;
}





.top-links{
  padding: var(--cnvs-primary-menu-padding-y) var(--cnvs-primary-menu-padding-x);

font-weight: var(--cnvs-primary-menu-font-weight);
font-size: var(--cnvs-primary-menu-font-size);

text-transform: var(--cnvs-primary-menu-tt);
letter-spacing: var(--cnvs-primary-menu-ls);
}
.top-links-sub-menu{
width:200px;
border-top:none;
border:1px solid #eaeaea;

}
.top-links-item:hover{
background:none;;
}
.top-links-item {
color:black;
padding: var(--cnvs-primary-menu-submenu-padding-y) var(--cnvs-primary-menu-submenu-padding-x);
font-weight: var(--cnvs-primary-menu-submenu-font-weight);
text-transform: var(--cnvs-primary-menu-submenu-tt);
border: 0;
transition: all 0.2s ease-in-out;
}

#logo{
  padding: 0px;
  margin: 0px;
}



		.block-expand-categories h1,
		.block-expand-categories h2,
		.block-expand-categories h3 { font-family: Playfair Display, serif !important; }

		.block-expand-categories .expand-category {
			--height: 50vh;
			--responsive-height: 60px;
			--hover-flex: 10;

			position: relative;
			background-position: center center;
			background-size: cover;
			border-radius: 20px;
			margin: 10px 0;
			min-height: var(--responsive-height);
			cursor: pointer;
		}

		.block-expand-categories .expand-category h4 {
			position: absolute;
			top: 50%;
			left: 0;
			right: 0;
			text-align: center;
			margin: 0;
			transform: translateY(-50%);
		}

		/* Larger Device */
		@media (min-width: 992px) {
			.block-expand-categories .expand-category {
				height: var(--height);
				flex: 1;
				margin: 0 10px;
				transition: flex 1s ease;
				-webkit-backface-visibility: hidden;
				transform: translate3d(0,0,0);
			}

			.block-expand-categories:not(.on-click) .expand-category:hover,
			.block-expand-categories.on-click .expand-category.active { flex: var(--hover-flex); }

			.block-expand-categories .expand-category h4 {
				opacity: 1;
				top: auto;
				bottom: 10px;
				transform: none;
				transition: opacity .4s ease;
			}

			.block-expand-categories:hover .expand-category:not(.active):not(:hover) h4,
			.block-expand-categories.on-click .expand-category:not(.active) h4 { opacity: 0; }
		}


  .is-expanded-menu .mega-menu .mega-menu-style-2 .mega-menu-column {
    padding: 0.6rem 1.5rem !important;
}



.mega-menu-column .menu-link{
	padding:5px 10px !important;
}

.mega-menu-column .menu-link{
	padding-bottom: 9px !important;

}

.titlemenu{
	margin-top: 9px !important;
}

.menu-top-left a{

  padding:0px 10px;;

  }

  .titlemenu div{
    color:#4C6544;
  }
  .logo,#logo{
    margin-right: 5px !important;
    margin-left: 5px !important;
  }

  p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form{
    margin-bottom: 0px !important;
}

.header-extras li .he-text{
padding-left: 0px !important;
}

.is-expanded-menu .mega-menu-content:not(.border-0) .sub-menu-container.mega-menu-column:not(:first-child) {
	@if($lng=="ar")
		border-right: var(--cnvs-primary-menu-submenu-border);
		border-left:none;
	@else
		border-left: var(--cnvs-primary-menu-submenu-border);
		border-right:none;
	@endif
	}

  h5, .h5, h6, .h6 {
    font-weight: bold !important;
    margin-bottom: 10px !important;
}
@media (min-width: 768px) { /* Adjust the min-width based on your breakpoints */

.titlemenu{
  border-bottom: 1px solid #eeeeee  !important;
}
}
.menu-el .menu-link{
    padding-left:25px;
    padding-right:25px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
  background: white  !important;
  color: inherit;
  border: 1px solid #d4d4d4 !important;
  padding: 0 !important;
  font: inherit;

}

 .sub-menu-container .menu-item:not(:first-child) ,.menu-item:not(:first-child){
    border-top : none !important;
    padding: 0px 10px !important;
}
.owl-prev, .owl-next{
  width:50px !important;
  height:50px !important;
}

.prclass{
    border-bottom:1px solid #eaeaea;
}

.iconlist li > * {
    flex: none;
    color:black;
}
.form-select{
    background:white;
    color:333333 !important;
}

.iconlist i{
    color:darkgreen !important;
    margin:0px 25px 0px 7px;
}
.iconlist li {
    padding : 5px 0px;
    margin-top:7px !important;
}

.price_section .owl-stage-outer{
    height:603px;;
}
   .price_section .prix{
    height:650px;
}

@media screen and (min-width: 676px) {
    .price_section .owl-item {width:100%;height:700px;}
}


.item{
    padding:0px 7px;
}

.owl-item{}

.desc_price p{
    margin-bottom:0px;
}

.desc_price ul li{
    margin-top:0px !important;
    padding:0px !important;
}


.cookies__alert{
width:100% !important;
}

#cookies-policy{
  width:100% !important;
}

.cookies__actions{
max-width:100px;
display:-webkit-box !important;
}

.cookies__intro{
  font-weight: normal !important;

  }
  .cookies__intro p{
    font-weight: normal !important;
   height:auto;
   text-align: justify;
   font-size: 15px !important;
    }

    .cookies_button{
      padding: 3px;
      border-radius: 3px;
      background: green;
      color: white;
    }

    .cookiesBtn__link
    {
      padding: 3px;
      border-radius: 3px;
      background: green !important;
      color: white;
      border:none !important;
      margin:2px;
    }

/* Footer brand row: mobile — logo centré, slogan en dessous */
@media (max-width: 767.98px) {
    .footer-brand-row {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: center;
    }
    .footer-brand-logo,
    .footer-brand-slogan {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .footer-brand-slogan {
        margin-top: 10px !important;
    }
}

/* Blog news: mobile horizontal scroll */
@media (max-width: 767.98px) {
    .blog-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .blog-news-scroll-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: #487F1E #e0e0e0;
        padding-bottom: 10px;
    }
    .blog-news-scroll-wrap::-webkit-scrollbar {
        height: 5px;
        display: block;
    }
    .blog-news-scroll-wrap::-webkit-scrollbar-track {
        background: #e0e0e0;
        border-radius: 4px;
    }
    .blog-news-scroll-wrap::-webkit-scrollbar-thumb {
        background: #487F1E;
        border-radius: 4px;
    }
    /* Outer row: flat horizontal, no wrap */
    .blog-news-row {
        flex-wrap: nowrap !important;
        flex-direction: row !important;
        align-items: stretch !important;
    }
    /* First col-lg-6 (contains 3 items): let it size to its content */
    .blog-news-row > .col-lg-6:first-child {
        flex: 0 0 auto !important;
        max-width: none !important;
        width: auto !important;
        padding: 0 !important;
    }
    /* Inner row of first col: also flat horizontal */
    .blog-news-row > .col-lg-6:first-child > .row {
        flex-wrap: nowrap !important;
        flex-direction: row !important;
        margin: 0 !important;
    }
    /* Each of the 3 inner cards — fixed height */
    .blog-news-row > .col-lg-6:first-child > .row > [class*="col-"] {
        flex: 0 0 80vw !important;
        max-width: 80vw !important;
        width: 80vw !important;
        height: 500px !important;
        overflow: hidden;
    }
    .blog-news-row > .col-lg-6:first-child > .row > [class*="col-"] .card {
        height: 100% !important;
    }
    /* Second col-lg-6 (news[3] big card) — fixed height */
    .blog-news-row > .col-lg-6:last-child {
        flex: 0 0 80vw !important;
        max-width: 80vw !important;
        width: 80vw !important;
        height: 500px !important;
        overflow: hidden;
    }
    .blog-news-row > .col-lg-6:last-child .card {
        height: 100% !important;
    }
    /* Images fill the fixed height */
    .blog-news-row .card img {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
    }

    .blog-news-cta-wrap {
      text-align: center;
    }

    .blog-news-cta {
      float: none !important;
      display: inline-flex !important;
      align-items: center;
      margin-left: auto !important;
      margin-right: auto !important;
    }
}

/* Footer full-width on mobile — force sharp corners, no clipping */
@media (max-width: 991.98px) {
    #footer {
        width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        border-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        overflow: hidden;
    }
}

/* =====================================================
   Service cards & tabs (block-card-9, block-tab-2)
   ===================================================== */
.bi-arrow-right {
    padding-top: 5px;
}

.block-card-9 .grid-inner .btn-hover {
    opacity: 0;
    display: block;
    transition: opacity .3s ease, transform .3s .1s ease;
    margin-top: 15px;
    position: absolute;
    transform: translateY(0);
}

.block-card-9 .grid-inner:hover .btn-hover {
    opacity: 1;
    transform: translateY(-5px);
}

.block-card-9 .grid-inner .grid-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
}

.block-card-9 .grid-inner:hover .grid-image {
    -webkit-animation: kenburns 20s ease-out both;
    animation: kenburns 20s ease-out both;
}

.block-card-9 .grid-inner .grid-icon,
.block-card-9 .grid-inner .grid-content {
    transition: transform .3s ease;
}

.block-card-9 .grid-inner:hover .grid-content { transform: translateY(-45px); }
.block-card-9 .grid-inner:hover .grid-icon   { transform: translateY(-5px); }

.min-vh-75 { min-height: 50vh !important; }
.min-vh-60 { min-height: 40vh !important; }

@-webkit-keyframes kenburns {
    0%   { -webkit-transform: scale(1) translate(0,0);          transform: scale(1) translate(0,0);          -webkit-transform-origin: 84% 84%; transform-origin: 84% 84%; }
    100% { -webkit-transform: scale(1.25) translate(20px,15px); transform: scale(1.25) translate(20px,15px); -webkit-transform-origin: right bottom; transform-origin: right bottom; }
}
@keyframes kenburns {
    0%   { -webkit-transform: scale(1) translate(0,0);          transform: scale(1) translate(0,0);          -webkit-transform-origin: 84% 84%; transform-origin: 84% 84%; }
    100% { -webkit-transform: scale(1.25) translate(20px,15px); transform: scale(1.25) translate(20px,15px); -webkit-transform-origin: right bottom; transform-origin: right bottom; }
}

/* --- block-tab-2 nav --- */
.block-tab-2 .nav-tabs {
    --bs-nav-tabs-border-width: 0px;
    --bs-nav-link-color: #111;
    --bs-nav-link-hover-color: #64a645;
}

.block-tab-2 .nav-tabs .nav-item .nav-link {
    position: relative;
    font-size: 15px;
    font-weight: 400;
    padding: 0 0 20px 0;
}

.block-tab-2 .nav-tabs .nav-item .nav-link i {
    display: block;
    font-size: 38px;
    margin: 0 0 10px 0;
}

.block-tab-2 .nav-tabs .nav-item .nav-link.active {
    top: 0;
    color: #64a645 !important;
}

.block-tab-2 .nav-tabs .nav-item .nav-link.active i,
.block-tab-2 .nav-tabs .nav-item .nav-link.active svg {
    color: #64a645 !important;
}

.block-tab-2 .nav-tabs .nav-item .nav-link.active svg path {
    stroke: currentColor !important;
}

.block-tab-2 .nav-tabs .nav-item .nav-link.active::after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    border-radius: 50%;
    background: #64a645;
}