body {
    font-family: 'DIN', sans-serif;
}
/* ===== DIN FONT FAMILY ===== */

/* Light - 300 */
@font-face {
  font-family: 'DIN';
  src: url('/font/DIN-LIGHT.woff2') format('woff2'),
       url('/font/DIN-LIGHT.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Regular - 400 */
@font-face {
  font-family: 'DIN';
  src: url('/font/DIN-REGULAR.woff2') format('woff2'),
       url('/font/DIN-REGULAR.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Medium - 500 */
@font-face {
  font-family: 'DIN';
  src: url('/font/DIN-MEDIUM.woff2') format('woff2'),
       url('/font/DIN-MEDIUM.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Bold - 700 */
@font-face {
  font-family: 'DIN';
  src: url('/font/DIN-BOLD.woff2') format('woff2'),
       url('/font/DIN-BOLD.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Black - 900 */
@font-face {
  font-family: 'DIN';
  src: url('/font/DIN-BLACK.woff2') format('woff2'),
       url('/font/DIN-BLACK.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* ==================== */

/* career page css */
/* explore new opportunities css */
.explore-new-opportunities {
padding: 80px 0;
}

.explore-new-opportunities .container {
max-width: 1200px;
}

/* Job Categories Styles */
.explore-new-opportunities .job-categories {
background: white;
height: fit-content;
position: sticky;
top: 26px;
z-index: 100;
}

.explore-new-opportunities .categories-title {
font-size: 24px;
font-weight: 700;
color: #333;
margin-bottom: 25px;
text-align: center;
}

.explore-new-opportunities .nav-tabs {
border: none;
gap: 8px;
}

.explore-new-opportunities .nav-tabs .nav-item {
margin-bottom: 8px;
}

.explore-new-opportunities .nav-tabs .nav-link {
border: none;
border-radius: 4px;
padding: 12px 20px;
font-size: 16px;
font-weight: 500;
color: #666;
background: transparent;
transition: all 0.3s ease;
text-align: left;
width: 100%;
}

.explore-new-opportunities .nav-tabs .nav-link:hover {
background-color: #FFF3F9;
color: #333;
}

.explore-new-opportunities .nav-tabs .nav-link.active {
position: relative;
background: #FFF3F9;
color: #000;
font-weight: 600;
padding-left: 16px; /* add space to avoid text overlapping the gradient */
}

.explore-new-opportunities .nav-tabs .nav-link.active::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background: linear-gradient(184deg, rgba(84, 104, 255, 1) 6%, rgba(84, 104, 255, 1) 0%, rgba(255, 94, 94, 1) 100%);

}


.arrow-icon{
margin-left: 6px;
width: 13px;
margin-top: -1px;
}

.explore-new-opportunities .character {
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.2);
position: relative;
}

.explore-new-opportunities .character::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
background: white;
border-radius: 50%;
}

/* Job Listings Styles */
.explore-new-opportunities .job-listings {
display: flex;
flex-direction: column;
gap: 20px;
}

.explore-new-opportunities .job-listings h4{
  font-size: 18px;
  font-family: 'DIN', sans-serif;
}

.explore-new-opportunities .job-card {
background: white;
border-radius: 16px;
padding: 24px;
/* transition: all 0.3s ease; */
border: 1px solid #CDD2D7;
}

/* .explore-new-opportunities .job-card:hover {
transform: translateY(-2px);
box-shadow: 0 3px 16px rgba(0, 0, 0, 0.13);
} */

.explore-new-opportunities .job-header {
margin-bottom: 20px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
text-align: left;
gap: 10px;
}

.explore-new-opportunities .job-title {
font-size: 20px;
font-weight:600;
color: #333;
margin-bottom: 0px;
margin-right: 20px;
font-family: 'DIN', sans-serif;
}

.explore-new-opportunities .job-tags {
display: flex;
flex-wrap: wrap;
gap: 12px;
}

.explore-new-opportunities .tag {
background: #fff;
color: #333333;
padding: 6px 12px;
border-radius: 20px;
font-size: 12px;
font-weight: 500;
border: 1px solid #CDD2D7;
}

.explore-new-opportunities .job-description {
margin-bottom: 25px;
}

.explore-new-opportunities .job-description p {
color: #67748A;
line-height: 1.6;
font-size: 16px;
margin: 0;
font-weight: 300;
}

.explore-new-opportunities .job-actions {
display: flex;
gap: 12px;
justify-content: flex-end;
}
.explore-new-opportunities .job-actions button{
padding: 8px 20px;
background: #0055fe;
border: 0;
border-radius: 10px;
}
.explore-new-opportunities .job-actions button span{
  color: #ffff;
}

.explore-new-opportunities .application-modal{
  color: #000;
}

.explore-new-opportunities  .btn-outline-white-label {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 22px;
font-size: 14px;
font-weight: 600;
margin-left: 20px;
background: #fff;
border-radius: 7px;
color: #3F444D;
z-index: 1;
overflow: visible;
border: 1px solid #E3E3E3;
  font-family: 'DIN', sans-serif;
}


.explore-new-opportunities .btn-outline-white-label:hover {
background:#0055fe;
color: #fff;
}

.explore-new-opportunities .btn-outline-white-label:hover img{
filter: grayscale(1);
}

.explore-new-opportunities .arrow-icon {
margin-left: 6px;
width: 13px;
margin-top: -1px;
display: inline-block;
}


.explore-new-opportunities .btn-outline-primary {
border: 1px solid #6c757d;
color: #333;
background: white;
padding: 10px 20px;
border-radius: 8px;
font-weight: 500;
transition: all 0.3s ease;
}

.explore-new-opportunities .btn-outline-primary:hover {
background: #f8f9fa;
border-color: #495057;
color: #333;
}

.explore-new-opportunities .btn-gradient {
background: linear-gradient(135deg, #6c5ce7 0%, #fd79a8 100%);
color: white;
border: none;
padding: 10px 20px;
border-radius: 8px;
font-weight: 500;
transition: all 0.3s ease;
}

.explore-new-opportunities .btn-gradient:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(108, 92, 231, 0.3);
color: white;
}

/* Tab Content Styles */
.explore-new-opportunities .tab-content {
min-height: 400px;
}

.explore-new-opportunities .tab-pane {
animation: fadeIn 0.3s ease-in-out;
}

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

.explore-new-opportunities .search-box {
position: relative;
width: 100%;
}

.explore-new-opportunities .search-box input {
border-radius: 12px;
padding: 11px 10px 11px 35px;
}

.explore-new-opportunities .search-box input:focus {
box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.1);
border-color: #ced4da;
}

.explore-new-opportunities .search-box .search-icon {
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%);
color: #6c757d;
pointer-events: none;
font-size: 16px;
}

.explore-new-opportunities .filter-container {
max-width: 100%;
width: 100%;
}

.explore-new-opportunities .filter-dropdown {
background-color: #f8f9fa;
border: 1px solid #dee2e6;
border-radius: 8px;
font-size: 15px;
font-weight: 500;
padding: 12px 12px;
}

.explore-new-opportunities .filter-dropdown:focus {
box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.25);
}
.explore-new-opportunities .filter-dropdown{
background-color: #f8f9fa !important;
border: 1px solid #dee2e6 !important;
}
.explore-new-opportunities .filter-container .dropdown-toggle::after{
float: right;
margin-top: 10px;
}
.explore-new-opportunities .filter-container .reset-filter{
float: right;
margin-top: 10px;
padding: 4px 13px;
display: flex;
gap: 6px;
}
.explore-new-opportunities .filter-container .reset-filter:hover{
cursor: pointer;
  background-color: #f3f5f7;
  padding: 4px 13px;
  border-radius: 4px;
}

.explore-new-opportunities .filter-dropdown {
background-color: #f8f9fa;
border: 1px solid #dee2e6;
border-radius: 8px;
font-size: 15px;
font-weight: 500;
padding: 10px 12px;
}

.explore-new-opportunities .dropdown-menu {
width: 100%;
font-size: 15px;
box-shadow: 0px 8px 32px 0px #00000029;
right: 0 !important;
left: auto !important;
}

.explore-new-opportunities .btn-outline-white-label img{
  filter: invert(1);
}

.explore-new-opportunities .dropdown-menu span{
font-size: 14px;
}

.explore-new-opportunities .job-categories .dropdown-item {
border-radius: 6px;
padding: 10px 10px;
}

.explore-new-opportunities .dropdown-item:hover {
background-color: #f1f3f5;
}

.explore-new-opportunities .form-check-input {
width: 16px;
height: 16px;
cursor: pointer;
margin-top: 0;
}
.explore-new-opportunities .job-categories .dropdown-item.active{
color: #000;
}

.explore-new-opportunities .job-categories .dropdown-item:active{
color: #000;
}

.explore-new-opportunities .job-categories .form-check-input:checked {
background-color: #000;
border-color: #000;
margin-top: 0;
}
.explore-new-opportunities .job-categories .form-check-input:focus{
box-shadow: none;
}

.explore-new-opportunities .job-categories .dropdown-item:hover {
background-color: #f1f3f5;
}

.our-cultural-values{
background-color: #F3F3F6;
padding-top: 96px;
margin-top: 60px;
}
.our-cultural-values .cce_container_heading{
margin-block-end: 0;
}

.our-cultural-values .values-section {
padding: 60px 0;
max-width: 1200px;
}

.our-cultural-values .value-box {
text-align: center;
padding: 20px;
}

.our-cultural-values .value-box img {
width: 80px;
height: 72px;
margin-bottom: 15px;
margin: 0 auto;
}

.our-cultural-values .value-title {
font-weight: 400;
font-size: 20px;
margin-top: 16px;
margin-bottom: 16px;
  font-family: 'DIN', sans-serif;
}

.our-cultural-values .value-text {
  font-size: 14px;
  color: #67748A;
  max-width: 260px;
  margin: 0 auto;
  line-height: 1.5;
  font-weight: 300;
}



@media (min-width: 992px) {
.dotted-divider {
  display: none;
}

}

/* Responsive Design */
@media (max-width: 991px) {
.explore-new-opportunities {
    padding: 40px 0 0px !important;
}
.ambitions-wrapper .works h2{
font-size: var(--heading-h4-size) !important;
padding: 0px 20px;
}
.ambitions-wrapper .works p{
padding: 0px 20px;
}
.explore-new-opportunities .filter-container{
max-width: 1000%;
width: 100%;
}
.explore-new-opportunities .dropdown-menu{
max-width: 1000%;
width: 100%;
}
.explore-new-opportunities .dropdown{
width: 100% !important;
}

.explore-new-opportunities .job-categories {
    margin-bottom: 30px;
    position: static;
}

.explore-new-opportunities .categories-title {
    font-size: 20px;
    margin-bottom: 20px;
}

.explore-new-opportunities .nav-tabs .nav-link {
    font-size: 14px;
    padding: 10px 16px;
}

.explore-new-opportunities .ad-title {
    font-size: 24px;
}

.explore-new-opportunities .job-title {
    font-size: 20px;
}

.explore-new-opportunities .job-actions {
    flex-direction: row;
}
.explore-new-opportunities .btn-outline-white-label{
font-size: 14px;
padding: 10px 30px;
}
.explore-new-opportunities .job-actions button{
padding: 11px 30px;
}
.explore-new-opportunities .btn-outline-primary,
.explore-new-opportunities .btn-gradient {
    width: 100%;
    text-align: center;
}
.carrer-section-wrapper .banner-title{
padding: 0px 45px 30px 46px;
}
.explore-new-opportunities .job-header{
display: block;
}
.explore-new-opportunities .filter-dropdown{
font-size: 14px;
}
.explore-new-opportunities .job-tags{
  margin-top: 12px;
}
}

@media (max-width: 767px) {
.explore-new-opportunities {
    padding: 40px 0;
}
.pagination-summary{
  margin-right: 0px !important;
}
.cce_container_heading h4{
  padding: 0px 10px;
}

.explore-new-opportunities .job-categories {
    padding: 20px;
}
.explore-new-opportunities .job-listings{
text-align: left;
}
.explore-new-opportunities .job-actions{
float: left;
}
.explore-new-opportunities .btn-outline-white-label{
margin-left: 0;
}

.explore-new-opportunities .categories-title {
    font-size: 18px;
    margin-bottom: 15px;
}

.explore-new-opportunities .nav-tabs .nav-link {
    font-size: 13px;
    padding: 8px 12px;
}



.explore-new-opportunities .job-card {
    padding: 20px;
}

.explore-new-opportunities .job-title {
    font-size: 18px;
    margin-bottom: 12px;
}

.explore-new-opportunities .job-description p {
    font-size: 14px;
}

.explore-new-opportunities .tag {
    font-size: 11px;
    padding: 4px 8px;
}
.extra-margin{
margin-top: 0;
}
.carrier-heading h2 {
font-size: 36px;
}
.section-bg{
  border-radius: 40px;
}
.mb-custom-100{
margin-bottom: 100px !important;
}

.top-para {
font-size: 18px;
line-height: 26px;
}
.card-headind {
font-size: 1rem;
}
.the-ambitions .extra-margin{
margin-top: -153px;
}

.carrer-section-wrapper .banner-title {
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 0px 35px 10px;
}
}

@media (max-width: 575px) {
.explore-new-opportunities .container {
    padding: 0 15px;
}
.card-gap{
  gap: 0 !important;
}

.features-section .nav .nav-item{
  width: auto !important;
}

.explore-new-opportunities .job-categories {
    border-radius: 12px;
    padding: 0px;
}
.explore-new-opportunities .filter-container .reset-filter{
  margin-top: 0;
}

.explore-new-opportunities .categories-title {
    font-size: 16px;
}

.explore-new-opportunities .nav-tabs .nav-link {
    font-size: 12px;
    padding: 6px 10px;
}


.explore-new-opportunities .job-description p {
    font-size: 13px;
}

.explore-new-opportunities .btn-outline-primary,
.explore-new-opportunities .btn-gradient {
    font-size: 12px;
    padding: 8px 16px;
}
}


/* career details css */
.career-details {
padding: 60px 0;
background-color: #fff;
}

.career-details .btn-request-demo {
background-color: #0055fe;
padding: 8px 20px;
color: #ffff !important;
font-weight: 500;
font-size: 14px;
border-radius: 8px;
border: 0px;
}
.career-details .btn-request-demo:hover{
  background-color: #202f4c;
  transition: all 0.3s ease-in-out;
  color: #fff !important;
}

.career-details .container {
max-width: 1200px;
}

/* Breadcrumb Styles */
.career-details .breadcrumb {
background: transparent;
padding: 0;
margin-bottom: 30px;
}

.career-details .breadcrumb-item a {
color: #666;
text-decoration: none;
font-size: 14px;
}

.career-details .breadcrumb-item.active {
color: #333;
font-weight: 500;
}

.career-details .breadcrumb-item + .breadcrumb-item::before {
content: ">";
color: #666;
padding: 0 8px;
}

/* Job Header */
.career-details .job-header {
margin-bottom: 32px;
}

.pt-custom-post{
  padding-top: 10px !important;
}

.career-details .job-title {
font-size: 36px !important;
font-weight: 600 !important;
margin: 0;
line-height: 1.2;
}

.career-details .status-badge {
background: #28a745;
color: white;
padding: 6px 12px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}

/* Job Sections */
.career-details .job-sections {
margin-bottom: 40px;
}

.career-details .job-section {
margin-bottom: 40px;
}

.career-details .section-title {
font-size: 20px;
font-weight: 700;
color: #333;
margin-bottom: 20px;
}

.career-details .section-content {
font-size: 14px;
line-height: 1.6;
color: #666;
margin-bottom: 15px;
}

.career-details .section-list {
list-style: none;
padding: 0;
margin: 0;
}

.career-details .section-list li {
position: relative;
padding-left: 25px;
margin-bottom: 12px;
font-size: 14px;
line-height: 1.6;
color: #666;
margin-left: 10px;
}

.career-details .section-list li::before {
content: "•";
position: absolute;
left: 0;
color: #000;
font-weight: bold;
font-size: 18px;
top: -3px;
}


/* Job Summary Sidebar */
.career-details .job-summary {
background: #FBFBFB;
border-radius: 16px;
padding: 30px;
position: sticky;
top: 20px;
height: fit-content;
}

.career-details .breadcrumb-item + .breadcrumb-item::before {
content: "/";
color: #5f6c85; /* optional */
padding: 0 6px; /* spacing */
}


.career-details .arrow-icon {
width: 16px;
height: 16px;
filter: brightness(0) invert(1);
}

/* Summary Details */
.career-details .summary-details {
margin-bottom: 30px;
}

.career-details .summary-title {
font-size: 18px;
font-weight: 700;
color: #333;
}

.career-details .date_post{
font-size: 14px;
font-weight: 300;
}

.career-details .summary-item {
display: flex;
align-items: flex-start;
gap: 15px;
padding-bottom: 30px;
}

.career-details .summary-item:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}

.career-details .summary-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
margin-top: 2px;
}

.career-details .summary-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}

.career-details .summary-content {
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 4px;
}

.career-details .summary-label {
font-size: 14px;
color: #333333;
font-weight: 600;
text-transform: uppercase;
}

.career-details .summary-value {
font-size: 12px;
color: #333333;
font-weight: 400;
line-height: 1.4;
}

/* Share Section */
.career-details .share-section {
padding-top: 20px;
}

.career-details .share-title {
font-size: 16px;
font-weight: 600;
color: #333;
margin-bottom: 15px;
}

.career-details .social-icons {
display: flex;
gap: 12px;
}

.career-details .social-icon {
width: 40px;
height: 40px;
border-radius: 50%;
background: white;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
border: 1px solid #e9ecef;
}

.career-details .social-icon:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.career-details .social-icon img {
width: 30px;
height: 30px;
object-fit: contain;
}

/* Responsive Design */
@media (max-width: 991px) {
.career-details {
    padding: 40px 0;
}

.career-details .job-title {
    font-size: 30px;
}

.career-details .section-title {
    font-size: 22px;
}

.career-details .job-summary {
    margin-top: 30px;
    position: static;
}

.career-details .job-summary {
    padding: 25px;
}
}

@media (max-width: 767px) {
.career-details {
    padding: 30px 0;
}

.career-details .job-title {
    font-size: 26px !important;
}

.career-details .section-title {
    font-size: 20px;
}

.career-details .section-content,
.career-details .section-list li {
    font-size: 15px;
}

.career-details .job-summary {
    padding: 20px;
}

.career-details .btn-apply {
    padding: 12px 24px;
    font-size: 14px;
}

.career-details .summary-item {
    gap: 12px;
}

.career-details .summary-icon {
    width: 18px;
    height: 18px;
}

.career-details .summary-value {
    font-size: 13px;
}
.career-details .breadcrumb-item.active{
  color: #333;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 200px;
}
}

@media (max-width: 575px) {
.career-details .container {
    padding: 0 15px;
}

.career-details .job-title {
    font-size: 24px;
}

.career-details .section-title {
    font-size: 18px;
}

.career-details .section-content,
.career-details .section-list li {
    font-size: 14px;
}

.career-details .job-summary {
    padding: 15px;
    border-radius: 12px;
}

.career-details .btn-apply {
    padding: 10px 20px;
    font-size: 13px;
}

.career-details .social-icons {
    gap: 8px;
}

.career-details .social-icon {
    width: 35px;
    height: 35px;
}

.career-details .social-icon img {
    width: 18px;
    height: 18px;
}
}

.email-copy-modal .modal-lg.custom{
max-width: 700px;
}
.email-copy-modal .modal-header{
background: #EBF0F5;
}
.email-copy-modal .modal-body{
padding: 50px 0px 30px;
}
.email-copy-modal #emailText a{
font-weight:500;
color:#3A404A;
}
.email-copy-modal #copyEmailBtn{
color: #3A404A;
border: 1px solid #3A404A;
border-radius: 10px !important;
}
.email-copy-modal #copyEmailBtn:hover{
color: #3A404A;
border: 1px solid #3A404A;
border-radius: 10px !important;
background: #f2f2f2;
}

