:root {
    --primary: #3A3F57;
    --white: #fff;
    --black: #000;
  }

  
/* Home */
.home .body-content {
    padding-top: 0;
}
/*  */
.dda-header-container .skip-to-main:focus{ background: #ffffff;}  
/* Slider */
.home .home-slider{
    width: 100%;
    /* height:100vh; */
    /* min-height:600px; */
    /*height:700px;*/
}
@media(min-height:700px){
    .home .home-slider{
        height:calc(100vh - 60px);
    }
}
.home-slider .flickity-viewport {
    height: 100%!important;
}
.home .home-slider .carousel-cell{
    width: 100%;
    text-align: center;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    background-image: url(https://stgportalnew.dm.gov.ae/wp-content/themes/dubaimunicipality/assets/images/banners/Banner-2024.jpg);
    background-size: cover;
    position: absolute;
    left: 0px;
    transform: translateX(0%);
}

.home .home-slider .carousel-cell video{
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
     left: 0;
     object-fit: cover;
}
.home .home-slider .carousel-cell:before{
    content: "";
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.home .carousel-layers{
    z-index: 1;
    position: relative;
    color: #fff;
    /*top: 250px;*/
	top: calc(50% - 130px);
  }
.home .home-slider h1 span.slider_text1,
.home .home-slider h1 span.slider_text2{
    font-size: 32px;
    font-weight: 100;
    margin: 0;
    line-height: 1.2;
    visibility: visible;
}
.home .home-slider h1 span.slider_maintext{
    text-transform: capitalize;
    font-weight: 500;
    margin: 0 auto;
    line-height: 1;
    font-size: 90px;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
}
.home .home-slider .carousel-cell a{
    position: relative;
    top: 16px;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
}
.home .home-slider .carousel-cell a:after{
	content: "\f054";
    font-family: 'Font Awesome 5 Pro';
    font-size: 10px;
    margin: 0 5px;
}
[dir="rtl"] .home .home-slider .carousel-cell a:after{
	content: "\f053";
}
.home .home-slider .carousel-cell a:hover{
    text-decoration: underline;
}

.flex-end{
    align-items: flex-end;
}

/* Banner Animation */
.home .home-slider h1 span.slider_text1{
    visibility: inherit;
    overflow: hidden;
    /* border-right: 0.15em solid orange; */
    white-space: nowrap;
    margin: 0 auto;
    -webkit-animation: typing 3s steps(70, end), blink-caret .75s step-end infinite;
    animation: typing 3s steps(70, end), blink-caret .75s step-end infinite;
    width: 0;
    display: block;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}
.home .home-slider h1 span.slider_text2{
    visibility: inherit;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 auto;
    -webkit-animation: typing 2s steps(50, end), pushDown 2s;
    animation: typing 2s steps(50, end), pushDown 2s;
    width: 0;
    display: block;
    animation-delay: 2s, 3s;
    animation-fill-mode: forwards;
}

.home .home-slider h1 span.slider_maintext:nth-of-type(1){
    visibility: inherit;
    -webkit-animation: showTxt 2s, disapperTxt 1s, showTxt 2s, disapperTxt 1s;
    -webkit-animation-delay: 4s, 6s, 17s, 20s;
    -webkit-animation-fill-mode: forwards;
    animation: showTxt 2s, disapperTxt 1s, showTxt 2s, disapperTxt 1s;
    animation-delay: 4s, 6s, 17s, 20s;
    animation-fill-mode: forwards;
}

.home .home-slider h1 span.slider_maintext:nth-of-type(2){
    visibility: inherit;
    -webkit-animation: showTxt 2s, disapperTxt 1s, showTxt 2s, disapperTxt 1s;
    -webkit-animation-delay: 7s, 10s, 21s, 23s;
    -webkit-animation-fill-mode: forwards;
    animation: showTxt 2s, disapperTxt 1s, showTxt 2s, disapperTxt 1s;
    animation-delay: 7s, 10s, 21s, 23s;
    animation-fill-mode: forwards;
}

.home .home-slider h1 span.slider_maintext:nth-of-type(3){
    visibility: inherit;
    -webkit-animation: showTxt 2s, disapperTxt 1s, showTxt 2s, disapperTxt 1s;
    -webkit-animation-delay: 11s, 13s, 24s, 26s;
    -webkit-animation-fill-mode: forwards;
    animation: showTxt 2s, disapperTxt 1s, showTxt 2s, disapperTxt 1s;
    animation-delay: 11s, 13s, 24s, 26s;
    animation-fill-mode: forwards;
}

.home .home-slider h1 span.slider_maintext:nth-of-type(4){
    visibility: inherit;
    -webkit-animation: showTxt 2s, disapperTxt 1s, showTxt 2s;
    -webkit-animation-delay: 14s, 16s, 27s;
    -webkit-animation-fill-mode: forwards;
    animation: showTxt 2s, disapperTxt 1s, showTxt 2s;
    animation-delay: 14s, 16s, 27s;
    animation-fill-mode: forwards;
}

.home .home-slider .carousel-cell a{
    visibility: inherit;
    animation: showTxt 1s;
    opacity: 0;
    -webkit-animation-delay: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 4s;
    animation-fill-mode: forwards;
}

@media(max-width:768px){
    .home .home-slider h1 span.slider_text1{
        -webkit-animation: typing 2.5s steps(40, end);
        -webkit-animation-delay: 1s;
        -webkit-animation-fill-mode: forwards;
        animation: typing 2.5s steps(40, end);
        animation-delay: 1s;
        animation-fill-mode: forwards;
    }
    .home .home-slider h1 span.slider_text2{
        -webkit-animation: typing 4s steps(30, end), pushDown 2s;
        -webkit-animation-delay: 3s, 5s;
        -webkit-animation-fill-mode: forwards;
        animation: typing 4s steps(30, end), pushDown 2s;
        animation-delay: 3s, 5s;
        animation-fill-mode: forwards;
    }
    .home .home-slider h1 span.slider_maintext:nth-of-type(1){
        -webkit-animation: showTxt 2s, disapperTxt 1s, showTxt 2s, disapperTxt 1s;
        -webkit-animation-delay: 7s, 9s, 21s, 24s;
        -webkit-animation-fill-mode: forwards;
        animation: showTxt 2s, disapperTxt 1s, showTxt 2s, disapperTxt 1s;
        animation-delay: 7s, 9s, 21s, 24s;
        animation-fill-mode: forwards;
    }
    
    .home .home-slider h1 span.slider_maintext:nth-of-type(2){
        -webkit-animation: showTxt 2s, disapperTxt 1s, showTxt 2s, disapperTxt 1s;
        -webkit-animation-delay: 10s, 13s, 25s, 28s;
        -webkit-animation-fill-mode: forwards;
        animation: showTxt 2s, disapperTxt 1s, showTxt 2s, disapperTxt 1s;
        animation-delay: 10s, 13s, 25s, 28s;
        animation-fill-mode: forwards;
    }
    
    .home .home-slider h1 span.slider_maintext:nth-of-type(3){
        -webkit-animation: showTxt 2s, disapperTxt 1s, showTxt 2s, disapperTxt 1s;
        -webkit-animation-delay: 14s, 16s, 29s, 31s;
        -webkit-animation-fill-mode: forwards;
        animation: showTxt 2s, disapperTxt 1s, showTxt 2s, disapperTxt 1s;
        animation-delay: 14s, 16s, 29s, 31s;
        animation-fill-mode: forwards;
    }
    
    .home .home-slider h1 span.slider_maintext:nth-of-type(4){
        -webkit-animation: showTxt 2s, disapperTxt 1s, showTxt 2s;
        -webkit-animation-delay: 17s, 20s, 32s;
        -webkit-animation-fill-mode: forwards;
        animation: showTxt 2s, disapperTxt 1s, showTxt 2s;
        animation-delay: 17s, 20s, 32s;
        animation-fill-mode: forwards;
    }
    .home .home-slider .carousel-cell a{
        -webkit-animation: showTxt 1s;
        -webkit-animation-delay: 6s;
        -webkit-animation-fill-mode: forwards;
        animation: showTxt 1s;
        animation-delay: 6s;
        animation-fill-mode: forwards;
    }
}

/* The typing effect */
@keyframes typing {
    from { width: 0; }
    to { width: 100% }
  }
  
  /* The typewriter cursor effect */
  @keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: orange; }
  }

  @keyframes pushDown {
    0% { margin-top: 0; }
    100% { margin-top: 90px; }
  }

  @keyframes showTxt {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }

  @keyframes disapperTxt {
    0% { opacity: 1; }
    100% { opacity: 0; }
  }


/* Search */
.homeSearch {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    /*top: 420px;*/
   top: calc(50% + 50px);
    z-index: 2;
}
#searchmaincontainer {
    width: 45%;
    margin: 0 auto;
    position: relative;
}
@media(max-width:1200px){
    #searchmaincontainer {
       width: 700px;
     }
   }
