/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
:root{
	--color-1: #063232;
	--color-2:#e3572b;
	--color-3:#c2df93
}
/*ASSETES*/
.subtitle{
  position: relative ;
  max-width: fit-content;
  margin: 0 auto!important ;
  padding-left:30px;
	font-size: 18px;
  font-weight: 600;
  color: var(--color-2);
  font-family: "Lato", sans-serif;
  letter-spacing: 0.5px;
  display: inline-block;
}
.subtitle p{
	font-size: 18px;
  font-weight: 600;
  color: var(--color-2);
  font-family: "Lato", sans-serif;
  letter-spacing: 0.5px;	
	margin-bottom:0
}
.subtitle .mcb-column-inner{
		margin-bottom:0
}
.subtitle::before{
  position:absolute;
  content:"";
  top:50%;
  left:0;
  width:20px;
  height:20px;
  background:url(https://tunisia-accountant.com/wp-content/uploads/2026/09/shape-02-1-1.png);
  transform:translateY(-50%);
  
}
.btn-01 a{
    justify-content: center;
    font-size: 16px;
    padding: 15px 24px;
    border-radius: 100em;
    border: 0;
    transition: all 0.4s ease-in-out;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 600;
    background-color: #e3572b;
    color: #fff;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18), 0 2px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-01:hover a{
	transform: translateY(-2px) scale(1.03);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22), 0 4px 8px rgba(0, 0, 0, 0.12);
	background-color: #e3572b;
	color:#fff
}
 

.subtitle::after{
  position:absolute;
  content:"";
  top:50%;
  right:-25px;
  width:16px;
  height:16px;
  background:url(https://tunisia-accountant.com/wp-content/uploads/2026/09/shape-01-1-1.png);
  transform:translateY(-50%);
  
}
.subtitle-center{
	padding-left:0
}
/*TYPOGRAPHY*/
h2,h3,h4,h5,h6{
		font-family: "Plus Jakarta Sans", sans-serif;
		
}
p, .desc,.faq .question > .answer, .post-excerpt{
		font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height:1.5;
}
h2{
		color:var(--color-1);
		line-height:1.2;
		font-weight:700;
		font-size:34px
}
h3{
		font-weight:500;
		color:var(--color-1);
		font-size:28px;
}
li{
    color: #626262;
}
#Top_bar{
	 background-color: #063232!important;	
}
#Top_bar .logo .custom-logo-link {
    height: 75px;
    line-height: normal;
    padding: 10px 0;
}
#Top_bar .menu > li > a{
		color:#fff;
    font-size: 16px;
    font-weight: 600;
    font-family: "Plus Jakarta Sans", sans-serif;
    text-transform: capitalize;
    transition: all 0.4s ease-in-out;
}
#Top_bar .menu > li:hover > a{
		color:var(--color-3)
}
.action_button{
    align-items: center;
    justify-content: center;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 100em;
    border: 0;
    transition: all 0.4s ease-in-out;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 600;
    background-color: #e3572b;
    color: #fff;
}
.action_button:hover{
	transform: translateY(-2px) scale(1.03);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22), 0 4px 8px rgba(0, 0, 0, 0.12);
	background-color: #e3572b;
	color:#fff
}
#Top_bar .menu > li.current-menu-item > a{
		color: #C2DF93;
}
/*SECTION-01*/
.section-01{
		padding-bottom:60px;

}
.section-01 h2{
		font-size:20px;
}
.section-01 .mcb-column  .icon-wrapper {
    width: auto;
    background: var(--color-3);
    padding: 15px;
}
.section-01 .mcb-column:hover .icon-wrapper {
    background: var(--color-2);
}
.section-01 .mfn-icon-box .icon-wrapper img {
    width: 35px;
		transition: all 0.4s ease-in-out;
}
.section-01 .mcb-column {
		border-bottom: 1px solid #6262628f;
    min-height: 240px;
    border-left: 1px solid #6262628f;
    padding-top: 40px;
    display: flex;
    align-items: center;
}