/* Heading */
.cce_container_heading{
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 1rem;
  margin-block-end: 4rem;      /* 64px *       /* 696px */
}

.cce_key{
  color: var(--c-accent);
  font-weight: var(--fw-700);
  font-size: var(--fs-20);
  line-height: 1;
  margin: 0;
}

.cce_h2{
  font-weight:600;
  font-size: var(--fs-h2);
  line-height: var(--lh-tight);
  margin: 0;                   
}

.cce_h2 span{
  font-weight: 300;
}

.cce_container_heading h4{
  margin: 0;
  max-width: 936px;   
  font-weight: 300;
  font-size: 16px;
  font-family: sans-serif;
  color: #67748A;
}

/* Cards wrap */
.cce_container_cards{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--gap-lg);
  max-width: var(--max-w);
}

/* Card */
.cce_container_card{
  display: grid;
  place-items: center;
  width: var(--w-card);
  gap: var(--gap-md);
  text-align: center;
}

.cce_container_card > div{
  display: grid;
  place-items: center;
  inline-size: var(--sz-icon);
  block-size: var(--sz-icon);
  background: var(--c-icon-bg);
  border-radius: 50%;
  aspect-ratio: 1;
}

.cce_container_card > div > img{
  inline-size: var(--sz-icon-img);
  block-size: var(--sz-icon-img);
}

