@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One-child
Theme URI: https://wordpress.org/themes/twentytwentyone-child/
Author: AcceliHealth
Author URI: https://accelihealthcare.stagingbuilds.com/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.7
Requires PHP: 5.6
Version: 2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone-child
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One-child WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One-child is distributed under the terms of the GNU GPL.
*/


@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Young+Serif&display=swap');

body {
	font-family: "Inter", Sans-serif;
	margin: 0;
}
.elementor-heading-title, .elementor-widget-text-editor {
	font-family: "Inter", Sans-serif !important;
}
.pageSize {
	width: 1200px;
	margin: 0 auto;
}
h1, h2, h3 {
    margin: 0;
}
ul, li {
	margin: 0;
	padding: 0;
}
/* Lock body scroll */
/* body.locked {
    overflow: hidden;
}
#siteOverlayLock {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 1);
    z-index: 2;
    display: block;
} */
.logged-in #siteOverlayLock{
	background: transparent;
    position: initial;
}
/* Popup Styling */
.popup {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
}
.popup-content {
    position: fixed;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    padding-top: 40px;
    width: 500px;
}
.popup-content h3{
    margin: 0;
    color: #000;
    font-family: "Inter", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    padding-bottom: 20px;
}
.close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
}
.headerMain{
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    right: 0;
}
/********** HomePage Start **********/

.uiPathFast{
    position: fixed;
    top: 0;
    right: 50px;
    z-index: 1;
}
.uiPathFast img{
    width: 100px;
}
.headerLogo {
    background-color: transparent;
    padding: 15px 0px;
    border-radius: 0;
    clip-path: none;
    position: relative;
    padding-top: 20px;
}   
.headerLogo img {
    width: 300px;
}
/* .headerLogo::after {
    content: '';
    width: 145px;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background: #2A2A65;
} */
.acceliHealthBtn {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    padding: 16px;
    margin-top: 0px;
    display: inline-block;
    background-color: #473BF0;
    position: relative;
}
.acceliHealthBtn:hover{
    background-color: #261ACF;
    color: #fff !important;
}
.btnRightMrgin{
    margin-right: 5px;
}
.accelihealthTeam {
  perspective: 1000px;
  display: inline-block;
  width: 220px;
  height: 220px;
  cursor: pointer;
}

.accelihealthTeamInner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.accelihealthTeam:hover .accelihealthTeamInner {
  transform: rotateY(180deg);
}

.accelihealthTeamFront,
.accelihealthTeamBack {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.accelihealthTeamFront img,
.accelihealthTeamBack img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* ✅ image distort na ho */
  display: block;
}

.accelihealthTeamBack {
  transform: rotateY(180deg);
}