.section-01 .box-1.mcb-column{
		border-left:none
}
.section-01 .mcb-column:hover img{
		transform: scaleX(-1) !important;
    filter: brightness(0) invert(1);
}
/*SECTION-02*/
.section-02{
		background:url(https://tunisia-accountant.com/wp-content/uploads/2026/09/bg-5.png)
}
.section-02 .image-02 {
    width: 250px;
    height: 250px;
}
.section-02 .image-02 .mcb-column-inner,
.section-02 .image-02 .image_frame,
.section-02 .image-02 .image_wrapper{
		width:100%;
		height:100%
}
.section-02 .image-02 img {
    border-radius: 100%;
    border: 4px solid #fff;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section-02 .Number{
		position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-02 .Number::before{
	  position: absolute;
    content: "";
    background: url(https://tunisia-accountant.com/wp-content/uploads/2026/09/im.png);
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
    width: 210px;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-1);
    border-radius: 100%;
    animation: rotate 10s linear infinite;
    top: -65px;
    left: 50px;
}
.section-02 .Number .mcb-column-inner {
    margin-bottom: 0;
    width: auto;
}
.section-02 .Number P{
		color: var(--color-3);
    font-size: 50px;
    font-weight: 700;
}
.section-02 .image-shape {
    position: absolute;
    z-index: 100;
    left: -4px;
    top: -2px;
}
.section-02 .icon-wrapper{
		width: auto;
    background: var(--color-3);
    padding: 15px;
}
.section-02 .custom-text{
		padding-left:25px;
}
.section-02 .mfn-icon-box h2 {
		font-size: 20px;
}
.section-02 .button  {
    justify-content: center;
    font-size: 16px;
    padding: 15px 24px;
    border-radius: 100em;
    border: 0;
    transition: all 0.4s ease-in-out;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 600;
    background-color: #e3572b;
    color: #fff;
    margin-left: 75px!important;
}
.section-02 .mcb-wrap-inner{
		justify-content:center
}
.section-02 .mfn-icon-box img {
    filter: invert(14%) sepia(6%) saturate(6623%) hue-rotate(134deg) brightness(96%) contrast(95%);
    width: 40px;
}
/*SECTION-03*/
.section-03{
		padding-top:60px;
		padding-bottom:20px;
}
/* Container principal */
.accordion-container {
  display: flex;
  width: 100%;
  height: 480px;
  margin: 0 auto;
  border: 1px solid #e2e8f0;
  background-color: #ffffff;
  overflow: hidden;
	max-width:950px;
}


.accordion-card {
  flex: 1; 
  height: 100%;
  position: relative;
  border-right: 1px solid #e2e8f0;
  overflow: hidden;
  transition: flex 0.5s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease;
  cursor: pointer;
  background-color: #f8fafc;
}

.accordion-card:last-child {
  border-right: none;
}


.card-vertical-title {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 30px 10px;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.card-vertical-title span {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-weight: 700;
  font-size: 1.1rem;
  color: #0f172a;
  white-space: nowrap;
  letter-spacing: 0.5px;
}

.card-vertical-title .card-icon {
  width: 50px;
  height: 50px;
  background: #ffffff;
  border: 1px solid var(--color-1);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-1);
}


.card-expanded-content {
  opacity: 0;
  visibility: hidden;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 24px;
  box-sizing: border-box;
  transition: opacity 0.4s ease 0.1s;
}

.card-image-holder {
  width: 100%;
  height: 220px;
  background-color: #cbd5e1; 
  border-radius: 4px;
  margin-bottom: 20px;
  object-fit: cover;
}
.card-image-holder img{
		width:100%;
		height:100%;
		object-fit:cover
}
.card-body h3 {
  font-size: 1.25rem;
  color: #0f172a;
  margin: 10px 0;
  font-weight: 700;
}

.card-body p {
  font-size: 0.9rem;
  color: #64748b;
  line-height: 1.5;
}

.card-icon-box {
  width: 45px;
  height: 45px;
  background-color:var(--color-3); 
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #166534;
}

.accordion-card:hover,
.accordion-card.active {
  flex: 3.5; 
  background-color: #ffffff;
}

.accordion-card:hover .card-vertical-title,
.accordion-card.active .card-vertical-title {
  opacity: 0;
  pointer-events: none;
}
.accordion-card:hover .card-expanded-content,
.accordion-card.active .card-expanded-content {
  opacity: 1;
  visibility: visible;
}

.accordion-container:hover .accordion-card.active:not(:hover) {
  flex: 1;
  background-color: #f8fafc;
}

.accordion-container:hover .accordion-card.active:not(:hover) .card-vertical-title {
  opacity: 1;
}
.accordion-container:hover .accordion-card.active:not(:hover) .card-expanded-content {
  opacity: 0;
  visibility: hidden;
}
/*SECTION-04*/
.section-04 {
		background-color:var(--color-1);
		padding-top:60px;
		padding-bottom:60px
}
.section-04 h2{
		color:#fff
}
.section-04 h2 span{
		color:var(--color-3);
		display:inline-block
}
.section-04 p{
		color:#fff
}
.section-04 .image-01{
		mask-image:url(https://tunisia-accountant.com/wp-content/uploads/2026/09/mask.png);
		mask-repeat: no-repeat;
}
.section-04 .image-01 .mcb-column-inner,
.section-04 .image-01 .image_frame,
.section-04 .image-01 .image_wrapper{
		width:100%;
		height:100%
}
.section-04 .image-01{
		height:500px;
		width:500px;
}
.section-04 .image-01 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section-04 .mfn-list-desc{
		color:#fff;
		line-height:1.5
}
.section-04 .mfn-list .mfn-list-icon i {
		color:var(--color-3)
}

.section-04 .custom-heading {
    position: absolute;
    top: 0;
    right: -195px;
		transform: rotate(-90deg);
}
.section-04 .image-02{
    position: absolute;
    bottom: -100px;
    right: -210px;
    z-index: -1;
}
.section-04 .right {
    border-left: 1px solid #cad2d278;
}
.section-04 .right .mcb-wrap-inner{
		 margin-left: 30px;
}
.section-04 .section_wrapper{
		align-items:center
}
.section-04 .btn-01 .mcb-column-inner{
		margin-bottom:0
}
/*SECTION-05*/
.section-05{
		padding-top:60px;
}
.section-05-part2 h3{
    color: var(--color-1);
    font-size: 20px;
    line-height: 1.3;
    font-weight: 800;
		margin-top:20px;
}
.section-05-part2 .image-01 {
    height: 165px;
    width: 100%;
}
.section-05-part2 .image-01 .mcb-column-inner,
.section-05-part2 .image-01 .image_frame,
.section-05-part2 .image-01 .image_wrapper{
		height:100%
}
.section-05-part2 .image-01 img{
    height: 100%;
    object-fit: cover;
}
/*SECTION-06*/
.section-06{
		padding-top:60px;
		background-color:#F6F6F6;
		padding-bottom:20px;
}
.section-06 .faq .question > .title {
    color: var(--color-1);
    font-size: 16px;
    font-weight: 600;
    background: #fff;
		font-family: 'Plus Jakarta Sans';
}
.section-06 .accountant-img{
	width:250px;
}
.section-06 .faq .question:after{
		display:none
}
.faq .question > .answer {
    padding: 0 20px 20px 50px;
    overflow: hidden;
    display: none;
    padding: 20px 30px;
    background-color: #fff;
    box-shadow: 8px 8px 32px 0 rgba(36, 12, 135, 0.08);
    backdrop-filter: blur(5px);
}
.faq .question.active > .title{
		color:var(--color-2)
}
.section-06 .faq .question:before {
    border: none;
}
.section-06  .section_wrapper{
		align-items:center
}
.section-06 .stars {
    position: absolute;
    bottom: -90px;
    left: 100px;
		animation: float 3s linear infinite;
}
.faq .question {
    margin-bottom: 0;
    box-shadow: 8px 8px 32px 0 rgba(36, 12, 135, 0.08);
}
/*SECTION-07*/
.section-07{
		padding-top:60px;
		background:var(--color-1);
		padding-bottom:20px;
}
.section-07 h2, .section-07 p, .section-07 h6{
		color:#fff
}
.section-07 .clip-path {
    position: absolute;
    right: 0;
    top: 0px;
}
.progress_bars .bars_list li .bar .progress {
    background-color: var(--color-3);
    background-image: none;
		border-radius:16px;
		height:10px;
}
.progress_bars .bars_list li .bar {
    border: 1px solid var(--color-3);
    justify-content: flex-start;
    align-items: center;
    position: relative;
    display: flex;
    height: 14px;
    width: 100%;
    background-color: transparent;
    padding: 0 2px;
    border-radius: 20px;
}
.progress_bars .bars_list li h6 .label {

    color: #ffff;
}
.section-07 .section_wrapper{
		align-items:center
}
.section-07 h2 span {
    color: var(--color-3);
		display:inline-block
}
.section-07 .circle {
    position: absolute;
    left: 0;
    top: 0;
		animation: float 3s linear infinite;
}
.section-07 .vector {
    position: absolute;
    bottom: 0;
    left: -80px;
}
@keyframes float{
		0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}

50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
}
/*SECTION-BLOG*/
.section-blog{
		padding-top:60px;
}
.section-blog .post-meta .author-date {
    float: left;
    background-color: var(--color-3);
    padding: 8px 12px;
    border-radius: 100px;
    font-weight: 600;
    color: var(--color-1);
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 9999;
}
.section-blog .grid .post-desc-wrapper .post-desc {
    padding: 20px;
    background: #f6f6f6;
}
.section-blog h3 {
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0px;
}
.section-blog h3 a{
		color:var(--color-1)
}
.section-blog .post-footer .post-links {
    float: left;
    border-left-width: 0px;
    padding-left: 8px;
}
.section-blog .post-footer .post-links i{
		display:none
}
.section-blog  img {
    width: 100%;
    height: 100%;
    transform: scale(1.02)!important;
    transition: all 1.5s ease-out!important;
}
.section-blog ..post-item:hover  img {
    -webkit-transform: scale3d(1.1, 1.1, 1)!important;
    transform: scale3d(1.1, 1.1, 1)!important;
}
.section-blog .post-footer .post-links a{
		color:var(--color-2)
}
/*PAGE PRESENTTATION*/
body:not(.template-slider) #Header {
    min-height: 0;
}
.title-bar {
    background: var(--color-1);
		margin-top: -30px;
    padding-top: 40px;
}
.title-bar .star {
    position: absolute;
    right: 0;
    top: 175px;
    animation: float 3s linear infinite;
}
.title-bar  h1{
		font-size:40px;
}
.title-bar  .arrow{
    position: absolute;
    bottom: 0;
    left: 200px;
}
.title-bar h1, .title-bar p, .title-bar li{
		color:#fff;
}
.title-bar .breadcrumbs li .mfn-breadcrumbs-separator {
    padding: 0 5px;
}
.title-bar a{
		color:var(--color-3)
}
.title-bar .shape-03 {
    position: absolute;
    right: 0;
    top: -70px;
}
/*SECTION-01-ABOUT*/
.section-01-about .image-01{
		mask-image:url(https://tunisia-accountant.com/wp-content/uploads/2026/09/mask-about.png);
		height: 580px;
    width: 100%;
}
.section-01-about .image-01 .mcb-column-inner,
.section-01-about .image-01 .image_frame,
.section-01-about .image-01 .image_wrapper{
		width:100%;
		height:100%
}
.section-01-about {
		background:#EDEFEE;
		padding-top:60px;
}
.section-01-about .image-01 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.section-01-about .section_wrapper{
		align-items:center
}
.section-01-about .icon-wrapper {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    background-color: var(--color-3);
    position: relative;
}
.section-01-about .icon-wrapper img{
		width:35px;
}
.section-01-about h3 {
    color: var(--color-1);
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0;
}
.section-01-about .right{
		padding-left:40px;
}
.section-02-about {
		padding-top:60px;
		background:var(--color-1)
}
.section-02-about .section_wrapper{
		align-items:center
}
.section-02-about .icon-wrapper{
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    background-color: var(--color-3);
    position: relative;
}
.section-02-about h3 {
    color: var(--color-1);
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 0;
}
.section-02-about  h2, .section-02-about  h3, .section-02-about p{
		color:#fff
}
.section-02-about h2 span{
		color:var(--color-3)
}
.section-03-about-part2 h3 {
    color: var(--color-1);
    font-size: 22px;
    font-weight: 600;
}
.section-03-about-part2 .mfn-list .mfn-list-icon i {
    font-size: 16px;
    color: var(--color-1);
    background: var(--color-3);
    padding: 6px;
    border-radius: 50%;
}
.section-03-about-part2 .column_list_2 .mcb-column-inner{
		margin-bottom:0
}
.section-03-about-part2{
		padding-bottom:60px;
}
.section-03-about{
		padding-top:60px;
}
.section-03-about , .section-03-about-part2{
	  background:url(https://tunisia-accountant.com/wp-content/uploads/2026/09/pricing-bg.jpg)
}
.section-03-about-part2  .card .mcb-wrap-inner{
		background:#fff;
		padding:40px;
		margin-right:20px;
}
/*PAGE CONTACT*/
.section-01-contact{
		padding-top:60px;
		padding-bottom:60px;
}
.section-01-contact .right {
    padding: 40px;
    background: #f6f6f6;
}
.section-01-contact input:not(.gfield-choice-input, .gform_button) {
    outline: none!important;
    border: none!important;
    border-radius: 8px!important;
    background: #f6f6f6!important;
    border: 1px solid rgba(202, 210, 210, 0.24)!important;
    padding: 12px 20px!important;
    font-weight: 400!important;
    font-size: 16px!important;
    color: var(--color-1)!important;
    height: 45px!important;
}
.section-01-contact textarea{
		 outline: none!important;
    border: none!important;
    border-radius: 8px!important;
    background: #f6f6f6!important;
    border: 1px solid rgba(202, 210, 210, 0.24)!important;
    padding: 12px 20px!important;
    font-weight: 400!important;
    font-size: 16px!important;
    color: var(--color-1)!important;
		resize:none!important
}
.section-01-contact .gform_button{
    align-items: center;
    justify-content: center;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 100em!important;
    border: 0;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 600!important;
    background-color: #e3572b!important;
    color: #fff!important;
}
.section-01-contact .right a{
		color:var(--color-2);
		text-decoration:none
}
.section-01-contact .icon-wrapper {
    background-color: var(--color-3);
    font-size: 30px;
    color: var(--color-1);
    transition: all 0.4s ease-in-out;
		width: 65px;
    height: 65px;
}
.section-01-contact .icon-wrapper i {
    line-height: 64px!important;
    font-size: 30px!important;
    color: var(--color-1)!important;
    transition: all 0.4s ease-in-out;
}
.section-01-contact  .mfn-icon-box h3{
    color: var(--color-1);
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 4px;
}
.section-01-contact .section_wrapper{
		align-items:center
}
.gform_fields {
		row-gap:20px!important
}
.section-01-contact .right .mcb-column-inner{
		margin-bottom:0
}
.section-01-contact .column_icon_box_2 .mcb-column-inner{
		margin-bottom:0px
}
.section-01-contact .column_icon_box_2 a:hover{
	color:var(--color-2)
}
.section-01-contact .column_icon_box_2{
    background: #f6f6f6;
    padding: 20px;
    margin-bottom: 20px;
    width: 400px;
}
/*PAGE SERVICES*/
.heading-text{
		max-width:900px;
		margin:0 auto
}
.section-01-service{
		padding-top:60px
}
.service-item .number p{
		color: var(--color-2);
    font-weight: 800;
    font-size: 20px;
    text-align: center;
}
.service-item h3{
    font-size: 20px;
    font-weight: 700;
    color: var(--color-1);
    line-height: 1.4;
		text-align:center;
}
.service-item .section_wrapper{
    align-items: center;
    justify-content: center;
		padding-top: 20px;
    border-bottom: 1px solid rgba(202, 210, 210, 0.44);
}
.service-item .mcb-wrap-inner {
    justify-content: center;
}
.service-item .mcb-column-inner{
		margin-bottom:20px;
}
.service-item .image_wrapper {
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid rgba(202, 210, 210, 0.24);
    transition: all 0.4s ease-in-out;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
		background: #f6f6f6;
}
.service-item .image_wrapper img{
		filter: invert(41%) sepia(38%) saturate(2339%) hue-rotate(344deg) brightness(93%) contrast(91%);
		width:50px;
}
.service-item:hover img{
		filter: invert(0%) sepia(58%) saturate(4541%) hue-rotate(240deg) brightness(104%) contrast(110%);
}
.service-item:hover .image_wrapper{
		background:var(--color-3)
}
.service-item .icon{
		width:auto;
}
.service-item , .section-01-service{
		background:#F6F9FF
}
/*PAGE BLOG*/
#Subheader {
    background: var(--color-1);
}
#Subheader .title {
    color: #fff;
		font-size:40px;
		line-height:1.1
}
#Subheader ul.breadcrumbs li{
    color: #ffff;
}
#Subheader ul.breadcrumbs li a {
    color: var(--color-3);
}
.sidebar .widget {
    margin: 30px 0;
    position: relative;
    padding: 20px;
    margin-bottom: 30px;
    background-color: #f6f6f6;
}
.sidebar  input[type="text"]:focus{
    color: #626262;
}
.sidebar .widget:not(.widget_block) > h3 {
    font-size: 18px;
    font-weight: 800;
    color: var(--color-1);
}
.post-meta .author-date {
    float: left;
    background-color: var(--color-3);
    padding: 10px 12px;
    border-radius: 100em;
    font-weight: 600;
    color: var(--color-1);
    position: absolute;
    left: 25px;
    top: 20px;
    z-index: 999;
    line-height: 1;
    z-index: 9999;
}
.post-item h3 a{
    color: var(--color-1);
    font-weight: 700;
    font-size: 18px;
}
.post-item h3{
		line-height:1
}
.post-item .post-desc-wrapper .post-desc {
    padding: 20px;
    background: #f6f6f6;
}
.grid .post-footer {
    display: none;
}
.widget_categories ul li {
    position: relative;
    color: var(--color-2);
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.widget_categories ul li a {
    color: #000!important;
    padding: 0;
}
.widget_categories ul li:hover {
    color: #fff;
    background: var(--color-2);
}
.Recent_posts.classic ul li a:hover h6, .Recent_posts.classic ul li a:hover .desc .date {
    color: var(--color-2)!important;
}
.widget_categories ul li:hover a{
		color: #fff!important;
		text-decoration:none
}
.widget_categories ul{
		background-color:transparent;
		list-style-type: none;
    padding: 0;
}
.post-item .image_wrapper {
    height: 250px;
}
.post-item .image_wrapper a {
    height: 100%;
}
.post-item .image_wrapper a img {
    height: 100%;
    object-fit: cover;
}
.Recent_posts ul li .desc {
    margin-right: 0;
    padding: 0;
    background: transparent;
    position: relative;
}
.Recent_posts ul li .photo {
    display: none;
}
.Recent_posts ul li .desc:after{
		display:none
}
.Recent_posts ul li a .desc .date{
		color:var(--color-2)
}
.post-nav.minimal.column {
    display: none;
}
/*PAGE RECHERCHE*/
.search-results #Content {
    padding-top: 30px;
}
body.search .posts_group{
		display:flex;
		flex-wrap:wrap;
		gap:18px
} 
.search-results .search-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    width: calc(100% / 2 - 18px );
    flex-direction: column; 
		position:relative
}
.search-results .search-item .post-featured-image {
    width: 100%;
    flex-shrink: 0;
    margin-right: 0;
    height: 250px;
}
.search-results .search-item .post-featured-image img{
		width:100%;
		height:100%;
		object-fit:cover
}
.search-results .search-item .search-content {
    width: 90%;
    padding: 20px;
    background: #f6f6f6;
}
.search-results h4 a {
    color: var(--color-1);
    font-weight: 700;
    font-size: 18px;
}
/*PAGE DEMANDER UN DEVIS*/
.section-devis-1{
		padding-top:60px;
}
.section-devis-1 .icon-wrapper {
    width:70px!important;
    background: var(--color-3);
    padding: 15px;
		height:70px!important;
		margin-bottom:15px!important
}
.section-devis-1 .icon-wrapper i {
    font-size: 40px!important;
    color: var(--color-1)!important;
}
.section-devis-1 .column_icon_box_2 .mcb-column-inner{
		background:#f6f6f6;
		padding:30px;
		min-height:240px
}
.section-devis-1 h3{
		font-size:20px;
		font-weight:600;
		margin-bottom:8px;
}
.section-devis-2 .gform_wrapper .top_label .gfield_label {
    font-weight: 700;
    font-family: 'Plus Jakarta Sans'!important;
    color: var(--color-1)!important;
}
.section-devis-2 form{
    background: #f6f6f6;
    padding: 40px;
}
.section-devis-2 h3{
		color:var(--color-2);
		font-size:20px;
		font-weight:600;
		margin-bottom:0
}
.section-devis-2 a{
		display:inline-block;
		color:var(--color-2)
}
.section-devis-2 a:hover{
		text-decoration:none
}
.gfield--type-section{
		margin-bottom:10px!important
}
.gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
    background-color: var(--color-2)!important;
}
.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
    color: var(--color-2)!important;
}
.section-devis-2 .gform_button {
    align-items: center!important;
    justify-content: center!important;
    font-size: 16px!important;
    padding: 12px 24px!important;
    border-radius: 100em!important;
    border: 0!important;
    transition: all 0.4s ease-in-out;
    font-family: "Plus Jakarta Sans", sans-serif!important;
    font-weight: 600!important;
    background-color: #e3572b!important;
    color: #fff!important;
}
.section-devis-2 input:not(.gfield-choice-input, .gform_button) {
    outline: none !important;
    border: none !important;
    border-radius: 8px !important;
    border: 1px solid rgba(202, 210, 210, 0.24) !important;
    padding: 12px 20px !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    color: var(--color-1) !important;
    height: 45px !important;
}
.section-devis-2 .gform_fields{
		row-gap:16px!important
}
/*Pages indispensables*/
.policy-page-content{
		background:#f6f6f6;
		padding:30px; 
		margin-bottom:15px;
}
.policy-page-content a{
		color:var(--color-2)
}
.policy-page-content p:last-child,
.policy-page-content ul:last-child,
.policy-page-content li:last-child{
		margin-bottom:0
}
li {
    font-family: 'Lato';
    font-size: 16px;
}
#cmplz-document{
    font-size: 16px;
    margin-top: 0;
    max-width: 100%;
    text-justify: inter-word;
    background: #f6f6f6;
    padding: 30px;
}
#cmplz-document li{
	color:#626262;
	font-size:16px;
}
#cmplz-document {
		margin-bottom:15px;
}
#cmplz-document p{
		font-size:16px;
}
#cmplz-document p:last-child{
		margin-bottom:0
}
#cmplz-document a{
		color:var(--color-2)
}
/*Page 404*/
body.error404.default-404 .mfn-header-overlay, body.error404.default-404 header, body.error404.default-404 #Header_wrapper, body.error404.default-404 footer {
    display: block !important;
}
#Error_404 {
    overflow: hidden;
    position: static;
    margin-top: 60px;
}
#Error_404  .content-wrap {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}
#Error_404 .error_desk {
    width: 70%;
    padding-top: 40px;
    text-align: center;
}
#Error_404 .error_desk h2::before{
		display:none
}
#Error_404 img{
		filter: invert(37%) sepia(32%) saturate(2883%) hue-rotate(339deg) brightness(104%) contrast(86%);
}
.grecaptcha-badge{
		visibility:visible!important;
		bottom:100px!important
}
.cmplz-cookiebanner, .cmplz-manage-consent {
		left:20px!important;
		right:unset!important
}
/*FOOTER CSS*/
#Footer {
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
}
#Footer  .shape-star {
    position: absolute;
    animation: float 3s linear infinite;
		right: -100px;
    top: 315px;
}
#Footer .widgets_wrapper {
    padding: 0;
}
#Footer {
    background-color: var(--color-1);
}
.footer-section {
  background-color: var(--color-1); 
  color: #ffffff;
  font-family: 'Inter', Arial, sans-serif;
  padding-top: 40px;
  overflow: hidden;
}
.footer_copy .mcb-column-inner{
		margin-bottom:20px;
}
.footer-copy-center #Footer .footer_copy {
    background: #1F3E38;
}
.footer-banner {
  white-space: nowrap;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.banner-text {
  font-size: 4rem;
  font-weight: 800;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.6);
  letter-spacing: 2px;
  display: flex;
  align-items: center;
  gap: 30px;
}
#Footer .ginput_container_email input:not(.gform_button ) {
    position: relative;
    display: flex;
    align-items: center;
    background: #ffffff!important;
    border-radius: 100em!important;
    border: none!important;
    height: 50px!important;
    padding: 0 20px!important;
    color: #626262!important;
    font-family: 'Lato'!important;
    font-size: 16px!important;
	outline:none!important
}
#Footer  .gform_button {
		justify-content: center!important;
    font-size: 16px!important;
    padding: 12px 24px!important;
    border-radius: 100em!important;
    border: 0!important;
    text-transform: uppercase!important;
    transition: all 0.4s ease-in-out;
    font-family: "Plus Jakarta Sans", sans-serif!important;
    font-weight: 600!important;
    background-color: #e3572b!important;
    color: #fff!important; 
}
#Footer form{
		position:relative
}
#Footer  .gform-footer {
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.banner-text .arrow {
  font-size: 3.5rem;
  -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.6);
}


