body {
padding: 0;
margin: 0;
font-family: 'poppins', sans-serif;
}

html {
scroll-behavior: smooth;
}
@font-face {
font-family: 'thin';
src: url('../font/thin.ttf') format('truetype');
}
@font-face {
font-family: 'bold';
src: url('../font/bold.ttf') format('truetype');
}
@font-face {
font-family: 'extrabold';
src: url('../font/extrabold.ttf') format('truetype');
}
@font-face {
font-family: 'light';
src: url('../font/light.ttf') format('truetype');
}
@font-face {
font-family: 'medium';
src: url('../font/medium.ttf') format('truetype');
}
@font-face {
font-family: 'regular';
src: url('../font/regular.ttf') format('truetype');
}
@font-face {
font-family: 'semibold';
src: url('../font/semibold.ttf') format('truetype');
}
.gradiant-col-finindian{
background: #C4DCFF;
background: linear-gradient(128deg, rgba(196, 220, 255, 1) 0%, rgba(255, 197, 201, 1) 100%);
height: 600px;
width:100%;
margin: auto;
position: relative;
overflow: hidden;
border-radius: 25px;

}


.left-section h3 {
font-size: 18px;
margin-bottom: 15px;
color: #333;
display: flex;
align-items: center;
gap: 10px;
}
.blog img {
    border-radius: 18px;
}
.left-section h3::before {
content: "📍";
font-size: 20px;
}

.office-info {
margin-bottom: 40px;
}

.office-info p {
color: #555;
line-height: 1.6;
margin: 5px 0;
font-size: 14px;
}

.right-section h2 {
font-size: 28px;
margin-bottom: 30px;
color: #333;
}

.form-group {
margin-bottom: 20px;
}

label {
display: block;
margin-bottom: 8px;
color: #333;
font-weight: 600;
font-size: 14px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
width: 100%;
padding: 12px 15px;
border: none;
background-color: #ffffff;
border-radius: 5px;
font-size: 14px;
font-family: inherit;
}

input:focus,
textarea:focus {
outline: none;
background-color: #e8e8e8;
}

textarea {
resize: vertical;
min-height: 100px;
}

.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}

.submit-btn {
background-color: #e74c3c;
color: white;
border: none;
padding: 12px 40px;
border-radius: 25px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
margin-top: 10px;
}

.submit-btn:hover {
background-color: #c0392b;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(231, 76, 60, 0.3);
}




.gradiant-col-finindian-others{
background: #C4DCFF;
background: linear-gradient(128deg, rgba(196, 220, 255, 1) 0%, rgba(255, 197, 201, 1) 100%);
height: 500px;
width:100%;
margin: auto;
position: relative;
overflow: hidden;
border-radius: 25px;

}
.smart-img-others img {
position: absolute;
width: 46%;
top: 30px;
padding: 4rem 60px 0;
right: 14px;
}

.main-content span:nth-child(1) {
font-size:1.5rem;
font-family: light;


}
.offering > * {
  flex: 1 1 calc(33.333% - 25px);
  min-width: 250px;
  max-width: 350px;
}
.redbtn {
background: #e63946;
color: #fff;
padding: 5px 25px;
border-radius: 30px;
outline: 0;
box-shadow: 0 0 0 .2rem rgb(230 57 70 / 35%);
font-family: medium;
}

.FinIndiabreadcrumb{
background: transparent;
}
.FinIndiabreadcrumb .breadcrumb-item{
font-size: 0.9rem;
}
.main-content h3 {
font-size:2.5rem;
color:#113771;
font-family: bold;

}
.home-rt  {
font-size: 4rem!important;
}
.smart-img img {
position: absolute;
width: 56%;
top: 30px;
padding: 4rem 60px 0;
right: -40px;
}

.main-content .adv-call {
font-size:4rem!important;
color: #E63946!important;
font-family: bold!important;



}
.fin-menu .dropdown-item {
background: transparent;
padding: 8px 12px;
margin: 0;
font-size: 0.9rem;
background: #113771;
color: #fff;

}
.fin-menu  {
padding: 10px 15px;
transform: translate(-75px, 8px);
background: #113771;
border-radius: 15px;

}
.main-content {
padding: 4rem 60px 0;



}
.finindia-logo img {

width: 200px;
}