h2 span{
    color: #DC0123 !important;
}
.trendingAcceliqCatSlide.swiper{
    background-image: none;
    padding: 40px 0;
    z-index: 0;
}
.trendingAcceliqCatSlide .swiper-slide {
    transition: opacity 0.3s ease;
    transform: scale(0.9) !important;
    border-radius: 4px;
    background: transparent;
    padding: 0;
}
.trendingAcceliqCatSlide .swiper-slide.swiper-slide-active {
    opacity: 1;
    transform: scale(1.1) !important;
    z-index: 1;
}
.trendingAcceliqCatCase h2{
    margin: 0;
    color: #473BF0;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    padding: 20px 0;
}
.trendingAcceliqCatCase ul{
    padding-left: 18px;
}
.trendingAcceliqCatCase ul li{
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    padding-bottom: 10px;
    list-style: disc;
}
.trendingAcceliqCatSlide .swiper-wrapper {
    align-items: center;
    justify-content: space-between;
}
.trendingAcceliqCatCase{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.trendingAcceliqCatCase h3{
    border-radius: 4px;
    border: 1px solid #FFF;
    background: #E7E5F8;
    padding: 9px 20px;
    display: inline-block;
    color: #494288;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0;
}
.swiperButtonsAcceliqCat .swiper-button-next, 
.swiperButtonsAcceliqCat .swiper-button-prev,
.swiperButtonsROI .swiper-button-next, 
.swiperButtonsROI .swiper-button-prev{
    position: absolute;
    width: 55px;
    height: 55px;
    margin-top: 0px;
    z-index: 0;
    cursor: pointer;
    background-size: 53px !important;
    background: no-repeat 50%;
    background-image: url(/wp-content/uploads/2025/09/next_icon.svg) !important;
    left: initial !important;
    right: -48px !important;
    top: 40% !important;
}
.swiperButtonsAcceliqCat .swiper-button-prev,
.swiperButtonsROI .swiper-button-prev{
    background-image: url(/wp-content/uploads/2025/09/prev_icon.svg) !important;
    left: -48px !important;
    top: 40% !important;
}
.swiperButtonsAcceliqCat .swiper-button-next, 
.swiperButtonsAcceliqCat .swiper-button-prev{
    filter: invert(82%) sepia(101%) saturate(3185%) hue-rotate(243deg) brightness(100%) contrast(100%);
}
.swiperButtonsROI .swiper-button-next{
    background-image: url(/wp-content/uploads/2025/09/roi_next_icon.svg) !important;
    filter: invert(82%) sepia(44%) saturate(7485%) hue-rotate(344deg) brightness(82%) contrast(112%);
}
.swiperButtonsROI .swiper-button-prev{
    background-image: url(/wp-content/uploads/2025/09/roi_prev_icon.svg) !important;
    filter: invert(82%) sepia(44%) saturate(7485%) hue-rotate(344deg) brightness(82%) contrast(112%);
}
.swiperButtonsAcceliqCat .swiper-button-next:hover{
    background-image: url(/wp-content/uploads/2025/10/solution-next-active_.svg) !important;
    filter: none !important;
}
.swiperButtonsAcceliqCat .swiper-button-prev:hover{
    background-image: url(/wp-content/uploads/2025/10/solution-prv-active_.svg) !important;
    filter: none !important;
}
/* .swiperButtonsROI .swiper-button-next:hover{
    background-image: url(/wp-content/uploads/2025/09/roi_next_icon_active.svg) !important;
}
.swiperButtonsROI .swiper-button-prev:hover{
    background-image: url(/wp-content/uploads/2025/09/roi_prev_icon_active.svg) !important;
} */
.swiperButtonsAcceliqCat .swiper-button-prev:after,
.swiperButtonsAcceliqCat .swiper-button-next:after,
.swiperButtonsROI .swiper-button-prev:after,
.swiperButtonsROI .swiper-button-next:after{
    display: none;
}
.swiperButtonsROI{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding-bottom: 40px;
}
.swiperButtonsROI .swiper-button-next,
.swiperButtonsROI .swiper-button-prev{
    position: inherit;
    width: 20px;
    height: 20px;
    background-size: auto !important;
}
.roiHealthcareSlider {
	z-index: 0 !important;
}
.trendingAcceliqNumber {
    background-color: #473BF0;
    width: 108px;
    height: 115px;
    border-top-right-radius: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 25px;
    padding-bottom: 14px;
    margin: 0;
}
.trendingAcceliqNumber p {
    font-size: 70px;
    color: #fff;
    -webkit-text-stroke: 0.20vw #675DFF;
    line-height: 66px;
    font-weight: 700;
    font-family: Helvetica, sans-serif !important;
    margin: 0;
}
.trendingAcceliqCatCase img{
    border-radius: 10px !important;
    margin-bottom: -5px;
}

/********** ROI Slider Start **********/
.heatmap-container {
    /* background: #272765; */
    padding: 60px;
    border-radius: 10px;
    color: #fff;
    padding-top: 30px;
    position: relative;
}
.heatmap-containerWhite{
    background: #fff;
}
.heatmapHeader{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.heatmap-header {
    background: #473BF0;
    padding: 20px 30px;
    display: inline-block;
    border-radius: 6px 6px 0 0;
    font-weight: 600;
    margin: 0;
    font-size: 24px;
    margin-bottom: -5px;
}
.heatmap-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
    position: relative;
}
.heatmap-grid::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 0;
  border-left: 3px dashed #49499B;
  transform: translateX(-50%);
  border-left-style: solid;
  border-left-width: 3px;
  border-image: repeating-linear-gradient(
    to bottom,
    #49499B 0,
    #49499B 10px,
    transparent 10px,
    transparent 20px
  ) 1;
}