.footer-container {
  padding-top: 40px;
}

.footer-content {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}


.footer-cta-card {
  background-color: #c5e09b; 
  color: #0b2b26;
  flex: 1 1 330px;
  padding: 30px 30px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
		padding-left:95px
}

.cta-icon {
  color: #c5e09b;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    position: absolute;
    left: 0;
    top: 133px;
    z-index: 0;
		width:95px;
}

.footer-cta-card h3 {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 15px;
    color: var(--color-1);
}

.footer-cta-card p {
  font-size: 16px;
  color: #2c473e;
  line-height: 1.5;
  margin-bottom: 10px;
}
#Footer .gfield_validation_message{
		position:absolute
}
.subscribe-form {
  position: relative;
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 50px;
  padding: 4px;
  margin-bottom: 25px;
}

.subscribe-form input {
  border: none;
  outline: none;
  padding: 12px 20px;
  border-radius: 50px;
  width: 100%;
  font-size: 0.9rem;
  color: #333;
	margin-bottom:0	
}

.subscribe-form button {
  background-color: #e05328; 
  color: #ffffff;
  border: none;
  padding: 12px 22px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 0.8rem;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.3s ease;
}

.subscribe-form button:hover {
  background-color: #c4421b;
}

.social-links {
  display: flex;
  gap: 20px;
}

