@media only screen and (min-width: 300.98px){ 

    .setting-kategori {
        right: 3.7%;
    }

    .right_menu_kategori_desktop {
        width: 65% !important;
    }

}

/* SMALL DEVICE */
@media only screen and (min-width: 599.98px){
    /* CONTENT */
    .container-x {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .setting-kategori {
        right: 3.7%;
    }

    .right_menu_kategori_desktop {
        width: 60% !important;
    }

}

/* MEDIUM DEVICES */
@media only screen and (min-width: 767.98px){
    /* VIEW */
    .view-xl{display: none;}
    .view-md{display: block;}
    .view-sm{display: none;}

    /* FONT SIZE */
    .text-xl{font-size: 26px !important;}
    .text-md{font-size: 20px !important;}
    .text-sm{font-size: 18px !important;}
    .text-xs{font-size: 16px !important;}
    .text-xs-1x{font-size: 14px !important;}
    .text-xs-2x{font-size: 12px !important;}
    .text-xs-3x{font-size: 10px !important;}

    /* BUTTON */
    .button{
        border-radius: 26px;
    }

    /* HEADER */
    .header{
        position: relative;
        padding-bottom: 40px;
    }

    .align-items-center.header-content{
        align-items: start !important;
    }

    .header-ilustration{
        position: absolute;
        bottom: 0;
        right: 40px;
        height: 220px !important;
    }

    .text-xl.text-heading {
        font-size: 32px !important;
    }

    .text-header{
        text-align: left !important;
    }

    /* SECTION MANFAAT PROGRAM */
    .manfaat-card{
        border-radius: 20px;
    }

    .manfaat-card.manfaat-card-tag{
        background: url('../images/ilustration/ilustration-card-manfaat-program-02.svg');
        object-fit: cover;
        object-position: center;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .manfaat-icon-tag{
        width: 80px !important;
        height: 80px !important;
        border-radius: 30px 0 30px 0;
    }

    .manfaat-icon{
        width: 42px !important;
        height: 42px !important;
    }

    /* SECTION BAGAIMANA CARA KERJANYA */
    .cara-kerja-card{
        border-radius: 20px !important;
    }

    .cara-kerja-heading{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .cara-kerja-button{
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .cara-kerja-wrap{
        position: relative;
    }

    .cara-kerja-line{
        display: block;
        position: absolute;
        top: 19.4%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
        height: 1.6px;
        width: 51%;
        background-color: #33C060;
    }

    /* NAV TABS */
    .nav-tabs.nav-tabs-formJemaah{
        flex-direction: row !important;
        justify-content: space-between;
        align-items: center;
    }

    /* SECTION KENAPA MEMILIH BAITULLAH */
    .pilih-baitullah-card .pilih-baitullah-content{
        flex-direction: row !important;
        padding: 40px !important;
        border-radius: 20px !important;
    }

    .pilih-baitullah-number{
        margin-right: 20px;
    }

    .pilih-baitullah-body{
        align-items: start;
        padding-left: 40px;
    }

    .pilih-baitullah-body h3{
        text-align: left !important;
    }

    .pilih-baitullah-body p{
        text-align: left !important;
    }

    /* SECTION DOWNLOAD APP VIEW MEDIUM & LARGE DEVICE */
    .app-profile-container{
        background: url('../images/ilustration/ilustration-footer-md.png');
        object-fit: cover;
        object-position: -46px;
        /* height: 282px; */
        height: 450px;
        background-position: -46px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    /* FOOTER */
    .footer-sm{display: none;}
    .footer-md{display: block;}
    .footer-xl{display: none;}

    /* Button to Top */
    .boxbtntop{
        top: 90%;
    }
    /* Button to Top */

    /* Button Chat */
    .boxbtnchat {
        top: 90%;
    }

    .dropdown:hover>.dropdown-menu {
        display: block;
        z-index:1000;
    }

    .dropdown>.dropdown-toggle:active {
        pointer-events: none;
    }

    .img-maps-portal {
        height: 250px;
        width: 100%;
        object-fit: cover;
    }

    .right_menu_kategori_desktop {
        width: 35% !important;
    }

    .alert1 {
        top: 2%;
        right: 20.4%;
    }



}

/* LARGE DEVICE */
@media only screen and (min-width: 963.98px){
    /* CONTENT */
    .container-x {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

    .container-y {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    /* SECTION KENAPA MEMILIH BAITULLAH */
    .pilih-baitullah-img{
        height: 140px !important;
    }

    /* SECTION DOWNLOAD APP VIEW LARGE DEVICE */
    .app-profile-container {
        background: url('../images/ilustration/ilustration-footer-xl.png');
        object-fit: cover;
        object-position: center;
        height: auto;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    
    
}

@media only screen and (min-width: 991.98px){
    /* VIEW */
    .view-xl{display: block;}
    .view-md{display: none;}
    .view-sm{display: none;}

    /* FONT SIZE */
    /* .text-xl{font-size: 26px !important;}
    .text-md{font-size: 22px !important;}
    .text-sm{font-size: 20px !important;}
    .text-xs{font-size: 18px !important;}
    .text-xs-1x{font-size: 16px !important;}
    .text-xs-2x{font-size: 14px !important;}
    .text-xs-3x{font-size: 12px !important;} */

    /* HEADER */
    .header-ilustration{
        position: absolute;
        bottom: 0;
        right: 80px;
        height: 270px !important;
    }

    .text-xl.text-heading {
        font-size: 32px !important;
    }

    .text-header.paragraph-header{
        padding-bottom: 20px !important;
    }

    /* SECTION MANFAAT PROGRAM */
    .manfaat-card-col{
        flex: 0 0 auto !important;
        width: 50% !important;
    }

    .manfaat-card {
        border-radius: 30px;
    }

    /* SECTION BAGAIMANA CARA KERJANYA */
    .cara-kerja-card-col{
        flex: 0 0 auto !important;
        width: 50% !important;
    }

    .cara-kerja-card {
        border-radius: 30px !important;
    }

    /* FORM */
    .form-card-01{
        width: 40% !important;
        height: fit-content;
        background-color: var(--white);
        padding: 40px !important;
        border-radius: 20px;
        box-shadow: 0px 4px 18px rgba(177, 177, 188, 0.25);
    }

    .form-card-02{
        width: 60% !important;
        border-radius: 20px !important;
    }

    .tab-card-heading{
        border-radius: 20px 20px 0 0;
    }

    .tab-card-body{
        border-radius: 0 0 20px 20px;
    }

    .nav-tabs.nav-tabs-formJemaah {
        justify-content: start;
        align-items: start;
    }

    .nav-tabs .nav-link .nav-tag {
        width: 40px !important;
        height: 40px !important;
    }

    /* SECTION KENAPA MEMILIH BAITULLAH */
    .pilih-baitullah-card .pilih-baitullah-content {
        border-radius: 30px !important;
    }
    
    
    .w-10p {
        width: 10%;
    }
    .w-20p {
        width: 20%;
    }
    .w-30p {
        width: 30%;
    }
    .w-40p {
        width: 40%;
    }
    
}

@media only screen and (min-width: 1199.98px){
    /* FONT SIZE */
    .text-xl{font-size: 26px !important;}
    .text-md{font-size: 22px !important;}
    .text-sm{font-size: 20px !important;}
    .text-xs{font-size: 18px !important;}
    .text-xs-1x{font-size: 16px !important;}
    .text-xs-2x{font-size: 14px !important;}
    .text-xs-3x{font-size: 12px !important;}

    /* HEADER */
    .header{
        height: 100vh;
        display: flex;
        align-items: center;
    }

    .text-xl.text-heading {
        font-size: 46px !important;
    }

    .header-ilustration {
        height: 330px !important;
    }

    /* SECTION BAGAIMANA CARA KERJANYA */
    .button-ikuti-program-02{
        margin-bottom: 0 !important;
    }

    /* SECTION DOWNLOAD APP VIEW LARGE DEVICE */
    .app-profile-content{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    
    .w-40p {
        width: 40%;
    }
    
    .text-12 {
        font-size:12px;
    }
    
    
    .hover-menu {
        background: transparent;
        transition: 0.6s;
        padding: 10px;
        border-radius: 5px;
    }

    .active {
        background: rgba(255, 255, 255, 0.3);
    }


    .hover-menu:hover {
        background: rgba(255, 255, 255, 0.3);
        padding: 10px;
        border-radius: 5px;
    }
    
    /*HIJAU biru */
    .btn-00 {
      font-weight: 500;
      background: #006666;
      border: 1px solid #006666;
      font-size: 16px;
      width: auto;
      border-radius: 5px;
      padding: 8px 8px 6px 8px;
      cursor: pointer;
      color: #fff;
    }

    /*HIJAU TUA */
    .btn-01 {
      font-weight: 500;
      background: #00a5a5;
      border: 1px solid #00a5a5;
      font-size: 16px;
      width: auto;
      border-radius: 5px;
      padding: 8px 8px 6px 8px;
      cursor: pointer;
      color: #fff;
    }
    
    /*HIJAU MUDA */
    .btn-02 {
      font-weight: 500;
      background: #00AC46;
      border: 1px solid #00AC46;
      font-size: 16px;
      width: auto;
      border-radius: 5px;
      padding: 8px 8px 6px 8px;
      cursor: pointer;
      color: #fff;
    }
    
    /*OREN */
    .btn-03 {
      font-weight: 500;
      background: #fe6a49;
      border: 1px solid #fe6a49;
      font-size: 16px;
      width: auto;
      border-radius: 5px;
      padding: 8px 8px 6px 8px;
      cursor: pointer;
      color: #fff;
    }
    
    .btn-03a {
      font-weight: 500;
      background: #fe6a49;
      border: 1px solid #fe6a49;
      font-size: 16px;
      width: auto;
      border-radius: 5px;
      padding: 10px 8px 10px 8px;
      cursor: pointer;
      color: #fff;
    }

    .btn-03b {
        font-weight: 500;
        background: #fe6a49;
        border: 1px solid #fe6a49;
        font-size: 16px;
        width: auto;
        border-radius: 5px;
        padding: 8px 8px 10px 8px;
        cursor: pointer;
        color: #fff;
    }
    
    /*BIRU TUA */
    .btn-04 {
      font-weight: 500;
      background: #173878;
      border: 1px solid #173878;
      font-size: 16px;
      width: auto;
      border-radius: 5px;
      padding: 8px 8px 6px 8px;
      cursor: pointer;
      color: #fff;
    }
    
    /*KUNING */
    .btn-035 {
      font-weight: 500;
      background: #FFAE1A;
      border: 1px solid #FFAE1A;
      font-size: 16px;
      width: auto;
      border-radius: 5px;
      padding: 8px 8px 6px 8px;
      cursor: pointer;
      color: #fff;
    }
    
    .text-12 {
        font-size:12px;
    }
    
    .w-40p {
        width: 40%;
    }
    
    
    .b-bottom-1 {
        border-bottom: 0.2px solid #E6E9EB !important;
    }
    
    .btn-submit-01 {
        font-weight: 500;
        background: #006666;
        border: 1px solid #006666;
        font-size: 16px;
        width: 35%;
        border-radius: 5px;
        padding: 6px 6px 5px 6px;
        cursor: pointer;
        color: #fff;
        transition: 0.6s;
    }
    
    .dropdown:hover>.dropdown-menu {
    display: block;
    z-index:1000;
    }

    .dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
        pointer-events: none;
    }
    
    .margin-l-min5p {
      margin-left: -4% !important;
    }
    
    
    .w-10p {
        width: 10%;
    }
    .w-20p {
        width: 20%;
    }
    .w-30p {
        width: 30%;
    }
    .w-40p {
        width: 40%;
    }
    

    /* FOOTER */
    .footer-sm{display: none;}
    .footer-md{display: none;}
    .footer-xl{display: block;}

    .img-maps-portal {
        height: 250px;
        width: 100%;
        object-fit: cover;
    }

    #Header-Content-Large-Device {
        transition: margin-left .6s;
        margin-left: 265px;
    }

    #Body-Content-Large-Device {
        transition: margin-left .6s;
        margin-left: 265px;
    }

    .alert1 {
        position: absolute;
        top: 3%;
        right: 12.5%;
        background: red;
        color: #fff;
        padding: 3px 5px;
        font-size: 12px;
        border-radius: 50%;
    }

    .setting-kategori {
        right: 1.1%;
    }

    .right_menu_kategori_desktop {
        width: 20% !important;
    }

}

@media only screen and (min-width: 1365.98px){
    /* HEADER */
    .header-ilustration {
        height: 410px !important;
    }

    /* SECTION MANFAAT PROGRAM */
    .manfaat-card-col {
        flex: 0 0 auto !important;
        width: 25% !important;
    }

    /* SECTION BAGAIMANA CARA KERJANYA */
    .cara-kerja-content-xl{display: block !important;}
    .cara-kerja-content-sm-md{display: none !important;}

    .cara-kerja-line {
        top: 15.2%;
        width: 75%;
    }

    .cara-kerja-card-col {
        flex: 0 0 auto !important;
        width: 25% !important;
    }

    .cara-kerja-card{
        border-radius: 30px !important;
        height: 360px;
    }

    .cara-kerja-title{
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    /* SECTION KENAPA MEMILIH BAITULLAH */
    .pilih-baitullah-img {
        height: 170px !important;
    }
    
    #Header-Content-Large-Device {
        transition: margin-left .6s;
        margin-left: 265px;
    }
    
    #Body-Content-Large-Device {
        transition: margin-left .6s;
        margin-left: 265px;
    }
    
    .b-bottom-1 {
        border-bottom: 0.2px solid #E6E9EB !important;
    }
    
    .btn-submit-01 {
        font-weight: 500;
        background: #006666;
        border: 1px solid #006666;
        font-size: 16px;
        width: 32%;
        border-radius: 5px;
        padding: 6px 6px 5px 6px;
        cursor: pointer;
        color: #fff;
        transition: 0.6s;
    }
    
    .dropdown:hover>.dropdown-menu {
    display: block;
    z-index:1000;
    }

    .dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
        pointer-events: none;
    }
    
    
    .w-10p {
        width: 10%;
    }
    .w-20p {
        width: 20%;
    }
    .w-30p {
        width: 30%;
    }
    .w-40p {
        width: 40%;
    }
    
}

@media only screen and (min-width: 1439.98px){
    /* CONTENT */
    .container-x {
        padding-left: 140px !important;
        padding-right: 140px !important;
    }

    /* HEADER */
    .text-xl.text-heading {
        font-size: 52px !important;
    }
}

@media only screen and (min-width: 1919.98px){

    .view-xl{
        display: block;
    }

    .view-sm{
        display: none;
    }

    /* VIEW */
    .container-x {
        padding-left: 200px !important;
        padding-right: 200px !important;
    }

    /* FONT SIZE BARU  */
    .text-xl{font-size: 32px !important;}
    .text-md{font-size: 24px !important;}
    .text-sm{font-size: 26px !important;}
    /* .text-xs{font-size: 24px !important;} */
    .text-xs-1x{font-size: 18px !important;}
    .text-xs-2x{font-size: 20px !important;}
    .text-xs-3x{font-size: 18px !important;}
    .text-xs-6x{font-size: 14px !important;}
    .text-xs-7x{font-size: 12px !important;}


    /* HEADER */
    .text-xl.text-heading {
        font-size: 72px !important;
    }

    .padding-y-20{padding-top: 50px !important; padding-bottom: 50px !important;}

    .margin-t-100{margin-top: 150px !important;}


    .margin-t-30{margin-top: 50px !important;}

    .margin-t-50{margin-top: 50px !important;}

    .height-250{height: 400px !important;}

    .padding-10{padding: 20px !important;}


    
    .padding-t-5 {padding-top: 5px !important;}
    .padding-t-15 {padding-top: 15px !important;}
    .padding-b-15 {padding-bottom: 0px !important;}


    .border-b-white-01 {border-bottom: 1px solid #ffffff69;}
    .border-b-white-02 {border-bottom: 1px solid #d5d5d5cc;}

    .sidebar-menu {
        background-color: #006666;
        position: fixed;
        top: 0;
        z-index: 9;
        height: 100%;
        line-height: inherit;
        background: #006666;
        width: 265px;
        text-align: left;
        -webkit-transition: 0.6s;
        transition: 0.6s;
        -webkit-box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
        box-shadow: 0 0 21px 0 rgba(89, 102, 122, 0.1);
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }


    #Header-Content-Large-Device {
    transition: margin-left .6s;
    margin-left:265px;
    }


    #Body-Content-Large-Device {
    transition: margin-left .6s;
    margin-left:265px;
    }

    body{
    /*font-family: "Maison", sans-serif !important;*/
    font-family: "MontserratRegular", sans-serif !important;
    background: #F5F5F5 !important;
    }

    .lh-15 {
        line-height: 15px;
    }
    .lh-20 {
        line-height: 20px;
    }

    .margin-t-5{margin-top: 5px !important;}
    .margin-t-16 {margin-top: 16px !important;}

    .hover-menu {
        background: transparent;
        transition: 0.6s;
        padding: 10px;
        border-radius: 5px;
    }

    .active {
        background: rgba(255, 255, 255, 0.3);
    }


    .hover-menu:hover {
        background: rgba(255, 255, 255, 0.3);
        padding: 10px;
        border-radius: 5px;
    }


    .bg-login {
        background-image: url("../images/ilustration/bg-login-02.jpg");
        scroll-behavior: smooth;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        overflow: hidden;
        width: 100%;
        height: 100dvh;
    }

    .ditengah {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
    }

    .btn-submit {
        font-weight: 500;
        background: #00a5a5;
        border: 1px solid #00a5a5;
        font-size: 16px;
        width: auto;
        border-radius: 5px;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
        COLOR: #fff;
        transition: 0.6s;
    }

       .btn-submit:hover {
        font-weight: 500;
        background: #006666;
        border: 1px solid #006666;
        font-size: 16px;
        width: auto;
        border-radius: 5px;
        padding: 8px 8px 6px 8px;
        cursor: pointer;
        COLOR: #fff;
    }

    .btn-submit-01 {
        font-weight: 500;
        background: #006666;
        border: 1px solid #006666;
        font-size: 16px;
        width: auto;
        border-radius: 5px;
        padding: 6px 6px 5px 6px;
        cursor: pointer;
        COLOR: #fff;
        transition: 0.6s;
    }

    .btn-submit-01:hover {
        font-weight: 500;
        background: #024a4a;
        border: 1px solid #024a4a;
        font-size: 16px;
        width: auto;
        border-radius: 5px;
        padding: 6px 6px 5px 6px;
        cursor: pointer;
        COLOR: #fff;
    }
    
    .btn-submit-02 {
        font-weight: 500;
        background: #006666;
        border: 1px solid #006666;
        font-size: 16px;
        width: auto;
        border-radius: 5px;
        padding: 6px;
        cursor: pointer;
        COLOR: #fff;
        transition: 0.6s;
    }

    .btn-submit-02:hover {
        font-weight: 500;
        background: #024a4a;
        border: 1px solid #024a4a;
        font-size: 16px;
        width: auto;
        border-radius: 5px;
        padding: 6px;
        cursor: pointer;
        COLOR: #fff;
        transition: 0.6s;
    }
    

    .padding-7{padding: 7px !important;}
    .padding-10{padding: 10px !important;}

    .size-banner {
        height: 60vh;
        object-fit: cover;
        border-radius: 10px;
    }

    .carousel-control-prev {
        left: 0% !important;
        width: 5% !important;
    }

    .carousel-control-next {
        right: 0% !important;
        width: 5% !important;
    }

    .shadow-normal{box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);}
    .border-1 {
        border: 1px solid #E6E9EB !important;
    }
    
    .b-bottom-1 {
        border-bottom: 0.2px solid #E6E9EB !important;
    }

    .border-none {
        border: 0px !important;
    }

    .border-right-1 {
        border-right: 1px solid #e7e7e7;
    }

    .position_list_legend {
        position: absolute;
        right: 0.5%;
        top: 9.5%;
        width: 20%;
        height: 100vh;
        z-index: 100;
        background: #fff;
        border-radius: 10px !important;
        box-shadow: 0 1px 8px 0 rgba(0,0,0,0.12);
    }

    .dropdown:hover>.dropdown-menu {
    display: block;
    z-index:1000;
    }

    .dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
        pointer-events: none;
    }

    /* SEARCH  */

    .position-search {
        position: relative;
        margin-top: -18%;
        margin-left: 3%;
    }


    /* ANIME TEXT  */
    .ml2 {
        font-weight: 900;
        font-size: 3.5em;
    }

    .ditengah {
        position: absolute;
        top: 50%;
        left: 50%;
        width:100%;
        transform: translate(-50%, -50%);
    }

    .justify-content-end {
        justify-content: flex-end !important;
    }
    
    /*HIJAU biru */
    .btn-00 {
      font-weight: 500;
      background: #006666;
      border: 1px solid #006666;
      font-size: 16px;
      width: auto;
      border-radius: 5px;
      padding: 8px 8px 6px 8px;
      cursor: pointer;
      color: #fff;
    }

    /*HIJAU TUA */
    .btn-01 {
      font-weight: 500;
      background: #00a5a5;
      border: 1px solid #00a5a5;
      font-size: 16px;
      width: auto;
      border-radius: 5px;
      padding: 8px 8px 6px 8px;
      cursor: pointer;
      color: #fff;
    }
    
    /*HIJAU MUDA */
    .btn-02 {
      font-weight: 500;
      background: #00AC46;
      border: 1px solid #00AC46;
      font-size: 16px;
      width: auto;
      border-radius: 5px;
      padding: 8px 8px 6px 8px;
      cursor: pointer;
      color: #fff;
    }
    
    /*OREN */
    .btn-03 {
      font-weight: 500;
      background: #fe6a49;
      border: 1px solid #fe6a49;
      font-size: 16px;
      width: auto;
      border-radius: 5px;
      padding: 8px 8px 6px 8px;
      cursor: pointer;
      color: #fff;
    }
    
    .btn-03a {
      font-weight: 500;
      background: #fe6a49;
      border: 1px solid #fe6a49;
      font-size: 16px;
      width: auto;
      border-radius: 5px;
      padding: 10px 8px 10px 8px;
      cursor: pointer;
      color: #fff;
    }

    .btn-03b {
        font-weight: 500;
        background: #fe6a49;
        border: 1px solid #fe6a49;
        font-size: 16px;
        width: auto;
        border-radius: 5px;
        padding: 8px 8px 10px 8px;
        cursor: pointer;
        color: #fff;
    }
    
    /*BIRU TUA */
    .btn-04 {
      font-weight: 500;
      background: #173878;
      border: 1px solid #173878;
      font-size: 16px;
      width: auto;
      border-radius: 5px;
      padding: 8px 8px 6px 8px;
      cursor: pointer;
      color: #fff;
    }
    
    /*KUNING */
    .btn-035 {
      font-weight: 500;
      background: #FFAE1A;
      border: 1px solid #FFAE1A;
      font-size: 16px;
      width: auto;
      border-radius: 5px;
      padding: 8px 8px 6px 8px;
      cursor: pointer;
      color: #fff;
    }
    
    .text-12 {
        font-size:12px;
    }
    
    .w-10p {
        width: 10%;
    }
    .w-20p {
        width: 20%;
    }
    .w-30p {
        width: 30%;
    }
    .w-40p {
        width: 40%;
    }

    .justify-mobile-start {
        margin-right: 0px !important;
    }
    
    
    .margin-l-min5p {
      margin-left: -4% !important;
    }

    .alert1 {
        position: absolute;
        top: 2%;
        right: 8%;
        background: red;
        color: #fff;
        padding: 3px 5px;
        font-size: 12px;
        border-radius: 50%;
    }

    .img-maps-portal {
        height: 250px;
        width: 100%;
        object-fit: cover;
    }


}