/* General card styling */
.description-animation-card {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: box-shadow 0.3s ease, transform 0.3s ease, height 0.3s ease; /* Added height transition */
    border-radius: 10px; /* Adjust to your card's design */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Add hover effect to the card */
.description-animation-card:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    transform: translateY(-5px); /* Slight lift on hover */
}

/* Hide the description by default */
.description-animation-card .elementor-image-box-description {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    visibility: hidden;
    height: 0; /* Collapse the height to 0 */
    overflow: hidden; /* Ensure hidden content doesn't show */
}

/* Show the description on hover */
.description-animation-card:hover .elementor-image-box-description {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    height: auto; /* Expand the height to its natural size */
}

.single-project div#jp-relatedposts {
    display: none !important;
}
.temp-col-titl .elementor-tab-desktop-title {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0;
}

div.know-how-accordian a.elementor-accordion-title:after {
    content: url('https://studiobene.fr/wp-content/uploads/2024/06/btm-arrow.png');
    position: absolute;
    top: 65px;
right: 50px;
}
div.know-how-accordian a.elementor-accordion-title:after {
    content: "";
    background: url("https://studiobene.fr/wp-content/uploads/2024/06/btm-arrow.png");
    width: 100%;
    background-size: contain;
    position: absolute;
    height: 50px;
    max-width: 50px;
    background-repeat: no-repeat;
}
.elementor-tab-content {
    display: none;
}

div.know-how-accordian .elementor-accordion-item .elementor-tab-title {
    position: relative;
text-align: center;
}

div.know-how-accordian .elementor-accordion-item {
    border-bottom: 2px solid black !important;
}

div#project-tab .elementor-tab-desktop-title {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}
div#project-tab .elementor-tab-title:hover {
    border-bottom: 2px solid #2B322A;
}
div.more-info-carousel img {
    width: 295px !important;
    height: 307px;
}

div#project-tab .elementor-tab-title {
    position: relative !important;
}

div#project-tab .elementor-tab-title.elementor-active{
    background-image: url(https://studiobene.fr/wp-content/uploads/2024/06/tab-active.png);
    background-repeat: no-repeat;
    background-position: center;
/*     position: absolute; */

}

.about-slider-arrow1 img {
    width: 161px;
    height: 147px;
}

.brand-section b {
    display: flex;
}

.elementor-accordion .elementor-accordion-item:first-child .elementor-accordion-content {
    display: none !important;
}


@media only screen and (min-width: 768px) {

	.acc-tab-col .elementor-accordion .elementor-accordion-item {
    position: relative;
    z-index: 9;
}
}

@media screen and (min-width: 769px) {
	.project-image-gallery .elementor-widget-container a {
			width: 300px;
			height: 425px;
	}

	.project-image-gallery2 .elementor-widget-container a {
			width: 250px;
			height: 250px;
	}

}
@media screen and (max-width: 768px) and (min-width: 426px) {
		.project-image-gallery .elementor-widget-container a {
			width: 200px;
			height: 250px;
	}
	.project-image-gallery3 .elementor-gallery__container a {
			width: 250px;
	}
	.project-image-gallery2 .elementor-widget-container a {
			width: 150px;
			height: 150px;
	}
	
}

