.atropos {
     position: relative;
     display: block;
     perspective: 1200px;
     transform: translate3d(0, 0, 0);
 }

 .atropos-rotate-scroll-x,
 .atropos-rotate-scroll-y,
 .atropos-rotate-touch {
     -webkit-tap-highlight-color: transparent;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
 }

 .atropos-rotate-touch-scroll-y {
     touch-action: pan-y;
 }

 .atropos-rotate-touch-scroll-x {
     touch-action: pan-x;
 }

 .atropos-rotate-touch {
     touch-action: none;
 }

 .atropos-rotate,
 .atropos-scale {
     width: 100%;
     height: 100%;
     transform-style: preserve-3d;
     transition-property: transform;
     display: block;
 }

 .atropos-highlight,
 .atropos-shadow {
     position: absolute;
     pointer-events: none;
     transition-property: transform, opacity;
     display: block;
     opacity: 0;
 }

 .atropos-shadow {
     z-index: -1;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
 }

 .atropos-highlight {
     left: -50%;
     top: -50%;
     width: auto;
     height: auto;
     z-index: 0;
 }

 .atropos-rotate {
     position: relative;
 }

 .atropos-inner {
     width: 100%;
     height: 100%;
     position: relative;
     transform-style: preserve-3d;
     transform: translate3d(0, 0, 0);
     display: block;
 }

 .atropos-active {
     z-index: 1;
 }

 .atropos-active .atropos-shadow {
     opacity: 1 !important;
 }

 ::slotted([data-atropos-offset]),
 [data-atropos-offset] {
     transition-property: transform;
 }

 [data-atropos-opacity] {
     transition-property: opacity;
 }

 ::slotted([data-atropos-offset][data-atropos-opacity]),
 [data-atropos-offset][data-atropos-opacity] {
     transition-property: transform, opacity;
 }

 /* PARALLAX SECTION */
 .parallax-hero-ralb {
     position: relative;
     height: 670px;
     background-image: url('../img/ralb-values-main.png');
     background-size: cover;
     background-position: center, center;
     background-attachment: fixed;
     display: flex;
     align-items: center;
     text-align: center;
     color: #fff !important;
     justify-content: center !important;
 }
.call-center-hero{background-image: url(../img/about-1.png) !important;}
 .rag-fine-hero {
     background-image: url('../img/rag-fine-tuning.png') !important;
     justify-content: center !important;
     height: 670px;
 }
 .gen-ai-hero{background-image: url(../img/gen_ai_cover.jpg) !important;}
 .services-hero{background-image: url(../img/services-cover.png);}
 .career-hero-section{background-image: url(../img/careers-cover.png);}
 .chatboat-hero{background-image: url(../img/chat-boat.png);}
.hero-content-ralb{margin-top: 80px;}
.about-hero{background-image: url(../img/about-cover.jpg);}
.documents-in-hero{background-image: url(../img/document-intelligence-cover.jpg);}
.vision-ai-hero{background-image: url(../img/vision_ai_cover-2.jpg);}
.voice-ai-hero{background-image: url(../img/voice_ai_cover-2.jpg);}
.iot-ai-hero{background-image: url(../img/IoT_cover.jpg);}
.content-genration-hero{background-image: url(../img/gen_ai_content_gen.jpg);}
.agentic-ai-hero{background-image: url(../img/agntic-ai-cover.jpg);}
.rag-hero{background-image: url(../img/rag-fine-tuning.png)}
.defect-hero{background-image: url(../img/vision_ai_defect_detection.jpg)}
.object-traking-hero{background-image: url(../img/vision_ai_object_tracking.jpg);}
.document-recognition-hero{background-image: url(../img/vision_ai_doc_recognition.jpg);}
.video-analytics-hero{background-image: url(../img/vision_ai_video_analytics.jpg);}
.speech-hero{background-image: url(../img/voice_ai_speech_recognition.jpg);}
.conversational-hero{background-image: url(../img/voice_ai_conversational_ai.jpg);}
.voice-synthesis-hero{background-image: url(../img/voice_ai_voice_synthesis.jpg);}
.data-logger-hero{background-image: url(../img/IoT_data_logger.jpg);}
.getway-hero{background-image: url(../img/iot-getway-cover.jpg);}
.predictive-hero{background-image: url(../img/IoT_predictive_intelligence.jpg);}
/* cases-cover-css */
.call-center-hero{background-image: url(../img/Case-Studies/insurance_call_centre.jpg);}
.claim-hero{background-image: url(../img/Case-Studies/claim_registration\ \(2\).jpg);}
.leadin-hero{background-image: url(../img/Case-Studies/insurance_provider\ \(2\).jpg);}
.jewellery-hero{background-image: url(../img/Case-Studies/jewelry_QA.jpg);}
.case-hero{background-image: url(../img/case-cover.jpg);}
.construction-hero{background-image: url(../img/Case-Studies/construction_management.jpg);}
.diamond-hero{background-image: url(../img/Case-Studies/diamond_sales.jpg);}
.invesment-hero{background-image: url(../img/Case-Studies/State_govt_intelligent_investment.jpg);}
.citizens-hero{background-image: url(../img/Case-Studies/empowering_citizens.jpg);}
.maritime-regulations-hero{background-image: url(../img/Case-Studies/navigating-maritime-regulations.jpg);}
.combating-tree-hero{background-image:url(../img/Case-Studies/tree_plantation_fraud.jpg);} 
.visualizing-kitchen-hero{background-image: url(../img/home-04/project/kitchen-manufacturing.jpg);}
.physical-ai-hero{background-image: url(../img/physical-ai.jpg);}
.robotic-hero{background-image: url(../img/robotic-cover.jpg);}
.edge-hero{background-image: url(../img/edge-ai-cover.jpg);}
.auto-hero{background-image: url(../img/auto-cover.jpg);}
.leader-hero{background-image: url(../img/leadership.jpeg);}
/* OVERLAY */
 .parallax-hero-ralb::before {
     content: "";
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.55);
 }

 /* CONTENT */
 .hero-content-ralb {
     position: relative;
     z-index: 2;
     max-width: 800px;
     padding: 0 15px;
 }