.cce_container_card h3{
  font-weight: var(--fw-600);
  font-size: var(--fs-20);
  line-height: 1.2;
  margin: 0;
  max-width: 264px;
}

.cce_container_card p{
  font-weight: var(--fw-400);
  font-size: var(--fs-14);
  color: var(--c-muted);
  margin: 0;
}
/* Responsiveness */
@media (max-width: 1024px){
  .cce_container{
    padding-inline: clamp(1rem, 5vw, 6rem);
  }
  .cce_container_cards{
    gap: 3rem;
  }
}
@media (max-width: 640px){
  :root{ --fs-h2: 2.25rem; --w-card: 100%; }
  .cce_container{ padding-inline: 1rem; }
  .cce_container_card{ max-width: 28rem; }
  .cce_container_heading .cce_h2{
    font-size: 32px !important;
    line-height: 120%;
  }
  
}

.cce_container_heading_security{
display: grid;
justify-items: center;
text-align: center;
gap: 1rem;
margin-block-end: 4rem;     
}


.background-base{
background-color: #FBFBFB!important;
}

.bg-banner{
padding: 70px 0px;
position: relative;
height: 500px;
}


.bg-banner .left .dot{
  width: 8px;
  height: 8px;
  background-color: #F8BD13;
  border-radius: 50%;
  display: inline-block;
  margin-right: 12px;
}
.bg-banner .left .dot:last-child{
  margin-left: 12px;
}
.bg-banner .left h1{
  color: #FFFFFF;
  font-size: 48px;
  font-weight: 600;
  font-family: 'DIN', sans-serif;
  max-width: 638px;
}

