/*# sourceMappingURL=custom.min.css.map */
:root {
    --outer-size: 1519px;
    --ec-gap: 284px;
    --logo-s: 56px;
    --logo-m: 80px;
    --logo-l: 120px;
    --gap-2: 140px;
    --gap-3: 280px;
    --vz-gold: 217, 154, 41;
    --vz-gold-primary: #033A37;
    --vz-gold-text-primary: #013443;
    --vz-gold-primary-emphasis: #03485c;
    --vz-gold-primary-rgb: 19, 197, 107;
    --vz-gold-grey: #bababa;
    --vz-gold-border-color: #d99a29;
    --vz-gold-light-500-bg-subtle: #f5f5f5;
    --vz-gold-border-radius: 1rem;
    --vz-gold-border-radius: 0.25rem;
    --vz-gold-bg-subtle: #fff4e0;
    --vz-gold-bg-nav: #033A37;
    --vz-gold-bg-nav-border: #d99a29;
}

html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
    font-family: 'Neue Haas Grotesk Display Pro', sans-serif !important;
    word-spacing: 3px;
    padding-bottom: 0px !important;
}

.text-left {
    text-align: left;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Neue Haas Grotesk Display Pro', sans-serif !important;
    font-weight: 300;
}

.fs-28 {
    font-size: 28px;
}

.fs-32 {
    font-size: 32px;
}

.fs-38 {
    font-size: 38px;
}

.fs-50 {
    font-size: 50px;
}

.fs-64 {
    font-size: 64px;
}

.fw-300 {
    font-weight: 300;
}

.line-height-2 {
    line-height: 1.6;
}

.flexcolCustom-16 {
    max-width: 16%;
    width: 100%;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.pb-80 {
    padding-bottom: 80px;
}

.bottom-40 {
    bottom: 40px;
}

.bottom-80 {
    bottom: 80px;
}

.section-h--100 {
    min-height: 100vh;
}

.bg-compliant {
    background: rgba(121, 186, 82, 1);
    border-radius: 6px;
}

.bg-nonCompliant {
    background: #ff9d86;
    border-radius: 6px;
}

.bg-gold-subtle {
    --vz-bg-opacity: 0.07;
    background-color: rgba(var(--vz-gold), var(--vz-bg-opacity)) !important;
}

.text-yellow-light {
    color: #DFFEC8;
}

.text-green-light {
    color: #8FF574;
}

.text-success-gradient {
    background: linear-gradient(285.93deg, #24D5C3 1.38%, #8FF574 90.61%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.right-0 {
    right: 0px;
}

.card-blue {
    background: #1C3F60;
}

.flex-direction-row {
    flex-direction: row;
}

input:-internal-autofill-selected {
    background-color: transparent !important;
}

input:is(:-webkit-autofill, :autofill) {
    border: 3px solid darkorange;
}

.invest-slider .swiper-pagination-dark .swiper-pagination-bullet {
    background-color: #6691e7;
}


.modal-dark .btn-close:before {
    transform: rotate(45deg);
}

.modal-dark .btn-close:after {
    transform: rotate(-45deg);
}

.modal-right {
    margin-right: 0px;
    min-height: 100vh;
    margin-top: 0px;
    margin-bottom: 0px;
}

    .modal-right .modal-content {
        min-height: 100vh;
    }






/*Loader Css start*/
.loaderUniverseData {
    width: 250px;
    height: 49px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    left: 48%;
    bottom: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-family: helvetica,arial,sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    color: #CE4233;
    letter-spacing: .2em;
    background: #000;
    width: calc(100% - 99px);
    z-index: 99;
    margin-left: 43px;
    top: 50%;
    background: rgba(0,0,0, 0);
}

.universeMyHolding {
    height: auto;
}

.loaderUniverseData {
    bottom: 36vh;
    background: transparent;
}

.bg-overlay--stockDetails {
    width: 100%;
    height: calc(100vh - 380px);
    position: relative;
}

.loaderUniverseData {
    width: 250px;
    height: 49px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-family: helvetica,arial,sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    color: #ce4233;
    letter-spacing: .2em;
    background: #000;
    width: 89.3%;
    z-index: 99;
    margin-left: 43px
}

    .loaderUniverseData::before, .loaderUniverseData::after {
        content: "";
        display: block;
        width: 15px;
        height: 7px;
        left: 46%;
        background: #ce4233;
        position: absolute;
        -webkit-animation: load .7s infinite alternate ease-in-out;
        animation: load .7s infinite alternate ease-in-out
    }

    .loaderUniverseData::before {
        top: 0
    }

    .loaderUniverseData::after {
        bottom: 0
    }

@-webkit-keyframes load {
    0% {
        left: 46%;
        height: 30px;
        width: 15px
    }

    50% {
        height: 8px;
        width: 40px
    }

    100% {
        left: 54%;
        height: 30px;
        width: 15px
    }
}



.loaderUniverseData {
    width: 250px;
    height: 49px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-family: helvetica,arial,sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    color: #CE4233;
    letter-spacing: .2em;
    background: #000;
    width: 89.3%;
    z-index: 99;
    margin-left: 43px
}

    .loaderUniverseData::before, .loaderUniverseData::after {
        content: "";
        display: block;
        width: 15px;
        height: 7px;
        left: 46%;
        background: #CE4233;
        position: absolute;
        -webkit-animation: load .7s infinite alternate ease-in-out;
        animation: load .7s infinite alternate ease-in-out
    }

    .loaderUniverseData::before {
        top: 0
    }

    .loaderUniverseData::after {
        bottom: 0
    }

.loaderUniverseData {
    background: transparent;
}



.bg-overlay--stockDetails {
    height: -webkit-fill-available;
    position: absolute;
    z-index: 999;
    bottom: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.5);
}

.loaderUniverseData {
    width: 100%;
    position: inherit;
    left: 45%;
}
/*Loader Css end*/


/* layout start*/
.section {
    position: relative;
    /* height: calc(100vh - 0px); */
}

.hero-section {
    background-color: rgba(var(--vz-light-rgb), 0.5);
    background: linear-gradient(20deg, #ffffff, #1a6076);
    background: linear-gradient(20deg, #ffffff, #024183);
    background: radial-gradient(circle, rgba(2, 86, 27, 1) 0%, rgba(6, 16, 51, 1) 0%, rgba(2, 86, 27, 1) 100%);
    background-image: linear-gradient(to right bottom, #061033, #002141, #003045, #003d42, #00493b, #004e34, #00522a, #02561b, #02561b, #02561b, #02561b, #02561b);
    background: linear-gradient(169.75deg, #03381B -13.81%, #06223A 83.61%);
}

.landing .navbar {
    background: #043322;
}

.border-color-light {
    border-color: #fff;
}



.section.hero-section {
    display: flex;
    align-items: center;
}

.home-img .user-img {
    margin-left: 31px;
}

.inquiry-box {
    left: -50px;
    top: 42px;
}

.application-box {
    bottom: 50px;
    right: -200px;
}

.fit-content {
    max-width: 200px;
}

.valuex-box {
    max-width: 56%;
}



/* layout end*/


/* Sun Light rays banner start*/
#sun div {
    content: "";
    display: block;
    position: fixed;
    bottom: 0;
    left: 38vw;
    width: 100vw;
    height: 100vh;
    --sunPos: 57vw -1vmin;
    transform-origin: var(--sunPos);
    -webkit-animation: sun 3.5s linear infinite alternate;
    animation: sun 3.5s linear infinite alternate;
    -webkit-mask-image: radial-gradient(circle at var(--sunPos), white 0%, transparent 100%);
    mask-image: radial-gradient(circle at var(--sunPos), white 0%, transparent 100%);
    z-index: 1;
    pointer-events: none;
}

#sun div {
    content: "";
    display: block;
    position: fixed;
    bottom: 13vw;
    left: 38vw;
    width: 59vw;
    height: 76vh;
    --sunPos: 57vw 1vmin;
    transform-origin: var(--sunPos);
    -webkit-animation: sun 3.5s linear infinite alternate;
    animation: sun 3.5s linear infinite alternate;
    -webkit-mask-image: radial-gradient(circle at var(--sunPos), white 0%, transparent 100%);
    mask-image: radial-gradient(circle at var(--sunPos), white 0%, transparent 100%);
    z-index: 0;
    pointer-events: none;
}

#sun div {
    content: "";
    display: block;
    position: fixed;
    bottom: 13vw;
    left: 74vw;
    width: 45vw;
    height: 76vh;
    --sunPos: 25vw 480px 1vmin;
    transform-origin: var(--sunPos);
    -webkit-animation: sun 3.5s linear infinite alternate;
    animation: sun 3.5s linear infinite alternate;
    -webkit-mask-image: radial-gradient(circle at var(--sunPos), white 0%, transparent 100%);
    mask-image: radial-gradient(circle at var(--sunPos), white 0%, transparent 100%);
    z-index: 0;
    pointer-events: none;
}

#sun #sun_layer1 {
    background: conic-gradient(from 135deg at var(--sunPos), transparent 10.5%, rgba(255, 255, 255, 0.15) 11%, transparent 11.5%, transparent 15%, oklch(80% 0.1 0deg/0.1) 16%, transparent 17%, transparent 18%, rgba(255, 255, 255, 0.1) 19%, transparent 20%);
}

#sun #sun_layer2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    background: conic-gradient(from 140deg at var(--sunPos), transparent 10%, rgba(255, 255, 255, 0.1) 11%, transparent 12%, transparent 15.5%, rgba(255, 255, 255, 0.1) 16%, transparent 16.5%, transparent 17%, oklch(90% 0.1 50deg/0.1) 18%, transparent 19%);
}

#sun #sun_layer3 {
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
    -webkit-animation-duration: 6.5s;
    animation-duration: 6.5s;
    background: conic-gradient(from 145deg at var(--sunPos), transparent 10%, oklch(90% 0.1 200deg/0.1) 11%, transparent 12%, transparent 14%, rgba(255, 255, 255, 0.1) 15%, transparent 16%, transparent 17%, rgba(255, 255, 255, 0.1) 18%, transparent 19%);
}

@keyframes sun {
    to {
        transform: skew(-42deg);
    }
}
/* Sun Light rays banner End*/


#integrations {
    height: calc(var(--outer-size) / 2);
    overflow: clip;
    display: flex;
    justify-content: center;
    position: relative;
    background: transparent;
    margin-top: -50px;
}

.arc-wrap {
    width: var(--outer-size);
    position: relative;
    left: 0;
}

.arc-1,
.arc-2,
.arc-3 {
    margin: auto;
}

.arc-1,
.arc-2 {
    view-timeline-inset: 50%;
}

.arc-1 {
    width: var(--outer-size);
    height: var(--outer-size);
}

.arc-1,
.arc-2,
.arc-3 {
    animation-fill-mode: both;
    animation-timeline: view(block);
    transform-origin: 50% 50%;
}

.arc {
    position: relative;
    overflow: clip;
    border-radius: 50%;
}

.arc-1 {
    animation-name: rotate-3;
}

.arc-1,
.arc-2,
.arc-3 {
    margin: auto;
}

.arc-1,
.arc-2 {
    view-timeline-inset: 50%;
}

#integrations {
    height: calc(var(--outer-size) / 2);
    overflow: clip;
    display: flex;
    justify-content: center;
    position: relative;
}

.arc-wrap {
    width: var(--outer-size);
    position: relative;
    left: 0;
}

