.elementor-kit-4{--e-global-color-primary:#0066FF;--e-global-color-secondary:#040015;--e-global-color-text:#4D4D4D;--e-global-color-accent:#CCE0FF;--e-global-color-ea13bc7:#18D7BB;--e-global-color-9fe0755:#0A4B4E;--e-global-color-7472540:#FAFAFA;--e-global-color-fb65282:#F5F5F5;--e-global-color-fdb9c38:#041D3A;--e-global-color-9ec8a02:#FFFFFF;--e-global-color-6a53035:#18D7BB;--e-global-color-f762e03:#0A4B4E;--e-global-color-4b1791a:#FAFAFA;--e-global-color-72a2b59:#F5F5F5;--e-global-color-c3b7f5f:#FFFFFF;--e-global-color-dbdce1e:#FE5E53;--e-global-color-1101332:#C3C3C3;--e-global-color-ae25148:#CC9254;--e-global-color-894091b:#A3723E;--e-global-color-56b6c1e:#9F202D;--e-global-color-8bed5e8:#8D191F;--e-global-color-bc782a1:#E9F1F6;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:54px;--e-global-typography-primary-line-height:76px;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"DM Sans";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-line-height:44px;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-size:24px;--e-global-typography-text-line-height:34px;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-line-height:28px;--e-global-typography-f81dbca-font-family:"DM Sans";--e-global-typography-f81dbca-font-size:18px;--e-global-typography-f81dbca-line-height:1.5em;--e-global-typography-d1431b6-font-family:"DM Sans";--e-global-typography-d1431b6-font-size:16px;--e-global-typography-d1431b6-line-height:1.5em;--e-global-typography-2b02fd5-font-family:"DM Sans";--e-global-typography-2b02fd5-font-size:12px;--e-global-typography-2b02fd5-line-height:1.4em;--e-global-typography-7d2bd2f-font-family:"DM Sans";--e-global-typography-7d2bd2f-font-size:18px;--e-global-typography-7d2bd2f-line-height:1.5em;--e-global-typography-e8963c0-font-family:"Montserrat";background-color:var( --e-global-color-7472540 );color:var( --e-global-color-text );font-family:"DM Sans", Sans-serif;font-size:20px;line-height:28px;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{color:var( --e-global-color-primary );font-family:"DM Sans", Sans-serif;line-height:28px;}.elementor-kit-4 h4{color:var( --e-global-color-secondary );font-family:"Montserrat", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4{--e-global-typography-primary-font-size:40px;--e-global-typography-primary-line-height:52px;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-size:29px;--e-global-typography-secondary-line-height:40px;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-size:22px;--e-global-typography-text-line-height:32px;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-size:18px;--e-global-typography-accent-line-height:24px;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-d1431b6-font-size:14px;--e-global-typography-d1431b6-line-height:20px;--e-global-typography-2b02fd5-font-size:12px;--e-global-typography-2b02fd5-line-height:17px;font-size:18px;line-height:24px;letter-spacing:0px;}.elementor-kit-4 a{font-size:18px;line-height:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*HK CSS*/
/* fonts */
h1, h2, h3, h4, h5, h6{
    font-family: 'Montserrat', sans-serif !important;
}
.counter_number 
{
   font-family: 'Montserrat', sans-serif !important; 
}

/* added on 23 jan 2022 */
.elementor-headline-dynamic-text, 
.elementor-counter-number,
.elementor-counter-number-suffix
{
    font-family: 'Montserrat', sans-serif !important; 
}


.hero_header 
{
     font-family: 'Montserrat', sans-serif !important;
}


p.elementor-heading-title{
	font-family: 'DM Sans', sans-serif !important;
}

.e-hotspot__tooltip, li{
    font-family: 'DM Sans', sans-serif !important;
}

.elementor-post__title a{
    font-family: 'DM Sans', sans-serif !important;
}

.elementor-post__excerpt p{
    font-family: 'DM Sans', sans-serif !important;
    /*font-weight: 500 !important;*/
}

p.elementor-blockquote__content{
    font-family: 'DM Sans', sans-serif !important;
}

.elementor-post__title a{
    font-family: 'DM Sans', sans-serif !important;
}

.e-hotspot__tooltip{
    font-family: 'DM Sans', sans-serif !important;
}


a.elementor-toggle-title{
    font-family: 'DM Sans', sans-serif !important;
}

h5.digital_title strong{
    font-family: 'DM Sans', sans-serif !important;
}

div.elementor-widget-theme-post-content li{
    font-family: 'DM Sans', sans-serif !important;
}

p.elementor-icon-box-title span{
     font-family: 'DM Sans', sans-serif !important;
}


/* all in the base css 


.arrow-button-move {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    position: relative;
    align-items: center;
    font-size: 16px;
    font-family: "DM Sans", Sans-serif;
    white-space: nowrap;
    text-decoration: none;
    letter-spacing: 0.3;
    padding: 16px 43px;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid transparent;
    line-height: 1.15;
	font-weight:600;
}

.arrow-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    align-items: center;
    font-size: 16px;
    font-family: "DM Sans", Sans-serif;
    white-space: nowrap;
    text-decoration: none;
    letter-spacing: 0.3;
    padding: 0px 20px;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid transparent;
    display: inline-flex;
}
.arrow-button:not(.stroke):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    opacity: 0;
    transition: opacity .3s ease-in;
}
.arrow-button .arrow {
    width: 1rem;
    transition: left .5s;
}
.arrow-button .arrow--left {
    position: absolute;
    top: 50%;
    left: .5rem;
}
.arrow-button .arrow--left>.shaft, .arrow-button .arrow--left>.shaft:after, .arrow-button .arrow--left>.shaft:before {
    width: 0;
}
.arrow-button .arrow--left>.shaft:after, .arrow-button .arrow--left>.shaft:before {
    transform: rotate(0);
}
.arrow-button .arrow--right>.shaft {
    width: 24px;
    transition-delay: .5s;
}
.arrow-button .arrow--right>.shaft:after, .arrow-button .arrow--right>.shaft:before {
    width: .4rem;
    transition-delay: .1s;
}
.arrow-button .arrow--right>.shaft:before {
    transform: rotate(40deg);
}
.arrow-button .arrow--right>.shaft:after {
    transform: rotate(-40deg);
}
.arrow-button .arrow--right>.shaft.checked {
    transform: rotate(135deg);
}
.arrow-button .arrow--right>.shaft.checked:before {
    transform: rotate(-90deg);
}
.arrow-button .arrow--right>.shaft.checked:after {
    opacity: 0;
}
.arrow-button .arrow>.shaft {
    display: block;
    height: .05rem;
    min-height: 1px;
    position: relative;
    transition: width .5s, transform .5s;
    transition-delay: 0s;
}
.arrow-button .arrow>.shaft:after, .arrow-button .arrow>.shaft:before {
    content: "";
    display: block;
    position: absolute;
    height: .05rem;
    min-height: 1px;
    top: 0;
    right: 0;
    background-color: inherit;
    transition: width .5s, transform .5s;
    transition-delay: 0s;
}
.arrow-button .arrow>.shaft:before {
    transform-origin: top right;
}
.arrow-button .arrow>.shaft:after {
    transform-origin: bottom right;
}
.arrow-button>.main {
    display: flex;
    align-items: center;
    transition: transform .5s;
}
.arrow-button>.main>.text {
    margin: 0 8px;
    text-align: left;
}

.arrow-button>.main>.text {
        min-width: 10px;
    }

.arrow-button>.main>.arrow {
     position: relative;
 }
.arrow-button:not(.checked).hover-state:not(.stroke):before, .arrow-button:not(.checked):hover:not(.stroke):before {
    opacity: 1;
}
.arrow-button:not(.checked).hover-state>.arrow--left, .arrow-button:not(.checked):hover>.arrow--left {
    left: 1.5rem;
}
.arrow-button:not(.checked).hover-state>.arrow--left>.shaft, .arrow-button:not(.checked):hover>.arrow--left>.shaft {
    width: 24px;
    transition-delay: .1s;
}
.arrow-button:not(.checked).hover-state>.arrow--left>.shaft:after, 
.arrow-button:not(.checked).hover-state>.arrow--left>.shaft:before, 
.arrow-button:not(.checked):hover>.arrow--left>.shaft:after, 
.arrow-button:not(.checked):hover>.arrow--left>.shaft:before {
    width: .4rem;
    transition-delay: .1s;
}
.arrow-button:not(.checked).hover-state>.arrow--left>.shaft:before, 
.arrow-button:not(.checked):hover>.arrow--left>.shaft:before {
    transform: rotate(40deg);
}
.arrow-button:not(.checked).hover-state>.arrow--left>.shaft:after, 
.arrow-button:not(.checked):hover>.arrow--left>.shaft:after {
    transform: rotate(-40deg);
}
.arrow-button:not(.checked).hover-state>.main, 
.arrow-button:not(.checked):hover>.main {
    transform: translate3d(2rem, 0, 0);
}
.arrow-button:not(.checked).hover-state>.main>.arrow--right>.shaft, 
.arrow-button:not(.checked):hover>.main>.arrow--right>.shaft {
    width: 0;
    transform: translate3d(200%, 0, 0);
    transition-delay: 0s;
}
.arrow-button:not(.checked).hover-state>.main>.arrow--right>.shaft:after, 
.arrow-button:not(.checked).hover-state>.main>.arrow--right>.shaft:before, .arrow-button:not(.checked):hover>.main>.arrow--right>.shaft:after, 
.arrow-button:not(.checked):hover>.main>.arrow--right>.shaft:before {
    width: 0;
    transition: width .1s, transform .1s;
    transition-delay: 0s;
}
.arrow-button:not(.checked).hover-state>.main>.arrow--right>.shaft:after, 
.arrow-button:not(.checked).hover-state>.main>.arrow--right>.shaft:before, .arrow-button:not(.checked):hover>.main>.arrow--right>.shaft:after, 
.arrow-button:not(.checked):hover>.main>.arrow--right>.shaft:before {
    transform: rotate(0);
    opacity: 0;
}
.text {
    font-size: 16px;
    font-weight: 600;
}

.arrow-button-move {
     display: inline-flex;
     line-height: 1.15;
 }
.arrow-button-move:not(.stroke):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    opacity: 0;
    transition: opacity .3s ease-in;
}
.arrow-button-move .arrow {
    width: 1rem;
    transition: left .5s;
}
.arrow-button-move .arrow--left {
    position: absolute;
    top: 50%;
    left: .5rem;
}
.arrow-button-move .arrow--left>.shaft, .arrow-button-move .arrow--left>.shaft:after, .arrow-button-move .arrow--left>.shaft:before {
    width: 0;
}
.arrow-button-move .arrow--left>.shaft:after, .arrow-button-move .arrow--left>.shaft:before {
    transform: rotate(0);
}
.arrow-button-move .arrow--right>.shaft {
    width: 24px;
    transition-delay: .5s;
}
.arrow-button-move .arrow--right>.shaft:after, .arrow-button-move .arrow--right>.shaft:before {
    width: .4rem;
    transition-delay: .1s;
}
.arrow-button-move .arrow--right>.shaft:before {
    transform: rotate(40deg);
}
.arrow-button-move .arrow--right>.shaft:after {
    transform: rotate(-40deg);
}
.arrow-button-move .arrow--right>.shaft.checked {
    transform: rotate(135deg);
}
.arrow-button-move .arrow--right>.shaft.checked:before {
    transform: rotate(-90deg);
}
.arrow-button-move .arrow--right>.shaft.checked:after {
    opacity: 0;
}
.arrow-button-move .arrow>.shaft {
    display: block;
    height: .05rem;
    min-height: 1px;
    position: relative;
    transition: width .5s, transform .5s;
    transition-delay: 0s;
}
.arrow-button-move .arrow>.shaft:after, .arrow-button-move .arrow>.shaft:before {
    content: "";
    display: block;
    position: absolute;
    height: .05rem;
    min-height: 1px;
    top: 0;
    right: 0;
    background-color: inherit;
    transition: width .5s, transform .5s;
    transition-delay: 0s;
}
.arrow-button-move .arrow>.shaft:before {
    transform-origin: top right;
}
.arrow-button-move .arrow>.shaft:after {
    transform-origin: bottom right;
}
.arrow-button-move>.move {
    display: flex;
    align-items: center;
    transition: transform .5s;
}
.arrow-button-move>.move>.text {
    margin: 0 1rem 0 0;
    text-align: left;
    min-width: 7rem;
}

.arrow-button-move>.move>.text {
        min-width: 10px;
    }

.arrow-button-move>.move>.arrow {
     position: relative;
 }
.arrow-button-move:not(.checked).hover-state:not(.stroke):before, .arrow-button-move:not(.checked):hover:not(.stroke):before {
    opacity: 1;
}
.arrow-button-move:not(.checked).hover-state>.arrow--left, .arrow-button-move:not(.checked):hover>.arrow--left {
    left: 1.5rem;
}
.arrow-button-move:not(.checked).hover-state>.arrow--left>.shaft, .arrow-button-move:not(.checked):hover>.arrow--left>.shaft {
    width: 24px;
    transition-delay: .1s;
}
.arrow-button-move:not(.checked).hover-state>.arrow--left>.shaft:after, .arrow-button-move:not(.checked).hover-state>.arrow--left>.shaft:before, .arrow-button-move:not(.checked):hover>.arrow--left>.shaft:after, .arrow-button-move:not(.checked):hover>.arrow--left>.shaft:before {
    width: .4rem;
    transition-delay: .1s;
}
.arrow-button-move:not(.checked).hover-state>.arrow--left>.shaft:before, .arrow-button-move:not(.checked):hover>.arrow--left>.shaft:before {
    transform: rotate(40deg);
}
.arrow-button-move:not(.checked).hover-state>.arrow--left>.shaft:after, .arrow-button-move:not(.checked):hover>.arrow--left>.shaft:after {
    transform: rotate(-40deg);
}
.arrow-button-move:not(.checked).hover-state>.move, .arrow-button-move:not(.checked):hover>.move {
    transform: translate3d(2rem, 0, 0);
}
.arrow-button-move:not(.checked).hover-state>.move>.arrow--right>.shaft, .arrow-button-move:not(.checked):hover>.move>.arrow--right>.shaft {
    width: 0;
    transform: translate3d(200%, 0, 0);
    transition-delay: 0s;
}
.arrow-button-move:not(.checked).hover-state>.move>.arrow--right>.shaft:after, .arrow-button-move:not(.checked).hover-state>.move>.arrow--right>.shaft:before, .arrow-button-move:not(.checked):hover>.move>.arrow--right>.shaft:after, .arrow-button-move:not(.checked):hover>.move>.arrow--right>.shaft:before {
    width: 0;
    transition: width .1s, transform .1s;
    transition-delay: 0s;
}
.arrow-button-move:not(.checked).hover-state>.move>.arrow--right>.shaft:after, .arrow-button-move:not(.checked).hover-state>.move>.arrow--right>.shaft:before, .arrow-button-move:not(.checked):hover>.move>.arrow--right>.shaft:after, .arrow-button-move:not(.checked):hover>.move>.arrow--right>.shaft:before {
    transform: rotate(0);
    opacity: 0;
}

.arrow-button-slider-l, .arrow-button-slider-r, 
.arrow-button-testemonial-l, .arrow-button-testemonial-r{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    padding: 26px 15px;
    border-radius: 30px;
    cursor: pointer;
    border: 1px solid transparent;
    background-color: #cce0ff;
}

.arrow-button-slider-l:not(.stroke):before,.arrow-button-slider-r:not(.stroke):before,
.arrow-button-testemonial-l:not(.stroke):before,.arrow-button-testemonial-r:not(.stroke):before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: #0066ff;
    opacity: 0;
    transition: opacity .3s ease-in;
}
.arrow-button-slider-l .arrow--right>.shaft, .arrow-button-slider-r .arrow--right>.shaft,
.arrow-button-testemonial-l .arrow--right>.shaft, .arrow-button-testemonial-r .arrow--right>.shaft{
    width: 24px;
    background-color: #0066ff;
}

.arrow-button-slider-l:hover .arrow--right>.shaft, .arrow-button-slider-r:hover .arrow--right>.shaft,
.arrow-button-testemonial-l:hover .arrow--right>.shaft, .arrow-button-testemonial-r:hover .arrow--right>.shaft{
    width: 24px;
    background-color: #ffffff;
}
.arrow-button-slider-l .arrow--right>.shaft:after, .arrow-button-slider-l .arrow--right>.shaft:before, .arrow-button-slider-r .arrow--right>.shaft:after, .arrow-button-slider-r .arrow--right>.shaft:before,
.arrow-button-testemonial-l .arrow--right>.shaft:after, .arrow-button-testemonial-l .arrow--right>.shaft:before, .arrow-button-testemonial-r .arrow--right>.shaft:after, .arrow-button-testemonial-r .arrow--right>.shaft:before{
    width: .5rem;
    transition-delay: .1s;
}
.arrow-button-slider-l .arrow--right>.shaft:before, .arrow-button-slider-r .arrow--right>.shaft:before,
.arrow-button-testemonial-l .arrow--right>.shaft:before, .arrow-button-testemonial-r .arrow--right>.shaft:before{
    transform: rotate(40deg);
}
.arrow-button-slider-l .arrow--right>.shaft:after, .arrow-button-slider-r .arrow--right>.shaft:after,
.arrow-button-testemonial-l .arrow--right>.shaft:after, .arrow-button-testemonial-r .arrow--right>.shaft:after{
    transform: rotate(-40deg);
}
.arrow-button-slider-l .arrow--right>.shaft.checked, .arrow-button-slider-r .arrow--right>.shaft.checked,
.arrow-button-testemonial-l .arrow--right>.shaft.checked, .arrow-button-testemonial-r .arrow--right>.shaft.checked{
    transform: rotate(135deg);
}
.arrow-button-slider-l .arrow--right>.shaft.checked:before, .arrow-button-slider-r .arrow--right>.shaft.checked:before,
.arrow-button-testemonial-l .arrow--right>.shaft.checked:before, .arrow-button-testemonial-r .arrow--right>.shaft.checked:before{
    transform: rotate(-90deg);
}
.arrow-button-slider-l .arrow--right>.shaft.checked:after, .arrow-button-slider-r .arrow--right>.shaft.checked:after,
.arrow-button-testemonial-l .arrow--right>.shaft.checked:after, .arrow-button-testemonial-r .arrow--right>.shaft.checked:after{
    opacity: 0;
}
.arrow-button-slider-l .arrow>.shaft, .arrow-button-slider-r .arrow>.shaft,
.arrow-button-testemonial-l .arrow>.shaft, .arrow-button-testemonial-r .arrow>.shaft{
    display: block;
    height: .05rem;
    min-height: 1px;
    position: relative;
    transition: width .5s, transform .5s;
    transition-delay: 0s;
}
.arrow-button-slider-l .arrow>.shaft:after, .arrow-button-slider-l .arrow>.shaft:before,
.arrow-button-testemonial-l .arrow>.shaft:after, .arrow-button-testemonial-l .arrow>.shaft:before{
    content: "";
    display: block;
    position: absolute;
    height: .05rem;
    min-height: 1px;
    top: 0;
    left: 0;
    background-color: inherit;
    transition: width .5s, transform .5s;
    transition-delay: 0s;
}
.arrow-button-slider-r .arrow>.shaft:after, .arrow-button-slider-r .arrow>.shaft:before,
.arrow-button-testemonial-r .arrow>.shaft:after, .arrow-button-testemonial-r .arrow>.shaft:before  {
    content: "";
    display: block;
    position: absolute;
    height: .05rem;
    min-height: 1px;
    top: 0;
    right: 0;
    background-color: inherit;
    transition: width .5s, transform .5s;
    transition-delay: 0s;
}
.arrow-button-slider-l .arrow>.shaft:before, 
.arrow-button-testemonial-l .arrow>.shaft:before{
    transform-origin: top left;
}
.arrow-button-slider-l .arrow>.shaft:after,
.arrow-button-testemonial-l .arrow>.shaft:after{
    transform-origin: bottom left;
}
.arrow-button-slider-r .arrow>.shaft:before,
.arrow-button-testemonial-r .arrow>.shaft:before{
    transform-origin: top right;
}
.arrow-button-slider-r .arrow>.shaft:after,
.arrow-button-testemonial-r .arrow>.shaft:after{
    transform-origin: bottom right;
}
.arrow-button-slider-l:not(.checked).hover-state:not(.stroke):before, .arrow-button-slider-l:not(.checked):hover:not(.stroke):before, .arrow-button-slider-r:not(.checked).hover-state:not(.stroke):before, .arrow-button-slider-r:not(.checked):hover:not(.stroke):before,
.arrow-button-testemonial-l:not(.checked).hover-state:not(.stroke):before, .arrow-button-testemonial-l:not(.checked):hover:not(.stroke):before, .arrow-button-testemonial-r:not(.checked).hover-state:not(.stroke):before, .arrow-button-testemonial-r:not(.checked):hover:not(.stroke):before{
    opacity: 1;
}
*/
.mySlideNums, .myTestemonialNums , .mySlidemNums, .myTestemonialmNums {
    color: rgb(4, 0, 21);
    font-family: DM Sans;
    font-size: 24px;
    font-weight: 500;
    height: 34px;
    line-height: 34px;
    width: 32px;
}
.underline-anim .elementor-icon-list-text:after{
    bottom: 6px;
}
.underline-anim .elementor-heading-title:after{
    bottom: 0px;
}
.underline-anim .menu-item:after{
    bottom: 0px;
}
.ekit-menu-nav-link:after{
    bottom: 28px;
    left: 15px!important;
}

@media(min-width:800px){
.underline-anim .elementor-icon-list-text:after , 
.underline-anim .elementor-heading-title:after ,
.underline-anim .menu-item:after ,
.ekit-menu-nav-link:after{
    content: "";
    position: absolute;
    left:0;
    width: 0;
    height: .15rem;
    background-color: #06f;
    transition: width .2s;
}
.underline-anim .elementor-icon-list-text:hover:after , 
.underline-anim .elementor-heading-title:hover:after ,
.underline-anim .menu-item:hover:after,
.ekit-menu-nav-link:hover:after{
    width: 30px;
}
.underline-anim .current_page_item ,
.ekit-menu-nav-link{
    display: inline-block;
}

.underline-anim .elementor-icon-list-text.current_page_item:after ,
.underline-anim .elementor-heading-title.current_page_item:after ,
.underline-anim .current_page_item:after{
    width: 100%;
}
.ekit-menu-nav-link.active:after{
     width: calc(100% - 30px);
}

.elementor-toggle-item {
    border-radius: 5px;
}}

.elementor-accordion-title{
    display: flex;
}
.elementor-heading-title a{
    color: #0066ff!important;
}
li {
    padding-bottom: 8px;
}
.text{
    font-family: 'DM Sans';
}


    #accounting-stepProgressBar  {
    	display:  flex;
    	justify-content:  space-between;
    	width: 500px;
    }

    .accounting-step  {
    text-align:  center;
    display: flex;
    }
    
    .accounting-bullet {
    	height: 30px;
    	width: 30px;
    	display: inline-block;
    	position: relative;
        line-height:30px;
    }
    .accounting-bullet.completed::after {
    	content: '';
    	position: absolute;
    	height: 5px;
    	width: 78px;
    	top: 12px;
    	background-color: #0066ff;
    }
    .hidden  {
    	display:  none;
    }
    .text-center  {
    	text-align:  center;
    }
    .accounting-container  {
    	max-width:  400px;
    	margin:  0  auto;
    	margin-top:  20px;
    	padding:  40px;
    }
    .hide-svg{
        display: none;
    }
    .accounting-progress-line{
        position: absolute;
        top: 12px;
        left: 15px;
        height: 5px;
        width: 466px;
        background: #cce0ff;
    }
    .accounting-price-content{
        font-family: "DM Sans", Sans-serif;
        font-size: 32px;
        font-weight: bold;
        line-height: 44px;
        letter-spacing: 0px;
        color: #0066ff;
    }
    
