/*
	Theme Name:Styléo
	Theme URI:http://styleo.fr
	Description:Styléo v3
	Author:Styléo
	Theme URI: http://styleo.fr
	Version:3.0
*/

@font-face {
    font-family: 'Cashew Apple Ale';
    src: url('assets/fonts/cashew-apple-ale/cashew-apple-ale.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@charset "UTF-8";
:root {
	--yellow:	#F2C146;
	--pink :	#FF3355;
	--orange:	#F8784D;
	
	--grey:		rgba(227,227,227,1);	--grey-9:rgba(227,227,227,0.9);		--grey-8:rgba(227,227,227,0.8);		--grey-7:rgba(227,227,227,0.7);		--grey-6:rgba(227,227,227,0.6);		--grey-5:rgba(227,227,227,0.5);		--grey-4:rgba(227,227,227,0.4);		--grey-3:rgba(227,227,227,0.3);		--grey-2:rgba(227,227,227,0.2);		--grey-1:rgba(227,227,227,0.1);		--grey-0:rgba(227,227,227,0);
	--black:	rgba(0,0,0,1);			--black-9:rgba(0,0,0,0.9);			--black-8:rgba(0,0,0,0.8);			--black-7:rgba(0,0,0,0.7);			--black-6:rgba(0,0,0,0.6);			--black-5:rgba(0,0,0,0.5);			--black-4:rgba(0,0,0,0.4);			--black-3:rgba(0,0,0,0.3);			--black-2:rgba(0,0,0,0.2);			--black-1:rgba(0,0,0,0.1);		--black-05:rgba(0,0,0,0.05);	--black-0:rgba(0,0,0,0);
	--white:	rgba(255,255,255,1);	--white-9:rgba(255,255,255,0.9);	--white-8:rgba(255,255,255,0.8);	--white-7:rgba(255,255,255,0.7);	--white-6:rgba(255,255,255,0.6);	--white-5:rgba(255,255,255,0.5);	--white-4:rgba(255,255,255,0.4);	--white-3:rgba(255,255,255,0.3);	--white-2:rgba(255,255,255,0.2);	--white-1:rgba(255,255,255,0.1);	--white-0:rgba(255,255,255,0);
}

/**
 * Tartocitron : surcharge couleurs template styleo-tools
 */
 :root #tarteaucitronRoot {
	--toc-maincolor:#000000;
    --toc-unselected-grey:#999999;
    --toc-selected-green:#4ccf8e;
    --toc-selected-red:#9C1A1A;
}
::selection {background-color: var(--orange);color: var(--white);}

/*******************
  *      GLOBAL
  *******************/
body{font-size:16px;background-color:var(--white);color: var(--black); font-family:'Open Sans',sans-serif;font-weight:400;line-height:1.3;}
h1,h2,h3,h4,h5,h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family:'New Amsterdam', sans-serif;font-weight:400;line-height:1.1;}
h1, .h1 {font-size:30px;margin-bottom: 30px; text-transform: uppercase;}
.subheader h1 {font-size: 40px;}
h2, .h2 {font-size:27px;margin-bottom: 30px;}
h3, .h3 {font-size:20px;margin-bottom: 20px;line-height: 35px;}
h4, .h4 {font-size:18px;}
h5, .h5 {font-size:18px;}
h6, .h6 {font-size:16px;}
a{color:var(--orange);transition:color 0.3s ease, background-color 0.3s ease;}
a:hover, a:focus {color:var(--black);}

.wrapper-content h2, .wrapper-content h3, .wrapper-content h4, .wrapper-content h5, .wrapper-content h6 {font-family: "Poppins", sans-serif;font-weight: 700;	font-style: normal;}
.wrapper-content ul {padding-left: 1.7rem;list-style: none;}
.wrapper-content ul li {position: relative;margin-bottom: 5px;}
.wrapper-content ul li::before {content: ""; position: absolute; left: -1.5rem; top: 0.35em; width: 9px; height: 9px; border-radius: 50%; background: transparent linear-gradient(270deg, var(--yellow) 0%, var(--pink) 100%) 0% 0% no-repeat padding-box;}