.arc-2 {
    position: absolute;
    top: calc((var(--outer-size) - (var(--gap-2) / 2)) * -1);
    left: 0;
}

.int-logo,
.size-s {
    width: var(--logo-s);
    height: var(--logo-s);
}

.size-m {
    width: var(--logo-m);
    height: var(--logo-m);
}

.size-l {
    width: var(--logo-l);
    height: var(--logo-l);
}

.arc-1 {
    width: var(--outer-size);
    height: var(--outer-size);
}

    .arc-1:after {
        content: "";
        display: block;
        width: calc(var(--outer-size) - var(--logo-s) - 5px);
        height: calc(var(--outer-size) - var(--logo-s) - 5px);
        margin: auto;
        border-radius: 50%;
        border: 2px solid rgba(186, 155, 252, 0.15);
        position: absolute;
        top: calc(var(--logo-s) / 2);
        left: calc(var(--logo-s) / 2);
    }

.arc-2:after,
.arc-3:after {
    content: "";
    display: block;
    margin: 0 auto;
    position: absolute;
}

.arc-2 {
    width: calc(var(--outer-size) - var(--gap-2));
    height: calc(var(--outer-size) - var(--gap-2));
}

    .arc-2:after {
        width: calc(var(--outer-size) - (var(--gap-2) * 2));
        height: calc(var(--outer-size) - (var(--gap-2) * 2));
        border-radius: 50%;
        border: 2px solid rgba(186, 155, 252, 0.15);
        top: calc(var(--gap-2) / 2);
        left: calc(var(--gap-2) / 2);
    }

.arc-3 {
    position: absolute;
    top: calc((var(--outer-size) * 2 - var(--gap-3)) * -1);
    left: 0;
    width: calc(var(--outer-size) - var(--gap-3));
    height: calc(var(--outer-size) - var(--gap-3));
}

    .arc-3:after {
        width: calc(var(--outer-size) - (var(--gap-3) * 2));
        height: calc(var(--outer-size) - (var(--gap-3) * 2));
        border-radius: 50%;
        border: 2px solid rgba(186, 155, 252, 0.15);
        top: calc(var(--gap-3) / 2);
        left: calc(var(--gap-3) / 2);
    }

.logo-wrap {
    display: flex;
    justify-content: space-between;
    height: 100%;
}

.arc-2 .logo-wrap {
    width: 120%;
    margin: 0 -10%;
}

.arc-3 .logo-wrap {
    width: 80%;
    margin: 0 auto;
}

.int-link {
    z-index: 2;
}

.int-logo {
    border: 5px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 #fff;
    border-collapse: collapse;
}

    .int-logo:hover {
        box-shadow: 0 0 8px #a7a1b648;
    }

.int-1 {
    transform: translateY(calc(var(--outer-size) / 4.2)) translateX(95px);
}

.int-2,
.int-5 {
    transform: translateY(calc(var(--logo-s) * 2.6)) translateX(0);
}

.int-3,
.int-4 {
    transform: translateY(calc(var(--logo-s) / 5)) translateX(0);
}

.int-6 {
    transform: translateY(calc(var(--outer-size) / 4.2)) translateX(-95px);
}

.int-7 {
    transform: translateY(410px) translateX(215px);
    transform: translateY(450px) translateX(215px);
}

.int-12 {
    transform: translateY(410px) translateX(-215px);
    transform: translateY(460px) translateX(-215px);
}

.int-8 {
    transform: translateY(185px) translateX(65px);
    transform: translateY(205px) translateX(65px);
}

.int-11 {
    transform: translateY(185px) translateX(-65px);
    transform: translateY(195px) translateX(-65px);
}

.int-10,
.int-9 {
    transform: translateY(50px) translateX(0);
    transform: translateY(60px) translateX(0);
}

.int-15 {
    transform: translateY(239px) translateX(-125px);
}

.int-13 {
    transform: translateY(239px) translateX(125px);
}

.int-14 {
    transform: translateY(75px) translateX(0);
}

.arc-1,
.arc-2,
.arc-3 {
    animation-fill-mode: both;
    animation-timeline: view(block);
    transform-origin: 50% 50%;
}

.arc {
    position: relative;
    overflow: clip;
    border-radius: 50%;
}

.arc-1 {
    animation-name: rotate-3;
}

.arc-2 {
    /* animation-name:rotate-2; */
}

.arc-3 {
    animation-name: rotate-1;
    view-timeline-inset: 0%;
}

@keyframes rotate-1 {
    from {
        transform: rotate(-25deg);
    }

    to {
        transform: rotate(25deg);
    }
}

@keyframes rotate-2 {
    from {
        transform: rotate(15deg);
    }

    to {
        transform: rotate(-15deg);
    }
}

@keyframes rotate-3 {
    from {
        transform: rotate(-15deg);
    }

    to {
        transform: rotate(15deg);
    }
}



#integrations {
    width: 100%;
    height: 82vh;
    position: relative;
    z-index: 999999999;
    background: #ffffff;
    background: transparent;
    margin-top: -50px;
}

.arc-wrap {
    top: 100px;
}

/* .card-logo-dark {
            display: var(--vz-card-logo-light);
        }
        .card-logo-light {
            display: var(--vz-card-logo-dark);
        } */
.int-logo {
    border: 1px solid #ebebeb;
    border-radius: 50%;
    box-shadow: 0 0 0 #fff;
    border-collapse: collapse;
    padding: 3px;
}

    .int-logo:hover {
        box-shadow: 0 0 8px #a7a1b648;
        border: 5px solid #fff;
    }

.circle-effect {
    z-index: -1;
    right: -30px;
    right: -181px;
    top: 23px;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
}

.navbar-landing.is-sticky {
    background-color: var(--vz-secondary-bg);
    -webkit-box-shadow: 0 1px 16px -2px rgba(56, 65, 74, .15);
    box-shadow: 0 1px 16px -2px rgba(56, 65, 74, .15);
    background: linear-gradient(45deg, #487add, #07a756);
    background: linear-gradient(to right bottom, rgb(6, 16, 51), rgb(0, 33, 65), rgb(0, 48, 69), rgb(0, 61, 66), rgb(0, 73, 59), rgb(0, 78, 52), rgb(0, 82, 42), rgb(2, 86, 27), rgb(2, 86, 27), rgb(2, 86, 27), rgb(2, 86, 27), rgb(2, 86, 27));
    /*  background-image: linear-gradient(to right bottom, #003045, #003045, #003045, #02561b, #02561b, #02561b, #02561b, #02561b, #003045, #003045, #003045, #003045);*/
}

.thumb-icons {
    display: block;
    margin-left: 40px;
}

.thumb-icons {
    animation-name: fadein;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        visibility: initial;
    }
}

.int-3 .thumb-icons,
.int-9 .thumb-icons {
    margin-left: 29px;
}

.int-4 .thumb-icons,
.int-10 .thumb-icons {
    margin-left: 22px;
}

.int-5 .thumb-icons,
.int-11 .thumb-icons {
    margin-left: 20px;
}

.int-6 .thumb-icons,
.int-12 .thumb-icons {
    margin-left: 20px;
}


.navbar-landing .navbar-nav .nav-item .nav-link {
    color: var(--vz-body-bg);
}

.section1 {
    background: blue;
    height: 100vh;
}

/* .image{
        position: absolute;
        left: 50%;
        top: 2%;
        transform: translate(-50%, 0);
        } */
.title,
.there {
    font-size: 3rem;
    color: #fff;
    opacity: 0;
}

.section2 {
    background-color: red;
    height: 100vh;
}

.section3 {
    background-color: green;
    height: 100vh;
}

.our-scholars {
}

    .our-scholars .list-group {
        padding-left: 30px;
    }

    .our-scholars .list-group-item {
        margin-bottom: 0;
        list-style-type: disc;
        display: list-item;
        position: relative;
        padding: var(--vz-list-group-item-padding-y) var(--vz-list-group-item-padding-x);
        color: var(--vz-list-group-color);
        background-color: transparent;
        border: var(--vz-list-group-border-width) solid var(--vz-list-group-border-color);
        border-left: 0px;
        padding-left: 0px;
    }

    .our-scholars .card {
        -webkit-box-shadow: 0 0px 2px rgba(56, 65, 74, .15);
        box-shadow: 0 0px 2px rgba(56, 65, 74, .15);
    }

    .our-scholars .isl-scholar {
        position: relative;
    }

    .our-scholars .isl-scholarPos {
        position: absolute;
        top: auto;
        bottom: 0px;
        width: 100%;
        text-align: center;
        padding: 0px;
        background: #deffef;
    }



.isl-portfolio--screening__image img:nth-child(1) {
    filter: invert(1);
    filter: brightness(0.5);
    animation-duration: 50s;
    animation-name: rotateme;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    max-width: 50%;
    max-height: 40vh;
    margin-left: 3%;
}

.isl-portfolio--screening__image img:nth-child(2) {
    left: 0;
    right: 0;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto;
}

.isl-portfolio--screening__image video {
    left: 0%;
    right: auto;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto;
    width: 21vw;
    height: 35vh;
}

@keyframes rotateme {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}



.isl-gold .job-icon-effect {
    height: 45px;
    width: 45px;
    position: absolute;
    top: 0;
    left: -15%;
    border-radius: 50%;
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) .8px, #d99a29 1.6px, #d99a29 2px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 5px);
    z-index: 0;
    opacity: .2;
}

.text-gold {
    color: rgb(var(--vz-gold));
}


/*@media (max-width: 1800px) {
    .isl-banner--scholar img {
        max-height: 500px;
    }
}*/

@media (max-width: 1200px) {
    .isl-banner--scholar img {
        max-height: 480px;
    }
}