.heatmap-grid::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 0;
  border-top: 3px solid;
  border-image: repeating-linear-gradient(
    to right,
    #49499B 0,
    #49499B 10px,
    transparent 10px,
    transparent 20px
  ) 1;
  transform: translateY(-50%);
}
.heatmap-box {
    padding: 30px;
    border-radius: 10px;
    border: 2px solid #161670;
    background: #2A77FF;
}
.requires-justification{
    background: #1244C6;
}
.strategic-bets{
    background: #0551DF;
}
.low-priority{
    background: #002C9E;
}
.heatmap-box h3 {
    border-radius: 3px;
    border: 1px solid #5995FF;
    background: #0040B0;
    display: inline-block;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 16px;
    margin-top: 0;
}
.heatmap-box.requires-justification h3{
    border: 1px solid #3765DB;
    background: #11389E;
}
.heatmap-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.heatmap-box li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 18px;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}
.patientWhiteBtmPad{
    margin-bottom: 20px !important;
}
.heatmap-box.low-priority li{
    color: #FBF28C;
}
.heatmap-box li::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.patient::before {
    background: #F5470C;
}
.practice::before {
    background: #FBF28C;
}
.patientWhite::before {
    background: #fff;
}
.patientLine{
    border-bottom: 3px dashed #6EA2FF;
    padding: 0;
    line-height: 0 !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}