.wrapper-breadcrumb a {color: var(--black); text-decoration: none;position: relative;}
.wrapper-breadcrumb a:hover,.wrapper-breadcrumb a:focus {color:var(--orange);}
.wrapper-breadcrumb a,
.wrapper-breadcrumb .breadcrumb_last {padding-left: 10px;padding-right: 10px; position: relative;}
#breadcrumbs > span > span:first-child a {padding-left: 0 !important;}
.wrapper-breadcrumb a::before,
.wrapper-breadcrumb .breadcrumb_last::before { content: ""; width: 4px;height: 4px; border-radius: 50%; position: absolute;	background: var(--black);top: 10px; left: -4px;}
.wrapper-breadcrumb .breadcrumb_last {color: var(--black-5);}
#breadcrumbs > span > span:first-child a::before {content: none;}

.txt-black {color: var(--black);}
.txt-white {color: var(--white);}
.text-hover-orange:hover {color: var(--orange);}
.text-hover-white:hover {color: var(--white);}

.poppins-bold {font-family: "Poppins", sans-serif;font-weight: 700;	font-style: normal;}
.poppins-medium {font-family: "Poppins", sans-serif;font-weight: 500; font-style: normal;}
.poppins-regular {font-family: "Poppins", sans-serif;font-weight: 400; font-style: normal;}

.line-height-1-3 {line-height: 1.3;}
.font-8 {font-size: 8px;}
.font-14 {font-size: 14px;}
.font-16 {font-size: 16px;}
.font-18 {font-size: 18px;}
.font-19 {font-size: 19px;}
.font-20 {font-size: 20px;}
.font-25 {font-size: 25px;}
.font-30 {font-size: 30px;}
.font-40 {font-size: 40px;}

.icon-before-title {font-size: 50px; color: var(--yellow);}
.before-title {font-family: 'Cashew Apple Ale'; font-size: 30px;transform: matrix(0.99, -0.14, 0.14, 0.99, 0, 0);}

.text-pink {color: var(--pink);}

.fill-white {fill: var(--white);}
.opacity-01 {opacity: 0.1;}

.border-30 {border-radius:30px;}
.cursor-pointer {cursor: pointer;}
.minheight-400 {min-height:400px;}
.z-5 {z-index: 5;}
.z-80 {z-index: 80;}
.z-95 {z-index: 95;}
.rounded-drop {border-radius: 30px 500px 500px 500px;}
.rounded-drop-left {border-radius: 500px 30px 500px 500px;}
.single-post .rounded-drop {border-radius: 0 200px 200px 200px;}

.min-w-190 {min-width:190px;}
.max-w-400 {max-width:400px;}
.max-w-450 {max-width:450px;}
.max-w-520 {max-width:520px;}
.max-w-600 {max-width:600px;}
.max-w-660 {max-width:660px;}
.max-w-850 {max-width:850px;}
.max-w-940 {max-width:940px;}

.card {--bs-card-border-radius: 30px;--bs-card-border-color: var(--black);}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-fluid { max-width: 100%; --bs-gutter-x: 40px;}
.row {--bs-gutter-x: 40px;}
.g-1, .gx-1 {--bs-gutter-x: 10px;}
.g-1, .gy-1 {--bs-gutter-y: 10px;}
.g-2, .gx-2 {--bs-gutter-x: 20px;}
.g-2, .gy-2 {--bs-gutter-y: 20px;}
.g-3, .gx-3 {--bs-gutter-x: 30px;}
.g-3, .gy-3 {--bs-gutter-y: 30px;}
.g-4 {--bs-gutter-x: 40px;--bs-gutter-y: 40px;}
.g-5 {--bs-gutter-x: 50px;--bs-gutter-y: 50px;}
.gy-5 {--bs-gutter-y: 50px;}

