body {
  font-family: 'Inter', sans-serif;
}


/* ==================== */

  /* header */
  .main-header {
    background: #ffffff;
    border-bottom: 1px solid  #E2E5EA;
    box-shadow: 0px 2px 8px 0px #0000001F;
    position: sticky;
    top: 0;
    z-index: 1050;
  }
  .main-header .navbar-brand{
    border-right: 1px solid  #E2E5EA;
    padding-right: 32px;
    margin-right: 24px;
  }
  .main-header .nav-link {
    font-weight: 600;
    font-size: 14px;
    color: #000000;
  }
  .main-header .nav-link:hover {
    color: #1d4ed8;
  }
  .main-header .login-link {
    text-decoration: none;
    color: var(--color-text-secondary);
    font-weight: 600;
    font-size: 14px;
    padding: 0px 16px;
  }
  .main-header .login-link:hover {
    color: #1d4ed8;
  }
  .main-header .btn-primary {
    background: #26408B;
    border-color: transparent;
    padding: 8px 16px;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
  }
  .main-header .navbar-brand {
    border-right: 1px solid #E2E5EA;
    padding-right: 32px;
    margin-right: 24px;
    padding-bottom: 0px;
}

  .logo-img {
    height: 60px;
    width: 103px;
}


  .main-header .btn-primary:hover {
    background: #1d4ed8;
  }
  @media (max-width: 991px){
    .main-header .navbar-brand{
        border:transparent;
    }
    .main-header .login-link{
        padding: 0px;
    }
    .main-header .navbar-toggler:focus{
        box-shadow: none;
    }
    .main-header .navbar-toggler{
        border: transparent;
    }
  }

  .main-header .nav-link {
    position: relative;
}

/* 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 #jobList h4{
  color: #000;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
}

.explore-new-opportunities .job-listings .job-title{
font-size: 20px !important;
font-family: 'Inter', sans-serif;
color: #000 !important;
}

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

/* .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: 'Inter', 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: #82858B;
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: #26408B;
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: 'Inter', sans-serif;
}


.explore-new-opportunities .btn-outline-white-label:hover {
background:#26408B;
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: 600;
  font-size: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
font-family: 'Inter', sans-serif;
}

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



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

}


.life-bitdelta{
  padding:80px 0;
}

.life-bitdelta .section-subtitle{
  color:#000;
  font-size:16px;
  font-family: sans-serif;
  font-weight: 400;
}

.life-bitdelta .box-wrapper{
  background:#fff;
  border-radius:12px;
  transition:all .3s ease;
  min-height: 267px;
}

.life-bitdelta .box-wrapper:hover{
  transform:translateY(-6px);
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.life-bitdelta .icon-box{
  width:88px;
  height:80px;
  margin:24px auto;
  border-radius:12px 12px 0 0;
  display:flex;
  align-items:center;
  justify-content:center;
}


.life-bitdelta .card-title{
  font-size:16px;
  font-weight:600;
  margin-bottom:6px;
  color:#000;
}

.life-bitdelta .card-text{
  font-size:14px;
  color:#82858B;
  line-height:1.6;
  padding:0 16px 20px;
  font-weight: 400;
}

/* 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: #26408B;
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: 1100px;   
font-weight: 400;
font-size: 16px;
font-family: sans-serif;
color: #000;
}

/* 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: 'Inter', sans-serif;
max-width: 638px;
}

.font-branding{
  font-family: 'Inter', sans-serif;;
  font-weight: 300;
}

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

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

.bg-banner .left p{
color: #B6B6B6;
font-family: 'Inter', 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: 300;
font-size: 40px;
  font-family: 'Inter', sans-serif;               
}

.cce_h2 span{
font-weight: 600;
font-size: 40px;
font-family: 'Inter', sans-serif;
color: #26408B;
}

.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: 'Inter', 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: 'Inter', 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*/




  /* footer */

  .footer {
    background: #000;
    font-family: var(--font-primary);
    padding-bottom: 80px;
  }
  .footer-menu {
    padding: 40px 0px;
  }
  .footer-wrapper {
    padding-top: 32px;
  }
  .footer-list li a {
    color: #EBF0F5;
    text-decoration: none;
    font-weight: 300;
}
  
  .footer-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .footer-list li {
    font-size: 14px;
    margin-bottom: 12px;
    color: #EBF0F5;
    cursor: pointer;
  }
  .hr-line{
    border-bottom: 0.5px solid var(--lines-dividers-color-primary, #fff);
  }
  
  .icon-btn {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: #121212;
    color: #fff;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .footer-col {
    margin-top: 20px;
  }
  
  .footer-col p{
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    font-family: var(--font-primary);
  }
  
  .footer-title {
    font-weight: 600;
    margin-bottom: 16px;
    font-size: 20px;
    font-family: var(--font-primary);
    color: #ffffff;
  }
  .bottom-content {
    font-size: 12px;
    font-weight: 400;
    font-family: var(--font-primary);
    color: #B5C3D3;
    margin-bottom: 40px;
  }
  .desclamer-wrapper span{
    font-size: 12px;
    font-weight: 700;
    color: #B5C3D3;
    font-family: var(--font-primary);
  }
  .desclamer-wrapper p{
    font-size: 12px;
    margin-bottom: 8px;
    font-weight: 400;
    color: #B5C3D3;
    font-family: var(--font-primary);
  }
  .version-wrapper h6{
    font-size: 14px;
    font-weight: 500;
    color: #B5C3D3;
  }
  .version-wrapper span{
    font-size: 12px;
    font-weight: 400;
    color: #B5C3D3;
  }
  .footer-social-icon {
    gap: 16px;
    margin-bottom: 16px;
  }
  
  @media (max-width: 768px) {
  .footer-menu {
    padding: 0px;
  }
  .footer {
    padding-bottom: 40px;
  }
  .platform-link:nth-child(4) .multi-box img {
  border-radius: 28px; 
}
  }
  
  @media (min-width: 767px) and (max-width: 992px){
  .footer-menu {
    padding: 0px;
  }
  }
  
  @media (max-width: 1100px) {
  .footer-social-icon {
    gap: 8px;
  }
  }
  
  /* Mobile accordion footer only */
  .footer-menu .accordion-item {
    background-color: #000;
    border: none;
    border-bottom: 1px solid #222;
  }
  
  .footer-menu .accordion-button {
    background-color: var(--color-text-secondary);
    color: #B5C3D3;
    font-size: 16px;
    font-family: var(--font-primary);
    font-weight: 500;
    padding: 12px 0;
    box-shadow: none;
    transition: background-color 0.3s ease-out, color 0.3s ease-out;
  }
  
  .footer-menu .accordion-button:not(.collapsed) {
    background-color: var(--color-text-secondary);
    color: #B5C3D3;
  }
  
  .footer-menu .accordion-button::after {
    filter: invert(1);
    transition: transform 0.3s ease-out;
  }
  
  .footer-menu .accordion-body {
    background-color: var(--color-text-secondary);
    color: #B5C3D3;
    padding: 10px 0;
  }