.remove-bottom-space {
margin-bottom: 0 !important;
}

.remove-top-space {
margin-top: 0 !important;
}

.hover-underline:hover {
    text-decoration: underline;
}
.shadow-picture {  
    box-shadow: 0px 8px 10px rgba(90, 90, 90, 0.7);
    border-radius: 8px;  /* Adjust the radius to your preference */
}

@media (max-width: 1300px) {
    .visbutton {
        display: none !important;
    }
}





.pricing-style {
  height: 100vh;  /* Set height to 100% of viewport height */
  overflow: hidden !important;;  /* Hide any overflowing content and the scroll bar */
  position: relative;  /* Use relative positioning if needed for child elements */
  box-sizing: border-box;  /* Ensure padding and border are included in the height */
}




.wp-block-button .wp-block-button__link {
    color: #ffffff;
    background-color: #3C4176;
    padding: 15px; /* Uniform padding */
    border: none;
    font-size: 0.8rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    transition: background-color 0.3s ease, transform 0.2s ease;
    position: relative;
    border-top-left-radius: 0px;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    display: flex; /* Use flexbox */
    align-items: center; /* Center items vertically */
    justify-content: space-between; /* Space out text and arrow */
}

.wp-block-button .wp-block-button__link:after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDIyYTEwIDEwIDAgMSAxIDEwLTEwIDEwLjAxMSAxMC4wMTEgMCAwIDEtMTAgMTB6bTAtMThhOCA4IDAgMSAwIDggOCA4LjA5OSA4LjA5OSAwIDAgMC04LTh6IiBmaWxsPSIjQUJBRUQ0Ii8+PHBhdGggZD0iTTEwIDE2YTEgMSAwIDAgMS0uNzA3LTEuNzA3TDEyLjU4NiAxMiAxMC4yOTMgOS43MDNhMSAxIDAgMSAxIDEuNDE0LTEuNDE0bDMgM2ExIDEgMCAwIDEgMCAxLjQxNGwtMyAzQTEgMSAwIDAgMSAxMCAxNnoiIGZpbGw9IiNBQkFFRDQiLz48L3N2Zz4=');
    background-size: cover;
    background-repeat: no-repeat;
    transition: margin-left 0.2s ease;
    margin-left: 10px; /* Initial space between text and arrow */
}

.wp-block-button .wp-block-button__link:hover {
    background-color: #7289DA;
    transform: scale(1.05);
}

.wp-block-button .wp-block-button__link:hover:after {
    margin-left: 15px; /* Increased space between text and arrow on hover */
}

.wp-block-button.is-style-outline .wp-block-button__link {
    background-color: transparent;
    color: white;
    padding: 14px; /* Uniform padding */
    border: 2px solid white;
    font-size: 13px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    position: relative;
    border-top-left-radius: 0px;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    display: flex; /* Use flexbox */
    align-items: center; /* Center items vertically */
    justify-content: space-between; /* Space out text and arrow */
}

.wp-block-button.is-style-outline .wp-block-button__link:after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDIyYTEwIDEwIDAgMSAxIDEwLTEwIDEwLjAxMSAxMC4wMTEgMCAwIDEtMTAgMTB6bTAtMThhOCA4IDAgMSAwIDggOCA4LjA5OSA4LjA5OSAwIDAgMC04LTh6IiBmaWxsPSIjQUJBRUQ0Ii8+PHBhdGggZD0iTTEwIDE2YTEgMSAwIDAgMS0uNzA3LTEuNzA3TDEyLjU4NiAxMiAxMC4yOTMgOS43MDNhMSAxIDAgMSAxIDEuNDE0LTEuNDE0bDMgM2ExIDEgMCAwIDEgMCAxLjQxNGwtMyAzQTEgMSAwIDAgMSAxMCAxNnoiIGZpbGw9IiNBQkFFRDQiLz48L3N2Zz4=');
    background-size: cover;
    background-repeat: no-repeat;
    transition: margin-left 0.2s ease;
    margin-left: 10px; /* Initial space between text and arrow */
}

.wp-block-button.is-style-outline:hover .wp-block-button__link {
    background-color: transparent !important; /* Ensure background remains transparent */
    border: 2px solid  !important; /* Ensure border remains white */
    transform: scale(1.05);
}

.wp-block-button.is-style-outline:hover .wp-block-button__link:after {
    margin-left: 15px; /* Increased space between text and arrow on hover */
}



.separator-custom {
  border-top: 2px #202647; /* Ligne en pointillés avec couleur personnalisée */
  margin: 30px 0; /* Espacement au-dessus et en dessous de la ligne */
  width: 80%; /* Largeur de la ligne */
  margin-left: auto;
  margin-right: auto;
}


@media (max-width: 960px) {
    .size24 {
        display: none !important;
    }
}


@media (min-width: 768px) and (max-width: 1200px) {
  .reduce-font-size {
    font-size: 14px; /* Adjust this value as needed */
  }
  .reduce-font-size > div {
    margin-left: 1px; /* Adjust this value as needed */
    margin-right: 1px; /* Adjust this value as needed */
  }
}

.video {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Adds shadow */
  border-radius: 10px; /* Adds rounded corners */
  overflow: hidden; /* Ensures the rounded corners are visible */
}

/* Wrapper for the sticky navigation */
#mysticky-wrap {
    background-color: #fff; /* White background */
	transition: all 0.3s ease; /* Smooth transition for all properties */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */

    z-index: 9999; /* Ensures it's on top */
}

/* Fixed sticky navigation bar */
#mysticky-nav.wrapfixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	transition: all 0.3s ease; /* Smooth transition for all properties */
    background-color: #333; /* Dark background for the fixed state */
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Smooth transition */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow when fixed */
    z-index: 9999;
}

/* Sticky nav when scrolling up */
#mysticky-nav.wrapfixed.up {
    background-color: #444; /* Slightly lighter background when scrolling up */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* Stronger shadow when scrolling up */
}

/* Sticky nav when scrolling down */
#mysticky-nav.wrapfixed.down {
    background-color: #222; /* Darker background when scrolling down */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* Enhanced shadow when scrolling down */
}

/* Navbar styling */
#mysticky-nav .navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #fff; /* Text color */
	transition: padding 0.3s ease, font-size 0.3s ease;
}

/* Navbar when fixed */
#mysticky-nav .navbar.myfixed {
    padding: 8px 18px; /* Slightly reduced padding when fixed */
    font-size: 15px; /* Slightly smaller font size */
}