:root {
   --clr-brand-green: #1bad4e;
   --clr-dark-green: #154234;
   --clr-banner: #F4F4F4;
   --clr-yellow: #FFA927;
   --bg-product-banner: #FAFAFA;
   --clr-banner-text: #545352;
   --clr-black: #000000;
   --clr-heading-black: #2D2D2D;

   --content-width: 100rem;
}

html {
   scroll-padding-top: 4.375rem;
   overflow-x: hidden;
}

ul[role='list'],
ol[role='list'] {
   margin: 0;
   padding: 0;
   list-style: none;
}

a {
   text-decoration: none;
}

.mail-grey {
   color: #f5f5f5
}

.text-brand {
   color: var(--clr-brand-green)
}

.br-6 {
   border-radius: .375rem;
}

.btn-padding {
   padding: .375rem .75rem;
}

.bg-brand {
   background-color: var(--clr-brand-green);
}

.bg-brand-yellow {
   background-color: var(--clr-yellow);
}

.text-card-1 {
   color: #3A424A;
}

.text-pure-black {
   color: #000;
}

.light-section {
   background-color: var(--bg-product-banner);
}

.bullet-point {
   color: #1A9F4B;
   font-size: 1.5rem;
   margin-right: .25rem;
}

.pointer {
   cursor: pointer;
}

.bg-light-green {
   background-color: #A1D154;
}

.website-link,
.website-link:hover {
   color: var(--clr-brand-green);
   text-underline-offset: 2px;
   font-size: .875rem;
}

.font-14 {
   font-size: .875rem;
}

.font-15 {
   font-size: .9375rem;
}

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

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

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

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

.skeleton-loader {
   display: inline-block;
   position: relative;
   width: 100%;
   overflow: hidden;
   background-color: #DDDBDD;
}

.skeleton-loader::after {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   transform: translateX(-100%);
   background: linear-gradient(90deg, rgba(221, 219, 221, 1) 0%, rgba(255, 255, 255, 1) 48%, rgba(221, 219, 221, 1) 100%);
   animation: shimmer 2s infinite;
}

@keyframes shimmer {
   100% {
      transform: translateX(100%);
   }
}

.content-wrapper {
   width: 100%;
   max-width: var(--content-width);
   margin: 0 auto;
   padding: 0 1.25rem;
}

body {
   font-family: "Montserrat", serif;
   /* font-family: "Inter", sans-serif; */
   background-color: white;
   font-weight: 400;
   padding-bottom: 5rem;
}

.button {
   border-radius: .5rem;
   border: 0;
   color: white;
   font-size: clamp(0.875rem, 0.8393rem + 0.1786vw, 1rem);
   font-weight: 600;
   line-height: 2;
   letter-spacing: .5px;
   text-transform: capitalize;
   width: max-content;
   padding: .75rem 2.5rem;
   transition: background-color .3s ease, color .3s ease;
}

.button-filled {
   background-color: #1FB16E;
   color: white;
   box-shadow: 4px 4px 24px 0px #A79FB28C;
}


.button-filled:hover,
.button-filled:active,
.button-filled:focus {
   background-color: #1FB16E;
   color: white;
}

.primary-header {
   background-color: #0A1837;
   height: 4.375rem;
}

.primary-header.header-sticky {
   box-shadow: 0px 4px 10px 0px #0000001A;
}

.brand-logo {
   max-width: 10rem;
}

.header-nav-link,
.discuss-link {
   position: relative;
   color: white;
   font-weight: 500;
   transition: color .3s ease;
   font-size: .875rem;
}

.header-nav-link:hover,
.discuss-link:hover {
   color: var(--clr-brand-green);
}

.header-nav-link::after,
.discuss-link::after {
   content: "";
   position: absolute;
   left: 50%;
   bottom: -.5rem;
   transform: translateX(-50%);
   background-color: var(--clr-brand-green);
   width: 0;
   height: 2px;
   transition: width .3s ease;
}

.header-nav-link.active,
.discuss-link.active {
   color: var(--clr-brand-green);
}

.header-nav-link.active::after,
.discuss-link.active::after {
   width: 100%;
}

.header-nav-link:hover::after,
.discuss-link:hover::after {
   width: 100%;
}

.dropdown-toggle::after {
   display: none;
}

.dropdown-menu {
   background-color: white;
   border-radius: .5rem;
   box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.dropdown-menu li:not(:last-child) {
   margin-bottom: .5rem;
}

.dropdown-item {
   padding: 0;
   color: black;
   font-weight: 500;
}

.dropdown-item:hover {
   color: var(--clr-brand-green);
   background-color: transparent;
}

.mobile-offcanvas {
   /* z-index: 10000 !important; */
   background-color: white;
}

.mobile-nav-link {
   color: black;
   font-weight: 600;
   letter-spacing: .5px;
   font-size: 1rem;
}

.mobile-nav-link:hover {
   color: var(--clr-brand-green);
}

.section {
   padding: 3.125rem 0;
   box-sizing: border-box;
   height: max-content;
}

.small-heading {
   font-size: clamp(0.875rem, 0.4789rem + 1.6901vw, 2rem);
   color: var(--clr-heading-black);
   font-weight: 600;
}

.section-heading {
   font-size: clamp(2rem, 1.6479rem + 1.5023vw, 3rem);
   font-weight: 700;
   max-width: 30ch;
   margin-inline: auto;
   text-align: center;
   color: var(--clr-heading-black);
}

.ramadan-banner {
   background-color: #FFB300;
}

.ramadan-banner p {
   font-size: clamp(0.875rem, 0.6964rem + 0.8929vw, 1.5rem);
   line-height: 1.3;
   max-width: 55ch;
}

/* .ramadan-banner p span {
   font-size: clamp(0.75rem, 0.5714rem + 0.8929vw, 1.375rem);
} */

.ramadan-banner .claim-link {
   font-size: clamp(0.75rem, 0.6964rem + 0.2679vw, 0.9375rem);
}

.calendly-bubble-wrapper {
   position: fixed;
   bottom: 8rem;
   right: 1rem;
   z-index: 1000;
   /* transition: transform .3s ease-in-out; */
}

.hide-chatbox {
   transform: translateX(30rem);
}

.show-chatbox {
   transform: translateX(0);
   transition: transform .3s ease-in-out;
}

.calendly-bubble-wrapper img {
   aspect-ratio: 1;
   width: 3rem;
   object-fit: cover;
   border: .325rem solid #cae6e6;
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
   cursor: pointer;
}

.calendly-text-container {
   --bubble-bg: #cae6e6;
   --bubble-text: white;
   --border-radius: 1rem;
   position: relative;
   padding: .75rem 1rem;
   max-width: 28ch;
   border-radius: var(--border-radius) var(--border-radius) .25rem var(--border-radius);
   background-color: var(--bubble-bg);
   color: var(--bubble-text);
   margin-right: 1.75rem;
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.calendly-text-container button {
   position: absolute;
   top: -.625rem;
   right: -.625rem;
}

.calendly-text-container a {
   font-size: .875rem;
   margin-bottom: 0;
   line-height: 1.5;
   color: #000000;
   font-weight: 500;
   text-underline-offset: 1.5px;
}

.calendly-text-container a .span2 {
   font-weight: 600;
}

/* --------------------------------------- */
/* hero section styling start */
.hero-section {
   background-color: #0A1837;
   padding-block: 1.5rem 2.5rem;
}

.hero-grid {
   display: grid;
   grid-template-columns: 1fr;
}

.hero-h1 {
   /* font-size: clamp(2.25rem, 1.8929rem + 1.7857vw, 3.5rem); */
   font-size: clamp(2.25rem, 1.6338rem + 2.6291vw, 4rem);
   line-height: 1.1;
}

.hero-h1 span {
   color: #1FB16E;
}

.hero-p {
   /* font-size: clamp(0.875rem, 0.7321rem + 0.7143vw, 1.375rem); */
   font-size: clamp(0.875rem, 0.6549rem + 0.939vw, 1.5rem);
   margin-bottom: 1.5rem;
   line-height: 1.67;
   font-weight: 300;
}

.hero-list {
   margin-top: 1.5rem;
   gap: .625rem;
}

.hero-list-item {
   font-size: clamp(0.78125rem, 0.6116rem + 0.8482vw, 1.375rem);
   color: #eaebee;
   /* line-height: 1.5; */
}

.blur-bg-stats {
   display: grid;
   list-style: none;
   position: relative;
   margin-top: 1.75rem;
   border-radius: 1.25rem;
   width: 100%;
   /* max-width: 90%; */
   background-color: #222E4B66;
   backdrop-filter: blur(24px);
   border: 1px solid #222E4B;
}

.blur-bg-stats li:not(:last-child) {
   border-bottom: 1px solid #222E4B;
}

.blur-bg-stats b {
   color: #1FB16E;
   font-size: clamp(1.5rem, 1.412rem + 0.3756vw, 1.75rem);
}

.blur-bg-stats span {
   font-size: clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem);
}

.sts-para {
   font-size: clamp(0.875rem, 0.831rem + 0.1878vw, 1rem);
}

.first-goal-text {
   font-size: clamp(0.75rem, 0.618rem + 0.5634vw, 1.125rem);
   color: #1FB16E;
}

.countdown-timer-wrapper {
   border: 1px solid white;
   border-radius: 5px;
   padding: .75rem 0;
}

.countdown-timer-wrapper h3 {
   color: white;
   font-size: clamp(0.75rem, 0.6786rem + 0.3571vw, 1rem);
   background-color: #0A1737;
   width: 100%;
   max-width: max-content;
   font-weight: 300;
}

.countdown-timer-wrapper p {
   font-size: clamp(0.8125rem, 0.7589rem + 0.2679vw, 1rem);
}

.progress-bars-grid {
   display: grid;
   gap: 1rem;
   grid-template-columns: 2fr 1fr;
   padding: 1.5rem 0 0 0;
}

.progress-article {
   color: white;
}

.progress-article h4 {
   color: #1FB16E;
   font-weight: 600;
   font-size: clamp(0.75rem, 0.618rem + 0.5634vw, 1.125rem);
}

.progress-article .amt {
   font-size: clamp(0.75rem, 0.5739rem + 0.7512vw, 1.25rem);
}

.progress-article .amounts-wrapper {
   font-size: clamp(0.75rem, 0.4859rem + 1.1268vw, 1.5rem);
}

.progress-article .investment-amount-wrapper span {
   font-size: clamp(2.125rem, 1.6849rem + 1.8779vw, 3.375rem);
   margin-bottom: 2px;
}

.progress-article .investment-amount-wrapper p {
   font-size: clamp(0.875rem, 0.6549rem + 0.939vw, 1.5rem);
   gap: 0 .25rem;
   max-width: max-content;
}

.progress-wrapper {
   margin: .25rem 0 .5rem 0;
}

.progress-wrapper .progress {
   height: 6px;
   background-color: #ffffff;
}

.growth-round-progress-wrapper .progress-bar {
   background-color: #1FB16E;
}

.hero-para {
   font-size: clamp(0.875rem, 0.8393rem + 0.1786vw, 1rem);
   max-width: 55ch;
   color: #565656;
}

.goal-amount-span {
   font-size: clamp(0.875rem, 0.7835rem + 0.3902vw, 1.125rem);
   font-weight: 700;
   color: black;
}

#nextButton:disabled {
   background-color: #6ad690;
}

