/*!
Theme Name: vertim-coders
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vertim-coders
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

vertim-coders is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

@font-face {
  font-family: "Roboto";
  src: url("assets/fonts/roboto/Roboto-Regular.woff2") format("woff2"),
    url("assets/fonts/roboto/Roboto-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("assets/fonts/roboto/Roboto-Medium.woff2") format("woff2"),
    url("assets/fonts/roboto/Roboto-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("assets/fonts/roboto/Roboto-Bold.woff2") format("woff2"),
    url("assets/fonts/roboto/Roboto-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("assets/fonts/SFProDisplay/SFProDisplay-Regular.woff2") format("woff2"),
    url("assets/fonts/SFProDisplay/SFProDisplay-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("assets/fonts/SFProDisplay/SFProDisplay-Medium.woff2") format("woff2"),
    url("assets/fonts/SFProDisplay/SFProDisplay-Medium.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("assets/fonts/SFProDisplay/SFProDisplay-Bold.woff2") format("woff2"),
    url("assets/fonts/SFProDisplay/SFProDisplay-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "SF Pro Text";
  src: url("assets/fonts/SFProText/SFProText-Regular.woff2") format("woff2"),
    url("assets/fonts/SFProText/SFProText-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("assets/fonts/SFProText/SFProText-Medium.woff2") format("woff2"),
    url("assets/fonts/SFProText/SFProText-Medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("assets/fonts/SFProText/SFProText-Bold.woff2") format("woff2"),
    url("assets/fonts/SFProText/SFProText-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/poppins/Poppins-Thin.woff2') format('woff2'),
       url('assets/fonts/poppins/Poppins-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/poppins/Poppins-ExtraLight.woff2') format('woff2'),
       url('assets/fonts/poppins/Poppins-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/poppins/Poppins-Light.woff2') format('woff2'),
       url('assets/fonts/poppins/Poppins-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/poppins/Poppins-Regular.woff2') format('woff2'),
       url('assets/fonts/poppins/Poppins-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/poppins/Poppins-Medium.woff2') format('woff2'),
       url('assets/fonts/poppins/Poppins-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/poppins/Poppins-SemiBold.woff2') format('woff2'),
       url('assets/fonts/poppins/Poppins-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/poppins/Poppins-Bold.woff2') format('woff2'),
       url('assets/fonts/poppins/Poppins-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/poppins/Poppins-ExtraBold.woff2') format('woff2'),
       url('assets/fonts/poppins/Poppins-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/poppins/Poppins-Black.woff2') format('woff2'),
       url('assets/fonts/poppins/Poppins-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}


@font-face {
  font-family: 'Gilroy';
  src: url('assets/fonts/gilroy/Gilroy-Thin.woff2') format('woff2'),
       url('assets/fonts/gilroy/Gilroy-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}


@font-face {
  font-family: 'Gilroy';
  src: url('assets/fonts/gilroy/Gilroy-Light.woff2') format('woff2'),
       url('assets/fonts/gilroy/Gilroy-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('assets/fonts/gilroy/Gilroy-Regular.woff2') format('woff2'),
       url('assets/fonts/gilroy/Gilroy-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('assets/fonts/gilroy/Gilroy-Medium.woff2') format('woff2'),
       url('assets/fonts/gilroy/Gilroy-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('assets/fonts/gilroy/Gilroy-SemiBold.woff2') format('woff2'),
       url('assets/fonts/gilroy/Gilroy-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('assets/fonts/gilroy/Gilroy-Bold.woff2') format('woff2'),
       url('assets/fonts/gilroy/Gilroy-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('assets/fonts/gilroy/Gilroy-ExtraBold.woff2') format('woff2'),
       url('assets/fonts/gilroy/Gilroy-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('assets/fonts/gilroy/Gilroy-Black.woff2') format('woff2'),
       url('assets/fonts/gilroy/Gilroy-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('assets/fonts/inter/Inter-Thin.woff2') format('woff2'),
       url('assets/fonts/inter/Inter-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}


@font-face {
  font-family: 'Inter';
  src: url('assets/fonts/inter/Inter-Light.woff2') format('woff2'),
       url('assets/fonts/inter/Inter-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('assets/fonts/inter/Inter-Regular.woff2') format('woff2'),
       url('assets/fonts/inter/Inter-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('assets/fonts/inter/Inter-Medium.woff2') format('woff2'),
       url('assets/fonts/inter/Inter-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('assets/fonts/inter/Inter-SemiBold.woff2') format('woff2'),
       url('assets/fonts/inter/Inter-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('assets/fonts/inter/Inter-Bold.woff2') format('woff2'),
       url('assets/fonts/inter/Inter-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('assets/fonts/inter/Inter-ExtraBold.woff2') format('woff2'),
       url('assets/fonts/inter/Inter-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('assets/fonts/inter/Inter-Black.woff2') format('woff2'),
       url('assets/fonts/inter/Inter-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Satoshi';
  src: url('assets/fonts/satoshi/Satoshi-Light.woff2') format('woff2'),
       url('assets/fonts/satoshi/Satoshi-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Satoshi';
  src: url('assets/fonts/satoshi/Satoshi-Regular.woff2') format('woff2'),
       url('assets/fonts/satoshi/Satoshi-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Satoshi';
  src: url('assets/fonts/satoshi/Satoshi-Medium.woff2') format('woff2'),
       url('assets/fonts/satoshi/Satoshi-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}


@font-face {
  font-family: 'Satoshi';
  src: url('assets/fonts/satoshi/Satoshi-Bold.woff2') format('woff2'),
       url('assets/fonts/satoshi/Satoshi-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}


@font-face {
  font-family: 'Satoshi';
  src: url('assets/fonts/satoshi/Satoshi-Black.woff2') format('woff2'),
       url('assets/fonts/satoshi/Satoshi-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
/**Boxing*/
*,
::after,
::before {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
}
/** style body*/

body {
  margin: 0px;
  line-height: inherit;
  overflow-x: hidden !important;
}
body,
html {
  scroll-behavior: smooth !important;
}
html {
  overflow-x: hidden !important;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: inline-block;
}
/*body {
  font-family: "Roboto", sans-serif;
}*/
.page-id-9 main {
  margin-bottom: auto;
  padding-top: 0px;
  padding-bottom: 100px;
}
main {
  margin-bottom: auto;
  padding-top: 90px;
  padding-bottom: 100px;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}
input:focus,
button:focus,
textarea:focus,
select:focus {
  outline: none;
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0px;
}

/**Typography**/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

/*buttons*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0px;
  padding: 0px;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  appearance: button;
  background-color: initial;
  background-image: none;
}
[role="button"],
button {
  cursor: pointer;
}
button,
select {
  text-transform: none;
}
button {
  transition: all 0.4s ease-in-out;
}
/* Links
  --------------------------------------------- */
a {
  color: inherit;
  text-decoration: inherit;
  scroll-padding-top: 110px;
  scroll-margin-top: 110px;
}
/***images,videos...*****/
img,
video {
  max-width: 100%;
  height: auto;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  /* vertical-align: middle;*/
}
/* Remove list styles on ul, ol elements with a class attribute */
menu,
ol,
ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
/***************************
   ***********************/
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
/***************************
   ***********************/
/******style for header*********/
.page-id-9 header#masthead {
  background-color: transparent;
  display: flex;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  transition: background-color 0.3s ease;
  width: 100%;
  z-index: 999;
  box-sizing: border-box;
}
header#masthead {
  background-color: #fff;
  display: flex;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  transition: background-color 0.3s ease;
  width: 100%;
  z-index: 999;
  box-sizing: border-box;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.page-id-9 .site-header.scrolled {
  background-color: rgba(1, 119, 137, 1) !important;
}
.site-header .site-branding .site-title,
.site-header .main-navigation .menu-toggle,
.site-header .menu-toggle,
#site-navigation.main-navigation.menu-mobile,
.site-main article .entry-header .entry-title{
  display: none;
}
.site-header .max-container-vertim {
  padding-left: 0;
  padding-right: 0;
  max-width: 1216px;
  width: 100%;
  display: block;
  margin: auto;
}
.max-container-vertim {
  padding-left: 0;
  padding-right: 0;
  max-width: 1216px;
  width: 100%;
  display: block;
  margin: auto;
}
.site-header .max-container-vertim .content-header-vertim {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
}
.site-header .max-container-vertim .content-header-vertim .site-branding {
  padding-top: 15px;
  padding-bottom: 15px;
  width: 16.666667%;
}
.site-header .max-container-vertim .content-header-vertim .main-navigation {
  margin-left: auto;
  flex-direction: row;
  justify-content: center !important;
  align-items: center;
  display: flex;
  width: 100%;
}
.site-header
  .max-container-vertim
  .content-header-vertim
  .main-navigation
  .menu-menu-1-container {
  margin-left: auto;
  align-items: center;
  justify-content: center !important;
  display: flex;
  width: 60%;
}
.site-header
  .max-container-vertim
  .content-header-vertim
  .main-navigation
  .menu-menu-2-container {
  margin-left: auto;
  align-items: center;
  justify-content: center !important;
  display: flex;
  width: 10%;
}
.burger-icon, .close-icon{
    width: 24px;
    height: 24px;
}
.site-header .site-branding img.logo-vertim-header {
  height: 59px;
  width: auto !important;
  max-width: initial !important;
}
.site-header
  .max-container-vertim
  .content-header-vertim
  .main-navigation
  .menu-menu-1-container
  ul,
