/* SMALL DEVICE */

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

    .absolute-header-1 {
        position: absolute;
        width: 85%;
        bottom: 45%;
    }

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

}


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

    .container-x1 {
        padding-left: 40px !important;
        padding-right: 40px !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: 650px;
        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 */


    .view-none {
        display: none;
    }
    /* Button Chat */
    .boxbtnchat {
        top: 90%;
    }
    /* Button Chat */


}

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

    .container-x1 {
        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;
    }


    /* SETTING PADDING  */

    .padding-x-50 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .padding-x-30 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .padding-y-15 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

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

    .position-btn-cari {
        margin-left: -15%;
        margin-top: -1%;
    }


}

@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;
    }


    /*============== TAMBAHAN BARU ================== */

    .view-xl{
        display: block;
    }

     .view-md{
        display: none;
    }

    .view-sm{
        display: none;
    }

    .text-xl-2x{font-size: 30px !important;}
    .text-xl-1x{font-size: 28px !important;}
    .text-xl{font-size: 26px !important;}
    .text-md{font-size: 20px !important;}
    .text-xs{font-size: 14px !important;}
    .text-xs-1x {font-size: 18px !important;}
    .text-xs-2x {font-size: 16px !important;}
    .text-xs-3x {font-size: 14px !important;}
    
    

    .padding-t-20 {padding-top: 10px !important;}
    .padding-b-20 {padding-bottom: 30px !important;}

    .img-tips {
        height: 160px !important;
        object-fit: cover;
    }

    .absolute-header-1 {
        position: relative;
        width: 90%;
        bottom: 33%;
    }

        /* 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;
    }

    .img-berita-utama {
        height: 346px;
        width: 100%;
        object-fit: cover;
    }

    .padding-t-65 {
        padding-top: 45px !important;
    }

    .padding-b-18 {
        padding-bottom: 18px !important;
    }

    .height-300 {
        height: 220px !important;
    }

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

    .img-sub-populer {
        height: 135px !important;
        object-fit: cover;
    }

    .img-kisah {
        height: 445px !important;
        width: 100%;
        object-fit: cover;
    }


    /* SETTING PADDING  */

    .padding-x-50 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .padding-x-30 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .padding-y-15 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .padding-b-15 {
        padding-bottom: 20px;
    }

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

    .height-video {
        height: 60vh !important;
    }

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

    .position-play-01 {
        position: absolute;
        margin-top: -2%;
        margin-left: 1%;
    }

    .absolute-cerita-populer-1 {
        padding: 15px;
        position: relative;
        width: 100%;
        margin-top: -58%;
    }

    .tag-kategori {
     height: 45px;
    }

    /* SETTING WIDTH  */
    .width-30p {
        width: 10% !important;
    }

    .padding-t-80 {padding-top: 120px !important;}

    /* .margin-t-100 {
        margin-top: -250px !important;
    } */

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

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

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


    .set-notif1 {
        margin-left: -10px;
        position: absolute;
        background: #f33131;
        font-size: 12px;
        height: 17px;
        width: 17px;
        text-align: center;
        color: #fff;
        border-radius: 25px;
    }

    .set-notif2 {
        margin-left: -10px;
        position: absolute;
        background: #f33131;
        font-size: 12px;
        height: 17px;
        width: 17px;
        text-align: center;
        color: #fff;
        border-radius: 25px;
    }



}


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

    /* 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;
    }

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

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

    /* SETTING WIDTH  */

    .width-15p{width: 15% !important;}

    .width-30p {
        width: 10% !important;
    }

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

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

    .set-card-detail {
        margin-top: 0%;
        position: relative;
    }

    .card-travel-detail {
        position: relative;
        display: flex
    ;
        align-items: center;
        padding: 10px 30px;
        background: linear-gradient(to right, #33BFA4, #33C060);
        box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.12);
        border-radius: 44px;
        margin-top: -1rem;
    }


    .padding-0a{padding: 10px !important;}

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


}

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

}

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

    .container-x1 {
        padding-left: 140px !important;
        padding-right: 140px !important;
    }

    .padding-0a{padding: 14px !important;}

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

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

    .view-xl{
        display: block;
    }

    .view-md{
        display: block;
    }

    .view-sm{
        display: none;
    }

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

    .container-x1 {
        padding-left: 200px !important;
        padding-right: 200px !important;
    }

    /* FONT SIZE BARU  */
    .text-xl-4x{font-size: 40px !important;}
    .text-xl-3x{font-size: 38px !important;}
    .text-xl-2x{font-size: 36px !important;}
    .text-xl-1x{font-size: 34px !important;}
    .text-xl{font-size: 32px !important;}
    .text-md{font-size: 24px !important;}
    .text-sm{font-size: 20px !important;}
    .text-xs {font-size: 12px !important}
    .text-xs-1x {font-size: 14px !important}
    .text-xs-2x {font-size: 16px !important}
    .text-xs-3x {font-size: 18px !important}


    /* .text-sm{font-size: 26px !important;} */
    /* .text-xs{font-size: 18px !important;}
    .text-xs-1x{font-size: 18px !important;}
    .text-xs-2x{font-size: 20px !important;}
    .text-xs-3x{font-size: 18px !important;}
    .text-xs-4x{font-size: 16px !important;}
    .text-xs-5x{font-size: 14px !important;} */


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

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

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

    .img-berita-utama {
        height: 465px !important;
        width: 100%;
        object-fit: cover;
    }

    .height-35{height: 40px !important;}

    .absolute-header-1 {
        position: relative;
        width: 90%;
        bottom: 31%;
    }

   .img-tips {
        height: 220px !important;
        object-fit: cover;
    }

    .tag-fb {
        background: #2A67C6;
        width: 100%;
        padding: 5px 10px;
        border-radius: 5px;
        height: 60px;
    }

    .tag-ig {
        background: #F872A4;
        width: 100%;
        padding: 5px 10px;
        border-radius: 5px;
        height: 60px;
    }

    .tag-yt {
        background: #F1383E;
        width: 100%;
        padding: 5px 10px;
        border-radius: 5px;
        height: 60px;
    }

    .tag-tiktok {
        background: #000;
        width: 100%;
        padding: 5px 10px;
        border-radius: 5px;
        height: 60px;
    }

        .img-cerita-lain {
        height: 260px !important;
        object-fit: cover;
    }

    .tag-cerita {
        font-size: 16px;
    }

    .position-play-01 {
        position: absolute;
        margin-top: -1.2%;
        margin-left: 1%;
    }

    .klik-play-01 {
        border-radius: 50px;
        padding: 5px;
        background: rgba(255, 255, 255, 0.5);
        box-shadow: 0 4px 30px 0 rgb(216 221 218 / 70%) !important;
    }

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

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


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

    .img-detail-artikel {
        width: 100%;
        height: 40% !important;
        object-fit: cover;
    }

    .absolute-cerita-populer-1 {
        padding: 20px;
        position: relative;
        width: 100%;
        margin-top: -35%;
    }

    .height-video {
        height: 75vh !important;
    }

    .padding-15{padding: 15px !important;}

    .padding-t-65 {
        padding-top: 100px !important;
    }

    /* .margin-t-50 {margin-top: 80px !important;} */
    .margin-t-min15 {
        margin-top: 60px !important;
    }

    .height-300 {
        height: 300px !important;
    }

    .img-kisah {
        height: 612px !important;
        width: 100%;
        object-fit: cover;
    }

    /* SETTING PADDING  */
    .padding-7{padding: 7px !important;}

    .padding-x-50 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .padding-x-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

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


    /* SETTING PADING TOP  */
    .padding-t-5 {padding-top: 2px !important;}
    .padding-t-10{padding-top: 100px !important;}
    .padding-t-15 {padding-top: 15px !important;}
    .padding-t-30{padding-top: 30px !important;}
    .padding-t-70 {padding-top: 70px !important;}

    

    /* SETTING PADDING BOTTOM  */
    .padding-b-0{padding-bottom: 0px !important;}
    .padding-b-15{padding-bottom: 30px;}
    .padding-b-18 {padding-bottom: 24px !important;}
    .padding-b-20 {padding-bottom: 20px !important;}

    /* SETTING MARGIN  */
    /* .margin-t-10 {margin-top: 0px !important;} */


    .view-none {
        display: none;
    }

    .tag-kategori {
        height: 60px;
    }

    .padding-t-80 {padding-top: 110px !important;}


    /* SETTING FONT  */

    .set-font {
        font-size: 46px;
        line-height: 60px;
        margin-bottom: 15px;
        font-weight: bold !important;
        letter-spacing: -0.01em;
        font-family: "Outfit", sans-serif;;
    }

    .font-outfit-title-1 {
        font-size: 46px;
        line-height: 60px;
        margin-bottom: 15px;
        font-weight: bold !important;
        letter-spacing: -0.01em;
        font-family: "Outfit", sans-serif;;
    }

    .font-outfit-title-3 {
        font-size: 26px;
        line-height: 46px;
        /* margin-bottom: 15px; */
        font-weight: bold !important;
        letter-spacing: -0.01em;
        font-family: "Outfit", sans-serif;
    }

    .font-outfit-title-4 {
        font-size: 24px;
        line-height: 35px;
        font-weight: 600 !important;
        letter-spacing: -0.01em;
        font-family: "Outfit", sans-serif;
    }
    .font-outfit-title-5 {font-size: 22px;}
    .font-outfit-title-6 {font-size: 20px;}

    .font-outfit-content {
        font-size: 20px;
        line-height: 40px;
        margin-bottom: 15px;
        letter-spacing: -0.01em;
        font-family: "Outfit", sans-serif;;
    }

    .weight-600 {
        font-weight: 600 !important;
    }

    .img-berita-utama {
        height: 346px;
        width: 100%;
        object-fit: cover;
    }

    .text-header-banner {
        position: relative;
        margin-top: -30%;
        width: 100%;
        padding: 25px;
    }

    .setting-under-constraction {
    /* Full height */
    height: 100%;
    background-image: url("../images/ilustration/img-12.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    }

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

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

    .text-60 {font-size: 60px;}


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

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


    .package-long-day-top {
        padding: 6px 20px;
        background-color: #FAF5EE;
        width: 100%;
        height: auto;
        border-radius: 8px 8px 0 0;
    }

    .package-long-day-bottom {
        padding: 4px 20px;
        background-color: #33C060;
        width: 100%;
        height: auto;
        border-radius: 0 0 8px 8px;
    }


    /* DIMENSION PERSEN  */
    .width-10p{width: 10% !important;}
    .width-18p {width: 10% !important;}
    .width-15p{width: 15% !important;}
    .width-20p{width: 20% !important;}
    .width-23p{width: 23% !important;}
    .width-50p{width: 50% !important;}
    .width-60p{width: 60% !important;}
    .width-70p{width: 40% !important;}
    .width-80p{width: 80% !important;}
    .width-90p{width: 90% !important;}
    .width-100p{width: 100% !important;}

    .width-content{width: fit-content !important;}

    .margin-t-0{margin-top: 60px !important;}
    .margin-1 {margin: 0px !important;}

    .shadow-mobile{box-shadow: none;}

    .set-card-detail {
        margin-top: 0%;
        position: relative;
        z-index: 0 !important;
    }

    .shadow-mobile{box-shadow: 0px 4px 18px rgba(177, 177, 188, 0.25);}

    /* SETTING WIDTH PERSEN  */

    .width-5p{width: 5% !important;}

    .width-15p{width: 10% !important;}

    .width-30p {
        width: 10% !important;
    }

    .card-travel-detail {
        position: relative;
        display: flex;
        align-items: center;
        padding: 10px 30px;
        background: linear-gradient(to right, #33BFA4, #33C060);
        box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.12);
        border-radius: 44px;
        margin-top: -1rem;
        /* margin-bottom: 2rem; */
    }

    .set-notif-pesanan {
        right: 3%;
        position: absolute;
        background: #f33131;
        font-size: 12px;
        height: 17px;
        width: 17px;
        text-align: center;
        color: #fff;
        border-radius: 25px;
    }

    .set-notif1 {
        margin-left: -10px;
        position: absolute;
        background: #f33131;
        font-size: 12px;
        height: 17px;
        width: 17px;
        text-align: center;
        color: #fff;
        border-radius: 25px;
    }

    .set-notif2 {
        margin-left: -10px;
        position: absolute;
        background: #f33131;
        font-size: 12px;
        height: 17px;
        width: 17px;
        text-align: center;
        color: #fff;
        border-radius: 25px;
    }

    .set-left {
        background: #fff;
        border-radius: 50%;
        padding: 10px;
        border: 2px solid #33c060;
    }

    .d-25{width: 40px !important; height: 40px !important;}

    .height-160{height: auto !important;}

    .lh-20 {
        line-height: 24px;
        margin-top: 2px;
    }

    .height-60{height: 65px !important;}

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

    .pagination-lg {
        --bs-pagination-padding-x:1.5rem !important;
        --bs-pagination-padding-y: 0.75rem !important;
        --bs-pagination-font-size: 1.25rem;
    }

    .position-cus-fix {
        position: fixed;
        bottom: 5%;
        right: 2%;
        background: #fff;
        z-index: 100;
        padding: 15px;
        border-radius: 20px;
        box-shadow: 2px 2px 3px #999;
        cursor: pointer;
    }

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

    .show {
        display: block;
    }

    .padding-0a{padding: 20px !important;}

    .set-card-detail {
    padding: 0px;
    }

    .width-100pa{width: 20% !important;}

    .set-padding7 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    h1, .h1 {
        font-size: 2rem !important;
    }

    .cursor {
        cursor: pointer;
    }

    .set-padding7 {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }


}