.mos-img img {display: none !important;}

:root {   
    --mxh-global-color: #f1f1f1;
    --mxh-base-skin: #c00;
    --mxh-black-color: #ffffff;
    --mxh-white-color: #000000;  
    --mxh-bgr-color: rgba( 0, 0, 0, 0.3); 
     --transition-base: all 0.5s ease-in-out;
    --transition-bezier: all .25s cubic-bezier(.645, .045, .355, 1);
}

/*----------------------------------------*/
/* 21 - Horizontal Snap
/*----------------------------------------*/
.mx-element-horizontal-snap-style-1 {
	transition: all 0.6s ease-in-out;
	background-color: var(--mxh-black-color);
	color: var(--mxh-white-color);
}
.mx-horizontal-snap-style-1 .mx-svg-btn a{
	transition: all 0.6s ease-in-out;
}
.mx-element-horizontal-snap-style-1 .mx-horizontal-snap-section {
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	flex-flow: row;
}
.mx-element-horizontal-snap-style-1 .mx-horizontal-snap-section .mx-hs-wrap {
	position: relative;
	display: flex;
	flex-flow: column;
	width: 100%;
	min-height: 100vh;
	justify-content: center;
	padding: 230px 0;
	overflow: hidden;
}
.mx-element-horizontal-snap-style-1 .mx-horizontal-snap-section .mx-ele-horizontal-snap {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
    background-color: var(--mxh-black-color);
    color: var(--mxh-white-color);
  counter-increment: count;
}
.mx-element-horizontal-snap-style-1 .mx-horizontal-snap-section .mx-ele-horizontal-snap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mx-element-horizontal-snap-style-1 .mx-horizontal-snap-section .mx-img {
	transition: all 1s ease-out;
	animation-delay: 2s;
	opacity: 0;
	display: block;
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.mx-element-horizontal-snap-style-1 .mx-ele-horizontal-snap.active .mx-img {
	opacity: 1;
}
.mx-horizontal-snap-style-1 .mx-hs-wrap .row li {
	float: left;
	width: 50%;
	padding-bottom: 8px;
	list-style: none;
	font-size: 16px;
}
.mx-horizontal-snap-style-1 .mx-hs-wrap h2 {
	font-size: 75px;
	font-family: 'Philosopher', sans-serif;
	line-height: normal;
	display: inline-block;
	margin-bottom: 30px;
    color: var(--mxh-white-color);
}
.mx-horizontal-snap-style-1 .mx-hs-wrap h2:hover {
	color: #773e3e;
}
.mx-horizontal-snap-style-1 .mx-hs-content{
	padding-right: 100px;
}
.mx-horizontal-snap-style-1 .step-subtitle {
	font-size: 18px;
	line-height: 20px;
    font-weight: normal;
	color: var(--mxh-base-skin);
}
.mx-horizontal-snap-style-1 .step-subtitle a {
	color: var(--mxh-base-skin);
}
.mx-horizontal-snap-style-1 .step-subtitle a:hover {
	color: #773e3e;
}
.mx-horizontal-snap-style-1 .step-subtitle span {
	margin-right: 20px;
}
.mx-horizontal-snap-style-1 .mx-svg-btn{
	margin: 50px 0 0;
	display: inline-block;
}
.mx-horizontal-snap-style-1 .mx-svg-btn a{
	padding: 20px 40px;
	background-color: var(--mxh-base-skin);
	color: #fff;
}
.mx-horizontal-snap-style-1 .mx-svg-btn:hover a{
	background-color: var(--mxh-white-color);
	color: var(--mxh-base-skin);
}
.mx-horizontal-snap-style-1 .mx-step-number {
	display: flex;
}
.mx-horizontal-snap-style-1 .mx-step-number h3.mx-number-percentage {
	position: relative;
	font-size: 100px;
	line-height: 100px;
	margin: 10px 0 0 0px;
	color: var(--mxh-global-color);
}
.mx-horizontal-snap-style-1 .mx-step-description {
	font-size: 26px;
	line-height: normal;
}
.mx-horizontal-snap-style-1 .step-description {
    color: var(--mxh-white-color);
}
.mx-horizontal-snap-style-1 .mx-svg-btn:hover svg line{
    stroke:var(--mxh-black-color)
}

@media(max-width:1600px) {
    .mx-element-horizontal-snap-style-1 .mx-horizontal-snap-section .mx-hs-wrap {
		padding: 250px 0;
	}
}
@media(max-width:1366px) {
    .mx-element-horizontal-snap-style-1 .mx-horizontal-snap-section .mx-hs-wrap {
		padding: 50px 0;
	}
}
@media(max-width:1000px) {
    .mx-element-horizontal-snap-style-1 .mx-horizontal-snap-section .mx-hs-wrap,
    .mx-element-horizontal-snap-style-1 .mx-horizontal-snap-section .mx-ele-horizontal-snap,
    .mx-element-horizontal-snap-style-1 .mx-horizontal-snap-section {
        display: block;
    }
    .mx-element-horizontal-snap-style-1 .mx-horizontal-snap-section .mx-ele-horizontal-snap {
        margin-bottom: 50px;
    }
    .mx-element-horizontal-snap-style-1 .mx-horizontal-snap-section .mx-ele-horizontal-snap:last-child {
        margin-bottom: 0;
    }
    .mx-element-horizontal-snap-style-1 .mx-horizontal-snap-section {
        height: inherit;
    }
    .mx-element-horizontal-snap-style-1 .mx-horizontal-snap-section .mx-hs-wrap {
        min-height: unset;
        padding: 0;
    }
    .mx-element-horizontal-snap-style-1 .mx-horizontal-snap-section .mx-hs-wrap .container {
        padding: 0;
    }
    .mx-element-horizontal-snap-style-1 .mx-horizontal-snap-section .mx-img {
        clip-path: inherit;
        position: inherit;
        opacity: 1;
        width: 100%;
        height: 500px;
        padding-top: 30px;
    }
    .mx-horizontal-snap-style-1 .mx-hs-wrap span {
        margin: 20px 0;
    }
}
@media (max-width: 575px) {
	.mx-horizontal-snap-style-1 .mx-hs-wrap .row li{
		width: 100%;
	}
	.mx-horizontal-snap-style-1 .mx-hs-wrap h2{
		font-size: 70px;
    	line-height: 80px;
	}
}
/** Style 2 */
.mx-element-horizontal-snap-style-2{
	overflow: hidden;
	background-color: var(--mxh-black-color);
	color: var(--mxh-white-color);
}
.mx-element-horizontal-snap-style-2 .mx-horizontal-snap-section {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    flex-flow: row;
}
.mx-element-horizontal-snap-style-2 .mx-horizontal-snap-section .mx-hs-wrap {
    position: relative;
    display: flex;
    flex-flow: column;
    width: 100%;
    min-height: 100vh;
    justify-content: center;
    padding: 335px 0;
}
.mx-element-horizontal-snap-style-2 .mx-horizontal-snap-section .mx-ele-horizontal-snap {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
    background-color: var(--mxh-black-color);
    color: var(--mxh-white-color);
  counter-increment: count;
}
.mx-element-horizontal-snap-style-2 .mx-horizontal-snap-section .mx-ele-horizontal-snap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mx-element-horizontal-snap-style-2 .mx-horizontal-snap-section .mx-img {
    clip-path: ellipse(60% 68% at 120% 50%);
    transition: all 1s ease-out;
    animation-delay: 2s;
    opacity: 0;
    display: block;
    width: 48%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.mx-horizontal-snap-style-2 .step-description p {
    margin-bottom:40px;
    font-weight: 500;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 1px;
}
.mx-horizontal-snap-style-2 .mx-hs-wrap p span {
    margin-right:20px;  
    text-transform: uppercase;  
	color: var(--mxh-white-color);
}

.mx-element-horizontal-snap-style-2 .mx-ele-horizontal-snap.active .mx-img {
    opacity: 1;
    clip-path: ellipse(60% 68% at 60% 50%);
}

.mx-horizontal-snap-style-2 .mx-btn.mx-hsanp-btn a {
    color: var(--mxh-white-color);
    padding: 16px 25px;
    display: inline-block;
    border: 1px solid var(--mxh-white-color);
}
.mx-horizontal-snap-style-2 .mx-btn.mx-hsanp-btn:hover a {
    border: 1px solid var(--mxh-global-color);
    background-color: var(--mxh-global-color);
}
.mx-horizontal-snap-style-2 .mx-hs-wrap h2 {
    font-size: 60px;
    line-height: 90px;
	color: var(--mxh-white-color);
	font-weight: 500;
}
.mx-horizontal-snap-style-2 .mx-hs-wrap .step-description{
	color: var(--mxh-white-color);
} 

.mx-horizontal-snap-style-2 .mx-svg-btn a{
	padding: 16px 25px;
}
.mx-horizontal-snap-style-2 .mx-svg-btn a:hover{
	background-color: var(--mxh-global-color);
	color: var(--mxh-white-color);
	border: 2px solid var(--mxh-global-color);
}
.mx-horizontal-snap-style-2 .mx-svg-btn a:hover svg line{
	stroke: var(--mxh-white-color);
}

.mx-ele-horizontal-snap .mxhor-box-number{
	font-size: 100px;
	line-height: 120px;
	position: relative;
	color: transparent;
    margin-left: auto;
    margin-right: auto;
	-webkit-text-stroke: 1px var(--mxh-bgr-color);
    font-weight: 700;
}
.mx-ele-horizontal-snap .mxhor-box-number::before {
  content: counters(count, ".", decimal-leading-zero);
  align-items: center;
}
@media(max-width:1600px) {
    .mx-element-horizontal-snap-style-2 .mx-horizontal-snap-section .mx-hs-wrap {
		padding: 250px 0;
	}
}
@media(max-width:1366px) {
    .mx-element-horizontal-snap-style-2 .mx-horizontal-snap-section .mx-hs-wrap {
		padding: 50px 0;
	}
}
@media(max-width:1000px) {
    .mx-element-horizontal-snap-style-2 .mx-horizontal-snap-section .mx-hs-wrap,
    .mx-element-horizontal-snap-style-2 .mx-horizontal-snap-section .mx-ele-horizontal-snap,
    .mx-element-horizontal-snap-style-2 .mx-horizontal-snap-section {
        display: block;
    }
    .mx-element-horizontal-snap-style-2 .mx-horizontal-snap-section .mx-ele-horizontal-snap {
        margin-bottom: 50px;
    }
    .mx-element-horizontal-snap-style-2 .mx-horizontal-snap-section .mx-ele-horizontal-snap:last-child {
        margin-bottom: 0;
    }
    .mx-element-horizontal-snap-style-2 .mx-horizontal-snap-section {
        height: inherit;
    }
    .mx-element-horizontal-snap-style-2 .mx-horizontal-snap-section .mx-hs-wrap {
        min-height: unset;
        padding: 0;
    }
    .mx-element-horizontal-snap-style-2 .mx-horizontal-snap-section .mx-hs-wrap .container {
        padding: 0;
    }
    .mx-element-horizontal-snap-style-2 .mx-horizontal-snap-section .mx-img {
        clip-path: inherit;
        position: inherit;
        opacity: 1;
        width: 100%;
        height: 500px;
        padding-top: 30px;
    }
    .mx-horizontal-snap-style-2 .mx-hs-wrap span {
        margin: 20px 0;
    }
}
@media (max-width: 575px) {
	.mx-horizontal-snap-style-2 .mx-hs-wrap .row li{
		width: 100%;
	}
	.mx-horizontal-snap-style-2 .mx-hs-wrap h2{
		font-size: 70px;
    	line-height: 80px;
	}
}
.btn-two {
    position: relative;
    width: auto;
    min-width: 210px;
    height: 50px;
    padding: 0px 50px 0px 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 1rem; 
    font-weight: 600;
    line-height: 1.75rem;
    text-transform: uppercase;
    color: var(--mxh-black-color);
    background: var(--mxh-base-skin);
    border-width: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    letter-spacing: 0.8px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: var(--transition-base);
    transition: var(--transition-base);
}

.btn-two:hover {
    background-color: var(--mxh-black-color);
    color: var(--mxh-base-skin);
    border: 1px solid var(--mxh-global-color);
    padding: 0px 0px 0px 50px;
}

.btn-two .btn-wrap {
    display: flex;
    align-items: center;
}

.btn-two .text-first {
    padding: 0px 20px;
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
}

.btn-two .text-second {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 0px;
    background-color: var(--mxh-global-color);
    color: var(--mxh-black-color);
    position: absolute;
    left: calc(100% - 50px);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    transition: var(--transition-base);
}

.btn-two:hover .text-second {
    left: 0%;
}

.btn-two .mx-svg-arrow {
  margin-left: 0px;
}
.btn-two svg {
  height: 10px;
}
.btn-two svg line {
    fill: none;
    stroke: var(--mxh-white-color);
    stroke-width: 2;
    stroke-miterlimit: 10;
}
.btn-two svg line:nth-child(1) {
    stroke-dasharray: 25px;
    stroke-dashoffset: 50px;
    transition: stroke-dashoffset 0.5s cubic-bezier(.61,1,.88,1);
}
.rev-btn:hover svg line{
    stroke-dashoffset: 0;
}