.site-header
  .max-container-vertim
  .content-header-vertim
  .main-navigation
  .menu-menu-2-container
  ul {
  display: flex;
  flex-direction: row;
  gap: 4rem;
}
.site-header
  .max-container-vertim
  .content-header-vertim
  .main-navigation
  .menu-menu-1-container
  ul#primary-menu
  li.menu-item
  ul.sub-menu {
  display: none;
  position: absolute;
  background-color: #fff;
  top: 62px;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 8px 16px 0 #0003;
}
.site-header
  .max-container-vertim
  .content-header-vertim
  .main-navigation
  .menu-menu-1-container
  ul#primary-menu
  li.menu-item
  ul.sub-menu
  li
  a {
  font-family: Roboto;
  font-weight: 400;
  color: #000 !important;
  font-size: 17px;
  line-height: 24px;
}
.page-id-9 header#masthead .max-container-vertim .content-header-vertim .main-navigation .menu-menu-2-container ul#secondary-menu li.menu-item-42{
	background-color: #fff;
}
/*.site-header
  .max-container-vertim
  .content-header-vertim
  .main-navigation
  .menu-menu-1-container
  ul#primary-menu
  li.menu-item:hover
  ul.sub-menu {
  display: block;
}*/

.page-id-9
  .site-header
  .max-container-vertim
  .content-header-vertim
  .main-navigation
  .menu-menu-1-container
  ul
  li
  a,
.page-id-9
  .site-header
  .max-container-vertim
  .content-header-vertim
  .main-navigation
  .menu-menu-2-container
  ul
  li
  a {
  font-family: Roboto;
  font-weight: 700;
  color: #fff;
  font-size: 17px;
  line-height: 24px;
}
.site-header
  .max-container-vertim
  .content-header-vertim
  .main-navigation
  .menu-menu-1-container
  ul
  li
  a,
.site-header
  .max-container-vertim
  .content-header-vertim
  .main-navigation
  .menu-menu-2-container
  ul
  li
  a {
  font-family: Roboto;
  font-weight: 700;
  color: #000;
  font-size: 17px;
  line-height: 24px;
}
.site-header
  .max-container-vertim
  .content-header-vertim
  .main-navigation
  .menu-menu-1-container
  ul
  li.current_page_item
  a,
.site-header
  .max-container-vertim
  .content-header-vertim
  .main-navigation
  .menu-menu-1-container
  ul
  li.current-menu-parent a{
  color: #017789;
}
.site-header
  .max-container-vertim
  .content-header-vertim
  .main-navigation
  .menu-menu-1-container
  ul#primary-menu
  li.menu-item:hover::first-letter {
  position: relative;
}
.menu-menu-1-container ul li.menu-item-36 a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.site-header .max-container-vertim .content-header-vertim .main-navigation .menu-menu-2-container ul#secondary-menu li.menu-item-42{
	background-color: rgb(1, 119, 137);
  padding: 12px 24px 12px 24px;
  border-radius: 12px;
}
.site-header .max-container-vertim .content-header-vertim .main-navigation .menu-menu-2-container ul#secondary-menu li.menu-item-42 a{
	font-family: Roboto;
  font-weight: 600;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 1%;
}
.page-id-9 .site-header .max-container-vertim .content-header-vertim .main-navigation .menu-menu-2-container ul#secondary-menu li.menu-item-42 a{
	 color: rgb(1, 119, 137);
}


/**********end style for header*******/

/**********style for home*******/
.section1-home .title-section1-home .ui-text-home {
  position: relative;
  z-index: 1;
  color: rgb(1, 119, 137);
}
.section1-home .title-section1-home .ui-text-home::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 254px;
  height: 68px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="285" height="72" viewBox="0 0 285 72" fill="none"><path d="M0 32.3202C61.5073 32.3202 123.155 30.534 184.601 35.3995C212.491 37.6079 242.881 46.0693 270 32.3202" stroke="white" stroke-width="63"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.container-section2-home
  .block-container-section2-home
  .img-block-container-section2-home
  img {
  width: auto !important;
}

 .swiper-container {
  max-width: 1216px;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 80px;
}
.slider-patners .swiper-container .container-text {
  width: 57%;
  color: rgba(23, 36, 38, 1);
  font-family: poppins;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 50px;
}
.slider-patners .swiper-container .swiper-wrapper{
	height: 250px !important;
}

.slider-patners .swiper-slide {
  text-align: left;
  /*background-color: #f9f9f9;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
  height: auto !important;
  margin-right: 15px;
}
.slider-patners .swiper-button-prev, .slider-patners .swiper-rtl .swiper-button-next {
  left: auto !important;
  right: 50px !important;
}
.slider-patners .swiper-button-next::after, .slider-patners .swiper-button-prev::after{
  font-size: 15px !important;
  border: 1px solid;
  border-radius: 100%;
  padding: 10px 14px 10px 14px;
  font-weight: 700;
  color: rgba(1, 119, 137, 1);
}
.slider-patners .swiper-pagination-bullet{
	width: 12px !important;
  height: 12px !important;
}
.slider-patners .swiper-button-prev{
	margin-right: 15px;
}
.slider-patners .swiper-button-next.swiper-button-disabled, .slider-patners .swiper-button-prev.swiper-button-disabled {
	opacity: 1 !important;
}

.slider-patners .swiper-container .swiper-wrapper .swiper-slide img {
  width: 35%;
  height: auto !important;
  margin-bottom: 15px;
}

.slider-patners .swiper-slide h3.title1-container-slider {
  color: rgb(0, 0, 0);
  margin: 10px 0;
  font-family: poppins;
  font-size: 24px;
  line-height: 24px;
  font-weight: 400;
}
.slider-patners .swiper-container .swiper-wrapper .swiper-slide h3.title2-container-slider {
  color: rgba(22, 22, 24, 1);
  font-family: poppins;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  padding-bottom: 10px;
margin-top: 40px;
}

.slider-patners .swiper-container .swiper-wrapper .swiper-slide div.text-container-slider {
  height: 120px;
  width: 100%;
}
.slider-patners .swiper-container .swiper-wrapper .swiper-slide div.text-container-slider p{
	color: rgba(123, 123, 123, 1);
  font-family: poppins;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.slider-patners .swiper-container .swiper-wrapper .swiper-slide .btn-container-slider a {
  color: rgba(123, 123, 123, 1);
  font-family: poppins;
  font-size: 12.8px;
  line-height: 19.2px;
  font-weight: 400;
}

.slider-patners .swiper-pagination {
  margin-top: 10px;
}

.slider-patners .swiper-button-prev,
.slider-patners .swiper-button-next {
  color: #333;
}
.slider-patners .swiper-pagination-bullet {
  background-color: #000 !important; /* Couleur des dots */
  width: 12px;
  height: 12px;
  opacity: 1 !important;
}