.font-branding{
  font-style: italic;
    font-family: Din;
    font-weight: 300;
}

.bg-banner .left h1 span{
  font-style: italic;
  font-family: Din;
  font-weight: 300;
}

.main-heading-full-width{
max-width: 100% !important;
}

.bg-banner .left p{
  color: #B6B6B6;
  font-family: 'DIN', sans-serif;
  font-size: 14px;
  font-weight: 400;
  max-width: 450px;
}
@media (max-width: 1024px) {
.bg-banner{
height: 500px;
}
}
@media (max-width: 768px) {
.bg-banner .left h1{
    font-size: 32px;
    line-height: 40px;
}
.bg-banner .left p{
    color: #B6B6B6;
}
.bg-banner{
    padding: 40px 0px;
    height: unset;
}

.hero-section{
  min-height: auto !important;
    height: auto !important;
    padding-bottom: 0 !important;
}

.pagination-summary{
  margin-right: 10px !important;
}
}
/*banner section for all internal pages end*/


/* Why Choose CEX — Optimized */
 .cce_container{
  display: grid;
  justify-items: center;
  width: 100%;                 
  margin-inline: auto;
  padding-block-start: clamp(3rem, 8vw, 6rem);   /* ~48–96px */
  padding-block-end: clamp(4rem, 10vw, 8rem);    /* ~64–128px */
  padding-inline: clamp(1rem, 6vw, 14rem);       /* ~16–226px */
}