.wave-white-bottom {position: absolute; bottom: -2px;left: -3px; width: calc(100% + 5px);height: 185px; background-image: url('./images/separator-wave-1.svg'); background-repeat: no-repeat; background-size: contain; background-position: bottom;}
.wave-white-top-2 {position: absolute; top: -2px;left: -3px;width: calc(100% + 5px);height: 267px; background-image: url('./images/separator-wave-2.svg'); background-repeat: no-repeat; background-size: contain; background-position: top;}
.wave-white-top-3 {position: absolute; top: -2px;left: -3px;width: calc(100% + 5px);height: 267px; background-image: url('./images/separator-wave-3.svg'); background-repeat: no-repeat; background-size: contain; background-position: top;}
.wave-white-bottom-4 {position: absolute; bottom: -2px;left: -3px; width: calc(100% + 5px);height: 397px; background-image: url('./images/separator-wave-4.svg'); background-repeat: no-repeat; background-size: contain; background-position: bottom;}
.wave-black-top-5 {position: relative;width: calc(100% + 5px);left: -3px; margin-bottom:-2px; height: 150px; background-image: url('./images/separator-wave-5.svg'); background-repeat: no-repeat; background-size: contain; background-position: bottom;}
.wave-white-top-6 {position: absolute; top: -2px;left: -3px;width: calc(100% + 5px);height: 267px; background-image: url('./images/separator-wave-6.svg'); background-repeat: no-repeat; background-size: contain; background-position: top;}

.flip-horizontal {transform: scaleX(-1);}
.flip-vertical {transform: scaleY(-1);}

.wave-effect-top {transform-origin: top center; transition: transform 0.1s linear;}
.wave-effect-bottom {transform-origin: bottom center; transition: transform 0.1s linear;}

.pre-footer-form-left {position: absolute;top: -100px; left: -600px; width: 636px; height: 479px;max-width: 50%; background-image: url('./images/tache-header.svg'); background-repeat: no-repeat; background-size: contain; z-index: 0;transform: rotate(180deg) scaleX(-1);}
.pre-footer-form-right {position: absolute;bottom: -200px; right: -600px; width: 636px; height: 479px;max-width: 50%; background-image: url('./images/tache-header.svg'); background-repeat: no-repeat; background-size: contain; z-index: 0;transform: rotate(180deg) scaleX(-1);}

.xs-mr-5 {margin-right: 50px;}

.xs-mt-n3 {margin-top: -30px;}
.xs-mt-n5 {margin-top: -50px;}
.xs-mt-n8 {margin-top: -80px;}
.xs-mb-n10 {margin-bottom: -100px;}
.xs-mt-n10 {margin-top: -100px;}
.xs-mb-n24 {margin-bottom: -240px;}
.st-dot {width: 10px; height: 10px; background-color: var(--black); border-radius: 50%;display: block; margin-bottom: 15px;}

.bottom-text-dots {position: absolute; top: 50px; left: calc(50% - 5px); z-index: 10;}

.button-dots {display: flex; align-items: center;}
.button-dot {width: 6px; height: 6px; background-color: var(--black); border-radius: 50%; margin: 0 4px;}
.main-footer .button-dot {background-color: var(--white);}

