penjana-initiatives-modal.css

	.js-rocket-penjana-initiatives {
	    font-family: Ubuntu, sans-serif
	}

	.js-rocket-penjana-initiatives .background-color--light {
	    background: #f5f5f5
	}

	.js-rocket-penjana-initiatives table {
	    border-collapse: collapse
	}

	.js-rocket-penjana-initiatives table,
	.js-rocket-penjana-initiatives td,
	.js-rocket-penjana-initiatives th {
	    border: 1px solid #000
	}

	.js-rocket-penjana-initiatives .img-container {
	    text-align: center;
	    width: 100%;
	    margin-bottom: 50px
	}

	.js-rocket-penjana-initiatives .list-group .list-group-item {
	    background-color: #fff !important
	}

	.js-rocket-penjana-initiatives .list-group-item {
	    border: none !important;
	    box-shadow: 0 0 5px 0 #d8d5d5;
	    border-radius: 0 !important;
	    margin-bottom: 10px
	}

	.js-rocket-penjana-initiatives .text-head,
	.js-rocket-penjana-initiatives hr {
	    display: none
	}

	.js-rocket-penjana-initiatives .header_main p {
	    font-size: 20px;
	    margin-bottom: 50px
	}

	.js-rocket-penjana-initiatives .size-full {
	    width: 100%
	}

	.js-rocket-penjana-initiatives .learnmore_btn {
	    color: #37417e;
	    border: 1px solid #37417e;
	    background: 0 0;
	    padding: 10px 25px;
	    font-weight: 500;
	    font-size: 17px;
	    display: block;
	    width: 200px;
	    text-align: center
	}

	.js-rocket-penjana-initiatives .learnmore_btn:focus,
	.js-rocket-penjana-initiatives .learnmore_btn:hover {
	    color: #fff;
	    border: 1px solid #37417e;
	    background: #37417e;
	    padding: 10px 25px;
	    font-weight: 500;
	    font-size: 17px;
	    display: block;
	    width: 200px;
	    text-align: center;
	    text-decoration: none
	}

	.js-rocket-penjana-initiatives .label_text {
	    color: #37417e;
	    font-weight: 500;
	    font-size: 17px
	}

	.js-rocket-penjana-initiatives .mb_50 {
	    margin-bottom: 50px
	}

	.js-rocket-penjana-initiatives .mb_0 {
	    margin-bottom: 0 !important
	}

	.js-rocket-penjana-initiatives .divider {
	    border-top: 2px solid #ddd;
	    display: block;
	    margin-bottom: 50px;
	    margin-top: 50px
	}

	.js-rocket-penjana-initiatives .content_main h3 {
	    color: #37417e;
	    font-weight: 500;
	    font-size: 35px;
	    margin-bottom: 50px
	}

	@media (max-width:1280px) {
	    .js-rocket-penjana-initiatives .header_main p {
	        font-size: 19px;
	        margin-bottom: 40px
	    }
	}

	@media (max-width:480px) {
	    .js-rocket-penjana-initiatives .m-center {
	        margin: 0 auto;
	    }

	    .js-rocket-penjana-initiatives .header--image {
	        margin-top: 2rem;
	    }

	    .js-rocket-penjana-initiatives .img-container {
	        margin-bottom: 30px;
	        margin-top: 30px
	    }

	    .js-rocket-penjana-initiatives .header_main p {
	        font-size: 17px;
	        margin-bottom: 0;
	        line-height: 1.35;
	        text-align: center
	    }

	    .js-rocket-penjana-initiatives .content_main p {
	        font-size: 16px;
	        text-align: center
	    }

	    .js-rocket-penjana-initiatives .content_main.mb_50 {
	        margin-bottom: 0
	    }

	    .js-rocket-penjana-initiatives .content_main .size-full {
	        width: 90%
	    }

	    .js-rocket-penjana-initiatives .learnmore_btn {
	        margin: auto
	    }

	    .js-rocket-penjana-initiatives .content_main h3 {
	        font-size: 28px;
	        margin-bottom: 30px;
	        text-align: center
	    }
	}

	@media (max-width:320px) {
	    .js-rocket-penjana-initiatives .content_main h3 {
	        font-size: 25px
	    }
	}

	.js-rocket-penjana-initiatives .rocket-bump.rocket-bump--lg {
	    color: #fff;
	}

	.js-rocket-penjana-initiatives.rocket {
	    background: #000000d4;
	}

	.js-rocket-penjana-initiatives .hr,
	.js-rocket-penjana-initiatives hr {
	    display: none !important
	}

	.js-rocket-penjana-initiatives .text-center {
	    text-align: center
	}

	.js-rocket-penjana-initiatives .heading--popup {
	    color: #fff;
	    text-transform: uppercase;
	    font-size: 1.75rem !important;
	}

	.js-rocket-penjana-initiatives .heading--content {
	    color: #f7b500;
	    font-size: 23px !important;
	    min-height: 55px;
	}

	.js-rocket-penjana-initiatives.rocket .modal-dialog {
	    max-width: 800px;
	    min-height: calc(100% - (1.75rem * 2));
	    align-items: center;
	    display: flex;
	}

	.js-rocket-penjana-initiatives .rocket-container {
	    background-image: none !important;
	}

	.js-rocket-penjana-initiatives .rocket-container {
	    background-image: none !important;
	    padding: 20px !important;
	}

	.js-rocket-penjana-initiatives .rocket-bump.rocket-bump--lg p.text-center {
	    display: none;
	}

	.js-rocket-penjana-initiatives .rocket-bump.rocket-bump--lg {
	    text-align: center;
	}

	.js-rocket-penjana-initiatives .rocket-footer {
	    display: none;
	}

	.js-rocket-penjana-initiatives.rocket .modal-content {
	    background-image: url(https://cms.go-ecommerce.my/app/uploads/2020/07/popup-bg.png);
	    background-position: top center;
	    background-size: cover
	}

	.js-rocket-penjana-initiatives .close-popup {
	    box-shadow: none;
	    text-shadow: none;
	    color: #fff;
	    opacity: 1;
	    outline: 0;
	    font-weight: 400
	}

	.js-rocket-penjana-initiatives .popup-img {
	    width: 450px;
	    margin-left: 40px
	}

	.js-rocket-penjana-initiatives .btn.learn-more {
	    border-radius: 0;
	    color: #424778;
	    background-color: #ffaf00;
	    padding: 10px 20px;
	    font-weight: 700;
	    transition: .3s
	}

	.js-rocket-penjana-initiatives .btn.learn-more:active,
	.js-rocket-penjana-initiatives .btn.learn-more:focus,
	.js-rocket-penjana-initiatives .btn.learn-more:hover {
	    background-color: #fff;
	    outline: 0
	}

	.js-rocket-penjana-initiatives .coming-soon {
	    padding: 10px 20px
	}

	.js-rocket-penjana-initiatives .vl {
	    border-left: 2px solid #fff;
	    height: 95px;
	    position: absolute;
	    left: 50%;
	    margin-top: -8px;
	    margin-left: -1px
	}

	@media (max-width:450px) {
	    .js-rocket-penjana-initiatives .popup-img {
	        width: 85%;
	        margin-left: 25px
	    }

	    .js-rocket-penjana-initiatives .rocket-body p.text-white {
	        font-size: 1rem !important;
	    }

	    .js-rocket-penjana-initiatives .vl {
	        border-bottom: 2px solid #fff;
	        border-left: none !important;
	        margin: 5px auto 25px auto !important;
	        position: relative;
	        left: 0;
	        height: auto !important;
	        width: 75%;
	    }

	    .js-rocket-penjana-initiatives .heading--popup {
	        font-size: 1.5rem !important;
	    }

	    .js-rocket-penjana-initiatives .rocket-close {
	        position: absolute;
	        top: 10px;
	        right: 10px;
	        font-size: 12px;
	        padding: 10px 15px;
	        height: auto;
	        line-height: 1;
	    }

	    .js-rocket-penjana-initiatives.rocket .modal-dialog {
	        min-height: calc(100% - (0.75rem * 2));
	    }
	}

	@media (max-width:991px) {
	    .js-rocket-penjana-initiatives .popup-img {
	        width: 250px;
	        margin-left: 0
	    }

	    .js-rocket-penjana-initiatives .heading--content {
	        font-size: 21px !important;
	    }

	    .js-rocket-penjana-initiatives .modal-dialog.penjana-popup {
	        max-width: 615px
	    }

	    .js-rocket-penjana-initiatives .vl {
	        height: 70px
	    }

	    .js-rocket-penjana-initiatives .penjana-popup .px-4 {
	        padding-left: 15px !important;
	        padding-right: 15px !important
	    }
	}