h1,h2,h3,h4,h5,h6 {

    font-family: "Poppins";

    size: 40px;

}

p {

    font-family: "Open Sans";

}

.mega-menu{

    position: relative;

    left: -20rem;

    justify-content: center;

    width: 47rem; overflow: hidden; padding: 10px;

}

.mega-menu a{text-decoration: none; color: #030F6B;}

.mega-menu .sub-menu-heading{ color: darkcyan;}

.mega-menu .row .col-md-7:hover, .mega-menu .row .col-md-7:hover {

    background-color: #E6E7E9;

}

.mega-menu a:hover {

    font-weight: bold;

}

@media(max-width:500px){

	.mega-menu{width: 300px;}

}

#perizinanTerpopuler {

    background: url(/img/background/perizinanTerpopuler.svg);

    background-size: contain;

    color: white;

}

#perizinan1 {

    background: url(/img/background/perizinan1.jpg);

    background-size: cover;

    background-repeat: no-repeat;

}

#alur-izin {

    background-color: #E6E7E9;

    ;

    ;

}

#konsultasi {

    background: url(/img/form.jpg);

    background-size: cover;

    background-position: bottom;

    background-repeat: no-repeat;

}

#backgroundJakarta {

    background-image: url(/img/background/jakarta.png);

    background-size: contain;

    background-repeat: no-repeat;

}

.rounded {

    border-radius: 2em !important;

}

.footer {

    background-image: url(/img/background/footer.svg);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}

div.dropdown-multicol2{

    width: 40em;

  }

  div.dropdown-multicol2>div.dropdown-col{

    display:inline-block;

    width: 32%;

  }

p.small {

    font-size: 0.9em;

}

p.caption {

    font-size: 1.25em;

}

.text-ungu {

    color: #030F6B;

}

.bg-ungu {

    background-color: #030F6B;

}

.bg-ungu-cerah {

    background-color: #030F6B;

}

.bg-kuning {

    background-color: #F8B600;

}

.bg-abu {

    background-color: #E1E3F3;

}

.text-jasa {

    color:#333F4E;

}

.text-jasa-caption {

    color: #030F6B;

}

.text-jasa-link {

    color: #030F6B;

}

.nav-logo {

    height: 3em; width: auto; 

    image-rendering: -webkit-optimize-contrast;

} 

.img-logo {

    height: 4em;

    width:auto;

    image-rendering: -webkit-optimize-contrast;

}

/* .nav-link {

    color: white;

} */

.bg-home {

    background-image: url(/img/slider/background.jpg);

}

.bg-pudar {

    background-color: #E6E7E9;

}

.logo-footer{

    height: 3em; width: 50%; 

    image-rendering: -webkit-optimize-contrast;

} 

.bg-footer {

    background-color: #423144;

}

.bg-dark {

    background-color: #030F6B !important;

}

.carousel-item>img {

    height: 85vh;

    object-fit: cover;

    object-position: center;

}

.carousel-caption{

    top: 25%;

    /* left: 10%; */

    text-align: left;

}

h1.h2 {

    line-height: 1.5em;

}

.caption-left {

    left: 5%;

    top: 40%;

}

.carousel-middle {

    height: 20em;

}

.caption-medium {

    top: 30%;

}

.img-thumbnail {

    background-color: transparent;

    border: none;

}

.img-cover {

    height: auto;

}

.img-pelayanan {

    height: auto !important;

}

img {

    background-color: transparent;

}

.img-contain {

    object-fit: contain !important;

}

.bg-legal {

    background-color: #BB1F23;

}

.text-warna {

    color: #030F6B;

}

.text-warna2 {

    color: #030F6B;

}

.text-cokelat {

    color: #030F6B;

}

.text-biru {

    color: #030F6B;

}

.bg-cokelat {

    background-color: #030F6B;

}

.bg-biru {

    background-color: #030F6B;

}

.bg-biru-muda {

    background-color: #CCD9E9;

}

.bg-abu-abu {

    background-color: #C4C4C4;

}

.bg-putih {

    background-color: #EFF5F5;

}

.background-warna {

    background-color: #030F6B;

}

.background-warna2 {

    background-color: #030F6B;

}

.background-warna3 {

    background-color: #EAEAEA;

}

.nav-tabs>.active {

    background-color:  #030F6B !important;

    color: white !important;

}

.hover:hover {

    background-color: #030F6B;

    text-decoration: none;

}

.btn-link:hover{

    text-decoration: none;

}

.bg-color {

    background-color: #423144;

    width: 100%;

    height: 25em;

}

.bg-legalic {

    background-color: #EB3338;

}

.bg-legalic2 {

    background-color: #F9F9F9;

}

.bg-legalic3 {

    background-color: #423144;

}

.card-link {

    font-family: Poppins;

}

.img-dark {

    filter: brightness(70%);

}