/* Heading */
.cce_container_heading{
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 1rem;
  margin-block-end: 4rem;      /* 64px *       /* 696px */
}

.cce_key{
  color: var(--c-accent);
  font-weight: var(--fw-700);
  font-size: var(--fs-20);
  line-height: 1;
  margin: 0;
}

.cce_h2{
  font-weight: 600;
  font-size: 40px;
    font-family: 'DIN', sans-serif;               
}

.cce_h2 span{
  font-weight: 300;
  font-size: 40px;
  font-style: italic;
  font-family: Din;
}

.feature-badge {
  background-color: #3F444D;
    color: #ffffff;
    padding: 7px 18px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.5px;
    font-family: 'DIN', sans-serif;
}

.feature-badge i {
  font-size: 22px;
}

.form-control, .form-select:focus{
  box-shadow: none !important;
}

.glass-btn {
  padding: 10px 0px;
    font-size: 16px;
    color: #e5e7eb;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid;
    border-image-source: linear-gradient(19.51deg, rgba(17, 17, 17, 0) 17.78%, rgba(255, 255, 255, 0.7) 38.7%, rgba(204, 204, 204, 0.7) 72.34%, rgba(17, 17, 17, 0) 80.94%);
    box-shadow: -9px 4px 4px 0px var(--Shadowinner-shadow-glass-button) inset;
    transition: all 0.3s ease;
    width: 146px;
    text-align: center;
      font-family: 'DIN', sans-serif;
}


