.elementor-kit-5{--e-global-color-primary:#7B01F7;--e-global-color-secondary:#EBD9FE;--e-global-color-text:#17002D;--e-global-color-accent:#FFFFFF;--e-global-color-3803bfc:#F8F2FF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Barlow";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:24px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-11558c7-font-family:"Barlow";--e-global-typography-11558c7-font-size:1em;--e-global-typography-11558c7-font-weight:500;color:var( --e-global-color-text );font-family:"Barlow", Sans-serif;font-size:16px;font-weight:400;line-height:24px;background-color:var( --e-global-color-accent );}.elementor-kit-5 a{color:#7B01F7;font-family:"Barlow", Sans-serif;font-size:1em;font-weight:500;line-height:24px;letter-spacing:0px;}.elementor-kit-5 a:hover{color:var( --e-global-color-text );}.elementor-kit-5 h1{font-family:"Barlow", Sans-serif;font-size:64px;font-weight:600;line-height:80px;}.elementor-kit-5 h2{font-family:"Barlow", Sans-serif;font-size:48px;font-weight:500;line-height:68px;}.elementor-kit-5 h3{font-family:"Barlow", Sans-serif;font-size:36px;font-weight:500;line-height:48px;}.elementor-kit-5 h4{font-family:"Barlow", Sans-serif;font-size:28px;font-weight:500;line-height:40px;}.elementor-kit-5 h5{font-family:"Barlow", Sans-serif;font-size:24px;font-weight:500;line-height:28px;letter-spacing:0px;}.elementor-kit-5 h6{font-family:"Barlow", Sans-serif;font-size:20px;font-weight:400;line-height:32px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{color:var( --e-global-color-primary );background-color:#02010100;padding:0px 0px 0px 0px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-kit-5 label{color:#17002DA3;font-size:12px;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{color:var( --e-global-color-text );border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;padding:0px 0px 5px 0px;}.elementor-kit-5 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea:focus,.elementor-kit-5 .elementor-field-textual:focus{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){margin-bottom:0px;}.elementor-element{--widgets-spacing:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-kit-5 h1{font-size:38px;line-height:1.4em;}.elementor-kit-5 h2{font-size:32px;line-height:1.4em;}.elementor-kit-5 h3{font-size:28px;line-height:1.4em;}.elementor-kit-5 h4{font-size:24px;}.elementor-kit-5 h5{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html {
  overflow-x: hidden;
  scroll-behavior: smooth;
} 

body {
    overflow-x: hidden;
}

.text-center {
    text-align: center;
}