.slider-patners .swiper-pagination-bullet-active {
  background-color: rgba(1, 119, 137, 1) !important; /* Couleur du dot actif */
  opacity: 1;
}
.img-container-slider {
  width: auto;
  height: 66px !important;
}
.swiper-button-next, .swiper-button-prev{
	top:9% !important;
}
/**post home***/
.block-post-section6-home .three-posts-container{
	display: flex;
  gap: 22px;
  flex-wrap: wrap;
}
.block-post-section6-home .three-posts-container .post-item{
	width: 32%;
}
.block-post-section6-home .three-posts-container .post-item img{
	/*height: auto;
	width: 100%;*/
	border-radius: 12px;
	width: 100%;
  height: 250px;
}
.block-post-section6-home .three-posts-container .post-item .post-title{
	width: 100%;
	padding-top: 20px;
	font-family: inter;
	font-weight: 500;
	font-size: 16px;
	line-height: 25px;
	color: rgba(45, 55, 72, 1);
	height: 120px;
}
.block-post-section6-home .three-posts-container .post-item .container-btn{
	display: flex;
  	justify-content: end;
	width: 100%;
}
.block-post-section6-home .three-posts-container .post-item .read-more-button{
	display: flex;
  	gap: 15px;
	width: 34%;
	padding-bottom: 40px;
	font-family: inter;
	font-weight: 500;
	font-size: 16px;
	line-height: 25px;
	color: rgba(65, 98, 98, 1);
}
.container-section3-home .swiper-container{
	overflow: visible !important;
}
.container-section3-home .swiper-container .swiper-wrapper .swiper-slide .project-slide .block-content .title-project{
	color: #fff;
	padding-left: 20px;
	padding-bottom: 10px;
	font-family: poppins;
	font-weight: 600;
	font-size: 20px;
}
.container-section3-home .swiper-container .swiper-wrapper .swiper-slide .project-slide .block-content .title-project .vector-icon{
	background-color: #fff;
  border-radius: 100%;
  padding: 0px 6px 1px 6px;
	margin-left: 10px;
}
.container-section3-home .swiper-container .swiper-wrapper .swiper-slide .project-slide .block-content .except-project{
	color: #fff;
	padding-left: 20px;
	padding-bottom: 30px;
	font-family: poppins;
	font-weight: 500;
}
.container-section3-home .swiper-container .swiper-wrapper .swiper-slide .project-slide{
	transition: all .3s ease-in-out;
}
.container-section3-home .swiper-container .swiper-wrapper .swiper-slide .project-slide:hover{
	transform: scale(1.05);
}
.container-section3-home .swiper-container .swiper-wrapper .swiper-slide .project-slide .block-content{
	background: linear-gradient(to bottom, rgba(72, 71, 71, 0), #017789) !important;
	width: 100% !important;
	position: absolute !important;
	top: 0 !important;
	height: 100%;
	justify-content: end;
  align-items: start;
  display: flex;
  flex-direction: column;
}
.container-section3-home .container-btn-project{
	transform: translateY(40px); 
	text-align: center;
}
.container-section3-home .container-btn-project .btn-project {
	background-color: rgba(1, 119, 137, 1);
	padding: 10.22px 27.24px 10.22px 27.24px;
	border-radius: 28.61px;
}
.container-section3-home .container-btn-project .btn-project a{
	color: rgb(255, 255, 255);
  font-family: satoshi;
  font-size: 13.62px;
  line-height: 18.39px;
}
.container-section3-home .swiper-button-prev,
.container-section3-home .swiper-button-next{
	top: 95% !important;
}
.container-section3-home .swiper-container .swiper-pagination{
	position: absolute;
  left: 50px;
  width: 18%;
  text-align: left !important;
}
.container-section3-home .swiper-container .swiper-notification{
	display: none !important;
}
.container-section3-home .swiper-container .swiper-button-prev:hover,
.container-section3-home .swiper-container .swiper-button-next:hover{
	background-color: #f6f6f6;
}
.container-section3-home .swiper-container .swiper-button-prev {
  left: auto;
  right: 50px;
	background-color: #fff;
  border-radius: 100%;
  padding: 12px 21px 12px 21px;
  border: 1px solid black;
  margin-right: 20px;
}
.container-section3-home .swiper-container .swiper-button-next{
	background-color: #fff;
  border-radius: 100%;
  padding: 12px 21px 12px 21px;
  border: 1px solid black;
}

.container-section3-home .swiper-container .swiper-button-prev::after {
    content: '' !important;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.20694%2012.293L3.91394%207.99997H13.4999V5.99997H3.91394L8.20694%201.70697L6.79294%200.292969L0.0859375%206.99997L6.79294%2013.707L8.20694%2012.293Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    background-size: contain;
	padding: 8px;
}

.container-section3-home .swiper-container .swiper-button-next::after {
    content: '' !important;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.793%2012.293L7.207%2013.707L13.914%206.99997L7.207%200.292969L5.793%201.70697L10.086%205.99997H0.5V7.99997H10.086L5.793%2012.293Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    background-size: contain;
	padding: 8px;
}
.container-section3-home .swiper-pagination-bullet{
	background-color: rgba(204, 204, 204, 1) !important;
}
.container-section3-home .swiper-pagination-bullet-active{
	background-color: rgba(0, 0, 0, 1) !important;
}

/**********end style for home*******/
/**********style for about us*******/
.section1-about-us .block2-section1-about-us .video-block2-section1-about-us{
	height: 456px;
	width: auto;
}
.container-section2-about-us
  .block-container-section2-about-us
  .img-block-container-section2-about-us
  img {
  width: auto !important;
}
.section3-about-us .container-section3-about-us .block-container-section3-about-us .img-block-container-section3-about-us img{
	width: auto;
	height: 42px;
}
.section3-about-us .container-section3-about-us .block-container-section3-about-us{
	background-color: white;
	border-radius: 7px;
	padding: 20px;
}
.section3-about-us .container-section3-about-us .swiper-container{
	overflow: visible;
}
.container-section3-about-us .swiper-slide {
    transform: translatey(0px);
	border-radius: 7px;
}
.container-section3-about-us  .swiper-slide-active {
    transform: translatey(40px) !important;
    z-index: 50; /* Ensure it appears above other slides */
	border: 1px solid rgba(1, 119, 137, 1);
	border-radius: 7px;
}

.container-section3-about-us .swiper-pagination-bullet-active{
	background: linear-gradient(to right, rgba(1, 119, 137, 1), rgba(0, 30, 35, 1)) !important;
}
.container-section3-about-us .swiper-button-prev,
.container-section3-about-us .swiper-button-next{
	display: none;
}

.section3-about-us .container-section3-about-us .block-container-section3-about-us .img-block-container-section3-about-us{
	padding-bottom: 15px;
}
.section3-about-us .container-section3-about-us .block-container-section3-about-us .title-block-container-section3-about-us{
	font-family: inter;
  font-size: 20px;
  font-weight: 600;
  line-height: 27.3px;
  color: rgb(45, 55, 72);
	padding-bottom: 10px;
}
.section3-about-us .container-section3-about-us .block-container-section3-about-us .text-block-container-section3-about-us{
	color: rgb(113, 128, 150);
  font-family: inter;
  font-weight: 400;
  line-height: 22.68px;
  font-size: 14px;
}
.section4-about-us 
.container-section4-about-us 
.swiper-container 
.swiper-wrapper 
.swiper-slide 
.member-container 
.member-image img{
	height: 100%;
	width: auto;
}
.member-container 
.member-image{
	padding-bottom: 20px;
}
.member-container .member-info{
	text-align: center;
}
.member-container 
.member-info p{
	padding-top: 20px;
}
.member-container .member-image{
	width: 65%;
}
.member-container 
.member-info p{
	width: 65%;
  font-family: roboto;
  font-size: 21px;
  font-weight: 500;
  line-height: 28.35px;
  color: rgb(10, 10, 10);
}
.member-container 
.member-info h3 span{
	font-family: roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 21.6px;
}
.member-container 
.member-info h3{
	font-family: roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
	width: 65%;
}
.container-section4-about-us .swiper-button-next{
	background-color: rgb(1, 119, 137);
  color: #fff;
  padding: 22px;
  border-radius: 100px;
  top: 30% !important;
  right: -30px;
}
.container-section4-about-us .swiper-button-prev{
	background-color: rgb(230, 230, 230);
  color: #fff;
  padding: 22px;
  border-radius: 100px;
  top: 30% !important;
  left: -55px;
}
.container-section4-about-us .swiper-button-prev::after,
.container-section4-about-us .swiper-button-next::after{
	font-size: 15px !important;
}
.container-section4-about-us .swiper-container{
	padding-bottom: 0px;
}
/**********end style for about us*******/
/**********style for page privacy policy*******/
.container-section1-privacy .block-container-section1-privacy .img-block-container-section1-privacy img{
	width: auto;
}
/**********end style for page privacy policy*******/
/**********style for page hire us*******/
.services-buttons label,
.budget-buttons label {
  display: inline-block;
  padding: 10px 20px;
  margin: 5px;
  border: 1px solid #ddd;
  border-radius: 21px;
  background-color: rgba(242, 242, 242, 1);
	color: rgba(101, 101, 101, 1);
  cursor: pointer;
  font-family: SF Pro Text;
  font-size: 18px;
  text-align: center;
  font-weight: 500;
  transition: all 0.3s ease;
}
.services-section .title-label,
.budget-section .title-label,
.name-email-section .name-field .title-label,
.name-email-section .email-field .title-label,
.container-object .title-label,
.container-message .title-label{
	color: rgb(30, 32, 29);
  font-size: 21px;
  font-weight: 400;
  font-family: SF Pro Text;
  line-height: 71px;
}
.container-uplaod-file .block-upload{
	border-radius: 21px;
  padding-top: 25px;
  padding-bottom: 20px;
  margin-top: 25px;
  position: relative;
  z-index: 0;
  height: 100%;
  width: 24%;
  background-color: #017789;
}
.container-uplaod-file .block-upload .block-upload-relative p .wpcf7-form-control-wrap{
	position: static;
}
.container-uplaod-file .block-upload .block-upload-relative p .wpcf7-form-control-wrap .upload-file-hireus{
	position: absolute;
  cursor: pointer;
  z-index: 20;
  top: 0px;
  opacity: 0;
  -webkit-appearance: none !important;
  appearance: none;
  -moz-appearance: none !important;
  font-size: 0 !important;
  height: 100%;
  width: 100%;
}
.container-uplaod-file .block-upload .block-upload-absolute{
	font-family: SF Pro Text;
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 1;
  padding-top: 11px;
  padding-bottom: 18px;
  padding-left: 22px;
}
.section3-hireus #wpcf7-f1052-p40-o1 form .container-block-hireus{
	display: flex;
}
.container-block-hireus .block2-hireus{
	border-left: 1px solid #e1e1e1;
  padding-left: 30px;
}
.name-email-section{
	display: flex;
}
.name-email-section .name-field p span input,
.name-email-section .email-field p span input{
	border-bottom: 1px solid rgb(118, 118, 118);
  font-size: 18px;
  width: 80%;
  padding-bottom: 10px;
	font-family:  sf pro text;
}
.container-message,
.container-object{
	margin-top: 20px;
}
.container-message p .wpcf7-form-control-wrap .wpcf7-textarea{
	border-bottom: 1px solid #000;
  width: 90%;
  height: 100px;
  padding-bottom: 0 !important;
  font-size: 18px;
  font-family: sf pro text;
}
.container-object p .wpcf7-form-control-wrap .object-contact{
	border-bottom: 1px solid #000;
  width: 90%;
  height: 50px;
  padding-bottom: 0 !important;
  font-size: 18px;
  font-family: sf pro text;
}
.wpcf7-list-item {
  display: inline-block;
  margin: 0 1rem 1rem 0 !important;
}
.services-buttons label:hover,
.budget-buttons label:hover {
  background-color: #ddd;
}

.services-buttons input[type="radio"],
.budget-buttons input[type="radio"] {
  display: none; /* Cache les boutons radios */
}

/*.services-buttons input[type="radio"]:checked + .services-buttons label.active,
.budget-buttons input[type="radio"]:checked +.budget-buttons label.active{
  background-color: #008080 !important; /* Couleur active */
  /*color: white;
  border-color: #008080;
}*/
/* Style pour les labels actifs */
.services-buttons label.active,
.budget-buttons label.active{
  background-color: rgba(1, 119, 137, 1); /* Couleur de fond pour le label actif */
  color: white;             /* Couleur du texte pour le label actif */
  border-color: #008080;    /* Couleur de la bordure */
  transition: all 0.3s ease;
}
.submit-button{
	display: flex;
  justify-content: end;
  margin-top: 20px;
	width: 93%;
}
.submit-button p{
	width: 16%;
}
.submit-button p .wpcf7-spinner{
	margin: 5px 14px 0px 14px !important;
		position: absolute;
}
.submit-button p input{
	background-color: rgb(1, 119, 137);
  color: #fff;
  padding: 10px 20px;
  border-radius: 100px;
  font-weight: 500;
  font-family: sf pro text;
  font-size: 18px;
	cursor: pointer;
}

#wpcf7-f318-p18-o1 .wpcf7-form .wpcf7-response-output,
#wpcf7-f1052-p40-o1 .wpcf7-form .wpcf7-response-output{
	margin-top: 5px;
	width: 90%;
}
.block1-section2-contact .text-block1-section2-contact{
	position: absolute !important;
  bottom: 0 !important;
}