#searchmaincontainer a{
    color: #656565;
    position: absolute;
    top: 14px;
    z-index: 10;
    font-size: 16px;
}
#searchmaincontainer.expanded{
    width:550px;
    transition:width 0.5s linear;
}
a.search-btn-mic {
   left: 15px;
}
a.searchNewBtn{
    right: 15px;
}
.altSearch a {
    cursor: pointer;
    color: #333;
    text-decoration: none;
}

.altSearch .searchBox {
    pointer-events: none;
}

.altSearch a:before {
    content: "Search Services, News, Information, Circulars...";
    padding: 0 15px;
    padding-top: 14px;
}

.altSearch .search-btn-mic {
    float: left;
    padding-top: 14px;
}

.rtl .altSearch .search-btn-mic {
    float: right;
}

.altSearch .search-btn-mag {
    float: right;
    padding-top: 14px;
}

.rtl .altSearch .search-btn-mag {
    float: left;
}

.rtl .altSearch a:before {
    display: none;
}

.rtl .altSearch a:after {
    content: "Search Services, News, Information, Circulars...";
    text-align: right;
    padding: 0 15px;
    padding-top: 1px;
    float: right
}

.home .search-header-area-home {
    display: block!important;
    margin: 0 auto;
    padding: 0 14px;
    width: 800px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
    height: 48px;
}

.search-header-area-inner {
    width: 100%;
    margin: 0 0px 0 70px;
}

.searchmaincontainer_AR {
    text-align: inherit;
}

#autocomplete {
    position: relative;
    z-index: 999999;
}

#autocomplete .addsearch-autocomplete {
    margin-top: 0px ;
}

#autocomplete .autocomplete-item {
    display: flex;
}

#autocomplete .autocomplete-item:hover {
    background: #f3f3f3;
}

#autocomplete .autocomplete-item .main-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    flex-shrink: 0;
    height: 100px;
    margin-right: 1em;
    overflow: hidden;
    width: 100px;
    border: 1px solid #dedede;
}

#autocomplete .autocomplete-item .main-image.noimage {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzIiIHdpZHRoPSIzMiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIiBjbGlwUGF0aFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMjRoMjRWMEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNhKSIgdHJhbnNmb3JtPSJtYXRyaXgoMS4zMzMzMyAwIDAgLTEuMzMzMzMgMCAzMikiPjxwYXRoIGQ9Ik0yMC41IDUuNXMuMy4xLjQuMmMuMi4yLjMuNS4zLjd2MTAuMmMwIC42LS41IDEuMS0xLjEgMS4xaC0yLjhMMTQuOCAyMGMtLjIuMi0uNC4zLS42LjNIMTBjLS4zIDAtLjUtLjEtLjctLjNsLTEuNy0xLjVNNCAxNy43Yy0uNiAwLTEuMS0uNS0xLjEtMS4xVjYuNWMwLS42LjUtMS4xIDEuMS0xLjFoMTIuNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjxwYXRoIGQ9Ik0xNCA4Yy0uNi0uMy0xLjItLjQtMS45LS40LTIuNCAwLTQuNCAyLTQuNCA0LjQgMCAuNy4yIDEuMy40IDEuOU0xMC4yIDE1LjljLjYuMyAxLjIuNCAxLjguNCAyLjQgMCA0LjQtMiA0LjQtNC40IDAtLjYtLjEtMS4yLS40LTEuOE0yLjEgMjEuOUwyMS45IDIuMSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjwvZz48L3N2Zz4=");
}

#searchfield {
    z-index: 3 !important;
    display: block!important;
    position: relative;
    margin: 0 auto;
    padding: 0 14px;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    height: 50px;
}

#searchfield .addsearch-searchfield input[type=search].icon {
    padding: 0 7px 2px 25px!important;
}

#searchfield .addsearch-searchfield input[type=search] {
    height: 50px !important;
    background: transparent !important;
    width: 340px !important;
    color: #000;
}
#searchfield .addsearch-searchfield input[type=search]::placeholder{
    color: #000;
}
#searchfield .addsearch-searchfield input[type=search]:focus{
    border-radius: 0;
    box-shadow: none;
}
#searchmaincontainer.expanded .addsearch-searchfield input[type=search]{
    width: 490px!important;
}
.addsearch-searchfield input[type=search],.addsearch-searchfield .search-field-wrapper, .addsearch-searchfield{
    width: 95%!important;
    max-width: 100%!important;
}
/* Services */
.home.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading{
background:#fff;
}
.serivces-tabs-row{
    position: relative;
    z-index: 1;
}
.serivces-tabs-row .vc_tta-tab a + p{
    display: none;
}
.home-section-title{
    color: var(--primary);
    text-align: center;
    font-size: 50px;
    font-weight: 500;
    line-height: 1.2;
    /* text-transform: capitalize; */
    margin: 0;
    margin-top: 25px;
}
.home-section-descr{
    color: #3A3F57;
    text-align: center;
    font-weight: 100;
    line-height: 1.6;
    font-size: 18px;
    text-transform: capitalize;
}

