:root{
	/* Color */
	--primary_color: #FB6C51;
	--secondary_color: #272727;

	/* Font Size */
	--jumbo_taxt: 3rem;
	--title: 1.5rem;
	--jumbo_m-size: 2.4rem;
	--sub_title: .9rem;
	--cont_heading: 1.1rem;
	--containt: .9rem;
}

.zoom{
     transition: 1.9s;
     transform: scale(1.1);
}

.zoom:hover{
     transform: scale(1.2);
}

.btn-marx{
     position: relative;
     overflow: hidden;
     border: 2px solid var(--primary_color);
     padding: 8px 25px;
}

.btn-marx span{
     color: #fff;
     transition: 0.3s;
     position: relative;
     z-index: 1;
}

.btn-marx:hover span{
     color: var(--primary_color);
}

.btn-marx::after{
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     background-color: var(--secondary_color);
     width: 100%;
     height: 100%;
     transition: 0.3s ease;
     transform: skewX(1);
     transform-origin: left;
     background-color: #FB6C51;
}

.btn-marx:hover::after{
     width: 0;
     transform: skewX(0);
     transform-origin: left; 
}

.divider{
     background-color: rgb(230, 230, 230);
     width: 100%;
     height: 1px;
}