/**********end style for hire us*******/
/**********style for page 404*******/
.error-404{
	padding-top: 50px;
}
.error-404 .page-title{
	font-family: poppins;
  font-weight: 600;
  font-size: 36px;
  line-height: 54px;
  color: rgb(1, 119, 137);
}
.error-404 .page-content{
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.error-404 .page-content .img1-page-404{
	width: 49%;
 	height: auto;
}
.error-404 .page-content .text-page-404{
	font-family: poppins;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding-top: 100px;
  color:rgba(22, 22, 24, 1);
}
/**********end style for page 404*******/
/**********style for page solutions*******/
.portfolio-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  height: 100% !important;
}
.portfolio-item {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all .3s ease-in-out;
}
.portfolio-item:hover {
  transform: scale(1.05);
}
.portfolio-filters button {
  margin: 5px;
  padding: 10px 20px;
  cursor: pointer;
  font-family: inter;
  font-weight: 500;
  font-size: 18px;
  line-height: 22.25px;
}
.portfolio-filters button.active{
	color: rgba(1, 119, 137, 1);
}
.portfolio-grid .portfolio-item h3{
	display: none ;
}
.portfolio-grid .portfolio-item .portfolio-thumbnail img{
	width: auto;
	height: 300px;
}
.portfolio-filters{
  justify-content: center;
  display: flex;
	margin-bottom: 50px;
}
/**********end style for page solutions*******/
/**********style for page blog*******/
.section1-blog{
	display: flex;
}
.section1-blog .block1-section1-blog,
.section1-blog .block2-section1-blog,
.section1-blog .block3-section1-blog{
	width: calc(100% / 3);
}
.section1-blog .block2-section1-blog{
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
	padding-top: 50px;
	padding-bottom: 60px;
}
.section1-blog .block3-section1-blog{
	position: relative;
	padding-top: 70px;
}
.section1-blog .block3-section1-blog .block-image-vector{
	position: absolute;
	display: flex;
  justify-content: center;
}
.section1-blog .block1-section1-blog .bell{
	display: flex;
  justify-content: center;
  transform: translateY(100px);
}
.section1-blog .block1-section1-blog img.vector-4{
	width: auto;
	height: 78.85px;
}
.section1-blog .block1-section1-blog img.bell{
	width: auto;
	height: 70.22px;
}
.section1-blog .block3-section1-blog img.vector-3{
	width: auto;
	height: 77.78px;
}
.section1-blog .block3-section1-blog img.lightbulb{
	width: auto;
	height: 116px;
	transform: translateX(50px) translateY(-15px);
}
.section1-blog .block2-section1-blog .title-block2-section1-blog{
	text-align: center;
  font-size: 42px;
  font-family: poppins;
  font-weight: 700;
  line-height: 74.72px;
  letter-spacing: 1px;
}
.section1-blog .block2-section1-blog .text-block2-section1-blog{
	font-family: poppins;
  font-size: 20px;
  text-align: center;
  line-height: 37.9px;
  font-weight: 500;
  color: rgb(119, 119, 119);
  padding-top: 20px;
}
.section1-blog .block2-section1-blog .search-bar{
	width: 70%;
  position: relative;
	padding-top: 40px;
}
.section1-blog .block2-section1-blog .search-bar .form-block2-section1-blog{
	background-color: rgb(241, 241, 241);
  border-radius: 10px;
  padding: 5px;
  width: 100%;
	padding-left: 40px;
	font-family: poppins;
	font-weight: 400;
	font-size: 16px;
	line-height: 30.32px;
	color: rgba(114, 114, 114, 1);
}
.section1-blog .block2-section1-blog .search-bar svg{
	position: absolute;
	left: 15px;
  top: 53px;
}
.section2-blog .article-pinned{
	padding-top: 100px;
}
.section2-blog .article-pinned article{
	display: flex;
	gap: 30px;
}
/*.section2-blog .article-pinned article .box-image a img{
	height: 100%;
  width: auto;
}*/
.section2-blog .article-pinned article .box-image,
.section2-blog .article-pinned article .box-content{
	width: 100%;
}
.section2-blog .article-pinned article .box-image a img{
	border-radius: 12px;
}
.section2-blog .article-pinned article .box-content .entry-header{
	width: 90%;
}
.section2-blog .article-pinned article .box-content .entry-header .entry-title{
	display: block !important;
	font-family: poppins;
  font-weight: 600;
  font-size: 27px;
  line-height: 48.03px;
  letter-spacing: 1%;
	padding-bottom: 20px;
}
.section2-blog .article-pinned article .box-content .entry-content .excerpt p{
	color: rgb(66, 66, 66);
  font-family: poppins;
  font-size: 16px;
  line-height: 33.74px;
  letter-spacing: 1%;
}
.section2-blog .article-pinned article .box-content .entry-content .excerpt{
	width: 80%;
}
.section2-blog .article-pinned article .box-content .entry-meta .posted-on{
	font-family: poppins;
  font-size: 14px;
  line-height: 29.53px;
  letter-spacing: 1%;
  font-weight: 400;
  color: rgb(123, 123, 123);
}