@media (max-width: 991.98px) {
    .navbar-landing {
        background: linear-gradient(193deg, #ffffff, #024183);
    }

    .section.hero-section {
        display: flex;
        align-items: center;
        padding: 50px 0;
        position: relative;
        height: calc(125vh - 0px);
    }

    .hero-section--content {
        margin-top: -50vh;
    }

    .isl-banner--scholar img {
        max-height: 480px;
        margin-bottom: -38vh !important;
    }
}

/* .isl-gold {
    background: url('/assets/images/goldbar.gif');
    background-image: url('/assets/images/goldbar.gif');
    background-size: cover;
    background-position: center center;
    background-color: #cccccc;
    height: 100vh;
}
.content {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          color: white;
        }
.overlay {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.7);
          opacity: 0.5;
        } */

.video-bg {
    height: 100vh;
    position: relative;
}

.video-bg--gold {
    height: 100vh;
}



.video-bg video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-bg--gold video {
    height: 100vh;
}

.video-bg .home-content {
    position: relative;
    /* padding-top: 150px; */
    color: #fff;
    text-align: center;
    background: rgb(103 190 205 / 40%);
    background: rgba(5, 86, 48, 0.8);
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    background: rgb(24 48 66 / 80%);
}

.video-bg--gold .home-content {
    position: relative;
    /* padding-top: 150px; */
    color: #fff;
    text-align: center;
    background: rgb(103 190 205 / 40%);
    background: rgba(5, 86, 48, 0.8);
    width: 100%;
    height: 100vh;
    height: auto;
    display: flex;
    align-items: center;
    background: rgb(24 48 66 / 70%);
    background: rgb(250 248 212 / 80%);
    background: rgb(0 0 0 / 80%);
    padding-top: 50px;
    padding-bottom: 50px;
    height: 100vh;
}

.invest-slider .swiper-slide img,
.invest-slider swiper-slide img {
    transform: rotate(-20deg);
    position: absolute;
    bottom: -100px;
    transform: rotate(-20deg) !important;
    position: absolute;
    /* bottom: -100px; */
    right: -17px;
    top: -10px;
}

.invest-slider .swiper-slide .card-body {
    position: relative;
    height: 50vh;
}


    .invest-slider .swiper-slide .card-body h1 {
        margin-top: 10vh;
    }

.app-download-img {
    z-index: 1;
}

    .app-download-img .image:nth-child(2) {
        left: 0;
        right: 0;
        top: 50%;
        z-index: -1;
        position: absolute;
        transform: translateY(-50%);
        margin-left: auto;
        margin-right: auto;
    }

        .app-download-img .image:nth-child(2) img {
            animation-duration: 50s;
            animation-name: rotateme;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }

    .app-download-img .image:nth-child(3) {
        left: 0;
        right: 0;
        top: 50%;
        z-index: -2;
        position: absolute;
        transform: translateY(-50%);
        margin-left: auto;
        margin-right: auto;
    }

.app-download-content {
    padding-left: 15px;
}

    .app-download-content h2 {
        font-size: 28px;
        line-height: 1.4;
        margin-bottom: 20px;
    }

    .app-download-content .btn-box {
        margin-top: 35px;
    }

        .app-download-content .btn-box a img {
            border-radius: 10px;
        }

        .app-download-content .btn-box a {
            transition: 0.5s all;
        }

            .app-download-content .btn-box a:last-child {
                margin-left: 15px;
            }

            .app-download-content .btn-box a:hover {
                transform: translateY(-5px);
            }

    .app-download-content.text-white h2 {
        color: var(--blackColor);
    }

    .app-download-content.text-white p {
        color: var(--paragraphColor);
    }

.footer-top--item {
    border-bottom: 1px solid #616977;
    margin-bottom: 30px;
}

    .footer-top--item p {
        font-size: 16px;
        color: #fff;
    }

    .footer-top--item a {
        color: #ccc;
        border-right: 2px solid #ccc;
        padding-right: 10px;
        margin-left: 10px;
        font-size: 14px;
    }

        .footer-top--item a:last-child {
            border: 0px;
        }

    .footer-top--item img {
        height: 15px !important;
        width: 15px !important;
        border-radius: 40px;
        border: 1px solid #ccc;
    }


.isl-scholar {
    background: url('/assets/images/shariah-scholar.png');
    /* background-position: fixed; */
    background-size: cover;
    height: 100%;
    height: 54vh;
    background-position: center;
    position: relative;
}

.isl-scholar-rightTeam {
    background-image: linear-gradient(to right bottom, #02561b, #02561b, #02561b, #003d42, #00493b, #003045, #003045, #003045, #02561b, #02561b, #02561b, #02561b);
    /* background: radial-gradient(circle, rgba(2, 86, 27, 1) 0%, rgba(6, 16, 51, 1) 0%, rgba(2, 86, 27, 1) 100%); */
    left: auto;
    width: fit-content;
    padding: 7px 20px;
    bottom: 20px;
}

.isl-scholar-topInfo {
    left: 30px;
    top: 50px;
}

    .isl-scholar-topInfo h5 {
        font-size: 24px;
        line-height: 1.6;
    }

        .isl-scholar-topInfo h5 i {
            font-size: 20px;
        }


.isl-scholar-leftTeam--bottom {
    bottom: 30px;
    left: 20px !important;
}

.isl-scholar-leftTeam--top {
    bottom: 140px;
    left: 20px !important;
}

.isl-gold .isl-portfolio--screening__image img:nth-child(1) {
    animation-name: none;
    width: 100%;
    max-width: 80%;
}

.isl-gold .isl-portfolio--screening__image img:nth-child(1) {
    animation-name: none;
    width: 100%;
    max-width: 80%;
    filter: drop-shadow(2px 4px 6px black);
    margin-top: 50px;
}

.isl-gold .isl-portfolio--screening__image img:nth-child(2) {
    top: 27%;
}



/* Start Button Animation Css */

.w-lg {
    padding: 14px 50px;
}

.w-lg--l {
    padding: 14px 20px 14px 50px;
}

.w-lg--r {
    padding: 14px 60px 14px 25px;
}

.btn-isl-sm.w-lg--r {
    padding: 8px 60px 8px 25px;
}


.btn-isl {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    height: 55px;
    text-align: center;
    border: none;
    background-size: 300% 100%;
    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: relative;
    min-width: 320px;
}

.btn-isl-sm {
    height: 45px;
    min-width: 200px;
    font-size: 16px;
    font-weight: 500;
}


.btn-isl:hover {
    background-position: 80% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: #fff;
    box-shadow: 0px 0px 5px #82f17e;
}

.btn-isl:focus {
    outline: none;
}

.isl-btn--primary {
    background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673);
    /*box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);*/
    background: linear-gradient(285.93deg, #24D5C3 1.38%, #8FF574 90.61%);
    color: #000;
    font-weight: 400;
    font-size: 16px;
}

    .isl-btn--primary:hover {
        color: #000;
    }

.isl-btn--secondary {
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}

.isl-btn--gold {
    background-image: linear-gradient(to right, #f7dd80, #f3ad3b, #f7dd80, #f3ad3b);
    box-shadow: 0 4px 15px 0 rgba(247, 221, 128, 0.6);
}


.chevron {
    position: absolute;
    width: 28px;
    height: 2px;
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out infinite;
}

    .chevron:first-child {
        animation: move 3s ease-out 1s infinite;
    }

    .chevron:nth-child(2) {
        animation: move 3s ease-out 2s infinite;
    }

    .chevron:before,
    .chevron:after {
        content: ' ';
        position: absolute;
        top: 0;
        height: 100%;
        width: 51%;
        background: #fff;
    }

    .chevron:before {
        left: 0;
        transform: skew(0deg, 30deg);
    }

    .chevron:after {
        right: 0;
        width: 50%;
        transform: skew(0deg, -30deg);
    }

@keyframes move {
    25% {
        opacity: 1;
    }

    33% {
        opacity: 1;
        transform: translateY(30px);
    }

    67% {
        opacity: 1;
        transform: translateY(40px);
    }

    100% {
        opacity: 0;
        transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
    }
}


@keyframes pulse {
    to {
        opacity: 1;
    }
}

.arrow {
    position: absolute;
    top: 45%;
    left: auto;
    right: 30px;
    transform: translate(-50%, -50%);
    transform: rotate(-90deg);
    cursor: pointer;
}

    .arrow span {
        display: block;
        width: 12px;
        height: 12px;
        border-bottom: 2px solid white;
        border-right: 2px solid white;
        transform: rotate(45deg);
        margin: -10px;
        animation: animate 2s infinite;
    }

        .arrow span:nth-child(2) {
            animation-delay: -0.2s;
        }

        .arrow span:nth-child(3) {
            animation-delay: -0.4s;
        }

@keyframes animate {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-20px, -20px);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: rotate(45deg) translate(20px, 20px);
    }
}
/* End Button Animation Css */


#chartdiv {
    width: 100%;
    height: 300px;
}

.landing-customForm .form-control {
    border: 0px;
    border-bottom: 1px solid #27475b;
    height: 42px;
    border-radius: 0px;
    background-color: #27475b;
    color: #fff;
}

    .landing-customForm .form-control:hover {
        border-bottom: 1px solid #27475b;
        background-color: #27475b;
        box-shadow: 0px 0px 4px #06233a;
    }

.form-check-broker {
    /*    background-color: #f1f1f1;*/
    /*width: 96%;*/
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
    margin-bottom: 2px;
}

.form-check-right.form-check-broker .form-check-input {
    float: right;
    margin-left: -25px;
    margin-right: 1.4em;
    width: 1.2rem;
    height: 1.2rem;
    /*position: absolute;*/
}

.form-check-right.form-check-broker .form-check-label {
    display: block;
    width: 100%;
    padding: 8px 10px;
    border-bottom: 1px solid #27475b;
    height: 40px;
    border-radius: 0px;
    background-color: #27475b;
    margin-bottom: 2px;
}

.form-check-right input[type="radio"]:checked + label {
    background: var(--vz-success);
}

.btn-shareReport {
    background: #1c3f43;
    border-radius: 20px;
    padding: 5px 10px;
    color: #8FF574;
    border: 1px solid #385757;
    font-size: 12px !important;
    display: flex;
    align-items: center;
    white-space: break-spaces;
    font-weight: 300;
}

.compliance-reportTop {
    width: 70% !important;
    margin: 0 auto;
}

.card-overAllDetails {
    box-shadow: 0px 2px 4px 0px #00000040;
    background: #385757;
    border-radius: 10px;
}

.card-nonCompliant {
    box-shadow: 0px 2px 4px 0px #00000040;
    background: linear-gradient(174.08deg, #1C3F60 -5.52%, #A32D2D 88.11%);
    border-radius: 10px;
}

.card-compliant {
    box-shadow: 0px 2px 4px 0px #00000040;
    background: linear-gradient(179.75deg, #2F3A40 0.28%, #5C9739 99.62%);
    border-radius: 10px;
}

.filterBox {
    height: 94px;
    margin-top: -17px;
    margin-bottom: -23px;
}

.filterBoxTab {
    padding: 24px 14px;
    cursor: pointer;
}

    .filterBoxTab.active {
        background: rgba(37, 37, 37, 0.4);
    }

.card-header.bg-transparent {
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}


.form-check-right input[type="radio"]:checked + label {
    color: red;
}


.form-check-input:checked label {
    color: red;
}

.bg-overlay-pattern {
    background-position: top;
    background-size: cover;
    opacity: 0.2;
}

.flexColCustom {
}

.flexColCustom-50 {
    max-width: 50%;
    width: 100%;
}

.modal-dark {
    background: rgba(14, 36, 69, 1);
    border: 0px;
}
/*.modal-backdrop {
    background: rgba(28, 63, 96, 1);
}*/
.modal-backdrop.show {
    background: rgba(28, 63, 96, 1);
    opacity: 0.6;
}

.modal-dark {
}

.landing-customForm .modal-dark .form-control {
    border: 0px;
    border-bottom: 0px solid #27475b;
    height: 42px;
    border-radius: 0px;
    background-color: #27475b;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    font-size: 14px;
}

.landing-customForm .modal-dark .form-select {
    background: #263957 url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") right .75rem center/8px 10px no-repeat !important;
}

    .landing-customForm .modal-dark .form-select option {
        color: #fff;
    }

.modal-dark input:-webkit-autofill,
.modal-dark input:-webkit-autofill:hover,
.modal-dark input:-webkit-autofill:focus,
.modal-dark input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #ffffff !important;
    -webkit-box-shadow: 0 0 0 30px #263957 inset !important;
}

.modal-dark .form-check .form-check-input {
    cursor: pointer;
    /* background: transparent;*/
    border-color: var(--vz-success);
}

.modal-dark label {
    color: rgba(255, 255, 255, 0.6);
}

.modal-dark .form-check-input:checked {
    background-color: var(--vz-success);
    border-color: var(--vz-success);
}

.modal-dark .modal-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.modal-dark .btn-close {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 32px;
    height: 32px;
    opacity: 0.5;
    background: transparent;
}

.modal-dark .btn-close {
    position: absolute;
    right: 15px;
    top: 14px;
    width: 16px;
    height: 16px;
    opacity: 0.7;
    background: transparent;
    background: background: rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.15);
    border-radius: 30px;
}

    .modal-dark .btn-close:hover {
        opacity: 1;
    }

    .modal-dark .btn-close:before, .modal-dark .btn-close:after {
        position: absolute;
        left: 16px;
        content: ' ';
        height: 20px;
        width: 2px;
        background-color: #7ed672;
        bottom: 8px;
    }