.social-links a {
  color: #0b2b26;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.85rem;
  transition: opacity 0.2s;
}

.social-links a:hover {
  opacity: 0.7;
}

.footer-right {
  flex: 2 1 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.footer-columns {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}


.footer-col h2 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #ffffff;
}

.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-col ul li {
  margin-bottom: 8px;
	font-family: 'Lato';
}

.footer-col ul li a {
  color: #fff!important;
  text-decoration: none;
  font-size: 16px;
  transition: color 0.3s;
}
.footer-col ul li a:hover{
		color:var(--color-3)!important
}
.footer-col ul li a:hover {
  color: #ffffff;
}
.mfn-footer a:not(.button,.icon_bar,.mfn-btn,.mfn-option-btn):hover {
    color: var(--color-3);
}
.contact-col p {
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.contact-col a:hover{
  color:var(--color-3);
  text-decoration:none
}
.email-btn {
  display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: rgba(255, 255, 255, 0.08);
    color: #ffffff !important;
    text-decoration: none;
    padding: 10px 18px;
    border-radius: 30px;
    font-size: 16px;
    transition: background 0.3s;
    font-family: 'Lato';
}

.email-btn:hover {
    background-color: rgba(255, 255, 255, 0.15);
    text-decoration: none;
    color: var(--color-3) !important;
}

.footer-bottom-bar {
    background-color: #c5e09b;
    color: #0b2b26;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    border-radius: 0 104px 104px 0;
    padding: 16px 50px 16px 24px;
}
.footer-bottom-bar img{
		width:40px;
		margin-right:20px;
}
.brand-logo {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.2rem;
}

.logo-symbol {
  background: #e05328;
  color: #fff;
  font-weight: 800;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 0.9rem;
}

.copyright {
  font-size: 0.85rem;
  font-weight: 500;
}

.copyright .highlight {
  color: #e05328;
  font-weight: 700;
}
.footer-banner {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
}


.marquee-track {
  display: flex;
  width: max-content;
  animation: marquee-slide 15s linear infinite;
}


.footer-banner:hover .marquee-track {
  animation-play-state: paused;
}


.marquee-content {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-right: 30px; /* Doit être égal au gap */
}

.marquee-content span {
  font-size: 3.5rem;
  font-weight: 800;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.7);
  letter-spacing: 2px;
  text-transform: uppercase;
}