.page-actu-list .categories-list-wrapper,
.page-faq .categories-list-wrapper {overflow: hidden;}
.c-slider-categories .swiper-slide {width: auto;}
.category-item > div, .category-item > a {font-size: 12px;}
.gap-20 {gap: 20px;}
@media (min-width: 768px) {
	.category-item > div, .category-item > a {font-size: 14px;}
	.wrapper-breadcrumb a,
	.wrapper-breadcrumb .breadcrumb_last {padding-left: 20px;padding-right: 20px;}
	.wrapper-breadcrumb a::after {top: 8px;}
	.wave-black-top-5 {height: 267px;}

	.md-font-60 {font-size: 60px;}
	.md-gy-0 {--bs-gutter-y: 0;}
}
@media (min-width: 992px) {
	.lg-mt-n10 {margin-top: -100px;}
}
@media (min-width: 1200px) {
	.page-actu-list .categories-list-wrapper,
	.page-faq .categories-list-wrapper {overflow: visible;}
	.category-item > div, .category-item > a {font-size: 16px;}
	.xl-gx-4 {--bs-gutter-x: 40px;}
	.xl-g-4 {--bs-gutter-x: 40px;--bs-gutter-y: 40px;}
	.subheader h1, h1, .h1 {font-size:50px; line-height: 1.1;}
	h2, .h2 {font-size:35px; line-height: 1.1;}
	.wrapper-content h2 {font-size: 30px;}
	.xl-font-20 {font-size: 20px;}
	.xl-font-24 {font-size: 24px;}
	.xl-font-30 {font-size: 30px;}
	.xl-font-40 {font-size: 40px;}
	.xl-font-60 {font-size: 60px;}
	.before-title {font-size: 36px;}
	.xl-mt-n8 {margin-top: -80px;}
	.xl-mt-n20 {margin-top: -200px;}
	.xl-mb-n15 {margin-bottom: -150px;}
	.xl-mb-n20 {margin-bottom: -200px;}
	.xl-mb-n24 {margin-bottom: -240px;}
	.bottom-text-dots {top: 70px;}
	.page-template-page-realisations .subheader,
	.tax-tax_sector .subheader {padding-bottom: 70px;}
}
@media (min-width: 1600px) {
	.subheader h1, h1, .h1 {font-size:100px;}
	.wave-black-top-5 {background-size: cover; background-position: top;margin-bottom: -10px;}
	.xxl-font-30 {font-size: 30px;}
	.xxl-font-60 {font-size: 60px;}
	.xxl-font-100 {font-size: 100px;}
}
@media (min-width: 1700px) {
	.container {width: 1640px;}
}

/*******************
*      BOUTONS
*******************/
/* bootstrap override */
.btn {--bs-btn-bg: var(--white-0);--bs-btn-color: var(--black);--bs-btn-hover-color: var(--white);--bs-btn-hover-bg: var(--black);--bs-btn-border-color: var(--black);--bs-btn-hover-border-color: var(--black);--bs-btn-border-radius: 21px;--bs-btn-padding-x: 28px; --bs-btn-padding-y: 12px; --bs-btn-line-height: 1; --bs-btn-font-family: "Poppins", sans-serif; --bs-btn-font-weight: 500;}
.btn.active {color: var(--white); background-color: var(--black);}
.btn.btn-black {--bs-btn-bg: var(--black);--bs-btn-hover-bg: var(--white);--bs-btn-color: var(--white);--bs-btn-hover-color: var(--black);}
a:focus.btn.btn-black {background-color: var(--black); color: var(--white);}
.btn.btn-white {--bs-btn-color: var(--white);--bs-btn-border-color: var(--white);--bs-btn-hover-bg: var(--white);--bs-btn-hover-color: var(--black);}

.btn-link-arrow {display: flex; align-items: center; font-size: 18px; font-weight: 600; color: var(--dark); padding: 10px 10px 10px 0;cursor: pointer;}
.btn-link-arrow .sticon-arrow-7-r {margin-left: 10px; transition: color 0.15s ease-in-out, margin-left 0.15s ease-in-out;}
.btn-link-arrow:hover, .btn-link-arrow:focus {color: var(--red);}
.btn-link-arrow:hover .sticon-arrow-7-r, .btn-link-arrow:focus .sticon-arrow-7-r {margin-left: 15px;}

.single-btn-close {font-size: 20px;width: 50px; height: 50px; display: flex; justify-content: center; align-items: center;background-color: var(--black); color: var(--white);border-radius: 50%;text-decoration: none;}
.single-btn-close:hover {background-color: var(--orange); color: var(--white);}
@media (min-width: 1200px) {
	.single-btn-close {width: 100px; height: 100px;font-size: 30px;}
}