@media only screen and (max-width: 600px) {
        #accounting-stepProgressBar  {
    	display:  flex;
    	justify-content:  space-between;
    	width: 280px;
    }
    .accounting-container  {
    	max-width:  300px;
    	margin:  0  auto;
    	margin-top:  20px;
    	padding:  40px;
    }
    .accounting-progress-line{
        position: absolute;
        top: 10px;
        left: 15px;
        height: 5px;
        width: 244px;
        background: #cce0ff;
    }
    .accounting-bullet.completed::after {
    	content: '';
    	position: absolute;
    	height: 5px;
    	width: 44px;
    	top: 10px;
    	background-color: #0066ff;
    }
}

.post-template-default{
    padding: 0!important;
}



/* the css below has been added by fauzi 14 Dec 2021 */

div.elementor-widget-theme-post-content h1,
div.elementor-widget-theme-post-content h2,
div.elementor-widget-theme-post-content h3,
div.elementor-widget-theme-post-content h4
{
color: #040015;
font-weight: bold;
}


div.elementor-widget-theme-post-content p {
    font-family: 'DM Sans', sans-serif;
    line-height: 1.5;
    font-size: 18px;
    margin-top: 0px;
    margin-bottom:20px;
}

div.elementor-widget-theme-post-content li {
    line-height: 1.5;
    font-size: 18px;
    margin-top: 0px;
}