.marquee-content .arrow {
  font-size: 3rem;
  -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.7);
}


@keyframes marquee-slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
/*COPY-RIGHT*/
.copyright-bloc{
	  display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    transition: color 0.3s ease 0s;
		padding:20px 0;
		padding-bottom:0px;
}
.copyright-bloc{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.logo-text{
    font-family: 'Lato';
    font-size: 16px;
    color: var(--color-1);
    font-weight: 600;
}
#Footer .footer_copy .one {
    margin-bottom: 20px;
    padding-top: 0;
    min-height: 0;
}
#Footer .footer_copy .social {
    display: none;
}

.copyright-bloc .copyright-nav{
    margin: 0;
    padding: 0;
    text-align: center;
		display:flex;
		flex-wrap:wrap;
		justify-content:center
}
.copyright-bloc .copyright-nav .list-item{
    display: inline-block;
    margin: 0 5px 0 0;
	  color: #fff;
    font-size: 16px;
    font-family: 'Lato';
}
.mfn-footer .footer_copy {
    border-top: 0px solid rgba(255,255,255,.1);
}
.copyright-bloc .copyright-nav .list-item:last-child{
  margin-right: 0;
}
.copyright-bloc .copyright-nav .list-item::after{
    content: "|";
    margin: 0 0 0 5px;
  	color:#fff
}
.copyright-bloc .copyright-nav .list-item.company-item .company-name{
	  text-transform: uppercase;
    font-weight: 900 !important;
}
.copyright-bloc .copyright-nav .list-item .item-link{
    display: inline-block;
    text-decoration: none;
    transition: color 0.3s;
  	font-size: 16px;
    font-family: 'Lato';
  	color:#fff
}