.wpb-js-composer .vc_tta-tabs.servTabs{
    margin-top: 40px;
    position: relative;
    z-index: 0;
}
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tabs-list{
    border: 0;
    margin: 0!important;
}
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab{
    margin: 0 10px;
    vertical-align: top;
    width: 25%;
    /* height: 100%; */
    align-items: stretch;
    margin-right: 15px!important;
    position: relative;
}
[dir="rtl"] .wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab{
	margin-right: 0!important;
    margin-left: 15px!important;
}
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab:nth-of-type(4){
    margin-right:0!important;
}
[dir="rtl"] .wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab:nth-of-type(4) {
    margin-right: 0!important;
    margin-left: 0!important;
}
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-panels,
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-panel-body{
    background:none!important;
    border:0!important;
    padding: 15px 0!important;
    height: auto!important;
}
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tabs-list {
    display: flex!important;
    justify-content: space-around;
    align-items: flex-start;
    align-items: stretch;
}
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab.vc_active{

}
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab a{
    border: 1px solid #f1f1f1!important;
    border-radius: 8px;
    text-align: left;
    padding: 50px 30px 20px!important;
    min-width: 220px;
    position: relative;
    background: #fff!important;
    height: 100%;
}
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab.vc_active a,
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab.vc_active a:hover,
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab a:hover{
    border:1px solid #f1f1f1!important;
    border-radius: 8px;
    text-align: left;
    padding: 20px 30px 20px!important;
    min-width: 220px;
    box-shadow: 0px 0px 0px 0px rgba(171, 171, 171, 0.10), 0px 12px 26px 0px rgba(171, 171, 171, 0.10), 0px 46px 46px 0px rgba(171, 171, 171, 0.09), 0px 104px 63px 0px rgba(171, 171, 171, 0.05), 0px 186px 74px 0px rgba(171, 171, 171, 0.01), 0px 290px 81px 0px rgba(171, 171, 171, 0.00)!important;
    background: #fff!important;
    /* transition: padding-top 0.2s linear; */
    position: relative;
    /* height: 100%; */
}
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab.vc_active a{
	background:aliceblue!important;
	border-color: #d9e4ee!important;
    pointer-events:none;
}
.vc_tta-tab.vc_active a:focus,
.vc_tta-tab.vc_active a:focus-visible,
.vc_tta-tab a:focus,
.vc_tta-tab a:focus-visible {
    outline: 2px solid #000 !important;
    outline-offset: 0 !important;
}
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab a:hover{
    box-shadow: 0px 0px 5px #dae9f6!important;
}
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab.vc_active a:after{
    content: "";
    background-color: #4700CC;
    position: absolute;
    bottom: 0;
    height: 4px!important;
    width: 100%!important;
    left: 0!important;
    top: inherit!important;
}
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab a i{
    display: block;
}
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab a i:before{
    content: "";
    background-size: contain;
    display: block;
    height: 40px;
    background-repeat: no-repeat;
    margin-bottom: 15px;
}
/* individual */
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab a i.fa-handshake-o:before,
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-icon.fa-handshake-o:before{
    content: "";
    background-image: url(../images/icon-individual.svg);
}
/* business */
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab a i.fa-envelope-open:before,
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-icon.fa-envelope-open:before{
    content: "";
    background-image: url(../images/icon-business.svg);
}
/* govt */
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab a i.fa-envelope-open-o:before,
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-icon.fa-envelope-open-o:before{
    content: "";
    background-image: url(../images/icon-government.svg);
}
/* emarati */
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab a i.fa-linode:before,
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-icon.fa-linode:before{
    content: "";
    background-image: url(../images/icon-emirati.svg);
}
/* new icons*/
i.serviceItem-icon:before,.fa-scrollindicator:before, .fa-arrow-title:before, .fa-arrow-title-alt:before{
    content: "";
    background-size: contain;
    display: block;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    margin-bottom: 15px;
}
/* buildings */
.serviceItem-icon.fa-buildings:before{
    background-image: url(../images/home/iconBuildings.svg);
}
.serviceItem:hover .serviceItem-icon.fa-buildings:before{
    background-image: url(../images/home/iconBuildings-hover.svg);
}
/* foodproducts */
.serviceItem-icon.fa-foodproducts:before{
    background-image: url(../images/home/iconHandSoap.svg);
}
.serviceItem:hover .serviceItem-icon.fa-foodproducts:before{
    background-image: url(../images/home/iconHandSoap-hover.svg);
}
/* training */
.serviceItem-icon.fa-training:before{
    background-image: url(../images/home/iconGraduationCap.svg);
}
.serviceItem:hover .serviceItem-icon.fa-training:before{
    background-image: url(../images/home/iconGraduationCap-hover.svg);
}
/* pestcontrol */
.serviceItem-icon.fa-pestcontrol:before{
    background-image: url(../images/home/iconBug.svg);
}
.serviceItem:hover .serviceItem-icon.fa-pestcontrol:before{
    background-image: url(../images/home/iconBug-hover.svg);
}
/* allcategories */
.serviceItem-icon.fa-allcategories:before{
    background-image: url(../images/home/iconAllCategories.svg);
}
.serviceItem:hover .serviceItem-icon.fa-allcategories:before{
    background-image: url(../images/home/iconAllCategories-hover.svg);
}
/* arrow-title */
.fa-arrow-title:before{
    background-image: url(../images/icon-arrowright-primary.svg);
    width: 20px;
    height: 15px;
    margin: 0;
}
.fa-arrow-title-alt:before{
    background-image: url(../images/icon-arrowright-white.svg);
    width: 20px;
    height: 15px;
    margin: 0;
}
[dir="rtl"] .fa-arrow-title:before, [dir="rtl"] .fa-arrow-title-alt:before {
    transform: rotate(180deg);
}
/* mouse */
.fa-scrollindicator:before{
    background-image: url(../images/home/iconMouse.svg);
}

.scrollindicator {
    width: 16px;
    height: 24px;
    border-radius: 8px;
    border: 2px solid #fff;
    opacity: .6;
    z-index: 1;
    padding: 2px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 15px;
}

.scrollindicator::before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 0;
    left: calc(50% - 3px);
    background: #fff;
    -webkit-animation: move-mouse 2s cubic-bezier(0.54,0,0.15,0.98) infinite;
    animation: move-mouse 2s cubic-bezier(0.54,0,0.15,0.98) infinite
}

.scrollindicator::before,.scrollindicator::after {
    content: "";
    display: block;
    position: absolute
}

@-webkit-keyframes move-mouse {
    0%,65%,100% {
        opacity: 0
    }

    10%,40% {
        opacity: 1
    }

    0% {
        transform: translateY(5px) scale(0.7)
    }

    5% {
        transform: scale(0.7)
    }

    15%,100% {
        transform: scale(1)
    }

    45%,65% {
        transform: translateY(14px) scale(0.7)
    }
}