div.elementor-widget-theme-post-content ol,
div.elementor-widget-theme-post-content ul
{
    margin-bottom: 20px;
}

div.elementor-widget-theme-post-content h1
{
    font-size: 54px;
}

div.elementor-widget-theme-post-content h2
{
    font-size: 32px;
    margin-bottom:40px;
    margin-top:40px;
}

div.elementor-widget-theme-post-content h3 
{
    font-size: 26px;
    margin-top: 30px;
    margin-bottom:30px;

}

div.elementor-widget-theme-post-content h4
{
    font-size: 22px;
    margin-top: 30px;
    margin-bottom:30px;

}

@media only screen and (max-width: 800px) { 
    div.elementor-widget-theme-post-content h1
    {
        font-size: 32px;
    }
    div.elementor-widget-theme-post-content h2
    {
        font-size: 26px;
        margin-bottom:40px;
        margin-top:40px;
    }
    div.elementor-widget-theme-post-content h3 
    {
        font-size: 22px;
        margin-top: 30px;
        margin-bottom:30px;
    
    }
    div.elementor-widget-theme-post-content h4
    {
    font-size: 20px;
    margin-top: 30px;
    margin-bottom:30px;

    }
    
    /**
    commented out by Joseph Dec 6 2023
    .post-template-default div#background-img {
    display: none !important;
    }**/
    .acc_pricing_cont_mobile ul li{
        font-size: 16px !important;
        margin-bottom: 10px !important;
    }
    .new-pricing-tab2.e-flex.e-con-boxed.e-con.e-parent {
    height: 90px;
}
}

