/* --------------------------------------------------------------------------
BASE STYLES: CSS RESET AND NORMALIZATION
-------------------------------------------------------------------------- */
/* 1. Box Model Reset  */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
html, * {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* 2. Element Margin Reset */
body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd {
  margin: 0;
}

/* 3. List Reset  */
ul, ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* 4. Text & Rendering Defaults */
html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

/* 5. Media Responsiveness */
img {
  max-width: 100%;
  height: auto;
}

/* 6. Form Element Reset */
input, button, textarea, select {
  font: inherit;
  margin: 0;
}

/* 7. Focus Reset */
button:focus, a:focus {
  outline: none;
}

/* 8. Button Reset */
button {
  border: none;
  cursor: pointer;
  background-color: transparent;
  display: inline-block;
}

/* 9. Link Reset */
a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: none;
}

.block {
  display: block;
}
.fontBold{
  font-weight: 650;
}



/* Fonts CSS */


@font-face {
    font-family: 'HalyardMicro-Regular';
    src: url('../fonts/halyard_micro/HalyardMicro-Regular.woff2') format('woff2'),
        url('../fonts/halyard_micro/HalyardMicro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Halyard Micro Medium';
    src: url('../fonts/halyard_micro/HalyardMicroMedium-Regular.woff2') format('woff2'),
        url('../fonts/halyard_micro/HalyardMicroMedium-Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Halyard Micro Bold';
    src: url('../fonts/halyard_micro/HalyardMicro-Bold.woff2') format('woff2'),
        url('../fonts/halyard_micro/HalyardMicro-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Allumi_Std';
    src: url('../fonts/Allumi/fonnts.com-Allumi_Std.woff2') format('woff2'),
        url('../fonts/Allumi/fonnts.com-Allumi_Std.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Allumi_Std Light';
    src: url('../fonts/Allumi/fonnts.com-Allumi_Std_Light.woff2') format('woff2'),
        url('../fonts/Allumi/fonnts.com-Allumi_Std_Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Allumi_Std Bold';
    src: url('../fonts/Allumi/fonnts.com-Allumi_Std_Bold.woff2') format('woff2'),
        url('../fonts/Allumi/fonnts.com-Allumi_Std_Bold.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* --------------------------------------------------------------------------
BASE STYLES: TYPOGRAPHY
This file sets global styles for standard text elements (h1, p, a, etc.)
using variables defined in _variables.scss.
-------------------------------------------------------------------------- */
/* 1. Body & Global Text Defaults */
body {
    font-family: 'Allumi_Std';
  font-optical-sizing: auto;
  font-size: 20px;
  line-height: 180%;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #FFFFFF;
}

/* 2. Headings (H1 to H6) /
/ Define the hierarchy of headings */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.2;
}

h1 {
  font-size: 11.1rem;
}

h2 {
  font-size: 3.6rem;
}

h3 {
  font-size: 2.8rem;
}

h4 {
  font-size: 2.2rem;
}

h5 {
  font-size: 1.8rem;
}

h6 {
  font-size: 1.6rem;
  text-transform: uppercase;
}

/* 3. Paragraphs */
p {
  margin-bottom: 1.5rem;
}
header{
    background: #FFFFFF;
    box-shadow: 0px 4px 5px 0px #00000017;
    padding: 8px 0;
    width: 100%;
    transition: all ease 0.4s;
}
header .container{
    display: flex;
}
header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    animation: slideDown .8s forwards;
}
@keyframes slideDown {
    0% {
        top: -100px;
    }
    100% {
        top: 0;
    }
}
.italic{
    font-style: italic;
}
.btnPrimary{
    position: relative;
    background: linear-gradient(180deg, #05526246 0%, #0094b23b 100%);
    padding: 15px;
    border-radius: 9999px;
    display: inline-block;
    align-self: center;
}
.btnPrimary span{
    background-image: url(../images/promises/arrowWhite.webp),linear-gradient(180deg, #055262 0%, #0093B2 100%);
    background-size: 39px 39px, cover;
    background-repeat: no-repeat;
    background-position: right 41px center, center center;
    display: inline-block;
    border-radius: 9999px;
    border: 1px solid #D2B6B1;
    opacity: 1;
    padding: 12px 113px 12px 36px;
    font-family: 'Halyard Micro Bold';
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    line-height: 125%;
    letter-spacing: -4%;
    text-align: center;
    color: #FFFFFF;
}

html {
  touch-action: manipulation;
  overscroll-behavior: contain;
}
.text-center{
  text-align: center;
}
.block{
    display: block;
}
.container{
    max-width: 1800px;
    width: calc(100% - 40px);
    margin: 0 auto;
}

.textGreen{
    color: #005B44;
     -webkit-text-stroke: 0.5px #5F020D;
}
.textBlue{
    color: #055262;
}
.textRed{
    color: #5F020D;
    -webkit-text-stroke: 0.5px #5F020D;
}
.textWhite{
    color: #FFFFFF;
}
.sectionHeading{
    font-family: 'Halyard Micro Medium';
    font-weight: 500;
    font-style: Medium;
    font-size: 68px;
    line-height: 135%;
    letter-spacing: -6%;
}
.gradient{
   background: linear-gradient(180deg, #9E0313 0%, #FC8054 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;  
}
.sectionHeadingMd{
    font-family: 'Halyard Micro Medium';
    font-weight: 500;
    font-style: Medium;
    font-size: 48px;
    line-height: 135%;
    letter-spacing: -6%;
}
.sectionHeadingSm{
    font-family: 'Halyard Micro Medium';
    font-weight: 500;
    font-style: Medium;
    font-size: 36px;
    line-height: 135%;
    letter-spacing: -6%;
}
.subTitle{
    font-weight: 400;
    font-size: 40px;
    line-height: 160%;
    letter-spacing: -6%;
    text-align: center;
    font-family: 'Halyard Micro Medium';
    display: block;
}

.sticky-apply-btn {
    position: fixed;
    top: 35%;
    right: 0;
    transform: translateY(-50%) rotate(-90deg);
    transform-origin: bottom right;
    background: linear-gradient(180deg, #055262 0%, #0093B2 100%);
    color: white;
    padding: 12px 24px;
    font-family: sans-serif;
    font-weight: bold;
    text-decoration: none;
    border-radius: 4px 4px 0 0;
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    transition: right 0.3s ease;
    font-family: 'Halyard Micro Bold';
}



header{
    background: #FFFFFF;
    box-shadow: 0px 4px 5px 0px #00000017;
    padding: 8px 0;
}
header .container{
    display: flex;
}
.logo{
    margin-right: auto;
}
.logo img{
    height: 85px;
    max-width: 100%;
}

/* heroBannerSection css */

.heroBannerSection{
    background: url('../images/heroBanner/bg.webp') no-repeat left bottom;
    background-size: cover;
}
.heroBannerSection .container{
    background: url('../images/heroBanner/object.webp') no-repeat left bottom;
    background-size: auto 100%;
}
.contentBlock{
    padding: 150px 0 190px;
    max-width: 936px;
    width: 52%;
    margin: 0 auto;
    text-align: center;
}
.contentBlock h1{
    font-family: 'Halyard Micro Medium';
    font-size: 64px;
    line-height: 135%;
    letter-spacing: -6%;
    color: #054662;
    margin-bottom: 28px;
    text-align: center;
}

.quoateBlock{
    position: relative;
    max-width: 700px;
    margin: 0 auto 23px;
    color: #220607;
    display: inline-block;
}
.quoateBlock .inner{
    font-family: 'Halyard Micro Bold';
    font-weight: 700;
    font-style: Bold;
    font-size: 40px;
    line-height: 125%;
    letter-spacing: -4%;
    text-align: center;
    color: #ffffff;
    background-color: #0688A3;
    padding: 17px 21px;
    z-index: 9;
    position: relative;
}
.quoateBlock::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translate(12px, 12px);
    background-color: #01414E;
    top: 0;
    left: 0;
    z-index: 0;
}

.subBannerTitle{
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    display: block;
    margin: 0 auto;
    line-height: 135%;
    letter-spacing: -2%;
    text-align: center;
    color: #220607;
    max-width: 500px;
    text-align: center;
}

/* FormController CSS */
.formContainer{
    max-width: 416px;
    width: 22%;
    margin: 0 auto;
    position: absolute;
    background: linear-gradient(180deg, #055262 0%, #00596C 100%);
    border-radius: 40px;
    border: 1px solid #FFFFFF;
    top: 25%;
    right: 2%;
    min-height: 450px;
    overflow: hidden;
}
.ttlForm {
    color: #fff;
    font-size: 32px;
    text-align: center;
    padding: 10px;
}
.formContainer.top{
    top: 0%;
}
.thankyouBanner{
    min-height: calc(100vh - 80px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.thankyouBanner p{
    max-width: 500px;
    margin: 20px auto 0;
}

/* transformationSection Section */

.transformationSection{
    background: url('../images/university/transformationSection.webp') no-repeat right bottom;
    background-size:cover;
}
.transformationSection .sectionHeading{
    max-width: 1270px;
    margin: 0 auto;
    margin-bottom: 0px;
}
.transformationSection .subTitle{
    margin-bottom: 60px;
}
.transformationSection .container{
    padding: 60px 0 80px;
    background: url('../images/university/object2.webp') no-repeat center center;
    background-size: auto 393px;
}
.transformationTab {
    display: none; 
}
.transformationRow{
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}
.transformationCol{
    box-shadow: 4px 4px 10px 0px #00000026;
    border-radius: 20px;
    max-width: 737px;
    width: 42.5%;
    background-color: #fff8eecc;
    position: relative;
}

.transformationCol .heading{
    background: linear-gradient(180deg, #F26522 0%, #C44000 100%);
    border-radius: 16px;
    padding: 17px 32px;
}
.transformationCol .heading span{
    font-family: 'Halyard Micro Medium';
    font-weight: 500;
    font-size: 32px;
    line-height: 125%;
    letter-spacing: -4%;
    display: block;
    background: linear-gradient(180deg, #FFFFFF 0%, #CDFFF2 100%);
    text-align: center;
    /* 2. Clip the background to the shape of the text */
    -webkit-background-clip: text;
    background-clip: text;
    /* 3. Make the text transparent so the background shows through */
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.transformationCol .bottomBlock{
    padding: 10px 30px 30px;
}
.bottomBlock ul li{
    background-size: 48px 48px;
    background-position: left top 20px;
    background-repeat: no-repeat;
    width: 100%;
    line-height: 25px;
    padding: 20px 0 20px 70px;
     font-family: 'Allumi_Std';
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    letter-spacing: -2%;
    color: #220607;
    border-bottom: 0.5px solid #0000005b;
}
.bottomBlock ul li:last-child{
    border-bottom: 0;
}
.bottomBlock ul li span{
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -2%;
    color: #220607;
    display: block;
}
.growUl li:nth-child(1){
    background-image: url('../images/university/grow-1.webp');
}
.growUl li:nth-child(2){
    background-image: url('../images/university/grow-2.webp');
}
.growUl li:nth-child(3){
    background-image: url('../images/university/grow-3.webp');
}
.growUl li:nth-child(4){
    background-image: url('../images/university/grow-4.webp');
}


.valueUl li:nth-child(1){
    background-image: url('../images/university/value-1.webp');
}
.valueUl li:nth-child(2){
    background-image: url('../images/university/value-2.webp');
}
.bottomNote{
    max-width: 889px;
    margin: 0 auto;
    box-shadow: 4px 4px 10px 0px #00000026;
    padding: 28px;
    font-size: 24px;
    border-radius: 20px;
    font-weight: 700;
    text-align: center;
}


/* Program CSS */
.programSection{
    background: url('../images/programs/programBg.webp') no-repeat top center;
    background-size: cover;
    padding: 80px 0 78px;
}

.programSection .container{
    width: calc(100% - 80px);
}
.programSection .sectionHeading{
    margin-bottom: 10px;
}
.programSection .subTitle{
    margin-bottom: 25px;
    color: #220607;
}
.programScaleContentMain {
    width: 100%;
    max-width: 722px;
}
.programRow{
    display: flex;
    justify-content: center;
    gap: 122.58px;
}
.programMainTitle {
    text-align: center;
    margin-bottom: 30px;
    color: #333;
    font-size: 1.5rem;
}
.programScaleImage{
    max-width: 603.5px;
    width: 100%;
}
/* Image Container */
.programScaleImage {
    position: relative;
    width: 100%;
    /* You might want a max-width here depending on your layout */
}

/* Hide all images by default */
.programImg {
    display: none;
    width: 100%;
    height: auto;
    animation: fadeIn 0.4s ease-in-out;
}

/* Only show the active one */
.programImg.active {
    display: block;
}

/* Simple fade animation */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
/* Card/Item Styles */
.programItem {
    border-radius: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

/* Header (Clickable Area) */
.programHeader {
    display: flex;
    align-items: center;
    padding: 20px 30px;
    cursor: pointer;
    position: relative;
    user-select: none;
}

/* Icon Wrapper */
.programIconWrapper {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
}

.programIconWrapper img {
    width: 58px;
    height: 58px;
    object-fit: contain;
}

/* Title Styling */
.programHeaderTitle {
    font-family: 'Halyard Micro Medium';
    font-weight: 400;
    font-style: Regular;
    font-size: 32px;
    line-height: 135%;
    letter-spacing: -6%;
    color: #000000;
    padding-right: 60px;
}

.programHighlightRed {
    color: #5F020D;
    margin-right: 5px;
}

/* Toggle Icon */
.programToggleIcon {
    width: 50px;
    height: 50px;
    object-fit: contain;
    transition: transform 0.3s ease;
    position: absolute;
    right: 15px;
}

/* Content Body */
.programScaleContent {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
}

.programContentInner {
    padding: 0 30px 30px 30px; /* Indented alignment */
}

/* List Styling */
.programContentInner ul {
    list-style: none;
}

.programContentInner li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 12px;
    color: #000000;
    font-weight: 300;
    font-style: Light;
    font-size: 18px;
    line-height: 135%;
    letter-spacing: -2%;
}

.programContentInner li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #333;
    font-weight: bold;
}

        /* Responsive Adjustments */
        
/* Industry CSS  */
            /* --- Industry Section Styles --- */

.industrySection {
    width: 100%;
    position: relative;
    background: linear-gradient(180deg, #055262 0%, #0093B2 100%);
    padding: 60px 0 70px;
}

/* Swiper Container */
.industrySwiper {
    padding-top: 20px; 
    padding-bottom: 50px;
    overflow: hidden; 
}

.industrySlide {
    height: 497px; 
    flex-shrink: 0;
}

        /* Card Container */
.industryCard {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    background: url('../images/industry/bg.webp') no-repeat center bottom, #ffffff;
    background-size: cover; 
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    cursor: pointer;
    /* Fix: Ensures no content leaks */
    transform: translateZ(0); 
}

        /* Image Wrapper */
.industryImageWrapper {
    width: 100%;
    height: 100%;
    position: relative;
    transition: height 0.4s ease;
    overflow: hidden;
}

.industryImageWrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
    object-position: top center;
}

/* Dark Overlay */
.industryOverlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 10%, transparent);
    transition: opacity 0.3s ease;
    pointer-events: none;
}

/* Toggle Button (+ / -) */
.industryToggleBtn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 89px;
    height: 89px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    font-size: 48px;
    color: #9E0313;
    font-weight: bold;
    user-select: none;
}
.industryToggleBtn img{
    width: 60px;
    height: 60px;
}
/* Content Area */
.industryContent {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 30px 30px;
    transition: all 0.4s ease;
    color: #fff;
    
    /* Scrollbar Hiding Logic */
    overflow-y: auto;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

        /* Hide scrollbar for Chrome, Safari and Opera */
.industryContent::-webkit-scrollbar {
    display: none;
}

.industryTitle {
    font-family: 'Halyard Micro Bold';
    font-weight: 500;
    font-style: Medium;
    font-size: 32px;
    line-height: 135%;
    letter-spacing: -6%;
    color: #FFFFFF;
}

.industryDescription {
    font-weight: 300;
    font-size: 18px;
    line-height: 135%;
    letter-spacing: -2%;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.4s ease;
    color: #000000;
}

.industryDescription ul {
    margin-top: 8px;
    list-style: none;
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.industryDescription li {
    margin-bottom: 4px;
    padding-left: 15px;
    position: relative;
}

.industryDescription li::before {
    content: "•";
    color: #d32f2f;
    font-weight: bold;
    position: absolute;
    left: 0;
}

/* --- Active / Expanded State --- */
.industryCard.industryActive .industryImageWrapper {
    height: 55%; /* Reduced image height to give text more room */
}

.industryCard.industryActive .industryOverlay {
    opacity: 0;
}

.industryCard.industryActive .industryContent {
    height: 45%; /* Increased content height */
    background: url('../images/industry/bg.webp') no-repeat center bottom;
    background-size: cover;
    color: #000;
}

.industryCard.industryActive .industryTitle {
    color: #055262;
    font-size: 24px;
}

.industryCard.industryActive .industryDescription {
    max-height: 500px;
    opacity: 1;
    margin-top: 10px;
}

/* Pagination */
.swiper-pagination-bullet {
    background: #fff;
    opacity: 0.5;
    width: 10px;
    height: 10px;
}
.swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
    width: 25px;
    border-radius: 5px;
}
/* Industry CSS End */
/* recruiterSection Section */
.recruiterSection{
    padding: 80px 0 100px;
}
.recruiterSection .sectionHeadingMd, .collaborationsSection .sectionHeadingMd{
    margin-bottom: 50px;
}
.recruitersLeftSwiper .swiper-wrapper,
.recruitersRightSwiper .swiper-wrapper , .collaborationLeftSwiper .swiper-wrapper{
  transition-timing-function: linear !important;
  align-items: center;
}
.recruitersLeftSwiper .swiper-slide,
.recruitersRightSwiper .swiper-slide, .collaborationLeftSwiper .swiper-slide{
  border-radius: 15px;
  padding: 10px 15px;
}
.recruitersLeftSwiper .swiper-slide img,
.recruitersRightSwiper .swiper-slide img, .collaborationLeftSwiper .swiper-slide img    {
  width: 100%;
  height: auto;
  object-fit: contain;
  box-shadow: 0px 0px 12.2px 0px #5151511A inset;
  box-shadow: 0px 0px 13.8px 0px #00000014;
  border-radius: 15px;
}

/* collaborationsSection css */
.collaborationsSection{
    padding: 0 0 100px;
}
.collaborationsSection .sectionHeading{
    margin-bottom: 40px;
}
/* Program End */



/* Carrer CSS */
.careerSection {
    width: 100%;
    position: relative;
    text-align: center;
    background: linear-gradient(180deg, #055262 0%, #0093B2 100%);
    padding: 50px 0 44px;
}

/* --- Swiper Container --- */
.careerSwiper {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.swiper-wrapper {
    align-items: center;
}

.careerSwiper .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 576px; /* Fixed width is mandatory */
    height: 453px;
    user-select: none;
}

/* --- Card Styling --- */
.careerCard {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    transition: all 0.3s ease;
    
    /* Glassy Inactive State */
    background: #FFFFFF1A;

    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.596);
    opacity: 0.9; 
}

.careerImgBox {
    width: 100%;
    height: 100%;
    padding: 12px 12px 0 12px; 
    overflow: hidden;
}

.careerImgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px 15px 5px 5px;
    display: block;
    filter: grayscale(80%); /* Inactive images are gray */
    transition: filter 0.3s;
    object-position: top center;
}

.careerContent {
    height: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.careerTitle {
    font-weight: 500;
    color: #fff;
    transition: color 0.3s ease;
    font-weight: 650;
    font-style: Demi;
    font-size: 24px;
    line-height: 135%;
    letter-spacing: -2%;
}

/* --- ACTIVE SLIDE Styling --- */

.swiper-slide-active {
    z-index: 10;
}

.swiper-slide-active .careerCard {
    background-color: #fff; 
    border: none;
    opacity: 1; 
    transform: scale(1.1); /* Scale up center */
}

.swiper-slide-active .careerImgBox img {
    filter: grayscale(0%); /* Full color */
}

.swiper-slide-active .careerTitle {
    background: linear-gradient(180deg, #9E0313 0%, #FC8054 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text; /* for future support */
    font-weight: 700;
    font-size: 1.4rem;
    font-weight: 700;
    font-size: 32px;
    line-height: 135%;
    letter-spacing: -2%;
}

/* --- Navigation Arrows --- */
.careerNavContainer {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
    position: relative;
    z-index: 20;
}

.careerNavBtn {
    width: 60px;
    height: 60px;
    background-size: 39px 39px, cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 4px solid #0094b285;
    color: #d32f2f;
    font-size: 1.2rem;
    transition: transform 0.2s;
}

.careerNavBtn:hover {
    transform: scale(1.1);
    background-color: #f9f9f9;
}
.careerPrev{
    background-image: url(../images/career/arrowRight.webp);
}
.careerNext{
    background-image: url(../images/career/arrowLeft.webp);
}
/* 
Testimonails CSS */

/* --- Container --- */
.testimonial-section {
    padding: 60px 0;
    background-color: #FFF9F2;
    font-family: 'Segoe UI', sans-serif;
    overflow: hidden;
    text-align: center;
    width: 100%;
}



/* --- Swiper Styles --- */
.testimonialSwiper {
    width: 100%;
    padding-bottom: 50px;
    padding-top: 60px;
}

/* 
   1. INACTIVE SLIDES 
   Set to 20% width. 
*/
.testimonial-section .swiper-slide {
    height: 450px; 
    width: 20%; /* Percentage ensures they fit on screen */
    transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    opacity: 1; 
    position: relative;
    z-index: 1;
}

/* 
   2. ACTIVE SLIDE (Middle)
   Set to 36% width. 
   This expands the middle while pushing neighbors to the side.
*/
.testimonial-section .swiper-slide-active {
    width: 36%;
    z-index: 10;
}



/* historySection CSS */

.historySection{
    background: url(../images/history/bg.webp) no-repeat center center;
    background-size: cover;
    padding: 61px 0 61px;
}
.historySection .container{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.infoHistory{
    background: #22060782;
    backdrop-filter: blur(35.29999923706055px);
    padding: 30px 40px;
    border-radius: 23px;
    max-width: 587px;
    width: 100%;
}
.historySection .sectionHeading{
    font-weight: 800;
}
.infoHistory p{
    font-family: 'Allumi_Std';
    font-weight: 400;
    font-style: Demi;
    font-size: 24px;
    line-height: 135%;
    letter-spacing: -2%;
    text-align: center;
    color: #ffffff;
}
.infoHistory p.fontBold{
    font-weight: 600px;
    font-family: 'Allumi_Std Bold';
}
.infoHistoryRow{
    max-width: 587px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 30px;
}
.infoHistoryCol{
    width: 50%;
    color: #ffffff;
    background-size: 72px 72px;
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 82px;
    text-align: center;
    font-weight: 400;
    font-size: 24px;
    line-height: 135%;
    letter-spacing: -2%;
    text-align: center;

}
.infoHistoryCol:nth-child(1){
    background-image: url(../images/history/icon-1.webp);
}
.infoHistoryCol:nth-child(2){
    background-image: url(../images/history/icon-2.webp);
}
.infoHistoryCol:nth-child(3){
    background-image: url(../images/history/icon-3.webp);
}


/* --- Responsive Adjustments --- */
@media (max-width: 1200px) {
    /* Slightly Adjust for smaller laptops to keep text readable */
    .testimonial-section .swiper-slide { width: 25%; }
    .testimonial-section .swiper-slide-active { width: 40%; }
}

@media (max-width: 768px) {
    /* Tablet: Show 1 full, 2 partials */
    .testimonial-section .swiper-slide { width: 28%; height: 400px; }
    .testimonial-section .swiper-slide-active { width: 50%; }
}

@media (max-width: 500px) {
    /* Mobile: Show 1 focused slide */
    .testimonial-section .swiper-slide { width: 85%; height: 380px; }
    .testimonial-section .swiper-slide-active { width: 85%; }
}

/* --- Card Design (Unchanged) --- */
.testimonial-card {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-image: url(../images/testimonails/testimonail_bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
}

/* Content Layout */
.testimonial-info {
    text-align: center;
    padding-top: 25px;
    color: white;
    z-index: 2;
    min-width: 150px; /* Prevents text squashing */
    margin: 0 auto;
}
.testimonial-info h4 { 
    margin: 0;
    font-family: 'Halyard Micro Medium';
    font-weight: 400;
    font-style: Regular;
    font-size: 24px;
    line-height: 135%;
    letter-spacing: -6%;
    text-align: center;
    color: #ffffff;
}
.testimonial-info span { 
    font-weight: 300;
    font-style: Light;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 135%;
    letter-spacing: -2%;
    text-align: center;
    color: #FFFFFF;
}

/* Image Area */
.testimonial-image-area {
    flex-grow: 1;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    width: 100%;
}

.testimonial-image-area img {
    width: 100%;
    height: 100%;
    object-fit: contain; 
    object-position: top center;
}

/* Play Button */
.testimonial-play-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 80px;
    height: 80px;
    background: url(../images/testimonails/play.webp) no-repeat center center;
    background-size: contain;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    cursor: pointer;
    z-index: 5;
    transition: transform 0.2s;
}
.testimonial-play-btn i { color: #cc0000; font-size: 18px; margin-left: 3px; }
.testimonial-play-btn:hover { transform: scale(1.1); }

/* Navigation */
.testimonial-nav-controls {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 10px;
}
.testimonial-prev, .testimonial-next {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-size: contain;
}
.testimonial-prev{
   background-image: url(../images/testimonails/leftArrow.webp);
}
.testimonial-next{
    background-image: url(../images/testimonails/rightArrow.webp);
}
.eductaionSection{
    padding: 100px 0;
}
.eductaionSection .container{
    max-width: 1496px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    gap: 50px;
}
.eductaionSection .leftSide{
    max-width: 557px;
    width: 100%;
}
.eductaionSection .leftSide p{
    margin-bottom: 0;
}
.eductaionSection .btnPrimary{
    margin-top: 40px;
}

.rightSideEduRow{
    display: flex;
    gap: 20px;
}
.rightSideEduCol{
    max-width: 435px;
    width: 100%;
    background: url(../images/education/bg.webp) no-repeat center center, #FFF8EE;
    background-size: cover;
    padding: 30px;
    display: flex;
    flex-direction: column;
    border: 1px solid #B2B2B2;
    border-radius: 20px;
}
.rightSideEduCol .cardHeading{
    font-weight: 650;
    font-style: Demi;
    font-size: 27px;
    line-height: 135%;
    letter-spacing: -2%;
    color: #220607;
}
.rightSideEduCol p{
    font-weight: 650;
    font-style: Demi;
    font-size: 18px;
    line-height: 135%;
    letter-spacing: -2%;
    color: #220607;
}
.rippleCircle{
    margin: auto 0;
    text-align: center;
}
.featureList{
    list-style: disc;
    padding-left: 20px;
}
.featureList li{
    font-weight: 400;
    font-style: Book;
    font-size: 18px;
    line-height: 135%;
    letter-spacing: -2%;
    color: #220607;
}

.bottomSection{
    background: url(../images/bottom/bottom.webp) no-repeat center center;
    background-size: cover;
}
.bottomContainer{
    background-image: url(../images/bottom/boys.webp), url(../images/bottom/girl.webp), url(../images/bottom/circle-1.webp), url(../images/bottom/circle-2.webp);
    background-repeat: no-repeat;
    background-size: auto calc(100% - 20px), auto calc(100% - 20px), 25% auto, 25% auto;
    background-position: left bottom, right bottom, left bottom, right bottom;
    padding: 77px 0 53px;
}

.middleBlock{
    max-width: 1030px;
    width: calc(100% - 60px);
    margin: 0 auto;
}
.middleBlock p{
    font-family: 'HalyardMicro-Regular';
    font-weight: 400;
    font-style: Regular;
    font-size: 32px;
    line-height: 135%;
    letter-spacing: -6%;
    text-align: center;
    color: #220607;
    -webkit-text-stroke: 0.5px #5F020D;
    margin-bottom: 10px;
}
.middleBlock h2{
    text-align: center;
    margin-bottom: 45px;
}
.bottomSection .quoateBlock{
    max-width: 750px;
    width: 100%;
    margin-bottom: 50px;
}
.bottomSection .coursesBlock{
    max-width: 809px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.bottomSection .coursesBlock .spanOne{
    display: block;
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    line-height: 135%;
    letter-spacing: -2%;
    text-align: center;
    margin-bottom: 20px;
    color: #220607;
     -webkit-text-stroke: 0.5px #055262;
}
.coursesBlock ul{
    list-style: disc;
    list-style-position: inside;
    margin-bottom: 35px;
}



/* Footer CSS */
footer{
    background-color: #046073;
    padding: 15px 0;
}
footer p{
    font-weight: 400;
    font-style: Bold;
    font-size: 24px;
    line-height: 135%;
    letter-spacing: -2%;
    text-align: center;
    color: #ffffff;
    margin-bottom: 0;
}
/* --- Responsive --- */
@media (max-width: 991px) {
    .industrySwiper { height: auto; }
    .industry-slide { width: 85vw; height: 500px; }
    .industry-slide.swiper-slide-active { width: 85vw; }
    .industry-slide-inner { flex-direction: column-reverse; }
    .industry-slide.swiper-slide-active .industry-text-panel { width: 100%; height: 60%; padding: 20px; }
    .industry-slide.swiper-slide-active .industry-image-panel { width: 100%; height: 40%; padding: 0; }
    .industry-slide.swiper-slide-active .industry-image-panel img { border-radius: 0; }
}


@media screen and (max-width: 1800px){
    .contentBlock h1{
        font-size: 54px;
    }
    .quoateBlock .inner{
        font-size: 36px;
    }
    .sectionHeading{
        font-size: 54px;
    }
    .sectionHeadingMd{
        font-size: 42px;
    }
    .subTitle{
        font-size: 36px;    
    }

}
@media screen and (max-width: 1600px){
    .contentBlock{
        width: 48%;
        padding: 92px 0 150px;
    }
    .transformationCol{
        width: 40%;
    }
    .programHeaderTitle{
        font-size: 28px;
    }
    .sectionHeading{
        font-size: 50px;
    }
}
@media screen and (max-width: 1440px){
    .logo img {
        height: 60px;
        max-width: 100%;
    }
    .contentBlock{
        padding: 100px 0 160px;
    }
    .heroBannerSection .container{
        background-size: auto 90%;
    }
    .transformationSection .subTitle{
        margin-bottom: 40px;
    }
    .bottomBlock ul li span, .bottomBlock ul li{
        font-size: 16px;
    }
    .contentBlock h1{
        font-size: 46px;
    }
    .quoateBlock .inner{
        font-size: 24px;
    }
     .sectionHeading{
        font-size: 48px;
    }
    .sectionHeadingMd{
        font-size: 36px;
    }
    .subTitle{
        font-size: 28px;    
    }
    .transformationCol{
        width: 40%;
    }
    .transformationCol .heading span{
        font-size: 21px;
    }
    .transformationCol .heading{
        padding: 12px 32px;
    }
    .bottomBlock ul li{
        font-size: 18px;
        background-size: 40px 40px;
        padding-left: 50px;
    }
    .programHeader{
        padding: 15px 20px;
    }
    .programHeaderTitle, .industryTitle, .swiper-slide-active .careerTitle{
        font-size: 24px;
    }
    .programScaleImage{
        max-width: 460px;
    }
    .programRow{
        gap: 60px;
    }
    .industryToggleBtn{
        width: 60px;
        height: 60px;
    }
    .industryToggleBtn img{
        width: 48px;
        height: 48px;
    }
    .middleBlock{
        max-width: 700px;
    }
    footer p{
        font-size: 20px;
    }
    .infoHistory p, .infoHistoryCol, .industryCard.industryActive .industryTitle{
        font-size: 21px;
    }
    .infoHistoryCol{
        background-size: 60px 60px;
        padding-top: 72px;
    }
    .industryDescription{
        font-size: 16px;
    }
}
@media screen and (max-width: 1280px){
    .contentBlock h1{
        font-size: 42px;
    }
    .quoateBlock .inner{
        font-size: 24px;
    }
    
      .sectionHeading{
        font-size: 42px;
    }
    .sectionHeadingMd{
        font-size: 32px;
    }
    .subTitle{
        font-size: 24px;    
    }
    .transformationCol{
        width: 40%;
    }
    .programScaleImage{
        max-width: 350px;
    }
    .industrySlide{
        height: 360px;
    }
   
    .programHeaderTitle, .industryTitle, .swiper-slide-active .careerTitle{
        font-size: 18px;
    }
    .programContentInner li{
        font-size: 16px;
    }
    .bottomSection .quoateBlock{
        max-width: 550px;
    }
    .bottomContainer{
         background-size: auto 500px, auto 500px, 25% auto, 25% auto;
    }
     .careerSwiper .swiper-slide{
        height: 340px;
    }
    .infoHistory{
        max-width: 480px;
    }
    .recruiterSection{
        padding: 60px 0 40px;
    }
    .collaborationsSection{
        padding-bottom: 60px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1080px) {
    .contentBlock{
        margin-left: auto;
        margin-right: unset;
    }
    .contentBlock h1 {
        font-size: 36px;
    }
    .quoateBlock .inner {
        font-size: 24px;
    }
    .contentBlock {
        padding: 80px 0 100px;
    }
    .formContainer {
        position: unset;
        margin: 30px auto 30px;
        width: calc(100% - 60px);
    }
    .bottomSection .middleBlock{
        max-width: 450px;
    }
     .bottomContainer{
         background-size: auto 300px, auto 300px, 25% auto, 25% auto;
    }
}

@media screen and (max-width: 768px){
    .heroBannerSection{
        background: url('../images/heroBanner/bgMb.webp') no-repeat center bottom;
        background-size: cover;
    }
    .heroBannerSection .container{
        background-size: auto 354px;
        background-position: center bottom;
    }
    .sectionHeading{
        font-size: 36px;
    }
    .sectionHeadingMd{
        font-size: 32px;
    }
    .subTitle{
        font-size: 24px;    
    }
    .contentBlock{
        padding: 50px 0 380px;
    }
    .contentBlock{
        width: 100%;
    }
    .formContainer {
        position: unset;
        margin: 30px auto 30px;
        width: calc(100% - 60px);
    }
    .promisesContainer {
        flex-direction: column;
    }
    
    .RightPromisesColumn {
        min-height: auto; /* Allow auto height on mobile */
        width: 100%;
    }
    .transformationTab{
        display: flex;
        gap: 10px;
        justify-content: center;
        margin-bottom: 25px;
    }
    .transformationTab li{
        color: #661B20;
        padding: 13px 20px;
        border: 1px solid #B2B2B2;
        border-radius: 6px;
         font-family: 'Halyard Micro Bold';
        font-weight: 500;
        font-style: Medium;
        font-size: 15px;
    }
    .transformationTab li.active{
        background: linear-gradient(180deg, #9E0313 0%, #FC8054 100%);
        color: #ffffff;
    }
    .transformationSection .container{
        padding: 60px 0 389px;
        background: url('../images/university/object2.webp') no-repeat center bottom 20px;
        background-size: auto 403px;
    }
    .transformationCol{
        display: none;
        width: 100%;
        padding: 20px;
    }
    .transformationCol.active{
        display: block;
    }

    .transformationCol .heading span{
        font-size: 20px;
    }
    .transformationCol .heading{
        padding: 10px;
        border-radius: 10px;
    }
    .bottomBlock ul li{
        background-size: 30px 30px;
        padding-left: 50px;
        font-size: 16px;
    }
    .transformationCol .bottomBlock{
        padding: 0;
    }
    .programRow{
        flex-direction: column;
    }
    .programHeader{
        padding: 10px;
    }
    .programIconWrapper img, .programIconWrapper{
        width: 58px;
        height: 58px;
    }
    .programToggleIcon{
        width: 30px;
        height: 30px;
    }
    .programHeaderTitle, .industryTitle, .swiper-slide-active .careerTitle{
        font-size: 18px;
    }
    .programContentInner li{
        font-size: 16px;
    }
    .careerSwiper .swiper-slide{
        height: 300px;
    }
    .historySection{
        background: url(../images/history/bgMb.webp) no-repeat top center;
        background-size: cover;
        padding: 205px 0 30px;
    }
    .historySection .container{
        flex-direction: column;
        align-items: center;
    }
    .historySection .sectionHeading{
        order: 2;
    }
    .careerNavBtn{
        width: 40px;
        height: 40px;
        background-size: 24px 24px, cover;
    }
    .infoHistory{
        padding: 20px;
    }
    .infoHistory p{
        font-size: 16px;
    }
    .infoHistoryCol{
        font-size: 14px;
        background-size: 40px 40px;
    }
    .bottomContainer{
        background-size: auto 340px, auto 340px, 25% auto, 25% auto;
        padding-bottom: 380px;
    }
    .bottomContainer .btnPrimary{
        display: none;
    }
    /* .sticky-apply-btn {
        width: 100%;
        top: auto;
        bottom: 0;
        transform: unset;
        left: 0;
        z-index: 999;
        text-align: center;
    } */
         .sticky-apply-btn {
        font-size: 14px;
        padding: 10px;
        line-height: 1;
    }
    footer{
        margin-bottom: 60px;
    }
    .industrySlide{
        height: 326px;
    }
    .industryDescription{
        overflow: visible;
        opacity: 1;
        max-height: 400px;
    }
    .industryContent{
        height: 45%;
        background: url(../images/industry/bg.webp) no-repeat center bottom, #FFFFFF;
        background-size: cover;
        color: #000;
        opacity: 1;
        padding: 10px;
    }
    .industryCard .industryTitle{
        color: #055262;
    }
    .industryDescription{
        font-size: 14px;
    }
    .industryToggleBtn{
        display: none;
    }
}
@media screen and (max-width: 560px){
    .logo img {
        height: 43px;
        max-width: 100%;
    }
     .sectionHeading{
        font-size: 32px;
    }
    .sectionHeadingMd{
        font-size: 28px;
    }
    .subTitle{
        font-size: 20px;    
    }
    .contentBlock h1{
        font-size: 30px;
        margin-bottom: 30px;
    }
    .contentBlock h1 .spanOne{
        margin-top: 10px;
        font-size: 16px;
    }
    .contentBlock h1 .spanSecond{
        margin-top: 10px;
        font-size: 16px;
    }
    .quoateBlock .inner{
        font-size: 18px;
    }
    .transformationSection .container{
        background-size: 163px 163px;
        padding: 30px 0 180px;
    }
    .programIconWrapper{
        margin-right: 10px;
    }
     .programIconWrapper img, .programIconWrapper{
        width: 40px;
        height: 40px;
    }
     .programHeaderTitle, .industryTitle, .swiper-slide-active .careerTitle{
        font-size: 14px;
    }
    .programContentInner li{
        font-size: 14px;
    }
    .programToggleIcon{
        width: 20px;
        height: 20px;
    }
    .swiper-slide-active .careerCard{
        transform: scale(0.9);
    }
    .swiper-slide .careerCard {
       transform: scale(0.7);
    }
    .careerSwiper{
        padding: 0;
    }
    .recruiterSection{
        padding: 40px 0 40px;
    }
    .collaborationsSection{
        padding: 0 0 40px;
    }
    .infoHistoryCol{
        padding-top: 50px;
    }
    .historySection .sectionHeading{
        text-align: center;
        font-size: 32px;
        margin-top: 30px;
    }
    .industryCard.industryActive .industryTitle{
        font-size: 18px;
    }
    .industryDescription{
        font-size: 13px;
        line-height: 18px;
    }
    .industryDescription ul li{
        line-height: 16px;
    }
    .coursesBlock ul{
        font-size: 16px;
    }
    .coursesBlock ul li{
        line-height: 24px;
    }
    .bottomSection .coursesBlock .spanOne{
        font-size: 18px;
    }
    .bottomContainer{
        background-size: auto 240px, auto 240px, 25% auto, 25% auto;
        padding-bottom: 280px;
    }
    footer p{
        font-size: 14px;
    }
}
@media screen and (max-width: 420px){
    .quoateBlock .inner{
        font-size: 16px;
    }
    .contentBlock h1{
        font-size: 28px;
    }
    .subBannerTitle{
        font-size: 16px;
    }
}



.nxFloatWrap {
    position: fixed;
    right: 20px;
    bottom: 5%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 18px;
    z-index: 9999;
}

.nxFloatBtn {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    text-decoration: none;
    position: relative;
    transition: all 0.3s ease;
    animation: nxFloatMove 3s ease-in-out infinite;
}

.nxFloatCall {
    background: linear-gradient(135deg, #2563eb, #1e40af);
    box-shadow: 0 0 20px rgba(37, 99, 235, 0.6);
}

.nxFloatWhatsapp {
    background: linear-gradient(135deg, #25D366, #128C7E);
    box-shadow: 0 0 20px rgba(37, 211, 102, 0.6);
}
.nxFloatWhatsapp .fab{
    font-size: 40px;
}

.nxFloatBtn:hover {
    transform: scale(1.1);
}

@keyframes nxFloatMove {
    0% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
    100% { transform: translateY(0); }
}

.nxFloatBtn::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: nxPulse 2s infinite;
}

.nxFloatCall::after {
    background: rgba(37, 99, 235, 0.4);
}

.nxFloatWhatsapp::after {
    background: rgba(37, 211, 102, 0.4);
}

@keyframes nxPulse {
    0% {
        transform: scale(1);
        opacity: 0.7;
    }
    70% {
        transform: scale(1.6);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@media (max-width: 576px) {
    .nxFloatBtn {
        width: 45px;
        height: 45px;
       
        font-size: 18px;
    }
    .nxFloatWrap {
        right: 12px;
        gap: 14px;
         top: 50%;
    }
}


/* =============================== */
/* Strict Mobile Only Bottom Bar  */
/* =============================== */

/* Hide by default everywhere */
.nxMobileOnlyBar {
    display: none;
}

/* Show ONLY on mobile */
@media (max-width: 760px) {

    .nxMobileOnlyBar {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        display: flex;
        z-index: 9999;
        box-shadow: 0 -4px 12px rgba(0,0,0,0.15);
    }

    .nxMobileOnlyBtn {
        width: 50%;
        padding: 15px 10px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }

    .nxMobWhatsapp {
        /* background: #25D366; */
        background: #220607;
    }

    .nxMobCall {
        background: #E86523;
    }

}

@media screen and (max-width: 767px) {
    .nxFloatBtn {
        display: none;
    }
}