/* Why Choose CEX — Optimized *
  /* key advantage section start*/
  .spot-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 60px 0px 128px 0px;
    gap: 40px;
    background: #FBFBFB;
  }
  .subtitle {
    color: #FFD11A;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 12px;
  }
  .spot-heading {
    margin-bottom: 20px;
    line-height: 100%;
  }
  .spot-heading-light {
    font-weight: 300;
    font-size: 46px;
    line-height: 100%;
    color: #2D3139;
    max-width: 595px;
  }
  .spot-heading-bold {
    font-weight: 600;
    font-size: 48px;
    line-height: 100%;
    color: #2D3139;
  }
  .description {
    margin-bottom: 24px;
    font-weight: 300;
    font-size: 16px;
    color: #454545;
    max-width: 654px;
    margin-top: 10px;
  }
  
  .features {
    list-style: none;
    padding-left: 0px;
  }
  
  .features li {
    margin-bottom: 8px;
    font-size: 1rem;
    display: flex;
    align-items: flex-start;
  }
  
  .features strong {
    font-weight: 600;
  }
  
  .spot-image img {
    width: 100%;
    border-radius: 16px;
    object-fit: cover;
    height: 448px;
  }
 .value-feature{
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #08090ACC;
  }

  .key-feature{
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    padding-left: 8px;
  }