@media screen and (max-width: 425px) {
		.project-tab .elementor-tabs-content-wrapper {
			text-align: center;
			width: 100%;
	}
/* 		.project-image-gallery .elementor-widget-container a {
    width: 100%;
    height: 100%;
		} */
}
@media screen and (max-width: 767px) {
div.know-how-accordian a.elementor-accordion-title:after {
    content: "";
    background: url("https://studiobene.fr/wp-content/uploads/2024/06/btm-arrow.png");
    width: 100%;
    background-size: contain;
    position: absolute;
    height: 30px;
    max-width: 30px;
    background-repeat: no-repeat;
    top: 15px;
    right: 20px;
}

}
@media screen and (max-width: 767px) {
		.btn-img-bx-all .elementor-image-box-wrapper {
    display: flex !important;
    flex-direction: row-reverse;
    gap: 10px;
}
	.btn-img-bx-all .elementor-image-box-wrapper figure.elementor-image-box-img {
    margin-left: 0 !important;
    margin-top: -10px !important;
}
	.btn-img-bx-all .elementor-image-box-wrapper .elementor-image-box-content {
    width: 98px;
}
.tabs-flex-sec .elementor-tabs-content-wrapper .elementor-tab-title.elementor-tab-mobile-title {
    display: none;
}
	   .tabs-flex-sec .elementor-tabs .elementor-tabs-wrapper {
 display: block !important;
 overflow-x: auto !important;
    }
	.tabs-flex-sec .elementor-tab-title {
    padding: 10px 14px;
    font-size: 20px !important;
}
	div.know-how-accordian .elementor-accordion-item .elementor-tab-title {
    text-align: start;
}
	.brand-section b {
    display: block;
}

.project-mobile-tab .elementor-tab-desktop-title {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

	.botm-sec-lnk a {
    color: #FFFFFF;
    font-family: "Crimson Text", Crimson text;
    font-size: 24px !important;
    font-weight: 700;
    text-transform: lowercase;
    font-style: normal;
    text-decoration: underline;
    word-spacing: 0px;
}
}

@media only screen and (max-width: 1024px) and (min-width: 767px)  {
	div.know-how-accordian a.elementor-accordion-title:after {
    content: "";
    background: url("https://studiobene.fr/wp-content/uploads/2024/06/btm-arrow.png");
    width: 100%;
    background-size: contain;
    position: absolute;
    height: 40px;
    max-width: 40px;
    background-repeat: no-repeat;
    top: 26px;
    right: 0px;
}
	.luce-page-anchor-tab a {
    font-size: 25px;
    line-height: 30px;
}
}


@media only screen and (max-width: 99999px) and (min-width: 1024px)  {
	.centr-tab-grd-col .elementor-tabs-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, auto);
    justify-content: center;
    text-align: center;
	  width: 100%;
    max-width: 83%;
}
 .centr-tab-grd-col .elementor-tab-title:nth-child(5) {
     grid-column: 2;
     grid-row: 2;
}
.centr-tab-grd-col .elementor-tab-title:nth-child(6) {
     grid-column: 3;
     grid-row: 2;
}
}
@media only screen and (max-width: 1180px) and (min-width: 1024px)  {
.secnd-tp-sec {
    padding-top: 50px;
}
	.tp-sec-frst .btn-img-bx-all {
    top: -24px !important;
    right: 150px !important;
}
	.btn-img-bx-all.arw-img {
    right: 75px !important;
    top: -5px !important;
}
	.mor-info-img-sec img {
    max-width: 85% !important;
}
	.mor-info-img-sec {
    top: 0px !important;
    right: -30px !important;
}
}

@media only screen and (max-width: 2050px) and (min-width: 1550px)  {
.frst-mor-projct-img {
    bottom: 140px !important;
    right: 245px !important;
}
}

.botm-sec-lnk a {
    color: #FFFFFF;
    font-family: "Crimson Text", Crimson text;
    font-size: 48px;
    font-weight: 700;
    text-transform: lowercase;
    font-style: normal;
    text-decoration: underline;
    word-spacing: 0px;
}

a.glink.nturl.notranslate.gt-current-lang {
    display: none;
}
.header-language-fr a.glink.nturl {
    color: var(--e-global-color-accent);
    font-family: "Fraunces", Crimson text;
    font-size: 20px;
    /* margin-bottom: -23px !important; */
}

.bottom-single .sharedaddy.sd-sharing-enabled {
    display: none;
}
.bottom-single div.sharedaddy {
    display: none;
}
.secnd-port-folio ul.elementor-portfolio__filters {
    display: grid !important;
    grid-template-columns: repeat(4, auto);
/*     justify-content: end; */
    text-align: center;
    width: 100%;
}

.secnd-port-folio ul.elementor-portfolio__filters li:nth-child(5) {
    grid-column: 2;
    grid-row: 2;
}

.secnd-port-folio ul.elementor-portfolio__filters li:nth-child(6) {
    grid-column: 3;
    grid-row: 2;
}
.secnd-port-folio li.elementor-portfolio__filter {
    padding: 10px 20px;
}
.secnd-port-folio li.elementor-portfolio__filter.elementor-active {
    background-image: url(https://studiobene.fr/wp-content/uploads/2024/09/hand-drawn-circles-arrows-collection_1188-370.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
div#home_video video.elementor-video {
    min-height: 300px !important;
    height: 700px;
}

/* Move the 3rd item to the position of the 6th item */
.secnd-port-folio ul.elementor-portfolio__filters li:nth-child(3) {
    grid-column: 3; /* Place the 3rd item in the 3rd column */
    grid-row: 2; /* Ensure it stays in the first row */
}

/* Move the 6th item to the position of the 3rd item */
.secnd-port-folio ul.elementor-portfolio__filters li:nth-child(6) {
    grid-column: 3; /* Place the 6th item in the 6th column */
    grid-row: 1; /* Ensure it stays in the first row */
}
.contact-hover-effect a:hover {
    color: #0000FF !important;
}
@media screen and (max-width: 480px) {
.elementor-element-77dce0a4 a {
    font-size: 32px;
    line-height: 32px;
}
}

@media screen and (min-width: 768px) {
div#home_video {
    width: 70%;
    margin: auto;
}
}

.accordiaon-background .elementor-tab-title:hover {
    background: #2b322a;
}

.accordiaon-background .elementor-tab-title:hover a.elementor-accordion-title {
    color: white;
}

div.know-how-accordian a.elementor-accordion-title:after {
}

.accordiaon-background .elementor-tab-title:hover a.elementor-accordion-title::after {
    filter: brightness(0) invert(1);
}