.OnlineAppointmentSection{background:#fff;margin:0;padding:25px 0 0;width:100%}.OnlineAppointmentSection .appointment-section-header{margin:0 auto 28px;max-width:820px;padding:0 20px;text-align:center}.OnlineAppointmentSection .appointment-section-header span{color:#0078c8;display:inline-block;font-size:13px;font-weight:800;letter-spacing:.28em;line-height:1;margin-bottom:16px;text-transform:uppercase}.OnlineAppointmentSection .appointment-section-header h2{color:#0f1f35;font-size:30px;font-weight:800;line-height:1.2;margin:0 0 12px}.OnlineAppointmentSection .appointment-section-header p{color:#536777;font-size:16px;line-height:1.6;margin:0}.OnlineAppointmentSection .home3-container{align-items:center;background:#fff;border:1px solid #dfe8ef;border-radius:26px;box-shadow:0 18px 42px rgba(24,48,71,.08);display:grid;grid-gap:clamp(24px,3.5vw,48px);gap:clamp(24px,3.5vw,48px);grid-template-columns:minmax(430px,.95fr) minmax(420px,1.05fr);margin:0 auto;max-width:1400px;min-height:410px;overflow:hidden;padding:clamp(18px,2.5vw,32px);position:relative;width:calc(100% - 64px)}.OnlineAppointmentSection .home3-container:before{background:linear-gradient(90deg,rgba(15,41,64,.035) 0 1px,transparent 1px 56px),linear-gradient(180deg,rgba(15,41,64,.035) 0 1px,transparent 1px 56px);content:"";inset:0;opacity:.55;pointer-events:none;position:absolute}.OnlineAppointmentSection .text-box{color:#0f2940;max-width:520px;position:relative;z-index:2}.OnlineAppointmentSection .appointment-kicker{align-items:center;background:#fff;border:1px solid #cfe8f7;border-radius:999px;box-shadow:0 10px 24px rgba(0,118,188,.1);color:#0076bc;display:inline-flex;font-size:12px;font-weight:800;letter-spacing:0;line-height:1;font-size:11px;margin-bottom:12px;padding:9px 13px;text-transform:uppercase}.OnlineAppointmentSection .text-box h2{color:#0b1f33;font-size:clamp(30px,3vw,43px);font-weight:800;line-height:.98;margin:0 0 12px}.OnlineAppointmentSection .text-box p{color:#425d70;font-size:clamp(14px,1vw,16px);line-height:1.52;margin:0 0 18px}.OnlineAppointmentSection .appointment-points{display:grid;grid-gap:10px;gap:10px;list-style:none;margin:0 0 22px;padding:0}.OnlineAppointmentSection .appointment-points li{align-items:center;color:#24455d;display:flex;font-size:15px;font-weight:700;gap:10px;line-height:1.25}.OnlineAppointmentSection .appointment-points li:before{background:linear-gradient(135deg,#00a8df,#0076bc);border-radius:50%;box-shadow:0 6px 14px rgba(0,118,188,.22);content:"";flex:0 0 auto;height:9px;width:9px}.OnlineAppointmentSection .appointment-btn{animation:appointmentButtonGlow 3.8s ease-in-out infinite;background:linear-gradient(135deg,#0062a8,#0091d4);background-size:100% 100%;border:0;border-radius:999px;box-shadow:0 16px 34px rgba(0,118,188,.26);color:#fff;cursor:pointer;font-size:14px;font-weight:800;line-height:1;overflow:hidden;padding:13px 22px;position:relative;transition:box-shadow .22s ease,transform .22s ease}.OnlineAppointmentSection .appointment-btn:before{background:linear-gradient(105deg,transparent 22%,hsla(0,0%,100%,.42) 48%,transparent 74%);content:"";inset:0;position:absolute;transform:translateX(-120%);transition:transform .65s ease}.OnlineAppointmentSection .appointment-btn:focus-visible,.OnlineAppointmentSection .appointment-btn:hover{animation-duration:1.8s;background:linear-gradient(135deg,#004f8a,#0076bc);box-shadow:0 20px 42px rgba(0,118,188,.34);outline:none;transform:translateY(-3px)}.OnlineAppointmentSection .appointment-btn:focus-visible:before,.OnlineAppointmentSection .appointment-btn:hover:before{transform:translateX(120%)}.OnlineAppointmentSection .appointment-btn:active{transform:translateY(-1px) scale(.98)}.OnlineAppointmentSection .home3-media{align-self:stretch;border:8px solid #fff;border-radius:22px;box-shadow:0 18px 42px rgba(15,63,96,.16);max-height:350px;min-height:320px;overflow:hidden;position:relative;z-index:2}.OnlineAppointmentSection .home3-media:before{background:linear-gradient(180deg,rgba(3,48,79,.02) 30%,rgba(3,48,79,.5));content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.OnlineAppointmentSection .home3-slide-track{display:flex;height:100%;transition:transform .75s cubic-bezier(.22,1,.36,1);width:100%}.OnlineAppointmentSection .home3-slide{flex:0 0 100%;height:100%;overflow:hidden;position:relative}.OnlineAppointmentSection .home3-slide img{background:linear-gradient(135deg,#dff5ff,#f7fcff);display:block;height:100%;object-fit:contain;object-position:center;width:100%}.OnlineAppointmentSection .nav-buttons{bottom:16px;display:flex;gap:12px;left:16px;position:absolute;z-index:3}.OnlineAppointmentSection .circle-btn{align-items:center;background:hsla(0,0%,100%,.94);border:1px solid hsla(0,0%,100%,.7);border-radius:50%;box-shadow:0 12px 24px rgba(0,83,132,.22);color:#0078c8;cursor:pointer;display:inline-flex;font-size:24px;font-weight:700;height:40px;justify-content:center;line-height:1;transition:background .2s ease,color .2s ease,transform .2s ease;width:40px}.OnlineAppointmentSection .circle-btn:focus-visible,.OnlineAppointmentSection .circle-btn:hover{background:#0078c8;color:#fff;outline:none;transform:translateY(-2px)}.OnlineAppointmentSection .slide-dots{bottom:31px;display:flex;gap:8px;position:absolute;right:18px;z-index:3}.OnlineAppointmentSection .slide-dot{background:hsla(0,0%,100%,.58);border:0;border-radius:999px;cursor:pointer;height:8px;padding:0;transition:background .2s ease,width .2s ease;width:8px}.OnlineAppointmentSection .slide-dot.active{background:#fff;width:28px}.OnlineAppointmentSection .appointment-section-header--skeleton{align-items:center;display:flex;flex-direction:column}.OnlineAppointmentSection .appointment-skeleton{background:linear-gradient(90deg,#eef6fb,#dcecf6 45%,#f5fbff 70%,#eef6fb);background-size:220% 100%;border-radius:999px;display:block;overflow:hidden;position:relative;animation:appointmentSkeletonShimmer 1.25s ease-in-out infinite}.OnlineAppointmentSection .appointment-skeleton-kicker{height:12px;margin-bottom:18px;width:170px}.OnlineAppointmentSection .appointment-skeleton-title{height:30px;margin-bottom:18px;max-width:620px;width:min(620px,calc(100vw - 64px))}.OnlineAppointmentSection .appointment-skeleton-copy{height:14px;margin-bottom:9px}.OnlineAppointmentSection .appointment-skeleton-copy--wide{max-width:760px;width:min(760px,calc(100vw - 64px))}.OnlineAppointmentSection .appointment-skeleton-copy--short{max-width:420px;width:min(420px,calc(100vw - 64px))}.OnlineAppointmentSection .appointment-section-skeleton{pointer-events:none}.OnlineAppointmentSection .appointment-skeleton-media{align-self:stretch;background:linear-gradient(135deg,#eaf6fc,#f8fcff);border:8px solid #fff;border-radius:22px;box-shadow:0 18px 42px rgba(15,63,96,.12);min-height:320px;overflow:hidden;position:relative;z-index:2}.OnlineAppointmentSection .appointment-skeleton-media:after{background:linear-gradient(180deg,rgba(3,48,79,.02) 30%,rgba(3,48,79,.22));content:"";inset:0;pointer-events:none;position:absolute}.OnlineAppointmentSection .appointment-skeleton-media-logo{border-radius:8px;height:24px;left:18px;position:absolute;top:18px;width:118px}.OnlineAppointmentSection .appointment-skeleton-media-icon{border-radius:50%;height:38px;left:76px;position:absolute;width:38px}.OnlineAppointmentSection .appointment-skeleton-media-icon--one{top:92px}.OnlineAppointmentSection .appointment-skeleton-media-icon--two{top:140px}.OnlineAppointmentSection .appointment-skeleton-media-icon--three{top:188px}.OnlineAppointmentSection .appointment-skeleton-nav{border-radius:50%;bottom:16px;height:40px;position:absolute;width:40px}.OnlineAppointmentSection .appointment-skeleton-nav--left{left:16px}.OnlineAppointmentSection .appointment-skeleton-nav--right{left:68px}.OnlineAppointmentSection .appointment-skeleton-content{display:flex;flex-direction:column;max-width:520px;position:relative;z-index:2}.OnlineAppointmentSection .appointment-skeleton-pill{height:32px;margin-bottom:18px;width:140px}.OnlineAppointmentSection .appointment-skeleton-heading{border-radius:12px;height:42px;margin-bottom:20px;width:min(420px,100%)}.OnlineAppointmentSection .appointment-skeleton-line{border-radius:8px;height:14px;margin-bottom:10px;width:min(480px,100%)}.OnlineAppointmentSection .appointment-skeleton-line--medium{width:min(360px,82%)}.OnlineAppointmentSection .appointment-skeleton-list{height:16px;margin:8px 0 4px;width:min(290px,74%)}.OnlineAppointmentSection .appointment-skeleton-list--short{width:min(250px,64%)}.OnlineAppointmentSection .appointment-skeleton-button{height:40px;margin-top:20px;width:226px}@keyframes appointmentButtonGlow{0%,to{background-position:0 50%;box-shadow:0 16px 34px rgba(0,118,188,.26)}50%{background-position:100% 50%;box-shadow:0 18px 38px rgba(0,145,212,.32)}}@keyframes appointmentSkeletonShimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (max-width:991px){.OnlineAppointmentSection{padding:28px 0}.OnlineAppointmentSection .home3-container{gap:20px;grid-template-columns:1fr;padding:22px}.OnlineAppointmentSection .text-box{max-width:560px;order:2}.OnlineAppointmentSection .home3-media{max-height:none;min-height:300px;order:1}.OnlineAppointmentSection .appointment-skeleton-content{max-width:560px;order:2}.OnlineAppointmentSection .appointment-skeleton-media{min-height:300px;order:1}}@media (max-width:575px){.OnlineAppointmentSection{padding:22px 0}.OnlineAppointmentSection .home3-container{border-radius:18px;padding:16px;width:calc(100% - 32px)}.OnlineAppointmentSection .appointment-section-header{margin-bottom:22px}.OnlineAppointmentSection .appointment-section-header span{font-size:11px;letter-spacing:.18em;margin-bottom:12px}.OnlineAppointmentSection .appointment-section-header h2{font-size:24px}.OnlineAppointmentSection .appointment-section-header p{font-size:15px}.OnlineAppointmentSection .appointment-kicker{font-size:10px;margin-bottom:10px;padding:8px 11px}.OnlineAppointmentSection .text-box h2{font-size:28px}.OnlineAppointmentSection .text-box p{font-size:14px;margin-bottom:18px}.OnlineAppointmentSection .appointment-btn{font-size:13px;padding:12px 16px}.OnlineAppointmentSection .home3-media{border-width:6px;border-radius:16px;min-height:220px}.OnlineAppointmentSection .appointment-skeleton-title{height:26px;width:calc(100vw - 56px)}.OnlineAppointmentSection .appointment-skeleton-media{border-width:6px;border-radius:16px;min-height:220px}.OnlineAppointmentSection .appointment-skeleton-media-icon{left:42px}.OnlineAppointmentSection .appointment-skeleton-heading{height:34px}.OnlineAppointmentSection .appointment-skeleton-button{width:min(230px,100%)}.OnlineAppointmentSection .appointment-points li{font-size:14px}.OnlineAppointmentSection .nav-buttons{bottom:16px;left:16px}.OnlineAppointmentSection .circle-btn{height:36px;width:36px}.OnlineAppointmentSection .slide-dots{bottom:32px;right:16px}}