body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color: #0cb3a2;--secondary-color: #195068;--light-bg: #ffffff;--text-gray: #6c757d}body{font-family:Poppins,sans-serif;background-color:var(--light-bg)}a{text-decoration:none!important;color:inherit!important}.nav-link{color:var(--text-gray)!important;font-weight:500;flex-shrink:0}.nav-link:hover:not(.btn){color:var(--primary-color)!important}.nav-mobile-link:hover:not(.btn){color:var(--primary-color)!important}.text-primary1{color:#0cb3a2!important}.bg-primary1{color:#fff!important;background:linear-gradient(107.85deg,#00969e 1.08%,#09c6b2 144.46%)!important}.footer-link:hover:not(.btn){color:var(--primary-color)!important}.bg-primary{background:var(--primary-color)!important}.text-gray{color:var(--text-gray)!important}.bg-light{background:#e8e8e8!important}.navbar-brand img{height:35px}.order-now-btn{background:linear-gradient(107.85deg,#00969e 1.08%,#09c6b2 144.46%);color:#fff}.order-now-btn:hover{background:linear-gradient(107.85deg,#00969e 1.08%,#09c6b2 144.46%);color:#fff;opacity:.8}.cart-btn{position:relative;color:var(--primary-color)}.cart-badge{position:absolute;top:-5px;right:-5px;background-color:var(--primary-color);color:#fff;border-radius:50%;width:20px;height:20px;font-size:11px!important;display:flex;align-items:center;justify-content:center}.gap-3{gap:12px}.search-container{align-items:center;justify-content:center;border-radius:100px;background-color:#fff;box-shadow:0 2px 10px #dbd7d74d;overflow:hidden}.search-container input{border:none;outline:none;width:100%;font-size:16px;color:var(--text-gray)}.search-container input::placeholder{color:gray}.search-container input:focus{box-shadow:none}.search-container .btn{background:linear-gradient(107.85deg,#00969e 1.08%,#09c6b2 144.46%);color:#fff;cursor:pointer;padding:10px 20px;border-radius:0}.menu-bar{box-shadow:0 2px 10px #dbd7d74d;margin:0}.carousel-indicators{bottom:-30px}.carousel-indicators [data-bs-target]{width:10px;height:10px;padding:0;text-indent:-999px;cursor:pointer;border-radius:50%;opacity:.5;transition:opacity .6s ease;background-color:gray}.carousel-indicators [data-bs-target].active{opacity:1;background-color:var(--primary-color)}.track-bar{max-width:500px;margin:0 auto}.search-btn:hover{background:linear-gradient(107.85deg,#00969e 1.08%,#09c6b2 144.46%);color:#fff;opacity:.8}.search-btn{padding:10px 20px;display:flex;justify-content:center}@media (max-width: 576px){.track-bar{max-width:100%;flex-direction:column}.search-btn,.search-container{width:100%}}.track-status{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.track-status>div{padding:20px;border-radius:10px}.track-status .steps{margin-top:20px;display:flex;padding-left:40px;justify-content:center;gap:10px;flex-direction:column;position:relative}.track-status .steps h3{font-size:20px;font-weight:500}.track-status .steps p{font-size:14px;color:var(--text-gray) gray;text-align:start}.track-status .steps .step{position:relative}.track-status .step:not(:last-child):after{content:"";display:block;position:absolute;width:2px;height:100%;left:-30px;top:20px;background-color:#cecece;z-index:20}.track-status .step .icon-status{position:absolute;left:-40px;top:4px;width:20px;height:20px;background-color:#cecece;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:30;color:#cecece}.track-status .step.active .icon-status{background-color:var(--primary-color);color:#fff}.track-status .step.active:after{background-color:var(--primary-color)}.track-status .step.active+.step .icon-status{color:#fff;border:var(--primary-color) 2px solid}.track-status .step.active+.step:after{background-color:var(--primary-color)}.completed-bar>div{background-color:#cdcdcd;padding:3px;flex-grow:1;border-radius:50px}.completed-bar>div.active{background-color:var(--primary-color)}@media (max-width: 768px){.track-status{grid-template-columns:1fr}.track-status>div:last-child{grid-row:1}}.carousel-item-inner{max-height:500px;height:100vh;align-items:center}.carousel-item-inner .text-area{height:100%;display:flex;justify-content:center;flex-direction:column;align-items:start;gap:20px}.carousel-item-inner .text-area h2{font-size:50px;font-weight:600}.custom-dropdown-toggle i{font-size:14px}.custom-dropdown-toggle{display:flex;align-items:center;gap:10px;flex-direction:row}.custom-dropdown-toggle:hover{color:var(--primary-color)}.SmartMedicsBanner{background-image:url(https://cdn.smartmedics.pk/image/upload/1769691219054-objects.png?w=800),linear-gradient(107.85deg,#00969e 1.08%,#09c6b2 144.46%);background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:50px;width:80%}.object1{position:absolute;top:47%;right:44%}@media only screen and (max-width: 768px){.object1{display:none}}.hero-video{height:496px;width:800px}.navbar-submenu{width:100vw;padding:20px;left:auto;right:auto}.navbar-submenu .submenu{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:center}.navbar-submenu .submenu.submenu-3-item{grid-template-columns:repeat(3,1fr)}.navbar-submenu .dropdown-item{word-wrap:normal;white-space:unset;padding:10px 20px;color:#000;font-size:14px;border-radius:50px;background-color:#f9f9f9;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between}.navbar-submenu .dropdown-item:hover{background:linear-gradient(107.85deg,#00969e 1.08%,#09c6b2 144.46%);color:#fff}.btn:hover{background:linear-gradient(107.85deg,#00969e 1.08%,#09c6b2 144.46%);color:#fff!important;outline:none!important}.btn-medication{background-color:#f9f9f9!important}.btn-sub-menu{background:#f4f3f3de!important;padding:15px;transition:all .2s}.btn-sub-menu:hover{background:linear-gradient(107.85deg,#00969e 1.08%,#09c6b2 144.46%)!important;color:#fff!important;outline:none!important}.carousel-control-next,.carousel-control-prev{width:auto}.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0cb3a2!important}.tooltip.show{opacity:1!important}.floating-buttons{position:fixed;top:75%;right:1rem;display:flex;flex-direction:column;gap:1.5rem;z-index:9999}.floating-button-wrapper{position:relative;display:flex;align-items:center;justify-content:flex-end;border-radius:50%}.icon-circle{width:50px;height:50px;background-color:#25d366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px #fff;cursor:pointer}.custom-tooltip{position:absolute;right:600px;background:#fff;border-radius:999px;padding:4px 12px;box-shadow:0 3px 6px #0000001a;white-space:nowrap;display:flex;align-items:center;font-weight:500;z-index:1}.fade-image{opacity:0;transition:opacity .1s ease-in-out}.fade-image.show{opacity:1}.object3{position:absolute;bottom:0%;right:50%}.object4{position:absolute;top:5%;right:5%}.sidebar-slide-in{animation:slideInRight .6s cubic-bezier(.25,.8,.25,1) forwards}.sidebar-slide-out{animation:slideOutRight .6s cubic-bezier(.25,.8,.25,1) forwards}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.transition-text{transition:opacity .8s ease,transform .8s ease;opacity:0;transform:translateY(20px)}.fade-slide{opacity:0;transition:opacity 3s ease}.fade-slide.active{opacity:1}.fade-in{opacity:1!important;transform:translateY(0)}.fade-out{opacity:0;transform:translateY(20px)}.overlay-fade-in{animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:.5}}.menu-fade-slide{animation:menuSlide .3s ease}@keyframes menuSlide{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid #ccc;border-radius:50%;outline:none;cursor:pointer;position:relative}input[type=radio]:checked{border-color:#26a69a;background-color:#26a69a}input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background-color:#fff;border-radius:50%}.MedicationCard-btn:hover{color:#0cb3a2!important;cursor:pointer;transition:ease-in-out .2s}.transition-wrapper{max-height:0;overflow:hidden;opacity:0;transition:all .4s ease}.transition-wrapper.show{max-height:500px;opacity:1}.get-started-btn:hover{color:var(--primary-color)!important;background:#fff!important}.tip-box{position:absolute;bottom:-10%;right:15%;background-color:#fff8c4;border-radius:10px;padding:10px;font-size:.9rem;color:#444;border:1px solid #e0d08b;margin-bottom:8px;width:max-content;max-width:250px;z-index:100;box-shadow:0 4px 8px #0000001a;padding-top:1.4rem}.tip-box2{position:absolute;bottom:-60%;right:15%}.video-box{padding:8px;background:linear-gradient(107.85deg,#00969e29 1.08%,#09c6b229 144.46%);border-radius:20px;display:flex;justify-content:center}.custom-prev,.custom-next{height:35px;width:35px;border-radius:50px;background-color:#fff;color:#000;transition:all .2s;cursor:pointer;outline:none!important;border:none!important;box-shadow:#00000059 0 5px 15px}.custom-prev:hover,.custom-next:hover{background-color:var(--primary-color);color:#fff}.slides{position:relative;height:110vh}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out}.slide.active{opacity:1;z-index:1}.custom-prev,.custom-next{position:absolute;top:50%;transform:translateY(-50%);z-index:1000}.custom-prev{left:20px}.custom-next{right:20px}.pagination{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.dot{width:10px;height:10px;border-radius:50%;border:none;background-color:#e0e0e0;cursor:pointer;padding:0;transition:background-color .3s ease}.dot.active{background-color:var(--primary-color)}.madcine-category{position:relative;background:#fff;border-radius:10px;padding:8px 16px;transition:all .3s ease;box-shadow:0 0 5px #a8a8a873;z-index:0;border:2px solid transparent;cursor:pointer}.madcine-category:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;z-index:-1;border-radius:inherit;background:linear-gradient(107.85deg,#00969e 1.08%,#09c6b2 144.46%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:2px;pointer-events:none;opacity:0;transition:opacity .3s ease}.madcine-category:hover{box-shadow:0 0 20px #a8a8a866}.madcine-category.active{background:#e7fbfc}.madcine-category.active:before{opacity:1}.custom-prev2,.custom-next2{height:30px;width:30px;border-radius:50px;background-color:#fff;color:#000;transition:all .2s;cursor:pointer;outline:none!important;border:none!important;box-shadow:#00000059 0 5px 15px}.custom-prev2:hover,.custom-next2:hover{background-color:var(--primary-color);color:#fff}.product-icon-hover{opacity:0;transition:opacity .3s ease}.product-icon-hover button{width:40px;height:40px;border-radius:50%;background-color:#fff;color:gray}.product-icon-hover button.active{background-color:#fff;color:var(--primary-color)}.card:hover .product-icon-hover{opacity:1}.object-fit-cover{object-fit:cover;border-radius:15px 15px 0 0;height:180px}.product-card-shadow{box-shadow:0 0 5px #a8a8a873}.custom-pagination-wrapper{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;width:100%;flex-wrap:wrap}.custom-pagination{display:flex;justify-content:center;list-style:none;padding:0;margin:0;gap:.5rem}.custom-page-item button{color:#475467}.custom-pagination-btn{border:none;background:#fff;border-radius:10px;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.9rem;color:#333;display:flex;align-items:center;gap:.3rem;box-shadow:0 0 0 1px #ccc}.custom-page-item.active button{color:#000}.custom-page-item.disabled button,.custom-pagination-btn:disabled{opacity:.5;pointer-events:none}.custom-page-link{background:none;border:none;cursor:pointer}.icon-left,.icon-right{font-size:1rem}.custom-accordion-item{border:none!important;border-radius:10px!important;margin-bottom:15px;box-shadow:0 0 14px #00000026}.custom-accordion-button{border-radius:10px!important;background-color:#fff!important;color:#000!important;font-weight:500;padding:15px 20px}.custom-accordion-button:focus{box-shadow:none!important}.custom-accordion-button:not(.collapsed){color:#000!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.custom-accordion-body{border-bottom-left-radius:10px!important;border-bottom-right-radius:10px!important;color:#666!important;padding:15px 20px}.small-text{font-size:14px}.privacy-bottom-card{width:380px}.image-wrapper{border-radius:20px 20px 0 0;overflow:hidden}.image-hover-effect{transition:transform .3s ease;height:236px}.image-hover-effect:hover{transform:scale(1.2)}.order-now-btn-responsive-py{padding-top:.4rem!important;padding-bottom:.4rem!important}.order-now-btn-responsive{display:flex!important;align-items:center!important;gap:.25rem!important;font-size:1rem!important;padding:6px 10px!important;white-space:nowrap!important}@media (max-width: 410px){.order-now-btn-responsive{font-size:.8rem!important}}@media (max-width: 768px){.slides{height:261px!important}}.hero-video iframe{position:relative;z-index:1}.job-apply-card{width:860px}@media (max-width: 375px){.order-now-btn-responsive{min-height:37px}}@media (max-width: 992px){.carousel-item-inner{max-height:380px}.carousel-item-inner .text-area h2{font-size:35px}}@media (max-width: 830px){.carousel-item-inner .text-area h2{font-size:25px}}@media (max-width: 777px){.carousel-item-inner .text-area h2{font-size:25px}.hero-video{height:auto;width:100%!important}.video-con{width:100%!important}.custom-prev{left:5px!important}.custom-next{right:5px!important}.SmartMedicsBanner{width:100%}.object1{position:absolute;top:54%;right:45%}.GetStartedSection-btn{width:100%}.object-fit-cover{height:136px}.card-text{font-size:10px!important}.card-price,.card-title{font-size:14px}.privacy-bottom-card,.job-apply-card{width:100%}}@media (max-width: 767px){.carousel-item-inner{max-height:278px}.image-hover-effect{transition:transform .3s ease;height:186px}}@media (max-width: 410px){.carousel-item-inner{max-height:200px}}@media (max-width: 510px){.carousel-item-inner .text-area h2{font-size:18px}}.cursor-pointer{cursor:pointer}@media (max-width: 576px) and (min-width: 375px){.order-now-btn-responsive{gap:.25rem!important;font-size:13px!important;padding:6px 10px!important;height:38px}}.thankyouicon{max-width:120px;height:auto}@media (max-width: 576px){.modal-title{font-size:20px}.modal-text{font-size:14px}.modal-btn{font-size:13px;padding:10px 14px}.modal-content{padding:15px}}