@media (max-width: 900px) {
    .spot-section {
      flex-direction: column;
      text-align: left; 
      gap: 0;
      padding: 40px 0px 40px 0px;
    }
  .neo_ecosystem_section .spot-content {
      max-width: 100%;
      margin-bottom: 30px;
      padding: 0px 20px;
    }
    .neo_ecosystem_section .spot-image{
      padding: 0px 16px;
    }
    .neo_banking_container{
      margin-top: 30px;
    }
  
    .spot-heading-light,
    .spot-heading-bold {
      font-size: 28px;   
      line-height: 120%;
      letter-spacing: -0.03em;
    }
    .spot-heading {
      margin-bottom: 16px;
    }
  
    .description {
      font-size: 16px;
      line-height: 22px;
      margin-bottom: 20px;
    }
  
    .features {
      margin-bottom: 20px;
    }
  
    .features li {
      align-items: flex-start;
      justify-content: flex-start; 
      margin-bottom: 14px;
    }
  
    .check-icon {
      margin-right: 8px;
      flex-shrink: 0;
    }
  
    .value-feature {
      font-size: 13px;
      line-height: 20px;
    }
  
    .key-feature {
      font-size: 13px;
      line-height: 20px;
      padding-left: 0px;
    }
    .spot-image {
      max-width: 100%;
    }
    .spot-image img {
      height: auto;      
      max-height: 280px;   
      border-radius: 12px;
    }
  }
   /* key advantage section end*/