.rightStrip {
}

.rightStripbox {
    background: #435e62;
    border-radius: 8px;
    padding: 5px 10px;
    margin-bottom: 6px;
}


.card-pricingBox {
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.25);
    background: #263957;
}

.card-pricingBox-radio {
    padding: 0px;
}

    .card-pricingBox-radio input[type=radio] {
        display: none;
    }

        .card-pricingBox-radio input[type=radio] + label {
            padding: 10px 1.2vw;
            margin-bottom: 0px;
            border-radius: 8px;
        }

    .card-pricingBox-radio input[type="radio"]:checked + label {
        background: transparent;
        border: 2px solid #84e071;
        /* border-image-source: linear-gradient(285.93deg, #24D5C3 1.38%, #8FF574 90.61%); */
        box-shadow: 0px 1px 10px 0px rgba(143, 245, 116, 0.2);
        box-shadow: 0px 0px 24px 0px rgba(143, 245, 116, 0.3) inset;
    }

.priceItem {
    color: rgba(28, 63, 96, 1);
    border-radius: 6px;
    padding: 0px 10px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
}

    .priceItem i {
        font-size: 20px;
        margin-right: 10px;
        font-size: 15px;
    }

.bestValue {
    background: rgba(255, 200, 87, 1);
}

.bestValue {
    background: rgba(255, 200, 87, 1);
}

.startesP {
    background: rgba(223, 254, 200, 1);
}

/*.proceedBtn, .proceedBtn:hover {
    border: 1px solid rgba(143, 245, 116, 1);
    color: rgba(143, 245, 116, 1);
    padding: 6px 15px;
    font-size: 15px;
    border-radius: 30px;
}
*/

.dashboardSyncModal .modal-dark .form-check-input:checked {
    background-color: #fff;
    border-color: #fff;
    background-color: #fff;
    border-color: #6691e7;
    border-width: 5px;
}

.modal-dark .loginDesign .form-check-input:checked {
    background-color: var(--vz-success);
    border-color: var(--vz-success);
    background: url('data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e');
}

.paymentCupon {
    margin: 0px;
}
/* .paymentCupon.border-top {
        
    }*/
.paymentCupon-width {
    background: rgba(238, 255, 226, 1);
    border-radius: 20px;
    padding: 20px;
}

.paymentCupon h4 {
    color: rgba(4, 56, 27, 1);
}

.paymentCuponDiv {
    color: rgba(4, 56, 27, 1);
    padding: 5px 0px 10px;
}

    .paymentCuponDiv p {
        color: rgba(4, 56, 27, 1);
        font-weight: 500;
        font-size: 16px;
    }

    .paymentCuponDiv h5 {
        font-weight: 600;
        color: rgba(4, 56, 27, 1);
        font-size: 18px;
    }

        .paymentCuponDiv h5 span {
            font-size: 13px;
        }

.paymentCuponDivTotal {
    border-top: 1px solid rgba(4, 56, 27, 1);
    padding-top: 9px;
}

.paymentCuponDivInputBox {
}

    .paymentCuponDivInputBox .btn.btn-primary {
        font-size: 16px;
        font-weight: 500;
        border-radius: 20px !important;
        padding: 4px 20px;
        height: 33px;
        margin-top: 5px;
        position: absolute;
        right: 10px;
        color: rgba(4, 56, 27, 1);
        background: rgba(143, 245, 116, 1);
        border-color: rgba(143, 245, 116, 1);
        z-index: 999;
    }

    .paymentCuponDivInputBox .form-control {
        background: #fff !important;
        font-weight: 600;
        color: #333 !important;
        box-shadow: 0px 0px 2px #04381b;
        border-radius: 6px !important;
    }

.paymentCuponDivDiscount {
}

    .paymentCuponDivDiscount p {
    }

    .paymentCuponDivDiscount h5 {
        font-size: 20px;
    }

.paymentCuponDivPayable {
}

    .paymentCuponDivPayable p {
        font-size: 20px;
    }

    .paymentCuponDivPayable h5 {
        font-size: 30px;
    }


.modal-dark input:-webkit-autofill, .modal-dark input:-webkit-autofill:hover, .modal-dark input:-webkit-autofill:focus, .modal-dark input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #ffffff !important;
    -webkit-box-shadow: 0 0 0 30px #263957 inset !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    -webkit-box-shadow: 0 0 0 1000px #263957 inset !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

.isl-paymentForBoth--plans.active .proceedBtn {
    background: rgba(143, 245, 116, 1);
    color: rgba(4, 56, 27, 1);
}

/*.proceedBtn:hover {
    background: rgba(143, 245, 116, 1);
    color: rgba(4, 56, 27, 1);
}*/


/*Global Css Start*/
@media only screen and (min-width: 768px) {
    .mobile {
        display: none;
    }

    .desktop {
        display: flex;
    }
}


@media only screen and (max-width: 767px) {
    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }
}
/*.modal.modal-left .modal-content, .modal.modal-right .modal-content {
    height: calc(100vh - 0px);
    overflow-y: auto;
}*/
/*.modal.modal-right {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}*/


/*Global Css End*/


