@font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'axiforma-black'; src: url('../fonts/Axiforma-Black.ttf') format('truetype'); font-style: normal; }
@font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-SemiBold.ttf') format('truetype'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Axiforma-EB'; src: url('../fonts/Axiforma-ExtraBold.ttf') format('truetype'); }
@font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-SemiBold.ttf') format('truetype'); font-weight: 800; font-style: normal; }
@font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-SemiBold.ttf') format('truetype'); font-weight: 900; font-style: normal; }
@font-face { font-family: 'glory'; src: url('../fonts/Gilroy-Heavy.ttf') format('truetype'); font-style: normal; }
@font-face { font-family: 'glory-M'; src: url('../fonts/Axiforma-Medium.ttf') format('truetype'); font-style: normal; }
@font-face { font-family: 'glory-extra-bold'; src: url('../fonts/Gilroy-ExtraBold.ttf') format('truetype'); font-style: normal; }
@font-face { font-family: 'glory-black'; src: url('../fonts/Gilroy-Black.ttf') format('truetype'); font-style: normal; }
@font-face { font-family: 'mer'; src: url('../fonts/MonumentExtended/MonumentExtended-Regular.otf') format('truetype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'meu'; src: url('../fonts/MonumentExtended/MonumentExtended-Ultrabold.otf') format('truetype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'monR'; src: url('../fonts/monstrate/Montserrat-Regular.otf') format('truetype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'monB'; src: url('../fonts/monstrate/Montserrat-Bold.otf') format('truetype'); font-weight: 400; font-style: normal; }
html,
body {
max-width: 100vw !important;
overflow-x: hidden !important;
}
:root {
--primary-color: #051031;
--brand-green: #006837;
--dark-blue: #000c2d;
--light-bg: #ebebeb;
--white: #ffffff;
}
.modal-dialog-scrollable .modal-body
{
overflow-y: scroll !important;
height: 400px !important;
}
body {
font-family: 'Axiforma', sans-serif;
margin: 0;
padding: 0;
background-color: var(--white);
color: var(--primary-color);
}
h1 {
font-family: 'glory';
font-size: 50px;
font-weight: 900;
text-transform: uppercase;
background: linear-gradient(0deg, #051031 0%, #002699 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
h3 {
font-family: 'glory';
font-size: 68px;
font-weight: 900;
text-transform: uppercase;
color: var(--white);
}
.experience {
font-family: 'glory';
font-size: 30px;
font-weight: 900;
text-transform: uppercase;
color: var(--white);
}
.services-paraghraph{
font-family: 'glory-extra-bold';
font-size: 18px !important;
color: black;
text-transform:uppercase;
}
p {
font-size: 16px !important;
font-family: 'glory-M';
}
button.primarybtn {
padding: 10px 20px;
border: none;
background: var(--primary-color);
border-radius: 100px;
color: white;
}
.page-section {
width: 100%;
padding: 40px 20px;
background-color: #f8f9fa;
}
.main-container {
margin: 0 auto;
padding: 20px 20px;
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
text-align: center;
background: linear-gradient(0deg, #051031 0%, #002699 100%);
border-radius: 10px;
height: 150px;
box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
.breadcrumb-nav {
margin-top: 15px;
}
.bi-list::before {
content: "\f479";
font-size: 17px;
}
.custom-breadcrumb {
list-style: none;
display: flex;
font-family: 'Segoe UI', sans-serif;
font-size: 13px;
color: #555;
}
.custom-breadcrumb li+li::before {
content: "/";
padding: 0 8px;
}
.page-title {
font-size: 28px;
font-weight: 900;
color: white !important;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
font-family: 'glory';
}
.flip-card {
background-color: transparent;
perspective: 1000px;
height: 350px;
margin-bottom: 30px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
transform-style: preserve-3d;}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 15px;
}
.flip-card-front {
z-index: 2;
}
.flip-card-back {
transform: rotateY(180deg);
background: var(--primary-gradient);
}
.flip-card .card-body {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: var(--card-bg);
border-radius: 15px;
position: relative;
border: none;
}
.flip-card-back .card-body {
background-color: transparent !important; /* Back side should show gradient */
border: none;
}
.flip-card-back .services-paraghraph {
color: #fff !important;
}
.navbar-custom {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9990;
background: #ffffff;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
padding: 20px 0;
}
.all-reports {
background-image: url(../images/mixed-img/allreportsbg-compressed.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 30px 0;
color: white;
min-height: 250px;
display: flex;
align-items: center;
}
.locator-section {
display: flex;
height: 85vh;
max-width: 1300px;
margin: 40px auto;
background: #fff;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}
.branch-sidebar {
width: 380px;
display: flex;
flex-direction: column;
border-right: 1px solid #eee;
background: #fff;
z-index: 10;
}
.sidebar-header {
padding: 30px 20px;
background: var(--primary-grad);
color: #fff;
text-align: center;
}
.sidebar-header h2 { margin: 0; font-size: 24px; letter-spacing: 1px; }
#branch-list {
flex-grow: 1;
overflow-y: auto;
}
.branch-item {
padding: 20px;
border-bottom: 1px solid #f1f1f1;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
}
.branch-item:hover { background: #fdfdfd; padding-left: 25px; }
.branch-item.active {
background: #f0f7ff;
border-left: 6px solid var(--accent);
}
.branch-item h3 { margin: 0 0 8px 0; font-size: 17px; color: #1e3c72; }
.branch-item p { margin: 0; font-size: 13.5px; color: #555; line-height: 1.6; }
.branch-item .tel { color: var(--accent); font-weight: bold; margin-top: 5px; display: block; }
.accounts-mini-box span {
display: inline-block;
transition: all 0.3s ease;
font-variant-numeric: tabular-nums;
}
.counter-glow {
color: #ffffff;
text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
transform: scale(1.05);
}
.accounts-mini-box {
display: flex;
align-items: center;
justify-content: center;
}
#map-container {
flex-grow: 1;
height: 100%;
background: #e5e3df;
}
@media (max-width: 992px) {
.locator-section { flex-direction: column; height: auto; border-radius: 10px; }
.branch-sidebar { width: 100%; height: 350px; }
#map-container { height: 450px; }
}
.navbar-scrolled {
padding: 10px 0;
background: rgba(255, 255, 255, 0.9) !important;
backdrop-filter: blur(10px) !important;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}
.navbar-scrolled .navbar-brand img {
height: 40px;
transition: 0.3s;
}
body {
padding-top: 80px;
}
.nav-item-wrapper:hover .custom-dropdown {
top: 100%;
}
form.account-opening-form {
background: linear-gradient(0deg, #051031 0%, #002699 100%);
border-radius: 19px;
}
.navbar-custom {
background-color: var(--light-bg);
padding: 2px 2%;
border-bottom: 1px solid #ddd;
}
.navbar-container {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
width: 100%;
}
.desktop-nav {
display: flex;
justify-content: center;
gap: 30px;
}
.navbar-brand img {
height: 70px;
width: auto;
}
.nav-link-custom {
font-family: 'Axiforma', sans-serif;
font-size: 13px;
font-weight: 500;
color: var(--primary-color) !important;
line-height: 100%;
letter-spacing: 0%;
text-decoration: none;
transition: 0.3s;
white-space: nowrap;
display: inline-block;
text-transform: capitalize;
}
.nav-link-custom:hover {
color: var(--brand-green) !important;
}
.desktop-nav {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
z-index:9999;
}
.nav-item-wrapper {
position: relative;
}
.nav-link-custom {
text-decoration: none;
color: #051031;
font-family: 'glory-M', sans-serif;
transition: 0.3s;
display: flex;
align-items: center;
}
.custom-dropdown {
position: absolute;
top: 100%;
left: 0;
background: #ffffff;
min-width: 260px;
list-style: none;
padding: 15px 0;
margin: 0;
border-radius: 12px;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
opacity: 0;
visibility: hidden;
transform: translateY(15px);
transition: all 0.3s ease-in-out;
z-index: 999;
}
.nav-item-wrapper:hover .custom-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.custom-dropdown li a {
display: block;
padding: 10px 25px;
color: #051031;
text-decoration: none;
font-size: 14px;
transition: 0.2s;
}
.custom-dropdown li a:hover {
background: #f8f9fa;
color: #002699;
/* Theme Blue */
padding-left: 30px;
}
.nav-item-wrapper:hover .bi-chevron-down {
transform: rotate(180deg);
transition: 0.3s;
}
.nav-item-wrapper {
position: relative;
display: inline-block;
}
.custom-dropdown {
position: absolute;
top: 100%;
left: 0;
min-width: 220px;
background: #fff;
list-style: none;
padding: 10px 0;
margin: 0;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
border-top: 3px solid #1e3c72;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.3s ease;
z-index: 999;
}
.nav-item-wrapper:hover .custom-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.custom-dropdown li {
position: relative;
}
.custom-dropdown li a {
display: flex;
align-items: center;
padding: 10px 20px;
color: #333;
text-decoration: none;
font-size: 14px;
transition: 0.2s;
}
.custom-dropdown li a:hover {
background: #f8f9fa;
color: #1e3c72;
padding-left: 25px;
}
.submenu {
position: absolute;
top: 0;
left: 100%;
min-width: 250px;
background: #fff;
list-style: none;
padding: 10px 0;
margin: 0;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
border-left: 2px solid #1e3c72;
opacity: 0;
visibility: hidden;
transform: translateX(10px);
transition: all 0.3s ease;
}
.has-submenu:hover>.submenu {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.has-submenu i {
font-size: 10px;
}
.mobile-nav-link {
text-decoration: none;
color: #051031;
font-size: 18px;
font-weight: 500;
padding: 12px 0;
border-bottom: 1px solid #f1f1f1;
display: block;
transition: 0.3s;
}
.mobile-nav-sublink {
display: block;
text-decoration: none;
color: #666;
font-size: 15px;
padding: 10px 0;
border-left: 2px solid #002699;
padding-left: 15px;
margin-bottom: 5px;
transition: 0.3s;
}
.mobile-nav-sublink:hover {
color: #002699;
padding-left: 20px;
}
.mobile-nav-link[aria-expanded="true"] i {
transform: rotate(180deg);
transition: 0.3s;
}
.btn-pill {
background: #051031;
color: white;
border-radius: 50px;
display: block;
text-decoration: none;
transition: 0.3s;
}
.btn-pill:hover {
background: #002699;
}
.btn-pill {
border-radius: 10px;
padding: 7px 8px;
font-size: 11px;
font-weight: 500;
text-decoration: none;
display: inline-block;
transition: all 0.2s ease;
font-family: 'Axiforma', sans-serif;
background: linear-gradient(180deg, #051031 0%, #002699 100%);
color: #FFDF74;
border: 2px double white !important;
}
.btn-pill:hover {
transform: translate(-1px, -1px);
background: var(--primary-color);
color: var(--white);
}
.btn-action-square {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
background: linear-gradient(135deg, #051031 0%, #002699 100%);
color: white !important;
font-weight: 700;
font-size: 13px;
padding: 10px 15px;
border-radius: 10px;
text-decoration: none !important;
border: 1px solid rgba(255,223,116,0.3);
transition: all 0.3s ease;
min-width: 130px;
box-shadow: 0 4px 15px rgba(5,16,49,0.3);
letter-spacing: 0.3px;
}
.btn-action-square:hover {
background: linear-gradient(135deg, #002699 0%, #051031 100%);
color: #FFDF74 !important;
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(5,16,49,0.4);
border-color: rgba(255,223,116,0.6);
}
.charttssss h1 {
font-size: clamp(1.4rem, 3vw, 3rem);
color: #051031;
}
@media (max-width: 576px) {
.btn-action-square {
min-width: 120px;
font-size: 12px;
padding: 10px 14px;
}
}
.ticker-container {
background: var(--primary-color);
color: var(--white);
padding: 10px 0;
font-size: 14px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
overflow: hidden;
white-space: nowrap;
position: relative;
}
.ticker-wrapper {
display: inline-block;
padding-left: 100%;
animation: ticker-move 60s linear infinite;
}
.ticker-item {
display: inline-block;
padding-right: 50px;
}
.green-val {
color: #00d084;
font-weight: bold;
}
.market-question {
background-image: url('../images/home-page-images/market-question.png');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
height: 150px;
border-radius: 10px;
}
.darsonlog-whysection img {
width: 80%;
}
.question-text {
text-align: center;
}
.hero-section {
background-image: url('../images/home-page-images/herobackgroundimage-compressed.webp');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
display: flex;
align-items: center;
z-index:-0;
}
.figma-laptop-box {
background: #000;
border: 12px solid #0a0a0a;
border-bottom: 0;
border-radius: 18px 18px 0 0;
overflow: hidden;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
position: relative;
width: 100%;
z-index: 2;
}
.macbook-bottom-lip {
height: 40px;
background: linear-gradient(to bottom, #bdc3c7, #95a5a6, #7f8c8d);
border-radius: 0 0 120px 120px / 0 0 18px 18px;
position: relative;
display: flex;
align-items: top;
justify-content: center;
box-shadow:
0 15px 35px rgba(0, 0, 0, 0.3),
inset 0 2px 2px rgba(255, 255, 255, 0.4);
border-top: 1px solid #666;
margin-top: -2px;
z-index: 5;
transition: all 0.3s ease;
overflow: visible;
}
.macbook-bottom-lip::after {
content: "MacBook Pro";
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;
font-size: 9px;
color: #444;
letter-spacing: 0.5px;
font-weight: 500;
margin-top: 6px;
}
.macbook-bottom-lip::before {
content: "";
position: absolute;
top: 25px;
left: 20px;
right: 20px;
height: 12px;
background: #1a1a1a;
border-radius: 2px;
background-image:
repeating-linear-gradient(90deg, #111 0, #111 2px, #333 2px, #333 3px, #1a1a1a 3px, #1a1a1a 12px),
linear-gradient(to bottom, #111, #333);
background-size: 100% 100%, 100% 100%;
background-position: center center;
background-repeat: no-repeat;
opacity: 0.9;
z-index: 10;
}
.macbook-bottom-lip div#trackpad {
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
width: 250px;
height: 30px;
background: linear-gradient(to bottom, #a0a0a0, #b0b0b0);
border: 1px solid #777;
border-radius: 6px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
opacity: 0.8;
z-index: 20;
}
.macbook-bottom-lip div#trackpad::after {
content: "";
position: absolute;
bottom: 2px;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 2px;
background: rgba(0, 0, 0, 0.2);
border-radius: 2px;
}
.macbook-wrapper {
perspective: 1200px;
width: 800px;
margin: 60px auto;
position: relative;
}
.figma-laptop-box {
background: #000;
border: 12px solid #1a1a1a;
border-radius: 20px 20px 0 0;
width: 100%;
transform: rotateX(-10deg);
transform-origin: bottom;
z-index: 2;
position: relative;
box-shadow: 0 40px 60px rgba(0, 0, 0, 0.3);
}
.macbook-bottom-lip {
height: 250px;
background: linear-gradient(135deg, #d1d1d1, #999);
border-radius: 0 0 25px 25px;
margin-top: -15px;
transform: rotateX(60deg);
transform-origin: top;
position: relative;
z-index: 1;
display: flex;
justify-content: center;
border-top: 1px solid #777;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
}
.macbook-bottom-lip::before {
content: "";
width: 85%;
height: 150px;
background: #111;
margin-top: 20px;
border-radius: 6px;
background-image: linear-gradient(90deg, #333 1px, transparent 1px),
linear-gradient(0deg, #333 1px, transparent 1px);
background-size: 25px 25px;
}
@media (max-width: 768px) {
.macbook-bottom-lip {
height: 30px;
border-radius: 0 0 8px 8px;
}
.macbook-bottom-lip::before {
display: none;
}
.macbook-bottom-lip div#trackpad {
display: none;
}
}
.mbp-mockup-wrapper {
width: 100% !important;
max-width: 1280px;
margin: 10px auto;
position: relative;
display: block;
}
.mbp-container {
position: relative;
width: 100%;
padding-top: 58.6%;
margin: 0 auto;
box-sizing: border-box;
}
.mbp-display {
position: absolute;
top: 0;
left: 9.35%;
right: 9.35%;
width: 81.3%;
height: 94%;
margin: 0 auto;
background-image: radial-gradient(#cfd0d1, #adadae);
border: 1px solid #e5e7e9;
border-radius: 1.8vw 1.8vw 0 0;
z-index: 1;
overflow: hidden;
}
.mbp-display .display-edge {
width: 99.4%;
height: 99.4%;
margin: 0.3% auto;
background-color: #262626;
border-radius: 1.6vw 1.6vw 0 0;
position: relative;
}
.mbp-display .display-edge .bezel {
width: 100%;
height: 100%;
background-color: #010101;
position: relative;
}
.mbp-display .display-edge .bezel .display-frame {
position: absolute;
top: 3.5%;
bottom: 0;
left: 1.5%;
right: 1.5%;
width: auto;
height: 93% !important;
background-color: #000;
overflow: hidden;
z-index: 5;
}
.slider-full-img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
display: block;
}
.below-display {
position: absolute;
bottom: 0;
width: 100%;
height: 5%;
background-color: #111;
display: flex;
justify-content: center;
align-items: center;
z-index: 6;
}
.macbookpro {
width: 8%;
height: 12px;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 145 20' %3E%3Cpath fill='%23D8D8DA' d='M0.5 0.6h2.67L9.6 16.23h0.08L16.11 0.6h2.67v18.55h-2.16V4.81h-1.05l2.51-3.7l-7.46 18.04H8.66L1.21 1.11 l2.51 3.7H2.66v14.33H0.5V0.6z M23.23 18.9c-0.67-0.33-1.19-0.81-1.56-1.41s-0.56-1.32-0.56-2.12v-0.03c0-1.14 0.42-2.05 1.27-2.73 c0.85-0.68 2.04-1.07 3.57-1.15l4.95-0.28v1.74l-4.69 0.28c-0.89 0.05-1.58 0.27-2.08 0.64c-0.49 0.38-0.74 0.88-0.74 1.5v0.03 c0 0.64 0.24 1.15 0.73 1.53s1.13 0.57 1.93 0.57c0.7 0 1.34-0.15 1.9-0.44c0.56-0.29 1.01-0.7 1.34-1.21 c0.33-0.51 0.49-1.09 0.49-1.74v-3.95c0-0.81-0.26-1.45-0.76-1.92c-0.51-0.47-1.23-0.7-2.17-0.7c-0.86 0-1.55 0.19-2.08 0.56 c-0.53 0.37-0.85 0.86-0.98 1.46l-0.03 0.12h-2.16l0.01-0.14c0.07-0.74 0.32-1.41 0.75-2.01s1.03-1.08 1.79-1.43 c0.76-0.36 1.67-0.53 2.71-0.53c1.05 0 1.96 0.18 2.73 0.54c0.77 0.36 1.36 0.87 1.78 1.52c0.42 0.66 0.63 1.43 0.63 2.32v9.24 h-2.24v-2.17h-0.05c-0.26 0.49-0.6 0.91-1.03 1.28c-0.43 0.36-0.91 0.65-1.45 0.85c-0.54 0.2-1.1 0.3-1.7 0.3 C24.67 19.4 23.9 19.24 23.23 18.9z M37.12 18.55c-0.93-0.57-1.65-1.38-2.15-2.42c-0.51-1.04-0.76-2.27-0.76-3.68v-0.01 c0-1.41 0.26-2.63 0.77-3.66s1.23-1.84 2.16-2.4c0.93-0.57 2.01-0.85 3.24-0.85c1.11 0 2.07 0.22 2.87 0.65 c0.8 0.43 1.43 0.99 1.88 1.68c0.46 0.69 0.73 1.41 0.83 2.17l0.01 0.1h-2.19l-0.03-0.1c-0.16-0.67-0.52-1.26-1.07-1.76 S41.36 7.5 40.38 7.5c-0.77 0-1.45 0.2-2.03 0.61c-0.58 0.41-1.04 0.98-1.36 1.72c-0.33 0.74-0.49 1.62-0.49 2.63v0.01 c0 1.04 0.17 1.92 0.49 2.66c0.33 0.74 0.79 1.3 1.38 1.7c0.59 0.39 1.27 0.59 2.04 0.59c0.92 0 1.66-0.23 2.23-0.7 c0.57-0.47 0.95-1.07 1.14-1.82l0.03-0.1H46l-0.01 0.09c-0.12 0.85-0.43 1.61-0.93 2.3c-0.5 0.68-1.15 1.22-1.94 1.62 c-0.79 0.4-1.7 0.6-2.71 0.6C39.15 19.4 38.05 19.12 37.12 18.55z M48.4 0.6h2.31v18.55H48.4V0.6z M49.56 17.1h5.5 c1.39 0 2.44-0.28 3.17-0.83c0.72-0.55 1.09-1.36 1.09-2.42v-0.03c0-0.72-0.17-1.32-0.5-1.8s-0.83-0.84-1.5-1.08 c-0.66-0.24-1.49-0.36-2.47-0.36h-5.28V8.59h4.63c1.37 0 2.42-0.27 3.14-0.8c0.72-0.53 1.09-1.3 1.09-2.3V5.47 c0-0.92-0.3-1.62-0.91-2.1c-0.61-0.48-1.47-0.73-2.6-0.73h-5.35V0.6h5.88c1.06 0 1.99 0.19 2.79 0.58c0.8 0.39 1.42 0.93 1.86 1.62 c0.45 0.69 0.67 1.5 0.67 2.43v0.03c0 0.64-0.15 1.26-0.44 1.84c-0.29 0.58-0.69 1.07-1.2 1.47c-0.51 0.4-1.08 0.65-1.72 0.74v0.05 c0.89 0.1 1.66 0.36 2.3 0.77c0.64 0.41 1.14 0.94 1.48 1.59c0.34 0.65 0.51 1.38 0.51 2.2v0.03c0 1.09-0.25 2.02-0.75 2.8 c-0.5 0.78-1.22 1.37-2.15 1.79c-0.93 0.42-2.06 0.62-3.38 0.62h-5.85V17.1z M66.26 18.56c-0.93-0.57-1.65-1.37-2.17-2.41 c-0.52-1.04-0.78-2.27-0.78-3.68v-0.03c0-1.42 0.26-2.65 0.78-3.68c0.52-1.03 1.24-1.83 2.17-2.39c0.93-0.56 2.01-0.84 3.23-0.84 c1.23 0 2.32 0.28 3.25 0.84c0.93 0.56 1.65 1.36 2.17 2.39c0.52 1.03 0.78 2.26 0.78 3.68v0.03c0 1.42-0.26 2.65-0.78 3.69 c-0.52 1.04-1.24 1.84-2.17 2.4c-0.93 0.57-2.01 0.85-3.24 0.85S67.19 19.12 66.26 18.56z M71.57 16.84 c0.58-0.39 1.03-0.96 1.35-1.7c0.32-0.74 0.48-1.63 0.48-2.68v-0.03c0-1.05-0.16-1.94-0.48-2.67s-0.78-1.3-1.36-1.68 C70.97 7.69 70.29 7.5 69.5 7.5c-0.77 0-1.45 0.19-2.04 0.59c-0.59 0.39-1.04 0.95-1.37 1.68c-0.33 0.73-0.49 1.62-0.49 2.67v0.03 c0 1.05 0.16 1.94 0.49 2.68c0.33 0.74 0.78 1.31 1.37 1.7c0.59 0.39 1.27 0.59 2.06 0.59S71 17.23 71.57 16.84z M80.24 18.56 c-0.93-0.57-1.65-1.37-2.17-2.41c-0.52-1.04-0.78-2.27-0.78-3.68v-0.03c0-1.42 0.26-2.65 0.78-3.68c0.52-1.03 1.24-1.83 2.17-2.39 c0.93-0.56 2.01-0.84 3.23-0.84c1.23 0 2.32 0.28 3.25 0.84c0.93 0.56 1.65 1.36 2.17 2.39c0.52 1.03 0.78 2.26 0.78 3.68v0.03 c0 1.42-0.26 2.65-0.78 3.69c-0.52 1.04-1.24 1.84-2.17 2.4c-0.93 0.57-2.01 0.85-3.24 0.85C82.25 19.4 81.17 19.12 80.24 18.56z M85.55 16.84c0.58-0.39 1.03-0.96 1.35-1.7c0.32-0.74 0.48-1.63 0.48-2.68v-0.03c0-1.05-0.16-1.94-0.48-2.67 c-0.32-0.74-0.78-1.3-1.36-1.68c-0.59-0.39-1.27-0.58-2.06-0.58c-0.77 0-1.45 0.19-2.04 0.59c-0.59 0.39-1.04 0.95-1.37 1.68 c-0.33 0.73-0.49 1.62-0.49 2.67v0.03c0 1.05 0.16 1.94 0.49 2.68c0.33 0.74 0.78 1.31 1.37 1.7c0.59 0.39 1.27 0.59 2.06 0.59 S84.97 17.23 85.55 16.84z M92.1 0.6h2.24v18.55H92.1V0.6z M93.83 11.68h0.55l5.86-5.9h2.71l-6.34 6.31h-0.18l-2.61 2.49V11.68z M95.45 12.76l1.49-1.49l6.2 7.88h-2.6L95.45 12.76z M110.44 0.6h2.31v18.55h-2.31V0.6z M111.6 10.47h4.86 c1.33 0 2.36-0.35 3.09-1.04c0.73-0.69 1.09-1.64 1.09-2.86V6.55c0-1.23-0.36-2.18-1.09-2.87c-0.73-0.69-1.76-1.03-3.09-1.03h-4.86 V0.6h5.45c1.17 0 2.19 0.25 3.09 0.75c0.89 0.5 1.59 1.19 2.1 2.08S123 5.35 123 6.52v0.03c0 1.17-0.26 2.21-0.76 3.11 s-1.21 1.6-2.1 2.11c-0.89 0.51-1.92 0.76-3.09 0.76h-5.45V10.47z M125.31 5.78h2.24v2.26h0.05c0.22-0.77 0.61-1.38 1.16-1.84 s1.2-0.68 1.95-0.68c0.2 0 0.37 0.01 0.53 0.03c0.16 0.02 0.28 0.04 0.37 0.06v2.17c-0.09-0.03-0.24-0.06-0.46-0.09 s-0.46-0.04-0.74-0.04c-0.57 0-1.08 0.13-1.51 0.39c-0.43 0.26-0.77 0.63-1 1.11c-0.24 0.48-0.35 1.07-0.35 1.74v8.25h-2.24V5.78z M135.07 18.56c-0.93-0.57-1.65-1.37-2.17-2.41c-0.52-1.04-0.78-2.27-0.78-3.68v-0.03c0-1.42 0.26-2.65 0.78-3.68 c0.52-1.03 1.24-1.83 2.17-2.39c0.93-0.56 2.01-0.84 3.23-0.84c1.23 0 2.32 0.28 3.25 0.84c0.93 0.56 1.65 1.36 2.17 2.39 c0.52 1.03 0.78 2.26 0.78 3.68v0.03c0 1.42-0.26 2.65-0.78 3.69s-1.24 1.84-2.17 2.4c-0.93 0.57-2.01 0.85-3.24 0.85 S136 19.12 135.07 18.56z M140.38 16.84c0.58-0.39 1.03-0.96 1.35-1.7c0.32-0.74 0.48-1.63 0.48-2.68v-0.03 c0-1.05-0.16-1.94-0.48-2.67c-0.32-0.74-0.78-1.3-1.36-1.68c-0.59-0.39-1.27-0.58-2.06-0.58c-0.77 0-1.45 0.19-2.04 0.59 c-0.59 0.39-1.04 0.95-1.37 1.68c-0.33 0.73-0.49 1.62-0.49 2.67v0.03c0 1.05 0.16 1.94 0.49 2.68c0.33 0.74 0.78 1.31 1.37 1.7 c0.59 0.39 1.27 0.59 2.06 0.59S139.8 17.23 140.38 16.84z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.mbp-keyboard {
width: 99.75%;
height: 7.6%;
margin: 0 auto;
position: absolute;
bottom: 0px;
left: 0;
right: 0;
z-index: 100;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.mbp-keyboard .front {
width: 100%;
height: 37.25%;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
top: 0;
background: linear-gradient(90deg, #68696b 0%, #757678 .15%, #a0a1a3 .3%, #cccdcf .5%, #e7e8ea .8%, #e8e9eb 1%, #dfe0e2 1.25%, #d1d2d4 1.5%, #adaeb0 2%, #a4a5a7 3%, #bbbdbf 4%, #e1e1e3 8%, #eaebed 15%, #e9eaec 25%, #e9eaec 75%, #eaebed 85%, #e1e1e3 92%, #bbbdbf 96%, #a4a5a7 97%, #adaeb0 98%, #d1d2d4 98.5%, #dfe0e2 98.75%, #e8e9eb 99%, #e7e8ea 99.2%, #cccdcf 99.5%, #a0a1a3 99.7%, #757678 99.85%, #68696b 100%);
z-index: 100;
border-radius: 1px;
display: flex;
justify-content: center;
align-items: flex-start;
}
.mbp-keyboard .opener-left {
position: relative;
width: 6.917%;
height: 65.5%;
z-index: 101;
border-radius: 0 0 0 20px;
background-color: #c1c2c6;
background: linear-gradient(180deg, rgba(195, 198, 200, 0.5) 0%, rgba(199, 200, 204, 0.5) 60%, rgba(115, 125, 130, 0.4) 100%), radial-gradient(circle at right, rgba(189, 190, 193, 0.5) 0%, rgba(189, 190, 193, 0.5) 50%, rgba(166, 169, 172, 0.5) 80%, rgba(30, 34, 40, 0.75) 100%);
background-blend-mode: darken;
}
.mbp-keyboard .opener-right {
position: relative;
width: 6.917%;
height: 65.5%;
z-index: 101;
border-radius: 0 0 20px 0;
background-color: #c1c2c6;
background: linear-gradient(180deg, rgba(195, 198, 200, 0.5) 0%, rgba(199, 200, 204, 0.5) 60%, rgba(115, 125, 130, 0.4) 100%), radial-gradient(circle at left, rgba(189, 190, 193, 0.5) 0%, rgba(189, 190, 193, 0.5) 50%, rgba(166, 169, 172, 0.5) 80%, rgba(30, 34, 40, 0.75) 100%);
background-blend-mode: darken;
}
.mbp-keyboard .bottom-left {
display: block;
position: relative;
width: 50%;
height: 58%;
top: 10%;
z-index: 99;
background: linear-gradient(180deg, #e5e6e9 0%, #909193 65%, #4e4f51 90%, #323234 96%, #29292b 100%);
border-bottom-left-radius: 25% 60%;
}
.mbp-keyboard .bottom-right {
display: block;
position: relative;
width: 50%;
height: 58%;
top: 10%;
z-index: 99;
background: linear-gradient(180deg, #e5e6e9 0%, #909193 65%, #4e4f51 90%, #323234 96%, #29292b 100%);
border-bottom-right-radius: 25% 60%;
}
.mbp-shadow {
width: 95%;
height: 60%;
display: flex;
justify-content: center
}
.mbp-shadow .shadow-left {
display: block;
position: relative;
width: 50%;
height: 100%;
top: 10%;
z-index: 90;
background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(8, 11, 17, .85) 2.5%, rgba(29, 32, 36, .4) 15%, rgba(255, 255, 255, 0) 50%);
filter: blur(2px);
background-blend-mode: multiply;
border-top-left-radius: 20% 90%;
}
.mbp-shadow .shadow-right {
display: block;
position: relative;
width: 50%;
height: 100%;
top: 10%;
z-index: 90;
background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(8, 11, 17, .85) 2.5%, rgba(29, 32, 36, .4) 15%, rgba(255, 255, 255, 0) 50%);
filter: blur(2px);
background-blend-mode: multiply;
border-top-right-radius: 20% 90%;
}
.text-side {
position: relative;
z-index: 10;
}
.hero-title {
color: #fff;
font-size: clamp(2rem, 4vw, 3.5rem);
font-weight: 800;
line-height: 1.1;
margin-bottom: 25px;
}
.view-more-btn {
border: 2px solid #ffc107;
color: #fff;
padding: 10px 40px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
display: inline-block;
}
.owl-dots {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 10px;
}
.owl-dot span {
width: 30px !important;
height: 5px !important;
background: rgba(255, 255, 255, 0.5) !important;
display: block;
}
.owl-dot.active span {
background: #fff !important;
}
@media (max-width: 991px) {
.slider-content-box {
height: 400px;
background-size: cover;
background-position: center;
margin-top: 0;
}
.text-side {
text-align: center;
padding-top: 60px;
}
.slider-logo {
left: 50%;
transform: translateX(-50%);
}
}
.owl-theme .owl-dots .owl-dot span {
width: 10px !important;
height: 10px !important;
margin: 5px 0px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px;
}
.display-frame {
position: absolute;
top: 0;
bottom: 5% !important;
left: 0;
right: 0;
overflow: hidden;
z-index: 5;
}
.mac-status-bar {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 26px;
background: rgba(0, 0, 0, 0.25);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 12px;
color: #fff;
font-size: 11px;
font-weight: 500;
z-index: 99;
border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);
}
.mac-status-bar .left-icons,
.mac-status-bar .right-icons {
display: flex;
align-items: center;
gap: 12px;
}
.mac-status-bar i {
font-size: 13px;
}
.slider-full-img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.phone-inner-screen {
position: absolute;
top: 7.5%;
left: 8.5%;
right: 8.5%;
bottom: 8.5%;
background-color: transparent;
overflow: hidden;
display: flex;
flex-direction: column;
}
.phone-header {
background-color: #00301a;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
height: 10%;
}
.header-logo-side img {
height: clamp(20px, 3vh, 30px);
}
.menu-btn-icon {
background: transparent;
border: none;
color: #ffc107;
font-size: 1.2rem;
}
.phone-scrollable-content {
flex: 1;
overflow-y: auto;
overflow-x: hidden;
padding-top: 25px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: end;
}
.phone-scrollable-content::-webkit-scrollbar {
display: none;
}
.phone-scrollable-content {
-ms-overflow-style: none;
scrollbar-width: none;
}
.darson-form-title {
font-weight: 800;
font-size: 1.2rem;
}
.darson-input {
background: rgba(255, 255, 255, 0.9);
border: 1px solid #ddd;
border-radius: 10px;
font-size: 0.85rem;
padding: 8px 14px;
margin-bottom: 14px !important;
}
.btn-darson-inner-service {
background: linear-gradient(180deg, #ddbf5a 0%, #ddbf5a 100%);
color: black;
padding: 10px 20px !important;
font-size: 14px;
font-family: 'Axiforma';
font-weight: 300 !important;
border-radius: 100px;
}
.click-account {
background: white;
padding: 20px;
border-radius: 10px;
color: black;
font-size: 18px;
text-transform: uppercase;
}
.btn-darson-green {
background-color: transparent;
color: #fff;
border-radius: 10px;
border: 1px solid white;
font-family: 'Axiforma';
font-weight: 300 !important;
font-size: 14px;
}
.btn-darson-black {
background: linear-gradient(180deg, #051031 0%, #002699 100%);
color: #FFDF74 !important;
border-radius: 10px;
border: none;
padding: 8px !important;
font-size: 14px;
font-family: 'Axiforma';
font-weight: 300 !important;
border: 2px double white !important;
}
.btn-darson-black:hover {
background: linear-gradient(180deg, #002699 0%, #051031 100%);
color: #fff !important;
border-radius: 10px;
border: none;
}
.btn-darson-main-btn {
background: linear-gradient(180deg, #051031 0%, #002699 100%);
color: #fff;
border: 2px double white !important;
padding: 14px 30px !important;
font-size: 18px;
font-family: 'Axiforma';
font-weight: 300 !important;
border-radius: 100px;
box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
text-transform:uppercase;
}
.btn-darson-main-btn:hover {
background: linear-gradient(180deg, #002699 0%, #051031 100%);
color: #fff;
border: 2px double white !important;
}
.btn-darson-green:hover {
background-color: black;
color: white;
}
@media (max-width: 480px) {
.darson-phone-wrapper {
max-width: auto;
}
.phone-scrollable-content {
padding: 10px 8px;
}
.darson-form-title {
font-size: 1rem;
}
.btn-darson-green,
.btn-darson-black {
font-size: 0.8rem;
}
}
.bgcircle {
position: relative;
width: 100vh;
height: 100vh;
background: linear-gradient(180deg, #002699 0%, #051031 100%);
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
margin-left: -80px;
}
.content-whydarson h2 {
color: white;
font-size: 60px;
text-transform: uppercase;
font-family: 'Axiforma';
font-weight: 900;
}
.content-whydarson p {
color: white;
font-size: 15px;
font-family: 'Axiforma';
}
.content-whydarson.px-5 {
padding-left: 180px !important;
padding-right: 83px !important;
}
.darsonlog-whysection {
position: absolute;
top: 0;
right: 0;
}
.right-circle-why-darson-parent {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.span-circle {
width: 80%;
height: 80vh;
background: linear-gradient(180deg, #002699 0%, #051031 100%);
border-radius: 50%;
position: absolute;
top: 3%;
right: -10%;
z-index: -1;
}
#whydarson {
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 1024px) and (max-width: 1600px) {
.proce-tree-text-second {
margin-top: 2% !important;
margin-right: 10% !important;
}
.bgcircle {
position: relative;
width: auto;
height: auto;
background: var(--primary-color);
border-radius: 0% 10% 0% 0%;
margin-left: 0px;
}
.content-whydarson.px-5 {
padding: 50px !important;
}
.darsonlog-whysection {
position: absolute;
top: -50px;
right: -50px;
}
.span-circle {
width: 50%;
height: 50vh;
background: var(--primary-color);
border-radius: 50%;
position: absolute;
top: 66%;
right: -10%;
z-index: -1;
}
.span-circle {
width: 73%;
height: 59vh;
background: var(--primary-color);
border-radius: 50%;
position: absolute;
top: 16%;
right: -10%;
z-index: -1;
}
img#investiment-img {
width: 23% !important;
position: absolute;
left: 24% !important;
bottom: 59% !important;
z-index: 999;
}
.process-tree-section p {
font-size: 13px !important;
}
img#growth-img {
position: absolute;
right: 21% !important;
top: 0% !important;
width: 20% !important;
z-index: 999;
}
img#support-img {
position: absolute;
right: 20% !important;
bottom: 50% !important;
width: 20% !important;
z-index: 999;
}
img#invest-line-img {
position: absolute;
top: 30% !important;
left: 22% !important;
width: 18% !important;
transform: translate(-10%, -10%);
}
img#root-line-img {
position: absolute;
bottom: 45% !important;
left: 18% !important;
width: 28% !important;
transform: translate(-5%, 5%);
}
}
@media (max-width: 991px) {
.hero-whydarson {
background-color: var(--primary-color);
}
#whydarson {
display: flex;
justify-content: center;
align-items: center;
}
.bgcircle {
width: auto;
height: auto;
border-radius: 1%;
margin-left: 0px;
overflow-x: hidden;
}
.darsonlog-whysection {
display: none;
}
.content-whydarson.px-5 {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 15px !important;
padding-right: 15px !important;
}
.span-circle {
width: 100%;
height: 63vh;
background: var(--primary-color);
border-radius: 50%;
position: absolute;
top: 15%;
right: -10%;
z-index: -1;
}
}
.step-section {
position: relative;}
section.accountsetupbg {
margin-top: -14%;}
.setup-text {
position: absolute;
bottom: 11%;
transform: translateY(-50%);
}
.deposite-your-payment {
margin-top: -20%;}
.get-payment {
margin-top: -23%;}
button.click-account {
padding: 10px 20px;
border: none;
border-radius: 100px;}
img.img-fluid.bearish {
float: right;
}
.contain-fluid.p-0.bull-container {
margin-top: -6%;
position: relative;
z-index: -1;
}
.card-body {
border-radius: 10%;
color: white;
font-weight: 500;
font-size: 20px;
}
.process-tree-section {
position: relative;
}
.proce-tree-text-one {
margin-top: 20%;
}
.proce-tree-text-second {
margin-top: 10%;
}
.process-tree-section p {
font-family: 'glory-M';
font-size: 14px;
}
img#growth-img {
position: absolute;
right: 23%;
top: 0%;
width: 15%;
z-index: 999;
}
img#investiment-img {
position: absolute;
left: 25%;
bottom: 50%;
width: 22%;
z-index: 999;
}
img#support-img {
position: absolute;
right: 19%;
bottom: 45%;
width: 15%;
z-index: 999;
}
img#root-line-img {
position: absolute;
bottom: 36% !important;
left: 25% !important;
width: 26%;
}
img#invest-line-img {
position: absolute;
top: 27% !important;
left: 24% !important;
width: 15%;
}
img#growth-line-new-img {
position: absolute;
top: 10%;
right: 25%;
width: 13%;
}
img#support-line-img {
position: absolute;
right: 25%;
bottom: 50%;
width: 12%;
}
.span-tree-heading {
font-size: 50px;
font-family: 'glory';
text-transform: uppercase;
background: linear-gradient(0deg, #051031 0%, #002699 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.process-tree-for-mobile-tablet {
background-image: url('../images/home-page-images/tree-new.png');
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.card.shadow.p-1.p-4.mb-4 {
background: #ffffff85;
}
.sp-section-wrapper {
width: 100%;
}
.BIGBULL img {
transform: scale(1.5);
}
@media (max-width: 768px) {
.BIGBULL img {
display: none;
}
}
.sp-heading-pill {
background: linear-gradient(0deg, #051031 0%, #002699 100%);
padding: 35px 60px;
border-radius: 26px;
display: inline-block;
align-self: center;
}
.sp-main-title {
color: #ffffff;
font-weight: 900;
font-family: 'glory';
font-size: 60px;
letter-spacing: 1px;
}
.sp-section-divider {
width: 100%;
height: 3px;
background-color: #1a2a47;
margin-left: 5px;
}
.sp-poll-main-card {
width: 100%;
min-height: 450px;
background-image: url('../images/home-page-images/bg.png');
background-size: cover;
background-position: center;
border-radius: 40px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
background-color: #1a2a47bd;
}
.sp-question-text {
color: #ffffff;
font-weight: 800;
font-size: clamp(1.1rem, 2.5vw, 1.8rem);
text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);
max-width: 85%;
}
.sp-image-btn {
border: none;
width: 180px;
height: 80px;
border-radius: 20px;
cursor: pointer;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}
.sp-image-btn:hover {
transform: scale(1.08);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
}
.sp-btn-bull-bg {
background-color: #28a745;
background-image: url('../../../staticpdfsetup/bull-light.gif');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.sp-btn-bear-bg {
background-color: #da0606f7;
background-image: url('../../../staticpdfsetup/bear-light.webp');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
@media (max-width: 768px) {
.sp-heading-pill {
margin: -350px auto 15px auto;
padding: 25px 40px !important;
}
.sp-section-divider {
width: 90%;
margin: 0 auto 20px auto;}
.sp-image-btn {
width: 140px;
height: 65px;
}
.sp-poll-main-card {
min-height: 380px;
border-radius: 30px;}
.sp-main-title {
font-size: 36px !important;
letter-spacing: 0.5px !important;
text-align: center;
}
}
@media (max-width: 786px) {
.sp-section-wrapper {
width: 100%;
margin-bottom: -333px !important;
}}
@media (max-width: 1024px) {
.sp-section-wrapper {
width: 100%;
margin-bottom: -133px;}
.sp-main-title {
color: #ffffff;
font-weight: 900;
font-family: 'glory';
font-size: 35px;
letter-spacing: 1px;
}}
@media (max-width: 1399px) {
.sp-heading-pill {
padding: 25px 40px !important;
border-radius: 20px;
}
.sp-main-title {
font-size: 45px !important;
}
}
@media (max-width: 1024px) {
.sp-heading-pill {
padding: 25px 40px !important;
border-radius: 20px;
}
.sp-main-title {
font-size: 42px !important; }
}
@media (max-width: 786px) {
.sp-heading-pill {
padding: 18px 20px !important;
border-radius: 16px !important;
width: 100%;
}
.sp-main-title {
font-size: 36px !important;
letter-spacing: 0.5px !important;
text-align: center;
}
}
@media (max-width: 768px) {
.section3rd {
margin-top: -350px;
align-items: center;
}
.section3-wrapper img {
width: 495px;
max-width: 475px;
height: auto;
}
.section3rdform {
align-items: center;
}
}
@media (max-width: 1399px) {
.section3-main-title {
font-size: 35px !important;
text-align: center;
}
}
@media (max-width: 1024px) {
.section3-main-title {
color: #0b1e3b;
font-weight: 900;
font-family: 'glory';
text-transform: uppercase;
font-size: 45px !important;
text-align: center;
}
}
@media (max-width: 786px) {
.section3-main-title {
font-size: clamp(7vw);
text-align: center;
}
}
.section3-main-title {
background: linear-gradient(0deg, #051031 0%, #002699 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-weight: 900;
font-family: 'glory';
text-transform: uppercase;
font-size: 65px;
text-align: center;
}
.section3-card-container {
background-color: transparent;
border: 3px solid #1a2a47;
border-radius: 40px;
padding: 3rem 2rem;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
input.section3-input-style {
background-color: #323d52 !important;
border: none !important;
border-radius: 50px !important;
padding: 21px 25px !important;
color: #ffffff !important;
font-size: 1rem;
transition: all 0.3s ease;
}
input.section3-input-style::placeholder {
color: #b0bec5;
font-size: 0.9rem;
}
input.section3-input-style:focus {
background-color: #3d4a63 !important;
box-shadow: 0 0 8px rgba(50, 61, 82, 0.4) !important;
outline: none;
}
.section3-btn-submit {
border-radius: 50px !important;
padding: 10px 70px !important;
font-weight: 700 !important;
border: 2px solid #1a2a47 !important;
color: #1a2a47 !important;
background-color: transparent !important;
transition: 0.3s ease !important;
}
.section3-btn-submit:hover {
background-color: #1a2a47 !important;
color: #ffffff !important;
}
@media (max-width: 768px) {
.section3-card-container {
padding: 2rem 1.5rem;
border-radius: 30px;
}
.section3-btn-submit {
width: 100%;
}
}
.accounts-mini {
margin-top: 20px;
}
.accounts-mini-title {
font-size: 28px;
font-weight: 1200;
color: #2f3854;
margin-bottom: 12px;
font-family: 'glory';
font-style: italic;
}
.accounts-mini-box {
background: linear-gradient(0deg, #051031 0%, #002699 100%);
border-radius: 18px;
padding: 18px 20px;
display: inline-block;
min-width: 220px;
}
.accounts-mini-box {
background: linear-gradient(0deg, #051031 0%, #002699 100%);
border-radius: 23px;
padding: 25px 20px;
display: inline-block;
min-width: 456px;
}
.accounts-mini-box span {
color: #fff;
font-size: 44px;
font-weight: 800;
font-style: italic;
font-family: 'glory';
}
@media (max-width: 768px) {
.accounts-mini-title {
font-size: 32px;
}
.accounts-mini-box {
min-width: 450px;
padding: 25px;
}
.accounts-mini-box span {
font-size: 34px;
}
}
.footer-main {
background: linear-gradient(0deg, #051031 0%, #002699 100%);
color: #ffffff;
padding: 5% 0% 18% 0%;
position: relative;
overflow: hidden;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}
.scroll-social-panel {
display: flex;
gap: 12px;
align-content: space-around;
justify-content: center;
flex-direction: column;
position: fixed;
right: 0.5%;
background: #DDBF5A;
padding: 20px 10px;
border-radius: 10px;
z-index: 99;
}
.scroll-social-panel a {
background: #ffffff;
color: #00051d;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
text-decoration: none;
font-size: 16px;
}
.fixed-position {
position: fixed;
bottom: 6%;
right: 0.5%;
animation: floatAndZoom 4s infinite ease-in-out;
z-index:99;
}
@keyframes floatAndZoom {
0%, 100% {
transform: translateY(0) scale(1);
}
50% {
transform: translateY(-12px) scale(1.08);
}
}
.footer-grid {
max-width: 1300px;
margin: 0 auto;
display: grid;
grid-template-columns: 1.2fr 0.8fr 1.2fr;
gap: 50px;
position: relative;
z-index: 10;
}
.col-info .logo-wrap {
margin-bottom: 25px;
display: flex;
justify-content: space-around;
}
.tagline {
font-size: 13px;
line-height: 1.8;
color: #d1d1d1;
margin-bottom: 25px;
text-align: center;
}
.social-icons {
display: flex;
gap: 12px;
margin-bottom: 30px;
align-content: space-around;
justify-content: center;
}
.social-icons a {
background: #ffffff;
color: #00051d;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
text-decoration: none;
font-size: 16px;
}
.address-box {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
font-size: 11px;
color: white;
}
.address-box a {
color: white !important;
}
.address-box strong {
color: #fff;
display: block;
margin-bottom: 5px;
}
.col-links {
display: flex;
gap: 15px;
justify-content: flex-start;
align-content: space-around;
flex-direction: column;
flex-wrap: wrap;
}
* .col-links a {
color: white;
text-decoration: none;
font-weight: 600;
font-size: 14px;
transition: 0.3s;
}
.col-links a:hover {
color: #ddbf5a;
padding-left: 5px;
}
.col-btns {
gap: 12px;
}
.left-col,
.right-col {
display: flex;
flex-direction: column;
gap: 12px;
}
.pill-btn {
border: 3px solid #ffffff;
border-radius: 10px;
padding: 10px 5px;
text-align: center;
color: #FFDF74;
text-decoration: none;
font-size: 13px;
font-weight: 500;
transition: 0.3s ease;
background: linear-gradient(0deg, #051031 0%, #002699 100%);
}
.pill-btn:hover {
background: #fff;
color: #00051d;
}
.full-width-btn {
grid-column: span 1;
}
.bg-text-watermark {
position: absolute;
left: 50%;
transform: translateX(-50%);
font-size: 14vw;
font-weight: 900;
color: transparent;
-webkit-text-stroke: 1.1px rgb(252, 252, 252);
letter-spacing: -5px;
white-space: nowrap;
z-index: 1;
pointer-events: none;
text-transform: uppercase;
font-family: 'glory';
}
@media (max-width: 768px) {
.footer-main {
width: 100%;
margin: 0;
padding: 30px 20px 100px;
border-radius: 25px 25px 0 0;
}
.footer-grid {
grid-template-columns: 1fr;
gap: 25px;
text-align: left;
}
.logo-wrap {
justify-content: flex-start !important;
}
.logo-wrap img {
width: 170px;
}
.tagline {
font-size: 13px;
line-height: 1.6;
margin: 10px 0 20px;
max-width: 100%;
color: #cbd5e1;
text-align: left;
}
.social-icons {
justify-content: flex-start;
}
.address-box {
grid-template-columns: 1fr;
gap: 15px;
font-size: 12px;
line-height: 1.5;
text-align: left;
}
.col-links {
margin-top: 10px;
padding: 0;
gap: 10px;
align-items: flex-start;
align-content: flex-start;
}
.col-links a {
font-size: 14px;
}
.col-btns {
grid-template-columns: 1fr;
margin-top: 15px;
gap: 10px;
}
.pill-btn {
width: fit-content;
padding: 10px 14px;
font-size: 12px;
text-align: left;
display: none;
}
.right-col {
margin-top: 8px;
display: none;
}
.bg-text-watermark {
font-size: 55px;
bottom: 10px;
opacity: 0.15;
}
}
.ff-col-btns-mobile {
display: none;
}
@media (max-width: 768px) {
.ff-col-btns-mobile {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
margin-top: 20px;
}
.ff-col-btns-mobile .ff-pill-btn {
transition: 0.3s ease;
}
.ff-col-btns-mobile .ff-pill-btn:active {
background: #fff;
color: #00051d;
}
.ff-col-btns-mobile .ff-pill-btn {
padding: 12px 8px;
border: 1.5px solid #ffffff;
border-radius: 50px;
color: #ffffff;
text-decoration: none;
font-size: 12px;
text-align: center;
background: transparent;
}
.ff-col-btns-mobile .ff-pill-btn:last-child {
grid-column: 1 / 3;
}
}
@media (max-width: 768px) {
.section3rd {
margin-top: -350px;
align-items: center;}
.section3-wrapper img {
width: 495px;
max-width: 475px;
height: auto;
}
.section3rdform {
align-items: center;
}
}
@media (max-width: 1399px) {
.section3-main-title {
font-size: 35px !important;
text-align: center;}}
@media (max-width: 1024px) {
.section3-main-title {
color: #0b1e3b;
font-weight: 900;
font-family: 'glory';
text-transform: uppercase;
font-size: 35px !important;
text-align: center;
}
}
@media (max-width: 786px) {
.section3-main-title {
font-size: clamp(7vw);
text-align: center;
}
}
.section3-main-title {
color: #0b1e3b;
font-weight: 900;
font-family: 'glory';
text-transform: uppercase;
font-size: 65px;
text-align: center;
}
.section3-card-container {
background-color: transparent;
border: 3px solid #1a2a47;
border-radius: 40px;
padding: 3rem 2rem;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
input.section3-input-style {
background: linear-gradient(0deg, #051031 0%, #002699 100%);
border: none !important;
border-radius: 50px !important;
padding: 21px 25px !important;
color: #ffffff !important;
font-size: 1rem;
transition: all 0.3s ease;
}
input.section3-input-style::placeholder {
color: #b0bec5;
font-size: 0.9rem;
}
input.section3-input-style:focus {
background-color: #3d4a63 !important;
box-shadow: 0 0 8px rgba(50, 61, 82, 0.4) !important;
outline: none;
}
.section3-btn-submit {
border-radius: 50px !important;
padding: 10px 70px !important;
font-weight: 700 !important;
border: 2px solid #1a2a47 !important;
color: #1a2a47 !important;
background-color: transparent !important;
transition: 0.3s ease !important;
}
.section3-btn-submit:hover {
background-color: #1a2a47 !important;
color: #ffffff !important;
}
@media (max-width: 768px) {
.section3-card-container {
padding: 2rem 1.5rem;
border-radius: 30px;
}
.section3-btn-submit {
width: 100%;
}
}
#map {
width: 100%;
height: 100vh;
position: relative;
}
.mapboxgl-popup-content {
border-radius: 12px;
padding: 15px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.popup-title {
font-weight: bold;
font-size: 16px;
margin-bottom: 5px;
color: #020b20;
}
.popup-desc {
font-size: 14px;
color: #555;
}
#video-preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
transition: opacity 0.8s ease, visibility 0.8s ease;
}
#fightVideo {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
object-fit: cover;
}
body.loading-active {
overflow: hidden;
}
.main-site-content {
opacity: 0;
transition: opacity 1s ease-in-out;
}
.content-visible {
opacity: 1;
}
/* Mobile Responsive */
@media (max-width: 768px) {
#fightVideo {
object-fit: contain;
}
}
@keyframes ticker-move {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
.ticker-container:hover .ticker-wrapper {
animation-play-state: paused;
}
.secondary-bar {
background: #f8f9fa;
padding: 0px 1%;}
.btn-questionair a {
text-decoration: none;
padding: 10px 40px;
color: white;
border-radius: 100px;
background: #262626b8;
margin-right:10px;
}
span.question-question-text {
font-size: 23px;
color: white;
font-family: 'glory';
text-transform: uppercase;
text-decoration: underline;
}
.search-wrapper {
position: relative;
min-width: 160px;
}
.search-wrapper input {
background: var(--light-bg);
border: 2px solid var(--primary-color);
border-radius: 15px;
padding: 8px;
width: 100%;
font-family: 'Axiforma', sans-serif;
color: var(--primary-color);
font-size: 12px;
}
.search-wrapper i {
position: absolute;
right: 18px;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
color: var(--primary-color);
}
.offcanvas {
background: linear-gradient(135deg, #ffffff 0%, #f3f3f3 100%);
border-left: 5px solid var(--brand-green);
font-family: 'Axiforma', sans-serif;
}
.offcanvas-header {
border-bottom: 1px solid #eee;
background: var(--light-bg);
}
.mobile-nav-link {
font-size: 15px;
font-weight: 500;
color: var(--primary-color);
padding: 12px 20px;
border-radius: 10px;
display: block;
text-decoration: none;
margin-bottom: 5px;
transition: 0.3s;
font-family: 'Axiforma', sans-serif;
}
.mobile-nav-link:hover {
background: var(--brand-green);
color: var(--white) !important;
padding-left: 30px;
}
@media (max-width: 1199px) {
.navbar-container {
display: flex;
justify-content: space-between;
width: 100%;
}
.span-circle {
width: 0;
height: 0;
}
}
@media (max-width: 767px) {
nav.breadcrumb-nav {
margin: auto !important;}
.custom-breadcrumb {
margin-top: 10px;
}
.page-title {
font-size: 20px;
margin: auto;
}
.deposite-your-payment {
margin-top: 0%;}
.span-circle{
display: none;}
.mac-status-bar {
height: 16px !important;
}
span.question-question-text {
font-size: 16px;
}
.btn-questionair a {
padding: 6px 20px;
margin: 10px
}
.l-a-d {
margin-top: 0%;
}
.get-payment {
margin-top: 0%;
}
}
@media (max-width: 1440px) {
.proce-tree-text-second {
margin-top: 0% !important;
margin-right: 0% !important;
}
img#support-line-img {
width: 14% !important;
}
.proce-tree-text-one {
margin-top: 6% !important;
margin-right: 0% !important;
}
.span-circle {
width: 97% !important;
height: 60vh !important;
background: var(--primary-color);
border-radius: 50%;
position: absolute;
top: 16%;
right: -10%;
z-index: -1;
}
}
#tree12 {
background-image: url('../images/home-page-images/Group\ 27.png');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
div#tree {
display: flex;
align-items: center;
justify-content: center;
}
.ticker-container {
background: #131722;
overflow: hidden;
width: 100%;
padding: 0px 0;
display: flex;
align-items: center;
border-bottom: 1px solid #2a2e39;
contain: paint;
position: relative;
box-sizing: border-box;
}
#ticker-target {
display: inline-flex;
white-space: nowrap;
width: max-content;
will-change: transform;
transform: translateZ(0);
backface-visibility: hidden;
perspective: 1000px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ticker-animate {
animation: ticker-scroll 1200s linear infinite;
}
@keyframes ticker-scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
.ticker-animate:hover {
animation-play-state: paused;
}
.ticker-item {
padding: 0 40px;
display: flex;
align-items: center;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
font-weight: 600;
font-size: 16px;
border-right: 1px solid #363a45;
white-space: nowrap;
transform: translateZ(0);
}
.s-symbol { color: #ffffff; margin-right: 12px; }
.s-price { color: #d1d4dc; margin-right: 12px; }
.s-up { color: #089981; text-shadow: 0 0 1px rgba(8, 153, 129, 0.2); }
.s-down { color: #f23645; text-shadow: 0 0 1px rgba(242, 54, 69, 0.2); }
@media (max-width: 768px) {
.ticker-item { font-size: 14px; padding: 0 25px; }
}
.uan-text {
font-size: 11px;
color: #444;
white-space: nowrap;
text-align: center;
}
.desktop-nav {
display: none;
}
@media (min-width: 1024px) {
.desktop-nav {
display: flex !important;
gap: 10px;
align-items: center;
}
.navbar-toggler {
display: none !important;
}
}
@media (min-width: 1024px) and (max-width: 1250px) {
.nav-link-custom {
font-size: 11px !important;
padding: 0 4px !important;
}
.navbar-container {
padding: 0 10px;
}
.darson-input {
font-size: 0.75rem !important;
padding: 9px 14px !important;
}
}
.btn-psx-live {
color: #fff !important;
border-radius: 50px;
text-decoration: none;
font-weight: 700;
font-size: 18px;
display: flex;
align-items: center;
gap: 10px;
transition: 0.3s ease;
}
.live-indicator-dot {
width: 8px;
height: 8px;
background-color: #ff0000;
border-radius: 50%;
display: inline-block;
box-shadow: 0 0 8px #ff0000;
animation: psx-pulse 1.5s infinite;
}
@keyframes psx-pulse {
0% { opacity: 1; transform: scale(1); }
50% { opacity: 0.4; transform: scale(0.8); }
100% { opacity: 1; transform: scale(1); }
}
.display-frame {
position: relative;
overflow: hidden;
}
.slider-main-content {
background-size: cover;
background-position: center;
position: relative;
height: 100%;
display: flex;
align-items: center;
z-index: 1;
}
.hero-text-block, .hero-right-icon, .hero-btn-contact {
pointer-events: auto !important;
}
.hero-title {
color: #ffffff;
font-weight: bold;
font-size: clamp(15px, 4vw, 38px);
margin-bottom: 5px;
line-height: 1.1;
font-family: 'glory';
cursor : pointer;
}
.hero-sub-title {
color: #000000;
font-weight: 100;
font-size: clamp(16px, 4vw, 30px);
margin-bottom: 5px;
line-height: 1.1;
font-family: fantasy;
cursor: pointer;
}
.hero-desc {
color: #ffffff;
font-size: clamp(10px, 2vw, 16px);
cursor : pointer;
max-width: 90%;
font-family: 'glory-M';
margin: 15px 0px;
}
.hero-right-icon {
max-width: 22%;
width: 100%;
filter: drop-shadow(0 0 10px rgba(0,0,0,0.3));
}
.hero-btn-contact {
display: inline-block;
padding: 6px 20px;
border: 1px solid #FFDF74;
color: #fff !important;
text-decoration: none !important;
border-radius: 50px;
font-weight: bold;
background: rgb(128 115 8 / 20%);
transition: 0.3s;
font-size:16px;
}
.hero-btn-contact:hover {
background: #a8a306;
}
.hero-right-icon {
position: absolute;
bottom: 0%;
right: 0%;
animation: bubbleZoom 4s ease-in-out infinite;
transform-origin: center;
/* Taake animation smooth chale */
will-change: transform;
}
@keyframes bubbleZoom {
0% {
transform: scale(1) translateY(0px);
}
50% {
transform: scale(1.1) translateY(-15px);
}
100% {
transform: scale(1) translateY(0px);
}
}
@media (max-width: 1024px) {
.hero-right-icon { max-width: 120px; }
.hero-btn-contact {
padding: 5px 15px;
font-size: 12px;
}
}
.secure-future-section {
background-color: #ffffff;
}
.secure-banner-box {
background: url('../images/financial-litracy/Group 39-compressed.webp');
background-size: cover;
background-position: center;
border-radius: 40px;
padding: 60px 0;
position: relative;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}
.secure-title {
color: #ffffff;
font-weight: 800;
font-size: 45px;
margin-bottom: 5px;
letter-spacing: -0.5px;
font-family: 'glory-black';
}
.highlight-gold {
color: #FFDF74;
font-size:45px;
font-family: 'glory-black';
}
.secure-subtitle {
color: white;
font-size: 16px;
font-weight: 400;
margin-bottom: 0;
}
.btn-invest-now {
display: inline-block;
padding: 12px 40px;
background: linear-gradient(to bottom, #001a5e, #000833);
color: #ffffff !important;
text-decoration: none;
font-weight: 700;
font-size: 16px;
border-radius: 50px;
border: 2px solid #ffffff;
transition: all 0.3s ease;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
.btn-invest-now:hover {
background: #ffffff;
color: #001a5e !important;
transform: scale(1.05);
}
@media (max-width: 991px) {
.secure-title { font-size: 28px; }
.secure-banner-box { padding: 50px 20px; border-radius: 30px; }
}
@media (max-width: 576px) {
.secure-title { font-size: 22px; }
.secure-subtitle { font-size: 14px; }
.btn-invest-now { width: 100%; padding: 10px 20px; }
}
.trading-cta-section {
background-color: #fff;
}
.cta-banner-wrapper {
position: relative;
background: url('../images/profile/cta-compressed.webp');
background-size: cover;
background-position: center;
border-radius: 40px;
padding: 80px 20px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}
.cta-banner-wrapper {
background-color: #00051e;
}
.cta-heading {
color: #FFDF74;
font-size: 42px;
font-weight: 800;
text-transform: capitalize;
font-family:'glory-black';
}
.cta-subtext {
color: #ffffff;
font-size: 18px;
font-weight: 400;
opacity: 0.9;
letter-spacing: 0.5px;
}
.btn-open-account {
display: inline-block;
padding: 12px 45px;
background-color: #001b5e;
color: #ffffff !important;
text-decoration: none;
font-weight: 700;
font-size: 18px;
border-radius: 50px;
border: 2px solid #ffffff;
transition: all 0.3s ease;
box-shadow: 0 0 15px rgba(255, 255, 255, 0.2);
}
.btn-open-account:hover {
background-color: #ffffff;
color: #001b5e !important;
transform: scale(1.05);
box-shadow: 0 0 20px rgba(255, 255, 255, 0.4);
}
@media (max-width: 991px) {
.cta-heading { font-size: 36px; }
.cta-banner-wrapper { padding: 60px 20px; border-radius: 30px; }
}
@media (max-width: 767px) {
.cta-heading { font-size: 28px; }
.cta-subtext { font-size: 15px; }
.cta-banner-wrapper {
padding: 50px 15px;
border-radius: 20px;
margin: 0 10px;
}
.btn-open-account {
padding: 10px 30px;
font-size: 16px;
}}
.investor-section-clean {
background-image: url('../images/mixed-img/investinfobg-compressed.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 40px 0;
color: white;
min-height: 200px;
display: flex;
align-items: center;
}
.investor-section-clean-products-and-services {
background-image: url('../images/mixed-img/productsserv-compressed.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 20px 0;
color: white;
min-height: 250px;
display: flex;
align-items: center;
}
.online-account-opening {
background-image: url('../images/mixed-img/online-account-opening-compressed.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 20px 0;
color: white;
min-height: 300px;
display: flex;
align-items: center;
}
.investor-section-clean-all-cal {
background-image: url('../images/mixed-img/allcal-compressed.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 50px 0;
color: white;
min-height: 400px;
display: flex;
align-items: center;
}
.investor-title {
font-weight: 800;
font-size: calc(1.8rem + 1.5vw);
letter-spacing: -1px;
text-transform: uppercase;
font-family: 'glory';
}
.text-gold {
color: #FFDF74;
}
.blink-dot {
height: 8px;
width: 8px;
background-color: #FFDF74;
border-radius: 50%;
display: inline-block;
margin-right: 12px;
box-shadow: 0 0 10px #FFDF74;
animation: pulse-effect 1.5s infinite ease-in-out;
}
@keyframes pulse-effect {
0%, 100% { transform: scale(1); opacity: 1; }
50% { transform: scale(1.4); opacity: 0.5; }
}
.btn-investor-outline {
border: 1px solid rgba(255, 204, 0, 0.5);
background: rgba(255, 255, 255, 0.08);
border-radius: 50px;
padding: 12px 20px;
color: #fff;
text-decoration: none;
display: flex;
align-items: center;
font-size: 14px;
transition: all 0.3s ease;
width: 100%;
}
.btn-investor-outline:hover {
background: rgba(255, 204, 0, 0.2);
border-color: #FFDF74;
color: white;
}
.buttons-wrapper {
max-width: 700px;
margin: 0 auto;
width: 100%;
}
@media (max-width: 576px) {
.investor-section-clean {
padding: 50px 0;
}
.btn-investor-outline {
font-size: 12px;
padding: 10px 15px;
}
}
.why-choose-darson-section {
background-color: #ffffff;
}
.why-main-title {
font-size: 2.1rem;
font-weight: 800;
color: #0c2357;
letter-spacing: -0.5px;
}
.why-lead-subtitle {
font-size: 15px;
font-weight: 600;
color: #0f172a;
line-height: 1.5;
}
.title-geometric-divider {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
}
.title-geometric-divider .line-wing {
width: 140px;
height: 2px;
background: linear-gradient(to right, transparent, #083ca1, transparent);
}
.title-geometric-divider .title-rhombus {
color: #083ca1;
font-size: 11px;
}
.darson-feature-pill-card {
background: #ffffff;
padding: 40px 30px;
border-radius: 35px;
height: 100%;
min-height: 380px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
border: 1px solid #e2e8f0;
border-left: 14px solid #083ca1;
box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.darson-feature-pill-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(8, 60, 161, 0.1);
border-color: #cbd5e1;
border-left-color: #0c2357;
}
.card-vector-icon {
height: 70px;
width: auto;
display: flex;
align-items: center;
margin-bottom: 24px;
}
.card-vector-icon img {
max-height: 100%;
object-fit: contain;
}
.feature-card-heading {
font-size: 22px;
font-weight: 700;
color: #083ca1;
margin-bottom: 14px;
line-height: 1.25;
letter-spacing: -0.2px;
}
.feature-card-description {
font-size: 13px;
line-height: 1.7;
color: #334155;
font-weight: 500;
margin: 0;
}
@media (max-width: 991px) {
.why-main-title { font-size: 1.8rem; }
.darson-feature-pill-card { padding: 30px 24px; min-height: auto; }
.feature-card-heading { font-size: 19px; }
}
.darson-timeline-section {
background-color: #ffffff;
overflow: hidden;
}
.timeline-main-title {
font-size: 2.1rem;
font-weight: 800;
color: #0c2357;
letter-spacing: -0.5px;
}
.timeline-lead-subtitle {
font-size: 14.5px;
font-weight: 600;
color: #0f172a;
line-height: 1.5;
}
.timeline-geometric-divider {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
}
.timeline-geometric-divider .timeline-line-wing {
width: 140px;
height: 2px;
background: linear-gradient(to right, transparent, #083ca1, transparent);
}
.timeline-geometric-divider .timeline-rhombus {
color: #083ca1;
font-size: 11px;
}
.timeline-master-track {
max-width: 900px;
padding: 20px 0;
}
.timeline-master-track::before {
content: '';
position: absolute;
left: 215px;
top: 40px;
bottom: 40px;
width: 2px;
border-left: 2px dashed #083ca1;
z-index: 1;
}
.timeline-event-row {
position: relative;
margin-bottom: 32px;
}
.timeline-event-row:last-child {
margin-bottom: 0;
}
.timeline-year-label {
width: 180px;
text-align: right;
font-size: 24px;
font-weight: 700;
color: #0c2357;
padding-right: 10px;
user-select: none;
}
.timeline-indicator-node {
width: 72px;
display: flex;
justify-content: center;
align-items: center;
z-index: 5;
}
.hollow-bullet-ring {
width: 32px;
height: 32px;
background-color: #ffffff;
border: 7px solid #0c2357;
border-radius: 50%;
display: inline-block;
box-shadow: 0 0 0 4px #ffffff;
}
.timeline-content-panel {
flex: 1;
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 20px;
padding: 28px 35px;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.timeline-content-panel:hover {
transform: translateX(4px);
box-shadow: 0 15px 35px rgba(12, 35, 87, 0.06) !important;
border-color: #cbd5e1;
}
.panel-heading {
font-size: 24px;
font-weight: 700;
color: #083ca1;
margin-bottom: 10px;
letter-spacing: -0.3px;
}
.panel-narrative {
font-size: 12.5px;
line-height: 1.7;
color: #334155;
font-weight: 500;
margin: 0;
}
@media (max-width: 767px) {
.timeline-master-track::before {
left: 20px;
top: 20px;
bottom: 20px;
}
.timeline-event-row {
flex-direction: column !important;
align-items: flex-start !important;
padding-left: 50px;
margin-bottom: 40px;
}
.timeline-year-label {
width: auto;
text-align: left;
padding: 0;
margin-bottom: 8px;
font-size: 22px;
}
.timeline-indicator-node {
position: absolute;
left: -15px;
top: 0;
width: auto;
height: 36px;
}
.hollow-bullet-ring {
width: 26px;
height: 26px;
border-width: 5px;
}
.timeline-content-panel {
width: 100%;
padding: 20px; }
.panel-heading {
font-size: 19px;
}}
.darson-testimonials-section {
background-color: #051d6a;
}
.testimonials-main-title {
font-size: 2.1rem;
font-weight: 800;
letter-spacing: -0.5px;}
.testimonials-lead-subtitle {
font-size: 14.5px;
font-weight: 600;
letter-spacing: 0.2px;
}
.testi-geometric-divider {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
}
.testi-geometric-divider .testi-line-wing {
width: 140px;
height: 2px;
background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.6), transparent);
}
.testi-geometric-divider .testi-rhombus {
color: #ffffff;
font-size: 11px;
}
.investor-review-card {
background: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(8px);
border-radius: 28px;
padding: 40px 35px;
height: 100%;
min-height: 290px;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.investor-review-card:hover {
transform: translateY(-5px);
background: rgba(255, 255, 255, 0.2);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
border-color: rgba(255, 255, 255, 0.25);
}
.star-rating-row i {
color: #ffcc00;
font-size: 22px;
margin: 0 2px;
}
.investor-quote-text {
font-size: 13.5px;
line-height: 1.65;
color: rgba(255, 255, 255, 0.9);
font-weight: 500;
margin-bottom: 20px;
}
.investor-name-signature {
font-size: 13.5px;
font-weight: 700;
color: #ffd666;
letter-spacing: 0.2px;
}
@media (max-width: 991px) {
.testimonials-main-title { font-size: 1.8rem; }
.investor-review-card { padding: 30px 24px; min-height: auto; }
.star-rating-row i { font-size: 19px; }
}
.darson-services-section {
background-color: #ffffff;
}
.services-main-title {
font-size: 2.1rem;
font-weight: 800;
color: #0c2357;
letter-spacing: -0.5px;
}
.services-lead-subtitle {
font-size: 15px;
font-weight: 600;
color: #0f172a;
line-height: 1.5;
}
.services-geometric-divider {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
}
.services-geometric-divider .services-line-wing {
width: 140px;
height: 2px;
background: linear-gradient(to right, transparent, #083ca1, transparent);
}
.services-geometric-divider .services-rhombus {
color: #083ca1;
font-size: 11px;
}
.darson-service-solid-card {
background-color: #0a2570;
padding: 45px 35px;
border-radius: 32px;
height: 100%;
min-height: 390px;
border: none;
box-shadow: 0 10px 30px rgba(10, 37, 112, 0.08);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.darson-service-solid-card:hover {
transform: translateY(-5px);
background-color: #0c2b82;
box-shadow: 0 15px 35px rgba(10, 37, 112, 0.2);
}
.service-vector-icon {
height: 75px;
width: auto;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 28px;
}
.service-vector-icon img {
max-height: 100%;
object-fit: contain;
}
.service-card-heading {
font-size: 23px;
font-weight: 700;
color: #ffffff;
margin-bottom: 16px;
letter-spacing: -0.2px;
}
.service-card-description {
font-size: 12.5px;
line-height: 1.7;
color: rgba(255, 255, 255, 0.8);
font-weight: 500;
margin: 0;
}
@media (max-width: 991px) {
.services-main-title { font-size: 1.8rem; }
.darson-service-solid-card { padding: 35px 24px; min-height: auto; }
.service-card-heading { font-size: 20px; }
}
.darson-journey-cta-banner {
background-color: #031b6d;
border: none;
}
.journey-banner-heading {
color: #FFDF74;
font-size: 2rem;
font-weight: 800;
letter-spacing: 0.3px;
line-height: 1.3;
}
.journey-banner-subtitle {
font-size: 14.5px;
font-weight: 600;
max-width: 750px;
letter-spacing: 0.1px;
opacity: 0.95;
}
.btn-journey-pill-dark {
display: inline-flex;
align-items: center;
justify-content: center;
background: linear-gradient(180deg, #02124d 0%, #010a30 100%);
color: #ffffff !important;
font-size: 14px;
font-weight: 600;
padding: 12px 34px;
border-radius: 50px;
border: 1.5px solid rgba(255, 255, 255, 0.9);
text-decoration: none !important;
min-width: 230px;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}
.btn-journey-pill-dark:hover {
transform: translateY(-2px);
background: #010a30;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45) !important;
border-color: #ffffff;
}
.btn-journey-pill-wireframe {
display: inline-flex;
align-items: center;
justify-content: center;
background-color: transparent;
color: #ffffff !important;
font-size: 14px;
font-weight: 600;
padding: 12px 34px;
border-radius: 50px;
border: 1.5px solid #ffffff;
text-decoration: none !important;
min-width: 230px;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-journey-pill-wireframe:hover {
background-color: rgba(255, 255, 255, 0.08);
transform: translateY(-2px);
}
.btn-journey-pill-dark:active,
.btn-journey-pill-wireframe:active {
transform: translateY(1px);
}
@media (max-width: 575px) {
.journey-banner-heading {
font-size: 1.55rem;
}
.journey-banner-subtitle {
font-size: 13px;
line-height: 1.5;
}
.journey-btn-action-row {
flex-direction: column !important;
gap: 12px !important;
}
.btn-journey-pill-dark,
.btn-journey-pill-wireframe {
width: 100%;
max-width: 290px;
padding: 11px 20px;
}
}
.market-prediction-bg-wrapper {
background: #000520;
padding: 0px 0;
border-radius: 15px;
margin: 0px 10px;
overflow: hidden;
}
.ticker-window-vertical {
height: 25px;
overflow: hidden;
flex-grow: 1;
position: relative;
margin: 0 10px;
}
#vertical-ticker-list {
list-style: none;
padding: 0;
margin: 0;
position: absolute;
width: 100%;
}
#vertical-ticker-list li {
height: 25px;
line-height: 25px;
font-size: 12px;
white-space: nowrap;
}
.btn-psx-live {
min-width: 240px;
justify-content: space-between !important;
}
.btn-sentiment a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 15px;
border-radius: 50px;
color: white;
text-decoration: none !important;
font-size: 11px;
font-weight: 800;
min-width: 130px;
background-repeat: no-repeat;
background-color: #444;
transition: all 0.4s ease-in-out;
}
.btn-sentiment.up a {
background-image: linear-gradient(to right, #00A859 100%, transparent 100%);
background-position: left;
background-size: 0% 100%;
animation: fillUp 1.5s forwards ease-in-out;
}
.btn-sentiment.down a {
background-image: linear-gradient(to left, #FF0000 100%, transparent 100%);
background-position: right;
background-size: 0% 100%;
animation: fillDown 1.5s forwards ease-in-out;
}
@keyframes fillUp { from { background-size: 0% 100%; } to { background-size: 70% 100%; } }
@keyframes fillDown { from { background-size: 0% 100%; } to { background-size: 30% 100%; } }
.btn-question-slider {
background: rgba(255, 255, 255, 0.1);
border: 1px solid #fff;
padding: 8px 15px;
border-radius: 50px;
color: #fff !important;
text-decoration: none !important;
font-size: 13px;
font-weight: bold;
display: inline-block;
transition: 0.3s;
white-space: nowrap;
}
.btn-question-slider:hover {
background: #FF0004;
border-color: #FF0004;
box-shadow: 0 0 10px #FF0004;
}
.btn-psx-live {
background: rgba(0, 0, 0, 0.6);
color: #fff !important;
padding: 10px 15px;
border-radius: 5px;
text-decoration: none !important;
font-weight: bold;
border: 1px solid #fff;
font-size: 15px;
}
.live-indicator-dot {
width: 10px;
height: 10px;
background-color: #28a745;
border-radius: 50%;
display: inline-block;
box-shadow: 0 0 8px #28a745;
animation: pulse 1.5s infinite;
}
.psx-label{font-size:13px !important;}
@keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } }
@media (max-width: 1200px) {
.btn-sentiment a { min-width: 115px; font-size: 10px; }
.btn-question-slider { font-size: 12px; padding: 6px 15px; }
}
.owl-nav button { color: #fff !important; font-size: 24px !important; position: absolute; top: 0; }
.owl-prev { left: -30px; }
.owl-next { right: -30px; }
@media (max-width: 767px) {
.btn-psx-live {
min-width: 100% !important;
padding: 5px 10px !important;
height: auto !important;
min-height: 45px;
flex-wrap: nowrap;
}
.ticker-window-vertical {
margin: 0 5px !important;
flex-grow: 1;
}
#vertical-ticker-list li {
font-size: 11px !important;
}
.btn-psx-live .fw-bold {
font-size: 12px;
white-space: nowrap;
}
}
div#question-slider .owl-dots {
position: absolute;
bottom: -25px !important;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 10px;
}
/* General Button Styling */
.btn-psx-live {
background: #031b4e;
color: #fff !important;
padding: 8px 15px;
border-radius: 50px;
text-decoration: none;
min-width: 240px;
height: 45px;
overflow: hidden;
border: 1px solid rgba(255,255,255,0.2);
}
.ticker-window-vertical {
height: 25px;
overflow: hidden;
flex-grow: 1;
position: relative;
}
#vertical-ticker-list {
list-style: none;
padding: 0;
margin: 0;
position: absolute;
width: 100%;
transition: transform 0.5s ease-in-out;
}
#vertical-ticker-list li {
height: 25px;
line-height: 25px;
font-size: 13px;
font-weight: 500;
text-align: center;
white-space: nowrap;
}
@media (max-width: 767px) {
.btn-psx-live {
width: 92% !important;
min-width: 290px !important;
max-width: 350px !important;
height: 48px !important;
margin: 10px auto !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 0 10px !important;
}
.ticker-window-vertical {
flex: 1 !important;
min-width: 120px !important;
height: 25px !important;
overflow: hidden !important;
}
.psx-label {
font-size: 11px !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
}
#vertical-ticker-list li {
font-size: 11px !important;
line-height: 25px !important;
}
.contain-fluid.p-0.bull-container{
margin-top :0%;
}
}
.live-indicator-dot {
width: 10px;
height: 10px;
background: #00ff00;
border-radius: 50%;
box-shadow: 0 0 8px #00ff00;
}
.video-preview-wrapper {
width: 60px;
height: 40px;
overflow: hidden;
border-radius: 6px;
border: 1px solid rgba(255,255,255,0.2);
flex-shrink: 0;
}
.mini-video {
width: 100%;
height: 100%;
object-fit: cover;
}
.less-commission-link {
font-size: 15px !important;
font-weight: bold;
color: #00ff00 !important;
text-decoration: none !important;
white-space: nowrap;
transition: 0.3s ease;
display: inline-block;
}
.less-commission-link:hover {
color: #fff !important;
text-shadow: 0 0 10px rgba(0,255,0,0.5);
}
@media (max-width: 991px) {
.video-preview-wrapper {
width: 50px;
height: 35px;
}
.less-commission-link {
font-size: 15px !important;
margin-top: 10px;
}
}
.flip-card {
background-color: transparent;
perspective: 1000px;
margin-bottom: 30px;
width: 100%;
display: block;
}
.flip-card-inner {
position: relative;
width: 100%;
transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
transform-style: preserve-3d;
display: grid;
grid-template-columns: 100%;
grid-template-rows: 100%;
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
grid-area: 1 / 1 / 2 / 2;
width: 100%;
min-height: 280px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 24px;
border: 1px solid rgba(15, 23, 42, 0.06);
display: flex;
flex-direction: column;
justify-content: center;
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px, rgba(0, 0, 0, 0.5) 0px 0px 1px 0px;
}
.flip-card-front .card-body {
padding: 40px 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 20px;
}
.flip-card-back {
background: linear-gradient(0deg, #051031 0%, #002699 100%);
color: #0f172a;
transform: rotateY(180deg);
z-index: 1;
}
.flip-card-back .card-body {
padding: 30px 22px !important;
margin: 0 !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.flip-card-back .services-paraghraph {
font-size: 16px;
font-weight: 700;
margin-bottom: 12px;
width: 100%;
text-align: center;
}
.flip-card-back p:not(.services-paraghraph) {
font-size: 13.5px;
line-height: 1.6;
color: white;
margin-bottom: 0;
text-align: center;
}
@media (min-width: 1200px) {
.flex-nowrap-desktop { flex-wrap: nowrap !important; }
.col-custom-25 { width: 20%; flex: 0 0 auto; }
.col-custom-50 { width: 60%; flex: 0 0 auto; }
.col-custom-25-psx-button { width: 20%; flex: 0 0 auto; }
}
.market-prediction-bg-wrapper { background: #000520; border-radius: 15px; }
.sentiment-container-new {
border: 2.5px solid #ffffff;
border-radius: 25px;
padding: 7px 8px;
position: relative;
}
.poll-bar-main { display: flex; height: 40px; border-radius: 50px; overflow: hidden; }
.green-side { background: #7ca800; display: flex; align-items: center; }
.red-side { background: #ff0000; display: flex; align-items: center; justify-content: flex-end; }
.arrow-circle-exact { background: #fff; color: #000; width: 25px; height: 25px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 5px; font-size: 14px; }
.market-label-top-left { position: absolute; top: 3px; left: 15px; color: #fff; font-size: 7px; font-weight: 800; }
.market-label-bottom-right { position: absolute; bottom: 2px; right: 15px; color: #fff; font-size: 7px; font-weight: 800; }
.video-preview-wrapper {
width: 120px; height: 80px;
border: 1px solid white;
border-radius: 8px;
position: relative;
overflow: hidden;
flex-shrink: 0;
}
.mini-video { pointer-events: none; }
.video-click-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }
.btn-question-slider-new {
color: #fff !important;
font-weight: 900;
border-bottom: 2px solid #fff;
text-decoration: none;
font-size: 13px;
padding-bottom: 3px;
text-transform: uppercase;
}
.commission-link-new { color: #bfff00 !important; font-weight: 800; font-size: 12px; text-decoration: none; }
.glow-line { height: 3px; background: #bfff00; box-shadow: 0 0 10px #bfff00; width: 80%; margin: 3px auto; }
.btn-psx-live-new {
background: #031b4e;
border: 3px solid #fff;
border-radius: 15px;
padding: 8px 12px;
color: #fff !important;
text-decoration: none;
min-width: 220px;
}
.live-indicator-dot { width: 12px; height: 12px; background: #00ff00; border-radius: 50%; box-shadow: 0 0 10px #00ff00; }
.strengths-section {
background-color: #001a4d;
padding: 80px 0;
}
.strengths-section-title { color: #ffffff; font-weight: 800; text-align: center; }
.strength-box {
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 20px;
padding: 40px 30px;
color: white;
text-align: center;
min-height: 250px;
display: flex;
flex-direction: column;
justify-content: flex-start;
transition: 0.3s ease;
}
.strength-box:hover {
background: rgba(255, 255, 255, 0.15);
transform: translateY(-10px);
border-color: #EFD46F;
}
.strength-box h4 {
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 10px;
color: white;
text-transform:uppercase;
}
.strength-box p { font-size: 0.95rem; line-height: 1.6; opacity: 0.9; }
.secondary-hero-section {
background-image: url('../images/mixed-img/secondary section bg-compressed.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 40px 0;
color: white;
min-height: 250px;
display: flex;
align-items: center;
}
.secondary-section-title {
font-weight: 300;
font-size: calc(1.8rem + 1.5vw);
letter-spacing: -1px;
text-transform: uppercase;
font-family: 'glory-M';
}
.secondary-section-text-gold {
color: #FFDF74;
font-weight: 800;
font-size: calc(1.8rem + 1.5vw);
letter-spacing: -1px;
text-transform: uppercase;
font-family: 'glory';
}
.secondary-section-text {
font-size: 17px !important;
font-weight: 400;
font-family: 'glory-M';
letter-spacing: 0.1px;
}
button.btn-darson-main-btn {
display: inline-block !important;
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out !important;
cursor: pointer;
font-weight: 600;
}
button.btn-darson-main-btn:hover {
transform: scale(1.05) translateY(-3px) !important;
box-shadow: 0 10px 25px rgba(0, 38, 153, 0.4) !important;
}
.darson-btn-link {
text-decoration: none;
color: #FFDF74;
display: inline-block;
width: 100%;
transition: color 0.3s ease-in-out;
}
button.btn-darson-main-btn:hover .darson-btn-link,
button.btn-darson-main-btn:hover a {
color: #ffffff !important;}
a.btn-darson-main-btn {
display: inline-block !important;
text-decoration: none;
color: #FFDF74;
padding: 12px 30px;
background-color: transparent;
border: 2px solid #FFDF74;
border-radius: 8px;
transition: all 0.3s ease-in-out !important;
}
a.btn-darson-main-btn:hover {
color: #ffffff !important;
background-color: #002699;
border-color: #002699;
transform: scale(1.05) translateY(-3px) !important;
box-shadow: 0 10px 25px rgba(0, 38, 153, 0.4) !important;
}
.mac-btn-darson-main-btn:hover {
background: linear-gradient(180deg, #002699 0%, #051031 100%);
color: #fff;
border: 2px double white !important;}
.mac-btn-darson-main-btn {
background: linear-gradient(180deg, #051031 0%, #002699 100%);
color: #fff;
border: 2px double white !important;
padding: 14px 20px !important;
font-size: 16px;
font-family: 'Axiforma';
font-weight: 300 !important;
border-radius: 100px;
box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
text-transform:uppercase;
}
.mac-btn-darson-main-btn:hover {
background: linear-gradient(180deg, #002699 0%, #051031 100%);
color: #fff;
border: 2px double white !important;}
button.mac-btn-darson-main-btn:hover .darson-btn-link,
button.mac-btn-darson-main-btn:hover a {
color: #ffffff !important;
}
a.mac-btn-darson-main-btn {
display: inline-block !important;
text-decoration: none;
color: #FFDF74;
padding: 12px 30px;
background-color: transparent;
border: 2px solid #FFDF74;
border-radius: 8px;
transition: all 0.3s ease-in-out !important;
}
a.mac-btn-darson-main-btn:hover {
color: #ffffff !important;
background-color: #002699;
border-color: #002699;
transform: scale(1.05) translateY(-3px) !important;
box-shadow: 0 10px 25px rgba(0, 38, 153, 0.4) !important;
}
.heading-line { display: flex; justify-content: center; margin-bottom: 20px; } .heading-line span { width: 360px; height: 2px; background: #FFDF74; position: relative; } .heading-line span::before, .heading-line span::after { content: ""; width: 8px; height: 8px; background: #FFDF74; border-radius: 50%; position: absolute; top: -3px; } .heading-line span::before { left: -5px; } .heading-line span::after { right: -5px; }
.heading-line-blue-line { display: flex; justify-content: center; margin-bottom: 20px; } .heading-line-blue-line span { width: 360px; height: 2px; background: #002699; position: relative; } .heading-line-blue-line span::before, .heading-line-blue-line span::after { content: ""; width: 8px; height: 8px; background: #002699; border-radius: 50%; position: absolute; top: -3px; } .heading-line-blue-line span::before { left: -5px; } .heading-line-blue-line span::after { right: -5px; }
.financial-growth-section { width: 100%; background: #fff; padding: 55px 0 65px; overflow: hidden; } .financial-growth-wrapper { position: relative; width: 100%; max-width: 1320px; height: 620px; margin: 0 auto; }
.financial-center { position: absolute; width: 480px; height: 590px; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; z-index: 5; }
.financial-plant { position: relative; height: auto; object-fit: contain; z-index: 4; filter: drop-shadow( 0 12px 12px rgba(0, 0, 0, 0.10) ); }
.financial-card { position: absolute; width: 310px; min-height: 100px; padding: 20px 30px; display: flex; align-items: center; color: #fff; z-index: 10; border-radius: 0 24px 24px 24px; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.60); box-sizing: border-box; }
.financial-card h3 {font-family:'glory-M'; margin: 0; padding: 0; font-size: 18px; line-height: 1.25; font-weight: 600; color: #fff; }
.financial-card-1 { background: linear-gradient( 135deg, #355775 0%, #071a2e 100% ); } .financial-card-2 { background: linear-gradient( 135deg, #172d45 0%, #07182b 100% ); } .financial-card-3 { background: linear-gradient( 135deg, #3e7cb3 0%, #2c5f91 100% ); } .financial-card-4 { background: linear-gradient( 135deg, #3b7133 0%, #285d25 100% ); } .financial-card-5 { background: linear-gradient( 135deg, #ad7b34 0%, #825a24 100% ); } .financial-card-6 { background: linear-gradient( 135deg, #47787d 0%, #315d65 100% ); }
.card-left-1 { left: 0; top: 15px; } .card-left-2 { left: 0; top: 260px; } .card-left-3 { left: 0; bottom: 15px; }
.card-right-1 { right: 0; top: 15px; } .card-right-2 { right: 0; top: 260px; } .card-right-3 { right: 0; bottom: 15px; }
.connector { position: absolute; z-index: 3; pointer-events: none; box-sizing: border-box; }
.connector-left-1 { left: 310px; top: 58px; width: 135px; height: 78px; border-top: 3px solid #52758b; border-right: 3px solid #52758b; transform: skewX(24deg); }
.connector-left-2 { left: 310px; top: 307px; width: 105px; height: 25px; border-top: 3px solid #52758b; transform: skewX(-10deg); }
.connector-left-3 { left: 310px; bottom: 58px; width: 110px; height: 70px; border-bottom: 3px solid #52758b; border-right: 3px solid #52758b; transform: skewX(-24deg); }
.connector-right-1 { right: 310px; top: 52px; width: 135px; height: 78px; border-top: 3px solid #397247; border-left: 3px solid #397247; transform: skewX(-24deg); }
.connector-right-2 { right: 310px; top: 307px; width: 105px; height: 25px; border-top: 3px solid #397247; transform: skewX(10deg); }
.connector-right-3 { right: 310px; bottom: 58px; width: 110px; height: 70px; border-bottom: 3px solid #397247; border-left: 3px solid #397247; transform: skewX(24deg); }
.number-circle { position: absolute; width: 40px; height: 40px; border-radius: 50%; background: #fff; border: 1px solid #52758b; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 600; color: #41657c; z-index: 20; box-sizing: border-box; }
.number-1 { left: 435px; top: 113px; color: #41657c; border-color: #41657c; }
.number-2 { left: 400px; top: 289px; color: #41657c; border-color: #41657c; }
.number-3 { left: 400px; bottom: 100px; color: #41657c; border-color: #41657c; }
.number-4 { right: 435px; top: 108px; color: #397247; border-color: #397247; }
.number-5 { right: 400px; top: 289px; color: #397247; border-color: #397247; }
.number-6 { right: 400px; bottom: 100px; color: #397247; border-color: #397247; }
.financial-cards-mobile { display: none; }
@media (max-width: 1399px) { .financial-growth-wrapper { max-width: 1140px; } .financial-card { width: 285px; } .connector-left-1, .connector-left-2, .connector-left-3 { left: 285px; } .connector-right-1, .connector-right-2, .connector-right-3 { right: 285px; } .number-1 { left: 410px; } .number-2, .number-3 { left: 375px; } .number-4 { right: 410px; } .number-5, .number-6 { right: 375px; } }
@media (max-width: 1199px) { .financial-growth-wrapper { max-width: 960px; height: 570px; } .financial-card { width: 250px; min-height: 90px; padding: 18px 22px; } .financial-card h3 { font-size: 16px; } .financial-center { width: 390px; height: 550px; } .connector-left-1, .connector-left-2, .connector-left-3 { left: 250px; } .connector-left-1 { width: 110px; } .connector-left-2 { width: 85px; } .connector-left-3 { width: 110px; } .connector-right-1, .connector-right-2, .connector-right-3 { right: 250px; } .connector-right-1 { width: 110px; } .connector-right-2 { width: 85px; } .connector-right-3 { width: 110px; } /* NUMBERS */ .number-1 { left: 370px; } .number-2, .number-3 { left: 345px; } .number-4 { right: 370px; } .number-5, .number-6 { right: 345px; } }
@media (max-width: 991px) { .financial-growth-section { padding: 45px 15px 55px; } .financial-growth-wrapper { height: auto; max-width: 720px; display: flex; flex-direction: column; align-items: center; } .financial-center {display:none !important; position: relative; width: 100%; height: 390px; left: auto; top: auto; transform: none; margin-bottom: 25px; } .financial-plant { width: 250px; } .financial-growth-wrapper > .financial-card { display: none; } /* HIDE CONNECTORS */ .connector { display: none; } .number-circle { display: none; } .financial-cards-mobile { width: 100%; display: block; position: relative; z-index: 10; } .financial-cards-mobile .financial-card { position: relative; width: 100%; min-height: 90px; left: auto; right: auto; top: auto; bottom: auto; margin-bottom: 18px; border-radius: 18px; } } @media (max-width: 767px) { .financial-growth-section { padding: 35px 12px 45px; } .financial-growth-wrapper { max-width: 100%; } .financial-center { display:none; height: 330px; margin-bottom: 15px; } .financial-plant { width: 215px; } .financial-cards-mobile .financial-card { min-height: 85px; padding: 17px 20px; border-radius: 15px; } .financial-cards-mobile .financial-card h3 { font-size: 15px; line-height: 1.3; } } @media (max-width: 575px) { .financial-growth-section { padding: 30px 10px 40px; } .financial-center { display:none; height: 295px; } .financial-plant { width: 190px; } .financial-cards-mobile .financial-card { min-height: 78px; padding: 15px 18px; margin-bottom: 14px; border-radius: 13px; } .financial-cards-mobile .financial-card h3 { font-size: 14px; } } @media (max-width: 399px) { .financial-center { height: 270px; } .financial-plant { width: 175px; } .financial-cards-mobile .financial-card { min-height: 75px; padding: 14px 16px; } .financial-cards-mobile .financial-card h3 { font-size: 13px; } }
@media (max-width: 576px) {
.secondary-hero-section {
padding: 50px 0;
}
.secondary-section-text {
font-size: 16px;
line-height: 1.5;
}
}
@media (max-width: 767px) {
.hero-desc {
font-size: 14px !important;
margin-bottom: 5px !important;
margin: 0;
line-height: 1;
}
.hero-right-icon {
max-width: 80px !important;
}
.right-btn{font-size: 14px !important;}
.fixed-btn{padding: 5px 9px !important;}
.flip-card {margin-bottom: 10px;}
.section3-main-title{font-size:30px !important;}
.span-tree-heading {font-size: 35px !important; line-height:1;}
h1 {font-size: 30px !important;}
h2 {font-size: 20px !important;}
h3 {font-size: 22px !important;}
.sp-main-title {font-size: 30px !important;}
.sp-question-text {max-width: 95%;font-size: 26px !important;}
.scroll-social-panel {gap: 9px;padding: 10px 5px; z-index: 105;top: 20%;}
.scroll-social-panel a{width: 25px;height: 25px;}
.ceo-badge {font-size:25px;}
.badge-custom {font-size:20px;}
.investor-section-clean {min-height: 250px;}
.mac-btn-darson-main-btn{padding: 8px 14px !important;font-size: 10px;}
.btn-darson-main-btn {padding: 14px 15px !important;font-size: 14px;}
.phone-inner-screen {top: 5%;left: 8%;right: 8%;bottom: 8%;}
.mbp-display {
left: 3%;
right: 3%;
width: 94%;
}
}