@keyframes move-mouse {
    0%,65%,100% {
        opacity: 0
    }

    10%,40% {
        opacity: 1
    }

    0% {
        transform: translateY(5px) scale(0.7)
    }

    5% {
        transform: scale(0.7)
    }

    15%,100% {
        transform: scale(1)
    }

    45%,65% {
        transform: translateY(14px) scale(0.7)
    }
}
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-title-text{
    color: #000;
    font-size: 32px;
    font-weight: 100;
    line-height: 1.2;
    display: block;
    text-transform: capitalize;
    text-align: left;
    margin: 0!important;
}
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-title-text span.myh3{
    color: #647794;
    font-size: 16px;
    display: block;
    line-height: 1.4;
    margin: 0;
    font-weight: normal;
    padding-top: 5px;
}
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-title-text h3{
    color: #647794;
    font-size: 16px;
    display: block;
    line-height: 1.4;
    margin: 0;
    font-weight: normal;
    padding-top: 5px;
}
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-title-text > b{
    color: #647794;
    font-size: 16px;
    display: block;
    line-height: 1.4;
    margin: 0;
    font-weight: normal;
    padding-top: 5px;
}
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab.vc_active .vc_tta-title-text > b{
    color: #3A3F57;
}
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-title-text h3 + h3,
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-title-text p,
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab a + h3{
    display: none;
}
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab.vc_active .vc_tta-title-text h3,
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab.vc_active a:hover .vc_tta-title-text h3,
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab a:hover .vc_tta-title-text h3{
    display: none;
}
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab.vc_active .vc_tta-title-text h3 + h3,
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab.vc_active a:hover .vc_tta-title-text h3 + h3,
.wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab a:hover .vc_tta-title-text h3 + h3{
    display: block;
}
.serviceCards{
    align-items: top;
}
.single-card{
	display: flex;
    align-items: center;
    text-decoration: none;
    color: #000;
    border: 1px solid #DEE6F0;
    border-radius: 6px;
    min-height: 80px;
    margin: 10px 0;
    background: #fff!important;
    padding: 20px 8px;
    max-height: 100px;
}
.serviceCardHome a,
.wpb-js-composer .vc_tta.vc_general .vc_active .serviceCardHome a{
    background: none!important;
    font-size: 13px;
    text-decoration: none;
    margin-right: 40px;
    position: relative;
}
.serviceCardHome a:hover:after{
    content:"";
    height: 0.5px;
    width: calc(100% + 15px);
    position: absolute;
    left: 0;
    background: #688CBA;
    bottom: 0;
}
[dir="rtl"] .serviceCardHome a:hover:after{
    right: 0;
}
.serviceCardHome a:before{
    content:"\f054";
    font-family: "Font Awesome 5 Pro";
    right: -15px;
    position: absolute;
    float: right;
    font-weight: normal;
    font-size: 10px;
    margin-left: 10px;
    top: 2px;
}
.serviceCardHome span img{
    height: 30px;
}
.serviceCardHome p{
    margin: 0;
    line-height: 1.2;
}
.serviceCardHome .inner-flex-link{
    display: none;
    padding-top: 10px;
} 
.single-card:hover .inner-flex-link{
    display: flex;
    width: 100%;
}
.serviceCardHome .img-icon{
   width: 70px;
    padding: 0 17px;
    position: relative;
    top: 0px;
    height: 85px;
    background: #F9FAFC;
    vertical-align: middle;
    display: flex;
    margin-right: 10px;
    border-radius: 8px;
}
.serviceCardHome .img-icon + div{
	width: calc(100% - 70px);
}
.view-more-services .vc_btn3.vc_btn3-size-md.vc_btn3-icon-right:not(.vc_btn3-o-empty) .vc_btn3-icon {
    right: 30px;
    font-size: 10px;
    line-height: 16px;
    display: none;
}
.view-more-services .vc_btn3{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #4700CC!important;
    color: #fff!important;
    padding: 12px!important;
    width: 200px;
    text-decoration: none!important;
    border: 2px solid #4700CC!important;
}
.view-more-services .vc_btn3:hover{
    background: #fff!important;
    color: #4700CC!important;
    text-decoration: none!important;
    border: 2px solid #4700CC!important;
}
.view-more-services .vc_btn3:focus-visible{ border: 1px solid #4700CC!important; }
.view-more-services .vc_btn3.vc_btn3-icon-right .vc_btn3-icon {
    position: relative;
    right: inherit!important;
    top: 7px!important;
    padding: 0 5px;
}
/* [dir="rtl"] .view-more-services .vc_btn3.vc_btn3-icon-right .vc_btn3-icon{
    top: -1px!important;
	transform: none!important;
    left: inherit!important;
}
[dir="rtl"] .view-more-services .vc_btn3 .fa-chevron-right:before{
	content:"\f053";
} */

/* Dubai More */
.dubai-more{
	background:#fff;
}
.txtoverlayImg{
    margin: 0 20px 10px 30px;
    /* padding-bottom: 25px; */
    max-height: 455px;
    overflow: hidden;
position:relative;
}
.txtoverlayImg .vc_single_image-wrapper:before {
    content: "";
    background: rgba(0,0,0,0.2);
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 6px;
    left: 0;
    top: 0;
}
.txtOverlay {
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 15px 20px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    height: auto !important;
    width: 100%;
}
.txtOverlay h3{
    font-weight: 100;
    font-size:24px;
    margin: 0 0 5px;
    height: auto;
}
.txtOverlay p{
    margin: 0;
    height: auto;
}
.txtOverlay a{
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    height: auto;
    font-size: 16px;
}
.txtOverlay a:hover{
    text-decoration: underline;
}
.txtOverlay a:after{
    content: "";
    font-family: 'icomoon';
    color: rgb(182, 182, 182);
    position: relative;
    top: 3px;
}
[dir="rtl"] .txtOverlay a:after{
    display: inline-block;
    transform: rotate(180deg);
}
.dubai-more-box{
    border: 1px solid #DEE6EE;
    background: #fff;
    border-radius: 8px;
    margin: 15px 7.5px;
    position: relative;
    padding: 10px 25px 10px;
    min-height: 220px;
    display: flex;
    margin-bottom: -20px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    cursor:pointer;
}
.dubai-more-box.active{
    background: #F2EBFF;
}
.dubai-more-box:hover{
    box-shadow: 0px 0px 5px #DEE6F0 !important;
}
.dubai-more-box h2.dubaimore-title{
    font-size: 32px;
    font-weight: 100;
    margin: 0; 
    line-height: 1.2; 
    padding-top: 10px;
}
.dubaimore_content h2.dubaimore-title{
    font-weight: 100;
    font-size: 24px;
    margin: 0 0 5px;
    height: auto;
}
.dubai-more-box p{
    margin: 0;
    color: #3A3F57;
    padding-top: 2px;
}
.dubai-more-box a{
    color: #4700CC;
    line-height: 1;
    text-decoration: none;
    display: none;
    font-weight:300;
    margin-top: 5px;
}
.dubai-more-box a:after{
    content: "";
    color: #4700CC;
    font-family: 'icomoon';
    position: relative;
    top: 3px;
}
.dubai-more-box a:hover{
	opacity: 0.7;
    text-decoration: underline;
}
.dubai-more-box:hover{
  /*  background: #282C3F; */
    /* padding: 70px 30px 30px; */
}
 /* .dubai-more-box:hover a{
    display: block;
}
.dubai-more-box:hover h3,
.dubai-more-box:hover .dm-numbers h4{
   color: #fff;
}
.dubai-more-box:hover p{
    color: #C2D9FB;
} */

.dubai-more-box.active a{
   display:block;
}
/*.dubai-more-box.active:after{
    content:"";
    background-color: #688CBA;
    position: absolute;
    bottom: 0;
    height: 4px!important;
    width: 100%!important;
    left: 0!important;
    top: inherit!important;
}*/
.dubai-more-box .dm-numbers{
    position: absolute;
    right: 15px;
    text-align: right;
    color: #4700CC;
    top: 15px;
    display: none;
}
.dubai-more-box .dm-numbers .num{
    font-weight: normal;
    font-size: 32px;
    line-height: 1;
    margin: 0;
}
.dubai-more-box .dm-numbers h4{
    margin: 0;
    font-weight: 100;
}
.dubai-more-box img{
    height: 40px;
}
.dubai-more-cpt-img-container{
    /* height: 100%; */
}
.dubai-more-cpt-img-container *{
    height: 100%;
}
.dubai-more-cpt-img-container .wpb_single_image .vc_single_image-wrapper{
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    width:100%;
}
.dubaimore_content .wpb_single_image .vc_figure{ 
    width:100%;
    overflow: hidden;
}
.dubai-more-cpt-img-container .wpb_single_image img {
    height: 100%;
    max-width: 100%;
    vertical-align: top;
    object-fit: cover;
    width:100%;
}
.dm-more-container{
    display: flex;
    padding: 0 5px 30px;
   /* background: #fff;*/
}


/* Feedback */
.feedback-section{
    padding:50px 0 30px;
    background: #CCD8E7;
    margin:20px 0 0;
}
.feedback-section .feedback-btn-container{
    text-align: right;
    padding: 0;
}
.feedback-section h2{
    color: #4700CC;
    font-weight: 500;
    font-size: 40px;
    margin: 0;
    line-height: 1.2;
}
.feedback-section p{
    color: #202332;
    font-weight: 100;
    margin: 0;
}
.feedback-section a.vc_general{
    border-radius: 8px;
    background: #4700CC;
    font-weight: 500;
    color: #fff!important;
    font-size: 16px;
    border: 2px solid #4700CC!important;
    line-height: 1.4;
    box-shadow: none;
    width: 200px;
    margin-top: 10px;
}
.feedback-section a:hover{
    background-color: #fff!important;
    color: #4700CC!important;
    border: 2px solid #4700CC!important;
}


/* Fines Tabs */
.finesTabContainer{
    padding-top: 0px;
    text-align: center;
    position: relative;
    z-index: 0;
}
/* .finesTabContainer:before{
    content: "";
    background: #4700CC;
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
} */
.finesTabContainer .vc_tta-panel-body{
	background-color: #f9fafc!important;
}
.wpb-js-composer .vc_tta.vc_general.finesTab .vc_tta-tabs-list{
    position: relative;
    top: 0px;
    margin: 10px auto 13px!important;
    text-align: center;
    align-items: baseline;
    display: flex!important;
    justify-content: center;
    border: 0;
    border-bottom: 1px solid #d7d9e2;
    width: 85%;
}
/* .wpb-js-composer .vc_tta.vc_general.finesTab .vc_tta-tabs-list li{ 
    height: 100%;
    width: 20%;
} */
.wpb-js-composer .vc_tta.vc_general.finesTab .vc_tta-tabs-list li a{
    background: transparent!important;
    border-radius: 8px!important;
    margin: 0;
    color: #4700CC!important;
    font-size: 16px;
    text-transform: capitalize;
    bottom: 0;
    padding: 14px 10px!important;
    display: flex!important;
    justify-content: center;
    position: relative;
    align-items: center;
    border: 1px solid transparent!important;
    font-weight: 300;
}
.wpb-js-composer .vc_tta.vc_general.finesTab .vc_tta-tabs-list a:hover, 
.wpb-js-composer .vc_tta.vc_general.finesTab .vc_tta-tabs-list li.vc_active a{
    color: #4700CC!important;
    border: 1px solid #4700CC;
    background: transparent!important;
    /* transition: height 1s linear; */
}

.wpb-js-composer .vc_tta.vc_general.finesTab .vc_tta-tabs-list li a:hover:after{
    content: "";
    border-bottom: 4px solid #4700CC!important;
    position: absolute;
    width: 100%;
    left: 0!important;
    top: inherit!important;
    bottom: -1px;
    opacity:0.3;
}

.wpb-js-composer .vc_tta.vc_general.finesTab .vc_tta-tabs-list li.vc_active a::after,
.wpb-js-composer .vc_tta.vc_general.finesTab .vc_tta-tabs-list li.vc_active a:hover:after{
   content: "";
    border-bottom: 4px solid #4700CC!important;
    position: absolute;
    width: 100%;
    left: 0!important;
    top: inherit!important;
    bottom: -1px;
    opacity:1;
}

/* .finesTab .vc_tta-tabs-list a:hover span,
.finesTab .vc_tta-tabs-list li.vc_active a span{
    position: relative;
    top: -15px;
} */
.finesTab .vc_tta-tabs-list a:before{
    display: none!important;
}
.home .pay-instant-header .title-header h3{
    color: #4700CC;
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: capitalize;
    margin: 0;
    margin-top: 40px;
}
.home .pay-instant-header .title-header p{
    color: #4700CC;
    text-align: center;
    font-weight: 100;
    line-height: 1.6;
    text-transform: capitalize;
    margin: 10px 0 30px;
    font-size: 16px;
}
.finesTabContainer .container button{
    border-radius: 8px;
    background: #4700CC;
    color: #fff;
    padding: 12px;
    width: 200px;
    margin: 30px 100px 0;
    cursor: pointer;
    border-width: 2px;
    border-style: solid;
}
[dir="rtl"] .finesTabContainer .container button{
    /*margin-right: -35%;*/
	margin-left: inherit;
}
.finesTabContainer .container button:hover,
.finesTabContainer .container button:active{
    color: #4700CC;
    border-color: #4700CC!important;
    background: #fff!important;
}
.finesTabContainer .container input,
.finesTabContainer .container form input{
    /* border-radius: 0; */
    border: 1px solid #B6BACE;
    color: #525871;
    padding: 15px;
    min-width: auto;
    border-radius: 8px !important;
    /* margin: 0 -2px; */
    height:50px;
    width: inherit;
	margin: 0 7px;
    border-radius: 8px !important;
}
[dir="rtl"] .finesTabContainer input{
    /* border-radius: 0!important; */
}
/* .finesTabContainer input:first-child{
    border-radius:8px 0 0 8px;
} */
.finesTabContainer input:last-child{
    border-radius:0 8px 8px 0!important;
}
.finesTabContainer input:first-child:last-child{
    width: 100%;
}
.finesTabContainer input.single-input{
    /*border-radius: 0 8px 8px 0!important;*/
}
#checkPaytab3 input{
    min-width: 200px;
}
.error_msg{
    color: red;
}
.finesTab .vc_tta-panels{
    border:0!important;
}
.check-pay-tabs,
.building-tabs{
    list-style: none;
    justify-content: center;
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
}
.check-pay-tabs li,
.building-tabs li{
    padding: 7px 10px 1px;
    background: #f4f8fc;
    margin: 0 0 0 5px;
    border-radius: 8px;
    border: 1px solid #ccd7e3;
    cursor: pointer;
    font-size: 14px;
    min-width: 70px;
}
.check-pay-tabs li i,
.building-tabs li i{
    display: block;
    margin-bottom: 5px;
}
.check-pay-tabs li.active,
.building-tabs li.active,
.check-pay-tabs li:hover,
.building-tabs li:hover{
    background: #282c3f;
    color: #fff;
}
.pay-instant-header.pay-header-tabs{
   position: absolute;
    right: 0;
    top: -14px;
    left: 0;
}
.check-pay-content .tab-data{
    display: none;
}
.check-pay-content .tab-data.active{
    display: block;
}
.check-pay-content{
    width: 800px;
    position: relative;
    margin: 0 auto;
}
.check-pay-content-child{
    display: flex;
}
.tab-select{
	width: 25%;
    margin-top: 20px;
    background: transparent;
    border: 1px solid #B6BACE;
    height: 50px;
    //padding-right: 5px;
    border-radius: 8px 0 0 8px;
}
[dir="rtl"] .tab-select{
	/* border-radius: 0 8px 8px 0; */
	padding-right: 0;
	/*padding-left: 5px;*/
}
.tab-select .check-pay-selector{
    background: transparent;
    border: 0;
    border-radius: 8px;
    padding: 10px 30px 9px 10px;
    width: 100%;
    border-right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 49px;
    background-position: calc(100% - 10px) 22px!important;
    color: #525871;
}
[dir="rtl"] .tab-select .check-pay-selector{
    /* border-radius: 0 8px 8px 0; */
    padding: 10px 10px 9px 30px;
    background-position: 10px 22px!important;
}
.tab-content{
    width: 75%;
    padding-top: 20px;
}
.four-inputs input{
    width: 25%!important;
    min-width: inherit!important;
}