/*Landing Page Css Start*/
.landing .navbar, .navbar-landing.is-sticky {
    background: rgba(4, 51, 34, 1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 9;
}

.landing .navbar-landing .navbar-nav .nav-item {
    margin: 0px 12px;
}

    .landing .navbar-landing .navbar-nav .nav-item .nav-link {
        color: rgba(255, 255, 255, 0.8);
        font-weight: 500;
        font-size: 15px;
        line-height: 100%;
        letter-spacing: 0.5px;
        font-family: 'Neue Haas Grotesk Display Pro', sans-serif !important;
        padding: 8px 2px;
    }

        .landing .navbar-landing .navbar-nav .nav-item .nav-link.active {
            color: rgba(143, 245, 116, 1) !important;
            border-bottom: 1px solid rgba(143, 245, 116, 1);
        }

        .landing .navbar-landing .navbar-nav .nav-item .nav-link.active,
        .landing .navbar-landing .navbar-nav .nav-item .nav-link:focus,
        .landing .navbar-landing .navbar-nav .nav-item .nav-link:hover {
            color: rgba(143, 245, 116, 1) !important;
        }

.btn-hover {
    text-align: center;
    border: none;
    background-size: 300% 100%;
    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

    .btn-hover:hover {
        background-position: 100% 0;
        moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .btn-hover:focus {
        outline: none;
    }

.landing .navbar-landing .btn-hover {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 5px 20px;
    color: rgba(4, 56, 27, 1);
    margin-left: 10px;
}

    .landing .navbar-landing .btn-hover.color-1 {
        background-image: transparent;
        box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        border: 1px solid rgba(143, 245, 116, 1);
        color: rgba(143, 245, 116, 1);
    }

        .landing .navbar-landing .btn-hover.color-1:hover {
            background-image: linear-gradient(to right, #24D5C3, #8FF574, #24D5C3, #8FF574);
            box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            color: rgba(4, 56, 27, 1);
        }

    .landing .navbar-landing .btn-hover.color-2 {
        background-image: linear-gradient(to right, #24D5C3, #8FF574, #24D5C3, #8FF574);
        box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        border: 1px solid rgba(143, 245, 116, 1);
    }

.btn-hover.color-3 {
    background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.hero-section.section {
    padding: 66px 0;
    position: relative;
}

.section-broker {
    background: #fff;
}

.section.section-div {
    padding: 50px 0;
    position: relative;
}

.brokerDiv-heading {
    display: flex;
    justify-content: center;
}

.brokerDiv-heading--bg {
    background: url(https://pic.islamicly.com/web/landing/v7/broker-header.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffc857;
    clip-path: polygon(23.8% 0%, 76.2% 0%, 69.7% 51%, 76.2% 100%, 23.8% 100%, 32.1% 50%);
    width: 100%;
    clip-path: polygon(100% 0%, 96% 50%, 100% 100%, 0 100%, 4% 48%, 0 0%);
    padding: 8px;
}

.brokerDiv-heading h5 {
    font-weight: 600;
    font-size: 22px;
    margin: 0px;
}

.brokerDiv-heading h3 {
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    margin-top: 2rem;
    color: rgba(28, 63, 96, 1);
}

.isl-brokers .slick-slide img.brokerLogo {
    padding: 0rem;
    background: #fff;
    border-radius: 6px;
    height: 55px;
}

.brokerDiv-heading .imgleftpos {
    position: absolute;
    left: 7%;
    top: 12vh;
}

.brokerDiv-heading .imgrightpos {
    position: absolute;
    right: 5%;
    top: 13vh;
}

.row > .img-fluid {
    max-width: 100%;
    width: auto;
}

.section-div--img {
    border-radius: 16px;
}

section-div--img__column div {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    margin: 0 0 0 25px;
    padding: 0;
}

.section-div--img__column figure {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    .section-div--img__column figure img {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }

    .section-div--img__column figure:hover img {
        -webkit-transform: rotate(-5deg) scale(1.05);
        transform: rotate(-5deg) scale(1.05);
    }

.section-div--img__column-hover figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.section-div--img__column-hover figure:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.heading-badge {
    margin-bottom: 1.5rem;
}

    .heading-badge span {
        gap: 8px;
        border-radius: 16px;
        padding: 6px 20px;
        font-weight: 500;
        font-size: 16px;
    }

.heading-title {
    font-weight: 600;
    font-size: 64px;
    line-height: 80px;
    letter-spacing: 0px;
    margin-bottom: 2.5rem;
}

.content-desc {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0px;
}

.content-desc2 {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0px;
}

.btn-landing {
    border-radius: 30px;
    padding: 10px 15px 10px 30px;
    border: 1px solid #ccc;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 260px;
}

    .btn-landing:hover {
        border: 1px solid #ccc;
    }

    .btn-landing i {
    }

a.btn-landing {
    max-width: 200px;
}
/*Hero div Css start*/
.hero-section--title {
    font-weight: 600;
    font-size: 68px;
    letter-spacing: 0px;
    color: rgba(223, 254, 200, 1);
    line-height: 1.2 !important;
}

    .hero-section--title span {
        font-size: 75px;
        letter-spacing: 5px;
    }

.hero-section--subTitle {
    font-size: 45px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 1.2 !important;
    margin-top: 2.5rem;
    min-height: 135px;
}

/*.hero-section-gifBg  {
    background: url(https://pic.islamicly.com/web/landing/v7/hero-gif-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 45px 5px 5px;
}*/
.hero-section--content {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: 0px;
    color: #fff;
    /*margin-top: 9vh;*/
    align-items: center;
    margin: 1vh 0 3vh;
}


.btn-hover.btn-screening {
    color: rgba(4, 56, 27, 1);
    min-width: 300px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(to right, #24D5C3, #8FF574, #24D5C3, #8FF574);
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    font-size: 16px;
    font-weight: 500;
    font-family: 'Neue Haas Grotesk Display Pro', sans-serif !important;
}

.hero-section .scholar-div--box__position {
    bottom: -30px;
}


/*Hero div Css end*/
/*scholars div Css start*/
.section-scholar {
    background: linear-gradient(32.32deg, #03381B -32.8%, #06223A 61.23%);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.scholar-title {
    font-weight: 600;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0.2px;
}

.scholar-desc {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6;
    max-width: 85%;
    margin-left: 15%;
}

.text-green {
    color: rgba(143, 245, 116, 1);
}

.scholar-div {
    display: flex;
    align-items: center;
}

.scholar-div--box {
}

    .scholar-div--box img {
        max-width: 100%
    }

.scholar-div--box__position {
    background: linear-gradient(97.29deg, rgba(14, 60, 89, 0) -30.1%, rgba(6, 40, 51, 0.5) 18.96%, #062931 74.03%);
    backdrop-filter: blur(20px);
    position: absolute;
    bottom: 0px;
    padding: 15px 4vw;
    text-align: left;
    right: -0.3%;
    width: 100.3% !important;
}

.scholar-div--box__title {
    font-weight: 600;
    font-size: 21px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    color: #fff;
    margin-bottom: 0px;
    text-align: left;
}

    .scholar-div--box__title small {
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0.3px;
    }

.scholar-div--box__action {
}

    .scholar-div--box__action i {
        color: rgba(143, 245, 116, 1);
        font-size: 30px;
        line-height: 1;
    }

.scholar-div--box__position-small {
    padding: 15px 15px;
}

    .scholar-div--box__position-small .scholar-div--box__title {
        font-size: 17px;
    }

        .scholar-div--box__position-small .scholar-div--box__title small {
            font-size: 12px;
        }

    .scholar-div--box__position-small .scholar-div--box__action i {
        font-size: 20px;
    }
/*scholars div Css end*/
/*Stock div Css start*/
.section.section-stocks {
    background: rgba(238, 255, 226, 1);
}

.stocks-content--div {
    margin-top: 2rem;
}

.stocks-content--div__box {
    border-radius: 8px;
    padding: 15px;
}

.stocks-content--div__box-icon {
    margin-bottom: 1.3rem;
}

.stocks-content--div__box-desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0px;
    margin-bottom: 0px;
}

.stocks-heading {
}

.stocks-heading--badge {
}

    .stocks-heading--badge span {
        background: rgba(223, 254, 200, 1);
        color: rgba(4, 56, 27, 1);
    }

.stocks-heading--title {
    color: rgba(4, 56, 27, 1);
}

.stocks-content {
}

.stocks-content--desc {
    color: rgba(4, 56, 27, 1);
}

.stocks-content--div__box-stocks {
    background: rgba(4, 56, 27, 1);
}

.stocks-content--div__box-desc-stocks {
    color: rgba(223, 254, 200, 1);
}

.section-div--img__stock-bg {
    background: url('https://pic.islamicly.com/web/landing/v7/stock-bg.jpg');
    background-size: contain;
    background-repeat: no-repeat;
}

/* .section-div--img__stock-bg img {
        height: 68vh;
    }*/

.stocks-content--desc2 {
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

.btn-stock {
    border: 1px solid rgba(4, 56, 27, 1);
    color: rgba(4, 56, 27, 1);
}

    .btn-stock:hover {
        border: 1px solid rgba(4, 56, 27, 1);
        background: rgba(4, 56, 27, 1);
        color: #fff;
    }

    .btn-stock i {
        color: rgba(0, 0, 0, 1);
        font-size: 20px;
    }

    .btn-stock:hover i {
        color: #fff;
    }
/*Stock div Css end*/
/*gold div Css start*/
.section-gold {
    background: rgba(255, 253, 241, 1);
}

.gold-heading--badge {
}

    .gold-heading--badge span {
        background: rgba(248, 241, 231, 1);
        color: rgba(4, 56, 27, 1);
    }

.stocks-content--div__box-gold {
    background: transparent;
    padding: 0px;
    border-radius: 0px;
}

.stocks-content--div__box-icon-gold {
    margin-bottom: 0.5rem;
    min-height: 47px;
}

.stocks-content--div__box-desc-gold {
    color: rgba(37, 37, 37, 1);
    margin-bottom: 1.5rem;
}

.stocks-content--div__box-desc.stocks-content--div__box-desc-gold {
    margin-bottom: 2.5vh;
}

.section-div--img__gold-bg img {
    height: 100%;
}

.section-div--img__gold-bg .section-div--img__column figure {
    border-radius: 16px;
}

.gold-content--desc2 {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}
/*gold div Css end*/

/*moon div Css start*/
.section.section-moon {
    background: rgba(255, 255, 255, 1);
}

.stocks-content--div__box-desc {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0px;
    margin-bottom: 0px;
}

.moons-heading--badge span {
    background: rgba(28, 63, 96, 0.1);
    color: rgba(28, 63, 96, 1);
}

.stocks-heading--title__moon {
    color: rgba(28, 63, 96, 1);
    font-size: 59px;
    margin-bottom: 0.8rem;
}

.moon-content--desc {
    color: rgba(28, 63, 96, 1);
}

.section-div--img__moon-bg {
    background: url('https://pic.islamicly.com/web/landing/v7/moon-bg.jpg');
    background-size: contain;
    background-repeat: no-repeat;
}

  /*  .section-div--img__moon-bg img {
        height: 100%;
        margin-bottom: -30px;
    }*/

.stocks-content--div__box-desc-moon {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: rgba(28, 63, 96, 1);
    line-height: 1.3;
    margin-bottom: 1rem;
}

    .stocks-content--div__box-desc-moon strong {
        font-weight: 600;
    }

.btn-moon {
    border: 1px solid rgba(28, 63, 96, 1);
    color: rgba(28, 63, 96, 1);
}

    .btn-moon:hover {
        border: 1px solid rgba(28, 63, 96, 1);
        background: rgba(28, 63, 96, 1);
        color: #fff;
    }
/*moon div Css end*/
/*counter div Css start*/
.counter-div {
    background: linear-gradient(285.93deg, #24D5C3 1.38%, #8FF574 90.61%);
    box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.15);
    border-radius: 16px;
    padding: 20px 3vw;
}

.counter-div--title {
    color: rgba(4, 56, 27, 1);
    font-weight: 500;
    font-size: 21px;
    line-height: 1.2;
    letter-spacing: 0px;
    margin-bottom: 2rem;
}

.counter-div--box {
}

    .counter-div--box img {
        max-width: 71px;
    }

.counter-div--box__value span {
    font-weight: 400;
    font-size: 76px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: rgba(4, 56, 27, 1);
}

.counter-div--box__value sub {
    font-size: 40px;
}

.counter-div--box__label {
    font-weight: 500;
    font-size: 21px;
    line-height: 100%;
    letter-spacing: 0px;
    color: rgba(4, 56, 27, 1);
    margin: 0px;
}

.counter-div--box.border-top {
    border-top: 2px solid rgba(0, 0, 0, 0.2) !important;
    padding-top: 30px;
    margin-top: 30px;
}
/*counter div Css end*/
/*market div Css start*/
.section-market {
    background: rgba(28, 63, 96, 1);
}

.section-market--dropdown {
}

    .section-market--dropdown select {
        background: #325270;
        border: 1px solid #325270;
        color: #fff;
        height: 50px;
        font-size: 18px;
        margin-bottom: 3rem !important;
    }

    .section-market--dropdown label {
        font-weight: 500;
        font-size: 18px;
        line-height: 1.2;
        letter-spacing: 1.5px;
        color: #fff;
    }

.section-market--list {
}

.section-market--list__heading {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: 1.5px;
}

.section-market--list__item {
    color: #fff;
    font-weight: 500;
    /* font-family: DM Sans; */
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 0px;
}

.section-market--list__item {
}

.section-market--map {
    background: rgb(29 57 84);
    box-shadow: 0px 0px 5px #24425e;
    border-radius: 8px;
    padding: 30px 2vw;
}

.text-blue {
    color: rgba(50, 214, 187, 1);
}

.text-red {
    color: rgba(255, 157, 134, 1);
}

.section-market--map {
}

.section-market--map__heading {
    font-weight: 600;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: 1px;
    color: rgba(223, 254, 200, 1);
    margin-bottom: 2rem 32px !important;
}

.section-market--map__heading {
}

.section-market--map__result {
}

.section-market--map__result-heading {
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0%;
}

    .section-market--map__result-heading sub {
        font-size: 18px;
    }

    .section-market--map__result-heading.text-green {
    }

    .section-market--map__result-heading.text-red {
    }

.section-market--map__result p {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0px;
    color: #fff;
    margin-bottom: 35px;
}
/*market div Css end*/
/*Service div Css start*/
.service-section .stocks-heading--badge span {
    background: rgb(219 234 208);
    color: rgb(37 37 37);
}

.service-section .stocks-heading--title {
    color: rgba(4, 56, 27, 1);
    margin-bottom: 1.5rem;
}

.service-section .stocks-content--desc {
    color: rgba(4, 56, 27, 1);
    margin-bottom: 4rem;
}

.service-section {
}

.service-section {
}

.section-div--img__service-bg {
    background: linear-gradient(169.75deg, #03381B -13.81%, #06223A 83.61%);
    border-radius: 16px;
    position: relative;
    padding: 60px 20px 0px;
}

.section-div--img__service-pos {
    position: absolute;
    top: 0;
    right: 0;
}

.service-section .section-div--img__column figure img {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.service-section .section-div--img__column figure:hover img {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
}

.service-div--box {
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.15);
    background: rgba(255, 255, 255, 1);
    border-radius: 16px;
    padding: 15px;
    margin-bottom: 20px;
}

.service-div--box__icons {
    margin-bottom: 0.6rem;
}

.service-div--box__title {
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0px;
    color: rgba(4, 56, 27, 1);
}

.service-div--box__desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0px;
    margin-bottom: 0px;
    color: rgba(26, 25, 30, 1);
}

.service-div--box__icons-extraspace {
    margin-bottom: 3.5rem;
}
.service-div--box__icons-extraspace {
    margin-bottom: 3.5rem;
    max-height: 90px;
}
.service-section .service-div--box {
    height: 276px;
}

.finance-section.service-section .service-div--box {
    height: auto;
}

/*Service div Css end*/
/*Timeline div Css start*/
.timeline-div {
    margin-top: 3rem;
}

    .timeline-div .timeline::after {
        content: "";
        position: absolute;
        width: 2px;
        background: var(--vz-secondary-bg);
        top: 57px;
        bottom: 166px;
        left: 50%;
        margin-left: -1.5px;
        background: transparent;
        border: 1px dashed rgba(171, 216, 239, 1);
    }

    .timeline-div .timeline-item .icon {
        position: absolute;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 90px;
        height: 90px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 25px;
        top: 30px;
        right: -45px;
        padding: 9px 0;
        background: var(--vz-secondary-bg);
        border: 1px solid var(--vz-border-color);
        border-radius: 50px;
        color: rgba(41, 41, 48, 1);
        z-index: 1;
        border: 9px solid rgba(212, 237, 247, 1);
    }

    .timeline-div .timeline-item.right .icon {
        left: -45px;
    }

    .timeline-div .timeline-item.left .date {
        left: calc(100% + 60px);
        text-align: start;
    }

    .timeline-div .timeline-item.right .date {
        right: calc(100% + 60px);
        text-align: end;
    }
    /*.timeline-div .timeline-item.left .content {
        right: 40px;
    }
    .timeline-div .timeline-item.right .content {
        left: 40px;
    }*/
    .timeline-div .timeline-item .content {
        padding: 20px;
        background: transparent;
        position: relative;
        border: 1px solid #fff;
        border-radius: .25rem;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: 260px;
    }

    .timeline-div .timeline-item .date {
        position: absolute;
        display: inline-block;
        width: calc(100% - 48px);
        top: 10px;
        font-size: 14px;
        font-weight: 500;
        font-style: italic;
    }

    .timeline-div .timeline-item .icon {
        color: rgba(28, 63, 96, 1);
        font-size: 32px;
        font-weight: 500;
    }

.timeline-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0px;
    color: rgba(28, 63, 96, 1);
    margin-bottom: 1.5rem;
}

.timeline-desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0px;
    color: rgba(28, 63, 96, 1);
}

.timeline-div .timeline-item.left .content {
    text-align: right;
}

.timeline-div .timeline::after {
    bottom: 202px;
    z-index: -1;
}

.timeline-div {
}

.timeline-div {
}
/*Timeline div Css end*/
/*Finance div Css Start*/
.finance-section {
}

    .finance-section .stocks-heading--title {
        margin-bottom: 1rem;
    }

    .finance-section .stocks-content--desc {
        margin-bottom: 2rem;
    }

.section-div--img__finance-bg {
    background: url('https://pic.islamicly.com/web/landing/v7/hala-trusted.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
}

.section-div--img__finance-bg1 {
    background: url('https://pic.islamicly.com/web/landing/v7/halal-world-wide.png');
}

.service-div--finance__pos {
    position: absolute;
    bottom: 0px;
    padding: 35px;
}

    .service-div--finance__pos .service-div--box__title {
        color: rgba(143, 245, 116, 1);
        font-size: 28px;
    }

    .service-div--finance__pos .service-div--box__desc {
        color: rgba(255, 255, 255, 1);
    }

.service-div--finance__pos {
}

.finance-div .service-div--box {
    background: rgba(4, 56, 27, 1);
    padding: 25px;
    margin-bottom: 20px;
}

    .finance-div .service-div--box .service-div--box__title {
        font-weight: 600;
        font-size: 28px;
        line-height: 100%;
        letter-spacing: 0px;
        color: rgba(143, 245, 116, 1);
        margin-bottom: 1.5rem;
    }

.finance-div .service-div--box__icons {
    margin-bottom: 1.5rem;
}

.finance-div .service-div--box__desc {
    color: #fff;
}

.finance-div {
}
/*Finance div Css end*/
/*Webinar div Css start*/
.section-webinar {
}

.webinar-box {
    margin-top: 2rem;
}

.webinar-box-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgba(25, 25, 25, 1);
    font-size: 16px;
    font-weight: 500;
    margin-top: 1rem;
}

.webinar-box--title {
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0px;
    color: rgba(25, 25, 25, 1);
    line-height: 1.3;
}

.webinar-box {
}

.webinar-box {
}

.section-webinar .section-div--img__column figure {
    box-shadow: 0px 0px 6px #3e694c;
    border-radius: 8px;
}

/*webinar div Css end*/
/*Stories div Css start*/
.stories-section {
}

    .stories-section .stocks-heading--badge span {
        background: rgb(219 234 208);
        color: rgb(37 37 37);
    }

.stories-section {
}

.stories-section {
}

.stories-div {
}

.stories-div {
}

.stories-div {
}

.stories-div {
}

.stories-div--content {
}

.stories-div--content {
}

.stories-div--content {
}

.stories-div--content__action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    color: rgba(1, 0, 26, 1) !important;
    font-weight: 500;
    letter-spacing: 0.3px;
}

.stories-div--content__action {
}

.stories-div--content__action {
}

.stories-div .card {
    min-height: 370px;
}
.stories-section .section-div--img__column figure {
    box-shadow: 0px 0px 6px #3e694c;
    border-radius: 8px 8px 0px 0px;
}
/*Stories div Css end*/
/*price div Css start*/
.price-section {
    background: rgba(14, 36, 69, 1);
}

.price-heading--badge {
}

    .price-heading--badge span {
        background: #3e506a;
        color: rgba(255, 255, 255, 1);
    }

.price-section .stocks-heading--title__moon {
    color: rgba(143, 245, 116, 1);
    font-size: 50px;
    margin-bottom: 2rem;
}

.price-section .proceedBtn {
    border: 1px solid rgba(143, 245, 116, 1);
    color: rgba(143, 245, 116, 1);
    padding: 6px 15px;
    font-size: 15px;
    border-radius: 30px;
}

    .price-section .proceedBtn:hover {
        border: 1px solid rgba(143, 245, 116, 1);
        background: rgba(143, 245, 116, 1);
        color: rgba(4, 56, 27, 1);
        padding: 6px 15px;
        font-size: 15px;
        border-radius: 30px;
    }
/*price div Css end*/
/*Faq div Css start*/
.faq-content {
}

.faq-content--tab .card-header-pills {
    border-radius: 30px;
    background: rgba(223, 254, 200, 1);
}

    .faq-content--tab .card-header-pills li {
        width: 33.33%;
        text-align: center;
    }

.faq-content--tab .nav-pills .nav-link {
    color: rgba(4, 56, 27, 1);
    font-size: 16px;
    font-weight: 500;
}

    .faq-content--tab .nav-pills .nav-link.active,
    .faq-content--tab .nav-pills .show > .nav-link {
        background-color: rgba(143, 245, 116, 1);
        border-radius: 30px;
        color: rgba(4, 56, 27, 1);
    }

.faq-content--tab {
}

.faq-content--contnet {
    margin-top: 30px;
}

    .faq-content--contnet .accordion .accordion-button {
        font-size: 18px !important;
        color: rgba(37, 37, 37, 1);
        font-weight: 600 !important;
    }

    .faq-content--contnet .accordion .accordion-body {
        color: rgba(37, 37, 37, 1);
        font-size: 16px;
        font-weight: 500;
    }

.faq-content--contnet {
}

.faq-right i {
    font-size: 35px;
    color: rgba(76, 175, 80, 1);
    background: rgba(223, 254, 200, 0.5);
    padding: 10px;
    border-radius: 57px;
}

.faq-right p {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    color: rgba(26, 25, 30, 0.5);
}

    .faq-right p a {
        font-weight: 400;
        font-size: 18px;
        line-height: 100%;
        color: rgba(26, 25, 30, 1);
    }

.faq-right {
}
/*Faq div Css end*/
/*download div Css start*/
.section-download {
}

.download-div {
}

.counter-div.download-div {
    padding: 3.5vw 4vw 0px;
    /* padding-top: 40px; */
}

.download-div--box {
}

.download-div--box__title {
    font-weight: 500;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0px;
    color: rgba(4, 56, 27, 1);
}

.download-div--box__list {
    margin-top: 1.5rem;
}

.download-div--box__list {
}

    .download-div--box__list i {
        color: rgba(4, 56, 27, 1);
        border-radius: 6px;
        font-size: 24px;
        margin-right: 10px;
    }

    .download-div--box__list p {
        font-weight: 500;
        font-size: 16px;
        line-height: 1.4;
        letter-spacing: 0px;
        color: rgba(4, 56, 27, 1);
        margin-bottom: 0px;
        margin-left: 0px;
    }
/*download div Css end*/
/*contact div Css start*/
.contact-div {
    background: linear-gradient(169.75deg, #03381B -13.81%, #06223A 83.61%);
    border-radius: 16px;
    display: flex;
    padding: 10vh 5vw;
}

.contact-div--subtitle {
    color: rgba(223, 254, 200, 1);
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
}

.contact-div--title {
    font-weight: 600;
    font-size: 56px;
    line-height: 64px;
    letter-spacing: -0.32px;
    margin: 4vh 0;
}
/*contact div Css end*/
/*footer div Css start*/
.isl-footer {
    background: rgba(14, 36, 69, 1);
}

.isl-footer {
}

.isl-footer--top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px 0px;
}

.isl-footer--top {
}

.isl-footer--top {
}

.isl-footer--top__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 1);
}

.isl-footer--top__badge {
    border: 1px solid #263957;
    background: #263957;
    border-radius: 8px;
    height: 54px;
    width: 340px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 500;
}

    .isl-footer--top__badge i {
        background: rgba(143, 245, 116, 1);
        color: rgba(4, 56, 27, 1);
        font-size: 32px;
        padding: 0px;
        line-height: 1;
        border-radius: 30px;
    }

.isl-footer--middle {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 40px 0px;
}

.isl-footer--middle {
}

.isl-footer--middle {
}

.isl-footer--middle {
}

.isl-footer--middle__img {
    margin-bottom: 2rem;
}

.isl-footer--middle__title {
    font-weight: 600;
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: 0px;
    vertical-align: middle;
}

.isl-footer--middle_list-title {
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 1.3rem;
}

.isl-footer--middle_list {
}

    .isl-footer--middle_list ul {
        list-style: none;
        padding: 0px;
    }

    .isl-footer--middle_list li {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #002b6a;
        border-bottom: 1px solid #1e3632;
    }

        .isl-footer--middle_list li:last-child {
            border-bottom: 0px solid #1e3632;
        }

    .isl-footer--middle_list a {
        display: flex;
        align-items: center;
        font-size: 15px;
        color: rgba(255, 255, 255, 0.7);
        font-weight: 500;
    }

    .isl-footer--middle_list img {
        margin-right: 10px;
    }

    .isl-footer--middle_list i {
        font-size: 20px;
        margin-right: 10px;
    }

.isl-footer--bottom {
    padding: 20px 0px;
}

.isl-footer--bottom {
}

    .isl-footer--bottom p {
        font-family: Neue Haas Grotesk Display Pro;
        font-weight: 500;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0.3px;
        text-align: center;
        vertical-align: middle;
        padding: 0px 10px;
        border-right: 1px solid #7996c3;
        color: #fff;
    }

        .isl-footer--bottom p:last-child {
            border-right: 0px solid #7996c3;
        }

    .isl-footer--bottom a {
        color: #fff;
    }

.isl-footer--top_country {
    padding: 10px 0px 30px;
}

.isl-footer--top_country {
}

    .isl-footer--top_country h5 {
        color: rgba(255, 255, 255, 0.9);
        font-size: 20px;
        font-weight: 600;
        width: 100%;
        margin-top: 20px;
    }

    .isl-footer--top_country ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        display: flex;
        flex-flow: wrap;
    }

    .isl-footer--top_country li {
        width: 16%;
        float: left;
        margin: 10px 0px;
        margin-right: 0.2%;
    }

        .isl-footer--top_country li:last-child {
            margin-right: 0;
        }

    .isl-footer--top_country span {
        display: flex;
        align-items: center;
    }

        .isl-footer--top_country span.material-icons {
            display: none;
        }

        .isl-footer--top_country span img {
            background: #fff;
            padding: 2px;
            border-radius: 30px;
            width: 20px !important;
            height: 20px !important;
            margin-right: 7px;
        }

    .isl-footer--top_country a {
        color: #fff;
        font-weight: 500;
        font-size: 16px;
    }
/*footer div Css end*/
/*Modal Right & Left Css start*/
.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 450px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}




/*Right*/
.modal.right.fade .modal-dialog {
    right: -450px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
    right: 0;
}

.modal.right.fade .modal-dialog {
    right: -450px;
}

/* ----- MODAL STYLE ----- */
#channels {
    padding: 0 1rem;
}

    #channels > img {
        border: 5px dotted transparent;
        transition: 0.5s;
    }

        #channels > img:first-child {
            border: 5px dotted gray;
        }

        #channels > img:first-child {
            border: 0 dotted gray;
            margin-bottom: -50px;
        }

