html{
	overflow-x:hidden!important;
	scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6, p, a, span, strong, div{
	font-family:"din"!important;
}

.oxel_flipbox__back{
	padding:32px 0px!important;
}

.cstm_marq > div {
	margin: 0 25px;
}










body{
	overflow-x:hidden!important;
}

#section-100-471 .ct-section-inner-wrap{
	margin:0px!important;
	max-width: 100%!important;
}





	.ps-menu .oxy-header-center{
		justify-content: right!important;
	}	
.ps-dashed{
	position:relative;
}
.ps-dashed::after{
	content: url("https://expansaksa.com/wp-content/uploads/2024/06/Picture1-1.png");
	margin-top:5px;
	position:absolute;
	left:0;
	bottom:-28px;
}





#_posts_grid-6-352 .oxy-post {
    width: 33%!important;
}
#_posts_grid-33-397 .oxy-post {
   width: 33%!important;
}
.cstm_scale {
	transition: all 0.2s;
}

.cstm_scale:hover {
	transform: scale(1.1);
}

#_nav_menu-9-148 .menu-item a {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.showbyscroll {
	opacity: 0;
	transition: all 0.2s;
}

.showbyscroll.show {
	opacity: 1;
}

.fadeIn.show {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  }
  @keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  } 

.fadeInUp.show {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }

.bounceInUp.show {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 3000px, 0);
  transform: translate3d(0, 3000px, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  }
  75% {
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
  }
  90% {
  -webkit-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
  }
  100% {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  }
  }
  @keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 3000px, 0);
  transform: translate3d(0, 3000px, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  }
  75% {
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
  }
  90% {
  -webkit-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
  }
  100% {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  }
  }

.zoomIn.show {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  }
  @keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  } 

.slideInLeft.show {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  @keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }

.slideInRight.show {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInRight {
  0% {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  @keyframes slideInRight {
  0% {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }

.bounceIn.show {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  20% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
  -webkit-transform: scale3d(.9, .9, .9);
  transform: scale3d(.9, .9, .9);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(1.03, 1.03, 1.03);
  transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
  -webkit-transform: scale3d(.97, .97, .97);
  transform: scale3d(.97, .97, .97);
  }
  100% {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  20% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
  -webkit-transform: scale3d(.9, .9, .9);
  transform: scale3d(.9, .9, .9);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(1.03, 1.03, 1.03);
  transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
  -webkit-transform: scale3d(.97, .97, .97);
  transform: scale3d(.97, .97, .97);
  }
  100% {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }

/* @keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}



.ps-zoom-up-animation:hover{
	transform: scale(1.1)!important;
	transition:all 0.5s ease-in-out!important;
}

.ps-zoom-up-animation{
	transition:all 0.5s ease-in-out;
} */

.ps-text-1 h1{
	color:#fff;
    font-family:Sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 64.4184px;
}

.sec-1-rich-text h1{
	color:#fff;
    font-family:Sans-serif;
	color:#fff;
    font-family:Sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 64.4184px;
}

.ps-underline{
	border-bottom:2px solid #BCE3B6;
}


.ps-btn-bfor::after {
    content: url(https://expansaksa.com/wp-content/uploads/2024/06/btn-art.png);
    position: absolute;
    z-index: 99999;
    right: 36%;
}



.ps-btn-bfor::before{
       content: url(https://expansaksa.com/wp-content/uploads/2024/06/banner-art.png);
    position: absolute;
    z-index: 99999;
    top: 62%;
    left: 38px;
}


.ps-star-bfor::before{
       content: url(https://expansaksa.com/wp-content/uploads/2024/06/icon-star.png);
    position: absolute;
    z-index: 99999;
    left:60px;
}



.sec-1-bfor::before{
       content: url(https://expansaksa.com/wp-content/uploads/2024/06/artis-1.png);
    position: absolute;
    z-index: 99999;
    left: -8px;
}


.sec-2-bfor::after {
    content: url(https://expansaksa.com/wp-content/uploads/2024/06/artis-2.png);
    position: absolute;
    z-index: 99999;
    right: 34%;
}

.sec-3-bfor::after {
    content: url(https://expansaksa.com/wp-content/uploads/2024/06/artis-3.png);
    position: absolute;
    z-index: 99999;
    right: 17%;
}

#shortcode-724-7{
	text-align:center;
}


#shortcode-235-7{
	text-align:center;
}

#wpforms-87-field_1-container input{
	height:60px;
}

#wpforms-87-field_2-container input{
	height:60px;
}


.ct-link-button{
	transition:all 0.6s ease-in-out
}


.ct-link-button:hover{
	background:transparent;
 border:2px solid #fff!important;
	padding:9px 24px!important;
	transition:all 0.6s ease-in-out
}


.wpforms-submit:hover{
	background:transparent!important;
 border:2px solid #fff!important;
transition:all 0.6s ease-in-out!important;
}


.wpforms-submit{
	background-color:#01311f!important;
	font-size:16px!important;
	width:145px!important;
	height:50px!important;
	border-radius:50px!important;
transition:all 0.6s ease-in-out!important;
}

.oxy-read-more:hover{
	background:transparent!important;
 border:2px solid #fff!important;
transition:all 0.6s ease-in-out!important;
}

.oxy-read-more{
	font-size:16px!important;
	border-radius:50px!important;
transition:all 0.6s ease-in-out!important;
}


@media screen and (max-width: 480px) {
	
	.ps-dashed::after { 
		content: url("https://expansaksa.com/wp-content/uploads/2024/06/Picture12-1.png");
	margin-top:5px;
	position:absolute;
	left:0;
	bottom:-20px;
  }

.sec-1-rich-text h1{
	color:#fff;
    font-family:Sans-serif;
    font-size: 32px;
    font-weight: 900;
    line-height: 1.2em;
    letter-spacing: 1.2px;
}
	
	
	#_header-2-148 .oxy-nav-menu-open{
		background-color:#01311f!important;
	}
	
	.oxel_logo_slider__logo	img{
		max-width: 100px!important;
	}
	
	.ps-menu .oxy-header-center{
		justify-content: right;
	}	
	
	.ps-btn-bfor::after	{
		    right: 10%;
	}
	
	.ps-btn-bfor::before{
		top: 38%;
    left: 14px;
	}

	
}