/* DM Numbers */
.dm-numbers-parent{
	background:#fff;
}
.dm-num-title{
    margin-top: 30px;
	font-size: 45px;
}
.dm-numbers{
    padding-top: 30px;
    padding-bottom: 50px;
}
.dm-numbers h2{
    margin: 0;
    color: var(--primary);
    font-weight: 500;
    font-size: 30px;
}
.dm-numbers p{
    color: #3A3F57;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 100;
    line-height: 1.3;
    text-transform: capitalize;
    margin: 0 auto;
    width: 160px;
}
/* animation */
.numbers {
    margin: 0;
    color: #4700CC;
    font-weight: 500;
    overflow: hidden;
}
.numbers__window {
    display: inline-block;
    overflow: hidden;
    /* width: 0.5em; */
    height: 70px;
  }
  .numbers__window__digit {
    font-size: 51px;
    word-break: break-all;
    display: block;
    width: 0;
    padding: 0 0.52em 0 0;
    margin: 0 auto;
    overflow: inherit;
    animation: counting 0.4s steps(10) forwards infinite;
  }
  .numbers__window__digit::before {
    content: attr(data-fake);
    display: inline-block;
    width: 100%;
    height: auto;
  }
  .numbers__window__digit--1 {
    animation-iteration-count: 3;
  }
  .numbers__window__digit--2 {
    animation-iteration-count: 6;
  }
  .numbers__window__digit--3 {
    animation-iteration-count: 9;
  }
  .numbers__window__digit--4 {
    animation-iteration-count: 12;
  }
  .numbers__window__digit--5 {
    animation-iteration-count: 15;
  }
  
  @keyframes counting {
    100% {
      transform: translate3d(0, -10em, 0);
    }
  }