.contentsidebarright .striptop {
    background: #319945;
    color: #fff;
    padding: 30px 20px 15px;
}

.contentsidebarright ul {
    padding: .5rem 1rem .5rem 2rem;
}

    .contentsidebarright ul li {
        list-style: disc;
        color: #319945;
        font-size: 20px;
        margin-top: 12px;
        line-height: 1.1;
    }

        .contentsidebarright ul li span {
            color: #FFF;
            font-size: 14px;
            font-weight: 100;
            font-weight: 500;
        }
/*Modal Right & Left Css end*/
test {
}

.section-market--dropdown select.form-select {
    background: #263957 url(data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>) right .75rem center / 8px 10px no-repeat !important;
}
.modal-dark label {
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
    /* color: #fff; */
}




































/*Landing Page Css End*/

/*Responsive css code start*/
@media (max-width: 1700px) {
    .hero-section .scholar-div--box__position {
        bottom: -4vh;
    }

    .isl-banner--scholar.user-img {
        width: 40%;
    }
}
@media (max-width: 1500px) {
    .display-4 {
        font-size: 2.5rem 40px;
    }

    .lh-base {
        line-height: 1.3 !important;
    }

    .fs-24 {
        font-size: 22px !important;
    }

    .isl-banner--scholar img {
        margin-bottom: -97px !important;
    }

    .text-left.postionUp h1 {
        margin-top: -60px;
    }
}
@media (max-width: 1500px) {
    .navbar-landing {
        padding: 10px 0;
    }

    .landing .navbar-landing .navbar-nav .nav-item {
        margin: 0px 13px;
    }

        .landing .navbar-landing .navbar-nav .nav-item .nav-link {
            font-size: 15px;
        }

    .landing .navbar-landing .btn-hover {
        font-size: 16px;
        padding: 5px 15px;
    }

    .hero-section--title, .scholar-title {
        font-size: 50px;
    }

        .hero-section--title span {
            font-size: 60px;
        }

    .hero-section--content {
        font-size: 22px;
        margin: 1vh 0 2vh;
    }

    .hero-section .scholar-div--box__position {
        bottom: -15vh;
    }

    .isl-banner--scholar.user-img {
        width: 41%;
    }

    .lh-base {
        line-height: 1.2 !important;
    }

   /* .brokerDiv-heading--bg {
        height: 50px;
    }*/

    .brokerDiv-heading h5 {
        font-size: 22px;
    }

    .brokerDiv-heading--bg img {
        height: 35px !important;
    }

    .brokerDiv-heading h3 {
        font-size: 42px;
    }

    .brokerDiv-heading .imgrightpos {
        position: absolute;
        right: 6%;
        top: 17vh;
    }

    .brokerDiv-heading .imgleftpos {
        position: absolute;
        left: 10%;
        top: 13vh;
    }

    .scholar-div--box__position {
        padding: 12px 3vw;
    }

    .scholar-desc {
        font-weight: 400;
        font-size: 19px;
        line-height: 1.4;
        max-width: 90%;
        margin-left: 10%;
    }

    .scholar-div--box__title {
        font-size: 20px;
    }

    .scholar-div--box__action i {
        font-size: 28px;
    }

    .scholar-div--box__position-small {
        padding: 10px 13px 11px;
    }

        .scholar-div--box__position-small .scholar-div--box__title {
            font-size: 17px;
        }

        .scholar-div--box__position-small .scholar-div--box__action i {
            font-size: 21px;
        }

    .heading-title {
        font-size: 50px;
        line-height: 62px;
        margin-bottom: 1.5rem;
    }

    .heading-badge {
        margin-bottom: 1rem;
    }

    .section-stocks .stocks-content--div__box {
        border-radius: 8px;
        padding: 15px;
    }

    .stocks-content--div__box-icon {
        margin-bottom: 2rem;
    }

        .stocks-content--div__box-icon img {
            height: 59px;
        }

    .section-gold .stocks-content--div__box-icon img {
        height: auto;
    }


    .stocks-content--div__box-desc {
        font-size: 19px;
    }

    /*.section-div--img__gold-bg img {
        height: 88vh;
    }*/

    .content-desc {
        font-size: 24px;
    }

    .stocks-content--div {
        margin-top: 1rem;
    }

    /*  .section-gold .stocks-content--div__box {
        padding: 0px;
    }*/
    .gold-content--desc2 {
        margin-top: 0.5rem;
        margin-bottom: 1.5rem;
        font-size: 20px;
    }

    .counter-div--box img {
        max-width: 65px;
    }

    .counter-div--box__value span {
        font-size: 62px;
    }

    .counter-div--box__label {
        font-size: 20px;
    }

    .section-market--list__heading {
        font-size: 18px;
    }

    .section-market--map__heading {
        font-size: 26px;
    }

    .section-market--map__result-heading {
        font-size: 50px;
    }

    .service-section .stocks-heading--title {
        margin-bottom: 1.5rem;
    }

    .service-section .stocks-content--desc {
        margin-bottom: 2.5rem;
    }

    .service-div--box__icons-extraspace {
        margin-bottom: 2.5rem;
        max-height: auto;
    }

    .service-div--box__title {
        font-size: 22px;
    }

    .service-div--box__desc {
        font-size: 18px;
        line-height: 25px;
    }

    .timeline-div {
        margin-top: 2.5rem;
    }

        .timeline-div img {
            max-height: 230px;
        }

    .timeline-item {
        padding: 25px 60px;
    }

    .timeline-div .timeline-item .content {
        height: 230px;
    }

    .timeline-title {
        font-size: 25px;
        margin-bottom: 1rem;
    }

    .timeline-desc {
        font-size: 18px;
        line-height: 23px;
    }

    .service-div--finance__pos {
        padding: 15px;
    }

        .service-div--finance__pos .service-div--box__title {
            font-size: 26px;
        }

    .finance-div .service-div--box .service-div--box__title {
        font-size: 24px;
        margin-bottom: 2rem;
    }

    .finance-div .service-div--box__icons {
        margin-bottom: 2rem;
        max-height: 65px;
    }

    .webinar-box--title {
        font-size: 22px;
    }

    .stories-div--content__action {
        font-size: 16px;
    }

    .price-section .stocks-heading--title__moon {
        font-size: 43px;
    }

    .faq-content--tab .nav-pills .nav-link {
        font-size: 16px;
        padding: 10px 9px;
    }

    .faq-right i {
        font-size: 35px;
    }

    .download-div--box__title {
        font-size: 44px;
    }

    .contact-div--title {
        font-size: 55px;
    }

    .isl-footer--top {
        margin: 0px;
    }

    .isl-footer--middle {
        margin: 0px;
    }

    .isl-footer {
        padding-top: 1rem !important;
    }

    .isl-footer--middle__title {
        font-size: 20px;
    }
}