#nextLink.disabledLink {
   background-color: #6ad690;
   pointer-events: none;
   cursor: default;
}

#importanceForm fieldset h5 {
   font-size: clamp(0.9375rem, 0.8935rem + 0.1878vw, 1.0625rem);
   line-height: 1.3;
}

#importanceForm fieldset input {
   margin-top: 2px;
}

#importanceForm fieldset label {
   font-size: clamp(0.8125rem, 0.7668rem + 0.1951vw, 0.9375rem);
   line-height: 1.4;
}

.investor-type-radio {
   cursor: pointer;
}

.investor-type-radio input {
   -webkit-appearance: none;
   appearance: none;
   margin: 0;
   height: 1rem;
   width: 1rem;
   background-color: #fff;
   font: inherit;
   color: currentColor;
   border: .125rem solid #a2a2a2;
   border-radius: 50%;
   position: relative;
}

.investor-type-radio input::before {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   content: "";
   width: 0.65rem;
   height: 0.65rem;
   border-radius: 50%;
   background-color: transparent;
}

.investor-type-radio input:checked {
   border: .125rem solid var(--clr-brand-green);
}

.investor-type-radio input:checked::before {
   background-color: var(--clr-brand-green);
}

/* .form-check-input:checked {
   background-color: var(--clr-brand-green);
   border-color: var(--clr-brand-green);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
} */

.form-check .questionSwitch,
.form-check .questionSwitch:focus {
   border-color: var(--clr-brand-green);
}

.form-check .questionSwitch:checked {
   background-color: var(--clr-brand-green);
   border-color: var(--clr-brand-green);
}

.form-check .questionSwitchLabel {
   font-size: clamp(0.75rem, 0.7043rem + 0.1951vw, 0.875rem);
   color: #2d2d2d;
   max-width: calc(100% - 2.5rem);
   line-height: 1.4;
   letter-spacing: .25px;
}

.modal-para {
   font-size: clamp(0.9375rem, 0.8918rem + 0.1951vw, 1.0625rem);
   color: #000;
   line-height: 1.4;
}

/* .form-switch .form-check-input:focus {
   border-color: var(--clr-brand-green);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%231bad4e'/%3e%3c/svg%3e");
} */

#questionsModal h5 {
   font-size: clamp(1rem, 0.9543rem + 0.1951vw, 1.125rem);
   color: #000;
}

#questionsModal li {
   font-size: clamp(0.875rem, 0.8293rem + 0.1951vw, 1rem);
   color: #2d2d2d;
}

#questionsModal h6 {
   font-size: clamp(0.875rem, 0.8293rem + 0.1951vw, 1rem);
   color: #000;
}

/* 
.form-switch.form-switch-md .form-check-input {
   height: 1.5rem;
   width: calc(2rem + 0.75rem);
   border-radius: 3rem;
   cursor: pointer;
 }

.form-switch .form-check-input {
   background-position: left center;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
*/

/* .form-switch .form-check-input:focus {
   border-color: var(--clr-brand-green);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%231bad4e'/%3e%3c/svg%3e");
} */

.hero-cards-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: .5rem;
}

.hero-cards-grid .hero-card {
   display: flex;
   flex-direction: column;
   gap: .5rem;
   border: 1px solid #93C8A880;
   background: #FFFFFF80;
   padding: .75rem 1rem;
   border-radius: .4rem;
}

.hero-card .hero-card-text-span {
   color: #2B885C;
   font-size: clamp(0.875rem, 0.5625rem + 1vw, 1.125rem);
}

.hero-card .hero-card-price-span {
   color: #484848;
   font-size: clamp(1.125rem, 0.6563rem + 1.5vw, 1.5rem);
}

a.hero-btn:hover {
   color: #565656;
}

.hero-btn {
   text-decoration: underline;
   text-underline-offset: 2px;
   font-size: clamp(0.875rem, 0.787rem + 0.3756vw, 1.125rem);
   color: #565656B2;
   /* color: #565656; */
}

.bottom-fixed-container {
   grid-template-columns: 1fr;
   z-index: 1000 !important;
   box-shadow: 0px 4px 10px 0px #1B934566;
}

.price-share-fixed-card {
   border: 1px solid #00000033;
   border-radius: .4rem;
   background-color: #FBFBFB;
   padding: .625rem;
}

.price-share-fixed-card .price-span {
   font-weight: 800;
   color: #484848;
   font-size: 1.125rem;
}

.price-share-fixed-card .price-text-span {
   font-weight: 400;
   color: #1C1C1DB2;
   font-size: .75rem;
}

.invest-video-text img {
   width: 2.5rem;
   height: auto;
   margin-top: -1rem;
}

.invest-video-text p {
   background-color: #FFEDA3;
   font-size: clamp(0.8rem, 0.7296rem + 0.3005vw, 1rem);
   font-weight: 600;
   color: #000;
}

.hero-invest-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   background: linear-gradient(90deg, #1B81AD 0%, #1BAD4E 100%);
   box-shadow: 0px 4px 10px 0px #30433640;
   border: 3px solid white;
   border-radius: .5rem;
   /* background-color: var(--clr-brand-green); */
   /* box-shadow: 0px 4px 10px 0px #1B934566; */
   padding: .75rem;
   /* max-width: 35rem; */
   font-size: clamp(1rem, 0.956rem + 0.1878vw, 1.125rem);
   color: white;
}

.hero-invest-btn:hover,
.hero-invest-btn:active,
.hero-invest-btn:focus {
   background-color: #15813b;
   border-color: white;
   color: white;
}

.slider-and-stats {
   max-width: 35.4375rem;
}

.hero-slider {
   /* box-shadow: 0px 0px 24px 0px #94BDEB80; */
   border-radius: .75rem;
}

.hero-slider .splide__slide {
   position: relative;
   width: 100%;
   /* padding-top: 62%; */
   /* 3:2 Aspect Ratio */
   aspect-ratio: 3 / 2;
   overflow: hidden;
   border-radius: .75rem;
}

.hero-slider .splide__slide img {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   /* width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center; */
}

.prices-div {
   border-bottom: 1px solid #222E4B;
}

.hero-links-wrapper a {
   color: #758ABE;
   font-size: clamp(0.75rem, 0.662rem + 0.3756vw, 1rem);
}

.new-to-musaffa-wrapper {
   max-width: 35.4375rem;
   font-size: 1rem
}

.new-to-musaffa-wrapper a{
   color: #0DB47D;
   font-size: clamp(0.75rem, 0.706rem + 0.1878vw, 0.875rem);
}

.hero-section-invest-btn {
   font-size: clamp(1rem, 0.9286rem + 0.3571vw, 1.25rem);
   width: 100%;
   padding: .625rem;
}

.inv-info {
   padding-block: 1.75rem 1rem;
   gap: .75rem;
}

.fee-text {
   /* font-weight: 300; */
   font-size: clamp(0.6875rem, 0.6435rem + 0.1878vw, 0.8125rem);
   color: #798CB9;
   letter-spacing: .5px;
}

.invest-now-button,
.invest-now-button:hover,
.invest-now-button:active {
   color: white;
   background-color: #1FB16E;
}

.invest-info-card p {
   font-size: clamp(0.75rem, 0.7143rem + 0.1786vw, 0.875rem);
   color: #798CB9;
}

.invest-info-card span {
   /* font-size: clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem); */
   font-size: clamp(1rem, 0.8239rem + 0.7512vw, 1.5rem);
   color: white;
}

.slide-banner-heading {
   font-size: clamp(1rem, 0.7256rem + 1.1707vw, 1.75rem);
   grid-column: 1 / -1;
}

/* .pre-seed-progress .pre-seed-progress-bar {
   background-color: #1bad4e;
}

.seed-progress .seed-progress-bar {
   background-color: #c5d85b;
   background: linear-gradient(90deg, #1B81AD 0%, #1BAD4E 100%);
} */

.progress-article-text {
   font-size: clamp(0.625rem, 0.3125rem + 1vw, 0.875rem);
   color: #232A2F;
}

.progress-article-text .num-span {
   font-weight: 900;
   color: #364148;
}

/* .iframe-wrapper {
   position: relative;
   width: 100%;
   padding-top: 66.66%;
   padding-top: 56.25%;
   border-radius: .5rem;
   overflow: hidden;
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.iframe-wrapper iframe {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   right: 0;
} */

.splide__video__play {
   position: relative;
   width: 15%;
   height: 15%;
   margin: 0;
   background: red;
   border-radius: 50% / 10%;
   color: white;
   text-align: center;
   text-indent: .1em;
   opacity: 1;
}

.splide__video__play::before {
   content: '';
   position: absolute;
   top: 10%;
   bottom: 10%;
   right: -5%;
   left: -5%;
   background: inherit;
   border-radius: 5% / 50%;
}

.splide__video__play::after {
   border-style: solid;
   border-width: 1em 0 1em 1.732em;
   border-color: transparent transparent transparent white;
   content: ' ';
   font-size: 0.75em;
   height: 0;
   transform: translateY(-50%);
   top: 50%;
   position: absolute;
   width: 0;
}


/* .splide__slide--has-video:hover .splide__video__play {
   opacity: 1
}

.splide__slide__container--has-video:hover .splide__video__play {
   opacity: 1
}

.splide__video__play {
   align-items: center;
   background: #C1DE95;
   border: 3px solid white;
   border-radius: 50%;
   cursor: pointer;
   display: flex;
   height: 40px;
   justify-content: center;
   left: 50%;
   opacity: 1;
   position: absolute;
   top: 50%;
   transform: translate(-50%,-50%);
   transition: opacity .1s linear;
   width: 40px
}

.splide__video__play:after {
   border-color: transparent transparent transparent #1B5B44;
   border-style: solid;
   border-width: 8px 0 8px 14px;
   content: "";
   display: inline-block;
   margin-left: 4px
} */

.hero-slider .splide__pagination {
   bottom: -1rem;
}

.hero-slider .splide__pagination .splide__pagination__page {
   background: white;
   border: 2px solid var(--clr-brand-green);
   box-shadow: 0px 4px 10px 0px #0000000F;
   width: 12px;
   height: 12px;
}