/* Success Stories */
  .success-stories{
      /*background: #fff;*/
  }
  .success-stories-item{
      justify-content: center;
      margin: 16px auto;
      /* width: 1000px; */
      align-items: flex-start;
      overflow-x: hidden;
      padding: 0 5px;
  }
.success-stories-item-image{
    flex: 1 1 0;
}
[dir="rtl"] .success-stories-item-image{
    transform: scaleX(-1);
}
.success-stories-item-image img{
    max-width: 100%;
    max-height: 450px;
    border-radius: 15px;
}
.success-stories-content{
    flex: 1 1 0;
    padding-left: 40px;
}
/*.success-stories-content h2{
    color: #3B3F54;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.2;
    text-transform: capitalize;
    margin: 0;
    margin-top: 20px;
    display: none;
}*/
.success-stories-content h2{
    color: #3A3F57;
    font-size: 32px;
    font-weight: 300;
    line-height: 1.3;
    text-transform: capitalize;
    margin: 20px 0 15px;
}
.success-stories-content p{
    color: #3A3F57;
}
.success-stories-content .posts-link a{
    color: #4700CC!important;
    text-decoration: none!important;
    background: none!important;
    border: none!important;
    font-weight: 400!important;
    font-size: 16px!important;
}
.success-stories-content .posts-link a:after{
    content: "\f054";
    color: #4700CC;
    font: normal normal normal 10px/1 "Font Awesome 5 Pro";
    margin-left: 8px;
    position: relative;
    top: 0;
}
[dir="rtl"] .success-stories-content .posts-link a:after{
    margin-right: 8px;
    display: inline-block;
    margin-left: 0;
    transform: rotate(180deg);
}
.success-stories-content .posts-link a:hover{
    text-decoration: underline!important;
}
#success_stories-slider .flickity-prev-next-button.next{
    right: -100px;
}
#success_stories-slider .flickity-prev-next-button.previous{
    left: -100px;
}
.success-stories .flickity-page-dots{
	bottom: -12px;
}

/* DM App */
.dm-app-home{
    padding: 50px 0 20px!important;
}
.dm-app-home .list-post{
    border-radius: 12px;
    margin: 0;
    background: #fff;
    display: flex;
    align-items: center;
}
.dm-app-home .vc_single_image-wrapper{
   // margin-top: -130px;
}
.dm-app-home .wpb_content_element{
    margin:0;
}
.dm-app-home .wpb_wrapper{
    padding: 0 20px;
}

.dm-app-home h2{
    color: var(--primary)
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: capitalize;
    margin: 0;
    margin-top: 20px;
}
.dm-app-home p{
    color: #353f56; /*from #647794*/
    margin-bottom: 40px;
}
.dm-app-home .app-links a img{
    max-width: 170px;
    margin-right: 15px;
    box-shadow: 2px 10px 10px #e0e0e0;
}
.dm-app-home .app-links a:hover img{
    box-shadow: none;
}
/* News & Events */
.news-events-home{
    /* background:#fff; */
}

.news-events-home .display-posts-listing{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 25px;
    grid-auto-rows: 1fr;
    margin-top: 20px;
}
.newshome-item{
    overflow: hidden;
}
.newshome-item-image{
    height: 300px;
    border-radius: 8px;
    overflow: hidden;
}
.newshome-item-image img{
    max-width: 100%;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.newshome-content p.newshome-title{
    color: var(--primary);
    font-size: 18px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width:100%;
    margin-bottom: 0;
}
.newshome-content p{
    color: #3A3F57;
}
.newshome-content .posts-link a{
    color: #4700CC!important;
    /*text-decoration: none!important;*/
    background: none!important;
    border: none!important;
    font-weight: 400!important;
    font-size: 16px!important;
    position: relative;
}
.newshome-content .posts-link a:hover {
    text-decoration: underline!important;
}
.newshome-content .posts-link a:after {
    content: "\f054";
    color: #4700CC;
    font: normal normal normal 10px/1 "Font Awesome 5 Pro";
    margin-left: 8px;
    position: absolute;
    top: 9px;
}
.view-more-news {
    margin: 60px auto 50px;
}
view-more-news a.vc_general{
    border-radius: 8px;
    background: #4700CC;
    color: #fff;
    padding: 10px;
    width: 200px;
    border: 2px solid #4700CC;
    font-size: 16px;
}
.view-more-news a.vc_general:hover,
.view-more-news a.vc_general:active,
.view-more-news a.vc_general:focus{
    border: 2px solid #4700CC;
    background-color: #fff;
    color: #4700CC;
}
.view-more-news a.vc_general:after {
    content: "\f054";
    color: #688CBA;
    font: normal normal normal 10px/1 "Font Awesome 5 Pro";
    margin-left: 8px;
    position: relative;
    top: 0;
    display: none;
}
.view-more-news a.vc_general:hover:after,
.view-more-news a.vc_general:active:after,
.view-more-news a.vc_general:focus:after{
    color: #fff;
}

/* Hide all elements in home on load */
.carousel-layers h3,
.carousel-layers h2,
.carousel-layers a,
.serivces-tabs-row .home-section-title,
.serivces-tabs-row .home-section-descr,
.serviceCards .serviceCardHome,
.dubai-more .home-section-title,
.dubai-more .home-section-descr,
.dubai-more-box img,
.dubai-more-box h2.dubaimore-title,
.dubaimore_content h2.dubaimore-title,
.dubai-more-box p,
.feedback-section h2,
.feedback-section p,
.feedback-section a,
.pay-instant-header h3,
.pay-instant-header p,
.pay-instant-header input,
.pay-instant-header button,
.dm-num-title,
.dm-numbers.container p,
.success-stories-item-image img,
.success-stories-content h2,
.success-stories-content p,
.success-stories-content .posts-link,
.news-events-list .home-section-title,
.news-events-list .home-section-descr,
.news-events-list h4,
.news-events-list p,
.news-events-list .view-more-news a,
.home .home-section-title{
    /*visibility: hidden;*/
}

.animate__animated{
    visibility: visible!important;
}

.wpb-js-composer .vc_tta.vc_general .vc_active .show-home-result .pdfdownload a{
    padding: 5px 10px;
    border: 1px solid #4700CC;
    background: #4700CC!important;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
}
.wpb-js-composer .vc_tta.vc_general .vc_active .show-home-result .pdfdownload a:hover,
.wpb-js-composer .vc_tta.vc_general .vc_active .show-home-result .pdfdownload a:focus{
    background: #fff!important;
    color: #4700CC;
}
@media(max-width:768px){
    .wpb-js-composer .vc_tta.vc_general .vc_active .show-home-result .pdfdownload a{
        display: block;
        margin-top: 10px;
    }
}

/* Arabic home page */
[dir="rtl"] #searchmaincontainer a{
    left: inherit;
    right: 15px;
}
[dir="rtl"] #searchmaincontainer a.searchNewBtn{
    float: left!important;
    left: 15px;
    right: inherit;
}
[dir="rtl"] #searchfield .addsearch-searchfield input[type=search].icon {
    padding: 0 25px 2px 7px!important;
}
[dir="rtl"] #autocomplete .autocomplete-item .main-image{
    margin-left:1em;
    margin-right:0;
}
[dir="rtl"] .wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-title-text{
    text-align: right;
}
[dir="rtl"] .wpb-js-composer .vc_tta-tabs.servTabs .vc_tta-tab a i:before{
    background-position: right;
}
[dir="rtl"] .serviceCardHome .img-icon{
    margin-right: 0;
    margin-left: 20px;
}
[dir="rtl"] .serviceCardHome a:before{
    right: inherit;
    float: right;
    margin-left: 0;
    left: -15px;
    margin-right: 10px;
    transform: rotate(180deg);
}
[dir="rtl"] .serviceCardHome a, 
[dir="rtl"] .wpb-js-composer .vc_tta.vc_general .vc_active .serviceCardHome a{
    margin-right: 0;
    margin-left: 40px;
}
[dir="rtl"] .vc_btn3.vc_btn3-size-md.vc_btn3-icon-right:not(.vc_btn3-o-empty) .vc_btn3-icon {
    right: inherit;
    left: 20px;
    transform: rotate(180deg);
    top: 21px;
}
[dir="rtl"] .vc_btn3.vc_btn3-size-md.vc_btn3-icon-right:not(.vc_btn3-o-empty) {
    padding-right: 0;
    padding-left: 48px;
}
[dir="rtl"] .newshome-content .posts-link a{
    position: relative;
}
[dir="rtl"] .newshome-content .posts-link a:after{
    position: absolute;
    top: 9px;
    margin-right: 8px;
    margin-left: 0;
    transform: rotate(180deg);
}
[dir="rtl"] .dm-app-home .app-links a img{
    margin-right: 0;
    margin-left: 15px;
}
[dir="rtl"] .finesTabContainer input:first-child {
    border-radius: 0 8px 8px 0;
}
[dir="rtl"] .finesTabContainer input:last-child {
    border-radius: 8px 0 0 8px!important;
}
[dir="rtl"] .feedback-section .feedback-btn-container{
    text-align: left;
}
[dir="rtl"] .txtoverlayImg{
    margin: 0 30px 10px 20px;

}
[dir="rtl"] .success-stories-content{
    padding-left: 0;
    padding-right:40px;
}
[dir="rtl"] .dubai-more-box a::after {
    transform: rotate(180deg);    
    display: inline-block;
	top: 5px;
}