.copyright-bloc .copyright-nav .list-item .item-link:hover{
	  color:var(--color-3)
}
#Footer .footer_copy .one {
    margin-bottom: 0;
}
.copyright-bloc .agency-logo{
	  color: #fff;
    font-size: 16px;
    font-family:'Lato';
	  display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.copyright-bloc .agency-logo::before{
    content: 'Développé par';
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}
.copyright-bloc .agency-logo .logo-link{
    display: inline-block;
    width: 135px;
    margin: 0;
    text-decoration: none;
}
.copyright-bloc .agency-logo .logo-img{
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.copyright-bloc .agency-logo.inverted .logo-img{
	  filter: invert(1);
}
.footer-copy-center #Footer .footer_copy .social {
    display: none;
}
#Top_bar a.responsive-menu-toggle i {
    color: var(--color-3);
}
/*RESPONSIVE*/
@media(max-width:1440px){
.section-01-contact .icon-wrapper {
    width: 65px!important;
    height: 65px;
    margin-bottom: 0;
    margin-right: 20px;
}
.section-01-contact   .mfn-icon-box{
		flex-direction: row;
}
.section-02-about   .mfn-icon-box{
    flex-direction: row;
}
.section-02-about .icon-wrapper {
    width: 60px!important;
    margin-bottom: 0;
    margin-right: 20px;
}
.section-01-about   .mfn-icon-box {
    flex-direction: row!important;
 }
.section-01-about .icon-wrapper {
    width: 60px!important;
    margin-right: 20px;
    margin-bottom: 0;
}
.section-02 .icon-wrapper {
    width: auto!important;
    margin-right: 20px;
    margin-bottom: 0;
}
.section-02 .mfn-icon-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.section-01 .mfn-icon-box{
		display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.section-01 .mcb-column  .icon-wrapper {
    margin-right: 20px;
    margin-bottom: 0;
}
}
@media(max-width:1239px){
#Top_bar .container{
	max-width:100%	
}
.copyright-bloc .copyright-nav .list-item:last-child::after{
	display:none
}
.section-04 .right .mcb-wrap-inner {
    margin-left: 0;
}
.section-04 .right {
    border: none;
}
.section-04 .image-01 {
    margin-bottom: 30px;
}
.section-04 .custom-heading {
    top: -160px;
    right: -250px;
}
.section-04  .mcb-wrap{
		width:100%		
}
.section-04  .mcb-wrap-inner{
		justify-content:center		
}
.section-02 .image-01{
		height:420px
}
.section-02 .image-01 .mcb-column-inner
		{
				height:100%
		}
.section-02 .image-01 .image_frame{
				height:100%
		}
		.section-02 .image-01 .image_wrapper{
				height:100%
		}
.section-02 .image-01 img {
    object-fit: cover;
    height: 100%;
}
.section-02 .Number::before {
    left: 85px;
}
.section-02 .left, .section-02 .right{
		 width:100%		
}
.section-01 .column_icon_box_2 .mcb-column-inner {
    margin-bottom: 10px;
}
.section-01 .mcb-column {
    padding-top: 40px;
		min-height:0
}
.section-01 .mcb-wrap-inner{
		justify-content:center
}
.section-01		.column_icon_box_2{
		width:50%		;
		border:none
}
}
@media(max-width:1200px){
#Top_bar .menu > li > a span:not(.description) {
    padding: 0px 8px;
}
.section-03-about-part2  .card .mcb-wrap-inner {
    padding: 30px;
}
}
@media(max-width:1024px){
.section-04 .mcb-wrap {
    width: 100%;
}
#Top_bar .container{
	  max-width: 100%;
}
}
@media(max-width:959px){
.section-01-contact .mcb-wrap{
		width:100%	
}
.section-03-about-part2 .mcb-wrap {
     width: 100%;
}
.section-02-about {
    padding-bottom: 40px;
}
.section-02-about .mcb-wrap{
		width:100%		
}
.section-01-about .image-01 {
    height: 400px;
    margin-bottom: 30px;
}
.section-01-about .right {
    padding-left: 0px;
}
.section-01-about .mcb-wrap {
		width:100%		
}
.copyright-bloc .copyright-nav .list-item:last-child{
		width:100%		
}
.copyright-bloc .copyright-nav .list-item:nth-child(3)::after{
		display:none
}
.section-05-part2 .mcb-wrap{
		width:50%
}
.section-04 .custom-heading {
    top: -40px;
}
.section-02 .Number::before {
        left: 50px;
    }
}
@media (max-width: 768px) {
.footer-cta-card {
    flex: 1 1 190px;
}
.section-04 .image-02 {
    bottom: -78px;
    opacity: 0.4;
}
  .footer-content {
    flex-direction: column;
  }
  
  .footer-columns {
    flex-direction: column;
    gap: 30px;
  }
  
  .banner-text {
    font-size: 2.5rem;
  }

  .footer-bottom-bar {
    flex-direction:row;
    text-align: center;
  }
}
@media(max-width:767px){
.subtitle-center::before {
    left: -25px;
}
.service-item .number-wrap{
		order:1		
}
.service-item .heading-wrap{
		order:2		
}
.service-item .image-wrap{
		order:3	
}
.service-item .text-wrap{
		order:4
}
.service-item .text-wrap p{
		text-align:center
}
.section-01-about {
    padding-bottom: 30px;
}
.section-03-about-part2 {
    padding-bottom: 40px;
}
.section-03-about-part2  .card .mcb-wrap-inner {
    margin-right: 0;
    margin-bottom: 20px;
}
.section-03-about-part2  .card:last-child .mcb-wrap-inner {
    margin-bottom: 0px;
}
.container{
		max-width:100%!important
}
.section-05-part2 .image-01 {
    height: 170px;
}
.section-05-part2 .mcb-wrap {
    width: calc(100% / 2 - 20px);
}
.section-05-part2 .section_wrapper{
    gap: 20px;
    justify-content: center;
}
.section-04 .custom-heading {
    top: 25px;
    right: -237px;
}
h2 {
    font-size: 25px;
}
.section-02 .Number {
    margin-bottom: 20px;
}
.section-02 .Number .mcb-column-inner {
    position: absolute;
}
.section-02 .Number::before {
    position: static;
}
.section-01 .column_icon_box_2 {
     width: 100%;

 }
.mobile-header-mini #Top_bar .logo {
     width: 150px;
 }
