body {
    background: -ms-linear-gradient(top,#220a37 0%,#2a0d45 10%,#3b1261 30%,#663096 50%,#3b1261 70%,#2a0d45 90%,#220a37 100%);
    background: -moz-linear-gradient(top,#220a37 0%,#2a0d45 10%,#3b1261 30%,#663096 50%,#3b1261 70%,#2a0d45 90%,#220a37 100%);
    background: -o-linear-gradient(top,#220a37 0%,#2a0d45 10%,#3b1261 30%,#663096 50%,#3b1261 70%,#2a0d45 90%,#220a37 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#220a37),color-stop(10,#2a0d45),color-stop(30,#3b1261),color-stop(50,#663096),color-stop(70,#3b1261),color-stop(90,#2a0d45),color-stop(100,#220a37));
    background: -webkit-linear-gradient(top,#220a37 0%,#2a0d45 10%,#3b1261 30%,#663096 50%,#3b1261 70%,#2a0d45 90%,#220a37 100%);
    background: linear-gradient(to bottom,#220a37 0%,#2a0d45 10%,#3b1261 30%,#663096 50%,#3b1261 70%,#2a0d45 90%,#220a37 100%); /*change according to theme color*/
}

body:after {
    background-color: #dcf8ff !important;
    height: 100%;
    padding: 100px 0px;
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    display: none;
    z-index: -1;
}

.bg-color {
    padding: 70px 0px;
    background-color: #dcf8ff !important;
}

.logo {
    width: 250px;
    margin: 25px auto;
}

.outer-wrapper {
    padding: 10px 0px;
}

@media (min-width:1320px) {
    .bg-color {
        padding: 10px 0px;
    }
}

@media (min-width:992px) {
    body:after {
        display: block;
    }

    .outer-wrapper {
        padding: 70px 0px;
    }
}
/*text style here*/
.malayTaxt, .engTaxt, .cnyTaxt, .thTaxt, .myaTaxt {
    color: #fff;
    padding-top: 10px;
}

.title {
    font-size: 30px;
    font-weight: bold;
}

.txt {
    font-size: 16px;
}

.btn-action {
    color: #fff !important;
    border-color: #fff;
    border: 1px solid #fff;
    margin: 8px 0px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 16px;
}

    .btn-action:hover, .btn-action:focus, .btn-action:active, .btn-action:active:focus, .btn-action.active.focus, .btn-action.active:focus, .btn-action.focus, .btn-action.active.focus {
        color: #272727 !important;
    }

    .btn-action:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff !important;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .btn-action:hover:before, .btn-action:focus:before, .btn-action:active:before {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }

.mailAddDiv {
    font-size: 12px;
    color: #fff;
    padding-top: 30px;
}

.mailImg {
    max-width: 100%;
    height: auto;
}
/*countdown style here*/
.CountDown {
    color: #fff;
    font-size: 40px !important;
}

#cd {
    color: #FFF;
    overflow: hidden;
}

.counter-container {
    margin: 0 auto;
    display: table;
}

#cd .counter-box {
    display: block;
    overflow: hidden;
    padding: 10px 20px;
    float: left;
    margin: 10px 0;
    position: relative;
    text-align: center;
}

#cd .number {
    font-size: 35px;
    font-family: 'Monteserrat', sans-serif;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

#cd span {
    display: block;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    position: relative;
    overflow: hidden;
    text-transform: lowercase;
    text-align: center;
}

@media (max-width:992px) {
    #cd .counter-box {
        padding: 10px;
    }
}

@media (max-width:576px) {
    #cd .number {
        font-size: 25px;
    }

    #cd span {
        font-size: 15px;
    }
}
/*overwrite boostrap 4 style here*/
.navbar {
    display: block !important;
}

a {
    color: #fff !important;
    text-decoration: none !important;
}

    a:hover {
        color: #ccc;
    }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff !important;
    background-color: #270d3e !important; /*change according to theme color*/
    box-shadow: 2px 1px 2px 1px #13061f !important; /*change according to theme color*/
}

.nav {
    justify-content: center;
}
/*tab style*/
.tab-wrapper {
    background-color: #220a37; /*change according to theme color*/
    padding: 15px;
    border-radius: 4px;
    margin: 0px 15px;
}

@media (min-width:992px) {
    .tab-wrapper {
        padding: 40px;
    }
}
/*footer style here*/
.footerImg {
    height: 35px;
}

.footerText {
    text-align: center;
    color: #fff;
    font-size: 11px;
    padding-top: 10px;
}

/*mobile and desktop appearance*/
.mobile-maintenance {
    display: block;
}

.dekstop-maintenance {
    display: none;
}

@media (min-width:992px) {
    .mobile-maintenance {
        display: none;
    }

    .dekstop-maintenance {
        display: block;
    }
}