/* added on 18 Jan 2022 for new landing pages*/

.page_highlight_text 
{
  background-position-y: 4%;
  background-image: linear-gradient( white 50%, gold 50%);
  transition: background 500ms ease;
  background-size: 2px;
  background-size: auto 175%;
  z-index: -1;
}

.extra_cost_text
{
    font-size: 60%;
    font-weight:500;
}


/* added on 19 Apr 2022 for td elements*/
td
{
	font-size:16px;
}


/* added on 15 jun 2022 to default all new columns margin and padding */

.elementor-column-gap-default>.elementor-column>.elementor-element-populated
{
    padding:0px;
}


/* added on 22 Jul 2022 for white links */
    a.announcement:link, 
    a.announcement:visited,
    a.announcement:active { text-decoration: underline; color: #ffffff; }
    
    .elementor-icon-list-items .elementor-icon-list-item {
  position: relative;
}

.elementor-icon-list-items .elementor-icon-list-icon {
  position: absolute;
  top: 3px;
  left: 0;
}

.elementor-icon-list-items .elementor-icon-list-text {
  margin-left: 20px;
}

.get-started-button {
color: rgb(255, 255, 255) !important; 
font-size: 16px !important; 
background-color: rgb(254, 94, 83) !important; 
font-weight: 600 !important; 
line-height: 1.4em !important; 
border-width: 0px !important;
width: 100%;
border-radius: 5px;
}

.newpricingtooltip li{
font-size: 14px !important;
}
.pricing-acc .elementor-accordion-item .elementor-accordion-icon {
    font-size: 30px;
    padding-top: 9px
}

.get-started-button-desktop {
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF !important;
    background-color: #FE5E53;
    border-radius: 5px 5px 5px 5px;
    padding: 10px 20px 10px 20px;
    line-height: 1.6em;
    width: 100%;
    margin-bottom: 10px;
}
.get-started-button-desktop:hover {
    color: #FE5E53 !important;
    background-color: #FFCECB ;
}
.get-started-button-desktop-alt {
    color: rgb(254, 94, 83) !important;
    font-size: 16px !important;
    background-color: rgb(255 255 255) !important;
    font-weight: 600 !important;
    line-height: 1.4em !important;
    border-width: 0px !important;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 10px;
}
.get-started-button-desktop-alt:hover {
    color: #FFF !important;
    background-color: #FE5E53 !important;
}
/* ======== PRIMARY ======== */
/* Primary Color */
.ctaprimary .elementor-button, .ctaprimaryhtml{
color: #FFFFFF !important;
border-color: #0F6DFA !important;
background: #0F6DFA !important;
}
/* Primary Hover */
.ctaprimary .elementor-button:hover, .ctaprimaryhtml:hover{
color: #FFFFFF !important;
background: #0959D3 !important;
border-color: #0959D3 !important;
}
/* Primary Active */
.ctaprimary .elementor-button:active, .ctaprimaryhtml:active{
color: #FFFFFF !important;
background: #0242A2 !important;
}

/* ======== SECONDARY ======== */
/* Secondary Color */
.ctasecondary .elementor-button, .ctasecondaryhtml{
color: #0F6DFA !important;
background: #FFFFFF !important;
border-color: #0F6DFA !important;
}
/* Secondary Hover */
.ctasecondary .elementor-button:hover, .ctasecondaryhtml:hover{
color: #FFF !important;
background: #0F6DFA !important;
border-color: #0F6DFA !important;
}
/* Secondary Active */
.ctasecondary .elementor-button:active, .ctasecondaryhtml:active{
color: #0F6DFA !important;
background: #E2EDFE !important;
border-color: #0F6DFA !important;
}/* End custom CSS */