/*
* Prefixed by:
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Epilogue:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/*!
Theme Name: borne de recharge
Theme URI: https://them.es/starter
Author: them.es
Author URI: https://them.es/
Description: 
Version: 3.6.0
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: borne-de-recharge
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/build/main.css" */

/* From http://codex.wordpress.org/CSS */

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	-o-transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.bypostauthor {
	font-weight: bold;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.accordion-button::after {
  content: "+" !important;
  font-size: 1.5rem;
  font-weight: 700;
  width: auto;
  height: auto;
  background-image: none !important;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.accordion-button:not(.collapsed)::after {
  content: "−" !important;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.accordion-button:not(.collapsed) {
    background-color: transparent !important; /* Annule le fond par défaut */
    color: #1F75FF !important; /* Pour que la couleur du texte ne soit pas modifiée */
    -webkit-box-shadow: none !important;
            box-shadow: none !important; /* Enlever l'ombre interne par défaut */
}
.accordion-button:focus {
    -webkit-box-shadow: none !important;
            box-shadow: none !important; /* Annule l'ombre par défaut au focus */
    outline: none !important; /* Supprime l'encadré autour du bouton lors du focus */
}
.accordion {
  --bs-accordion-bg: transparent !important;
}

.overlay-blend {
  background-color: rgba(0, 0, 0, 0.74); /* couche de couleur */
  background-blend-mode: multiply;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

}

.fade-paragraph {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  display: none;
}

.fade-paragraph.show {
  display: block;
  opacity: 1;
}

.dropdown-checkbox {
  position: relative;
  display: inline-block;
  font-family: Arial, sans-serif;
}

.dropdown-checkbox .toggle {

color: #333;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
border-radius: 8px;
border: 0.25px solid var(--linear-BG-button, #1F75FF);
background: #F4F4F4;
padding: 0.5rem 0.5rem 0.5rem 0.75rem;
 
}

.dropdown-checkbox .dropdown-content {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: white;
  border: 1px solid #ccc;
  width: 200px;
  padding: 10px;
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
          box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  max-height: 200px;
  overflow-y: auto;
  z-index: 1000;
}

.dropdown-checkbox.open .dropdown-content {
  display: block;
  border-radius: 8px;
background: #FFF;
}

.dropdown-checkbox label {
  display: block;
  margin-bottom: 5px;
  color: #333;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: start;
gap: 5%;
}
.dropdown-checkbox label input{
	width: 20px;
height: 20px;
-ms-flex-negative: 0;
    flex-shrink: 0;
}
.search-input{
	background-repeat: no-repeat !important;
	background-position: 8px 7px !important;
	padding-left: 40px;
	border-radius: 8px;
    border: 0.25px solid var(--linear-BG-button, #1F75FF);
    background: #F3F3F3;
	 outline: none;
}
.reset-button
{
  background-color: #1F75FF !important;
  font-family: 'Montserrat' !important;
  font-size: clamp(0.8rem,1.2vw,1.2rem) !important;
  font-weight: 600 !important;

}
.gr-tr {
	position: relative;
  display: inline-block; 
  padding-bottom: 8px;

}
.gr-tr::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0; 
  width: 40%; 
  border-bottom: 2px solid #000;
  border-radius: 50px;

}
.shopping-cart{
border-radius: 7.917px;
background: var(--color-blue-blue-50, #1F75FF);
width: 38px;
height: 38px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
border: none;
}
.shopping-img img{
	width: auto !important;
	height: auto !important;
}

.shopping-para p{
	color:#000;
	font-family: 'Montserrat';
    font-size: 11.157px;
    font-style: normal;
    font-weight: 400;
}
.shopping-ref{
color: #949494;
font-family: 'Montserrat';
font-size: 12.171px;
font-style: normal;
font-weight: 600;
line-height: 24.343px;
}
.btn-add-to-cart{
	border: none;
	border-radius: 8.114px;
background: var(--linear-BG-button, linear-gradient(91deg, #1F75FF 15.3%, #61DAFF 49.67%, #1F75FF 84.7%));
-webkit-box-shadow: 0px 3.043px 4.057px 0px rgba(9, 180, 243, 0.25);
        box-shadow: 0px 3.043px 4.057px 0px rgba(9, 180, 243, 0.25);
padding-bottom: 4px !important;
}
.shopping-voir-plus{
color: #000;
font-family: 'Epilogue';
font-size: 11.145px;
font-style: normal;
font-weight: 500;
-webkit-text-decoration-line: underline;
        text-decoration-line: underline;
}



.scrollable-container {
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: #1F75FF #f0f0f0;
}

/* Chrome, Safari, Edge */
.scrollable-container::-webkit-scrollbar {
  width: 10px;
}

.scrollable-container::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 50px;
}

.scrollable-container::-webkit-scrollbar-thumb {
  border-radius: 50px;
  background: linear-gradient(139deg, #1F75FF 17.94%, #61DAFF 48.46%, #1F75FF 82.06%) !important;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.scrollable-container::-webkit-scrollbar-thumb:hover {
  opacity: 0.8;
}
.product-img{
	width: 100% !important;
	height: auto !important;
	border-radius: 35px;
border: 0.5px solid #5D5D5D;
	
}
.product-image{
	width: 50%;
	
}

.first-part-product{
	
	padding-top:8rem;
}
.title-product{
border-radius: 8.948px;
border: 0.802px solid rgba(9, 180, 243, 0.46);
background: rgba(9, 180, 243, 0.06);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 0.1rem 0.6rem;

}
.ean-prod,
 .ref-prod{
	color: #949494;
font-family: 'Montserrat';
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24.343px;
padding: 0.2rem 1rem 1rem 0;
}
.ref-prod{
	position: relative;
  display: inline-block; 
  padding-bottom: 8px;

}
.ref-prod::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0; 
  width: 50%; 
  border-bottom: 2px solid #949494;
  border-radius: 50px;
}

.fiche a{
color: var(--color-blue-blue-50, #1F75FF);
font-family: 'Montserrat';
font-size: 14px;
font-style: normal;
font-weight: 500;
}
.devis-prod{
border-radius: 28.033px;
background: -o-linear-gradient(169deg, #1F75FF 0%, #61DAFF 55%, #1F75FF 90%);
background: linear-gradient(281deg, #1F75FF 0%, #61DAFF 55%, #1F75FF 90%);
-webkit-box-shadow: 0px 4.499px 4.499px -0.9px rgba(58, 125, 233, 0.25);
        box-shadow: 0px 4.499px 4.499px -0.9px rgba(58, 125, 233, 0.25);
border: none;
padding: 0.5rem 2rem;
}
.devis-prod a {
color: #FFF;
text-align: center;
font-family: 'Montserrat';
font-size: 15px;
font-style: normal;
font-weight: 600;

}
.panier-prod{
border-radius: 28px;
border: 1px solid var(--linear-stroke, #1F75FF);
background: var(--color-gray-gray-60, rgba(179, 179, 179, 0.06));

padding: 0.5rem 2rem;
}
.panier-prod a {
color: var(--color-base-black, #000);
font-family: 'Montserrat';
font-size: 15px;
font-style: normal;
font-weight: 600;

}
.share-link{
color: #5D5D5D;
font-family: 'Montserrat';
font-size: 14px;
font-style: normal;
font-weight: 500;
}
.share-container{
border-radius: 8.948px;
border: 0.802px solid rgba(9, 180, 243, 0.46);
background: rgba(9, 180, 243, 0.06);
padding: 0 1rem;
}

.share-button {
    border-radius: 8.948px;
    border: 0.802px solid rgba(9, 180, 243, 0.46);
    background: rgba(9, 180, 243, 0.06);
    padding: 0 1rem;
    color: #000;
    padding: 8px 14px;
    font-family: 'Montserrat';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.wpcf7-spinner{
  display: none;
}
.share-button:hover {
    background-color: rgba(25, 189, 248, 0.06);
}

.share-menu {
    position: absolute;
    top: 120%;
    right: 0;
    background-color: white;
    border-radius: 10px;
    -webkit-box-shadow: 0 8px 24px rgba(0,0,0,0.15);
            box-shadow: 0 8px 24px rgba(0,0,0,0.15);
    padding: 12px 0;
    width: 180px;
    z-index: 1000;
    opacity: 0;
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
    pointer-events: none;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.share-menu.show {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    pointer-events: auto;
}

.share-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 16px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    -webkit-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
}

.share-option i {
    margin-right: 10px;
    font-size: 16px;
}

.share-option:hover {
    background-color: #f0f0f0;
}

.share-option.facebook { color: #1877f2; }
.share-option.whatsapp { color: #25d366; }
.share-option.linkedin { color: #0077b5; }

.d-none {
    display: none;
}

.doc{
color: #000;
font-family: 'Montserrat';
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
background: rgba(217, 217, 217, 0.59);
padding: 0.5rem 0;

}
.desc{
background: var(--color-blue-blue-50, #1F75FF);
color: #FFF;
font-family: 'Montserrat';
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
padding: 0.5rem 0;
}
.prod-titles{
color: #000;
font-family: 'Montserrat';
font-size: clamp(0.75rem,1.25vw,1.3rem);
font-weight: 500;
line-height: 26px;
padding-bottom: 0.5rem;
}
.prod-titles.description{
	position: relative;
  display: inline-block; 
  padding-bottom: 18px;
  margin-bottom: 1.35rem;
  font-size: clamp(1.2rem,1.8vw,1.9rem);
}

.prod-titles.description::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0; 
  width: 50%; 
  border-bottom: 2px solid #000;
  border-radius: 50px;
}

.caracteristiques-produit ul li{
color: #393939;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}



.files-upload-text{
color: #000;
font-family: Montserrat;
font-size: 1.2rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.upload-button{
color: #000;
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.upload-check-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; /* Supprime le style par défaut */
    width: 20px;
    height: 20px;
    border: 2px solid #2c2b2b;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
}

.upload-check-input:checked {
    background-color: #ebedee;
    border-color: #292929;
}

.upload-check-input:checked::after {
    content: '✓';
    position: absolute;
    top: -2px;
    left: 3px;
    color: rgb(28, 26, 26);
    font-size: 14px;
    font-weight: bold;
}

.tab-btn{
	border:none !important;
	padding-block:0.7rem ;
	color: #000;
	font-family: Montserrat;
	font-size: 1.2rem;
	font-weight: 500;
	
}
.tab-btn.active {
    border-bottom: 3px solid #1F75FF !important;
}


  .side-panel {
      position: fixed;
      top: 0;
      right: -100%;
      width: 100%;
      max-width: 400px;
      height: 100vh;
	  max-height: 100vh;
	  overflow-y: auto;
      background: #ffffff;
      color: rgb(11, 10, 10);
      padding:1.2rem;
      -webkit-transition: right 0.4s ease;
      -o-transition: right 0.4s ease;
      transition: right 0.4s ease;
      z-index: 1000;
      -webkit-box-shadow: -2px 0 8px rgba(0, 0, 0, 0.4);
              box-shadow: -2px 0 8px rgba(0, 0, 0, 0.4);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
	  -webkit-box-pack: justify;
	      -ms-flex-pack: justify;
	          justify-content: space-between;

    }

    .side-panel.active {
      right: 0;
    }

    .progress-bar {
      height: 10px;
      background: #444;
      border-radius: 5px;
      overflow: hidden;
      margin-bottom: 20px;
    }

    .progress-bar-fill {
      height: 100%;
      width: 0%;
      background: -webkit-gradient(linear, left top, right top, color-stop(0.06%, rgba(31, 117, 255, 0.84)), color-stop(53.36%, rgba(9, 180, 243, 0.84)), color-stop(99.94%, rgba(31, 117, 255, 0.84)));
      background: -o-linear-gradient(left, rgba(31, 117, 255, 0.84) 0.06%, rgba(9, 180, 243, 0.84) 53.36%, rgba(31, 117, 255, 0.84) 99.94%);
      background: linear-gradient(90deg, rgba(31, 117, 255, 0.84) 0.06%, rgba(9, 180, 243, 0.84) 53.36%, rgba(31, 117, 255, 0.84) 99.94%);
      -webkit-transition: width 0.3s ease;
      -o-transition: width 0.3s ease;
      transition: width 0.3s ease;
    }
	.progress-text{
		color: rgba(93, 93, 93, 0.36);
		font-family: Montserrat;
		font-size:0.9rem;
		font-weight: 600;
		line-height: 122.119%; /* 18.318px */
	}

    .step-content {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
    }

    .choices {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 10px;
      margin-top: 20px;
    }

    .choices button {
			border-radius: 27px;
		border: 1.5px solid #09B4F3;
		padding: 1rem 0;
		background: #FFF;
		text-align: center;
				font-family: Montserrat;
				font-size: 0.8rem;
				font-weight: 400;
    }

    .choices button:hover {
      background: #555;
    }

    .step-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-top: 20px;
    }

    .step-nav .next {
      padding: 0.5rem 1rem;
     background: -o-linear-gradient(353deg, #1F75FF 8.6%, #09B4F3 48.81%, #1F75FF 91.4%);
     background: linear-gradient(97deg, #1F75FF 8.6%, #09B4F3 48.81%, #1F75FF 91.4%);
      border: none;
      cursor: pointer;
      color: #fff;
	  font-family: Montserrat;
	  font-size: 1rem;
	  font-weight: 500;
    }
	.step-nav .back{
		color: #5D5D5D;
		font-family: Montserrat;
		font-size: 0.8rem;
		font-weight: 400;
		line-height: 122.119%; /* 19.539px */
		-webkit-text-decoration-line: underline;
		        text-decoration-line: underline;
		-webkit-text-decoration-style: solid;
		        text-decoration-style: solid;
		border: none;
		background: white;

	}

    .close-btn {
      position: absolute;
      top: 15px;
      right: 15px;
      background: transparent;
      color: rgb(4, 4, 4);
      font-size: 2rem;
	  font-weight: 700;
      border: none;
      cursor: pointer;
    }


	.button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.btn-option {
  display: inline-block;
  padding: 10px 15px;
  border: 2px solid #007bff;
  border-radius: 5px;
  cursor: pointer;
  background-color: white;
  color: #007bff;
  font-weight: bold;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.btn-option input {
  display: none; /* cache le vrai input */
}

.btn-option input:checked + span,
.btn-option input:checked {
  background-color: #007bff;
  color: white;
  border-color: #0056b3;
}
.close-panel{
	border: none;
	font-weight: 700;
	background-color: #FFF;
	font-size: 2rem;
	width: 10%;
	-ms-flex-item-align: end;
	    -ms-grid-row-align: end;
	    align-self: end;
}



.radio-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.radio-buttons input[type="radio"] {
  display: none;
}

.radio-buttons label.radio-button {
  padding:0.6rem 0.8rem;
  border-radius: 27px;
  border: 1.5px solid #40cafc;
  background: #FFF;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  font-family: Montserrat;
  color: rgba(0, 0, 0, 0.83);
  font-size: 0.7rem;
  font-weight: 400;
}

.radio-buttons input[type="radio"]:checked + label.radio-button {
  background: var(--linear-BG-button, linear-gradient(91deg, #1F75FF 15.3%, #61DAFF 49.67%, #1F75FF 84.7%));
  color: white;
}
.panel-title{
color: #000;
font-family: Montserrat;
font-size: 2rem;
font-weight: 600;
}
#panel-description{
color: #5D5D5D;
font-family: Montserrat;
font-size: 0.8rem;
font-weight: 400;
line-height: 122.119%;
}
.step-title{
color: #000;
font-family: Montserrat;
font-size: 1.3rem;
font-weight: 600;
line-height: 122.119%;
}
.global-div{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 7px;;
}

.step .wpcf7-form input[type="text"],
.step .wpcf7-form input[type="email"],
.step .wpcf7-form input[type="tel"],
.step .wpcf7-form textarea{
	border-radius: 27px;
	border: 1px solid rgba(0, 0, 0, 0.18);
	background: #FFF;
	width: 100%;
	padding: 0.6rem 1.6rem;
	color: #5D5D5D;
	font-family: Montserrat;
	font-size: 0.8rem;
	font-weight: 400;
  margin-bottom: 0.7rem !important;
}
.step .wpcf7-form textarea {
  width: 100%;
  max-height: 45px;
  margin-bottom: 1rem;
}

.step .wpcf7-list-item.first.last{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: start;
gap:10px;
margin: 0.3rem 0;
}
.step .wpcf7-list-item-label{
color: #000;
font-family: Montserrat;
font-size: 0.7rem;
font-weight: 400;
line-height: 122.119%; 

}
.form1_text{
color: #000;
font-family: Montserrat;
font-size: 0.7rem !important;
font-weight: 400;
line-height: 122.119%; 
}


 .popup-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .popup-box {
    background: white;
    padding: 2rem;
    border-radius: 10px;
    text-align: center;
    position: relative;
  }
  .close-button{
    position: absolute;
    right: -10px;
    top: -10px;
    border: none;
    background: #FF5233;
    padding: 0;
    border-radius: 20px;
  }
  .succes-mssg{
    color: #14A155;
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
  }
  .gl-div-succes{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    border-radius: 8.851px;
    background: rgba(20, 161, 85, 0.17);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.25rem 1rem;
  }
  .popup-buttons {
    border-radius: 50px;
    background: -o-linear-gradient(169deg, #1F75FF 0%, #61DAFF 55%, #1F75FF 90%);
    background: linear-gradient(281deg, #1F75FF 0%, #61DAFF 55%, #1F75FF 90%);
    -webkit-box-shadow: 0px 4.998px 4.998px -1px rgba(58, 125, 233, 0.25);
            box-shadow: 0px 4.998px 4.998px -1px rgba(58, 125, 233, 0.25);
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 16.665px;
    font-weight: 500;
    border: none;
    padding: 0.6rem 2rem;
    margin-top: 1.2rem;
  }
.cart-wrapper {
  position: relative;
  display: inline-block;
}
.child {
  position: absolute;
  display: inline-block;
}

.cart-popup {
  position: absolute;
  top: 100%;
  right: 0;
  background: white;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.1);
          box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  padding: 1rem;
  min-width: 250px;
  z-index: 1000;
}

.cart-popup ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cart-popup li {
  padding: 0.3rem 0;
  border-bottom: 1px solid #eee;
  font-size: 0.9rem;
}


.cart-notification {
  position: absolute;
  top: -5px;
  right: -3px;
  background-color: red;
  color: white;
  font-size: 0.6rem;
  font-weight: bold;
  padding: 2px 6px;
  border-radius: 50%;
  min-width: 18px;
  text-align: center;
  line-height: 1;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.panier-title{
color: #000;
font-family: Inter;
font-size: 0.8rem;
font-weight: 500;
line-height: 16px;
}
.panier-ref{
color: rgba(93, 93, 93, 0.90);
font-family: Inter;
font-size: 0.7rem;
font-weight: 400;
line-height: 16px;
}

.card-count-h{
color: #000;
font-family: Inter;
font-size:0.8rem;
font-weight: 500;
line-height: 16px;
}
.delete-btn{
color: #5D5D5D;
font-family: Epilogue;
font-size: 0.5rem;
font-weight: 400;
line-height: 160%; /* 12.8px */
-webkit-text-decoration-line: underline;
        text-decoration-line: underline;
-webkit-text-decoration-style: solid;
        text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
text-decoration-thickness: 4%; /* 0.32px */
text-underline-offset: 14%; /* 1.12px */
text-underline-position: from-font;
border: none;
background-color: white;
}
#cart-items {
    max-height: 170px;
    overflow-y: auto;
    
    /* Pour Firefox */
    scrollbar-width: thin;
    scrollbar-color: #1F75FF #D9D9D9;
}

/* Pour Chrome, Safari, Edge */
#cart-items::-webkit-scrollbar {
    width: 3px;
}

#cart-items::-webkit-scrollbar-track {
    background: #D9D9D9;
    border-radius: 1.5px;
}

#cart-items::-webkit-scrollbar-thumb {
    background: -webkit-gradient(linear, left top, left bottom, from(#1F75FF), color-stop(47.5962%, #61DAFF), to(#1F75FF));
    background: linear-gradient(180deg, #1F75FF 0%, #61DAFF 47.5962%, #1F75FF 100%);
    border-radius: 1.5px;
}
.panier-devis-button{
border-radius: 8.364px;
background: var(--linear-BG-button, linear-gradient(91deg, #1F75FF 15.3%, #61DAFF 49.67%, #1F75FF 84.7%));
-webkit-box-shadow: 0px 3.137px 4.182px 0px rgba(9, 180, 243, 0.25);
        box-shadow: 0px 3.137px 4.182px 0px rgba(9, 180, 243, 0.25);
border: none;
padding: 0.2rem 0.6rem 0.4rem 0.6rem;
margin: 1.5rem 0 0.8rem 0;
color: #FFF;
}
.img-descr-single{
border: 0.5px solid #000;
border-radius: 8px;
}
.panier-devis-button a{
color: #FFF;
font-family: Epilogue;
font-size: 11px;
font-weight: 500;
line-height: 160%;
}
.titre-page-devis h5{
		margin-top:7rem;
		color: #000;
		text-align: center;
		font-family: Montserrat;
		font-size: 2rem;
		font-weight: 600;
}
.formulaire-devis form{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap:5px;
	color: #000;
	font-family: Montserrat;
	font-size: 12.871px;
	font-style: normal;
	font-weight: 400;
	line-height: 122.119%; /* 15.718px */
	border-radius: 15px;
	border: 0.65px solid #5D5D5D;
	background: #FFF;
	padding: 1.5rem;
}
.formulaire-devis .wpcf7-list-item.first.last{
	margin:0.5rem 0;
}
.formulaire-devis .wpcf7-form input[type="text"],
.formulaire-devis .wpcf7-form input[type="email"],
.formulaire-devis .wpcf7-form input[type="tel"],
.formulaire-devis .wpcf7-form textarea{
width: 100%;
border-radius: 23.168px;
border: 0.858px solid rgba(0, 0, 0, 0.18);
background: rgba(202, 200, 200, 0.14);
padding: 0.6rem 1rem;
margin-bottom: 15px;
}

.formulaire-devis .wpcf7-list-item.first.last{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:start;
  gap: 5px;

}

.formulaire-devis .wpcf7-submit.has-spinner{
	border-radius: 32.054px;
    background: -o-linear-gradient(169deg, #1F75FF 0%, #61DAFF 55%, #1F75FF 90%);
    background: linear-gradient(281deg, #1F75FF 0%, #61DAFF 55%, #1F75FF 90%);
    -webkit-box-shadow: 0px 5.144px 5.144px -1.029px rgba(58, 125, 233, 0.25);
            box-shadow: 0px 5.144px 5.144px -1.029px rgba(58, 125, 233, 0.25);
    border: none;
    color: white;
	font-family: 'Montserrat';
	font-weight: 600;
    padding: 0.5rem;
	margin-top: 1rem;
}
.mon-autre-menu-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  width:100%;
  max-width: 400px;
  height: 80vh;
  background-color: #FFF;
  -webkit-box-shadow: -4px 0 20px rgba(0, 0, 0, 0.14);
          box-shadow: -4px 0 20px rgba(0, 0, 0, 0.14);
  z-index: 9999;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  padding: 30px 25px;
  overflow-y: auto;
  display: none;
  font-family: 'Montserrat', sans-serif;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.menu2-button button{
border-radius: 8.364px;
background: var(--linear-BG-button, linear-gradient(91deg, #1F75FF 15.3%, #61DAFF 49.67%, #1F75FF 84.7%));
-webkit-box-shadow: 0px 3.137px 4.182px 0px rgba(9, 180, 243, 0.25);
        box-shadow: 0px 3.137px 4.182px 0px rgba(9, 180, 243, 0.25);
color: white;
font-family:'Montserrat';
border: none;
padding: 0.3rem 1rem;
border-radius: 50px;
}
.no-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

/* Affiche le menu */
.mon-autre-menu-wrapper.show {
  display: block;
}

/* Animation */
.mon-autre-menu-wrapper.animate-in {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.wpcf7-list-item-label
{
  font-size: clamp(0.7rem,1vw,1.2rem);
}

/* Bouton de fermeture */
.close-btn {
  background: none;
  border: none;
  font-size: 26px;
  color: #09B4F3;
  position: absolute; 
  cursor: pointer;
}

/* Liste */
.my-custom-menu-class {
  list-style: none;
  padding: 30px 0 0;
  margin: 0;
}

.my-custom-menu-class li {
  border-bottom: 1px solid #95d5ec;
  margin-bottom: 0;
}

.my-custom-menu-class li:last-child {
  border-bottom: none; /* pas de bordure pour le dernier */
}

.my-custom-menu-class li a {
  display: block;
  padding: 14px 10px;
  color: #1c1c1c;
  text-decoration: none;
  font-size: 17px;
  font-weight: 500;
  -webkit-transition: color 0.25s, background-color 0.25s;
  -o-transition: color 0.25s, background-color 0.25s;
  transition: color 0.25s, background-color 0.25s;
  font-family: Montserrat;
}

/* Hover color */
.my-custom-menu-class li a:hover {
  color: #09B4F3;
}
#toggle{
	background: none;
	border: none;
}

.montserrat-font {
            font-family: 'Montserrat', sans-serif;
        }

.s16{
	font-size: 1rem;
}
.s15{
	font-size: 0.9rem;
}

.fs13{
  font-size: 0.8125rem;
}
.fs18{
font-size: 1.125rem;
}
.fs33{
	font-size: 1.9rem ;
}
.fs36{
font-size: 2.25rem;
}
.fs20{
	font-size: 1.25rem;
}
.fs55{
	font-size: 3rem;
}
.fs24{
	font-size:1.5rem;
}
.bordure {
    border: 1px solid;
	border-radius: 50px;
}
.bleu-clair {
    border-color: #09B4F3;
}
.bleu-vif{
    border-color: #1F75FF;
}
.bordure.p-2 {
    display: inline-block; 
    padding: 0.5rem; 

}



.my-nav-bar{
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-pack: center !important;
	    -ms-flex-pack: center !important;
	        justify-content: center !important;
	-webkit-box-align: center !important;
	    -ms-flex-align: center !important;
	        align-items: center !important;
	width: 65% !important;
	padding: 0 !important;
	margin: auto;
	border-radius: 25px 35.5px 35.5px 25px;
    border: 0.93px solid #09B4F3;
    background: rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: -0.93px -0.93px 6.54px 0px rgba(9, 180, 243, 0.46);
            box-shadow: -0.93px -0.93px 6.54px 0px rgba(9, 180, 243, 0.46);
    -webkit-backdrop-filter: blur(calc(var(--Blur-1, 50px) / 2));
            backdrop-filter: blur(calc(var(--Blur-1, 50px) / 2));
}
/* Texte du menu en noir pour la page "demande-de-devis-page" */
body.page-template-demande-de-devis-page .my-nav-bar li a {
  color: #000 !important;
}
body.page-template-demande-de-devis-page .my-nav-bar {
  background: none !important;
}
body.page-template-demande-de-devis-page .devis-dm button{
border-radius: 28.033px;
background: -o-linear-gradient(169deg, #1F75FF 0%, #61DAFF 55%, #1F75FF 90%);
background: linear-gradient(281deg, #1F75FF 0%, #61DAFF 55%, #1F75FF 90%);
-webkit-box-shadow: 0px 4.499px 4.499px -0.9px rgba(58, 125, 233, 0.25);
        box-shadow: 0px 4.499px 4.499px -0.9px rgba(58, 125, 233, 0.25);
}
body.page-template-demande-de-devis-page .devis-dm button a {
color: #fff;
}
body.page-template-demande-de-devis-page .container-fluid.header {
-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.20);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.20);
}
body.page-template-demande-de-devis-page #toggle svg {
  fill: #000;
}
/* Texte du menu en noir pour les single de custom post "products_posts" */
body.single-products_posts .my-nav-bar li a {
  color: #000 !important;
}
body.single-products_posts .my-nav-bar {
  background: none !important;
}
body.single-products_posts .devis-dm button{
border-radius: 28.033px;
background: -o-linear-gradient(169deg, #1F75FF 0%, #61DAFF 55%, #1F75FF 90%);
background: linear-gradient(281deg, #1F75FF 0%, #61DAFF 55%, #1F75FF 90%);
-webkit-box-shadow: 0px 4.499px 4.499px -0.9px rgba(58, 125, 233, 0.25);
        box-shadow: 0px 4.499px 4.499px -0.9px rgba(58, 125, 233, 0.25);
}
body.single-products_posts .devis-dm button a {
color: #fff;
}
body.single-products_posts .container-fluid.header {
-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.20);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.20);
}
body.single-products_posts #toggle svg {
  fill: #000;
}
.my-nav-bar li {
color: #FFF;
text-align: center;
font-family: "DM Sans";
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
list-style-type: none;
padding: 0.5rem 2rem;
}
.btn-lng{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 20%;
}
.container-fluid.header a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.container-fluid.header a img {
	width: 70%;
}
.devis-dm button{
border-radius: 28.032px;
border: 0.934px solid #09B4F3;
background: -o-radial-gradient(50% 50%, 49.99% 50.16%, rgba(9, 180, 243, 0.22) 0%, rgba(0, 0, 0, 0.21) 100%);
background: radial-gradient(49.99% 50.16% at 50% 50%, rgba(9, 180, 243, 0.22) 0%, rgba(0, 0, 0, 0.21) 100%);
-webkit-box-shadow: -0.934px 0.934px 6.541px 0px rgba(9, 180, 243, 0.46);
        box-shadow: -0.934px 0.934px 6.541px 0px rgba(9, 180, 243, 0.46);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0.5rem 1rem 0.5rem 1rem;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
.devis-dm button a {
color: var(--white, #FFF);
text-align: center;
font-family: Montserrat;
font-size: 0.9rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.btn-delete,
.btn-qty{
  background: none;
  border: none;
}
.qte-devis{
  border-radius: 5.684px;
    border: 0.497px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#panier-dm-devis{
border-radius: 15px;
border: 0.7px solid #949494;
}
.panier-selection{
border-radius: 15px;
border: 0.7px solid #949494;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
padding: 1.5rem;
}
.product-checkbox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #000000;
  position: relative;
  cursor: pointer;
}
.btn-qty.bleu{
color:#1F75FF;
}
.btn-qty.gray{
  color: #8D8D8D;
}
.qty-style{
color: #000;
font-family: Inter;
font-size: 10.611px;
font-weight: 500;
line-height: 12.126px; 
}
.product-checkbox:checked::before {
  content: "✔";
  color: rgb(0, 0, 0);
  font-size: 14px;
  position: absolute;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.product-title-devis{
color: #000;
font-family: Inter;
font-size: 19.427px;
font-weight: 500;
line-height: 22.203px;
}
.product-ref-devis{
color: rgba(93, 93, 93, 0.90);
font-family: Inter;
font-size: 16.652px;
font-weight: 400;
line-height: 22.203px; 
}
.yr-selection-devis{
color: #393939;
font-family: Montserrat;
font-size: 20px;
font-weight: 500;
margin-bottom: 1.5rem;
}
.langues .language-switcher .pll-switcher-select{
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
	border-radius: 32.381px;
    border: 0.81px solid #09B4F3;
    background: rgba(0, 0, 0, 0.10);
    -webkit-backdrop-filter: blur(40.47618865966797px);
            backdrop-filter: blur(40.47618865966797px);
	padding: 0.4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #FFF;
    font-family: Cabin;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
	text-transform: uppercase;
	margin-left: 1rem;
}
nav{
padding: 0 !important;

}
main{
      margin: 0 !important; 
	  padding: 0 !important;
	  position: relative;
    }
.container-fluid.header{
	position: absolute;
	top: 10px;
	padding: 0 1rem 0.7rem 1rem !important;
	z-index: 1;
	-ms-flex-pack: distribute !important;
	    justify-content: space-around !important;
}

.center-container{
	position: relative;
	z-index: 10;
	/* padding: 10rem 0 5rem 5rem; */
	width: 50%;

}
.center-container h5 {
color: #FFF;
font-family: Montserrat;
font-size: var(--text-size-titles, 2.1875rem);
font-style: normal;
font-weight: 700;
line-height: 3.2433rem;
}
.center-container p {
color: #FFF;
font-family: Montserrat;
font-size: var(--text-size-paragraph, 1rem);
font-style: normal;
font-weight: 400;
line-height: 1.7101rem;
}
.center-container button {
border-radius: 32.54px;
border: 1.085px solid #09B4F3;
background: -o-radial-gradient(50% 50%, 49.99% 50.16%, rgba(9, 180, 243, 0.92) 0%, rgba(0, 0, 0, 0.86) 100%);
background: radial-gradient(49.99% 50.16% at 50% 50%, rgba(9, 180, 243, 0.92) 0%, rgba(0, 0, 0, 0.86) 100%);
-webkit-box-shadow: -1.085px 1.085px 7.593px 0px rgba(9, 180, 243, 0.46);
        box-shadow: -1.085px 1.085px 7.593px 0px rgba(9, 180, 243, 0.46);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0.5rem 1.4rem;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
.center-container button a{
color: var(--white, #FFF);
text-align: center;
font-family: Montserrat;
font-size: 0.9491rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
 .image-container {
    position: relative;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
	padding: 10rem 0 5rem 5rem;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(
    linear,
    left top, right top,
    from(rgba(0, 0, 0, 1)),     
    color-stop(25%, rgba(0, 0, 0, 1)),  
    color-stop(50%, rgba(0, 0, 0, 0)),   
    color-stop(75%, rgba(0, 0, 0, 0)),   
    to(rgba(0, 0, 0, 0))     
  );
  background: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 1) 0%,     
    rgba(0, 0, 0, 1) 25%,  
    rgba(0, 0, 0, 0) 50%,   
    rgba(0, 0, 0, 0) 75%,   
    rgba(0, 0, 0, 0) 100%     
  );
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 1) 0%,     
    rgba(0, 0, 0, 1) 25%,  
    rgba(0, 0, 0, 0) 50%,   
    rgba(0, 0, 0, 0) 75%,   
    rgba(0, 0, 0, 0) 100%     
  );
  pointer-events: none; 
}
.custom-bottom-border {
  border-bottom: 1px solid #E2E8F0;
}
.block-with-border {
 position: relative;
}
.block-with-border::after{
  content: "";
  position: absolute;
  top: 5%;
  bottom: 5%;
  right: 0;
  width: 1px;
  background-color: #ccc;
}
#footer-bloc{
background-image: url('/wp-content/themes/borne-de-recharge/assets/images/Section 13.png');
background-repeat: no-repeat;
-webkit-box-shadow: 1px -4px 14.3px 0px rgba(31, 117, 255, 0.49);
        box-shadow: 1px -4px 14.3px 0px rgba(31, 117, 255, 0.49);
background-size:cover;
padding: 0 4rem;
}
.mailpoet_form.mailpoet_form_form.mailpoet_form_shortcode{
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	padding: 0.5rem !important;
	width: 100%;
	background-color: #FFF;
	border-radius: 10px;
  border: 1px solid #09B4F3;
  background: var(--base-white, #FFF);
	margin: 1.95rem 0 2rem 0;
}
.mailpoet_paragraph {
	width: 80% !important;
	margin-bottom: 0 !important;
}
.mailpoet_text{
	border: none !important;
}
.mailpoet_text:focus{
	 outline: none !important;
}
.mailpoet_paragraph.last{
	width: 20% !important;
}
.mailpoet_submit{
	background: #FFF;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60' height='60' viewBox='0 0 60 60'%3E%3Cimage xlink:href='data:image/png;base64,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' x='0' y='0' width='60' height='60'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    /* background-size: contain; */
	border: none !important;

}

.icons{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1.5rem;
	justify-items: center !important;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;

}

.icons a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.section1{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 85%;
	margin:3rem auto;

	border-radius: 30px;
    border: 1px solid #1F75FF;
	padding: 2.5rem 3rem;
	gap: 5rem;
}
.section1 .image-of-section {
	width: 50%;
}
.section-interne h5{
color: #000;
font-family: Montserrat;
font-size: 2rem;
font-style: normal;
font-weight: 700;
line-height: 50.498px; /* 152.778% */
text-transform: uppercase;
}
.list-child span{
	padding-left: 0.3rem;
	color: #080B2F;
font-family: Montserrat;
font-size: 1rem;
font-style: normal;
font-weight: 400;
/* line-height: 25.329px;  */
}
.section2-slider {
    width: 90%;
    margin: auto;
}

.section2-division {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 25px;
    border: 1px solid #09B4F3;
    background: #FFF;
    -webkit-box-shadow: 0px 4px 4.8px 0px rgba(9, 180, 243, 0.17);
            box-shadow: 0px 4px 4.8px 0px rgba(9, 180, 243, 0.17);
    padding: 1rem;
    text-align: center;
    margin: 10px;
    height: auto;
}
.section2-division img{
-o-object-fit: cover;
   object-fit: cover;
	width: 100%;
}
.section2-division h5{
color: #000;
text-align: center;
font-family: Montserrat;
font-size: 1.5rem;
font-weight: 600;
}
.section2-division p{
color: #5D5D5D;
text-align: center;
font-family: Montserrat;
font-size: var(--text-size-text-P, 1rem);
font-weight: 400;
-webkit-box-flex: 1;
    -ms-flex-positive: 1;
        flex-grow: 1;
}
.section2-containers{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	width: 90%;
	gap: 1rem;
	margin: auto;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;

}
.section2-division1,
.section2-division2,
.section2-division3{
	width: 30%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-radius: 25px;
    border: 1px solid #09B4F3;
    background: #FFF;
    -webkit-box-shadow: 0px 4px 4.8px 0px rgba(9, 180, 243, 0.17);
            box-shadow: 0px 4px 4.8px 0px rgba(9, 180, 243, 0.17);
	padding: 1rem;
}
.section2-division1 img,
.section2-division2 img,
.section2-division3 img{
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
}

.section2-division1 h5,
.section2-division2 h5,
.section2-division3 h5{
color: #000;
text-align: center;
font-family: Montserrat;
font-size: 1.5rem;
font-weight: 600;
}

.section2-division1 p,
.section2-division2 p,
.section2-division3 p{
color: #5D5D5D;
text-align: center;
font-family: Montserrat;
font-size: var(--text-size-text-P, 1rem);
font-weight: 400;
}
.solution-slider .solution-slide {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.solution-block {
    width: 100%;
    height: 100%;
}

/* Pour hover image */
.solution-image-img {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.solution-image-img:hover {
    content: attr(data-hover);
}

.number-styler{
color: #09B4F3;
font-family: Montserrat;
font-size: 0.6rem;
font-style: normal;
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding:0.1rem 0.6rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
gap: 0.4;
border-radius: 45.202px;
background: rgba(9, 180, 243, 0.12);
width: 21.697px;
height: 21.697px;
}
.section3{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 90%;
	padding: 3rem;
	margin: 4rem auto;
	border-radius: 30px;
    border: 1px solid #1F75FF;
    background: rgba(179, 179, 179, 0.06);
	gap: 2rem;

}
.questions-of-section3 h5{
color: #000;
font-family: Montserrat;
font-size: 32.545px;
font-style: normal;
font-weight: 700;
line-height: 49.722px;
text-transform: uppercase;
}
.questions-of-section3 ul li{
color: #000;
font-family: Montserrat;
font-size: 16.626px;
font-style: normal;
font-weight: 400;
padding-bottom: 1rem;
}
.questions-of-section3 ul li span{
	margin-right: 1rem;
}



.services{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.services h5 {
color: #000;
text-align: center;
font-family: Montserrat;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 55px;
text-transform: uppercase;
}
.services p{
color: #5D5D5D;
text-align: center;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
width: 50%;
}
.services-cards{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	gap: 1rem;
	width: 93%;
	margin: auto;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.services-cards div {
border-radius: 1.5rem;
border: 0.25px solid #5D5D5D;
background: #FFF;
-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
padding: 2rem 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
gap: 1rem;
width: 23%;
}
.slick-track{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.section6 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
border-radius: 30px;
border: 1px solid #1F75FF;
background: rgba(179, 179, 179, 0.06);
width: 90%;
padding: 3rem 1rem;
margin: 3rem auto;
gap: 2rem;
}
.accompagnement-cards{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	gap: 1rem;
	margin:auto;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.Témoignages-clients h5 {
color: #000;
text-align: center;
font-family: Montserrat;
font-size: 2rem;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
}

.separator {
  text-align: center;
}
.invert-sep svg {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.Témoignages-clients p{
color: #5D5D5D;
text-align: center;
font-family: Montserrat;
font-size: 0.8rem;
font-style: normal;
font-weight: 400;
}
.temoignages-slider .slick-track {
  display: block;
}
.temoignage-block {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.temoignage-block{
border-radius: 13.845px;
border: 1.123px solid rgba(9, 180, 243, 0.31);
-webkit-box-shadow: 0px 3.692px 3.692px 0px rgba(0, 0, 0, 0.07);
        box-shadow: 0px 3.692px 3.692px 0px rgba(0, 0, 0, 0.07);
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.temoignage-title{
font-family: Montserrat;
font-size: 15.722px;
font-weight: 600;
line-height: 140%; 
}
.temoignage-paragraph{
font-family: Montserrat;
font-size: 13px;
font-weight: 400;
line-height: 140%;
}
.temoignage-name{
font-family: Montserrat;
font-size: 15.722px;
font-weight: 600;
line-height: 140%;
}
.custom-video-wrapper {
    max-width: 100%;
    margin: 20px 0;
}

.plyr--video {
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
:root {
    --plyr-color-main: #ff6b6b; /* Rouge coral */
}

.plyr {
    --plyr-color-main: #667eea; /* Bleu violet */
}
/* Appliquer Montserrat au lecteur vidéo */
.plyr {
    font-family: 'Montserrat', sans-serif;
}

.plyr__control {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.plyr__tooltip {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

.plyr__menu {
    font-family: 'Montserrat', sans-serif;
}
.last-section{
	width: 60%;
	margin: 5rem auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 1rem;
}
.qst-rpns h5{
color: #000;
font-family: 'Montserrat';
font-size: 1.2rem;
font-weight: 600;
}
.qst-rpns p{
color: #5D5D5D;
font-family: 'Montserrat';
font-size: 1rem;
font-weight: 400;
}
.section-5 {
width: 90%;
margin:4rem auto;
}
.section-5 h5{
color: #000;
font-family: 'Montserrat';
font-size: 2.3rem;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
padding-bottom: 2rem;
}
.section-5 img {
	width: 100%;
}

.footer-titles{
color: rgba(255, 255, 255, 0.73);
font-family: 'Montserrat';
font-size: 12.056px;
font-weight: 700;
line-height: 140%;
margin-bottom: 0.5rem;
}
.repeater-footer-champ{
color: #FFF;
font-family: 'Montserrat';
font-size: 12.056px;
font-weight: 600;
line-height: 140%;
margin-bottom:5px;
}
.repeater-footer-champ > a,
.repeater-footer-champ > span /* Add this line */
{
color: rgba(255, 255, 255, 0.73);
font-family: 'Montserrat';
font-size: 12.056px;
font-weight: 600;
line-height: 140%;
margin-bottom:5px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: inline-block; /* Add this for consistent behavior */
}

/* Add specific styles for clickable spans */
.open-panel-trigger {
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.open-panel-trigger:hover {
  opacity: 0.8;
}

#menu-footer-menu{
  list-style-type: none;
  padding: 0;
  color: rgba(255, 255, 255, 0.73);
  font-family: 'Montserrat';
  font-size: 12.056px;
  font-weight: 600;
  line-height: 140%;
}
.premier-titre{
color: #FFF;
font-family: 'Epilogue';
font-size: clamp(0.75rem,1.2vw,1.2rem);
font-weight: 400;
line-height: 160%;
letter-spacing: 0.32px;
}
.first-part-footer,
.footer-info-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  padding-top: 2rem;
}
/* Styles des blocs individuels */
.part-div-2,
.part-div-3,
.part-div-4 {
  margin-top: 2rem;  
}
.part-div-1{
  margin-right: 3rem;
}
.navbar-brand{
  width: 15%;
}
.footer-hr
{
  color: #FFF;
}
                                        /*footer style adjustements*/
.email-footer-field
{
padding-block: 0.7rem !important;
border-radius: 10px !important;
border: 1px solid #09B4F3 !important;
margin-bottom:2rem;

}
.email-footer-field::-webkit-input-placeholder {
  font-size: clamp(0.75rem,1.2vw,1.2rem);
}
.email-footer-field::-moz-placeholder {
  font-size: clamp(0.75rem,1.2vw,1.2rem);
}
.email-footer-field:-ms-input-placeholder {
  font-size: clamp(0.75rem,1.2vw,1.2rem);
}
.email-footer-field::-ms-input-placeholder {
  font-size: clamp(0.75rem,1.2vw,1.2rem);
}
.email-footer-field::placeholder {
  font-size: clamp(0.75rem,1.2vw,1.2rem);
}







                                            /*the accordion style servics*/

/* Remove all borders except bottom for accordion items */
#maintenance .accordion-item {
  border: none; /* remove all borders */
  border-bottom: 1px solid #dee2e6; /* add only bottom border */
  border-radius: 0; /* remove rounded corners */
  padding-block: 0.4rem;
}

/* Optional: remove bottom border on last item if you want clean ending */
#maintenance .accordion-item:last-child {
  border-bottom: none;
}

/* Optional: remove the border from accordion headers, keep it only on items */
#maintenance .accordion-header {
  border: none;
}
#maintenance .accordion-button
{
color: var(--Black, #000);
font-family: 'Montserrat';
font-size: 20px;
font-weight: 600;

}
#maintenance .accordion-button:hover
{
color: #09B4F3;
font-family: 'Montserrat';
font-size: 20px;
font-weight: 600;
}




                                          /*POP UP  NOUS CONTACTER STYLE*/


 .pop-home-contact-title
{
color:#FFF;
font-size: clamp(0.8rem,1.25vw,1.5rem) !important;
font-weight: 600 !important;
font-family: 'Montserrat';
}

.pop-text-home-contact
{
font-family: 'Montserrat';
color: #C9C9C9;
font-weight: 400;
font-size:clamp(0.7rem,1vw,1.2rem);
}
.custom-acceptance input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  width: 1.5em;
  height: 1.5em;
  min-width: 1.5em;
  min-height: 1.5em;
  border: 1px solid rgba(240, 240, 240, 0.8);
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  margin-right: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}




/* Show your custom checkmark icon when checked */
.custom-acceptance input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 1em;
  height: 1em;
  background-image: url('http://prospection.majjane.agency/wp-content/uploads/2025/07/Vector-11.svg');
  background-size: 15px 13px;
  background-repeat: no-repeat;
  background-position: center;
}

.custom-acceptance .form-check-label{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(0.6rem,0.9vw,1.2rem);
  color: #000;
  cursor: pointer;
  font-weight: 400;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.custom-acceptance .form-check
{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.custom-acceptance .form-check-label a {
  color: #000;
  text-decoration: underline;
}

.form-check {
  padding: 0 !important;
}
.wpcf7-list-item
{
  margin-left:0;
}


.pop-left-side-contact
{
color: #FFF;
font-size: clamp(0.65rem,1vw,1.2rem);
font-weight: 500;
font-family: 'Montserrat';
}
 .iti 
{
  width: 100% !important;
}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control
{
  
  background-color: #F2F4F8;
  border-radius: 5px;
  font-size: clamp(0.65rem,1vw,1.1rem) !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  font-weight: 400;
  padding-block: 0.5rem;
}
.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.form-select
{
    color: #95A1B8;
    background-color: #F2F4F8;
    border-radius: 5px;
    font-size: clamp(0.65rem,1vw,1.1rem);
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
    padding-block: 0.5rem;
}
.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control
{
   border-radius: 5px;
    font-size: clamp(0.65rem,1vw,1.1rem);
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
    
}
.wpcf7-not-valid-tip
{
font-size: clamp(0.5rem,0.8vw,1rem);
}
.cf7-submit-wrapper {
  position: relative;
  display: inline-block;
}

#cf7-submit-btn {
  padding: clamp(0.8rem, 0.9vw, 0.85rem) clamp(1rem, 1.65vw, 2.25rem);
  padding-right: clamp(2.5rem, 3.75vw, 4.5rem); /* Extra padding for the icon */
  font-size: clamp(0.7rem, 0.9vw, 1.1rem);
  border-radius: 45px;
  font-weight: 600;
  background: -webkit-gradient(linear, left top, right top, from(#1F75FF), to(#09B4F3));
  background: -o-linear-gradient(left, #1F75FF 0%, #09B4F3 100%);
  background: linear-gradient(90deg, #1F75FF 0%, #09B4F3 100%);
  border: none;
  position: relative;
}

.submit-icon {
  position: absolute;
  right: clamp(0.9rem, 1.65vw, 2.25rem);
  top: 48%;
  right:4%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.7em;
  height: 1.7em;
  min-width: 1.7em;
  min-height: 1.7em;
  pointer-events: none;
}
.wpcf7-response-output
{
   font-size: clamp(0.8rem,1.1vw,1.2rem);
}
/* Sky blue color for white close button */



                                           /*POLITIQUE DE CONFIDENTIALITE*/


 .hero-section {
  background-image: url('https://bordderecherche.majjane.agency/wp-content/uploads/2025/05/Rectangle-7108.svg');
  background-size: cover;
  background-position: center;
  position: relative;
  color: white;
 }

.hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.74);
  z-index: 0;
  pointer-events: none;
}
                                  
.politique-page-main-title
{
color: var(--color-base-Color-base-1, #FFF);
text-align: center;
font-family: 'Montserrat';
font-size: clamp(2rem,4.35vw,4.5rem);
font-weight: 700;
line-height: 87px; /* 135.938% */
letter-spacing: 0.64px;

}
.conf-link {
    border-radius: 38px;
    background: -o-linear-gradient(359deg, #1F75FF 15.3%, #61DAFF 49.67%, #1F75FF 84.7%);
    background: linear-gradient(91deg, #1F75FF 15.3%, #61DAFF 49.67%, #1F75FF 84.7%);
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(0.65rem, 1.35vw, 1.3rem);
    font-weight: 600;
    line-height: 16px;
    padding: 8px 8px 8px 25px;
    text-decoration: none;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  

  .conf-link.active {
    background: #161616;
    color: #FFF;
  }

  .conf-link:hover {
    background: #161616 !important;
    color: #fff !important;
  }

  /* Arrow images styling */
  .arrow-icon {
    width: 1em;
    height: 1em;
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    -o-transition: transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
    display: inline-block;
  }

  /* Inactive links show arrow right by default (image source) */
  .arrow-icon
  {
    width:auto;
    height: auto;
  }
  
  /* Active link arrow is down arrow image, no rotation needed */

  .conf-content {
    display: none;
  }
.conf-link:hover .arrow-icon {
  content: url('https://bordderecherche.majjane.agency/wp-content/uploads/2025/07/Icone-7.svg') !important;
}

  .conf-content.active {
    display: block;
    -webkit-animation: fadeIn 0.25s ease-in-out;
            animation: fadeIn 0.25s ease-in-out;
  }
#conf-dynamic-container h2
{
  color: var(--BLACK, #020125);
  font-family: 'Montserrat';
  font-size: clamp(1rem,2.2vw,2.6rem);
  font-weight: 700;

}
#conf-dynamic-container h3
{
color: var(--BLACK, #020125);
font-family: 'Montserrat';
font-size: clamp(0.9rem,1.55vw,1.6rem);
font-weight: 600;

}
#conf-dynamic-container p
{
color: var(--BLACK, #020125);
font-family: 'Montserrat';
font-size: clamp(0.8rem,1.35vw,1.4rem);
font-weight: 400;
padding-block: 0.7rem;
}
#conf-dynamic-container a
{
color: var(--BLACK, #020125);
font-family: 'Montserrat';
font-size: clamp(0.8rem,1.35vw,1.4rem);
font-weight: 600;
text-decoration: none;
}
#conf-dynamic-container .email
{
  font-weight: 600;
  font-family: 'Montserrat';
}
#conf-dynamic-container .email2
{
  font-family: 'Montserrat';
  -webkit-text-decoration: underline #020125;
          text-decoration: underline #020125;
}

                                        /*side pop up des etapes*/

.next
{
  border-radius: 27.794px;
}


                               /*SINGLE POST PROcUCT PAGE */
.swiper-button-next,.swiper-button-prev
{
  color:#000 !important;
}


                                                 /*BLOG PAGE STYLE*/
.hero-section-2
{
  background-image: url('https://bordderecherche.majjane.agency/wp-content/uploads/2025/07/1.png');
  background-size: cover;
  background-position: center center;
  position: relative;


}

.blog-main-title
{
color: #FFF;
text-align: center;
font-size: clamp(2rem,2.8vw,3rem);
font-weight: 700;
line-height: 59px; /* 147.5% */
letter-spacing: -1.162px;
text-transform: uppercase;
margin-top: 8rem;
}
.lead-blog-under-main-title
{
color: var(--color-base-Color-base-3, #FCF9F9);
text-align: center;
font-size: 19.99px;
font-weight: 300;
line-height: 30.448px; /* 152.317% */
margin-inline: auto;
}
.posts-cards-blog
{
  background-color: #FFF !important;
  border: none !important;
}
.blog-archive-section
{
  background-color: #fff;
}
.card-img-top
{
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 1px 1px 6px 2px rgba(0, 0, 0, 0.20);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 1px 1px 6px 2px rgba(0, 0, 0, 0.20);
  margin-bottom: 1rem;
 
}
.posts-cards-blog .card-img-top {
  width: 100%;
  aspect-ratio: 3/2; /* or 4/3, 1/1 depending on your preference */
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.categorie-post-blog
{
border-radius: 50px;
background: rgba(254, 162, 95, 0.11);
color: var(--color-base-color-base-4, #FA6611);
font-size: clamp(0.75rem,1.05vw,1.05rem);
font-weight: 500;
padding-inline: 1rem;
padding-block: 0.4rem;
}
.post-blog-card
{
  padding-left: 0 !important;
}
.post-date-blog-page
{
border-radius: 50px;
background: #ECF4F8;
color: var(--color-blue-blue-50, #1F75FF);
font-size: clamp(0.75rem,1.05vw,1.05rem);
font-weight: 500;
padding-inline: 1rem;
padding-block: 0.3rem;
text-align: center;
}
.category-publish-date-blog
{
  margin-bottom: 1rem;
}
.blog-post-title
{
color: #08344E !important;
font-size: clamp(0.8rem,1.55vw,1.65rem);
font-size: 600 !important;
margin-bottom: 1rem;
padding-bottom: 1rem;
font-weight: 600;
}
.lire-plus-button-blog
{
color: var(--Bleu, #08344E);
font-family: 'Montserrat';
font-size: clamp(0.75rem,1vw,1.2rem);
font-weight: 600;
line-height: 14.147px; /* 101.053% */
text-transform: capitalize;
}
.blog-voir-plus-articles-button
{
border-radius: 28.286px;
border: none;
background: -o-linear-gradient(169deg, #1F75FF 0%, #61DAFF 55%, #1F75FF 90%);
background: linear-gradient(281deg, #1F75FF 0%, #61DAFF 55%, #1F75FF 90%);
-webkit-box-shadow: 0px 4.499px 4.499px -0.9px rgba(58, 125, 233, 0.25);
        box-shadow: 0px 4.499px 4.499px -0.9px rgba(58, 125, 233, 0.25);
color: #fff;
text-align: center;
font-size: clamp(0.65rem,1.289vw,1.4rem);
font-weight: 700;
line-height: 18.751px;
padding-inline: 1.5rem;
padding-block: 1rem;
}
.blog-filter-select
{
  border-radius: 10px !important;
  color:#02033B !important;
  border: 1px solid #FA6611 !important;
  font-weight: 700 !important;
  margin-bottom: 1.5rem;
}

.posts-cards-blog .card-img-top{
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}


                                                    /*SINGLE POST PAGE STYLE*/
.single-post-main-title
{
color: #FFF;
text-align: center;
font-size: clamp(2rem,3vw,3rem);
font-weight: 700;
line-height: 59px; /* 147.5% */
letter-spacing: -1.162px;
text-transform: uppercase;

}
.right-side-articles-recents-single
{
  color: var(--Bleu, #08344E);
font-family: 'Montserrat';
font-size: clamp(1rem,1.9vw,2rem);
font-weight: 600;
text-transform: capitalize;
}
.two-three-posts-title-single
{
color: var(--Bleu, #08344E);
font-family: 'Montserrat';
font-size: clamp(0.65rem,1.35vw,1.4rem);
font-weight: 600 ;
margin-bottom: 1rem;
}
.two-three-related-date-posts-single
{
  border-radius: 21.191px;
  background: #ECF4F8;
  color: var(--color-blue-blue-50, #1F75FF);
  font-size: clamp(0.3rem,1vw,1.1rem);
  font-weight: 600;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  padding-right: 1rem;
  padding-left: 0.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 6px;

}
.recent-articles-single-post
{
border-radius: 10px !important;
background: #FFF !important;
-webkit-box-shadow: 0px 4px 11.3px 0px rgba(0, 0, 0, 0.20) !important;
        box-shadow: 0px 4px 11.3px 0px rgba(0, 0, 0, 0.20) !important;
}
.date-on-top-content-single
{
border-radius: 64.745px;
background: #ECF4F8;
color: var(--color-blue-blue-50, #1F75FF);
font-size: clamp(0.7rem,1.32vw,1.45rem);
font-weight: 500;
padding-inline: 1rem;
padding-block: 0.3rem;
}
.questions-section
{
border-radius: 10px;
background: #FFF;
-webkit-box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.20);
        box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.20);
}
.contact-area-single-title
{
color: var(--Bleu, #08344E);
font-family: 'Montserrat';
font-size: 16px;
font-weight: 600;
}
.contact-area-contact-text-single
{
color: #4F4F4F;
font-family: 'Montserrat';
font-size: 16px;
font-weight: 400;
}
.contact-link-single-post-page
{
color: #797979;
font-size: 16px;
font-weight: 500;
line-height: 17.302px; /* 108.14% */
}
.email-link-single-post-page
{
color: #797979;
font-size: 16.168px;
font-weight: 400;
line-height: 27.486px; /* 170% */
}

.post-content h2
{
color: #000;
text-align: justify;
font-family: 'Montserrat';
font-size: clamp(0.95rem,1.45vw,1.25rem);
font-weight: 600;
margin-block: 1.75rem;
}
.post-content h3
{
color: #000;
text-align: justify;
font-family: 'Montserrat';
font-size: clamp(0.95rem,1.45vw,1.25rem);
font-weight: 600;
margin-block: 1.75rem;
}
.post-content p
{
color: #000 !important;
font-family: 'Montserrat';
font-size: clamp(0.85rem,1.3vw,1.25rem);
font-weight: 400;
}
.post-content li 
{
color: #4F4F4F;
font-family: 'Montserrat';
font-size: clamp(0.85rem,1.3vw,1.25rem);
font-weight: 400;

}

/*mobile swiper single post style*/
/* Target both arrows */
.swiper-button-prev,
.swiper-button-next {
  color: #03102F !important;
  top: 43% !important;              /* Vertical position */
  width: 10px;           /* Optional: arrow button width */
  height: 10px;          /* Optional: arrow button height */
  z-index: 10;
}

/* Position left and right arrows separately */
.swiper-button-prev {
  left: 0;               /* Adjust as needed */
}

.swiper-button-next {
  right: 0;              /* Adjust as needed */
}

/* Resize the actual arrow icon (pseudo-element) */
.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 27px !important;       /* Controls icon size */
  color: #03102F;         /* Color of arrow */
}
.mobile-swiper-post-title
{
 text-align: start;
 color:#02033B;
 font-weight: 700;

}
.swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
  background-color: #ccc; /* Inactive color */
  opacity: 1;             /* Needed for custom colors */
  border-radius: 50%;
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

/* Active bullet */
.swiper-pagination-bullet-active {
  background-color: #02033B !important;  /* Active color */
  width: 10px !important;               /* Optional: slightly larger */
  height: 10px !important; 
}

/* Adjust container spacing if needed */
.swiper-pagination {       
  text-align: center;
}
.card-img-top-mobile-version
{
  margin-bottom: 0;
  
}
.swiper-title-mobile-single-post
{
  font-size: 1.5rem;
  font-family: 'Montserrat';
  font-weight: 700;
  -webkit-text-decoration: underline #1F75FF;
          text-decoration: underline #1F75FF;
}

                                                  /*slider css solutions*/



.solution-slider-wrapper {
  position: relative;
  margin-bottom: 4rem;
}

.slider-nav-arrows {
  position: absolute;
  bottom: -70px; /* adjust as needed */
  right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  z-index: 10;
}

.custom-prev-arrow,
.custom-next-arrow {
  width: 50px;   /* or any size you want */
  height: auto;
  cursor: pointer;

}

/* Add this CSS to your stylesheet or <style> block */
                                                      
                                             /*pop up open close*/
body.modal-open {
  padding-right: 0 !important;
  overflow: hidden !important;
}



                                            /*style for button*/
  .open-popup-btn
  {
    color: #FFF;
  font-size: 0.9rem;
  font-weight: 600;

  }                  

@media(min-width:992px) and (max-width:1200px)
{
  .custom-acceptance input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  top: 28%;
  left: 28%;
  width: 1em;
  height: 1em;
  background-image: url('http://prospection.majjane.agency/wp-content/uploads/2025/07/Vector-11.svg');
  background-size: 15px 13px;
  background-repeat: no-repeat;
  background-position: center;
}
}

/* Moyens écrans (tablettes) - 2 blocs par ligne */
/* Moyens écrans (tablettes) - 2 blocs par ligne */
@media (max-width: 1024px) {
  .first-part-footer,
  .footer-info-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    /* For very old IE (optional, rarely needed today) */
    /* display: -ms-grid;
    -ms-grid-columns: 1fr 1fr; */
  }
}

 @media (max-width: 991.98px) {
  .custom-acceptance input[type="checkbox"] {
    width: 2em;
    height: 2em;
    min-width: 2em;
    min-height: 2em;
    margin-right: 6px;
  }}
@media (max-width: 992px)
{
  .left-side-pop-up-contact
  {
    margin-top:1rem;
  }
}
  @media (max-width: 768px) {
  .custom-acceptance input[type="checkbox"] {
    width: 1.8em;
    height: 1.8em;
    min-width: 1.8em;
    min-height: 1.8em;
    margin-right: 5px;
  }
.custom-acceptance input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 6px;
  width: 1em;
  height: 1em;
  background-image: url('http://prospection.majjane.agency/wp-content/uploads/2025/07/Vector-11.svg');
  background-size: 13px 13px;
  background-repeat: no-repeat;
  background-position: center;
}
}
                                          
                                      


  @-webkit-keyframes fadeIn {
    from {
      opacity: 0;
      -webkit-transform: translateY(10px);
              transform: translateY(10px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
                                          
                                      


  @keyframes fadeIn {
    from {
      opacity: 0;
      -webkit-transform: translateY(10px);
              transform: translateY(10px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  
  
/* Petits écrans (mobiles) - Blocs verticaux (1 par ligne) */
@media (max-width: 600px) {
    .first-part-footer,
    .footer-info-container {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
	 .part-div-1{
    margin-right: 0;
   }
    .part-div-1,
    .part-div-2,
    .part-div-3,
    .part-div-4,
    .email-section,
    .phone-section,
    .address-section,
    .logo-section {
        text-align: center;
    }
	.last-section{
    width: 80%;
  }
}


@media (max-width: 1347px) {
  .my-nav-bar {
    width: 70% !important;
  }
  .my-nav-bar li {
font-size: 1rem;
/* padding: 0.5rem 1rem; */
 }
 .devis-dm button a {
font-size: 0.9rem;
}
.langues .language-switcher .pll-switcher-select{
	/* padding: 0.1rem; */
    font-size: 0.8rem;
}
}
@media (max-width: 1282px) {
  .my-nav-bar {
    width: 75% !important;
  }
  }
  @media (max-width: 1177px) {
  .my-nav-bar {
    width: 85% !important;
  }
  }



  @media (max-width: 1077px) {
  .my-nav-bar {
    width: 95% !important;
  }
  .center-container{
	/* padding: 8rem 0 3rem 3rem; */
	width: 70%;
}
.image-container{
	padding: 7rem 0 5rem 2.5rem;
}
.accompagnement-card{
width: 40%;
}
  }
@media (max-width: 1024px){
.services-cards div {
width: 40%;
}
.condition-tab{
	-ms-flex-wrap: wrap !important;
	    flex-wrap: wrap !important;
}

}
@media (max-width: 387px){
.search-input{
	background-position: 6px 2px !important;
	
}

}

 @media (max-width: 973px) {
        .section1{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 2rem;
}
.section1 .image-of-section{
		width: 80%;
}
.section-interne h5{
text-align: center;
}

.section3{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	/* width: 90%;
	padding: 3rem;
	margin: 4rem auto;
	border-radius: 30px;
    border: 1px solid #1F75FF; */
    /* background: rgba(179, 179, 179, 0.06); */
	gap: 1rem;
	padding: 2rem;

}
.questions-of-section3{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;

}
.section3-image{
	width: 70% !important;
}
.section3-image-container{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.questions-of-section3{
	width: 100%;
	margin: auto;
}
}
@media (min-width:992px)
{
  .left-side-produit-desc
{
  padding-left: 2rem !important;
}
.left-side-description
{
  padding-right: 5rem;
}
.email-footer-field
{
margin-top: 2rem;
}
.politique-page-main-title
{
margin-top:7rem;
margin-bottom:2rem;
}
#conf-dynamic-container h2
{
   line-height: 48px;
}
.the-two-links 
{
  margin-top: 1.8rem;
  margin-bottom: 6rem;
}
.single-post-main-title
{
  margin-top: 10rem;
margin-bottom: 8rem;
}
.main-post-content
{
  padding-right: 5rem !important;
}
}
@media (max-width:992px)
{
     .the-two-links
     {
      margin-bottom: 4rem;
     }
}

  @media (max-width: 877px) {
 
.my-nav-bar li {
font-size: 0.9rem;
padding: 0.5rem 1rem;
 }
 .devis-dm button a {
font-size: 0.8rem;
}
.langues .language-switcher .pll-switcher-select{
	/* padding: 0.1rem; */
    font-size: 0.8rem;
}
.section2-division1,
.section2-division2,
.section2-division3{
	width: 40%;
}
.image-container.solution{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
}
}


@media (max-width:768px)
{
.conf-link
{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.single-post-main-title
{
  margin-top: 5rem;
  margin-bottom: 4rem;
}
}
@media (max-width:600px)
{
  #conf-dynamic-container
  {
    padding-inline: 0.5rem;
  }
}

 
 @media (max-width: 673px) {
	.center-container{
		width: 90%;
	}
	.section1 .image-of-section{
		width: 100%;
}
.section3-image{
	width: 100% !important;
}
.accompagnement-card{
width: 90%;
padding: 1rem;
gap: 0.5rem;
}
 
  }
  @media(max-width:860px){
.container-fluid.header a {
		width: 20%;
	}
  }
 @media(max-width:580px){
	
	.container-fluid.header{
	-ms-flex-pack:distribute !important;
	    justify-content:space-around !important;
}
.section2-division1,
.section2-division2,
.section2-division3{
	width: 70%;
}
.services-cards div {
width: 70%;
}

 }
 @media(max-width:760px){
	.container-fluid.header a {
		width: 25%;
	}
}
 @media(max-width:508px){
	
	.container-fluid.header a img {
		width: 100%;

	}
    .devis-dm button a {
		font-size: 0.6rem;
	}
	.langues .language-switcher .pll-switcher-select{
    font-size: 0.6rem;
}
}

 @media(max-width:390px){
	
	.container-fluid.header a img {
		width: 100%;

	}
    .devis-dm button a {
		font-size: 0.5rem;
	}
	.langues .language-switcher .pll-switcher-select{
    font-size: 0.5rem;
    }
	.container-fluid.header .navbar-toggler{
		margin-right: 1rem !important;
	}
}

@media(min-width:950px){
	#toggle{
		display: none;
	}
  .mon-autre-menu-wrapper {
    display: none !important;
  }
 
}
@media(max-width:950px){
	#navbar{
		display: none !important;
	}
  .btn-place2{
    display: none !important;
  }

  .container-fluid.header{
	-webkit-box-pack: justify !important;
	    -ms-flex-pack: justify !important;
	        justify-content: space-between !important;
}
}
@media(max-width:467px){
.popup-box {
width: 80%;
}
.popup-buttons{
font-size: 12px;
}
.gl-div-succes{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}

}
@media (min-width:320px) and (max-width:500px)
{
  .custom-acceptance input[type="checkbox"] {
    width: 1.8em;
    height: 1.8em;
    min-width: 1.8em;
    min-height: 1.8em;
    margin-right: 5px;
  }
  .post-content
{
  padding-inline: 1rem;
}
.date-on-top-content-single
{
  margin-left:0.6rem;
}
.single-post-main-title
{
  margin-top: 4rem;
  margin-bottom: 3rem;
}
.post-content h2
{

text-align: start;
}
.post-content h3
{

text-align: start;

}

}