.sticky-nav{
border-radius: 50px;

width: 82%;
background: #fff;
color: white;
display: flex;
top: 82px;
justify-content: space-between;
align-items: center;
z-index: 9;
position: relative;
margin: auto;
}
.main-content{
position: absolute;
margin-top: 10%;
}
.main-content p{
font-size: 1.2rem;
width: 80%;
}
.nav-link {
font-size: 0.9rem;
font-weight: 500;
color: #333333;
}

/* Sticky state */
.sticky{
position: fixed;
top: 0;
left: 0;
width: 100%;
border-radius: 0;
z-index: 9;        /* thoda chota feel */
background: #fff;         /* dark shade */
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.sticky-nav a{
color: #000;
margin-left: 15px;
text-decoration: none;
}

.explore_btn {
background: #e63946;
color: #fff;
padding: 10px 28px;
border-radius: 30px;
outline: 0;
box-shadow: 0 0 0 .2rem rgb(230 57 70 / 35%);
font-family: medium;
}
.explore_btn:hover {
background: #e63946;
color: #fff;
}
.explore_btn:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgb(230 57 70 / 35%);
}
.article-head  {
width: 60%;
margin: auto!important;

}
.box-content:hover {
background: #c4dcffa3;
background: linear-gradient(128deg, rgb(196 220 255 / 54%) 0%, rgb(255 197 201 / 57%) 100%);
transition: 0.3s;
}
.article-head p {
color: #898989;
}

.box-content h3 {
font-family: semibold;
font-size: 1rem;

}

.box-content p {
font-size: 0.9rem;
font-family: light;
}

.box-content hr {
border-top:1px solid #bebebe;
}
.box-content  img {
width: 50px;
margin-bottom: 20px;

}
.box-content   {
transition: 0.3s;
background: #fff;
padding: 12px;
width: 18%;
border-radius: 14px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
-webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}

.fin-gap {
gap:20px;
flex-wrap: wrap;
display: flex;
}

.right-capi{
margin-top: 60px;
background: #f0f0f0;
position: relative;
border-radius: 14px;
overflow: hidden;
height: 300px;
}
.left-blur img {
width: 500px;
left: -122px;
position: absolute;
top: 0;
}
.right-blur img {
position: absolute;
right: -153px;
width: 500px;
top: -196px;
}
.powering-buiness{
padding: 85px 55px;
}
.powering-buiness h3 {
font-size: 2rem;
font-family: semibold;
} 
.man-con img{
position: absolute;
width: 329px;
right: 100px;
bottom: 0;
}
.call-back {
width: 500px;
margin: auto;
}
.call-back img {
width: 500px;
margin: auto;
border-radius: 14px;
}
.head-content  h4 {
font-size: 1rem;
}
.head-content  h3 {
font-size: 1.5rem;
font-family: 'semibold';
}
.leader-gradiant{
background: #C4DCFF;
background: linear-gradient(128deg, rgba(196, 220, 255, 1) 0%, rgba(255, 197, 201, 1) 100%);
padding: 30px;
border-radius: 60px;
}

.inner-box img {
width: 80px;
outline: 0;
box-shadow: 0 0 0 .2rem rgb(230 57 70 / 35%);
border-radius: 100%;
}
.outer-box {
background: #fff;
padding: 14px;
height: 92%;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
-webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
margin: 20px;
border-radius: 30px;
}
.details p {
font-size: 0.9rem;
}
.details h5 {
font-size: 0.9rem;
font-family: light;
}
.details h4 {
font-size:1.2rem;
font-family: bold;
}

.fintech{
width: 80%;
}

.header {

background: linear-gradient(135deg, #0a2647 0%, #1a4080 100%);
padding: 180px 20px 160px;
text-align: center;
color: white;
}

.header h1 {
font-size: 48px;
margin-bottom: 15px;
font-weight: 700;
}

.header p {
font-size: 18px;
color: rgba(255, 255, 255, 0.9);
max-width: 700px;
margin: 0 auto;
}

/* Blog Grid */
.blog-container {
max-width: 1200px;
margin: -40px auto 80px;
padding: 0 20px;
}

.blog-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}

.blog-card {
background: white;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
transition: transform 0.3s, box-shadow 0.3s;
cursor: pointer;
}