.card-hover:hover {

    background-image: linear-gradient(#E93237, #9E1E22);

    color: white;

}

.hover-zoom:hover {

    transform: scale(1.1);

}

.hover-zoom:hover {

    transform: scale(1.1);

    background-color: #030F6B !important;

    color: white !important;

}

.hover-zoom:hover .text-warna2, .hover-zoom:hover .text-warna, .hover-zoom:hover p>.h6, .hover-zoom:hover .h4{

    color: white;

}

.hover-zoom:hover .background-warna, .hover-zoom:hover .text-white{

    background-color: white;

    color: #030F6B !important;

}

.promo-hover:hover {

    transform: scale(1);

    background-color: #030F6B !important;

    color: white !important;

}

.promo-hover:hover .text-biru, .promo-hover:hover .text-warna, .promo-hover:hover p>.h6, .promo-hover:hover .h4, .promo-hover:hover .text-cokelat{

    color: white !important;

}

.promo-hover:hover .background-warna, .promo-hover:hover .text-white{

    background-color: white;

    color: #030F6B !important;

}

.tahapan-hover:hover {

    transform: scale(1);

    background-color: #030F6B !important;

    color: white !important;

}

.tahapan-hover:hover .text-biru, .tahapan-hover:hover .text-warna, .tahapan-hover:hover p>.h6, .tahapan-hover:hover .h4, .tahapan-hover:hover .text-cokelat{

    color: white !important;

}

.tahapan-hover:hover .background-warna, .tahapan-hover:hover .text-white{

    background-color: white;

    color: #030F6B !important;

}

.card-body>.text-legal {

    color: white;

}

.extend {

    padding-bottom: 7em; 

}

.transparent {

    background-color: transparent;

}

.bg-transparent {

    background-color: transparent;

}

.footer a {

    text-decoration: none;

    color: white;

}

.slider-small {

    height: 20em;

}

.slider-medium {

    height: 30em;

}

.bg-image-promosi {

    background-image: url(/img/andalalin/hargaSpecial.jpg); 

    background-repeat: no-repeat; 

    background-size: cover;

}

.mystyle {

    color: black;

  }

.index-1 {

    position: absolute; z-index: 99; top: 72%; margin-left: auto; margin-right: auto; left: 0; right: 0;

}

.index-right{

    position: absolute; right: 5%; z-index: -1;

}

.index-left {

    position: absolute; left: 10%; z-index: -1;

}

.icon-jasa {

    width: 10em;

}



.icon-kecil {

    object-fit: cover;

    height: 8em;

    width: 8em;

}

@media only screen and (max-width: 1024px) {

    

}

@media only screen and (max-width: 425px) {

    #perizinanTerpopuler {

        background: none;

        background-color: #030F6B;

        background-size: cover;

        background-repeat: no-repeat;

    }

    .nav-logo {

        height: 2em; width: auto; 

        image-rendering: -webkit-optimize-contrast;

    } 

    .slider-medium {

        height: 20em;

    }

    .caption-medium {

        top: 30%;

    }

    .carousel-item>img {

        height: 30em;

        object-fit: cover;

        object-position: center;

    }

    .carousel-small>img {

        height: 25em;

        object-fit: cover;

        object-position: left;

    }

    .carousel-caption {

        top: 20%;

        /* width: 100% !important; */

    }

    .caption-left {

        top: 30%;

        height: 20em;

    }

    .caption-small {

        top: 40%;

    }

    .img-pelayanan {

        height: 20em !important;

    }

    .carousel-caption h1 {

        font-size: 1.25em;

    }

    .carousel-caption p {

        font-size: 1em;

    }

    .bg-image-promosi {

        background-image: none;

        background-color: #423144;

    }

    .carousel-caption>h2 {

        font-size: 1.25em;

    }

    h1 {

        font-size: 1.5em;

    }

    p {

        font-size: 1em;

    }

    p.h5, p.h4{

        font-size: 1.2em;

    }

    h1.h3{

        font-size: 1.25em;

    }

    

    .caption-medium {

        top: 30%;

    }

    .index-space {

        margin-top: 33em;

    }

    .index-right {

        position: absolute; z-index: -99; margin-left: auto; margin-right: auto; left: 0; right: 0;

    }

    .index-left {

        position: absolute; left: 0%; z-index: -1;

        padding: 0px;

    }

    .p-index {

        margin-top: 13em;

    }

    h5 {

        font-size: 1em;

        font-weight: bold;

    }

    



}

@media only screen and (max-width: 375px) {

    .carousel-item>img {

        height: 32em !important;

        object-fit: cover;

        object-position: center;

    }

}



@media only screen and (max-width: 320px) {

    .carousel-item>img {

        height: 34em !important;

        object-fit: cover;

        object-position: center;

    }

    .index-space {

        margin-top: 37em;

    }

    h3 {

        font-size: 1.5em;

    }

    h2 {

        font-size: 1em !important;

    }

}