.hero-slider .splide__pagination .splide__pagination__page.is-active {
   background: var(--clr-brand-green);
   transform: none;
}

.bottom-fixed-para {
   font-size: clamp(0.75rem, 0.662rem + 0.3756vw, 1rem);
   color: #525252;
}

/* .tooltip-inner {
   padding: 1rem;
   text-align: start;
   max-width: 20rem;
   font-family: "Inter", sans-serif;
   font-weight: 300;
   letter-spacing: .5px;
   font-size: .75rem;
} */

.logo-wrapper {
   overflow: hidden;
}

.logo-wrapper img {
   object-fit: cover;
   object-position: center;
}

.featured-in-section {
   padding-block: 2.5rem;
}

.featured-in-section .logos-wrap {
   border-bottom: 1px solid #D4D4D6;
}

.featured-in-section h2 {
   font-weight: 700;
   color: #2d2d2d;
   font-size: clamp(1.125rem, 1.0179rem + 0.5357vw, 1.5rem);
}

.logos-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
   gap: 2rem 0;
}

.logos-grid img {
   aspect-ratio: 16 / 8;
   object-fit: contain;
   object-position: center;
}


/* hero section styling end */
/* --------------------------------------- */




/* --------------------------------------------------------------------- */
/* sticky section styling start */
/* --------------------------------------------------------------------- */
.sticky-section {
   width: 100%;
   position: fixed;
   bottom: 0;
   left: 0;
   z-index: 500;
}

.sticky-section-content {
   display: grid;
   grid-template-columns: 1fr;
   gap: .75rem;
   background-image: linear-gradient(to top, #1B284A 10%, #51669C 90%);

   /* background-color: #FFB300; */
   border-radius: 1.25rem 1.25rem 0 0;
   max-width: 85rem;
   border-top: 1px solid #92A4D0;
   padding: 1rem 1rem .75rem;
   box-shadow: 0px 14px 30px 0px #0A173733;
}

.sticky-section-logos {
   gap: .5rem 1.5rem;
}

.sticky-section-logos li:nth-child(1) {
   max-width: 4rem;
}

.sticky-section-logos li:nth-child(2) {
   max-width: 7rem;
}

.sticky-section-logos li:nth-child(3) {
   max-width: 4rem;
}

.sticky-section-logos li:nth-child(4) {
   max-width: 7rem;
}

.sticky-section-logos li:nth-child(5) {
   max-width: 7rem;
}

.closing-soon-heading {
   font-size: clamp(0.75rem, 0.6786rem + 0.3571vw, 1rem);
   /* color: rgba(255, 255, 255, 0.8); */
   color: rgba(10, 23, 55, 0.8);
}

.num-1-text {
   font-size: clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem);
   color: rgba(255, 255, 255);
   font-weight: 700;
   line-height: 1.35;
   max-width: max-content;
}

.timer-wrapper h4 {
   font-size: clamp(1rem, 0.956rem + 0.1878vw, 1.125rem);
   color: #F9B83B;
}

.timer-and-closing-time-wrapper {
   border: 1px solid white;
   padding-block: .75rem .5rem;
   border-radius: .25rem;
}

.timer-and-closing-time-wrapper h5 {
   font-size: clamp(0.875rem, 0.831rem + 0.1878vw, 1rem);
}

.big-timer .single-countdown-div {
   position: relative;
   width: 100%;
   z-index: 10;
}

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

   50% {
      opacity: 1;
   }

   100% {
      opacity: 0;
   }
}

/* .big-timer .single-countdown-div::before {
   position: absolute;
   content: '';
   background: radial-gradient(circle, rgb(255, 238, 200) 0%, rgba(255, 179, 0, 1) 75%, rgba(255, 179, 0, 0.571953781512605) 100%);
   backdrop-filter: blur(34px);
   aspect-ratio: 1;
   width: 4rem;
   border-radius: 50%;
   z-index: -1;

   animation: fadeInOut 2s infinite ease-in-out;
} */

.big-timer .vr {
   width: 2px;
   background-color: #798CB9;
}

.big-timer .single-countdown-div span {
   font-family: "Poppins", sans-serif;
   font-size: clamp(1.25rem, 1.0714rem + 0.8929vw, 1.875rem);
   line-height: 1.3;
   font-variant-numeric: tabular-nums;
   color: #F9B83B;
   font-weight: 600;
   /* border-radius: 50%; */
}

.big-timer .single-countdown-div .smalltext {
   font-size: clamp(0.625rem, 0.5714rem + 0.2679vw, 0.8125rem);
   /* color: rgba(255, 255, 255, 0.8); */
   color: #FFFAF4;
   font-weight: 400;
   margin-bottom: .25rem;
}

.sticky-section-invest-btn {
   padding: .75rem;
   font-size: clamp(1rem, 0.9286rem + 0.3571vw, 1.25rem);
}

.sticky-section-invest-btn .btn-para {
   font-size: clamp(0.75rem, 0.706rem + 0.1878vw, 0.875rem);
}

/* --------------------------------------------------------------------- */
/* sticky section styling end */
/* --------------------------------------------------------------------- */





/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* bonus section styling start */

.investor-bonus-section {
   background-color: #0A1737;
}

.investor-bonus-section .content-wrapper {
   max-width: 85rem;
}

.investor-bonus-section h2 {
   font-size: clamp(2rem, 1.7143rem + 1.4286vw, 3rem);
   margin-bottom: 2.5rem;
}

.investor-bonus-section img {
   /* top: -3rem;
   right: -1rem;
   width: 8.5rem; */
   top: -3.5rem;
   right: 1rem;
   width: 4.5rem;
}

.bonus-sections-grid {
   display: grid;
   grid-template-columns: 1fr;
}

.investment-level-section {
   order: 1
}

.investment-calculator-section {
   order: 2
}

.investment-info-section {
   min-width: 0;
   order: 3
}

.bonus-section-heading {
   font-size: clamp(1.125rem, 1.0179rem + 0.5357vw, 1.5rem);
}

.invest-radio-grid {
   gap: .5rem;
}

.bonus-radio-input {
   appearance: none;
}

.investment-amount-input,
.bonus-input-content-wrapper {
   cursor: pointer;
   height: 2.75rem;
}

.bonus-input-content {
   /* font-size: clamp(0.875rem, 0.8036rem + 0.3571vw, 1.125rem); */
   font-size: clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem);
   height: 100%;
}

.bonus-radio-input:checked+.bonus-input-content-wrapper {
   padding: 2px;
}