/* temp */
.home .home-slider .flickity-button,
.home .home-slider .flickity-page-dots{
  /*  display: none; */
}

.no-animate{
 	opacity: 1!important;
 	position: relative!important;
 	animation:none!important;
	width: auto!important;
}
h2.no-animate{
 font-size: 58px!important;
 margin-top: 15px!important;
}
.m-0{
    margin-top: 0!important;
}
/* ---- page dots ---- */
.custom-page-dots {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
.custom-page-dots .dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 2px 4px;
    background: #fff;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer;
  }
  .custom-page-dots .dot.is-selected {
    opacity: 1;
  }
  .custom-navigation, .scroll-indicator{
      position: absolute;
      margin-top: -50px;
      width: 100%;
      align-items: center;
      justify-content: center;
  }
  .custom-navigation, .scroll-indicator{margin-top: -30px;}
  
  .custom-navigation button{border: 0;background: transparent;color: #fff;cursor: pointer;margin: 0 4px;}
  .custom-navigation button.pause-button {font-size: 12px;}
.rtl .pdfdownload .releaseDate{ display: inline-block; direction: ltr; }

/* CSS aftr go-live */
.announcementPortal {
    background: #4700CC;
    color: #fff;
    position: fixed;
    z-index: 1000000000000;
    top: 0;
    left: 0;
    width: 100%;
}

.announcementPortal .js-marquee {
    padding: 15px 0;
}

.rtl .announcementPortal .js-marquee {
    text-align: center;
}




.home-section-title {
    text-align: left;
   font-size: 30px;
}

[dir="rtl"] .home-section-title {
   text-align: right;
}

.home-section-link  {
 margin-right: 15px;
 text-decoration: none
}
[dir="rtl"] .home-section-link  {
  margin-left: 15px;
  margin-right: 0;
}
.home-section-link:hover  {
   text-decoration: underline;
}

.home main a:focus, .home main a:active, .home main a:hover {
   color: #4700CC;
}

.flickity-button {
   background: transparent !important;
}

.home .serivces-tabs-row .wpb_wrapper .serviceItem a {
    color: var(--primary);
    font-size: 14px;
    text-decoration: none;
}

.home .serivces-tabs-row .wpb_wrapper .serviceItem {
    background: var(--white);
    padding: 12px 16px;
    border-radius: 12px;
    //min-height: 210px;
}

.home .vc_custom_1738582839533, .home .vc_custom_1738580629882, .home .vc_custom_1738582913989, .home .vc_custom_1738656618363, .home .vc_custom_1738652281239, .home .vc_custom_1738656639499, .home .vc_custom_1738652287319, .home .vc_custom_1738758948144, .home .vc_custom_1738749278747  {
   background-color: transparent !important;
}

.newshome-item a {
    text-decoration: none;
}

 /*Banner*/
.custom-navigation, 
.scroll-indicator{
   top: 70%;
   text-align: center;
 }
 .scroll-indicator{
   top: 75%;
 }
.fa-scrollindicator:before {
   height: 24px;
   width: 16px;
 }
 
 #success_stories-slider {
  margin-left: -60px;
 }
 
 /* Dubai Pillars section */
.dubai-more-box:hover, .dubai-more-box.active {
 background: #313549;
 color: var(--white);
}
.dubai-more-box:hover p, .dubai-more-box.active p,
.dubai-more-box:hover a, .dubai-more-box.active a, .dubai-more-box.active a:after,
.dubai-more-box.active a:hover, .dubai-more-box.active a:hover:after,
.dubaimore_content a.btn-dubaimore:hover, .dubaimore_content a.btn-dubaimore:hover:after {
  color: var(--white);
  /* opacity: 0.8; */
}
.dubai-more-box:hover p img:first-child, 
.dubai-more-box.active p img:first-child {
 display: none;
}
.dm-more-container .txtoverlayImg {
 margin-left: 10px !important;
 margin-right: 10px !important;
}

[dir="rtl"] .dm-more-container .txtoverlayImg {
  margin-right: 0;
}
 
 /* Investment Opportunites section */
.home .investmentopportunities-section .vc_column-inner {
   background-size: cover !important;
   background-repeat: no-repeat !important;
   min-height: 212px;
   width: 100%;
   border-radius: 10px;
}
.home .investmentopportunities-section h2,
.home .investmentopportunities-section p {
  color: var(--white);
  border-radius: 8px;
  z-index: 2;
  position: relative;
  margin-left: 20px;
}

.home .investmentopportunities-section h2 {
  margin-top: 70px;
}

[dir="rtl"] .home .investmentopportunities-section h2,
[dir="rtl"] .home .investmentopportunities-section p {
   margin-left: 0;
   margin-right: 20px;
   text-align: right;
}

/* Buttons */
.btn-dubaimore::after {
   content: "";
   color: var(--white);
   font-family: 'icomoon';
   position: relative;
   top: 3px;
}
.btn-dubaimore:hover, 
.btn-dubaimore:active {
   opacity: 0.7;
   color: var(--white);
}

.flickity-button:focus {
   box-shadow: 0 0 0 5px var(--primary) !important;
}

.tab-content .text-center {
   display: block;
}

.serivces-tabs-row .icon-arrow-primary,
#dm-numbers-slider .flickity-page-dots {
     display: none;
}

/* Media query only mobile */
@media(max-width:767px){
    .dm-more-container .txtoverlayImg {
        margin-left: 0 !important;
       margin-right: 0 !important;
    }
    .finesTab.container{
       max-width: 100%;
       padding: 0;
    }
    .display-posts-listing .flickity-button {
         display: none;
    }
}

@media(max-width:768px){
   /* New & Events */
    .news-events-list .display-posts-listing {
         margin-left: 0 !important;
   }
   .dubai-more-box {
      margin-top: 20px !important;
   }
   .serivces-tabs-row .home-section-link-icon {
       display: none;
   }
   .serivces-tabs-row .icon-arrow-primary {
       display: inline-block;
   }
}

