.elementor-34 .elementor-element.elementor-element-14a20e1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--overlay-opacity:1;--padding-top:130px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-34 .elementor-element.elementor-element-14a20e1:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-14a20e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://charcom.me/wp-content/uploads/2024/07/indiv-song_bkgd_2.jpg");background-position:top center;background-repeat:no-repeat;background-size:100% auto;}.elementor-34 .elementor-element.elementor-element-14a20e1::before, .elementor-34 .elementor-element.elementor-element-14a20e1 > .elementor-background-video-container::before, .elementor-34 .elementor-element.elementor-element-14a20e1 > .e-con-inner > .elementor-background-video-container::before, .elementor-34 .elementor-element.elementor-element-14a20e1 > .elementor-background-slideshow::before, .elementor-34 .elementor-element.elementor-element-14a20e1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-34 .elementor-element.elementor-element-14a20e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #03061800 0%, #030618 100%);}.elementor-34 .elementor-element.elementor-element-28176dd{text-align:center;}.elementor-34 .elementor-element.elementor-element-28176dd .elementor-heading-title{text-shadow:0px 0px 10px rgba(0, 0, 0, 0.8);}.elementor-34 .elementor-element.elementor-element-b15bb8d{--grid-columns:3;--grid-row-gap:40px;--load-more-message-alignment:center;--load-more-button-align:center;--grid-column-gap:40px;}@media(max-width:1024px){.elementor-34 .elementor-element.elementor-element-14a20e1:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-14a20e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://charcom.me/wp-content/uploads/2024/07/indiv-song_bkgd_2-1536x768.jpg");}.elementor-34 .elementor-element.elementor-element-14a20e1{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:100px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-34 .elementor-element.elementor-element-b15bb8d{--grid-columns:2;--grid-row-gap:30px;--grid-column-gap:30px;}}@media(max-width:767px){.elementor-34 .elementor-element.elementor-element-14a20e1:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-14a20e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://charcom.me/wp-content/uploads/2024/07/indiv-song_bkgd_2-1024x512.jpg");}.elementor-34 .elementor-element.elementor-element-14a20e1{--padding-top:80px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-34 .elementor-element.elementor-element-b15bb8d{--grid-columns:1;}}/* Start custom CSS */.square-flip{
/*-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;

-webkit-transform: perspective(1000px);
-moz-transform: perspective(1000px);
-ms-transform: perspective(1000px);
transform: perspective(1000px);

-webkit-transform-style: preserve-3d; 
-moz-transform-style: preserve-3d; 
-ms-transform-style: preserve-3d; 
transform-style: preserve-3d; */
position:relative;
float:left;

}
.square-flip{
   width:270px;
   	height:270px;
}
.square,.square2{
	width:100%;
	height:100%;
}
@media only screen and (min-width:480px) {
    .square-flip{
    	width:330px;
    	height:330px;
    }
}
@media only screen and (min-width:1025px) {
    .square-flip{
    	width:290px;
    	height:290px;
    }
}
@media only screen and (min-width:1200px) {
    .square-flip{
    	width:330px;
    	height:330px;
    }
}
.square{

	-ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
		transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
		-webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
	overflow: hidden;

	position:absolute;
	top:0;


	-webkit-backface-visibility: hidden; 
	backface-visibility: hidden;
}
.square-flip .square{
	/*-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	transform-style: preserve-3d;*/
	z-index:1;
}
.square-flip:hover .square{
	/*-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	transform-style: preserve-3d;*/
}


.square2{
	-ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
		transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
		-webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
	overflow: hidden;

	position:absolute;
	top:0;

	-webkit-backface-visibility: hidden; 
	backface-visibility: hidden;
}
.square-flip .square2{
	/*-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
	transform-style: preserve-3d;*/
	z-index:1;
}
.square-flip:hover .square2{
	/*-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	transform-style: preserve-3d;*/
	background:#567EA4;
	background:rgba(86,126,164,0.9);
}

/*Square content*/
.square-container{
    cursor: pointer;
	padding:40px 20px;
	text-align:center;
	position:relative;
	top:50%;

	-ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
		transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
		-webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);


	-webkit-transform: translateY(-50%) translateX(0px)  scale(1);
	-ms-transform: translateY(-50%) translateX(0px)  scale(1);
transform: translateY(-50%) translateX(0px)  scale(1);
	transform-style: preserve-3d;
	z-index:2;
}
.square-flip:hover .square-container{

	-webkit-transform: translateY(-50%) translateX(-650px)  scale(.88);
	-ms-transform: translateY(-50%) translateX(-650px)  scale(.88);
transform: translateY(-50%) translateX(-650px)  scale(.88);
	transform-style: preserve-3d;

}

.square-container2{
	padding:20px;
	text-align:center;
	position:relative;
	top:50%;

	-ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
		transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
		-webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);


	-webkit-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);
	-ms-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);
transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);

	transform-style: preserve-3d;
	z-index:2;
}
.square-flip:hover .square-container2{

	-webkit-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
	-ms-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
	transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
transform-style: preserve-3d;
}

/*Elements*/
.flip-overlay{
	display:block;
	/*background:rgba(0,0,0,0.5);*/
	width:100%;
	height:100%;
	position:absolute;
	top:0;
}/* End custom CSS */