.section3-blog .container-section3-blog{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.section3-blog .container-section3-blog .post-item{
	width: 32%;
  padding-top: 100px;
}
.section3-blog .container-section3-blog .post-item .post-thumbnail{
	padding-bottom: 20px;
}
.section3-blog .container-section3-blog .post-item .post-thumbnail a img{
	border-radius: 12px;
	width: 100%;
  	/*height: auto;
	width: auto;*/
  height: 250px;
}
.section3-blog .container-section3-blog .post-item .post-content{
	width: 100%;
}
.section3-blog .container-section3-blog .post-item .post-content .post-title{
	font-family: inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  color: rgb(45, 55, 72);
  width: 100%;
	/*padding-bottom: 40px;*/
	height: 100px;
}
.section3-blog .container-section3-blog .post-item .post-content .container-btn{
	display: flex;
  justify-content: end;
}
.section3-blog .container-section3-blog .post-item .post-content .btn-read-more{
	display: flex;
  gap: 15px;
	font-family: inter;
  color: rgb(65, 98, 98);
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
	width: 32%;
}
/**********end style for page blog*******/
/**********style for page single post*******/
.section2-single{
	padding-top: 100px;
}
.section2-single .block-breadcrumb{
	padding-bottom: 50px;
}
.section2-single .block-breadcrumb .text-p-blue{
	font-family: roboto;
  font-weight: 400;
  color: rgb(62, 50, 50);
  line-height: 14.06px;
  font-size: 12px;
}
.section2-single .block-breadcrumb .truncate{
	font-family: roboto;
  font-weight: 400;
  color: rgba(62, 50, 50, 0.5);
  line-height: 14.06px;
  font-size: 12px;
}
.container-section2-single{
	display: flex;
	gap: 20px;
}
.container-section2-single .block-single-post{
	width: 70%;
}
.container-section2-single .block-sidebar{
	width: 30%;
}
.container-section2-single .block-sidebar h3.title-container{
	color: rgb(62, 50, 50);
  font-family: roboto;
  font-weight: 500;
  font-size: 24px;
  line-height: 23.44px;
}
.container-section2-single .block-sidebar .other-posts-list .other-post-item .other-post-link{
	display: flex;
}
.container-section2-single .block-sidebar .other-posts-list{
	padding-top: 20px;
}
.container-section2-single .block-sidebar .other-posts-list .other-post-item{
	padding-bottom: 20px;
}
.container-section2-single .block-sidebar .other-posts-list .other-post-item .other-post-link .other-post-thumbnail{
	width: 50%;
}
.container-section2-single .block-sidebar .other-posts-list .other-post-item .other-post-link .other-post-thumbnail img{
	border-radius: 12px;
}
.container-section2-single .block-sidebar .other-posts-list .other-post-item .other-post-link .other-post-title{
	width: 55%;
	color: rgb(62, 50, 50);
  font-family: Roboto;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}
.container-section2-single .block-single-post .entry-title{
	display: block !important;
  font-family: roboto;
  font-size: 36px;
  color: rgb(0, 0, 0);
  font-weight: 400;
  line-height: 42.19px;
}
.container-section2-single .block-single-post .box-image{
	position: relative;
  background-color: rgba(245, 245, 245, 1);
  padding: 20px 20px 20px 20px;
  height: 604px;
  width: auto;
  border-radius: 12px;
}
.container-section2-single .block-single-post .box-image .post-thumbnail{
	position: absolute;
  top: 120px;
  padding-right: 20px;
height: 100%;
	width: 98%;
}
.container-section2-single .block-single-post .box-image .post-thumbnail img{
	width: 100%;
  border-radius: 12px;
}
.container-section2-single .block-single-post .box-content{
	margin-top: 60px;
}
.container-section2-single .block-single-post .box-content .entry-meta{
	display: flex;
  justify-content: center;
  gap: 40px;
	padding-bottom: 50px;
}
.container-section2-single .block-single-post .box-content .entry-content .content h4{
	font-family: roboto;
  color: rgb(62, 50, 50);
  font-size: 20px;
  line-height: 23.44px;
  font-weight: 500;
	padding-bottom: 20px;
}
.block-single-post .posted-on,
.block-single-post .comments-link,
.block-single-post .category{
	gap: 10px;
  display: flex;
  color: rgba(62, 50, 50, 0.75);
  font-family: roboto;
  font-size: 16px;
  line-height: 17px;
}
.container-section2-single .block-single-post .box-content .entry-content .content p{
	font-family: roboto;
  color: rgb(62, 50, 50);
  font-size: 18px;
  line-height: 34px;
  font-weight: 400;
  text-align: justify;
}
.container-section2-single .block-single-post .box-content .entry-content .content p a{
	text-decoration: underline;
  color: #017789;
}
.container-section2-single .block-single-post .box-content .entry-content .content h2{
  font-family: roboto;
  font-size: 36px;
  color: rgb(0, 0, 0);
  font-weight: 600;
  line-height: 42.19px;
	margin-top: 1em;
  margin-bottom: 0.5em;
}
.container-section2-single .block-single-post .box-content .entry-content .content h3{
  font-family: roboto;
  font-size: 24px;
  color: rgb(0, 0, 0);
  font-weight: 600;
  line-height: 42.19px;
	margin-top: 1em;
  margin-bottom: 0.5em;
}
.container-section2-single .block-single-post .box-content .entry-content .content ul{
	padding-left: 20px;
}
.container-section2-single .block-single-post .box-content .entry-content .content ul li{
	font-family: roboto;
  font-size: 16px;
  color: rgb(0, 0, 0);
  font-weight: 400;
  line-height: 42.19px;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.container-section2-single .block-single-post .box-content .entry-content .content figure img{
	margin-top: 30px;
}
.search-page-container{
	padding-top: 100px;
}
.search-page-container .search-results{
	justify-content: center; 
	display: flex; 
	flex-direction: column; 
	align-items: center; 
	font-size: 18px; 
	font-family: poppins;
}
.search-page-container .search-results .search-results-list{
	display: flex;
  flex-wrap: wrap;
	padding-top: 50px;
	gap: 20px;
}
.search-page-container .search-results .search-results-list .post-item{
	width: 32%;
}
.search-page-container .search-results .search-results-list .post-item .post-thumbnail{
	margin-bottom: 20px;
}
.search-page-container .search-results .search-results-list .post-item .post-thumbnail img {
	  width: 100%;
  	  height: auto;
	}
.search-page-container .search-results .search-results-list .post-item .post-content h3 {
  padding-bottom: 40px;
}
.search-page-container .search-results .search-results-list .post-item .post-content .btn-read-more {
  display: flex;
  gap: 15px;
  align-items: center;
	justify-content: end;
}
/**********end style for page single post*******/
/**testimonial*/
.testimonial-section4-solutions .swiper-container{
	padding-top: 80px;
}
.testimonial-content{
	max-width: 600px;
  margin: 0 auto;
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
	text-align: center;
	padding-bottom: 50px;
}
.testimonial-content .container-content{
	position: absolute;
	bottom: -80px;
}
.testimonial-content .name-testimonial{
	color: rgb(1, 119, 137);
  font-family: inter;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.78px;
  letter-spacing: -0.5%;
}
.testimonial-content .testimonial-profession{
	color: rgb(0, 0, 0);
  font-family: inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.68px;
}
.testimonial-quote {
    position: relative;
    font-size: 18px;
    color: #666; /* Couleur du texte */
    text-align: center;
    font-style: italic;
    line-height: 1.6;
}

.testimonial-quote .quote-start,
.testimonial-quote .quote-end {
    font-size: 90px;
    color: #1e4b72; /* Couleur des guillemets */
    font-family: 'Georgia', serif; /* Police stylisée */
}

.testimonial-quote .quote-start {
    position: absolute;
   left: -70px; /* Ajuster la position gauche */
    top: -40px; /* Ajuster la position verticale */
}

.testimonial-quote .quote-end {
    position: absolute;
    right: -50px; /* Ajuster la position droite */
    bottom: -80px; /* Ajuster la position verticale */
}

.testimonial-content .testimonial-quote p{
	color: rgb(113, 128, 150);
  font-size: 18px;
  font-weight: 400;
  font-family: inter;
  line-height: 36px;
}
.testimonial-quote {
    display: block;
}
.testimonial-section4-solutions .swiper-slide .testimonial-quote p,
.testimonial-section4-solutions .swiper-slide .testimonial-quote .quote-start,
.testimonial-section4-solutions .swiper-slide .testimonial-quote .quote-end{
	visibility: hidden;
}

.testimonial-section4-solutions .swiper-slide.testimonial-active .testimonial-quote p,
.testimonial-section4-solutions .swiper-slide.testimonial-active .testimonial-quote .quote-start,
.testimonial-section4-solutions .swiper-slide.testimonial-active .testimonial-quote .quote-end{
	visibility: visible;
}
.testimonial-section4-solutions .swiper-slide.testimonial-active .testimonial-quote{
	width: 538px;
	margin-bottom: 190px;
}
.testimonial-section4-solutions .swiper-slide.testimonial-active .testimonial-quote,
.testimonial-section4-solutions .swiper-slide.testimonial-active .container-content {
    display: block;
}

.testimonial-section4-solutions .swiper-slide {
    opacity: 0.5;
    transition: transform 0.3s, opacity 0.3s;
}


.testimonial-section4-solutions .swiper-slide.testimonial-active {
    opacity: 1;
    transform: scale(1.2);
}
.testimonial-section4-solutions .swiper-container .swiper-button-prev::after {
    content: '' !important;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.20694%2012.293L3.91394%207.99997H13.4999V5.99997H3.91394L8.20694%201.70697L6.79294%200.292969L0.0859375%206.99997L6.79294%2013.707L8.20694%2012.293Z%22%20fill%3D%22rgba(1%2C%20119%2C%20137%2C%201)%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    background-size: contain;
    padding: 8px;
}



.testimonial-section4-solutions .swiper-container .swiper-button-next::after {
    content: '' !important;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.793%2012.293L7.207%2013.707L13.914%206.99997L7.207%200.292969L5.793%201.70697L10.086%205.99997H0.5V7.99997H10.086L5.793%2012.293Z%22%20fill%3D%22rgba(1%2C%20119%2C%20137%2C%201)%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    background-size: contain;
    padding: 8px;
}

.testimonial-section4-solutions .swiper-container .swiper-button-prev {
  top: 20% !important;
  background-color: #fff;
  border-radius: 100%;
  padding: 12px 21px 12px 21px;
  border: 1px solid rgba(1, 119, 137, 1);
  margin-right: 20px;
}
.testimonial-section4-solutions .swiper-container .swiper-button-next{
	top: 20% !important;
	background-color: #fff;
  border-radius: 100%;
  padding: 12px 21px 12px 21px;
  border: 1px solid rgba(1, 119, 137, 1);
}
/*end*/
/* style for comment */
.comments-area {
    margin-top: 40px;
    font-family: Arial, sans-serif;
}

.comments-title {
    font-size: 24px;
    margin-bottom: 20px;
    color: #333;
}

.comment-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.comment-body {
    border-radius: 12px;
  padding: 15px 20px 140px 20px;
  margin-bottom: 15px;
  background-color: rgb(245, 245, 245);
  display: flex;
  width: 80%;
}
.container-comment-body{
	width: 100%;
}
.comment-list ul.children{
	transform: translateY(-100px) translateX(120px);
  width: 60%;
}
.comment-list ul li.odd .comment-body {
  background-color: #fff;
  width: 100%;
	box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.07);
}

.reply{
	width: 16%;
}
.comment-author {
    display: flex;
    align-items: center;
    gap: 10px;
}

.comment-author img {
    border-radius: 50%;
}

.author-name {
    color: rgb(62, 50, 50);
  font-family: Roboto;
  font-weight: 500;
  font-size: 16px;
  line-height: 18.75px;
}

.comment-meta {
     margin-top: 10px;
	display: flex;
  gap: 10px;
	font-size: 14px;
  font-family: roboto;
  line-height: 20px;
  font-weight: 500;
  color: rgba(62, 50, 50, 0.75);
}

.comment-content {
    margin-top: 10px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.75);
  font-family: roboto;
  font-weight: 400;
  letter-spacing: 0.25px;
  line-height: 20px;
}

.reply {
    margin-top: 10px;
}

.reply a {
    color: rgba(62, 50, 50, 0.75);
  text-decoration: none;
  background-color: rgba(62, 50, 50, 0.05);
  padding: 10px 24px 10px 16px;
  font-size: 14px;
  font-family: roboto;
  line-height: 20px;
  font-weight: 500;
  border-radius: 12px;
}