ul {
   font-family: "Barlow", Sans-serif
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -30%, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}
@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translate3d(-30%, 0, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}
@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translate3d(20%, 0, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 30%, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

@media only screen and (max-width: 1024px) {
    .elementor-kit-5 .fadeIn {
        animation-duration: 2s;
    }
}

@media only screen and (min-width: 1025px) {
    .text-highlight strong {
        --startColor: var(--e-global-color-secondary);
        --endColor: #fff;
        --startPos: -1%;
        --endPos: 0%;
        font-weight: 600;
        background: -webkit-linear-gradient(360deg, var(--startColor) var(--startPos),var(--endColor) var(--endPos));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

@media only screen and (max-width: 1024px) {
    .text-highlight strong {
        color: #962fff;
        font-weight: 600;
    }
}

/* Header */
header {
    position: fixed;
    width: 100vw;
    height: fit-content;
    z-index: 999;
}

/* List */
 ul.custom-list,
 .custom-list ul {
    padding: 0;
}

.custom-list li {
    display: flex;
}

.custom-list li:before {
    content: url(https://eps.my/wordpress-2023/wp-content/uploads/2023/07/bullet.svg);
    min-width: 14px;
    min-height: 14px;
    max-height: 14px;
    max-width: 14px;
    margin-top: 2px;
    margin-right: 5px;
}

/* Icon */
.elementor-icon {
    color: var( --e-global-color-text );
}

/* Link */
.custom-button,
.custom-button-box {
    width: fit-content; 
}

.button-white p.custom-link {
    color: var(--e-global-color-accent);
}

.elementor-kit-5 .custom-button-box a {
    background-color: var(--e-global-color-primary) ;
    color: var(--e-global-color-accent);
    padding: 15px 30px;
    border-radius: 20px;
}

.elementor-kit-5 .custom-button-box:hover a,
.elementor-kit-5 .custom-button-box a:hover {
    background-color: var(--e-global-color-text);
    color: var(--e-global-color-accent);
}

.elementor-kit-5 .custom-button-box.button-white a {
    border: solid 1px var(--e-global-color-accent);
}

.elementor-kit-5 .custom-button-box.button-white:hover a,
.elementor-kit-5 .custom-button-box.button-white a:hover {
    background: var(--e-global-color-accent); 
}

.elementor-kit-5 .custom-button-box.button-white:hover .custom-link,
.elementor-kit-5 .custom-button-box.button-white a:hover .custom-link { 
    color: var(--e-global-color-primary);
}

.button-black * {
    color: var(--e-global-color-text);
}

.custom-button,
.custom-link {
    cursor: pointer;
}

.custom-button .custom-link {
    color: var(--e-global-color-primary);
    font-size: 1em;
    text-align: left
}

.custom-button .custom-link.text-center {
    text-align: center;
}

.custom-button .custom-link,
.premium-blog-excerpt-link-wrap a,
.custom-button-box .custom-link  {
    width: fit-content;
    font-weight: 600;
    font-size: 15px
}

.custom-button .custom-link .arrow,
.premium-blog-excerpt-link-wrap .arrow,
.custom-button-box .custom-link .arrow,
.info-box .arrow {
    display: inline-block;
    position: relative;
    width: 1em;
    height: 0.8em;
    margin-left: 5px;
    padding-right: 30px;
}

.arrow:before {
    content: "";
    width: 20px;
    border-top: solid 1px;
    transition: 0.4s;
    display: inline-block;
    position: absolute;
    top: 53%;
}

.arrow:after {
    content: "";
    border: solid;
    border-width: 0 1px 1px 0;
    padding: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: 0.4s;
    display: inline-block;
    position: absolute;
    top: calc(53% - 4px);
    margin-left: 10px;
}

    
.custom-button.button-black:hover * {
    color: var(--e-global-color-accent); 
}

.custom-button.button-black:hover path { 
    fill : var(--e-global-color-accent) !important;
}

@media only screen and (min-width: 1025px) {
    .custom-button:hover .custom-link .arrow:before,
    .premium-blog-excerpt-link-wrap a:hover .arrow:before,
    .custom-button-box:hover .arrow:before {
        width: 40px;
    }
    
    .custom-button:hover .custom-link .arrow:after,
    .premium-blog-excerpt-link-wrap a:hover .arrow:after,
    .custom-button-box:hover .arrow:after {
        margin-left: 30px;
    }

}

@media only screen and (max-width: 767px) {
    .elementor-kit-5 .custom-button-box a {
        padding: 10px 30px;
    }
}

/*Section Slider*/
.section-slider > .swiper-horizontal,
.section-slider > .elementor-container,
.section-slider.ob-is-glider .ob-swiper-bundle {
    overflow: visible !important
}

.section-slider.ob-is-glider .swiper-button-next,.section-slider.ob-is-glider .swiper-button-prev {
    width: 40px !important;
    height: 40px !important;
}

.section-slider.ob-is-glider .swiper-button-next:after,.section-slider.ob-is-glider .swiper-button-prev:after {
    display: none;
}

.section-slider-primary.ob-is-glider .swiper-button-next path,
.section-slider-primary.ob-is-glider .swiper-button-prev path {
    fill: var( --e-global-color-primary );
}

.section-slider-primary.ob-is-glider .swiper-button-next:hover path,
.section-slider-primary.ob-is-glider .swiper-button-prev:hover path {
    fill: var( --e-global-color-accent );
}

.section-slider-secondary.ob-is-glider .swiper-button-next path,
.section-slider-secondary.ob-is-glider .swiper-button-prev path {
    fill: var( --e-global-color-accent );
}

/* Info Box */
@media only screen and (min-width: 1025px) and (max-width: 1140px) {
    .info-box .elementor-widget-container {
        max-height: 470px;
        min-height: 470px; 
    }
}

@media only screen and (min-width: 1141px) and (max-width: 1240px) {
    .info-box .elementor-widget-container {
        max-height: 440px;
        min-height: 440px;
    }
}

@media only screen and (min-width: 1241px) and (max-width: 1280px) {
    .info-box .elementor-widget-container {
        max-height: 400px;
        min-height: 400px;
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1360px) {
    .info-box .elementor-widget-container {
        max-height: 370px;
        min-height: 370px;
    }
}

@media only screen and (min-width: 1361px) {
    .info-box .elementor-widget-container {
        max-height: 340px;
        min-height: 340px;
    }
}

@media only screen and (min-width: 1025px) {
    .info-box,
    .region-box {
        --hovered-height: 0px;
    }
    
    .info-box {
        --initial-height: 40px;
    }
    
    .region-box {
        --initial-height: 58px;
    }
    
    .region-box .region-box-container {
        height: 100%;
    }
    
    .info-box .elementor-widget-container {
        display: flex;
    }
    
    .region-box .region-box-container {
        max-height: 428px;
    }
    
    .info-box .elementor-icon-box-wrapper, .region-box .region-box-container > .e-con-inner {
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between;
        align-items: flex-start !important;
        min-height: 100%;
    }
    
    .info-box .elementor-icon-box-icon {
        margin-left: 0 !important;
    }
    
    .info-box.elementor-widget-icon-box .elementor-icon-box-content, .region-box .region-box-container .region-content {
        flex-grow: 0;
        height: var(--initial-height);
        overflow: hidden;
        transition: height .45s cubic-bezier(.155,1.205,.295,1.12) .02s;
    }
    
    .info-box.elementor-widget-icon-box:hover .elementor-icon-box-content,
    .region-box:hover .region-box-container .region-content {
        height:  var(--hovered-height);
    }
    
    .info-box.elementor-widget-icon-box:hover .elementor-widget-container,
    .region-box:hover {
        border-color: var(--e-global-color-primary) !important;
    }
    
    .region-box .region-icon .elementor-icon {
        font-size: 110px;
    }
    
    .info-box.elementor-widget-icon-box .elementor-icon,
    .region-box .region-icon .elementor-icon {
        transition: font-size .45s cubic-bezier(.155,1.205,.295,1.12)
    }
    
    .info-box.elementor-widget-icon-box:hover .elementor-icon,
    .region-box:hover .region-icon .elementor-icon {
        font-size: 40px !important;
    }
    
    .info-box.elementor-widget-icon-box .elementor-icon path,
    .region-box .region-icon path {
        transition: fill 0.45s;
    }
    
    .info-box.elementor-widget-icon-box:hover .elementor-icon path,
    .region-box:hover .region-icon path {
        fill: var(--e-global-color-primary) !important;
    }
    
    .info-box.elementor-widget-icon-box .elementor-icon-box-title {
        transition: 0.45s;
        position: relative;
    }
    
    .info-box.elementor-widget-icon-box:hover .elementor-icon-box-title,
    .region-box:hover .region-content .elementor-widget-heading {
        color: var(--e-global-color-primary);
    }
     
    .info-box .elementor-icon-box-title .arrow,
    .region-box .elementor-widget-heading .arrow {
        margin-left: 10px;
        display: inline-block;
        position: relative;
        width: 1em;
        height: 0.8em;
    }
}


.cta .cta-text {
    max-width: 780px !important;
    margin: 0 auto;
    line-height: 1.7em;
}/* End custom CSS */