.blog-card:hover {
transform: translateY(-8px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.blog-image {
width: 100%;
height: 220px;
background: linear-gradient(135deg, #0a2647 0%, #1a4080 100%);
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
}

.blog-image::before {
content: '';
position: absolute;
width: 150px;
height: 150px;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
top: -50px;
right: -50px;
}

.blog-image-icon {
font-size: 60px;
color: rgba(255, 255, 255, 0.9);
z-index: 1;
}

.blog-content {
padding: 25px;
}

.blog-meta {
display: flex;
gap: 15px;
margin-bottom: 15px;
font-size: 13px;
color: #666;
}

.blog-category {
background: #ff4757;
color: white;
padding: 4px 12px;
border-radius: 15px;
font-weight: 600;
}

.blog-title {
font-size: 22px;
font-weight: 700;
color: #0a2647;
margin-bottom: 12px;
line-height: 1.3;
}

.blog-excerpt {
font-size: 15px;
color: #666;
margin-bottom: 20px;
line-height: 1.6;
}

.read-more {
display: inline-block;
color: #ff4757;
font-weight: 600;
text-decoration: none;
transition: color 0.3s;
}

.read-more:hover {
color: #e83a4a;
}

.read-more::after {
content: ' →';
font-size: 18px;
}

/* Blog Detail Modal */
.modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.8);
animation: fadeIn 0.3s;
}

@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}

.modal-content {
background-color: white;
margin: 50px auto;
padding: 0;
width: 90%;
max-width: 900px;
border-radius: 12px;
overflow: hidden;
animation: slideDown 0.4s;
}