.heatmap-legend {
    font-size: 14px;
    margin-bottom: 10px;
}
.heatmap-legend .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
}
.heatmap-legend .dot.patient {
    background: #F5470C;
}
.heatmap-legend .dot.practice {
    background: #FBF28C;
}
.heatmap-legend p{
    margin: 0;
    color: #11389E;
}
.patientDashedBorder{
    border-top: 3px dashed #64649B;
    line-height: 0;
    margin: 10px 0 !important;
}
.heatmap-axis {
    position: absolute;
    font-weight: bold;
}
.y-axis {
    left: -249px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    gap: 20px;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    color: #DC0123;
}
.x-axis {
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    gap: 20px;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    color: #DC0123;
}
.x-axis span,
.y-axis span{
    color: #11389E;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}
.y-axis span{
    transform: translateY(-7%) rotate(90deg);
}
.heatmap-containerWhite .x-axis span, .heatmap-containerWhite  .y-axis span{
    color: #09092D;
}
.boxInner {
    position: absolute;
    left: 50%;
    top: 52%;
    width: 73px;
    height: 73px;
    transform: translate(-50%, -50%);
}

/********** ROI Slider End **********/


/********** Rocket Section Start **********/
.scroller{
    position:relative;
    --steps:6;
    height:calc(var(--steps) * 100vh);
}
.stage{
    position:sticky; top:0;
    height:100vh; width:100%;
    overflow:hidden;
}
.stage::before{
    content:"";
    position:absolute; 
    inset:0;
    background-image:url("/wp-content/uploads/2025/09/rocket_bkg.svg");
    background-size:cover; 
    background-position:center;
    transform:scale(1.02);
    z-index:-1;
}
.title{
    font-size:clamp(22px,3vw,28px);
    opacity:.8;
    margin:0 0 8px;
}
.bubble{
    font-weight: 600;
    color: #fff;
    font-size: 20px;
    line-height: 26px;
}
.bubble .small{
    display:block;
    font-size:.72em;
    opacity:.85;
    font-weight:500;
}
.steps{
    position:absolute; 
    inset:0;
    pointer-events:none;
    opacity: 0;
}
.step{
    height:100vh;
    display:flex; 
    align-items:center; 
    justify-content:center;
}
.step h3{
    position:absolute;
    opacity:0; 
    height:0; 
    overflow:hidden;
}
.fade-out{
    opacity:0; 
    transform:translateY(20px); 
    filter:blur(0);
}
.fade-in{
    opacity:1; 
    transform:translateY(0); 
    filter:blur(0);
    transition: opacity .35s ease, transform .35s ease;
}
.callout{
    position:absolute; 
    right:6vw; 
    top:50%; 
    transform:translateY(-50%);
    font-size:clamp(14px,1.8vw,16px);
    max-width:260px; 
    text-align:left; 
    opacity:.9;
}
.dot{
    display:inline-block;
    width:8px;
    height:8px;
    border-radius:999px;
    background:#ff6b4a;
    margin-right:8px;
    vertical-align:middle;
}
.stage img{
    width: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100% !important;
    z-index: 1;
}

.center-content{
    position: absolute;
    width: fit-content;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 33%;
    height: 153px;
    align-items: center;
    justify-content: center;
    display: flex;
    z-index: 2;
}
.stage img.rocketTxtImg{
    width: 51%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    top: -79px;
    z-index: 0;
}

@media (max-width:680px){
    .callout{
        display:none;
    }
}
.blueHead {
  color: #2E99FF !important;
}

.orangeHead {
  color: #F5470C !important;
}
/********** Rocket Section End **********/

/********** Globe Section Start **********/
.timeline {
    position: relative;
    width: 100%; 
}
.timeline:before {
    content: '';
    position: absolute;
    left: 50%;
    width: 4px;
    height: 91%;
    transform: translateX(-50%);
    top: 0;
    z-index: 1;
    border-left: 4px dashed #fff;
    transform: translateX(-50%);
    border-left-style: solid;
    border-left-width: 3px;
    border-image: repeating-linear-gradient(to bottom, #fff 0, #fff 10px, transparent 10px, transparent 20px) 1;
}
.timeline-progress {
    position: absolute;
    left: 50%;
    width: 4px;
    background: #fff;
    top: 0;
    height: 0;
    transform: translateX(-50%);
    z-index: 2;
    transition: height 0.3s ease;
}
.timeline ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.timeline ul li{
    list-style: none;
    position: relative;
    width: 50%;
    padding: 40px;
    box-sizing: border-box;
    margin-top: 30px;
    margin-bottom: 40px;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.15s ease-out, transform 0.15s ease-out;
}
.timeline ul li:nth-child(even){
    float: left;
    clear: both;
    padding-right: 52px;
    text-align: right;
}
.timeline ul li:nth-child(odd){
    float:right;
    text-align:left;
    clear:both;
    padding-left: 52px;
}
.timeline ul li.active {
  opacity: 1;
  transform: translateY(0);
}
.content{
    padding-bottom:20px;
}
.timeline-year {
    position: absolute;
    top: -40px;
    z-index: 1;
    left: -53px;
}
.timeline ul li:nth-child(even) .timeline-year{
    right: -53px;
    left: initial;
    transform: scaleX(-1);
}   
.year2023{
    padding: 27px 29px;
    text-align: center;
}
.timeline ul li:nth-child(even) .timeline-year.year2023 {
    right: -47px;
    padding: 27px 20px;
    padding-bottom: 10px;
}
.timeline ul li:last-child{
    margin-bottom: 0 !important;
}
.timeline-item.left .timeline-content {
    padding-right: 70px;
    padding-left: 0px;
}
.timeline-item.right .timeline-content {
    padding-right: 0px;
    padding-left: 50px;
}
.timeline-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    color: #fff;
    margin: 0;
}
.timeline-title span{
    font-weight: 700;
}
.timeline-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #fff;
}
.timeline-text ul{
    padding-left: 27px;
}
.timeline-text ul li{
    float: none !important;
    padding: 0;
    margin: 0;
    list-style: disc;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: left !important;
    width: auto !important;
}
.mrginpadingZeroBtm{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.topMarginTimeline{
    margin-top: 200px !important;
}
.progress-icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 40px;
  height: 40px;
  z-index: 3;
}
.progress-icon img {
  width: 100%;
  height: auto;
}


.globeSectionMain{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    text-align: left;
    padding-bottom: 190px;
}
.globeSectionLeft{
    flex: 0 0 64%;
}
.globeSectionRight{
    flex: 0 0 36%;
}
.globeSectionLeft h3{
    color: #FFF;
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    border-radius: 4px;
    border: 1px solid #7F76FF;
    background: #473BF0;
    padding: 5px 10px;
    display: inline-block;
	margin-bottom: 10px;
}
.globeSectionLeft h2{
    color: #FFF;
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    padding-top: 5px;
}
.globeSectionRight p{
    margin: 0;
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}
/********** Globe Section End **********/
.mobileImg{
    display: none;
}
/********** HomePage End **********/