.cases-content{max-width: 1100px !important}
.cases-content h1{font-size: 50px !important;}
 .hero-content-ralb h1 {
     font-size: 74px;
     font-weight: 700;
     margin-bottom: 20px;
     color: #fff !important;
 }

 .hero-content-ralb p {
     font-size: 17px;
     line-height: 1.7;
     margin-bottom: 30px;
     color: #fff !important;
     /* letter-spacing: 1px; */
 }

 /* BREADCRUMB */
 .breadcrumb {
     background: transparent;
     justify-content: center;
 }

 .breadcrumb-item-ralb+.breadcrumb-item-ralb::before {
     content: "›";
     color: #fff !important;
     padding-right: 8px;
 }

 .breadcrumb-item-ralb a {
     color: #fff !important;
     text-decoration: none;
     padding-right: 8px;
 }

 .breadcrumb-item-ralb.active {
     color: #fff;
     opacity: 0.8;
 }
/* .banner-bottom-space{padding-bottom: 0px !important;} */
 /* MOBILE RESPONSIVE */
 @media (max-width: 768px) {
     .parallax-hero-ralb {
         height: 320px;
         background-attachment: scroll;
         /* mobile parallax fix */
         margin-top: 84px;
     }
     .hero-content-ralb{margin-top: 23px;}
/* .banner-bottom-space{padding-bottom: 40px !important;} */
     .hero-content-ralb h1 {
         font-size: 2.1rem;
     }
     .cases-content h1{font-size: 25px !important;}
     .hero-content-ralb p {
         font-size:14px;
     }
     .hero-about-ai{margin-top: 84px;}
     .about-content {margin-top: 0px !important;}
     /* .banner-bottom-space{padding-bottom: 74px !important;} */
     /* .fine-tune-content{margin-top: 0px;} */
     .card-dark{padding: 20px 10px 20px 10px !important;}
     .card-dark ul li{margin-left: 17px; font-size:15px !important;}
     .gradient{font-size: 30px;}
     .card-dark p{margin-bottom: 0px;}

 }

 /* HERO SECTION */
 .hero-about-ai {
     position: relative;
     min-height: 670px;
     background: url('../img/about-cover.png') center/cover no-repeat;
     display: flex;
     align-items: center;
     color: #fff;
 }

 /* DARK OVERLAY */
 .hero-about-ai::before {
     content: "";
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.5);
 }

 /* CONTENT WRAPPER */
 .hero-content-about-ai {
     position: relative;
     z-index: 2;
 }
.about-content{margin-top: 80px;}
 /* HEADLINE */
 .about-banner-title {
     font-size: 37px;
     font-weight: 700;
     line-height: 1.5;
     max-width: 680px;
 }

 /* BUTTONS */
 .hero-buttons .btn {
     padding: 14px 28px;
     font-weight: 600;
 }

 .btn-outline-custom {
     border: 2px solid #fff;
     color: #fff;
 }

 .btn-outline-custom:hover {
     background: #fff;
     color: #000;
 }

 /* INFO BOX */
 .info-box-about-ai {
     background: #fff;
     color: #000;
     width: 320px;
     padding: 48px 40px;
     box-shadow: 0px 28px 45px rgba(0, 0, 0, 0.25);
     position: relative;
 }

 .about-info {
     font-size: 17px;
     margin-bottom: 40px;
 }

 .info-box-about-ai h4 {
     font-weight: 700;
     margin-top: 12px;
 }

 .info-box-about-ai p {
     font-size: 0.95rem;
     color: #5a5a5a;
 }

 /* ICON */
 .info-icon {
     width: 70px;
     height: 70px;
 }
 /* RESPONSIVE */
 @media (max-width: 991px) {
     .about-banner-title {
         font-size: 27px;
         line-height: 29px;
         letter-spacing: 1px;
     }

     .info-box-about-ai {
         margin-top: 40px;
         width: 100%;
     }
 }