@media (max-width: 1280px) {
    .hero-section .scholar-div--box__position {
        bottom: -17vh;
    }

    .isl-banner--scholar.user-img {
        width: 40%;
    }
    .display-4 {
        font-size: 2.5rem 40px;
    }

    .lh-base {
        line-height: 1.3 !important;
    }

    .fs-24 {
        font-size: 22px !important;
    }

    .isl-banner--scholar img {
        margin-bottom: -97px !important;
    }

    .text-left.postionUp h1 {
        margin-top: -60px;
    }
}


@media (min-width: 768px) and (max-width: 1200px) {
    .navbar-landing {
        padding: 7px 0;
    }
    .landing .navbar-landing .navbar-nav .nav-item {
        margin: 0px 10px;
    }
        .landing .navbar-landing .navbar-nav .nav-item .nav-link {
            font-size: 14px;
        }
    .landing .navbar-landing .btn-hover {
        font-size: 15px;
        padding: 5px 15px;
    }
    .hero-section--title, .scholar-title {
        font-size: 40px;
    }
        .hero-section--title span {
            font-size: 55px;
            font-size: 40px;
            letter-spacing: 2px;
        }
    .hero-section .scholar-div--box__position {
        bottom: -17vh;
    }
    .isl-banner--scholar.user-img {
        width: 40%;
    }
    .hero-section--content {
        font-size: 18px;
        margin: 1vh 0 2vh;
    }
    .lh-base {
        line-height: 1.2 !important;
    }
    /*.brokerDiv-heading--bg {
        height: 43px;
    }*/
    .brokerDiv-heading h5 {
        font-size: 20px;
    }
    .brokerDiv-heading--bg img {
        height: 27px !important;
    }
    .brokerDiv-heading h3 {
        font-size: 34px;
    }
    .brokerDiv-heading .imgrightpos {
        position: absolute;
        right: 6%;
        top: 17vh;
    }
    .brokerDiv-heading .imgleftpos {
        position: absolute;
        left: 10%;
        top: 13vh;
    }
    .scholar-div--box__position {
        padding: 12px 3vw;
    }
    .scholar-desc {
        font-weight: 400;
        font-size: 16px;
        line-height: 1.4;
        max-width: 90%;
        margin-left: 10%;
    }
    .scholar-div--box__title {
        font-size: 18px;
    }
    .scholar-div--box__action i {
        font-size: 26px;
    }
    .scholar-div--box__position-small {
        padding: 10px 10px;
    }
        .scholar-div--box__position-small .scholar-div--box__title {
            font-size: 13px;
        }
        .scholar-div--box__position-small .scholar-div--box__action i {
            font-size: 17px;
        }

    .heading-title {
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 1rem;
    }
    .heading-badge {
        margin-bottom: 0.5rem;
    }
    .section-stocks .stocks-content--div__box {
        border-radius: 8px;
        padding: 15px;
    }
    .stocks-content--div__box-icon {
        margin-bottom: 0.6rem;
    }
        .stocks-content--div__box-icon img {
            height: 45px;
        }
    .stocks-content--div__box-desc {
        font-size: 14px;
    }
    .section-div--img__gold-bg img {
        height: 88vh;
    }
    .content-desc {
        font-size: 22px;
    }
    .stocks-content--div {
        margin-top: 1rem;
    }

  /*  .section-gold .stocks-content--div__box {
        padding: 0px;
    }*/
    .gold-content--desc2 {
        margin-top: 0.5rem;
        margin-bottom: 1.5rem;
        font-size: 18px;
    }
    .counter-div--box img {
        max-width: 60px;
    }
    .counter-div--box__value span {
        font-size: 56px;
    }
    .counter-div--box__label {
        font-size: 18px;
    }
    .section-market--list__heading {
        font-size: 16px;
    }
    .section-market--map__heading {
        font-size: 24px;
    }
    .section-market--map__result-heading {
        font-size: 40px;
    }
    .service-section .stocks-heading--title {
        margin-bottom: 0.5rem;
    }
    .service-section .stocks-content--desc {
        margin-bottom: 1.5rem;
    }
    .service-div--box__icons-extraspace {
        margin-bottom: 1rem;
        max-height: 90px;
    }
    .service-div--box__title {
        font-size: 20px;
    }

    .service-div--box__desc {
        font-size: 15px;
        line-height: 20px;
    }
    .timeline-div {
        margin-top: 1rem;
    }
        .timeline-div img {
            max-height: 200px;
        }
    .timeline-item {
        padding: 20px 60px;
    }
    .timeline-div .timeline-item .content {
        height: 200px;
    }
    .timeline-title {
        font-size: 22px;
        margin-bottom: 1rem;
    }
    .timeline-desc {
        font-size: 15px;
        line-height: 21px;
    }
    .service-div--finance__pos {
        padding: 15px;
    }
        .service-div--finance__pos .service-div--box__title {
            font-size: 24px;
        }
    .finance-div .service-div--box .service-div--box__title {
        font-size: 24px;
        margin-bottom: 0.5rem;
    }
    .finance-div .service-div--box__icons {
        margin-bottom: 0.5rem;
        max-height: 45px;
    }
    .webinar-box--title {
        font-size: 20px;
    }
    .stories-div--content__action {
        font-size: 14px;
    }
    .price-section .stocks-heading--title__moon {
        font-size: 43px;
    }
    .faq-content--tab .nav-pills .nav-link {
        font-size: 16px;
        padding: 10px 5px;
    }
    .faq-right i {
        font-size: 30px;
    }
    .download-div--box__title {
        font-size: 40px;
    }
    .contact-div--title {
        font-size: 48px;
    }
    .isl-footer--top {
        margin: 0px;
    }
    .isl-footer--middle {
        margin: 0px;
    }
    .isl-footer {
        padding-top: 1rem !important;
    }
    .isl-footer--middle__title {
        font-size: 20px;
    }











}
/*Responsive css code end*/