/* Media query iPad, laptops, desktop */
@media(min-width:768px){
 .home .vc_row-has-fill>.vc_column_container>.vc_column-inner {
      padding-top: 0;
 }

 /*Banner*/
 .home .carousel-layers {
     width: 550px;
 }
 
 /* Tabs section */
 .home .serivces-tabs-row > .vc_column_container {
     margin: -200px auto 0 !important;
 }

 .home .serivces-tabs-row .wpb_wrapper h2,
 .home .serivces-tabs-row .wpb_wrapper a {
   color: var(--white);
   filter: brightness(100%);
 }
 .home .serivces-tabs-row .vc_row {
   margin-left: -5px;
   margin-right: -5px;
 }
 .home .serivces-tabs-row .wpb_wrapper .vc_column-inner {
   padding: 5px;
 }
 
 .home .serivces-tabs-row .wpb_wrapper .wpb_content_element,
 .home .serivces-tabs-row .wpb_wrapper .serviceItem {
   width: 100%;
 }
 
 .home .serivces-tabs-row .wpb_wrapper .serviceItem:hover {
   box-shadow: 0px 24px 48px -12px #1018282E;
 }
 
 /* Check and Pay section */
 .home .finesTabContainer {
   margin-top: 5px !important;
 }
  .home .finesTabContainer input,
  .home .finesTabContainer button {
    display: inline-flex;
    justify-content: flex-start;
  }
 .finesTabContainer .container button {
   width: auto;
   min-width: 100px;
   margin: 0 10px;
   justify-content: center;
   padding: 10px 12px;
 }
 .finesTabContainer .container form input {
    margin: 0 7px;
    width: 100%;
    border-radius: 8px !important;
 }
 .tab-select {
   margin-right: 7px;
   border-radius: 8px;
   background: transparent;
 }
 [dir="rtl"]  .tab-select {
     margin-left: 7px;
   margin-right: 0;
 }
 .tab-content * {
   width: 100%;
 }
 .home .finesTab {
   background: var(--white);
   border-radius: 12px;
 }
 .check-pay-content {
   width: 100%;
 }
 .wpb-js-composer .vc_tta.vc_general.finesTab .vc_tta-tabs-list {
   width: 85%;
 }
 .wpb-js-composer .vc_tta.vc_general.finesTab .vc_tta-tabs-list li a {
   color: #525871 !important;
 }
 .wpb-js-composer .vc_tta.vc_general.finesTab .vc_tta-tabs-list li.vc_active a {
   color: #4700CC !important;
 }
 .finesTabContainer .vc_tta-panel-body {
     background-color: var(--white) !important;
 }

/*DM Pillars section */
.news-events-home .vc_column-inner, .dm-more-container {
  padding-top: 0;
  background: transparent;
}
.dm-more-container{
   padding: 0 5px 10px;
}
.dm-more-container .wpb_content_element {
  margin-bottom: 0;
}

[dir="rtl"] .dm-more-container .vc_column-inner .wpb_wrapper {
 display: inherit !important;
}
.dm-more-container .txtOverlay {
  /*background: transparent;*/
  z-index: 1;
}
.dm-more-container figure:after{
  content: '';
 width: 100%;
 min-height: 455px;
 z-index: 1;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
 border-radius: 8px;
}

.arrow-view-all-cat{
    padding-top: 15px;
}
.arrow-view-all-cat i{
   position: relative;
   top: 2px;
}
.service-all-link i{
   font-size: 20px;
   color: #4700cc;
   top: 30px;
   position:relative;
}

/*.dubai-more-box:hover, .dubai-more-box.active {
   background: #313549;
   color: var(--white);
}
.dubai-more-box:hover p, .dubai-more-box.active p,
.dubai-more-box:hover a, .dubai-more-box.active a, .dubai-more-box.active a:after {
  color: var(--white);
}
.dubai-more-box:hover p img:first-child, 
.dubai-more-box.active p img:first-child {
 display: none;
}
.dm-more-container .txtoverlayImg {
 margin-left: 10px !important;
 margin-right: 10px !important;
}

[dir="rtl"] .dm-more-container .txtoverlayImg {
  margin-right: 0;
} */
.success-stories-item-image {
 flex-grow: 2;
}

/* Number slider section */

#dm-numbers-slider .flickity-button {
  top: 38%;
}
[dir="rtl"] #dm-numbers-slider .flickity-button.next {
    right: 0;
}
#dm-numbers-slider .flickity-prev-next-button.previous {
    left: 0;
}
[dir="rtl"] .dm-num-title {
 text-align: right;
}

/* Investment opportunities section*/
.home .investmentopportunities-section {
  position: relative;
  overflow: hidden;
  background: transparent !important;
}

.home .investmentopportunities-section p {
  margin-top: 8px;
}
.home .investmentopportunities-section .wpb_wrapper .wpb_text_column .wpb_wrapper,
.dubaimore_content .wpb_wrapper{
  display: block !important;
}

[dir="rtl"] .dubaimore_content .wpb_wrapper{
 text-align: right;
}
.home .investmentopportunities-section .vc_column-inner:after {
 content: '';
 width: 100%;
 height: 212px;
 z-index: 1;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
 border-radius: 8px;
}

/* New & Events */
.news-events-list .display-posts-listing {
  /* margin-left: -40px; */
  margin-right: 0;
}
 [dir="rtl"]  .news-events-list .display-posts-listing {
  margin-left: 0;
  /* margin-right: -40px; */
 }
 [dir="rtl"]  .news-events-list {
   margin-top: 30px !important;
 }
.news-featured figure img {
  height: 233px;
}

.newshome-content p {
   overflow: hidden;
   text-overflow: ellipsis;
   /* display: -webkit-box; */
   max-height: 50px;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
 .dubai-more-cpt-img-container + .wpb_column {
     margin-top: -15px;
 }

/* Success stories */
#success_stories-slider {
 margin-left: -60px;
 height: 405px;
}

[dir="rtl"] #success_stories-slider {
  margin-right: -60px;
  margin-left: 0;
}
#success_stories-slider .success-stories-content {
   max-height: 350px;
   height: 350px;
   overflow: auto;
}
#success_stories-slider .flickity-prev-next-button.previous {
   left: -25px;
}

#success_stories-slider .flickity-prev-next-button.next {
   right: -55px;
}
[dir="rtl"]  #success_stories-slider .flickity-prev-next-button.next {
    right: 0;
}

.dm-app-home .list-post {
  height: 233px;
}
.dm-app-home .list-post figure img {
  height: 233px;
  position: absolute;
  left: 0;
  top: -108px;
}
 .serivces-tabs-row .vc_row, 
 .serivces-tabs-row .vc_row .vc_column_container {
     display: flex;
 }
 .serivces-tabs-row .vc_row .vc_column_container {
   flex: 1;
 }
 .serivces-tabs-row .vc_row .vc_column_container .wpb_raw_code,
 .serivces-tabs-row .vc_row .vc_column_container .vc_column-inner,
 .serivces-tabs-row .vc_row .vc_column_container .wpb_wrapper,
 .serivces-tabs-row .vc_row .vc_column_container .wpb_content_element,
 .serivces-tabs-row .vc_row .vc_column_container .serviceItem {
     height: 98%;
 }
 
 .serivces-tabs-row .vc_row .vc_column_container .serviceItem p + p {
   margin-bottom: 0;
 }
 .home .home-slider{
   height: 700px !important;
 }
}

@media(min-width:992px){
 .home .wpb_wrapper .wpb_text_column .wpb_wrapper{
   display: flex;
   justify-content: space-between;
 }
 
 #dm-numbers-slider .wpb_wrapper .wpb_text_column .wpb_wrapper{
     display: inherit;
 }
 
 .tab-content .text-center {
     display: flex;
 }

}