.grecaptcha-badge{
		display:none!important
}
}
@media(max-width:600px){
#Subheader .title {
    font-size: 28px;
}
.section-01-contact {
    padding-top: 30px;
    padding-bottom: 30px;
}
.subtitle p {
    font-size: 16px;
}
.section-03-about-part2 h3 {
    font-size: 18px;
}
.section-03-about {
    padding-top: 30px;
}
.section-03-about-part2 {
    padding-bottom: 10px;
 }
.section-02-about {
    padding-top: 30px;
    padding-bottom: 10px;
}
.section-02-about h3 {
    font-size: 18px;
}
.section-01-about {
    padding-top: 30px;
    padding-bottom: 10px;
}
.title-bar  h1 {
    font-size: 28px;
}
h2 {
    font-size: 22px;
 }
.section-01-about h3 {
    font-size: 18px;
}
.footer-col h2 {
    margin-bottom: 15px;
}
.footer_copy .mcb-column-inner {
    margin: 0;
}
.section-05-part2 h3 {
		font-size: 16px;
}
.section-02 .image-02 {
    width: 200px;
    height: 200px;
}
.section-01 .mcb-column {
    padding-top: 20px;
    min-height: 0;
}
#Footer  .shape-star {
    right: 0;
    bottom: 200px;
		top:unset
}
.copyright-bloc .agency-logo::before {
    margin: 0;
}
.copyright-bloc {
    justify-content: flex-start;
}
.copyright-bloc .copyright-nav .list-item{
		text-align:left		
}
.copyright-bloc .copyright-nav .list-item {
    width: 100%;
}
.copyright-bloc .copyright-nav .list-item::after{
	  display:none
}
.footer-container {
    padding-top: 20px;
}
.cta-icon{
		display:none		
}
.footer-cta-card{
		padding-left:20px;		
}
.footer-section {
    font-family: 'Lato';
    padding-top: 0;
}
.footer-cta-card h3 {
    font-size: 18px;
}
.marquee-content span {
    font-size: 20px;
}
.section-02 .image-01 {
   height: 290px;
 }
