* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --bs-primary-rgb: 137, 137, 137;
    --bs-secondary-rgb: 251, 189, 35;
    --bs-success-rgb: 108, 108, 108;
    --bs-dark-rgb: 30, 130, 76;
}

/* ==================== Start Islamic Way Web ==================== */

.islamic_way_box:after {
    content: '';
    position: absolute;
    width: 1027px;
    height: 477px;
    border-radius: 0 80px 80px 0;
    background-color: rgba(30, 130, 76, 1);
    top: 0;
    z-index: -1;
    right: 40px;
    margin-top: 130px;
}

.islamic_way_content {
    top: 245px;
}

.myislamic-text-big {
    font-size: 64px;
    font-weight: 800;
}

.myislamic-text-light {
    font-size: 52px;
    font-weight: 400;
}

.myislamic-para {
    font-size: 20px;
    margin-bottom: 10px;
    font-family: "Poppins", sans-serif;
}

.explore-btn {
    width: 225px;
    height: 51px;
    font-size: 20px;
    border-radius: 5px;
    border: none;
    font-weight: 600;
}

.about-way {
    margin-top: 60px;
    margin-right: -70px;
    width: 100%;
}

.list-item li {
    font-family: 'Poppins', sans-serif;
}

.gray-bg {
    background-color: rgba(249, 250, 252, 1);
    border-radius: 22px;
}

.gray-text {
    color: rgba(108, 108, 108, 1);
}

.poppins-style {
    margin-bottom: 194px;
    padding-left: 10px;
}

.poppins-style-para {
    font-size: 14px;
    font-family: "Poppins", sans-serif;
}

.special-char {
    font-family: "Poppins", sans-serif;
}

.poppins-font-box {
    padding: 43px 31px 38px 19px;
    margin-bottom: 32px;
}

.h2-fs {
    font-size: 48px;
    font-weight: 600;
}

.h3-fs {
    font-size: 36px;
    font-weight: 600;
}

.green-box {
    border-radius: 22px;
    padding: 32px;
    margin-bottom: 44px;
    background-color: #1E824C;
}

.primary-color-app {
    margin-bottom: 271px;
    font-family: "Poppins", sans-serif;
}

.dark-green-box {
    background-color: rgba(0, 84, 39, 1);
    border-radius: 22px;
    padding: 121px 0 23px 23px;
}

.color-platte {
    margin-top: -154px;
}

.typo-title {
    font-size: 57px;
    font-weight: 600;
    margin-bottom: 58px;
    margin-top: 20px;
    width: 50%;
}

.font-size-box p {
    color: rgba(162, 162, 162, 1);
}

.font-size-box p {
    margin-bottom: 22px;
}

.font-size-box h1 {
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 0;
}

.font-size-box h2 {
    font-size: 48px;
    font-weight: 600;
}

.font-size-box h3 {
    font-size: 36px;
    font-weight: 600;
}

.font-size-box h4 {
    font-size: 32px;
    font-weight: 600;
}

.font-size-box h6 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 4px;
}

.fs-box {
    padding: 58px 34px 40px 50px;
    margin-bottom: 45px;
}

.color_code_box {
    width: 205px;
    height: 198px;
    border-radius: 36px;
    text-align: center;
    position: relative;
    margin-bottom: 39px;
}

.light_green_box {
    background-color: rgba(228, 239, 233, 1);
}

.dark_green_box {
    background-color: #2D7C31;
}

.light_blue_box {
    background-color: #C2C3CB;
}

.dark_gray_box {
    background-color: #4C5267;
}

.light_gray_box {
    background-color: #E0E0E0;
}

.light_black_box {
    background-color: #101010;
}

.white-color-box {
    box-shadow: 0 0 5px 2px #0000000F;
}

.color-code-text {
    position: absolute;
    margin-left: 28%;
    bottom: 10px;
}

.o_decoration {
    background-color: #1E824C;
    height: 23px;
    width: 23px;
    position: absolute;
    border-radius: 50%;
    top: 31px;
    left: 97px;
}

.o_decoration:before {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: white;
    z-index: 1;
    top: 5px;
    right: 11px;
}

.o_decoration_2 {
    background-color: #1E824C;
    height: 23px;
    width: 23px;
    position: absolute;
    border-radius: 50%;
    top: 101px;
    left: 41px;
}

.o_decoration_2:before {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: white;
    z-index: 1;
    top: 5px;
    right: 4px;
}

.o_decoration_3 {
    background-color: #1E824C;
    height: 23px;
    width: 23px;
    position: absolute;
    border-radius: 50%;
    top: 101px;
    left: 90px;
}

.o_decoration_3:before {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: white;
    z-index: 1;
    top: 5px;
    right: 11px;
}

.fs_box_p {
    margin-bottom: 0 !important;
}

.islamic-logo {
    margin-top: 25px;
    margin-bottom: 54px;
}

.smart_tech_box {
    width: 1085px;
    margin: auto;
}

.islamic-tech-box {
    width: 119px;
    height: 119px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    /*border: 1px solid rgba(30, 130, 76, 1);*/
}

.smart_tech_title {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    line-height: 1.1;
    overflow: hidden;
}
.smart_tech_title {
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 39px;
}

.tech-built {
    margin-bottom: 54px;
}

.islamic-overview {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 24px;
}

.islamic-overview-part {
    margin-top: 20px;
}

.islamic-overview-part p {
    margin-bottom: 20px;
    line-height: 110%;
    font-family: "Poppins", sans-serif;
}

.islamic_problem_title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 24px;
    color: #FA2A2A;
}

.islamic_problem_part {
    margin-top: 65px;
}

.islamic_problem_part p {
    margin-bottom: 20px;
    line-height: 110%;
    font-family: "Poppins", sans-serif;
}

.islamic_problem_part li {
    line-height: 110%;
    font-family: 'Poppins', sans-serif;
}

.islamic_solution_part li {
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
    line-height: 110%;
}

.islamic_solution_part {
    line-height: 110%;
    margin-top: 50px;
}

.islamic_solution_part p {
    line-height: 110%;
    font-family: "Poppins", sans-serif;
}

.islamic_solution_part h3 {
    font-size: 36px;
    margin-bottom: 24px;
    font-weight: 700;
    color: rgba(211, 155, 0, 1);
}

.p-subtitle {
    font-weight: 600;
}

.highlights-box {
    width: 1000px;
    height: 450px;
    margin-left: -120px;
    border-radius: 59px;
    border: 2px solid #1E824C;
    background-repeat: no-repeat;
    background-image: url('../../../../portfolio/images/web/islamic-dua/islamic-bg.webp');
    padding: 30px !important;
    margin-top: 10px;
}

.islamic_feature_img {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}

.feature-section {
    margin-top: 100px;
}

.highlight-title {
    font-size: 36px;
    font-weight: 600;
    color: #1E824C;
}

.page-title {
    font-size: 48px;
    font-weight: 600;
    margin-top: 80px;
    margin-bottom: 40px;
}

.feature-num {
    font-size: 48px;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    color: #1E824C;
    margin-right: 6px;
}
.tx-text {
    font-size: 28px;
    font-weight: 700;
    margin: auto 0;
}
.thanku-pop {
    width: 501px;
    height: 116px;
    background-color: white;
    border-radius: 30px;
    margin: auto;
}
.font-type {
    background-color: rgba(249, 250, 252, 1);
    border-radius: 22px;
    padding: 44px 0 27px;
}
.font-format {
    background-color: rgba(249, 250, 252, 1);
    border-radius: 22px;
    padding: 32px;
}

/* ==================== End Islamic Way Web ==================== */