:root {
  	--color-black: #000;
  	--color-dimgray: rgba(98, 98, 98, 0.3);
  	--color-ghostwhite: #f3f6ff;
  	--color-gray-100: #878787;
  	--color-gray-200: #1c1c1c;
  	--color-gray-300: #0d0d0d;
  	--color-gray-400: rgba(0, 0, 0, 0.05);
  	--color-gray-500: rgba(255, 255, 255, 0.3);
  	--color-gray-600: rgba(0, 0, 0, 0.3);
  	--color-gray-700: rgba(255, 255, 255, 0.7);
  	--color-gray-800: rgba(255, 255, 255, 0.5);
  	--color-lightgray-100: #d2d2d2;
  	--color-lightgray-200: #d1d1d1;
  	--color-lightgray-300: #cdcdcd;
  	--color-lightsteelblue: #c0cff3;
  	--color-mediumseagreen: #10b981;
  	--color-powderblue: #bae2e1;
  	--color-red: #e61212;
  	--color-royalblue-100: #2f5cdb;
  	--color-royalblue-200: #2d5bdb;
  	--color-royalblue-300: rgba(45, 91, 219, 0.15);
  	--color-royalblue-400: rgba(45, 91, 219, 0.3);
  	--color-silver: #c9c9c9;
  	--color-white: #fff;
  	--color-whitesmoke-100: #f4f6f8;
  	--color-whitesmoke-200: #ebebeb;
  	
  	/* Gap */
  	--gap-8: 8px;
  	
  	/* Padding */
  	--padding-8: 8px;
  	--padding-16: 16px;
  	--padding-21: 21px;
  	--padding-24: 24px;
  	--padding-40: 40px;
  	
  	/* BorderRadius */
  	--br-0: 0px;
  	--br-5: 5px;
  	--br-8: 8px;
  	--br-16: 16px;
  	--br-20: 20px;
  	--br-24: 24px;
  	--br-32: 32px;
  	--br-48: 48px;
  	--br-50: 50%;
  	--br-100: 100px;
  	
  	/* Font */
  	--font-inter: Inter;
  	--font-poppins: Poppins;
  	
  	/* FontSize */
  	--fs-10: 10px;
  	--fs-12: 12px;
  	--fs-14: 14px;
  	--fs-16: 16px;
  	--fs-18: 18px;
  	--fs-20: 20px;
  	--fs-24: 24px;
  	--fs-28: 28px;
  	--fs-32: 32px;
  	--fs-36: 36px;
  	--fs-40: 40px;
  	--fs-50: 50px;
  	--fs-56: 56px;
  	--fs-60: 60px;
  	--fs-11_07: 11.07px;
  	
  	--border-1: 1px solid rgba(45, 91, 219, 0.3);
  	--border-2: 1.5px solid rgba(45, 91, 219, 0.15);
  	--border-3: 2.6px solid #ebebeb;
  	--border-4: 1px solid #cdcdcd;
  	--border-5: 1.5px solid #10b981;
  	--gradient-1: linear-gradient(120deg, rgba(45, 91, 219, 0.1), rgba(16, 185, 129, 0.1));
  	--gradient-2: linear-gradient(#2f5cdb, #2f5cdb), linear-gradient(120deg, #2d5bdb, #10b981);
  	--gradient-3: linear-gradient(120deg, #2d5bdb, #10b981);
  	--lh-16: 16px;
  	--lh-24: 24px;
  	--lh-30: 30px;
  	--lh-34: 34px;
  	--opacity-0_38: 0.38;
  	--opacity-0_5: 0.5;
  	--shadow-drop: 0px 0px 20px rgba(0, 0, 0, 0.1);
  	--shadow-drop-1: 0px 0px 10px #c6e0ff;
  	--shadow-drop-2: 0px 0px 25px rgba(0, 0, 0, 0.1);
  	--shadow-drop-3: 0px 0px 10px rgba(198, 224, 255, 0.5);
  	--shadow-drop-4: 0px 0px 10px rgba(18, 230, 173, 0.2);
}
        
body{font-family:Inter,sans-serif;color:var(--color-gray-200);line-height:1.6}
img {max-width:100%; height: auto;}
.bg-dark { background-color: var(--color-gray-200)!important; }
.btn { padding: 12px 20px; font-size: var(--fs-14); border-radius: 16px; font-weight: 500; white-space: nowrap; }
.btn-primary { background: linear-gradient(0deg, #2F5CDB 0%, #2F5CDB 100%), linear-gradient(120deg, #2D5BDB 0%, #10B981 100%); }
.bg-gradient-primary{background:var(--gradient-1)}
.bg-gradient-brand{background:var(--gradient-3)}
.text-brand{color:var(--color-mediumseagreen)}
.text-primary-custom{color:var(--color-royalblue-200)}
.btn-outline-primary{border: 2px solid transparent; border-radius: 16px; background-image: linear-gradient(90deg, #fff, #fff), linear-gradient(180deg, #2D5BDB, #10B981); background-origin: border-box; background-clip: padding-box, border-box;}
.btn-outline-primary:hover,.btn-outline-primary:active { color: var(--color-royalblue-100)!important; }
.btn-brand{background:var(--gradient-3);border:none;color:var(--color-white);font-weight:500}
.btn-brand:hover{opacity:.9;color:var(--color-white);}
.btn-blue{background: linear-gradient(0deg, #2F5CDB 0%, #2F5CDB 100%), linear-gradient(120deg, #2D5BDB 0%, #10B981 100%);border:none;color:var(--color-white);font-weight:500}
.btn-blue:hover, .btn-blue:active{background: linear-gradient(120deg, rgba(45, 91, 219, 1) 0%, rgba(16, 185, 129, 1) 100%); color:var(--color-white);}
.btn-green{background: linear-gradient(0deg, #10B981 0%, #10B981 100%), linear-gradient(120deg, #2D5BDB 0%, #10B981 100%);border:none;color:var(--color-white);font-weight:500}
.btn-green:hover, .btn-green:active{background: linear-gradient(120deg, rgba(45, 91, 219, 1) 0%, rgba(16, 185, 129, 1) 100%); color:var(--color-white);}
select.form-control {
  background: url("data:image/svg+xml;utf8,<svg fill='black' height='24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") 
              no-repeat right 0.75rem center/1rem; background-color:var(--color-white);
  padding-right: 2rem;
}

.section-padding{padding:80px 0}
.form-control{border-radius:16px;padding:16px 20px;border:1px solid rgba(0,0,0,.1);}
label{font-weight:500;margin-bottom:8px}
.nav-tabs { border: none; gap:1.5rem; }
.nav-tabs .nav-link { border-radius: 16px; padding: 12px 28px; border: 2px solid var(--color-white); color: var(--color-white); display: flex; align-items: center; gap:.5rem; }

.navbar.affix {backdrop-filter:blur(50px);background-color:rgba(255,255,255,.3);border-bottom:1px solid rgba(0,0,0,.05)}
.navbar-nav .nav-item .nav-link {color: var(--color-black); font-size: var(--fs-14); padding: 0 12px; }
.navbar-nav .nav-item .nav-link:hover {color: var(--color-royalblue-100); }

.hero-section{padding:120px 0;position:relative; overflow: hidden; max-height: 750px; }
.herobanner { position: absolute; top:0; left:0; width: 100%; height: 100vh; z-index: 1; }
.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8)}
.hero-section .container{position:relative;z-index:2}
.hero-section .title { font-weight: 400; font-size: var(--fs-36); margin-top: 35px; }
.hero-section .title .gradienttxt { font-weight: 600; font-size: var(--fs-50); background: linear-gradient(125deg, #2D5BDB, #10B981); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.hero-section p { font-size: var(--fs-18); }
.hero-section .d-flex .open-tab img{max-width:250px}

.entry-container { max-width: 780px; margin: auto; }
.entry-container .title { font-size: var(--fs-40); font-weight: 400; margin-bottom: 24px; }
.entry-container .title.txtsm { font-size: var(--fs-32); font-weight: 300; }

.statsSection, .medicalInstitutions, .transformsCons { margin-bottom:130px; }
.hero-section, .challengeSec, .workSec, .askmdxSec, .whoServe, .realImpact, .joinWaitlist, .dataGovernance, .stillQuestions { margin-bottom:80px; }

.challengeCol, .solutionCol { border-radius: 48px!important; padding: 50px; }
.challengeCol .badge, .solutionCol .badge { border-radius: 16px; background-color: var(--color-white); padding:14px 16px; display: flex; align-items: center; gap:10px; }
.challengeCol .badge { color:var(--color-red); box-shadow: 0px 0px 10px rgba(230, 18, 18, 0.20); }
.solutionCol .badge { color:var(--color-mediumseagreen); box-shadow: 0px 0px 10px rgba(16, 185, 129, 0.40); }
.challengeCol h3, .solutionCol h3 { font-weight: 400; font-size: var(--fs-32); }
.challengeCol h3 span, .solutionCol h3 span { display: block; }
.number-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:16px;flex-shrink:0;background: linear-gradient(120deg, rgba(45, 91, 219, 0.10) 0%, rgba(16, 185, 129, 0.10) 100%); border: 1px rgba(45, 91, 219, 0.30) solid}
.feature-item{display:flex;margin-bottom:40px}
.feature-item:last-child{margin-bottom:0}

.challengeCol { background: linear-gradient(120deg, rgba(219, 45, 47.90, 0.10) 0%, rgba(66.70, 16, 185, 0.10) 100%); }
.solutionCol { background: linear-gradient(120deg, rgba(45, 91, 219, 0.10) 0%, rgba(16, 185, 129, 0.10) 100%); }

.workCase { display:flex; gap:1rem; flex-wrap: wrap; justify-content: space-between; padding-top: 80px; }
.workCase .process-step { flex: 0 0 calc(100% / 5 - 15px); max-width: calc(100% / 5 - 15px); background: linear-gradient(120deg, rgba(45, 91, 219, 0.10) 0%, rgba(16, 185, 129, 0.10) 100%); border-radius: 48px; border: 1.50px rgba(45, 91, 219, 0.15) solid; padding: 24px; position: relative; }
.workCase .process-step .process-number { position:absolute; top:-75px; left:50%; transform: translateX(-50%); }
.workCase .process-step:before { position:absolute; content: ''; top: -65px; right: -50%; height: 5px; width: 90%; background: url("../img/line-arrow.svg") no-repeat; background-position: center right; }
.workCase .process-step .process-img { max-width: 80px; }
.workCase .process-step h3 { font-weight: 500; font-size: var(--fs-20); margin-bottom: 1rem; }
.workCase .process-step p { font-size: var(--fs-14); margin-bottom: 0; }
.workCase .process-step:last-child:before { display:none; }

.whoServe { background: var(--color-ghostwhite); padding: 80px 0; }
.whoServe .secpic { border-radius: 48px; overflow: hidden; background: url("../img/askmdx-doctor-bg.jpg") no-repeat; background-size: cover; display: flex; align-items: flex-end; justify-content: center; }
.whoServe .secpic img { max-width: 80%; }
.serveSec { background: linear-gradient(120deg, rgba(45, 91, 219, 0.10) 0%, rgba(16, 185, 129, 0.10) 100%); border-radius: 48px; padding: 40px; text-align: center; }
.serveSec h3 { font-weight: 400; }
.serveSec h3 strong { display:block; font-weight: 500; }
.serveSec .bg-white { box-shadow: 0px 0px 10px #C6E0FF; border-radius: 16px; display: inline-flex!important; }
.serveSec .bg-white span { text-align: left; }

.feature-item ul { list-style:none; margin: 0; padding: 0 0 0 60px; max-width: 600px; position: relative; }
.feature-item li { margin-bottom:2rem; position: relative; }
.feature-item li h3 { font-weight: 500; font-size: var(--fs-20); opacity: 1; transition-duration: .3s; }
.feature-item li p { font-size: var(--fs-14); opacity: 1; transition-duration: .3s; }
.feature-item li .gradient { position: absolute; z-index: 2; top:0; left:-60px; width: 40px; height: 40px; border-radius: 100px; background: linear-gradient(120deg, rgba(45, 91, 219, 0.10) 0%, rgba(16, 185, 129, 0.10) 100%); border: 1px rgba(45, 91, 219, 0.30) solid; display: flex; align-items: center; justify-content: center; transition-duration: .3s; }
.feature-item li:before { position: absolute; content:''; left:-40px; z-index: 1; top:40px; width: 1px; height: calc(100% - 8px); background: linear-gradient(120deg, rgba(45, 91, 219, 0.10) 0%, rgba(16, 185, 129, 0.10) 100%); border: 1.50px rgba(45, 91, 219, 0.30) solid; }
.feature-item li:hover .gradient, .feature-item li .gradient { background: linear-gradient(120deg, rgba(45, 91, 219, 1) 0%, rgba(16, 185, 129, 1) 100%); border: 1px rgba(45, 91, 219, 1) solid;color:var(--color-white); }
.feature-item li.active h3, .feature-item li.active p, .feature-item li:hover h3, .feature-item li:hover p { opacity:1; }
.feature-item li:last-child:before { display:none; }

.statCol { background: linear-gradient(120deg, rgba(45, 91, 219, 0.10) 0%, rgba(16, 185, 129, 0.10) 100%); border-radius: 48px; padding: 25px; display: flex; align-items: center; gap:1rem; min-height: 140px; }
.statCol .stat-img { max-width: 65px; min-width: 65px; }
.statCol .stat-text { font-size: var(--fs-18); font-weight: 600; }

.platform-sec { display:flex; align-items: center; }
.platform-sec .bigarrow { max-width: 200px; font-size: var(--fs-22); font-weight: 500; position: relative; padding-top: 10px; }
.platform-sec .bigarrow:before { position: absolute; content: ''; width: 100%; top:0; left:0; background: url("../img/bigarrow.svg") no-repeat; height: 100vh; background-size: 60px; background-position: top center; }

.prioritySpeCol { background: linear-gradient(120deg, rgba(45, 91, 219, 0.10) 0%, rgba(16, 185, 129, 0.10) 100%); border-radius: 32px; padding: 60px 40px; }
.specialtiesCol { max-width: 800px; margin: auto; }
.specialtiesCol .columsCol { background-color: var(--color-white); padding: 24px; border-radius: 16px; border:2px solid var(--color-mediumseagreen); }
.specialtiesCol .columsCol1 { font-size: var(--fs-32); background-color: transparent; padding: 24px; border-radius: 16px; border:2px solid rgba(98.08, 98.08, 98.08, 0.30); }
.specialtiesCol .columsCol h3, .specialtiesCol .columsCol1 h3 { font-size: var(--fs-16); }
.specialty-badge{background-color:var(--color-mediumseagreen);color:var(--color-white);padding:6px 16px;text-transform: uppercase;border-radius:16px;font-size:12px;font-weight:600;position:absolute;top:-15px;left:30px}

.joinWaitlist { overflow:hidden; padding:60px 0 25px; margin-bottom: 40px; }
.waitlistForm { background: linear-gradient(120deg, #2D5BDB 0%, #10B981 100%); border-radius: 48px; padding: 90px; color: var(--color-white); position: relative; }
.waitlistForm .plucIco { position: absolute; }
.waitlistForm .plucIco.plusIco1 { top:184px; left:-25px; max-width: 30px; }
.waitlistForm .plucIco.plusIco2 { top:-55px; left:207px; max-width: 117px; }
.waitlistForm .plucIco.plusIco3 { top:-20px; right:300px; max-width: 25px; }
.waitlistForm .plucIco.plusIco4 { top:50px; right:-30px; max-width: 37px; }
.waitlistForm .plucIco.plusIco5 { bottom:-35px; left:346px; max-width: 53px; }
.waitlistForm .plucIco.plusIco6 { bottom:-60px; right:264px; max-width: 103px; }
.waitlistForm .tab-content, .waitlistForm .tabForm { max-width: 700px; margin: auto; }
.waitlistForm .txtsm {font-weight:500;margin-bottom:8px; color: var(--color-lightgray-200); font-size: var(--fs-12); display: block;}
.waitlistForm .btn-primary {padding: 21px 40px; }
.hipaaCont { font-size: var(--fs-12); font-weight: 500; color: var(--color-lightgray-200); }

.custom-radio-tabs{gap:1rem}
.custom-radio-tabs .btn{ background-color: transparent; border-radius: 16px; padding: 12px 28px; border: 2px solid var(--color-white); color: var(--color-white); display: flex; align-items: center; gap:.5rem;}
.custom-radio-tabs .btn:hover{background-color: var(--color-white); color: var(--color-black);border: 2px solid var(--color-white);}
.custom-radio-tabs .btn-check:checked+.btn{background-color: var(--color-white); color: var(--color-black);border: 2px solid var(--color-white);}

.stillQuestions .questionCol { background: linear-gradient(120deg, rgba(45, 91, 219, 0.05) 0%, rgba(16, 185, 129, 0.05) 100%); border-radius: 32px; padding: 48px 64px; }
.stillQuestions .questionCol p { color: var(--color-gray-200); opacity: 0.70; }

.communitySec {margin-bottom:50px; }
.communitySec .entry-container {max-width: 550px; }
.communitySec .entry-container h2 {font-size: var(--fs-40); font-weight: 400; }
.expertiseCol { box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.10); border-radius: 24px; padding: 24px; }
.expertiseCol h3 { font-size: var(--fs-24); margin-bottom: 1rem; }
.expertiseCol ul { list-style: none; padding: 0; margin: 0; }
.expertiseCol li strong { display: block; font-weight: 600; font-size: var(--fs-18); }
.expertiseCol li { font-size: var(--fs-16); margin-bottom: 2rem; position: relative; padding-left: 50px; }
.expertiseCol li .ico { position: absolute; top:0; left:0; max-width: 40px; }
.expertiseCol li .ico img { width: 40px; height: 40px; }
.expertiseCol blockquote {font-style: italic; font-weight: 500; }
.expertiseCol .userTesti {display: flex; align-items: center; gap:1rem }
.expertiseCol .userTesti .userPic { max-width: 80px; min-width: 80px; }
.expertiseCol .userTesti .userCol .userNam { font-weight: 500 }
.expertiseCol .userTesti .userCol .userCom { font-size: var(--fs-14); }
.expertiseCol .userTesti .userCol .userTag { font-size: var(--fs-10); }
.expertiseCol.secondCol, .experts { box-shadow:none; background: linear-gradient(120deg, rgba(45, 91, 219, 0.10) 0%, rgba(16, 185, 129, 0.10) 100%); }
.experts { padding: 24px; border-radius: 16px; margin-top: 0; }
.mdsec p { font-size: var(--fs-18); padding:20px; }

.realImpact .container { max-width: 80%; }

.dataGovernance-col { border-radius: 24px; background-image: linear-gradient(120deg, #2D5BDB, #10B981); background-origin: border-box; background-clip: padding-box, border-box; padding: 56px; color: var(--color-white); }
.dataGovernance-col .d-flex { justify-content: space-around; }
.dataGovernance-col .threecol { background-color: var(--color-white); padding: 12px 34px; border-radius: 16px; color: var(--color-black); font-weight: 600; min-width: 230px; }

.footerSec h5 { font-size: var(--fs-16); font-weight: 400; margin-bottom: 1.2rem; }
.footerSec h5 img { max-width: 150px; }
.footerSec .text-light { font-size: var(--fs-14); color: var(--color-lightgray-100)!important; }
.footerSec .text-light:hover { color: var(--color-white)!important; }
.emailIco { background:url("../img/email.svg") no-repeat; background-size: 25px; padding-left: 2rem; }
.telIco { background:url("../img/call.svg") no-repeat; background-size: 25px; padding-left: 2rem; }
.emailIco a, .telIco a { color: var(--color-white); text-decoration: none; }
.emailIco a:hover, .telIco a:hover { text-decoration: underline; }
.footerSec li { margin-bottom: .5rem; }
.copyright p { font-size: var(--fs-12); }
.copyright p, .font12 { font-size: var(--fs-12); }
.rPanel { display:flex; align-items: center; gap:1rem; justify-content: flex-end; }
.rPanel a { background-color: rgba(255,255,255,0.1); padding: 12px 20px; border-radius: 16px; color: var(--color-white); }
.rPanel a:hover { background-color: var(--color-white); color: var(--color-black); }
.rPanel a.btn:hover { background-color: var(--color-white); color: var(--color-white); }

.card-feature{border-radius:0;border:none;}
.card-feature h3 {font-size: var(--fs-18); margin-bottom: 1rem;}
.card-feature p {font-size: var(--fs-14); }
.animate{transition:transform .3s ease}
.animate:hover{transform:translateY(-5px)}

.logo-text{font-size:24px;font-weight:600}
.logo-text span{color:var(--color-mediumseagreen)}
.expert-card{border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:12px;margin-bottom:10px}
.expert-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}
.comparison-table{border-radius:24px;overflow:hidden}
.comparison-header{padding:20px;font-weight:600;font-size:20px}
.comparison-item{padding:15px 20px;border-bottom:1px solid rgba(0,0,0,.05)}

.offcanvas.offcanvas-end { background: linear-gradient(120deg, #E3EBFF 0%, #D6FFF1 100%); border-top-left-radius: 32px; border-bottom-left-radius: 32px; width: 100%; max-width: 700px; }
.offcanvas.offcanvas-end .btn-close { opacity: 1; background-size: 10px; background-color: var(--color-white); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10); border-radius: 9999px; border: 1px #C4EDE8 solid; position: absolute; top:40px; right:40px; }
.offcanvas-header { flex-direction: column; align-items: flex-start; padding:0; position: relative; }
.offcanvas-header .offcanvas-title { font-size: var(--fs-24); }
.offcanvas-header p { font-size: var(--fs-14); }
.offcanvas-body { padding: 75px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.offcanvas-body .hipaaCont { color: #595959; }

.custom-toggler{border:none;background:0 0;outline:0}
.toggler-icon{display:block;width:25px;height:3px;margin:5px auto;background-color:#000;transition:all .3s ease-in-out}
.custom-toggler[aria-expanded=true] .toggler-icon:first-child{transform:rotate(45deg) translate(5px,5px)}
.custom-toggler[aria-expanded=true] .toggler-icon:nth-child(2){opacity:0}
.custom-toggler[aria-expanded=true] .toggler-icon:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}

.dskimg { display:block; }
.mobimg { display:none; }



@media (min-width:1400px){
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1420px}
}
@media (max-width:1399px){
.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:100%}
.logo-text{max-width:175px}
.hero-section {margin-bottom:0; }
.hero-section .d-flex .open-tab img{max-width:300px}
.hero-section .title { margin-top: 0; }
}
@media (max-width:1199px){
.hero-section .title{font-size:var(--fs-32)}
.hero-section .title .gradienttxt{font-size:var(--fs-40)}
.hero-section p{font-size:var(--fs-16)}
.hero-section{margin-bottom:0}
.challengeCol,.dataGovernance-col,.prioritySpeCol,.serveSec,.solutionCol,.stillQuestions .questionCol,.waitlistForm{padding:30px}
.card-body.p-4{padding:0!important}
.workCase .process-step .process-number,.workCase .process-step:before{display:none}
.workCase{padding-top:0;justify-content:center}
.workCase .process-step{flex:0 0 calc(100% / 3 - 15px);max-width:calc(100% / 3 - 15px);min-height:285px}
.platform-sec .bigarrow{max-width:100px}
.navbar-nav{margin-bottom:1rem}
.navbar-nav .nav-item{padding:.8rem 0;border-bottom:1px solid rgba(0,0,0,.2)}
.realImpact .container { max-width: 100%; }
.hero-section .d-flex .open-tab img { max-width: 200px; }
.herobanner img { max-width: 115%; }
}
@media (max-width:991px){
.hero-section{padding:0}
.hero-section::before{display:none}
.herobanner{position:static;height:auto;margin-bottom:30px;padding-top: 65px;}
.askmdxSec, .challengeSec, .dataGovernance, .hero-section, .joinWaitlist, .medicalInstitutions, .realImpact, .statsSection, .stillQuestions, .transformsCons, .whoServe, .workSec{margin-bottom:64px}
.challengeSec, .realImpact, .prioritySpe, .communitySec {margin-bottom:40px;}
a.btn.btn-blue.mt-4.px-4,a.btn.btn-green.mt-4.px-4{margin-top:0!important}
.platform-sec{flex-direction:column}
.platform-sec .bigarrow{padding:2rem 0}
.platform-sec .bigarrow:before{left:-25px;height:150px;background-position:top center;transform:rotate(90deg);transform-origin:center center}
.secpic img{width:100%}
.dataGovernance-col .threecol{min-width:inherit;margin-bottom:1rem}
.offcanvas-header, .offcanvas-body { padding: 15px 30px 30px 30px; display: block; }
.herobanner img { max-width: 100%; }
.navbar { backdrop-filter: blur(50px); background-color: rgba(255, 255, 255, .3); border-bottom: 1px solid rgba(0, 0, 0, .05); }
}
@media (max-width:768px){
.workCase .process-step{flex:0 0 calc(100% / 2 - 15px);max-width:calc(100% / 2 - 15px);min-height:285px}
.serveSec .bg-white{margin-bottom:1rem}
.stillQuestions .d-flex{flex-direction:column}
.challengeCol h3 span,.solutionCol h3 span{display:inline-block}
.communitySec .entry-container h2,.entry-container .title{font-size:var(--fs-32)}
.rPanel{justify-content:flex-start}
.hero-section .d-flex .open-tab img { max-width: 160px; }
.feature-item { margin-bottom: 20px; }
.secpic img { width: 80%; }
.statCol { min-height:inherit; padding: 15px 25px; }
.specialtiesCol .columsCol { padding: 12px; display: flex; align-items: center; justify-content: center; min-height: 75px; }
.specialtiesCol .columsCol1 { padding: 12px; border-radius: 16px; border: 2px solid rgba(98.08, 98.08, 98.08, 0.30); display: flex; align-items: center; justify-content: center; min-height: 75px; }
.specialtiesCol .columsCol h3, .specialtiesCol .columsCol1 h3 {font-size:var(--fs-14)}
.specialtiesCol .col-md-6.col-lg-4.position-relative.mb-4 { margin-bottom: 10px !important; margin-top: 10px; }
.expertiseCol.secondCol .secpic img {width:100%;}
.dataGovernance-col { text-align: left; }
.dataGovernance-col .d-flex { justify-content: flex-start; margin-top: 1rem!important; }
.dataGovernance-col .threecol { width: 100%; }
.dataGovernance-col .threecol br { display: none; }
.hero-section { display: flex; flex-direction: column-reverse; padding-top: 100px; background: url("../img/banner-bg.jpg") no-repeat; background-size: cover; }
.herobanner { margin-bottom: 0; padding-top: 0; }
.logo-text { max-width: 150px; }
.topBtn { position: absolute; right: 60px; padding: 10px 12px; font-size: 12px; top:11px; }
.whoServe { padding: 50px 0; }
}
@media (max-width:640px){
.dskimg { display:none; }
.mobimg { display:block; }
.herobanner { margin-top: -50px; }
}
@media (max-width:480px){
.hero-section .title{font-size:var(--fs-20)}
.hero-section .title .gradienttxt{font-size:var(--fs-32)}
body{font-size:var(--fs-14)}
.challengeCol h3,.communitySec .entry-container h2,.solutionCol h3{font-size:var(--fs-24)}
.number-circle{width:35px;height:35px}
.h5,h5{font-size:1rem}
.entry-container .title{font-size:var(--fs-28)}
.workCase .process-step{flex:0 0 100%;max-width:100%;min-height:inherit; display:flex; gap:10px; }
.workCase .process-step .process-img{max-width:50px; min-width: 50px; }
.custom-radio-tabs .btn { flex-direction: column; padding: 10px 20px; }
}