@keyframes slideDown {
from {
transform: translateY(-50px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}

.close {
color: white;
float: right;
font-size: 35px;
font-weight: bold;
padding: 10px 20px;
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
z-index: 1001;
background: rgba(0, 0, 0, 0.3);
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}

.close:hover {
background: rgba(0, 0, 0, 0.5);
}

.modal-header {
background: linear-gradient(135deg, #0a2647 0%, #1a4080 100%);
color: white;
padding: 60px 40px 40px;
}

.modal-header h2 {
font-size: 32px;
margin-bottom: 15px;

line-height: 1.3;
}

.modal-meta {
display: flex;
gap: 20px;
font-size: 14px;
opacity: 0.9;
}

.modal-body {
padding: 40px;
max-height: 600px;
overflow-y: auto;
}

.modal-body h3 {
font-size: 24px;
color: #0a2647;
margin: 30px 0 15px;
font-weight: 700;
}

.modal-body p {
margin-bottom: 20px;
font-size: 16px;
line-height: 1.8;
color: #444;
}

.modal-body ul {
margin: 20px 0 20px 25px;
color: #555;
}

.modal-body li {
margin-bottom: 12px;
line-height: 1.7;
}

.modal-body hr {
border: none;
border-top: 2px solid #e0e0e0;
margin: 30px 0;
}

/* Scrollbar */
.modal-body::-webkit-scrollbar {
width: 8px;
}

.modal-body::-webkit-scrollbar-track {
background: #f1f1f1;
}

.modal-body::-webkit-scrollbar-thumb {
background: #888;
border-radius: 4px;
}

.modal-body::-webkit-scrollbar-thumb:hover {
background: #555;
}

/* Footer */
.footer {
background: linear-gradient(135deg, #0a2647 0%, #1a4080 100%);
padding: 60px 40px 30px;
color: white;
text-align: center;
}

.footer p {
color: rgba(255, 255, 255, 0.8);
font-size: 14px;
}


ul li::marker {
font-size: 20px;   /* dot ka size */
color: #000; 
}

.head-content i {
color: #efc900;
font-size: 30px;
}

.trust-box {
padding: 20px;
background: #fff;
border-top: 4px solid #e63946;
margin-top: 70px;
border-radius: 20px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.trust-box-blue {
padding: 20px;
background: #fff;
border-top: 4px solid #113771;
margin-top: 70px;
border-radius: 20px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.right-section {
border-radius: 14px;
padding: 20px;
background: #efefef;

}


.trust-box h3 {
font-size: 1.2rem;
margin-top: 15px;
font-family: 'semibold';
}
.gradiant-bback-red{
position: absolute;
background: #FF0000;
width: 200px;
height: 200px;
border-radius: 100%;
filter: blur(100px);
z-index: -1;
top: 16%;
opacity: 0.5;
}
.footer {
background: linear-gradient(135deg, #0a2647 0%, #1a4080 100%);
padding: 60px 40px;
color: white;
}

.footer-container {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr 1.2fr 1.3fr;
gap: 40px;
}

.footer-section h3 {
font-size: 18px;
margin-bottom: 20px;
font-weight: 600;
}

.footer-section ul {
list-style: none;
}

.footer-section ul li {
margin-bottom: 12px;
}

.footer-section ul li a {
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
font-size: 14px;
transition: color 0.3s;
}

.footer-section ul li a:hover {
color: white;
}

.form-group {
margin-bottom: 15px;
}

.form-group input,
.form-group textarea,
.form-group select {
width: 100%;
padding: 12px 15px;
border: none;
border-radius: 5px;
font-size: 14px;
background: white;
color: #333;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
color: #999;
}

.form-group textarea {
resize: vertical;
min-height: 45px;
}

.submit-btn {
width: 100%;
padding: 14px;
background: linear-gradient(135deg, #ff4757 0%, #e83a4a 100%);
color: white;
border: none;
border-radius: 5px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 1px;
transition: transform 0.3s;
}

.submit-btn:hover {
transform: translateY(-2px);
}

.contact-info p {
display: flex;
align-items: center;
margin-bottom: 15px;
font-size: 14px;
color: rgba(255, 255, 255, 0.9);
}

.contact-info p::before {
content: '☎';
margin-right: 10px;
font-size: 16px;
}

.contact-info p:nth-child(2)::before {
content: '✉';
}

.logo {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
}

.logo-icon {
width: 30px;
height: 30px;
background: white;
transform: rotate(45deg);
display: flex;
align-items: center;
justify-content: center;
}

.logo-icon::before {
content: '';
width: 15px;
height: 15px;
background: #0a2647;
transform: rotate(-45deg);
}

.logo-text {
font-size: 18px;
font-weight: 700;
}

.address {
font-size: 13px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.8);
}


.gradiant-bback-blue{
position: absolute;
background: #113771;
width: 200px;
height: 200px;
border-radius: 100%;
filter: blur(100px);
z-index: -1;
top: 16%;
right: 0;
opacity: 0.5;
}

.founder-message img {
width: 80px;
}
.founder-message h4 {
font-family: semibold;
font-size: 1.5rem;
}
.founder-message i {
color: #efc900;
}
.founder-message  {
margin-top: 150px;
}
.offer-box  img {
width:40px;
margin-bottom: 10px;
}
.offer-box  h3 {
font-size: 1.1rem;
margin-bottom: 0;
font-family: semibold;

}
.offer-box  p {
font-size: 0.9rem;
font-family: light;

}
.offer-box   {
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
padding: 14px;
width: 15%;

}

.offering {
display: flex;
gap: 25px;
flex-wrap: wrap;
margin: auto;
justify-content: center;
margin-top: 20px;
}

.why-choose .bd-highlight  {
background: #E4E4E4;
margin: 14px;
padding: 14px;
border-radius: 10px;
font-size: 0.9rem;
}


.why-choose  {
display: flex;
    flex-wrap: wrap;
justify-content: center;
}

.career img {
width: 150px;
}

.career-fin {
font-size: 1.2rem;
}

.page-header {
text-align: center;
margin-bottom: 50px;
animation: fadeIn 0.6s ease;
}

.page-header h1 {
font-size: 25px;
color: #2d3748;
font-weight: 700;
margin-bottom: 10px;
}

.page-header p {
font-size: 18px;
color: #718096;
}


.job-listings {
display: grid;
gap: 25px;
margin-bottom: 40px;
width: 60%;
margin: auto;



}

.job-card {
background: white;
border-radius: 16px;
padding: 35px;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
transition: all 0.3s ease;
animation: slideUp 0.5s ease;
border: 1px solid rgba(0,0,0,0.05);
}

.job-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 35px rgba(0,0,0,0.12);
}

@keyframes slideUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}

.job-title {
font-size: 26px;
color: #1a202c;
font-weight: 700;
margin-bottom: 25px;
}

.job-details {
display: flex;
gap: 35px;
margin-bottom: 25px;
flex-wrap: wrap;
}

.detail-item {
display: flex;
align-items: center;
gap: 10px;
color: #4a5568;
font-size: 15px;
}
.copyright {
background: #051529;
padding: 20px 40px;
color: rgba(255, 255, 255, 0.7);
text-align: center;
font-size: 14px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
margin: 60px 0 0 0;
border-radius: 30px;
}
.copyright a {
color: #ff4757;
text-decoration: none;
transition: color 0.3s;
}

.copyright a:hover {
color: #ff6b7a;
}

.detail-item svg {
width: 20px;
height: 20px;
opacity: 0.7;
}

.detail-label {
font-weight: 600;
color: #2d3748;
}

.detail-value {
color: #4a5568;
}

.job-footer {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 20px;
border-top: 1px solid #e2e8f0;
}

.job-meta {
font-size: 14px;
color: #718096;
}

.apply-btn {
background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%);
color: white;
border: none;
padding: 14px 40px;
border-radius: 50px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(229, 62, 62, 0.3);
}

.apply-btn:hover {
transform: scale(1.05);
box-shadow: 0 6px 25px rgba(229, 62, 62, 0.4);
}

.apply-btn:active {
transform: scale(0.98);
}

.modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
z-index: 1000;
animation: fadeIn 0.3s ease;
overflow-y: auto;
padding: 20px;
}

.modal-content {
background: white;
max-width: 700px;
margin: 40px auto;
border-radius: 20px;
padding: 45px;
position: relative;
animation: modalSlide 0.4s ease;
}

@keyframes modalSlide {
from {
opacity: 0;
transform: translateY(-50px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

.close-btn {
position: absolute;
top: 20px;
right: 25px;
background: #f7fafc;
border: none;
width: 40px;
height: 40px;
border-radius: 50%;
font-size: 24px;
cursor: pointer;
transition: all 0.3s ease;
color: #4a5568;
}

.close-btn:hover {
background: #e2e8f0;
transform: rotate(90deg);
}

.modal-header {
margin-bottom: 30px;
}

.modal-header h2 {
color: #fff;
font-size: 20px;
margin-bottom: 8px;
}

.modal-header p {
color: #718096;
font-size: 16px;
}

.form-group {
margin-bottom: 25px;
}

label {
display: block;
color: #2d3748;
font-weight: 600;
margin-bottom: 10px;
font-size: 15px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="file"],
select,
textarea {
width: 100%;
padding: 14px 16px;
border: 2px solid #e2e8f0;
border-radius: 10px;
font-size: 15px;
transition: all 0.3s ease;
font-family: inherit;
color: #2d3748;
}

input:focus,
select:focus,
textarea:focus {
outline: none;
border-color: #e53e3e;
box-shadow: 0 0 0 3px rgba(229, 62, 62, 0.1);
}

textarea {
resize: vertical;
min-height: 120px;
}



.submit-btn {
width: 100%;
padding: 16px;
background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%);
color: white;
border: none;
border-radius: 10px;
font-size: 17px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
margin-top: 10px;
}

.submit-btn:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(229, 62, 62, 0.3);
}

.required {
color: #e53e3e;
}

.badge {
display: inline-block;
padding: 6px 14px;
background: #edf2f7;
color: #2d3748;
border-radius: 20px;
font-size: 13px;
font-weight: 600;
margin-left: 10px;
}

.success-message {
display: none;
background: #c6f6d5;
color: #22543d;
padding: 16px 20px;
border-radius: 10px;
margin-bottom: 25px;
border-left: 4px solid #38a169;
font-weight: 500;
}
.cta-section {
max-width: 500px;
margin: 0 auto;
background: linear-gradient(135deg, #fde8f0 0%, #e8e9f7 100%);
border-radius: 15px;
padding: 40px 30px;
text-align: center;
position: relative;
overflow: hidden;
}

.cta-logo {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-bottom: 20px;
}

.logo-icon {
width: 20px;
height: 20px;
background: #ff4757;
border-radius: 3px;
position: relative;
}

.logo-icon::before {
content: '✓';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 12px;
font-weight: bold;
}

.logo-text {
font-size: 16px;
font-weight: 600;
color: #333;
}

.logo-text span {
color: #ff4757;
}

.cta-image {
width: 200px;
height: 200px;
margin: 0 auto 30px;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect fill="%23f0f0f0" width="200" height="200" rx="100"/><circle cx="100" cy="80" r="30" fill="%23666"/><path d="M50 150 Q100 120 150 150" fill="%23666"/></svg>') no-repeat center;
background-size: contain;
border-radius: 50%;
}

.cta-button {
display: inline-block;
padding: 15px 40px;
background: linear-gradient(135deg, #ff4757 0%, #e83a4a 100%);
color: white;
text-decoration: none;
border-radius: 50px;
font-size: 16px;
font-weight: 600;
box-shadow: 0 5px 15px rgba(255, 71, 87, 0.3);
transition: all 0.3s ease;
border: none;
cursor: pointer;
}

.cta-button:hover {
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(255, 71, 87, 0.4);
}

.cta-button:active {
transform: translateY(-1px);
}

/* Decorative circles */
.cta-section::before,
.cta-section::after {
content: '';
position: absolute;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3);
}

.cta-section::before {
width: 150px;
height: 150px;
top: -75px;
left: -75px;
}

.cta-section::after {
width: 100px;
height: 100px;
bottom: -50px;
right: -50px;
}









@media (max-width: 768px) {
.cta-section {
padding: 30px 20px;
}

.cta-image {
width: 150px;
height: 150px;
}

.cta-button {
padding: 12px 30px;
font-size: 14px;
}
}

@media (max-width: 768px) {
.page-header h1 {
font-size: 32px;
}

.job-card {
padding: 25px;
}

.job-details {
gap: 20px;
}

.job-footer {
flex-direction: column;
gap: 15px;
align-items: flex-start;
}

.apply-btn {
width: 100%;
}

.row {
grid-template-columns: 1fr;
}

.modal-content {
padding: 30px 25px;
}
}






@media (max-width: 768px) {
.container {
grid-template-columns: 1fr;
padding: 30px 20px;
}

.form-row {
grid-template-columns: 1fr;
}
}




@media screen and (min-device-width: 767px) and (max-device-width: 4000px) { 
.wrap-container {
max-width: 1400px;
margin: auto;


}
}


@media screen and (max-width: 767px) {
.gradiant-col-finindian {
border-radius: 0;
}
.copyright{
    margin: 0;
        border-radius: 12px;
}
.sticky-nav{
width: 100%;
border-radius: 0;
top: 0;
}
.leader-gradiant {

    height: 100%;
    border-radius: 20px;
    padding: 10px;
}
.redbtn {
    position: absolute;
    background: #e63946;
    color: #fff;
    padding: 5px 8px;
    border-radius: 30px;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgb(230 57 70 / 35%);
    font-family: medium;
    top: 76px;
    right: 14px;
}
.gradiant-col-finindian-others {
    border-radius: 0;
}
.job-listings {
    width: 100%;
}
.job-title{
        font-size: 18px;
}
.badge{
        margin-top: 10px;
    margin-left: 0px;
}
 .offering > * {
    flex: 1 1 calc(50% - 15px);
    min-width: 150px;
    max-width: none;
  }
.fin-menu{
    transform: translate(0px, 8px);
}
.outer-box{
    margin:18px 11px;
}

.offer-box{
    width: 100%;
}
.main-content {
padding: 4rem 10px 0;
}
.main-content {

margin-top: 0;
}
.smart-img img {
position: absolute;
width: 100%;
transform: translate(0px, 190px);
padding: 14px;
right: 0;
bottom: 0;
}
.smart-img {
position: absolute;
bottom: -90px;
left: 0;
right: 0;

}
.smart-img-others img {
position: absolute;
width: 100%;
transform: translate(0px, 90px);
padding: 14px;
right: 0;
top: 0;
bottom: 0;
}
.smart-img-others {
position: absolute;
bottom: -90px;
left: 0;
right: 0;

}
.main-content h3 {
font-size: 2rem;
}
.main-content .adv-call {
font-size: 2rem !important;

}
.home-rt {
    font-size: 2rem !important;
}
.article-head{
width: 100%;
}
.article-head h2{
margin-bottom: 10px!important;
}
.box-content{
width: 100%;
}
.right-capi{
height: 600px;
}
.man-con img {
position: absolute;
width: 350px;
right: 0;
bottom: unset;
}
.left-blur img {
width: 500px;
left: -122px;
position: absolute;
bottom: -217px;

}
.powering-buiness {
padding: 63px 28px;
}
.call-back {
width: 100%;
}
.call-back img {
width: 100%;
}

}

@media (max-width: 768px) {
.header h1 {
font-size: 32px;
}

.blog-grid {
grid-template-columns: 1fr;
}

.modal-content {
        margin: 0px auto;
        width: 100%;
}

.modal-header {
padding: 40px 20px 30px;
}

.modal-header h2 {
font-size: 16px;
}
.close-btn {
    position: absolute;
    top: 43px;
    right: 35px;
    background: #f7fafc;
    border: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    line-height: 1;
    transition: all 0.3s ease;
    color: #4a5568;
    padding: 1px;
}

.modal-body {
padding: 25px;
}
}
@media (max-width: 768px) {
.footer-container {
grid-template-columns: 1fr;
gap: 30px;
}
}
@media (max-width: 480px) {
  .offering > * {
    flex: 1 1 100%;
  }
}