.photo {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
}
.comment-notes,
.comment-form-cookies-consent{
	display: none;
}
form#commentform{
	display: flex;
  flex-direction: row-reverse;
 width: 80%;
	padding-top: 50px;
	gap: 20px;
	position: relative;
	padding-bottom: 80px;
}
.comment-field{
	width: 50%;
  display: flex;
  flex-direction: column;
	z-index: 1;
	gap: 10px;
}
.comment-respond{
	padding-top: 50px;
}
.form-group{
	display: flex;
  flex-direction: column;
  width: 50%;
	gap: 10px;
	margin-left: -40px;
	z-index: 1;
	
}
.form-group label,
.comment-field label{
	font-family: roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 18.75px;
}
.form-group input{
	background-color: rgba(245, 245, 245, 1);
	border-radius:12px;
	width: auto;
  padding: 13px;
}
.submit-button-form{
	position: absolute;
  height: 100%;
  width: 100%;
}
.custom-submit-button{
	position: absolute;
  bottom: 60px;
  right: 0px;
  background-color: rgb(1, 119, 137);
  color: #fff;
  padding: 16px 24px 16px 10px;
  border-radius: 12px;
  gap: 8px;
  display: flex;
  font-family: roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.comment-field textarea#comment{
	background-color: rgb(245, 245, 245);
  border-radius: 12px;
	padding: 12px;
  height: 221px;
  width: auto;
}
/*end*/
/***code à importé**/
.postid-1489 .vc-banner-container,
.postid-1512 .vc-banner-container{
	background-image: none;
}
.postid-1489 .vc-banner-container .vc-app-short-desc,
.postid-1512 .vc-banner-container .vc-app-short-desc{
	display: none;
}
.postid-1489 .vc-banner-container .vc-app-banner img,
.postid-1512 .vc-banner-container .vc-app-banner img{
	border-radius: 20px;
}
.postid-1489 #monthly-btn.active, .postid-1489 #yearly-btn.active{
	background: linear-gradient(180deg, #4DA8FF 0%, #126BFF 100%);
	color: #fff;
}
.postid-1512 #monthly-btn.active, .postid-1512 #yearly-btn.active, .postid-1512 #lifetime-btn.active{
	background: linear-gradient(180deg, #203145 0%, #1a2533 100%);
	color: #fff;
}
.postid-1489 #monthly-btn, .postid-1489 #yearly-btn{
	color: #126BFF;
}
.postid-1512 #monthly-btn, .postid-1512 #yearly-btn, .postid-1512 #lifetime-btn{
	color: #203145;
}
.postid-1512 #yearly-btn{
	border-radius: 16px 0px 0px 16px !important;
}
.postid-1512 #lifetime-btn{
	border-radius: 0px 16px 16px 0px !important;
}
.postid-1512 .vc-pricing-bar {
  width: 35%;
}
.postid-1489 .vc-current-plan-price{
	color: #126BFF;
}
.postid-1512 .vc-current-plan-price{
	color: #203145;
}
.postid-1489 .radio-label.active {
  color: #126BFF;
  border-color: #126BFF;
}
.postid-1512 .radio-label.active {
  color: #203145;
  border-color: #203145;
}
.postid-1489 input[type="radio"]:checked {
  accent-color: #126BFF;
}
.postid-1512 input[type="radio"]:checked {
  accent-color: #203145;
}
.postid-1489 .btn-starter {
	color: #126BFF;
}
.postid-1512 .btn-starter {
	color: #203145;
}
.postid-1489 .btn-starter:hover {
	background: linear-gradient(180deg, #4DA8FF 0%, #126BFF 100%);
	color: #fff;
}
.postid-1512 .btn-starter:hover {
	background: linear-gradient(180deg, #203145 0%, #1a2533 100%);
	color: #fff;
}
.postid-1489 .title-keys{
	color: #126BFF;
}
.postid-1512 .title-keys{
	color: #203145;
}
.postid-1489 .container-list-items li::before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23126BFF' viewBox='0 0 512 512'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
}
.postid-1512 .container-list-items li::before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23203145' viewBox='0 0 512 512'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
}
.postid-1489 .vc-btn-view-features {
	color: #126BFF;
}
.postid-1512 .vc-btn-view-features {
	color: #203145;
}
.postid-1489 #vc-current-plan-url{
	background: linear-gradient(180deg, #4DA8FF 0%, #126BFF 100%);
}
.postid-1512 #vc-current-plan-url{
	background: linear-gradient(180deg, #203145 0%, #1a2533 100%);
}
.postid-1489 .vc-pagination button {
  border: 1px solid #4DA8FF;
	background-color: #4DA8FF;
}
.postid-1512 .vc-pagination button {
  border: 1px solid #1a2533;
	background-color: #1a2533;
}
.postid-1489 .vc-pagination button:hover {
  background-color: #126BFF;
  border-color: #126BFF;
}
.postid-1512 .vc-pagination button:hover {
  background-color: #203145;
  border-color: #203145;
}
.postid-1489 .vc-faq-title:hover {
  color: #126BFF;
}
.postid-1512 .vc-faq-title:hover {
  color: #203145;
}
.postid-1489 .btn-vc-live-demo:hover, .postid-1489 .btn-vc-url-admin:hover, .postid-1489 .btn-vc-live-demo:focus, .postid-1489 .btn-vc-url-admin:focus {
  color: #FFF;
	background-color: #126BFF;
}
.postid-1512 .btn-vc-live-demo:hover, .postid-1512 .btn-vc-url-admin:hover, .postid-1512 .btn-vc-live-demo:focus, .postid-1512 .btn-vc-url-admin:focus {
  color: #FFF;
	background-color: #203145;
}
.postid-1489 .vc-submit-review {
  background: #126BFF !important;
}
.postid-1489 .link-con a {
	color: #126BFF;
}
.postid-1512 .vc-submit-review {
  background: #203145 !important;
}
.postid-1512 .link-con a {
	color: #203145;
}
/**********style for footer*******/
footer.site-footer {
  background-color: rgba(1, 119, 137, 0.19);
  padding-top: 25px;
  padding-bottom: 25px;
}
footer .max-container-vertim .site-info .container-section1 section#block-9 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
}
footer
  .max-container-vertim
  .site-info
.container-section2{
	display: flex;
  justify-content: center;
  align-items: center;
	width: 100%;
}

footer .max-container-vertim .site-info .container-section2 section#block-16{
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  width: 35%;
  position: relative;
}
footer
  .max-container-vertim
  .site-info
  .container-section1
  .title-container-section1 {
  font-size: 56px;
  line-height: 66.83px;
  color: rgba(31, 57, 44, 1);
  font-family: SF Pro Display;
  font-weight: 700;
  text-align: center;
}
footer
  .max-container-vertim
  .site-info
  .container-section1
  .text-container-section1 {
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
  color: rgba(31, 57, 44, 1);
  font-family: SF Pro Display;
}
footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o1 .wpcf7-form .wpcf7-response-output,
footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o2 .wpcf7-form .wpcf7-response-output{
	width: 87%;
	margin-top: 15px;
}
footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o1 .wpcf7-form p,
footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o2 .wpcf7-form p{
	display: flex;
  align-items: center;
  justify-content: center;
}
footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o1 .wpcf7-form p .wpcf7-spinner,
footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o2 .wpcf7-form p .wpcf7-spinner{
	margin: 0 !important; 
}

footer
  .max-container-vertim
  .site-info
  .container-section2 
  #wpcf7-f1062-o1
  .wpcf7-form
label 
.wpcf7-form-control-wrap,
footer
  .max-container-vertim
  .site-info
  .container-section2 
  #wpcf7-f1062-o2
  .wpcf7-form
label 
.wpcf7-form-control-wrap{
	display: flex;
	flex-direction: column;
}
footer
  .max-container-vertim
  .site-info
  .container-section2 
  #wpcf7-f1062-o1
  .wpcf7-form
label 
.wpcf7-form-control-wrap 
.wpcf7-not-valid-tip,
footer
  .max-container-vertim
  .site-info
  .container-section2 
  #wpcf7-f1062-o2
  .wpcf7-form
label 
.wpcf7-form-control-wrap 
.wpcf7-not-valid-tip{
	margin-top: 15px;
	margin-left: 20px;
}
footer
  .max-container-vertim
  .site-info
  .container-section2 
  #wpcf7-f1062-o1
  .wpcf7-form
label
  .search-field-footer,
footer
  .max-container-vertim
  .site-info
  .container-section2 
  #wpcf7-f1062-o2
  .wpcf7-form
label
  .search-field-footer{
 width: 95%;
  padding: 14px;
  border-radius: 100px;
  font-size: 17px;
  line-height: 24px;
  color: rgba(212, 212, 212, 1);
  font-family: SF Pro Text;
  padding-right: 110px;	  
}

footer
  .max-container-vertim
  .site-info
  .container-section2 
  #wpcf7-f1062-o1
  .wpcf7-form
  .search-submit-footer,
footer
  .max-container-vertim
  .site-info
  .container-section2 
  #wpcf7-f1062-o2
  .wpcf7-form
  .search-submit-footer{
  background-color: rgb(1, 119, 137);
  color: white;
  padding: 7px 25px 8px 25px;
  border-radius: 24px;
  font-size: 18px;
  font-weight: 600;
  font-family: SF Pro Text;
	   position: absolute;
  right: 52px;
  top: 58px;
}
footer .max-container-vertim .site-info .container-section3,
footer .max-container-vertim .site-info .container-section4 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
}

footer
  .max-container-vertim
  .site-info
  .container-section3
  section#nav_menu-2
  .menu-menu-1-container
  ul#menu-menu-1 {
  display: flex;
  gap: 25px;
}
footer .max-container-vertim .site-info .container-section3 section#block-10,
footer .max-container-vertim .site-info .container-section3 section#block-11 {
  width: calc(100% / 2);
  display: flex;
  justify-content: center;
  align-items: center;
}
footer
  .max-container-vertim
  .site-info
  .container-section3
  section#block-10
  .bloc1 {
  font-family: SF Pro Text;
  font-size: 18px;
  color: rgba(31, 57, 44, 1);
  font-weight: 400;
  line-height: 32px;
}

:where(.wp-block-social-links:not(.is-style-logos-only))
  .wp-social-link-instagram,
:where(.wp-block-social-links:not(.is-style-logos-only))
  .wp-social-link-facebook,
:where(.wp-block-social-links:not(.is-style-logos-only))
  .wp-social-link-linkedin {
  background-color: transparent !important;
  color: rgb(31, 57, 44) !important;
}
.wp-block-social-links .wp-social-link svg {
  height: auto !important;
  width: 1.2em !important;
}
.wp-block-social-links,
.wp-block-social-links.has-normal-icon-size {
  font-size: 24px;
  gap: 20px !important;
}
footer
  .max-container-vertim
  .site-info
  .container-section4
  section#block-20
  .bloc1 {
  display: flex;
  gap: 20px;
}
footer
  .max-container-vertim
  .site-info
  .container-section4
  section#block-20
  .bloc1
  p.text-copyright {
  padding-top: 1px;
  color: rgba(31, 57, 44, 1);
  font-family: SF Pro Text;
  font-size: 16px;
  font-weight: 400;
  line-height: 24.1px;
}
footer
  .max-container-vertim
  .site-info
  .container-section4
  section#block-13
  .bloc2
  a.text-privacy,