.section-04 .custom-heading {
    display: none;
}
.section-04 .image-01 {
    height: 290px;
    width: 100%;
    margin-bottom: 30px;
}
}
@media(max-width:480px){
.section-01-contact .right {
    padding: 20px;
}
.section-01-contact .column_icon_box_2 {
    padding: 15px;
}
.section-01-contact .icon-wrapper {
    width: 42px !important;
    height: 42px;
    margin-right: 10px;
}
.section-01-contact .icon-wrapper i {
    font-size: 20px!important;
}
.section-01-about .image-01 {
    height: 220px;
    margin-bottom: 30px;
}
.section-01-about .icon-wrapper {
    width: 50px !important;
		height:50px;
    margin-right: 10px;
    margin-bottom: 0;
}
.section-01-about .icon-wrapper img {
    width: 25px;
}
#Footer .widgets_wrapper .mcb-column-inner {
    margin: 0;
}
.footer-columns {
    flex-direction: column;
    gap: 15px;
		margin-bottom: 30px;
}
#Footer  .gform-footer {
    position: static;
    right: 5px;
    bottom: 5px;
		margin-top: 15px;
}

.cta-icon {
   display:none
}
.faq .question > .title {
    padding: 20px 40px 20px 50px;
    line-height: 1.5;
}
.section-05-part2 .mcb-wrap {
    width: 100%;
}
.subtitle-slide::before,  .subtitle-slide::after{
     display:none
}
.subtitle-slide {
    padding-left: 0px!important;
}
}
@media(max-width:400px){
.footer-cta-card {
    padding: 15px;
}
.email-btn {
    padding: 10px 10px;
		font-size:14px;
}
.footer-bottom-bar {
    padding: 15px;
}
.footer-bottom-bar img {
    width: 28px;
    margin-right: 0;
}
}

@media (max-width: 991px) {

  .accordion-container {
    width: 100%;
    max-width: 100%;
    height: 430px;
  }

  .card-vertical-title {
    padding: 25px 8px;
  }

  .card-vertical-title span {
    font-size: 1rem;
  }

  .card-vertical-title .card-icon {
    width: 45px;
    height: 45px;
  }

  .card-expanded-content {
    padding: 20px!important;
  }

  .card-image-holder {
    height: 190px;
    margin-bottom: 15px;
  }

  .card-body h3 {
    font-size: 1.1rem;
  }

  .card-body p {
    font-size: 0.85rem;
  }
}


@media (max-width: 767px) {
.section-devis-1 .column_icon_box_2 .mcb-column-inner {
    min-height: 0;
}
  .accordion-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    overflow: visible;
    border: 1px solid #e2e8f0;
  }

  .accordion-card,
  .accordion-card:hover,
  .accordion-card.active {
    flex: none;
    width: 100%;
    height: 65px;
    min-height: 65px;
    border-right: none;
    border-bottom: 1px solid #e2e8f0;
    transition: height 0.5s cubic-bezier(0.25, 1, 0.5, 1),
                background-color 0.3s ease;
  }

  .accordion-card:last-child {
    border-bottom: none;
  }

  .accordion-card.active,
  .accordion-card:hover {
    height: 400px;
    background-color: #ffffff;
  }


  .card-vertical-title {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 65px;
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    padding: 10px 15px;

    opacity: 1;
  }

  .card-vertical-title span {
    writing-mode: horizontal-tb;
    transform: none;

    font-size: 0.95rem;
    font-weight: 700;
    white-space: normal;
    text-align: left;
    line-height: 1.3;
  }

  .card-vertical-title .card-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    flex-shrink: 0;
  }

  .card-expanded-content {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    flex-direction: column;

    opacity: 0;
    visibility: hidden;
  }

  .card-image-holder {
    width: 100%;
    height: 180px;
    min-height: 180px;
    margin-bottom: 15px;
    border-radius: 4px;
  }

  .card-image-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .card-body {
    width: 100%;
  }

  .card-icon-box {
    width: 40px;
    height: 40px;
  }

  .card-body h3 {
    font-size: 1.1rem;
    line-height: 1.3;
    margin: 10px 0;
  }

  .card-body p {
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
  }


  .accordion-card.active .card-vertical-title,
  .accordion-card:hover .card-vertical-title {
    opacity: 0;
    pointer-events: none;
  }

  .accordion-card.active .card-expanded-content,
  .accordion-card:hover .card-expanded-content {
    opacity: 1;
    visibility: visible;
  }

  .accordion-container:hover .accordion-card.active:not(:hover) {
    flex: none;
    height: 65px;
    background-color: #f8fafc;
  }

  .accordion-container:hover .accordion-card.active:not(:hover) .card-vertical-title {
    opacity: 1;
  }

  .accordion-container:hover .accordion-card.active:not(:hover) .card-expanded-content {
    opacity: 0;
    visibility: hidden;
  }
}


@media (max-width: 480px) {

  .accordion-card,
  .accordion-card:hover,
  .accordion-card.active {
    height: 60px;
    min-height: 60px;
  }

  .accordion-card.active,
  .accordion-card:hover {
    height: 380px;
  }

  .card-vertical-title {
    height: 60px;
    padding: 8px 12px;
  }

  .card-vertical-title span {
    font-size: 0.85rem;
  }

  .card-vertical-title .card-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
  }

  .card-expanded-content {
    padding: 75px 12px 15px;
  }

  .card-image-holder {
    height: 160px;
    min-height: 160px;
    margin-bottom: 12px;
  }

  .card-icon-box {
    width: 36px;
    height: 36px;
  }

  .card-body h3 {
    font-size: 1rem;
  }

  .card-body p {
    font-size: 0.8rem;
    line-height: 1.45;
  }
}