.gradientHeading h1 {
    background: linear-gradient(92deg, #473BF0 19.81%, #29228A 79.14%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.whyChooseSection {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}
.whyChooseLeftCnt h2 {
    font-size: 32px;
    line-height: 38px;
    color: #fff;
    font-weight: 600;
}
.whyChooseLeftCnt p {
    color: #FFF;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    padding-top: 275px;
    margin: 0;
    width: 300px;
}
/* .whyChoosewhyChooseCards {
    display: grid;
    grid-template-columns: repeat(3, 205px);
    gap: 25px;
    justify-content: center;
} */
.whyChoosewhyChooseCardsTop,
.whyChoosewhyChooseCardsBtm{
    display: flex;
    gap: 25px;
    justify-content: space-between;
}
.whyChoosewhyChooseCardsTop{
    margin-right: 107px;
}
.whyChoosewhyChooseCardsBtm{
    margin-left: 107px;
    margin-top: -15px;
}
.whyChooseCard{
    flex: 1;
    position: relative;
}
.whyChooseCardInner {
    background: #fff;
    color: #000;
    text-align: center;
    padding: 40px 15px;
    border-radius: 10px;
    clip-path: polygon(0% -2%, 100% 0%, 100% 85%, 50% 100%, 0 85%, 0 15%);
    transition: transform 0.3s ease;
    height: 100%;
}
.whyChooseCard::after{
    content: '';
    background-image: url(https://accelihealth.ai/wp-content/uploads/2025/10/dot_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 24px;
    width: 24px;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: -12px;
    margin: 0 auto;
}
.whyChooseCard.whyChooseCardReverse::after{
    top: initial;
    bottom: -12px;
}
.whyChooseCard::before{
    content: '';
    background: linear-gradient(90deg, #E7E7FF 0%, #473BF0 100%);
    width: 5px;
    height: 123px;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: -129px;
    margin: 0 auto;
    z-index: 1;
}
.whyChooseCard.whyChooseCardReverse .whyChooseCardInner{
    clip-path: polygon(50% 0%, 100% 15%, 100% 100%, 0 100%, 0 15%);
}
.whyChooseCard.whyChooseCardReverse::before {
    top: initial;
    bottom: -128px;
}
.overflowHidden{
    overflow: hidden;
}
.whyChooseCard h3 {
    font-size: 16px;
    line-height: 24px;
    color: #101239;
    font-weight: 400;
}
.whyChooseCard h3{
    min-height: 105px;
}
.whyChooseCard.whyChooseCardReverse h3{
    min-height: auto;
}
.whyChooseCard.whyChooseCardReverse img{
    margin-bottom: 20px;
}
#headerBkgIcon {
    background-image: 
    url("https://accelihealth.ai/wp-content/uploads/2025/10/arrow_bkg.svg"),
    linear-gradient(180deg, #F5F5FF 13.92%, #F5F5FF 38.07%);
    background-repeat: no-repeat, no-repeat;
    background-position: center 100px, top;
}




@media only screen and 
(min-width: 10px) and 
(max-width: 1920px){
    .center-content {
        top: 33%;
    }
}



/* --- 1440px and below (large laptops) --- */
@media only screen and 
(min-width: 10px) and 
(max-width: 1440px) {
    .stage img.rocketTxtImg {
        width: 62%;
    }
    .mainHeadingHealth h1 {
        font-size: 44px !important;
        line-height: 55px !important;
    }
    .mainHeadingHealthH2 h2,
    .globeSectionLeft h3,
    .globeSectionLeft h2{
        font-size: 30px !important;
        line-height: 34px !important;
    }
    .mainHeadingHealthH2 h3,
    .mainHeadingHealth h2,
    .heatmap-header{
        font-size: 22px !important;
        line-height: 30px !important;
    }
}

/* --- 1366px and below (standard laptops) --- */
@media only screen and 
(min-width: 10px) and 
(max-width: 1366px) {
    .mainHeadingHealth h1 {
        font-size: 36px !important;
        line-height: 42px !important;
    }
    .mainHeadingHealthH2 h2,
    .globeSectionLeft h3,
    .globeSectionLeft h2{
        font-size: 28px !important;
        line-height: 32px !important;
    }
    .mainHeadingHealthH2 h3,
    .mainHeadingHealth h2,
    .heatmap-header{
        font-size: 20px !important;
        line-height: 26px !important;
    }
    .topBtmPaddingResponsHealth{
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
    .topBtmPaddingHealth{
        padding-top: 100px !important;
    }
    .bottomPaddingHealth,
    .topBtmPaddingRespons .e-con-inner{
        padding-bottom: 100px !important;
    }
    .paddingTopZero{
        padding-top: 0px !important;
    }
    .paddingBottomZero{
        padding-bottom: 0px !important;
    }
    .topBtmPaddingRespons .e-con-inner{
        padding-top: 200px !important;
    }
    .center-content {
        top: 30%;
    }
    .bubble {
        font-size: 16px;
        line-height: 19px;
    }
}

@media only screen and 
(min-width: 10px) and 
(max-width: 1300px){
    .stage img.rocketTxtImg {
        width: 68%;
    }
    .paddingMaxNew{
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .swiperButtonsAcceliqCat .swiper-button-next{
        right: -21px !important;
        width: 40px;
        height: 40px;
        background-size: cover !important;
    }
    .swiperButtonsAcceliqCat .swiper-button-prev{
        width: 40px;
        height: 40px;
        background-size: cover !important;
        left: -21px !important;
    }
    .center-content {
        top: 30%;
    }
    .bubble {
        font-size: 14px;
        line-height: 20px;
    }
}

@media only screen and 
(min-width: 10px) and 
(max-width: 1200px){
    .stage img.rocketTxtImg {
        width: 68%;
    }
}
@media only screen and 
(min-width: 10px) and 
(max-width: 1024px){
    .center-content {
        top: 27%;
    }
    .bubble {
        font-size: 14px;
        line-height: 18px;
    }
    .whyChooseSection{
        display: block;
    }
    .whyChooseLeftCnt p {
        font-size: 20px;
        line-height: 27px;
        padding-top: 20px;
        width: auto;
    }
    .whyChooseLeftCnt{
        padding-bottom: 40px;
    }
    .whyChooseCard::before,
    .whyChooseCard::after{
        display: none;
    }
    .whyChoosewhyChooseCardsTop {
        margin-right: 0;
    }
    .whyChoosewhyChooseCardsBtm {
        margin-left: 0;
        margin-top: 20px;
    }
    .whyChooseLeftCnt h2 {
        font-size: 28px;
        line-height: 32px;
    }
}
@media only screen and 
(min-width: 10px) and 
(max-width: 900px){
    .stage img.rocketTxtImg {
        width: 90%;
    }
}
@media only screen and 
(min-width: 10px) and 
(max-width: 768px){
    br,
    .heatmap-grid::before,
    .heatmap-grid::after,
    .boxInner,
    .stage img.rocketTxtImg{
        display: none;
    }
    .bubble br{
        display: block;
    }
    .swiperButtonsAcceliqCat .swiper-button-next, 
    .swiperButtonsAcceliqCat .swiper-button-prev{
        top: initial !important;
        left: 0 !important;
        right: 0px !important;
        bottom: -60px;
        margin: 0 auto;
    }
    .swiperButtonsAcceliqCat .swiper-button-next{
        right: -83px !important;
    }
    .swiperButtonsAcceliqCat .swiper-button-prev{
        left: -38px !important;
        top: initial !important;
        right: 0 !important;
    }
    .mainHeadingHealth h1 {
        font-size: 30px !important;
        line-height: 38px !important;
    }
    #typewriter,
    .accelihealthTeam,
    .heatmap-grid,
    .heatmapHeader,
    .globeSectionMain{
        display: block;
    }
    .mainHeadingHealthH2 h2,
    .globeSectionLeft h3,
    .globeSectionLeft h2{
        font-size: 26px !important;
        line-height: 30px !important;
    }
    .heatmap-header{
        font-size: 18px !important;
        padding: 20px;
        border-radius: 6px;
    }
    .heatmap-box {
        padding: 20px;
        margin-bottom: 20px;
    }
    .heatmap-box h3,
    .x-axis,
    .acceliHealthBtn{
        font-size: 16px;
    }
    .heatmap-legend {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .trendingAcceliqCatCase img {
        border-radius: 10px !important;
        margin-bottom: -5px;
        width: 100%;
    }
    .trendingAcceliqNumber {
        left: 30px;
    }
    .trendingAcceliqCatCase h3 {
        font-size: 14px;
        right: 45px;
    }
    .timeline ul li:nth-child(odd) {
        padding-right: 0;
    }
    .timeline-title {
        font-size: 16px;
        font-weight: 600;
    }
    .timeline ul li:nth-child(even) {
        padding-left: 0;
    }
    .svgWidth svg{
        height: 85px;
        width: 100%;
    }
    .globeSectionLeft{
        padding-bottom: 20px;
    }
    .accelihealthTeam {
        margin: 0 auto;
    }
    .center-content {
        top: 35%;
    }
    .bubble {
        font-size: 16px;
        line-height: 23px;
    }
    .uiPathFast {
        right: 0px;
    }
    .uiPathFast img {
        width: 90px;
    }
    .whyChoosewhyChooseCardsTop, .whyChoosewhyChooseCardsBtm {
        display: block;
    }
    .whyChooseCard h3 {
        min-height: auto;
        margin-bottom: 20px;
    }
    .whyChooseCardInner {
        margin-bottom: 20px;
    }
    .whyChooseLeftCnt p {
        padding-top: 10px;
    }
    .acceliHealthBtn {
        margin-bottom: 10px;
    }
    .centerBtn {
        text-align: center;
    }
}
@media only screen and 
(min-width: 10px) and 
(max-width: 600px){
    .swiperButtonsAcceliqCat .swiper-button-prev {
        left: -57px !important;
    }
    .swiperButtonsAcceliqCat .swiper-button-next {
        right: -37px !important;
    }
    .swiperButtonsAcceliqCat .swiper-button-next, 
    .swiperButtonsAcceliqCat .swiper-button-prev{
        width: 40px;
        height: 40px;
    }
    .desktopImg{
        display: none;
    }
    .mobileImg{
        display: block;
    }
    .center-content {
        top: 34%;
    }
    .bubble {
        font-size: 19px;
        line-height: 25px;
    }

}
@media only screen and 
(min-width: 10px) and 
(max-width: 500px){
	.headerLogo {
        padding: 20px;
		text-align: center;
    }
    .y-axis,
    .x-axis{
        display: none;
    }
    .heatmap-container {
        padding: 20px;
    }
    .trendingAcceliqNumber {
        left: 16px;
    }
    .svgWidth svg {
        height: 52px;
    }
    .globeSectionRight p {
        font-size: 16px;
        line-height: 24px;
    }
    .bkgImageSizeGlobe .elementor-element-populated{
        background-size: auto !important;
    }
    .paddingMaxNew,
    .globeSectionMain {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .bkgImageSizeGlobepadding{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .globeSectionMain {
        padding-bottom: 232px;
    }
    .timeline ul li:nth-child(odd) {
        padding-right: 20px;
        padding-left: 30px;
    }
    .timeline ul li:nth-child(even) {
        padding-left: 20px;
        padding-right: 30px;
    }
    .heatmap-legend {
        margin-top: 20px;
    }
    .heatmap-container {
        height: 1600px;
    }
    .headerLogo img {
        width: 90%;
    }
    .uiPathFast {
        top: 90px;
    }
    .uiPathFast img {
        width: 65px;
    }
    .popup-content {
        width: 95%;
    }
   
}
@media only screen and 
(min-width: 10px) and 
(max-width: 460px){
    .heatmap-container {
        height: auto;
    }
}
@media only screen and 
(min-width: 10px) and 
(max-width: 390px){
    
}


/* Version: 1.0.1 */