.invest-1000-wrapper {
   background-image: linear-gradient(116.64deg, #fbc8d7 0.94%, rgba(230, 131, 190, 0.75) 52.13%);
}

.invest-1000-content {
   background-image: linear-gradient(92.34deg, #F45182 5.53%, #BC2981 87.39%);
}

.bonus-radio-input:checked+.invest-1000-wrapper {
   box-shadow: 0px 0px 13px 0px #ea6a90;
}

.invest-2500-wrapper {
   background-image: linear-gradient(116.64deg, #CADAFF 0.94%, rgba(97, 133, 221, 0.75) 52.13%);
}

.invest-2500-content {
   background-image: linear-gradient(92.34deg, #5180F4 5.53%, #2953BC 87.39%);
}

.bonus-radio-input:checked+.invest-2500-wrapper {
   box-shadow: 0px 0px 13px 0px #507FF3;
}


.invest-5000-wrapper {
   background-image: linear-gradient(116.64deg, #c9f9fe 0.94%, rgba(128, 217, 237, 0.75) 52.13%);
}

.invest-5000-content {
   background-image: linear-gradient(92.34deg, #51E4F4 5.53%, #29A1BC 87.39%);
}

.bonus-radio-input:checked+.invest-5000-wrapper {
   box-shadow: 0px 0px 13px 0px #88effa;
}

.invest-10000-wrapper {
   background-image: linear-gradient(116.64deg, #c6f5e2 0.94%, rgba(97, 216, 165, 0.75) 52.13%);
}

.invest-10000-content {
   background-image: linear-gradient(92.34deg, #66B897 5.53%, #179760 87.39%);
}

.bonus-radio-input:checked+.invest-10000-wrapper {
   box-shadow: 0px 0px 13px 0px #94dbbf;
}

.invest-25000-wrapper {
   background-image: linear-gradient(116.64deg, #fbc486 0.94%, rgba(248, 165, 92, 0.75) 52.13%);
}

.invest-25000-content {
   background: linear-gradient(92.34deg, #E7912E 5.53%, #B55909 87.39%);
}

.bonus-radio-input:checked+.invest-25000-wrapper {
   box-shadow: 0px 0px 13px 0px #feb96a;
}

.invest-50000-wrapper {
   background-image: linear-gradient(116.64deg, #ffadad 0.94%, rgba(230, 113, 113, 0.75) 52.13%);
}

.invest-50000-content {
   background: linear-gradient(92.34deg, #f35050 5.53%, #bc2929 87.39%);
}

.bonus-radio-input:checked+.invest-50000-wrapper {
   box-shadow: 0px 0px 13px 0px #ff9595;
}

.amount-input-label {
   font-weight: 500;
   font-size: clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem);
}

.amount-input-dollor {
   font-size: clamp(1.125rem, 1.0536rem + 0.3571vw, 1.375rem);
}

.investment-amount-input {
   font-size: clamp(1.25rem, 1.1786rem + 0.3571vw, 1.5rem);
   color: #0A1737;
   height: 2.75rem;
   cursor: default;
}

.investment-calculator-content-wrapper,
.investment-info-content-wrapper {
   background-color: #212D4A;
}

.investment-info-content-wrapper {
   display: grid;
   grid-template-columns: 1fr 1.25fr 1fr;
}

.investment-info-content-wrapper li {
   padding: .5rem;
}

.investment-info-content-wrapper li .value-div {
   font-variant-numeric: tabular-nums;
   font-size: clamp(1rem, 0.5833rem + 2.0833vw, 2.25rem);
   word-break: break-all;
}

.investment-info-content-wrapper li .value-info {
   font-size: clamp(0.625rem, 0.5417rem + 0.4167vw, 0.875rem);
   line-height: 1.3;
   color: #d5d5d5;
}

.investment-info-content-wrapper li .value-info span {
   color: #6EDCB2;
   font-size: clamp(0.6875rem, 0.6339rem + 0.2679vw, 0.875rem);
}

.share-price-info .value-div,
.stock-price-info .value-div,
.investor-bonus-info .value-div span {
   color: #42AF7D;
}

.investor-bonus-info {
   grid-row: span 2;
}

.bonus-invest-now-btn {
   background-color: #42AF7D;
   font-size: clamp(1rem, 0.9643rem + 0.1786vw, 1.125rem);
   padding: .75rem 3rem;
   max-width: max-content;
}

.bonus-invest-now-btn:hover,
.bonus-invest-now-btn:focus {
   background-color: #42AF7D;
}

.investment-calculator-content-wrapper {
   display: grid;
   grid-template-columns: 1fr;
   gap: 1.5rem;
   padding: 1rem;
}

.level-bonus-h4 {
   font-size: clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem);
}

.days-left-para {
   color: #dfdfdf;
   font-size: clamp(1.125rem, 1rem + 0.625vw, 1.5rem);
}

.days-left-para span {
   font-size: clamp(1rem, 0.9167rem + 0.4167vw, 1.25rem);
}

.extra-bonus-content-grid {
   display: grid;
   grid-template-columns: 1fr;
}

.extra-bonus-content input {
   appearance: none;
   width: 1.25rem;
   height: 1.25rem;
   background-color: white;
}

.extra-bonus-content label {
   /* font-size: clamp(1rem, 0.9583rem + 0.2083vw, 1.125rem); */
   font-size: clamp(1rem, 0.9792rem + 0.1042vw, 1.0625rem);
}

.extra-bonus-content input:checked {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' color='%234a4a4a' fill='none'%3E%3Cpath d='M5 14L8.5 17.5L19 6.5' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
   background-color: white;
}

input[type="range"] {
   -webkit-appearance: none;
   appearance: none;
   background: transparent;
   cursor: pointer;
   width: 100%;
}

/***** Chrome, Safari, Opera, and Edge Chromium *****/
input[type="range"]::-webkit-slider-runnable-track {
   --track-height: 1.125rem;
   background-image: linear-gradient(to left,
         transparent 0px,
         transparent 15px,
         #bc2920 15px,
         #b55909,
         #179760,
         #29a1bc,
         #2953bc,
         #bc2981 calc(100% - 15px),
         transparent calc(100% - 15px),
         transparent 100%);
   height: var(--track-height);
}

/******** Firefox ********/
input[type="range"]::-moz-range-track {
   --track-height: 1.125rem;
   background-image: linear-gradient(to left,
         transparent 0px,
         transparent 15px,
         #bc2920 15px,
         #b55909,
         #179760,
         #29a1bc,
         #2953bc,
         #bc2981 calc(100% - 15px),
         transparent calc(100% - 15px),
         transparent 100%);
   height: var(--track-height);
}

input[type="range"]::-webkit-slider-thumb {
   --thumb-size: 2rem;
   -webkit-appearance: none;
   appearance: none;
   margin-top: calc(calc(var(--track-height)/2) - calc(var(--thumb-size)/2));
   border: 4px solid #a4d1c7;
   background-color: #547769;
   background-image: linear-gradient(to bottom, #547769, #f7f8f8);
   border-radius: 50%;
   height: var(--thumb-size);
   width: var(--thumb-size);
   box-shadow: rgba(0, 0, 0, 0.448) 0px 10px 20px, rgba(0, 0, 0, 0.695) 0px 6px 6px;
}

/***** Thumb Styles *****/
/***** Firefox *****/
input[type="range"]::-moz-range-thumb {
   --thumb-size: 2rem;
   appearance: none;
   border: none;
   border: 4px solid #a4d1c7;
   background-color: #547769;
   background-image: linear-gradient(to bottom, #547769, #f7f8f8);
   border-radius: 50%;
   height: var(--thumb-size);
   width: var(--thumb-size);
}

input[type="range"]:focus {
   outline: none;
}

/***** Chrome, Safari, Opera, and Edge Chromium *****/
input[type="range"]:focus::-webkit-slider-thumb {
   border: 4px solid #a4d1c7;
   background-color: #547769;
   background-image: linear-gradient(to bottom, #547769, #f7f8f8);
}

/******** Firefox ********/
input[type="range"]:focus::-moz-range-thumb {
   border: 4px solid #a4d1c7;
   background-color: #547769;
   background-image: linear-gradient(to bottom, #547769, #f7f8f8);
}

.bonus-range-container {
   padding: 2.75rem 0;
   margin-inline: -1rem;
}

/* 

.range-markers-wrapper {
   z-index: 5;
} */

.range-marker:first-child {
   margin-left: 15px;
}

.range-marker:last-child {
   margin-right: 15px;
}

.range-marker .percent-span,
.range-marker .amount-span {
   color: #BCCEF9;
   font-size: clamp(0.625rem, 0.5536rem + 0.3571vw, 0.875rem);
}

.range-marker .percent-span {
   bottom: calc(100% + .5rem);
}

.range-marker .amount-span {
   top: calc(100% + .5rem);
}

.range-marker .line {
   width: 2px;
   height: 40px;
   background-color: #B2C2E880;
}

.t-x-middle {
   left: 50%;
   transform: translateX(-50%);
}

.range-div {
   height: 18px;
}

.investment-table thead {
   font-size: clamp(0.75rem, 0.7143rem + 0.1786vw, 0.875rem);
}

.investment-table tbody {
   font-size: clamp(0.875rem, 0.8036rem + 0.3571vw, 1.125rem);
}

.investment-table thead,
.investment-table tbody tr:nth-child(even) {
   background-color: #212D4A;
}

.investment-table th {
   padding: 1rem 1rem;
}

.investment-table td {
   padding: .75rem 1rem;
}

.investment-table tbody td {
   color: rgba(255, 255, 255, 0.75);
   font-weight: 500;
   white-space: nowrap;
}

.bonus-drop-text {
   color: #C7E0ED;
   font-size: clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem);
   font-weight: 300;
}

.bonus-drop-text span {
   animation: blink 1s linear infinite;
}

.table-h2 {
   font-size: clamp(1.125rem, 1.0179rem + 0.5357vw, 1.5rem) !important;
}

@keyframes blink {
   0% {
      color: rgba(236, 106, 106, 1);
   }

   50% {
      color: rgba(236, 106, 106, 0.5);
   }

   100% {
      color: rgba(236, 106, 106, 1);
   }
}

/* bonus section styling end */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */

.ambassabor-section .inner-wrap {
   border-bottom: 1px solid #A5B5D7;
}


/* --------------------------------------------------------------------- */
/* top reasons section styling start */
/* --------------------------------------------------------------------- */

.highlights-section h2 {
   margin-bottom: 2.5rem;
}

.highlight-cards-grid {
   display: grid;
   gap: 1.25rem;
   max-width: 65rem;
}

.highlight-card {
   cursor: pointer;
   z-index: 7;
   color: #0A1737;
   border: .5px solid #A5B5D7;
   border-radius: 1.25rem;
   padding: 2rem .5rem;
   text-align: center;
}

.highlight-card svg {
   z-index: 8;
}

.active-highlight-card {
   z-index: 10;
   color: white;
   border-radius: 1.25rem;
}

.active-highlight-card strong,
.active-highlight-card p {
   position: relative;
   z-index: 6;
}

.active-highlight-card strong {
   font-size: 2.5rem;
}

.active-highlight-card::before {
   --first-card-inset: -.5rem -.5rem;
   content: "";
   position: absolute;
   inset: var(--first-card-inset);
   background-color: #0A1737;
   z-index: 5;
   border-radius: 1.25rem;
   box-shadow: 4px 4px 24px 0px #0000001A;
}

.highlight-card strong {
   font-size: 1.875rem;
   line-height: 1.1;
}

.highlight-card strong.number {
   font-size: 2.5rem;
}

.highlight-card strong span {
   font-size: 1.6875rem;
   line-height: 1.1;
}

.highlight-card p {
   font-size: clamp(1rem, 0.956rem + 0.1878vw, 1.125rem);
   line-height: 1.3;
}

/* --------------------------------------------------------------------- */
/* top reasons section styling end */
/* --------------------------------------------------------------------- */



/* ------------------------------------------- */
/* exponialtial growth section styling start */
.exponiantial-growth-section {
   background-color: #F6F8FB;
   padding-top: 2rem;
}

.exponiantial-growth-para {
   font-size: clamp(1rem, 0.956rem + 0.1878vw, 1.125rem);
   margin: 1rem 0 2rem;
   color: #424242;
   max-width: 85ch;
}

.exponiantial-growth-graph-wrapper {
   max-width: 48rem;
}

/* exponialtial growth section styling end */
/* -------------------------------------------- */


/* --------------------------------------------------------------------- */
/* testimonial section start */
/* --------------------------------------------------------------------- */
.testimonials-section {
   background-color: #0A1737;
}

.testimonial-heading {
   margin-bottom: 2.5rem;
}

.testimonial-slider-contianer .splide__slide {
   position: relative;
}

.testimonial-slider-contianer .splide__slide::after {
   content: "";
   position: absolute;
   inset: 0;
   background-color: #0a1737a3;
}

.testimonial-slider-contianer {
   max-width: 105rem;
}

.testimonial-card svg {
   aspect-ratio: 1;
   width: 2.5rem;
}

.testimonial-slider-contianer .client-card {
   background-color: white;
   color: #0A1737;
   border-radius: 1rem;
   overflow: hidden;
}

.testimonial-card .client-name,
.testimonial-card .client-city {
   font-size: clamp(1rem, 0.9286rem + 0.3571vw, 1.25rem);
}

.testimonial-card .client-city {
   color: #B8C2DA;
}

.testimonial-card .client-testimonial {
   font-size: clamp(0.875rem, 0.8393rem + 0.1786vw, 1rem);
   line-height: 1.4;
}

.testimonial-slider-contianer .splide__slide.is-active::after {
   background-color: transparent;
}

/* --------------------------------------------------------------------- */
/* testimonial section end */
/* --------------------------------------------------------------------- */



/* --------------------------------------------------------------------- */
/* team section styling start */
/* --------------------------------------------------------------------- */

.team-section {
   background-color: #F4F4F4;
}

.team-section .content {
   max-width: 82.5rem;
}

.team-section-para {
   font-size: clamp(0.875rem, 0.7679rem + 0.5357vw, 1.25rem);
   margin: 1rem 0 1.5rem;
   color: #131313;
}

.musaffa-founders-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
   gap: 1.5rem;
   margin: 1rem 0 2.5rem;
}

.cofounder-card:hover .co-founder-name {
   text-decoration: underline;
   text-underline-offset: 2px;
}

.cofounder-image-container {
   aspect-ratio: 1;
   overflow: hidden;
   border: 4px solid white;
   box-shadow: 0px 10px 24px 0px #00000026;
}

.co-founder-name {
   color: #131313;
   font-size: clamp(0.875rem, 0.7679rem + 0.5357vw, 1.25rem);
}

.co-founder-position {
   color: #959090;
   font-size: clamp(0.625rem, 0.5179rem + 0.5357vw, 1rem);
}

.enthusiasts-images-container {
   gap: 1rem;
}

.enthusiast-image-wrapper {
   aspect-ratio: 1;
   width: 4rem;
}

.enthusiast-image {
   aspect-ratio: 1;
   width: 100%;
   object-fit: cover;
}

.combined-experience-container {
   padding: 1.5rem 1rem;
   background-color: #0A1737;
}

.combined-experience-text {
   color: white;
   font-size: clamp(1.25rem, 1.0714rem + 0.8929vw, 1.875rem);
}

.combined-experience-text span {
   color: #00C076;
}

.warren-buffet-grid {
   display: grid;
   align-items: center;
   grid-template-columns: 1fr;
   gap: 1.5rem;
}

.warren-buffet-grid img {
   aspect-ratio: 3 / 2;
   object-fit: cover;
   object-position: center;
   border-radius: 1rem;
}


.warren-buffet-grid h5 {
   font-size: clamp(1.125rem, 0.9107rem + 1.0714vw, 1.875rem);
   color: #0A1737;
   line-height: 1.5;
}

.warren-buffet-grid p {
   font-size: clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem);
   color: #0A1737;
}

/* --------------------------------------------------------------------- */
/* team section styling end */
/* --------------------------------------------------------------------- */


/* --------------------------------------------------------------------- */
/* problems section styling start */
/* --------------------------------------------------------------------- */
.problems-section {
   background-color: #0A1737;
}

.problems-section h2 {
   margin-bottom: 2rem;
}

.problems-section h3 {
   font-size: clamp(1.25rem, 1.0714rem + 0.8929vw, 1.875rem);
}

.problems-cards-grid {
   display: grid;
   grid-template-columns: 1fr;
   gap: 1rem;
}

.problem-card {
   background-color: white;
   color: #0A1737;
   border-radius: 10px;
   padding: 1rem;
}

.problem-card h5 {
   font-size: clamp(1rem, 0.9643rem + 0.1786vw, 1.125rem);
}

.problem-card p {
   font-size: clamp(0.875rem, 0.8393rem + 0.1786vw, 1rem);
   line-height: 1.7;
}


/* --------------------------------------------------------------------- */
/* problems section styling end */
/* --------------------------------------------------------------------- */



/* --------------------------------------------------------------------- */
/* solutions section styling start */
/* --------------------------------------------------------------------- */
.solution-section {
   background-color: #0A1737;
}

.our-solution-h2 {
   margin-bottom: 2rem;
}

.solution-grid {
   display: grid;
   grid-template-columns: 1fr;
   gap: 1.5rem;
}

.solution-video-container {
   width: 100%;
   border-radius: .75rem;
}

.solution-responsive-iframe {
   aspect-ratio: 16 / 9;
   height: 100%;
   width: 100%;
}

.solution-list .solution-list-item {
   border: 1px solid #92A4D0;
   color: white;
   border-radius: .625rem;
}

.solution-list .solution-list-item:hover {
   background-color: white;
}

.solution-list .solution-list-item:hover h6 {
   color: #0A1737;
}

.solution-list-item h6 {
   padding: .75rem 1rem;
   font-size: clamp(0.875rem, 0.7679rem + 0.5357vw, 1.25rem);
}



/* --------------------------------------------------------------------- */
/* solutions section styling end */
/* --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- */
/* product section styling start */
/* --------------------------------------------------------------------- */

.product-section {
   background-color: #0A1737;
   padding-block: 2.5rem;
}

.product-section-heading {
   margin-bottom: 1rem;
}

.product-subheading {
   font-size: clamp(1.125rem, 0.9107rem + 1.0714vw, 1.875rem);
   margin-bottom: 1.25rem;
   line-height: 1.5;
   max-width: 30rem;
}

.learning-inner-grid {
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
   padding: 0;
   max-width: 80rem;
}

.product-image-section img {
   aspect-ratio: 16 / 10;
   object-fit: cover;
   object-position: top;
   border-radius: 1rem;
}

.learning-inner-grid:nth-child(odd) .product-image-section {
   order: 1;
}

.learning-inner-grid:nth-child(odd) .line-div {
   order: 2;
}

.learning-inner-grid:nth-child(odd) .product-text-section {
   order: 3;
}

.learning-grid-2 {
   display: none;
}

.learning-image {
   border-radius: 1rem;
}

.learning-slider .splide__track {
   width: calc(100% - 1rem);
   margin: 0 auto;
}

.learning-slider .splide__arrows .splide__arrow img {
   width: 2rem;
   height: 2rem;
}

.learning-slider .splide__arrow--prev {
   margin-left: -1.5rem;
}

.learning-slider .splide__arrow--next {
   margin-right: -1.5rem;
}

.learn-card h6 {
   font-size: clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem);
   font-weight: 600;
   color: #B9D2E8;
   line-height: 1.6;
}

.learn-card p {
   font-size: clamp(0.875rem, 0.8036rem + 0.3571vw, 1.125rem);
   line-height: 1.7;
   color: #B9D2E8;
}

/* --------------------------------------------------------------------- */
/* product section styling end */
/* --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- */
/* advisor-section start */
/* --------------------------------------------------------------------- */
.advisors-section {
   padding-block: 2.5rem;
   border-radius: 1rem;
}

.advisors-section-heading {
   margin-bottom: 1.5rem;
}

.advisor-cards-container {
   gap: 2rem;
}

.advisor-card {
   display: grid;
   grid-template-columns: 6.25rem auto;
   align-items: center;
   gap: .75rem;
}

.advisor-image {
   aspect-ratio: 1;
   border-radius: 50%;
   border: 4px solid white;
   box-shadow: 0px 10px 24px 0px #00000026;
}

.advisor-name,
.advisor-country {
   color: #0A1737;
   font-size: clamp(0.875rem, 0.6964rem + 0.8929vw, 1.5rem);
}

.advisor-description {
   font-size: clamp(0.75rem, 0.6071rem + 0.7143vw, 1.25rem);
   color: #0A1737;
   max-width: 50ch;
   line-height: 1.4;
}

/* --------------------------------------------------------------------- */
/* advisor-section end */
/* --------------------------------------------------------------------- */



/* --------------------------------------------------------------------- */
/* certificates-section start */
/* --------------------------------------------------------------------- */
.certificates-section {
   background-color: #0A1737;
}

.certificate-para {
   font-size: clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem);
   max-width: 50rem;
   margin-bottom: 2rem;
}

.certificates-images-grid {
   display: grid;
   grid-template-columns: 1fr;
   gap: 1rem;
   max-width: 20rem;
}

.certificate-button {
   margin-top: 1.5rem;
}

/* --------------------------------------------------------------------- */
/* certificates-section  end */
/* --------------------------------------------------------------------- */


/* --------------------------------------------------------------------- */
/* offices section start */
/* --------------------------------------------------------------------- */
.offices-section-heading {
   margin-bottom: 2.5rem;
}

.offices-card-grid {
   display: grid;
   grid-template-columns: 1fr;
   gap: 1.5rem;
   max-width: 72rem;
}

.offices-card-grid article img {
   aspect-ratio: 3 / 2.5;
   max-width: 6.25rem;
   object-fit: cover;
   border-radius: .5rem;
}

.offices-card-grid article h6,
.offices-card-grid article p {
   font-size: clamp(0.875rem, 0.7679rem + 0.5357vw, 1.25rem);
   line-height: 1.4;
}

/* --------------------------------------------------------------------- */
/* offices section end */
/* --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- */
/* growth section start */
/* --------------------------------------------------------------------- */
.growth-section-grid {
   display: grid;
   grid-template-columns: 1fr;
   background-color: #0A1737;
}

.clip-building-img {
   aspect-ratio: 16 / 9;
   width: 100%;
}

.clip-building-img img {
   width: 100%;
   object-fit: contain;
   object-position: center;
}

.history-para {
   font-size: clamp(0.875rem, 0.6964rem + 0.8929vw, 1.5rem);
}

.growth-years-grid {
   display: grid;
   grid-template-columns: 1rem auto;
   gap: 1rem;
}

.growth-line {
   min-height: 100%;
   z-index: 2;
}

.growth-line img {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2;
}

.growth-line::before {
   content: "";
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: 1rem;
   bottom: 0;
   width: 2px;
   z-index: 1;
   background-image: linear-gradient(to right, #4A5D8A 0%, #122148 100%);
}

.year-li h5 {
   position: relative;
   font-size: clamp(0.9375rem, 0.8482rem + 0.4464vw, 1.25rem);
}

.year-li:not(:first-child) h5::before {
   content: url('../images/dealmaker/c-sm.png');
   position: absolute;
   left: -31px;
   width: .5rem;
   height: .5rem;
   z-index: 2;
}

.year-li ul {
   color: #B9D2E8;
   font-size: clamp(0.875rem, 0.7679rem + 0.5357vw, 1.25rem);
}

/* --------------------------------------------------------------------- */
/* growth section end */
/* --------------------------------------------------------------------- */

.download-section {
   background-color: #F6F8FB;
   padding-block: 2rem;
}

.download-section-heading {
   font-size: clamp(1.875rem, 1.4789rem + 1.6901vw, 3rem);
}

.download-section p {
   font-size: clamp(0.875rem, 0.6964rem + 0.8929vw, 1.5rem);
   margin-block: 1rem 1.75rem;
   max-width: 50ch;
}

.download-form-wrapper {
   max-width: 50rem;
}

.pitch-deck-btn {
   background-color: #42AF7D;
   font-size: .875rem;
   height: 2.5rem;
   box-shadow: 4px 4px 24px 0px #BFC2C1;

}

.pitch-deck-btn:hover,
.pitch-deck-btn:active,
.pitch-deck-btn:focus {
   background-color: #42AF7D;
   border: 1px solid #42AF7D;
}

.pitch-deck-btn-loader {
   height: 2.5rem;
   background-color: #42AF7D;
}

.button-loader {
   width: 1.125rem;
   height: 1.125rem;
}

/* --------------------------------------------------------------------- */
/* events section start */
/* --------------------------------------------------------------------- */

.events-section {
   background-color: #0A1737;
}

.events-heading {
   margin-bottom: 2rem;
}

.event-article {
   max-width: 58.75rem;
}

.event-card {
   width: 100%;
   background-color: #F6F8FB;
   padding: 1.25rem 1rem;
   border-radius: .5rem;
   box-shadow: 24px 24px 104px 0px #040809CC;
   z-index: 50;
}

.event-shadow-card {
   background-color: rgba(246, 248, 251, 0.8);
   box-shadow: 24px 24px 104px 0px #04080955;
}

.event-shadow-card.card-shadow-1 {
   height: 3rem;
   margin-top: -2.5rem;
   width: calc(100% - 1.5rem);
   z-index: 45;
}

.event-shadow-card.card-shadow-2 {
   height: 4rem;
   margin-top: -3.5rem;
   width: calc(100% - 3.5rem);
   z-index: 40;
}

.event-shadow-card.card-shadow-3 {
   height: 5rem;
   margin-top: -4.5rem;
   width: calc(100% - 5.5rem);
   z-index: 35;
}

.event-shadow-card.card-shadow-4 {
   height: 6rem;
   margin-top: -5.5rem;
   width: calc(100% - 8rem);
   z-index: 30;
}

.event-shadow-card.card-shadow-5 {
   height: 7rem;
   margin-top: -6.5rem;
   width: calc(100% - 10rem);
   z-index: 25;
}

.event-h4 {
   font-size: clamp(1.125rem, 0.8393rem + 1.4286vw, 2.125rem);
   line-height: 1.3;
   color: #0A1737;
}

.event-h5 {
   font-size: clamp(0.8125rem, 0.6875rem + 0.625vw, 1.25rem);
   font-weight: 500;
   line-height: 1.3;
   color: #42AF7D;
   margin-bottom: .625rem;
}

.event-p {
   font-size: clamp(0.875rem, 0.7321rem + 0.7143vw, 1.375rem);
   line-height: 1.6;
   color: #0A1737;
   margin-bottom: .625rem;
}

.shadow-card {
   position: relative;
}

.shadow-1 {
   margin-top: 1rem;
}

/* --------------------------------------------------------------------- */
/* events section end */
/* --------------------------------------------------------------------- */





/* --------------------------------------------------------------------- */
/* faq section start */
/* --------------------------------------------------------------------- */

.faq-section {
   background-color: #F6F8FB;
}

.faq-heading {
   margin-bottom: 1.75rem;
}

.faq-accordion-wrapper .faq-accordion {
   max-width: 75rem;
}

.faq-accordion-wrapper .accordion-button {
   font-size: clamp(1rem, 0.912rem + 0.3756vw, 1.25rem);
   background-color: #F6F8FB;
   padding-inline: .5rem;
}

.faq-accordion-wrapper .accordion-body {
   font-size: clamp(0.875rem, 0.787rem + 0.3756vw, 1.125rem);
   color: #535353;
   background-color: #F6F8FB;
}

.faq-accordion-wrapper .accordion-button:not(.collapsed) {
   background-color: #F6F8FB;
}

.faq-accordion-wrapper .accordion-button::after,
.faq-accordion-wrapper .accordion-button:not(.collapsed)::after {
   background-image: none;
   display: none;
}

.faq-accordion-wrapper .accordion-button svg {
   transition: transform .3s ease;
}

.faq-accordion-wrapper .accordion-button:not(.collapsed) svg {
   transform: rotate(180deg);
   fill: var(--clr-brand-green);
}

/* --------------------------------------------------------------------- */
/* faq section end */
/* --------------------------------------------------------------------- */







/* --------------------------------------------------------------------- */
/* discussion section start */
/* --------------------------------------------------------------------- */
.discussion-section {
   padding-block: 2rem;
}

.discussion-inner-container {
   padding: 1.5rem 1rem;
}

.discussion-thread {
   max-width: 62.5rem;
}

/* --------------------------------------------------------------------- */
/* discussion section end */
/* --------------------------------------------------------------------- */






/* --------------------------------------------------------------------- */
/* empowering section start */
/* --------------------------------------------------------------------- */
.empowering-grid {
   display: grid;
   grid-template-columns: 1fr;
   align-items: center;
   max-width: 75rem;
}

.empowering-para-green,
.empowering-join-para {
   font-size: clamp(1.125rem, 0.8393rem + 1.4286vw, 2.125rem);
}

.empowering-para-green {
   color: #1FB16E;
}

.empowering-grid .section-heading {
   line-height: 1.3;
}

/* --------------------------------------------------------------------- */
/* empowering section end */
/* --------------------------------------------------------------------- */

.footer {
   background-color: #0A1737;
}

.footer .content-wrapper {
   margin-bottom: 7rem;
}

.footer-para {
   color: rgba(250, 250, 250, 0.8);
   font-size: clamp(0.625rem, 0.525rem + 0.5vw, 1.125rem);
   font-weight: 300;
}

.footer-add {
   font-size: clamp(0.8125rem, 0.7465rem + 0.2817vw, 1rem);
}

.footer-links {
   font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
   font-weight: 500;
}

.navigation-links li {
   list-style-type: "\2192";
   list-style-position: inside;
}

.navigation-links li a {
   padding-left: 1rem;
}

.contact-icon {
   max-width: 1.25rem;
   aspect-ratio: 1;
}

.footer-logo {
   max-width: 10rem;
}

.footer-link-container {
   gap: 1.5rem;
}

.footer-nav-grid {
   display: grid;
   grid-template-columns: 1fr;
   gap: 1.5rem;
}

.webinar-btn {
   position: fixed;
   width: 3.125rem;
   padding: .75rem;
   bottom: 6.25rem;
   right: 1rem;
   background-color: var(--clr-brand-green);
   cursor: pointer;
   aspect-ratio: 1;
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
   z-index: 1000;
}

.webinar-btn:hover,
.webinar-btn:active,
.webinar-btn:focus {
   background-color: var(--clr-brand-green);
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
   border-color: transparent;
}

.close-webinar-modal-btn {
   z-index: 2001;
}

.close-webinar-modal-btn svg {
   height: 1.5rem;
}

#webinarModal .modal-content {
   border-radius: 1rem;
   overflow: hidden;
}

.webinar-link:hover,
.webinar-link:active,
.webinar-link:focus {
   border-color: transparent;
}

.ramadan-popup .modal-body {
   background-image: linear-gradient(150.68deg, #FFD700 7.77%, #FFC107 43.27%, #FFCC00 84.68%);
   border: 2px solid white;
   padding: 1.5rem 1rem 1rem;
   border-radius: .5rem;
   color: #000;
}

.ramadan-popup .modal-body strong {
   color: #DB161B;
}

.ramadan-popup h3 {
   font-family: "Anton", sans-serif;
   font-weight: 800;
   /* font-size: clamp(1.5rem, 1.0599rem + 1.8779vw, 2.75rem); */
   /* font-size: clamp(3.25rem, 3.118rem + 0.5634vw, 3.625rem); */
   font-size: 2.75rem;
   color: #DB161B;
   text-shadow: 2px 2px 0px #FFFFFF;
   letter-spacing: 2px;
}

.ramadan-popup p {
   font-size: clamp(0.875rem, 0.831rem + 0.1878vw, 1rem);
   line-height: 1.3;
}

.ramadan-popup h5 {
   font-size: clamp(0.875rem, 0.8036rem + 0.3571vw, 1.125rem);
}

.ramadan-popup h6 {
   font-size: clamp(1rem, 0.956rem + 0.1878vw, 1.125rem);
}

.ramadan-progress {
   box-shadow: 0px 3px 3px 0px #CFDFF4 inset;
   background-color: white;
}

.ramadan-popup small {
   font-size: clamp(0.75rem, 0.6786rem + 0.3571vw, 1rem);
}

.ramadan-progress .progress-bar {
   background: linear-gradient(180deg, #99FFD3 0%, #27A76C 69%, #388162 91.5%);
}

.ramadan-popup button {
   font-size: clamp(0.75rem, 0.6786rem + 0.3571vw, 1rem);
}


/* ---------------------------------------------------------------------------------------- */
/* -----------------------only targets devices that don't hover---------------------------- */
/* ---------------------------------------------------------------------------------------- */



/* ---------------------------------------------------------------------------------------- */
/* ------------------------ only targets devices that can hover --------------------------- */
/* ---------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------- */
/* --------------------------------------- 576px ------------------------------------------ */
/* ---------------------------------------------------------------------------------------- */
@media only screen and (min-width: 576px) {
   .content-wrapper {
      padding: 0 1.5rem;
   }
}


/* ---------------------------------------------------------------------------------------- */
/* --------------------------------------- 768px ------------------------------------------ */
/* ---------------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) {
   .content-wrapper {
      padding: 0 2.5rem;
   }

   .primary-header {
      width: 100%;
   }

   .hero-cards-grid {
      gap: .75rem;
      max-width: 80%;
   }

   .hero-cards-grid .hero-card {
      gap: .75rem;
      padding: 1rem 1.5rem;
   }

   .article-chip {
      top: -.875rem;
      padding: .4rem 1.5rem;
   }

   /* .seed-progress .seed-progress-bar {
      border-radius: .625rem;
   } */

   .extra-bonus-content-grid {
      grid-template-columns: 1fr 1fr;
   }

   .investment-info-content-wrapper li .value-div {
      word-break: normal;
   }

   .progress-bars-grid {
      gap: 1rem;
      grid-template-columns: 4.75fr 1.25fr;
   }

   .logos-grid {
      gap: 1rem;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   }

   /* --------------------------------------------------------------------- */
   /* top reasons list styling start */
   /* --------------------------------------------------------------------- */


   /* --------------------------------------------------------------------- */
   /* top reasons list styling end */
   /* --------------------------------------------------------------------- */



   /* --------------------------------------------------------------------- */
   /* sticky section styling start */
   /* --------------------------------------------------------------------- */
   .sticky-section {
      bottom: 1rem;
   }

   .sticky-section-content {
      align-items: center;
      border: 0;
      border-radius: .625rem .625rem;
   }

   .musaffa-founders-grid {
      gap: 2rem;
   }

   /* --------------------------------------------------------------------- */
   /* sticky section styling end */
   /* --------------------------------------------------------------------- */


   /* --------------------------------------------------------------------- */
   /* team section styling start */
   /* --------------------------------------------------------------------- */
   .enthusiast-inner-container {
      gap: 2.5rem;
   }

   .combined-experience-container {
      padding: 2.5rem 1rem;
   }

   /* --------------------------------------------------------------------- */
   /* team section styling end */
   /* --------------------------------------------------------------------- */

   /* --------------------------------------------------------------------- */
   /* problems section styling start */
   /* --------------------------------------------------------------------- */
   .problems-section h2 {
      margin-bottom: 2.5rem;
   }

   .problems-cards-grid {
      grid-template-columns: 1fr 1fr;
      gap: 1.5rem;
   }


   /* --------------------------------------------------------------------- */
   /* problems section styling end */
   /* --------------------------------------------------------------------- */





   /* --------------------------------------------------------------------- */
   /* advisor-section start */
   /* --------------------------------------------------------------------- */

   .advisor-cards-container {
      gap: 2.5rem;
   }

   .advisor-card {
      grid-template-columns: 10rem auto;
      align-items: center;
      gap: 1.5rem;
      padding: 1.5rem;
   }

   .advisor-description {
      line-height: 1.5;
   }

   /* --------------------------------------------------------------------- */
   /* advisor-section end */
   /* --------------------------------------------------------------------- */



   /* --------------------------------------------------------------------- */
   /* certificates-section start */
   /* --------------------------------------------------------------------- */
   .certificates-images-grid {
      grid-template-columns: 1fr 1fr;
      max-width: 60rem;
      gap: 2rem;
   }

   .certificate-para {
      margin-bottom: 2.5rem;
   }

   .certificate-button {
      margin-top: 2.5rem;
      font-size: 1.25rem;
      color: #535353;
   }

   /* --------------------------------------------------------------------- */
   /* certificates-section  end */
   /* --------------------------------------------------------------------- */





   /* --------------------------------------------------------------------- */
   /* offices section start */
   /* --------------------------------------------------------------------- */
   .offices-card-grid {
      grid-template-columns: 1fr 1fr;
      gap: 2rem;
   }

   .offices-card-grid article img {
      aspect-ratio: unset;
      max-width: 100%;
   }

   /* --------------------------------------------------------------------- */
   /* offices section end */
   /* --------------------------------------------------------------------- */









   /* --------------------------------------------------------------------- */
   /* events section start */
   /* --------------------------------------------------------------------- */
   .events-heading {
      margin-bottom: 3rem;
   }

   .event-card {
      padding: 1.5rem;
   }

   /* --------------------------------------------------------------------- */
   /* events section end */
   /* --------------------------------------------------------------------- */






   /* --------------------------------------------------------------------- */
   /* empowering section start */
   /* --------------------------------------------------------------------- */
   .empowering-grid {
      grid-template-columns: 1fr 1fr;
   }

   /* --------------------------------------------------------------------- */
   /* empowering section end */
   /* --------------------------------------------------------------------- */

   .footer-link-container {
      gap: 3.125rem;
   }

   .footer-nav-grid {
      grid-template-columns: 1fr 1fr;
      gap: 2rem;
   }

   .webinar-btn {
      width: 4rem;
      right: 2.5rem;
      bottom: 7.5rem;
   }

   .close-webinar-modal-btn svg {
      height: 2rem;
   }

   /* .tooltip-inner {
      max-width: 22.5rem;
      font-size: .875rem;
   } */

   .website-link,
   .website-link:hover {
      font-size: 1rem;
   }
}


/* ---------------------------------------------------------------------------------------- */
/* --------------------------------------- 992px ------------------------------------------ */
/* ---------------------------------------------------------------------------------------- */
@media only screen and (min-width: 992px) {
   html {
      scroll-padding-top: 5rem;
   }

   body {
      padding-bottom: 0;
   }

   .content-wrapper {
      padding: 0 3.125rem;
   }

   .contact-banner {
      background-image: linear-gradient(270.84deg, #1B284A 8.75%, #35497A 106.85%);
   }

   .address-inner-wrapper {
      max-width: 58rem;
   }

   .banner-contact-link,
   .banner-contact-link:hover {
      color: #f5f5f5;
   }

   .banner-contact-link svg {
      width: 1.25rem;
      aspect-ratio: 1;
   }

   .primary-header {
      height: 5rem;
      box-shadow: none;
   }

   .primary-header.header-sticky {
      box-shadow: 0px 4px 10px 0px #0000001A;
   }

   .hero-grid {
      grid-template-columns: 1fr 1fr;
      gap: 2.5rem;
   }

   .hero-p {
      margin-bottom: 2rem;
   }

   .hero-section-invest-btn {
      padding: 1rem;
   }

   .hero-slider .splide__slide {
      border-radius: 1.25rem;
   }

   .hero-slider {
      border-radius: 1.25rem;
      max-width: 37.5rem;
   }

   .timer-and-closing-time-wrapper {
      padding-block: 1rem .75rem;
      border-radius: 1rem;
   }

   /* .blur-bg-stats {
      max-width: max-content;
   } */

   .blur-bg-stats {
      grid-template-columns: 1fr 1fr 1fr;
   }

   .blur-bg-stats li:not(:last-child) {
      border-right: 1px solid #222E4B;
      border-bottom: 0;
   }

   .hero-list {
      margin-top: 2rem;
      margin-bottom: 0;
      max-width: 600px;
   }

   .logos-grid {
      grid-template-columns: repeat(4, 1fr);
   }

   .progress-bars-grid {
      padding: 2rem 0 0 0;
   }

   /* .progress-article {
      padding: 1.25rem 0;
   } */

   .inv-info {
      padding-block: 2rem 1rem;
      grid-template-columns: 1fr 1fr;
      gap: 1rem 2.5rem;
   }

   .fee-text {
      grid-column: span 2;
   }

   .hero-text-container {
      gap: 1.75rem;
   }

   .desktop-hero-invest-btn-wrapper {
      max-width: 85%;
   }

   .section {
      padding: 4rem 0;
   }

   .splide__video__play {
      width: 12.5%;
      height: 12.5%;
   }

   .logo-wrapper {
      width: max-content;
   }

   /* .logo-wrapper img {
      scale: 1.1;
      object-fit: contain;
   } */

   .big-timer .single-countdown-div {
      max-width: 8rem;
   }

   .big-timer .single-countdown-div::before {
      width: 5rem;
   }

   .calendly-bubble-wrapper {
      right: 2rem;
      bottom: 2rem;
   }

   .calendly-text-container {
      --border-radius: 1.125rem;
      max-width: 32ch;
      margin-right: 2rem;
      padding: 1rem 1.25rem;
   }

   .calendly-text-container a {
      font-size: 1rem;
      /* line-height: 1.6; */
   }

   .calendly-bubble-wrapper img {
      width: 4rem;
   }

   /* .splide__video__play {
      border: 5px solid white;
      height: 70px;
      opacity: .8;
      width: 70px
   }
   
   .splide__video__play:after {
      border-width: 12px 0 12px 22px;
   } */

   /* --------------------------------------------------------------------- */
   /* --------------------------------------------------------------------- */
   /* bonus section styling start */

   .investor-bonus-section img {
      top: -3.625rem;
      right: 5rem;
      width: 7.5rem;
   }

   .bonus-sections-grid {
      grid-template-columns: 1fr 2fr;
      gap: 1.25rem;
   }

   .investment-level-section {
      order: 1;
   }

   .investment-calculator-section {
      order: 2;
   }

   .investment-info-section {
      order: 3;
      grid-column: span 2;
   }

   .invest-radio-grid {
      gap: .625rem;
   }

   .investment-amount-input,
   .bonus-input-content-wrapper {
      height: 2.5rem;
   }

   .investment-info-content-wrapper {
      grid-template-columns: repeat(5, 1fr);
   }

   .investment-info-content-wrapper li {
      padding: .5rem .875rem .875rem;
   }

   .bonus-range-container {
      padding: 2.125rem 0;
      margin-inline: -1.125rem;
   }

   .investor-bonus-info {
      grid-column: span 1;
   }

   .investment-calculator-content-wrapper {
      padding: 1.25rem;
      gap: 2rem;
   }

   .extra-bonus-content input {
      width: 1.5rem;
      height: 1.5rem;
   }

   /* .extra-bonus-content label {
      font-size: clamp(1rem, 0.9286rem + 0.3571vw, 1.25rem);
   } */

   /* input[type="range"]::-moz-range-thumb, */
   input[type="range"]::-webkit-slider-thumb {
      --thumb-size: 2.25rem;
   }

   /***** Chrome, Safari, Opera, and Edge Chromium *****/
   input[type="range"]::-webkit-slider-runnable-track {
      --track-height: 1.25rem;
      background-image: linear-gradient(to left,
            transparent 0px,
            transparent 17px,
            #bc2920 17px,
            #b55909,
            #179760,
            #29a1bc,
            #2953bc,
            #bc2981 calc(100% - 17px),
            transparent calc(100% - 17px),
            transparent 100%);
      height: var(--track-height);
   }

   /******** Firefox ********/
   input[type="range"]::-moz-range-track {
      --track-height: 1.25rem;
      background-image: linear-gradient(to left,
            transparent 0px,
            transparent 17px,
            #bc2920 17px,
            #b55909,
            #179760,
            #29a1bc,
            #2953bc,
            #bc2981 calc(100% - 17px),
            transparent calc(100% - 17px),
            transparent 100%);
      height: var(--track-height);
   }


   .range-marker .percent-span {
      bottom: calc(100% + .25rem);
   }

   .range-marker .amount-span {
      top: calc(100% + .25rem);
   }

   .range-marker .line {
      height: 40px;
   }

   .range-marker:first-child {
      margin-left: 17px;
   }

   .range-marker:last-child {
      margin-right: 17px;
   }

   .range-div {
      height: 20px;
   }

   .investment-table th {
      padding: 1.5rem 1.5rem;
   }

   .investment-table td {
      padding: .75rem 1.5rem;
   }


   /* bonus section styling end */
   /* --------------------------------------------------------------------- */
   /* --------------------------------------------------------------------- */




   /* --------------------------------------------------------------------- */
   /* top reasons section styling start */
   /* --------------------------------------------------------------------- */
   /* .active-highlight-card::before {
      --first-card-inset: -.5rem -.5rem;
   } */

   .active-highlight-card strong {
      font-size: 2.875rem;
   }

   .highlight-cards-grid {
      grid-template-columns: 1fr 1fr;
      gap: 3.375rem;
   }

   .highlight-card strong.number,
   .highlight-card strong {
      font-size: 2.25rem;
   }

   .highlight-card strong span {
      font-size: 1.6875rem;
   }

   /* --------------------------------------------------------------------- */
   /* top reasons list styling end */
   /* --------------------------------------------------------------------- */




   /* --------------------------------------------------------------------- */
   /* sticky section styling start */
   /* --------------------------------------------------------------------- */

   .sticky-section-content {
      grid-template-columns: 1fr max-content 1fr;
      gap: 1.5rem;
      padding: 1.5rem 1.5rem;
   }

   .big-timer .single-countdown-div .smalltext {
      margin-bottom: .25rem;
   }

   .sticky-section-invest-btn {
      padding: .5rem 2rem;
   }

   .sticky-section-logos {
      gap: .75rem 2rem;
   }

   .sticky-section-logos li:nth-child(1) {
      max-width: 5rem;
   }

   .sticky-section-logos li:nth-child(2) {
      max-width: 8.5rem;
   }

   .sticky-section-logos li:nth-child(3) {
      max-width: 4.8125rem;
   }

   .sticky-section-logos li:nth-child(4) {
      max-width: 6.6875rem;
   }

   .sticky-section-logos li:nth-child(5) {
      max-width: 8.75rem;
   }

   /* .sticky-section-logos svg {
      width: 70%;
   } */

   /* --------------------------------------------------------------------- */
   /* sticky section styling end */
   /* --------------------------------------------------------------------- */


   /* exponialtial growth section styling start */
   /* .exponiantial-growth-section {
      background: #F9F9F9;
      background-image: url('../images/dealmaker/growth-section-bg-circles.svg'), url('../images/dealmaker/growth-section-bg-circles.svg'), linear-gradient(180deg, #F9F9F9 0%, #F9F9F9 68.5%);
      background-size: 40%, 40%, cover;
      background-repeat: no-repeat;
      background-position: top 100% left 25%, bottom -120% right 15%;
   } */

   /* exponialtial growth section styling end */

   /* --------------------------------------------------------------------- */
   /* testimonial section start */
   /* --------------------------------------------------------------------- */
   .testimonial-heading {
      margin-bottom: 3.125rem;
   }

   .testimonial-card svg {
      width: 3.125rem;
   }

   /* --------------------------------------------------------------------- */
   /* testimonial section end */
   /* --------------------------------------------------------------------- */


   /* --------------------------------------------------------------------- */
   /* team section styling start */
   /* --------------------------------------------------------------------- */
   .enthusiasts-images-container {
      gap: 2.5rem;
   }

   .enthusiast-image-wrapper {
      width: 5rem;
   }

   .musaffa-founders-grid {
      gap: 4rem;
      margin: 2.5rem 0 3.5rem;
   }

   .warren-buffet-grid {
      grid-template-columns: 1fr 1fr;
      gap: 3rem;
   }


   /* --------------------------------------------------------------------- */
   /* team section styling end */
   /* --------------------------------------------------------------------- */

   /* --------------------------------------------------------------------- */
   /* team section styling end */
   /* --------------------------------------------------------------------- */

   /* --------------------------------------------------------------------- */
   /* problems section styling start */
   /* --------------------------------------------------------------------- */

   .problems-cards-grid {
      grid-template-columns: 1fr 1fr 1fr;
      gap: 2rem;
   }

   .problem-card {
      padding: 1.75rem;
      border-radius: .75rem;
   }

   /* --------------------------------------------------------------------- */
   /* problems section styling end */
   /* --------------------------------------------------------------------- */


   /* --------------------------------------------------------------------- */
   /* solutions section styling start */
   /* --------------------------------------------------------------------- */
   .solution-grid {
      grid-template-columns: 1fr 1.2fr;
      gap: 3rem;
      align-items: center;
   }

   .solution-video-container {
      border-radius: 1rem;
      box-shadow: 0px 4px 40px 0px #00000033;
   }

   .solution-list-item h6 {
      padding: 1rem 2rem;
   }


   /* --------------------------------------------------------------------- */
   /* solutions section styling end */
   /* --------------------------------------------------------------------- */

   .learning-inner-grid {
      position: relative;
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      gap: 4rem;
      padding: 3rem 0;
      margin-inline: auto;
   }

   .product-image-section {
      position: relative;
   }

   .product-image-section img {
      aspect-ratio: unset;
      object-fit: unset;
      object-position: unset;
      border-radius: 0;
   }

   .product-image-section .learning-image {
      position: absolute;
      top: -4rem;
   }

   .learning-inner-grid:nth-child(odd) .product-image-section {
      order: 3;
   }

   .learning-inner-grid:nth-child(odd) .line-div {
      order: 2;
   }

   .learning-inner-grid:nth-child(odd) .product-text-section {
      order: 1;
   }

   .line-div {
      height: calc(100% + 6rem);
      z-index: 1;
   }

   .line-div::before {
      content: "";
      position: absolute;
      top: 4rem;
      bottom: 0;
      width: 2px;
      background-color: #3A4767;
   }

   .line-div img {
      /* background-color: #0A1737; */
      width: 4rem;
      aspect-ratio: 1;
      filter: grayscale(80%);
      z-index: 5;
   }

   .learn-card h6 {
      position: relative;
      margin-bottom: .875rem;
   }



   .sec-order-1 {
      order: 1;
   }

   .sec-order-2 {
      order: 2;
   }

   .sec-order-3 {
      order: 3;
   }

   .learning-grid-2 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 3rem;
      margin-top: 2rem;
   }

   .learning-grid-2 .learn-card h6::before {
      display: none;
   }


   /* --------------------------------------------------------------------- */
   /* advisor-section start */
   /* --------------------------------------------------------------------- */
   .advisors-section-heading {
      margin-bottom: 2.5rem;
   }

   .advisor-card {
      grid-template-columns: 11.5rem auto;
      gap: 1.5rem;
   }

   .advisor-image {
      border: 8px solid white;
   }

   /* --------------------------------------------------------------------- */
   /* advisor-section end */
   /* --------------------------------------------------------------------- */


   /* --------------------------------------------------------------------- */
   /* certificates-section start */
   /* --------------------------------------------------------------------- */
   .certificates-images-grid {
      gap: 4rem;
   }

   /* --------------------------------------------------------------------- */
   /* certificates-section  end */
   /* --------------------------------------------------------------------- */

   /* --------------------------------------------------------------------- */
   /* offices section start */
   /* --------------------------------------------------------------------- */
   .offices-card-grid {
      grid-template-columns: 1fr 1fr 1fr;
      gap: 7rem;
   }

   /* --------------------------------------------------------------------- */
   /* offices section end */
   /* --------------------------------------------------------------------- */


   /* --------------------------------------------------------------------- */
   /* growth section start */
   /* --------------------------------------------------------------------- */
   .growth-section-grid {
      grid-template-columns: 1fr 1fr;
   }

   .clip-building-img {
      aspect-ratio: none;
      min-height: 100%;
   }

   .clip-building-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
   }

   .growth-years-grid {
      grid-template-columns: 1.5rem auto;
      gap: 1.5rem;
   }

   .year-li:not(:first-child) h5::before {
      left: -43px;
      width: 11px;
      height: 11px;
   }

   /* --------------------------------------------------------------------- */
   /* growth section end */
   /* --------------------------------------------------------------------- */


   .download-section p {
      margin-block: 1.5rem 3.125rem;
   }

   .email-input,
   .pitch-deck-btn {
      height: 4rem;
      padding-inline: 2rem;
      font-size: 1rem;
   }

   .pitch-deck-btn-loader {
      height: 4rem;
   }

   .button-loader {
      width: 1.5rem;
      height: 1.5rem;
   }

   .faq-heading {
      margin-bottom: 3.5rem;
   }

   /* --------------------------------------------------------------------- */
   /* events section start */
   /* --------------------------------------------------------------------- */
   .event-card {
      padding: 2.5rem 4.5rem;
   }

   .event-shadow-card.card-shadow-1 {
      margin-top: -2rem;
      width: calc(100% - 2rem);
   }

   .event-shadow-card.card-shadow-2 {
      margin-top: -3rem;
      width: calc(100% - 4rem);
   }

   .event-shadow-card.card-shadow-3 {
      margin-top: -4rem;
      width: calc(100% - 6rem);
   }

   .event-shadow-card.card-shadow-4 {
      margin-top: -5rem;
      width: calc(100% - 8rem);
   }

   .event-shadow-card.card-shadow-5 {
      margin-top: -6rem;
      width: calc(100% - 10rem);
   }

   /* --------------------------------------------------------------------- */
   /* events section end */
   /* --------------------------------------------------------------------- */

   .discussion-inner-container {
      padding: 2.5rem;
      border-radius: 2rem;
   }

   .banner-allow-para,
   .banner-join-para {
      color: var(--clr-brand-green);
   }

   .footer-link-container {
      gap: 6.25rem;
   }

   .footer-logo {
      max-width: 15rem;
   }

   .footer-nav-grid {
      grid-template-columns: 3fr 1fr 1.5fr 1fr;
      gap: 3.125rem;
   }

   .footer-order-1 {
      order: 4;
   }

   .footer-order-2 {
      order: 1;
   }

   .footer-order-3 {
      order: 2;
   }

   .footer-order-4 {
      order: 3;
   }

   .webinar-btn {
      right: 2rem;
      padding: .875rem;
      bottom: 2rem;
   }

   .ramadan-popup .modal-body {
      padding: 2rem 1.5rem 1.5rem;
   }


}


/* ---------------------------------------------------------------------------------------- */
/* --------------------------------------- 1200px ------------------------------------------ */
/* ---------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1200px) {
   .content-wrapper {
      padding: 0 4rem;
   }

   .brand-logo {
      max-width: 11.25rem;
   }

   .investor-bonus-section h2 img {
      top: -2rem;
      right: -3rem;
      width: 17.5rem;
   }

   /* .investment-calculator-content-wrapper {
      gap: 2.625rem;
   } */

   /* --------------------------------------------------------------------- */
   /* top reasons list styling start */
   /* --------------------------------------------------------------------- */


   /* --------------------------------------------------------------------- */
   /* top reasons list styling end */
   /* --------------------------------------------------------------------- */



   /* --------------------------------------------------------------------- */
   /* sticky section styling start */
   /* --------------------------------------------------------------------- */

   .investor-bonus-section img {
      right: 8rem;
   }

   .sticky-section-invest-btn {
      padding: .5rem 4rem;
   }

   .sticky-section-logos {
      gap: .75rem 3.5rem;
   }

   .sticky-section-logos svg {
      width: 100%
   }

   /* --------------------------------------------------------------------- */
   /* sticky section styling end */
   /* --------------------------------------------------------------------- */



   /* --------------------------------------------------------------------- */
   /* team section styling start */
   /* --------------------------------------------------------------------- */
   .enthusiasts-images-container {
      gap: 3.125rem;
   }

   .enthusiast-image-wrapper {
      width: 6rem;
   }

   /* --------------------------------------------------------------------- */
   /* team section styling end */
   /* --------------------------------------------------------------------- */



   .footer-link-container {
      gap: 9rem;
   }
}


/* ---------------------------------------------------------------------------------------- */
/* --------------------------------------- 1400px ------------------------------------------ */
/* ---------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1400px) {
   .content-wrapper {
      padding: 0 5rem;
   }

   .hero-grid {
      gap: 4rem;
   }

   .investor-bonus-section img {
      right: 10rem;
   }

   /* --------------------------------------------------------------------- */
   /* top reasons list styling start */
   /* --------------------------------------------------------------------- */

   

   /* --------------------------------------------------------------------- */
   /* top reasons list styling end */
   /* --------------------------------------------------------------------- */

   .musaffa-founders-grid {
      gap: 5rem;
   }



}


/* ---------------------------------------------------------------------------------------- */
/* --------------------------------------- 1600px ------------------------------------------ */
/* ---------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1600px) {

   .extra-bonus-content label span {
      display: block;
   }

   .footer-logo {
      max-width: 17.5rem;
   }
}