/**   BACKGROUNDS	**/
.bg-blue {background-color: var(--blue);}
.bg-dark-blue {background-color: var(--darkblue);}
.bg-black {background-color: var(--black);}
.bg-pink-to-yellow {background: transparent linear-gradient(270deg, var(--yellow) 0%, var(--pink) 100%) 0% 0% no-repeat padding-box;}
.bg-yellow-to-pink {background: transparent linear-gradient(270deg, var(--pink) 0%, var(--yellow) 100%) 0% 0% no-repeat padding-box;}
.bg-cream-texture {background-image: url('./images/bg-texture-creme.jpg'); background-size: cover;}


/* RESEAUX SOCIAUX */
.open-sharelinks {padding: 10px; border: none; background-color: var(--white-0);}
.open-sharelinks .icon-share {color: var(--black); transition: color 0.3s;}
.open-sharelinks:hover .icon-share,
.open-sharelinks.show .icon-share {color: var(--orange);}
.dropdown-menu.sharelinks  {--bs-dropdown-min-width: 50px;left: unset; right: 7px;margin-top: 0;}
.sharelinks{padding:0;margin:0;}
.sharelinks a {display:inline-block; text-decoration: none; padding: 10px;color: var(--black);}
.sharelinks li span {cursor:pointer;font-size:16px;border-radius:100%;display:inline-block;line-height:1;padding:8px 0;text-align:center;min-width:40px;transition: color 0.15s ease-in-out;}
.sharelinks li a:hover span {color: var(--orange);}

/*******************
  *     CONTACT
  *******************/