footer
  .max-container-vertim
  .site-info
  .container-section4
  section#block-14
  .bloc3
  a.text-terms {
  color: rgba(31, 57, 44, 1);
  font-family: SF Pro Text;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
footer .max-container-vertim .site-info .container-section4 section#block-20 {
  width: 67%;
  display: flex;
  justify-content: left;
  align-items: center;
}
footer .max-container-vertim .site-info .container-section4 section#block-13 {
  width: 25%;
  display: flex;
  justify-content: left;
  align-items: center;
}
/**********end style for footer*******/
/**responsivity **/
@media only screen and (max-width: 320px) {
    footer .max-container-vertim .site-info .container-section2 .search-form-footer label .search-field-footer {
        width: 65% !important;
    }
	.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
		gap: 2px !important;
    }
	.container-uplaod-file .block-upload {
            width: 47% !important;
    }
	.submit-button{
		width: 75% !important;
	}
	
}
@media only screen and (min-width: 321px) and (max-width: 393px) {
    .container-uplaod-file .block-upload {
        width: 38% !important;
    }
}
@media only screen and (min-width: 394px) and (max-width: 480px) {
    .container-uplaod-file .block-upload {
        width: 30% !important;
    }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .container-uplaod-file .block-upload{
		width: 23% !important;
	}
}
@media only screen and (min-width: 321px) and (max-width: 767px) {
	 .wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
		gap: 5px !important;
    }
}
@media only screen and (max-width: 569px){
	footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o1 .wpcf7-form .search-submit-footer,
	footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o2 .wpcf7-form .search-submit-footer{
		right: 9px !important;
	}
}
@media only screen and (min-width: 570px) and (max-width: 606px){
	footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o1 .wpcf7-form .search-submit-footer,
	footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o2 .wpcf7-form .search-submit-footer{
        right: 26px !important;
    }
}
@media only screen and (min-width: 607px) and (max-width: 608px){
	footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o1 .wpcf7-form .search-submit-footer,
	footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o2 .wpcf7-form .search-submit-footer{
        right: 40px !important;
    }
}
@media only screen and (min-width: 609px) and (max-width: 767px){
	footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o1 .wpcf7-form .search-submit-footer,
	footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o2 .wpcf7-form .search-submit-footer{
		right: 9px !important;
	}
}
/* Affichage sur les petits écrans */
@media only screen and (max-width: 767px){
	.section4-about-us .container-section4-about-us .swiper-container .swiper-wrapper .swiper-slide .member-container .member-image img,
	.section2-blog .article-pinned article .box-image a img{
		height: auto !important;
	}
	
	/**header*/
	header#masthead{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 9999 !important;
    width: 100% !important;
}
	.page-id-9 header#masthead .menu-toggle svg.burger-icon path,
	.page-id-9 header#masthead .menu-toggle svg.close-icon path{
		stroke: #fff;
	}
	.site-header .max-container-vertim{
		padding-left: 20px !important;
    	padding-right: 20px !important;
	}
	.site-header .site-branding .site-title,
	.site-header .max-container-vertim .content-header-vertim .main-navigation{
		display: none !important;
	}
	#site-navigation.main-navigation.menu-mobile{
    position: absolute !important;
    top: 89px !important;
    right: 0 !important;
    background-color: #017789 !important;
    width: 100%;
    height: 100vh;
    display: none;
    z-index: 0;
	align-content: center;
	justify-content: center;
    flex-direction: column;
}
	.site-header .menu-toggle{
		display: block !important;
		right: 0;
  		position: absolute;
		cursor: pointer;
	}
	
	/* SVG icon styles */
.burger-icon,
.close-icon{
    cursor: pointer;
}

/* Icon styles for close button initially hidden */
.close-icon{
    display: none;
}
	/* Container pour les éléments du menu */
#site-navigation.main-navigation.menu-mobile .menu-menu-1-container{
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
    justify-content: center;
}
	
#site-navigation.main-navigation.menu-mobile .menu-menu-2-container{
		padding-top: 15px;
		display: flex !important;
    flex-direction: column !important;
    align-items: center;
    justify-content: center;
	}
	#site-navigation.main-navigation.menu-mobile .menu-menu-3-container ul#menu-mobile li.menu-item-979 ul.sub-menu{
		display: none;
	}
	/* Liste des éléments du menu */
#site-navigation.main-navigation.menu-mobile ul.menu{
    gap: 1rem;
    display: flex !important;
    flex-direction: column !important;
    text-align: center;
	align-items: center;
}
	#site-navigation.main-navigation.menu-mobile ul.menu li.current_page_parent a,
	#site-navigation.main-navigation.menu-mobile ul.menu li.current-menu-parent a,
	#site-navigation.main-navigation.menu-mobile ul.menu li.current_page_item a{
    text-decoration: underline;
    font-weight: 700;
  }
	#site-navigation.main-navigation.menu-mobile li.menu-item-836 a{
		text-decoration: none !important;
	}
#site-navigation.main-navigation.menu-mobile li{
    margin-left: 0;
}
	#site-navigation.main-navigation.menu-mobile li a{
    color: #fff;
	font-size: 17px;
	font-family: Roboto;
}
	#site-navigation.main-navigation.menu-mobile li.menu-item-836{
		padding: 12px 24px 12px 24px;
		border-radius: 12px;
		background: #fff;
		width: 30%;
	}
	#site-navigation.main-navigation.menu-mobile li.menu-item-836 a{
		color: rgb(1, 119, 137);
		font-weight: 600;
	}
/***********home******/
	.ui-line-white{
		font-size: 36px !important;
	}
	.section1-home .title-section1-home .ui-text-home::after{
		bottom: -31px !important;
  		width: 155px !important;
	}
	.container-section3-home .swiper-container .swiper-pagination {
	  left: 0px !important;
	  width: 100% !important;
	}
	.container-section3-home .container-btn-project {
		transform: translateY(80px) !important;
	}
	.swiper-button-next, .swiper-button-prev {
  top: 6% !important;
}
	.block-post-section6-home .three-posts-container {
	  display: flex;
	  gap: 20px !important;
	  flex-wrap: wrap !important;
}
	.block-post-section6-home .three-posts-container .post-item{
		width: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
	}
	
	.block-post-section6-home .three-posts-container .post-item .read-more-button{
		width: 44% !important;
	}
/*****solutions********/
	.ui-title1-solutions{
		font-size: 34px !important;
	}
	.section1-about-us .block2-section1-about-us .video-block2-section1-about-us{
	height: 100% !important;
	width: 100% !important;
}
	.portfolio-filters {
  flex-wrap: wrap !important;
}
	.testimonial-content .testimonial-quote p{
		font-size: 14px !important;
  line-height: 27px !important;
	}
	 .testimonial-section4-solutions .swiper-slide.testimonial-active .testimonial-quote {
		width: 190px !important;
	  }
	.testimonial-quote .quote-start {
    left: -20px !important;
  }
	 .testimonial-quote .quote-end {
		right: -20px !important;
	  }
	.testimonial-content .container-content {
	   bottom: -30px !important;
	}
	/******hire us*****/
	.submit-button {
     margin-right: 20px !important;
	}
	.section3-hireus #wpcf7-f1052-p40-o1 form .container-block-hireus{
		flex-direction: column !important;
	}
	.container-block-hireus .block2-hireus {
	  border-left: none !important;
	  padding-left: 0px !important;
	}
	
	.container-uplaod-file .block-upload .block-upload-absolute{
		padding-left: 20px !important;
	}
	/**************footer*********/
	footer .max-container-vertim .site-info .container-section1 .title-container-section1 {
  		font-size: 32px !important;
		line-height: 45px !important;
		text-align: center !important;
	}
	footer .max-container-vertim .site-info .container-section1 .text-container-section1{
		text-align: center !important;
		margin-top: 20px !important;
	}
	footer.site-footer{
		padding-left: 20px;
  padding-right: 20px;
	}
	footer .max-container-vertim .site-info .container-section2 section#block-16,
	footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o1 .wpcf7-form label .search-field-footer,
	footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o2 .wpcf7-form label .search-field-footer{
		width: 100% !important;
	}
	footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o1 .wpcf7-form p,
	footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o2 .wpcf7-form p{
		align-items: normal !important;
  justify-content: normal !important;
  flex-direction: column;
	}
	footer .max-container-vertim .site-info .container-section3 #block-22 .bloc1{
		width: 70% !important;
	}
	footer .max-container-vertim .site-info .container-section3 section#block-10, footer .max-container-vertim .site-info .container-section3 section#block-11{
		width: calc(100% / 1) !important;
	}
	
	footer .max-container-vertim .site-info .container-section4{
		flex-wrap: wrap !important;
	}
	footer .max-container-vertim .site-info .container-section4 section#block-20{
		width: 100% !important;
	}
	footer .max-container-vertim .site-info .container-section4 section#block-13{
		justify-content: start !important;
  align-items: start !important;
		
	}
	footer .max-container-vertim .site-info .container-section4 section#block-13,
	footer .max-container-vertim .site-info .container-section4 section#block-14{
		width: 50% !important;
		padding-top: 20px !important;
	}
	
	/****blog********/
	.section1-blog,
	.section2-blog{
		padding-left: 20px !important;
		padding-right: 20px !important; 
	}
	.section1-blog .block2-section1-blog{
		width: 100% !important;
	}
	.section1-blog .block1-section1-blog,
	.section1-blog .block3-section1-blog{
		display: none !important;
	}
	.section1-blog .block2-section1-blog .title-block2-section1-blog {
  font-size: 36px !important;
  line-height: 45px !important; 
	}
	.section2-blog .article-pinned article {
  flex-direction: column !important;
}
	.section3-blog{
		padding-left: 20px;
  		padding-right: 20px;
	}
	.section3-blog .container-section3-blog .post-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
		padding-top: 20px !important;
}
	.section3-blog .container-section3-blog .post-item .post-content .btn-read-more{
		width: 44% !important;
	}
	.search-page-container .search-results .search-results-list{
		padding-left: 20px;
  		padding-right: 20px;
	}
	.search-page-container .search-results .search-results-list .post-item {
	  width: 100% !important;
	}
	
	
	.section2-single {
	  padding-top: 70px !important;
	  padding-left: 20px !important;
	  padding-right: 20px !important;
	}
	.container-section2-single {
	  display: block !important;
	}
	.container-section2-single .block-single-post,
	.container-section2-single .block-sidebar{
	  width: 100% !important;
	}
	.container-section2-single .block-single-post .box-image .post-thumbnail img {
  		height: 100% !important;
		width: 100% !important;
	}
	.container-section2-single .block-single-post .box-image{
		height: 300px !important;
	}
	.container-section2-single .block-single-post .box-image .post-thumbnail{
		top: 140px !important;
	}
	.container-section2-single .block-single-post .entry-title{
		font-size: 24px !important;
    	line-height: 30px;
	}
	.container-section2-single .block-single-post .box-content .entry-meta {
	  display: flex;
	  gap: 10px !important;
	  flex-direction: column !important;
	  padding-left: 40px !important;
	}
	.comments-area{
		padding-left: 20px !important;
	}
	.comment-body{
		width: 95% !important;
		flex-direction: column !important;
		padding-bottom: 100px !important;
	}
	.comment-list ul.children {
	  transform: translateY(-100px) translateX(16px) !important;
	  width: 90% !important;
	}
	.reply {
	  	width: 100% !important;
		display: flex;
		justify-content: end;
	}
	form#commentform {
		width: 95% !important;
		flex-direction: column-reverse !important;
    	gap: 0 !important;
	}
	.form-group{
		margin-left: 0px !important;
		width: 100% !important;
	}
	.comment-field {
		width: 100% !important;
		margin-top: 10px !important;
	}
	.submit-button-form {
		position: static !important;
	}
	.custom-submit-button {
	  bottom: 0px !important;
	}
	.container-section2-single .block-single-post .box-image{
		margin-bottom: 60px !important;
	}
	/****about us****/
	.member-container{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.member-container .member-info p,
	.member-container .member-info h3{
		width: 100% !important;
	}
	
}
@media (min-width: 481px) and (max-width: 999px) and (orientation: landscape){
	.section4-about-us 
.container-section4-about-us 
.swiper-container 
.swiper-wrapper 
.swiper-slide 
.member-container 
.member-image img{
	height: auto;
  width: 100%;
}
	 footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o1 .wpcf7-form .search-submit-footer,
	footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o2 .wpcf7-form .search-submit-footer{
    right: 55px !important;
  }
	 .container-uplaod-file .block-upload {
    width: 20% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	/**header*/
	header#masthead{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 9999 !important;
    width: 100% !important;
}
	.page-id-9 header#masthead .menu-toggle svg.burger-icon path,
	.page-id-9 header#masthead .menu-toggle svg.close-icon path{
		stroke: #fff;
	}
	.site-header .max-container-vertim{
		padding-left: 20px !important;
    	padding-right: 20px !important;
	}
	.site-header .site-branding .site-title,
	.site-header .max-container-vertim .content-header-vertim .main-navigation{
		display: none !important;
	}
	#site-navigation.main-navigation.menu-mobile{
    position: absolute !important;
    top: 89px !important;
    right: 0 !important;
    background-color: #017789 !important;
    width: 100%;
    height: 100vh;
    display: none;
    z-index: 0;
	align-content: center;
	justify-content: center;
    flex-direction: column;
}
	.site-header .menu-toggle{
		display: block !important;
		right: 0;
  		position: absolute;
		cursor: pointer;
	}
	
	/* SVG icon styles */