/*Mobile Responsive css code Start*/
@media (max-width: 767px) {
    .section.section-div {
        padding: 30px 0;
    }
    .timeline-section, #sun, .bg-overlay-pattern, .isl-banner--scholar.user-img {
        display: none;
    }
    .isl-footer--top .d-flex {
        display: block !important;
    }
    .isl-footer--top__badge {
        width: 100%;
    }
    .download-div--box .btn-box img {
        height: 40px;
    }
    .mt-60 {
        margin-top: 20px;
    }
    .isl-brokers .slick-slide img.brokerLogo {
        height: 35px;
    }
    /*.col-sm-6.col-xs-6 {
        width: 50%;
        float: left;
    }*/



    .navbar .mdi.mdi-menu {
        color: #fff;
        font-size: 23px !important;
        background: #027033;
        padding: 3px 9px 1px;
        border-radius: 5px;
    }
    .lh-base {
        line-height: 1.2 !important;
    }

    .landing .navbar-landing .btn-hover {
        font-size: 15px;
        padding: 5px 15px;
    }

    .hero-section--title, .scholar-title {
        font-size: 25px;
        line-height: 1.4;
    }
    .scholar-desc {
        display: none;
    }
    .hero-section--title span {
        font-size: 30px;
        letter-spacing: 0px;
    }

    .hero-section--content {
        font-size: 16px;
        margin: 1vh 0 2vh;
        line-height: 1.4 !important;
    }
    .btn-hover.btn-screening {
        min-width: 250px;
    }

    .brokerDiv-heading--bg {
        background: url('https://pic.islamicly.com/web/landing/v7/mobile-bg.png');
        height: fit-content;
        background-size: cover;
        padding: 2px;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ffc857;
        clip-path: polygon(23.8% 0%, 76.2% 0%, 69.7% 51%, 76.2% 100%, 23.8% 100%, 32.1% 50%);
        width: 100%;
        clip-path: polygon(100% 0%, 93% 50%, 100% 100%, 0 100%, 8% 48%, 0 0%);
        padding: 10px 15px;
    }
    

.brokerDiv-heading h5 {
    font-size: 16px;
    text-align: center;
    padding: 0px 21px;
}

    .brokerDiv-heading--bg img {
        height: 21px !important;
        margin-right: 0px !important;
    }

    .brokerDiv-heading h3 {
        font-size: 25px;
        margin-top: 1.5rem;
    }

    .brokerDiv-heading .imgrightpos {
        position: absolute;
        right: 6%;
        top: 17vh;
        display: none;
    }

    .brokerDiv-heading .imgleftpos {
        position: absolute;
        left: 10%;
        top: 13vh;
        display: none;
    }

    .scholar-div--box__position {
        padding: 12px 3vw;
    }

    .scholar-desc {
        font-weight: 400;
        font-size: 16px;
        line-height: 1.4;
        max-width: 90%;
        margin-left: 10%;
    }

    .scholar-div--box__title {
        font-size: 16px;
    }

    .scholar-div--box__action i {
        font-size: 24px;
    }

    .scholar-div--box__position-small {
        padding: 10px 10px;
    }

        .scholar-div--box__position-small .scholar-div--box__title {
            font-size: 16px;
        }

        .scholar-div--box__position-small .scholar-div--box__action i {
            font-size: 24px;
        }
    .scholar-div {
        margin-top: 0rem !important;
    }
    .scholar-div--box {
        margin-bottom: 20px;
    }
        .scholar-div--box img {
            max-width: 100%;
            width: 100%;
        }

    /*   .scholar-div .col-md-4 {
        width: 50%;
    }*/
    .heading-title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 1.3rem;
    }

    .heading-badge {
        margin-bottom: 1.5rem;
    }

    .section-stocks .stocks-content--div__box {
        border-radius: 8px;
        padding: 15px;
        margin-bottom: 0.6rem;
    }

    .stocks-content--div__box-icon {
        margin-bottom: 0.6rem;
    }

        .stocks-content--div__box-icon img {
            height: 45px;
        }

    .stocks-content--div__box-desc {
        font-size: 18px;
    }

    /*.section-div--img__gold-bg img {
        height: 88vh;
    }*/

    .section-div--img__gold-bg img {
        height: auto;
        max-width: 100%;
    }

    .content-desc {
        font-size: 20px;
        margin-top: 1.5rem;
    }
    .section-stocks .content-desc {
        font-size: 20px;
        margin-top: 1.5rem;
        line-height: 1.4;
    }

    .stocks-content--div {
        margin-top: 1rem;
    }
    .section-gold .stocks-content--div__box-icon {
        margin-bottom: 0.6rem;
        width: 80px;
    }
        .section-gold .stocks-content--div__box-icon img {
            height: 35px;
        }
    .stocks-content--div__box-desc.stocks-content--div__box-desc-gold {
        margin-bottom: 1.5vh;
        font-size: 15px;
    }
    /*  .section-gold .stocks-content--div__box {
        padding: 0px;
    }*/
    .gold-content--desc2 {
        margin-top: 0.5rem;
        margin-bottom: 1.5rem;
        font-size: 18px;
    }

    .counter-div {
        padding: 20px 20px;
        width: 94%;
    }
    .counter-div--box img {
        max-width: 36px;
    }

    .counter-div--box__value span {
        font-size: 36px;
    }

    .counter-div--box__label {
        font-size: 16px;
    }
    .counter-div--box.border-top {
        border-top: 0px !important;
        padding: 0px;
        margin: 0px;
    }
    .counter-div--box {
        padding-bottom: 30px !important;
    }
    .section-market--list__heading {
        font-size: 16px;
    }

    .section-market--map__heading {
        font-size: 24px;
    }

    .section-market--map__result-heading {
        font-size: 40px;
    }

    .service-section .stocks-heading--title {
        margin-bottom: 0.5rem;
    }

    .service-section .stocks-content--desc {
        margin-bottom: 1.5rem;
    }

    .service-div--box__icons-extraspace {
        margin-bottom: 1rem;
        max-height: 90px;
    }

    .service-div--box__title {
        font-size: 20px;
    }

    .service-div--box__desc {
        font-size: 15px;
        line-height: 20px;
    }

    .timeline-div {
        margin-top: 1rem;
    }

        .timeline-div img {
            max-height: 200px;
        }

    .timeline-item {
        padding: 20px 60px;
    }

    .timeline-div .timeline-item .content {
        height: 200px;
    }

    .timeline-title {
        font-size: 22px;
        margin-bottom: 1rem;
    }

    .timeline-desc {
        font-size: 15px;
        line-height: 21px;
    }

    .service-div--finance__pos {
        padding: 15px;
    }

        .service-div--finance__pos .service-div--box__title {
            font-size: 24px;
        }

    .finance-div .service-div--box .service-div--box__title {
        font-size: 24px;
        margin-bottom: 0.5rem;
    }

    .finance-div .service-div--box__icons {
        margin-bottom: 0.5rem;
        max-height: 45px;
    }

    .webinar-box--title {
        font-size: 20px;
    }

    .stories-div--content__action {
        font-size: 14px;
    }

    .price-section .stocks-heading--title__moon {
        font-size: 43px;
    }

    .faq-content--tab .nav-pills .nav-link {
        font-size: 16px;
        padding: 10px 5px;
    }

    .faq-right i {
        font-size: 30px;
    }

    .download-div--box__title {
        font-size: 40px;
    }

    .contact-div--title {
        font-size: 48px;
    }

    .isl-footer--top {
        margin: 0px;
    }

    .isl-footer--middle {
        margin: 0px;
    }

    .isl-footer {
        padding-top: 1rem !important;
    }

    .isl-footer--middle__title {
        font-size: 20px;
    }

   /* .section-market {
        display:none;
    }*/
    .section-moon .stocks-content--div__box-icon {
        margin-bottom: 0.6rem;
        width: 90px;
    }
        .section-moon .stocks-content--div__box-icon img {
            height: auto;
            width: 100%;
        }
    .section-moon .stocks-content--div__box-desc {
        font-size: 16px;
    }
    .section-market--map {
        padding: 30px 20px;
    }
    .section-market--map__heading {
        font-size: 22px;
    }
    .section-market--map__result-heading {
        font-size: 32px;
    }
    .section-market--list {
        margin-top: 2rem;
    }
    .finance-section {
        display: none;
    }
    .section-webinar .float-end {
        float: left !important;
    }
    .section-webinar .webinar-box--title {
        margin-bottom: 30px;
    }
    .stories-div .card {
        min-height: 100px;
        height: fit-content;
    }
    .price-section .stocks-heading--title__moon {
        font-size: 29px;
    }
    .faq-content {
        margin-top: 30px;
    }
    .section-faq {
        display: none;
    }
    .download-div--box__title {
        font-size: 30px;
        line-height: 1.3;
        
    }
    .download-div--box {
        margin-bottom: 20px;
    }
    .section-download .content-desc {
        font-size: 19px;
        margin-top: 1.5rem;
        line-height: 1.3;
    }
    .contact-div--title {
        font-size: 33px;
        line-height: 1.4;
    }
    .isl-footer--middle_list-title {
        margin-top: 20px;
    }
    .isl-footer--bottom .d-flex {
        display: block !important;
    }
    .isl-footer--bottom p {
        font-size: 12px;
        line-height: 1.8;
    }
    .isl-footer--top {
        display: none;
    }



    .modal.left .modal-dialog,
    .modal.right .modal-dialog {
        width: 100%;
    }

    /*Right*/
    .modal.right.fade .modal-dialog {
        right: -100%;
    }

    .modal.right.fade.show .modal-dialog {
        right: 0;
    }

    .modal.right.fade .modal-dialog {
        right: -100%;
    }
    .price-section .isl-paymentForBoth--plans {
        padding: 15px 20px;
    }
    .section.hero-section {
        padding: 50px 0;
        height: calc(100vh - 0px);
    }
     .service-section .service-div--box {
        height: 260px;
    }
    .finance-section.service-section .service-div--box {
        height: auto;
    }



}
/*Mobile Responsive css code end*/