/* Form de contact Gravityforms */
.gform-body {padding: 0;}
.st-wrapper-gform-fields {list-style-type:none;margin:0;padding:0;}
.gform_heading {display: none;}
.ginput_container textarea{max-width:100%;min-width:100%;height:70px;}
.ginput_container input,
.ginput_container select,
.ginput_container textarea{box-shadow:none;border:none!important;border-radius:21px;font-weight:normal;font-size:16px;color:var(--body-color);background-color:#F3F3F3;	border:none;padding: 11px;width: 100%;line-height: 1;}
.ginput_container select option{background-color:#F3F3F3;border:none;padding:2px 12px;}
.ginput_container input:hover,
.ginput_container input:active,
.ginput_container input:focus,
.ginput_container select:hover,
.ginput_container select:active,
.ginput_container select:focus,
.ginput_container textarea:hover,
.ginput_container textarea:active,
.ginput_container textarea:focus{box-shadow:none;}
.gform_body:before,
.gform_body:after {content:" ";display:table;clear:both;}
.ginput_container textarea {min-height: 200px; border-radius: 21px; padding: 11px;}
.gform_body .hidden_label label {display:none!important;}
.gform_footer {margin-top: 20px; padding:0 15px;text-align:center;}
.gform_button{height: 42px;float:initial!important;border-radius:21px;display:inline-block;text-decoration:none!important;transition:color 0.3s ease,background-color 0.3s ease;line-height:1;font-family: "Poppins", sans-serif;background-color:var(--black);border: 1px solid var(--black);color:#ffffff;padding:12px 28px;font-size:16px;font-weight: 500; margin-top:0;width:auto;}
.gform_button:hover,
.gform_button:active,
.gform_button:focus {background-color:rgba(255,255,255,0);color:var(--blue);}
.gform_validation_errors {margin:0 15px 30px;}
.gform_validation_errors h2 {font-size:16px;margin:0;padding:6px 15px;}
.gfield_label {font-family: "Poppins", sans-serif;font-weight: 500; margin-bottom: 10px; margin-left: 10px;}

.ginput_container select {height: 43px;}

.gfield--type-radio .gfield_label {max-width: 45%;}
.gfield--type-radio,
.gfield--type-radio .gfield_radio {display: flex; align-items: center; padding-left: 10px;}
.ginput_container_radio .gfield_radio .gchoice {display: flex;align-items: center; padding-left: 0;flex: 0 0 auto;width: 60%;margin-bottom: 10px;}
.ginput_container_radio .gfield_radio .gchoice input {margin-right: 10px;width: 19px;height: 19px;}

.ginput_container_consent {display: flex;}
.ginput_container_consent input[type='checkbox'] {margin-right: 10px;width: 19px;height: 19px;}

/* Form de contact Gravityforms : Gestion des erreurs */
.validation_error{background-color:rgba(189,69,136,0.1);border:1px solid rgba(189,69,136,0.6);color:rgba(216,0,0,0.6);font-size:16px;padding:0;text-align:center;}
.gform_wrapper .gfield_error .gfield_label{color:#f62459;}
.gform_wrapper .gfield_error input,.gform_wrapper .gfield_error select,.gform_wrapper .gfield_error textarea{background-color:rgba(216,0,0,0.1);color:#000000;box-shadow:0 0 0 #ffffff!important;}
.gfield{position:relative;}
.gfield .gfield_description.validation_message{color:rgba(216,0,0,0.6);font-size:12px;position:absolute;right:15px;top:-16px;}

/** Home **/
.home__h1-background {position: absolute;left: 50%; top: 35px; color: var(--black-05); font-size: 150px; transform: translateX(-50%);}

/** Page Exertise **/
.page-id-1658 .subheader .col-10 {min-height: 400px;}
.page-id-1658 .subheader .col-10 .img-fluid {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);transition: opacity 0.2s ease-in-out;}
.page-id-1658 .subheader .col-10 .expertise__subheader-img-hover {z-index: 3; opacity: 0;}
.page-id-1658 .subheader .col-10:hover .expertise__subheader-img-hover {opacity: 1;z-index: 5;}

.expertise__key {margin-left: -25px; margin-bottom: -40px;font-size: 150px;font-family: 'New Amsterdam',sans-serif;font-weight: 400;line-height: 1; opacity: 0.05; color: var(--black);}
.expertise__btn {display: flex;align-items: center;gap: 10px; text-decoration: none; color: var(--black);padding: 25px 0;}
.expertise__btn-texts {width: calc(100% - 55px);display: flex;align-items: center; gap: 10px; flex-wrap: wrap;}
.expertise__btn .icon-plus {font-size: 21px; color: var(--white);margin-left: auto; width: 50px;height: 50px; display: flex; justify-content: center; align-items: center; background: transparent linear-gradient(270deg, var(--yellow) 0%, var(--pink) 100%) 0% 0% no-repeat padding-box; border-radius: 50%;transform: none; transition: transform 0.3s;}
.expertise__btn:hover .icon-plus {transform: rotate(180deg);}
.expertise__btn:hover {color: var(--orange);}
.expertise__btn-text-infos {display: flex;gap: 7px; font-size: 14px; font-family: 'Open Sans',sans-serif;font-weight:400; line-height: 1.3;}
.expertise__line-black {height: 90%; border: 1px solid var(--black-5);}
.expertise__line-white {height: 90%; border: 1px solid var(--white-5);}
.expertise__color {width: 65px; height: 65px; border-radius: 50%;}
.alphabet {color: #D6D6D6;line-height: 1;}

/** BLog **/
.blog__subtitle {margin-left: -30px;}
.blog__subtitle .before-title {font-size: 20px;}
.blog__subtitle .icon-before-title {font-size: 35px;}
.social-media-blog {display: flex; align-items: center; gap: 20px;}
.social-media-blog .social-icon {color:var(--white); width: 50px; height: 50px; font-size: 16px; display: flex; justify-content: center; align-items: center; background-color: var(--black); border-radius: 50%;text-decoration: none;}
.social-media-blog .social-icon:hover {background-color: var(--orange);} 

/** FAQ **/
.faq__wrapper {background: #F3F3F3; border-radius: 30px;}
.faq__button {border: none; border-radius: 30px; padding: 20px 30px; display: flex; align-items: center;text-align: left; justify-content: space-between; width: 100%;background: #F3F3F3; color: var(--black);}
.faq__button > h3 {width: calc(100% - 55px); transition: color 0.3s ease-in-out;}
.faq__button:hover > h3 {color: var(--orange);}
.faq__button .icon-plus {font-size: 21px; color: var(--white);margin-left: auto; width: 50px;height: 50px; display: flex; justify-content: center; align-items: center; background: var(--black); border-radius: 50%;transform: none; transition: background 0.3s, transform 0.3s;}
.faq__button:hover .icon-plus {background: transparent linear-gradient(328deg, var(--pink) 0%, var(--orange) 100%) 0% 0% no-repeat padding-box; transform: rotate(180deg);}
.faq__button[aria-expanded="true"] .icon-plus::before {content: ""; width: 20px; height: 1.5px; background-color: var(--white); border-radius: 5px;}
.faq__answer {padding: 0 30px 20px 30px;}
.faq__newsletter-illustration {transform: rotate(90deg);}

/** Page A propos **/
.team-image {border-radius: 0 200px 200px 200px;}

.single__form-left {position: absolute; top: 0; left: -150px; width: 636px; max-width: 55%; height: 479px;background-image: url('./images/tache-header.svg'); filter: brightness(0.95); background-repeat: no-repeat; background-size: contain;background-position: center; z-index: 0;}
.single__form-right {position: absolute; top: -20px; right: -150px; width: 636px; max-width: 55%; height: 479px;background-image: url('./images/tache-header.svg'); filter: brightness(0.95); background-repeat: no-repeat; background-size: contain; z-index: 0;}

/** Taxonomies **/
.tax-service {background: transparent linear-gradient(328deg, var(--pink) 0%, var(--orange) 100%) 0% 0% no-repeat padding-box;}
@keyframes swing {
  0% {
    transform: rotate(-15deg);
  }
  25% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(-15deg); /* pause ici */
  }
}
.tax-service > .bg-white > .container + .bloc-image-text .order-md-last {position: relative;}
.tax-service > .bg-white > .container + .bloc-image-text .order-md-last::after {content: "";position: absolute; top: -30px; left: calc(80% - 45px); width: 90px; height: 90px; background-image: url('./images/badge-100-sur-mesure-styleo.svg'); background-size: contain;background-repeat: no-repeat;animation: swing 5s ease-in-out infinite; transform-origin: center center;}

@media (min-width: 768px) {
	.expertise__btn-text-infos {font-size: 16px;}
	.social-media-blog .social-icon {width: 70px; height: 70px;font-size: 18px;}
}
@media (min-width: 992px) {
    .single__round-color {position: absolute; top: 180px; right: 20%; width: 53px; height: 53px; background: transparent linear-gradient(270deg,var(--yellow) 0%,var(--pink) 100%) 0% 0% no-repeat padding-box; border-radius: 50%; z-index: 1;}
}

@media (min-width: 1200px) {
	.single__form-left {top: 130px;left: -460px; max-width: 50%;}
    .single__form-right {top: -30px;right: -440px; max-width: 50%;}
	.expertise__btn-texts {gap: 20px;}
	.expertise__btn-text {margin-bottom: 5px;}
	.blog__subtitle {margin-left: -50px;}
	.blog__subtitle .before-title {font-size: 36px;}
	.blog__subtitle .icon-before-title {font-size: 50px;}
	.home__h1-background {top: 0;font-size: 300px;}
	.expertise__key {font-size: 200px;margin-left: -25px; margin-bottom: -70px;}
	.expertise__color {width: 100px; height: 100px;}
	.tax-service > .bg-white > .container + .bloc-image-text .order-md-last::after {top: -100px; left: calc(50% - 80px); width: 180px; height: 180px;}
}
@media (min-width: 1800px) {
	.blog__subtitle {margin-left: -70px;}
	.expertise__key {font-size: 300px; margin-left: -100px; margin-bottom: -95px;}
	.expertise__col-services {margin-top: 230px !important;}
}

/** Effet **/
.parallax-scroll {transition: transform 0.1s ease-out; will-change: transform;}
.repulse-round {transition: transform 0.1s ease; will-change: transform;}