.burger-icon,
.close-icon{
    cursor: pointer;
}

/* Icon styles for close button initially hidden */
.close-icon{
    display: none;
}
	/* Container pour les éléments du menu */
#site-navigation.main-navigation.menu-mobile .menu-menu-1-container{
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
    justify-content: center;
}
	
#site-navigation.main-navigation.menu-mobile .menu-menu-2-container{
		padding-top: 15px;
		display: flex !important;
    flex-direction: column !important;
    align-items: center;
    justify-content: center;
	}
	#site-navigation.main-navigation.menu-mobile .menu-menu-3-container ul#menu-mobile li.menu-item-979 ul.sub-menu{
		display: none;
	}
	/* Liste des éléments du menu */
#site-navigation.main-navigation.menu-mobile ul.menu{
    gap: 1rem;
    display: flex !important;
    flex-direction: column !important;
    text-align: center;
	align-items: center;
}
	#site-navigation.main-navigation.menu-mobile ul.menu li.current_page_parent a,
	#site-navigation.main-navigation.menu-mobile ul.menu li.current-menu-parent a,
	#site-navigation.main-navigation.menu-mobile ul.menu li.current_page_item a{
    text-decoration: underline;
    font-weight: 700;
  }
	#site-navigation.main-navigation.menu-mobile li.menu-item-836 a{
		text-decoration: none !important;
	}
#site-navigation.main-navigation.menu-mobile li{
    margin-left: 0;
}
	#site-navigation.main-navigation.menu-mobile li a{
    color: #fff;
	font-size: 17px;
	font-family: Roboto;
}
	#site-navigation.main-navigation.menu-mobile li.menu-item-836{
		padding: 12px 24px 12px 24px;
		border-radius: 12px;
		background: #fff;
		width: 15%;
	}
	#site-navigation.main-navigation.menu-mobile li.menu-item-836 a{
		color: rgb(1, 119, 137);
		font-weight: 600;
	}
	/********home*************/
	.ui-line-white{
		font-size: 64px !important;
	}
	.section1-home .title-section1-home .ui-text-home::after {
		bottom: 0px !important;
		width: 280px !important;
	}
	.container-section3-home .swiper-container .swiper-pagination {
	  left: 0px !important;
	}
	.swiper-button-next, .swiper-button-prev {
	  top: 6% !important;
	}
	.block-post-section6-home .three-posts-container .post-item{
		width: 100% !important;
	}
	.block-post-section6-home .three-posts-container .post-item .post-title {
		width: 100% !important;
	}
	.block-post-section6-home .three-posts-container .post-item .read-more-button {
	  justify-content: end !important;
	}
	.testimonial-section4-solutions .swiper-slide.testimonial-active .testimonial-quote {
		width: 100% !important;
	}
	/******hire us*/
	.submit-button {
      margin-right: 10px !important;
	}
	.container-uplaod-file .block-upload{
		width: 38% !important;
	}
	/**************blog********/
	.section1-blog .block2-section1-blog{
		width: 70% !important;
	}
	.section2-blog{
		padding-left: 20px;
		padding-right: 20px;
	}
	.section2-blog .article-pinned article {
	  flex-direction: column !important;
	}
	.section3-blog .container-section3-blog{
		padding-left: 20px;
		padding-right: 20px;
		gap: 20px;
	}
	.section3-blog .container-section3-blog .post-item {
		width: 48% !important;
		padding-top: 50px;
	}
	.section2-single{
		padding-left: 20px;
  		padding-right: 20px;
	}
	.container-section2-single{
		flex-direction: column !important;
	}
	.container-section2-single .block-single-post,
	.container-section2-single .block-sidebar{
	  width: 100% !important;
	}
	.container-section2-single .block-single-post .box-image{
		margin-bottom: 30px !important;
	}
	.comments-area{
		padding-left: 20px;
	}
	.comment-body{
		width: 97% !important;
	}
	.comment-list ul.children {
	  transform: translateY(-100px) translateX(50px) !important;
	  width: 83% !important;
	}
	.reply {
	  width: 20% !important;
	}
	form#commentform {
	  width: 97% !important;
	}
	/**************footer*********/
	footer .max-container-vertim .site-info .container-section1 .title-container-section1 {
  		font-size: 36px !important;
		line-height: 45px !important;
	}
	footer.site-footer{
		padding-left: 20px;
  padding-right: 20px;
	}
	footer .max-container-vertim .site-info .container-section2 .search-form-footer label .search-field-footer {
		width: 70% !important;
	}
	
	
	footer .max-container-vertim .site-info .container-section4{
		flex-wrap: wrap !important;
	}
	footer .max-container-vertim .site-info .container-section4 section#block-20{
		width: 100% !important;
	}
	footer .max-container-vertim .site-info .container-section4 section#block-13{
		justify-content: start !important;
  align-items: start !important;
		
	}
	footer .max-container-vertim .site-info .container-section4 section#block-13,
	footer .max-container-vertim .site-info .container-section4 section#block-14{
		width: 50% !important;
		padding-top: 20px !important;
	}
	.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
  		gap: 5px !important;
	}
	footer .max-container-vertim .site-info .container-section2 section#block-16{
		width: 50% !important;
	}
	footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o1 .wpcf7-form label .search-field-footer,
	footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o2 .wpcf7-form label .search-field-footer{
		width: 100% !important;
	}
	footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o1 .wpcf7-form .search-submit-footer,
	footer .max-container-vertim .site-info .container-section2 #wpcf7-f1062-o2 .wpcf7-form .search-submit-footer{
		right: 30px !important;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) and (orientation: landscape){
	.site-header .max-container-vertim .content-header-vertim .main-navigation .menu-menu-2-container{
		width: 18% !important;
	}
	
	footer .max-container-vertim .site-info .container-section2 .search-form-footer{
		width: 40% !important;
	}
	.container-uplaod-file .block-upload{
		width: 29% !important;
	}
	.section2-blog,
	.section3-blog .container-section3-blog,
	.comments-area{
		padding-left: 20px !important;
	}
	.section3-blog .container-section3-blog .post-item .post-content {
	  width: 93% !important;
	}
	.section2-single{
		padding-left: 20px;
  		padding-right: 20px;
	}
	.container-section2-single .block-single-post .box-image{
		margin-bottom: 30px !important;
	}
	.comment-list ul.children {
	  transform: translateY(-100px) translateX(70px) !important;
	  width: 66% !important;
	}
	.reply {
	  width: 18% !important;
	}
	.text-block1-section2-contact{
		display: none !important;
	}
}