/* Shared frontend styles moved out of view templates. */ section.back_images.mt-3 .row.banneers img { width: 100%; } .mobile-event-image { display: none; } span.mnb { color: #282730 !important; } @media (max-width: 767px) { .topnav.responsive .desk-head-view1.mobileview { overflow: auto; height: 560px; padding-bottom: 20px; } } @media (max-width: 548px) { .mobile-event-image { display: block; } .desktop-event-image { display: none; } } .front-toast-bottom-center { bottom: 25px; } .toast-success { background-color: #21221f; } .toast-error { background-color: darkred; } .front-hidden { display: none !important; } .inline-display-none { display: none; } .inline-display-block { display: block; } .front-hidden-event-image { width: 120px; } .front-desktop-event-image { margin-left: -30vw; } .front-need-help-body { background: url('../../img/lab_test_popup_bg.jpg') #fff; } .front-location-search { width: 90%; } .front-svg-phone, .front-svg-cart { fill: #282730; } .front-svg-phone text, .front-svg-phone tspan { font-family: 'Poppins', sans-serif !important; } /* Static inline styles extracted from frontend/dashboard views. */ .inline-style-1d337b462e { text-align: center;padding-top:10px; } .inline-style-fa844ea4dc { color: #999;text-decoration: line-through;opacity: 0.4;font-weight: 400; } .inline-style-6053888e40 { clear:both } .inline-style-ece13b45ad { color:#106e03; font-size:16px; font-weight: bold; padding-left:35%; } .inline-style-73cb2565d3 { color:var(--red) } .inline-style-4e98302ccb { text-align: center; color: #8a8b8d; } .inline-style-afc48a0b04 { max-height: 52px; } .inline-style-2726f94c3f { justify-content: left; margin-top:4px; } .inline-style-322397c289 { padding: 21px; } .inline-style-42112ea816 { width:65% } .inline-style-20e5983dc7 { width: 100% } .inline-style-32823221cb { background-color: #abebf114; } .inline-style-bf3a84a5cd { color:#000; } .inline-style-b2d57d9d9f { right: 2%; } .inline-style-89a39ecc80 { display: contents; } .inline-style-1b333419ca { border-radius:200px; height:200px; width:200px; background: #31b256; margin:0 auto; } .inline-style-e099fc6721 { margin-left: 46px; } .inline-style-8d6b4cb61b { text-align: center; padding: 0px;line-height: 31px; } .inline-style-78b35711b2 { margin-top: 56px; left: 551.5px; display: none; } .inline-style-62b56603ca { width:28%;display:inline-block; } .inline-style-f2d42fbc55 { margin-top: 10px !important;display: block;border-color: #2b569a; width: 49%;display:inline-block;color:#fff; border: 1px solid #fff; background-color: #ff8100;display:none; } .inline-style-72c6617501 { margin-top:35px!important; margin-top: 10px !important;display: block;border-color: #2b569a; width: 100%;display:inline-block;color:#fff;background-color: #ff6a1a; border: 1px solid #027c7b; } .inline-style-ef36d7af87 { width: 1478px; font-size: 32pt; color:white; height: 602px; display: none; opacity: 0.8; } .inline-style-e3c0064349 { margin-top:26px; } .inline-style-bc393c247d { color:var(--green-dark) } .inline-style-135fb086d2 { margin-top:0; margin-bottom:0; } .inline-style-0f5fd97e60 { padding:6px 9px; } .inline-style-7d303adb9e { text-align: center; padding-top: 10px; } .inline-style-924d2c16d4 { background-color: aliceblue; } .inline-style-955f05a7c2 { padding-top: 20px; } .inline-style-72f1117b61 { display:block; width:30% } .inline-style-a316dc861a { background-color:#16a7b7;border-color:#16a7b7; } .inline-style-b445d413e4 { display:none;font-size:14px; } .inline-style-49b5e50d80 { display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0 24px; } .inline-style-081de3b727 { background-color: #047b8b;color: #fff; } .inline-style-cb73cb6359 { padding:0px; padding:0px; } .inline-style-3b6fad0b29 { margin-top: 10px; } .inline-style-323824083e { margin-top: 144px; margin-bottom: 50px; } .inline-style-42cb91cc0b { flex:1 1 280px;min-width:220px;border:1px solid #cfe7eb;border-radius:12px;padding:12px 14px; } .inline-style-99149e929b { border-radius: 50px; } .inline-style-a83bba41f7 { color: #6c6e70; margin-top: 30px; } .inline-style-1bb37c6ba6 { box-shadow: none; } .inline-style-ba8e61b666 { color: #6c6e70; } .inline-style-ab684c819e { min-width:120px; } .inline-style-91b5309593 { text-align:center;margin:24px 0; } .inline-style-52c08876e1 { background:#28a745;color:#fff;border-color:#28a745; } .inline-style-65a38abbd1 { background-color: #FF5722;color: #fff;font-size: 16px;font-weight: bold;padding: 10px 20px;border: none;border-radius: 5px;transition: background-color 0.3s ease;margin-top: 24px;width: 50%; } .inline-style-36810b748a { margin-top: -23px; } .inline-style-317bca6655 { color:red; font-size:15px;margin-bottom:10px } .inline-style-1432a61212 { display:none; color: green;font-size:10px;margin-top: -13px; } .inline-style-65d1f1c3d7 { display: none } .inline-style-56341b2834 { width: 65px; } .inline-style-c38d708364 { padding-top: 40px; } .inline-style-579140557a { min-height:100px; } .inline-style-8f0368dcaf { color: turquoise; } .inline-style-e545443640 { color: #777; } .inline-style-7c0f86ab54 { cursor: pointer; } .inline-style-37ab52c9d6 { width: 100%; } .inline-style-b9e4ebc871 { padding: 0px 0px 0px 0px; !important } .inline-style-92a06d5e2b { width:100%; margin:0 } .inline-style-9e76d38047 { text-align: right;margin-top: 5px;color: #03a9f4; } .inline-style-0fcf012616 { margin-top: 0px; width: 28%; display:inline-block; } .inline-style-5c11751d4a { font-family: auto; } .inline-style-8d396a175f { margin:-9px; } .inline-style-8d202f64b6 { padding: 19px; } .inline-style-eaf798c47c { text-align: center;font-family: auto; } .inline-style-615fe8ae2f { width:100%; display:block } .inline-style-3c60f19acd { color: red; display: none; } .inline-style-d04495bd52 { padding: 9px; } .inline-style-79d5be2a2c { border: none; } .inline-style-1878156f91 { box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100% } .inline-style-c5dea4566b { box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100% } .inline-style-d1bd8d1467 { padding-left: 0px; } .inline-style-1f5fb928c4 { padding:20px; 24px 0 0 } .inline-style-a1d7a9bca6 { z-index: 99999; } .inline-style-bea454bd96 { color: #787b7c; padding-top: 27px; } .inline-style-4782d2704b { color: #787b7c; } .inline-style-d6c473ac42 { margin-left: 0%; margin-top:0px; } .inline-style-0c671bb1a0 { transition: all 0.25s ease 0s;margin-right: 21px; } .inline-style-2267f37141 { width: 70px;box-shadow: -2px 2px 3px #ffe7bb; border-radius:40px; } .inline-style-643c463523 { margin-left: -15px; } .inline-style-49c7904907 { padding:6px 0px; } .inline-style-dedb15e127 { height: 241px !important; } .inline-style-08c96e882b { margin-top: -38px; } .inline-style-00112cba1e { display: inline-block;padding:4px 38px; color:#fff; font-size:14px; text-align:center;margin:0px 4px 31px;background:#4aab00; display:none; } .inline-style-64fb6bc2b2 { display:none;color:red; } .inline-style-87e5c03443 { width:20px;height:20px; } .inline-style-ef4b6ace17 { border-radius:0 } .inline-style-d203a3b201 { margin-top: -400px; } .inline-style-d54f24a021 { width:70px; height:70px; } .inline-style-4a1831492a { display: ruby-text; padding: 0px 0px; } .inline-style-46295e8b65 { text-align: justify; } .inline-style-08feb01ffd { margin-top: -26px !important; margin: 0px; } .inline-style-8cda5c05a3 { background-color: #fff; border-radius: 25px; padding: 18px 0px 38px 88px; } .inline-style-f1265f112f { display: flex;justify-content: space-between } .inline-style-95b8091402 { border:0; color:#f6931f; font-weight:bold; } .inline-style-d5f11311bc { flex: 0 0 50%; } .inline-style-6c8ac81c10 { padding: 42px;border-radius: 54px;background-image: linear-gradient(152deg,#eef4fe 32%,#d8e6ff 98%); } .inline-style-3202f8bb00 { width: 79px; } .inline-style-757c39cecb { width: 47px; } .inline-style-2c81235550 { max-height: inherit !important; min-height: 330px; } .inline-style-853a05b4e1 { width: 12112px; transition: all 0s ease 0s; } .inline-style-3722db9528 { padding: 5px 10px 3px 10px;background: #fff;border-radius: 0px;box-shadow: rgb(143 143 143 / 41%) 0px 0px 10px; } .inline-style-2af5a71944 { font-size: 22px; color: #ff5503; } .inline-style-542a5d1af3 { box-shadow:rgb(207 207 207 / 50%) 0px 0px 12px; border-radius: 10px;margin-top: 15px; } .inline-style-47c241b7e1 { display: inline; font-size: 12px; } .inline-style-fa769ae035 { margin-bottom:0 } .inline-style-f28d23dc79 { font-weight:bold;font-family:Arial; } .inline-style-452acf194e { color: #fff; } .inline-style-b8f2b95f14 { left: 44%; display: none; } .inline-style-bbb3f5e83c { display:none; visibility:hidden } .inline-style-1193f3a6b0 { font-size: 20px; } .inline-style-4a31b41961 { max-height:300px; overflow:auto } .inline-style-ca3c00b8bf { color: tomato; } .inline-style-5621724f6f { list-style-type: square; } .inline-style-fb87053f2b { margin-top: -39px; } .inline-style-37e02eec34 { margin-left: -15px;margin-right: -15px; } .inline-style-5ddfa1dd6a { width: 280px; } .inline-style-7adba2253d { padding: 22px 2px; } .inline-style-732ce17a4c { background: #fc8019;color: #fff;padding: 5px 20px;border-radius: 40px;border: 1px solid; } .inline-style-00cf627d86 { margin-top: -62px; } .inline-style-b35099c522 { text-align: center;margin-top: -18px;font-family: initial;color: #393c3e; } .inline-style-f7d8d38c3f { margin-left: 0%; margin-top:48px; } .inline-style-2abf5dfc36 { margin-top: 30px !important;box-shadow: none; } .inline-style-dfb13c8d0a { background-color: white; } .inline-style-dcedeba26d { color:#16a7b7;text-align: center;font-size: xx-large; } .inline-style-69dffeb4fa { padding: 10px 20px; background-color: #16a7b7; color: white; border: none; border-radius: 5px; font-weight: bold; cursor: pointer;width: 100px;text-align: center; } .inline-style-10db012a9e { text-align: center; padding-top: 20px; } .inline-style-b0b0f10649 { width: 100%; height:400px } .inline-style-7b7c3ff4a7 { top: 199.5px; left: 551.5px; display: none; } .inline-style-62ae54d67c { border-radius:200px; height:200px; width:200px; background: #F8FAF5; margin:0 auto; } .inline-style-77e3bab75f { display: block; padding-right:0; width:100% } .inline-style-5225e5b7d7 { width:0% } .inline-style-2f174e4363 { width:33% } .inline-style-4c1e68e1b8 { max-width: 65px; } .inline-style-cffff263db { width:22% } .inline-style-ebf2b104ad { color:red;font-weight: 600; font-size:12px; } .inline-style-921088d2c9 { text-align: right;margin-top: 5px;color: #03a9f4; min-height: 18px; } .inline-style-3922710edd { width:44% } .inline-style-dcca592c08 { margin-left: 40px; font-weight: 700; font-size: 15px; } .inline-style-9a3532edd1 { display: flex; } .inline-style-5adcf60062 { fill: rgb(196, 223, 252); height: 39px; } .inline-style-f3c50985b3 { margin-left: 159px; font-weight: 700; } .inline-style-e093e2ee98 { margin-left: 10px; padding: 11px 19px!important; } .inline-style-a9b2a465fd { margin-left: 12px; font-weight: 700; } .inline-style-417135ad88 { margin-left: 97px; font-weight: 700; } .inline-style-2bbbc98373 { height: 39px; } .inline-style-55f5605788 { font-size: 11px; } .inline-style-8221afce65 { border: 1px solid #FF5722;border-radius: 5px; } .inline-style-8473f89f54 { padding-top: 12px; } .inline-style-75bcc8dbd6 { margin-left: 10px; font-weight: 700; font-size: 15px; } .inline-style-43ac51e0a7 { width: 150px; border: 0.5px solid #009688!important;height: 46px; } .inline-style-77f219c1f2 { width: 200.1px;height: 47.4px;border: 0.5px solid #009688!important;height: 46px;margin-left: 49px;border-radius: 5px; } .inline-style-ed61c0485e { padding-top: 0px; width: 75.1px; height: 47.4px; } .inline-style-c3b97501f8 { font-size: 13px; } .inline-style-7a051c81da { margin-left:-30vw } .inline-style-a5699dcf47 { width: 29%; } .inline-style-394553749e { display: none; background: #fecd07; } .inline-style-d334b57bfc { width:120px } .inline-style-dc986f4b92 { border-right: 1px solid #fff; } .inline-style-e536ba9815 { color:green; } .inline-style-9cae636e89 { width: 90%; } .inline-style-62a75a4704 { width: 66px;margin-right: 345px; } .inline-style-f8f206e453 { text-decoration:none;color:inherit; } .inline-style-dd57d1c726 { background:#e0f8fa } .inline-style-c42f23b8ec { font-size:12px; } .inline-style-7ca0491527 { overflow-y: scroll; height: 236px; } .inline-style-f7d43074e2 { color:#333 } .inline-style-e85ccac348 { display: none; margin-top: 0px; } .inline-style-35518459c2 { overflow-y: scroll; height: 236px; display: none; margin-top: 0px; } .inline-style-55f4dbf1b6 { margin-left:270px; padding:5px; } .inline-style-affab73c79 { margin-top: -32px; } .inline-style-6183809f94 { pointer-events:none;opacity:0.55;cursor:not-allowed; } .inline-style-2cb81dd347 { background:url(https://mediwheel.in/assets/img/LabSampleCollectionBG.jpg) no-repeat #000; background-size:cover; } .inline-style-538074992e { overflow: auto; } .inline-style-de3bafd85b { display: none !important; } .inline-style-2538e915fb { background:url('https://mediwheel.in/doctor/assets/img/banner-inner2.png'); background-size: cover; padding-top: 111px; } .inline-style-e77a32a569 { max-width:100%; max-height: 230px; position:relative } .inline-style-b49bfc7493 { min-height:347px; } .inline-style-d0fbdf732c { max-width:100%; max-height:100%; } .inline-style-7d9ccd0985 { color:maroon; } .inline-style-df14ff503c { border: 1px solid #f1f1f1; margin-bottom: 0px; } .inline-style-ba5f081ede { min-height:300px; } .inline-style-79eec95133 { background:url('https://mediwheel.in/assets/img/talk-to-doctor.jpg'); background-size:auto } .inline-style-cfdae41432 { max-width:1250px; padding: 117px; } .inline-style-00a4a92b74 { margin-left: 10px; font-weight: 700; } .inline-style-7eecb0472a { margin-top:35px!important; margin-top: 22px !important;display: block;border-color: #ff6a1a; width: 100%;display:inline-block;color:#fff;background-color:#ff6a1a; border:1px solid #027c7b; } .inline-style-c0b1f52573 { padding: 2px 15px; } .inline-style-848c6cfb04 { font-size: 19px;margin-bottom: 33px; } .inline-style-f948fec4ba { font-size: 22px; color: #fc8019; } .inline-style-d931ad6010 { color: red;font-size: 25px;text-decoration: line-through;display: inline-block;padding: 10px; } .inline-style-c85d07edae { padding: 8px 25px 3px 25px;background: #fff;border-radius: 0px;box-shadow: rgb(143 143 143 / 41%) 0px 0px 10px; } .inline-style-84329bf421 { font-size: 22px;} } .inline-style-1e4a47adf1 { background-color: #16a7b7;border-color: #16a7b7; } .inline-style-a2dbdad5fe { width: 50%; } .inline-style-6fe69e187a { border:0px; } .inline-style-f98591319f { font-weight: bold; } .inline-style-01471c131a { padding-bottom:40px } .inline-style-9e13744fef { align-items: inherit; } .inline-style-20017666ea { max-width: 130px } .inline-style-2884d3eef0 { display:block; width:35%; padding: 20px; background: #e2ffef; } .inline-style-c18e4e147e { margin-bottom: 10px; color:#fff; } .inline-style-623e31f5a4 { width: 78%; height: 381px; } .inline-style-68f01cd46d { text-align: center;margin-top: 30px; } .inline-style-b9753aaed6 { padding-top: 50px; } .inline-style-59ee8ff356 { color: #099308; } .inline-style-42f5a7a2a4 { margin-top: 30px;margin-bottom: 30px; } .inline-style-a6872184dd { color:#f90 } .inline-style-b63bcb1781 { padding: 20px 10px; } .inline-style-83b14e7286 { margin-top: 20px;margin-bottom: 50px; } .inline-style-c1f6370860 { padding-bottom: 100px; } .inline-style-a90d1b0fa2 { margin-top: -26px; } .inline-style-db99b8596d { max-height: inherit !important; min-height: 550px; } .inline-style-e99c410223 { margin-bottom: 30px; margin-top: 30px; } .inline-style-955ec0c6eb { background-color: #d1f4ff; } .inline-style-e76dbbf32a { width:50px; height:50px; } .inline-style-7b32c48672 { width:0px; height:0px; } .inline-style-bcd4025d02 { opacity: initial; } .inline-style-91d7177641 { max-width:900px; margin:auto } .inline-style-edfa0b77f9 { background: #f1f3f5; } .inline-style-ec74676eed { color:blue; } .inline-style-dcf49032b6 { height: 242px; } .inline-style-97b1f43fc9 { font-size: 12px;margin-top: 10px;font-family: 'Roboto'; } .inline-style-354c54d1aa { color:blue;display: none; } .inline-style-dd304fd82a { background-color: #ebebeb; } .inline-style-b81310e994 { background:url('https://mediwheel.in/doctor/assets/img/listyourselfBG1.png'); background-size:cover } .inline-style-f70e2da29e { color:#fa7903; } .inline-style-eff2c51d08 { font-weight:bold; padding:15px; width:1250px; heght:140px; background-color:#e9e6e6; border:1px solid #d1d1d1; border-radius:5px; font-size:22px; text-align:center; color:#03a125; } .inline-style-9cc66a2133 { margin-top: 9px; height: 53px; } .inline-style-c7250190b1 { transform: translate3d(-799px, 0px, 0px); transition: all 1s ease 0s; width: 2419px; padding-left: 10px; padding-right: 10px; } .inline-style-82805e3e9a { width: 379.667px; margin-right: 20px; } .inline-style-521f569159 { transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s; } .inline-style-2426b02322 { text-align: center; margin-top: -17px; } .inline-style-e556b5b0ad { text-align: center; margin-top: -25px; font-family: initial; } .inline-style-c92e1be466 { padding: 7px 40px; } .inline-style-67614935af { padding-top: 30px; } .inline-style-43ea466a03 { color:#ffffff; } .inline-style-80dc726a35 { text-align: center;margin-bottom: 30px;margin-top: 50px; } .inline-style-66a84ce714 { display:block } .inline-style-e1b6406359 { display: flex; flex-wrap: wrap;padding-left: 13px;padding-right: 13px; } .inline-style-4efb078432 { padding-bottom:0px !important; } .inline-style-96eaeda5de { margin-right: 10px; } .inline-style-70cec21e7a { padding-bottom: 50px;margin-top: 50px; } .inline-style-ab79ea2b85 { margin:0 } .inline-style-7c22b6e938 { margin-bottom:15px; } .inline-style-0deeda8007 { text-align:left } .inline-style-6b5706625f { display:inline-block; min-width:100px; } .inline-style-a4229d1a28 { background-color:#16a7b7;border-color: #16a7b7; } .inline-style-90dd23b9d8 { font-size:20px;color:red } .inline-style-a3c6910363 { padding:0 !important } .inline-style-c2ede0265b { padding: 20px; } .inline-style-56abf9b50e { color: red;font-weight: 700; } .inline-style-b2c04d311c { margin-right: -14px; } .inline-style-7d6a52d23c { color: #235a91; } .inline-style-ea7b1db290 { max-height: inherit !important; min-height: auto; } .inline-style-980418c5ad { max-width:100% } .inline-style-c6111e64f4 { top:10% } .inline-style-2f262b2241 { color:green } .inline-style-771ce2a759 { padding-top:190px; } .inline-style-183b03ccb7 { padding-top:100px; padding-bottom:50px; width:100% } .inline-style-dfc7170ef2 { max-width:100%; text-align:center } .inline-style-65cdd3fdd9 { max-height: inherit !important; min-height: 450px; position:relative } .inline-style-4377afffe0 { width: 78%; } .inline-style-20ae163613 { margin-bottom: 10px; } .inline-style-eedb2619ac { color:#fff } .inline-style-a9077bd824 { color: rgb(231, 105, 67); } .inline-style-f08c66dfa9 { text-align: center;margin-bottom: 30px; } .inline-style-7883bdd3d1 { background-color: antiquewhite; } .inline-style-ef22750df4 { margin-top: 50px; } .inline-style-8a0868df98 { background:url('https://mediwheel.in/assets/img/media-coverage.jpg'); background-size:cover } .inline-style-37dd0c2a64 { text-align: right; } .inline-style-f13cc3bec3 { width: 100%;margin-top: 6px;border: navajowhite;background: #7776cb;color: #fff;font-weight: 700;text-align: center;padding: 10px;border-radius: 2px; } .inline-style-e53982496b { display:block; } .inline-style-f50b283979 { padding: 0px 5px 0px 0px; !important;text-align:left; } .inline-style-2cf66f0f2f { max-width:1250px } .inline-style-898eafd080 { padding: 0px 2px 0px 2px;text-align:center; } .inline-style-71669aba8f { padding: 0px 0px 0px 5px;text-align:left; color:green; } .inline-style-905008530c { text-align:center } .inline-style-ee50521c51 { display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,0.18); border:1px solid rgba(255,255,255,0.35); border-radius:30px; padding:6px 16px; font-size:0.8rem; font-weight:700; letter-spacing:0.8px; text-transform:uppercase; margin-bottom:16px; color:white; } .inline-style-42ebdd1dd2 { width:100%; background:rgba(255,255,255,0.15); border-radius:15px; border-collapse:collapse; } .inline-style-e1a21bd4d0 { border-left:3px solid #e8571e; padding:12px 15px 12px 10px; vertical-align:top; } .inline-style-868e5cb734 { border:none; border-top:1px solid rgba(255,255,255,0.3); margin:12px 0; } .inline-style-0bbc5652c9 { vertical-align:middle; padding-left:12px; } .inline-style-93a9755b60 { font-size:1.7rem; font-weight:900; text-transform:uppercase; letter-spacing:2px; color:white; } .inline-style-9d262225f6 { font-size:0.78rem; opacity:0.85; letter-spacing:1px; margin-left:58px; margin-bottom:10px; color:white; } .inline-style-47787b298a { display:block; font-size:0.72rem; opacity:0.8; margin-bottom:3px; color:white; } .inline-style-58901a7281 { padding-bottom:10px; vertical-align:middle; } .inline-style-064c5e5971 { border-collapse:collapse; } .inline-style-e29849c0dd { vertical-align:middle; } .inline-style-db3dae332e { width:100%; border-collapse:collapse; margin-bottom:25px; border-bottom:2px solid #eee; padding-bottom:10px; } .inline-style-a72959ba0c { font-weight:700; font-size:0.92rem; color:white; } .inline-style-941d95bde1 { border-left:3px solid #e8571e; padding:12px 10px 12px 10px; vertical-align:top; } .inline-style-d849b3a9c3 { padding:40px; } .inline-style-f9030fe41b { text-align: center;display:none; } .inline-style-a59430b1c1 { padding: 0px 0px } .inline-style-3870847c34 { font-size:48px;color:#e8571e; } .inline-style-32dec52012 { width: 27%; float: right; } .inline-style-91d6973c43 { border:0; } .inline-style-b7b96646ae { text-transform: capitalize; } .inline-style-3473e4d0ce { margin-bottom: 50px; border-radius: 10px; } .inline-style-234376e52b { background: linear-gradient(223.23deg, #fff -39.74%, #ffffff 94.44%); } .inline-style-fa15dc5ec7 { vertical-align:middle; padding:0; } .inline-style-4e889603ae { width:46px; height:46px; background:rgba(255,255,255,0.2); border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.4rem; text-align:center; line-height:46px; } .inline-style-469946e8be { color:white; } .inline-style-2ecbfc9ecf { border-collapse:collapse; margin-bottom:6px; } .inline-style-5720892220 { background-color:#f4f8f9; font-family:'Segoe UI',sans-serif; padding:30px 10px; margin:0; box-sizing:border-box; } .inline-style-623e16bc63 { max-width:850px; margin:auto; background:#fff; border-radius:25px; box-shadow:0 20px 50px rgba(0,0,0,0.1); overflow:hidden; } .inline-style-52447a0115 { background:linear-gradient(135deg,#16a7b7 0%,#0e8a99 100%); padding:35px; color:white; } .inline-style-8914d26e8f { margin-top: 40px; } .inline-style-4e46dce4bb { background-image: none; } .inline-style-9485a6b546 { margin-left:-1.3em; position:relative; top:4px; } .inline-style-16816315cc { fill: #4dc247; } .inline-style-e9a163d321 { display:none; padding: 10px; margin-top: 15px; } .inline-style-e9fb338521 { width:100%; padding-right:0; } .inline-style-7eaecc77d0 { width:50% } .inline-style-4edb7f6e61 { font-size:16px } .inline-style-4555334f95 { text-align: left; } .inline-style-4cc2366db5 { padding: 27px 25px 27px 25px;background: #fff;border-radius: 10px;box-shadow: rgb(143 143 143 / 41%) 0px 0px 10px } .inline-style-b43c1c958e { font-size: 22px; color: #000; } .inline-style-270b16d31a { font-size: 22px; } .inline-style-396bf30b1a { width: 757px; } .inline-style-4ce318183b { padding:30px 0px; } .inline-style-91f970a3df { box-shadow: rgb(165 165 165 / 35%) 0px 7px 13px; border-radius: 10px; } .inline-style-f1b0a52978 { width: 12112px; transform: translate3d(-6813px, 0px, 0px); transition: all 0s ease 0s; } .inline-style-abaf621d73 { border: 1px solid #000; } .inline-style-f7f760e2a1 { width: 15%; } .inline-style-0d887d228d { width:37%;height: 55px;border: 1px solid #000; } .inline-style-9c3785c28e { font-weight:700; } .inline-style-7383a06bf4 { border-radius: 10px; } .inline-style-489de906aa { margin: 22px 0px; box-shadow: 0px 0px 10px #d4d4d4; } .inline-style-df5002091f { width:37%; height: 55px; border: 1px solid #000; } .inline-style-5fcdfe11be { color: #31b5c2; } .inline-style-acb173ab21 { background-color: #00BCD4 !important;border-color: aliceblue !important; } .inline-style-f001673268 { min-height: 400px; } .inline-style-183807adee { min-height: 100px; } .inline-style-fd459fa164 { margin-left: 24px;margin-top: -13px; } .inline-style-756560495e { margin-top: 9px; height: 73px; } .inline-style-5103560c69 { color:#15d36a; } .inline-style-3e5bb81768 { width:70px; } .inline-style-d0466aa33f { display:none; } .inline-style-17f265bec3 { display: inline-block;padding:4px 38px; color:#fff; font-size:14px; text-align:center;margin:0px 4px 31px;background:#4aab00; } .inline-style-aa75644121 { display: block; } .inline-style-6e22c58a7a { display: none; } .inline-style-6aa34d7432 { display:none } .inline-style-88155f0615 { transition: all 0.25s ease 0s; } .inline-style-e1117e9a71 { display: flex;flex-wrap: wrap;padding-left: 13px;padding-right: 13px; } .inline-style-b63f4e50f5 { text-align: center;display:none } .inline-style-e3846d56a8 { font-size: 14.6667px; } .inline-style-cad81f0bc5 { color:#ff5722; } .inline-style-4df3597bdf { padding-bottom: 50px; } .inline-style-3909c65db8 { border-radius: 20px; } .inline-style-d4e242050c { text-align: center;margin-bottom: 30px; margin-top: 30px; } .inline-style-d9f416be32 { visibility: visible;-webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s;-webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; background-color: antiquewhite; } .inline-style-0f956b6e43 { visibility: visible;-webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s;-webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; } .inline-style-0ad5a4f4d1 { visibility: visible;-webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s;-webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; } .inline-style-b0cb95e6e6 { margin-top: 0px; } .inline-style-2094f7bf86 { margin-top: 20px; display: none; } .inline-style-c0efebd997 { width: 47%; margin-top: 20px !important;color: #fff;display: inline-block;background-color:#ff8100; border: 1px solid #fff;margin-right: 24px; } .inline-style-936d6bbab2 { margin-top: 20px; } .inline-style-4404af7ad2 { color: red; position: absolute; } .inline-style-c38234b047 { margin-top:0px; } .inline-style-6414e3e511 { color: red; } .inline-style-cd1aa925a8 { margin-top:35px!important; margin-top: 20px !important;display: inline-block;border-color: #2b569a; width:47%;background:#fff;border:1px solid #000; } .inline-style-fb5ec070f2 { text-align: center; } .inline-style-9f976aec99 { text-align: center; margin-top: -13px; font-family: initial; } .inline-style-a358edd558 { margin-left: 0%; margin-top:20px; } .inline-style-7e151df0f9 { margin-right: -30px; } .inline-style-291b50ea1f { color: #2b569a; } .inline-style-71f614ff06 { text-align: center; margin: 1em 0; margin-bottom: 0 !important; font-size: 14px } .inline-style-da6a9f528a { border: 1px solid #fd9008; } .inline-style-e42b1d3fc4 { background:linear-gradient(135deg,#16a7b7,#0e8a99); color:white; width:30px; height:30px; border-radius:8px; display:inline-block; text-align:center; line-height:30px; font-size:0.85rem; } .inline-style-841f7103ea { max-height: inherit !important; min-height: 450px; } .inline-style-e06c4ab06d { max-height:inherit } .inline-style-c89a2dec07 { background-color:#fff } .inline-style-dccc34128f { width: 5%; } .inline-style-9a1ea0f98b { width: fit-content; } .inline-style-27f4b12aa1 { width: 40px; height: 40px; } .inline-style-a757969d0b { font-size: 10px; } .inline-style-ffbdf4ed80 { display:inline-block; font-weight:600; color:#0c75c0; } .inline-style-8ca13a419a { display:inline-block } .inline-style-44b9f905f6 { background-color: #ebf4ff; } .inline-style-3da6626c74 { width: 70%; } .inline-style-149d2df109 { width:30px; height:30px; } .inline-style-039435fd9c { color:#fff;font-size:15px; } .inline-style-70242bdb3d { border: 1px solid #a5a1a1;width: 100%;height: 49px;padding-left: 19px;margin-bottom: 20px;border-radius: .25rem; } .inline-style-40d9a0a695 { border: 1px solid #e9e7ed; padding: 40px;border-radius: 25px; } .inline-style-0df31d6bff { background: #f16022; } .inline-style-e7c3ef9d7e { padding-top: 20px;text-align: center; } .inline-style-a5317b8da5 { overflow:hidden } .inline-style-e06c047909 { margin-bottom: 10px } .inline-style-8d1883894a { margin-top:5px; } .inline-style-0ac3af6d6f { margin:0 !important } .inline-style-fbb31a8548 { max-width:100%; position:relative; max-height:inherit } .inline-style-bd877e16c3 { display: block } .inline-style-f789c9a6ec { display: block; width:100%; padding-right:0 } .inline-style-e98d18f5a7 { background:rgba(22,167,183,0.15);color:#16a7b7 } .inline-style-c867008603 { color: #403e3a; } .inline-style-863f43a5e1 { width:380px; height:360px; } .inline-style-b7aa1ec004 { width:100% } .inline-style-38587a4d33 { text-align: center;padding-top: 10px; } .inline-style-c1e098efaf { width: 12px; margin-right: 2px; height: 12px; } .inline-style-99ca86b59f { background:#fff; margin:0 0 0 0; border:0; padding-left:10px; min-height:300px } .inline-style-bfc7c50303 { fill:none;stroke:%23343a40;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.667px } .inline-style-1be74c5c9d { background-color: #00BCD4;border-color: aliceblue; } .inline-style-c5498650a6 { display:none ; } .inline-style-02373062b4 { display:none !important; } .inline-style-4c1c7db338 { display:none !important ; } .inline-style-9042e0a0ae { display:none;visibility:hidden } .inline-style-fe66277b12 { padding-bottom: 32px; } .inline-style-8a95ac7f34 { text-align: center; font-size: 13px; } .inline-style-bde6b2d3df { color: #eee; } .inline-style-fa7de6ec25 { padding-top:10px; margin-top:4px; } .inline-style-8820e5cb3c { font-weight:700; color:var(--tx); font-size:14px; } .inline-style-6335c5b8d1 { background:#eee; overflow:hidden } .inline-style-f6279acc73 { margin-bottom: 20px; } .inline-style-f316085b90 { background:rgba(232,87,30,0.13);color:#e8571e } .inline-style-0f125cd90c { background:rgba(124,58,237,0.12);color:#7c3aed } .inline-style-4bc002a247 { background:rgba(217,119,6,0.12);color:#d97706 } .inline-style-0c610f65da { border:0; padding-top:0 } .inline-style-d4d91f9a13 { width:20% } .inline-style-dc9d6d9a86 { width:30% } .inline-style-76bf2266ec { justify-content: center; } .inline-style-badcd27c29 { width:40% } .inline-style-dbce2da388 { background:#fff; border:0; } .inline-style-d868c30f42 { color:#000; padding-top:10px; } .inline-style-5ed7a0d59a { background:#fff; margin:0 0 0 0; border:0; min-height:300px } .inline-style-f0890748bc { padding-top: 0px; width: 200.1px; height: 47.4px; } .inline-style-1f663a9a57 { font-size:2rem; color:#e2e8f0; cursor:pointer; transition:0.2s; } .inline-style-1778ade3b1 { width:100%; border-collapse:collapse; margin-top:40px; } .inline-style-5a2dfef236 { text-align:center; } .inline-style-51315774c9 { display:flex; gap:6px; padding:4px 0; } .inline-style-f1f38db88e { display:flex; align-items:center; gap:8px; cursor:pointer; font-weight:600; color:#555; font-size:0.9rem; } .inline-style-0799ad2aee { accent-color:#16a7b7; width:17px; height:17px; cursor:pointer; } .inline-style-1305fa8339 { padding:0; } .inline-style-464e6947b7 { background:#e8571e; color:white; border:none; padding:18px 80px; border-radius:50px; font-weight:800; font-size:1rem; letter-spacing:0.5px; cursor:pointer; transition:0.3s; box-shadow:0 10px 20px rgba(232,87,30,0.3); } .inline-style-f81b8f1f19 { color:#16a7b7; text-decoration:none; } .inline-style-6438c2753b { border:0 } .inline-style-06bd275737 { min-height:100px; background:#fff; border-top:1px solid #f26022; } .inline-style-d56e64a5d1 { color:#16a7b7; } .inline-style-d802a6f8c3 { margin-right:8px; } .inline-style-3a82a861f0 { width:100%; border-collapse:collapse; border-top:1px solid #f0f0f0; } .inline-style-7c5d13c78c { text-align:center; font-size:0.78rem; color:#a0aec0; padding:20px 40px; } .inline-style-2e3b75e727 { color:#e8571e; margin-left:2px; } .inline-style-7e636c5b80 { width:100%; border-collapse:separate; border-spacing:10px 0; } .inline-style-ff6563dd40 { width:20%; text-align:center; padding:0; } .inline-style-bf3985a7dc { color:#16a7b7; font-size:1rem; width:20px; text-align:center; } .inline-style-5a63699266 { padding-left:10px; font-weight:800; color:#16a7b7; font-size:0.95rem; letter-spacing:1px; vertical-align:middle; } .inline-style-a612e8d217 { margin-bottom:30px; } .inline-style-2854f02360 { font-weight:700; font-size:0.93rem; color:#333; margin-bottom:14px; display:flex; align-items:center; gap:8px; } .inline-style-40cb30c37d { border:2px solid #f0f0f0; border-radius:15px; padding:15px 5px; text-align:center; cursor:pointer; background:#fff; display:block; width:100%; transition:all 0.3s ease; } .inline-style-5efa77b67f { width:100%; border-collapse:collapse; margin-bottom:25px; border-bottom:2px solid #eee; } .inline-style-ed4a4b22b4 { padding-bottom:10px; } .inline-style-58b2d45618 { padding:0 20px 0 0; } .inline-style-e7c980b3ef { border:none; border-top:2px dashed #edf2f7; margin:10px 0 30px; } .inline-style-d086a04c22 { font-size:1.6rem; color:#cbd5e0; display:block; margin-bottom:8px; } .inline-style-4c97824510 { font-size:0.72rem; font-weight:700; color:#a0aec0; display:block; } .inline-style-fe193c0b1b { width:100%; border:2px solid #edf2f7; border-radius:12px; padding:12px 14px; font-family:'Segoe UI',sans-serif; font-size:0.9rem; color:#444; resize:vertical; box-sizing:border-box; } .inline-style-7278af6e16 { color:#FFFF00; } .inline-style-a33be1beb8 { margin-top: -4.5rem!important; } .inline-style-0cbd885e3f { width: 150px; } .inline-style-018e18ec8e { font-weight: 600 } .inline-style-78eba62d2f { background-color: antiquewhite;border-radius: 10px; } .inline-style-30b1b2ad53 { max-width: 50px; } .inline-style-3d9df89ef8 { font-weight: 600; } .inline-style-0c7af9349a { max-width: 1167px;border-radius: 10px; } .inline-style-a48d20079a { text-align: -webkit-center; } .inline-style-b97aaadc3d { opacity: 1; width: 1242px; transform: translate3d(0px, 0px, 0px); } .inline-style-e53fa59470 { width: 108px; } .inline-style-6bf789be83 { font-size: 1.25rem;font-weight: 500; } .inline-style-94b6caffd5 { font-size: 12px; } .inline-style-80928d0991 { font-size:25px; } .inline-style-359db3aa09 { height: 50px;width: 100%; } .inline-style-8f6689b3f2 { color: #FF5722 } .inline-style-025fe51291 { font-size:11px; } .inline-style-d926498756 { padding-top: 0px; } .inline-style-06d164b932 { float:right; } .inline-style-9ccc4ca9d6 { width:100%; } .inline-style-fd43142f16 { background:none; padding:0 } .inline-style-a3f1dac7d4 { color:green;padding:0px; } .inline-style-ec1fed1aa4 { padding:0px; color:red; } .inline-style-e49c04bf11 { font-size:15px; } .inline-style-c50df61eac { background-color: antiquewhite;max-width: 1167px;border-radius: 10px; } .inline-style-f8cec422e1 { color: #9B5DE5 } .inline-style-495d3e2909 { line-height: 2; } .inline-style-40e1e16563 { max-width: 100px; } .inline-style-b0e873b422 { background:none } .inline-style-f1ff77e5dd { color:red } .inline-style-050e5e03f9 { color:red; } /* Extracted from */ .container1 { background: #f8faff; color: #4b537c; width: 100%; max-width: 900px; padding: 40px; border-radius: 15px; margin: 0 auto; margin-top: 50px; box-shadow: #dee8fe 0 10px 20px 5px; display: flex; flex-direction: column; gap: 15px; } .manbtn button{ margin-bottom: 10px; } .feedback-level { display: flex; justify-content: space-between; align-items: center; } .level { background: white; padding: 13px; border-radius: 15%; border: solid 0.5px #e0e9fe; cursor: pointer; } .level:hover { box-shadow: #16a7b7 0 2px 5px; } .level:hover i { color: #FF5722; } .level i { font-size: 88px; } .feedback-msg textarea { margin-top: 5px; border: solid 2px #e0e9fe; padding: 13px; border-radius: 7px; outline: none; font-size: 14px; color: #4b537c; font-weight: 500; letter-spacing: 1px; width: 100%; height: 80px; resize: none; } .agreement .checkbox { display: flex; gap: 5px; align-items: center; margin-bottom: 5px; } .agreement input { accent-color: #ff71a4; } .agreement a { color: #ff71a4; font-size: 12px; font-weight: 600; } .agreement label { font-size: 12px; font-weight: 600; } .buttons { display: flex; gap: 10px; justify-content: end; } .buttons a { background: white; color: #4b537c; width: 80px; padding: 10px; text-align: center; border-radius: 4px; } .buttons a:hover { opacity: 0.9; } .buttons a:nth-child(1) { background: #fe71a4; color: #f8faff; } .nmbtn{ border-radius: 50% !important; width: 77px !important; height: 77px !important; } .btn-primary { color: #fff; background-color: #ffffff !important; border-color: #8d9399 !important; } .iconfont{ text-align: center; } .imgcolor{ opacity: 0.5; width: 46px; } textarea { height: 100px; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 rgb(255 255 255 / 0%); border-color: -moz-use-text-color #FFFFFF #FFFFFF -moz-use-text-color; border-image: none; border-radius: 6px 6px 6px 6px; border-style: none solid solid none; border-width: medium 1px 1px medium; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; color: #555555; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 1em; line-height: 1.4em; padding: 5px 8px; transition: background-color 0.2s ease 0s; } textarea:focus { background: none repeat scroll 0 0 #FFFFFF; outline-width: 0; } .level.active { border: 2px solid #089f08; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } /* Extracted from */ .test_count_block1{ border: 1px solid; border-color: #079eb7!important; background-color: #fff; border-radius: 15px; padding: 4px 10px; font-size: 12px; color: #4a4444;} .slider .item { margin-right: 10px; margin-right: 31px; border: 1px solid #0c9ca3; height: 110px; margin-top: 10px; border-radius: 0; box-shadow: rgb(159 159 159 / 35%) 0px 0px 7px ; padding-top: 20px;} .ctrl-btn.pro-prev { width: 40px;border-radius: 40px; height: 50px; background-color: #8f8f8f; color: #fff;} .ctrl-btn.pro-next{ width: 40px;border-radius: 40px; height: 50px; background-color: #8f8f8f; color: #fff;} .cg-img-1{ width: 60px; } /* Extracted from */ .slider .item { margin-right: 10px; margin-right: 31px; border: 1px solid #0c9ca3; height: 110px; margin-top: 10px; border-radius: 0px; box-shadow: rgb(129 129 129 / 43%) 0px 0px 9px; padding-top: 20px; } /* Extracted from */ .loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); display: none; /* Initially hidden */ justify-content: center; align-items: center; z-index: 9999; /* Center the loader using Flexbox */ display: flex; } /* Spinner style */ .spinner { border: 4px solid rgba(255, 255, 255, 0.3); border-top: 4px solid white; border-radius: 50%; width: 50px; height: 50px; animation: spin 1s linear infinite; } /* Spinner animation */ @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Extracted from */ img.y-icon { position: absolute; top: 0%; left: 42%; } .knowmore .btn:hover, .knowmore .btn:hover a { background: #00BCD4; transition: none; border: navajowhite; } button.__book_your_test__ { position: fixed; top: 280px; transform: rotate(-90deg); right: -89px; background: #ffcc29; border-radius: 15px 15px 0px 0px; padding: 15px; z-index: 600; font-family: "Poppins"; font-size: 16px; font-weight: bold; line-height: 10px; font-style: normal; text-align: center; color: #234d6e; } form#__test_form___ { background: #f5e1e4; padding: 20px; top: 190px; right: 0px; position: fixed; border-radius: 18px 0px 0px 18px !important; z-index: 600; } input.__test_input__ { width: 300px; height: 38px; margin-bottom: 15px !important; border-radius: 5px; border: none; padding-left: 15px; outline: none; } button.__book_now_btn_ { width: 300px; background: #ffcc29; border-radius: 15px; padding: 5px; border: none; margin-top: 5px; color: #234d6e; font-weight: 600; } div._close_btn__ { font-weight: 500; float: right; margin-top: -10px; cursor: pointer; } div.test_heading___ { margin-bottom: 10px; color: #234d6e; font-weight: 600; } div#first_blog { border-right: 5px solid #cccccc; } div#second_blog { border-right: 5px solid #cccccc; } .portfolio .label-text h4 a { text-decoration: none; color: #fff; } .portfolio .label-text { padding: 50px 10px 20px 20px; } .product-card { padding: 5px; } .chip { font-size: 13px; } .card-image:after { display: none; } @media (min-width:1024px) { .portfolio-section .container, .searchsection .container, .postscetion .container { /*max-width: 950px;*/ } .postslider_section .container, .videopost_section .container, .discriptions .container { max-width: 1140px; } .row.ctmrow { margin-right: -25px; margin-left: -25px; } } .product-card .card:hover, .discriptionscard { filter: none; } .card-content, .post-slide .post-content { padding: 10px 32px; } ul#filters { overflow: auto; white-space: nowrap; } .wrapper { position: relative; overflow: hidden; height: 50px; } .list { position: absolute; left: 0px; top: 0px; min-width: 3000px; margin-left: 12px; margin-top: 0px; } .scroller { text-align: center; cursor: pointer; display: none; padding: 7px; padding-top: 11px; white-space: nowrap; vertical-align: middle; background-color: #fff; } .scroller-right { position: absolute; z-index: 9; right: -15px; } .scroller-left { position: absolute; z-index: 9; left: -15px; } .container.relative { position: relative; } .portfolio-tab ul .active, .portfolio-tab ul li:hover { filter: none; } @media (max-width:767px) { .portfolio-tab ul li { white-space: nowrap; margin-right: 10px; padding: 12px 7px; } .list { min-width: auto; position: static; } .portfolio-section { overflow: hidden; } } /* Extracted from */ body { font-family: 'Roboto', sans-serif !important; background-color: #fff; } div#news-slider .post-content { width: 80%; } .card-content h5 { margin-top: 15px; } .discriptionscard ul { padding: inherit; list-style: disc; } .card-content h5, .card-content h5 a, .post-slide .post-title a { font-size: 18px; color: #202124; font-weight: 400; line-height: 25px; } span.text-category { font-size: 13px; color: #000; } img.y-icon { position: absolute; top: 0%; left: 42%; } span.share-btn-text-sr { display: flex; line-height: 19px; } .social-media-menu ul li i.fa.fa-share-alt { margin-right: 10px; font-size: 17px; } .social-media-menu ul li a { text-decoration: none; } .discriptionscard ul, .discriptionscard li, .discriptionscard a { font-style: normal; font-weight: 300; color: #202124; font-size: 16px; letter-spacing: 0; line-height: 1.625; } button.__book_your_test__ { position: fixed; top: 280px; transform: rotate(-90deg); right: -89px; background: #ffcc29; border-radius: 15px 15px 0px 0px; padding: 15px; z-index: 600; font-family: "Poppins"; font-size: 16px; font-weight: bold; line-height: 10px; font-style: normal; text-align: center; color: #234d6e; } form#__test_form___ { background: #f5e1e4; padding: 20px; top: 190px; right: 0px; position: fixed; border-radius: 18px 0px 0px 18px !important; z-index: 600; } input.__test_input__ { width: 300px; height: 38px; margin-bottom: 15px !important; border-radius: 5px; border: none; padding-left: 15px; outline: none; } button.__book_now_btn_ { width: 300px; background: #ffcc29; border-radius: 15px; padding: 5px; border: none; margin-top: 5px; color: #234d6e; font-weight: 600; } div._close_btn__ { font-weight: 500; float: right; margin-top: -10px; cursor: pointer; } div.test_heading___ { margin-bottom: 10px; color: #234d6e; font-weight: 600; } div#first_blog { border-right: 5px solid #cccccc; } div#second_blog { border-right: 5px solid #cccccc; } .portfolio .label-text h4 a { text-decoration: none; color: #fff; } @media (min-width:1024px) { .postslider_section .container, .videopost_section .container, .discriptions .container { max-width: 1140px; } .row.ctmrow { margin-right: -25px; margin-left: -25px; } } .field-content2 .d-flex { display: none !important; } .service { height: 180px !important; } p._test_name { overflow: hidden; } p._test_name { overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .field-content1 { margin-bottom: 0px; } .main { width: 100%; min-height: 190px; cursor: pointer; } .product-card .card:hover, .discriptionscard { filter: none; } .card-content, .post-slide .post-content { padding: 10px 32px; } .inuptbox_1 { width: 28%; margin-bottom: 20px; padding: 12px 20px; border: none; background: #f3f7f8; border-radius: 5px; font-size: 12px; } .free_1 { background: #FF5722; text-decoration: none; color: #ffffff; font-size: 13px; padding: 13px 21px; font-weight: 500; border-radius: 25px; border: 1px solid #707070; } .col-lg-12.fill-form.mx-auto h4.mt-2.text-center { margin-bottom: 20px; color: #fff; margin-top: 20px !important; } .test .heading_common h2 { color: #202124; text-align: center; } .postslider_section { background: transparent; padding: 0px 0px; } .card-content, .post-slide .post-content { padding: 0px 0px 15px 10px; } .post-slide .post-img img { width: 100%; height: 100%; border-radius: 5px; transform: none; transition: transform 0.2s linear; } .post-slide .over-layer i { font-size: 0; } div#news-slider .post-slide .post-img { height: 40px; padding: 0px; width: 70px; border-radius: 10px; position: relative; top: 6px; } section.footer { margin-top: 15px; } .post-slide .post-img img { width: 100%; height: 100%; border-radius: 5px; transform: none; transition: transform 0.2s linear; object-fit: cover; border-radius: 0px; } div#news-slider .post-slide { margin-right: 0px; display: flex; } .post-slide { border-bottom: solid 1px #ededed; border-radius: 0px; margin-bottom: 15px; } .postslider_section .heading_common h2 { text-align: left; color: #202124; margin-bottom: 20px; font-size: 22px; margin-top: 5px; } section.blog-full-banner h4 { color: #202124; font-size: 25px; } .labelsocialmedia { margin-top: 50px; margin-bottom: 30px; } .postslider_section .container { padding: 0px; } div#news-slider .post-content h3.post-title { display: flex; margin-bottom: 5px; } .row.footer-list, .search-sec { font-family: 'Avenir Next', sans-serif !important; } .field-content1 { display: flex; align-items: baseline; } .discriptionscard p { font-style: normal; font-weight: 300; color: #202124; font-size: 16px; letter-spacing: 0; line-height: 1.625; } .col-lg-12.fill-form.mx-auto { margin-top: 10px; } .discriptionscard h2, .discriptionscard h3, .discriptionscard h4 { color: #202124; font-weight: 400; } .discriptionscard p a, .discriptionscard ul li a { color: #1a73e8; text-decoration: none; } .videopost_section .portfolio-wrapper h4 { font-size: 16px; font-weight: 400; } .card.shadow.roundeds_1.px-4 { border-radius: 15px; ; background: #078d9f; } .postslider_section { margin-top: 80px; } section.blog-full-banner .container { padding: 0px 0px 0px 0px; } section.blog-full-banner .portfolio-bg, .portfolio-bg { border-radius: 10px; overflow: hidden; } .bottom { border-bottom: transparent; } .pub-aut { padding-left: 50px; line-height: 20px; } .field-content1 i { background: #ffcc29; color: #fff; width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 30px; font-size: 12px; margin-bottom: 10px; } ._test_name a { color: #306690; text-decoration: none !important } .boxes { border: 1px dotted green; background: #0891a3; } .rates { display: flex; justify-content: center; font-size: 18px; margin: 0px 0px 15px 0px; padding: 5px; align-items: center; color: #fff; } .blue { color: #fff; } .whatsapp-call { background-color: #FF5722; color: #ffffff; font-size: 16px; border-radius: 30px; padding: 10px !important; width: 49%; } .normal { background-color: #ffffff; color: #222121; font-size: 16px; border-radius: 30px; padding: 10px !important; width: 49%; } .field-content1 i { background: #ffcc29; color: #fff; width: 36px; height: 36px; line-height: 35px; text-align: center; border-radius: 30px; font-size: 12px; margin-right: 10px; display: block; } .field-content1 i img { padding: 6px } .col-lg-12.issues_1 { padding: 0px 50px 0px 50px; } .test .row.mt-4.__test_list_row { padding: 0px 35px 0px 35px; } p._test_name { width: 152px; } @media(max-width:800px) { .labelsocialmedia { margin-top: 0px; margin-bottom: 0px; } .inuptbox_1 { width: 100%; } .discriptionscard { padding: 10px 0px 0px 10px; } section.blog-full-banner h4 { color: #202124; font-size: 24px; } .pub-aut { padding-left: 10px; line-height: 20px; } img, svg { vertical-align: middle; height: auto !important; } .card.shadow.roundeds_1.px-4 form.d-flex.justify-content-sm-between.align-items-baseline { display: block !important; } .labelsocialmedia { margin-top: 0px; margin-bottom: 0px; } section.blog-full-banner h4 { color: #202124; font-size: 24px; } .pub-aut { padding-left: 10px; line-height: 20px; } img, svg { vertical-align: middle; height: auto !important; } .discriptionscard { padding: 0px; } .col-lg-12.issues_1 { padding: 0px 10px 0px 10px; } .card.shadow.roundeds_1.px-4 form.d-flex.justify-content-sm-between.align-items-baseline { display: block !important; } .inuptbox_1 { width: 100%; } } /* Extracted from */ .main-banner .left-content { margin-right: 45px; } .main-banner .left-content h6 { text-transform: uppercase; font-size: 18px; color: #fe3f40; margin-bottom: 15px; } .main-banner .left-content h2 { font-size: 50px; font-weight: 700; color: #2a2a2a; line-height: 72px; } .main-banner .left-content h2 em { color: #16a7b7; font-style: normal; } .main-banner .left-content h2 span { color: #FF5722; } .main-banner .left-content p { margin: 20px 0px; } .main-banner .left-content form { margin-top: 30px; width: 470px; height: 66px; position: relative; } .main-banner .left-content form button { position: absolute; right: 10px; top: 10px; display: inline-block; background-color: #fff; font-size: 15px; font-weight: 500; color: #fe3f40; text-transform: capitalize; padding: 12px 25px; border-radius: 23px; letter-spacing: 0.25px; outline: none; border: none; } .main-banner .left-content form input { width: 470px; height: 66px; background-color: #03a4ed; border-radius: 33px; border: none; outline: none; padding: 0px 25px; color: #fff; letter-spacing: 0.25px; font-size: 15px; font-weight: 300; } .main-banner .left-content form input::placeholder { color: #fff; } .wrapper { width: 95%; max-width: 1200px; margin: 30px auto; } .pricing-table h2 { font-size: 1.5em; padding: 35px 10px; margin: 0; } .description { margin-top: 20px; font-size: 0.85em; padding: 0 40px; font-style: italic; } .description { margin-top: 20px; font-size: 0.85em; padding: 0 40px; font-style: italic; } .price, .pricing-box { -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; } .price { background: #16a7b7; color: #fff; font-size: 2em; font-weight: 600; position: relative; /*padding: 20px 10px;*/ display: block; } .pricing-box:nth-child(2) .price { background: #16a7b7; } .pricing-box:nth-child(3) .price { background: #02537f; } .pricing-box:hover .price { background: #FF5722; box-shadow: inset 0 0 100px 0 rgba(0, 0, 0, 0.3); color: #fff; } .pricing-table .btn { background: #FF5722; border: 1px solid #FF5722; color: #fff; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; border-radius: 30px; padding: 7px 40px; display: inline-block; margin-top: 20px; } .pricing-table .btn:hover { background: #093e64; border: 1px solid #093e64; color: #fff !important; } .pricing-table-divider { display: block; height: 1px; background: rgba(0, 0, 0, 0.08); max-width: 80%; margin: 20px auto 0; } .pricing-table { border-radius: 3px; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(2, 1fr); grid-column-gap: 15px; grid-row-gap: 20px; text-align: center; } .pricing-box { overflow: hidden; border-radius: 10px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.13); border: 2px solid rgba(10, 123, 183, 0.14); } .pricing-box:hover { -webkit-transform: scale(1.01); transform: scale(1.01); } .pricing-table ul li { padding: 3px 0; font-size: 0.95em; } .pricing-table ul { color: #000; padding: 15px 60px; text-align: left; } @media (max-width: 750px) { .pricing-table { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .pricing-table > div:nth-child(3) { -ms-grid-row: 1; grid-row-start: 1; } .pricing-table > div:nth-child(2) { -ms-grid-row: 2; grid-row-start: 2; } .pricing-table > div { -ms-flex-item-align: top; -ms-grid-row-align: top; align-self: top; } } /* Extracted from */ /* Reset and box-sizing */ *, *::before, *::after { box-sizing: border-box; } body, html { margin: 0; padding: 0; width: 100%; } /* Header styling */ header { display: flex; justify-content: space-between; align-items: center; padding: 10px; background-color: #f8f9fa; border-bottom: 1px solid #ddd; width: 100%; } /* Loader styling with darker blue background */ #loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgb(111 141 175 / 25%); color: #fff; /* white text */ display: flex; align-items: center; justify-content: center; z-index: 9999; font-family: sans-serif; font-size: 20px; } /* Iframe styling */ iframe { width: 100% !important; /* Full width */ min-height: 800px; /* Fallback height */ border: none; display: block; /* Removes extra bottom space */ } /* Optional: remove horizontal scroll */ body { overflow-x: hidden; } /* Extracted from */ .heights{ height: 49px !importnat; } section.back_image.mt-3 .card.p-3.centres p { margin-bottom: 0px; margin-top: 10px; font-size: 13px !Important; } section.back_image.mt-3 .card.p-3.centres { margin-bottom: 20px; border-radius: 20px; min-height: 160px; margin-right: 20px; } section.back_image.mt-3 img { max-width: 37px; height: auto; } .myclass{ margin-bottom: 50px; margin-top: 50px; background-color: coral; border-color: antiquewhite; } .btn-primary:hover { color: #fff; background-color: #16a7b7; border-color: #16a7b7; } /* Extracted from */ body { background: #e3edf7; font-family: 'Segoe UI', sans-serif; } .smart-glass-table-container { margin: 50px auto; max-width: 100%; background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(16px); border-radius: 20px; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08); padding: 30px; overflow-x: auto; /* ✅ Makes it scrollable on small screens */ } .smart-glass-title { font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #1e2a3a; display: flex; align-items: center; flex-wrap: wrap; } .smart-glass-title i { color: #0c808f; margin-right: 12px; } table.super-smart-table { width: 100%; min-width: 1000px; /* ✅ Prevents layout collapse */ border-collapse: separate; border-spacing: 4px 12px; } .super-smart-table thead th { background: #ffffff88; color: #1e1e1e; text-align: left; padding: 16px 18px; font-weight: 600; border-radius: 12px; backdrop-filter: blur(10px); white-space: nowrap; /* Prevent header wrap */ } .super-smart-table tbody tr { background: #ffffffcc; transition: transform 0.3s ease, box-shadow 0.3s ease; border-radius: 14px; } .super-smart-table tbody tr:hover { transform: scale(1.01); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1); } .super-smart-table td { padding: 16px 18px; color: #2a2a2a; font-size: 15px; vertical-align: top; border-top: 1px solid #ffffff44; word-wrap: break-word; /* ✅ Wraps long address */ } .super-smart-table td:first-child { font-weight: bold; color: #0c808f; } /* Extracted from */ .remove-member, .remove-address { hide: none } section.back_images.mt-3 .row.banneers img { width: 100%; } span.mnb { color: #282730 !important; } .bodys { padding: 1rem 1rem; } @media (max-width:767px) { .bodys { padding: 1rem 0rem; } } @media (max-width:767px) { .topnav.responsive .desk-head-view1.mobileview { overflow: auto; height: 560px; padding-bottom: 20px; } } .remove a { color: #fff; } .supe { padding: 10px; } .supe .btn-primary { color: #fff; background-color: #4CAF50; border-color: #8BC34A; } .error { color: red !important; font-weight: 400 !important; font-size: 14px !important; border-color: red !important; } .primary { background: linear-gradient(114deg, var(--primary), var(--accent)); } .secondary { background: var(--secondary); } .offcanvas-body { flex-grow: 1; padding: 0rem 0rem; overflow-y: auto; } .muted { color: var(--text_dark); } .bold { font-weight: 700; } .underline { text-decoration: underline; } .alert { color: var(--alert); } .active { color: var(--primary); } .list { display: flex; flex-direction: column; padding: 2.5rem; border-radius: 1rem; width: 100%; gap: 1rem; max-width: 35rem; backdrop-filter: blur(0.1rem); background: var(--glass_trans); } .list-item { /* display: flex; */ align-items: center; justify-content: space-between; width: 100%; } .checkbox { appearance: none; padding: 0.1rem; height: 1.0rem; width: 1.0rem; border: 1px solid var(--outline); background: transparent; border-radius: 1.25rem; cursor: pointer; outline: none; } .checkbox-wrapper { display: flex; gap: 0.5rem; max-width: 70%; } .checkbox-wrapper input[type='radio']:checked { content: url('data:image/svg+xml, < !-- !Font Awesome Free 6.5.2 by @fontawesome - https: //fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--> '); } /*.checkbox:checked ~ p { text-decoration: line-through; }*/ grid { transform: rotate(20deg) translate(10rem, -10rem); background-size: 4.5rem 4.5rem; background-image: linear-gradient(to right, white 1px, transparent 1px), linear-gradient(to bottom, white 1px, transparent 1px); opacity: 10%; position: absolute; width: 30rem; height: 30rem; pointer-events: none; mask-image: radial-gradient(black 20%, transparent 80%); } glob { opacity: 30%; position: absolute; width: 20rem; height: 20rem; border-radius: 100%; filter: blur(100px); background: var(--accent); pointer-events: none; } ::-webkit-scrollbar { display: none; } #cart-model .fa-trash-o { display: none !important; } /* Navigation arrow styling */ .owl-nav .owl-prev, .owl-nav .owl-next { position: absolute; top: 50%; transform: translateY(-50%); background-color: #fff; border: 1px solid #ccc; border-radius: 50%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: background-color 0.3s; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .owl-nav .owl-prev { left: -20px; } .owl-nav .owl-next { right: -20px; } /* Hover effect for arrows */ .owl-nav .owl-prev:hover, .owl-nav .owl-next:hover { background-color: #f0f0f0; } /* Navigation dots styling */ .owl-dots { text-align: center; margin-top: 20px; } .owl-dots .owl-dot { display: inline-block; margin: 0 5px; width: 12px; height: 12px; background-color: #ccc; border-radius: 50%; cursor: pointer; } .owl-dots .owl-dot.active { background-color: #666; } .owl-stage-outer { width: 100%; overflow: hidden; } .owl-stage { display: flex; transition: transform 0.3s ease-in-out; } .owl-item { /*flex: 0 0 20%; */ max-width: 100%; box-sizing: border-box; text-align: center; padding: 10px; } /*@media (max-width: 768px) {*/ /* .owl-item {*/ /* flex: 0 0 33.33%; */ /* }*/ /*}*/ /*@media (max-width: 480px) {*/ /* .owl-item {*/ /* flex: 0 0 50%; */ /* }*/ /*}*/ /* Extracted from */ .overlay-s { position: fixed; top: 0; width: 100%; height: 100%; background: #ffffff0f; z-index: 999; left: 0; display: none; } .box-section { align-items: initial !important; } .member_list_div .box { height: auto !important; } .box span { font-size: 14px !important; } h2#headingOne { margin-top: 0px; } .shadow { margin: 0px; } hr.dotted { border: 1px dotted gray; margin: 0 auto !important; width: 92% !important; } .price_rate { padding: 10px 30px 0px 4px; } .total_amount { padding-top: 14px; padding-bottom: 10px; padding-left: 19px; padding-right: 19px; } section#cart .col-lg-3 { background: #fff; padding: 0px; margin-left: 1%; flex: 0 0 auto; width: 24%; border-radius: 10px; margin-bottom: auto; position: sticky; top: 140px; } section#cart div#content { background: #fff; border-radius: 10px; } .owl-item.disabled { pointer-events: none; } @media (max-width:992px) { section#cart .col-lg-3 { background: #fff; padding: 0px; margin-left: 0%; flex: 0 0 auto; width: 100%; border-radius: 10px; margin-top: 15px; } } .mai { padding: 15px; } ul.patEditDetails { margin: 10px 0 10px; } ul.patEditDetails li { position: relative; padding: 5px 5px 5px 15px; font-size: 11px; } ul.patEditDetails li:before { content: '>'; position: absolute; left: 0; font-family: 'FontAwesome'; } ul.patEditDetails li.ptNam:before { content: " \f0c0"; top: 7px; } ul.patEditDetails li.ptAdd:before { content: "\f041"; font-size: 13px; } ul.patEditDetails li.ptDate:before { content: "\f274"; top: 7px; } ul.patEditDetails li.pttime:before { content: "\f017"; top: 7px; } ul.patEditDetails li.ptedirbtn { padding-left: 0; } ul.patEditDetails li.ptedirbtn:before { display: none; } ul.patEditDetails li.ptedirbtn a { display: block; max-width: 50%; line-height: 1; } .pt_edit_title { font-weight: 600; } /* Container padding and spacing */ .sub_total { padding: 15px; background: #f9f9f9; border-radius: 8px; max-width: 400px; } /* Input field styling like Bootstrap */ #coupon_code { margin-top: 10px; height: 40px; padding: 8px 12px; font-size: 15px; border: 1px solid #ced4da; border-radius: 5px; outline: none; transition: border-color 0.3s; width: 100%; } #coupon_code:focus { border-color: #86b7fe; box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.25); } /* Apply button styling */ #apply { margin-top: 10px; background-color: #16a7b7; color: white; border: none; padding: 10px 16px; border-radius: 5px; width: 100%; font-weight: 600; transition: background-color 0.3s, box-shadow 0.3s; cursor: pointer; } #apply:hover { background-color: #16a7b7; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } /* Error message style */ #coupon_error { display: block; margin-top: 8px; color: #dc3545; font-weight: 600; font-size: 14px; } /* Coupon block layout fix */ #copun_amount { margin-top: 10px; background: #f8f9fa; border: 1px solid #dee2e6; padding: 12px; border-radius: 6px; position: relative; } /* Coupon Discount line */ #copun_amount .cle-discount { margin: 0; font-weight: 600; color: #198754; display: flex; justify-content: space-between; align-items: center; } /* Remove button styling – now treated like part of coupon block */ #remove { display: block; margin-top: -10px; width: 100%; /*background-color: #dc3545;*/ color: #fff; font-weight: 600; padding: 10px 12px; border-radius: 4px; text-align: center; text-decoration: none; transition: background-color 0.3s, box-shadow 0.3s; margin-left: 10px; } #remove:hover { /*background-color: #bb2d3b;*/ /*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);*/ } span.left_side a { color: #c5c1c1; font-size: 8px; text-decoration: none; border: 0px dotted gray; padding: 4px 10px; } .box .btn { /* background-color: #333; */ /* color: #fff; */ border: none; border-radius: 6px; padding: 7px 14px; font-size: 14px; cursor: pointer; /* width: 100%; */ transition: background-color 0.3s ease, transform 0.3s ease; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } /* Tooltip container */ #remove { position: relative; } /* Tooltip text */ #remove::after { content: "Remove Coupon Code"; position: absolute; bottom: 120%; left: 50%; transform: translateX(-50%); background-color: #333; color: #fff; padding: 6px 10px; border-radius: 4px; font-size: 13px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.3s; z-index: 999; } /* Show tooltip on hover */ #remove:hover::after { opacity: 1; } /* Extracted from */ .error { color: #red; } .conFormblock.homecareInsideform input.alertRed, .conFormblock.homecareInsideform select.alertRed, .conFormblock.homecareInsideform textarea.alertRed { border: 1px solid #ea0c0c !important; border-radius: 4px; font-family: inherit; } /* Extracted from */ .banner { width: 100%; height: 300px; background: url(https://mediwheel.in/assets/frontpage/images/commonpage-banner.png); display: flex; align-items: center; justify-content: center; text-align: center; color: #3a3535; } .cityPage_citypage_text__5g6_S { margin: 25px 0; background: linear-gradient(223.23deg, #fff -39.74%, #dbf5f9 94.44%); } .cityPage_citypage_container_package_tests___r7Kn { max-width: 1207px; margin: auto; padding: 16px 20; } .cityPage_citypage_heading_h1__hEx9J { font-weight: 600; font-size: 24px; line-height: 36px; color: #0e3f6c; } .cityPage_citypage_heading_h2__9BDwa { font-weight: 400; font-size: 16px; line-height: 24px; color: #2f3032; } .content { display: flex; flex-direction: column; align-items: center; } .banner-heading { font-size: 36px; margin-bottom: 20px; } .search-container { display: flex; align-items: center; background-color: white; border-radius: 30px; overflow: hidden; } .search-container:hover { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); } .search-input { border: none; padding: 10px; width: 100%; outline: none; transition: width 0.4s ease; } .search-input:focus { width: 350px; } .search-button { padding: 10px 20px; border: none; background-color: #16a7b7; color: white; cursor: pointer; outline: none; } .search-button:hover { background-color: #16a7b7; } .icon-control { margin-top: 5px; float: right; font-size: 80%; } .btn-light { background-color: #fff; border-color: #e4e4e4; } .list-menu { list-style: none; margin: 0; padding-left: 0; } .list-menu a { color: #343a40; } .card-product-grid .info-wrap { overflow: hidden; padding: 18px 20px; } [class*='card-product'] a.title { color: #212529; display: block; } .card-product-grid:hover .btn-overlay { opacity: 1; } .card-product-grid .btn-overlay { -webkit-transition: .5s; transition: .5s; opacity: 0; left: 0; bottom: 0; color: #fff; width: 100%; padding: 5px 0; text-align: center; position: absolute; background: rgba(0, 0, 0, 0.5); } .img-wrap { overflow: hidden; position: relative; } .packagef { height: 19rem; overflow-y: scroll; } .container11 { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default radio button */ .container11 input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 50%; } /* On mouse-over, add a grey background color */ .container11:hover input~.checkmark { background-color: #ccc; } /* When the radio button is checked, add a blue background */ .container input:checked~.checkmark { background-color: #16a7b7; } /* Create the indicator (the dot/circle - hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ .container11 input:checked~.checkmark:after { display: block; } /* Style the indicator (dot/circle) */ .container11 .checkmark:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white; } .con { font-size: 18px; font-weight: 600; } .paginationjs ul { justify-content: center !important; display: flex; padding-left: 0; list-style: none; } .paginationjs li:not(:first-child) .paginationjs a { margin-left: 5px; } .paginationjs a { padding: 9px 17px; position: relative; display: block; color: #FF5722; text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; border-radius: 10px; margin: 1px; } .paginationjs li.active a { z-index: 3; color: #fff; background-color: #16a7b7; border-color: #16a7b7; } .paginationjs li.disabled a { background: #eeeeee; color: #121212; } .no-data-container { text-align: center; color: #6c757d; } .no-data-container i { font-size: 50px; margin-bottom: 20px; } .no-data-container p { font-size: 18px; margin: -17px; } /* Basic styling for the range input */ .custom-range { -webkit-appearance: none; /* Remove default styling in WebKit browsers */ width: 100%; height: 8px; background: #ddd; /* Background color for the track */ border-radius: 5px; outline: none; cursor: pointer; transition: background 0.3s; } /* Styling for the range input thumb */ .custom-range::-webkit-slider-thumb { -webkit-appearance: none; /* Remove default styling in WebKit browsers */ width: 20px; height: 20px; background: #4CAF50; /* Color for the thumb */ border-radius: 50%; cursor: pointer; transition: background 0.3s; } /* Styling for the range input thumb in Firefox */ .custom-range::-moz-range-thumb { width: 20px; height: 20px; background: #4CAF50; /* Color for the thumb */ border-radius: 50%; cursor: pointer; transition: background 0.3s; } /* Styling for the range input thumb in other browsers */ .custom-range::-ms-thumb { width: 20px; height: 20px; background: #4CAF50; /* Color for the thumb */ border-radius: 50%; cursor: pointer; transition: background 0.3s; } /* Change track color on hover */ .custom-range:hover { background: #bbb; /* Slightly darker track color on hover */ } /* Change thumb color on hover */ .custom-range::-webkit-slider-thumb:hover { background: #45a049; /* Slightly darker thumb color on hover */ } .custom-range::-moz-range-thumb:hover { background: #45a049; /* Slightly darker thumb color on hover */ } .custom-range::-ms-thumb:hover { background: #45a049; /* Slightly darker thumb color on hover */ } /* Extracted from */ /* Loader Overlay Styling */ .loader-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 1000; /* Ensures it stays on top */ } /* Circular Loader Animation */ .loader { width: 60px; height: 60px; border: 6px solid #e0e0e0; border-top: 6px solid #FF5722; border-radius: 50%; animation: spin 1s linear infinite; } /* Loader Text Styling */ .loader-text { margin-top: 20px; font-size: 16px; color: #2c2b2b; line-height: 1.5; } .iframe-wrapper { flex-grow: 1; background-color: #e7eaf2; overflow: hidden; } .iframe-wrapper iframe { width: 100%; height: 100%; border: none; margin-top: 20px; } /* Extracted from */ /* Only interactive states — cannot be done inline */ .rating-box:hover { border-color: #16a7b7 !important; transform: translateY(-2px); } .rating-box.active { border-color: #16a7b7 !important; background: rgba(22, 167, 183, 0.08) !important; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(22, 167, 183, 0.2) !important; } .rating-box.active i { color: #16a7b7 !important; } .rating-box.active span { color: #16a7b7 !important; } .star-i.active { color: #ffb800 !important; transform: scale(1.1); } textarea:focus { border-color: #16a7b7 !important; outline: none; } .submit-btn:hover { background: #cf4d1a !important; transform: translateY(-3px); box-shadow: 0 15px 25px rgba(232, 87, 30, 0.4) !important; } .invalid-feedback { color: #e8571e; font-size: 0.78rem; font-weight: 600; margin-top: 5px; display: block; } /* Extracted from */ .branch-btn-small { background: linear-gradient(135deg, #00373e, #00c6ff); color: #fff; padding: 6px 14px; border: none; border-radius: 30px; font-size: 13px; font-weight: 500; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; box-shadow: 0 4px 10px rgba(0, 123, 255, 0.3); margin-top: 10px; transition: all 0.3s ease; } .branch-btn-small i { animation: pulse-icon 1.5s infinite; } .branch-btn-small:hover { transform: scale(1.05); box-shadow: 0 6px 15px rgba(0, 123, 255, 0.5); } @keyframes pulse-icon { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.2); opacity: 0.75; } 100% { transform: scale(1); opacity: 1; } } /* Extracted from */ .error {color: #FFFF00;} /* Extracted from */ .eaprequest-box { width:1100px; height:50px; background-color: #e1d7d7; padding: 5px; border-radious:5px; border: 1px solid #ccc; text-align:center;}.eaprequest { // width:600px; //height:40px; // background-color: #ccc; color: green; !important; padding: 5px; ligne-height:50px; font-weight:bold;// border: 1px solid gray;} /* Extracted from */ @charset "UTF-8"; /****** UTILS ******/ /*** default values ***/ /***** custom values *****/ /***** Grid Values *****/ /** Extends **/ @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"); .upload-wrap, .login-page .login-right, .listing-day, .doctor-action, .doc-times, .css-equal-content, .css-equal-heights { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .banner-section-fourteen .search-box-fourteen .form-block { flex-direction: column; } .h3, h3 { font-size: 2.5rem; font-weight: 800; color: #f17732; } .sec-title-style1 { position: relative; display: block; margin-top: -9px; padding-bottom: 50px; } .sec-title-style1.max-width{ position: relative; display: block; max-width: 770px; margin: -9px auto 0; padding-bottom: 52px; } .sec-title-style1.pabottom50 { padding-bottom: 42px; } .sec-title-style1 .title { position: relative; display: block; color: #131313; font-size: 36px; line-height: 46px; font-weight: 700; text-transform: uppercase; } .sec-title-style1 .title.clr-white{ color: #ffffff; } label.error { color: #f72b50!important; bottom: 0px; font-size: 12px !important; font-weight: 400 !important; position: relative !important; } .sec-title-style1 .decor { position: relative; display: block; width: 70px; height: 5px; margin: 19px 0 0; } .sec-title-style1 .decor:before{ position: absolute; top: 0; right: 0; bottom: 0; width: 5px; height: 5px; background: #FFA500; border-radius: 50%; content: ""; } .sec-title-style1 .decor:after{ position: absolute; top: 0; right: 10px; bottom: 0; width: 5px; height: 5px; background: #FFA500; border-radius: 50%; content: ""; } .sec-title-style1 .decor span { position: absolute; top: 0; left: 0; bottom: 0; width: 50px; height: 1px; background: #FFA500; margin: 2px 0; } .sec-title-style1 .text{ position: relative; display: block; margin: 7px 0 0; } .sec-title-style1 .text p{ position: relative; display: inline-block; padding: 0 15px; color: #131313; font-size: 14px; line-height: 16px; font-weight: 700; text-transform: uppercase; margin: 0; } .sec-title-style1 .text.clr-yellow p{ color: #FFA500; } .sec-title-style1 .text .decor-left{ position: relative; top: -2px; display: inline-block; width: 70px; height: 5px; background: transparent; } .sec-title-style1 .text .decor-left span { position: absolute; top: 0; left: 0; bottom: 0; width: 50px; height: 1px; background: #FFA500; content: ""; margin: 2px 0; } .sec-title-style1 .text .decor-left:before{ position: absolute; top: 0; right: 0; bottom: 0; width: 5px; height: 5px; background: #FFA500; border-radius: 50%; content: ""; } .sec-title-style1 .text .decor-left:after{ position: absolute; top: 0; right: 10px; bottom: 0; width: 5px; height: 5px; background: #FFA500; border-radius: 50%; content: ""; } .sec-title-style1 .text .decor-right{ position: relative; top: -2px; display: inline-block; width: 70px; height: 5px; background: transparent; } .sec-title-style1 .text .decor-right span { position: absolute; top: 0; right: 0; bottom: 0; width: 50px; height: 1px; background: #FFA500; content: ""; margin: 2px 0; } .sec-title-style1 .text .decor-right:before{ position: absolute; top: 0; left: 0; bottom: 0; width: 5px; height: 5px; background: #FFA500; border-radius: 50%; content: ""; } .sec-title-style1 .text .decor-right:after{ position: absolute; top: 0; left: 10px; bottom: 0; width: 5px; height: 5px; background: #FFA500; border-radius: 50%; content: ""; } .sec-title-style1 .bottom-text{ position: relative; display: block; padding-top: 16px; } .sec-title-style1 .bottom-text p{ color: #848484; font-size: 16px; line-height: 26px; font-weight: 400; margin: 0; } .sec-title-style1 .bottom-text.clr-gray p{ color: #cdcdcd; } .contact-address-area{ position: relative; display: block; background: #ffffff; /*padding: 100px 0 120px;*/ } .contact-address-area .sec-title-style1.max-width { padding-bottom: 72px; } .contact-address-box{ display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; align-items: center; } .single-contact-address-box { position: relative; display: block; background: #131313; padding: 85px 30px 77px; } .single-contact-address-box .icon-holder{ position: relative; display: block; padding-bottom: 24px; } .single-contact-address-box .icon-holder span:before{ font-size: 75px; } .single-contact-address-box h3{ color: #ffffff; margin: 0px 0 9px; } .single-contact-address-box h2{ color: #FFA500; font-size: 10px; margin: 0 0 19px; } .single-contact-address-box a{ color: #ffffff; } .single-contact-address-box.main-branch { background: #FFA500; padding: 53px 30px 51px; margin-top: -20px; margin-bottom: -20px; } .single-contact-address-box.main-branch h3{ color: #131313; font-size: 18px; font-weight: 700; margin: 0 0 38px; text-transform: uppercase; text-align: center; } .single-contact-address-box.main-branch .inner{ position: relative; display: block; } .single-contact-address-box.main-branch .inner ul{ position: relative; display: block; overflow: hidden; } .single-contact-address-box.main-branch .inner ul li{ position: relative; display: block; padding-left: 110px; border-bottom: 1px solid #737373; padding-bottom: 23px; margin-bottom: 24px; } .single-contact-address-box.main-branch .inner ul li:last-child{ border: none; margin-bottom: 0; padding-bottom: 0; } .single-contact-address-box.main-branch .inner ul li .title{ position: absolute; top: 2px; left: 0; display: inline-block; } .single-contact-address-box.main-branch .inner ul li .title h4{ color: #131313; font-size: 18px; font-weight: 600; line-height: 24px; text-transform: capitalize; border-bottom: 2px solid #a5821e; } .single-contact-address-box.main-branch .inner ul li .text{ position: relative; display: block; } .single-contact-address-box.main-branch .inner ul li .text p{ color: #131313; font-size: 16px; line-height: 24px; font-weight: 600; margin: 0; } .contact-info-area { position: relative; display: block; background: #ffffff; margin-bottom: 30px; } .contact-form { position: relative; display: block; background: #ffffff; padding: 100px 60px 80px; -webkit-box-shadow: 0px 3px 8px 2px #ededed; box-shadow: 0px 3px 8px 2px #ededed; z-index: 3; } .contact-form .sec-title-style1{ position: relative; display: block; padding-bottom: 51px; width: 50%; } .contact-form .text-box{ position: relative; display: block; margin-top: 19px; width: 50%; } .contact-form .text p{ color: #848484; line-height: 26px; margin: 0; } .contact-form .inner-box{ position: relative; display: block; background: #ffffff; } .contact-form form{ position: relative; display: block; } .contact-form form .input-box{ position: relative; display: block; } .contact-form form input[type="text"], .contact-form form input[type="email"], .contact-form form textarea{ position: relative; display: block; background: #ffffff; border: 1px solid #eeeeee; width: 100%; height: 55px; font-size: 16px; padding-left: 19px; padding-right: 15px; border-radius: 0px; margin-bottom: 20px; transition: all 500ms ease; } .contact-form form textarea { height: 130px; padding-left: 19px; padding-right: 15px; padding-top: 14px; padding-bottom: 15px; } .contact-form form input[type="text"]:focus{ color: #222222; border-color: #d4d4d4; } .contact-form form input[type="email"]:focus{ color: #222222; border-color: #d4d4d4; } .contact-form form textarea:focus{ color: #222222; border-color: #d4d4d4; } .contact-form form input[type="text"]::-webkit-input-placeholder { color: #848484; } .contact-form form input[type="text"]:-moz-placeholder { color: #848484; } .contact-form form input[type="text"]::-moz-placeholder { color: #848484; } .contact-form form input[type="text"]:-ms-input-placeholder { color: #848484; } .contact-form form input[type="email"]::-webkit-input-placeholder { color: #848484; } .contact-form form input[type="email"]:-moz-placeholder { color: #848484; } .contact-form form input[type="email"]::-moz-placeholder { color: #848484; } .contact-form form input[type="email"]:-ms-input-placeholder { color: #848484; } .contact-form form button { position: relative; display: block; width: 100%; background: #FFA500; border: 1px solid #FFA500; color: #131313; font-size: 16px; line-height: 55px; font-weight: 600; text-align: center; text-transform: capitalize; transition: all 200ms linear; transition-delay: 0.1s; cursor: pointer; } .contact-form form button:hover{ color: #ffffff; background: #131313; } .banner-section-fourteen .search-box-fourteen .form-block .search-input { margin: 0 15px 0 0; } .banner-section-fourteen .search-box-fourteen .form-block .search-input { width: 100%; } .banner-section-fourteen .search-box-fourteen .form-block .search-input input { min-height: 40px; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; } .banner-section-fourteen .search-box-fourteen .form-block .search-input input::placeholder { color: #1F2937; font-weight: 600; } .banner-section-fourteen .search-box-fourteen .form-block .search-input .forms-block { margin-bottom: 0; } .banner-section-fourteen .search-box-fourteen .form-block .search-input label { color: #6B7280; } .banner-section-fourteen .search-box-fourteen .search-btn { width: auto; margin: -8px 0 0 0; } .banner-section-fourteen .search-box-fourteen .search-btn { width: 100%; margin: 0 0 0 0; } .banner-section-fourteen .search-box-fourteen .search-btn .btn-primary { background: #0E82FD; border: 1px solid #0E82FD; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; padding: 14px 16px; font-weight: 600; } .banner-section-fourteen .search-box-fourteen .search-btn .btn-primary { width: 100%; } .banner-section-fourteen .search-box-fourteen .search-btn .btn-primary:hover { background: #1C5B91; box-shadow: inset 0 0 0 50px #1C5B91; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; border: 1px solid #1C5B91; } .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen { left: 30px; } .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen { top: 50px; } .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen3 { top: 380px; } .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen3 { top: 250px; } .banner-section-fourteen .banner-img-fourteen .banner-img2 { top: 100px; } .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen4 { position: absolute; right: 0px; bottom: 100px; animation: spin 3000ms linear infinite; } .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen4 { bottom: 10px; } .banner-section-fourteen .banner-imgfourteen5 { position: absolute; top: 250px; left: 86px; animation: spin 3000ms linear infinite; } .banner-section-fourteen .banner-imgfourteen6 { position: absolute; bottom: 50px; left: 65px; animation: spin 3000ms linear infinite; z-index: -1; } .services-section-fourteen { padding: 80px 0; background: #F8FAFC; } .services-section-fourteen { padding: 50px 0; } .services-section-fourteen .service-inner-fourt-all { border-radius: 20px; margin: 0 0 24px 0; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main { padding: 20px; border-radius: 20px; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-img { position: relative; margin: 0 0 13px 0; overflow: hidden; border-radius: 20px; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-img img { position: relative; border-radius: 20px; -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); width: 100%; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-img:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-img:hover::before { -webkit-animation: circle 1s; animation: circle 1s; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-img::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ""; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); border-radius: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); opacity: 0; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-care { color: #1F2937; font-size: 22px; font-weight: 600; margin: 0 0 13px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-care { font-size: 18px; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-care:hover { color: #1C5B91; } .ag-format-container { width: 1142px; margin: 0 auto; } .js-ag-hide { display: none; } .ag-faq_list { padding: 50px 0; } .ag-faq_item { margin: 0 0 15px; } .js-ag-faq_title { padding: 15px 30px; background-color: #71b337; cursor: pointer; font-size: 15px; color: #FFF; } .js-ag-faq_text { line-height: 1.42; padding: 30px 40px; background-color: #eee; font-size: 15px; color: #5b5b5b; } @media only screen and (max-width: 767px) { .ag-format-container { width: 96%; } } @media only screen and (max-width: 639px) { } @media only screen and (max-width: 479px) { } @media (min-width: 768px) and (max-width: 979px) { .ag-format-container { width: 750px; } } @media (min-width: 980px) and (max-width: 1161px) { .ag-format-container { width: 960px; } } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt p { color: #6B7280; font-size: 14px; margin: 0 0 10px 0; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-caretwo { color: #0E82FD; font-size: 18px; font-weight: 600; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-caretwo { font-size: 16px; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-caretwo i { font-weight: 600; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-caretwo:hover { color: #1C5B91; } .services-section-fourteen .service-inner-img-fourt-all { position: relative; } .services-section-fourteen .service-inner-img-fourt-all .service-inner-img-fourt { display: none; } .services-section-fourteen .service-inner-img-fourt-all .service-inner-img-fourtone { position: absolute; top: 0; right: 65px; animation: spin 3000ms linear infinite; } .services-section-fourteen .service-inner-img-fourt-all .service-inner-img-fourttwo { position: absolute; bottom: 0; animation: spin 3000ms linear infinite; } .services-section-fourteen .service-inner-img-fourt-all .service-inner-img-fourtthree { position: absolute; top: 0; left: 30px; animation: spin 3000ms linear infinite; } .services-section-fourteen .btn-sec-fourteen { text-align: end; } .services-section-fourteen .btn-sec-fourteen { text-align: center; } .services-section-fourteen .btn-sec-fourteen a { padding: 15px 20px; font-size: 15px; color: #ffffff; background: #0E82FD; transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; border: 1px solid #0E82FD; font-weight: 600; } .services-section-fourteen .btn-sec-fourteen a { padding: 12px 13px; } .services-section-fourteen .btn-sec-fourteen a:hover { box-shadow: inset 165px 0 0 0 #1C5B91; border-color: #1C5B91; } .team-section-fourteen { position: relative; padding: 80px 0 56px 0; } .team-section-fourteen { padding: 50px 0; } .team-section-fourteen .articles-grid-fourteen { background: #F8FAFC; border: 1px solid #E5E7EB; border-radius: 30px; } .team-section-fourteen .articles-grid-fourteen .articles-info { text-align: start; } .team-section-fourteen .articles-grid-fourteen .articles-info { display: flex; text-align: center; flex-direction: column; } .step-img[_ngcontent-serverApp-c86] { width: 15vh; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-left .articles-img-fourteen { width: 206px; height: 220px; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-left .articles-img-fourteen img { height: 100%; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen a { font-size: 20px; font-weight: 600; display: block; margin-bottom: 10px; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen a:hover { color: #1C5B91; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list { justify-content: start; -webkit-justify-content: start; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list { justify-content: center; -webkit-justify-content: center; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list .Qualified-doctors-fourteen { background: #DBEFFE; color: #0E82FD; padding: 10px 15px; border-radius: 8px; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list .Qualified-doctors-fourteentwo { color: #6B7280; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list .Qualified-doctors-fourteenthree { background: #F3F4F6; padding: 10px 12px; border-radius: 6px; color: #1F2937; font-weight: 600; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list .Qualified-doctors-fourteenfour a { border-radius: 6px; background: #0E82FD; color: #ffffff; transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; font-size: 15px; font-weight: 600; display: block; margin-bottom: 0; padding: 10px 12px; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list .Qualified-doctors-fourteenfour a:hover { box-shadow: inset 120px 0 0 0 #1C5B91; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .rating-fourteen .filled { color: #FFC001; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .rating-fourteen i { font-size: 18px; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .rating-fourteen .average-rating { font-size: 14px; color: #D1D5DB; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen p { color: #6B7280; font-weight: 500; margin: 0 0 10px 0; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen p i { color: #6B7280; margin: 0 7px 0 0; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen p span { color: #1F2937; font-weight: 500; } .team-section-fourteen .banner-imgfourteenseven { position: absolute; bottom: 50px; left: 30px; animation: spin 3000ms linear infinite; } .team-section-fourteen .banner-imgfourteeneight { position: absolute; top: 70px; right: 50%; animation: spin 3000ms linear infinite; } .team-section-fourteen .banner-imgfourteeneight { display: none; } .team-section-fourteen .banner-imgfourteennine { position: absolute; right: 50px; bottom: 70px; animation: spin 3000ms linear infinite; } .blog-section-fourteen { position: relative; padding: 80px 0; background: #F2F6F6; } .blog-section-fourteen { padding: 50px 0; } .blog-section-fourteen .blog-inner-fourt-all { border-radius: 30px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main { padding: 20px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-img { position: relative; margin: 0 0 20px 0; overflow: hidden; border-radius: 20px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-img .blog-inner-right-inner { position: relative; border-radius: 20px; -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); width: 100%; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-img .blog-inner-right-inner:hover img { border-radius: 20px; transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content { position: absolute; top: 19px; left: 19px; padding: 5px 10px 5px 5px; background: rgba(255, 255, 255, 0.9); border-radius: 50px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content img { width: 35px; height: 35px; border-radius: 50px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content span { font-size: 14px; color: #1F2937; font-weight: 600; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-fourt-care { display: block; color: #1F2937; font-size: 20px; font-weight: 600; margin: 0 0 18px 0; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-fourt-care:hover { color: #1C5B91; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list { margin: 0 0 20px 0; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list li { color: #6B7280; font-size: 16px; margin: 0 20px 0 0; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list li i { color: #D1D5DB; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list-two { margin: 0 0 10px 0; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list-two li { background: #DBEFFE; color: #0E82FD; margin: 0 10px 10px 0; padding: 10px 15px; border-radius: 8px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list-two li:last-child { margin: 0 0 10px 0; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt p { color: #6B7280; font-size: 14px; margin: 0 0 0 0; } .blog-section-fourteen .blog-btn-sec { margin: 24px 0 0 0; } .blog-section-fourteen .blog-btn-sec .btn-view { padding: 15px 20px; font-size: 15px; color: #ffffff; background: #0E82FD; transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; font-weight: 600; border: 1px solid #0E82FD; } .blog-section-fourteen .blog-btn-sec .btn-view { padding: 12px 13px; } .blog-section-fourteen .blog-btn-sec .btn-view:hover { box-shadow: inset 220px 0 0 0 #1C5B91; border-color: #1C5B91; } .choose-us-fourteen { position: relative; padding: 80px 0; } .choose-us-fourteen { padding: 50px 0; } .choose-us-fourteen .you-get-list ul { list-style: none; padding: 0; } .choose-us-fourteen .you-get-list ul li { margin-bottom: 30px; } .choose-us-fourteen .you-get-list ul li:last-child { margin: 0; } .choose-us-fourteen .you-get-list ul li .get-list-content { background-image: url(../img/chooseus-ryt-1.png); background-repeat: no-repeat; background-size: contain; padding: 30px; display: flex; align-items: center; justify-content: start; transition: 0.5s; } .h6, h6 { font-size: 14px; } .choose-us-fourteen .you-get-list ul li .get-list-content { padding: 22px 30px 30px 30px; } .choose-us-fourteen .you-get-list ul li .get-list-content { background: #F2F6F6; border-radius: 30px; } .choose-us-fourteen .you-get-list ul li .get-list-content { background: #F2F6F6; border-radius: 30px; } .choose-us-fourteen .you-get-list ul li .get-list-content { flex-direction: column; } .choose-us-fourteen .you-get-list ul li .get-list-content.second-bg { background-image: url(../img/chooseus-ryt-2.png); } .choose-us-fourteen .you-get-list ul li .get-list-content.second-bg { background: #F2F6F6; border-radius: 30px; } .choose-us-fourteen .you-get-list ul li .get-list-content.second-bg { background: #F2F6F6; border-radius: 30px; } .choose-us-fourteen .you-get-list ul li .get-list-content:hover .get-icon { background: #0E82FD; transition: 0.5s; } .choose-us-fourteen .you-get-list ul li .get-list-content:hover .get-icon img { filter: invert(0) brightness(100); transition: 0.5s; } .choose-us-fourteen .you-get-list ul li .get-list-content .get-icon { margin: 0 20px 0 0; padding: 25px; background: #ffffff; border-radius: 20px; transition: 0.5s; } .choose-us-fourteen .you-get-list ul li .get-list-content .get-icon { margin: 0 0 20px 0; padding: 25px; } .choose-us-fourteen .you-get-list ul li .get-list-content .get-icon-right { text-align: center; } .choose-us-fourteen .you-get-list ul li .get-list-content .get-icon-right h3 { font-weight: 600; margin: 0 0 5px 0; } .choose-us-fourteen .you-get-list ul li .get-list-content .get-icon-right p { color: #6B7280; font-size: 14px; margin: 0; max-width: 412px; } .choose-us-fourteen .choose-us-right-main { position: relative; } .choose-us-fourteen .choose-us-right-main { display: none; } .choose-us-fourteen .choose-us-right-main .banner-imgfourteenten { position: absolute; top: 150px; right: 180px; animation: spin 3000ms linear infinite; } .choose-us-fourteen .choose-us-right-main .banner-imgfourteenten { right: 120px; } .clients-section-fourteen { position: relative; padding: 80px 0 150px 0; background: #F2F6F6; } .clients-section-fourteen { padding: 80px 0 100px 0; } .clients-section-fourteen { padding: 50px 0; } .clients-section-fourteen .client-inner-main { -webkit-animation: mover 2s infinite alternate; animation: mover 2s infinite alternate; } .clients-section-fourteen .client-inner-main { display: none; } .clients-section-fourteen .feedback-slider-fourteen .owl-nav { text-align: end; margin-top: 40px; } .clients-section-fourteen .feedback-slider-fourteen .owl-nav { text-align: center; margin-top: 10px; } .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-prev { background: #E2E8F0; border-radius: 8px; width: 50px; height: 50px; color: #94A3B8; text-shadow: none; font-size: 24px; border: none; } .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-prev { width: 40px; height: 40px; font-size: 20px; } .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-prev:hover { background: #BFE0FE; color: #1D7ED8; } .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-next { background: #E2E8F0; border-radius: 8px; width: 50px; height: 50px; color: #94A3B8; text-shadow: none; font-size: 24px; border: none; } .banner-content h1 { font-weight: 600; font-size: 48px; margin-bottom: 25px; } .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-next { width: 40px; height: 40px; font-size: 20px; } .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-next:hover { background: #BFE0FE; color: #1D7ED8; } .clients-section-fourteen .feedback-card { border-radius: 30px; margin: 60px 0 0 0; } .clients-section-fourteen .feedback-card .feedback-card-body { padding: 30px; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img { display: flex; align-items: end; justify-content: space-between; margin: -85px 0 10px 0; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img h6 { color: #1F2937; font-size: 16px; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img img { width: 100px; height: 100px; border-radius: 20px; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .rating-fourteen { margin: 0 0 15px 0; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .rating-fourteen .filled { color: #FFC001; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .rating-fourteen i { font-size: 18px; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main p { color: #6B7280; font-size: 16px; margin: 0 0 20px 0; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main h4 { color: #1F2937; font-size: 20px; font-weight: 600; margin: 0 0 10px 0; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main h4 { font-size: 18px; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main h6 { color: #94A3B8; font-size: 16px; margin: 0; } .contact-section-fourteen { background: #F2F6F6; margin: 0 0 -200px 0; } .contact-section-fourteen .contact-schedule-main { background: #0E82FD; border-radius: 30px; position: relative; box-shadow: 0px 30px 60px rgba(49, 46, 129, 0.2); } .contact-section-fourteen .contact-schedule-main .scheduling-left-main { padding: 95px 80px 95px 110px; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main { padding: 75px 80px 75px 90px; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main { padding: 25px 40px 25px 50px; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main { padding: 30px 10px 30px 10px; text-align: center; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main h2 { font-size: 40px; font-weight: 600; color: #ffffff; margin: 0 0 10px 0; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main h2 { font-size: 36px; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main h2 { font-size: 28px; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main p { font-size: 24px; color: #ffffff; margin: 0 0 55px 0; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main p { font-size: 20px; margin: 0 0 30px 0; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul { margin: 0; padding: 0; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul { justify-content: center; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul { flex-direction: column; align-items: center; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li { list-style: none; margin: 0 20px 0 0; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li:last-child { margin: 0; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li { margin: 0 0 20px 0; width: 100%; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li a { background: #ffffff; padding: 15px 20px; border-radius: 6px; color: #0E82FD; border: 2px solid #ffffff; display: inline-block; font-weight: 600; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li a { padding: 13px 14px; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li a { padding: 13px 8px; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li a { width: 100%; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li a:hover { background: transparent; border: 2px solid #ffffff; color: #ffffff; } .contact-section-fourteen .contact-schedule-main .scheduling-right-main { position: relative; margin: -95px 0 0 0; } .section-title { font-size: 26px; color: #f44000; padding-top: 20px; text-align: center; } .contact-section-fourteen .contact-schedule-main .scheduling-right-main { margin: -53px 27px 0 0; } .contact-section-fourteen .contact-schedule-main .scheduling-right-main { display: none; } .contact-section-fourteen .contact-schedule-main .scheduling-right-main .scheduling-right-img { position: absolute; top: 40%; left: 14px; -webkit-animation: mover 2s infinite alternate; animation: mover 2s infinite alternate; } .contact-section-fourteen .contact-schedule-main .scheduling-right-main .scheduling-right-img { display: none; } .contact-section-fourteen .contact-schedule-main .scheduling-right-main .scheduling-right-imgtwo { position: absolute; right: 15px; bottom: 10%; -webkit-animation: mover 2s infinite alternate; animation: mover 2s infinite alternate; } .contact-section-fourteen .contact-schedule-main .scheduling-right-main .scheduling-right-imgtwo { display: none; } .contact-section-fourteen .contact-schedule-main .contact-inner-image { position: absolute; top: 0; left: 135px; } .contact-section-fourteen .contact-schedule-main .contact-inner-image { display: none; } .section-header-fourteen { text-align: center !important; } .section-header-fourteen .service-inner-fourteen { /*display: flex;*/ align-items: center; margin-bottom: 10px; } .section-header-fourteen .service-inner-fourteen { justify-content: center !important; } .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-one { background: #0E82FD; content: ""; width: 50px; height: 3px; } .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-two h3 { color: #0E82FD; font-size: 30px; margin: 0 20px; } .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-two h3 { font-size: 26px; } .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-two h3 { font-size: 22px; } .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-three { background: #0E82FD; content: ""; width: 50px; height: 3px; } .section-header-fourteen h2 { color: #1F2937; font-size: 26px; font-weight: 600; margin: 0 0 50px 0; } .section-header-fourteen h2 { font-size: 26px; } .section-header-fourteen h2 { margin: 0 0 40px 0; font-size: 26px; } .section-header-fourteen h2 { font-size: 26px; } .slide-nav-14 button.owl-next, .slide-nav-14 button.owl-prev, .slide-nav-15 button.owl-next, .slide-nav-15 button.owl-prev { background: #E2E8F0; border-radius: 8px; width: 50px; height: 50px; color: #94A3B8; text-shadow: none; font-size: 24px; border: none; } .slide-nav-14 button.owl-next, .slide-nav-14 button.owl-prev, .slide-nav-15 button.owl-next, .slide-nav-15 button.owl-prev { width: 40px; height: 40px; font-size: 20px; margin: 0 10px 30px 0; } .slide-nav-14 button.owl-next:hover, .slide-nav-14 button.owl-prev:hover, .slide-nav-15 button.owl-next:hover, .slide-nav-15 button.owl-prev:hover { background: #BFE0FE; color: #1D7ED8; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } .main-wrapper.home-fifteen { font-size: 16px; font-family: "Inter", sans-serif; } .main-wrapper.home-fifteen { font-size: 15px; } .banner-section-fifteen { position: relative; /*padding: 85px 0 0 0;*/ background-color: #ffffff; z-index: 1; background-image: url(../img/banner-fifteen.png); background-repeat: no-repeat; background-position: right top; background-size: 36% 100%; } .banner-section-fifteen { background-image: none; } .banner-section-fifteen .banner-content-fifteen { margin: 50px 0 0 0; padding: 0 0 47px 0; } .banner-section-fifteen .banner-content-fifteen { margin: 35px 0 0 0; padding: 0 0 47px 0; } .banner-section-fifteen .banner-content-fifteen h2 { color: #1F2937; /*text-transform: uppercase;*/ margin-bottom: 15px; font-size: 15px; font-weight: 600; } .banner-section-fifteen .banner-content-fifteen h2 { font-size: 20px; } .banner-section-fifteen .banner-content-fifteen h2 { font-size: 18px; } .banner-section-fifteen .banner-content-fifteen h1 { color: #f17732; margin-bottom: 15px; } .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen { margin: 0 0 35px 0; } .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen .btn-primary { font-weight: 600; background: #f17732; position: relative; /*padding: 15px 30px;*/ margin-bottom: 15px; } .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen .btn-primary { /*width: 100%;*/ } .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen .btn-primary:hover { background: #0CE0FF; box-shadow: inset 0 100px 0 0 #0CE0FF; color: #ffffff; border: 1px solid #0CE0FF; } .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen .btns-primarytwo { background: #0CE0FF; border: 1px solid #0CE0FF; } .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen .btns-primarytwo:hover { background: #0E82FD; box-shadow: inset 0 100px 0 0 #0E82FD; border: 1px solid #0E82FD; } .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg { position: relative; display: inline-block; margin-bottom: 15px; } .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg::before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 56, 115, 0.25); z-index: 1; border-radius: 10px; } .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg a img { border-radius: 10px; } .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg a .playicon { position: absolute; top: 38%; right: 44%; z-index: 2; } .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg a .playicon span { width: 33px; height: 33px; background: #0E82FD; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25); border-radius: 50%; color: #ffffff; font-size: 10px; } .banner-section-fifteen .banner-content-fifteen .watch-video-fifteen { display: flex; align-items: center; margin-bottom: 50px; } .banner-section-fifteen .banner-content-fifteen .watch-video-fifteen { justify-content: center; } .banner-section-fifteen .banner-content-fifteen .watch-video-fifteen img { margin-right: 7px; } .banner-section-fifteen .banner-content-fifteen .watch-video-fifteen h6 { color: #1F2937; margin-bottom: 0; } .banner-section-fifteen .banner-content-fifteen .support-consult-main { display: flex; } .banner-section-fifteen .banner-content-fifteen .support-consult-main { justify-content: center; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult { display: flex; align-items: center; margin-right: 25px; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult { display: block; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult:last-child { margin-right: 0; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-img { margin-bottom: 8px; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-img img { padding: 10px; background: #0E82FD; border-radius: 5px; margin-right: 7px; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-img img { margin-right: 0; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-right h6 { color: #1F2937; margin-bottom: 0; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-right .rating-fifteen { margin-bottom: 0; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-right .rating-fifteen i.filled { color: #FFC001; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-right span { font-size: 14px; color: #6B7280; } .banner-section-fifteen .banner-right-fifteen { position: relative; margin-top: 0px; } .banner-section-fifteen .banner-right-fifteen { margin-top: 0px; } .banner-section-fifteen .banner-right-fifteen { /*display: none;*/ } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenone { position: absolute; top: 100px; left: -130px; animation: mover 1s infinite alternate; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenone { top: 130px; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenone { display: none; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteentwo { position: absolute; top: 77px; left: 40px; animation: spin 3000ms linear infinite; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenthree { position: absolute; top: 250px; right: 0px; animation: spin 3000ms linear infinite; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenthree { position: absolute; top: 250px; right: 0px; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenfour { position: absolute; right: 0px; bottom: 100px; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenfour { position: absolute; right: 0px; bottom: 100px; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenfive { position: absolute; top: 10px; right: -50px; animation: mover 1s infinite alternate; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenfive { position: absolute; top: 10px; right: 0px; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteensix { position: absolute; bottom: 0; left: -30px; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteensix { display: none; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenseven { position: absolute; top: 150px; right: 0px; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenseven { position: absolute; top: 150px; right: 0px; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteeneight { position: absolute; bottom: 40px; left: 210px; animation: mover 1s infinite alternate; } .banner-section-fifteen .banner-right-fifteennine { position: absolute; bottom: 40px; left: 210px; } .services-section-fifteen { position: relative; padding: 80px 0 56px 0; } .services-section-fifteen { padding: 26px 0; background: #ffffff; } .services-section-fifteen .service-bg-icon { position: absolute; top: 250px; right: 40px; } .services-section-fifteen .doctor-profile-widget-fifteen { margin-bottom: 24px; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-pro-img .doctor-profile-img { border-radius: 10px; margin-bottom: 13px; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom .doc-content-split { margin-bottom: 15px; font-size: 14px; color: #ff4700; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom .doc-content-split a { color: #1F2937; font-size: 13px; font-weight: 600; margin-bottom: 0; } .mb-4 { margin-bottom: -0.5rem!important; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom .doc-content-split a:hover { color: #1B5D92; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom .doc-content-split span { background: #0E82FD; padding: 5px 10px; border-radius: 5px; font-family: 600; font-size: 14px; color: #ffffff; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom p { color: #707070; margin-bottom: 0; font-size: 13px; } .Patients-section-fifteen { position: relative; padding: 80px 0; } .Patients-section-fifteen { padding: 50px 0; text-align: center; } .Patients-section-fifteen .patient-fifteen-icon { position: absolute; top: 100px; left: 0; z-index: -1; } .Patients-section-fifteen .section-header-fifteenpatient { margin-bottom: 25px; } .Patients-section-fifteen p { margin-bottom: 25px; } .Patients-section-fifteen .service-patient-inflict { text-align: center; } .Patients-section-fifteen .service-patient-inflict { margin-bottom: 15px; } .Patients-section-fifteen .service-patient-inflict .service-patient-inflictimg { background: #E3FBFF; width: 196px; height: 120px; border-radius: 10px; margin: auto auto 15px auto; } .Patients-section-fifteen .service-patient-inflict .service-patient-inflictimg { width: 175px; } .Patients-section-fifteen .service-patient-inflict .service-patient-inflictimg { width: 150px; } .Patients-section-fifteen .service-patient-inflict h6 { color: #6B7280; font-size: 18px; font-weight: 400; margin-bottom: 0; } .Patients-section-fifteen .service-patient-inflict .clients-fifteen-span { margin-bottom: 5px; } .Patients-section-fifteen .service-patient-inflict .clients-fifteen-span h3 { font-weight: 600; color: #1F2937; margin-bottom: 0; } .Patients-section-fifteen .service-patient-inflict .clients-fifteen-span span { font-weight: 600; font-size: 24px; color: #1F2937; } .Patients-section-fifteen .patients-left-front { animation-duration: 5s; animation-iteration-count: infinite; transform-origin: bottom; } .Patients-section-fifteen .patients-left-front { display: none; } .Patients-section-fifteen .patients-left-front.patients-left-img { animation-name: bounce-1; animation-timing-function: linear; } .doctors-section-fifteen { position: relative; padding: 80px 0; background: #F4F4F4; } /*.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {*/ /* font-family: auto;*/ /* color: #1f2278;*/ /* line-height: 1.3;*/ /*}*/ .doctors-section-fifteen { padding: 50px 0; } /* Created By : Mohammad Al Hefel */ :root { --main-color: #3f51b5; } * { padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Poppins", sans-serif; } .row .service { padding: 25px 15px; background-color: #f5f7f9; font-size: 15px; border-radius: 5px; text-align: center; cursor: pointer; transition: 0.5s; color: #fff; /*background-color: #0098ab;*/ transform: scale(1.05); box-shadow: rgba(0, 0, 0, 0.35) 0px 5p } .row .service:hover { color: #fff; background-color: #f5f7f9; transform: scale(1.05); box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: 1px solid orange; } .row .service i { color: var(--main-color); margin-bottom: 20px; font-size: 40px; transition: 0.5s; } .row .service:hover i { color: #fff; } .row .service h2 { font-weight: 600; margin-bottom: 20px; } .doctors-section-fifteen .doctor-fifteen-icon { position: absolute; top: 100px; right: 0; } .doctors-section-fifteen .doctors-fifteen-icon { position: absolute; right: 200px; bottom: 0; } .doc-content-fift { padding: 15px; } .doc-content-fift a { color: #1F2937; font-size: 18px; font-weight: 600; margin-bottom: 6px; display: inline-block; } .doc-content-fift a:hover { color: #0CE0FF; } .doc-content-fift p { color: #6B7280; margin-bottom: 10px; } .doc-content-fift p span { color: #1F2937; } .doc-content-fift .rate-fifteen { margin-bottom: 15px; } .doc-content-fift .rate-fifteen .rate-four { padding: 5px 10px; background: #0CE0FF; border-radius: 5px; color: #ffffff; } .doc-content-fift .rate-fifteen ul { list-style: none; margin: 0; padding: 0; } .doc-content-fift .rate-fifteen ul li { width: 31px; height: 27px; background: #EEEEF3; color: #1F2937; border-radius: 5px; margin-right: 5px; } .doc-content-fift .rate-fifteen ul li:last-child { margin-right: 0; } .doc-content-fift .rate-fifteen ul.fift-rate li { padding: 5px; width: auto; height: auto; } .doc-content-fift .fift-bottom-content h3 { color: #1F2937; font-weight: 600; margin-bottom: 0; display: flex; align-items: center; } .doc-content-fift .fift-bottom-content h3 { font-size: 20px; } .doc-content-fift .fift-bottom-content h3 span { color: #6B7280; text-decoration: line-through; font-size: 18px; } .doc-content-fift .fift-bottom-content a { padding: 10px 25px; background: #0E82FD; color: #ffffff; border-radius: 5px; margin-bottom: 0; transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; font-size: 16px; } .doc-content-fift .fift-bottom-content a { padding: 10px 10px; font-size: 14px; } .doc-content-fift .fift-bottom-content a:hover { box-shadow: inset 0 0 0 30px #2DD4BF; } .item.item-fifteen .doctor-profile-widget { border: none; } .item.item-fifteen .doctor-profile-widget.doctor-profile-widget-fift { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15); margin: 10px 0; } .item.item-fifteen .doctor-profile-widget.doctor-profile-widget-fift:first-child { margin-left: 10px; } .item.item-fifteen .doctor-profile-widget.doctor-profile-widget-fift:last-child { margin-right: 10px; } .item.item-fifteen .doctor-profile-widget .doc-pro-img .item-info { position: absolute; bottom: 15px; left: 15px; } .item.item-fifteen .doctor-profile-widget .doc-pro-img .item-info h6 { margin-bottom: 0; background: #0E82FD; border-radius: 5px; padding: 10px; color: #ffffff; } .item.item-fifteen .doctor-profile-widget .doc-pro-img .doctor-amount .fav-icon { width: 40px; height: 40px; background: #ffffff; border-radius: 50%; font-size: 17px; } .item.item-fifteen .doctor-profile-widget .doc-pro-img .doctor-amount .fav-icon.fav-icon-fifteen { background: #EEEEF3; } .item.item-fifteen .doctor-profile-widget .doc-pro-img .doctor-amount .fav-icon.selected { background: #0CE0FF; color: #ffffff; } .item.item-fifteen .doctor-profile-widget .doc-pro-img.doc-pro-img-fifteen { padding: 56px 0; border-bottom: 1px solid #E5E5EB; } .item.item-fifteen .doctor-profile-widget .doc-pro-img.doc-pro-img-fifteen .doctor-profile-img-fifteen { width: 208px; height: 208px; margin: auto; } .pharmacy-section-fifteen { position: relative; padding: 80px 0; } .pharmacy-section-fifteen { padding: 50px 0; } .feedback-section-fifteen { position: relative; padding: 40px 0 80px 0; } .feedback-section-fifteen { padding: 0 0 80px 0; } .feedback-section-fifteen { padding: 0 0 50px 0; } .feedback-section-fifteen .feedback-schedule-all { background: linear-gradient(92.16deg, #61AEFF 0.85%, #0E82FD 76.47%); border-radius: 10px; } .feedback-section-fifteen .feedback-schedule-all .feedback-inner-main { margin: -45px 0 0 30px; } .feedback-section-fifteen .feedback-schedule-all .feedback-inner-main { margin: 0 0 0 30px; } .feedback-section-fifteen .feedback-schedule-all .feedback-inner-main { display: none; } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content { padding: 50px 0; } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content { text-align: center; } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content .feedback-fift-img { width: 66px; height: 17px; margin-bottom: 15px; } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content .feedback-fift-img { margin: auto auto 15px auto; } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content h3 { color: #ffffff; font-size: 28px; font-weight: 600; margin-bottom: 10px; } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content h3 { font-size: 26px; } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content p { color: #ffffff; font-size: 18px; margin-bottom: 15px; } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content a { padding: 15px 43px; background: #0CE0FF; border-radius: 5px; display: inline-block; color: #ffffff; transition: color 0.5s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content a:hover { box-shadow: inset 0 0 0 30px #2DD4BF; } .appointment-section-fifteen { position: relative; padding: 80px 0; background-color: #0E82FD; background-image: url(../img/book-appointment-bg.png); background-position: top left; background-repeat: no-repeat; background-size: 58% 100%; } .appointment-section-fifteen { padding: 50px 0; background-image: none; text-align: center; } .appointment-section-fifteen .appointment-schedule-main h2 { font-size: 40px; font-weight: 600; color: #ffffff; margin-bottom: 10px; } .appointment-section-fifteen .appointment-schedule-main h2 { font-size: 34px; } .appointment-section-fifteen .appointment-schedule-main h2 { font-size: 28px; } .appointment-section-fifteen .appointment-schedule-main h6 { font-size: 18px; color: #ffffff; margin-bottom: 25px; } .appointment-section-fifteen .appointment-schedule-main p { color: #B0D6FF; } .appointment-section-fifteen .appointment-schedule-main ul { margin: 0; padding: 0; list-style: none; display: flex; } .appointment-section-fifteen .appointment-schedule-main ul { justify-content: center; } .appointment-section-fifteen .appointment-schedule-main ul { flex-wrap: wrap; } .appointment-section-fifteen .appointment-schedule-main ul li { display: flex; align-items: center; flex-direction: column; margin: 0 25px 25px 0; padding: 15px; background: #ffffff; box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.25); border-radius: 10px; width: 151px; } .appointment-section-fifteen .appointment-schedule-main ul li { width: 50%; margin-right: 1px; } .appointment-section-fifteen .appointment-schedule-main ul li:last-child { margin-right: 0; } .appointment-section-fifteen .appointment-schedule-main ul li .appointment-schedule-img { position: relative; margin-bottom: 20px; } .appointment-section-fifteen .appointment-schedule-main ul li .appointment-schedule-img .appoint-inner-img { position: absolute; right: -20px; bottom: -10px; } .appointment-section-fifteen .appointment-schedule-main ul li span { font-weight: 400; color: #1F2937; display: inline-block; font-size: 14px; } .appointment-section-fifteen .appointment-schedule-main a { background: #0CE0FF; padding: 15px 25px; border-radius: 5px; display: inline-block; color: #ffffff; transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; } .appointment-section-fifteen .appointment-schedule-main a:hover { box-shadow: inset 0 0 0 50px #2DD4BF; } .appointment-section-fifteen .appointment-right-image { animation-duration: 5s; animation-iteration-count: infinite; transform-origin: bottom; } .appointment-section-fifteen .appointment-right-image { display: none; } .appointment-section-fifteen .appointment-right-image.appoint-fift-img { animation-name: bounce-1; animation-timing-function: linear; } .about-us-section-fifteen { position: relative; padding: 80px 0; background: #F4F4F4; } .about-us-section-fifteen { padding: 50px 0; } .about-us-section-fifteen .aboutus-img-main { position: relative; } .about-us-section-fifteen .aboutus-img-main { display: none; } .about-us-section-fifteen .aboutus-img-main .aboutus-img-one { position: absolute; right: 45px; bottom: 15px; box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.15); animation: mover 1s infinite alternate; } .about-us-section-fifteen .vertical-slider { position: static; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main { background: #ffffff; box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.15); padding: 15px; border-radius: 10px; margin: 0 0 15px 0; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main .aboutus-profile-left { display: flex; align-items: center; justify-content: start; margin: 0 0 15px 0; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main .aboutus-profile-left .aboutus-image { margin-right: 7px; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main .aboutus-profile-left .aboutus-image img { width: 50px; height: 50px; border-radius: 50%; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main .aboutus-profile-left h6 { font-weight: 600; color: #1F2937; margin-bottom: 7px; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main .aboutus-profile-left span { color: #6B7280; font-size: 14px; margin-bottom: 0; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main p { margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .about-us-section-fifteen .vertical-slider .slick-list { padding: 0 !important; } .about-us-section-fifteen .vertical-slider .slick-dots { position: absolute; bottom: 3%; left: -42%; } .about-us-section-fifteen .vertical-slider .slick-dots { display: none !important; } .about-us-section-fifteen .vertical-slider .slick-dots li { margin: 0; height: 6px; } .about-us-section-fifteen .vertical-slider .slick-dots li.slick-active button { background-color: #4C58A0; } .about-us-section-fifteen .vertical-slider .slick-arrow { position: absolute; bottom: 0; } .about-us-section-fifteen .vertical-slider .slick-prev { position: absolute; top: 95%; left: 84%; width: 45px; height: 45px; border-radius: 10px; } .about-us-section-fifteen .vertical-slider .slick-prev { left: 80%; } .about-us-section-fifteen .vertical-slider .slick-prev { left: 76%; } .about-us-section-fifteen .vertical-slider .slick-prev { top: 50%; left: 0%; } .about-us-section-fifteen .vertical-slider .slick-prev::before { content: "\f053"; font-family: "FontAwesome"; font-weight: 900; font-size: 13px; } .about-us-section-fifteen .vertical-slider .slick-prev:hover { background: #1C5B91; } .about-us-section-fifteen .vertical-slider .slick-next { top: 95%; width: 45px; height: 45px; border-radius: 10px; } .about-us-section-fifteen .vertical-slider .slick-next { top: 50%; } .about-us-section-fifteen .vertical-slider .slick-next::before { content: "\f054"; font-family: "FontAwesome"; font-weight: 900; font-size: 13px; } .about-us-section-fifteen .vertical-slider .slick-next:hover { background: #1C5B91; } .about-us-section-fifteen .vertical-slider .slick-current.aboutus-fifteen-main { background: #0E82FD; } .about-us-section-fifteen .vertical-slider .slick-current.aboutus-fifteen-main .aboutus-profile-left h6 { color: #ffffff; } .about-us-section-fifteen .vertical-slider .slick-current.aboutus-fifteen-main .aboutus-profile-left span { color: #ffffff; } .about-us-section-fifteen .vertical-slider .slick-current.aboutus-fifteen-main p { color: #ffffff; } .frequently-section-fifteen { position: relative; padding: 80px 0; } .frequently-section-fifteen { padding: 50px 0; } .frequently-section-fifteen .items-fift { border: 1px solid #E5E5EB; border-radius: 10px; padding: 30px; } .frequently-section-fifteen .items-fift a { color: #1F2937; font-size: 18px; font-weight: 600; margin-bottom: 15px; display: block; } .frequently-section-fifteen .items-fift p { color: #6B7280; font-weight: 400; margin-bottom: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; width: 100%; overflow: hidden; } .frequently-section-fifteen .items-fift .line-arrow { display: flex; align-items: center; color: #0E82FD; font-weight: 600; font-size: 16px; margin-bottom: 0; } .frequently-section-fifteen .items-fift .line-arrow:hover { color: #0CE0FF; } .frequently-section-fifteen .frequent-slider-fifteen .owl-nav { text-align: end; } .frequently-section-fifteen .frequent-slider-fifteen .owl-nav .owl-prev, .frequently-section-fifteen .frequent-slider-fifteen .owl-nav .owl-next { margin-top: 24px; } .frequently-section-fifteen .frequent-slider-fifteen .owl-dots { position: absolute; bottom: 0; left: 0; } .frequently-section-fifteen .frequent-slider-fifteen .owl-dots .owl-dot { width: 50px; height: 6px; background: #D9D9D9; } .frequently-section-fifteen .frequent-slider-fifteen .owl-dots .owl-dot:first-child { border-radius: 10px 0 0 10px; } .frequently-section-fifteen .frequent-slider-fifteen .owl-dots .owl-dot:last-child { border-radius: 0 10px 10px 0; } .frequently-section-fifteen .frequent-slider-fifteen .owl-dots .owl-dot.active { background: #4C58A0; } .frequently-section-fifteen .frequent-slider-fifteen .owl-dots { display: none; } .section-header-fifteen { margin-bottom: 50px; } .section-header-fifteen h2 { color: #1F2937; font-size: 30px; font-weight: 600; } .section-header-fifteen h2 { font-size: 34px; } .section-header-fifteen h2 { font-size: 28px; } .section-header-fifteen h2 span { color: #f17732; } .section-header-fifteen p { color: #707070; margin-bottom: 0; } .doctor-slider-fifteen .owl-nav { text-align: center; } .doctor-slider-fifteen .owl-nav button.owl-prev, .doctor-slider-fifteen .owl-nav button.owl-next { width: 45px; height: 45px; background: #ffffff; font-size: 13px; border-radius: 10px; margin-top: 50px; } .doctor-slider-fifteen .owl-nav button.owl-prev:hover, .doctor-slider-fifteen .owl-nav button.owl-next:hover { background: #EEEEF3; } .doctor-slider-fifteen .owl-nav button.owl-prev, .doctor-slider-fifteen .owl-nav button.owl-next { width: 35px; height: 35px; } .pharmacy-slider-fifteen .owl-nav, .frequent-slider-fifteen .owl-nav { text-align: center; } .pharmacy-slider-fifteen .owl-nav button.owl-prev, .pharmacy-slider-fifteen .owl-nav button.owl-next, .frequent-slider-fifteen .owl-nav button.owl-prev, .frequent-slider-fifteen .owl-nav button.owl-next { width: 45px; height: 45px; background: #EEEEF3; font-size: 13px; border-radius: 10px; margin-top: 50px; } .pharmacy-slider-fifteen .owl-nav button.owl-prev:hover, .pharmacy-slider-fifteen .owl-nav button.owl-next:hover, .frequent-slider-fifteen .owl-nav button.owl-prev:hover, .frequent-slider-fifteen .owl-nav button.owl-next:hover { background: #0CE0FF; } .pharmacy-slider-fifteen .owl-nav button.owl-prev, .pharmacy-slider-fifteen .owl-nav button.owl-next, .frequent-slider-fifteen .owl-nav button.owl-prev, .frequent-slider-fifteen .owl-nav button.owl-next { width: 35px; height: 35px; } .playicon { position: absolute; right: 61%; top: 37%; } .playicon span { width: 48px; height: 48px; background: #FF008A; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; } .modal-content-video { padding: 0 !important; } .modal-content-video .modal-content { background: #000; } .modal-content-video .modal-header { border: 0; } .banner-content .btn { font-weight: 500; border-radius: 8px; margin: 0; padding: 7px 18px; min-width: 200px; display: inline-block; background-color: #0E82FD; /*border: 1px solid #0E82FD;*/ color: #ffffff; font-size: 18px; box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } .modal-content-video .modal-header button.close { color: #fff; opacity: 1; background: #1C5B91; } .video-home video { width: 100%; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } @keyframes movers { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } @keyframes bounce-1 { 0% { transform: translateY(0); } 50% { transform: translateY(-50px); } 100% { transform: translateY(0); } } .main-wrapper.home-sixteen { font-size: 16px; font-family: "Inter", sans-serif; } .main-wrapper.home-sixteen { font-size: 15px; } .banner-section-sixteen { position: relative; padding: 85px 0 0 0; } .banner-section-sixteen .banner-content-sixteen { padding: 100px 0 0 0; z-index: 1; } .banner-section-sixteen .banner-content-sixteen { padding: 50px 0; } .banner-section-sixteen .banner-content-sixteen span { font-size: 14px; color: #0E82FD; font-weight: 500; text-transform: uppercase; padding: 5px 10px; background: rgba(14, 130, 253, 0.1); margin-bottom: 10px; display: inline-block; } .banner-section-sixteen .banner-content-sixteen h1 { color: #515151; margin-bottom: 26px; } .banner-section-sixteen .banner-content-sixteen p { color: #9f9f9f; font-size: 16px; margin-bottom: 26px; } .banner-section-sixteen .banner-content-sixteen .banner-btns-sixteen .btn-primary { padding: 10px 25px; box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.08); border-radius: 5px; font-size: 14px; font-weight: 700; } .banner-section-sixteen .banner-content-sixteen .banner-btns-sixteen .btn-primary:hover { box-shadow: 0 0.5em 0.5em -0.4em var(--hover); transform: translateY(-0.25em); } .banner-section-sixteen .banner-image-sixteen { padding: 41px 0; background-image: url(../img/banner-sixteen-bg.png); background-repeat: no-repeat; background-position: right top; background-size: 75% 100%; } .banner-section-sixteen .banner-image-sixteen .banner-inner-img-sixteen { position: relative; z-index: 1; } .banner-section-sixteen .banner-image-sixteen .banner-inner-img-sixteen img { margin-bottom: 20px; } .banner-section-sixteen .banner-image-sixteen .banner-inner-img-sixteen img:last-child { margin-bottom: 0; } .banner-section-sixteen .banner-image-sixteen { display: none; } .banner-section-sixteen .ban-sixteen-imgone { position: absolute; top: 100px; right: 100px; z-index: 0; } .banner-section-sixteen .ban-sixteen-imgtwo { position: absolute; top: 90px; left: 0; z-index: 0; } .services-section-sixteen { position: relative; padding: 80px 0; background: #F8FBFF; } .services-section-sixteen { padding: 50px 0; } .services-section-sixteen .discover-you-main { text-align: center; } .services-section-sixteen .discover-you-main .discover-you-image { width: 200px; height: 200px; background: rgba(14, 130, 253, 0.1); display: flex; align-items: center; justify-content: center; border-radius: 100%; margin: auto auto 20px auto; } .services-section-sixteen .discover-you-main .discover-you-image img { width: auto; } .services-section-sixteen .discover-you-main a { color: #1F2937; font-size: 20px; font-weight: 500; margin-bottom: 10px; } .services-section-sixteen .discover-you-main a:hover { color: #1C5B91; } .services-section-sixteen .discover-you-main p { font-size: 14px; color: #A2A2A2; margin-bottom: 15px; } .services-section-sixteen .discover-you-main .discov-innner { color: #0E82FD; font-size: 14px; font-weight: 500; } .services-section-sixteen .discover-you-main .discov-innner i { font-size: 10px; } .services-section-sixteen .discover-you-main .discov-innner:hover { color: #09dca4; } .services-section-sixteen .service-sixteen-icon { position: absolute; top: 75px; left: 45px; animation: mover 1s infinite alternate; } .treatment-section-sixteen { position: relative; padding: 80px 0; } .treatment-section-sixteen { padding: 50px 0; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget { border: none; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.03); border-radius: 0; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-pro-img .doctor-profile-img { border-radius: 6px; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-pro-img .doctor-amount { position: absolute; top: 10px; left: 10px; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-pro-img .doctor-amount span { padding: 5px 10px; border-radius: 0; color: #0E82FD; font-size: 14px; font-weight: 600; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-content .doc-pro-info { align-items: start; padding-bottom: 10px; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-content .doc-pro-info .doc-pro-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-content .doc-pro-info .reviews-ratings p span { background: none; color: #FFBC11; font-size: 14px; margin: 0 5px 0 0; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-content .doc-pro-info .reviews-ratings p span i { margin-right: 4px; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-content .doc-pro-location p i { font-size: 17px; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .btn-primary { width: 100%; border-radius: 0; padding: 15px 20px; background: rgba(14, 130, 253, 0.1); color: #0E82FD; text-transform: capitalize; font-size: 20px; font-weight: 600; border: none; box-shadow: inset 0 0 0 0 #ffffff; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .btn-primary { padding: 10px 20px; font-size: 18px; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .btn-primary:hover { background: #2DD4BF; box-shadow: inset 0 100px 0 0 #2DD4BF; color: #ffffff; } .treatment-section-sixteen .service-sixteen-icontwo { position: absolute; right: 25px; bottom: 150px; animation: mover 1s infinite alternate; } .features-section-sixteen { position: relative; padding: 80px 0; background: #F8FBFF; } .features-section-sixteen { padding: 50px 0; } .features-section-sixteen .feature-sixteen-main .feature-six-img { position: relative; } .features-section-sixteen .feature-sixteen-main .feature-six-img::after { position: absolute; top: 0; width: 100%; height: 100%; content: ""; transition: 0.5s; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.42) 100%); } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six { position: absolute; bottom: 27px; text-align: center; width: 100%; z-index: 1; top: 82%; transition: all 0.5s ease-out; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-one { display: block; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-one h5 { font-size: 20px; color: #ffffff; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-one span { color: #ffffff; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-two { display: none; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-two p { color: #ffffff; line-height: 30px; font-size: 16px; letter-spacing: -0.36px; padding: 10px; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-two p { line-height: 20px; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-two span { color: #ffffff; } .features-section-sixteen .feature-sixteen-main .feature-six-img:hover::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); } .features-section-sixteen .feature-sixteen-main .feature-six-img:hover .feature-content-six { top: 30%; } .features-section-sixteen .feature-sixteen-main .feature-six-img:hover .feature-content-six { top: 10%; } .features-section-sixteen .feature-sixteen-main .feature-six-img:hover .feature-content-six .feature-content-one { display: none; } .features-section-sixteen .feature-sixteen-main .feature-six-img:hover .feature-content-six .feature-content-two { display: block; } .facts-section-sixteen { position: relative; padding: 80px 0; } .facts-section-sixteen { padding: 50px 0; } .facts-section-sixteen .facts-section-all { display: flex; } .facts-section-sixteen .facts-section-all { display: block; } .facts-section-sixteen .facts-section-all .facts-main-sixteen { background: #0E82FD; padding: 100px 30px; width: 50%; } .facts-section-sixteen .facts-section-all .facts-main-sixteen { width: 100%; padding: 60px 30px; text-align: center; } .facts-section-sixteen .facts-section-all .facts-main-sixteen span { font-size: 14px; color: #ffffff; font-weight: 500; text-transform: uppercase; padding: 5px 10px; background: rgba(255, 255, 255, 0.3); margin-bottom: 17px; display: inline-block; } .facts-section-sixteen .facts-section-all .facts-main-sixteen h2 { color: #ffffff; margin-bottom: 15px; font-size: 40px; } .facts-section-sixteen .facts-section-all .facts-main-sixteen h2 { font-size: 34px; } .facts-section-sixteen .facts-section-all .facts-main-sixteen h2 { font-size: 28px; } .facts-section-sixteen .facts-section-all .facts-main-sixteen p { color: #ffffff; font-size: 16px; margin-bottom: 15px; } .facts-section-sixteen .facts-section-all .facts-main-sixteen a { color: #ffffff; font-size: 14px; font-weight: 500; } .facts-section-sixteen .facts-section-all .facts-main-sixteen a i { font-size: 10px; } .facts-section-sixteen .facts-section-all .facts-main-sixteen a:hover { color: #09dca4; } .facts-section-sixteen .facts-section-all .facts-content-all { width: 50%; } .facts-section-sixteen .facts-section-all .facts-content-all { width: 100%; } .facts-section-sixteen .facts-section-all .facts-content-all ul { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; } .facts-section-sixteen .facts-section-all .facts-content-all ul li { width: 50%; height: 167px; padding: 20px 0; border: 2px solid #F8FBFF; overflow: hidden; position: relative; } .facts-section-sixteen .facts-section-all .facts-content-all ul li { width: 100%; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img { flex-direction: column; transition: all 0.5s; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img img { margin-bottom: 25px; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img .facts-content-sixteen .facts-content-one h5 { font-size: 18px; font-weight: 700; text-transform: capitalize; color: #626262; margin-bottom: 0; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img .facts-content-sixteen .facts-content-one h5 i { font-size: 14px; color: #0E82FD; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two { position: absolute; top: 0; left: 0; width: 100%; height: 100%; flex-direction: column; opacity: 0; transition: opacity 0.25s; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two p { color: #7D7D7D; font-size: 14px; letter-spacing: -0.36px; padding: 0 20px; text-align: center; line-height: 30px; margin-bottom: 0; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two:hover { opacity: 1; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two:hover>* { transform: translateY(0); } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two>* { transform: translateY(20px); transition: transform 0.25s; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two.facts-content-two-solid { background: #ffffff; } .experts-section-sixteen { position: relative; padding: 80px 0; background: linear-gradient(115.57deg, #464646 12.99%, rgba(0, 0, 0, 0.58) 66.18%); } .experts-section-sixteen { padding: 50px 0; } .pricing-section-sixteen { position: relative; padding: 80px 0; } .pricing-section-sixteen { padding: 50px 0; } .testimonal-section-sixteen { position: relative; padding: 80px 0; background: #F8FBFF; } .testimonal-section-sixteen { padding: 50px 0; } .feedback-section-sixteen { position: relative; padding: 80px 0; } .feedback-section-sixteen { padding: 50px 0; } .feedback-section-sixteen .feedback-schedule-all { background: linear-gradient(90.79deg, #0E82FD 0%, #2CD9C5 100%); backdrop-filter: blur(30.5px); border-radius: 15px; padding: 19px; } .feedback-section-sixteen .feedback-schedule-all .feedback-inner-main { display: none; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content { text-align: center; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content h3 { color: #ffffff; font-size: 36px; font-weight: 700; text-transform: capitalize; margin-bottom: 10px; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content h3 { font-size: 34px; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content h3 { font-size: 28px; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content p { color: #ffffff; font-size: 20px; margin-bottom: 30px; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content p { font-size: 16px; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns { display: flex; align-items: center; justify-content: start; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns { justify-content: center; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns { display: block; width: 100%; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primary { padding: 10px 25px; box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.08); border-radius: 5px; background: #ffffff; color: #0E82FD; font-size: 16px; font-weight: 700; border: none; transition: 0.5s; margin-right: 10px; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primary:hover { background: #1C5B91; color: #ffffff; transition: 0.5s; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primary { width: 100%; margin: 0 0 10px 0; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primarytwo { padding: 10px 25px; font-size: 16px; margin-bottom: 0; font-weight: 600; color: #ffffff; border-radius: 5px; transition: 0.5s; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primarytwo:hover { background: #1C5B91; color: #ffffff; transition: 0.5s; } .step-name[_ngcontent-serverApp-c86] { font-size: 2vh; line-height: 1.5; margin-top: 2vh; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primarytwo { width: 100%; } .section-header-sixteen { margin-bottom: 50px; } .section-header-sixteen.section-header-sixteentwo h2 { color: #ffffff; } .section-header-sixteen p { color: #0E82FD; font-size: 14px; font-weight: 500; text-transform: uppercase; margin-bottom: 7px; } .section-header-sixteen h2 { font-size: 40px; font-weight: 600; margin-bottom: 0; color: #1F2937; text-transform: capitalize; } .section-header-sixteen h2 { font-size: 34px; } .section-header-sixteen h2 { font-size: 28px; } .main-wrapper.home-twelve .services-section-fourteen .our-services-list:hover { cursor: pointer; background: #334155; box-shadow: 0 20px 50px #3341550d; transform: translateY(-10px); } .w-100 { border-radius: 30px; padding: 30px; background: #ffffff; text-align: center; transition: all .5s; margin-bottom: 24px; position: relative; } .banner-section-fifteen .banner-content-fifteen h1 { color: #0098ab; margin-bottom: 15px; } .banner-section-fifteen { position: relative; /*padding: 85px 0 0 0;*/ background-color: #ffffff; z-index: 1; background-image: url(../img/banner-fifteen.png); background-repeat: no-repeat; background-position: right top; background-size: 36% 100%; } .service-icon { width: 140px; height: 140px; display: flex; align-items: center; justify-content: center; /*background: #0E82FD;*/ margin: auto; box-shadow: 0 25px 50px #0e82fd1a; border-radius: 30px; transition: .4s; } .tag[_ngcontent-serverApp-c86] { padding: 1.4vh 3.4vh; background: #fff; border-radius: 0.8vh; display: inline-block; margin: 1vh 1.6vh; font-size: 2.2vh; color: #333; } .mental-health-section[_ngcontent-serverApp-c86] { margin-top: 11vh; position: relative; background: #eff2f7; padding-bottom: 5vh; } @media (max-width: 1399.98px){ .step-img[_ngcontent-serverApp-c86] { width: 15vh; } .step-name[_ngcontent-serverApp-c86] { font-size: 2vh; line-height: 1.5; margin-top: 2vh; } @media (max-width: 1399.98px){ .step-arrow[_ngcontent-serverApp-c86] { font-size: 5vh; } .step-arrow[_ngcontent-serverApp-c86] { font-size: 8vh; color: #2d3091; top: 26%; right: -5vh; position: absolute; } .css-equal-content { color: red; float: left; } .report-section[_ngcontent-serverApp-c86] { position: relative; padding: 10vh 0; background: #2d3091; color: #fff; }.custom-shape-divider-top-1639980888[_ngcontent-serverApp-c86] .shape-fill[_ngcontent-serverApp-c86] { fill: #eff2f7; } .time-slot li .timing, .consultation-types a, .coming-soon-info, .widget-setcount .step-icon, .widget-setcount .step-box, .signup-arrow, .why-choose-icon span, .about-contact-icon span, .pricing-icon span, .plan-choose-info, .product-custom .cart-icon, .section-search-pharmacy .banner-wrapper2 .search-box1 form, .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two, .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img .facts-content-sixteen .facts-content-one, .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img, .facts-section-sixteen .facts-section-all .facts-content-all ul li, .item.item-fifteen .doctor-profile-widget .doc-pro-img .doctor-amount .fav-icon, .doc-content-fift .rate-fifteen ul li, .doc-content-fift .rate-fifteen ul, .doc-content-fift .rate-fifteen .rate-four, .Patients-section-fifteen .service-patient-inflict .clients-fifteen-span, .Patients-section-fifteen .service-patient-inflict .service-patient-inflictimg, .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg a .playicon span, .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content, .section-header-thirteen, .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li .choose-us-content-thirteen .chooseus-contents, .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content p i, .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all, .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content, .testi-img .testi-icon, .faq-wrap ul li a span, .count-box .count-icon, .center-img .center-service span, .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-img .hexogen, .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-item, .book-section .book-best-doctors .book-header .img-overlay, .browse-section .brower-box > div .brower-img, .clinic-specialities .special-box:hover .special-body, .doctor-category .pop-box .body-section, .doctor-category .pop-box .top-section i, .doctor-category .pop-box .top-section, .doctor-widget-one .clinic-booking .btn-primary-light, .view-icons a, .voice-call-avatar, .toggle-password-sub, .pass-group .toggle-password, .login-content-info .account-content .social-login-btn .btn, .increment-decrement .input-groups input[type=button], .profile-pic-upload .cam-col, .step-list ul li a, .call-box .call-wrapper .call-items, .chat-attachment-item, .chat-window .chat-cont-right .chat-header .notify-block .media-img-wrap, .chat-window .chat-cont-right .chat-header, .chat-window, .signature, .btn.btn-danger.trash, .time-slot.time-slot-blk li .timing, .visits span.visit-rsn:before, .hours-info .btn.btn-danger.trash, .blogs-section .blog-wrapper .wrap-content .date-cart, .partners-slider li a, .work-info .work-icon span, .specialities-section-one .specialities-img span, .specialities-section-one .specialities-item, .profile-widget .fav-btn, .section-specialities .specialities-slider .speicality-item .speicality-img span, .footer.footer-one.footer-sixteen .footer-bottom .copyright .copyright-menu ul li a, .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .social-icon ul li a, .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .user-details-fift ul li .contact-fifteen .contact-form-fift, .footer-contacts .footer-wrap .footer-icon, .footer-three .social-icon ul li a, .footer-one .footer-top .footer-widget .footer-contact-info .footer-address p, .header.header-fourteen .header-nav .header-navbar-rht li.searchbar-fourteen a, .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.searchbar-fourteen, .header.header-ten .main-menu-wrapper .main-nav .register-btn, .header.header-ten .main-menu-wrapper .main-nav li .btn.log-btn, .header.header-ten .main-menu-wrapper .main-nav li .btn.reg-btn, .header-one .main-menu-wrapper .main-nav .register-btn, .header-one .main-menu-wrapper .main-nav li .btn.log-btn, .header-one .main-menu-wrapper .main-nav li .btn.reg-btn, .header.custom .header-navbar-rht.right-menu .header-contact-img i, .header .header-nav, .custom-medicalrecord-modal .modal-content .upload-medical-records .dropzone, .brower-box a, .clinic-slider .profile-widget .brower-box .arrow, .browse-slider .profile-widget .brower-box .arrow, .book-slider .profile-widget .brower-box .arrow, .clinic-slider .profile-widget .brower-box a, .browse-slider .profile-widget .brower-box a, .book-slider .profile-widget .brower-box a, .slick-dots .slick-dots li, .dot-slider .slick-dots li, .align-center { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .section-title { font-size: 26px; color: #282828; padding-top: 18px; text-align: center; } .primaryBtn[_ngcontent-serverApp-c86] { padding: 1.2vh 3.2vh; border-radius: 0.8vh; background: #f68a40; font-size: 2.4vh; display: inline-block; color: #fff; } .custom-shape-divider-top-1639975762[_ngcontent-serverApp-c86] { position: absolute; top: -16vh; left: 0; width: 100%; height: 25vh; overflow: hidden; line-height: 0; background: #eff2f7; fill: #fff; z-index: -1; } .form-group-flex, .otp-info, .otp-box .forms-block, .signup-option-btns .signup-btn-info, .booking-list, .doc-content-fift .fift-bottom-content, .doc-content-fift .rate-fifteen, .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom .doc-content-split, .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content .our-doctor-content-inner, .store-item .store-content .price-tag, .testi-users, .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay, .doctor-filter-inner, .booking-doctor-details, .faq-patients-count, .doc-pro-info, .footer-three .footer-bottom .copyright .footer-language, .header.header-ten .header-nav, .header-one .header-nav { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; } .terms-btn .btn, .otp-sec p, .testimonial-slider .slick-prev, .testimonial-slider .slick-next, .special-item .special-icon a, .doctor-profile-widget.doc-grid .favourite-btn .favourite-icon, .doctor-widget-one .favourite-btn .favourite-icon, .doctor-filter-sort .nav li a, .faq-info .accordion-button:after, .reviews-ratings span, .slide-nav-1 button.owl-next, .slide-nav-1 button.owl-prev, .slide-nav-2 button.owl-next, .slide-nav-2 button.owl-prev { display: inline-flex; display: -webkit-inline-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .widget-setcount ul, .onboarding-content .increment-decrement .input-groups input[type=button], .relative-form, .option-set, .select-gender-option, .onboarding-contents, .opt-resend, .set-path, .prefer-box, .call-lable.verify-lable.verify-options, .call-lable.verify-lable.verify-lable, .call-lable, .consult-option, .save-detail, .upload-pic.patient-photo-upload, .upload-pic, .onboarding-content-box.content-wrap, .onboarding-progress, .on-board-wizard ul li a, #onboard-slider .owl-dots, .right-panel, .left-panel, .onboard-wrapper, .full-slide-home .slick-slide .slide-image, .full-slide-home .slick-slide > div > .col-12, .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul, .banner-wrapper .search-box-3 form, .map-listing .profile-widget, .doctor-widget-one .doc-info-left, .doctor-widget-one, .clinic-services, .doc-info-left, .doctor-widget, .call-timing, .call-details, .password-strength, .increment-decrement .input-groups, .login-bottom-copyright, .custom-increment .input-group1, chat-attachment-list, .chat-msg-attachments, .chat-window .chat-msg-info, .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .chat-window .chat-cont-right .chat-header .chat-options, .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body, .chat-window .chat-cont-left .chat-search .input-group .input-group-prepend, .chat-window .chat-cont-left .chat-header, .patient-graph-col .graph-box .graph-status-result, .patient-graph-col .graph-box, .patient-graph-box, .patient-dashboard-top, .change-avatar, .profile-info-widget, .dash-card .dash-widget, .upload-wrap, .review-listing > ul li .comment .comment-body .meta-data .review-count, .review-listing > ul li .comment, .appointments .appointment-list, .appointment-list .profile-info-widget, .booking-device, .success-page-cont, .booking-doc-info, .work-info, .section-search .banner-wrapper .search-box form, .footer-two .footer-top .footer-widget .footer-contact-info .footer-address, .footer-one .footer-top .footer-widget .footer-contact-info .footer-address, .footer .footer-top .footer-widget .footer-contact-info .footer-address, .header.header-ten .main-menu-wrapper .main-nav, .header-one .main-menu-wrapper .main-nav, .header .header-nav .header-navbar-rht .has-arrow .user-header, .header .header-nav .header-navbar-rht .dropdown-menu .dropdown-item, .header .header-nav .main-nav, .header .header-nav, .avatar .avatar-title { display: -webkit-box; display: -ms-flexbox; display: flex; } .success-btn .btn, .terms-section .terms-content .terms-text.terms-list p, .error-content .btn, .way-inner-header .btn, .breadcrumb-bar-two .page-breadcrumb ol, .booking-btn .btn, .doctor-search-section.doctor-search-eleven .banner-header .btn, .breadcrumb-bar-one .page-breadcrumb ol, .specialities-section-one .specialities-btn .btn, .footer-one .social-icon ul li a, .footer-one .social-icon ul, .footer-two .footer-top .footer-widget .footer-about-content .social-icon ul li a, .footer-two .footer-top .footer-widget .footer-about-content .social-icon ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .booking-date, .consultation-types, .contact-card .card-body, .signup-info, .testimonial-info, .about-contact, .pricing-header-info, .booking-doctor-right p, .booking-doctor-left, .faq-wrap ul li a, .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay .blog-name, .count-box, .doctor-widget-one .clini-infos ul li, .doctor-widget-one .doc-location, .doctor-filter-sort, .doctor-filter-option, .doctor-filter-availability, .filter-grid h4 a, .booking-range .btn, .booking-date.choose-date-book, .articles-info, .doc-pro-location p, .footer-contacts .footer-wrap, .footer-one .footer-top .footer-widget.footer-menu ul li a, .flag-dropdown .dropdown-menu .dropdown-item, .flag-dropdown .dropdown-toggle { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .success-dashboard-link a, .custom_radio, .booking-date-list ul li span, .center-img .center-service, .doctor-widget-one .doc-name, .login-content-info .account-content .login-back a, .back-link a, .articles-content .articles-list li, .reviews-ratings p { display: inline-flex; display: -webkit-inline-flex; align-items: center; -webkit-align-items: center; } .widget-setcount ul, .booking-list { flex-wrap: wrap; -webkit-flex-wrap: wrap; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-item, .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .specialities-section-one .specialities-item { flex-direction: column; } .flag-dropdown .dropdown-toggle { justify-content: start; -webkit-justify-content: start; } .widget-setcount ul, .relative-form, .prefer-box, .onboarding-content-box.content-wrap, .left-panel { justify-content: space-between; -webkit-justify-content: space-between; } .terms-section .terms-content .terms-text.terms-list p, .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .chat-window .chat-cont-right .chat-header, .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body, .chat-window .chat-cont-left .chat-header, .listing-day, .header.header-ten .menu-header, .header-one .menu-header, .header .header-nav .menu-header, .header .header-nav { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .store-tab, .doctor-divison .pat-background, .doctor-divison .doc-background, .login-bottom-copyright, .custom-increment.cart .input-group1, .btn-file, .chat-attachment-item, .chat-window .chat-cont-right .chat-header .chat-options > a, .success-cont i, .hours-info .btn.btn-danger.trash, .profile-widget .fav-btn, .section-specialities .specialities-slider .speicality-item .speicality-img span, .header .header-nav .header-navbar-rht li, .avatar .avatar-title, .btn-icon { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .increment-decrement .input-groups, .login-page .login-right, .btn-file, .chat-window .chat-msg-info, .chat-window .chat-cont-right .chat-header .chat-options > a, .chat-window .chat-cont-right .chat-header .notify-block, .chat-window .chat-cont-left .chat-search .input-group .input-group-prepend, .chat-window .chat-cont-left .chat-header, .signature, .change-avatar, .dash-card .dash-widget, .btn.btn-danger.trash, .appointments .appointment-action, .success-cont i, .success-page-cont, .header.header-ten .menu-header, .header-one .menu-header, .header .header-nav .header-navbar-rht .has-arrow.logged-item .nav-link, .header .header-nav .header-navbar-rht .has-arrow .logged-item .nav-link, .header .header-nav .header-navbar-rht .dropdown-menu .dropdown-item, .header .header-nav .header-navbar-rht li, .header .header-nav .menu-header, table.table td h2.table-avatar, table.table td h2 .table-avatar, .avatar .avatar-title, .btn-icon { align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .listing-day { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .doctor-divison .pat-background, .doctor-divison .doc-background, .btn-file, .chat-window .chat-cont-right .chat-header .chat-options > a, .chat-window .chat-cont-left .chat-header .chat-compose, .appointments .appointment-action, .success-cont i, .profile-widget .fav-btn, .section-specialities .specialities-slider .speicality-item .speicality-img span, .footer .footer-top .footer-widget .footer-about-content .social-icon ul li a, .footer .footer-top .footer-widget .footer-about-content .social-icon ul, .header .header-nav .header-navbar-rht .has-arrow.logged-item .nav-link, .header .header-nav .header-navbar-rht .has-arrow .logged-item .nav-link, .header .header-nav .header-navbar-rht li, table.table td h2.table-avatar, table.table td h2 .table-avatar, .avatar-group, .btn-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .widget-setcount ul, .onboarding-content .increment-decrement .input-groups input[type=button], .relative-form, .option-set, .select-gender-option, .onboarding-contents, .opt-resend, .set-path, .prefer-box, .call-lable.verify-lable.verify-options, .call-lable.verify-lable.verify-lable, .call-lable, .consult-option, .save-detail, .upload-pic.patient-photo-upload, .upload-pic, .onboarding-content-box.content-wrap, .onboarding-progress, .on-board-wizard ul li a, #onboard-slider .owl-dots, .right-panel, .left-panel, .onboard-wrapper, .full-slide-home .slick-slide .slide-image, .full-slide-home .slick-slide > div > .col-12, .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul, .banner-wrapper .search-box-3 form, .map-listing .profile-widget, .doctor-widget-one .doc-info-left, .doctor-widget-one, .clinic-services, .doc-info-left, .doctor-widget, .call-timing, .call-details, .password-strength, .increment-decrement .input-groups, .login-bottom-copyright, .custom-increment .input-group1, chat-attachment-list, .chat-msg-attachments, .chat-window .chat-msg-info, .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .chat-window .chat-cont-right .chat-header .chat-options, .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body, .chat-window .chat-cont-left .chat-search .input-group .input-group-prepend, .chat-window .chat-cont-left .chat-header, .patient-graph-col .graph-box .graph-status-result, .patient-graph-col .graph-box, .patient-graph-box, .patient-dashboard-top, .change-avatar, .profile-info-widget, .dash-card .dash-widget, .upload-wrap, .review-listing > ul li .comment .comment-body .meta-data .review-count, .review-listing > ul li .comment, .appointments .appointment-list, .appointment-list .profile-info-widget, .booking-device, .success-page-cont, .booking-doc-info, .work-info, .section-search .banner-wrapper .search-box form, .footer-two .footer-top .footer-widget .footer-contact-info .footer-address, .footer-one .footer-top .footer-widget .footer-contact-info .footer-address, .footer .footer-top .footer-widget .footer-contact-info .footer-address, .header.header-ten .main-menu-wrapper .main-nav, .header-one .main-menu-wrapper .main-nav, .header .header-nav .header-navbar-rht .has-arrow .user-header, .header .header-nav .header-navbar-rht .dropdown-menu .dropdown-item, .header .header-nav .main-nav, .header .header-nav, .avatar .avatar-title { display: -webkit-box; display: -ms-flexbox; display: flex; } .payment-radio, .custom_radio, .custom_check, .slick-slider { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .right-panel, .section-search-pharmacy .banner-wrapper2 .search-box1 form, .full-slide-home .slick-slide > div > .col-12, .clinic-services, .chat-window .chat-msg-info, .patient-graph-col .graph-box .graph-status-result, .patient-graph-col .graph-box, .appointments .appointment-list, .schedule-nav .nav-tabs, .post-left ul, .header.header-ten .header-nav, .header-one .header-nav, .header .header-nav, .custom-medicalrecord-modal .modal-content .upload-medical-records .dropzone { -ms-flex-wrap: wrap; flex-wrap: wrap; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-item, .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .specialities-section-one .specialities-item { -ms-flex-direction: column; flex-direction: column; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .patient-graph-col .graph-box .graph-status-result { justify-content: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .patient-graph-col .graph-box .graph-status-result { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } .upload-wrap, .day-week-month-col ul, .payment-menthods ul, .step-list ul, .header-top ul { list-style: none; padding: 0; margin: 0; } /******* BASE *******/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; } * { box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { height: 100%; overflow-x: hidden; } blockquote, q { quotes: none; } blockquote:before, blockquote:after { content: ""; content: none; } q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } @font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local("Material Icons"), local("MaterialIcons-Regular"), url(../fonts/MaterialIcons-Regular.woff2) format("woff2"), url(../fonts/MaterialIcons-Regular.woff) format("woff"), url(../fonts/MaterialIcons-Regular.ttf) format("truetype"); } .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; } h1 { font-weight: normal; font-size: 40px; } @media (max-width: 767.98px) { h1 { font-size: 27px; } } h2 { font-weight: normal; font-size: 30px; } @media (max-width: 767.98px) { h2 { font-size: 23px; } } h3 { font-weight: normal; font-size: 24px; } @media (max-width: 1023.98px) { h3 { font-size: 20px; } } @media (max-width: 767.98px) { h3 { font-size: 16px; } } h4 { font-weight: normal; font-size: 18px; } @media (max-width: 1023.98px) { h4 { font-size: 18px; } } @media (max-width: 767.98px) { h4 { font-size: 18px; } } h5 { font-weight: normal; font-size: 19px; } @media (max-width: 1023.98px) { h5 { font-size: 18px; } } h6 { font-weight: normal; font-size: 18px; } @media (max-width: 1023.98px) { h6 { font-size: 16px; } } .primary { background-color: #09e5ab; } html { height: 100%; } body { font-family: "Poppins", sans-serif; background-color: #ffffff; font-size: 0.9375rem; color: #6B7280; line-height: 1.5; height: 100%; overflow-x: hidden; } @media (max-width: 767.98px) { body { font-size: 14px; } } @media (max-width: 575.98px) { body { font-size: 13px; } } img { max-width: 100%; height: auto; } a { color: #2E3842; cursor: pointer; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; text-decoration: none; } a:hover { color: #09e5ab; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; text-decoration: none; } a:focus { outline: 0; } .green .intro_text a:hover { color: #09e5ab; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } p { margin-top: 0; margin-bottom: 16px; font-size: 12px; text-align: left; color: #545151; } h1, h2, h3, h4, h5, h6 { color: #272b41; font-weight: 500; } .h1, h1 { font-size: 2.25rem; } @media (max-width: 767.98px) { .h1, h1 { font-size: 32px; } } @media (max-width: 575.98px) { .h1, h1 { font-size: 28px; } } .h2, h2 { font-size: 30px; } @media (max-width: 767.98px) { .h2, h2 { font-size: 28px; } } @media (max-width: 575.98px) { .h2, h2 { font-size: 24px; } } /*.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {*/ /* font-family: auto;*/ /* color: #1f2278;*/ /* line-height: 1.3;*/ /*}*/ .h3, h3 { font-size: 2.5rem; font-weight: 800; color: #f17732; } @media (max-width: 767.98px) { .h3, h3 { font-size: 22px; } } @media (max-width: 575.98px) { .h3, h3 { font-size: 20px; } } .h4, h4 { font-size: 12px; font-weight: 600; } @media (max-width: 767.98px) { .h4, h4 { font-size: 12px; font-weight: 600; } } @media (max-width: 575.98px) { .h4, h4 { font-size: 12px; font-weight: 600; } } .h5, h5 { font-size: 1rem; } @media (max-width: 767.98px) { .h5, h5 { font-size: 14px; } } @media (max-width: 575.98px) { .h5, h5 { font-size: 14px; } } .h6, h6 { font-size: 14px; } @media (max-width: 767.98px) { .h6, h6 { font-size: 12px; } } @media (max-width: 575.98px) { .h6, h6 { font-size: 12px; } } .btn-primary { background-color: #09e5ab; border: 1px solid #ffffff; } .btn-primary:hover { background-color: #09dca4; border: 1px solid #ffffff; } .container-fluid { padding: 0 30px; } @media (max-width: 1199.98px) { .container-fluid { padding: 0 20px; } } @media (max-width: 991.98px) { .container-fluid { padding: 0 20px; } } @media (max-width: 767.98px) { .container-fluid { padding: 0 15px; } } .form-group { margin-bottom: 20px; } .text-muted { color: #757575 !important; } .dropdown-menu { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 14px; border-radius: 3px; -webkit-box-shadow: inherit; -moz-box-shadow: inherit; box-shadow: inherit; transform-origin: left top 0; -webkit-transform-origin: left top 0; -ms-transform-origin: left top 0; } @media (max-width: 1399.98px) { .row.row-grid { margin-left: -8px; margin-right: -8px; } } @media (max-width: 1399.98px) { .row.row-grid > div { padding-right: 8px; padding-left: 8px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } } @media (max-width: 1199.98px) { .row.row-grid > div { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (max-width: 849.98px) { .row.row-grid > div { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (max-width: 767.98px) { .row.row-grid > div { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (max-width: 575.98px) { .row.row-grid > div { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .text-sm { font-size: 14px !important; } .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; } .small, small { font-size: 80%; font-weight: 400; } a { color: #2E3842; } a:hover { color: #09dca4; } a:hover, a:focus, a.active { outline: none; text-decoration: none; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { box-shadow: 0 0 0px 1000px white inset !important; -webkit-box-shadow: 0 0 0px 1000px white inset !important; } input[type=text], input[type=password] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input, button, a { -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } button:focus { outline: 0; } .btn:focus, .btn.focus { box-shadow: inherit; } .form-control { border-color: #dcdcdc; color: #333333; font-size: 15px; min-height: 46px; padding: 11px 15px; } .form-control:focus { border-color: #bbb; box-shadow: none; outline: 0 none; } .form-control::-webkit-input-placeholder, .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-ms-input-placeholder, .form-control::placeholder { color: #858585; font-size: 14px; } .form-control::placeholder { color: #858585; font-size: 14px; } .table .form-control { font-size: 14px; min-height: 38px; } .list-group-item { border: 1px solid #f0f0f0; } @media (max-width: 991.98px) { .container { max-width: 100%; } } .form-custom { position: relative; } .form-custom i { color: #DD2D4E; position: absolute; top: 35%; right: 15px; } p:last-child�0�2 { margin-bottom: 0; } /*** default values ***/ /***** custom values *****/ /***** Grid Values *****/ /** Extends **/ .upload-wrap, .login-page .login-right, .listing-day, .doctor-action, .doc-times, .css-equal-heights, .css-equal-content { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .css-equal-content { color: red; float: left; } .time-slot li .timing, .consultation-types a, .coming-soon-info, .widget-setcount .step-icon, .widget-setcount .step-box, .signup-arrow, .why-choose-icon span, .about-contact-icon span, .pricing-icon span, .plan-choose-info, .product-custom .cart-icon, .section-search-pharmacy .banner-wrapper2 .search-box1 form, .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two, .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img .facts-content-sixteen .facts-content-one, .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img, .facts-section-sixteen .facts-section-all .facts-content-all ul li, .item.item-fifteen .doctor-profile-widget .doc-pro-img .doctor-amount .fav-icon, .doc-content-fift .rate-fifteen ul li, .doc-content-fift .rate-fifteen ul, .doc-content-fift .rate-fifteen .rate-four, .Patients-section-fifteen .service-patient-inflict .clients-fifteen-span, .Patients-section-fifteen .service-patient-inflict .service-patient-inflictimg, .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg a .playicon span, .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content, .section-header-thirteen, .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li .choose-us-content-thirteen .chooseus-contents, .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content p i, .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all, .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content, .testi-img .testi-icon, .faq-wrap ul li a span, .count-box .count-icon, .center-img .center-service span, .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-img .hexogen, .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-item, .book-section .book-best-doctors .book-header .img-overlay, .browse-section .brower-box > div .brower-img, .clinic-specialities .special-box:hover .special-body, .doctor-category .pop-box .body-section, .doctor-category .pop-box .top-section i, .doctor-category .pop-box .top-section, .doctor-widget-one .clinic-booking .btn-primary-light, .view-icons a, .voice-call-avatar, .toggle-password-sub, .pass-group .toggle-password, .login-content-info .account-content .social-login-btn .btn, .increment-decrement .input-groups input[type=button], .profile-pic-upload .cam-col, .step-list ul li a, .call-box .call-wrapper .call-items, .chat-attachment-item, .chat-window .chat-cont-right .chat-header .notify-block .media-img-wrap, .chat-window .chat-cont-right .chat-header, .chat-window, .signature, .btn.btn-danger.trash, .time-slot.time-slot-blk li .timing, .visits span.visit-rsn:before, .hours-info .btn.btn-danger.trash, .blogs-section .blog-wrapper .wrap-content .date-cart, .partners-slider li a, .work-info .work-icon span, .specialities-section-one .specialities-img span, .specialities-section-one .specialities-item, .profile-widget .fav-btn, .section-specialities .specialities-slider .speicality-item .speicality-img span, .footer.footer-one.footer-sixteen .footer-bottom .copyright .copyright-menu ul li a, .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .social-icon ul li a, .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .user-details-fift ul li .contact-fifteen .contact-form-fift, .footer-contacts .footer-wrap .footer-icon, .footer-three .social-icon ul li a, .footer-one .footer-top .footer-widget .footer-contact-info .footer-address p, .header.header-fourteen .header-nav .header-navbar-rht li.searchbar-fourteen a, .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.searchbar-fourteen, .header.header-ten .main-menu-wrapper .main-nav .register-btn, .header.header-ten .main-menu-wrapper .main-nav li .btn.log-btn, .header.header-ten .main-menu-wrapper .main-nav li .btn.reg-btn, .header-one .main-menu-wrapper .main-nav .register-btn, .header-one .main-menu-wrapper .main-nav li .btn.log-btn, .header-one .main-menu-wrapper .main-nav li .btn.reg-btn, .header.custom .header-navbar-rht.right-menu .header-contact-img i, .header .header-nav, .custom-medicalrecord-modal .modal-content .upload-medical-records .dropzone, .brower-box a, .clinic-slider .profile-widget .brower-box .arrow, .browse-slider .profile-widget .brower-box .arrow, .book-slider .profile-widget .brower-box .arrow, .clinic-slider .profile-widget .brower-box a, .browse-slider .profile-widget .brower-box a, .book-slider .profile-widget .brower-box a, .slick-dots .slick-dots li, .dot-slider .slick-dots li, .align-center { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .form-group-flex, .otp-info, .otp-box .forms-block, .signup-option-btns .signup-btn-info, .booking-list, .doc-content-fift .fift-bottom-content, .doc-content-fift .rate-fifteen, .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom .doc-content-split, .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content .our-doctor-content-inner, .store-item .store-content .price-tag, .testi-users, .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay, .doctor-filter-inner, .booking-doctor-details, .faq-patients-count, .doc-pro-info, .footer-three .footer-bottom .copyright .footer-language, .header.header-ten .header-nav, .header-one .header-nav { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; } .terms-btn .btn, .otp-sec p, .testimonial-slider .slick-prev, .testimonial-slider .slick-next, .special-item .special-icon a, .doctor-profile-widget.doc-grid .favourite-btn .favourite-icon, .doctor-widget-one .favourite-btn .favourite-icon, .doctor-filter-sort .nav li a, .faq-info .accordion-button:after, .reviews-ratings span, .slide-nav-1 button.owl-next, .slide-nav-1 button.owl-prev, .slide-nav-2 button.owl-next, .slide-nav-2 button.owl-prev { display: inline-flex; display: -webkit-inline-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .widget-setcount ul, .onboarding-content .increment-decrement .input-groups input[type=button], .relative-form, .option-set, .select-gender-option, .onboarding-contents, .opt-resend, .set-path, .prefer-box, .call-lable.verify-lable.verify-options, .call-lable.verify-lable.verify-lable, .call-lable, .consult-option, .save-detail, .upload-pic.patient-photo-upload, .upload-pic, .onboarding-content-box.content-wrap, .onboarding-progress, .on-board-wizard ul li a, #onboard-slider .owl-dots, .right-panel, .left-panel, .onboard-wrapper, .full-slide-home .slick-slide .slide-image, .full-slide-home .slick-slide > div > .col-12, .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul, .banner-wrapper .search-box-3 form, .map-listing .profile-widget, .doctor-widget-one .doc-info-left, .doctor-widget-one, .clinic-services, .doc-info-left, .doctor-widget, .call-timing, .call-details, .password-strength, .increment-decrement .input-groups, .login-bottom-copyright, .custom-increment .input-group1, chat-attachment-list, .chat-msg-attachments, .chat-window .chat-msg-info, .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .chat-window .chat-cont-right .chat-header .chat-options, .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body, .chat-window .chat-cont-left .chat-search .input-group .input-group-prepend, .chat-window .chat-cont-left .chat-header, .patient-graph-col .graph-box .graph-status-result, .patient-graph-col .graph-box, .patient-graph-box, .patient-dashboard-top, .change-avatar, .profile-info-widget, .dash-card .dash-widget, .upload-wrap, .review-listing > ul li .comment .comment-body .meta-data .review-count, .review-listing > ul li .comment, .appointments .appointment-list, .appointment-list .profile-info-widget, .booking-device, .success-page-cont, .booking-doc-info, .work-info, .section-search .banner-wrapper .search-box form, .footer-two .footer-top .footer-widget .footer-contact-info .footer-address, .footer-one .footer-top .footer-widget .footer-contact-info .footer-address, .footer .footer-top .footer-widget .footer-contact-info .footer-address, .header.header-ten .main-menu-wrapper .main-nav, .header-one .main-menu-wrapper .main-nav, .header .header-nav .header-navbar-rht .has-arrow .user-header, .header .header-nav .header-navbar-rht .dropdown-menu .dropdown-item, .header .header-nav .main-nav, .header .header-nav, .avatar .avatar-title { display: -webkit-box; display: -ms-flexbox; display: flex; } .success-btn .btn, .terms-section .terms-content .terms-text.terms-list p, .error-content .btn, .way-inner-header .btn, .breadcrumb-bar-two .page-breadcrumb ol, .booking-btn .btn, .doctor-search-section.doctor-search-eleven .banner-header .btn, .breadcrumb-bar-one .page-breadcrumb ol, .specialities-section-one .specialities-btn .btn, .footer-one .social-icon ul li a, .footer-one .social-icon ul, .footer-two .footer-top .footer-widget .footer-about-content .social-icon ul li a, .footer-two .footer-top .footer-widget .footer-about-content .social-icon ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .booking-date, .consultation-types, .contact-card .card-body, .signup-info, .testimonial-info, .about-contact, .pricing-header-info, .booking-doctor-right p, .booking-doctor-left, .faq-wrap ul li a, .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay .blog-name, .count-box, .doctor-widget-one .clini-infos ul li, .doctor-widget-one .doc-location, .doctor-filter-sort, .doctor-filter-option, .doctor-filter-availability, .filter-grid h4 a, .booking-range .btn, .booking-date.choose-date-book, .articles-info, .doc-pro-location p, .footer-contacts .footer-wrap, .footer-one .footer-top .footer-widget.footer-menu ul li a, .flag-dropdown .dropdown-menu .dropdown-item, .flag-dropdown .dropdown-toggle { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .success-dashboard-link a, .custom_radio, .booking-date-list ul li span, .center-img .center-service, .doctor-widget-one .doc-name, .login-content-info .account-content .login-back a, .back-link a, .articles-content .articles-list li, .reviews-ratings p { display: inline-flex; display: -webkit-inline-flex; align-items: center; -webkit-align-items: center; } .widget-setcount ul, .booking-list { flex-wrap: wrap; -webkit-flex-wrap: wrap; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-item, .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .specialities-section-one .specialities-item { flex-direction: column; } .flag-dropdown .dropdown-toggle { justify-content: start; -webkit-justify-content: start; } .widget-setcount ul, .relative-form, .prefer-box, .onboarding-content-box.content-wrap, .left-panel { justify-content: space-between; -webkit-justify-content: space-between; } .terms-section .terms-content .terms-text.terms-list p, .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .chat-window .chat-cont-right .chat-header, .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body, .chat-window .chat-cont-left .chat-header, .listing-day, .header.header-ten .menu-header, .header-one .menu-header, .header .header-nav .menu-header, .header .header-nav { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .store-tab, .doctor-divison .pat-background, .doctor-divison .doc-background, .login-bottom-copyright, .custom-increment.cart .input-group1, .btn-file, .chat-attachment-item, .chat-window .chat-cont-right .chat-header .chat-options > a, .success-cont i, .hours-info .btn.btn-danger.trash, .profile-widget .fav-btn, .section-specialities .specialities-slider .speicality-item .speicality-img span, .header .header-nav .header-navbar-rht li, .avatar .avatar-title, .btn-icon { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .increment-decrement .input-groups, .login-page .login-right, .btn-file, .chat-window .chat-msg-info, .chat-window .chat-cont-right .chat-header .chat-options > a, .chat-window .chat-cont-right .chat-header .notify-block, .chat-window .chat-cont-left .chat-search .input-group .input-group-prepend, .chat-window .chat-cont-left .chat-header, .signature, .change-avatar, .dash-card .dash-widget, .btn.btn-danger.trash, .appointments .appointment-action, .success-cont i, .success-page-cont, .header.header-ten .menu-header, .header-one .menu-header, .header .header-nav .header-navbar-rht .has-arrow.logged-item .nav-link, .header .header-nav .header-navbar-rht .has-arrow .logged-item .nav-link, .header .header-nav .header-navbar-rht .dropdown-menu .dropdown-item, .header .header-nav .header-navbar-rht li, .header .header-nav .menu-header, table.table td h2.table-avatar, table.table td h2 .table-avatar, .avatar .avatar-title, .btn-icon { align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .listing-day { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .doctor-divison .pat-background, .doctor-divison .doc-background, .btn-file, .chat-window .chat-cont-right .chat-header .chat-options > a, .chat-window .chat-cont-left .chat-header .chat-compose, .appointments .appointment-action, .success-cont i, .profile-widget .fav-btn, .section-specialities .specialities-slider .speicality-item .speicality-img span, .footer .footer-top .footer-widget .footer-about-content .social-icon ul li a, .footer .footer-top .footer-widget .footer-about-content .social-icon ul, .header .header-nav .header-navbar-rht .has-arrow.logged-item .nav-link, .header .header-nav .header-navbar-rht .has-arrow .logged-item .nav-link, .header .header-nav .header-navbar-rht li, table.table td h2.table-avatar, table.table td h2 .table-avatar, .avatar-group, .btn-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .widget-setcount ul, .onboarding-content .increment-decrement .input-groups input[type=button], .relative-form, .option-set, .select-gender-option, .onboarding-contents, .opt-resend, .set-path, .prefer-box, .call-lable.verify-lable.verify-options, .call-lable.verify-lable.verify-lable, .call-lable, .consult-option, .save-detail, .upload-pic.patient-photo-upload, .upload-pic, .onboarding-content-box.content-wrap, .onboarding-progress, .on-board-wizard ul li a, #onboard-slider .owl-dots, .right-panel, .left-panel, .onboard-wrapper, .full-slide-home .slick-slide .slide-image, .full-slide-home .slick-slide > div > .col-12, .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul, .banner-wrapper .search-box-3 form, .map-listing .profile-widget, .doctor-widget-one .doc-info-left, .doctor-widget-one, .clinic-services, .doc-info-left, .doctor-widget, .call-timing, .call-details, .password-strength, .increment-decrement .input-groups, .login-bottom-copyright, .custom-increment .input-group1, chat-attachment-list, .chat-msg-attachments, .chat-window .chat-msg-info, .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .chat-window .chat-cont-right .chat-header .chat-options, .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body, .chat-window .chat-cont-left .chat-search .input-group .input-group-prepend, .chat-window .chat-cont-left .chat-header, .patient-graph-col .graph-box .graph-status-result, .patient-graph-col .graph-box, .patient-graph-box, .patient-dashboard-top, .change-avatar, .profile-info-widget, .dash-card .dash-widget, .upload-wrap, .review-listing > ul li .comment .comment-body .meta-data .review-count, .review-listing > ul li .comment, .appointments .appointment-list, .appointment-list .profile-info-widget, .booking-device, .success-page-cont, .booking-doc-info, .work-info, .section-search .banner-wrapper .search-box form, .footer-two .footer-top .footer-widget .footer-contact-info .footer-address, .footer-one .footer-top .footer-widget .footer-contact-info .footer-address, .footer .footer-top .footer-widget .footer-contact-info .footer-address, .header.header-ten .main-menu-wrapper .main-nav, .header-one .main-menu-wrapper .main-nav, .header .header-nav .header-navbar-rht .has-arrow .user-header, .header .header-nav .header-navbar-rht .dropdown-menu .dropdown-item, .header .header-nav .main-nav, .header .header-nav, .avatar .avatar-title { display: -webkit-box; display: -ms-flexbox; display: flex; } .payment-radio, .custom_radio, .custom_check, .slick-slider { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .right-panel, .section-search-pharmacy .banner-wrapper2 .search-box1 form, .full-slide-home .slick-slide > div > .col-12, .clinic-services, .chat-window .chat-msg-info, .patient-graph-col .graph-box .graph-status-result, .patient-graph-col .graph-box, .appointments .appointment-list, .schedule-nav .nav-tabs, .post-left ul, .header.header-ten .header-nav, .header-one .header-nav, .header .header-nav, .custom-medicalrecord-modal .modal-content .upload-medical-records .dropzone { -ms-flex-wrap: wrap; flex-wrap: wrap; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-item, .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .specialities-section-one .specialities-item { -ms-flex-direction: column; flex-direction: column; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .patient-graph-col .graph-box .graph-status-result { justify-content: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .patient-graph-col .graph-box .graph-status-result { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } .upload-wrap, .day-week-month-col ul, .payment-menthods ul, .step-list ul, .header-top ul { list-style: none; padding: 0; margin: 0; } .col { width: auto; padding-left: 15px; padding-right: 15px; float: left; position: relative; min-height: 1px; } @media (min-width: 320px) { .col.col-xs-12 { width: 100%; } .col.col-xs-11 { width: 91.66666667%; } .col.col-xs-10 { width: 83.33333333%; } .col.col-xs-9 { width: 75%; } .col.col-xs-8 { width: 66.66666667%; } .col.col-xs-7 { width: 58.33333333%; } .col.col-xs-6 { width: 50%; } .col.col-xs-5 { width: 41.66666667%; } .col.col-xs-4 { width: 33.33333333%; } .col.col-xs-3 { width: 25%; } .col.col-xs-2 { width: 16.66666667%; } .col.col-xs-1 { width: 8.33333333%; } } @media (min-width: 568px) { .col.col-sm-12 { width: 100%; } .col.col-sm-11 { width: 91.66666667%; } .col.col-sm-10 { width: 83.33333333%; } .col.col-sm-9 { width: 75%; } .col.col-sm-8 { width: 66.66666667%; } .col.col-sm-7 { width: 58.33333333%; } .col.col-sm-6 { width: 50%; } .col.col-sm-5 { width: 41.66666667%; } .col.col-sm-4 { width: 33.33333333%; } .col.col-sm-3 { width: 25%; } .col.col-sm-2 { width: 16.66666667%; } .col.col-sm-1 { width: 8.33333333%; } } @media (min-width: 768px) { .col.col-md-12 { width: 100%; } .col.col-md-11 { width: 91.66666667%; } .col.col-md-10 { width: 83.33333333%; } .col.col-md-9 { width: 75%; } .col.col-md-8 { width: 66.66666667%; } .col.col-md-7 { width: 58.33333333%; } .col.col-md-6 { width: 50%; } .col.col-md-5 { width: 41.66666667%; } .col.col-md-4 { width: 33.33333333%; } .col.col-md-3 { width: 25%; } .col.col-md-2 { width: 16.66666667%; } .col.col-md-1 { width: 8.33333333%; } } @media (min-width: 1024px) { .col.col-lg-12 { width: 100%; } .col.col-lg-11 { width: 91.66666667%; } .col.col-lg-10 { width: 83.33333333%; } .col.col-lg-9 { width: 75%; } .col.col-lg-8 { width: 66.66666667%; } .col.col-lg-7 { width: 58.33333333%; } .col.col-lg-6 { width: 50%; } .col.col-lg-5 { width: 41.66666667%; } .col.col-lg-4 { width: 33.33333333%; } .col.col-lg-3 { width: 25%; } .col.col-lg-2 { width: 16.66666667%; } .col.col-lg-1 { width: 8.33333333%; } } /******* COMPONENTS ******/ .view-btn { color: #0de0fe; font-size: 13px; border: 2px solid #0de0fe; text-align: center; display: block; font-weight: 500; padding: 6px; } .view-btn:hover, .view-btn:focus { background-color: #0de0fe; color: #ffffff; } .book-btn { background-color: #0de0fe; border: 2px solid #0de0fe; color: #ffffff; font-size: 13px; text-align: center; display: block; font-weight: 500; padding: 6px; } .book-btn:hover, .book-btn:focus { background-color: #01cae4; border-color: #01cae4; color: #ffffff; } .submit-btn-bottom { margin-bottom: 30px; } @media (max-width: 767.98px) { .submit-btn-bottom { margin-bottom: 20px; } } @media (max-width: 575.98px) { .submit-btn-bottom { margin-bottom: 0.9375rem; } } .bg-info-light { background-color: rgba(2, 182, 179, 0.12) !important; color: #1db9aa !important; } .bg-primary-light { background-color: rgba(17, 148, 247, 0.12) !important; color: #2196f3 !important; } .bg-danger-light { background-color: rgba(242, 17, 54, 0.12) !important; color: #e63c3c !important; } .bg-warning-light { background-color: rgba(255, 152, 0, 0.12) !important; color: #f39c12 !important; } .bg-success-light { background-color: rgba(15, 183, 107, 0.12) !important; color: #26af48 !important; } .bg-purple-light { background-color: rgba(197, 128, 255, 0.12) !important; color: #c580ff !important; } .bg-default-light { background-color: rgba(40, 52, 71, 0.12) !important; color: #283447 !important; } .change-photo-btn { background-color: #20c0f3; color: #ffffff; cursor: pointer; display: block; font-size: 13px; font-weight: 600; position: relative; text-align: center; width: 220px; -webkit-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; border-radius: 50px; margin: 0 auto; padding: 10px 15px; } .btn-icon { text-align: center; font-size: 10px; width: 20px; height: 20px; padding: 0; position: absolute; top: 3px; right: 3px; } .btn-facebook { background-color: #3a559f; color: #ffffff; font-size: 13px; padding: 8px 12px; } a.btn.btn-google.w-100:hover { background: #dd4b39; } a.btn.btn-facebook.w-100:hover { background-color: #3a559f; } .btn-google { background-color: #dd4b39; color: #ffffff; font-size: 13px; padding: 8px 12px; } .view-inv-btn { font-size: 16px; font-weight: 700; padding: 12px 30px; } @media (max-width: 767.98px) { .view-inv-btn { font-size: 14px; padding: 10px 30px; } } .banner-btn { background: #1C5B90; border-radius: 130px; color: #ffffff; font-weight: 600; font-size: 14px; padding: 20px 30px; width: 100%; } .banner-btn:hover { background: #10DEFD; color: #ffffff; } .book-btn1 { background-color: #0de0fe; border: 2px solid #0de0fe; color: #ffffff; font-size: 16px; text-align: center; font-weight: 500; padding: 6px 10px; } .book-btn1:hover { background-color: #01cae4; border-color: #01cae4; color: #ffffff; } .search-btn { width: 100%; margin-top: 15px; } @media (max-width: 575.98px) { .mobile-profile-btn-top { position: absolute; top: 9px; } } .mouse-cursor { position: fixed; top: 0; left: 0; pointer-events: none; border-radius: 50%; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); visibility: hidden; } .cursor-inner { margin-left: -4px; margin-top: -4px; width: 10px; height: 10px; z-index: 10000001; background: #0E82FD !important; -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out; } .cursor-inner.cursor-hover { margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; background: #0E82FD !important; opacity: 0.1; } .cursor-outer { margin-left: -15px; margin-top: -15px; width: 30px; height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10000000; opacity: 0.5; border: 2px solid #0E82FD; transform: all 0.08s ease-out; -webkit-transform: all 0.08s ease-out; -ms-transform: all 0.08s ease-out; } .cursor-outer.cursor-hover { opacity: 0; } .mim_tm_all_wrap[data-magic-cursor=hide] .mouse-cursor { display: none; opacity: 0; visibility: hidden; position: absolute; z-index: -1111; } .progress-wrap { position: fixed; right: 25px; bottom: 25px; height: 35px; width: 35px; cursor: pointer; display: block; border-radius: 50%; box-shadow: inset 0 0 0 2px rgba(75, 64, 237, 0.2); z-index: 99; opacity: 0; visibility: hidden; -webkit-transition: all 200ms linear; transition: all 200ms linear; transform: translateY(15px); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); } .progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0); } .progress-wrap::after { position: absolute; content: "\f062"; font-family: "FontAwesome"; text-align: center; line-height: 35px; font-size: 17px; color: #0E82FD; left: 0; top: 0; height: 35px; width: 35px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .progress-wrap svg path { fill: none; } .progress-wrap svg.progress-circle path { stroke: #0E82FD; stroke-width: 4; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .check { display: block; margin: 0; padding: 0; width: 0; height: 0; visibility: hidden; opacity: 0; pointer-events: none; position: absolute; } .check:checked + .checktoggle { background-color: #008F64; border: 1px solid #008F64; } .check:checked + .checktoggle:after { background-color: #ffffff; left: 100%; transform: translate(calc(-100% - 5px), -50%); -webkit-transform: translate(calc(-100% - 5px), -50%); -ms-transform: translate(calc(-100% - 5px), -50%); } .checktoggle { background-color: #FF3535; border: 1px solid #FF3535; border-radius: 12px; cursor: pointer; display: block; font-size: 0; height: 24px; margin-bottom: 0; position: relative; width: 42px; } .checktoggle:after { content: " "; display: block; position: absolute; top: 50%; left: 0; transform: translate(5px, -50%); -webkit-transform: translate(5px, -50%); -ms-transform: translate(5px, -50%); width: 14px; height: 14px; background-color: #ffffff; border-radius: 50%; transition: left 300ms ease, transform 300ms ease; } .status-toggle .check:checked + .checktoggle { background-color: #28a745; border: 1px solid #28a745; } .status-toggle .check:checked + .checktoggle:after { transform: translate(calc(-100% - 2px), -50%); -webkit-transform: translate(calc(-100% - 2px), -50%); -ms-transform: translate(calc(-100% - 2px), -50%); } .status-toggle .checktoggle { width: 41px; height: 21px; } .status-toggle .checktoggle::after { width: 17px; height: 17px; transform: translate(2px, -50%); -webkit-transform: translate(2px, -50%); -ms-transform: translate(2px, -50%); } .status-tog .checktoggle { height: 28px; width: 50px; border-radius: 999px; background-color: #F3F4F6; border-color: #F3F4F6; } .status-tog .checktoggle:before { content: " "; display: block; position: absolute; top: 50%; right: 0; background-image: url(../img/icons/check.svg); background-repeat: no-repeat; background-size: 11px 20px; width: 20px; height: 20px; transform: translate(3px, -50%); } .status-tog .checktoggle:after { width: 24px; height: 24px; background-image: url(../img/icons/x-icon.svg); background-repeat: no-repeat; background-size: 12px 21px; transform: translate(1px, -50%); background-position: center; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.06); } .status-tog .check:checked + .checktoggle:before { content: " "; display: block; position: absolute; left: 0; background-image: url(../img/icons/x-icon.svg); background-repeat: no-repeat; background-size: 13px 21px; width: 20px; height: 20px; filter: brightness(0) invert(1); } .status-tog .check:checked + .checktoggle:after { background-image: url(../img/icons/check.svg); background-repeat: no-repeat; background-size: 12px 21px; transform: translate(calc(-100% - 1px), -50%); background-position: center; } .bootstrap-tagsinput { display: block; border-radius: 5px; background: #ffffff; border: 1px solid #E4E4E8; height: 46px; margin: 0; padding: 4px 10px 0 10px; width: 100%; box-shadow: none; overflow-y: auto; } .bootstrap-tagsinput .tag { margin-right: 5px; margin-bottom: 2px; color: #A9A9A9; background: #F4F4F4 !important; font-size: 12px; font-weight: 500; border-radius: 5px; } .bootstrap-tagsinput .tag:hover { color: #A9A9A9; } .bootstrap-tagsinput .tag [data-role=remove] { position: relative; left: 7px; cursor: pointer; } .bootstrap-tagsinput .tag [data-role=remove]:after { content: "x"; margin: 0; padding: 0px 2px; } .bootstrap-tagsinput input { line-height: 36px; border: 1px solid transparent; background: transparent; } .bootstrap-tagsinput input:focus-visible { border: 1px solid transparent; } /****** LAYOUT ******/ .btn.focus, .btn:focus { box-shadow: unset; } .btn.btn-rounded { border-radius: 50px; } .btn-white { background-color: #ffffff; border: 1px solid #cccccc; color: #272b41; } .bg-primary, .badge-primary { background-color: #09e5ab !important; } a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: #09dca4 !important; } .bg-success, .badge-success { background-color: #00e65b !important; } a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: #00cc52 !important; } .bg-info, .badge-info { background-color: #009efb !important; } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: #028ee1 !important; } .bg-warning, .badge-warning { background-color: #ffbc34 !important; } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: #e9ab2e !important; } .bg-danger, .badge-danger { background-color: #ff0100 !important; } a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: #e63333 !important; } .bg-white { background-color: #ffffff; } .bg-purple, .badge-purple { background-color: #9368e9 !important; } .text-primary { color: #09e5ab !important; } .dropdown-menu li > a.text-primary { color: #09e5ab !important; } .dropdown-menu li > a.text-success { color: #00cc52 !important; } .dropdown-menu li > a.text-danger { color: #ff0100 !important; } .dropdown-menu li > a.text-info { color: #009efb !important; } .dropdown-menu li > a.text-warning { color: #ffbc34 !important; } .dropdown-menu li > a.text-purple { color: #7460ee !important; } .text-success { color: #00cc52 !important; } .text-danger { color: #ff0100 !important; } .text-info { color: #009efb !important; } .text-warning { color: #ffbc34 !important; } .text-purple { color: #7460ee !important; } .text-muted { color: #757575 !important; } .btn-primary { background-color: #09e5ab; border: 1px solid #ffffff; } .btn-primary:focus, .btn-primary:hover, .btn-primary:active, .btn-primary.active { color: #ffffff; background-color: #09dca4; border-color: #09dca4; } .btn-primary:focus .open > .dropdown-toggle.btn-primary, .btn-primary:hover .open > .dropdown-toggle.btn-primary, .btn-primary:active .open > .dropdown-toggle.btn-primary, .btn-primary.active .open > .dropdown-toggle.btn-primary { background-color: #09dca4; border: 1px solid #ffffff; } .btn-primary.active.focus .open > .dropdown-toggle.btn-primary.focus, .btn-primary.active.focus .open > .dropdown-toggle.btn-primary:focus, .btn-primary.active.focus .open > .dropdown-toggle.btn-primary:hover, .btn-primary.active:focus .open > .dropdown-toggle.btn-primary.focus, .btn-primary.active:focus .open > .dropdown-toggle.btn-primary:focus, .btn-primary.active:focus .open > .dropdown-toggle.btn-primary:hover, .btn-primary.active:hover .open > .dropdown-toggle.btn-primary.focus, .btn-primary.active:hover .open > .dropdown-toggle.btn-primary:focus, .btn-primary.active:hover .open > .dropdown-toggle.btn-primary:hover, .btn-primary .focus.focus .open > .dropdown-toggle.btn-primary.focus, .btn-primary .focus.focus .open > .dropdown-toggle.btn-primary:focus, .btn-primary .focus.focus .open > .dropdown-toggle.btn-primary:hover, .btn-primary .focus:focus .open > .dropdown-toggle.btn-primary.focus, .btn-primary .focus:focus .open > .dropdown-toggle.btn-primary:focus, .btn-primary .focus:focus .open > .dropdown-toggle.btn-primary:hover, .btn-primary .focus:hover .open > .dropdown-toggle.btn-primary.focus, .btn-primary .focus:hover .open > .dropdown-toggle.btn-primary:focus, .btn-primary .focus:hover .open > .dropdown-toggle.btn-primary:hover { background-color: #09dca4; border: 1px solid #09dca4; } .btn-primary:active:focus, .btn-primary:active:hover { background-color: #09dca4; border: 1px solid #09dca4; } .btn-primary .active:not(:disabled):not(.disabled), .btn-primary:active:not(:disabled):not(.disabled) { background-color: #09dca4; border-color: #09dca4; color: #ffffff; } .btn-primary .active:focus:not(:disabled):not(.disabled), .btn-primary:active:focus:not(:disabled):not(.disabled) { box-shadow: unset; } .btn-primary .show > .btn-primary.dropdown-toggle { background-color: #09dca4; border-color: #09dca4; color: #ffffff; } .btn-primary .show > .btn-primary.dropdown-toggle:focus { box-shadow: unset; } .btn-primary.disabled, .btn-primary:disabled { background-color: #09e5ab; border-color: #09e5ab; color: #ffffff; } .btn-secondary.active:focus :not(:disabled):not(.disabled), .btn-secondary:active:focus :not(:disabled):not(.disabled) { box-shadow: unset; } .show > .btn-secondary.dropdown-toggle:focus { box-shadow: unset; } .show > .btn-success.dropdown-toggle { background-color: #00cc52; border-color: #00cc52; color: #ffffff; } .show > .btn-success.dropdown-toggle:focus { box-shadow: unset; } .show > .btn-info.dropdown-toggle { background-color: #028ee1; border-color: #028ee1; color: #ffffff; } .show > .btn-info.dropdown-toggle:focus { box-shadow: unset; } .show > .btn-warning.dropdown-toggle { background-color: #e9ab2e; border-color: #e9ab2e; color: #ffffff; } .show > .btn-warning.dropdown-toggle:focus { box-shadow: unset; } .show > .btn-danger.dropdown-toggle { background-color: #e63333; border-color: #e63333; color: #ffffff; } .show > .btn-danger.dropdown-toggle:focus { box-shadow: unset; } .show > .btn-light.dropdown-toggle:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: unset; } .show > .btn-outline-primary.dropdown-toggle { background-color: #09e5ab; border-color: #09e5ab; } .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: none; } .show > .btn-outline-success.dropdown-toggle { background-color: #00e65b; border-color: #00e65b; } .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: none; } .show > .btn-outline-info.dropdown-toggle { background-color: #009efb; border-color: #009efb; } .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: none; } .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffbc34; border-color: #ffbc34; } .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: none; } .show > .btn-outline-danger.dropdown-toggle { color: #212529; background-color: #ffbc34; border-color: #ffbc34; } .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: none; } .btn-success { background-color: #00e65b; border: 1px solid #00e65b; } .btn-success:hover, .btn-success:focus .btn-success.active, .btn-success:active { background-color: #00cc52; border: 1px solid #00cc52; color: #ffffff; } .btn-success .open > .dropdown-toggle.btn-success { background-color: #00cc52; border: 1px solid #00cc52; color: #ffffff; } .btn-success .open > .dropdown-toggle.btn-success.focus, .btn-success .open > .dropdown-toggle.btn-success:hover, .btn-success .open > .dropdown-toggle.btn-success:focus { background-color: #00cc52; border: 1px solid #00cc52; } .btn-success.active:focus, .btn-success.active.focus, .btn-success.active:hover, .btn-success.focus, .btn-success:active:focus, .btn-success:active:hover { background-color: #00cc52; border: 1px solid #00cc52; } .btn-success.active:not(:disabled):not(.disabled), .btn-success:active:not(:disabled):not(.disabled) { background-color: #00cc52; border-color: #00cc52; color: #ffffff; } .btn-success.active:focus:not(:disabled):not(.disabled), .btn-success:active:focus:not(:disabled):not(.disabled) { box-shadow: unset; } .btn-success.disabled, .btn-success:disabled { background-color: #00e65b; border-color: #00e65b; color: #ffffff; } .btn-info { background-color: #009efb; border: 1px solid #009efb; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active { background-color: #028ee1; border: 1px solid #028ee1; } .btn-info.active:focus, .btn-info.active.focus, .btn-info.active:hover, .btn-info.focus, .btn-info:active:focus, .btn-info:active:hover { background-color: #028ee1; border: 1px solid #028ee1; } .btn-info.active:not(:disabled):not(.disabled), .btn-info:active:not(:disabled):not(.disabled) { background-color: #028ee1; border-color: #028ee1; color: #ffffff; } .btn-info.active:not(:disabled):not(.disabled):focus, .btn-info:active:not(:disabled):not(.disabled):focus { box-shadow: unset; } .btn-info.disabled, .btn-info:disabled { background-color: #009efb; border-color: #009efb; color: #ffffff; } .btn-warning { background-color: #ffbc34; border: 1px solid #ffbc34; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active { background-color: #e9ab2e; border: 1px solid #e9ab2e; } .btn-warning.active:focus, .btn-warning.active.focus, .btn-warning.active:hover, .btn-warning.focus, .btn-warning:active:focus, .btn-warning:active:hover { background-color: #e9ab2e; border: 1px solid #e9ab2e; } .btn-warning.active:not(:disabled):not(.disabled), .btn-warning:active:not(:disabled):not(.disabled) { background-color: #e9ab2e; border-color: #e9ab2e; color: #ffffff; } .btn-warning.active:not(:disabled):not(.disabled):focus, .btn-warning:active:not(:disabled):not(.disabled):focus { box-shadow: unset; } .btn-warning.disabled, .btn-warning:disabled { background-color: #ffbc34; border-color: #ffbc34; color: #ffffff; } .btn-danger { background-color: #ff0100; border: 1px solid #ff0100; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active { background-color: #e63333; border: 1px solid #e63333; } .btn-danger.active:focus, .btn-danger.active.focus, .btn-danger.active:hover, .btn-danger.focus, .btn-danger:active:focus, .btn-danger:active:hover { background-color: #e63333; border: 1px solid #e63333; } .btn-danger.active:not(:disabled):not(.disabled), .btn-danger:active:not(:disabled):not(.disabled) { background-color: #e63333; border-color: #e63333; color: #ffffff; } .btn-danger.active:not(:disabled):not(.disabled):focus, .btn-danger:active:not(:disabled):not(.disabled):focus { box-shadow: unset; } .btn-danger.disabled, .btn-danger:disabled { background-color: #ff0100; border-color: #ff0100; color: #ffffff; } .open > .dropdown-toggle.btn-info { background-color: #028ee1; border: 1px solid #028ee1; } .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover { background-color: #028ee1; border: 1px solid #028ee1; } .open > .dropdown-toggle.btn-warning { background-color: #e9ab2e; border: 1px solid #e9ab2e; } .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover { background-color: #e9ab2e; border: 1px solid #e9ab2e; } .open > .dropdown-toggle.btn-danger { background-color: #e63333; border: 1px solid #e63333; } .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover { background-color: #e63333; border: 1px solid #e63333; } .btn-light.active:focus:not(:disabled):not(.disabled), .btn-light:active:focus:not(:disabled):not(.disabled), .btn-dark.active:focus:not(:disabled):not(.disabled), .btn-dark:active:focus:not(:disabled):not(.disabled) { box-shadow: unset; } .btn-outline-primary { color: #09e5ab; border-color: #09e5ab; } .btn-outline-primary:hover { background-color: #09e5ab; border-color: #09e5ab; } .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: none; } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #09e5ab; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active { background-color: #09e5ab; border-color: #09e5ab; } .btn-outline-success { color: #00e65b; border-color: #00e65b; } .btn-outline-success:hover { background-color: #00e65b; border-color: #00e65b; } .btn-outline-success.focus, .btn-outline-success:focus { box-shadow: none; } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #00e65b; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active { background-color: #00e65b; border-color: #00e65b; } .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .btn-outline-info { color: #009efb; border-color: #009efb; } .btn-outline-info:hover { color: #ffffff; background-color: #009efb; border-color: #009efb; } .btn-outline-info.disabled, .btn-outline-info:disabled { background-color: transparent; color: #009efb; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: none; } .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active { background-color: #009efb; border-color: #009efb; } .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .btn-outline-warning { color: #ffbc34; border-color: #ffbc34; } .btn-outline-warning:hover { color: #212529; background-color: #ffbc34; border-color: #ffbc34; } .btn-outline-warning.disabled, .btn-outline-warning:disabled { background-color: transparent; color: #ffbc34; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: none; } .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active { background-color: #ffbc34; border-color: #ffbc34; } .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .btn-outline-danger { color: #ff0100; border-color: #ff0100; } .btn-outline-danger:hover { color: #212529; background-color: #ff0100; border-color: #ff0100; } .btn-outline-danger.disabled, .btn-outline-danger:disabled { background-color: transparent; color: #ff0100; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: none; } .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active { background-color: #ff0100; border-color: #ff0100; } .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .btn-outline-light { color: #ababab; border-color: #e6e6e6; } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #ababab; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { background-color: #20c0f3; border-color: #20c0f3; } .pagination > li > a, .pagination > li > span { color: #20c0f3; } .page-link:hover { color: #20c0f3; } .page-link:focus { box-shadow: unset; } .page-item.active .page-link { background-color: #20c0f3; border-color: #20c0f3; } .dropdown-menu { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: inherit; font-size: 14px; border-radius: 3px; transform-origin: left top 0; -webkit-transform-origin: left top 0; -ms-transform-origin: left top 0; } .dropdown-item.active, .dropdown-item:active { background-color: #0de0fe; } .navbar-nav__.open--.dropdown-menu { border: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background-color: #ffffff; } .btn-light { border-color: #e6e6e6; color: #a6a6a6; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #20c0f3; text-shadow: unset; } .bootstrap-datetimepicker-widget table td.today::before { border-bottom-color: #20c0f3; } .bg-info-light { background-color: rgba(2, 182, 179, 0.12) !important; color: #1db9aa !important; } .bg-primary-light { background-color: rgba(17, 148, 247, 0.12) !important; color: #2196f3 !important; } .bg-danger-light { background-color: rgba(242, 17, 54, 0.12) !important; color: #e63c3c !important; } .bg-warning-light { background-color: rgba(255, 152, 0, 0.12) !important; color: #f39c12 !important; } .bg-success-light { background-color: rgba(15, 183, 107, 0.12) !important; color: #26af48 !important; } .bg-purple-light { background-color: rgba(197, 128, 255, 0.12) !important; color: #c580ff !important; } .bg-default-light { background-color: rgba(40, 52, 71, 0.12) !important; color: #283447 !important; } .text-xs { font-size: 12px !important; } .text-sm { font-size: 14px !important; } .text-lg { font-size: 20px !important; } .text-xl { font-size: 24px !important; } .control-label { margin-bottom: 5px; } .avatar { position: relative; display: inline-block; width: 3rem; height: 3rem; } .avatar > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .avatar .avatar-title { width: 100%; height: 100%; background-color: #20c0f3; color: #ffffff; } .avatar.avatar-online::before { width: 25%; height: 25%; border-radius: 50%; content: ""; border: 2px solid #ffffff; position: absolute; right: 0; bottom: 0; background-color: #00e65b; } .avatar.avatar-offline::before { width: 25%; height: 25%; border-radius: 50%; content: ""; border: 2px solid #ffffff; position: absolute; right: 0; bottom: 0; background-color: #ff0100; } .avatar.avatar-away::before { width: 25%; height: 25%; border-radius: 50%; content: ""; border: 2px solid #ffffff; position: absolute; right: 0; bottom: 0; background-color: #ffbc34; } .avatar .border { border-width: 3px !important; } .avatar .rounded { border-radius: 6px !important; } .avatar .avatar-title { font-size: 18px; } .avatar .avatar-xs { width: 1.65rem; height: 1.65rem; } .avatar .avatar-xs .border { border-width: 2px !important; } .avatar .avatar-xs .rounded { border-radius: 4px !important; } .avatar .avatar-xs .avatar-title { font-size: 12px; } .avatar .avatar-xs.avatar-away::before, .avatar .avatar-xs.avatar-offline::before, .avatar .avatar-xs.avatar-online::before { border-width: 1px; } .avatar-sm { width: 2.5rem; height: 2.5rem; } .avatar-sm .border { border-width: 3px !important; } .avatar-sm .rounded { border-radius: 4px !important; } .avatar-sm .avatar-title { font-size: 15px; } .avatar-sm.avatar-away::before, .avatar-sm.avatar-offline::before, .avatar-sm.avatar-online::before { border-width: 2px; } .avatar-lg { width: 3.75rem; height: 3.75rem; } .avatar-lg .border { border-width: 3px !important; } .avatar-lg .rounded { border-radius: 8px !important; } .avatar-lg .avatar-title { font-size: 24px; } .avatar-lg.avatar-away::before, .avatar-lg.avatar-offline::before, .avatar-lg.avatar-online::before { border-width: 3px; } .avatar-xl { width: 5rem; height: 5rem; } .avatar-xl .border { border-width: 4px !important; } .avatar-xl .rounded { border-radius: 8px !important; } .avatar-xl .avatar-title { font-size: 28px; } .avatar-xl.avatar-away::before, .avatar-xl.avatar-offline::before, .avatar-xl.avatar-online::before { border-width: 4px; } .avatar-xxl { width: 5.125rem; height: 5.125rem; } @media (min-width: 768px) { .avatar-xxl { width: 8rem; height: 8rem; } } .avatar-xxl .border { border-width: 6px !important; } @media (min-width: 768px) { .avatar-xxl .border { border-width: 4px !important; } } .avatar-xxl .rounded { border-radius: 8px !important; } @media (min-width: 768px) { .avatar-xxl .rounded { border-radius: 12px !important; } } .avatar-xxl .avatar-title { font-size: 30px; } @media (min-width: 768px) { .avatar-xxl .avatar-title { font-size: 42px; } } .avatar-xxl.avatar-away::before, .avatar-xxl.avatar-offline::before, .avatar-xxl.avatar-online::before { border-width: 4px; } @media (min-width: 768px) { .avatar-xxl.avatar-away::before, .avatar-xxl.avatar-offline::before, .avatar-xxl.avatar-online::before { border-width: 4px; } } .avatar-group .avatar + .avatar { margin-left: -0.75rem; } .avatar-group .avatar:hover { z-index: 1; } .avatar-group .avatar-xs + .avatar-xs { margin-left: -0.40625rem; } .avatar-group .avatar-sm + .avatar-sm { margin-left: -0.625rem; } .avatar-group .avatar-lg + .avatar-lg { margin-left: -1rem; } .avatar-group .avatar-xl + .avatar-xl { margin-left: -1.28125rem; } .avatar-xs { width: 1.65rem; height: 1.65rem; } .select2-results__option { padding: 6px 15px; } .select2-container .select2-selection--single { border: 1px solid #dcdcdc; height: 46px; } .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 30px; padding-left: 15px; } .select2-selection.select2-selection--single { outline: none; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; right: 7px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #dcdcdc transparent transparent; border-style: solid; border-width: 6px 6px 0; height: 0; margin-left: -10px; margin-top: -2px; width: 0; position: absolute; top: 50%; left: 50%; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #272b41; font-size: 15px; font-weight: normal; line-height: 44px; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #dcdcdc; border-width: 0 6px 6px; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #20c0f3; } .select2-container--default .select2-selection--multiple { border: 1px solid #dcdcdc; min-height: 46px; } .select2-dropdown { border-color: #dcdcdc; } .breadcrumb-bar { background-color: #15558d; padding: 15px 0; } @media (max-width: 767.98px) { .breadcrumb-bar { height: auto; } } .breadcrumb-bar .breadcrumb-title { color: #ffffff; font-size: 22px; font-weight: 700; margin: 5px 0 0; } @media (max-width: 767.98px) { .breadcrumb-bar .breadcrumb-title { font-size: 18px; } } .breadcrumb-bar .page-breadcrumb ol { background-color: transparent; font-size: 12px; margin-bottom: 0; padding: 0; } .breadcrumb-bar .page-breadcrumb ol li.active { color: #ffffff; } .breadcrumb-bar .page-breadcrumb ol li a { color: #ffffff; } .breadcrumb-bar .page-breadcrumb .breadcrumb-item + .breadcrumb-item:before { color: #ffffff; font-size: 10px; } .form-focus { height: 50px; position: relative; } .form-focus .focus-label { font-size: 14px; font-weight: 400; pointer-events: none; transform: translate3d(0, 22px, 0) scale(1); -webkit-transform: translate3d(0, 22px, 0) scale(1); -ms-transform: translate3d(0, 22px, 0) scale(1); transform-origin: left top; -webkit-transform-origin: left top; -ms-transform-origin: left top; -webkit-transition: 240ms; -ms-transition: 240ms; transition: 240ms; z-index: 1; color: #b8b8b8; margin-bottom: 0; position: absolute; top: -8px; left: 12px; } .form-focus.focused .focus-label { opacity: 1; top: -18px; font-size: 12px; z-index: 1; } .form-focus.focused .form-control::-webkit-input-placeholder { color: #bbb; } .form-focus .form-control { height: 50px; padding: 21px 12px 6px; } .form-focus .form-control:focus ~ .focus-label, .form-focus .form-control:-webkit-autofill ~ .focus-label { opacity: 1; font-weight: 400; top: -18px; font-size: 12px; z-index: 1; } .digital-report .elementor-widget-container { width: 27px; display: inline-block; vertical-align: super; margin-right: 10px; } .digital-report .elementor-widget-container-2 p{ color:#000; margin-bottom: 0 !important; line-height: 24px !important; padding: 0; width: 222px;} .digital-report{ width: 91%; margin: auto;} .digital-report .elementor-widget-container{ width: 78px; display: inline-block; vertical-align: super; margin-right: 10px;} .digital-report .elementor-widget-container-2{ width: 112px; display: inline-block;} .digital-report-2{ padding: 17px 0px;} .digital-report .elementor-widget-containe-one{ width: 19px; display: inline-block; vertical-align: super; margin-right: 10px;} .digital-report .elementor-widget-container-two{ width: 317px; display: inline-block;} .digital-report .elementor-widget-container-two p{ color:#000; margin-bottom: 0 !important; line-height: 24px !important; padding: 0;} .digital-report .elementor-widget-container-two-3{ width: 78px; display: inline-block; vertical-align: super; margin-right: 10px;} .digital-report .elementor-widget-container-2-one{width: 239px; display: inline-block;} .digital-report .elementor-widget-container-2-one p{ color:#000; margin-bottom: 0 !important; line-height: 24px !important; padding: 0;} .customLgContent{ margin-top: -16px !important;} ._2HnaH{ height: 93px !important; padding: 26px 6px !important;} ._1od7Z{height: 77px !important;} .form-focus .form-control::-webkit-input-placeholder { color: transparent; -webkit-transition: 240ms; -ms-transition: 240ms; transition: 240ms; } .form-focus .form-control:focus::-webkit-input-placeholder { transition: none; } .form-focus.select-focus .focus-label { opacity: 1; font-weight: 300; top: -20px; font-size: 12px; z-index: 1; } .form-focus .select2-container .select2-selection--single { border: 1px solid #e3e3e3; height: 50px; } .form-focus .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 30px; padding-left: 15px; } .form-focus .select2-container--default .select2-selection--single .select2-selection__arrow { height: 48px; right: 7px; } .form-focus .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #cccccc transparent transparent; border-style: solid; border-width: 6px 6px 0; height: 0; margin-left: -10px; margin-top: -2px; width: 0; position: absolute; top: 50%; left: 50%; } .form-focus .select2-container--default .select2-selection--single .select2-selection__rendered { color: #676767; font-size: 14px; font-weight: normal; line-height: 38px; } .form-focus .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #e3e3e3; border-width: 0 6px 6px; } .form-focus .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #fc6075; } #loader { background-color: #ffffff; z-index: 999999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; } .loader { display: inline-block; height: 50px; margin-left: -25px; margin-top: -25px; width: 50px; position: absolute; top: 50%; left: 50%; } .loader span { -webkit-animation: loader 1.3s linear infinite; animation: loader 1.3s linear infinite; background-color: #20c0f3; border-radius: 100%; display: inline-block; height: 50px; position: absolute; width: 50px; } .loader span:last-child { animation-delay: -0.8s; -webkit-animation-delay: -0.8s; } @keyframes loader { 0% { transform: scale(0, 0); opacity: 0.5; } 100% { transform: scale(1, 1); opacity: 0; } } @-webkit-keyframes loader { 0% { -webkit-transform: scale(0, 0); opacity: 0.5; } 100% { -webkit-transform: scale(1, 1); opacity: 0; } } table.table { color: #272b41; max-width: 100%; margin-bottom: 0; width: 100%; } table.table thead { border-bottom: 1px solid rgba(0, 0, 0, 0.03); } table.table thead tr th { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } table.table tbody tr { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } table.table tbody tr:last-child { border-color: transparent; } table.table.table-center td, table.table.table-center th { vertical-align: middle; } table.table > tbody > tr > th { border-top: 0; padding: 10px 8px; } table.table .no-border > tbody > tr > th { border-top: 0; padding: 10px 8px; } table.table .no-border > tbody > tfoot > tr > th, table.table .no-border > tbody > tfoot > tr > td, table.table .no-border > tbody thead > tr > th, table.table .no-border > tbody thead > tr > td { border-top: 0; padding: 10px 8px; } table.table .dataTable { border-collapse: collapse !important; } table .table-striped thead tr { border-color: transparent; } table .table-striped tbody tr { border-color: transparent; } table .table-striped tbody tr:nth-of-type(even) { background-color: rgba(255, 255, 255, 0.3); } table .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(235, 235, 235, 0.4); } table .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #f8f9fa; } table .table-bordered { border: 1px solid rgba(0, 0, 0, 0.05) !important; } table .table-bordered th, table .table-bordered td { border-color: rgba(0, 0, 0, 0.05); } table .table-nowrap td, table .table-nowrap th { white-space: nowrap; } table.table td h2 { display: inline-block; font-size: inherit; font-weight: 400; vertical-align: middle; margin: 0; padding: 0; } table.table td h2 .table-avatar { font-size: inherit; font-weight: 400; vertical-align: middle; white-space: nowrap; margin: 0; padding: 0; } table.table td h2 a { color: #272b41; } table.table td h2 a:hover { color: #09dca4; } table.table td h2 span { color: #888888; display: block; font-size: 12px; margin-top: 3px; } table.table td h2.table-avatar { font-size: inherit; font-weight: 400; vertical-align: middle; white-space: nowrap; margin: 0; padding: 0; } table .table-hover tbody tr:hover { background-color: #f7f7f7; } table .table-hover tbody tr:hover td { color: #474648; } .table-hover tbody tr:hover { background-color: #f7f7f7; } .table-hover tbody tr:hover td { color: #474648; } .card-table card-body { padding: 0; } .card-table card-body .table > thead > tr > th { border-top: 0; } .card-table card-body .table tr th, .card-table card-body .table tr td { border-top: 1px solid #e2e5e8; padding: 1rem 0.75rem; white-space: nowrap; } .card-table card-body .table tr th:first-child, .card-table card-body .table tr td:first-child { padding-left: 1.5rem; } .card-table card-body .table tr th:last-child, .card-table card-body .table tr td:last-child { padding-right: 1.5rem; } .my-3 { margin-top: 0rem!important; /* margin-bottom: 0rem!important; */ } .card-table .card-body { padding: 0; } .card-table .card-body .table > thead > tr > th { border-top: 0; } .card-table .card-body .table tr th, .card-table .card-body .table tr td { border-top: 1px solid #e2e5e8; white-space: nowrap; padding: 1rem 0.75rem; } .card-table .card-body .table tr th:first-child, .card-table .card-body .table tr td:first-child { padding-left: 1.5rem; } .card-table .card-body .table tr th:last-child, .card-table .card-body .table tr td:last-child { padding-right: 1.5rem; } th.custom-class { width: 80px; } th.table-name { min-width: 200px; } th.table-days { min-width: 80px; } th.table-head-name { width: 200px; } th.table-head-days { width: 100px; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .slick-track { display: block; margin: auto; position: relative; top: 0; left: 0; } .slick-track:before { display: table; content: ""; } .slick-track:after { display: table; content: ""; clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-loading .slick-slide { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } [dir=rtl] .slick-slide { float: right; } .slick-initialized .slick-slide { display: block; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-prev, .slick-next { font-size: 0; line-height: 0; display: block; width: 40px; height: 40px; background: #ffffff; cursor: pointer; border: none; outline: none; background: #ffffff; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; position: absolute; top: 50%; padding: 0; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-box-shadow: 1px 6px 14px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 6px 14px rgba(0, 0, 0, 0.2); box-shadow: 1px 6px 14px rgba(0, 0, 0, 0.2); border-radius: 100%; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background-color: #0de0fe; color: #ffffff; opacity: 1; outline: none; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { color: #ffffff; opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; opacity: 0.75; color: #383838; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 0; z-index: 1; } @media (max-width: 767.98px) { .slick-prev { left: -10px; } } .slick-prev:before { content: "��"; } @media (max-width: 767.98px) { .testimonial-slider .slick-prev { left: 0px; } } [dir=rtl] .slick-prev { right: -25px; left: auto; } [dir=rtl] .slick-prev:before { content: "��"; } .slick-next { right: 0; } @media (max-width: 767.98px) { .slick-next { right: -10px; } } @media (max-width: 575.98px) { .slick-next { right: 0px; } } .slick-next:before { content: "��"; } [dir=rtl] .slick-next { right: auto; left: -25px; } [dir=rtl] .slick-next:before { content: "��"; } .dot-slider .slick-slide { height: 600px; } @media (max-width: 991.98px) { .dot-slider .slick-slide { height: 375px; } } @media (max-width: 767.98px) { .dot-slider .slick-slide { height: 100%; } } .dot-slider .slick-slide img { width: 100%; } .dot-slider .profile-widget { padding: 0; border: none; } @media (max-width: 991.98px) { .dot-slider .profile-widget { margin-bottom: 0; } } @media (max-width: 767.98px) { .dot-slider .profile-widget { margin-bottom: 0; } } .dot-slider .slick-dots { width: unset; position: absolute; top: 30%; right: 50px; bottom: unset; } .dot-slider .slick-dots li { width: 15px; height: 15px; border-radius: 50%; background-color: #ffffff; margin: 8px 0; } .dot-slider .slick-dots li.slick-active button { background-color: #1860CA; } .dot-slider .slick-dots li button { width: 7px; height: 7px; border-radius: 50%; background-color: #ffffff; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 5px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: #C0C0C0; } .slick-dots .slick-dots { width: unset; position: absolute; top: 30%; right: 50px; bottom: unset; } .slick-dots .slick-dots li { width: 15px; height: 15px; border-radius: 50%; background-color: #ffffff; margin: 8px 0; } .slick-dots .slick-dots li button { width: 7px; height: 7px; border-radius: 50%; background-color: #ffffff; } .slick-dots .slick-dots li button:hover, .slick-dots .slick-dots li button:focus { outline: none; } .slick-dots .slick-dots li button:hover::before, .slick-dots .slick-dots li button:focus::before { opacity: 1; } .slick-dots .slick-dots li.slick-active button { background-color: #1860CA; background-color: #0de0fe; } .slick-dots .slick-dots li.slick-active button:before { opacity: 1; color: #0de0fe; } .clinic-slider .slick-prev, .browse-slider .slick-prev, .book-slider .slick-prev { right: 80px; left: unset; top: 0; width: 35px; height: 35px; border-radius: 5px 12px 5px 12px; background-color: #E74E84; transform: translateX(0%) rotate(-45deg); -webkit-transform: translateX(0%) rotate(-45deg); -ms-transform: translateX(0%) rotate(-45deg); z-index: 999; } .clinic-slider .slick-prev:before, .browse-slider .slick-prev:before, .book-slider .slick-prev:before { content: ""; transform: rotate(180deg); -webkit-transform: rotate(180deg); font-family: "slick"; font-size: 10px; line-height: 1; opacity: 0.75; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: solid #ffffff; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; } .clinic-slider .slick-prev:hover, .browse-slider .slick-prev:hover, .book-slider .slick-prev:hover { background-color: #ff4877; } .clinic-slider .slick-next, .browse-slider .slick-next, .book-slider .slick-next { right: 15px; left: unset; top: 0; width: 35px; height: 35px; border-radius: 5px 12px 5px 12px; background-color: #E74E84; transform: translateX(0%) rotate(-45deg); -webkit-transform: translateX(0%) rotate(-45deg); -ms-transform: translateX(0%) rotate(-45deg); z-index: 999; } .clinic-slider .slick-next:before, .browse-slider .slick-next:before, .book-slider .slick-next:before { content: ""; font-family: "slick"; font-size: 10px; line-height: 1; opacity: 0.75; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: solid #ffffff; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); } .clinic-slider .slick-next:hover, .browse-slider .slick-next:hover, .book-slider .slick-next:hover { background-color: #ff4877; } .clinic-slider .slick-list, .browse-slider .slick-list, .book-slider .slick-list { padding-top: 50px; } .clinic-slider .slick-slide, .browse-slider .slick-slide, .book-slider .slick-slide { display: block; margin-left: 0; width: 280px; padding: 10px 10px 0; } .clinic-slider .profile-widget, .browse-slider .profile-widget, .book-slider .profile-widget { padding: 0; border: none; background-color: transparent; border-radius: 0; } .clinic-slider .profile-widget .brower-box, .browse-slider .profile-widget .brower-box, .book-slider .profile-widget .brower-box { background: #ffffff; border: 1px solid #F2F2F2; box-sizing: border-box; box-shadow: 0px 4px 44px rgba(238, 238, 238, 0.25); border-radius: 10px; margin: 0; padding: 30px; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .clinic-slider .profile-widget .brower-box:hover, .browse-slider .profile-widget .brower-box:hover, .book-slider .profile-widget .brower-box:hover { background-color: #1860CA; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .clinic-slider .profile-widget .brower-box:hover a, .browse-slider .profile-widget .brower-box:hover a, .book-slider .profile-widget .brower-box:hover a { background-color: #ffffff; } .clinic-slider .profile-widget .brower-box:hover .img-fluid, .browse-slider .profile-widget .brower-box:hover .img-fluid, .book-slider .profile-widget .brower-box:hover .img-fluid { display: none; } .clinic-slider .profile-widget .brower-box:hover .img-fluid.hover, .browse-slider .profile-widget .brower-box:hover .img-fluid.hover, .book-slider .profile-widget .brower-box:hover .img-fluid.hover { display: block; } .clinic-slider .profile-widget .brower-box:hover h4, .browse-slider .profile-widget .brower-box:hover h4, .book-slider .profile-widget .brower-box:hover h4 { color: #ffffff; } .clinic-slider .profile-widget .brower-box:hover p, .browse-slider .profile-widget .brower-box:hover p, .book-slider .profile-widget .brower-box:hover p { color: #ffffff; } .clinic-slider .profile-widget .brower-box:hover p span, .browse-slider .profile-widget .brower-box:hover p span, .book-slider .profile-widget .brower-box:hover p span { color: #ffffff; } .clinic-slider .profile-widget .brower-box:hover a.arrow, .browse-slider .profile-widget .brower-box:hover a.arrow, .book-slider .profile-widget .brower-box:hover a.arrow { background-color: #2868C8; } .clinic-slider .profile-widget .brower-box a, .browse-slider .profile-widget .brower-box a, .book-slider .profile-widget .brower-box a { height: 85px; width: 85px; background-color: #1860CA; border-radius: 50% 50% 50% 50%/60% 60% 35% 35%; margin: 0 auto 15px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); } .clinic-slider .profile-widget .brower-box img, .browse-slider .profile-widget .brower-box img, .book-slider .profile-widget .brower-box img { width: 70px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); } .clinic-slider .profile-widget .brower-box .img-fluid.hover, .browse-slider .profile-widget .brower-box .img-fluid.hover, .book-slider .profile-widget .brower-box .img-fluid.hover { display: none; } .clinic-slider .profile-widget .brower-box h4, .browse-slider .profile-widget .brower-box h4, .book-slider .profile-widget .brower-box h4 { color: #000000; font-size: 20px; margin-bottom: 13px; } .clinic-slider .profile-widget .brower-box p, .browse-slider .profile-widget .brower-box p, .book-slider .profile-widget .brower-box p { margin-bottom: 20px; } .clinic-slider .profile-widget .brower-box .arrow, .browse-slider .profile-widget .brower-box .arrow, .book-slider .profile-widget .brower-box .arrow { background-color: #0CE0FF; width: 35px; height: 35px; border-radius: 50%; transform: unset; margin: 0 auto; } .clinic-slider .profile-widget .brower-box .arrow i, .browse-slider .profile-widget .brower-box .arrow i, .book-slider .profile-widget .brower-box .arrow i { color: #ffffff; } .brower-box { text-align: center; border-radius: 10px; border: 6px solid #ffffff; background-color: #ffffff; margin-bottom: 20px; } .brower-box h4 { font-size: 16px; font-weight: 600; color: #2264C5; } .brower-box p { font-size: 14px; font-weight: 500; color: #E74E84; margin: 0; } .brower-box p span { color: #000000; } .brower-box a { height: 85px; width: 85px; background-color: #1860CA; border-radius: 50% 50% 50% 50%/60% 60% 35% 35%; margin: 0 auto 15px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); } .aval-slider .slick-slide { display: block; margin-left: 0; padding: 10px; width: 280px; } .aval-slider .slick-list { padding: 50px 0; } @media (max-width: 767.98px) { .aval-slider .slick-list { padding: 30px 0; } } .aval-slider .slick-prev { left: 5px; width: 35px; height: 35px; } .aval-slider .slick-prev:before { font-family: "slick"; font-size: 10px; line-height: 1; opacity: 0.75; color: #1860CA; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: solid #1860CA; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; content: ""; transform: rotate(140deg); -webkit-transform: rotate(140deg); -ms-transform: rotate(140deg); } .aval-slider .slick-next { right: 5px; width: 35px; height: 35px; } .aval-slider .slick-next:before { font-family: "slick"; font-size: 10px; line-height: 1; opacity: 0.75; color: #1860CA; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: solid #1860CA; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; content: ""; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .content { min-height: 200px; padding: 80px 0 60px; } @media (max-width: 991.98px) { .content { padding: 60px 0 40px; } } @media (max-width: 767.98px) { .content { padding: 50px 0 30px; } } .top-space { padding-top: 140px; } .account-page .content.top-space { padding-top: 140px; } .card { border: 1px solid #f0f0f0; margin-bottom: 1.875rem; } @media (max-width: 767.98px) { .card { margin-bottom: 20px; } } @media (max-width: 575.98px) { .card { margin-bottom: 0.9375rem; } } .card .card-header { background-color: #ffffff; border-bottom: 1px solid #f0f0f0; } @media (max-width: 575.98px) { .card .card-header { padding: 0.75rem 1.25rem; } } .card .card-header .card-title { margin-bottom: 0; } .card-body { padding: 1.5rem; } @media (max-width: 575.98px) { .card-body { padding: 1.25rem; } } .card-title { margin-bottom: 15px; } .card-header { border-bottom: 1px solid #f0f0f0; padding: 1rem 1.5rem; } @media (max-width: 575.98px) { .card-header { padding: 0.75rem 1.25rem; } } .card-footer { background-color: #ffffff; border-top: 1px solid #f0f0f0; padding: 1rem 1.5rem; } @media (max-width: 575.98px) { .card-footer { padding: 0.75rem 1.25rem; } } .custom-modal .modal-content { border: 0; border-radius: 10px; } .custom-modal .modal-content .modal-header { padding: 1.25rem; } .custom-modal .modal-content .modal-header .modal-title { font-size: 20px; } .custom-modal .close { background-color: #a0a0a0; color: #ffffff; font-size: 17px; height: 20px; line-height: 20px; opacity: 1; width: 20px; z-index: 99; border-radius: 50%; margin: 0; padding: 0; position: absolute; top: 26px; right: 20px; } .custom-modal .modal-body { padding: 1.25rem; } .custom-modal .modal-footer { padding: 1.25rem; } .custom-modal .modal-footer .btn-outline { margin: 0.25rem auto; } .custom-medicalrecord-modal .modal-content .modal-header { border-color: #e5e5e5; margin: 1.5rem 1.5rem 0 1.5rem; padding: 0 0 1rem; } .custom-medicalrecord-modal .modal-content .form-control, .custom-medicalrecord-modal .modal-content .bootstrap-tagsinput { background-color: #f5f5f7; border-color: #f5f5f7; } .custom-medicalrecord-modal .modal-content .select2-container .select2-selection--single { background-color: #f5f5f7; border-color: #f5f5f7; } .custom-medicalrecord-modal .modal-content .upload-medical-records { position: relative; } .custom-medicalrecord-modal .modal-content .upload-medical-records input[type=file] { width: 100%; height: 100%; opacity: 0; cursor: pointer; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .custom-medicalrecord-modal .modal-content .upload-medical-records .dropzone { min-height: 180px; } .custom-medicalrecord-modal .modal-content .upload-medical-records .dropzone h5 { color: #7c7c7c; margin-bottom: 3px; } .custom-medicalrecord-modal .modal-content .upload-medical-records .dropzone h6 { color: #7c7c7c; margin-bottom: 3px; } .custom-medicalrecord-modal .modal-content .upload-medical-records .dropzone h6 span { text-decoration: underline; } .header .header-nav { background-color: #ffffff; border: 0; border-bottom: 1px solid #f0f0f0; position: relative; height: 85px; margin-bottom: 0; padding: 0; } @media (max-width: 1199.98px) { .header .header-nav { padding: 0; } } @media (max-width: 575.98px) { .header .header-nav { padding: 0 15px; } } @media (max-width: 991.98px) { .header .header-nav .navbar-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } @media (max-width: 575.98px) { .header .header-nav .navbar-header { width: 100%; } } .header .header-nav .navbar-header .bar-icon { display: inline-block; width: 31px; } .header .header-nav .navbar-header .bar-icon span { background-color: #0de0fe; display: block; float: left; height: 3px; margin-bottom: 7px; width: 31px; border-radius: 2px; } .header .header-nav .navbar-header .bar-icon span:nth-child(2) { width: 16px; } .header .header-nav .navbar-header .bar-icon span:nth-child(3) { margin-bottom: 0; } @media (max-width: 991.98px) { .header .header-nav .navbar-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } @media (max-width: 575.98px) { .header .header-nav .navbar-header { width: 100%; } } @media (max-width: 991.98px) { .header .header-nav .main-menu-wrapper { order: 3; width: 260px; overflow-x: hidden; overflow-y: auto; z-index: 1060; transform: translateX(-260px); -webkit-transform: translateX(-260px); -ms-transform: translateX(-260px); -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; background-color: #15558d; position: fixed; top: 0; bottom: 0; left: 0; } } .header .header-nav .menu-header { background-color: #ffffff; height: 60px; border-bottom: 1px solid #f0f0f0; display: none; padding: 0 20px; } @media (max-width: 991.98px) { .header .header-nav .menu-header { display: -webkit-box; display: -ms-flexbox; display: flex; } } .header .header-nav .menu-header .menu-logo img { height: 40px; } .header .header-nav .menu-header .menu-close { font-size: 18px; } .header .header-nav .main-nav { list-style: none; margin: 0; padding: 0; } @media (max-width: 991.98px) { .header .header-nav .main-nav { -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; list-style: none; padding: 0; } } @media (max-width: 991.98px) { .header .header-nav .main-nav ul { background-color: #3474ac; display: none; list-style: none; padding-left: 0; margin: 0; } } @media (min-width: 992px) { .header .header-nav .main-nav > .has-submenu > .submenu > .has-submenu > .submenu::before { top: 20px; margin-left: -35px; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15); border-color: transparent #ffffff #ffffff transparent; } } .header .header-nav .main-nav > .has-submenu.active .submenu li.active > a { color: #09dca4; } @media (min-width: 992px) { .header .header-nav .main-nav > .has-submenu.active .submenu li.active > a { color: #09dca4; } } .header .header-nav .main-nav > .has-submenu.active > a { color: #09dca4; } @media (min-width: 992px) { .header .header-nav .main-nav > .has-submenu.active > a { color: #09dca4; } } @media (max-width: 1199.98px) { .header .header-nav .main-nav > li { margin-right: 20px; } } @media (max-width: 1999.98px) { .header .header-nav .main-nav > li { margin-right: 30px; } } @media (max-width: 1399.98px) { .header .header-nav .main-nav > li { margin-right: 16px; } } @media (max-width: 991.98px) { .header .header-nav .main-nav > li { border-bottom: 1px solid #1663a6; margin: 0; } } @media (min-width: 992px) { .header .header-nav .main-nav > li > a { line-height: 85px; padding: 0 !important; } } @media (max-width: 991.98px) { .header .header-nav .main-nav > li > a { line-height: 1.5; color: #ffffff; font-size: 14px; font-weight: 500; padding: 15px 20px !important; } } @media (min-width: 992px) { .header .header-nav .main-nav > li > a > i { font-size: 12px; margin-left: 3px; } } @media (max-width: 991.98px) { .header .header-nav .main-nav > li > a > i { float: right; margin-top: 5px; } } .header .header-nav .main-nav > li.active > a { color: #09dca4; } .header .header-nav .main-nav > li .submenu li { position: relative; } @media (min-width: 992px) { .header .header-nav .main-nav > li .submenu li:first-child a { border-top: 0; } } .header .header-nav .main-nav > li .submenu li a { display: block; clear: both; white-space: nowrap; font-size: 14px; color: #2d3b48; width: 100%; border-top: 1px solid #f0f0f0; -webkit-transition: all 0.35s ease; -ms-transition: all 0.35s ease; transition: all 0.35s ease; padding: 10px 15px; } @media (max-width: 991.98px) { .header .header-nav .main-nav > li .submenu li a { border-top: 0; color: #ffffff; padding: 10px 15px 10px 35px; } } @media (min-width: 992px) { .header .header-nav .main-nav > li .submenu li .submenu { left: 100%; top: 0; margin-top: 10px; } } .header .header-nav .main-nav > li .submenu li .submenu li { position: relative; } .header .header-nav .main-nav > li .submenu li .submenu li a { display: block; clear: both; white-space: nowrap; font-size: 14px; color: #2d3b48; width: 100%; border-top: 1px solid #f0f0f0; padding: 10px 15px; -webkit-transition: all 0.35s ease; -ms-transition: all 0.35s ease; transition: all 0.35s ease; } @media (max-width: 991.98px) { .header .header-nav .main-nav > li .submenu li .submenu li a { border-top: 0; color: #ffffff; padding: 10px 15px 10px 45px; } } .header .header-nav .main-nav > li .submenu li .submenu li .has-submenu > a::after { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 13px; position: absolute; top: 12px; right: 15px; } @media (min-width: 992px) { .header .header-nav .main-nav > li .submenu > li .submenu { left: 100%; top: 0; margin-top: 10px; } } .header .header-nav .main-nav > li .submenu > li.has-submenu > a::after { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 13px; position: absolute; top: 12px; right: 15px; } @media (max-width: 991.98px) { .header .header-nav .main-nav > li .submenu > li.has-submenu > a::after { content: "\f078"; } } @media (min-width: 992px) { .header .header-nav .main-nav > li:last-child { margin-right: 0; } } @media (min-width: 992px) { .header .header-nav .main-nav > li.has-submenu:hover > .submenu > li.has-submenu:hover > .submenu { visibility: visible; opacity: 1; margin-top: -1px; margin-right: 0; } } @media (min-width: 992px) { .header .header-nav .main-nav li { display: block; position: relative; } } @media (min-width: 992px) { .header .header-nav .main-nav li > ul { background-color: #ffffff; display: block; font-size: 14px; min-width: 200px; opacity: 0; visibility: hidden; z-index: 1000; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; transform: translateY(20px); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); position: absolute; top: 100%; left: 0; margin: 0; padding: 0; border-radius: 5px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } } .header .header-nav .main-nav li a { display: block; font-size: 14px; font-weight: 500; } .header .header-nav .main-nav li.login-link { display: none; } @media (max-width: 575.98px) { .header .header-nav .main-nav li.login-link { display: block; } } @media (min-width: 992px) { .header .header-nav .main-nav li .submenu a:hover { color: #09dca4 !important; letter-spacing: 0.5px; padding-left: 20px !important; } } @media (min-width: 992px) { .header .header-nav .main-nav li .submenu::before { border: 7px solid #ffffff; border-color: transparent transparent #ffffff #ffffff; content: ""; transform-origin: 0 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); position: absolute; top: 2px; left: 45px; -webkit-box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1); -moz-box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1); } } @media (max-width: 991.98px) { .header .header-nav .main-nav li + li { margin-left: 0; } } @media (min-width: 992px) { .header .header-nav .main-nav li.has-submenu:hover > .submenu { visibility: visible; opacity: 1; margin-top: 0; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } } .header .header-nav .main-nav .has-submenu.active > a { color: #09dca4; } @media (min-width: 992px) { .header .header-nav .main-nav .has-submenu.active > a { color: #09dca4; } } .header .header-nav .main-nav .has-submenu.active .submenu li.active > a { color: #09dca4; } @media (min-width: 992px) { .header .header-nav .main-nav .has-submenu.active .submenu li.active > a { color: #09dca4; } } @media (min-width: 992px) { .header .header-nav .main-nav .has-submenu:hover > .submenu { visibility: visible; opacity: 1; margin-top: 0; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } } .header .header-nav .main-nav .has-submenu > .submenu__ > .has-submenu--.submenu::before { top: 20px; margin-left: -35px; border-color: transparent #ffffff #ffffff transparent; -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15); } .header .header-nav .logo { display: inline-block; margin-right: 30px; width: 160px; } @media (max-width: 1199.98px) { .header .header-nav .logo { margin-right: 21px; } } @media (max-width: 575.98px) { .header .header-nav .logo { width: 100%; text-align: center; margin-right: 0; } } @media (max-width: 575.98px) { .header .header-nav .logo img { height: 40px; } } .header .header-nav .header-navbar-rht { margin: 0 0 0 auto; padding: 0; } @media (max-width: 575.98px) { .header .header-nav .header-navbar-rht { display: none; } } .header .header-nav .header-navbar-rht li { padding-right: 20px; } .header .header-nav .header-navbar-rht li:last-child { padding-right: 0px; } .header .header-nav .header-navbar-rht li .dropdown-menu { border: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } @media (min-width: 992px) { .header .header-nav .header-navbar-rht li .dropdown-menu { min-width: 200px; visibility: hidden; opacity: 0; display: block; margin: 0; padding: 0; border-radius: 5px; transform: translateY(20px); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); } } .header .header-nav .header-navbar-rht li .dropdown-menu::before { content: ""; border: 7px solid #ffffff; border-color: transparent transparent #ffffff #ffffff; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); position: absolute; top: -5px; right: 17px; -webkit-box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1); -moz-box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1); } .header .header-nav .header-navbar-rht li .dropdown-menu .dropdown-item { border-top: 1px solid #f0f0f0; padding: 10px 15px; } .header .header-nav .header-navbar-rht li .dropdown-menu .dropdown-item:first-child { border-top: 0; border-radius: 5px 5px 0 0; } .header .header-nav .header-navbar-rht li .dropdown-menu .dropdown-item:last-child { border-radius: 0 0 5px 5px; } .header .header-nav .header-navbar-rht li .dropdown-menu a:hover { color: #09dca4; letter-spacing: 0.5px; padding-left: 20px; background-color: #ffffff; } .header .header-nav .header-navbar-rht li a.header-login { border: 2px solid #09e5ab; text-align: center; font-size: 15px; color: #09e5ab; text-transform: uppercase; font-weight: 500; border-radius: 4px; padding: 10px 15px !important; } .header .header-nav .header-navbar-rht li a.header-login:hover { background-color: #09e5ab; border-color: #09e5ab; color: #ffffff; } .header .header-nav .header-navbar-rht li .header-contact-img { display: inline-block; } .header .header-nav .header-navbar-rht li .header-contact-img i { color: rgba(0, 0, 0, 0.5); font-size: 30px; } .header .header-nav .header-navbar-rht li .header-contact-detail { display: inline-block; padding-left: 10px; } .header .header-nav .header-navbar-rht li .header-contact-detail p.contact-header { color: #484848; font-size: 13px; font-weight: 400; margin-bottom: 2px; text-align: left; } .header .header-nav .header-navbar-rht li .header-contact-detail p.contact-info-header { color: #000000; font-weight: 500; font-size: 14px; margin-bottom: 0; } .header .header-nav .header-navbar-rht li .header-contact-detail p.contact-info-header.white-font { color: #ffffff; } @media (min-width: 992px) { .header .header-nav .header-navbar-rht li.show > .dropdown-menu { visibility: visible; opacity: 1; margin-top: 0; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } } .header .header-nav .header-navbar-rht li .dropdown-menu.show { visibility: visible; opacity: 1; margin-top: 0; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } @media (min-width: 992px) { .header .header-nav .header-navbar-rht li .dropdown-menu { min-width: 200px; visibility: hidden; opacity: 0; display: block; transform: translateY(20px); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); border-radius: 5px; margin: 0; padding: 0; } } @media (max-width: 991.98px) { .header .header-nav .header-navbar-rht li.contact-item { display: none; } } @media (max-width: 1199.98px) { .header .header-nav .header-navbar-rht li.contact-item { display: none; } } .header .header-nav .header-navbar-rht .dropdown-toggle::after { display: none; } .header .header-nav .header-navbar-rht .dropdown-menu { min-width: 200px; padding: 0; } .header .header-nav .header-navbar-rht .dropdown-menu .dropdown-item { border-top: 1px solid #e3e3e3; padding: 10px 15px; } .header .header-nav .header-navbar-rht .dropdown-menu .dropdown-item:hover { color: #0E82FD; } .header .header-nav .header-navbar-rht .has-arrow .dropdown-toggle:after { border-top: 0; border-left: 0; border-bottom: 2px solid #757575; border-right: 2px solid #757575; content: ""; height: 8px; display: inline-block; pointer-events: none; width: 8px; vertical-align: 2px; margin-left: 10px; margin-bottom: 5px; transform-origin: 66% 66%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .header .header-nav .header-navbar-rht .has-arrow .dropdown-toggle[aria-expanded=true]:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); } .header .header-nav .header-navbar-rht .has-arrow .dropdown-toggle .user-img { display: inline-block; position: relative; margin-bottom: 5px; } .header .header-nav .header-navbar-rht .has-arrow .dropdown-toggle .user-img > img { height: 31px; object-fit: cover; width: 31px; } .header .header-nav .header-navbar-rht .has-arrow .user-header { padding: 10px 15px; } .header .header-nav .header-navbar-rht .has-arrow .user-header .user-text { margin-left: 10px; } .header .header-nav .header-navbar-rht .has-arrow .user-header .user-text h6 { font-size: 15px; margin-bottom: 2px; } .header .header-nav .header-navbar-rht .has-arrow .logged-item .nav-link { font-size: 14px; line-height: 85px; padding: 0 10px; } .rd{ background: #0E82FD; padding: 5px 10px; border-radius: 5px; font-family: 600; font-size: 14px; color: #fff; cursor: pointer; } .header .header-nav .header-navbar-rht .has-arrow.logged-item .nav-link { font-size: 14px; line-height: 85px; padding: 0 10px; } .header .header-nav .header-navbar-rht .view-cart-header { position: relative; } .header .header-nav .header-navbar-rht .view-cart-header a#cart { position: relative; font-size: 18px; color: #6B7280; } .header .header-nav .header-navbar-rht .view-cart-header a#cart:hover { color: #0E82FD; } .header .header-nav .header-navbar-rht .noti-nav .nav-link { font-size: 18px; color: #6B7280; } .header .header-nav .header-navbar-rht .noti-nav .nav-link .badge { background-color: #0E82FD; border-radius: 2px; color: #ffffff; font-size: 10px; font-style: normal; text-align: center; position: absolute; top: 21px; right: -6px; padding: 0 5px; width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; line-height: 0; font-weight: normal; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu { min-width: 370px; padding: 0; font-weight: normal; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .topnav-dropdown-header { border-bottom: 1px solid #EEF1FE; height: 44px; line-height: 44px; padding-left: 15px; padding-right: 15px; font-weight: 500; display: flex; justify-content: space-between; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .noti-content { height: 260px; width: 420px; overflow-y: auto; position: relative; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .notification-list { list-style: none; padding: 0; margin: 0; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu ul.notification-list > li { margin-top: 0; border-bottom: 1px solid #f5f5f5; padding: 0; margin: 0; width: 100%; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu ul.notification-list > li a { display: block; padding: 10px 15px; border-radius: 2px; width: 100%; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu ul.notification-list > li a:hover { letter-spacing: normal; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .notify-block:last-child { border-bottom: none; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .notify-block > .avatar { margin-right: 10px; width: auto; height: auto; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .notify-block > .avatar > img { width: 46px; height: 46px; border-radius: 5px; margin-right: 8px; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .media-body { width: 100%; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .media-body h6 { margin-bottom: 3px; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .noti-title { color: #0E82FD; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .notification-time { font-size: 12px; line-height: 1.35; float: right; } .header .nav-transparent { background-color: transparent !important; border-bottom: 0 !important; } @media (min-width: 992px) { .header .nav-transparent .white-font > li > a { color: #ffffff; } } .header.custom { background-color: transparent; border-bottom: 0 !important; } .header.custom .no-border { border: none !important; } @media (min-width: 992px) { .header.custom .white-font > li > a { color: #ffffff; } } .header.custom .header-navbar-rht.right-menu .header-contact-img i { width: 30px; background-color: #ffffff; height: 30px; border-radius: 50%; font-size: 11px; color: #1860CA; border: 2px solid #acc9f5; } .header.custom .header-navbar-rht.right-menu .header-contact-detail p.contact-info-header { color: #ffffff; } .header.custom .header-navbar-rht.right-menu li { border-right: 0; } .header.custom .header-navbar-rht.right-menu li a.header-login { width: 120px; padding: 10px !important; } .header.custom .header-navbar-rht.right-menu li:last-child { border-right: 0; padding: 0; } .header.header-five .no-border { border: none !important; } .header.header-five .main-menu-wrapper { margin-left: 40px !important; } @media (max-width: 991.98px) { .header.header-five .main-menu-wrapper { margin-left: auto !important; } } @media (min-width: 992px) { .header.header-five .main-menu-wrapper .main-nav .has-submenu.active > a { color: #28DAF4; } } .header.header-five .main-menu-wrapper .main-nav .has-submenu.active > a:after { content: ""; width: 70px; background: #28DAF4; height: 2px; z-index: 9; position: absolute; bottom: 25px; left: -7px; } .header.header-five .main-menu-wrapper .main-nav.blue-font > li > a { color: #2A85D1; text-transform: uppercase; } .header.header-five .header-navbar-rht li a.header-login.white-bg { background-color: #ffffff; color: #28DAF4 !important; border: 1px solid #28DAF4; font-size: 12px; } .header .user-menu { float: right; position: relative; z-index: 99; margin: 0; } .header .user-menu.nav li a { color: #ffffff; font-size: 14px; line-height: 58px; height: 60px; padding: 0 15px; } .header .user-menu.nav li a:hover, .header .user-menu.nav li a:focus { background-color: rgba(0, 0, 0, 0.2); } .header .user-menu.nav li a:hover i, .header .user-menu.nav li a:focus i { color: #ffffff; } .header .user-menu.nav li a.mobile_btn { border: 0; position: relative; cursor: pointer; margin: 0; padding: 0; } .header.header-four .header-nav { background-color: #2264C5; border: none; } @media (min-width: 992px) { .header.header-four .main-nav .has-submenu.active > a { color: #ffffff; border-top: 3px solid #E74E84; } } @media (min-width: 992px) { .header.header-four .main-nav > li > a { line-height: 80px; color: #ffffff; } } .header.header-four .nav-item { line-height: 60px; align-items: center; display: flex !important; } .header.header-four .nav-item a.header-login { border: 2px solid #ffffff; border-radius: 30px; text-align: center; font-size: 14px; color: #ffffff; text-transform: uppercase; font-weight: 500; line-height: 20px; padding: 10px 15px !important; } .header.header-four .nav-item a.header-login:hover { background-color: #10DEFD; border: 2px solid #10DEFD; } .header.header-four .nav-item a.header-login i { font-size: 14px; margin: 0; margin-right: 3px; } .header.header-trans { position: fixed; display: block; width: 100%; z-index: 9999; background: transparent; } .header.header-trans .header-nav { background: transparent; border-bottom: none; } .header.header-trans .main-menu-wrapper { margin-left: auto; } @media (max-width: 1399.98px) { .header.header-trans .main-menu-wrapper { margin-right: auto; margin-left: unset; } } .header.header-trans .header-navbar-rht li { height: 20px; padding-right: 15px; } @media (max-width: 1399.98px) { .header.header-trans .header-navbar-rht li { padding-right: 5px; } } .header.header-trans .header-navbar-rht li .header-contact-img i { color: #1C5B90; font-size: 14px; } .header.header-trans .header-navbar-rht li .header-contact-detail p.contact-info-header { color: #1C5B90; } .header.header-trans .header-navbar-rht li:last-child { border-right: 0; padding-left: 15px; } @media (max-width: 1199.98px) { .header.header-trans .header-navbar-rht li:last-child { padding-left: 0; } } .header.header-trans .header-navbar-rht li a.header-login { text-align: center; font-size: 13px; color: #ffffff; text-transform: uppercase; background: #1C5B91; box-shadow: 0px 4px 4px rgba(189, 189, 189, 0.25); border-radius: 47px; border: 0; } .header.header-trans .header-navbar-rht li a.header-login.white-bg { background-color: #ffffff; color: #2264C5; } .header.header-trans .header-navbar-rht li a.header-login:hover { background-color: #1C5B91; color: #ffffff; } .header-one { width: 100%; z-index: 1040; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background-color: transparent; box-shadow: 0px 4px 4px rgba(198, 198, 198, 0.25); } .header-one .header-nav .main-nav .has-submenu.active .submenu li.active > a { color: #0E82FD; } .header-one.min-header { width: 100%; z-index: 1040; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background-color: transparent; } .header-one.header-fixed { position: fixed; display: block; width: 100%; z-index: 9999; background: #F2F6F6; box-shadow: inherit; } .header-one.header-space .header-nav { height: 80px; } .header-one .header-nav { background-color: transparent; border: 0; position: relative; margin: 0; padding: 0; height: 100px; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 991.98px) { .header-one .header-nav { height: 70px; } } @media (max-width: 991.98px) { .header-one .header-nav { margin: 0; padding: 0 0; } } @media (max-width: 991.98px) { .header-one .header-nav .menu-header { height: 70px; } } @media (max-width: 991.98px) { .header-one .header-nav .main-menu-wrapper { background-color: #0E82FD; } } @media (max-width: 991.98px) { .header-one .navbar-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; } } .header-one .navbar-header #mobile_btn { display: none; margin-right: 30px; } @media (max-width: 991.98px) { .header-one .navbar-header #mobile_btn { display: inline-block; margin: 0; padding: 0 0; } } @media (max-width: 767.98px) { .header-one .navbar-header #mobile_btn { margin-right: 0; } } .header-one .navbar-header #mobile_btn .bar-icon { display: inline-block; width: 31px; } .header-one .navbar-header #mobile_btn .bar-icon span { background-color: #0E82FD; display: block; float: left; height: 3px; margin-bottom: 7px; width: 31px; border-radius: 2px; -webkit-transition: ease all 0.5s; -ms-transition: ease all 0.5s; transition: ease all 0.5s; position: relative; } .header-one .navbar-header #mobile_btn .bar-icon span:nth-child(2) { width: 16px; } .header-one .navbar-header #mobile_btn .bar-icon span:nth-child(3) { margin-bottom: 0; } .header-one .main-menu-wrapper { margin: 0; padding: 0; } .header-one .main-menu-wrapper .main-nav { list-style: none; margin: 0; padding: 0; } @media (max-width: 991.98px) { .header-one .main-menu-wrapper .main-nav ul { background-color: #E6F1FF; display: none; list-style: none; margin: 0; padding-left: 0; } } .header-one .main-menu-wrapper .main-nav li .btn { color: #ffffff; font-weight: 600; font-size: 14px; padding: 7px 8px !important; border: 1px solid #0E82FD; border-radius: 6px; } .header-one .main-menu-wrapper .main-nav li .btn:hover { color: #0E82FD; border: 1px solid #0E82FD; } .header-one .main-menu-wrapper .main-nav li .btn i { font-size: 15px; margin-right: 5px; margin-left: 0; } .header-one .main-menu-wrapper .main-nav li .btn.reg-btn { min-width: 108px; background-color: #ffffff; border: 1px solid #E5E7EB; color: #1F2937; box-shadow: inset 0 0 0 0 #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .header-one .main-menu-wrapper .main-nav li .btn.reg-btn:hover { color: #ffffff; background-color: #0E82FD; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 50px #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .header-one .main-menu-wrapper .main-nav li .btn.log-btn { min-width: 87px; color: #ffffff; background-color: #0E82FD; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .header-one .main-menu-wrapper .main-nav li .btn.log-btn:hover { color: #0E82FD; background-color: #ffffff; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .header-one .main-menu-wrapper .main-nav li a { font-size: 15px; font-weight: 500; color: #1F2937; display: block; } @media (max-width: 1199.98px) { .header-one .main-menu-wrapper .main-nav li a { font-size: 14px; } } .header-one .main-menu-wrapper .main-nav li.login-link { display: none; } @media (max-width: 991.98px) { .header-one .main-menu-wrapper .main-nav li.login-link { display: block; } } @media (min-width: 992px) { .header-one .main-menu-wrapper .main-nav li > ul { background: #ffffff; box-shadow: 0px 4px 4px rgba(196, 196, 196, 0.25); border-radius: 0px 0px 6px 5px; display: block; font-size: 14px; min-width: 200px; opacity: 0; margin: 0; padding: 0; position: absolute; top: 100%; left: 0; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; transform: translateY(20px); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); visibility: hidden; z-index: 1000; } } @media (min-width: 992px) { .header-one .main-menu-wrapper .main-nav li { display: block; position: relative; } } .header-one .main-menu-wrapper .main-nav .register-btn { margin-right: 10px; } .header-one .main-menu-wrapper .main-nav .register-btn:last-child { margin-right: 0; } @media (max-width: 991.98px) { .header-one .main-menu-wrapper .main-nav .register-btn { display: none; } } @media (min-width: 992px) { .header-one .main-menu-wrapper .main-nav > li { margin-right: 8px; } } @media (min-width: 1200.98px) { .header-one .main-menu-wrapper .main-nav > li { margin-right: 20px; } } @media (max-width: 991.98px) { .header-one .main-menu-wrapper .main-nav > li { border-bottom: 1px solid #E6F1FF; margin-left: 0; margin-right: 0; } } @media (max-width: 991.98px) { .header-one .main-menu-wrapper .main-nav > li > a i { float: right; margin-top: 5px; } } @media (max-width: 991.98px) { .header-one .main-menu-wrapper .main-nav > li > a { line-height: 1.5; padding: 15px 20px !important; color: #ffffff !important; font-size: 14px; background: transparent !important; border-radius: 0 !important; } } .header-one .main-menu-wrapper .main-nav > li:last-child { margin-right: 0; } .header-one .main-menu-wrapper .main-nav > li.active > a { color: #0E82FD !important; } @media (max-width: 991.98px) { .header-one .main-menu-wrapper .main-nav > li.active > a { color: #ffffff !important; } } .header-one .main-menu-wrapper .main-nav > li > a { position: relative; } .header-one .main-menu-wrapper .main-nav > li > a:hover { color: #0E82FD; } @media (min-width: 992px) { .header-one .main-menu-wrapper .main-nav > li > a { padding: 23px 0 28px !important; line-height: normal; } } .header-one .main-menu-wrapper .main-nav > li > a > i { font-size: 10px; margin-left: 6px; } .header-one .main-menu-wrapper .main-nav > li.searchbar a { color: #6B7280; } .header-one .main-menu-wrapper .main-nav > li.searchbar a i { font-size: 16px; } @media (max-width: 1199.98px) { .header-one .main-menu-wrapper .main-nav > li.searchbar { display: none; } } .header-one .main-menu-wrapper .main-nav > li.has-submenu .submenu .has-submenu .submenu::before { top: 20px; margin-left: -35px; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15); border-color: transparent #ffffff #ffffff transparent; } @media (min-width: 992px) { .header-one .main-menu-wrapper .main-nav > li.has-submenu:hover > .submenu { visibility: visible; opacity: 1; margin-top: 0; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } .header-one .main-menu-wrapper .main-nav > li.has-submenu:hover > .submenu > li.has-submenu:hover .submenu { visibility: visible; opacity: 1; margin-top: 0; margin-right: 0; } } .header-one .main-menu-wrapper .main-nav > li .submenu li { position: relative; } .header-one .main-menu-wrapper .main-nav > li .submenu li a { display: block; padding: 10px 15px; clear: both; white-space: nowrap; font-size: 14px; color: #2d3b48; -webkit-transition: all 0.35s ease; -ms-transition: all 0.35s ease; transition: all 0.35s ease; width: 100%; position: relative; border-top: 1px solid #f0f0f0; } .header-one .main-menu-wrapper .main-nav > li .submenu li a.active { color: #0E82FD; } .header-one .main-menu-wrapper .main-nav > li .submenu li a:hover { color: #0E82FD !important; } @media (max-width: 991.98px) { .header-one .main-menu-wrapper .main-nav > li .submenu li a { padding: 10px 15px 10px 35px; } } .header-one .main-menu-wrapper .main-nav > li .submenu > li.has-submenu > a::after { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 700; position: absolute; top: 12px; right: 15px; font-size: 13px; } @media (min-width: 992px) { .header-one .main-menu-wrapper .main-nav > li .submenu > li .inner-submenu { left: 100%; top: 0; margin-top: 10px; } } @media (min-width: 992px) { .header-one .main-menu-wrapper .main-nav > li .submenu::before { border: 7px solid #ffffff; border-color: transparent transparent #ffffff #ffffff; box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1); content: ""; position: absolute; top: 2px; left: 45px; -webkit-transform-origin: 0 0; transform-origin: 0 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } } @media (max-width: 991.98px) { .header-one .main-menu-wrapper .main-nav { padding: 0; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } } @media (max-width: 991.98px) { .header-one .main-menu-wrapper { order: 3; width: 260px; position: fixed; top: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto; z-index: 1060; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; transform: translateX(-260px); -webkit-transform: translateX(-260px); -ms-transform: translateX(-260px); background-color: #09e5ab; } } .header-one .logo { display: inline-block; margin-right: 0; } @media (max-width: 991.98px) { .header-one .logo.navbar-brand { width: 100%; text-align: center; margin: 0; padding: 0; } } .header-one .header-nav .header-navbar-rht { margin: 0; padding: 0; color: #ffffff; font-size: 15px; font-weight: 600; margin-right: 2px; } .header-one .header-nav .header-navbar-rht li { margin-right: 10px; } .header-one .header-nav .header-navbar-rht li .btn { color: #ffffff; font-weight: 600; font-size: 15px; padding: 6px 12px; border: 1px solid #09e5ab; border-radius: 6px; } .header-one .header-nav .header-navbar-rht li .btn:hover { color: #09e5ab; border: 1px solid #09e5ab; } .header-one .header-nav .header-navbar-rht li .btn i { margin-right: 5px; } .header-one .header-nav .header-navbar-rht li .btn.reg-btn { background-color: #ffffff; border: 1px solid #E5E7EB; color: #1F2937; box-shadow: inset 0 0 0 0 #09e5ab; } .header-one .header-nav .header-navbar-rht li .btn.reg-btn:hover { color: #ffffff; background-color: #09e5ab; border: 1px solid #09e5ab; } .header-one .header-nav .header-navbar-rht li:last-child { margin-right: 0; } @media (max-width: 991.98px) { .header-one .header-nav .header-navbar-rht { display: none; } } @media (max-width: 767.98px) { .header-one .header-nav .header-navbar-rht { display: none; } } .header-one .menu-header { background-color: #ffffff; height: 72px; padding: 0 15px; border-bottom: 2px solid #0E82FD; display: none; } .header-one .menu-header .menu-close { font-size: 20px; } .header-one .menu-header .menu-close i { color: #0E82FD; } .header-one .menu-header .menu-close i:hover { color: #000000; } @media (max-width: 991.98px) { .header-one .menu-header { display: flex; } } .togglesearch { position: absolute; top: 74px; right: 8%; width: 280px; display: none; z-index: 999; background: #ffffff; padding: 10px 10px; border-radius: 5px; box-shadow: 0 2px 8px rgba(183, 183, 183, 0.25); } .togglesearch input[type=text] { width: 182px; padding: 5px 10px; border: 1px solid #0E82FD; outline: none; height: 39px; border-radius: 5px 0 0 5px; } .togglesearch button { background: #0E82FD; color: #ffffff; border: 1px solid #0E82FD; outline: none; cursor: pointer; border-radius: 0 5px 5px 0; padding: 10px 12px; font-size: 14px; } .sidebar-overlay { background-color: rgba(0, 0, 0, 0.6); display: none; height: 100%; width: 100%; z-index: 1040; position: fixed; top: 0; left: 0; } @media (max-width: 991.98px) { .sidebar-overlay.opened { display: block; } } .menu-opened .main-menu-wrapper { transform: translateX(0) !important; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; } html.menu-opened body { overflow: hidden; } .services-wrapper { width: auto; min-height: 400px; padding: 25px; } .service-container { text-align: center; margin-top: 25px; } .singleservice { display: inline-block; width: 25%; height: 100%; background-color: #ffffff; padding: 25px; color: #b2b2b2; font-family: avenir; text-align: left; margin-bottom: 15px; padding: 31px; margin-left: 5px; margin-right: 5px; border-bottom: 5px solid skyblue; border-radius: 10px; } .singleserviceb { display: inline-block; width: 25%; height: 100%; background-color: #ffffff; padding: 25px; color: #b2b2b2; font-family: avenir; text-align: left; margin-bottom: 15px; padding: 31px; margin-left: 5px; margin-right: 5px; border-bottom: 5px solid orange; border-radius: 10px; } @media (max-width:500px) { .singleservice, .singleserviceb { width: 100%; } } h2.servicetitle{ font-family: century gothic; font-size: 13pt; font-weight: normal; letter-spacing: 1px; padding-bottom: 0px; text-align: center; text-transform: uppercase; color: #1e1d1d; font-weight: 700; } img.serviceicon { /*width: 20%;*/ height: auto; display: block; margin-left: auto; margin-right: auto; /*padding-bottom: 15px;*/ } .display-4 { font-size: 1.5rem; font-weight: 700; } #mobile_btn { display: none; margin-right: 30px; } @media (max-width: 991.98px) { #mobile_btn { display: inline-block; } } @media (max-width: 575.98px) { #mobile_btn { margin-right: 0; z-index: 99; position: absolute; left: 0; padding: 0; } } .header-two .header-nav .navbar-header #mobile_btn, .header-eight .header-nav .navbar-header #mobile_btn, .custom .header-nav .navbar-header #mobile_btn { margin-left: 0; } @media (max-width: 575.98px) { .navbar-brand.logo { width: 100%; text-align: center; margin-right: 0; } } @media (max-width: 575.98px) { .navbar-brand.logo img { height: 40px; } } .header-top { display: flex; background: #09e5ab; color: #ffffff; padding: 8px 30px; } @media (max-width: 991.98px) { .header-top { display: none; } } .header-top ul { display: flex; } .header-top ul li { padding-right: 25px; font-size: 13px; } .header-top ul li .top-icon { margin-right: 5px; } .header-top ul li:last-child { padding-right: 0; } .header-top .right-top { margin-left: auto; } .login-header-info { position: fixed; top: 0; left: 0; box-shadow: unset; background: #ffffff; border-bottom: 2px solid #F1F1F3; width: 100%; z-index: 11; } @media (max-width: 991.98px) { .login-header-info { display: none; } } .login-header-info .header-nav { height: 83px; margin: 0; padding: 0 30px; } @media (max-width: 991.98px) { .login-header-info .header-nav { height: 70px; margin: 0; padding: 0 20px; } } @media (max-width: 767.98px) { .login-header-info .header-nav { margin: 0; padding: 0 15px; } } .login-header-info .header-nav .main-nav li a { font-size: 15px; font-weight: 500; color: #6B7280; } .login-header-info .header-nav .main-nav li a:hover { color: #0E82FD; } .login-header-info .header-navbar-rht { display: none; } @media (max-width: 991.98px) { .login-header-info .header-navbar-rht { display: inherit; } } @media (max-width: 767.98px) { .login-header-info .header-navbar-rht { display: none; } } .login-header-info .flag-dropdown { margin: 0; padding: 18px 0; } @media (max-width: 991.98px) { .login-header-info .flag-dropdown { margin: 0; padding: 12px 0; } } .flag-dropdown .dropdown-toggle { color: #1F2937 !important; font-size: 14px !important; padding: 11px 15px; min-width: 146px; background: #ffffff; border: 1px solid #E4E4E8; border-radius: 8px; position: relative; display: flex !important; } .flag-dropdown .dropdown-toggle.show + .dropdown-menu { visibility: visible; opacity: 1; margin-top: 0; border-radius: 0 0 5px 5px; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } .flag-dropdown .dropdown-toggle:after { border-top: 0; border-left: 0; border-bottom: 2px solid #000000; border-right: 2px solid #000000; content: ""; height: 8px; display: inline-block; pointer-events: none; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 8px; vertical-align: 2px; margin-left: 0; position: absolute; top: 15px; right: 15px; } .flag-dropdown .dropdown-toggle:after:hover { border-bottom: 2px solid #000000; border-right: 2px solid #000000; } .flag-dropdown .dropdown-toggle .flag-img { margin-right: 10px; border-radius: 50px; width: 20px; } .flag-dropdown.show + .dropdown-menu { visibility: visible; opacity: 1; margin-top: 0; border-radius: 0 0 5px 5px; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } .flag-dropdown .dropdown-menu { border-radius: 5px; margin: 0; padding: 0; min-width: 200px; visibility: hidden; opacity: 0; top: 100%; left: auto !important; right: 0 !important; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; display: block; transform: translateY(40px); -webkit-transform: translateY(40px); -ms-transform: translateY(40px); } .flag-dropdown .dropdown-menu .dropdown-item { font-size: 14px !important; color: #000000; margin: 0; padding: 10px 15px; font-weight: 600; } .flag-dropdown .dropdown-menu .dropdown-item img { margin-right: 10px; width: 20px; } .flag-dropdown .dropdown-menu .dropdown-item:hover { color: #000000 14px !important; } .flag-dropdown .dropdown-toggle[aria-expanded=true]:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); } .main-nav li .flag-dropdown .submenu::before { display: none; } .flag-dropdown .dropdown-menu .dropdown-item.active, .flag-dropdown .dropdown-menu .dropdown-item:active { color: #ffffff; background-color: #09e5ab; } .noti-nav .nav-link { font-size: 18px; color: #6B7280; } .noti-nav .nav-link .badge { background-color: #0E82FD; border-radius: 2px; color: #ffffff; font-size: 10px; font-style: normal; text-align: center; position: absolute; top: 19px; right: -6px; padding: 0 5px; width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; line-height: 0; font-weight: normal; } .noti-nav .dropdown-menu { min-width: 420px; padding: 0; } .main-nav li.megamenu > ul { width: 100%; } .megamenu-wrapper { padding: 25px 25px 0; } .single-demo { transition: 0.4s; margin-bottom: 25px; } .single-demo:hover { transform: translateY(-20px); } .header .main-menu-wrapper .main-nav > li .submenu li .single-demo.active .demo-info .inner-demo-img { color: #1C5B91; } .header.header-sixteen .main-menu-wrapper .main-nav > li .submenu li .single-demo.active .demo-info .inner-demo-img { color: #1C5B91; } .header.header-thirteen .main-menu-wrapper .main-nav > li .submenu li .single-demo.active .demo-info .inner-demo-img { color: #1C5B91; } .header.header-twelve .main-menu-wrapper .main-nav > li .submenu li .single-demo.active .demo-info .inner-demo-img { color: #1C5B91; } .single-demo.active .demo-img { box-shadow: 0px 4.8px 24.4px -12px rgba(19, 16, 34, 0.1), 0px 4px 13px -2px rgba(19, 16, 34, 0.06); } .single-demo:hover .demo-info { opacity: 1; bottom: -30px; } .demo-info { /* position: absolute; bottom: -30px; */ width: 100%; margin: 0 auto; text-align: center; z-index: 1; /* opacity: 0; */ transition: 0.4s; margin-top: 10px; } @media (min-width: 992px) { .header .header-nav .main-nav li .submenu a.inner-demo-img:hover { padding-left: 0 !important; } } @media (min-width: 992px) { .header .header-nav .main-nav > li.megamenu { position: unset; } } .single-demo a { padding: 0 !important; } @media (min-width: 992px) { .header .header-nav .main-nav li > ul.mega-submenu { padding: 0; border: 0; display: block; opacity: 0; visibility: hidden; min-width: 250px; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform-origin: center top 0; -webkit-transform-origin: center top 0; -moz-transform-origin: center top 0; -ms-transform-origin: center top 0; -o-transform-origin: center top 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; box-shadow: 0 16px 50px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 16px 50px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 16px 50px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0 16px 50px rgba(0, 0, 0, 0.08); -o-box-shadow: 0 16px 50px rgba(0, 0, 0, 0.08); border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } .header .header-nav .main-nav li.has-submenu:hover > .submenu { opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); } .header .header-nav .main-nav li .submenu.mega-submenu::before { display: none; } } @media (max-width: 991.98px) { .megamenu-wrapper { padding: 0; } .demo-img { display: none; } .demo-info { opacity: 1; position: relative; bottom: 0; text-align: left; margin-top: 0; } .single-demo a { padding: 10px 15px 10px 35px !important; } .single-demo:hover .demo-info { bottom: 0; } .single-demo .demo-info a { padding: 10px 15px 10px 35px; } .single-demo:hover { transform: translateY(0); } .single-demo:hover .demo-info { bottom: 0; } .single-demo { margin-bottom: 0; } } @media (max-width: 991.98px) { .header.header-custom .header-nav .main-nav > li .submenu li .submenu li a { color: #2d3b48; } .header-one .main-menu-wrapper .main-nav > li .submenu > li.has-submenu > a::after { content: "\f078"; } .header-ten .main-menu-wrapper .main-nav > li .submenu > li.has-submenu > a::after { content: "\f078"; } } .header.header-ten { width: 100%; z-index: 1040; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background-color: transparent; box-shadow: 0px 4px 4px rgba(198, 198, 198, 0.25); } .header.header-ten .header-nav .main-nav .has-submenu.active .submenu li.active > a { color: #0E82FD; } .header.header-ten.min-header { width: 100%; z-index: 1040; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background-color: transparent; } .header.header-ten.header-fixed { display: block; width: 100%; z-index: 9999; background: #0E82FD; box-shadow: inherit; position: relative; } .header.header-ten.header-space { background: #0E82FD; position: fixed; } .header.header-ten.header-space .header-nav { height: 80px; } .header.header-ten .header-nav { background-color: transparent; border: 0; position: relative; margin: 0; padding: 0; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 991.98px) { .header.header-ten .header-nav { height: 70px; } } @media (max-width: 991.98px) { .header.header-ten .header-nav { margin: 0; padding: 0 0; } } @media (max-width: 991.98px) { .header.header-ten .header-nav .menu-header { height: 70px; } } @media (max-width: 991.98px) { .header.header-ten .header-nav .main-menu-wrapper { background-color: #0E82FD; } } @media (max-width: 991.98px) { .header.header-ten .navbar-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; } } .header.header-ten .navbar-header #mobile_btn { display: none; margin-right: 30px; } @media (max-width: 991.98px) { .header.header-ten .navbar-header #mobile_btn { display: inline-block; margin: 0; padding: 0 0; } } @media (max-width: 767.98px) { .header.header-ten .navbar-header #mobile_btn { margin-right: 0; } } .header.header-ten .navbar-header #mobile_btn .bar-icon { display: inline-block; width: 31px; } .header.header-ten .navbar-header #mobile_btn .bar-icon span { background-color: #ffffff; display: block; float: left; height: 3px; margin-bottom: 7px; width: 31px; border-radius: 2px; -webkit-transition: ease all 0.5s; -ms-transition: ease all 0.5s; transition: ease all 0.5s; position: relative; } .header.header-ten .navbar-header #mobile_btn .bar-icon span:nth-child(2) { width: 16px; } .header.header-ten .navbar-header #mobile_btn .bar-icon span:nth-child(3) { margin-bottom: 0; } .header.header-ten .main-menu-wrapper { margin: 0; padding: 0; } .header.header-ten .main-menu-wrapper .main-nav { list-style: none; margin: 0; padding: 0; } @media (max-width: 991.98px) { .header.header-ten .main-menu-wrapper .main-nav ul { background-color: #E6F1FF; display: none; list-style: none; margin: 0; padding-left: 0; } } .header.header-ten .main-menu-wrapper .main-nav li .btn { color: #ffffff; font-weight: 600; font-size: 14px; padding: 7px 8px !important; border: 1px solid #0E82FD; border-radius: 6px; } .header.header-ten .main-menu-wrapper .main-nav li .btn:hover { color: #0E82FD; border: 1px solid #0E82FD; background: transparent; } .header.header-ten .main-menu-wrapper .main-nav li .btn i { font-size: 15px; margin-right: 5px; margin-left: 0; } .header.header-ten .main-menu-wrapper .main-nav li .btn.reg-btn { min-width: 108px; background-color: #ffffff; border: 1px solid #E5E7EB; color: #1F2937; box-shadow: inset 0 0 0 0 #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .header.header-ten .main-menu-wrapper .main-nav li .btn.reg-btn:hover { color: #ffffff; background-color: #0E82FD; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 50px #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .header.header-ten .main-menu-wrapper .main-nav li .btn.log-btn { min-width: 87px; color: #ffffff; background-color: #0E82FD; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .header.header-ten .main-menu-wrapper .main-nav li .btn.log-btn:hover { color: #0E82FD; background-color: #ffffff; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .header.header-ten .main-menu-wrapper .main-nav li a { font-size: 15px; font-weight: 500; color: #ffffff; display: block; } @media (max-width: 1199.98px) { .header.header-ten .main-menu-wrapper .main-nav li a { font-size: 14px; } } .header.header-ten .main-menu-wrapper .main-nav li.login-link { display: none; } @media (max-width: 991.98px) { .header.header-ten .main-menu-wrapper .main-nav li.login-link { display: block; } } @media (min-width: 992px) { .header.header-ten .main-menu-wrapper .main-nav li > ul { background: #ffffff; box-shadow: 0px 4px 4px rgba(196, 196, 196, 0.25); border-radius: 0px 0px 6px 5px; display: block; font-size: 14px; min-width: 200px; opacity: 0; margin: 0; padding: 0; position: absolute; top: 100%; left: 0; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; transform: translateY(20px); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); visibility: hidden; z-index: 1000; } } @media (min-width: 992px) { .header.header-ten .main-menu-wrapper .main-nav li { display: block; position: relative; } } .header.header-ten .main-menu-wrapper .main-nav .register-btn { margin-right: 10px; } .header.header-ten .main-menu-wrapper .main-nav .register-btn:last-child { margin-right: 0; } @media (max-width: 991.98px) { .header.header-ten .main-menu-wrapper .main-nav .register-btn { display: none; } } @media (min-width: 992px) { .header.header-ten .main-menu-wrapper .main-nav > li { margin-right: 8px; } } @media (min-width: 1200.98px) { .header.header-ten .main-menu-wrapper .main-nav > li { margin-right: 20px; } } @media (max-width: 991.98px) { .header.header-ten .main-menu-wrapper .main-nav > li { border-bottom: 1px solid #E6F1FF; margin-left: 0; margin-right: 0; } } @media (max-width: 991.98px) { .header.header-ten .main-menu-wrapper .main-nav > li > a i { float: right; margin-top: 5px; } } @media (max-width: 991.98px) { .header.header-ten .main-menu-wrapper .main-nav > li > a { line-height: 1.5; padding: 15px 20px !important; color: #ffffff !important; font-size: 14px; background: transparent !important; border-radius: 0 !important; } } .header.header-ten .main-menu-wrapper .main-nav > li:last-child { margin-right: 0; } .header.header-ten .main-menu-wrapper .main-nav > li.active > a { color: #1C5B91 !important; } @media (max-width: 991.98px) { .header.header-ten .main-menu-wrapper .main-nav > li.active > a { color: #ffffff !important; } } .header.header-ten .main-menu-wrapper .main-nav > li > a { position: relative; } .header.header-ten .main-menu-wrapper .main-nav > li > a:hover { color: #09e5ab; } @media (min-width: 992px) { .header.header-ten .main-menu-wrapper .main-nav > li > a { padding: 10px 0 !important; line-height: normal; } } .header.header-ten .main-menu-wrapper .main-nav > li > a > i { font-size: 10px; margin-left: 6px; } .header.header-ten .main-menu-wrapper .main-nav > li.searchbar a { color: #6B7280; } .header.header-ten .main-menu-wrapper .main-nav > li.searchbar a i { font-size: 20px; color: #ffffff; } @media (max-width: 1199.98px) { .header.header-ten .main-menu-wrapper .main-nav > li.searchbar { display: none; } } .header.header-ten .main-menu-wrapper .main-nav > li.has-submenu .submenu .has-submenu .submenu::before { top: 20px; margin-left: -35px; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15); border-color: transparent #ffffff #ffffff transparent; } @media (min-width: 992px) { .header.header-ten .main-menu-wrapper .main-nav > li.has-submenu:hover > .submenu { visibility: visible; opacity: 1; margin-top: 0; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } .header.header-ten .main-menu-wrapper .main-nav > li.has-submenu:hover > .submenu > li.has-submenu:hover .submenu { visibility: visible; opacity: 1; margin-top: 0; margin-right: 0; } } .header.header-ten .main-menu-wrapper .main-nav > li .submenu li { position: relative; } .header.header-ten .main-menu-wrapper .main-nav > li .submenu li a { display: block; padding: 10px 15px; clear: both; white-space: nowrap; font-size: 14px; color: #2d3b48; -webkit-transition: all 0.35s ease; -ms-transition: all 0.35s ease; transition: all 0.35s ease; width: 100%; position: relative; border-top: 1px solid #f0f0f0; } .header.header-ten .main-menu-wrapper .main-nav > li .submenu li a.active { color: #0E82FD; } .header.header-ten .main-menu-wrapper .main-nav > li .submenu li a:hover { color: #0E82FD !important; } @media (max-width: 991.98px) { .header.header-ten .main-menu-wrapper .main-nav > li .submenu li a { padding: 10px 15px 10px 35px; } } .header.header-ten .main-menu-wrapper .main-nav > li .submenu > li.has-submenu > a::after { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 700; position: absolute; top: 12px; right: 15px; font-size: 13px; } @media (min-width: 992px) { .header.header-ten .main-menu-wrapper .main-nav > li .submenu > li .inner-submenu { left: 100%; top: 0; margin-top: 10px; } } @media (min-width: 992px) { .header.header-ten .main-menu-wrapper .main-nav > li .submenu::before { border: 7px solid #ffffff; border-color: transparent transparent #ffffff #ffffff; box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1); content: ""; position: absolute; top: 2px; left: 45px; -webkit-transform-origin: 0 0; transform-origin: 0 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } } @media (max-width: 991.98px) { .header.header-ten .main-menu-wrapper .main-nav { padding: 0; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } } @media (max-width: 991.98px) { .header.header-ten .main-menu-wrapper { order: 3; width: 260px; position: fixed; top: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto; z-index: 1060; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; transform: translateX(-260px); -webkit-transform: translateX(-260px); -ms-transform: translateX(-260px); background-color: #09e5ab; } } .header.header-ten .logo { display: inline-block; margin-right: 0; } @media (max-width: 991.98px) { .header.header-ten .logo.navbar-brand { width: 100%; text-align: center; margin: 0; padding: 0; } } .header.header-ten .header-nav .header-navbar-rht { margin: 0; padding: 0; color: #ffffff; font-size: 15px; font-weight: 600; margin-right: 2px; } .header.header-ten .header-nav .header-navbar-rht li { margin-right: 10px; padding-right: 0; } .header.header-ten .header-nav .header-navbar-rht li .btn { color: #ffffff; font-weight: 600; font-size: 15px; padding: 10px 12px; border: 1px solid transparent; border-radius: 35px; box-shadow: inset 0 0 0 0 #ffffff; transition: all 0.7s; display: flex; align-items: center; } .header.header-ten .header-nav .header-navbar-rht li .btn:hover { color: #0E82FD; border: 1px solid #ffffff; box-shadow: inset 0 0 0 50px #ffffff; } .header.header-ten .header-nav .header-navbar-rht li .btn i { margin-right: 8px; } .header.header-ten .header-nav .header-navbar-rht li .btn.reg-btn { background-color: #ffffff; border: 1px solid #E5E7EB; color: #1F2937; box-shadow: inset 0 0 0 0 #0E82FD; } .header.header-ten .header-nav .header-navbar-rht li .btn.reg-btn:hover { color: #ffffff; background-color: #0E82FD; border: 1px solid #ffffff; box-shadow: inset 0 0 0 50px #0E82FD; } .header.header-ten .header-nav .header-navbar-rht li:last-child { margin-right: 0; } @media (max-width: 991.98px) { .header.header-ten .header-nav .header-navbar-rht { display: none; } } @media (max-width: 767.98px) { .header.header-ten .header-nav .header-navbar-rht { display: none; } } .header.header-ten .menu-header { background-color: #ffffff; height: 72px; padding: 0 15px; border-bottom: 2px solid #0E82FD; display: none; } .header.header-ten .menu-header .menu-close { font-size: 20px; } .header.header-ten .menu-header .menu-close i { color: #0E82FD; } .header.header-ten .menu-header .menu-close i:hover { color: #000000; } @media (max-width: 991.98px) { .header.header-ten .menu-header { display: flex; } } .header.header-ten .header-nav .main-nav > li.megamenu { position: unset; } .header-trans.header-eleven .header-nav { border-bottom: 0; } @media (max-width: 575.98px) { .header-trans.header-eleven .header-nav .navbar-header #mobile_btn { left: 0; } } @media (max-width: 1199.98px) { .header-trans.header-eleven .header-nav .main-nav > li { margin-right: 10px; } } .header-trans.header-eleven .header-nav .main-nav > li > a { color: #ffffff; } .header-trans.header-eleven .header-nav .main-nav > li.has-submenu.active > a { color: #0CE0FF; } .header-trans.header-eleven .header-nav .main-nav > li.submenu a:hover { color: #0CE0FF; } .header-trans.header-eleven .header-navbar-rht li { border-right: 0; padding-right: 0; } .header-trans.header-eleven .header-navbar-rht li a.header-login { background: #0CE0FF; border-radius: 5px; font-size: 16px; font-weight: normal; padding: 13px 15px !important; text-transform: none; box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; display: flex; align-items: center; } .header-trans.header-eleven .header-navbar-rht li a.header-login:hover { background: #ffffff; color: #1C5B91; box-shadow: inset 0 60px 0 0 #ffffff; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; } .header-trans.header-eleven .header-navbar-rht li a.header-login.white-bg { color: #1C5B91; box-shadow: inset 0 0 0 0 #1C5B91; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; } .header-trans.header-eleven .header-navbar-rht li a.header-login.white-bg:hover { background: #1C5B91; color: #ffffff; box-shadow: inset 0 60px 0 0 #1C5B91; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; } .header.header-fourteen.header-twelve .header-nav { background-color: transparent; border-bottom: none; flex-wrap: wrap; justify-content: space-between; padding: 0; } @media (max-width: 1199.98px) { .header.header-fourteen.header-twelve .header-nav .logo { margin-right: 0; } } @media (max-width: 1199.98px) { .header.header-fourteen.header-twelve .header-nav { justify-content: start; } } @media (max-width: 991.98px) { .header.header-fourteen.header-twelve .header-nav { justify-content: space-between; } } @media (max-width: 991.98px) { .header.header-fourteen.header-twelve .header-nav .main-menu-wrapper { background-color: #F8FBFF; } } @media (max-width: 1199.98px) { .header.header-fourteen.header-twelve .header-nav .main-menu-wrapper .main-nav li { margin-right: 10px; } } @media (max-width: 991.98px) { .header.header-fourteen.header-twelve .header-nav .main-menu-wrapper .main-nav li { border-bottom: 1px solid #ffffff; } } .header.header-fourteen.header-twelve .header-nav .main-menu-wrapper .main-nav li a { color: #1F2937; } @media (max-width: 991.98px) { .header.header-fourteen.header-twelve .header-nav .main-menu-wrapper .main-nav li .submenu { background-color: #F8FBFF; } } .header.header-fourteen.header-twelve .header-nav .main-menu-wrapper .main-nav li .submenu a { color: #1F2937; } .header.header-fourteen.header-twelve .header-nav .main-menu-wrapper .main-nav li.active a { color: #0E82FD; font-weight: 700; } .header.header-fourteen.header-twelve .header-nav .main-menu-wrapper .main-nav li.active .submenu a { color: #1F2937; font-weight: 500; } .header.header-fourteen.header-twelve .header-nav .main-menu-wrapper .main-nav li.active .submenu a.active { color: #2DD4BF; font-weight: 500; } .header.header-fourteen.header-twelve .header-nav .main-menu-wrapper .main-nav li.active .submenu a { color: #1F2937; } .header.header-fourteen.header-twelve .header-nav .header-navbar-rht { padding: 0; margin: 0; } .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li { padding: 0 10px 0 0; } .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.login-link { display: none; } .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.searchbar-fourteen { background: #F6F7F5; border: 1px solid #E7E8E6; width: 38px; height: 38px; border-radius: 35px; padding: 0; transition: 0.5s; } .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.searchbar-fourteen:hover { background: #1C5B91; transition: 0.5s; } .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.searchbar-fourteen a { filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0)); } .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn { background: transparent; color: #1F2937; box-shadow: none; border: none; font-size: 15px; font-weight: 600; padding: 10px 12px; transition: 0.5s; display: flex; align-items: center; } @media (max-width: 1199.98px) { .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn { padding: 10px 5px; } } @media (max-width: 991.98px) { .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn { padding: 10px 12px; } } .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn:hover { background: #0E82FD; color: #ffffff; transition: 0.5s; } .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn.reg-btn-fourteen { background: #0E82FD; color: #ffffff; transition: 0.5s; border: 1px solid #0E82FD; font-size: 15px; font-weight: 600; } .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn.reg-btn-fourteen:hover { background: #ffffff; color: #0E82FD; transition: 0.5s; } .header.header-fourteen.header-fixed { position: fixed; display: block; width: 100%; z-index: 9999; box-shadow: inherit; } .header.header-fourteen.header-twelve.header-thirteen { background-color: #ffffff; } .header.header-fourteen.header-twelve.header-thirteen .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn-thirteen { display: flex; } .header.header-fourteen.header-twelve.header-thirteen .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn-thirteen span { padding: 8px 20px; border: 1px solid #0E82FD; background: #0E82FD; color: #ffffff; border-top-left-radius: 5px; border-bottom-left-radius: 5px; transition: all 0.5s; } .header.header-fourteen.header-twelve.header-thirteen .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn-thirteen .user-icon-header { display: flex; align-items: center; justify-content: center; width: 36px; border: 1px solid #0E82FD; background: #0F78E7; color: #ffffff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; transition: all 0.5s; } .header.header-fourteen.header-twelve.header-thirteen .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn-thirteen:hover span, .header.header-fourteen.header-twelve.header-thirteen .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn-thirteen:hover .user-icon-header { background: #ffffff; color: #0E82FD; } .header.header-fourteen .header-nav { background-color: transparent; border-bottom: none; flex-wrap: wrap; justify-content: space-between; padding: 0; } @media (max-width: 1199.98px) { .header.header-fourteen .header-nav .logo { margin-right: 0; } } @media (max-width: 1199.98px) { .header.header-fourteen .header-nav { justify-content: start; } } @media (max-width: 991.98px) { .header.header-fourteen .header-nav { justify-content: space-between; } } @media (max-width: 1199.98px) { .header.header-fourteen .header-nav .main-menu-wrapper .main-nav .has-submenu { margin-right: 10px; } } .header.header-fourteen .header-nav .main-menu-wrapper .main-nav .has-submenu a { color: #ffffff; } .header.header-fourteen .header-nav .main-menu-wrapper .main-nav .has-submenu .submenu a { color: #1F2937; } @media (max-width: 991.98px) { .header.header-fourteen .header-nav .main-menu-wrapper .main-nav .has-submenu .submenu a { color: #ffffff; } } .header.header-fourteen .header-nav .main-menu-wrapper .main-nav .has-submenu.active a { color: #2DD4BF; font-weight: 700; } .header.header-fourteen .header-nav .main-menu-wrapper .main-nav .has-submenu.active .submenu a { color: #1F2937; font-weight: 500; } .header.header-fourteen .header-nav .main-menu-wrapper .main-nav .has-submenu.active .submenu a.active { color: #2DD4BF; font-weight: 500; } .header.header-fourteen .header-nav .main-menu-wrapper .main-nav .has-submenu.active .submenu a { color: #1F2937; } @media (max-width: 991.98px) { .header.header-fourteen .header-nav .main-menu-wrapper .main-nav .has-submenu.active .submenu a { color: #ffffff; } } .header.header-fourteen .header-nav .header-navbar-rht { padding: 0; margin: 0; } .header.header-fourteen .header-nav .header-navbar-rht li { padding: 0 10px 0 0; } .header.header-fourteen .header-nav .header-navbar-rht li:last-child { padding-right: 0; } .header.header-fourteen .header-nav .header-navbar-rht li.login-link { display: none; } .header.header-fourteen .header-nav .header-navbar-rht li.searchbar-fourteen a { filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); background: #ffffff; border: 1px solid #E7E8E6; width: 38px; height: 38px; border-radius: 35px; padding: 0; transition: 0.5s; } .header.header-fourteen .header-nav .header-navbar-rht li.searchbar-fourteen a:hover { background: #1C5B91; color: #ffffff; border: 1px solid #1C5B91; transition: 0.5s; } .header.header-fourteen .header-nav .header-navbar-rht li.searchbar-fourteen a:hover a { color: #ffffff; } .header.header-fourteen .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn { background: transparent; color: #ffffff; box-shadow: none; border: none; font-size: 15px; font-weight: 600; padding: 10px 12px; transition: 0.5s; display: flex; align-items: center; } @media (max-width: 1199.98px) { .header.header-fourteen .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn { padding: 10px 5px; } } .header.header-fourteen .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn:hover { background: #2DD4BF; color: #1E5D8A; transition: 0.5s; } .header.header-fourteen .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn.reg-btn-fourteen { background: #2DD4BF; color: #1E5D8A; transition: 0.5s; font-size: 15px; font-weight: 600; } .header.header-fourteen .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn.reg-btn-fourteen:hover { background: #ffffff; color: #1E5D8A; transition: 0.5s; } .header.header-fixed { position: fixed; display: block; width: 100%; z-index: 9999; box-shadow: inherit; } @media (max-width: 1199.98px) { .header.header-fourteen.header-fifteen .header-nav .logo { margin-right: 0; } } @media (max-width: 991.98px) { .header.header-fourteen.header-fifteen .header-nav { justify-content: space-between; } } @media (max-width: 1399.98px) { .header.header-fourteen.header-fifteen .header-nav .main-menu-wrapper .main-nav li { margin-right: 20px; } } @media (max-width: 1199.98px) { .header.header-fourteen.header-fifteen .header-nav .main-menu-wrapper .main-nav li { margin-right: 5px; } } .header.header-fourteen.header-fifteen .header-nav .main-menu-wrapper .main-nav li a { color: #1F2937; } @media (max-width: 991.98px) { .header.header-fourteen.header-fifteen .header-nav .main-menu-wrapper .main-nav li a { color: #ffffff; } } .header.header-fourteen.header-fifteen .header-nav .header-navbar-rht .login-in-fourteen .reg-btn { padding: 18px 15px; background: #0CE0FF; color: #ffffff; border-radius: 10px; font-size: 14px; display: flex; align-items: center; } @media (max-width: 1399.98px) { .header.header-fourteen.header-fifteen .header-nav .header-navbar-rht .login-in-fourteen .reg-btn { padding: 13px 10px; } } @media (max-width: 1199.98px) { .header.header-fourteen.header-fifteen .header-nav .header-navbar-rht .login-in-fourteen .reg-btn { padding: 10px 5px; } } @media (max-width: 991.98px) { .header.header-fourteen.header-fifteen .header-nav .header-navbar-rht .login-in-fourteen .reg-btn { padding: 13px 10px; } } .header.header-fourteen.header-fifteen .header-nav .header-navbar-rht .login-in-fourteen .reg-btn.reg-btn-fourteen { background: #FFAF14; color: #ffffff; } .header.header-fourteen.header-sixteen { box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.08); background-color: #ffffff !important; } @media (max-width: 1199.98px) { .header.header-fourteen.header-sixteen .header-nav .logo { margin-right: 30px; } } @media (max-width: 991.98px) { .header.header-fourteen.header-sixteen .header-nav .logo { margin-right: 0; } } @media (max-width: 1399.98px) { .header.header-fourteen.header-sixteen .header-nav { justify-content: start; } } @media (max-width: 991.98px) { .header.header-fourteen.header-sixteen .header-nav { justify-content: space-between; } } .header.header-fourteen.header-sixteen .header-nav .bar-icon span { background: #0E82FD; } .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li:last-child { margin-right: 30px; } @media (max-width: 1199.98px) { .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li:last-child { margin-right: 10px; } } @media (max-width: 1199.98px) { .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li { margin-right: 10px; } } .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li a { color: #1F2937; } @media (max-width: 991.98px) { .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li a { color: #ffffff; } } .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li .submenu a { color: #1F2937; } @media (max-width: 991.98px) { .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li .submenu a { color: #ffffff; } } .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li.active a { color: #3B9CF6; font-weight: 700; } .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li.active .submenu a { color: #1F2937; font-weight: 500; } .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li.active .submenu a.active { color: #3B9CF6; font-weight: 500; } .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li.active .submenu a { color: #1F2937; } @media (max-width: 991.98px) { .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li.active .submenu a { color: #ffffff; } } @media (max-width: 991.98px) { .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav .searchbar { display: none; } } .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav .searchbar a i { font-size: 18px; color: #6B7280; } .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav .searchbar a i:hover { color: #1C5B91; } .header.header-fourteen.header-sixteen .header-nav .header-navbar-rht .login-in-sixteen .reg-btn { padding: 12px 14px; background: #0E82FD; box-shadow: inset 0 0 0 0 #0E82FD; color: #ffffff; border-radius: 6px; font-size: 14px; font-weight: 600; display: flex; align-items: center; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; } .header.header-fourteen.header-sixteen .header-nav .header-navbar-rht .login-in-sixteen .reg-btn:hover { background: #ffffff; color: #1C5B91; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; box-shadow: inset 0 60px 0 0 #ffffff; } @media (max-width: 1399.98px) { .header.header-fourteen.header-sixteen .header-nav .header-navbar-rht .login-in-sixteen .reg-btn { padding: 13px 10px; } } @media (max-width: 1199.98px) { .header.header-fourteen.header-sixteen .header-nav .header-navbar-rht .login-in-sixteen .reg-btn { padding: 10px 5px; } } @media (max-width: 991.98px) { .header.header-fourteen.header-sixteen .header-nav .header-navbar-rht .login-in-sixteen .reg-btn { padding: 13px 10px; } } .header.header-fourteen.header-sixteen .header-nav .header-navbar-rht .login-in-sixteen .reg-btn.reg-btn-sixteen { background: transparent; color: #1F2937; border: none; font-weight: 600; box-shadow: inset 0 0 0 0 #1C5B91; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; } .header.header-fourteen.header-sixteen .header-nav .header-navbar-rht .login-in-sixteen .reg-btn.reg-btn-sixteen:hover { background: #1C5B91; color: #ffffff; box-shadow: inset 0 60px 0 0 #1C5B91; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; } .nav-tabs { border-bottom: 1px solid #f0f0f0; } @media (max-width: 767.98px) { .nav-tabs { border-bottom: 0; position: relative; background-color: #ffffff; border: 1px solid #dddddd; padding: 5px 0; border-radius: 3px; } } .nav-tabs > li > a { margin-right: 0; color: #888888; border-radius: 3px; } @media (max-width: 767.98px) { .nav-tabs > li > a { border-width: 2px; border-left-color: transparent; } } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color: transparent; color: #272b41; } @media (max-width: 767.98px) { .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { background-color: #fafafa; } } @media (max-width: 767.98px) { .nav-tabs > li > a.active { border-color: transparent transparent transparent #20c0f3 !important; border-left-width: 2px; } } .nav-tabs > li.open:not(.active) > a, .nav-tabs > li.open:not(.active) > a:hover, .nav-tabs > li.open:not(.active) > a:focus { background-color: #fafafa; } @media (max-width: 767.98px) { .nav-tabs .nav-item { margin-bottom: 0; } } @media (max-width: 767.98px) { .nav-tabs .nav-item.show .nav-link { border-color: transparent transparent transparent #20c0f3 !important; border-left-width: 2px; } } .nav-tabs .nav-link { border-radius: 0; } @media (max-width: 767.98px) { .nav-tabs .nav-link { border-width: 2px; } } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { background-color: #eeeeee; border-color: transparent; color: #272b41; } @media (max-width: 767.98px) { .nav-tabs.nav-justified { border-bottom: 1px solid #dddddd; } } .nav-tabs.nav-justified > li > a { margin-bottom: 0; border-radius: 0; } .nav-tabs.nav-justified > li > a:hover, .nav-tabs.nav-justified > li > a:focus { border-bottom-color: #dddddd; } @media (max-width: 767.98px) { .nav-tabs.nav-justified > li > a.active { border-color: transparent transparent transparent #20c0f3; border-left-width: 2px !important; } } .nav-tabs.nav-justified.nav-tabs-solid > li > a { color: #272b41; } .nav-tabs.nav-justified.nav-tabs-top { border-bottom: 1px solid #dddddd; } .nav-tabs.nav-justified.nav-tabs-top > li > a, .nav-tabs.nav-justified.nav-tabs-top > li > a:hover, .nav-tabs.nav-justified.nav-tabs-top > li > a:focus { border-width: 2px 0 0 0; } .nav-tabs.nav-tabs-top > li { margin-bottom: 0; } .nav-tabs.nav-tabs-top > li > a { border-width: 2px 0 0 0; } .nav-tabs.nav-tabs-top > li > a.open { border-top-color: #dddddd; } .nav-tabs.nav-tabs-top > li > a:hover, .nav-tabs.nav-tabs-top > li > a:focus { border-width: 2px 0 0 0; border-top-color: #dddddd; } .nav-tabs.nav-tabs-top > li > a.active, .nav-tabs.nav-tabs-top > li > a.active:hover, .nav-tabs.nav-tabs-top > li > a.active:focus { border-top-color: #20c0f3; } .nav-tabs.nav-tabs-top > li + li > a { margin-left: 1px; } .nav-tabs.nav-tabs-bottom > li > a.active, .nav-tabs.nav-tabs-bottom > li > a.active:hover, .nav-tabs.nav-tabs-bottom > li > a.active:focus { border-bottom-width: 2px; border-color: transparent; border-bottom-color: #20c0f3; background-color: transparent; -webkit-transition: none 0s ease 0s; -ms-transition: none 0s ease 0s; transition: none 0s ease 0s; } @media (max-width: 767.98px) { .nav-tabs.nav-tabs-bottom > li > a.active, .nav-tabs.nav-tabs-bottom > li > a.active:hover, .nav-tabs.nav-tabs-bottom > li > a.active:focus { background-color: #f5f5f5; } } @media (max-width: 767.98px) { .nav-tabs .nav-tabs-justified { border-bottom: 1px solid #dddddd; } } .nav-tabs .nav-tabs-justified > li > a { border-radius: 0; margin-bottom: 0; } .nav-tabs .nav-tabs-justified > li > a:hover, .nav-tabs .nav-tabs-justified > li > a:focus { border-bottom-color: #dddddd; } .nav-tabs .nav-tabs-justified > li > a.active, .nav-tabs .nav-tabs-justified > li > a.active:focus, .nav-tabs .nav-tabs-justified > li > a.active:hover { border-width: 0 0 0 2px; border-left-color: #20c0f3; } .nav-tabs .nav-tabs-justified.nav-tabs-solid > li > a { border-color: transparent; } .nav-tabs .nav-tabs-justified.nav-tabs-top { border-bottom: 1px solid #dddddd; } .nav-tabs .nav-tabs-justified.nav-tabs-top > li a, .nav-tabs .nav-tabs-justified.nav-tabs-top > li a:hover, .nav-tabs .nav-tabs-justified.nav-tabs-top > li a:focus { border-width: 2px 0 0 0; } .nav-tabs.nav-tabs-solid { background-color: #fafafa; border: 0; } @media (max-width: 767.98px) { .nav-tabs.nav-tabs-solid { padding: 5px; } } .nav-tabs.nav-tabs-solid > li { margin-bottom: 0; } .nav-tabs.nav-tabs-solid > li a { color: #272b41; } .nav-tabs.nav-tabs-solid > li a.active, .nav-tabs.nav-tabs-solid > li a.active:hover, .nav-tabs.nav-tabs-solid > li a.active:focus { background-color: #20c0f3; border-color: #20c0f3; color: #ffffff; } .nav-tabs.nav-tabs-solid > li > a { border-color: transparent; } @media (max-width: 767.98px) { .nav-tabs.nav-tabs-solid > li > a { border-left-width: 0 !important; } } .nav-tabs.nav-tabs-solid > li > a:hover, .nav-tabs.nav-tabs-solid > li > a:focus { background-color: #f5f5f5; } .nav-tabs.nav-tabs-solid > li > a.active, .nav-tabs.nav-tabs-solid > li > a.active:hover, .nav-tabs.nav-tabs-solid > li > a.active:focus { background-color: #20c0f3; border-color: #20c0f3; color: #ffffff; } .nav-tabs.nav-tabs-solid .active > a, .nav-tabs.nav-tabs-solid .active a:hover, .nav-tabs.nav-tabs-solid .active a:focus { background-color: #20c0f3; border-color: #20c0f3; color: #ffffff; } .nav-tabs.nav-tabs-solid.nav-tabs-rounded { border-radius: 50px; } @media (max-width: 767.98px) { .nav-tabs.nav-tabs-solid.nav-tabs-rounded { border-radius: 5px; } } .nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a { border-radius: 50px; } .nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active, .nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active:hover, .nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active:focus { border-radius: 50px; } @media (max-width: 767.98px) { .nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active, .nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active:hover, .nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active:focus { border-color: transparent transparent transparent #20c0f3 !important; border-left-width: 2px; } } @media (max-width: 767.98px) { .nav-tabs.nav-tabs-solid.nav-tabs-rounded { border-radius: 5px; } } .nav-tabs.nav-tabs-solid > .open:not(.active) > a { background-color: #f5f5f5; border-color: transparent; } @media (max-width: 767.98px) { .nav-tabs .nav-link.active { border-color: transparent transparent transparent #20c0f3 !important; border-left-width: 2px; } } .tab-content { padding-top: 20px; } .card-header-tabs { border-bottom: 0; } .carousel-fade .carousel-item { opacity: 0; transition-duration: 0.6s; transition-property: opacity; } .carousel-fade .carousel-item.active { opacity: 1; } .carousel-fade .carousel-item-next { transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .carousel-fade .carousel-item-next .carousel-item-left { opacity: 1; } .carousel-fade .carousel-item-prev { transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .carousel-fade .carousel-item-prev .carousel-item-right { opacity: 1; } .carousel-fade .active { transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .carousel-fade .active .carousel-item-left, .carousel-fade .active .carousel-item-right { opacity: 0; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .carousel-item { height: 75vh; min-height: 350px; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: -1 !important; } .divider .carousel-caption { position: absolute; top: 110px; right: 0; bottom: 20px; left: 5%; } .carousel-caption { z-index: 10; padding-bottom: 20px; color: #ffffff; position: absolute; top: 110px; right: 0; bottom: 20px; left: 15%; } .carousel-caption span { font-size: 32px; font-weight: 700; color: rgb(46, 56, 66); } .carousel-caption h2 { font-size: 54px; font-weight: 700; color: rgb(30, 92, 146); } .carousel-caption p { font-size: 18px; font-weight: 700; color: rgb(46, 56, 66); } @media (max-width: 991.98px) { .carousel-inner { height: 430px; } } @media (max-width: 767.98px) { .carousel-inner { height: 200px; } } .slide-nav-1 button.owl-next, .slide-nav-1 button.owl-prev, .slide-nav-2 button.owl-next, .slide-nav-2 button.owl-prev, .slide-nav-3 button.owl-next, .slide-nav-3 button.owl-prev, .slide-nav-4 button.owl-next, .slide-nav-4 button.owl-prev { width: 34px; height: 34px; background: #10DEFD; text-shadow: none; top: 4px; cursor: pointer; border: 0; color: #ffffff; margin-bottom: 15px; border-radius: 8px; transform: rotate(-44deg); -webkit-transform: rotate(-44deg); -ms-transform: rotate(-44deg); } @media (max-width: 767.98px) { .slide-nav-1 button.owl-next, .slide-nav-1 button.owl-prev, .slide-nav-2 button.owl-next, .slide-nav-2 button.owl-prev, .slide-nav-3 button.owl-next, .slide-nav-3 button.owl-prev, .slide-nav-4 button.owl-next, .slide-nav-4 button.owl-prev { width: 28px; height: 28px; } } .owl-theme .owl-dots, .owl-nav button { margin-top: 30px; } @media (max-width: 767.98px) { .owl-theme .owl-dots, .owl-nav button { margin-top: 10px; } } .custom-arrow { transform: rotate(44deg); -webkit-transform: rotate(44deg); -ms-transform: rotate(44deg); } .owl-nav button.owl-next { margin-left: 20px; } .footer { background-color: #15558d; } .footer.footer-one .footer-bottom .copyright .copyright-text p { color: #6B7280; } @media (max-width: 767.98px) { .footer.footer-one .footer-bottom .copyright .copyright-text p { text-align: center; } } .footer .footer-top { padding: 40px 0; } @media (max-width: 991.98px) { .footer .footer-top { padding-bottom: 10px; } } .footer .footer-top .footer-title { color: #ffffff; font-size: 20px; font-weight: 700; margin: 0 0 30px; text-transform: capitalize; } @media (max-width: 767.98px) { .footer .footer-top .footer-title { font-size: 18px; } } @media (max-width: 575.98px) { .footer .footer-top .footer-title { font-size: 18px; } } @media (max-width: 991.98px) { .footer .footer-top .footer-widget { margin-bottom: 30px; } } .footer .footer-top .footer-widget.footer-menu ul { list-style: none; outline: none; margin: 0; padding: 0; } .footer .footer-top .footer-widget.footer-menu ul li { margin-bottom: 10px; position: relative; } .footer .footer-top .footer-widget.footer-menu ul li:last-child { margin-bottom: 0; } .footer .footer-top .footer-widget.footer-menu ul li a { color: #ffffff; font-size: 15px; padding-left: 20px; position: relative; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .footer .footer-top .footer-widget.footer-menu ul li a:hover { color: #ffffff; letter-spacing: 0.5px; padding-left: 30px; } .footer .footer-top .footer-widget.footer-menu ul li a::before { content: "\f101"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px; position: absolute; top: 0; left: 0; } .footer .footer-top .footer-widget .footer-logo { margin: 0 0 30px; } .footer .footer-top .footer-widget .footer-about-content p { color: #ffffff; } .footer .footer-top .footer-widget .footer-about-content p:last-child { margin-bottom: 0; } .footer .footer-top .footer-widget .footer-about-content .social-icon ul { list-style: none; margin: 0; padding: 0; } .footer .footer-top .footer-widget .footer-about-content .social-icon ul li { margin-right: 15px; } .footer .footer-top .footer-widget .footer-about-content .social-icon ul li:last-child { margin-right: 0; } .footer .footer-top .footer-widget .footer-about-content .social-icon ul li a { color: #ffffff; font-size: 20px; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .footer .footer-top .footer-widget .footer-about-content .social-icon ul li a:hover { color: #09e5ab; } .footer .footer-top .footer-widget .footer-contact-info { color: #ffffff; font-size: 15px; } .footer .footer-top .footer-widget .footer-contact-info .footer-address span { margin-right: 20px; } .footer .footer-top .footer-widget .footer-contact-info .footer-address span i.fa-map-marker-alt { font-size: 20px; } .footer .footer-top .footer-widget .footer-contact-info .footer-address p { margin: 0 0 1rem; } .footer .footer-top .footer-widget .footer-contact-info p i { margin-right: 15px; } .footer .footer-bottom .copyright { border-top: 1px solid #1663a6; padding: 30px 0; } .footer .footer-bottom .copyright .copyright-text p { font-size: 15px; color: #ffffff; } .footer .footer-bottom .copyright .copyright-text p a { color: #1F2937; font-weight: 500; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .footer .footer-bottom .copyright .copyright-text p a:hover { color: #0E82FD; } .footer .footer-bottom .copyright .copyright-text p.title { font-weight: 400; margin: 10px 0 0; } .footer .footer-bottom .copyright .policy-menu { font-size: 14px; text-align: right; margin: 0; padding: 0; } @media (max-width: 767.98px) { .footer .footer-bottom .copyright .policy-menu { margin-top: 10px; text-align: left; } } .footer .footer-bottom .copyright .policy-menu li { display: inline-block; margin-right: 15px; } .footer .footer-bottom .copyright .policy-menu li:last-child { margin-right: 0; } .footer .footer-bottom .copyright .policy-menu li a { color: #ffffff; } .footer .footer-bottom .copyright .policy-menu li a:hover, .footer .footer-bottom .copyright .policy-menu li a:focus { color: #0E82FD; } .footer .footer-bottom .copyright .policy-menu li::after { color: #ffffff; content: "|"; font-weight: 300; position: relative; left: 10px; } .footer .footer-bottom .copyright .policy-menu li:last-child::after { content: ""; } .footer-one { background: #F2F6F6; } .footer-one .footer-top { margin: 0; padding: 50px 0; } @media (max-width: 991.98px) { .footer-one .footer-top { margin: 0; padding: 40px 0 10px; } } @media (max-width: 767.98px) { .footer-one .footer-top { margin: 0; padding: 40px 0 0; } } .footer-one .footer-top .footer-widget .footer-logo { margin-bottom: 20px; } .footer-one .footer-top .footer-widget .footer-about-content { max-width: 272px; } .footer-one .footer-top .footer-widget .footer-about-content p { margin-bottom: 0; font-size: 14px; color: #6B7280; } .footer-one .footer-top .footer-widget.footer-menu ul { list-style: none; margin: 0; padding: 0; } .footer-one .footer-top .footer-widget .footer-title { font-size: 18px; font-weight: 600; color: #1F2937; margin-bottom: 25px; } @media (max-width: 991.98px) { .footer-one .footer-top .footer-widget { margin-bottom: 30px; } } @media (max-width: 767.98px) { .footer-one .footer-top .footer-widget { margin-bottom: 25px; } } .footer-one .footer-top .footer-widget.footer-menu ul li { margin-bottom: 15px; } .footer-one .footer-top .footer-widget.footer-menu ul li:last-child { margin-bottom: 0; } .footer-one .footer-top .footer-widget.footer-menu ul li a { color: #6B7280; position: relative; overflow: visible; background: url(../img/footer-arrow.png) no-repeat -10px; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; padding-left: 0; font-size: 14px; } .footer-one .footer-top .footer-widget.footer-menu ul li a:hover { color: #0E82FD; background: url(../img/footer-arrow.png) no-repeat 4px; padding-left: 20px; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .footer-one .footer-top .footer-widget.footer-menu ul li a::before { display: none; } .footer-one .footer-top .footer-widget .footer-contact-info .footer-address { margin-bottom: 15px; } .footer-one .footer-top .footer-widget .footer-contact-info .footer-address p { margin-bottom: 0; color: #6B7280; font-size: 14px; } .footer-one .footer-top .footer-widget .footer-contact-info .footer-address p i { font-size: 16px; color: #9CA3AF; margin-right: 10px; } .footer-one .footer-bottom .copyright { border-top: 1px solid #E5E7EB; margin: 0; padding: 30px 0; } .footer-one .footer-bottom .copyright .policy-menu { margin: 0; padding: 0; list-style: none; text-align: right; } .footer-one .footer-bottom .copyright .policy-menu li { display: inline-block; margin-right: 25px; color: #1F2937; font-weight: 500; } @media (max-width: 767.98px) { .footer-one .footer-bottom .copyright .policy-menu li { display: block; margin-right: 0; margin-bottom: 8px; text-align: center; margin-top: 10px; } .footer-one .footer-bottom .copyright .policy-menu li:last-child { margin-bottom: 0; } } .footer-one .footer-bottom .copyright .policy-menu li::after { font-size: 15px; color: #6B7280; content: "|"; font-weight: 500; position: relative; left: 15px; } @media (max-width: 767.98px) { .footer-one .footer-bottom .copyright .policy-menu li::after { display: none; } } .footer-one .footer-bottom .copyright .policy-menu li:last-child::after { content: ""; } .footer-one .footer-bottom .copyright .policy-menu li a { color: #6B7280; } .footer-one .footer-bottom .copyright .policy-menu li a:hover { color: #0E82FD; } @media (max-width: 991.98px) { .footer-one .footer-bottom .copyright { margin: 0; padding: 25px 0; } } .subscribe-form { position: relative; margin-bottom: 20px; } .subscribe-form .form-control { font-weight: 500; font-size: 14px; min-height: 46px; color: #6B7280; background: #ffffff; border: 1px solid #E5E7EB; border-radius: 6px 0px 0px 6px; margin: 0; padding: 6px 112px 6px 15px; } @media (max-width: 991.98px) { .subscribe-form .form-control { padding-right: 180px; } } @media (max-width: 767.98px) { .subscribe-form .form-control { min-height: 46px; padding-right: 145px; } } .subscribe-form .form-control::placeholder { font-weight: 500; font-size: 14px; color: #6B7280; } .subscribe-form .btn { font-weight: normal; margin: 0; padding: 11px 16px; font-size: 15px; font-weight: 600; border-radius: 0 6px 6px 0; position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: #ffffff; background: #0E82FD; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 0 #ffffff; } .subscribe-form .btn:hover { color: #0E82FD; border-color: #0E82FD; background: #ffffff; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } @media (max-width: 767.98px) { .subscribe-form .btn { font-size: 14px; } } .subscribe-content p { max-width: 360px; margin-bottom: 0; font-size: 14px; color: #6B7280; } .footer-two { background-color: #15558d; } .footer-two .footer-top { padding: 40px 0; } @media (max-width: 991.98px) { .footer-two .footer-top { padding-bottom: 10px; } } .footer-two .footer-top .footer-title { color: #ffffff; font-size: 20px; font-weight: 700; margin: 0 0 30px; text-transform: capitalize; } @media (max-width: 767.98px) { .footer-two .footer-top .footer-title { font-size: 18px; } } @media (max-width: 575.98px) { .footer-two .footer-top .footer-title { font-size: 18px; } } @media (max-width: 991.98px) { .footer-two .footer-top .footer-widget { margin-bottom: 30px; } } .footer-two .footer-top .footer-widget.footer-menu ul { list-style: none; outline: none; margin: 0; padding: 0; } .footer-two .footer-top .footer-widget.footer-menu ul li { margin-bottom: 10px; position: relative; } .footer-two .footer-top .footer-widget.footer-menu ul li:last-child { margin-bottom: 0; } .footer-two .footer-top .footer-widget.footer-menu ul li a { color: #ffffff; font-size: 15px; padding-left: 20px; position: relative; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .footer-two .footer-top .footer-widget.footer-menu ul li a:hover { color: #ffffff; letter-spacing: 0.5px; padding-left: 30px; } .footer-two .footer-top .footer-widget.footer-menu ul li a::before { content: "\f101"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px; position: absolute; top: 0; left: 0; } .footer-two .footer-top .footer-widget .footer-logo { margin: 0 0 30px; } .footer-two .footer-top .footer-widget .footer-about-content { max-width: inherit; } .footer-two .footer-top .footer-widget .footer-about-content p { color: #ffffff; margin-bottom: 15px; } .footer-two .footer-top .footer-widget .footer-about-content p:last-child { margin-bottom: 0; } .footer-two .footer-top .footer-widget .footer-about-content .social-icon ul { list-style: none; margin: 0; padding: 0; } .footer-two .footer-top .footer-widget .footer-about-content .social-icon ul li { margin-right: 15px; } .footer-two .footer-top .footer-widget .footer-about-content .social-icon ul li:last-child { margin-right: 0; } .footer-two .footer-top .footer-widget .footer-about-content .social-icon ul li a { color: #ffffff; font-size: 20px; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .footer-two .footer-top .footer-widget .footer-about-content .social-icon ul li a:hover { color: #09e5ab; } .footer-two .footer-top .footer-widget .footer-contact-info { color: #ffffff; font-size: 15px; } .footer-two .footer-top .footer-widget .footer-contact-info .footer-address span { margin-right: 20px; } .footer-two .footer-top .footer-widget .footer-contact-info .footer-address span i.fa-map-marker-alt { font-size: 20px; } .footer-two .footer-top .footer-widget .footer-contact-info .footer-address p { margin: 0; } .footer-two .footer-top .footer-widget .footer-contact-info p i { margin-right: 15px; } .footer-two .footer-bottom .copyright { border-top: 1px solid #1663a6; padding: 30px 0; } .footer-two .footer-bottom .copyright .copyright-text p { color: #ffffff; font-size: 15px; } .footer-two .footer-bottom .copyright .copyright-text p a { color: #09e5ab; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .footer-two .footer-bottom .copyright .copyright-text p a:hover { color: #ffffff; } .footer-two .footer-bottom .copyright .copyright-text p.title { font-weight: 400; margin: 10px 0 0; } .footer-two .footer-bottom .copyright .policy-menu { font-size: 14px; text-align: right; margin: 0; padding: 0; } @media (max-width: 767.98px) { .footer-two .footer-bottom .copyright .policy-menu { margin-top: 10px; text-align: left; } } .footer-two .footer-bottom .copyright .policy-menu li { display: inline-block; margin-right: 15px; } .footer-two .footer-bottom .copyright .policy-menu li:last-child { margin-right: 0; } .footer-two .footer-bottom .copyright .policy-menu li a { color: #ffffff; } .footer-two .footer-bottom .copyright .policy-menu li a:hover, .footer-two .footer-bottom .copyright .policy-menu li a:focus { color: #09e5ab; } .footer-two .footer-bottom .copyright .policy-menu li::after { color: #ffffff; content: "|"; font-weight: 300; position: relative; left: 10px; } .footer-two .footer-bottom .copyright .policy-menu li:last-child::after { content: ""; } .footer-three { background: #ffffff; } .footer-three .footer-top { margin: 0; padding: 30px 0; } .footer-three .footer-widget .footer-title { color: #0071DC; margin: 0 0 15px; } .footer-three .footer-widget .footer-about-content p { font-size: 13px; color: #000000; margin-bottom: 28px; } .footer-three .footer-menu ul li { margin: 0 0 10px; } .footer-three .footer-menu ul li a { color: #000000; font-size: 16px; background: none; } .footer-three .footer-menu ul li a:hover { background: none; padding-left: 0; } @media (max-width: 1199.98px) { .footer-three .footer-menu ul li a { font-size: 15px; } } @media (max-width: 767.98px) { .footer-three .footer-menu ul li a { font-size: 14px; } } .footer-three .footer-link { margin-bottom: 20px !important; } .footer-three .social-icon ul { list-style: none; margin: 0; padding: 0; } .footer-three .social-icon ul li { display: inline-block; margin-right: 10px; } .footer-three .social-icon ul li:last-child { margin-right: 0; } .footer-three .social-icon ul li a { width: 45px; height: 45px; color: #ffffff; background: #0071DC; border: 1px solid #0071DC; border-radius: 50%; font-size: 18px; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .footer-three .social-icon ul li a:hover { background: #3B9CF6; color: #ffffff; } @media (max-width: 1199.98px) { .footer-three .social-icon ul li a { width: 35px; height: 35px; font-size: 14px; } } .footer-three .footer-bottom .copyright { border-top: 1px solid #D9D9D9; } .footer-three .footer-bottom .copyright .copyright-menu p { color: #000000; margin: 0; } @media (max-width: 991.98px) { .footer-three .footer-bottom .copyright .copyright-menu { margin: 0 0 15px; } } @media (max-width: 767.98px) { .footer-three .footer-bottom .copyright .footer-language > img { margin: 0 0 15px; } } .footer-three .footer-bottom .copyright .footer-language .footer-select { width: 164px; position: relative; } .footer-three .footer-bottom .copyright .footer-language .footer-select .select-icon { position: absolute; top: 55%; left: 14px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 9; color: #999999; } .footer-three .footer-bottom .copyright .footer-language .footer-select .select2-container .select2-selection--single { border: 1px solid #D9D9D9; border-radius: 100px; } .footer-three .footer-bottom .copyright .footer-language .footer-select .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 30px; } .footer-three .footer-bottom .copyright .footer-language .footer-select .select2-container--default .select2-selection--single .select2-selection__rendered { color: #999999; font-weight: 500; } @media (max-width: 767.98px) { .footer-three .footer-bottom .copyright .footer-language { display: block; } } .footer-one .social-icon ul { list-style: none; margin: 0; padding: 0; } .footer-one .social-icon ul li { margin-right: 15px; } .footer-one .social-icon ul li:last-child { margin-right: 0; } .footer-one .social-icon ul li a { color: #6B7280; font-size: 20px; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .footer-one .social-icon ul li a:hover { color: #0E82FD; } .footer.footer-one.footer-ten { background: #F8FAFC; position: relative; } .footer.footer-one.footer-ten .social-icon { position: relative; } .footer.footer-one.footer-ten .footer-ten-bg img { position: absolute; } .footer.footer-one.footer-ten .footer-ten-bg img:nth-child(1) { left: 0; } .footer.footer-one.footer-ten .footer-ten-bg img:nth-child(2) { right: 0; bottom: 0; } .footer.footer-one.footer-ten .footer-ten-bg img:nth-child(3) { left: 50%; transform: translate(-50%, 100%); } .footer.footer-one.footer-ten .footer-details { padding-bottom: 50px; border-bottom: 1px solid #E2E8F0; margin-bottom: 50px; } .footer.footer-one.footer-ten .footer-top .footer-widget.footer-menu ul { list-style: disc; padding-left: 15px; } .footer.footer-one.footer-ten .footer-top .footer-widget .footer-about-content p { padding-bottom: 24px; } .footer.footer-one.footer-ten .mail-note { color: #6B7280; } .footer.footer-one.footer-ten .footer-map { border-radius: 35px; overflow: hidden; } .footer.footer-one.footer-ten .footer-map img { width: 100%; } .footer.footer-one.footer-ten .footer-bottom { background: #ffffff; } .footer.footer-one.footer-ten .footer-bottom .copyright { display: flex; justify-content: center; align-items: center; gap: 10px; } .footer.footer-one.footer-ten .footer-bottom .copyright .policy-menu li a { color: #6B7280; font-weight: 400; } .footer.footer-one.footer-ten .footer-bottom .copyright .policy-menu li a:hover { color: #0E82FD; } .footer.footer-eleven { background: #1B5A90; } .footer.footer-eleven .footer-top { padding: 50px 0 35px; } .footer.footer-eleven .footer-top .footer-title { font-size: 18px; font-weight: 600; margin: 0 0 10px; } .footer.footer-eleven .footer-top .footer-content p { color: #ffffff; margin: 0 0 25px; } .footer.footer-eleven .footer-top .subscribe-form { margin-bottom: 25px; } .footer.footer-eleven .footer-top .subscribe-form .form-control { min-height: 59px; margin: 0; padding: 10px 155px 10px 15px; border-radius: 10px; } .footer.footer-eleven .footer-top .subscribe-form .form-control::placeholder { color: #2B3D51; } .footer.footer-eleven .footer-top .subscribe-form .btn { margin-right: 10px; border-radius: 10px; font-size: 16px; font-weight: normal; padding: 6px 23px; } @media (max-width: 767.98px) { .footer.footer-eleven .footer-top .footer-payment { margin: 0 0 15px 0; } } .footer.footer-eleven .footer-top .footer-payment h6 { font-size: 16px; margin: 0 0 15px; color: #ffffff; } .footer.footer-eleven .footer-bottom .copyright { border-top: 1px solid #4183BB; padding: 25px 0; } .footer.footer-eleven .footer-bottom .copyright .copyright-text p { font-size: 14px; font-weight: 500; margin-bottom: 0; } @media (max-width: 767.98px) { .footer.footer-eleven .footer-bottom .copyright .copyright-text p { margin-bottom: 10px; } } .footer.footer-eleven .footer-bottom .copyright .copyright-text p a { color: #0CE0FF; } .footer.footer-eleven .footer-bottom .copyright .policy-menu li { font-size: 16px; } @media (max-width: 575.98px) { .footer.footer-eleven .footer-bottom .copyright .policy-menu li { margin: 0 10px 10px 0; } } .footer.footer-eleven .footer-bottom .copyright .policy-menu li::after { color: rgba(255, 255, 255, 0.15); } .footer.footer-eleven .footer-bottom .copyright .policy-menu li a:hover { color: #0CE0FF; } @media (max-width: 1399.98px) { .footer.footer-eleven .footer-bottom .copyright .policy-menu li { font-size: 15px; } } .footer.footer-eleven .social-icon { margin: 0 0 25px; } .footer.footer-eleven .social-icon ul { list-style: none; margin: 0; padding: 0; text-align: right; } @media (max-width: 767.98px) { .footer.footer-eleven .social-icon ul { text-align: left !important; } } .footer.footer-eleven .social-icon ul li { display: inline-block; margin: 0 20px 0 0; } .footer.footer-eleven .social-icon ul li a { color: #ffffff; font-size: 20px; } .footer.footer-eleven .social-icon ul li a:hover { color: #0CE0FF; } .footer.footer-eleven .social-icon ul li:last-child { margin-right: 0; } .footer.footer-eleven .footer-widget.footer-menu { margin: 0 0 25px; } .footer.footer-eleven .footer-widget.footer-menu ul { list-style: none; margin: 0; padding: 0; } .footer.footer-eleven .footer-widget.footer-menu ul li { display: inline-block; margin: 0 45px 0 0; } @media (max-width: 991.98px) { .footer.footer-eleven .footer-widget.footer-menu ul li { margin: 0 9px 0 0; } } @media (max-width: 575.98px) { .footer.footer-eleven .footer-widget.footer-menu ul li { margin: 0 10px 10px 0; } } .footer.footer-eleven .footer-widget.footer-menu ul li a { font-size: 16px; padding-left: 0; color: #ffffff; } .footer.footer-eleven .footer-widget.footer-menu ul li a:hover { color: #0CE0FF; } .footer.footer-eleven .footer-widget.footer-menu ul li a::before { content: none !important; } .footer.footer-eleven .footer-widget.footer-menu ul li:last-child { margin-right: 0; } .footer-language { position: relative; width: 173px; float: right; } @media (max-width: 767.98px) { .footer-language { float: left !important; } } .footer-language .select2-container .select2-selection--single { border: 1px solid #ffffff; background-color: transparent; border-radius: 10px; height: 44px; } .footer-language .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 34px; color: #ffffff; } .footer-language .icon-lang { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); color: #ffffff; line-height: 0; } .footer-contacts { margin: 0 0 26px; } .footer-contacts .footer-wrap { background: rgba(240, 244, 246, 0.16); backdrop-filter: blur(50px); border-radius: 10px; margin: 0 0 24px; padding: 15px; } .footer-contacts .footer-wrap .footer-icon { width: 55px; height: 55px; background: #ffffff; border-radius: 100px; margin: 0 15px 0 0; flex-shrink: 0; color: #0CE0FF; font-size: 24px; } .footer-contacts .footer-wrap .footer-info h6 { font-size: 16px; font-weight: 600; color: #ffffff; margin: 0 0 10px; } .footer-contacts .footer-wrap .footer-info p { margin: 0; color: #ffffff; } .footer-one.footer-fourteen.footer-twelve { background: #F9FAFB; padding: 0; } @media (max-width: 991.98px) { .footer-one.footer-fourteen.footer-twelve .footer-bottom .copyright .policy-menu { text-align: start; } .footer-one.footer-fourteen.footer-twelve .footer-bottom .copyright .policy-menu li { margin-right: 4px; font-weight: 400; } .footer-one.footer-fourteen.footer-twelve .footer-bottom .copyright .policy-menu li::after { left: 5px; } .footer-one.footer-fourteen.footer-twelve .footer-bottom .copyright .policy-menu li a { font-size: 14px; } } .footer.footer-thirteen { background: #ffffff; background-image: url(../img/bg/Map-thirteen.png); background-repeat: no-repeat; background-position: center; position: relative; } .footer.footer-thirteen .footer-top { margin: 0; padding: 80px 0; } @media (max-width: 991.98px) { .footer.footer-thirteen .footer-top { margin: 0; padding: 50px 0; } } .footer.footer-thirteen .footer-top .footer-widget .footer-title { font-size: 18px; font-weight: 600; color: #1F2937; margin-bottom: 22px; } .footer.footer-thirteen .footer-top .footer-widget ul li { margin-bottom: 4px; } .footer.footer-thirteen .footer-top .footer-widget ul li a { color: #6B7280; font-size: 14px; font-weight: 400; padding-left: 0; } .footer.footer-thirteen .footer-top .footer-widget ul li a::before { content: ""; } .footer.footer-thirteen .footer-top .footer-widget ul li a:hover { color: #0E82FD; padding-left: 10px; } .footer.footer-thirteen .footer-top .footer-widget ul li:first-child a { font-weight: 600; } .footer.footer-thirteen .footer-top .footer-menu-thirteen { margin-top: 43px; } .footer.footer-thirteen .footer-top .footer-menu-thirteen .footer-title { display: none; } @media (max-width: 991.98px) { .footer.footer-thirteen .footer-top .footer-menu-thirteen { margin-top: 0; } .footer.footer-thirteen .footer-top .footer-menu-thirteen .footer-title { display: block; } } .footer.footer-thirteen .footer-top .footer-contents-thirteen-main { margin: 60px 0 0 0; } @media (max-width: 991.98px) { .footer.footer-thirteen .footer-top .footer-contents-thirteen-main { margin: 20px 0 0 0; } } .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .footer-thirt-inner { position: relative; } @media (max-width: 991.98px) { .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .footer-thirt-inner { margin-bottom: 10px; } } .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .footer-thirt-inner h4 { font-weight: 600; color: #00438A; margin-bottom: 6px; } .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .footer-thirt-inner p { font-size: 14px; color: rgba(147, 163, 180, 0.8); font-weight: 400; margin-bottom: 0; } @media (max-width: 991.98px) { .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .footer-thirt-inner p { margin-bottom: 10px; } } .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .subscribe-form { margin-bottom: 0; max-width: 430px; } @media (max-width: 1299.98px) { .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .subscribe-form { max-width: 385px; } } .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .subscribe-form .form-control { min-height: 56px; border: 1px solid #AAB4EE; border-radius: 10px; padding: 10px 10px 10px 15px; } @media (max-width: 1199.98px) { .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .subscribe-form .form-control { padding-right: 160px; } } .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .subscribe-form .form-control::placeholder { color: #BEC4D9; font-size: 14px; font-weight: 600; } .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .subscribe-form .btn { padding: 17px 40px; right: -45%; border-radius: 10px; } @media (max-width: 1299.98px) { .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .subscribe-form .btn { padding: 17px 30px; } } @media (max-width: 1199.98px) { .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .subscribe-form .btn { padding: 10px 19px; right: 6px; } } .footer.footer-thirteen .footer-bottom .copyright { border-top: 1px solid rgba(52, 52, 52, 0.1); padding: 20px 0; } @media (max-width: 991.98px) { .footer.footer-thirteen .footer-bottom .copyright { text-align: center; } } @media (max-width: 991.98px) { .footer.footer-thirteen .footer-bottom .copyright .copyright-img { margin-bottom: 15px; } } @media (max-width: 991.98px) { .footer.footer-thirteen .footer-bottom .copyright .copyright-text { margin-bottom: 15px; } } .footer.footer-thirteen .footer-bottom .copyright .copyright-text p { font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: 0.005em; text-align: center; color: #6B7280; } @media (max-width: 991.98px) { .footer.footer-thirteen .footer-bottom .copyright .copyright-menu { margin-bottom: 15px; } } @media (max-width: 991.98px) { .footer.footer-thirteen .footer-bottom .copyright .copyright-menu ul { text-align: center; } } .footer.footer-thirteen .footer-bottom .copyright .copyright-menu ul li a { color: #00438A; font-size: 18px; } .footer.footer-thirteen .footer-bottom .copyright .copyright-menu ul li a:hover { color: #0E82FD; } .footer.footer-thirteen .footer-bg-icon img { position: absolute; z-index: 0; } .footer.footer-thirteen .footer-bg-icon img:nth-child(1) { bottom: 20%; left: 0; } @media (max-width: 767.98px) { .footer.footer-thirteen .footer-bg-icon img:nth-child(1) { bottom: 22%; } } .footer.footer-thirteen .footer-bg-icon img:nth-child(2) { top: 20%; right: -7%; } @media (max-width: 991.98px) { .footer.footer-thirteen .footer-bg-icon img:nth-child(2) { display: none; } } @media (max-width: 1199.98px) { .footer.footer-thirteen .footer-bg-icon img:nth-child(2) { display: none; } } .footer-one.footer-fourteen { background: #ffffff; padding: 200px 0 0 0; } .footer-one.footer-fourteen .footer-top { padding: 80px 0 50px 0; } @media (max-width: 991.98px) { .footer-one.footer-fourteen .footer-top { padding: 50px 0 10px 0; } } .footer-one.footer-fourteen .footer-top .footer-widget .subscribe-form .form-control { border: 1px solid #E5E7EB; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 6px 0px 0px 6px; } .footer.footer-fifteen { position: relative; padding: 52px 0 0 0; background-color: #ffffff; background-image: url(../img/footer-fift-bg.png); background-position: top left; background-repeat: no-repeat; background-size: 50% 100%; } @media (max-width: 991.98px) { .footer.footer-fifteen { background-image: none; background-color: #0E82FD; } } .footer.footer-fifteen .footer-top-fifteen { padding: 0; } .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .footer-fifteen-image { margin-bottom: 10px; } .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen p { color: #ffffff; margin-bottom: 25px; line-height: 27px; } .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .subscribe-fifteen { font-size: 18px; color: #ffffff; margin-bottom: 10px; } .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .subscribe-form-fifteen { width: 83%; margin-bottom: 25px; } .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .subscribe-form-fifteen .form-control { border-radius: 10px; min-height: 55px; font-weight: 400; font-size: 16px; padding: 10px 130px 10px 10px; } @media (max-width: 767.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .subscribe-form-fifteen .form-control { font-size: 14px; } } .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .subscribe-form-fifteen .form-control::placeholder { color: #2B3D51; font-weight: 400; font-size: 16px; } @media (max-width: 767.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .subscribe-form-fifteen .form-control::placeholder { font-size: 14px; } } .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .subscribe-form-fifteen .btn { padding: 10px 15px; background: #0CE0FF; border-radius: 5px; border: none; right: 6px; } @media (max-width: 767.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .subscribe-form-fifteen .btn { padding: 10px 10px; } } .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .subscribe-form-fifteen .btn:hover { background: #0E82FD; box-shadow: inset 0 0 0 50px #0E82FD; color: #ffffff; } .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .subscribe-fifteentwo { font-size: 16px; color: #ffffff; font-weight: 600; margin-bottom: 15px; } @media (max-width: 991.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .footer-fifteen-image-2 { margin-bottom: 15px; } } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen { margin-left: 18px; } @media (max-width: 991.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen { margin-left: 0; } } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .subscribe-fifteenthree { font-size: 18px; color: #1F2937; font-weight: 600; margin-bottom: 15px; } @media (max-width: 991.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .subscribe-fifteenthree { color: #ffffff; } } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen ul li { margin: 0 25px 25px 0; text-decoration: underline; line-height: 19px; } @media (max-width: 991.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen ul li { margin: 0 15px 15px 0; text-decoration: none; } } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen ul li:last-child { margin-right: 0; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen ul li a { color: #6B7280; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen ul li a:hover { color: #1C5B91; } @media (max-width: 991.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen ul li a { color: #ffffff; } } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen p { color: #6B7280; } @media (max-width: 991.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen p { color: #ffffff; } } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .user-details-fift ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .user-details-fift ul li { text-decoration: none; margin: 0 15px 0 0; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .user-details-fift ul li .contact-fifteen { display: flex; align-items: center; justify-content: start; border: 1px solid #E5E5EB; border-radius: 10px; background: #ffffff; margin: 0 0 15px 0; padding: 10px; overflow: hidden; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .user-details-fift ul li .contact-fifteen .contact-form-fift { width: 35px; height: 35px; border-radius: 100px; background: #0E82FD; font-size: 17px; color: #ffffff; margin-right: 7px; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .user-details-fift ul li .contact-fifteen .contact-content-fift h6 { font-size: 16px; font-weight: 600; margin-bottom: 5px; } @media (max-width: 1399.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .user-details-fift ul li .contact-fifteen .contact-content-fift h6 { font-size: 14px; } } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .user-details-fift ul li .contact-fifteen .contact-content-fift span { color: #707070; margin-bottom: 0; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects { position: relative; display: flex; align-items: center; justify-content: space-between; padding-bottom: 25px; } @media (max-width: 479.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects { display: block; } } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .footer-select { display: inline-block; } @media (max-width: 479.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .footer-select { margin-bottom: 15px; } } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .footer-select img { position: absolute; top: 10px; left: 10px; z-index: 9; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .footer-select .select2-container .select2-selection--single { border: 1px solid #E5E5EB; border-radius: 10px; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .footer-select .select2-selection__rendered { padding-left: 43px; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .footer-select .select2-container--default .select2-selection--single .select2-selection__arrow { right: 1px; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .footer-select .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #000000 transparent transparent; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .footer-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #000000; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .social-icon ul li { margin: 0 10px 0 0; text-decoration: none; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .social-icon ul li a { width: 44px; height: 43px; border-radius: 100px; background: #0E82FD; color: #ffffff; font-size: 18px; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .social-icon ul li a:hover { background: #0CE0FF; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-bottom.footer-bottom-fifteen .copyright { border-top: 1px solid #E5E5EB; padding: 25px 0 25px 0; } @media (max-width: 767.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-bottom.footer-bottom-fifteen .copyright .copyright-text { text-align: center; margin-bottom: 10px; } } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-bottom.footer-bottom-fifteen .copyright .copyright-text p { margin-bottom: 0; font-size: 14px; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-bottom.footer-bottom-fifteen .copyright .copyright-menu .policy-menu { justify-content: end; } @media (max-width: 767.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-bottom.footer-bottom-fifteen .copyright .copyright-menu .policy-menu { justify-content: center; } } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-bottom.footer-bottom-fifteen .copyright .copyright-menu .policy-menu li { text-decoration: none; margin: 0 10px 0 0; } @media (max-width: 1199.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-bottom.footer-bottom-fifteen .copyright .copyright-menu .policy-menu li { margin: 0 15px 15px 0; } } .footer.footer-one.footer-sixteen { background: #ffffff; border-top: 1px solid #E2E2E2; position: relative; background-image: url(../img/map-bg.png); background-repeat: no-repeat; background-size: cover; background-position: top center; } .footer.footer-one.footer-sixteen .footer-top .footer-widget .footer-about-content { max-width: none; margin-bottom: 30px; } .footer.footer-one.footer-sixteen .footer-top .footer-widget .subscribe-form { margin-bottom: 0; } .footer.footer-one.footer-sixteen .footer-top .footer-widget .subscribe-form .btn { border: 1px solid #1C5B91; background: #1C5B91; } .footer.footer-one.footer-sixteen .footer-top .footer-widget .subscribe-form .btn:hover { border: 1px solid #0E82FD; } .footer.footer-one.footer-sixteen .footer-bottom .copyright .copyright-text p { margin-bottom: 0; } @media (max-width: 575.98px) { .footer.footer-one.footer-sixteen .footer-bottom .copyright .copyright-text { margin-bottom: 10px; } } .footer.footer-one.footer-sixteen .footer-bottom .copyright .copyright-menu ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: end; } @media (max-width: 767.98px) { .footer.footer-one.footer-sixteen .footer-bottom .copyright .copyright-menu ul { justify-content: center; } } .footer.footer-one.footer-sixteen .footer-bottom .copyright .copyright-menu ul li { margin-right: 10px; } .footer.footer-one.footer-sixteen .footer-bottom .copyright .copyright-menu ul li:last-child { margin-right: 0; } .footer.footer-one.footer-sixteen .footer-bottom .copyright .copyright-menu ul li a { width: 24px; height: 24px; border-radius: 50%; background: #1F2937; color: #ffffff; font-size: 12px; } .footer.footer-one.footer-sixteen .footer-bottom .copyright .copyright-menu ul li a:hover { background: #0E82FD; } /****** PAGES ******/ .section-search { background: #f9f9f9 url(./assets/img/search-bg.png) no-repeat bottom center; min-height: 418px; background-size: 100% auto; position: relative; background-blend-mode: Darken; /*padding: 160px 0 80px 0;*/ } @media (max-width: 991.98px) { .section-search { min-height: 330px; } } @media (max-width: 767.98px) { .section-search { background: #f9f9f9; padding: 100px 0 50px 0; } } @media (max-width: 479.98px) { .section-search { min-height: 410px; padding: 100px 15px 30px 15px; } } .section-search .banner-wrapper { max-width: 800px; width: 100%; margin: 0 auto; } @media (max-width: 991.98px) { .section-search .banner-wrapper { max-width: 720px; } } .section-search .banner-wrapper .banner-header { margin: 0 0 30px; } .section-search .banner-wrapper .banner-header h1 { font-size: 40px; font-weight: 600; margin: 0 0 10px; } @media (max-width: 991.98px) { .section-search .banner-wrapper .banner-header h1 { font-size: 34px; } } @media (max-width: 767.98px) { .section-search .banner-wrapper .banner-header h1 { font-size: 32px; } } @media (max-width: 575.98px) { .section-search .banner-wrapper .banner-header h1 { font-size: 28px; } } .section-search .banner-wrapper .banner-header p { color: #757575; font-size: 20px; margin: 0; } @media (max-width: 767.98px) { .section-search .banner-wrapper .banner-header p { font-size: 16px; } } @media (max-width: 767.98px) { .section-search .banner-wrapper .search-box { max-width: 535px; margin: 0 auto; } } @media (max-width: 767.98px) { .section-search .banner-wrapper .search-box form { -ms-flex-direction: column; flex-direction: column; word-wrap: break-word; background-clip: border-box; } } @media (max-width: 575.98px) { .section-search .banner-wrapper .search-box form { display: block; } } .section-search .banner-wrapper .search-box .form-control { border: 1px solid #cccccc; border-radius: 5px; padding-left: 35px; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075); box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075); } .section-search .banner-wrapper .search-box .form-control::placeholder { font-size: 14px; } .section-search .banner-wrapper .search-box .search-location { -ms-flex: 0 0 240px; flex: 0 0 240px; margin-right: 12px; position: relative; width: 240px; } @media (max-width: 767.98px) { .section-search .banner-wrapper .search-box .search-location { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } } @media (max-width: 575.98px) { .section-search .banner-wrapper .search-box .search-location { width: 100% !important; -ms-flex: none; flex: none; } } .section-search .banner-wrapper .search-box .search-location .form-control { background: #ffffff url(../img/location.png) no-repeat 10px center; } .section-search .banner-wrapper .search-box .search-info { -ms-flex: 0 0 490px; flex: 0 0 490px; margin-right: 12px; position: relative; width: 490px; } @media (max-width: 991.98px) { .section-search .banner-wrapper .search-box .search-info { -ms-flex: 0 0 410px; flex: 0 0 410px; width: 410px; } } @media (max-width: 767.98px) { .section-search .banner-wrapper .search-box .search-info { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } } @media (max-width: 575.98px) { .section-search .banner-wrapper .search-box .search-info { width: 100% !important; -ms-flex: none; flex: none; } } .section-search .banner-wrapper .search-box .search-info .form-control { background: #ffffff url(../img/search.png) no-repeat 10px center; } .section-search .banner-wrapper .search-box .search-btn { width: 46px; -ms-flex: 0 0 46px; flex: 0 0 46px; height: 46px; } @media (max-width: 767.98px) { .section-search .banner-wrapper .search-box .search-btn { -ms-flex: 0 0 100%; flex: 0 0 100%; min-height: 46px; width: 100%; } } .section-search .banner-wrapper .search-box .search-btn span { display: none; font-weight: 500; } @media (max-width: 767.98px) { .section-search .banner-wrapper .search-box .search-btn span { display: inline-block; margin-left: 5px; text-transform: uppercase; } } .section-search .banner-wrapper .search-box .form-text { color: #757575; font-size: 13px; display: inline-block; } .section-search .banner-wrapper .search-box .search-location { -ms-flex: 0 0 240px; flex: 0 0 240px; margin-right: 12px; position: relative; width: 240px; } @media (max-width: 767.98px) { .section-search .banner-wrapper .search-box .search-location { flex: auto; } } @media (max-width: 767.98px) { .section-search .banner-wrapper .search-box { max-width: 535px; margin: 0 auto; } } .section-header { margin-bottom: 60px; } .section-header h5 { font-weight: 600; font-size: 18px; color: #0E82FD; margin-bottom: 10px; } .section-header h2 { font-size: 36px; font-weight: 500; margin: 0; } @media (max-width: 767.98px) { .section-header h2 { font-size: 30px; } } @media (max-width: 575.98px) { .section-header h2 { font-size: 24px; } } .section-header .sub-title { color: #757575; font-size: 16px; max-width: 600px; margin: 15px auto 0; } @media (max-width: 767.98px) { .section-header .sub-title { font-size: 14px; } } @media (max-width: 575.98px) { .section-header .sub-title { font-size: 14px; } } .section-header p { color: #757575; font-size: 16px; margin: 15px 0 0 0; } @media (max-width: 767.98px) { .section-header p { font-size: 15px; } } @media (max-width: 575.98px) { .section-header p { font-size: 15px; } } .section-specialities { background-color: #ffffff; padding: 80px 0; } @media (max-width: 991.98px) { .section-specialities { padding: 50px 0; } } @media (max-width: 479.98px) { .section-specialities { background-color: #ffffff; padding: 30px 0; } } .section-specialities .specialities-slider .slick-slide { display: block; margin: 10px 20px 0 0; padding: 0 12px; } @media (max-width: 767.98px) { .section-specialities .specialities-slider .slick-slide { margin-right: 15px; } } @media (max-width: 479.98px) { .section-specialities .specialities-slider .slick-slide { margin-right: 10px; } } .section-specialities .specialities-slider .slick-dots { margin-top: 44px; position: unset; } .section-specialities .specialities-slider .speicality-item p { font-size: 16px; font-weight: 500; margin: 30px 0 0; } @media (max-width: 767.98px) { .section-specialities .specialities-slider .speicality-item p { font-size: 14px; } } @media (max-width: 575.98px) { .section-specialities .specialities-slider .speicality-item p { font-size: 14px; } } .section-specialities .specialities-slider .speicality-item .speicality-img { position: relative; height: 150px; border-radius: 100%; width: 150px; background: #ffffff; margin: 0 auto; -webkit-box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1); } @media (max-width: 479.98px) { .section-specialities .specialities-slider .speicality-item .speicality-img { width: 120px; height: 120px; } } .section-specialities .specialities-slider .speicality-item .speicality-img img { transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 50%; right: 0; left: 0; margin: 0 auto; } @media (max-width: 479.98px) { .section-specialities .specialities-slider .speicality-item .speicality-img img { width: 50px; } } .section-specialities .specialities-slider .speicality-item .speicality-img span { border-radius: 50%; padding: 5px; background-color: #ffffff; position: absolute; right: 10px; bottom: 10px; -webkit-box-shadow: 1px 6px 14px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 6px 14px rgba(0, 0, 0, 0.2); box-shadow: 1px 6px 14px rgba(0, 0, 0, 0.2); } .section-specialities .specialities-slider .speicality-item .speicality-img span i { font-size: 15px; color: #0de0fe; } .slick-dots { display: block; width: 100%; list-style: none; text-align: center; position: absolute; bottom: -25px; margin: 0; padding: 0; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 5px; cursor: pointer; margin: 0 5px; padding: 0; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: #C0C0C0; padding: 0; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { display: none; font-family: "slick"; font-size: 76px; line-height: 20px; width: 20px; height: 20px; content: "-"; text-align: center; opacity: 0.25; color: #000000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; left: 0; } .slick-dots li.slick-active button { background-color: #0de0fe; } .slick-dots li.slick-active button:before { opacity: 1; color: #0de0fe; } .slick-dots li.slick-active button .slick-slide { outline: none !important; } .section-doctor { background-color: #f8f9fa; padding: 80px 0; } @media (max-width: 767.98px) { .section-doctor { padding: 50px 0; } } .section-doctor .profile-widget { -webkit-box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1); margin-bottom: 0; } .section-doctor .section-header { margin: 0 0 30px; } .section-doctor .section-header p { margin-top: 10px; } @media (max-width: 991.98px) { .section-doctor .about-content { margin-bottom: 30px; } } .section-doctor .about-content p { font-size: 14px; font-weight: 400; line-height: 26px; margin: 0; } .section-doctor .about-content p + p { margin-top: 20px; } .section-doctor .about-content a { background-color: #0de0fe; color: #ffffff; display: inline-block; font-size: 16px; font-weight: 500; min-width: 150px; margin: 30px 0 0; padding: 15px 20px; text-align: center; border-radius: 4px; } @media (max-width: 767.98px) { .section-doctor .about-content a { padding: 12px 20px; } } .section-doctor .about-content a:hover, .section-doctor .about-content a:focus { background-color: #01cae4; border-color: #01cae4; color: #ffffff; } @media (max-width: 767.98px) { .section-doctor .doctor-slider { margin-top: 25px; } } .section-doctor .doctor-slider .slick-slide { display: block; width: 280px; margin-bottom: 0; padding: 10px; } .profile-widget { background-color: #ffffff; border: 1px solid #f0f0f0; position: relative; margin-bottom: 30px; padding: 15px; border-radius: 4px; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .profile-widget .fav-btn { background-color: #ffffff; width: 30px; height: 30px; color: #2E3842; opacity: 0; visibility: hidden; z-index: 99; position: absolute; top: 5px; right: 5px; transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); border-radius: 3px; } .profile-widget:hover .fav-btn { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .profile-widget:hover .fav-btn:hover { background-color: #fb1612; color: #ffffff; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .profile-widget .verified { color: #28a745; margin-left: 3px; } .profile-widget .rating { color: #757575; font-size: 14px; margin-bottom: 15px !important; } .profile-widget .rating i { font-size: 14px; } .profile-widget .doc-img { position: relative; overflow: hidden; z-index: 1; border-radius: 4px; } .profile-widget .doc-img img { border-radius: 4px; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; width: 100%; } .profile-widget .doc-img:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .profile-widget .pro-content { padding: 15px 0 0; } .profile-widget .pro-content .title { font-size: 17px; font-weight: 500; margin-bottom: 5px; } .profile-widget .pro-content .title a { display: inline-block; } .profile-widget .pro-content p.speciality { font-size: 13px; color: #757575; margin-bottom: 5px; min-height: 40px; } .profile-widget .pro-content .rating { list-style: none; width: 100%; margin: 0 0 7px; padding: 0; } .profile-widget .pro-content .rating i { color: #dedfe0; } .profile-widget .pro-content .rating i.filled { color: #f4c150; } .profile-widget .pro-content .available-info { font-size: 13px; color: #757575; font-weight: 400; list-style: none; margin: auto auto 15px; padding: 0; } .profile-widget .pro-content .available-info li i { width: 22px; } .profile-widget .pro-content .available-info li + li { margin-top: 5px; } .profile-widget .pro-content .row.row-sm { margin-left: -3px; margin-right: -3px; } .profile-widget .pro-content .row.row-sm > div { padding-left: 3px; padding-right: 3px; } .section-features { background-color: #ffffff; padding: 80px 0; } @media (max-width: 767.98px) { .section-features { padding: 50px 0; } } @media (max-width: 479.98px) { .section-features { background-color: #ffffff; padding: 30px 0; } } @media (max-width: 767.98px) { .section-features .features-img { text-align: center; margin: 0 auto; } } .section-features .features-slider .slick-slide { margin-right: 62px; } .section-features .features-slider .slick-center { opacity: 1; transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); } .section-features .features-slider .slick-list { padding: 16px 50px !important; } .section-features .features-slider .slick-dots { margin-top: 44px; position: unset; } @media (max-width: 767.98px) { .section-features .features-slider .slick-dots { text-align: center; margin: 0 auto; } } .section-features .features-slider .feature-item img { box-shadow: 1px 6px 14px rgba(0, 0, 0, 0.2); height: 115px; object-fit: cover; width: 115px; border-radius: 100%; } .section-features .features-slider .feature-item p { font-weight: 500; margin: 20px 0 0; } .section-blogs { background-color: #f8f9fa; padding: 80px 0; } @media (max-width: 767.98px) { .section-blogs { padding: 50px 0; } } @media (max-width: 479.98px) { .section-blogs { padding: 30px 0; } } .section-blogs .view-all .btn { margin-top: 20px; font-size: 16px; font-weight: 700; padding: 12px 30px; } .rating { list-style: none; width: 100%; margin: 0 0 7px; padding: 0; } .rating i { color: #dedfe0; } .rating i.filled { color: #f4c150; } .home-tile-section { background-color: #f8f9fa; padding: 80px 0; } @media (max-width: 767.98px) { .home-tile-section { padding: 50px 0; } } @media (max-width: 479.98px) { .home-tile-section { padding: 30px 0; } } .home-tile-section .doctor-book-card { position: relative; max-width: 100%; box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.0431372549); overflow: hidden; margin: 0 auto; } @media (max-width: 575.98px) { .home-tile-section .doctor-book-card { margin-bottom: 0.9375rem; } } .home-tile-section .doctor-book-card img { vertical-align: middle; border-radius: 0.25rem; -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .home-tile-section .doctor-book-card .doctor-book-card-content { color: #f1f1f1; width: 100%; height: 100%; border-radius: 0.25rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); padding: 20px; } .home-tile-section .doctor-book-card .doctor-book-card-content > div { width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; } .home-tile-section .doctor-book-card .doctor-book-card-content .book-btn1 { font-size: 14px; } .home-tile-section .doctor-book-card .tile-card-content-1 { background: rgba(13, 13, 13, 0.33); } .home-tile-section .doctor-book-card h3 { text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3); color: #ffffff; } .home-tile-section .doctor-book-card:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .banner-section { background: #F2F6F6; padding: 100px 0 30px; position: relative; overflow: hidden; z-index: 1; } .banner-section::after { content: ""; background: url(../img/banner-bg.png); background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .banner-shapes { position: relative; } .banner-shapes .banner-shape-left { position: absolute; top: 600px; left: 0; } .banner-shapes .banner-shape-right { position: absolute; top: 30px; left: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); } .banner-content { padding-bottom: 80px; position: relative; } .banner-content h1 { font-weight: 600; font-size: 48px; margin-bottom: 25px; } .banner-content h1 span { color: #0E82FD; } @media (max-width: 991.98px) { .banner-content h1 { font-size: 36px; } } @media (max-width: 767.98px) { .banner-content h1 { font-size: 28px; margin-bottom: 20px; } } .banner-content .header-icon { position: absolute; right: -30px; top: -15px; } @media (max-width: 1199.98px) { .banner-content .header-icon { display: none; } } .banner-content p { font-weight: 500; font-size: 18px; margin-bottom: 25px; } @media (max-width: 767.98px) { .banner-content p { font-size: 16px; margin-bottom: 20px; } } .banner-content .btn { font-weight: 500; border-radius: 8px; margin: 0; padding: 7px 18px; min-width: 200px; display: inline-block; background-color: #0E82FD; /*border: 1px solid #0E82FD;*/ color: #ffffff; font-size: 18px; box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } .banner-content .btn:hover { color: #0E82FD; border-color: #0E82FD; background-color: #ffffff; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } @media (max-width: 991.98px) { .banner-content .btn { font-size: 16px; margin: 0; padding: 10px 15px; min-width: 190px; } } @media (max-width: 767.98px) { .banner-content .btn { font-size: 15px; margin: 0; padding: 9px 15px; min-width: 170px; } } @media (max-width: 991.98px) { .banner-content { text-align: center; padding-bottom: 40px; } } .banner-arrow-img { position: absolute; left: 220px; top: 180px; } @media (max-width: 1199.98px) { .banner-arrow-img { display: none; } } .search-box-one { min-width: 800px; background: #ffffff; border: 1px solid #F0F0F0; box-shadow: 0px 3px 53px rgba(197, 197, 197, 0.2); border-radius: 7px; margin: 0; padding: 13px 15px; display: table; position: relative; z-index: 1; } .search-box-one form { float: left; width: 100%; } .search-box-one input:hover, .search-box-one input:focus { background-color: #ffffff !important; } @media (max-width: 991.98px) { .search-box-one { min-width: 100%; width: 100%; } } @media (max-width: 767.98px) { .search-box-one { margin: 0; padding: 0px 15px 15px; } } .search-box-one .form-control:hover, .search-box-one .form-control:focus { background-color: #ffffff !important; } .search-input { width: 25%; float: left; display: table-cell; vertical-align: middle; position: relative; } .search-input.search-line { width: 35%; } .search-input.search-line::before { position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 1px; height: 44px; background: #E3E4E8; content: ""; z-index: 1; } @media (max-width: 767.98px) { .search-input.search-line::before { display: none; } } @media (max-width: 767.98px) { .search-input.search-line { width: 100%; } } .search-input.search-map-line { width: 26%; } .search-input.search-map-line::before { position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 1px; height: 44px; background: #E3E4E8; content: ""; z-index: 1; } @media (max-width: 767.98px) { .search-input.search-map-line::before { display: none; } } .search-input.search-map-line input { padding: 0px 36px 0px 36px; } @media (max-width: 767.98px) { .search-input.search-map-line input { padding: 0px 25px 0px 25px; } } .search-input.search-map-line > i { left: 10px; } @media (max-width: 767.98px) { .search-input.search-map-line > i { left: 0; } } @media (max-width: 767.98px) { .search-input.search-map-line { width: 100%; } } .search-input input { height: 40px; padding: 0 10px 0 25px; border: 0; } .search-input input::placeholder { color: #8C97B0; } .search-input.search-calendar-line input { padding: 0 36px 0 36px; } @media (max-width: 767.98px) { .search-input.search-calendar-line input { padding: 0px 25px 0px 25px; } } .search-input.search-calendar-line > i { left: 10px; } @media (max-width: 767.98px) { .search-input.search-calendar-line > i { left: 0; } } .search-input i { position: absolute; top: 50%; right: inherit; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); color: #8894AE; font-size: 18px; } .search-input .current-loc-icon { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); margin-top: 0px; color: #8894AE; font-size: 18px; line-height: 0; } .search-input .current-loc-icon i { position: unset; transform: unset; } .search-input > i.bficon { right: inherit; left: 0; z-index: 1; } @media (max-width: 767.98px) { .search-input { width: 100%; } } .form-search-btn { float: right; padding-top: 4px; } .form-search-btn .btn { font-size: 15px; font-weight: 500; min-width: 97px; padding: 7px 15px; border-radius: 10px; background-color: #0E82FD; border: 1px solid #0E82FD; color: #ffffff; box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } .form-search-btn .btn:hover { color: #0E82FD; border-color: #0E82FD; background-color: #ffffff; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } @media (max-width: 767.98px) { .form-search-btn { float: left; } } .banner-img { position: relative; } .banner-img .banner-img1 { position: absolute; top: 260px; left: -40px; -webkit-animation: float 2s ease-in-out infinite; animation: float 2s ease-in-out infinite; } .banner-img .banner-img2 { position: absolute; top: 200px; right: 20px; -webkit-animation: mover 3s infinite alternate; animation: mover 3s infinite alternate; } .banner-img .banner-img3 { position: absolute; top: 500px; right: 0px; -webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate; } @keyframes float { 0% { transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); } 50% { transform: translateY(-15px); -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); } 100% { transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); } } @-webkit-keyframes mover { 0% { transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); } 100% { transform: translateY(-15px); -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); } } @keyframes mover { 0% { transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); } 100% { transform: translateY(-15px); -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); } } @media (max-width: 991.98px) { .banner-img { display: none; } } .specialities-section-one { background-color: #ffffff; margin: 0; padding: 80px 0; } @media (max-width: 991.98px) { .specialities-section-one { margin: 0; padding: 40px 0; } } .specialities-section-one .specialities-slider-one .item { margin-bottom: 50px; } @media (max-width: 767.98px) { .specialities-section-one .specialities-slider-one .item { margin-bottom: 40px; } } .specialities-section-one .specialities-slider-one .owl-stage-outer { margin-left: -10px; } .specialities-section-one .specialities-slider-one .owl-item img { width: auto; } .specialities-section-one .specialities-item { background: #ffffff; border: 1px solid #E6E6E6; border-radius: 8px; height: 196px; margin: 15px 0 0 10px; padding: 30px; cursor: pointer; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .specialities-section-one .specialities-item:hover { background: #ffffff; border-color: #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .specialities-section-one .specialities-item:hover .specialities-img span { background: #0E82FD; border: #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .specialities-section-one .specialities-item:hover .specialities-img span img { filter: invert(1) brightness(1000); transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; } .specialities-section-one .specialities-item p { font-weight: 600; font-size: 16px; color: #2F353C; margin-bottom: 0; } .specialities-section-one .specialities-img { padding-bottom: 18px; } .specialities-section-one .specialities-img span { background: #F2F6F6; border: 1px solid #F2F6F6; width: 90px; height: 90px; border-radius: 50%; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .specialities-section-one .specialities-img span img { width: auto; -webkit-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; } .specialities-section-one .specialities-btn { text-align: center; } .specialities-section-one .specialities-btn .btn { border-radius: 8px; font-weight: 600; font-size: 15px; min-width: 170px; padding: 11px 15px; background: #0E82FD; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 0 #ffffff; color: #ffffff; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } .specialities-section-one .specialities-btn .btn:hover { color: #0E82FD; background: #ffffff; border-color: #0E82FD; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } @media (max-width: 767.98px) { .specialities-section-one .specialities-btn .btn { font-size: 14px; min-width: 190px; } } .section-header-one { margin-bottom: 60px; } .section-header-one h2 { font-size: 40px; font-weight: 600; color: #1F2937; margin-bottom: 0; } @media (max-width: 991.98px) { .section-header-one h2 { font-size: 34px; } } @media (max-width: 767.98px) { .section-header-one h2 { font-size: 26px; } } .section-header-one .section-title { display: inline-block; position: relative; } .section-header-one .section-title::before { content: ""; background: url(../img/icons/header-icon.svg); background-size: cover; background-repeat: no-repeat; background-position: right; position: absolute; top: -5px; right: -30px; width: 35px; height: 20px; } @media (max-width: 767.98px) { .section-header-one .section-title::before { display: none; } } .section-header-one h5 { font-weight: 600; font-size: 18px; color: #0E82FD; margin-bottom: 10px; } @media (max-width: 991.98px) { .section-header-one { margin-bottom: 40px; } } .slide-nav-1 button.owl-next, .slide-nav-1 button.owl-prev, .slide-nav-2 button.owl-next, .slide-nav-2 button.owl-prev { width: 44px; height: 44px; font-size: 18px; color: #1E3259; background: #ffffff; box-shadow: 0px 4px 14px rgba(141, 141, 141, 0.25); text-shadow: none; top: 0; cursor: pointer; border: 0; margin-top: 0; margin-bottom: 0; margin-left: 15px; border-radius: 50px; } .slide-nav-1 button.owl-next:hover, .slide-nav-1 button.owl-prev:hover, .slide-nav-2 button.owl-next:hover, .slide-nav-2 button.owl-prev:hover { color: #ffffff; background: #0E82FD; } .doctors-section { background: #F2F6F6; margin: 0; padding: 80px 0; position: relative; overflow: hidden; z-index: 1; } .doctors-section::after { content: ""; background: url(../img/bg/doctor-shape-img1.png); background-size: cover; background-repeat: no-repeat; background-position: left; position: absolute; top: 0; left: 0; width: 213px; height: 335px; opacity: 0.5; z-index: -1; } @media (max-width: 991.98px) { .doctors-section::after { display: none; } } .doctors-section::before { content: ""; background: url(../img/bg/doctor-shape-img2.png); background-size: cover; background-repeat: no-repeat; background-position: right; position: absolute; right: 0; bottom: 0; opacity: 0.5; width: 213px; height: 335px; z-index: -1; } @media (max-width: 991.98px) { .doctors-section::before { display: none; } } @media (max-width: 991.98px) { .doctors-section { margin: 0; padding: 40px 0; } } @media (max-width: 767.98px) { .doctors-section .section-header-slider { margin-bottom: 20px; } } .doctor-shape-img { position: relative; } .doctor-shape-img .doctor-shape-left { position: absolute; top: 0; left: -35px; } .doctor-shape-img .doctor-shape-right { position: absolute; top: 230px; right: 0; } @media (max-width: 991.98px) { .doctor-shape-img { display: none; } } @-webkit-keyframes blinker { from { opacity: 1; } to { opacity: 0; } } .doctor-profile-widget { background: #ffffff; border: 1px solid #E5E5E5; border-radius: 8px; position: relative; overflow: hidden; } .doc-pro-img { position: relative; } .doctor-profile-img { position: relative; overflow: hidden; border-radius: 8px 8px 0px 0px; } .doctor-profile-img img { position: relative; border-radius: 8px 8px 0px 0px; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; width: 100%; } .doctor-profile-img:hover img { -webkit-transition: scale(1.15); -ms-transition: scale(1.15); transition: scale(1.15); } .doctor-profile-img:hover::before { -webkit-animation: circle 1s; animation: circle 1s; } .doctor-profile-img::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ""; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); border-radius: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); opacity: 0; } @-webkit-keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } .doctor-amount { position: absolute; top: 20px; right: 20px; } .doctor-amount span { font-weight: 500; font-size: 15px; color: #2C2C2C; padding: 6px 12px; background: #ffffff; border-radius: 8px; } .doc-content { padding: 20px; } @media (max-width: 767.98px) { .doc-content { padding: 15px; } } .doc-pro-info { padding-bottom: 15px; } .doc-pro-info .doc-pro-name a { font-weight: 600; font-size: 20px; } .doc-pro-info .doc-pro-name a:hover { color: #0E82FD; } @media (max-width: 1399.98px) { .doc-pro-info .doc-pro-name a { font-size: 18px; } } .doc-pro-info .doc-pro-name p { color: #9CA3AF; font-size: 12px; margin-bottom: 0; } .reviews-ratings p { color: #9CA3AF; font-size: 10px; font-weight: 500; margin-bottom: 18px; } .reviews-ratings span { margin: 0 4px 0 0; padding: 2px 3px; min-width: 46px; color: #ffffff; font-size: 12px; background: #FFBC11; border-radius: 6px; } .reviews-ratings span i { margin-right: 6px; } .doc-pro-location p { margin-bottom: 0; } .doc-pro-location p i { margin-right: 8px; font-size: 20px; color: #D1D5DB; } .work-section { background: #F2F6F6; margin: 0; padding: 80px 0 0; position: relative; overflow: hidden; z-index: 1; } .work-section::after { content: ""; background: url(../img/bg/doctor-shape-img1.png); background-size: cover; background-repeat: no-repeat; background-position: left; position: absolute; top: 0; left: 0; width: 213px; height: 335px; opacity: 0.5; z-index: -1; } @media (max-width: 991.98px) { .work-section::after { display: none; } } .work-section::before { content: ""; background: url(../img/bg/doctor-shape-img2.png); background-size: cover; background-repeat: no-repeat; background-position: right; position: absolute; right: 0; bottom: 0; opacity: 0.5; width: 213px; height: 335px; z-index: -1; } @media (max-width: 991.98px) { .work-section::before { display: none; } } @media (max-width: 991.98px) { .work-section { margin: 0; padding: 40px 0 20px; } } .work-img-info { position: relative; } @media (max-width: 991.98px) { .work-img-info { display: none; } } .work-img-info .work-img { position: absolute; bottom: 0; } .work-details { padding-left: 60px; } @media (max-width: 1199.98px) { .work-details { padding-left: 20px; } } .work-info { -webkit-box-align: start; -ms-flex-align: start; align-items: start; margin-bottom: 35px; } @media (max-width: 991.98px) { .work-info { margin-bottom: 20px; } } .work-info .work-icon { margin-right: 20px; } .work-info .work-icon span { min-width: 70px; height: 70px; background: #E0E7FF; border-radius: 10px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0); } .work-info .work-icon span img { transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0); -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .work-info:hover .work-icon span { background: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); } .work-info:hover .work-icon span img { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .work-info .work-content h5 { font-weight: 600; font-size: 18px; color: #1F2937; margin-bottom: 14px; } @media (max-width: 767.98px) { .work-info .work-content h5 { margin-bottom: 10px; } } .work-info .work-content p { font-size: 16px; margin-bottom: 0; } @media (max-width: 767.98px) { .work-info .work-content p { font-size: 14px; } } .work-section { background: #F2F6F6; margin: 0; padding: 80px 0 0; position: relative; overflow: hidden; z-index: 1; } .work-section::after { content: ""; background: url(../img/bg/doctor-shape-img1.png); background-size: cover; background-repeat: no-repeat; background-position: left; position: absolute; top: 0; left: 0; width: 213px; height: 335px; opacity: 0.5; z-index: -1; } @media (max-width: 991.98px) { .work-section::after { display: none; } } .work-section::before { content: ""; background: url(../img/bg/doctor-shape-img2.png); background-size: cover; background-repeat: no-repeat; background-position: right; position: absolute; right: 0; bottom: 0; opacity: 0.5; width: 213px; height: 335px; z-index: -1; } @media (max-width: 991.98px) { .work-section::before { display: none; } } @media (max-width: 991.98px) { .work-section { margin: 0; padding: 40px 0 20px; } } .work-img-info { position: relative; } @media (max-width: 991.98px) { .work-img-info { display: none; } } .work-img-info .work-img { position: absolute; bottom: 0; } .work-details { padding-left: 60px; } @media (max-width: 1199.98px) { .work-details { padding-left: 20px; } } .work-info { -webkit-box-align: start; -ms-flex-align: start; align-items: start; margin-bottom: 35px; } @media (max-width: 991.98px) { .work-info { margin-bottom: 20px; } } .work-info .work-icon { margin-right: 20px; } .work-info .work-icon span { min-width: 70px; height: 70px; background: #E0E7FF; border-radius: 10px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0); } .work-info .work-icon span img { transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0); -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .work-info:hover .work-icon span { background: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); } .work-info:hover .work-icon span img { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .work-info .work-content h5 { font-weight: 600; font-size: 18px; color: #1F2937; margin-bottom: 14px; } @media (max-width: 767.98px) { .work-info .work-content h5 { margin-bottom: 10px; } } .work-info .work-content p { font-size: 16px; margin-bottom: 0; } @media (max-width: 767.98px) { .work-info .work-content p { font-size: 14px; } } .articles-section { background-color: #ffffff; margin: 0; padding: 80px 0 55px; } @media (max-width: 991.98px) { .articles-section { margin: 0; padding: 40px 0 15px; } } .articles-grid { border: 2px solid #EDEDED; border-radius: 8px; padding: 20px; margin-bottom: 25px; } .articles-info .articles-left { margin-right: 20px; } .articles-info .articles-left .articles-img { position: relative; overflow: hidden; border-radius: 8px; width: 205px; height: 180px; } .articles-info .articles-left .articles-img img { position: relative; border-radius: 8px; -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); width: 100%; } .articles-info .articles-left .articles-img:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .articles-info .articles-left .articles-img:hover::before { -webkit-animation: circle 1s; animation: circle 1s; } .articles-info .articles-left .articles-img::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ""; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); border-radius: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); opacity: 0; } @media (max-width: 1199.98px) { .articles-info .articles-left .articles-img { width: 100%; height: auto; } } @media (max-width: 1199.98px) { .articles-info .articles-left { margin: 0 0 20px 0; padding: 0; } } @media (max-width: 1199.98px) { .articles-info { display: block; text-align: center; } } .articles-content .articles-list { margin-bottom: 10px; } .articles-content .articles-list li { margin-right: 15px; } .articles-content .articles-list li:last-child { margin-right: 0; } .articles-content .articles-list li i { font-size: 18px; margin-right: 8px; } @media (max-width: 1199.98px) { .articles-content .articles-list { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } } .articles-content h4 { font-weight: 600; font-size: 16px; margin-bottom: 10px; max-width: 320px; } @media (max-width: 1199.98px) { .articles-content h4 { margin: auto; margin-bottom: 10px; } } @media (max-width: 991.98px) { .articles-content h4 { max-width: inherit; } } .articles-content h4 a:hover { color: #0E82FD; } .articles-content p { margin-bottom: 16px; } .articles-content .btn { font-weight: 500; font-size: 15px; color: #0E82FD; background: #ffffff; border: 2px solid #0E82FD; box-shadow: inset 0 0 0 0 #0E82FD; border-radius: 6px; min-width: 112px; padding: 7px 12px; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } .articles-content .btn:hover { color: #ffffff; border-color: #0E82FD; background: #0E82FD; box-shadow: inset 0 0 0 50px #0E82FD; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } @media (max-width: 767.98px) { .articles-content .btn { font-size: 14px; } } .app-section { background-color: #ffffff; margin: 0; padding: 20px 0 80px; } @media (max-width: 1199.98px) { .app-section { margin: 0; padding: 0 0 80px; } } @media (max-width: 991.98px) { .app-section { margin: 0; padding: 20px 0 40px; } } @media (max-width: 767.98px) { .app-section { margin: 0; padding: 0px 0 40px; } } .app-bg { background: #0E82FD; background-image: url(../img/app-bg.png); background-position: right top; background-repeat: no-repeat; border-radius: 25px; padding: 40px 0 0 50px; } @media (max-width: 1199.98px) { .app-bg { margin: 0; padding: 30px; } } @media (max-width: 991.98px) { .app-bg { margin: 0; padding: 40px 0; background-image: inherit; } } @media (max-width: 767.98px) { .app-bg { margin: 0; padding: 30px 0; } } @media (max-width: 991.98px) { .app-content { text-align: center; } } .app-header { padding-bottom: 40px; } .app-header h5 { font-size: 24px; font-weight: 600; color: #ffffff; margin-bottom: 10px; } @media (max-width: 991.98px) { .app-header h5 { font-size: 22px; } } @media (max-width: 767.98px) { .app-header h5 { font-size: 18px; } } .app-header h2 { font-size: 40px; font-weight: 600; color: #ffffff; margin-bottom: 0; max-width: 565px; } @media (max-width: 991.98px) { .app-header h2 { font-size: 34px; max-width: 100%; } } @media (max-width: 767.98px) { .app-header h2 { font-size: 26px; } } @media (max-width: 991.98px) { .app-header { padding-bottom: 30px; } } @media (max-width: 767.98px) { .app-header { padding-bottom: 20px; } } .app-scan { padding-bottom: 40px; } .app-scan p { font-weight: 500; color: #ffffff; margin-bottom: 10px; } @media (max-width: 991.98px) { .app-scan { padding-bottom: 30px; } } @media (max-width: 767.98px) { .app-scan { padding-bottom: 20px; } } .google-imgs a { margin-right: 24px; } .google-imgs a:last-child { margin-right: 0; } @media (max-width: 767.98px) { .google-imgs a img { width: 120px; } } @media (max-width: 767.98px) { .google-imgs a { margin-right: 14px; } } .mobile-img { position: relative; bottom: 0; } @media (max-width: 991.98px) { .mobile-img { display: none; } } @media (max-width: 1440.98px) { .mobile-img img { max-width: 450px; } } @media (max-width: 1199.98px) { .mobile-img img { max-width: 370px; } } .faq-section { background-color: #ffffff; position: relative; overflow: hidden; margin: 0; padding: 0 0 140px; } @media (max-width: 1199.98px) { .faq-section { margin: 0; padding: 0 0 80px; } } @media (max-width: 991.98px) { .faq-section { margin: 0; padding: 0 0 40px; } } .faq-img { position: relative; } @media (max-width: 991.98px) { .faq-img { text-align: center; margin-bottom: 80px; } } @media (max-width: 767.98px) { .faq-img { margin-bottom: 70px; } } .faq-patients-count { background: #ffffff; box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.03), 0px 64.81px 46.85px rgba(0, 0, 0, 0.0228), 0px 38.52px 25.48px rgba(0, 0, 0, 0.0182), 0px 20px 13px rgba(0, 0, 0, 0.015), 0px 8.15px 6.52px rgba(0, 0, 0, 0.0118), 0px 1.85px 3.15px rgba(0, 0, 0, 0.0072); border-radius: 10px; padding: 15px; min-width: 222px; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); } @media (max-width: 991.98px) { .faq-patients-count { justify-content: start; -webkit-justify-content: start; -ms-flex-pack: start; box-shadow: none; border: 1px solid #F3F3F3; } } .faq-smile-img { margin-right: 15px; } .faq-patients-content h4 { font-weight: 700; font-size: 24px; margin-bottom: 3px; } @media (max-width: 767.98px) { .faq-patients-content h4 { font-size: 20px; } } .faq-patients-content p { font-weight: 600; font-size: 18px; margin-bottom: 0; } @media (max-width: 767.98px) { .faq-patients-content p { font-size: 16px; } } @media (max-width: 991.98px) { .faq-patients-content { text-align: left; } } .faq-info .accordion-item { background: #F8F8F8; border: 0; border-radius: 0; margin: 0 0 24px; padding: 15px; } .faq-info .accordion-item:last-child { margin-bottom: 0; } .faq-info .accordion-item .accordion-body { margin-top: 15px; padding: 15px 0 0; border-top: 1px solid #E2E8F0; } @media (max-width: 767.98px) { .faq-info .accordion-item { margin-bottom: 20px; } } .faq-info .accordion-header { position: relative; margin: 0; padding: 0; border: 0; } .faq-info .accordion-button { font-size: 16px; font-weight: 500; color: #1F2937; background: transparent; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; position: relative; cursor: pointer; } .faq-info .accordion-button:hover { border: 0; } .faq-info .accordion-button:after { content: "\e9b1"; font-family: "feather"; font-size: 20px; background: none; color: #0E82FD; background: #ffffff; width: 32px; height: 32px; border-radius: 5px; } @media (max-width: 767.98px) { .faq-info .accordion-button:after { position: absolute; right: 0; } } .faq-info .accordion-button:not(.collapsed)::after { content: "\e996"; color: #ffffff; background: #0E82FD; } @media (max-width: 767.98px) { .faq-info .accordion-button { font-size: 14px; padding-right: 30px; line-height: 24px; } } .faq-info .accordion-content p { color: #6B7280; margin-bottom: 0; } .partners-section { background-color: #ffffff; padding: 80px 0; } @media (max-width: 991.98px) { .partners-section { padding: 40px 0; } } .partners-section .owl-nav { display: none; } .partners-slider { list-style: none; } .partners-slider li a { background: #ffffff; border: 2px solid #F5F5F5; padding: 14px 20px; text-align: center; height: 79px; border-radius: 10px; } @media (max-width: 767.98px) { .partners-slider.owl-carousel .owl-item img { width: auto; margin: 0 auto; height: auto; } } .footer-1.footer { background-color: #F2F6F6; } .footer-1.footer .footer-top .footer-title { color: #1F2937; } .footer-1.footer .footer-top .footer-widget.footer-menu ul li a { color: #6B7280; position: relative; overflow: hidden; background: url(../img/footer-arrow.png) no-repeat -20px 20px; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .footer-1.footer .footer-top .footer-widget .footer-about-content p { color: #6B7280; } .footer-1.footer .footer-top .footer-widget .footer-contact-info { color: #6B7280; } .footer-1.footer .subscribe-form { position: relative; } .footer-1.footer .subscribe-form .form-control { font-weight: 500; font-size: 14px; min-height: 46px; color: #6B7280; background: #fff; border: 1px solid #E5E7EB; border-radius: 6px 0px 0px 6px; margin: 0; padding: 6px 112px 6px 15px; } .footer-1.footer .subscribe-form .btn { font-weight: normal; margin: 0; padding: 11px 16px; font-size: 15px; font-weight: 600; border-radius: 0 6px 6px 0; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .owl-carousel.partners-slider.owl-loaded { padding-left: 0; } .blog { border: 1px solid #f0f0f0; background-color: #ffffff; position: relative; border-radius: 4px; margin: 0 0 30px; padding: 1.5rem; } @media (max-width: 575.98px) { .blog { padding: 1.25rem; } } .blog .blog-image { margin: 0 0 30px; overflow: hidden; } .blog .blog-image img { transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .blog .blog-image a:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .blog .blog-title { font-size: 22px; margin: 0 0 10px; } @media (max-width: 767.98px) { .blog .blog-title { font-size: 20px; } } @media (max-width: 575.98px) { .blog .blog-title { font-size: 18px; } } .blog .blog-title a { color: #272b41; } .blog .blog-title a:hover { color: #20c0f3; } .blog .blog-content { position: relative; } .blog .blog-content p { color: #666; font-size: 14px; margin: 0 0 30px; } .blog .blog-content .entry-meta { color: #757575; font-size: 14px; list-style: none; margin: 0 0 15px; padding: 0; } .blog .blog-content .entry-meta li { display: inline-block; margin-right: 15px; } .blog .blog-content .entry-meta li:last-child { margin-right: 0; } .blog.grid-blog { padding: 20px; } .blog.grid-blog .blog-title { font-size: 18px; min-height: 43px; margin: 0 0 5px; } @media (max-width: 767.98px) { .blog.grid-blog .blog-title { min-height: inherit; } } .blog.grid-blog .blog-content p { margin: 0 0 15px; } .blog.grid-blog .blog-info { margin: 0 0 15px; } .blog.grid-blog .blog-image { margin: 0 0 20px; } .blog.grid-blog .entry-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 0 !important; } .blog.grid-blog .entry-meta li { margin: 0 0 10px; } .blog.grid-blog .post-author { width: 189px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .blog.grid-blog .post-author a:hover { color: #20c0f3; } .blog-image, .blog-image > a, .blog-image img { display: block; position: relative; width: 100%; height: auto; } .read-more { display: inline-block; font-size: 16px; padding: 0; color: #20c0f3; text-decoration: underline; font-weight: 700; } @media (max-width: 575.98px) { .read-more { font-size: 14px; } } .blog-info { color: #757575; font-size: 14px; margin: 0 0 15px; } .blog-info a { color: #757575; } .blog-info a:hover { color: #757575; } .blog-info i { color: #20c0f3; font-size: 14px; margin-right: 5px; } @media (max-width: 575.98px) { .blog-info i { font-size: 14px; } } .blog-pagination .pagination { margin: 0 0 30px; } .blog-pagination .pagination li a { font-weight: 600; color: #2E3842; border-radius: inherit !important; border-color: #f0f0f0; margin: 0 10px 0 0; padding: 12px 20px; } .blog-pagination .pagination li.disabled a { border-color: #f0f0f0; } .blog-pagination .pagination li.active a { background: #20c0f3; border-color: transparent; color: #ffffff; } .post-left ul { list-style: none; display: flex; align-items: center; margin: 0; padding: 0; } .post-left ul li { margin-bottom: 5px; margin-right: 20px; } @media (max-width: 575.98px) { .post-left ul li { margin-right: 10px; } } .post-left ul li:last-child { margin-right: 0; } @media (max-width: 575.98px) { .post-left ul li:last-child { margin-right: 10px; } } .post-author a { display: flex; align-items: center; } .video { position: relative; padding-bottom: 56%; height: 0; overflow: hidden; } .video iframe, .video object, .video embed { width: 100%; height: 100%; border: none; position: absolute; top: 0; left: 0; } .latest-posts { margin: 0; padding: 0; } .latest-posts li { display: table; width: 100%; margin: 0 0 20px; } .latest-posts li:last-child { padding-bottom: 0px; margin-bottom: 0px; border-bottom: none; } .post-thumb { width: 80px; float: left; overflow: hidden; border-radius: 4px; } .post-thumb a img { border-radius: 4px; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .post-thumb a:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .post-info { margin-left: 95px; } .post-info h4 { font-size: 15px; margin: 0 0 5px; } .post-info h4 a { color: #272b41; } .post-info h4 a:hover { color: #20c0f3; } .post-info p { color: #757575; font-size: 12px; margin: 0; } .post-info p i { color: #20c0f3; font-size: 14px; margin-right: 4px; } .category-widget .categories { list-style: none; margin: 0; padding: 0; } .category-widget .categories li { margin: 0 0 20px; } .category-widget .categories li:last-child { border-bottom: none; margin: 0; padding: 0; } .category-widget .categories li a { color: #2E3842; font-size: 15px; font-weight: 500; } .category-widget .categories li a span { float: right; color: #757575; } .category-widget .categories li a:hover { color: #20c0f3; } .category-widget .categories > li > a > i { color: #20c0f3; font-size: 18px; margin-right: 10px; } .tags-widget .card-body { padding-bottom: 1rem; } .tags { list-style: none; overflow: hidden; margin: 0; padding: 0; } .tags li { float: left; } .tag { background-color: #ffffff; color: #272b41; position: relative; font-size: 14px; border: 1px solid #cccccc; display: inline-block; border-radius: 4px; margin: 0 0.5rem 0.5rem 0; padding: 5px 10px; } .tag:hover { background-color: #20c0f3; border-color: #20c0f3; color: #ffffff; } .comment-by { display: block; font-size: 14px; line-height: 21px; margin: 0 0 10px; } .comments-list .comment-block p { font-size: 14px; margin: 0 0 5px; } /*----------------- Blog Details -----------------------*/ .blog-view .blog-title { font-size: 24px; } @media (max-width: 767.98px) { .blog-view .blog-title { font-size: 22px; } } @media (max-width: 575.98px) { .blog-view .blog-title { font-size: 20px; } } .blog-view .blog-info { border: 0; margin: 0 0 20px; padding: 0; } .blog-content p:last-child { margin: 0; } .social-share { float: left; list-style: none; margin: 0; padding: 0; } .social-share > li { display: inline-block; float: left; margin-left: 10px; text-align: center; } .social-share > li:first-child { margin-left: 0; } .social-share > li a:hover { background-color: #20c0f3; color: #ffffff; border-color: #20c0f3; } .social-share > li > a { border: 1px solid #dfdfdf; color: #666; display: inline-block; font-size: 22px; height: 40px; line-height: 40px; width: 40px; } .blog-reply > a { color: #999; font-size: 12px; font-weight: 500; } .blog-date { color: #999; font-size: 12px; } .blog-comments .comments-list { list-style: none; position: relative; margin: 0; padding: 0; } .blog-comments .comments-list li { clear: both; padding-left: 80px; } @media (max-width: 575.98px) { .blog-comments .comments-list li { padding: 10px 0 0 50px; } } .blog-comments .comments-list li .comment { margin: 0 0 20px; } .blog-comments .comments-list li .comment-author { position: absolute; left: 0; } .blog-comments .comments-list li img.avatar { height: 58px; width: 58px; border-radius: 58px; } @media (max-width: 575.98px) { .blog-comments .comments-list li img.avatar { height: 40px; width: 40px; border-radius: 40px; } } .blog-comments .comment-btn { color: #20c0f3; display: inline-block; font-weight: 500; font-size: 15px; } .blog-author-name { color: #272b41; font-size: 16px; font-weight: 600; } .new-comment label { font-weight: 500; } .comment-submit .btn { background-color: #20c0f3; border-color: #20c0f3; font-size: 18px; padding: 8px 26px; color: #ffffff; border-radius: 0; } .about-author-img { background-color: #ffffff; height: 100px; overflow: hidden; position: absolute; width: 100px; } @media (max-width: 575.98px) { .about-author-img { height: 60px; width: 60px; } } .author-details { margin: 0 0 0 120px; } @media (max-width: 575.98px) { .author-details { margin-left: 80px; } } .author-details .blog-author-name { display: inline-block; margin: 0 0 10px; } .about-author { min-height: 100px; } .post-author img { width: 28px; margin-right: 5px; border-radius: 100%; } .blogs-section { padding: 50px 0; background-color: #ffffff; } @media (max-width: 767.98px) { .blogs-section { padding: 30px 0; } } .blogs-section .blog-wrapper { background: #ffffff; border: 1px solid #E8EEFF; box-sizing: border-box; border-radius: 10px 10px 0px 0px; margin-bottom: 30px; } .blogs-section .blog-wrapper .wrap-image img { width: 100%; border-radius: 10px 10px 0px 0px; } .blogs-section .blog-wrapper .wrap-content { padding: 10px; } .blogs-section .blog-wrapper .wrap-content .sp-title { font-size: 13px; color: #2264C5; font-weight: 600; margin-right: 5px; } .blogs-section .blog-wrapper .wrap-content .post-author a { display: flex; align-items: center; } .blogs-section .blog-wrapper .wrap-content .post-author a img { width: 20px; flex: 0 0 20px; margin: 0 5px; } .blogs-section .blog-wrapper .wrap-content .post-author a span { font-size: 12px; font-weight: 600; color: #000000; } .blogs-section .blog-wrapper .wrap-content .date-cart { background-color: #1860CA; font-size: 28px; color: #ffffff; font-weight: 600; line-height: 1.2; text-align: center; width: 65px; height: 60px; flex-direction: column; position: absolute; right: 25px; margin: -40px 0 0; padding: 10px 8px; } @media (max-width: 991.98px) { .blogs-section .blog-wrapper .wrap-content .date-cart { font-size: 26px; } } @media (max-width: 767.98px) { .blogs-section .blog-wrapper .wrap-content .date-cart { font-size: 22px; width: 60px; height: 55px; padding: 5px; } } .blogs-section .blog-wrapper .wrap-content .date-cart span { font-size: 11px; font-weight: 500; } @media (max-width: 767.98px) { .blogs-section .blog-wrapper .wrap-content .date-cart span { font-size: 10px; } } .blogs-section .blog-wrapper .wrap-content-body { margin-top: 10px; } @media (max-width: 767.98px) { .blogs-section .blog-wrapper .wrap-content-body h3 { font-size: 17px; } } .blogs-section .blog-wrapper .wrap-content-body h3 a { font-size: 18px; font-weight: 500; color: #000000; line-height: 1.5; } @media (max-width: 767.98px) { .blogs-section .blog-wrapper .wrap-content-body h3 a { font-size: 17px; } } .blogs-section .blog-wrapper .wrap-content-body p { font-size: 12px; color: #000000; } .blogs-section .blog-wrapper .wrap-content-body a.read-txt { width: 110px; padding: 10px; background: #0CE0FF; border-radius: 30px; display: block; text-align: center; color: #ffffff; font-size: 12px; font-weight: 600; } .blogs-section .blog-wrapper .wrap-content-body a.read-txt:hover { background-color: #0E82FD; } .blogs-section .view-btn { background-color: #20c0f3; font-size: 16px; color: #ffffff; font-weight: 700; border-radius: 30px; border: 1px solid #20c0f3; padding: 6px 20px; } @media (max-width: 767.98px) { .blogs-section .view-btn { font-size: 14px; } } .blogs-section .view-btn:hover { background-color: #0E82FD; border: 1px solid #0E82FD; } .our-blog-section { padding: 60px 0; background: #ffffff; } @media (max-width: 991.98px) { .our-blog-section { padding: 40px 0; } } @media (max-width: 767.98px) { .our-blog-section { padding: 30px 0; } } .our-blog-section .our-blogs { display: block; transition: 0.6s; border-radius: 10px 10px 0px 0px; overflow: hidden; } .our-blog-section .our-blogs .blogs-img { position: relative; transition: 0.6s; } .our-blog-section .our-blogs .blogs-img .blogs-overlay { align-items: center; background: #ffffff; border-radius: 30px 0px 0px 30px; padding: 5px; position: absolute; right: 0; bottom: 10px; transition: 0.6s; } .our-blog-section .our-blogs .blogs-img .blogs-overlay img { height: 35px; width: 35px !important; border-radius: 50%; margin-right: 10px; } .our-blog-section .our-blogs .blogs-img .blogs-overlay .blogs-writter { display: none; } .our-blog-section .our-blogs .blogs-info { background: #ffffff; border: 1px solid #E8EEFF; padding: 15px; } .our-blog-section .our-blogs .blogs-info span { color: #20c0f3; } .our-blog-section .our-blogs .blogs-info h4 { color: #000000; line-height: 28px; } .our-blog-section .our-blogs .blogs-info h4:hover { color: #1C5B91; } .our-blog-section .our-blogs .blogs-info p { font-size: 13px; } .our-blog-section .our-blogs .blogs-nav { border: 1px solid #E8EEFF; padding: 10px; border-top: 0; } .our-blog-section .our-blogs .blogs-nav .blogs-btn { background: #1C5B90; border-radius: 30px; color: #ffffff; padding: 8px 10px; display: block; width: 110px; text-align: center; font-size: 12px; } .our-blog-section .our-blogs .blogs-nav .blogs-btn:hover { background-color: #0E82FD; } .our-blog-section .our-blogs:hover .blogs-img .blogs-overlay .blogs-writter { display: block; } .blogs-time { color: #17418E !important; } .booking-doc-info .booking-doc-img { width: 80px; margin-right: 15px; } @media (max-width: 767.98px) { .booking-doc-info .booking-doc-img { width: 75px; } } @media (max-width: 575.98px) { .booking-doc-info .booking-doc-img { width: 70px; } } .booking-doc-info .booking-doc-img img { height: 80px; width: 80px; object-fit: cover; border-radius: 4px; } @media (max-width: 767.98px) { .booking-doc-info .booking-doc-img img { height: 75px; width: 75px; } } @media (max-width: 575.98px) { .booking-doc-info .booking-doc-img img { height: 70px; width: 70px; } } .schedule-widget { min-height: 100px; border-radius: 4px; } .schedule-widget .schedule-header { border-bottom: 1px solid #f0f0f0; padding: 10px 20px; border-radius: 4px 4px 0 0; } .schedule-widget .schedule-header h4 { font-size: 18px; font-weight: 600; margin: 3px 0 0; } .day-slot ul { float: left; list-style: none; position: relative; width: 100%; margin: auto -5px 0 -5px; padding: 0; } .day-slot ul li { float: left; padding-left: 5px; padding-right: 5px; text-align: center; width: 14.28%; } .day-slot ul li span { display: block; font-size: 18px; text-transform: uppercase; } @media (max-width: 767.98px) { .day-slot ul li span { font-size: 16px; text-transform: unset; } } .day-slot ul li span.slot-date { display: block; color: #757575; font-size: 14px; } .day-slot ul li small.slot-year { color: #757575; font-size: 14px; } @media (max-width: 767.98px) { .day-slot ul li small.slot-year { display: none; } } .day-slot ul li.left-arrow { text-align: center; width: 20px !important; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 50%; left: 0; padding: 0; } @media (max-width: 991.98px) { .day-slot ul li.left-arrow { left: -10px; } } .day-slot ul li.right-arrow { text-align: center; width: 20px !important; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 50%; right: -11px; padding: 0; } .schedule-cont { padding: 20px; } .time-slot ul { list-style: none; margin: auto -5px 0 -5px; padding: 0; } .time-slot ul li { float: left; padding-left: 5px; padding-right: 5px; width: 14.28%; } .time-slot ul li .timing { background-color: #e9e9e9; border: 1px solid #e9e9e9; border-radius: 3px; color: #757575; display: block; font-size: 14px; margin-bottom: 10px; padding: 5px 5px; text-align: center; position: relative; } .time-slot ul li .timing:hover { background-color: #ffffff; } .time-slot ul li .timing:last-child { margin-bottom: 0; } .time-slot ul li .timing.selected { background-color: #42c0fb; border: 1px solid #42c0fb; color: #ffffff; } .time-slot ul li .timing.selected::before { color: #ffffff; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-size: 12px; font-weight: 900; position: absolute; top: 6px; right: 6px; } @media (max-width: 991.98px) { .time-slot ul li .timing.selected::before { display: none; } } .time-slot ul li .timing.selected:hover { color: #757575; } .time-slot ul li .timing.selected:hover::before { color: #757575; } .schedule-list { border-bottom: 1px solid #cfcfcf; margin-bottom: 50px; padding-bottom: 50px; } .schedule-list:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .submit-section.proceed-btn { margin: 0 0 30px; } @media (max-width: 767.98px) { .submit-section.proceed-btn { margin-bottom: 20px; } } .tab-content.schedule-cont .card-title { margin-bottom: 10px; } .doc-slot-list { background-color: #d9534f; border: 1px solid #d43f3a; color: #ffffff; font-size: 14px; margin: 10px 10px 0 0; padding: 6px 15px; border-radius: 4px; } .doc-slot-list a { color: #e48784; display: inline-block; margin-left: 5px; } .doc-slot-list a:hover { color: #ffffff; } .schedule-nav .nav-tabs { border: 0 !important; } .schedule-nav .nav-tabs li { display: inline-block; flex-grow: inherit; margin: 5px 15px 5px 0; } @media (max-width: 479.98px) { .schedule-nav .nav-tabs li { display: block; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0; } } .schedule-nav .nav-tabs li:last-child { margin-right: 0; } .schedule-nav .nav-tabs li a.active { background: #ff4877; border: 1px solid #ff4877 !important; color: #ffffff; } .schedule-nav .nav-tabs > li > a { border: 1px solid #dcddea; text-transform: uppercase; border-radius: 4px; padding: 6px 15px; } .hours-info .form-control { min-height: auto; } .hours-info .btn.btn-danger.trash { height: 38px; width: 100%; } .add-more a { color: #20c0f3; } .edit-link { color: #20c0f3; font-size: 16px; margin-top: 4px; } @media (max-width: 575.98px) { .edit-link { font-size: 14px; margin-top: 2px; } } .submit-section .submit-btn { padding: 12px 30px; font-weight: 600; font-size: 16px; min-width: 120px; } @media (max-width: 767.98px) { .submit-section .submit-btn { padding: 10px 20px; font-size: 15px; min-width: 105px; } } .success-card .card-body { padding: 50px 20px; } .success-cont { text-align: center; } .success-cont i { color: #ffffff; width: 60px; height: 60px; border: 2px solid #09e5ab; font-size: 30px; margin-bottom: 30px; background-color: #09e5ab; border-radius: 50%; } .success-cont h3 { font-size: 24px; } @media (max-width: 767.98px) { .success-cont h3 { font-size: 22px; } } .success-cont p { margin-bottom: 30px; } .success-cont strong { font-weight: 700; } @media (max-width: 575.98px) { .booking-schedule.schedule-widget { overflow-x: auto; } } @media (max-width: 575.98px) { .booking-schedule.schedule-widget > div { width: 730px; } } @media (max-width: 575.98px) { .booking-schedule .day-slot ul { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 575.98px) { .booking-schedule .day-slot ul li { -ms-flex: 0 0 100px; flex: 0 0 100px; width: 100px; } } @media (max-width: 575.98px) { .booking-schedule .day-slot ul li.right-arrow { right: -20px; } } @media (max-width: 575.98px) { .booking-schedule .time-slot ul { display: flex; } } @media (max-width: 575.98px) { .booking-schedule .time-slot ul li { -ms-flex: 0 0 100px; flex: 0 0 100px; width: 100px; } } @media (max-width: 767.98px) { .booking-schedule .time-slot ul li .timing span { display: block; } } @media (max-width: 575.98px) { .booking-schedule .time-slot ul li .timing span { display: inline-block; } } .visits .visit-btns { color: #272b41; background-color: #ffffff; width: 80%; margin-bottom: 10px; display: block; outline: unset; cursor: pointer; } .visits input:checked ~ .visit-rsn { background-color: #09e5ab; color: #ffffff; border-radius: 4px; } .visits input:checked ~ .visit-rsn:before { opacity: 1; } .visits input:disabled ~ .visit-rsn { background-color: #e30303; color: #ffffff; border-radius: 5px; } .visits input.form-check-input { opacity: 0; visibility: hidden; margin-left: 0; position: absolute; top: 0; left: 0; } .visits .form-check-input { opacity: 0; } .visits span.visit-rsn { background: #F3F9FF; border: 0; border-radius: 5px; color: #64627C; display: inline-block; font-size: 14px; margin-bottom: 0px; text-align: center; position: relative; font-weight: 600; min-width: 133px; width: 100%; padding: 13px 5px; } .visits span.visit-rsn:before { color: #09e5ab; background-color: #ffffff; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-size: 10px; font-weight: 900; border-radius: 50px; width: 18px; height: 18px; opacity: 0; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .back-link { padding-bottom: 30px; } .back-link a { font-size: 15px; color: #959595; } .back-link a:hover { color: #09e5ab; } .back-link a i { margin-right: 10px; } @media (max-width: 767.98px) { .back-link { padding-bottom: 25px; } } .booking-header { padding-bottom: 25px; } .booking-header .booking-title { font-weight: 500; font-size: 18px; margin-bottom: 0; } @media (max-width: 767.98px) { .booking-header { padding-bottom: 20px; } } .booking-date.choose-date-book { padding-bottom: 30px; } .booking-date.choose-date-book p { color: #8C8C8C; margin: 0 10px 0 0; padding: 0; margin-right: 10px; margin-bottom: 0; } @media (max-width: 767.98px) { .booking-date.choose-date-book p { margin: 0 0 10px 0; padding: 0; } } @media (max-width: 767.98px) { .booking-date.choose-date-book { display: block; padding-bottom: 20px; } } .booking-date-slider { padding-bottom: 30px; } .booking-range .btn { background: #ffffff; border: 1px solid #E4E4E8; border-radius: 6px; font-size: 14px; font-weight: normal; color: #4A4A4A; margin: 0; padding: 10px 15px; } @media (max-width: 767.98px) { .booking-range .btn { font-size: 13px; margin: 0; padding: 10px; position: relative; } } .booking-range img { margin-right: 10px; } .booking-range i { font-size: 16px; margin-left: 10px; color: #5B5B5B; } .booking-device-img { margin-right: 15px; } .booking-device-img img { max-width: inherit; } .booking-doctor-info h3 { font-weight: 500; font-size: 16px; margin-bottom: 5px; } .booking-doctor-info .device-text { margin-bottom: 12px; } .booking-doctor-info .btn { font-weight: 500; font-size: 14px; margin: 0; padding: 4px 10px; min-width: 109px; color: #0E82FD; background: #ffffff; border: 2px solid #0E82FD; box-shadow: inset 0 0 0 0 #0E82FD; border-radius: 6px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .booking-doctor-info .btn:hover { color: #ffffff; background: #0E82FD; box-shadow: inset 0 0 0 50px #0E82FD; border: 2px solid #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .time-slot.time-slot-blk { text-align: center; } .time-slot.time-slot-blk h4 { font-weight: 500; font-size: 16px; margin-bottom: 20px; } .time-slot.time-slot-blk ul { list-style: none; margin: 0; padding: 0; } .time-slot.time-slot-blk ul li { display: block; margin-bottom: 15px; float: inherit; width: 100%; } .time-slot.time-slot-blk li:last-child { margin-bottom: 0; } .time-slot.time-slot-blk li .timing { background: #F5F5F5; border: 2px solid #F3F3F3; border-radius: 8px; color: #595959; margin: 0; padding: 10px 15px; text-align: center; position: relative; box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .time-slot.time-slot-blk li .timing:hover { background: #ffffff; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .time-slot.time-slot-blk li .timing.active { background: #0E82FD; border: 2px solid #0E82FD; color: #ffffff; box-shadow: inset 0 0 0 0 #0E82FD; } .time-slot.time-slot-blk li .timing.active:hover { background: #0E82FD; border: 2px solid #0E82FD; color: #ffffff; box-shadow: inset 0 0 0 50px #0E82FD; } .time-slot.time-slot-blk li .timing i { margin-right: 4px; } .time-slot.time-slot-blk li .load-more-timings a { font-weight: 500; text-decoration: underline; color: #0E82FD; } .time-slot.time-slot-blk li .load-more-timings a:hover { color: #000000; } .time-slot.time-slot-blk .time-slot-open { display: none; } @media (max-width: 991.98px) { .time-slot.time-slot-blk { padding-bottom: 15px; } } .date-slider { text-align: center; list-style: none; margin: 0; padding: 0; } .date-slider .slick-slide { display: block; margin: 0; padding: 0 5px; } .date-slider li h4 { font-weight: 500; font-size: 16px; color: #B9B9B9; margin-bottom: 5px; } @media (max-width: 1199.98px) { .date-slider li h4 { font-size: 13px; } } @media (max-width: 991.98px) { .date-slider li h4 { font-size: 16px; } } .date-slider li p { color: #D4D4D4; margin-bottom: 0; } .date-slider li.active h4 { color: #000000; } .date-slider li.active p { color: #AAAAAA; } .date-slider .slick-prev:before { content: " \e92f"; } .date-slider .slick-next:before { content: " \e930"; } .date-slider .slick-prev, .date-slider .slick-next { background: transparent; color: #000000; line-height: normal; box-shadow: none; width: 30px; height: 30px; } .date-slider .slick-prev:hover, .date-slider .slick-prev:focus, .date-slider .slick-next:hover, .date-slider .slick-next:focus { background-color: transparent; color: #09e5ab; opacity: 1; } .date-slider .slick-prev:hover:before, .date-slider .slick-prev:focus:before, .date-slider .slick-next:hover:before, .date-slider .slick-next:focus:before { color: #09e5ab; } .date-slider .slick-prev:before, .date-slider .slick-next:before { font-family: "feather"; font-size: 26px; } .date-slider .slick-prev { left: -12px; } .date-slider .slick-next { right: -12px; } .content.content-space { padding: 80px 0px; } @media (max-width: 991.98px) { .content.content-space { padding: 50px 0px; } } .prime-btn { background-color: #0E82FD; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 0 #ffffff; } .prime-btn:hover { color: #0E82FD; background-color: #ffffff; border-color: #0E82FD; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .prime-btn:hover i { color: #0E82FD; } .attachment-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; background: #FFFFFF; border: 1px solid #E4E4E8; border-radius: 8px; padding: 6px 15px; } .attachment-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .attachment-icon { font-size: 24px; color: #9D9D9D; margin-right: 12px; } .attachment-content p { color: #54595E; margin-bottom: 0; } .attachment-content span { font-size: 12px; color: #54595E; } .attachment-close a { font-size: 22px; color: #ABB5BE; } .attachment-close a:hover { color: #0E82FD; } .paitent-appointment .forms-block { margin-bottom: 25px; } .paitent-appointment .forms-block .form-group-title { font-weight: 500; margin-bottom: 10px; display: block; } .paitent-appointment .forms-block .form-group-title i { font-size: 16px; } .paitent-appointment .forms-block .form-group-title span { font-weight: 400; font-size: 12px; color: #A3A3A3; } .paitent-appointment .forms-block .custom_radio { margin-bottom: 0; padding-left: 25px; } .paitent-appointment .form-control::placeholder { font-weight: 500; color: #9E9E9E; } .paitent-appointment textarea.form-control { resize: none; min-height: 100px; } .paitent-appointment .characters-text { font-size: 12px; color: #9E9E9E; text-align: right; margin-top: 8px; margin-bottom: 0; } .form-group-flex .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #292929; padding: 3px 5px; margin-bottom: 10px; min-width: 60px; background: #E0EFFF; border: 1px solid #E0EFFF; border-radius: 4px; box-shadow: inset 0 0 0 0 #0E82FD; -webkit-transition: 0.7s; -moz-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; } .form-group-flex .btn:hover { color: #FFFFFF; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 50px #0E82FD; -webkit-transition: 0.7s; -moz-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; } .form-group-flex .btn i { font-size: 16px; margin-right: 2px; } @media (max-width: 479.98px) { .schedule-calendar-col form { flex-direction: column; } .schedule-calendar-col form .me-3.d-flex { margin-right: 0 !important; } .search-time-mobile input { margin-top: 10px; width: 100%; } .bookingrange.btn.btn-white { font-size: 13px; } } .bookingrange.btn.btn-white:hover { border-color: #cccccc; } .widget-profile { background-color: #ffffff; border-bottom: 1px solid #f0f0f0; } .widget-profile .profile-info-widget { display: block !important; text-align: center !important; } .widget-profile .profile-info-widget .booking-doc-img { display: inline-block; width: auto; background-color: #f7f7f7; margin: 0 0 15px !important; padding: 8px; border-radius: 50%; } .widget-profile .profile-info-widget .booking-doc-img img { height: 120px !important; width: 120px !important; border-radius: 50% !important; } .widget-profile.pat-widget-profile .profile-info-widget .booking-doc-img { padding: 0; } .widget-profile.pat-widget-profile .profile-info-widget .booking-doc-img img { height: 100px !important; width: 100px !important; border-radius: 50%; } .appointment-list .profile-info-widget { margin-right: auto; text-align: left; } @media (max-width: 479.98px) { .appointment-list .profile-info-widget { text-align: center; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 479.98px) { .appointment-list .profile-info-widget .booking-doc-img { margin: 0 0 15px; } } .appointment-list .profile-info-widget .booking-doc-img img { height: 120px; object-fit: cover; width: 120px; border-radius: 4px; } @media (max-width: 479.98px) { .appointment-list .profile-info-widget .booking-doc-img img { height: 100px; width: 100px; border-radius: 50%; } } @media (max-width: 479.98px) { .appointment-list .profile-det-info { margin-bottom: 15px; } } .appointments .appointment-list { background-color: #ffffff; border: 1px solid #f0f0f0; margin: 0 0 20px; padding: 20px; border-radius: 4px; } .appointments .appointment-list:last-child { margin-bottom: 30px; } @media (max-width: 991.98px) { .appointments .appointment-list { display: block; } } @media (max-width: 1199.98px) { .appointments .appointment-list { flex-direction: column; } } @media (max-width: 479.98px) { .appointments .appointment-list { text-align: center; } } @media (max-width: 479.98px) { .appointments .appointment-list .profile-det-info { margin-bottom: 15px; } } @media (max-width: 1199.98px) { .appointments .appointment-action { margin-top: 10px; } } @media (max-width: 479.98px) { .appointments .appointment-action { margin-top: 0; } } .appointments .appointment-action a { font-size: 13px; } .appointments .appointment-action a + a { margin-left: 5px; } .info-details { list-style: none; margin: 0; padding: 0; } .info-details li { margin-bottom: 10px; } .info-details li:last-child { margin-bottom: 0; } .info-details li .title { color: #272b41; font-weight: 500; } .info-details li .text { color: #757575; display: block; font-size: 16px; overflow: hidden; } .clinic-direction { color: #757575; font-size: 14px; margin-bottom: 25px; } .clinic-direction a { color: #09e5ab; font-weight: 500; } .doctor-action { margin-bottom: 15px; } @media (max-width: 767.98px) { .doctor-action { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } } .doctor-action a + a { margin-left: 8px; } .doctor-action .fav-btn:hover { background-color: #fb1612; border-color: #fb1612; color: #ffffff; } .msg-btn:hover, .msg-btn:focus { background-color: #09e5ab; border-color: #09e5ab; color: #ffffff; } call-btn:hover, call-btn:focus { background-color: #09e5ab; border-color: #09e5ab; color: #ffffff; } @media (max-width: 767.98px) { .user-tabs { margin-top: 1.5rem; } } @media (max-width: 767.98px) { .user-tabs .nav-tabs { border-bottom: 0; position: relative; background-color: #ffffff; padding: 5px 0; border: 1px solid #dddddd; border-radius: 3px; } } .user-tabs .nav-tabs > li > a { border: 0; border-bottom: 3px solid transparent; color: #3e3e3e; font-weight: 700; padding: 20px; } .user-tabs .nav-tabs > li > a:hover { background-color: unset; color: #20c0f3; } @media (max-width: 767.98px) { .user-tabs .nav-tabs > li > a { border-left: 2px solid transparent; border-bottom: 0; padding: 0.5rem 1rem; } } @media (max-width: 767.98px) { .user-tabs .nav-tabs.nav-justified { border-bottom: 1px solid #dddddd; } } @media (max-width: 767.98px) { .user-tabs .nav-tabs .nav-item { -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media (max-width: 479.98px) { .user-tabs .nav-tabs .nav-item { -ms-flex: 0 0 100%; flex: 0 0 100%; } } .user-tabs .nav-tabs.nav-tabs-bottom > li > a.active, .user-tabs .nav-tabs.nav-tabs-bottom > li > a.active:hover, .user-tabs .nav-tabs.nav-tabs-bottom > li > a.active:focus { border-bottom-width: 3px; color: #20c0f3; } @media (max-width: 767.98px) { .user-tabs .nav-tabs.nav-tabs-bottom > li > a.active, .user-tabs .nav-tabs.nav-tabs-bottom > li > a.active:hover, .user-tabs .nav-tabs.nav-tabs-bottom > li > a.active:focus { border-left-width: 2px; color: #20c0f3; } } .user-tabs .med-records { display: inline-block; min-width: 130px; } @media (max-width: 575.98px) { .user-tabs .med-records { min-width: 110px; } } .widget { margin-bottom: 30px; } .widget-title { margin-bottom: 15px; } .experience-box { position: relative; } .experience-list { list-style: none; position: relative; margin: 0; padding: 0; } .experience-list::before { background: #dddddd; bottom: 0; content: ""; width: 2px; position: absolute; top: 8px; left: 8px; } .experience-list li { position: relative; } .experience-list li:last-child .experience-content { margin-bottom: 0; } .experience-list > li .experience-user { background: #ffffff; height: 10px; width: 10px; position: absolute; top: 4px; left: 4px; margin: 0; padding: 0; } .experience-list > li .experience-content { background-color: #ffffff; position: relative; margin: 0 0 20px 40px; padding: 0; } .experience-list > li .experience-content .timeline-content { color: #757575; } .experience-list > li .experience-content .timeline-content a.name { font-weight: 500; } .experience-list > li .time { color: #757575; display: block; font-size: 13px; } .experience-user .avatar { height: 32px; line-height: 32px; width: 32px; margin: 0; } .before-circle { background-color: rgba(32, 192, 243, 0.2); height: 12px; width: 12px; border: 2px solid #20c0f3; border-radius: 50%; } .exp-year { color: #20c0f3; margin-bottom: 2px; } .exp-title { font-size: 16px; } @media (max-width: 767.98px) { .exp-title { font-size: 14px; } } .awards-widget .experience-list > li:last-child p { margin-bottom: 0; } .service-list { margin-bottom: 30px; } .service-list:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .service-list ul { list-style: none; margin: 0; padding: 0; } .service-list ul li { float: left; padding-left: 25px; position: relative; width: 33%; margin: 6px 0; } @media (max-width: 767.98px) { .service-list ul li { width: 50%; } } @media (max-width: 575.98px) { .service-list ul li { width: 100%; } } .service-list ul li::before { color: #cccccc; content: "\f30b"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; } .location-list { border: 1px solid #f0f0f0; border-radius: 4px; padding: 20px; } .location-list + .location-list { margin-top: 20px; } .location-list .consult-price { font-size: 20px; font-weight: 500; color: #272b41; } .clinic-content .clinic-name { font-size: 18px; font-weight: 500; margin-bottom: 3px; } .clinic-content .clinic-direction a { display: inline-block; margin-top: 8px; } .timings-days { font-weight: 700; color: #272b41; margin-bottom: 5px; } .timings-times span { display: block; } .timings-times span:last-child { margin-bottom: 1rem; } .review-listing { border-bottom: 1px solid #f5f7fc; margin-top: 20px; padding-bottom: 30px; } .review-listing > ul { list-style: none; margin: 0; padding: 0; } .review-listing > ul li + li { margin-top: 20px; border-top: 1px dashed #f0f0f0; padding-top: 20px; } .review-listing > ul li .comment { margin-bottom: 30px; } .review-listing > ul li .comment:last-child { margin-bottom: 0; } .review-listing > ul li .comment .comment-body { margin-left: 16px; } .review-listing > ul li .comment .comment-body .meta-data { position: relative; margin-bottom: 10px; } .review-listing > ul li .comment .comment-body .meta-data span { display: block; font-size: 16px; color: #757575; } .review-listing > ul li .comment .comment-body .meta-data span.comment-author { font-weight: 600; color: #272b41; text-transform: capitalize; } .review-listing > ul li .comment .comment-body .meta-data span.comment-date { font-size: 14px; } @media (max-width: 767.98px) { .review-listing > ul li .comment .comment-body .meta-data span.comment-date { margin-bottom: 5px; } } .review-listing > ul li .comment .comment-body .meta-data .review-count { width: auto; position: absolute; top: 3px; right: 0; } @media (max-width: 767.98px) { .review-listing > ul li .comment .comment-body .meta-data .review-count { position: unset; } } .review-listing > ul li .comment .comment-body .comment-content { color: #757575; margin-top: 15px; margin-bottom: 15px; font-size: 14px; } .review-listing > ul li .comment .comment-body .comment-reply .comment-btn { color: #20c0f3; display: inline-block; font-weight: 500; font-size: 15px; } .review-listing > ul li .comments-reply { list-style: none; margin-left: 65px; padding: 0; } @media (max-width: 479.98px) { .review-listing > ul li .comments-reply { margin-left: 0; } } .review-listing .recommend-btn { float: right; color: #757575; font-size: 14px; padding: 5px 0; margin-bottom: 0; } @media (max-width: 991.98px) { .review-listing .recommend-btn { float: none; } } .review-listing .recommend-btn a { border: 1px solid rgba(128, 137, 150, 0.4); display: inline-block; color: #757575; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; border-radius: 4px; margin: 0 3px; padding: 4px 12px; } .review-listing .recommend-btn a.like-btn:hover { background-color: #28a745; border: 1px solid #28a745; color: #ffffff; } .review-listing .recommend-btn a.dislike-btn:hover { background-color: #dc3545; border: 1px solid #dc3545; color: #ffffff; } .review-listing .recommend-btn a i { font-size: 16px; } @media (max-width: 479.98px) { .review-listing .recommend-btn span { display: block; margin-bottom: 10px; } } .recommended { color: #28a745; font-size: 15px; font-weight: 500; margin: 0; } .all-feedback { margin-top: 20px; } .star-rating { direction: rtl; } .star-rating input[type=radio] { display: none; } .star-rating input[type=radio]:checked ~ label { color: #f2b600; } .star-rating label { color: #bbb; cursor: pointer; font-size: 18px; padding: 0; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .star-rating label:hover, .star-rating label:hover ~ label { color: #f2b600; } .terms-accept a { color: #20c0f3; font-weight: 500; } .business-widget { background-color: #fcfcfc; border: 1px solid #f0f0f0; margin-bottom: 0; padding: 20px; } .listing-day { color: #000000; margin-bottom: 10px; } .listing-day:last-child { margin-bottom: 0; } .listing-day.current { border-bottom: 1px solid #dddddd; padding-bottom: 13px; margin-bottom: 13px; } .listing-day.current .day { font-weight: 700; } .listing-day .day { font-weight: 500; } .listing-day .day span { display: block; font-weight: normal; } .time-items { color: #757575; } .time-items > span { display: block; text-align: right; } .time-items > span.open-status { margin-bottom: 3px; } .dropzone .dz-preview.dz-error:hover .dz-error-message { display: none; } .upload-wrap .upload-images + .upload-images { margin-left: 20px; } .upload-images { position: relative; width: 80px; } .upload-images img { height: 80px; width: auto; border-radius: 4px; } .contact-card .card-body { padding-bottom: 0.625rem; } .custom_price_cont { margin-top: 20px; } .btn.btn-danger.trash { height: 46px; width: 46px; } @media (max-width: 767.98px) { .btn.btn-danger.trash { margin-bottom: 20px; } } .add-more a { color: #20c0f3; } .bootstrap-tagsinput { border-color: #dcdcdc; box-shadow: inherit; min-height: 46px; width: 100%; border-radius: 0; } .bootstrap-tagsinput.focus { border-color: #bbb; } .bootstrap-tagsinput .tag { background-color: #20c0f3; color: #6B7280; display: inline-block; font-size: 14px; font-weight: normal; margin-right: 2px; border-radius: 0; padding: 8px 15px; } .services-card .bootstrap-tagsinput input { width: 160px; } .submit-section .submit-btn { font-weight: 700; font-size: 16px; min-width: 120px; padding: 12px 30px; } .submit-section .submit-btn + .submit-btn { margin-left: 15px; } @media (max-width: 767.98px) { .submit-section .submit-btn { font-size: 15px; min-width: 105px; padding: 10px 20px; } } .profile-sidebar { background-color: #ffffff; border: 1px solid #f0f0f0; margin-bottom: 30px; overflow: hidden; border-radius: 4px; } @media (max-width: 767.98px) { .profile-sidebar { margin-bottom: 20px !important; } } .profile-sidebar .pro-widget-content { border-bottom: 1px solid #f0f0f0; margin: 0; padding: 20px; text-align: center; } .profile-sidebar .dashboard-menu ul { color: #757575; font-size: 14px; line-height: 17px; list-style: none; text-transform: capitalize; margin: 0; padding: 0; } .profile-sidebar .dashboard-menu ul li { line-height: inherit; } .profile-sidebar .dashboard-menu ul li a i { font-size: 16px; margin-right: 10px; width: 16px; } .profile-sidebar .dashboard-menu ul li a span, .profile-sidebar .dashboard-menu ul li a i { display: inline-block; vertical-align: middle; } .profile-sidebar .dashboard-menu ul li .unread-msg { background-color: #09e5ab; color: #272b41; font-size: 10px; font-style: normal; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); border-radius: 2px; position: absolute; top: 50%; right: 20px; padding: 0 5px; } .profile-sidebar .dashboard-menu > ul > li { border-bottom: 1px solid #f0f0f0; position: relative; } .profile-sidebar .dashboard-menu > ul > li:last-child { border-bottom: 0; } .profile-sidebar .dashboard-menu > ul > li a { color: #757575; display: block; padding: 16px 20px; } .profile-sidebar .dashboard-menu > ul > li:hover > a { color: #0de0fe; } .profile-sidebar .dashboard-menu > ul > li.active > a { color: #0de0fe; } @media (max-width: 1199.98px) { .dash-card .dash-widget { -ms-flex-direction: column; flex-direction: column; text-align: center; } } @media (max-width: 991.98px) { .dash-card .dash-widget { flex-direction: unset; text-align: left; } } .dash-card .dash-widget .circle-bar { margin-right: 15px; } @media (max-width: 1199.98px) { .dash-card .dash-widget .circle-bar { margin: 0 0 15px; } } @media (max-width: 991.98px) { .dash-card .dash-widget .circle-bar { margin: 0 15px 0 0; } } .dash-card .dash-widget .circle-bar > div { display: inline-block; position: relative; text-align: center; } .dash-card .dash-widget .circle-bar > div img { text-align: center; margin: 0 auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 50%; right: 0; left: 0; } .dash-card .dash-widget .circle-bar > div canvas { width: 90px !important; height: 90px !important; } .dash-card .dash-widget.dct-border-rht { border-right: 1px solid #f0f0f0; } @media (max-width: 991.98px) { .dash-card .dash-widget.dct-border-rht { border-bottom: 1px solid #f0f0f0; border-right: 0; margin-bottom: 20px; padding-bottom: 15px; } } .dash-card .dash-widget h6 { font-size: 16px; font-weight: 400; } @media (max-width: 767.98px) { .dash-card .dash-widget h6 { font-size: 15px; } } .dash-card .dash-widget h3 { font-size: 24px; margin-bottom: 5px; } @media (max-width: 767.98px) { .dash-card .dash-widget h3 { font-size: 20px; } } .dash-card .dash-widget p { color: #757575; font-size: 14px; margin-bottom: 0; } @media (max-width: 767.98px) { .dash-card .dash-widget p { font-size: 13px; } } .dash-card .row { margin-left: -10px; margin-right: -10px; } .dash-card .row > div { padding-left: 10px; padding-right: 10px; } .appointment-tab { margin-bottom: 30px; } @media (max-width: 767.98px) { .appointment-tab { margin-bottom: 20px; } } .appointment-tab .nav-tabs { background-color: #ffffff; border: 1px solid #f0f0f0; border-radius: 0.25rem 0.25rem 0 0 !important; border-bottom: 0; padding: 1.5rem; } @media (max-width: 767.98px) { .appointment-tab .nav-tabs { padding: 1.5rem; } } .appointment-tab .tab-content { padding-top: 0; } .appointment-tab .card { border-radius: 0; } .profile-det-info { overflow: hidden; } .profile-det-info h3 { font-size: 17px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .profile-det-info .patient-details h5 { color: #757575; font-size: 13px; font-weight: normal; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .profile-det-info .patient-details h5 i { width: 18px; } .profile-info-widget { text-align: left; } .profile-info-widget .booking-doc-img { margin-right: 15px; } .profile-info-widget .booking-doc-img img { height: 90px; width: 90px; object-fit: cover; border-radius: 4px; } .change-avatar .profile-img { margin-right: 15px; } .change-avatar .profile-img img { height: 100px; width: 100px; object-fit: cover; border-radius: 4px; } @media (max-width: 575.98px) { .change-avatar .profile-img img { height: 80px; width: 80px; } } .change-avatar .change-photo-btn { margin: 0 0 10px; width: 150px; } .change-avatar .change-photo-btn input.upload { bottom: 0; cursor: pointer; filter: alpha(opacity=0); opacity: 0; width: 220px; margin: 0; padding: 0; position: absolute; top: 0; right: 0; left: 0; } .dropzone { background-color: #fbfbfb; border: 2px dashed rgba(0, 0, 0, 0.1); } .profile-image img { margin-bottom: 1.5rem; } .biller-info, .billing-info { margin-bottom: 15px; } .add-more-item { margin-bottom: 10px; } .add-more-item a { color: #0de0fe; font-weight: 500; } .signature-wrap { float: right; margin-bottom: 20px; text-align: center; width: 220px; } .signature { border: 2px dashed #cccccc; color: #272b41; cursor: pointer; height: 85px; margin-bottom: 15px; width: 100%; border-radius: 4px; } .signature:hover { background-color: #fcfcfc; } .signature .sign-name { width: 100%; float: right; } .pat-widget-profile .pro-widget-content { padding: 0 0 20px; } .pat-widget-profile .booking-date li { font-size: 14px; } .pat-widget-profile .booking-date li span { font-size: 14px; } .edit-billing-content table td input { min-width: 300px; } .add-new-btn { background-color: #0de0fe; color: #ffffff; display: inline-block; font-weight: 500; margin: 0 0 20px; padding: 10px 20px; border-radius: 30px; } .add-new-btn:focus, .add-new-btn:hover, .add-new-btn.active { background-color: #0de0fe; color: #ffffff; } .patient-info { margin-top: 15px; } .patient-info ul { list-style: none; font-size: 0.875rem; margin: 0; padding: 0; } .patient-info ul li { position: relative; font-size: 0.875rem; font-weight: 500; color: #272b41; text-transform: capitalize; } .patient-info ul li + li { margin-top: 15px; } .patient-info ul li i { width: 18px; } .patient-info ul li span { color: #757575; float: right; font-weight: 400; } .profile-sidebar { background-color: #ffffff; border: 1px solid #f0f0f0; margin-bottom: 30px; overflow: hidden; border-radius: 4px; } .pro-widget-content { border-bottom: 1px solid #f0f0f0; text-align: center; padding: 20px; } .profile-info-widget { text-align: left; } .profile-info-widget .booking-doc-img { margin-right: 15px; } .profile-info-widget .booking-doc-img img { height: 90px; width: 90px; object-fit: cover; border-radius: 4px; } .profile-det-info { overflow: hidden; } .profile-det-info h3 { font-size: 17px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .patient-details h5 { color: #757575; font-size: 13px; font-weight: normal; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .patient-details h5 i { width: 18px; } .dashboard-menu ul { color: #757575; font-size: 14px; line-height: 17px; list-style: none; text-transform: capitalize; margin: 0; padding: 0; } .dashboard-menu ul li { line-height: inherit; } .dashboard-menu ul li a i { font-size: 16px; margin-right: 10px; width: 16px; display: inline-block; vertical-align: middle; } .dashboard-menu ul li a span { display: inline-block; vertical-align: middle; } .dashboard-menu > ul > li { border-bottom: 1px solid #f0f0f0; position: relative; } .dashboard-menu > ul > li :last-child { border-bottom: 0; } .dashboard-menu > ul > li > a { color: #757575; display: block; padding: 16px 20px; } .dashboard-menu > ul > li:hover > a, .dashboard-menu > ul > li.active > a { color: #0de0fe; } .unread-msg { background-color: #09e5ab; color: #272b41; font-size: 10px; font-style: normal; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 50%; right: 20px; padding: 0 5px; border-radius: 2px; } .patient-dashboard-top > div { width: 100%; } .patient-dashboard-top h6 { font-size: 18px; margin-bottom: 0; } .patient-dashboard-top h6 sub { font-size: 12px; } .patient-graph-col .graph-box { background: #7289DE; border-bottom: 8px solid #6A5DEE; width: 100%; margin: 15px 0; padding: 22px; } .patient-graph-col .graph-box.pink-graph { background-color: #ffa69e; border-bottom: 8px solid #ffa69e; } .patient-graph-col .graph-box.sky-blue-graph { background-color: #a9d4ff; border-bottom: 8px solid #8ec4ff; } .patient-graph-col .graph-box.orange-graph { background-color: #ffb88e; border-bottom: 8px solid #ffb88e; } .patient-graph-col .graph-box h4 { color: #ffffff; margin-bottom: 15px; text-align: center; } .patient-graph-col .graph-box > div { width: 100%; } .patient-graph-col .graph-box .graph-img { text-align: center; margin: 0 auto; width: 100%; } .patient-graph-col .graph-box .graph-status-result h3 { color: #ffffff; margin-bottom: 0; line-height: 0.9; width: 100%; } .patient-graph-col .graph-box .graph-status-result span.graph-update-date { color: #ffffff; font-weight: 500; opacity: 0.7; text-align: center; width: 100%; } .chat-page .footer { display: none; } .chat-window { position: relative; } .chat-window .chat-cont-left { border-right: 1px solid #f0f0f0; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; z-index: 4; position: relative; left: 0; } @media (max-width: 1199.98px) { .chat-window .chat-cont-left { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } } @media (max-width: 991.98px) { .chat-window .chat-cont-left { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; transition: left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s; width: 100%; border-right: 0; } } @media (max-width: 479.98px) { .chat-window .chat-cont-left a.notify-block .media-body > div:first-child .user-name, .chat-window .chat-cont-left a.notify-block .media-body > div:first-child .user-last-chat { max-width: 160px; } } .chat-window .chat-cont-left .chat-header { background-color: #ffffff; border-bottom: 1px solid #f0f0f0; color: #272b41; height: 72px; padding: 0 15px; } .chat-window .chat-cont-left .chat-header span { font-size: 20px; font-weight: 500; text-transform: capitalize; } .chat-window .chat-cont-left .chat-header .chat-compose { color: #8a8a8a; } .chat-window .chat-cont-left .chat-search { background-color: #f5f5f6; border-bottom: 1px solid #f3f3f3; padding: 10px 15px; width: 100%; } .chat-window .chat-cont-left .chat-search .input-group { width: 100%; } .chat-window .chat-cont-left .chat-search .input-group .form-control { background-color: #ffffff; padding-left: 36px; border-radius: 50px; } .chat-window .chat-cont-left .chat-search .input-group .form-control:focus { border-color: #cccccc; box-shadow: none; } .chat-window .chat-cont-left .chat-search .input-group .form-control::placeholder { font-size: 14px; } .chat-window .chat-cont-left .chat-search .input-group .input-group-prepend { color: #666; pointer-events: none; z-index: 4; position: absolute; top: 0; bottom: 0; left: 15px; } .chat-window .chat-cont-left .chat-users-list { background-color: #ffffff; } .chat-window .chat-cont-left .chat-users-list a.notify-block { border-bottom: 1px solid #f0f0f0; padding: 10px 15px; -webkit-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .chat-window .chat-cont-left .chat-users-list a.notify-block:last-child { border-bottom: 0; } .chat-window .chat-cont-left .chat-users-list a.notify-block .media-img-wrap { margin-right: 15px; position: relative; } .chat-window .chat-cont-left .chat-users-list a.notify-block .media-img-wrap .avatar { height: 45px; width: 45px; } .chat-window .chat-cont-left .chat-users-list a.notify-block .media-img-wrap .status { height: 10px; width: 10px; border: 2px solid #ffffff; position: absolute; right: 4px; bottom: 7px; } .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-name { max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #272b41; text-transform: capitalize; } @media (max-width: 1399.98px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-name { max-width: 180px; } } @media (max-width: 1199.98px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-name { max-width: 150px; } } @media (max-width: 767.98px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-name { max-width: 250px; } } @media (max-width: 479.98px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-name { max-width: 160px; } } .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-last-chat { max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #8a8a8a; font-size: 14px; line-height: 24px; } @media (max-width: 1399.98px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-last-chat { max-width: 180px; } } @media (max-width: 1199.98px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-last-chat { max-width: 150px; } } @media (max-width: 767.98px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-last-chat { max-width: 250px; } } @media (max-width: 479.98px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-last-chat { max-width: 160px; } } .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:last-child { text-align: right; } .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:last-child .last-chat-time { color: #8a8a8a; font-size: 13px; } .chat-window .chat-cont-left .chat-users-list a.notify-block:hover { background-color: #f5f5f6; } .chat-window .chat-cont-left .chat-users-list a.notify-block.read-chat .media-body > div:last-child .last-chat-time { color: #8a8a8a; } .chat-window .chat-cont-left .chat-users-list a.notify-block.active { background-color: #f5f5f6; } .chat-window .chat-scroll { min-height: 300px; max-height: calc(100vh - 224px); overflow-y: auto; } .chat-window .chat-cont-right { -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; } @media (max-width: 1199.98px) { .chat-window .chat-cont-right { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } } @media (max-width: 991.98px) { .chat-window .chat-cont-right { opacity: 0; visibility: hidden; position: absolute; top: 0; right: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; transition: left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s; width: 100%; } } .chat-window .chat-cont-right .chat-header { background-color: #ffffff; border-bottom: 1px solid #f0f0f0; height: 72px; padding: 0 15px; } @media (max-width: 991.98px) { .chat-window .chat-cont-right .chat-header { justify-content: start; -webkit-justify-content: start; -ms-flex-pack: start; } } .chat-window .chat-cont-right .chat-header .back-user-list { display: none; margin-right: 5px; margin-left: -7px; } @media (max-width: 991.98px) { .chat-window .chat-cont-right .chat-header .back-user-list { display: block; } } .chat-window .chat-cont-right .chat-header .notify-block .media-img-wrap { position: relative; margin-right: 15px; } .chat-window .chat-cont-right .chat-header .notify-block .media-img-wrap .avatar { height: 50px; width: 50px; } .chat-window .chat-cont-right .chat-header .notify-block .media-img-wrap .status { border: 2px solid #ffffff; height: 10px; width: 10px; position: absolute; right: 3px; bottom: 0; } @media (max-width: 767.98px) { .chat-window .chat-cont-right .chat-header .notify-block .media-body { display: none; } } .chat-window .chat-cont-right .chat-header .notify-block .media-body .user-name { color: #272b41; font-size: 16px; font-weight: 500; text-transform: capitalize; } .chat-window .chat-cont-right .chat-header .notify-block .media-body .user-status { color: #666; font-size: 14px; } @media (max-width: 991.98px) { .chat-window .chat-cont-right .chat-header .chat-options { margin-left: auto; } } .chat-window .chat-cont-right .chat-header .chat-options > a { border-radius: 50%; height: 30px; color: #8a8a8a; margin-left: 10px; width: 30px; } .chat-window .chat-cont-right .chat-body { background-color: #f5f5f6; } .chat-window .chat-cont-right .chat-body ul.list-unstyled { width: 100%; margin: 0 auto; padding: 15px; } .chat-window .chat-cont-right .chat-body .notify-block .avatar { height: 30px; width: 30px; } .chat-window .chat-cont-right .chat-body .notify-block .media-body { margin-left: 20px; } .chat-window .chat-cont-right .chat-body .notify-block .media-body .msg-box > div { display: inline-block; position: relative; border-radius: 0.25rem; padding: 10px 15px; } .chat-window .chat-cont-right .chat-body .notify-block .media-body .msg-box > div p { color: #272b41; margin-bottom: 0; } .chat-window .chat-cont-right .chat-body .notify-block .media-body .msg-box + .msg-box { margin-top: 5px; } .chat-window .chat-cont-right .chat-body .notify-block.received { margin-bottom: 20px; } .chat-window .chat-cont-right .chat-body .notify-block.received .media-body { position: relative; } .chat-window .chat-cont-right .chat-body .notify-block.received .media-body .msg-box > div { background-color: #ffffff; } .chat-window .chat-cont-right .chat-body .notify-block.received .media-body .msg-box > div .chat-time { color: rgba(50, 65, 72, 0.4); } .chat-window .chat-cont-right .chat-body .notify-block.received .media-body .msg-box:first-child:before { border-bottom: 6px solid transparent; border-right: 6px solid #ffffff; border-top: 6px solid transparent; content: ""; height: 0; width: 0; position: absolute; top: 8px; right: auto; left: -6px; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box { padding-left: 50px; position: relative; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box:first-child:before { border-bottom: 6px solid transparent; border-left: 6px solid #e3e3e3; border-top: 6px solid transparent; content: ""; height: 0; width: 0; position: absolute; top: 8px; right: -6px; left: auto; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box > div .chat-time { color: rgba(50, 65, 72, 0.4); } .chat-window .chat-cont-right .chat-body .notify-block:last-child { margin-bottom: 0; } .chat-window .chat-cont-right .chat-body .notify-block.sent { margin-bottom: 20px; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body { margin-left: 0; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box > div { background-color: #e3e3e3; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box > div p { color: #272b41; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box > div .chat-msg-info { flex-direction: row-reverse; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box > div .chat-msg-info li { padding-left: 16px; padding-right: 0; position: relative; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box > div .chat-msg-attachments { flex-direction: row-reverse; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box > div:hover .chat-msg-actions { opacity: 1; } .chat-window .chat-cont-right .chat-body .chat-date { font-size: 14px; margin: 1.875rem 0; overflow: hidden; position: relative; text-align: center; text-transform: capitalize; } .chat-window .chat-cont-right .chat-body .chat-date:before { background-color: #EEF6FF; content: ""; height: 1px; margin-right: 28px; width: 100%; position: absolute; top: 50%; right: 50%; } .chat-window .chat-cont-right .chat-body .chat-date:after { background-color: #EEF6FF; content: ""; height: 1px; margin-left: 28px; width: 100%; position: absolute; top: 50%; left: 50%; } .chat-window .chat-cont-right .chat-footer { background-color: #ffffff; position: relative; border-top: 1px solid #f0f0f0; padding: 10px 15px; } .chat-window .chat-cont-right .chat-footer .input-group { width: 100%; } .chat-window .chat-cont-right .chat-footer .input-group .form-control { background-color: #f5f5f6; border: none; border-radius: 50px; } .chat-window .chat-cont-right .chat-footer .input-group .form-control:focus { background-color: #f5f5f6; border: none; box-shadow: none; } .chat-window .chat-cont-right .chat-footer .input-group .form-control::placeholder { font-size: 14px; } .chat-window .chat-cont-right .chat-footer .input-group .btn { background-color: transparent; border: none; color: #9f9f9f; } .chat-window .chat-cont-right .chat-footer .input-group .btn.msg-send-btn { background-color: #0de0fe; border-color: #0de0fe; color: #ffffff; margin-left: 10px; min-width: 46px; font-size: 20px; border-radius: 50%; } .chat-window .chat-cont-right .msg-typing { width: auto; height: 24px; padding-top: 8px; } .chat-window .chat-cont-right .msg-typing span { height: 8px; width: 8px; float: left; margin: 0 1px; background-color: #a0a0a0; display: block; opacity: 0.4; border-radius: 50%; } .chat-window .chat-cont-right .msg-typing span:nth-of-type(1) { animation: 1s blink infinite 0.33333s; } .chat-window .chat-cont-right .msg-typing span:nth-of-type(2) { animation: 1s blink infinite 0.66666s; } .chat-window .chat-cont-right .msg-typing span:nth-of-type(3) { animation: 1s blink infinite 0.99999s; } .chat-window .chat-msg-info { clear: both; list-style: none; margin: 5px 0 0; padding: 0; } .chat-window .chat-msg-info li { font-size: 13px; padding-right: 16px; position: relative; } .chat-window .chat-msg-info li:not(:last-child):after { content: ""; height: 4px; width: 4px; background: #d2dde9; border-radius: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); position: absolute; top: 50%; right: 8px; } .chat-window .chat-msg-info li a { color: #777; } .chat-window .chat-msg-info li a:hover { color: #2c80ff; } @media (max-width: 991.98px) { .chat-window.chat-slide .chat-cont-right { right: 0; opacity: 1; visibility: visible; z-index: 999; } } .chat-seen i { color: #00d285; font-size: 16px; } .chat-msg-attachments { width: 100%; margin: 0 -1px; padding: 4px 0; } .chat-msg-attachments > div { margin: 0 1px; } .chat-attachment { position: relative; max-width: 130px; overflow: hidden; border-radius: 0.25rem; } .chat-attachment img { max-width: 100%; } .chat-attachment:before { background: #000000; content: ""; opacity: 0.4; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .chat-attachment:hover:before { opacity: 0.6; } .chat-attachment:hover .chat-attach-caption { opacity: 0; } .chat-attachment:hover .chat-attach-download { opacity: 1; } .chat-attach-caption { color: #ffffff; padding: 7px 15px; font-size: 13px; opacity: 1; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; position: absolute; right: 0; bottom: 0; left: 0; } .chat-attach-download { opacity: 0; color: #ffffff; width: 32px; line-height: 32px; background: rgba(255, 255, 255, 0.2); text-align: center; transform: translate(-50%, -50%); -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; position: absolute; top: 50%; left: 50%; } .chat-attach-download:hover { color: #495463; background: #ffffff; } chat-attachment-list { margin: -5px; } chat-attachment-list li { width: 33.33%; padding: 5px; } .chat-attachment-item { border: 5px solid rgba(230, 239, 251, 0.5); height: 100%; min-height: 60px; text-align: center; font-size: 30px; } .chat-msg-actions { opacity: 0; z-index: 2; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; position: absolute; top: 50%; left: -30px; } .chat-msg-actions > a { color: #495463; font-size: 24px; padding: 0 10px; } .chat-msg-actions > a:hover { color: #2c80ff; } @keyframes blink { 50% { opacity: 1; } } .btn-file { font-size: 20px; overflow: hidden; position: relative; vertical-align: middle; padding: 0 0.75rem; } .btn-file input { cursor: pointer; filter: alpha(opacity=0); font-size: 23px; height: 100%; margin: 0; opacity: 0; width: 100%; position: absolute; top: 0; right: 0; } .incoming-btns { margin-top: 20px; } .call-wrapper { position: relative; height: calc(100vh - 145px); } @media (max-width: 991.98px) { .call-wrapper { height: calc(100vh - 140px); } } @media (max-width: 767.98px) { .call-wrapper { height: calc(100vh - 115px); } } .call-page .footer { display: none; } .dropdown-action .dropdown-toggle::after { display: none; } .call-modal .modal-body { padding: 40px; } .call-modal .modal-content { border: 0; border-radius: 10px; } /*----------------- Incoming call -----------------------*/ .call-box .call-wrapper { height: auto; text-align: center; } .call-box .call-wrapper .call-user { margin-bottom: 30px; } .call-box .call-wrapper .call-user h4 { font-size: 24px; } .call-box .call-wrapper .call-user span { display: block; font-weight: 500; text-align: center; } .call-box .call-wrapper .call-avatar { margin-bottom: 30px; cursor: pointer; animation: ripple 2s infinite; } .call-box .call-wrapper .call-items .call-item { background-color: rgba(255, 255, 255, 0.2); border: 1px solid transparent; border-radius: 100%; color: #ffffff; line-height: 0; margin: 0 5px; padding: 15px; } .call-box .call-wrapper .call-items .call-item:hover { opacity: 0.9; } .call-box .call-wrapper .call-items .call-item:first-child, .call-box .call-wrapper .call-items .call-item:last-child { margin-top: -30px; } .call-box .call-wrapper .call-items .call-item.call-end { background: #f06060; border: 1px solid #f06060; color: #ffffff; line-height: 0; border-radius: 100%; margin: 30px 20px 0; padding: 20px; } .call-box .call-wrapper .call-items .call-item.call-start { background: #55ce63; border: 1px solid #55ce63; color: #ffffff; line-height: 0; border-radius: 100%; margin: 30px 20px 0; padding: 20px; } .call-box.incoming-box .call-wrapper .call-items .call-item.call-start, .call-box.incoming-box .call-wrapper .call-items .call-item.call-end { margin: 0 10px; } .call-box .call-avatar { height: 140px; max-width: 140px; min-width: 140px; position: relative; width: 100%; border: 10px solid #fafafa; border-radius: 100%; } .call-box .btn { background: rgba(0, 0, 0, 0); -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } @-webkit-keyframes ripple { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); } 100% { -webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0); } } @keyframes ripple { 0% { -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); } 100% { -moz-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0); box-shadow: 0 0 0 30px rgba(0, 0, 0, 0); } } .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box .chat-msg-info li:not(:last-child)::after { right: auto; left: 8px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background: #aaa; } .view-cart-header { position: relative; } .view-cart-header .dropdown-menu { min-width: 320px !important; } .view-cart-header .shopping-cart { padding: 15px; } .view-cart-header .shopping-cart.show-cart { opacity: 1; visibility: visible; } .view-cart-header .shopping-cart:after { border: 7px solid #ffffff; border-color: transparent transparent #ffffff #ffffff; box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1); content: ""; position: absolute; top: 2px; right: 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform-origin: 0 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; } .view-cart-header .shopping-cart .booking-date { display: block; padding-bottom: 0; } .view-cart-header .shopping-cart .booking-date li span { font-size: 14px; } .view-cart-header .shopping-cart-total { float: right; } .view-cart-header .shopping-cart-items { padding-top: 0px; } .view-cart-header .shopping-cart-items li { display: block !important; border-bottom: 1px solid #e4e4e4; position: relative; margin: 0 0 10px 0 !important; padding: 0 0 14px; } .view-cart-header .shopping-cart-items li a { padding-left: 0 !important; letter-spacing: normal !important; } .view-cart-header .shopping-cart-items .close-icon { cursor: pointer; color: #6B7280; position: absolute; top: 10px; right: 0; } .view-cart-header .shopping-cart-items img { float: left; width: 70px; margin-right: 12px; max-width: 100%; height: auto; } .view-cart-header .shopping-cart-items .item-name { display: block; padding-top: 10px; font-size: 14px; padding-right: 20px; color: #6B7280; font-weight: normal; } .view-cart-header .shopping-cart-items .item-price { margin-right: 8px; color: #0E82FD; font-size: 13px; font-weight: normal; } .view-cart-header .shopping-cart-items .item-quantity { color: #ABB0BE; font-size: 13px; font-weight: normal; } .view-cart-header .cart-icon { color: #515783; font-size: 24px; margin-right: 7px; float: left; } .view-cart-header .booking-date li { display: block !important; width: 100%; margin: 0 0 10px; padding: 0 !important; } .view-cart-header .booking-date li span { float: right; } .view-cart-header .booking-total { padding-top: 0; text-align: center; } .view-cart-header .apt-btn { font-size: 13px; letter-spacing: normal !important; padding: 7px 20px; } .view-cart-header .apt-btn:hover { border-color: #0E82FD !important; background-color: #0E82FD !important; color: #ffffff !important; } .unread-msg1 { background-color: #0E82FD; border-radius: 2px; color: #ffffff; font-size: 10px; font-style: normal; text-align: center; position: absolute; top: -10px; right: -10px; padding: 0 5px; } .custom-increment.cart button { font-size: 10px; } .custom-increment.cart input[type=text] { width: 60px; } .custom-increment button { font-size: 14px; height: 39px; background: #dcdcdc; color: #000000; border: 0; display: inline-block; } .custom-increment button.btn-danger { border-radius: 4px 0px 0px 4px; } .custom-increment button:hover, .custom-increment button:focus, .custom-increment button:active { background: #dcdcdc !important; color: #000000 !important; border: 0 !important; } .custom-increment button.btn-success { border-radius: 0 4px 4px 0; } .custom-increment button.btn-danger { border-radius: 4px 0px 0px 4px; } .custom-increment .input-group1 { width: 100%; } .custom-increment input[type=text] { border: 1px solid #dbdbdb; border-radius: 0; text-align: center; width: 70%; padding: 7px 15px; } .custom-increment input[type=text]:focus { border-color: transparent; } .top-space-chat { padding-top: 100px; } .content-chat { padding: 100px 0 0px; } @media (max-width: 991.98px) { .content-chat { padding: 75px 0 0px; } } input.form-control.rounded-pill:focus { z-index: 3; } @media (max-width: 575.98px) { .chat-custom { flex-wrap: wrap; } } .doc-review.review-listing { margin: 0; } .review-listing.doc-review > ul > li { background-color: #ffffff; border: 1px solid #f0f0f0; padding: 20px; } .durations { margin-bottom: 5px; } .account-page { background-color: #ffffff; } .account-page .content { padding: 50px 0; } @media (max-width: 767.98px) { .account-page .content { padding: 15px 0; } } .login-right { background-color: #ffffff; border: 1px solid #f0f0f0; border-radius: 4px; padding: 25px; } @media (max-width: 767.98px) { .login-right { margin: 0 15px; padding: 15px; } } .login-right .dont-have { color: #3d3d3d; margin-top: 20px; font-size: 13px; } .login-right .dont-have a { color: #09dca4; } .login-right .inner-right-login { max-width: 355px; width: 100%; margin: 0 auto; } .login-right .country-select .select-col .select2-container--default .select2-selection--single { background-color: #ffffff; border-radius: 10px 0 0 10px; width: 79px; } .login-right .country-select .select-col .select2-container--default .select2-selection--single .select2-selection__rendered { color: #0de0fe; } .login-right .country-select .select-col .select2-container--default .select2-selection--single .select2-selection__arrow b { background-image: url(../img/icons/down-arrow-gray-dark.svg); } @media (max-width: 991.98px) { .login-left { display: none; } } .login-header { margin-bottom: 20px; } .login-header p { margin-bottom: 0; } .login-header h3 { font-size: 18px; margin-bottom: 3px; } @media (max-width: 479.98px) { .login-header h3 { text-align: center; } } .login-header h3 a { color: #0de0fe; float: right; font-size: 15px; margin-top: 2px; } @media (max-width: 479.98px) { .login-header h3 a { color: #0de0fe; float: none; font-size: 15px; margin-top: 10px; text-align: center; display: block; } } .login-header .logo-icon { text-align: center; margin: 40px auto 20px; } .login-btn { font-size: 18px; font-weight: 500; } .login-or { color: #d4d4d4; position: relative; margin: 20px 0; padding: 10px 0; } .or-line { background-color: #e5e5e5; height: 1px; margin-bottom: 0; margin-top: 0; display: block; } .span-or { background-color: #ffffff; display: block; margin-left: -20px; text-align: center; width: 42px; position: absolute; top: -3px; left: 50%; } .forgot-link { color: #3d3d3d; display: inline-block; font-size: 13px; margin-bottom: 10px; font-weight: 400; } .social-login .btn:hover, .social-login .social-login .btn:focus { color: #ffffff; } span.agree { font-size: 16px; margin-left: 6px; } .terms-and-policy span.terms { color: #09dca4; } .terms-and-policy a { color: #09dca4; } .login-page .login-right { width: 100%; position: relative; font-family: "Poppins", sans-serif; height: 100vh; border: 0; border-radius: 0; padding: 0; } .login-page .login-right .step-process-col .select2-container--default .select2-selection--single .select2-selection__rendered { color: #808080; } .login-page .login-right .step-process-col .select2-container--default .select2-selection--single .select2-selection__arrow b { background-image: url(../img/icons/down-arrow-gray.svg); } .login-page .login-right .step-process-col .form-control { color: #808080; } .login-page .login-right .search-location-input-box input { background-image: url(../img/icons/search-icon.svg); background-repeat: no-repeat; background-position: 10px 50%; background-size: 16px; padding-left: 38px; color: #948CA0; } .login-bottom-copyright { color: #A4A4A4; font-family: "Poppins", sans-serif; font-weight: 500; padding-bottom: 25px; width: 100%; align-self: flex-end; -webkit-align-self: flex-end; } .step-list { text-align: center; padding: 10px 0; } .step-list ul { display: inline-block; } .step-list ul li { float: left; margin: 5px 0; padding: 0 30px 0 0; } .step-list ul li:last-child { padding-right: 0; } .step-list ul li a { background-color: #e9f5f7; width: 40px; height: 40px; border-radius: 10px; font-size: 14px; color: #808080; } .step-list ul li a:hover, .step-list ul li a.active { background-color: #0de0fe; color: #ffffff; } .step-list ul li a.active-done { background-color: #0de0fe; color: #ffffff; background-image: url(../img/icons/tick-icon.svg); background-repeat: no-repeat; background-position: center; background-size: 18px; font-size: 0; } .profile-pic-col { padding-top: 40px; text-align: center; } .profile-pic-col h3 { color: #000000; font-size: 20px !important; } .profile-pic-upload { width: 150px; background: rgba(175, 213, 254, 0.4); border-radius: 20px; position: relative; margin: 40px auto 0; padding: 24px; } .profile-pic-upload input[type=file] { width: 100%; height: 100%; opacity: 0; cursor: pointer; position: absolute; top: 0; left: 0; } .profile-pic-upload .cam-col { width: 70px; height: 70px; background-color: #ffffff; border-radius: 70px; overflow: hidden; margin: 0 auto; } .profile-pic-upload span { color: #000000; font-size: 13px; list-style: none; display: inline-block; margin-top: 15px; } .select-gender-col [type=radio]:checked, .select-gender-col [type=radio]:not(:checked) { position: absolute; left: 0px; visibility: hidden; } .select-gender-col [type=radio]:checked + label, .select-gender-col [type=radio]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; } .select-gender-col [type=radio]:checked + label:before, .select-gender-col [type=radio]:not(:checked) + label:before { content: ""; width: 100%; height: 100%; border: 0; border-radius: 10px; background: #ffffff; box-shadow: 5px 20px 60px 10px rgba(0, 4, 107, 0.07); position: absolute; top: 0; left: 0; } .select-gender-col [type=radio]:checked + label:after, .select-gender-col [type=radio]:not(:checked) + label:after { content: ""; width: 100%; height: 100%; background: transparent; border-radius: 10px; border: 2px solid #0de0fe; position: absolute; top: 0; left: 0; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .select-gender-col [type=radio]:not(:checked) + label:after { opacity: 0; } .select-gender-col [type=radio]:checked + label:after { opacity: 1; } .select-gender-col .gender-icon { position: relative; } .select-gender-col .gender-icon label { text-align: center; padding: 15px 20px !important; } .select-gender-col .gender-icon img { max-height: 90px; } .select-gender-col span { position: relative; color: #000000; display: inline-block; margin-top: 10px; font-size: 16px; width: 100%; } .select-gender-col.payment-menthods-choose label { min-width: 90px; text-align: center; color: #000000; padding: 10px !important; } .select-gender-col.payment-menthods-choose label span.credit-card-option { min-width: 192px; font-size: 15px; } .select-gender-col.payment-menthods-choose label img { position: relative; max-width: 68px; } .select-gender-col.payment-menthods-choose [type=radio]:checked + label::after, .select-gender-col.payment-menthods-choose [type=radio]:not(:checked) + label::after { border: 1px solid #0de0fe; } .select-gender-col label { text-align: center; padding: 15px 20px !important; } .pregnant-col .remember-me-col { color: #000000; font-size: 16px; align-items: center; } .pregnant-col .remember-me-col .custom_check .checkmark { border-color: #0de0fe; } .step-process-col { text-align: left; } .checklist-col span { font-size: 16px; } .checklist-col .custom_check .checkmark { width: 24px; height: 24px; } .checklist-col .custom_check .checkmark:after { left: 6px; top: 3px; } .checklist-col .remember-me-col { position: relative; padding: 10px 0; } .checklist-col.pregnant-col .remember-me-col .custom_check { padding-left: 25px; } .checklist-col.pregnant-col .remember-me-col .custom_check .checkmark { border-color: #B4ABCA; } .otp-col { color: #ffffff; } .otp-col h3 { color: #ffffff; font-size: 20px; margin-bottom: 15px; } .dnt-recive-call { color: #ffffff; } .dnt-recive-call a { color: #ffffff; } .otp-box { margin: 25px 0; } .otp-box .digit-group input { width: 45px; height: 45px; background-color: rgba(245, 245, 245, 0.2); border: none; text-align: center; font-size: 16px; color: #ffffff; box-shadow: 5px 20px 60px 10px rgba(0, 4, 107, 0.07); border-radius: 8px; color: #000000; margin: 0 3px; } .otp-box .digit-group input:focus { background-color: #ffffff; border: 0; outline: 0; } .otp-box .digit-group input[type=text].active { background-color: #ffffff; color: #000000; } .otp-box .splitter { color: #ffffff; font-size: 24px; padding: 0 5px; } .otp-box .prompt { font-size: 20px; color: #ffffff; margin: 0 0 20px; } .increment-decrement .input-groups { border: 0; background-color: transparent; height: 35px; margin-right: 0px; display: block; } .increment-decrement .input-groups .quantity-field { width: 40px; text-align: center; background-color: transparent; float: left; border: 0; } .increment-decrement .input-groups .quantity-field:focus { border: 0; outline: 0; } .increment-decrement .input-groups input[type=button] { background-color: transparent; font-size: 20px; border: 1px solid #0de0fe; border-radius: 4px; height: 24px; width: 24px; margin-top: 0px; line-height: 0; padding: 0; color: #0de0fe; } .increment-decrement .input-groups input[type=button]:focus-visible { outline: 0; } .increment-decrement .input-groups input[type=button].button-minus { float: left; } .increment-decrement .input-groups input[type=button].button-plus { float: right; } .country-select { position: relative; } .country-select .select-col { height: 100%; position: absolute; top: 0; left: 0; } .country-select .select-col .flagstrap { height: 100%; } .country-select .select-col .btn-info.dropdown-toggle { border: 0; color: #0de0fe; border-radius: 10px 0px 0px 10px; background-color: #ffffff; height: 100%; font-size: 0; width: 79px; text-align: left; padding: 0 12px; } .country-select .select-col .btn-info.dropdown-toggle:after { background-image: url(../img/icons/down-arrow-gray-dark.svg); background-repeat: no-repeat; background-position: center; background-size: cover; width: 14px; height: 7px; border: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 50%; right: 10px; } .country-select .select-col .btn-info.dropdown-toggle span { font-size: 0; } .country-select .select-col .dropdown-menu { font-size: 0; width: 79px; min-width: inherit; margin-top: 0; border-radius: 10px; padding: 0; } .country-select .select-col .dropdown-menu li { margin: 14px 13px; } .country-select .select-col .dropdown-menu li:first-child { display: none; } .country-select .select-col .dropdown-menu li a { display: inline-block; cursor: pointer; } .country-select .select-col .flagstrap-icon.flagstrap-in, .country-select .select-col .flagstrap-icon.flagstrap-ng, .country-select .select-col .flagstrap-icon.flagstrap-gb, .country-select .select-col .flagstrap-icon.flagstrap-us { background-image: url(../img/flag/india.html); background-position: center; width: 33px; height: 22px; background-size: cover; border-radius: 4px; } .country-select .select-col .flagstrap-icon.flagstrap-ng { background-image: url(../img/flag/ng.html); } .country-select .select-col .flagstrap-icon.flagstrap-gb { background-image: url(../img/flag/gb.html); } .country-select .select-col .flagstrap-icon.flagstrap-us { background-image: url(../img/flag/usa.html); } .country-select .number-col input { padding-left: 96px; } .location-text h5 { color: #000000; margin-top: 5px; } .location-search { margin: 12px 0; } .skip-now-col { margin-top: 5px; } .skip-now-col a { color: #000000; font-size: 12px; } .sort-by-col .select2-container .select2-selection--single { border-color: #E8EEFF; border-radius: 10px; width: 160px; } .sort-by-col .select2-container--default .select2-selection--single .select2-selection__arrow b { background-image: url(../img/icons/down-arrow-gray.svg); } .premium-text { font-size: 18px; } .plan-details { list-style: none; margin: 0; padding: 4px 0 0; } .plan-details li { position: relative; min-width: 35%; } .plan-details li span { color: #B4ABCA; display: inline-block; margin-bottom: 3px; font-size: 15px; } .plan-chooser-col { background-color: rgba(175, 213, 254, 0.4); border-radius: 20px; margin: 0 0 28px; padding: 5px 20px; } .plan-chooser-col .memeber-img { border-radius: 15px; margin-bottom: 10px; width: 100%; } .plan-chooser-col .memeber-img img { border-radius: 15px; } .plan-chooser-col .subscription-list { margin: 15px 0; } .memeber-details h4 { margin-bottom: 0; } .payment-menthods ul { text-align: center; } .payment-menthods ul li { display: inline-block; margin: 0; padding: 6px; } .card-choose-col { max-width: 325px; margin: 0 auto; } .day-week-month-col ul li { float: left; } .day-week-month-col ul li:first-child a { border-radius: 4px 0 0 4px !important; } .day-week-month-col ul li:last-child a { border-radius: 0px 4px 4px 0px !important; } .day-week-month-col ul li a { background-color: #9D9D9D; border: 1px solid transparent; color: #64627C; display: inline-block; font-family: "Poppins", sans-serif; font-weight: 500; padding: 10px 20px; } .day-week-month-col ul li a.active { border-color: #536CF1; color: #536CF1; border-radius: 0 !important; } .day-week-month-col ul li a:first-child.active { border-color: #536CF1; } .day-week-month-col ul li a:last-child.active { border-color: #536CF1; } .login-body { background: #ffffff; } .login-content-info { margin: 0; padding: 160px 0 60px; } .login-content-info .account-content { position: relative; } .login-content-info .account-content .login-shapes { position: relative; } .login-content-info .account-content .login-shapes .shape-img-left { position: absolute; top: 0; left: -70px; } .login-content-info .account-content .login-shapes .shape-img-right { position: absolute; top: 150px; left: -70px; } @media (max-width: 991.98px) { .login-content-info .account-content .login-shapes .shape-img-right { top: 67px; } } @media (max-width: 767.98px) { .login-content-info .account-content .login-shapes { display: none; } } .login-content-info .account-content .account-info { position: relative; z-index: 1; } .login-content-info .account-content .account-info .btn { width: 100%; color: #ffffff; background: #0E82FD; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; font-weight: 600; padding: 10px 15px; } @media (max-width: 767.98px) { .login-content-info .account-content .account-info .btn { padding: 8px 15px; } } .login-content-info .account-content .account-info .btn:hover { color: #0E82FD; background: #ffffff; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .login-content-info .account-content .account-info .form-control { font-size: 14px; } .login-content-info .account-content .account-info .back-btn-light .btn { color: #000000; background-color: #f9f9f9; border: 1px solid #f9f9f9; box-shadow: inset 0 0 0 0 #ffffff; } .login-content-info .account-content .account-info .back-btn-light .btn:hover { color: #000; background-color: #ffffff; border: 1px solid #dcdcdc; box-shadow: inset 0 0 0 50px #ffffff; } .login-content-info .account-content .account-info .back-btn-light .btn i { margin-right: 10px; } .login-content-info .account-content .login-back { padding-bottom: 50px; } .login-content-info .account-content .login-back a { font-size: 15px; color: #959595; } .login-content-info .account-content .login-back a:hover { color: #0E82FD; } .login-content-info .account-content .login-back a i { margin-right: 10px; } @media (max-width: 991.98px) { .login-content-info .account-content .login-back { padding-bottom: 30px; } } @media (max-width: 767.98px) { .login-content-info .account-content .login-back { padding-bottom: 20px; } } .login-content-info .account-content .login-verify-img { padding-bottom: 50px; } @media (max-width: 991.98px) { .login-content-info .account-content .login-verify-img { padding-bottom: 30px; } } @media (max-width: 767.98px) { .login-content-info .account-content .login-verify-img { padding-bottom: 20px; } } .login-content-info .account-content .login-title { padding-bottom: 50px; } .login-content-info .account-content .login-title h3 { font-size: 30px; margin-bottom: 10px; font-weight: 600; color: #1F2937; } @media (max-width: 991.98px) { .login-content-info .account-content .login-title h3 { font-size: 26px; } } @media (max-width: 767.98px) { .login-content-info .account-content .login-title h3 { font-size: 20px; } } .login-content-info .account-content .login-title p { color: #71717A; margin-bottom: 10px; } .login-content-info .account-content .login-title span { color: #040404; font-weight: 500; } .login-content-info .account-content .login-title span a { color: #0E82FD; text-decoration: underline; } .login-content-info .account-content .login-title span a:hover { text-decoration: none; } @media (max-width: 991.98px) { .login-content-info .account-content .login-title { padding-bottom: 30px; } } @media (max-width: 767.98px) { .login-content-info .account-content .login-title { padding-bottom: 20px; } } .login-content-info .account-content .login-or { font-size: 16px; color: #818181; margin-bottom: 20px; padding-bottom: 10px; padding-top: 10px; position: relative; } .login-content-info .account-content .or-line { background-color: #EFEFEF; height: 1px; margin-bottom: 0; margin-top: 0; display: block; } .login-content-info .account-content .span-or { background-color: #ffffff; display: block; position: absolute; top: -3px; left: 50%; margin-left: -20px; text-align: center; width: 42px; } .login-content-info .account-content .social-login-btn { margin-bottom: 20px; } .login-content-info .account-content .social-login-btn .btn { font-weight: 500; font-size: 14px; color: #000000; background: #ffffff; border: 1px solid #E4E4E8; padding: 11px 15px; border-radius: 8px; box-shadow: inset 0 0 0 0 #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .login-content-info .account-content .social-login-btn .btn:hover { color: #ffffff; background: #0E82FD; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 50px #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .login-content-info .account-content .social-login-btn .btn img { margin-right: 15px; } @media (max-width: 991.98px) { .login-content-info { margin: 0; padding: 40px 0 40px; } } .login-content-info .forms-block { margin-bottom: 20px; } .login-content-info .forms-block label { color: #000000; display: inline-block; margin-bottom: 10px; } .pass-group { position: relative; } .pass-group .toggle-password { font-size: 16px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); color: #797979; cursor: pointer; width: 32px; height: 32px; border-radius: 50%; } .pass-group .toggle-password:hover { background-color: #F3F3F3; } .toggle-password-sub { font-size: 16px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); color: #797979; cursor: pointer; width: 32px; height: 32px; border-radius: 50%; } .toggle-password-sub:hover { background-color: #F3F3F3; } #passwordInfo, #passwordInfos { font-size: 12px; font-weight: normal; margin-top: 15px; } .poor-active span.active#poor, .poor-active span.active#poors { background: #FF0000; } .avg-active span.active#poor, .avg-active span.active#poors, .avg-active span.active#weak, .avg-active span.active#weaks { background: #FFB54A; } .strong-active span.active#poor, .strong-active span.active#weak, .strong-active span.active#strong, .strong-active span.active#poors, .strong-active span.active#weaks, .strong-active span.active#strongs { background: #0E82FD; } .heavy-active span.active#poor, .heavy-active span.active#weak, .heavy-active span.active#strong, .heavy-active span.active#heavy, .heavy-active span.active#poors, .heavy-active span.active#weaks, .heavy-active span.active#strongs, .heavy-active span.active#heavys { background: #159F46; } input[type=password]::-ms-reveal, input[type=password]::-ms-clear { display: none; } .password-strength { margin-top: 15px; } .password-strength span { width: 100%; height: 6px; background: #E4E6EF; margin-right: 10px; border-radius: 30px; } .password-strength span:last-child { margin-right: 0; } .weak-pass .password-strength span { background: #FF0000; } .pass-checked { position: absolute; top: 55%; right: 46px; transform: translateY(-50%); color: #4CAF50; opacity: 0; } .pass-checked.active { opacity: 1; } .password-info { margin-top: 15px; } .password-info p { color: #9E9E9E; margin-bottom: 0; } .login-success-icon { padding-bottom: 18px; } .login-success-icon i { font-size: 40px; color: #00CC45; } .toggle-password-sub.feather-eye.feather-eye-off::before { content: "\e95c" !important; } .toggle-password.feather-eye.feather-eye-off::before { content: "\e95c" !important; } .modal-open .main-wrapper { -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px); filter: blur(1px); } .call-main-row { overflow: auto; padding-bottom: inherit; padding-top: inherit; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .call-main-wrapper { display: table; height: 100%; table-layout: fixed; width: 100%; } .call-view { display: table-cell; height: 100%; float: none; position: static; vertical-align: top; width: 75%; padding: 0; } .call-window { display: table; height: 100%; table-layout: fixed; width: 100%; background-color: #ffffff; border: 1px solid #f0f0f0; } .fixed-header { background-color: #ffffff; border-bottom: 1px solid #f0f0f0; padding: 10px 15px; } .fixed-header .navbar { border: 0 none; min-height: auto; margin: 0; padding: 0; } .fixed-header .user-info a { color: #272b41; font-weight: 500; } .fixed-header .custom-menu { margin: 0 0 1px; } .typing-text { color: #20c0f3; font-size: 12px; text-transform: lowercase; } .last-seen { color: #888888; display: block; font-size: 12px; } .custom-menu { margin-top: 6px; } .custom-menu.nav > li > a { color: #bbb; font-size: 26px; line-height: 32px; margin-left: 15px; padding: 0; } .custom-menu.navbar-nav > li > a:hover, .custom-menu.navbar-nav > li > a:focus { background-color: transparent; } .custom-menu .dropdown-menu { left: auto; right: 0; } .call-contents { display: table-row; height: 100%; } .call-content-wrap { height: 100%; position: relative; width: 100%; } .voice-call-avatar { -ms-flex-direction: column; flex-direction: column; -ms-flex: 2; flex: 2; } .voice-call-avatar .call-avatar { width: 150px; height: 150px; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #ffffff; margin: 15px; padding: 3px; border-radius: 100%; } @media (max-width: 767.98px) { .voice-call-avatar .call-avatar { height: 100px; width: 100px; } } @media (max-width: 575.98px) { .voice-call-avatar .call-avatar { height: 80px; width: 80px; } } .voice-call-avatar .call-timing-count { padding: 5px; } .voice-call-avatar .username { font-size: 20px; font-weight: 500; } .call-duration { display: inline-block; font-size: 30px; margin-top: 4px; position: absolute; left: 0; } @media (max-width: 767.98px) { .call-duration { font-size: 24px; } } @media (max-width: 575.98px) { .call-duration { display: block; margin-top: 0; margin-bottom: 10px; position: inherit; } } .call-footer { background-color: #ffffff; border-top: 1px solid #f0f0f0; padding: 15px; } .call-icons { text-align: center; position: relative; } .call-icons .call-items { list-style: none; display: inline-block; border-radius: 5px; margin: 0; padding: 0; } .call-icons .call-items .call-item { display: inline-block; text-align: center; margin-right: 5px; } .call-icons .call-items .call-item:last-child { margin-right: 0; } .call-icons .call-items .call-item a { color: #777; border: 1px solid #dddddd; width: 50px; height: 50px; line-height: 50px; display: inline-block; font-size: 20px; border-radius: 50px; } .call-icons .call-items .call-item a i { width: 18px; height: 18px; } .call-icons .call-items li.end-call-new { display: inline-block; text-align: center; margin-right: 5px; } .call-icons .call-items li.end-call-new a { background-color: #f06060; color: #ffffff; display: inline-block; line-height: 10px; text-transform: uppercase; border-radius: 50px; padding: 8px 25px; } .user-video { overflow: auto; z-index: 10; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .user-video img, .user-video video { width: auto; max-width: 100%; height: auto; max-height: 100%; display: block; margin: 0 auto; } .my-video { z-index: 99; position: absolute; bottom: 20px; left: 20px; } .my-video ul { list-style: none; margin: 0; padding: 0; } .my-video ul li { float: left; width: 120px; margin-right: 10px; } @media (max-width: 1199.98px) { .my-video ul li { display: none; } } .my-video ul li img { border: 3px solid #ffffff; border-radius: 6px; } .end-call { position: absolute; top: 7px; right: 0; } @media (max-width: 575.98px) { .end-call { margin-top: 10px; position: inherit; } } .end-call a { background-color: #f06060; color: #ffffff; display: inline-block; line-height: 10px; text-transform: uppercase; padding: 8px 25px; border-radius: 50px; } .call-users { z-index: 99; position: absolute; right: 20px; bottom: 20px; } .call-users ul { list-style: none; margin: 0; padding: 0; } .call-users ul li { float: left; width: 80px; margin-left: 10px; } @media (max-width: 767.98px) { .call-users ul li { width: 50px; } } .call-users ul li img { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 6px; padding: 2px; } .call-users ul li a:hover .call-mute { display: block; } .call-mute { width: 80px; height: 80px; background-color: rgba(0, 0, 0, 0.5); text-align: center; line-height: 80px; font-size: 30px; color: #ffffff; display: none; border: 3px solid transparent; border-radius: 6px; position: absolute; top: 0; } @media (max-width: 767.98px) { .call-mute { font-size: 20px; height: 50px; line-height: 50px; width: 50px; } } .call-details { margin: 10px 0 0; } .call-info { margin-left: 10px; width: 100%; } .call-user-details, .call-timing { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .call-description { white-space: nowrap; vertical-align: bottom; } .call-timing { color: #727272; font-size: 14px; margin-top: 1px; overflow: hidden; white-space: pre; } .content-full { height: 100%; position: relative; width: 100%; } .video-window .fixed-header { margin: 0; padding: 0; } .video-window .fixed-header .nav > li > a { padding: 18px 15px; } .user-img { display: inline-block; position: relative; } span.call-duration.float-end { display: inline-block; font-size: 22px; margin-top: 0px; color: #40dda4; position: absolute; right: 0; left: unset; } .toggle-voice-video { display: inline-block; font-size: 30px; margin-top: 4px; position: absolute; left: 0; } .toggle-voice-video .switch { position: relative; display: inline-block; width: 90px; height: 34px; } .toggle-voice-video .switch input { display: none; } .toggle-voice-video .slider { cursor: pointer; background-color: #2196f3; -webkit-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; border-radius: 34px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .toggle-voice-video .slider:before { content: ""; height: 26px; width: 26px; background-color: #ffffff; -webkit-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; border-radius: 50%; position: absolute; bottom: 4px; left: 4px; } .toggle-voice-video .slider:after { content: "VOICE"; color: #ffffff; display: block; font-size: 10px; font-family: Verdana, sans-serif; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; } .toggle-voice-video input:checked + .slider { background-color: #2ab934; } .toggle-voice-video input:checked + .slider:before { transform: translateX(55px); -webkit-transform: translateX(55px); -ms-transform: translateX(55px); } .toggle-voice-video input:checked + .slider:after { content: "VIDEO"; } .toggle-voice-video input:focus + .slider { box-shadow: 0 0 1px #2196f3; } i.feather-mic-off { color: #fff; } a.mute-bt.stop { background: #EB4132; } i.feather-video-off { color: #fff; } a.mute-video.stop { background: #EB4132; } .map-page .footer { display: none; } .map-page .header { z-index: 1030; position: fixed; top: 0; right: 0; left: 0; } .map-page .content { padding-top: 115px; } @media (max-width: 991.98px) { .map-page .content { padding-top: 100px; } } .map-right { height: 100%; min-height: 100%; padding-right: 30px; z-index: 1029; position: fixed; top: 115px; right: 0; bottom: 0; } @media (max-width: 1199.98px) { .map-right { height: 450px; position: static; min-height: inherit; margin-bottom: 30px; padding-right: 15px; } } .map-right .available-info { margin-bottom: 0; } .map-listing { height: calc(100vh - 145px); width: 100%; } @media (max-width: 1199.98px) { .map-listing { height: 450px; } } .map-listing .profile-widget { width: 200px !important; border: 0; margin-bottom: 0; padding: 0; } .view-icons { display: inline-flex; float: right; } .view-icons a { background-color: #ffffff; border: 1px solid #dddddd; color: #212529; font-size: 20px; text-align: center; margin-left: 10px; width: 44px; height: 38px; border-radius: 4px; padding: 4px 10px; } .view-icons a:hover { border-color: #20c0f3; color: #20c0f3; } .view-icons a.active { background-color: #20c0f3; border-color: #20c0f3; color: #ffffff; } .breadcrumb-bar { background-color: #15558d; padding: 15px 0; } .page-breadcrumb ol { background-color: transparent; font-size: 12px; margin-bottom: 0; padding: 0; } .page-breadcrumb ol li a { color: #ffffff; } .page-breadcrumb ol li.active { color: #ffffff; } .page-breadcrumb .breadcrumb-item + .breadcrumb-item:before { color: #ffffff; font-size: 10px; } .breadcrumb-bar-one { background: #F2F6F6; background-repeat: no-repeat; padding-top: 70px; min-height: 300px; position: relative; overflow: hidden; z-index: 1; } .breadcrumb-bar-one::after { content: ""; background: url(../img/banner-bg.png); background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .breadcrumb-bar-one .inner-banner { margin: 0; padding: 70px 0; } .breadcrumb-bar-one .inner-banner .breadcrumb-title { font-weight: 600; font-size: 48px; margin-bottom: 6px; } @media (max-width: 991.98px) { .breadcrumb-bar-one .inner-banner .breadcrumb-title { font-size: 36px; } } @media (max-width: 767.98px) { .breadcrumb-bar-one .inner-banner .breadcrumb-title { font-size: 26px; } } @media (max-width: 767.98px) { .breadcrumb-bar-one .inner-banner { margin: 0; padding: 50px 0; } } @media (max-width: 991.98px) { .breadcrumb-bar-one { padding-top: 40px; min-height: 260px; } } @media (max-width: 767.98px) { .breadcrumb-bar-one { min-height: auto; } } .breadcrumb-bar-one .page-breadcrumb ol { background-color: transparent; font-weight: 500; margin: 0; padding: 0; } .breadcrumb-bar-one .page-breadcrumb ol li a { font-weight: 500; color: #4B5563; } .breadcrumb-bar-one .page-breadcrumb ol li.active { color: #1F2937; } @media (max-width: 767.98px) { .breadcrumb-bar-one .page-breadcrumb ol { font-size: 15px; } } .breadcrumb-bar-one .page-breadcrumb .breadcrumb a:hover { color: #09e5ab; } .breadcrumb-bar-one .page-breadcrumb .breadcrumb-item + .breadcrumb-item { font-weight: 500; color: #1F2937; padding-left: 10px; } .breadcrumb-bar-one .breadcrumb-item + .breadcrumb-item::before { content: "/"; font-family: "feather"; float: left; padding-right: 10px; color: #9CA3AF; font-size: 14px; font-weight: 600; } .sort-by { float: right; } .sort-title { color: #ffffff; font-size: 14px; margin-right: 10px; } .sortby-fliter { display: inline-block; width: 120px; } .cal-icon { position: relative; width: 100%; } .cal-icon:after { color: #979797; content: "\f073"; display: block; font-family: "Font Awesome 5 Free"; font-size: 16px; font-weight: 400; margin: auto; position: absolute; top: 10px; right: 15px; } .custom_check { color: #666; display: inline-block; position: relative; font-size: 14px; font-size: 0.9375rem; padding-left: 30px; margin-bottom: 10px; cursor: pointer; } .custom_check input { position: absolute; opacity: 0; cursor: pointer; } .custom_check input:checked ~ .checkmark { background-color: #ffffff; } .custom_check input:checked ~ .checkmark:after { display: block; } .custom_check .checkmark { height: 20px; width: 20px; border: 1px solid #dcdcdc; background-color: #ffffff; border-radius: 3px; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: absolute; top: 0; left: 0; } .custom_check .checkmark::after { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: none; color: #0de0fe; font-size: 11px; position: absolute; top: 0; left: 4px; } .custom_radio { color: #555; display: inline-block; position: relative; font-size: 14px; font-size: 15px; padding-left: 30px; margin-bottom: 10px; cursor: pointer; } .custom_radio input { position: absolute; opacity: 0; } .custom_radio input:checked ~ .checkmark:after { opacity: 1; } .custom_radio .checkmark { height: 20px; width: 20px; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 50%; position: absolute; top: 0; left: 0; } .custom_radio .checkmark:after { display: block; content: ""; opacity: 0; width: 12px; height: 12px; background: #ff9b44; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: absolute; top: 3px; left: 3px; } .radio_input .custom_radio + .custom_radio { margin-left: 15px; } .filter-widget { margin-bottom: 20px; } .filter-widget h4 { font-size: 1rem; margin-bottom: 15px; } .filter-widget .custom_check { line-height: 18px; } .btn-search .btn { background-color: #0de0fe; border: 1px solid #0de0fe; color: #ffffff; height: 46px; font-weight: 500; font-size: 16px; } @media (max-width: 767.98px) { .doctor-widget { -ms-flex-direction: column; flex-direction: column; text-align: center; } } .doctor-widget .doc-name { font-size: 20px; font-weight: 500; margin-bottom: 3px; } @media (max-width: 767.98px) { .doctor-widget .doc-name { font-size: 18px; } } .doctor-widget .rating i { font-size: 14px; } .doctor-widget .average-rating { font-size: 14px; font-weight: 500; } @media (max-width: 767.98px) { .doc-info-left { -ms-flex-direction: column; flex-direction: column; } } .doc-info-right { margin-left: auto; -ms-flex: 0 0 200px; flex: 0 0 200px; max-width: 200px; } @media (max-width: 767.98px) { .doc-info-right { margin-left: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .doctor-img { -ms-flex: 0 0 150px; flex: 0 0 150px; margin-right: 20px; width: 150px; } @media (max-width: 767.98px) { .doctor-img { margin: 0 auto 20px; } } .doctor-img img { border-radius: 5px; } .doc-department { color: #20c0f3; font-size: 14px; margin-bottom: 8px; } .doc-department img { width: 19px; display: inline-block; margin-right: 10px; } .doc-location { color: #757575; font-size: 14px; margin-bottom: 25px; } .doc-location a { color: #09e5ab; font-weight: 500; } .doc-speciality { font-size: 14px; color: #757575; margin-bottom: 15px; } .clinic-details { margin-bottom: 15px; } .clinic-details h5 { font-weight: normal; color: #757575; margin-bottom: 25px; } .clinic-details ul { list-style: none; margin: 0; padding: 0; } .clinic-details ul li { display: inline-block; padding-right: 5px; } .clinic-details ul li:last-child { padding-right: 0; } .clinic-details ul li a { display: inline-block; } .clinic-details ul li a img { width: 40px; border-radius: 5px; } .clinic-services { color: #272b41; font-size: 13px; } @media (max-width: 767.98px) { .clinic-services { display: none; } } .clinic-services span { border: 1px solid #cccccc; display: inline-block; font-size: 12px; padding: 3px 10px; border-radius: 4px; } .clinic-services span + span { margin-left: 5px; } .clini-infos { margin-bottom: 15px; } .clini-infos ul { font-size: 14px; list-style: none; margin: 0; padding: 0; } .clini-infos ul li { display: block; line-height: 30px; color: #4E4852; } .clini-infos ul li i { font-size: 15px; min-width: 20px; } .clinic-booking a { background-color: #ffffff; border: 2px solid #20c0f3; color: #20c0f3; display: block; font-size: 14px; font-weight: 500; letter-spacing: 1px; text-align: center; text-transform: capitalize; width: 100%; padding: 10px 15px; border-radius: 4px; } .clinic-booking a + a { margin-top: 15px; } .clinic-booking a.view-pro-btn:hover, .clinic-booking a.view-pro-btn:focus { background: #20c0f3; color: #ffffff; } .clinic-booking a.apt-btn { background: #20c0f3; color: #ffffff; } @media (max-width: 479.98px) { .clinic-booking a.apt-btn { width: 100%; } } .clinic-booking a.apt-btn:hover, .clinic-booking a.apt-btn:focus { background-color: #0db9f2; border-color: #0db9f2; color: #ffffff; } @media (max-width: 479.98px) { .clinic-booking a.view-pro-btn { width: 100%; margin-bottom: 15px; } } .load-more { margin-bottom: 30px; } .filter-contents { border: 2px solid #F3F4F6; border-radius: 10px; } @media (max-width: 991.98px) { .filter-contents { margin-bottom: 24px; } } .filter-header { background: #F2F6F6; border-radius: 10px 10px 0px 0px; padding: 15px 20px; } .filter-header .filter-title { font-size: 18px; font-weight: 600; margin-bottom: 0; } .filter-details { padding: 20px; } .filter-grid { padding-bottom: 25px; } .filter-grid h4 { margin-bottom: 0; } .filter-grid h4 a { font-weight: 600; font-size: 16px; color: #1F2937; position: relative; } .filter-grid h4 a:hover { color: #272B41; } .filter-grid h4 a::before { content: "\e92e"; font-family: "feather"; color: #1F2937; border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: 500; position: absolute; right: 0; line-height: normal; } .filter-grid h4 a:not(.collapsed)::before { content: "\e931"; font-family: "feather"; border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filter-collapse { padding-top: 20px; } .filter-collapse ul { padding: 0; margin: 0; list-style: 0; } .filter-collapse ul li { display: block; margin-bottom: 10px; } .filter-collapse ul li:last-child { margin-bottom: 0; } .filter-collapse ul li .custom_check { padding-left: 26px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #6B7280; margin-bottom: 0; } .filter-collapse ul li .custom_check.custom_check .checkmark { border: 1px solid #E5E7EB; border-radius: 4px; height: 17px; width: 17px; top: 3px; } .filter-collapse ul li .custom_check input:checked ~ .checkmark { background: #ffffff; border-color: #0E82FD; } .filter-collapse ul li .custom_check .checkmark::after { content: ""; background: #0E82FD; width: 10px; height: 10px; top: 3px; left: 3px; border-radius: 3px; } .filter-collapse ul li .custom_check .online-icon { font-size: 20px; margin-right: 10px; margin-left: 5px; } .rating_custom_check { width: 100%; } .rating_custom_check .rating { width: 100%; } .rating_custom_check .rating .rating-count { font-weight: 500; float: right; color: #9CA3AF; } .filter-content-slider p { color: #1F2937; margin-bottom: 15px; } .filter-content-slider p span { float: right; } .price-wrapper { margin: 15px 0 0; font-size: 14px; } .price-wrapper h6 { font-size: 14px; font-weight: 500; color: #6B7280; margin-bottom: 0; } .price-wrapper h6 span { font-weight: 600; color: #1F2937; } .slider-wrapper .ui-slider-handle { background: #0E82FD; border: 0; border-radius: 50%; box-shadow: 0px 4px 4px rgba(124, 124, 124, 0.25); width: 18px; height: 18px; box-shadow: 0 0px 0px 4px #0E82FD; width: 12px; height: 12px; background: #ffffff; margin: 0; } #price-range.ui-slider-horizontal { height: 6px; border: 0; border-radius: 25px; background: #E9ECF1; } .ui-widget-header { background: #0E82FD; } .filter-btn .btn { font-weight: 600; font-size: 15px; padding: 7px 15px; border-radius: 6px; } .doctor-filter-info { padding-bottom: 30px; } @media (max-width: 767.98px) { .doctor-filter-info { display: none; } } .doctors-found { padding-bottom: 12px; } .doctors-found p { font-weight: 500; font-size: 16px; margin-bottom: 0; } .doctors-found p span { color: #1F2937; } @media (max-width: 1399.98px) { .doctors-found p { font-size: 14px; } } .doctor-filter-availability p { font-weight: 600; color: #4B5563; margin-right: 6px; margin-bottom: 0; } .doctor-filter-option { flex-shrink: 0; } .doctor-filter-sort { padding-right: 15px; } .doctor-filter-sort:last-child { padding-right: 0; } .doctor-filter-sort p { color: #8C97B0; margin-right: 15px; margin-bottom: 0; } .doctor-filter-sort .filter-today { margin-right: 0; } .doctor-filter-sort .filter-today i { font-size: 18px; margin-right: 10px; } .doctor-filter-sort .nav li { margin-right: 8px; } .doctor-filter-sort .nav li:last-child { margin-right: 0; } .doctor-filter-sort .nav li a { width: 32px; height: 32px; background: #ffffff; border: 2px solid #F3F4F6; border-radius: 7px; color: #6B7280; } .doctor-filter-sort .nav li a:hover { background: #0E82FD; border: 2px solid #0E82FD; color: #ffffff; } .doctor-filter-sort .nav li a:hover img { filter: invert(1) brightness(100); } .doctor-filter-sort .nav li a.active { background: #0E82FD; border: 2px solid #0E82FD; color: #ffffff; } .doctor-filter-sort .nav li a.active img { filter: invert(1) brightness(100); } .doctor-filter-select { width: 94px; } .doctor-filter-select .select2-container .select2-selection--single { background-color: #F2F6F6; border: 1px solid #F3F4F6; height: 32px; } .doctor-filter-select .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 32px; padding-left: 10px; font-weight: 600; color: #1F2937; } .doctor-filter-select .select2-container--default .select2-selection--single .select2-selection__arrow { height: 30px; } .doctor-card { border: 2px solid #F3F4F6; border-radius: 10px; } .doctor-widget-one .doc-name { margin-bottom: 4px; font-size: 20px; } .doctor-widget-one .doc-name a { color: #1F2937; } .doctor-widget-one .doc-name i { margin-left: 8px; font-size: 16px; color: #22C550; } @media (max-width: 991.98px) { .doctor-widget-one .doc-name { font-size: 18px; } } @media (max-width: 767.98px) { .doctor-widget-one { text-align: center; flex-direction: column; } } @media (max-width: 767.98px) { .doctor-widget-one .doc-info-left { flex-direction: column; } } .doctor-widget-one .doctor-img { -ms-flex: 0 0 164px; flex: 0 0 164px; margin-right: 20px; width: 164px; height: 164px; border-radius: 10px; position: relative; overflow: hidden; } .doctor-widget-one .doctor-img img { width: 164px; height: 164px; border-radius: 10px; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .doctor-widget-one .doctor-img:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } @media (max-width: 767.98px) { .doctor-widget-one .doctor-img { margin: 0 auto 20px; padding: 0; } } .doctor-widget-one .favourite-btn { position: absolute; top: 8px; right: 8px; z-index: 1; } .doctor-widget-one .favourite-btn .favourite-icon { background-color: #ffffff; border: 1px solid #EDF1F1; width: 30px; height: 30px; font-size: 14px; border-radius: 50px; color: #9CA3AF; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .doctor-widget-one .favourite-btn .favourite-icon:hover { color: #fb1612; } .doctor-widget-one .favourite-btn .favourite-icon.favourite { animation: size 0.4s; color: #FF3333; } .doctor-widget-one .doc-speciality { font-size: 12px; color: #9CA3AF; margin-bottom: 20px; } .doctor-widget-one .clinic-details { padding-bottom: 14px; } .doctor-widget-one .doc-info-cont .reviews-ratings p { font-size: 12px; } .doctor-widget-one .doc-info-cont .reviews-ratings p span { font-size: 14px; margin: 0 4px 0 0; padding: 2px 5px; } .doctor-widget-one .doc-location { font-weight: 500; margin-bottom: 14px; } .doctor-widget-one .doc-location:last-child { margin-bottom: 0; } .doctor-widget-one .doc-location span { color: #1F2937; margin-right: 3px; } .doctor-widget-one .doc-location i { margin-right: 10px; font-size: 18px; color: #9CA3AF; } @media (max-width: 767.98px) { .doctor-widget-one .doc-location i { margin: 0 0 5px 0; padding: 0; } } .doctor-widget-one .doc-location a { font-weight: 500; color: #0E82FD; margin-left: 8px; } .doctor-widget-one .doc-location a:hover { color: #000000; } @media (max-width: 767.98px) { .doctor-widget-one .doc-location { flex-direction: column; } } .doctor-widget-one .doc-info-right { margin-left: auto; -ms-flex: 0 0 240px; flex: 0 0 240px; max-width: 240px; } @media (max-width: 991.98px) { .doctor-widget-one .doc-info-right { -ms-flex: 0 0 270px; flex: 0 0 270px; max-width: 270px; } } @media (max-width: 767.98px) { .doctor-widget-one .doc-info-right { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-left: 0; } } .doctor-widget-one .doc-info-details { margin-left: auto; max-width: 230px; } @media (max-width: 767.98px) { .doctor-widget-one .doc-info-details { margin: 0 auto 0; padding: 0; } } .doctor-widget-one .clini-infos { margin-bottom: 15px; } .doctor-widget-one .clini-infos ul { list-style: none; margin: 0; padding: 0; } .doctor-widget-one .clini-infos ul li { color: #6B7280; margin-bottom: 8px; } .doctor-widget-one .clini-infos ul li:last-child { margin-bottom: 0; } .doctor-widget-one .clini-infos ul li .available-date { border-radius: 5px; padding: 3px 15px; font-weight: normal; } .doctor-widget-one .clini-infos ul li .available-today { background: #DCFCE5; color: #22C550; font-weight: 500; } .doctor-widget-one .clini-infos ul li .available-tomorrow { background: #FFF6D8; color: #F3DB00; } .doctor-widget-one .clini-infos ul li .available-icon { font-size: 18px; color: #9CA3AF; margin-right: 10px; } .doctor-widget-one .clini-infos ul li .votes { font-size: 12px; color: #9CA3AF; margin-left: 5px; } .doctor-widget-one .clini-infos ul li .available-info-icon { font-size: 14px; color: #9CA3AF; margin-left: 5px; } @media (max-width: 767.98px) { .doctor-widget-one .clini-infos ul li { display: block; } } @media (max-width: 767.98px) { .doctor-widget-one .clini-infos { margin: 20px 0 15px 0; padding: 0; } } .doctor-widget-one .clinic-booking .btn { border-radius: 8px; font-weight: 500; font-size: 14px; border: 2px solid #09e5ab; padding: 6px 15px; } .doctor-widget-one .clinic-booking .btn-primary-light { color: #09e5ab; background: #ffffff; box-shadow: inset 0 0 0 0 #09e5ab; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; margin-top: 8px; } .doctor-widget-one .clinic-booking .btn-primary-light:hover { color: #ffffff; background: #09e5ab; box-shadow: inset 0 0 0 50px #09e5ab; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .doctor-widget-one .clinic-booking.book-appoint .btn-primary { color: #fff; background-color: #0E82FD; border: 2px solid #0E82FD; box-shadow: inset 0 0 0 0 #fff; } .doctor-widget-one .clinic-booking.book-appoint .btn-primary:hover { color: #0E82FD; background-color: #ffffff; border-color: #0E82FD; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .doctor-widget-one .clinic-booking.book-appoint .btn-primary-light { color: #0E82FD; background: #ffffff; box-shadow: inset 0 0 0 0 #0E82FD; border: 2px solid #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .doctor-widget-one .clinic-booking.book-appoint .btn-primary-light:hover { color: #fff; background-color: #0E82FD; border: 2px solid #0E82FD; box-shadow: inset 0 0 0 0 #fff; } .doctor-profile-widget.doc-grid { margin-bottom: 24px; } .doctor-profile-widget.doc-grid .doc-pro-img .doctor-profile-img { margin: 15px 15px 0; } .doctor-profile-widget.doc-grid .doc-pro-img .doctor-profile-img img { border-radius: 10px; } .doctor-profile-widget.doc-grid .doc-pro-img .favourite-btn { top: 15px; right: 25px; } .doctor-profile-widget.doc-grid .doc-pro-img .reviews-ratings { position: absolute; top: 15px; left: 25px; } .doctor-profile-widget.doc-grid .doc-pro-img .reviews-ratings p span { min-width: 52px; font-size: 14px; margin: 0; padding: 2px 3px; } .doctor-profile-widget.doc-grid .doc-content { padding: 15px; } .doctor-profile-widget.doc-grid .doc-content .review-price p { font-weight: 500; font-size: 18px; color: #28283C; } .doctor-profile-widget.doc-grid .doc-content .review-price p span { font-size: 13px; color: #6B7280; } @media (max-width: 1399.98px) { .doctor-profile-widget.doc-grid .doc-content .review-price p { font-size: 14px; } } .doctor-profile-widget.doc-grid .doc-content .doc-pro-name { width: 100%; overflow: hidden; } .doctor-profile-widget.doc-grid .doc-content .doc-pro-name h4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 2px; } .doctor-profile-widget.doc-grid .doc-content .doc-pro-name h4 a { margin-right: 6px; } .doctor-profile-widget.doc-grid .doc-content .doc-pro-name h4 i { color: #22C550; } .doctor-profile-widget.doc-grid .doc-content .doc-pro-location p { margin-bottom: 10px; font-size: 14px; } .doctor-profile-widget.doc-grid .doc-content .doc-pro-location p:last-child { margin-bottom: 0; } .doctor-profile-widget.doc-grid .doc-content .doc-pro-location p i { color: #9CA3AF; font-size: 18px; } .doctor-profile-widget.doc-grid .doc-content .doc-pro-location p span { color: #1F2937; margin-right: 2px; } .doctor-profile-widget.doc-grid .favourite-btn { position: absolute; top: 8px; right: 8px; z-index: 1; } .doctor-profile-widget.doc-grid .favourite-btn .favourite-icon { background-color: #ffffff; border: 1px solid #EDF1F1; width: 30px; height: 30px; font-size: 14px; border-radius: 50px; color: #484848; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .doctor-profile-widget.doc-grid .favourite-btn .favourite-icon:hover { color: #fb1612; } .doctor-profile-widget.doc-grid .favourite-btn .favourite-icon.favourite { animation: size 0.4s; color: #FF3333; } .filter-collapse .more-view { color: #0E82FD; } .more-view { color: #0E82FD; font-size: 14px; font-weight: 500; } .fill-more { height: 97px; overflow: hidden; border-bottom: 1px solid #F3F4F6; margin-bottom: 10px !important; } .apply-btn .btn-primary { color: #fff; background-color: #0E82FD; border: 2px solid #0E82FD; box-shadow: inset 0 0 0 0 #ffffff; display: grid; } .apply-btn .btn-primary:hover { color: #0E82FD; background-color: #ffffff; border-color: #0E82FD; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .apply-btn .btn-outline-primary { color: #0E82FD; background: #ffffff; box-shadow: inset 0 0 0 0 #0E82FD; border: 2px solid #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; display: grid; } .apply-btn .btn-outline-primary:hover { color: #ffffff; background-color: #0E82FD; border: 2px solid #0E82FD; box-shadow: inset 0 0 0 0 #ffffff; } .map-right { height: 100%; min-height: 100%; padding-right: 30px; position: fixed; top: 0; right: 0; bottom: 0; z-index: 1029; display: none; } .map-right .available-info { margin-bottom: 0; } @media (max-width: 1199.98px) { .map-right { position: static; height: 450px; } } .map-right.grid-list-map { display: block; padding-right: 0px; top: 80px; } .map-listing { height: calc(100vh - 0px); width: 100%; } .map-listing .profile-widget { width: 320px; padding: 0; border: 0; margin-bottom: 0; } @media (max-width: 1199.98px) { .map-listing { height: 450px; } } @media (max-width: 767.98px) { .product-cont { text-align: start; } } .search-page { overflow-x: hidden; } .info-widget { border-bottom: 1px solid #f0f0f0; padding-bottom: 30px; margin-bottom: 30px; } .card-label > label { background-color: #ffffff; color: #959595; display: inline-block; font-size: 13px; font-weight: 500; margin: 6px auto auto 8px; padding: 0 7px; } @media (max-width: 991.98px) { .card-label > label { font-size: 12px; } } .card-label > input { background-color: #ffffff; border: 1px solid #dbdbdb; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05); display: block; height: 50px; margin-top: -13px; -webkit-transition: border-color 0.3s; -ms-transition: border-color 0.3s; transition: border-color 0.3s; width: 100%; border-radius: 4px; padding: 5px 15px 0; } .exist-customer a { color: #20c0f3; font-weight: 500; } .payment-widget .payment-list + .payment-list { margin-bottom: 15px; } .payment-radio { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 16px; font-weight: 700; color: #272b41; text-transform: capitalize; } .payment-radio input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .payment-radio .checkmark { width: 19px; height: 19px; border: 2px solid #dddddd; border-radius: 50%; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; margin: 3px 0 0 0; position: absolute; top: 0; left: 0; } .payment-radio .checkmark::after { content: ""; width: 9px; height: 9px; background-color: #20c0f3; opacity: 0; visibility: hidden; transform: scale(0.1); -webkit-transform: scale(0.1); -ms-transform: scale(0.1); border-radius: 50%; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; position: absolute; top: 3px; left: 3px; } .payment-radio input:checked ~ .checkmark { border-color: #20c0f3; } .payment-radio input:checked ~ .checkmark::after { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); } .booking-date { list-style: none; padding: 0; } .booking-date li { position: relative; font-size: 14px; font-weight: 500; color: #272b41; text-transform: capitalize; margin-bottom: 15px; margin-right: 5px; } .booking-date li span { float: right; color: #757575; font-weight: 400; font-size: 15px; } .booking-fee { list-style: none; padding: 0; } .booking-fee li { position: relative; font-size: 14px; font-weight: 500; color: #272b41; text-transform: capitalize; margin-bottom: 15px; } .booking-fee li span { float: right; color: #757575; font-weight: 400; font-size: 15px; } .booking-total { border-top: 1px solid #e4e4e4; margin-top: 20px; padding-top: 20px; } .booking-total ul { list-style: none; margin: 0; padding: 0; } .booking-total ul li span { font-size: 18px; font-weight: 700; color: #272b41; } @media (max-width: 767.98px) { .booking-total ul li span { font-size: 14px; } } .booking-total ul li .total-cost { color: #20c0f3; font-size: 16px; float: right; } @media (max-width: 767.98px) { .booking-total ul li .total-cost { font-size: 14px; } } #calendar-events { background-color: #fcfcfc; } .calendar-events { border: 1px solid transparent; cursor: move; padding: 10px 15px; } .calendar-events:hover { border-color: #e9e9e9; background-color: #ffffff; } .calendar-events i { margin-right: 8px; } .calendar { float: left; margin-bottom: 0; } .fc-toolbar.fc-header-toolbar { margin-bottom: 1.5rem; } @media (max-width: 479.98px) { .fc-toolbar.fc-header-toolbar .fc-right { margin-bottom: 10px; } } @media (max-width: 479.98px) { .fc-toolbar.fc-header-toolbar .fc-left { margin-bottom: 10px; } } .fc-toolbar h2 { font-size: 18px; font-weight: 600; font-family: "Roboto", sans-serif; line-height: 30px; text-transform: uppercase; } .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar .ui-state-hover, .fc-toolbar button:hover, .fc-toolbar button:focus { z-index: 0; } .none-border .modal-footer { border-top: none; } .fc-day-grid-event .fc-time { font-family: "Roboto", sans-serif; } .fc-day { background: #ffffff; } .fc th.fc-widget-header { background: #eeeeee; font-size: 14px; line-height: 20px; text-transform: uppercase; padding: 10px 0; } .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover { border-color: #f3f3f3; } .fc-unthemed .fc-today { background: #ffffff; } .fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number { padding: 2px 5px; } .fc-basic-view td.fc-week-number span { padding-right: 8px; font-weight: 700; font-family: "Roboto", sans-serif; } .fc-basic-view td.fc-day-number { padding-right: 8px; font-weight: 700; font-family: "Roboto", sans-serif; } .fc-button { background: #f1f1f1; border: none; color: #797979; text-transform: capitalize; box-shadow: none !important; border-radius: 3px !important; height: auto !important; margin: 0 3px !important; padding: 6px 12px !important; } .fc-text-arrow { font-family: inherit; font-size: 16px; } .fc-state-hover { background: #f3f3f3; } .fc-state-highlight { background: #f0f0f0; } .fc-state-down, .fc-state-active, .fc-state-disabled { background-color: #20c0f3 !important; color: #ffffff !important; text-shadow: none !important; } .fc-cell-overlay { background: #f0f0f0; } .fc-event { border: none; color: #ffffff !important; cursor: move; font-size: 13px; text-align: center; border-radius: 2px; margin: 1px 7px; padding: 5px 5px; } .event-form .input-group .form-control { height: 40px; } @media (max-width: 479.98px) { .fc-day-header span { font-size: 10px; } } .comp-header { margin-bottom: 1.875rem; } .comp-header .comp-title { color: #272b41; } .line { background-color: #20c0f3; height: 2px; margin: 0; width: 60px; } .comp-buttons .btn { margin-bottom: 5px; } .pagination-box .pagination { margin-top: 0; } .comp-dropdowns .btn-group { margin-bottom: 5px; } .progress-example .progress { margin-bottom: 1.5rem; } .progress-xs { height: 4px; } .progress-sm { height: 15px; } @media (max-width: 575.98px) { .progress-lg .page-link { font-size: 16px; padding: 0.5rem 0.625rem; } } .progress.progress-sm { height: 6px; } .progress.progress-md { height: 8px; } .progress.progress-lg { height: 18px; } .row.row-sm { margin-left: -3px; margin-right: -3px; } .row.row-sm > div { padding-left: 3px; padding-right: 3px; } @media (max-width: 575.98px) { .pagination-lg .page-link { font-size: 16px; padding: 0.5rem 0.625rem; } } .custom-edit-service textarea.form-control { min-height: 200px; } .custom-edit-service .service-upload { border: 1px solid #dcdcdc; border-radius: 0.25rem; text-align: center; background-color: #ffffff; position: relative; margin: 0 0 30px; padding: 70px 0; } .custom-edit-service .service-upload i { font-size: 50px; color: #858585; } .custom-edit-service .service-upload span { font-size: 15px; color: #858585; margin-top: 14px; display: block; } .custom-edit-service .service-upload input[type=file] { width: 100%; height: 100%; opacity: 0; cursor: pointer; position: absolute; top: 0; left: 0; } .upload-wrap li { margin: 10px; list-style: none; } .upload-wrap li:first-child { margin-left: 0; } @media (max-width: 575.98px) { .custom-components { margin-bottom: 10px; } } .invoice-content { background-color: #ffffff; border: 1px solid #f0f0f0; margin-bottom: 30px; border-radius: 4px; padding: 30px; } @media (max-width: 575.98px) { .invoice-content { padding: 1.25rem; } } .invoice-item .invoice-logo { margin-bottom: 30px; } .invoice-item .invoice-logo img { width: auto; max-height: 52px; } .invoice-item .invoice-text { padding-top: 42px; padding-bottom: 36px; } .invoice-item .invoice-text h2 { color: #272b41; font-size: 36px; font-weight: 600; } .invoice-item .invoice-details { text-align: right; color: #757575; font-weight: 500; } @media (max-width: 767.98px) { .invoice-item .invoice-details { text-align: left; } } .invoice-item .invoice-details strong { color: #272b41; } .invoice-item .invoice-details-two { text-align: left; } .invoice-item .customer-text { font-size: 18px; color: #272b41; font-weight: 700; margin-bottom: 8px; display: block; } @media (max-width: 767.98px) { .invoice-item .customer-text { font-size: 16px; } } .invoice-info { margin-bottom: 30px; } .invoice-info p { margin-bottom: 0; } .invoice-info.invoice-info2 { text-align: right; } @media (max-width: 767.98px) { .invoice-info.invoice-info2 { text-align: left; } } .invoice-info h5 { font-size: 16px; font-weight: 500; } .invoice-table tr th, .invoice-table tr td, .invoice-table-two tr th, .invoice-table-two tr td { color: #272b41; font-weight: 700; line-height: inherit; padding: 10px 20px; } .invoice-table tr td, .invoice-table-two tr td { color: #757575; font-weight: 500; } .invoice-table-two { margin-bottom: 0; } .invoice-table-two tr th, .invoice-table-two tr td { border-top: 0; } .invoice-table-two tr td { text-align: right; } .other-info { margin-top: 10px; } .terms-text { margin-bottom: 20px; } .terms-text h4 { font-size: 24px; font-weight: 500; margin-bottom: 20px; } .terms-text p { color: #666; display: inline-block; font-size: 16px; } .account-card { border-radius: 10px; font-size: 16px; text-align: center; margin: 0 0 30px; padding: 10px; } .account-card span { font-size: 24px; display: block; margin-bottom: 5px; font-weight: 500; } .info-list { margin-bottom: 10px; } .info-list .title { color: #272b41; font-weight: 500; } .info-list .text { color: #757575; display: block; overflow: hidden; } .banner-wrapper { max-width: 800px; width: 100%; margin: 0 auto; } @media (max-width: 991.98px) { .banner-wrapper { max-width: 720px; } } .banner-wrapper .search-box-3 { background: #1e5c92; border-radius: 10px; position: absolute; margin: -50px 0 0; padding: 40px 20px; } @media (max-width: 991.98px) { .banner-wrapper .search-box-3 { display: none; } } .banner-wrapper .search-box-3 .search-location { -ms-flex: 0 0 240px; flex: 0 0 240px; margin-right: 12px; position: relative; width: 240px; } .banner-wrapper .search-box-3 .search-location .form-control { background: #ffffff url(../img/location.png) no-repeat 10px center; } .banner-wrapper .search-box-3 .form-group { margin-bottom: 0px; } .banner-wrapper .search-box-3 .form-control { border: 1px solid #cccccc; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.08); border-radius: 5px; padding-left: 35px; } .banner-wrapper .search-box-3 .search-info { -ms-flex: 0 0 490px; flex: 0 0 490px; margin-right: 12px; position: relative; width: 490px; } .banner-wrapper .search-box-3 .search-info .form-control { background: #ffffff url(../img/search.png) no-repeat 10px center; } .banner-wrapper .search-box-3 .form-control { background: #ffffff url(../img/search.png) no-repeat 10px center; } .banner-wrapper .search-box-3 .search-btn { width: 46px; -ms-flex: 0 0 46px; flex: 0 0 46px; height: 46px; } .banner-wrapper .search-box-3 .search-btn span { display: none; font-weight: 500; } .btn-search { background: #ffffff; border: 1px solid #ffffff; color: #1e5c92; } .form-custom i { color: #DD2D4E; position: absolute; top: 35%; right: 15px; } .doctor-search-form select { border: 1px solid rgba(16, 222, 253, 0.1); box-shadow: 0px 4px 4px rgba(237, 237, 237, 0.25); border-radius: 5px; } .doctor-search-form input { border: 1px solid rgba(16, 222, 253, 0.1); box-shadow: 0px 4px 4px rgba(237, 237, 237, 0.25); border-radius: 5px; } .doctor-search-form input, .doctor-search-form select { background: #ffffff; border-radius: 130px; min-height: 60px; border: 0; } .doctor-search-section { padding-top: 95px; position: relative; background: url(../img/banner-2.jpg); background-position: 50% 0; background-size: cover; background-repeat: no-repeat; z-index: 1; } @media (max-width: 991.98px) { .doctor-search-section { padding-top: 85px; } } .doctor-search-section .doctor-search { padding-bottom: 15px; } @media (max-width: 991.98px) { .doctor-search-section .doctor-search { padding: 30px 0; } } .doctor-search-section .banner-header h2 { color: #186DB5; font-size: 32px; font-weight: 600; line-height: 54px; } @media (max-width: 767.98px) { .doctor-search-section .banner-header h2 { font-size: 26px; line-height: 40px; } } .doctor-search-section .doctor-search-form select, .doctor-search-section .doctor-search-form input { border: 1px solid rgba(16, 222, 253, 0.1); box-shadow: 0px 4px 4px rgba(237, 237, 237, 0.25); border-radius: 5px; padding-right: 42px; } @media (max-width: 991.98px) { .doctor-search-section .dr-img { display: none; } } .clinics-section { padding: 60px 0 40px; background: #ffffff; } @media (max-width: 991.98px) { .clinics-section { padding: 40px 0 25px; } } @media (max-width: 767.98px) { .clinics-section { padding: 30px 0 10px; } } .clinics-section .clinic-item:hover .clinics-card .clinics-img:after { background: rgba(45, 226, 253, 0.9); transition: all 0.5s; } .clinics-section .clinic-item:hover .clinics-icon { transform: translate(0, -180%); -webkit-transform: translate(0, -180%); -ms-transform: translate(0, -180%); } .clinics-section .clinic-item:hover .clinics-icon i { color: #1C5B90; background: #ffffff; } .clinics-section .clinics-card { position: relative; border-radius: 10px; overflow: hidden; } .clinics-section .clinics-card .clinics-img { position: relative; } .clinics-section .clinics-card .clinics-img:after { content: ""; background: rgba(28, 91, 144, 0.9); position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .clinics-section .clinics-card .clinics-info { margin: 0 auto; text-align: center; position: absolute; top: 50%; right: 0; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .clinics-section .clinics-card .clinics-info img { width: 60px !important; margin: auto; margin-bottom: 10px; } .clinics-section .clinics-card .clinics-info span { font-weight: 600; font-size: 18px; color: #ffffff; } .clinics-section .clinics-icon { transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .clinics-section .clinics-icon i { border-radius: 50%; height: 35px; width: 35px; text-align: center; line-height: 35px; background: #10DEFD; color: #ffffff; margin: auto; display: block; } .section-heading { margin-bottom: 30px; } @media (max-width: 767.98px) { .section-heading { margin-bottom: 15px; } } .section-heading h2 { font-weight: 700; font-size: 26px; color: #1C5B90; } @media (max-width: 767.98px) { .section-heading h2 { font-size: 20px; } } .section-heading p { font-size: 14px; color: #757578; margin-bottom: 0; } .section-heading.bg-area h2 { color: #ffffff; } .section-heading.bg-area p { color: #ffffff; } .specialities-section { padding: 80px 0 55px; position: relative; background: url(../img/specialist-bg.jpg); background-position: 50% 0; background-size: cover; background-repeat: no-repeat; z-index: 1; } @media (max-width: 991.98px) { .specialities-section { padding: 60px 0 35px; } } @media (max-width: 767.98px) { .specialities-section { padding: 40px 0 15px; } } .specialities-section:after { content: ""; background: rgba(25, 69, 107, 0.9); z-index: -1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .specialities-section .specialist-card { background: #ffffff; box-shadow: 0px 4px 24px rgba(183, 183, 183, 0.25); border-radius: 163px; align-items: center; margin: 0 0 25px; padding: 15px; } .specialities-section .specialist-card:hover { background: #E0F2FF; } .specialities-section .specialist-card:hover .specialist-img { background: #10DEFD; transition: all 0.5s; } .specialities-section .specialist-card:hover .specialist-nav i { background: #10DEFD; color: #ffffff; } .specialities-section .specialist-card .specialist-img { background: #1B5D92; height: 55px; width: 55px; border-radius: 50%; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; margin: 0 10px 0 0; padding: 10px; } .specialities-section .specialist-card .specialist-info p { font-weight: 500; color: #000000; margin-bottom: 0; } .specialities-section .specialist-card .specialist-info h4 { font-weight: 600; color: #274782; margin-bottom: 0; } .specialities-section .specialist-card .specialist-nav i { border-radius: 50%; height: 35px; width: 35px; text-align: center; line-height: 35px; background: #ffffff; box-shadow: 0px 4px 24px rgba(183, 183, 183, 0.25); color: #D84153; margin: auto; display: block; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .shapes { position: absolute; width: 100%; } @media (max-width: 991.98px) { .shapes { display: none; } } .shapes .shape-1 { position: absolute; top: 0; left: 0; } .shapes .shape-2 { position: absolute; top: 0; right: 0; } .shapes .shape-3 { position: absolute; top: -110px; left: 0; } .shapes .shape-4 { position: absolute; top: -110px; right: 0; } .our-doctors-section { padding: 60px 0; background: #ffffff; } @media (max-width: 991.98px) { .our-doctors-section { padding: 40px 0; } } @media (max-width: 767.98px) { .our-doctors-section { padding: 30px 0; } } .our-doctors-section .our-doctors-card { background: rgba(232, 246, 255, 0.4); border: 1px solid rgba(231, 237, 255, 0.5); border-radius: 10px; padding: 10px; } .our-doctors-section .our-doctors-card .doctors-header { position: relative; } .our-doctors-section .our-doctors-card .doctors-header img { border-radius: 10px 10px 0 0; } .our-doctors-section .our-doctors-card .doctors-header .img-overlay { background: #1B5D92; border-radius: 110px; padding: 5px 10px; color: #ffffff; font-weight: 700; font-size: 14px; position: absolute; top: 10px; right: 10px; } .our-doctors-section .our-doctors-card .doctors-body { background: #ffffff; border-radius: 0px 0px 10px 10px; padding: 10px; } .our-doctors-section .our-doctors-card .doctors-body .rating { font-size: 12px; } .our-doctors-section .our-doctors-card .doctors-body .rating i.filled { color: #FFC001; } .our-doctors-section .our-doctors-card .doctors-body .rating .average-ratings { background: #1C5B90; border-radius: 70px; color: #ffffff; padding: 1px 15px; margin-left: 10px; } .our-doctors-section .our-doctors-card .doctors-body h4 { color: #1C1C1C; font-weight: 600; margin-bottom: 0.5rem; } .our-doctors-section .our-doctors-card .doctors-body h4:hover { color: #0E82FD; } .our-doctors-section .our-doctors-card .doctors-body p { font-weight: 500; margin-bottom: 0; font-size: 11px; } .our-doctors-section .our-doctors-card .doctors-body .location { padding: 20px 0; } .our-doctors-section .our-doctors-card .doctors-body .location p { font-size: 13px; color: #000000; } .our-doctors-section .our-doctors-card .doctors-body .location p i { color: #1C5B90; } .our-doctors-section .our-doctors-card .doctors-body .view-btn { background: #E8F6FF; border: 1px solid #E8F6FF; box-sizing: border-box; border-radius: 30px; color: rgba(41, 68, 129, 0.9); padding: 10px 0; } .our-doctors-section .our-doctors-card .doctors-body .view-btn:hover { background-color: #0E82FD; color: #ffffff; } .our-doctors-section .our-doctors-card .doctors-body .book-btn { background: #10DEFD; border-radius: 30px; padding: 10px 0; border: 0; } .our-doctors-section .our-doctors-card .doctors-body .book-btn:hover { background-color: #0E82FD; } .clinic-features-section { position: relative; background: url(../img/featured-bg.jpg); background-position: 50% 0; background-size: cover; background-repeat: no-repeat; padding: 60px 0; } @media (max-width: 991.98px) { .clinic-features-section { padding: 40px 0; } } @media (max-width: 767.98px) { .clinic-features-section { padding: 30px 0; } } .clinic-features-section .clinic-features { position: relative; } .clinic-features-section .clinic-features img { border-radius: 10px; } .clinic-features-section .clinic-feature-overlay { text-align: center; width: 100%; position: absolute; bottom: 20px; } .clinic-features-section .clinic-feature-overlay .img-overlay { background: #20c0f3; border-radius: 60px; padding: 10px 15px; text-transform: uppercase; color: #E6F4FD; font-weight: 600; min-width: 150px; display: inline-block; } .clinic-features-section .clinic-feature-overlay .img-overlay:hover { background-color: #0E82FD; } .section-search-3 { position: relative; background: url(../img/banner-3.jpg); background-position: 50% 0; background-size: cover; background-repeat: no-repeat; z-index: 1; min-height: 450px; padding-top: 85px; } .section-search-3:after { content: ""; background: rgba(24, 96, 202, 0.9); z-index: -1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .section-search-3 .banner-info { padding: 130px 0 190px; } @media (max-width: 991.98px) { .section-search-3 .banner-info { padding: 60px 0 130px; } } @media (max-width: 767.98px) { .section-search-3 .banner-info { padding: 20px 0 100px; } } @media (max-width: 479.98px) { .section-search-3 .banner-info { padding: 20px 0 70px; } } .section-search-3 .banner-info .header-banner h2 { color: #ffffff; font-weight: 600; line-height: 40px; } .section-search-3 .banner-info .header-banner h2 .header-highlight { font-weight: 700; color: #ffffff; } .section-search-3 .banner-info .header-banner p { font-size: 17px; color: #ffffff; } .section-search-3 .doctor-search { padding-bottom: 15px; } @media (max-width: 991.98px) { .section-search-3 .doctor-search { padding: 30px 0; } } .section-search-3 .doctor-search .doctor-search-form.trans .form-control { color: #ffffff; padding-right: 42px; } .section-search-3 .doctor-search .doctor-search-form.trans input, .section-search-3 .doctor-search .doctor-search-form.trans select { background-color: transparent; border: 2px solid #c2d6f3 !important; border-radius: 130px; min-height: 60px; border: 0; box-shadow: 0px 4px 4px rgba(237, 237, 237, 0.25); border-radius: 5px; } .section-search-3 .doctor-search .doctor-search-form.trans input::placeholder, .section-search-3 .doctor-search .doctor-search-form.trans select::placeholder { color: #ffffff; } .section-search-3 .doctor-search .doctor-search-form.trans .form-custom i { color: #ffffff; } .section-search-3 .doctor-search .doctor-search-form.trans .banner-btn { background-color: #13a5e5; } .section-search-3 .doctor-search .doctor-search-form.trans .banner-btn:hover { background-color: #1C5B91; } @media (max-width: 991.98px) { .section-search-3 .doctor-search .doctor-search-form.trans .banner-btn { padding: 18px 30px; } } .doctor-category { position: relative; margin-top: -130px; z-index: 9; padding: 60px 0; } @media (max-width: 767.98px) { .doctor-category { padding: 40px 0 10px; margin-top: -110px; } } .doctor-category .pop-box { background-color: #ffffff; padding: 15px 15px 0; border-radius: 5px; box-shadow: 0px 4px 44px rgba(219, 219, 219, 0.25); } @media (max-width: 767.98px) { .doctor-category .pop-box { margin-bottom: 30px; } } .doctor-category .pop-box .top-section { background-color: #E5F6FD; padding: 20px; min-height: 150px; border-top-right-radius: 10px; border-top-left-radius: 10px; } .doctor-category .pop-box .top-section i { background-color: #ffffff; width: 100px; height: 100px; border-radius: 50%; font-size: 30px; color: #20c0f3; border: 5px solid #f5f8f9; } .doctor-category .pop-box .top-section.three { background-color: #FFE0E7; } .doctor-category .pop-box .top-section.three i { color: #FFAABD; } .doctor-category .pop-box .top-section.two { background-color: #FFF1C9; } .doctor-category .pop-box .top-section.two i { color: #FFBD07; } .doctor-category .pop-box .body-section { padding: 20px; min-height: 200px; flex-direction: column; } .doctor-category .pop-box .body-section h3 { color: #2467CA; font-weight: 600; font-size: 24px; } @media (max-width: 991.98px) { .doctor-category .pop-box .body-section h3 { font-size: 20px; } } @media (max-width: 767.98px) { .doctor-category .pop-box .body-section h3 { font-size: 18px; } } .doctor-category .pop-box .body-section p { color: #1C5B91; font-weight: 500; } .doctor-category .pop-box .body-section .book-btn { width: 150px; margin: 0 auto; border-radius: 30px; background: #2467CA; border: 1px solid #2467CA; } .doctor-category .pop-box .body-section .book-btn:hover { background: #1C5B91; border-color: #1C5B91; } .section-header-three { margin-bottom: 60px; } @media (max-width: 767.98px) { .section-header-three { margin-bottom: 40px; } } @media (max-width: 479.98px) { .section-header-three { margin-bottom: 30px; } } .section-header-three h2 { color: #2868C8; font-weight: 700; font-size: 30px; position: relative; display: inline-block; } @media (max-width: 991.98px) { .section-header-three h2 { font-size: 28px; } } @media (max-width: 767.98px) { .section-header-three h2 { font-size: 24px; } } @media (max-width: 479.98px) { .section-header-three h2 { font-size: 18px; } } .section-header-three h2:before { content: ""; width: 13px; height: 13px; background: #1C5B91; border-radius: 50%; box-shadow: 15px 0px 0px -2px #1C5B91; position: absolute; top: 12px; left: -40px; } .section-header-three h2:after { width: 13px; height: 13px; content: ""; background: #1C5B91; border-radius: 50%; box-shadow: -15px 0px 0px -2px #1C5B91; position: absolute; top: 12px; right: -40px; } .section-header-three h2 img { margin: 2px 5px 5px; } .section-header-three p { color: #757575; font-size: 16px; max-width: 600px; margin: 15px auto 0; } @media (max-width: 767.98px) { .section-header-three p { font-size: 14px; } } @media (max-width: 479.98px) { .section-header-three p { font-size: 11px; } } .clinic-specialities { background: url(../img/special-banner.jpg); padding: 60px 0; background-size: cover; background-repeat: no-repeat; } @media (max-width: 767.98px) { .clinic-specialities { padding: 40px 0; } } .clinic-specialities .special-box { background-color: #ffffff; border-radius: 10px; height: 160px; cursor: pointer; margin-bottom: 30px; transition: all 0.7s; } .clinic-specialities .special-box .special-body { padding: 20px; transition: all 0.5s; } .clinic-specialities .special-box .special-body img { width: 50px; margin-bottom: 15px; } .clinic-specialities .special-box .special-body h4 { font-size: 16px; margin: 0; font-weight: 500; } @media (max-width: 479.98px) { .clinic-specialities .special-box .special-body h4 { font-size: 15px; } } .clinic-specialities .special-box .special-body .spc-book { background-color: #ffffff; padding: 10px 15px; min-width: 120px; color: #1C5B91; border-radius: 30px; font-size: 14px; font-weight: 600; display: none; } .clinic-specialities .special-box .special-body .spc-book i { background-color: #1C5B91; color: #ffffff; border-radius: 50%; width: 12px; height: 12px; font-size: 10px; display: inline-flex; align-items: center; justify-content: center; } .clinic-specialities .special-box .special-footer { border-top: 1px solid #EAEAEA; width: 100%; margin: 0; padding: 15px; } .clinic-specialities .special-box .special-footer .doc-count { font-size: 14px; font-weight: 700; color: #1C71EF; } @media (max-width: 479.98px) { .clinic-specialities .special-box .special-footer .doc-count { font-size: 13px; } } .clinic-specialities .special-box .special-footer .doc-count span { color: #6B7280; font-weight: 500; } .clinic-specialities .special-box .special-footer .clin-count { font-size: 14px; font-weight: 700; color: #1C71EF; } @media (max-width: 479.98px) { .clinic-specialities .special-box .special-footer .clin-count { font-size: 13px; } } .clinic-specialities .special-box .special-footer .clin-count span { color: #6B7280; font-weight: 500; } .clinic-specialities .special-box:hover { background-color: #1C71EF; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; } .clinic-specialities .special-box:hover .special-body { height: 100%; flex-direction: column; } .clinic-specialities .special-box:hover .special-body h4 { color: #ffffff; } .clinic-specialities .special-box:hover .spc-book { margin-top: 10px; display: block; } .clinic-specialities .special-box:hover img { display: none; } .clinic-specialities .special-box:hover .special-footer { display: none; } .view-all-more .btn { background: #1B5D92; border-radius: 30px; border-color: #1B5D92; margin: 20px 0 0; padding: 9px 30px; } @media (max-width: 479.98px) { .view-all-more .btn { font-size: 14px; padding: 6px 20px; } } .view-all-more .btn:hover { background-color: #0E82FD; border: 1px solid #0E82FD; } .browse-section { background-color: #E5F6FD; padding: 60px 0; } @media (max-width: 767.98px) { .browse-section { padding: 40px 0; } } .browse-section .brower-box { text-align: center; border-radius: 10px; border: 6px solid #ffffff; background-color: #ffffff; margin-bottom: 20px; } .browse-section .brower-box > div { border-radius: 15px; background-color: #E5F6FD; height: 100%; padding: 15px; } .browse-section .brower-box > div .brower-img { background-color: #1C71EF; width: 70px; height: 70px; border-radius: 50%; margin: 0 auto 20px; } .browse-section .brower-box > div .brower-img img { width: auto; } .browse-section .brower-box > div h4 { font-size: 16px; font-weight: 600; color: #2264C5; } .browse-section .brower-box > div p { font-size: 14px; font-weight: 500; color: #E74E84; margin: 0; } @media (max-width: 767.98px) { .doctor-divison .d-flex { display: block !important; } } .doctor-divison .doc-background { background: url(../img/shapes/doctor-bg.jpg); background-position: center; min-height: 350px; background-size: cover; padding: 40px 30px; flex-direction: column; position: relative; z-index: 1; } @media (max-width: 991.98px) { .doctor-divison .doc-background { min-height: 250px; } } @media (max-width: 767.98px) { .doctor-divison .doc-background { padding: 20px 15px; min-height: 200px; } } .doctor-divison .doc-background::before { content: ""; background: rgba(61, 59, 59, 0.84); z-index: -1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .doctor-divison h3 { font-size: 28px; color: #ffffff; font-weight: 700; margin-bottom: 20px; } @media (max-width: 991.98px) { .doctor-divison h3 { font-size: 20px; } } @media (max-width: 767.98px) { .doctor-divison h3 { font-size: 16px; } } @media (max-width: 479.98px) { .doctor-divison h3 { font-size: 14px; margin-bottom: 15px; } } .doctor-divison p { font-size: 14px; color: #ffffff; margin-bottom: 30px; } @media (max-width: 991.98px) { .doctor-divison p { font-size: 12px; } } @media (max-width: 767.98px) { .doctor-divison p { font-size: 11px; } } @media (max-width: 479.98px) { .doctor-divison p { font-size: 10px; margin-bottom: 20px; } } .doctor-divison .doc-bok-btn { font-size: 14px; padding: 6px 12px; color: #ffffff; background-color: #1C71EF; border-radius: 30px; width: 100px; text-align: center; } @media (max-width: 479.98px) { .doctor-divison .doc-bok-btn { font-size: 12px; padding: 5px 10px; } } .doctor-divison .doc-bok-btn:hover { color: #1C71EF; background: #ffffff; } .doctor-divison .pat-background { background: url(../img/shapes/doctor-right-bg.jpg); background-position: center; min-height: 350px; background-size: cover; padding: 40px 30px; flex-direction: column; position: relative; z-index: 1; } @media (max-width: 991.98px) { .doctor-divison .pat-background { min-height: 250px; } } @media (max-width: 767.98px) { .doctor-divison .pat-background { padding: 20px 15px; min-height: 200px; } } .doctor-divison .pat-background.pat-background::before { content: ""; background: rgba(28, 113, 239, 0.9); z-index: -1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .doctor-divison .pat-background .doc-bok-btn { background-color: #1B5D92; } .doctor-divison .pat-background .doc-bok-btn:hover { color: #1C71EF; background: #ffffff; } .book-section { background: url(../img/special-banner.jpg); padding: 60px 0; background-size: cover; background-repeat: no-repeat; } @media (max-width: 767.98px) { .book-section { padding: 40px 0; } } .book-section .book-best-doctors { margin-bottom: 30px; } .book-section .book-best-doctors .book-header img { border-radius: 10px 10px 0px 0px; width: 100%; } .book-section .book-best-doctors .book-header .img-overlay { background: #13a5e5; border-radius: 50%; color: #ffffff; font-weight: 700; font-size: 14px; width: 25px; height: 25px; position: absolute; top: 10px; right: 20px; } .book-section .book-best-doctors .book-header .img-overlay i { font-size: 12px; } .book-section .book-best-doctors .doctors-body { background-color: #ffffff; padding: 0; box-shadow: 0px -6px 54px rgba(152, 152, 152, 0.25); border-radius: 0; } .book-section .book-best-doctors .doctors-body .inner-section { padding: 15px 15px 0; } .book-section .book-best-doctors .doctors-body .inner-section > span { color: #E74E84; font-size: 14px; } @media (max-width: 767.98px) { .book-section .book-best-doctors .doctors-body .inner-section > span { font-size: 12px; } } .book-section .book-best-doctors .doctors-body .rating { font-size: 12px; } .book-section .book-best-doctors .doctors-body .rating i { font-size: 10px; color: #dfdfdf; margin-bottom: 10px; } .book-section .book-best-doctors .doctors-body .rating i.filled { color: #FED35D; } .book-section .book-best-doctors .doctors-body .rating .average-ratings { background-color: #FED35D; font-size: 11px; font-weight: 700; } @media (max-width: 991.98px) { .book-section .book-best-doctors .doctors-body .rating .average-ratings { font-size: 10px; margin: 0 0 0 7px; padding: 1px 8px; } } .book-section .book-best-doctors .doctors-body h4 { color: #22396B; text-transform: uppercase; font-size: 20px; margin-bottom: 5px; font-weight: 600; } @media (max-width: 991.98px) { .book-section .book-best-doctors .doctors-body h4 { font-size: 18px; } } @media (max-width: 479.98px) { .book-section .book-best-doctors .doctors-body h4 { font-size: 16px; } } .book-section .book-best-doctors .doctors-body p { font-size: 12px; font-weight: 600; } .book-section .book-best-doctors .loc-details { background-color: #f6faff; margin: 15px 0 0; padding: 15px 10px 0; } .book-section .book-best-doctors .loc-details .d-flex { margin-bottom: 15px; } .book-section .book-best-doctors .loc-details img { color: #22396B; width: auto; margin-right: 10px; } @media (max-width: 479.98px) { .book-section .book-best-doctors .loc-details img { margin-right: 6px; } } .book-section .book-best-doctors .available-info { font-weight: 500; font-size: 11px; text-transform: uppercase; clear: both; display: block; margin: 0; color: #757575; } @media (max-width: 479.98px) { .book-section .book-best-doctors .available-info { font-size: 11px; } } .book-section .book-best-doctors .data-info { font-weight: 400; font-size: 11px; color: #2264C5; } @media (max-width: 479.98px) { .book-section .book-best-doctors .data-info { font-size: 10px; } } .book-section .book-best-doctors .amt-txt { color: #1C5B91; font-size: 18px; font-weight: 600; } @media (max-width: 991.98px) { .book-section .book-best-doctors .amt-txt { font-size: 16px; } } @media (max-width: 479.98px) { .book-section .book-best-doctors .amt-txt { font-size: 14px; } } .book-section .book-best-doctors .book-btn { font-size: 14px; padding: 6px 12px; color: #ffffff; background-color: #1C71EF; border-radius: 30px; width: 100px; text-align: center; float: right; border: none; } @media (max-width: 479.98px) { .book-section .book-best-doctors .book-btn { font-size: 12px; padding: 5px 10px; width: 80px; } } .book-section .book-best-doctors .book-btn:hover { background-color: #1C5B91; } .average-ratings { background: #1C5B90; border-radius: 70px; color: #ffffff; margin: 0 0 0 10px; padding: 1px 15px; } .latest-blog { background-color: #f4fcff; padding: 60px 0 30px; } @media (max-width: 767.98px) { .latest-blog { padding: 40px 0 10px; } } .latest-blog .blog-wrap { margin-bottom: 30px; background-color: #ffffff; border-radius: 10px 10px 0px 0px; } .latest-blog .blog-wrap img { border-radius: 10px; width: 100%; } .latest-blog .blog-wrap .blog-wrap-body { padding: 20px 15px; background-color: #ffffff; } .latest-blog .blog-wrap .blog-wrap-body h3 { font-size: 20px; font-weight: 600; margin-bottom: 15px; } @media (max-width: 991.98px) { .latest-blog .blog-wrap .blog-wrap-body h3 { font-size: 18px; } } @media (max-width: 479.98px) { .latest-blog .blog-wrap .blog-wrap-body h3 { font-size: 16px; } } .latest-blog .blog-wrap .blog-wrap-body h3 a:hover { color: #1C5B91; } .latest-blog .blog-wrap .blog-wrap-body p { font-size: 14px; color: #737373; } @media (max-width: 479.98px) { .latest-blog .blog-wrap .blog-wrap-body p { font-size: 12px; } } .latest-blog .blog-wrap .blog-wrap-body .blog-footer { border-top: 1px solid #1b70ee; padding: 15px 0 0; } .latest-blog .blog-wrap .blog-wrap-body .blog-footer .read-txt { color: #1b70ee; font-size: 14px; font-weight: 600; } @media (max-width: 479.98px) { .latest-blog .blog-wrap .blog-wrap-body .blog-footer .read-txt { font-size: 12px; } } .latest-blog .blog-wrap .blog-wrap-body .blog-footer .read-txt i { margin: 2px 6px; position: absolute; top: 3px; } .latest-blog .blog-wrap .blog-wrap-body .blog-footer .cal-txt { color: #1b70ee; font-size: 14px; font-weight: 600; } @media (max-width: 479.98px) { .latest-blog .blog-wrap .blog-wrap-body .blog-footer .cal-txt { font-size: 12px; } } .latest-blog .blog-wrap .blog-wrap-body .blog-footer .cal-txt i { margin: 2px 6px; } .browse-section.brower-category { padding: 60px 0; background: url(../img/slider/banner-02.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; } @media (max-width: 991.98px) { .browse-section.brower-category { padding: 40px 0 20px; } } .browse-section.brower-category .heading-wrapper h1 { color: #E5F6FD; } .browse-section.brower-category .brower-box { text-align: center; border-radius: 10px; border: 6px solid #ffffff; background-color: #ffffff; margin-bottom: 20px; } .browse-section.brower-category .brower-box > div { background-color: #F2F7FF; border-radius: 20px 20px 0px 0px; } .browse-section.brower-category .brower-box > div .brower-img { background-color: #28DAF4; margin-bottom: 40px; } .browse-section.brower-category .brower-box > div h4 { color: #28DAF4; } .doctor-divison.provider-select .doc-background { background: url(../img/shapes/doctor-bg.jpg); background-size: cover; padding: 60px 30px; } .doctor-divison.provider-select .doc-background::before { background: rgba(242, 247, 255, 0.94); } @media (max-width: 991.98px) { .doctor-divison.provider-select .doc-background { padding: 40px 30px; } } .doctor-divison.provider-select .doc-background h3 { color: #2357A6; } .doctor-divison.provider-select .doc-background p { color: #4B4B4B; } .doctor-divison.provider-select .pat-background { background: url(../img/shapes/doctor-right-bg.jpg); background-size: cover; padding: 60px 30px; } .doctor-divison.provider-select .pat-background::before { background: rgba(40, 218, 244, 0.9); } @media (max-width: 991.98px) { .doctor-divison.provider-select .pat-background { padding: 40px 30px; } } .doctor-divison.provider-select .pat-background a { background-color: #0CE0FF; } .blogs-section.blog-container { padding: 60px 0; } @media (max-width: 991.98px) { .blogs-section.blog-container { padding: 40px 0 10px; } } .blogs-section.blog-container .blog-wrapper .date-cart { top: 50px; right: 25px; } .blogs-section.blog-container .blog-wrapper .wrap-content-body h3 a { color: #1860CA; } .blogs-section.blog-container .blog-wrapper .wrap-content-body .sp-title { color: #28DAF4; font-size: 14px; } .main-wrapper.home-ten { font-size: 16px; font-family: "Inter", sans-serif; } @media (max-width: 1199.98px) { .main-wrapper.home-ten { font-size: 15px; } } .main-wrapper.home-ten a:hover { color: #0E82FD; } @media (max-width: 991.98px) { .main-wrapper.home-ten .faq-img { display: none; } } .main-wrapper.home-ten h1, .main-wrapper.home-ten h2, .main-wrapper.home-ten h3, .main-wrapper.home-ten h4, .main-wrapper.home-ten h5, .main-wrapper.home-ten h6 { text-transform: capitalize; } .main-wrapper.home-ten .banner-section { background: url(../img/bg/home-10-banner.png); background-repeat: no-repeat; background-position: center; background-size: 100% 101%; background-clip: padding-box; padding: 10px 0 30px; height: 745px; overflow: visible; } .main-wrapper.home-ten .banner-section .banner-content { margin-top: 60px; } @media (max-width: 991.98px) { .main-wrapper.home-ten .banner-section .banner-content { margin-top: 50px; } } @media (max-width: 575.98px) { .main-wrapper.home-ten .banner-section .banner-content { margin-top: 30px; } } .main-wrapper.home-ten .banner-section::after { display: none; } .main-wrapper.home-ten .banner-section h6 { font-size: 16px; margin-bottom: 0; text-transform: capitalize; color: #ffffff; font-weight: 400; } @media (max-width: 991.98px) { .main-wrapper.home-ten .banner-section h6 { margin-bottom: 10px; } } .main-wrapper.home-ten .banner-section h1 { color: #ffffff; max-width: 410px; line-height: 70px; font-weight: 400; } @media (max-width: 991.98px) { .main-wrapper.home-ten .banner-section h1 { max-width: 100%; font-size: 30px; line-height: normal; } } .main-wrapper.home-ten .banner-section h1 span { color: #ffffff; font-weight: 700; font-size: 60px; } @media (max-width: 991.98px) { .main-wrapper.home-ten .banner-section h1 span { font-size: 34px; } } .main-wrapper.home-ten .banner-section p { color: #CCFBF1; max-width: 502px; } @media (max-width: 991.98px) { .main-wrapper.home-ten .banner-section p { max-width: 100%; } } .main-wrapper.home-ten .banner-section .btn { border-radius: 35px; padding: 14px 40px; min-width: 205px; border: 3px solid #ffffff; font-size: 20px; } @media (max-width: 568px) { .main-wrapper.home-ten .banner-section .btn { border-radius: 35px; padding: 5px 10px; min-width: auto; border: 1px solid #ffffff; font-size: 14px; } } .main-wrapper.home-ten .banner-section .btn.plan-btn { background-color: #ffffff; margin-right: 10px; color: #0E82FD; box-shadow: inset 0 0 0 0 #0E82FD; } .main-wrapper.home-ten .banner-section .btn.plan-btn:hover { box-shadow: inset 0 0 0 50px #0E82FD; color: #ffffff; } .main-wrapper.home-ten .banner-section .btn:hover { border-color: #ffffff; } .main-wrapper.home-ten .banner-section .banner-img { position: relative; } .main-wrapper.home-ten .banner-section .banner-img img:nth-child(2) { position: absolute; left: -228px; z-index: -1; top: 0; animation: beat 2.5s ease-in-out infinite; } @keyframes beat { from { transform: scale(1.1); } 50% { transform: scale(1); } to { transform: scale(1.1); } } .main-wrapper.home-ten .banner-section .search-box-one.search-ten { border-radius: 35px; min-width: 100%; display: flex; flex-direction: column; padding: 30px; } @media (max-width: 1399.98px) { .main-wrapper.home-ten .banner-section .search-box-one.search-ten { margin-top: -27px; } } @media (max-width: 991.98px) { .main-wrapper.home-ten .banner-section .search-box-one.search-ten { margin-top: 0px; } } @media (max-width: 575.98px) { .main-wrapper.home-ten .banner-section .search-box-one.search-ten { margin-top: 0px; } } .main-wrapper.home-ten .banner-section .search-box-one.search-ten .search-title { padding-bottom: 24px; display: flex; align-items: center; } .main-wrapper.home-ten .banner-section .search-box-one.search-ten .search-title h5 { font-weight: 700; margin-right: 10px; } .main-wrapper.home-ten .banner-section .search-box-one.search-ten .search-input-ten { display: flex; align-items: center; } @media (max-width: 991.98px) { .main-wrapper.home-ten .banner-section .search-box-one.search-ten .search-input-ten { margin-bottom: 20px; } } .main-wrapper.home-ten .banner-section .search-box-one.search-ten .search-input-ten .forms-block { width: 100%; } .main-wrapper.home-ten .banner-section .search-box-one.search-ten .search-input-ten .forms-block .form-control { min-height: 40px; } .main-wrapper.home-ten .banner-section .search-box-one.search-ten .search-input-ten span { width: 40px; height: 40px; background: #F0FDFA; display: flex; align-items: center; justify-content: center; border-radius: 5px; margin-right: 10px; flex-shrink: 0; } .main-wrapper.home-ten .banner-section .search-box-one.search-ten .form-search-btn.search-btn-ten { padding-top: 0; } @media (max-width: 991.98px) { .main-wrapper.home-ten .banner-section .search-box-one.search-ten .form-search-btn.search-btn-ten { width: 100%; } } .main-wrapper.home-ten .banner-section .search-box-one.search-ten .form-search-btn.search-btn-ten .btn { min-width: 100%; padding: 10px 50px; font-size: 14px; border: 1px solid #0E82FD; } @media (max-width: 991.98px) { .main-wrapper.home-ten .banner-section .search-box-one.search-ten .form-search-btn.search-btn-ten .btn { min-width: auto; padding: 10px 0; font-size: 14px; width: 100%; } } .main-wrapper.home-ten .section-header-one { margin-bottom: 50px; text-align: center; } .main-wrapper.home-ten .section-header-one h2 { font-size: 40px; font-weight: 600; color: #1F2937; margin-bottom: 0; } .main-wrapper.home-ten .section-header-one h2 span { color: #0E82FD; } @media (max-width: 991.98px) { .main-wrapper.home-ten .section-header-one h2 { font-size: 34px; } } @media (max-width: 767.98px) { .main-wrapper.home-ten .section-header-one h2 { font-size: 26px; } } .main-wrapper.home-ten .section-header-one .section-title { display: inline-block; position: relative; } .main-wrapper.home-ten .section-header-one .section-title::before { display: none !important; } .main-wrapper.home-ten .section-header-one h5 { font-weight: 600; font-size: 18px; color: #0E82FD; margin-bottom: 10px; } @media (max-width: 991.98px) { .main-wrapper.home-ten .section-header-one { margin-bottom: 40px; } } .main-wrapper.home-ten .specialities-section-one { position: relative; } .main-wrapper.home-ten .specialities-section-one .floating-bg img { position: absolute; right: 10px; top: 50%; animation: beat 1.5s ease-in-out infinite; } @media (max-width: 991.98px) { .main-wrapper.home-ten .specialities-section-one .floating-bg img { display: none; } } .main-wrapper.home-ten .specialities-section-one .specialities-block ul { list-style: none; display: flex; padding: 0; flex-wrap: wrap; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li { margin-right: 24px; width: calc(20% - 24px); } @media (max-width: 991.98px) { .main-wrapper.home-ten .specialities-section-one .specialities-block ul li { width: 45%; margin: 0 10px 20px; } } @media (max-width: 568px) { .main-wrapper.home-ten .specialities-section-one .specialities-block ul li { width: 100%; margin: 0 0 40px; } } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li:last-child { margin-right: 0; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-item { background: #ffffff; border: none; border-radius: 35px; height: 195px; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.03); margin: 0; padding: 20px; cursor: pointer; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-item:hover { background: #ffffff; border-color: #0E82FD; box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.08); -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-item:hover .specialities-img .hexogen { -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-item:hover .specialities-img .hexogen img { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-item p { font-weight: 600; font-size: 16px; color: #2F353C; margin-bottom: 0; max-width: 180px; text-align: center; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-img { padding-bottom: 18px; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-img .hexogen { background: #ffffff; border: none; width: 87px; height: 100px; background-image: url("../img/icons/hex-shape.png"); background-repeat: no-repeat; background-position: center; border-radius: 0; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-img .hexogen img { width: auto; -webkit-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; } .main-wrapper.home-ten .service-section { padding: 80px 0 56px; position: relative; overflow: hidden; z-index: 1; } .main-wrapper.home-ten .service-section::after { content: ""; background: url(../img/bg/service-bg.png); background-size: cover; background-repeat: no-repeat; background-position: top; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } @media (max-width: 767.98px) { .main-wrapper.home-ten .service-section { padding: 40px 26px; } } .main-wrapper.home-ten .listing-card { background-color: #ffffff; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.03); border-radius: 35px; padding: 20px; display: flex; flex-direction: column; margin-bottom: 24px; } .main-wrapper.home-ten .listing-card .listing-img { position: relative; margin: 0 0 20px 0; overflow: hidden; border-radius: 20px; } .main-wrapper.home-ten .listing-card .listing-img img { position: relative; border-radius: 20px; -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); width: 100%; } .main-wrapper.home-ten .listing-card .listing-img:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .main-wrapper.home-ten .listing-card .listing-img:hover::before { -webkit-animation: circle 1s; animation: circle 1s; } .main-wrapper.home-ten .listing-card .listing-img::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ""; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); border-radius: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); opacity: 0; } .main-wrapper.home-ten .listing-card .listing-img .fav-item { position: absolute; top: 10px; right: 10px; } .main-wrapper.home-ten .listing-card .listing-img .fav-item .fav-icon { height: 30px; width: 30px; border-radius: 50%; background-color: #ffffff; display: flex; align-items: center; justify-content: center; } .main-wrapper.home-ten .listing-card .listing-img .fav-item .fav-icon i { color: #A29FC0; } .main-wrapper.home-ten .listing-card .listing-img .fav-item.selected .fav-icon { background-color: #0E82FD; } .main-wrapper.home-ten .listing-card .listing-img .fav-item.selected .fav-icon i { color: #ffffff; } .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-title h3 { font-size: 20px; font-weight: 600; margin-bottom: 10px; } .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-profile-details { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 575.98px) { .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-profile-details { align-items: start; flex-direction: column; } } .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-profile-details .listing-user { display: flex; align-items: center; } .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-profile-details .listing-user .listing-profile-img { height: 48px; width: 48px; overflow: hidden; border-radius: 50%; margin-right: 10px; flex-shrink: 0; } .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-profile-details .listing-user .listing-user-details span { color: #9CA3AF; font-size: 14px; } .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-profile-details .listing-user .listing-user-details h6 { margin-bottom: 0; font-weight: 400; font-size: 16px; } @media (max-width: 575.98px) { .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-profile-details .listing-btn { width: 100%; margin-top: 15px; } } .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-profile-details .listing-btn .consult-btn { padding: 6px 30px 6px 30px; background-color: #0E82FD; font-weight: 500; font-size: 16px; border-radius: 35px; box-shadow: inset 0 0 0 0 #ffffff; transition: all 0.7s; color: #ffffff; } .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-profile-details .listing-btn .consult-btn:hover { box-shadow: inset 0 0 0 50px #ffffff; color: #0E82FD; } @media (max-width: 991.98px) { .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-profile-details .listing-btn .consult-btn { padding: 6px 12px 6px 12px; font-size: 17px; } } @media (max-width: 575.98px) { .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-profile-details .listing-btn .consult-btn { width: 100%; } } .main-wrapper.home-ten .need-to-know-section { padding: 80px 0; position: relative; } .main-wrapper.home-ten .need-to-know-section .floating-bg img { position: absolute; left: 10px; top: 50%; animation: beat 1.5s ease-in-out infinite; } @media (max-width: 991.98px) { .main-wrapper.home-ten .need-to-know-section .floating-bg { display: none; } } @media (max-width: 991.98px) { .main-wrapper.home-ten .need-to-know-section { padding: 60px 0; } } .main-wrapper.home-ten .need-to-know-section .section-header-one { text-align: left; margin-bottom: 0; } .main-wrapper.home-ten .need-to-know-section .section-header-one ul { padding: 30px 0; } .main-wrapper.home-ten .need-to-know-section .section-header-one ul li { margin-right: 10px; } @media (max-width: 575.98px) { .main-wrapper.home-ten .need-to-know-section .section-header-one ul li { margin: 0 10px 10px 0; } } .main-wrapper.home-ten .need-to-know-section .section-header-one ul li:last-child { margin-right: 0; } .main-wrapper.home-ten .need-to-know-section .section-header-one ul li .tag-list { padding: 10px 20px; border-radius: 35px; background: #F8FAFC; font-weight: 600; color: #9CA3AF; text-transform: capitalize; } .main-wrapper.home-ten .need-to-know-section .section-header-one ul li .tag-list.active { background: #F1F5F9; color: #0E82FD; } .main-wrapper.home-ten .need-to-know-section .section-header-one .need-to-know-content h3 { margin-bottom: 34px; font-weight: 600; } .main-wrapper.home-ten .need-to-know-section .section-header-one .need-to-know-content p { line-height: 29px; margin-bottom: 30px; } .main-wrapper.home-ten .need-to-know-section .section-header-one .need-to-know-content .need-to-know-content-btn { border-radius: 35px; padding: 10px 30px; border: 2px solid #0E82FD; font-size: 14px; color: #0E82FD; box-shadow: inset 0 0 0 0 #0E82FD; transition: all 0.7s; } .main-wrapper.home-ten .need-to-know-section .section-header-one .need-to-know-content .need-to-know-content-btn:hover { box-shadow: inset 0 0 0 50px #0E82FD; color: #ffffff; } .main-wrapper.home-ten .need-to-know-section .gallery-box-block { display: flex; } @media (max-width: 991.98px) { .main-wrapper.home-ten .need-to-know-section .gallery-box-block { display: none !important; } } .main-wrapper.home-ten .need-to-know-section .gallery-box-block .box-detail { width: 195px; height: 202px; border-radius: 35px; overflow: hidden; margin-bottom: 10px; } @media (max-width: 1199.98px) { .main-wrapper.home-ten .need-to-know-section .gallery-box-block .box-detail { width: 140px; height: auto; } } .main-wrapper.home-ten .need-to-know-section .gallery-box-block .box-detail:last-child { margin-bottom: 0; } .main-wrapper.home-ten .need-to-know-section .gallery-box-block .gallery-box-left { padding-top: 30px; } .main-wrapper.home-ten .need-to-know-section .gallery-box-block .gallery-box-left .box-detail { margin-right: 10px; } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .floating-bg img { position: absolute; right: 10px; top: 50%; animation: beat 1.5s ease-in-out infinite; } @media (max-width: 991.98px) { .main-wrapper.home-ten .need-to-know-section.steps-to-follow .floating-bg { display: none; } } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block { display: flex; } @media (max-width: 1199.98px) { .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block { flex-direction: column; align-items: center; } } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block .box-detail { width: 240px; height: 223px; border-radius: 35px; overflow: hidden; margin-bottom: 24px; padding: 30px; box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.08); display: flex; align-items: center; justify-content: center; } @media (max-width: 1399.98px) { .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block .box-detail { max-width: 210px; max-height: 203px; } } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block .box-detail:last-child { margin-bottom: 0; } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block .box-detail .steps-list-box { position: relative; } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block .box-detail .steps-list-box .steps-list-img { width: 140px; height: 60px; margin: auto; } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block .box-detail .steps-list-box h6 { font-weight: 600; font-size: 18px; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block .box-detail .steps-list-box p { text-align: center; margin-bottom: 0; } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block .box-detail .steps-list-box span { color: #0E82FD; font-weight: 700; font-size: 30px; position: absolute; left: 50%; transform: translate(-50%, 12%); } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block .gallery-box-left { padding-top: 30px; } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block .gallery-box-left .box-detail { margin-left: 24px; margin-right: 0; } @media (max-width: 1199.98px) { .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block .gallery-box-left .box-detail { margin-left: 0; } } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .section-header-one .need-to-know-content { margin-top: 50px; } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .section-header-one .need-to-know-content .need-to-know-content-btn { border-radius: 35px; padding: 10px 30px; border: 3px solid #0E82FD; font-size: 18px; font-weight: 500; color: #0E82FD; box-shadow: inset 0 0 0 0 #0E82FD; transition: all 0.7s; } @media (max-width: 991.98px) { .main-wrapper.home-ten .need-to-know-section.steps-to-follow .section-header-one .need-to-know-content .need-to-know-content-btn { font-size: 16px; } } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .section-header-one .need-to-know-content .need-to-know-content-btn:hover { box-shadow: inset 0 0 0 50px #0E82FD; color: #ffffff; } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .section-header-one .need-to-know-content .need-to-know-content-btn.book-btn { background-color: #0E82FD; color: #ffffff; box-shadow: inset 0 0 0 0 #ffffff; } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .section-header-one .need-to-know-content .need-to-know-content-btn.book-btn:hover { box-shadow: inset 0 0 0 50px #ffffff; color: #0E82FD; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten { background-color: #F8FAFC; background-image: url("../img/bg/map.png"); background-repeat: no-repeat; background-size: cover; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .floating-bg img { position: absolute; left: 10px; top: 50%; animation: beat 1.5s ease-in-out infinite; } @media (max-width: 991.98px) { .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .floating-bg { display: none; } } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .section-header-one h2 { margin-bottom: 30px; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .section-header-one .need-to-know-content p { margin-bottom: 30px; } @media (max-width: 991.98px) { .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .section-header-one .need-to-know-content .patient-rating-block .patient-rating { margin-bottom: 20px; } } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .section-header-one .need-to-know-content .patient-rating-block .patient-rating .circle-rating { margin-bottom: 12px; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .section-header-one .need-to-know-content .patient-rating-block .patient-rating .circle-rating i { color: #FFCA42; margin-right: 5px; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .section-header-one .need-to-know-content .patient-rating-block .patient-rating .circle-rating i:last-child { margin-right: 0px; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .section-header-one .need-to-know-content .patient-rating-block .patient-rating .circle-rating span { margin-left: 10px; color: #9CA3AF; font-size: 14px; font-weight: 600; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .section-header-one .need-to-know-content .patient-rating-block .patient-rating h5 { margin-bottom: 0; color: #1E293B; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .testimonial-card { color: #ffffff; background-color: #ffffff; padding: 20px; box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.08); border-radius: 35px; margin-bottom: 24px; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .testimonial-card:last-child { margin-bottom: 0; } @media (max-width: 991.98px) { .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .testimonial-card:last-child { margin-bottom: 15px; } } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .testimonial-card .testimonial-user-details { display: flex; align-items: center; margin-bottom: 20px; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .testimonial-card .testimonial-user-details .testimonial-user-img { width: 85px; height: 85px; overflow: hidden; margin-right: 20px; border-radius: 50%; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .testimonial-card .testimonial-user-details .testimonial-user-name .circle-rating i { color: #FFCA42; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .testimonial-card .testmonial-user-coments p { color: #6B7280; font-size: 14px; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .main-wrapper.home-ten .our-doctor-section { padding: 80px 0 56px; position: relative; background: #F8FAFC; z-index: 0; } @media (max-width: 767.98px) { .main-wrapper.home-ten .our-doctor-section { padding: 40px 26px; } } .main-wrapper.home-ten .our-doctor-section .section-floating-bg { z-index: -2; } .main-wrapper.home-ten .our-doctor-section .section-floating-bg img { position: absolute; } .main-wrapper.home-ten .our-doctor-section .section-floating-bg img:nth-child(1) { top: 0; left: 0; } .main-wrapper.home-ten .our-doctor-section .section-floating-bg img:nth-child(2) { bottom: 0; right: 0; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap { background: #ffffff; border-radius: 39px; padding: 3px; transition: all 0.5s; position: relative; margin-bottom: 24px; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap:hover { background-image: linear-gradient(to bottom, #8AF0FF, #fff); box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.08); } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card { background-color: #ffffff; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.03); border-radius: 35px; padding: 20px; display: flex; flex-direction: column; transition: all 0.5s; margin-bottom: 0; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img { position: relative; margin: 0 0 20px 0; overflow: hidden; border-radius: 20px; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img img { position: relative; border-radius: 20px; -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); width: 100%; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img:hover::before { -webkit-animation: circle 1s; animation: circle 1s; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ""; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); border-radius: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); opacity: 0; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img .fav-item { position: absolute; top: 10px; right: 0; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 10px; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img .fav-item .featured-rating { background: #FBBF24; border-radius: 6px; color: #ffffff; padding: 3px 5px; display: flex; align-items: center; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img .fav-item .featured-rating i, .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img .fav-item .featured-rating span { font-size: 13px; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img .fav-item .featured-rating i { margin-right: 5px; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img .fav-item .fav-icon { height: 30px; width: 30px; border-radius: 50%; background-color: #ffffff; display: flex; align-items: center; justify-content: center; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img .fav-item .fav-icon i { color: #A29FC0; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img .fav-item.selected .fav-icon { background-color: #0E82FD; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img .fav-item.selected .fav-icon i { color: #ffffff; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-title h3 { font-size: 20px; font-weight: 600; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-category { display: flex; align-items: center; margin-bottom: 15px; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-category .listing-category-tag { padding: 5px 10px; transition: all 0.5s; font-size: 14px; font-weight: 500; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-category .listing-category-tag:hover { transform: translateY(-5px); box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.08); } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-category .listing-category-tag.tag-green { background: #CCFBF1; color: #14B8A6; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-category .listing-category-tag.tag-purple { background: #DDD6FE; color: #7C3AED; margin-left: 10px; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-category .listing-category-tag.tag-red { background: #FDF2F8; color: #EC4899; margin-right: 10px; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details { display: flex; align-items: start; justify-content: start; flex-direction: column; position: relative; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details .listing-floating-img { position: absolute; bottom: 0; right: 0; } @media (max-width: 1399.98px) { .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details .listing-floating-img { display: none; } } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details .listing-user { display: flex; align-items: center; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details .listing-user .listing-profile-img { height: 48px; width: 48px; overflow: hidden; border-radius: 50%; margin-right: 10px; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details .listing-user .listing-user-details span { color: #9CA3AF; font-size: 14px; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details .listing-user .listing-user-details h6 { margin-bottom: 0; font-weight: 600; font-size: 20px; } @media (max-width: 575.98px) { .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details .listing-user .listing-user-details h6 { font-size: 17px; } } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details .listing-btn { margin-top: 15px; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details .listing-btn .consult-btn { padding: 6px 30px 6px 30px; background-color: #0E82FD; font-weight: 500; font-size: 16px; border-radius: 35px; box-shadow: inset 0 0 0 0 #ffffff; transition: all 0.7s; color: #ffffff; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details .listing-btn .consult-btn:hover { box-shadow: inset 0 0 0 50px #ffffff; color: #0E82FD; } @media (max-width: 575.98px) { .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details .listing-btn .consult-btn { font-size: 17px; } } .main-wrapper.home-ten .book-appointment-section { padding: 80px 0; position: relative; } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten { padding: 50px; background: #0E82FD; border-radius: 35px; position: relative; overflow: hidden; } @media (max-width: 575.98px) { .main-wrapper.home-ten .book-appointment-section .book-appointment-ten { padding: 20px; } } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .book-section-bg img { position: absolute; } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .book-section-bg img:nth-child(1) { left: 0; bottom: 0; } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .book-section-bg img:nth-child(2) { right: 0; bottom: 6%; } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .book-section-bg img:nth-child(3) { right: 160px; top: 100px; } @media (max-width: 991.98px) { .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .book-section-bg { display: none; } } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten h2 { color: #ffffff; margin-bottom: 24px; } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten p { max-width: 725px; margin: auto; margin-bottom: 50px; color: #ffffff; } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .appointment-btn-group { display: flex; justify-content: center; position: relative; } @media (max-width: 568px) { .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .appointment-btn-group { flex-direction: column; } } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .appointment-btn-group a { padding: 14px 40px; border-radius: 35px; border: 2px solid #ffffff; font-size: 18px; font-weight: 500; color: #ffffff; box-shadow: inset 0 0 0 0 #ffffff; transition: all 0.7s; } @media (max-width: 991.98px) { .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .appointment-btn-group a { padding: 14px 20px; border: 1px solid #ffffff; font-size: 15px; } } @media (max-width: 575.98px) { .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .appointment-btn-group a { padding: 10px 20px; } } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .appointment-btn-group a:hover { box-shadow: inset 0 0 0 50px #ffffff; color: #0E82FD; } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .appointment-btn-group a.appointment-blue-btn { background-color: #ffffff; color: #0E82FD; box-shadow: inset 0 0 0 0 #0E82FD; border: 2px solid #ffffff; margin-right: 10px; } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .appointment-btn-group a.appointment-blue-btn:hover { box-shadow: inset 0 0 0 50px #0E82FD; color: #ffffff; } @media (max-width: 568px) { .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .appointment-btn-group a.appointment-blue-btn { margin-right: 0; margin-bottom: 10px; } } .main-wrapper.home-ten .pricing-section.pricing-section-ten { position: relative; z-index: 1; } .main-wrapper.home-ten .pricing-section.pricing-section-ten::after { content: ""; background: url(../img/bg/pricing-bg.png); background-size: cover; background-repeat: no-repeat; background-position: top; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .section-header-one h2 { margin-bottom: 24px; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .section-header-one .options-group { display: flex; justify-content: center; align-items: center; } @media (max-width: 568px) { .main-wrapper.home-ten .pricing-section.pricing-section-ten .section-header-one .options-group { flex-direction: column; } } .main-wrapper.home-ten .pricing-section.pricing-section-ten .section-header-one .options-group span { color: #1F2937; font-weight: 500; font-size: 18px; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .section-header-one .options-group span .discount-plan { background: #FFC001; border-radius: 35px; color: #ffffff; padding: 5px 10px; font-size: 14px; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .section-header-one .form-check { width: 30px; margin-bottom: 0; margin: 0 17px 0 17px; } @media (max-width: 568px) { .main-wrapper.home-ten .pricing-section.pricing-section-ten .section-header-one .form-check { margin: 15px 0 15px 0; } } .main-wrapper.home-ten .pricing-section.pricing-section-ten .section-header-one .form-check.form-switch { padding: 0; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .section-header-one .form-check.form-switch .form-check-input { transition: all 0.5s; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .section-header-one .form-check .form-check-input { float: right !important; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .section-header-one .form-check .form-check-input:focus { box-shadow: none !important; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card { background: #ffffff; border-radius: 35px; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card .pricing-btn { margin-bottom: 30px; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card .pricing-btn .btn { color: #0E82FD; box-shadow: inset 0 0 0 0 #0E82FD; padding: 14px 40px; background: #ffffff; border-radius: 35px; transition: all 0.5s; border: 2px solid #0E82FD; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card .pricing-btn .btn:hover { box-shadow: inset 0 0 0 50px #0E82FD; color: #ffffff; border: 2px solid #ffffff; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card .pricing-info .pricing-amount span { font-weight: 600; color: #9CA3AF; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card .pricing-info .pricing-list { padding-bottom: 30px; border-bottom: 1px solid #E2E8F0; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card .pricing-info .pricing-list ul li::before { content: "\f21e"; color: #0E82FD; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card .pricing-info .pricing-list.pricing-list-two { border-bottom: none; padding: 30px 0 0 0; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card .pricing-info .pricing-list.pricing-list-two ul li::before { content: "+"; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active { background: #0E82FD; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-header .pricing-header-info { position: relative; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-header .pricing-header-info .pricing-tag img { position: absolute; right: 0; top: 0; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-header .pricing-header-info .pricing-title h4 { font-weight: 700; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-info .pricing-amount span { color: #ffffff; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-info .pricing-btn { margin-bottom: 30px; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-info .pricing-btn .btn { color: #0E82FD; box-shadow: inset 0 0 0 0px #0E82FD; padding: 14px 40px; border-radius: 35px; transition: all 0.5s; border: 2px solid #ffffff; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-info .pricing-btn .btn:hover { box-shadow: inset 0 0 0 50px #0E82FD; color: #ffffff; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-info .pricing-list { padding-bottom: 30px; border-bottom: 1px solid #F1F5F9; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-info .pricing-list ul li { font-weight: 500; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-info .pricing-list ul li::before { content: "\f21e"; color: #ffffff; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-info .pricing-list.pricing-list-two { border-bottom: none; padding: 30px 0 0 0; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-info .pricing-list.pricing-list-two ul li::before { content: "+"; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card:hover { background: #0E82FD; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card:hover .pricing-amount span { color: #ffffff; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card:hover .pricing-list { border-bottom: 1px solid #F1F5F9; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card:hover .pricing-list ul li::before { color: #ffffff; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card:hover .pricing-list.pricing-list-two { border-bottom: none; padding: 30px 0 0 0; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card:hover .pricing-list.pricing-list-two ul li::before { content: "+"; } .main-wrapper.home-ten .faq-section { position: relative; } .main-wrapper.home-ten .faq-section .floating-bg img { position: absolute; right: 10px; top: 50%; animation: beat 1.5s ease-in-out infinite; } @media (max-width: 991.98px) { .main-wrapper.home-ten .faq-section .floating-bg { display: none; } } .main-wrapper.home-ten .faq-section.faq-section-ten { padding: 80px 0; } @media (max-width: 991.98px) { .main-wrapper.home-ten .faq-section.faq-section-ten { padding: 60px 0; } } .main-wrapper.home-ten .faq-section.faq-section-ten .faq-img { border-radius: 35px; overflow: hidden; } .main-wrapper.home-ten .faq-section.faq-section-ten .faq-img img { width: 100%; } .main-wrapper.home-ten .faq-section.faq-section-ten .section-header-one { text-align: start; } .main-wrapper.home-ten .faq-section.faq-section-ten .faq-info .accordion-item { background: #ffffff; border: 1px solid #E2E8F0; border-radius: 35px; margin: 0 0 24px; padding: 20px; } @media (max-width: 991.98px) { .main-wrapper.home-ten .faq-section.faq-section-ten .faq-info .accordion-item { padding: 10px; } } .main-wrapper.home-ten .faq-section.faq-section-ten .faq-info .accordion-item .accordion-content { padding-left: 45px; } .main-wrapper.home-ten .faq-section.faq-section-ten .faq-info .accordion-button { font-weight: 600; } .main-wrapper.home-ten .faq-section.faq-section-ten .faq-info .accordion-button::after { display: none; } .main-wrapper.home-ten .faq-section.faq-section-ten .faq-info .accordion-button::before { content: "\e9b1"; font-family: "feather"; font-size: 20px; background: none; color: #0E82FD; background: #ffffff; height: 32px; display: flex; justify-content: center; align-items: center; padding-right: 20px; margin-right: 20px; border-right: 1px solid #E2E8F0; } .main-wrapper.home-ten .faq-section.faq-section-ten .faq-info .accordion-button:not(.collapsed)::after { display: none; } .main-wrapper.home-ten .faq-section.faq-section-ten .faq-info .accordion-button:not(.collapsed)::before { content: "\e996"; background: #ffffff; } .main-wrapper.home-ten .faq-section.faq-section-ten .faq-info .accordion-button .accordion-item { border-radius: 35px; } @media (max-width: 568px) { .content-btn-block { flex-wrap: wrap; } .content-btn-block .need-to-know-content-btn { margin-bottom: 10px !important; width: 100%; text-align: center; margin-right: 0 !important; } .footer.footer-one.footer-ten .footer-bottom .copyright { flex-direction: column; } .need-to-know-content .patient-rating { margin-bottom: 15px; } } .body-eleven { font-size: 16px; font-family: "Inter", sans-serif; } @media (max-width: 1199.98px) { .body-eleven { font-size: 15px; } } .doctor-search-section.doctor-search-eleven { background: url(../img/bg/banner-11-bg.png); padding: 115px 0 300px; background-position: bottom center; } .doctor-search-section.doctor-search-eleven .banner-header { margin: 0 0 90px; } .doctor-search-section.doctor-search-eleven .banner-header p { font-size: 16px; font-weight: 500; color: #ffffff; margin: 0 0 10px; padding: 0 0 0 30px; position: relative; } .doctor-search-section.doctor-search-eleven .banner-header p::before { content: ""; position: absolute; top: 50%; left: 0; width: 27px; height: 2px; background-color: #ffffff; } @media (max-width: 767.98px) { .doctor-search-section.doctor-search-eleven .banner-header p { font-size: 14px; } } .doctor-search-section.doctor-search-eleven .banner-header h1 { font-size: 50px; color: #ffffff; font-weight: 700; margin: 0 0 25px; } @media (max-width: 1399.98px) { .doctor-search-section.doctor-search-eleven .banner-header h1 { font-size: 48px; } } @media (max-width: 991.98px) { .doctor-search-section.doctor-search-eleven .banner-header h1 { font-size: 36px; } } @media (max-width: 767.98px) { .doctor-search-section.doctor-search-eleven .banner-header h1 { font-size: 24px; } } @media (max-width: 991.98px) { .doctor-search-section.doctor-search-eleven .banner-header { margin: 0 0 60px; } } @media (max-width: 767.98px) { .doctor-search-section.doctor-search-eleven .banner-header { margin: 0 0 40px; } } .doctor-search-section.doctor-search-eleven .banner-users h6 { color: #000000; font-size: 16px; font-weight: 500; margin: 0 0 15px; } .doctor-search-section.doctor-search-eleven .banner-users h6 img { margin: 0 10px 0 0; } @media (max-width: 767.98px) { .doctor-search-section.doctor-search-eleven .banner-users h6 { font-size: 14px; } } .doctor-search-section.doctor-search-eleven .banner-users ul { margin: 0; padding: 0; } .doctor-search-section.doctor-search-eleven .banner-users ul li { display: inline-block; margin: 0 0 0 -23px; } .doctor-search-section.doctor-search-eleven .banner-users ul li:first-child { margin: 0; } .doctor-search-section.doctor-search-eleven .banner-users ul li img { width: 65px; height: 65px; border-radius: 50%; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); border: 2px solid #ffffff; } @media (max-width: 767.98px) { .doctor-search-section.doctor-search-eleven .banner-users ul li img { width: 50px; height: 50px; } } @media (max-width: 767.98px) { .doctor-search-section.doctor-search-eleven .ban-bg .bg-01, .doctor-search-section.doctor-search-eleven .ban-bg .bg-02 { display: none; } } @media (max-width: 991.98px) { .doctor-search-section.doctor-search-eleven { padding: 115px 0 200px; } } @media (max-width: 767.98px) { .doctor-search-section.doctor-search-eleven { padding: 115px 0 150px; } } @media (max-width: 767.98px) { .ban-bg { display: none; } } .ban-bg img { position: absolute; } .ban-bg img.bg-01 { left: 0; top: 0; animation: bouncing alternate infinite 2s; z-index: -1; } .ban-bg img.bg-02 { right: 0; top: 0; animation: bounce alternate infinite 2s; z-index: -1; } .ban-bg img.bg-03 { right: 10%; bottom: 0; animation: bounceup alternate infinite 2s; } @media (max-width: 767.98px) { .ban-bg img.bg-03 { width: 150px; } } .ban-bg img.bg-04 { bottom: 17%; left: 2%; z-index: -1; } @media (max-width: 1399.98px) { .ban-bg img.bg-04 { left: 1%; } } .ban-bg img.bg-05 { right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: -1; } @keyframes bouncing { to { transform: translateX(5px); } } @keyframes bounce { to { transform: translateX(-5px); } } @keyframes bounceup { to { transform: translateY(-10px); } } .btn-light-blue { background: #0CE0FF; color: #ffffff; box-shadow: inset 0 0 0 0 #ffffff; border-radius: 10px; font-weight: 500; font-size: 18px; padding: 13px 24px; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; } .btn-light-blue:hover { background: #ffffff; color: #1C5B91; box-shadow: inset 0 60px 0 0 #ffffff; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; } @media (max-width: 767.98px) { .btn-light-blue { font-size: 15px; padding: 10px 20px; } } .sec-heading-eye { margin: 0 0 50px; } .sec-heading-eye img { margin: 0 0 15px; } .sec-heading-eye h2 { font-size: 40px; font-weight: 600; color: #1B5A90; margin: 0 0 15px; } .sec-heading-eye h2 span { color: #1F2937; } @media (max-width: 991.98px) { .sec-heading-eye h2 { font-size: 34px; } } @media (max-width: 767.98px) { .sec-heading-eye h2 { font-size: 26px; } } .sec-heading-eye p { font-size: 18px; color: #6B7280; } @media (max-width: 991.98px) { .sec-heading-eye p { font-size: 16px; } } @media (max-width: 991.98px) { .sec-heading-eye { margin-bottom: 30px; } } .special-section { position: relative; padding: 80px 0; } @media (max-width: 991.98px) { .special-section { padding: 40px 0; } } .special-item { margin: 0 0 50px; } .special-item .special-icon { text-align: center; margin: 0 auto 15px; height: 45px; } .special-item .special-icon a { width: 110px; height: 110px; background-color: #1B5A90; border-radius: 100% 0px; transform: rotate(45deg); text-align: center; margin: -70px 0 auto; } .special-item .special-icon a i { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); color: #ffffff; } .special-item h6 { font-weight: 500; font-size: 18px; margin: 0; text-align: center; color: #1F2937; } .special-item h6 a { color: #1F2937; } .special-item h6 a:hover { color: #1B5A90; } .owl-them .owl-nav .owl-prev, .owl-them .owl-nav .owl-next { width: 40px; height: 40px; background: #ffffff !important; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 100px; position: absolute; top: 20%; z-index: 1; } .owl-them .owl-nav .owl-prev:hover, .owl-them .owl-nav .owl-next:hover { background: #1C5B91 !important; color: #ffffff; } .owl-them .owl-nav .owl-prev { left: -20px; } @media (max-width: 991.98px) { .owl-them .owl-nav .owl-prev { left: -10px; } } .owl-them .owl-nav .owl-next { right: -20px; } @media (max-width: 991.98px) { .owl-them .owl-nav .owl-next { right: -10px; } } .owl-them .owl-dots { text-align: center; } .owl-them .owl-dots .owl-dot { margin: 0 5px 0 0; } .owl-them .owl-dots .owl-dot.active span { background: #1B5A90; } .owl-them .owl-dots .owl-dot span { width: 9px; height: 9px; line-height: 12px; margin: 0; background: #D1D5DB; border-radius: 50%; display: block; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .center-section { position: relative; padding: 0 0 80px; } @media (max-width: 991.98px) { .center-section { padding: 0 0 40px; } } @media (max-width: 767.98px) { .center-section { padding: 0 0 16px; } } .center-img { position: relative; margin: 0 20px 0 0; } .center-img .center-service { position: absolute; right: 0; bottom: 30px; background: #ffffff; box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15); border-radius: 100px; padding: 15px; text-align: left; } .center-img .center-service span { width: 40px; height: 40px; background: #1B5A90; color: #ffffff; border-radius: 100px; margin: 0 15px 0 0; flex-shrink: 0; } .center-img .center-service h6 { font-size: 16px; font-weight: 500; color: #1F2937; margin: 0 0 5px; } .center-img .center-service p { margin: 0; } @media (max-width: 991.98px) { .center-img .center-service { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } } @media (max-width: 575.98px) { .center-img .center-service { width: 100%; } } @media (max-width: 991.98px) { .center-img { text-align: center; margin: 0 0 24px 0; } } .center-info .sec-heading-eye { margin: 0 0 15px; } .center-info p { margin: 0 0 15px; } .center-info p:last-child { margin: 0 0 15px; } .care-box span img { margin: 0 0 15px; } .care-box h6 { font-size: 16px; font-weight: 500; color: #1F2937; margin: 0 0 15px; } .care-box a { font-size: 14px; font-weight: 500; color: #1B5A90; } .care-box a:hover { color: #0E82FD; } .care-box a i { margin: 0 0 0 5px; font-size: 12px; } @media (max-width: 991.98px) { .care-box { margin-bottom: 24px; } } .counter-section { background: linear-gradient(90deg, #1B5A90 0%, #13A0CA 66.9%, #0CE0FF 106.51%); padding: 80px 0 56px; position: relative; } @media (max-width: 991.98px) { .counter-section { padding: 40px 0 16px; } } .bg-06 { left: 0; bottom: 0; } .bg-07 { right: 0; bottom: 0; } .count-box { margin: 0 0 24px; } .count-box .count-icon { width: 80px; height: 80px; background: #ffffff; border-radius: 100px; margin: 0 26px 0 0; flex-shrink: 0; } .count-box h3 { font-size: 36px; font-weight: 700; color: #ffffff; margin: 0 0 15px; } @media (max-width: 991.98px) { .count-box h3 { font-size: 30px; } } @media (max-width: 767.98px) { .count-box h3 { font-size: 24px; } } .count-box p { color: #ffffff; margin: 0; } .eyeclinics-section { padding: 80px 0; position: relative; } @media (max-width: 991.98px) { .eyeclinics-section { padding: 40px 0; } } .bg-08 { left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .our-doctors-card.eye-doc { margin: 0 0 50px; } .our-doctors-card.eye-doc .doctors-header { overflow: hidden; } .our-doctors-card.eye-doc .doctors-header img { transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .our-doctors-card.eye-doc .doctors-header:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .our-doctors-card.eye-doc .doctors-body { padding: 15px; } .our-doctors-card.eye-doc .doctors-body h4 { font-weight: 600; margin: 0 0 5px; } .our-doctors-card.eye-doc .doctors-body h4 a { color: #1F2937; } .our-doctors-card.eye-doc .doctors-body h4 a:hover { color: #1B5A90; } .our-doctors-card.eye-doc .doctors-body p { margin: 0 0 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .our-doctors-card.eye-doc .doctors-body h6 { font-size: 14px; margin: 0 0 15px; } .our-doctors-card.eye-doc .doctors-body .rating i.filled { color: #FFAF14; } .our-doctors-card.eye-doc .doctors-body .rating span { font-size: 14px; color: #000000; margin: 0 0 0 8px; } @media (max-width: 991.98px) { .our-doctors-card.eye-doc { margin: 0 0 30px; } } .facilities-section { padding: 80px 0 56px; } @media (max-width: 991.98px) { .facilities-section { padding: 40px 0 16px; } } .facility-box { margin: 0 0 24px; } .facility-box .facility-img { margin: 0 0 15px; } .facility-box .facility-img img { width: 100%; } .our-blog-section.eye-blog { background: linear-gradient(88.66deg, #D6EEFF 1.08%, #F9FDFF 26.56%, #ffffff 76.5%, #E6FCFF 98.92%); } .our-blog-section.eye-blog .our-blogs { border-bottom: 0; border-radius: 0; margin: 0 0 50px; } .our-blog-section.eye-blog .our-blogs .blogs-img { overflow: hidden; } .our-blog-section.eye-blog .our-blogs .blogs-img .blog-inner-img { transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .our-blog-section.eye-blog .our-blogs .blogs-img:hover .blog-inner-img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay { background: rgba(255, 255, 255, 0.9); padding: 10px; border-radius: 0; bottom: 0; width: 100%; } .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay .blog-name img { height: 40px; width: 40px !important; margin-right: 5px; } .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay .blog-name div { width: 60%; } .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay .blog-name div a { margin: 0 0 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; font-weight: normal; } .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay .blog-name div a:hover { color: #0E82FD; } .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay .blog-name div a a { color: #1F2937; } .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay .blog-name div p { font-size: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; } .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay .blog-cat { background: #1B5A90; font-weight: 500; font-size: 13px; padding: 4px 10px; color: #ffffff; } .our-blog-section.eye-blog .our-blogs .blogs-info h4 { margin: 0 0 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .our-blog-section.eye-blog .our-blogs .blogs-info h4 a { color: #1F2937; } .our-blog-section.eye-blog .our-blogs .blogs-info h4 a:hover { color: #1B5A90; } .our-blog-section.eye-blog .our-blogs .blogs-info p { font-size: 16px; color: #6B7280; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .our-blog-section.eye-blog .our-blogs .blogs-info .blogs-btn { font-weight: 500; font-size: 14px; color: #1B5A90; } .our-blog-section.eye-blog .our-blogs .blogs-info .blogs-btn i { margin: 0 0 0 5px; } .our-blog-section.eye-blog .our-blogs .blogs-info .blogs-btn:hover { color: #0E82FD; } .appointment-section { background-color: #1B5A90; position: relative; z-index: 1; padding-top: 325px; } @media (max-width: 767.98px) { .appointment-section { padding-top: 0; } } .appointment-section::before { position: absolute; top: -1px; left: 0; background: url(../img/bg/app-bg.jpg) no-repeat center top; content: ""; width: 100%; height: 100%; top: -1px; z-index: -1; } @media (max-width: 767.98px) { .appointment-section::before { background: none; } } .appointment-form { padding: 80px 0; position: relative; } @media (max-width: 991.98px) { .appointment-form { padding: 40px 0; } } .bg-09 { bottom: 0; right: 15%; } .bg-10 { bottom: 0; left: 3%; } .appointment-form .doctor-search-form .forms-block { margin: 0 0 15px; } .appointment-form .doctor-search-form .forms-block .form-custom input, .appointment-form .doctor-search-form .forms-block .form-custom select { background: #2369A6; box-shadow: none; color: #ffffff; border-radius: 0; min-height: 50px; padding-right: 44px; } .appointment-form .doctor-search-form .forms-block .form-custom input::placeholder, .appointment-form .doctor-search-form .forms-block .form-custom select::placeholder { color: #ffffff; } .appointment-form .doctor-search-form .forms-block .form-custom .select2-container .select2-selection--single { height: 50px; background-color: #2369A6; border-color: #2369A6; } .appointment-form .doctor-search-form .forms-block .form-custom .select2-container .select2-selection--single .select2-selection__rendered { color: #ffffff; } .appointment-form .doctor-search-form .forms-block .form-custom .select2-container .select2-selection--single .select2-selection__rendered .select2-results__option--highlighted[aria-selected] { background-color: #2369A6; } .appointment-form .doctor-search-form .forms-block .form-custom i { color: #ffffff; } .app-btn { border-radius: 100px; margin: 35px 0 0; padding: 11px 26px; } .faq-eye-section { padding: 80px 0; position: relative; } @media (max-width: 991.98px) { .faq-eye-section { padding: 40px 0; } } .faq-wrap ul { display: block; margin: 0; padding: 0; } .faq-wrap ul li { list-style: none; } .faq-wrap ul li a { background: #F0F4F6; margin: 0 0 15px; padding: 15px; color: #1F2937; } .faq-wrap ul li a span { width: 30px; height: 30px; background: #ffffff; border-radius: 100px; margin: 0 10px 0 0; flex-shrink: 0; color: #1F2937; } .faq-wrap ul li a.active { background: #1B5A90; color: #ffffff; } .faq-content img { margin: 0 0 29px; } .faq-content p { margin: 0 0 15px; } .faq-content p:last-child { margin: 0; } .eye-testimonial-section { padding: 80px 0; } @media (max-width: 991.98px) { .eye-testimonial-section { padding: 40px 0; } } .testi-img { position: relative; margin: 43px 0 15px; } .testi-img img { padding: 0 43px 0 0; } .testi-img .testi-icon { width: 86px; height: 86px; background: #0CE0FF; border-radius: 100px; font-size: 16px; color: #ffffff; position: absolute; top: -43px; right: 0; } .testi-users { margin: 0 43px 0 0; } .testi-users ul { margin: 0; padding: 0; } .testi-users ul li { display: inline-block; margin: 0 0 0 -23px; } .testi-users ul li:first-child { margin: 0; } .testi-users ul li img { width: 40px; height: 40px; border-radius: 50%; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); border: 2px solid #ffffff; } @media (max-width: 767.98px) { .testi-users ul li img { width: 50px; height: 50px; } } .testimonial-wrap { position: relative; } .testimonial-wrap h4 { margin: 0 0 30px; } .testimonial-wrap p { margin: 0 0 30px; } .testimonial-wrap .testimonial-user h6 { font-size: 16px; font-weight: 600; color: #1F2937; margin: 0 0 5px; } .testimonial-wrap .testimonial-user p { font-size: 14px; margin: 0; } .testimonial-wrap::before { content: ""; background: url("../img/icons/test-line.svg") no-repeat; position: absolute; right: 0; bottom: 0; width: 84px; height: 14px; } .slide-11 button { background: transparent; border: 0; padding: 0; } .slide-11 button.owl-next { margin: 0 0 0 10px; } .store-section { padding: 80px 0; position: relative; background: #F0F4F7 url("../img/bg/store-bg.png") no-repeat; background-position: top right; } .store-tab { margin: 0 0 35px; } @media (max-width: 568px) { .store-tab { flex-direction: column; } } .store-tab li { display: inline-block; margin: 0 0 15px 15px; } .store-tab li:first-child { margin-left: 0; } @media (max-width: 568px) { .store-tab li { margin-left: 0; } } .store-tab li a { padding: 10px 15px; background: #ffffff; border-radius: 100px; color: #1F2937; display: inline-block; } .store-tab li a.active, .store-tab li a:hover { background: #1B5A90; color: #ffffff; } @media (max-width: 568px) { .store-tab li a { width: 100%; text-align: center; } } .store-item { margin: 0 0 50px; padding: 15px; background: #ffffff; } .store-item .store-img { position: relative; overflow: hidden; margin: 0 0 15px; } .store-item .store-img img { transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .store-item .store-img .glass-cat { background: #0CE0FF; color: #ffffff; font-size: 14px; padding: 5px 10px; position: absolute; top: 0; right: 0; } .store-item .store-img:hover img { transform: scale(1.1) rotate(0); -webkit-transform: scale(1.1) rotate(0); -ms-transform: scale(1.1) rotate(0); } .store-item .store-content .store-cat { background: #1B5A90; display: inline-block; color: #ffffff; font-size: 12px; margin: 0 0 5px; padding: 1px 5px; } .store-item .store-content h4 { font-weight: 600; margin: 0 0 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .store-item .store-content h4 a { color: #1F2937; } .store-item .store-content h4 a:hover { color: #1B5A90; } .store-item .store-content p { margin: 0 0 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .store-item .store-content .price-tag h5 { font-size: 22px; font-weight: 600; margin: 0; } .store-item .store-content .price-tag .color-selection { margin: 0; padding: 0; } .store-item .store-content .price-tag .color-selection li { list-style: none; display: inline-block; margin-right: 5px; } .store-item .store-content .price-tag .color-selection li span i { font-size: 16px; outline: 1px solid #D9D9D9; outline-offset: 3px; border-radius: 50%; } .store-item .store-content .price-tag .color-selection li span.black-glass { color: #131218; } .store-item .store-content .price-tag .color-selection li span.blue-glass { color: #2369A6; } .store-item .store-content .price-tag .color-selection li span.gold-glass { color: #DDBC5B; } .store-item .store-content .price-tag .color-selection li span.grey-glass { color: #666666; } .store-item .store-content .price-tag .color-selection li span.sand-glass { color: #FDEEC3; } .store-item .store-content .price-tag .color-selection li span.green-glass { color: #13C2C2; } .store-item .store-content .price-tag .color-selection li:last-child { margin-right: 0; } .offer-section { padding-top: 124px; } @media (max-width: 991.98px) { .offer-section { padding-top: 73px; } } .offer-wrap { background: radial-gradient(50% 50% at 50% 50%, #328CD9 0%, #1B5A90 100%); margin: 0; padding: 0 24px; } @media (max-width: 991.98px) { .offer-wrap { margin: 0 0 60px 0; padding: 20px 24px !important; } } .offer-wrap.flat-offer { background: radial-gradient(50% 50% at 50% 50%, #97F0FF 0%, #0CBCDA 100%); } @media (max-width: 991.98px) { .offer-wrap.flat-offer { margin-bottom: 0; } } .offer-wrap.flat-offer .btn { background: #1C5C92; } .offer-wrap.flat-offer .btn:hover { color: #1C5C92; } .offer-wrap .off-img { margin: -45px 0 24px; } @media (max-width: 767.98px) { .offer-wrap .off-img { text-align: center; } } .offer-wrap .off-info { position: relative; text-align: center; } .offer-wrap .off-info h6 { font-size: 18px; font-weight: 700; color: #ffffff; margin: 0 0 5px; } .offer-wrap .off-info p { margin: 0 0 5px; padding: 0 17px; position: relative; color: #ffffff; display: inline-block; } .offer-wrap .off-info p::before { content: ""; background: #ffffff; width: 15px; height: 1px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .offer-wrap .off-info p::after { content: ""; background: #ffffff; width: 15px; height: 1px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .offer-wrap .off-info h5 { color: #ffffff; margin: 0 0 15px; } .offer-wrap .off-info .btn { font-size: 16px; padding: 3px 42px; border-radius: 100px; } .offer-wrap .off-info::before, .offer-wrap .off-info::after { content: ""; display: block; position: absolute; width: 18px; height: 85%; border: 1px solid; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } .offer-wrap .off-info::before { bottom: 0; left: 0; top: 8px; border-top-color: #ffffff; border-left-color: #ffffff; border-bottom-color: #ffffff; border-right-color: transparent; } .offer-wrap .off-info::after { bottom: 0; right: 0; top: 8px; border-top-color: #ffffff; border-left-color: transparent; border-bottom-color: #ffffff; border-right-color: #ffffff; } @media (max-width: 575.98px) { .testi-users { padding-bottom: 10px; } } .main-wrapper.home-twelve { font-size: 16px; font-family: "Inter", sans-serif; overflow-x: hidden; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve { font-size: 15px; } } .main-wrapper.home-twelve a:hover { color: #0E82FD; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve { background: #F9F9F9; padding: 200px 0 80px 0; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve { padding: 150px 0 50px 0; } } @media (max-width: 575.98px) { .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve { padding: 100px 0 50px 0; } } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-section-twelve-bg img { position: absolute; z-index: -1; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-section-twelve-bg img:nth-child(1) { left: 0; bottom: 0; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-section-twelve-bg img:nth-child(2) { right: 0; top: 100px; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-section-twelve-bg img:nth-child(2) { display: none; } } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-img.banner-img-twelve { display: flex; align-items: flex-start; position: relative; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-img.banner-img-twelve img:nth-child(2) { animation: movers 1s ease infinite alternate; animation-delay: 1s; margin-left: 15px; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-img.banner-img-twelve .banner-banner-img-twelve-bg img { position: absolute; z-index: -1; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-img.banner-img-twelve .banner-banner-img-twelve-bg img:nth-child(1) { bottom: 9%; right: 46%; animation: gelatine 2s infinite; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-img.banner-img-twelve .banner-banner-img-twelve-bg img:nth-child(2) { left: 0; animation: grow 2s ease infinite alternate; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-img.banner-img-twelve .banner-banner-img-twelve-bg img:nth-child(3) { right: 48%; top: -92px; animation: movers 2s infinite alternate; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-img.banner-img-twelve .banner-banner-img-twelve-bg img:nth-child(4) { bottom: 22%; right: 30%; animation: movers 2s infinite alternate; } @keyframes gelatine { from, to { transform: scale(1, 1); } 25% { transform: scale(0.9, 1.1); } 50% { transform: scale(1.1, 0.9); } 75% { transform: scale(0.95, 1.05); } } @keyframes grow { from { transform: scale(0); } to { transform: scale(1); } } @media (max-width: 991.98px) { .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-img.banner-img-twelve { display: none; } } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-content-fourteen { margin: 0; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-content-fourteen h1 { color: #0E82FD; max-width: 460px; margin: 0 0 20px 0; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-content-fourteen h1 span { color: #1F2937; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-content-fourteen h1 { margin: auto; } } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-content-fourteen .banner-btns-fourteen .btn-primary { background: transparent; color: #0E82FD; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-content-fourteen .banner-btns-fourteen .btn-primary:hover { background: #0E82FD; color: #ffffff; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-content-fourteen .banner-btns-fourteen .btn-primary:nth-child(1) { background: #0E82FD; color: #ffffff; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-content-fourteen .banner-btns-fourteen .btn-primary:nth-child(1):hover { background: transparent; color: #0E82FD !important; border: 1px solid #0E82FD; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-content-fourteen .banner-btns-fourteen .btn-primary:nth-child(2):hover { color: #ffffff; border-color: #0E82FD; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .search-box-fourteen { padding: 20px; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .search-box-fourteen .form-block { align-items: center; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .search-box-fourteen .form-block .search-input label { position: relative; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .search-box-fourteen .form-block .search-input label::after { position: absolute; content: "\f274"; font-family: "Font Awesome 5 Free"; color: #0E82FD; font-weight: 900; right: -24px; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .search-box-fourteen .form-block .search-input label.location-icon::after { position: absolute; content: "\f3c5"; font-family: "Font Awesome 5 Free"; color: #0E82FD; font-weight: 900; right: -24px; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .search-box-fourteen .form-block .search-input .form-control::placeholder { font-weight: 600; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .search-box-fourteen .form-block .search-btn { margin: 0; } @media (max-width: 767.98px) { .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .search-box-fourteen .form-block .search-btn { width: 100%; } } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .search-box-fourteen .form-block .search-btn .btn.btn-primary { padding: 14px 16px; } .main-wrapper.home-twelve .section-header-fourteen { text-align: center; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .section-header-fourteen { text-align: center !important; } } .main-wrapper.home-twelve .section-header-fourteen .service-inner-fourteen { /*display: flex;*/ align-items: center; margin-bottom: 10px; justify-content: center; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .section-header-fourteen .service-inner-fourteen { justify-content: center !important; } } .main-wrapper.home-twelve .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-one { background: #0E82FD; content: ""; width: 50px; height: 3px; } .main-wrapper.home-twelve .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-two h3 { color: #0E82FD; font-size: 14px; margin: 0 0; padding: 10px 20px; border-radius: 100px; font-weight: 400; background: #E3F2F9; z-index: 99; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-two h3 { font-size: 14px; } } .main-wrapper.home-twelve .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-three { background: #0E82FD; content: ""; width: 50px; height: 3px; } .main-wrapper.home-twelve .section-header-fourteen h2 { color: #1F2937; font-size: 26px; font-weight: 600; position: relative; margin: 0 0 10px 0; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve .section-header-fourteen h2 { font-size: 26px; } } @media (max-width: 991.98px) { .main-wrapper.home-twelve .section-header-fourteen h2 { margin: 0 0 10px 0; } } .main-wrapper.home-twelve .section-header-fourteen h2::before { position: absolute; flex-shrink: 0; width: 120px; height: 110px; content: ""; background-image: url("../img/bg/header-after.png"); background-repeat: no-repeat; background-size: contain; transition: transform 0.2s ease-in-out; top: -36px; transform: translate(-50%, 0); left: 50%; z-index: -1; } .main-wrapper.home-twelve .section-header-fourteen p { color: #6B7280; font-size: 18px; font-weight: 400; margin: 0 0 50px 0; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .section-header-fourteen p { margin: 0 0 35px 0; font-size: 16px; } } @media (max-width: 575.98px) { .main-wrapper.home-twelve .section-header-fourteen p { margin: 0 0 30px 0; } } .main-wrapper.home-twelve .services-section-fourteen { background: #F9FAFB; position: relative; padding-bottom: 56px; } @media (max-width: 767.98px) { .main-wrapper.home-twelve .services-section-fourteen { padding-bottom: 26px; } } .main-wrapper.home-twelve .services-section-fourteen .floating-bg img { position: absolute; } .main-wrapper.home-twelve .services-section-fourteen .floating-bg img:nth-child(1) { right: 0; top: 150px; } .main-wrapper.home-twelve .services-section-fourteen .floating-bg img:nth-child(2) { left: 0; bottom: 100px; } .main-wrapper.home-twelve .services-section-fourteen .our-services-list { border-radius: 30px; padding: 30px; background: #ffffff; text-align: center; transition: all 0.5s; margin-bottom: 24px; position: relative; } .main-wrapper.home-twelve .services-section-fourteen .our-services-list .service-icon { width: 140px; height: 140px; display: flex; align-items: center; justify-content: center; background: #0E82FD; margin: auto; box-shadow: 0px 25px 50px rgba(14, 130, 253, 0.1); border-radius: 30px; -webkit-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .services-section-fourteen .our-services-list .service-icon { width: 120px; height: 120px; } } .main-wrapper.home-twelve .services-section-fourteen .our-services-list h4 { margin: 0; padding: 20px 0; font-size: 24px; font-weight: 600; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .services-section-fourteen .our-services-list h4 { padding: 15px 0; font-size: 22px; } } @media (max-width: 575.98px) { .main-wrapper.home-twelve .services-section-fourteen .our-services-list h4 { font-size: 20px; } } .main-wrapper.home-twelve .services-section-fourteen .our-services-list p { color: #6B7280; font-size: 14px; text-align: center; margin: 0; } .main-wrapper.home-twelve .services-section-fourteen .our-services-list:hover { cursor: pointer; background: #334155; box-shadow: 0px 20px 50px rgba(51, 65, 85, 0.05); transform: translateY(-10px); } .main-wrapper.home-twelve .services-section-fourteen .our-services-list:hover .service-icon { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); background: #ffffff; } .main-wrapper.home-twelve .services-section-fourteen .our-services-list:hover .service-icon img { filter: invert(1) brightness(100); } .main-wrapper.home-twelve .services-section-fourteen .our-services-list:hover h4, .main-wrapper.home-twelve .services-section-fourteen .our-services-list:hover p { color: #ffffff; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve { background: #F3F4F6; position: relative; z-index: 1; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .floating-bg img { position: absolute; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .floating-bg img:nth-child(1) { right: 0; top: 150px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .floating-bg img:nth-child(2) { left: 0; bottom: 100px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all { border-radius: 40px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main { padding: 15px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt { text-align: center; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-img { position: relative; margin: 0 0 20px 0; overflow: hidden; border-radius: 30px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-img img { position: relative; border-radius: 30px; -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); width: 100%; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-img:hover img { transform: scale(1.2); } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content { position: absolute; top: auto; bottom: 20px; left: 50%; transform: translate(-50%, 0); padding: 8px 0; background: rgba(255, 255, 255, 0.9); border-radius: 50px; min-width: 180px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content img { width: 35px; height: 35px; border-radius: 50px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content span { font-size: 14px; color: #0E82FD; font-weight: 600; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content.content-pricing { position: absolute; top: 20px; right: 20px; bottom: auto; left: auto; transform: none; min-width: 65px; border-radius: 8px; background: #ffffff; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content.content-pricing span { color: #1F2937; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-fourt-care { display: block; color: #1F2937; font-size: 20px; font-weight: 600; margin: 0 0 10px 0; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-fourt-care a:hover { color: #0E82FD; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list { margin: 0 0 20px 0; justify-content: center; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list li { color: #6B7280; font-size: 14px; margin: 0 0px 0 0; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list li i { color: #D1D5DB; margin-right: 6px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list-two { margin: 0 0 10px 0; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list-two li { background: #DBEFFE; color: #0E82FD; margin: 0 10px 10px 0; padding: 10px 15px; border-radius: 8px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list-two li:last-child { margin: 0 0 10px 0; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-list-ratings { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-list-ratings i { color: rgba(26, 84, 199, 0.15); margin-right: 2px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-list-ratings i:last-child { margin-right: 0; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-list-ratings i.rated { color: #FFC001; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-list-ratings span { color: #9CA3AF; font-size: 14px; margin-left: 3px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .btn-primary { background: #0E82FD; color: #ffffff; border: 1px solid #0E82FD; } @media (max-width: 575.98px) { .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .btn-primary { width: 100%; } } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .btn-primary:hover { background: #ffffff; color: #0E82FD; } .main-wrapper.home-twelve .clients-section-fourteen { position: relative; z-index: 1; padding: 80px 0; background: #F9FAFB; } .main-wrapper.home-twelve .clients-section-fourteen .floating-bg img { position: absolute; } .main-wrapper.home-twelve .clients-section-fourteen .floating-bg img:nth-child(1) { right: 10px; top: 50px; z-index: -1; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve .clients-section-fourteen { padding: 80px 0; } } @media (max-width: 1199.98px) { .main-wrapper.home-twelve .clients-section-fourteen { padding: 50px 0; } } .main-wrapper.home-twelve .clients-section-fourteen .section-header-fourteen { text-align: start; } .main-wrapper.home-twelve .clients-section-fourteen .section-header-fourteen h2 { display: inline-block; } .main-wrapper.home-twelve .clients-section-fourteen .section-header-fourteen .service-inner-fourteen { justify-content: start; } .main-wrapper.home-twelve .clients-section-fourteen .client-inner-main { -webkit-animation: mover 2s infinite alternate; animation: mover 2s infinite alternate; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .clients-section-fourteen .client-inner-main { display: none; } } .main-wrapper.home-twelve .clients-section-fourteen .feedback-slider-fourteen .owl-nav { text-align: end; margin-top: 40px; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .clients-section-fourteen .feedback-slider-fourteen .owl-nav { text-align: center; margin-top: 10px; } } .main-wrapper.home-twelve .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-prev { background: #E2E8F0; border-radius: 8px; width: 50px; height: 50px; color: #94A3B8; text-shadow: none; font-size: 24px; border: none; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-prev { width: 40px; height: 40px; font-size: 20px; } } .main-wrapper.home-twelve .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-prev:hover { background: #BFE0FE; color: #1D7ED8; } .main-wrapper.home-twelve .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-next { background: #E2E8F0; border-radius: 8px; width: 50px; height: 50px; color: #94A3B8; text-shadow: none; font-size: 24px; border: none; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-next { width: 40px; height: 40px; font-size: 20px; } } .main-wrapper.home-twelve .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-next:hover { background: #BFE0FE; color: #1D7ED8; } .main-wrapper.home-twelve .clients-section-fourteen .feedback-card { border-radius: 30px; margin: 0 0 0 0; background: transparent; border: none; } .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body { padding: 0px; } .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img { display: flex; align-items: center; justify-content: start; margin: 0 0 50px 0; border: 2px solid #10B981; border-radius: 40px; padding: 20px; max-width: 660px; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img { margin: auto; margin-bottom: 30px; } } .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img h6 { color: #1F2937; font-size: 16px; } .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img img { width: 100px; height: 100px; border-radius: 20px; margin-right: 20px; } .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img h4 { color: #1F2937; font-size: 20px; font-weight: 600; margin: 0 0 5px 0; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img h4 { font-size: 18px; } } .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img h6 { color: #94A3B8; font-size: 16px; margin: 0 0 20px 0; } .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img .rating-fourteen { margin: 0 0 0 0; } .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img .rating-fourteen .filled { color: #FFC001; } .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img .rating-fourteen i { font-size: 18px; } .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main p { color: #6B7280; font-size: 20px; margin: 0 0 0 0; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main p { font-size: 20px; text-align: center; } } @media (max-width: 991.98px) { .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main p { font-size: 17px; } } .main-wrapper.home-twelve .home-twelve-pricing { position: relative; z-index: 1; padding: 80px 0 56px 0; background: #F3F4F6; } @media (max-width: 767.98px) { .main-wrapper.home-twelve .home-twelve-pricing { padding: 40px 26px; } } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve { height: 605px; background: #ffffff; border-radius: 30px; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; transition: all 0.7s; margin-bottom: 24px; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-bg img { position: absolute; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-bg img:nth-child(1) { bottom: 0; left: 0; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-bg img:nth-child(2) { bottom: 0; right: 0; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-bg img:nth-child(3) { top: 0; right: 0; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content { display: flex; flex-direction: column; align-items: center; justify-content: center; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .card-title { margin-bottom: 0; text-align: center; position: relative; margin-bottom: 40px; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .card-title h3 { font-weight: 600; font-size: 30px; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .card-title span { color: #0E82FD; font-size: 14px; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .price { margin-bottom: 40px; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .price h2 { color: #0E82FD; font-style: 48px; font-weight: 600; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .price h2 span { font-size: 14px; color: #6B7280; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .pack-details { margin-bottom: 40px; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .pack-details ul { list-style: none; padding: 0; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .pack-details ul li { display: flex; align-items: center; margin-bottom: 20px; color: #6B7280; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .pack-details ul li i { margin-right: 10px; color: #0E82FD; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .price-btn a { min-width: 198px; background: #0E82FD; color: #ffffff; border-radius: 6px; text-align: center; border: 1px solid #0E82FD; position: relative; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .price-btn a:hover { background: #ffffff; color: #0E82FD; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve:hover, .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve.active { cursor: pointer; background: #1E293B; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve:hover .price-content .card-title h3, .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve.active .price-content .card-title h3 { color: #ffffff; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve:hover .price h2, .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve.active .price h2 { color: #ffffff; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve:hover .price h2 span, .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve.active .price h2 span { color: #ffffff; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve:hover .pack-details, .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve.active .pack-details { margin-bottom: 40px; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve:hover .pack-details ul li, .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve.active .pack-details ul li { color: #ffffff; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve:hover .pack-details ul li i, .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve.active .pack-details ul li i { color: #0E82FD; } .main-wrapper.home-twelve .blog-section-fourteen { background: #F9FAFB; position: relative; z-index: 1; } .main-wrapper.home-twelve .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-fourt-care { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .main-wrapper.home-twelve .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-fourt-care:hover { color: #0E82FD; } .main-wrapper.home-twelve .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content { padding: 5px 15px 5px 5px; } .main-wrapper.home-twelve .blog-section-fourteen .blog-btn-sec .btn-view { border: 1px solid #0E82FD; } .main-wrapper.home-twelve .blog-section-fourteen .blog-btn-sec .btn-view:hover { box-shadow: inset 220px 0 0 0 #ffffff; color: #0E82FD; } .main-wrapper.home-twelve .choose-us-fourteen { background: #F3F4F6; position: relative; z-index: 1; } .main-wrapper.home-twelve .why-us-content .section-title { align-items: start; } .main-wrapper.home-twelve .why-us-content .section-title h2 { font-size: 60px; font-weight: 500; } .main-wrapper.home-twelve .why-us-content .section-title p { font-size: 18px; font-weight: 500; text-align: start; } @keyframes updown { 100% { transform: translateY(-10px); } } .main-wrapper.home-twelve .us-title h6 { font-weight: 500; font-size: 20px; } .main-wrapper.home-twelve .accordion-item:first-of-type { border-top-left-radius: 20px; border-top-right-radius: 20px; } .main-wrapper.home-twelve .accordion-item { background-color: transparent; border: 0px solid rgba(0, 0, 0, 0.125); border-radius: 20px; margin: 5px 0px 15px 0px; } .main-wrapper.home-twelve .accordion-header button { font-weight: 600; font-size: 20px; color: #333333; } .main-wrapper.home-twelve .accordion-header { margin-bottom: 0; } .main-wrapper.home-twelve .accordion-item:first-of-type .accordion-button { border-top-left-radius: 20px; border-top-right-radius: 20px; } @media (max-width: 575.98px) { .main-wrapper.home-twelve .accordion-item:first-of-type .accordion-button { font-size: 16px; } } .main-wrapper.home-twelve .accordion-item .accordion-button { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } @media (max-width: 575.98px) { .main-wrapper.home-twelve .accordion-item .accordion-button { font-size: 16px; } } .main-wrapper.home-twelve .accordion-button:not(.collapsed) { background-color: #ffffff; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .main-wrapper.home-twelve .accordion-button:not(.collapsed) { box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.13); } .main-wrapper.home-twelve .shade { box-shadow: -8px 13px 80px rgba(27, 41, 80, 0.1); border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } .main-wrapper.home-twelve .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #212529; text-align: left; background-color: transparent; border: 0; border-radius: 0; overflow-anchor: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; } .main-wrapper.home-twelve .accordion-button::after { flex-shrink: 0; width: 50px; height: 50px; content: "\f0d7"; font-family: "Font Awesome 5 Free"; color: #0E82FD; font-weight: 900; transition: transform 0.2s ease-in-out; position: absolute; right: 15px; background-size: auto; background-image: none; display: flex; align-items: center; justify-content: center; background-color: #DBEFFE; border-radius: 8px; } @media (max-width: 575.98px) { .main-wrapper.home-twelve .accordion-button::after { width: 30px; height: 30px; } } .main-wrapper.home-twelve .accordion-button:not(.collapsed)::after { transform: rotateX(180deg); background-color: #0E82FD; color: #ffffff; } .main-wrapper.home-twelve .accordion-button:focus { z-index: 3; border-color: #fff; outline: 0; box-shadow: none; } .main-wrapper.home-twelve .accordion-body { padding: 0rem 6.25rem 1rem 6.26rem; background: #ffffff; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } @media (max-width: 575.98px) { .main-wrapper.home-twelve .accordion-body { padding: 0rem 2rem 1rem 6.26rem; } } .main-wrapper.home-twelve .accordion-body h6 { font-weight: 400; font-size: 16px; line-height: 24px; color: #6B7280; } .main-wrapper.home-twelve .accordion-button::before { flex-shrink: 0; width: 42px; height: 42px; content: ""; background-image: url("../img/check.png"); margin-right: 30px; background-repeat: no-repeat; transition: transform 0.2s ease-in-out; } @media (max-width: 575.98px) { .main-wrapper.home-twelve .accordion-button::before { margin-right: 15px; } } .main-wrapper.home-twelve .slide-nav-16 button.owl-next, .main-wrapper.home-twelve .slide-nav-16 button.owl-prev, .main-wrapper.home-twelve .slide-nav-15 button.owl-next, .main-wrapper.home-twelve .slide-nav-15 button.owl-prev { background: #E2E8F0; border-radius: 8px; width: 50px; height: 50px; color: #94A3B8; text-shadow: none; font-size: 24px; border: none; position: absolute; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .slide-nav-16 button.owl-next, .main-wrapper.home-twelve .slide-nav-16 button.owl-prev, .main-wrapper.home-twelve .slide-nav-15 button.owl-next, .main-wrapper.home-twelve .slide-nav-15 button.owl-prev { width: 40px; height: 40px; font-size: 20px; margin: 0 10px 30px 0; } } .main-wrapper.home-twelve .slide-nav-16 button.owl-next:hover, .main-wrapper.home-twelve .slide-nav-16 button.owl-prev:hover, .main-wrapper.home-twelve .slide-nav-15 button.owl-next:hover, .main-wrapper.home-twelve .slide-nav-15 button.owl-prev:hover { background: #BFE0FE; color: #1D7ED8; } .main-wrapper.home-twelve .slide-nav-16 button.owl-next, .main-wrapper.home-twelve .slide-nav-15 button.owl-next { right: 15px; top: 50%; z-index: 1; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .slide-nav-16 button.owl-next, .main-wrapper.home-twelve .slide-nav-15 button.owl-next { z-index: 1; } } .main-wrapper.home-twelve .slide-nav-16 button.owl-prev, .main-wrapper.home-twelve .slide-nav-15 button.owl-prev { left: 15px; top: 50%; z-index: 1; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .slide-nav-16 button.owl-prev, .main-wrapper.home-twelve .slide-nav-15 button.owl-prev { z-index: 1; } } @media (max-width: 575.98px) { .main-wrapper.home-twelve .slide-nav-15 button.owl-next, .main-wrapper.home-twelve .slide-nav-15 button.owl-prev { top: 43%; } } .main-wrapper.home-twelve.home-thirteen .row-gap { row-gap: 24px; } .main-wrapper.home-twelve.home-thirteen a:hover { color: #0E82FD; } .main-wrapper.home-twelve.home-thirteen .common-padding { margin: 0; padding: 80px 0; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .common-padding { margin: 0; padding: 50px 0; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen { position: relative; background-image: url("../img/bg/home-13-banner.png"); background-repeat: no-repeat; background-size: 100% 80%; background-position: top; padding: 165px 0 0px 0; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen { background-image: none; background-color: #0E82FD; padding: 135px 0 60px 0; } } @media (max-width: 767.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen { padding-bottom: 40px; } } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-center-img img { display: none; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-content { padding-bottom: 0; text-align: center; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-content { padding-bottom: 40px; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-content h4 { text-transform: uppercase; font-size: 18px; font-weight: 600; color: #ffffff; margin-bottom: 20px; } @media (max-width: 767.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-content h4 { font-size: 16px; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-content h1 { text-transform: capitalize; color: #ffffff; margin-bottom: 20px; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-content p { font-size: 20px; color: #ffffff; max-width: 570px; margin: auto auto 20px auto; } @media (max-width: 767.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-content p { font-size: 16px; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-content .banner-btns-fourteen .btn-primary { padding: 20px 30px; background: #ffffff; color: #0E82FD; font-size: 14px; font-weight: 600; text-transform: uppercase; transition: all 0.7s; box-shadow: inset 0 0 0 0 #ffffff; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-content .banner-btns-fourteen .btn-primary { padding: 15px 20px; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-content .banner-btns-fourteen .btn-primary:hover { background: #1C5B91; color: #ffffff; box-shadow: inset 0 100px 0 0 #1C5B91; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen { margin: 0; padding: 20px; box-shadow: 0px 19.9607px 87.3282px rgba(32, 36, 138, 0.06); border-radius: 10px; min-width: 100%; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-title { margin-bottom: 15px; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-title h5 { font-weight: 600; font-size: 24px; margin-bottom: 0; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-title h5 { font-size: 20px; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input { margin-right: 24px; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input { margin-right: 17px; } } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input { margin-bottom: 15px; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input.search-line-thirteen { width: 20%; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input.search-line-thirteen { width: 100%; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input.search-map-line-thirteen { width: 19%; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input.search-map-line-thirteen { width: 100%; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input.search-calendar-line-thirteen { width: 18%; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input.search-calendar-line-thirteen { width: 100%; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input.search-users-line-thirteen { width: 18%; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input.search-users-line-thirteen { width: 100%; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 46px; line-height: 56px; font-size: 16px; font-weight: 400; color: #6B7280; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input .select2-container .select2-selection--single .select2-selection__rendered { font-size: 14px; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input .select2-container--default .select2-selection--single { background: #F8FBFF; border: none; border-radius: 4px; height: 54px; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input .select2-container--default .select2-selection--single .select2-selection__arrow { top: 5px; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #6B7280 transparent transparent; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #6B7280; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input i { left: 20px; z-index: 1; font-size: 14px; color: #D1D5DB; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input input { padding: 0 10px 0 46px; background: #F8FBFF; height: 54px; min-height: 54px; font-size: 15px; color: #6B7280; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input input { font-size: 14px; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input input:hover, .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input input:focus { background-color: #F8FBFF !important; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .form-search-btn { padding-top: 0; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .form-search-btn { float: none; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .form-search-btn .btn { min-width: auto; padding: 14px 43px; border-radius: 4px; font-size: 14px; } @media (max-width: 1399.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .form-search-btn .btn { padding: 14px 23px; } } @media (max-width: 1199.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .form-search-btn .btn { padding: 14px 14px; } } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .form-search-btn .btn { width: 100%; } } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg { display: none; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-one { position: absolute; right: 50px; bottom: 250px; animation: elastic-spin 1s infinite ease; z-index: -1; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-two { position: absolute; bottom: 350px; left: 100px; animation: elastic-spin 1s infinite ease; z-index: -1; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-three { position: absolute; top: 350px; left: 130px; animation: elastic-spin 1s infinite ease; z-index: -1; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-four { position: absolute; right: 130px; bottom: 350px; animation: elastic-spin 1s infinite ease; z-index: -1; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-five { position: absolute; top: 600px; right: 130px; animation: elastic-spin 1s infinite ease; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-six { position: absolute; top: 500px; right: 50%; animation: elastic-spin 1s infinite ease; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-seven { position: absolute; top: 500px; left: 80%; animation: pulse 1s infinite ease-in-out alternate; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-eight { position: absolute; top: 350px; left: 30%; animation: pulse 1s infinite ease-in-out alternate; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-nine { position: absolute; top: 200px; left: 15%; animation: spin 3000ms linear infinite; z-index: -1; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-ten { position: absolute; top: 150px; right: 23%; animation: elastic-spin 1s infinite ease; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-eleven { position: absolute; top: 20%; right: 23%; animation: spin 3000ms linear infinite; z-index: -1; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-thirteen { position: absolute; top: 6%; right: 5%; animation: spin 3000ms linear infinite; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-fourteen { position: absolute; top: 8%; right: 5%; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-fourteen { display: none; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-fifteen { position: absolute; top: 17%; right: 0; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-sixteen { position: absolute; top: 12%; left: 0; z-index: -1; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-seventeen a { position: absolute; top: 65%; left: 20%; padding: 25px 30px; background: #00E3FF; color: #ffffff; box-shadow: 0px 19.9607px 87.3282px rgba(32, 36, 138, 0.06); border-radius: 10px; font-size: 20px; font-weight: 700; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-eighteen a { position: absolute; top: 45%; left: 23%; padding: 20px; background: rgba(255, 255, 255, 0.4); color: #ffffff; backdrop-filter: blur(8px); border-radius: 10px; font-size: 20px; font-weight: 700; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-ninteen a { position: absolute; top: 30%; right: 24%; padding: 20px; background: rgba(255, 255, 255, 0.4); color: #ffffff; backdrop-filter: blur(8px); border-radius: 10px; font-size: 20px; font-weight: 700; z-index: -1; } @media (max-width: 1399.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-ninteen a { top: 33%; right: 7%; z-index: 1; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-twenty { position: absolute; top: 56%; left: 17%; z-index: -1; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bgs { position: absolute; top: 56%; right: 17%; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bgs { max-width: 300px; } } .main-wrapper.home-twelve.home-thirteen .services-section-thirteen { padding: 80px 0 56px 0; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .services-section-thirteen { margin: 0; padding: 50px 0 26px 0; } } .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main { border-radius: 20px; margin: 0 0 24px 0; padding: 8px; transition: 0.5s; } @media (max-width: 575.98px) { .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main { text-align: center; } } .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all { padding: 20px; border-radius: 20px; border: 1px dashed #ffffff; } @media (max-width: 575.98px) { .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all { display: block; } } .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all .service-img-thirteen { margin-right: 15px; position: relative; } @media (max-width: 575.98px) { .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all .service-img-thirteen { margin: 0 0 10px 0; } } .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all .service-img-thirteen img { max-width: 120px; height: 120px; border-radius: 100%; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all .service-img-thirteen img { width: 120px; } } @media (max-width: 575.98px) { .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all .service-img-thirteen img { width: 120px; } } .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all .service-img-thirteen .service-inner-img-third { position: absolute; top: 0; right: 0; } .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all .service-inner-contents h5 { font-size: 20px; font-weight: 700; margin-bottom: 10px; color: #1F2937; text-transform: capitalize; } .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all .service-inner-contents p { margin-bottom: 0; font-size: 14px; color: #6B7280; } .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main:hover { background: #ffffff; box-shadow: 0px 11px 21px 10px rgba(14, 130, 253, 0.08); transition: 0.5s; transform: translateY(-10px); } .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main:hover .service-thirteen-all { background: #ffffff; border: 1px dashed #0E82FD; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen { background: url(../img/cloud-bg.png); background-repeat: no-repeat; background-position: top center; position: relative; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen { background-color: #F8FBFF; background-image: none; } } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-thirteen-img img { height: 438px; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-thirteen-img img { width: 100%; } } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content { background: #ffffff; box-shadow: 0px 19.9607px 87.3282px rgba(32, 36, 138, 0.06); border-radius: 10px; padding: 20px; position: relative; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content a { display: inline-block; color: #1F2937; font-size: 20px; font-weight: 700; margin-bottom: 10px; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content a:hover { color: #0E82FD; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content .our-doctor-content-inner { margin-bottom: 20px; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content .our-doctor-content-inner span { padding: 5px 10px; background: rgba(14, 130, 253, 0.1); border-radius: 5px; font-weight: 600; color: #0E82FD; font-size: 14px; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content .our-doctor-content-inner .reviews-ratings p { color: #D1D5DB; font-size: 12px; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content .our-doctor-content-inner .reviews-ratings p span { background: none; color: #6B7280; font-size: 16px; font-weight: 400; margin: 0 4px 0 0; padding: 0; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content .our-doctor-content-inner .reviews-ratings p span i { color: #FBBF24; background: transparent; width: auto; height: auto; border-radius: 0; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content h6 { color: #6B7280; font-weight: 600; margin-bottom: 10px; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content p { color: #6B7280; font-size: 14px; margin-bottom: 0; display: flex; align-items: center; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content p i { width: 24px; height: 24px; background: rgba(154, 154, 154, 0.1); border-radius: 5px; margin-right: 5px; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content .our-doctor-thirteen-imgone { position: absolute; right: 0; bottom: 0; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-one img { position: absolute; z-index: 0; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-one img:nth-child(1) { left: 3%; top: 45%; animation: spin 2000ms linear infinite; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-one img:nth-child(2) { right: 7%; bottom: 40%; animation: spin 2000ms linear infinite; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-one img:nth-child(3) { right: 4%; top: 20%; animation: spin 2000ms linear infinite; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-one img:nth-child(4) { left: 5%; bottom: 30%; animation: spin 2000ms linear infinite; } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen { background: #F8FBFF; } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen .choose-us-inner-all .choose-us-thirteen-img { text-align: center; position: relative; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen .choose-us-inner-all .choose-us-thirteen-img { display: none; } } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen .choose-us-inner-all .choose-us-thirteen-img img { border-radius: 20px; } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen .choose-us-inner-all .choose-us-thirteen-img .choose-us-thirteen-imgone img { position: absolute; z-index: 0; } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen .choose-us-inner-all .choose-us-thirteen-img .choose-us-thirteen-imgone img:nth-child(1) { right: 4%; bottom: 0%; } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen .choose-us-inner-all .choose-us-thirteen-img .choose-us-thirteen-imgone img:nth-child(2) { left: -5%; top: 7%; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen .choose-us-inner-all .choose-us-thirteen-img .choose-us-thirteen-imgone img:nth-child(2) { display: none; } } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul { margin: 0; padding: 0; list-style: none; } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li { margin-bottom: 20px; transition: 0.5s; padding: 15px; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li { padding: 20px; margin-bottom: 20px; } } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li:last-child { margin-bottom: 0; } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li .choose-us-content-thirteen { display: flex; } @media (max-width: 575.98px) { .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li .choose-us-content-thirteen { display: block; } } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li .choose-us-content-thirteen .chooseus-contents { min-width: 50px; height: 50px; background: rgba(160, 240, 253, 0.2); border-radius: 10.8333px; font-size: 24px; color: #0E82FD; margin-right: 16px; } @media (max-width: 575.98px) { .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li .choose-us-content-thirteen .chooseus-contents { margin-bottom: 10px; } } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li .choose-us-content-thirteen .chooseus-content-ryt h5 { font-size: 20px; color: #1F2937; font-weight: 600; text-transform: capitalize; margin-bottom: 16px; } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li .choose-us-content-thirteen .chooseus-content-ryt p { font-weight: 400; letter-spacing: 0.2px; text-transform: capitalize; margin-bottom: 0; } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li:hover { transition: 0.5s; transform: translateY(-10px); box-shadow: 0px 11px 21px 10px rgba(14, 130, 253, 0.08); } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen { position: relative; } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all { display: flex; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all { display: block; } } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .clients-says-content { width: 50%; padding: 70px 50px 50px 50px; background: #0E82FD; border-radius: 35px 0px 0px 35px; position: relative; z-index: -1; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .clients-says-content { width: 100%; border-radius: 0; padding: 50px 50px 50px 50px; } } @media (max-width: 767.98px) { .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .clients-says-content { padding: 25px; } } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .clients-says-content p { color: #ffffff; font-size: 20px; line-height: 33px; letter-spacing: 0.2px; text-transform: capitalize; font-weight: 500; margin-bottom: 24px; } @media (max-width: 1399.98px) { .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .clients-says-content p { font-size: 20px; line-height: 28px; margin-bottom: 13px; } } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .clients-says-content h4 { letter-spacing: 0.2px; text-transform: capitalize; color: #C4F7FF; font-size: 20px; font-weight: 600; } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .clients-says-content .location-thirteen { color: #f0f0f0; font-size: 14px; font-weight: 400; text-transform: capitalize; margin-bottom: 0; } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .clients-says-content .client-says-imagesone img { position: absolute; z-index: -1; } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .clients-says-content .client-says-imagesone img:nth-child(1) { right: -3%; bottom: -12%; width: auto; } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .clients-says-content .client-says-imagesone img:nth-child(2) { left: 0%; top: 0%; width: auto; } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .client-says-images { width: 50%; } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .client-says-images img { width: auto; border-radius: 0 35px 35px 0; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .client-says-images { display: none; } } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-us-section-thirteenone { display: none; } } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-us-section-thirteenone img { position: absolute; z-index: 0; } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-us-section-thirteenone img:nth-child(1) { left: 0%; top: 15%; width: auto; } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-us-section-thirteenone img:nth-child(2) { right: -6%; top: 22%; width: auto; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-us-section-thirteenone img:nth-child(2) { display: none; } } .main-wrapper.home-twelve.home-thirteen .latest-articles-thirteen { padding: 80px 0 56px 0; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .latest-articles-thirteen { margin: 0; padding: 50px 0 26px 0; } } .main-wrapper.home-twelve.home-thirteen .latest-articles-thirteen .articles-thirteen { margin-bottom: 24px; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .latest-articles-thirteen .articles-thirteen { text-align: center; } } .main-wrapper.home-twelve.home-thirteen .latest-articles-thirteen .articles-thirteen .articles-thirteen-img { margin-bottom: 24px; overflow: hidden; border-radius: 20px; } .main-wrapper.home-twelve.home-thirteen .latest-articles-thirteen .articles-thirteen .articles-thirteen-img img { border-radius: 20px; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .main-wrapper.home-twelve.home-thirteen .latest-articles-thirteen .articles-thirteen .articles-thirteen-img:hover img { border-radius: 20px; transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .main-wrapper.home-twelve.home-thirteen .latest-articles-thirteen .articles-thirteen .articles-thirteen-content h6 { padding: 2px 8px; border-radius: 20px; background: #EEF6FF; color: #0E82FD; font-size: 14px; font-weight: 600; text-transform: capitalize; margin-bottom: 10px; display: inline-block; } .main-wrapper.home-twelve.home-thirteen .latest-articles-thirteen .articles-thirteen .articles-thirteen-content a { font-size: 20px; font-weight: 500; text-transform: capitalize; color: #1F2937; margin-bottom: 10px; display: block; } .main-wrapper.home-twelve.home-thirteen .latest-articles-thirteen .articles-thirteen .articles-thirteen-content a:hover { color: #0E82FD; } .main-wrapper.home-twelve.home-thirteen .latest-articles-thirteen .articles-thirteen .articles-thirteen-content p { color: #6B7280; font-weight: 400; margin-bottom: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; width: 100%; overflow: hidden; } .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen { background: url(../img/feedback-bg.png); background-repeat: no-repeat; background-position: top center; position: relative; z-index: 1; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen { background-image: none; background-color: #F8FBFF; } } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-all-img { display: none; } } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-main-content { text-align: center; } } .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-main-content h2 { color: #1F2937; font-size: 40px; font-weight: 600; margin-bottom: 20px; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-main-content h2 { font-size: 34px; } } .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-main-content p { font-weight: 400; color: #6B7280; margin-bottom: 40px; } .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-main-content .feedback-inner-img { display: flex; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-main-content .feedback-inner-img { justify-content: center; } } @media (max-width: 575.98px) { .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-main-content .feedback-inner-img { display: block; } } .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-main-content .feedback-inner-img .feedback-inner-imgone { margin-right: 26px; } @media (max-width: 575.98px) { .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-main-content .feedback-inner-img .feedback-inner-imgone { margin: 0 0 10px 0; } } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-bg-icons { display: none; } } .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-bg-icons img { position: absolute; z-index: 0; } .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-bg-icons img:nth-child(1) { right: 6%; top: 40%; width: auto; animation: spin 3000ms linear infinite; } .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-bg-icons img:nth-child(2) { right: 11%; top: 55%; width: auto; animation: spin 3000ms linear infinite; } .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-bg-icons img:nth-child(3) { right: 8%; bottom: 10%; width: auto; animation: spin 3000ms linear infinite; } .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-bg-icons img:nth-child(4) { left: 15%; bottom: 10%; width: auto; animation: spin 3000ms linear infinite; } .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-bg-icons img:nth-child(5) { left: 6%; top: 25%; width: auto; animation: spin 3000ms linear infinite; } .section-header-thirteen { margin-bottom: 50px; } @media (max-width: 991.98px) { .section-header-thirteen { margin-bottom: 40px; } } .section-header-thirteen .section-inner-thirteen { margin-right: 15px; } .section-header-thirteen h2 { font-size: 40px; color: #1F2937; font-weight: 700; margin-bottom: 0; } @media (max-width: 991.98px) { .section-header-thirteen h2 { font-size: 34px; } } @media (max-width: 767.98px) { .section-header-thirteen h2 { font-size: 28px; } } .our-slider-thirteen .owl-dots, .client-says-thirteen .owl-dots { text-align: center; margin-top: 50px; } @media (max-width: 991.98px) { .our-slider-thirteen .owl-dots, .client-says-thirteen .owl-dots { margin-top: 30px; } } .our-slider-thirteen .owl-dots .owl-dot, .client-says-thirteen .owl-dots .owl-dot { width: 15px; height: 15px; border-radius: 50%; background: #F3F3F3; margin-right: 15px; } @media (max-width: 991.98px) { .our-slider-thirteen .owl-dots .owl-dot, .client-says-thirteen .owl-dots .owl-dot { width: 10px; height: 10px; } } .our-slider-thirteen .owl-dots .owl-dot.active, .client-says-thirteen .owl-dots .owl-dot.active { width: 45px; background: #0E82FD; border-radius: 20px; } @keyframes pulse { from { transform: scale(0.8); } to { transform: scale(1.2); } } @keyframes elastic-spin { from { transform: rotate(0deg); } to { transform: rotate(720deg); } } @keyframes spin { to { transform: rotate(360deg); } } .main-wrapper.home-fourteen { font-size: 16px; font-family: "Inter", sans-serif; } @media (max-width: 1199.98px) { .main-wrapper.home-fourteen { font-size: 15px; } } .banner-section-fourteen { position: relative; padding: 100px 0 0 0; background: #0E82FD; z-index: 1; } @media (max-width: 1199.98px) { .banner-section-fourteen { padding: 100px 0 30px 0; } } @media (max-width: 991.98px) { .banner-section-fourteen { padding: 100px 0 50px 0; } } .banner-section-fourteen .banner-content-fourteen { margin: 116px 0 0 0; padding: 0 0 40px 0; } @media (max-width: 1399.98px) { .banner-section-fourteen .banner-content-fourteen { margin: 50px 0 0 0; padding: 0 0 40px 0; } } @media (max-width: 1199.98px) { .banner-section-fourteen .banner-content-fourteen { margin: 10px 0 0 0; padding: 0 0 40px 0; } } .banner-section-fourteen .banner-content-fourteen h1 { color: #ffffff; letter-spacing: 0.005rem; font-weight: 700; width: 586px; margin: 0 0 40px 0; } @media (max-width: 1199.98px) { .banner-section-fourteen .banner-content-fourteen h1 { width: auto; } } .banner-section-fourteen .banner-content-fourteen .banner-btns-fourteen { display: flex; justify-content: start; } @media (max-width: 991.98px) { .banner-section-fourteen .banner-content-fourteen .banner-btns-fourteen { justify-content: center; } } @media (max-width: 479.98px) { .banner-section-fourteen .banner-content-fourteen .banner-btns-fourteen { flex-direction: column; } } .banner-section-fourteen .banner-content-fourteen .banner-btns-fourteen .btn-primary { background: #ffffff; color: #0E82FD; padding: 15px 20px; } @media (max-width: 991.98px) { .banner-section-fourteen .banner-content-fourteen .banner-btns-fourteen .btn-primary { padding: 15px 15px; } } @media (max-width: 479.98px) { .banner-section-fourteen .banner-content-fourteen .banner-btns-fourteen .btn-primary { width: 100%; margin: 0 0 10px 0; padding: 15px 15px; } } .banner-section-fourteen .banner-content-fourteen .banner-btns-fourteen .btn-primary:hover { background: transparent; box-shadow: none; color: #ffffff; border: 1px solid #ffffff; } .banner-section-fourteen .banner-content-fourteen .banner-btns-fourteen .btn-primarytwo { background: transparent; box-shadow: none; color: #ffffff; border: 1px solid #ffffff; padding: 15px 20px; } @media (max-width: 991.98px) { .banner-section-fourteen .banner-content-fourteen .banner-btns-fourteen .btn-primarytwo { padding: 15px 15px; } } .banner-section-fourteen .banner-content-fourteen .banner-btns-fourteen .btn-primarytwo:hover { background: #ffffff; color: #0E82FD; } .banner-section-fourteen .search-box-fourteen { background: #ffffff; box-shadow: -8px 6px 100px rgba(36, 58, 101, 0.1); border-radius: 20px; padding: 30px 41px 20px 41px; gap: 10px; } .banner-section-fourteen .search-box-fourteen .form-block { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; align-items: center; } @media (max-width: 768px) { .banner-section-fourteen .search-box-fourteen .form-block { flex-direction: column; } } .banner-section-fourteen .search-box-fourteen .form-block .search-input { margin: 0 15px 0 0; } @media (max-width: 768px) { .banner-section-fourteen .search-box-fourteen .form-block .search-input { width: 100%; } } .banner-section-fourteen .search-box-fourteen .form-block .search-input input { min-height: 40px; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; } .banner-section-fourteen .search-box-fourteen .form-block .search-input input::placeholder { color: #1F2937; font-weight: 600; } .banner-section-fourteen .search-box-fourteen .form-block .search-input .forms-block { margin-bottom: 0; } .banner-section-fourteen .search-box-fourteen .form-block .search-input label { color: #6B7280; } .banner-section-fourteen .search-box-fourteen .search-btn { width: auto; margin: -8px 0 0 0; } @media (max-width: 768px) { .banner-section-fourteen .search-box-fourteen .search-btn { width: 100%; margin: 0 0 0 0; } } .banner-section-fourteen .search-box-fourteen .search-btn .btn-primary { background: #0E82FD; border: 1px solid #0E82FD; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; padding: 14px 16px; font-weight: 600; } @media (max-width: 768px) { .banner-section-fourteen .search-box-fourteen .search-btn .btn-primary { width: 100%; } } .banner-section-fourteen .search-box-fourteen .search-btn .btn-primary:hover { background: #1C5B91; box-shadow: inset 0 0 0 50px #1C5B91; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; border: 1px solid #1C5B91; } .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen { left: 30px; } @media (max-width: 1199.98px) { .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen { top: 50px; } } .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen3 { top: 380px; } @media (max-width: 1199.98px) { .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen3 { top: 250px; } } @media (max-width: 1199.98px) { .banner-section-fourteen .banner-img-fourteen .banner-img2 { top: 100px; } } .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen4 { position: absolute; right: 0px; bottom: 100px; animation: spin 3000ms linear infinite; } @media (max-width: 1199.98px) { .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen4 { bottom: 10px; } } .banner-section-fourteen .banner-imgfourteen5 { position: absolute; top: 250px; left: 86px; animation: spin 3000ms linear infinite; } .banner-section-fourteen .banner-imgfourteen6 { position: absolute; bottom: 50px; left: 65px; animation: spin 3000ms linear infinite; z-index: -1; } .services-section-fourteen { padding: 80px 0; background: #F8FAFC; } @media (max-width: 1199.98px) { .services-section-fourteen { padding: 50px 0; } } .services-section-fourteen .service-inner-fourt-all { border-radius: 20px; margin: 0 0 24px 0; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main { padding: 20px; border-radius: 20px; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-img { position: relative; margin: 0 0 13px 0; overflow: hidden; border-radius: 20px; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-img img { position: relative; border-radius: 20px; -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); width: 100%; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-img:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-img:hover::before { -webkit-animation: circle 1s; animation: circle 1s; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-img::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ""; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); border-radius: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); opacity: 0; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-care { color: #1F2937; font-size: 22px; font-weight: 600; margin: 0 0 13px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } @media (max-width: 1199.98px) { .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-care { font-size: 18px; } } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-care:hover { color: #1C5B91; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt p { color: #6B7280; font-size: 14px; margin: 0 0 10px 0; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-caretwo { color: #0E82FD; font-size: 18px; font-weight: 600; } @media (max-width: 1199.98px) { .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-caretwo { font-size: 16px; } } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-caretwo i { font-weight: 600; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-caretwo:hover { color: #1C5B91; } .services-section-fourteen .service-inner-img-fourt-all { position: relative; } @media (max-width: 991.98px) { .services-section-fourteen .service-inner-img-fourt-all .service-inner-img-fourt { display: none; } } .services-section-fourteen .service-inner-img-fourt-all .service-inner-img-fourtone { position: absolute; top: 0; right: 65px; animation: spin 3000ms linear infinite; } .services-section-fourteen .service-inner-img-fourt-all .service-inner-img-fourttwo { position: absolute; bottom: 0; animation: spin 3000ms linear infinite; } .services-section-fourteen .service-inner-img-fourt-all .service-inner-img-fourtthree { position: absolute; top: 0; left: 30px; animation: spin 3000ms linear infinite; } .services-section-fourteen .btn-sec-fourteen { text-align: end; } @media (max-width: 991.98px) { .services-section-fourteen .btn-sec-fourteen { text-align: center; } } .services-section-fourteen .btn-sec-fourteen a { padding: 15px 20px; font-size: 15px; color: #ffffff; background: #0E82FD; transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; border: 1px solid #0E82FD; font-weight: 600; } @media (max-width: 991.98px) { .services-section-fourteen .btn-sec-fourteen a { padding: 12px 13px; } } .services-section-fourteen .btn-sec-fourteen a:hover { box-shadow: inset 165px 0 0 0 #1C5B91; border-color: #1C5B91; } .team-section-fourteen { position: relative; padding: 80px 0 56px 0; } @media (max-width: 1199.98px) { .team-section-fourteen { padding: 50px 0; } } .team-section-fourteen .articles-grid-fourteen { background: #F8FAFC; border: 1px solid #E5E7EB; border-radius: 30px; } @media (max-width: 1199.98px) { .team-section-fourteen .articles-grid-fourteen .articles-info { text-align: start; } } @media (max-width: 991.98px) { .team-section-fourteen .articles-grid-fourteen .articles-info { display: flex; text-align: center; flex-direction: column; } } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-left .articles-img-fourteen { width: 206px; height: 220px; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-left .articles-img-fourteen img { height: 100%; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen a { font-size: 20px; font-weight: 600; display: block; margin-bottom: 10px; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen a:hover { color: #1C5B91; } @media (max-width: 1199.98px) { .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list { justify-content: start; -webkit-justify-content: start; } } @media (max-width: 991.98px) { .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list { justify-content: center; -webkit-justify-content: center; } } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list .Qualified-doctors-fourteen { background: #DBEFFE; color: #0E82FD; padding: 10px 15px; border-radius: 8px; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list .Qualified-doctors-fourteentwo { color: #6B7280; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list .Qualified-doctors-fourteenthree { background: #F3F4F6; padding: 10px 12px; border-radius: 6px; color: #1F2937; font-weight: 600; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list .Qualified-doctors-fourteenfour a { border-radius: 6px; background: #0E82FD; color: #ffffff; transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; font-size: 15px; font-weight: 600; display: block; margin-bottom: 0; padding: 10px 12px; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list .Qualified-doctors-fourteenfour a:hover { box-shadow: inset 120px 0 0 0 #1C5B91; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .rating-fourteen .filled { color: #FFC001; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .rating-fourteen i { font-size: 18px; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .rating-fourteen .average-rating { font-size: 14px; color: #D1D5DB; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen p { color: #6B7280; font-weight: 500; margin: 0 0 10px 0; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen p i { color: #6B7280; margin: 0 7px 0 0; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen p span { color: #1F2937; font-weight: 500; } .team-section-fourteen .banner-imgfourteenseven { position: absolute; bottom: 50px; left: 30px; animation: spin 3000ms linear infinite; } .team-section-fourteen .banner-imgfourteeneight { position: absolute; top: 70px; right: 50%; animation: spin 3000ms linear infinite; } @media (max-width: 991.98px) { .team-section-fourteen .banner-imgfourteeneight { display: none; } } .team-section-fourteen .banner-imgfourteennine { position: absolute; right: 50px; bottom: 70px; animation: spin 3000ms linear infinite; } .blog-section-fourteen { position: relative; padding: 80px 0; background: #F2F6F6; } @media (max-width: 1199.98px) { .blog-section-fourteen { padding: 50px 0; } } .blog-section-fourteen .blog-inner-fourt-all { border-radius: 30px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main { padding: 20px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-img { position: relative; margin: 0 0 20px 0; overflow: hidden; border-radius: 20px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-img .blog-inner-right-inner { position: relative; border-radius: 20px; -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); width: 100%; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-img .blog-inner-right-inner:hover img { border-radius: 20px; transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content { position: absolute; top: 19px; left: 19px; padding: 5px 10px 5px 5px; background: rgba(255, 255, 255, 0.9); border-radius: 50px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content img { width: 35px; height: 35px; border-radius: 50px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content span { font-size: 14px; color: #1F2937; font-weight: 600; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-fourt-care { display: block; color: #1F2937; font-size: 20px; font-weight: 600; margin: 0 0 18px 0; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-fourt-care:hover { color: #1C5B91; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list { margin: 0 0 20px 0; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list li { color: #6B7280; font-size: 16px; margin: 0 20px 0 0; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list li i { color: #D1D5DB; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list-two { margin: 0 0 10px 0; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list-two li { background: #DBEFFE; color: #0E82FD; margin: 0 10px 10px 0; padding: 10px 15px; border-radius: 8px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list-two li:last-child { margin: 0 0 10px 0; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt p { color: #6B7280; font-size: 14px; margin: 0 0 0 0; } .blog-section-fourteen .blog-btn-sec { margin: 24px 0 0 0; } .blog-section-fourteen .blog-btn-sec .btn-view { padding: 15px 20px; font-size: 15px; color: #ffffff; background: #0E82FD; transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; font-weight: 600; border: 1px solid #0E82FD; } @media (max-width: 991.98px) { .blog-section-fourteen .blog-btn-sec .btn-view { padding: 12px 13px; } } .blog-section-fourteen .blog-btn-sec .btn-view:hover { box-shadow: inset 220px 0 0 0 #1C5B91; border-color: #1C5B91; } .choose-us-fourteen { position: relative; padding: 80px 0; } @media (max-width: 1199.98px) { .choose-us-fourteen { padding: 50px 0; } } .choose-us-fourteen .you-get-list ul { list-style: none; padding: 0; } .choose-us-fourteen .you-get-list ul li { margin-bottom: 30px; } .choose-us-fourteen .you-get-list ul li:last-child { margin: 0; } .choose-us-fourteen .you-get-list ul li .get-list-content { background-image: url(../img/chooseus-ryt-1.png); background-repeat: no-repeat; background-size: contain; padding: 30px; display: flex; align-items: center; justify-content: start; transition: 0.5s; } @media (max-width: 1399.98px) { .choose-us-fourteen .you-get-list ul li .get-list-content { padding: 22px 30px 30px 30px; } } @media (max-width: 1199.98px) { .choose-us-fourteen .you-get-list ul li .get-list-content { background: #F2F6F6; border-radius: 30px; } } @media (max-width: 991.98px) { .choose-us-fourteen .you-get-list ul li .get-list-content { background: #F2F6F6; border-radius: 30px; } } @media (max-width: 575.98px) { .choose-us-fourteen .you-get-list ul li .get-list-content { flex-direction: column; } } .choose-us-fourteen .you-get-list ul li .get-list-content.second-bg { background-image: url(../img/chooseus-ryt-2.png); } @media (max-width: 1199.98px) { .choose-us-fourteen .you-get-list ul li .get-list-content.second-bg { background: #F2F6F6; border-radius: 30px; } } @media (max-width: 991.98px) { .choose-us-fourteen .you-get-list ul li .get-list-content.second-bg { background: #F2F6F6; border-radius: 30px; } } .choose-us-fourteen .you-get-list ul li .get-list-content:hover .get-icon { background: #0E82FD; transition: 0.5s; } .choose-us-fourteen .you-get-list ul li .get-list-content:hover .get-icon img { filter: invert(0) brightness(100); transition: 0.5s; } .choose-us-fourteen .you-get-list ul li .get-list-content .get-icon { margin: 0 20px 0 0; padding: 25px; background: #ffffff; border-radius: 20px; transition: 0.5s; } @media (max-width: 575.98px) { .choose-us-fourteen .you-get-list ul li .get-list-content .get-icon { margin: 0 0 20px 0; padding: 25px; } } @media (max-width: 575.98px) { .choose-us-fourteen .you-get-list ul li .get-list-content .get-icon-right { text-align: center; } } .choose-us-fourteen .you-get-list ul li .get-list-content .get-icon-right h3 { font-weight: 600; margin: 0 0 5px 0; } .choose-us-fourteen .you-get-list ul li .get-list-content .get-icon-right p { color: #6B7280; font-size: 14px; margin: 0; max-width: 412px; } .choose-us-fourteen .choose-us-right-main { position: relative; } @media (max-width: 991.98px) { .choose-us-fourteen .choose-us-right-main { display: none; } } .choose-us-fourteen .choose-us-right-main .banner-imgfourteenten { position: absolute; top: 150px; right: 180px; animation: spin 3000ms linear infinite; } @media (max-width: 1199.98px) { .choose-us-fourteen .choose-us-right-main .banner-imgfourteenten { right: 120px; } } .clients-section-fourteen { position: relative; padding: 80px 0 150px 0; background: #F2F6F6; } @media (max-width: 1199.98px) { .clients-section-fourteen { padding: 80px 0 100px 0; } } @media (max-width: 1199.98px) { .clients-section-fourteen { padding: 50px 0; } } .clients-section-fourteen .client-inner-main { -webkit-animation: mover 2s infinite alternate; animation: mover 2s infinite alternate; } @media (max-width: 991.98px) { .clients-section-fourteen .client-inner-main { display: none; } } .clients-section-fourteen .feedback-slider-fourteen .owl-nav { text-align: end; margin-top: 40px; } @media (max-width: 991.98px) { .clients-section-fourteen .feedback-slider-fourteen .owl-nav { text-align: center; margin-top: 10px; } } .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-prev { background: #E2E8F0; border-radius: 8px; width: 50px; height: 50px; color: #94A3B8; text-shadow: none; font-size: 24px; border: none; } @media (max-width: 991.98px) { .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-prev { width: 40px; height: 40px; font-size: 20px; } } .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-prev:hover { background: #BFE0FE; color: #1D7ED8; } .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-next { background: #E2E8F0; border-radius: 8px; width: 50px; height: 50px; color: #94A3B8; text-shadow: none; font-size: 24px; border: none; } @media (max-width: 991.98px) { .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-next { width: 40px; height: 40px; font-size: 20px; } } .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-next:hover { background: #BFE0FE; color: #1D7ED8; } .clients-section-fourteen .feedback-card { border-radius: 30px; margin: 60px 0 0 0; } .clients-section-fourteen .feedback-card .feedback-card-body { padding: 30px; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img { display: flex; align-items: end; justify-content: space-between; margin: -85px 0 10px 0; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img h6 { color: #1F2937; font-size: 16px; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img img { width: 100px; height: 100px; border-radius: 20px; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .rating-fourteen { margin: 0 0 15px 0; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .rating-fourteen .filled { color: #FFC001; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .rating-fourteen i { font-size: 18px; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main p { color: #6B7280; font-size: 16px; margin: 0 0 20px 0; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main h4 { color: #1F2937; font-size: 20px; font-weight: 600; margin: 0 0 10px 0; } @media (max-width: 991.98px) { .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main h4 { font-size: 18px; } } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main h6 { color: #94A3B8; font-size: 16px; margin: 0; } .contact-section-fourteen { background: #F2F6F6; margin: 0 0 -200px 0; } .contact-section-fourteen .contact-schedule-main { background: #0E82FD; border-radius: 30px; position: relative; box-shadow: 0px 30px 60px rgba(49, 46, 129, 0.2); } .contact-section-fourteen .contact-schedule-main .scheduling-left-main { padding: 95px 80px 95px 110px; } @media (max-width: 1399.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main { padding: 75px 80px 75px 90px; } } @media (max-width: 1199.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main { padding: 25px 40px 25px 50px; } } @media (max-width: 991.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main { padding: 30px 10px 30px 10px; text-align: center; } } .contact-section-fourteen .contact-schedule-main .scheduling-left-main h2 { font-size: 40px; font-weight: 600; color: #ffffff; margin: 0 0 10px 0; } @media (max-width: 991.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main h2 { font-size: 36px; } } @media (max-width: 767.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main h2 { font-size: 28px; } } .contact-section-fourteen .contact-schedule-main .scheduling-left-main p { font-size: 24px; color: #ffffff; margin: 0 0 55px 0; } @media (max-width: 991.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main p { font-size: 20px; margin: 0 0 30px 0; } } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul { margin: 0; padding: 0; } @media (max-width: 991.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul { justify-content: center; } } @media (max-width: 575.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul { flex-direction: column; align-items: center; } } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li { list-style: none; margin: 0 20px 0 0; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li:last-child { margin: 0; } @media (max-width: 575.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li { margin: 0 0 20px 0; width: 100%; } } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li a { background: #ffffff; padding: 15px 20px; border-radius: 6px; color: #0E82FD; border: 2px solid #ffffff; display: inline-block; font-weight: 600; } @media (max-width: 1399.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li a { padding: 13px 14px; } } @media (max-width: 1199.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li a { padding: 13px 8px; } } @media (max-width: 575.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li a { width: 100%; } } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li a:hover { background: transparent; border: 2px solid #ffffff; color: #ffffff; } .contact-section-fourteen .contact-schedule-main .scheduling-right-main { position: relative; margin: -95px 0 0 0; } .contact-section-fourteen .contact-schedule-main .scheduling-right-main { margin: -53px 27px 0 0; } } @media (max-width: 991.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-right-main { display: none; } } .contact-section-fourteen .contact-schedule-main .scheduling-right-main .scheduling-right-img { position: absolute; top: 40%; left: 14px; -webkit-animation: mover 2s infinite alternate; animation: mover 2s infinite alternate; } @media (max-width: 991.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-right-main .scheduling-right-img { display: none; } } .contact-section-fourteen .contact-schedule-main .scheduling-right-main .scheduling-right-imgtwo { position: absolute; right: 15px; bottom: 10%; -webkit-animation: mover 2s infinite alternate; animation: mover 2s infinite alternate; } @media (max-width: 991.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-right-main .scheduling-right-imgtwo { display: none; } } .contact-section-fourteen .contact-schedule-main .contact-inner-image { position: absolute; top: 0; left: 135px; } @media (max-width: 991.98px) { .contact-section-fourteen .contact-schedule-main .contact-inner-image { display: none; } } @media (max-width: 991.98px) { .section-header-fourteen { text-align: center !important; } } .section-header-fourteen .service-inner-fourteen { /*display: flex;*/ align-items: center; margin-bottom: 10px; } @media (max-width: 991.98px) { .section-header-fourteen .service-inner-fourteen { justify-content: center !important; } } .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-one { background: #0E82FD; content: ""; width: 50px; height: 3px; } .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-two h3 { color: #0E82FD; font-size: 30px; margin: 0 20px; } @media (max-width: 1199.98px) { .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-two h3 { font-size: 26px; } } @media (max-width: 767.98px) { .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-two h3 { font-size: 22px; } } .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-three { background: #0E82FD; content: ""; width: 50px; height: 3px; } .section-header-fourteen h2 { color: #1F2937; font-size: 26px; font-weight: 600; margin: 0 0 50px 0; } @media (max-width: 1199.98px) { .section-header-fourteen h2 { font-size: 26px; } } @media (max-width: 991.98px) { .section-header-fourteen h2 { margin: 0 0 40px 0; font-size: 26px; } } @media (max-width: 767.98px) { .section-header-fourteen h2 { font-size: 26px; } } .slide-nav-14 button.owl-next, .slide-nav-14 button.owl-prev, .slide-nav-15 button.owl-next, .slide-nav-15 button.owl-prev { background: #E2E8F0; border-radius: 8px; width: 50px; height: 50px; color: #94A3B8; text-shadow: none; font-size: 24px; border: none; } @media (max-width: 991.98px) { .slide-nav-14 button.owl-next, .slide-nav-14 button.owl-prev, .slide-nav-15 button.owl-next, .slide-nav-15 button.owl-prev { width: 40px; height: 40px; font-size: 20px; margin: 0 10px 30px 0; } } .slide-nav-14 button.owl-next:hover, .slide-nav-14 button.owl-prev:hover, .slide-nav-15 button.owl-next:hover, .slide-nav-15 button.owl-prev:hover { background: #BFE0FE; color: #1D7ED8; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } .main-wrapper.home-fifteen { font-size: 16px; font-family: "Inter", sans-serif; } @media (max-width: 1199.98px) { .main-wrapper.home-fifteen { font-size: 15px; } } .banner-section-fifteen { position: relative; /*padding: 85px 0 0 0;*/ background-color: #ffffff; z-index: 1; background-image: url(../img/banner-fifteen.png); background-repeat: no-repeat; background-position: right top; background-size: 36% 100%; } @media (max-width: 991.98px) { .banner-section-fifteen { background-image: none; } } .banner-section-fifteen .banner-content-fifteen { margin: 50px 0 0 0; padding: 0 0 47px 0; } @media (max-width: 991.98px) { .banner-section-fifteen .banner-content-fifteen { margin: 35px 0 0 0; padding: 0 0 47px 0; } } .banner-section-fifteen .banner-content-fifteen h2 { color: #1F2937; /*text-transform: uppercase;*/ margin-bottom: 15px; font-size: 15px; font-weight: 600; font-family: 'FontAwesome'; } @media (max-width: 991.98px) { .banner-section-fifteen .banner-content-fifteen h2 { font-size: 20px; } } @media (max-width: 767.98px) { .banner-section-fifteen .banner-content-fifteen h2 { font-size: 18px; } } .banner-section-fifteen .banner-content-fifteen h1 { color: #0098ab; margin-bottom: 15px; } .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen { margin: 0 0 35px 0; } .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen .btn-primary { font-weight: 600; background: #f17732; position: relative; /*padding: 15px 30px;*/ margin-bottom: 15px; } @media (max-width: 479.98px) { .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen .btn-primary { width: 100%; } } .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen .btn-primary:hover { background: #0098ab; box-shadow: inset 0 100px 0 0 #0098ab; color: #ffffff; border: 1px solid #0098ab; } .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen .btns-primarytwo { background: #0CE0FF; border: 1px solid #0CE0FF; } .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen .btns-primarytwo:hover { background: #0E82FD; box-shadow: inset 0 100px 0 0 #0E82FD; border: 1px solid #0E82FD; } .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg { position: relative; display: inline-block; margin-bottom: 15px; } .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg::before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 56, 115, 0.25); z-index: 1; border-radius: 10px; } .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg a img { border-radius: 10px; } .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg a .playicon { position: absolute; top: 38%; right: 44%; z-index: 2; } .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg a .playicon span { width: 33px; height: 33px; background: #0E82FD; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25); border-radius: 50%; color: #ffffff; font-size: 10px; } .banner-section-fifteen .banner-content-fifteen .watch-video-fifteen { display: flex; align-items: center; margin-bottom: 50px; } @media (max-width: 991.98px) { .banner-section-fifteen .banner-content-fifteen .watch-video-fifteen { justify-content: center; } } .banner-section-fifteen .banner-content-fifteen .watch-video-fifteen img { margin-right: 7px; } .banner-section-fifteen .banner-content-fifteen .watch-video-fifteen h6 { color: #1F2937; margin-bottom: 0; } .banner-section-fifteen .banner-content-fifteen .support-consult-main { display: flex; } @media (max-width: 991.98px) { .banner-section-fifteen .banner-content-fifteen .support-consult-main { justify-content: center; } } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult { display: flex; align-items: center; margin-right: 25px; } @media (max-width: 479.98px) { .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult { display: block; } } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult:last-child { margin-right: 0; } @media (max-width: 479.98px) { .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-img { margin-bottom: 8px; } } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-img img { padding: 10px; background: #0E82FD; border-radius: 5px; margin-right: 7px; } @media (max-width: 479.98px) { .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-img img { margin-right: 0; } } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-right h6 { color: #1F2937; margin-bottom: 0; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-right .rating-fifteen { margin-bottom: 0; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-right .rating-fifteen i.filled { color: #FFC001; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-right span { font-size: 14px; color: #6B7280; } .banner-section-fifteen .banner-right-fifteen { position: relative; margin-top: 0px; } @media (max-width: 1399.98px) { .banner-section-fifteen .banner-right-fifteen { margin-top: 0px; } } @media (max-width: 991.98px) { .banner-section-fifteen .banner-right-fifteen { /*display: none;*/ } } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenone { position: absolute; top: 100px; left: -130px; animation: mover 1s infinite alternate; } @media (max-width: 1399.98px) { .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenone { top: 130px; } } @media (max-width: 1199.98px) { .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenone { /*display: none;*/ } } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteentwo { position: absolute; top: 77px; left: 40px; animation: spin 3000ms linear infinite; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenthree { position: absolute; top: 250px; right: 0px; animation: spin 3000ms linear infinite; } @media (max-width: 1199.98px) { .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenthree { position: absolute; top: 250px; right: 0px; } } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenfour { position: absolute; right: 0px; bottom: 100px; } @media (max-width: 1199.98px) { .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenfour { position: absolute; right: 0px; bottom: 100px; } } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenfive { position: absolute; top: 10px; right: -50px; animation: mover 1s infinite alternate; } @media (max-width: 1199.98px) { .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenfive { position: absolute; top: 10px; right: 0px; } } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteensix { position: absolute; bottom: 0; left: -30px; } @media (max-width: 1199.98px) { .banner-section-fifteen .banner-right-fifteen .banner-right-fifteensix { /*display: none;*/ } } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenseven { position: absolute; top: 150px; right: 0px; } @media (max-width: 1199.98px) { .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenseven { position: absolute; top: 150px; right: 0px; } } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteeneight { position: absolute; bottom: 40px; left: 210px; animation: mover 1s infinite alternate; } .banner-section-fifteen .banner-right-fifteennine { position: absolute; bottom: 40px; left: 210px; } .services-section-fifteen { position: relative; /*padding: 80px 0 56px 0;*/ } @media (max-width: 991.98px) { .services-section-fifteen { padding: 26px 0; background: #ffffff; } } .services-section-fifteen .service-bg-icon { position: absolute; top: 250px; right: 40px; } .services-section-fifteen .doctor-profile-widget-fifteen { margin-bottom: 24px; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-pro-img .doctor-profile-img { border-radius: 10px; margin-bottom: 13px; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom .doc-content-split { margin-bottom: 15px; font-size: 14px; color: #ff4700; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom .doc-content-split a { color: #1F2937; font-size: 13px; font-weight: 600; margin-bottom: 0; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom .doc-content-split a:hover { color: #1B5D92; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom .doc-content-split span { background: #0E82FD; padding: 5px 10px; border-radius: 5px; font-family: 600; font-size: 14px; color: #ffffff; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom p { color: #707070; margin-bottom: 0; font-size: 13px; } .Patients-section-fifteen { position: relative; padding: 80px 0; } @media (max-width: 991.98px) { .Patients-section-fifteen { padding: 50px 0; text-align: center; } } .Patients-section-fifteen .patient-fifteen-icon { position: absolute; top: 100px; left: 0; z-index: -1; } .Patients-section-fifteen .section-header-fifteenpatient { margin-bottom: 25px; } .Patients-section-fifteen p { margin-bottom: 25px; } .Patients-section-fifteen .service-patient-inflict { text-align: center; } @media (max-width: 575.98px) { .Patients-section-fifteen .service-patient-inflict { margin-bottom: 15px; } } .Patients-section-fifteen .service-patient-inflict .service-patient-inflictimg { background: #E3FBFF; width: 196px; height: 120px; border-radius: 10px; margin: auto auto 15px auto; } @media (max-width: 1399.98px) { .Patients-section-fifteen .service-patient-inflict .service-patient-inflictimg { width: 175px; } } @media (max-width: 1199.98px) { .Patients-section-fifteen .service-patient-inflict .service-patient-inflictimg { width: 150px; } } .Patients-section-fifteen .service-patient-inflict h6 { color: #6B7280; font-size: 18px; font-weight: 400; margin-bottom: 0; } .Patients-section-fifteen .service-patient-inflict .clients-fifteen-span { margin-bottom: 5px; } .Patients-section-fifteen .service-patient-inflict .clients-fifteen-span h3 { font-weight: 600; color: #1F2937; margin-bottom: 0; } .Patients-section-fifteen .service-patient-inflict .clients-fifteen-span span { font-weight: 600; font-size: 24px; color: #1F2937; } .Patients-section-fifteen .patients-left-front { animation-duration: 5s; animation-iteration-count: infinite; transform-origin: bottom; } @media (max-width: 991.98px) { .Patients-section-fifteen .patients-left-front { display: none; } } .Patients-section-fifteen .patients-left-front.patients-left-img { animation-name: bounce-1; animation-timing-function: linear; } .doctors-section-fifteen { position: relative; padding: 80px 0; background: #F4F4F4; } @media (max-width: 991.98px) { .doctors-section-fifteen { padding: 50px 0; } } .doctors-section-fifteen .doctor-fifteen-icon { position: absolute; top: 100px; right: 0; } .doctors-section-fifteen .doctors-fifteen-icon { position: absolute; right: 200px; bottom: 0; } .doc-content-fift { padding: 15px; } .doc-content-fift a { color: #1F2937; font-size: 18px; font-weight: 600; margin-bottom: 6px; display: inline-block; } .doc-content-fift a:hover { color: #0CE0FF; } .doc-content-fift p { color: #6B7280; margin-bottom: 10px; } .doc-content-fift p span { color: #1F2937; } .doc-content-fift .rate-fifteen { margin-bottom: 15px; } .doc-content-fift .rate-fifteen .rate-four { padding: 5px 10px; background: #0CE0FF; border-radius: 5px; color: #ffffff; } .doc-content-fift .rate-fifteen ul { list-style: none; margin: 0; padding: 0; } .doc-content-fift .rate-fifteen ul li { width: 31px; height: 27px; background: #EEEEF3; color: #1F2937; border-radius: 5px; margin-right: 5px; } .doc-content-fift .rate-fifteen ul li:last-child { margin-right: 0; } .doc-content-fift .rate-fifteen ul.fift-rate li { padding: 5px; width: auto; height: auto; } .doc-content-fift .fift-bottom-content h3 { color: #1F2937; font-weight: 600; margin-bottom: 0; display: flex; align-items: center; } @media (max-width: 1199.98px) { .doc-content-fift .fift-bottom-content h3 { font-size: 20px; } } .doc-content-fift .fift-bottom-content h3 span { color: #6B7280; text-decoration: line-through; font-size: 18px; } .doc-content-fift .fift-bottom-content a { padding: 10px 25px; background: #0E82FD; color: #ffffff; border-radius: 5px; margin-bottom: 0; transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; font-size: 16px; } @media (max-width: 1199.98px) { .doc-content-fift .fift-bottom-content a { padding: 10px 10px; font-size: 14px; } } .doc-content-fift .fift-bottom-content a:hover { box-shadow: inset 0 0 0 30px #2DD4BF; } .item.item-fifteen .doctor-profile-widget { border: none; } .item.item-fifteen .doctor-profile-widget.doctor-profile-widget-fift { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15); margin: 10px 0; } .item.item-fifteen .doctor-profile-widget.doctor-profile-widget-fift:first-child { margin-left: 10px; } .item.item-fifteen .doctor-profile-widget.doctor-profile-widget-fift:last-child { margin-right: 10px; } .item.item-fifteen .doctor-profile-widget .doc-pro-img .item-info { position: absolute; bottom: 15px; left: 15px; } .item.item-fifteen .doctor-profile-widget .doc-pro-img .item-info h6 { margin-bottom: 0; background: #0E82FD; border-radius: 5px; padding: 10px; color: #ffffff; } .item.item-fifteen .doctor-profile-widget .doc-pro-img .doctor-amount .fav-icon { width: 40px; height: 40px; background: #ffffff; border-radius: 50%; font-size: 17px; } .item.item-fifteen .doctor-profile-widget .doc-pro-img .doctor-amount .fav-icon.fav-icon-fifteen { background: #EEEEF3; } .item.item-fifteen .doctor-profile-widget .doc-pro-img .doctor-amount .fav-icon.selected { background: #0CE0FF; color: #ffffff; } .item.item-fifteen .doctor-profile-widget .doc-pro-img.doc-pro-img-fifteen { padding: 56px 0; border-bottom: 1px solid #E5E5EB; } .item.item-fifteen .doctor-profile-widget .doc-pro-img.doc-pro-img-fifteen .doctor-profile-img-fifteen { width: 208px; height: 208px; margin: auto; } .pharmacy-section-fifteen { position: relative; padding: 80px 0; } @media (max-width: 991.98px) { .pharmacy-section-fifteen { padding: 50px 0; } } .feedback-section-fifteen { position: relative; padding: 40px 0 80px 0; } @media (max-width: 1199.98px) { .feedback-section-fifteen { padding: 0 0 80px 0; } } @media (max-width: 991.98px) { .feedback-section-fifteen { padding: 0 0 50px 0; } } .feedback-section-fifteen .feedback-schedule-all { background: linear-gradient(92.16deg, #61AEFF 0.85%, #0E82FD 76.47%); border-radius: 10px; } .feedback-section-fifteen .feedback-schedule-all .feedback-inner-main { margin: -45px 0 0 30px; } @media (max-width: 1399.98px) { .feedback-section-fifteen .feedback-schedule-all .feedback-inner-main { margin: 0 0 0 30px; } } @media (max-width: 991.98px) { .feedback-section-fifteen .feedback-schedule-all .feedback-inner-main { display: none; } } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content { padding: 50px 0; } @media (max-width: 991.98px) { .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content { text-align: center; } } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content .feedback-fift-img { width: 66px; height: 17px; margin-bottom: 15px; } @media (max-width: 991.98px) { .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content .feedback-fift-img { margin: auto auto 15px auto; } } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content h3 { color: #ffffff; font-size: 28px; font-weight: 600; margin-bottom: 10px; } @media (max-width: 767.98px) { .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content h3 { font-size: 26px; } } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content p { color: #ffffff; font-size: 18px; margin-bottom: 15px; } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content a { padding: 15px 43px; background: #0CE0FF; border-radius: 5px; display: inline-block; color: #ffffff; transition: color 0.5s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content a:hover { box-shadow: inset 0 0 0 30px #2DD4BF; } .appointment-section-fifteen { position: relative; padding: 80px 0; background-color: #0E82FD; background-image: url(../img/book-appointment-bg.png); background-position: top left; background-repeat: no-repeat; background-size: 58% 100%; } @media (max-width: 991.98px) { .appointment-section-fifteen { padding: 50px 0; background-image: none; text-align: center; } } .appointment-section-fifteen .appointment-schedule-main h2 { font-size: 40px; font-weight: 600; color: #ffffff; margin-bottom: 10px; } @media (max-width: 991.98px) { .appointment-section-fifteen .appointment-schedule-main h2 { font-size: 34px; } } @media (max-width: 767.98px) { .appointment-section-fifteen .appointment-schedule-main h2 { font-size: 28px; } } .appointment-section-fifteen .appointment-schedule-main h6 { font-size: 18px; color: #ffffff; margin-bottom: 25px; } .appointment-section-fifteen .appointment-schedule-main p { color: #B0D6FF; } .appointment-section-fifteen .appointment-schedule-main ul { margin: 0; padding: 0; list-style: none; display: flex; } @media (max-width: 991.98px) { .appointment-section-fifteen .appointment-schedule-main ul { justify-content: center; } } @media (max-width: 575.98px) { .appointment-section-fifteen .appointment-schedule-main ul { flex-wrap: wrap; } } .appointment-section-fifteen .appointment-schedule-main ul li { display: flex; align-items: center; flex-direction: column; margin: 0 25px 25px 0; padding: 15px; background: #ffffff; box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.25); border-radius: 10px; width: 151px; } @media (max-width: 575.98px) { .appointment-section-fifteen .appointment-schedule-main ul li { width: 50%; margin-right: 1px; } } .appointment-section-fifteen .appointment-schedule-main ul li:last-child { margin-right: 0; } .appointment-section-fifteen .appointment-schedule-main ul li .appointment-schedule-img { position: relative; margin-bottom: 20px; } .appointment-section-fifteen .appointment-schedule-main ul li .appointment-schedule-img .appoint-inner-img { position: absolute; right: -20px; bottom: -10px; } .appointment-section-fifteen .appointment-schedule-main ul li span { font-weight: 400; color: #1F2937; display: inline-block; font-size: 14px; } .appointment-section-fifteen .appointment-schedule-main a { background: #0CE0FF; padding: 15px 25px; border-radius: 5px; display: inline-block; color: #ffffff; transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; } .appointment-section-fifteen .appointment-schedule-main a:hover { box-shadow: inset 0 0 0 50px #2DD4BF; } .appointment-section-fifteen .appointment-right-image { animation-duration: 5s; animation-iteration-count: infinite; transform-origin: bottom; } @media (max-width: 991.98px) { .appointment-section-fifteen .appointment-right-image { display: none; } } .appointment-section-fifteen .appointment-right-image.appoint-fift-img { animation-name: bounce-1; animation-timing-function: linear; } .about-us-section-fifteen { position: relative; padding: 80px 0; background: #F4F4F4; } @media (max-width: 991.98px) { .about-us-section-fifteen { padding: 50px 0; } } .about-us-section-fifteen .aboutus-img-main { position: relative; } @media (max-width: 991.98px) { .about-us-section-fifteen .aboutus-img-main { display: none; } } .about-us-section-fifteen .aboutus-img-main .aboutus-img-one { position: absolute; right: 45px; bottom: 15px; box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.15); animation: mover 1s infinite alternate; } .about-us-section-fifteen .vertical-slider { position: static; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main { background: #ffffff; box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.15); padding: 15px; border-radius: 10px; margin: 0 0 15px 0; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main .aboutus-profile-left { display: flex; align-items: center; justify-content: start; margin: 0 0 15px 0; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main .aboutus-profile-left .aboutus-image { margin-right: 7px; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main .aboutus-profile-left .aboutus-image img { width: 50px; height: 50px; border-radius: 50%; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main .aboutus-profile-left h6 { font-weight: 600; color: #1F2937; margin-bottom: 7px; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main .aboutus-profile-left span { color: #6B7280; font-size: 14px; margin-bottom: 0; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main p { margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .about-us-section-fifteen .vertical-slider .slick-list { padding: 0 !important; } .about-us-section-fifteen .vertical-slider .slick-dots { position: absolute; bottom: 3%; left: -42%; } @media (max-width: 991.98px) { .about-us-section-fifteen .vertical-slider .slick-dots { display: none !important; } } .about-us-section-fifteen .vertical-slider .slick-dots li { margin: 0; height: 6px; } .about-us-section-fifteen .vertical-slider .slick-dots li.slick-active button { background-color: #4C58A0; } .about-us-section-fifteen .vertical-slider .slick-arrow { position: absolute; bottom: 0; } .about-us-section-fifteen .vertical-slider .slick-prev { position: absolute; top: 95%; left: 84%; width: 45px; height: 45px; border-radius: 10px; } @media (max-width: 1399.98px) { .about-us-section-fifteen .vertical-slider .slick-prev { left: 80%; } } @media (max-width: 1199.98px) { .about-us-section-fifteen .vertical-slider .slick-prev { left: 76%; } } @media (max-width: 991.98px) { .about-us-section-fifteen .vertical-slider .slick-prev { top: 50%; left: 0%; } } .about-us-section-fifteen .vertical-slider .slick-prev::before { content: "\f053"; font-family: "FontAwesome"; font-weight: 900; font-size: 13px; } .about-us-section-fifteen .vertical-slider .slick-prev:hover { background: #1C5B91; } .about-us-section-fifteen .vertical-slider .slick-next { top: 95%; width: 45px; height: 45px; border-radius: 10px; } @media (max-width: 991.98px) { .about-us-section-fifteen .vertical-slider .slick-next { top: 50%; } } .about-us-section-fifteen .vertical-slider .slick-next::before { content: "\f054"; font-family: "FontAwesome"; font-weight: 900; font-size: 13px; } .about-us-section-fifteen .vertical-slider .slick-next:hover { background: #1C5B91; } .about-us-section-fifteen .vertical-slider .slick-current.aboutus-fifteen-main { background: #0E82FD; } .about-us-section-fifteen .vertical-slider .slick-current.aboutus-fifteen-main .aboutus-profile-left h6 { color: #ffffff; } .about-us-section-fifteen .vertical-slider .slick-current.aboutus-fifteen-main .aboutus-profile-left span { color: #ffffff; } .about-us-section-fifteen .vertical-slider .slick-current.aboutus-fifteen-main p { color: #ffffff; } .frequently-section-fifteen { position: relative; padding: 80px 0; } @media (max-width: 991.98px) { .frequently-section-fifteen { padding: 50px 0; } } .frequently-section-fifteen .items-fift { border: 1px solid #E5E5EB; border-radius: 10px; padding: 30px; } .frequently-section-fifteen .items-fift a { color: #1F2937; font-size: 18px; font-weight: 600; margin-bottom: 15px; display: block; } .frequently-section-fifteen .items-fift p { color: #6B7280; font-weight: 400; margin-bottom: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; width: 100%; overflow: hidden; } .frequently-section-fifteen .items-fift .line-arrow { display: flex; align-items: center; color: #0E82FD; font-weight: 600; font-size: 16px; margin-bottom: 0; } .frequently-section-fifteen .items-fift .line-arrow:hover { color: #0CE0FF; } .frequently-section-fifteen .frequent-slider-fifteen .owl-nav { text-align: end; } .frequently-section-fifteen .frequent-slider-fifteen .owl-nav .owl-prev, .frequently-section-fifteen .frequent-slider-fifteen .owl-nav .owl-next { margin-top: 24px; } .frequently-section-fifteen .frequent-slider-fifteen .owl-dots { position: absolute; bottom: 0; left: 0; } .frequently-section-fifteen .frequent-slider-fifteen .owl-dots .owl-dot { width: 50px; height: 6px; background: #D9D9D9; } .frequently-section-fifteen .frequent-slider-fifteen .owl-dots .owl-dot:first-child { border-radius: 10px 0 0 10px; } .frequently-section-fifteen .frequent-slider-fifteen .owl-dots .owl-dot:last-child { border-radius: 0 10px 10px 0; } .frequently-section-fifteen .frequent-slider-fifteen .owl-dots .owl-dot.active { background: #4C58A0; } @media (max-width: 575.98px) { .frequently-section-fifteen .frequent-slider-fifteen .owl-dots { display: none; } } .section-header-fifteen { margin-bottom: 50px; } .section-header-fifteen h2 { color: #1F2937; font-size: 30px; font-weight: 600; } @media (max-width: 991.98px) { .section-header-fifteen h2 { font-size: 25px; } } @media (max-width: 767.98px) { .section-header-fifteen h2 { font-size: 25px; } } .section-header-fifteen h2 span { color: #f17732; } .section-header-fifteen p { color: #707070; margin-bottom: 0; } .doctor-slider-fifteen .owl-nav { text-align: center; } .doctor-slider-fifteen .owl-nav button.owl-prev, .doctor-slider-fifteen .owl-nav button.owl-next { width: 45px; height: 45px; background: #ffffff; font-size: 13px; border-radius: 10px; margin-top: 50px; } .doctor-slider-fifteen .owl-nav button.owl-prev:hover, .doctor-slider-fifteen .owl-nav button.owl-next:hover { background: #EEEEF3; } @media (max-width: 767.98px) { .doctor-slider-fifteen .owl-nav button.owl-prev, .doctor-slider-fifteen .owl-nav button.owl-next { width: 35px; height: 35px; } } .pharmacy-slider-fifteen .owl-nav, .frequent-slider-fifteen .owl-nav { text-align: center; } .pharmacy-slider-fifteen .owl-nav button.owl-prev, .pharmacy-slider-fifteen .owl-nav button.owl-next, .frequent-slider-fifteen .owl-nav button.owl-prev, .frequent-slider-fifteen .owl-nav button.owl-next { width: 45px; height: 45px; background: #EEEEF3; font-size: 13px; border-radius: 10px; margin-top: 50px; } .pharmacy-slider-fifteen .owl-nav button.owl-prev:hover, .pharmacy-slider-fifteen .owl-nav button.owl-next:hover, .frequent-slider-fifteen .owl-nav button.owl-prev:hover, .frequent-slider-fifteen .owl-nav button.owl-next:hover { background: #0CE0FF; } @media (max-width: 767.98px) { .pharmacy-slider-fifteen .owl-nav button.owl-prev, .pharmacy-slider-fifteen .owl-nav button.owl-next, .frequent-slider-fifteen .owl-nav button.owl-prev, .frequent-slider-fifteen .owl-nav button.owl-next { width: 35px; height: 35px; } } .playicon { position: absolute; right: 61%; top: 37%; } .playicon span { width: 48px; height: 48px; background: #FF008A; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; } .modal-content-video { padding: 0 !important; } .modal-content-video .modal-content { background: #000; } .modal-content-video .modal-header { border: 0; } .modal-content-video .modal-header button.close { color: #fff; opacity: 1; background: #1C5B91; } .video-home video { width: 100%; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } @keyframes movers { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } @keyframes bounce-1 { 0% { transform: translateY(0); } 50% { transform: translateY(-50px); } 100% { transform: translateY(0); } } .main-wrapper.home-sixteen { font-size: 16px; font-family: "Inter", sans-serif; } @media (max-width: 1199.98px) { .main-wrapper.home-sixteen { font-size: 15px; } } .banner-section-sixteen { position: relative; padding: 85px 0 0 0; } .banner-section-sixteen .banner-content-sixteen { padding: 100px 0 0 0; z-index: 1; } @media (max-width: 991.98px) { .banner-section-sixteen .banner-content-sixteen { padding: 50px 0; } } .banner-section-sixteen .banner-content-sixteen span { font-size: 14px; color: #0E82FD; font-weight: 500; text-transform: uppercase; padding: 5px 10px; background: rgba(14, 130, 253, 0.1); margin-bottom: 10px; display: inline-block; } .banner-section-sixteen .banner-content-sixteen h1 { color: #515151; margin-bottom: 26px; } .banner-section-sixteen .banner-content-sixteen p { color: #9f9f9f; font-size: 16px; margin-bottom: 26px; } .banner-section-sixteen .banner-content-sixteen .banner-btns-sixteen .btn-primary { padding: 10px 25px; box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.08); border-radius: 5px; font-size: 14px; font-weight: 700; } .banner-section-sixteen .banner-content-sixteen .banner-btns-sixteen .btn-primary:hover { box-shadow: 0 0.5em 0.5em -0.4em var(--hover); transform: translateY(-0.25em); } .banner-section-sixteen .banner-image-sixteen { padding: 41px 0; background-image: url(../img/banner-sixteen-bg.png); background-repeat: no-repeat; background-position: right top; background-size: 75% 100%; } .banner-section-sixteen .banner-image-sixteen .banner-inner-img-sixteen { position: relative; z-index: 1; } .banner-section-sixteen .banner-image-sixteen .banner-inner-img-sixteen img { margin-bottom: 20px; } .banner-section-sixteen .banner-image-sixteen .banner-inner-img-sixteen img:last-child { margin-bottom: 0; } @media (max-width: 991.98px) { .banner-section-sixteen .banner-image-sixteen { display: none; } } .banner-section-sixteen .ban-sixteen-imgone { position: absolute; top: 100px; right: 100px; z-index: 0; } .banner-section-sixteen .ban-sixteen-imgtwo { position: absolute; top: 90px; left: 0; z-index: 0; } .services-section-sixteen { position: relative; padding: 80px 0; background: #F8FBFF; } @media (max-width: 991.98px) { .services-section-sixteen { padding: 50px 0; } } .services-section-sixteen .discover-you-main { text-align: center; } .services-section-sixteen .discover-you-main .discover-you-image { width: 200px; height: 200px; background: rgba(14, 130, 253, 0.1); display: flex; align-items: center; justify-content: center; border-radius: 100%; margin: auto auto 20px auto; } .services-section-sixteen .discover-you-main .discover-you-image img { width: auto; } .services-section-sixteen .discover-you-main a { color: #1F2937; font-size: 20px; font-weight: 500; margin-bottom: 10px; } .services-section-sixteen .discover-you-main a:hover { color: #1C5B91; } .services-section-sixteen .discover-you-main p { font-size: 14px; color: #A2A2A2; margin-bottom: 15px; } .services-section-sixteen .discover-you-main .discov-innner { color: #0E82FD; font-size: 14px; font-weight: 500; } .services-section-sixteen .discover-you-main .discov-innner i { font-size: 10px; } .services-section-sixteen .discover-you-main .discov-innner:hover { color: #09dca4; } .services-section-sixteen .service-sixteen-icon { position: absolute; top: 75px; left: 45px; animation: mover 1s infinite alternate; } .treatment-section-sixteen { position: relative; padding: 80px 0; } @media (max-width: 991.98px) { .treatment-section-sixteen { padding: 50px 0; } } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget { border: none; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.03); border-radius: 0; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-pro-img .doctor-profile-img { border-radius: 6px; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-pro-img .doctor-amount { position: absolute; top: 10px; left: 10px; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-pro-img .doctor-amount span { padding: 5px 10px; border-radius: 0; color: #0E82FD; font-size: 14px; font-weight: 600; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-content .doc-pro-info { align-items: start; padding-bottom: 10px; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-content .doc-pro-info .doc-pro-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-content .doc-pro-info .reviews-ratings p span { background: none; color: #FFBC11; font-size: 14px; margin: 0 5px 0 0; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-content .doc-pro-info .reviews-ratings p span i { margin-right: 4px; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-content .doc-pro-location p i { font-size: 17px; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .btn-primary { width: 100%; border-radius: 0; padding: 15px 20px; background: rgba(14, 130, 253, 0.1); color: #0E82FD; text-transform: capitalize; font-size: 20px; font-weight: 600; border: none; box-shadow: inset 0 0 0 0 #ffffff; } @media (max-width: 767.98px) { .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .btn-primary { padding: 10px 20px; font-size: 18px; } } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .btn-primary:hover { background: #2DD4BF; box-shadow: inset 0 100px 0 0 #2DD4BF; color: #ffffff; } .treatment-section-sixteen .service-sixteen-icontwo { position: absolute; right: 25px; bottom: 150px; animation: mover 1s infinite alternate; } .features-section-sixteen { position: relative; padding: 80px 0; background: #F8FBFF; } @media (max-width: 991.98px) { .features-section-sixteen { padding: 50px 0; } } .features-section-sixteen .feature-sixteen-main .feature-six-img { position: relative; } .features-section-sixteen .feature-sixteen-main .feature-six-img::after { position: absolute; top: 0; width: 100%; height: 100%; content: ""; transition: 0.5s; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.42) 100%); } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six { position: absolute; bottom: 27px; text-align: center; width: 100%; z-index: 1; top: 82%; transition: all 0.5s ease-out; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-one { display: block; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-one h5 { font-size: 20px; color: #ffffff; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-one span { color: #ffffff; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-two { display: none; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-two p { color: #ffffff; line-height: 30px; font-size: 16px; letter-spacing: -0.36px; padding: 10px; } @media (max-width: 353.98px) { .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-two p { line-height: 20px; } } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-two span { color: #ffffff; } .features-section-sixteen .feature-sixteen-main .feature-six-img:hover::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); } .features-section-sixteen .feature-sixteen-main .feature-six-img:hover .feature-content-six { top: 30%; } @media (max-width: 1399.98px) { .features-section-sixteen .feature-sixteen-main .feature-six-img:hover .feature-content-six { top: 10%; } } .features-section-sixteen .feature-sixteen-main .feature-six-img:hover .feature-content-six .feature-content-one { display: none; } .features-section-sixteen .feature-sixteen-main .feature-six-img:hover .feature-content-six .feature-content-two { display: block; } .facts-section-sixteen { position: relative; padding: 80px 0; } @media (max-width: 991.98px) { .facts-section-sixteen { padding: 50px 0; } } .facts-section-sixteen .facts-section-all { display: flex; } @media (max-width: 991.98px) { .facts-section-sixteen .facts-section-all { display: block; } } .facts-section-sixteen .facts-section-all .facts-main-sixteen { background: #0E82FD; padding: 100px 30px; width: 50%; } @media (max-width: 991.98px) { .facts-section-sixteen .facts-section-all .facts-main-sixteen { width: 100%; padding: 60px 30px; text-align: center; } } .facts-section-sixteen .facts-section-all .facts-main-sixteen span { font-size: 14px; color: #ffffff; font-weight: 500; text-transform: uppercase; padding: 5px 10px; background: rgba(255, 255, 255, 0.3); margin-bottom: 17px; display: inline-block; } .facts-section-sixteen .facts-section-all .facts-main-sixteen h2 { color: #ffffff; margin-bottom: 15px; font-size: 40px; } @media (max-width: 991.98px) { .facts-section-sixteen .facts-section-all .facts-main-sixteen h2 { font-size: 34px; } } @media (max-width: 767.98px) { .facts-section-sixteen .facts-section-all .facts-main-sixteen h2 { font-size: 28px; } } .facts-section-sixteen .facts-section-all .facts-main-sixteen p { color: #ffffff; font-size: 16px; margin-bottom: 15px; } .facts-section-sixteen .facts-section-all .facts-main-sixteen a { color: #ffffff; font-size: 14px; font-weight: 500; } .facts-section-sixteen .facts-section-all .facts-main-sixteen a i { font-size: 10px; } .facts-section-sixteen .facts-section-all .facts-main-sixteen a:hover { color: #09dca4; } .facts-section-sixteen .facts-section-all .facts-content-all { width: 50%; } @media (max-width: 991.98px) { .facts-section-sixteen .facts-section-all .facts-content-all { width: 100%; } } .facts-section-sixteen .facts-section-all .facts-content-all ul { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; } .facts-section-sixteen .facts-section-all .facts-content-all ul li { width: 50%; height: 167px; padding: 20px 0; border: 2px solid #F8FBFF; overflow: hidden; position: relative; } @media (max-width: 575.98px) { .facts-section-sixteen .facts-section-all .facts-content-all ul li { width: 100%; } } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img { flex-direction: column; transition: all 0.5s; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img img { margin-bottom: 25px; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img .facts-content-sixteen .facts-content-one h5 { font-size: 18px; font-weight: 700; text-transform: capitalize; color: #626262; margin-bottom: 0; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img .facts-content-sixteen .facts-content-one h5 i { font-size: 14px; color: #0E82FD; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two { position: absolute; top: 0; left: 0; width: 100%; height: 100%; flex-direction: column; opacity: 0; transition: opacity 0.25s; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two p { color: #7D7D7D; font-size: 14px; letter-spacing: -0.36px; padding: 0 20px; text-align: center; line-height: 30px; margin-bottom: 0; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two:hover { opacity: 1; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two:hover > * { transform: translateY(0); } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two > * { transform: translateY(20px); transition: transform 0.25s; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two.facts-content-two-solid { background: #ffffff; } .experts-section-sixteen { position: relative; padding: 80px 0; background: linear-gradient(115.57deg, #464646 12.99%, rgba(0, 0, 0, 0.58) 66.18%); } @media (max-width: 991.98px) { .experts-section-sixteen { padding: 50px 0; } } .pricing-section-sixteen { position: relative; padding: 80px 0; } @media (max-width: 991.98px) { .pricing-section-sixteen { padding: 50px 0; } } .testimonal-section-sixteen { position: relative; padding: 80px 0; background: #F8FBFF; } @media (max-width: 991.98px) { .testimonal-section-sixteen { padding: 50px 0; } } .feedback-section-sixteen { position: relative; padding: 80px 0; } @media (max-width: 991.98px) { .feedback-section-sixteen { padding: 50px 0; } } .feedback-section-sixteen .feedback-schedule-all { background: linear-gradient(90.79deg, #0E82FD 0%, #2CD9C5 100%); backdrop-filter: blur(30.5px); border-radius: 15px; padding: 19px; } @media (max-width: 991.98px) { .feedback-section-sixteen .feedback-schedule-all .feedback-inner-main { display: none; } } @media (max-width: 991.98px) { .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content { text-align: center; } } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content h3 { color: #ffffff; font-size: 36px; font-weight: 700; text-transform: capitalize; margin-bottom: 10px; } @media (max-width: 991.98px) { .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content h3 { font-size: 34px; } } @media (max-width: 767.98px) { .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content h3 { font-size: 28px; } } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content p { color: #ffffff; font-size: 20px; margin-bottom: 30px; } @media (max-width: 991.98px) { .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content p { font-size: 16px; } } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns { display: flex; align-items: center; justify-content: start; } @media (max-width: 991.98px) { .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns { justify-content: center; } } @media (max-width: 575.98px) { .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns { display: block; width: 100%; } } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primary { padding: 10px 25px; box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.08); border-radius: 5px; background: #ffffff; color: #0E82FD; font-size: 16px; font-weight: 700; border: none; transition: 0.5s; margin-right: 10px; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primary:hover { background: #1C5B91; color: #ffffff; transition: 0.5s; } @media (max-width: 575.98px) { .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primary { width: 100%; margin: 0 0 10px 0; } } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primarytwo { padding: 10px 25px; font-size: 16px; margin-bottom: 0; font-weight: 600; color: #ffffff; border-radius: 5px; transition: 0.5s; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primarytwo:hover { background: #1C5B91; color: #ffffff; transition: 0.5s; } @media (max-width: 575.98px) { .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primarytwo { width: 100%; } } .section-header-sixteen { margin-bottom: 50px; } .section-header-sixteen.section-header-sixteentwo h2 { color: #ffffff; } .section-header-sixteen p { color: #0E82FD; font-size: 14px; font-weight: 500; text-transform: uppercase; margin-bottom: 7px; } .section-header-sixteen h2 { font-size: 40px; font-weight: 600; margin-bottom: 0; color: #1F2937; text-transform: capitalize; } @media (max-width: 991.98px) { .section-header-sixteen h2 { font-size: 34px; } } @media (max-width: 767.98px) { .section-header-sixteen h2 { font-size: 28px; } } .discover-slider .owl-dots, .treatment-sixteen-slider .owl-dots, .features-slider-sixteen .owl-dots { text-align: center; margin-top: 60px; } .discover-slider .owl-dots .owl-dot, .treatment-sixteen-slider .owl-dots .owl-dot, .features-slider-sixteen .owl-dots .owl-dot { width: 10px; height: 10px; border-radius: 100%; background: #D9D9D9; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); margin-right: 7px; } .discover-slider .owl-dots .owl-dot.active, .treatment-sixteen-slider .owl-dots .owl-dot.active, .features-slider-sixteen .owl-dots .owl-dot.active { background: #0E82FD; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12); } @keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } .testi-img { position: relative; margin: 43px 0 15px; } .testi-img img { padding: 0 43px 0 0; } .testi-img .testi-icon { width: 86px; height: 86px; background: #0CE0FF; border-radius: 100px; font-size: 16px; color: #ffffff; position: absolute; top: -43px; right: 0; } .testi-users { margin: 0 43px 0 0; } .testi-users ul { margin: 0; padding: 0; } .testi-users ul li { display: inline-block; margin: 0 0 0 -23px; } .testi-users ul li:first-child { margin: 0; } .testi-users ul li img { width: 40px; height: 40px; border-radius: 50%; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); border: 2px solid #ffffff; } @media (max-width: 767.98px) { .testi-users ul li img { width: 50px; height: 50px; } } .testimonial-wrap { position: relative; } .testimonial-wrap h4 { margin: 0 0 30px; } .testimonial-wrap p { margin: 0 0 30px; } .testimonial-wrap .testimonial-user h6 { font-size: 16px; font-weight: 600; color: #1F2937; margin: 0 0 5px; } .testimonial-wrap .testimonial-user p { font-size: 14px; margin: 0; } .testimonial-wrap::before { content: ""; background: url("../img/icons/test-line.svg") no-repeat; position: absolute; right: 0; bottom: 0; width: 84px; height: 14px; } .slide-11 button { background: transparent; border: 0; padding: 0; } .slide-11 button.owl-next { margin: 0 0 0 10px; } .slider.slider-sixteen { position: relative; } .slider.slider-sixteen .testimonal-contents { text-align: center; background: #ffffff; padding: 20px 0; border-radius: 0px 0px 5px 5px; opacity: 0.3; } .slider.slider-sixteen .testimonal-contents h5 { color: #1F2937; font-size: 20px; font-weight: 500; } .slider.slider-sixteen .testimonal-contents span { color: #0E82FD; font-size: 14px; font-weight: 500; letter-spacing: 0.005em; } .main-reviewimages { height: auto; width: 100%; } .main-reviewimages img { opacity: 0.3; border-radius: 5px px 0px 0px; } #slide-experts .active.center .main-reviewimages img, #slide-experts .active.center .testimonal-contents { opacity: 1; } .test_img { position: relative; opacity: 1; -webkit-transition: 0.4s ease all; transition: 0.4s ease all; margin: 0 -48px; margin-top: 40px; } .slider.slider.slider-sixteen { width: 100%; margin: 0 auto; } #slide-testimonal .center .test_img:before { content: none; transition: 0.7s ease-in-out; } .test_img img { border-radius: 24px; overflow: hidden; margin: 0 auto; height: 100%; object-fit: cover; } .custome_slides.owl-carousel .owl-item.active.center { transform: scale(1); margin-top: 0 !important; position: relative; z-index: 999; } .custome_slides.owl-carousel .owl-item { transform: scale(0.7); padding: 10px 0px; transition: all 0.5s; } .full-slide-home { background: #e3e3e3; padding-top: 100px; } .full-slide-home .slick-prev { left: 30px; } .full-slide-home .slick-next { right: 30px; } .full-slide-home .slick-slide .slide-image { width: 100%; min-height: 358px; justify-content: center; flex-direction: column; padding: 70px 50px 70px 100px; vertical-align: middle; background-position: right; background-size: contain; } .full-slide-home .slick-slide .slide-image h2 { font-size: 36px; font-weight: 500; } @media (max-width: 575.98px) { .full-slide-home .slick-slide .slide-image h2 { font-size: 24px; } } .full-slide-home .slick-slide .slide-image .slide-ul li { color: #757575; font-size: 13px; } .full-slide-home .slick-slide .slide-image .slide-ul li:before { font-family: "Font Awesome 5 Free"; display: inline-block; padding-right: 6px; vertical-align: middle; content: "\f192"; color: #a2a1a1; font-size: 10px; } .section-search-pharmacy { min-height: inherit !important; background: #ffffff; padding: 40px 0; } .section-search-pharmacy .banner-wrapper2 { margin: 0 auto; max-width: 680px; width: 100%; } .section-search-pharmacy .banner-wrapper2 .search-box1 .search-location1 { margin-right: 12px; position: relative; width: 400px; margin-bottom: 0; } @media (max-width: 575.98px) { .section-search-pharmacy .banner-wrapper2 .search-box1 .search-location1 { height: auto; margin: 10px 0; width: 100%; } } .section-search-pharmacy .banner-wrapper2 .search-box1 .form-control { border: 1px solid #cccccc; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.08); border-radius: 5px; padding-left: 15px; padding-right: 100px; } @media (max-width: 479.98px) { .section-search-pharmacy .banner-wrapper2 .search-box1 .form-control { padding-right: 15px; } } .section-search-pharmacy .banner-wrapper2 .search-box1 .search-detect { padding: 5px 9px 5px 28px; font-size: 13px; color: #757575; border-radius: 5px; background: #e3e3e3 url(../img/google-map.png) no-repeat 9px center; cursor: pointer; position: absolute; top: 8px; right: 5px; } .section-search-pharmacy .banner-wrapper2 .search-box1 .search-btn { width: 46px; -ms-flex: 0 0 46px; flex: 0 0 46px; height: 46px; margin: 0; } @media (max-width: 575.98px) { .section-search-pharmacy .banner-wrapper2 .search-box1 .search-btn { width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .section-search-pharmacy .banner-wrapper2 .search-box1 .search-btn span { display: none; font-weight: 500; } .doctor-img1 { margin-right: 20px; } @media (max-width: 767.98px) { .doctor-img1 { margin-bottom: 10px; } } .doc-info-right .clinic-booking a { padding: 10px 15px; } .pharmacy-location, .pharmacy-title { color: #2E3842; } .custom-short-by .sort-title { color: #2E3842; } .custom-short-by > div { margin-right: 20px; } .custom-short-by > div:first-child { margin-right: 0; } .product-custom span.price { font-size: 20px; font-weight: 500; } .product-custom span.price-strike { font-weight: 400; text-decoration: line-through; color: #999; } .product-custom .cart-icon { font-size: 18px; width: 40px; height: 40px; border-radius: 100px; float: right; } .product-custom .profile-widget:hover .cart-icon { color: #ffffff; background-color: #0de0fe; } .product-description .doctor-img1 { width: 40%; } .product-description .doc-info-cont { width: 60%; } .clini-infos h2 b.strike { text-decoration: line-through; font-weight: 500; } .feature-product span { padding-bottom: 10px; display: inline-block; } .feature-product ul li { padding: 3px 0; } ul.benifits-col li i { font-size: 20px; margin-right: 20px; color: #20c0f3; } .booking-date li span { text-align: right; } .booking-date li span a { color: #20c0f3; font-size: 13px; width: 100%; display: inline-block; } .form-select:focus { outline: 0; box-shadow: none; } @media (max-width: 479.98px) { span.search-detect { display: none; } } .doctor-content { background-color: #ffffff; margin: 0; padding: 140px 0 60px; } @media (max-width: 991.98px) { .doctor-content { margin: 0; padding: 100px 0 40px; } } @media (max-width: 767.98px) { .doctor-content { margin: 0; padding: 100px 0 20px; } } .doctor-content.content { margin: 0; padding: 80px 0; } @media (max-width: 991.98px) { .doctor-content.content { margin: 0; padding: 40px 0; } } @media (max-width: 767.98px) { .doctor-content.content { margin: 0; padding: 20px 0; } } .back-link { padding-bottom: 30px; } .back-link a { font-size: 15px; color: #959595; } .back-link a:hover { color: #09e5ab; } .back-link a i { margin-right: 10px; } @media (max-width: 767.98px) { .back-link { padding-bottom: 25px; } } .paitent-header { padding-bottom: 40px; } .paitent-header .paitent-title { font-size: 22px; margin-bottom: 0; } @media (max-width: 991.98px) { .paitent-header .paitent-title { font-size: 20px; } } @media (max-width: 767.98px) { .paitent-header .paitent-title { font-size: 18px; } } @media (max-width: 991.98px) { .paitent-header { padding-bottom: 30px; } } @media (max-width: 767.98px) { .paitent-header { padding-bottom: 20px; } } .booking-header { padding-bottom: 25px; } .booking-header .booking-title { font-weight: 500; font-size: 18px; margin-bottom: 0; } @media (max-width: 767.98px) { .booking-header { padding-bottom: 20px; } } .payment-form-group { margin-bottom: 10px; } .payments-form .custom_radio { font-weight: 500; color: #000000; padding-left: 26px; margin-bottom: 0; } .payments-form .custom_radio input:checked ~ .checkmark { border: 5px solid #0E82FD; } .payments-form .custom_radio .checkmark { top: inherit; border: 2px solid #9A9A9A; } .payments-form .custom_radio .checkmark:after { top: -1px; left: -1px; background: #ffffff; width: 0; height: 0; } .card-label > label { background-color: #ffffff; color: #ABABAB; display: inline-block; font-size: 13px; font-weight: 500; margin: 6px auto auto 8px; padding: 0 7px; } .card-label > .form-control { margin: -13px 0 0; padding: 6px 15px 0; min-height: 48px; } .card-label > .form-control::placeholder { font-weight: 500; color: #3C4758; } .booking-btn .btn { min-width: 123px; font-weight: 500; margin: 0; padding: 8px 10px; border-radius: 5px; } .booking-btn .btn i { font-size: 18px; color: #ffffff; position: relative; left: 8px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .booking-btn .btn:hover i { color: #0E82FD; left: 12px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } @media (max-width: 767.98px) { .booking-btn .btn { min-width: 100px; margin: 0; padding: 7px 10px; } } @media (max-width: 991.98px) { .booking-btn { padding-bottom: 25px; } } .booking-card { border: 2px solid #F4F4F4; border-radius: 8px; margin-bottom: 25px; } .booking-card .booking-card-body { padding: 15px; } @media (max-width: 991.98px) { .booking-card { margin-bottom: 20px; } } .booking-doctor-img { width: 45px; height: 45px; margin-right: 15px; border-radius: 50%; } .booking-doctor-img img { width: 45px; height: 45px; border-radius: 50%; } .booking-doctor-info h4 { font-weight: 500; font-size: 16px; margin-bottom: 5px; } .booking-doctor-info h4 a:hover { color: #0E82FD; } .booking-doctor-info p { color: #888888; margin-bottom: 0; } .booking-doctor-right p { margin-bottom: 0; } .booking-doctor-right i { margin-right: 18px; font-size: 20px; color: #28a745; } .booking-doctor-right a { font-weight: 500; text-decoration: underline; color: #0E82FD; } .booking-doctor-right a:hover { color: #000000; } .booking-list-body { padding-bottom: 5px !important; } .booking-list-body .booking-doctor-right { padding-bottom: 10px; } .booking-date-list { width: 300px; } .booking-date-list ul { margin: 0; padding: 0; list-style: none; } .booking-date-list ul li { font-weight: 500; color: #494949; padding-bottom: 10px; display: flex; justify-content: space-between; } .booking-date-list ul li span { font-weight: normal; color: #777777; float: right; text-align: right; } .booking-date-list ul li span i { font-size: 16px; margin-right: 6px; } @media (max-width: 1399.98px) { .booking-date-list { width: 100%; } } .booking-date-list.consultation-date-list { width: 100%; } .proceed-btn { text-align: right; } .proceed-btn .btn { margin: 0; padding: 8px 15px; min-width: 209px; } @media (max-width: 767.98px) { .proceed-btn .btn { min-width: 200px; } } @media (max-width: 991.98px) { .proceed-btn { padding-bottom: 0; } } .custom_radio { color: #8D8D8D; position: relative; font-size: 14px; padding-left: 30px; margin-bottom: 10px; cursor: pointer; user-select: none; } .custom_radio input { position: absolute; opacity: 0; } .custom_radio input:checked ~ .checkmark { border: 1px solid #0E82FD; } .custom_radio input:checked ~ .checkmark:after { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); opacity: 1; visibility: visible; } .custom_radio .checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #ffffff; border: 1px solid #AEAEB2; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .custom_radio .checkmark:after { display: block; content: ""; position: absolute; top: 4px; left: 4px; opacity: 0; width: 9px; height: 9px; border-radius: 50%; background: #0E82FD; visibility: hidden; transform: scale(0.1); -webkit-transform: scale(0.1); -ms-transform: scale(0.1); -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .radio_input .custom_radio + .custom_radio { margin-left: 15px; } .pricing-section { background-color: #ffffff; margin: 0; padding: 80px 0 55px; } @media (max-width: 991.98px) { .pricing-section { margin: 0; padding: 40px 0 15px; } } @media (max-width: 767.98px) { .pricing-section { margin: 0; padding: 40px 0 20px; } } .pricing-inner-header { margin-bottom: 80px; } @media (max-width: 991.98px) { .pricing-inner-header { margin-bottom: 40px; } } .plan-choose-info { padding-top: 15px; } .plan-choose-info label { margin-bottom: 0; } .plan-choose-info .monthly-plan { color: #0A0B0D; } .plan-choose-info .yearly-plan { color: #6B7280; } .plan-choose-info .status-toggle { margin: 0 20px; padding: 0; } .plan-choose-info .checktoggle { background-color: #0E82FD; border: 1px solid #0E82FD; } .plan-choose-info .check:checked + .checktoggle { background-color: #ffffff; border: 1px solid #0E82FD; } .plan-choose-info .check:checked + .checktoggle:after { background-color: #0E82FD; } .plan-choose-info .monthly-plan, .plan-choose-info .yearly-plan { font-weight: 500; font-size: 18px; } @media (max-width: 767.98px) { .plan-choose-info .monthly-plan, .plan-choose-info .yearly-plan { font-size: 16px; } } .pricing-card { background: #F2F6F6; border: 1px solid #E5E7EB; border-radius: 24px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card:hover { background: #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card:hover .pricing-icon span { background: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); } .pricing-card:hover .pricing-icon span img { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card:hover .pricing-title p { color: #EFF0F7; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card:hover .pricing-title h4 { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card:hover .pricing-header-text p { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card:hover .pricing-amount h2 { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card:hover .pricing-amount h2 span { color: #D9DBE9; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card:hover .pricing-amount h6 { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card:hover .pricing-list ul li { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card:hover .pricing-list ul li:before { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card:hover .pricing-btn .btn { color: #ffffff; border: 1px solid #3B9CF6; box-shadow: inset 0 0 0 50px #3B9CF6; } .pricing-card .card-body { margin: 0; padding: 30px; } @media (max-width: 991.98px) { .pricing-card .card-body { margin: 0; padding: 20px; } } @media (max-width: 767.98px) { .pricing-card .card-body { margin: 0; padding: 15px; } } .pricing-card-active { background: #0E82FD; } .pricing-card-active .pricing-icon span { background: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); } .pricing-card-active .pricing-icon span img { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card-active .pricing-title p { color: #EFF0F7; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card-active .pricing-title h4 { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card-active .pricing-tag { margin-left: auto; } .pricing-card-active .pricing-tag span { background: rgba(255, 255, 255, 0.2); color: #ffffff; font-weight: 500; border-radius: 10px; padding: 12px 13px; } .pricing-card-active .pricing-header-text p { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card-active .pricing-amount h2 { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card-active .pricing-amount h2 span { color: #D9DBE9; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card-active .pricing-amount h6 { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card-active .pricing-list ul li { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card-active .pricing-list ul li:before { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card-active .pricing-btn .btn { color: #ffffff; border: 1px solid #3B9CF6; box-shadow: inset 0 0 0 50px #3B9CF6; } .pricing-header { padding-bottom: 15px; } .pricing-header-info { padding-bottom: 15px; } .pricing-icon { margin-right: 15px; } .pricing-icon span { min-width: 70px; height: 70px; background: #ffffff; border-radius: 16px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0); } .pricing-icon span img { transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0); -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-title p { font-weight: 500; font-size: 16px; color: #6B7280; margin-bottom: 0; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } @media (max-width: 767.98px) { .pricing-title p { font-size: 15px; } } .pricing-title h4 { font-size: 24px; color: #1F2937; margin-bottom: 0; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } @media (max-width: 767.98px) { .pricing-title h4 { font-size: 20px; } } .pricing-header-text p { color: #6B7280; margin-bottom: 0; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-amount { padding-bottom: 20px; } .pricing-amount h2 { font-weight: 700; font-size: 30px; color: #1F2937; margin-bottom: 8px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-amount h2 span { font-weight: 400; font-size: 14px; color: #9CA3AF; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } @media (max-width: 991.98px) { .pricing-amount h2 { font-size: 40px; } } @media (max-width: 767.98px) { .pricing-amount h2 { font-size: 30px; } } .pricing-amount h6 { font-weight: 500; font-size: 20px; color: #1F2937; margin-bottom: 0; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } @media (max-width: 767.98px) { .pricing-amount h6 { font-size: 16px; } } .pricing-list { padding-bottom: 50px; } .pricing-list ul { margin: 0; padding: 0; list-style: none; } .pricing-list ul li { position: relative; font-size: 16px; color: #6B7280; padding-left: 25px; margin-bottom: 10px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-list ul li:last-child { margin-bottom: 0; } .pricing-list ul li:before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); content: "\f058"; font-family: "Font Awesome 5 Free"; font-size: 16px; font-weight: 900; color: #0E82FD; border: 0; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } @media (max-width: 767.98px) { .pricing-list ul li { font-size: 14px; } } @media (max-width: 991.98px) { .pricing-list { padding-bottom: 30px; } } @media (max-width: 767.98px) { .pricing-list { padding-bottom: 20px; } } .pricing-btn { text-align: center; } .pricing-btn .btn { font-weight: 600; font-size: 14px; margin: 0; padding: 11px 15px; min-width: 100%; display: inline-block; color: #ffffff; border: 1px solid #0E82FD; background: #0E82FD; } @media (max-width: 767.98px) { .pricing-btn .btn { margin: 0; padding: 8px 15px; font-size: 14px; } } .breadcrumb-bar-two { background: #F2F6F6; background-repeat: no-repeat; padding-top: 70px; min-height: 300px; position: relative; overflow: hidden; z-index: 1; } .breadcrumb-bar-two .inner-banner { margin: 0; padding: 70px 0; } .breadcrumb-bar-two .inner-banner .breadcrumb-title { font-weight: 600; font-size: 48px; margin-bottom: 6px; } @media (max-width: 991.98px) { .breadcrumb-bar-two .inner-banner .breadcrumb-title { font-size: 36px; } } @media (max-width: 767.98px) { .breadcrumb-bar-two .inner-banner .breadcrumb-title { font-size: 26px; } } @media (max-width: 767.98px) { .breadcrumb-bar-two .inner-banner { margin: 0; padding: 50px 0; } } @media (max-width: 991.98px) { .breadcrumb-bar-two { padding-top: 40px; min-height: 260px; } } @media (max-width: 767.98px) { .breadcrumb-bar-two { min-height: auto; } } .breadcrumb-bar-two .page-breadcrumb ol { background-color: transparent; font-weight: 500; margin: 0; padding: 0; } .breadcrumb-bar-two .page-breadcrumb ol li a { font-weight: 500; color: #4B5563; } .breadcrumb-bar-two .page-breadcrumb ol li.active { color: #1F2937; } @media (max-width: 767.98px) { .breadcrumb-bar-two .page-breadcrumb ol { font-size: 15px; } } .breadcrumb-bar-two .page-breadcrumb .breadcrumb a:hover { color: #0E82FD; } .breadcrumb-bar-two .page-breadcrumb .breadcrumb-item + .breadcrumb-item { font-weight: 500; color: #1F2937; padding-left: 10px; } .breadcrumb-bar-two .breadcrumb-item + .breadcrumb-item::before { content: "/"; font-family: "feather"; float: left; padding-right: 10px; color: #9CA3AF; font-size: 14px; font-weight: 600; } .about-section { background-color: #ffffff; margin: 0; padding: 80px 0; } .about-section .about-img-info { padding-right: 30px; } .about-section .about-img-info .about-img { border-radius: 8px; margin-bottom: 25px; } .about-section .about-img-info .about-img:last-child { margin-bottom: 0; } .about-section .about-img-info .about-img img { border-radius: 8px; } .about-section .about-img-info .about-box { background: #0E82FD; border-radius: 8px; margin: 15px 0 25px; padding: 45px 10px; text-align: center; } .about-section .about-img-info .about-box h4 { font-weight: 600; font-size: 20px; color: #ffffff; max-width: 208px; margin: 0 auto 0; padding: 0; } @media (max-width: 991.98px) { .about-section .about-img-info { display: none; } } @media (max-width: 991.98px) { .about-section { margin: 0; padding: 40px 0; } } .section-inner-header { margin-bottom: 40px; } .section-inner-header h6 { font-weight: 500; font-size: 16px; color: #0E82FD; margin-bottom: 15px; } @media (max-width: 767.98px) { .section-inner-header h6 { margin-bottom: 10px; } } .section-inner-header h2 { font-weight: 600; font-size: 40px; color: #1F2937; margin-bottom: 0; } @media (max-width: 991.98px) { .section-inner-header h2 { font-size: 26px; max-width: inherit; } } @media (max-width: 767.98px) { .section-inner-header h2 { font-size: 22px; } } @media (max-width: 991.98px) { .section-inner-header { margin-bottom: 40px; } } .about-inner-header { margin-bottom: 30px; } @media (max-width: 767.98px) { .about-inner-header { margin-bottom: 20px; } } .about-content-details { padding-bottom: 25px; } .about-content-details p { font-size: 16px; color: #6B7280; margin-bottom: 25px; } .about-content-details p:last-child { margin-bottom: 0; } @media (max-width: 767.98px) { .about-content-details p { font-size: 15px; margin-bottom: 20px; } } .about-contact-icon { margin-right: 15px; } .about-contact-icon span { width: 47px; height: 47px; border-radius: 50px; color: #ffffff; background: #0E82FD; } .about-contact-text p { font-weight: 500; font-size: 16px; color: #6B7280; margin-bottom: 5px; } @media (max-width: 767.98px) { .about-contact-text p { font-size: 14px; } } .about-contact-text h4 { color: #27272A; font-weight: 600; font-size: 20px; margin-bottom: 0; } @media (max-width: 767.98px) { .about-contact-text h4 { font-size: 18px; } } .why-choose-section { background-color: #ffffff; margin: 0; padding: 0 0 55px; } @media (max-width: 991.98px) { .why-choose-section { margin: 0; padding: 20px 0 15px; } } @media (max-width: 767.98px) { .why-choose-section { margin: 0; padding: 0 0 20px; } } .why-choose-card { border: 1px solid #F3F4F6; border-radius: 8px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .why-choose-card:hover { box-shadow: 0px 0px 111px rgba(0, 0, 0, 0.09); -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .why-choose-card:hover .why-choose-icon span img { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .why-choose-card .card-body { margin: 0; padding: 25px; } @media (max-width: 991.98px) { .why-choose-card .card-body { margin: 0; padding: 20px; } } @media (max-width: 767.98px) { .why-choose-card .card-body { margin: 0; padding: 15px; } } .why-choose-icon { padding-bottom: 24px; } .why-choose-icon span { width: 80px; height: 80px; border-radius: 50px; color: #ffffff; background: #0E82FD; } .why-choose-icon span img { -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } @media (max-width: 767.98px) { .why-choose-icon { padding-bottom: 20px; } } .why-choose-content h4 { font-weight: 500; font-size: 20px; margin-bottom: 12px; } .why-choose-content p { font-size: 16px; margin-bottom: 0; } @media (max-width: 767.98px) { .why-choose-content p { font-size: 14px; } } .way-section { background-color: #ffffff; margin: 0; padding: 0 0 80px; } .way-section .way-bg { background: #0E82FD; border-radius: 25px; position: relative; overflow: hidden; } .way-section .way-bg .way-shapes-img { position: relative; } .way-section .way-bg .way-shapes-img .way-shapes-left { position: absolute; top: 60px; right: 200px; } .way-section .way-bg .way-shapes-img .way-shapes-right { position: absolute; right: 0; } @media (max-width: 991.98px) { .way-section .way-bg .way-shapes-img { display: none; } } @media (max-width: 991.98px) { .way-section .way-bg { border-radius: 10px; } } @media (max-width: 991.98px) { .way-section { margin: 0; padding: 0 0 40px; } } .way-inner-header { margin: 0; padding: 60px; } .way-inner-header h2 { color: #ffffff; margin-bottom: 29px; } .way-inner-header p { font-weight: 500; font-size: 16px; color: #ffffff; margin-bottom: 40px; } @media (max-width: 767.98px) { .way-inner-header p { margin-bottom: 15px; } } .way-inner-header .btn { font-weight: 600; font-size: 15px; padding: 11px 16px; color: #3B9CF6; background: #ffffff; border: 1px solid #ffffff; border-radius: 8px; box-shadow: inset 0 0 0 0 #0E82FD; } .way-inner-header .btn:hover { color: #ffffff; border: 1px solid #ffffff; background: #0E82FD; box-shadow: inset 0 0 0 50px #0E82FD; } @media (max-width: 767.98px) { .way-inner-header .btn { font-size: 14px; margin: 0; padding: 10px 15px; } } @media (max-width: 991.98px) { .way-inner-header { margin: 0; padding: 30px; } } @media (max-width: 767.98px) { .way-inner-header { margin: 0; padding: 20px; } } .way-img { position: relative; top: 10px; } @media (max-width: 991.98px) { .way-img { display: none; } } .professional-section { margin: 0; padding: 0 0 55px; background: #ffffff; } .professional-section .doctor-profile-widget { margin-bottom: 25px; } @media (max-width: 767.98px) { .professional-section .doctor-profile-widget { margin-bottom: 20px; } } @media (max-width: 991.98px) { .professional-section { margin: 0; padding: 0 0 15px; } } @media (max-width: 767.98px) { .professional-section { margin: 0; padding: 0 0 20px; } } .testimonial-section { background: #F2F6F6; margin: 0; padding: 80px 0; position: relative; overflow: hidden; z-index: 1; } .testimonial-section::after { content: ""; background: url(../img/bg/doctor-shape-img1.png); background-size: cover; background-repeat: no-repeat; background-position: left; position: absolute; top: 0; left: 0; width: 213px; height: 335px; opacity: 0.5; z-index: -1; } @media (max-width: 991.98px) { .testimonial-section::after { display: none; } } .testimonial-section::before { content: ""; background: url(../img/bg/doctor-shape-img2.png); background-size: cover; background-repeat: no-repeat; background-position: right; position: absolute; right: 0; bottom: 0; opacity: 0.5; width: 213px; height: 335px; z-index: -1; } @media (max-width: 991.98px) { .testimonial-section::before { display: none; } } .testimonial-section .testimonial-shape-img { position: relative; } .testimonial-section .testimonial-shape-img .testimonial-shape-left { position: absolute; top: -30px; left: -40px; -webkit-animation-name: blinker; -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -webkit-animation-direction: alternate; } .testimonial-section .testimonial-shape-img .testimonial-shape-left img { width: 100px; } .testimonial-section .testimonial-shape-img .testimonial-shape-right { position: absolute; top: 60px; right: 0; -webkit-animation-name: blinker; -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -webkit-animation-direction: alternate; } .testimonial-section .testimonial-shape-img .testimonial-shape-right img { width: 100px; } @media (max-width: 991.98px) { .testimonial-section .testimonial-shape-img { display: none; } } @media (max-width: 991.98px) { .testimonial-section { margin: 0; padding: 40px 0; } } @media (max-width: 767.98px) { .testimonial-info { flex-direction: column; } } .testimonial-img { border-radius: 50%; margin-right: 50px; width: 220px; -ms-flex: 0 0 220px; flex: 0 0 220px; } @media (max-width: 767.98px) { .testimonial-img { margin: 0 0 30px 0; padding: 0; width: 200px; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .testimonial-img img { border-radius: 50%; width: 100%; } .testimonial-header { margin-bottom: 25px; } .testimonial-details p { font-size: 16px; margin-bottom: 15px; } @media (max-width: 767.98px) { .testimonial-details p { font-size: 14px; } } .testimonial-details h6 { font-weight: normal; font-size: 14px; margin-bottom: 0; color: #9CA3AF; } .testimonial-details h6 span { font-weight: 500; font-size: 16px; color: #1F2937; } .testimonial-grid { margin: 0; padding: 0 60px; } @media (max-width: 767.98px) { .testimonial-grid { margin: 0; padding: 0 25px; } } .testimonial-slider .slick-prev, .testimonial-slider .slick-next { width: 44px; height: 44px; font-size: 0; color: #1E3259; background: #ffffff; box-shadow: 0px 4px 14px rgba(141, 141, 141, 0.25); } .testimonial-slider .slick-prev:hover, .testimonial-slider .slick-next:hover { color: #ffffff; background: #0E82FD; } .testimonial-slider .slick-prev:focus, .testimonial-slider .slick-next:focus { color: #ffffff; background: #0E82FD; opacity: 1; } .testimonial-slider .slick-prev:before { font-family: "Font Awesome 5 Free"; content: "\f053"; font-size: 16px; font-weight: 900; } .testimonial-slider .slick-next:before { font-family: "Font Awesome 5 Free"; content: "\f054"; font-size: 16px; font-weight: 900; } .faq-section-inner { margin: 0; padding: 80px 0 80px; } @media (max-width: 1199.98px) { .faq-section-inner { margin: 0; padding: 80px 0 80px; } } @media (max-width: 991.98px) { .faq-section-inner { margin: 0; padding: 40px 0; } } .faq-inner-page { background-color: #ffffff; margin: 0; padding: 80px 0 55px; } .faq-inner-info .accordion-item { margin-bottom: 25px; } .faq-inner-info .accordion-item:last-child { margin-bottom: 25px; } @media (max-width: 575.98px) { .testimonial-content { text-align: center; } } @media (max-width: 479.98px) { .testimonial-content .section-inner-header h2 { font-size: 16px; } } .onboard-page { overflow: hidden; } .right-panel-title { background: #0C4F8A; padding: 10px; display: none; } .onboard-wrapper { overflow: hidden; height: 100vh; background: #ffffff; } .left-panel { background-color: #0C4F8A; width: 25%; padding: 45px; height: 100vh; overflow: auto; flex-direction: column; -ms-overflow-style: none; scrollbar-width: none; } .left-panel::-webkit-scrollbar { display: none; } @media (max-width: 991.98px) { .left-panel { display: none; } } .right-panel { width: 75%; height: 100vh; overflow: auto; align-items: center; justify-content: center; padding: 0 15px; flex-wrap: wrap; } .right-panel .select2-container .select2-selection--single { border: 1px solid #E6E9F4; height: 54px; background: #F5F6FA; } .right-panel .select2-container .select2-selection--single:focus { border-color: #09E5AB; background-color: #ffffff; } .right-panel .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 14px; font-weight: 400; font-weight: normal; line-height: 54px; color: #585858; } .right-panel .select2-container--default .select2-selection--single .select2-selection__arrow { height: 54px; right: 7px; } .right-panel .accordion-item:first-of-type { margin-bottom: 16px; border-radius: 6px; overflow: hidden; } .right-panel .accordion-item:not(:first-of-type) { border-top: 1px solid rgba(0, 0, 0, 0.125); margin-bottom: 16px; border-radius: 6px; overflow: hidden; } .right-panel .accordion-button { padding: 20px; } .right-panel .accordion-button::after { transform: rotate(-90deg); } .right-panel .accordion-button:not(.collapsed)::after { transform: rotate(0deg); } .right-panel .accordion-button:focus { box-shadow: 8px 7px 14px -15px rgba(0, 0, 0, 0.4); } .right-panel .accordion-button:not(.collapsed) { background-color: #ffffff; color: #000000; } .right-panel .accordion-body { padding: 1rem 1rem; } @media (max-width: 991.98px) { .right-panel { width: 100%; height: auto; padding: 0px; } } .onboard-img { margin: auto; padding: 70px 0px 20px 0px; animation: mymove 1s ease-in-out infinite alternate; text-align: center; width: 240px; } .onboard-content h3 { color: #ffffff; font-weight: 600; font-size: 21px; } .onboard-content p { color: #ffffff; font-weight: 200; font-size: 13px; } .onboarding-slider { margin-top: 10px; } #onboard-slider .owl-dots { margin-top: 0px; justify-content: center; } #onboard-slider .owl-nav { display: none; } #onboard-slider.owl-theme .owl-dots .owl-dot span { background-color: #09E5AB; width: 15px; height: 6px; border-radius: 50px; transition: 0.5s all; margin: 5px 3px 0; display: block; position: relative; } #onboard-slider.owl-theme .owl-dots .owl-dot.active span { background-color: #ffffff; width: 50px; border-radius: 50px; } .on-board-wizard { position: sticky; top: 65px; } .on-board-wizard ul { list-style: none; padding: 0px; } .on-board-wizard ul li a { align-items: center; background: #ffffff; border: 1px solid #F4F4F4; box-shadow: 0px 4px 4px rgba(212, 237, 255, 0.25); border-radius: 4px; margin: 0 0 18px 0; padding: 13px 5px 13px 8px; transition: 0.1s ease-out; } .on-board-wizard ul li a:hover { box-shadow: 8px 7px 14px -15px rgba(0, 0, 0, 0.4); } .onboarding-list h6 { font-weight: 600; font-size: 16px; color: #000000; } .onboarding-list p { font-weight: 300; font-size: 13px; color: #585858; margin-bottom: 0px; } li:hover .onboarding-list h6 { color: #000000; } .onboarding-progress { margin-right: 20px; min-width: 35px; height: 35px; background: #F4F4F4; border-radius: 50px; justify-content: center; align-items: center; color: #000000; } .onboarding-progress.active { background: #10916F; color: #ffffff; } .onboarding-progress span { font-size: 13px; } .onboarding-title h2 { font-weight: 500; font-size: 24px; margin-bottom: 10px; } .onboarding-title h2 span { color: #FF0202; } .onboarding-title h6 { font-weight: 400; font-size: 15px; color: #585858; margin-bottom: 25px; line-height: 1.5; } .onboarding-title h6 span { font-weight: 600; } .onboarding-title.profile-title { margin-bottom: 35px; } .onboarding-title.pass-title { margin-bottom: 32px; } .onboarding-content-box { margin-top: 20px; margin: 20px 0 0 0; padding: 50px; background: #ffffff; box-shadow: 0px 24px 24px rgba(212, 237, 255, 0.3); border-radius: 4px; border: 1px solid #E6E9F4; } .onboarding-content-box.content-wrap { flex-direction: column; min-height: 580px; } .onboarding-content-box.lock-box { padding: 70px; } .onboarding-btn a { background: #09E5AB; border-radius: 6px; padding: 15px 50px; color: #ffffff; font-weight: 600; font-size: 16px; display: inline-block; border: 1px solid #09E5AB; transition: all 0.5s; } .onboarding-btn a:hover { box-shadow: inset 0 60px 0 0 #10916F; border-color: #10916F; } .onboarding-btn.Personalize-btn { margin-top: 30px; } .onboarding-btn.Consultation-btn { margin-top: 70px; } .onboarding-btn.Consultation-btn a:nth-child(2) { background: #ffffff; border-radius: 6px; padding: 15px 50px; color: #0C4F8A; border: none; } .onboarding-btn.Consultation-btn a:nth-child(2):hover { box-shadow: none; color: #09E5AB; } .onboarding-btn.Consultation-btn.cost-btns { margin-top: 40px; } .onboarding-btn.prefer-btn { margin-top: 70px; } .onboarding-btn.pop-btn { margin-top: 4px; } .passcode-wrap input, .passcode-wrap select, .passcode-wrap textarea { background-color: #F5F6FA; border: 1px solid #E6E9F4; border-radius: 5px; width: 60px; height: 54px; text-align: center; color: #354052; font-size: 20px; font-weight: 500; margin-right: 23px; } .passcode-wrap input:focus { color: #354052; border-color: #09E5AB; background-color: #ffffff; outline: none; } .passcode-wrap.mail-box input { width: 100%; text-align: unset; font-size: 14px; height: 54px; } .passcode-wrap.mail-box select { width: 100%; text-align: unset; font-size: 14px; font-weight: 400; border: 1px solid #E6E9F4 !important; outline: none; color: #585858; padding: 0px 10px; } .passcode-wrap.mail-box textarea { width: 100%; height: 145px; text-align: unset; font-size: 14px; font-weight: 400; border: 1px solid #E6E9F4; outline: none; resize: none; } .passcode-wrap select:focus { color: #354052; border-color: #09E5AB !important; background-color: #ffffff; outline: none; } .passcode-wrap.form-focus.focused .focus-label { opacity: 1; top: -31px; font-size: 12px; z-index: 1; background: #ffffff; padding: 0px 5px; color: #5EC6CD; font-weight: 400; } .passcode-wrap.form-focus .focus-label { top: -4px; color: #585858; } .passcode-wrap textarea:focus { color: #354052; border-color: #09E5AB; background-color: #ffffff; outline: none; } .passcode-wrap.form-floating > label { color: #585858; font-size: 14px; } .mail-icon { background: url("../img/mail-box.png") no-repeat 99% 50%; } .form-focus .focus-label span { color: #F0142F; } .placeholder-style::placeholder { font-family: "Poppins"; font-weight: 400; font-size: 14px; color: #585858; opacity: 1; } .placeholder-style:-ms-input-placeholder { color: #585858; } .placeholder-style::-ms-input-placeholder { color: #585858; } .onboarding-lable { font-family: "Poppins"; font-weight: 500; font-size: 14px; margin-bottom: 10px; } .onboarding-lable span { color: #FF0202; } .upload-pic { align-items: center; border-radius: 10px; height: 163px; width: 183px; position: relative; justify-content: center; flex-direction: column; overflow: hidden; border: 1px dashed #8F9BBA; } .upload-pic img { max-width: 100%; border-radius: 10px; } .upload-pic h6 { margin-top: 12px; font-weight: 500; font-size: 16px; color: #8F9BBA; } .upload-pic.patient-photo-upload { align-items: center; border-radius: 10px; justify-content: center; flex-direction: column; overflow: hidden; width: 265px; height: 235px; background: #F5F6FA; border: none; } .upload-pics input[type=file] { opacity: 0; width: 40px; height: 63px; position: absolute; cursor: pointer; top: -15px; right: 8px; margin-right: 0px; } .photo-norms h5 { color: #8F9BBA; font-weight: 400; font-size: 14px; margin-bottom: 35px; } .btn-profile img { height: 40px; width: 40px; position: absolute; top: 11px; right: 8px; cursor: pointer; } .switch { position: relative; display: inline-block; width: 60px; height: 34px; } .switch input { opacity: 0; width: 0; height: 0; } .tog-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #F5F6FA; -webkit-transition: 0.4s; transition: 0.4s; } .tog-slider:before { position: absolute; content: ""; height: 16px; width: 16px; bottom: 4px; background-color: #008F64; -webkit-transition: 0.4s; transition: 0.4s; top: 4px; left: 4px; } .tog-slider.round { border-radius: 30px; width: 56px; height: 28px; border: 2px solid #F3F3F3; } .tog-slider.round:before { border-radius: 50%; } input:checked + .tog-slider { background-color: #008F64; } input:checked + .tog-slider:before { -webkit-transform: translateX(32px); -ms-transform: translateX(32px); transform: translateX(32px); background: #ffffff; left: -1px; } .save-card { margin-left: 22px; } .save-card h5 { font-weight: 500; font-size: 14px; } .save-card h6 { font-weight: 400; font-size: 14px; color: #8F9BBA; } .save-detail { padding: 25px 0 0; } .payment-icon { position: relative; } .payment-icon img { position: absolute; top: 250px; } .avail-content { margin-left: 15px; margin-top: 4px; } .avail-content h6 { color: #10916F; } .weekDays-selector input { display: none !important; } .weekDays-selector input[type=checkbox] + label { display: inline-block; border-radius: 4px; background: #ffffff; padding: 8px 0px; width: 60px; margin-right: 3px; line-height: 40px; text-align: center; cursor: pointer; border: 1px solid #E6E9F4; font-weight: 400; font-size: 20px; } .weekDays-selector input[type=checkbox]:checked + label { background: #F5F6FA; color: #000000; } .consult-option { position: relative; } .call-option { position: relative; width: 33%; margin-right: 10px; } .call-option.file-option { margin-right: 0px; background: #F5F6FA; border-radius: 10px; border: 2px dashed #E6E9F4; width: 100%; } .call-option.verify-account { min-width: 242px; } .option-radio { appearance: none; display: none; } .option-radio:checked + .call-lable { box-shadow: 0 0 0 60px #0C4F8A inset; color: #ffffff; } .option-radio:checked + .call-lable img { filter: brightness(0) invert(1); } .call-lable { align-items: center; justify-content: center; position: relative; transition-duration: 0.5s; margin-bottom: 0px; font-size: 16px; font-weight: 500; width: 100%; min-height: 75px; text-align: center; border: 1px solid #E6E9F4; cursor: pointer; } .call-lable img { margin-right: 6px; margin-bottom: 5px; } .call-lable.verify-lable.verify-lable { width: 100%; height: 170px; font-size: 14px; font-weight: 400; flex-direction: column; align-items: center; justify-content: center; } .call-lable.verify-lable.verify-options { height: 105px; align-items: center; justify-content: center; flex-direction: column; padding: 0px; border-radius: 5px; } .accordion-body .onboarding-title h2 { font-size: 16px; } .accordion-body .onboarding-title h6 { font-size: 14px; } .prefer-box { border-radius: 4px; box-shadow: 0px 4px 24px rgba(227, 227, 227, 0.25); width: 100%; padding: 36px; color: #000000; font-size: 16px; font-weight: 400; border: 1px solid #E6E9F4; } .prefer-box .right-sec i { font-size: 16px; color: #433489; } .prefer-box:hover { box-shadow: 0px 0px 10px 3px rgb(212, 237, 255); } .verify-item { margin-bottom: 15px; font-size: 14px; line-height: 1.8; } .verify-item::marker { color: #0C4F8A; font-size: 120%; } .verify-list { padding: 0 0 0 20px; margin-bottom: 0px; } .verify-list li:last-child { margin-bottom: 0px; } .upload-sucess-note h6 { color: #10906F; font-weight: 400; font-size: 16px; } .upload-sucess-note h6:nth-child(2) { color: #3E45EB; font-weight: 400; font-size: 16px; margin-top: 18px; } .upload-sucess-note h6:nth-child(2) i { margin-left: 4px; cursor: pointer; } .verify-box { background: #FAFDFF; padding: 16px; } .modal-content.id-pop-content { border-radius: 10px; } .modal-header.id-pop-header { border-bottom: none; padding: 2rem 1rem 1rem 1rem; } .modal-footer.id-pop-footer { border-top: none; padding: 0.75rem 0rem 2rem 0rem; } .modal-body.id-pop-body { padding: 1rem 3rem; } .modal-body.id-pop-body h2 { font-weight: 500; font-size: 28px; margin-bottom: 14px; } .modal-body.id-pop-body p { font-weight: 400; font-size: 15px; color: #585858; } .modal-body.id-pop-body h3 { font-weight: 500; font-size: 20px; } .modal-body.id-pop-body span { font-weight: 500; font-size: 20px; color: #228FE0; padding-bottom: 30px; display: block; } .modal.show .modal-dialog.id-upload { max-width: 600px; } .fade.fade-custom { background: rgba(0, 0, 0, 0.8); } .set-path { width: 100%; height: 100vh; align-items: center; justify-content: center; } .lock-content img { margin-bottom: 20px; } .lock-content h2 { font-weight: 500; font-size: 24px; } .lock-content h6 { margin: 15px 0px 30px 0px; font-weight: 400; font-size: 16px; color: #585858; } .lock-content a { color: #FF0202; font-weight: 600; font-size: 16px; } .lock-content a:hover { color: #000000; } .mail-icon2 { background: url(../img/icons/phone.png) no-repeat 99% 50%; } .pass-icon { background: url(../img/icons/password-duotone.svg) no-repeat 99% 50%; } .pass-icon-1 { background: url(../img/icons/fluent-password.svg) no-repeat 99% 50%; } .forms-block.pass-group { margin-bottom: 2rem; } .method-btn a { color: #0C4F8A; font-weight: 500; font-size: 14px; } .method-btn a:hover { color: #09E5AB; } .code-title { background: rgba(76, 218, 180, 0.1); border-radius: 4px; margin: 30px 0px; padding: 12px 15px; } .code-title h6 { color: #10916F; font-weight: 400; font-size: 15px; margin-bottom: 0px; } .opt-resend { padding-top: 30px; position: relative; } .opt-resend a { font-weight: 500; font-size: 16px; position: absolute; left: 0px; } .upload-patient-btn { position: relative; margin-bottom: 15px; } .upload-patient-btn:hover .pic-upload-btn { color: #09E5AB; } #patient-verified .modal-body.id-pop-body p { font-size: 16px; max-width: 280px; margin: auto; } .upload-patient-pic { padding: 10px 0px 30px 0px; } .upload-patient-pic input[type=file] { opacity: 0; max-width: 468px; min-height: 60px; cursor: pointer; top: 0px; left: 87px; position: absolute; } .pic-upload-btn { margin: auto; padding: 20px; background: #ffffff; border: 1px solid #F4F4F4; box-shadow: 0px 4px 10px rgba(225, 225, 225, 0.25); border-radius: 5px; cursor: pointer; display: block; max-width: 475px; text-align: center; z-index: 99999; } .onboarding-contents { justify-content: center; } .uploads-report { display: none; flex-direction: column; justify-content: center; align-items: center; } .uploads-report a:nth-child(1) { margin-bottom: 20px; } .select-gender-option [type=radio]:checked, .select-gender-option [type=radio]:not(:checked) { position: absolute; left: -9999px; } .select-gender-option [type=radio]:checked + label, .select-gender-col [type=radio]:not(:checked) + label { position: relative; cursor: pointer; display: inline-block; } .select-gender-option label { background: #ffffff; box-shadow: 0px 4px 24px rgba(194, 194, 194, 0.25); border-radius: 5px; padding: 28px; width: 100%; text-align: center; position: relative; } .select-gender-option [type=radio]:not(:checked) + label:after { opacity: 0; } .select-gender-option [type=radio]:checked + label:after, .select-gender-option [type=radio]:not(:checked) + label:after { content: ""; width: 100%; height: 100%; background: transparent; position: absolute; top: 0; left: 0; background: rgba(212, 237, 255, 0.25); border: 2px solid #228FE0; box-shadow: 0px 4px 24px rgba(34, 143, 224, 0.04); border-radius: 5px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border: 2px solid #0de0fe; } .login-header .form-focus .focus-label { top: -6px; color: #585858; } .relative-form { position: relative; background: #F5F6FA; border: 1px solid #E6E9F4; border-radius: 5px; min-height: 54px; padding: 6px 15px; align-items: center; } .relative-form span { color: #131523; } .relative-form .form-control::placeholder { color: #131523; font-weight: 400; font-size: 14px; } .relative-form .btn { border-radius: 6px; padding: 5px 15px; position: absolute; top: 7px; right: 7px; } .relative-file-upload { color: #000; padding: 11px 35px; font-size: 14px; margin-bottom: 0; cursor: pointer; position: absolute; right: 4px; -webkit-transition: 0.7s; -moz-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; background: #EEEEEE; border-radius: 4px; } .relative-file-upload:hover { color: #ffffff; background: #bdb8b8; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .relative-file-upload input[type=file] { position: absolute; top: 0; right: 0; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: #ffffff; cursor: inherit; display: block; } .onboarding-content .checklist-col .custom_check .checkmark { width: 35px; } .onboarding-content .checklist-col .custom_check .checkmark:after { left: 10px; top: 3px; } .onboarding-content .checklist-col.pregnant-col .remember-me-col .custom_check .checkmark { border-color: #228FE0; } .onboarding-content .checklist-col .remember-me-col { border-bottom: 1px solid #F4F4F4; } .onboarding-content .custom_check .checkmark { left: -10px; } .onboarding-content .custom_check .checkmark::after { color: #ffffff; } .onboarding-content .custom_check input:checked ~ .checkmark { background-color: #228FE0; } .onboarding-content .increment-decrement .input-groups input[type=button] { background-color: transparent; font-size: 20px; border: 1px solid #228FE0; border-radius: 4px; height: 24px; width: 35px; align-items: center; justify-content: center; -webkit-justify-content: center; margin-top: 0px; line-height: 0; padding: 0px; color: #228FE0; } .modal-footer.id-pop-footer.text-center { justify-content: center; } @keyframes mymove { to { transform: translateY(-5px); } } @media (max-width: 991.98px) { .right-panel-title { display: block; } .right-panel-title img { max-width: 140px; } .onboarding-content-box.content-wrap { min-height: auto; } .onboarding-list h6 { font-size: 15px; } .onboarding-list p { font-size: 13px; } .onboarding-progress span { font-size: 12px; } .onboarding-title h2 { font-weight: 450; font-size: 22px; } .onboarding-title h6 { font-size: 14px; } .onboarding-lable { font-size: 13px; } .passcode-wrap.mail-box input { font-size: 14px; height: 50px; } .passcode-wrap.mail-box textarea { height: 100px; } .passcode-wrap.form-focus .focus-label { top: -8px; } .passcode-wrap input { width: 77px; height: 50px; font-size: 24px; font-weight: 400; } .right-panel .select2-container .select2-selection--single { height: 50px; } .right-panel .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; } .right-panel .select2-container--default .select2-selection--single .select2-selection__arrow { height: 50px; } .onboarding-btn { margin-top: 75px; } .onboarding-btn a { padding: 13px 45px; font-size: 14px; } .onboarding-btn.step-2-btn { margin-top: 50px; } .onboarding-btn.Consultation-btn.cost-btns { margin-top: 10px; } .onboarding-content-box { margin-top: 0px; padding: 30px; } .method-btn a { font-size: 12px; } .code-title { padding: 10px 12px; margin: 22px 0px; } .code-title h6 { font-size: 14px; } .weekDays-selector input[type=checkbox] + label { font-size: 16px; padding: 14px 22px; } .onboard-wrapper { height: auto; } .modal.show .modal-dialog.id-upload { max-width: 400px; } .modal-header.id-pop-header { padding: 5px; } .modal-body.id-pop-body { padding: 5px; } .modal-body.id-pop-body h2 { font-size: 20px; } .modal-body.id-pop-body p { font-size: 12px; } .modal-footer.id-pop-footer { border-top: none; padding: 2px 0px 5px 0px; } .call-lable { font-size: 14px; width: 172px; } .call-lable.verify-lable.verify-lable { height: 120px; } .upload-sucess-note h6 { font-size: 14px; } .upload-sucess-note h6:nth-child(2) { font-size: 14px; } .payment-icon img { top: -168px; right: 10px; } .tog-slider:before { height: 12px; width: 12px; } .tog-slider.round { width: 50px; height: 22px; } .save-card h6 { font-size: 13px; margin-bottom: 0px; } .prefer-box { padding: 24px; font-size: 14px; } .call-option { width: max-content; } .onboard-page { overflow: auto; } .on-board-wizard { padding-top: 25px; top: 50px; } } @media (max-width: 575.98px) { .onboarding-progress span { font-size: 13px; } .onboarding-title { text-align: center; } .onboarding-title h2 { font-weight: 500; font-size: 18px; } .onboarding-title h6 { font-size: 14px; } .verify-box { padding: 5px; } .verify-item { font-size: 14px; margin-bottom: 2px; } .onboarding-content-box { padding: 20px; } .btn-profile img { height: 30px; width: 30px; } .upload-pic { height: 100px; width: 120px; } .upload-pic h6 { font-size: 14px; } .passcode-wrap.mail-box input { font-size: 10px; height: 40px; } .passcode-wrap.mail-box textarea { height: 90px; } .passcode-wrap.form-focus .focus-label { top: -9px; } .passcode-wrap input { width: 48px; height: 43px; font-size: 19px; font-weight: 400; } .onboarding-btn { margin-top: 10px; text-align: center; } .onboarding-btn.Personalize-btn { margin-top: 15px; text-align: center; } .onboarding-btn a { padding: 10px 30px; font-size: 14px; margin-top: 15px; } .onboarding-btn.step-2-btn { margin-top: 25px; } .onboarding-btn.prefer-btn { margin-top: 10px; } .onboarding-btn.Consultation-btn { margin-top: 15px; } .on-board-wizard { padding-left: 0px; } .right-panel .select2-container .select2-selection--single { height: 43px; } .right-panel .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; font-size: 14px; } .right-panel .select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px; } .right-panel .accordion-button { padding: 20px; } .select2-results__option[aria-selected] { font-size: 11px; } .consult-option { flex-direction: column; align-items: center; } .call-option { margin-bottom: 20px; margin-right: 0px; } .call-lable { font-size: 14px; } .call-lable.verify-lable.verify-options { width: 253px; height: 118px; } .call-lable.verify-lable.verify-lable { height: 100px; } .code-title { margin: 10px 0px; } .code-title h6 { font-size: 12px; } .weekDays-selector input[type=checkbox] + label { padding: 12px 22px; font-size: 14px; margin-bottom: 10px; } .modal-body.id-pop-body h2 { font-size: 18px; } .modal-body.id-pop-body p { font-size: 14px; margin-bottom: 0px; } .modal-body.id-pop-body span { font-size: 18px; padding-bottom: 10px; } .upload-pics input[type=file] { height: 60px; } .photo-norms h5 { margin-bottom: 0px; } .upload-sucess-note h6 { font-size: 13px; } .payment-icon img { top: -210px; } .prefer-box { padding: 12px; font-size: 14px; } .relative-file-upload { padding: 9px 10px; } .opt-resend { padding-top: 12px; padding-bottom: 30px; } .opt-resend a { font-size: 14px; left: auto; left: 0px; } .select-gender-option { flex-direction: column; } } .signup-option-btns .signup-btn-info { width: 100%; background: #F5F5F5; border: 1px solid #E4E4E8; border-radius: 8px; margin: 0; padding: 12px 15px; margin-bottom: 20px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .signup-option-btns .signup-btn-info:hover { background: #ffffff; border: 1px solid #0E82FD; box-shadow: 0px 22px 38px rgba(0, 0, 0, 0.12); -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .signup-option-btns .signup-btn-info:hover .signup-arrow { background: #0E82FD; color: #ffffff; -webkit-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; } .signup-option-btns .signup-btn-info:last-child { margin-bottom: 0; } @media (max-width: 991.98px) { .signup-option-btns .signup-btn-info { margin: 0; padding: 10px; margin-bottom: 20px; } } .signup-info .signup-icon { margin-right: 16px; } .signup-content { text-align: left; } .signup-content h4 { font-weight: 500; font-size: 20px; margin-bottom: 6px; } @media (max-width: 991.98px) { .signup-content h4 { font-size: 18px; } } .signup-content p { color: #71717A; margin-bottom: 0; font-size: 14px; } .signup-arrow { width: 37px; height: 37px; background: #ffffff; color: #000000; font-size: 16px; border-radius: 50px; -webkit-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; } .terms-check-box label { color: #838383; } .terms-check-box label a { color: #525252; text-decoration: underline; } .terms-check-box label a:hover { color: #0E82FD; } .account-signup { text-align: center; } .account-signup p { color: #696969; margin-bottom: 0; } .account-signup p a { font-size: 14px; font-weight: 500; color: #0E82FD; text-decoration: underline; } .account-signup p a:hover { color: #0E82FD; text-decoration: none; } .login-verify-img { padding-bottom: 50px; } @media (max-width: 991.98px) { .login-verify-img { padding-bottom: 30px; } } @media (max-width: 767.98px) { .login-verify-img { padding-bottom: 20px; } } .otp-box .forms-block { margin-bottom: 30px; } @media (max-width: 767.98px) { .otp-box .forms-block { margin-bottom: 20px; justify-content: start; } } .otp-box input { width: 74px; height: 74px; background: #f9f9f9; border: 2px solid #ACACAC; border-radius: 8px; text-align: center; margin-right: 15px; font-weight: 700; font-size: 26px; color: #000000; outline: none; } .otp-box input:last-child { margin-right: 0; } @media (max-width: 991.98px) { .otp-box input { width: 68px; height: 68px; } } @media (max-width: 767.98px) { .otp-box input { width: 60px; height: 60px; font-size: 24px; } } .otp-info { padding-bottom: 20px; } @media (max-width: 767.98px) { .otp-info { padding-bottom: 0; } } .otp-code p { color: #5B5B5B; margin-bottom: 8px; } .otp-code a { font-weight: 500; color: #0E82FD; text-decoration: underline; } .otp-code a:hover { text-decoration: none; } .otp-sec p { background: #f9f9f9; border-radius: 4px; color: #717171; padding: 4px 7px; } .otp-sec p i { font-size: 16px; margin-right: 6px; } .forgot-link { font-weight: 500; color: #0E82FD; margin-bottom: 10px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .forgot-link:hover { color: #000000; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .signup-code { font-size: 11px; color: #9E9E9E; margin: 7px 0 0 0; padding: 0; } .multistep-form #first { display: block; } .multistep-form fieldset { display: none; width: 100%; } .widget-setcount { padding-bottom: 40px; } .widget-setcount ul { margin: 0; padding: 0; list-style: none; } .widget-setcount ul li { margin-right: 0; margin-bottom: 10px; position: relative; } .widget-setcount ul li:last-child { margin-right: 0; } .widget-setcount ul li:last-child:before { display: none; } .widget-setcount ul li:before { position: absolute; top: 50%; right: -66px; content: ""; width: 50px; height: 2px; background: #E0E0E0; } .widget-setcount ul .progress-activated:before { background: #0E82FD; } .widget-setcount .step-icon { width: 45px; height: 45px; background: #c9e3fe; border-radius: 50px; margin-right: 15px; } .widget-setcount .step-content p { color: #E0E0E0; margin-bottom: 5px; } .widget-setcount .step-content h4 { font-weight: 500; font-size: 16px; color: #E0E0E0; margin-bottom: 0; } .widget-setcount .progress-activated .step-icon { background: #0E82FD; } .widget-setcount .progress-activated .step-content p { color: #858585; } .widget-setcount .progress-activated .step-content h4 { color: #000000; } .widget-setcount .progress-active .step-icon { background: #0E82FD; } .widget-setcount .progress-active .step-content p { color: #858585; } .widget-setcount .progress-active .step-content h4 { color: #000000; } .form-check-box .custom_check { margin-bottom: 0; } .form-check-box .custom_check .checkmark::after { content: ""; background: #0E82FD; width: 12px; height: 12px; top: 3px; left: 3px; border-radius: 3px; } /*.custom_check { color: $__congo_brown; display: $__inline__block; position: $__relative; font-size: $__font__size__14; padding-left: 30px; margin-bottom: 10px; cursor: $__pointer; user-select: $__none } .custom_check input { position: $__absolute; opacity: 0; cursor: $__pointer; } .custom_check input:checked ~ .checkmark { background-color: $__white; border-color: $__misty_rose; } .custom_check .checkmark { @include position($__absolute, 0, null, null, 0); height: 20px; width: 20px; border: 1px solid $__white_shade; background-color: $__white; border-radius: 3px; @include transition(all 0.3s ease-in-out); } .custom_check .checkmark::after { content: "\f00c"; font-family: $__fontawesome__family; font-weight: $__bolder; @include position($__absolute, 50%, null, null, 4px); display: $__none; color: $__blue__14; font-size: $__font__size__12; } .custom_check input:checked ~ .checkmark:after { display: $__block; } */ .contact-section { margin: 0; padding: 80px 0 55px; } @media (max-width: 991.98px) { .contact-section { margin: 0; padding: 40px 0 15px; } } @media (max-width: 767.98px) { .contact-section { margin: 0; padding: 40px 0 20px; } } .contact-inner-header { margin-bottom: 40px; } @media (max-width: 767.98px) { .contact-inner-header { margin-bottom: 30px; } } .contact-card { border: 2px solid #E9EAF6; border-radius: 0; } .contact-card .card-body { margin: 0; padding: 30px; } @media (max-width: 991.98px) { .contact-card .card-body { margin: 0; padding: 20px; } } @media (max-width: 767.98px) { .contact-card .card-body { margin: 0; padding: 15px; } } .contact-icon { color: #0E82FD; font-size: 44px; margin-right: 20px; } @media (max-width: 991.98px) { .contact-icon { font-size: 40px; margin-right: 15px; } } .contact-details h4 { font-weight: 600; font-size: 20px; color: #0A0B0D; margin-bottom: 8px; } @media (max-width: 991.98px) { .contact-details h4 { font-size: 18px; } } .contact-details p { font-size: 16px; margin-bottom: 0; } @media (max-width: 991.98px) { .contact-details p { font-size: 14px; } } .contact-form-card { background: #F8FBFF; border-radius: 10px; border: 0; } .contact-form-card .card-body { margin: 0; padding: 30px; } @media (max-width: 991.98px) { .contact-form-card .card-body { margin: 0; padding: 20px; } } @media (max-width: 767.98px) { .contact-form-card .card-body { margin: 0; padding: 15px; } } .contact-form-card .form-group { margin-bottom: 25px; } .contact-form-card .form-group label { font-size: 12px; color: #0A0B0D; margin-bottom: 8px; } .contact-form-card .form-group .form-control { font-weight: 500; color: #6B7280; } .contact-form-card .form-group .form-control::placeholder { font-weight: 500; color: #6B7280; } .contact-form-card .form-group textarea.form-control { min-height: 150px; resize: none; } .contact-form-card .form-group-btn { margin-top: 35px; } .contact-form-card .form-group-btn .btn { border-radius: 5px; min-width: 150px; margin: 0; padding: 10px 15px; font-weight: 500; } .contact-map iframe { width: 100%; border: none; height: 450px; } .error-section { margin: 0; padding: 80px 0; } @media (max-width: 991.98px) { .error-section { margin: 0; padding: 40px 0; } } .error-img { padding-bottom: 50px; } @media (max-width: 767.98px) { .error-img { padding-bottom: 25px; } } .error-404-img { position: relative; } .error-404-content { width: 100%; position: absolute; bottom: 30px; } @media (max-width: 1399.98px) { .error-404-content { bottom: 0; } } @media (max-width: 767.98px) { .error-404-content { position: static; margin-top: 20px; } } .error-content h2 { font-weight: 600; font-size: 38px; color: #0A0B0D; margin-bottom: 10px; } @media (max-width: 991.98px) { .error-content h2 { font-size: 32px; } } @media (max-width: 767.98px) { .error-content h2 { font-size: 22px; } } .error-content p { font-weight: 500; font-size: 16px; color: #6B7280; margin-bottom: 40px; } @media (max-width: 767.98px) { .error-content p { font-size: 14px; margin-bottom: 20px; } } .error-content .btn { min-width: 246px; font-size: 18px; display: inline-block; margin: 0; padding: 13px 15px; } @media (max-width: 991.98px) { .error-content .btn { min-width: 230px; font-size: 16px; margin: 0; padding: 10px 15px; } } @media (max-width: 767.98px) { .error-content .btn { min-width: 150px; font-size: 14px; margin: 0; padding: 8px 15px; } } .coming-soon-count { width: 104px; height: 104px; margin: 0 16px 0 0; padding: 13px; border-radius: 50px; background: #0CE0FF; flex-shrink: 0; } .coming-soon-count:last-child { margin-right: 0; } .coming-soon-count h4 { font-weight: 600; font-size: 40px; color: #ffffff; margin-bottom: 0; } @media (max-width: 767.98px) { .coming-soon-count h4 { font-size: 20px; } } .coming-soon-count p { font-size: 18px; color: #ffffff; margin-bottom: 0; } @media (max-width: 767.98px) { .coming-soon-count p { font-size: 13px; } } @media (max-width: 767.98px) { .coming-soon-count { width: 66px; height: 66px; margin: 0 10px 0 0; padding: 8px; } } .terms-section { margin: 0; padding: 80px 0; } @media (max-width: 991.98px) { .terms-section { margin: 0; padding: 40px 0; } } .terms-section .terms-content { padding-bottom: 50px; } .terms-section .terms-content .terms-text { padding-bottom: 24px; } .terms-section .terms-content .terms-text:last-child { padding-bottom: 0; } .terms-section .terms-content .terms-text p { font-size: 16px; color: #6B7280; margin-bottom: 24px; } .terms-section .terms-content .terms-text p:last-child { margin-bottom: 0; } @media (max-width: 767.98px) { .terms-section .terms-content .terms-text p { font-size: 14px; margin-bottom: 20px; } } .terms-section .terms-content .terms-text.terms-list p { margin-bottom: 10px; } .terms-section .terms-content .terms-text.terms-list p i { position: relative; top: 4px; margin-right: 8px; color: #0E82FD; } @media (max-width: 991.98px) { .terms-section .terms-content { padding-bottom: 30px; } } .terms-btn .btn-right-now { font-weight: 500; font-size: 16px; margin: 0 15px 0 0; padding: 5px 15px; min-width: 149px; border-radius: 8px; color: #3F3F3F; background: #F3F3F3; border: 1px solid #F3F3F3; box-shadow: inset 0 0 0 0 #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .terms-btn .btn-right-now:hover { color: #ffffff; background: #0E82FD; border-color: #0E82FD; box-shadow: inset 0 0 0 50px #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } @media (max-width: 767.98px) { .terms-btn .btn-right-now { font-size: 14px; min-width: 130px; margin-right: 0; } } .terms-btn .btn-primary { padding: 5px 15px; min-width: 166px; font-weight: 600; } @media (max-width: 767.98px) { .terms-btn .btn-primary { min-width: 150px; } } @media (max-width: 767.98px) { .terms-btn { display: flex; align-items: center; justify-content: space-between; } } .consultation-info { padding-bottom: 25px; } .consultation-info p { font-weight: 500; font-size: 16px; color: #000000; margin-bottom: 20px; } @media (max-width: 991.98px) { .consultation-info p { margin-bottom: 15px; } } .consultation-list ul { margin: 0; padding: 0; list-style: none; } .consultation-list ul li { display: block; margin-bottom: 15px; } .consultation-list ul li:last-child { margin-bottom: 0; } .consultation-types a { font-weight: 500; font-size: 16px; color: #6B6B6B; background: #ffffff; border: 1px solid #c2c2c2; border-radius: 6px; min-width: 413px; margin: 0; padding: 10px 15px; } .consultation-types a:hover { color: #0E82FD; background: #ffffff; border: 1px solid #0E82FD; } .consultation-types a i { font-size: 18px; margin-right: 10px; } @media (max-width: 991.98px) { .consultation-types a { min-width: 300px; } } @media (max-width: 767.98px) { .consultation-types a { font-size: 14px; min-width: 250px; margin: 0; padding: 7px 15px; } } .consultation-types span { margin-left: 18px; font-size: 20px; color: #28a745; display: none; } .consultation-types.active a { color: #0E82FD; background: #ffffff; border: 1px solid #0E82FD; box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.07); } .consultation-types.active span { display: block; } .booking-device-img { margin-right: 15px; } .booking-doctor-info h3 { font-weight: 500; font-size: 16px; margin-bottom: 5px; } .booking-doctor-info .device-text { margin-bottom: 12px; } .booking-doctor-info .btn { font-weight: 500; font-size: 14px; margin: 0; padding: 4px 10px; min-width: 109px; color: #0E82FD; background: #ffffff; border: 2px solid #0E82FD; box-shadow: inset 0 0 0 0 #0E82FD; border-radius: 6px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .booking-doctor-info .btn:hover { color: #ffffff; background: #0E82FD; box-shadow: inset 0 0 0 50px #0E82FD; border: 2px solid #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .app-images a { margin-right: 8px; } .app-images a:last-child { margin-right: 0; } .booking-date { padding-bottom: 30px; } .booking-date p { color: #8C8C8C; margin: 0 10px 0 0; padding: 0; margin-right: 10px; margin-bottom: 0; } @media (max-width: 767.98px) { .booking-date p { margin: 0 0 10px 0; padding: 0; } } @media (max-width: 767.98px) { .booking-date { display: block; padding-bottom: 20px; } } @media (max-width: 767.98px) { .time-slot-card-body { padding-bottom: 0 !important; } } .booking-range .btn { background: #ffffff; border: 1px solid #E4E4E8; border-radius: 6px; font-size: 14px; font-weight: normal; color: #4A4A4A; margin: 0; padding: 10px 15px; } @media (max-width: 767.98px) { .booking-range .btn { font-size: 13px; margin: 0; padding: 10px; position: relative; } } .booking-range img { margin-right: 10px; } .booking-range i { font-size: 16px; margin-left: 10px; color: #5B5B5B; } .booking-card { border: 2px solid #F4F4F4; border-radius: 8px; margin-bottom: 25px; } .booking-date-slider { padding-bottom: 30px; } .date-slider { text-align: center; list-style: none; margin: 0; padding: 0; } .date-slider .slick-slide { display: block; margin: 0; padding: 0 5px; } .date-slider li h4 { font-weight: 500; font-size: 16px; color: #B9B9B9; margin-bottom: 5px; } @media (max-width: 1199.98px) { .date-slider li h4 { font-size: 13px; } } @media (max-width: 991.98px) { .date-slider li h4 { font-size: 16px; } } .date-slider li p { color: #D4D4D4; margin-bottom: 0; } .date-slider li.active h4 { color: #000000; } .date-slider li.active p { color: #AAAAAA; } .date-slider .slick-prev:before { content: " \e92f"; } .date-slider .slick-next:before { content: " \e930"; } .date-slider .slick-prev, .date-slider .slick-next { background: transparent; color: #000000; line-height: normal; } .date-slider .slick-prev:hover, .date-slider .slick-prev:focus, .date-slider .slick-next:hover, .date-slider .slick-next:focus { background-color: transparent; color: #09e5ab; opacity: 1; } .date-slider .slick-prev:hover:before, .date-slider .slick-prev:focus:before, .date-slider .slick-next:hover:before, .date-slider .slick-next:focus:before { color: #09e5ab; } .date-slider .slick-prev:before, .date-slider .slick-next:before { font-family: "feather"; font-size: 26px; } .time-slot { text-align: center; } .time-slot h4 { font-weight: 500; font-size: 16px; margin-bottom: 20px; } .time-slot ul { list-style: none; margin: 0; padding: 0; } .time-slot ul li { display: block; margin-bottom: 15px; } .time-slot li:last-child { margin-bottom: 0; } .time-slot li .timing { background: #F5F5F5; border: 2px solid #F3F3F3; border-radius: 8px; color: #595959; margin: 0; padding: 10px 15px; text-align: center; position: relative; box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .time-slot li .timing:hover { background: #ffffff; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .time-slot li .timing.active { background: #09e5ab; border: 2px solid #09e5ab; color: #ffffff; box-shadow: inset 0 0 0 0 #09e5ab; } .time-slot li .timing.active:hover { background: #09e5ab; border: 2px solid #09e5ab; color: #ffffff; box-shadow: inset 0 0 0 50px #09e5ab; } .time-slot li .timing i { margin-right: 4px; } .time-slot li .load-more-timings a { font-weight: 500; text-decoration: underline; color: #09e5ab; } .time-slot li .load-more-timings a:hover { color: #000000; } .time-slot .time-slot-open { display: none; } @media (max-width: 991.98px) { .time-slot { padding-bottom: 15px; } } .success-content { text-align: center; padding-bottom: 40px; } .success-content h4 { font-weight: 500; font-size: 18px; margin-bottom: 0; } @media (max-width: 991.98px) { .success-content h4 { font-size: 16px; } } @media (max-width: 991.98px) { .success-content { padding-bottom: 30px; } } .success-icon { padding-bottom: 15px; } .success-icon i { font-size: 50px; color: #28a745; } @media (max-width: 991.98px) { .success-icon i { font-size: 36px; } } .booking-success-info { padding-bottom: 20px; } .booking-success-info .booking-doctor-img { width: 90px; height: 90px; border-radius: 10px; margin-right: 15px; } .booking-success-info .booking-doctor-img img { width: 90px; height: 90px; border-radius: 10px; } .booking-success-info .booking-doctor-info p { margin-bottom: 15px; } .success-btn { text-align: center; padding-bottom: 25px; } .success-btn .btn { font-weight: 500; padding: 8px 18px; } @media (max-width: 767.98px) { .success-btn .btn { display: flex; } } .success-btn .btn-primary { margin-right: 15px; } @media (max-width: 767.98px) { .success-btn .btn-primary { margin: 0 0 10px 0; padding: 8px 18px; } } .success-btn .btn-light { color: #7C7C7C; background: #F5F5F5; } .success-dashboard-link { text-align: center; } .success-dashboard-link a { font-weight: 500; font-size: 15px; color: #959595; } .success-dashboard-link a:hover { color: #0E82FD; } .success-dashboard-link a i { margin-right: 12px; font-size: 16px; } @media (max-width: 767.98px) { .success-dashboard-link a { font-size: 14px; } } /*# sourceMappingURL=custom.css.map */ /* Extracted from */ .home_bg { position: relative; color: #fff; background-image: url('assets/images/banner/home.png'); background-size: cover; background-position: center center; } .home_content { margin-bottom: 20px; } .home_content h1 { font-size: 2.5rem; font-weight: bold; color: #414242; } .home_content span { color: #f39c12; /* Accent color for the span */ } .home_content p { font-size: 1.2rem; line-height: 1.5; margin: 15px 0; color: #2c2e2e; } .home_btn { margin-top: 20px; } .cta { display: inline-flex; align-items: center; padding: 15px 30px; background: #f39c12; /* Button color */ border-radius: 50px; color: #fff; font-weight: bold; text-decoration: none; transition: background 0.3s ease; } .cta:hover { background: #e67e22; /* Darker shade on hover */ } .home_me_img { position: relative; } .home_me_img img { max-width: 100%; border-radius: 10px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); } .home_ps, .home_ps2 { position: absolute; background: rgba(255, 255, 255, 0.9); padding: 10px; border-radius: 5px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); text-align: center; } .home_ps { top: 20px; left: 20px; } .home_ps2 { bottom: 20px; right: 20px; } .home_ps img, .home_ps2 img { width: 40px; /* Icon size */ margin-bottom: 5px; } .home_ps h2, .home_ps2 h2 { margin: 5px 0; font-size: 1.5rem; color: #404142; } .home_ps span, .home_ps2 span { font-size: 1rem; color: #666; } .blog-title { text-align: center; margin: 20px 0; } .blog-title h1 { font-size: 2.5rem; color: #333; } .blog-title a { text-decoration: none; color: #007bff; /* Link color */ } .blog-title a:hover { text-decoration: underline; } .blog-box { margin-bottom: 30px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); background-color: #fff; /* White background for the blog box */ } .blog-box img { border-radius: 10px 10px 0 0; /* Rounded corners for the image */ max-width: 100%; height: auto; } .blog-box h5 { font-size: 1.5rem; color: #333; } .blog-box p { color: #666; /* Medium color for blog text */ } .sidebar { background-color: #fff; /* White background for sidebar */ padding: 20px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .sidebar { background-color: #fff; /* White background for sidebar */ padding: 20px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .sidebar-title { font-size: 1.8rem; /* Larger font for the title */ margin-bottom: 20px; /* Space below title */ color: #333; /* Dark color for the title */ font-weight: bold; /* Bold font for the title */ } .recent-posts { display: flex; flex-direction: column; } .recent-post { display: flex; align-items: center; /* Align items in the center */ margin-bottom: 15px; /* Space between posts */ padding: 10px; border-radius: 8px; background-color: #f9f9f9; /* Light grey background for each post */ transition: background-color 0.3s; /* Smooth transition for hover effect */ } .recent-post:hover { background-color: #e9ecef; /* Darker grey on hover */ } .recent-post img { width: 60px; /* Set a fixed width for images */ height: 60px; /* Set a fixed height for images */ border-radius: 50%; /* Circular images */ margin-right: 15px; /* Space between image and text */ } .recent-post-link { text-decoration: none; /* Remove underline */ color: #007bff; /* Link color */ font-size: 1.1rem; /* Font size for post links */ font-weight: bold; /* Bold font for links */ } .recent-post-link:hover { color: #0056b3; /* Darker shade on hover */ text-decoration: underline; /* Underline on hover for emphasis */ } .post-date { font-size: 0.9rem; /* Smaller font for date */ color: #888; /* Medium color for date */ margin-top: 5px; /* Space above date */ } .blog-box { background-color: #fff; /* White background for the blog box */ border-radius: 8px; /* Rounded corners */ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */ overflow: hidden; /* Prevent overflow of child elements */ transition: transform 0.3s; /* Smooth scale effect on hover */ } .blog-box:hover { transform: scale(1.02); /* Slightly enlarge the box on hover */ } .blog-image { width: 100%; /* Full-width image */ height: 120px; /* Set a smaller height for the image */ object-fit: cover; /* Maintain aspect ratio while filling the area */ display: block; /* Make sure it behaves like a block element */ margin: 0 auto; /* Center the image */ } .blog-content { padding: 15px; /* Padding inside the content area */ } .post-date { font-size: 0.9rem; /* Smaller font size for date */ color: #888; /* Medium color for date */ margin-bottom: 10px; /* Space below date */ font-style: italic; /* Italicize date for distinction */ } .blog-title { font-size: 1.5rem; /* Larger font size for the title */ margin-bottom: 30px; /* Space below the title */ color: #333; /* Dark color for title */ } .blog-description { font-size: 1rem; /* Standard font size for the description */ color: #555; /* Medium color for description */ margin-bottom: 15px; /* Space below description */ } .blog-title .btn { background-color: #007bff; /* Primary button color */ color: #fff; /* White text */ padding: 10px 15px; /* Padding for button */ border: none; /* No border */ border-radius: 5px; /* Rounded button corners */ transition: background-color 0.3s; /* Smooth transition for background color */ text-decoration: none; /* Remove underline */ display: inline-block; /* Align button properly */ } .blog-title .btn:hover { background-color: #0056b3; /* Darker shade on hover */ } /* Extracted from */ .container2 { display: flex; gap: 20px; /* Space between the boxes */ } .box { width: 185px; height: 185px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; border: 2px solid #d74c17; padding: 10px; /*background-color: #f5c7ac;*/ border-radius: 50%; margin-top:10px; } .circle { padding-top: 62px; text-align: center; } .box .btn { padding: 5px 10px; background-color: #3498db; color: #fff; border: none; border-radius: 5px; cursor: pointer; } .box .btn:hover { background-color: #2980b9; } .section1-header1 { margin-bottom: 60px; position: relative; padding-bottom: 20px; } .manageimg{ width: 42px; margin-bottom: 10px; margin-top: -23px; } .section1-header1::before { content: ''; position: absolute; display: block; width: 60px; height: 5px; background: #f82249; bottom: 0; left: calc(50% - 25px); } .section1-header1 h2 { font-size: 36px; text-transform: uppercase; text-align: center; font-weight: 700; margin-bottom: 10px; } .section1-header1 p { text-align: center; padding: 0; margin: 0; font-size: 18px; font-weight: 500; color: #9195a2; } .work-porcess-area { margin-top: 50px; margin-bottom: 50px; } .work-porcess-area.white { background: #FFFFFF; } .work-porcess-area .process-info { margin-top: 7px; margin-bottom: 80px; } .work-porcess-area .process-info .single-process { width: 180px; height: 180px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; padding-top: 53px; margin: 0 auto; background: #FFFFFF; -webkit-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4); -o-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4); -moz-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4); -ms-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4); box-shadow: 0 10px 30px 0 rgb(0 188 212 / 28%); position: relative; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; cursor: pointer; } .work-porcess-area .process-info .single-process:hover { -webkit-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4) -o-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4) -moz-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4) -ms-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4) box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4) } .work-porcess-area .process-info .single-process:after { position: absolute; content: "\f101"; font-family: "fontawesome"; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -65px; color: #f82249; } .work-porcess-area .process-info .single-process.first { background: #f82249; } .work-porcess-area .process-info .single-process.first i:before { color: #FFFFFF; } .work-porcess-area .process-info .single-process.first h4 { color: #FFFFFF; } .work-porcess-area .process-info .single-process.thard { background: #f82249; } .work-porcess-area .process-info .single-process.thard i:before { color: #FFFFFF; } .work-porcess-area .process-info .single-process.thard h4 { color: #FFFFFF; } .work-porcess-area .process-info .single-process.last:after { display: none; } .work-porcess-area .process-info .single-process i { display: block; line-height: 25px; margin-bottom: 12px; } .work-porcess-area .process-info .single-process i:before { font-size: 36px; color: #f82249; } .work-porcess-area .process-info .single-process h4 { font-size: 16px; font-weight: 600; text-transform: capitalize; color: #4b5050; } @media only screen and (max-width: 767px) { .work-porcess-area .process-info .single-process::after { display: none; } .work-porcess-area .process-info .single-process{ margin-top: 30px; } .work-porcess-area .section-title h2{ margin-bottom: 5px; } .section-header h2 { font-size: 30px; } } /* Extracted from */ .error{ color: #red;} .conFormblock.homecareInsideform input.alertRed,.conFormblock.homecareInsideform select.alertRed,.conFormblock.homecareInsideform textarea.alertRed { border: 1px solid #ea0c0c !important; border-radius: 4px; font-family: inherit; } /* Extracted from */ #pagination { margin: 40 40 0; } ul.tsc_pagination li a { border: solid 1px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 6px 9px 6px 9px; } ul.tsc_pagination li { padding-bottom: 1px; } ul.tsc_pagination li a:hover, ul.tsc_pagination li a.current { color: #FFFFFF; box-shadow: 0px 1px #EDEDED; -moz-box-shadow: 0px 1px #EDEDED; -webkit-box-shadow: 0px 1px #EDEDED; } ul.tsc_pagination { margin: 4px 0; padding: 0px; height: 100%; overflow: hidden; font: 12px 'Tahoma'; list-style-type: none; } ul.tsc_pagination li { float: left; margin: 0px; padding: 0px; margin-left: 5px; } ul.tsc_pagination li a { color: black; display: block; text-decoration: none; padding: 7px 10px 7px 10px; } ul.tsc_pagination li a img { border: none; } ul.tsc_pagination li a { color: #0A7EC5; border-color: #8DC5E6; background: #F8FCFF; } ul.tsc_pagination li a:hover, ul.tsc_pagination li a.current { text-shadow: 0px 1px #388DBE; border-color: #3390CA; background: #58B0E7; background: -moz-linear-gradient(top, #B4F6FF 1px, #63D0FE 1px, #58B0E7); background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #B4F6FF), color-stop(0.02, #63D0FE), color-stop(1, #58B0E7)); } /* Extracted from */ #pagination { margin: 40 40 0; } ul.tsc_pagination li a { border: solid 1px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 6px 9px 6px 9px; } ul.tsc_pagination li { padding-bottom: 1px; } ul.tsc_pagination li a:hover, ul.tsc_pagination li a.current { color: #FFFFFF; box-shadow: 0px 1px #EDEDED; -moz-box-shadow: 0px 1px #EDEDED; -webkit-box-shadow: 0px 1px #EDEDED; } ul.tsc_pagination { margin: 4px 0; padding: 0px; height: 100%; overflow: hidden; font: 12px 'Tahoma'; list-style-type: none; } ul.tsc_pagination li { float: left; margin: 0px; padding: 0px; margin-left: 5px; } ul.tsc_pagination li a { color: black; display: block; text-decoration: none; padding: 7px 10px 7px 10px; } ul.tsc_pagination li a img { border: none; } ul.tsc_pagination li a { color: #0A7EC5; border-color: #8DC5E6; background: #F8FCFF; } ul.tsc_pagination li a:hover, ul.tsc_pagination li a.current { text-shadow: 0px 1px #388DBE; border-color: #3390CA; background: #58B0E7; background: -moz-linear-gradient(top, #B4F6FF 1px, #63D0FE 1px, #58B0E7); background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #B4F6FF), color-stop(0.02, #63D0FE), color-stop(1, #58B0E7)); } /* Extracted from */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --t: #16a7b7; --t2: #0e8a98; --tl: rgba(22,167,183,0.10); --o: #e8571e; --o2: #c9481a; --ol: rgba(232,87,30,0.10); --tx: #1a1a2e; --tm: #6b7280; --bd: #e5e7eb; --bg: #f0f4f8; --wh: #ffffff; --r: 12px; --rs: 8px; } /* Extracted from */ .registration-user-modal .modal-body .img-div { align-items: center; display: flex; flex-wrap: wrap } .registration-user-modal .modal-body .img-div img { display: block; margin: 0 auto } .registration-user-modal .modal-body .img-div ul { list-style: none; margin: 3rem 0 0; padding: 0 } .registration-user-modal .modal-body .img-div ul li { font-size: .875rem; margin-bottom: 1rem; padding-left: 1.5rem } .registration-user-modal .modal-body .img-div ul li svg { left: -.5rem; position: absolute } .registration-user-modal .modal-body .img-div ul li:last-child { margin: 0 } .registration-user-modal .modal-body .title { font-size: 1.25rem; font-weight: 400 } .registration-user-modal .modal-body .title strong { display: block; font-size: 1.75rem; margin-top: .5rem } .registration-user-modal .modal-body .captchaCode input { padding-left: 9.35rem } .registration-user-modal .modal-body .captchaCode label { margin-left: 9rem } .registration-user-modal .modal-body .captchaCode img { border-radius: 8px 8px; height: 33px; left: 1px; top: 1px } .registration-user-modal .modal-body .form-group { margin-bottom: 2.45rem } .registration-user-modal .modal-body .form-group.password-feild a { cursor: pointer; position: absolute; right: .15rem; top: 0 } .registration-user-modal .modal-body .form-group.password-feild a .full-opacity .svg-opacity { opacity: 1 } .registration-user-modal .modal-body .form-group .change-reg-num-btn { color: #007bff; font-size: .875rem; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%) } .registration-user-modal .modal-body .form-group-error { margin-bottom: 1rem } .registration-user-modal .modal-body .w-75-form { margin-top: 1.25rem } .registration-user-modal .modal-body .btn-container a { color: #343a40 } .registration-user-modal .modal-body .custom-checkbox { font-size: .875rem; margin-bottom: 1rem } .registration-user-modal .modal-body .d-flex .col-6 { font-size: .875rem } .merge-accounts { padding: 1rem 1.5rem 2rem } .merge-accounts .title { font-size: 1.75rem; font-weight: 400; margin-bottom: 0 } .merge-accounts .merge-account-text { color: #080808; font-size: 1.25rem } .merge-accounts .merge-account-container { display: flex; flex-wrap: wrap; margin: 0 -.5rem } .merge-accounts .merge-account-container .each-account { cursor: pointer; margin-bottom: 1rem; padding: 0 .5rem; width: 25% } .merge-accounts .merge-account-container .each-account.active .content { border: 1px solid #08ce73 } .merge-accounts .merge-account-container .each-account.active .content svg path { fill: #08ce73 } .merge-accounts .merge-account-container .each-account .content { border: 1px solid #dee2e6; border-radius: .25rem; padding: .5rem .5rem .5rem 2.625rem; position: relative } .merge-accounts .merge-account-container .each-account .content svg { left: .75rem; position: absolute; top: .75rem } .merge-accounts .merge-account-container .each-account .content p { font-weight: 500; margin-bottom: .5rem } .merge-accounts .merge-account-container .each-account .content span { color: #6c757d; display: block; font-size: .875rem; margin-bottom: .5rem } .merge-accounts .merge-account-container .each-account .content span:last-child { margin: 0 } .main-footer { border-radius: 0; box-shadow: -.125rem 0 .25rem rgba(8,8,8,.075); margin-top: 1rem; padding-top: .25rem } .main-footer .dynamic-footer-links h3 { font-size: 1.25rem } .main-footer .dynamic-footer-links button:active,.main-footer .dynamic-footer-links button:focus { outline: none } .main-footer a:hover { text-decoration: none } .main-footer .download-app { align-items: center; border-radius: 1rem; box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.078); display: flex; justify-content: space-between; margin: 2rem } .main-footer .download-app h1 { color: rgba(0,0,0,.871); font-size: 2rem; font-weight: 500; margin-bottom: 1.5rem } .main-footer .download-app p { color: #343a40; font-size: 20px; line-height: normal } .main-footer .contact { display: flex; justify-content: space-between; padding: 1rem } .main-footer .contact img { position: absolute } .main-footer .contact .col p,.main-footer .contact .col-6 p { display: inline-block; margin-bottom: 0 } .main-footer .contact .col-6 p { padding-left: 3.3rem; padding-right: 3.3rem } .main-footer .filled-form { display: inline-block; margin: 0 1rem; width: 55% } .main-footer .primary-links { align-items: center; display: flex; justify-content: space-between; margin: 1rem; padding-bottom: 1rem } .main-footer .primary-links a { color: #03f; font-size: .875rem; padding: 0 5px } .main-footer ul { list-style: none } .main-footer ul.inline-list { display: inline-flex; flex-wrap: wrap; margin: 0 0 1rem!important; padding: 0!important } .main-footer ul.inline-list li { display: inline-flex; font-size: 80%; line-height: 2; padding: 0 } .main-footer ul.inline-list li:after { content: "\\"; margin-left: .25rem; margin-right: .25rem } .main-footer ul.inline-list li:first-child { color: #343a40; display: block; font-size: .875rem; font-weight: 500; line-height: unset; margin-left: 0; padding-right: 5px; width: 100% } .main-footer ul.inline-list li:first-child:after,.main-footer ul.inline-list li:last-child:after { content: "" } .main-footer ul.inline-list li a,.main-footer ul.inline-list li button,.main-footer ul.inline-list li span { color: #576574 } .main-footer ul.inline-list li a:hover,.main-footer ul.inline-list li button:hover,.main-footer ul.inline-list li span:hover { color: #e71c37 } .main-footer ul.inline-list li:not(:first-child) { margin-right: 0 } .main-footer h6.title { font-size: 1.2rem; margin-top: .6rem } .main-footer .about-medplus { font-size: 80%; padding-bottom: 1rem } .main-footer .footer-img { background-color: #fafafa; margin: 0; padding-top: 1rem } .main-footer .bottom-text { background-color: #343a40; padding: 1rem } .main-footer .bottom-text ul { color: #fff; display: flex; font-size: 80%; justify-content: space-between; margin: 0; padding: 0 } .main-footer .bottom-text ul a { color: #fff } .main-footer .bottom-text img { height: 18px; margin-right: .3rem; vertical-align: bottom } .main-footer .btnReset { background: #fff; border: 1px solid #ccc!important; border-radius: 3px!important; -moz-border-radius: 3px!important; -khtml-border-radius: 3px!important; -webkit-border-radius: 3px!important; color: #000f04; padding-bottom: .5rem!important; padding-top: .5rem!important } .main-footer .btnReset:hover { background: 0 0; border: 1px solid #000f04!important; border-radius: 3px!important; -moz-border-radius: 3px!important; -khtml-border-radius: 3px!important; -webkit-border-radius: 3px!important; color: #000f04!important; transition: all .5s ease } .footerPayments button,.footerPayments div { background-image: url(../assets/Paymentlogos.b30dd220f669e8be7d6a.png); background-repeat: no-repeat; border-radius: 4px; display: inline-block; line-height: 2.5; margin: auto 5px; min-height: 32px; text-align: center!important; width: 84px } .footerPayments button:hover,.footerPayments div:hover { box-shadow: 0 .125rem .25rem rgba(8,8,8,.075) } .footerPayments button:focus,.footerPayments div:focus { outline: none } .footerPayments button.visa-position,.footerPayments div.visa-position { background-position: -228px -10px; width: 84px } .footerPayments button.mastercard-position,.footerPayments div.mastercard-position { background-position: -120px -10px; width: 84px } .footerPayments button.maestro-position,.footerPayments div.maestro-position { background-position: -12px -66px; width: 84px } .footerPayments button.paytm-position,.footerPayments div.paytm-position { background-position: -120px -122px; width: 84px } .footerPayments button.mobikwik-position,.footerPayments div.mobikwik-position { background-position: -120px -66px; width: 84px } .footerPayments button.phonepe-position,.footerPayments div.phonepe-position { background-position: -228px -66px; width: 84px } .footerPayments button.netbanking-position,.footerPayments div.netbanking-position { background-position: -12px -122px; width: 84px } .footerPayments button.cash-on-delivery-position,.footerPayments div.cash-on-delivery-position { background-position: -12px -10px; width: 84px } .footerFallowus ul { display: inline-flex; margin: 10px 0; padding: none } .footerFallowus ul li { display: flex; padding: 0 5px } .footerFallowus ul li a { color: #fff; font-size: 22px; margin: 0 .5rem 0 0; -webkit-transition: all .1s; transition: all .2s } .footerFallowus ul li a:hover { color: #fff } .footerFallowus #Facebook_Gray:hover #Path_24097 { fill: #00329b!important } .footerFallowus #Twiter_Gray:hover #Path_47771 { fill: #080808!important } .footerFallowus #Youtube_Gray:hover #Path_24099 { fill: #cd201f!important } .footerFallowus #Linkidin_Gray:hover #Path_24101 { fill: #0077b5!important } .custom-dropdown-border { border: .063rem solid #ced4da; border-radius: .25rem } .custom-dropdown-border-b { border-bottom: .063rem solid #ced4da; border-radius: 0 } .custom-dropdown .dropdown .dropdown-toggle { font-size: .875rem; padding-left: 1rem; padding-right: 2rem; position: relative; text-align: left } .custom-dropdown .dropdown .dropdown-menu { width: 100% } .custom-dropdown .dropdown .dropdown-menu .dropdown-item { outline: none; padding: .5rem 1rem } .custom-dropdown .dropdown .dropdown-menu .dropdown-item svg { bottom: 0; margin: auto .5rem auto auto; position: absolute; right: 6px; top: 0 } .custom-dropdown .dropdown .dropdown-menu .dropdown-item svg path { stroke: #6c757d } .custom-dropdown .dropdown .dropdown-menu .dropdown-item:hover svg path { stroke: #08ce73 } .custom-dropdown .dropdown .dropdown-menu .dropdown-item.active { background-color: #e9ecef; color: #08ce73 } .custom-dropdown .dropdown .dropdown-menu .dropdown-item.active svg path { stroke: #08ce73 } .prescription-details.homepage .terms-div { border: 1px solid #dee2e6; border-radius: .25rem; float: right; padding: 1rem 5rem 1rem 1rem } .prescription-details.homepage .terms-div img { margin-bottom: 1.5rem } .prescription-details.homepage .terms-div .additional-notes h6 { color: #343a40; font-size: .875rem } .prescription-details.homepage .terms-div .additional-notes h6 svg { margin-right: .5rem } .prescription-details.homepage .terms-div .additional-notes ol { color: #6c757d; font-size: .75rem; margin-bottom: 0; padding-left: 2.55rem } .prescription-details.homepage .terms-div .additional-notes .sample-prescription { color: #007bff; font-size: .75rem; padding-left: 1.9rem; text-decoration: none } .upload-prescription.homepage .upload-left-col { flex: 0 0 58.33333%!important; max-width: 58.33333%!important } .upload-prescription.homepage .upload-right-col { flex: 0 0 41.66667%!important; max-width: 41.66667%!important } .upload-prescription.homepage .col-6:first-child { background-image: none!important } .upload-prescription.homepage .no-prescription-div { left: 50%; position: absolute; text-align: center; top: 50%; transform: translate(-50%,-50%) } .upload-prescription.homepage .no-prescription-div p { color: #080808; font-weight: 500 } .upload-prescription.homepage .additional-notes { display: inline-block; width: auto!important } .upload-prescription.homepage .sample-prescription { color: #007bff; font-size: .75rem; padding-left: 1.9rem; text-decoration: none } .upload-prescription.homepage .file-upload-container { width: 24rem } .react-date-picker__wrapper { border: none!important } .react-date-picker__calendar { z-index: 4!important } .bulk-order-section { background-color: #fff; border-radius: .3rem; margin: 1rem; padding: 1rem 0 } .bulk-order-section .img-container { background-color: #fff; background-image: linear-gradient(#fff,#d3fffe); text-align: center } .bulk-order-section .title { font-size: 1.2rem; font-weight: 500; margin-bottom: .625rem; margin-top: .625rem } .bulk-order-section .form-title { font-size: 1.5rem; font-weight: 500; margin-bottom: 30px; margin-top: 4px; text-align: center } .bulk-order-section .products-available .secondary-title-text { font-size: 1rem; font-weight: 500; margin-bottom: .625rem; margin-top: .625rem } .bulk-order-section .products-available .product-list { list-style: disc; margin-bottom: 1rem; opacity: 75%; padding-left: 1rem } .bulk-order-section .products-available .product-list li { font-size: 92%; margin-bottom: 8px } .bulk-order-section .form-section .products-container h6 { color: #ff0808; font-size: 1.1rem; font-weight: 500; margin-bottom: .75rem; margin-top: 0 } .bulk-order-section .form-section ul { list-style: none } .bulk-order-section .form-section ul li { align-items: center; display: inline-flex; margin-bottom: 1rem; margin-right: 1.875rem; width: 30% } .bulk-order-section .form-section .select-product p { -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #313131; display: -webkit-box; overflow: hidden; text-overflow: ellipsis } .bulk-order-section .footer-note { background-color: #fff; font-size: 1.2rem; margin-top: 1rem; text-align: center } .bulk-order-section .footer-note span { color: #007bff; font-size: 1.4rem; margin-left: 1rem; vertical-align: middle } .wallet-banner { background: url(../assets/separator-wallet-infograph.35205c5f0000c177ca2e.png) 2rem no-repeat,url(../assets/seperator-wallet-20-offers.33a28a7a41a309ccb19e.png) 100% 0 no-repeat; background-color: #fff!important; background-size: 18.75rem,12.5rem; border-radius: 0!important; margin-bottom: 0; min-height: 13.75rem; position: relative } .wallet-banner .banner-img-padding { padding-left: 23rem; padding-right: 15rem } .wallet-banner h6 { font-size: 14px; font-weight: 500; line-height: 1.6; padding-right: 1.2rem } .wallet-banner p.title { color: #343a40; font-size: .75rem; font-weight: 500; padding-left: 0 } .wallet-banner p.title:before { content: " " } .wallet-banner p.tnc { bottom: 0; font-size: .75rem; position: absolute; right: 1.25rem; width: auto } .wallet-banner p.tnc:before { content: " " } .wallet-banner p { color: rgba(52,58,64,.75); font-size: .75rem; margin-bottom: .5rem; padding-left: 1.5rem; position: relative } .wallet-banner p:before { content: url(../assets/separator-bullet-star.9118d310440f5946d6f7.svg); left: 0; position: absolute } .flexi-banner { background-color: #fff!important; border-radius: 0!important; margin-bottom: 0; min-height: 13.75rem; position: relative } .flexi-banner .banner-img-padding { height: 90% } .flexi-banner h6 { font-size: 14px; font-weight: 500; line-height: 1.6; padding-right: 1.2rem } .flexi-banner p.title { color: #343a40; font-size: .75rem; font-weight: 500; padding-left: 0 } .flexi-banner p.title:before { content: " " } .flexi-banner p.tnc { bottom: 0; font-size: .75rem; position: absolute; right: 1.25rem; width: auto } .flexi-banner p.tnc:before { content: " " } .flexi-banner p { color: rgba(52,58,64,.75); font-size: .75rem; margin-bottom: .5rem; padding-left: 1.5rem; position: relative } .flexi-banner p:before { content: url(../assets/separator-bullet-star.9118d310440f5946d6f7.svg); left: 0; position: absolute } .my-complaints-section { padding-bottom: 1rem } .my-complaints-section .header { border: 0; margin: 0 1rem; padding: .5rem 0 } .my-complaints-section .complaints-list { padding: 0 1rem } .my-complaints-section .complaints-list .card { margin-bottom: 1rem; transition: transform .3s ease,box-shadow .3s ease } .my-complaints-section .complaints-list .card .small { font-size: .875rem } .my-complaints-section .complaints-list .card:hover { box-shadow: 0 .5rem 1rem rgba(8,8,8,.15) } .my-complaints-section .complaints-list .card .card-header { align-items: center; background-color: #fff; border-bottom: 0; display: flex; justify-content: space-between; padding: .5rem 1rem } .my-complaints-section .complaints-list .card .card-header small { font-size: .875rem } .my-complaints-section .complaints-list .card .card-body { padding: 0 1rem 1rem } .my-complaints-section .complaints-list .card .card-body .complaint-info { align-items: center; background-color: #f8f9fa; border-radius: 0 0 .25rem .25rem; padding: 1rem; position: relative } .home-community-delivery-tabs .nav-pills { flex-wrap: nowrap } .home-community-delivery-tabs .nav-pills .nav-item { border: 0; border-bottom: 1px solid #ced4da; width: 100% } .home-community-delivery-tabs .nav-pills .nav-item .nav-link { padding: .5rem 0; text-align: center; width: 100% } .community-delivery-option-tab { padding: 1rem } .community-delivery-option-tab .icons { right: 0; top: -.125rem } .community-delivery-option-tab .near-by-communities { height: calc(100vh - 23rem); margin-right: -.5rem; overflow-y: auto } .community-delivery-option-tab address { margin-right: .5rem } .community-delivery-option-tab address:before { width: calc(100% - 1rem) } .community-delivery-option-tab address .select-address-form { border-radius: 0 0 .25rem .25rem; margin: -1rem -1rem -1rem -3rem; padding: 1rem; position: relative; z-index: 1 } .community-delivery-option-tab address.active { background-color: #fff; border: 2px solid #08ce73 } .community-delivery-option-tab address.active .select-address-form { background-color: #f8f9fa } .home-delivery-option-tab address.active { background-color: #fff; border: 2px solid #08ce73 } .custom-otp-fields:first-child .otp-fields { margin-left: 0 } .custom-otp-fields:last-child .otp-fields { margin-right: 0 } .custom-otp-fields .otp-fields { border: 1px solid #ced4da; border-radius: .25rem; font-size: 1rem; height: 2.5rem!important; margin-left: 1rem; outline: 0; width: 2.5rem!important } .custom-otp-fields .otp-fields:focus { background-color: #fff; border: 1px solid #afb5ba; box-shadow: inset 0 0 0 rgba(8,8,8,.075),0 0 0 .2rem hsla(208,7%,46%,.25); outline: 0 } .add-patient-section .side-title { margin: 1rem 0 1.5rem } .add-patient-section .side-title span { color: #adb5bd; font-size: .875rem; font-weight: 400 } .add-patient-section .side-title p { margin: .5rem 0 0 } .add-patient-section .form-div .form-group { margin-bottom: 1.5rem } .add-patient-section .form-div .label-text { display: inline-block; font-size: .75rem; margin-bottom: 0; margin-right: .5rem } .add-patient-section .form-div .btn-badge { background-color: #fff!important; border: 1px solid rgba(0,0,0,.122); cursor: pointer; font-size: .875rem; margin: 0 5px; padding: .38rem 1rem; text-transform: capitalize } .add-patient-section .form-div .btn-badge.active { border: 1px solid #08ce73 } .add-patient-section .form-div .btn-badge:hover { color: #000 } .add-patient-section .form-div .btn-badge:focus { box-shadow: 0 0 0 .2rem hsla(208,7%,46%,.25) } .add-patient-section .time-slots { padding: 0 7rem 1rem } .add-patient-section .time-slots .time-slots-container { display: flex; flex-wrap: wrap; margin: .5rem -.5rem 1.5rem } .add-patient-section .time-slots .time-slots-container .each-time-slot { padding: .5rem; text-align: center; width: 33.3333333333% } .add-patient-section .time-slots .time-slots-container .each-time-slot .content { align-items: center; border: 1px solid #080808; border-radius: .25rem; cursor: pointer; display: flex; font-size: .875rem; height: 2.625rem; justify-content: center; padding: .6rem .5rem; position: relative; transition: transform .3s ease } .add-patient-section .time-slots .time-slots-container .each-time-slot .content.selected { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='31'%3E%3Cg data-name='Group 24788'%3E%3Cg data-name='Path 42735' fill='%2308ce73'%3E%3Cpath d='M29 28.529 2.36 1H26.5C27.878 1 29 2.122 29 3.5v25.029z'/%3E%3Cpath d='M4.719 2 28 26.057V3.5c0-.827-.673-1.5-1.5-1.5H4.719M0 0h26.5A3.5 3.5 0 0 1 30 3.5V31L0 0z'/%3E%3C/g%3E%3Cpath data-name='Icon feather-check' d='m26 5-6.875 7L16 8.818' fill='none' stroke='%23080808' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E"); background-color: transparent; background-position: calc(100% + 1px) 0; background-repeat: no-repeat; border: 2px solid #08ce73; border-radius: 5px } .add-patient-section .time-slots .time-slots-container .each-time-slot .content.selected:hover { box-shadow: unset } .add-patient-section .time-slots .time-slots-container .each-time-slot .content:hover { box-shadow: 0 .5rem 1rem rgba(8,8,8,.15); transition: transform .3s ease } .add-patient-section .time-slots .time-slots-container .each-time-slot .content.not-available { border: 2px solid #dee2e6; color: #dee2e6 } .add-patient-section .time-slots .time-slots-container .label-text { padding: 1rem .5rem 0; width: 100% } .add-patient-section .time-slots .bottom-notes { display: flex; margin-bottom: 1.5rem } .add-patient-section .time-slots .bottom-notes .each-note { align-items: center; display: flex; font-size: .875rem; margin-right: 1rem } .add-patient-section .time-slots .bottom-notes .each-note:last-child { margin-right: 0 } .add-patient-section .time-slots .bottom-notes .each-note .note-radio { border: 1px solid #000; border-radius: 50%; display: inline-block; height: 1rem; margin-right: .5rem; margin-top: -.125rem; width: 1rem } .add-patient-section .time-slots .bottom-notes .each-note .note-radio.selected { border: 2px solid #08ce73 } .add-patient-section .time-slots .bottom-notes .each-note .note-radio.not-available { border: 1px solid #dee2e6 } .add-patient-section .time-slots .slot-select-slider-container { border-bottom: 1px solid #080808 } .add-patient-section .time-slots .slot-select-slider-container.doctor-slot { border-bottom: 0; position: relative } .add-patient-section .time-slots .slot-select-slider-container.doctor-slot:before { border-bottom: 1px solid #080808; bottom: 0; content: ""; left: -2.5rem; position: absolute; width: calc(100% + 5rem) } .add-patient-section .time-slots .slot-select-slider-container .slot-select-slider .slick-arrow { background-repeat: no-repeat; height: 1.65rem; top: 1.75rem; width: 1.56rem } .add-patient-section .time-slots .slot-select-slider-container .slot-select-slider .slick-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='%23fff'%3E%3Cpath d='M12 23.5c-3.072 0-5.96-1.196-8.132-3.368A11.425 11.425 0 0 1 .5 12c0-3.072 1.196-5.96 3.368-8.132A11.425 11.425 0 0 1 12 .5c3.072 0 5.96 1.196 8.132 3.368A11.425 11.425 0 0 1 23.5 12c0 3.072-1.196 5.96-3.368 8.132A11.425 11.425 0 0 1 12 23.5Z'/%3E%3Cpath fill='%23080808' d='M12 1C9.062 1 6.3 2.144 4.222 4.222A10.928 10.928 0 0 0 1 12c0 2.938 1.144 5.7 3.222 7.778A10.928 10.928 0 0 0 12 23c2.938 0 5.7-1.144 7.778-3.222A10.928 10.928 0 0 0 23 12c0-2.938-1.144-5.7-3.222-7.778A10.928 10.928 0 0 0 12 1m0-1c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0Z'/%3E%3C/g%3E%3Cpath fill='none' d='M5 5h14v14H5z'/%3E%3Cpath fill='%23080808' d='M11.005 6.572a.5.5 0 0 0-.324.129l-5.049 4.725a.509.509 0 0 0 0 .712l5.049 4.66a.513.513 0 0 0 .712-.065.508.508 0 0 0 0-.712L7.38 12.267h10.615a.518.518 0 1 0 0-1.036H7.38l4.078-3.754a.46.46 0 0 0 .194-.388.922.922 0 0 0-.129-.389 2.924 2.924 0 0 0-.518-.128Z'/%3E%3C/svg%3E"); left: -2.5rem } .add-patient-section .time-slots .slot-select-slider-container .slot-select-slider .slick-prev:before { color: transparent!important } .add-patient-section .time-slots .slot-select-slider-container .slot-select-slider .slick-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='%23fff'%3E%3Cpath d='M12 23.5c-3.072 0-5.96-1.196-8.132-3.368A11.425 11.425 0 0 1 .5 12c0-3.072 1.196-5.96 3.368-8.132A11.425 11.425 0 0 1 12 .5c3.072 0 5.96 1.196 8.132 3.368A11.425 11.425 0 0 1 23.5 12c0 3.072-1.196 5.96-3.368 8.132A11.425 11.425 0 0 1 12 23.5Z'/%3E%3Cpath fill='%23080808' d='M12 1C9.062 1 6.3 2.144 4.222 4.222A10.928 10.928 0 0 0 1 12c0 2.938 1.144 5.7 3.222 7.778A10.928 10.928 0 0 0 12 23c2.938 0 5.7-1.144 7.778-3.222A10.928 10.928 0 0 0 23 12c0-2.938-1.144-5.7-3.222-7.778A10.928 10.928 0 0 0 12 1m0-1c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0Z'/%3E%3C/g%3E%3Cpath fill='none' d='M5 5h14v14H5z'/%3E%3Cpath fill='%23080808' d='M12.995 6.573a.5.5 0 0 1 .324.129l5.049 4.725a.509.509 0 0 1 0 .712l-5.049 4.66a.513.513 0 0 1-.712-.065.508.508 0 0 1 0-.712l4.013-3.754H6.005a.518.518 0 1 1 0-1.036H16.62l-4.074-3.753a.46.46 0 0 1-.194-.388.922.922 0 0 1 .129-.389 2.924 2.924 0 0 1 .514-.129Z'/%3E%3C/svg%3E"); right: -2.5rem } .add-patient-section .time-slots .slot-select-slider-container .slot-select-slider .slick-next:before { color: transparent!important } .add-patient-section .time-slots .slot-select-slider-container .slot-select-slider .slick-disabled { display: block; opacity: .5; pointer-events: none } .add-patient-section .time-slots .slot-select-slider-container .slick-list { padding-bottom: 1rem } .add-patient-section .time-slots .slot-select-slider-container .slot-btn { border-radius: 2rem; line-height: 1; margin: .25rem; overflow: visible!important; padding: .25rem 2rem; position: relative; transition: transform .3s ease } .add-patient-section .time-slots .slot-select-slider-container .slot-btn span { color: #6c757d; display: inline-block; font-size: .75rem; font-weight: 400; margin-bottom: .25rem } .add-patient-section .time-slots .slot-select-slider-container .slot-btn svg { bottom: -2rem; display: none; left: 50%; position: absolute; transform: translate(-50%,-50%); z-index: 100 } .add-patient-section .time-slots .slot-select-slider-container .slot-btn.btn-outline-brand span { color: unset } .add-patient-section .time-slots .slot-select-slider-container .slot-btn.btn-outline-brand svg { display: block } .add-patient-section .time-slots .slot-select-slider-container .slot-btn.btn-outline-brand:hover span,.add-patient-section .time-slots .slot-select-slider-container .slot-btn.btn-outline-dark:hover span { color: unset } .add-patient-section .select-patient { margin-bottom: 1rem } .add-patient-section .select-patient .section-title { align-items: center; display: flex; font-weight: 500; justify-content: space-between } .physical-report-modal input:disabled~label { top: -.5em } .custom-slide-arrows .slick-arrow { align-items: center; background: #fff; border-radius: 50%; box-shadow: 0 3px 6px rgba(0,0,0,.161); display: flex; height: 44px; justify-content: center; width: 44px; z-index: 100 } .custom-slide-arrows .slick-arrow:before { display: none } .custom-slide-arrows .slick-arrow.slick-prev { left: 1rem } .custom-slide-arrows .slick-arrow.slick-next { right: 1rem } .custom-slide-arrows .slick-arrow.slick-disabled { display: none; opacity: .6 } .custom-slide-arrows .slick-arrow:hover { background: #e71c37; transition: transform .3s ease } .custom-slide-arrows .slick-arrow:hover svg path { fill: #fff } .custom-slide-arrows .slick-arrow.slick-disabled { cursor: unset } .custom-slide-arrows .slick-arrow.slick-disabled:hover { background: #fff; transition: transform .3s ease } .custom-slide-arrows .slick-arrow.slick-disabled:hover svg path { fill: #e71c37 } .custom-slide-arrows.inner-arrows .slick-arrow.slick-prev { left: 1rem } .custom-slide-arrows.inner-arrows .slick-arrow.slick-next { right: 1rem } .center-mode-slider.center-justified .slick-track { display: flex; justify-content: space-between; width: 100%!important } .center-mode-slider.center-justified .slick-track .slick-slide { width: 100%!important } .center-mode-slider .slick-slide { padding: 0 .5rem } .test-card { min-height: 203px; transition: box-shadow .3s ease } .test-card .card-body { display: flex; flex-direction: column; justify-content: space-between } .test-card .card-body .popover-icon { align-items: center; display: flex; height: 2.5rem; justify-content: center; margin-right: -.5rem; margin-top: -.5rem; width: 2.5rem } .test-card .card-footer { border-radius: 0 0 .188rem .188rem; padding: .5rem } .test-card .card-footer.bg-warning-75 { background-color: rgba(255,193,7,.102) } .test-card a,.test-card a:hover { text-decoration: none } .test-card:hover { border-color: #c6c6c6; box-shadow: 0 .5rem 1rem rgba(8,8,8,.15)!important; transition: box-shadow .3s ease } .test-card .card-title { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; margin-bottom: 1rem; min-height: 2.375rem; overflow: hidden; padding-right: 3rem; text-overflow: ellipsis } .test-card .other-test-names-container { -ms-overflow-style: none; margin-bottom: 1rem; overflow-x: auto; scrollbar-width: none; white-space: nowrap } .test-card .other-test-names-container::-webkit-scrollbar { display: none } .test-card .other-test-names-container button.badge { margin-right: .5rem } .test-card .other-test-names-container button.badge:last-child { margin-right: 0 } .test-card .other-test-names-container button.badge:focus,.test-card .other-test-names-container button.badge:hover { border-color: #e71c37!important; color: #e71c37!important } .comboplanecard:hover .test-card .renewPlan,.select-membership-container .each-membership-plan:hover .test-card .renewPlan,.test-card .btn-brand-gradient,.test-card .comboplanecard:hover .renewPlan,.test-card .select-membership-container .each-membership-plan:hover .renewPlan { padding: .75rem 1rem } .memberPriceIcon:hover path { fill: #fff } .department-slider-container,.home-page-slider-container,.test-card-slider-container { margin-bottom: 2rem; padding: .5rem 0 } .department-slider-container .product-ghostImage,.home-page-slider-container .product-ghostImage,.test-card-slider-container .product-ghostImage { width: 14.2857142857% } .department-slider-container .slick-arrow:hover,.home-page-slider-container .slick-arrow:hover,.test-card-slider-container .slick-arrow:hover { box-shadow: 0 .5rem 1rem rgba(8,8,8,.15) } .department-slider-container .slick-arrow.slick-next,.department-slider-container .slick-arrow.slick-prev,.home-page-slider-container .slick-arrow.slick-next,.home-page-slider-container .slick-arrow.slick-prev,.test-card-slider-container .slick-arrow.slick-next,.test-card-slider-container .slick-arrow.slick-prev { align-items: center; background-color: #fff; border-radius: 50%; box-shadow: 0 .5rem 1rem rgba(8,8,8,.15); display: flex; height: 44px; justify-content: center; transition: transform .3s ease; width: 44px } .department-slider-container .slick-arrow.slick-next:before,.department-slider-container .slick-arrow.slick-prev:before,.home-page-slider-container .slick-arrow.slick-next:before,.home-page-slider-container .slick-arrow.slick-prev:before,.test-card-slider-container .slick-arrow.slick-next:before,.test-card-slider-container .slick-arrow.slick-prev:before { display: none } .department-slider-container .slick-arrow.slick-next svg path,.department-slider-container .slick-arrow.slick-prev svg path,.home-page-slider-container .slick-arrow.slick-next svg path,.home-page-slider-container .slick-arrow.slick-prev svg path,.test-card-slider-container .slick-arrow.slick-next svg path,.test-card-slider-container .slick-arrow.slick-prev svg path { fill: #dc3545 } .department-slider-container .slick-arrow.slick-next:hover,.department-slider-container .slick-arrow.slick-prev:hover,.home-page-slider-container .slick-arrow.slick-next:hover,.home-page-slider-container .slick-arrow.slick-prev:hover,.test-card-slider-container .slick-arrow.slick-next:hover,.test-card-slider-container .slick-arrow.slick-prev:hover { background-color: #dc3545 } .department-slider-container .slick-arrow.slick-next:hover svg path,.department-slider-container .slick-arrow.slick-prev:hover svg path,.home-page-slider-container .slick-arrow.slick-next:hover svg path,.home-page-slider-container .slick-arrow.slick-prev:hover svg path,.test-card-slider-container .slick-arrow.slick-next:hover svg path,.test-card-slider-container .slick-arrow.slick-prev:hover svg path { fill: #fff } .department-slider-container .slick-arrow.slick-disabled,.home-page-slider-container .slick-arrow.slick-disabled,.test-card-slider-container .slick-arrow.slick-disabled { box-shadow: none; display: none; opacity: .75 } .department-slider-container .slick-arrow.slick-disabled:active,.department-slider-container .slick-arrow.slick-disabled:focus,.department-slider-container .slick-arrow.slick-disabled:hover,.home-page-slider-container .slick-arrow.slick-disabled:active,.home-page-slider-container .slick-arrow.slick-disabled:focus,.home-page-slider-container .slick-arrow.slick-disabled:hover,.test-card-slider-container .slick-arrow.slick-disabled:active,.test-card-slider-container .slick-arrow.slick-disabled:focus,.test-card-slider-container .slick-arrow.slick-disabled:hover { background-color: #fff; box-shadow: none; cursor: not-allowed } .department-slider-container .slick-arrow.slick-disabled svg path,.home-page-slider-container .slick-arrow.slick-disabled svg path,.test-card-slider-container .slick-arrow.slick-disabled svg path { fill: #6c757d!important } .department-slider-container .test-card-ghostimage,.home-page-slider-container .test-card-ghostimage,.test-card-slider-container .test-card-ghostimage { width: 20% } .payback-points-slider-container .slick-arrow { align-items: center; background: #fff; border-radius: 50%; box-shadow: 0 3px 6px rgba(0,0,0,.161); display: flex; height: 2rem; justify-content: center; width: 2rem; z-index: 100 } .payback-points-slider-container .slick-arrow:before { display: none } .payback-points-slider-container .slick-arrow.slick-prev { left: 0 } .payback-points-slider-container .slick-arrow.slick-next { right: 0 } .payback-points-slider-container .slick-arrow.slick-disabled { opacity: .6 } .payback-points-slider-container .slick-arrow:hover { background: #e71c37; transition: transform .3s ease } .payback-points-slider-container .slick-arrow:hover svg path { fill: #fff } .payback-points-slider-container .slick-arrow.slick-disabled { cursor: unset } .payback-points-slider-container .slick-arrow.slick-disabled:hover { background: #fff; transition: transform .3s ease } .payback-points-slider-container .slick-arrow.slick-disabled:hover svg path { fill: #e71c37 } .payback-points-slider-container.inner-arrows .slick-arrow.slick-prev { left: 1rem } .payback-points-slider-container.inner-arrows .slick-arrow.slick-next { right: 1rem } .home-page-slider-container .slick-track .item { margin: 1rem 0 } .home-page-slider-container .doctor-slider .slick-track .item { margin: .125rem 0 } .condition-based-test-slider,.doctor-category,.doctor-view-all-container { flex-wrap: wrap; gap: .8rem } .condition-based-test-slider a,.condition-based-test-slider a:hover,.doctor-category a,.doctor-category a:hover,.doctor-view-all-container a,.doctor-view-all-container a:hover { text-decoration: none } .condition-based-test-slider .card,.doctor-category .card,.doctor-view-all-container .card { border-radius: 1rem; position: relative; top: 0; transition: top .3s ease 0s } .condition-based-test-slider .card svg,.condition-based-test-slider .card svg path,.doctor-category .card svg,.doctor-category .card svg path,.doctor-view-all-container .card svg,.doctor-view-all-container .card svg path { fill: #707070 } .condition-based-test-slider .card:hover,.doctor-category .card:hover,.doctor-view-all-container .card:hover { border: 1px solid #c6c6c6; box-shadow: 0 .5rem 1rem rgba(8,8,8,.15); position: relative; top: -.45rem; transition: top .3s ease-in-out } .condition-based-test-slider .card:hover .img-container,.doctor-category .card:hover .img-container,.doctor-view-all-container .card:hover .img-container { border-color: #c6c6c6; box-shadow: 0 .5rem 1rem rgba(8,8,8,.15); box-shadow: none!important; transition: transform .3s ease } .condition-based-test-slider .card:hover .img-container svg,.condition-based-test-slider .card:hover .img-container svg path,.doctor-category .card:hover .img-container svg,.doctor-category .card:hover .img-container svg path,.doctor-view-all-container .card:hover .img-container svg,.doctor-view-all-container .card:hover .img-container svg path { fill: #080808 } .condition-based-test-slider .card:hover .card-title,.doctor-category .card:hover .card-title,.doctor-view-all-container .card:hover .card-title { color: #e71c37; transition: transform .3s ease } .condition-based-test-slider .img-container,.doctor-category .img-container,.doctor-view-all-container .img-container { align-items: center; border-radius: 50%; display: flex; height: 4rem; justify-content: center; margin: 0 auto 1rem; transition: transform .3s ease; width: 4rem } .condition-based-test-slider .card-title,.doctor-category .card-title,.doctor-view-all-container .card-title { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; height: 3rem; line-height: inherit; margin-bottom: 0; overflow: hidden; text-align: center; text-overflow: ellipsis; transition: transform .3s ease } .condition-based-test-slider .card { width: 8.5rem } .doctor-category .card { width: 7.9rem } .doctor-view-all-container { background: #fff; border-radius: .25rem; box-shadow: 0 .125rem .25rem rgba(8,8,8,.075); display: flex; flex-wrap: wrap; justify-content: stretch; padding: 1rem 0 0 } .doctor-view-all-container .card { margin-bottom: 1rem; padding: 0 1rem; width: 8.3333333333% } .doctor-slider .card-title { -webkit-line-clamp: 1; min-height: unset } .square-card-slider .btn-link,.square-card-slider .btn-link:hover { text-decoration: none } .square-card-slider .card:hover { border-color: #c6c6c6; box-shadow: 0 .5rem 1rem rgba(8,8,8,.15); transition: box-shadow .3s ease } .square-card-slider .card:hover h6 { color: #dc3545 } .square-card-slider .card:hover svg path { fill: #dc3545 } .square-card-slider .img-container { align-items: center; display: flex; justify-content: center; margin: 0 auto } .test-filter-container { width: calc(100% - 140px) } .test-filter-container .select-test-filter .slick-slide { padding-right: .5rem } .test-filter-container .select-test-filter .slick-slide:last-child { padding-right: 0 } .test-filter-container .select-test-filter .slick-arrow { align-items: center; background: #fff; border: 1px solid #dee2e6; border-radius: 50%; display: flex; height: 2rem; justify-content: center; width: 2rem; z-index: 100 } .test-filter-container .select-test-filter .slick-arrow:before { display: none } .test-filter-container .select-test-filter .slick-arrow.slick-prev { left: -36px } .test-filter-container .select-test-filter .slick-arrow.slick-next { right: -44px } .test-filter-container .select-test-filter .slick-arrow.slick-disabled { opacity: .6; pointer-events: none } .test-filter-container .select-test-filter .btn-badge { background-color: #fff!important; border: 1px solid #dee2e6; border-radius: 2rem; cursor: pointer; font-size: .875rem; margin-left: 5px; padding: .25rem .75rem; text-transform: capitalize } .test-filter-container .select-test-filter .btn-badge.active,.test-filter-container .select-test-filter .btn-badge:hover { border: 1px solid #e71c37; color: #e71c37 } .practices-div-container { background: url(../assets/services-we-offer-bg.dc86d537b43c1cada7fd.png) no-repeat 50%; background-size: contain; margin: 0 2rem 2rem; padding: 2.2rem 2.5rem } .practices-div-container .img-container { align-items: center; background: #fff; border-radius: 50%; display: inline-flex; height: 4rem; justify-content: center; margin-bottom: 1rem; text-align: center; width: 4rem } .lab-customer-review-container,.related-articles-container { display: flex; justify-content: space-between; margin-bottom: 2rem; padding: 2.6rem 4rem } .lab-customer-review-container .content,.related-articles-container .content { width: calc(100% - 400px) } .lab-customer-review-container .content .customer-feedback-slider,.lab-customer-review-container .content .related-articles-slider,.related-articles-container .content .customer-feedback-slider,.related-articles-container .content .related-articles-slider { padding-bottom: 2rem } .lab-customer-review-container .content .customer-feedback-slider .slick-dots,.lab-customer-review-container .content .related-articles-slider .slick-dots,.related-articles-container .content .customer-feedback-slider .slick-dots,.related-articles-container .content .related-articles-slider .slick-dots { bottom: 0; display: inline-block!important; left: 0; width: auto!important } .lab-customer-review-container .content .customer-feedback-slider .slick-dots li,.lab-customer-review-container .content .related-articles-slider .slick-dots li,.related-articles-container .content .customer-feedback-slider .slick-dots li,.related-articles-container .content .related-articles-slider .slick-dots li { height: .5rem; margin: 0 .25rem 0 0; width: .5rem } .lab-customer-review-container .content .customer-feedback-slider .slick-dots li:last-child,.lab-customer-review-container .content .related-articles-slider .slick-dots li:last-child,.related-articles-container .content .customer-feedback-slider .slick-dots li:last-child,.related-articles-container .content .related-articles-slider .slick-dots li:last-child { margin-right: 0 } .lab-customer-review-container .content .customer-feedback-slider .slick-dots li button,.lab-customer-review-container .content .related-articles-slider .slick-dots li button,.related-articles-container .content .customer-feedback-slider .slick-dots li button,.related-articles-container .content .related-articles-slider .slick-dots li button { background: #f0f0f0; border-radius: 50%; height: .5rem; padding: 0; width: .5rem } .lab-customer-review-container .content .customer-feedback-slider .slick-dots li button:after,.lab-customer-review-container .content .customer-feedback-slider .slick-dots li button:before,.lab-customer-review-container .content .related-articles-slider .slick-dots li button:after,.lab-customer-review-container .content .related-articles-slider .slick-dots li button:before,.related-articles-container .content .customer-feedback-slider .slick-dots li button:after,.related-articles-container .content .customer-feedback-slider .slick-dots li button:before,.related-articles-container .content .related-articles-slider .slick-dots li button:after,.related-articles-container .content .related-articles-slider .slick-dots li button:before { display: none } .lab-customer-review-container .content .customer-feedback-slider .slick-dots li.slick-active button,.lab-customer-review-container .content .related-articles-slider .slick-dots li.slick-active button,.related-articles-container .content .customer-feedback-slider .slick-dots li.slick-active button,.related-articles-container .content .related-articles-slider .slick-dots li.slick-active button { background: #dc3545 } .frequently-asked-container,.search-company-container { display: flex; justify-content: space-between; margin-bottom: 1.5rem; padding: 2.6rem 4rem } .frequently-asked-container .content,.frequently-asked-container .faq-content,.search-company-container .content,.search-company-container .faq-content { width: calc(100% - 400px) } .frequently-asked-container .content .faq-question,.frequently-asked-container .faq-content .faq-question,.search-company-container .content .faq-question,.search-company-container .faq-content .faq-question { margin-bottom: 1.5rem } .frequently-asked-container .content .faq-question a,.frequently-asked-container .content .faq-question a:hover,.frequently-asked-container .content .faq-question button,.frequently-asked-container .content .faq-question button:hover,.frequently-asked-container .faq-content .faq-question a,.frequently-asked-container .faq-content .faq-question a:hover,.frequently-asked-container .faq-content .faq-question button,.frequently-asked-container .faq-content .faq-question button:hover,.search-company-container .content .faq-question a,.search-company-container .content .faq-question a:hover,.search-company-container .content .faq-question button,.search-company-container .content .faq-question button:hover,.search-company-container .faq-content .faq-question a,.search-company-container .faq-content .faq-question a:hover,.search-company-container .faq-content .faq-question button,.search-company-container .faq-content .faq-question button:hover { text-decoration: none } .frequently-asked-container .content .faq-question a svg,.frequently-asked-container .content .faq-question button svg,.frequently-asked-container .faq-content .faq-question a svg,.frequently-asked-container .faq-content .faq-question button svg,.search-company-container .content .faq-question a svg,.search-company-container .content .faq-question button svg,.search-company-container .faq-content .faq-question a svg,.search-company-container .faq-content .faq-question button svg { margin-right: 1rem; margin-top: -.25rem } .frequently-asked-container .content .faq-question a svg.rotate-bottom,.frequently-asked-container .content .faq-question button svg.rotate-bottom,.frequently-asked-container .faq-content .faq-question a svg.rotate-bottom,.frequently-asked-container .faq-content .faq-question button svg.rotate-bottom,.search-company-container .content .faq-question a svg.rotate-bottom,.search-company-container .content .faq-question button svg.rotate-bottom,.search-company-container .faq-content .faq-question a svg.rotate-bottom,.search-company-container .faq-content .faq-question button svg.rotate-bottom { animation-direction: normal; animation-duration: .5s; animation-iteration-count: 1; animation-name: rotateBottom; transform: rotate(90deg) } .frequently-asked-container .content .faq-question a svg.rotate-up,.frequently-asked-container .content .faq-question button svg.rotate-up,.frequently-asked-container .faq-content .faq-question a svg.rotate-up,.frequently-asked-container .faq-content .faq-question button svg.rotate-up,.search-company-container .content .faq-question a svg.rotate-up,.search-company-container .content .faq-question button svg.rotate-up,.search-company-container .faq-content .faq-question a svg.rotate-up,.search-company-container .faq-content .faq-question button svg.rotate-up { animation-direction: normal; animation-duration: .5s; animation-iteration-count: 1; animation-name: rotateUp; transform: rotate(0) } .frequently-asked-container .content .faq-question:last-child,.frequently-asked-container .faq-content .faq-question:last-child,.search-company-container .content .faq-question:last-child,.search-company-container .faq-content .faq-question:last-child { margin-bottom: 0 } .frequently-asked-container .content .faq-question .collapse-container,.frequently-asked-container .faq-content .faq-question .collapse-container,.search-company-container .content .faq-question .collapse-container,.search-company-container .faq-content .faq-question .collapse-container { font-size: .875rem; padding-left: 2rem } .frequently-asked-container .content .faq-question .collapse-container .collapse,.frequently-asked-container .content .faq-question .collapse-container .collapse .faq-answer,.frequently-asked-container .faq-content .faq-question .collapse-container .collapse,.frequently-asked-container .faq-content .faq-question .collapse-container .collapse .faq-answer,.search-company-container .content .faq-question .collapse-container .collapse,.search-company-container .content .faq-question .collapse-container .collapse .faq-answer,.search-company-container .faq-content .faq-question .collapse-container .collapse,.search-company-container .faq-content .faq-question .collapse-container .collapse .faq-answer { font-size: .875rem } .frequently-asked-container .content .faq-question .collapse-container .collapse .faq-answer p,.frequently-asked-container .faq-content .faq-question .collapse-container .collapse .faq-answer p,.search-company-container .content .faq-question .collapse-container .collapse .faq-answer p,.search-company-container .faq-content .faq-question .collapse-container .collapse .faq-answer p { margin-bottom: .5rem } .frequently-asked-container .content .faq-question .collapse-container .collapse .faq-answer p:last-child,.frequently-asked-container .faq-content .faq-question .collapse-container .collapse .faq-answer p:last-child,.search-company-container .content .faq-question .collapse-container .collapse .faq-answer p:last-child,.search-company-container .faq-content .faq-question .collapse-container .collapse .faq-answer p:last-child { margin-bottom: 0 } .frequently-asked-container .content .faq-question .collapse-container .collapse .faq-answer ol li,.frequently-asked-container .content .faq-question .collapse-container .collapse .faq-answer ul li,.frequently-asked-container .faq-content .faq-question .collapse-container .collapse .faq-answer ol li,.frequently-asked-container .faq-content .faq-question .collapse-container .collapse .faq-answer ul li,.search-company-container .content .faq-question .collapse-container .collapse .faq-answer ol li,.search-company-container .content .faq-question .collapse-container .collapse .faq-answer ul li,.search-company-container .faq-content .faq-question .collapse-container .collapse .faq-answer ol li,.search-company-container .faq-content .faq-question .collapse-container .collapse .faq-answer ul li { margin-bottom: .5rem } .frequently-asked-container .content .faq-question .collapse-container .collapse .faq-answer ol li:last-child,.frequently-asked-container .content .faq-question .collapse-container .collapse .faq-answer ul li:last-child,.frequently-asked-container .faq-content .faq-question .collapse-container .collapse .faq-answer ol li:last-child,.frequently-asked-container .faq-content .faq-question .collapse-container .collapse .faq-answer ul li:last-child,.search-company-container .content .faq-question .collapse-container .collapse .faq-answer ol li:last-child,.search-company-container .content .faq-question .collapse-container .collapse .faq-answer ul li:last-child,.search-company-container .faq-content .faq-question .collapse-container .collapse .faq-answer ol li:last-child,.search-company-container .faq-content .faq-question .collapse-container .collapse .faq-answer ul li:last-child { margin-bottom: 0 } .frequently-asked-container .question-container>section,.search-company-container .question-container>section { background-color: #fff; border-radius: 0; box-shadow: none; margin-bottom: 1.5rem } .frequently-asked-container .question-container>section:last-child,.search-company-container .question-container>section:last-child { margin-bottom: 0 } .frequently-asked-container .question-container>section a,.frequently-asked-container .question-container>section button,.search-company-container .question-container>section a,.search-company-container .question-container>section button { color: #343a40; display: block; font-weight: 500; margin-bottom: .5rem; padding-left: 1.5rem; position: relative; text-decoration: none } .frequently-asked-container .question-container>section a svg,.frequently-asked-container .question-container>section button svg,.search-company-container .question-container>section a svg,.search-company-container .question-container>section button svg { left: 0; position: absolute; top: .125rem } .frequently-asked-container .question-container>section a:hover,.frequently-asked-container .question-container>section button:hover,.search-company-container .question-container>section a:hover,.search-company-container .question-container>section button:hover { text-decoration: none } .frequently-asked-container .question-container>section .faq-answer,.search-company-container .question-container>section .faq-answer { color: #6c757d; font-size: .875rem; margin-bottom: 0; padding-left: 1.5rem } .frequently-asked-container .question-container>section .faq-answer p,.search-company-container .question-container>section .faq-answer p { margin-bottom: .5rem } .frequently-asked-container .question-container>section .faq-answer p:last-child,.search-company-container .question-container>section .faq-answer p:last-child { margin-bottom: 0 } .frequently-asked-container .question-container>section .faq-answer ol li,.frequently-asked-container .question-container>section .faq-answer ul li,.search-company-container .question-container>section .faq-answer ol li,.search-company-container .question-container>section .faq-answer ul li { margin-bottom: .5rem } .frequently-asked-container .question-container>section .faq-answer ol li:last-child,.frequently-asked-container .question-container>section .faq-answer ul li:last-child,.search-company-container .question-container>section .faq-answer ol li:last-child,.search-company-container .question-container>section .faq-answer ul li:last-child { margin-bottom: 0 } .frequently-asked-container .question-container>section .collapse-container,.search-company-container .question-container>section .collapse-container { font-size: .875rem; margin-top: .5rem } .select-membership-container { padding: 3rem 3rem 72px } .select-membership-container .title { font-size: 48px } .select-membership-container .each-membership-plan.custom-border-success { overflow: hidden; position: relative; z-index: 1 } .select-membership-container .each-membership-plan.active-plan-card,.select-membership-container .each-membership-plan.best-plan-card { color: #fff; overflow: hidden; position: relative; transition: all .2s cubic-bezier(.65,.05,.36,1); z-index: 1 } .select-membership-container .each-membership-plan.active-plan-card .active-best-btn,.select-membership-container .each-membership-plan.best-plan-card .active-best-btn { border-color: #fff; color: #fff } .select-membership-container .each-membership-plan.active-plan-card:hover,.select-membership-container .each-membership-plan.best-plan-card:hover { transition: box-shadow .3s ease } .select-membership-container .each-membership-plan.active-plan-card:hover .active-best-btn,.select-membership-container .each-membership-plan.best-plan-card:hover .active-best-btn { background-color: #fff; border-color: #fff; color: #080808 } .select-membership-container .each-membership-plan.active-plan-card .display-name,.select-membership-container .each-membership-plan.best-plan-card .display-name { color: #fff } .select-membership-container .each-membership-plan.active-plan-card .striked-text,.select-membership-container .each-membership-plan.best-plan-card .striked-text { color: #fff!important } .select-membership-container .each-membership-plan.active-plan-card .price-text,.select-membership-container .each-membership-plan.best-plan-card .price-text { color: #fff } .select-membership-container .each-membership-plan.active-plan-card .striked-text,.select-membership-container .each-membership-plan.best-plan-card .striked-text { color: #e2e2e2 } .select-membership-container .each-membership-plan.active-plan-card ul li::marker,.select-membership-container .each-membership-plan.best-plan-card ul li::marker { color: #fff } .select-membership-container .each-membership-plan.active-plan-card .details-btn:hover,.select-membership-container .each-membership-plan.best-plan-card .details-btn:hover { background-color: #fff; color: #343a40 } .select-membership-container .each-membership-plan.active-plan-card:hover,.select-membership-container .each-membership-plan.best-plan-card:hover { transform: scale(1.05) } .select-membership-container .each-membership-plan.active-plan-card:hover .active-btn,.select-membership-container .each-membership-plan.best-plan-card:hover .active-btn { background-color: #fff; color: #343a40 } .select-membership-container .each-membership-plan .display-name { min-height: 3.5rem } .select-membership-container .each-membership-plan.active-plan-card { background: transparent linear-gradient(325deg,#0061ff,#60efff) 0 0 no-repeat padding-box; box-shadow: 0 10px 18px rgba(0,97,255,.4) } .select-membership-container .each-membership-plan.active-plan-card:hover { box-shadow: 0 6px 18px rgba(0,97,255,.4) } .select-membership-container .each-membership-plan.active-plan-card .details-btn:hover,.select-membership-container .each-membership-plan.active-plan-card:hover .active-btn { box-shadow: 0 12px 24px rgba(0,97,255,.4) } .select-membership-container .each-membership-plan.custom-border-success { border-color: #08ce73!important } .select-membership-container .each-membership-plan.best-plan-card { background: transparent linear-gradient(325deg,#05be7e 40%,#21ebeb) 0 0 no-repeat padding-box; box-shadow: 0 10px 18px rgba(9,193,131,.4) } .select-membership-container .each-membership-plan.best-plan-card:hover,.select-membership-container .each-membership-plan.best-plan-card:hover .active-btn { box-shadow: 0 12px 24px rgba(9,193,131,.4) } .select-membership-container .slick-arrow:hover { box-shadow: 0 .5rem 1rem rgba(8,8,8,.15) } .select-membership-container .slick-arrow.slick-next,.select-membership-container .slick-arrow.slick-prev { align-items: center; background-color: #fff; border-radius: 50%; box-shadow: 0 .5rem 1rem rgba(8,8,8,.15); display: flex; height: 44px; justify-content: center; transition: transform .3s ease; width: 44px } .select-membership-container .slick-arrow.slick-next:before,.select-membership-container .slick-arrow.slick-prev:before { display: none } .select-membership-container .slick-arrow.slick-next svg path,.select-membership-container .slick-arrow.slick-prev svg path { fill: #dc3545 } .select-membership-container .slick-arrow.slick-next:hover,.select-membership-container .slick-arrow.slick-prev:hover { background-color: #dc3545 } .select-membership-container .slick-arrow.slick-next:hover svg path,.select-membership-container .slick-arrow.slick-prev:hover svg path { fill: #fff } .select-membership-container .slick-arrow.slick-disabled { box-shadow: none; display: none; opacity: .75 } .select-membership-container .slick-arrow.slick-disabled:active,.select-membership-container .slick-arrow.slick-disabled:focus,.select-membership-container .slick-arrow.slick-disabled:hover { background-color: #fff; box-shadow: none; cursor: not-allowed } .select-membership-container .slick-arrow.slick-disabled svg path { fill: #6c757d!important } .select-membership-container .slick-prev { left: -4rem } .select-membership-container .slick-next { right: -4rem } .select-membership-container.corporate-plan .each-membership-plan.active-card { background: transparent linear-gradient(325deg,#76c057,#03d095) 0 0 no-repeat padding-box; box-shadow: 0 10px 18px rgba(39,164,123,.4); color: #fff; z-index: 1 } .select-membership-container.corporate-plan .each-membership-plan.active-card:hover { box-shadow: 0 12px 24px rgba(39,164,123,.4) } .select-membership-container.corporate-plan .each-membership-plan.active-card .details-btn:hover { background-color: #fff; box-shadow: 0 12px 24px rgba(39,164,123,.4); color: #343a40 } .select-membership-container.corporate-plan .each-membership-plan.active-card .heading { background-color: #095337; margin-bottom: 10px } .select-membership-container.corporate-plan .each-membership-plan.active-card .display-name,.select-membership-container.corporate-plan .each-membership-plan.active-card .price-text { color: #fff } .select-membership-container.corporate-plan .each-membership-plan.active-card .striked-text { color: #e2e2e2 } .select-membership-container.corporate-plan .each-membership-plan.active-card ul li::marker { color: #fff } .select-membership-container.corporate-plan .slick-arrow.slick-next svg path,.select-membership-container.corporate-plan .slick-arrow.slick-prev svg path { fill: #08ce73 } .select-membership-container.corporate-plan .slick-arrow.slick-next:hover,.select-membership-container.corporate-plan .slick-arrow.slick-prev:hover { background-color: #08ce73 } .select-membership-container.corporate-plan .slick-arrow.slick-next:hover svg path,.select-membership-container.corporate-plan .slick-arrow.slick-prev:hover svg path { fill: #fff } .select-membership-container.upgrade-plan .each-membership-plan.active-card { background: transparent linear-gradient(325deg,#76c057,#03d095) 0 0 no-repeat padding-box; box-shadow: 0 12px 24px rgba(39,164,123,.4); margin-bottom: -1rem; margin-top: -1rem } .select-membership-container.upgrade-plan .each-membership-plan.active-card .price-text { color: #fff } .select-membership-container.upgrade-plan .each-membership-plan.active-card .striked-text { color: #e2e2e2 } .select-membership-container.upgrade-plan .each-membership-plan.active-card:hover { box-shadow: 0 12px 24px rgba(39,164,123,.4) } .select-membership-container.upgrade-plan .each-membership-plan.active-card .details-btn { color: #343a40 } .select-membership-container.upgrade-plan .each-membership-plan.active-card .details-btn:hover { background-color: #fff; box-shadow: 0 12px 24px rgba(39,164,123,.4); color: #343a40 } .select-membership-container.upgrade-plan .each-membership-plan.active-card ul { color: #fff } .select-membership-container.upgrade-plan .slick-arrow.slick-next svg path,.select-membership-container.upgrade-plan .slick-arrow.slick-prev svg path { fill: #08ce73 } .select-membership-container.upgrade-plan .slick-arrow.slick-next:hover,.select-membership-container.upgrade-plan .slick-arrow.slick-prev:hover { background-color: #08ce73 } .select-membership-container.upgrade-plan .slick-arrow.slick-next:hover svg path,.select-membership-container.upgrade-plan .slick-arrow.slick-prev:hover svg path { fill: #fff } .select-membership-container .each-membership-plan { background-color: #f8f9fa; border-radius: 1.5rem; color: #080808; min-height: 27.5rem; padding: 3.125rem 1.5rem 3.625rem; position: relative; text-align: center; transition: transform .5s ease } .select-membership-container .each-membership-plan:hover { background-color: #fff; box-shadow: 0 .5rem 1rem rgba(8,8,8,.15); transform: scale(1.05); transition: all .3s ease } .select-membership-container .each-membership-plan:hover .learnmore-btn { background-color: #343a40; box-shadow: 0 .5rem 1rem rgba(8,8,8,.15); color: #fff } .select-membership-container .each-membership-plan .price-text { font-size: 2rem } .select-membership-container .each-membership-plan .striked-text { color: #6c757d!important; margin-top: -.5rem; text-align: center } .select-membership-container .each-membership-plan .details-btn { background-color: #ededed; transition: box-shadow .3s ease } .select-membership-container .each-membership-plan .details-btn:hover { background-color: #343a40; box-shadow: 0 .5rem 1rem rgba(8,8,8,.15); color: #fff } .select-membership-container .each-membership-plan ul { display: flex; flex-direction: column; padding-left: 1rem; text-align: left } .select-membership-container .each-membership-plan ul li::marker { color: #7c7c7c } .select-membership-container .each-membership-plan .button-footer { bottom: 1.5rem; gap: 1rem; justify-content: space-around; left: 0; position: absolute; width: 100% } .select-membership-container .each-membership-plan .heading { left: -3rem; position: absolute; top: .5rem; transform: rotate(-32deg); width: 11.25rem } .select-membership-container .each-membership-plan .heading.custom-badge-active { background-color: #080808; box-shadow: 0 .5rem 1rem rgba(8,8,8,.15); color: #fff } .select-membership-container .each-membership-plan .heading.custom-badge-success { background-color: #20c997; color: #080808 } .select-membership-container .each-membership-plan .heading.custom-badge-light { background-color: #f8f9fa; box-shadow: 0 .5rem 1rem rgba(8,8,8,.15); color: #212529 } .select-membership-container.corporate-plan,.select-membership-container.upgrade-plan { background-color: rgba(68,234,187,.4) } .custom-slick-centered .slick-list { display: flex; justify-content: center } .search-company-container { background-color: rgba(68,234,187,.4) } .border-sort-btn { background-color: #fff!important; border: 1px solid #dee2e6!important; border-radius: 5rem!important; margin-left: .5rem; outline: none!important } .border-sort-btn.no-hover:hover { border-color: #dee2e6!important; box-shadow: unset; color: unset!important } .border-sort-btn.active:hover,.border-sort-btn.no-hover:hover { cursor: unset!important } .border-sort-btn.active,.border-sort-btn.active:hover,.border-sort-btn:hover { border: 1px solid #dc3545!important; box-shadow: 0 1px 3px rgba(0,0,0,.161); color: #dc3545!important } .border-sort-btn.active.filter svg path,.border-sort-btn.active:hover.filter svg path,.border-sort-btn:hover.filter svg path { fill: #dc3545; transition: fill .3s ease } .border-sort-btn .online { background-color: #08ce73; border-radius: 50%; display: inline-flex; height: .5rem; margin-left: .25rem; width: .5rem } .test-card-container { display: flex; flex-wrap: wrap; margin: 0 -.5rem } .test-card-container .each-test-card { margin-bottom: 1rem; width: 20% } .category-container { margin-bottom: 2rem; padding: 1rem 1rem 1.5rem } .company-search-container { margin-bottom: 1.5rem; margin-top: 2rem; position: relative } .company-search-container .search-company-feild { background: #f8f9fa; border: 0; padding-left: 2.5rem } .company-search-container .icons { left: 0; top: -.125rem } .company-result-container .custom-control { align-items: center; border: 1px solid #dee2e6; border-radius: .25rem; display: flex; height: 3.125rem; padding-left: 2.5rem } .company-result-container .custom-control label { padding: .75rem 1rem .75rem .25rem; width: 100% } .company-result-container .custom-control label:after,.company-result-container .custom-control label:before { top: 1rem } .company-result-container .custom-control label p { margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .company-result-container .scroll-content { display: flex; flex-wrap: wrap; margin-bottom: 1rem; max-height: 250px; overflow-y: auto; width: 100% } .plan-details-container .heading-text { font-size: 2.5rem } .plan-details-container .heading-text small { font-size: 60% } .plan-details-container .price-text { color: #e71c37; font-size: 2.75rem; font-weight: 400 } .subs-thankyou-container { align-items: center; display: flex; justify-content: center; margin: 2rem 0 } .subs-thankyou-container .thankyou-content { border-radius: .25rem; box-shadow: 0 .125rem .25rem rgba(8,8,8,.075); display: flex; flex-wrap: wrap; max-width: 45.75rem } .subs-thankyou-container .thankyou-content .thankyou-bg { align-items: center; border-top-left-radius: .25rem; border-top-right-radius: 0; box-sizing: border-box; color: #343a40; display: flex; flex-direction: column; justify-content: center; padding: 1rem; width: 57.1428571429% } .subs-thankyou-container .thankyou-content .thankyou-bg .icon-circle { align-items: center; background-color: #fff!important; border-radius: 50%; display: flex; height: 3.25rem; justify-content: center; margin-bottom: 2rem; width: 3.25rem } .subs-thankyou-container .thankyou-content .subs-description { background-color: #fff; border-top-right-radius: .25rem; padding: 1rem; width: calc(44.94382% - 1rem) } .subs-thankyou-container .thankyou-content .subs-description .saving-text { background-color: #ebfcf4; color: #08ce73; margin: 0 -1rem; padding: .75rem 1rem } .subs-thankyou-container .thankyou-content .subs-description .subscription-plan-price-details .planpriceinfo { margin-bottom: .5rem } .subs-thankyou-container .thankyou-content .subs-description .subscription-plan-price-details:last-child { margin-bottom: 0 } .membership-gradient-div { align-items: center; background: transparent linear-gradient(270deg,#eec8e7,#ffc5cf) 0 0 no-repeat padding-box; border-radius: .25rem; display: flex; justify-content: space-between; margin-bottom: 1rem; padding: 1rem } .renew-plan-member-select { padding-bottom: 84px; width: 75% } .renew-plan-member-select .each-member { border: 1px solid #dee2e6; border-radius: .25rem; margin-bottom: 1rem } .renew-plan-member-select .each-member label { cursor: pointer; padding: 1rem; width: 100% } .renew-plan-member-select .each-member label:before { background-color: rgba(52,58,64,.2); border: 0; border-radius: 50%; height: 1.5rem; left: unset; right: 1rem; top: 50%; transform: translateY(-50%); width: 1.5rem } .renew-plan-member-select .each-member label:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23fff' d='m6.564.75-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E"); left: unset; right: 1.25rem; top: 50%; transform: translateY(-50%) } .subs-login-container { display: flex; justify-content: center; padding: 2rem 0 } .subs-login-container .subs-login { display: flex; padding: 2rem; width: 43.75rem } .subs-login-container .subs-login.extended-subs-login { width: 50rem!important } .subs-login-container .subs-login .content { margin-right: 2.625rem; width: 100% } .subs-login-container .subs-login .content .toggle-select .label-text { font-size: .875rem; margin-bottom: .5rem; margin-right: .5rem } .subs-login-container .subs-login .content .toggle-select .btn-badge { background-color: #fff; border: 1px solid #dee2e6; border-radius: 0; font-size: 1rem; padding: .25rem 1rem; text-transform: capitalize; width: 100% } .subs-login-container .subs-login .content .toggle-select .btn-badge:first-child { border-bottom-left-radius: .25rem; border-right: 0; border-top-left-radius: .25rem } .subs-login-container .subs-login .content .toggle-select .btn-badge:last-child { border-bottom-right-radius: .25rem; border-left: 0; border-top-right-radius: .25rem } .subs-login-container .subs-login .content .toggle-select .btn-badge.active { align-items: center; background: #08ce73; border: 2px solid #08ce73; display: flex; justify-content: center } .subs-login-container .subs-login .content label.checkmark-icn { margin-bottom: 0; position: relative } .subs-login-container .subs-login .content .checkmark-icn:before { background-color: #dfdfdf; border-radius: 15px; content: ""; height: 24px; left: 1rem; position: absolute; top: 1rem; width: 24px; z-index: 10 } .subs-login-container .subs-login .content .checkmark-icn:after { border: solid #fff; border-width: 0 2px 2px 0; content: ""; height: .65rem; left: 1.5rem; position: absolute; top: 1.4rem; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: .35rem; z-index: 10 } .subs-login-container .subs-login .content .checkmark-icn.active:before { background-color: #08ce73 } .my-subscription-container { background: url(../assets/gradient-image-bg.871ba18ed0c422310997.png) no-repeat; background-size: 100%; border-radius: .25rem; color: #fff; display: flex; flex-direction: column; height: 180px; justify-content: space-between; margin-bottom: 1rem; padding: 1rem; position: relative; width: 380px; z-index: 10 } .my-subscription-container.active-card { border-radius: .25rem .25rem 0 0 } .add-member-container { width: calc(100% - 568px) } .each-subscription-member { position: relative; z-index: 10 } .each-subscription-member.description-visible { border-bottom: 0; border-radius: .25rem .25rem 0 0 } .each-subscription-member .member-count { align-items: center; background: transparent linear-gradient(270deg,#de2575,#ff5130) 0 0 no-repeat padding-box; border-radius: 50%; color: #fff; display: flex; height: 2rem; justify-content: center; margin-right: 1rem; width: 2rem } .card-slide-down { border: 1px solid #dee2e6; border-radius: 0 0 .25rem .25rem; border-top: 0; margin: 0 auto; padding: .5rem; position: relative; transition: all .5s ease-in-out; width: calc(100% - 1rem); z-index: 1 } .card-slide-down .card-body label { font-size: 10px } .card-slide-down .card-body p { font-size: 12px } .subscription-Detail { padding: 3rem 4rem } .border-active { border: 2px solid #08ce73!important; border-radius: .25rem } .subs-domain-dropdown .dropdown-toggle { background-color: rgba(52,58,64,.2); border-radius: 0 .2rem .2rem 0; padding-left: 1.125rem; text-transform: none } .subs-domain-dropdown .dropdown-toggle:after { margin-left: 1rem; vertical-align: unset } .subs-domain-dropdown .dropdown-menu { left: unset!important; right: 0!important } .subs-register-dropdown { position: relative } .subs-register-dropdown .dropdown-label { background-color: #fff; font-size: 75%; left: .5rem; line-height: 1; margin-bottom: 0; opacity: 1; padding: .05rem .25rem; position: absolute; top: -.5em; transition: all .2s; z-index: 10000 } .subs-register-dropdown .dropdown { width: 100% } .subs-register-dropdown .dropdown .dropdown-toggle { background: transparent; border: 1px solid #ced4da; border-radius: .25rem; font-size: 14px; font-weight: 400; padding-right: 1.5rem; text-align: left } .subs-register-dropdown .dropdown .dropdown-toggle.unchanged { opacity: .5 } .subs-register-dropdown .dropdown .dropdown-toggle.unchanged:after { border-radius: initial; opacity: .5 } .subs-register-dropdown .dropdown .dropdown-toggle:after { border-radius: initial; left: unset; margin-left: 1rem; position: absolute; right: .5rem } .subs-register-dropdown .dropdown .dropdown-menu { z-index: 1002 } .subs-register-dropdown .dropdown .dropdown-menu .dropdown-item { overflow: hidden; padding: .25rem 1rem; text-overflow: ellipsis; white-space: nowrap } .subs-register-dropdown .dropdown .dropdown-menu .dropdown-item.active,.subs-register-dropdown .dropdown .dropdown-menu .dropdown-item:hover { background: #f2f2f2; color: unset; font-weight: 500 } .my-bookings-tabs p { color: #343a40 } .my-bookings-tabs .active-tab svg circle { fill: #dc3545; opacity: 1 } .my-bookings-tabs .active-tab svg path { fill: #fff } .my-bookings-tabs .active-tab p { color: #dc3545 } .company-list-select { width: calc(100% - 495px) } .reach-out-to-container { width: 495px } .subscription-terms { margin-bottom: 2rem; padding: 2.6rem 4rem } .subscription-terms .subs-terms-container>div h6 { font-size: 1rem } .subscription-terms .subs-terms-container>div p { color: #6c757d; font-size: .875rem; margin-bottom: .75rem } .subscription-terms .subs-terms-container>div:last-child { margin-bottom: 1.5rem } .subscription-terms .subs-terms-container>div div { margin-bottom: 1.25rem } .subscription-terms .subs-terms-container>div div:last-child { margin-bottom: 0 } .subscription-terms .subs-terms-container>div div a { color: #343a40; font-size: .875rem; text-decoration: none } .subscription-terms .subs-terms-container>div div a:focus,.subscription-terms .subs-terms-container>div div a:hover { text-decoration: none } .subscription-terms .subs-terms-container>div div p { margin-bottom: 0 } .lab-subscription-detail ul { display: flex; flex-wrap: wrap; list-style: none; margin: 2rem 0 1rem; padding: 0 } .lab-subscription-detail ul li { font-size: 1rem; margin-bottom: 1rem; padding-left: 2rem; padding-right: 1rem; position: relative; width: 50% } .lab-subscription-detail ul li:last-child,.lab-subscription-detail ul li:nth-last-child(2) { margin-bottom: 0 } .lab-subscription-detail ul li:before { background-repeat: no-repeat; background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M16.667 5 7.5 14.167 3.333 10' class="inline-style-bfc7c50303"/%3E%3C/svg%3E"); content: ""; height: 1.25rem; left: 0; position: absolute; width: 1.25rem } .lab-subscription-detail ul li p { margin-bottom: 0 } .lab-subscription-detail.combo-plan { display: flex } .lab-subscription-detail.combo-plan ul { margin: 0 0 1rem } .lab-subscription-detail.combo-plan ul li { width: 100%!important } .lab-subscription-detail.combo-plan ul li:last-child { margin-bottom: 0 } .lab-subscription-detail.combo-plan ul li:nth-last-child(2) { margin-bottom: 1rem } .lab-subscription-detail.combo-plan ul h4 { display: flex; flex-direction: column; margin-bottom: 1rem; width: 100% } .scroll-bookings { max-height: 500px; overflow-y: auto; scrollbar-width: thin } .scroll-bookings::-webkit-scrollbar { height: 5px; width: 5px } .scroll-bookings::-webkit-scrollbar-track { background: #f1f1f1 } .scroll-bookings::-webkit-scrollbar-thumb { background: #888 } .scroll-bookings::-webkit-scrollbar-thumb:hover { background: #555 } .scroll-bookings .card label { padding-left: 2.5rem } .my-subscription-container .label-text { font-size: .75rem; left: -2px; position: absolute; top: -1rem } .subscription-plans-slider .slick-track { align-items: center; display: flex; margin: 2.5rem 1rem } .subscription-plans-slider .slick-track .slick-slide { margin: 0 1rem } .user-subscription-card-caret { background: #f8f9fa; border-radius: .25rem; bottom: -.5rem; height: 12px; left: 1rem; position: absolute; width: calc(100% - 32px); z-index: 0 } .toggle-select .label-text { font-size: .875rem; margin-bottom: .5rem; margin-right: .5rem } .toggle-select .btn-badge { background-color: #fff; border: 1px solid #dee2e6; border-radius: 0; font-size: 1rem; padding: .25rem 1rem; text-transform: capitalize; width: 100% } .toggle-select .btn-badge:first-child { border-bottom-left-radius: .25rem; border-right: 0; border-top-left-radius: .25rem } .toggle-select .btn-badge:last-child { border-bottom-right-radius: .25rem; border-left: 0; border-top-right-radius: .25rem } .toggle-select .btn-badge.active { align-items: center; background: #08ce73; border: 2px solid #08ce73; display: flex; justify-content: center } .labs-patient-info { display: flex; margin-bottom: 1rem } .labs-patient-info .each-info { margin: 0 .5rem; width: calc(50% - .5rem) } .labs-patient-info .each-info:first-child { margin-left: 0 } .labs-patient-info .each-info:last-child { margin-right: 0 } .labs-patient-info .each-info .lab-patient-card { margin-top: -.5rem; padding: 1rem 6rem 1rem 1rem; position: relative } .labs-patient-info .each-info .lab-patient-card .patient-name { display: inline-block; margin-bottom: 0; max-width: calc(100% - 90px) } .labs-patient-info .each-info .lab-patient-card .cate-btn { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%) } .understanding-results { box-shadow: none } .understanding-results h5.heading { font-size: 1rem; font-weight: 500; margin: 1rem 0 } .understanding-results p { font-size: .875rem } .understanding-results table { background: #fff; border: 1px solid #dee2e6; margin: 1rem 0; width: 50% } .understanding-results table thead th { border-bottom: 2px solid #dee2e6; color: #080808; font-weight: 500 } .understanding-results table tbody td,.understanding-results table thead th { font-size: .875rem; padding: .75rem; vertical-align: bottom } .labs-question-container .question-container h5.heading { font-size: 1rem; font-weight: 500; margin: 1rem 0 1.25rem } .labs-question-container .question-container section { box-shadow: none; margin-bottom: 1.5rem } .labs-question-container .question-container section a { color: #080808; font-size: .875rem; font-weight: 500 } .labs-question-container .question-container section div { font-size: .875rem } .labs-question-container .question-container section p:empty { display: none } .doctor-specialization ul li::marker,.labproduct ul li::marker { color: #fc8019; font-size: 1rem } .lab-test-overview-desc .labproduct ul li::marker { color: #fc8019; font-size: 1rem } .lab-test-overview-desc .labproduct section h5,.lab-test-overview-desc .labproduct section p { padding-left: 0!important } .lab-test-overview-desc .labproduct section ul li { padding-left: .875rem!important; padding-top: 0!important } .faq-info ul,.medicine-info ul { list-style: none } .faq-info ul li:before,.medicine-info ul li:before { color: #fc8019; content: "•"; display: inline-block; font-size: 1.25rem; font-weight: 700; margin-left: -1rem; width: 1.25rem } .faq-info .generalDetail h2,.medicine-info .generalDetail h2 { font-size: 1.25rem; margin-bottom: 1rem } .faq-info .generalDetail p,.medicine-info .generalDetail p { font-size: .875rem } .faq-info .generalDetail table td,.faq-info .generalDetail table th,.medicine-info .generalDetail table td,.medicine-info .generalDetail table th { padding: .3rem } .faq-info .generalDetail section h4,.medicine-info .generalDetail section h4 { font-size: 1.125rem } .faq-info .generalDetail section section h4.heading,.medicine-info .generalDetail section section h4.heading { color: #fc8019; margin-top: 0 } .faq-info div h5.heading,.medicine-info div h5.heading { font-size: 1rem; font-weight: 500; margin: 0 0 1.25rem } .faq-info div section,.medicine-info div section { box-shadow: none; margin-bottom: 1.5rem } .faq-info div section ul li,.faq-info div section>section ul li,.medicine-info div section ul li,.medicine-info div section>section ul li { display: inline-block; list-style: none; padding-right: 1rem; vertical-align: top; width: 45% } .faq-info div section:last-child,.medicine-info div section:last-child { margin-bottom: 0 } .faq-info div section section,.medicine-info div section section { border: 1px solid #fc8019; margin: 1.25rem 1.25rem 1.25rem 3rem; padding: 1.25rem } .faq-info div section section h5,.medicine-info div section section h5 { color: #fc8019 } .faq-info div section .svgIcn,.medicine-info div section .svgIcn { position: absolute!important } .faq-info div section img~h5,.faq-info div section img~h6,.faq-info div section img~p,.medicine-info div section img~h5,.medicine-info div section img~h6,.medicine-info div section img~p { padding-left: 3.125rem } .faq-info div section img~ul,.medicine-info div section img~ul { padding-left: 4rem } .faq-info div section p,.medicine-info div section p { font-size: .875rem; margin-bottom: 1.5rem } .faq-info div section p a,.medicine-info div section p a { color: #007bff } .faq-info div section h5,.medicine-info div section h5 { font-size: .875rem; margin-bottom: 1rem } .faq-info div section h5:last-child,.medicine-info div section h5:last-child { margin-bottom: 0 } .faq-info div section h6,.faq-info div section ul li,.medicine-info div section h6,.medicine-info div section ul li { font-size: .875rem } .faq-info section#precaution,.medicine-info section#precaution { border: 1px solid #ffc107; padding: 1rem } .faq-info section#precaution h5,.medicine-info section#precaution h5 { color: #fc8019; font-size: .875rem; margin-bottom: .5rem } .faq-info section#precaution p,.medicine-info section#precaution p { color: #080808; font-size: .875rem; margin-bottom: 0 } .custom-sticky-header { position: sticky; top: 57px; z-index: 1000 } .custom-sticky-header li a { padding: 1rem 1.5rem } .lab-test-included { width: 75% } .lab-test-included ul { list-style: disc } .lab-test-included ul li ::marker { font-size: 1rem } .lab-test-included .collapse ul li:hover { color: #e71c37 } .lab-test-included .header-tabs { align-items: center; display: flex; justify-content: space-between } .lab-test-included .header-tabs .opentab { height: 0; transition: all .3s ease; vertical-align: middle; visibility: hidden; width: 0 } .lab-test-included .header-tabs:hover { background: #f5f5f5 } .lab-test-included .header-tabs:hover .opentab { height: 1rem; margin-left: 0; margin-right: 1rem; visibility: unset; width: 1rem } .lab-test-included section h5.heading { font-size: 1rem; margin-bottom: 1rem } .custom-menu-container li { overflow: auto } .custom-menu-container li a,.custom-menu-container li button { border-bottom: 2px solid #dee2e6; border-radius: 0!important; text-overflow: ellipsis; white-space: nowrap } .practises-div .img-container { align-items: center; background: #fff; border-radius: 50%; display: inline-flex; height: 4rem; justify-content: center; margin-bottom: 1rem; text-align: center; width: 4rem } .upcoming-consultation.doc-my-bookings-tabs.full-width { display: flex; flex-wrap: wrap; margin: 0 -.5rem } .upcoming-consultation.doc-my-bookings-tabs.full-width .each-upcoming-doc-card { padding: 0 .5rem 1rem; width: 33.3333333333% } .upcoming-consultation.doc-my-bookings-tabs .each-upcoming-doc-card { padding-bottom: 1rem; width: 100% } .upcoming-consultation .upcoming-consultation-slider .slick-track .slick-slide .item { padding: 0 .5rem } .upcoming-consultation .upcoming-consultation-slider .slick-arrow.slick-prev { left: 1.5rem } .upcoming-consultation .upcoming-consultation-slider .slick-arrow.slick-next { right: 1.5rem } .upcoming-consultation .img-container { align-items: center; background-color: #f8f9fa; border-radius: 50%; display: flex; height: 5rem; justify-content: center; margin-right: 1rem; position: relative; width: 5rem } .upcoming-consultation .img-container .badge { border-radius: 1rem; bottom: .25rem; box-shadow: 0 3px 6px rgba(0,0,0,.161); color: #080808; font-size: .875rem; left: 50%; padding: .24rem 10px; position: absolute; transform: translate(-50%,50%) } .upcoming-consultation .img-container+div { width: calc(100% - 5.5rem) } .doctor-availablity-slider .card .card-body { min-height: 13rem } .doctor-list-container { display: flex; flex-wrap: wrap; margin: 0 -.5rem -1rem } .doctor-list-container .card { height: 100%; margin: 0 .5rem; transition: box-shadow .3s ease } .doctor-list-container .card:hover { box-shadow: 0 .5rem 1rem rgba(8,8,8,.15); transition: box-shadow .3s ease } .doctor-list-container .card .card-body .consultaion-appointment { align-items: center; background-color: #f8f9fa; border-radius: 50%; display: flex; height: 5rem; justify-content: center; margin-right: 1rem; position: relative; width: 5rem } .doctor-list-container .card .card-body .consultaion-appointment .doctors-image { border-radius: 50%; height: 100%; object-position: center center } .doctor-list-container .card .card-body .consultaion-appointment span.doctor-status { background: #fff; border-radius: 50%; display: block; height: 1rem; position: absolute; right: 0; top: 55px; width: 1rem } .doctor-list-container .card .card-body .consultaion-appointment span.doctor-status.idle { border: 3px solid #08ce73 } .doctor-list-container .card .card-body .consultaion-appointment span.doctor-status.online { background: #08ce73; border: 2px solid #fff } .doctor-list-container .card .card-body .consultaion-appointment+div { width: calc(100% - 6rem) } .doctor-list-container .each-doctor-card { padding-bottom: 1rem; width: 25% } .doctor-list-container .doctor-card { padding-bottom: 1rem; width: 33.3333333333% } .doctor-store-slider { overflow-x: auto; white-space: nowrap } .doctor-store-slider .each-doctor-store { border-right: 1px solid rgba(173,181,189,.25); display: inline-block; margin-right: 1rem; padding-right: 1rem } .doctor-store-slider .each-doctor-store:last-child { border-right: 0; margin-right: 0; padding-right: 0 } svg.collapse-arrow.rotate-bottom { animation-direction: normal; animation-duration: .5s; animation-iteration-count: 1; animation-name: rotateBottom; transform: rotate(-180deg)!important; vertical-align: middle } svg.collapse-arrow.rotate-up { animation-direction: normal; animation-duration: .5s; animation-iteration-count: 1; animation-name: rotateUp; transform: rotate(0)!important; vertical-align: middle } svg.collapse-arrow.rotate-bottom-half { animation-direction: normal; animation-duration: .5s; animation-iteration-count: 1; animation-name: rotateBottomhalf; transform: rotate(90deg)!important; vertical-align: middle } svg.collapse-arrow.rotate-up-half { animation-direction: normal; animation-duration: .5s; animation-iteration-count: 1; animation-name: rotateUphalf; transform: rotate(0)!important; vertical-align: middle } @keyframes rotateBottom { 0% { transform: rotate(0) } to { transform: rotate(-180deg) } } @keyframes rotateUp { 0% { transform: rotate(-180deg) } to { transform: rotate(0) } } @keyframes rotateBottomhalf { 0% { transform: rotate(0) } to { transform: rotate(90deg) } } @keyframes rotateUphalf { 0% { transform: rotate(90deg) } to { transform: rotate(0) } } .selected-filter-container { display: flex; flex-wrap: wrap; margin-bottom: .5rem } .selected-filter-container .each-filter { align-items: center; background-color: #fff!important; border: 1px solid #dee2e6; border-radius: 2rem; display: flex; font-weight: 500; height: 2.125rem; line-height: 1.4; margin-bottom: .5rem; margin-right: .5rem; max-width: 15.625rem; padding-left: .75rem; padding-right: 2rem; position: relative } .selected-filter-container .each-filter:last-child { margin-right: 0 } .selected-filter-container .each-filter:hover .filter-remove-btn svg path { fill: #dc3545 } .selected-filter-container .each-filter .filter-remove-btn { background: transparent; border: 0; padding: .65rem; position: absolute; right: .3rem } .doctor-specialization { background-color: #fff!important; padding: 1rem } .doctor-specialization h6 { font-size: 20px; margin-bottom: 16px } .doctor-specialization p:last-child { margin-bottom: 1.5rem!important; margin-top: 0 } .doctor-specialization section { box-shadow: none!important } .doctor-specialization section h4 { font-size: 1rem; margin-bottom: 1rem } .doctor-specialization ul { padding-left: 1rem } .btn-blue-shadow { border: 1px solid #495057!important } .btn-blue-shadow:hover { border: 1px solid #212529!important; box-shadow: 0 .125rem .25rem rgba(8,8,8,.075) } .btn-blue-shadow.active,.btn-blue-shadow.active:hover { border: 1px solid #08ce73!important; box-shadow: 0 3px 6px rgba(38,153,251,.698) } .btn-blue-shadow.with-tick.active { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23'%3E%3Cg data-name='Group 17943'%3E%3Cpath data-name='Subtraction 12' d='M11.5 23A11.5 11.5 0 0 1 3.368 3.368a11.5 11.5 0 0 1 16.263 16.264A11.424 11.424 0 0 1 11.5 23ZM7.489 11.4a1.1 1.1 0 0 0-.842.392 1.114 1.114 0 0 0 .131 1.561l2.84 2.412a1.1 1.1 0 0 0 1.447-.022l5.278-6.125a1.109 1.109 0 0 0-.38-1.9 1.1 1.1 0 0 0-1.093.259l-4.562 5.477-2.108-1.79a1.1 1.1 0 0 0-.711-.264Z' fill='%2308ce73'/%3E%3C/g%3E%3C/svg%3E")!important; background-position: 1rem; background-repeat: no-repeat; overflow: visible!important; padding-left: 3.5rem } .doctor-profile-img-container { position: relative } .doctor-profile-img-container img { border-radius: .75rem; height: 12.5rem } .doctor-profile-img-container .hover-label { background: linear-gradient(180deg,rgba(0,0,0,.01),rgba(0,0,0,.8)); border-radius: 0 0 .75rem .75rem; bottom: 0; color: #fff; font-weight: 500; left: 0; padding: .75rem 0; position: absolute; text-align: center; width: 100% } .doctor-review-container { margin-top: 1.5rem } .doctor-review-container:last-child { margin-bottom: 0 } .doctor-review-container .each-review { margin-bottom: 1.5rem; padding-left: 3.25rem; position: relative } .doctor-review-container .each-review img { left: 0; position: absolute; top: 0 } .popular-test-slider .test-card,.slick-slider .test-card { min-height: 15.875rem } .popular-test-slider .test-card.subscription { min-height: 12.875rem } .list-anchor-link { color: #343a40; text-decoration: none } .list-anchor-link:hover { color: #e71c37; text-decoration: none } .vertical-seperator { background: #ced4da; margin-left: calc(33.333% - .125rem); min-height: calc(100vh - 18rem); padding-left: .125rem; position: absolute; top: 2.5rem } .vertical-seperator span { align-items: center; background: #fff; border-radius: 50%; display: flex; font-weight: 500; height: 2.5rem; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 2.5rem } .upload-photo-id-card .thumbnail-container { background-clip: content-box; background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 6rem; width: 6rem } .upload-photo-id-card .photo-id-container { display: flex; flex-direction: column; justify-content: space-between; margin-left: .5rem; width: calc(100% - 6.5rem) } .upload-progress-bar.progress { height: .25rem } .edit-patient-container { align-items: center; display: flex; margin-right: -.5rem } .edit-patient-container a:hover svg path { fill: #343a40 } .lab-alt-btn.no-hover:active,.lab-alt-btn.no-hover:focus,.lab-alt-btn.no-hover:hover { box-shadow: none!important; cursor: unset!important } .doctor-split-banner-container .banner-link-container { background-color: #fff; background-position: 100% 100%; background-repeat: no-repeat; background-size: contain; display: flex; flex-direction: column; height: 100%; justify-content: space-between; min-height: 14.625rem; padding: 1.5rem } .doctor-split-banner-container .banner-link-container h5 { font-size: 2.5rem } .doctor-split-banner-container .banner-link-container .banner-hover-btn { background: linear-gradient(45deg,#de2576,#fe4f30); box-shadow: 0 .5rem 1rem rgba(8,8,8,.15); color: #fff; padding-left: 2.25rem; padding-right: 4rem; position: relative; transition: all .3s ease } .doctor-split-banner-container .banner-link-container .banner-hover-btn svg { position: absolute; right: 1.5rem; top: .625rem; transition: right .3s ease 0s } .doctor-split-banner-container .banner-link-container .banner-hover-btn:hover { background: linear-gradient(45deg,#fe4f30,#de2576); box-shadow: none; margin-bottom: -1px } .doctor-split-banner-container .banner-link-container .banner-hover-btn:hover svg { right: 1rem; transition: right .3s ease 0s } .previously-consulted-doctor-container { display: flex; flex-wrap: wrap; margin: 0 -.5rem } .previously-consulted-doctor-container.full-width .each-consulted-doc-card { width: 25% } .previously-consulted-doctor-container .each-consulted-doc-card { padding: 0 .5rem 1rem; width: 33.3333333333% } .previously-consulted-doctor-container .each-consulted-doc-card .card { height: 100% } .previously-consulted-doctor-container .each-consulted-doc-card .card-body .consultaion-appointment { align-items: center; background-color: #f8f9fa; border-radius: 50%; display: flex; height: 5rem; justify-content: center; position: relative; width: 5rem } .previously-consulted-doctor-container .each-consulted-doc-card .card-body .consultaion-appointment .doctors-image { border-radius: 50%; height: 100%; object-position: center center } .previously-consulted-doctor-container .each-consulted-doc-card .card-body .consultaion-appointment .doctors-card-shadow { box-shadow: inset 0 0 0 rgba(8,8,8,.8),0 0 0 .2rem hsla(208,7%,46%,.25) } .doctors-arrow-up { border-bottom: 10px solid rgba(0,0,0,.125)!important; border-left: 7px solid transparent; border-right: 7px solid transparent; height: 0; margin-left: 1.5rem; width: 0 } @keyframes shake { 10%,90% { transform: translate3d(-1px,0,0) } 20%,80% { transform: translate3d(2px,0,0) } 30%,50%,70% { transform: translate3d(-4px,0,0) } 40%,60% { transform: translate3d(4px,0,0) } } .doctorConsultation-shake { animation: shake .82s cubic-bezier(.36,.07,.19,.97) 2 both; backface-visibility: hidden; perspective: 1000px; transform: translateZ(0) } @keyframes call { 0% { -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg) } 2% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg) } 4% { -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg) } 6% { -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg) } 8% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg) } 10% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg) } 12% { -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg) } 14% { -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg) } 16% { -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg) } 18% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg) } 20% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } } .call_icon { animation: call 1s linear 0s infinite; margin-right: .5rem; vertical-align: sub } .doctor-filter-container { position: relative } .doctor-filter-container input { padding-right: 2.5rem } .doctor-filter-container .search-icon-btn { position: absolute; right: .25rem; top: calc(50% - 2px); transform: translateY(-50%) } @keyframes shakes { 10%,90% { transform: translate3d(-1px,0,0) } 20%,80% { transform: translate3d(2px,0,0) } 30%,50%,70% { transform: translate3d(-4px,0,0) } 40%,60% { transform: translate3d(4px,0,0) } } @keyframes shake-shadow-remove { 0% { box-shadow: inset 0 0 0 rgba(8,8,8,.8),0 0 0 .3rem hsla(208,7%,46%,.2) } to { box-shadow: inset 0 0 0 rgba(8,8,8,.8),0 0 0 .3rem hsla(208,7%,46%,.2) } } .payment-shake { animation: shake .82s cubic-bezier(.36,.07,.19,.97) 2 both,shake-shadow-remove 2s; backface-visibility: hidden; border: 1px solid #6c757d!important; perspective: 1000px; transform: translateZ(0); transition: all 1s ease-out } .arrow-up:before { background-color: transparent; border-bottom: 10px solid rgba(0,0,0,.125)!important; border-left: 7px solid transparent; border-radius: 0; border-right: 7px solid transparent; bottom: -1.1rem; content: ""; left: 1.312rem; opacity: 1; position: absolute } .adverstiment .modal-body { background-image: url(../assets/clouds.d709b7bcd80fc09c42e6.svg); background-position: left -1rem top -1rem; background-repeat: no-repeat; height: 400px; transition: all .3s ease } .adverstiment .image { border-bottom-right-radius: 4px; bottom: 0; position: absolute; right: -1px } .adverstiment .information { height: calc(100% - 6rem); position: relative } .adverstiment .footerbackground { background: transparent linear-gradient(252deg,#fe4f30,#de2576) } .adverstiment .medplusAdvantage { list-style-type: none } .adverstiment .medplusAdvantage li:before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55.749' height='48.343'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='.991' x2='0' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fe4f30'/%3E%3Cstop offset='1' stop-color='%23de2576'/%3E%3C/linearGradient%3E%3Cfilter id='a' x='0' y='0' width='55.749' height='48.343' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='6'/%3E%3CfeGaussianBlur stdDeviation='6' result='blur'/%3E%3CfeFlood flood-opacity='.161'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)'%3E%3Cpath data-name='Icon open-arrow-right' d='M12.343 0v4.937H0v2.469h12.343v4.937L19.749 6.1Z' transform='translate(18 12)' fill='url(%23b)'/%3E%3C/g%3E%3C/svg%3E"); left: 0; margin-top: -8px; position: absolute } .adverstiment .footerbuttons button:first-child { margin-left: 1rem } .adverstiment .banner-hover-btn { background: transparent linear-gradient(252deg,#fe4f30,#de2576); box-shadow: 0 .5rem 1rem rgba(8,8,8,.15); color: #fff; position: relative; transition: all .3s ease } .adverstiment .banner-hover-btn svg { position: absolute; right: 1.5rem; top: .625rem; transition: right .3s ease 0s } .adverstiment .banner-hover-btn:hover { background: transparent linear-gradient(252deg,#fe4f30,#de2576); box-shadow: none; margin-bottom: -1px } .adverstiment .banner-hover-btn:hover svg { right: 1rem; transition: right .3s ease 0s } .payback-banner { align-items: center; background: rgba(255,211,224,.33) url(../assets/paybackloginicon.40520b5386a6ec6c2369.svg) right 4% top 10%; background-repeat: no-repeat; border-radius: 6px; display: flex; margin: 1rem auto 1.5rem; min-height: 7rem; position: relative; width: calc(100% - 5rem) } .payback-banner .payback-login-key { bottom: -.5rem; left: -1rem; position: absolute } .payback-banner .payback-text { padding-left: 6rem; position: relative; width: 64% } .payback-banner .payback-text h5 { letter-spacing: .25px; line-height: 1.4 } .payback-banner .payback-text .login-button { position: absolute; top: calc(50% - 1.5rem); vertical-align: unset } .payback-banner .payback-text .login-button:hover { top: 28%!important } .card-summary h3 { font-weight: 400 } .card-summary .btn-fullArticle a,.card-summary .btn-fullArticle button { color: #e71c37; text-decoration: none; transition: right .2s ease 0s } .card-summary .btn-fullArticle a:active,.card-summary .btn-fullArticle a:focus,.card-summary .btn-fullArticle a:hover,.card-summary .btn-fullArticle button:active,.card-summary .btn-fullArticle button:focus,.card-summary .btn-fullArticle button:hover { color: #080808 } .card-summary .btn-fullArticle a:active svg,.card-summary .btn-fullArticle a:focus svg,.card-summary .btn-fullArticle a:hover svg,.card-summary .btn-fullArticle button:active svg,.card-summary .btn-fullArticle button:focus svg,.card-summary .btn-fullArticle button:hover svg { position: relative; right: -.5rem; transition: right .2s ease 0s } .card-summary .btn-fullArticle a:active svg path,.card-summary .btn-fullArticle a:focus svg path,.card-summary .btn-fullArticle a:hover svg path,.card-summary .btn-fullArticle button:active svg path,.card-summary .btn-fullArticle button:focus svg path,.card-summary .btn-fullArticle button:hover svg path { fill: #e71c37 } .card-summary .right-icon { float: right; position: relative; top: .25rem } .card-summary .right-icon:hover { color: #e71c37 } .categories ul { list-style-type: none } .categories .title { font-weight: 500 } .categories .list-each-item { border: 0!important; border-bottom: 1px solid #d9d9d9!important; border-radius: 0; font-size: 1rem; padding: 0 } .categories .list-each-item a { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cpath data-name='Rectangle 4721' fill='none' d='M0 18V0h18v18z'/%3E%3Cpath data-name='Path 23400' d='M11.704 8.409 7.655 4.36a.92.92 0 0 0-1.3 1.3l3.39 3.4-3.4 3.4a.921.921 0 0 0 .649 1.569.912.912 0 0 0 .649-.272l4.059-4.049a.922.922 0 0 0 .002-1.299Z' fill='%23080808'/%3E%3C/svg%3E") no-repeat; background-position: 100%; color: #080808; display: flex; padding: .5rem 2rem .5rem 0; width: 100% } .categories .list-each-item a:active,.categories .list-each-item a:focus,.categories .list-each-item a:hover { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cpath data-name='Rectangle 4721' fill='none' d='M0 18V0h18v18z'/%3E%3Cpath data-name='Path 23400' d='M11.704 8.409 7.655 4.36a.92.92 0 0 0-1.3 1.3l3.39 3.4-3.4 3.4a.921.921 0 0 0 .649 1.569.912.912 0 0 0 .649-.272l4.059-4.049a.922.922 0 0 0 .002-1.299Z' fill='%23e71c37'/%3E%3C/svg%3E"); color: #e71c37 } .martBreadCrumbList a.breadCrumbItem { color: #8d99ae!important } .martBreadCrumbList a.breadCrumbItemDisable { color: #fff!important } .related-card { border: 1px solid #e9ecef; border-radius: 1rem; min-height: 25.438rem; overflow: hidden; padding-bottom: 1rem } .related-card .related-card-body { min-height: 14.3125rem } .related-card .btn-fullArticle a,.related-card .btn-fullArticle button { color: #e71c37; transition: right .2s ease 0s } .related-card .btn-fullArticle a:active,.related-card .btn-fullArticle a:focus,.related-card .btn-fullArticle a:hover,.related-card .btn-fullArticle button:active,.related-card .btn-fullArticle button:focus,.related-card .btn-fullArticle button:hover { color: #080808 } .related-card .btn-fullArticle a:active svg,.related-card .btn-fullArticle a:focus svg,.related-card .btn-fullArticle a:hover svg,.related-card .btn-fullArticle button:active svg,.related-card .btn-fullArticle button:focus svg,.related-card .btn-fullArticle button:hover svg { position: relative; right: -.5rem; transition: right .2s ease 0s } .related-card .btn-fullArticle a:active svg path,.related-card .btn-fullArticle a:focus svg path,.related-card .btn-fullArticle a:hover svg path,.related-card .btn-fullArticle button:active svg path,.related-card .btn-fullArticle button:focus svg path,.related-card .btn-fullArticle button:hover svg path { fill: #e71c37 } .home-page-products-slider .category-card-ghostImage,.home-page-products-slider .category-cards { width: 16.6666666667% } .home-page-products-slider .product-card .wishlist-icon { line-height: normal; padding: .7rem; position: absolute; right: 0; top: 0; z-index: 1 } .home-page-products-slider .product-card .wishlist-icon:not(:disabled):not(.disabled).active:focus,.home-page-products-slider .product-card .wishlist-icon:not(:disabled):not(.disabled):active:focus { border-radius: 2rem; box-shadow: 0 0 0 .2rem hsla(208,7%,46%,.25) } .home-page-products-slider .card:hover { border-color: #c6c6c6; box-shadow: 0 .5rem 1rem rgba(8,8,8,.15); transition: box-shadow .3s ease } .home-page-products-slider .eachCard:after { background: #08ce73 url(../assets/tickmark_black_icon_18px_bgwhite.ee9157d51c55808edd25.svg) no-repeat; background-position: 50%; border-radius: 50%; box-shadow: 0 .5rem 1rem rgba(8,8,8,.15); content: ""; height: 3rem; left: 0; margin: 0 auto; position: absolute; right: 0; top: 30%; width: 3rem } .homepage-main-slider .slick-list .slick-slide img { border-top-left-radius: .25rem; border-top-right-radius: .25rem; width: 100% } .homepage-main-slider .slick-dots { background: #fff; border-bottom-left-radius: .25rem; border-bottom-right-radius: .25rem; bottom: -3.05rem } .homepage-main-slider .slick-dots .homepage-main-slider-dots { box-shadow: 0 .125rem .25rem rgba(8,8,8,.075); display: flex; margin-bottom: 0; padding-left: 0 } .homepage-main-slider .slick-dots .homepage-main-slider-dots li { height: unset; margin: 0; text-align: center; width: 100% } .homepage-main-slider .slick-dots .homepage-main-slider-dots li:first-child.slick-active { border-top-left-radius: .25rem } .homepage-main-slider .slick-dots .homepage-main-slider-dots li.slick-active { border-bottom: .125rem solid #080808 } .homepage-main-slider .slick-dots .homepage-main-slider-dots li.slick-active span { color: #080808; font-weight: 500 } .homepage-main-slider .slick-dots .homepage-main-slider-dots li span { color: #6c757d; display: block; font-size: .875rem; padding: .5rem } .homepage-main-slider .slick-dots .homepage-main-slider-dots li span:hover { text-decoration: none } .homepage-main-slider .slick-dots .homepage-main-slider-dots li span small { display: block } .homepage-aside-slider .slider-img-content { background-color: #fff; background-position: 50%; background-repeat: no-repeat; background-size: contain; border-radius: 1rem; height: 197px; margin-left: 1rem; margin-top: 2rem } .homepage-aside-slider .slider-img-content:not(:first-child) { margin-top: 1rem } .homepage-aside-slider .slick-dots { bottom: .5rem } .homepage-aside-slider .slick-dots .slick-active div { background-color: #dc3545; border: 2px solid #fff; box-shadow: 0 .125rem .25rem rgba(8,8,8,.075); box-sizing: content-box } .homepage-aside-slider .slick-dots .custompagination { background-color: #6c757d; border: 2px solid #dee2e6; box-shadow: 0 .125rem .25rem rgba(8,8,8,.075); box-sizing: content-box; height: 4px; width: 1.25rem } .home-page-title .card:hover .title { color: #e71c37 } .home-page-title .card:hover svg path { fill: #e71c37 } .categories,.categories-tpt { background-color: #fff; -webkit-border-radius: .188; -khtml-border-radius: .188rem; -moz-border-radius: .188rem; border-radius: 1rem; display: block; margin-bottom: 1.25rem; padding: .938rem; width: 100% } .bgImg-10104 { background-image: url(https://static1.medplusmart.com/medplusmart/assets/_47df1fb%E2%80%A6_/new_theme/web/images/baby_needs.svg); background-size: 34.375rem } .bgImg-10104,.bgImg-10108 { background-position: 100% 100%; background-repeat: no-repeat } .bgImg-10108 { background-image: url(https://static1.medplusmart.com/medplusmart/assets/_47df1fb%E2%80%A6_/new_theme/web/images/diabeticneeds.svg); background-size: 45% } .category-pills { display: flex; flex-wrap: wrap; justify-content: start; list-style-type: none; margin-left: -.625rem; margin-right: -.625rem; padding: 0 } .category-pills li { background-color: #fff; border: 1px solid #ddd; border-radius: .375rem; margin: .625rem; padding: .625rem; width: 14.375rem } .category-pills li svg { vertical-align: bottom } .category-pills li:hover p { color: #e71c37 } .category-pills .media-left svg,.category-pills .media-right svg { height: 2.25rem; margin-right: 10px; width: 2.25rem } .categories-tpt.promotion-banner a { background-position: 50%; background-repeat: no-repeat; background-size: contain; border-radius: .188rem; display: block; height: 234px } .categories-tpt .brand-slider .img-container { align-items: center; border-radius: 50%; display: flex; height: 7.5rem; justify-content: center; margin: 0 auto 1rem; transition: transform .3s ease; width: 7.5rem } .promotions { gap: 1rem } .promotions .itemcard { border: 1px solid #f0f0f0; border-radius: 1rem; box-sizing: border-box; display: inline-flex; flex-direction: column; transition: all .5s ease-in-out; vertical-align: text-bottom; width: calc(50% - .5rem) } .wishlist-icon { position: absolute; right: 0 } .mega-dropdown { cursor: pointer; z-index: 100 } .mega-dropdown ul li { list-style-type: none } .mega-dropdown:hover .dropdown-content { display: block } .mega-dropdown .cate-title { font-size: .875rem; padding: .375rem 0 0 .625rem!important } .mega-dropdown .cate-title img { float: left; vertical-align: middle } .mega-dropdown .cate-title a:hover { color: #dc3545!important } .mega-dropdown a.cate-main { padding: .41rem 0 .41rem 3rem } .mega-dropdown a.cate-main svg { left: 1rem; position: absolute } .dropdown-content { background-color: #fff; border-top: 1px solid #f1f1f1; box-shadow: 0 .313rem .438rem #cecece; display: none; font-size: .875rem; left: 0; max-height: 650px; min-height: 500px; overflow: hidden; position: absolute; text-transform: capitalize; width: 18.5%; z-index: 99 } .column { padding: .625rem } .column .text-dark-80 { color: #080808 } .column a { color: #656565; display: block; float: none; line-height: 1.5; padding: .3rem 1rem; position: inherit; text-align: left } .column a:hover { color: #dc3545!important } .column a.sub-cat:hover { color: #dc3545 } .column a.sub-cat:hover:before { background-size: contain; height: 24px; margin-right: -.5rem; width: 24px } .column .sub-cat:hover .dropdown-content-sub { display: block } .dropdown-content-sub { border-left: 1px solid #ccc; display: none; height: 100%; left: 18.5%; position: absolute; top: 0; width: 80% } .cate-wraper { display: block; max-height: 500px; overflow-y: auto; padding: .625rem 0 .625rem .625rem } .cate-columns { column-gap: .625rem; column-width: 14rem; max-width: 66rem; padding-top: .625rem } .cate-columns figure { column-break-inside: avoid; -moz-column-break-inside: avoid; border-bottom: 1px solid #f2f2f2; display: inline-block; margin: 0 0 10px; padding-bottom: 10px; transition: opacity .4s ease-in-out; width: 100% } .cate-columns figure>ul { padding-left: 0 } .cate-columns figure>ul>li>a.cate-heading { color: #080808; font-size: .875rem!important; font-weight: 500; padding-right: 3.125rem; text-overflow: inherit; white-space: pre-wrap } .cate-columns figure:last-child { border-bottom: none!important } .column a.sub-cat:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath data-name='Rectangle 4719' fill='none' d='M24 0v14H10V0z'/%3E%3Cpath data-name='Path 23398' d='M15.784 11.732a.49.49 0 0 1 0 .717l-3.74 3.221-3.54 3.047c-.257.22-.621.009-.621-.359V5.823c0-.369.364-.579.621-.359l3.54 3.045Z' fill='%23ccc'/%3E%3C/svg%3E"); background-size: unset; content: ""; display: inline-block; margin-right: -.5rem; margin-top: 0; position: absolute; right: 81.5%; transform: rotate(180deg); transition: .5s } .similar-products { max-height: 31.25rem; overflow: hidden; position: relative; width: auto } .similar-products .similar-products-scroll { max-height: 31.25rem; overflow-y: auto; width: auto } .similar-products .similar-products-scroll .productname { color: #007bff } .similar-products .similar-products-scroll .pricedrop { color: #e71c37 } .similar-products .similar-products-scroll .pricehike { color: #08ce73 } .similar-products .similar-products-scroll .pricehike-rotation { transform: rotate(180deg) } .similar-products .similar-products-scroll .instock { color: #08ce73 } .product-list-container { list-style-type: none } .product-list-container .list-element { border-bottom: 1px solid #adb5bd } .product-list-container .list-element a { color: #080808 } .product-list-container .list-element:hover a { color: #e71c37 } .product-list-container .list-element:hover svg path { fill: #e71c37 } .product-list-container .list-element:last-child { border-bottom: none } .product-list-container .block-element { align-items: center; display: flex; justify-content: space-between } .Applicable-offers { border: 1px dashed #01cb65; border-radius: 1rem } .Applicable-offers .sub-Applicable-offers { font-size: .875rem } .Applicable-offers ul { list-style-type: none } .Applicable-offers ul a { display: inline-flex; position: inherit } .My-account .col:first-child { padding-right: .5rem } .My-account .col:last-child { padding-left: .5rem } .My-account .col:not(:first-child):not(:last-child) { padding-left: .5rem; padding-right: .5rem } .Product-Section .btn-link:hover { text-decoration: none } .Product-Section .Product-Detail { display: flex; flex-direction: row } .Product-Section .Product-Detail .border-all { border: 1px solid #cecece } .Product-Section .Product-Detail .product-image-container-small { display: flex; flex-direction: column } .Product-Section .Product-Detail .product-image-container-small button { border: 1px solid #cecece } .Product-Section .Product-Detail .product-image-container-small button.active { border: 1px solid #e71c37!important; border-radius: calc(.25rem - 1px) } .Product-Section .Product-Detail .product-image-container-small img { height: 4.375rem } .Product-Section .Product-Detail .product-image-container-large { display: flex; flex-direction: row-reverse; position: relative } .Product-Section .Product-Detail .product-image-container-large .btn.icnwishlist { background-color: #fff; border: 1px solid #ccc!important; border-radius: 50%; color: #888!important; height: 2.75rem; line-height: 30px; position: absolute; right: .5rem; top: .5rem; width: 2.75rem; z-index: 99 } .Product-Section .Product-Detail .product-image-container-large .btn.icnwishlist:hover { border: 1px solid #e71c37!important } .Product-Section .Product-Detail .product-detail-instructions { display: flex; justify-content: space-between; width: calc(100% - 260px) } .Product-Section .Product-Detail .product-detail-instructions .product-detail-description .composition-underline { text-decoration: underline!important } .Product-Section .Product-Detail .product-detail-instructions .product-detail-description .composition-underline:hover { text-decoration: none!important } .Product-Section .Product-Detail .product-detail-instructions .product-detail-description .composition-title { color: #6c757d!important } .Product-Section .Product-Detail .product-detail-instructions .product-detail-description .prescription { background: #fc8019 } .Product-Section .Product-Detail .product-detail-instructions .product-detail-description .composition-header { color: #000f08!important; display: inline-block; font-weight: 400; letter-spacing: .1px; margin-bottom: 0; margin-top: .156rem } .Product-Section .Product-Detail .product-detail-instructions .product-detail-description .composition-country { color: #080808 } .Product-Section .Product-Detail .product-detail-instructions .prod-variant { display: block; font-size: 1em; font-weight: 400; margin: .313rem 0 0 } .Product-Section .Product-Detail .product-detail-instructions .prod-variant .list-inline { color: #333; font-weight: 400; margin: 0 } .Product-Section .Product-Detail .product-detail-instructions .prod-variant li { display: inline-block } .Product-Section .Product-Detail .product-detail-instructions .prod-variant li .btn-link { background: #fff url(../assets/circlecheck_black_icon_18px.0cf36cc97136e3e6dc90.svg) no-repeat right 7% center; border: 1px solid #acb2b5; border-radius: .188rem; box-sizing: border-box; color: #56595b; display: block; font-size: 1em; font-size: .9em; margin-bottom: .313rem; margin-right: .313rem; padding: .375rem 1.625rem .375rem .625rem } .Product-Section .Product-Detail .product-detail-instructions .prod-variant li .btn-link.active { background: #fff url(../assets/circlecheck_green_icon_18px.524a70d323dfe60fa6c5.svg) no-repeat right 7% center; border: 1px solid #08ce73 } .Product-Section .Product-Detail .product-detail-instructions .prod-variant li .btn-link.disabled { opacity: .4 } .Product-Section .Product-Detail .product-detail-instructions .prod-variant li .btn-link .out-of-stock { color: #a9a9a9 } .Product-Section .Product-Detail .product-detail-instructions .prod-variant li .btn-link:hover { border-color: #080808; box-shadow: 0 .125rem .25rem rgba(8,8,8,.075); color: #080808; transition: all .2s ease-in-out } .Product-Section .Product-Detail .product-detail-instructions .additional-info .info { color: #e71c37 } .Product-Section .Product-Detail .product-detail-checkout { align-items: flex-end; display: flex; flex-direction: column } .Product-Section .Product-Detail .product-detail-checkout .inclusive { font-size: 10px } .Product-Section .Product-Detail .product-detail-checkout .disc-offer-badge { border: 2px solid #01cb65; border-bottom-left-radius: .375rem; border-right: 0; border-top-left-radius: .375rem; font-weight: 500; margin-right: -1.05rem; padding: .313rem 1rem .313rem .938rem; text-align: left } .Product-Section .Product-Detail .product-detail-checkout .dropdown { background-color: #fff; border-radius: 50rem; color: #080808 } .Product-Section .Product-Detail .product-detail-checkout .dropdown button { padding: .688rem 1rem } .Product-Section .product-detail-container { display: flex; width: 16.25rem } .getNotified .title { color: #1976d2 } .getNotified:hover svg { cursor: pointer } .getNotified:hover svg path { fill: #e71c37 } .customfooter .availablity { color: #007bff } .safe-shopping { font-size: .875rem } .safe-shopping a { transition: right .3s ease 0s } .safe-shopping a:active,.safe-shopping a:focus,.safe-shopping a:hover { color: #080808; transition: right .3s ease-in-out } .safe-shopping a:active svg,.safe-shopping a:focus svg,.safe-shopping a:hover svg { position: relative; right: -.5rem } .safe-shopping a:active svg path,.safe-shopping a:focus svg path,.safe-shopping a:hover svg path { fill: #e71c37 } .sub-title h2 { font-size: 1.25rem } .sub-title p { font-size: .875rem } .CustomerFeedback .sectionHeading { position: relative } .CustomerFeedback .sectionHeading .underline { border-bottom: 2px solid #e71c37; height: 3px; left: 0; margin: 1.5rem 0; position: absolute; right: 0; width: 3.75rem } .healthcare-blog { background: #fff url(https://static1.medplusmart.com/medplusmart/assets/_2df912a%E2%80%A6_/new_theme/web/images/new/articles-bg.svg) no-repeat 100% 100%; display: inline-block; vertical-align: bottom; width: 100% } .healthcare-blog .title { color: #fc8019; font-size: 3rem } .healthcare-blog .slick-dots .slick-active div { background-color: #dc3545 } .healthcare-blog .slick-dots .custompagination { background-color: #6c757d; height: 5px; width: 1.25rem } .healthcare-blog .healthblog-header .title-location { color: #000f08 } .healthcare-blog .healthblog-header .content p { font-size: 14px; margin-bottom: 0 } .waysOfOrder ul { list-style: none } .waysOfOrder .help-heading { color: #080808; font-size: 1.25rem; margin: 1.875rem auto .4375rem 22%; position: relative; text-align: left } .waysOfOrder .imgTitle { margin: 2.5rem auto; text-align: center } .waysOfOrder .ico-buy-online { background-position: -14.1875rem 0; height: 7.9375rem; width: 9.125rem } .waysOfOrder .ico-buy-online,.waysOfOrder .ico-call-back { background-image: url(../assets/xoffers_sprite.744d241cee9e90584531.png); background-repeat: no-repeat; display: block; margin: 0 auto } .waysOfOrder .ico-call-back { background-position: -5.9375rem 0; height: 8.0625rem; width: 8.25rem } .waysOfOrder .ico-click-and-pick { background-image: url(../assets/xoffers_sprite.744d241cee9e90584531.png); background-position: 0 0; background-repeat: no-repeat; display: block; height: 8.25rem; margin: 0 auto; width: 5.9375rem } .waysOfOrder .helpBlock { height: 25.775rem; margin: 0 .9375rem 1.875rem; padding: .9375rem; width: 21.875rem } .waysOfOrder ol.helpList { counter-reset: li; list-style: none outside none; margin: 1.25rem 0; padding: 0 7% } .waysOfOrder ol.helpList li { color: #656565; list-style-type: disc; padding: .3125rem 0 } .waysOfOrder ol.helpList li.nostyle { list-style-type: none } .pharmacyHomeTabview { background-color: #fff; border-radius: .1875rem; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 1rem; box-shadow: .1875rem .1875rem .375rem rgba(0,0,0,.1); -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,.1); -moz-box-shadow: 3px 3px 6px rgba(0,0,0,.1); box-shadow: 3px 3px 6px rgba(0,0,0,.1); display: block; margin: 0!important; margin-bottom: -1rem; margin-top: 2.5rem; width: 100% } .pharmacyHomeTabview ul.drugsCategory { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 3%; -moz-column-gap: 3%; column-gap: 3%; display: block; list-style-type: none; padding-left: 0; width: 100% } .pharmacyHomeTabview li.categoryList { -webkit-column-break-inside: avoid; break-inside: avoid; -moz-column-fill: auto; column-fill: auto; height: auto!important; list-style-type: none; page-break-inside: avoid } .pharmacyHomeTabview li.categoryList h5 { color: #080808; font-size: .875rem } .pharmacyHomeTabview li.categoryList>.inline-list { -webkit-column-break-inside: avoid; break-inside: avoid; -moz-column-fill: auto; column-fill: auto; display: inline-flex; flex-wrap: wrap; height: auto!important; list-style-type: none; margin: 0 1rem 1rem!important; padding: 0!important; page-break-inside: avoid } .pharmacyHomeTabview li.categoryList>.inline-list li button:after { content: " / "; opacity: 1; padding: 0 .5rem; position: unset } .pharmacyHomeTabview li.categoryList>.inline-list li:last-child button:after { content: " "!important; padding-left: 0 } .pharmacyHomeTabview li.categoryList>.inline-list li button { color: rgba(0,0,0,.6); display: inline-block; font-size: .75rem!important; overflow: hidden; padding: .1875rem .1875rem 0 0; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: auto } .pharmacyHomeTabview li.categoryList>.inline-list li button:focus,.pharmacyHomeTabview li.categoryList>.inline-list li button:hover { color: #e71c37!important; font-weight: 500 } .pharmacyHomeTabview .nav-tabs { border: none; margin-bottom: 1rem; margin-top: 5rem; position: relative; top: -2rem } .pharmacyHomeTabview .nav-tabs .nav-item button:active,.pharmacyHomeTabview .nav-tabs .nav-item button:focus { box-shadow: none!important } .pharmacyHomeTabview .nav-tabs>li { margin-right: .3125rem; width: calc(50% - 1rem) } .pharmacyHomeTabview .nav-tabs>li>.inactive { cursor: pointer; padding: 1rem } .pharmacyHomeTabview .nav-tabs>li>.inactive,.pharmacyHomeTabview .nav-tabs>li>.inactive:visited { background: #080808; color: #fff!important; text-align: center!important } .pharmacyHomeTabview .nav-tabs .active { background: #08ce73!important; color: #fff!important; cursor: inherit; margin-top: -1.25rem!important; overflow: visible!important; padding: 1.6725rem 0; text-align: center } .pharmacyHomeTabview .nav-tabs .active:before { border-left: 1.25rem solid transparent; border-right: 1.25rem solid transparent; border-top: 1.25rem solid #0c6; bottom: -1.25rem; content: ""; height: 0; left: 0; margin: 0 auto; position: absolute; right: 0; width: 0 } .currentOffers { background: #e6e6e6; border-radius: 1rem; min-height: 13.75rem; padding: 1.875rem .9375rem } .currentOffers .upto { font-size: 1rem!important; position: absolute; top: -1.25rem } .currentOffers .help-heading { text-align: left!important } .discountHeading { color: #e71c37; font-size: 3.5em; font-weight: 500; line-height: 3.375rem } .discountHeading>span { font-size: 1.25rem!important; line-height: 1.375rem } .popoverBottom { margin-top: -.5rem!important } .container .title-text { font-size: 1rem; font-weight: 500; margin: 1rem 0 } .container .ul { list-style-type: disc; padding-left: 1rem } .container .ul li { font-size: 1rem; margin-bottom: .5rem } .Product-Enquiry { background-color: #fff } .Product-Enquiry .Product-Enquiry-Detail .form-title { font-size: 1.25rem; font-weight: 500; text-align: center } .Product-Enquiry .Product-Enquiry-Detail .title-text { font-size: 1.25rem; font-weight: 500; margin-bottom: 1.25rem } .Product-Enquiry .Product-Enquiry-Detail .each-row .each-product { border-bottom: 1px gray } .Product-Enquiry .Product-Enquiry-Detail .each-row .each-product .each-group { padding: .25rem; position: relative } .Product-Enquiry .Product-Enquiry-Detail .each-row .each-product .each-group .type-address { border: 0; border-bottom: 1px solid #dee2e6 } .Product-Enquiry .products-container .title-text { font-size: 1.25rem; font-weight: 500; margin-bottom: 1.25rem } .Product-Enquiry .products-container h6 { font-size: 1rem; font-weight: 500; margin-bottom: 1rem } .Product-Enquiry .products-container ul { display: flex; list-style-type: none; margin-bottom: 1rem } .Product-Enquiry .products-container ul li { align-items: center; display: flex; margin-bottom: 1rem; margin-right: 1.875rem; width: 30% } .Product-Enquiry .products-container ul li .bulkProductList { margin-left: 1.25rem } .Product-Enquiry .products-container ul li .bulkProductList .Quantity { margin-left: 2rem; text-align: center; width: 7.5rem } .Product-Enquiry .products-container ul li .bulkProductList .Quantity .type-Quantity { background-color: #dee2e6; border: 0; box-shadow: none; opacity: 1 } .Product-Enquiry .products-container ul li .bulkProductList .select-product { display: block; font-size: .875rem; margin-bottom: .75rem; position: relative; user-select: none } .Product-Enquiry .products-container ul li .bulkProductList .select-product p { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis } .Product-Enquiry .products-container ul li .bulkProductList .select-product .custom-check { border: 1px solid #080808; bottom: 0; height: 1rem; left: 0; margin: auto; position: absolute; top: 0; width: 1rem } .Product-Enquiry .products-container .btnRed { color: #fff } .Product-Enquiry .products-container .btnRed:hover { background-color: #fff; border: 1px #ced4da; color: #dc3545 } .community-delivary-bg { background: #fff url(../assets/community-intro-bg.48cd675783f15002e9ec.png) repeat-x; background-position: 0 100%; padding: 1.25rem 0 14.375rem } .flexiRewards-content { background: url(../assets/communityDeliverbiker.7821c193703c8fd03dc7.svg) no-repeat; background-position: 100%; border: 1px solid #ced4da; font-size: 1rem; font-weight: 300; margin-left: 8.33333%; min-height: 13.125rem; padding: 1.875rem } .flexiRewards-content p.question { font-size: 1.25rem; font-weight: 500; margin-bottom: .625rem } .flexiRewards-content ol { margin-bottom: .625rem; width: 80% } .flexiRewards-content ol li { margin-bottom: 1rem } .page-header { border-bottom: 1px solid #dee2e6; margin: 0 0 1.25rem } .page-header h1.showing-result { font-weight: #ced4da } .search-input { border-bottom: 1px solid #e9ecef } .search-input .searchBarInput { outline: 0 } .search-input .search-icon { position: absolute; right: 1.25rem; top: 1.063rem } .store-finder a.dropdown-item { padding: 0 } .store-finder a.dropdown-item.active,.store-finder a.dropdown-item:active { background: #f8f9fa; color: unset } .store-finder a li.active { background-color: unset; color: #080808 } .near-by-StoreLocatar .locality-badges { display: flex; margin-bottom: .5rem; overflow-x: auto; width: 100% } .near-by-StoreLocatar .locality-badges .badge-pill:hover { color: #e71c37 } .near-by-StoreLocatar .locality-badges .Locations { border: 1px solid #e9ecef; border-radius: 1rem; color: #080808; font-size: .875rem; font-weight: 500; margin: 0 1rem 0 0; padding: .5rem 1rem } .near-by-StoreLocatar .locality-badges .Locations .active { border-color: #dc3545; color: #dc3545 } .near-by-store-info .store-info { transition: all .2s ease-in-out } .near-by-store-info .store-info:hover { background-color: #f8f9fa!important; box-shadow: 0 .125rem .25rem rgba(8,8,8,.075) } .near-by-store-info address div .title { font-size: .875rem; font-weight: 500; max-width: 75% } .near-by-store-info address div .distance { color: #e71c37; font-size: .75rem; font-weight: 500 } .near-by-store-info .store-container .select-store { border: 1px solid #dee2e6; border-radius: .25rem; box-sizing: border-box; padding: 1rem; position: relative; width: 100% } .near-by-store-info .store-container .select-store:hover { background-color: #dee2e6 } .near-by-store-info .store-container .select-store:hover .near-by-store-open-badge { background-color: #08ce73; color: #fff; cursor: pointer } .near-by-store-info .store-container .select-store .store-name { font-size: .875rem; font-weight: 500; line-height: 1.8 } .near-by-store-info .store-container .select-store .store-name a { background-color: transparent; text-decoration: none } .near-by-store-info .store-container .select-store .near-by-store-open-badge { background: #fff; border: 1px solid #fff; border-radius: 50rem; color: #080808; padding: .25rem .5rem; position: absolute; right: 1rem; top: 1rem } .near-by-store-info .store-container .select-store p { cursor: pointer; font-size: .875rem; min-height: 3.438rem } .near-by-store-info .store-container .select-store ul { font-size: .875rem; list-style-type: none } ul.brandlist-inline,ul.search-product-list { list-style-type: none; padding: 0 } ul.brandlist-inline li,ul.search-product-list li { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cpath data-name='Rectangle 4721' fill='none' d='M0 18V0h18v18z'/%3E%3Cpath data-name='Path 23400' d='M11.704 8.409 7.655 4.36a.92.92 0 0 0-1.3 1.3l3.39 3.4-3.4 3.4a.921.921 0 0 0 .649 1.569.912.912 0 0 0 .649-.272l4.059-4.049a.922.922 0 0 0 .002-1.299Z' fill='%23080808'/%3E%3C/svg%3E") no-repeat; background-position: 0; transition: all .1s ease 0s; width: 25% } ul.brandlist-inline li:active,ul.brandlist-inline li:focus,ul.brandlist-inline li:hover,ul.search-product-list li:active,ul.search-product-list li:focus,ul.search-product-list li:hover { left: .5rem; position: relative } ul.brandlist-inline a,ul.search-product-list a { color: #080808; display: block; padding: .5rem 1rem .5rem 1.5rem; text-decoration: none; transition: all .1s ease 0s } ul.brandlist-inline a:hover,ul.search-product-list a:hover { color: #dc3545; font-weight: 500; padding-left: 1.5rem } .alphabetwise-products-list .Alphabet { background-color: #dee2e6; border: 1px solid #f8f9fa; border-radius: 3px; margin-bottom: 1.25rem; min-height: 1.25rem; padding: .5rem } .alphabetwise-products-list .Alphabet ul.list-inline { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 0 } .alphabetwise-products-list .Alphabet ul.list-inline li a { align-items: center; border: 1px solid transparent; box-sizing: border-box; color: #080808; display: inline-flex; font-size: .875rem!important; justify-content: center; padding: .5rem 1.25rem } .alphabetwise-products-list .Alphabet ul.list-inline li a:active,.alphabetwise-products-list .Alphabet ul.list-inline li a:focus,.alphabetwise-products-list .Alphabet ul.list-inline li a:hover { border: 1px solid #080808; border-radius: .25rem } .alphabetwise-products-list .Alphabet ul.list-inline li a.active { background-color: #080808; border-radius: .25rem; color: #fff } .alphabetwise-products-list .sub-alphabets { border-bottom: 1px solid #dee2e6; margin-bottom: .5rem } .alphabetwise-products-list .sub-alphabets li.active a { background-color: #fff; border-top: 1px solid #dee2e6; border-color: #e71c37 #dee2e6 transparent; border-style: solid; border-width: 2px 1px 1px; color: #e71c37; margin-bottom: -1px } .offersDialog .offerModalinfo { background: #56b1fc } .offersDialog .promotionOffers { color: #fff } .offersDialog .promotionOffers .FirstOrder { color: #333; font-size: 1rem; font-weight: 400 } .offersDialog .promotionOffers ul { list-style: none } .offersDialog .promotionOffers ul li { font-size: .75rem; line-height: .9375rem; padding: .625rem 0 } .brandProduct { display: flex; flex-wrap: wrap; padding: 1rem; width: 100% } .DrugInfo .each-filter-collapse a { display: block; text-decoration: none!important; width: calc(100% - .375rem) } .relatedarticle-card .articlecontent { -webkit-line-clamp: 3; max-height: 5.5rem; min-height: 4.5rem } .relatedarticle-card .fullarticle:hover { color: #080808; transition: all .2s ease-in-out } .relatedarticle-card .fullarticle:hover svg path { fill: #e71c37 } .alternatives { max-height: 25rem; overflow: auto } .each-product-card { width: 16.6666666667%!important } .offers-tag { margin: .5rem } .bg-info-50 { background-color: rgba(86,177,252,.5) } .bg-info-75 { background-color: rgba(86,177,252,.75) } .top-0 { top: 0!important } .bg-green-100 { background-color: #7fe3d0 } .seo-page-content h5,.seo-page-content h6 { margin: 1rem 0 .5rem } .seo-page-content h5:first-child,.seo-page-content h6:first-child { margin-top: 0 } .seo-page-content p { line-height: 1.5 } .seo-page-content p:last-child { margin-bottom: 0 } .seo-page-content ul { list-style-type: disc; padding-left: 0 } .seo-page-content ul li { margin-left: 2rem } .seo-page-content ul li::marker { color: #fc8019; font-size: 1rem } .subscription-member-details { height: .15rem; overflow: hidden } .subscription-member-details,.subscription-member-details-open { margin-left: .5rem; position: static; transition: all .5s ease-in-out; width: calc(100% - 1rem) } .subscription-member-details-open .subscribed-members .card-body label { font-size: 10px } .subscription-member-details-open .subscribed-members .card-body p { font-size: 12px } .addmember-popover { display: flex!important; flex-wrap: wrap; gap: 1rem 1rem } .page-center { align-items: center; display: flex; height: calc(100vh - 3rem); justify-content: center; width: 100% } .page-center .mart-promo-pages,.page-center .whatsApp { border-radius: 1.5rem; overflow: hidden; padding: 3rem; position: relative } .page-center .mart-promo-pages .cardiac,.page-center .whatsApp .cardiac { color: #080808; margin-top: 2.5rem; width: 66% } .page-center .mart-promo-pages .cardiac .cardiac-title,.page-center .whatsApp .cardiac .cardiac-title { color: #080808 } .page-center .mart-promo-pages .cardiac hr,.page-center .whatsApp .cardiac hr { border-bottom: 1px dashed #6c757d } .page-center .mart-promo-pages .medplus-logo,.page-center .whatsApp .medplus-logo { display: inline-flex; margin-bottom: 3rem } .page-center .mart-promo-pages ul,.page-center .whatsApp ul { list-style-type: none; margin-bottom: 3rem; padding-left: 0 } .page-center .mart-promo-pages ul li:before,.page-center .whatsApp ul li:before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' class='mr-2'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect data-name='Rectangle 7216' width='24' height='24' rx='4' transform='translate(0 1)' fill='%23f2f2f2'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Mask Group 1' transform='translate(0 -1)' clip-path='url(%23a)'%3E%3Cpath data-name='Path 34709' d='M12.586 7.19a1.133 1.133 0 0 0-.159.477.685.685 0 0 0 .239.477l5.009 4.611H4.636a.636.636 0 1 0 0 1.272h13.038l-4.929 4.611a.624.624 0 0 0 0 .875.63.63 0 0 0 .875.079l6.2-5.724a.624.624 0 0 0 0-.875l-6.2-5.8a.608.608 0 0 0-.4-.159c-.396-.082-.554-.003-.634.156Z' fill='%23080808'/%3E%3C/g%3E%3C/svg%3E"); margin-right: 1rem; position: relative; top: .4rem } .page-center .mart-promo-pages .whatsapp-group,.page-center .whatsApp .whatsapp-group { bottom: 6rem; position: absolute; right: 3rem } .btn-brand-gradient,.btn-brand-gradient:not(:disabled):not(.disabled).active,.btn-brand-gradient:not(:disabled):not(.disabled):active,.comboplanecard:hover .renewPlan,.select-membership-container .each-membership-plan:hover .renewPlan { background: transparent linear-gradient(160deg,#e71c37,#f63415 50%,#ae2220) 0 0 no-repeat padding-box; border: 1px solid #e71c37!important; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); color: #fff!important; position: relative; transition: all .25s ease-in-out!important } .btn-brand-gradient:active,.btn-brand-gradient:focus,.btn-brand-gradient:hover,.btn-brand-gradient:not(:disabled):not(.disabled).active:active,.btn-brand-gradient:not(:disabled):not(.disabled).active:focus,.btn-brand-gradient:not(:disabled):not(.disabled).active:hover,.btn-brand-gradient:not(:disabled):not(.disabled):active:active,.btn-brand-gradient:not(:disabled):not(.disabled):active:focus,.btn-brand-gradient:not(:disabled):not(.disabled):active:hover,.comboplanecard:hover .renewPlan:active,.comboplanecard:hover .renewPlan:focus,.comboplanecard:hover .renewPlan:hover,.select-membership-container .each-membership-plan:hover .renewPlan:active,.select-membership-container .each-membership-plan:hover .renewPlan:focus,.select-membership-container .each-membership-plan:hover .renewPlan:hover { background: transparent linear-gradient(160deg,#ae2220,#f63415 65%,#e71c37) 0 0 no-repeat padding-box; box-shadow: none; transition: all .25s ease-in-out } .card-shadow-down { background-color: #fff; border: 1px solid rgba(0,0,0,.1); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top: 0; box-shadow: 0 3px 6px rgba(0,0,0,.078); height: .5rem; margin: 0 auto; position: relative; width: calc(100% - 1rem); z-index: 1 } .strikethrough-diagonal { position: relative } .strikethrough-diagonal:before { border-top: 1px solid #e71c37; content: ""; left: 0; position: absolute; right: 0; top: 45%; -webkit-transform: skewY(-10deg); -moz-transform: skewY(-10deg); transform: skewY(-10deg) } .link-tag,.link-tag:hover { color: unset } .mart-promo-pages-web { background-color: #fff; border-radius: 1.5rem; display: flex; flex-wrap: wrap; height: 100%; padding: 3rem; width: 100% } .mart-promo-pages-web br,.mart-promo-pages-web p { display: none } .mart-promo-pages-web .medplusdiagnosticslogo { background: url(../assets/medplus-diagnostics-identity.e5a5b63510b10adc3d67.png) no-repeat; height: 3.75rem } .mart-promo-pages-web .mart-promo-content { color: #080808; margin-top: 2.5rem } .mart-promo-pages-web .mart-promo-content .mart-promo-content-title { color: #080808 } .mart-promo-pages-web .mart-promo-content .title { font-size: 3rem; font-weight: 500; line-height: 1 } .mart-promo-pages-web .mart-promo-content .title .subtitle { font-size: 1.5rem; font-weight: 400 } .mart-promo-pages-web .mart-promo-content .price strong { font-size: 75% } .mart-promo-pages-web .mart-promo-content .price div span,.mart-promo-pages-web .mart-promo-content .price h2 span { color: #dc3545; font-weight: 500 } .mart-promo-pages-web .mart-promo-content .price h2,.mart-promo-pages-web .mart-promo-content .price h4 { margin-bottom: 0 } .mart-promo-pages-web .mart-promo-content .price small span { font-size: 75% } .mart-promo-pages-web .mart-promo-content .price del { font-weight: 500; text-decoration: line-through; text-decoration-color: #e71c37; text-decoration-thickness: 2px } .mart-promo-pages-web .mart-promo-content .location { display: flex; justify-content: space-between; margin-top: 2.5rem; position: relative } .mart-promo-pages-web .mart-promo-content .location .productimage { position: absolute; right: 1rem; top: -3rem } .mart-promo-pages-web .mart-promo-content .location .contact a { background: transparent linear-gradient(160deg,#e71c37,#f63415 50%,#ae2220) 0 0 no-repeat padding-box; border: 1px solid #e71c37!important; border-radius: 2rem; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); color: #fff!important; color: #fff; font-size: 1.5rem; font-weight: 400; padding: .5rem 1rem .5rem 3.5rem; position: relative; transition: all .25s ease-in-out!important } .mart-promo-pages-web .mart-promo-content .location .contact a:before { background: url(../assets/phoneicon.ad255736ba82330d2f4c.png) no-repeat; content: ""; height: 30px; left: 1rem; position: absolute; transform: translateY(5%); width: 30px } .mart-promo-pages-web .mart-promo-content .location .contact a svg { margin-right: 1rem; vertical-align: sub } .mart-promo-pages-web .mart-promo-content .location .contact a:active,.mart-promo-pages-web .mart-promo-content .location .contact a:focus,.mart-promo-pages-web .mart-promo-content .location .contact a:hover { background: transparent linear-gradient(160deg,#ae2220,#f63415 65%,#e71c37) 0 0 no-repeat padding-box; box-shadow: none; transition: all .25s ease-in-out } .mart-promo-pages-web .mart-promo-content .location .contact h5 { font-weight: 400; margin-bottom: 1rem; margin-top: .5rem } .mart-promo-pages-web .mart-promo-content .location .multi-locations { display: flex; flex-direction: column; margin-top: 2rem } .mart-promo-pages-web .mart-promo-content .location .multi-locations h5 { font-weight: bolder; margin-left: 1.5rem; position: relative } .mart-promo-pages-web .mart-promo-content .location .multi-locations h5:before { background: url(../assets/location.a79875c5052270e1550d.png) no-repeat; bottom: 0; content: ""; height: 2rem; left: -2rem; position: absolute; top: -5px; width: 2rem } .mart-promo-pages-web .mart-promo-content .location .multi-locations ul { display: inline-flex; flex-wrap: wrap; gap: .5rem 1.5rem; list-style: none; margin: 0; padding-left: 1.5rem; position: relative; width: 75% } .mart-promo-pages-web .mart-promo-content .location .multi-locations ul li { margin: 0; padding: 0; position: relative } .mart-promo-pages-web .mart-promo-content .location .multi-locations ul li:not(:last-child):after { border-right: 1px solid #ccc; content: ""; height: 1.2rem; margin: 0 .75rem; position: absolute; width: 0 } .mart-promo-pages-web .mart-promo-content .location .location-maps { display: flex; margin-top: 1.5rem } .mart-promo-pages-web .mart-promo-content .location .location-maps ul { display: inline-flex; flex-wrap: wrap; gap: 1rem; list-style: none; margin: 0; padding-left: 1.5rem; position: relative; width: 75% } .mart-promo-pages-web .mart-promo-content .location .location-maps ul li { margin: 0 1rem 0 0; padding: 0; position: relative } .mart-promo-pages-web .mart-promo-content .location .location-maps ul li:before { background: url(../assets/location.a79875c5052270e1550d.png) no-repeat; bottom: 0; content: ""; height: 2rem; left: -2rem; position: absolute; top: -5px; width: 2rem } .mart-promo-pages-web .mart-promo-content hr { border-bottom: 1px dashed #6c757d; border-top: 0; margin: 1rem 0 } .mart-promo-pages-web .mart-promo-content .footer-note { font-weight: 400; margin-top: 1rem } .mart-promo-pages-web .mart-promo-content .footer-note span { color: #e71c37; font-size: 1rem; font-weight: 500 } .mart-promo-pages-web .mart-promo-content .footer-note span~span { color: unset!important; display: block; font-size: unset!important; font-weight: unset!important; line-height: 1.5 } .v-center-promo { align-items: center; display: flex; height: 100vh; justify-content: center } .list-arrow li:before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cpath data-name='Rectangle 4721' fill='none' d='M0 18V0h18v18z'/%3E%3Cpath data-name='Path 23400' d='M11.704 8.409 7.655 4.36a.92.92 0 0 0-1.3 1.3l3.39 3.4-3.4 3.4a.921.921 0 0 0 .649 1.569.912.912 0 0 0 .649-.272l4.059-4.049a.922.922 0 0 0 .002-1.299Z' fill='red'/%3E%3C/svg%3E"); left: -.375rem; position: relative } .reportdelivery li { margin: .25rem 0!important } .reportdelivery li:first-child { margin-top: 0!important } .reportdelivery li:last-child { margin-bottom: 0!important } .deliverystatus { display: flex; justify-content: start } .deliverystatus p:nth-child(2):nth-last-child(2) { margin-left: auto; margin-right: auto } .deliverystatus p:first-child { margin-right: 3rem } .seperate-banners:active .seperate-banners:focus,.seperate-banners:hover { box-shadow: 0 0 8px rgba(0,0,0,.6); transform: scale(1.01) } .download-links .android { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cg data-name='Mask Group 125' transform='translate(-1277 -914)' clip-path='url(%23clip-path)'%3E%3Cg data-name='317758_android_google_icon'%3E%3Cpath data-name='Path 46941' d='M1281.376 921.177a1.376 1.376 0 0 0-1.376 1.376v5.5a1.376 1.376 0 0 0 2.752 0v-5.5a1.376 1.376 0 0 0-1.376-1.376Z'/%3E%3Cpath data-name='Path 46942' d='M1296.511 921.177a1.376 1.376 0 0 0-1.376 1.376v5.5a1.376 1.376 0 0 0 2.752 0v-5.5a1.376 1.376 0 0 0-1.376-1.376Z'/%3E%3Cpath data-name='Path 46943' d='M1283.44 932.187h1.376v3.44a1.376 1.376 0 0 0 2.752 0v-3.44h2.752v3.44a1.376 1.376 0 0 0 2.752 0v-3.44h1.376v-10.322h-11.008Z'/%3E%3Cpath data-name='Path 46944' d='m1292.193 916.741.706-1.224a.346.346 0 1 0-.6-.344l-.689 1.193a5.492 5.492 0 0 0-5.341 0l-.685-1.193a.346.346 0 0 0-.6.344l.707 1.225a5.493 5.493 0 0 0-2.251 4.435h11.007a5.493 5.493 0 0 0-2.254-4.436Zm-5.313 2.372a.688.688 0 1 1 .688-.688.687.687 0 0 1-.688.688Zm4.128 0a.688.688 0 1 1 .688-.688.687.687 0 0 1-.688.688Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-position: 50%; background-repeat: no-repeat; padding: .5rem .75rem } .download-links .android:hover { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cg data-name='Mask Group 125' transform='translate(-1277 -914)' clip-path='url(%23clip-path)'%3E%3Cg data-name='317758_android_google_icon' fill='red'%3E%3Cpath data-name='Path 46941' d='M1281.376 921.177a1.376 1.376 0 0 0-1.376 1.376v5.5a1.376 1.376 0 0 0 2.752 0v-5.5a1.376 1.376 0 0 0-1.376-1.376Z'/%3E%3Cpath data-name='Path 46942' d='M1296.511 921.177a1.376 1.376 0 0 0-1.376 1.376v5.5a1.376 1.376 0 0 0 2.752 0v-5.5a1.376 1.376 0 0 0-1.376-1.376Z'/%3E%3Cpath data-name='Path 46943' d='M1283.44 932.187h1.376v3.44a1.376 1.376 0 0 0 2.752 0v-3.44h2.752v3.44a1.376 1.376 0 0 0 2.752 0v-3.44h1.376v-10.322h-11.008Z'/%3E%3Cpath data-name='Path 46944' d='m1292.193 916.741.706-1.224a.346.346 0 1 0-.6-.344l-.689 1.193a5.492 5.492 0 0 0-5.341 0l-.685-1.193a.346.346 0 0 0-.6.344l.707 1.225a5.493 5.493 0 0 0-2.251 4.435h11.007a5.493 5.493 0 0 0-2.254-4.436Zm-5.313 2.372a.688.688 0 1 1 .688-.688.687.687 0 0 1-.688.688Zm4.128 0a.688.688 0 1 1 .688-.688.687.687 0 0 1-.688.688Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .download-links .ios { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cg data-name='Mask Group 126' transform='translate(-1307 -914)' clip-path='url(%23clip-path)'%3E%3Cpath d='M1310.925 923.088c-1.86 3.228-.678 8.125 1.379 11.1 1.027 1.485 2.066 2.818 3.49 2.818h.081a4.31 4.31 0 0 0 1.62-.432 4.435 4.435 0 0 1 1.918-.455 4.171 4.171 0 0 1 1.826.44 3.869 3.869 0 0 0 1.749.419c1.6-.03 2.588-1.468 3.457-2.737a12.131 12.131 0 0 0 1.515-3.1l.006-.02a.18.18 0 0 0-.1-.221l-.013-.006a4.6 4.6 0 0 1-2.786-4.21 4.732 4.732 0 0 1 2.236-3.956l.018-.011a.18.18 0 0 0 .051-.253 5.2 5.2 0 0 0-4.093-2.223 3.485 3.485 0 0 0-.357-.017 7.135 7.135 0 0 0-2.569.641 4.129 4.129 0 0 1-1.23.368 4.026 4.026 0 0 1-1.273-.372 6.167 6.167 0 0 0-2.243-.57h-.057a5.5 5.5 0 0 0-4.625 2.797Z'/%3E%3Cpath d='M1323.288 915a5.023 5.023 0 0 0-3.316 1.7 4.706 4.706 0 0 0-1.191 3.49.18.18 0 0 0 .165.156c.077.006.155.009.233.009a4.249 4.249 0 0 0 3.13-1.605 4.962 4.962 0 0 0 1.166-3.59.181.181 0 0 0-.187-.16Z'/%3E%3C/g%3E%3C/svg%3E"); background-position: 50%; background-repeat: no-repeat; padding: .5rem .75rem } .download-links .ios:hover { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cg data-name='Mask Group 126' transform='translate(-1307 -914)' clip-path='url(%23clip-path)'%3E%3Cg fill='red'%3E%3Cpath d='M1310.925 923.088c-1.86 3.228-.678 8.125 1.379 11.1 1.027 1.485 2.066 2.818 3.49 2.818h.081a4.31 4.31 0 0 0 1.62-.432 4.435 4.435 0 0 1 1.918-.455 4.171 4.171 0 0 1 1.826.44 3.869 3.869 0 0 0 1.749.419c1.6-.03 2.588-1.468 3.457-2.737a12.131 12.131 0 0 0 1.515-3.1l.006-.02a.18.18 0 0 0-.1-.221l-.013-.006a4.6 4.6 0 0 1-2.786-4.21 4.732 4.732 0 0 1 2.236-3.956l.018-.011a.18.18 0 0 0 .051-.253 5.2 5.2 0 0 0-4.093-2.223 3.485 3.485 0 0 0-.357-.017 7.135 7.135 0 0 0-2.569.641 4.129 4.129 0 0 1-1.23.368 4.026 4.026 0 0 1-1.273-.372 6.167 6.167 0 0 0-2.243-.57h-.057a5.5 5.5 0 0 0-4.625 2.797Z'/%3E%3Cpath d='M1323.288 915a5.023 5.023 0 0 0-3.316 1.7 4.706 4.706 0 0 0-1.191 3.49.18.18 0 0 0 .165.156c.077.006.155.009.233.009a4.249 4.249 0 0 0 3.13-1.605 4.962 4.962 0 0 0 1.166-3.59.181.181 0 0 0-.187-.16Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .slick-disabled { display: none } .location-tracking .modal-body .statusInfo { position: relative } .location-tracking .modal-body .statusInfo:before { background-color: #eee; bottom: 0; content: " "; left: 9px; position: absolute; top: 0; width: .188rem } .location-tracking .modal-body .statusInfo .step-circ { border: 3px solid #eee; border-radius: 50%; color: #fff; height: 20px; line-height: 20px; margin-left: -24px; position: absolute; text-align: center; width: 20px } .location-tracking .modal-body .statusInfo .step-pending-circ { background: #ccc } .location-tracking .modal-body .statusInfo .step-completed-circ { background: #2cc36b } .location-tracking .modal-body .statusInfo .trackorderHeading { border-bottom: 1px solid #eee; color: #414141; display: block; font-weight: 500; margin-bottom: 15px } .location-tracking .modal-body .statusInfo .statusInfo-inverted .statusInfo-subLevel { position: relative } .location-tracking .modal-body .statusInfo .statusInfo-inverted .statusInfo-subLevel .step-completed-circ-small { background: #59d09a; border: 3px solid #eee; border-radius: 50%; color: #fff; height: 14px; margin-left: -21px; margin-top: 5px; position: absolute; width: 14px } .input-range__track { background: #ddd; border-radius: .3rem; cursor: pointer; display: block; height: .3rem; position: relative; transition: left .3s ease-out,width .3s ease-out } .input-range { height: 1rem; margin: auto; position: relative; top: 1rem; width: calc(100% - 2.5rem)!important } .input-range__slider { appearance: none; background: #f9f9f9!important; border: 1px solid #ccc!important; border-radius: 100%; cursor: pointer; display: block; height: 1rem; margin-left: -.5rem; margin-top: -.65rem; outline: none; position: absolute; top: 50%; transition: transform .3s ease-out,box-shadow .3s ease-out; width: 1rem } .input-range__track--active { background: #313131!important } .input-range__label { color: #5a5a64 } .input-range__label-container { background-color: #fff; border-radius: .25rem; left: -50%; padding: .25rem; position: relative } .shop-by-category a,.shop-by-category a:hover { text-decoration: none } .shop-by-category .card .card-body { position: relative; top: 0; transition: top .3s ease 0s } .shop-by-category .card:hover .card-body { position: relative; top: -.5rem; transition: top .3s ease 0s } .shop-by-category .card:hover .img-container { border-color: #c6c6c6; box-shadow: 0 .5rem 1rem rgba(8,8,8,.15); transition: transform .3s ease } .shop-by-category .card:hover .card-title { color: #dc3545; transition: transform .3s ease } .shop-by-category .img-container { align-items: center; border-radius: 50%; display: flex; height: 100px; justify-content: center; margin: 0 auto 1rem; transition: transform .3s ease; width: 100px } .shop-by-category .card-title { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; line-height: inherit; margin-bottom: 0; max-height: 3rem; overflow: hidden; text-align: center; text-overflow: ellipsis; transition: transform .3s ease } .section-seperator { margin-bottom: 2rem } .banner-shadow-seperator { box-shadow: 0 .125rem .25rem rgba(8,8,8,.25) } .shop-by-category .popular-brands-ghostimage { width: 20% } .scrollToTop { background-color: #6c757d; border: none; border-radius: .35rem; bottom: 4rem; padding: .25rem .5rem; position: fixed; right: 1rem; z-index: 1030 } .scrollToTop:hover { background-color: #e71c37 } .scrollToTop:focus { outline: none } .scrollToTop svg { animation: bounce 1.6s cubic-bezier(.445,.05,.55,.95) infinite } .promotions-banner-slider .slick-promotions { bottom: 0 } .promotions-banner-slider .slick-promotions .custom-arrows-promotions { background: #6c757d; background-color: #6c757d; border: 2px solid #dee2e6; border-radius: .25rem; box-shadow: 0 .125rem .25rem rgba(8,8,8,.075); box-sizing: content-box; height: .25rem; width: 1rem } .promotions-banner-slider .slick-promotions .slick-active .custom-arrows-promotions { background: #e71c37; border: 2px solid #fff; box-shadow: 0 .125rem .25rem rgba(8,8,8,.075); box-sizing: content-box } .promotion-banner img { height: 18.125rem; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-duration: 1s; transition-duration: 1s } .promotion-banner img:active .promotion-banner img:focus,.promotion-banner img:hover { box-shadow: 0 .5rem 1rem rgba(8,8,8,.15); -webkit-transform: scale(1.01); transform: scale(1.01); -webkit-transition-duration: 1s; transition-duration: 1s } .search-all-products { width: 20% } .drugInfo-all-products { width: 16.6666666667% } .shareit:before { border-left: 3px solid #e71c37; content: ""; left: -1rem; position: relative } .topbanners-homepage { margin-bottom: 5rem } .text-wrap-anywhere { word-wrap: anywhere!important } img[alt] { color: #080808; font-size: .875rem } .my-account-section-cards { gap: 1rem } .my-account-section-cards .home-page-title { flex-grow: 1 } .safe-shopping .light { font-weight: 300 } .safe-shopping .card-horizontal { background-color: #fff; border-radius: 1rem; box-shadow: 0 .125rem .25rem rgba(8,8,8,.075); display: flex; justify-content: space-between; margin-bottom: 1rem } .safe-shopping .card-horizontal .card-body { margin-bottom: 1.25rem; width: 75% } @keyframes bounce { 50% { transform: translateY(-10px) } } .alert-information .info svg { fill: #886807; animation: bounce .4s cubic-bezier(.445,.05,.55,.95) 2; animation-delay: 1s } .alert-information .close:hover g path { fill: #e71c37 } .spinner-loader { margin: 0 auto; min-width: 12.5rem } .post-detail h1 { font-size: 2rem } .post-detail h2 { font-size: 1.5rem } .post-detail h4,.post-detail h6 { font-size: 1.25rem } .post-detail p { font-weight: 400 } .post-detail p strong { font-weight: 500 } .post-detail p img { width: 15.625rem } .post-detail p img.center { display: block; margin: auto } .post-detail p img.left { clear: left; float: left } .post-detail p img.right { clear: right; float: right } .post-detail p a:hover { text-decoration: underline!important } .post-detail pre { word-wrap: break-word; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem; font-size: .875rem; line-height: 1.5; margin-bottom: .5rem; padding: .5rem; word-break: break-all } .OffersandConditions section h1,.wallet-terms-conditions section h1 { font-size: 2rem; font-weight: 400; margin-bottom: .5rem!important } .OffersandConditions .generalDetail,.wallet-terms-conditions .generalDetail { padding: 0 } .OffersandConditions .generalDetail>div:first-child,.wallet-terms-conditions .generalDetail>div:first-child { margin: auto } .OffersandConditions .generalDetail h1,.wallet-terms-conditions .generalDetail h1 { font-size: 2rem; font-weight: 400; margin-bottom: .5rem; margin-top: 1rem } .OffersandConditions .generalDetail p,.wallet-terms-conditions .generalDetail p { margin-bottom: 0 } .OffersandConditions .generalDetail .flexirewards-faqcontent,.wallet-terms-conditions .generalDetail .flexirewards-faqcontent { margin-bottom: -1px; scroll-margin-top: 8.54rem } .OffersandConditions .generalDetail .flexirewards-faqcontent p,.wallet-terms-conditions .generalDetail .flexirewards-faqcontent p { margin-bottom: .5rem; width: 100% } .OffersandConditions .generalDetail .flexirewards-faqcontent p:last-child,.wallet-terms-conditions .generalDetail .flexirewards-faqcontent p:last-child { margin-bottom: 0!important } .OffersandConditions .generalDetail .flexirewards-faqcontent a:hover,.wallet-terms-conditions .generalDetail .flexirewards-faqcontent a:hover { text-decoration: underline!important } .OffersandConditions .generalDetail .flexirewards-faqcontent ol,.wallet-terms-conditions .generalDetail .flexirewards-faqcontent ol { width: 100% } .OffersandConditions .generalDetail .flexirewards-faqcontent .strong,.wallet-terms-conditions .generalDetail .flexirewards-faqcontent .strong { font-weight: 500 } .OffersandConditions .generalDetail .flexirewards-faqcontent ol li,.wallet-terms-conditions .generalDetail .flexirewards-faqcontent ol li { margin-bottom: 1rem } .OffersandConditions .generalDetail .flexirewards-faqcontent ol li:last-child,.wallet-terms-conditions .generalDetail .flexirewards-faqcontent ol li:last-child { margin-bottom: 0!important } .OffersandConditions .generalDetail .flexirewards-faqcontent:last-child,.wallet-terms-conditions .generalDetail .flexirewards-faqcontent:last-child { margin-bottom: 0 } .OffersandConditions .generalDetail .flexirewards-faqcontent:first-child,.wallet-terms-conditions .generalDetail .flexirewards-faqcontent:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px } .wallet-terms-conditions .generalDetail>div:first-child { margin: 1rem 0 } .wallet-terms-conditions .generalDetail .flexirewards-faqcontent { scroll-margin-top: 0!important } .wallet-terms-conditions .generalDetail .flexirewards-faqcontent .question { font-size: 1.25rem; font-weight: 500 } .circle-with-text { align-items: center; background: #fff; border-radius: 50%; display: flex; font-weight: 500; height: 2.5rem; justify-content: center; width: 2.5rem } .custom-fadeIn-image { animation-delay: 0; animation-direction: "both"; animation-duration: 1.5s; animation-iteration-count: 1; animation-timing-function: "linear" } .fadeOutRight { animation-delay: 0s; animation-direction: both; animation-duration: 1s; animation-iteration-count: 1; animation-name: fadeOutRight; animation-timing-function: linear } .fadeOutRight .modal-dialog { transform: none!important } .fadeInRight { animation-delay: 0s; animation-direction: both; animation-duration: 1s; animation-iteration-count: 1; animation-name: fadeInRight; animation-timing-function: ease-in-out } .fadeInRight .modal-dialog { transition: none } .AdminPage { column-count: 4; column-gap: 1rem } .AdminPage .each-card { break-inside: avoid-column; margin-bottom: 1rem } .AdminPage .each-card:last-child { margin-bottom: 0 } .AdminPage .each-card a { color: #080808 } .AdminPage .each-card li:hover a { color: #e71c37 } .AdminPage .each-card li:hover svg g path { fill: #e71c37 } .grid-container { border: 1px solid #dee2e6; border-radius: 0 0 .25rem .25rem; display: grid; font-size: .875rem; grid-template-columns: [first] 30% [second] 70% [end]; grid-template-rows: auto auto; max-height: 16.9rem; overflow: auto } .grid-container .grid-item { padding: .5rem } .grid-container .grid-item span { display: inline-block } .grid-container .grid-item:nth-child(2n) { border-bottom: 1px solid #dee2e6 } .grid-container .grid-item:nth-child(odd) { border-bottom: 1px solid #dee2e6; border-right: 1px solid #dee2e6 } .grid-container .grid-item:last-child,.grid-container .grid-item:nth-last-child(2) { border-bottom: none } .grid-container .header { font-weight: 500 } .storeTimings { min-width: 25rem } .custom-boder { border-radius: .25rem .25rem 0 0 } .health-trends .progress { height: 1.3rem } .health-trends .health-trends-header .nav-item.react-tabs__tab--selected { border-bottom: .125rem solid #080808!important; border-radius: 0; color: #080808!important } .health-trends .health-trends-header .nav-item.react-tabs__tab--selected a { color: #080808!important } .health-trends .health-trends-header .label-text { display: inline-block; font-size: .75rem; margin-bottom: 0; margin-right: .5rem } .health-trends .health-trends-header .btn-badge { background-color: #fff!important; border: 1px solid rgba(0,0,0,.122); border-radius: 2rem; cursor: pointer; font-size: .875rem; padding: .25rem .75rem; text-transform: capitalize } .health-trends .health-trends-header .btn-badge.active,.health-trends .health-trends-header .btn-badge:hover { border: 1px solid #e71c37; color: #e71c37 } .flex-center { display: inline-block!important } .flex-center svg { margin-top: -.125rem } .parameter-card { background: #f1f1f1 0 0 no-repeat padding-box; border-radius: 8px; box-shadow: 0 3px 6px rgba(0,0,0,.161); margin: .5rem 0 } .parameter-card h5 { font-size: 1rem } .parameter-card ul.garphs-dots { display: flex; list-style: none } .parameter-card ul.garphs-dots li { font-size: .875rem; margin-right: 1rem } .parameter-card ul.garphs-dots li .dot { border-radius: 50%; display: inline-block; height: .625rem; margin-right: .375rem; vertical-align: middle; width: .625rem } .parameter-card ul.garphs-dots li .normal { background: #51ad95 } .parameter-card ul.garphs-dots li .critical { background: #d75a3b } .parameter-card ul.garphs-dots li .abnormal { background: #e98a50 } .parameter-card:first-child { margin-top: 1rem } .parameter-card:last-child { margin-bottom: 0 } .parameter-card .card-body .col { text-align: center } .parameter-card .card-body .normal { background: rgba(213,238,234,.75) } .parameter-card .card-body .abnormal { background: hsla(28,98%,80%,.75) } .parameter-card .card-body .critical { background: rgba(255,181,167,.75) } .reckoner .card { border-radius: .375rem!important; box-shadow: none } .reckoner .card p.text-secondary { padding-right: 0; text-align: left } .reckoner .card p { font-size: .875rem; margin-bottom: .5rem; padding-right: 1rem; text-align: right } .reckoner .card:hover { background: #f0eff7 0 0 no-repeat padding-box; border: 1px solid #dedaf8; border-radius: 6px; box-shadow: 0 3px 6px rgba(0,0,0,.161); opacity: 1 } @media screen and (max-width: 1024px) { .custom-sticky-header { top:50.59px!important } .kym-1024.know-your-medicine .kym-global-search .product-search-container .rbt .dropdown-menu.search-result,.kym-1024.kym-header .kym-global-search .product-search-container .rbt .dropdown-menu.search-result { max-height: 22.191rem!important } .kym-1024.know-your-medicine-home { height: 25.925rem!important } html { font-size: 85% } .checkout-steps { list-style: none; margin-top: 1rem!important; padding: 0; text-align: left!important; vertical-align: middle } .checkout-steps li:not(:last-child) { margin-right: .5rem!important } .checkout-steps li { overflow: hidden; text-overflow: ellipsis; transition: width 2s; white-space: nowrap; width: auto!important } .checkout-steps li:hover { width: 10rem } .checkout-steps li:last-child:hover { width: 110px!important } .checkout-steps li span { margin-right: .25rem } ul.brandlist-inline li,ul.search-product-list li { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cpath data-name='Rectangle 4721' fill='none' d='M0 18V0h18v18z'/%3E%3Cpath data-name='Path 23400' d='M11.704 8.409 7.655 4.36a.92.92 0 0 0-1.3 1.3l3.39 3.4-3.4 3.4a.921.921 0 0 0 .649 1.569.912.912 0 0 0 .649-.272l4.059-4.049a.922.922 0 0 0 .002-1.299Z' fill='%23080808'/%3E%3C/svg%3E") no-repeat; background-position: 0; width: 33.3333333333%!important } .additional-details-section .card-container .card-content { padding: .5rem!important } .additional-details-section h3 .section-title strong { font-size: 1.375rem } .doctor-list-container .doctor-card,.doctor-list-container .each-doctor-card,.thank-you-section .panel-group .panel .panel-collapse .panel-body .order-details { width: 50%!important } .thank-you-section .panel-group .panel .panel-collapse .panel-body .product-link { display: none } .wallet-container .card h4 { font-size: 1.25rem } .wallet-container .wallet-details p { font-size: .875rem } .medplus-wallet-select .selected-payment button { margin-top: 1rem } .redeem-reward .payback { width: 25%!important } .add-money-to-wallet .add-to-wallet-container .button-container { flex-wrap: wrap } .add-money-to-wallet .add-to-wallet-container .button-container a { margin-left: 0!important; margin-top: 1rem } .nearbystore address.three-column { width: calc(50% - 1rem) } .nearbystore address.two-column { width: calc(100% - 1rem) } .nav-card { width: 95% } .applicable-offers img,.select-offers label img { height: auto; max-width: 100% } .upload-prescription .each-prescription { width: 30%!important } .payment-options ul { flex: 0 0 100%; max-width: 100% } .my-account-tab { min-height: calc(100vh - 1.5rem) } .edit-prescription-popup .modal-body .file-upload-progress-container { width: 70%!important } .my-account-section .my-account-option-list { display: none!important } .main-header .subnav .col-4 { flex: 0 0 25%!important; max-width: 25%!important } .main-header .subnav .icons { right: 0 } .column .cate-main { padding-left: 1rem!important } .column .cate-main svg { display: none } .submenu { flex-wrap: nowrap!important } .submenu .nav-scroll { overflow-x: auto; overflow-y: hidden; white-space: nowrap; width: calc(100% - 3rem)!important } .submenu .mega-dropdown .dropbtn { white-space: nowrap } .registration-user-modal { max-width: 34.375rem!important } .registration-user-modal .img-div { display: none!important } .registration-user-modal .col-8 { flex: 0 0 100%!important; max-width: 100%!important } .merge-accounts .merge-account-container .each-account { width: 33.3333333333%!important } .net-banking-payment-mode .select-bank-container .each-bank { width: 25%!important } .net-banking-payment-mode .select-bank-container .each-bank .content p { font-size: .75rem!important } .net-banking-payment-mode .select-banks-dropdown-container .select-net-bank .select-net-bank__select .select-net-bank__options { max-height: 10.9rem!important } .upload-prescription.homepage .upload-right-col { padding-left: 1rem } .select-membership-container { padding: 4rem 0!important } .select-membership-container.upgrade-plan { padding: 4rem 1rem!important } .select-membership-container.upgrade-plan .each-membership-plan { margin: 0 .5rem!important } .select-membership-container .each-membership-plan { padding-left: 1rem!important; padding-right: 1rem!important; width: 18rem!important } .select-membership-container .each-membership-plan.active-card .heading { margin-left: -1rem!important; margin-right: -1rem!important } .select-membership-container .slick-next { right: -1rem } .select-membership-container .slick-prev { left: -1rem } .company-list-select { width: 56%!important } .reach-out-to-container { width: 44%!important } .renew-plan-member-select { width: 100%!important } .payback-banner { background-image: none!important } .test-card-container .each-test-card { margin-bottom: 1rem; width: 33.3333333333%!important } .searchAll-product-list .searchall-product,.whishlist-product-list .each-product { width: 33.3333333333%!important } .searchAll-product-list .searchall-product:nth-child(3) { display: none } .home-page-products-slider .category-card-ghostImage,.home-page-products-slider .category-cards { width: 25%!important } .home-page-products-slider .category-card-ghostImage:nth-child(2) { display: none } .home-page-slider-container .product-ghostImage { width: 20%!important } .home-page-slider-container .product-ghostImage:nth-child(2) { display: none } .home-page-slider-container .test-card-ghostimage { width: 50%!important } .home-page-slider-container .test-card-ghostimage:nth-child(3) { display: none } .shop-by-category .popular-brands-ghostimage { width: 50%!important } .shop-by-category .popular-brands-ghostimage:nth-child(3) { display: none } .search-all-products { width: 50%!important } .drugInfo-all-products { width: 25%!important } .topbanners-homepage { margin-bottom: 2rem!important } .homepage-main-slider .slick-list .slick-slide img { border-bottom-left-radius: .25rem; border-bottom-right-radius: .25rem } .homepage-main-slider .slick-dots { display: none } .my-account-section-cards { flex-wrap: wrap!important; gap: 1rem 0!important } .my-account-section-cards .home-page-title { flex: 0 0 50%; max-width: 50% } .my-account-section-cards .home-page-title:nth-child(2n) { padding-left: 1rem } .homepage-aside-slider { display: none } .practices-div-container .row { gap: 1rem 0 } .healthcare-blog { background-image: none!important } .main-footer .download-app .appimg { display: none } .pharmacyHomeTabview ul.drugsCategory { column-count: 2; width: calc(100% - 1rem) } .waysOfOrder ol.helpList li { font-size: .756rem!important } .product-search-container input { border-radius: .25rem!important } .practices-div-container { padding: none } .category-pills li { width: 21.31rem } .notification { width: 40%!important } .Product-Section .Product-Detail { justify-content: space-between } .main-header .search-result { left: -8.3rem; width: 100%!important } .modal-dialog { max-width: 580px!important } .AdminPage { column-count: 3!important } .square-card-slider .category-card { width: 15.2rem } .doctor-category .card { width: 13.7rem!important } .doctor-category .card .card-body { align-items: baseline; display: flex } .condition-based-test-slider .card { width: 10.17rem } } @media screen and (max-width: 768px) { .prescription-details { display:block } .nav-card,.prescription-details .home-delivery,.prescription-details .store-pickup { width: 100% } .homepage-aside-slider { display: none } .practices-div-container .row { gap: 1rem 0 } .healthcare-blog { background-image: none!important } .main-footer .download-app .appimg { display: none } } .comboplanecard { background-color: #f8f9fa; border-radius: 1.5rem; color: #080808; min-height: 30rem; padding: 2.125rem 1.5rem 2.75rem; position: relative; transition: transform .5s ease; width: 42rem!important } .comboplanecard:hover { background-color: #fff; box-shadow: 0 .5rem 1rem rgba(8,8,8,.15); transform: scale(1.05); transition: all .3s ease } .comboplanecard:hover .learnmore-btn { background-color: #343a40; box-shadow: 0 .5rem 1rem rgba(8,8,8,.15); color: #fff } .comboplanecard .comboplan-title { margin: 0 auto; max-width: calc(100% - 10rem); min-height: 4.5rem } .comboplanecard .combo-plan-badge { box-shadow: 0 .5rem 1rem rgba(8,8,8,.15); left: -1.5rem; position: absolute; top: .5rem; transform: rotate(-30deg); width: 11.25rem } .comboplanecard .combo-plan-badge.custom-badge-combo { background: linear-gradient(55deg,#c9def4,#f5ccd4 90%,#b8a4c9 0) } .comboplanecard .combo-plan-badge.custom-badge-active { background: transparent linear-gradient(325deg,#0061ff,#60efff) 0 0 no-repeat padding-box; color: #fff } .comboplanecard .combo-plan-badge.custom-badge-Best { background: transparent linear-gradient(325deg,#05be7e 40%,#21ebeb) 0 0 no-repeat padding-box } .comboplanecard .each-membership-plan { background: none; color: #080808; padding: 1.5rem!important; text-align: center; width: 22rem } .comboplanecard .each-membership-plan:hover { background: none; box-shadow: none; transform: scale(1) } .comboplanecard .vertical-dashed-seperator { border-left: 1px dashed #11b094; height: 18.75rem; margin: 0 .5rem; position: relative; top: 1.75rem } .comboplanecard .vertical-dashed-seperator span { align-items: center; border-radius: 50%; display: flex; font-weight: 500; height: 2.5rem; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 2.5rem } .subscription-plans-slider-combo-plan .slick-track { align-items: stretch!important } .subscription-plans-slider-combo-plan .slick-track .slick-slide { height: inherit!important } .subscription-plans-slider-combo-plan .slick-track .slick-slide div:first-child { height: 100%!important } .subscription-plans-slider-combo-plan .each-membership-plan { min-height: 23rem!important; padding: 7.5rem 1.5rem 3.5rem 1.125rem } .subscription-plans-slider-combo-plan .each-membership-plan .button-footer { bottom: 3rem!important } .Alternative-product-card { border: 1px solid #4ddaeb; border-radius: 1rem } .Alternative-product-card .media { margin: 12px } .Alternative-product-card .header { border-top-left-radius: 1rem; border-top-right-radius: 1rem } .Alternative-product-card .title-name { background: transparent linear-gradient(48deg,#5fefc0 1%,#5cebc6 20%,#4cd9ed) 0 2%; border-radius: 1.5rem; border-bottom-left-radius: 0; padding: 4px 10px } .Alternative-product-card .slick-list { overflow: inherit } .Alternative-product-card .slick-arrow { background: #eef0f3; height: 1.5rem; top: -1.5rem; width: 1.5rem } .Alternative-product-card .slick-arrow.slick-prev { left: calc(100% - 6rem) } .line-height-13 { line-height: 1.334 } .locality-select[disabled] { background-color: #f2f2f2 } .locality-select { border: 1px solid #ccc; border-radius: .25rem } .height-40 { height: 2.5rem } .branded-medicine { background: radial-gradient(at 85% 20%,#f2ebff 0,transparent 35%),radial-gradient(at 70% 85%,rgba(255,186,213,.478) 0,transparent 45%),radial-gradient(at 20% 75%,rgba(186,255,255,.561) 0,transparent 35%) } .generic-medicine { background: radial-gradient(at 85% 20%,hsla(0,95%,83%,.349) 0,transparent 35%),radial-gradient(at 20% 70%,rgba(186,255,255,.412) 0,transparent 45%),radial-gradient(at 65% 75%,rgba(255,250,186,.412) 0,transparent 45%) } .branded-medicine .custom-badge-medicine,.generic-medicine .custom-badge-medicine { background-color: #cad4f4; border-radius: 0 1.3125rem 1.3125rem 0; color: #080808; display: inline-block; font-weight: 500; line-height: 1; padding: .8rem 1rem; text-align: center; vertical-align: baseline; white-space: nowrap } .badge-light-pink,.generic-medicine .custom-badge-medicine { background-color: #f5d0b7; color: #080808 } .badge-light-primary { background-color: #cad4f4; color: #080808 } .medplus-product-manufacturing { background-color: #ffdf80 } .other-product-manufacturing { background-color: #f8f9fa } .generic-medicine-pill-color { background-color: #f5d0b7; color: #080808 } .branded-medicine-pill-color { background-color: #cad4f4; color: #080808 } .gradient-Cotton-Candy { background: linear-gradient(290deg,#fff2ea,#ebfcff) } .blend-mode-multiply { mix-blend-mode: multiply } .custom-star:before { content: "*"; margin-left: -.25rem } .kym-header { background-color: #fff; box-shadow: 0 .125rem .25rem rgba(8,8,8,.075); display: flex; padding: .625rem; width: 100% } .kym-header a.back-icn { width: 2rem } .kym-header .dropdown-toggle { border: 1px solid #ced4da; border-bottom-right-radius: 0; border-top-right-radius: 0; box-shadow: none; cursor: pointer; height: 2.5rem; line-height: 2; min-width: 8.75rem; position: relative; text-transform: capitalize; z-index: 2 } .kym-header .dropdown-item.custom-active { color: #e71c37 } .kym-header .dropdown-item.custom-active svg g path { stroke: #e71c37 } .kym-header .input-group-prepend .dropdown .dropdown-toggle:after { margin-left: 1rem } .kym-header .form-control { background-color: #f8f9fa; height: 2.5rem } .kym-header .icons { right: 0 } .kym-header .kym-global-search input.rbt-input-main { border-radius: .5rem } .kym-header .kym-global-search .product-search-container .search-icn { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17.935'%3E%3Cpath data-name='Union 217' d='M16.7 17.711 11.564 12.6a7.067 7.067 0 1 1 1.078-1.077l5.139 5.108a.77.77 0 0 1 0 1.077.762.762 0 0 1-1.078 0ZM1.524 7.093A5.574 5.574 0 1 0 7.1 1.523a5.578 5.578 0 0 0-5.576 5.57Z' fill='%233f3f3f'/%3E%3C/svg%3E") no-repeat; right: .5rem } .kym-header .kym-global-search .product-search-container .clear-icn { right: .5rem } .kym-header .kym-global-search .product-search-container .input-group-prepend .dropdown button.dropdown-toggle { border-bottom-left-radius: .5rem; border-top-left-radius: .5rem } .kym-header .kym-global-search .product-search-container .rbt .dropdown-menu.search-result { max-height: 19.8125rem!important } .kym-header .kym-global-search .product-search-container .rbt .dropdown-menu.search-result .dropdown-header { padding-left: 4.4375rem } .kym-header .kym-global-search .product-search-container .rbt .dropdown-menu.search-result .product-list { max-height: max-content!important; min-height: auto!important } .kym-header .kym-global-search .product-search-container .rbt .dropdown-menu.search-result .product-list a.dropdown-item:active,.kym-header .kym-global-search .product-search-container .rbt .dropdown-menu.search-result .product-list a.dropdown-item:focus { background: #f8f9fa; color: #080808; text-decoration: none } .kym-header .kym-global-search .product-search-container .rbt .dropdown-menu.search-result .product-list a.dropdown-item>div { width: 100% } .kym-header .kym-global-search .product-search-container .rbt .dropdown-menu.search-result .product-list a.dropdown-item p { margin-bottom: 0 } .kym-header .kym-global-search .product-search-container .rbt .dropdown-menu.search-result .product-list a.dropdown-item .product-img-container { background-color: #dee2e6; border-radius: 1.25rem; padding: .5rem; top: .9rem; width: auto } .kym-header .kym-global-search .product-search-container .rbt .dropdown-menu.search-result .product-list a.dropdown-item .product-img-container img,.kym-header .kym-global-search .product-search-container .rbt .dropdown-menu.search-result .product-list a.dropdown-item .product-img-container svg { height: 1.5rem; width: 1.5rem } .kym-header .kym-global-search .product-search-container .rbt .dropdown-menu.search-result .product-list a.dropdown-item .row.container-fluid { padding-left: 2.5rem } .know-your-medicine.know-your-medicine-home { box-shadow: inset 0 -17px 10px -10px rgba(38,153,251,.149); height: 23.925rem; position: relative } .know-your-medicine .product-details-card { background-color: #fff; border-radius: 1rem; box-shadow: 0 .125rem .25rem rgba(8,8,8,.075); display: flex; flex-direction: column } .know-your-medicine .product-details-card .Product-Detail .product-detail-container { background-color: #fff } .know-your-medicine .home-banner { background-image: url(../assets/bg-icons.38bc70de99d9b33e8672.png); background-repeat: no-repeat; background-size: 100%; height: calc(100% - 6.625rem) } .know-your-medicine .home-banner-content { padding: 2rem 2rem .5rem; position: absolute; top: 0; width: 100% } .know-your-medicine .selectType .btn { background-color: #dee2e6 } .know-your-medicine .selectType .btn.active { background-color: #080808; color: #fff } .know-your-medicine .selectType .custom-badge-chips .active { background-color: #080808; border-color: #080808; color: #fff } .know-your-medicine .dropdown-item { align-items: center; border-top: 1px solid #dee2e6!important; display: flex; overflow: visible!important; padding: .5rem 0 .5rem 1rem } .know-your-medicine .dropdown-item.active { background-color: unset } .know-your-medicine .medicine-img { background-color: #dee2e6 } .know-your-medicine .title-gradient { background-image: url(../assets/imgpsh_fullsize_anim.0439804197c69e30ce39.png); background-position: 50%; background-repeat: no-repeat; background-size: 100% } .know-your-medicine .kym-global-search input.rbt-input-main { border: 1px solid #343a40; border-radius: .5rem } .know-your-medicine .kym-global-search .product-search-container .search-icn { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17.935'%3E%3Cpath data-name='Union 217' d='M16.7 17.711 11.564 12.6a7.067 7.067 0 1 1 1.078-1.077l5.139 5.108a.77.77 0 0 1 0 1.077.762.762 0 0 1-1.078 0ZM1.524 7.093A5.574 5.574 0 1 0 7.1 1.523a5.578 5.578 0 0 0-5.576 5.57Z' fill='%233f3f3f'/%3E%3C/svg%3E") no-repeat; right: .5rem; top: .2rem } .know-your-medicine .kym-global-search .product-search-container .clear-icn { right: .5rem; top: .2rem } .know-your-medicine .kym-global-search .product-search-container .rbt .dropdown-menu.search-result { margin: 0; max-height: 19.8125rem!important; width: 100% } .know-your-medicine .kym-global-search .product-search-container .rbt .dropdown-menu.search-result .dropdown-header { padding-left: 4.4375rem } .know-your-medicine .kym-global-search .product-search-container .rbt .dropdown-menu.search-result .product-list { max-height: max-content!important; min-height: auto!important } .know-your-medicine .kym-global-search .product-search-container .rbt .dropdown-menu.search-result .product-list a.dropdown-item:active,.know-your-medicine .kym-global-search .product-search-container .rbt .dropdown-menu.search-result .product-list a.dropdown-item:focus { background: #f8f9fa; color: #080808; text-decoration: none } .know-your-medicine .kym-global-search .product-search-container .rbt .dropdown-menu.search-result .product-list a.dropdown-item>div { width: 100% } .know-your-medicine .kym-global-search .product-search-container .rbt .dropdown-menu.search-result .product-list a.dropdown-item p { margin-bottom: 0 } .know-your-medicine .kym-global-search .product-search-container .rbt .dropdown-menu.search-result .product-list a.dropdown-item .container-fluid { padding-left: 0; padding-right: 0 } .know-your-medicine .kym-global-search .product-search-container .rbt .dropdown-menu.search-result .product-list a.dropdown-item .product-img-container { background-color: #dee2e6; border-radius: 1.25rem; padding: .5rem } .know-your-medicine .kym-global-search .product-search-container .rbt .dropdown-menu.search-result .product-list a.dropdown-item .product-img-container img,.know-your-medicine .kym-global-search .product-search-container .rbt .dropdown-menu.search-result .product-list a.dropdown-item .product-img-container svg { height: 1.5rem; width: 1.5rem } .know-your-medicine .similar-products .similar-products-scroll { border-radius: 1rem } .know-your-medicine .similar-products .similar-products-scroll .list-separator { background-color: #fff; border-top: 1px solid rgba(8,8,8,.125); display: block; padding: .75rem; position: relative } .know-your-medicine .similar-products .similar-products-scroll .list-separator:first-child { border-top: 0!important } .sticky-alternative-products { position: sticky; top: 69px } .other-products-container.similar-products .other-products.similar-products-scroll .other-product:last-child { margin-bottom: 2rem } /*! * Bootstrap v4.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #007bff; --deepblue: #1976d2; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fc8019; --yellow: #ffc107; --green: #08ce73; --teal: #20c997; --cyan: #56b1fc; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #08ce73; --info: #56b1fc; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --brand: #e71c37; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { color: #080808; font-weight: 500; line-height: 1.2; margin-bottom: .5rem } .h1,h1 { font-size: 2.5rem; font-weight: 300 } @media(max-width: 1200px) { .h1,h1 { font-size:calc(1.375rem + 1.5vw) } } .h2,h2 { font-size: 2rem } @media(max-width: 1200px) { .h2,h2 { font-size:calc(1.325rem + .9vw) } } .h3,h3 { font-size: 1.75rem } @media(max-width: 1200px) { .h3,h3 { font-size:calc(1.3rem + .6vw) } } .h4,h4 { font-size: 1.5rem } @media(max-width: 1200px) { .h4,h4 { font-size:calc(1.275rem + .3vw) } } .h5,h5 { font-size: 1.25rem } .h6,h6 { font-size: 1rem } .lead { font-size: 1.25rem; font-weight: 300 } .display-1 { font-size: 4rem; font-weight: 300; line-height: 1.2 } @media(max-width: 1200px) { .display-1 { font-size:calc(1.525rem + 3.3vw) } } .display-2 { font-size: 3.5rem; font-weight: 300; line-height: 1.2 } @media(max-width: 1200px) { .display-2 { font-size:calc(1.475rem + 2.7vw) } } .display-3 { font-size: 2.5rem; font-weight: 300; line-height: 1.2 } @media(max-width: 1200px) { .display-3 { font-size:calc(1.375rem + 1.5vw) } } .display-4 { font-size: 1.5rem; font-weight: 300; line-height: 1.2 } @media(max-width: 1200px) { .display-4 { font-size:calc(1.275rem + .3vw) } } hr { border: 0; border-top: 1px solid rgba(8,8,8,.1); margin-bottom: 1rem; margin-top: 1rem } .small,small { font-size: 80%; font-weight: 400 } .mark,mark { background-color: #fcf8e3; padding: .2em } .list-inline,.list-unstyled { list-style: none; padding-left: 0 } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: .5rem } .initialism { font-size: 90%; text-transform: uppercase } .blockquote { font-size: 1.25rem; margin-bottom: 1rem } .blockquote-footer { color: #6c757d; display: block; font-size: 80% } .blockquote-footer:before { content: "— " } .img-fluid,.img-thumbnail { height: auto; max-width: 100% } .img-thumbnail { background-color: #f8f9fa; border: 1px solid #dee2e6; border-radius: .25rem; box-shadow: 0 1px 2px rgba(8,8,8,.075); padding: .25rem } .figure { display: inline-block } .figure-img { line-height: 1; margin-bottom: .5rem } .figure-caption { color: #6c757d; font-size: 90% } code { word-wrap: break-word; color: #e83e8c; font-size: 87.5% } a>code { color: inherit } kbd { background-color: #212529; border-radius: .2rem; box-shadow: inset 0 -.1rem 0 rgba(8,8,8,.25); color: #fff; font-size: 87.5%; padding: .2rem .4rem } kbd kbd { box-shadow: none; font-size: 100%; font-weight: 500; padding: 0 } pre { color: #212529; display: block; font-size: 87.5% } pre code { color: inherit; font-size: inherit; word-break: normal } .pre-scrollable { max-height: 340px; overflow-y: scroll } .table { color: #343a40; margin-bottom: 1rem; width: 100% } .table td,.table th { border-top: 1px solid #dee2e6; padding: .75rem; vertical-align: top } .table thead th { border-bottom: 2px solid #dee2e6; vertical-align: bottom } .table tbody+tbody { border-top: 2px solid #dee2e6 } .table-sm td,.table-sm th { padding: .3rem } .table-bordered,.table-bordered td,.table-bordered th { border: 1px solid #dee2e6 } .table-bordered thead td,.table-bordered thead th { border-bottom-width: 2px } .table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th { border: 0 } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(8,8,8,.05) } .table-hover tbody tr:hover { background-color: rgba(8,8,8,.075); color: #343a40 } .table-primary,.table-primary>td,.table-primary>th { background-color: #b8daff } .table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th { border-color: #7abaff } .table-hover .table-primary:hover,.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th { background-color: #9fcdff } .table-secondary,.table-secondary>td,.table-secondary>th { background-color: #d6d8db } .table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th { border-color: #b3b7bb } .table-hover .table-secondary:hover,.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th { background-color: #c8cbcf } .table-success,.table-success>td,.table-success>th { background-color: #baf1d8 } .table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th { border-color: #7fe6b6 } .table-hover .table-success:hover,.table-hover .table-success:hover>td,.table-hover .table-success:hover>th { background-color: #a5edcc } .table-info,.table-info>td,.table-info>th { background-color: #d0e9fe } .table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th { border-color: #a7d6fd } .table-hover .table-info:hover,.table-hover .table-info:hover>td,.table-hover .table-info:hover>th { background-color: #b7ddfd } .table-warning,.table-warning>td,.table-warning>th { background-color: #ffeeba } .table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th { border-color: #ffdf7e } .table-hover .table-warning:hover,.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th { background-color: #ffe8a1 } .table-danger,.table-danger>td,.table-danger>th { background-color: #f5c6cb } .table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th { border-color: #ed969e } .table-hover .table-danger:hover,.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th { background-color: #f1b0b7 } .table-light,.table-light>td,.table-light>th { background-color: #fdfdfe } .table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th { border-color: #fbfcfc } .table-hover .table-light:hover,.table-hover .table-light:hover>td,.table-hover .table-light:hover>th { background-color: #ececf6 } .table-dark,.table-dark>td,.table-dark>th { background-color: #c6c8ca } .table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th { border-color: #95999c } .table-hover .table-dark:hover,.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th { background-color: #b9bbbe } .table-brand,.table-brand>td,.table-brand>th { background-color: #f8bfc7 } .table-brand tbody+tbody,.table-brand td,.table-brand th,.table-brand thead th { border-color: #f38997 } .table-hover .table-brand:hover,.table-hover .table-brand:hover>td,.table-hover .table-brand:hover>th { background-color: #f5a8b3 } .table-active,.table-active>td,.table-active>th { background-color: rgba(8,8,8,.075) } .table-hover .table-active:hover,.table-hover .table-active:hover>td,.table-hover .table-active:hover>th { background-color: rgba(0,0,0,.075) } .table .thead-dark th { background-color: #343a40; border-color: #454d55; color: #fff } .table .thead-light th { background-color: #e9ecef; border-color: #dee2e6; color: #495057 } .table-dark { background-color: #343a40; color: #fff } .table-dark td,.table-dark th,.table-dark thead th { border-color: #454d55 } .table-dark.table-bordered { border: 0 } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: hsla(0,0%,100%,.05) } .table-dark.table-hover tbody tr:hover { background-color: hsla(0,0%,100%,.075); color: #fff } @media(max-width: 575.98px) { .table-responsive-sm { -webkit-overflow-scrolling:touch; display: block; overflow-x: auto; width: 100% } .table-responsive-sm>.table-bordered { border: 0 } } @media(max-width: 767.98px) { .table-responsive-md { -webkit-overflow-scrolling:touch; display: block; overflow-x: auto; width: 100% } .table-responsive-md>.table-bordered { border: 0 } } @media(max-width: 991.98px) { .table-responsive-lg { -webkit-overflow-scrolling:touch; display: block; overflow-x: auto; width: 100% } .table-responsive-lg>.table-bordered { border: 0 } } @media(max-width: 1199.98px) { .table-responsive-xl { -webkit-overflow-scrolling:touch; display: block; overflow-x: auto; width: 100% } .table-responsive-xl>.table-bordered { border: 0 } } .table-responsive { -webkit-overflow-scrolling: touch; display: block; overflow-x: auto; width: 100% } .table-responsive>.table-bordered { border: 0 } .form-control { background-clip: padding-box; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem; box-shadow: inset 0 0 0 rgba(8,8,8,.075); color: #495057; display: block; font-size: .875rem; font-weight: 400; height: calc(1.5em + .75rem + 2px); line-height: 1.5; padding: .375rem .75rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; width: 100% } @media(prefers-reduced-motion:reduce) { .form-control { transition: none } } .form-control::-ms-expand { background-color: transparent; border: 0 } .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057 } .form-control:focus { background-color: #fff; border-color: #afb5ba; box-shadow: inset 0 0 0 rgba(8,8,8,.075),0 0 0 .2rem hsla(208,7%,46%,.25); color: #495057; outline: 0 } .form-control::placeholder { color: #6c757d; opacity: 1 } .form-control:disabled,.form-control[readonly] { background-color: #e9ecef!important; opacity: 1 } select.form-control:focus::-ms-value { background-color: #fff; color: #495057 } .form-control-file,.form-control-range { display: block; width: 100% } .col-form-label { font-size: inherit; line-height: 1.5; margin-bottom: 0; padding-bottom: calc(.375rem + 1px); padding-top: calc(.375rem + 1px) } .col-form-label-lg { font-size: 1.25rem; line-height: 1.5; padding-bottom: calc(.5rem + 1px); padding-top: calc(.5rem + 1px) } .col-form-label-sm { font-size: .875rem; line-height: 1.5; padding-bottom: calc(.25rem + 1px); padding-top: calc(.25rem + 1px) } .form-control-plaintext { background-color: transparent; border: solid transparent; border-width: 1px 0; color: #343a40; display: block; font-size: .875rem; line-height: 1.5; margin-bottom: 0; padding: .375rem 0; width: 100% } .form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm { padding-left: 0; padding-right: 0 } .form-control-sm { border-radius: .2rem; font-size: .875rem; height: calc(1.5em + .5rem + 2px); line-height: 1.5; padding: .25rem .5rem } .form-control-lg { border-radius: .3rem; font-size: 1.25rem; height: calc(1.5em + 1rem + 2px); line-height: 1.5; padding: .5rem 1rem } select.form-control[multiple],select.form-control[size],textarea.form-control { height: auto } .form-group { margin-bottom: 1rem } .form-text { display: block; margin-top: .25rem } .form-row { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px } .form-row>.col,.form-row>[class*=col-] { padding-left: 5px; padding-right: 5px } .form-check { display: block; padding-left: 1.25rem; position: relative } .form-check-input { margin-left: -1.25rem; margin-top: .3rem; position: absolute } .form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label { color: #6c757d } .form-check-label { margin-bottom: 0 } .form-check-inline { align-items: center; display: inline-flex; margin-right: .75rem; padding-left: 0 } .form-check-inline .form-check-input { margin-left: 0; margin-right: .3125rem; margin-top: 0; position: static } .valid-feedback { color: #08ce73; display: none; font-size: 80%; margin-top: .25rem; width: 100% } .valid-tooltip { background-color: rgba(8,206,115,.9); border-radius: .25rem; color: #fff; display: none; font-size: .875rem; line-height: 1.5; margin-top: .1rem; max-width: 100%; padding: .25rem .5rem; position: absolute; top: 100%; z-index: 5 } .is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip { display: block } .form-control.is-valid,.was-validated .form-control:valid { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2308CE73' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); background-position: right calc(.375em + .1875rem) center; background-repeat: no-repeat; background-size: calc(.75em + .375rem) calc(.75em + .375rem); border-color: #08ce73; padding-right: calc(1.5em + .75rem) } .form-control.is-valid:focus,.was-validated .form-control:valid:focus { border-color: #08ce73; box-shadow: 0 0 0 .2rem rgba(8,206,115,.25) } .was-validated textarea.form-control:valid,textarea.form-control.is-valid { background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem); padding-right: calc(1.5em + .75rem) } .custom-select.is-valid,.was-validated .custom-select:valid { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2308CE73' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem); border-color: #08ce73; padding-right: calc(.75em + 2.3125rem) } .custom-select.is-valid:focus,.was-validated .custom-select:valid:focus { border-color: #08ce73; box-shadow: 0 0 0 .2rem rgba(8,206,115,.25) } .form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label { color: #08ce73 } .form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip { display: block } .custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label { color: #08ce73 } .custom-control-input.is-valid~.custom-control-label:before,.was-validated .custom-control-input:valid~.custom-control-label:before { border-color: #08ce73 } .custom-control-input.is-valid:checked~.custom-control-label:before,.was-validated .custom-control-input:valid:checked~.custom-control-label:before { background: #13f68e; border-color: #13f68e } .custom-control-input.is-valid:focus~.custom-control-label:before,.was-validated .custom-control-input:valid:focus~.custom-control-label:before { box-shadow: 0 0 0 .2rem rgba(8,206,115,.25) } .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before { border-color: #08ce73 } .custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label { border-color: #08ce73 } .custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label { border-color: #08ce73; box-shadow: 0 0 0 .2rem rgba(8,206,115,.25) } .invalid-feedback { color: #dc3545; display: none; font-size: 80%; margin-top: .25rem; width: 100% } .invalid-tooltip { background-color: rgba(220,53,69,.9); border-radius: .25rem; color: #fff; display: none; font-size: .875rem; line-height: 1.5; margin-top: .1rem; max-width: 100%; padding: .25rem .5rem; position: absolute; top: 100%; z-index: 5 } .is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip { display: block } .form-control.is-invalid,.was-validated .form-control:invalid { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E"); background-position: right calc(.375em + .1875rem) center; background-repeat: no-repeat; background-size: calc(.75em + .375rem) calc(.75em + .375rem); border-color: #dc3545; padding-right: calc(1.5em + .75rem) } .form-control.is-invalid:focus,.was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) } .was-validated textarea.form-control:invalid,textarea.form-control.is-invalid { background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem); padding-right: calc(1.5em + .75rem) } .custom-select.is-invalid,.was-validated .custom-select:invalid { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem); border-color: #dc3545; padding-right: calc(.75em + 2.3125rem) } .custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) } .form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label { color: #dc3545 } .form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip { display: block } .custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label { color: #dc3545 } .custom-control-input.is-invalid~.custom-control-label:before,.was-validated .custom-control-input:invalid~.custom-control-label:before { border-color: #dc3545 } .custom-control-input.is-invalid:checked~.custom-control-label:before,.was-validated .custom-control-input:invalid:checked~.custom-control-label:before { background: #e4606d; border-color: #e4606d } .custom-control-input.is-invalid:focus~.custom-control-label:before,.was-validated .custom-control-input:invalid:focus~.custom-control-label:before { box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) } .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before { border-color: #dc3545 } .custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label { border-color: #dc3545 } .custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) } .form-inline { align-items: center; display: flex; flex-flow: row wrap } .form-inline .form-check { width: 100% } @media(min-width: 576px) { .form-inline label { justify-content:center } .form-inline .form-group,.form-inline label { align-items: center; display: flex; margin-bottom: 0 } .form-inline .form-group { flex: 0 0 auto; flex-flow: row wrap } .form-inline .form-control { display: inline-block; vertical-align: middle; width: auto } .form-inline .form-control-plaintext { display: inline-block } .form-inline .custom-select,.form-inline .input-group { width: auto } .form-inline .form-check { align-items: center; display: flex; justify-content: center; padding-left: 0; width: auto } .form-inline .form-check-input { flex-shrink: 0; margin-left: 0; margin-right: .25rem; margin-top: 0; position: relative } .form-inline .custom-control { align-items: center; justify-content: center } .form-inline .custom-control-label { margin-bottom: 0 } } .form-control.is-invalid { border-color: #dc3545!important; box-shadow: none!important } .form-control.is-invalid:focus~label { color: #dc3545 } .pricing-table .btn { background-color: transparent; border: 1px solid transparent; border-radius: .25rem; color: #343a40; cursor: pointer; display: inline-block; font-size: .875rem; font-weight: 500; letter-spacing: .003rem; line-height: 1.5; padding: .375rem .75rem; text-align: center; text-transform: capitalize; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; user-select: none; vertical-align: middle } @media(prefers-reduced-motion:reduce) { .pricing-table .btn { transition: none } } .pricing-table .btn:hover { color: #343a40; text-decoration: none } .btn.focus,.btn:focus { outline: none } .btn.disabled,.btn:disabled { box-shadow: none; opacity: .45 } .btn:not(:disabled):not(.disabled).active:focus,.btn:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 .2rem hsla(208,7%,46%,.25) } a.btn.disabled,fieldset:disabled a.btn { pointer-events: all } .btn-primary { background: #007bff; border-color: #007bff; box-shadow: 0 1px 1px rgba(8,8,8,.075); color: #fff } .btn-primary.focus,.btn-primary:focus,.btn-primary:hover { background: #0069d9; border-color: #0062cc; color: #fff } .btn-primary.focus,.btn-primary:focus { box-shadow: 0 1px 1px rgba(8,8,8,.075),0 0 0 .2rem rgba(38,143,255,.5) } .btn-primary.disabled,.btn-primary:disabled { background-color: #007bff; background-image: none; border-color: #007bff; color: #fff } .btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle { background-color: #0062cc; background-image: none; border-color: #005cbf; color: #fff } .btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(38,143,255,.5) } .btn-secondary { background: #6c757d; border-color: #6c757d; box-shadow: 0 1px 1px rgba(8,8,8,.075); color: #fff } .btn-secondary.focus,.btn-secondary:focus,.btn-secondary:hover { background: #5a6268; border-color: #545b62; color: #fff } .btn-secondary.focus,.btn-secondary:focus { box-shadow: 0 1px 1px rgba(8,8,8,.075),0 0 0 .2rem hsla(208,6%,54%,.5) } .btn-secondary.disabled,.btn-secondary:disabled { background-color: #6c757d; background-image: none; border-color: #6c757d; color: #fff } .btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle { background-color: #545b62; background-image: none; border-color: #4e555b; color: #fff } .btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem hsla(208,6%,54%,.5) } .btn-success { background: #08ce73; border-color: #08ce73; box-shadow: 0 1px 1px rgba(8,8,8,.075); color: #fff } .btn-success.focus,.btn-success:focus,.btn-success:hover { background: #07a95e; border-color: #069d58; color: #fff } .btn-success.focus,.btn-success:focus { box-shadow: 0 1px 1px rgba(8,8,8,.075),0 0 0 .2rem rgba(45,213,136,.5) } .btn-success.disabled,.btn-success:disabled { background-color: #08ce73; background-image: none; border-color: #08ce73; color: #fff } .btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle { background-color: #069d58; background-image: none; border-color: #069151; color: #fff } .btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(45,213,136,.5) } .btn-info { background: #56b1fc; border-color: #56b1fc; box-shadow: 0 1px 1px rgba(8,8,8,.075); color: #212529 } .btn-info.focus,.btn-info:focus,.btn-info:hover { background: #30a0fb; border-color: #249afb; color: #fff } .btn-info.focus,.btn-info:focus { box-shadow: 0 1px 1px rgba(8,8,8,.075),0 0 0 .2rem rgba(78,156,220,.5) } .btn-info.disabled,.btn-info:disabled { background-color: #56b1fc; background-image: none; border-color: #56b1fc; color: #212529 } .btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle { background-color: #249afb; background-image: none; border-color: #1794fb; color: #fff } .btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(78,156,220,.5) } .btn-warning { background: #ffc107; border-color: #ffc107; box-shadow: 0 1px 1px rgba(8,8,8,.075); color: #212529 } .btn-warning.focus,.btn-warning:focus,.btn-warning:hover { background: #e0a800; border-color: #d39e00; color: #212529 } .btn-warning.focus,.btn-warning:focus { box-shadow: 0 1px 1px rgba(8,8,8,.075),0 0 0 .2rem rgba(222,170,12,.5) } .btn-warning.disabled,.btn-warning:disabled { background-color: #ffc107; background-image: none; border-color: #ffc107; color: #212529 } .btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle { background-color: #d39e00; background-image: none; border-color: #c69500; color: #212529 } .btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(222,170,12,.5) } .btn-danger { background: #dc3545; border-color: #dc3545; box-shadow: 0 1px 1px rgba(8,8,8,.075); color: #fff } .btn-danger.focus,.btn-danger:focus,.btn-danger:hover { background: #c82333; border-color: #bd2130; color: #fff } .btn-danger.focus,.btn-danger:focus { box-shadow: 0 1px 1px rgba(8,8,8,.075),0 0 0 .2rem rgba(225,83,97,.5) } .btn-danger.disabled,.btn-danger:disabled { background-color: #dc3545; background-image: none; border-color: #dc3545; color: #fff } .btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle { background-color: #bd2130; background-image: none; border-color: #b21f2d; color: #fff } .btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(225,83,97,.5) } .btn-light { background: #f8f9fa; border-color: #f8f9fa; box-shadow: 0 1px 1px rgba(8,8,8,.075); color: #212529 } .btn-light.focus,.btn-light:focus,.btn-light:hover { background: #e2e6ea; border-color: #dae0e5; color: #212529 } .btn-light.focus,.btn-light:focus { box-shadow: 0 1px 1px rgba(8,8,8,.075),0 0 0 .2rem hsla(220,4%,85%,.5) } .btn-light.disabled,.btn-light:disabled { background-color: #f8f9fa; background-image: none; border-color: #f8f9fa; color: #212529 } .btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle { background-color: #dae0e5; background-image: none; border-color: #d3d9df; color: #212529 } .btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem hsla(220,4%,85%,.5) } .btn-dark { background: #343a40; border-color: #343a40; box-shadow: 0 1px 1px rgba(8,8,8,.075); color: #fff } .btn-dark.focus,.btn-dark:focus,.btn-dark:hover { background: #23272b; border-color: #1d2124; color: #fff } .btn-dark.focus,.btn-dark:focus { box-shadow: 0 1px 1px rgba(8,8,8,.075),0 0 0 .2rem rgba(82,88,93,.5) } .btn-dark.disabled,.btn-dark:disabled { background-color: #343a40; background-image: none; border-color: #343a40; color: #fff } .btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle { background-color: #1d2124; background-image: none; border-color: #171a1d; color: #fff } .btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(82,88,93,.5) } .btn-brand { background: #e71c37; border-color: #e71c37; box-shadow: 0 1px 1px rgba(8,8,8,.075); color: #fff } .btn-brand.focus,.btn-brand:focus,.btn-brand:hover { background: #c8152d; border-color: #bc142a; color: #fff } .btn-brand.focus,.btn-brand:focus { box-shadow: 0 1px 1px rgba(8,8,8,.075),0 0 0 .2rem rgba(235,62,85,.5) } .btn-brand.disabled,.btn-brand:disabled { background-color: #e71c37; background-image: none; border-color: #e71c37; color: #fff } .btn-brand:not(:disabled):not(.disabled).active,.btn-brand:not(:disabled):not(.disabled):active,.show>.btn-brand.dropdown-toggle { background-color: #bc142a; background-image: none; border-color: #b11328; color: #fff } .btn-brand:not(:disabled):not(.disabled).active:focus,.btn-brand:not(:disabled):not(.disabled):active:focus,.show>.btn-brand.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(235,62,85,.5) } .btn-outline-primary { border-color: #007bff; color: #007bff } .btn-outline-primary:hover { background-color: #007bff; border-color: #007bff; color: #fff } .btn-outline-primary.focus,.btn-outline-primary:focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) } .btn-outline-primary.disabled,.btn-outline-primary:disabled { background-color: transparent; color: #007bff } .btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle { background-color: #007bff; border-color: #007bff; color: #fff } .btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) } .btn-outline-secondary { border-color: #6c757d; color: #6c757d } .btn-outline-secondary:hover { background-color: #6c757d; border-color: #6c757d; color: #fff } .btn-outline-secondary.focus,.btn-outline-secondary:focus { box-shadow: 0 0 0 .2rem hsla(208,7%,46%,.5) } .btn-outline-secondary.disabled,.btn-outline-secondary:disabled { background-color: transparent; color: #6c757d } .btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle { background-color: #6c757d; border-color: #6c757d; color: #fff } .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem hsla(208,7%,46%,.5) } .btn-outline-success { border-color: #08ce73; color: #08ce73 } .btn-outline-success:hover { background-color: #08ce73; border-color: #08ce73; color: #fff } .btn-outline-success.focus,.btn-outline-success:focus { box-shadow: 0 0 0 .2rem rgba(8,206,115,.5) } .btn-outline-success.disabled,.btn-outline-success:disabled { background-color: transparent; color: #08ce73 } .btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle { background-color: #08ce73; border-color: #08ce73; color: #fff } .btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(8,206,115,.5) } .btn-outline-info { border-color: #56b1fc; color: #56b1fc } .btn-outline-info:hover { background-color: #56b1fc; border-color: #56b1fc; color: #212529 } .btn-outline-info.focus,.btn-outline-info:focus { box-shadow: 0 0 0 .2rem rgba(86,177,252,.5) } .btn-outline-info.disabled,.btn-outline-info:disabled { background-color: transparent; color: #56b1fc } .btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle { background-color: #56b1fc; border-color: #56b1fc; color: #212529 } .btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(86,177,252,.5) } .btn-outline-warning { border-color: #ffc107; color: #ffc107 } .btn-outline-warning:hover { background-color: #ffc107; border-color: #ffc107; color: #212529 } .btn-outline-warning.focus,.btn-outline-warning:focus { box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) } .btn-outline-warning.disabled,.btn-outline-warning:disabled { background-color: transparent; color: #ffc107 } .btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle { background-color: #ffc107; border-color: #ffc107; color: #212529 } .btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) } .btn-outline-danger { border-color: #dc3545; color: #dc3545 } .btn-outline-danger:hover { background-color: #dc3545; border-color: #dc3545; color: #fff } .btn-outline-danger.focus,.btn-outline-danger:focus { box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) } .btn-outline-danger.disabled,.btn-outline-danger:disabled { background-color: transparent; color: #dc3545 } .btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle { background-color: #dc3545; border-color: #dc3545; color: #fff } .btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) } .btn-outline-light { border-color: #f8f9fa; color: #f8f9fa } .btn-outline-light:hover { background-color: #f8f9fa; border-color: #f8f9fa; color: #212529 } .btn-outline-light.focus,.btn-outline-light:focus { box-shadow: 0 0 0 .2rem rgba(248,249,250,.5) } .btn-outline-light.disabled,.btn-outline-light:disabled { background-color: transparent; color: #f8f9fa } .btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle { background-color: #f8f9fa; border-color: #f8f9fa; color: #212529 } .btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(248,249,250,.5) } .btn-outline-dark { border-color: #343a40; color: #343a40 } .btn-outline-dark:hover { background-color: #343a40; border-color: #343a40; color: #fff } .btn-outline-dark.focus,.btn-outline-dark:focus { box-shadow: 0 0 0 .2rem rgba(52,58,64,.5) } .btn-outline-dark.disabled,.btn-outline-dark:disabled { background-color: transparent; color: #343a40 } .btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle { background-color: #343a40; border-color: #343a40; color: #fff } .btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(52,58,64,.5) } .btn-outline-brand { border-color: #e71c37; color: #e71c37 } .btn-outline-brand:hover { background-color: #e71c37; border-color: #e71c37; color: #fff } .btn-outline-brand.focus,.btn-outline-brand:focus { box-shadow: 0 0 0 .2rem rgba(231,28,55,.5) } .btn-outline-brand.disabled,.btn-outline-brand:disabled { background-color: transparent; color: #e71c37 } .btn-outline-brand:not(:disabled):not(.disabled).active,.btn-outline-brand:not(:disabled):not(.disabled):active,.show>.btn-outline-brand.dropdown-toggle { background-color: #e71c37; border-color: #e71c37; color: #fff } .btn-outline-brand:not(:disabled):not(.disabled).active:focus,.btn-outline-brand:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-brand.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(231,28,55,.5) } .btn-link { color: #e71c37; font-weight: 500; text-decoration: none } .btn-link:hover { color: #a51125; text-decoration: underline } .btn-link.focus,.btn-link:focus { box-shadow: none; text-decoration: underline } .btn-link.disabled,.btn-link:disabled { color: #6c757d; pointer-events: none } .btn-group-lg>.btn,.btn-lg { border-radius: .3rem; font-size: 1.25rem; line-height: 1.5; padding: .5rem 1rem } .btn-group-sm>.btn,.btn-sm { border-radius: .2rem; font-size: .875rem; line-height: 1.5; padding: .25rem .5rem } .custom-btn-lg { font-size: 1rem; padding: .43755rem 1rem } .custom-btn-lg.shadow:hover { box-shadow: none!important } .secondary-text-link { color: #080808; text-decoration: none } .secondary-text-link:active,.secondary-text-link:focus,.secondary-text-link:hover { color: #e71c37!important; text-decoration: none } .custom-btn-xl { font-size: 1rem!important; padding: .688rem 1rem!important } .btn-block { display: block; width: 100% } .btn-block+.btn-block { margin-top: .5rem } input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block { width: 100% } .fade { transition: opacity .15s linear } @media(prefers-reduced-motion:reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } .collapsing { height: 0; overflow: hidden; position: relative; transition: height .35s ease } @media(prefers-reduced-motion:reduce) { .collapsing { transition: none } } .dropdown,.dropleft,.dropright,.dropup { position: relative } .dropdown-toggle { white-space: nowrap } .dropdown-toggle:after { border-bottom: 0; border-left: .3em solid transparent; border-right: .3em solid transparent; border-top: .3em solid; content: ""; display: inline-block; margin-left: .255em; vertical-align: .195em } .dropdown-toggle:empty:after { margin-left: 0 } .dropdown-menu { background-clip: padding-box; background-color: #fff; border-radius: .25rem; box-shadow: 0 .5rem 1rem rgba(8,8,8,.175); color: #343a40; display: none; float: left; font-size: .875rem; left: 0; list-style: none; margin: .125rem 0 0; min-width: 10rem; padding: .5rem 0; position: absolute; text-align: left; top: 100%; z-index: 1000 } .dropdown-menu-left { left: 0; right: auto } .dropdown-menu-right { left: auto; right: 0 } @media(min-width: 576px) { .dropdown-menu-sm-left { left:0; right: auto } .dropdown-menu-sm-right { left: auto; right: 0 } } @media(min-width: 768px) { .dropdown-menu-md-left { left:0; right: auto } .dropdown-menu-md-right { left: auto; right: 0 } } @media(min-width: 992px) { .dropdown-menu-lg-left { left:0; right: auto } .dropdown-menu-lg-right { left: auto; right: 0 } } @media(min-width: 1200px) { .dropdown-menu-xl-left { left:0; right: auto } .dropdown-menu-xl-right { left: auto; right: 0 } } .dropup .dropdown-menu { bottom: 100%; margin-bottom: .125rem; margin-top: 0; top: auto } .dropup .dropdown-toggle:after { border-bottom: .3em solid; border-left: .3em solid transparent; border-right: .3em solid transparent; border-top: 0; content: ""; display: inline-block; margin-left: .255em; vertical-align: .195em } .dropup .dropdown-toggle:empty:after { margin-left: 0 } .dropright .dropdown-menu { left: 100%; margin-left: .125rem; margin-top: 0; right: auto; top: 0 } .dropright .dropdown-toggle:after { border-bottom: .3em solid transparent; border-left: .3em solid; border-right: 0; border-top: .3em solid transparent; content: ""; display: inline-block; margin-left: .255em; vertical-align: .195em } .dropright .dropdown-toggle:empty:after { margin-left: 0 } .dropright .dropdown-toggle:after { vertical-align: 0 } .dropleft .dropdown-menu { left: auto; margin-right: .125rem; margin-top: 0; right: 100%; top: 0 } .dropleft .dropdown-toggle:after { content: ""; display: inline-block; display: none; margin-left: .255em; vertical-align: .195em } .dropleft .dropdown-toggle:before { border-bottom: .3em solid transparent; border-right: .3em solid; border-top: .3em solid transparent; content: ""; display: inline-block; margin-right: .255em; vertical-align: .195em } .dropleft .dropdown-toggle:empty:after { margin-left: 0 } .dropleft .dropdown-toggle:before { vertical-align: 0 } .dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top] { bottom: auto; right: auto } .dropdown-divider { border-top: 1px solid #e9ecef; height: 0; margin: .5rem 0; overflow: hidden } .dropdown-item { background-color: transparent; border: 0; clear: both; color: #212529; display: block; font-weight: 400; padding: .25rem 1.5rem; text-align: inherit; white-space: nowrap; width: 100% } .dropdown-item:focus,.dropdown-item:hover { background: #f8f9fa; color: #16181b; outline: none; text-decoration: none } .dropdown-item.active,.dropdown-item:active { background: #6c757d; color: #fff; text-decoration: none } .dropdown-item.disabled,.dropdown-item:disabled { background-color: transparent; background-image: none; color: #6c757d; pointer-events: none } .dropdown-menu.show { display: block } .dropdown-header { color: #6c757d; display: block; font-size: .875rem; margin-bottom: 0; padding: .5rem 1.5rem; white-space: nowrap } .dropdown-item-text { color: #212529; display: block; padding: .25rem 1.5rem } .btn-group,.btn-group-vertical { display: inline-flex; position: relative; vertical-align: middle } .btn-group-vertical>.btn,.btn-group>.btn { flex: 1 1 auto; position: relative } .btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover { z-index: 1 } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child) { margin-left: -1px } .btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0 } .dropdown-toggle-split { padding-left: .5625rem; padding-right: .5625rem } .dropdown-toggle-split:after,.dropright .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after { margin-left: 0 } .dropleft .dropdown-toggle-split:before { margin-right: 0 } .btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split { padding-left: .375rem; padding-right: .375rem } .btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split { padding-left: .75rem; padding-right: .75rem } .btn-group.show .dropdown-toggle,.btn-group.show .dropdown-toggle.btn-link { box-shadow: none } .btn-group-vertical { align-items: flex-start; flex-direction: column; justify-content: center } .btn-group-vertical>.btn,.btn-group-vertical>.btn-group { width: 100% } .btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) { margin-top: -1px } .btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0 } .btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn { margin-bottom: 0 } .btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio] { clip: rect(0,0,0,0); pointer-events: none; position: absolute } .input-group { align-items: stretch; display: flex; flex-wrap: wrap; position: relative; width: 100% } .input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext { flex: 1 1 0%; margin-bottom: 0; min-width: 0; position: relative } .input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control { margin-left: -1px } .input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus { z-index: 3 } .input-group>.custom-file .custom-file-input:focus { z-index: 4 } .input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0 } .input-group>.custom-file { align-items: center; display: flex } .input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label:after { border-bottom-right-radius: 0; border-top-right-radius: 0 } .input-group>.custom-file:not(:first-child) .custom-file-label { border-bottom-left-radius: 0; border-top-left-radius: 0 } .input-group-append,.input-group-prepend { display: flex } .input-group-append .btn,.input-group-prepend .btn { position: relative; z-index: 2 } .input-group-append .btn:focus,.input-group-prepend .btn:focus { z-index: 3 } .input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text { margin-left: -1px } .input-group-prepend { margin-right: -1px } .input-group-append { margin-left: -1px } .input-group-text { align-items: center; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem; color: #495057; display: flex; font-size: .875rem; font-weight: 400; line-height: 1.5; margin-bottom: 0; padding: .375rem .75rem; text-align: center; white-space: nowrap } .input-group-text input[type=checkbox],.input-group-text input[type=radio] { margin-top: 0 } .input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea) { height: calc(1.5em + 1rem + 2px) } .input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text { border-radius: .3rem; font-size: 1.25rem; line-height: 1.5; padding: .5rem 1rem } .input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea) { height: calc(1.5em + .5rem + 2px) } .input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text { border-radius: .2rem; font-size: .875rem; line-height: 1.5; padding: .25rem .5rem } .input-group-lg>.custom-select,.input-group-sm>.custom-select { padding-right: 1.75rem } .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text { border-bottom-right-radius: 0; border-top-right-radius: 0 } .input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text { border-bottom-left-radius: 0; border-top-left-radius: 0 } .custom-control { display: block; min-height: 1.5rem; padding-left: 1.5rem; position: relative } .custom-control-inline { display: inline-flex; margin-right: 1rem } .custom-control-input { height: 1.25rem; left: 0; opacity: 0; position: absolute; width: 1rem; z-index: -1 } .custom-control-input:checked~.custom-control-label:before { background: #08ce73; border-color: #08ce73; box-shadow: none; color: #fff } .custom-control-input:focus~.custom-control-label:before { box-shadow: inset 0 0 0 rgba(8,8,8,.075),0 0 0 .2rem hsla(208,7%,46%,.25) } .custom-control-input:focus:not(:checked)~.custom-control-label:before { border-color: #afb5ba } .custom-control-input:not(:disabled):active~.custom-control-label:before { background-color: #caced1; border-color: #caced1; box-shadow: none; color: #fff } .custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label { color: #6c757d } .custom-control-input:disabled~.custom-control-label:before,.custom-control-input[disabled]~.custom-control-label:before { background-color: #e9ecef } .custom-control-label { margin-bottom: 0; position: relative; vertical-align: top } .custom-control-label:before { background-color: #fff; border: 1px solid #adb5bd; box-shadow: inset 0 0 0 rgba(8,8,8,.075); pointer-events: none } .custom-control-label:after,.custom-control-label:before { content: ""; display: block; height: 1rem; left: -1.5rem; position: absolute; top: .25rem; width: 1rem } .custom-control-label:after { background: no-repeat 50%/50% 50% } .custom-checkbox .custom-control-label:before { border-radius: .25rem } .custom-checkbox .custom-control-input:checked~.custom-control-label:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23fff' d='m6.564.75-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E") } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before { background: #6c757d; border-color: #6c757d; box-shadow: none } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E") } .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before { background-color: rgba(0,123,255,.5) } .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before { background-color: rgba(0,123,255,.5) } .custom-radio .custom-control-label:before { border-radius: 50% } .custom-radio .custom-control-input:checked~.custom-control-label:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E") } .custom-radio .custom-control-input:disabled:checked~.custom-control-label:before { background-color: rgba(0,123,255,.5) } .custom-switch { padding-left: 2.25rem } .custom-switch .custom-control-label:before { border-radius: .5rem; left: -2.25rem; pointer-events: all; width: 1.75rem } .custom-switch .custom-control-label:after { background-color: #adb5bd; border-radius: .5rem; height: calc(1rem - 4px); left: calc(-2.25rem + 2px); top: calc(.25rem + 2px); transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; width: calc(1rem - 4px) } @media(prefers-reduced-motion:reduce) { .custom-switch .custom-control-label:after { transition: none } } .custom-switch .custom-control-input:checked~.custom-control-label:after { background-color: #fff; transform: translateX(.75rem) } .custom-switch .custom-control-input:disabled:checked~.custom-control-label:before { background-color: rgba(0,123,255,.5) } .custom-select { appearance: none; background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px; border: 1px solid #ced4da; border-radius: .25rem; box-shadow: inset 0 1px 2px rgba(8,8,8,.075); color: #495057; display: inline-block; font-size: .875rem; font-weight: 400; height: calc(1.5em + .75rem + 2px); line-height: 1.5; padding: .375rem 1.75rem .375rem .75rem; vertical-align: middle; width: 100% } .custom-select:focus { border-color: #afb5ba; box-shadow: inset 0 1px 2px rgba(8,8,8,.075),0 0 0 .2rem hsla(208,7%,46%,.25); outline: 0 } .custom-select:focus::-ms-value { background-color: #fff; color: #495057 } .custom-select[multiple],.custom-select[size]:not([size="1"]) { background-image: none; height: auto; padding-right: .75rem } .custom-select:disabled { background-color: #e9ecef; color: #6c757d } .custom-select::-ms-expand { display: none } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057 } .custom-select-sm { font-size: .875rem; height: calc(1.5em + .5rem + 2px); padding-bottom: .25rem; padding-left: .5rem; padding-top: .25rem } .custom-select-lg { font-size: 1.25rem; height: calc(1.5em + 1rem + 2px); padding-bottom: .5rem; padding-left: 1rem; padding-top: .5rem } .custom-file { display: inline-block; margin-bottom: 0 } .custom-file,.custom-file-input { height: calc(1.5em + .75rem + 2px); position: relative; width: 100% } .custom-file-input { margin: 0; opacity: 0; z-index: 2 } .custom-file-input:focus~.custom-file-label { border-color: #afb5ba; box-shadow: 0 0 0 .2rem hsla(208,7%,46%,.25) } .custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label { background-color: #e9ecef } .custom-file-input:lang(en)~.custom-file-label:after { content: "Browse" } .custom-file-input~.custom-file-label[data-browse]:after { content: attr(data-browse) } .custom-file-label { background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem; box-shadow: inset 0 0 0 rgba(8,8,8,.075); font-weight: 400; height: calc(1.5em + .75rem + 2px); left: 0; z-index: 1 } .custom-file-label,.custom-file-label:after { color: #495057; line-height: 1.5; padding: .375rem .75rem; position: absolute; right: 0; top: 0 } .custom-file-label:after { background: #e9ecef; border-left: inherit; border-radius: 0 .25rem .25rem 0; bottom: 0; content: "Browse"; display: block; height: calc(1.5em + .75rem); z-index: 3 } .custom-range { appearance: none; background-color: transparent; height: 1.4rem; padding: 0; width: 100% } .custom-range:focus { outline: none } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #f8f9fa,0 0 0 .2rem hsla(208,7%,46%,.25) } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #f8f9fa,0 0 0 .2rem hsla(208,7%,46%,.25) } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #f8f9fa,0 0 0 .2rem hsla(208,7%,46%,.25) } .custom-range::-moz-focus-outer { border: 0 } .custom-range::-webkit-slider-thumb { appearance: none; background: #6c757d; border: 0; border-radius: 1rem; box-shadow: 0 .1rem .25rem rgba(8,8,8,.1); height: 1rem; margin-top: -.25rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; width: 1rem } @media(prefers-reduced-motion:reduce) { .custom-range::-webkit-slider-thumb { transition: none } } .custom-range::-webkit-slider-thumb:active { background: #caced1 } .custom-range::-webkit-slider-runnable-track { background-color: #dee2e6; border-color: transparent; border-radius: 1rem; box-shadow: inset 0 .25rem .25rem rgba(8,8,8,.1); color: transparent; cursor: pointer; height: .5rem; width: 100% } .custom-range::-moz-range-thumb { appearance: none; background: #6c757d; border: 0; border-radius: 1rem; box-shadow: 0 .1rem .25rem rgba(8,8,8,.1); height: 1rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; width: 1rem } @media(prefers-reduced-motion:reduce) { .custom-range::-moz-range-thumb { transition: none } } .custom-range::-moz-range-thumb:active { background: #caced1 } .custom-range::-moz-range-track { background-color: #dee2e6; border-color: transparent; border-radius: 1rem; box-shadow: inset 0 .25rem .25rem rgba(8,8,8,.1); color: transparent; cursor: pointer; height: .5rem; width: 100% } .custom-range::-ms-thumb { appearance: none; background: #6c757d; border: 0; border-radius: 1rem; box-shadow: 0 .1rem .25rem rgba(8,8,8,.1); height: 1rem; margin-left: .2rem; margin-right: .2rem; margin-top: 0; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; width: 1rem } @media(prefers-reduced-motion:reduce) { .custom-range::-ms-thumb { transition: none } } .custom-range::-ms-thumb:active { background: #caced1 } .custom-range::-ms-track { background-color: transparent; border-color: transparent; border-width: .5rem; box-shadow: inset 0 .25rem .25rem rgba(8,8,8,.1); color: transparent; cursor: pointer; height: .5rem; width: 100% } .custom-range::-ms-fill-lower,.custom-range::-ms-fill-upper { background-color: #dee2e6; border-radius: 1rem } .custom-range::-ms-fill-upper { margin-right: 15px } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd } .custom-range:disabled::-moz-range-track { cursor: default } .custom-range:disabled::-ms-thumb { background-color: #adb5bd } .custom-control-label:before,.custom-file-label,.custom-select { transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media(prefers-reduced-motion:reduce) { .custom-control-label:before,.custom-file-label,.custom-select { transition: none } } .nav { display: flex; flex-wrap: wrap; list-style: none; margin-bottom: 0; padding-left: 0 } .nav-link { display: block; padding: .5rem 1rem } .nav-link:focus,.nav-link:hover { text-decoration: none } .nav-link.disabled { color: #6c757d; cursor: default; pointer-events: none } .nav-tabs { border-bottom: 1px solid #dee2e6 } .nav-tabs .nav-item { margin-bottom: -1px } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem } .nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6 } .nav-tabs .nav-link.disabled { background-color: transparent; border-color: transparent; color: #6c757d } .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active { background-color: #f8f9fa; border-color: #dee2e6 #dee2e6 #f8f9fa; color: #495057 } .nav-tabs .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px } .nav-pills .nav-link { border-radius: .25rem } .nav-pills .nav-link.active,.nav-pills .show>.nav-link { background-color: #6c757d } .nav-fill .nav-item { flex: 1 1 auto; text-align: center } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .navbar { padding: .5rem 1rem; position: relative } .navbar,.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between } .navbar-brand { display: inline-block; font-size: 1.25rem; line-height: inherit; margin-right: 1rem; padding-bottom: .3125rem; padding-top: .3125rem; white-space: nowrap } .navbar-brand:focus,.navbar-brand:hover { text-decoration: none } .navbar-nav { display: flex; flex-direction: column; list-style: none; margin-bottom: 0; padding-left: 0 } .navbar-nav .nav-link { padding-left: 0; padding-right: 0 } .navbar-nav .dropdown-menu { float: none; position: static } .navbar-text { display: inline-block; padding-bottom: .5rem; padding-top: .5rem } .navbar-collapse { align-items: center; flex-basis: 100%; flex-grow: 1 } .navbar-toggler { background-color: transparent; border: 1px solid transparent; border-radius: .25rem; font-size: 1.25rem; line-height: 1; padding: .25rem .75rem } .navbar-toggler:focus,.navbar-toggler:hover { text-decoration: none } .navbar-toggler-icon { background: no-repeat 50%; background-size: 100% 100%; content: ""; display: inline-block; height: 1.5em; vertical-align: middle; width: 1.5em } @media(max-width: 575.98px) { .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl { padding-left:0; padding-right: 0 } } @media(min-width: 576px) { .navbar-expand-sm { flex-flow:row nowrap; justify-content: flex-start } .navbar-expand-sm .navbar-nav { flex-direction: row } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-sm .navbar-nav .nav-link { padding-left: .5rem; padding-right: .5rem } .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl { flex-wrap: nowrap } .navbar-expand-sm .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand-sm .navbar-toggler { display: none } } @media(max-width: 767.98px) { .navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl { padding-left:0; padding-right: 0 } } @media(min-width: 768px) { .navbar-expand-md { flex-flow:row nowrap; justify-content: flex-start } .navbar-expand-md .navbar-nav { flex-direction: row } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-md .navbar-nav .nav-link { padding-left: .5rem; padding-right: .5rem } .navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl { flex-wrap: nowrap } .navbar-expand-md .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand-md .navbar-toggler { display: none } } @media(max-width: 991.98px) { .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl { padding-left:0; padding-right: 0 } } @media(min-width: 992px) { .navbar-expand-lg { flex-flow:row nowrap; justify-content: flex-start } .navbar-expand-lg .navbar-nav { flex-direction: row } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-lg .navbar-nav .nav-link { padding-left: .5rem; padding-right: .5rem } .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl { flex-wrap: nowrap } .navbar-expand-lg .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand-lg .navbar-toggler { display: none } } @media(max-width: 1199.98px) { .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl { padding-left:0; padding-right: 0 } } @media(min-width: 1200px) { .navbar-expand-xl { flex-flow:row nowrap; justify-content: flex-start } .navbar-expand-xl .navbar-nav { flex-direction: row } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xl .navbar-nav .nav-link { padding-left: .5rem; padding-right: .5rem } .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl { flex-wrap: nowrap } .navbar-expand-xl .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start } .navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl { padding-left: 0; padding-right: 0 } .navbar-expand .navbar-nav { flex-direction: row } .navbar-expand .navbar-nav .dropdown-menu { position: absolute } .navbar-expand .navbar-nav .nav-link { padding-left: .5rem; padding-right: .5rem } .navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl { flex-wrap: nowrap } .navbar-expand .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover { color: rgba(8,8,8,.9) } .navbar-light .navbar-nav .nav-link { color: rgba(8,8,8,.5) } .navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover { color: rgba(8,8,8,.7) } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(8,8,8,.3) } .navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link { color: rgba(8,8,8,.9) } .navbar-light .navbar-toggler { border-color: rgba(8,8,8,.1); color: rgba(8,8,8,.5) } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(8, 8, 8, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") } .navbar-light .navbar-text { color: rgba(8,8,8,.5) } .navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover { color: rgba(8,8,8,.9) } .navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover { color: #fff } .navbar-dark .navbar-nav .nav-link { color: hsla(0,0%,100%,.5) } .navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover { color: hsla(0,0%,100%,.75) } .navbar-dark .navbar-nav .nav-link.disabled { color: hsla(0,0%,100%,.25) } .navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link { color: #fff } .navbar-dark .navbar-toggler { border-color: hsla(0,0%,100%,.1); color: hsla(0,0%,100%,.5) } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") } .navbar-dark .navbar-text { color: hsla(0,0%,100%,.5) } .navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover { color: #fff } .card { word-wrap: break-word; background-clip: border-box; background-color: #fff; border: 1px solid rgba(8,8,8,.125); border-radius: 1rem; display: flex; flex-direction: column; min-width: 0; position: relative } .card>hr { margin-left: 0; margin-right: 0 } .card>.list-group:first-child .list-group-item:first-child { border-top-left-radius: 1rem; border-top-right-radius: 1rem } .card>.list-group:last-child .list-group-item:last-child { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem } .card-title { margin-bottom: .75rem } .card-subtitle { margin-top: -.375rem } .card-subtitle,.card-text:last-child { margin-bottom: 0 } .card-link:hover { text-decoration: none } .card-link+.card-link { margin-left: 1.25rem } .card-header { background-color: rgba(8,8,8,.03); border-bottom: 1px solid rgba(8,8,8,.125); margin-bottom: 0; padding: .75rem 1.25rem } .card-header:first-child { border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0 } .card-header+.list-group .list-group-item:first-child { border-top: 0 } .card-footer { background-color: rgba(8,8,8,.03); border-top: 1px solid rgba(8,8,8,.125); padding: .75rem 1.25rem } .card-footer:last-child { border-radius: 0 0 calc(1rem - 1px) calc(1rem - 1px) } .card-header-tabs { border-bottom: 0; margin-bottom: -.75rem } .card-header-pills,.card-header-tabs { margin-left: -.625rem; margin-right: -.625rem } .card-img-overlay { bottom: 0; left: 0; padding: 1.25rem; position: absolute; right: 0; top: 0 } .card-img,.card-img-bottom,.card-img-top { flex-shrink: 0; width: 100% } .card-img,.card-img-top { border-top-left-radius: calc(1rem - 1px); border-top-right-radius: calc(1rem - 1px) } .card-img,.card-img-bottom { border-bottom-left-radius: calc(1rem - 1px); border-bottom-right-radius: calc(1rem - 1px) } .card-deck .card { margin-bottom: 15px } @media(min-width: 576px) { .card-deck { display:flex; flex-flow: row wrap; margin-left: -15px; margin-right: -15px } .card-deck .card { flex: 1 0 0%; margin-bottom: 0; margin-left: 15px; margin-right: 15px } } .card-group>.card { margin-bottom: 15px } @media(min-width: 576px) { .card-group { display:flex; flex-flow: row wrap } .card-group>.card { flex: 1 0 0%; margin-bottom: 0 } .card-group>.card+.card { border-left: 0; margin-left: 0 } .card-group>.card:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top { border-top-right-radius: 0 } .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0 } .card-group>.card:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0 } .card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top { border-top-left-radius: 0 } .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0 } } .card-columns .card { margin-bottom: .75rem } @media(min-width: 576px) { .card-columns { column-count:3; column-gap: 1.25rem; orphans: 1; widows: 1 } .card-columns .card { display: inline-block; width: 100% } } .accordion>.card { overflow: hidden } .accordion>.card:not(:last-of-type) { border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .accordion>.card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0 } .accordion>.card>.card-header { border-radius: 0; margin-bottom: -1px } .breadcrumb { background-color: #e9ecef; border-radius: .25rem; display: flex; flex-wrap: wrap; list-style: none; margin-bottom: 1rem; padding: .75rem 0 } .breadcrumb-item+.breadcrumb-item { padding-left: .5rem } .breadcrumb-item+.breadcrumb-item:before { color: #6c757d; content: "/"; display: inline-block; padding-right: .5rem } .breadcrumb-item+.breadcrumb-item:hover:before { text-decoration: underline; text-decoration: none } .breadcrumb-item.active { color: #6c757d } .pagination { border-radius: .25rem; display: flex; list-style: none; padding-left: 0 } .page-link { background-color: #fff; border: 1px solid #dee2e6; color: #e71c37; display: block; line-height: 1.25; margin-left: -1px; padding: .5rem .75rem; position: relative } .page-link:hover { background-color: #e9ecef; border-color: #dee2e6; color: #a51125; text-decoration: none; z-index: 2 } .page-link:focus { box-shadow: 0 0 0 .2rem hsla(208,7%,46%,.25); outline: 0; z-index: 3 } .page-item:first-child .page-link { border-bottom-left-radius: .25rem; border-top-left-radius: .25rem; margin-left: 0 } .page-item:last-child .page-link { border-bottom-right-radius: .25rem; border-top-right-radius: .25rem } .page-item.active .page-link { background-color: #6c757d; border-color: #6c757d; color: #fff; z-index: 3 } .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; color: #6c757d; cursor: auto; pointer-events: none } .pagination-lg .page-link { font-size: 1.25rem; line-height: 1.5; padding: .75rem 1.5rem } .pagination-lg .page-item:first-child .page-link { border-bottom-left-radius: .3rem; border-top-left-radius: .3rem } .pagination-lg .page-item:last-child .page-link { border-bottom-right-radius: .3rem; border-top-right-radius: .3rem } .pagination-sm .page-link { font-size: .875rem; line-height: 1.5; padding: .25rem .5rem } .pagination-sm .page-item:first-child .page-link { border-bottom-left-radius: .2rem; border-top-left-radius: .2rem } .pagination-sm .page-item:last-child .page-link { border-bottom-right-radius: .2rem; border-top-right-radius: .2rem } .badge { border-radius: .25rem; display: inline-block; font-size: 75%; font-weight: 500; line-height: 1; padding: .25em .4em; text-align: center; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; vertical-align: baseline; white-space: nowrap } @media(prefers-reduced-motion:reduce) { .badge { transition: none } } a.badge:focus,a.badge:hover { text-decoration: none } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .badge-pill { border-radius: 10rem; padding-left: .6em; padding-right: .6em } .badge-primary { background-color: #007bff; color: #fff } a.badge-primary:focus,a.badge-primary:hover { background-color: #0062cc; color: #fff } a.badge-primary.focus,a.badge-primary:focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,.5); outline: 0 } .badge-secondary { background-color: #6c757d; color: #fff } a.badge-secondary:focus,a.badge-secondary:hover { background-color: #545b62; color: #fff } a.badge-secondary.focus,a.badge-secondary:focus { box-shadow: 0 0 0 .2rem hsla(208,7%,46%,.5); outline: 0 } .badge-success { background-color: #08ce73; color: #fff } a.badge-success:focus,a.badge-success:hover { background-color: #069d58; color: #fff } a.badge-success.focus,a.badge-success:focus { box-shadow: 0 0 0 .2rem rgba(8,206,115,.5); outline: 0 } .badge-info { background-color: #56b1fc; color: #212529 } a.badge-info:focus,a.badge-info:hover { background-color: #249afb; color: #212529 } a.badge-info.focus,a.badge-info:focus { box-shadow: 0 0 0 .2rem rgba(86,177,252,.5); outline: 0 } .badge-warning { background-color: #ffc107; color: #212529 } a.badge-warning:focus,a.badge-warning:hover { background-color: #d39e00; color: #212529 } a.badge-warning.focus,a.badge-warning:focus { box-shadow: 0 0 0 .2rem rgba(255,193,7,.5); outline: 0 } .badge-danger { background-color: #dc3545; color: #fff } a.badge-danger:focus,a.badge-danger:hover { background-color: #bd2130; color: #fff } a.badge-danger.focus,a.badge-danger:focus { box-shadow: 0 0 0 .2rem rgba(220,53,69,.5); outline: 0 } .badge-light { background-color: #f8f9fa; color: #212529 } a.badge-light:focus,a.badge-light:hover { background-color: #dae0e5; color: #212529 } a.badge-light.focus,a.badge-light:focus { box-shadow: 0 0 0 .2rem rgba(248,249,250,.5); outline: 0 } .badge-dark { background-color: #343a40; color: #fff } a.badge-dark:focus,a.badge-dark:hover { background-color: #1d2124; color: #fff } a.badge-dark.focus,a.badge-dark:focus { box-shadow: 0 0 0 .2rem rgba(52,58,64,.5); outline: 0 } .badge-brand { background-color: #e71c37; color: #fff } a.badge-brand:focus,a.badge-brand:hover { background-color: #bc142a; color: #fff } a.badge-brand.focus,a.badge-brand:focus { box-shadow: 0 0 0 .2rem rgba(231,28,55,.5); outline: 0 } .jumbotron { background-color: #e9ecef; border-radius: .3rem; margin-bottom: 2rem; padding: 2rem 1rem } @media(min-width: 576px) { .jumbotron { padding:4rem 2rem } } .jumbotron-fluid { border-radius: 0; padding-left: 0; padding-right: 0 } .alert { border: 1px solid transparent; border-radius: .25rem; margin-bottom: 1rem; padding: .75rem 1.25rem; position: relative } .alert-heading { color: inherit } .alert-link { font-weight: 500 } .alert-dismissible { padding-right: 4rem } .alert-dismissible .close { color: inherit; padding: .75rem 1.25rem; position: absolute; right: 0; top: 0 } .alert-primary { background: #cce5ff; border-color: #b8daff; color: #044488 } .alert-primary hr { border-top-color: #9fcdff } .alert-primary .alert-link { color: #032b56 } .alert-secondary { background: #e2e3e5; border-color: #d6d8db; color: #3c4145 } .alert-secondary hr { border-top-color: #c8cbcf } .alert-secondary .alert-link { color: #24272a } .alert-success { background: #cef5e3; border-color: #baf1d8; color: #086f40 } .alert-success hr { border-top-color: #a5edcc } .alert-success .alert-link { color: #053f25 } .alert-info { background: #ddeffe; border-color: #d0e9fe; color: #316087 } .alert-info hr { border-top-color: #b7ddfd } .alert-info .alert-link { color: #234562 } .alert-warning { background: #fff3cd; border-color: #ffeeba; color: #886807 } .alert-warning hr { border-top-color: #ffe8a1 } .alert-warning .alert-link { color: #574305 } .alert-danger { background: #f8d7da; border-color: #f5c6cb; color: #761f28 } .alert-danger hr { border-top-color: #f1b0b7 } .alert-danger .alert-link { color: #4e141a } .alert-light { background: #fefefe; border-color: #fdfdfe; color: #858586 } .alert-light hr { border-top-color: #ececf6 } .alert-light .alert-link { color: #6c6c6c } .alert-dark { background: #d6d8d9; border-color: #c6c8ca; color: #1f2225 } .alert-dark hr { border-top-color: #b9bbbe } .alert-dark .alert-link { color: #080909 } .alert-brand { background: #fad2d7; border-color: #f8bfc7; color: #7c1220 } .alert-brand hr { border-top-color: #f5a8b3 } .alert-brand .alert-link { color: #4f0c15 } @keyframes progress-bar-stripes { 0% { background-position: 1rem 0 } to { background-position: 0 0 } } .progress { background-color: #e9ecef; border-radius: .25rem; box-shadow: inset 0 .1rem .1rem rgba(8,8,8,.1); font-size: .75rem; height: 1rem } .progress,.progress-bar { display: flex; overflow: hidden } .progress-bar { background-color: #007bff; color: #fff; flex-direction: column; justify-content: center; text-align: center; transition: width .6s ease; white-space: nowrap } @media(prefers-reduced-motion:reduce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-size: 1rem 1rem } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite } @media(prefers-reduced-motion:reduce) { .progress-bar-animated { animation: none } } .media { align-items: flex-start; display: flex } .media-body { flex: 1 } .list-group { display: flex; flex-direction: column; margin-bottom: 0; padding-left: 0 } .list-group-item-action { color: #495057; text-align: inherit; width: 100% } .list-group-item-action:focus,.list-group-item-action:hover { background-color: #f8f9fa; color: #495057; text-decoration: none; z-index: 1 } .list-group-item-action:active { background-color: #e9ecef; color: #343a40 } .list-group-item { background-color: #fff; border: 1px solid rgba(8,8,8,.125); display: block; padding: .75rem 1.25rem; position: relative } .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .list-group-item:last-child { border-bottom-left-radius: .25rem; border-bottom-right-radius: .25rem } .list-group-item.disabled,.list-group-item:disabled { background-color: #fff; color: #6c757d; pointer-events: none } .list-group-item.active { background-color: #6c757d; border-color: #6c757d; color: #fff; z-index: 2 } .list-group-item+.list-group-item { border-top-width: 0 } .list-group-item+.list-group-item.active { border-top-width: 1px; margin-top: -1px } .list-group-horizontal { flex-direction: row } .list-group-horizontal .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal .list-group-item:last-child { border-bottom-left-radius: 0; border-top-right-radius: .25rem } .list-group-horizontal .list-group-item.active { margin-top: 0 } .list-group-horizontal .list-group-item+.list-group-item { border-left-width: 0; border-top-width: 1px } .list-group-horizontal .list-group-item+.list-group-item.active { border-left-width: 1px; margin-left: -1px } @media(min-width: 576px) { .list-group-horizontal-sm { flex-direction:row } .list-group-horizontal-sm .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-sm .list-group-item:last-child { border-bottom-left-radius: 0; border-top-right-radius: .25rem } .list-group-horizontal-sm .list-group-item.active { margin-top: 0 } .list-group-horizontal-sm .list-group-item+.list-group-item { border-left-width: 0; border-top-width: 1px } .list-group-horizontal-sm .list-group-item+.list-group-item.active { border-left-width: 1px; margin-left: -1px } } @media(min-width: 768px) { .list-group-horizontal-md { flex-direction:row } .list-group-horizontal-md .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-md .list-group-item:last-child { border-bottom-left-radius: 0; border-top-right-radius: .25rem } .list-group-horizontal-md .list-group-item.active { margin-top: 0 } .list-group-horizontal-md .list-group-item+.list-group-item { border-left-width: 0; border-top-width: 1px } .list-group-horizontal-md .list-group-item+.list-group-item.active { border-left-width: 1px; margin-left: -1px } } @media(min-width: 992px) { .list-group-horizontal-lg { flex-direction:row } .list-group-horizontal-lg .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-lg .list-group-item:last-child { border-bottom-left-radius: 0; border-top-right-radius: .25rem } .list-group-horizontal-lg .list-group-item.active { margin-top: 0 } .list-group-horizontal-lg .list-group-item+.list-group-item { border-left-width: 0; border-top-width: 1px } .list-group-horizontal-lg .list-group-item+.list-group-item.active { border-left-width: 1px; margin-left: -1px } } @media(min-width: 1200px) { .list-group-horizontal-xl { flex-direction:row } .list-group-horizontal-xl .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xl .list-group-item:last-child { border-bottom-left-radius: 0; border-top-right-radius: .25rem } .list-group-horizontal-xl .list-group-item.active { margin-top: 0 } .list-group-horizontal-xl .list-group-item+.list-group-item { border-left-width: 0; border-top-width: 1px } .list-group-horizontal-xl .list-group-item+.list-group-item.active { border-left-width: 1px; margin-left: -1px } } .list-group-flush .list-group-item { border-left-width: 0; border-radius: 0; border-right-width: 0 } .list-group-flush .list-group-item:first-child { border-top-width: 0 } .list-group-flush:last-child .list-group-item:last-child { border-bottom-width: 0 } .list-group-item-primary { background-color: #b8daff; color: #044488 } .list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover { background-color: #9fcdff; color: #044488 } .list-group-item-primary.list-group-item-action.active { background-color: #044488; border-color: #044488; color: #fff } .list-group-item-secondary { background-color: #d6d8db; color: #3c4145 } .list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover { background-color: #c8cbcf; color: #3c4145 } .list-group-item-secondary.list-group-item-action.active { background-color: #3c4145; border-color: #3c4145; color: #fff } .list-group-item-success { background-color: #baf1d8; color: #086f40 } .list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover { background-color: #a5edcc; color: #086f40 } .list-group-item-success.list-group-item-action.active { background-color: #086f40; border-color: #086f40; color: #fff } .list-group-item-info { background-color: #d0e9fe; color: #316087 } .list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover { background-color: #b7ddfd; color: #316087 } .list-group-item-info.list-group-item-action.active { background-color: #316087; border-color: #316087; color: #fff } .list-group-item-warning { background-color: #ffeeba; color: #886807 } .list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover { background-color: #ffe8a1; color: #886807 } .list-group-item-warning.list-group-item-action.active { background-color: #886807; border-color: #886807; color: #fff } .list-group-item-danger { background-color: #f5c6cb; color: #761f28 } .list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover { background-color: #f1b0b7; color: #761f28 } .list-group-item-danger.list-group-item-action.active { background-color: #761f28; border-color: #761f28; color: #fff } .list-group-item-light { background-color: #fdfdfe; color: #858586 } .list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover { background-color: #ececf6; color: #858586 } .list-group-item-light.list-group-item-action.active { background-color: #858586; border-color: #858586; color: #fff } .list-group-item-dark { background-color: #c6c8ca; color: #1f2225 } .list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover { background-color: #b9bbbe; color: #1f2225 } .list-group-item-dark.list-group-item-action.active { background-color: #1f2225; border-color: #1f2225; color: #fff } .list-group-item-brand { background-color: #f8bfc7; color: #7c1220 } .list-group-item-brand.list-group-item-action:focus,.list-group-item-brand.list-group-item-action:hover { background-color: #f5a8b3; color: #7c1220 } .list-group-item-brand.list-group-item-action.active { background-color: #7c1220; border-color: #7c1220; color: #fff } .close { color: #080808; float: right; font-size: 1.5rem; font-weight: 500; line-height: 1; opacity: .5; text-shadow: 0 1px 0 #fff } @media(max-width: 1200px) { .close { font-size:calc(1.275rem + .3vw) } } .close:hover { color: #080808; text-decoration: none } .close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover { opacity: .75 } button.close { appearance: none; background-color: transparent; border: 0; padding: 0 } a.close.disabled { pointer-events: none } .toast { backdrop-filter: blur(10px); background-clip: padding-box; background-color: hsla(0,0%,100%,.85); border: 1px solid rgba(0,0,0,.1); border-radius: .25rem; box-shadow: 0 .25rem .75rem rgba(8,8,8,.1); font-size: .875rem; max-width: 350px; opacity: 0; overflow: hidden } .toast:not(:last-child) { margin-bottom: .75rem } .toast.showing { opacity: 1 } .toast.show { display: block; opacity: 1 } .toast.hide { display: none } .toast-header { align-items: center; background-clip: padding-box; background-color: hsla(0,0%,100%,.85); border-bottom: 1px solid rgba(0,0,0,.05); color: #6c757d; display: flex; padding: .25rem .75rem } .toast-body { padding: .75rem } .modal-open { overflow: hidden } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal { display: none; height: 100%; left: 0; outline: 0; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 1050 } .modal-dialog { margin: .5rem; pointer-events: none; position: relative; width: auto } .modal.fade .modal-dialog { transform: translateY(-50px); transition: transform .3s ease-out } @media(prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { transition: none } } .modal.slide .modal-dialog { transform: translate(-50px); transition: transform .3s ease-out } @media(prefers-reduced-motion:reduce) { .modal.slide .modal-dialog { transition: none } } .modal.slide.right .modal-dialog { transform: translate(50px); transition: transform .3s ease-out } @media(prefers-reduced-motion:reduce) { .modal.slide.right .modal-dialog { transition: none } } .modal.show .modal-dialog { transform: none } .modal.modal-static .modal-dialog { transform: scale(1.02) } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden } .modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header { flex-shrink: 0 } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { align-items: center; display: flex; min-height: calc(100% - 1rem) } .modal-dialog-centered:before { content: ""; display: block; height: calc(100vh - 1rem) } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; height: 100%; justify-content: center } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none } .modal-dialog-centered.modal-dialog-scrollable:before { content: none } .modal-content { background-clip: padding-box; background-color: #fff; border: 1px solid rgba(8,8,8,.2); border-radius: 1rem; box-shadow: 0 .25rem .5rem rgba(8,8,8,.5); display: flex; flex-direction: column; outline: 0; pointer-events: auto; position: relative; width: 100% } .modal-backdrop { background-color: #080808; height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 1040 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5 } .modal-header { align-items: flex-start; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(1rem - 1px); border-top-right-radius: calc(1rem - 1px); display: flex; justify-content: space-between; padding: 1rem } .modal-header .close { margin: -1rem -1rem -1rem auto; padding: 1rem } .modal-title { line-height: 1.5; margin-bottom: 0 } .modal-body { flex: 1 1 auto; padding: 1rem; position: relative } .modal-footer { align-items: center; border-bottom-left-radius: calc(1rem - 1px); border-bottom-right-radius: calc(1rem - 1px); border-top: 1px solid #dee2e6; display: flex; flex-wrap: wrap; justify-content: flex-end; padding: .75rem } .modal-footer>* { margin: .25rem } .modal-scrollbar-measure { height: 50px; overflow: scroll; position: absolute; top: -9999px; width: 50px } @media(min-width: 576px) { .modal-dialog { margin:1.75rem auto; max-width: 500px } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem) } .modal-dialog-centered { min-height: calc(100% - 3.5rem) } .modal-dialog-centered:before { height: calc(100vh - 3.5rem) } .modal-content { box-shadow: 0 .5rem 1rem rgba(8,8,8,.5) } .modal-sm { max-width: 300px } } @media(min-width: 992px) { .modal-lg,.modal-xl { max-width:800px } } @media(min-width: 1200px) { .modal-xl { max-width:1140px } } .tooltip { word-wrap: break-word; display: block; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-size: .875rem; font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.5; margin: 0; opacity: 0; position: absolute; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; z-index: 1070 } .tooltip.show { opacity: .9 } .tooltip .arrow { display: block; height: .4rem; position: absolute; width: .8rem } .tooltip .arrow:before { border-color: transparent; border-style: solid; content: ""; position: absolute } .bs-tooltip-auto[x-placement^=top],.bs-tooltip-top { padding: .4rem 0 } .bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow { bottom: 0 } .bs-tooltip-auto[x-placement^=top] .arrow:before,.bs-tooltip-top .arrow:before { border-top-color: #080808; border-width: .4rem .4rem 0; top: 0 } .bs-tooltip-auto[x-placement^=right],.bs-tooltip-right { padding: 0 .4rem } .bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow { height: .8rem; left: 0; width: .4rem } .bs-tooltip-auto[x-placement^=right] .arrow:before,.bs-tooltip-right .arrow:before { border-right-color: #080808; border-width: .4rem .4rem .4rem 0; right: 0 } .bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom { padding: .4rem 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow { top: 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow:before,.bs-tooltip-bottom .arrow:before { border-bottom-color: #080808; border-width: 0 .4rem .4rem; bottom: 0 } .bs-tooltip-auto[x-placement^=left],.bs-tooltip-left { padding: 0 .4rem } .bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow { height: .8rem; right: 0; width: .4rem } .bs-tooltip-auto[x-placement^=left] .arrow:before,.bs-tooltip-left .arrow:before { border-left-color: #080808; border-width: .4rem 0 .4rem .4rem; left: 0 } .tooltip-inner { background-color: #080808; border-radius: .25rem; color: #fff; max-width: 200px; padding: .25rem .5rem; text-align: center } .popover { word-wrap: break-word; background-clip: padding-box; background-color: #fff; border: 1px solid rgba(8,8,8,.2); border-radius: 1rem; box-shadow: 0 .25rem .5rem rgba(8,8,8,.2); font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-size: .875rem; font-style: normal; font-weight: 400; left: 0; letter-spacing: normal; line-break: auto; line-height: 1.5; max-width: 276px; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; top: 0; white-space: normal; word-break: normal; word-spacing: normal; z-index: 1060 } .popover,.popover .arrow { display: block; position: absolute } .popover .arrow { height: .5rem; margin: 0 1rem; width: 1rem } .popover .arrow:after,.popover .arrow:before { border-color: transparent; border-style: solid; content: ""; display: block; position: absolute } .bs-popover-auto[x-placement^=top],.bs-popover-top { margin-bottom: .5rem } .bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow { bottom: calc(-.5rem - 1px) } .bs-popover-auto[x-placement^=top]>.arrow:before,.bs-popover-top>.arrow:before { border-top-color: rgba(8,8,8,.25); border-width: .5rem .5rem 0; bottom: 0 } .bs-popover-auto[x-placement^=top]>.arrow:after,.bs-popover-top>.arrow:after { border-top-color: #fff; border-width: .5rem .5rem 0; bottom: 1px } .bs-popover-auto[x-placement^=right],.bs-popover-right { margin-left: .5rem } .bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow { height: 1rem; left: calc(-.5rem - 1px); margin: 1rem 0; width: .5rem } .bs-popover-auto[x-placement^=right]>.arrow:before,.bs-popover-right>.arrow:before { border-right-color: rgba(8,8,8,.25); border-width: .5rem .5rem .5rem 0; left: 0 } .bs-popover-auto[x-placement^=right]>.arrow:after,.bs-popover-right>.arrow:after { border-right-color: #fff; border-width: .5rem .5rem .5rem 0; left: 1px } .bs-popover-auto[x-placement^=bottom],.bs-popover-bottom { margin-top: .5rem } .bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow { top: calc(-.5rem - 1px) } .bs-popover-auto[x-placement^=bottom]>.arrow:before,.bs-popover-bottom>.arrow:before { border-bottom-color: rgba(8,8,8,.25); border-width: 0 .5rem .5rem; top: 0 } .bs-popover-auto[x-placement^=bottom]>.arrow:after,.bs-popover-bottom>.arrow:after { border-bottom-color: #fff; border-width: 0 .5rem .5rem; top: 1px } .bs-popover-auto[x-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before { border-bottom: 1px solid #f7f7f7; content: ""; display: block; left: 50%; margin-left: -.5rem; position: absolute; top: 0; width: 1rem } .bs-popover-auto[x-placement^=left],.bs-popover-left { margin-right: .5rem } .bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow { height: 1rem; margin: 1rem 0; right: calc(-.5rem - 1px); width: .5rem } .bs-popover-auto[x-placement^=left]>.arrow:before,.bs-popover-left>.arrow:before { border-left-color: rgba(8,8,8,.25); border-width: .5rem 0 .5rem .5rem; right: 0 } .bs-popover-auto[x-placement^=left]>.arrow:after,.bs-popover-left>.arrow:after { border-left-color: #fff; border-width: .5rem 0 .5rem .5rem; right: 1px } .popover-header { background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(1rem - 1px); border-top-right-radius: calc(1rem - 1px); color: #080808; font-size: 1rem; margin-bottom: 0; padding: .5rem .75rem } .popover-header:empty { display: none } .popover-body { color: #343a40; padding: .5rem .75rem } .carousel { position: relative } .carousel.pointer-event { touch-action: pan-y } .carousel-inner { overflow: hidden; position: relative; width: 100% } .carousel-inner:after { clear: both; content: ""; display: block } .carousel-item { backface-visibility: hidden; display: none; float: left; margin-right: -100%; position: relative; transition: transform .6s ease-in-out; width: 100% } @media(prefers-reduced-motion:reduce) { .carousel-item { transition: none } } .carousel-item-next,.carousel-item-prev,.carousel-item.active { display: block } .active.carousel-item-right,.carousel-item-next:not(.carousel-item-left) { transform: translateX(100%) } .active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right) { transform: translateX(-100%) } .carousel-fade .carousel-item { opacity: 0; transform: none; transition-property: opacity } .carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active { opacity: 1; z-index: 1 } .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right { opacity: 0; transition: opacity 0s .6s; z-index: 0 } @media(prefers-reduced-motion:reduce) { .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right { transition: none } } .carousel-control-next,.carousel-control-prev { align-items: center; bottom: 0; color: #fff; display: flex; justify-content: center; opacity: .5; position: absolute; text-align: center; top: 0; transition: opacity .15s ease; width: 15%; z-index: 1 } @media(prefers-reduced-motion:reduce) { .carousel-control-next,.carousel-control-prev { transition: none } } .carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover { color: #fff; opacity: .9; outline: 0; text-decoration: none } .carousel-control-prev { background-image: linear-gradient(90deg,rgba(8,8,8,.25),rgba(8,8,8,.001)); left: 0 } .carousel-control-next { background-image: linear-gradient(270deg,rgba(8,8,8,.25),rgba(8,8,8,.001)); right: 0 } .carousel-control-next-icon,.carousel-control-prev-icon { background: no-repeat 50%/100% 100%; display: inline-block; height: 20px; width: 20px } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='m5.25 0-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E") } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='m2.75 0-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E") } .carousel-indicators { bottom: 0; display: flex; justify-content: center; left: 0; list-style: none; margin-left: 15%; margin-right: 15%; padding-left: 0; position: absolute; right: 0; z-index: 15 } .carousel-indicators li { background-clip: padding-box; background-color: #fff; border-bottom: 10px solid transparent; border-top: 10px solid transparent; box-sizing: content-box; cursor: pointer; flex: 0 1 auto; height: 3px; margin-left: 3px; margin-right: 3px; opacity: .5; text-indent: -999px; transition: opacity .6s ease; width: 30px } @media(prefers-reduced-motion:reduce) { .carousel-indicators li { transition: none } } .carousel-indicators .active { opacity: 1 } .carousel-caption { bottom: 20px; color: #fff; left: 15%; padding-bottom: 20px; padding-top: 20px; position: absolute; right: 15%; text-align: center; z-index: 10 } @keyframes spinner-border { to { transform: rotate(1turn) } } @keyframes spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1 } } .spinner-grow { animation: spinner-grow .75s linear infinite; background-color: currentColor; border-radius: 50%; display: inline-block; height: 2rem; opacity: 0; vertical-align: text-bottom; width: 2rem } .spinner-grow-sm { height: 1rem; width: 1rem } .align-baseline { vertical-align: baseline!important } .align-top { vertical-align: top!important } .align-middle { vertical-align: middle!important } .align-bottom { vertical-align: bottom!important } .align-text-bottom { vertical-align: text-bottom!important } .align-text-top { vertical-align: text-top!important } .align-sub { vertical-align: sub!important } .bg-primary { background-color: #007bff!important } a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover { background-color: #0062cc!important } .bg-secondary { background-color: #6c757d!important } a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover { background-color: #545b62!important } .bg-success { background-color: #08ce73!important } a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover { background-color: #069d58!important } .bg-info { background-color: #56b1fc!important } a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover { background-color: #249afb!important } .bg-warning { background-color: #ffc107!important } a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover { background-color: #d39e00!important } .bg-danger { background-color: #dc3545!important } a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover { background-color: #bd2130!important } .bg-light { background-color: #f8f9fa!important } a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover { background-color: #dae0e5!important } .bg-dark { background-color: #343a40!important } a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { background-color: #1d2124!important } .bg-brand { background-color: #e71c37!important } a.bg-brand:focus,a.bg-brand:hover,button.bg-brand:focus,button.bg-brand:hover { background-color: #bc142a!important } .bg-gradient-primary { background: #007bff linear-gradient(180deg,#258efe,#007bff) repeat-x!important } .bg-gradient-secondary { background: #6c757d linear-gradient(180deg,#818990,#6c757d) repeat-x!important } .bg-gradient-success { background: #08ce73 linear-gradient(180deg,#2cd487,#08ce73) repeat-x!important } .bg-gradient-info { background: #56b1fc linear-gradient(180deg,#6ebcfc,#56b1fc) repeat-x!important } .bg-gradient-warning { background: #ffc107 linear-gradient(180deg,#fec92b,#ffc107) repeat-x!important } .bg-gradient-danger { background: #dc3545 linear-gradient(180deg,#e05260,#dc3545) repeat-x!important } .bg-gradient-light { background: #f8f9fa linear-gradient(180deg,#f8f9fa,#f8f9fa) repeat-x!important } .bg-gradient-dark { background: #343a40 linear-gradient(180deg,#51575c,#343a40) repeat-x!important } .bg-gradient-brand { background: #e71c37 linear-gradient(180deg,#ea3d54,#e71c37) repeat-x!important } .bg-white { background-color: #fff!important } .bg-transparent { background-color: transparent!important } .border { border: 1px solid #dee2e6!important } .border-top { border-top: 1px solid #dee2e6!important } .border-right { border-right: 1px solid #dee2e6!important } .border-bottom { border-bottom: 1px solid #dee2e6!important } .border-left { border-left: 1px solid #dee2e6!important } .border-0 { border: 0!important } .border-top-0 { border-top: 0!important } .border-right-0 { border-right: 0!important } .border-bottom-0 { border-bottom: 0!important } .border-left-0 { border-left: 0!important } .border-primary { border-color: #007bff!important } .border-secondary { border-color: #6c757d!important } .border-success { border-color: #08ce73!important } .border-info { border-color: #56b1fc!important } .border-warning { border-color: #ffc107!important } .border-danger { border-color: #dc3545!important } .border-light { border-color: #f8f9fa!important } .border-dark { border-color: #343a40!important } .border-brand { border-color: #e71c37!important } .border-white { border-color: #fff!important } .rounded-sm { border-radius: .2rem!important } .rounded { border-radius: .25rem!important } .rounded-top { border-top-left-radius: .25rem!important } .rounded-right,.rounded-top { border-top-right-radius: .25rem!important } .rounded-bottom,.rounded-right { border-bottom-right-radius: .25rem!important } .rounded-bottom,.rounded-left { border-bottom-left-radius: .25rem!important } .rounded-left { border-top-left-radius: .25rem!important } .rounded-lg { border-radius: .3rem!important } .rounded-circle { border-radius: 50%!important } .rounded-pill { border-radius: 50rem!important } .rounded-0 { border-radius: 0!important } .rounded-xl { border-radius: 1rem } .bottom-rounded-xl { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem } .clearfix:after { clear: both; content: ""; display: block } .embed-responsive { display: block; overflow: hidden; padding: 0; position: relative; width: 100% } .embed-responsive:before { content: ""; display: block } .embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video { border: 0; bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .embed-responsive-21by9:before { padding-top: 42.8571428571% } .embed-responsive-16by9:before { padding-top: 56.25% } .embed-responsive-4by3:before { padding-top: 75% } .embed-responsive-1by1:before { padding-top: 100% } .float-left { float: left!important } .float-right { float: right!important } .float-none { float: none!important } @media(min-width: 576px) { .float-sm-left { float:left!important } .float-sm-right { float: right!important } .float-sm-none { float: none!important } } @media(min-width: 768px) { .float-md-left { float:left!important } .float-md-right { float: right!important } .float-md-none { float: none!important } } @media(min-width: 992px) { .float-lg-left { float:left!important } .float-lg-right { float: right!important } .float-lg-none { float: none!important } } @media(min-width: 1200px) { .float-xl-left { float:left!important } .float-xl-right { float: right!important } .float-xl-none { float: none!important } } .overflow-auto { overflow: auto!important } .overflow-hidden { overflow: hidden!important } .position-static { position: static!important } .position-relative { position: relative!important } .position-absolute { position: absolute!important } .position-fixed { position: fixed!important } .position-sticky { position: sticky!important } .fixed-top { top: 0 } .fixed-bottom,.fixed-top { left: 0; position: fixed; right: 0; z-index: 1030 } .fixed-bottom { bottom: 0 } @supports(position: sticky) { .sticky-top { position:sticky; top: 0; z-index: 1020 } } .sr-only-focusable:active,.sr-only-focusable:focus { clip: auto; height: auto; overflow: visible; position: static; white-space: normal; width: auto } .shadow-sm { box-shadow: 0 .125rem .25rem rgba(8,8,8,.075)!important } .shadow { box-shadow: 0 .5rem 1rem rgba(8,8,8,.15)!important } .shadow-lg { box-shadow: 0 1rem 3rem rgba(8,8,8,.175)!important } .shadow-none { box-shadow: none!important } .w-25 { width: 25%!important } .w-50 { width: 50%!important } .w-75 { width: 75%!important } .w-100 { width: 100%!important } .w-auto { width: auto!important } .h-25 { height: 25%!important } .h-50 { height: 50%!important } .h-75 { height: 75%!important } .h-100 { height: 100%!important } .h-auto { height: auto!important } .mw-100 { max-width: 100%!important } .mh-100 { max-height: 100%!important } .min-vw-100 { min-width: 100vw!important } .min-vh-100 { min-height: 100vh!important } .vw-100 { width: 100vw!important } .vh-100 { height: 100vh!important } .stretched-link:after { background-color: transparent; bottom: 0; content: ""; left: 0; pointer-events: auto; position: absolute; right: 0; top: 0; z-index: 1 } .text-monospace { font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important } .text-justify { text-align: justify!important } .text-wrap { white-space: normal!important } .text-nowrap { white-space: nowrap!important } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .text-left { text-align: left!important } .text-right { text-align: right!important } .text-center { text-align: center!important } @media(min-width: 576px) { .text-sm-left { text-align:left!important } .text-sm-right { text-align: right!important } .text-sm-center { text-align: center!important } } @media(min-width: 768px) { .text-md-left { text-align:left!important } .text-md-right { text-align: right!important } .text-md-center { text-align: center!important } } @media(min-width: 992px) { .text-lg-left { text-align:left!important } .text-lg-right { text-align: right!important } .text-lg-center { text-align: center!important } } @media(min-width: 1200px) { .text-xl-left { text-align:left!important } .text-xl-right { text-align: right!important } .text-xl-center { text-align: center!important } } .text-lowercase { text-transform: lowercase!important } .text-uppercase { text-transform: uppercase!important } .text-capitalize { text-transform: capitalize!important } .font-weight-light { font-weight: 300!important } .font-weight-lighter { font-weight: lighter!important } .font-weight-normal { font-weight: 400!important } .font-weight-bold { font-weight: 500!important } .font-weight-bolder { font-weight: bolder!important } .font-italic { font-style: italic!important } .text-white { color: #fff!important } .text-primary { color: #007bff!important } a.text-primary:focus,a.text-primary:hover { color: #0056b3!important } .text-secondary { color: #6c757d!important } a.text-secondary:focus,a.text-secondary:hover { color: #494f54!important } .text-success { color: #08ce73!important } a.text-success:focus,a.text-success:hover { color: #05844a!important } .text-info { color: #56b1fc!important } a.text-info:focus,a.text-info:hover { color: #0b8efb!important } .text-warning { color: #ffc107!important } a.text-warning:focus,a.text-warning:hover { color: #ba8b00!important } .text-danger { color: #dc3545!important } a.text-danger:focus,a.text-danger:hover { color: #a71d2a!important } .text-light { color: #f8f9fa!important } a.text-light:focus,a.text-light:hover { color: #cbd3da!important } .text-dark { color: #343a40!important } a.text-dark:focus,a.text-dark:hover { color: #121416!important } .text-brand { color: #e71c37!important } a.text-brand:focus,a.text-brand:hover { color: #a51125!important } .text-body { color: #343a40!important } .text-muted { color: #6c757d!important } .text-black-50 { color: rgba(8,8,8,.5)!important } .text-white-50 { color: hsla(0,0%,100%,.5)!important } .text-hide { background-color: transparent; border: 0; color: transparent; font: 0/0 a; text-shadow: none } .text-decoration-none { text-decoration: none!important } .text-break { overflow-wrap: break-word!important; word-break: break-word!important } .text-reset { color: inherit!important } .visible { visibility: visible!important } .invisible { visibility: hidden!important } @media print { *,:after,:before { box-shadow: none!important; text-shadow: none!important } a:not(.btn) { text-decoration: underline } abbr[title]:after { content: " (" attr(title) ")" } pre { white-space: pre-wrap!important } blockquote,pre { border: 1px solid #adb5bd; page-break-inside: avoid } thead { display: table-header-group } img,tr { page-break-inside: avoid } h2,h3,p { orphans: 3; widows: 3 } h2,h3 { page-break-after: avoid } @page { size: a3 } .container,body { min-width: 992px!important } .navbar { display: none } .badge { border: 1px solid #080808 } .table { border-collapse: collapse!important } .table td,.table th { background-color: #fff!important } .table-bordered td,.table-bordered th { border: 1px solid #dee2e6!important } .table-dark { color: inherit } .table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th { border-color: #dee2e6 } .table .thead-dark th { border-color: #dee2e6; color: inherit } } .has-float-label { position: relative } .has-float-label label { background-color: #fff; font-size: 75%; left: .5rem; line-height: 1; opacity: 1; padding: .05rem .25rem; position: absolute; top: -.5em; transition: all .2s; z-index: 3 } .has-float-label label:after { background: #fff; content: " "; display: block; height: .125rem; left: -.2em; position: absolute; right: -.2em; top: 50%; z-index: -1 } .has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder { opacity: 0 } .has-float-label .form-control:placeholder-shown:not(:focus)+label { font-size: .875rem; opacity: .5; top: .65rem } .filled-form { position: relative } .filled-form .form-control { background: none; border: none; border-bottom: .063rem solid #ced4da; border-radius: 0; box-shadow: none; padding: .375rem } .filled-form input:focus { border-bottom: 2px solid #06a75d } .filled-form input:focus~label { color: #06a75d; display: block; font-size: 70%; top: -.75rem; width: 100% } .filled-form input:valid~label { font-size: 70%; top: -.75rem } .filled-form label { color: #999; font-size: .875rem; font-weight: 400; left: .313rem; pointer-events: none; position: absolute; top: .188rem; transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; width: 100% } .filled-form.group,.has-float-select { position: relative } .has-float-select label { color: #999; font-size: 1.125rem; font-weight: 400; left: .313rem; margin-bottom: 0; pointer-events: none; position: absolute; top: .188rem; transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease } .has-float-select select:focus~label { background-color: #fff; font-size: 70%; left: .75rem; line-height: 1; opacity: 1; padding: .05rem .25rem; position: absolute; top: -.5em; transition: all .2s; z-index: 3 } .has-float-select select:not([value=""]):valid~label { background-color: #fff; display: block; font-size: 70%; left: .75rem; line-height: 1; opacity: 1; padding: .05rem .25rem; position: absolute; top: -.5em; transition: all .2s; z-index: 3 } .form-control.is-valid-noicon { border-color: #08ce73 } .form-control.is-invalid-noicon,.form-control.is-valid-noicon { background-position: right calc(.375em + .1875rem) center; background-repeat: no-repeat; background-size: calc(.75em + .375rem) calc(.75em + .375rem); padding-right: calc(1.5em + .75rem) } .form-control.is-invalid-noicon { border-color: #dc3545 } /*! * Bootstrap Grid v4.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ html { -ms-overflow-style: scrollbar; box-sizing: border-box } *,:after,:before { box-sizing: inherit } .container { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; width: 100% } @media(min-width: 576px) { .container { max-width:540px } } @media(min-width: 768px) { .container { max-width:720px } } @media(min-width: 992px) { .container { max-width:960px } } @media(min-width: 1200px) { .container { max-width:1140px } } .container-fluid,.container-lg,.container-md,.container-sm,.container-xl { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; width: 100% } @media(min-width: 576px) { .container,.container-sm { max-width:540px } } @media(min-width: 768px) { .container,.container-md,.container-sm { max-width:720px } } @media(min-width: 992px) { .container,.container-lg,.container-md,.container-sm { max-width:960px } } @media(min-width: 1200px) { .container,.container-lg,.container-md,.container-sm,.container-xl { max-width:1140px } } .row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px } .no-gutters { margin-left: 0; margin-right: 0 } .no-gutters>.col,.no-gutters>[class*=col-] { padding-left: 0; padding-right: 0 } .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto { padding-left: 15px; padding-right: 15px; position: relative; width: 100% } .col { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-1>* { flex: 0 0 100%; max-width: 100% } .row-cols-2>* { flex: 0 0 50%; max-width: 50% } .row-cols-3>* { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-5>* { flex: 0 0 20%; max-width: 20% } .row-cols-6>* { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-auto { flex: 0 0 auto; max-width: 100%; width: auto } .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-3 { flex: 0 0 25%; max-width: 25% } .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-6 { flex: 0 0 50%; max-width: 50% } .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-9 { flex: 0 0 75%; max-width: 75% } .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-12 { flex: 0 0 100%; max-width: 100% } .order-first { order: -1 } .order-last { order: 13 } .order-0 { order: 0 } .order-1 { order: 1 } .order-2 { order: 2 } .order-3 { order: 3 } .order-4 { order: 4 } .order-5 { order: 5 } .order-6 { order: 6 } .order-7 { order: 7 } .order-8 { order: 8 } .order-9 { order: 9 } .order-10 { order: 10 } .order-11 { order: 11 } .order-12 { order: 12 } .offset-1 { margin-left: 8.3333333333% } .offset-2 { margin-left: 16.6666666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.3333333333% } .offset-5 { margin-left: 41.6666666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.3333333333% } .offset-8 { margin-left: 66.6666666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.3333333333% } .offset-11 { margin-left: 91.6666666667% } @media(min-width: 576px) { .col-sm { flex-basis:0; flex-grow: 1; max-width: 100% } .row-cols-sm-1>* { flex: 0 0 100%; max-width: 100% } .row-cols-sm-2>* { flex: 0 0 50%; max-width: 50% } .row-cols-sm-3>* { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-sm-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-sm-5>* { flex: 0 0 20%; max-width: 20% } .row-cols-sm-6>* { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-sm-auto { flex: 0 0 auto; max-width: 100%; width: auto } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-sm-3 { flex: 0 0 25%; max-width: 25% } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-sm-6 { flex: 0 0 50%; max-width: 50% } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-sm-9 { flex: 0 0 75%; max-width: 75% } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-sm-12 { flex: 0 0 100%; max-width: 100% } .order-sm-first { order: -1 } .order-sm-last { order: 13 } .order-sm-0 { order: 0 } .order-sm-1 { order: 1 } .order-sm-2 { order: 2 } .order-sm-3 { order: 3 } .order-sm-4 { order: 4 } .order-sm-5 { order: 5 } .order-sm-6 { order: 6 } .order-sm-7 { order: 7 } .order-sm-8 { order: 8 } .order-sm-9 { order: 9 } .order-sm-10 { order: 10 } .order-sm-11 { order: 11 } .order-sm-12 { order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.3333333333% } .offset-sm-2 { margin-left: 16.6666666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.3333333333% } .offset-sm-5 { margin-left: 41.6666666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.3333333333% } .offset-sm-8 { margin-left: 66.6666666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.3333333333% } .offset-sm-11 { margin-left: 91.6666666667% } } @media(min-width: 768px) { .col-md { flex-basis:0; flex-grow: 1; max-width: 100% } .row-cols-md-1>* { flex: 0 0 100%; max-width: 100% } .row-cols-md-2>* { flex: 0 0 50%; max-width: 50% } .row-cols-md-3>* { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-md-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-md-5>* { flex: 0 0 20%; max-width: 20% } .row-cols-md-6>* { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-md-auto { flex: 0 0 auto; max-width: 100%; width: auto } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-md-3 { flex: 0 0 25%; max-width: 25% } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-md-6 { flex: 0 0 50%; max-width: 50% } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-md-9 { flex: 0 0 75%; max-width: 75% } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-md-12 { flex: 0 0 100%; max-width: 100% } .order-md-first { order: -1 } .order-md-last { order: 13 } .order-md-0 { order: 0 } .order-md-1 { order: 1 } .order-md-2 { order: 2 } .order-md-3 { order: 3 } .order-md-4 { order: 4 } .order-md-5 { order: 5 } .order-md-6 { order: 6 } .order-md-7 { order: 7 } .order-md-8 { order: 8 } .order-md-9 { order: 9 } .order-md-10 { order: 10 } .order-md-11 { order: 11 } .order-md-12 { order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.3333333333% } .offset-md-2 { margin-left: 16.6666666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.3333333333% } .offset-md-5 { margin-left: 41.6666666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.3333333333% } .offset-md-8 { margin-left: 66.6666666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.3333333333% } .offset-md-11 { margin-left: 91.6666666667% } } @media(min-width: 992px) { .col-lg { flex-basis:0; flex-grow: 1; max-width: 100% } .row-cols-lg-1>* { flex: 0 0 100%; max-width: 100% } .row-cols-lg-2>* { flex: 0 0 50%; max-width: 50% } .row-cols-lg-3>* { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-lg-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-lg-5>* { flex: 0 0 20%; max-width: 20% } .row-cols-lg-6>* { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-lg-auto { flex: 0 0 auto; max-width: 100%; width: auto } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-lg-3 { flex: 0 0 25%; max-width: 25% } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-lg-6 { flex: 0 0 50%; max-width: 50% } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-lg-9 { flex: 0 0 75%; max-width: 75% } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-lg-12 { flex: 0 0 100%; max-width: 100% } .order-lg-first { order: -1 } .order-lg-last { order: 13 } .order-lg-0 { order: 0 } .order-lg-1 { order: 1 } .order-lg-2 { order: 2 } .order-lg-3 { order: 3 } .order-lg-4 { order: 4 } .order-lg-5 { order: 5 } .order-lg-6 { order: 6 } .order-lg-7 { order: 7 } .order-lg-8 { order: 8 } .order-lg-9 { order: 9 } .order-lg-10 { order: 10 } .order-lg-11 { order: 11 } .order-lg-12 { order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.3333333333% } .offset-lg-2 { margin-left: 16.6666666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.3333333333% } .offset-lg-5 { margin-left: 41.6666666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.3333333333% } .offset-lg-8 { margin-left: 66.6666666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.3333333333% } .offset-lg-11 { margin-left: 91.6666666667% } } @media(min-width: 1200px) { .col-xl { flex-basis:0; flex-grow: 1; max-width: 100% } .row-cols-xl-1>* { flex: 0 0 100%; max-width: 100% } .row-cols-xl-2>* { flex: 0 0 50%; max-width: 50% } .row-cols-xl-3>* { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-xl-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-xl-5>* { flex: 0 0 20%; max-width: 20% } .row-cols-xl-6>* { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-xl-auto { flex: 0 0 auto; max-width: 100%; width: auto } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-xl-3 { flex: 0 0 25%; max-width: 25% } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-xl-6 { flex: 0 0 50%; max-width: 50% } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-xl-9 { flex: 0 0 75%; max-width: 75% } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-xl-12 { flex: 0 0 100%; max-width: 100% } .order-xl-first { order: -1 } .order-xl-last { order: 13 } .order-xl-0 { order: 0 } .order-xl-1 { order: 1 } .order-xl-2 { order: 2 } .order-xl-3 { order: 3 } .order-xl-4 { order: 4 } .order-xl-5 { order: 5 } .order-xl-6 { order: 6 } .order-xl-7 { order: 7 } .order-xl-8 { order: 8 } .order-xl-9 { order: 9 } .order-xl-10 { order: 10 } .order-xl-11 { order: 11 } .order-xl-12 { order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.3333333333% } .offset-xl-2 { margin-left: 16.6666666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.3333333333% } .offset-xl-5 { margin-left: 41.6666666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.3333333333% } .offset-xl-8 { margin-left: 66.6666666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.3333333333% } .offset-xl-11 { margin-left: 91.6666666667% } } .d-none { display: none!important } .d-inline { display: inline!important } .d-inline-block { display: inline-block!important } .d-block { display: block!important } .d-table { display: table!important } .d-table-row { display: table-row!important } .d-table-cell { display: table-cell!important } .d-flex { display: flex!important } .d-inline-flex { display: inline-flex!important } @media(min-width: 576px) { .d-sm-none { display:none!important } .d-sm-inline { display: inline!important } .d-sm-inline-block { display: inline-block!important } .d-sm-block { display: block!important } .d-sm-table { display: table!important } .d-sm-table-row { display: table-row!important } .d-sm-table-cell { display: table-cell!important } .d-sm-flex { display: flex!important } .d-sm-inline-flex { display: inline-flex!important } } @media(min-width: 768px) { .d-md-none { display:none!important } .d-md-inline { display: inline!important } .d-md-inline-block { display: inline-block!important } .d-md-block { display: block!important } .d-md-table { display: table!important } .d-md-table-row { display: table-row!important } .d-md-table-cell { display: table-cell!important } .d-md-flex { display: flex!important } .d-md-inline-flex { display: inline-flex!important } } @media(min-width: 992px) { .d-lg-none { display:none!important } .d-lg-inline { display: inline!important } .d-lg-inline-block { display: inline-block!important } .d-lg-block { display: block!important } .d-lg-table { display: table!important } .d-lg-table-row { display: table-row!important } .d-lg-table-cell { display: table-cell!important } .d-lg-flex { display: flex!important } .d-lg-inline-flex { display: inline-flex!important } } @media(min-width: 1200px) { .d-xl-none { display:none!important } .d-xl-inline { display: inline!important } .d-xl-inline-block { display: inline-block!important } .d-xl-block { display: block!important } .d-xl-table { display: table!important } .d-xl-table-row { display: table-row!important } .d-xl-table-cell { display: table-cell!important } .d-xl-flex { display: flex!important } .d-xl-inline-flex { display: inline-flex!important } } @media print { .d-print-none { display: none!important } .d-print-inline { display: inline!important } .d-print-inline-block { display: inline-block!important } .d-print-block { display: block!important } .d-print-table { display: table!important } .d-print-table-row { display: table-row!important } .d-print-table-cell { display: table-cell!important } .d-print-flex { display: flex!important } .d-print-inline-flex { display: inline-flex!important } } .flex-row { flex-direction: row!important } .flex-column { flex-direction: column!important } .flex-row-reverse { flex-direction: row-reverse!important } .flex-column-reverse { flex-direction: column-reverse!important } .flex-wrap { flex-wrap: wrap!important } .flex-nowrap { flex-wrap: nowrap!important } .flex-wrap-reverse { flex-wrap: wrap-reverse!important } .flex-fill { flex: 1 1 auto!important } .flex-grow-0 { flex-grow: 0!important } .flex-grow-1 { flex-grow: 1!important } .flex-shrink-0 { flex-shrink: 0!important } .flex-shrink-1 { flex-shrink: 1!important } .justify-content-start { justify-content: flex-start!important } .justify-content-end { justify-content: flex-end!important } .justify-content-center { justify-content: center!important } .justify-content-between { justify-content: space-between!important } .justify-content-around { justify-content: space-around!important } .align-items-start { align-items: flex-start!important } .align-items-end { align-items: flex-end!important } .align-items-center { align-items: center!important } .align-items-baseline { align-items: baseline!important } .align-items-stretch { align-items: stretch!important } .align-content-start { align-content: flex-start!important } .align-content-end { align-content: flex-end!important } .align-content-center { align-content: center!important } .align-content-between { align-content: space-between!important } .align-content-around { align-content: space-around!important } .align-content-stretch { align-content: stretch!important } .align-self-auto { align-self: auto!important } .align-self-start { align-self: flex-start!important } .align-self-end { align-self: flex-end!important } .align-self-center { align-self: center!important } .align-self-baseline { align-self: baseline!important } .align-self-stretch { align-self: stretch!important } @media(min-width: 576px) { .flex-sm-row { flex-direction:row!important } .flex-sm-column { flex-direction: column!important } .flex-sm-row-reverse { flex-direction: row-reverse!important } .flex-sm-column-reverse { flex-direction: column-reverse!important } .flex-sm-wrap { flex-wrap: wrap!important } .flex-sm-nowrap { flex-wrap: nowrap!important } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse!important } .flex-sm-fill { flex: 1 1 auto!important } .flex-sm-grow-0 { flex-grow: 0!important } .flex-sm-grow-1 { flex-grow: 1!important } .flex-sm-shrink-0 { flex-shrink: 0!important } .flex-sm-shrink-1 { flex-shrink: 1!important } .justify-content-sm-start { justify-content: flex-start!important } .justify-content-sm-end { justify-content: flex-end!important } .justify-content-sm-center { justify-content: center!important } .justify-content-sm-between { justify-content: space-between!important } .justify-content-sm-around { justify-content: space-around!important } .align-items-sm-start { align-items: flex-start!important } .align-items-sm-end { align-items: flex-end!important } .align-items-sm-center { align-items: center!important } .align-items-sm-baseline { align-items: baseline!important } .align-items-sm-stretch { align-items: stretch!important } .align-content-sm-start { align-content: flex-start!important } .align-content-sm-end { align-content: flex-end!important } .align-content-sm-center { align-content: center!important } .align-content-sm-between { align-content: space-between!important } .align-content-sm-around { align-content: space-around!important } .align-content-sm-stretch { align-content: stretch!important } .align-self-sm-auto { align-self: auto!important } .align-self-sm-start { align-self: flex-start!important } .align-self-sm-end { align-self: flex-end!important } .align-self-sm-center { align-self: center!important } .align-self-sm-baseline { align-self: baseline!important } .align-self-sm-stretch { align-self: stretch!important } } @media(min-width: 768px) { .flex-md-row { flex-direction:row!important } .flex-md-column { flex-direction: column!important } .flex-md-row-reverse { flex-direction: row-reverse!important } .flex-md-column-reverse { flex-direction: column-reverse!important } .flex-md-wrap { flex-wrap: wrap!important } .flex-md-nowrap { flex-wrap: nowrap!important } .flex-md-wrap-reverse { flex-wrap: wrap-reverse!important } .flex-md-fill { flex: 1 1 auto!important } .flex-md-grow-0 { flex-grow: 0!important } .flex-md-grow-1 { flex-grow: 1!important } .flex-md-shrink-0 { flex-shrink: 0!important } .flex-md-shrink-1 { flex-shrink: 1!important } .justify-content-md-start { justify-content: flex-start!important } .justify-content-md-end { justify-content: flex-end!important } .justify-content-md-center { justify-content: center!important } .justify-content-md-between { justify-content: space-between!important } .justify-content-md-around { justify-content: space-around!important } .align-items-md-start { align-items: flex-start!important } .align-items-md-end { align-items: flex-end!important } .align-items-md-center { align-items: center!important } .align-items-md-baseline { align-items: baseline!important } .align-items-md-stretch { align-items: stretch!important } .align-content-md-start { align-content: flex-start!important } .align-content-md-end { align-content: flex-end!important } .align-content-md-center { align-content: center!important } .align-content-md-between { align-content: space-between!important } .align-content-md-around { align-content: space-around!important } .align-content-md-stretch { align-content: stretch!important } .align-self-md-auto { align-self: auto!important } .align-self-md-start { align-self: flex-start!important } .align-self-md-end { align-self: flex-end!important } .align-self-md-center { align-self: center!important } .align-self-md-baseline { align-self: baseline!important } .align-self-md-stretch { align-self: stretch!important } } @media(min-width: 992px) { .flex-lg-row { flex-direction:row!important } .flex-lg-column { flex-direction: column!important } .flex-lg-row-reverse { flex-direction: row-reverse!important } .flex-lg-column-reverse { flex-direction: column-reverse!important } .flex-lg-wrap { flex-wrap: wrap!important } .flex-lg-nowrap { flex-wrap: nowrap!important } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse!important } .flex-lg-fill { flex: 1 1 auto!important } .flex-lg-grow-0 { flex-grow: 0!important } .flex-lg-grow-1 { flex-grow: 1!important } .flex-lg-shrink-0 { flex-shrink: 0!important } .flex-lg-shrink-1 { flex-shrink: 1!important } .justify-content-lg-start { justify-content: flex-start!important } .justify-content-lg-end { justify-content: flex-end!important } .justify-content-lg-center { justify-content: center!important } .justify-content-lg-between { justify-content: space-between!important } .justify-content-lg-around { justify-content: space-around!important } .align-items-lg-start { align-items: flex-start!important } .align-items-lg-end { align-items: flex-end!important } .align-items-lg-center { align-items: center!important } .align-items-lg-baseline { align-items: baseline!important } .align-items-lg-stretch { align-items: stretch!important } .align-content-lg-start { align-content: flex-start!important } .align-content-lg-end { align-content: flex-end!important } .align-content-lg-center { align-content: center!important } .align-content-lg-between { align-content: space-between!important } .align-content-lg-around { align-content: space-around!important } .align-content-lg-stretch { align-content: stretch!important } .align-self-lg-auto { align-self: auto!important } .align-self-lg-start { align-self: flex-start!important } .align-self-lg-end { align-self: flex-end!important } .align-self-lg-center { align-self: center!important } .align-self-lg-baseline { align-self: baseline!important } .align-self-lg-stretch { align-self: stretch!important } } @media(min-width: 1200px) { .flex-xl-row { flex-direction:row!important } .flex-xl-column { flex-direction: column!important } .flex-xl-row-reverse { flex-direction: row-reverse!important } .flex-xl-column-reverse { flex-direction: column-reverse!important } .flex-xl-wrap { flex-wrap: wrap!important } .flex-xl-nowrap { flex-wrap: nowrap!important } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse!important } .flex-xl-fill { flex: 1 1 auto!important } .flex-xl-grow-0 { flex-grow: 0!important } .flex-xl-grow-1 { flex-grow: 1!important } .flex-xl-shrink-0 { flex-shrink: 0!important } .flex-xl-shrink-1 { flex-shrink: 1!important } .justify-content-xl-start { justify-content: flex-start!important } .justify-content-xl-end { justify-content: flex-end!important } .justify-content-xl-center { justify-content: center!important } .justify-content-xl-between { justify-content: space-between!important } .justify-content-xl-around { justify-content: space-around!important } .align-items-xl-start { align-items: flex-start!important } .align-items-xl-end { align-items: flex-end!important } .align-items-xl-center { align-items: center!important } .align-items-xl-baseline { align-items: baseline!important } .align-items-xl-stretch { align-items: stretch!important } .align-content-xl-start { align-content: flex-start!important } .align-content-xl-end { align-content: flex-end!important } .align-content-xl-center { align-content: center!important } .align-content-xl-between { align-content: space-between!important } .align-content-xl-around { align-content: space-around!important } .align-content-xl-stretch { align-content: stretch!important } .align-self-xl-auto { align-self: auto!important } .align-self-xl-start { align-self: flex-start!important } .align-self-xl-end { align-self: flex-end!important } .align-self-xl-center { align-self: center!important } .align-self-xl-baseline { align-self: baseline!important } .align-self-xl-stretch { align-self: stretch!important } } .m-0 { margin: 0!important } .mt-0,.my-0 { margin-top: 0!important } .mr-0,.mx-0 { margin-right: 0!important } .mb-0,.my-0 { margin-bottom: 0!important } .ml-0,.mx-0 { margin-left: 0!important } .m-1 { margin: .25rem!important } .mt-1,.my-1 { margin-top: .25rem!important } .mr-1,.mx-1 { margin-right: .25rem!important } .mb-1,.my-1 { margin-bottom: .25rem!important } .ml-1,.mx-1 { margin-left: .25rem!important } .m-2 { margin: .5rem!important } .mt-2,.my-2 { margin-top: .5rem!important } .mr-2,.mx-2 { margin-right: .5rem!important } .mb-2,.my-2 { margin-bottom: .5rem!important } .ml-2,.mx-2 { margin-left: .5rem!important } .m-3 { margin: 1rem!important } .mt-3,.my-3 { margin-top: 1rem!important } .mr-3,.mx-3 { margin-right: 1rem!important } .mb-3,.my-3 { margin-bottom: 1rem!important } .ml-3,.mx-3 { margin-left: 1rem!important } .m-4 { margin: 1.5rem!important } .mt-4,.my-4 { margin-top: 1.5rem!important } .mr-4,.mx-4 { margin-right: 1.5rem!important } .mb-4,.my-4 { margin-bottom: 1.5rem!important } .ml-4,.mx-4 { margin-left: 1.5rem!important } .m-5 { margin: 3rem!important } .mt-5,.my-5 { margin-top: 3rem!important } .mr-5,.mx-5 { margin-right: 3rem!important } .mb-5,.my-5 { margin-bottom: 3rem!important } .ml-5,.mx-5 { margin-left: 3rem!important } .p-0 { padding: 0!important } .pt-0,.py-0 { padding-top: 0!important } .pr-0,.px-0 { padding-right: 0!important } .pb-0,.py-0 { padding-bottom: 0!important } .pl-0,.px-0 { padding-left: 0!important } .p-1 { padding: .25rem!important } .pt-1,.py-1 { padding-top: .25rem!important } .pr-1,.px-1 { padding-right: .25rem!important } .pb-1,.py-1 { padding-bottom: .25rem!important } .pl-1,.px-1 { padding-left: .25rem!important } .p-2 { padding: .5rem!important } .pt-2,.py-2 { padding-top: .5rem!important } .pr-2,.px-2 { padding-right: .5rem!important } .pb-2,.py-2 { padding-bottom: .5rem!important } .pl-2,.px-2 { padding-left: .5rem!important } .p-3 { padding: 1rem!important } .pt-3,.py-3 { padding-top: 1rem!important } .pr-3,.px-3 { padding-right: 1rem!important } .pb-3,.py-3 { padding-bottom: 1rem!important } .pl-3,.px-3 { padding-left: 1rem!important } .p-4 { padding: 1.5rem!important } .pt-4,.py-4 { padding-top: 1.5rem!important } .pr-4,.px-4 { padding-right: 1.5rem!important } .pb-4,.py-4 { padding-bottom: 1.5rem!important } .pl-4,.px-4 { padding-left: 1.5rem!important } .p-5 { padding: 3rem!important } .pt-5,.py-5 { padding-top: 3rem!important } .pr-5,.px-5 { padding-right: 3rem!important } .pb-5,.py-5 { padding-bottom: 3rem!important } .pl-5,.px-5 { padding-left: 3rem!important } .m-n1 { margin: -.25rem!important } .mt-n1,.my-n1 { margin-top: -.25rem!important } .mr-n1,.mx-n1 { margin-right: -.25rem!important } .mb-n1,.my-n1 { margin-bottom: -.25rem!important } .ml-n1,.mx-n1 { margin-left: -.25rem!important } .m-n2 { margin: -.5rem!important } .mt-n2,.my-n2 { margin-top: -.5rem!important } .mr-n2,.mx-n2 { margin-right: -.5rem!important } .mb-n2,.my-n2 { margin-bottom: -.5rem!important } .ml-n2,.mx-n2 { margin-left: -.5rem!important } .m-n3 { margin: -1rem!important } .mt-n3,.my-n3 { margin-top: -1rem!important } .mr-n3,.mx-n3 { margin-right: -1rem!important } .mb-n3,.my-n3 { margin-bottom: -1rem!important } .ml-n3,.mx-n3 { margin-left: -1rem!important } /* Extracted from */ #pagination { margin: 40 40 0; } ul.tsc_pagination li a { border: solid 1px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 6px 9px 6px 9px; } ul.tsc_pagination li { padding-bottom: 1px; } ul.tsc_pagination li a:hover, ul.tsc_pagination li a.current { color: #FFFFFF; box-shadow: 0px 1px #EDEDED; -moz-box-shadow: 0px 1px #EDEDED; -webkit-box-shadow: 0px 1px #EDEDED; } ul.tsc_pagination { margin: 4px 0; padding: 0px; height: 100%; overflow: hidden; font: 12px 'Tahoma'; list-style-type: none; } ul.tsc_pagination li { float: left; margin: 0px; padding: 0px; margin-left: 5px; } ul.tsc_pagination li a { color: black; display: block; text-decoration: none; padding: 7px 10px 7px 10px; } ul.tsc_pagination li a img { border: none; } ul.tsc_pagination li a { color: #0A7EC5; border-color: #8DC5E6; background: #F8FCFF; } ul.tsc_pagination li a:hover, ul.tsc_pagination li a.current { text-shadow: 0px 1px #388DBE; border-color: #3390CA; background: #58B0E7; background: -moz-linear-gradient(top, #B4F6FF 1px, #63D0FE 1px, #58B0E7); background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #B4F6FF), color-stop(0.02, #63D0FE), color-stop(1, #58B0E7)); } /* Extracted from */ /* General Table Styling */ .table { width: 100%; border-collapse: collapse; font-family: 'Arial', sans-serif; margin: 20px 0; border: 1px solid #ddd; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .table thead { background: linear-gradient(90deg, #00bcd4, #00bcd4); color: white; } .table thead th { padding: 12px 15px; text-align: left; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; } .table tbody tr { border-bottom: 1px solid #ddd; transition: background-color 0.2s; } .table tbody tr:hover { background-color: #f9f9f9; } .table td { padding: 10px 15px; font-size: 14px; color: #333; text-align: left; } /* Button Styling */ .table a.btn { padding: 6px 12px; font-size: 14px; font-weight: bold; color: #fff; background: #28a745; border: none; border-radius: 4px; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; transition: background-color 0.3s; } .table a.btn:hover { background-color: #218838; } .table a.btn i { margin-right: 5px; } /* Responsive Adjustments */ @media (max-width: 768px) { .table thead { display: none; } .table tbody tr { display: block; margin-bottom: 15px; } .table tbody td { /*display: flex;*/ justify-content: space-between; padding: 8px 10px; border-bottom: 1px solid #ddd; } .table tbody td::before { content: attr(data-label); font-weight: bold; color: #555; margin-right: 10px; } .table a.btn { font-size: 12px; padding: 4px 8px; } } /* Extracted from */ warning.active, .btn-warning:active, .show>.btn-warning.dropdown-toggle { color: #fff; background-color: #f1740c; border-color: #f5bb0e; } .heading { font-size: 18px; } .para { font-weight: 600; } .feedback-level { /*display: flex;*/ justify-content: space-between; align-items: center; } .level { background: white; padding: 13px; border-radius: 7px; border: solid 0.5px #e0e9fe; cursor: pointer; width: 15%; } .level:hover { box-shadow: #16a7b7 0 2px 5px; } .level:hover i { color: #FF5722; } .level i { font-size: 88px; } .feedback-msg textarea { margin-top: 5px; border: solid 2px #e0e9fe; padding: 13px; border-radius: 7px; outline: none; font-size: 14px; color: #4b537c; font-weight: 500; letter-spacing: 1px; width: 100%; height: 80px; resize: none; } .agreement .checkbox { display: flex; gap: 5px; align-items: center; margin-bottom: 5px; } .agreement input { accent-color: #ff71a4; } .agreement a { color: #ff71a4; font-size: 12px; font-weight: 600; } .agreement label { font-size: 12px; font-weight: 600; } .buttons { display: flex; gap: 10px; justify-content: end; } .buttons a { background: white; color: #4b537c; width: 80px; padding: 10px; text-align: center; border-radius: 4px; } .buttons a:hover { opacity: 0.9; } .buttons a:nth-child(1) { background: #fe71a4; color: #f8faff; } /* Extracted from */ .container1 { background: #f8faff; color: #4b537c; width: 100%; max-width: 900px; padding: 40px; border-radius: 15px; margin: 0 auto; margin-top: 50px; box-shadow: #dee8fe 0 10px 20px 5px; display: flex; flex-direction: column; gap: 15px; } .manbtn button { margin-bottom: 10px; } /* Extracted from */ .eaprequest-box { width:1100px; height:40px; background-color: #e1d7d7; padding: 5px; border-radious:5px; border: 1px solid #ccc; text-align:center; } .eaprequest { // width:600px; //height:40px; // background-color: #ccc; color: green; !important; padding: 5px; ligne-height:60px; font-weight:bold; // border: 1px solid gray; } /* Extracted from */ @charset "UTF-8"; /****** UTILS ******/ /*** default values ***/ /***** custom values *****/ /***** Grid Values *****/ /** Extends **/ @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"); .upload-wrap, .login-page .login-right, .listing-day, .doctor-action, .doc-times, .css-equal-content, .css-equal-heights { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .banner-section-fourteen .search-box-fourteen .form-block { flex-direction: column; } .h3, h3 { font-size: 2.5rem; font-weight: 800; color: #f17732; } .sec-title-style1 { position: relative; display: block; margin-top: -9px; padding-bottom: 50px; } .sec-title-style1.max-width{ position: relative; display: block; max-width: 770px; margin: -9px auto 0; padding-bottom: 52px; } .sec-title-style1.pabottom50 { padding-bottom: 42px; } .sec-title-style1 .title { position: relative; display: block; color: #131313; font-size: 36px; line-height: 46px; font-weight: 700; text-transform: uppercase; } .sec-title-style1 .title.clr-white{ color: #ffffff; } .sec-title-style1 .decor { position: relative; display: block; width: 70px; height: 5px; margin: 19px 0 0; } .sec-title-style1 .decor:before{ position: absolute; top: 0; right: 0; bottom: 0; width: 5px; height: 5px; background: #FFA500; border-radius: 50%; content: ""; } .sec-title-style1 .decor:after{ position: absolute; top: 0; right: 10px; bottom: 0; width: 5px; height: 5px; background: #FFA500; border-radius: 50%; content: ""; } .sec-title-style1 .decor span { position: absolute; top: 0; left: 0; bottom: 0; width: 50px; height: 1px; background: #FFA500; margin: 2px 0; } .sec-title-style1 .text{ position: relative; display: block; margin: 7px 0 0; } .sec-title-style1 .text p{ position: relative; display: inline-block; padding: 0 15px; color: #131313; font-size: 14px; line-height: 16px; font-weight: 700; text-transform: uppercase; margin: 0; } .sec-title-style1 .text.clr-yellow p{ color: #FFA500; } .sec-title-style1 .text .decor-left{ position: relative; top: -2px; display: inline-block; width: 70px; height: 5px; background: transparent; } .sec-title-style1 .text .decor-left span { position: absolute; top: 0; left: 0; bottom: 0; width: 50px; height: 1px; background: #FFA500; content: ""; margin: 2px 0; } .sec-title-style1 .text .decor-left:before{ position: absolute; top: 0; right: 0; bottom: 0; width: 5px; height: 5px; background: #FFA500; border-radius: 50%; content: ""; } .sec-title-style1 .text .decor-left:after{ position: absolute; top: 0; right: 10px; bottom: 0; width: 5px; height: 5px; background: #FFA500; border-radius: 50%; content: ""; } .sec-title-style1 .text .decor-right{ position: relative; top: -2px; display: inline-block; width: 70px; height: 5px; background: transparent; } .sec-title-style1 .text .decor-right span { position: absolute; top: 0; right: 0; bottom: 0; width: 50px; height: 1px; background: #FFA500; content: ""; margin: 2px 0; } .sec-title-style1 .text .decor-right:before{ position: absolute; top: 0; left: 0; bottom: 0; width: 5px; height: 5px; background: #FFA500; border-radius: 50%; content: ""; } .sec-title-style1 .text .decor-right:after{ position: absolute; top: 0; left: 10px; bottom: 0; width: 5px; height: 5px; background: #FFA500; border-radius: 50%; content: ""; } .sec-title-style1 .bottom-text{ position: relative; display: block; padding-top: 16px; } .sec-title-style1 .bottom-text p{ color: #848484; font-size: 16px; line-height: 26px; font-weight: 400; margin: 0; } .sec-title-style1 .bottom-text.clr-gray p{ color: #cdcdcd; } .contact-address-area{ position: relative; display: block; background: #ffffff; /*padding: 100px 0 120px;*/ } .contact-address-area .sec-title-style1.max-width { padding-bottom: 72px; } .contact-address-box{ display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; align-items: center; } .single-contact-address-box { position: relative; display: block; background: #131313; padding: 85px 30px 77px; } .single-contact-address-box .icon-holder{ position: relative; display: block; padding-bottom: 24px; } .single-contact-address-box .icon-holder span:before{ font-size: 75px; } .single-contact-address-box h3{ color: #ffffff; margin: 0px 0 9px; } .single-contact-address-box h2{ color: #FFA500; font-size: 10px; margin: 0 0 19px; } .single-contact-address-box a{ color: #ffffff; } .single-contact-address-box.main-branch { background: #FFA500; padding: 53px 30px 51px; margin-top: -20px; margin-bottom: -20px; } .single-contact-address-box.main-branch h3{ color: #131313; font-size: 18px; font-weight: 700; margin: 0 0 38px; text-transform: uppercase; text-align: center; } .single-contact-address-box.main-branch .inner{ position: relative; display: block; } .single-contact-address-box.main-branch .inner ul{ position: relative; display: block; overflow: hidden; } .single-contact-address-box.main-branch .inner ul li{ position: relative; display: block; padding-left: 110px; border-bottom: 1px solid #737373; padding-bottom: 23px; margin-bottom: 24px; } .single-contact-address-box.main-branch .inner ul li:last-child{ border: none; margin-bottom: 0; padding-bottom: 0; } .single-contact-address-box.main-branch .inner ul li .title{ position: absolute; top: 2px; left: 0; display: inline-block; } .single-contact-address-box.main-branch .inner ul li .title h4{ color: #131313; font-size: 18px; font-weight: 600; line-height: 24px; text-transform: capitalize; border-bottom: 2px solid #a5821e; } .single-contact-address-box.main-branch .inner ul li .text{ position: relative; display: block; } .single-contact-address-box.main-branch .inner ul li .text p{ color: #131313; font-size: 16px; line-height: 24px; font-weight: 600; margin: 0; } .contact-info-area { position: relative; display: block; background: #ffffff; margin-bottom: 30px; } .contact-form { position: relative; display: block; background: #ffffff; padding: 100px 60px 80px; -webkit-box-shadow: 0px 3px 8px 2px #ededed; box-shadow: 0px 3px 8px 2px #ededed; z-index: 3; } .contact-form .sec-title-style1{ position: relative; display: block; padding-bottom: 51px; width: 50%; } .contact-form .text-box{ position: relative; display: block; margin-top: 19px; width: 50%; } .contact-form .text p{ color: #848484; line-height: 26px; margin: 0; } .contact-form .inner-box{ position: relative; display: block; background: #ffffff; } .contact-form form{ position: relative; display: block; } .contact-form form .input-box{ position: relative; display: block; } .contact-form form input[type="text"], .contact-form form input[type="email"], .contact-form form textarea{ position: relative; display: block; background: #ffffff; border: 1px solid #eeeeee; width: 100%; height: 55px; font-size: 16px; padding-left: 19px; padding-right: 15px; border-radius: 0px; margin-bottom: 20px; transition: all 500ms ease; } .contact-form form textarea { height: 130px; padding-left: 19px; padding-right: 15px; padding-top: 14px; padding-bottom: 15px; } .contact-form form input[type="text"]:focus{ color: #222222; border-color: #d4d4d4; } .contact-form form input[type="email"]:focus{ color: #222222; border-color: #d4d4d4; } .contact-form form textarea:focus{ color: #222222; border-color: #d4d4d4; } .contact-form form input[type="text"]::-webkit-input-placeholder { color: #848484; } .contact-form form input[type="text"]:-moz-placeholder { color: #848484; } .contact-form form input[type="text"]::-moz-placeholder { color: #848484; } .contact-form form input[type="text"]:-ms-input-placeholder { color: #848484; } .contact-form form input[type="email"]::-webkit-input-placeholder { color: #848484; } .contact-form form input[type="email"]:-moz-placeholder { color: #848484; } .contact-form form input[type="email"]::-moz-placeholder { color: #848484; } .contact-form form input[type="email"]:-ms-input-placeholder { color: #848484; } .contact-form form button { position: relative; display: block; width: 100%; background: #FFA500; border: 1px solid #FFA500; color: #131313; font-size: 16px; line-height: 55px; font-weight: 600; text-align: center; text-transform: capitalize; transition: all 200ms linear; transition-delay: 0.1s; cursor: pointer; } .contact-form form button:hover{ color: #ffffff; background: #131313; } .banner-section-fourteen .search-box-fourteen .form-block .search-input { margin: 0 15px 0 0; } .banner-section-fourteen .search-box-fourteen .form-block .search-input { width: 100%; } .banner-section-fourteen .search-box-fourteen .form-block .search-input input { min-height: 40px; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; } .banner-section-fourteen .search-box-fourteen .form-block .search-input input::placeholder { color: #1F2937; font-weight: 600; } .banner-section-fourteen .search-box-fourteen .form-block .search-input .forms-block { margin-bottom: 0; } .banner-section-fourteen .search-box-fourteen .form-block .search-input label { color: #6B7280; } .banner-section-fourteen .search-box-fourteen .search-btn { width: auto; margin: -8px 0 0 0; } .banner-section-fourteen .search-box-fourteen .search-btn { width: 100%; margin: 0 0 0 0; } .banner-section-fourteen .search-box-fourteen .search-btn .btn-primary { background: #0E82FD; border: 1px solid #0E82FD; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; padding: 14px 16px; font-weight: 600; } .banner-section-fourteen .search-box-fourteen .search-btn .btn-primary { width: 100%; } .banner-section-fourteen .search-box-fourteen .search-btn .btn-primary:hover { background: #1C5B91; box-shadow: inset 0 0 0 50px #1C5B91; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; border: 1px solid #1C5B91; } .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen { left: 30px; } .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen { top: 50px; } .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen3 { top: 380px; } .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen3 { top: 250px; } .banner-section-fourteen .banner-img-fourteen .banner-img2 { top: 100px; } .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen4 { position: absolute; right: 0px; bottom: 100px; animation: spin 3000ms linear infinite; } .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen4 { bottom: 10px; } .banner-section-fourteen .banner-imgfourteen5 { position: absolute; top: 250px; left: 86px; animation: spin 3000ms linear infinite; } .banner-section-fourteen .banner-imgfourteen6 { position: absolute; bottom: 50px; left: 65px; animation: spin 3000ms linear infinite; z-index: -1; } .services-section-fourteen { padding: 80px 0; background: #F8FAFC; } .services-section-fourteen { padding: 50px 0; } .services-section-fourteen .service-inner-fourt-all { border-radius: 20px; margin: 0 0 24px 0; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main { padding: 20px; border-radius: 20px; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-img { position: relative; margin: 0 0 13px 0; overflow: hidden; border-radius: 20px; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-img img { position: relative; border-radius: 20px; -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); width: 100%; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-img:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-img:hover::before { -webkit-animation: circle 1s; animation: circle 1s; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-img::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ""; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); border-radius: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); opacity: 0; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-care { color: #1F2937; font-size: 22px; font-weight: 600; margin: 0 0 13px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-care { font-size: 18px; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-care:hover { color: #1C5B91; } .ag-format-container { width: 1142px; margin: 0 auto; } .js-ag-hide { display: none; } .ag-faq_list { padding: 50px 0; } .ag-faq_item { margin: 0 0 15px; } .js-ag-faq_title { padding: 15px 30px; background-color: #71b337; cursor: pointer; font-size: 15px; color: #FFF; } .js-ag-faq_text { line-height: 1.42; padding: 30px 40px; background-color: #eee; font-size: 15px; color: #5b5b5b; } @media only screen and (max-width: 767px) { .ag-format-container { width: 96%; } } @media only screen and (max-width: 639px) { } @media only screen and (max-width: 479px) { } @media (min-width: 768px) and (max-width: 979px) { .ag-format-container { width: 750px; } } @media (min-width: 980px) and (max-width: 1161px) { .ag-format-container { width: 960px; } } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt p { color: #6B7280; font-size: 14px; margin: 0 0 10px 0; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-caretwo { color: #0E82FD; font-size: 18px; font-weight: 600; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-caretwo { font-size: 16px; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-caretwo i { font-weight: 600; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-caretwo:hover { color: #1C5B91; } .services-section-fourteen .service-inner-img-fourt-all { position: relative; } .services-section-fourteen .service-inner-img-fourt-all .service-inner-img-fourt { display: none; } .services-section-fourteen .service-inner-img-fourt-all .service-inner-img-fourtone { position: absolute; top: 0; right: 65px; animation: spin 3000ms linear infinite; } .services-section-fourteen .service-inner-img-fourt-all .service-inner-img-fourttwo { position: absolute; bottom: 0; animation: spin 3000ms linear infinite; } .services-section-fourteen .service-inner-img-fourt-all .service-inner-img-fourtthree { position: absolute; top: 0; left: 30px; animation: spin 3000ms linear infinite; } .services-section-fourteen .btn-sec-fourteen { text-align: end; } .services-section-fourteen .btn-sec-fourteen { text-align: center; } .services-section-fourteen .btn-sec-fourteen a { padding: 15px 20px; font-size: 15px; color: #ffffff; background: #0E82FD; transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; border: 1px solid #0E82FD; font-weight: 600; } .services-section-fourteen .btn-sec-fourteen a { padding: 12px 13px; } .services-section-fourteen .btn-sec-fourteen a:hover { box-shadow: inset 165px 0 0 0 #1C5B91; border-color: #1C5B91; } .team-section-fourteen { position: relative; padding: 80px 0 56px 0; } .team-section-fourteen { padding: 50px 0; } .team-section-fourteen .articles-grid-fourteen { background: #F8FAFC; border: 1px solid #E5E7EB; border-radius: 30px; } .team-section-fourteen .articles-grid-fourteen .articles-info { text-align: start; } .team-section-fourteen .articles-grid-fourteen .articles-info { display: flex; text-align: center; flex-direction: column; } .step-img[_ngcontent-serverApp-c86] { width: 15vh; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-left .articles-img-fourteen { width: 206px; height: 220px; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-left .articles-img-fourteen img { height: 100%; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen a { font-size: 20px; font-weight: 600; display: block; margin-bottom: 10px; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen a:hover { color: #1C5B91; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list { justify-content: start; -webkit-justify-content: start; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list { justify-content: center; -webkit-justify-content: center; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list .Qualified-doctors-fourteen { background: #DBEFFE; color: #0E82FD; padding: 10px 15px; border-radius: 8px; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list .Qualified-doctors-fourteentwo { color: #6B7280; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list .Qualified-doctors-fourteenthree { background: #F3F4F6; padding: 10px 12px; border-radius: 6px; color: #1F2937; font-weight: 600; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list .Qualified-doctors-fourteenfour a { border-radius: 6px; background: #0E82FD; color: #ffffff; transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; font-size: 15px; font-weight: 600; display: block; margin-bottom: 0; padding: 10px 12px; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list .Qualified-doctors-fourteenfour a:hover { box-shadow: inset 120px 0 0 0 #1C5B91; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .rating-fourteen .filled { color: #FFC001; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .rating-fourteen i { font-size: 18px; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .rating-fourteen .average-rating { font-size: 14px; color: #D1D5DB; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen p { color: #6B7280; font-weight: 500; margin: 0 0 10px 0; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen p i { color: #6B7280; margin: 0 7px 0 0; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen p span { color: #1F2937; font-weight: 500; } .team-section-fourteen .banner-imgfourteenseven { position: absolute; bottom: 50px; left: 30px; animation: spin 3000ms linear infinite; } .team-section-fourteen .banner-imgfourteeneight { position: absolute; top: 70px; right: 50%; animation: spin 3000ms linear infinite; } .team-section-fourteen .banner-imgfourteeneight { display: none; } .team-section-fourteen .banner-imgfourteennine { position: absolute; right: 50px; bottom: 70px; animation: spin 3000ms linear infinite; } .blog-section-fourteen { position: relative; padding: 80px 0; background: #F2F6F6; } .blog-section-fourteen { padding: 50px 0; } .blog-section-fourteen .blog-inner-fourt-all { border-radius: 30px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main { padding: 20px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-img { position: relative; margin: 0 0 20px 0; overflow: hidden; border-radius: 20px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-img .blog-inner-right-inner { position: relative; border-radius: 20px; -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); width: 100%; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-img .blog-inner-right-inner:hover img { border-radius: 20px; transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content { position: absolute; top: 19px; left: 19px; padding: 5px 10px 5px 5px; background: rgba(255, 255, 255, 0.9); border-radius: 50px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content img { width: 35px; height: 35px; border-radius: 50px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content span { font-size: 14px; color: #1F2937; font-weight: 600; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-fourt-care { display: block; color: #1F2937; font-size: 20px; font-weight: 600; margin: 0 0 18px 0; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-fourt-care:hover { color: #1C5B91; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list { margin: 0 0 20px 0; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list li { color: #6B7280; font-size: 16px; margin: 0 20px 0 0; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list li i { color: #D1D5DB; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list-two { margin: 0 0 10px 0; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list-two li { background: #DBEFFE; color: #0E82FD; margin: 0 10px 10px 0; padding: 10px 15px; border-radius: 8px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list-two li:last-child { margin: 0 0 10px 0; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt p { color: #6B7280; font-size: 14px; margin: 0 0 0 0; } .blog-section-fourteen .blog-btn-sec { margin: 24px 0 0 0; } .blog-section-fourteen .blog-btn-sec .btn-view { padding: 15px 20px; font-size: 15px; color: #ffffff; background: #0E82FD; transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; font-weight: 600; border: 1px solid #0E82FD; } .blog-section-fourteen .blog-btn-sec .btn-view { padding: 12px 13px; } .blog-section-fourteen .blog-btn-sec .btn-view:hover { box-shadow: inset 220px 0 0 0 #1C5B91; border-color: #1C5B91; } .choose-us-fourteen { position: relative; padding: 80px 0; } .choose-us-fourteen { padding: 50px 0; } .choose-us-fourteen .you-get-list ul { list-style: none; padding: 0; } .choose-us-fourteen .you-get-list ul li { margin-bottom: 30px; } .choose-us-fourteen .you-get-list ul li:last-child { margin: 0; } .choose-us-fourteen .you-get-list ul li .get-list-content { background-image: url(../img/chooseus-ryt-1.png); background-repeat: no-repeat; background-size: contain; padding: 30px; display: flex; align-items: center; justify-content: start; transition: 0.5s; } .h6, h6 { font-size: 14px; } .choose-us-fourteen .you-get-list ul li .get-list-content { padding: 22px 30px 30px 30px; } .choose-us-fourteen .you-get-list ul li .get-list-content { background: #F2F6F6; border-radius: 30px; } .choose-us-fourteen .you-get-list ul li .get-list-content { background: #F2F6F6; border-radius: 30px; } .choose-us-fourteen .you-get-list ul li .get-list-content { flex-direction: column; } .choose-us-fourteen .you-get-list ul li .get-list-content.second-bg { background-image: url(../img/chooseus-ryt-2.png); } .choose-us-fourteen .you-get-list ul li .get-list-content.second-bg { background: #F2F6F6; border-radius: 30px; } .choose-us-fourteen .you-get-list ul li .get-list-content.second-bg { background: #F2F6F6; border-radius: 30px; } .choose-us-fourteen .you-get-list ul li .get-list-content:hover .get-icon { background: #0E82FD; transition: 0.5s; } .choose-us-fourteen .you-get-list ul li .get-list-content:hover .get-icon img { filter: invert(0) brightness(100); transition: 0.5s; } .choose-us-fourteen .you-get-list ul li .get-list-content .get-icon { margin: 0 20px 0 0; padding: 25px; background: #ffffff; border-radius: 20px; transition: 0.5s; } .choose-us-fourteen .you-get-list ul li .get-list-content .get-icon { margin: 0 0 20px 0; padding: 25px; } .choose-us-fourteen .you-get-list ul li .get-list-content .get-icon-right { text-align: center; } .choose-us-fourteen .you-get-list ul li .get-list-content .get-icon-right h3 { font-weight: 600; margin: 0 0 5px 0; } .choose-us-fourteen .you-get-list ul li .get-list-content .get-icon-right p { color: #6B7280; font-size: 14px; margin: 0; max-width: 412px; } .choose-us-fourteen .choose-us-right-main { position: relative; } .choose-us-fourteen .choose-us-right-main { display: none; } .choose-us-fourteen .choose-us-right-main .banner-imgfourteenten { position: absolute; top: 150px; right: 180px; animation: spin 3000ms linear infinite; } .choose-us-fourteen .choose-us-right-main .banner-imgfourteenten { right: 120px; } .clients-section-fourteen { position: relative; padding: 80px 0 150px 0; background: #F2F6F6; } .clients-section-fourteen { padding: 80px 0 100px 0; } .clients-section-fourteen { padding: 50px 0; } .clients-section-fourteen .client-inner-main { -webkit-animation: mover 2s infinite alternate; animation: mover 2s infinite alternate; } .clients-section-fourteen .client-inner-main { display: none; } .clients-section-fourteen .feedback-slider-fourteen .owl-nav { text-align: end; margin-top: 40px; } .clients-section-fourteen .feedback-slider-fourteen .owl-nav { text-align: center; margin-top: 10px; } .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-prev { background: #E2E8F0; border-radius: 8px; width: 50px; height: 50px; color: #94A3B8; text-shadow: none; font-size: 24px; border: none; } .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-prev { width: 40px; height: 40px; font-size: 20px; } .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-prev:hover { background: #BFE0FE; color: #1D7ED8; } .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-next { background: #E2E8F0; border-radius: 8px; width: 50px; height: 50px; color: #94A3B8; text-shadow: none; font-size: 24px; border: none; } .banner-content h1 { font-weight: 600; font-size: 48px; margin-bottom: 25px; } .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-next { width: 40px; height: 40px; font-size: 20px; } .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-next:hover { background: #BFE0FE; color: #1D7ED8; } .clients-section-fourteen .feedback-card { border-radius: 30px; margin: 60px 0 0 0; } .clients-section-fourteen .feedback-card .feedback-card-body { padding: 30px; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img { display: flex; align-items: end; justify-content: space-between; margin: -85px 0 10px 0; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img h6 { color: #1F2937; font-size: 16px; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img img { width: 100px; height: 100px; border-radius: 20px; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .rating-fourteen { margin: 0 0 15px 0; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .rating-fourteen .filled { color: #FFC001; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .rating-fourteen i { font-size: 18px; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main p { color: #6B7280; font-size: 16px; margin: 0 0 20px 0; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main h4 { color: #1F2937; font-size: 20px; font-weight: 600; margin: 0 0 10px 0; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main h4 { font-size: 18px; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main h6 { color: #94A3B8; font-size: 16px; margin: 0; } .contact-section-fourteen { background: #F2F6F6; margin: 0 0 -200px 0; } .contact-section-fourteen .contact-schedule-main { background: #0E82FD; border-radius: 30px; position: relative; box-shadow: 0px 30px 60px rgba(49, 46, 129, 0.2); } .contact-section-fourteen .contact-schedule-main .scheduling-left-main { padding: 95px 80px 95px 110px; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main { padding: 75px 80px 75px 90px; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main { padding: 25px 40px 25px 50px; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main { padding: 30px 10px 30px 10px; text-align: center; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main h2 { font-size: 40px; font-weight: 600; color: #ffffff; margin: 0 0 10px 0; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main h2 { font-size: 36px; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main h2 { font-size: 28px; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main p { font-size: 24px; color: #ffffff; margin: 0 0 55px 0; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main p { font-size: 20px; margin: 0 0 30px 0; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul { margin: 0; padding: 0; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul { justify-content: center; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul { flex-direction: column; align-items: center; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li { list-style: none; margin: 0 20px 0 0; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li:last-child { margin: 0; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li { margin: 0 0 20px 0; width: 100%; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li a { background: #ffffff; padding: 15px 20px; border-radius: 6px; color: #0E82FD; border: 2px solid #ffffff; display: inline-block; font-weight: 600; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li a { padding: 13px 14px; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li a { padding: 13px 8px; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li a { width: 100%; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li a:hover { background: transparent; border: 2px solid #ffffff; color: #ffffff; } .contact-section-fourteen .contact-schedule-main .scheduling-right-main { position: relative; margin: -95px 0 0 0; } .section-title { font-size: 26px; color: #f44000; padding-top: 20px; text-align: center; } .contact-section-fourteen .contact-schedule-main .scheduling-right-main { margin: -53px 27px 0 0; } .contact-section-fourteen .contact-schedule-main .scheduling-right-main { display: none; } .contact-section-fourteen .contact-schedule-main .scheduling-right-main .scheduling-right-img { position: absolute; top: 40%; left: 14px; -webkit-animation: mover 2s infinite alternate; animation: mover 2s infinite alternate; } .contact-section-fourteen .contact-schedule-main .scheduling-right-main .scheduling-right-img { display: none; } .contact-section-fourteen .contact-schedule-main .scheduling-right-main .scheduling-right-imgtwo { position: absolute; right: 15px; bottom: 10%; -webkit-animation: mover 2s infinite alternate; animation: mover 2s infinite alternate; } .contact-section-fourteen .contact-schedule-main .scheduling-right-main .scheduling-right-imgtwo { display: none; } .contact-section-fourteen .contact-schedule-main .contact-inner-image { position: absolute; top: 0; left: 135px; } .contact-section-fourteen .contact-schedule-main .contact-inner-image { display: none; } .section-header-fourteen { text-align: center !important; } .section-header-fourteen .service-inner-fourteen { /*display: flex;*/ align-items: center; margin-bottom: 10px; } .section-header-fourteen .service-inner-fourteen { justify-content: center !important; } .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-one { background: #0E82FD; content: ""; width: 50px; height: 3px; } .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-two h3 { color: #0E82FD; font-size: 30px; margin: 0 20px; } .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-two h3 { font-size: 26px; } .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-two h3 { font-size: 22px; } .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-three { background: #0E82FD; content: ""; width: 50px; height: 3px; } .section-header-fourteen h2 { color: #1F2937; font-size: 26px; font-weight: 600; margin: 0 0 50px 0; } .section-header-fourteen h2 { font-size: 26px; } .section-header-fourteen h2 { margin: 0 0 40px 0; font-size: 26px; } .section-header-fourteen h2 { font-size: 26px; } .slide-nav-14 button.owl-next, .slide-nav-14 button.owl-prev, .slide-nav-15 button.owl-next, .slide-nav-15 button.owl-prev { background: #E2E8F0; border-radius: 8px; width: 50px; height: 50px; color: #94A3B8; text-shadow: none; font-size: 24px; border: none; } .slide-nav-14 button.owl-next, .slide-nav-14 button.owl-prev, .slide-nav-15 button.owl-next, .slide-nav-15 button.owl-prev { width: 40px; height: 40px; font-size: 20px; margin: 0 10px 30px 0; } .slide-nav-14 button.owl-next:hover, .slide-nav-14 button.owl-prev:hover, .slide-nav-15 button.owl-next:hover, .slide-nav-15 button.owl-prev:hover { background: #BFE0FE; color: #1D7ED8; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } .main-wrapper.home-fifteen { font-size: 16px; font-family: "Inter", sans-serif; } .main-wrapper.home-fifteen { font-size: 15px; } .banner-section-fifteen { position: relative; /*padding: 85px 0 0 0;*/ background-color: #ffffff; z-index: 1; background-image: url(../img/banner-fifteen.png); background-repeat: no-repeat; background-position: right top; background-size: 36% 100%; } .banner-section-fifteen { background-image: none; } .banner-section-fifteen .banner-content-fifteen { margin: 50px 0 0 0; padding: 0 0 47px 0; } .banner-section-fifteen .banner-content-fifteen { margin: 35px 0 0 0; padding: 0 0 47px 0; } .banner-section-fifteen .banner-content-fifteen h2 { color: #1F2937; /*text-transform: uppercase;*/ margin-bottom: 15px; font-size: 15px; font-weight: 600; } .banner-section-fifteen .banner-content-fifteen h2 { font-size: 20px; } .banner-section-fifteen .banner-content-fifteen h2 { font-size: 18px; } .banner-section-fifteen .banner-content-fifteen h1 { color: #f17732; margin-bottom: 15px; } .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen { margin: 0 0 35px 0; } .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen .btn-primary { font-weight: 600; background: #0E82FD; position: relative; /*padding: 15px 30px;*/ margin-bottom: 15px; } .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen .btn-primary { /*width: 100%;*/ } .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen .btn-primary:hover { background: #0CE0FF; box-shadow: inset 0 100px 0 0 #0CE0FF; color: #ffffff; border: 1px solid #0CE0FF; } .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen .btns-primarytwo { background: #0CE0FF; border: 1px solid #0CE0FF; } .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen .btns-primarytwo:hover { background: #0E82FD; box-shadow: inset 0 100px 0 0 #0E82FD; border: 1px solid #0E82FD; } .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg { position: relative; display: inline-block; margin-bottom: 15px; } .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg::before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 56, 115, 0.25); z-index: 1; border-radius: 10px; } .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg a img { border-radius: 10px; } .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg a .playicon { position: absolute; top: 38%; right: 44%; z-index: 2; } .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg a .playicon span { width: 33px; height: 33px; background: #0E82FD; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25); border-radius: 50%; color: #ffffff; font-size: 10px; } .banner-section-fifteen .banner-content-fifteen .watch-video-fifteen { display: flex; align-items: center; margin-bottom: 50px; } .banner-section-fifteen .banner-content-fifteen .watch-video-fifteen { justify-content: center; } .banner-section-fifteen .banner-content-fifteen .watch-video-fifteen img { margin-right: 7px; } .banner-section-fifteen .banner-content-fifteen .watch-video-fifteen h6 { color: #1F2937; margin-bottom: 0; } .banner-section-fifteen .banner-content-fifteen .support-consult-main { display: flex; } .banner-section-fifteen .banner-content-fifteen .support-consult-main { justify-content: center; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult { display: flex; align-items: center; margin-right: 25px; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult { display: block; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult:last-child { margin-right: 0; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-img { margin-bottom: 8px; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-img img { padding: 10px; background: #0E82FD; border-radius: 5px; margin-right: 7px; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-img img { margin-right: 0; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-right h6 { color: #1F2937; margin-bottom: 0; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-right .rating-fifteen { margin-bottom: 0; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-right .rating-fifteen i.filled { color: #FFC001; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-right span { font-size: 14px; color: #6B7280; } .banner-section-fifteen .banner-right-fifteen { position: relative; margin-top: 0px; } .banner-section-fifteen .banner-right-fifteen { margin-top: 0px; } .banner-section-fifteen .banner-right-fifteen { /*display: none;*/ } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenone { position: absolute; top: 100px; left: -130px; animation: mover 1s infinite alternate; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenone { top: 130px; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenone { display: none; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteentwo { position: absolute; top: 77px; left: 40px; animation: spin 3000ms linear infinite; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenthree { position: absolute; top: 250px; right: 0px; animation: spin 3000ms linear infinite; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenthree { position: absolute; top: 250px; right: 0px; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenfour { position: absolute; right: 0px; bottom: 100px; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenfour { position: absolute; right: 0px; bottom: 100px; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenfive { position: absolute; top: 10px; right: -50px; animation: mover 1s infinite alternate; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenfive { position: absolute; top: 10px; right: 0px; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteensix { position: absolute; bottom: 0; left: -30px; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteensix { display: none; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenseven { position: absolute; top: 150px; right: 0px; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenseven { position: absolute; top: 150px; right: 0px; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteeneight { position: absolute; bottom: 40px; left: 210px; animation: mover 1s infinite alternate; } .banner-section-fifteen .banner-right-fifteennine { position: absolute; bottom: 40px; left: 210px; } .services-section-fifteen { position: relative; padding: 80px 0 56px 0; } .services-section-fifteen { padding: 26px 0; background: #F4F4F4; } .services-section-fifteen .service-bg-icon { position: absolute; top: 250px; right: 40px; } .services-section-fifteen .doctor-profile-widget-fifteen { margin-bottom: 24px; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-pro-img .doctor-profile-img { border-radius: 10px; margin-bottom: 13px; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom .doc-content-split { margin-bottom: 15px; font-size: 14px; color: #ff4700; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom .doc-content-split a { color: #1F2937; font-size: 13px; font-weight: 600; margin-bottom: 0; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom .doc-content-split a:hover { color: #1B5D92; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom .doc-content-split span { background: #0E82FD; padding: 5px 10px; border-radius: 5px; font-family: 600; font-size: 14px; color: #ffffff; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom p { color: #707070; margin-bottom: 0; font-size: 13px; } .Patients-section-fifteen { position: relative; padding: 80px 0; } .Patients-section-fifteen { padding: 50px 0; text-align: center; } .Patients-section-fifteen .patient-fifteen-icon { position: absolute; top: 100px; left: 0; z-index: -1; } .Patients-section-fifteen .section-header-fifteenpatient { margin-bottom: 25px; } .Patients-section-fifteen p { margin-bottom: 25px; } .Patients-section-fifteen .service-patient-inflict { text-align: center; } .Patients-section-fifteen .service-patient-inflict { margin-bottom: 15px; } .Patients-section-fifteen .service-patient-inflict .service-patient-inflictimg { background: #E3FBFF; width: 196px; height: 120px; border-radius: 10px; margin: auto auto 15px auto; } .Patients-section-fifteen .service-patient-inflict .service-patient-inflictimg { width: 175px; } .Patients-section-fifteen .service-patient-inflict .service-patient-inflictimg { width: 150px; } .Patients-section-fifteen .service-patient-inflict h6 { color: #6B7280; font-size: 18px; font-weight: 400; margin-bottom: 0; } .Patients-section-fifteen .service-patient-inflict .clients-fifteen-span { margin-bottom: 5px; } .Patients-section-fifteen .service-patient-inflict .clients-fifteen-span h3 { font-weight: 600; color: #1F2937; margin-bottom: 0; } .Patients-section-fifteen .service-patient-inflict .clients-fifteen-span span { font-weight: 600; font-size: 24px; color: #1F2937; } .Patients-section-fifteen .patients-left-front { animation-duration: 5s; animation-iteration-count: infinite; transform-origin: bottom; } .Patients-section-fifteen .patients-left-front { display: none; } .Patients-section-fifteen .patients-left-front.patients-left-img { animation-name: bounce-1; animation-timing-function: linear; } .doctors-section-fifteen { position: relative; padding: 80px 0; background: #F4F4F4; } /*.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {*/ /* font-family: auto;*/ /* color: #1f2278;*/ /* line-height: 1.3;*/ /*}*/ .doctors-section-fifteen { padding: 50px 0; } .doctors-section-fifteen .doctor-fifteen-icon { position: absolute; top: 100px; right: 0; } .doctors-section-fifteen .doctors-fifteen-icon { position: absolute; right: 200px; bottom: 0; } .doc-content-fift { padding: 15px; } .doc-content-fift a { color: #1F2937; font-size: 18px; font-weight: 600; margin-bottom: 6px; display: inline-block; } .doc-content-fift a:hover { color: #0CE0FF; } .doc-content-fift p { color: #6B7280; margin-bottom: 10px; } .doc-content-fift p span { color: #1F2937; } .doc-content-fift .rate-fifteen { margin-bottom: 15px; } .doc-content-fift .rate-fifteen .rate-four { padding: 5px 10px; background: #0CE0FF; border-radius: 5px; color: #ffffff; } .doc-content-fift .rate-fifteen ul { list-style: none; margin: 0; padding: 0; } .doc-content-fift .rate-fifteen ul li { width: 31px; height: 27px; background: #EEEEF3; color: #1F2937; border-radius: 5px; margin-right: 5px; } .doc-content-fift .rate-fifteen ul li:last-child { margin-right: 0; } .doc-content-fift .rate-fifteen ul.fift-rate li { padding: 5px; width: auto; height: auto; } .doc-content-fift .fift-bottom-content h3 { color: #1F2937; font-weight: 600; margin-bottom: 0; display: flex; align-items: center; } .doc-content-fift .fift-bottom-content h3 { font-size: 20px; } .doc-content-fift .fift-bottom-content h3 span { color: #6B7280; text-decoration: line-through; font-size: 18px; } .doc-content-fift .fift-bottom-content a { padding: 10px 25px; background: #0E82FD; color: #ffffff; border-radius: 5px; margin-bottom: 0; transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; font-size: 16px; } .doc-content-fift .fift-bottom-content a { padding: 10px 10px; font-size: 14px; } .doc-content-fift .fift-bottom-content a:hover { box-shadow: inset 0 0 0 30px #2DD4BF; } .item.item-fifteen .doctor-profile-widget { border: none; } .item.item-fifteen .doctor-profile-widget.doctor-profile-widget-fift { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15); margin: 10px 0; } .item.item-fifteen .doctor-profile-widget.doctor-profile-widget-fift:first-child { margin-left: 10px; } .item.item-fifteen .doctor-profile-widget.doctor-profile-widget-fift:last-child { margin-right: 10px; } .item.item-fifteen .doctor-profile-widget .doc-pro-img .item-info { position: absolute; bottom: 15px; left: 15px; } .item.item-fifteen .doctor-profile-widget .doc-pro-img .item-info h6 { margin-bottom: 0; background: #0E82FD; border-radius: 5px; padding: 10px; color: #ffffff; } .item.item-fifteen .doctor-profile-widget .doc-pro-img .doctor-amount .fav-icon { width: 40px; height: 40px; background: #ffffff; border-radius: 50%; font-size: 17px; } .item.item-fifteen .doctor-profile-widget .doc-pro-img .doctor-amount .fav-icon.fav-icon-fifteen { background: #EEEEF3; } .item.item-fifteen .doctor-profile-widget .doc-pro-img .doctor-amount .fav-icon.selected { background: #0CE0FF; color: #ffffff; } .item.item-fifteen .doctor-profile-widget .doc-pro-img.doc-pro-img-fifteen { padding: 56px 0; border-bottom: 1px solid #E5E5EB; } .item.item-fifteen .doctor-profile-widget .doc-pro-img.doc-pro-img-fifteen .doctor-profile-img-fifteen { width: 208px; height: 208px; margin: auto; } .pharmacy-section-fifteen { position: relative; padding: 80px 0; } .pharmacy-section-fifteen { padding: 50px 0; } .feedback-section-fifteen { position: relative; padding: 40px 0 80px 0; } .feedback-section-fifteen { padding: 0 0 80px 0; } .feedback-section-fifteen { padding: 0 0 50px 0; } .feedback-section-fifteen .feedback-schedule-all { background: linear-gradient(92.16deg, #61AEFF 0.85%, #0E82FD 76.47%); border-radius: 10px; } .feedback-section-fifteen .feedback-schedule-all .feedback-inner-main { margin: -45px 0 0 30px; } .feedback-section-fifteen .feedback-schedule-all .feedback-inner-main { margin: 0 0 0 30px; } .feedback-section-fifteen .feedback-schedule-all .feedback-inner-main { display: none; } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content { padding: 50px 0; } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content { text-align: center; } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content .feedback-fift-img { width: 66px; height: 17px; margin-bottom: 15px; } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content .feedback-fift-img { margin: auto auto 15px auto; } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content h3 { color: #ffffff; font-size: 28px; font-weight: 600; margin-bottom: 10px; } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content h3 { font-size: 26px; } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content p { color: #ffffff; font-size: 18px; margin-bottom: 15px; } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content a { padding: 15px 43px; background: #0CE0FF; border-radius: 5px; display: inline-block; color: #ffffff; transition: color 0.5s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content a:hover { box-shadow: inset 0 0 0 30px #2DD4BF; } .appointment-section-fifteen { position: relative; padding: 80px 0; background-color: #0E82FD; background-image: url(../img/book-appointment-bg.png); background-position: top left; background-repeat: no-repeat; background-size: 58% 100%; } .appointment-section-fifteen { padding: 50px 0; background-image: none; text-align: center; } .appointment-section-fifteen .appointment-schedule-main h2 { font-size: 40px; font-weight: 600; color: #ffffff; margin-bottom: 10px; } .appointment-section-fifteen .appointment-schedule-main h2 { font-size: 34px; } .appointment-section-fifteen .appointment-schedule-main h2 { font-size: 28px; } .appointment-section-fifteen .appointment-schedule-main h6 { font-size: 18px; color: #ffffff; margin-bottom: 25px; } .appointment-section-fifteen .appointment-schedule-main p { color: #B0D6FF; } .appointment-section-fifteen .appointment-schedule-main ul { margin: 0; padding: 0; list-style: none; display: flex; } .appointment-section-fifteen .appointment-schedule-main ul { justify-content: center; } .appointment-section-fifteen .appointment-schedule-main ul { flex-wrap: wrap; } .appointment-section-fifteen .appointment-schedule-main ul li { display: flex; align-items: center; flex-direction: column; margin: 0 25px 25px 0; padding: 15px; background: #ffffff; box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.25); border-radius: 10px; width: 151px; } .appointment-section-fifteen .appointment-schedule-main ul li { width: 50%; margin-right: 1px; } .appointment-section-fifteen .appointment-schedule-main ul li:last-child { margin-right: 0; } .appointment-section-fifteen .appointment-schedule-main ul li .appointment-schedule-img { position: relative; margin-bottom: 20px; } .appointment-section-fifteen .appointment-schedule-main ul li .appointment-schedule-img .appoint-inner-img { position: absolute; right: -20px; bottom: -10px; } .appointment-section-fifteen .appointment-schedule-main ul li span { font-weight: 400; color: #1F2937; display: inline-block; font-size: 14px; } .appointment-section-fifteen .appointment-schedule-main a { background: #0CE0FF; padding: 15px 25px; border-radius: 5px; display: inline-block; color: #ffffff; transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; } .appointment-section-fifteen .appointment-schedule-main a:hover { box-shadow: inset 0 0 0 50px #2DD4BF; } .appointment-section-fifteen .appointment-right-image { animation-duration: 5s; animation-iteration-count: infinite; transform-origin: bottom; } .appointment-section-fifteen .appointment-right-image { display: none; } .appointment-section-fifteen .appointment-right-image.appoint-fift-img { animation-name: bounce-1; animation-timing-function: linear; } .about-us-section-fifteen { position: relative; padding: 80px 0; background: #F4F4F4; } .about-us-section-fifteen { padding: 50px 0; } .about-us-section-fifteen .aboutus-img-main { position: relative; } .about-us-section-fifteen .aboutus-img-main { display: none; } .about-us-section-fifteen .aboutus-img-main .aboutus-img-one { position: absolute; right: 45px; bottom: 15px; box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.15); animation: mover 1s infinite alternate; } .about-us-section-fifteen .vertical-slider { position: static; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main { background: #ffffff; box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.15); padding: 15px; border-radius: 10px; margin: 0 0 15px 0; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main .aboutus-profile-left { display: flex; align-items: center; justify-content: start; margin: 0 0 15px 0; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main .aboutus-profile-left .aboutus-image { margin-right: 7px; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main .aboutus-profile-left .aboutus-image img { width: 50px; height: 50px; border-radius: 50%; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main .aboutus-profile-left h6 { font-weight: 600; color: #1F2937; margin-bottom: 7px; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main .aboutus-profile-left span { color: #6B7280; font-size: 14px; margin-bottom: 0; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main p { margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .about-us-section-fifteen .vertical-slider .slick-list { padding: 0 !important; } .about-us-section-fifteen .vertical-slider .slick-dots { position: absolute; bottom: 3%; left: -42%; } .about-us-section-fifteen .vertical-slider .slick-dots { display: none !important; } .about-us-section-fifteen .vertical-slider .slick-dots li { margin: 0; height: 6px; } .about-us-section-fifteen .vertical-slider .slick-dots li.slick-active button { background-color: #4C58A0; } .about-us-section-fifteen .vertical-slider .slick-arrow { position: absolute; bottom: 0; } .about-us-section-fifteen .vertical-slider .slick-prev { position: absolute; top: 95%; left: 84%; width: 45px; height: 45px; border-radius: 10px; } .about-us-section-fifteen .vertical-slider .slick-prev { left: 80%; } .about-us-section-fifteen .vertical-slider .slick-prev { left: 76%; } .about-us-section-fifteen .vertical-slider .slick-prev { top: 50%; left: 0%; } .about-us-section-fifteen .vertical-slider .slick-prev::before { content: "\f053"; font-family: "FontAwesome"; font-weight: 900; font-size: 13px; } .about-us-section-fifteen .vertical-slider .slick-prev:hover { background: #1C5B91; } .about-us-section-fifteen .vertical-slider .slick-next { top: 95%; width: 45px; height: 45px; border-radius: 10px; } .about-us-section-fifteen .vertical-slider .slick-next { top: 50%; } .about-us-section-fifteen .vertical-slider .slick-next::before { content: "\f054"; font-family: "FontAwesome"; font-weight: 900; font-size: 13px; } .about-us-section-fifteen .vertical-slider .slick-next:hover { background: #1C5B91; } .about-us-section-fifteen .vertical-slider .slick-current.aboutus-fifteen-main { background: #0E82FD; } .about-us-section-fifteen .vertical-slider .slick-current.aboutus-fifteen-main .aboutus-profile-left h6 { color: #ffffff; } .about-us-section-fifteen .vertical-slider .slick-current.aboutus-fifteen-main .aboutus-profile-left span { color: #ffffff; } .about-us-section-fifteen .vertical-slider .slick-current.aboutus-fifteen-main p { color: #ffffff; } .frequently-section-fifteen { position: relative; padding: 80px 0; } .frequently-section-fifteen { padding: 50px 0; } .frequently-section-fifteen .items-fift { border: 1px solid #E5E5EB; border-radius: 10px; padding: 30px; } .frequently-section-fifteen .items-fift a { color: #1F2937; font-size: 18px; font-weight: 600; margin-bottom: 15px; display: block; } .frequently-section-fifteen .items-fift p { color: #6B7280; font-weight: 400; margin-bottom: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; width: 100%; overflow: hidden; } .frequently-section-fifteen .items-fift .line-arrow { display: flex; align-items: center; color: #0E82FD; font-weight: 600; font-size: 16px; margin-bottom: 0; } .frequently-section-fifteen .items-fift .line-arrow:hover { color: #0CE0FF; } .frequently-section-fifteen .frequent-slider-fifteen .owl-nav { text-align: end; } .frequently-section-fifteen .frequent-slider-fifteen .owl-nav .owl-prev, .frequently-section-fifteen .frequent-slider-fifteen .owl-nav .owl-next { margin-top: 24px; } .frequently-section-fifteen .frequent-slider-fifteen .owl-dots { position: absolute; bottom: 0; left: 0; } .frequently-section-fifteen .frequent-slider-fifteen .owl-dots .owl-dot { width: 50px; height: 6px; background: #D9D9D9; } .frequently-section-fifteen .frequent-slider-fifteen .owl-dots .owl-dot:first-child { border-radius: 10px 0 0 10px; } .frequently-section-fifteen .frequent-slider-fifteen .owl-dots .owl-dot:last-child { border-radius: 0 10px 10px 0; } .frequently-section-fifteen .frequent-slider-fifteen .owl-dots .owl-dot.active { background: #4C58A0; } .frequently-section-fifteen .frequent-slider-fifteen .owl-dots { display: none; } .section-header-fifteen { margin-bottom: 50px; } .section-header-fifteen h2 { color: #1F2937; font-size: 40px; font-weight: 600; } .section-header-fifteen h2 { font-size: 34px; } .section-header-fifteen h2 { font-size: 28px; } .section-header-fifteen h2 span { color: #f17732; } .section-header-fifteen p { color: #707070; margin-bottom: 0; } .doctor-slider-fifteen .owl-nav { text-align: center; } .doctor-slider-fifteen .owl-nav button.owl-prev, .doctor-slider-fifteen .owl-nav button.owl-next { width: 45px; height: 45px; background: #ffffff; font-size: 13px; border-radius: 10px; margin-top: 50px; } .doctor-slider-fifteen .owl-nav button.owl-prev:hover, .doctor-slider-fifteen .owl-nav button.owl-next:hover { background: #EEEEF3; } .doctor-slider-fifteen .owl-nav button.owl-prev, .doctor-slider-fifteen .owl-nav button.owl-next { width: 35px; height: 35px; } .pharmacy-slider-fifteen .owl-nav, .frequent-slider-fifteen .owl-nav { text-align: center; } .pharmacy-slider-fifteen .owl-nav button.owl-prev, .pharmacy-slider-fifteen .owl-nav button.owl-next, .frequent-slider-fifteen .owl-nav button.owl-prev, .frequent-slider-fifteen .owl-nav button.owl-next { width: 45px; height: 45px; background: #EEEEF3; font-size: 13px; border-radius: 10px; margin-top: 50px; } .pharmacy-slider-fifteen .owl-nav button.owl-prev:hover, .pharmacy-slider-fifteen .owl-nav button.owl-next:hover, .frequent-slider-fifteen .owl-nav button.owl-prev:hover, .frequent-slider-fifteen .owl-nav button.owl-next:hover { background: #0CE0FF; } .pharmacy-slider-fifteen .owl-nav button.owl-prev, .pharmacy-slider-fifteen .owl-nav button.owl-next, .frequent-slider-fifteen .owl-nav button.owl-prev, .frequent-slider-fifteen .owl-nav button.owl-next { width: 35px; height: 35px; } .playicon { position: absolute; right: 61%; top: 37%; } .playicon span { width: 48px; height: 48px; background: #FF008A; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; } .modal-content-video { padding: 0 !important; } .modal-content-video .modal-content { background: #000; } .modal-content-video .modal-header { border: 0; } .banner-content .btn { font-weight: 500; border-radius: 8px; margin: 0; padding: 7px 18px; min-width: 200px; display: inline-block; background-color: #0E82FD; border: 1px solid #0E82FD; color: #ffffff; font-size: 18px; box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } .modal-content-video .modal-header button.close { color: #fff; opacity: 1; background: #1C5B91; } .video-home video { width: 100%; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } @keyframes movers { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } @keyframes bounce-1 { 0% { transform: translateY(0); } 50% { transform: translateY(-50px); } 100% { transform: translateY(0); } } .main-wrapper.home-sixteen { font-size: 16px; font-family: "Inter", sans-serif; } .main-wrapper.home-sixteen { font-size: 15px; } .banner-section-sixteen { position: relative; padding: 85px 0 0 0; } .banner-section-sixteen .banner-content-sixteen { padding: 100px 0 0 0; z-index: 1; } .banner-section-sixteen .banner-content-sixteen { padding: 50px 0; } .banner-section-sixteen .banner-content-sixteen span { font-size: 14px; color: #0E82FD; font-weight: 500; text-transform: uppercase; padding: 5px 10px; background: rgba(14, 130, 253, 0.1); margin-bottom: 10px; display: inline-block; } .banner-section-sixteen .banner-content-sixteen h1 { color: #515151; margin-bottom: 26px; } .banner-section-sixteen .banner-content-sixteen p { color: #9f9f9f; font-size: 16px; margin-bottom: 26px; } .banner-section-sixteen .banner-content-sixteen .banner-btns-sixteen .btn-primary { padding: 10px 25px; box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.08); border-radius: 5px; font-size: 14px; font-weight: 700; } .banner-section-sixteen .banner-content-sixteen .banner-btns-sixteen .btn-primary:hover { box-shadow: 0 0.5em 0.5em -0.4em var(--hover); transform: translateY(-0.25em); } .banner-section-sixteen .banner-image-sixteen { padding: 41px 0; background-image: url(../img/banner-sixteen-bg.png); background-repeat: no-repeat; background-position: right top; background-size: 75% 100%; } .banner-section-sixteen .banner-image-sixteen .banner-inner-img-sixteen { position: relative; z-index: 1; } .banner-section-sixteen .banner-image-sixteen .banner-inner-img-sixteen img { margin-bottom: 20px; } .banner-section-sixteen .banner-image-sixteen .banner-inner-img-sixteen img:last-child { margin-bottom: 0; } .banner-section-sixteen .banner-image-sixteen { display: none; } .banner-section-sixteen .ban-sixteen-imgone { position: absolute; top: 100px; right: 100px; z-index: 0; } .banner-section-sixteen .ban-sixteen-imgtwo { position: absolute; top: 90px; left: 0; z-index: 0; } .services-section-sixteen { position: relative; padding: 80px 0; background: #F8FBFF; } .services-section-sixteen { padding: 50px 0; } .services-section-sixteen .discover-you-main { text-align: center; } .services-section-sixteen .discover-you-main .discover-you-image { width: 200px; height: 200px; background: rgba(14, 130, 253, 0.1); display: flex; align-items: center; justify-content: center; border-radius: 100%; margin: auto auto 20px auto; } .services-section-sixteen .discover-you-main .discover-you-image img { width: auto; } .services-section-sixteen .discover-you-main a { color: #1F2937; font-size: 20px; font-weight: 500; margin-bottom: 10px; } .services-section-sixteen .discover-you-main a:hover { color: #1C5B91; } .services-section-sixteen .discover-you-main p { font-size: 14px; color: #A2A2A2; margin-bottom: 15px; } .services-section-sixteen .discover-you-main .discov-innner { color: #0E82FD; font-size: 14px; font-weight: 500; } .services-section-sixteen .discover-you-main .discov-innner i { font-size: 10px; } .services-section-sixteen .discover-you-main .discov-innner:hover { color: #09dca4; } .services-section-sixteen .service-sixteen-icon { position: absolute; top: 75px; left: 45px; animation: mover 1s infinite alternate; } .treatment-section-sixteen { position: relative; padding: 80px 0; } .treatment-section-sixteen { padding: 50px 0; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget { border: none; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.03); border-radius: 0; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-pro-img .doctor-profile-img { border-radius: 6px; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-pro-img .doctor-amount { position: absolute; top: 10px; left: 10px; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-pro-img .doctor-amount span { padding: 5px 10px; border-radius: 0; color: #0E82FD; font-size: 14px; font-weight: 600; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-content .doc-pro-info { align-items: start; padding-bottom: 10px; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-content .doc-pro-info .doc-pro-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-content .doc-pro-info .reviews-ratings p span { background: none; color: #FFBC11; font-size: 14px; margin: 0 5px 0 0; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-content .doc-pro-info .reviews-ratings p span i { margin-right: 4px; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-content .doc-pro-location p i { font-size: 17px; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .btn-primary { width: 100%; border-radius: 0; padding: 15px 20px; background: rgba(14, 130, 253, 0.1); color: #0E82FD; text-transform: capitalize; font-size: 20px; font-weight: 600; border: none; box-shadow: inset 0 0 0 0 #ffffff; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .btn-primary { padding: 10px 20px; font-size: 18px; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .btn-primary:hover { background: #2DD4BF; box-shadow: inset 0 100px 0 0 #2DD4BF; color: #ffffff; } .treatment-section-sixteen .service-sixteen-icontwo { position: absolute; right: 25px; bottom: 150px; animation: mover 1s infinite alternate; } .features-section-sixteen { position: relative; padding: 80px 0; background: #F8FBFF; } .features-section-sixteen { padding: 50px 0; } .features-section-sixteen .feature-sixteen-main .feature-six-img { position: relative; } .features-section-sixteen .feature-sixteen-main .feature-six-img::after { position: absolute; top: 0; width: 100%; height: 100%; content: ""; transition: 0.5s; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.42) 100%); } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six { position: absolute; bottom: 27px; text-align: center; width: 100%; z-index: 1; top: 82%; transition: all 0.5s ease-out; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-one { display: block; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-one h5 { font-size: 20px; color: #ffffff; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-one span { color: #ffffff; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-two { display: none; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-two p { color: #ffffff; line-height: 30px; font-size: 16px; letter-spacing: -0.36px; padding: 10px; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-two p { line-height: 20px; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-two span { color: #ffffff; } .features-section-sixteen .feature-sixteen-main .feature-six-img:hover::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); } .features-section-sixteen .feature-sixteen-main .feature-six-img:hover .feature-content-six { top: 30%; } .features-section-sixteen .feature-sixteen-main .feature-six-img:hover .feature-content-six { top: 10%; } .features-section-sixteen .feature-sixteen-main .feature-six-img:hover .feature-content-six .feature-content-one { display: none; } .features-section-sixteen .feature-sixteen-main .feature-six-img:hover .feature-content-six .feature-content-two { display: block; } .facts-section-sixteen { position: relative; padding: 80px 0; } .facts-section-sixteen { padding: 50px 0; } .facts-section-sixteen .facts-section-all { display: flex; } .facts-section-sixteen .facts-section-all { display: block; } .facts-section-sixteen .facts-section-all .facts-main-sixteen { background: #0E82FD; padding: 100px 30px; width: 50%; } .facts-section-sixteen .facts-section-all .facts-main-sixteen { width: 100%; padding: 60px 30px; text-align: center; } .facts-section-sixteen .facts-section-all .facts-main-sixteen span { font-size: 14px; color: #ffffff; font-weight: 500; text-transform: uppercase; padding: 5px 10px; background: rgba(255, 255, 255, 0.3); margin-bottom: 17px; display: inline-block; } .facts-section-sixteen .facts-section-all .facts-main-sixteen h2 { color: #ffffff; margin-bottom: 15px; font-size: 40px; } .facts-section-sixteen .facts-section-all .facts-main-sixteen h2 { font-size: 34px; } .facts-section-sixteen .facts-section-all .facts-main-sixteen h2 { font-size: 28px; } .facts-section-sixteen .facts-section-all .facts-main-sixteen p { color: #ffffff; font-size: 16px; margin-bottom: 15px; } .facts-section-sixteen .facts-section-all .facts-main-sixteen a { color: #ffffff; font-size: 14px; font-weight: 500; } .facts-section-sixteen .facts-section-all .facts-main-sixteen a i { font-size: 10px; } .facts-section-sixteen .facts-section-all .facts-main-sixteen a:hover { color: #09dca4; } .facts-section-sixteen .facts-section-all .facts-content-all { width: 50%; } .facts-section-sixteen .facts-section-all .facts-content-all { width: 100%; } .facts-section-sixteen .facts-section-all .facts-content-all ul { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; } .facts-section-sixteen .facts-section-all .facts-content-all ul li { width: 50%; height: 167px; padding: 20px 0; border: 2px solid #F8FBFF; overflow: hidden; position: relative; } .facts-section-sixteen .facts-section-all .facts-content-all ul li { width: 100%; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img { flex-direction: column; transition: all 0.5s; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img img { margin-bottom: 25px; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img .facts-content-sixteen .facts-content-one h5 { font-size: 18px; font-weight: 700; text-transform: capitalize; color: #626262; margin-bottom: 0; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img .facts-content-sixteen .facts-content-one h5 i { font-size: 14px; color: #0E82FD; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two { position: absolute; top: 0; left: 0; width: 100%; height: 100%; flex-direction: column; opacity: 0; transition: opacity 0.25s; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two p { color: #7D7D7D; font-size: 14px; letter-spacing: -0.36px; padding: 0 20px; text-align: center; line-height: 30px; margin-bottom: 0; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two:hover { opacity: 1; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two:hover>* { transform: translateY(0); } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two>* { transform: translateY(20px); transition: transform 0.25s; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two.facts-content-two-solid { background: #ffffff; } .experts-section-sixteen { position: relative; padding: 80px 0; background: linear-gradient(115.57deg, #464646 12.99%, rgba(0, 0, 0, 0.58) 66.18%); } .experts-section-sixteen { padding: 50px 0; } .pricing-section-sixteen { position: relative; padding: 80px 0; } .pricing-section-sixteen { padding: 50px 0; } .testimonal-section-sixteen { position: relative; padding: 80px 0; background: #F8FBFF; } .testimonal-section-sixteen { padding: 50px 0; } .feedback-section-sixteen { position: relative; padding: 80px 0; } .feedback-section-sixteen { padding: 50px 0; } .feedback-section-sixteen .feedback-schedule-all { background: linear-gradient(90.79deg, #0E82FD 0%, #2CD9C5 100%); backdrop-filter: blur(30.5px); border-radius: 15px; padding: 19px; } .feedback-section-sixteen .feedback-schedule-all .feedback-inner-main { display: none; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content { text-align: center; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content h3 { color: #ffffff; font-size: 36px; font-weight: 700; text-transform: capitalize; margin-bottom: 10px; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content h3 { font-size: 34px; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content h3 { font-size: 28px; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content p { color: #ffffff; font-size: 20px; margin-bottom: 30px; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content p { font-size: 16px; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns { display: flex; align-items: center; justify-content: start; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns { justify-content: center; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns { display: block; width: 100%; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primary { padding: 10px 25px; box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.08); border-radius: 5px; background: #ffffff; color: #0E82FD; font-size: 16px; font-weight: 700; border: none; transition: 0.5s; margin-right: 10px; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primary:hover { background: #1C5B91; color: #ffffff; transition: 0.5s; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primary { width: 100%; margin: 0 0 10px 0; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primarytwo { padding: 10px 25px; font-size: 16px; margin-bottom: 0; font-weight: 600; color: #ffffff; border-radius: 5px; transition: 0.5s; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primarytwo:hover { background: #1C5B91; color: #ffffff; transition: 0.5s; } .step-name[_ngcontent-serverApp-c86] { font-size: 2vh; line-height: 1.5; margin-top: 2vh; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primarytwo { width: 100%; } .section-header-sixteen { margin-bottom: 50px; } .section-header-sixteen.section-header-sixteentwo h2 { color: #ffffff; } .section-header-sixteen p { color: #0E82FD; font-size: 14px; font-weight: 500; text-transform: uppercase; margin-bottom: 7px; } .section-header-sixteen h2 { font-size: 40px; font-weight: 600; margin-bottom: 0; color: #1F2937; text-transform: capitalize; } .section-header-sixteen h2 { font-size: 34px; } .section-header-sixteen h2 { font-size: 28px; } .main-wrapper.home-twelve .services-section-fourteen .our-services-list:hover { cursor: pointer; background: #334155; box-shadow: 0 20px 50px #3341550d; transform: translateY(-10px); } .w-100 { border-radius: 30px; padding: 30px; background: #ffffff; text-align: center; transition: all .5s; margin-bottom: 24px; position: relative; } .banner-section-fifteen .banner-content-fifteen h1 { color: #f17732; margin-bottom: 15px; } .banner-section-fifteen { position: relative; /*padding: 85px 0 0 0;*/ background-color: #ffffff; z-index: 1; background-image: url(../img/banner-fifteen.png); background-repeat: no-repeat; background-position: right top; background-size: 36% 100%; } .service-icon { width: 140px; height: 140px; display: flex; align-items: center; justify-content: center; /*background: #0E82FD;*/ margin: auto; box-shadow: 0 25px 50px #0e82fd1a; border-radius: 30px; transition: .4s; } .tag[_ngcontent-serverApp-c86] { padding: 1.4vh 3.4vh; background: #fff; border-radius: 0.8vh; display: inline-block; margin: 1vh 1.6vh; font-size: 2.2vh; color: #333; } .mental-health-section[_ngcontent-serverApp-c86] { margin-top: 11vh; position: relative; background: #eff2f7; padding-bottom: 5vh; } @media (max-width: 1399.98px){ .step-img[_ngcontent-serverApp-c86] { width: 15vh; } .step-name[_ngcontent-serverApp-c86] { font-size: 2vh; line-height: 1.5; margin-top: 2vh; } @media (max-width: 1399.98px){ .step-arrow[_ngcontent-serverApp-c86] { font-size: 5vh; } .step-arrow[_ngcontent-serverApp-c86] { font-size: 8vh; color: #2d3091; top: 26%; right: -5vh; position: absolute; } .css-equal-content { color: red; float: left; } .report-section[_ngcontent-serverApp-c86] { position: relative; padding: 10vh 0; background: #2d3091; color: #fff; }.custom-shape-divider-top-1639980888[_ngcontent-serverApp-c86] .shape-fill[_ngcontent-serverApp-c86] { fill: #eff2f7; } .time-slot li .timing, .consultation-types a, .coming-soon-info, .widget-setcount .step-icon, .widget-setcount .step-box, .signup-arrow, .why-choose-icon span, .about-contact-icon span, .pricing-icon span, .plan-choose-info, .product-custom .cart-icon, .section-search-pharmacy .banner-wrapper2 .search-box1 form, .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two, .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img .facts-content-sixteen .facts-content-one, .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img, .facts-section-sixteen .facts-section-all .facts-content-all ul li, .item.item-fifteen .doctor-profile-widget .doc-pro-img .doctor-amount .fav-icon, .doc-content-fift .rate-fifteen ul li, .doc-content-fift .rate-fifteen ul, .doc-content-fift .rate-fifteen .rate-four, .Patients-section-fifteen .service-patient-inflict .clients-fifteen-span, .Patients-section-fifteen .service-patient-inflict .service-patient-inflictimg, .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg a .playicon span, .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content, .section-header-thirteen, .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li .choose-us-content-thirteen .chooseus-contents, .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content p i, .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all, .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content, .testi-img .testi-icon, .faq-wrap ul li a span, .count-box .count-icon, .center-img .center-service span, .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-img .hexogen, .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-item, .book-section .book-best-doctors .book-header .img-overlay, .browse-section .brower-box > div .brower-img, .clinic-specialities .special-box:hover .special-body, .doctor-category .pop-box .body-section, .doctor-category .pop-box .top-section i, .doctor-category .pop-box .top-section, .doctor-widget-one .clinic-booking .btn-primary-light, .view-icons a, .voice-call-avatar, .toggle-password-sub, .pass-group .toggle-password, .login-content-info .account-content .social-login-btn .btn, .increment-decrement .input-groups input[type=button], .profile-pic-upload .cam-col, .step-list ul li a, .call-box .call-wrapper .call-items, .chat-attachment-item, .chat-window .chat-cont-right .chat-header .notify-block .media-img-wrap, .chat-window .chat-cont-right .chat-header, .chat-window, .signature, .btn.btn-danger.trash, .time-slot.time-slot-blk li .timing, .visits span.visit-rsn:before, .hours-info .btn.btn-danger.trash, .blogs-section .blog-wrapper .wrap-content .date-cart, .partners-slider li a, .work-info .work-icon span, .specialities-section-one .specialities-img span, .specialities-section-one .specialities-item, .profile-widget .fav-btn, .section-specialities .specialities-slider .speicality-item .speicality-img span, .footer.footer-one.footer-sixteen .footer-bottom .copyright .copyright-menu ul li a, .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .social-icon ul li a, .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .user-details-fift ul li .contact-fifteen .contact-form-fift, .footer-contacts .footer-wrap .footer-icon, .footer-three .social-icon ul li a, .footer-one .footer-top .footer-widget .footer-contact-info .footer-address p, .header.header-fourteen .header-nav .header-navbar-rht li.searchbar-fourteen a, .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.searchbar-fourteen, .header.header-ten .main-menu-wrapper .main-nav .register-btn, .header.header-ten .main-menu-wrapper .main-nav li .btn.log-btn, .header.header-ten .main-menu-wrapper .main-nav li .btn.reg-btn, .header-one .main-menu-wrapper .main-nav .register-btn, .header-one .main-menu-wrapper .main-nav li .btn.log-btn, .header-one .main-menu-wrapper .main-nav li .btn.reg-btn, .header.custom .header-navbar-rht.right-menu .header-contact-img i, .header .header-nav, .custom-medicalrecord-modal .modal-content .upload-medical-records .dropzone, .brower-box a, .clinic-slider .profile-widget .brower-box .arrow, .browse-slider .profile-widget .brower-box .arrow, .book-slider .profile-widget .brower-box .arrow, .clinic-slider .profile-widget .brower-box a, .browse-slider .profile-widget .brower-box a, .book-slider .profile-widget .brower-box a, .slick-dots .slick-dots li, .dot-slider .slick-dots li, .align-center { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .section-title { font-size: 26px; color: #282828; padding-top: 18px; text-align: center; } .primaryBtn[_ngcontent-serverApp-c86] { padding: 1.2vh 3.2vh; border-radius: 0.8vh; background: #f68a40; font-size: 2.4vh; display: inline-block; color: #fff; } .custom-shape-divider-top-1639975762[_ngcontent-serverApp-c86] { position: absolute; top: -16vh; left: 0; width: 100%; height: 25vh; overflow: hidden; line-height: 0; background: #eff2f7; fill: #fff; z-index: -1; } .form-group-flex, .otp-info, .otp-box .forms-block, .signup-option-btns .signup-btn-info, .booking-list, .doc-content-fift .fift-bottom-content, .doc-content-fift .rate-fifteen, .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom .doc-content-split, .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content .our-doctor-content-inner, .store-item .store-content .price-tag, .testi-users, .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay, .doctor-filter-inner, .booking-doctor-details, .faq-patients-count, .doc-pro-info, .footer-three .footer-bottom .copyright .footer-language, .header.header-ten .header-nav, .header-one .header-nav { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; } .terms-btn .btn, .otp-sec p, .testimonial-slider .slick-prev, .testimonial-slider .slick-next, .special-item .special-icon a, .doctor-profile-widget.doc-grid .favourite-btn .favourite-icon, .doctor-widget-one .favourite-btn .favourite-icon, .doctor-filter-sort .nav li a, .faq-info .accordion-button:after, .reviews-ratings span, .slide-nav-1 button.owl-next, .slide-nav-1 button.owl-prev, .slide-nav-2 button.owl-next, .slide-nav-2 button.owl-prev { display: inline-flex; display: -webkit-inline-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .widget-setcount ul, .onboarding-content .increment-decrement .input-groups input[type=button], .relative-form, .option-set, .select-gender-option, .onboarding-contents, .opt-resend, .set-path, .prefer-box, .call-lable.verify-lable.verify-options, .call-lable.verify-lable.verify-lable, .call-lable, .consult-option, .save-detail, .upload-pic.patient-photo-upload, .upload-pic, .onboarding-content-box.content-wrap, .onboarding-progress, .on-board-wizard ul li a, #onboard-slider .owl-dots, .right-panel, .left-panel, .onboard-wrapper, .full-slide-home .slick-slide .slide-image, .full-slide-home .slick-slide > div > .col-12, .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul, .banner-wrapper .search-box-3 form, .map-listing .profile-widget, .doctor-widget-one .doc-info-left, .doctor-widget-one, .clinic-services, .doc-info-left, .doctor-widget, .call-timing, .call-details, .password-strength, .increment-decrement .input-groups, .login-bottom-copyright, .custom-increment .input-group1, chat-attachment-list, .chat-msg-attachments, .chat-window .chat-msg-info, .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .chat-window .chat-cont-right .chat-header .chat-options, .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body, .chat-window .chat-cont-left .chat-search .input-group .input-group-prepend, .chat-window .chat-cont-left .chat-header, .patient-graph-col .graph-box .graph-status-result, .patient-graph-col .graph-box, .patient-graph-box, .patient-dashboard-top, .change-avatar, .profile-info-widget, .dash-card .dash-widget, .upload-wrap, .review-listing > ul li .comment .comment-body .meta-data .review-count, .review-listing > ul li .comment, .appointments .appointment-list, .appointment-list .profile-info-widget, .booking-device, .success-page-cont, .booking-doc-info, .work-info, .section-search .banner-wrapper .search-box form, .footer-two .footer-top .footer-widget .footer-contact-info .footer-address, .footer-one .footer-top .footer-widget .footer-contact-info .footer-address, .footer .footer-top .footer-widget .footer-contact-info .footer-address, .header.header-ten .main-menu-wrapper .main-nav, .header-one .main-menu-wrapper .main-nav, .header .header-nav .header-navbar-rht .has-arrow .user-header, .header .header-nav .header-navbar-rht .dropdown-menu .dropdown-item, .header .header-nav .main-nav, .header .header-nav, .avatar .avatar-title { display: -webkit-box; display: -ms-flexbox; display: flex; } .success-btn .btn, .terms-section .terms-content .terms-text.terms-list p, .error-content .btn, .way-inner-header .btn, .breadcrumb-bar-two .page-breadcrumb ol, .booking-btn .btn, .doctor-search-section.doctor-search-eleven .banner-header .btn, .breadcrumb-bar-one .page-breadcrumb ol, .specialities-section-one .specialities-btn .btn, .footer-one .social-icon ul li a, .footer-one .social-icon ul, .footer-two .footer-top .footer-widget .footer-about-content .social-icon ul li a, .footer-two .footer-top .footer-widget .footer-about-content .social-icon ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .booking-date, .consultation-types, .contact-card .card-body, .signup-info, .testimonial-info, .about-contact, .pricing-header-info, .booking-doctor-right p, .booking-doctor-left, .faq-wrap ul li a, .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay .blog-name, .count-box, .doctor-widget-one .clini-infos ul li, .doctor-widget-one .doc-location, .doctor-filter-sort, .doctor-filter-option, .doctor-filter-availability, .filter-grid h4 a, .booking-range .btn, .booking-date.choose-date-book, .articles-info, .doc-pro-location p, .footer-contacts .footer-wrap, .footer-one .footer-top .footer-widget.footer-menu ul li a, .flag-dropdown .dropdown-menu .dropdown-item, .flag-dropdown .dropdown-toggle { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .success-dashboard-link a, .custom_radio, .booking-date-list ul li span, .center-img .center-service, .doctor-widget-one .doc-name, .login-content-info .account-content .login-back a, .back-link a, .articles-content .articles-list li, .reviews-ratings p { display: inline-flex; display: -webkit-inline-flex; align-items: center; -webkit-align-items: center; } .widget-setcount ul, .booking-list { flex-wrap: wrap; -webkit-flex-wrap: wrap; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-item, .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .specialities-section-one .specialities-item { flex-direction: column; } .flag-dropdown .dropdown-toggle { justify-content: start; -webkit-justify-content: start; } .widget-setcount ul, .relative-form, .prefer-box, .onboarding-content-box.content-wrap, .left-panel { justify-content: space-between; -webkit-justify-content: space-between; } .terms-section .terms-content .terms-text.terms-list p, .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .chat-window .chat-cont-right .chat-header, .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body, .chat-window .chat-cont-left .chat-header, .listing-day, .header.header-ten .menu-header, .header-one .menu-header, .header .header-nav .menu-header, .header .header-nav { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .store-tab, .doctor-divison .pat-background, .doctor-divison .doc-background, .login-bottom-copyright, .custom-increment.cart .input-group1, .btn-file, .chat-attachment-item, .chat-window .chat-cont-right .chat-header .chat-options > a, .success-cont i, .hours-info .btn.btn-danger.trash, .profile-widget .fav-btn, .section-specialities .specialities-slider .speicality-item .speicality-img span, .header .header-nav .header-navbar-rht li, .avatar .avatar-title, .btn-icon { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .increment-decrement .input-groups, .login-page .login-right, .btn-file, .chat-window .chat-msg-info, .chat-window .chat-cont-right .chat-header .chat-options > a, .chat-window .chat-cont-right .chat-header .notify-block, .chat-window .chat-cont-left .chat-search .input-group .input-group-prepend, .chat-window .chat-cont-left .chat-header, .signature, .change-avatar, .dash-card .dash-widget, .btn.btn-danger.trash, .appointments .appointment-action, .success-cont i, .success-page-cont, .header.header-ten .menu-header, .header-one .menu-header, .header .header-nav .header-navbar-rht .has-arrow.logged-item .nav-link, .header .header-nav .header-navbar-rht .has-arrow .logged-item .nav-link, .header .header-nav .header-navbar-rht .dropdown-menu .dropdown-item, .header .header-nav .header-navbar-rht li, .header .header-nav .menu-header, table.table td h2.table-avatar, table.table td h2 .table-avatar, .avatar .avatar-title, .btn-icon { align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .listing-day { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .doctor-divison .pat-background, .doctor-divison .doc-background, .btn-file, .chat-window .chat-cont-right .chat-header .chat-options > a, .chat-window .chat-cont-left .chat-header .chat-compose, .appointments .appointment-action, .success-cont i, .profile-widget .fav-btn, .section-specialities .specialities-slider .speicality-item .speicality-img span, .footer .footer-top .footer-widget .footer-about-content .social-icon ul li a, .footer .footer-top .footer-widget .footer-about-content .social-icon ul, .header .header-nav .header-navbar-rht .has-arrow.logged-item .nav-link, .header .header-nav .header-navbar-rht .has-arrow .logged-item .nav-link, .header .header-nav .header-navbar-rht li, table.table td h2.table-avatar, table.table td h2 .table-avatar, .avatar-group, .btn-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .widget-setcount ul, .onboarding-content .increment-decrement .input-groups input[type=button], .relative-form, .option-set, .select-gender-option, .onboarding-contents, .opt-resend, .set-path, .prefer-box, .call-lable.verify-lable.verify-options, .call-lable.verify-lable.verify-lable, .call-lable, .consult-option, .save-detail, .upload-pic.patient-photo-upload, .upload-pic, .onboarding-content-box.content-wrap, .onboarding-progress, .on-board-wizard ul li a, #onboard-slider .owl-dots, .right-panel, .left-panel, .onboard-wrapper, .full-slide-home .slick-slide .slide-image, .full-slide-home .slick-slide > div > .col-12, .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul, .banner-wrapper .search-box-3 form, .map-listing .profile-widget, .doctor-widget-one .doc-info-left, .doctor-widget-one, .clinic-services, .doc-info-left, .doctor-widget, .call-timing, .call-details, .password-strength, .increment-decrement .input-groups, .login-bottom-copyright, .custom-increment .input-group1, chat-attachment-list, .chat-msg-attachments, .chat-window .chat-msg-info, .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .chat-window .chat-cont-right .chat-header .chat-options, .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body, .chat-window .chat-cont-left .chat-search .input-group .input-group-prepend, .chat-window .chat-cont-left .chat-header, .patient-graph-col .graph-box .graph-status-result, .patient-graph-col .graph-box, .patient-graph-box, .patient-dashboard-top, .change-avatar, .profile-info-widget, .dash-card .dash-widget, .upload-wrap, .review-listing > ul li .comment .comment-body .meta-data .review-count, .review-listing > ul li .comment, .appointments .appointment-list, .appointment-list .profile-info-widget, .booking-device, .success-page-cont, .booking-doc-info, .work-info, .section-search .banner-wrapper .search-box form, .footer-two .footer-top .footer-widget .footer-contact-info .footer-address, .footer-one .footer-top .footer-widget .footer-contact-info .footer-address, .footer .footer-top .footer-widget .footer-contact-info .footer-address, .header.header-ten .main-menu-wrapper .main-nav, .header-one .main-menu-wrapper .main-nav, .header .header-nav .header-navbar-rht .has-arrow .user-header, .header .header-nav .header-navbar-rht .dropdown-menu .dropdown-item, .header .header-nav .main-nav, .header .header-nav, .avatar .avatar-title { display: -webkit-box; display: -ms-flexbox; display: flex; } .payment-radio, .custom_radio, .custom_check, .slick-slider { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .right-panel, .section-search-pharmacy .banner-wrapper2 .search-box1 form, .full-slide-home .slick-slide > div > .col-12, .clinic-services, .chat-window .chat-msg-info, .patient-graph-col .graph-box .graph-status-result, .patient-graph-col .graph-box, .appointments .appointment-list, .schedule-nav .nav-tabs, .post-left ul, .header.header-ten .header-nav, .header-one .header-nav, .header .header-nav, .custom-medicalrecord-modal .modal-content .upload-medical-records .dropzone { -ms-flex-wrap: wrap; flex-wrap: wrap; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-item, .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .specialities-section-one .specialities-item { -ms-flex-direction: column; flex-direction: column; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .patient-graph-col .graph-box .graph-status-result { justify-content: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .patient-graph-col .graph-box .graph-status-result { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } .upload-wrap, .day-week-month-col ul, .payment-menthods ul, .step-list ul, .header-top ul { list-style: none; padding: 0; margin: 0; } /******* BASE *******/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; } * { box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { height: 100%; overflow-x: hidden; } blockquote, q { quotes: none; } blockquote:before, blockquote:after { content: ""; content: none; } q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } @font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local("Material Icons"), local("MaterialIcons-Regular"), url(../fonts/MaterialIcons-Regular.woff2) format("woff2"), url(../fonts/MaterialIcons-Regular.woff) format("woff"), url(../fonts/MaterialIcons-Regular.ttf) format("truetype"); } .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; } h1 { font-weight: normal; font-size: 40px; } @media (max-width: 767.98px) { h1 { font-size: 27px; } } h2 { font-weight: normal; font-size: 30px; } @media (max-width: 767.98px) { h2 { font-size: 23px; } } h3 { font-weight: normal; font-size: 24px; } @media (max-width: 1023.98px) { h3 { font-size: 20px; } } @media (max-width: 767.98px) { h3 { font-size: 16px; } } h4 { font-weight: normal; font-size: 18px; } @media (max-width: 1023.98px) { h4 { font-size: 18px; } } @media (max-width: 767.98px) { h4 { font-size: 18px; } } h5 { font-weight: normal; font-size: 19px; } @media (max-width: 1023.98px) { h5 { font-size: 18px; } } h6 { font-weight: normal; font-size: 18px; } @media (max-width: 1023.98px) { h6 { font-size: 16px; } } .primary { background-color: #09e5ab; } html { height: 100%; } body { font-family: "Poppins", sans-serif; background-color: #ffffff; font-size: 0.9375rem; color: #6B7280; line-height: 1.5; height: 100%; overflow-x: hidden; } @media (max-width: 767.98px) { body { font-size: 14px; } } @media (max-width: 575.98px) { body { font-size: 13px; } } img { max-width: 100%; height: auto; } a { color: #2E3842; cursor: pointer; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; text-decoration: none; } a:hover { color: #09e5ab; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; text-decoration: none; } a:focus { outline: 0; } .green .intro_text a:hover { color: #09e5ab; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } p { margin-top: 0; margin-bottom: 16px; } h1, h2, h3, h4, h5, h6 { color: #272b41; font-weight: 500; } .h1, h1 { font-size: 2.25rem; } @media (max-width: 767.98px) { .h1, h1 { font-size: 32px; } } @media (max-width: 575.98px) { .h1, h1 { font-size: 28px; } } .h2, h2 { font-size: 30px; } @media (max-width: 767.98px) { .h2, h2 { font-size: 28px; } } @media (max-width: 575.98px) { .h2, h2 { font-size: 24px; } } /*.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {*/ /* font-family: auto;*/ /* color: #1f2278;*/ /* line-height: 1.3;*/ /*}*/ .h3, h3 { font-size: 2.5rem; font-weight: 800; color: #f17732; } @media (max-width: 767.98px) { .h3, h3 { font-size: 22px; } } @media (max-width: 575.98px) { .h3, h3 { font-size: 20px; } } .h4, h4 { font-size: 18px; } @media (max-width: 767.98px) { .h4, h4 { font-size: 16px; } } @media (max-width: 575.98px) { .h4, h4 { font-size: 16px; } } .h5, h5 { font-size: 1rem; } @media (max-width: 767.98px) { .h5, h5 { font-size: 14px; } } @media (max-width: 575.98px) { .h5, h5 { font-size: 14px; } } .h6, h6 { font-size: 14px; } @media (max-width: 767.98px) { .h6, h6 { font-size: 12px; } } @media (max-width: 575.98px) { .h6, h6 { font-size: 12px; } } .btn-primary { background-color: #09e5ab; border: 1px solid #09e5ab; } .btn-primary:hover { background-color: #09dca4; border: 1px solid #09dca4; } .container-fluid { padding: 0 30px; } @media (max-width: 1199.98px) { .container-fluid { padding: 0 20px; } } @media (max-width: 991.98px) { .container-fluid { padding: 0 20px; } } @media (max-width: 767.98px) { .container-fluid { padding: 0 15px; } } .form-group { margin-bottom: 20px; } .text-muted { color: #757575 !important; } .dropdown-menu { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 14px; border-radius: 3px; -webkit-box-shadow: inherit; -moz-box-shadow: inherit; box-shadow: inherit; transform-origin: left top 0; -webkit-transform-origin: left top 0; -ms-transform-origin: left top 0; } @media (max-width: 1399.98px) { .row.row-grid { margin-left: -8px; margin-right: -8px; } } @media (max-width: 1399.98px) { .row.row-grid > div { padding-right: 8px; padding-left: 8px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } } @media (max-width: 1199.98px) { .row.row-grid > div { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (max-width: 849.98px) { .row.row-grid > div { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (max-width: 767.98px) { .row.row-grid > div { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (max-width: 575.98px) { .row.row-grid > div { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .text-sm { font-size: 14px !important; } .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; } .small, small { font-size: 80%; font-weight: 400; } a { color: #2E3842; } a:hover { color: #09dca4; } a:hover, a:focus, a.active { outline: none; text-decoration: none; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { box-shadow: 0 0 0px 1000px white inset !important; -webkit-box-shadow: 0 0 0px 1000px white inset !important; } input[type=text], input[type=password] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input, button, a { -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } button:focus { outline: 0; } .btn:focus, .btn.focus { box-shadow: inherit; } .form-control { border-color: #dcdcdc; color: #333333; font-size: 15px; min-height: 46px; padding: 11px 15px; } .form-control:focus { border-color: #bbb; box-shadow: none; outline: 0 none; } .form-control::-webkit-input-placeholder, .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-ms-input-placeholder, .form-control::placeholder { color: #858585; font-size: 14px; } .form-control::placeholder { color: #858585; font-size: 14px; } .table .form-control { font-size: 14px; min-height: 38px; } .list-group-item { border: 1px solid #f0f0f0; } @media (max-width: 991.98px) { .container { max-width: 100%; } } .form-custom { position: relative; } .form-custom i { color: #DD2D4E; position: absolute; top: 35%; right: 15px; } p:last-child  { margin-bottom: 0; } /*** default values ***/ /***** custom values *****/ /***** Grid Values *****/ /** Extends **/ .upload-wrap, .login-page .login-right, .listing-day, .doctor-action, .doc-times, .css-equal-heights, .css-equal-content { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .css-equal-content { color: red; float: left; } .time-slot li .timing, .consultation-types a, .coming-soon-info, .widget-setcount .step-icon, .widget-setcount .step-box, .signup-arrow, .why-choose-icon span, .about-contact-icon span, .pricing-icon span, .plan-choose-info, .product-custom .cart-icon, .section-search-pharmacy .banner-wrapper2 .search-box1 form, .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two, .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img .facts-content-sixteen .facts-content-one, .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img, .facts-section-sixteen .facts-section-all .facts-content-all ul li, .item.item-fifteen .doctor-profile-widget .doc-pro-img .doctor-amount .fav-icon, .doc-content-fift .rate-fifteen ul li, .doc-content-fift .rate-fifteen ul, .doc-content-fift .rate-fifteen .rate-four, .Patients-section-fifteen .service-patient-inflict .clients-fifteen-span, .Patients-section-fifteen .service-patient-inflict .service-patient-inflictimg, .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg a .playicon span, .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content, .section-header-thirteen, .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li .choose-us-content-thirteen .chooseus-contents, .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content p i, .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all, .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content, .testi-img .testi-icon, .faq-wrap ul li a span, .count-box .count-icon, .center-img .center-service span, .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-img .hexogen, .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-item, .book-section .book-best-doctors .book-header .img-overlay, .browse-section .brower-box > div .brower-img, .clinic-specialities .special-box:hover .special-body, .doctor-category .pop-box .body-section, .doctor-category .pop-box .top-section i, .doctor-category .pop-box .top-section, .doctor-widget-one .clinic-booking .btn-primary-light, .view-icons a, .voice-call-avatar, .toggle-password-sub, .pass-group .toggle-password, .login-content-info .account-content .social-login-btn .btn, .increment-decrement .input-groups input[type=button], .profile-pic-upload .cam-col, .step-list ul li a, .call-box .call-wrapper .call-items, .chat-attachment-item, .chat-window .chat-cont-right .chat-header .notify-block .media-img-wrap, .chat-window .chat-cont-right .chat-header, .chat-window, .signature, .btn.btn-danger.trash, .time-slot.time-slot-blk li .timing, .visits span.visit-rsn:before, .hours-info .btn.btn-danger.trash, .blogs-section .blog-wrapper .wrap-content .date-cart, .partners-slider li a, .work-info .work-icon span, .specialities-section-one .specialities-img span, .specialities-section-one .specialities-item, .profile-widget .fav-btn, .section-specialities .specialities-slider .speicality-item .speicality-img span, .footer.footer-one.footer-sixteen .footer-bottom .copyright .copyright-menu ul li a, .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .social-icon ul li a, .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .user-details-fift ul li .contact-fifteen .contact-form-fift, .footer-contacts .footer-wrap .footer-icon, .footer-three .social-icon ul li a, .footer-one .footer-top .footer-widget .footer-contact-info .footer-address p, .header.header-fourteen .header-nav .header-navbar-rht li.searchbar-fourteen a, .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.searchbar-fourteen, .header.header-ten .main-menu-wrapper .main-nav .register-btn, .header.header-ten .main-menu-wrapper .main-nav li .btn.log-btn, .header.header-ten .main-menu-wrapper .main-nav li .btn.reg-btn, .header-one .main-menu-wrapper .main-nav .register-btn, .header-one .main-menu-wrapper .main-nav li .btn.log-btn, .header-one .main-menu-wrapper .main-nav li .btn.reg-btn, .header.custom .header-navbar-rht.right-menu .header-contact-img i, .header .header-nav, .custom-medicalrecord-modal .modal-content .upload-medical-records .dropzone, .brower-box a, .clinic-slider .profile-widget .brower-box .arrow, .browse-slider .profile-widget .brower-box .arrow, .book-slider .profile-widget .brower-box .arrow, .clinic-slider .profile-widget .brower-box a, .browse-slider .profile-widget .brower-box a, .book-slider .profile-widget .brower-box a, .slick-dots .slick-dots li, .dot-slider .slick-dots li, .align-center { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .form-group-flex, .otp-info, .otp-box .forms-block, .signup-option-btns .signup-btn-info, .booking-list, .doc-content-fift .fift-bottom-content, .doc-content-fift .rate-fifteen, .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom .doc-content-split, .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content .our-doctor-content-inner, .store-item .store-content .price-tag, .testi-users, .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay, .doctor-filter-inner, .booking-doctor-details, .faq-patients-count, .doc-pro-info, .footer-three .footer-bottom .copyright .footer-language, .header.header-ten .header-nav, .header-one .header-nav { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; } .terms-btn .btn, .otp-sec p, .testimonial-slider .slick-prev, .testimonial-slider .slick-next, .special-item .special-icon a, .doctor-profile-widget.doc-grid .favourite-btn .favourite-icon, .doctor-widget-one .favourite-btn .favourite-icon, .doctor-filter-sort .nav li a, .faq-info .accordion-button:after, .reviews-ratings span, .slide-nav-1 button.owl-next, .slide-nav-1 button.owl-prev, .slide-nav-2 button.owl-next, .slide-nav-2 button.owl-prev { display: inline-flex; display: -webkit-inline-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .widget-setcount ul, .onboarding-content .increment-decrement .input-groups input[type=button], .relative-form, .option-set, .select-gender-option, .onboarding-contents, .opt-resend, .set-path, .prefer-box, .call-lable.verify-lable.verify-options, .call-lable.verify-lable.verify-lable, .call-lable, .consult-option, .save-detail, .upload-pic.patient-photo-upload, .upload-pic, .onboarding-content-box.content-wrap, .onboarding-progress, .on-board-wizard ul li a, #onboard-slider .owl-dots, .right-panel, .left-panel, .onboard-wrapper, .full-slide-home .slick-slide .slide-image, .full-slide-home .slick-slide > div > .col-12, .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul, .banner-wrapper .search-box-3 form, .map-listing .profile-widget, .doctor-widget-one .doc-info-left, .doctor-widget-one, .clinic-services, .doc-info-left, .doctor-widget, .call-timing, .call-details, .password-strength, .increment-decrement .input-groups, .login-bottom-copyright, .custom-increment .input-group1, chat-attachment-list, .chat-msg-attachments, .chat-window .chat-msg-info, .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .chat-window .chat-cont-right .chat-header .chat-options, .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body, .chat-window .chat-cont-left .chat-search .input-group .input-group-prepend, .chat-window .chat-cont-left .chat-header, .patient-graph-col .graph-box .graph-status-result, .patient-graph-col .graph-box, .patient-graph-box, .patient-dashboard-top, .change-avatar, .profile-info-widget, .dash-card .dash-widget, .upload-wrap, .review-listing > ul li .comment .comment-body .meta-data .review-count, .review-listing > ul li .comment, .appointments .appointment-list, .appointment-list .profile-info-widget, .booking-device, .success-page-cont, .booking-doc-info, .work-info, .section-search .banner-wrapper .search-box form, .footer-two .footer-top .footer-widget .footer-contact-info .footer-address, .footer-one .footer-top .footer-widget .footer-contact-info .footer-address, .footer .footer-top .footer-widget .footer-contact-info .footer-address, .header.header-ten .main-menu-wrapper .main-nav, .header-one .main-menu-wrapper .main-nav, .header .header-nav .header-navbar-rht .has-arrow .user-header, .header .header-nav .header-navbar-rht .dropdown-menu .dropdown-item, .header .header-nav .main-nav, .header .header-nav, .avatar .avatar-title { display: -webkit-box; display: -ms-flexbox; display: flex; } .success-btn .btn, .terms-section .terms-content .terms-text.terms-list p, .error-content .btn, .way-inner-header .btn, .breadcrumb-bar-two .page-breadcrumb ol, .booking-btn .btn, .doctor-search-section.doctor-search-eleven .banner-header .btn, .breadcrumb-bar-one .page-breadcrumb ol, .specialities-section-one .specialities-btn .btn, .footer-one .social-icon ul li a, .footer-one .social-icon ul, .footer-two .footer-top .footer-widget .footer-about-content .social-icon ul li a, .footer-two .footer-top .footer-widget .footer-about-content .social-icon ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .booking-date, .consultation-types, .contact-card .card-body, .signup-info, .testimonial-info, .about-contact, .pricing-header-info, .booking-doctor-right p, .booking-doctor-left, .faq-wrap ul li a, .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay .blog-name, .count-box, .doctor-widget-one .clini-infos ul li, .doctor-widget-one .doc-location, .doctor-filter-sort, .doctor-filter-option, .doctor-filter-availability, .filter-grid h4 a, .booking-range .btn, .booking-date.choose-date-book, .articles-info, .doc-pro-location p, .footer-contacts .footer-wrap, .footer-one .footer-top .footer-widget.footer-menu ul li a, .flag-dropdown .dropdown-menu .dropdown-item, .flag-dropdown .dropdown-toggle { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .success-dashboard-link a, .custom_radio, .booking-date-list ul li span, .center-img .center-service, .doctor-widget-one .doc-name, .login-content-info .account-content .login-back a, .back-link a, .articles-content .articles-list li, .reviews-ratings p { display: inline-flex; display: -webkit-inline-flex; align-items: center; -webkit-align-items: center; } .widget-setcount ul, .booking-list { flex-wrap: wrap; -webkit-flex-wrap: wrap; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-item, .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .specialities-section-one .specialities-item { flex-direction: column; } .flag-dropdown .dropdown-toggle { justify-content: start; -webkit-justify-content: start; } .widget-setcount ul, .relative-form, .prefer-box, .onboarding-content-box.content-wrap, .left-panel { justify-content: space-between; -webkit-justify-content: space-between; } .terms-section .terms-content .terms-text.terms-list p, .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .chat-window .chat-cont-right .chat-header, .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body, .chat-window .chat-cont-left .chat-header, .listing-day, .header.header-ten .menu-header, .header-one .menu-header, .header .header-nav .menu-header, .header .header-nav { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; } .store-tab, .doctor-divison .pat-background, .doctor-divison .doc-background, .login-bottom-copyright, .custom-increment.cart .input-group1, .btn-file, .chat-attachment-item, .chat-window .chat-cont-right .chat-header .chat-options > a, .success-cont i, .hours-info .btn.btn-danger.trash, .profile-widget .fav-btn, .section-specialities .specialities-slider .speicality-item .speicality-img span, .header .header-nav .header-navbar-rht li, .avatar .avatar-title, .btn-icon { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } .increment-decrement .input-groups, .login-page .login-right, .btn-file, .chat-window .chat-msg-info, .chat-window .chat-cont-right .chat-header .chat-options > a, .chat-window .chat-cont-right .chat-header .notify-block, .chat-window .chat-cont-left .chat-search .input-group .input-group-prepend, .chat-window .chat-cont-left .chat-header, .signature, .change-avatar, .dash-card .dash-widget, .btn.btn-danger.trash, .appointments .appointment-action, .success-cont i, .success-page-cont, .header.header-ten .menu-header, .header-one .menu-header, .header .header-nav .header-navbar-rht .has-arrow.logged-item .nav-link, .header .header-nav .header-navbar-rht .has-arrow .logged-item .nav-link, .header .header-nav .header-navbar-rht .dropdown-menu .dropdown-item, .header .header-nav .header-navbar-rht li, .header .header-nav .menu-header, table.table td h2.table-avatar, table.table td h2 .table-avatar, .avatar .avatar-title, .btn-icon { align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .listing-day { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .doctor-divison .pat-background, .doctor-divison .doc-background, .btn-file, .chat-window .chat-cont-right .chat-header .chat-options > a, .chat-window .chat-cont-left .chat-header .chat-compose, .appointments .appointment-action, .success-cont i, .profile-widget .fav-btn, .section-specialities .specialities-slider .speicality-item .speicality-img span, .footer .footer-top .footer-widget .footer-about-content .social-icon ul li a, .footer .footer-top .footer-widget .footer-about-content .social-icon ul, .header .header-nav .header-navbar-rht .has-arrow.logged-item .nav-link, .header .header-nav .header-navbar-rht .has-arrow .logged-item .nav-link, .header .header-nav .header-navbar-rht li, table.table td h2.table-avatar, table.table td h2 .table-avatar, .avatar-group, .btn-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .widget-setcount ul, .onboarding-content .increment-decrement .input-groups input[type=button], .relative-form, .option-set, .select-gender-option, .onboarding-contents, .opt-resend, .set-path, .prefer-box, .call-lable.verify-lable.verify-options, .call-lable.verify-lable.verify-lable, .call-lable, .consult-option, .save-detail, .upload-pic.patient-photo-upload, .upload-pic, .onboarding-content-box.content-wrap, .onboarding-progress, .on-board-wizard ul li a, #onboard-slider .owl-dots, .right-panel, .left-panel, .onboard-wrapper, .full-slide-home .slick-slide .slide-image, .full-slide-home .slick-slide > div > .col-12, .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul, .banner-wrapper .search-box-3 form, .map-listing .profile-widget, .doctor-widget-one .doc-info-left, .doctor-widget-one, .clinic-services, .doc-info-left, .doctor-widget, .call-timing, .call-details, .password-strength, .increment-decrement .input-groups, .login-bottom-copyright, .custom-increment .input-group1, chat-attachment-list, .chat-msg-attachments, .chat-window .chat-msg-info, .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .chat-window .chat-cont-right .chat-header .chat-options, .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body, .chat-window .chat-cont-left .chat-search .input-group .input-group-prepend, .chat-window .chat-cont-left .chat-header, .patient-graph-col .graph-box .graph-status-result, .patient-graph-col .graph-box, .patient-graph-box, .patient-dashboard-top, .change-avatar, .profile-info-widget, .dash-card .dash-widget, .upload-wrap, .review-listing > ul li .comment .comment-body .meta-data .review-count, .review-listing > ul li .comment, .appointments .appointment-list, .appointment-list .profile-info-widget, .booking-device, .success-page-cont, .booking-doc-info, .work-info, .section-search .banner-wrapper .search-box form, .footer-two .footer-top .footer-widget .footer-contact-info .footer-address, .footer-one .footer-top .footer-widget .footer-contact-info .footer-address, .footer .footer-top .footer-widget .footer-contact-info .footer-address, .header.header-ten .main-menu-wrapper .main-nav, .header-one .main-menu-wrapper .main-nav, .header .header-nav .header-navbar-rht .has-arrow .user-header, .header .header-nav .header-navbar-rht .dropdown-menu .dropdown-item, .header .header-nav .main-nav, .header .header-nav, .avatar .avatar-title { display: -webkit-box; display: -ms-flexbox; display: flex; } .payment-radio, .custom_radio, .custom_check, .slick-slider { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .right-panel, .section-search-pharmacy .banner-wrapper2 .search-box1 form, .full-slide-home .slick-slide > div > .col-12, .clinic-services, .chat-window .chat-msg-info, .patient-graph-col .graph-box .graph-status-result, .patient-graph-col .graph-box, .appointments .appointment-list, .schedule-nav .nav-tabs, .post-left ul, .header.header-ten .header-nav, .header-one .header-nav, .header .header-nav, .custom-medicalrecord-modal .modal-content .upload-medical-records .dropzone { -ms-flex-wrap: wrap; flex-wrap: wrap; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-item, .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .specialities-section-one .specialities-item { -ms-flex-direction: column; flex-direction: column; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .patient-graph-col .graph-box .graph-status-result { justify-content: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body, .patient-graph-col .graph-box .graph-status-result { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } .upload-wrap, .day-week-month-col ul, .payment-menthods ul, .step-list ul, .header-top ul { list-style: none; padding: 0; margin: 0; } .col { width: auto; padding-left: 15px; padding-right: 15px; float: left; position: relative; min-height: 1px; } @media (min-width: 320px) { .col.col-xs-12 { width: 100%; } .col.col-xs-11 { width: 91.66666667%; } .col.col-xs-10 { width: 83.33333333%; } .col.col-xs-9 { width: 75%; } .col.col-xs-8 { width: 66.66666667%; } .col.col-xs-7 { width: 58.33333333%; } .col.col-xs-6 { width: 50%; } .col.col-xs-5 { width: 41.66666667%; } .col.col-xs-4 { width: 33.33333333%; } .col.col-xs-3 { width: 25%; } .col.col-xs-2 { width: 16.66666667%; } .col.col-xs-1 { width: 8.33333333%; } } @media (min-width: 568px) { .col.col-sm-12 { width: 100%; } .col.col-sm-11 { width: 91.66666667%; } .col.col-sm-10 { width: 83.33333333%; } .col.col-sm-9 { width: 75%; } .col.col-sm-8 { width: 66.66666667%; } .col.col-sm-7 { width: 58.33333333%; } .col.col-sm-6 { width: 50%; } .col.col-sm-5 { width: 41.66666667%; } .col.col-sm-4 { width: 33.33333333%; } .col.col-sm-3 { width: 25%; } .col.col-sm-2 { width: 16.66666667%; } .col.col-sm-1 { width: 8.33333333%; } } @media (min-width: 768px) { .col.col-md-12 { width: 100%; } .col.col-md-11 { width: 91.66666667%; } .col.col-md-10 { width: 83.33333333%; } .col.col-md-9 { width: 75%; } .col.col-md-8 { width: 66.66666667%; } .col.col-md-7 { width: 58.33333333%; } .col.col-md-6 { width: 50%; } .col.col-md-5 { width: 41.66666667%; } .col.col-md-4 { width: 33.33333333%; } .col.col-md-3 { width: 25%; } .col.col-md-2 { width: 16.66666667%; } .col.col-md-1 { width: 8.33333333%; } } @media (min-width: 1024px) { .col.col-lg-12 { width: 100%; } .col.col-lg-11 { width: 91.66666667%; } .col.col-lg-10 { width: 83.33333333%; } .col.col-lg-9 { width: 75%; } .col.col-lg-8 { width: 66.66666667%; } .col.col-lg-7 { width: 58.33333333%; } .col.col-lg-6 { width: 50%; } .col.col-lg-5 { width: 41.66666667%; } .col.col-lg-4 { width: 33.33333333%; } .col.col-lg-3 { width: 25%; } .col.col-lg-2 { width: 16.66666667%; } .col.col-lg-1 { width: 8.33333333%; } } /******* COMPONENTS ******/ .view-btn { color: #0de0fe; font-size: 13px; border: 2px solid #0de0fe; text-align: center; display: block; font-weight: 500; padding: 6px; } .view-btn:hover, .view-btn:focus { background-color: #0de0fe; color: #ffffff; } .book-btn { background-color: #0de0fe; border: 2px solid #0de0fe; color: #ffffff; font-size: 13px; text-align: center; display: block; font-weight: 500; padding: 6px; } .book-btn:hover, .book-btn:focus { background-color: #01cae4; border-color: #01cae4; color: #ffffff; } .submit-btn-bottom { margin-bottom: 30px; } @media (max-width: 767.98px) { .submit-btn-bottom { margin-bottom: 20px; } } @media (max-width: 575.98px) { .submit-btn-bottom { margin-bottom: 0.9375rem; } } .bg-info-light { background-color: rgba(2, 182, 179, 0.12) !important; color: #1db9aa !important; } .bg-primary-light { background-color: rgba(17, 148, 247, 0.12) !important; color: #2196f3 !important; } .bg-danger-light { background-color: rgba(242, 17, 54, 0.12) !important; color: #e63c3c !important; } .bg-warning-light { background-color: rgba(255, 152, 0, 0.12) !important; color: #f39c12 !important; } .bg-success-light { background-color: rgba(15, 183, 107, 0.12) !important; color: #26af48 !important; } .bg-purple-light { background-color: rgba(197, 128, 255, 0.12) !important; color: #c580ff !important; } .bg-default-light { background-color: rgba(40, 52, 71, 0.12) !important; color: #283447 !important; } .change-photo-btn { background-color: #20c0f3; color: #ffffff; cursor: pointer; display: block; font-size: 13px; font-weight: 600; position: relative; text-align: center; width: 220px; -webkit-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; border-radius: 50px; margin: 0 auto; padding: 10px 15px; } .btn-icon { text-align: center; font-size: 10px; width: 20px; height: 20px; padding: 0; position: absolute; top: 3px; right: 3px; } .btn-facebook { background-color: #3a559f; color: #ffffff; font-size: 13px; padding: 8px 12px; } a.btn.btn-google.w-100:hover { background: #dd4b39; } a.btn.btn-facebook.w-100:hover { background-color: #3a559f; } .btn-google { background-color: #dd4b39; color: #ffffff; font-size: 13px; padding: 8px 12px; } .view-inv-btn { font-size: 16px; font-weight: 700; padding: 12px 30px; } @media (max-width: 767.98px) { .view-inv-btn { font-size: 14px; padding: 10px 30px; } } .banner-btn { background: #1C5B90; border-radius: 130px; color: #ffffff; font-weight: 600; font-size: 14px; padding: 20px 30px; width: 100%; } .banner-btn:hover { background: #10DEFD; color: #ffffff; } .book-btn1 { background-color: #0de0fe; border: 2px solid #0de0fe; color: #ffffff; font-size: 16px; text-align: center; font-weight: 500; padding: 6px 10px; } .book-btn1:hover { background-color: #01cae4; border-color: #01cae4; color: #ffffff; } .search-btn { width: 100%; margin-top: 15px; } @media (max-width: 575.98px) { .mobile-profile-btn-top { position: absolute; top: 9px; } } .mouse-cursor { position: fixed; top: 0; left: 0; pointer-events: none; border-radius: 50%; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); visibility: hidden; } .cursor-inner { margin-left: -4px; margin-top: -4px; width: 10px; height: 10px; z-index: 10000001; background: #0E82FD !important; -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out; } .cursor-inner.cursor-hover { margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; background: #0E82FD !important; opacity: 0.1; } .cursor-outer { margin-left: -15px; margin-top: -15px; width: 30px; height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10000000; opacity: 0.5; border: 2px solid #0E82FD; transform: all 0.08s ease-out; -webkit-transform: all 0.08s ease-out; -ms-transform: all 0.08s ease-out; } .cursor-outer.cursor-hover { opacity: 0; } .mim_tm_all_wrap[data-magic-cursor=hide] .mouse-cursor { display: none; opacity: 0; visibility: hidden; position: absolute; z-index: -1111; } .progress-wrap { position: fixed; right: 25px; bottom: 25px; height: 35px; width: 35px; cursor: pointer; display: block; border-radius: 50%; box-shadow: inset 0 0 0 2px rgba(75, 64, 237, 0.2); z-index: 99; opacity: 0; visibility: hidden; -webkit-transition: all 200ms linear; transition: all 200ms linear; transform: translateY(15px); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); } .progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0); } .progress-wrap::after { position: absolute; content: "\f062"; font-family: "FontAwesome"; text-align: center; line-height: 35px; font-size: 17px; color: #0E82FD; left: 0; top: 0; height: 35px; width: 35px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .progress-wrap svg path { fill: none; } .progress-wrap svg.progress-circle path { stroke: #0E82FD; stroke-width: 4; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .check { display: block; margin: 0; padding: 0; width: 0; height: 0; visibility: hidden; opacity: 0; pointer-events: none; position: absolute; } .check:checked + .checktoggle { background-color: #008F64; border: 1px solid #008F64; } .check:checked + .checktoggle:after { background-color: #ffffff; left: 100%; transform: translate(calc(-100% - 5px), -50%); -webkit-transform: translate(calc(-100% - 5px), -50%); -ms-transform: translate(calc(-100% - 5px), -50%); } .checktoggle { background-color: #FF3535; border: 1px solid #FF3535; border-radius: 12px; cursor: pointer; display: block; font-size: 0; height: 24px; margin-bottom: 0; position: relative; width: 42px; } .checktoggle:after { content: " "; display: block; position: absolute; top: 50%; left: 0; transform: translate(5px, -50%); -webkit-transform: translate(5px, -50%); -ms-transform: translate(5px, -50%); width: 14px; height: 14px; background-color: #ffffff; border-radius: 50%; transition: left 300ms ease, transform 300ms ease; } .status-toggle .check:checked + .checktoggle { background-color: #28a745; border: 1px solid #28a745; } .status-toggle .check:checked + .checktoggle:after { transform: translate(calc(-100% - 2px), -50%); -webkit-transform: translate(calc(-100% - 2px), -50%); -ms-transform: translate(calc(-100% - 2px), -50%); } .status-toggle .checktoggle { width: 41px; height: 21px; } .status-toggle .checktoggle::after { width: 17px; height: 17px; transform: translate(2px, -50%); -webkit-transform: translate(2px, -50%); -ms-transform: translate(2px, -50%); } .status-tog .checktoggle { height: 28px; width: 50px; border-radius: 999px; background-color: #F3F4F6; border-color: #F3F4F6; } .status-tog .checktoggle:before { content: " "; display: block; position: absolute; top: 50%; right: 0; background-image: url(../img/icons/check.svg); background-repeat: no-repeat; background-size: 11px 20px; width: 20px; height: 20px; transform: translate(3px, -50%); } .status-tog .checktoggle:after { width: 24px; height: 24px; background-image: url(../img/icons/x-icon.svg); background-repeat: no-repeat; background-size: 12px 21px; transform: translate(1px, -50%); background-position: center; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.06); } .status-tog .check:checked + .checktoggle:before { content: " "; display: block; position: absolute; left: 0; background-image: url(../img/icons/x-icon.svg); background-repeat: no-repeat; background-size: 13px 21px; width: 20px; height: 20px; filter: brightness(0) invert(1); } .status-tog .check:checked + .checktoggle:after { background-image: url(../img/icons/check.svg); background-repeat: no-repeat; background-size: 12px 21px; transform: translate(calc(-100% - 1px), -50%); background-position: center; } .bootstrap-tagsinput { display: block; border-radius: 5px; background: #ffffff; border: 1px solid #E4E4E8; height: 46px; margin: 0; padding: 4px 10px 0 10px; width: 100%; box-shadow: none; overflow-y: auto; } .bootstrap-tagsinput .tag { margin-right: 5px; margin-bottom: 2px; color: #A9A9A9; background: #F4F4F4 !important; font-size: 12px; font-weight: 500; border-radius: 5px; } .bootstrap-tagsinput .tag:hover { color: #A9A9A9; } .bootstrap-tagsinput .tag [data-role=remove] { position: relative; left: 7px; cursor: pointer; } .bootstrap-tagsinput .tag [data-role=remove]:after { content: "x"; margin: 0; padding: 0px 2px; } .bootstrap-tagsinput input { line-height: 36px; border: 1px solid transparent; background: transparent; } .bootstrap-tagsinput input:focus-visible { border: 1px solid transparent; } /****** LAYOUT ******/ .btn.focus, .btn:focus { box-shadow: unset; } .btn.btn-rounded { border-radius: 50px; } .btn-white { background-color: #ffffff; border: 1px solid #cccccc; color: #272b41; } .bg-primary, .badge-primary { background-color: #09e5ab !important; } a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: #09dca4 !important; } .bg-success, .badge-success { background-color: #00e65b !important; } a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: #00cc52 !important; } .bg-info, .badge-info { background-color: #009efb !important; } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: #028ee1 !important; } .bg-warning, .badge-warning { background-color: #ffbc34 !important; } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: #e9ab2e !important; } .bg-danger, .badge-danger { background-color: #ff0100 !important; } a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: #e63333 !important; } .bg-white { background-color: #ffffff; } .bg-purple, .badge-purple { background-color: #9368e9 !important; } .text-primary { color: #09e5ab !important; } .dropdown-menu li > a.text-primary { color: #09e5ab !important; } .dropdown-menu li > a.text-success { color: #00cc52 !important; } .dropdown-menu li > a.text-danger { color: #ff0100 !important; } .dropdown-menu li > a.text-info { color: #009efb !important; } .dropdown-menu li > a.text-warning { color: #ffbc34 !important; } .dropdown-menu li > a.text-purple { color: #7460ee !important; } .text-success { color: #00cc52 !important; } .text-danger { color: #ff0100 !important; } .text-info { color: #009efb !important; } .text-warning { color: #ffbc34 !important; } .text-purple { color: #7460ee !important; } .text-muted { color: #757575 !important; } .btn-primary { background-color: #09e5ab; border: 1px solid #09e5ab; } .btn-primary:focus, .btn-primary:hover, .btn-primary:active, .btn-primary.active { color: #ffffff; background-color: #09dca4; border-color: #09dca4; } .btn-primary:focus .open > .dropdown-toggle.btn-primary, .btn-primary:hover .open > .dropdown-toggle.btn-primary, .btn-primary:active .open > .dropdown-toggle.btn-primary, .btn-primary.active .open > .dropdown-toggle.btn-primary { background-color: #09dca4; border: 1px solid #09dca4; } .btn-primary.active.focus .open > .dropdown-toggle.btn-primary.focus, .btn-primary.active.focus .open > .dropdown-toggle.btn-primary:focus, .btn-primary.active.focus .open > .dropdown-toggle.btn-primary:hover, .btn-primary.active:focus .open > .dropdown-toggle.btn-primary.focus, .btn-primary.active:focus .open > .dropdown-toggle.btn-primary:focus, .btn-primary.active:focus .open > .dropdown-toggle.btn-primary:hover, .btn-primary.active:hover .open > .dropdown-toggle.btn-primary.focus, .btn-primary.active:hover .open > .dropdown-toggle.btn-primary:focus, .btn-primary.active:hover .open > .dropdown-toggle.btn-primary:hover, .btn-primary .focus.focus .open > .dropdown-toggle.btn-primary.focus, .btn-primary .focus.focus .open > .dropdown-toggle.btn-primary:focus, .btn-primary .focus.focus .open > .dropdown-toggle.btn-primary:hover, .btn-primary .focus:focus .open > .dropdown-toggle.btn-primary.focus, .btn-primary .focus:focus .open > .dropdown-toggle.btn-primary:focus, .btn-primary .focus:focus .open > .dropdown-toggle.btn-primary:hover, .btn-primary .focus:hover .open > .dropdown-toggle.btn-primary.focus, .btn-primary .focus:hover .open > .dropdown-toggle.btn-primary:focus, .btn-primary .focus:hover .open > .dropdown-toggle.btn-primary:hover { background-color: #09dca4; border: 1px solid #09dca4; } .btn-primary:active:focus, .btn-primary:active:hover { background-color: #09dca4; border: 1px solid #09dca4; } .btn-primary .active:not(:disabled):not(.disabled), .btn-primary:active:not(:disabled):not(.disabled) { background-color: #09dca4; border-color: #09dca4; color: #ffffff; } .btn-primary .active:focus:not(:disabled):not(.disabled), .btn-primary:active:focus:not(:disabled):not(.disabled) { box-shadow: unset; } .btn-primary .show > .btn-primary.dropdown-toggle { background-color: #09dca4; border-color: #09dca4; color: #ffffff; } .btn-primary .show > .btn-primary.dropdown-toggle:focus { box-shadow: unset; } .btn-primary.disabled, .btn-primary:disabled { background-color: #09e5ab; border-color: #09e5ab; color: #ffffff; } .btn-secondary.active:focus :not(:disabled):not(.disabled), .btn-secondary:active:focus :not(:disabled):not(.disabled) { box-shadow: unset; } .show > .btn-secondary.dropdown-toggle:focus { box-shadow: unset; } .show > .btn-success.dropdown-toggle { background-color: #00cc52; border-color: #00cc52; color: #ffffff; } .show > .btn-success.dropdown-toggle:focus { box-shadow: unset; } .show > .btn-info.dropdown-toggle { background-color: #028ee1; border-color: #028ee1; color: #ffffff; } .show > .btn-info.dropdown-toggle:focus { box-shadow: unset; } .show > .btn-warning.dropdown-toggle { background-color: #e9ab2e; border-color: #e9ab2e; color: #ffffff; } .show > .btn-warning.dropdown-toggle:focus { box-shadow: unset; } .show > .btn-danger.dropdown-toggle { background-color: #e63333; border-color: #e63333; color: #ffffff; } .show > .btn-danger.dropdown-toggle:focus { box-shadow: unset; } .show > .btn-light.dropdown-toggle:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: unset; } .show > .btn-outline-primary.dropdown-toggle { background-color: #09e5ab; border-color: #09e5ab; } .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: none; } .show > .btn-outline-success.dropdown-toggle { background-color: #00e65b; border-color: #00e65b; } .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: none; } .show > .btn-outline-info.dropdown-toggle { background-color: #009efb; border-color: #009efb; } .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: none; } .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffbc34; border-color: #ffbc34; } .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: none; } .show > .btn-outline-danger.dropdown-toggle { color: #212529; background-color: #ffbc34; border-color: #ffbc34; } .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: none; } .btn-success { background-color: #00e65b; border: 1px solid #00e65b; } .btn-success:hover, .btn-success:focus .btn-success.active, .btn-success:active { background-color: #00cc52; border: 1px solid #00cc52; color: #ffffff; } .btn-success .open > .dropdown-toggle.btn-success { background-color: #00cc52; border: 1px solid #00cc52; color: #ffffff; } .btn-success .open > .dropdown-toggle.btn-success.focus, .btn-success .open > .dropdown-toggle.btn-success:hover, .btn-success .open > .dropdown-toggle.btn-success:focus { background-color: #00cc52; border: 1px solid #00cc52; } .btn-success.active:focus, .btn-success.active.focus, .btn-success.active:hover, .btn-success.focus, .btn-success:active:focus, .btn-success:active:hover { background-color: #00cc52; border: 1px solid #00cc52; } .btn-success.active:not(:disabled):not(.disabled), .btn-success:active:not(:disabled):not(.disabled) { background-color: #00cc52; border-color: #00cc52; color: #ffffff; } .btn-success.active:focus:not(:disabled):not(.disabled), .btn-success:active:focus:not(:disabled):not(.disabled) { box-shadow: unset; } .btn-success.disabled, .btn-success:disabled { background-color: #00e65b; border-color: #00e65b; color: #ffffff; } .btn-info { background-color: #009efb; border: 1px solid #009efb; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active { background-color: #028ee1; border: 1px solid #028ee1; } .btn-info.active:focus, .btn-info.active.focus, .btn-info.active:hover, .btn-info.focus, .btn-info:active:focus, .btn-info:active:hover { background-color: #028ee1; border: 1px solid #028ee1; } .btn-info.active:not(:disabled):not(.disabled), .btn-info:active:not(:disabled):not(.disabled) { background-color: #028ee1; border-color: #028ee1; color: #ffffff; } .btn-info.active:not(:disabled):not(.disabled):focus, .btn-info:active:not(:disabled):not(.disabled):focus { box-shadow: unset; } .btn-info.disabled, .btn-info:disabled { background-color: #009efb; border-color: #009efb; color: #ffffff; } .btn-warning { background-color: #ffbc34; border: 1px solid #ffbc34; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active { background-color: #e9ab2e; border: 1px solid #e9ab2e; } .btn-warning.active:focus, .btn-warning.active.focus, .btn-warning.active:hover, .btn-warning.focus, .btn-warning:active:focus, .btn-warning:active:hover { background-color: #e9ab2e; border: 1px solid #e9ab2e; } .btn-warning.active:not(:disabled):not(.disabled), .btn-warning:active:not(:disabled):not(.disabled) { background-color: #e9ab2e; border-color: #e9ab2e; color: #ffffff; } .btn-warning.active:not(:disabled):not(.disabled):focus, .btn-warning:active:not(:disabled):not(.disabled):focus { box-shadow: unset; } .btn-warning.disabled, .btn-warning:disabled { background-color: #ffbc34; border-color: #ffbc34; color: #ffffff; } .btn-danger { background-color: #ff0100; border: 1px solid #ff0100; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active { background-color: #e63333; border: 1px solid #e63333; } .btn-danger.active:focus, .btn-danger.active.focus, .btn-danger.active:hover, .btn-danger.focus, .btn-danger:active:focus, .btn-danger:active:hover { background-color: #e63333; border: 1px solid #e63333; } .btn-danger.active:not(:disabled):not(.disabled), .btn-danger:active:not(:disabled):not(.disabled) { background-color: #e63333; border-color: #e63333; color: #ffffff; } .btn-danger.active:not(:disabled):not(.disabled):focus, .btn-danger:active:not(:disabled):not(.disabled):focus { box-shadow: unset; } .btn-danger.disabled, .btn-danger:disabled { background-color: #ff0100; border-color: #ff0100; color: #ffffff; } .open > .dropdown-toggle.btn-info { background-color: #028ee1; border: 1px solid #028ee1; } .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover { background-color: #028ee1; border: 1px solid #028ee1; } .open > .dropdown-toggle.btn-warning { background-color: #e9ab2e; border: 1px solid #e9ab2e; } .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover { background-color: #e9ab2e; border: 1px solid #e9ab2e; } .open > .dropdown-toggle.btn-danger { background-color: #e63333; border: 1px solid #e63333; } .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover { background-color: #e63333; border: 1px solid #e63333; } .btn-light.active:focus:not(:disabled):not(.disabled), .btn-light:active:focus:not(:disabled):not(.disabled), .btn-dark.active:focus:not(:disabled):not(.disabled), .btn-dark:active:focus:not(:disabled):not(.disabled) { box-shadow: unset; } .btn-outline-primary { color: #09e5ab; border-color: #09e5ab; } .btn-outline-primary:hover { background-color: #09e5ab; border-color: #09e5ab; } .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: none; } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #09e5ab; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active { background-color: #09e5ab; border-color: #09e5ab; } .btn-outline-success { color: #00e65b; border-color: #00e65b; } .btn-outline-success:hover { background-color: #00e65b; border-color: #00e65b; } .btn-outline-success.focus, .btn-outline-success:focus { box-shadow: none; } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #00e65b; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active { background-color: #00e65b; border-color: #00e65b; } .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .btn-outline-info { color: #009efb; border-color: #009efb; } .btn-outline-info:hover { color: #ffffff; background-color: #009efb; border-color: #009efb; } .btn-outline-info.disabled, .btn-outline-info:disabled { background-color: transparent; color: #009efb; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: none; } .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active { background-color: #009efb; border-color: #009efb; } .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .btn-outline-warning { color: #ffbc34; border-color: #ffbc34; } .btn-outline-warning:hover { color: #212529; background-color: #ffbc34; border-color: #ffbc34; } .btn-outline-warning.disabled, .btn-outline-warning:disabled { background-color: transparent; color: #ffbc34; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: none; } .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active { background-color: #ffbc34; border-color: #ffbc34; } .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .btn-outline-danger { color: #ff0100; border-color: #ff0100; } .btn-outline-danger:hover { color: #212529; background-color: #ff0100; border-color: #ff0100; } .btn-outline-danger.disabled, .btn-outline-danger:disabled { background-color: transparent; color: #ff0100; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: none; } .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active { background-color: #ff0100; border-color: #ff0100; } .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .btn-outline-light { color: #ababab; border-color: #e6e6e6; } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #ababab; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { background-color: #20c0f3; border-color: #20c0f3; } .pagination > li > a, .pagination > li > span { color: #20c0f3; } .page-link:hover { color: #20c0f3; } .page-link:focus { box-shadow: unset; } .page-item.active .page-link { background-color: #20c0f3; border-color: #20c0f3; } .dropdown-menu { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: inherit; font-size: 14px; border-radius: 3px; transform-origin: left top 0; -webkit-transform-origin: left top 0; -ms-transform-origin: left top 0; } .dropdown-item.active, .dropdown-item:active { background-color: #0de0fe; } .navbar-nav__.open--.dropdown-menu { border: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background-color: #ffffff; } .btn-light { border-color: #e6e6e6; color: #a6a6a6; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #20c0f3; text-shadow: unset; } .bootstrap-datetimepicker-widget table td.today::before { border-bottom-color: #20c0f3; } .bg-info-light { background-color: rgba(2, 182, 179, 0.12) !important; color: #1db9aa !important; } .bg-primary-light { background-color: rgba(17, 148, 247, 0.12) !important; color: #2196f3 !important; } .bg-danger-light { background-color: rgba(242, 17, 54, 0.12) !important; color: #e63c3c !important; } .bg-warning-light { background-color: rgba(255, 152, 0, 0.12) !important; color: #f39c12 !important; } .bg-success-light { background-color: rgba(15, 183, 107, 0.12) !important; color: #26af48 !important; } .bg-purple-light { background-color: rgba(197, 128, 255, 0.12) !important; color: #c580ff !important; } .bg-default-light { background-color: rgba(40, 52, 71, 0.12) !important; color: #283447 !important; } .text-xs { font-size: 12px !important; } .text-sm { font-size: 14px !important; } .text-lg { font-size: 20px !important; } .text-xl { font-size: 24px !important; } .control-label { margin-bottom: 5px; } .avatar { position: relative; display: inline-block; width: 3rem; height: 3rem; } .avatar > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .avatar .avatar-title { width: 100%; height: 100%; background-color: #20c0f3; color: #ffffff; } .avatar.avatar-online::before { width: 25%; height: 25%; border-radius: 50%; content: ""; border: 2px solid #ffffff; position: absolute; right: 0; bottom: 0; background-color: #00e65b; } .avatar.avatar-offline::before { width: 25%; height: 25%; border-radius: 50%; content: ""; border: 2px solid #ffffff; position: absolute; right: 0; bottom: 0; background-color: #ff0100; } .avatar.avatar-away::before { width: 25%; height: 25%; border-radius: 50%; content: ""; border: 2px solid #ffffff; position: absolute; right: 0; bottom: 0; background-color: #ffbc34; } .avatar .border { border-width: 3px !important; } .avatar .rounded { border-radius: 6px !important; } .avatar .avatar-title { font-size: 18px; } .avatar .avatar-xs { width: 1.65rem; height: 1.65rem; } .avatar .avatar-xs .border { border-width: 2px !important; } .avatar .avatar-xs .rounded { border-radius: 4px !important; } .avatar .avatar-xs .avatar-title { font-size: 12px; } .avatar .avatar-xs.avatar-away::before, .avatar .avatar-xs.avatar-offline::before, .avatar .avatar-xs.avatar-online::before { border-width: 1px; } .avatar-sm { width: 2.5rem; height: 2.5rem; } .avatar-sm .border { border-width: 3px !important; } .avatar-sm .rounded { border-radius: 4px !important; } .avatar-sm .avatar-title { font-size: 15px; } .avatar-sm.avatar-away::before, .avatar-sm.avatar-offline::before, .avatar-sm.avatar-online::before { border-width: 2px; } .avatar-lg { width: 3.75rem; height: 3.75rem; } .avatar-lg .border { border-width: 3px !important; } .avatar-lg .rounded { border-radius: 8px !important; } .avatar-lg .avatar-title { font-size: 24px; } .avatar-lg.avatar-away::before, .avatar-lg.avatar-offline::before, .avatar-lg.avatar-online::before { border-width: 3px; } .avatar-xl { width: 5rem; height: 5rem; } .avatar-xl .border { border-width: 4px !important; } .avatar-xl .rounded { border-radius: 8px !important; } .avatar-xl .avatar-title { font-size: 28px; } .avatar-xl.avatar-away::before, .avatar-xl.avatar-offline::before, .avatar-xl.avatar-online::before { border-width: 4px; } .avatar-xxl { width: 5.125rem; height: 5.125rem; } @media (min-width: 768px) { .avatar-xxl { width: 8rem; height: 8rem; } } .avatar-xxl .border { border-width: 6px !important; } @media (min-width: 768px) { .avatar-xxl .border { border-width: 4px !important; } } .avatar-xxl .rounded { border-radius: 8px !important; } @media (min-width: 768px) { .avatar-xxl .rounded { border-radius: 12px !important; } } .avatar-xxl .avatar-title { font-size: 30px; } @media (min-width: 768px) { .avatar-xxl .avatar-title { font-size: 42px; } } .avatar-xxl.avatar-away::before, .avatar-xxl.avatar-offline::before, .avatar-xxl.avatar-online::before { border-width: 4px; } @media (min-width: 768px) { .avatar-xxl.avatar-away::before, .avatar-xxl.avatar-offline::before, .avatar-xxl.avatar-online::before { border-width: 4px; } } .avatar-group .avatar + .avatar { margin-left: -0.75rem; } .avatar-group .avatar:hover { z-index: 1; } .avatar-group .avatar-xs + .avatar-xs { margin-left: -0.40625rem; } .avatar-group .avatar-sm + .avatar-sm { margin-left: -0.625rem; } .avatar-group .avatar-lg + .avatar-lg { margin-left: -1rem; } .avatar-group .avatar-xl + .avatar-xl { margin-left: -1.28125rem; } .avatar-xs { width: 1.65rem; height: 1.65rem; } .select2-results__option { padding: 6px 15px; } .select2-container .select2-selection--single { border: 1px solid #dcdcdc; height: 46px; } .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 30px; padding-left: 15px; } .select2-selection.select2-selection--single { outline: none; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; right: 7px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #dcdcdc transparent transparent; border-style: solid; border-width: 6px 6px 0; height: 0; margin-left: -10px; margin-top: -2px; width: 0; position: absolute; top: 50%; left: 50%; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #272b41; font-size: 15px; font-weight: normal; line-height: 44px; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #dcdcdc; border-width: 0 6px 6px; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #20c0f3; } .select2-container--default .select2-selection--multiple { border: 1px solid #dcdcdc; min-height: 46px; } .select2-dropdown { border-color: #dcdcdc; } .breadcrumb-bar { background-color: #15558d; padding: 15px 0; } @media (max-width: 767.98px) { .breadcrumb-bar { height: auto; } } .breadcrumb-bar .breadcrumb-title { color: #ffffff; font-size: 22px; font-weight: 700; margin: 5px 0 0; } @media (max-width: 767.98px) { .breadcrumb-bar .breadcrumb-title { font-size: 18px; } } .breadcrumb-bar .page-breadcrumb ol { background-color: transparent; font-size: 12px; margin-bottom: 0; padding: 0; } .breadcrumb-bar .page-breadcrumb ol li.active { color: #ffffff; } .breadcrumb-bar .page-breadcrumb ol li a { color: #ffffff; } .breadcrumb-bar .page-breadcrumb .breadcrumb-item + .breadcrumb-item:before { color: #ffffff; font-size: 10px; } .form-focus { height: 50px; position: relative; } .form-focus .focus-label { font-size: 14px; font-weight: 400; pointer-events: none; transform: translate3d(0, 22px, 0) scale(1); -webkit-transform: translate3d(0, 22px, 0) scale(1); -ms-transform: translate3d(0, 22px, 0) scale(1); transform-origin: left top; -webkit-transform-origin: left top; -ms-transform-origin: left top; -webkit-transition: 240ms; -ms-transition: 240ms; transition: 240ms; z-index: 1; color: #b8b8b8; margin-bottom: 0; position: absolute; top: -8px; left: 12px; } .form-focus.focused .focus-label { opacity: 1; top: -18px; font-size: 12px; z-index: 1; } .form-focus.focused .form-control::-webkit-input-placeholder { color: #bbb; } .form-focus .form-control { height: 50px; padding: 21px 12px 6px; } .form-focus .form-control:focus ~ .focus-label, .form-focus .form-control:-webkit-autofill ~ .focus-label { opacity: 1; font-weight: 400; top: -18px; font-size: 12px; z-index: 1; } .digital-report .elementor-widget-container { width: 27px; display: inline-block; vertical-align: super; margin-right: 10px; } .digital-report .elementor-widget-container-2 p{ color:#000; margin-bottom: 0 !important; line-height: 24px !important; padding: 0; width: 222px;} .digital-report{ width: 91%; margin: auto;} .digital-report .elementor-widget-container{ width: 78px; display: inline-block; vertical-align: super; margin-right: 10px;} .digital-report .elementor-widget-container-2{ width: 112px; display: inline-block;} .digital-report-2{ padding: 17px 0px;} .digital-report .elementor-widget-containe-one{ width: 19px; display: inline-block; vertical-align: super; margin-right: 10px;} .digital-report .elementor-widget-container-two{ width: 317px; display: inline-block;} .digital-report .elementor-widget-container-two p{ color:#000; margin-bottom: 0 !important; line-height: 24px !important; padding: 0;} .digital-report .elementor-widget-container-two-3{ width: 78px; display: inline-block; vertical-align: super; margin-right: 10px;} .digital-report .elementor-widget-container-2-one{width: 239px; display: inline-block;} .digital-report .elementor-widget-container-2-one p{ color:#000; margin-bottom: 0 !important; line-height: 24px !important; padding: 0;} .customLgContent{ margin-top: -16px !important;} ._2HnaH{ height: 93px !important; padding: 26px 6px !important;} ._1od7Z{height: 77px !important;} .form-focus .form-control::-webkit-input-placeholder { color: transparent; -webkit-transition: 240ms; -ms-transition: 240ms; transition: 240ms; } .form-focus .form-control:focus::-webkit-input-placeholder { transition: none; } .form-focus.select-focus .focus-label { opacity: 1; font-weight: 300; top: -20px; font-size: 12px; z-index: 1; } .form-focus .select2-container .select2-selection--single { border: 1px solid #e3e3e3; height: 50px; } .form-focus .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 30px; padding-left: 15px; } .form-focus .select2-container--default .select2-selection--single .select2-selection__arrow { height: 48px; right: 7px; } .form-focus .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #cccccc transparent transparent; border-style: solid; border-width: 6px 6px 0; height: 0; margin-left: -10px; margin-top: -2px; width: 0; position: absolute; top: 50%; left: 50%; } .form-focus .select2-container--default .select2-selection--single .select2-selection__rendered { color: #676767; font-size: 14px; font-weight: normal; line-height: 38px; } .form-focus .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #e3e3e3; border-width: 0 6px 6px; } .form-focus .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #fc6075; } #loader { background-color: #ffffff; z-index: 999999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; } .loader { display: inline-block; height: 50px; margin-left: -25px; margin-top: -25px; width: 50px; position: absolute; top: 50%; left: 50%; } .loader span { -webkit-animation: loader 1.3s linear infinite; animation: loader 1.3s linear infinite; background-color: #20c0f3; border-radius: 100%; display: inline-block; height: 50px; position: absolute; width: 50px; } .loader span:last-child { animation-delay: -0.8s; -webkit-animation-delay: -0.8s; } @keyframes loader { 0% { transform: scale(0, 0); opacity: 0.5; } 100% { transform: scale(1, 1); opacity: 0; } } @-webkit-keyframes loader { 0% { -webkit-transform: scale(0, 0); opacity: 0.5; } 100% { -webkit-transform: scale(1, 1); opacity: 0; } } table.table { color: #272b41; max-width: 100%; margin-bottom: 0; width: 100%; } table.table thead { border-bottom: 1px solid rgba(0, 0, 0, 0.03); } table.table thead tr th { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } table.table tbody tr { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } table.table tbody tr:last-child { border-color: transparent; } table.table.table-center td, table.table.table-center th { vertical-align: middle; } table.table > tbody > tr > th { border-top: 0; padding: 10px 8px; } table.table .no-border > tbody > tr > th { border-top: 0; padding: 10px 8px; } table.table .no-border > tbody > tfoot > tr > th, table.table .no-border > tbody > tfoot > tr > td, table.table .no-border > tbody thead > tr > th, table.table .no-border > tbody thead > tr > td { border-top: 0; padding: 10px 8px; } table.table .dataTable { border-collapse: collapse !important; } table .table-striped thead tr { border-color: transparent; } table .table-striped tbody tr { border-color: transparent; } table .table-striped tbody tr:nth-of-type(even) { background-color: rgba(255, 255, 255, 0.3); } table .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(235, 235, 235, 0.4); } table .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #f8f9fa; } table .table-bordered { border: 1px solid rgba(0, 0, 0, 0.05) !important; } table .table-bordered th, table .table-bordered td { border-color: rgba(0, 0, 0, 0.05); } table .table-nowrap td, table .table-nowrap th { white-space: nowrap; } table.table td h2 { display: inline-block; font-size: inherit; font-weight: 400; vertical-align: middle; margin: 0; padding: 0; } table.table td h2 .table-avatar { font-size: inherit; font-weight: 400; vertical-align: middle; white-space: nowrap; margin: 0; padding: 0; } table.table td h2 a { color: #272b41; } table.table td h2 a:hover { color: #09dca4; } table.table td h2 span { color: #888888; display: block; font-size: 12px; margin-top: 3px; } table.table td h2.table-avatar { font-size: inherit; font-weight: 400; vertical-align: middle; white-space: nowrap; margin: 0; padding: 0; } table .table-hover tbody tr:hover { background-color: #f7f7f7; } table .table-hover tbody tr:hover td { color: #474648; } .table-hover tbody tr:hover { background-color: #f7f7f7; } .table-hover tbody tr:hover td { color: #474648; } .card-table card-body { padding: 0; } .card-table card-body .table > thead > tr > th { border-top: 0; } .card-table card-body .table tr th, .card-table card-body .table tr td { border-top: 1px solid #e2e5e8; padding: 1rem 0.75rem; white-space: nowrap; } .card-table card-body .table tr th:first-child, .card-table card-body .table tr td:first-child { padding-left: 1.5rem; } .card-table card-body .table tr th:last-child, .card-table card-body .table tr td:last-child { padding-right: 1.5rem; } .card-table .card-body { padding: 0; } .card-table .card-body .table > thead > tr > th { border-top: 0; } .card-table .card-body .table tr th, .card-table .card-body .table tr td { border-top: 1px solid #e2e5e8; white-space: nowrap; padding: 1rem 0.75rem; } .card-table .card-body .table tr th:first-child, .card-table .card-body .table tr td:first-child { padding-left: 1.5rem; } .card-table .card-body .table tr th:last-child, .card-table .card-body .table tr td:last-child { padding-right: 1.5rem; } th.custom-class { width: 80px; } th.table-name { min-width: 200px; } th.table-days { min-width: 80px; } th.table-head-name { width: 200px; } th.table-head-days { width: 100px; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .slick-track { display: block; margin: auto; position: relative; top: 0; left: 0; } .slick-track:before { display: table; content: ""; } .slick-track:after { display: table; content: ""; clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-loading .slick-slide { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } [dir=rtl] .slick-slide { float: right; } .slick-initialized .slick-slide { display: block; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-prev, .slick-next { font-size: 0; line-height: 0; display: block; width: 40px; height: 40px; background: #ffffff; cursor: pointer; border: none; outline: none; background: #ffffff; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; position: absolute; top: 50%; padding: 0; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-box-shadow: 1px 6px 14px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 6px 14px rgba(0, 0, 0, 0.2); box-shadow: 1px 6px 14px rgba(0, 0, 0, 0.2); border-radius: 100%; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background-color: #0de0fe; color: #ffffff; opacity: 1; outline: none; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { color: #ffffff; opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; opacity: 0.75; color: #383838; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 0; z-index: 1; } @media (max-width: 767.98px) { .slick-prev { left: -10px; } } .slick-prev:before { content: "←"; } @media (max-width: 767.98px) { .testimonial-slider .slick-prev { left: 0px; } } [dir=rtl] .slick-prev { right: -25px; left: auto; } [dir=rtl] .slick-prev:before { content: "→"; } .slick-next { right: 0; } @media (max-width: 767.98px) { .slick-next { right: -10px; } } @media (max-width: 575.98px) { .slick-next { right: 0px; } } .slick-next:before { content: "→"; } [dir=rtl] .slick-next { right: auto; left: -25px; } [dir=rtl] .slick-next:before { content: "←"; } .dot-slider .slick-slide { height: 600px; } @media (max-width: 991.98px) { .dot-slider .slick-slide { height: 375px; } } @media (max-width: 767.98px) { .dot-slider .slick-slide { height: 100%; } } .dot-slider .slick-slide img { width: 100%; } .dot-slider .profile-widget { padding: 0; border: none; } @media (max-width: 991.98px) { .dot-slider .profile-widget { margin-bottom: 0; } } @media (max-width: 767.98px) { .dot-slider .profile-widget { margin-bottom: 0; } } .dot-slider .slick-dots { width: unset; position: absolute; top: 30%; right: 50px; bottom: unset; } .dot-slider .slick-dots li { width: 15px; height: 15px; border-radius: 50%; background-color: #ffffff; margin: 8px 0; } .dot-slider .slick-dots li.slick-active button { background-color: #1860CA; } .dot-slider .slick-dots li button { width: 7px; height: 7px; border-radius: 50%; background-color: #ffffff; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 5px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: #C0C0C0; } .slick-dots .slick-dots { width: unset; position: absolute; top: 30%; right: 50px; bottom: unset; } .slick-dots .slick-dots li { width: 15px; height: 15px; border-radius: 50%; background-color: #ffffff; margin: 8px 0; } .slick-dots .slick-dots li button { width: 7px; height: 7px; border-radius: 50%; background-color: #ffffff; } .slick-dots .slick-dots li button:hover, .slick-dots .slick-dots li button:focus { outline: none; } .slick-dots .slick-dots li button:hover::before, .slick-dots .slick-dots li button:focus::before { opacity: 1; } .slick-dots .slick-dots li.slick-active button { background-color: #1860CA; background-color: #0de0fe; } .slick-dots .slick-dots li.slick-active button:before { opacity: 1; color: #0de0fe; } .clinic-slider .slick-prev, .browse-slider .slick-prev, .book-slider .slick-prev { right: 80px; left: unset; top: 0; width: 35px; height: 35px; border-radius: 5px 12px 5px 12px; background-color: #E74E84; transform: translateX(0%) rotate(-45deg); -webkit-transform: translateX(0%) rotate(-45deg); -ms-transform: translateX(0%) rotate(-45deg); z-index: 999; } .clinic-slider .slick-prev:before, .browse-slider .slick-prev:before, .book-slider .slick-prev:before { content: ""; transform: rotate(180deg); -webkit-transform: rotate(180deg); font-family: "slick"; font-size: 10px; line-height: 1; opacity: 0.75; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: solid #ffffff; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; } .clinic-slider .slick-prev:hover, .browse-slider .slick-prev:hover, .book-slider .slick-prev:hover { background-color: #ff4877; } .clinic-slider .slick-next, .browse-slider .slick-next, .book-slider .slick-next { right: 15px; left: unset; top: 0; width: 35px; height: 35px; border-radius: 5px 12px 5px 12px; background-color: #E74E84; transform: translateX(0%) rotate(-45deg); -webkit-transform: translateX(0%) rotate(-45deg); -ms-transform: translateX(0%) rotate(-45deg); z-index: 999; } .clinic-slider .slick-next:before, .browse-slider .slick-next:before, .book-slider .slick-next:before { content: ""; font-family: "slick"; font-size: 10px; line-height: 1; opacity: 0.75; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: solid #ffffff; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); } .clinic-slider .slick-next:hover, .browse-slider .slick-next:hover, .book-slider .slick-next:hover { background-color: #ff4877; } .clinic-slider .slick-list, .browse-slider .slick-list, .book-slider .slick-list { padding-top: 50px; } .clinic-slider .slick-slide, .browse-slider .slick-slide, .book-slider .slick-slide { display: block; margin-left: 0; width: 280px; padding: 10px 10px 0; } .clinic-slider .profile-widget, .browse-slider .profile-widget, .book-slider .profile-widget { padding: 0; border: none; background-color: transparent; border-radius: 0; } .clinic-slider .profile-widget .brower-box, .browse-slider .profile-widget .brower-box, .book-slider .profile-widget .brower-box { background: #ffffff; border: 1px solid #F2F2F2; box-sizing: border-box; box-shadow: 0px 4px 44px rgba(238, 238, 238, 0.25); border-radius: 10px; margin: 0; padding: 30px; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .clinic-slider .profile-widget .brower-box:hover, .browse-slider .profile-widget .brower-box:hover, .book-slider .profile-widget .brower-box:hover { background-color: #1860CA; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .clinic-slider .profile-widget .brower-box:hover a, .browse-slider .profile-widget .brower-box:hover a, .book-slider .profile-widget .brower-box:hover a { background-color: #ffffff; } .clinic-slider .profile-widget .brower-box:hover .img-fluid, .browse-slider .profile-widget .brower-box:hover .img-fluid, .book-slider .profile-widget .brower-box:hover .img-fluid { display: none; } .clinic-slider .profile-widget .brower-box:hover .img-fluid.hover, .browse-slider .profile-widget .brower-box:hover .img-fluid.hover, .book-slider .profile-widget .brower-box:hover .img-fluid.hover { display: block; } .clinic-slider .profile-widget .brower-box:hover h4, .browse-slider .profile-widget .brower-box:hover h4, .book-slider .profile-widget .brower-box:hover h4 { color: #ffffff; } .clinic-slider .profile-widget .brower-box:hover p, .browse-slider .profile-widget .brower-box:hover p, .book-slider .profile-widget .brower-box:hover p { color: #ffffff; } .clinic-slider .profile-widget .brower-box:hover p span, .browse-slider .profile-widget .brower-box:hover p span, .book-slider .profile-widget .brower-box:hover p span { color: #ffffff; } .clinic-slider .profile-widget .brower-box:hover a.arrow, .browse-slider .profile-widget .brower-box:hover a.arrow, .book-slider .profile-widget .brower-box:hover a.arrow { background-color: #2868C8; } .clinic-slider .profile-widget .brower-box a, .browse-slider .profile-widget .brower-box a, .book-slider .profile-widget .brower-box a { height: 85px; width: 85px; background-color: #1860CA; border-radius: 50% 50% 50% 50%/60% 60% 35% 35%; margin: 0 auto 15px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); } .clinic-slider .profile-widget .brower-box img, .browse-slider .profile-widget .brower-box img, .book-slider .profile-widget .brower-box img { width: 70px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); } .clinic-slider .profile-widget .brower-box .img-fluid.hover, .browse-slider .profile-widget .brower-box .img-fluid.hover, .book-slider .profile-widget .brower-box .img-fluid.hover { display: none; } .clinic-slider .profile-widget .brower-box h4, .browse-slider .profile-widget .brower-box h4, .book-slider .profile-widget .brower-box h4 { color: #000000; font-size: 20px; margin-bottom: 13px; } .clinic-slider .profile-widget .brower-box p, .browse-slider .profile-widget .brower-box p, .book-slider .profile-widget .brower-box p { margin-bottom: 20px; } .clinic-slider .profile-widget .brower-box .arrow, .browse-slider .profile-widget .brower-box .arrow, .book-slider .profile-widget .brower-box .arrow { background-color: #0CE0FF; width: 35px; height: 35px; border-radius: 50%; transform: unset; margin: 0 auto; } .clinic-slider .profile-widget .brower-box .arrow i, .browse-slider .profile-widget .brower-box .arrow i, .book-slider .profile-widget .brower-box .arrow i { color: #ffffff; } .brower-box { text-align: center; border-radius: 10px; border: 6px solid #ffffff; background-color: #ffffff; margin-bottom: 20px; } .brower-box h4 { font-size: 16px; font-weight: 600; color: #2264C5; } .brower-box p { font-size: 14px; font-weight: 500; color: #E74E84; margin: 0; } .brower-box p span { color: #000000; } .brower-box a { height: 85px; width: 85px; background-color: #1860CA; border-radius: 50% 50% 50% 50%/60% 60% 35% 35%; margin: 0 auto 15px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); } .aval-slider .slick-slide { display: block; margin-left: 0; padding: 10px; width: 280px; } .aval-slider .slick-list { padding: 50px 0; } @media (max-width: 767.98px) { .aval-slider .slick-list { padding: 30px 0; } } .aval-slider .slick-prev { left: 5px; width: 35px; height: 35px; } .aval-slider .slick-prev:before { font-family: "slick"; font-size: 10px; line-height: 1; opacity: 0.75; color: #1860CA; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: solid #1860CA; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; content: ""; transform: rotate(140deg); -webkit-transform: rotate(140deg); -ms-transform: rotate(140deg); } .aval-slider .slick-next { right: 5px; width: 35px; height: 35px; } .aval-slider .slick-next:before { font-family: "slick"; font-size: 10px; line-height: 1; opacity: 0.75; color: #1860CA; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: solid #1860CA; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; content: ""; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .content { min-height: 200px; padding: 80px 0 60px; } @media (max-width: 991.98px) { .content { padding: 60px 0 40px; } } @media (max-width: 767.98px) { .content { padding: 50px 0 30px; } } .top-space { padding-top: 140px; } .account-page .content.top-space { padding-top: 140px; } .card { border: 1px solid #f0f0f0; margin-bottom: 1.875rem; } @media (max-width: 767.98px) { .card { margin-bottom: 20px; } } @media (max-width: 575.98px) { .card { margin-bottom: 0.9375rem; } } .card .card-header { background-color: #ffffff; border-bottom: 1px solid #f0f0f0; } @media (max-width: 575.98px) { .card .card-header { padding: 0.75rem 1.25rem; } } .card .card-header .card-title { margin-bottom: 0; } .card-body { padding: 1.5rem; } @media (max-width: 575.98px) { .card-body { padding: 1.25rem; } } .card-title { margin-bottom: 15px; } .card-header { border-bottom: 1px solid #f0f0f0; padding: 1rem 1.5rem; } @media (max-width: 575.98px) { .card-header { padding: 0.75rem 1.25rem; } } .card-footer { background-color: #ffffff; border-top: 1px solid #f0f0f0; padding: 1rem 1.5rem; } @media (max-width: 575.98px) { .card-footer { padding: 0.75rem 1.25rem; } } .custom-modal .modal-content { border: 0; border-radius: 10px; } .custom-modal .modal-content .modal-header { padding: 1.25rem; } .custom-modal .modal-content .modal-header .modal-title { font-size: 20px; } .custom-modal .close { background-color: #a0a0a0; color: #ffffff; font-size: 17px; height: 20px; line-height: 20px; opacity: 1; width: 20px; z-index: 99; border-radius: 50%; margin: 0; padding: 0; position: absolute; top: 26px; right: 20px; } .custom-modal .modal-body { padding: 1.25rem; } .custom-modal .modal-footer { padding: 1.25rem; } .custom-modal .modal-footer .btn-outline { margin: 0.25rem auto; } .custom-medicalrecord-modal .modal-content .modal-header { border-color: #e5e5e5; margin: 1.5rem 1.5rem 0 1.5rem; padding: 0 0 1rem; } .custom-medicalrecord-modal .modal-content .form-control, .custom-medicalrecord-modal .modal-content .bootstrap-tagsinput { background-color: #f5f5f7; border-color: #f5f5f7; } .custom-medicalrecord-modal .modal-content .select2-container .select2-selection--single { background-color: #f5f5f7; border-color: #f5f5f7; } .custom-medicalrecord-modal .modal-content .upload-medical-records { position: relative; } .custom-medicalrecord-modal .modal-content .upload-medical-records input[type=file] { width: 100%; height: 100%; opacity: 0; cursor: pointer; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .custom-medicalrecord-modal .modal-content .upload-medical-records .dropzone { min-height: 180px; } .custom-medicalrecord-modal .modal-content .upload-medical-records .dropzone h5 { color: #7c7c7c; margin-bottom: 3px; } .custom-medicalrecord-modal .modal-content .upload-medical-records .dropzone h6 { color: #7c7c7c; margin-bottom: 3px; } .custom-medicalrecord-modal .modal-content .upload-medical-records .dropzone h6 span { text-decoration: underline; } .header .header-nav { background-color: #ffffff; border: 0; border-bottom: 1px solid #f0f0f0; position: relative; height: 85px; margin-bottom: 0; padding: 0; } @media (max-width: 1199.98px) { .header .header-nav { padding: 0; } } @media (max-width: 575.98px) { .header .header-nav { padding: 0 15px; } } @media (max-width: 991.98px) { .header .header-nav .navbar-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } @media (max-width: 575.98px) { .header .header-nav .navbar-header { width: 100%; } } .header .header-nav .navbar-header .bar-icon { display: inline-block; width: 31px; } .header .header-nav .navbar-header .bar-icon span { background-color: #0de0fe; display: block; float: left; height: 3px; margin-bottom: 7px; width: 31px; border-radius: 2px; } .header .header-nav .navbar-header .bar-icon span:nth-child(2) { width: 16px; } .header .header-nav .navbar-header .bar-icon span:nth-child(3) { margin-bottom: 0; } @media (max-width: 991.98px) { .header .header-nav .navbar-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } @media (max-width: 575.98px) { .header .header-nav .navbar-header { width: 100%; } } @media (max-width: 991.98px) { .header .header-nav .main-menu-wrapper { order: 3; width: 260px; overflow-x: hidden; overflow-y: auto; z-index: 1060; transform: translateX(-260px); -webkit-transform: translateX(-260px); -ms-transform: translateX(-260px); -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; background-color: #15558d; position: fixed; top: 0; bottom: 0; left: 0; } } .header .header-nav .menu-header { background-color: #ffffff; height: 60px; border-bottom: 1px solid #f0f0f0; display: none; padding: 0 20px; } @media (max-width: 991.98px) { .header .header-nav .menu-header { display: -webkit-box; display: -ms-flexbox; display: flex; } } .header .header-nav .menu-header .menu-logo img { height: 40px; } .header .header-nav .menu-header .menu-close { font-size: 18px; } .header .header-nav .main-nav { list-style: none; margin: 0; padding: 0; } @media (max-width: 991.98px) { .header .header-nav .main-nav { -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; list-style: none; padding: 0; } } @media (max-width: 991.98px) { .header .header-nav .main-nav ul { background-color: #3474ac; display: none; list-style: none; padding-left: 0; margin: 0; } } @media (min-width: 992px) { .header .header-nav .main-nav > .has-submenu > .submenu > .has-submenu > .submenu::before { top: 20px; margin-left: -35px; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15); border-color: transparent #ffffff #ffffff transparent; } } .header .header-nav .main-nav > .has-submenu.active .submenu li.active > a { color: #09dca4; } @media (min-width: 992px) { .header .header-nav .main-nav > .has-submenu.active .submenu li.active > a { color: #09dca4; } } .header .header-nav .main-nav > .has-submenu.active > a { color: #09dca4; } @media (min-width: 992px) { .header .header-nav .main-nav > .has-submenu.active > a { color: #09dca4; } } @media (max-width: 1199.98px) { .header .header-nav .main-nav > li { margin-right: 20px; } } @media (max-width: 1999.98px) { .header .header-nav .main-nav > li { margin-right: 30px; } } @media (max-width: 1399.98px) { .header .header-nav .main-nav > li { margin-right: 16px; } } @media (max-width: 991.98px) { .header .header-nav .main-nav > li { border-bottom: 1px solid #1663a6; margin: 0; } } @media (min-width: 992px) { .header .header-nav .main-nav > li > a { line-height: 85px; padding: 0 !important; } } @media (max-width: 991.98px) { .header .header-nav .main-nav > li > a { line-height: 1.5; color: #ffffff; font-size: 14px; font-weight: 500; padding: 15px 20px !important; } } @media (min-width: 992px) { .header .header-nav .main-nav > li > a > i { font-size: 12px; margin-left: 3px; } } @media (max-width: 991.98px) { .header .header-nav .main-nav > li > a > i { float: right; margin-top: 5px; } } .header .header-nav .main-nav > li.active > a { color: #09dca4; } .header .header-nav .main-nav > li .submenu li { position: relative; } @media (min-width: 992px) { .header .header-nav .main-nav > li .submenu li:first-child a { border-top: 0; } } .header .header-nav .main-nav > li .submenu li a { display: block; clear: both; white-space: nowrap; font-size: 14px; color: #2d3b48; width: 100%; border-top: 1px solid #f0f0f0; -webkit-transition: all 0.35s ease; -ms-transition: all 0.35s ease; transition: all 0.35s ease; padding: 10px 15px; } @media (max-width: 991.98px) { .header .header-nav .main-nav > li .submenu li a { border-top: 0; color: #ffffff; padding: 10px 15px 10px 35px; } } @media (min-width: 992px) { .header .header-nav .main-nav > li .submenu li .submenu { left: 100%; top: 0; margin-top: 10px; } } .header .header-nav .main-nav > li .submenu li .submenu li { position: relative; } .header .header-nav .main-nav > li .submenu li .submenu li a { display: block; clear: both; white-space: nowrap; font-size: 14px; color: #2d3b48; width: 100%; border-top: 1px solid #f0f0f0; padding: 10px 15px; -webkit-transition: all 0.35s ease; -ms-transition: all 0.35s ease; transition: all 0.35s ease; } @media (max-width: 991.98px) { .header .header-nav .main-nav > li .submenu li .submenu li a { border-top: 0; color: #ffffff; padding: 10px 15px 10px 45px; } } .header .header-nav .main-nav > li .submenu li .submenu li .has-submenu > a::after { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 13px; position: absolute; top: 12px; right: 15px; } @media (min-width: 992px) { .header .header-nav .main-nav > li .submenu > li .submenu { left: 100%; top: 0; margin-top: 10px; } } .header .header-nav .main-nav > li .submenu > li.has-submenu > a::after { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 13px; position: absolute; top: 12px; right: 15px; } @media (max-width: 991.98px) { .header .header-nav .main-nav > li .submenu > li.has-submenu > a::after { content: "\f078"; } } @media (min-width: 992px) { .header .header-nav .main-nav > li:last-child { margin-right: 0; } } @media (min-width: 992px) { .header .header-nav .main-nav > li.has-submenu:hover > .submenu > li.has-submenu:hover > .submenu { visibility: visible; opacity: 1; margin-top: -1px; margin-right: 0; } } @media (min-width: 992px) { .header .header-nav .main-nav li { display: block; position: relative; } } @media (min-width: 992px) { .header .header-nav .main-nav li > ul { background-color: #ffffff; display: block; font-size: 14px; min-width: 200px; opacity: 0; visibility: hidden; z-index: 1000; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; transform: translateY(20px); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); position: absolute; top: 100%; left: 0; margin: 0; padding: 0; border-radius: 5px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } } .header .header-nav .main-nav li a { display: block; font-size: 14px; font-weight: 500; } .header .header-nav .main-nav li.login-link { display: none; } @media (max-width: 575.98px) { .header .header-nav .main-nav li.login-link { display: block; } } @media (min-width: 992px) { .header .header-nav .main-nav li .submenu a:hover { color: #09dca4 !important; letter-spacing: 0.5px; padding-left: 20px !important; } } @media (min-width: 992px) { .header .header-nav .main-nav li .submenu::before { border: 7px solid #ffffff; border-color: transparent transparent #ffffff #ffffff; content: ""; transform-origin: 0 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); position: absolute; top: 2px; left: 45px; -webkit-box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1); -moz-box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1); } } @media (max-width: 991.98px) { .header .header-nav .main-nav li + li { margin-left: 0; } } @media (min-width: 992px) { .header .header-nav .main-nav li.has-submenu:hover > .submenu { visibility: visible; opacity: 1; margin-top: 0; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } } .header .header-nav .main-nav .has-submenu.active > a { color: #09dca4; } @media (min-width: 992px) { .header .header-nav .main-nav .has-submenu.active > a { color: #09dca4; } } .header .header-nav .main-nav .has-submenu.active .submenu li.active > a { color: #09dca4; } @media (min-width: 992px) { .header .header-nav .main-nav .has-submenu.active .submenu li.active > a { color: #09dca4; } } @media (min-width: 992px) { .header .header-nav .main-nav .has-submenu:hover > .submenu { visibility: visible; opacity: 1; margin-top: 0; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } } .header .header-nav .main-nav .has-submenu > .submenu__ > .has-submenu--.submenu::before { top: 20px; margin-left: -35px; border-color: transparent #ffffff #ffffff transparent; -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15); } .header .header-nav .logo { display: inline-block; margin-right: 30px; width: 160px; } @media (max-width: 1199.98px) { .header .header-nav .logo { margin-right: 21px; } } @media (max-width: 575.98px) { .header .header-nav .logo { width: 100%; text-align: center; margin-right: 0; } } @media (max-width: 575.98px) { .header .header-nav .logo img { height: 40px; } } .header .header-nav .header-navbar-rht { margin: 0 0 0 auto; padding: 0; } @media (max-width: 575.98px) { .header .header-nav .header-navbar-rht { display: none; } } .header .header-nav .header-navbar-rht li { padding-right: 20px; } .header .header-nav .header-navbar-rht li:last-child { padding-right: 0px; } .header .header-nav .header-navbar-rht li .dropdown-menu { border: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } @media (min-width: 992px) { .header .header-nav .header-navbar-rht li .dropdown-menu { min-width: 200px; visibility: hidden; opacity: 0; display: block; margin: 0; padding: 0; border-radius: 5px; transform: translateY(20px); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); } } .header .header-nav .header-navbar-rht li .dropdown-menu::before { content: ""; border: 7px solid #ffffff; border-color: transparent transparent #ffffff #ffffff; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); position: absolute; top: -5px; right: 17px; -webkit-box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1); -moz-box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1); } .header .header-nav .header-navbar-rht li .dropdown-menu .dropdown-item { border-top: 1px solid #f0f0f0; padding: 10px 15px; } .header .header-nav .header-navbar-rht li .dropdown-menu .dropdown-item:first-child { border-top: 0; border-radius: 5px 5px 0 0; } .header .header-nav .header-navbar-rht li .dropdown-menu .dropdown-item:last-child { border-radius: 0 0 5px 5px; } .header .header-nav .header-navbar-rht li .dropdown-menu a:hover { color: #09dca4; letter-spacing: 0.5px; padding-left: 20px; background-color: #ffffff; } .header .header-nav .header-navbar-rht li a.header-login { border: 2px solid #09e5ab; text-align: center; font-size: 15px; color: #09e5ab; text-transform: uppercase; font-weight: 500; border-radius: 4px; padding: 10px 15px !important; } .header .header-nav .header-navbar-rht li a.header-login:hover { background-color: #09e5ab; border-color: #09e5ab; color: #ffffff; } .header .header-nav .header-navbar-rht li .header-contact-img { display: inline-block; } .header .header-nav .header-navbar-rht li .header-contact-img i { color: rgba(0, 0, 0, 0.5); font-size: 30px; } .header .header-nav .header-navbar-rht li .header-contact-detail { display: inline-block; padding-left: 10px; } .header .header-nav .header-navbar-rht li .header-contact-detail p.contact-header { color: #484848; font-size: 13px; font-weight: 400; margin-bottom: 2px; text-align: left; } .header .header-nav .header-navbar-rht li .header-contact-detail p.contact-info-header { color: #000000; font-weight: 500; font-size: 14px; margin-bottom: 0; } .header .header-nav .header-navbar-rht li .header-contact-detail p.contact-info-header.white-font { color: #ffffff; } @media (min-width: 992px) { .header .header-nav .header-navbar-rht li.show > .dropdown-menu { visibility: visible; opacity: 1; margin-top: 0; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } } .header .header-nav .header-navbar-rht li .dropdown-menu.show { visibility: visible; opacity: 1; margin-top: 0; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } @media (min-width: 992px) { .header .header-nav .header-navbar-rht li .dropdown-menu { min-width: 200px; visibility: hidden; opacity: 0; display: block; transform: translateY(20px); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); border-radius: 5px; margin: 0; padding: 0; } } @media (max-width: 991.98px) { .header .header-nav .header-navbar-rht li.contact-item { display: none; } } @media (max-width: 1199.98px) { .header .header-nav .header-navbar-rht li.contact-item { display: none; } } .header .header-nav .header-navbar-rht .dropdown-toggle::after { display: none; } .header .header-nav .header-navbar-rht .dropdown-menu { min-width: 200px; padding: 0; } .header .header-nav .header-navbar-rht .dropdown-menu .dropdown-item { border-top: 1px solid #e3e3e3; padding: 10px 15px; } .header .header-nav .header-navbar-rht .dropdown-menu .dropdown-item:hover { color: #0E82FD; } .header .header-nav .header-navbar-rht .has-arrow .dropdown-toggle:after { border-top: 0; border-left: 0; border-bottom: 2px solid #757575; border-right: 2px solid #757575; content: ""; height: 8px; display: inline-block; pointer-events: none; width: 8px; vertical-align: 2px; margin-left: 10px; margin-bottom: 5px; transform-origin: 66% 66%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .header .header-nav .header-navbar-rht .has-arrow .dropdown-toggle[aria-expanded=true]:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); } .header .header-nav .header-navbar-rht .has-arrow .dropdown-toggle .user-img { display: inline-block; position: relative; margin-bottom: 5px; } .header .header-nav .header-navbar-rht .has-arrow .dropdown-toggle .user-img > img { height: 31px; object-fit: cover; width: 31px; } .header .header-nav .header-navbar-rht .has-arrow .user-header { padding: 10px 15px; } .header .header-nav .header-navbar-rht .has-arrow .user-header .user-text { margin-left: 10px; } .header .header-nav .header-navbar-rht .has-arrow .user-header .user-text h6 { font-size: 15px; margin-bottom: 2px; } .header .header-nav .header-navbar-rht .has-arrow .logged-item .nav-link { font-size: 14px; line-height: 85px; padding: 0 10px; } .rd{ background: #0E82FD; padding: 5px 10px; border-radius: 5px; font-family: 600; font-size: 14px; color: #fff; cursor: pointer; } .header .header-nav .header-navbar-rht .has-arrow.logged-item .nav-link { font-size: 14px; line-height: 85px; padding: 0 10px; } .header .header-nav .header-navbar-rht .view-cart-header { position: relative; } .header .header-nav .header-navbar-rht .view-cart-header a#cart { position: relative; font-size: 18px; color: #6B7280; } .header .header-nav .header-navbar-rht .view-cart-header a#cart:hover { color: #0E82FD; } .header .header-nav .header-navbar-rht .noti-nav .nav-link { font-size: 18px; color: #6B7280; } .header .header-nav .header-navbar-rht .noti-nav .nav-link .badge { background-color: #0E82FD; border-radius: 2px; color: #ffffff; font-size: 10px; font-style: normal; text-align: center; position: absolute; top: 21px; right: -6px; padding: 0 5px; width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; line-height: 0; font-weight: normal; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu { min-width: 370px; padding: 0; font-weight: normal; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .topnav-dropdown-header { border-bottom: 1px solid #EEF1FE; height: 44px; line-height: 44px; padding-left: 15px; padding-right: 15px; font-weight: 500; display: flex; justify-content: space-between; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .noti-content { height: 260px; width: 420px; overflow-y: auto; position: relative; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .notification-list { list-style: none; padding: 0; margin: 0; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu ul.notification-list > li { margin-top: 0; border-bottom: 1px solid #f5f5f5; padding: 0; margin: 0; width: 100%; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu ul.notification-list > li a { display: block; padding: 10px 15px; border-radius: 2px; width: 100%; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu ul.notification-list > li a:hover { letter-spacing: normal; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .notify-block:last-child { border-bottom: none; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .notify-block > .avatar { margin-right: 10px; width: auto; height: auto; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .notify-block > .avatar > img { width: 46px; height: 46px; border-radius: 5px; margin-right: 8px; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .media-body { width: 100%; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .media-body h6 { margin-bottom: 3px; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .noti-title { color: #0E82FD; } .header .header-nav .header-navbar-rht .noti-nav .dropdown-menu .notification-time { font-size: 12px; line-height: 1.35; float: right; } .header .nav-transparent { background-color: transparent !important; border-bottom: 0 !important; } @media (min-width: 992px) { .header .nav-transparent .white-font > li > a { color: #ffffff; } } .header.custom { background-color: transparent; border-bottom: 0 !important; } .header.custom .no-border { border: none !important; } @media (min-width: 992px) { .header.custom .white-font > li > a { color: #ffffff; } } .header.custom .header-navbar-rht.right-menu .header-contact-img i { width: 30px; background-color: #ffffff; height: 30px; border-radius: 50%; font-size: 11px; color: #1860CA; border: 2px solid #acc9f5; } .header.custom .header-navbar-rht.right-menu .header-contact-detail p.contact-info-header { color: #ffffff; } .header.custom .header-navbar-rht.right-menu li { border-right: 0; } .header.custom .header-navbar-rht.right-menu li a.header-login { width: 120px; padding: 10px !important; } .header.custom .header-navbar-rht.right-menu li:last-child { border-right: 0; padding: 0; } .header.header-five .no-border { border: none !important; } .header.header-five .main-menu-wrapper { margin-left: 40px !important; } @media (max-width: 991.98px) { .header.header-five .main-menu-wrapper { margin-left: auto !important; } } @media (min-width: 992px) { .header.header-five .main-menu-wrapper .main-nav .has-submenu.active > a { color: #28DAF4; } } .header.header-five .main-menu-wrapper .main-nav .has-submenu.active > a:after { content: ""; width: 70px; background: #28DAF4; height: 2px; z-index: 9; position: absolute; bottom: 25px; left: -7px; } .header.header-five .main-menu-wrapper .main-nav.blue-font > li > a { color: #2A85D1; text-transform: uppercase; } .header.header-five .header-navbar-rht li a.header-login.white-bg { background-color: #ffffff; color: #28DAF4 !important; border: 1px solid #28DAF4; font-size: 12px; } .header .user-menu { float: right; position: relative; z-index: 99; margin: 0; } .header .user-menu.nav li a { color: #ffffff; font-size: 14px; line-height: 58px; height: 60px; padding: 0 15px; } .header .user-menu.nav li a:hover, .header .user-menu.nav li a:focus { background-color: rgba(0, 0, 0, 0.2); } .header .user-menu.nav li a:hover i, .header .user-menu.nav li a:focus i { color: #ffffff; } .header .user-menu.nav li a.mobile_btn { border: 0; position: relative; cursor: pointer; margin: 0; padding: 0; } .header.header-four .header-nav { background-color: #2264C5; border: none; } @media (min-width: 992px) { .header.header-four .main-nav .has-submenu.active > a { color: #ffffff; border-top: 3px solid #E74E84; } } @media (min-width: 992px) { .header.header-four .main-nav > li > a { line-height: 80px; color: #ffffff; } } .header.header-four .nav-item { line-height: 60px; align-items: center; display: flex !important; } .header.header-four .nav-item a.header-login { border: 2px solid #ffffff; border-radius: 30px; text-align: center; font-size: 14px; color: #ffffff; text-transform: uppercase; font-weight: 500; line-height: 20px; padding: 10px 15px !important; } .header.header-four .nav-item a.header-login:hover { background-color: #10DEFD; border: 2px solid #10DEFD; } .header.header-four .nav-item a.header-login i { font-size: 14px; margin: 0; margin-right: 3px; } .header.header-trans { position: fixed; display: block; width: 100%; z-index: 9999; background: transparent; } .header.header-trans .header-nav { background: transparent; border-bottom: none; } .header.header-trans .main-menu-wrapper { margin-left: auto; } @media (max-width: 1399.98px) { .header.header-trans .main-menu-wrapper { margin-right: auto; margin-left: unset; } } .header.header-trans .header-navbar-rht li { height: 20px; padding-right: 15px; } @media (max-width: 1399.98px) { .header.header-trans .header-navbar-rht li { padding-right: 5px; } } .header.header-trans .header-navbar-rht li .header-contact-img i { color: #1C5B90; font-size: 14px; } .header.header-trans .header-navbar-rht li .header-contact-detail p.contact-info-header { color: #1C5B90; } .header.header-trans .header-navbar-rht li:last-child { border-right: 0; padding-left: 15px; } @media (max-width: 1199.98px) { .header.header-trans .header-navbar-rht li:last-child { padding-left: 0; } } .header.header-trans .header-navbar-rht li a.header-login { text-align: center; font-size: 13px; color: #ffffff; text-transform: uppercase; background: #1C5B91; box-shadow: 0px 4px 4px rgba(189, 189, 189, 0.25); border-radius: 47px; border: 0; } .header.header-trans .header-navbar-rht li a.header-login.white-bg { background-color: #ffffff; color: #2264C5; } .header.header-trans .header-navbar-rht li a.header-login:hover { background-color: #1C5B91; color: #ffffff; } .header-one { width: 100%; z-index: 1040; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background-color: transparent; box-shadow: 0px 4px 4px rgba(198, 198, 198, 0.25); } .header-one .header-nav .main-nav .has-submenu.active .submenu li.active > a { color: #0E82FD; } .header-one.min-header { width: 100%; z-index: 1040; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background-color: transparent; } .header-one.header-fixed { position: fixed; display: block; width: 100%; z-index: 9999; background: #F2F6F6; box-shadow: inherit; } .header-one.header-space .header-nav { height: 80px; } .header-one .header-nav { background-color: transparent; border: 0; position: relative; margin: 0; padding: 0; height: 100px; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 991.98px) { .header-one .header-nav { height: 70px; } } @media (max-width: 991.98px) { .header-one .header-nav { margin: 0; padding: 0 0; } } @media (max-width: 991.98px) { .header-one .header-nav .menu-header { height: 70px; } } @media (max-width: 991.98px) { .header-one .header-nav .main-menu-wrapper { background-color: #0E82FD; } } @media (max-width: 991.98px) { .header-one .navbar-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; } } .header-one .navbar-header #mobile_btn { display: none; margin-right: 30px; } @media (max-width: 991.98px) { .header-one .navbar-header #mobile_btn { display: inline-block; margin: 0; padding: 0 0; } } @media (max-width: 767.98px) { .header-one .navbar-header #mobile_btn { margin-right: 0; } } .header-one .navbar-header #mobile_btn .bar-icon { display: inline-block; width: 31px; } .header-one .navbar-header #mobile_btn .bar-icon span { background-color: #0E82FD; display: block; float: left; height: 3px; margin-bottom: 7px; width: 31px; border-radius: 2px; -webkit-transition: ease all 0.5s; -ms-transition: ease all 0.5s; transition: ease all 0.5s; position: relative; } .header-one .navbar-header #mobile_btn .bar-icon span:nth-child(2) { width: 16px; } .header-one .navbar-header #mobile_btn .bar-icon span:nth-child(3) { margin-bottom: 0; } .header-one .main-menu-wrapper { margin: 0; padding: 0; } .header-one .main-menu-wrapper .main-nav { list-style: none; margin: 0; padding: 0; } @media (max-width: 991.98px) { .header-one .main-menu-wrapper .main-nav ul { background-color: #E6F1FF; display: none; list-style: none; margin: 0; padding-left: 0; } } .header-one .main-menu-wrapper .main-nav li .btn { color: #ffffff; font-weight: 600; font-size: 14px; padding: 7px 8px !important; border: 1px solid #0E82FD; border-radius: 6px; } .header-one .main-menu-wrapper .main-nav li .btn:hover { color: #0E82FD; border: 1px solid #0E82FD; } .header-one .main-menu-wrapper .main-nav li .btn i { font-size: 15px; margin-right: 5px; margin-left: 0; } .header-one .main-menu-wrapper .main-nav li .btn.reg-btn { min-width: 108px; background-color: #ffffff; border: 1px solid #E5E7EB; color: #1F2937; box-shadow: inset 0 0 0 0 #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .header-one .main-menu-wrapper .main-nav li .btn.reg-btn:hover { color: #ffffff; background-color: #0E82FD; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 50px #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .header-one .main-menu-wrapper .main-nav li .btn.log-btn { min-width: 87px; color: #ffffff; background-color: #0E82FD; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .header-one .main-menu-wrapper .main-nav li .btn.log-btn:hover { color: #0E82FD; background-color: #ffffff; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .header-one .main-menu-wrapper .main-nav li a { font-size: 15px; font-weight: 500; color: #1F2937; display: block; } @media (max-width: 1199.98px) { .header-one .main-menu-wrapper .main-nav li a { font-size: 14px; } } .header-one .main-menu-wrapper .main-nav li.login-link { display: none; } @media (max-width: 991.98px) { .header-one .main-menu-wrapper .main-nav li.login-link { display: block; } } @media (min-width: 992px) { .header-one .main-menu-wrapper .main-nav li > ul { background: #ffffff; box-shadow: 0px 4px 4px rgba(196, 196, 196, 0.25); border-radius: 0px 0px 6px 5px; display: block; font-size: 14px; min-width: 200px; opacity: 0; margin: 0; padding: 0; position: absolute; top: 100%; left: 0; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; transform: translateY(20px); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); visibility: hidden; z-index: 1000; } } @media (min-width: 992px) { .header-one .main-menu-wrapper .main-nav li { display: block; position: relative; } } .header-one .main-menu-wrapper .main-nav .register-btn { margin-right: 10px; } .header-one .main-menu-wrapper .main-nav .register-btn:last-child { margin-right: 0; } @media (max-width: 991.98px) { .header-one .main-menu-wrapper .main-nav .register-btn { display: none; } } @media (min-width: 992px) { .header-one .main-menu-wrapper .main-nav > li { margin-right: 8px; } } @media (min-width: 1200.98px) { .header-one .main-menu-wrapper .main-nav > li { margin-right: 20px; } } @media (max-width: 991.98px) { .header-one .main-menu-wrapper .main-nav > li { border-bottom: 1px solid #E6F1FF; margin-left: 0; margin-right: 0; } } @media (max-width: 991.98px) { .header-one .main-menu-wrapper .main-nav > li > a i { float: right; margin-top: 5px; } } @media (max-width: 991.98px) { .header-one .main-menu-wrapper .main-nav > li > a { line-height: 1.5; padding: 15px 20px !important; color: #ffffff !important; font-size: 14px; background: transparent !important; border-radius: 0 !important; } } .header-one .main-menu-wrapper .main-nav > li:last-child { margin-right: 0; } .header-one .main-menu-wrapper .main-nav > li.active > a { color: #0E82FD !important; } @media (max-width: 991.98px) { .header-one .main-menu-wrapper .main-nav > li.active > a { color: #ffffff !important; } } .header-one .main-menu-wrapper .main-nav > li > a { position: relative; } .header-one .main-menu-wrapper .main-nav > li > a:hover { color: #0E82FD; } @media (min-width: 992px) { .header-one .main-menu-wrapper .main-nav > li > a { padding: 23px 0 28px !important; line-height: normal; } } .header-one .main-menu-wrapper .main-nav > li > a > i { font-size: 10px; margin-left: 6px; } .header-one .main-menu-wrapper .main-nav > li.searchbar a { color: #6B7280; } .header-one .main-menu-wrapper .main-nav > li.searchbar a i { font-size: 16px; } @media (max-width: 1199.98px) { .header-one .main-menu-wrapper .main-nav > li.searchbar { display: none; } } .header-one .main-menu-wrapper .main-nav > li.has-submenu .submenu .has-submenu .submenu::before { top: 20px; margin-left: -35px; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15); border-color: transparent #ffffff #ffffff transparent; } @media (min-width: 992px) { .header-one .main-menu-wrapper .main-nav > li.has-submenu:hover > .submenu { visibility: visible; opacity: 1; margin-top: 0; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } .header-one .main-menu-wrapper .main-nav > li.has-submenu:hover > .submenu > li.has-submenu:hover .submenu { visibility: visible; opacity: 1; margin-top: 0; margin-right: 0; } } .header-one .main-menu-wrapper .main-nav > li .submenu li { position: relative; } .header-one .main-menu-wrapper .main-nav > li .submenu li a { display: block; padding: 10px 15px; clear: both; white-space: nowrap; font-size: 14px; color: #2d3b48; -webkit-transition: all 0.35s ease; -ms-transition: all 0.35s ease; transition: all 0.35s ease; width: 100%; position: relative; border-top: 1px solid #f0f0f0; } .header-one .main-menu-wrapper .main-nav > li .submenu li a.active { color: #0E82FD; } .header-one .main-menu-wrapper .main-nav > li .submenu li a:hover { color: #0E82FD !important; } @media (max-width: 991.98px) { .header-one .main-menu-wrapper .main-nav > li .submenu li a { padding: 10px 15px 10px 35px; } } .header-one .main-menu-wrapper .main-nav > li .submenu > li.has-submenu > a::after { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 700; position: absolute; top: 12px; right: 15px; font-size: 13px; } @media (min-width: 992px) { .header-one .main-menu-wrapper .main-nav > li .submenu > li .inner-submenu { left: 100%; top: 0; margin-top: 10px; } } @media (min-width: 992px) { .header-one .main-menu-wrapper .main-nav > li .submenu::before { border: 7px solid #ffffff; border-color: transparent transparent #ffffff #ffffff; box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1); content: ""; position: absolute; top: 2px; left: 45px; -webkit-transform-origin: 0 0; transform-origin: 0 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } } @media (max-width: 991.98px) { .header-one .main-menu-wrapper .main-nav { padding: 0; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } } @media (max-width: 991.98px) { .header-one .main-menu-wrapper { order: 3; width: 260px; position: fixed; top: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto; z-index: 1060; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; transform: translateX(-260px); -webkit-transform: translateX(-260px); -ms-transform: translateX(-260px); background-color: #09e5ab; } } .header-one .logo { display: inline-block; margin-right: 0; } @media (max-width: 991.98px) { .header-one .logo.navbar-brand { width: 100%; text-align: center; margin: 0; padding: 0; } } .header-one .header-nav .header-navbar-rht { margin: 0; padding: 0; color: #ffffff; font-size: 15px; font-weight: 600; margin-right: 2px; } .header-one .header-nav .header-navbar-rht li { margin-right: 10px; } .header-one .header-nav .header-navbar-rht li .btn { color: #ffffff; font-weight: 600; font-size: 15px; padding: 6px 12px; border: 1px solid #09e5ab; border-radius: 6px; } .header-one .header-nav .header-navbar-rht li .btn:hover { color: #09e5ab; border: 1px solid #09e5ab; } .header-one .header-nav .header-navbar-rht li .btn i { margin-right: 5px; } .header-one .header-nav .header-navbar-rht li .btn.reg-btn { background-color: #ffffff; border: 1px solid #E5E7EB; color: #1F2937; box-shadow: inset 0 0 0 0 #09e5ab; } .header-one .header-nav .header-navbar-rht li .btn.reg-btn:hover { color: #ffffff; background-color: #09e5ab; border: 1px solid #09e5ab; } .header-one .header-nav .header-navbar-rht li:last-child { margin-right: 0; } @media (max-width: 991.98px) { .header-one .header-nav .header-navbar-rht { display: none; } } @media (max-width: 767.98px) { .header-one .header-nav .header-navbar-rht { display: none; } } .header-one .menu-header { background-color: #ffffff; height: 72px; padding: 0 15px; border-bottom: 2px solid #0E82FD; display: none; } .header-one .menu-header .menu-close { font-size: 20px; } .header-one .menu-header .menu-close i { color: #0E82FD; } .header-one .menu-header .menu-close i:hover { color: #000000; } @media (max-width: 991.98px) { .header-one .menu-header { display: flex; } } .togglesearch { position: absolute; top: 74px; right: 8%; width: 280px; display: none; z-index: 999; background: #ffffff; padding: 10px 10px; border-radius: 5px; box-shadow: 0 2px 8px rgba(183, 183, 183, 0.25); } .togglesearch input[type=text] { width: 182px; padding: 5px 10px; border: 1px solid #0E82FD; outline: none; height: 39px; border-radius: 5px 0 0 5px; } .togglesearch button { background: #0E82FD; color: #ffffff; border: 1px solid #0E82FD; outline: none; cursor: pointer; border-radius: 0 5px 5px 0; padding: 10px 12px; font-size: 14px; } .sidebar-overlay { background-color: rgba(0, 0, 0, 0.6); display: none; height: 100%; width: 100%; z-index: 1040; position: fixed; top: 0; left: 0; } @media (max-width: 991.98px) { .sidebar-overlay.opened { display: block; } } .menu-opened .main-menu-wrapper { transform: translateX(0) !important; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; } html.menu-opened body { overflow: hidden; } #mobile_btn { display: none; margin-right: 30px; } @media (max-width: 991.98px) { #mobile_btn { display: inline-block; } } @media (max-width: 575.98px) { #mobile_btn { margin-right: 0; z-index: 99; position: absolute; left: 0; padding: 0; } } .header-two .header-nav .navbar-header #mobile_btn, .header-eight .header-nav .navbar-header #mobile_btn, .custom .header-nav .navbar-header #mobile_btn { margin-left: 0; } @media (max-width: 575.98px) { .navbar-brand.logo { width: 100%; text-align: center; margin-right: 0; } } @media (max-width: 575.98px) { .navbar-brand.logo img { height: 40px; } } .header-top { display: flex; background: #09e5ab; color: #ffffff; padding: 8px 30px; } @media (max-width: 991.98px) { .header-top { display: none; } } .header-top ul { display: flex; } .header-top ul li { padding-right: 25px; font-size: 13px; } .header-top ul li .top-icon { margin-right: 5px; } .header-top ul li:last-child { padding-right: 0; } .header-top .right-top { margin-left: auto; } .login-header-info { position: fixed; top: 0; left: 0; box-shadow: unset; background: #ffffff; border-bottom: 2px solid #F1F1F3; width: 100%; z-index: 11; } @media (max-width: 991.98px) { .login-header-info { display: none; } } .login-header-info .header-nav { height: 83px; margin: 0; padding: 0 30px; } @media (max-width: 991.98px) { .login-header-info .header-nav { height: 70px; margin: 0; padding: 0 20px; } } @media (max-width: 767.98px) { .login-header-info .header-nav { margin: 0; padding: 0 15px; } } .login-header-info .header-nav .main-nav li a { font-size: 15px; font-weight: 500; color: #6B7280; } .login-header-info .header-nav .main-nav li a:hover { color: #0E82FD; } .login-header-info .header-navbar-rht { display: none; } @media (max-width: 991.98px) { .login-header-info .header-navbar-rht { display: inherit; } } @media (max-width: 767.98px) { .login-header-info .header-navbar-rht { display: none; } } .login-header-info .flag-dropdown { margin: 0; padding: 18px 0; } @media (max-width: 991.98px) { .login-header-info .flag-dropdown { margin: 0; padding: 12px 0; } } .flag-dropdown .dropdown-toggle { color: #1F2937 !important; font-size: 14px !important; padding: 11px 15px; min-width: 146px; background: #ffffff; border: 1px solid #E4E4E8; border-radius: 8px; position: relative; display: flex !important; } .flag-dropdown .dropdown-toggle.show + .dropdown-menu { visibility: visible; opacity: 1; margin-top: 0; border-radius: 0 0 5px 5px; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } .flag-dropdown .dropdown-toggle:after { border-top: 0; border-left: 0; border-bottom: 2px solid #000000; border-right: 2px solid #000000; content: ""; height: 8px; display: inline-block; pointer-events: none; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 8px; vertical-align: 2px; margin-left: 0; position: absolute; top: 15px; right: 15px; } .flag-dropdown .dropdown-toggle:after:hover { border-bottom: 2px solid #000000; border-right: 2px solid #000000; } .flag-dropdown .dropdown-toggle .flag-img { margin-right: 10px; border-radius: 50px; width: 20px; } .flag-dropdown.show + .dropdown-menu { visibility: visible; opacity: 1; margin-top: 0; border-radius: 0 0 5px 5px; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } .flag-dropdown .dropdown-menu { border-radius: 5px; margin: 0; padding: 0; min-width: 200px; visibility: hidden; opacity: 0; top: 100%; left: auto !important; right: 0 !important; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; display: block; transform: translateY(40px); -webkit-transform: translateY(40px); -ms-transform: translateY(40px); } .flag-dropdown .dropdown-menu .dropdown-item { font-size: 14px !important; color: #000000; margin: 0; padding: 10px 15px; font-weight: 600; } .flag-dropdown .dropdown-menu .dropdown-item img { margin-right: 10px; width: 20px; } .flag-dropdown .dropdown-menu .dropdown-item:hover { color: #000000 14px !important; } .flag-dropdown .dropdown-toggle[aria-expanded=true]:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); } .main-nav li .flag-dropdown .submenu::before { display: none; } .flag-dropdown .dropdown-menu .dropdown-item.active, .flag-dropdown .dropdown-menu .dropdown-item:active { color: #ffffff; background-color: #09e5ab; } .noti-nav .nav-link { font-size: 18px; color: #6B7280; } .noti-nav .nav-link .badge { background-color: #0E82FD; border-radius: 2px; color: #ffffff; font-size: 10px; font-style: normal; text-align: center; position: absolute; top: 19px; right: -6px; padding: 0 5px; width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; line-height: 0; font-weight: normal; } .noti-nav .dropdown-menu { min-width: 420px; padding: 0; } .main-nav li.megamenu > ul { width: 100%; } .megamenu-wrapper { padding: 25px 25px 0; } .single-demo { transition: 0.4s; margin-bottom: 25px; } .single-demo:hover { transform: translateY(-20px); } .header .main-menu-wrapper .main-nav > li .submenu li .single-demo.active .demo-info .inner-demo-img { color: #1C5B91; } .header.header-sixteen .main-menu-wrapper .main-nav > li .submenu li .single-demo.active .demo-info .inner-demo-img { color: #1C5B91; } .header.header-thirteen .main-menu-wrapper .main-nav > li .submenu li .single-demo.active .demo-info .inner-demo-img { color: #1C5B91; } .header.header-twelve .main-menu-wrapper .main-nav > li .submenu li .single-demo.active .demo-info .inner-demo-img { color: #1C5B91; } .single-demo.active .demo-img { box-shadow: 0px 4.8px 24.4px -12px rgba(19, 16, 34, 0.1), 0px 4px 13px -2px rgba(19, 16, 34, 0.06); } .single-demo:hover .demo-info { opacity: 1; bottom: -30px; } .demo-info { /* position: absolute; bottom: -30px; */ width: 100%; margin: 0 auto; text-align: center; z-index: 1; /* opacity: 0; */ transition: 0.4s; margin-top: 10px; } @media (min-width: 992px) { .header .header-nav .main-nav li .submenu a.inner-demo-img:hover { padding-left: 0 !important; } } @media (min-width: 992px) { .header .header-nav .main-nav > li.megamenu { position: unset; } } .single-demo a { padding: 0 !important; } @media (min-width: 992px) { .header .header-nav .main-nav li > ul.mega-submenu { padding: 0; border: 0; display: block; opacity: 0; visibility: hidden; min-width: 250px; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform-origin: center top 0; -webkit-transform-origin: center top 0; -moz-transform-origin: center top 0; -ms-transform-origin: center top 0; -o-transform-origin: center top 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; box-shadow: 0 16px 50px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 16px 50px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 16px 50px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0 16px 50px rgba(0, 0, 0, 0.08); -o-box-shadow: 0 16px 50px rgba(0, 0, 0, 0.08); border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } .header .header-nav .main-nav li.has-submenu:hover > .submenu { opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); } .header .header-nav .main-nav li .submenu.mega-submenu::before { display: none; } } @media (max-width: 991.98px) { .megamenu-wrapper { padding: 0; } .demo-img { display: none; } .demo-info { opacity: 1; position: relative; bottom: 0; text-align: left; margin-top: 0; } .single-demo a { padding: 10px 15px 10px 35px !important; } .single-demo:hover .demo-info { bottom: 0; } .single-demo .demo-info a { padding: 10px 15px 10px 35px; } .single-demo:hover { transform: translateY(0); } .single-demo:hover .demo-info { bottom: 0; } .single-demo { margin-bottom: 0; } } @media (max-width: 991.98px) { .header.header-custom .header-nav .main-nav > li .submenu li .submenu li a { color: #2d3b48; } .header-one .main-menu-wrapper .main-nav > li .submenu > li.has-submenu > a::after { content: "\f078"; } .header-ten .main-menu-wrapper .main-nav > li .submenu > li.has-submenu > a::after { content: "\f078"; } } .header.header-ten { width: 100%; z-index: 1040; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background-color: transparent; box-shadow: 0px 4px 4px rgba(198, 198, 198, 0.25); } .header.header-ten .header-nav .main-nav .has-submenu.active .submenu li.active > a { color: #0E82FD; } .header.header-ten.min-header { width: 100%; z-index: 1040; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background-color: transparent; } .header.header-ten.header-fixed { display: block; width: 100%; z-index: 9999; background: #0E82FD; box-shadow: inherit; position: relative; } .header.header-ten.header-space { background: #0E82FD; position: fixed; } .header.header-ten.header-space .header-nav { height: 80px; } .header.header-ten .header-nav { background-color: transparent; border: 0; position: relative; margin: 0; padding: 0; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 991.98px) { .header.header-ten .header-nav { height: 70px; } } @media (max-width: 991.98px) { .header.header-ten .header-nav { margin: 0; padding: 0 0; } } @media (max-width: 991.98px) { .header.header-ten .header-nav .menu-header { height: 70px; } } @media (max-width: 991.98px) { .header.header-ten .header-nav .main-menu-wrapper { background-color: #0E82FD; } } @media (max-width: 991.98px) { .header.header-ten .navbar-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; } } .header.header-ten .navbar-header #mobile_btn { display: none; margin-right: 30px; } @media (max-width: 991.98px) { .header.header-ten .navbar-header #mobile_btn { display: inline-block; margin: 0; padding: 0 0; } } @media (max-width: 767.98px) { .header.header-ten .navbar-header #mobile_btn { margin-right: 0; } } .header.header-ten .navbar-header #mobile_btn .bar-icon { display: inline-block; width: 31px; } .header.header-ten .navbar-header #mobile_btn .bar-icon span { background-color: #ffffff; display: block; float: left; height: 3px; margin-bottom: 7px; width: 31px; border-radius: 2px; -webkit-transition: ease all 0.5s; -ms-transition: ease all 0.5s; transition: ease all 0.5s; position: relative; } .header.header-ten .navbar-header #mobile_btn .bar-icon span:nth-child(2) { width: 16px; } .header.header-ten .navbar-header #mobile_btn .bar-icon span:nth-child(3) { margin-bottom: 0; } .header.header-ten .main-menu-wrapper { margin: 0; padding: 0; } .header.header-ten .main-menu-wrapper .main-nav { list-style: none; margin: 0; padding: 0; } @media (max-width: 991.98px) { .header.header-ten .main-menu-wrapper .main-nav ul { background-color: #E6F1FF; display: none; list-style: none; margin: 0; padding-left: 0; } } .header.header-ten .main-menu-wrapper .main-nav li .btn { color: #ffffff; font-weight: 600; font-size: 14px; padding: 7px 8px !important; border: 1px solid #0E82FD; border-radius: 6px; } .header.header-ten .main-menu-wrapper .main-nav li .btn:hover { color: #0E82FD; border: 1px solid #0E82FD; background: transparent; } .header.header-ten .main-menu-wrapper .main-nav li .btn i { font-size: 15px; margin-right: 5px; margin-left: 0; } .header.header-ten .main-menu-wrapper .main-nav li .btn.reg-btn { min-width: 108px; background-color: #ffffff; border: 1px solid #E5E7EB; color: #1F2937; box-shadow: inset 0 0 0 0 #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .header.header-ten .main-menu-wrapper .main-nav li .btn.reg-btn:hover { color: #ffffff; background-color: #0E82FD; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 50px #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .header.header-ten .main-menu-wrapper .main-nav li .btn.log-btn { min-width: 87px; color: #ffffff; background-color: #0E82FD; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .header.header-ten .main-menu-wrapper .main-nav li .btn.log-btn:hover { color: #0E82FD; background-color: #ffffff; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .header.header-ten .main-menu-wrapper .main-nav li a { font-size: 15px; font-weight: 500; color: #ffffff; display: block; } @media (max-width: 1199.98px) { .header.header-ten .main-menu-wrapper .main-nav li a { font-size: 14px; } } .header.header-ten .main-menu-wrapper .main-nav li.login-link { display: none; } @media (max-width: 991.98px) { .header.header-ten .main-menu-wrapper .main-nav li.login-link { display: block; } } @media (min-width: 992px) { .header.header-ten .main-menu-wrapper .main-nav li > ul { background: #ffffff; box-shadow: 0px 4px 4px rgba(196, 196, 196, 0.25); border-radius: 0px 0px 6px 5px; display: block; font-size: 14px; min-width: 200px; opacity: 0; margin: 0; padding: 0; position: absolute; top: 100%; left: 0; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; transform: translateY(20px); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); visibility: hidden; z-index: 1000; } } @media (min-width: 992px) { .header.header-ten .main-menu-wrapper .main-nav li { display: block; position: relative; } } .header.header-ten .main-menu-wrapper .main-nav .register-btn { margin-right: 10px; } .header.header-ten .main-menu-wrapper .main-nav .register-btn:last-child { margin-right: 0; } @media (max-width: 991.98px) { .header.header-ten .main-menu-wrapper .main-nav .register-btn { display: none; } } @media (min-width: 992px) { .header.header-ten .main-menu-wrapper .main-nav > li { margin-right: 8px; } } @media (min-width: 1200.98px) { .header.header-ten .main-menu-wrapper .main-nav > li { margin-right: 20px; } } @media (max-width: 991.98px) { .header.header-ten .main-menu-wrapper .main-nav > li { border-bottom: 1px solid #E6F1FF; margin-left: 0; margin-right: 0; } } @media (max-width: 991.98px) { .header.header-ten .main-menu-wrapper .main-nav > li > a i { float: right; margin-top: 5px; } } @media (max-width: 991.98px) { .header.header-ten .main-menu-wrapper .main-nav > li > a { line-height: 1.5; padding: 15px 20px !important; color: #ffffff !important; font-size: 14px; background: transparent !important; border-radius: 0 !important; } } .header.header-ten .main-menu-wrapper .main-nav > li:last-child { margin-right: 0; } .header.header-ten .main-menu-wrapper .main-nav > li.active > a { color: #1C5B91 !important; } @media (max-width: 991.98px) { .header.header-ten .main-menu-wrapper .main-nav > li.active > a { color: #ffffff !important; } } .header.header-ten .main-menu-wrapper .main-nav > li > a { position: relative; } .header.header-ten .main-menu-wrapper .main-nav > li > a:hover { color: #09e5ab; } @media (min-width: 992px) { .header.header-ten .main-menu-wrapper .main-nav > li > a { padding: 10px 0 !important; line-height: normal; } } .header.header-ten .main-menu-wrapper .main-nav > li > a > i { font-size: 10px; margin-left: 6px; } .header.header-ten .main-menu-wrapper .main-nav > li.searchbar a { color: #6B7280; } .header.header-ten .main-menu-wrapper .main-nav > li.searchbar a i { font-size: 20px; color: #ffffff; } @media (max-width: 1199.98px) { .header.header-ten .main-menu-wrapper .main-nav > li.searchbar { display: none; } } .header.header-ten .main-menu-wrapper .main-nav > li.has-submenu .submenu .has-submenu .submenu::before { top: 20px; margin-left: -35px; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15); border-color: transparent #ffffff #ffffff transparent; } @media (min-width: 992px) { .header.header-ten .main-menu-wrapper .main-nav > li.has-submenu:hover > .submenu { visibility: visible; opacity: 1; margin-top: 0; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } .header.header-ten .main-menu-wrapper .main-nav > li.has-submenu:hover > .submenu > li.has-submenu:hover .submenu { visibility: visible; opacity: 1; margin-top: 0; margin-right: 0; } } .header.header-ten .main-menu-wrapper .main-nav > li .submenu li { position: relative; } .header.header-ten .main-menu-wrapper .main-nav > li .submenu li a { display: block; padding: 10px 15px; clear: both; white-space: nowrap; font-size: 14px; color: #2d3b48; -webkit-transition: all 0.35s ease; -ms-transition: all 0.35s ease; transition: all 0.35s ease; width: 100%; position: relative; border-top: 1px solid #f0f0f0; } .header.header-ten .main-menu-wrapper .main-nav > li .submenu li a.active { color: #0E82FD; } .header.header-ten .main-menu-wrapper .main-nav > li .submenu li a:hover { color: #0E82FD !important; } @media (max-width: 991.98px) { .header.header-ten .main-menu-wrapper .main-nav > li .submenu li a { padding: 10px 15px 10px 35px; } } .header.header-ten .main-menu-wrapper .main-nav > li .submenu > li.has-submenu > a::after { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 700; position: absolute; top: 12px; right: 15px; font-size: 13px; } @media (min-width: 992px) { .header.header-ten .main-menu-wrapper .main-nav > li .submenu > li .inner-submenu { left: 100%; top: 0; margin-top: 10px; } } @media (min-width: 992px) { .header.header-ten .main-menu-wrapper .main-nav > li .submenu::before { border: 7px solid #ffffff; border-color: transparent transparent #ffffff #ffffff; box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1); content: ""; position: absolute; top: 2px; left: 45px; -webkit-transform-origin: 0 0; transform-origin: 0 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } } @media (max-width: 991.98px) { .header.header-ten .main-menu-wrapper .main-nav { padding: 0; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } } @media (max-width: 991.98px) { .header.header-ten .main-menu-wrapper { order: 3; width: 260px; position: fixed; top: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto; z-index: 1060; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; transform: translateX(-260px); -webkit-transform: translateX(-260px); -ms-transform: translateX(-260px); background-color: #09e5ab; } } .header.header-ten .logo { display: inline-block; margin-right: 0; } @media (max-width: 991.98px) { .header.header-ten .logo.navbar-brand { width: 100%; text-align: center; margin: 0; padding: 0; } } .header.header-ten .header-nav .header-navbar-rht { margin: 0; padding: 0; color: #ffffff; font-size: 15px; font-weight: 600; margin-right: 2px; } .header.header-ten .header-nav .header-navbar-rht li { margin-right: 10px; padding-right: 0; } .header.header-ten .header-nav .header-navbar-rht li .btn { color: #ffffff; font-weight: 600; font-size: 15px; padding: 10px 12px; border: 1px solid transparent; border-radius: 35px; box-shadow: inset 0 0 0 0 #ffffff; transition: all 0.7s; display: flex; align-items: center; } .header.header-ten .header-nav .header-navbar-rht li .btn:hover { color: #0E82FD; border: 1px solid #ffffff; box-shadow: inset 0 0 0 50px #ffffff; } .header.header-ten .header-nav .header-navbar-rht li .btn i { margin-right: 8px; } .header.header-ten .header-nav .header-navbar-rht li .btn.reg-btn { background-color: #ffffff; border: 1px solid #E5E7EB; color: #1F2937; box-shadow: inset 0 0 0 0 #0E82FD; } .header.header-ten .header-nav .header-navbar-rht li .btn.reg-btn:hover { color: #ffffff; background-color: #0E82FD; border: 1px solid #ffffff; box-shadow: inset 0 0 0 50px #0E82FD; } .header.header-ten .header-nav .header-navbar-rht li:last-child { margin-right: 0; } @media (max-width: 991.98px) { .header.header-ten .header-nav .header-navbar-rht { display: none; } } @media (max-width: 767.98px) { .header.header-ten .header-nav .header-navbar-rht { display: none; } } .header.header-ten .menu-header { background-color: #ffffff; height: 72px; padding: 0 15px; border-bottom: 2px solid #0E82FD; display: none; } .header.header-ten .menu-header .menu-close { font-size: 20px; } .header.header-ten .menu-header .menu-close i { color: #0E82FD; } .header.header-ten .menu-header .menu-close i:hover { color: #000000; } @media (max-width: 991.98px) { .header.header-ten .menu-header { display: flex; } } .header.header-ten .header-nav .main-nav > li.megamenu { position: unset; } .header-trans.header-eleven .header-nav { border-bottom: 0; } @media (max-width: 575.98px) { .header-trans.header-eleven .header-nav .navbar-header #mobile_btn { left: 0; } } @media (max-width: 1199.98px) { .header-trans.header-eleven .header-nav .main-nav > li { margin-right: 10px; } } .header-trans.header-eleven .header-nav .main-nav > li > a { color: #ffffff; } .header-trans.header-eleven .header-nav .main-nav > li.has-submenu.active > a { color: #0CE0FF; } .header-trans.header-eleven .header-nav .main-nav > li.submenu a:hover { color: #0CE0FF; } .header-trans.header-eleven .header-navbar-rht li { border-right: 0; padding-right: 0; } .header-trans.header-eleven .header-navbar-rht li a.header-login { background: #0CE0FF; border-radius: 5px; font-size: 16px; font-weight: normal; padding: 13px 15px !important; text-transform: none; box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; display: flex; align-items: center; } .header-trans.header-eleven .header-navbar-rht li a.header-login:hover { background: #ffffff; color: #1C5B91; box-shadow: inset 0 60px 0 0 #ffffff; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; } .header-trans.header-eleven .header-navbar-rht li a.header-login.white-bg { color: #1C5B91; box-shadow: inset 0 0 0 0 #1C5B91; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; } .header-trans.header-eleven .header-navbar-rht li a.header-login.white-bg:hover { background: #1C5B91; color: #ffffff; box-shadow: inset 0 60px 0 0 #1C5B91; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; } .header.header-fourteen.header-twelve .header-nav { background-color: transparent; border-bottom: none; flex-wrap: wrap; justify-content: space-between; padding: 0; } @media (max-width: 1199.98px) { .header.header-fourteen.header-twelve .header-nav .logo { margin-right: 0; } } @media (max-width: 1199.98px) { .header.header-fourteen.header-twelve .header-nav { justify-content: start; } } @media (max-width: 991.98px) { .header.header-fourteen.header-twelve .header-nav { justify-content: space-between; } } @media (max-width: 991.98px) { .header.header-fourteen.header-twelve .header-nav .main-menu-wrapper { background-color: #F8FBFF; } } @media (max-width: 1199.98px) { .header.header-fourteen.header-twelve .header-nav .main-menu-wrapper .main-nav li { margin-right: 10px; } } @media (max-width: 991.98px) { .header.header-fourteen.header-twelve .header-nav .main-menu-wrapper .main-nav li { border-bottom: 1px solid #ffffff; } } .header.header-fourteen.header-twelve .header-nav .main-menu-wrapper .main-nav li a { color: #1F2937; } @media (max-width: 991.98px) { .header.header-fourteen.header-twelve .header-nav .main-menu-wrapper .main-nav li .submenu { background-color: #F8FBFF; } } .header.header-fourteen.header-twelve .header-nav .main-menu-wrapper .main-nav li .submenu a { color: #1F2937; } .header.header-fourteen.header-twelve .header-nav .main-menu-wrapper .main-nav li.active a { color: #0E82FD; font-weight: 700; } .header.header-fourteen.header-twelve .header-nav .main-menu-wrapper .main-nav li.active .submenu a { color: #1F2937; font-weight: 500; } .header.header-fourteen.header-twelve .header-nav .main-menu-wrapper .main-nav li.active .submenu a.active { color: #2DD4BF; font-weight: 500; } .header.header-fourteen.header-twelve .header-nav .main-menu-wrapper .main-nav li.active .submenu a { color: #1F2937; } .header.header-fourteen.header-twelve .header-nav .header-navbar-rht { padding: 0; margin: 0; } .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li { padding: 0 10px 0 0; } .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.login-link { display: none; } .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.searchbar-fourteen { background: #F6F7F5; border: 1px solid #E7E8E6; width: 38px; height: 38px; border-radius: 35px; padding: 0; transition: 0.5s; } .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.searchbar-fourteen:hover { background: #1C5B91; transition: 0.5s; } .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.searchbar-fourteen a { filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0)); } .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn { background: transparent; color: #1F2937; box-shadow: none; border: none; font-size: 15px; font-weight: 600; padding: 10px 12px; transition: 0.5s; display: flex; align-items: center; } @media (max-width: 1199.98px) { .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn { padding: 10px 5px; } } @media (max-width: 991.98px) { .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn { padding: 10px 12px; } } .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn:hover { background: #0E82FD; color: #ffffff; transition: 0.5s; } .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn.reg-btn-fourteen { background: #0E82FD; color: #ffffff; transition: 0.5s; border: 1px solid #0E82FD; font-size: 15px; font-weight: 600; } .header.header-fourteen.header-twelve .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn.reg-btn-fourteen:hover { background: #ffffff; color: #0E82FD; transition: 0.5s; } .header.header-fourteen.header-fixed { position: fixed; display: block; width: 100%; z-index: 9999; box-shadow: inherit; } .header.header-fourteen.header-twelve.header-thirteen { background-color: #ffffff; } .header.header-fourteen.header-twelve.header-thirteen .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn-thirteen { display: flex; } .header.header-fourteen.header-twelve.header-thirteen .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn-thirteen span { padding: 8px 20px; border: 1px solid #0E82FD; background: #0E82FD; color: #ffffff; border-top-left-radius: 5px; border-bottom-left-radius: 5px; transition: all 0.5s; } .header.header-fourteen.header-twelve.header-thirteen .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn-thirteen .user-icon-header { display: flex; align-items: center; justify-content: center; width: 36px; border: 1px solid #0E82FD; background: #0F78E7; color: #ffffff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; transition: all 0.5s; } .header.header-fourteen.header-twelve.header-thirteen .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn-thirteen:hover span, .header.header-fourteen.header-twelve.header-thirteen .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn-thirteen:hover .user-icon-header { background: #ffffff; color: #0E82FD; } .header.header-fourteen .header-nav { background-color: transparent; border-bottom: none; flex-wrap: wrap; justify-content: space-between; padding: 0; } @media (max-width: 1199.98px) { .header.header-fourteen .header-nav .logo { margin-right: 0; } } @media (max-width: 1199.98px) { .header.header-fourteen .header-nav { justify-content: start; } } @media (max-width: 991.98px) { .header.header-fourteen .header-nav { justify-content: space-between; } } @media (max-width: 1199.98px) { .header.header-fourteen .header-nav .main-menu-wrapper .main-nav .has-submenu { margin-right: 10px; } } .header.header-fourteen .header-nav .main-menu-wrapper .main-nav .has-submenu a { color: #ffffff; } .header.header-fourteen .header-nav .main-menu-wrapper .main-nav .has-submenu .submenu a { color: #1F2937; } @media (max-width: 991.98px) { .header.header-fourteen .header-nav .main-menu-wrapper .main-nav .has-submenu .submenu a { color: #ffffff; } } .header.header-fourteen .header-nav .main-menu-wrapper .main-nav .has-submenu.active a { color: #2DD4BF; font-weight: 700; } .header.header-fourteen .header-nav .main-menu-wrapper .main-nav .has-submenu.active .submenu a { color: #1F2937; font-weight: 500; } .header.header-fourteen .header-nav .main-menu-wrapper .main-nav .has-submenu.active .submenu a.active { color: #2DD4BF; font-weight: 500; } .header.header-fourteen .header-nav .main-menu-wrapper .main-nav .has-submenu.active .submenu a { color: #1F2937; } @media (max-width: 991.98px) { .header.header-fourteen .header-nav .main-menu-wrapper .main-nav .has-submenu.active .submenu a { color: #ffffff; } } .header.header-fourteen .header-nav .header-navbar-rht { padding: 0; margin: 0; } .header.header-fourteen .header-nav .header-navbar-rht li { padding: 0 10px 0 0; } .header.header-fourteen .header-nav .header-navbar-rht li:last-child { padding-right: 0; } .header.header-fourteen .header-nav .header-navbar-rht li.login-link { display: none; } .header.header-fourteen .header-nav .header-navbar-rht li.searchbar-fourteen a { filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); background: #ffffff; border: 1px solid #E7E8E6; width: 38px; height: 38px; border-radius: 35px; padding: 0; transition: 0.5s; } .header.header-fourteen .header-nav .header-navbar-rht li.searchbar-fourteen a:hover { background: #1C5B91; color: #ffffff; border: 1px solid #1C5B91; transition: 0.5s; } .header.header-fourteen .header-nav .header-navbar-rht li.searchbar-fourteen a:hover a { color: #ffffff; } .header.header-fourteen .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn { background: transparent; color: #ffffff; box-shadow: none; border: none; font-size: 15px; font-weight: 600; padding: 10px 12px; transition: 0.5s; display: flex; align-items: center; } @media (max-width: 1199.98px) { .header.header-fourteen .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn { padding: 10px 5px; } } .header.header-fourteen .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn:hover { background: #2DD4BF; color: #1E5D8A; transition: 0.5s; } .header.header-fourteen .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn.reg-btn-fourteen { background: #2DD4BF; color: #1E5D8A; transition: 0.5s; font-size: 15px; font-weight: 600; } .header.header-fourteen .header-nav .header-navbar-rht li.login-in-fourteen .reg-btn.reg-btn-fourteen:hover { background: #ffffff; color: #1E5D8A; transition: 0.5s; } .header.header-fixed { position: fixed; display: block; width: 100%; z-index: 9999; box-shadow: inherit; } @media (max-width: 1199.98px) { .header.header-fourteen.header-fifteen .header-nav .logo { margin-right: 0; } } @media (max-width: 991.98px) { .header.header-fourteen.header-fifteen .header-nav { justify-content: space-between; } } @media (max-width: 1399.98px) { .header.header-fourteen.header-fifteen .header-nav .main-menu-wrapper .main-nav li { margin-right: 20px; } } @media (max-width: 1199.98px) { .header.header-fourteen.header-fifteen .header-nav .main-menu-wrapper .main-nav li { margin-right: 5px; } } .header.header-fourteen.header-fifteen .header-nav .main-menu-wrapper .main-nav li a { color: #1F2937; } @media (max-width: 991.98px) { .header.header-fourteen.header-fifteen .header-nav .main-menu-wrapper .main-nav li a { color: #ffffff; } } .header.header-fourteen.header-fifteen .header-nav .header-navbar-rht .login-in-fourteen .reg-btn { padding: 18px 15px; background: #0CE0FF; color: #ffffff; border-radius: 10px; font-size: 14px; display: flex; align-items: center; } @media (max-width: 1399.98px) { .header.header-fourteen.header-fifteen .header-nav .header-navbar-rht .login-in-fourteen .reg-btn { padding: 13px 10px; } } @media (max-width: 1199.98px) { .header.header-fourteen.header-fifteen .header-nav .header-navbar-rht .login-in-fourteen .reg-btn { padding: 10px 5px; } } @media (max-width: 991.98px) { .header.header-fourteen.header-fifteen .header-nav .header-navbar-rht .login-in-fourteen .reg-btn { padding: 13px 10px; } } .header.header-fourteen.header-fifteen .header-nav .header-navbar-rht .login-in-fourteen .reg-btn.reg-btn-fourteen { background: #FFAF14; color: #ffffff; } .header.header-fourteen.header-sixteen { box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.08); background-color: #ffffff !important; } @media (max-width: 1199.98px) { .header.header-fourteen.header-sixteen .header-nav .logo { margin-right: 30px; } } @media (max-width: 991.98px) { .header.header-fourteen.header-sixteen .header-nav .logo { margin-right: 0; } } @media (max-width: 1399.98px) { .header.header-fourteen.header-sixteen .header-nav { justify-content: start; } } @media (max-width: 991.98px) { .header.header-fourteen.header-sixteen .header-nav { justify-content: space-between; } } .header.header-fourteen.header-sixteen .header-nav .bar-icon span { background: #0E82FD; } .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li:last-child { margin-right: 30px; } @media (max-width: 1199.98px) { .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li:last-child { margin-right: 10px; } } @media (max-width: 1199.98px) { .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li { margin-right: 10px; } } .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li a { color: #1F2937; } @media (max-width: 991.98px) { .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li a { color: #ffffff; } } .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li .submenu a { color: #1F2937; } @media (max-width: 991.98px) { .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li .submenu a { color: #ffffff; } } .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li.active a { color: #3B9CF6; font-weight: 700; } .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li.active .submenu a { color: #1F2937; font-weight: 500; } .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li.active .submenu a.active { color: #3B9CF6; font-weight: 500; } .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li.active .submenu a { color: #1F2937; } @media (max-width: 991.98px) { .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav li.active .submenu a { color: #ffffff; } } @media (max-width: 991.98px) { .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav .searchbar { display: none; } } .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav .searchbar a i { font-size: 18px; color: #6B7280; } .header.header-fourteen.header-sixteen .header-nav .main-menu-wrapper .main-nav .searchbar a i:hover { color: #1C5B91; } .header.header-fourteen.header-sixteen .header-nav .header-navbar-rht .login-in-sixteen .reg-btn { padding: 12px 14px; background: #0E82FD; box-shadow: inset 0 0 0 0 #0E82FD; color: #ffffff; border-radius: 6px; font-size: 14px; font-weight: 600; display: flex; align-items: center; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; } .header.header-fourteen.header-sixteen .header-nav .header-navbar-rht .login-in-sixteen .reg-btn:hover { background: #ffffff; color: #1C5B91; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; box-shadow: inset 0 60px 0 0 #ffffff; } @media (max-width: 1399.98px) { .header.header-fourteen.header-sixteen .header-nav .header-navbar-rht .login-in-sixteen .reg-btn { padding: 13px 10px; } } @media (max-width: 1199.98px) { .header.header-fourteen.header-sixteen .header-nav .header-navbar-rht .login-in-sixteen .reg-btn { padding: 10px 5px; } } @media (max-width: 991.98px) { .header.header-fourteen.header-sixteen .header-nav .header-navbar-rht .login-in-sixteen .reg-btn { padding: 13px 10px; } } .header.header-fourteen.header-sixteen .header-nav .header-navbar-rht .login-in-sixteen .reg-btn.reg-btn-sixteen { background: transparent; color: #1F2937; border: none; font-weight: 600; box-shadow: inset 0 0 0 0 #1C5B91; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; } .header.header-fourteen.header-sixteen .header-nav .header-navbar-rht .login-in-sixteen .reg-btn.reg-btn-sixteen:hover { background: #1C5B91; color: #ffffff; box-shadow: inset 0 60px 0 0 #1C5B91; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; } .nav-tabs { border-bottom: 1px solid #f0f0f0; } @media (max-width: 767.98px) { .nav-tabs { border-bottom: 0; position: relative; background-color: #ffffff; border: 1px solid #dddddd; padding: 5px 0; border-radius: 3px; } } .nav-tabs > li > a { margin-right: 0; color: #888888; border-radius: 3px; } @media (max-width: 767.98px) { .nav-tabs > li > a { border-width: 2px; border-left-color: transparent; } } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color: transparent; color: #272b41; } @media (max-width: 767.98px) { .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { background-color: #fafafa; } } @media (max-width: 767.98px) { .nav-tabs > li > a.active { border-color: transparent transparent transparent #20c0f3 !important; border-left-width: 2px; } } .nav-tabs > li.open:not(.active) > a, .nav-tabs > li.open:not(.active) > a:hover, .nav-tabs > li.open:not(.active) > a:focus { background-color: #fafafa; } @media (max-width: 767.98px) { .nav-tabs .nav-item { margin-bottom: 0; } } @media (max-width: 767.98px) { .nav-tabs .nav-item.show .nav-link { border-color: transparent transparent transparent #20c0f3 !important; border-left-width: 2px; } } .nav-tabs .nav-link { border-radius: 0; } @media (max-width: 767.98px) { .nav-tabs .nav-link { border-width: 2px; } } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { background-color: #eeeeee; border-color: transparent; color: #272b41; } @media (max-width: 767.98px) { .nav-tabs.nav-justified { border-bottom: 1px solid #dddddd; } } .nav-tabs.nav-justified > li > a { margin-bottom: 0; border-radius: 0; } .nav-tabs.nav-justified > li > a:hover, .nav-tabs.nav-justified > li > a:focus { border-bottom-color: #dddddd; } @media (max-width: 767.98px) { .nav-tabs.nav-justified > li > a.active { border-color: transparent transparent transparent #20c0f3; border-left-width: 2px !important; } } .nav-tabs.nav-justified.nav-tabs-solid > li > a { color: #272b41; } .nav-tabs.nav-justified.nav-tabs-top { border-bottom: 1px solid #dddddd; } .nav-tabs.nav-justified.nav-tabs-top > li > a, .nav-tabs.nav-justified.nav-tabs-top > li > a:hover, .nav-tabs.nav-justified.nav-tabs-top > li > a:focus { border-width: 2px 0 0 0; } .nav-tabs.nav-tabs-top > li { margin-bottom: 0; } .nav-tabs.nav-tabs-top > li > a { border-width: 2px 0 0 0; } .nav-tabs.nav-tabs-top > li > a.open { border-top-color: #dddddd; } .nav-tabs.nav-tabs-top > li > a:hover, .nav-tabs.nav-tabs-top > li > a:focus { border-width: 2px 0 0 0; border-top-color: #dddddd; } .nav-tabs.nav-tabs-top > li > a.active, .nav-tabs.nav-tabs-top > li > a.active:hover, .nav-tabs.nav-tabs-top > li > a.active:focus { border-top-color: #20c0f3; } .nav-tabs.nav-tabs-top > li + li > a { margin-left: 1px; } .nav-tabs.nav-tabs-bottom > li > a.active, .nav-tabs.nav-tabs-bottom > li > a.active:hover, .nav-tabs.nav-tabs-bottom > li > a.active:focus { border-bottom-width: 2px; border-color: transparent; border-bottom-color: #20c0f3; background-color: transparent; -webkit-transition: none 0s ease 0s; -ms-transition: none 0s ease 0s; transition: none 0s ease 0s; } @media (max-width: 767.98px) { .nav-tabs.nav-tabs-bottom > li > a.active, .nav-tabs.nav-tabs-bottom > li > a.active:hover, .nav-tabs.nav-tabs-bottom > li > a.active:focus { background-color: #f5f5f5; } } @media (max-width: 767.98px) { .nav-tabs .nav-tabs-justified { border-bottom: 1px solid #dddddd; } } .nav-tabs .nav-tabs-justified > li > a { border-radius: 0; margin-bottom: 0; } .nav-tabs .nav-tabs-justified > li > a:hover, .nav-tabs .nav-tabs-justified > li > a:focus { border-bottom-color: #dddddd; } .nav-tabs .nav-tabs-justified > li > a.active, .nav-tabs .nav-tabs-justified > li > a.active:focus, .nav-tabs .nav-tabs-justified > li > a.active:hover { border-width: 0 0 0 2px; border-left-color: #20c0f3; } .nav-tabs .nav-tabs-justified.nav-tabs-solid > li > a { border-color: transparent; } .nav-tabs .nav-tabs-justified.nav-tabs-top { border-bottom: 1px solid #dddddd; } .nav-tabs .nav-tabs-justified.nav-tabs-top > li a, .nav-tabs .nav-tabs-justified.nav-tabs-top > li a:hover, .nav-tabs .nav-tabs-justified.nav-tabs-top > li a:focus { border-width: 2px 0 0 0; } .nav-tabs.nav-tabs-solid { background-color: #fafafa; border: 0; } @media (max-width: 767.98px) { .nav-tabs.nav-tabs-solid { padding: 5px; } } .nav-tabs.nav-tabs-solid > li { margin-bottom: 0; } .nav-tabs.nav-tabs-solid > li a { color: #272b41; } .nav-tabs.nav-tabs-solid > li a.active, .nav-tabs.nav-tabs-solid > li a.active:hover, .nav-tabs.nav-tabs-solid > li a.active:focus { background-color: #20c0f3; border-color: #20c0f3; color: #ffffff; } .nav-tabs.nav-tabs-solid > li > a { border-color: transparent; } @media (max-width: 767.98px) { .nav-tabs.nav-tabs-solid > li > a { border-left-width: 0 !important; } } .nav-tabs.nav-tabs-solid > li > a:hover, .nav-tabs.nav-tabs-solid > li > a:focus { background-color: #f5f5f5; } .nav-tabs.nav-tabs-solid > li > a.active, .nav-tabs.nav-tabs-solid > li > a.active:hover, .nav-tabs.nav-tabs-solid > li > a.active:focus { background-color: #20c0f3; border-color: #20c0f3; color: #ffffff; } .nav-tabs.nav-tabs-solid .active > a, .nav-tabs.nav-tabs-solid .active a:hover, .nav-tabs.nav-tabs-solid .active a:focus { background-color: #20c0f3; border-color: #20c0f3; color: #ffffff; } .nav-tabs.nav-tabs-solid.nav-tabs-rounded { border-radius: 50px; } @media (max-width: 767.98px) { .nav-tabs.nav-tabs-solid.nav-tabs-rounded { border-radius: 5px; } } .nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a { border-radius: 50px; } .nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active, .nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active:hover, .nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active:focus { border-radius: 50px; } @media (max-width: 767.98px) { .nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active, .nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active:hover, .nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active:focus { border-color: transparent transparent transparent #20c0f3 !important; border-left-width: 2px; } } @media (max-width: 767.98px) { .nav-tabs.nav-tabs-solid.nav-tabs-rounded { border-radius: 5px; } } .nav-tabs.nav-tabs-solid > .open:not(.active) > a { background-color: #f5f5f5; border-color: transparent; } @media (max-width: 767.98px) { .nav-tabs .nav-link.active { border-color: transparent transparent transparent #20c0f3 !important; border-left-width: 2px; } } .tab-content { padding-top: 20px; } .card-header-tabs { border-bottom: 0; } .carousel-fade .carousel-item { opacity: 0; transition-duration: 0.6s; transition-property: opacity; } .carousel-fade .carousel-item.active { opacity: 1; } .carousel-fade .carousel-item-next { transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .carousel-fade .carousel-item-next .carousel-item-left { opacity: 1; } .carousel-fade .carousel-item-prev { transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .carousel-fade .carousel-item-prev .carousel-item-right { opacity: 1; } .carousel-fade .active { transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .carousel-fade .active .carousel-item-left, .carousel-fade .active .carousel-item-right { opacity: 0; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .carousel-item { height: 75vh; min-height: 350px; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: -1 !important; } .divider .carousel-caption { position: absolute; top: 110px; right: 0; bottom: 20px; left: 5%; } .carousel-caption { z-index: 10; padding-bottom: 20px; color: #ffffff; position: absolute; top: 110px; right: 0; bottom: 20px; left: 15%; } .carousel-caption span { font-size: 32px; font-weight: 700; color: rgb(46, 56, 66); } .carousel-caption h2 { font-size: 54px; font-weight: 700; color: rgb(30, 92, 146); } .carousel-caption p { font-size: 18px; font-weight: 700; color: rgb(46, 56, 66); } @media (max-width: 991.98px) { .carousel-inner { height: 430px; } } @media (max-width: 767.98px) { .carousel-inner { height: 200px; } } .slide-nav-1 button.owl-next, .slide-nav-1 button.owl-prev, .slide-nav-2 button.owl-next, .slide-nav-2 button.owl-prev, .slide-nav-3 button.owl-next, .slide-nav-3 button.owl-prev, .slide-nav-4 button.owl-next, .slide-nav-4 button.owl-prev { width: 34px; height: 34px; background: #10DEFD; text-shadow: none; top: 4px; cursor: pointer; border: 0; color: #ffffff; margin-bottom: 15px; border-radius: 8px; transform: rotate(-44deg); -webkit-transform: rotate(-44deg); -ms-transform: rotate(-44deg); } @media (max-width: 767.98px) { .slide-nav-1 button.owl-next, .slide-nav-1 button.owl-prev, .slide-nav-2 button.owl-next, .slide-nav-2 button.owl-prev, .slide-nav-3 button.owl-next, .slide-nav-3 button.owl-prev, .slide-nav-4 button.owl-next, .slide-nav-4 button.owl-prev { width: 28px; height: 28px; } } .owl-theme .owl-dots, .owl-nav button { margin-top: 30px; } @media (max-width: 767.98px) { .owl-theme .owl-dots, .owl-nav button { margin-top: 10px; } } .custom-arrow { transform: rotate(44deg); -webkit-transform: rotate(44deg); -ms-transform: rotate(44deg); } .owl-nav button.owl-next { margin-left: 20px; } .footer { background-color: #15558d; } .footer.footer-one .footer-bottom .copyright .copyright-text p { color: #6B7280; } @media (max-width: 767.98px) { .footer.footer-one .footer-bottom .copyright .copyright-text p { text-align: center; } } .footer .footer-top { padding: 40px 0; } @media (max-width: 991.98px) { .footer .footer-top { padding-bottom: 10px; } } .footer .footer-top .footer-title { color: #ffffff; font-size: 20px; font-weight: 700; margin: 0 0 30px; text-transform: capitalize; } @media (max-width: 767.98px) { .footer .footer-top .footer-title { font-size: 18px; } } @media (max-width: 575.98px) { .footer .footer-top .footer-title { font-size: 18px; } } @media (max-width: 991.98px) { .footer .footer-top .footer-widget { margin-bottom: 30px; } } .footer .footer-top .footer-widget.footer-menu ul { list-style: none; outline: none; margin: 0; padding: 0; } .footer .footer-top .footer-widget.footer-menu ul li { margin-bottom: 10px; position: relative; } .footer .footer-top .footer-widget.footer-menu ul li:last-child { margin-bottom: 0; } .footer .footer-top .footer-widget.footer-menu ul li a { color: #ffffff; font-size: 15px; padding-left: 20px; position: relative; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .footer .footer-top .footer-widget.footer-menu ul li a:hover { color: #ffffff; letter-spacing: 0.5px; padding-left: 30px; } .footer .footer-top .footer-widget.footer-menu ul li a::before { content: "\f101"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px; position: absolute; top: 0; left: 0; } .footer .footer-top .footer-widget .footer-logo { margin: 0 0 30px; } .footer .footer-top .footer-widget .footer-about-content p { color: #ffffff; } .footer .footer-top .footer-widget .footer-about-content p:last-child { margin-bottom: 0; } .footer .footer-top .footer-widget .footer-about-content .social-icon ul { list-style: none; margin: 0; padding: 0; } .footer .footer-top .footer-widget .footer-about-content .social-icon ul li { margin-right: 15px; } .footer .footer-top .footer-widget .footer-about-content .social-icon ul li:last-child { margin-right: 0; } .footer .footer-top .footer-widget .footer-about-content .social-icon ul li a { color: #ffffff; font-size: 20px; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .footer .footer-top .footer-widget .footer-about-content .social-icon ul li a:hover { color: #09e5ab; } .footer .footer-top .footer-widget .footer-contact-info { color: #ffffff; font-size: 15px; } .footer .footer-top .footer-widget .footer-contact-info .footer-address span { margin-right: 20px; } .footer .footer-top .footer-widget .footer-contact-info .footer-address span i.fa-map-marker-alt { font-size: 20px; } .footer .footer-top .footer-widget .footer-contact-info .footer-address p { margin: 0 0 1rem; } .footer .footer-top .footer-widget .footer-contact-info p i { margin-right: 15px; } .footer .footer-bottom .copyright { border-top: 1px solid #1663a6; padding: 30px 0; } .footer .footer-bottom .copyright .copyright-text p { font-size: 15px; color: #ffffff; } .footer .footer-bottom .copyright .copyright-text p a { color: #1F2937; font-weight: 500; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .footer .footer-bottom .copyright .copyright-text p a:hover { color: #0E82FD; } .footer .footer-bottom .copyright .copyright-text p.title { font-weight: 400; margin: 10px 0 0; } .footer .footer-bottom .copyright .policy-menu { font-size: 14px; text-align: right; margin: 0; padding: 0; } @media (max-width: 767.98px) { .footer .footer-bottom .copyright .policy-menu { margin-top: 10px; text-align: left; } } .footer .footer-bottom .copyright .policy-menu li { display: inline-block; margin-right: 15px; } .footer .footer-bottom .copyright .policy-menu li:last-child { margin-right: 0; } .footer .footer-bottom .copyright .policy-menu li a { color: #ffffff; } .footer .footer-bottom .copyright .policy-menu li a:hover, .footer .footer-bottom .copyright .policy-menu li a:focus { color: #0E82FD; } .footer .footer-bottom .copyright .policy-menu li::after { color: #ffffff; content: "|"; font-weight: 300; position: relative; left: 10px; } .footer .footer-bottom .copyright .policy-menu li:last-child::after { content: ""; } .footer-one { background: #F2F6F6; } .footer-one .footer-top { margin: 0; padding: 50px 0; } @media (max-width: 991.98px) { .footer-one .footer-top { margin: 0; padding: 40px 0 10px; } } @media (max-width: 767.98px) { .footer-one .footer-top { margin: 0; padding: 40px 0 0; } } .footer-one .footer-top .footer-widget .footer-logo { margin-bottom: 20px; } .footer-one .footer-top .footer-widget .footer-about-content { max-width: 272px; } .footer-one .footer-top .footer-widget .footer-about-content p { margin-bottom: 0; font-size: 14px; color: #6B7280; } .footer-one .footer-top .footer-widget.footer-menu ul { list-style: none; margin: 0; padding: 0; } .footer-one .footer-top .footer-widget .footer-title { font-size: 18px; font-weight: 600; color: #1F2937; margin-bottom: 25px; } @media (max-width: 991.98px) { .footer-one .footer-top .footer-widget { margin-bottom: 30px; } } @media (max-width: 767.98px) { .footer-one .footer-top .footer-widget { margin-bottom: 25px; } } .footer-one .footer-top .footer-widget.footer-menu ul li { margin-bottom: 15px; } .footer-one .footer-top .footer-widget.footer-menu ul li:last-child { margin-bottom: 0; } .footer-one .footer-top .footer-widget.footer-menu ul li a { color: #6B7280; position: relative; overflow: visible; background: url(../img/footer-arrow.png) no-repeat -10px; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; padding-left: 0; font-size: 14px; } .footer-one .footer-top .footer-widget.footer-menu ul li a:hover { color: #0E82FD; background: url(../img/footer-arrow.png) no-repeat 4px; padding-left: 20px; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .footer-one .footer-top .footer-widget.footer-menu ul li a::before { display: none; } .footer-one .footer-top .footer-widget .footer-contact-info .footer-address { margin-bottom: 15px; } .footer-one .footer-top .footer-widget .footer-contact-info .footer-address p { margin-bottom: 0; color: #6B7280; font-size: 14px; } .footer-one .footer-top .footer-widget .footer-contact-info .footer-address p i { font-size: 16px; color: #9CA3AF; margin-right: 10px; } .footer-one .footer-bottom .copyright { border-top: 1px solid #E5E7EB; margin: 0; padding: 30px 0; } .footer-one .footer-bottom .copyright .policy-menu { margin: 0; padding: 0; list-style: none; text-align: right; } .footer-one .footer-bottom .copyright .policy-menu li { display: inline-block; margin-right: 25px; color: #1F2937; font-weight: 500; } @media (max-width: 767.98px) { .footer-one .footer-bottom .copyright .policy-menu li { display: block; margin-right: 0; margin-bottom: 8px; text-align: center; margin-top: 10px; } .footer-one .footer-bottom .copyright .policy-menu li:last-child { margin-bottom: 0; } } .footer-one .footer-bottom .copyright .policy-menu li::after { font-size: 15px; color: #6B7280; content: "|"; font-weight: 500; position: relative; left: 15px; } @media (max-width: 767.98px) { .footer-one .footer-bottom .copyright .policy-menu li::after { display: none; } } .footer-one .footer-bottom .copyright .policy-menu li:last-child::after { content: ""; } .footer-one .footer-bottom .copyright .policy-menu li a { color: #6B7280; } .footer-one .footer-bottom .copyright .policy-menu li a:hover { color: #0E82FD; } @media (max-width: 991.98px) { .footer-one .footer-bottom .copyright { margin: 0; padding: 25px 0; } } .subscribe-form { position: relative; margin-bottom: 20px; } .subscribe-form .form-control { font-weight: 500; font-size: 14px; min-height: 46px; color: #6B7280; background: #ffffff; border: 1px solid #E5E7EB; border-radius: 6px 0px 0px 6px; margin: 0; padding: 6px 112px 6px 15px; } @media (max-width: 991.98px) { .subscribe-form .form-control { padding-right: 180px; } } @media (max-width: 767.98px) { .subscribe-form .form-control { min-height: 46px; padding-right: 145px; } } .subscribe-form .form-control::placeholder { font-weight: 500; font-size: 14px; color: #6B7280; } .subscribe-form .btn { font-weight: normal; margin: 0; padding: 11px 16px; font-size: 15px; font-weight: 600; border-radius: 0 6px 6px 0; position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: #ffffff; background: #0E82FD; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 0 #ffffff; } .subscribe-form .btn:hover { color: #0E82FD; border-color: #0E82FD; background: #ffffff; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } @media (max-width: 767.98px) { .subscribe-form .btn { font-size: 14px; } } .subscribe-content p { max-width: 360px; margin-bottom: 0; font-size: 14px; color: #6B7280; } .footer-two { background-color: #15558d; } .footer-two .footer-top { padding: 40px 0; } @media (max-width: 991.98px) { .footer-two .footer-top { padding-bottom: 10px; } } .footer-two .footer-top .footer-title { color: #ffffff; font-size: 20px; font-weight: 700; margin: 0 0 30px; text-transform: capitalize; } @media (max-width: 767.98px) { .footer-two .footer-top .footer-title { font-size: 18px; } } @media (max-width: 575.98px) { .footer-two .footer-top .footer-title { font-size: 18px; } } @media (max-width: 991.98px) { .footer-two .footer-top .footer-widget { margin-bottom: 30px; } } .footer-two .footer-top .footer-widget.footer-menu ul { list-style: none; outline: none; margin: 0; padding: 0; } .footer-two .footer-top .footer-widget.footer-menu ul li { margin-bottom: 10px; position: relative; } .footer-two .footer-top .footer-widget.footer-menu ul li:last-child { margin-bottom: 0; } .footer-two .footer-top .footer-widget.footer-menu ul li a { color: #ffffff; font-size: 15px; padding-left: 20px; position: relative; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .footer-two .footer-top .footer-widget.footer-menu ul li a:hover { color: #ffffff; letter-spacing: 0.5px; padding-left: 30px; } .footer-two .footer-top .footer-widget.footer-menu ul li a::before { content: "\f101"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px; position: absolute; top: 0; left: 0; } .footer-two .footer-top .footer-widget .footer-logo { margin: 0 0 30px; } .footer-two .footer-top .footer-widget .footer-about-content { max-width: inherit; } .footer-two .footer-top .footer-widget .footer-about-content p { color: #ffffff; margin-bottom: 15px; } .footer-two .footer-top .footer-widget .footer-about-content p:last-child { margin-bottom: 0; } .footer-two .footer-top .footer-widget .footer-about-content .social-icon ul { list-style: none; margin: 0; padding: 0; } .footer-two .footer-top .footer-widget .footer-about-content .social-icon ul li { margin-right: 15px; } .footer-two .footer-top .footer-widget .footer-about-content .social-icon ul li:last-child { margin-right: 0; } .footer-two .footer-top .footer-widget .footer-about-content .social-icon ul li a { color: #ffffff; font-size: 20px; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .footer-two .footer-top .footer-widget .footer-about-content .social-icon ul li a:hover { color: #09e5ab; } .footer-two .footer-top .footer-widget .footer-contact-info { color: #ffffff; font-size: 15px; } .footer-two .footer-top .footer-widget .footer-contact-info .footer-address span { margin-right: 20px; } .footer-two .footer-top .footer-widget .footer-contact-info .footer-address span i.fa-map-marker-alt { font-size: 20px; } .footer-two .footer-top .footer-widget .footer-contact-info .footer-address p { margin: 0; } .footer-two .footer-top .footer-widget .footer-contact-info p i { margin-right: 15px; } .footer-two .footer-bottom .copyright { border-top: 1px solid #1663a6; padding: 30px 0; } .footer-two .footer-bottom .copyright .copyright-text p { color: #ffffff; font-size: 15px; } .footer-two .footer-bottom .copyright .copyright-text p a { color: #09e5ab; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .footer-two .footer-bottom .copyright .copyright-text p a:hover { color: #ffffff; } .footer-two .footer-bottom .copyright .copyright-text p.title { font-weight: 400; margin: 10px 0 0; } .footer-two .footer-bottom .copyright .policy-menu { font-size: 14px; text-align: right; margin: 0; padding: 0; } @media (max-width: 767.98px) { .footer-two .footer-bottom .copyright .policy-menu { margin-top: 10px; text-align: left; } } .footer-two .footer-bottom .copyright .policy-menu li { display: inline-block; margin-right: 15px; } .footer-two .footer-bottom .copyright .policy-menu li:last-child { margin-right: 0; } .footer-two .footer-bottom .copyright .policy-menu li a { color: #ffffff; } .footer-two .footer-bottom .copyright .policy-menu li a:hover, .footer-two .footer-bottom .copyright .policy-menu li a:focus { color: #09e5ab; } .footer-two .footer-bottom .copyright .policy-menu li::after { color: #ffffff; content: "|"; font-weight: 300; position: relative; left: 10px; } .footer-two .footer-bottom .copyright .policy-menu li:last-child::after { content: ""; } .footer-three { background: #ffffff; } .footer-three .footer-top { margin: 0; padding: 30px 0; } .footer-three .footer-widget .footer-title { color: #0071DC; margin: 0 0 15px; } .footer-three .footer-widget .footer-about-content p { font-size: 13px; color: #000000; margin-bottom: 28px; } .footer-three .footer-menu ul li { margin: 0 0 10px; } .footer-three .footer-menu ul li a { color: #000000; font-size: 16px; background: none; } .footer-three .footer-menu ul li a:hover { background: none; padding-left: 0; } @media (max-width: 1199.98px) { .footer-three .footer-menu ul li a { font-size: 15px; } } @media (max-width: 767.98px) { .footer-three .footer-menu ul li a { font-size: 14px; } } .footer-three .footer-link { margin-bottom: 20px !important; } .footer-three .social-icon ul { list-style: none; margin: 0; padding: 0; } .footer-three .social-icon ul li { display: inline-block; margin-right: 10px; } .footer-three .social-icon ul li:last-child { margin-right: 0; } .footer-three .social-icon ul li a { width: 45px; height: 45px; color: #ffffff; background: #0071DC; border: 1px solid #0071DC; border-radius: 50%; font-size: 18px; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .footer-three .social-icon ul li a:hover { background: #3B9CF6; color: #ffffff; } @media (max-width: 1199.98px) { .footer-three .social-icon ul li a { width: 35px; height: 35px; font-size: 14px; } } .footer-three .footer-bottom .copyright { border-top: 1px solid #D9D9D9; } .footer-three .footer-bottom .copyright .copyright-menu p { color: #000000; margin: 0; } @media (max-width: 991.98px) { .footer-three .footer-bottom .copyright .copyright-menu { margin: 0 0 15px; } } @media (max-width: 767.98px) { .footer-three .footer-bottom .copyright .footer-language > img { margin: 0 0 15px; } } .footer-three .footer-bottom .copyright .footer-language .footer-select { width: 164px; position: relative; } .footer-three .footer-bottom .copyright .footer-language .footer-select .select-icon { position: absolute; top: 55%; left: 14px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 9; color: #999999; } .footer-three .footer-bottom .copyright .footer-language .footer-select .select2-container .select2-selection--single { border: 1px solid #D9D9D9; border-radius: 100px; } .footer-three .footer-bottom .copyright .footer-language .footer-select .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 30px; } .footer-three .footer-bottom .copyright .footer-language .footer-select .select2-container--default .select2-selection--single .select2-selection__rendered { color: #999999; font-weight: 500; } @media (max-width: 767.98px) { .footer-three .footer-bottom .copyright .footer-language { display: block; } } .footer-one .social-icon ul { list-style: none; margin: 0; padding: 0; } .footer-one .social-icon ul li { margin-right: 15px; } .footer-one .social-icon ul li:last-child { margin-right: 0; } .footer-one .social-icon ul li a { color: #6B7280; font-size: 20px; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .footer-one .social-icon ul li a:hover { color: #0E82FD; } .footer.footer-one.footer-ten { background: #F8FAFC; position: relative; } .footer.footer-one.footer-ten .social-icon { position: relative; } .footer.footer-one.footer-ten .footer-ten-bg img { position: absolute; } .footer.footer-one.footer-ten .footer-ten-bg img:nth-child(1) { left: 0; } .footer.footer-one.footer-ten .footer-ten-bg img:nth-child(2) { right: 0; bottom: 0; } .footer.footer-one.footer-ten .footer-ten-bg img:nth-child(3) { left: 50%; transform: translate(-50%, 100%); } .footer.footer-one.footer-ten .footer-details { padding-bottom: 50px; border-bottom: 1px solid #E2E8F0; margin-bottom: 50px; } .footer.footer-one.footer-ten .footer-top .footer-widget.footer-menu ul { list-style: disc; padding-left: 15px; } .footer.footer-one.footer-ten .footer-top .footer-widget .footer-about-content p { padding-bottom: 24px; } .footer.footer-one.footer-ten .mail-note { color: #6B7280; } .footer.footer-one.footer-ten .footer-map { border-radius: 35px; overflow: hidden; } .footer.footer-one.footer-ten .footer-map img { width: 100%; } .footer.footer-one.footer-ten .footer-bottom { background: #ffffff; } .footer.footer-one.footer-ten .footer-bottom .copyright { display: flex; justify-content: center; align-items: center; gap: 10px; } .footer.footer-one.footer-ten .footer-bottom .copyright .policy-menu li a { color: #6B7280; font-weight: 400; } .footer.footer-one.footer-ten .footer-bottom .copyright .policy-menu li a:hover { color: #0E82FD; } .footer.footer-eleven { background: #1B5A90; } .footer.footer-eleven .footer-top { padding: 50px 0 35px; } .footer.footer-eleven .footer-top .footer-title { font-size: 18px; font-weight: 600; margin: 0 0 10px; } .footer.footer-eleven .footer-top .footer-content p { color: #ffffff; margin: 0 0 25px; } .footer.footer-eleven .footer-top .subscribe-form { margin-bottom: 25px; } .footer.footer-eleven .footer-top .subscribe-form .form-control { min-height: 59px; margin: 0; padding: 10px 155px 10px 15px; border-radius: 10px; } .footer.footer-eleven .footer-top .subscribe-form .form-control::placeholder { color: #2B3D51; } .footer.footer-eleven .footer-top .subscribe-form .btn { margin-right: 10px; border-radius: 10px; font-size: 16px; font-weight: normal; padding: 6px 23px; } @media (max-width: 767.98px) { .footer.footer-eleven .footer-top .footer-payment { margin: 0 0 15px 0; } } .footer.footer-eleven .footer-top .footer-payment h6 { font-size: 16px; margin: 0 0 15px; color: #ffffff; } .footer.footer-eleven .footer-bottom .copyright { border-top: 1px solid #4183BB; padding: 25px 0; } .footer.footer-eleven .footer-bottom .copyright .copyright-text p { font-size: 14px; font-weight: 500; margin-bottom: 0; } @media (max-width: 767.98px) { .footer.footer-eleven .footer-bottom .copyright .copyright-text p { margin-bottom: 10px; } } .footer.footer-eleven .footer-bottom .copyright .copyright-text p a { color: #0CE0FF; } .footer.footer-eleven .footer-bottom .copyright .policy-menu li { font-size: 16px; } @media (max-width: 575.98px) { .footer.footer-eleven .footer-bottom .copyright .policy-menu li { margin: 0 10px 10px 0; } } .footer.footer-eleven .footer-bottom .copyright .policy-menu li::after { color: rgba(255, 255, 255, 0.15); } .footer.footer-eleven .footer-bottom .copyright .policy-menu li a:hover { color: #0CE0FF; } @media (max-width: 1399.98px) { .footer.footer-eleven .footer-bottom .copyright .policy-menu li { font-size: 15px; } } .footer.footer-eleven .social-icon { margin: 0 0 25px; } .footer.footer-eleven .social-icon ul { list-style: none; margin: 0; padding: 0; text-align: right; } @media (max-width: 767.98px) { .footer.footer-eleven .social-icon ul { text-align: left !important; } } .footer.footer-eleven .social-icon ul li { display: inline-block; margin: 0 20px 0 0; } .footer.footer-eleven .social-icon ul li a { color: #ffffff; font-size: 20px; } .footer.footer-eleven .social-icon ul li a:hover { color: #0CE0FF; } .footer.footer-eleven .social-icon ul li:last-child { margin-right: 0; } .footer.footer-eleven .footer-widget.footer-menu { margin: 0 0 25px; } .footer.footer-eleven .footer-widget.footer-menu ul { list-style: none; margin: 0; padding: 0; } .footer.footer-eleven .footer-widget.footer-menu ul li { display: inline-block; margin: 0 45px 0 0; } @media (max-width: 991.98px) { .footer.footer-eleven .footer-widget.footer-menu ul li { margin: 0 9px 0 0; } } @media (max-width: 575.98px) { .footer.footer-eleven .footer-widget.footer-menu ul li { margin: 0 10px 10px 0; } } .footer.footer-eleven .footer-widget.footer-menu ul li a { font-size: 16px; padding-left: 0; color: #ffffff; } .footer.footer-eleven .footer-widget.footer-menu ul li a:hover { color: #0CE0FF; } .footer.footer-eleven .footer-widget.footer-menu ul li a::before { content: none !important; } .footer.footer-eleven .footer-widget.footer-menu ul li:last-child { margin-right: 0; } .footer-language { position: relative; width: 173px; float: right; } @media (max-width: 767.98px) { .footer-language { float: left !important; } } .footer-language .select2-container .select2-selection--single { border: 1px solid #ffffff; background-color: transparent; border-radius: 10px; height: 44px; } .footer-language .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 34px; color: #ffffff; } .footer-language .icon-lang { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); color: #ffffff; line-height: 0; } .footer-contacts { margin: 0 0 26px; } .footer-contacts .footer-wrap { background: rgba(240, 244, 246, 0.16); backdrop-filter: blur(50px); border-radius: 10px; margin: 0 0 24px; padding: 15px; } .footer-contacts .footer-wrap .footer-icon { width: 55px; height: 55px; background: #ffffff; border-radius: 100px; margin: 0 15px 0 0; flex-shrink: 0; color: #0CE0FF; font-size: 24px; } .footer-contacts .footer-wrap .footer-info h6 { font-size: 16px; font-weight: 600; color: #ffffff; margin: 0 0 10px; } .footer-contacts .footer-wrap .footer-info p { margin: 0; color: #ffffff; } .footer-one.footer-fourteen.footer-twelve { background: #F9FAFB; padding: 0; } @media (max-width: 991.98px) { .footer-one.footer-fourteen.footer-twelve .footer-bottom .copyright .policy-menu { text-align: start; } .footer-one.footer-fourteen.footer-twelve .footer-bottom .copyright .policy-menu li { margin-right: 4px; font-weight: 400; } .footer-one.footer-fourteen.footer-twelve .footer-bottom .copyright .policy-menu li::after { left: 5px; } .footer-one.footer-fourteen.footer-twelve .footer-bottom .copyright .policy-menu li a { font-size: 14px; } } .footer.footer-thirteen { background: #ffffff; background-image: url(../img/bg/Map-thirteen.png); background-repeat: no-repeat; background-position: center; position: relative; } .footer.footer-thirteen .footer-top { margin: 0; padding: 80px 0; } @media (max-width: 991.98px) { .footer.footer-thirteen .footer-top { margin: 0; padding: 50px 0; } } .footer.footer-thirteen .footer-top .footer-widget .footer-title { font-size: 18px; font-weight: 600; color: #1F2937; margin-bottom: 22px; } .footer.footer-thirteen .footer-top .footer-widget ul li { margin-bottom: 4px; } .footer.footer-thirteen .footer-top .footer-widget ul li a { color: #6B7280; font-size: 14px; font-weight: 400; padding-left: 0; } .footer.footer-thirteen .footer-top .footer-widget ul li a::before { content: ""; } .footer.footer-thirteen .footer-top .footer-widget ul li a:hover { color: #0E82FD; padding-left: 10px; } .footer.footer-thirteen .footer-top .footer-widget ul li:first-child a { font-weight: 600; } .footer.footer-thirteen .footer-top .footer-menu-thirteen { margin-top: 43px; } .footer.footer-thirteen .footer-top .footer-menu-thirteen .footer-title { display: none; } @media (max-width: 991.98px) { .footer.footer-thirteen .footer-top .footer-menu-thirteen { margin-top: 0; } .footer.footer-thirteen .footer-top .footer-menu-thirteen .footer-title { display: block; } } .footer.footer-thirteen .footer-top .footer-contents-thirteen-main { margin: 60px 0 0 0; } @media (max-width: 991.98px) { .footer.footer-thirteen .footer-top .footer-contents-thirteen-main { margin: 20px 0 0 0; } } .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .footer-thirt-inner { position: relative; } @media (max-width: 991.98px) { .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .footer-thirt-inner { margin-bottom: 10px; } } .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .footer-thirt-inner h4 { font-weight: 600; color: #00438A; margin-bottom: 6px; } .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .footer-thirt-inner p { font-size: 14px; color: rgba(147, 163, 180, 0.8); font-weight: 400; margin-bottom: 0; } @media (max-width: 991.98px) { .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .footer-thirt-inner p { margin-bottom: 10px; } } .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .subscribe-form { margin-bottom: 0; max-width: 430px; } @media (max-width: 1299.98px) { .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .subscribe-form { max-width: 385px; } } .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .subscribe-form .form-control { min-height: 56px; border: 1px solid #AAB4EE; border-radius: 10px; padding: 10px 10px 10px 15px; } @media (max-width: 1199.98px) { .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .subscribe-form .form-control { padding-right: 160px; } } .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .subscribe-form .form-control::placeholder { color: #BEC4D9; font-size: 14px; font-weight: 600; } .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .subscribe-form .btn { padding: 17px 40px; right: -45%; border-radius: 10px; } @media (max-width: 1299.98px) { .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .subscribe-form .btn { padding: 17px 30px; } } @media (max-width: 1199.98px) { .footer.footer-thirteen .footer-top .footer-contents-thirteen-main .subscribe-form .btn { padding: 10px 19px; right: 6px; } } .footer.footer-thirteen .footer-bottom .copyright { border-top: 1px solid rgba(52, 52, 52, 0.1); padding: 20px 0; } @media (max-width: 991.98px) { .footer.footer-thirteen .footer-bottom .copyright { text-align: center; } } @media (max-width: 991.98px) { .footer.footer-thirteen .footer-bottom .copyright .copyright-img { margin-bottom: 15px; } } @media (max-width: 991.98px) { .footer.footer-thirteen .footer-bottom .copyright .copyright-text { margin-bottom: 15px; } } .footer.footer-thirteen .footer-bottom .copyright .copyright-text p { font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: 0.005em; text-align: center; color: #6B7280; } @media (max-width: 991.98px) { .footer.footer-thirteen .footer-bottom .copyright .copyright-menu { margin-bottom: 15px; } } @media (max-width: 991.98px) { .footer.footer-thirteen .footer-bottom .copyright .copyright-menu ul { text-align: center; } } .footer.footer-thirteen .footer-bottom .copyright .copyright-menu ul li a { color: #00438A; font-size: 18px; } .footer.footer-thirteen .footer-bottom .copyright .copyright-menu ul li a:hover { color: #0E82FD; } .footer.footer-thirteen .footer-bg-icon img { position: absolute; z-index: 0; } .footer.footer-thirteen .footer-bg-icon img:nth-child(1) { bottom: 20%; left: 0; } @media (max-width: 767.98px) { .footer.footer-thirteen .footer-bg-icon img:nth-child(1) { bottom: 22%; } } .footer.footer-thirteen .footer-bg-icon img:nth-child(2) { top: 20%; right: -7%; } @media (max-width: 991.98px) { .footer.footer-thirteen .footer-bg-icon img:nth-child(2) { display: none; } } @media (max-width: 1199.98px) { .footer.footer-thirteen .footer-bg-icon img:nth-child(2) { display: none; } } .footer-one.footer-fourteen { background: #ffffff; padding: 200px 0 0 0; } .footer-one.footer-fourteen .footer-top { padding: 80px 0 50px 0; } @media (max-width: 991.98px) { .footer-one.footer-fourteen .footer-top { padding: 50px 0 10px 0; } } .footer-one.footer-fourteen .footer-top .footer-widget .subscribe-form .form-control { border: 1px solid #E5E7EB; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 6px 0px 0px 6px; } .footer.footer-fifteen { position: relative; padding: 52px 0 0 0; background-color: #ffffff; background-image: url(../img/footer-fift-bg.png); background-position: top left; background-repeat: no-repeat; background-size: 50% 100%; } @media (max-width: 991.98px) { .footer.footer-fifteen { background-image: none; background-color: #0E82FD; } } .footer.footer-fifteen .footer-top-fifteen { padding: 0; } .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .footer-fifteen-image { margin-bottom: 10px; } .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen p { color: #ffffff; margin-bottom: 25px; line-height: 27px; } .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .subscribe-fifteen { font-size: 18px; color: #ffffff; margin-bottom: 10px; } .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .subscribe-form-fifteen { width: 83%; margin-bottom: 25px; } .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .subscribe-form-fifteen .form-control { border-radius: 10px; min-height: 55px; font-weight: 400; font-size: 16px; padding: 10px 130px 10px 10px; } @media (max-width: 767.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .subscribe-form-fifteen .form-control { font-size: 14px; } } .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .subscribe-form-fifteen .form-control::placeholder { color: #2B3D51; font-weight: 400; font-size: 16px; } @media (max-width: 767.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .subscribe-form-fifteen .form-control::placeholder { font-size: 14px; } } .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .subscribe-form-fifteen .btn { padding: 10px 15px; background: #0CE0FF; border-radius: 5px; border: none; right: 6px; } @media (max-width: 767.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .subscribe-form-fifteen .btn { padding: 10px 10px; } } .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .subscribe-form-fifteen .btn:hover { background: #0E82FD; box-shadow: inset 0 0 0 50px #0E82FD; color: #ffffff; } .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .subscribe-fifteentwo { font-size: 16px; color: #ffffff; font-weight: 600; margin-bottom: 15px; } @media (max-width: 991.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-left-fifteen .footer-fifteen-image-2 { margin-bottom: 15px; } } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen { margin-left: 18px; } @media (max-width: 991.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen { margin-left: 0; } } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .subscribe-fifteenthree { font-size: 18px; color: #1F2937; font-weight: 600; margin-bottom: 15px; } @media (max-width: 991.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .subscribe-fifteenthree { color: #ffffff; } } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen ul li { margin: 0 25px 25px 0; text-decoration: underline; line-height: 19px; } @media (max-width: 991.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen ul li { margin: 0 15px 15px 0; text-decoration: none; } } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen ul li:last-child { margin-right: 0; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen ul li a { color: #6B7280; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen ul li a:hover { color: #1C5B91; } @media (max-width: 991.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen ul li a { color: #ffffff; } } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen p { color: #6B7280; } @media (max-width: 991.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen p { color: #ffffff; } } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .user-details-fift ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .user-details-fift ul li { text-decoration: none; margin: 0 15px 0 0; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .user-details-fift ul li .contact-fifteen { display: flex; align-items: center; justify-content: start; border: 1px solid #E5E5EB; border-radius: 10px; background: #ffffff; margin: 0 0 15px 0; padding: 10px; overflow: hidden; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .user-details-fift ul li .contact-fifteen .contact-form-fift { width: 35px; height: 35px; border-radius: 100px; background: #0E82FD; font-size: 17px; color: #ffffff; margin-right: 7px; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .user-details-fift ul li .contact-fifteen .contact-content-fift h6 { font-size: 16px; font-weight: 600; margin-bottom: 5px; } @media (max-width: 1399.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .user-details-fift ul li .contact-fifteen .contact-content-fift h6 { font-size: 14px; } } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .user-details-fift ul li .contact-fifteen .contact-content-fift span { color: #707070; margin-bottom: 0; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects { position: relative; display: flex; align-items: center; justify-content: space-between; padding-bottom: 25px; } @media (max-width: 479.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects { display: block; } } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .footer-select { display: inline-block; } @media (max-width: 479.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .footer-select { margin-bottom: 15px; } } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .footer-select img { position: absolute; top: 10px; left: 10px; z-index: 9; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .footer-select .select2-container .select2-selection--single { border: 1px solid #E5E5EB; border-radius: 10px; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .footer-select .select2-selection__rendered { padding-left: 43px; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .footer-select .select2-container--default .select2-selection--single .select2-selection__arrow { right: 1px; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .footer-select .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #000000 transparent transparent; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .footer-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #000000; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .social-icon ul li { margin: 0 10px 0 0; text-decoration: none; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .social-icon ul li a { width: 44px; height: 43px; border-radius: 100px; background: #0E82FD; color: #ffffff; font-size: 18px; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-fift-selects .social-icon ul li a:hover { background: #0CE0FF; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-bottom.footer-bottom-fifteen .copyright { border-top: 1px solid #E5E5EB; padding: 25px 0 25px 0; } @media (max-width: 767.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-bottom.footer-bottom-fifteen .copyright .copyright-text { text-align: center; margin-bottom: 10px; } } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-bottom.footer-bottom-fifteen .copyright .copyright-text p { margin-bottom: 0; font-size: 14px; } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-bottom.footer-bottom-fifteen .copyright .copyright-menu .policy-menu { justify-content: end; } @media (max-width: 767.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-bottom.footer-bottom-fifteen .copyright .copyright-menu .policy-menu { justify-content: center; } } .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-bottom.footer-bottom-fifteen .copyright .copyright-menu .policy-menu li { text-decoration: none; margin: 0 10px 0 0; } @media (max-width: 1199.98px) { .footer.footer-fifteen .footer-top-fifteen .footer-right-fifteen .footer-bottom.footer-bottom-fifteen .copyright .copyright-menu .policy-menu li { margin: 0 15px 15px 0; } } .footer.footer-one.footer-sixteen { background: #ffffff; border-top: 1px solid #E2E2E2; position: relative; background-image: url(../img/map-bg.png); background-repeat: no-repeat; background-size: cover; background-position: top center; } .footer.footer-one.footer-sixteen .footer-top .footer-widget .footer-about-content { max-width: none; margin-bottom: 30px; } .footer.footer-one.footer-sixteen .footer-top .footer-widget .subscribe-form { margin-bottom: 0; } .footer.footer-one.footer-sixteen .footer-top .footer-widget .subscribe-form .btn { border: 1px solid #1C5B91; background: #1C5B91; } .footer.footer-one.footer-sixteen .footer-top .footer-widget .subscribe-form .btn:hover { border: 1px solid #0E82FD; } .footer.footer-one.footer-sixteen .footer-bottom .copyright .copyright-text p { margin-bottom: 0; } @media (max-width: 575.98px) { .footer.footer-one.footer-sixteen .footer-bottom .copyright .copyright-text { margin-bottom: 10px; } } .footer.footer-one.footer-sixteen .footer-bottom .copyright .copyright-menu ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: end; } @media (max-width: 767.98px) { .footer.footer-one.footer-sixteen .footer-bottom .copyright .copyright-menu ul { justify-content: center; } } .footer.footer-one.footer-sixteen .footer-bottom .copyright .copyright-menu ul li { margin-right: 10px; } .footer.footer-one.footer-sixteen .footer-bottom .copyright .copyright-menu ul li:last-child { margin-right: 0; } .footer.footer-one.footer-sixteen .footer-bottom .copyright .copyright-menu ul li a { width: 24px; height: 24px; border-radius: 50%; background: #1F2937; color: #ffffff; font-size: 12px; } .footer.footer-one.footer-sixteen .footer-bottom .copyright .copyright-menu ul li a:hover { background: #0E82FD; } /****** PAGES ******/ .section-search { background: #f9f9f9 url(./assets/img/search-bg.png) no-repeat bottom center; min-height: 418px; background-size: 100% auto; position: relative; background-blend-mode: Darken; /*padding: 160px 0 80px 0;*/ } @media (max-width: 991.98px) { .section-search { min-height: 330px; } } @media (max-width: 767.98px) { .section-search { background: #f9f9f9; padding: 100px 0 50px 0; } } @media (max-width: 479.98px) { .section-search { min-height: 410px; padding: 100px 15px 30px 15px; } } .section-search .banner-wrapper { max-width: 800px; width: 100%; margin: 0 auto; } @media (max-width: 991.98px) { .section-search .banner-wrapper { max-width: 720px; } } .section-search .banner-wrapper .banner-header { margin: 0 0 30px; } .section-search .banner-wrapper .banner-header h1 { font-size: 40px; font-weight: 600; margin: 0 0 10px; } @media (max-width: 991.98px) { .section-search .banner-wrapper .banner-header h1 { font-size: 34px; } } @media (max-width: 767.98px) { .section-search .banner-wrapper .banner-header h1 { font-size: 32px; } } @media (max-width: 575.98px) { .section-search .banner-wrapper .banner-header h1 { font-size: 28px; } } .section-search .banner-wrapper .banner-header p { color: #757575; font-size: 20px; margin: 0; } @media (max-width: 767.98px) { .section-search .banner-wrapper .banner-header p { font-size: 16px; } } @media (max-width: 767.98px) { .section-search .banner-wrapper .search-box { max-width: 535px; margin: 0 auto; } } @media (max-width: 767.98px) { .section-search .banner-wrapper .search-box form { -ms-flex-direction: column; flex-direction: column; word-wrap: break-word; background-clip: border-box; } } @media (max-width: 575.98px) { .section-search .banner-wrapper .search-box form { display: block; } } .section-search .banner-wrapper .search-box .form-control { border: 1px solid #cccccc; border-radius: 5px; padding-left: 35px; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075); box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075); } .section-search .banner-wrapper .search-box .form-control::placeholder { font-size: 14px; } .section-search .banner-wrapper .search-box .search-location { -ms-flex: 0 0 240px; flex: 0 0 240px; margin-right: 12px; position: relative; width: 240px; } @media (max-width: 767.98px) { .section-search .banner-wrapper .search-box .search-location { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } } @media (max-width: 575.98px) { .section-search .banner-wrapper .search-box .search-location { width: 100% !important; -ms-flex: none; flex: none; } } .section-search .banner-wrapper .search-box .search-location .form-control { background: #ffffff url(../img/location.png) no-repeat 10px center; } .section-search .banner-wrapper .search-box .search-info { -ms-flex: 0 0 490px; flex: 0 0 490px; margin-right: 12px; position: relative; width: 490px; } @media (max-width: 991.98px) { .section-search .banner-wrapper .search-box .search-info { -ms-flex: 0 0 410px; flex: 0 0 410px; width: 410px; } } @media (max-width: 767.98px) { .section-search .banner-wrapper .search-box .search-info { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } } @media (max-width: 575.98px) { .section-search .banner-wrapper .search-box .search-info { width: 100% !important; -ms-flex: none; flex: none; } } .section-search .banner-wrapper .search-box .search-info .form-control { background: #ffffff url(../img/search.png) no-repeat 10px center; } .section-search .banner-wrapper .search-box .search-btn { width: 46px; -ms-flex: 0 0 46px; flex: 0 0 46px; height: 46px; } @media (max-width: 767.98px) { .section-search .banner-wrapper .search-box .search-btn { -ms-flex: 0 0 100%; flex: 0 0 100%; min-height: 46px; width: 100%; } } .section-search .banner-wrapper .search-box .search-btn span { display: none; font-weight: 500; } @media (max-width: 767.98px) { .section-search .banner-wrapper .search-box .search-btn span { display: inline-block; margin-left: 5px; text-transform: uppercase; } } .section-search .banner-wrapper .search-box .form-text { color: #757575; font-size: 13px; display: inline-block; } .section-search .banner-wrapper .search-box .search-location { -ms-flex: 0 0 240px; flex: 0 0 240px; margin-right: 12px; position: relative; width: 240px; } @media (max-width: 767.98px) { .section-search .banner-wrapper .search-box .search-location { flex: auto; } } @media (max-width: 767.98px) { .section-search .banner-wrapper .search-box { max-width: 535px; margin: 0 auto; } } .section-header { margin-bottom: 60px; } .section-header h5 { font-weight: 600; font-size: 18px; color: #0E82FD; margin-bottom: 10px; } .section-header h2 { font-size: 36px; font-weight: 500; margin: 0; } @media (max-width: 767.98px) { .section-header h2 { font-size: 30px; } } @media (max-width: 575.98px) { .section-header h2 { font-size: 24px; } } .section-header .sub-title { color: #757575; font-size: 16px; max-width: 600px; margin: 15px auto 0; } @media (max-width: 767.98px) { .section-header .sub-title { font-size: 14px; } } @media (max-width: 575.98px) { .section-header .sub-title { font-size: 14px; } } .section-header p { color: #757575; font-size: 16px; margin: 15px 0 0 0; } @media (max-width: 767.98px) { .section-header p { font-size: 15px; } } @media (max-width: 575.98px) { .section-header p { font-size: 15px; } } .section-specialities { background-color: #ffffff; padding: 80px 0; } @media (max-width: 991.98px) { .section-specialities { padding: 50px 0; } } @media (max-width: 479.98px) { .section-specialities { background-color: #ffffff; padding: 30px 0; } } .section-specialities .specialities-slider .slick-slide { display: block; margin: 10px 20px 0 0; padding: 0 12px; } @media (max-width: 767.98px) { .section-specialities .specialities-slider .slick-slide { margin-right: 15px; } } @media (max-width: 479.98px) { .section-specialities .specialities-slider .slick-slide { margin-right: 10px; } } .section-specialities .specialities-slider .slick-dots { margin-top: 44px; position: unset; } .section-specialities .specialities-slider .speicality-item p { font-size: 16px; font-weight: 500; margin: 30px 0 0; } @media (max-width: 767.98px) { .section-specialities .specialities-slider .speicality-item p { font-size: 14px; } } @media (max-width: 575.98px) { .section-specialities .specialities-slider .speicality-item p { font-size: 14px; } } .section-specialities .specialities-slider .speicality-item .speicality-img { position: relative; height: 150px; border-radius: 100%; width: 150px; background: #ffffff; margin: 0 auto; -webkit-box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1); } @media (max-width: 479.98px) { .section-specialities .specialities-slider .speicality-item .speicality-img { width: 120px; height: 120px; } } .section-specialities .specialities-slider .speicality-item .speicality-img img { transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 50%; right: 0; left: 0; margin: 0 auto; } @media (max-width: 479.98px) { .section-specialities .specialities-slider .speicality-item .speicality-img img { width: 50px; } } .section-specialities .specialities-slider .speicality-item .speicality-img span { border-radius: 50%; padding: 5px; background-color: #ffffff; position: absolute; right: 10px; bottom: 10px; -webkit-box-shadow: 1px 6px 14px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 6px 14px rgba(0, 0, 0, 0.2); box-shadow: 1px 6px 14px rgba(0, 0, 0, 0.2); } .section-specialities .specialities-slider .speicality-item .speicality-img span i { font-size: 15px; color: #0de0fe; } .slick-dots { display: block; width: 100%; list-style: none; text-align: center; position: absolute; bottom: -25px; margin: 0; padding: 0; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 5px; cursor: pointer; margin: 0 5px; padding: 0; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: #C0C0C0; padding: 0; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { display: none; font-family: "slick"; font-size: 76px; line-height: 20px; width: 20px; height: 20px; content: "-"; text-align: center; opacity: 0.25; color: #000000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; left: 0; } .slick-dots li.slick-active button { background-color: #0de0fe; } .slick-dots li.slick-active button:before { opacity: 1; color: #0de0fe; } .slick-dots li.slick-active button .slick-slide { outline: none !important; } .section-doctor { background-color: #f8f9fa; padding: 80px 0; } @media (max-width: 767.98px) { .section-doctor { padding: 50px 0; } } .section-doctor .profile-widget { -webkit-box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1); margin-bottom: 0; } .section-doctor .section-header { margin: 0 0 30px; } .section-doctor .section-header p { margin-top: 10px; } @media (max-width: 991.98px) { .section-doctor .about-content { margin-bottom: 30px; } } .section-doctor .about-content p { font-size: 14px; font-weight: 400; line-height: 26px; margin: 0; } .section-doctor .about-content p + p { margin-top: 20px; } .section-doctor .about-content a { background-color: #0de0fe; color: #ffffff; display: inline-block; font-size: 16px; font-weight: 500; min-width: 150px; margin: 30px 0 0; padding: 15px 20px; text-align: center; border-radius: 4px; } @media (max-width: 767.98px) { .section-doctor .about-content a { padding: 12px 20px; } } .section-doctor .about-content a:hover, .section-doctor .about-content a:focus { background-color: #01cae4; border-color: #01cae4; color: #ffffff; } @media (max-width: 767.98px) { .section-doctor .doctor-slider { margin-top: 25px; } } .section-doctor .doctor-slider .slick-slide { display: block; width: 280px; margin-bottom: 0; padding: 10px; } .profile-widget { background-color: #ffffff; border: 1px solid #f0f0f0; position: relative; margin-bottom: 30px; padding: 15px; border-radius: 4px; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .profile-widget .fav-btn { background-color: #ffffff; width: 30px; height: 30px; color: #2E3842; opacity: 0; visibility: hidden; z-index: 99; position: absolute; top: 5px; right: 5px; transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); border-radius: 3px; } .profile-widget:hover .fav-btn { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .profile-widget:hover .fav-btn:hover { background-color: #fb1612; color: #ffffff; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .profile-widget .verified { color: #28a745; margin-left: 3px; } .profile-widget .rating { color: #757575; font-size: 14px; margin-bottom: 15px !important; } .profile-widget .rating i { font-size: 14px; } .profile-widget .doc-img { position: relative; overflow: hidden; z-index: 1; border-radius: 4px; } .profile-widget .doc-img img { border-radius: 4px; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; width: 100%; } .profile-widget .doc-img:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .profile-widget .pro-content { padding: 15px 0 0; } .profile-widget .pro-content .title { font-size: 17px; font-weight: 500; margin-bottom: 5px; } .profile-widget .pro-content .title a { display: inline-block; } .profile-widget .pro-content p.speciality { font-size: 13px; color: #757575; margin-bottom: 5px; min-height: 40px; } .profile-widget .pro-content .rating { list-style: none; width: 100%; margin: 0 0 7px; padding: 0; } .profile-widget .pro-content .rating i { color: #dedfe0; } .profile-widget .pro-content .rating i.filled { color: #f4c150; } .profile-widget .pro-content .available-info { font-size: 13px; color: #757575; font-weight: 400; list-style: none; margin: auto auto 15px; padding: 0; } .profile-widget .pro-content .available-info li i { width: 22px; } .profile-widget .pro-content .available-info li + li { margin-top: 5px; } .profile-widget .pro-content .row.row-sm { margin-left: -3px; margin-right: -3px; } .profile-widget .pro-content .row.row-sm > div { padding-left: 3px; padding-right: 3px; } .section-features { background-color: #ffffff; padding: 80px 0; } @media (max-width: 767.98px) { .section-features { padding: 50px 0; } } @media (max-width: 479.98px) { .section-features { background-color: #ffffff; padding: 30px 0; } } @media (max-width: 767.98px) { .section-features .features-img { text-align: center; margin: 0 auto; } } .section-features .features-slider .slick-slide { margin-right: 62px; } .section-features .features-slider .slick-center { opacity: 1; transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); } .section-features .features-slider .slick-list { padding: 16px 50px !important; } .section-features .features-slider .slick-dots { margin-top: 44px; position: unset; } @media (max-width: 767.98px) { .section-features .features-slider .slick-dots { text-align: center; margin: 0 auto; } } .section-features .features-slider .feature-item img { box-shadow: 1px 6px 14px rgba(0, 0, 0, 0.2); height: 115px; object-fit: cover; width: 115px; border-radius: 100%; } .section-features .features-slider .feature-item p { font-weight: 500; margin: 20px 0 0; } .section-blogs { background-color: #f8f9fa; padding: 80px 0; } @media (max-width: 767.98px) { .section-blogs { padding: 50px 0; } } @media (max-width: 479.98px) { .section-blogs { padding: 30px 0; } } .section-blogs .view-all .btn { margin-top: 20px; font-size: 16px; font-weight: 700; padding: 12px 30px; } .rating { list-style: none; width: 100%; margin: 0 0 7px; padding: 0; } .rating i { color: #dedfe0; } .rating i.filled { color: #f4c150; } .home-tile-section { background-color: #f8f9fa; padding: 80px 0; } @media (max-width: 767.98px) { .home-tile-section { padding: 50px 0; } } @media (max-width: 479.98px) { .home-tile-section { padding: 30px 0; } } .home-tile-section .doctor-book-card { position: relative; max-width: 100%; box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.0431372549); overflow: hidden; margin: 0 auto; } @media (max-width: 575.98px) { .home-tile-section .doctor-book-card { margin-bottom: 0.9375rem; } } .home-tile-section .doctor-book-card img { vertical-align: middle; border-radius: 0.25rem; -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .home-tile-section .doctor-book-card .doctor-book-card-content { color: #f1f1f1; width: 100%; height: 100%; border-radius: 0.25rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); padding: 20px; } .home-tile-section .doctor-book-card .doctor-book-card-content > div { width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; } .home-tile-section .doctor-book-card .doctor-book-card-content .book-btn1 { font-size: 14px; } .home-tile-section .doctor-book-card .tile-card-content-1 { background: rgba(13, 13, 13, 0.33); } .home-tile-section .doctor-book-card h3 { text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3); color: #ffffff; } .home-tile-section .doctor-book-card:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .banner-section { background: #F2F6F6; padding: 100px 0 30px; position: relative; overflow: hidden; z-index: 1; } .banner-section::after { content: ""; background: url(../img/banner-bg.png); background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .banner-shapes { position: relative; } .banner-shapes .banner-shape-left { position: absolute; top: 600px; left: 0; } .banner-shapes .banner-shape-right { position: absolute; top: 30px; left: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); } .banner-content { padding-bottom: 80px; position: relative; } .banner-content h1 { font-weight: 600; font-size: 48px; margin-bottom: 25px; } .banner-content h1 span { color: #0E82FD; } @media (max-width: 991.98px) { .banner-content h1 { font-size: 36px; } } @media (max-width: 767.98px) { .banner-content h1 { font-size: 28px; margin-bottom: 20px; } } .banner-content .header-icon { position: absolute; right: -30px; top: -15px; } @media (max-width: 1199.98px) { .banner-content .header-icon { display: none; } } .banner-content p { font-weight: 500; font-size: 18px; margin-bottom: 25px; } @media (max-width: 767.98px) { .banner-content p { font-size: 16px; margin-bottom: 20px; } } .banner-content .btn { font-weight: 500; border-radius: 8px; margin: 0; padding: 7px 18px; min-width: 200px; display: inline-block; background-color: #0E82FD; border: 1px solid #0E82FD; color: #ffffff; font-size: 18px; box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } .banner-content .btn:hover { color: #0E82FD; border-color: #0E82FD; background-color: #ffffff; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } @media (max-width: 991.98px) { .banner-content .btn { font-size: 16px; margin: 0; padding: 10px 15px; min-width: 190px; } } @media (max-width: 767.98px) { .banner-content .btn { font-size: 15px; margin: 0; padding: 9px 15px; min-width: 170px; } } @media (max-width: 991.98px) { .banner-content { text-align: center; padding-bottom: 40px; } } .banner-arrow-img { position: absolute; left: 220px; top: 180px; } @media (max-width: 1199.98px) { .banner-arrow-img { display: none; } } .search-box-one { min-width: 800px; background: #ffffff; border: 1px solid #F0F0F0; box-shadow: 0px 3px 53px rgba(197, 197, 197, 0.2); border-radius: 7px; margin: 0; padding: 13px 15px; display: table; position: relative; z-index: 1; } .search-box-one form { float: left; width: 100%; } .search-box-one input:hover, .search-box-one input:focus { background-color: #ffffff !important; } @media (max-width: 991.98px) { .search-box-one { min-width: 100%; width: 100%; } } @media (max-width: 767.98px) { .search-box-one { margin: 0; padding: 0px 15px 15px; } } .search-box-one .form-control:hover, .search-box-one .form-control:focus { background-color: #ffffff !important; } .search-input { width: 25%; float: left; display: table-cell; vertical-align: middle; position: relative; } .search-input.search-line { width: 35%; } .search-input.search-line::before { position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 1px; height: 44px; background: #E3E4E8; content: ""; z-index: 1; } @media (max-width: 767.98px) { .search-input.search-line::before { display: none; } } @media (max-width: 767.98px) { .search-input.search-line { width: 100%; } } .search-input.search-map-line { width: 26%; } .search-input.search-map-line::before { position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 1px; height: 44px; background: #E3E4E8; content: ""; z-index: 1; } @media (max-width: 767.98px) { .search-input.search-map-line::before { display: none; } } .search-input.search-map-line input { padding: 0px 36px 0px 36px; } @media (max-width: 767.98px) { .search-input.search-map-line input { padding: 0px 25px 0px 25px; } } .search-input.search-map-line > i { left: 10px; } @media (max-width: 767.98px) { .search-input.search-map-line > i { left: 0; } } @media (max-width: 767.98px) { .search-input.search-map-line { width: 100%; } } .search-input input { height: 40px; padding: 0 10px 0 25px; border: 0; } .search-input input::placeholder { color: #8C97B0; } .search-input.search-calendar-line input { padding: 0 36px 0 36px; } @media (max-width: 767.98px) { .search-input.search-calendar-line input { padding: 0px 25px 0px 25px; } } .search-input.search-calendar-line > i { left: 10px; } @media (max-width: 767.98px) { .search-input.search-calendar-line > i { left: 0; } } .search-input i { position: absolute; top: 50%; right: inherit; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); color: #8894AE; font-size: 18px; } .search-input .current-loc-icon { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); margin-top: 0px; color: #8894AE; font-size: 18px; line-height: 0; } .search-input .current-loc-icon i { position: unset; transform: unset; } .search-input > i.bficon { right: inherit; left: 0; z-index: 1; } @media (max-width: 767.98px) { .search-input { width: 100%; } } .form-search-btn { float: right; padding-top: 4px; } .form-search-btn .btn { font-size: 15px; font-weight: 500; min-width: 97px; padding: 7px 15px; border-radius: 10px; background-color: #0E82FD; border: 1px solid #0E82FD; color: #ffffff; box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } .form-search-btn .btn:hover { color: #0E82FD; border-color: #0E82FD; background-color: #ffffff; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } @media (max-width: 767.98px) { .form-search-btn { float: left; } } .banner-img { position: relative; } .banner-img .banner-img1 { position: absolute; top: 260px; left: -40px; -webkit-animation: float 2s ease-in-out infinite; animation: float 2s ease-in-out infinite; } .banner-img .banner-img2 { position: absolute; top: 200px; right: 20px; -webkit-animation: mover 3s infinite alternate; animation: mover 3s infinite alternate; } .banner-img .banner-img3 { position: absolute; top: 500px; right: 0px; -webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate; } @keyframes float { 0% { transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); } 50% { transform: translateY(-15px); -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); } 100% { transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); } } @-webkit-keyframes mover { 0% { transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); } 100% { transform: translateY(-15px); -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); } } @keyframes mover { 0% { transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); } 100% { transform: translateY(-15px); -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); } } @media (max-width: 991.98px) { .banner-img { display: none; } } .specialities-section-one { background-color: #ffffff; margin: 0; padding: 80px 0; } @media (max-width: 991.98px) { .specialities-section-one { margin: 0; padding: 40px 0; } } .specialities-section-one .specialities-slider-one .item { margin-bottom: 50px; } @media (max-width: 767.98px) { .specialities-section-one .specialities-slider-one .item { margin-bottom: 40px; } } .specialities-section-one .specialities-slider-one .owl-stage-outer { margin-left: -10px; } .specialities-section-one .specialities-slider-one .owl-item img { width: auto; } .specialities-section-one .specialities-item { background: #ffffff; border: 1px solid #E6E6E6; border-radius: 8px; height: 196px; margin: 15px 0 0 10px; padding: 30px; cursor: pointer; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .specialities-section-one .specialities-item:hover { background: #ffffff; border-color: #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .specialities-section-one .specialities-item:hover .specialities-img span { background: #0E82FD; border: #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .specialities-section-one .specialities-item:hover .specialities-img span img { filter: invert(1) brightness(1000); transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; } .specialities-section-one .specialities-item p { font-weight: 600; font-size: 16px; color: #2F353C; margin-bottom: 0; } .specialities-section-one .specialities-img { padding-bottom: 18px; } .specialities-section-one .specialities-img span { background: #F2F6F6; border: 1px solid #F2F6F6; width: 90px; height: 90px; border-radius: 50%; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .specialities-section-one .specialities-img span img { width: auto; -webkit-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; } .specialities-section-one .specialities-btn { text-align: center; } .specialities-section-one .specialities-btn .btn { border-radius: 8px; font-weight: 600; font-size: 15px; min-width: 170px; padding: 11px 15px; background: #0E82FD; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 0 #ffffff; color: #ffffff; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } .specialities-section-one .specialities-btn .btn:hover { color: #0E82FD; background: #ffffff; border-color: #0E82FD; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } @media (max-width: 767.98px) { .specialities-section-one .specialities-btn .btn { font-size: 14px; min-width: 190px; } } .section-header-one { margin-bottom: 60px; } .section-header-one h2 { font-size: 40px; font-weight: 600; color: #1F2937; margin-bottom: 0; } @media (max-width: 991.98px) { .section-header-one h2 { font-size: 34px; } } @media (max-width: 767.98px) { .section-header-one h2 { font-size: 26px; } } .section-header-one .section-title { display: inline-block; position: relative; } .section-header-one .section-title::before { content: ""; background: url(../img/icons/header-icon.svg); background-size: cover; background-repeat: no-repeat; background-position: right; position: absolute; top: -5px; right: -30px; width: 35px; height: 20px; } @media (max-width: 767.98px) { .section-header-one .section-title::before { display: none; } } .section-header-one h5 { font-weight: 600; font-size: 18px; color: #0E82FD; margin-bottom: 10px; } @media (max-width: 991.98px) { .section-header-one { margin-bottom: 40px; } } .slide-nav-1 button.owl-next, .slide-nav-1 button.owl-prev, .slide-nav-2 button.owl-next, .slide-nav-2 button.owl-prev { width: 44px; height: 44px; font-size: 18px; color: #1E3259; background: #ffffff; box-shadow: 0px 4px 14px rgba(141, 141, 141, 0.25); text-shadow: none; top: 0; cursor: pointer; border: 0; margin-top: 0; margin-bottom: 0; margin-left: 15px; border-radius: 50px; } .slide-nav-1 button.owl-next:hover, .slide-nav-1 button.owl-prev:hover, .slide-nav-2 button.owl-next:hover, .slide-nav-2 button.owl-prev:hover { color: #ffffff; background: #0E82FD; } .doctors-section { background: #F2F6F6; margin: 0; padding: 80px 0; position: relative; overflow: hidden; z-index: 1; } .doctors-section::after { content: ""; background: url(../img/bg/doctor-shape-img1.png); background-size: cover; background-repeat: no-repeat; background-position: left; position: absolute; top: 0; left: 0; width: 213px; height: 335px; opacity: 0.5; z-index: -1; } @media (max-width: 991.98px) { .doctors-section::after { display: none; } } .doctors-section::before { content: ""; background: url(../img/bg/doctor-shape-img2.png); background-size: cover; background-repeat: no-repeat; background-position: right; position: absolute; right: 0; bottom: 0; opacity: 0.5; width: 213px; height: 335px; z-index: -1; } @media (max-width: 991.98px) { .doctors-section::before { display: none; } } @media (max-width: 991.98px) { .doctors-section { margin: 0; padding: 40px 0; } } @media (max-width: 767.98px) { .doctors-section .section-header-slider { margin-bottom: 20px; } } .doctor-shape-img { position: relative; } .doctor-shape-img .doctor-shape-left { position: absolute; top: 0; left: -35px; } .doctor-shape-img .doctor-shape-right { position: absolute; top: 230px; right: 0; } @media (max-width: 991.98px) { .doctor-shape-img { display: none; } } @-webkit-keyframes blinker { from { opacity: 1; } to { opacity: 0; } } .doctor-profile-widget { background: #ffffff; border: 1px solid #E5E5E5; border-radius: 8px; position: relative; overflow: hidden; } .doc-pro-img { position: relative; } .doctor-profile-img { position: relative; overflow: hidden; border-radius: 8px 8px 0px 0px; } .doctor-profile-img img { position: relative; border-radius: 8px 8px 0px 0px; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; width: 100%; } .doctor-profile-img:hover img { -webkit-transition: scale(1.15); -ms-transition: scale(1.15); transition: scale(1.15); } .doctor-profile-img:hover::before { -webkit-animation: circle 1s; animation: circle 1s; } .doctor-profile-img::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ""; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); border-radius: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); opacity: 0; } @-webkit-keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } .doctor-amount { position: absolute; top: 20px; right: 20px; } .doctor-amount span { font-weight: 500; font-size: 15px; color: #2C2C2C; padding: 6px 12px; background: #ffffff; border-radius: 8px; } .doc-content { padding: 20px; } @media (max-width: 767.98px) { .doc-content { padding: 15px; } } .doc-pro-info { padding-bottom: 15px; } .doc-pro-info .doc-pro-name a { font-weight: 600; font-size: 20px; } .doc-pro-info .doc-pro-name a:hover { color: #0E82FD; } @media (max-width: 1399.98px) { .doc-pro-info .doc-pro-name a { font-size: 18px; } } .doc-pro-info .doc-pro-name p { color: #9CA3AF; font-size: 12px; margin-bottom: 0; } .reviews-ratings p { color: #9CA3AF; font-size: 10px; font-weight: 500; margin-bottom: 18px; } .reviews-ratings span { margin: 0 4px 0 0; padding: 2px 3px; min-width: 46px; color: #ffffff; font-size: 12px; background: #FFBC11; border-radius: 6px; } .reviews-ratings span i { margin-right: 6px; } .doc-pro-location p { margin-bottom: 0; } .doc-pro-location p i { margin-right: 8px; font-size: 20px; color: #D1D5DB; } .work-section { background: #F2F6F6; margin: 0; padding: 80px 0 0; position: relative; overflow: hidden; z-index: 1; } .work-section::after { content: ""; background: url(../img/bg/doctor-shape-img1.png); background-size: cover; background-repeat: no-repeat; background-position: left; position: absolute; top: 0; left: 0; width: 213px; height: 335px; opacity: 0.5; z-index: -1; } @media (max-width: 991.98px) { .work-section::after { display: none; } } .work-section::before { content: ""; background: url(../img/bg/doctor-shape-img2.png); background-size: cover; background-repeat: no-repeat; background-position: right; position: absolute; right: 0; bottom: 0; opacity: 0.5; width: 213px; height: 335px; z-index: -1; } @media (max-width: 991.98px) { .work-section::before { display: none; } } @media (max-width: 991.98px) { .work-section { margin: 0; padding: 40px 0 20px; } } .work-img-info { position: relative; } @media (max-width: 991.98px) { .work-img-info { display: none; } } .work-img-info .work-img { position: absolute; bottom: 0; } .work-details { padding-left: 60px; } @media (max-width: 1199.98px) { .work-details { padding-left: 20px; } } .work-info { -webkit-box-align: start; -ms-flex-align: start; align-items: start; margin-bottom: 35px; } @media (max-width: 991.98px) { .work-info { margin-bottom: 20px; } } .work-info .work-icon { margin-right: 20px; } .work-info .work-icon span { min-width: 70px; height: 70px; background: #E0E7FF; border-radius: 10px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0); } .work-info .work-icon span img { transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0); -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .work-info:hover .work-icon span { background: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); } .work-info:hover .work-icon span img { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .work-info .work-content h5 { font-weight: 600; font-size: 18px; color: #1F2937; margin-bottom: 14px; } @media (max-width: 767.98px) { .work-info .work-content h5 { margin-bottom: 10px; } } .work-info .work-content p { font-size: 16px; margin-bottom: 0; } @media (max-width: 767.98px) { .work-info .work-content p { font-size: 14px; } } .work-section { background: #F2F6F6; margin: 0; padding: 80px 0 0; position: relative; overflow: hidden; z-index: 1; } .work-section::after { content: ""; background: url(../img/bg/doctor-shape-img1.png); background-size: cover; background-repeat: no-repeat; background-position: left; position: absolute; top: 0; left: 0; width: 213px; height: 335px; opacity: 0.5; z-index: -1; } @media (max-width: 991.98px) { .work-section::after { display: none; } } .work-section::before { content: ""; background: url(../img/bg/doctor-shape-img2.png); background-size: cover; background-repeat: no-repeat; background-position: right; position: absolute; right: 0; bottom: 0; opacity: 0.5; width: 213px; height: 335px; z-index: -1; } @media (max-width: 991.98px) { .work-section::before { display: none; } } @media (max-width: 991.98px) { .work-section { margin: 0; padding: 40px 0 20px; } } .work-img-info { position: relative; } @media (max-width: 991.98px) { .work-img-info { display: none; } } .work-img-info .work-img { position: absolute; bottom: 0; } .work-details { padding-left: 60px; } @media (max-width: 1199.98px) { .work-details { padding-left: 20px; } } .work-info { -webkit-box-align: start; -ms-flex-align: start; align-items: start; margin-bottom: 35px; } @media (max-width: 991.98px) { .work-info { margin-bottom: 20px; } } .work-info .work-icon { margin-right: 20px; } .work-info .work-icon span { min-width: 70px; height: 70px; background: #E0E7FF; border-radius: 10px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0); } .work-info .work-icon span img { transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0); -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .work-info:hover .work-icon span { background: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); } .work-info:hover .work-icon span img { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .work-info .work-content h5 { font-weight: 600; font-size: 18px; color: #1F2937; margin-bottom: 14px; } @media (max-width: 767.98px) { .work-info .work-content h5 { margin-bottom: 10px; } } .work-info .work-content p { font-size: 16px; margin-bottom: 0; } @media (max-width: 767.98px) { .work-info .work-content p { font-size: 14px; } } .articles-section { background-color: #ffffff; margin: 0; padding: 80px 0 55px; } @media (max-width: 991.98px) { .articles-section { margin: 0; padding: 40px 0 15px; } } .articles-grid { border: 2px solid #EDEDED; border-radius: 8px; padding: 20px; margin-bottom: 25px; } .articles-info .articles-left { margin-right: 20px; } .articles-info .articles-left .articles-img { position: relative; overflow: hidden; border-radius: 8px; width: 205px; height: 180px; } .articles-info .articles-left .articles-img img { position: relative; border-radius: 8px; -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); width: 100%; } .articles-info .articles-left .articles-img:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .articles-info .articles-left .articles-img:hover::before { -webkit-animation: circle 1s; animation: circle 1s; } .articles-info .articles-left .articles-img::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ""; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); border-radius: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); opacity: 0; } @media (max-width: 1199.98px) { .articles-info .articles-left .articles-img { width: 100%; height: auto; } } @media (max-width: 1199.98px) { .articles-info .articles-left { margin: 0 0 20px 0; padding: 0; } } @media (max-width: 1199.98px) { .articles-info { display: block; text-align: center; } } .articles-content .articles-list { margin-bottom: 10px; } .articles-content .articles-list li { margin-right: 15px; } .articles-content .articles-list li:last-child { margin-right: 0; } .articles-content .articles-list li i { font-size: 18px; margin-right: 8px; } @media (max-width: 1199.98px) { .articles-content .articles-list { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } } .articles-content h4 { font-weight: 600; font-size: 16px; margin-bottom: 10px; max-width: 320px; } @media (max-width: 1199.98px) { .articles-content h4 { margin: auto; margin-bottom: 10px; } } @media (max-width: 991.98px) { .articles-content h4 { max-width: inherit; } } .articles-content h4 a:hover { color: #0E82FD; } .articles-content p { margin-bottom: 16px; } .articles-content .btn { font-weight: 500; font-size: 15px; color: #0E82FD; background: #ffffff; border: 2px solid #0E82FD; box-shadow: inset 0 0 0 0 #0E82FD; border-radius: 6px; min-width: 112px; padding: 7px 12px; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } .articles-content .btn:hover { color: #ffffff; border-color: #0E82FD; background: #0E82FD; box-shadow: inset 0 0 0 50px #0E82FD; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } @media (max-width: 767.98px) { .articles-content .btn { font-size: 14px; } } .app-section { background-color: #ffffff; margin: 0; padding: 20px 0 80px; } @media (max-width: 1199.98px) { .app-section { margin: 0; padding: 0 0 80px; } } @media (max-width: 991.98px) { .app-section { margin: 0; padding: 20px 0 40px; } } @media (max-width: 767.98px) { .app-section { margin: 0; padding: 0px 0 40px; } } .app-bg { background: #0E82FD; background-image: url(../img/app-bg.png); background-position: right top; background-repeat: no-repeat; border-radius: 25px; padding: 40px 0 0 50px; } @media (max-width: 1199.98px) { .app-bg { margin: 0; padding: 30px; } } @media (max-width: 991.98px) { .app-bg { margin: 0; padding: 40px 0; background-image: inherit; } } @media (max-width: 767.98px) { .app-bg { margin: 0; padding: 30px 0; } } @media (max-width: 991.98px) { .app-content { text-align: center; } } .app-header { padding-bottom: 40px; } .app-header h5 { font-size: 24px; font-weight: 600; color: #ffffff; margin-bottom: 10px; } @media (max-width: 991.98px) { .app-header h5 { font-size: 22px; } } @media (max-width: 767.98px) { .app-header h5 { font-size: 18px; } } .app-header h2 { font-size: 40px; font-weight: 600; color: #ffffff; margin-bottom: 0; max-width: 565px; } @media (max-width: 991.98px) { .app-header h2 { font-size: 34px; max-width: 100%; } } @media (max-width: 767.98px) { .app-header h2 { font-size: 26px; } } @media (max-width: 991.98px) { .app-header { padding-bottom: 30px; } } @media (max-width: 767.98px) { .app-header { padding-bottom: 20px; } } .app-scan { padding-bottom: 40px; } .app-scan p { font-weight: 500; color: #ffffff; margin-bottom: 10px; } @media (max-width: 991.98px) { .app-scan { padding-bottom: 30px; } } @media (max-width: 767.98px) { .app-scan { padding-bottom: 20px; } } .google-imgs a { margin-right: 24px; } .google-imgs a:last-child { margin-right: 0; } @media (max-width: 767.98px) { .google-imgs a img { width: 120px; } } @media (max-width: 767.98px) { .google-imgs a { margin-right: 14px; } } .mobile-img { position: relative; bottom: 0; } @media (max-width: 991.98px) { .mobile-img { display: none; } } @media (max-width: 1440.98px) { .mobile-img img { max-width: 450px; } } @media (max-width: 1199.98px) { .mobile-img img { max-width: 370px; } } .faq-section { background-color: #ffffff; position: relative; overflow: hidden; margin: 0; padding: 0 0 140px; } @media (max-width: 1199.98px) { .faq-section { margin: 0; padding: 0 0 80px; } } @media (max-width: 991.98px) { .faq-section { margin: 0; padding: 0 0 40px; } } .faq-img { position: relative; } @media (max-width: 991.98px) { .faq-img { text-align: center; margin-bottom: 80px; } } @media (max-width: 767.98px) { .faq-img { margin-bottom: 70px; } } .faq-patients-count { background: #ffffff; box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.03), 0px 64.81px 46.85px rgba(0, 0, 0, 0.0228), 0px 38.52px 25.48px rgba(0, 0, 0, 0.0182), 0px 20px 13px rgba(0, 0, 0, 0.015), 0px 8.15px 6.52px rgba(0, 0, 0, 0.0118), 0px 1.85px 3.15px rgba(0, 0, 0, 0.0072); border-radius: 10px; padding: 15px; min-width: 222px; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); } @media (max-width: 991.98px) { .faq-patients-count { justify-content: start; -webkit-justify-content: start; -ms-flex-pack: start; box-shadow: none; border: 1px solid #F3F3F3; } } .faq-smile-img { margin-right: 15px; } .faq-patients-content h4 { font-weight: 700; font-size: 24px; margin-bottom: 3px; } @media (max-width: 767.98px) { .faq-patients-content h4 { font-size: 20px; } } .faq-patients-content p { font-weight: 600; font-size: 18px; margin-bottom: 0; } @media (max-width: 767.98px) { .faq-patients-content p { font-size: 16px; } } @media (max-width: 991.98px) { .faq-patients-content { text-align: left; } } .faq-info .accordion-item { background: #F8F8F8; border: 0; border-radius: 0; margin: 0 0 24px; padding: 15px; } .faq-info .accordion-item:last-child { margin-bottom: 0; } .faq-info .accordion-item .accordion-body { margin-top: 15px; padding: 15px 0 0; border-top: 1px solid #E2E8F0; } @media (max-width: 767.98px) { .faq-info .accordion-item { margin-bottom: 20px; } } .faq-info .accordion-header { position: relative; margin: 0; padding: 0; border: 0; } .faq-info .accordion-button { font-size: 16px; font-weight: 500; color: #1F2937; background: transparent; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; position: relative; cursor: pointer; } .faq-info .accordion-button:hover { border: 0; } .faq-info .accordion-button:after { content: "\e9b1"; font-family: "feather"; font-size: 20px; background: none; color: #0E82FD; background: #ffffff; width: 32px; height: 32px; border-radius: 5px; } @media (max-width: 767.98px) { .faq-info .accordion-button:after { position: absolute; right: 0; } } .faq-info .accordion-button:not(.collapsed)::after { content: "\e996"; color: #ffffff; background: #0E82FD; } @media (max-width: 767.98px) { .faq-info .accordion-button { font-size: 14px; padding-right: 30px; line-height: 24px; } } .faq-info .accordion-content p { color: #6B7280; margin-bottom: 0; } .partners-section { background-color: #ffffff; padding: 80px 0; } @media (max-width: 991.98px) { .partners-section { padding: 40px 0; } } .partners-section .owl-nav { display: none; } .partners-slider { list-style: none; } .partners-slider li a { background: #ffffff; border: 2px solid #F5F5F5; padding: 14px 20px; text-align: center; height: 79px; border-radius: 10px; } @media (max-width: 767.98px) { .partners-slider.owl-carousel .owl-item img { width: auto; margin: 0 auto; height: auto; } } .footer-1.footer { background-color: #F2F6F6; } .footer-1.footer .footer-top .footer-title { color: #1F2937; } .footer-1.footer .footer-top .footer-widget.footer-menu ul li a { color: #6B7280; position: relative; overflow: hidden; background: url(../img/footer-arrow.png) no-repeat -20px 20px; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .footer-1.footer .footer-top .footer-widget .footer-about-content p { color: #6B7280; } .footer-1.footer .footer-top .footer-widget .footer-contact-info { color: #6B7280; } .footer-1.footer .subscribe-form { position: relative; } .footer-1.footer .subscribe-form .form-control { font-weight: 500; font-size: 14px; min-height: 46px; color: #6B7280; background: #fff; border: 1px solid #E5E7EB; border-radius: 6px 0px 0px 6px; margin: 0; padding: 6px 112px 6px 15px; } .footer-1.footer .subscribe-form .btn { font-weight: normal; margin: 0; padding: 11px 16px; font-size: 15px; font-weight: 600; border-radius: 0 6px 6px 0; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .owl-carousel.partners-slider.owl-loaded { padding-left: 0; } .blog { border: 1px solid #f0f0f0; background-color: #ffffff; position: relative; border-radius: 4px; margin: 0 0 30px; padding: 1.5rem; } @media (max-width: 575.98px) { .blog { padding: 1.25rem; } } .blog .blog-image { margin: 0 0 30px; overflow: hidden; } .blog .blog-image img { transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .blog .blog-image a:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .blog .blog-title { font-size: 22px; margin: 0 0 10px; } @media (max-width: 767.98px) { .blog .blog-title { font-size: 20px; } } @media (max-width: 575.98px) { .blog .blog-title { font-size: 18px; } } .blog .blog-title a { color: #272b41; } .blog .blog-title a:hover { color: #20c0f3; } .blog .blog-content { position: relative; } .blog .blog-content p { color: #666; font-size: 14px; margin: 0 0 30px; } .blog .blog-content .entry-meta { color: #757575; font-size: 14px; list-style: none; margin: 0 0 15px; padding: 0; } .blog .blog-content .entry-meta li { display: inline-block; margin-right: 15px; } .blog .blog-content .entry-meta li:last-child { margin-right: 0; } .blog.grid-blog { padding: 20px; } .blog.grid-blog .blog-title { font-size: 18px; min-height: 43px; margin: 0 0 5px; } @media (max-width: 767.98px) { .blog.grid-blog .blog-title { min-height: inherit; } } .blog.grid-blog .blog-content p { margin: 0 0 15px; } .blog.grid-blog .blog-info { margin: 0 0 15px; } .blog.grid-blog .blog-image { margin: 0 0 20px; } .blog.grid-blog .entry-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 0 !important; } .blog.grid-blog .entry-meta li { margin: 0 0 10px; } .blog.grid-blog .post-author { width: 189px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .blog.grid-blog .post-author a:hover { color: #20c0f3; } .blog-image, .blog-image > a, .blog-image img { display: block; position: relative; width: 100%; height: auto; } .read-more { display: inline-block; font-size: 16px; padding: 0; color: #20c0f3; text-decoration: underline; font-weight: 700; } @media (max-width: 575.98px) { .read-more { font-size: 14px; } } .blog-info { color: #757575; font-size: 14px; margin: 0 0 15px; } .blog-info a { color: #757575; } .blog-info a:hover { color: #757575; } .blog-info i { color: #20c0f3; font-size: 14px; margin-right: 5px; } @media (max-width: 575.98px) { .blog-info i { font-size: 14px; } } .blog-pagination .pagination { margin: 0 0 30px; } .blog-pagination .pagination li a { font-weight: 600; color: #2E3842; border-radius: inherit !important; border-color: #f0f0f0; margin: 0 10px 0 0; padding: 12px 20px; } .blog-pagination .pagination li.disabled a { border-color: #f0f0f0; } .blog-pagination .pagination li.active a { background: #20c0f3; border-color: transparent; color: #ffffff; } .post-left ul { list-style: none; display: flex; align-items: center; margin: 0; padding: 0; } .post-left ul li { margin-bottom: 5px; margin-right: 20px; } @media (max-width: 575.98px) { .post-left ul li { margin-right: 10px; } } .post-left ul li:last-child { margin-right: 0; } @media (max-width: 575.98px) { .post-left ul li:last-child { margin-right: 10px; } } .post-author a { display: flex; align-items: center; } .video { position: relative; padding-bottom: 56%; height: 0; overflow: hidden; } .video iframe, .video object, .video embed { width: 100%; height: 100%; border: none; position: absolute; top: 0; left: 0; } .latest-posts { margin: 0; padding: 0; } .latest-posts li { display: table; width: 100%; margin: 0 0 20px; } .latest-posts li:last-child { padding-bottom: 0px; margin-bottom: 0px; border-bottom: none; } .post-thumb { width: 80px; float: left; overflow: hidden; border-radius: 4px; } .post-thumb a img { border-radius: 4px; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .post-thumb a:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .post-info { margin-left: 95px; } .post-info h4 { font-size: 15px; margin: 0 0 5px; } .post-info h4 a { color: #272b41; } .post-info h4 a:hover { color: #20c0f3; } .post-info p { color: #757575; font-size: 12px; margin: 0; } .post-info p i { color: #20c0f3; font-size: 14px; margin-right: 4px; } .category-widget .categories { list-style: none; margin: 0; padding: 0; } .category-widget .categories li { margin: 0 0 20px; } .category-widget .categories li:last-child { border-bottom: none; margin: 0; padding: 0; } .category-widget .categories li a { color: #2E3842; font-size: 15px; font-weight: 500; } .category-widget .categories li a span { float: right; color: #757575; } .category-widget .categories li a:hover { color: #20c0f3; } .category-widget .categories > li > a > i { color: #20c0f3; font-size: 18px; margin-right: 10px; } .tags-widget .card-body { padding-bottom: 1rem; } .tags { list-style: none; overflow: hidden; margin: 0; padding: 0; } .tags li { float: left; } .tag { background-color: #ffffff; color: #272b41; position: relative; font-size: 14px; border: 1px solid #cccccc; display: inline-block; border-radius: 4px; margin: 0 0.5rem 0.5rem 0; padding: 5px 10px; } .tag:hover { background-color: #20c0f3; border-color: #20c0f3; color: #ffffff; } .comment-by { display: block; font-size: 14px; line-height: 21px; margin: 0 0 10px; } .comments-list .comment-block p { font-size: 14px; margin: 0 0 5px; } /*----------------- Blog Details -----------------------*/ .blog-view .blog-title { font-size: 24px; } @media (max-width: 767.98px) { .blog-view .blog-title { font-size: 22px; } } @media (max-width: 575.98px) { .blog-view .blog-title { font-size: 20px; } } .blog-view .blog-info { border: 0; margin: 0 0 20px; padding: 0; } .blog-content p:last-child { margin: 0; } .social-share { float: left; list-style: none; margin: 0; padding: 0; } .social-share > li { display: inline-block; float: left; margin-left: 10px; text-align: center; } .social-share > li:first-child { margin-left: 0; } .social-share > li a:hover { background-color: #20c0f3; color: #ffffff; border-color: #20c0f3; } .social-share > li > a { border: 1px solid #dfdfdf; color: #666; display: inline-block; font-size: 22px; height: 40px; line-height: 40px; width: 40px; } .blog-reply > a { color: #999; font-size: 12px; font-weight: 500; } .blog-date { color: #999; font-size: 12px; } .blog-comments .comments-list { list-style: none; position: relative; margin: 0; padding: 0; } .blog-comments .comments-list li { clear: both; padding-left: 80px; } @media (max-width: 575.98px) { .blog-comments .comments-list li { padding: 10px 0 0 50px; } } .blog-comments .comments-list li .comment { margin: 0 0 20px; } .blog-comments .comments-list li .comment-author { position: absolute; left: 0; } .blog-comments .comments-list li img.avatar { height: 58px; width: 58px; border-radius: 58px; } @media (max-width: 575.98px) { .blog-comments .comments-list li img.avatar { height: 40px; width: 40px; border-radius: 40px; } } .blog-comments .comment-btn { color: #20c0f3; display: inline-block; font-weight: 500; font-size: 15px; } .blog-author-name { color: #272b41; font-size: 16px; font-weight: 600; } .new-comment label { font-weight: 500; } .comment-submit .btn { background-color: #20c0f3; border-color: #20c0f3; font-size: 18px; padding: 8px 26px; color: #ffffff; border-radius: 0; } .about-author-img { background-color: #ffffff; height: 100px; overflow: hidden; position: absolute; width: 100px; } @media (max-width: 575.98px) { .about-author-img { height: 60px; width: 60px; } } .author-details { margin: 0 0 0 120px; } @media (max-width: 575.98px) { .author-details { margin-left: 80px; } } .author-details .blog-author-name { display: inline-block; margin: 0 0 10px; } .about-author { min-height: 100px; } .post-author img { width: 28px; margin-right: 5px; border-radius: 100%; } .blogs-section { padding: 50px 0; background-color: #ffffff; } @media (max-width: 767.98px) { .blogs-section { padding: 30px 0; } } .blogs-section .blog-wrapper { background: #ffffff; border: 1px solid #E8EEFF; box-sizing: border-box; border-radius: 10px 10px 0px 0px; margin-bottom: 30px; } .blogs-section .blog-wrapper .wrap-image img { width: 100%; border-radius: 10px 10px 0px 0px; } .blogs-section .blog-wrapper .wrap-content { padding: 10px; } .blogs-section .blog-wrapper .wrap-content .sp-title { font-size: 13px; color: #2264C5; font-weight: 600; margin-right: 5px; } .blogs-section .blog-wrapper .wrap-content .post-author a { display: flex; align-items: center; } .blogs-section .blog-wrapper .wrap-content .post-author a img { width: 20px; flex: 0 0 20px; margin: 0 5px; } .blogs-section .blog-wrapper .wrap-content .post-author a span { font-size: 12px; font-weight: 600; color: #000000; } .blogs-section .blog-wrapper .wrap-content .date-cart { background-color: #1860CA; font-size: 28px; color: #ffffff; font-weight: 600; line-height: 1.2; text-align: center; width: 65px; height: 60px; flex-direction: column; position: absolute; right: 25px; margin: -40px 0 0; padding: 10px 8px; } @media (max-width: 991.98px) { .blogs-section .blog-wrapper .wrap-content .date-cart { font-size: 26px; } } @media (max-width: 767.98px) { .blogs-section .blog-wrapper .wrap-content .date-cart { font-size: 22px; width: 60px; height: 55px; padding: 5px; } } .blogs-section .blog-wrapper .wrap-content .date-cart span { font-size: 11px; font-weight: 500; } @media (max-width: 767.98px) { .blogs-section .blog-wrapper .wrap-content .date-cart span { font-size: 10px; } } .blogs-section .blog-wrapper .wrap-content-body { margin-top: 10px; } @media (max-width: 767.98px) { .blogs-section .blog-wrapper .wrap-content-body h3 { font-size: 17px; } } .blogs-section .blog-wrapper .wrap-content-body h3 a { font-size: 18px; font-weight: 500; color: #000000; line-height: 1.5; } @media (max-width: 767.98px) { .blogs-section .blog-wrapper .wrap-content-body h3 a { font-size: 17px; } } .blogs-section .blog-wrapper .wrap-content-body p { font-size: 12px; color: #000000; } .blogs-section .blog-wrapper .wrap-content-body a.read-txt { width: 110px; padding: 10px; background: #0CE0FF; border-radius: 30px; display: block; text-align: center; color: #ffffff; font-size: 12px; font-weight: 600; } .blogs-section .blog-wrapper .wrap-content-body a.read-txt:hover { background-color: #0E82FD; } .blogs-section .view-btn { background-color: #20c0f3; font-size: 16px; color: #ffffff; font-weight: 700; border-radius: 30px; border: 1px solid #20c0f3; padding: 6px 20px; } @media (max-width: 767.98px) { .blogs-section .view-btn { font-size: 14px; } } .blogs-section .view-btn:hover { background-color: #0E82FD; border: 1px solid #0E82FD; } .our-blog-section { padding: 60px 0; background: #ffffff; } @media (max-width: 991.98px) { .our-blog-section { padding: 40px 0; } } @media (max-width: 767.98px) { .our-blog-section { padding: 30px 0; } } .our-blog-section .our-blogs { display: block; transition: 0.6s; border-radius: 10px 10px 0px 0px; overflow: hidden; } .our-blog-section .our-blogs .blogs-img { position: relative; transition: 0.6s; } .our-blog-section .our-blogs .blogs-img .blogs-overlay { align-items: center; background: #ffffff; border-radius: 30px 0px 0px 30px; padding: 5px; position: absolute; right: 0; bottom: 10px; transition: 0.6s; } .our-blog-section .our-blogs .blogs-img .blogs-overlay img { height: 35px; width: 35px !important; border-radius: 50%; margin-right: 10px; } .our-blog-section .our-blogs .blogs-img .blogs-overlay .blogs-writter { display: none; } .our-blog-section .our-blogs .blogs-info { background: #ffffff; border: 1px solid #E8EEFF; padding: 15px; } .our-blog-section .our-blogs .blogs-info span { color: #20c0f3; } .our-blog-section .our-blogs .blogs-info h4 { color: #000000; line-height: 28px; } .our-blog-section .our-blogs .blogs-info h4:hover { color: #1C5B91; } .our-blog-section .our-blogs .blogs-info p { font-size: 13px; } .our-blog-section .our-blogs .blogs-nav { border: 1px solid #E8EEFF; padding: 10px; border-top: 0; } .our-blog-section .our-blogs .blogs-nav .blogs-btn { background: #1C5B90; border-radius: 30px; color: #ffffff; padding: 8px 10px; display: block; width: 110px; text-align: center; font-size: 12px; } .our-blog-section .our-blogs .blogs-nav .blogs-btn:hover { background-color: #0E82FD; } .our-blog-section .our-blogs:hover .blogs-img .blogs-overlay .blogs-writter { display: block; } .blogs-time { color: #17418E !important; } .booking-doc-info .booking-doc-img { width: 80px; margin-right: 15px; } @media (max-width: 767.98px) { .booking-doc-info .booking-doc-img { width: 75px; } } @media (max-width: 575.98px) { .booking-doc-info .booking-doc-img { width: 70px; } } .booking-doc-info .booking-doc-img img { height: 80px; width: 80px; object-fit: cover; border-radius: 4px; } @media (max-width: 767.98px) { .booking-doc-info .booking-doc-img img { height: 75px; width: 75px; } } @media (max-width: 575.98px) { .booking-doc-info .booking-doc-img img { height: 70px; width: 70px; } } .schedule-widget { min-height: 100px; border-radius: 4px; } .schedule-widget .schedule-header { border-bottom: 1px solid #f0f0f0; padding: 10px 20px; border-radius: 4px 4px 0 0; } .schedule-widget .schedule-header h4 { font-size: 18px; font-weight: 600; margin: 3px 0 0; } .day-slot ul { float: left; list-style: none; position: relative; width: 100%; margin: auto -5px 0 -5px; padding: 0; } .day-slot ul li { float: left; padding-left: 5px; padding-right: 5px; text-align: center; width: 14.28%; } .day-slot ul li span { display: block; font-size: 18px; text-transform: uppercase; } @media (max-width: 767.98px) { .day-slot ul li span { font-size: 16px; text-transform: unset; } } .day-slot ul li span.slot-date { display: block; color: #757575; font-size: 14px; } .day-slot ul li small.slot-year { color: #757575; font-size: 14px; } @media (max-width: 767.98px) { .day-slot ul li small.slot-year { display: none; } } .day-slot ul li.left-arrow { text-align: center; width: 20px !important; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 50%; left: 0; padding: 0; } @media (max-width: 991.98px) { .day-slot ul li.left-arrow { left: -10px; } } .day-slot ul li.right-arrow { text-align: center; width: 20px !important; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 50%; right: -11px; padding: 0; } .schedule-cont { padding: 20px; } .time-slot ul { list-style: none; margin: auto -5px 0 -5px; padding: 0; } .time-slot ul li { float: left; padding-left: 5px; padding-right: 5px; width: 14.28%; } .time-slot ul li .timing { background-color: #e9e9e9; border: 1px solid #e9e9e9; border-radius: 3px; color: #757575; display: block; font-size: 14px; margin-bottom: 10px; padding: 5px 5px; text-align: center; position: relative; } .time-slot ul li .timing:hover { background-color: #ffffff; } .time-slot ul li .timing:last-child { margin-bottom: 0; } .time-slot ul li .timing.selected { background-color: #42c0fb; border: 1px solid #42c0fb; color: #ffffff; } .time-slot ul li .timing.selected::before { color: #ffffff; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-size: 12px; font-weight: 900; position: absolute; top: 6px; right: 6px; } @media (max-width: 991.98px) { .time-slot ul li .timing.selected::before { display: none; } } .time-slot ul li .timing.selected:hover { color: #757575; } .time-slot ul li .timing.selected:hover::before { color: #757575; } .schedule-list { border-bottom: 1px solid #cfcfcf; margin-bottom: 50px; padding-bottom: 50px; } .schedule-list:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .submit-section.proceed-btn { margin: 0 0 30px; } @media (max-width: 767.98px) { .submit-section.proceed-btn { margin-bottom: 20px; } } .tab-content.schedule-cont .card-title { margin-bottom: 10px; } .doc-slot-list { background-color: #d9534f; border: 1px solid #d43f3a; color: #ffffff; font-size: 14px; margin: 10px 10px 0 0; padding: 6px 15px; border-radius: 4px; } .doc-slot-list a { color: #e48784; display: inline-block; margin-left: 5px; } .doc-slot-list a:hover { color: #ffffff; } .schedule-nav .nav-tabs { border: 0 !important; } .schedule-nav .nav-tabs li { display: inline-block; flex-grow: inherit; margin: 5px 15px 5px 0; } @media (max-width: 479.98px) { .schedule-nav .nav-tabs li { display: block; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0; } } .schedule-nav .nav-tabs li:last-child { margin-right: 0; } .schedule-nav .nav-tabs li a.active { background: #ff4877; border: 1px solid #ff4877 !important; color: #ffffff; } .schedule-nav .nav-tabs > li > a { border: 1px solid #dcddea; text-transform: uppercase; border-radius: 4px; padding: 6px 15px; } .hours-info .form-control { min-height: auto; } .hours-info .btn.btn-danger.trash { height: 38px; width: 100%; } .add-more a { color: #20c0f3; } .edit-link { color: #20c0f3; font-size: 16px; margin-top: 4px; } @media (max-width: 575.98px) { .edit-link { font-size: 14px; margin-top: 2px; } } .submit-section .submit-btn { padding: 12px 30px; font-weight: 600; font-size: 16px; min-width: 120px; } @media (max-width: 767.98px) { .submit-section .submit-btn { padding: 10px 20px; font-size: 15px; min-width: 105px; } } .success-card .card-body { padding: 50px 20px; } .success-cont { text-align: center; } .success-cont i { color: #ffffff; width: 60px; height: 60px; border: 2px solid #09e5ab; font-size: 30px; margin-bottom: 30px; background-color: #09e5ab; border-radius: 50%; } .success-cont h3 { font-size: 24px; } @media (max-width: 767.98px) { .success-cont h3 { font-size: 22px; } } .success-cont p { margin-bottom: 30px; } .success-cont strong { font-weight: 700; } @media (max-width: 575.98px) { .booking-schedule.schedule-widget { overflow-x: auto; } } @media (max-width: 575.98px) { .booking-schedule.schedule-widget > div { width: 730px; } } @media (max-width: 575.98px) { .booking-schedule .day-slot ul { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 575.98px) { .booking-schedule .day-slot ul li { -ms-flex: 0 0 100px; flex: 0 0 100px; width: 100px; } } @media (max-width: 575.98px) { .booking-schedule .day-slot ul li.right-arrow { right: -20px; } } @media (max-width: 575.98px) { .booking-schedule .time-slot ul { display: flex; } } @media (max-width: 575.98px) { .booking-schedule .time-slot ul li { -ms-flex: 0 0 100px; flex: 0 0 100px; width: 100px; } } @media (max-width: 767.98px) { .booking-schedule .time-slot ul li .timing span { display: block; } } @media (max-width: 575.98px) { .booking-schedule .time-slot ul li .timing span { display: inline-block; } } .visits .visit-btns { color: #272b41; background-color: #ffffff; width: 80%; margin-bottom: 10px; display: block; outline: unset; cursor: pointer; } .visits input:checked ~ .visit-rsn { background-color: #09e5ab; color: #ffffff; border-radius: 4px; } .visits input:checked ~ .visit-rsn:before { opacity: 1; } .visits input:disabled ~ .visit-rsn { background-color: #e30303; color: #ffffff; border-radius: 5px; } .visits input.form-check-input { opacity: 0; visibility: hidden; margin-left: 0; position: absolute; top: 0; left: 0; } .visits .form-check-input { opacity: 0; } .visits span.visit-rsn { background: #F3F9FF; border: 0; border-radius: 5px; color: #64627C; display: inline-block; font-size: 14px; margin-bottom: 0px; text-align: center; position: relative; font-weight: 600; min-width: 133px; width: 100%; padding: 13px 5px; } .visits span.visit-rsn:before { color: #09e5ab; background-color: #ffffff; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-size: 10px; font-weight: 900; border-radius: 50px; width: 18px; height: 18px; opacity: 0; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .back-link { padding-bottom: 30px; } .back-link a { font-size: 15px; color: #959595; } .back-link a:hover { color: #09e5ab; } .back-link a i { margin-right: 10px; } @media (max-width: 767.98px) { .back-link { padding-bottom: 25px; } } .booking-header { padding-bottom: 25px; } .booking-header .booking-title { font-weight: 500; font-size: 18px; margin-bottom: 0; } @media (max-width: 767.98px) { .booking-header { padding-bottom: 20px; } } .booking-date.choose-date-book { padding-bottom: 30px; } .booking-date.choose-date-book p { color: #8C8C8C; margin: 0 10px 0 0; padding: 0; margin-right: 10px; margin-bottom: 0; } @media (max-width: 767.98px) { .booking-date.choose-date-book p { margin: 0 0 10px 0; padding: 0; } } @media (max-width: 767.98px) { .booking-date.choose-date-book { display: block; padding-bottom: 20px; } } .booking-date-slider { padding-bottom: 30px; } .booking-range .btn { background: #ffffff; border: 1px solid #E4E4E8; border-radius: 6px; font-size: 14px; font-weight: normal; color: #4A4A4A; margin: 0; padding: 10px 15px; } @media (max-width: 767.98px) { .booking-range .btn { font-size: 13px; margin: 0; padding: 10px; position: relative; } } .booking-range img { margin-right: 10px; } .booking-range i { font-size: 16px; margin-left: 10px; color: #5B5B5B; } .booking-device-img { margin-right: 15px; } .booking-device-img img { max-width: inherit; } .booking-doctor-info h3 { font-weight: 500; font-size: 16px; margin-bottom: 5px; } .booking-doctor-info .device-text { margin-bottom: 12px; } .booking-doctor-info .btn { font-weight: 500; font-size: 14px; margin: 0; padding: 4px 10px; min-width: 109px; color: #0E82FD; background: #ffffff; border: 2px solid #0E82FD; box-shadow: inset 0 0 0 0 #0E82FD; border-radius: 6px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .booking-doctor-info .btn:hover { color: #ffffff; background: #0E82FD; box-shadow: inset 0 0 0 50px #0E82FD; border: 2px solid #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .time-slot.time-slot-blk { text-align: center; } .time-slot.time-slot-blk h4 { font-weight: 500; font-size: 16px; margin-bottom: 20px; } .time-slot.time-slot-blk ul { list-style: none; margin: 0; padding: 0; } .time-slot.time-slot-blk ul li { display: block; margin-bottom: 15px; float: inherit; width: 100%; } .time-slot.time-slot-blk li:last-child { margin-bottom: 0; } .time-slot.time-slot-blk li .timing { background: #F5F5F5; border: 2px solid #F3F3F3; border-radius: 8px; color: #595959; margin: 0; padding: 10px 15px; text-align: center; position: relative; box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .time-slot.time-slot-blk li .timing:hover { background: #ffffff; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .time-slot.time-slot-blk li .timing.active { background: #0E82FD; border: 2px solid #0E82FD; color: #ffffff; box-shadow: inset 0 0 0 0 #0E82FD; } .time-slot.time-slot-blk li .timing.active:hover { background: #0E82FD; border: 2px solid #0E82FD; color: #ffffff; box-shadow: inset 0 0 0 50px #0E82FD; } .time-slot.time-slot-blk li .timing i { margin-right: 4px; } .time-slot.time-slot-blk li .load-more-timings a { font-weight: 500; text-decoration: underline; color: #0E82FD; } .time-slot.time-slot-blk li .load-more-timings a:hover { color: #000000; } .time-slot.time-slot-blk .time-slot-open { display: none; } @media (max-width: 991.98px) { .time-slot.time-slot-blk { padding-bottom: 15px; } } .date-slider { text-align: center; list-style: none; margin: 0; padding: 0; } .date-slider .slick-slide { display: block; margin: 0; padding: 0 5px; } .date-slider li h4 { font-weight: 500; font-size: 16px; color: #B9B9B9; margin-bottom: 5px; } @media (max-width: 1199.98px) { .date-slider li h4 { font-size: 13px; } } @media (max-width: 991.98px) { .date-slider li h4 { font-size: 16px; } } .date-slider li p { color: #D4D4D4; margin-bottom: 0; } .date-slider li.active h4 { color: #000000; } .date-slider li.active p { color: #AAAAAA; } .date-slider .slick-prev:before { content: " \e92f"; } .date-slider .slick-next:before { content: " \e930"; } .date-slider .slick-prev, .date-slider .slick-next { background: transparent; color: #000000; line-height: normal; box-shadow: none; width: 30px; height: 30px; } .date-slider .slick-prev:hover, .date-slider .slick-prev:focus, .date-slider .slick-next:hover, .date-slider .slick-next:focus { background-color: transparent; color: #09e5ab; opacity: 1; } .date-slider .slick-prev:hover:before, .date-slider .slick-prev:focus:before, .date-slider .slick-next:hover:before, .date-slider .slick-next:focus:before { color: #09e5ab; } .date-slider .slick-prev:before, .date-slider .slick-next:before { font-family: "feather"; font-size: 26px; } .date-slider .slick-prev { left: -12px; } .date-slider .slick-next { right: -12px; } .content.content-space { padding: 80px 0px; } @media (max-width: 991.98px) { .content.content-space { padding: 50px 0px; } } .prime-btn { background-color: #0E82FD; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 0 #ffffff; } .prime-btn:hover { color: #0E82FD; background-color: #ffffff; border-color: #0E82FD; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .prime-btn:hover i { color: #0E82FD; } .attachment-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; background: #FFFFFF; border: 1px solid #E4E4E8; border-radius: 8px; padding: 6px 15px; } .attachment-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .attachment-icon { font-size: 24px; color: #9D9D9D; margin-right: 12px; } .attachment-content p { color: #54595E; margin-bottom: 0; } .attachment-content span { font-size: 12px; color: #54595E; } .attachment-close a { font-size: 22px; color: #ABB5BE; } .attachment-close a:hover { color: #0E82FD; } .paitent-appointment .forms-block { margin-bottom: 25px; } .paitent-appointment .forms-block .form-group-title { font-weight: 500; margin-bottom: 10px; display: block; } .paitent-appointment .forms-block .form-group-title i { font-size: 16px; } .paitent-appointment .forms-block .form-group-title span { font-weight: 400; font-size: 12px; color: #A3A3A3; } .paitent-appointment .forms-block .custom_radio { margin-bottom: 0; padding-left: 25px; } .paitent-appointment .form-control::placeholder { font-weight: 500; color: #9E9E9E; } .paitent-appointment textarea.form-control { resize: none; min-height: 100px; } .paitent-appointment .characters-text { font-size: 12px; color: #9E9E9E; text-align: right; margin-top: 8px; margin-bottom: 0; } .form-group-flex .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #292929; padding: 3px 5px; margin-bottom: 10px; min-width: 60px; background: #E0EFFF; border: 1px solid #E0EFFF; border-radius: 4px; box-shadow: inset 0 0 0 0 #0E82FD; -webkit-transition: 0.7s; -moz-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; } .form-group-flex .btn:hover { color: #FFFFFF; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 50px #0E82FD; -webkit-transition: 0.7s; -moz-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; } .form-group-flex .btn i { font-size: 16px; margin-right: 2px; } @media (max-width: 479.98px) { .schedule-calendar-col form { flex-direction: column; } .schedule-calendar-col form .me-3.d-flex { margin-right: 0 !important; } .search-time-mobile input { margin-top: 10px; width: 100%; } .bookingrange.btn.btn-white { font-size: 13px; } } .bookingrange.btn.btn-white:hover { border-color: #cccccc; } .widget-profile { background-color: #ffffff; border-bottom: 1px solid #f0f0f0; } .widget-profile .profile-info-widget { display: block !important; text-align: center !important; } .widget-profile .profile-info-widget .booking-doc-img { display: inline-block; width: auto; background-color: #f7f7f7; margin: 0 0 15px !important; padding: 8px; border-radius: 50%; } .widget-profile .profile-info-widget .booking-doc-img img { height: 120px !important; width: 120px !important; border-radius: 50% !important; } .widget-profile.pat-widget-profile .profile-info-widget .booking-doc-img { padding: 0; } .widget-profile.pat-widget-profile .profile-info-widget .booking-doc-img img { height: 100px !important; width: 100px !important; border-radius: 50%; } .appointment-list .profile-info-widget { margin-right: auto; text-align: left; } @media (max-width: 479.98px) { .appointment-list .profile-info-widget { text-align: center; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 479.98px) { .appointment-list .profile-info-widget .booking-doc-img { margin: 0 0 15px; } } .appointment-list .profile-info-widget .booking-doc-img img { height: 120px; object-fit: cover; width: 120px; border-radius: 4px; } @media (max-width: 479.98px) { .appointment-list .profile-info-widget .booking-doc-img img { height: 100px; width: 100px; border-radius: 50%; } } @media (max-width: 479.98px) { .appointment-list .profile-det-info { margin-bottom: 15px; } } .appointments .appointment-list { background-color: #ffffff; border: 1px solid #f0f0f0; margin: 0 0 20px; padding: 20px; border-radius: 4px; } .appointments .appointment-list:last-child { margin-bottom: 30px; } @media (max-width: 991.98px) { .appointments .appointment-list { display: block; } } @media (max-width: 1199.98px) { .appointments .appointment-list { flex-direction: column; } } @media (max-width: 479.98px) { .appointments .appointment-list { text-align: center; } } @media (max-width: 479.98px) { .appointments .appointment-list .profile-det-info { margin-bottom: 15px; } } @media (max-width: 1199.98px) { .appointments .appointment-action { margin-top: 10px; } } @media (max-width: 479.98px) { .appointments .appointment-action { margin-top: 0; } } .appointments .appointment-action a { font-size: 13px; } .appointments .appointment-action a + a { margin-left: 5px; } .info-details { list-style: none; margin: 0; padding: 0; } .info-details li { margin-bottom: 10px; } .info-details li:last-child { margin-bottom: 0; } .info-details li .title { color: #272b41; font-weight: 500; } .info-details li .text { color: #757575; display: block; font-size: 16px; overflow: hidden; } .clinic-direction { color: #757575; font-size: 14px; margin-bottom: 25px; } .clinic-direction a { color: #09e5ab; font-weight: 500; } .doctor-action { margin-bottom: 15px; } @media (max-width: 767.98px) { .doctor-action { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; } } .doctor-action a + a { margin-left: 8px; } .doctor-action .fav-btn:hover { background-color: #fb1612; border-color: #fb1612; color: #ffffff; } .msg-btn:hover, .msg-btn:focus { background-color: #09e5ab; border-color: #09e5ab; color: #ffffff; } call-btn:hover, call-btn:focus { background-color: #09e5ab; border-color: #09e5ab; color: #ffffff; } @media (max-width: 767.98px) { .user-tabs { margin-top: 1.5rem; } } @media (max-width: 767.98px) { .user-tabs .nav-tabs { border-bottom: 0; position: relative; background-color: #ffffff; padding: 5px 0; border: 1px solid #dddddd; border-radius: 3px; } } .user-tabs .nav-tabs > li > a { border: 0; border-bottom: 3px solid transparent; color: #3e3e3e; font-weight: 700; padding: 20px; } .user-tabs .nav-tabs > li > a:hover { background-color: unset; color: #20c0f3; } @media (max-width: 767.98px) { .user-tabs .nav-tabs > li > a { border-left: 2px solid transparent; border-bottom: 0; padding: 0.5rem 1rem; } } @media (max-width: 767.98px) { .user-tabs .nav-tabs.nav-justified { border-bottom: 1px solid #dddddd; } } @media (max-width: 767.98px) { .user-tabs .nav-tabs .nav-item { -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media (max-width: 479.98px) { .user-tabs .nav-tabs .nav-item { -ms-flex: 0 0 100%; flex: 0 0 100%; } } .user-tabs .nav-tabs.nav-tabs-bottom > li > a.active, .user-tabs .nav-tabs.nav-tabs-bottom > li > a.active:hover, .user-tabs .nav-tabs.nav-tabs-bottom > li > a.active:focus { border-bottom-width: 3px; color: #20c0f3; } @media (max-width: 767.98px) { .user-tabs .nav-tabs.nav-tabs-bottom > li > a.active, .user-tabs .nav-tabs.nav-tabs-bottom > li > a.active:hover, .user-tabs .nav-tabs.nav-tabs-bottom > li > a.active:focus { border-left-width: 2px; color: #20c0f3; } } .user-tabs .med-records { display: inline-block; min-width: 130px; } @media (max-width: 575.98px) { .user-tabs .med-records { min-width: 110px; } } .widget { margin-bottom: 30px; } .widget-title { margin-bottom: 15px; } .experience-box { position: relative; } .experience-list { list-style: none; position: relative; margin: 0; padding: 0; } .experience-list::before { background: #dddddd; bottom: 0; content: ""; width: 2px; position: absolute; top: 8px; left: 8px; } .experience-list li { position: relative; } .experience-list li:last-child .experience-content { margin-bottom: 0; } .experience-list > li .experience-user { background: #ffffff; height: 10px; width: 10px; position: absolute; top: 4px; left: 4px; margin: 0; padding: 0; } .experience-list > li .experience-content { background-color: #ffffff; position: relative; margin: 0 0 20px 40px; padding: 0; } .experience-list > li .experience-content .timeline-content { color: #757575; } .experience-list > li .experience-content .timeline-content a.name { font-weight: 500; } .experience-list > li .time { color: #757575; display: block; font-size: 13px; } .experience-user .avatar { height: 32px; line-height: 32px; width: 32px; margin: 0; } .before-circle { background-color: rgba(32, 192, 243, 0.2); height: 12px; width: 12px; border: 2px solid #20c0f3; border-radius: 50%; } .exp-year { color: #20c0f3; margin-bottom: 2px; } .exp-title { font-size: 16px; } @media (max-width: 767.98px) { .exp-title { font-size: 14px; } } .awards-widget .experience-list > li:last-child p { margin-bottom: 0; } .service-list { margin-bottom: 30px; } .service-list:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .service-list ul { list-style: none; margin: 0; padding: 0; } .service-list ul li { float: left; padding-left: 25px; position: relative; width: 33%; margin: 6px 0; } @media (max-width: 767.98px) { .service-list ul li { width: 50%; } } @media (max-width: 575.98px) { .service-list ul li { width: 100%; } } .service-list ul li::before { color: #cccccc; content: "\f30b"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; } .location-list { border: 1px solid #f0f0f0; border-radius: 4px; padding: 20px; } .location-list + .location-list { margin-top: 20px; } .location-list .consult-price { font-size: 20px; font-weight: 500; color: #272b41; } .clinic-content .clinic-name { font-size: 18px; font-weight: 500; margin-bottom: 3px; } .clinic-content .clinic-direction a { display: inline-block; margin-top: 8px; } .timings-days { font-weight: 700; color: #272b41; margin-bottom: 5px; } .timings-times span { display: block; } .timings-times span:last-child { margin-bottom: 1rem; } .review-listing { border-bottom: 1px solid #f5f7fc; margin-top: 20px; padding-bottom: 30px; } .review-listing > ul { list-style: none; margin: 0; padding: 0; } .review-listing > ul li + li { margin-top: 20px; border-top: 1px dashed #f0f0f0; padding-top: 20px; } .review-listing > ul li .comment { margin-bottom: 30px; } .review-listing > ul li .comment:last-child { margin-bottom: 0; } .review-listing > ul li .comment .comment-body { margin-left: 16px; } .review-listing > ul li .comment .comment-body .meta-data { position: relative; margin-bottom: 10px; } .review-listing > ul li .comment .comment-body .meta-data span { display: block; font-size: 16px; color: #757575; } .review-listing > ul li .comment .comment-body .meta-data span.comment-author { font-weight: 600; color: #272b41; text-transform: capitalize; } .review-listing > ul li .comment .comment-body .meta-data span.comment-date { font-size: 14px; } @media (max-width: 767.98px) { .review-listing > ul li .comment .comment-body .meta-data span.comment-date { margin-bottom: 5px; } } .review-listing > ul li .comment .comment-body .meta-data .review-count { width: auto; position: absolute; top: 3px; right: 0; } @media (max-width: 767.98px) { .review-listing > ul li .comment .comment-body .meta-data .review-count { position: unset; } } .review-listing > ul li .comment .comment-body .comment-content { color: #757575; margin-top: 15px; margin-bottom: 15px; font-size: 14px; } .review-listing > ul li .comment .comment-body .comment-reply .comment-btn { color: #20c0f3; display: inline-block; font-weight: 500; font-size: 15px; } .review-listing > ul li .comments-reply { list-style: none; margin-left: 65px; padding: 0; } @media (max-width: 479.98px) { .review-listing > ul li .comments-reply { margin-left: 0; } } .review-listing .recommend-btn { float: right; color: #757575; font-size: 14px; padding: 5px 0; margin-bottom: 0; } @media (max-width: 991.98px) { .review-listing .recommend-btn { float: none; } } .review-listing .recommend-btn a { border: 1px solid rgba(128, 137, 150, 0.4); display: inline-block; color: #757575; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; border-radius: 4px; margin: 0 3px; padding: 4px 12px; } .review-listing .recommend-btn a.like-btn:hover { background-color: #28a745; border: 1px solid #28a745; color: #ffffff; } .review-listing .recommend-btn a.dislike-btn:hover { background-color: #dc3545; border: 1px solid #dc3545; color: #ffffff; } .review-listing .recommend-btn a i { font-size: 16px; } @media (max-width: 479.98px) { .review-listing .recommend-btn span { display: block; margin-bottom: 10px; } } .recommended { color: #28a745; font-size: 15px; font-weight: 500; margin: 0; } .all-feedback { margin-top: 20px; } .star-rating { direction: rtl; } .star-rating input[type=radio] { display: none; } .star-rating input[type=radio]:checked ~ label { color: #f2b600; } .star-rating label { color: #bbb; cursor: pointer; font-size: 18px; padding: 0; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .star-rating label:hover, .star-rating label:hover ~ label { color: #f2b600; } .terms-accept a { color: #20c0f3; font-weight: 500; } .business-widget { background-color: #fcfcfc; border: 1px solid #f0f0f0; margin-bottom: 0; padding: 20px; } .listing-day { color: #000000; margin-bottom: 10px; } .listing-day:last-child { margin-bottom: 0; } .listing-day.current { border-bottom: 1px solid #dddddd; padding-bottom: 13px; margin-bottom: 13px; } .listing-day.current .day { font-weight: 700; } .listing-day .day { font-weight: 500; } .listing-day .day span { display: block; font-weight: normal; } .time-items { color: #757575; } .time-items > span { display: block; text-align: right; } .time-items > span.open-status { margin-bottom: 3px; } .dropzone .dz-preview.dz-error:hover .dz-error-message { display: none; } .upload-wrap .upload-images + .upload-images { margin-left: 20px; } .upload-images { position: relative; width: 80px; } .upload-images img { height: 80px; width: auto; border-radius: 4px; } .contact-card .card-body { padding-bottom: 0.625rem; } .custom_price_cont { margin-top: 20px; } .btn.btn-danger.trash { height: 46px; width: 46px; } @media (max-width: 767.98px) { .btn.btn-danger.trash { margin-bottom: 20px; } } .add-more a { color: #20c0f3; } .bootstrap-tagsinput { border-color: #dcdcdc; box-shadow: inherit; min-height: 46px; width: 100%; border-radius: 0; } .bootstrap-tagsinput.focus { border-color: #bbb; } .bootstrap-tagsinput .tag { background-color: #20c0f3; color: #6B7280; display: inline-block; font-size: 14px; font-weight: normal; margin-right: 2px; border-radius: 0; padding: 8px 15px; } .services-card .bootstrap-tagsinput input { width: 160px; } .submit-section .submit-btn { font-weight: 700; font-size: 16px; min-width: 120px; padding: 12px 30px; } .submit-section .submit-btn + .submit-btn { margin-left: 15px; } @media (max-width: 767.98px) { .submit-section .submit-btn { font-size: 15px; min-width: 105px; padding: 10px 20px; } } .profile-sidebar { background-color: #ffffff; border: 1px solid #f0f0f0; margin-bottom: 30px; overflow: hidden; border-radius: 4px; } @media (max-width: 767.98px) { .profile-sidebar { margin-bottom: 20px !important; } } .profile-sidebar .pro-widget-content { border-bottom: 1px solid #f0f0f0; margin: 0; padding: 20px; text-align: center; } .profile-sidebar .dashboard-menu ul { color: #757575; font-size: 14px; line-height: 17px; list-style: none; text-transform: capitalize; margin: 0; padding: 0; } .profile-sidebar .dashboard-menu ul li { line-height: inherit; } .profile-sidebar .dashboard-menu ul li a i { font-size: 16px; margin-right: 10px; width: 16px; } .profile-sidebar .dashboard-menu ul li a span, .profile-sidebar .dashboard-menu ul li a i { display: inline-block; vertical-align: middle; } .profile-sidebar .dashboard-menu ul li .unread-msg { background-color: #09e5ab; color: #272b41; font-size: 10px; font-style: normal; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); border-radius: 2px; position: absolute; top: 50%; right: 20px; padding: 0 5px; } .profile-sidebar .dashboard-menu > ul > li { border-bottom: 1px solid #f0f0f0; position: relative; } .profile-sidebar .dashboard-menu > ul > li:last-child { border-bottom: 0; } .profile-sidebar .dashboard-menu > ul > li a { color: #757575; display: block; padding: 16px 20px; } .profile-sidebar .dashboard-menu > ul > li:hover > a { color: #0de0fe; } .profile-sidebar .dashboard-menu > ul > li.active > a { color: #0de0fe; } @media (max-width: 1199.98px) { .dash-card .dash-widget { -ms-flex-direction: column; flex-direction: column; text-align: center; } } @media (max-width: 991.98px) { .dash-card .dash-widget { flex-direction: unset; text-align: left; } } .dash-card .dash-widget .circle-bar { margin-right: 15px; } @media (max-width: 1199.98px) { .dash-card .dash-widget .circle-bar { margin: 0 0 15px; } } @media (max-width: 991.98px) { .dash-card .dash-widget .circle-bar { margin: 0 15px 0 0; } } .dash-card .dash-widget .circle-bar > div { display: inline-block; position: relative; text-align: center; } .dash-card .dash-widget .circle-bar > div img { text-align: center; margin: 0 auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 50%; right: 0; left: 0; } .dash-card .dash-widget .circle-bar > div canvas { width: 90px !important; height: 90px !important; } .dash-card .dash-widget.dct-border-rht { border-right: 1px solid #f0f0f0; } @media (max-width: 991.98px) { .dash-card .dash-widget.dct-border-rht { border-bottom: 1px solid #f0f0f0; border-right: 0; margin-bottom: 20px; padding-bottom: 15px; } } .dash-card .dash-widget h6 { font-size: 16px; font-weight: 400; } @media (max-width: 767.98px) { .dash-card .dash-widget h6 { font-size: 15px; } } .dash-card .dash-widget h3 { font-size: 24px; margin-bottom: 5px; } @media (max-width: 767.98px) { .dash-card .dash-widget h3 { font-size: 20px; } } .dash-card .dash-widget p { color: #757575; font-size: 14px; margin-bottom: 0; } @media (max-width: 767.98px) { .dash-card .dash-widget p { font-size: 13px; } } .dash-card .row { margin-left: -10px; margin-right: -10px; } .dash-card .row > div { padding-left: 10px; padding-right: 10px; } .appointment-tab { margin-bottom: 30px; } @media (max-width: 767.98px) { .appointment-tab { margin-bottom: 20px; } } .appointment-tab .nav-tabs { background-color: #ffffff; border: 1px solid #f0f0f0; border-radius: 0.25rem 0.25rem 0 0 !important; border-bottom: 0; padding: 1.5rem; } @media (max-width: 767.98px) { .appointment-tab .nav-tabs { padding: 1.5rem; } } .appointment-tab .tab-content { padding-top: 0; } .appointment-tab .card { border-radius: 0; } .profile-det-info { overflow: hidden; } .profile-det-info h3 { font-size: 17px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .profile-det-info .patient-details h5 { color: #757575; font-size: 13px; font-weight: normal; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .profile-det-info .patient-details h5 i { width: 18px; } .profile-info-widget { text-align: left; } .profile-info-widget .booking-doc-img { margin-right: 15px; } .profile-info-widget .booking-doc-img img { height: 90px; width: 90px; object-fit: cover; border-radius: 4px; } .change-avatar .profile-img { margin-right: 15px; } .change-avatar .profile-img img { height: 100px; width: 100px; object-fit: cover; border-radius: 4px; } @media (max-width: 575.98px) { .change-avatar .profile-img img { height: 80px; width: 80px; } } .change-avatar .change-photo-btn { margin: 0 0 10px; width: 150px; } .change-avatar .change-photo-btn input.upload { bottom: 0; cursor: pointer; filter: alpha(opacity=0); opacity: 0; width: 220px; margin: 0; padding: 0; position: absolute; top: 0; right: 0; left: 0; } .dropzone { background-color: #fbfbfb; border: 2px dashed rgba(0, 0, 0, 0.1); } .profile-image img { margin-bottom: 1.5rem; } .biller-info, .billing-info { margin-bottom: 15px; } .add-more-item { margin-bottom: 10px; } .add-more-item a { color: #0de0fe; font-weight: 500; } .signature-wrap { float: right; margin-bottom: 20px; text-align: center; width: 220px; } .signature { border: 2px dashed #cccccc; color: #272b41; cursor: pointer; height: 85px; margin-bottom: 15px; width: 100%; border-radius: 4px; } .signature:hover { background-color: #fcfcfc; } .signature .sign-name { width: 100%; float: right; } .pat-widget-profile .pro-widget-content { padding: 0 0 20px; } .pat-widget-profile .booking-date li { font-size: 14px; } .pat-widget-profile .booking-date li span { font-size: 14px; } .edit-billing-content table td input { min-width: 300px; } .add-new-btn { background-color: #0de0fe; color: #ffffff; display: inline-block; font-weight: 500; margin: 0 0 20px; padding: 10px 20px; border-radius: 30px; } .add-new-btn:focus, .add-new-btn:hover, .add-new-btn.active { background-color: #0de0fe; color: #ffffff; } .patient-info { margin-top: 15px; } .patient-info ul { list-style: none; font-size: 0.875rem; margin: 0; padding: 0; } .patient-info ul li { position: relative; font-size: 0.875rem; font-weight: 500; color: #272b41; text-transform: capitalize; } .patient-info ul li + li { margin-top: 15px; } .patient-info ul li i { width: 18px; } .patient-info ul li span { color: #757575; float: right; font-weight: 400; } .profile-sidebar { background-color: #ffffff; border: 1px solid #f0f0f0; margin-bottom: 30px; overflow: hidden; border-radius: 4px; } .pro-widget-content { border-bottom: 1px solid #f0f0f0; text-align: center; padding: 20px; } .profile-info-widget { text-align: left; } .profile-info-widget .booking-doc-img { margin-right: 15px; } .profile-info-widget .booking-doc-img img { height: 90px; width: 90px; object-fit: cover; border-radius: 4px; } .profile-det-info { overflow: hidden; } .profile-det-info h3 { font-size: 17px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .patient-details h5 { color: #757575; font-size: 13px; font-weight: normal; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .patient-details h5 i { width: 18px; } .dashboard-menu ul { color: #757575; font-size: 14px; line-height: 17px; list-style: none; text-transform: capitalize; margin: 0; padding: 0; } .dashboard-menu ul li { line-height: inherit; } .dashboard-menu ul li a i { font-size: 16px; margin-right: 10px; width: 16px; display: inline-block; vertical-align: middle; } .dashboard-menu ul li a span { display: inline-block; vertical-align: middle; } .dashboard-menu > ul > li { border-bottom: 1px solid #f0f0f0; position: relative; } .dashboard-menu > ul > li :last-child { border-bottom: 0; } .dashboard-menu > ul > li > a { color: #757575; display: block; padding: 16px 20px; } .dashboard-menu > ul > li:hover > a, .dashboard-menu > ul > li.active > a { color: #0de0fe; } .unread-msg { background-color: #09e5ab; color: #272b41; font-size: 10px; font-style: normal; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 50%; right: 20px; padding: 0 5px; border-radius: 2px; } .patient-dashboard-top > div { width: 100%; } .patient-dashboard-top h6 { font-size: 18px; margin-bottom: 0; } .patient-dashboard-top h6 sub { font-size: 12px; } .patient-graph-col .graph-box { background: #7289DE; border-bottom: 8px solid #6A5DEE; width: 100%; margin: 15px 0; padding: 22px; } .patient-graph-col .graph-box.pink-graph { background-color: #ffa69e; border-bottom: 8px solid #ffa69e; } .patient-graph-col .graph-box.sky-blue-graph { background-color: #a9d4ff; border-bottom: 8px solid #8ec4ff; } .patient-graph-col .graph-box.orange-graph { background-color: #ffb88e; border-bottom: 8px solid #ffb88e; } .patient-graph-col .graph-box h4 { color: #ffffff; margin-bottom: 15px; text-align: center; } .patient-graph-col .graph-box > div { width: 100%; } .patient-graph-col .graph-box .graph-img { text-align: center; margin: 0 auto; width: 100%; } .patient-graph-col .graph-box .graph-status-result h3 { color: #ffffff; margin-bottom: 0; line-height: 0.9; width: 100%; } .patient-graph-col .graph-box .graph-status-result span.graph-update-date { color: #ffffff; font-weight: 500; opacity: 0.7; text-align: center; width: 100%; } .chat-page .footer { display: none; } .chat-window { position: relative; } .chat-window .chat-cont-left { border-right: 1px solid #f0f0f0; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; z-index: 4; position: relative; left: 0; } @media (max-width: 1199.98px) { .chat-window .chat-cont-left { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } } @media (max-width: 991.98px) { .chat-window .chat-cont-left { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; transition: left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s; width: 100%; border-right: 0; } } @media (max-width: 479.98px) { .chat-window .chat-cont-left a.notify-block .media-body > div:first-child .user-name, .chat-window .chat-cont-left a.notify-block .media-body > div:first-child .user-last-chat { max-width: 160px; } } .chat-window .chat-cont-left .chat-header { background-color: #ffffff; border-bottom: 1px solid #f0f0f0; color: #272b41; height: 72px; padding: 0 15px; } .chat-window .chat-cont-left .chat-header span { font-size: 20px; font-weight: 500; text-transform: capitalize; } .chat-window .chat-cont-left .chat-header .chat-compose { color: #8a8a8a; } .chat-window .chat-cont-left .chat-search { background-color: #f5f5f6; border-bottom: 1px solid #f3f3f3; padding: 10px 15px; width: 100%; } .chat-window .chat-cont-left .chat-search .input-group { width: 100%; } .chat-window .chat-cont-left .chat-search .input-group .form-control { background-color: #ffffff; padding-left: 36px; border-radius: 50px; } .chat-window .chat-cont-left .chat-search .input-group .form-control:focus { border-color: #cccccc; box-shadow: none; } .chat-window .chat-cont-left .chat-search .input-group .form-control::placeholder { font-size: 14px; } .chat-window .chat-cont-left .chat-search .input-group .input-group-prepend { color: #666; pointer-events: none; z-index: 4; position: absolute; top: 0; bottom: 0; left: 15px; } .chat-window .chat-cont-left .chat-users-list { background-color: #ffffff; } .chat-window .chat-cont-left .chat-users-list a.notify-block { border-bottom: 1px solid #f0f0f0; padding: 10px 15px; -webkit-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .chat-window .chat-cont-left .chat-users-list a.notify-block:last-child { border-bottom: 0; } .chat-window .chat-cont-left .chat-users-list a.notify-block .media-img-wrap { margin-right: 15px; position: relative; } .chat-window .chat-cont-left .chat-users-list a.notify-block .media-img-wrap .avatar { height: 45px; width: 45px; } .chat-window .chat-cont-left .chat-users-list a.notify-block .media-img-wrap .status { height: 10px; width: 10px; border: 2px solid #ffffff; position: absolute; right: 4px; bottom: 7px; } .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-name { max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #272b41; text-transform: capitalize; } @media (max-width: 1399.98px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-name { max-width: 180px; } } @media (max-width: 1199.98px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-name { max-width: 150px; } } @media (max-width: 767.98px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-name { max-width: 250px; } } @media (max-width: 479.98px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-name { max-width: 160px; } } .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-last-chat { max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #8a8a8a; font-size: 14px; line-height: 24px; } @media (max-width: 1399.98px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-last-chat { max-width: 180px; } } @media (max-width: 1199.98px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-last-chat { max-width: 150px; } } @media (max-width: 767.98px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-last-chat { max-width: 250px; } } @media (max-width: 479.98px) { .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:first-child .user-last-chat { max-width: 160px; } } .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:last-child { text-align: right; } .chat-window .chat-cont-left .chat-users-list a.notify-block .media-body > div:last-child .last-chat-time { color: #8a8a8a; font-size: 13px; } .chat-window .chat-cont-left .chat-users-list a.notify-block:hover { background-color: #f5f5f6; } .chat-window .chat-cont-left .chat-users-list a.notify-block.read-chat .media-body > div:last-child .last-chat-time { color: #8a8a8a; } .chat-window .chat-cont-left .chat-users-list a.notify-block.active { background-color: #f5f5f6; } .chat-window .chat-scroll { min-height: 300px; max-height: calc(100vh - 224px); overflow-y: auto; } .chat-window .chat-cont-right { -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; } @media (max-width: 1199.98px) { .chat-window .chat-cont-right { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } } @media (max-width: 991.98px) { .chat-window .chat-cont-right { opacity: 0; visibility: hidden; position: absolute; top: 0; right: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; transition: left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s; width: 100%; } } .chat-window .chat-cont-right .chat-header { background-color: #ffffff; border-bottom: 1px solid #f0f0f0; height: 72px; padding: 0 15px; } @media (max-width: 991.98px) { .chat-window .chat-cont-right .chat-header { justify-content: start; -webkit-justify-content: start; -ms-flex-pack: start; } } .chat-window .chat-cont-right .chat-header .back-user-list { display: none; margin-right: 5px; margin-left: -7px; } @media (max-width: 991.98px) { .chat-window .chat-cont-right .chat-header .back-user-list { display: block; } } .chat-window .chat-cont-right .chat-header .notify-block .media-img-wrap { position: relative; margin-right: 15px; } .chat-window .chat-cont-right .chat-header .notify-block .media-img-wrap .avatar { height: 50px; width: 50px; } .chat-window .chat-cont-right .chat-header .notify-block .media-img-wrap .status { border: 2px solid #ffffff; height: 10px; width: 10px; position: absolute; right: 3px; bottom: 0; } @media (max-width: 767.98px) { .chat-window .chat-cont-right .chat-header .notify-block .media-body { display: none; } } .chat-window .chat-cont-right .chat-header .notify-block .media-body .user-name { color: #272b41; font-size: 16px; font-weight: 500; text-transform: capitalize; } .chat-window .chat-cont-right .chat-header .notify-block .media-body .user-status { color: #666; font-size: 14px; } @media (max-width: 991.98px) { .chat-window .chat-cont-right .chat-header .chat-options { margin-left: auto; } } .chat-window .chat-cont-right .chat-header .chat-options > a { border-radius: 50%; height: 30px; color: #8a8a8a; margin-left: 10px; width: 30px; } .chat-window .chat-cont-right .chat-body { background-color: #f5f5f6; } .chat-window .chat-cont-right .chat-body ul.list-unstyled { width: 100%; margin: 0 auto; padding: 15px; } .chat-window .chat-cont-right .chat-body .notify-block .avatar { height: 30px; width: 30px; } .chat-window .chat-cont-right .chat-body .notify-block .media-body { margin-left: 20px; } .chat-window .chat-cont-right .chat-body .notify-block .media-body .msg-box > div { display: inline-block; position: relative; border-radius: 0.25rem; padding: 10px 15px; } .chat-window .chat-cont-right .chat-body .notify-block .media-body .msg-box > div p { color: #272b41; margin-bottom: 0; } .chat-window .chat-cont-right .chat-body .notify-block .media-body .msg-box + .msg-box { margin-top: 5px; } .chat-window .chat-cont-right .chat-body .notify-block.received { margin-bottom: 20px; } .chat-window .chat-cont-right .chat-body .notify-block.received .media-body { position: relative; } .chat-window .chat-cont-right .chat-body .notify-block.received .media-body .msg-box > div { background-color: #ffffff; } .chat-window .chat-cont-right .chat-body .notify-block.received .media-body .msg-box > div .chat-time { color: rgba(50, 65, 72, 0.4); } .chat-window .chat-cont-right .chat-body .notify-block.received .media-body .msg-box:first-child:before { border-bottom: 6px solid transparent; border-right: 6px solid #ffffff; border-top: 6px solid transparent; content: ""; height: 0; width: 0; position: absolute; top: 8px; right: auto; left: -6px; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box { padding-left: 50px; position: relative; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box:first-child:before { border-bottom: 6px solid transparent; border-left: 6px solid #e3e3e3; border-top: 6px solid transparent; content: ""; height: 0; width: 0; position: absolute; top: 8px; right: -6px; left: auto; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box > div .chat-time { color: rgba(50, 65, 72, 0.4); } .chat-window .chat-cont-right .chat-body .notify-block:last-child { margin-bottom: 0; } .chat-window .chat-cont-right .chat-body .notify-block.sent { margin-bottom: 20px; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body { margin-left: 0; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box > div { background-color: #e3e3e3; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box > div p { color: #272b41; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box > div .chat-msg-info { flex-direction: row-reverse; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box > div .chat-msg-info li { padding-left: 16px; padding-right: 0; position: relative; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box > div .chat-msg-attachments { flex-direction: row-reverse; } .chat-window .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box > div:hover .chat-msg-actions { opacity: 1; } .chat-window .chat-cont-right .chat-body .chat-date { font-size: 14px; margin: 1.875rem 0; overflow: hidden; position: relative; text-align: center; text-transform: capitalize; } .chat-window .chat-cont-right .chat-body .chat-date:before { background-color: #EEF6FF; content: ""; height: 1px; margin-right: 28px; width: 100%; position: absolute; top: 50%; right: 50%; } .chat-window .chat-cont-right .chat-body .chat-date:after { background-color: #EEF6FF; content: ""; height: 1px; margin-left: 28px; width: 100%; position: absolute; top: 50%; left: 50%; } .chat-window .chat-cont-right .chat-footer { background-color: #ffffff; position: relative; border-top: 1px solid #f0f0f0; padding: 10px 15px; } .chat-window .chat-cont-right .chat-footer .input-group { width: 100%; } .chat-window .chat-cont-right .chat-footer .input-group .form-control { background-color: #f5f5f6; border: none; border-radius: 50px; } .chat-window .chat-cont-right .chat-footer .input-group .form-control:focus { background-color: #f5f5f6; border: none; box-shadow: none; } .chat-window .chat-cont-right .chat-footer .input-group .form-control::placeholder { font-size: 14px; } .chat-window .chat-cont-right .chat-footer .input-group .btn { background-color: transparent; border: none; color: #9f9f9f; } .chat-window .chat-cont-right .chat-footer .input-group .btn.msg-send-btn { background-color: #0de0fe; border-color: #0de0fe; color: #ffffff; margin-left: 10px; min-width: 46px; font-size: 20px; border-radius: 50%; } .chat-window .chat-cont-right .msg-typing { width: auto; height: 24px; padding-top: 8px; } .chat-window .chat-cont-right .msg-typing span { height: 8px; width: 8px; float: left; margin: 0 1px; background-color: #a0a0a0; display: block; opacity: 0.4; border-radius: 50%; } .chat-window .chat-cont-right .msg-typing span:nth-of-type(1) { animation: 1s blink infinite 0.33333s; } .chat-window .chat-cont-right .msg-typing span:nth-of-type(2) { animation: 1s blink infinite 0.66666s; } .chat-window .chat-cont-right .msg-typing span:nth-of-type(3) { animation: 1s blink infinite 0.99999s; } .chat-window .chat-msg-info { clear: both; list-style: none; margin: 5px 0 0; padding: 0; } .chat-window .chat-msg-info li { font-size: 13px; padding-right: 16px; position: relative; } .chat-window .chat-msg-info li:not(:last-child):after { content: ""; height: 4px; width: 4px; background: #d2dde9; border-radius: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); position: absolute; top: 50%; right: 8px; } .chat-window .chat-msg-info li a { color: #777; } .chat-window .chat-msg-info li a:hover { color: #2c80ff; } @media (max-width: 991.98px) { .chat-window.chat-slide .chat-cont-right { right: 0; opacity: 1; visibility: visible; z-index: 999; } } .chat-seen i { color: #00d285; font-size: 16px; } .chat-msg-attachments { width: 100%; margin: 0 -1px; padding: 4px 0; } .chat-msg-attachments > div { margin: 0 1px; } .chat-attachment { position: relative; max-width: 130px; overflow: hidden; border-radius: 0.25rem; } .chat-attachment img { max-width: 100%; } .chat-attachment:before { background: #000000; content: ""; opacity: 0.4; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .chat-attachment:hover:before { opacity: 0.6; } .chat-attachment:hover .chat-attach-caption { opacity: 0; } .chat-attachment:hover .chat-attach-download { opacity: 1; } .chat-attach-caption { color: #ffffff; padding: 7px 15px; font-size: 13px; opacity: 1; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; position: absolute; right: 0; bottom: 0; left: 0; } .chat-attach-download { opacity: 0; color: #ffffff; width: 32px; line-height: 32px; background: rgba(255, 255, 255, 0.2); text-align: center; transform: translate(-50%, -50%); -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; position: absolute; top: 50%; left: 50%; } .chat-attach-download:hover { color: #495463; background: #ffffff; } chat-attachment-list { margin: -5px; } chat-attachment-list li { width: 33.33%; padding: 5px; } .chat-attachment-item { border: 5px solid rgba(230, 239, 251, 0.5); height: 100%; min-height: 60px; text-align: center; font-size: 30px; } .chat-msg-actions { opacity: 0; z-index: 2; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; position: absolute; top: 50%; left: -30px; } .chat-msg-actions > a { color: #495463; font-size: 24px; padding: 0 10px; } .chat-msg-actions > a:hover { color: #2c80ff; } @keyframes blink { 50% { opacity: 1; } } .btn-file { font-size: 20px; overflow: hidden; position: relative; vertical-align: middle; padding: 0 0.75rem; } .btn-file input { cursor: pointer; filter: alpha(opacity=0); font-size: 23px; height: 100%; margin: 0; opacity: 0; width: 100%; position: absolute; top: 0; right: 0; } .incoming-btns { margin-top: 20px; } .call-wrapper { position: relative; height: calc(100vh - 145px); } @media (max-width: 991.98px) { .call-wrapper { height: calc(100vh - 140px); } } @media (max-width: 767.98px) { .call-wrapper { height: calc(100vh - 115px); } } .call-page .footer { display: none; } .dropdown-action .dropdown-toggle::after { display: none; } .call-modal .modal-body { padding: 40px; } .call-modal .modal-content { border: 0; border-radius: 10px; } /*----------------- Incoming call -----------------------*/ .call-box .call-wrapper { height: auto; text-align: center; } .call-box .call-wrapper .call-user { margin-bottom: 30px; } .call-box .call-wrapper .call-user h4 { font-size: 24px; } .call-box .call-wrapper .call-user span { display: block; font-weight: 500; text-align: center; } .call-box .call-wrapper .call-avatar { margin-bottom: 30px; cursor: pointer; animation: ripple 2s infinite; } .call-box .call-wrapper .call-items .call-item { background-color: rgba(255, 255, 255, 0.2); border: 1px solid transparent; border-radius: 100%; color: #ffffff; line-height: 0; margin: 0 5px; padding: 15px; } .call-box .call-wrapper .call-items .call-item:hover { opacity: 0.9; } .call-box .call-wrapper .call-items .call-item:first-child, .call-box .call-wrapper .call-items .call-item:last-child { margin-top: -30px; } .call-box .call-wrapper .call-items .call-item.call-end { background: #f06060; border: 1px solid #f06060; color: #ffffff; line-height: 0; border-radius: 100%; margin: 30px 20px 0; padding: 20px; } .call-box .call-wrapper .call-items .call-item.call-start { background: #55ce63; border: 1px solid #55ce63; color: #ffffff; line-height: 0; border-radius: 100%; margin: 30px 20px 0; padding: 20px; } .call-box.incoming-box .call-wrapper .call-items .call-item.call-start, .call-box.incoming-box .call-wrapper .call-items .call-item.call-end { margin: 0 10px; } .call-box .call-avatar { height: 140px; max-width: 140px; min-width: 140px; position: relative; width: 100%; border: 10px solid #fafafa; border-radius: 100%; } .call-box .btn { background: rgba(0, 0, 0, 0); -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } @-webkit-keyframes ripple { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); } 100% { -webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0); } } @keyframes ripple { 0% { -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); } 100% { -moz-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0); box-shadow: 0 0 0 30px rgba(0, 0, 0, 0); } } .chat-cont-right .chat-body .notify-block.sent .media-body .msg-box .chat-msg-info li:not(:last-child)::after { right: auto; left: 8px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background: #aaa; } .view-cart-header { position: relative; } .view-cart-header .dropdown-menu { min-width: 320px !important; } .view-cart-header .shopping-cart { padding: 15px; } .view-cart-header .shopping-cart.show-cart { opacity: 1; visibility: visible; } .view-cart-header .shopping-cart:after { border: 7px solid #ffffff; border-color: transparent transparent #ffffff #ffffff; box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1); content: ""; position: absolute; top: 2px; right: 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform-origin: 0 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; } .view-cart-header .shopping-cart .booking-date { display: block; padding-bottom: 0; } .view-cart-header .shopping-cart .booking-date li span { font-size: 14px; } .view-cart-header .shopping-cart-total { float: right; } .view-cart-header .shopping-cart-items { padding-top: 0px; } .view-cart-header .shopping-cart-items li { display: block !important; border-bottom: 1px solid #e4e4e4; position: relative; margin: 0 0 10px 0 !important; padding: 0 0 14px; } .view-cart-header .shopping-cart-items li a { padding-left: 0 !important; letter-spacing: normal !important; } .view-cart-header .shopping-cart-items .close-icon { cursor: pointer; color: #6B7280; position: absolute; top: 10px; right: 0; } .view-cart-header .shopping-cart-items img { float: left; width: 70px; margin-right: 12px; max-width: 100%; height: auto; } .view-cart-header .shopping-cart-items .item-name { display: block; padding-top: 10px; font-size: 14px; padding-right: 20px; color: #6B7280; font-weight: normal; } .view-cart-header .shopping-cart-items .item-price { margin-right: 8px; color: #0E82FD; font-size: 13px; font-weight: normal; } .view-cart-header .shopping-cart-items .item-quantity { color: #ABB0BE; font-size: 13px; font-weight: normal; } .view-cart-header .cart-icon { color: #515783; font-size: 24px; margin-right: 7px; float: left; } .view-cart-header .booking-date li { display: block !important; width: 100%; margin: 0 0 10px; padding: 0 !important; } .view-cart-header .booking-date li span { float: right; } .view-cart-header .booking-total { padding-top: 0; text-align: center; } .view-cart-header .apt-btn { font-size: 13px; letter-spacing: normal !important; padding: 7px 20px; } .view-cart-header .apt-btn:hover { border-color: #0E82FD !important; background-color: #0E82FD !important; color: #ffffff !important; } .unread-msg1 { background-color: #0E82FD; border-radius: 2px; color: #ffffff; font-size: 10px; font-style: normal; text-align: center; position: absolute; top: -10px; right: -10px; padding: 0 5px; } .custom-increment.cart button { font-size: 10px; } .custom-increment.cart input[type=text] { width: 60px; } .custom-increment button { font-size: 14px; height: 39px; background: #dcdcdc; color: #000000; border: 0; display: inline-block; } .custom-increment button.btn-danger { border-radius: 4px 0px 0px 4px; } .custom-increment button:hover, .custom-increment button:focus, .custom-increment button:active { background: #dcdcdc !important; color: #000000 !important; border: 0 !important; } .custom-increment button.btn-success { border-radius: 0 4px 4px 0; } .custom-increment button.btn-danger { border-radius: 4px 0px 0px 4px; } .custom-increment .input-group1 { width: 100%; } .custom-increment input[type=text] { border: 1px solid #dbdbdb; border-radius: 0; text-align: center; width: 70%; padding: 7px 15px; } .custom-increment input[type=text]:focus { border-color: transparent; } .top-space-chat { padding-top: 100px; } .content-chat { padding: 100px 0 0px; } @media (max-width: 991.98px) { .content-chat { padding: 75px 0 0px; } } input.form-control.rounded-pill:focus { z-index: 3; } @media (max-width: 575.98px) { .chat-custom { flex-wrap: wrap; } } .doc-review.review-listing { margin: 0; } .review-listing.doc-review > ul > li { background-color: #ffffff; border: 1px solid #f0f0f0; padding: 20px; } .durations { margin-bottom: 5px; } .account-page { background-color: #ffffff; } .account-page .content { padding: 50px 0; } @media (max-width: 767.98px) { .account-page .content { padding: 15px 0; } } .login-right { background-color: #ffffff; border: 1px solid #f0f0f0; border-radius: 4px; padding: 25px; } @media (max-width: 767.98px) { .login-right { margin: 0 15px; padding: 15px; } } .login-right .dont-have { color: #3d3d3d; margin-top: 20px; font-size: 13px; } .login-right .dont-have a { color: #09dca4; } .login-right .inner-right-login { max-width: 355px; width: 100%; margin: 0 auto; } .login-right .country-select .select-col .select2-container--default .select2-selection--single { background-color: #ffffff; border-radius: 10px 0 0 10px; width: 79px; } .login-right .country-select .select-col .select2-container--default .select2-selection--single .select2-selection__rendered { color: #0de0fe; } .login-right .country-select .select-col .select2-container--default .select2-selection--single .select2-selection__arrow b { background-image: url(../img/icons/down-arrow-gray-dark.svg); } @media (max-width: 991.98px) { .login-left { display: none; } } .login-header { margin-bottom: 20px; } .login-header p { margin-bottom: 0; } .login-header h3 { font-size: 18px; margin-bottom: 3px; } @media (max-width: 479.98px) { .login-header h3 { text-align: center; } } .login-header h3 a { color: #0de0fe; float: right; font-size: 15px; margin-top: 2px; } @media (max-width: 479.98px) { .login-header h3 a { color: #0de0fe; float: none; font-size: 15px; margin-top: 10px; text-align: center; display: block; } } .login-header .logo-icon { text-align: center; margin: 40px auto 20px; } .login-btn { font-size: 18px; font-weight: 500; } .login-or { color: #d4d4d4; position: relative; margin: 20px 0; padding: 10px 0; } .or-line { background-color: #e5e5e5; height: 1px; margin-bottom: 0; margin-top: 0; display: block; } .span-or { background-color: #ffffff; display: block; margin-left: -20px; text-align: center; width: 42px; position: absolute; top: -3px; left: 50%; } .forgot-link { color: #3d3d3d; display: inline-block; font-size: 13px; margin-bottom: 10px; font-weight: 400; } .social-login .btn:hover, .social-login .social-login .btn:focus { color: #ffffff; } span.agree { font-size: 16px; margin-left: 6px; } .terms-and-policy span.terms { color: #09dca4; } .terms-and-policy a { color: #09dca4; } .login-page .login-right { width: 100%; position: relative; font-family: "Poppins", sans-serif; height: 100vh; border: 0; border-radius: 0; padding: 0; } .login-page .login-right .step-process-col .select2-container--default .select2-selection--single .select2-selection__rendered { color: #808080; } .login-page .login-right .step-process-col .select2-container--default .select2-selection--single .select2-selection__arrow b { background-image: url(../img/icons/down-arrow-gray.svg); } .login-page .login-right .step-process-col .form-control { color: #808080; } .login-page .login-right .search-location-input-box input { background-image: url(../img/icons/search-icon.svg); background-repeat: no-repeat; background-position: 10px 50%; background-size: 16px; padding-left: 38px; color: #948CA0; } .login-bottom-copyright { color: #A4A4A4; font-family: "Poppins", sans-serif; font-weight: 500; padding-bottom: 25px; width: 100%; align-self: flex-end; -webkit-align-self: flex-end; } .step-list { text-align: center; padding: 10px 0; } .step-list ul { display: inline-block; } .step-list ul li { float: left; margin: 5px 0; padding: 0 30px 0 0; } .step-list ul li:last-child { padding-right: 0; } .step-list ul li a { background-color: #e9f5f7; width: 40px; height: 40px; border-radius: 10px; font-size: 14px; color: #808080; } .step-list ul li a:hover, .step-list ul li a.active { background-color: #0de0fe; color: #ffffff; } .step-list ul li a.active-done { background-color: #0de0fe; color: #ffffff; background-image: url(../img/icons/tick-icon.svg); background-repeat: no-repeat; background-position: center; background-size: 18px; font-size: 0; } .profile-pic-col { padding-top: 40px; text-align: center; } .profile-pic-col h3 { color: #000000; font-size: 20px !important; } .profile-pic-upload { width: 150px; background: rgba(175, 213, 254, 0.4); border-radius: 20px; position: relative; margin: 40px auto 0; padding: 24px; } .profile-pic-upload input[type=file] { width: 100%; height: 100%; opacity: 0; cursor: pointer; position: absolute; top: 0; left: 0; } .profile-pic-upload .cam-col { width: 70px; height: 70px; background-color: #ffffff; border-radius: 70px; overflow: hidden; margin: 0 auto; } .profile-pic-upload span { color: #000000; font-size: 13px; list-style: none; display: inline-block; margin-top: 15px; } .select-gender-col [type=radio]:checked, .select-gender-col [type=radio]:not(:checked) { position: absolute; left: 0px; visibility: hidden; } .select-gender-col [type=radio]:checked + label, .select-gender-col [type=radio]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; } .select-gender-col [type=radio]:checked + label:before, .select-gender-col [type=radio]:not(:checked) + label:before { content: ""; width: 100%; height: 100%; border: 0; border-radius: 10px; background: #ffffff; box-shadow: 5px 20px 60px 10px rgba(0, 4, 107, 0.07); position: absolute; top: 0; left: 0; } .select-gender-col [type=radio]:checked + label:after, .select-gender-col [type=radio]:not(:checked) + label:after { content: ""; width: 100%; height: 100%; background: transparent; border-radius: 10px; border: 2px solid #0de0fe; position: absolute; top: 0; left: 0; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .select-gender-col [type=radio]:not(:checked) + label:after { opacity: 0; } .select-gender-col [type=radio]:checked + label:after { opacity: 1; } .select-gender-col .gender-icon { position: relative; } .select-gender-col .gender-icon label { text-align: center; padding: 15px 20px !important; } .select-gender-col .gender-icon img { max-height: 90px; } .select-gender-col span { position: relative; color: #000000; display: inline-block; margin-top: 10px; font-size: 16px; width: 100%; } .select-gender-col.payment-menthods-choose label { min-width: 90px; text-align: center; color: #000000; padding: 10px !important; } .select-gender-col.payment-menthods-choose label span.credit-card-option { min-width: 192px; font-size: 15px; } .select-gender-col.payment-menthods-choose label img { position: relative; max-width: 68px; } .select-gender-col.payment-menthods-choose [type=radio]:checked + label::after, .select-gender-col.payment-menthods-choose [type=radio]:not(:checked) + label::after { border: 1px solid #0de0fe; } .select-gender-col label { text-align: center; padding: 15px 20px !important; } .pregnant-col .remember-me-col { color: #000000; font-size: 16px; align-items: center; } .pregnant-col .remember-me-col .custom_check .checkmark { border-color: #0de0fe; } .step-process-col { text-align: left; } .checklist-col span { font-size: 16px; } .checklist-col .custom_check .checkmark { width: 24px; height: 24px; } .checklist-col .custom_check .checkmark:after { left: 6px; top: 3px; } .checklist-col .remember-me-col { position: relative; padding: 10px 0; } .checklist-col.pregnant-col .remember-me-col .custom_check { padding-left: 25px; } .checklist-col.pregnant-col .remember-me-col .custom_check .checkmark { border-color: #B4ABCA; } .otp-col { color: #ffffff; } .otp-col h3 { color: #ffffff; font-size: 20px; margin-bottom: 15px; } .dnt-recive-call { color: #ffffff; } .dnt-recive-call a { color: #ffffff; } .otp-box { margin: 25px 0; } .otp-box .digit-group input { width: 45px; height: 45px; background-color: rgba(245, 245, 245, 0.2); border: none; text-align: center; font-size: 16px; color: #ffffff; box-shadow: 5px 20px 60px 10px rgba(0, 4, 107, 0.07); border-radius: 8px; color: #000000; margin: 0 3px; } .otp-box .digit-group input:focus { background-color: #ffffff; border: 0; outline: 0; } .otp-box .digit-group input[type=text].active { background-color: #ffffff; color: #000000; } .otp-box .splitter { color: #ffffff; font-size: 24px; padding: 0 5px; } .otp-box .prompt { font-size: 20px; color: #ffffff; margin: 0 0 20px; } .increment-decrement .input-groups { border: 0; background-color: transparent; height: 35px; margin-right: 0px; display: block; } .increment-decrement .input-groups .quantity-field { width: 40px; text-align: center; background-color: transparent; float: left; border: 0; } .increment-decrement .input-groups .quantity-field:focus { border: 0; outline: 0; } .increment-decrement .input-groups input[type=button] { background-color: transparent; font-size: 20px; border: 1px solid #0de0fe; border-radius: 4px; height: 24px; width: 24px; margin-top: 0px; line-height: 0; padding: 0; color: #0de0fe; } .increment-decrement .input-groups input[type=button]:focus-visible { outline: 0; } .increment-decrement .input-groups input[type=button].button-minus { float: left; } .increment-decrement .input-groups input[type=button].button-plus { float: right; } .country-select { position: relative; } .country-select .select-col { height: 100%; position: absolute; top: 0; left: 0; } .country-select .select-col .flagstrap { height: 100%; } .country-select .select-col .btn-info.dropdown-toggle { border: 0; color: #0de0fe; border-radius: 10px 0px 0px 10px; background-color: #ffffff; height: 100%; font-size: 0; width: 79px; text-align: left; padding: 0 12px; } .country-select .select-col .btn-info.dropdown-toggle:after { background-image: url(../img/icons/down-arrow-gray-dark.svg); background-repeat: no-repeat; background-position: center; background-size: cover; width: 14px; height: 7px; border: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 50%; right: 10px; } .country-select .select-col .btn-info.dropdown-toggle span { font-size: 0; } .country-select .select-col .dropdown-menu { font-size: 0; width: 79px; min-width: inherit; margin-top: 0; border-radius: 10px; padding: 0; } .country-select .select-col .dropdown-menu li { margin: 14px 13px; } .country-select .select-col .dropdown-menu li:first-child { display: none; } .country-select .select-col .dropdown-menu li a { display: inline-block; cursor: pointer; } .country-select .select-col .flagstrap-icon.flagstrap-in, .country-select .select-col .flagstrap-icon.flagstrap-ng, .country-select .select-col .flagstrap-icon.flagstrap-gb, .country-select .select-col .flagstrap-icon.flagstrap-us { background-image: url(../img/flag/india.html); background-position: center; width: 33px; height: 22px; background-size: cover; border-radius: 4px; } .country-select .select-col .flagstrap-icon.flagstrap-ng { background-image: url(../img/flag/ng.html); } .country-select .select-col .flagstrap-icon.flagstrap-gb { background-image: url(../img/flag/gb.html); } .country-select .select-col .flagstrap-icon.flagstrap-us { background-image: url(../img/flag/usa.html); } .country-select .number-col input { padding-left: 96px; } .location-text h5 { color: #000000; margin-top: 5px; } .location-search { margin: 12px 0; } .skip-now-col { margin-top: 5px; } .skip-now-col a { color: #000000; font-size: 12px; } .sort-by-col .select2-container .select2-selection--single { border-color: #E8EEFF; border-radius: 10px; width: 160px; } .sort-by-col .select2-container--default .select2-selection--single .select2-selection__arrow b { background-image: url(../img/icons/down-arrow-gray.svg); } .premium-text { font-size: 18px; } .plan-details { list-style: none; margin: 0; padding: 4px 0 0; } .plan-details li { position: relative; min-width: 35%; } .plan-details li span { color: #B4ABCA; display: inline-block; margin-bottom: 3px; font-size: 15px; } .plan-chooser-col { background-color: rgba(175, 213, 254, 0.4); border-radius: 20px; margin: 0 0 28px; padding: 5px 20px; } .plan-chooser-col .memeber-img { border-radius: 15px; margin-bottom: 10px; width: 100%; } .plan-chooser-col .memeber-img img { border-radius: 15px; } .plan-chooser-col .subscription-list { margin: 15px 0; } .memeber-details h4 { margin-bottom: 0; } .payment-menthods ul { text-align: center; } .payment-menthods ul li { display: inline-block; margin: 0; padding: 6px; } .card-choose-col { max-width: 325px; margin: 0 auto; } .day-week-month-col ul li { float: left; } .day-week-month-col ul li:first-child a { border-radius: 4px 0 0 4px !important; } .day-week-month-col ul li:last-child a { border-radius: 0px 4px 4px 0px !important; } .day-week-month-col ul li a { background-color: #9D9D9D; border: 1px solid transparent; color: #64627C; display: inline-block; font-family: "Poppins", sans-serif; font-weight: 500; padding: 10px 20px; } .day-week-month-col ul li a.active { border-color: #536CF1; color: #536CF1; border-radius: 0 !important; } .day-week-month-col ul li a:first-child.active { border-color: #536CF1; } .day-week-month-col ul li a:last-child.active { border-color: #536CF1; } .login-body { background: #ffffff; } .login-content-info { margin: 0; padding: 160px 0 60px; } .login-content-info .account-content { position: relative; } .login-content-info .account-content .login-shapes { position: relative; } .login-content-info .account-content .login-shapes .shape-img-left { position: absolute; top: 0; left: -70px; } .login-content-info .account-content .login-shapes .shape-img-right { position: absolute; top: 150px; left: -70px; } @media (max-width: 991.98px) { .login-content-info .account-content .login-shapes .shape-img-right { top: 67px; } } @media (max-width: 767.98px) { .login-content-info .account-content .login-shapes { display: none; } } .login-content-info .account-content .account-info { position: relative; z-index: 1; } .login-content-info .account-content .account-info .btn { width: 100%; color: #ffffff; background: #0E82FD; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; font-weight: 600; padding: 10px 15px; } @media (max-width: 767.98px) { .login-content-info .account-content .account-info .btn { padding: 8px 15px; } } .login-content-info .account-content .account-info .btn:hover { color: #0E82FD; background: #ffffff; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .login-content-info .account-content .account-info .form-control { font-size: 14px; } .login-content-info .account-content .account-info .back-btn-light .btn { color: #000000; background-color: #f9f9f9; border: 1px solid #f9f9f9; box-shadow: inset 0 0 0 0 #ffffff; } .login-content-info .account-content .account-info .back-btn-light .btn:hover { color: #000; background-color: #ffffff; border: 1px solid #dcdcdc; box-shadow: inset 0 0 0 50px #ffffff; } .login-content-info .account-content .account-info .back-btn-light .btn i { margin-right: 10px; } .login-content-info .account-content .login-back { padding-bottom: 50px; } .login-content-info .account-content .login-back a { font-size: 15px; color: #959595; } .login-content-info .account-content .login-back a:hover { color: #0E82FD; } .login-content-info .account-content .login-back a i { margin-right: 10px; } @media (max-width: 991.98px) { .login-content-info .account-content .login-back { padding-bottom: 30px; } } @media (max-width: 767.98px) { .login-content-info .account-content .login-back { padding-bottom: 20px; } } .login-content-info .account-content .login-verify-img { padding-bottom: 50px; } @media (max-width: 991.98px) { .login-content-info .account-content .login-verify-img { padding-bottom: 30px; } } @media (max-width: 767.98px) { .login-content-info .account-content .login-verify-img { padding-bottom: 20px; } } .login-content-info .account-content .login-title { padding-bottom: 50px; } .login-content-info .account-content .login-title h3 { font-size: 30px; margin-bottom: 10px; font-weight: 600; color: #1F2937; } @media (max-width: 991.98px) { .login-content-info .account-content .login-title h3 { font-size: 26px; } } @media (max-width: 767.98px) { .login-content-info .account-content .login-title h3 { font-size: 20px; } } .login-content-info .account-content .login-title p { color: #71717A; margin-bottom: 10px; } .login-content-info .account-content .login-title span { color: #040404; font-weight: 500; } .login-content-info .account-content .login-title span a { color: #0E82FD; text-decoration: underline; } .login-content-info .account-content .login-title span a:hover { text-decoration: none; } @media (max-width: 991.98px) { .login-content-info .account-content .login-title { padding-bottom: 30px; } } @media (max-width: 767.98px) { .login-content-info .account-content .login-title { padding-bottom: 20px; } } .login-content-info .account-content .login-or { font-size: 16px; color: #818181; margin-bottom: 20px; padding-bottom: 10px; padding-top: 10px; position: relative; } .login-content-info .account-content .or-line { background-color: #EFEFEF; height: 1px; margin-bottom: 0; margin-top: 0; display: block; } .login-content-info .account-content .span-or { background-color: #ffffff; display: block; position: absolute; top: -3px; left: 50%; margin-left: -20px; text-align: center; width: 42px; } .login-content-info .account-content .social-login-btn { margin-bottom: 20px; } .login-content-info .account-content .social-login-btn .btn { font-weight: 500; font-size: 14px; color: #000000; background: #ffffff; border: 1px solid #E4E4E8; padding: 11px 15px; border-radius: 8px; box-shadow: inset 0 0 0 0 #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .login-content-info .account-content .social-login-btn .btn:hover { color: #ffffff; background: #0E82FD; border: 1px solid #0E82FD; box-shadow: inset 0 0 0 50px #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .login-content-info .account-content .social-login-btn .btn img { margin-right: 15px; } @media (max-width: 991.98px) { .login-content-info { margin: 0; padding: 40px 0 40px; } } .login-content-info .forms-block { margin-bottom: 20px; } .login-content-info .forms-block label { color: #000000; display: inline-block; margin-bottom: 10px; } .pass-group { position: relative; } .pass-group .toggle-password { font-size: 16px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); color: #797979; cursor: pointer; width: 32px; height: 32px; border-radius: 50%; } .pass-group .toggle-password:hover { background-color: #F3F3F3; } .toggle-password-sub { font-size: 16px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); color: #797979; cursor: pointer; width: 32px; height: 32px; border-radius: 50%; } .toggle-password-sub:hover { background-color: #F3F3F3; } #passwordInfo, #passwordInfos { font-size: 12px; font-weight: normal; margin-top: 15px; } .poor-active span.active#poor, .poor-active span.active#poors { background: #FF0000; } .avg-active span.active#poor, .avg-active span.active#poors, .avg-active span.active#weak, .avg-active span.active#weaks { background: #FFB54A; } .strong-active span.active#poor, .strong-active span.active#weak, .strong-active span.active#strong, .strong-active span.active#poors, .strong-active span.active#weaks, .strong-active span.active#strongs { background: #0E82FD; } .heavy-active span.active#poor, .heavy-active span.active#weak, .heavy-active span.active#strong, .heavy-active span.active#heavy, .heavy-active span.active#poors, .heavy-active span.active#weaks, .heavy-active span.active#strongs, .heavy-active span.active#heavys { background: #159F46; } input[type=password]::-ms-reveal, input[type=password]::-ms-clear { display: none; } .password-strength { margin-top: 15px; } .password-strength span { width: 100%; height: 6px; background: #E4E6EF; margin-right: 10px; border-radius: 30px; } .password-strength span:last-child { margin-right: 0; } .weak-pass .password-strength span { background: #FF0000; } .pass-checked { position: absolute; top: 55%; right: 46px; transform: translateY(-50%); color: #4CAF50; opacity: 0; } .pass-checked.active { opacity: 1; } .password-info { margin-top: 15px; } .password-info p { color: #9E9E9E; margin-bottom: 0; } .login-success-icon { padding-bottom: 18px; } .login-success-icon i { font-size: 40px; color: #00CC45; } .toggle-password-sub.feather-eye.feather-eye-off::before { content: "\e95c" !important; } .toggle-password.feather-eye.feather-eye-off::before { content: "\e95c" !important; } .modal-open .main-wrapper { -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px); filter: blur(1px); } .call-main-row { overflow: auto; padding-bottom: inherit; padding-top: inherit; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .call-main-wrapper { display: table; height: 100%; table-layout: fixed; width: 100%; } .call-view { display: table-cell; height: 100%; float: none; position: static; vertical-align: top; width: 75%; padding: 0; } .call-window { display: table; height: 100%; table-layout: fixed; width: 100%; background-color: #ffffff; border: 1px solid #f0f0f0; } .fixed-header { background-color: #ffffff; border-bottom: 1px solid #f0f0f0; padding: 10px 15px; } .fixed-header .navbar { border: 0 none; min-height: auto; margin: 0; padding: 0; } .fixed-header .user-info a { color: #272b41; font-weight: 500; } .fixed-header .custom-menu { margin: 0 0 1px; } .typing-text { color: #20c0f3; font-size: 12px; text-transform: lowercase; } .last-seen { color: #888888; display: block; font-size: 12px; } .custom-menu { margin-top: 6px; } .custom-menu.nav > li > a { color: #bbb; font-size: 26px; line-height: 32px; margin-left: 15px; padding: 0; } .custom-menu.navbar-nav > li > a:hover, .custom-menu.navbar-nav > li > a:focus { background-color: transparent; } .custom-menu .dropdown-menu { left: auto; right: 0; } .call-contents { display: table-row; height: 100%; } .call-content-wrap { height: 100%; position: relative; width: 100%; } .voice-call-avatar { -ms-flex-direction: column; flex-direction: column; -ms-flex: 2; flex: 2; } .voice-call-avatar .call-avatar { width: 150px; height: 150px; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #ffffff; margin: 15px; padding: 3px; border-radius: 100%; } @media (max-width: 767.98px) { .voice-call-avatar .call-avatar { height: 100px; width: 100px; } } @media (max-width: 575.98px) { .voice-call-avatar .call-avatar { height: 80px; width: 80px; } } .voice-call-avatar .call-timing-count { padding: 5px; } .voice-call-avatar .username { font-size: 20px; font-weight: 500; } .call-duration { display: inline-block; font-size: 30px; margin-top: 4px; position: absolute; left: 0; } @media (max-width: 767.98px) { .call-duration { font-size: 24px; } } @media (max-width: 575.98px) { .call-duration { display: block; margin-top: 0; margin-bottom: 10px; position: inherit; } } .call-footer { background-color: #ffffff; border-top: 1px solid #f0f0f0; padding: 15px; } .call-icons { text-align: center; position: relative; } .call-icons .call-items { list-style: none; display: inline-block; border-radius: 5px; margin: 0; padding: 0; } .call-icons .call-items .call-item { display: inline-block; text-align: center; margin-right: 5px; } .call-icons .call-items .call-item:last-child { margin-right: 0; } .call-icons .call-items .call-item a { color: #777; border: 1px solid #dddddd; width: 50px; height: 50px; line-height: 50px; display: inline-block; font-size: 20px; border-radius: 50px; } .call-icons .call-items .call-item a i { width: 18px; height: 18px; } .call-icons .call-items li.end-call-new { display: inline-block; text-align: center; margin-right: 5px; } .call-icons .call-items li.end-call-new a { background-color: #f06060; color: #ffffff; display: inline-block; line-height: 10px; text-transform: uppercase; border-radius: 50px; padding: 8px 25px; } .user-video { overflow: auto; z-index: 10; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .user-video img, .user-video video { width: auto; max-width: 100%; height: auto; max-height: 100%; display: block; margin: 0 auto; } .my-video { z-index: 99; position: absolute; bottom: 20px; left: 20px; } .my-video ul { list-style: none; margin: 0; padding: 0; } .my-video ul li { float: left; width: 120px; margin-right: 10px; } @media (max-width: 1199.98px) { .my-video ul li { display: none; } } .my-video ul li img { border: 3px solid #ffffff; border-radius: 6px; } .end-call { position: absolute; top: 7px; right: 0; } @media (max-width: 575.98px) { .end-call { margin-top: 10px; position: inherit; } } .end-call a { background-color: #f06060; color: #ffffff; display: inline-block; line-height: 10px; text-transform: uppercase; padding: 8px 25px; border-radius: 50px; } .call-users { z-index: 99; position: absolute; right: 20px; bottom: 20px; } .call-users ul { list-style: none; margin: 0; padding: 0; } .call-users ul li { float: left; width: 80px; margin-left: 10px; } @media (max-width: 767.98px) { .call-users ul li { width: 50px; } } .call-users ul li img { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 6px; padding: 2px; } .call-users ul li a:hover .call-mute { display: block; } .call-mute { width: 80px; height: 80px; background-color: rgba(0, 0, 0, 0.5); text-align: center; line-height: 80px; font-size: 30px; color: #ffffff; display: none; border: 3px solid transparent; border-radius: 6px; position: absolute; top: 0; } @media (max-width: 767.98px) { .call-mute { font-size: 20px; height: 50px; line-height: 50px; width: 50px; } } .call-details { margin: 10px 0 0; } .call-info { margin-left: 10px; width: 100%; } .call-user-details, .call-timing { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .call-description { white-space: nowrap; vertical-align: bottom; } .call-timing { color: #727272; font-size: 14px; margin-top: 1px; overflow: hidden; white-space: pre; } .content-full { height: 100%; position: relative; width: 100%; } .video-window .fixed-header { margin: 0; padding: 0; } .video-window .fixed-header .nav > li > a { padding: 18px 15px; } .user-img { display: inline-block; position: relative; } span.call-duration.float-end { display: inline-block; font-size: 22px; margin-top: 0px; color: #40dda4; position: absolute; right: 0; left: unset; } .toggle-voice-video { display: inline-block; font-size: 30px; margin-top: 4px; position: absolute; left: 0; } .toggle-voice-video .switch { position: relative; display: inline-block; width: 90px; height: 34px; } .toggle-voice-video .switch input { display: none; } .toggle-voice-video .slider { cursor: pointer; background-color: #2196f3; -webkit-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; border-radius: 34px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .toggle-voice-video .slider:before { content: ""; height: 26px; width: 26px; background-color: #ffffff; -webkit-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; border-radius: 50%; position: absolute; bottom: 4px; left: 4px; } .toggle-voice-video .slider:after { content: "VOICE"; color: #ffffff; display: block; font-size: 10px; font-family: Verdana, sans-serif; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; } .toggle-voice-video input:checked + .slider { background-color: #2ab934; } .toggle-voice-video input:checked + .slider:before { transform: translateX(55px); -webkit-transform: translateX(55px); -ms-transform: translateX(55px); } .toggle-voice-video input:checked + .slider:after { content: "VIDEO"; } .toggle-voice-video input:focus + .slider { box-shadow: 0 0 1px #2196f3; } i.feather-mic-off { color: #fff; } a.mute-bt.stop { background: #EB4132; } i.feather-video-off { color: #fff; } a.mute-video.stop { background: #EB4132; } .map-page .footer { display: none; } .map-page .header { z-index: 1030; position: fixed; top: 0; right: 0; left: 0; } .map-page .content { padding-top: 115px; } @media (max-width: 991.98px) { .map-page .content { padding-top: 100px; } } .map-right { height: 100%; min-height: 100%; padding-right: 30px; z-index: 1029; position: fixed; top: 115px; right: 0; bottom: 0; } @media (max-width: 1199.98px) { .map-right { height: 450px; position: static; min-height: inherit; margin-bottom: 30px; padding-right: 15px; } } .map-right .available-info { margin-bottom: 0; } .map-listing { height: calc(100vh - 145px); width: 100%; } @media (max-width: 1199.98px) { .map-listing { height: 450px; } } .map-listing .profile-widget { width: 200px !important; border: 0; margin-bottom: 0; padding: 0; } .view-icons { display: inline-flex; float: right; } .view-icons a { background-color: #ffffff; border: 1px solid #dddddd; color: #212529; font-size: 20px; text-align: center; margin-left: 10px; width: 44px; height: 38px; border-radius: 4px; padding: 4px 10px; } .view-icons a:hover { border-color: #20c0f3; color: #20c0f3; } .view-icons a.active { background-color: #20c0f3; border-color: #20c0f3; color: #ffffff; } .breadcrumb-bar { background-color: #15558d; padding: 15px 0; } .page-breadcrumb ol { background-color: transparent; font-size: 12px; margin-bottom: 0; padding: 0; } .page-breadcrumb ol li a { color: #ffffff; } .page-breadcrumb ol li.active { color: #ffffff; } .page-breadcrumb .breadcrumb-item + .breadcrumb-item:before { color: #ffffff; font-size: 10px; } .breadcrumb-bar-one { background: #F2F6F6; background-repeat: no-repeat; padding-top: 70px; min-height: 300px; position: relative; overflow: hidden; z-index: 1; } .breadcrumb-bar-one::after { content: ""; background: url(../img/banner-bg.png); background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .breadcrumb-bar-one .inner-banner { margin: 0; padding: 70px 0; } .breadcrumb-bar-one .inner-banner .breadcrumb-title { font-weight: 600; font-size: 48px; margin-bottom: 6px; } @media (max-width: 991.98px) { .breadcrumb-bar-one .inner-banner .breadcrumb-title { font-size: 36px; } } @media (max-width: 767.98px) { .breadcrumb-bar-one .inner-banner .breadcrumb-title { font-size: 26px; } } @media (max-width: 767.98px) { .breadcrumb-bar-one .inner-banner { margin: 0; padding: 50px 0; } } @media (max-width: 991.98px) { .breadcrumb-bar-one { padding-top: 40px; min-height: 260px; } } @media (max-width: 767.98px) { .breadcrumb-bar-one { min-height: auto; } } .breadcrumb-bar-one .page-breadcrumb ol { background-color: transparent; font-weight: 500; margin: 0; padding: 0; } .breadcrumb-bar-one .page-breadcrumb ol li a { font-weight: 500; color: #4B5563; } .breadcrumb-bar-one .page-breadcrumb ol li.active { color: #1F2937; } @media (max-width: 767.98px) { .breadcrumb-bar-one .page-breadcrumb ol { font-size: 15px; } } .breadcrumb-bar-one .page-breadcrumb .breadcrumb a:hover { color: #09e5ab; } .breadcrumb-bar-one .page-breadcrumb .breadcrumb-item + .breadcrumb-item { font-weight: 500; color: #1F2937; padding-left: 10px; } .breadcrumb-bar-one .breadcrumb-item + .breadcrumb-item::before { content: "/"; font-family: "feather"; float: left; padding-right: 10px; color: #9CA3AF; font-size: 14px; font-weight: 600; } .sort-by { float: right; } .sort-title { color: #ffffff; font-size: 14px; margin-right: 10px; } .sortby-fliter { display: inline-block; width: 120px; } .cal-icon { position: relative; width: 100%; } .cal-icon:after { color: #979797; content: "\f073"; display: block; font-family: "Font Awesome 5 Free"; font-size: 16px; font-weight: 400; margin: auto; position: absolute; top: 10px; right: 15px; } .custom_check { color: #666; display: inline-block; position: relative; font-size: 14px; font-size: 0.9375rem; padding-left: 30px; margin-bottom: 10px; cursor: pointer; } .custom_check input { position: absolute; opacity: 0; cursor: pointer; } .custom_check input:checked ~ .checkmark { background-color: #ffffff; } .custom_check input:checked ~ .checkmark:after { display: block; } .custom_check .checkmark { height: 20px; width: 20px; border: 1px solid #dcdcdc; background-color: #ffffff; border-radius: 3px; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: absolute; top: 0; left: 0; } .custom_check .checkmark::after { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: none; color: #0de0fe; font-size: 11px; position: absolute; top: 0; left: 4px; } .custom_radio { color: #555; display: inline-block; position: relative; font-size: 14px; font-size: 15px; padding-left: 30px; margin-bottom: 10px; cursor: pointer; } .custom_radio input { position: absolute; opacity: 0; } .custom_radio input:checked ~ .checkmark:after { opacity: 1; } .custom_radio .checkmark { height: 20px; width: 20px; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 50%; position: absolute; top: 0; left: 0; } .custom_radio .checkmark:after { display: block; content: ""; opacity: 0; width: 12px; height: 12px; background: #ff9b44; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: absolute; top: 3px; left: 3px; } .radio_input .custom_radio + .custom_radio { margin-left: 15px; } .filter-widget { margin-bottom: 20px; } .filter-widget h4 { font-size: 1rem; margin-bottom: 15px; } .filter-widget .custom_check { line-height: 18px; } .btn-search .btn { background-color: #0de0fe; border: 1px solid #0de0fe; color: #ffffff; height: 46px; font-weight: 500; font-size: 16px; } @media (max-width: 767.98px) { .doctor-widget { -ms-flex-direction: column; flex-direction: column; text-align: center; } } .doctor-widget .doc-name { font-size: 20px; font-weight: 500; margin-bottom: 3px; } @media (max-width: 767.98px) { .doctor-widget .doc-name { font-size: 18px; } } .doctor-widget .rating i { font-size: 14px; } .doctor-widget .average-rating { font-size: 14px; font-weight: 500; } @media (max-width: 767.98px) { .doc-info-left { -ms-flex-direction: column; flex-direction: column; } } .doc-info-right { margin-left: auto; -ms-flex: 0 0 200px; flex: 0 0 200px; max-width: 200px; } @media (max-width: 767.98px) { .doc-info-right { margin-left: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .doctor-img { -ms-flex: 0 0 150px; flex: 0 0 150px; margin-right: 20px; width: 150px; } @media (max-width: 767.98px) { .doctor-img { margin: 0 auto 20px; } } .doctor-img img { border-radius: 5px; } .doc-department { color: #20c0f3; font-size: 14px; margin-bottom: 8px; } .doc-department img { width: 19px; display: inline-block; margin-right: 10px; } .doc-location { color: #757575; font-size: 14px; margin-bottom: 25px; } .doc-location a { color: #09e5ab; font-weight: 500; } .doc-speciality { font-size: 14px; color: #757575; margin-bottom: 15px; } .clinic-details { margin-bottom: 15px; } .clinic-details h5 { font-weight: normal; color: #757575; margin-bottom: 25px; } .clinic-details ul { list-style: none; margin: 0; padding: 0; } .clinic-details ul li { display: inline-block; padding-right: 5px; } .clinic-details ul li:last-child { padding-right: 0; } .clinic-details ul li a { display: inline-block; } .clinic-details ul li a img { width: 40px; border-radius: 5px; } .clinic-services { color: #272b41; font-size: 13px; } @media (max-width: 767.98px) { .clinic-services { display: none; } } .clinic-services span { border: 1px solid #cccccc; display: inline-block; font-size: 12px; padding: 3px 10px; border-radius: 4px; } .clinic-services span + span { margin-left: 5px; } .clini-infos { margin-bottom: 15px; } .clini-infos ul { font-size: 14px; list-style: none; margin: 0; padding: 0; } .clini-infos ul li { display: block; line-height: 30px; color: #4E4852; } .clini-infos ul li i { font-size: 15px; min-width: 20px; } .clinic-booking a { background-color: #ffffff; border: 2px solid #20c0f3; color: #20c0f3; display: block; font-size: 14px; font-weight: 500; letter-spacing: 1px; text-align: center; text-transform: capitalize; width: 100%; padding: 10px 15px; border-radius: 4px; } .clinic-booking a + a { margin-top: 15px; } .clinic-booking a.view-pro-btn:hover, .clinic-booking a.view-pro-btn:focus { background: #20c0f3; color: #ffffff; } .clinic-booking a.apt-btn { background: #20c0f3; color: #ffffff; } @media (max-width: 479.98px) { .clinic-booking a.apt-btn { width: 100%; } } .clinic-booking a.apt-btn:hover, .clinic-booking a.apt-btn:focus { background-color: #0db9f2; border-color: #0db9f2; color: #ffffff; } @media (max-width: 479.98px) { .clinic-booking a.view-pro-btn { width: 100%; margin-bottom: 15px; } } .load-more { margin-bottom: 30px; } .filter-contents { border: 2px solid #F3F4F6; border-radius: 10px; } @media (max-width: 991.98px) { .filter-contents { margin-bottom: 24px; } } .filter-header { background: #F2F6F6; border-radius: 10px 10px 0px 0px; padding: 15px 20px; } .filter-header .filter-title { font-size: 18px; font-weight: 600; margin-bottom: 0; } .filter-details { padding: 20px; } .filter-grid { padding-bottom: 25px; } .filter-grid h4 { margin-bottom: 0; } .filter-grid h4 a { font-weight: 600; font-size: 16px; color: #1F2937; position: relative; } .filter-grid h4 a:hover { color: #272B41; } .filter-grid h4 a::before { content: "\e92e"; font-family: "feather"; color: #1F2937; border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: 500; position: absolute; right: 0; line-height: normal; } .filter-grid h4 a:not(.collapsed)::before { content: "\e931"; font-family: "feather"; border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filter-collapse { padding-top: 20px; } .filter-collapse ul { padding: 0; margin: 0; list-style: 0; } .filter-collapse ul li { display: block; margin-bottom: 10px; } .filter-collapse ul li:last-child { margin-bottom: 0; } .filter-collapse ul li .custom_check { padding-left: 26px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #6B7280; margin-bottom: 0; } .filter-collapse ul li .custom_check.custom_check .checkmark { border: 1px solid #E5E7EB; border-radius: 4px; height: 17px; width: 17px; top: 3px; } .filter-collapse ul li .custom_check input:checked ~ .checkmark { background: #ffffff; border-color: #0E82FD; } .filter-collapse ul li .custom_check .checkmark::after { content: ""; background: #0E82FD; width: 10px; height: 10px; top: 3px; left: 3px; border-radius: 3px; } .filter-collapse ul li .custom_check .online-icon { font-size: 20px; margin-right: 10px; margin-left: 5px; } .rating_custom_check { width: 100%; } .rating_custom_check .rating { width: 100%; } .rating_custom_check .rating .rating-count { font-weight: 500; float: right; color: #9CA3AF; } .filter-content-slider p { color: #1F2937; margin-bottom: 15px; } .filter-content-slider p span { float: right; } .price-wrapper { margin: 15px 0 0; font-size: 14px; } .price-wrapper h6 { font-size: 14px; font-weight: 500; color: #6B7280; margin-bottom: 0; } .price-wrapper h6 span { font-weight: 600; color: #1F2937; } .slider-wrapper .ui-slider-handle { background: #0E82FD; border: 0; border-radius: 50%; box-shadow: 0px 4px 4px rgba(124, 124, 124, 0.25); width: 18px; height: 18px; box-shadow: 0 0px 0px 4px #0E82FD; width: 12px; height: 12px; background: #ffffff; margin: 0; } #price-range.ui-slider-horizontal { height: 6px; border: 0; border-radius: 25px; background: #E9ECF1; } .ui-widget-header { background: #0E82FD; } .filter-btn .btn { font-weight: 600; font-size: 15px; padding: 7px 15px; border-radius: 6px; } .doctor-filter-info { padding-bottom: 30px; } @media (max-width: 767.98px) { .doctor-filter-info { display: none; } } .doctors-found { padding-bottom: 12px; } .doctors-found p { font-weight: 500; font-size: 16px; margin-bottom: 0; } .doctors-found p span { color: #1F2937; } @media (max-width: 1399.98px) { .doctors-found p { font-size: 14px; } } .doctor-filter-availability p { font-weight: 600; color: #4B5563; margin-right: 6px; margin-bottom: 0; } .doctor-filter-option { flex-shrink: 0; } .doctor-filter-sort { padding-right: 15px; } .doctor-filter-sort:last-child { padding-right: 0; } .doctor-filter-sort p { color: #8C97B0; margin-right: 15px; margin-bottom: 0; } .doctor-filter-sort .filter-today { margin-right: 0; } .doctor-filter-sort .filter-today i { font-size: 18px; margin-right: 10px; } .doctor-filter-sort .nav li { margin-right: 8px; } .doctor-filter-sort .nav li:last-child { margin-right: 0; } .doctor-filter-sort .nav li a { width: 32px; height: 32px; background: #ffffff; border: 2px solid #F3F4F6; border-radius: 7px; color: #6B7280; } .doctor-filter-sort .nav li a:hover { background: #0E82FD; border: 2px solid #0E82FD; color: #ffffff; } .doctor-filter-sort .nav li a:hover img { filter: invert(1) brightness(100); } .doctor-filter-sort .nav li a.active { background: #0E82FD; border: 2px solid #0E82FD; color: #ffffff; } .doctor-filter-sort .nav li a.active img { filter: invert(1) brightness(100); } .doctor-filter-select { width: 94px; } .doctor-filter-select .select2-container .select2-selection--single { background-color: #F2F6F6; border: 1px solid #F3F4F6; height: 32px; } .doctor-filter-select .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 32px; padding-left: 10px; font-weight: 600; color: #1F2937; } .doctor-filter-select .select2-container--default .select2-selection--single .select2-selection__arrow { height: 30px; } .doctor-card { border: 2px solid #F3F4F6; border-radius: 10px; } .doctor-widget-one .doc-name { margin-bottom: 4px; font-size: 20px; } .doctor-widget-one .doc-name a { color: #1F2937; } .doctor-widget-one .doc-name i { margin-left: 8px; font-size: 16px; color: #22C550; } @media (max-width: 991.98px) { .doctor-widget-one .doc-name { font-size: 18px; } } @media (max-width: 767.98px) { .doctor-widget-one { text-align: center; flex-direction: column; } } @media (max-width: 767.98px) { .doctor-widget-one .doc-info-left { flex-direction: column; } } .doctor-widget-one .doctor-img { -ms-flex: 0 0 164px; flex: 0 0 164px; margin-right: 20px; width: 164px; height: 164px; border-radius: 10px; position: relative; overflow: hidden; } .doctor-widget-one .doctor-img img { width: 164px; height: 164px; border-radius: 10px; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .doctor-widget-one .doctor-img:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } @media (max-width: 767.98px) { .doctor-widget-one .doctor-img { margin: 0 auto 20px; padding: 0; } } .doctor-widget-one .favourite-btn { position: absolute; top: 8px; right: 8px; z-index: 1; } .doctor-widget-one .favourite-btn .favourite-icon { background-color: #ffffff; border: 1px solid #EDF1F1; width: 30px; height: 30px; font-size: 14px; border-radius: 50px; color: #9CA3AF; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .doctor-widget-one .favourite-btn .favourite-icon:hover { color: #fb1612; } .doctor-widget-one .favourite-btn .favourite-icon.favourite { animation: size 0.4s; color: #FF3333; } .doctor-widget-one .doc-speciality { font-size: 12px; color: #9CA3AF; margin-bottom: 20px; } .doctor-widget-one .clinic-details { padding-bottom: 14px; } .doctor-widget-one .doc-info-cont .reviews-ratings p { font-size: 12px; } .doctor-widget-one .doc-info-cont .reviews-ratings p span { font-size: 14px; margin: 0 4px 0 0; padding: 2px 5px; } .doctor-widget-one .doc-location { font-weight: 500; margin-bottom: 14px; } .doctor-widget-one .doc-location:last-child { margin-bottom: 0; } .doctor-widget-one .doc-location span { color: #1F2937; margin-right: 3px; } .doctor-widget-one .doc-location i { margin-right: 10px; font-size: 18px; color: #9CA3AF; } @media (max-width: 767.98px) { .doctor-widget-one .doc-location i { margin: 0 0 5px 0; padding: 0; } } .doctor-widget-one .doc-location a { font-weight: 500; color: #0E82FD; margin-left: 8px; } .doctor-widget-one .doc-location a:hover { color: #000000; } @media (max-width: 767.98px) { .doctor-widget-one .doc-location { flex-direction: column; } } .doctor-widget-one .doc-info-right { margin-left: auto; -ms-flex: 0 0 240px; flex: 0 0 240px; max-width: 240px; } @media (max-width: 991.98px) { .doctor-widget-one .doc-info-right { -ms-flex: 0 0 270px; flex: 0 0 270px; max-width: 270px; } } @media (max-width: 767.98px) { .doctor-widget-one .doc-info-right { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-left: 0; } } .doctor-widget-one .doc-info-details { margin-left: auto; max-width: 230px; } @media (max-width: 767.98px) { .doctor-widget-one .doc-info-details { margin: 0 auto 0; padding: 0; } } .doctor-widget-one .clini-infos { margin-bottom: 15px; } .doctor-widget-one .clini-infos ul { list-style: none; margin: 0; padding: 0; } .doctor-widget-one .clini-infos ul li { color: #6B7280; margin-bottom: 8px; } .doctor-widget-one .clini-infos ul li:last-child { margin-bottom: 0; } .doctor-widget-one .clini-infos ul li .available-date { border-radius: 5px; padding: 3px 15px; font-weight: normal; } .doctor-widget-one .clini-infos ul li .available-today { background: #DCFCE5; color: #22C550; font-weight: 500; } .doctor-widget-one .clini-infos ul li .available-tomorrow { background: #FFF6D8; color: #F3DB00; } .doctor-widget-one .clini-infos ul li .available-icon { font-size: 18px; color: #9CA3AF; margin-right: 10px; } .doctor-widget-one .clini-infos ul li .votes { font-size: 12px; color: #9CA3AF; margin-left: 5px; } .doctor-widget-one .clini-infos ul li .available-info-icon { font-size: 14px; color: #9CA3AF; margin-left: 5px; } @media (max-width: 767.98px) { .doctor-widget-one .clini-infos ul li { display: block; } } @media (max-width: 767.98px) { .doctor-widget-one .clini-infos { margin: 20px 0 15px 0; padding: 0; } } .doctor-widget-one .clinic-booking .btn { border-radius: 8px; font-weight: 500; font-size: 14px; border: 2px solid #09e5ab; padding: 6px 15px; } .doctor-widget-one .clinic-booking .btn-primary-light { color: #09e5ab; background: #ffffff; box-shadow: inset 0 0 0 0 #09e5ab; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; margin-top: 8px; } .doctor-widget-one .clinic-booking .btn-primary-light:hover { color: #ffffff; background: #09e5ab; box-shadow: inset 0 0 0 50px #09e5ab; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .doctor-widget-one .clinic-booking.book-appoint .btn-primary { color: #fff; background-color: #0E82FD; border: 2px solid #0E82FD; box-shadow: inset 0 0 0 0 #fff; } .doctor-widget-one .clinic-booking.book-appoint .btn-primary:hover { color: #0E82FD; background-color: #ffffff; border-color: #0E82FD; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .doctor-widget-one .clinic-booking.book-appoint .btn-primary-light { color: #0E82FD; background: #ffffff; box-shadow: inset 0 0 0 0 #0E82FD; border: 2px solid #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .doctor-widget-one .clinic-booking.book-appoint .btn-primary-light:hover { color: #fff; background-color: #0E82FD; border: 2px solid #0E82FD; box-shadow: inset 0 0 0 0 #fff; } .doctor-profile-widget.doc-grid { margin-bottom: 24px; } .doctor-profile-widget.doc-grid .doc-pro-img .doctor-profile-img { margin: 15px 15px 0; } .doctor-profile-widget.doc-grid .doc-pro-img .doctor-profile-img img { border-radius: 10px; } .doctor-profile-widget.doc-grid .doc-pro-img .favourite-btn { top: 15px; right: 25px; } .doctor-profile-widget.doc-grid .doc-pro-img .reviews-ratings { position: absolute; top: 15px; left: 25px; } .doctor-profile-widget.doc-grid .doc-pro-img .reviews-ratings p span { min-width: 52px; font-size: 14px; margin: 0; padding: 2px 3px; } .doctor-profile-widget.doc-grid .doc-content { padding: 15px; } .doctor-profile-widget.doc-grid .doc-content .review-price p { font-weight: 500; font-size: 18px; color: #28283C; } .doctor-profile-widget.doc-grid .doc-content .review-price p span { font-size: 13px; color: #6B7280; } @media (max-width: 1399.98px) { .doctor-profile-widget.doc-grid .doc-content .review-price p { font-size: 14px; } } .doctor-profile-widget.doc-grid .doc-content .doc-pro-name { width: 100%; overflow: hidden; } .doctor-profile-widget.doc-grid .doc-content .doc-pro-name h4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 2px; } .doctor-profile-widget.doc-grid .doc-content .doc-pro-name h4 a { margin-right: 6px; } .doctor-profile-widget.doc-grid .doc-content .doc-pro-name h4 i { color: #22C550; } .doctor-profile-widget.doc-grid .doc-content .doc-pro-location p { margin-bottom: 10px; font-size: 14px; } .doctor-profile-widget.doc-grid .doc-content .doc-pro-location p:last-child { margin-bottom: 0; } .doctor-profile-widget.doc-grid .doc-content .doc-pro-location p i { color: #9CA3AF; font-size: 18px; } .doctor-profile-widget.doc-grid .doc-content .doc-pro-location p span { color: #1F2937; margin-right: 2px; } .doctor-profile-widget.doc-grid .favourite-btn { position: absolute; top: 8px; right: 8px; z-index: 1; } .doctor-profile-widget.doc-grid .favourite-btn .favourite-icon { background-color: #ffffff; border: 1px solid #EDF1F1; width: 30px; height: 30px; font-size: 14px; border-radius: 50px; color: #484848; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .doctor-profile-widget.doc-grid .favourite-btn .favourite-icon:hover { color: #fb1612; } .doctor-profile-widget.doc-grid .favourite-btn .favourite-icon.favourite { animation: size 0.4s; color: #FF3333; } .filter-collapse .more-view { color: #0E82FD; } .more-view { color: #0E82FD; font-size: 14px; font-weight: 500; } .fill-more { height: 97px; overflow: hidden; border-bottom: 1px solid #F3F4F6; margin-bottom: 10px !important; } .apply-btn .btn-primary { color: #fff; background-color: #0E82FD; border: 2px solid #0E82FD; box-shadow: inset 0 0 0 0 #ffffff; display: grid; } .apply-btn .btn-primary:hover { color: #0E82FD; background-color: #ffffff; border-color: #0E82FD; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .apply-btn .btn-outline-primary { color: #0E82FD; background: #ffffff; box-shadow: inset 0 0 0 0 #0E82FD; border: 2px solid #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; display: grid; } .apply-btn .btn-outline-primary:hover { color: #ffffff; background-color: #0E82FD; border: 2px solid #0E82FD; box-shadow: inset 0 0 0 0 #ffffff; } .map-right { height: 100%; min-height: 100%; padding-right: 30px; position: fixed; top: 0; right: 0; bottom: 0; z-index: 1029; display: none; } .map-right .available-info { margin-bottom: 0; } @media (max-width: 1199.98px) { .map-right { position: static; height: 450px; } } .map-right.grid-list-map { display: block; padding-right: 0px; top: 80px; } .map-listing { height: calc(100vh - 0px); width: 100%; } .map-listing .profile-widget { width: 320px; padding: 0; border: 0; margin-bottom: 0; } @media (max-width: 1199.98px) { .map-listing { height: 450px; } } @media (max-width: 767.98px) { .product-cont { text-align: start; } } .search-page { overflow-x: hidden; } .info-widget { border-bottom: 1px solid #f0f0f0; padding-bottom: 30px; margin-bottom: 30px; } .card-label > label { background-color: #ffffff; color: #959595; display: inline-block; font-size: 13px; font-weight: 500; margin: 6px auto auto 8px; padding: 0 7px; } @media (max-width: 991.98px) { .card-label > label { font-size: 12px; } } .card-label > input { background-color: #ffffff; border: 1px solid #dbdbdb; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05); display: block; height: 50px; margin-top: -13px; -webkit-transition: border-color 0.3s; -ms-transition: border-color 0.3s; transition: border-color 0.3s; width: 100%; border-radius: 4px; padding: 5px 15px 0; } .exist-customer a { color: #20c0f3; font-weight: 500; } .payment-widget .payment-list + .payment-list { margin-bottom: 15px; } .payment-radio { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 16px; font-weight: 700; color: #272b41; text-transform: capitalize; } .payment-radio input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .payment-radio .checkmark { width: 19px; height: 19px; border: 2px solid #dddddd; border-radius: 50%; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; margin: 3px 0 0 0; position: absolute; top: 0; left: 0; } .payment-radio .checkmark::after { content: ""; width: 9px; height: 9px; background-color: #20c0f3; opacity: 0; visibility: hidden; transform: scale(0.1); -webkit-transform: scale(0.1); -ms-transform: scale(0.1); border-radius: 50%; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; position: absolute; top: 3px; left: 3px; } .payment-radio input:checked ~ .checkmark { border-color: #20c0f3; } .payment-radio input:checked ~ .checkmark::after { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); } .booking-date { list-style: none; padding: 0; } .booking-date li { position: relative; font-size: 14px; font-weight: 500; color: #272b41; text-transform: capitalize; margin-bottom: 15px; margin-right: 5px; } .booking-date li span { float: right; color: #757575; font-weight: 400; font-size: 15px; } .booking-fee { list-style: none; padding: 0; } .booking-fee li { position: relative; font-size: 14px; font-weight: 500; color: #272b41; text-transform: capitalize; margin-bottom: 15px; } .booking-fee li span { float: right; color: #757575; font-weight: 400; font-size: 15px; } .booking-total { border-top: 1px solid #e4e4e4; margin-top: 20px; padding-top: 20px; } .booking-total ul { list-style: none; margin: 0; padding: 0; } .booking-total ul li span { font-size: 18px; font-weight: 700; color: #272b41; } @media (max-width: 767.98px) { .booking-total ul li span { font-size: 14px; } } .booking-total ul li .total-cost { color: #20c0f3; font-size: 16px; float: right; } @media (max-width: 767.98px) { .booking-total ul li .total-cost { font-size: 14px; } } #calendar-events { background-color: #fcfcfc; } .calendar-events { border: 1px solid transparent; cursor: move; padding: 10px 15px; } .calendar-events:hover { border-color: #e9e9e9; background-color: #ffffff; } .calendar-events i { margin-right: 8px; } .calendar { float: left; margin-bottom: 0; } .fc-toolbar.fc-header-toolbar { margin-bottom: 1.5rem; } @media (max-width: 479.98px) { .fc-toolbar.fc-header-toolbar .fc-right { margin-bottom: 10px; } } @media (max-width: 479.98px) { .fc-toolbar.fc-header-toolbar .fc-left { margin-bottom: 10px; } } .fc-toolbar h2 { font-size: 18px; font-weight: 600; font-family: "Roboto", sans-serif; line-height: 30px; text-transform: uppercase; } .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar .ui-state-hover, .fc-toolbar button:hover, .fc-toolbar button:focus { z-index: 0; } .none-border .modal-footer { border-top: none; } .fc-day-grid-event .fc-time { font-family: "Roboto", sans-serif; } .fc-day { background: #ffffff; } .fc th.fc-widget-header { background: #eeeeee; font-size: 14px; line-height: 20px; text-transform: uppercase; padding: 10px 0; } .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover { border-color: #f3f3f3; } .fc-unthemed .fc-today { background: #ffffff; } .fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number { padding: 2px 5px; } .fc-basic-view td.fc-week-number span { padding-right: 8px; font-weight: 700; font-family: "Roboto", sans-serif; } .fc-basic-view td.fc-day-number { padding-right: 8px; font-weight: 700; font-family: "Roboto", sans-serif; } .fc-button { background: #f1f1f1; border: none; color: #797979; text-transform: capitalize; box-shadow: none !important; border-radius: 3px !important; height: auto !important; margin: 0 3px !important; padding: 6px 12px !important; } .fc-text-arrow { font-family: inherit; font-size: 16px; } .fc-state-hover { background: #f3f3f3; } .fc-state-highlight { background: #f0f0f0; } .fc-state-down, .fc-state-active, .fc-state-disabled { background-color: #20c0f3 !important; color: #ffffff !important; text-shadow: none !important; } .fc-cell-overlay { background: #f0f0f0; } .fc-event { border: none; color: #ffffff !important; cursor: move; font-size: 13px; text-align: center; border-radius: 2px; margin: 1px 7px; padding: 5px 5px; } .event-form .input-group .form-control { height: 40px; } @media (max-width: 479.98px) { .fc-day-header span { font-size: 10px; } } .comp-header { margin-bottom: 1.875rem; } .comp-header .comp-title { color: #272b41; } .line { background-color: #20c0f3; height: 2px; margin: 0; width: 60px; } .comp-buttons .btn { margin-bottom: 5px; } .pagination-box .pagination { margin-top: 0; } .comp-dropdowns .btn-group { margin-bottom: 5px; } .progress-example .progress { margin-bottom: 1.5rem; } .progress-xs { height: 4px; } .progress-sm { height: 15px; } @media (max-width: 575.98px) { .progress-lg .page-link { font-size: 16px; padding: 0.5rem 0.625rem; } } .progress.progress-sm { height: 6px; } .progress.progress-md { height: 8px; } .progress.progress-lg { height: 18px; } .row.row-sm { margin-left: -3px; margin-right: -3px; } .row.row-sm > div { padding-left: 3px; padding-right: 3px; } @media (max-width: 575.98px) { .pagination-lg .page-link { font-size: 16px; padding: 0.5rem 0.625rem; } } .custom-edit-service textarea.form-control { min-height: 200px; } .custom-edit-service .service-upload { border: 1px solid #dcdcdc; border-radius: 0.25rem; text-align: center; background-color: #ffffff; position: relative; margin: 0 0 30px; padding: 70px 0; } .custom-edit-service .service-upload i { font-size: 50px; color: #858585; } .custom-edit-service .service-upload span { font-size: 15px; color: #858585; margin-top: 14px; display: block; } .custom-edit-service .service-upload input[type=file] { width: 100%; height: 100%; opacity: 0; cursor: pointer; position: absolute; top: 0; left: 0; } .upload-wrap li { margin: 10px; list-style: none; } .upload-wrap li:first-child { margin-left: 0; } @media (max-width: 575.98px) { .custom-components { margin-bottom: 10px; } } .invoice-content { background-color: #ffffff; border: 1px solid #f0f0f0; margin-bottom: 30px; border-radius: 4px; padding: 30px; } @media (max-width: 575.98px) { .invoice-content { padding: 1.25rem; } } .invoice-item .invoice-logo { margin-bottom: 30px; } .invoice-item .invoice-logo img { width: auto; max-height: 52px; } .invoice-item .invoice-text { padding-top: 42px; padding-bottom: 36px; } .invoice-item .invoice-text h2 { color: #272b41; font-size: 36px; font-weight: 600; } .invoice-item .invoice-details { text-align: right; color: #757575; font-weight: 500; } @media (max-width: 767.98px) { .invoice-item .invoice-details { text-align: left; } } .invoice-item .invoice-details strong { color: #272b41; } .invoice-item .invoice-details-two { text-align: left; } .invoice-item .customer-text { font-size: 18px; color: #272b41; font-weight: 700; margin-bottom: 8px; display: block; } @media (max-width: 767.98px) { .invoice-item .customer-text { font-size: 16px; } } .invoice-info { margin-bottom: 30px; } .invoice-info p { margin-bottom: 0; } .invoice-info.invoice-info2 { text-align: right; } @media (max-width: 767.98px) { .invoice-info.invoice-info2 { text-align: left; } } .invoice-info h5 { font-size: 16px; font-weight: 500; } .invoice-table tr th, .invoice-table tr td, .invoice-table-two tr th, .invoice-table-two tr td { color: #272b41; font-weight: 700; line-height: inherit; padding: 10px 20px; } .invoice-table tr td, .invoice-table-two tr td { color: #757575; font-weight: 500; } .invoice-table-two { margin-bottom: 0; } .invoice-table-two tr th, .invoice-table-two tr td { border-top: 0; } .invoice-table-two tr td { text-align: right; } .other-info { margin-top: 10px; } .terms-text { margin-bottom: 20px; } .terms-text h4 { font-size: 24px; font-weight: 500; margin-bottom: 20px; } .terms-text p { color: #666; display: inline-block; font-size: 16px; } .account-card { border-radius: 10px; font-size: 16px; text-align: center; margin: 0 0 30px; padding: 10px; } .account-card span { font-size: 24px; display: block; margin-bottom: 5px; font-weight: 500; } .info-list { margin-bottom: 10px; } .info-list .title { color: #272b41; font-weight: 500; } .info-list .text { color: #757575; display: block; overflow: hidden; } .banner-wrapper { max-width: 800px; width: 100%; margin: 0 auto; } @media (max-width: 991.98px) { .banner-wrapper { max-width: 720px; } } .banner-wrapper .search-box-3 { background: #1e5c92; border-radius: 10px; position: absolute; margin: -50px 0 0; padding: 40px 20px; } @media (max-width: 991.98px) { .banner-wrapper .search-box-3 { display: none; } } .banner-wrapper .search-box-3 .search-location { -ms-flex: 0 0 240px; flex: 0 0 240px; margin-right: 12px; position: relative; width: 240px; } .banner-wrapper .search-box-3 .search-location .form-control { background: #ffffff url(../img/location.png) no-repeat 10px center; } .banner-wrapper .search-box-3 .form-group { margin-bottom: 0px; } .banner-wrapper .search-box-3 .form-control { border: 1px solid #cccccc; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.08); border-radius: 5px; padding-left: 35px; } .banner-wrapper .search-box-3 .search-info { -ms-flex: 0 0 490px; flex: 0 0 490px; margin-right: 12px; position: relative; width: 490px; } .banner-wrapper .search-box-3 .search-info .form-control { background: #ffffff url(../img/search.png) no-repeat 10px center; } .banner-wrapper .search-box-3 .form-control { background: #ffffff url(../img/search.png) no-repeat 10px center; } .banner-wrapper .search-box-3 .search-btn { width: 46px; -ms-flex: 0 0 46px; flex: 0 0 46px; height: 46px; } .banner-wrapper .search-box-3 .search-btn span { display: none; font-weight: 500; } .btn-search { background: #ffffff; border: 1px solid #ffffff; color: #1e5c92; } .form-custom i { color: #DD2D4E; position: absolute; top: 35%; right: 15px; } .doctor-search-form select { border: 1px solid rgba(16, 222, 253, 0.1); box-shadow: 0px 4px 4px rgba(237, 237, 237, 0.25); border-radius: 5px; } .doctor-search-form input { border: 1px solid rgba(16, 222, 253, 0.1); box-shadow: 0px 4px 4px rgba(237, 237, 237, 0.25); border-radius: 5px; } .doctor-search-form input, .doctor-search-form select { background: #ffffff; border-radius: 130px; min-height: 60px; border: 0; } .doctor-search-section { padding-top: 95px; position: relative; background: url(../img/banner-2.jpg); background-position: 50% 0; background-size: cover; background-repeat: no-repeat; z-index: 1; } @media (max-width: 991.98px) { .doctor-search-section { padding-top: 85px; } } .doctor-search-section .doctor-search { padding-bottom: 15px; } @media (max-width: 991.98px) { .doctor-search-section .doctor-search { padding: 30px 0; } } .doctor-search-section .banner-header h2 { color: #186DB5; font-size: 32px; font-weight: 600; line-height: 54px; } @media (max-width: 767.98px) { .doctor-search-section .banner-header h2 { font-size: 26px; line-height: 40px; } } .doctor-search-section .doctor-search-form select, .doctor-search-section .doctor-search-form input { border: 1px solid rgba(16, 222, 253, 0.1); box-shadow: 0px 4px 4px rgba(237, 237, 237, 0.25); border-radius: 5px; padding-right: 42px; } @media (max-width: 991.98px) { .doctor-search-section .dr-img { display: none; } } .clinics-section { padding: 60px 0 40px; background: #ffffff; } @media (max-width: 991.98px) { .clinics-section { padding: 40px 0 25px; } } @media (max-width: 767.98px) { .clinics-section { padding: 30px 0 10px; } } .clinics-section .clinic-item:hover .clinics-card .clinics-img:after { background: rgba(45, 226, 253, 0.9); transition: all 0.5s; } .clinics-section .clinic-item:hover .clinics-icon { transform: translate(0, -180%); -webkit-transform: translate(0, -180%); -ms-transform: translate(0, -180%); } .clinics-section .clinic-item:hover .clinics-icon i { color: #1C5B90; background: #ffffff; } .clinics-section .clinics-card { position: relative; border-radius: 10px; overflow: hidden; } .clinics-section .clinics-card .clinics-img { position: relative; } .clinics-section .clinics-card .clinics-img:after { content: ""; background: rgba(28, 91, 144, 0.9); position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .clinics-section .clinics-card .clinics-info { margin: 0 auto; text-align: center; position: absolute; top: 50%; right: 0; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .clinics-section .clinics-card .clinics-info img { width: 60px !important; margin: auto; margin-bottom: 10px; } .clinics-section .clinics-card .clinics-info span { font-weight: 600; font-size: 18px; color: #ffffff; } .clinics-section .clinics-icon { transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .clinics-section .clinics-icon i { border-radius: 50%; height: 35px; width: 35px; text-align: center; line-height: 35px; background: #10DEFD; color: #ffffff; margin: auto; display: block; } .section-heading { margin-bottom: 30px; } @media (max-width: 767.98px) { .section-heading { margin-bottom: 15px; } } .section-heading h2 { font-weight: 700; font-size: 26px; color: #1C5B90; } @media (max-width: 767.98px) { .section-heading h2 { font-size: 20px; } } .section-heading p { font-size: 14px; color: #757578; margin-bottom: 0; } .section-heading.bg-area h2 { color: #ffffff; } .section-heading.bg-area p { color: #ffffff; } .specialities-section { padding: 80px 0 55px; position: relative; background: url(../img/specialist-bg.jpg); background-position: 50% 0; background-size: cover; background-repeat: no-repeat; z-index: 1; } @media (max-width: 991.98px) { .specialities-section { padding: 60px 0 35px; } } @media (max-width: 767.98px) { .specialities-section { padding: 40px 0 15px; } } .specialities-section:after { content: ""; background: rgba(25, 69, 107, 0.9); z-index: -1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .specialities-section .specialist-card { background: #ffffff; box-shadow: 0px 4px 24px rgba(183, 183, 183, 0.25); border-radius: 163px; align-items: center; margin: 0 0 25px; padding: 15px; } .specialities-section .specialist-card:hover { background: #E0F2FF; } .specialities-section .specialist-card:hover .specialist-img { background: #10DEFD; transition: all 0.5s; } .specialities-section .specialist-card:hover .specialist-nav i { background: #10DEFD; color: #ffffff; } .specialities-section .specialist-card .specialist-img { background: #1B5D92; height: 55px; width: 55px; border-radius: 50%; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; margin: 0 10px 0 0; padding: 10px; } .specialities-section .specialist-card .specialist-info p { font-weight: 500; color: #000000; margin-bottom: 0; } .specialities-section .specialist-card .specialist-info h4 { font-weight: 600; color: #274782; margin-bottom: 0; } .specialities-section .specialist-card .specialist-nav i { border-radius: 50%; height: 35px; width: 35px; text-align: center; line-height: 35px; background: #ffffff; box-shadow: 0px 4px 24px rgba(183, 183, 183, 0.25); color: #D84153; margin: auto; display: block; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .shapes { position: absolute; width: 100%; } @media (max-width: 991.98px) { .shapes { display: none; } } .shapes .shape-1 { position: absolute; top: 0; left: 0; } .shapes .shape-2 { position: absolute; top: 0; right: 0; } .shapes .shape-3 { position: absolute; top: -110px; left: 0; } .shapes .shape-4 { position: absolute; top: -110px; right: 0; } .our-doctors-section { padding: 60px 0; background: #ffffff; } @media (max-width: 991.98px) { .our-doctors-section { padding: 40px 0; } } @media (max-width: 767.98px) { .our-doctors-section { padding: 30px 0; } } .our-doctors-section .our-doctors-card { background: rgba(232, 246, 255, 0.4); border: 1px solid rgba(231, 237, 255, 0.5); border-radius: 10px; padding: 10px; } .our-doctors-section .our-doctors-card .doctors-header { position: relative; } .our-doctors-section .our-doctors-card .doctors-header img { border-radius: 10px 10px 0 0; } .our-doctors-section .our-doctors-card .doctors-header .img-overlay { background: #1B5D92; border-radius: 110px; padding: 5px 10px; color: #ffffff; font-weight: 700; font-size: 14px; position: absolute; top: 10px; right: 10px; } .our-doctors-section .our-doctors-card .doctors-body { background: #ffffff; border-radius: 0px 0px 10px 10px; padding: 10px; } .our-doctors-section .our-doctors-card .doctors-body .rating { font-size: 12px; } .our-doctors-section .our-doctors-card .doctors-body .rating i.filled { color: #FFC001; } .our-doctors-section .our-doctors-card .doctors-body .rating .average-ratings { background: #1C5B90; border-radius: 70px; color: #ffffff; padding: 1px 15px; margin-left: 10px; } .our-doctors-section .our-doctors-card .doctors-body h4 { color: #1C1C1C; font-weight: 600; margin-bottom: 0.5rem; } .our-doctors-section .our-doctors-card .doctors-body h4:hover { color: #0E82FD; } .our-doctors-section .our-doctors-card .doctors-body p { font-weight: 500; margin-bottom: 0; font-size: 11px; } .our-doctors-section .our-doctors-card .doctors-body .location { padding: 20px 0; } .our-doctors-section .our-doctors-card .doctors-body .location p { font-size: 13px; color: #000000; } .our-doctors-section .our-doctors-card .doctors-body .location p i { color: #1C5B90; } .our-doctors-section .our-doctors-card .doctors-body .view-btn { background: #E8F6FF; border: 1px solid #E8F6FF; box-sizing: border-box; border-radius: 30px; color: rgba(41, 68, 129, 0.9); padding: 10px 0; } .our-doctors-section .our-doctors-card .doctors-body .view-btn:hover { background-color: #0E82FD; color: #ffffff; } .our-doctors-section .our-doctors-card .doctors-body .book-btn { background: #10DEFD; border-radius: 30px; padding: 10px 0; border: 0; } .our-doctors-section .our-doctors-card .doctors-body .book-btn:hover { background-color: #0E82FD; } .clinic-features-section { position: relative; background: url(../img/featured-bg.jpg); background-position: 50% 0; background-size: cover; background-repeat: no-repeat; padding: 60px 0; } @media (max-width: 991.98px) { .clinic-features-section { padding: 40px 0; } } @media (max-width: 767.98px) { .clinic-features-section { padding: 30px 0; } } .clinic-features-section .clinic-features { position: relative; } .clinic-features-section .clinic-features img { border-radius: 10px; } .clinic-features-section .clinic-feature-overlay { text-align: center; width: 100%; position: absolute; bottom: 20px; } .clinic-features-section .clinic-feature-overlay .img-overlay { background: #20c0f3; border-radius: 60px; padding: 10px 15px; text-transform: uppercase; color: #E6F4FD; font-weight: 600; min-width: 150px; display: inline-block; } .clinic-features-section .clinic-feature-overlay .img-overlay:hover { background-color: #0E82FD; } .section-search-3 { position: relative; background: url(../img/banner-3.jpg); background-position: 50% 0; background-size: cover; background-repeat: no-repeat; z-index: 1; min-height: 450px; padding-top: 85px; } .section-search-3:after { content: ""; background: rgba(24, 96, 202, 0.9); z-index: -1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .section-search-3 .banner-info { padding: 130px 0 190px; } @media (max-width: 991.98px) { .section-search-3 .banner-info { padding: 60px 0 130px; } } @media (max-width: 767.98px) { .section-search-3 .banner-info { padding: 20px 0 100px; } } @media (max-width: 479.98px) { .section-search-3 .banner-info { padding: 20px 0 70px; } } .section-search-3 .banner-info .header-banner h2 { color: #ffffff; font-weight: 600; line-height: 40px; } .section-search-3 .banner-info .header-banner h2 .header-highlight { font-weight: 700; color: #ffffff; } .section-search-3 .banner-info .header-banner p { font-size: 17px; color: #ffffff; } .section-search-3 .doctor-search { padding-bottom: 15px; } @media (max-width: 991.98px) { .section-search-3 .doctor-search { padding: 30px 0; } } .section-search-3 .doctor-search .doctor-search-form.trans .form-control { color: #ffffff; padding-right: 42px; } .section-search-3 .doctor-search .doctor-search-form.trans input, .section-search-3 .doctor-search .doctor-search-form.trans select { background-color: transparent; border: 2px solid #c2d6f3 !important; border-radius: 130px; min-height: 60px; border: 0; box-shadow: 0px 4px 4px rgba(237, 237, 237, 0.25); border-radius: 5px; } .section-search-3 .doctor-search .doctor-search-form.trans input::placeholder, .section-search-3 .doctor-search .doctor-search-form.trans select::placeholder { color: #ffffff; } .section-search-3 .doctor-search .doctor-search-form.trans .form-custom i { color: #ffffff; } .section-search-3 .doctor-search .doctor-search-form.trans .banner-btn { background-color: #13a5e5; } .section-search-3 .doctor-search .doctor-search-form.trans .banner-btn:hover { background-color: #1C5B91; } @media (max-width: 991.98px) { .section-search-3 .doctor-search .doctor-search-form.trans .banner-btn { padding: 18px 30px; } } .doctor-category { position: relative; margin-top: -130px; z-index: 9; padding: 60px 0; } @media (max-width: 767.98px) { .doctor-category { padding: 40px 0 10px; margin-top: -110px; } } .doctor-category .pop-box { background-color: #ffffff; padding: 15px 15px 0; border-radius: 5px; box-shadow: 0px 4px 44px rgba(219, 219, 219, 0.25); } @media (max-width: 767.98px) { .doctor-category .pop-box { margin-bottom: 30px; } } .doctor-category .pop-box .top-section { background-color: #E5F6FD; padding: 20px; min-height: 150px; border-top-right-radius: 10px; border-top-left-radius: 10px; } .doctor-category .pop-box .top-section i { background-color: #ffffff; width: 100px; height: 100px; border-radius: 50%; font-size: 30px; color: #20c0f3; border: 5px solid #f5f8f9; } .doctor-category .pop-box .top-section.three { background-color: #FFE0E7; } .doctor-category .pop-box .top-section.three i { color: #FFAABD; } .doctor-category .pop-box .top-section.two { background-color: #FFF1C9; } .doctor-category .pop-box .top-section.two i { color: #FFBD07; } .doctor-category .pop-box .body-section { padding: 20px; min-height: 200px; flex-direction: column; } .doctor-category .pop-box .body-section h3 { color: #2467CA; font-weight: 600; font-size: 24px; } @media (max-width: 991.98px) { .doctor-category .pop-box .body-section h3 { font-size: 20px; } } @media (max-width: 767.98px) { .doctor-category .pop-box .body-section h3 { font-size: 18px; } } .doctor-category .pop-box .body-section p { color: #1C5B91; font-weight: 500; } .doctor-category .pop-box .body-section .book-btn { width: 150px; margin: 0 auto; border-radius: 30px; background: #2467CA; border: 1px solid #2467CA; } .doctor-category .pop-box .body-section .book-btn:hover { background: #1C5B91; border-color: #1C5B91; } .section-header-three { margin-bottom: 60px; } @media (max-width: 767.98px) { .section-header-three { margin-bottom: 40px; } } @media (max-width: 479.98px) { .section-header-three { margin-bottom: 30px; } } .section-header-three h2 { color: #2868C8; font-weight: 700; font-size: 30px; position: relative; display: inline-block; } @media (max-width: 991.98px) { .section-header-three h2 { font-size: 28px; } } @media (max-width: 767.98px) { .section-header-three h2 { font-size: 24px; } } @media (max-width: 479.98px) { .section-header-three h2 { font-size: 18px; } } .section-header-three h2:before { content: ""; width: 13px; height: 13px; background: #1C5B91; border-radius: 50%; box-shadow: 15px 0px 0px -2px #1C5B91; position: absolute; top: 12px; left: -40px; } .section-header-three h2:after { width: 13px; height: 13px; content: ""; background: #1C5B91; border-radius: 50%; box-shadow: -15px 0px 0px -2px #1C5B91; position: absolute; top: 12px; right: -40px; } .section-header-three h2 img { margin: 2px 5px 5px; } .section-header-three p { color: #757575; font-size: 16px; max-width: 600px; margin: 15px auto 0; } @media (max-width: 767.98px) { .section-header-three p { font-size: 14px; } } @media (max-width: 479.98px) { .section-header-three p { font-size: 11px; } } .clinic-specialities { background: url(../img/special-banner.jpg); padding: 60px 0; background-size: cover; background-repeat: no-repeat; } @media (max-width: 767.98px) { .clinic-specialities { padding: 40px 0; } } .clinic-specialities .special-box { background-color: #ffffff; border-radius: 10px; height: 160px; cursor: pointer; margin-bottom: 30px; transition: all 0.7s; } .clinic-specialities .special-box .special-body { padding: 20px; transition: all 0.5s; } .clinic-specialities .special-box .special-body img { width: 50px; margin-bottom: 15px; } .clinic-specialities .special-box .special-body h4 { font-size: 16px; margin: 0; font-weight: 500; } @media (max-width: 479.98px) { .clinic-specialities .special-box .special-body h4 { font-size: 15px; } } .clinic-specialities .special-box .special-body .spc-book { background-color: #ffffff; padding: 10px 15px; min-width: 120px; color: #1C5B91; border-radius: 30px; font-size: 14px; font-weight: 600; display: none; } .clinic-specialities .special-box .special-body .spc-book i { background-color: #1C5B91; color: #ffffff; border-radius: 50%; width: 12px; height: 12px; font-size: 10px; display: inline-flex; align-items: center; justify-content: center; } .clinic-specialities .special-box .special-footer { border-top: 1px solid #EAEAEA; width: 100%; margin: 0; padding: 15px; } .clinic-specialities .special-box .special-footer .doc-count { font-size: 14px; font-weight: 700; color: #1C71EF; } @media (max-width: 479.98px) { .clinic-specialities .special-box .special-footer .doc-count { font-size: 13px; } } .clinic-specialities .special-box .special-footer .doc-count span { color: #6B7280; font-weight: 500; } .clinic-specialities .special-box .special-footer .clin-count { font-size: 14px; font-weight: 700; color: #1C71EF; } @media (max-width: 479.98px) { .clinic-specialities .special-box .special-footer .clin-count { font-size: 13px; } } .clinic-specialities .special-box .special-footer .clin-count span { color: #6B7280; font-weight: 500; } .clinic-specialities .special-box:hover { background-color: #1C71EF; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; } .clinic-specialities .special-box:hover .special-body { height: 100%; flex-direction: column; } .clinic-specialities .special-box:hover .special-body h4 { color: #ffffff; } .clinic-specialities .special-box:hover .spc-book { margin-top: 10px; display: block; } .clinic-specialities .special-box:hover img { display: none; } .clinic-specialities .special-box:hover .special-footer { display: none; } .view-all-more .btn { background: #1B5D92; border-radius: 30px; border-color: #1B5D92; margin: 20px 0 0; padding: 9px 30px; } @media (max-width: 479.98px) { .view-all-more .btn { font-size: 14px; padding: 6px 20px; } } .view-all-more .btn:hover { background-color: #0E82FD; border: 1px solid #0E82FD; } .browse-section { background-color: #E5F6FD; padding: 60px 0; } @media (max-width: 767.98px) { .browse-section { padding: 40px 0; } } .browse-section .brower-box { text-align: center; border-radius: 10px; border: 6px solid #ffffff; background-color: #ffffff; margin-bottom: 20px; } .browse-section .brower-box > div { border-radius: 15px; background-color: #E5F6FD; height: 100%; padding: 15px; } .browse-section .brower-box > div .brower-img { background-color: #1C71EF; width: 70px; height: 70px; border-radius: 50%; margin: 0 auto 20px; } .browse-section .brower-box > div .brower-img img { width: auto; } .browse-section .brower-box > div h4 { font-size: 16px; font-weight: 600; color: #2264C5; } .browse-section .brower-box > div p { font-size: 14px; font-weight: 500; color: #E74E84; margin: 0; } @media (max-width: 767.98px) { .doctor-divison .d-flex { display: block !important; } } .doctor-divison .doc-background { background: url(../img/shapes/doctor-bg.jpg); background-position: center; min-height: 350px; background-size: cover; padding: 40px 30px; flex-direction: column; position: relative; z-index: 1; } @media (max-width: 991.98px) { .doctor-divison .doc-background { min-height: 250px; } } @media (max-width: 767.98px) { .doctor-divison .doc-background { padding: 20px 15px; min-height: 200px; } } .doctor-divison .doc-background::before { content: ""; background: rgba(61, 59, 59, 0.84); z-index: -1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .doctor-divison h3 { font-size: 28px; color: #ffffff; font-weight: 700; margin-bottom: 20px; } @media (max-width: 991.98px) { .doctor-divison h3 { font-size: 20px; } } @media (max-width: 767.98px) { .doctor-divison h3 { font-size: 16px; } } @media (max-width: 479.98px) { .doctor-divison h3 { font-size: 14px; margin-bottom: 15px; } } .doctor-divison p { font-size: 14px; color: #ffffff; margin-bottom: 30px; } @media (max-width: 991.98px) { .doctor-divison p { font-size: 12px; } } @media (max-width: 767.98px) { .doctor-divison p { font-size: 11px; } } @media (max-width: 479.98px) { .doctor-divison p { font-size: 10px; margin-bottom: 20px; } } .doctor-divison .doc-bok-btn { font-size: 14px; padding: 6px 12px; color: #ffffff; background-color: #1C71EF; border-radius: 30px; width: 100px; text-align: center; } @media (max-width: 479.98px) { .doctor-divison .doc-bok-btn { font-size: 12px; padding: 5px 10px; } } .doctor-divison .doc-bok-btn:hover { color: #1C71EF; background: #ffffff; } .doctor-divison .pat-background { background: url(../img/shapes/doctor-right-bg.jpg); background-position: center; min-height: 350px; background-size: cover; padding: 40px 30px; flex-direction: column; position: relative; z-index: 1; } @media (max-width: 991.98px) { .doctor-divison .pat-background { min-height: 250px; } } @media (max-width: 767.98px) { .doctor-divison .pat-background { padding: 20px 15px; min-height: 200px; } } .doctor-divison .pat-background.pat-background::before { content: ""; background: rgba(28, 113, 239, 0.9); z-index: -1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .doctor-divison .pat-background .doc-bok-btn { background-color: #1B5D92; } .doctor-divison .pat-background .doc-bok-btn:hover { color: #1C71EF; background: #ffffff; } .book-section { background: url(../img/special-banner.jpg); padding: 60px 0; background-size: cover; background-repeat: no-repeat; } @media (max-width: 767.98px) { .book-section { padding: 40px 0; } } .book-section .book-best-doctors { margin-bottom: 30px; } .book-section .book-best-doctors .book-header img { border-radius: 10px 10px 0px 0px; width: 100%; } .book-section .book-best-doctors .book-header .img-overlay { background: #13a5e5; border-radius: 50%; color: #ffffff; font-weight: 700; font-size: 14px; width: 25px; height: 25px; position: absolute; top: 10px; right: 20px; } .book-section .book-best-doctors .book-header .img-overlay i { font-size: 12px; } .book-section .book-best-doctors .doctors-body { background-color: #ffffff; padding: 0; box-shadow: 0px -6px 54px rgba(152, 152, 152, 0.25); border-radius: 0; } .book-section .book-best-doctors .doctors-body .inner-section { padding: 15px 15px 0; } .book-section .book-best-doctors .doctors-body .inner-section > span { color: #E74E84; font-size: 14px; } @media (max-width: 767.98px) { .book-section .book-best-doctors .doctors-body .inner-section > span { font-size: 12px; } } .book-section .book-best-doctors .doctors-body .rating { font-size: 12px; } .book-section .book-best-doctors .doctors-body .rating i { font-size: 10px; color: #dfdfdf; margin-bottom: 10px; } .book-section .book-best-doctors .doctors-body .rating i.filled { color: #FED35D; } .book-section .book-best-doctors .doctors-body .rating .average-ratings { background-color: #FED35D; font-size: 11px; font-weight: 700; } @media (max-width: 991.98px) { .book-section .book-best-doctors .doctors-body .rating .average-ratings { font-size: 10px; margin: 0 0 0 7px; padding: 1px 8px; } } .book-section .book-best-doctors .doctors-body h4 { color: #22396B; text-transform: uppercase; font-size: 20px; margin-bottom: 5px; font-weight: 600; } @media (max-width: 991.98px) { .book-section .book-best-doctors .doctors-body h4 { font-size: 18px; } } @media (max-width: 479.98px) { .book-section .book-best-doctors .doctors-body h4 { font-size: 16px; } } .book-section .book-best-doctors .doctors-body p { font-size: 12px; font-weight: 600; } .book-section .book-best-doctors .loc-details { background-color: #f6faff; margin: 15px 0 0; padding: 15px 10px 0; } .book-section .book-best-doctors .loc-details .d-flex { margin-bottom: 15px; } .book-section .book-best-doctors .loc-details img { color: #22396B; width: auto; margin-right: 10px; } @media (max-width: 479.98px) { .book-section .book-best-doctors .loc-details img { margin-right: 6px; } } .book-section .book-best-doctors .available-info { font-weight: 500; font-size: 11px; text-transform: uppercase; clear: both; display: block; margin: 0; color: #757575; } @media (max-width: 479.98px) { .book-section .book-best-doctors .available-info { font-size: 11px; } } .book-section .book-best-doctors .data-info { font-weight: 400; font-size: 11px; color: #2264C5; } @media (max-width: 479.98px) { .book-section .book-best-doctors .data-info { font-size: 10px; } } .book-section .book-best-doctors .amt-txt { color: #1C5B91; font-size: 18px; font-weight: 600; } @media (max-width: 991.98px) { .book-section .book-best-doctors .amt-txt { font-size: 16px; } } @media (max-width: 479.98px) { .book-section .book-best-doctors .amt-txt { font-size: 14px; } } .book-section .book-best-doctors .book-btn { font-size: 14px; padding: 6px 12px; color: #ffffff; background-color: #1C71EF; border-radius: 30px; width: 100px; text-align: center; float: right; border: none; } @media (max-width: 479.98px) { .book-section .book-best-doctors .book-btn { font-size: 12px; padding: 5px 10px; width: 80px; } } .book-section .book-best-doctors .book-btn:hover { background-color: #1C5B91; } .average-ratings { background: #1C5B90; border-radius: 70px; color: #ffffff; margin: 0 0 0 10px; padding: 1px 15px; } .latest-blog { background-color: #f4fcff; padding: 60px 0 30px; } @media (max-width: 767.98px) { .latest-blog { padding: 40px 0 10px; } } .latest-blog .blog-wrap { margin-bottom: 30px; background-color: #ffffff; border-radius: 10px 10px 0px 0px; } .latest-blog .blog-wrap img { border-radius: 10px; width: 100%; } .latest-blog .blog-wrap .blog-wrap-body { padding: 20px 15px; background-color: #ffffff; } .latest-blog .blog-wrap .blog-wrap-body h3 { font-size: 20px; font-weight: 600; margin-bottom: 15px; } @media (max-width: 991.98px) { .latest-blog .blog-wrap .blog-wrap-body h3 { font-size: 18px; } } @media (max-width: 479.98px) { .latest-blog .blog-wrap .blog-wrap-body h3 { font-size: 16px; } } .latest-blog .blog-wrap .blog-wrap-body h3 a:hover { color: #1C5B91; } .latest-blog .blog-wrap .blog-wrap-body p { font-size: 14px; color: #737373; } @media (max-width: 479.98px) { .latest-blog .blog-wrap .blog-wrap-body p { font-size: 12px; } } .latest-blog .blog-wrap .blog-wrap-body .blog-footer { border-top: 1px solid #1b70ee; padding: 15px 0 0; } .latest-blog .blog-wrap .blog-wrap-body .blog-footer .read-txt { color: #1b70ee; font-size: 14px; font-weight: 600; } @media (max-width: 479.98px) { .latest-blog .blog-wrap .blog-wrap-body .blog-footer .read-txt { font-size: 12px; } } .latest-blog .blog-wrap .blog-wrap-body .blog-footer .read-txt i { margin: 2px 6px; position: absolute; top: 3px; } .latest-blog .blog-wrap .blog-wrap-body .blog-footer .cal-txt { color: #1b70ee; font-size: 14px; font-weight: 600; } @media (max-width: 479.98px) { .latest-blog .blog-wrap .blog-wrap-body .blog-footer .cal-txt { font-size: 12px; } } .latest-blog .blog-wrap .blog-wrap-body .blog-footer .cal-txt i { margin: 2px 6px; } .browse-section.brower-category { padding: 60px 0; background: url(../img/slider/banner-02.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; } @media (max-width: 991.98px) { .browse-section.brower-category { padding: 40px 0 20px; } } .browse-section.brower-category .heading-wrapper h1 { color: #E5F6FD; } .browse-section.brower-category .brower-box { text-align: center; border-radius: 10px; border: 6px solid #ffffff; background-color: #ffffff; margin-bottom: 20px; } .browse-section.brower-category .brower-box > div { background-color: #F2F7FF; border-radius: 20px 20px 0px 0px; } .browse-section.brower-category .brower-box > div .brower-img { background-color: #28DAF4; margin-bottom: 40px; } .browse-section.brower-category .brower-box > div h4 { color: #28DAF4; } .doctor-divison.provider-select .doc-background { background: url(../img/shapes/doctor-bg.jpg); background-size: cover; padding: 60px 30px; } .doctor-divison.provider-select .doc-background::before { background: rgba(242, 247, 255, 0.94); } @media (max-width: 991.98px) { .doctor-divison.provider-select .doc-background { padding: 40px 30px; } } .doctor-divison.provider-select .doc-background h3 { color: #2357A6; } .doctor-divison.provider-select .doc-background p { color: #4B4B4B; } .doctor-divison.provider-select .pat-background { background: url(../img/shapes/doctor-right-bg.jpg); background-size: cover; padding: 60px 30px; } .doctor-divison.provider-select .pat-background::before { background: rgba(40, 218, 244, 0.9); } @media (max-width: 991.98px) { .doctor-divison.provider-select .pat-background { padding: 40px 30px; } } .doctor-divison.provider-select .pat-background a { background-color: #0CE0FF; } .blogs-section.blog-container { padding: 60px 0; } @media (max-width: 991.98px) { .blogs-section.blog-container { padding: 40px 0 10px; } } .blogs-section.blog-container .blog-wrapper .date-cart { top: 50px; right: 25px; } .blogs-section.blog-container .blog-wrapper .wrap-content-body h3 a { color: #1860CA; } .blogs-section.blog-container .blog-wrapper .wrap-content-body .sp-title { color: #28DAF4; font-size: 14px; } .main-wrapper.home-ten { font-size: 16px; font-family: "Inter", sans-serif; } @media (max-width: 1199.98px) { .main-wrapper.home-ten { font-size: 15px; } } .main-wrapper.home-ten a:hover { color: #0E82FD; } @media (max-width: 991.98px) { .main-wrapper.home-ten .faq-img { display: none; } } .main-wrapper.home-ten h1, .main-wrapper.home-ten h2, .main-wrapper.home-ten h3, .main-wrapper.home-ten h4, .main-wrapper.home-ten h5, .main-wrapper.home-ten h6 { text-transform: capitalize; } .main-wrapper.home-ten .banner-section { background: url(../img/bg/home-10-banner.png); background-repeat: no-repeat; background-position: center; background-size: 100% 101%; background-clip: padding-box; padding: 10px 0 30px; height: 745px; overflow: visible; } .main-wrapper.home-ten .banner-section .banner-content { margin-top: 60px; } @media (max-width: 991.98px) { .main-wrapper.home-ten .banner-section .banner-content { margin-top: 50px; } } @media (max-width: 575.98px) { .main-wrapper.home-ten .banner-section .banner-content { margin-top: 30px; } } .main-wrapper.home-ten .banner-section::after { display: none; } .main-wrapper.home-ten .banner-section h6 { font-size: 16px; margin-bottom: 0; text-transform: capitalize; color: #ffffff; font-weight: 400; } @media (max-width: 991.98px) { .main-wrapper.home-ten .banner-section h6 { margin-bottom: 10px; } } .main-wrapper.home-ten .banner-section h1 { color: #ffffff; max-width: 410px; line-height: 70px; font-weight: 400; } @media (max-width: 991.98px) { .main-wrapper.home-ten .banner-section h1 { max-width: 100%; font-size: 30px; line-height: normal; } } .main-wrapper.home-ten .banner-section h1 span { color: #ffffff; font-weight: 700; font-size: 60px; } @media (max-width: 991.98px) { .main-wrapper.home-ten .banner-section h1 span { font-size: 34px; } } .main-wrapper.home-ten .banner-section p { color: #CCFBF1; max-width: 502px; } @media (max-width: 991.98px) { .main-wrapper.home-ten .banner-section p { max-width: 100%; } } .main-wrapper.home-ten .banner-section .btn { border-radius: 35px; padding: 14px 40px; min-width: 205px; border: 3px solid #ffffff; font-size: 20px; } @media (max-width: 568px) { .main-wrapper.home-ten .banner-section .btn { border-radius: 35px; padding: 5px 10px; min-width: auto; border: 1px solid #ffffff; font-size: 14px; } } .main-wrapper.home-ten .banner-section .btn.plan-btn { background-color: #ffffff; margin-right: 10px; color: #0E82FD; box-shadow: inset 0 0 0 0 #0E82FD; } .main-wrapper.home-ten .banner-section .btn.plan-btn:hover { box-shadow: inset 0 0 0 50px #0E82FD; color: #ffffff; } .main-wrapper.home-ten .banner-section .btn:hover { border-color: #ffffff; } .main-wrapper.home-ten .banner-section .banner-img { position: relative; } .main-wrapper.home-ten .banner-section .banner-img img:nth-child(2) { position: absolute; left: -228px; z-index: -1; top: 0; animation: beat 2.5s ease-in-out infinite; } @keyframes beat { from { transform: scale(1.1); } 50% { transform: scale(1); } to { transform: scale(1.1); } } .main-wrapper.home-ten .banner-section .search-box-one.search-ten { border-radius: 35px; min-width: 100%; display: flex; flex-direction: column; padding: 30px; } @media (max-width: 1399.98px) { .main-wrapper.home-ten .banner-section .search-box-one.search-ten { margin-top: -27px; } } @media (max-width: 991.98px) { .main-wrapper.home-ten .banner-section .search-box-one.search-ten { margin-top: 0px; } } @media (max-width: 575.98px) { .main-wrapper.home-ten .banner-section .search-box-one.search-ten { margin-top: 0px; } } .main-wrapper.home-ten .banner-section .search-box-one.search-ten .search-title { padding-bottom: 24px; display: flex; align-items: center; } .main-wrapper.home-ten .banner-section .search-box-one.search-ten .search-title h5 { font-weight: 700; margin-right: 10px; } .main-wrapper.home-ten .banner-section .search-box-one.search-ten .search-input-ten { display: flex; align-items: center; } @media (max-width: 991.98px) { .main-wrapper.home-ten .banner-section .search-box-one.search-ten .search-input-ten { margin-bottom: 20px; } } .main-wrapper.home-ten .banner-section .search-box-one.search-ten .search-input-ten .forms-block { width: 100%; } .main-wrapper.home-ten .banner-section .search-box-one.search-ten .search-input-ten .forms-block .form-control { min-height: 40px; } .main-wrapper.home-ten .banner-section .search-box-one.search-ten .search-input-ten span { width: 40px; height: 40px; background: #F0FDFA; display: flex; align-items: center; justify-content: center; border-radius: 5px; margin-right: 10px; flex-shrink: 0; } .main-wrapper.home-ten .banner-section .search-box-one.search-ten .form-search-btn.search-btn-ten { padding-top: 0; } @media (max-width: 991.98px) { .main-wrapper.home-ten .banner-section .search-box-one.search-ten .form-search-btn.search-btn-ten { width: 100%; } } .main-wrapper.home-ten .banner-section .search-box-one.search-ten .form-search-btn.search-btn-ten .btn { min-width: 100%; padding: 10px 50px; font-size: 14px; border: 1px solid #0E82FD; } @media (max-width: 991.98px) { .main-wrapper.home-ten .banner-section .search-box-one.search-ten .form-search-btn.search-btn-ten .btn { min-width: auto; padding: 10px 0; font-size: 14px; width: 100%; } } .main-wrapper.home-ten .section-header-one { margin-bottom: 50px; text-align: center; } .main-wrapper.home-ten .section-header-one h2 { font-size: 40px; font-weight: 600; color: #1F2937; margin-bottom: 0; } .main-wrapper.home-ten .section-header-one h2 span { color: #0E82FD; } @media (max-width: 991.98px) { .main-wrapper.home-ten .section-header-one h2 { font-size: 34px; } } @media (max-width: 767.98px) { .main-wrapper.home-ten .section-header-one h2 { font-size: 26px; } } .main-wrapper.home-ten .section-header-one .section-title { display: inline-block; position: relative; } .main-wrapper.home-ten .section-header-one .section-title::before { display: none !important; } .main-wrapper.home-ten .section-header-one h5 { font-weight: 600; font-size: 18px; color: #0E82FD; margin-bottom: 10px; } @media (max-width: 991.98px) { .main-wrapper.home-ten .section-header-one { margin-bottom: 40px; } } .main-wrapper.home-ten .specialities-section-one { position: relative; } .main-wrapper.home-ten .specialities-section-one .floating-bg img { position: absolute; right: 10px; top: 50%; animation: beat 1.5s ease-in-out infinite; } @media (max-width: 991.98px) { .main-wrapper.home-ten .specialities-section-one .floating-bg img { display: none; } } .main-wrapper.home-ten .specialities-section-one .specialities-block ul { list-style: none; display: flex; padding: 0; flex-wrap: wrap; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li { margin-right: 24px; width: calc(20% - 24px); } @media (max-width: 991.98px) { .main-wrapper.home-ten .specialities-section-one .specialities-block ul li { width: 45%; margin: 0 10px 20px; } } @media (max-width: 568px) { .main-wrapper.home-ten .specialities-section-one .specialities-block ul li { width: 100%; margin: 0 0 40px; } } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li:last-child { margin-right: 0; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-item { background: #ffffff; border: none; border-radius: 35px; height: 195px; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.03); margin: 0; padding: 20px; cursor: pointer; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-item:hover { background: #ffffff; border-color: #0E82FD; box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.08); -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-item:hover .specialities-img .hexogen { -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-item:hover .specialities-img .hexogen img { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-item p { font-weight: 600; font-size: 16px; color: #2F353C; margin-bottom: 0; max-width: 180px; text-align: center; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-img { padding-bottom: 18px; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-img .hexogen { background: #ffffff; border: none; width: 87px; height: 100px; background-image: url("../img/icons/hex-shape.png"); background-repeat: no-repeat; background-position: center; border-radius: 0; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .main-wrapper.home-ten .specialities-section-one .specialities-block ul li .specialities-img .hexogen img { width: auto; -webkit-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; } .main-wrapper.home-ten .service-section { padding: 80px 0 56px; position: relative; overflow: hidden; z-index: 1; } .main-wrapper.home-ten .service-section::after { content: ""; background: url(../img/bg/service-bg.png); background-size: cover; background-repeat: no-repeat; background-position: top; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } @media (max-width: 767.98px) { .main-wrapper.home-ten .service-section { padding: 40px 26px; } } .main-wrapper.home-ten .listing-card { background-color: #ffffff; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.03); border-radius: 35px; padding: 20px; display: flex; flex-direction: column; margin-bottom: 24px; } .main-wrapper.home-ten .listing-card .listing-img { position: relative; margin: 0 0 20px 0; overflow: hidden; border-radius: 20px; } .main-wrapper.home-ten .listing-card .listing-img img { position: relative; border-radius: 20px; -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); width: 100%; } .main-wrapper.home-ten .listing-card .listing-img:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .main-wrapper.home-ten .listing-card .listing-img:hover::before { -webkit-animation: circle 1s; animation: circle 1s; } .main-wrapper.home-ten .listing-card .listing-img::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ""; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); border-radius: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); opacity: 0; } .main-wrapper.home-ten .listing-card .listing-img .fav-item { position: absolute; top: 10px; right: 10px; } .main-wrapper.home-ten .listing-card .listing-img .fav-item .fav-icon { height: 30px; width: 30px; border-radius: 50%; background-color: #ffffff; display: flex; align-items: center; justify-content: center; } .main-wrapper.home-ten .listing-card .listing-img .fav-item .fav-icon i { color: #A29FC0; } .main-wrapper.home-ten .listing-card .listing-img .fav-item.selected .fav-icon { background-color: #0E82FD; } .main-wrapper.home-ten .listing-card .listing-img .fav-item.selected .fav-icon i { color: #ffffff; } .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-title h3 { font-size: 20px; font-weight: 600; margin-bottom: 10px; } .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-profile-details { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 575.98px) { .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-profile-details { align-items: start; flex-direction: column; } } .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-profile-details .listing-user { display: flex; align-items: center; } .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-profile-details .listing-user .listing-profile-img { height: 48px; width: 48px; overflow: hidden; border-radius: 50%; margin-right: 10px; flex-shrink: 0; } .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-profile-details .listing-user .listing-user-details span { color: #9CA3AF; font-size: 14px; } .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-profile-details .listing-user .listing-user-details h6 { margin-bottom: 0; font-weight: 400; font-size: 16px; } @media (max-width: 575.98px) { .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-profile-details .listing-btn { width: 100%; margin-top: 15px; } } .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-profile-details .listing-btn .consult-btn { padding: 6px 30px 6px 30px; background-color: #0E82FD; font-weight: 500; font-size: 16px; border-radius: 35px; box-shadow: inset 0 0 0 0 #ffffff; transition: all 0.7s; color: #ffffff; } .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-profile-details .listing-btn .consult-btn:hover { box-shadow: inset 0 0 0 50px #ffffff; color: #0E82FD; } @media (max-width: 991.98px) { .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-profile-details .listing-btn .consult-btn { padding: 6px 12px 6px 12px; font-size: 17px; } } @media (max-width: 575.98px) { .main-wrapper.home-ten .listing-card .listing-content .listing-details .listing-profile-details .listing-btn .consult-btn { width: 100%; } } .main-wrapper.home-ten .need-to-know-section { padding: 80px 0; position: relative; } .main-wrapper.home-ten .need-to-know-section .floating-bg img { position: absolute; left: 10px; top: 50%; animation: beat 1.5s ease-in-out infinite; } @media (max-width: 991.98px) { .main-wrapper.home-ten .need-to-know-section .floating-bg { display: none; } } @media (max-width: 991.98px) { .main-wrapper.home-ten .need-to-know-section { padding: 60px 0; } } .main-wrapper.home-ten .need-to-know-section .section-header-one { text-align: left; margin-bottom: 0; } .main-wrapper.home-ten .need-to-know-section .section-header-one ul { padding: 30px 0; } .main-wrapper.home-ten .need-to-know-section .section-header-one ul li { margin-right: 10px; } @media (max-width: 575.98px) { .main-wrapper.home-ten .need-to-know-section .section-header-one ul li { margin: 0 10px 10px 0; } } .main-wrapper.home-ten .need-to-know-section .section-header-one ul li:last-child { margin-right: 0; } .main-wrapper.home-ten .need-to-know-section .section-header-one ul li .tag-list { padding: 10px 20px; border-radius: 35px; background: #F8FAFC; font-weight: 600; color: #9CA3AF; text-transform: capitalize; } .main-wrapper.home-ten .need-to-know-section .section-header-one ul li .tag-list.active { background: #F1F5F9; color: #0E82FD; } .main-wrapper.home-ten .need-to-know-section .section-header-one .need-to-know-content h3 { margin-bottom: 34px; font-weight: 600; } .main-wrapper.home-ten .need-to-know-section .section-header-one .need-to-know-content p { line-height: 29px; margin-bottom: 30px; } .main-wrapper.home-ten .need-to-know-section .section-header-one .need-to-know-content .need-to-know-content-btn { border-radius: 35px; padding: 10px 30px; border: 2px solid #0E82FD; font-size: 14px; color: #0E82FD; box-shadow: inset 0 0 0 0 #0E82FD; transition: all 0.7s; } .main-wrapper.home-ten .need-to-know-section .section-header-one .need-to-know-content .need-to-know-content-btn:hover { box-shadow: inset 0 0 0 50px #0E82FD; color: #ffffff; } .main-wrapper.home-ten .need-to-know-section .gallery-box-block { display: flex; } @media (max-width: 991.98px) { .main-wrapper.home-ten .need-to-know-section .gallery-box-block { display: none !important; } } .main-wrapper.home-ten .need-to-know-section .gallery-box-block .box-detail { width: 195px; height: 202px; border-radius: 35px; overflow: hidden; margin-bottom: 10px; } @media (max-width: 1199.98px) { .main-wrapper.home-ten .need-to-know-section .gallery-box-block .box-detail { width: 140px; height: auto; } } .main-wrapper.home-ten .need-to-know-section .gallery-box-block .box-detail:last-child { margin-bottom: 0; } .main-wrapper.home-ten .need-to-know-section .gallery-box-block .gallery-box-left { padding-top: 30px; } .main-wrapper.home-ten .need-to-know-section .gallery-box-block .gallery-box-left .box-detail { margin-right: 10px; } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .floating-bg img { position: absolute; right: 10px; top: 50%; animation: beat 1.5s ease-in-out infinite; } @media (max-width: 991.98px) { .main-wrapper.home-ten .need-to-know-section.steps-to-follow .floating-bg { display: none; } } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block { display: flex; } @media (max-width: 1199.98px) { .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block { flex-direction: column; align-items: center; } } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block .box-detail { width: 240px; height: 223px; border-radius: 35px; overflow: hidden; margin-bottom: 24px; padding: 30px; box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.08); display: flex; align-items: center; justify-content: center; } @media (max-width: 1399.98px) { .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block .box-detail { max-width: 210px; max-height: 203px; } } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block .box-detail:last-child { margin-bottom: 0; } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block .box-detail .steps-list-box { position: relative; } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block .box-detail .steps-list-box .steps-list-img { width: 140px; height: 60px; margin: auto; } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block .box-detail .steps-list-box h6 { font-weight: 600; font-size: 18px; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block .box-detail .steps-list-box p { text-align: center; margin-bottom: 0; } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block .box-detail .steps-list-box span { color: #0E82FD; font-weight: 700; font-size: 30px; position: absolute; left: 50%; transform: translate(-50%, 12%); } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block .gallery-box-left { padding-top: 30px; } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block .gallery-box-left .box-detail { margin-left: 24px; margin-right: 0; } @media (max-width: 1199.98px) { .main-wrapper.home-ten .need-to-know-section.steps-to-follow .gallery-box-block .gallery-box-left .box-detail { margin-left: 0; } } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .section-header-one .need-to-know-content { margin-top: 50px; } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .section-header-one .need-to-know-content .need-to-know-content-btn { border-radius: 35px; padding: 10px 30px; border: 3px solid #0E82FD; font-size: 18px; font-weight: 500; color: #0E82FD; box-shadow: inset 0 0 0 0 #0E82FD; transition: all 0.7s; } @media (max-width: 991.98px) { .main-wrapper.home-ten .need-to-know-section.steps-to-follow .section-header-one .need-to-know-content .need-to-know-content-btn { font-size: 16px; } } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .section-header-one .need-to-know-content .need-to-know-content-btn:hover { box-shadow: inset 0 0 0 50px #0E82FD; color: #ffffff; } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .section-header-one .need-to-know-content .need-to-know-content-btn.book-btn { background-color: #0E82FD; color: #ffffff; box-shadow: inset 0 0 0 0 #ffffff; } .main-wrapper.home-ten .need-to-know-section.steps-to-follow .section-header-one .need-to-know-content .need-to-know-content-btn.book-btn:hover { box-shadow: inset 0 0 0 50px #ffffff; color: #0E82FD; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten { background-color: #F8FAFC; background-image: url("../img/bg/map.png"); background-repeat: no-repeat; background-size: cover; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .floating-bg img { position: absolute; left: 10px; top: 50%; animation: beat 1.5s ease-in-out infinite; } @media (max-width: 991.98px) { .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .floating-bg { display: none; } } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .section-header-one h2 { margin-bottom: 30px; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .section-header-one .need-to-know-content p { margin-bottom: 30px; } @media (max-width: 991.98px) { .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .section-header-one .need-to-know-content .patient-rating-block .patient-rating { margin-bottom: 20px; } } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .section-header-one .need-to-know-content .patient-rating-block .patient-rating .circle-rating { margin-bottom: 12px; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .section-header-one .need-to-know-content .patient-rating-block .patient-rating .circle-rating i { color: #FFCA42; margin-right: 5px; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .section-header-one .need-to-know-content .patient-rating-block .patient-rating .circle-rating i:last-child { margin-right: 0px; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .section-header-one .need-to-know-content .patient-rating-block .patient-rating .circle-rating span { margin-left: 10px; color: #9CA3AF; font-size: 14px; font-weight: 600; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .section-header-one .need-to-know-content .patient-rating-block .patient-rating h5 { margin-bottom: 0; color: #1E293B; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .testimonial-card { color: #ffffff; background-color: #ffffff; padding: 20px; box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.08); border-radius: 35px; margin-bottom: 24px; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .testimonial-card:last-child { margin-bottom: 0; } @media (max-width: 991.98px) { .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .testimonial-card:last-child { margin-bottom: 15px; } } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .testimonial-card .testimonial-user-details { display: flex; align-items: center; margin-bottom: 20px; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .testimonial-card .testimonial-user-details .testimonial-user-img { width: 85px; height: 85px; overflow: hidden; margin-right: 20px; border-radius: 50%; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .testimonial-card .testimonial-user-details .testimonial-user-name .circle-rating i { color: #FFCA42; } .main-wrapper.home-ten .need-to-know-section.testimonial-section-ten .testimonial-card .testmonial-user-coments p { color: #6B7280; font-size: 14px; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .main-wrapper.home-ten .our-doctor-section { padding: 80px 0 56px; position: relative; background: #F8FAFC; z-index: 0; } @media (max-width: 767.98px) { .main-wrapper.home-ten .our-doctor-section { padding: 40px 26px; } } .main-wrapper.home-ten .our-doctor-section .section-floating-bg { z-index: -2; } .main-wrapper.home-ten .our-doctor-section .section-floating-bg img { position: absolute; } .main-wrapper.home-ten .our-doctor-section .section-floating-bg img:nth-child(1) { top: 0; left: 0; } .main-wrapper.home-ten .our-doctor-section .section-floating-bg img:nth-child(2) { bottom: 0; right: 0; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap { background: #ffffff; border-radius: 39px; padding: 3px; transition: all 0.5s; position: relative; margin-bottom: 24px; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap:hover { background-image: linear-gradient(to bottom, #8AF0FF, #fff); box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.08); } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card { background-color: #ffffff; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.03); border-radius: 35px; padding: 20px; display: flex; flex-direction: column; transition: all 0.5s; margin-bottom: 0; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img { position: relative; margin: 0 0 20px 0; overflow: hidden; border-radius: 20px; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img img { position: relative; border-radius: 20px; -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); width: 100%; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img:hover::before { -webkit-animation: circle 1s; animation: circle 1s; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ""; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); border-radius: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); opacity: 0; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img .fav-item { position: absolute; top: 10px; right: 0; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 10px; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img .fav-item .featured-rating { background: #FBBF24; border-radius: 6px; color: #ffffff; padding: 3px 5px; display: flex; align-items: center; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img .fav-item .featured-rating i, .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img .fav-item .featured-rating span { font-size: 13px; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img .fav-item .featured-rating i { margin-right: 5px; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img .fav-item .fav-icon { height: 30px; width: 30px; border-radius: 50%; background-color: #ffffff; display: flex; align-items: center; justify-content: center; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img .fav-item .fav-icon i { color: #A29FC0; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img .fav-item.selected .fav-icon { background-color: #0E82FD; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-img .fav-item.selected .fav-icon i { color: #ffffff; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-title h3 { font-size: 20px; font-weight: 600; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-category { display: flex; align-items: center; margin-bottom: 15px; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-category .listing-category-tag { padding: 5px 10px; transition: all 0.5s; font-size: 14px; font-weight: 500; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-category .listing-category-tag:hover { transform: translateY(-5px); box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.08); } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-category .listing-category-tag.tag-green { background: #CCFBF1; color: #14B8A6; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-category .listing-category-tag.tag-purple { background: #DDD6FE; color: #7C3AED; margin-left: 10px; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-category .listing-category-tag.tag-red { background: #FDF2F8; color: #EC4899; margin-right: 10px; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details { display: flex; align-items: start; justify-content: start; flex-direction: column; position: relative; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details .listing-floating-img { position: absolute; bottom: 0; right: 0; } @media (max-width: 1399.98px) { .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details .listing-floating-img { display: none; } } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details .listing-user { display: flex; align-items: center; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details .listing-user .listing-profile-img { height: 48px; width: 48px; overflow: hidden; border-radius: 50%; margin-right: 10px; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details .listing-user .listing-user-details span { color: #9CA3AF; font-size: 14px; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details .listing-user .listing-user-details h6 { margin-bottom: 0; font-weight: 600; font-size: 20px; } @media (max-width: 575.98px) { .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details .listing-user .listing-user-details h6 { font-size: 17px; } } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details .listing-btn { margin-top: 15px; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details .listing-btn .consult-btn { padding: 6px 30px 6px 30px; background-color: #0E82FD; font-weight: 500; font-size: 16px; border-radius: 35px; box-shadow: inset 0 0 0 0 #ffffff; transition: all 0.7s; color: #ffffff; } .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details .listing-btn .consult-btn:hover { box-shadow: inset 0 0 0 50px #ffffff; color: #0E82FD; } @media (max-width: 575.98px) { .main-wrapper.home-ten .our-doctor-section .module-border-wrap .listing-card .listing-content .listing-details .listing-profile-details .listing-btn .consult-btn { font-size: 17px; } } .main-wrapper.home-ten .book-appointment-section { padding: 80px 0; position: relative; } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten { padding: 50px; background: #0E82FD; border-radius: 35px; position: relative; overflow: hidden; } @media (max-width: 575.98px) { .main-wrapper.home-ten .book-appointment-section .book-appointment-ten { padding: 20px; } } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .book-section-bg img { position: absolute; } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .book-section-bg img:nth-child(1) { left: 0; bottom: 0; } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .book-section-bg img:nth-child(2) { right: 0; bottom: 6%; } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .book-section-bg img:nth-child(3) { right: 160px; top: 100px; } @media (max-width: 991.98px) { .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .book-section-bg { display: none; } } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten h2 { color: #ffffff; margin-bottom: 24px; } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten p { max-width: 725px; margin: auto; margin-bottom: 50px; color: #ffffff; } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .appointment-btn-group { display: flex; justify-content: center; position: relative; } @media (max-width: 568px) { .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .appointment-btn-group { flex-direction: column; } } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .appointment-btn-group a { padding: 14px 40px; border-radius: 35px; border: 2px solid #ffffff; font-size: 18px; font-weight: 500; color: #ffffff; box-shadow: inset 0 0 0 0 #ffffff; transition: all 0.7s; } @media (max-width: 991.98px) { .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .appointment-btn-group a { padding: 14px 20px; border: 1px solid #ffffff; font-size: 15px; } } @media (max-width: 575.98px) { .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .appointment-btn-group a { padding: 10px 20px; } } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .appointment-btn-group a:hover { box-shadow: inset 0 0 0 50px #ffffff; color: #0E82FD; } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .appointment-btn-group a.appointment-blue-btn { background-color: #ffffff; color: #0E82FD; box-shadow: inset 0 0 0 0 #0E82FD; border: 2px solid #ffffff; margin-right: 10px; } .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .appointment-btn-group a.appointment-blue-btn:hover { box-shadow: inset 0 0 0 50px #0E82FD; color: #ffffff; } @media (max-width: 568px) { .main-wrapper.home-ten .book-appointment-section .book-appointment-ten .appointment-btn-group a.appointment-blue-btn { margin-right: 0; margin-bottom: 10px; } } .main-wrapper.home-ten .pricing-section.pricing-section-ten { position: relative; z-index: 1; } .main-wrapper.home-ten .pricing-section.pricing-section-ten::after { content: ""; background: url(../img/bg/pricing-bg.png); background-size: cover; background-repeat: no-repeat; background-position: top; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .section-header-one h2 { margin-bottom: 24px; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .section-header-one .options-group { display: flex; justify-content: center; align-items: center; } @media (max-width: 568px) { .main-wrapper.home-ten .pricing-section.pricing-section-ten .section-header-one .options-group { flex-direction: column; } } .main-wrapper.home-ten .pricing-section.pricing-section-ten .section-header-one .options-group span { color: #1F2937; font-weight: 500; font-size: 18px; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .section-header-one .options-group span .discount-plan { background: #FFC001; border-radius: 35px; color: #ffffff; padding: 5px 10px; font-size: 14px; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .section-header-one .form-check { width: 30px; margin-bottom: 0; margin: 0 17px 0 17px; } @media (max-width: 568px) { .main-wrapper.home-ten .pricing-section.pricing-section-ten .section-header-one .form-check { margin: 15px 0 15px 0; } } .main-wrapper.home-ten .pricing-section.pricing-section-ten .section-header-one .form-check.form-switch { padding: 0; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .section-header-one .form-check.form-switch .form-check-input { transition: all 0.5s; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .section-header-one .form-check .form-check-input { float: right !important; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .section-header-one .form-check .form-check-input:focus { box-shadow: none !important; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card { background: #ffffff; border-radius: 35px; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card .pricing-btn { margin-bottom: 30px; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card .pricing-btn .btn { color: #0E82FD; box-shadow: inset 0 0 0 0 #0E82FD; padding: 14px 40px; background: #ffffff; border-radius: 35px; transition: all 0.5s; border: 2px solid #0E82FD; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card .pricing-btn .btn:hover { box-shadow: inset 0 0 0 50px #0E82FD; color: #ffffff; border: 2px solid #ffffff; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card .pricing-info .pricing-amount span { font-weight: 600; color: #9CA3AF; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card .pricing-info .pricing-list { padding-bottom: 30px; border-bottom: 1px solid #E2E8F0; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card .pricing-info .pricing-list ul li::before { content: "\f21e"; color: #0E82FD; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card .pricing-info .pricing-list.pricing-list-two { border-bottom: none; padding: 30px 0 0 0; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card .pricing-info .pricing-list.pricing-list-two ul li::before { content: "+"; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active { background: #0E82FD; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-header .pricing-header-info { position: relative; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-header .pricing-header-info .pricing-tag img { position: absolute; right: 0; top: 0; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-header .pricing-header-info .pricing-title h4 { font-weight: 700; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-info .pricing-amount span { color: #ffffff; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-info .pricing-btn { margin-bottom: 30px; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-info .pricing-btn .btn { color: #0E82FD; box-shadow: inset 0 0 0 0px #0E82FD; padding: 14px 40px; border-radius: 35px; transition: all 0.5s; border: 2px solid #ffffff; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-info .pricing-btn .btn:hover { box-shadow: inset 0 0 0 50px #0E82FD; color: #ffffff; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-info .pricing-list { padding-bottom: 30px; border-bottom: 1px solid #F1F5F9; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-info .pricing-list ul li { font-weight: 500; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-info .pricing-list ul li::before { content: "\f21e"; color: #ffffff; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-info .pricing-list.pricing-list-two { border-bottom: none; padding: 30px 0 0 0; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card.pricing-card-active .card-body .pricing-info .pricing-list.pricing-list-two ul li::before { content: "+"; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card:hover { background: #0E82FD; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card:hover .pricing-amount span { color: #ffffff; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card:hover .pricing-list { border-bottom: 1px solid #F1F5F9; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card:hover .pricing-list ul li::before { color: #ffffff; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card:hover .pricing-list.pricing-list-two { border-bottom: none; padding: 30px 0 0 0; } .main-wrapper.home-ten .pricing-section.pricing-section-ten .pricing-card:hover .pricing-list.pricing-list-two ul li::before { content: "+"; } .main-wrapper.home-ten .faq-section { position: relative; } .main-wrapper.home-ten .faq-section .floating-bg img { position: absolute; right: 10px; top: 50%; animation: beat 1.5s ease-in-out infinite; } @media (max-width: 991.98px) { .main-wrapper.home-ten .faq-section .floating-bg { display: none; } } .main-wrapper.home-ten .faq-section.faq-section-ten { padding: 80px 0; } @media (max-width: 991.98px) { .main-wrapper.home-ten .faq-section.faq-section-ten { padding: 60px 0; } } .main-wrapper.home-ten .faq-section.faq-section-ten .faq-img { border-radius: 35px; overflow: hidden; } .main-wrapper.home-ten .faq-section.faq-section-ten .faq-img img { width: 100%; } .main-wrapper.home-ten .faq-section.faq-section-ten .section-header-one { text-align: start; } .main-wrapper.home-ten .faq-section.faq-section-ten .faq-info .accordion-item { background: #ffffff; border: 1px solid #E2E8F0; border-radius: 35px; margin: 0 0 24px; padding: 20px; } @media (max-width: 991.98px) { .main-wrapper.home-ten .faq-section.faq-section-ten .faq-info .accordion-item { padding: 10px; } } .main-wrapper.home-ten .faq-section.faq-section-ten .faq-info .accordion-item .accordion-content { padding-left: 45px; } .main-wrapper.home-ten .faq-section.faq-section-ten .faq-info .accordion-button { font-weight: 600; } .main-wrapper.home-ten .faq-section.faq-section-ten .faq-info .accordion-button::after { display: none; } .main-wrapper.home-ten .faq-section.faq-section-ten .faq-info .accordion-button::before { content: "\e9b1"; font-family: "feather"; font-size: 20px; background: none; color: #0E82FD; background: #ffffff; height: 32px; display: flex; justify-content: center; align-items: center; padding-right: 20px; margin-right: 20px; border-right: 1px solid #E2E8F0; } .main-wrapper.home-ten .faq-section.faq-section-ten .faq-info .accordion-button:not(.collapsed)::after { display: none; } .main-wrapper.home-ten .faq-section.faq-section-ten .faq-info .accordion-button:not(.collapsed)::before { content: "\e996"; background: #ffffff; } .main-wrapper.home-ten .faq-section.faq-section-ten .faq-info .accordion-button .accordion-item { border-radius: 35px; } @media (max-width: 568px) { .content-btn-block { flex-wrap: wrap; } .content-btn-block .need-to-know-content-btn { margin-bottom: 10px !important; width: 100%; text-align: center; margin-right: 0 !important; } .footer.footer-one.footer-ten .footer-bottom .copyright { flex-direction: column; } .need-to-know-content .patient-rating { margin-bottom: 15px; } } .body-eleven { font-size: 16px; font-family: "Inter", sans-serif; } @media (max-width: 1199.98px) { .body-eleven { font-size: 15px; } } .doctor-search-section.doctor-search-eleven { background: url(../img/bg/banner-11-bg.png); padding: 115px 0 300px; background-position: bottom center; } .doctor-search-section.doctor-search-eleven .banner-header { margin: 0 0 90px; } .doctor-search-section.doctor-search-eleven .banner-header p { font-size: 16px; font-weight: 500; color: #ffffff; margin: 0 0 10px; padding: 0 0 0 30px; position: relative; } .doctor-search-section.doctor-search-eleven .banner-header p::before { content: ""; position: absolute; top: 50%; left: 0; width: 27px; height: 2px; background-color: #ffffff; } @media (max-width: 767.98px) { .doctor-search-section.doctor-search-eleven .banner-header p { font-size: 14px; } } .doctor-search-section.doctor-search-eleven .banner-header h1 { font-size: 50px; color: #ffffff; font-weight: 700; margin: 0 0 25px; } @media (max-width: 1399.98px) { .doctor-search-section.doctor-search-eleven .banner-header h1 { font-size: 48px; } } @media (max-width: 991.98px) { .doctor-search-section.doctor-search-eleven .banner-header h1 { font-size: 36px; } } @media (max-width: 767.98px) { .doctor-search-section.doctor-search-eleven .banner-header h1 { font-size: 24px; } } @media (max-width: 991.98px) { .doctor-search-section.doctor-search-eleven .banner-header { margin: 0 0 60px; } } @media (max-width: 767.98px) { .doctor-search-section.doctor-search-eleven .banner-header { margin: 0 0 40px; } } .doctor-search-section.doctor-search-eleven .banner-users h6 { color: #000000; font-size: 16px; font-weight: 500; margin: 0 0 15px; } .doctor-search-section.doctor-search-eleven .banner-users h6 img { margin: 0 10px 0 0; } @media (max-width: 767.98px) { .doctor-search-section.doctor-search-eleven .banner-users h6 { font-size: 14px; } } .doctor-search-section.doctor-search-eleven .banner-users ul { margin: 0; padding: 0; } .doctor-search-section.doctor-search-eleven .banner-users ul li { display: inline-block; margin: 0 0 0 -23px; } .doctor-search-section.doctor-search-eleven .banner-users ul li:first-child { margin: 0; } .doctor-search-section.doctor-search-eleven .banner-users ul li img { width: 65px; height: 65px; border-radius: 50%; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); border: 2px solid #ffffff; } @media (max-width: 767.98px) { .doctor-search-section.doctor-search-eleven .banner-users ul li img { width: 50px; height: 50px; } } @media (max-width: 767.98px) { .doctor-search-section.doctor-search-eleven .ban-bg .bg-01, .doctor-search-section.doctor-search-eleven .ban-bg .bg-02 { display: none; } } @media (max-width: 991.98px) { .doctor-search-section.doctor-search-eleven { padding: 115px 0 200px; } } @media (max-width: 767.98px) { .doctor-search-section.doctor-search-eleven { padding: 115px 0 150px; } } @media (max-width: 767.98px) { .ban-bg { display: none; } } .ban-bg img { position: absolute; } .ban-bg img.bg-01 { left: 0; top: 0; animation: bouncing alternate infinite 2s; z-index: -1; } .ban-bg img.bg-02 { right: 0; top: 0; animation: bounce alternate infinite 2s; z-index: -1; } .ban-bg img.bg-03 { right: 10%; bottom: 0; animation: bounceup alternate infinite 2s; } @media (max-width: 767.98px) { .ban-bg img.bg-03 { width: 150px; } } .ban-bg img.bg-04 { bottom: 17%; left: 2%; z-index: -1; } @media (max-width: 1399.98px) { .ban-bg img.bg-04 { left: 1%; } } .ban-bg img.bg-05 { right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: -1; } @keyframes bouncing { to { transform: translateX(5px); } } @keyframes bounce { to { transform: translateX(-5px); } } @keyframes bounceup { to { transform: translateY(-10px); } } .btn-light-blue { background: #0CE0FF; color: #ffffff; box-shadow: inset 0 0 0 0 #ffffff; border-radius: 10px; font-weight: 500; font-size: 18px; padding: 13px 24px; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; } .btn-light-blue:hover { background: #ffffff; color: #1C5B91; box-shadow: inset 0 60px 0 0 #ffffff; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; } @media (max-width: 767.98px) { .btn-light-blue { font-size: 15px; padding: 10px 20px; } } .sec-heading-eye { margin: 0 0 50px; } .sec-heading-eye img { margin: 0 0 15px; } .sec-heading-eye h2 { font-size: 40px; font-weight: 600; color: #1B5A90; margin: 0 0 15px; } .sec-heading-eye h2 span { color: #1F2937; } @media (max-width: 991.98px) { .sec-heading-eye h2 { font-size: 34px; } } @media (max-width: 767.98px) { .sec-heading-eye h2 { font-size: 26px; } } .sec-heading-eye p { font-size: 18px; color: #6B7280; } @media (max-width: 991.98px) { .sec-heading-eye p { font-size: 16px; } } @media (max-width: 991.98px) { .sec-heading-eye { margin-bottom: 30px; } } .special-section { position: relative; padding: 80px 0; } @media (max-width: 991.98px) { .special-section { padding: 40px 0; } } .special-item { margin: 0 0 50px; } .special-item .special-icon { text-align: center; margin: 0 auto 15px; height: 45px; } .special-item .special-icon a { width: 110px; height: 110px; background-color: #1B5A90; border-radius: 100% 0px; transform: rotate(45deg); text-align: center; margin: -70px 0 auto; } .special-item .special-icon a i { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); color: #ffffff; } .special-item h6 { font-weight: 500; font-size: 18px; margin: 0; text-align: center; color: #1F2937; } .special-item h6 a { color: #1F2937; } .special-item h6 a:hover { color: #1B5A90; } .owl-them .owl-nav .owl-prev, .owl-them .owl-nav .owl-next { width: 40px; height: 40px; background: #ffffff !important; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 100px; position: absolute; top: 20%; z-index: 1; } .owl-them .owl-nav .owl-prev:hover, .owl-them .owl-nav .owl-next:hover { background: #1C5B91 !important; color: #ffffff; } .owl-them .owl-nav .owl-prev { left: -20px; } @media (max-width: 991.98px) { .owl-them .owl-nav .owl-prev { left: -10px; } } .owl-them .owl-nav .owl-next { right: -20px; } @media (max-width: 991.98px) { .owl-them .owl-nav .owl-next { right: -10px; } } .owl-them .owl-dots { text-align: center; } .owl-them .owl-dots .owl-dot { margin: 0 5px 0 0; } .owl-them .owl-dots .owl-dot.active span { background: #1B5A90; } .owl-them .owl-dots .owl-dot span { width: 9px; height: 9px; line-height: 12px; margin: 0; background: #D1D5DB; border-radius: 50%; display: block; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .center-section { position: relative; padding: 0 0 80px; } @media (max-width: 991.98px) { .center-section { padding: 0 0 40px; } } @media (max-width: 767.98px) { .center-section { padding: 0 0 16px; } } .center-img { position: relative; margin: 0 20px 0 0; } .center-img .center-service { position: absolute; right: 0; bottom: 30px; background: #ffffff; box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15); border-radius: 100px; padding: 15px; text-align: left; } .center-img .center-service span { width: 40px; height: 40px; background: #1B5A90; color: #ffffff; border-radius: 100px; margin: 0 15px 0 0; flex-shrink: 0; } .center-img .center-service h6 { font-size: 16px; font-weight: 500; color: #1F2937; margin: 0 0 5px; } .center-img .center-service p { margin: 0; } @media (max-width: 991.98px) { .center-img .center-service { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } } @media (max-width: 575.98px) { .center-img .center-service { width: 100%; } } @media (max-width: 991.98px) { .center-img { text-align: center; margin: 0 0 24px 0; } } .center-info .sec-heading-eye { margin: 0 0 15px; } .center-info p { margin: 0 0 15px; } .center-info p:last-child { margin: 0 0 15px; } .care-box span img { margin: 0 0 15px; } .care-box h6 { font-size: 16px; font-weight: 500; color: #1F2937; margin: 0 0 15px; } .care-box a { font-size: 14px; font-weight: 500; color: #1B5A90; } .care-box a:hover { color: #0E82FD; } .care-box a i { margin: 0 0 0 5px; font-size: 12px; } @media (max-width: 991.98px) { .care-box { margin-bottom: 24px; } } .counter-section { background: linear-gradient(90deg, #1B5A90 0%, #13A0CA 66.9%, #0CE0FF 106.51%); padding: 80px 0 56px; position: relative; } @media (max-width: 991.98px) { .counter-section { padding: 40px 0 16px; } } .bg-06 { left: 0; bottom: 0; } .bg-07 { right: 0; bottom: 0; } .count-box { margin: 0 0 24px; } .count-box .count-icon { width: 80px; height: 80px; background: #ffffff; border-radius: 100px; margin: 0 26px 0 0; flex-shrink: 0; } .count-box h3 { font-size: 36px; font-weight: 700; color: #ffffff; margin: 0 0 15px; } @media (max-width: 991.98px) { .count-box h3 { font-size: 30px; } } @media (max-width: 767.98px) { .count-box h3 { font-size: 24px; } } .count-box p { color: #ffffff; margin: 0; } .eyeclinics-section { padding: 80px 0; position: relative; } @media (max-width: 991.98px) { .eyeclinics-section { padding: 40px 0; } } .bg-08 { left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .our-doctors-card.eye-doc { margin: 0 0 50px; } .our-doctors-card.eye-doc .doctors-header { overflow: hidden; } .our-doctors-card.eye-doc .doctors-header img { transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .our-doctors-card.eye-doc .doctors-header:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .our-doctors-card.eye-doc .doctors-body { padding: 15px; } .our-doctors-card.eye-doc .doctors-body h4 { font-weight: 600; margin: 0 0 5px; } .our-doctors-card.eye-doc .doctors-body h4 a { color: #1F2937; } .our-doctors-card.eye-doc .doctors-body h4 a:hover { color: #1B5A90; } .our-doctors-card.eye-doc .doctors-body p { margin: 0 0 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .our-doctors-card.eye-doc .doctors-body h6 { font-size: 14px; margin: 0 0 15px; } .our-doctors-card.eye-doc .doctors-body .rating i.filled { color: #FFAF14; } .our-doctors-card.eye-doc .doctors-body .rating span { font-size: 14px; color: #000000; margin: 0 0 0 8px; } @media (max-width: 991.98px) { .our-doctors-card.eye-doc { margin: 0 0 30px; } } .facilities-section { padding: 80px 0 56px; } @media (max-width: 991.98px) { .facilities-section { padding: 40px 0 16px; } } .facility-box { margin: 0 0 24px; } .facility-box .facility-img { margin: 0 0 15px; } .facility-box .facility-img img { width: 100%; } .our-blog-section.eye-blog { background: linear-gradient(88.66deg, #D6EEFF 1.08%, #F9FDFF 26.56%, #ffffff 76.5%, #E6FCFF 98.92%); } .our-blog-section.eye-blog .our-blogs { border-bottom: 0; border-radius: 0; margin: 0 0 50px; } .our-blog-section.eye-blog .our-blogs .blogs-img { overflow: hidden; } .our-blog-section.eye-blog .our-blogs .blogs-img .blog-inner-img { transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .our-blog-section.eye-blog .our-blogs .blogs-img:hover .blog-inner-img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay { background: rgba(255, 255, 255, 0.9); padding: 10px; border-radius: 0; bottom: 0; width: 100%; } .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay .blog-name img { height: 40px; width: 40px !important; margin-right: 5px; } .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay .blog-name div { width: 60%; } .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay .blog-name div a { margin: 0 0 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; font-weight: normal; } .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay .blog-name div a:hover { color: #0E82FD; } .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay .blog-name div a a { color: #1F2937; } .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay .blog-name div p { font-size: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; } .our-blog-section.eye-blog .our-blogs .blogs-img .blogs-overlay .blog-cat { background: #1B5A90; font-weight: 500; font-size: 13px; padding: 4px 10px; color: #ffffff; } .our-blog-section.eye-blog .our-blogs .blogs-info h4 { margin: 0 0 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .our-blog-section.eye-blog .our-blogs .blogs-info h4 a { color: #1F2937; } .our-blog-section.eye-blog .our-blogs .blogs-info h4 a:hover { color: #1B5A90; } .our-blog-section.eye-blog .our-blogs .blogs-info p { font-size: 16px; color: #6B7280; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .our-blog-section.eye-blog .our-blogs .blogs-info .blogs-btn { font-weight: 500; font-size: 14px; color: #1B5A90; } .our-blog-section.eye-blog .our-blogs .blogs-info .blogs-btn i { margin: 0 0 0 5px; } .our-blog-section.eye-blog .our-blogs .blogs-info .blogs-btn:hover { color: #0E82FD; } .appointment-section { background-color: #1B5A90; position: relative; z-index: 1; padding-top: 325px; } @media (max-width: 767.98px) { .appointment-section { padding-top: 0; } } .appointment-section::before { position: absolute; top: -1px; left: 0; background: url(../img/bg/app-bg.jpg) no-repeat center top; content: ""; width: 100%; height: 100%; top: -1px; z-index: -1; } @media (max-width: 767.98px) { .appointment-section::before { background: none; } } .appointment-form { padding: 80px 0; position: relative; } @media (max-width: 991.98px) { .appointment-form { padding: 40px 0; } } .bg-09 { bottom: 0; right: 15%; } .bg-10 { bottom: 0; left: 3%; } .appointment-form .doctor-search-form .forms-block { margin: 0 0 15px; } .appointment-form .doctor-search-form .forms-block .form-custom input, .appointment-form .doctor-search-form .forms-block .form-custom select { background: #2369A6; box-shadow: none; color: #ffffff; border-radius: 0; min-height: 50px; padding-right: 44px; } .appointment-form .doctor-search-form .forms-block .form-custom input::placeholder, .appointment-form .doctor-search-form .forms-block .form-custom select::placeholder { color: #ffffff; } .appointment-form .doctor-search-form .forms-block .form-custom .select2-container .select2-selection--single { height: 50px; background-color: #2369A6; border-color: #2369A6; } .appointment-form .doctor-search-form .forms-block .form-custom .select2-container .select2-selection--single .select2-selection__rendered { color: #ffffff; } .appointment-form .doctor-search-form .forms-block .form-custom .select2-container .select2-selection--single .select2-selection__rendered .select2-results__option--highlighted[aria-selected] { background-color: #2369A6; } .appointment-form .doctor-search-form .forms-block .form-custom i { color: #ffffff; } .app-btn { border-radius: 100px; margin: 35px 0 0; padding: 11px 26px; } .faq-eye-section { padding: 80px 0; position: relative; } @media (max-width: 991.98px) { .faq-eye-section { padding: 40px 0; } } .faq-wrap ul { display: block; margin: 0; padding: 0; } .faq-wrap ul li { list-style: none; } .faq-wrap ul li a { background: #F0F4F6; margin: 0 0 15px; padding: 15px; color: #1F2937; } .faq-wrap ul li a span { width: 30px; height: 30px; background: #ffffff; border-radius: 100px; margin: 0 10px 0 0; flex-shrink: 0; color: #1F2937; } .faq-wrap ul li a.active { background: #1B5A90; color: #ffffff; } .faq-content img { margin: 0 0 29px; } .faq-content p { margin: 0 0 15px; } .faq-content p:last-child { margin: 0; } .eye-testimonial-section { padding: 80px 0; } @media (max-width: 991.98px) { .eye-testimonial-section { padding: 40px 0; } } .testi-img { position: relative; margin: 43px 0 15px; } .testi-img img { padding: 0 43px 0 0; } .testi-img .testi-icon { width: 86px; height: 86px; background: #0CE0FF; border-radius: 100px; font-size: 16px; color: #ffffff; position: absolute; top: -43px; right: 0; } .testi-users { margin: 0 43px 0 0; } .testi-users ul { margin: 0; padding: 0; } .testi-users ul li { display: inline-block; margin: 0 0 0 -23px; } .testi-users ul li:first-child { margin: 0; } .testi-users ul li img { width: 40px; height: 40px; border-radius: 50%; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); border: 2px solid #ffffff; } @media (max-width: 767.98px) { .testi-users ul li img { width: 50px; height: 50px; } } .testimonial-wrap { position: relative; } .testimonial-wrap h4 { margin: 0 0 30px; } .testimonial-wrap p { margin: 0 0 30px; } .testimonial-wrap .testimonial-user h6 { font-size: 16px; font-weight: 600; color: #1F2937; margin: 0 0 5px; } .testimonial-wrap .testimonial-user p { font-size: 14px; margin: 0; } .testimonial-wrap::before { content: ""; background: url("../img/icons/test-line.svg") no-repeat; position: absolute; right: 0; bottom: 0; width: 84px; height: 14px; } .slide-11 button { background: transparent; border: 0; padding: 0; } .slide-11 button.owl-next { margin: 0 0 0 10px; } .store-section { padding: 80px 0; position: relative; background: #F0F4F7 url("../img/bg/store-bg.png") no-repeat; background-position: top right; } .store-tab { margin: 0 0 35px; } @media (max-width: 568px) { .store-tab { flex-direction: column; } } .store-tab li { display: inline-block; margin: 0 0 15px 15px; } .store-tab li:first-child { margin-left: 0; } @media (max-width: 568px) { .store-tab li { margin-left: 0; } } .store-tab li a { padding: 10px 15px; background: #ffffff; border-radius: 100px; color: #1F2937; display: inline-block; } .store-tab li a.active, .store-tab li a:hover { background: #1B5A90; color: #ffffff; } @media (max-width: 568px) { .store-tab li a { width: 100%; text-align: center; } } .store-item { margin: 0 0 50px; padding: 15px; background: #ffffff; } .store-item .store-img { position: relative; overflow: hidden; margin: 0 0 15px; } .store-item .store-img img { transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .store-item .store-img .glass-cat { background: #0CE0FF; color: #ffffff; font-size: 14px; padding: 5px 10px; position: absolute; top: 0; right: 0; } .store-item .store-img:hover img { transform: scale(1.1) rotate(0); -webkit-transform: scale(1.1) rotate(0); -ms-transform: scale(1.1) rotate(0); } .store-item .store-content .store-cat { background: #1B5A90; display: inline-block; color: #ffffff; font-size: 12px; margin: 0 0 5px; padding: 1px 5px; } .store-item .store-content h4 { font-weight: 600; margin: 0 0 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .store-item .store-content h4 a { color: #1F2937; } .store-item .store-content h4 a:hover { color: #1B5A90; } .store-item .store-content p { margin: 0 0 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .store-item .store-content .price-tag h5 { font-size: 22px; font-weight: 600; margin: 0; } .store-item .store-content .price-tag .color-selection { margin: 0; padding: 0; } .store-item .store-content .price-tag .color-selection li { list-style: none; display: inline-block; margin-right: 5px; } .store-item .store-content .price-tag .color-selection li span i { font-size: 16px; outline: 1px solid #D9D9D9; outline-offset: 3px; border-radius: 50%; } .store-item .store-content .price-tag .color-selection li span.black-glass { color: #131218; } .store-item .store-content .price-tag .color-selection li span.blue-glass { color: #2369A6; } .store-item .store-content .price-tag .color-selection li span.gold-glass { color: #DDBC5B; } .store-item .store-content .price-tag .color-selection li span.grey-glass { color: #666666; } .store-item .store-content .price-tag .color-selection li span.sand-glass { color: #FDEEC3; } .store-item .store-content .price-tag .color-selection li span.green-glass { color: #13C2C2; } .store-item .store-content .price-tag .color-selection li:last-child { margin-right: 0; } .offer-section { padding-top: 124px; } @media (max-width: 991.98px) { .offer-section { padding-top: 73px; } } .offer-wrap { background: radial-gradient(50% 50% at 50% 50%, #328CD9 0%, #1B5A90 100%); margin: 0; padding: 0 24px; } @media (max-width: 991.98px) { .offer-wrap { margin: 0 0 60px 0; padding: 20px 24px !important; } } .offer-wrap.flat-offer { background: radial-gradient(50% 50% at 50% 50%, #97F0FF 0%, #0CBCDA 100%); } @media (max-width: 991.98px) { .offer-wrap.flat-offer { margin-bottom: 0; } } .offer-wrap.flat-offer .btn { background: #1C5C92; } .offer-wrap.flat-offer .btn:hover { color: #1C5C92; } .offer-wrap .off-img { margin: -45px 0 24px; } @media (max-width: 767.98px) { .offer-wrap .off-img { text-align: center; } } .offer-wrap .off-info { position: relative; text-align: center; } .offer-wrap .off-info h6 { font-size: 18px; font-weight: 700; color: #ffffff; margin: 0 0 5px; } .offer-wrap .off-info p { margin: 0 0 5px; padding: 0 17px; position: relative; color: #ffffff; display: inline-block; } .offer-wrap .off-info p::before { content: ""; background: #ffffff; width: 15px; height: 1px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .offer-wrap .off-info p::after { content: ""; background: #ffffff; width: 15px; height: 1px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .offer-wrap .off-info h5 { color: #ffffff; margin: 0 0 15px; } .offer-wrap .off-info .btn { font-size: 16px; padding: 3px 42px; border-radius: 100px; } .offer-wrap .off-info::before, .offer-wrap .off-info::after { content: ""; display: block; position: absolute; width: 18px; height: 85%; border: 1px solid; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } .offer-wrap .off-info::before { bottom: 0; left: 0; top: 8px; border-top-color: #ffffff; border-left-color: #ffffff; border-bottom-color: #ffffff; border-right-color: transparent; } .offer-wrap .off-info::after { bottom: 0; right: 0; top: 8px; border-top-color: #ffffff; border-left-color: transparent; border-bottom-color: #ffffff; border-right-color: #ffffff; } @media (max-width: 575.98px) { .testi-users { padding-bottom: 10px; } } .main-wrapper.home-twelve { font-size: 16px; font-family: "Inter", sans-serif; overflow-x: hidden; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve { font-size: 15px; } } .main-wrapper.home-twelve a:hover { color: #0E82FD; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve { background: #F9F9F9; padding: 200px 0 80px 0; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve { padding: 150px 0 50px 0; } } @media (max-width: 575.98px) { .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve { padding: 100px 0 50px 0; } } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-section-twelve-bg img { position: absolute; z-index: -1; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-section-twelve-bg img:nth-child(1) { left: 0; bottom: 0; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-section-twelve-bg img:nth-child(2) { right: 0; top: 100px; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-section-twelve-bg img:nth-child(2) { display: none; } } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-img.banner-img-twelve { display: flex; align-items: flex-start; position: relative; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-img.banner-img-twelve img:nth-child(2) { animation: movers 1s ease infinite alternate; animation-delay: 1s; margin-left: 15px; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-img.banner-img-twelve .banner-banner-img-twelve-bg img { position: absolute; z-index: -1; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-img.banner-img-twelve .banner-banner-img-twelve-bg img:nth-child(1) { bottom: 9%; right: 46%; animation: gelatine 2s infinite; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-img.banner-img-twelve .banner-banner-img-twelve-bg img:nth-child(2) { left: 0; animation: grow 2s ease infinite alternate; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-img.banner-img-twelve .banner-banner-img-twelve-bg img:nth-child(3) { right: 48%; top: -92px; animation: movers 2s infinite alternate; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-img.banner-img-twelve .banner-banner-img-twelve-bg img:nth-child(4) { bottom: 22%; right: 30%; animation: movers 2s infinite alternate; } @keyframes gelatine { from, to { transform: scale(1, 1); } 25% { transform: scale(0.9, 1.1); } 50% { transform: scale(1.1, 0.9); } 75% { transform: scale(0.95, 1.05); } } @keyframes grow { from { transform: scale(0); } to { transform: scale(1); } } @media (max-width: 991.98px) { .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-img.banner-img-twelve { display: none; } } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-content-fourteen { margin: 0; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-content-fourteen h1 { color: #0E82FD; max-width: 460px; margin: 0 0 20px 0; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-content-fourteen h1 span { color: #1F2937; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-content-fourteen h1 { margin: auto; } } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-content-fourteen .banner-btns-fourteen .btn-primary { background: transparent; color: #0E82FD; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-content-fourteen .banner-btns-fourteen .btn-primary:hover { background: #0E82FD; color: #ffffff; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-content-fourteen .banner-btns-fourteen .btn-primary:nth-child(1) { background: #0E82FD; color: #ffffff; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-content-fourteen .banner-btns-fourteen .btn-primary:nth-child(1):hover { background: transparent; color: #0E82FD !important; border: 1px solid #0E82FD; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .banner-content-fourteen .banner-btns-fourteen .btn-primary:nth-child(2):hover { color: #ffffff; border-color: #0E82FD; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .search-box-fourteen { padding: 20px; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .search-box-fourteen .form-block { align-items: center; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .search-box-fourteen .form-block .search-input label { position: relative; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .search-box-fourteen .form-block .search-input label::after { position: absolute; content: "\f274"; font-family: "Font Awesome 5 Free"; color: #0E82FD; font-weight: 900; right: -24px; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .search-box-fourteen .form-block .search-input label.location-icon::after { position: absolute; content: "\f3c5"; font-family: "Font Awesome 5 Free"; color: #0E82FD; font-weight: 900; right: -24px; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .search-box-fourteen .form-block .search-input .form-control::placeholder { font-weight: 600; } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .search-box-fourteen .form-block .search-btn { margin: 0; } @media (max-width: 767.98px) { .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .search-box-fourteen .form-block .search-btn { width: 100%; } } .main-wrapper.home-twelve .banner-section-fourteen.banner-section-twelve .search-box-fourteen .form-block .search-btn .btn.btn-primary { padding: 14px 16px; } .main-wrapper.home-twelve .section-header-fourteen { text-align: center; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .section-header-fourteen { text-align: center !important; } } .main-wrapper.home-twelve .section-header-fourteen .service-inner-fourteen { /*display: flex;*/ align-items: center; margin-bottom: 10px; justify-content: center; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .section-header-fourteen .service-inner-fourteen { justify-content: center !important; } } .main-wrapper.home-twelve .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-one { background: #0E82FD; content: ""; width: 50px; height: 3px; } .main-wrapper.home-twelve .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-two h3 { color: #0E82FD; font-size: 14px; margin: 0 0; padding: 10px 20px; border-radius: 100px; font-weight: 400; background: #E3F2F9; z-index: 99; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-two h3 { font-size: 14px; } } .main-wrapper.home-twelve .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-three { background: #0E82FD; content: ""; width: 50px; height: 3px; } .main-wrapper.home-twelve .section-header-fourteen h2 { color: #1F2937; font-size: 26px; font-weight: 600; position: relative; margin: 0 0 10px 0; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve .section-header-fourteen h2 { font-size: 26px; } } @media (max-width: 991.98px) { .main-wrapper.home-twelve .section-header-fourteen h2 { margin: 0 0 10px 0; } } .main-wrapper.home-twelve .section-header-fourteen h2::before { position: absolute; flex-shrink: 0; width: 120px; height: 110px; content: ""; background-image: url("../img/bg/header-after.png"); background-repeat: no-repeat; background-size: contain; transition: transform 0.2s ease-in-out; top: -36px; transform: translate(-50%, 0); left: 50%; z-index: -1; } .main-wrapper.home-twelve .section-header-fourteen p { color: #6B7280; font-size: 18px; font-weight: 400; margin: 0 0 50px 0; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .section-header-fourteen p { margin: 0 0 35px 0; font-size: 16px; } } @media (max-width: 575.98px) { .main-wrapper.home-twelve .section-header-fourteen p { margin: 0 0 30px 0; } } .main-wrapper.home-twelve .services-section-fourteen { background: #F9FAFB; position: relative; padding-bottom: 56px; } @media (max-width: 767.98px) { .main-wrapper.home-twelve .services-section-fourteen { padding-bottom: 26px; } } .main-wrapper.home-twelve .services-section-fourteen .floating-bg img { position: absolute; } .main-wrapper.home-twelve .services-section-fourteen .floating-bg img:nth-child(1) { right: 0; top: 150px; } .main-wrapper.home-twelve .services-section-fourteen .floating-bg img:nth-child(2) { left: 0; bottom: 100px; } .main-wrapper.home-twelve .services-section-fourteen .our-services-list { border-radius: 30px; padding: 30px; background: #ffffff; text-align: center; transition: all 0.5s; margin-bottom: 24px; position: relative; } .main-wrapper.home-twelve .services-section-fourteen .our-services-list .service-icon { width: 140px; height: 140px; display: flex; align-items: center; justify-content: center; background: #0E82FD; margin: auto; box-shadow: 0px 25px 50px rgba(14, 130, 253, 0.1); border-radius: 30px; -webkit-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .services-section-fourteen .our-services-list .service-icon { width: 120px; height: 120px; } } .main-wrapper.home-twelve .services-section-fourteen .our-services-list h4 { margin: 0; padding: 20px 0; font-size: 24px; font-weight: 600; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .services-section-fourteen .our-services-list h4 { padding: 15px 0; font-size: 22px; } } @media (max-width: 575.98px) { .main-wrapper.home-twelve .services-section-fourteen .our-services-list h4 { font-size: 20px; } } .main-wrapper.home-twelve .services-section-fourteen .our-services-list p { color: #6B7280; font-size: 14px; text-align: center; margin: 0; } .main-wrapper.home-twelve .services-section-fourteen .our-services-list:hover { cursor: pointer; background: #334155; box-shadow: 0px 20px 50px rgba(51, 65, 85, 0.05); transform: translateY(-10px); } .main-wrapper.home-twelve .services-section-fourteen .our-services-list:hover .service-icon { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); background: #ffffff; } .main-wrapper.home-twelve .services-section-fourteen .our-services-list:hover .service-icon img { filter: invert(1) brightness(100); } .main-wrapper.home-twelve .services-section-fourteen .our-services-list:hover h4, .main-wrapper.home-twelve .services-section-fourteen .our-services-list:hover p { color: #ffffff; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve { background: #F3F4F6; position: relative; z-index: 1; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .floating-bg img { position: absolute; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .floating-bg img:nth-child(1) { right: 0; top: 150px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .floating-bg img:nth-child(2) { left: 0; bottom: 100px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all { border-radius: 40px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main { padding: 15px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt { text-align: center; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-img { position: relative; margin: 0 0 20px 0; overflow: hidden; border-radius: 30px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-img img { position: relative; border-radius: 30px; -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); width: 100%; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-img:hover img { transform: scale(1.2); } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content { position: absolute; top: auto; bottom: 20px; left: 50%; transform: translate(-50%, 0); padding: 8px 0; background: rgba(255, 255, 255, 0.9); border-radius: 50px; min-width: 180px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content img { width: 35px; height: 35px; border-radius: 50px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content span { font-size: 14px; color: #0E82FD; font-weight: 600; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content.content-pricing { position: absolute; top: 20px; right: 20px; bottom: auto; left: auto; transform: none; min-width: 65px; border-radius: 8px; background: #ffffff; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content.content-pricing span { color: #1F2937; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-fourt-care { display: block; color: #1F2937; font-size: 20px; font-weight: 600; margin: 0 0 10px 0; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-fourt-care a:hover { color: #0E82FD; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list { margin: 0 0 20px 0; justify-content: center; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list li { color: #6B7280; font-size: 14px; margin: 0 0px 0 0; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list li i { color: #D1D5DB; margin-right: 6px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list-two { margin: 0 0 10px 0; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list-two li { background: #DBEFFE; color: #0E82FD; margin: 0 10px 10px 0; padding: 10px 15px; border-radius: 8px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list-two li:last-child { margin: 0 0 10px 0; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-list-ratings { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-list-ratings i { color: rgba(26, 84, 199, 0.15); margin-right: 2px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-list-ratings i:last-child { margin-right: 0; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-list-ratings i.rated { color: #FFC001; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-list-ratings span { color: #9CA3AF; font-size: 14px; margin-left: 3px; } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .btn-primary { background: #0E82FD; color: #ffffff; border: 1px solid #0E82FD; } @media (max-width: 575.98px) { .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .btn-primary { width: 100%; } } .main-wrapper.home-twelve .blog-section-fourteen.our-doctor-twelve .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .btn-primary:hover { background: #ffffff; color: #0E82FD; } .main-wrapper.home-twelve .clients-section-fourteen { position: relative; z-index: 1; padding: 80px 0; background: #F9FAFB; } .main-wrapper.home-twelve .clients-section-fourteen .floating-bg img { position: absolute; } .main-wrapper.home-twelve .clients-section-fourteen .floating-bg img:nth-child(1) { right: 10px; top: 50px; z-index: -1; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve .clients-section-fourteen { padding: 80px 0; } } @media (max-width: 1199.98px) { .main-wrapper.home-twelve .clients-section-fourteen { padding: 50px 0; } } .main-wrapper.home-twelve .clients-section-fourteen .section-header-fourteen { text-align: start; } .main-wrapper.home-twelve .clients-section-fourteen .section-header-fourteen h2 { display: inline-block; } .main-wrapper.home-twelve .clients-section-fourteen .section-header-fourteen .service-inner-fourteen { justify-content: start; } .main-wrapper.home-twelve .clients-section-fourteen .client-inner-main { -webkit-animation: mover 2s infinite alternate; animation: mover 2s infinite alternate; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .clients-section-fourteen .client-inner-main { display: none; } } .main-wrapper.home-twelve .clients-section-fourteen .feedback-slider-fourteen .owl-nav { text-align: end; margin-top: 40px; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .clients-section-fourteen .feedback-slider-fourteen .owl-nav { text-align: center; margin-top: 10px; } } .main-wrapper.home-twelve .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-prev { background: #E2E8F0; border-radius: 8px; width: 50px; height: 50px; color: #94A3B8; text-shadow: none; font-size: 24px; border: none; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-prev { width: 40px; height: 40px; font-size: 20px; } } .main-wrapper.home-twelve .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-prev:hover { background: #BFE0FE; color: #1D7ED8; } .main-wrapper.home-twelve .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-next { background: #E2E8F0; border-radius: 8px; width: 50px; height: 50px; color: #94A3B8; text-shadow: none; font-size: 24px; border: none; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-next { width: 40px; height: 40px; font-size: 20px; } } .main-wrapper.home-twelve .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-next:hover { background: #BFE0FE; color: #1D7ED8; } .main-wrapper.home-twelve .clients-section-fourteen .feedback-card { border-radius: 30px; margin: 0 0 0 0; background: transparent; border: none; } .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body { padding: 0px; } .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img { display: flex; align-items: center; justify-content: start; margin: 0 0 50px 0; border: 2px solid #10B981; border-radius: 40px; padding: 20px; max-width: 660px; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img { margin: auto; margin-bottom: 30px; } } .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img h6 { color: #1F2937; font-size: 16px; } .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img img { width: 100px; height: 100px; border-radius: 20px; margin-right: 20px; } .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img h4 { color: #1F2937; font-size: 20px; font-weight: 600; margin: 0 0 5px 0; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img h4 { font-size: 18px; } } .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img h6 { color: #94A3B8; font-size: 16px; margin: 0 0 20px 0; } .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img .rating-fourteen { margin: 0 0 0 0; } .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img .rating-fourteen .filled { color: #FFC001; } .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img .rating-fourteen i { font-size: 18px; } .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main p { color: #6B7280; font-size: 20px; margin: 0 0 0 0; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main p { font-size: 20px; text-align: center; } } @media (max-width: 991.98px) { .main-wrapper.home-twelve .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main p { font-size: 17px; } } .main-wrapper.home-twelve .home-twelve-pricing { position: relative; z-index: 1; padding: 80px 0 56px 0; background: #F3F4F6; } @media (max-width: 767.98px) { .main-wrapper.home-twelve .home-twelve-pricing { padding: 40px 26px; } } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve { height: 605px; background: #ffffff; border-radius: 30px; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; transition: all 0.7s; margin-bottom: 24px; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-bg img { position: absolute; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-bg img:nth-child(1) { bottom: 0; left: 0; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-bg img:nth-child(2) { bottom: 0; right: 0; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-bg img:nth-child(3) { top: 0; right: 0; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content { display: flex; flex-direction: column; align-items: center; justify-content: center; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .card-title { margin-bottom: 0; text-align: center; position: relative; margin-bottom: 40px; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .card-title h3 { font-weight: 600; font-size: 30px; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .card-title span { color: #0E82FD; font-size: 14px; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .price { margin-bottom: 40px; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .price h2 { color: #0E82FD; font-style: 48px; font-weight: 600; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .price h2 span { font-size: 14px; color: #6B7280; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .pack-details { margin-bottom: 40px; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .pack-details ul { list-style: none; padding: 0; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .pack-details ul li { display: flex; align-items: center; margin-bottom: 20px; color: #6B7280; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .pack-details ul li i { margin-right: 10px; color: #0E82FD; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .price-btn a { min-width: 198px; background: #0E82FD; color: #ffffff; border-radius: 6px; text-align: center; border: 1px solid #0E82FD; position: relative; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve .price-content .price-btn a:hover { background: #ffffff; color: #0E82FD; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve:hover, .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve.active { cursor: pointer; background: #1E293B; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve:hover .price-content .card-title h3, .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve.active .price-content .card-title h3 { color: #ffffff; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve:hover .price h2, .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve.active .price h2 { color: #ffffff; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve:hover .price h2 span, .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve.active .price h2 span { color: #ffffff; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve:hover .pack-details, .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve.active .pack-details { margin-bottom: 40px; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve:hover .pack-details ul li, .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve.active .pack-details ul li { color: #ffffff; } .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve:hover .pack-details ul li i, .main-wrapper.home-twelve .home-twelve-pricing .price-card-twelve.active .pack-details ul li i { color: #0E82FD; } .main-wrapper.home-twelve .blog-section-fourteen { background: #F9FAFB; position: relative; z-index: 1; } .main-wrapper.home-twelve .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-fourt-care { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .main-wrapper.home-twelve .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-fourt-care:hover { color: #0E82FD; } .main-wrapper.home-twelve .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content { padding: 5px 15px 5px 5px; } .main-wrapper.home-twelve .blog-section-fourteen .blog-btn-sec .btn-view { border: 1px solid #0E82FD; } .main-wrapper.home-twelve .blog-section-fourteen .blog-btn-sec .btn-view:hover { box-shadow: inset 220px 0 0 0 #ffffff; color: #0E82FD; } .main-wrapper.home-twelve .choose-us-fourteen { background: #F3F4F6; position: relative; z-index: 1; } .main-wrapper.home-twelve .why-us-content .section-title { align-items: start; } .main-wrapper.home-twelve .why-us-content .section-title h2 { font-size: 60px; font-weight: 500; } .main-wrapper.home-twelve .why-us-content .section-title p { font-size: 18px; font-weight: 500; text-align: start; } @keyframes updown { 100% { transform: translateY(-10px); } } .main-wrapper.home-twelve .us-title h6 { font-weight: 500; font-size: 20px; } .main-wrapper.home-twelve .accordion-item:first-of-type { border-top-left-radius: 20px; border-top-right-radius: 20px; } .main-wrapper.home-twelve .accordion-item { background-color: transparent; border: 0px solid rgba(0, 0, 0, 0.125); border-radius: 20px; margin: 5px 0px 15px 0px; } .main-wrapper.home-twelve .accordion-header button { font-weight: 600; font-size: 20px; color: #333333; } .main-wrapper.home-twelve .accordion-header { margin-bottom: 0; } .main-wrapper.home-twelve .accordion-item:first-of-type .accordion-button { border-top-left-radius: 20px; border-top-right-radius: 20px; } @media (max-width: 575.98px) { .main-wrapper.home-twelve .accordion-item:first-of-type .accordion-button { font-size: 16px; } } .main-wrapper.home-twelve .accordion-item .accordion-button { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } @media (max-width: 575.98px) { .main-wrapper.home-twelve .accordion-item .accordion-button { font-size: 16px; } } .main-wrapper.home-twelve .accordion-button:not(.collapsed) { background-color: #ffffff; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .main-wrapper.home-twelve .accordion-button:not(.collapsed) { box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.13); } .main-wrapper.home-twelve .shade { box-shadow: -8px 13px 80px rgba(27, 41, 80, 0.1); border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } .main-wrapper.home-twelve .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #212529; text-align: left; background-color: transparent; border: 0; border-radius: 0; overflow-anchor: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; } .main-wrapper.home-twelve .accordion-button::after { flex-shrink: 0; width: 50px; height: 50px; content: "\f0d7"; font-family: "Font Awesome 5 Free"; color: #0E82FD; font-weight: 900; transition: transform 0.2s ease-in-out; position: absolute; right: 15px; background-size: auto; background-image: none; display: flex; align-items: center; justify-content: center; background-color: #DBEFFE; border-radius: 8px; } @media (max-width: 575.98px) { .main-wrapper.home-twelve .accordion-button::after { width: 30px; height: 30px; } } .main-wrapper.home-twelve .accordion-button:not(.collapsed)::after { transform: rotateX(180deg); background-color: #0E82FD; color: #ffffff; } .main-wrapper.home-twelve .accordion-button:focus { z-index: 3; border-color: #fff; outline: 0; box-shadow: none; } .main-wrapper.home-twelve .accordion-body { padding: 0rem 6.25rem 1rem 6.26rem; background: #ffffff; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } @media (max-width: 575.98px) { .main-wrapper.home-twelve .accordion-body { padding: 0rem 2rem 1rem 6.26rem; } } .main-wrapper.home-twelve .accordion-body h6 { font-weight: 400; font-size: 16px; line-height: 24px; color: #6B7280; } .main-wrapper.home-twelve .accordion-button::before { flex-shrink: 0; width: 42px; height: 42px; content: ""; background-image: url("../img/check.png"); margin-right: 30px; background-repeat: no-repeat; transition: transform 0.2s ease-in-out; } @media (max-width: 575.98px) { .main-wrapper.home-twelve .accordion-button::before { margin-right: 15px; } } .main-wrapper.home-twelve .slide-nav-16 button.owl-next, .main-wrapper.home-twelve .slide-nav-16 button.owl-prev, .main-wrapper.home-twelve .slide-nav-15 button.owl-next, .main-wrapper.home-twelve .slide-nav-15 button.owl-prev { background: #E2E8F0; border-radius: 8px; width: 50px; height: 50px; color: #94A3B8; text-shadow: none; font-size: 24px; border: none; position: absolute; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .slide-nav-16 button.owl-next, .main-wrapper.home-twelve .slide-nav-16 button.owl-prev, .main-wrapper.home-twelve .slide-nav-15 button.owl-next, .main-wrapper.home-twelve .slide-nav-15 button.owl-prev { width: 40px; height: 40px; font-size: 20px; margin: 0 10px 30px 0; } } .main-wrapper.home-twelve .slide-nav-16 button.owl-next:hover, .main-wrapper.home-twelve .slide-nav-16 button.owl-prev:hover, .main-wrapper.home-twelve .slide-nav-15 button.owl-next:hover, .main-wrapper.home-twelve .slide-nav-15 button.owl-prev:hover { background: #BFE0FE; color: #1D7ED8; } .main-wrapper.home-twelve .slide-nav-16 button.owl-next, .main-wrapper.home-twelve .slide-nav-15 button.owl-next { right: 15px; top: 50%; z-index: 1; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .slide-nav-16 button.owl-next, .main-wrapper.home-twelve .slide-nav-15 button.owl-next { z-index: 1; } } .main-wrapper.home-twelve .slide-nav-16 button.owl-prev, .main-wrapper.home-twelve .slide-nav-15 button.owl-prev { left: 15px; top: 50%; z-index: 1; } @media (max-width: 991.98px) { .main-wrapper.home-twelve .slide-nav-16 button.owl-prev, .main-wrapper.home-twelve .slide-nav-15 button.owl-prev { z-index: 1; } } @media (max-width: 575.98px) { .main-wrapper.home-twelve .slide-nav-15 button.owl-next, .main-wrapper.home-twelve .slide-nav-15 button.owl-prev { top: 43%; } } .main-wrapper.home-twelve.home-thirteen .row-gap { row-gap: 24px; } .main-wrapper.home-twelve.home-thirteen a:hover { color: #0E82FD; } .main-wrapper.home-twelve.home-thirteen .common-padding { margin: 0; padding: 80px 0; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .common-padding { margin: 0; padding: 50px 0; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen { position: relative; background-image: url("../img/bg/home-13-banner.png"); background-repeat: no-repeat; background-size: 100% 80%; background-position: top; padding: 165px 0 0px 0; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen { background-image: none; background-color: #0E82FD; padding: 135px 0 60px 0; } } @media (max-width: 767.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen { padding-bottom: 40px; } } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-center-img img { display: none; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-content { padding-bottom: 0; text-align: center; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-content { padding-bottom: 40px; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-content h4 { text-transform: uppercase; font-size: 18px; font-weight: 600; color: #ffffff; margin-bottom: 20px; } @media (max-width: 767.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-content h4 { font-size: 16px; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-content h1 { text-transform: capitalize; color: #ffffff; margin-bottom: 20px; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-content p { font-size: 20px; color: #ffffff; max-width: 570px; margin: auto auto 20px auto; } @media (max-width: 767.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-content p { font-size: 16px; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-content .banner-btns-fourteen .btn-primary { padding: 20px 30px; background: #ffffff; color: #0E82FD; font-size: 14px; font-weight: 600; text-transform: uppercase; transition: all 0.7s; box-shadow: inset 0 0 0 0 #ffffff; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-content .banner-btns-fourteen .btn-primary { padding: 15px 20px; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-content .banner-btns-fourteen .btn-primary:hover { background: #1C5B91; color: #ffffff; box-shadow: inset 0 100px 0 0 #1C5B91; -webkit-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen { margin: 0; padding: 20px; box-shadow: 0px 19.9607px 87.3282px rgba(32, 36, 138, 0.06); border-radius: 10px; min-width: 100%; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-title { margin-bottom: 15px; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-title h5 { font-weight: 600; font-size: 24px; margin-bottom: 0; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-title h5 { font-size: 20px; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input { margin-right: 24px; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input { margin-right: 17px; } } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input { margin-bottom: 15px; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input.search-line-thirteen { width: 20%; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input.search-line-thirteen { width: 100%; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input.search-map-line-thirteen { width: 19%; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input.search-map-line-thirteen { width: 100%; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input.search-calendar-line-thirteen { width: 18%; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input.search-calendar-line-thirteen { width: 100%; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input.search-users-line-thirteen { width: 18%; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input.search-users-line-thirteen { width: 100%; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 46px; line-height: 56px; font-size: 16px; font-weight: 400; color: #6B7280; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input .select2-container .select2-selection--single .select2-selection__rendered { font-size: 14px; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input .select2-container--default .select2-selection--single { background: #F8FBFF; border: none; border-radius: 4px; height: 54px; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input .select2-container--default .select2-selection--single .select2-selection__arrow { top: 5px; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #6B7280 transparent transparent; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #6B7280; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input i { left: 20px; z-index: 1; font-size: 14px; color: #D1D5DB; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input input { padding: 0 10px 0 46px; background: #F8FBFF; height: 54px; min-height: 54px; font-size: 15px; color: #6B7280; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input input { font-size: 14px; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input input:hover, .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .search-input input:focus { background-color: #F8FBFF !important; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .form-search-btn { padding-top: 0; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .form-search-btn { float: none; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .form-search-btn .btn { min-width: auto; padding: 14px 43px; border-radius: 4px; font-size: 14px; } @media (max-width: 1399.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .form-search-btn .btn { padding: 14px 23px; } } @media (max-width: 1199.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .form-search-btn .btn { padding: 14px 14px; } } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .search-box-one.search-box-thirteen .form-search-btn .btn { width: 100%; } } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg { display: none; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-one { position: absolute; right: 50px; bottom: 250px; animation: elastic-spin 1s infinite ease; z-index: -1; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-two { position: absolute; bottom: 350px; left: 100px; animation: elastic-spin 1s infinite ease; z-index: -1; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-three { position: absolute; top: 350px; left: 130px; animation: elastic-spin 1s infinite ease; z-index: -1; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-four { position: absolute; right: 130px; bottom: 350px; animation: elastic-spin 1s infinite ease; z-index: -1; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-five { position: absolute; top: 600px; right: 130px; animation: elastic-spin 1s infinite ease; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-six { position: absolute; top: 500px; right: 50%; animation: elastic-spin 1s infinite ease; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-seven { position: absolute; top: 500px; left: 80%; animation: pulse 1s infinite ease-in-out alternate; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-eight { position: absolute; top: 350px; left: 30%; animation: pulse 1s infinite ease-in-out alternate; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-nine { position: absolute; top: 200px; left: 15%; animation: spin 3000ms linear infinite; z-index: -1; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-ten { position: absolute; top: 150px; right: 23%; animation: elastic-spin 1s infinite ease; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-eleven { position: absolute; top: 20%; right: 23%; animation: spin 3000ms linear infinite; z-index: -1; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-thirteen { position: absolute; top: 6%; right: 5%; animation: spin 3000ms linear infinite; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-fourteen { position: absolute; top: 8%; right: 5%; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-fourteen { display: none; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-fifteen { position: absolute; top: 17%; right: 0; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-sixteen { position: absolute; top: 12%; left: 0; z-index: -1; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-seventeen a { position: absolute; top: 65%; left: 20%; padding: 25px 30px; background: #00E3FF; color: #ffffff; box-shadow: 0px 19.9607px 87.3282px rgba(32, 36, 138, 0.06); border-radius: 10px; font-size: 20px; font-weight: 700; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-eighteen a { position: absolute; top: 45%; left: 23%; padding: 20px; background: rgba(255, 255, 255, 0.4); color: #ffffff; backdrop-filter: blur(8px); border-radius: 10px; font-size: 20px; font-weight: 700; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-ninteen a { position: absolute; top: 30%; right: 24%; padding: 20px; background: rgba(255, 255, 255, 0.4); color: #ffffff; backdrop-filter: blur(8px); border-radius: 10px; font-size: 20px; font-weight: 700; z-index: -1; } @media (max-width: 1399.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-ninteen a { top: 33%; right: 7%; z-index: 1; } } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bg-twenty { position: absolute; top: 56%; left: 17%; z-index: -1; } .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bgs { position: absolute; top: 56%; right: 17%; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve.home-thirteen .banner-section-thirteen .banner-section-thirteen-bg .banner-section-thirteen-bgs { max-width: 300px; } } .main-wrapper.home-twelve.home-thirteen .services-section-thirteen { padding: 80px 0 56px 0; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .services-section-thirteen { margin: 0; padding: 50px 0 26px 0; } } .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main { border-radius: 20px; margin: 0 0 24px 0; padding: 8px; transition: 0.5s; } @media (max-width: 575.98px) { .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main { text-align: center; } } .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all { padding: 20px; border-radius: 20px; border: 1px dashed #ffffff; } @media (max-width: 575.98px) { .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all { display: block; } } .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all .service-img-thirteen { margin-right: 15px; position: relative; } @media (max-width: 575.98px) { .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all .service-img-thirteen { margin: 0 0 10px 0; } } .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all .service-img-thirteen img { max-width: 120px; height: 120px; border-radius: 100%; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all .service-img-thirteen img { width: 120px; } } @media (max-width: 575.98px) { .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all .service-img-thirteen img { width: 120px; } } .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all .service-img-thirteen .service-inner-img-third { position: absolute; top: 0; right: 0; } .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all .service-inner-contents h5 { font-size: 20px; font-weight: 700; margin-bottom: 10px; color: #1F2937; text-transform: capitalize; } .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main .service-thirteen-all .service-inner-contents p { margin-bottom: 0; font-size: 14px; color: #6B7280; } .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main:hover { background: #ffffff; box-shadow: 0px 11px 21px 10px rgba(14, 130, 253, 0.08); transition: 0.5s; transform: translateY(-10px); } .main-wrapper.home-twelve.home-thirteen .services-section-thirteen .service-thirteen-main:hover .service-thirteen-all { background: #ffffff; border: 1px dashed #0E82FD; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen { background: url(../img/cloud-bg.png); background-repeat: no-repeat; background-position: top center; position: relative; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen { background-color: #F8FBFF; background-image: none; } } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-thirteen-img img { height: 438px; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-thirteen-img img { width: 100%; } } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content { background: #ffffff; box-shadow: 0px 19.9607px 87.3282px rgba(32, 36, 138, 0.06); border-radius: 10px; padding: 20px; position: relative; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content a { display: inline-block; color: #1F2937; font-size: 20px; font-weight: 700; margin-bottom: 10px; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content a:hover { color: #0E82FD; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content .our-doctor-content-inner { margin-bottom: 20px; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content .our-doctor-content-inner span { padding: 5px 10px; background: rgba(14, 130, 253, 0.1); border-radius: 5px; font-weight: 600; color: #0E82FD; font-size: 14px; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content .our-doctor-content-inner .reviews-ratings p { color: #D1D5DB; font-size: 12px; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content .our-doctor-content-inner .reviews-ratings p span { background: none; color: #6B7280; font-size: 16px; font-weight: 400; margin: 0 4px 0 0; padding: 0; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content .our-doctor-content-inner .reviews-ratings p span i { color: #FBBF24; background: transparent; width: auto; height: auto; border-radius: 0; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content h6 { color: #6B7280; font-weight: 600; margin-bottom: 10px; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content p { color: #6B7280; font-size: 14px; margin-bottom: 0; display: flex; align-items: center; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content p i { width: 24px; height: 24px; background: rgba(154, 154, 154, 0.1); border-radius: 5px; margin-right: 5px; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-all .our-doctor-content .our-doctor-thirteen-imgone { position: absolute; right: 0; bottom: 0; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-one img { position: absolute; z-index: 0; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-one img:nth-child(1) { left: 3%; top: 45%; animation: spin 2000ms linear infinite; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-one img:nth-child(2) { right: 7%; bottom: 40%; animation: spin 2000ms linear infinite; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-one img:nth-child(3) { right: 4%; top: 20%; animation: spin 2000ms linear infinite; } .main-wrapper.home-twelve.home-thirteen .our-doctor-thirteen .our-doctor-thirteen-one img:nth-child(4) { left: 5%; bottom: 30%; animation: spin 2000ms linear infinite; } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen { background: #F8FBFF; } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen .choose-us-inner-all .choose-us-thirteen-img { text-align: center; position: relative; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen .choose-us-inner-all .choose-us-thirteen-img { display: none; } } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen .choose-us-inner-all .choose-us-thirteen-img img { border-radius: 20px; } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen .choose-us-inner-all .choose-us-thirteen-img .choose-us-thirteen-imgone img { position: absolute; z-index: 0; } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen .choose-us-inner-all .choose-us-thirteen-img .choose-us-thirteen-imgone img:nth-child(1) { right: 4%; bottom: 0%; } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen .choose-us-inner-all .choose-us-thirteen-img .choose-us-thirteen-imgone img:nth-child(2) { left: -5%; top: 7%; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen .choose-us-inner-all .choose-us-thirteen-img .choose-us-thirteen-imgone img:nth-child(2) { display: none; } } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul { margin: 0; padding: 0; list-style: none; } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li { margin-bottom: 20px; transition: 0.5s; padding: 15px; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li { padding: 20px; margin-bottom: 20px; } } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li:last-child { margin-bottom: 0; } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li .choose-us-content-thirteen { display: flex; } @media (max-width: 575.98px) { .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li .choose-us-content-thirteen { display: block; } } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li .choose-us-content-thirteen .chooseus-contents { min-width: 50px; height: 50px; background: rgba(160, 240, 253, 0.2); border-radius: 10.8333px; font-size: 24px; color: #0E82FD; margin-right: 16px; } @media (max-width: 575.98px) { .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li .choose-us-content-thirteen .chooseus-contents { margin-bottom: 10px; } } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li .choose-us-content-thirteen .chooseus-content-ryt h5 { font-size: 20px; color: #1F2937; font-weight: 600; text-transform: capitalize; margin-bottom: 16px; } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li .choose-us-content-thirteen .chooseus-content-ryt p { font-weight: 400; letter-spacing: 0.2px; text-transform: capitalize; margin-bottom: 0; } .main-wrapper.home-twelve.home-thirteen .choose-us-section-thirteen ul li:hover { transition: 0.5s; transform: translateY(-10px); box-shadow: 0px 11px 21px 10px rgba(14, 130, 253, 0.08); } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen { position: relative; } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all { display: flex; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all { display: block; } } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .clients-says-content { width: 50%; padding: 70px 50px 50px 50px; background: #0E82FD; border-radius: 35px 0px 0px 35px; position: relative; z-index: -1; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .clients-says-content { width: 100%; border-radius: 0; padding: 50px 50px 50px 50px; } } @media (max-width: 767.98px) { .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .clients-says-content { padding: 25px; } } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .clients-says-content p { color: #ffffff; font-size: 20px; line-height: 33px; letter-spacing: 0.2px; text-transform: capitalize; font-weight: 500; margin-bottom: 24px; } @media (max-width: 1399.98px) { .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .clients-says-content p { font-size: 20px; line-height: 28px; margin-bottom: 13px; } } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .clients-says-content h4 { letter-spacing: 0.2px; text-transform: capitalize; color: #C4F7FF; font-size: 20px; font-weight: 600; } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .clients-says-content .location-thirteen { color: #f0f0f0; font-size: 14px; font-weight: 400; text-transform: capitalize; margin-bottom: 0; } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .clients-says-content .client-says-imagesone img { position: absolute; z-index: -1; } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .clients-says-content .client-says-imagesone img:nth-child(1) { right: -3%; bottom: -12%; width: auto; } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .clients-says-content .client-says-imagesone img:nth-child(2) { left: 0%; top: 0%; width: auto; } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .client-says-images { width: 50%; } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .client-says-images img { width: auto; border-radius: 0 35px 35px 0; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-says-all .client-says-images { display: none; } } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-us-section-thirteenone { display: none; } } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-us-section-thirteenone img { position: absolute; z-index: 0; } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-us-section-thirteenone img:nth-child(1) { left: 0%; top: 15%; width: auto; } .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-us-section-thirteenone img:nth-child(2) { right: -6%; top: 22%; width: auto; } @media (max-width: 1199.98px) { .main-wrapper.home-twelve.home-thirteen .client-us-section-thirteen .client-us-section-thirteenone img:nth-child(2) { display: none; } } .main-wrapper.home-twelve.home-thirteen .latest-articles-thirteen { padding: 80px 0 56px 0; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .latest-articles-thirteen { margin: 0; padding: 50px 0 26px 0; } } .main-wrapper.home-twelve.home-thirteen .latest-articles-thirteen .articles-thirteen { margin-bottom: 24px; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .latest-articles-thirteen .articles-thirteen { text-align: center; } } .main-wrapper.home-twelve.home-thirteen .latest-articles-thirteen .articles-thirteen .articles-thirteen-img { margin-bottom: 24px; overflow: hidden; border-radius: 20px; } .main-wrapper.home-twelve.home-thirteen .latest-articles-thirteen .articles-thirteen .articles-thirteen-img img { border-radius: 20px; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .main-wrapper.home-twelve.home-thirteen .latest-articles-thirteen .articles-thirteen .articles-thirteen-img:hover img { border-radius: 20px; transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .main-wrapper.home-twelve.home-thirteen .latest-articles-thirteen .articles-thirteen .articles-thirteen-content h6 { padding: 2px 8px; border-radius: 20px; background: #EEF6FF; color: #0E82FD; font-size: 14px; font-weight: 600; text-transform: capitalize; margin-bottom: 10px; display: inline-block; } .main-wrapper.home-twelve.home-thirteen .latest-articles-thirteen .articles-thirteen .articles-thirteen-content a { font-size: 20px; font-weight: 500; text-transform: capitalize; color: #1F2937; margin-bottom: 10px; display: block; } .main-wrapper.home-twelve.home-thirteen .latest-articles-thirteen .articles-thirteen .articles-thirteen-content a:hover { color: #0E82FD; } .main-wrapper.home-twelve.home-thirteen .latest-articles-thirteen .articles-thirteen .articles-thirteen-content p { color: #6B7280; font-weight: 400; margin-bottom: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; width: 100%; overflow: hidden; } .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen { background: url(../img/feedback-bg.png); background-repeat: no-repeat; background-position: top center; position: relative; z-index: 1; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen { background-image: none; background-color: #F8FBFF; } } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-all-img { display: none; } } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-main-content { text-align: center; } } .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-main-content h2 { color: #1F2937; font-size: 40px; font-weight: 600; margin-bottom: 20px; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-main-content h2 { font-size: 34px; } } .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-main-content p { font-weight: 400; color: #6B7280; margin-bottom: 40px; } .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-main-content .feedback-inner-img { display: flex; } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-main-content .feedback-inner-img { justify-content: center; } } @media (max-width: 575.98px) { .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-main-content .feedback-inner-img { display: block; } } .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-main-content .feedback-inner-img .feedback-inner-imgone { margin-right: 26px; } @media (max-width: 575.98px) { .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-main-content .feedback-inner-img .feedback-inner-imgone { margin: 0 0 10px 0; } } @media (max-width: 991.98px) { .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-bg-icons { display: none; } } .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-bg-icons img { position: absolute; z-index: 0; } .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-bg-icons img:nth-child(1) { right: 6%; top: 40%; width: auto; animation: spin 3000ms linear infinite; } .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-bg-icons img:nth-child(2) { right: 11%; top: 55%; width: auto; animation: spin 3000ms linear infinite; } .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-bg-icons img:nth-child(3) { right: 8%; bottom: 10%; width: auto; animation: spin 3000ms linear infinite; } .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-bg-icons img:nth-child(4) { left: 15%; bottom: 10%; width: auto; animation: spin 3000ms linear infinite; } .main-wrapper.home-twelve.home-thirteen .feedback-section-thirteen .feedback-bg-icons img:nth-child(5) { left: 6%; top: 25%; width: auto; animation: spin 3000ms linear infinite; } .section-header-thirteen { margin-bottom: 50px; } @media (max-width: 991.98px) { .section-header-thirteen { margin-bottom: 40px; } } .section-header-thirteen .section-inner-thirteen { margin-right: 15px; } .section-header-thirteen h2 { font-size: 40px; color: #1F2937; font-weight: 700; margin-bottom: 0; } @media (max-width: 991.98px) { .section-header-thirteen h2 { font-size: 34px; } } @media (max-width: 767.98px) { .section-header-thirteen h2 { font-size: 28px; } } .our-slider-thirteen .owl-dots, .client-says-thirteen .owl-dots { text-align: center; margin-top: 50px; } @media (max-width: 991.98px) { .our-slider-thirteen .owl-dots, .client-says-thirteen .owl-dots { margin-top: 30px; } } .our-slider-thirteen .owl-dots .owl-dot, .client-says-thirteen .owl-dots .owl-dot { width: 15px; height: 15px; border-radius: 50%; background: #F3F3F3; margin-right: 15px; } @media (max-width: 991.98px) { .our-slider-thirteen .owl-dots .owl-dot, .client-says-thirteen .owl-dots .owl-dot { width: 10px; height: 10px; } } .our-slider-thirteen .owl-dots .owl-dot.active, .client-says-thirteen .owl-dots .owl-dot.active { width: 45px; background: #0E82FD; border-radius: 20px; } @keyframes pulse { from { transform: scale(0.8); } to { transform: scale(1.2); } } @keyframes elastic-spin { from { transform: rotate(0deg); } to { transform: rotate(720deg); } } @keyframes spin { to { transform: rotate(360deg); } } .main-wrapper.home-fourteen { font-size: 16px; font-family: "Inter", sans-serif; } @media (max-width: 1199.98px) { .main-wrapper.home-fourteen { font-size: 15px; } } .banner-section-fourteen { position: relative; padding: 100px 0 0 0; background: #0E82FD; z-index: 1; } @media (max-width: 1199.98px) { .banner-section-fourteen { padding: 100px 0 30px 0; } } @media (max-width: 991.98px) { .banner-section-fourteen { padding: 100px 0 50px 0; } } .banner-section-fourteen .banner-content-fourteen { margin: 116px 0 0 0; padding: 0 0 40px 0; } @media (max-width: 1399.98px) { .banner-section-fourteen .banner-content-fourteen { margin: 50px 0 0 0; padding: 0 0 40px 0; } } @media (max-width: 1199.98px) { .banner-section-fourteen .banner-content-fourteen { margin: 10px 0 0 0; padding: 0 0 40px 0; } } .banner-section-fourteen .banner-content-fourteen h1 { color: #ffffff; letter-spacing: 0.005rem; font-weight: 700; width: 586px; margin: 0 0 40px 0; } @media (max-width: 1199.98px) { .banner-section-fourteen .banner-content-fourteen h1 { width: auto; } } .banner-section-fourteen .banner-content-fourteen .banner-btns-fourteen { display: flex; justify-content: start; } @media (max-width: 991.98px) { .banner-section-fourteen .banner-content-fourteen .banner-btns-fourteen { justify-content: center; } } @media (max-width: 479.98px) { .banner-section-fourteen .banner-content-fourteen .banner-btns-fourteen { flex-direction: column; } } .banner-section-fourteen .banner-content-fourteen .banner-btns-fourteen .btn-primary { background: #ffffff; color: #0E82FD; padding: 15px 20px; } @media (max-width: 991.98px) { .banner-section-fourteen .banner-content-fourteen .banner-btns-fourteen .btn-primary { padding: 15px 15px; } } @media (max-width: 479.98px) { .banner-section-fourteen .banner-content-fourteen .banner-btns-fourteen .btn-primary { width: 100%; margin: 0 0 10px 0; padding: 15px 15px; } } .banner-section-fourteen .banner-content-fourteen .banner-btns-fourteen .btn-primary:hover { background: transparent; box-shadow: none; color: #ffffff; border: 1px solid #ffffff; } .banner-section-fourteen .banner-content-fourteen .banner-btns-fourteen .btn-primarytwo { background: transparent; box-shadow: none; color: #ffffff; border: 1px solid #ffffff; padding: 15px 20px; } @media (max-width: 991.98px) { .banner-section-fourteen .banner-content-fourteen .banner-btns-fourteen .btn-primarytwo { padding: 15px 15px; } } .banner-section-fourteen .banner-content-fourteen .banner-btns-fourteen .btn-primarytwo:hover { background: #ffffff; color: #0E82FD; } .banner-section-fourteen .search-box-fourteen { background: #ffffff; box-shadow: -8px 6px 100px rgba(36, 58, 101, 0.1); border-radius: 20px; padding: 30px 41px 20px 41px; gap: 10px; } .banner-section-fourteen .search-box-fourteen .form-block { justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; align-items: center; } @media (max-width: 768px) { .banner-section-fourteen .search-box-fourteen .form-block { flex-direction: column; } } .banner-section-fourteen .search-box-fourteen .form-block .search-input { margin: 0 15px 0 0; } @media (max-width: 768px) { .banner-section-fourteen .search-box-fourteen .form-block .search-input { width: 100%; } } .banner-section-fourteen .search-box-fourteen .form-block .search-input input { min-height: 40px; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; } .banner-section-fourteen .search-box-fourteen .form-block .search-input input::placeholder { color: #1F2937; font-weight: 600; } .banner-section-fourteen .search-box-fourteen .form-block .search-input .forms-block { margin-bottom: 0; } .banner-section-fourteen .search-box-fourteen .form-block .search-input label { color: #6B7280; } .banner-section-fourteen .search-box-fourteen .search-btn { width: auto; margin: -8px 0 0 0; } @media (max-width: 768px) { .banner-section-fourteen .search-box-fourteen .search-btn { width: 100%; margin: 0 0 0 0; } } .banner-section-fourteen .search-box-fourteen .search-btn .btn-primary { background: #0E82FD; border: 1px solid #0E82FD; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; padding: 14px 16px; font-weight: 600; } @media (max-width: 768px) { .banner-section-fourteen .search-box-fourteen .search-btn .btn-primary { width: 100%; } } .banner-section-fourteen .search-box-fourteen .search-btn .btn-primary:hover { background: #1C5B91; box-shadow: inset 0 0 0 50px #1C5B91; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; border: 1px solid #1C5B91; } .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen { left: 30px; } @media (max-width: 1199.98px) { .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen { top: 50px; } } .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen3 { top: 380px; } @media (max-width: 1199.98px) { .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen3 { top: 250px; } } @media (max-width: 1199.98px) { .banner-section-fourteen .banner-img-fourteen .banner-img2 { top: 100px; } } .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen4 { position: absolute; right: 0px; bottom: 100px; animation: spin 3000ms linear infinite; } @media (max-width: 1199.98px) { .banner-section-fourteen .banner-img-fourteen .banner-imgfourteen4 { bottom: 10px; } } .banner-section-fourteen .banner-imgfourteen5 { position: absolute; top: 250px; left: 86px; animation: spin 3000ms linear infinite; } .banner-section-fourteen .banner-imgfourteen6 { position: absolute; bottom: 50px; left: 65px; animation: spin 3000ms linear infinite; z-index: -1; } .services-section-fourteen { padding: 80px 0; background: #F8FAFC; } @media (max-width: 1199.98px) { .services-section-fourteen { padding: 50px 0; } } .services-section-fourteen .service-inner-fourt-all { border-radius: 20px; margin: 0 0 24px 0; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main { padding: 20px; border-radius: 20px; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-img { position: relative; margin: 0 0 13px 0; overflow: hidden; border-radius: 20px; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-img img { position: relative; border-radius: 20px; -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); width: 100%; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-img:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-img:hover::before { -webkit-animation: circle 1s; animation: circle 1s; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-img::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ""; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); border-radius: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); opacity: 0; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-care { color: #1F2937; font-size: 22px; font-weight: 600; margin: 0 0 13px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } @media (max-width: 1199.98px) { .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-care { font-size: 18px; } } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-care:hover { color: #1C5B91; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt p { color: #6B7280; font-size: 14px; margin: 0 0 10px 0; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-caretwo { color: #0E82FD; font-size: 18px; font-weight: 600; } @media (max-width: 1199.98px) { .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-caretwo { font-size: 16px; } } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-caretwo i { font-weight: 600; } .services-section-fourteen .service-inner-fourt-all .service-inner-fourt-main .service-inner-right-fourt .service-inner-right-fourt-caretwo:hover { color: #1C5B91; } .services-section-fourteen .service-inner-img-fourt-all { position: relative; } @media (max-width: 991.98px) { .services-section-fourteen .service-inner-img-fourt-all .service-inner-img-fourt { display: none; } } .services-section-fourteen .service-inner-img-fourt-all .service-inner-img-fourtone { position: absolute; top: 0; right: 65px; animation: spin 3000ms linear infinite; } .services-section-fourteen .service-inner-img-fourt-all .service-inner-img-fourttwo { position: absolute; bottom: 0; animation: spin 3000ms linear infinite; } .services-section-fourteen .service-inner-img-fourt-all .service-inner-img-fourtthree { position: absolute; top: 0; left: 30px; animation: spin 3000ms linear infinite; } .services-section-fourteen .btn-sec-fourteen { text-align: end; } @media (max-width: 991.98px) { .services-section-fourteen .btn-sec-fourteen { text-align: center; } } .services-section-fourteen .btn-sec-fourteen a { padding: 15px 20px; font-size: 15px; color: #ffffff; background: #0E82FD; transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; border: 1px solid #0E82FD; font-weight: 600; } @media (max-width: 991.98px) { .services-section-fourteen .btn-sec-fourteen a { padding: 12px 13px; } } .services-section-fourteen .btn-sec-fourteen a:hover { box-shadow: inset 165px 0 0 0 #1C5B91; border-color: #1C5B91; } .team-section-fourteen { position: relative; padding: 80px 0 56px 0; } @media (max-width: 1199.98px) { .team-section-fourteen { padding: 50px 0; } } .team-section-fourteen .articles-grid-fourteen { background: #F8FAFC; border: 1px solid #E5E7EB; border-radius: 30px; } @media (max-width: 1199.98px) { .team-section-fourteen .articles-grid-fourteen .articles-info { text-align: start; } } @media (max-width: 991.98px) { .team-section-fourteen .articles-grid-fourteen .articles-info { display: flex; text-align: center; flex-direction: column; } } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-left .articles-img-fourteen { width: 206px; height: 220px; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-left .articles-img-fourteen img { height: 100%; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen a { font-size: 20px; font-weight: 600; display: block; margin-bottom: 10px; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen a:hover { color: #1C5B91; } @media (max-width: 1199.98px) { .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list { justify-content: start; -webkit-justify-content: start; } } @media (max-width: 991.98px) { .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list { justify-content: center; -webkit-justify-content: center; } } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list .Qualified-doctors-fourteen { background: #DBEFFE; color: #0E82FD; padding: 10px 15px; border-radius: 8px; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list .Qualified-doctors-fourteentwo { color: #6B7280; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list .Qualified-doctors-fourteenthree { background: #F3F4F6; padding: 10px 12px; border-radius: 6px; color: #1F2937; font-weight: 600; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list .Qualified-doctors-fourteenfour a { border-radius: 6px; background: #0E82FD; color: #ffffff; transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; font-size: 15px; font-weight: 600; display: block; margin-bottom: 0; padding: 10px 12px; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .articles-list .Qualified-doctors-fourteenfour a:hover { box-shadow: inset 120px 0 0 0 #1C5B91; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .rating-fourteen .filled { color: #FFC001; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .rating-fourteen i { font-size: 18px; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen .rating-fourteen .average-rating { font-size: 14px; color: #D1D5DB; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen p { color: #6B7280; font-weight: 500; margin: 0 0 10px 0; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen p i { color: #6B7280; margin: 0 7px 0 0; } .team-section-fourteen .articles-grid-fourteen .articles-info .articles-right .articles-content-fourteen p span { color: #1F2937; font-weight: 500; } .team-section-fourteen .banner-imgfourteenseven { position: absolute; bottom: 50px; left: 30px; animation: spin 3000ms linear infinite; } .team-section-fourteen .banner-imgfourteeneight { position: absolute; top: 70px; right: 50%; animation: spin 3000ms linear infinite; } @media (max-width: 991.98px) { .team-section-fourteen .banner-imgfourteeneight { display: none; } } .team-section-fourteen .banner-imgfourteennine { position: absolute; right: 50px; bottom: 70px; animation: spin 3000ms linear infinite; } .blog-section-fourteen { position: relative; padding: 80px 0; background: #F2F6F6; } @media (max-width: 1199.98px) { .blog-section-fourteen { padding: 50px 0; } } .blog-section-fourteen .blog-inner-fourt-all { border-radius: 30px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main { padding: 20px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-img { position: relative; margin: 0 0 20px 0; overflow: hidden; border-radius: 20px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-img .blog-inner-right-inner { position: relative; border-radius: 20px; -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); width: 100%; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-img .blog-inner-right-inner:hover img { border-radius: 20px; transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content { position: absolute; top: 19px; left: 19px; padding: 5px 10px 5px 5px; background: rgba(255, 255, 255, 0.9); border-radius: 50px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content img { width: 35px; height: 35px; border-radius: 50px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-top-content span { font-size: 14px; color: #1F2937; font-weight: 600; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-fourt-care { display: block; color: #1F2937; font-size: 20px; font-weight: 600; margin: 0 0 18px 0; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-inner-right-fourt-care:hover { color: #1C5B91; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list { margin: 0 0 20px 0; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list li { color: #6B7280; font-size: 16px; margin: 0 20px 0 0; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list li i { color: #D1D5DB; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list-two { margin: 0 0 10px 0; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list-two li { background: #DBEFFE; color: #0E82FD; margin: 0 10px 10px 0; padding: 10px 15px; border-radius: 8px; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt .blog-articles-list-two li:last-child { margin: 0 0 10px 0; } .blog-section-fourteen .blog-inner-fourt-all .blog-inner-fourt-main .blog-inner-right-fourt p { color: #6B7280; font-size: 14px; margin: 0 0 0 0; } .blog-section-fourteen .blog-btn-sec { margin: 24px 0 0 0; } .blog-section-fourteen .blog-btn-sec .btn-view { padding: 15px 20px; font-size: 15px; color: #ffffff; background: #0E82FD; transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; font-weight: 600; border: 1px solid #0E82FD; } @media (max-width: 991.98px) { .blog-section-fourteen .blog-btn-sec .btn-view { padding: 12px 13px; } } .blog-section-fourteen .blog-btn-sec .btn-view:hover { box-shadow: inset 220px 0 0 0 #1C5B91; border-color: #1C5B91; } .choose-us-fourteen { position: relative; padding: 80px 0; } @media (max-width: 1199.98px) { .choose-us-fourteen { padding: 50px 0; } } .choose-us-fourteen .you-get-list ul { list-style: none; padding: 0; } .choose-us-fourteen .you-get-list ul li { margin-bottom: 30px; } .choose-us-fourteen .you-get-list ul li:last-child { margin: 0; } .choose-us-fourteen .you-get-list ul li .get-list-content { background-image: url(../img/chooseus-ryt-1.png); background-repeat: no-repeat; background-size: contain; padding: 30px; display: flex; align-items: center; justify-content: start; transition: 0.5s; } @media (max-width: 1399.98px) { .choose-us-fourteen .you-get-list ul li .get-list-content { padding: 22px 30px 30px 30px; } } @media (max-width: 1199.98px) { .choose-us-fourteen .you-get-list ul li .get-list-content { background: #F2F6F6; border-radius: 30px; } } @media (max-width: 991.98px) { .choose-us-fourteen .you-get-list ul li .get-list-content { background: #F2F6F6; border-radius: 30px; } } @media (max-width: 575.98px) { .choose-us-fourteen .you-get-list ul li .get-list-content { flex-direction: column; } } .choose-us-fourteen .you-get-list ul li .get-list-content.second-bg { background-image: url(../img/chooseus-ryt-2.png); } @media (max-width: 1199.98px) { .choose-us-fourteen .you-get-list ul li .get-list-content.second-bg { background: #F2F6F6; border-radius: 30px; } } @media (max-width: 991.98px) { .choose-us-fourteen .you-get-list ul li .get-list-content.second-bg { background: #F2F6F6; border-radius: 30px; } } .choose-us-fourteen .you-get-list ul li .get-list-content:hover .get-icon { background: #0E82FD; transition: 0.5s; } .choose-us-fourteen .you-get-list ul li .get-list-content:hover .get-icon img { filter: invert(0) brightness(100); transition: 0.5s; } .choose-us-fourteen .you-get-list ul li .get-list-content .get-icon { margin: 0 20px 0 0; padding: 25px; background: #ffffff; border-radius: 20px; transition: 0.5s; } @media (max-width: 575.98px) { .choose-us-fourteen .you-get-list ul li .get-list-content .get-icon { margin: 0 0 20px 0; padding: 25px; } } @media (max-width: 575.98px) { .choose-us-fourteen .you-get-list ul li .get-list-content .get-icon-right { text-align: center; } } .choose-us-fourteen .you-get-list ul li .get-list-content .get-icon-right h3 { font-weight: 600; margin: 0 0 5px 0; } .choose-us-fourteen .you-get-list ul li .get-list-content .get-icon-right p { color: #6B7280; font-size: 14px; margin: 0; max-width: 412px; } .choose-us-fourteen .choose-us-right-main { position: relative; } @media (max-width: 991.98px) { .choose-us-fourteen .choose-us-right-main { display: none; } } .choose-us-fourteen .choose-us-right-main .banner-imgfourteenten { position: absolute; top: 150px; right: 180px; animation: spin 3000ms linear infinite; } @media (max-width: 1199.98px) { .choose-us-fourteen .choose-us-right-main .banner-imgfourteenten { right: 120px; } } .clients-section-fourteen { position: relative; padding: 80px 0 150px 0; background: #F2F6F6; } @media (max-width: 1199.98px) { .clients-section-fourteen { padding: 80px 0 100px 0; } } @media (max-width: 1199.98px) { .clients-section-fourteen { padding: 50px 0; } } .clients-section-fourteen .client-inner-main { -webkit-animation: mover 2s infinite alternate; animation: mover 2s infinite alternate; } @media (max-width: 991.98px) { .clients-section-fourteen .client-inner-main { display: none; } } .clients-section-fourteen .feedback-slider-fourteen .owl-nav { text-align: end; margin-top: 40px; } @media (max-width: 991.98px) { .clients-section-fourteen .feedback-slider-fourteen .owl-nav { text-align: center; margin-top: 10px; } } .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-prev { background: #E2E8F0; border-radius: 8px; width: 50px; height: 50px; color: #94A3B8; text-shadow: none; font-size: 24px; border: none; } @media (max-width: 991.98px) { .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-prev { width: 40px; height: 40px; font-size: 20px; } } .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-prev:hover { background: #BFE0FE; color: #1D7ED8; } .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-next { background: #E2E8F0; border-radius: 8px; width: 50px; height: 50px; color: #94A3B8; text-shadow: none; font-size: 24px; border: none; } @media (max-width: 991.98px) { .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-next { width: 40px; height: 40px; font-size: 20px; } } .clients-section-fourteen .feedback-slider-fourteen .owl-nav .owl-next:hover { background: #BFE0FE; color: #1D7ED8; } .clients-section-fourteen .feedback-card { border-radius: 30px; margin: 60px 0 0 0; } .clients-section-fourteen .feedback-card .feedback-card-body { padding: 30px; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img { display: flex; align-items: end; justify-content: space-between; margin: -85px 0 10px 0; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img h6 { color: #1F2937; font-size: 16px; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .feedback-inner-img img { width: 100px; height: 100px; border-radius: 20px; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .rating-fourteen { margin: 0 0 15px 0; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .rating-fourteen .filled { color: #FFC001; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main .rating-fourteen i { font-size: 18px; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main p { color: #6B7280; font-size: 16px; margin: 0 0 20px 0; } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main h4 { color: #1F2937; font-size: 20px; font-weight: 600; margin: 0 0 10px 0; } @media (max-width: 991.98px) { .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main h4 { font-size: 18px; } } .clients-section-fourteen .feedback-card .feedback-card-body .feedback-inner-main h6 { color: #94A3B8; font-size: 16px; margin: 0; } .contact-section-fourteen { background: #F2F6F6; margin: 0 0 -200px 0; } .contact-section-fourteen .contact-schedule-main { background: #0E82FD; border-radius: 30px; position: relative; box-shadow: 0px 30px 60px rgba(49, 46, 129, 0.2); } .contact-section-fourteen .contact-schedule-main .scheduling-left-main { padding: 95px 80px 95px 110px; } @media (max-width: 1399.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main { padding: 75px 80px 75px 90px; } } @media (max-width: 1199.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main { padding: 25px 40px 25px 50px; } } @media (max-width: 991.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main { padding: 30px 10px 30px 10px; text-align: center; } } .contact-section-fourteen .contact-schedule-main .scheduling-left-main h2 { font-size: 40px; font-weight: 600; color: #ffffff; margin: 0 0 10px 0; } @media (max-width: 991.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main h2 { font-size: 36px; } } @media (max-width: 767.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main h2 { font-size: 28px; } } .contact-section-fourteen .contact-schedule-main .scheduling-left-main p { font-size: 24px; color: #ffffff; margin: 0 0 55px 0; } @media (max-width: 991.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main p { font-size: 20px; margin: 0 0 30px 0; } } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul { margin: 0; padding: 0; } @media (max-width: 991.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul { justify-content: center; } } @media (max-width: 575.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul { flex-direction: column; align-items: center; } } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li { list-style: none; margin: 0 20px 0 0; } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li:last-child { margin: 0; } @media (max-width: 575.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li { margin: 0 0 20px 0; width: 100%; } } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li a { background: #ffffff; padding: 15px 20px; border-radius: 6px; color: #0E82FD; border: 2px solid #ffffff; display: inline-block; font-weight: 600; } @media (max-width: 1399.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li a { padding: 13px 14px; } } @media (max-width: 1199.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li a { padding: 13px 8px; } } @media (max-width: 575.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li a { width: 100%; } } .contact-section-fourteen .contact-schedule-main .scheduling-left-main ul li a:hover { background: transparent; border: 2px solid #ffffff; color: #ffffff; } .contact-section-fourteen .contact-schedule-main .scheduling-right-main { position: relative; margin: -95px 0 0 0; } .contact-section-fourteen .contact-schedule-main .scheduling-right-main { margin: -53px 27px 0 0; } } @media (max-width: 991.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-right-main { display: none; } } .contact-section-fourteen .contact-schedule-main .scheduling-right-main .scheduling-right-img { position: absolute; top: 40%; left: 14px; -webkit-animation: mover 2s infinite alternate; animation: mover 2s infinite alternate; } @media (max-width: 991.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-right-main .scheduling-right-img { display: none; } } .contact-section-fourteen .contact-schedule-main .scheduling-right-main .scheduling-right-imgtwo { position: absolute; right: 15px; bottom: 10%; -webkit-animation: mover 2s infinite alternate; animation: mover 2s infinite alternate; } @media (max-width: 991.98px) { .contact-section-fourteen .contact-schedule-main .scheduling-right-main .scheduling-right-imgtwo { display: none; } } .contact-section-fourteen .contact-schedule-main .contact-inner-image { position: absolute; top: 0; left: 135px; } @media (max-width: 991.98px) { .contact-section-fourteen .contact-schedule-main .contact-inner-image { display: none; } } @media (max-width: 991.98px) { .section-header-fourteen { text-align: center !important; } } .section-header-fourteen .service-inner-fourteen { /*display: flex;*/ align-items: center; margin-bottom: 10px; } @media (max-width: 991.98px) { .section-header-fourteen .service-inner-fourteen { justify-content: center !important; } } .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-one { background: #0E82FD; content: ""; width: 50px; height: 3px; } .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-two h3 { color: #0E82FD; font-size: 30px; margin: 0 20px; } @media (max-width: 1199.98px) { .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-two h3 { font-size: 26px; } } @media (max-width: 767.98px) { .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-two h3 { font-size: 22px; } } .section-header-fourteen .service-inner-fourteen .service-inner-fourteen-three { background: #0E82FD; content: ""; width: 50px; height: 3px; } .section-header-fourteen h2 { color: #1F2937; font-size: 26px; font-weight: 600; margin: 0 0 50px 0; } @media (max-width: 1199.98px) { .section-header-fourteen h2 { font-size: 26px; } } @media (max-width: 991.98px) { .section-header-fourteen h2 { margin: 0 0 40px 0; font-size: 26px; } } @media (max-width: 767.98px) { .section-header-fourteen h2 { font-size: 26px; } } .slide-nav-14 button.owl-next, .slide-nav-14 button.owl-prev, .slide-nav-15 button.owl-next, .slide-nav-15 button.owl-prev { background: #E2E8F0; border-radius: 8px; width: 50px; height: 50px; color: #94A3B8; text-shadow: none; font-size: 24px; border: none; } @media (max-width: 991.98px) { .slide-nav-14 button.owl-next, .slide-nav-14 button.owl-prev, .slide-nav-15 button.owl-next, .slide-nav-15 button.owl-prev { width: 40px; height: 40px; font-size: 20px; margin: 0 10px 30px 0; } } .slide-nav-14 button.owl-next:hover, .slide-nav-14 button.owl-prev:hover, .slide-nav-15 button.owl-next:hover, .slide-nav-15 button.owl-prev:hover { background: #BFE0FE; color: #1D7ED8; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } .main-wrapper.home-fifteen { font-size: 16px; font-family: "Inter", sans-serif; } @media (max-width: 1199.98px) { .main-wrapper.home-fifteen { font-size: 15px; } } .banner-section-fifteen { position: relative; /*padding: 85px 0 0 0;*/ background-color: #ffffff; z-index: 1; background-image: url(../img/banner-fifteen.png); background-repeat: no-repeat; background-position: right top; background-size: 36% 100%; } @media (max-width: 991.98px) { .banner-section-fifteen { background-image: none; } } .banner-section-fifteen .banner-content-fifteen { margin: 50px 0 0 0; padding: 0 0 47px 0; } @media (max-width: 991.98px) { .banner-section-fifteen .banner-content-fifteen { margin: 35px 0 0 0; padding: 0 0 47px 0; } } .banner-section-fifteen .banner-content-fifteen h2 { color: #1F2937; /*text-transform: uppercase;*/ margin-bottom: 15px; font-size: 15px; font-weight: 600; } @media (max-width: 991.98px) { .banner-section-fifteen .banner-content-fifteen h2 { font-size: 20px; } } @media (max-width: 767.98px) { .banner-section-fifteen .banner-content-fifteen h2 { font-size: 18px; } } .banner-section-fifteen .banner-content-fifteen h1 { color: #f17732; margin-bottom: 15px; } .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen { margin: 0 0 35px 0; } .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen .btn-primary { font-weight: 600; background: #0E82FD; position: relative; /*padding: 15px 30px;*/ margin-bottom: 15px; } @media (max-width: 479.98px) { .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen .btn-primary { width: 100%; } } .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen .btn-primary:hover { background: #0CE0FF; box-shadow: inset 0 100px 0 0 #0CE0FF; color: #ffffff; border: 1px solid #0CE0FF; } .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen .btns-primarytwo { background: #0CE0FF; border: 1px solid #0CE0FF; } .banner-section-fifteen .banner-content-fifteen .banner-btns-fifteen .btns-primarytwo:hover { background: #0E82FD; box-shadow: inset 0 100px 0 0 #0E82FD; border: 1px solid #0E82FD; } .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg { position: relative; display: inline-block; margin-bottom: 15px; } .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg::before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 56, 115, 0.25); z-index: 1; border-radius: 10px; } .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg a img { border-radius: 10px; } .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg a .playicon { position: absolute; top: 38%; right: 44%; z-index: 2; } .banner-section-fifteen .banner-content-fifteen .aboutus-companyimg a .playicon span { width: 33px; height: 33px; background: #0E82FD; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25); border-radius: 50%; color: #ffffff; font-size: 10px; } .banner-section-fifteen .banner-content-fifteen .watch-video-fifteen { display: flex; align-items: center; margin-bottom: 50px; } @media (max-width: 991.98px) { .banner-section-fifteen .banner-content-fifteen .watch-video-fifteen { justify-content: center; } } .banner-section-fifteen .banner-content-fifteen .watch-video-fifteen img { margin-right: 7px; } .banner-section-fifteen .banner-content-fifteen .watch-video-fifteen h6 { color: #1F2937; margin-bottom: 0; } .banner-section-fifteen .banner-content-fifteen .support-consult-main { display: flex; } @media (max-width: 991.98px) { .banner-section-fifteen .banner-content-fifteen .support-consult-main { justify-content: center; } } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult { display: flex; align-items: center; margin-right: 25px; } @media (max-width: 479.98px) { .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult { display: block; } } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult:last-child { margin-right: 0; } @media (max-width: 479.98px) { .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-img { margin-bottom: 8px; } } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-img img { padding: 10px; background: #0E82FD; border-radius: 5px; margin-right: 7px; } @media (max-width: 479.98px) { .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-img img { margin-right: 0; } } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-right h6 { color: #1F2937; margin-bottom: 0; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-right .rating-fifteen { margin-bottom: 0; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-right .rating-fifteen i.filled { color: #FFC001; } .banner-section-fifteen .banner-content-fifteen .support-consult-main .support-consult .support-consult-right span { font-size: 14px; color: #6B7280; } .banner-section-fifteen .banner-right-fifteen { position: relative; margin-top: 0px; } @media (max-width: 1399.98px) { .banner-section-fifteen .banner-right-fifteen { margin-top: 0px; } } @media (max-width: 991.98px) { .banner-section-fifteen .banner-right-fifteen { /*display: none;*/ } } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenone { position: absolute; top: 100px; left: -130px; animation: mover 1s infinite alternate; } @media (max-width: 1399.98px) { .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenone { top: 130px; } } @media (max-width: 1199.98px) { .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenone { /*display: none;*/ } } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteentwo { position: absolute; top: 77px; left: 40px; animation: spin 3000ms linear infinite; } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenthree { position: absolute; top: 250px; right: 0px; animation: spin 3000ms linear infinite; } @media (max-width: 1199.98px) { .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenthree { position: absolute; top: 250px; right: 0px; } } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenfour { position: absolute; right: 0px; bottom: 100px; } @media (max-width: 1199.98px) { .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenfour { position: absolute; right: 0px; bottom: 100px; } } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenfive { position: absolute; top: 10px; right: -50px; animation: mover 1s infinite alternate; } @media (max-width: 1199.98px) { .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenfive { position: absolute; top: 10px; right: 0px; } } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteensix { position: absolute; bottom: 0; left: -30px; } @media (max-width: 1199.98px) { .banner-section-fifteen .banner-right-fifteen .banner-right-fifteensix { /*display: none;*/ } } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenseven { position: absolute; top: 150px; right: 0px; } @media (max-width: 1199.98px) { .banner-section-fifteen .banner-right-fifteen .banner-right-fifteenseven { position: absolute; top: 150px; right: 0px; } } .banner-section-fifteen .banner-right-fifteen .banner-right-fifteeneight { position: absolute; bottom: 40px; left: 210px; animation: mover 1s infinite alternate; } .banner-section-fifteen .banner-right-fifteennine { position: absolute; bottom: 40px; left: 210px; } .services-section-fifteen { position: relative; padding: 80px 0 56px 0; } @media (max-width: 991.98px) { .services-section-fifteen { padding: 26px 0; background: #F4F4F4; } } .services-section-fifteen .service-bg-icon { position: absolute; top: 250px; right: 40px; } .services-section-fifteen .doctor-profile-widget-fifteen { margin-bottom: 24px; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-pro-img .doctor-profile-img { border-radius: 10px; margin-bottom: 13px; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom .doc-content-split { margin-bottom: 15px; font-size: 14px; color: #ff4700; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom .doc-content-split a { color: #1F2937; font-size: 13px; font-weight: 600; margin-bottom: 0; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom .doc-content-split a:hover { color: #1B5D92; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom .doc-content-split span { background: #0E82FD; padding: 5px 10px; border-radius: 5px; font-family: 600; font-size: 14px; color: #ffffff; } .services-section-fifteen .doctor-profile-widget-fifteen .doc-content-bottom p { color: #707070; margin-bottom: 0; font-size: 13px; } .Patients-section-fifteen { position: relative; padding: 80px 0; } @media (max-width: 991.98px) { .Patients-section-fifteen { padding: 50px 0; text-align: center; } } .Patients-section-fifteen .patient-fifteen-icon { position: absolute; top: 100px; left: 0; z-index: -1; } .Patients-section-fifteen .section-header-fifteenpatient { margin-bottom: 25px; } .Patients-section-fifteen p { margin-bottom: 25px; } .Patients-section-fifteen .service-patient-inflict { text-align: center; } @media (max-width: 575.98px) { .Patients-section-fifteen .service-patient-inflict { margin-bottom: 15px; } } .Patients-section-fifteen .service-patient-inflict .service-patient-inflictimg { background: #E3FBFF; width: 196px; height: 120px; border-radius: 10px; margin: auto auto 15px auto; } @media (max-width: 1399.98px) { .Patients-section-fifteen .service-patient-inflict .service-patient-inflictimg { width: 175px; } } @media (max-width: 1199.98px) { .Patients-section-fifteen .service-patient-inflict .service-patient-inflictimg { width: 150px; } } .Patients-section-fifteen .service-patient-inflict h6 { color: #6B7280; font-size: 18px; font-weight: 400; margin-bottom: 0; } .Patients-section-fifteen .service-patient-inflict .clients-fifteen-span { margin-bottom: 5px; } .Patients-section-fifteen .service-patient-inflict .clients-fifteen-span h3 { font-weight: 600; color: #1F2937; margin-bottom: 0; } .Patients-section-fifteen .service-patient-inflict .clients-fifteen-span span { font-weight: 600; font-size: 24px; color: #1F2937; } .Patients-section-fifteen .patients-left-front { animation-duration: 5s; animation-iteration-count: infinite; transform-origin: bottom; } @media (max-width: 991.98px) { .Patients-section-fifteen .patients-left-front { display: none; } } .Patients-section-fifteen .patients-left-front.patients-left-img { animation-name: bounce-1; animation-timing-function: linear; } .doctors-section-fifteen { position: relative; padding: 80px 0; background: #F4F4F4; } @media (max-width: 991.98px) { .doctors-section-fifteen { padding: 50px 0; } } .doctors-section-fifteen .doctor-fifteen-icon { position: absolute; top: 100px; right: 0; } .doctors-section-fifteen .doctors-fifteen-icon { position: absolute; right: 200px; bottom: 0; } .doc-content-fift { padding: 15px; } .doc-content-fift a { color: #1F2937; font-size: 18px; font-weight: 600; margin-bottom: 6px; display: inline-block; } .doc-content-fift a:hover { color: #0CE0FF; } .doc-content-fift p { color: #6B7280; margin-bottom: 10px; } .doc-content-fift p span { color: #1F2937; } .doc-content-fift .rate-fifteen { margin-bottom: 15px; } .doc-content-fift .rate-fifteen .rate-four { padding: 5px 10px; background: #0CE0FF; border-radius: 5px; color: #ffffff; } .doc-content-fift .rate-fifteen ul { list-style: none; margin: 0; padding: 0; } .doc-content-fift .rate-fifteen ul li { width: 31px; height: 27px; background: #EEEEF3; color: #1F2937; border-radius: 5px; margin-right: 5px; } .doc-content-fift .rate-fifteen ul li:last-child { margin-right: 0; } .doc-content-fift .rate-fifteen ul.fift-rate li { padding: 5px; width: auto; height: auto; } .doc-content-fift .fift-bottom-content h3 { color: #1F2937; font-weight: 600; margin-bottom: 0; display: flex; align-items: center; } @media (max-width: 1199.98px) { .doc-content-fift .fift-bottom-content h3 { font-size: 20px; } } .doc-content-fift .fift-bottom-content h3 span { color: #6B7280; text-decoration: line-through; font-size: 18px; } .doc-content-fift .fift-bottom-content a { padding: 10px 25px; background: #0E82FD; color: #ffffff; border-radius: 5px; margin-bottom: 0; transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; font-size: 16px; } @media (max-width: 1199.98px) { .doc-content-fift .fift-bottom-content a { padding: 10px 10px; font-size: 14px; } } .doc-content-fift .fift-bottom-content a:hover { box-shadow: inset 0 0 0 30px #2DD4BF; } .item.item-fifteen .doctor-profile-widget { border: none; } .item.item-fifteen .doctor-profile-widget.doctor-profile-widget-fift { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15); margin: 10px 0; } .item.item-fifteen .doctor-profile-widget.doctor-profile-widget-fift:first-child { margin-left: 10px; } .item.item-fifteen .doctor-profile-widget.doctor-profile-widget-fift:last-child { margin-right: 10px; } .item.item-fifteen .doctor-profile-widget .doc-pro-img .item-info { position: absolute; bottom: 15px; left: 15px; } .item.item-fifteen .doctor-profile-widget .doc-pro-img .item-info h6 { margin-bottom: 0; background: #0E82FD; border-radius: 5px; padding: 10px; color: #ffffff; } .item.item-fifteen .doctor-profile-widget .doc-pro-img .doctor-amount .fav-icon { width: 40px; height: 40px; background: #ffffff; border-radius: 50%; font-size: 17px; } .item.item-fifteen .doctor-profile-widget .doc-pro-img .doctor-amount .fav-icon.fav-icon-fifteen { background: #EEEEF3; } .item.item-fifteen .doctor-profile-widget .doc-pro-img .doctor-amount .fav-icon.selected { background: #0CE0FF; color: #ffffff; } .item.item-fifteen .doctor-profile-widget .doc-pro-img.doc-pro-img-fifteen { padding: 56px 0; border-bottom: 1px solid #E5E5EB; } .item.item-fifteen .doctor-profile-widget .doc-pro-img.doc-pro-img-fifteen .doctor-profile-img-fifteen { width: 208px; height: 208px; margin: auto; } .pharmacy-section-fifteen { position: relative; padding: 80px 0; } @media (max-width: 991.98px) { .pharmacy-section-fifteen { padding: 50px 0; } } .feedback-section-fifteen { position: relative; padding: 40px 0 80px 0; } @media (max-width: 1199.98px) { .feedback-section-fifteen { padding: 0 0 80px 0; } } @media (max-width: 991.98px) { .feedback-section-fifteen { padding: 0 0 50px 0; } } .feedback-section-fifteen .feedback-schedule-all { background: linear-gradient(92.16deg, #61AEFF 0.85%, #0E82FD 76.47%); border-radius: 10px; } .feedback-section-fifteen .feedback-schedule-all .feedback-inner-main { margin: -45px 0 0 30px; } @media (max-width: 1399.98px) { .feedback-section-fifteen .feedback-schedule-all .feedback-inner-main { margin: 0 0 0 30px; } } @media (max-width: 991.98px) { .feedback-section-fifteen .feedback-schedule-all .feedback-inner-main { display: none; } } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content { padding: 50px 0; } @media (max-width: 991.98px) { .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content { text-align: center; } } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content .feedback-fift-img { width: 66px; height: 17px; margin-bottom: 15px; } @media (max-width: 991.98px) { .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content .feedback-fift-img { margin: auto auto 15px auto; } } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content h3 { color: #ffffff; font-size: 28px; font-weight: 600; margin-bottom: 10px; } @media (max-width: 767.98px) { .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content h3 { font-size: 26px; } } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content p { color: #ffffff; font-size: 18px; margin-bottom: 15px; } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content a { padding: 15px 43px; background: #0CE0FF; border-radius: 5px; display: inline-block; color: #ffffff; transition: color 0.5s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; } .feedback-section-fifteen .feedback-schedule-all .feedback-fifteen-content a:hover { box-shadow: inset 0 0 0 30px #2DD4BF; } .appointment-section-fifteen { position: relative; padding: 80px 0; background-color: #0E82FD; background-image: url(../img/book-appointment-bg.png); background-position: top left; background-repeat: no-repeat; background-size: 58% 100%; } @media (max-width: 991.98px) { .appointment-section-fifteen { padding: 50px 0; background-image: none; text-align: center; } } .appointment-section-fifteen .appointment-schedule-main h2 { font-size: 40px; font-weight: 600; color: #ffffff; margin-bottom: 10px; } @media (max-width: 991.98px) { .appointment-section-fifteen .appointment-schedule-main h2 { font-size: 34px; } } @media (max-width: 767.98px) { .appointment-section-fifteen .appointment-schedule-main h2 { font-size: 28px; } } .appointment-section-fifteen .appointment-schedule-main h6 { font-size: 18px; color: #ffffff; margin-bottom: 25px; } .appointment-section-fifteen .appointment-schedule-main p { color: #B0D6FF; } .appointment-section-fifteen .appointment-schedule-main ul { margin: 0; padding: 0; list-style: none; display: flex; } @media (max-width: 991.98px) { .appointment-section-fifteen .appointment-schedule-main ul { justify-content: center; } } @media (max-width: 575.98px) { .appointment-section-fifteen .appointment-schedule-main ul { flex-wrap: wrap; } } .appointment-section-fifteen .appointment-schedule-main ul li { display: flex; align-items: center; flex-direction: column; margin: 0 25px 25px 0; padding: 15px; background: #ffffff; box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.25); border-radius: 10px; width: 151px; } @media (max-width: 575.98px) { .appointment-section-fifteen .appointment-schedule-main ul li { width: 50%; margin-right: 1px; } } .appointment-section-fifteen .appointment-schedule-main ul li:last-child { margin-right: 0; } .appointment-section-fifteen .appointment-schedule-main ul li .appointment-schedule-img { position: relative; margin-bottom: 20px; } .appointment-section-fifteen .appointment-schedule-main ul li .appointment-schedule-img .appoint-inner-img { position: absolute; right: -20px; bottom: -10px; } .appointment-section-fifteen .appointment-schedule-main ul li span { font-weight: 400; color: #1F2937; display: inline-block; font-size: 14px; } .appointment-section-fifteen .appointment-schedule-main a { background: #0CE0FF; padding: 15px 25px; border-radius: 5px; display: inline-block; color: #ffffff; transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; box-shadow: inset 0 0 0 0 #0E82FD; } .appointment-section-fifteen .appointment-schedule-main a:hover { box-shadow: inset 0 0 0 50px #2DD4BF; } .appointment-section-fifteen .appointment-right-image { animation-duration: 5s; animation-iteration-count: infinite; transform-origin: bottom; } @media (max-width: 991.98px) { .appointment-section-fifteen .appointment-right-image { display: none; } } .appointment-section-fifteen .appointment-right-image.appoint-fift-img { animation-name: bounce-1; animation-timing-function: linear; } .about-us-section-fifteen { position: relative; padding: 80px 0; background: #F4F4F4; } @media (max-width: 991.98px) { .about-us-section-fifteen { padding: 50px 0; } } .about-us-section-fifteen .aboutus-img-main { position: relative; } @media (max-width: 991.98px) { .about-us-section-fifteen .aboutus-img-main { display: none; } } .about-us-section-fifteen .aboutus-img-main .aboutus-img-one { position: absolute; right: 45px; bottom: 15px; box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.15); animation: mover 1s infinite alternate; } .about-us-section-fifteen .vertical-slider { position: static; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main { background: #ffffff; box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.15); padding: 15px; border-radius: 10px; margin: 0 0 15px 0; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main .aboutus-profile-left { display: flex; align-items: center; justify-content: start; margin: 0 0 15px 0; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main .aboutus-profile-left .aboutus-image { margin-right: 7px; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main .aboutus-profile-left .aboutus-image img { width: 50px; height: 50px; border-radius: 50%; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main .aboutus-profile-left h6 { font-weight: 600; color: #1F2937; margin-bottom: 7px; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main .aboutus-profile-left span { color: #6B7280; font-size: 14px; margin-bottom: 0; } .about-us-section-fifteen .vertical-slider .aboutus-fifteen-main p { margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .about-us-section-fifteen .vertical-slider .slick-list { padding: 0 !important; } .about-us-section-fifteen .vertical-slider .slick-dots { position: absolute; bottom: 3%; left: -42%; } @media (max-width: 991.98px) { .about-us-section-fifteen .vertical-slider .slick-dots { display: none !important; } } .about-us-section-fifteen .vertical-slider .slick-dots li { margin: 0; height: 6px; } .about-us-section-fifteen .vertical-slider .slick-dots li.slick-active button { background-color: #4C58A0; } .about-us-section-fifteen .vertical-slider .slick-arrow { position: absolute; bottom: 0; } .about-us-section-fifteen .vertical-slider .slick-prev { position: absolute; top: 95%; left: 84%; width: 45px; height: 45px; border-radius: 10px; } @media (max-width: 1399.98px) { .about-us-section-fifteen .vertical-slider .slick-prev { left: 80%; } } @media (max-width: 1199.98px) { .about-us-section-fifteen .vertical-slider .slick-prev { left: 76%; } } @media (max-width: 991.98px) { .about-us-section-fifteen .vertical-slider .slick-prev { top: 50%; left: 0%; } } .about-us-section-fifteen .vertical-slider .slick-prev::before { content: "\f053"; font-family: "FontAwesome"; font-weight: 900; font-size: 13px; } .about-us-section-fifteen .vertical-slider .slick-prev:hover { background: #1C5B91; } .about-us-section-fifteen .vertical-slider .slick-next { top: 95%; width: 45px; height: 45px; border-radius: 10px; } @media (max-width: 991.98px) { .about-us-section-fifteen .vertical-slider .slick-next { top: 50%; } } .about-us-section-fifteen .vertical-slider .slick-next::before { content: "\f054"; font-family: "FontAwesome"; font-weight: 900; font-size: 13px; } .about-us-section-fifteen .vertical-slider .slick-next:hover { background: #1C5B91; } .about-us-section-fifteen .vertical-slider .slick-current.aboutus-fifteen-main { background: #0E82FD; } .about-us-section-fifteen .vertical-slider .slick-current.aboutus-fifteen-main .aboutus-profile-left h6 { color: #ffffff; } .about-us-section-fifteen .vertical-slider .slick-current.aboutus-fifteen-main .aboutus-profile-left span { color: #ffffff; } .about-us-section-fifteen .vertical-slider .slick-current.aboutus-fifteen-main p { color: #ffffff; } .frequently-section-fifteen { position: relative; padding: 80px 0; } @media (max-width: 991.98px) { .frequently-section-fifteen { padding: 50px 0; } } .frequently-section-fifteen .items-fift { border: 1px solid #E5E5EB; border-radius: 10px; padding: 30px; } .frequently-section-fifteen .items-fift a { color: #1F2937; font-size: 18px; font-weight: 600; margin-bottom: 15px; display: block; } .frequently-section-fifteen .items-fift p { color: #6B7280; font-weight: 400; margin-bottom: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; width: 100%; overflow: hidden; } .frequently-section-fifteen .items-fift .line-arrow { display: flex; align-items: center; color: #0E82FD; font-weight: 600; font-size: 16px; margin-bottom: 0; } .frequently-section-fifteen .items-fift .line-arrow:hover { color: #0CE0FF; } .frequently-section-fifteen .frequent-slider-fifteen .owl-nav { text-align: end; } .frequently-section-fifteen .frequent-slider-fifteen .owl-nav .owl-prev, .frequently-section-fifteen .frequent-slider-fifteen .owl-nav .owl-next { margin-top: 24px; } .frequently-section-fifteen .frequent-slider-fifteen .owl-dots { position: absolute; bottom: 0; left: 0; } .frequently-section-fifteen .frequent-slider-fifteen .owl-dots .owl-dot { width: 50px; height: 6px; background: #D9D9D9; } .frequently-section-fifteen .frequent-slider-fifteen .owl-dots .owl-dot:first-child { border-radius: 10px 0 0 10px; } .frequently-section-fifteen .frequent-slider-fifteen .owl-dots .owl-dot:last-child { border-radius: 0 10px 10px 0; } .frequently-section-fifteen .frequent-slider-fifteen .owl-dots .owl-dot.active { background: #4C58A0; } @media (max-width: 575.98px) { .frequently-section-fifteen .frequent-slider-fifteen .owl-dots { display: none; } } .section-header-fifteen { margin-bottom: 50px; } .section-header-fifteen h2 { color: #1F2937; font-size: 40px; font-weight: 600; } @media (max-width: 991.98px) { .section-header-fifteen h2 { font-size: 34px; } } @media (max-width: 767.98px) { .section-header-fifteen h2 { font-size: 28px; } } .section-header-fifteen h2 span { color: #f17732; } .section-header-fifteen p { color: #707070; margin-bottom: 0; } .doctor-slider-fifteen .owl-nav { text-align: center; } .doctor-slider-fifteen .owl-nav button.owl-prev, .doctor-slider-fifteen .owl-nav button.owl-next { width: 45px; height: 45px; background: #ffffff; font-size: 13px; border-radius: 10px; margin-top: 50px; } .doctor-slider-fifteen .owl-nav button.owl-prev:hover, .doctor-slider-fifteen .owl-nav button.owl-next:hover { background: #EEEEF3; } @media (max-width: 767.98px) { .doctor-slider-fifteen .owl-nav button.owl-prev, .doctor-slider-fifteen .owl-nav button.owl-next { width: 35px; height: 35px; } } .pharmacy-slider-fifteen .owl-nav, .frequent-slider-fifteen .owl-nav { text-align: center; } .pharmacy-slider-fifteen .owl-nav button.owl-prev, .pharmacy-slider-fifteen .owl-nav button.owl-next, .frequent-slider-fifteen .owl-nav button.owl-prev, .frequent-slider-fifteen .owl-nav button.owl-next { width: 45px; height: 45px; background: #EEEEF3; font-size: 13px; border-radius: 10px; margin-top: 50px; } .pharmacy-slider-fifteen .owl-nav button.owl-prev:hover, .pharmacy-slider-fifteen .owl-nav button.owl-next:hover, .frequent-slider-fifteen .owl-nav button.owl-prev:hover, .frequent-slider-fifteen .owl-nav button.owl-next:hover { background: #0CE0FF; } @media (max-width: 767.98px) { .pharmacy-slider-fifteen .owl-nav button.owl-prev, .pharmacy-slider-fifteen .owl-nav button.owl-next, .frequent-slider-fifteen .owl-nav button.owl-prev, .frequent-slider-fifteen .owl-nav button.owl-next { width: 35px; height: 35px; } } .playicon { position: absolute; right: 61%; top: 37%; } .playicon span { width: 48px; height: 48px; background: #FF008A; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; } .modal-content-video { padding: 0 !important; } .modal-content-video .modal-content { background: #000; } .modal-content-video .modal-header { border: 0; } .modal-content-video .modal-header button.close { color: #fff; opacity: 1; background: #1C5B91; } .video-home video { width: 100%; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } @keyframes movers { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } @keyframes bounce-1 { 0% { transform: translateY(0); } 50% { transform: translateY(-50px); } 100% { transform: translateY(0); } } .main-wrapper.home-sixteen { font-size: 16px; font-family: "Inter", sans-serif; } @media (max-width: 1199.98px) { .main-wrapper.home-sixteen { font-size: 15px; } } .banner-section-sixteen { position: relative; padding: 85px 0 0 0; } .banner-section-sixteen .banner-content-sixteen { padding: 100px 0 0 0; z-index: 1; } @media (max-width: 991.98px) { .banner-section-sixteen .banner-content-sixteen { padding: 50px 0; } } .banner-section-sixteen .banner-content-sixteen span { font-size: 14px; color: #0E82FD; font-weight: 500; text-transform: uppercase; padding: 5px 10px; background: rgba(14, 130, 253, 0.1); margin-bottom: 10px; display: inline-block; } .banner-section-sixteen .banner-content-sixteen h1 { color: #515151; margin-bottom: 26px; } .banner-section-sixteen .banner-content-sixteen p { color: #9f9f9f; font-size: 16px; margin-bottom: 26px; } .banner-section-sixteen .banner-content-sixteen .banner-btns-sixteen .btn-primary { padding: 10px 25px; box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.08); border-radius: 5px; font-size: 14px; font-weight: 700; } .banner-section-sixteen .banner-content-sixteen .banner-btns-sixteen .btn-primary:hover { box-shadow: 0 0.5em 0.5em -0.4em var(--hover); transform: translateY(-0.25em); } .banner-section-sixteen .banner-image-sixteen { padding: 41px 0; background-image: url(../img/banner-sixteen-bg.png); background-repeat: no-repeat; background-position: right top; background-size: 75% 100%; } .banner-section-sixteen .banner-image-sixteen .banner-inner-img-sixteen { position: relative; z-index: 1; } .banner-section-sixteen .banner-image-sixteen .banner-inner-img-sixteen img { margin-bottom: 20px; } .banner-section-sixteen .banner-image-sixteen .banner-inner-img-sixteen img:last-child { margin-bottom: 0; } @media (max-width: 991.98px) { .banner-section-sixteen .banner-image-sixteen { display: none; } } .banner-section-sixteen .ban-sixteen-imgone { position: absolute; top: 100px; right: 100px; z-index: 0; } .banner-section-sixteen .ban-sixteen-imgtwo { position: absolute; top: 90px; left: 0; z-index: 0; } .services-section-sixteen { position: relative; padding: 80px 0; background: #F8FBFF; } @media (max-width: 991.98px) { .services-section-sixteen { padding: 50px 0; } } .services-section-sixteen .discover-you-main { text-align: center; } .services-section-sixteen .discover-you-main .discover-you-image { width: 200px; height: 200px; background: rgba(14, 130, 253, 0.1); display: flex; align-items: center; justify-content: center; border-radius: 100%; margin: auto auto 20px auto; } .services-section-sixteen .discover-you-main .discover-you-image img { width: auto; } .services-section-sixteen .discover-you-main a { color: #1F2937; font-size: 20px; font-weight: 500; margin-bottom: 10px; } .services-section-sixteen .discover-you-main a:hover { color: #1C5B91; } .services-section-sixteen .discover-you-main p { font-size: 14px; color: #A2A2A2; margin-bottom: 15px; } .services-section-sixteen .discover-you-main .discov-innner { color: #0E82FD; font-size: 14px; font-weight: 500; } .services-section-sixteen .discover-you-main .discov-innner i { font-size: 10px; } .services-section-sixteen .discover-you-main .discov-innner:hover { color: #09dca4; } .services-section-sixteen .service-sixteen-icon { position: absolute; top: 75px; left: 45px; animation: mover 1s infinite alternate; } .treatment-section-sixteen { position: relative; padding: 80px 0; } @media (max-width: 991.98px) { .treatment-section-sixteen { padding: 50px 0; } } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget { border: none; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.03); border-radius: 0; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-pro-img .doctor-profile-img { border-radius: 6px; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-pro-img .doctor-amount { position: absolute; top: 10px; left: 10px; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-pro-img .doctor-amount span { padding: 5px 10px; border-radius: 0; color: #0E82FD; font-size: 14px; font-weight: 600; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-content .doc-pro-info { align-items: start; padding-bottom: 10px; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-content .doc-pro-info .doc-pro-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-content .doc-pro-info .reviews-ratings p span { background: none; color: #FFBC11; font-size: 14px; margin: 0 5px 0 0; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-content .doc-pro-info .reviews-ratings p span i { margin-right: 4px; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .doc-content .doc-pro-location p i { font-size: 17px; } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .btn-primary { width: 100%; border-radius: 0; padding: 15px 20px; background: rgba(14, 130, 253, 0.1); color: #0E82FD; text-transform: capitalize; font-size: 20px; font-weight: 600; border: none; box-shadow: inset 0 0 0 0 #ffffff; } @media (max-width: 767.98px) { .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .btn-primary { padding: 10px 20px; font-size: 18px; } } .treatment-section-sixteen .item.item-sixteen .doctor-profile-widget .btn-primary:hover { background: #2DD4BF; box-shadow: inset 0 100px 0 0 #2DD4BF; color: #ffffff; } .treatment-section-sixteen .service-sixteen-icontwo { position: absolute; right: 25px; bottom: 150px; animation: mover 1s infinite alternate; } .features-section-sixteen { position: relative; padding: 80px 0; background: #F8FBFF; } @media (max-width: 991.98px) { .features-section-sixteen { padding: 50px 0; } } .features-section-sixteen .feature-sixteen-main .feature-six-img { position: relative; } .features-section-sixteen .feature-sixteen-main .feature-six-img::after { position: absolute; top: 0; width: 100%; height: 100%; content: ""; transition: 0.5s; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.42) 100%); } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six { position: absolute; bottom: 27px; text-align: center; width: 100%; z-index: 1; top: 82%; transition: all 0.5s ease-out; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-one { display: block; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-one h5 { font-size: 20px; color: #ffffff; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-one span { color: #ffffff; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-two { display: none; } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-two p { color: #ffffff; line-height: 30px; font-size: 16px; letter-spacing: -0.36px; padding: 10px; } @media (max-width: 353.98px) { .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-two p { line-height: 20px; } } .features-section-sixteen .feature-sixteen-main .feature-six-img .feature-content-six .feature-content-two span { color: #ffffff; } .features-section-sixteen .feature-sixteen-main .feature-six-img:hover::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); } .features-section-sixteen .feature-sixteen-main .feature-six-img:hover .feature-content-six { top: 30%; } @media (max-width: 1399.98px) { .features-section-sixteen .feature-sixteen-main .feature-six-img:hover .feature-content-six { top: 10%; } } .features-section-sixteen .feature-sixteen-main .feature-six-img:hover .feature-content-six .feature-content-one { display: none; } .features-section-sixteen .feature-sixteen-main .feature-six-img:hover .feature-content-six .feature-content-two { display: block; } .facts-section-sixteen { position: relative; padding: 80px 0; } @media (max-width: 991.98px) { .facts-section-sixteen { padding: 50px 0; } } .facts-section-sixteen .facts-section-all { display: flex; } @media (max-width: 991.98px) { .facts-section-sixteen .facts-section-all { display: block; } } .facts-section-sixteen .facts-section-all .facts-main-sixteen { background: #0E82FD; padding: 100px 30px; width: 50%; } @media (max-width: 991.98px) { .facts-section-sixteen .facts-section-all .facts-main-sixteen { width: 100%; padding: 60px 30px; text-align: center; } } .facts-section-sixteen .facts-section-all .facts-main-sixteen span { font-size: 14px; color: #ffffff; font-weight: 500; text-transform: uppercase; padding: 5px 10px; background: rgba(255, 255, 255, 0.3); margin-bottom: 17px; display: inline-block; } .facts-section-sixteen .facts-section-all .facts-main-sixteen h2 { color: #ffffff; margin-bottom: 15px; font-size: 40px; } @media (max-width: 991.98px) { .facts-section-sixteen .facts-section-all .facts-main-sixteen h2 { font-size: 34px; } } @media (max-width: 767.98px) { .facts-section-sixteen .facts-section-all .facts-main-sixteen h2 { font-size: 28px; } } .facts-section-sixteen .facts-section-all .facts-main-sixteen p { color: #ffffff; font-size: 16px; margin-bottom: 15px; } .facts-section-sixteen .facts-section-all .facts-main-sixteen a { color: #ffffff; font-size: 14px; font-weight: 500; } .facts-section-sixteen .facts-section-all .facts-main-sixteen a i { font-size: 10px; } .facts-section-sixteen .facts-section-all .facts-main-sixteen a:hover { color: #09dca4; } .facts-section-sixteen .facts-section-all .facts-content-all { width: 50%; } @media (max-width: 991.98px) { .facts-section-sixteen .facts-section-all .facts-content-all { width: 100%; } } .facts-section-sixteen .facts-section-all .facts-content-all ul { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; } .facts-section-sixteen .facts-section-all .facts-content-all ul li { width: 50%; height: 167px; padding: 20px 0; border: 2px solid #F8FBFF; overflow: hidden; position: relative; } @media (max-width: 575.98px) { .facts-section-sixteen .facts-section-all .facts-content-all ul li { width: 100%; } } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img { flex-direction: column; transition: all 0.5s; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img img { margin-bottom: 25px; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img .facts-content-sixteen .facts-content-one h5 { font-size: 18px; font-weight: 700; text-transform: capitalize; color: #626262; margin-bottom: 0; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-sixteen-img .facts-content-sixteen .facts-content-one h5 i { font-size: 14px; color: #0E82FD; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two { position: absolute; top: 0; left: 0; width: 100%; height: 100%; flex-direction: column; opacity: 0; transition: opacity 0.25s; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two p { color: #7D7D7D; font-size: 14px; letter-spacing: -0.36px; padding: 0 20px; text-align: center; line-height: 30px; margin-bottom: 0; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two:hover { opacity: 1; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two:hover > * { transform: translateY(0); } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two > * { transform: translateY(20px); transition: transform 0.25s; } .facts-section-sixteen .facts-section-all .facts-content-all ul li .facts-content-two.facts-content-two-solid { background: #ffffff; } .experts-section-sixteen { position: relative; padding: 80px 0; background: linear-gradient(115.57deg, #464646 12.99%, rgba(0, 0, 0, 0.58) 66.18%); } @media (max-width: 991.98px) { .experts-section-sixteen { padding: 50px 0; } } .pricing-section-sixteen { position: relative; padding: 80px 0; } @media (max-width: 991.98px) { .pricing-section-sixteen { padding: 50px 0; } } .testimonal-section-sixteen { position: relative; padding: 80px 0; background: #F8FBFF; } @media (max-width: 991.98px) { .testimonal-section-sixteen { padding: 50px 0; } } .feedback-section-sixteen { position: relative; padding: 80px 0; } @media (max-width: 991.98px) { .feedback-section-sixteen { padding: 50px 0; } } .feedback-section-sixteen .feedback-schedule-all { background: linear-gradient(90.79deg, #0E82FD 0%, #2CD9C5 100%); backdrop-filter: blur(30.5px); border-radius: 15px; padding: 19px; } @media (max-width: 991.98px) { .feedback-section-sixteen .feedback-schedule-all .feedback-inner-main { display: none; } } @media (max-width: 991.98px) { .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content { text-align: center; } } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content h3 { color: #ffffff; font-size: 36px; font-weight: 700; text-transform: capitalize; margin-bottom: 10px; } @media (max-width: 991.98px) { .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content h3 { font-size: 34px; } } @media (max-width: 767.98px) { .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content h3 { font-size: 28px; } } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content p { color: #ffffff; font-size: 20px; margin-bottom: 30px; } @media (max-width: 991.98px) { .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content p { font-size: 16px; } } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns { display: flex; align-items: center; justify-content: start; } @media (max-width: 991.98px) { .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns { justify-content: center; } } @media (max-width: 575.98px) { .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns { display: block; width: 100%; } } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primary { padding: 10px 25px; box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.08); border-radius: 5px; background: #ffffff; color: #0E82FD; font-size: 16px; font-weight: 700; border: none; transition: 0.5s; margin-right: 10px; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primary:hover { background: #1C5B91; color: #ffffff; transition: 0.5s; } @media (max-width: 575.98px) { .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primary { width: 100%; margin: 0 0 10px 0; } } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primarytwo { padding: 10px 25px; font-size: 16px; margin-bottom: 0; font-weight: 600; color: #ffffff; border-radius: 5px; transition: 0.5s; } .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primarytwo:hover { background: #1C5B91; color: #ffffff; transition: 0.5s; } @media (max-width: 575.98px) { .feedback-section-sixteen .feedback-schedule-all .feedback-fifteen-content .feedback-btns .btn-primarytwo { width: 100%; } } .section-header-sixteen { margin-bottom: 50px; } .section-header-sixteen.section-header-sixteentwo h2 { color: #ffffff; } .section-header-sixteen p { color: #0E82FD; font-size: 14px; font-weight: 500; text-transform: uppercase; margin-bottom: 7px; } .section-header-sixteen h2 { font-size: 40px; font-weight: 600; margin-bottom: 0; color: #1F2937; text-transform: capitalize; } @media (max-width: 991.98px) { .section-header-sixteen h2 { font-size: 34px; } } @media (max-width: 767.98px) { .section-header-sixteen h2 { font-size: 28px; } } .discover-slider .owl-dots, .treatment-sixteen-slider .owl-dots, .features-slider-sixteen .owl-dots { text-align: center; margin-top: 60px; } .discover-slider .owl-dots .owl-dot, .treatment-sixteen-slider .owl-dots .owl-dot, .features-slider-sixteen .owl-dots .owl-dot { width: 10px; height: 10px; border-radius: 100%; background: #D9D9D9; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); margin-right: 7px; } .discover-slider .owl-dots .owl-dot.active, .treatment-sixteen-slider .owl-dots .owl-dot.active, .features-slider-sixteen .owl-dots .owl-dot.active { background: #0E82FD; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12); } @keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } .testi-img { position: relative; margin: 43px 0 15px; } .testi-img img { padding: 0 43px 0 0; } .testi-img .testi-icon { width: 86px; height: 86px; background: #0CE0FF; border-radius: 100px; font-size: 16px; color: #ffffff; position: absolute; top: -43px; right: 0; } .testi-users { margin: 0 43px 0 0; } .testi-users ul { margin: 0; padding: 0; } .testi-users ul li { display: inline-block; margin: 0 0 0 -23px; } .testi-users ul li:first-child { margin: 0; } .testi-users ul li img { width: 40px; height: 40px; border-radius: 50%; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); border: 2px solid #ffffff; } @media (max-width: 767.98px) { .testi-users ul li img { width: 50px; height: 50px; } } .testimonial-wrap { position: relative; } .testimonial-wrap h4 { margin: 0 0 30px; } .testimonial-wrap p { margin: 0 0 30px; } .testimonial-wrap .testimonial-user h6 { font-size: 16px; font-weight: 600; color: #1F2937; margin: 0 0 5px; } .testimonial-wrap .testimonial-user p { font-size: 14px; margin: 0; } .testimonial-wrap::before { content: ""; background: url("../img/icons/test-line.svg") no-repeat; position: absolute; right: 0; bottom: 0; width: 84px; height: 14px; } .slide-11 button { background: transparent; border: 0; padding: 0; } .slide-11 button.owl-next { margin: 0 0 0 10px; } .slider.slider-sixteen { position: relative; } .slider.slider-sixteen .testimonal-contents { text-align: center; background: #ffffff; padding: 20px 0; border-radius: 0px 0px 5px 5px; opacity: 0.3; } .slider.slider-sixteen .testimonal-contents h5 { color: #1F2937; font-size: 20px; font-weight: 500; } .slider.slider-sixteen .testimonal-contents span { color: #0E82FD; font-size: 14px; font-weight: 500; letter-spacing: 0.005em; } .main-reviewimages { height: auto; width: 100%; } .main-reviewimages img { opacity: 0.3; border-radius: 5px px 0px 0px; } #slide-experts .active.center .main-reviewimages img, #slide-experts .active.center .testimonal-contents { opacity: 1; } .test_img { position: relative; opacity: 1; -webkit-transition: 0.4s ease all; transition: 0.4s ease all; margin: 0 -48px; margin-top: 40px; } .slider.slider.slider-sixteen { width: 100%; margin: 0 auto; } #slide-testimonal .center .test_img:before { content: none; transition: 0.7s ease-in-out; } .test_img img { border-radius: 24px; overflow: hidden; margin: 0 auto; height: 100%; object-fit: cover; } .custome_slides.owl-carousel .owl-item.active.center { transform: scale(1); margin-top: 0 !important; position: relative; z-index: 999; } .custome_slides.owl-carousel .owl-item { transform: scale(0.7); padding: 10px 0px; transition: all 0.5s; } .full-slide-home { background: #e3e3e3; padding-top: 100px; } .full-slide-home .slick-prev { left: 30px; } .full-slide-home .slick-next { right: 30px; } .full-slide-home .slick-slide .slide-image { width: 100%; min-height: 358px; justify-content: center; flex-direction: column; padding: 70px 50px 70px 100px; vertical-align: middle; background-position: right; background-size: contain; } .full-slide-home .slick-slide .slide-image h2 { font-size: 36px; font-weight: 500; } @media (max-width: 575.98px) { .full-slide-home .slick-slide .slide-image h2 { font-size: 24px; } } .full-slide-home .slick-slide .slide-image .slide-ul li { color: #757575; font-size: 13px; } .full-slide-home .slick-slide .slide-image .slide-ul li:before { font-family: "Font Awesome 5 Free"; display: inline-block; padding-right: 6px; vertical-align: middle; content: "\f192"; color: #a2a1a1; font-size: 10px; } .section-search-pharmacy { min-height: inherit !important; background: #ffffff; padding: 40px 0; } .section-search-pharmacy .banner-wrapper2 { margin: 0 auto; max-width: 680px; width: 100%; } .section-search-pharmacy .banner-wrapper2 .search-box1 .search-location1 { margin-right: 12px; position: relative; width: 400px; margin-bottom: 0; } @media (max-width: 575.98px) { .section-search-pharmacy .banner-wrapper2 .search-box1 .search-location1 { height: auto; margin: 10px 0; width: 100%; } } .section-search-pharmacy .banner-wrapper2 .search-box1 .form-control { border: 1px solid #cccccc; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.08); border-radius: 5px; padding-left: 15px; padding-right: 100px; } @media (max-width: 479.98px) { .section-search-pharmacy .banner-wrapper2 .search-box1 .form-control { padding-right: 15px; } } .section-search-pharmacy .banner-wrapper2 .search-box1 .search-detect { padding: 5px 9px 5px 28px; font-size: 13px; color: #757575; border-radius: 5px; background: #e3e3e3 url(../img/google-map.png) no-repeat 9px center; cursor: pointer; position: absolute; top: 8px; right: 5px; } .section-search-pharmacy .banner-wrapper2 .search-box1 .search-btn { width: 46px; -ms-flex: 0 0 46px; flex: 0 0 46px; height: 46px; margin: 0; } @media (max-width: 575.98px) { .section-search-pharmacy .banner-wrapper2 .search-box1 .search-btn { width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .section-search-pharmacy .banner-wrapper2 .search-box1 .search-btn span { display: none; font-weight: 500; } .doctor-img1 { margin-right: 20px; } @media (max-width: 767.98px) { .doctor-img1 { margin-bottom: 10px; } } .doc-info-right .clinic-booking a { padding: 10px 15px; } .pharmacy-location, .pharmacy-title { color: #2E3842; } .custom-short-by .sort-title { color: #2E3842; } .custom-short-by > div { margin-right: 20px; } .custom-short-by > div:first-child { margin-right: 0; } .product-custom span.price { font-size: 20px; font-weight: 500; } .product-custom span.price-strike { font-weight: 400; text-decoration: line-through; color: #999; } .product-custom .cart-icon { font-size: 18px; width: 40px; height: 40px; border-radius: 100px; float: right; } .product-custom .profile-widget:hover .cart-icon { color: #ffffff; background-color: #0de0fe; } .product-description .doctor-img1 { width: 40%; } .product-description .doc-info-cont { width: 60%; } .clini-infos h2 b.strike { text-decoration: line-through; font-weight: 500; } .feature-product span { padding-bottom: 10px; display: inline-block; } .feature-product ul li { padding: 3px 0; } ul.benifits-col li i { font-size: 20px; margin-right: 20px; color: #20c0f3; } .booking-date li span { text-align: right; } .booking-date li span a { color: #20c0f3; font-size: 13px; width: 100%; display: inline-block; } .form-select:focus { outline: 0; box-shadow: none; } @media (max-width: 479.98px) { span.search-detect { display: none; } } .doctor-content { background-color: #ffffff; margin: 0; padding: 140px 0 60px; } @media (max-width: 991.98px) { .doctor-content { margin: 0; padding: 100px 0 40px; } } @media (max-width: 767.98px) { .doctor-content { margin: 0; padding: 100px 0 20px; } } .doctor-content.content { margin: 0; padding: 80px 0; } @media (max-width: 991.98px) { .doctor-content.content { margin: 0; padding: 40px 0; } } @media (max-width: 767.98px) { .doctor-content.content { margin: 0; padding: 20px 0; } } .back-link { padding-bottom: 30px; } .back-link a { font-size: 15px; color: #959595; } .back-link a:hover { color: #09e5ab; } .back-link a i { margin-right: 10px; } @media (max-width: 767.98px) { .back-link { padding-bottom: 25px; } } .paitent-header { padding-bottom: 40px; } .paitent-header .paitent-title { font-size: 22px; margin-bottom: 0; } @media (max-width: 991.98px) { .paitent-header .paitent-title { font-size: 20px; } } @media (max-width: 767.98px) { .paitent-header .paitent-title { font-size: 18px; } } @media (max-width: 991.98px) { .paitent-header { padding-bottom: 30px; } } @media (max-width: 767.98px) { .paitent-header { padding-bottom: 20px; } } .booking-header { padding-bottom: 25px; } .booking-header .booking-title { font-weight: 500; font-size: 18px; margin-bottom: 0; } @media (max-width: 767.98px) { .booking-header { padding-bottom: 20px; } } .payment-form-group { margin-bottom: 10px; } .payments-form .custom_radio { font-weight: 500; color: #000000; padding-left: 26px; margin-bottom: 0; } .payments-form .custom_radio input:checked ~ .checkmark { border: 5px solid #0E82FD; } .payments-form .custom_radio .checkmark { top: inherit; border: 2px solid #9A9A9A; } .payments-form .custom_radio .checkmark:after { top: -1px; left: -1px; background: #ffffff; width: 0; height: 0; } .card-label > label { background-color: #ffffff; color: #ABABAB; display: inline-block; font-size: 13px; font-weight: 500; margin: 6px auto auto 8px; padding: 0 7px; } .card-label > .form-control { margin: -13px 0 0; padding: 6px 15px 0; min-height: 48px; } .card-label > .form-control::placeholder { font-weight: 500; color: #3C4758; } .booking-btn .btn { min-width: 123px; font-weight: 500; margin: 0; padding: 8px 10px; border-radius: 5px; } .booking-btn .btn i { font-size: 18px; color: #ffffff; position: relative; left: 8px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .booking-btn .btn:hover i { color: #0E82FD; left: 12px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } @media (max-width: 767.98px) { .booking-btn .btn { min-width: 100px; margin: 0; padding: 7px 10px; } } @media (max-width: 991.98px) { .booking-btn { padding-bottom: 25px; } } .booking-card { border: 2px solid #F4F4F4; border-radius: 8px; margin-bottom: 25px; } .booking-card .booking-card-body { padding: 15px; } @media (max-width: 991.98px) { .booking-card { margin-bottom: 20px; } } .booking-doctor-img { width: 45px; height: 45px; margin-right: 15px; border-radius: 50%; } .booking-doctor-img img { width: 45px; height: 45px; border-radius: 50%; } .booking-doctor-info h4 { font-weight: 500; font-size: 16px; margin-bottom: 5px; } .booking-doctor-info h4 a:hover { color: #0E82FD; } .booking-doctor-info p { color: #888888; margin-bottom: 0; } .booking-doctor-right p { margin-bottom: 0; } .booking-doctor-right i { margin-right: 18px; font-size: 20px; color: #28a745; } .booking-doctor-right a { font-weight: 500; text-decoration: underline; color: #0E82FD; } .booking-doctor-right a:hover { color: #000000; } .booking-list-body { padding-bottom: 5px !important; } .booking-list-body .booking-doctor-right { padding-bottom: 10px; } .booking-date-list { width: 300px; } .booking-date-list ul { margin: 0; padding: 0; list-style: none; } .booking-date-list ul li { font-weight: 500; color: #494949; padding-bottom: 10px; display: flex; justify-content: space-between; } .booking-date-list ul li span { font-weight: normal; color: #777777; float: right; text-align: right; } .booking-date-list ul li span i { font-size: 16px; margin-right: 6px; } @media (max-width: 1399.98px) { .booking-date-list { width: 100%; } } .booking-date-list.consultation-date-list { width: 100%; } .proceed-btn { text-align: right; } .proceed-btn .btn { margin: 0; padding: 8px 15px; min-width: 209px; } @media (max-width: 767.98px) { .proceed-btn .btn { min-width: 200px; } } @media (max-width: 991.98px) { .proceed-btn { padding-bottom: 0; } } .custom_radio { color: #8D8D8D; position: relative; font-size: 14px; padding-left: 30px; margin-bottom: 10px; cursor: pointer; user-select: none; } .custom_radio input { position: absolute; opacity: 0; } .custom_radio input:checked ~ .checkmark { border: 1px solid #0E82FD; } .custom_radio input:checked ~ .checkmark:after { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); opacity: 1; visibility: visible; } .custom_radio .checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #ffffff; border: 1px solid #AEAEB2; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .custom_radio .checkmark:after { display: block; content: ""; position: absolute; top: 4px; left: 4px; opacity: 0; width: 9px; height: 9px; border-radius: 50%; background: #0E82FD; visibility: hidden; transform: scale(0.1); -webkit-transform: scale(0.1); -ms-transform: scale(0.1); -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .radio_input .custom_radio + .custom_radio { margin-left: 15px; } .pricing-section { background-color: #ffffff; margin: 0; padding: 80px 0 55px; } @media (max-width: 991.98px) { .pricing-section { margin: 0; padding: 40px 0 15px; } } @media (max-width: 767.98px) { .pricing-section { margin: 0; padding: 40px 0 20px; } } .pricing-inner-header { margin-bottom: 80px; } @media (max-width: 991.98px) { .pricing-inner-header { margin-bottom: 40px; } } .plan-choose-info { padding-top: 15px; } .plan-choose-info label { margin-bottom: 0; } .plan-choose-info .monthly-plan { color: #0A0B0D; } .plan-choose-info .yearly-plan { color: #6B7280; } .plan-choose-info .status-toggle { margin: 0 20px; padding: 0; } .plan-choose-info .checktoggle { background-color: #0E82FD; border: 1px solid #0E82FD; } .plan-choose-info .check:checked + .checktoggle { background-color: #ffffff; border: 1px solid #0E82FD; } .plan-choose-info .check:checked + .checktoggle:after { background-color: #0E82FD; } .plan-choose-info .monthly-plan, .plan-choose-info .yearly-plan { font-weight: 500; font-size: 18px; } @media (max-width: 767.98px) { .plan-choose-info .monthly-plan, .plan-choose-info .yearly-plan { font-size: 16px; } } .pricing-card { background: #F2F6F6; border: 1px solid #E5E7EB; border-radius: 24px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card:hover { background: #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card:hover .pricing-icon span { background: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); } .pricing-card:hover .pricing-icon span img { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card:hover .pricing-title p { color: #EFF0F7; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card:hover .pricing-title h4 { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card:hover .pricing-header-text p { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card:hover .pricing-amount h2 { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card:hover .pricing-amount h2 span { color: #D9DBE9; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card:hover .pricing-amount h6 { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card:hover .pricing-list ul li { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card:hover .pricing-list ul li:before { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card:hover .pricing-btn .btn { color: #ffffff; border: 1px solid #3B9CF6; box-shadow: inset 0 0 0 50px #3B9CF6; } .pricing-card .card-body { margin: 0; padding: 30px; } @media (max-width: 991.98px) { .pricing-card .card-body { margin: 0; padding: 20px; } } @media (max-width: 767.98px) { .pricing-card .card-body { margin: 0; padding: 15px; } } .pricing-card-active { background: #0E82FD; } .pricing-card-active .pricing-icon span { background: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); } .pricing-card-active .pricing-icon span img { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card-active .pricing-title p { color: #EFF0F7; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card-active .pricing-title h4 { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card-active .pricing-tag { margin-left: auto; } .pricing-card-active .pricing-tag span { background: rgba(255, 255, 255, 0.2); color: #ffffff; font-weight: 500; border-radius: 10px; padding: 12px 13px; } .pricing-card-active .pricing-header-text p { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card-active .pricing-amount h2 { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card-active .pricing-amount h2 span { color: #D9DBE9; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card-active .pricing-amount h6 { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card-active .pricing-list ul li { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card-active .pricing-list ul li:before { color: #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-card-active .pricing-btn .btn { color: #ffffff; border: 1px solid #3B9CF6; box-shadow: inset 0 0 0 50px #3B9CF6; } .pricing-header { padding-bottom: 15px; } .pricing-header-info { padding-bottom: 15px; } .pricing-icon { margin-right: 15px; } .pricing-icon span { min-width: 70px; height: 70px; background: #ffffff; border-radius: 16px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0); } .pricing-icon span img { transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0); -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-title p { font-weight: 500; font-size: 16px; color: #6B7280; margin-bottom: 0; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } @media (max-width: 767.98px) { .pricing-title p { font-size: 15px; } } .pricing-title h4 { font-size: 24px; color: #1F2937; margin-bottom: 0; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } @media (max-width: 767.98px) { .pricing-title h4 { font-size: 20px; } } .pricing-header-text p { color: #6B7280; margin-bottom: 0; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-amount { padding-bottom: 20px; } .pricing-amount h2 { font-weight: 700; font-size: 30px; color: #1F2937; margin-bottom: 8px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-amount h2 span { font-weight: 400; font-size: 14px; color: #9CA3AF; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } @media (max-width: 991.98px) { .pricing-amount h2 { font-size: 40px; } } @media (max-width: 767.98px) { .pricing-amount h2 { font-size: 30px; } } .pricing-amount h6 { font-weight: 500; font-size: 20px; color: #1F2937; margin-bottom: 0; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } @media (max-width: 767.98px) { .pricing-amount h6 { font-size: 16px; } } .pricing-list { padding-bottom: 50px; } .pricing-list ul { margin: 0; padding: 0; list-style: none; } .pricing-list ul li { position: relative; font-size: 16px; color: #6B7280; padding-left: 25px; margin-bottom: 10px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .pricing-list ul li:last-child { margin-bottom: 0; } .pricing-list ul li:before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); content: "\f058"; font-family: "Font Awesome 5 Free"; font-size: 16px; font-weight: 900; color: #0E82FD; border: 0; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } @media (max-width: 767.98px) { .pricing-list ul li { font-size: 14px; } } @media (max-width: 991.98px) { .pricing-list { padding-bottom: 30px; } } @media (max-width: 767.98px) { .pricing-list { padding-bottom: 20px; } } .pricing-btn { text-align: center; } .pricing-btn .btn { font-weight: 600; font-size: 14px; margin: 0; padding: 11px 15px; min-width: 100%; display: inline-block; color: #ffffff; border: 1px solid #0E82FD; background: #0E82FD; } @media (max-width: 767.98px) { .pricing-btn .btn { margin: 0; padding: 8px 15px; font-size: 14px; } } .breadcrumb-bar-two { background: #F2F6F6; background-repeat: no-repeat; padding-top: 70px; min-height: 300px; position: relative; overflow: hidden; z-index: 1; } .breadcrumb-bar-two .inner-banner { margin: 0; padding: 70px 0; } .breadcrumb-bar-two .inner-banner .breadcrumb-title { font-weight: 600; font-size: 48px; margin-bottom: 6px; } @media (max-width: 991.98px) { .breadcrumb-bar-two .inner-banner .breadcrumb-title { font-size: 36px; } } @media (max-width: 767.98px) { .breadcrumb-bar-two .inner-banner .breadcrumb-title { font-size: 26px; } } @media (max-width: 767.98px) { .breadcrumb-bar-two .inner-banner { margin: 0; padding: 50px 0; } } @media (max-width: 991.98px) { .breadcrumb-bar-two { padding-top: 40px; min-height: 260px; } } @media (max-width: 767.98px) { .breadcrumb-bar-two { min-height: auto; } } .breadcrumb-bar-two .page-breadcrumb ol { background-color: transparent; font-weight: 500; margin: 0; padding: 0; } .breadcrumb-bar-two .page-breadcrumb ol li a { font-weight: 500; color: #4B5563; } .breadcrumb-bar-two .page-breadcrumb ol li.active { color: #1F2937; } @media (max-width: 767.98px) { .breadcrumb-bar-two .page-breadcrumb ol { font-size: 15px; } } .breadcrumb-bar-two .page-breadcrumb .breadcrumb a:hover { color: #0E82FD; } .breadcrumb-bar-two .page-breadcrumb .breadcrumb-item + .breadcrumb-item { font-weight: 500; color: #1F2937; padding-left: 10px; } .breadcrumb-bar-two .breadcrumb-item + .breadcrumb-item::before { content: "/"; font-family: "feather"; float: left; padding-right: 10px; color: #9CA3AF; font-size: 14px; font-weight: 600; } .about-section { background-color: #ffffff; margin: 0; padding: 80px 0; } .about-section .about-img-info { padding-right: 30px; } .about-section .about-img-info .about-img { border-radius: 8px; margin-bottom: 25px; } .about-section .about-img-info .about-img:last-child { margin-bottom: 0; } .about-section .about-img-info .about-img img { border-radius: 8px; } .about-section .about-img-info .about-box { background: #0E82FD; border-radius: 8px; margin: 15px 0 25px; padding: 45px 10px; text-align: center; } .about-section .about-img-info .about-box h4 { font-weight: 600; font-size: 20px; color: #ffffff; max-width: 208px; margin: 0 auto 0; padding: 0; } @media (max-width: 991.98px) { .about-section .about-img-info { display: none; } } @media (max-width: 991.98px) { .about-section { margin: 0; padding: 40px 0; } } .section-inner-header { margin-bottom: 40px; } .section-inner-header h6 { font-weight: 500; font-size: 16px; color: #0E82FD; margin-bottom: 15px; } @media (max-width: 767.98px) { .section-inner-header h6 { margin-bottom: 10px; } } .section-inner-header h2 { font-weight: 600; font-size: 40px; color: #1F2937; margin-bottom: 0; } @media (max-width: 991.98px) { .section-inner-header h2 { font-size: 26px; max-width: inherit; } } @media (max-width: 767.98px) { .section-inner-header h2 { font-size: 22px; } } @media (max-width: 991.98px) { .section-inner-header { margin-bottom: 40px; } } .about-inner-header { margin-bottom: 30px; } @media (max-width: 767.98px) { .about-inner-header { margin-bottom: 20px; } } .about-content-details { padding-bottom: 25px; } .about-content-details p { font-size: 16px; color: #6B7280; margin-bottom: 25px; } .about-content-details p:last-child { margin-bottom: 0; } @media (max-width: 767.98px) { .about-content-details p { font-size: 15px; margin-bottom: 20px; } } .about-contact-icon { margin-right: 15px; } .about-contact-icon span { width: 47px; height: 47px; border-radius: 50px; color: #ffffff; background: #0E82FD; } .about-contact-text p { font-weight: 500; font-size: 16px; color: #6B7280; margin-bottom: 5px; } @media (max-width: 767.98px) { .about-contact-text p { font-size: 14px; } } .about-contact-text h4 { color: #27272A; font-weight: 600; font-size: 20px; margin-bottom: 0; } @media (max-width: 767.98px) { .about-contact-text h4 { font-size: 18px; } } .why-choose-section { background-color: #ffffff; margin: 0; padding: 0 0 55px; } @media (max-width: 991.98px) { .why-choose-section { margin: 0; padding: 20px 0 15px; } } @media (max-width: 767.98px) { .why-choose-section { margin: 0; padding: 0 0 20px; } } .why-choose-card { border: 1px solid #F3F4F6; border-radius: 8px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .why-choose-card:hover { box-shadow: 0px 0px 111px rgba(0, 0, 0, 0.09); -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .why-choose-card:hover .why-choose-icon span img { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .why-choose-card .card-body { margin: 0; padding: 25px; } @media (max-width: 991.98px) { .why-choose-card .card-body { margin: 0; padding: 20px; } } @media (max-width: 767.98px) { .why-choose-card .card-body { margin: 0; padding: 15px; } } .why-choose-icon { padding-bottom: 24px; } .why-choose-icon span { width: 80px; height: 80px; border-radius: 50px; color: #ffffff; background: #0E82FD; } .why-choose-icon span img { -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } @media (max-width: 767.98px) { .why-choose-icon { padding-bottom: 20px; } } .why-choose-content h4 { font-weight: 500; font-size: 20px; margin-bottom: 12px; } .why-choose-content p { font-size: 16px; margin-bottom: 0; } @media (max-width: 767.98px) { .why-choose-content p { font-size: 14px; } } .way-section { background-color: #ffffff; margin: 0; padding: 0 0 80px; } .way-section .way-bg { background: #0E82FD; border-radius: 25px; position: relative; overflow: hidden; } .way-section .way-bg .way-shapes-img { position: relative; } .way-section .way-bg .way-shapes-img .way-shapes-left { position: absolute; top: 60px; right: 200px; } .way-section .way-bg .way-shapes-img .way-shapes-right { position: absolute; right: 0; } @media (max-width: 991.98px) { .way-section .way-bg .way-shapes-img { display: none; } } @media (max-width: 991.98px) { .way-section .way-bg { border-radius: 10px; } } @media (max-width: 991.98px) { .way-section { margin: 0; padding: 0 0 40px; } } .way-inner-header { margin: 0; padding: 60px; } .way-inner-header h2 { color: #ffffff; margin-bottom: 29px; } .way-inner-header p { font-weight: 500; font-size: 16px; color: #ffffff; margin-bottom: 40px; } @media (max-width: 767.98px) { .way-inner-header p { margin-bottom: 15px; } } .way-inner-header .btn { font-weight: 600; font-size: 15px; padding: 11px 16px; color: #3B9CF6; background: #ffffff; border: 1px solid #ffffff; border-radius: 8px; box-shadow: inset 0 0 0 0 #0E82FD; } .way-inner-header .btn:hover { color: #ffffff; border: 1px solid #ffffff; background: #0E82FD; box-shadow: inset 0 0 0 50px #0E82FD; } @media (max-width: 767.98px) { .way-inner-header .btn { font-size: 14px; margin: 0; padding: 10px 15px; } } @media (max-width: 991.98px) { .way-inner-header { margin: 0; padding: 30px; } } @media (max-width: 767.98px) { .way-inner-header { margin: 0; padding: 20px; } } .way-img { position: relative; top: 10px; } @media (max-width: 991.98px) { .way-img { display: none; } } .professional-section { margin: 0; padding: 0 0 55px; background: #ffffff; } .professional-section .doctor-profile-widget { margin-bottom: 25px; } @media (max-width: 767.98px) { .professional-section .doctor-profile-widget { margin-bottom: 20px; } } @media (max-width: 991.98px) { .professional-section { margin: 0; padding: 0 0 15px; } } @media (max-width: 767.98px) { .professional-section { margin: 0; padding: 0 0 20px; } } .testimonial-section { background: #F2F6F6; margin: 0; padding: 80px 0; position: relative; overflow: hidden; z-index: 1; } .testimonial-section::after { content: ""; background: url(../img/bg/doctor-shape-img1.png); background-size: cover; background-repeat: no-repeat; background-position: left; position: absolute; top: 0; left: 0; width: 213px; height: 335px; opacity: 0.5; z-index: -1; } @media (max-width: 991.98px) { .testimonial-section::after { display: none; } } .testimonial-section::before { content: ""; background: url(../img/bg/doctor-shape-img2.png); background-size: cover; background-repeat: no-repeat; background-position: right; position: absolute; right: 0; bottom: 0; opacity: 0.5; width: 213px; height: 335px; z-index: -1; } @media (max-width: 991.98px) { .testimonial-section::before { display: none; } } .testimonial-section .testimonial-shape-img { position: relative; } .testimonial-section .testimonial-shape-img .testimonial-shape-left { position: absolute; top: -30px; left: -40px; -webkit-animation-name: blinker; -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -webkit-animation-direction: alternate; } .testimonial-section .testimonial-shape-img .testimonial-shape-left img { width: 100px; } .testimonial-section .testimonial-shape-img .testimonial-shape-right { position: absolute; top: 60px; right: 0; -webkit-animation-name: blinker; -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -webkit-animation-direction: alternate; } .testimonial-section .testimonial-shape-img .testimonial-shape-right img { width: 100px; } @media (max-width: 991.98px) { .testimonial-section .testimonial-shape-img { display: none; } } @media (max-width: 991.98px) { .testimonial-section { margin: 0; padding: 40px 0; } } @media (max-width: 767.98px) { .testimonial-info { flex-direction: column; } } .testimonial-img { border-radius: 50%; margin-right: 50px; width: 220px; -ms-flex: 0 0 220px; flex: 0 0 220px; } @media (max-width: 767.98px) { .testimonial-img { margin: 0 0 30px 0; padding: 0; width: 200px; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .testimonial-img img { border-radius: 50%; width: 100%; } .testimonial-header { margin-bottom: 25px; } .testimonial-details p { font-size: 16px; margin-bottom: 15px; } @media (max-width: 767.98px) { .testimonial-details p { font-size: 14px; } } .testimonial-details h6 { font-weight: normal; font-size: 14px; margin-bottom: 0; color: #9CA3AF; } .testimonial-details h6 span { font-weight: 500; font-size: 16px; color: #1F2937; } .testimonial-grid { margin: 0; padding: 0 60px; } @media (max-width: 767.98px) { .testimonial-grid { margin: 0; padding: 0 25px; } } .testimonial-slider .slick-prev, .testimonial-slider .slick-next { width: 44px; height: 44px; font-size: 0; color: #1E3259; background: #ffffff; box-shadow: 0px 4px 14px rgba(141, 141, 141, 0.25); } .testimonial-slider .slick-prev:hover, .testimonial-slider .slick-next:hover { color: #ffffff; background: #0E82FD; } .testimonial-slider .slick-prev:focus, .testimonial-slider .slick-next:focus { color: #ffffff; background: #0E82FD; opacity: 1; } .testimonial-slider .slick-prev:before { font-family: "Font Awesome 5 Free"; content: "\f053"; font-size: 16px; font-weight: 900; } .testimonial-slider .slick-next:before { font-family: "Font Awesome 5 Free"; content: "\f054"; font-size: 16px; font-weight: 900; } .faq-section-inner { margin: 0; padding: 80px 0 80px; } @media (max-width: 1199.98px) { .faq-section-inner { margin: 0; padding: 80px 0 80px; } } @media (max-width: 991.98px) { .faq-section-inner { margin: 0; padding: 40px 0; } } .faq-inner-page { background-color: #ffffff; margin: 0; padding: 80px 0 55px; } .faq-inner-info .accordion-item { margin-bottom: 25px; } .faq-inner-info .accordion-item:last-child { margin-bottom: 25px; } @media (max-width: 575.98px) { .testimonial-content { text-align: center; } } @media (max-width: 479.98px) { .testimonial-content .section-inner-header h2 { font-size: 16px; } } .onboard-page { overflow: hidden; } .right-panel-title { background: #0C4F8A; padding: 10px; display: none; } .onboard-wrapper { overflow: hidden; height: 100vh; background: #ffffff; } .left-panel { background-color: #0C4F8A; width: 25%; padding: 45px; height: 100vh; overflow: auto; flex-direction: column; -ms-overflow-style: none; scrollbar-width: none; } .left-panel::-webkit-scrollbar { display: none; } @media (max-width: 991.98px) { .left-panel { display: none; } } .right-panel { width: 75%; height: 100vh; overflow: auto; align-items: center; justify-content: center; padding: 0 15px; flex-wrap: wrap; } .right-panel .select2-container .select2-selection--single { border: 1px solid #E6E9F4; height: 54px; background: #F5F6FA; } .right-panel .select2-container .select2-selection--single:focus { border-color: #09E5AB; background-color: #ffffff; } .right-panel .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 14px; font-weight: 400; font-weight: normal; line-height: 54px; color: #585858; } .right-panel .select2-container--default .select2-selection--single .select2-selection__arrow { height: 54px; right: 7px; } .right-panel .accordion-item:first-of-type { margin-bottom: 16px; border-radius: 6px; overflow: hidden; } .right-panel .accordion-item:not(:first-of-type) { border-top: 1px solid rgba(0, 0, 0, 0.125); margin-bottom: 16px; border-radius: 6px; overflow: hidden; } .right-panel .accordion-button { padding: 20px; } .right-panel .accordion-button::after { transform: rotate(-90deg); } .right-panel .accordion-button:not(.collapsed)::after { transform: rotate(0deg); } .right-panel .accordion-button:focus { box-shadow: 8px 7px 14px -15px rgba(0, 0, 0, 0.4); } .right-panel .accordion-button:not(.collapsed) { background-color: #ffffff; color: #000000; } .right-panel .accordion-body { padding: 1rem 1rem; } @media (max-width: 991.98px) { .right-panel { width: 100%; height: auto; padding: 0px; } } .onboard-img { margin: auto; padding: 70px 0px 20px 0px; animation: mymove 1s ease-in-out infinite alternate; text-align: center; width: 240px; } .onboard-content h3 { color: #ffffff; font-weight: 600; font-size: 21px; } .onboard-content p { color: #ffffff; font-weight: 200; font-size: 13px; } .onboarding-slider { margin-top: 10px; } #onboard-slider .owl-dots { margin-top: 0px; justify-content: center; } #onboard-slider .owl-nav { display: none; } #onboard-slider.owl-theme .owl-dots .owl-dot span { background-color: #09E5AB; width: 15px; height: 6px; border-radius: 50px; transition: 0.5s all; margin: 5px 3px 0; display: block; position: relative; } #onboard-slider.owl-theme .owl-dots .owl-dot.active span { background-color: #ffffff; width: 50px; border-radius: 50px; } .on-board-wizard { position: sticky; top: 65px; } .on-board-wizard ul { list-style: none; padding: 0px; } .on-board-wizard ul li a { align-items: center; background: #ffffff; border: 1px solid #F4F4F4; box-shadow: 0px 4px 4px rgba(212, 237, 255, 0.25); border-radius: 4px; margin: 0 0 18px 0; padding: 13px 5px 13px 8px; transition: 0.1s ease-out; } .on-board-wizard ul li a:hover { box-shadow: 8px 7px 14px -15px rgba(0, 0, 0, 0.4); } .onboarding-list h6 { font-weight: 600; font-size: 16px; color: #000000; } .onboarding-list p { font-weight: 300; font-size: 13px; color: #585858; margin-bottom: 0px; } li:hover .onboarding-list h6 { color: #000000; } .onboarding-progress { margin-right: 20px; min-width: 35px; height: 35px; background: #F4F4F4; border-radius: 50px; justify-content: center; align-items: center; color: #000000; } .onboarding-progress.active { background: #10916F; color: #ffffff; } .onboarding-progress span { font-size: 13px; } .onboarding-title h2 { font-weight: 500; font-size: 24px; margin-bottom: 10px; } .onboarding-title h2 span { color: #FF0202; } .onboarding-title h6 { font-weight: 400; font-size: 15px; color: #585858; margin-bottom: 25px; line-height: 1.5; } .onboarding-title h6 span { font-weight: 600; } .onboarding-title.profile-title { margin-bottom: 35px; } .onboarding-title.pass-title { margin-bottom: 32px; } .onboarding-content-box { margin-top: 20px; margin: 20px 0 0 0; padding: 50px; background: #ffffff; box-shadow: 0px 24px 24px rgba(212, 237, 255, 0.3); border-radius: 4px; border: 1px solid #E6E9F4; } .onboarding-content-box.content-wrap { flex-direction: column; min-height: 580px; } .onboarding-content-box.lock-box { padding: 70px; } .onboarding-btn a { background: #09E5AB; border-radius: 6px; padding: 15px 50px; color: #ffffff; font-weight: 600; font-size: 16px; display: inline-block; border: 1px solid #09E5AB; transition: all 0.5s; } .onboarding-btn a:hover { box-shadow: inset 0 60px 0 0 #10916F; border-color: #10916F; } .onboarding-btn.Personalize-btn { margin-top: 30px; } .onboarding-btn.Consultation-btn { margin-top: 70px; } .onboarding-btn.Consultation-btn a:nth-child(2) { background: #ffffff; border-radius: 6px; padding: 15px 50px; color: #0C4F8A; border: none; } .onboarding-btn.Consultation-btn a:nth-child(2):hover { box-shadow: none; color: #09E5AB; } .onboarding-btn.Consultation-btn.cost-btns { margin-top: 40px; } .onboarding-btn.prefer-btn { margin-top: 70px; } .onboarding-btn.pop-btn { margin-top: 4px; } .passcode-wrap input, .passcode-wrap select, .passcode-wrap textarea { background-color: #F5F6FA; border: 1px solid #E6E9F4; border-radius: 5px; width: 60px; height: 54px; text-align: center; color: #354052; font-size: 20px; font-weight: 500; margin-right: 23px; } .passcode-wrap input:focus { color: #354052; border-color: #09E5AB; background-color: #ffffff; outline: none; } .passcode-wrap.mail-box input { width: 100%; text-align: unset; font-size: 14px; height: 54px; } .passcode-wrap.mail-box select { width: 100%; text-align: unset; font-size: 14px; font-weight: 400; border: 1px solid #E6E9F4 !important; outline: none; color: #585858; padding: 0px 10px; } .passcode-wrap.mail-box textarea { width: 100%; height: 145px; text-align: unset; font-size: 14px; font-weight: 400; border: 1px solid #E6E9F4; outline: none; resize: none; } .passcode-wrap select:focus { color: #354052; border-color: #09E5AB !important; background-color: #ffffff; outline: none; } .passcode-wrap.form-focus.focused .focus-label { opacity: 1; top: -31px; font-size: 12px; z-index: 1; background: #ffffff; padding: 0px 5px; color: #5EC6CD; font-weight: 400; } .passcode-wrap.form-focus .focus-label { top: -4px; color: #585858; } .passcode-wrap textarea:focus { color: #354052; border-color: #09E5AB; background-color: #ffffff; outline: none; } .passcode-wrap.form-floating > label { color: #585858; font-size: 14px; } .mail-icon { background: url("../img/mail-box.png") no-repeat 99% 50%; } .form-focus .focus-label span { color: #F0142F; } .placeholder-style::placeholder { font-family: "Poppins"; font-weight: 400; font-size: 14px; color: #585858; opacity: 1; } .placeholder-style:-ms-input-placeholder { color: #585858; } .placeholder-style::-ms-input-placeholder { color: #585858; } .onboarding-lable { font-family: "Poppins"; font-weight: 500; font-size: 14px; margin-bottom: 10px; } .onboarding-lable span { color: #FF0202; } .upload-pic { align-items: center; border-radius: 10px; height: 163px; width: 183px; position: relative; justify-content: center; flex-direction: column; overflow: hidden; border: 1px dashed #8F9BBA; } .upload-pic img { max-width: 100%; border-radius: 10px; } .upload-pic h6 { margin-top: 12px; font-weight: 500; font-size: 16px; color: #8F9BBA; } .upload-pic.patient-photo-upload { align-items: center; border-radius: 10px; justify-content: center; flex-direction: column; overflow: hidden; width: 265px; height: 235px; background: #F5F6FA; border: none; } .upload-pics input[type=file] { opacity: 0; width: 40px; height: 63px; position: absolute; cursor: pointer; top: -15px; right: 8px; margin-right: 0px; } .photo-norms h5 { color: #8F9BBA; font-weight: 400; font-size: 14px; margin-bottom: 35px; } .btn-profile img { height: 40px; width: 40px; position: absolute; top: 11px; right: 8px; cursor: pointer; } .switch { position: relative; display: inline-block; width: 60px; height: 34px; } .switch input { opacity: 0; width: 0; height: 0; } .tog-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #F5F6FA; -webkit-transition: 0.4s; transition: 0.4s; } .tog-slider:before { position: absolute; content: ""; height: 16px; width: 16px; bottom: 4px; background-color: #008F64; -webkit-transition: 0.4s; transition: 0.4s; top: 4px; left: 4px; } .tog-slider.round { border-radius: 30px; width: 56px; height: 28px; border: 2px solid #F3F3F3; } .tog-slider.round:before { border-radius: 50%; } input:checked + .tog-slider { background-color: #008F64; } input:checked + .tog-slider:before { -webkit-transform: translateX(32px); -ms-transform: translateX(32px); transform: translateX(32px); background: #ffffff; left: -1px; } .save-card { margin-left: 22px; } .save-card h5 { font-weight: 500; font-size: 14px; } .save-card h6 { font-weight: 400; font-size: 14px; color: #8F9BBA; } .save-detail { padding: 25px 0 0; } .payment-icon { position: relative; } .payment-icon img { position: absolute; top: 250px; } .avail-content { margin-left: 15px; margin-top: 4px; } .avail-content h6 { color: #10916F; } .weekDays-selector input { display: none !important; } .weekDays-selector input[type=checkbox] + label { display: inline-block; border-radius: 4px; background: #ffffff; padding: 8px 0px; width: 60px; margin-right: 3px; line-height: 40px; text-align: center; cursor: pointer; border: 1px solid #E6E9F4; font-weight: 400; font-size: 20px; } .weekDays-selector input[type=checkbox]:checked + label { background: #F5F6FA; color: #000000; } .consult-option { position: relative; } .call-option { position: relative; width: 33%; margin-right: 10px; } .call-option.file-option { margin-right: 0px; background: #F5F6FA; border-radius: 10px; border: 2px dashed #E6E9F4; width: 100%; } .call-option.verify-account { min-width: 242px; } .option-radio { appearance: none; display: none; } .option-radio:checked + .call-lable { box-shadow: 0 0 0 60px #0C4F8A inset; color: #ffffff; } .option-radio:checked + .call-lable img { filter: brightness(0) invert(1); } .call-lable { align-items: center; justify-content: center; position: relative; transition-duration: 0.5s; margin-bottom: 0px; font-size: 16px; font-weight: 500; width: 100%; min-height: 75px; text-align: center; border: 1px solid #E6E9F4; cursor: pointer; } .call-lable img { margin-right: 6px; margin-bottom: 5px; } .call-lable.verify-lable.verify-lable { width: 100%; height: 170px; font-size: 14px; font-weight: 400; flex-direction: column; align-items: center; justify-content: center; } .call-lable.verify-lable.verify-options { height: 105px; align-items: center; justify-content: center; flex-direction: column; padding: 0px; border-radius: 5px; } .accordion-body .onboarding-title h2 { font-size: 16px; } .accordion-body .onboarding-title h6 { font-size: 14px; } .prefer-box { border-radius: 4px; box-shadow: 0px 4px 24px rgba(227, 227, 227, 0.25); width: 100%; padding: 36px; color: #000000; font-size: 16px; font-weight: 400; border: 1px solid #E6E9F4; } .prefer-box .right-sec i { font-size: 16px; color: #433489; } .prefer-box:hover { box-shadow: 0px 0px 10px 3px rgb(212, 237, 255); } .verify-item { margin-bottom: 15px; font-size: 14px; line-height: 1.8; } .verify-item::marker { color: #0C4F8A; font-size: 120%; } .verify-list { padding: 0 0 0 20px; margin-bottom: 0px; } .verify-list li:last-child { margin-bottom: 0px; } .upload-sucess-note h6 { color: #10906F; font-weight: 400; font-size: 16px; } .upload-sucess-note h6:nth-child(2) { color: #3E45EB; font-weight: 400; font-size: 16px; margin-top: 18px; } .upload-sucess-note h6:nth-child(2) i { margin-left: 4px; cursor: pointer; } .verify-box { background: #FAFDFF; padding: 16px; } .modal-content.id-pop-content { border-radius: 10px; } .modal-header.id-pop-header { border-bottom: none; padding: 2rem 1rem 1rem 1rem; } .modal-footer.id-pop-footer { border-top: none; padding: 0.75rem 0rem 2rem 0rem; } .modal-body.id-pop-body { padding: 1rem 3rem; } .modal-body.id-pop-body h2 { font-weight: 500; font-size: 28px; margin-bottom: 14px; } .modal-body.id-pop-body p { font-weight: 400; font-size: 15px; color: #585858; } .modal-body.id-pop-body h3 { font-weight: 500; font-size: 20px; } .modal-body.id-pop-body span { font-weight: 500; font-size: 20px; color: #228FE0; padding-bottom: 30px; display: block; } .modal.show .modal-dialog.id-upload { max-width: 600px; } .fade.fade-custom { background: rgba(0, 0, 0, 0.8); } .set-path { width: 100%; height: 100vh; align-items: center; justify-content: center; } .lock-content img { margin-bottom: 20px; } .lock-content h2 { font-weight: 500; font-size: 24px; } .lock-content h6 { margin: 15px 0px 30px 0px; font-weight: 400; font-size: 16px; color: #585858; } .lock-content a { color: #FF0202; font-weight: 600; font-size: 16px; } .lock-content a:hover { color: #000000; } .mail-icon2 { background: url(../img/icons/phone.png) no-repeat 99% 50%; } .pass-icon { background: url(../img/icons/password-duotone.svg) no-repeat 99% 50%; } .pass-icon-1 { background: url(../img/icons/fluent-password.svg) no-repeat 99% 50%; } .forms-block.pass-group { margin-bottom: 2rem; } .method-btn a { color: #0C4F8A; font-weight: 500; font-size: 14px; } .method-btn a:hover { color: #09E5AB; } .code-title { background: rgba(76, 218, 180, 0.1); border-radius: 4px; margin: 30px 0px; padding: 12px 15px; } .code-title h6 { color: #10916F; font-weight: 400; font-size: 15px; margin-bottom: 0px; } .opt-resend { padding-top: 30px; position: relative; } .opt-resend a { font-weight: 500; font-size: 16px; position: absolute; left: 0px; } .upload-patient-btn { position: relative; margin-bottom: 15px; } .upload-patient-btn:hover .pic-upload-btn { color: #09E5AB; } #patient-verified .modal-body.id-pop-body p { font-size: 16px; max-width: 280px; margin: auto; } .upload-patient-pic { padding: 10px 0px 30px 0px; } .upload-patient-pic input[type=file] { opacity: 0; max-width: 468px; min-height: 60px; cursor: pointer; top: 0px; left: 87px; position: absolute; } .pic-upload-btn { margin: auto; padding: 20px; background: #ffffff; border: 1px solid #F4F4F4; box-shadow: 0px 4px 10px rgba(225, 225, 225, 0.25); border-radius: 5px; cursor: pointer; display: block; max-width: 475px; text-align: center; z-index: 99999; } .onboarding-contents { justify-content: center; } .uploads-report { display: none; flex-direction: column; justify-content: center; align-items: center; } .uploads-report a:nth-child(1) { margin-bottom: 20px; } .select-gender-option [type=radio]:checked, .select-gender-option [type=radio]:not(:checked) { position: absolute; left: -9999px; } .select-gender-option [type=radio]:checked + label, .select-gender-col [type=radio]:not(:checked) + label { position: relative; cursor: pointer; display: inline-block; } .select-gender-option label { background: #ffffff; box-shadow: 0px 4px 24px rgba(194, 194, 194, 0.25); border-radius: 5px; padding: 28px; width: 100%; text-align: center; position: relative; } .select-gender-option [type=radio]:not(:checked) + label:after { opacity: 0; } .select-gender-option [type=radio]:checked + label:after, .select-gender-option [type=radio]:not(:checked) + label:after { content: ""; width: 100%; height: 100%; background: transparent; position: absolute; top: 0; left: 0; background: rgba(212, 237, 255, 0.25); border: 2px solid #228FE0; box-shadow: 0px 4px 24px rgba(34, 143, 224, 0.04); border-radius: 5px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border: 2px solid #0de0fe; } .login-header .form-focus .focus-label { top: -6px; color: #585858; } .relative-form { position: relative; background: #F5F6FA; border: 1px solid #E6E9F4; border-radius: 5px; min-height: 54px; padding: 6px 15px; align-items: center; } .relative-form span { color: #131523; } .relative-form .form-control::placeholder { color: #131523; font-weight: 400; font-size: 14px; } .relative-form .btn { border-radius: 6px; padding: 5px 15px; position: absolute; top: 7px; right: 7px; } .relative-file-upload { color: #000; padding: 11px 35px; font-size: 14px; margin-bottom: 0; cursor: pointer; position: absolute; right: 4px; -webkit-transition: 0.7s; -moz-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; background: #EEEEEE; border-radius: 4px; } .relative-file-upload:hover { color: #ffffff; background: #bdb8b8; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .relative-file-upload input[type=file] { position: absolute; top: 0; right: 0; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: #ffffff; cursor: inherit; display: block; } .onboarding-content .checklist-col .custom_check .checkmark { width: 35px; } .onboarding-content .checklist-col .custom_check .checkmark:after { left: 10px; top: 3px; } .onboarding-content .checklist-col.pregnant-col .remember-me-col .custom_check .checkmark { border-color: #228FE0; } .onboarding-content .checklist-col .remember-me-col { border-bottom: 1px solid #F4F4F4; } .onboarding-content .custom_check .checkmark { left: -10px; } .onboarding-content .custom_check .checkmark::after { color: #ffffff; } .onboarding-content .custom_check input:checked ~ .checkmark { background-color: #228FE0; } .onboarding-content .increment-decrement .input-groups input[type=button] { background-color: transparent; font-size: 20px; border: 1px solid #228FE0; border-radius: 4px; height: 24px; width: 35px; align-items: center; justify-content: center; -webkit-justify-content: center; margin-top: 0px; line-height: 0; padding: 0px; color: #228FE0; } .modal-footer.id-pop-footer.text-center { justify-content: center; } @keyframes mymove { to { transform: translateY(-5px); } } @media (max-width: 991.98px) { .right-panel-title { display: block; } .right-panel-title img { max-width: 140px; } .onboarding-content-box.content-wrap { min-height: auto; } .onboarding-list h6 { font-size: 15px; } .onboarding-list p { font-size: 13px; } .onboarding-progress span { font-size: 12px; } .onboarding-title h2 { font-weight: 450; font-size: 22px; } .onboarding-title h6 { font-size: 14px; } .onboarding-lable { font-size: 13px; } .passcode-wrap.mail-box input { font-size: 14px; height: 50px; } .passcode-wrap.mail-box textarea { height: 100px; } .passcode-wrap.form-focus .focus-label { top: -8px; } .passcode-wrap input { width: 77px; height: 50px; font-size: 24px; font-weight: 400; } .right-panel .select2-container .select2-selection--single { height: 50px; } .right-panel .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; } .right-panel .select2-container--default .select2-selection--single .select2-selection__arrow { height: 50px; } .onboarding-btn { margin-top: 75px; } .onboarding-btn a { padding: 13px 45px; font-size: 14px; } .onboarding-btn.step-2-btn { margin-top: 50px; } .onboarding-btn.Consultation-btn.cost-btns { margin-top: 10px; } .onboarding-content-box { margin-top: 0px; padding: 30px; } .method-btn a { font-size: 12px; } .code-title { padding: 10px 12px; margin: 22px 0px; } .code-title h6 { font-size: 14px; } .weekDays-selector input[type=checkbox] + label { font-size: 16px; padding: 14px 22px; } .onboard-wrapper { height: auto; } .modal.show .modal-dialog.id-upload { max-width: 400px; } .modal-header.id-pop-header { padding: 5px; } .modal-body.id-pop-body { padding: 5px; } .modal-body.id-pop-body h2 { font-size: 20px; } .modal-body.id-pop-body p { font-size: 12px; } .modal-footer.id-pop-footer { border-top: none; padding: 2px 0px 5px 0px; } .call-lable { font-size: 14px; width: 172px; } .call-lable.verify-lable.verify-lable { height: 120px; } .upload-sucess-note h6 { font-size: 14px; } .upload-sucess-note h6:nth-child(2) { font-size: 14px; } .payment-icon img { top: -168px; right: 10px; } .tog-slider:before { height: 12px; width: 12px; } .tog-slider.round { width: 50px; height: 22px; } .save-card h6 { font-size: 13px; margin-bottom: 0px; } .prefer-box { padding: 24px; font-size: 14px; } .call-option { width: max-content; } .onboard-page { overflow: auto; } .on-board-wizard { padding-top: 25px; top: 50px; } } @media (max-width: 575.98px) { .onboarding-progress span { font-size: 13px; } .onboarding-title { text-align: center; } .onboarding-title h2 { font-weight: 500; font-size: 18px; } .onboarding-title h6 { font-size: 14px; } .verify-box { padding: 5px; } .verify-item { font-size: 14px; margin-bottom: 2px; } .onboarding-content-box { padding: 20px; } .btn-profile img { height: 30px; width: 30px; } .upload-pic { height: 100px; width: 120px; } .upload-pic h6 { font-size: 14px; } .passcode-wrap.mail-box input { font-size: 10px; height: 40px; } .passcode-wrap.mail-box textarea { height: 90px; } .passcode-wrap.form-focus .focus-label { top: -9px; } .passcode-wrap input { width: 48px; height: 43px; font-size: 19px; font-weight: 400; } .onboarding-btn { margin-top: 10px; text-align: center; } .onboarding-btn.Personalize-btn { margin-top: 15px; text-align: center; } .onboarding-btn a { padding: 10px 30px; font-size: 14px; margin-top: 15px; } .onboarding-btn.step-2-btn { margin-top: 25px; } .onboarding-btn.prefer-btn { margin-top: 10px; } .onboarding-btn.Consultation-btn { margin-top: 15px; } .on-board-wizard { padding-left: 0px; } .right-panel .select2-container .select2-selection--single { height: 43px; } .right-panel .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; font-size: 14px; } .right-panel .select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px; } .right-panel .accordion-button { padding: 20px; } .select2-results__option[aria-selected] { font-size: 11px; } .consult-option { flex-direction: column; align-items: center; } .call-option { margin-bottom: 20px; margin-right: 0px; } .call-lable { font-size: 14px; } .call-lable.verify-lable.verify-options { width: 253px; height: 118px; } .call-lable.verify-lable.verify-lable { height: 100px; } .code-title { margin: 10px 0px; } .code-title h6 { font-size: 12px; } .weekDays-selector input[type=checkbox] + label { padding: 12px 22px; font-size: 14px; margin-bottom: 10px; } .modal-body.id-pop-body h2 { font-size: 18px; } .modal-body.id-pop-body p { font-size: 14px; margin-bottom: 0px; } .modal-body.id-pop-body span { font-size: 18px; padding-bottom: 10px; } .upload-pics input[type=file] { height: 60px; } .photo-norms h5 { margin-bottom: 0px; } .upload-sucess-note h6 { font-size: 13px; } .payment-icon img { top: -210px; } .prefer-box { padding: 12px; font-size: 14px; } .relative-file-upload { padding: 9px 10px; } .opt-resend { padding-top: 12px; padding-bottom: 30px; } .opt-resend a { font-size: 14px; left: auto; left: 0px; } .select-gender-option { flex-direction: column; } } .signup-option-btns .signup-btn-info { width: 100%; background: #F5F5F5; border: 1px solid #E4E4E8; border-radius: 8px; margin: 0; padding: 12px 15px; margin-bottom: 20px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .signup-option-btns .signup-btn-info:hover { background: #ffffff; border: 1px solid #0E82FD; box-shadow: 0px 22px 38px rgba(0, 0, 0, 0.12); -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .signup-option-btns .signup-btn-info:hover .signup-arrow { background: #0E82FD; color: #ffffff; -webkit-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; } .signup-option-btns .signup-btn-info:last-child { margin-bottom: 0; } @media (max-width: 991.98px) { .signup-option-btns .signup-btn-info { margin: 0; padding: 10px; margin-bottom: 20px; } } .signup-info .signup-icon { margin-right: 16px; } .signup-content { text-align: left; } .signup-content h4 { font-weight: 500; font-size: 20px; margin-bottom: 6px; } @media (max-width: 991.98px) { .signup-content h4 { font-size: 18px; } } .signup-content p { color: #71717A; margin-bottom: 0; font-size: 14px; } .signup-arrow { width: 37px; height: 37px; background: #ffffff; color: #000000; font-size: 16px; border-radius: 50px; -webkit-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; } .terms-check-box label { color: #838383; } .terms-check-box label a { color: #525252; text-decoration: underline; } .terms-check-box label a:hover { color: #0E82FD; } .account-signup { text-align: center; } .account-signup p { color: #696969; margin-bottom: 0; } .account-signup p a { font-size: 14px; font-weight: 500; color: #0E82FD; text-decoration: underline; } .account-signup p a:hover { color: #0E82FD; text-decoration: none; } .login-verify-img { padding-bottom: 50px; } @media (max-width: 991.98px) { .login-verify-img { padding-bottom: 30px; } } @media (max-width: 767.98px) { .login-verify-img { padding-bottom: 20px; } } .otp-box .forms-block { margin-bottom: 30px; } @media (max-width: 767.98px) { .otp-box .forms-block { margin-bottom: 20px; justify-content: start; } } .otp-box input { width: 74px; height: 74px; background: #f9f9f9; border: 2px solid #ACACAC; border-radius: 8px; text-align: center; margin-right: 15px; font-weight: 700; font-size: 26px; color: #000000; outline: none; } .otp-box input:last-child { margin-right: 0; } @media (max-width: 991.98px) { .otp-box input { width: 68px; height: 68px; } } @media (max-width: 767.98px) { .otp-box input { width: 60px; height: 60px; font-size: 24px; } } .otp-info { padding-bottom: 20px; } @media (max-width: 767.98px) { .otp-info { padding-bottom: 0; } } .otp-code p { color: #5B5B5B; margin-bottom: 8px; } .otp-code a { font-weight: 500; color: #0E82FD; text-decoration: underline; } .otp-code a:hover { text-decoration: none; } .otp-sec p { background: #f9f9f9; border-radius: 4px; color: #717171; padding: 4px 7px; } .otp-sec p i { font-size: 16px; margin-right: 6px; } .forgot-link { font-weight: 500; color: #0E82FD; margin-bottom: 10px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .forgot-link:hover { color: #000000; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .signup-code { font-size: 11px; color: #9E9E9E; margin: 7px 0 0 0; padding: 0; } .multistep-form #first { display: block; } .multistep-form fieldset { display: none; width: 100%; } .widget-setcount { padding-bottom: 40px; } .widget-setcount ul { margin: 0; padding: 0; list-style: none; } .widget-setcount ul li { margin-right: 0; margin-bottom: 10px; position: relative; } .widget-setcount ul li:last-child { margin-right: 0; } .widget-setcount ul li:last-child:before { display: none; } .widget-setcount ul li:before { position: absolute; top: 50%; right: -66px; content: ""; width: 50px; height: 2px; background: #E0E0E0; } .widget-setcount ul .progress-activated:before { background: #0E82FD; } .widget-setcount .step-icon { width: 45px; height: 45px; background: #c9e3fe; border-radius: 50px; margin-right: 15px; } .widget-setcount .step-content p { color: #E0E0E0; margin-bottom: 5px; } .widget-setcount .step-content h4 { font-weight: 500; font-size: 16px; color: #E0E0E0; margin-bottom: 0; } .widget-setcount .progress-activated .step-icon { background: #0E82FD; } .widget-setcount .progress-activated .step-content p { color: #858585; } .widget-setcount .progress-activated .step-content h4 { color: #000000; } .widget-setcount .progress-active .step-icon { background: #0E82FD; } .widget-setcount .progress-active .step-content p { color: #858585; } .widget-setcount .progress-active .step-content h4 { color: #000000; } .form-check-box .custom_check { margin-bottom: 0; } .form-check-box .custom_check .checkmark::after { content: ""; background: #0E82FD; width: 12px; height: 12px; top: 3px; left: 3px; border-radius: 3px; } /*.custom_check { color: $__congo_brown; display: $__inline__block; position: $__relative; font-size: $__font__size__14; padding-left: 30px; margin-bottom: 10px; cursor: $__pointer; user-select: $__none } .custom_check input { position: $__absolute; opacity: 0; cursor: $__pointer; } .custom_check input:checked ~ .checkmark { background-color: $__white; border-color: $__misty_rose; } .custom_check .checkmark { @include position($__absolute, 0, null, null, 0); height: 20px; width: 20px; border: 1px solid $__white_shade; background-color: $__white; border-radius: 3px; @include transition(all 0.3s ease-in-out); } .custom_check .checkmark::after { content: "\f00c"; font-family: $__fontawesome__family; font-weight: $__bolder; @include position($__absolute, 50%, null, null, 4px); display: $__none; color: $__blue__14; font-size: $__font__size__12; } .custom_check input:checked ~ .checkmark:after { display: $__block; } */ .contact-section { margin: 0; padding: 80px 0 55px; } @media (max-width: 991.98px) { .contact-section { margin: 0; padding: 40px 0 15px; } } @media (max-width: 767.98px) { .contact-section { margin: 0; padding: 40px 0 20px; } } .contact-inner-header { margin-bottom: 40px; } @media (max-width: 767.98px) { .contact-inner-header { margin-bottom: 30px; } } .contact-card { border: 2px solid #E9EAF6; border-radius: 0; } .contact-card .card-body { margin: 0; padding: 30px; } @media (max-width: 991.98px) { .contact-card .card-body { margin: 0; padding: 20px; } } @media (max-width: 767.98px) { .contact-card .card-body { margin: 0; padding: 15px; } } .contact-icon { color: #0E82FD; font-size: 44px; margin-right: 20px; } @media (max-width: 991.98px) { .contact-icon { font-size: 40px; margin-right: 15px; } } .contact-details h4 { font-weight: 600; font-size: 20px; color: #0A0B0D; margin-bottom: 8px; } @media (max-width: 991.98px) { .contact-details h4 { font-size: 18px; } } .contact-details p { font-size: 16px; margin-bottom: 0; } @media (max-width: 991.98px) { .contact-details p { font-size: 14px; } } .contact-form-card { background: #F8FBFF; border-radius: 10px; border: 0; } .contact-form-card .card-body { margin: 0; padding: 30px; } @media (max-width: 991.98px) { .contact-form-card .card-body { margin: 0; padding: 20px; } } @media (max-width: 767.98px) { .contact-form-card .card-body { margin: 0; padding: 15px; } } .contact-form-card .form-group { margin-bottom: 25px; } .contact-form-card .form-group label { font-size: 12px; color: #0A0B0D; margin-bottom: 8px; } .contact-form-card .form-group .form-control { font-weight: 500; color: #6B7280; } .contact-form-card .form-group .form-control::placeholder { font-weight: 500; color: #6B7280; } .contact-form-card .form-group textarea.form-control { min-height: 150px; resize: none; } .contact-form-card .form-group-btn { margin-top: 35px; } .contact-form-card .form-group-btn .btn { border-radius: 5px; min-width: 150px; margin: 0; padding: 10px 15px; font-weight: 500; } .contact-map iframe { width: 100%; border: none; height: 450px; } .error-section { margin: 0; padding: 80px 0; } @media (max-width: 991.98px) { .error-section { margin: 0; padding: 40px 0; } } .error-img { padding-bottom: 50px; } @media (max-width: 767.98px) { .error-img { padding-bottom: 25px; } } .error-404-img { position: relative; } .error-404-content { width: 100%; position: absolute; bottom: 30px; } @media (max-width: 1399.98px) { .error-404-content { bottom: 0; } } @media (max-width: 767.98px) { .error-404-content { position: static; margin-top: 20px; } } .error-content h2 { font-weight: 600; font-size: 38px; color: #0A0B0D; margin-bottom: 10px; } @media (max-width: 991.98px) { .error-content h2 { font-size: 32px; } } @media (max-width: 767.98px) { .error-content h2 { font-size: 22px; } } .error-content p { font-weight: 500; font-size: 16px; color: #6B7280; margin-bottom: 40px; } @media (max-width: 767.98px) { .error-content p { font-size: 14px; margin-bottom: 20px; } } .error-content .btn { min-width: 246px; font-size: 18px; display: inline-block; margin: 0; padding: 13px 15px; } @media (max-width: 991.98px) { .error-content .btn { min-width: 230px; font-size: 16px; margin: 0; padding: 10px 15px; } } @media (max-width: 767.98px) { .error-content .btn { min-width: 150px; font-size: 14px; margin: 0; padding: 8px 15px; } } .coming-soon-count { width: 104px; height: 104px; margin: 0 16px 0 0; padding: 13px; border-radius: 50px; background: #0CE0FF; flex-shrink: 0; } .coming-soon-count:last-child { margin-right: 0; } .coming-soon-count h4 { font-weight: 600; font-size: 40px; color: #ffffff; margin-bottom: 0; } @media (max-width: 767.98px) { .coming-soon-count h4 { font-size: 20px; } } .coming-soon-count p { font-size: 18px; color: #ffffff; margin-bottom: 0; } @media (max-width: 767.98px) { .coming-soon-count p { font-size: 13px; } } @media (max-width: 767.98px) { .coming-soon-count { width: 66px; height: 66px; margin: 0 10px 0 0; padding: 8px; } } .terms-section { margin: 0; padding: 80px 0; } @media (max-width: 991.98px) { .terms-section { margin: 0; padding: 40px 0; } } .terms-section .terms-content { padding-bottom: 50px; } .terms-section .terms-content .terms-text { padding-bottom: 24px; } .terms-section .terms-content .terms-text:last-child { padding-bottom: 0; } .terms-section .terms-content .terms-text p { font-size: 16px; color: #6B7280; margin-bottom: 24px; } .terms-section .terms-content .terms-text p:last-child { margin-bottom: 0; } @media (max-width: 767.98px) { .terms-section .terms-content .terms-text p { font-size: 14px; margin-bottom: 20px; } } .terms-section .terms-content .terms-text.terms-list p { margin-bottom: 10px; } .terms-section .terms-content .terms-text.terms-list p i { position: relative; top: 4px; margin-right: 8px; color: #0E82FD; } @media (max-width: 991.98px) { .terms-section .terms-content { padding-bottom: 30px; } } .terms-btn .btn-right-now { font-weight: 500; font-size: 16px; margin: 0 15px 0 0; padding: 5px 15px; min-width: 149px; border-radius: 8px; color: #3F3F3F; background: #F3F3F3; border: 1px solid #F3F3F3; box-shadow: inset 0 0 0 0 #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .terms-btn .btn-right-now:hover { color: #ffffff; background: #0E82FD; border-color: #0E82FD; box-shadow: inset 0 0 0 50px #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } @media (max-width: 767.98px) { .terms-btn .btn-right-now { font-size: 14px; min-width: 130px; margin-right: 0; } } .terms-btn .btn-primary { padding: 5px 15px; min-width: 166px; font-weight: 600; } @media (max-width: 767.98px) { .terms-btn .btn-primary { min-width: 150px; } } @media (max-width: 767.98px) { .terms-btn { display: flex; align-items: center; justify-content: space-between; } } .consultation-info { padding-bottom: 25px; } .consultation-info p { font-weight: 500; font-size: 16px; color: #000000; margin-bottom: 20px; } @media (max-width: 991.98px) { .consultation-info p { margin-bottom: 15px; } } .consultation-list ul { margin: 0; padding: 0; list-style: none; } .consultation-list ul li { display: block; margin-bottom: 15px; } .consultation-list ul li:last-child { margin-bottom: 0; } .consultation-types a { font-weight: 500; font-size: 16px; color: #6B6B6B; background: #ffffff; border: 1px solid #c2c2c2; border-radius: 6px; min-width: 413px; margin: 0; padding: 10px 15px; } .consultation-types a:hover { color: #0E82FD; background: #ffffff; border: 1px solid #0E82FD; } .consultation-types a i { font-size: 18px; margin-right: 10px; } @media (max-width: 991.98px) { .consultation-types a { min-width: 300px; } } @media (max-width: 767.98px) { .consultation-types a { font-size: 14px; min-width: 250px; margin: 0; padding: 7px 15px; } } .consultation-types span { margin-left: 18px; font-size: 20px; color: #28a745; display: none; } .consultation-types.active a { color: #0E82FD; background: #ffffff; border: 1px solid #0E82FD; box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.07); } .consultation-types.active span { display: block; } .booking-device-img { margin-right: 15px; } .booking-doctor-info h3 { font-weight: 500; font-size: 16px; margin-bottom: 5px; } .booking-doctor-info .device-text { margin-bottom: 12px; } .booking-doctor-info .btn { font-weight: 500; font-size: 14px; margin: 0; padding: 4px 10px; min-width: 109px; color: #0E82FD; background: #ffffff; border: 2px solid #0E82FD; box-shadow: inset 0 0 0 0 #0E82FD; border-radius: 6px; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .booking-doctor-info .btn:hover { color: #ffffff; background: #0E82FD; box-shadow: inset 0 0 0 50px #0E82FD; border: 2px solid #0E82FD; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .app-images a { margin-right: 8px; } .app-images a:last-child { margin-right: 0; } .booking-date { padding-bottom: 30px; } .booking-date p { color: #8C8C8C; margin: 0 10px 0 0; padding: 0; margin-right: 10px; margin-bottom: 0; } @media (max-width: 767.98px) { .booking-date p { margin: 0 0 10px 0; padding: 0; } } @media (max-width: 767.98px) { .booking-date { display: block; padding-bottom: 20px; } } @media (max-width: 767.98px) { .time-slot-card-body { padding-bottom: 0 !important; } } .booking-range .btn { background: #ffffff; border: 1px solid #E4E4E8; border-radius: 6px; font-size: 14px; font-weight: normal; color: #4A4A4A; margin: 0; padding: 10px 15px; } @media (max-width: 767.98px) { .booking-range .btn { font-size: 13px; margin: 0; padding: 10px; position: relative; } } .booking-range img { margin-right: 10px; } .booking-range i { font-size: 16px; margin-left: 10px; color: #5B5B5B; } .booking-card { border: 2px solid #F4F4F4; border-radius: 8px; margin-bottom: 25px; } .booking-date-slider { padding-bottom: 30px; } .date-slider { text-align: center; list-style: none; margin: 0; padding: 0; } .date-slider .slick-slide { display: block; margin: 0; padding: 0 5px; } .date-slider li h4 { font-weight: 500; font-size: 16px; color: #B9B9B9; margin-bottom: 5px; } @media (max-width: 1199.98px) { .date-slider li h4 { font-size: 13px; } } @media (max-width: 991.98px) { .date-slider li h4 { font-size: 16px; } } .date-slider li p { color: #D4D4D4; margin-bottom: 0; } .date-slider li.active h4 { color: #000000; } .date-slider li.active p { color: #AAAAAA; } .date-slider .slick-prev:before { content: " \e92f"; } .date-slider .slick-next:before { content: " \e930"; } .date-slider .slick-prev, .date-slider .slick-next { background: transparent; color: #000000; line-height: normal; } .date-slider .slick-prev:hover, .date-slider .slick-prev:focus, .date-slider .slick-next:hover, .date-slider .slick-next:focus { background-color: transparent; color: #09e5ab; opacity: 1; } .date-slider .slick-prev:hover:before, .date-slider .slick-prev:focus:before, .date-slider .slick-next:hover:before, .date-slider .slick-next:focus:before { color: #09e5ab; } .date-slider .slick-prev:before, .date-slider .slick-next:before { font-family: "feather"; font-size: 26px; } .time-slot { text-align: center; } .time-slot h4 { font-weight: 500; font-size: 16px; margin-bottom: 20px; } .time-slot ul { list-style: none; margin: 0; padding: 0; } .time-slot ul li { display: block; margin-bottom: 15px; } .time-slot li:last-child { margin-bottom: 0; } .time-slot li .timing { background: #F5F5F5; border: 2px solid #F3F3F3; border-radius: 8px; color: #595959; margin: 0; padding: 10px 15px; text-align: center; position: relative; box-shadow: inset 0 0 0 0 #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .time-slot li .timing:hover { background: #ffffff; box-shadow: inset 0 0 0 50px #ffffff; -webkit-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; } .time-slot li .timing.active { background: #09e5ab; border: 2px solid #09e5ab; color: #ffffff; box-shadow: inset 0 0 0 0 #09e5ab; } .time-slot li .timing.active:hover { background: #09e5ab; border: 2px solid #09e5ab; color: #ffffff; box-shadow: inset 0 0 0 50px #09e5ab; } .time-slot li .timing i { margin-right: 4px; } .time-slot li .load-more-timings a { font-weight: 500; text-decoration: underline; color: #09e5ab; } .time-slot li .load-more-timings a:hover { color: #000000; } .time-slot .time-slot-open { display: none; } @media (max-width: 991.98px) { .time-slot { padding-bottom: 15px; } } .success-content { text-align: center; padding-bottom: 40px; } .success-content h4 { font-weight: 500; font-size: 18px; margin-bottom: 0; } @media (max-width: 991.98px) { .success-content h4 { font-size: 16px; } } @media (max-width: 991.98px) { .success-content { padding-bottom: 30px; } } .success-icon { padding-bottom: 15px; } .success-icon i { font-size: 50px; color: #28a745; } @media (max-width: 991.98px) { .success-icon i { font-size: 36px; } } .booking-success-info { padding-bottom: 20px; } .booking-success-info .booking-doctor-img { width: 90px; height: 90px; border-radius: 10px; margin-right: 15px; } .booking-success-info .booking-doctor-img img { width: 90px; height: 90px; border-radius: 10px; } .booking-success-info .booking-doctor-info p { margin-bottom: 15px; } .success-btn { text-align: center; padding-bottom: 25px; } .success-btn .btn { font-weight: 500; padding: 8px 18px; } @media (max-width: 767.98px) { .success-btn .btn { display: flex; } } .success-btn .btn-primary { margin-right: 15px; } @media (max-width: 767.98px) { .success-btn .btn-primary { margin: 0 0 10px 0; padding: 8px 18px; } } .success-btn .btn-light { color: #7C7C7C; background: #F5F5F5; } .success-dashboard-link { text-align: center; } .success-dashboard-link a { font-weight: 500; font-size: 15px; color: #959595; } .success-dashboard-link a:hover { color: #0E82FD; } .success-dashboard-link a i { margin-right: 12px; font-size: 16px; } @media (max-width: 767.98px) { .success-dashboard-link a { font-size: 14px; } } /*# sourceMappingURL=custom.css.map */ /* Extracted from */ section.back_images.mt-3 .row.banneers img { width: 100%; } span.mnb { color: #282730 !important; } @media (max-width:767px) { .topnav.responsive .desk-head-view1.mobileview { overflow: auto; height: 560px; padding-bottom: 20px; } } .message-container { display: flex; justify-content: center; align-items: center; min-height: calc(100vh - 200px); /* Adjust based on header/footer height */ background-color: #f8f9fa; /* Light grey background */ padding: 2rem; } .message-card { background-color: #ffffff; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); padding: 3rem; text-align: center; /* max-width: 600px; */ width: 100%; border-left: 5px solid #00c6a7; animation: fadeIn 1s ease-in-out; } .message-title { color: #282730; font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem; position: relative; } .message-title::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background-color: #282730; border-radius: 2px; } .message-text { color: #6c757d; font-size: 1.1rem; line-height: 1.6; margin-bottom: 1.5rem; } .timer-icon { font-size: 4rem; color: #F44336; margin-bottom: 1rem; animation: pulse 2s infinite; } #countdown-container { display: flex; justify-content: center; align-items: center; font-size: 2rem; font-weight: 700; color: #00c6a7; margin-top: 1rem; animation: slideIn 1s ease-in-out; } .timer-text { font-size: 1rem; font-weight: 400; color: #6c757d; margin-left: 5px; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideIn { from { opacity: 0; transform: scale(0.8); } to { opacity: 1; transform: scale(1); } } .info-block { background-color: #f1f1f1; padding: 1.5rem; border-radius: 10px; margin-top: 2rem; } .info-block h4 { color: #282730; font-weight: 600; text-align: justify; } .info-block p { font-size: 0.9rem; color: #495057; text-align: left; } /* Extracted from */ svg { fill: #282730 } /* Extracted from */ svg { fill: #282730 } tspan { font-family: 'Poppins', sans-serif !important; } /* Extracted from */ svg { fill: #282730 } /* Extracted from */ .toast-bottom-center { bottom: 25px; } .toast-success { background-color: #21221f; } .toast-error { background-color: darkred; } /* Extracted from */ .test_count_block1 { border: 1px solid; border-color: #079eb7 !important; background-color: #fff; border-radius: 15px; padding: 4px 10px; font-size: 12px; color: #4a4444; } .slider .item { margin-right: 10px; margin-right: 31px; border: 1px solid #0c9ca3; height: 110px; margin-top: 10px; border-radius: 0; box-shadow: rgb(159 159 159 / 35%) 0px 0px 7px; padding-top: 20px; } .owl-slider-mobile { display: none; } .ctrl-btn.pro-prev { width: 40px; border-radius: 40px; height: 50px; background-color: #8f8f8f; color: #fff; } .ctrl-btn.pro-next { width: 40px; border-radius: 40px; height: 50px; background-color: #8f8f8f; color: #fff; } .secondcityIcon { overflow: scroll; height: 418px; } .papular-health { display: flex !important; align-items: center; overflow-x: hidden; overflow-y: hidden; padding: 16px; white-space: nowrap; } #add-btn { background-color: #fff; padding: 5px 24px; color: #161616; position: absolute; right: -15px; box-shadow: 0px 0px 7px #828282; margin-top: 9px; } .papular-health-2 .item h4 { font-size: 13px; margin-right: 1px; } .shadow { flex-wrap: wrap; } .papular-health-2 { background-color: #fff; margin-top: 10px; text-align: center; padding: 2px 20px; border-radius: 22px; box-shadow: 0px 0px 7px #d6d6d6; } .shadow #add-btn { display: none; } .cg-img-1 { width: 60px; } .content-voilence-2 .tabContgapBot .tab-content .pkgCardBox { height: 142px; } .content-voilence-2 .pkgCardBox { padding: 9px 8px; } .content-voilence-2 .pkgCardBox .priceSec span.offer { right: -19px; } @media (max-width: 1199px) { .toh-ha { display: none; } .hero-section .hero-bg .hero #city { width: 27% !important; } .slider-codepen .center { padding: 0 0; } .search-list-height .packbox .price_blockk .price a { font-size: 10px; } .titleblock .price a { margin: 11px 0px 20px; padding: 4px 1px !important; } .titleblock .price a { padding: 7px 1px !important; } } @media (max-width: 991px) { .hero-section .col-lg-5 { width: 100% !important; } .slider-codepen .center { padding: 0 0; } .hero-section .otp-main { display: inline-block; } .content-voilence-2 .price a { margin-left: 21px !important; margin-top: 17px !important; padding: 7px 19px !important; } .content-voilence-2 .customLgContent .pathlogy-test .owl-stage .owl-item .item h4 { font-size: 12px; } .customLgContent #myBtn { padding: 2px 16px; } .content-voilence-2 .tabContgapBot .tab-content .pkgCardBox { height: 133px; } .diag-book-section { flex-flow: inherit !important; } .diag-book-section { margin-right: 0 !important; margin-left: 0 !important; } .hero-section .col-lg-5 { width: 100% !important; } .papular-health-2 .item h4 { font-size: 14px; } .papular-health-2 { padding: 7px 20px; } #add-btn { padding: 3px 24px; } .slider-codepen .slider { height: 246px !important; } } @media (max-width: 767px) { .slider-codepen .slider { height: 149px !important; } .hero-section .otp-main { width: 100%; } .content-voilence-2 .price a { margin-left: 0 !important; } .content-voilence-2 .price a { padding: 4px 2px !important; } .content-voilence-2 .tabContgapBot .tab-content .pkgCardBox { height: 127px; } .papular-health-2 { padding: 11px 20px; } #add-btn { padding: 7px 24px; } } @media (max-width: 575px) { .hero-section .hero-bg .hero .form-group { width: 42%; } .slider-codepen .slider { height: 125px !important; } .col-sm-3 { width: 100% !important; } .content-voilence-2 .tabContgapBot .tab-content .pkgCardBox { margin-bottom: 12px; } .content-voilence-2 .price a { padding: 9px 42px !important; margin-left: 20px !important; font-size: 13px; } .content-voilence-2 .tabContgapBot .tab-content .pkgCardBox { height: 139px; } .owl-slider-desktop { display: none; } .owl-slider-mobile { display: block; } .top_nav li:nth-child(5) { display: block !important; } } @media (max-width: 480px) { .hero-section .hero-bg .hero .form-group { width: 49% !important; } .hero-section .hero-bg .hero #DivMobile { width: 49% !important; } .hero-section .hero-bg .hero #city { width: 100% !important; } .toh-ha { display: none; } .slider-codepen .slider { height: 91px !important; } .content-voilence-2 .price a { padding: 7px 14px !important; margin-left: 15px !important; } #add-btn { padding: 7px 15px; } } @media (min-width: 1400px) { .slider-codepen .slider { height: 282px !important; } .col-lg-5.col-md-12.banner-left-text form { padding: 33px 26px 53px 26px !important; } } .slider .item { margin-right: 10px; margin-right: 31px; border: 1px solid #0c9ca3; height: 110px; margin-top: 10px; border-radius: 0px; box-shadow: rgb(129 129 129 / 43%) 0px 0px 9px; padding-top: 20px; } .new { display: none; } #myBtn1 { width: 200px; color: #fc8019; display: block; text-align: center; background-color: #fc8019; transition: .3s; } #myBtn:hover { background-color: #0098ab; text-decoration: none; } .noContent { color: #fc8019 !important; background-color: transparent !important; pointer-events: none; display: none; } /* Extracted from */ section.back_image.mt-3 .card.p-3.centres p { margin-bottom: 0px; margin-top: 8px; font-size: 11px; height: 90px; } section.back_image.mt-3 img { max-width: 100px; height: auto; } .container2 { display: flex; gap: 20px; /* Space between the boxes */ } .box { width: 185px; height: 185px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; border: 2px solid #d74c17; padding: 10px; /*background-color: #f5c7ac;*/ border-radius: 50%; margin-top:10px; } .circle { padding-top: 62px; text-align: center; } .section1-header1 { /*margin-bottom: 60px;*/ position: relative; padding-bottom: 20px; } .manageimg{ width: 42px; margin-bottom: 10px; margin-top: -23px; } .section1-header1::before { content: ''; position: absolute; display: block; width: 60px; height: 5px; background: #FF5722; bottom: 0; left: calc(50% - 25px); } .section1-header1 h2 { /*font-size: 36px;*/ /*text-transform: uppercase;*/ text-align: center; /*font-weight: 700;*/ /*margin-bottom: 10px;*/ } .section1-header1 p { text-align: center; padding: 0; margin: 0; font-size: 18px; font-weight: 500; color: #9195a2; } .work-porcess-area { margin-top: 50px; margin-bottom: 50px; } ol, ul { padding-left: 0rem; } .work-porcess-area.white { background: #FFFFFF; } .work-porcess-area .process-info { margin-top: 7px; margin-bottom: 80px; } .work-porcess-area .process-info .single-process { width: 180px; height: 180px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; padding-top: 53px; margin: 0 auto; background: #FFFFFF; -webkit-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4); -o-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4); -moz-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4); -ms-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4); box-shadow: 0 10px 30px 0 rgb(0 188 212 / 28%); position: relative; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; cursor: pointer; } .work-porcess-area .process-info .single-process:hover { -webkit-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4) -o-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4) -moz-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4) -ms-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4) box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4) } .work-porcess-area .process-info .single-process:after { position: absolute; content: "\f101"; font-family: "fontawesome"; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -65px; color: #f82249; } .work-porcess-area .process-info .single-process.first { background: #f82249; } .work-porcess-area .process-info .single-process.first i:before { color: #FFFFFF; } .work-porcess-area .process-info .single-process.first h4 { color: #FFFFFF; } .work-porcess-area .process-info .single-process.thard { background: #f82249; } .work-porcess-area .process-info .single-process.thard i:before { color: #FFFFFF; } .work-porcess-area .process-info .single-process.thard h4 { color: #FFFFFF; } .work-porcess-area .process-info .single-process.last:after { display: none; } .work-porcess-area .process-info .single-process i { display: block; line-height: 25px; margin-bottom: 12px; } .work-porcess-area .process-info .single-process i:before { font-size: 36px; color: #f82249; } .work-porcess-area .process-info .single-process h4 { font-size: 15px; /*font-weight: 600;*/ /*text-transform: capitalize;*/ color: #4b5050; } @media only screen and (max-width: 767px) { .work-porcess-area .process-info .single-process::after { display: none; } .work-porcess-area .process-info .single-process{ margin-top: 30px; } .work-porcess-area .section-title h2{ margin-bottom: 5px; } .section-header h2 { font-size: 30px; } } .wrapper{ /*padding: 20px;*/ position: relative; background: #fff; width: 92%; border-radius: 8px; overflow-x: hidden; } .wrapper .icon{ position: absolute; top: -8px; height: 100%; width: 120px; display: flex; align-items: center; } .icon:first-child{ left: 0; background: linear-gradient(90deg, #fff 70%, transparent); display: none; } .icon:last-child{ right: 0; background: linear-gradient(-90deg, #fff 70%, transparent); justify-content: flex-end; } .icon i{ cursor: pointer; width: 55px; height: 55px; font-size: 1.2rem; text-align: center; line-height: 55px; border-radius: 50%; } .icon i:hover{ background: #d8d5f2; } .icon:first-child i{ margin-left: 15px; } .icon:last-child i{ margin-right: 15px; } .tabs_box{ display: flex; align-items: center; gap: 12px; overflow-x: hidden; scroll-behavior: smooth; } .tabs_box.dragging{ scroll-behavior: auto; cursor: grab; } .tabs_box .tab{ cursor: pointer; font-size: 1rem; white-space: nowrap; border: 1px solid #ebebeb; padding: 10px 15px; border-radius: 10px; list-style: none; } .tabs_box.dragging .tab{ user-select: none; } .tabs_box .tab.active{ color: #fff; background: #727374; border-color: transparent; } /* Extracted from */ #feedback { max-width: 60%; width: 100%; margin: 10px auto; padding: 20px; border: solid 1px #f1f1f1; background: #fbfbfb; box-shadow: #e6e6e6 0 0 4px ; border-radius: 0.25rem; } @media (max-width: 720px) { #feedback{ max-width: 90%; } } @media (max-width: 500px) { #feedback{ padding: 10px; } } #fh2{ padding: 2px 15px; color: #ff4d4d; text-align: center; } @media (max-width: 400px) { #fh2{ font-size: 20px; } } #fh6 { padding: 2px 15px; color: #4d0er; text-align: center; font-weight: normal; } @media (max-width: 400px) { #fh6{ font-size: 12px; } } .pinfo { margin: 8px auto; font-weight: bold; line-height: 1.5; color: #0d0d0d; } .form-group { margin-bottom: 1rem; } .form-control { display: block; width: 100%; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.25; font-weight: bold; color: #6C6262; background-color: #fff; background-image: none; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #696060; background-color: #fff; border-color: #5cb3fd; outline: none; } .form-control::-webkit-input-placeholder { color: #F34949; opacity: 1; } .form-control::-moz-placeholder { color: brown; opacity: 1; } .form-control:-ms-input-placeholder { color: blue; opacity: 1; } .form-control::placeholder { color: white; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: red; opacity: 1; } .form-control:disabled { cursor: not-allowed; } select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px); } select.form-control:focus::-ms-value { color: green; background-color: #fff; } .form-control-file, .form-control-range { display: block; } .input-group { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .input-group .form-control { position: relative; z-index: 2; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover { z-index: 3; } .input-group-addon, .input-group-btn, .input-group .form-control { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { white-space: nowrap; vertical-align: middle; } .input-group-addon { width: 45px; padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: normal; line-height: 1.25; color: #2e2e2e; text-align: center; background-color: #eceeef; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 0.75rem 1.5rem; font-size: 1.25rem; border-radius: 0.3rem; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .dropdown-toggle, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:not(:last-child) { border-right: 0; } .input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn:not(:first-child), .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .form-control + .input-group-addon:not(:first-child) { border-left: 0; } .pricing-table .btn { display: inline-block; font-weight: normal; line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.5rem 1rem; font-size: 1rem; border-radius: 0.25rem; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .btn:focus, .btn:hover { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25); box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25); } .btn.disabled, .btn:disabled { cursor: not-allowed; opacity: .65; } .btn:active, .btn.active { background-image: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #0275d8; border-color: #0275d8; } .btn-primary:hover { color: #fff; background-color: #025aa5; border-color: #01549b; } .btn-primary:focus, .btn-primary.focus { -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5); box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5); } .btn-primary.disabled, .btn-primary:disabled { background-color: #0275d8; border-color: #0275d8; } .feedbacktitle { width: 100%; font-size: 3.5rem; letter-spacing: -0.13rem; font-weight: 700; text-shadow: 0 0 5px #000; } .feedbacktitle span { color: #ffdf00; } .feedbacksubtitle { font-size: 1.6rem; letter-spacing: -0.06rem; text-shadow: 0 0 5px #000; line-height: 1; } .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #025aa5; background-image: none; border-color: #01549b; } .feedbackBanner{ text-align: center; color: #fff; height: 400px; background-size: cover; background-position: 0; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; } /* Extracted from */ div#email_error { font-size: 12px; color: red; } /* Extracted from */ .colorn { margin-top: 38px !important; background-color: #16a7b7 !important; border-color: #16a7b7 !important; } .colorm { background-color: #16a7b7 !important; border-color: #16a7b7 !important; color: #fff; } /* Extracted from */ .login, .image { min-height: 100vh; } .bg-image { background-image: url("https://res.cloudinary.com/mhmd/image/upload/v1555917661/art-colorful-contemporary-2047905_dxtao7.jpg"); background-size: cover; background-position: center center; } .AppForm .AppFormLeft h1 { font-size: 35px; } .AppForm .AppFormLeft input:focus { border-color: #ced4da; } .AppForm .AppFormLeft input::placeholder { font-size: 15px; } .AppForm .AppFormLeft i { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .AppForm .AppFormLeft a { color: #3a3e42; } .form-control { display: block; width: 100%; padding: 0.375rem 2.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .AppForm .AppFormLeft button { background: linear-gradient(45deg, #8D334C, #CF6964); border-radius: 30px; } .AppForm .AppFormLeft p span { color: #007bff; } .AppForm .AppFormRight { background-image: url('https://i.ibb.co/tDLqQtj/bg.jpg'); height: 450px; background-size: cover; background-position: center; } .AppForm .AppFormRight:after { content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(45deg, #8D334C, #CF6964); opacity: 0.5; } .AppForm .AppFormRight h2 { z-index: 1; } .AppForm .AppFormRight h2::after { content: ""; position: absolute; width: 100%; height: 2px; background-color: #fff; bottom: 0; left: 50%; transform: translateX(-50%); } .AppForm .AppFormRight p { z-index: 1; } /* Extracted from */ .banner { width: 100%; height: 300px; background: url(https://pradeep.mediwheel.in/assets/img/commonpage-banner.png); display: flex; align-items: center; justify-content: center; text-align: center; color: #3a3535; } .cityPage_citypage_text__5g6_S { margin: 25px 0; background: linear-gradient(223.23deg, #fff -39.74%, #dbf5f9 94.44%); } .cityPage_citypage_container_package_tests___r7Kn { max-width: 1207px; margin: auto; padding: 16px 20; } .cityPage_citypage_heading_h1__hEx9J { font-weight: 600; font-size: 24px; line-height: 36px; color: #0e3f6c; } .cityPage_citypage_heading_h2__9BDwa { font-weight: 400; font-size: 16px; line-height: 24px; color: #2f3032; } .content { display: flex; flex-direction: column; align-items: center; } .banner-heading { font-size: 36px; margin-bottom: 20px; } .search-container { display: flex; align-items: center; background-color: white; border-radius: 30px; overflow: hidden; } .search-container:hover { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); } .search-input { border: none; padding: 10px; width: 100%; outline: none; transition: width 0.4s ease; } .search-input:focus { width: 350px; } .search-button { padding: 10px 20px; border: none; background-color: #16a7b7; color: white; cursor: pointer; outline: none; } .search-button:hover { background-color: #16a7b7; } .icon-control { margin-top: 5px; float: right; font-size: 80%; } .btn-light { background-color: #fff; border-color: #e4e4e4; } .list-menu { list-style: none; margin: 0; padding-left: 0; } .list-menu a { color: #343a40; } .card-product-grid .info-wrap { overflow: hidden; padding: 18px 20px; } [class*='card-product'] a.title { color: #212529; display: block; } .card-product-grid:hover .btn-overlay { opacity: 1; } .card-product-grid .btn-overlay { -webkit-transition: .5s; transition: .5s; opacity: 0; left: 0; bottom: 0; color: #fff; width: 100%; padding: 5px 0; text-align: center; position: absolute; background: rgba(0, 0, 0, 0.5); } .img-wrap { overflow: hidden; position: relative; } .packagef{ height: 19rem; overflow-y: scroll; } .container11 { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default radio button */ .container11 input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 50%; } /* On mouse-over, add a grey background color */ .container11:hover input ~ .checkmark { background-color: #ccc; } /* When the radio button is checked, add a blue background */ .container input:checked ~ .checkmark { background-color: #16a7b7; } /* Create the indicator (the dot/circle - hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ .container11 input:checked ~ .checkmark:after { display: block; } /* Style the indicator (dot/circle) */ .container11 .checkmark:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white; } .con{ font-size: 18px; font-weight: 600; } .page-item:not(:first-child) .page-link { margin-left: 5px; } .page-link { padding: 9px 17px; } .page-link { position: relative; display: block; color: #FF5722; text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; border-radius: 50%; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #16a7b7; border-color: #16a7b7; } .no-data-container { text-align: center; color: #6c757d; } .no-data-container i { font-size: 50px; margin-bottom: 20px; } .no-data-container p { font-size: 18px; margin: -17px; } /* Extracted from */ /*tab-slider*/ .tab-slider .wrapper { max-width: 100%; margin: 50px auto; padding: 20px 0; width: 100%; box-shadow: 0px 0px 6px #b3b3b3;} b, strong{ font-weight: 500;} /*tab-slider*/ /*accordion*/ .accordion-2 .accordion { width: 100%; max-width: 1000px; margin: 2rem auto;} .accordion-2 .accordion-item { background-color: #f1f3f4; color: #111; margin: 1rem 0;} .accordion-2 .accordion-item-header { padding: 30px 20px 30px 23px; min-height: 3.5rem; line-height: 1.25rem; font-weight:700;font-size: 18px; display: flex; align-items: center; position: relative; cursor: pointer;} .accordion-2 .accordion-item-header::after { content: "\002B"; font-size: 2rem; position: absolute; right: 2rem;} .accordion-2 .accordion-item-header.active::after { content: "\2212";} .accordion-2 .accordion-item-body { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;} .accordion-2 .accordion-item-body-content { padding: 1rem; line-height: 1.5rem; border-top: 1px solid; border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;} .tab-slider .tab-content #home h2{ font-size: 28px;} h2{font-size: 22px;} .sticky-progress-bar .process-title.active, .sticky-progress-bar .process-title.activess{ border-bottom: 2px solid #f00;} #services-link{margin-top: 56px;} header{ max-width: 100%; margin: 0px;margin-top: 24px; padding: 20px 0; width: 100%;z-index: 99999999999999999999999; position: relative;background: #fff; border-bottom: 1px solid #f1f3f4; } .heade-two{position: sticky; top: 0px;} header .navbar-nav{ float: inherit;} header .navbar-nav>li>a{ padding-top: 0; padding-bottom: 0 ; font-size: 20px;} /*add-to-card*/ .search-list-height .accordion { width: 90%; max-width: 1000px; margin: 12px auto;} .search-list-height .accordion-item { background-color:#e95c26 !important; color: #fff; } .search-list-height .titleblock .accordion-item-header{ font-size: 17px;} .search-list-height .accordion-item-body { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;} .search-list-height .accordion-item-body-content { padding: 1rem; line-height: 1.5rem; border-image: linear-gradient(to right, transparent, #34495e, transparent) 1; text-align: left; line-height: 24px;} .search-list-height .accordion-item-body-content:hover{ text-decoration: none;} /*add-to-card*/ /*accordion*/ .fasting{width: 49%;display: inline-block;margin-top: 16px;justify-content: flex-start;-moz-column-gap: 2rem;column-gap: 2rem;padding: 14px 24px;border-radius: 10px;background: #f5f5f5;height: 115px; flex-basis: 350px; flex-grow: 0; flex-shrink: 0; } .fasting-img{ width: 57px; display: inline-block; vertical-align: text-bottom;} .fasting-text{ width: 240px; display: inline-block;} p{ font-size: 20px; font-family: system-ui;} .accordion-2 .accordion-item .accordion-item-body-content ul li{ line-height: 42px; font-size: 18px;} .accordion-2 .accordion-item .accordion-item-body-content ul{ font-size: 17px; line-height: 27px;} .health-pacage-site{ position: relative;} .health-pacage-site-one{ position: absolute;top: 13%; left: 31%; text-align: center; } .health-pacage-site-one h3{ color: #fff; font-size: 26px; font-weight: 700;} .health-pacage-site-one .book-test-now{ color: #fff; background-color: #e96d41; padding: 18px 22px; display: inline-block; border-radius: 6px; font-size: 17px; font-weight: 700; text-transform: uppercase; margin-top: 22px;} .health-pacage-site img{ width: 100%;} .health-pacage-site-one img{ width: 14%;} /*table*/ .table-2 .table{ width: 65%; max-width: 100%;background: #f3f3f3; margin-bottom: 20px; border: 1px solid #ddd;} .table-2 .table thead{background: #00bbd5;} .table-2 .table thead tr th{ color: #fff; font-size: 16px;} .table-2 .table tbody tr td{ font-size: 14px; font-weight: 600;} .advance-plus-full-body p{ font-size: 14px; font-family: sans-serif; font-weight: 500;} .advance-plus-full-body{ margin-top: 44px;} .advance-plus-full-body ul{ padding: 17px 19px; line-height: 32px; font-size: 17px; font-weight: 500;} #stickytypeheader{ position: sticky; top: 47px;} .header{ height: 145px !important;} #stickytypeheader .pkgCardBox{ border: 1px solid #00cce1; border-radius: 12px; padding: 20px; position: sticky; top: 157px;} #stickytypeheader .pkgCardBox h2{font-size: 19px; line-height: 18px; color: #2D2D2D; font-weight: 600; padding-bottom: 4px; margin-bottom: -7px; font-family: "Calibri","Roboto",sans-serif; margin-top: 3px; height: 27px;} #stickytypeheader .pkgCardBox .priceSec{margin-bottom:36px;margin-top: 19px; display: block; justify-content: space-between; align-items: center;} #stickytypeheader .search-list-height{margin-top: 5px; margin-left: 73Px; background: #e95c26; display: inline-block; width: 60%; border-radius: 10px;} #stickytypeheader .pkgCardBox .cardGraySec{ display: inline-block; margin-top: -35px; margin-bottom: -52px;} #stickytypeheader .pkgCardBox .priceSec span.offer{padding: 16px 26px; font-size: 16px; line-height: 0px; font-weight: 600; color: #3c3c3c; background-image: linear-gradient(106deg,#f25417 7%,#0a8f88 96%); right:-364px; position: relative; top: -13px; border-radius: 20px 0px 0px 20px; color: #fff;} #stickytypeheader .priceSec .price{ font-size: 22px; color: #f5ad39;} #stickytypeheader .priceSec .priceOld{font-size: 22px; margin-left: 22px;} #stickytypeheader .pkgCardBox .priceSec span.offer:after{position: absolute; content: ""; right: -10px; top: -9px; border-left: 10px solid #fc8019; border-right: 10px solid transparent; border-top: 10px solid transparent;} #home { color: #000;} .search-list-height .titleblock .accordion-item-header{font-size: 16px;} #heads{position: sticky; top: 138px; margin:0; padding:0} #desktop-nav ul { list-style: none; margin: 0; padding: 0; font-weight: 900; } .advance-plus-full-body h3{margin-top: 54px; font-size:20px;} .fasting-text h4{ font-size: 15px;color: #505456;} .advance-plus-full-body {color: #242424;} #desktop-nav ul li { display: inline-block; width: auto; padding:20px 0; text-align: center;margin-right: 23px;position:relative } #desktop-nav ul li a { color: #494949; text-decoration: none; text-transform: uppercase; } #desktop-nav ul li a:hover { color: red; } #desktop-nav ul li.active a { color: red; } #home { width: 100%; min-height: 28rem; background-color: #fff; } #about { width: 100%; /*min-height: 20rem;*/ background-color: #fff; } .advance-plus-full-body p{ color: #242424 !important;} #portfolio { width: 100%; min-height:100rem; background-color: #fff; /*min-height: 1500px;*/ min-height: auto; } #contact { width: 100%; /*height: 100%;*/ background-color: #fff; } #desktop-nav ul li.active::after{ border-bottom:3px solid #e95c26; position:absolute; content:""; width:100%; height:3px; left: 0; right: 0; bottom: 0;} @media (max-width: 1199px){ .pkgCardBox .priceSec span.offer{ right: -315px; padding: 11px 22px;top: -20px;} #stickytypeheader .titleblock .price a{ padding: 7px 98px !important;} .fasting-text{ width: 238px;} .accordion-2 .accordion{margin: 11px auto;} } @media (max-width: 991px){ #stickytypeheader .pkgCardBox{ margin: auto; width: 430px;} .health-pacage-site-one{ top: 6%; left: 24%;} .health-pacage-site-one h3{ font-size: 20px;} .health-pacage-site-one .book-test-now{ padding: 11px 13px; font-size: 14px; margin-top: 8px;} .health-pacage-site-one h3{ margin-top: 11px;} .health-pacage-site{margin-top: 20px;} .table-2 .table{width: 100%;} b, strong{font-weight: 400;} .process-section .container{width: 100% !important; } .tab-slider .tab-content #home h2{ font-size: 25px;} h2{ font-size: 25px;} .accordion-2 .accordion-item-header{font-size: 17px; padding: 24px 20px 24px 23px;} } @media (max-width: 767px){ .h2, h2{ font-size: 19px;} .health-pacage-site-one img{ width: 11%;} .health-pacage-site-one h3{ font-size: 16px;} .health-pacage-site-one .book-test-now{ padding: 7px 9px; font-size: 13px; margin-top: 8px;} .accordion-2 .accordion-item-header{ padding: 23px 20px 23px 23px; font-size: 17px;} p{ font-size: 18px;} .container{width: 98% !important; } .h3, h3{font-size: 20px;} } @media (max-width: 575px){ .h2, h2{ font-size: 23px;} .fasting{ width: 100%;} .health-pacage-site-one{ top: 4%; left: 19%;} .health-pacage-site-one .book-test-now{ margin-top: 2px;} .health-pacage-site-one h3{ margin-top: 0px; margin-bottom: 0;} .c-sticky-process .sticky-progress-bar button{font-size: 18px;} .tab-slider .tab-content #home h2{font-size: 23px;} .pkgCardBox{height: 277px;} .h3, h3{line-height: 31px; margin-top: 0;} #services-link{margin-top: 26px;} .accordion-2 .accordion-item-header{font-size: 15px;} } @media (max-width: 480px){ .pkgCardBox{width: 329px;} .pkgCardBox .priceSec span.offer{right: -214px;} .tab-slider .tab-content #home h2{font-size: 18px;} .h2, h2{font-size: 20px;} .accordion-2 .accordion-item-header{line-height: 22px;} .h3, h3{line-height: 26px;} .container {width: 100% !important;} .table-2 .table thead tr th{ font-size: 14px;} .h3, h3{font-size: 18px;} .advance-plus-full-body ul{ padding: 5px 19px;} .accordion-2 .accordion-item-header{padding: 15px 20px 15px 23px;} .health-pacage-site-one{left: 16%;} .health-pacage-site-one img{width: 8%;} .health-pacage-site-one h3{font-size: 13px;} .health-pacage-site-one .book-test-now{padding: 3px 5px; font-size: 11px;} .titleblock .price a{padding: 7px 54px !important;} .search-list-height{margin-top: 20px;} .pkgCardBox{height: 264px;} .pkgCardBox h2 a{ font-size: 15px;} } header{margin-top: 0px !important; padding: 0px 0 !important ;} .pkgCardBox { /* cursor: pointer; */ margin-bottom: 5px; border: 1px solid transparent; height: 160px; position: relative; padding: 9px 18px; box-sizing: border-box; box-shadow: 0px 3px 20px rgba(0, 3, 25, 0.11); -webkit-box-shadow: 0px 3px 20px rgba(0, 3, 25, 0.11); -moz-box-shadow: 0px 3px 20px rgba(0, 3, 25, 0.11); border-radius: 10px; } /* Extracted from */ .tabbable-panel { border: 1px solid #eee; padding: 10px; } /* Default mode */ .tabbable-line>.nav-tabs { border: none; margin: 0px; } .papular-health { display: flex !important; margin-top: 32px; align-items: center; overflow-x: hidden; overflow-y: hidden; padding: 16px; white-space: nowrap; } #add-btn { background-color: #fff; padding: 5px 24px; color: #161616; position: absolute; right: 31px; box-shadow: 0px 0px 7px #828282; margin-top: -7px; } .papular-health-2 .item h4 { font-size: 13px; margin-right: 1px; } .shadow { flex-wrap: wrap; } .papular-health-2 { margin-top: 10px; text-align: center; border-radius: 22px; } .shadow #add-btn { display: none; } .tabbable-line>.nav-tabs>li { margin-right: 2px; } .tabbable-line>.nav-tabs>li>a { border: 0; margin-right: 0; color: #737373; } .tabbable-line>.nav-tabs>li>a>i { color: #a6a6a6; } .banner-left-text .form-group { margin-bottom: 0; } .owl-stage h4 { text-align: center; } .pathlogy-test { text-align: center; padding: 31px; } .pathlogy-test .item img { box-shadow: -2px 2px 3px #ffe7bb; } .pkgCardBox { -webkit-box-shadow: 0px 3px 20px rgb(171 171 171 / 48%); background-color: #fff; } .why-choose-us { display: inline-block; background-color: #fff; padding: 15px; margin-bottom: 20px; box-shadow: 0px 0px 6px #d1d1d1; border-radius: 12px; height: 131px; } .why-choose-us:hover { box-shadow: 0px 0px 8px #a5a5a5; } .head { display: inline-block; font-weight: 600; color: #2a2c2b; } .text { display: inline-block; color: #8f9295; } #load-more .btn { background-color: #fc8019; border: navajowhite; color: #fff; font-weight: 700; } .col-md-6 { display: inline-block; width: 49%; } .test_count_block1 { border-radius: 17px; padding: 5px 11px; font-size: 11px; } .test_count_block1 a { padding: 5px !important; margin-left: 0px !important; } .test_count_block1 a { background-color: #767676; color: #fff; border-radius: 1px 10px 1px 10px !important; } .test_count_block1 a:hover { background-color: #fff; color: #000; } .tabbable-line>.nav-tabs>li.open, .tabbable-line>.nav-tabs>li:hover { border-bottom: 4px solid #fbcdcf; } .tabbable-line>.nav-tabs>li.open>a, .tabbable-line>.nav-tabs>li:hover>a { border: 0; background: none !important; color: #333333; } .tabbable-line>.nav-tabs>li.open>a>i, .tabbable-line>.nav-tabs>li:hover>a>i { color: #a6a6a6; } .tabbable-line>.nav-tabs>li.open .dropdown-menu, .tabbable-line>.nav-tabs>li:hover .dropdown-menu { margin-top: 0px; } .tabbable-line>.nav-tabs>li.active { border-bottom: 4px solid #f3565d; position: relative; } .tabbable-line>.nav-tabs>li.active>a { border: 0; color: #333333; } .tabbable-line>.nav-tabs>li.active>a>i { color: #404040; } .tabbable-line>.tab-content { margin-top: -3px; background-color: #fff; border: 0; border-top: 1px solid #eee; padding: 15px 0; } .portlet .tabbable-line>.tab-content { padding-bottom: 0; } /* Below tabs mode */ .tabbable-line.tabs-below>.nav-tabs>li { border-top: 4px solid transparent; } .tabbable-line.tabs-below>.nav-tabs>li>a { margin-top: 0; } .tabbable-line.tabs-below>.nav-tabs>li:hover { border-bottom: 0; border-top: 4px solid #fbcdcf; } .tabbable-line.tabs-below>.nav-tabs>li.active { margin-bottom: -2px; border-bottom: 0; border-top: 4px solid #f3565d; } .tabbable-line.tabs-below>.tab-content { margin-top: -10px; border-top: 0; border-bottom: 1px solid #eee; padding-bottom: 15px; } .page-wrapper { width: 100%; box-sizing: border-box; display: block; margin: 0px; padding: 0px; font-family: Lato; color: #151b39; font-size: 13px } :focus { outline: none } a { text-decoration: none } .clearfix { height: 0px; clear: both; display: flex } .ellipsis { text-overflow: ellipsis } h2 { font-family: LatoBold; font-size: 20px; letter-spacing: 0.25px; display: block; padding: 4px 0px } .page-header { background: #32aeb1; position: relative } .pathlogy-test .owl-stage .owl-item.cloned:last-child { margin-right: 0 !important; } .page-header .panel-wrapper { min-width: 1030px; max-width: 1280px; margin: 0px auto; box-sizing: border-box; padding: 0px 12px; margin-bottom: 21px; } .page-header .panel-wrapper .panel-header { display: flex; height: 90px; line-height: 90px } .page-header .panel-wrapper .panel-header .logo { max-width: 168px; margin: 0 32px 0 0 } .page-header .panel-wrapper .panel-header .logo img { width: 168px; height: 60px } .page-header .panel-wrapper .panel-header .search-bar { max-width: calc(100% - 586px); -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex } .page-header .panel-wrapper .panel-header .search-bar .block-search { height: 48px; position: relative; background: #ffffff; border-radius: 6px; line-height: normal } .page-header .panel-wrapper .panel-header .search-bar .block-search .pinCode { position: relative; width: 160px; height: auto; margin: 13px 0; display: inline-block; padding: 0px 0 0px 16px; font-family: LatoSemiBold; font-size: 13px; font-stretch: normal; font-style: normal; line-height: 22px; letter-spacing: normal; color: rgba(11, 18, 25, 0.5); float: left; border-right: 1px solid rgba(11, 18, 25, 0.2); } .page-header .panel-wrapper .panel-header .search-bar .block-search .pinCode .get-location { position: absolute; top: 14px; left: 13px; width: 22px; height: 22px; text-indent: 0; font-size: 0px; border: 0px; background: transparent; -webkit-appearance: none } .page-header .panel-wrapper .panel-header .search-bar .block-search .pinCode .pinNum { font-family: LatoBold; font-size: 14px; font-stretch: normal; letter-spacing: normal; color: #24aeb1; border: 0px; width: 74px; cursor: pointer; } .page-header .panel-wrapper .panel-header .search-bar .block-search .pinCode span { display: inline-block line-height: 22px; } .page-header .panel-wrapper .panel-header .search-bar .block-search .pinCode .editIcon { width: 12px; height: 12px; margin-left: 0px; box-shadow: none; border: 0px; background-size: 12px; position: absolute; bottom: 10px; right: 18px; z-index: 999 } .page-header .panel-wrapper .panel-header .search-bar .block-search .auto-search { min-width: 50%; width: calc(100% - 160px); height: 48px; float: left; position: relative; display: block } .page-header .panel-wrapper .panel-header .search-bar .block-search .auto-search .search-section { display: inline-block; margin: 0; float: left; width: 100% } .page-header .panel-wrapper .panel-header .search-bar .block-search .auto-search .search-section .input-text { margin: 0px; padding: 0px 64px 0px 12px; height: 48px; border: 0px; width: 100%; background: transparent; font-size: 14px } .page-header .panel-wrapper .panel-header .search-bar .block-search .auto-search .iconSearch { width: 56px; float: right; height: 48px; display: inline-block; position: absolute; top: 0px; right: 0px; -webkit-appearance: none; box-shadow: none; border: 0px; } .page-header .panel-wrapper .panel-header .uPres { margin: 0 24px; max-width: 212px; padding: 0px } .page-header .panel-wrapper .panel-header .uPres a { font-family: LatoSemiBold; font-size: 14px; font-stretch: normal; font-style: normal; letter-spacing: 1px; text-align: center; color: #ffffff; background-size: 24px; padding-left: 32px; height: 90px; display: inline-block; } .page-header .panel-wrapper .panel-header .mini-cart { max-width: 70px; margin: 0 24px 0px 0px; position: relative } .page-header .panel-wrapper .panel-header .mini-cart .text { background-size: 24px; color: #ffffff; height: 90px; padding: 0px; width: 70px; float: right; font-family: 'LatoSemibold'; padding-left: 34px; letter-spacing: 1px; } .page-header .panel-wrapper .panel-header .mini-cart .text .counter-number { -moz-border-radius: 6.5px; -webkit-border-radius: 6.5px; background: #ee4380 !important; border-radius: 6.5px; color: #ffffff !important; display: block; font-family: LatoBold; font-size: 10px; height: 13px; line-height: 14px; padding: 0px; position: absolute; left: 10px; text-align: center; text-indent: 0px; top: 32px; width: 17px; letter-spacing: 0px; } .page-header .panel-wrapper .panel-header .login { margin: 0px; max-width: 160px; } .page-header .panel-wrapper .panel-header .login a { font-family: Lato; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; color: #ffffff; background-size: 24px; padding-left: 32px; height: 90px; display: inline-block; } .main-navigation { background: #32aeb1; position: relative; padding-bottom: 16px; } .main-navigation .explorer-menu { height: auto; max-width: 1030px; min-width: 1030px; margin: 0px auto; box-sizing: border-box; padding: 0px 12px; } .main-navigation .explorer-menu ul { margin: 0px auto; padding: 0px; list-style: none; height: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .main-navigation .explorer-menu ul li { display: inline-block; width: auto; padding: 0; height: 46px; position: relative; } .main-navigation .explorer-menu ul li:last-child { padding-right: 0px; } .main-navigation .explorer-menu ul li a { height: 46px; font-family: LatoSemiBold; font-size: 14px; font-stretch: normal; font-style: normal; line-height: 46px; letter-spacing: normal; color: rgba(255, 255, 255, .8); display: inline-block; padding: 0; } .main-navigation .explorer-menu ul li a small { height: 12px; font-family: Lato; font-size: 10px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: rgba(255, 255, 255, 0.8); display: -webkit-box; } .main-navigation .explorer-menu ul li a.m-pro { background-size: 40px; padding-left: 48px; } .main-navigation .explorer-menu ul li a.h-pro { background-size: 40px; padding-left: 48px; } .main-navigation .explorer-menu ul li a.b-app { background-size: 40px; padding-left: 48px; } .main-navigation .explorer-menu ul li a.b-check { background-size: 40px; padding-left: 48px; } .main-navigation .explorer-menu ul li.o-menu { background-size: 40px; padding-left: 48px } .main-navigation .explorer-menu ul li.o-menu ul { display: none; position: absolute; background: rgb(247, 247, 247); min-width: 160px; box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.2); z-index: 2; top: 40px; padding: 0px; height: auto } .main-navigation .explorer-menu ul li.o-menu a { padding: 0px; } .main-navigation .explorer-menu ul li.o-menu ul li { margin: 0px; padding: 0px; height: auto; width: 100% } .main-navigation .explorer-menu ul li.o-menu ul li a { color: #151b39; text-decoration: none; font-family: Lato; font-size: 13px; height: 38px; line-height: 40px; display: block; width: 100%; padding: 0px 12px } .nav-sections { webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-basis: auto; flex-basis: auto; margin-bottom: 16px; margin-top: 0px; border-top: #02b7c2 solid 0px } .nav-sections .navigation { background: none; box-sizing: border-box; display: block; margin-left: auto; margin-right: auto; max-width: 1030px; padding: 0px 10px } .nav-sections .navigation .ui-menu { list-style: none; margin: 0px; padding: 0px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .nav-sections .navigation .ui-menu li { box-sizing: border-box; color: #151b39; display: inline-block; font-family: Lato; font-size: 13px; font-weight: normal; position: relative; text-decoration: none; text-transform: uppercase } .nav-sections .navigation .ui-menu li .level-top { box-sizing: border-box; color: #151b39; line-height: 42px; padding: 0px; position: relative; text-decoration: none; text-transform: capitalize } .nav-sections .navigation .ui-menu li:last-child .level-top { padding-right: 0px } .home-content { min-width: 1030px; max-width: 1680px; margin: 0px auto; padding: 0px 16px } .home-banner { clear: both; width: 100%; max-height: 320px; margin: 0px auto 32px; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center } .home-banner .banner_img { height: 320px; object-fit: cover } .home-banner .home-slides { height: 320px } .home-banner .home-slides .banner_img { margin: 0 auto; display: list-item; max-width: 100%; height: 320px; object-fit: cover } .home-banner .swiper-home-btn-next { width: 26px; height: 26px; background-size: 26px !important; right: 10px !important } .home-banner .swiper-home-btn-prev { width: 26px; height: 26px; background-size: 26px !important; left: 10px !important } .home-banner .customise-pagination { position: absolute; bottom: 0px } .home-payment-offer { clear: both; width: 100%; max-height: 144px; margin: 8px 0px; overflow: hidden; position: relative; padding: 0px 18px 24px 18px } .home-payment-offer h2 { font-family: LatoBold; font-size: 24px; line-height: 32px; margin: 0 0 24px; color: #0b1219; padding: 0; } .home-payment-offer .swiper-payment-next { width: 42px; height: 42px; top: 60%; background-size: 42px !important; right: 0px !important } .home-payment-offer .swiper-payment-prev { width: 42px; height: 42px; top: 60%; background-size: 42px !important; left: 0px !important } .home-payment-offer .home-payment-slides .swiper-slide { height: 74px; padding: 0px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: #ffffff; border-radius: 8px } .home-payment-offer .home-payment-slides .swiper-slide .slide-section { height: 74px; padding: 12px 16px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .home-payment-offer .home-payment-slides .swiper-slide .slide-section a { display: contents } .home-payment-offer .home-payment-slides .swiper-slide .slide-section a img { height: 36px; width: 52px; margin-right: 14px; float: left; padding-right: 14px; border-right: 1px solid rgba(21, 27, 57, 0.1) } .home-payment-offer .home-payment-slides .swiper-slide .slide-section a .description-slide { float: right !important; width: 81%; line-height: normal; overflow: hidden; } .home-payment-offer .home-payment-slides .swiper-slide .slide-section a .description-slide h2 { margin: 0px 0px 8px; font-size: 12px; font-family: LatoBold; color: #151b39; width: 100%; overflow: hidden; white-space: nowrap; padding: 0px; letter-spacing: 0 } .home-payment-offer .home-payment-slides .swiper-slide .slide-section a .description-slide p { font-family: Lato; font-size: 11px; color: #6F7284; margin: 0px; word-wrap: break-word; word-break: break-all } .home-diagnostic { margin: 8px 18px; padding: 16px 24px; border-radius: 8px; background: #ffffff; position: relative; overflow: visible } .home-diagnostic h2 { font-family: LatoBold; font-size: 12px; margin: 0px; color: #6F7284; letter-spacing: 1px; padding: 0px 0px 16px } .home-diagnostic h2 span { font-family: Lato; color: #151b39; font-size: 20px; letter-spacing: 0.25px; display: block; padding: 4px 0 } .home-diagnostic h2 small { font-size: 12px; font-family: Lato; letter-spacing: 0; display: block } .home-diagnostic .home-diagnostic-slides .four-col { width: 25% } .home-diagnostic .home-diagnostic-slides .swiper-slide { padding: 0px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; -webkit-justify-content: left; justify-content: left; -webkit-box-align: left; -ms-flex-align: left; -webkit-align-items: left; align-items: left; border-radius: 0px } .home-diagnostic .home-diagnostic-slides .swiper-slide .diag-section { min-height: 1px; position: relative; width: 100% } .home-diagnostic .home-diagnostic-slides .swiper-slide .diag-section .diag-img img { border-radius: 8px; height: 216px; object-fit: contain; width: 100% } .swiper-wrapper { position: relative; width: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* Extracted from */ .cms-radiology .main-section { width: 100% !important; margin: 0px !important; max-width: 100%; padding: 0px !important; } .cms-radiology footer { margin-top: 0px !important; } .thank-you { margin-top: 20px; } .reg_success { display: none; color: #378f30; line-height: 13px; font-size: 15px; } .form_error { font-size: 12px; color: #e02b27; } input.form_error { font-size: 17px; color: #151b39; } .breadcrumbs { display: none; } .cms-radiology .details-content-wrapper {} .diag-container { max-width: 1680px; padding: 0 35px; margin: 0 auto; width: 100%; font-family: "Lato", sans-serif; margin-top: -37px; } /*edited for swiper */ .flexi-review-section { width: 100%; /* max-width: 25%; */ display: flex; margin: 15px; } .reg_success { display: none; } .diag-form-wrap .dropdown.bootstrap-select { width: 100% !important; } .diag-form-wrap .dropdown-menu.inner.show li { border-bottom: 1px solid #ccc; margin: 5px 13px; } .diag-form-wrap .dropdown-menu.inner.show li:last-child { border-bottom: none; } /*.dropdown.bootstrap-select.package-{ width: 100% !important; }*/ .swiper-slide { flex-shrink: 0; width: 25% !important; margin: 15px; display: grid; height: auto !important; } .review-card.flexi-review-section { max-width: 100% !important; } .top-sell .swiper-slide { margin: 0 !important; } .top-sell { background-color: #fff; } .tests-type .swiper-slide { padding: 9px 0; position: relative; /*padding-left: 40px;*/ flex: 0 1 calc(20% - 0px); /* justify-content: left;*/ /* padding-left: 40px;*/ margin: 0 !important; padding-right: 30px; } /*diag-header-wrapper starts here */ .package-head-wrap { display: flex; padding-top: 40px; } .package-form-section { width: 30%; } .package-details-section { width: 75%; } .diag-header-wrapper { background-color: #9dedff; width: 100%; /*padding-bottom: 55px; */ background-color: #9dedff; background-repeat: no-repeat; background-size: cover; } .pad-top { padding-top: 30px; } .details-content-wrapper { padding-left: 100px; background-repeat: no-repeat; background-size: contain; padding-left: 55%; background-position: bottom left; } .netmeds-package { display: flex; color: #151b39; justify-content: space-between; margin-bottom: 40px; } .netmeds-package .package-name { font-size: 42px; line-height: 50px; font-weight: 400; } .heading-offer { display: flex; } .netmeds-package .package-name span { color: #f16122; font-size: 50px; line-height: 22px; font-weight: 900; } .netmeds-package p { font-size: 22px; color: #292929; } .netmeds-package p span { font-size: 22px; color: #fff; background-color: #12b7c1; padding: 2px 5px; border-radius: 5px; } .vertical-stripes { border: none; background: repeating-linear-gradient(120deg, #ffffff, #f16122 5px, #f16122 5px, #151b39 5px); height: 51px; width: 51px; border-radius: 30px; position: relative; align-self: center; } .vertical-stripes .discount-type { position: absolute; height: auto; background-color: #f16122; color: #fff; transform: rotate(-90deg); transform-origin: left; font-size: 15px; text-align: center; left: 26px; top: 35px; padding: 0px 3px; width: 46px; } .discount-type-offer { color: #f16122; font-size: 45px; line-height: 56px; font-weight: 600; } .discount-type-offer .off { font-size: 30px; } .discount-type-offer .intro { color: #151b39; font-size: 19px; text-transform: uppercase; display: block; line-height: 25px; font-weight: 100; } .main-discount-wrapper { display: flex; } .only-price { color: #12b7c1; font-size: 29px; font-weight: 700; } .only-price span { font-size: 67px; font-weight: 700; } .only-price strike { color: #292929; font-size: 35px; font-weight: 400; } .arrow_box { position: relative; padding: 10px 0; border: 1px solid #12b7c1; margin-bottom: 20px; padding-left: 20px; } .arrow_box img { width: 53px; } .arrow_box:after, .arrow_box:before { top: 99%; left: 14%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(136, 183, 213, 0); border-top-color: #e0f8ff; border-width: 12px; margin-left: -35px; } .arrow_box:before { border-color: rgba(194, 225, 245, 0); border-top-color: #12b7c1; border-width: 14px; margin-left: -37px; } .details-content-wrapper .span-head-wrap .span-head { color: #f5243d; padding-top: 5px; font-size: 20px; font-weight: 700; } .details-content-wrapper .span-head-wrap { padding: 10px 0; } .arrow_box p { color: #151b39; font-size: 15px; } .arrow_box .book-wsp { color: #151b39; font-size: 18px; } .arrow_box .wsp-num { color: #151b39; font-size: 30px; line-height: 28px; } .arrow_flex { display: inline-flex; padding: 15px 10px; margin-right: 65px; margin-bottom: 20px; margin-top: 43px; } .arrow_flex>div { align-self: center; } .lab-details-wrapper { display: flex; padding: 10px 0; } .lab-details-section { position: relative; padding-right: 20px; border-right: 1px solid #bfbcbc; font-size: 16px; color: #151b39; padding-left: 38px; line-height: 20px; } .lab-details-section:last-child { border-right: none; padding-right: 0; } .lab-details-section:before { content: ""; background: url(https://mediwheel.in/assets/img/icons-radiology-sprite.png); width: 34px; height: 40px; position: absolute; margin-left: -33px; top: -10px; } .lab-details-section.lds-1:before { background-position: -257px -3px; } .lab-details-section.lds-2:before { background-position: -290px -0px; } .lab-details-section.lds-3:before { background-position: -325px -0px; } .diag-form-wrap { background-color: #fff; padding: 10px 21px; margin: 0 10px; border-radius: 6px; } .form-input-group label { font-size: 16px; line-height: 16px; color: #02b7c2; display: block; font-weight: 700; } .form-input-group input { border: none; border-bottom: 2px solid rgba(21, 27, 57, 0.04); width: 100%; font-size: 17px; color: #151b39; outline: none; line-height: 23px; } .form-input-group select { border: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background-size: 30px 60px; border-bottom: 1px solid #d1d1d1; height: 32px; padding-right: 25px; text-indent: 0.01em; width: 100%; } .diag-form-wrap h2 { color: #151b39; font-size: 25px; line-height: 22px; letter-spacing: 0.25px; text-align: center; margin-bottom: 20px; margin-top: 10px; font-weight: 400; } .diag-form-wrap p { color: #151b39; font-size: 15px; line-height: 24px; margin-bottom: 20px; font-weight: 400; } .form-input-group { margin-bottom: 25px; } .diagnosis_placeholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #02b7c2; font-size: 15px; font-weight: 700; } .diagnosis_placeholder::-moz-placeholder { /* Firefox 19+ */ color: #02b7c2; font-size: 15px; font-weight: 700; } .diagnosis_placeholder:-ms-input-placeholder { /* IE 10+ */ color: #02b7c2; font-size: 15px; font-weight: 700; } .diagnosis_placeholder:-moz-placeholder { /* Firefox 18- */ color: #02b7c2; font-size: 15px; font-weight: 700; } .button-wrapper { border-radius: 4px; margin-top: 20px; } .button-wrapper input { color: #fff; background-color: #24aeb1; width: 100%; border: none; border-radius: 4px; padding: 14px 0; font-weight: 400; } .radiology-tests-wrap { position: relative; display: flex; } .radiology-tests:before { content: ""; width: 35px; height: 36px; background: url("https://mediwheel.in/assets/img/icons-radiology-sprite.png") no-repeat; position: absolute; left: 0px; top: -7px; } .rt-0:before { background-position: -50px -6px; } .rt-1:before { background-position: -91px -6px; } .rt-2:before { background-position: -128px -6px; } .rt-3:before { background-position: -172px -6px; } .rt-4:before { background-position: -172px -6px; } .rt-0:before { background-position: -0px 0px !important; } .rt-1:before { background-position: -41px 0px !important; ; } .rt-2:before { background-position: -84px 0px !important; ; } .rt-3:before { background-position: -130px 0px !important; ; } .rt-4:before { background-position: -172px 0px !important; ; } .radiology-tests { padding-left: 36px; font-size: 20px; color: #151b39; } .radiology-tests:after { content: ""; position: absolute; background-image: -webkit-linear-gradient(left, transparent 0, #8c8c8c 23%, #8c8c8c 73%, transparent 100%); background-image: linear-gradient(left, transparent 0%, #8c8c8c 15%, #8c8c8c 85%, transparent 100%); height: 1px; width: 85px; transform: rotateZ(90deg); display: flex; align-self: center; left: 100px; top: 35px; } .m-right-margin div:first-child:after { content: none; } .test-start { color: #12b7c1; font-size: 17px; } .test-price s { color: #606060; font-size: 20px; } .test-price span { color: #f16122; font-size: 23px; font-weight: 900; } .r-tests { display: flex; flex-direction: row; justify-content: space-between; } /*get most from starts here */ .content-wrapper { background-color: #f6f6f7; } .get-most-wrapper { background-color: #fff; padding: 15px 25px; } .get-most-wrapper span { font-size: 18px; color: #f6f6f7; font-weight: 700; color: rgba(21, 27, 57, 0.6); line-height: 42px; text-transform: uppercase; } .get-most-wrapper h2 { font-size: 28px; font-weight: bold; color: #151b39; } .get-most-wrapper p { font-size: 13px; color: rgba(21, 27, 57, 0.6); margin-bottom: 4px; text-align: center; } .test-icons { width: 98px; height: 98px; background-color: #edf8f9; border-radius: 52px; } .test-wrapper { display: flex; flex-flow: row wrap; /*padding-left: 50px;*/ } .test-name:before { content: ""; /* background-color: wheat;*/ width: 41px; height: 41px; position: absolute; margin-right: 29px; left: 1px; /*background: url(https://mediwheel.in/assets/img/icons-radiology-sprite.png) no-repeat;*/ top: 23px; background-repeat: no-repeat; } .test-name.test-1:before { background-position: -172px -6px; } .test-name.test-2:before { background-position: -125px -2px; } .test-name.test-3:before { background-position: -172px -6px; } .test-name.test-4:before { background-position: -46px -57px; } .test-name.test-5:before { background-position: -92px -57px; } .test-name.test-6:before { background-position: -139px -43px; width: 28px; height: 58px; } .test-name.test-7:before { background-position: -159px -59px; } .test-name.test-8:before { background-position: -91px 1px; } .test-name.test-9:before { background-position: -248px -58px; } .test-name.test-10:before { background-position: -292px -58px; } .test-name { color: #fff; font-size: 20px; font-weight: 400; align-self: center; padding-left: 20px; line-height: 38px; font-weight: bold; } /*flex box concept*/ .pad-top { width: 70%; padding-right: 20px; padding-top: 30px; padding-left: 70px; } /*flex box concept ends*/ .change-bg { background-color: #f6f6f7; margin-top: 30px; } .flexi-review-box { display: flex; justify-content: center; } .flexi-review-section { width: 100%; max-width: 25%; display: flex; margin: 15px; } .name-card-wrapper { display: flex; border-radius: 5px; justify-content: space-between; border-bottom: 1px dashed #12b7c1; } .fa.fa-star { color: #e7e8eb; } .star-group { align-self: center; } .checked { color: #12b7c1 !important; } .comment-name-wrap { border: 1px solid #9ce1e6; padding: 10px 20px; background-color: #fff; border-radius: 6px; -webkit-box-shadow: -1px 2px 12px 0px rgba(218, 213, 213, 0.75); -moz-box-shadow: -1px 2px 12px 0px rgba(218, 213, 213, 0.75); box-shadow: -1px 2px 12px 0px rgba(218, 213, 213, 0.75); } .name-card-wrapper .name, .comment-name-wrap .comment { color: #151b39; font-size: 19px; font-weight: 700; padding-bottom: 10px; } .name-card-wrapper .name span { color: #12b7c1; font-size: 15px; font-weight: 400; display: block; } .comment-name-wrap p { font-size: 14px; font-weight: 400; } .comment-name-wrap p:before, .comment-name-wrap p:after { display: inline-block; vertical-align: bottom; color: #151b39; font-size: 50px; top: 0.2em; position: relative; } .comment-name-wrap p:before { content: open-quote; } .comment-name-wrap p:after { content: close-quote; color: #fff; font-size: 4em; line-height: 0.1em; vertical-align: -0.4em; } /*Serviced locations*/ .city-list { display: flex; flex-flow: row wrap; justify-content: center; padding-bottom: 25px; } .city_name { border: 1px solid #24aeb1; padding: 14px 5px; font-size: 17px; font-weight: 900; color: #151b39; border-radius: 4px; flex: 1; margin: 5px; text-align: center; position: relative; } .city_name span { padding-left: 15px; } .city_name span:before { content: ""; width: 44px; height: 46px; top: 3px; left: 42px; position: absolute; background: url(https://mediwheel.in/assets/img/icons-radiology-sprite.png) no-repeat; } .cn-1 span:before { background-position: -333px -58px; } .cn-2 span:before { background-position: -391px -61px; width: 91px; left: 13px; } .cn-3 span:before { background-position: 0px -138px; width: 78px; left: 12px; } .cn-4 span:before { background-position: -89px -136px; width: 56px; left: 30px; } .cn-5 span:before { background-position: -146px -131px; } /*top selling blocks*/ .top-sell-wrap { display: flex; flex-flow: row; flex-wrap: wrap; padding: 0 10px; } .top-sell-wrap-item { flex: 1 0 20%; margin: 0 6px; display: flex; } .top-sell-wrap-item del { font-size: 14px; } .top-selling-blocks { padding: 20px; padding-bottom: 35px; } .top-selling-blocks h3 { font-size: 20px; color: #151b39; font-weight: 700; } .top-selling-blocks p { font-size: 14px; color: rgba(21, 27, 57, 0.6); height: 76px; } .top-selling-blocks .book-now { background-color: #fff; color: #24aeb1; border: none; font-weight: 700; padding: 8px 15px; font-size: 18px; } .top-selling-blocks span { color: #12b7c1; font-size: 22px; font-weight: 700; } .top-selling-blocks strike { color: rgba(21, 27, 57, 0.6); font-size: 17px; } .top-selling-blocks .button-wrap { margin-top: 10px; } .tsb-1 { background: #fff4eb; } .tsb-2 { background: #eafaff; } .tsb-3 { background: #f6fae8; } .tsb-4 { background: #ebfffc; } .tsb-5 { background: #ebfffc; } .tsb-6 { background: #f6fae8; } .tsb-7 { background: #eafaff; } .tsb-8 { background: #fff4eb; } .tsb { margin-bottom: 20px; border-radius: 6px; } /*Our highlights starts here */ .highlights-wrap { flex-basis: 0; flex-grow: 1; } .highlights-section-wrapper { padding: 10px 0; display: flex; justify-content: center; padding-top: 0px; } .highlights-section { background-color: #fff; padding: 15px 35px; border-radius: 8px; flex: 1 0 21%; margin: 7px; display: grid; } .highlights-content { position: relative; color: #151b39; font-size: 18px; font-weight: 700; display: table; margin: auto; padding-left: 70px; line-height: 50px; } .highlights-content b { font-size: 20px; } .highlights-section .highlights-content:before { content: ""; width: 60px; height: 57px; background: url(https://mediwheel.in/assets/img/icons-radiology-sprite.png); background-repeat: no-repeat; position: absolute; left: 0; } .highlights-section .highlights-content.hc-1:before { background-position: -198px -121px; } .highlights-section .highlights-content.hc-2:before { background-position: -257px -121px; } .highlights-section .highlights-content.hc-3:before { background-position: -314px -121px; } .highlights-section .highlights-content.hc-4:before { background-position: -376px -121px; background-repeat: no-repeat; } /*whatsapp section */ .bottom-wsp { color: #151b39; padding: 0 10px; margin: 0; } .bottom-wsp img { width: 50px; } .bottom-wsp .book-wsp { font-size: 17px; } .bottom-wsp .wsp-num { font-size: 22px; font-weight: 700; } .bottom-wsp span { display: block; text-align: left; } .diag-book-section { display: flex; background-color: #a1fbf0; text-align: center; justify-content: center; padding: 10px 0; margin-bottom: 15px; margin-left: -33px; /*margin-right: -33px;*/ } .diag-book-section .button-wrap { align-self: center; padding-left: 5%; } .diag-book-section .button-wrap .book-now { background-color: #24aeb1; padding: 9px 20px; border: none; color: #fff; border-radius: 4px; font-size: 17px; font-weight: 700; } .best-prices { font-size: 14px; color: #000; padding-top: 18px; } .best-prices span { color: #f5243d; } .radiology-footer { background-color: #24aeb1; cursor: pointer; } .footer-list-wrap ul li a { font-size: 13px; color: #fff; text-decoration: none; } .footer-list-wrap ul { list-style-type: none; text-decoration: none; display: flex; justify-content: center; padding: 10px 0; margin: 0; flex-wrap: wrap; } .footer-list-wrap ul li { padding: 0 5px; border-right: 1px solid #fff; line-height: 10px; } .footer-list-wrap ul li:last-child { border-right: none; } .footer-list-wrap ul { margin-bottom: 0; padding-bottom: 0px; padding-top: 12px; } .footer-list-wrap { padding: 25px 0; } .footer-list-wrap ul:first-child { padding-top: 0; } .nabc-labs { color: #5cdfe2; } .brands-list { display: flex; margin: 0; justify-content: center; padding: 10px 0; } .brands-list li a { text-decoration: none; } .brands-list li { list-style-type: none; align-self: center; margin: 0 40px; } .line { width: 90%; } .brands-list-ext ul li { margin: 0 25px; } .brands-list-ext ul { justify-content: center; } @media only screen and (max-width: 1550px) { .details-content-wrapper { background-size: 55%; padding-left: 55%; } .netmeds-package .package-name span { font-size: 44px; padding: 14px; } .netmeds-package .package-name { font-size: 36px; } .discount-type-offer { font-size: 46px; font-weight: 600; } .discount-type-offer .off { font-size: 37px; } .only-price { font-size: 27px; } .only-price strike { font-size: 33px; } .only-price span { font-size: 64px; } .arrow_box .book-wsp { font-size: 15px; } .arrow_box .wsp-num { font-size: 24px; } .lab-details-section { padding-right: 10px; font-size: 13px; } .diag-book-section .button-wrap .book-now { font-size: 17px; } .arrow_box:before { margin-left: -30px; top: 100%; } .arrow_box:after { margin-left: -28px; top: 100%; } .radiology-tests { font-size: 11px; } .r-line:after { left: 107px; top: 52px; height: 1px; width: 71px; } .test-start { font-size: 14px; } .test-price s { font-size: 16px; } .test-price span { font-size: 19px; } .form-input-group label { font-size: 15px; } .diag-form-wrap p { font-size: 14px; } .diag-form-wrap h2 { font-size: 22px; } .discount-type-offer .intro { font-size: 17px; line-height: 22px; } .test-name:before { top: 18px; } .test-name { font-size: 16px; line-height: 24px; background-image: linear-gradient(to right, #f56d0c 0%, #13c3bb 51%, #cd531a 100%); padding: 16px; border-radius: 17px; text-align: center !important; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } .get-most-wrapper span { font-size: 16px; line-height: 31px; } .get-most-wrapper h2 { font-size: 26px; text-align: center; } .top-selling-blocks p { font-size: 13px; } .top-selling-blocks span { font-size: 21px; } .top-selling-blocks .book-now { font-size: 17px; } .highlights-content { font-size: 17px; } .highlights-section { padding: 15px 25px; } .highlights-wrap { flex-basis: 0; flex-grow: 1; } /*edited for swiper */ .flexi-review-section { width: 100%; /* max-width: 25%; */ display: flex; margin: 15px; } .swiper-slide { flex-shrink: 0; width: 27%; margin: 15px; display: grid; } .review-card.flexi-review-section { max-width: 100% !important; } } @media only screen and (min-width:1200px) and (max-width:1300px) { .radiology-tests { font-size: 15px; } .radiology-tests:after { width: 50px; } .test-price s { font-size: 14px; } .top-selling-blocks h3 { font-size: 18px; } .top-selling-blocks .book-now { font-size: 15px; } .top-selling-blocks span { font-size: 18px; } .test-price span { font-size: 16px; } .test-start { font-size: 13px; padding-top: 9px; } .city_name span { padding-left: 25px; } .arrow_box .wsp-num { font-size: 21px; } .only-price { font-size: 26px; } .tsb { background-size: 60%; } .arrow_flex { margin-right: 22px; } .lab-details-section { line-height: 19px; } .details-content-wrapper { background-position: top left; } .only-price span { font-size: 53px; } .only-price strike { font-size: 29px; } .lab-details-section { padding-right: 10px; font-size: 12px; } .highlights-content { font-size: 16px; } .comment-name-wrap p { font-size: 14px; font-weight: 400; } .diag-book-section .button-wrap .book-now { font-size: 19px; } .bottom-wsp .wsp-num { font-size: 24px; } .bottom-wsp .book-wsp { font-size: 16px; } .highlights-section { padding: 15px 25px; } .tests-type .swiper-slide { padding-right: 0px; } } @media only screen and (max-width: 1023px) { body { overflow-x: hidden; } .r-tests { flex-wrap: wrap; display: flex; justify-content: space-between; flex: 0 50%; } .radiology-tests-wrap:nth-of-type(even) .r-line .radiology-tests:after { position: relative; content: none; display: none; } .radiology-tests-wrap { margin-bottom: 27px; flex: 0 43%; margin-left: 10px; } .test-price span { font-size: 16px; } .radiology-tests:after { width: 36px; } .radiology-tests:after { left: 131px; } .test-price s { font-size: 14px; } .test-start { font-size: 12px; padding-top: 12px; } .radiology-tests { font-size: 15px; } .diag-container { padding: 0 15px; } .diag-header-wrapper img { width: -1px; } .diag-header-wrapper .logo { display: none; } .top-selling-blocks.tsb { width: 100%; } .comment-name-wrap { width: 100%; } .package-head-wrap { flex-flow: column; } .get-most-wrapper h2 { font-size: 20px; } .get-most-wrapper p { font-size: 12px; } .test-name { font-size: 13px; padding-left: 30px; line-height: 17px; } .test-wrapper { display: flex; flex-flow: column; padding-left: 0; } .flexi-review-box { flex-flow: column; } .flexi-review-section { max-width: 100%; margin: 0; margin-bottom: 15px; } .top-sell-wrap { flex-flow: column; } .highlights-section .highlights-content:before { content: ""; width: 60px; height: 58px; left: 9px; top: -45px; text-align: center; } .diag-book-section { flex-flow: column; margin-left: 0px; margin-right: 0px; } .highlights-content { line-height: 24px; padding-left: 0; font-size: 12px; padding-top: 15px; } .highlights-wrap { padding: 15px; margin: 25px 0px; flex: 0 50%; text-align: center; } .highlights-section { margin: 0; padding: 0; } .highlights-section-wrapper { flex-wrap: wrap; justify-content: center; background-color: #fff; border-radius: 10px; margin-bottom: 25px; padding-bottom: 0; padding-top: 37px; } .arrow_flex.bottom-wsp { padding: 0px; margin-right: 0; align-self: center; } .bottom-wsp .wsp-num { font-size: 21px; } .bottom-wsp .book-wsp { font-size: 14px; } .package-form-section { width: 100%; } .netmeds-package { padding-left: 0; flex-direction: column; } .pad-top { width: 100%; padding-right: 0; padding: 0 10px; } .package-details-section { width: 100%; } .netmeds-package .package-name { display: inline; } .netmeds-package .package-name span { font-size: 24px; line-height: 20px; } .netmeds-package p { font-size: 10px; } .netmeds-package p span { font-size: 11px; padding: 1px 5px; border-radius: 3px; } .details-content-wrapper { background-repeat: no-repeat; background-size: 41%; padding-left: 40%; background-position: bottom left; } .vertical-stripes { height: 40px; width: 41px; border-radius: 30px; } .vertical-stripes .discount-type { font-size: 12px; left: 21px; top: 29px; padding: 0px 2px; } .np { margin: 20px 0px; text-align: center; } .netmeds-package .package-name { font-size: 21px; line-height: 24px; } .discount-type-offer { line-height: 34px; font-size: 30px; } .discount-type-offer .off { font-size: 19px; } .heading-offer { display: flex; justify-content: center; margin: 0; } .discount-type-offer .intro { font-size: 10px; line-height: 22px; } .only-price { font-size: 19px; } .only-price strike { font-size: 16px; } .only-price span { font-size: 22px; } .details-content-wrapper .span-head-wrap .span-head { font-size: 14px; } .arrow_flex { padding: 0px 7px; margin-right: 20px; } .arrow_box:before { margin-left: -29px; left: 22%; border-width: 10px; } .arrow_box .book-wsp { font-size: 10px; } .arrow_box .wsp-num { font-size: 14px; line-height: 18px; } .arrow_box:after { margin-left: -28px; left: 22%; border-width: 9px; } .lab-details-wrapper { display: none; } .swiper-slide { width: 100% !important; margin: 0 !important; margin-right: 20px !important; padding: 15px; } .swiper-pagination-bullet { border-radius: 2px !important; width: 15px !important; height: 2px !important; } .top-sell-wrap-item { margin: 0; } .swiper-pagination-bullet-active { opacity: 1; background: #12b7c1 !important; } .top-sell .swiper-slide { margin: 0; } .toggle-tests { display: block; text-align: center; color: #24aeb1 !important; } .arrow_box.arrow_flex { display: none; } .tests-type .swiper-wrapper { margin-bottom: 20px !important; } .tests-type .swiper-slide { padding-right: 0px; } .diag-book-section .button-wrap .book-now { font-size: 15px; } .brands-list { flex-wrap: wrap; } .brands-list li { margin: 15px 0; flex: 0 50%; } .brands-list-ext ul li { margin: 15px 0; flex: 0 50%; } .city_name span:before { left: 54px; } .cn-4 span:before { left: 51px; } .cn-3 span:before { left: 40px; } .cn-2 span:before { left: 41px; } .cn-1 span:before { background-position: -333px -58px; } .city-list { flex-flow: column wrap; } /* .footer-list-wrap ul li a { line-height: 16px; }*/ } @media only screen and (max-width: 1023px) { .diag-header-wrapper img { width: -1px; } /* Extracted from */ @media screen and (min-width: 661px) { .cg-table-one tbody tr td:nth-child(1), .cg-table-two tbody tr td:nth-child(1) { width: 0%; } .cg-table-one tbody tr td:nth-child(2), .cg-table-two tbody tr td:nth-child(2) { width: 0%; } .cg-table-one tbody tr td:nth-child(3), .cg-table-two tbody tr td:nth-child(3) { width: 0%; } .cg-table-five tbody tr td:nth-child(4), .cg-table-one tbody tr td:nth-child(4), .cg-table-two tbody tr td:nth-child(4) { width: 0%; } } .cg-img-1 { width: 60px; } .cg-table-title { text-align: left; color: #303030; font-size: 10px; font-weight: 600; display: block; margin: 4px 5px 5px 5px; word-break: break-word; } .cg-tbl-ul ul li { display: block; margin: 1px -4px; position: relative; padding-left: 20px; list-style: none; text-align: left; font-size: 10px; line-height: 16px; } .radiology-tests:before { content: ""; width: 41px; height: 40px; background: url("https://mediwheel.in/assets/img/pathology_icon.png") no-repeat; position: absolute; left: -8px; top: -12px; } .style__safe___3Ve-w { display: inline-flex; padding: 2px 4px; font-size: 12px; font-weight: 700; border-radius: 2px; color: #2b2b2b; line-height: 1.42; background-color: #ffe3c2; min-width: 58px; } .item { margin-bottom: 17px; padding: 7px 19px; border-radius: 40px; color: #000; width: 100% !important; box-shadow: 0px 0px 8px #dddddd; } .h4 { color: #fff; } section { padding: 60px 0; overflow: hidden; padding-top: 15px; padding-bottom: 15px; } .section-bg { background-color: #f3f5fa; } .section-title { text-align: center; padding-bottom: 30px; } .section-title h2 { font-size: 32px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; padding-bottom: 20px; position: relative; color: #37517e; } .section-title h2::before { content: ''; position: absolute; display: block; width: 120px; height: 1px; background: #ddd; bottom: 1px; left: calc(50% - 60px); } .section-title h2::after { content: ''; position: absolute; display: block; width: 40px; height: 3px; background: #47b2e4; bottom: 0; left: calc(50% - 20px); } .section-title p { margin-bottom: 0; } .right-set { width: 293px; margin-left: 16px; color: #423d3d; } .img-responsive { border-radius: 15px; } .main_heading { width: 100%; float: left; text-transform: capitalize; font-weight: bold; font-size: 30px; color: #000; margin: 0 0 30px; padding-bottom: 5px; text-align: center; text-align: center; line-height: 1.1; } .main_heading>span { width: auto; position: relative; display: inline-block; padding-bottom: 15px; } .main_heading>span::before, .main_heading>span::after { content: ""; height: 1px; background: #00b1df; position: absolute; left: 0; right: 0; margin: auto; } .main_heading>span::before { width: 100%; bottom: 6px; } .main_heading>span::after { width: 50%; bottom: 0; } .p { width: 100%; float: left; margin-bottom: 10px; } .main { width: 100%; float: left; overflow: hidden; } .main>* { width: 100%; float: left; } .main .section { padding: 50px 0 30px; } .main .full_width { width: 100%; float: left; position: relative; } .main_heading.left { text-align: left; } .main_heading.left>span::after { right: auto; } .choosing_us [class*="icon-"] { width: 100%; float: left; margin-bottom: 20px; text-align: center; color: #000; font-weight: bold; font-size: 20px; } .choosing_us [class*="icon-"]>i { height: 130px; display: inline-block; margin-bottom: 10px; background-repeat: no-repeat; } .choosing_us .icon-1>i { width: 143px; background-position: -44px -235px; } .choosing_us .icon-2>i { width: 159px; background-position: -203px -235px; } .choosing_us .icon-3>i { width: 133px; background-position: -44px -370px; } .choosing_us [class*="icon-"]>span { width: 100%; float: left; } /*==========choosing_us====================*/ @media (min-width:992px) and (max-width:1199px) { .pages_link .link { width: 145px; margin-left: 5px; margin-right: 5px; font-size: 18px; } .pages_link .link.more { height: 125px; } .banner_icons .banner_icons_area { min-height: 103px; } .subscribe_area .subscribe form .input_area { width: 80%; } } @media (max-width:991px) { .banner_icons .banner_icons_area>[class*="icons-"] { /*right: 15px;*/ margin: auto; } .banner_icons .banner_icons_area { text-align: center; padding: 85px 15px 10px 15px; min-height: auto; } .subscribe_area .subscribe form .input_area { width: 100%; } } @media (min-width:768px) and (max-width:991px) { .main_heading { font-size: 45px; } } @media (max-width:767px) { .subscribe_area .main_subscribe_area { padding-bottom: 100px; } } @media (max-width:560px) { .pages_link { padding-bottom: 20px; } .pages_link .link { width: 135px; font-size: 16px; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } .pages_link .link.more { height: 122px; } .subscribe_area .subscribe .head { font-size: 40px; } .subscribe_area .main_subscribe_area { padding-left: 15px; padding-right: 15px; } .top_destination .top_destination_slider .owl-stage .item { padding: 2px; } .top_destination .top_destination_slider .top_destination_area>img { margin-bottom: 20px; } } .postid-5493 .pagetitle, .postid-4846 .pagetitle, .page-id-3566 .pagetitle, .postid-3756 .pagetitle, .postid-5170 .pagetitle { background-image: url(https://www.airticketsbookings.com/../img/bg/bg.jpg) !important; height: 450px; padding: 0px; background-position: center center; } #header-wrapper.header-slider { background: #000 url(../img/bg/bg.jpg) } @media (max-width: 767px) { .containerr { padding: 0 } } #onloadshowpop a { text-decoration: none; color: #000; } #onloadshowpop h1 { color: #2b303d; font-size: 35px !important; margin-top: 47px; } #cwtd { font-size: 22px; font-weight: 600; } #circlecall { border-radius: 40px; color: #bf1673; padding: 20px; border: 1px solid #2b303d; } #softmenupop { position: absolute; bottom: -16px; left: 0; background: #2b303d; color: #fff; width: 100%; font-size: 17px; padding: 20px 0 20px 0; } #softmenupop { color: #fff; font-size: 17px; } #softmenupop li { display: inline; } .fa-times-circle::before { content: "\f057"; } a.calling { display: block; width: 100%; background: #fc8f28; padding: 8px; color: #fff; font-size: 18px; font-weight: 800; text-align: center; position: fixed; bottom: 0px; text-decoration: none; z-index: 5; } #header .logo { position: relative; float: left; margin-right: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; align-self: stretch } a, a:focus { color: #3c3435; -webkit-transition: all .2s ease; transition: all .2s ease } .flight-svg { position: relative; animation: mymove 5s 1; animation-fill-mode: forwards; top: 10px } .flight-svg-header { position: absolute; animation: mymoveheader 3s 186; animation-fill-mode: forwards; top: 17px; } .flight-svg img { width: 37.9px; height: 33px; position: relative; top: -4px } .flight-svg-header img { width: 300.9px; height: 33px; position: relative; top: -9px; } @keyframes mymove { from { left: 0 } to { left: 280px } } @keyframes mymoveheader { from { left: 0 } to { left: 210px } } @media (min-width: 320px) and (max-width: 480px) { .logo img { width: 170px; } } @keyframes mymoveheader { from { left: 0 } to { left: 150px } } @media (max-width: 667px) { .flight-svg-header { position: absolute; animation: mymoveheader 6s 85; animation-fill-mode: forwards; top: 20px; } } .main .section { padding: 50px 0 30px; } .main .full_width { width: 100%; float: left; position: relative; } .main_heading.left { text-align: left; } .main_heading.left>span::after { right: auto; } .banner_icons .banner_icons_area { width: 100%; /* float: left; */ margin-bottom: 20px; box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 21px 0px 0px 92px; position: relative; min-height: 40px; } .banner_icons .banner_icons_area .head { margin-bottom: -20px; color: #000; font-weight: bold; } .banner_icons .banner_icons_area .text { font-size: 13px; } .banner_icons .banner_icons_area .plane { width: 50px; height: 59px; position: absolute; top: -12px; right: -21px; background-position: -187px 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .banner_icons .banner_icons_area>[class*="icons-"] { width: 60px; background-repeat: no-repeat; position: absolute; top: 9px; left: 15px; } .banner_icons .banner_icons_area>.icons-1 { height: 53px; background-position: 0 0; } .banner_icons .banner_icons_area>.icons-2 { height: 48px; background-position: -61px 0; } .banner_icons .banner_icons_area>.icons-3 { height: 60px; background-position: -125px 0; } .main_heading { width: 100%; float: left; text-transform: capitalize; font-weight: bold; font-size: 30px; color: #000; margin: 0 0 30px; padding-bottom: 5px; text-align: center; text-align: center; line-height: 1.1; } .main_heading>span { width: auto; position: relative; display: inline-block; padding-bottom: 15px; } .main_heading>span::before, .main_heading>span::after { content: ""; height: 1px; background: #00b1df; position: absolute; left: 0; right: 0; margin: auto; } .trust { background: linear-gradient(104deg, #009bab 4%, #f16806 35%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .textt { margin-left: 63px; margin-top: -62px; } .nd { margin-top: -83px; margin-left: 291px; } .ndd { margin-top: -32px; margin-left: 283px; } .new { display: none; } #myBtn1 { width: 200px; color: #fc8019; display: block; text-align: center; background-color: #fc8019; transition: .3s; } #myBtn:hover { background-color: #0098ab; text-decoration: none; } .noContent { color: #fc8019 !important; background-color: transparent !important; pointer-events: none; display: none; } .textt { color: #000; margin-bottom: 23px; } .ndd { margin-left: 604px; } .nd { margin-left: 580px; } @media (max-width: 1199px) { .pkgCardBox .priceSec span.offer { right: -19px; } .hero-section #city { width: 27% !important; } .content-voilence-4 .titleblock .price a { font-size: 10px !important; } .content-voilence-4 .customLgContent-control .pkgCardBox { padding: 9px 8px; height: 156px !important; } .content-voilence-4 .titleblock .price a { padding: 5px 2px !important; } .nd { margin-left: 460px !important; } .ndd { margin-left: 465px !important; } } @media (max-width: 991px) { .slider-codepen .center { padding: 0 0; } .col-lg-5 { width: 100% !important; } .hero-section .otp-main { width: 20%; display: inline-block; } .hero-section #city { width: 24% !important; } .to-hai { display: none; } .owl-stage h4 { font-size: 14px !important; } .content-voilence-4 .titleblock .price a { font-size: 13px !important; } .content-voilence-4 .titleblock .price a { padding: 4px 0px !important; margin-left: 14px !important; } .content-voilence-4 .customLgContent-control .pkgCardBox { height: 146px !important; } .slider-codepen .slider { height: 246px !important; } .nd { margin-left: 48px !important; } .ndd { margin-left: 57px !important; } .papular-health-2 .item h4 { font-size: 14px; } .papular-health-2 .item { padding: 10px 19px; } } @media (max-width: 767px) { .content-voilence-4 .titleblock .price a { margin-left: 0px !important; } .content-voilence-4 .customLgContent-control .pkgCardBox { height: 136px !important; } .content-voilence-4 .titleblock .price a { font-size: 10px !important; padding: 4px 6px !important; } .hero-section .otp-main { width: 100%; } .best-secure .col-md-3 { width: 49%; } .best-secure .col-md-8 { width: 33% !important; } .hero-section #city { width: 34% !important; } .why-choose-us .col-md-2 { width: 21% !important; } .head { margin-bottom: 0; padding-bottom: 0; } .why-choose-us .col-md-8 { width: 57% !important; } .banner_icons .tabContgapBot { flex: inherit !important; } .top_nav li:nth-child(5) { display: block !important; } } @media (max-width: 575px) { .slider-codepen .slider { height: 182px !important; } .banner-left-text .form-group { width: 36%; } .col-sm-3 { width: 100% !important; } .content-voilence-4 .customLgContent-control .pkgCardBox { margin-bottom: 11px; } .head { padding-bottom: 0; padding-top: 0; line-height: 19px; } .text { line-height: 20px; } .content-voilence-4 .customLgContent-control .pkgCardBox { padding: 14px 24px; } .content-voilence-4 .titleblock .price a { font-size: 14px !important; } .content-voilence-4 .titleblock .price a { margin-left: 15px !important; } .content-voilence-4 .customLgContent-control .pkgCardBox { height: 152px !important; } .pkgCardBox .priceSec span.offer { right: -35px; } .top_nav li:nth-child(5) { display: block !important; } } @media (max-width: 480px) { .slider-codepen .slider { height: 99px !important; ; } .banner-left-text .form-group { width: 49% !important; } #DivMobile { width: 49% !important; margin-bottom: 10px; } .best-secure .col-md-3 { width: 100%; margin-bottom: 20px; } .hero-section #city { width: 100% !important; } .show-box .img-responsive { width: 100% !important; } .content-voilence-4 .titleblock .price a { margin-left: 0px !important; font-size: 12px !important; } .ndd { margin-left: 0px !important; } .textt { margin-left: 0 !important; margin-top: 0px !important; display: inline-block; width: 58%; } .nd { margin-left: 0px !important; margin-top: 0 !important; } .right-set { text-align: center; } .text { padding: 0; } .why-choose-us .col-md-8 { padding: 0; } .go { padding: 34px 8px !important; border-radius: 25px !important; display: inline-block !important; } .main_heading { font-size: 23px; margin: 0 0 16px; } .banner_icons .banner_icons_area .plane { width: 46px; right: -9px; height: 59px; } .banner_icons .banner_icons_area>[class*="icons-"] { width: 48px; } .banner_icons .banner_icons_area .head { width: 88%; } .banner_icons_area { padding: 18px 0px 20px 51px !important; } } @media (min-width: 1400px) { .slider-codepen .slider { height: 248px !important; } .col-lg-5.col-md-12.banner-left-text form { padding: 28px 26px 23px 25px !important; } } /* Extracted from */ /* start for popup style */ #mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; } #boxes .window { position:absolute; left:0; top:0; width:440px; height:200px; display:none; z-index:9999; padding:20px; border-radius: 15px; text-align: center; } #boxes #dialog { /*width:450px; */ height:auto; padding:10px; background-color:#ffffff; font-family: 'Segoe UI Light', sans-serif; font-size: 15pt; z-index: 111111111; } .maintext{ text-align: center; font-family: "Segoe UI", sans-serif; text-decoration: none; } .body{ background: url('bg.jpg'); } #lorem{ font-family: "Segoe UI", sans-serif; font-size: 12pt; text-align: left; } #popupfoot{ font-family: "Segoe UI", sans-serif; font-size: 16pt; padding: 10px 20px; } #popupfoot a{ text-decoration: none; } .agree:hover{ background-color: #D1D1D1; } .popupoption:hover{ background-color:#D1D1D1; color: green; } .popupoption2:hover{ color: red; } /*popup style */ .body { text-align: center; /*padding: 40px 0;*/ background: #EBF0F5; } h1 { color: #31b256; font-family: "Nunito Sans", "Helvetica Neue", sans-serif; font-weight: 900; font-size: 40px; margin-bottom: 10px; } .p { color: #404F5E; font-family: "Nunito Sans", "Helvetica Neue", sans-serif; font-size:20px; margin: 0; } i { /*color: #9ABC66;*/ color: #ffffff; font-size: 100px; line-height: 200px; margin-left:-15px; } .card { background: white; padding: 60px; border-radius: 4px; box-shadow: 0 2px 3px #C8D0D8; display: inline-block; margin: 0 auto; } /* close for popup style */ .tabbable-panel { border: 1px solid #eee; padding: 10px; } /* Default mode */ .tabbable-line>.nav-tabs { border: none; margin: 0px; } .papular-health{display: flex!important;margin-top: 32px; align-items: center;overflow-x: hidden; overflow-y: hidden;padding: 16px; white-space: nowrap;} #add-btn{ background-color: #fff; padding: 5px 24px; color: #161616; position: absolute; right: 31px; box-shadow: 0px 0px 7px #828282; margin-top: -7px; } .papular-health-2 .item h4{ font-size: 13px; margin-right: 1px;} .shadow{flex-wrap: wrap; } .papular-health-2{ margin-top: 10px; text-align: center; border-radius: 22px; } .shadow #add-btn{display: none;} .tabbable-line>.nav-tabs>li { margin-right: 2px; } .tabbable-line>.nav-tabs>li>a { border: 0; margin-right: 0; color: #737373; } .tabbable-line>.nav-tabs>li>a>i { color: #a6a6a6; } .banner-left-text .form-group{ margin-bottom:0;} .owl-stage h4{ text-align:center;} .pathlogy-test{ text-align:center; padding: 31px;} .pathlogy-test .item img{box-shadow: -2px 2px 3px #ffe7bb;} .pkgCardBox{-webkit-box-shadow: 0px 3px 20px rgb(171 171 171 / 48%); background-color: #fff;} .why-choose-us{ display:inline-block; background-color: #fff;padding: 15px;margin-bottom: 20px; box-shadow:0px 0px 6px #d1d1d1; border-radius: 12px;height: 131px;} .why-choose-us:hover{ box-shadow:0px 0px 8px #a5a5a5;} .head{display:inline-block;font-weight: 600; color: #2a2c2b;} .text{display:inline-block; color: #8f9295;} #load-more .btn { background-color: #fc8019;border: navajowhite;color: #fff;font-weight: 700;} .col-md-6{ display:inline-block; width: 49%;} .test_count_block1{ border-radius: 17px;padding: 5px 11px; font-size: 11px;} .test_count_block1 a{padding: 5px !important;margin-left: 0px !important;} .test_count_block1 a{background-color: #767676; color: #fff; border-radius: 1px 10px 1px 10px !important;} .test_count_block1 a:hover{ background-color:#fff; color:#000;} .tabbable-line>.nav-tabs>li.open, .tabbable-line>.nav-tabs>li:hover { border-bottom: 4px solid #fbcdcf; } .tabbable-line>.nav-tabs>li.open>a, .tabbable-line>.nav-tabs>li:hover>a { border: 0; background: none !important; color: #333333; } .tabbable-line>.nav-tabs>li.open>a>i, .tabbable-line>.nav-tabs>li:hover>a>i { color: #a6a6a6; } .tabbable-line>.nav-tabs>li.open .dropdown-menu, .tabbable-line>.nav-tabs>li:hover .dropdown-menu { margin-top: 0px; } .tabbable-line>.nav-tabs>li.active { border-bottom: 4px solid #f3565d; position: relative; } .tabbable-line>.nav-tabs>li.active>a { border: 0; color: #333333; } .tabbable-line>.nav-tabs>li.active>a>i { color: #404040; } .tabbable-line>.tab-content { margin-top: -3px; background-color: #fff; border: 0; border-top: 1px solid #eee; padding: 15px 0; } .portlet .tabbable-line>.tab-content { padding-bottom: 0; } /* Below tabs mode */ .tabbable-line.tabs-below>.nav-tabs>li { border-top: 4px solid transparent; } .tabbable-line.tabs-below>.nav-tabs>li>a { margin-top: 0; } .tabbable-line.tabs-below>.nav-tabs>li:hover { border-bottom: 0; border-top: 4px solid #fbcdcf; } .tabbable-line.tabs-below>.nav-tabs>li.active { margin-bottom: -2px; border-bottom: 0; border-top: 4px solid #f3565d; } .tabbable-line.tabs-below>.tab-content { margin-top: -10px; border-top: 0; border-bottom: 1px solid #eee; padding-bottom: 15px; } .page-wrapper { width: 100%; box-sizing: border-box; display: block; margin: 0px; padding: 0px; font-family: Lato; color: #151b39; font-size: 13px } :focus { outline: none } a { text-decoration: none } .clearfix { height: 0px; clear: both; display: flex } .ellipsis { text-overflow: ellipsis } h2 { font-family: LatoBold; font-size: 20px; letter-spacing: 0.25px; display: block; padding: 4px 0px } .page-header { background: #32aeb1; position: relative } .pathlogy-test .owl-stage .owl-item.cloned:last-child{margin-right:0 !important;} .page-header .panel-wrapper { min-width: 1030px; max-width: 1280px; margin: 0px auto; box-sizing: border-box; padding: 0px 12px;margin-bottom: 21px; } .page-header .panel-wrapper .panel-header { display: flex; height: 90px; line-height: 90px } .page-header .panel-wrapper .panel-header .logo { max-width: 168px; margin: 0 32px 0 0 } .page-header .panel-wrapper .panel-header .logo img { width: 168px; height: 60px } .page-header .panel-wrapper .panel-header .search-bar { max-width: calc(100% - 586px); -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex } .page-header .panel-wrapper .panel-header .search-bar .block-search { height: 48px; position: relative; background: #ffffff; border-radius: 6px; line-height: normal } .page-header .panel-wrapper .panel-header .search-bar .block-search .pinCode { position: relative; width: 160px; height: auto; margin: 13px 0; display: inline-block; padding: 0px 0 0px 16px; font-family: LatoSemiBold; font-size: 13px; font-stretch: normal; font-style: normal; line-height: 22px; letter-spacing: normal; color: rgba(11, 18, 25, 0.5); float: left; border-right: 1px solid rgba(11, 18, 25, 0.2); } .page-header .panel-wrapper .panel-header .search-bar .block-search .pinCode .get-location { position: absolute; top: 14px; left: 13px; width: 22px; height: 22px; text-indent: 0; font-size: 0px; border: 0px; background: transparent; -webkit-appearance: none } .page-header .panel-wrapper .panel-header .search-bar .block-search .pinCode .pinNum { font-family: LatoBold; font-size: 14px; font-stretch: normal; letter-spacing: normal; color: #24aeb1; border: 0px; width: 74px; cursor: pointer; } .page-header .panel-wrapper .panel-header .search-bar .block-search .pinCode span { display: inline-block line-height: 22px; } .page-header .panel-wrapper .panel-header .search-bar .block-search .pinCode .editIcon { width: 12px; height: 12px; margin-left: 0px; box-shadow: none; border: 0px; background-size: 12px; position: absolute; bottom: 10px; right: 18px; z-index: 999 } .page-header .panel-wrapper .panel-header .search-bar .block-search .auto-search { min-width: 50%; width: calc(100% - 160px); height: 48px; float: left; position: relative; display: block } .page-header .panel-wrapper .panel-header .search-bar .block-search .auto-search .search-section { display: inline-block; margin: 0; float: left; width: 100% } .page-header .panel-wrapper .panel-header .search-bar .block-search .auto-search .search-section .input-text { margin: 0px; padding: 0px 64px 0px 12px; height: 48px; border: 0px; width: 100%; background: transparent; font-size: 14px } .page-header .panel-wrapper .panel-header .search-bar .block-search .auto-search .iconSearch { width: 56px; float: right; height: 48px; display: inline-block; position: absolute; top: 0px; right: 0px; -webkit-appearance: none; box-shadow: none; border: 0px; } .page-header .panel-wrapper .panel-header .uPres { margin: 0 24px; max-width: 212px; padding: 0px } .page-header .panel-wrapper .panel-header .uPres a { font-family: LatoSemiBold; font-size: 14px; font-stretch: normal; font-style: normal; letter-spacing: 1px; text-align: center; color: #ffffff; background-size: 24px; padding-left: 32px; height: 90px; display: inline-block; } .page-header .panel-wrapper .panel-header .mini-cart { max-width: 70px; margin: 0 24px 0px 0px; position: relative } .page-header .panel-wrapper .panel-header .mini-cart .text { background-size: 24px; color: #ffffff; height: 90px; padding: 0px; width: 70px; float: right; font-family: 'LatoSemibold'; padding-left: 34px; letter-spacing: 1px; } .page-header .panel-wrapper .panel-header .mini-cart .text .counter-number {-moz-border-radius: 6.5px;-webkit-border-radius: 6.5px;background: #ee4380 !important;border-radius: 6.5px;color: #ffffff !important;display: block;font-family: LatoBold;font-size: 10px;height: 13px;line-height: 14px;padding: 0px;position: absolute;left: 10px;text-align: center;text-indent: 0px;top: 32px;width: 17px;letter-spacing: 0px; } .page-header .panel-wrapper .panel-header .login {margin: 0px;max-width: 160px; } .page-header .panel-wrapper .panel-header .login a {font-family: Lato;font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;letter-spacing: normal;color: #ffffff;background-size: 24px;padding-left: 32px;height: 90px;display: inline-block; } .main-navigation {background: #32aeb1;position: relative;padding-bottom: 16px; } .main-navigation .explorer-menu {height: auto;max-width: 1030px;min-width: 1030px;margin: 0px auto;box-sizing: border-box;padding: 0px 12px; } .main-navigation .explorer-menu ul {margin: 0px auto;padding: 0px;list-style: none;height: auto;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; } .main-navigation .explorer-menu ul li {display: inline-block;width: auto;padding: 0;height: 46px;position: relative; } .main-navigation .explorer-menu ul li:last-child {padding-right: 0px; } .main-navigation .explorer-menu ul li a {height: 46px;font-family: LatoSemiBold;font-size: 14px;font-stretch: normal;font-style: normal;line-height: 46px;letter-spacing: normal;color: rgba(255, 255, 255, .8);display: inline-block;padding: 0; } .main-navigation .explorer-menu ul li a small {height: 12px;font-family: Lato;font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: rgba(255, 255, 255, 0.8);display: -webkit-box; } .main-navigation .explorer-menu ul li a.m-pro {background-size: 40px;padding-left: 48px; } .main-navigation .explorer-menu ul li a.h-pro {background-size: 40px;padding-left: 48px; } .main-navigation .explorer-menu ul li a.b-app {background-size: 40px;padding-left: 48px; } .main-navigation .explorer-menu ul li a.b-check {background-size: 40px;padding-left: 48px; } .main-navigation .explorer-menu ul li.o-menu {background-size: 40px;padding-left: 48px } .main-navigation .explorer-menu ul li.o-menu ul {display: none;position: absolute;background: rgb(247, 247, 247);min-width: 160px;box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.2);z-index: 2;top: 40px;padding: 0px;height: auto } .main-navigation .explorer-menu ul li.o-menu a {padding: 0px; } .main-navigation .explorer-menu ul li.o-menu ul li {margin: 0px;padding: 0px;height: auto;width: 100% } .main-navigation .explorer-menu ul li.o-menu ul li a {color: #151b39;text-decoration: none;font-family: Lato;font-size: 13px;height: 38px;line-height: 40px;display: block;width: 100%;padding: 0px 12px } .nav-sections {webkit-flex-shrink: 0;flex-shrink: 0;-webkit-flex-basis: auto;flex-basis: auto;margin-bottom: 16px;margin-top: 0px;border-top: #02b7c2 solid 0px } .nav-sections .navigation {background: none;box-sizing: border-box;display: block;margin-left: auto;margin-right: auto;max-width: 1030px;padding: 0px 10px } .nav-sections .navigation .ui-menu {list-style: none;margin: 0px;padding: 0px;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between } .nav-sections .navigation .ui-menu li {box-sizing: border-box;color: #151b39;display: inline-block;font-family: Lato;font-size: 13px;font-weight: normal;position: relative;text-decoration: none;text-transform: uppercase } .nav-sections .navigation .ui-menu li .level-top {box-sizing: border-box;color: #151b39;line-height: 42px;padding: 0px;position: relative;text-decoration: none;text-transform: capitalize } .nav-sections .navigation .ui-menu li:last-child .level-top {padding-right: 0px } .home-content {min-width: 1030px;max-width: 1680px;margin: 0px auto;padding: 0px 16px } .home-banner {clear: both;width: 100%;max-height: 320px;margin: 0px auto 32px;overflow: hidden;position: relative;display: flex;justify-content: center;align-items: center } .home-banner .banner_img {height: 320px;object-fit: cover } .home-banner .home-slides {height: 320px } .home-banner .home-slides .banner_img {margin: 0 auto;display: list-item;max-width: 100%;height: 320px;object-fit: cover } .home-banner .swiper-home-btn-next {width: 26px;height: 26px;background-size: 26px !important;right: 10px !important } .home-banner .swiper-home-btn-prev {width: 26px;height: 26px;background-size: 26px !important;left: 10px !important } .home-banner .customise-pagination {position: absolute;bottom: 0px } .home-payment-offer {clear: both;width: 100%;max-height: 144px;margin: 8px 0px;overflow: hidden;position: relative;padding: 0px 18px 24px 18px } .home-payment-offer h2 {font-family: LatoBold;font-size: 24px;line-height: 32px;margin: 0 0 24px;color: #0b1219;padding: 0; } .home-payment-offer .swiper-payment-next {width: 42px;height: 42px;top: 60%;background-size: 42px !important;right: 0px !important } .home-payment-offer .swiper-payment-prev {width: 42px;height: 42px;top: 60%;background-size: 42px !important;left: 0px !important } .home-payment-offer .home-payment-slides .swiper-slide {height: 74px;padding: 0px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background: #ffffff;border-radius: 8px } .home-payment-offer .home-payment-slides .swiper-slide .slide-section {height: 74px;padding: 12px 16px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-align-items: center;-ms-flex-align: center;align-items: center } .home-payment-offer .home-payment-slides .swiper-slide .slide-section a {display: contents } .home-payment-offer .home-payment-slides .swiper-slide .slide-section a img {height: 36px;width: 52px;margin-right: 14px;float: left;padding-right: 14px;border-right: 1px solid rgba(21, 27, 57, 0.1) } .home-payment-offer .home-payment-slides .swiper-slide .slide-section a .description-slide {float: right !important;width: 81%;line-height: normal;overflow: hidden; } .home-payment-offer .home-payment-slides .swiper-slide .slide-section a .description-slide h2 {margin: 0px 0px 8px;font-size: 12px;font-family: LatoBold;color: #151b39;width: 100%;overflow: hidden;white-space: nowrap;padding: 0px;letter-spacing: 0 } .home-payment-offer .home-payment-slides .swiper-slide .slide-section a .description-slide p {font-family: Lato;font-size: 11px;color: #6F7284;margin: 0px;word-wrap: break-word;word-break: break-all } .home-diagnostic {margin: 8px 18px;padding: 16px 24px;border-radius: 8px;background: #ffffff;position: relative;overflow: visible } .home-diagnostic h2 {font-family: LatoBold;font-size: 12px;margin: 0px;color: #6F7284;letter-spacing: 1px;padding: 0px 0px 16px } .home-diagnostic h2 span {font-family: Lato;color: #151b39;font-size: 20px;letter-spacing: 0.25px;display: block;padding: 4px 0 } .home-diagnostic h2 small {font-size: 12px;font-family: Lato;letter-spacing: 0;display: block } .home-diagnostic .home-diagnostic-slides .four-col {width: 25% } .home-diagnostic .home-diagnostic-slides .swiper-slide {padding: 0px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: left;-ms-flex-pack: left;-webkit-justify-content: left;justify-content: left;-webkit-box-align: left;-ms-flex-align: left;-webkit-align-items: left;align-items: left;border-radius: 0px } .home-diagnostic .home-diagnostic-slides .swiper-slide .diag-section {min-height: 1px;position: relative;width: 100% } .home-diagnostic .home-diagnostic-slides .swiper-slide .diag-section .diag-img img {border-radius: 8px;height: 216px;object-fit: contain;width: 100% } .swiper-wrapper {position: relative;width: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box; } /* Extracted from */ .cms-radiology .main-section { width: 100% !important; margin: 0px !important; max-width: 100%; padding: 0px !important;} .cms-radiology footer { margin-top: 0px !important;} .thank-you { margin-top: 20px;} .reg_success { display: none; color: #378f30; line-height: 13px; font-size: 15px;} .form_error { font-size: 12px; color: #e02b27;} input.form_error { font-size: 17px; color: #151b39;} .breadcrumbs { display: none;} .cms-radiology .details-content-wrapper {} .diag-container { max-width: 1680px; padding: 0 35px; margin: 0 auto; width: 100%; font-family: "Lato", sans-serif; margin-top: -37px;} /*edited for swiper */.flexi-review-section { width: 100%; /* max-width: 25%; */ display: flex; margin: 15px;} .reg_success { display: none;} .diag-form-wrap .dropdown.bootstrap-select { width: 100% !important;} .diag-form-wrap .dropdown-menu.inner.show li { border-bottom: 1px solid #ccc; margin: 5px 13px;} .diag-form-wrap .dropdown-menu.inner.show li:last-child { border-bottom: none;} /*.dropdown.bootstrap-select.package-{ width: 100% !important; }*/.swiper-slide { flex-shrink: 0; width: 25% !important; margin: 15px; display: grid; height: auto !important;} .review-card.flexi-review-section { max-width: 100% !important;} .top-sell .swiper-slide { margin: 0 !important;} .top-sell { background-color: #fff;} .tests-type .swiper-slide { padding: 9px 0; position: relative; /*padding-left: 40px;*/ flex: 0 1 calc(20% - 0px); /* justify-content: left;*/ /* padding-left: 40px;*/ margin: 0 !important; padding-right: 30px;} /*diag-header-wrapper starts here */.package-head-wrap { display: flex; padding-top: 40px;} .package-form-section { width: 30%;} .package-details-section { width: 75%;} .diag-header-wrapper { background-color: #9dedff; width: 100%; /*padding-bottom: 55px; */ background-color: #9dedff; background-repeat: no-repeat; background-size: cover;} .pad-top { padding-top: 30px;} .details-content-wrapper { padding-left: 100px; background-repeat: no-repeat; background-size: contain; padding-left: 55%; background-position: bottom left;} .netmeds-package { display: flex; color: #151b39; justify-content: space-between; margin-bottom: 40px;} .netmeds-package .package-name { font-size: 42px; line-height: 50px; font-weight: 400;} .heading-offer { display: flex;} .netmeds-package .package-name span { color: #f16122; font-size: 50px; line-height: 22px; font-weight: 900;} .netmeds-package p { font-size: 22px; color: #292929;} .netmeds-package p span { font-size: 22px; color: #fff; background-color: #12b7c1; padding: 2px 5px; border-radius: 5px;} .vertical-stripes { border: none; background: repeating-linear-gradient(120deg, #ffffff, #f16122 5px, #f16122 5px, #151b39 5px); height: 51px; width: 51px; border-radius: 30px; position: relative; align-self: center;} .vertical-stripes .discount-type { position: absolute; height: auto; background-color: #f16122; color: #fff; transform: rotate(-90deg); transform-origin: left; font-size: 15px; text-align: center; left: 26px; top: 35px; padding: 0px 3px; width: 46px;} .discount-type-offer { color: #f16122; font-size: 45px; line-height: 56px; font-weight: 600;} .discount-type-offer .off { font-size: 30px;} .discount-type-offer .intro { color: #151b39; font-size: 19px; text-transform: uppercase; display: block; line-height: 25px; font-weight: 100;} .main-discount-wrapper { display: flex;} .only-price { color: #12b7c1; font-size: 29px; font-weight: 700;} .only-price span { font-size: 67px; font-weight: 700;} .only-price strike { color: #292929; font-size: 35px; font-weight: 400;} .arrow_box { position: relative; padding: 10px 0; border: 1px solid #12b7c1; margin-bottom: 20px; padding-left: 20px;} .arrow_box img { width: 53px;} .arrow_box:after,.arrow_box:before { top: 99%; left: 14%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} .arrow_box:after { border-color: rgba(136, 183, 213, 0); border-top-color: #e0f8ff; border-width: 12px; margin-left: -35px;} .arrow_box:before { border-color: rgba(194, 225, 245, 0); border-top-color: #12b7c1; border-width: 14px; margin-left: -37px;} .details-content-wrapper .span-head-wrap .span-head { color: #f5243d; padding-top: 5px; font-size: 20px; font-weight: 700;} .details-content-wrapper .span-head-wrap { padding: 10px 0;} .arrow_box p { color: #151b39; font-size: 15px;} .arrow_box .book-wsp { color: #151b39; font-size: 18px;} .arrow_box .wsp-num { color: #151b39; font-size: 30px; line-height: 28px;} .arrow_flex { display: inline-flex; padding: 15px 10px; margin-right: 65px; margin-bottom: 20px; margin-top: 43px;} .arrow_flex>div { align-self: center;} .lab-details-wrapper { display: flex; padding: 10px 0;} .lab-details-section { position: relative; padding-right: 20px; border-right: 1px solid #bfbcbc; font-size: 16px; color: #151b39; padding-left: 38px; line-height: 20px;} .lab-details-section:last-child { border-right: none; padding-right: 0;} .lab-details-section:before { content: ""; background: url(https://mediwheel.in/assets/img/icons-radiology-sprite.png); width: 34px; height: 40px; position: absolute; margin-left: -33px; top: -10px;} .lab-details-section.lds-1:before { background-position: -257px -3px;} .lab-details-section.lds-2:before { background-position: -290px -0px;} .lab-details-section.lds-3:before { background-position: -325px -0px;} .diag-form-wrap { background-color: #fff; padding: 10px 21px; margin: 0 10px; border-radius: 6px;} .form-input-group label { font-size: 16px; line-height: 16px; color: #02b7c2; display: block; font-weight: 700;} .form-input-group input { border: none; border-bottom: 2px solid rgba(21, 27, 57, 0.04); width: 100%; font-size: 17px; color: #151b39; outline: none; line-height: 23px;} .form-input-group select { border: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background-size: 30px 60px; border-bottom: 1px solid #d1d1d1; height: 32px; padding-right: 25px; text-indent: 0.01em; width: 100%;} .diag-form-wrap h2 { color: #151b39; font-size: 25px; line-height: 22px; letter-spacing: 0.25px; text-align: center; margin-bottom: 20px; margin-top: 10px; font-weight: 400;} .diag-form-wrap p { color: #151b39; font-size: 15px; line-height: 24px; margin-bottom: 20px; font-weight: 400;} .form-input-group { margin-bottom: 25px;} .diagnosis_placeholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #02b7c2; font-size: 15px; font-weight: 700;} .diagnosis_placeholder::-moz-placeholder { /* Firefox 19+ */ color: #02b7c2; font-size: 15px; font-weight: 700;} .diagnosis_placeholder:-ms-input-placeholder { /* IE 10+ */ color: #02b7c2; font-size: 15px; font-weight: 700;} .diagnosis_placeholder:-moz-placeholder { /* Firefox 18- */ color: #02b7c2; font-size: 15px; font-weight: 700;} .button-wrapper { border-radius: 4px; margin-top: 20px;} .button-wrapper input { color: #fff; background-color: #24aeb1; width: 100%; border: none; border-radius: 4px; padding: 14px 0; font-weight: 400;} .radiology-tests-wrap { position: relative; display: flex;} .radiology-tests:before { content: ""; width: 35px; height: 36px; background: url("https://mediwheel.in/assets/img/icons-radiology-sprite.png") no-repeat; position: absolute; left: 0px; top: -7px;} .rt-0:before { background-position: -50px -6px;} .rt-1:before { background-position: -91px -6px;} .rt-2:before { background-position: -128px -6px;} .rt-3:before { background-position: -172px -6px;} .rt-4:before { background-position: -172px -6px;} .rt-0:before { background-position: -0px 0px !important;} .rt-1:before { background-position: -41px 0px !important; ;} .rt-2:before { background-position: -84px 0px !important; ;} .rt-3:before { background-position: -130px 0px !important; ;} .rt-4:before { background-position: -172px 0px !important; ;} .radiology-tests { padding-left: 36px; font-size: 20px; color: #151b39;} .radiology-tests:after { content: ""; position: absolute; background-image: -webkit-linear-gradient(left, transparent 0, #8c8c8c 23%, #8c8c8c 73%, transparent 100%); background-image: linear-gradient(left, transparent 0%, #8c8c8c 15%, #8c8c8c 85%, transparent 100%); height: 1px; width: 85px; transform: rotateZ(90deg); display: flex; align-self: center; left: 100px; top: 35px;} .m-right-margin div:first-child:after { content: none;} .test-start { color: #12b7c1; font-size: 17px;} .test-price s { color: #606060; font-size: 20px;} .test-price span { color: #f16122; font-size: 23px; font-weight: 900;} .r-tests { display: flex; flex-direction: row; justify-content: space-between;} /*get most from starts here */.content-wrapper { background-color: #f6f6f7; } .get-most-wrapper { background-color: #fff; padding: 15px 25px;} .get-most-wrapper span { font-size: 18px; color: #f6f6f7; font-weight: 700; color: rgba(21, 27, 57, 0.6); line-height: 42px; text-transform: uppercase;} .get-most-wrapper h2 { font-size: 28px; font-weight: bold; color: #151b39;} .get-most-wrapper p { font-size: 13px; color: rgba(21, 27, 57, 0.6); margin-bottom: 4px; text-align: center;} .test-icons { width: 98px; height: 98px; background-color: #edf8f9; border-radius: 52px;} .test-wrapper { display: flex; flex-flow: row wrap; /*padding-left: 50px;*/} .test-name:before { content: ""; /* background-color: wheat;*/ width: 41px; height: 41px; position: absolute; margin-right: 29px; left: 1px; /*background: url(https://mediwheel.in/assets/img/icons-radiology-sprite.png) no-repeat;*/ top: 23px; background-repeat: no-repeat;} .test-name.test-1:before { background-position: -172px -6px;} .test-name.test-2:before { background-position: -125px -2px;} .test-name.test-3:before { background-position: -172px -6px;} .test-name.test-4:before { background-position: -46px -57px;} .test-name.test-5:before { background-position: -92px -57px;} .test-name.test-6:before { background-position: -139px -43px; width: 28px; height: 58px;} .test-name.test-7:before { background-position: -159px -59px;} .test-name.test-8:before { background-position: -91px 1px;} .test-name.test-9:before { background-position: -248px -58px;} .test-name.test-10:before { background-position: -292px -58px;} .test-name { color: #fff; font-size: 20px; font-weight: 400; align-self: center; padding-left: 20px; line-height: 38px; font-weight: bold;} /*flex box concept*/.pad-top { width: 70%; padding-right: 20px; padding-top: 30px; padding-left: 70px;} /*flex box concept ends*/.change-bg { background-color: #f6f6f7; margin-top: 30px;} .flexi-review-box { display: flex; justify-content: center;} .flexi-review-section { width: 100%; max-width: 25%; display: flex; margin: 15px;} .name-card-wrapper { display: flex; border-radius: 5px; justify-content: space-between; border-bottom: 1px dashed #12b7c1;} .fa.fa-star { color: #e7e8eb;} .star-group { align-self: center;} .checked { color: #12b7c1 !important;} .comment-name-wrap { border: 1px solid #9ce1e6; padding: 10px 20px; background-color: #fff; border-radius: 6px; -webkit-box-shadow: -1px 2px 12px 0px rgba(218, 213, 213, 0.75); -moz-box-shadow: -1px 2px 12px 0px rgba(218, 213, 213, 0.75); box-shadow: -1px 2px 12px 0px rgba(218, 213, 213, 0.75);} .name-card-wrapper .name,.comment-name-wrap .comment { color: #151b39; font-size: 19px; font-weight: 700; padding-bottom: 10px;} .name-card-wrapper .name span { color: #12b7c1; font-size: 15px; font-weight: 400; display: block;} .comment-name-wrap p { font-size: 14px; font-weight: 400;} .comment-name-wrap p:before,.comment-name-wrap p:after { display: inline-block; vertical-align: bottom; color: #151b39; font-size: 50px; top: 0.2em; position: relative;} .comment-name-wrap p:before { content: open-quote;} .comment-name-wrap p:after { content: close-quote; color: #fff; font-size: 4em; line-height: 0.1em; vertical-align: -0.4em;} /*Serviced locations*/.city-list { display: flex; flex-flow: row wrap; justify-content: center; padding-bottom: 25px;} .city_name { border: 1px solid #24aeb1; padding: 14px 5px; font-size: 17px; font-weight: 900; color: #151b39; border-radius: 4px; flex: 1; margin: 5px; text-align: center; position: relative;} .city_name span { padding-left: 15px;} .city_name span:before { content: ""; width: 44px; height: 46px; top: 3px; left: 42px; position: absolute; background: url(https://mediwheel.in/assets/img/icons-radiology-sprite.png) no-repeat;} .cn-1 span:before { background-position: -333px -58px;} .cn-2 span:before { background-position: -391px -61px; width: 91px; left: 13px;} .cn-3 span:before { background-position: 0px -138px; width: 78px; left: 12px;} .cn-4 span:before { background-position: -89px -136px; width: 56px; left: 30px;} .cn-5 span:before { background-position: -146px -131px;} /*top selling blocks*/.top-sell-wrap { display: flex; flex-flow: row; flex-wrap: wrap; padding: 0 10px;} .top-sell-wrap-item { flex: 1 0 20%; margin: 0 6px; display: flex;} .top-sell-wrap-item del { font-size: 14px;} .top-selling-blocks { padding: 20px; padding-bottom: 35px;} .top-selling-blocks h3 { font-size: 20px; color: #151b39; font-weight: 700;} .top-selling-blocks p { font-size: 14px; color: rgba(21, 27, 57, 0.6); height: 76px;} .top-selling-blocks .book-now { background-color: #fff; color: #24aeb1; border: none; font-weight: 700; padding: 8px 15px; font-size: 18px;} .top-selling-blocks span { color: #12b7c1; font-size: 22px; font-weight: 700;} .top-selling-blocks strike { color: rgba(21, 27, 57, 0.6); font-size: 17px;} .top-selling-blocks .button-wrap { margin-top: 10px;} .tsb-1 { background: #fff4eb;} .tsb-2 { background: #eafaff;} .tsb-3 { background: #f6fae8;} .tsb-4 { background: #ebfffc;} .tsb-5 { background: #ebfffc;} .tsb-6 { background: #f6fae8;} .tsb-7 { background: #eafaff;} .tsb-8 { background: #fff4eb;} .tsb { margin-bottom: 20px; border-radius: 6px;} /*Our highlights starts here */.highlights-wrap { flex-basis: 0; flex-grow: 1;} .highlights-section-wrapper { padding: 10px 0; display: flex; justify-content: center; padding-top: 0px;} .highlights-section { background-color: #fff; padding: 15px 35px; border-radius: 8px; flex: 1 0 21%; margin: 7px; display: grid;} .highlights-content { position: relative; color: #151b39; font-size: 18px; font-weight: 700; display: table; margin: auto; padding-left: 70px; line-height: 50px;} .highlights-content b { font-size: 20px;} .highlights-section .highlights-content:before { content: ""; width: 60px; height: 57px; background: url(https://mediwheel.in/assets/img/icons-radiology-sprite.png); background-repeat: no-repeat; position: absolute; left: 0;} .highlights-section .highlights-content.hc-1:before { background-position: -198px -121px;} .highlights-section .highlights-content.hc-2:before { background-position: -257px -121px;} .highlights-section .highlights-content.hc-3:before { background-position: -314px -121px;} .highlights-section .highlights-content.hc-4:before { background-position: -376px -121px; background-repeat: no-repeat;} /*whatsapp section */.bottom-wsp { color: #151b39; padding: 0 10px; margin: 0;} .bottom-wsp img { width: 50px;} .bottom-wsp .book-wsp { font-size: 17px;} .bottom-wsp .wsp-num { font-size: 22px; font-weight: 700;} .bottom-wsp span { display: block; text-align: left;} .diag-book-section { display: flex; background-color: #a1fbf0; text-align: center; justify-content: center; padding: 10px 0; margin-bottom: 15px; margin-left: -33px; /*margin-right: -33px;*/} .diag-book-section .button-wrap { align-self: center; padding-left: 5%;} .diag-book-section .button-wrap .book-now { background-color: #24aeb1; padding: 9px 20px; border: none; color: #fff; border-radius: 4px; font-size: 17px; font-weight: 700;} .best-prices { font-size: 14px; color: #000; padding-top: 18px;} .best-prices span { color: #f5243d;} .radiology-footer { background-color: #24aeb1; cursor: pointer;} .footer-list-wrap ul li a { font-size: 13px; color: #fff; text-decoration: none;} .footer-list-wrap ul { list-style-type: none; text-decoration: none; display: flex; justify-content: center; padding: 10px 0; margin: 0; flex-wrap: wrap;} .footer-list-wrap ul li { padding: 0 5px; border-right: 1px solid #fff; line-height: 10px;} .footer-list-wrap ul li:last-child { border-right: none;} .footer-list-wrap ul { margin-bottom: 0; padding-bottom: 0px; padding-top: 12px;} .footer-list-wrap { padding: 25px 0;} .footer-list-wrap ul:first-child { padding-top: 0;} .nabc-labs { color: #5cdfe2;} .brands-list { display: flex; margin: 0; justify-content: center; padding: 10px 0;} .brands-list li a { text-decoration: none;} .brands-list li { list-style-type: none; align-self: center; margin: 0 40px;} .line { width: 90%;} .brands-list-ext ul li { margin: 0 25px;} .brands-list-ext ul { justify-content: center;} @media only screen and (max-width: 1550px) { .details-content-wrapper { background-size: 55%; padding-left: 55%; } .netmeds-package .package-name span { font-size: 44px; padding: 14px; } .netmeds-package .package-name { font-size: 36px; } .discount-type-offer { font-size: 46px; font-weight: 600; } .discount-type-offer .off { font-size: 37px; } .only-price { font-size: 27px; } .only-price strike { font-size: 33px; } .only-price span { font-size: 64px; } .arrow_box .book-wsp { font-size: 15px; } .arrow_box .wsp-num { font-size: 24px; } .lab-details-section { padding-right: 10px; font-size: 13px; } .diag-book-section .button-wrap .book-now { font-size: 17px; } .arrow_box:before { margin-left: -30px; top: 100%; } .arrow_box:after { margin-left: -28px; top: 100%; } .radiology-tests { font-size: 11px; } .r-line:after { left: 107px; top: 52px; height: 1px; width: 71px; } .test-start { font-size: 14px; } .test-price s { font-size: 16px; } .test-price span { font-size: 19px; } .form-input-group label { font-size: 15px; } .diag-form-wrap p { font-size: 14px; } .diag-form-wrap h2 { font-size: 22px; } .discount-type-offer .intro { font-size: 17px; line-height: 22px; } .test-name:before { top: 18px; } .test-name { font-size: 16px; line-height: 24px; background-image: linear-gradient(to right, #f56d0c 0%, #13c3bb 51%, #cd531a 100%); padding: 16px; border-radius: 17px; text-align: center !important; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } .get-most-wrapper span { font-size: 16px; line-height: 31px; } .get-most-wrapper h2 { font-size: 26px; text-align: center; } .top-selling-blocks p { font-size: 13px; } .top-selling-blocks span { font-size: 21px; } .top-selling-blocks .book-now { font-size: 17px; } .highlights-content { font-size: 17px; } .highlights-section { padding: 15px 25px; } .highlights-wrap { flex-basis: 0; flex-grow: 1; } /*edited for swiper */ .flexi-review-section { width: 100%; /* max-width: 25%; */ display: flex; margin: 15px; } .swiper-slide { flex-shrink: 0; width: 27%; margin: 15px; display: grid; } .review-card.flexi-review-section { max-width: 100% !important; }} @media only screen and (min-width:1200px) and (max-width:1300px) { .radiology-tests { font-size: 15px; } .radiology-tests:after { width: 50px; } .test-price s { font-size: 14px; } .top-selling-blocks h3 { font-size: 18px; } .top-selling-blocks .book-now { font-size: 15px; } .top-selling-blocks span { font-size: 18px; } .test-price span { font-size: 16px; } .test-start { font-size: 13px; padding-top: 9px; } .city_name span { padding-left: 25px; } .arrow_box .wsp-num { font-size: 21px; } .only-price { font-size: 26px; } .tsb { background-size: 60%; } .arrow_flex { margin-right: 22px; } .lab-details-section { line-height: 19px; } .details-content-wrapper { background-position: top left; } .only-price span { font-size: 53px; } .only-price strike { font-size: 29px; } .lab-details-section { padding-right: 10px; font-size: 12px; } .highlights-content { font-size: 16px; } .comment-name-wrap p { font-size: 14px; font-weight: 400; } .diag-book-section .button-wrap .book-now { font-size: 19px; } .bottom-wsp .wsp-num { font-size: 24px; } .bottom-wsp .book-wsp { font-size: 16px; } .highlights-section { padding: 15px 25px; } .tests-type .swiper-slide { padding-right: 0px; } } @media only screen and (max-width: 1023px) { body { overflow-x: hidden; } .r-tests { flex-wrap: wrap; display: flex; justify-content: space-between; flex: 0 50%; } .radiology-tests-wrap:nth-of-type(even) .r-line .radiology-tests:after { position: relative; content: none; display: none; } .radiology-tests-wrap { margin-bottom: 27px; flex: 0 43%; margin-left: 10px; } .test-price span { font-size: 16px; } .radiology-tests:after { width: 36px; } .radiology-tests:after { left: 131px; } .test-price s { font-size: 14px; } .test-start { font-size: 12px; padding-top: 12px; } .radiology-tests { font-size: 15px; } .diag-container { padding: 0 15px; } .diag-header-wrapper img { width: -1px; } .diag-header-wrapper .logo { display: none; } .top-selling-blocks.tsb { width: 100%; } .comment-name-wrap { width: 100%; } .package-head-wrap { flex-flow: column; } .get-most-wrapper h2 { font-size: 20px; } .get-most-wrapper p { font-size: 12px; } .test-name { font-size: 13px; padding-left: 30px; line-height: 17px; } .test-wrapper { display: flex; flex-flow: column; padding-left: 0; } .flexi-review-box { flex-flow: column; } .flexi-review-section { max-width: 100%; margin: 0; margin-bottom: 15px; } .top-sell-wrap { flex-flow: column; } .highlights-section .highlights-content:before { content: ""; width: 60px; height: 58px; left: 9px; top: -45px; text-align: center; } .diag-book-section { flex-flow: column; margin-left: 0px; margin-right: 0px; } .highlights-content { line-height: 24px; padding-left: 0; font-size: 12px; padding-top: 15px; } .highlights-wrap { padding: 15px; margin: 25px 0px; flex: 0 50%; text-align: center; } .highlights-section { margin: 0; padding: 0; } .highlights-section-wrapper { flex-wrap: wrap; justify-content: center; background-color: #fff; border-radius: 10px; margin-bottom: 25px; padding-bottom: 0; padding-top: 37px; } .arrow_flex.bottom-wsp { padding: 0px; margin-right: 0; align-self: center; } .bottom-wsp .wsp-num { font-size: 21px; } .bottom-wsp .book-wsp { font-size: 14px; } .package-form-section { width: 100%; } .netmeds-package { padding-left: 0; flex-direction: column; } .pad-top { width: 100%; padding-right: 0; padding: 0 10px; } .package-details-section { width: 100%; } .netmeds-package .package-name { display: inline; } .netmeds-package .package-name span { font-size: 24px; line-height: 20px; } .netmeds-package p { font-size: 10px; } .netmeds-package p span { font-size: 11px; padding: 1px 5px; border-radius: 3px; } .details-content-wrapper { background-repeat: no-repeat; background-size: 41%; padding-left: 40%; background-position: bottom left; } .vertical-stripes { height: 40px; width: 41px; border-radius: 30px; } .vertical-stripes .discount-type { font-size: 12px; left: 21px; top: 29px; padding: 0px 2px; } .np { margin: 20px 0px; text-align: center; } .netmeds-package .package-name { font-size: 21px; line-height: 24px; } .discount-type-offer { line-height: 34px; font-size: 30px; } .discount-type-offer .off { font-size: 19px; } .heading-offer { display: flex; justify-content: center; margin: 0; } .discount-type-offer .intro { font-size: 10px; line-height: 22px; } .only-price { font-size: 19px; } .only-price strike { font-size: 16px; } .only-price span { font-size: 22px; } .details-content-wrapper .span-head-wrap .span-head { font-size: 14px; } .arrow_flex { padding: 0px 7px; margin-right: 20px; } .arrow_box:before { margin-left: -29px; left: 22%; border-width: 10px; } .arrow_box .book-wsp { font-size: 10px; } .arrow_box .wsp-num { font-size: 14px; line-height: 18px; } .arrow_box:after { margin-left: -28px; left: 22%; border-width: 9px; } .lab-details-wrapper { display: none; } .swiper-slide { width: 100% !important; margin: 0 !important; margin-right: 20px !important; padding: 15px; } .swiper-pagination-bullet { border-radius: 2px !important; width: 15px !important; height: 2px !important; } .top-sell-wrap-item { margin: 0; } .swiper-pagination-bullet-active { opacity: 1; background: #12b7c1 !important; } .top-sell .swiper-slide { margin: 0; } .toggle-tests { display: block; text-align: center; color: #24aeb1 !important; } .arrow_box.arrow_flex { display: none; } .tests-type .swiper-wrapper { margin-bottom: 20px !important; } .tests-type .swiper-slide { padding-right: 0px; } .diag-book-section .button-wrap .book-now { font-size: 15px; } .brands-list { flex-wrap: wrap; } .brands-list li { margin: 15px 0; flex: 0 50%; } .brands-list-ext ul li { margin: 15px 0; flex: 0 50%; } .city_name span:before { left: 54px; } .cn-4 span:before { left: 51px; } .cn-3 span:before { left: 40px; } .cn-2 span:before { left: 41px; } .cn-1 span:before { background-position: -333px -58px; } .city-list { flex-flow: column wrap; } /* .footer-list-wrap ul li a { line-height: 16px; }*/ } @media only screen and (max-width: 1023px) { .diag-header-wrapper img { width: -1px; } /* Extracted from */ @media screen and (min-width: 661px) { .cg-table-one tbody tr td:nth-child(1), .cg-table-two tbody tr td:nth-child(1) { width: 0%; } .cg-table-one tbody tr td:nth-child(2), .cg-table-two tbody tr td:nth-child(2) { width: 0%; } .cg-table-one tbody tr td:nth-child(3), .cg-table-two tbody tr td:nth-child(3) { width: 0%; } .cg-table-five tbody tr td:nth-child(4), .cg-table-one tbody tr td:nth-child(4), .cg-table-two tbody tr td:nth-child(4) { width: 0%; } } .cg-img-1 { width: 60px; } .cg-table-title { text-align: left; color: #303030; font-size: 10px; font-weight: 600; display: block; margin: 4px 5px 5px 5px; word-break: break-word; } .cg-tbl-ul ul li { display: block; margin: 1px -4px; position: relative; padding-left: 20px; list-style: none; text-align: left; font-size: 10px; line-height: 16px; } .radiology-tests:before { content: ""; width: 41px; height: 40px; background: url("https://mediwheel.in/assets/img/pathology_icon.png") no-repeat; position: absolute; left: -8px; top: -12px;} .style__safe___3Ve-w { display: inline-flex; padding: 2px 4px; font-size: 12px; font-weight: 700; border-radius: 2px; color: #2b2b2b; line-height: 1.42; background-color: #ffe3c2; min-width: 58px;} .item { margin-bottom: 17px; padding: 7px 19px; border-radius: 40px; color: #000; width: 100% !important; box-shadow: 0px 0px 8px #dddddd;} .h4 { color: #fff;} section { padding: 60px 0; overflow: hidden; padding-top: 15px; padding-bottom: 15px;} .section-bg { background-color: #f3f5fa;} .section-title { text-align: center; padding-bottom: 30px;} .section-title h2 { font-size: 32px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; padding-bottom: 20px; position: relative; color: #37517e;} .section-title h2::before { content: ''; position: absolute; display: block; width: 120px; height: 1px; background: #ddd; bottom: 1px; left: calc(50% - 60px);} .section-title h2::after { content: ''; position: absolute; display: block; width: 40px; height: 3px; background: #47b2e4; bottom: 0; left: calc(50% - 20px);} .section-title p { margin-bottom: 0;} .right-set { width: 293px; margin-left: 16px; color: #423d3d;} .img-responsive { border-radius: 15px;} .main_heading { width: 100%; float: left; text-transform: capitalize; font-weight: bold; font-size: 30px; color: #000; margin: 0 0 30px; padding-bottom: 5px; text-align: center; text-align: center; line-height: 1.1;} .main_heading>span { width: auto; position: relative; display: inline-block; padding-bottom: 15px;} .main_heading>span::before,.main_heading>span::after { content: ""; height: 1px; background: #00b1df; position: absolute; left: 0; right: 0; margin: auto;} .main_heading>span::before { width: 100%; bottom: 6px;} .main_heading>span::after { width: 50%; bottom: 0;} .p { width: 100%; float: left; margin-bottom: 10px;} .main { width: 100%; float: left; overflow: hidden;} .main>* { width: 100%; float: left;} .main .section { padding: 50px 0 30px;} .main .full_width { width: 100%; float: left; position: relative;} .main_heading.left { text-align: left;} .main_heading.left>span::after { right: auto;} .choosing_us [class*="icon-"] { width: 100%; float: left; margin-bottom: 20px; text-align: center; color: #000; font-weight: bold; font-size: 20px;} .choosing_us [class*="icon-"]>i { height: 130px; display: inline-block; margin-bottom: 10px; background-repeat: no-repeat;} .choosing_us .icon-1>i { width: 143px; background-position: -44px -235px;} .choosing_us .icon-2>i { width: 159px; background-position: -203px -235px;} .choosing_us .icon-3>i { width: 133px; background-position: -44px -370px;} .choosing_us [class*="icon-"]>span { width: 100%; float: left;} /*==========choosing_us====================*/ @media (min-width:992px) and (max-width:1199px) { .pages_link .link { width: 145px; margin-left: 5px; margin-right: 5px; font-size: 18px; } .pages_link .link.more { height: 125px; } .banner_icons .banner_icons_area { min-height: 103px; } .subscribe_area .subscribe form .input_area { width: 80%; }} @media (max-width:991px) { .banner_icons .banner_icons_area>[class*="icons-"] { /*right: 15px;*/ margin: auto; } .banner_icons .banner_icons_area { text-align: center; padding: 85px 15px 10px 15px; min-height: auto; } .subscribe_area .subscribe form .input_area { width: 100%; }} @media (min-width:768px) and (max-width:991px) { .main_heading { font-size: 45px; }} @media (max-width:767px) { .subscribe_area .main_subscribe_area { padding-bottom: 100px; }} @media (max-width:560px) { .pages_link { padding-bottom: 20px; } .pages_link .link { width: 135px; font-size: 16px; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } .pages_link .link.more { height: 122px; } .subscribe_area .subscribe .head { font-size: 40px; } .subscribe_area .main_subscribe_area { padding-left: 15px; padding-right: 15px; } .top_destination .top_destination_slider .owl-stage .item { padding: 2px; } .top_destination .top_destination_slider .top_destination_area>img { margin-bottom: 20px; }} .postid-5493 .pagetitle,.postid-4846 .pagetitle,.page-id-3566 .pagetitle,.postid-3756 .pagetitle,.postid-5170 .pagetitle { background-image: url(https://www.airticketsbookings.com/../img/bg/bg.jpg) !important; height: 450px; padding: 0px; background-position: center center;} #header-wrapper.header-slider { background: #000 url(../img/bg/bg.jpg)} @media (max-width: 767px) { .containerr { padding: 0 }} #onloadshowpop a { text-decoration: none; color: #000;} #onloadshowpop h1 { color: #2b303d; font-size: 35px !important; margin-top: 47px;} #cwtd { font-size: 22px; font-weight: 600;} #circlecall { border-radius: 40px; color: #bf1673; padding: 20px; border: 1px solid #2b303d;} #softmenupop { position: absolute; bottom: -16px; left: 0; background: #2b303d; color: #fff; width: 100%; font-size: 17px; padding: 20px 0 20px 0;} #softmenupop { color: #fff; font-size: 17px;} #softmenupop li { display: inline;} .fa-times-circle::before { content: "\f057";} a.calling { display: block; width: 100%; background: #fc8f28; padding: 8px; color: #fff; font-size: 18px; font-weight: 800; text-align: center; position: fixed; bottom: 0px; text-decoration: none; z-index: 5; } #header .logo { position: relative; float: left; margin-right: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; align-self: stretch } a, a:focus { color: #3c3435; -webkit-transition: all .2s ease; transition: all .2s ease } .flight-svg { position: relative; animation: mymove 5s 1; animation-fill-mode: forwards; top: 10px } .flight-svg-header { position: absolute; animation: mymoveheader 3s 186; animation-fill-mode: forwards; top: 17px; } .flight-svg img { width: 37.9px; height: 33px; position: relative; top: -4px } .flight-svg-header img { width: 300.9px; height: 33px; position: relative; top: -9px; } @keyframes mymove { from { left: 0 } to { left: 280px } } @keyframes mymoveheader { from { left: 0 } to { left: 210px } } @media (min-width: 320px) and (max-width: 480px) { .logo img { width: 170px; } } @keyframes mymoveheader { from { left: 0 } to { left: 150px } } @media (max-width: 667px) { .flight-svg-header { position: absolute; animation: mymoveheader 6s 85; animation-fill-mode: forwards; top: 20px; } } .main .section { padding: 50px 0 30px; } .main .full_width { width: 100%; float: left; position: relative; } .main_heading.left { text-align: left; } .main_heading.left>span::after { right: auto; } .banner_icons .banner_icons_area { width: 100%; /* float: left; */ margin-bottom: 20px; box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 21px 0px 0px 92px; position: relative; min-height: 40px; } .banner_icons .banner_icons_area .head { margin-bottom: -20px; color: #000; font-weight: bold; } .banner_icons .banner_icons_area .text { font-size: 13px; } .banner_icons .banner_icons_area .plane { width: 50px; height: 59px; position: absolute; top: -12px; right: -21px; background-position: -187px 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .banner_icons .banner_icons_area>[class*="icons-"] { width: 60px; background-repeat: no-repeat; position: absolute; top: 9px; left: 15px; } .banner_icons .banner_icons_area>.icons-1 { height: 53px; background-position: 0 0; } .banner_icons .banner_icons_area>.icons-2 { height: 48px; background-position: -61px 0; } .banner_icons .banner_icons_area>.icons-3 { height: 60px; background-position: -125px 0; } .main_heading { width: 100%; float: left; text-transform: capitalize; font-weight: bold; font-size: 30px; color: #000; margin: 0 0 30px; padding-bottom: 5px; text-align: center; text-align: center; line-height: 1.1; } .main_heading>span { width: auto; position: relative; display: inline-block; padding-bottom: 15px; } .main_heading>span::before, .main_heading>span::after { content: ""; height: 1px; background: #00b1df; position: absolute; left: 0; right: 0; margin: auto; } .trust { background: linear-gradient(104deg, #009bab 4%, #f16806 35%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .textt { margin-left: 63px; margin-top: -62px; } .nd { margin-top: -83px; margin-left: 291px; } .ndd { margin-top: -32px; margin-left: 283px; } .new { display: none; } #myBtn1 { width: 200px; color: #fc8019 ; display: block; text-align: center; background-color: #fc8019; transition: .3s; } #myBtn:hover { background-color: #0098ab; text-decoration: none; } .noContent { color: #fc8019 !important; background-color: transparent !important; pointer-events: none; display: none; } .textt{ color: #000; margin-bottom: 23px;} .ndd{ margin-left: 604px;} .nd{margin-left: 580px; } @media (max-width: 1199px){ .pkgCardBox .priceSec span.offer{ right: -19px;} .hero-section #city{ width: 27% !important;} .content-voilence-4 .titleblock .price a{ font-size: 10px !important;} .content-voilence-4 .customLgContent-control .pkgCardBox{padding: 9px 8px; height: 156px !important;} .content-voilence-4 .titleblock .price a{ padding: 5px 2px !important;} .nd{ margin-left: 460px !important;} .ndd{ margin-left: 465px !important;} } @media (max-width: 991px){ .slider-codepen .center{ padding: 0 0;} .col-lg-5{ width: 100% !important;} .hero-section .otp-main{ width: 20%; display: inline-block;} .hero-section #city{ width: 24% !important;} .to-hai{ display: none;} .owl-stage h4{ font-size: 14px !important;} .content-voilence-4 .titleblock .price a{font-size: 13px !important;} .content-voilence-4 .titleblock .price a{ padding: 4px 0px !important; margin-left: 14px !important;} .content-voilence-4 .customLgContent-control .pkgCardBox{ height: 146px !important;} .slider-codepen .slider{ height: 246px !important;} .nd{ margin-left: 48px !important;} .ndd{margin-left: 57px !important;} .papular-health-2 .item h4{ font-size: 14px;} .papular-health-2 .item{ padding: 10px 19px;} } @media (max-width: 767px){ .content-voilence-4 .titleblock .price a{ margin-left: 0px !important;} .content-voilence-4 .customLgContent-control .pkgCardBox{ height: 136px !important;} .content-voilence-4 .titleblock .price a{ font-size: 10px !important; padding: 4px 6px !important;} .hero-section .otp-main{ width: 100%;} .best-secure .col-md-3{ width: 49%;} .best-secure .col-md-8{ width: 33% !important;} .hero-section #city{ width: 34% !important;} .why-choose-us .col-md-2{ width: 21% !important;} .head{ margin-bottom: 0; padding-bottom: 0;} .why-choose-us .col-md-8{ width:57% !important;} .banner_icons .tabContgapBot{ flex: inherit !important;} .top_nav li:nth-child(5){ display: block !important;} } @media (max-width: 575px){ .slider-codepen .slider{ height: 182px !important;} .banner-left-text .form-group{ width: 36%;} .col-sm-3{ width: 100% !important;} .content-voilence-4 .customLgContent-control .pkgCardBox{ margin-bottom: 11px;} .head{ padding-bottom: 0; padding-top: 0; line-height: 19px;} .text{line-height: 20px;} .content-voilence-4 .customLgContent-control .pkgCardBox{ padding: 14px 24px;} .content-voilence-4 .titleblock .price a{ font-size: 14px !important;} .content-voilence-4 .titleblock .price a{margin-left: 15px !important;} .content-voilence-4 .customLgContent-control .pkgCardBox{height: 152px !important;} .pkgCardBox .priceSec span.offer{ right: -35px;} .top_nav li:nth-child(5){ display: block !important;} } @media (max-width: 480px){ .slider-codepen .slider{ height: 99px !important;;} .banner-left-text .form-group{width: 49% !important;} #DivMobile{ width: 49% !important; margin-bottom: 10px;} .best-secure .col-md-3{ width: 100%; margin-bottom: 20px;} .hero-section #city{ width: 100% !important;} .show-box .img-responsive{ width: 100% !important; } .content-voilence-4 .titleblock .price a{ margin-left: 0px !important; font-size: 12px !important;} .ndd{ margin-left: 0px !important;} .textt{margin-left: 0 !important; margin-top: 0px !important; display: inline-block; width: 58%;} .nd{margin-left: 0px !important; margin-top: 0 !important;} .right-set{ text-align: center;} .text{ padding: 0;} .why-choose-us .col-md-8{ padding: 0;} .go{ padding: 34px 8px !important; border-radius: 25px !important; display: inline-block !important;} .main_heading{ font-size: 23px; margin: 0 0 16px;} .banner_icons .banner_icons_area .plane{width: 46px;right: -9px; height: 59px;} .banner_icons .banner_icons_area>[class*="icons-"]{ width: 48px;} .banner_icons .banner_icons_area .head{ width: 88%;} .banner_icons_area{ padding: 18px 0px 20px 51px !important;} } @media (min-width: 1400px){ .slider-codepen .slider { height: 248px !important;} .col-lg-5.col-md-12.banner-left-text form{ padding: 28px 26px 23px 25px !important;} } .form-group { display: inline-block; width: 29%; margin-bottom: 12px; } /* Extracted from */ section.back_image.mt-3 .card.p-3.centres p { margin-bottom: 0px; margin-top: 8px; font-size: 11px; height: 90px; } section.back_image.mt-3 img { max-width: 100%; height: auto; } .container2 { display: flex; gap: 20px; /* Space between the boxes */ } .box { width: 185px; height: 185px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; border: 2px solid #d74c17; padding: 10px; /*background-color: #f5c7ac;*/ border-radius: 50%; margin-top:10px; } .circle { padding-top: 62px; text-align: center; } .section1-header1 { margin-bottom: 25px; position: relative; padding-bottom: 20px; } .manageimg{ width: 42px; margin-bottom: 10px; margin-top: -23px; } .section1-header1::before { content: ''; position: absolute; display: block; width: 60px; height: 5px; background: #FF5722; bottom: 0; left: calc(50% - 25px); } .section1-header1 h2 { /*font-size: 36px;*/ /*text-transform: uppercase;*/ text-align: center; /*font-weight: 700;*/ /*margin-bottom: 10px;*/ } .section1-header1 p { text-align: center; padding: 0; margin: 0; font-size: 18px; font-weight: 500; color: #9195a2; } .work-porcess-area { margin-top: 50px; margin-bottom: 50px; } .work-porcess-area.white { background: #FFFFFF; } .work-porcess-area .process-info { margin-top: 7px; margin-bottom: 80px; } .work-porcess-area .process-info .single-process { width: 180px; height: 180px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; padding-top: 53px; margin: 0 auto; background: #FFFFFF; -webkit-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4); -o-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4); -moz-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4); -ms-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4); box-shadow: 0 10px 30px 0 rgb(0 188 212 / 28%); position: relative; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; cursor: pointer; } .work-porcess-area .process-info .single-process:hover { -webkit-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4) -o-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4) -moz-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4) -ms-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4) box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4) } .work-porcess-area .process-info .single-process:after { position: absolute; content: "\f101"; font-family: "fontawesome"; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -65px; color: #f82249; Display: none; } .work-porcess-area .process-info .single-process.first { background: #f82249; } .work-porcess-area .process-info .single-process.first i:before { color: #FFFFFF; } .work-porcess-area .process-info .single-process.first h4 { color: #FFFFFF; } .work-porcess-area .process-info .single-process.thard { background: #f82249; } .work-porcess-area .process-info .single-process.thard i:before { color: #FFFFFF; } .work-porcess-area .process-info .single-process.thard h4 { color: #FFFFFF; } .work-porcess-area .process-info .single-process.last:after { display: none; } .work-porcess-area .process-info .single-process i { display: block; line-height: 25px; margin-bottom: 12px; } .work-porcess-area .process-info .single-process i:before { font-size: 36px; color: #f82249; } .work-porcess-area .process-info .single-process h4 { font-size: 15px; /*font-weight: 600;*/ /*text-transform: capitalize;*/ color: #4b5050; } @media only screen and (max-width: 767px) { .work-porcess-area .process-info .single-process::after { display: none; } .work-porcess-area .process-info .single-process{ margin-top: 30px; } .work-porcess-area .section-title h2{ margin-bottom: 5px; } .section-header h2 { font-size: 30px; } } .butt button { padding: .375rem 1.50rem !important; border-color: #ffffff !important; box-shadow: rgb(159 151 151 / 35%) 0px 2px 10px !important; background-color: #fff; } section.back_image.mt-3 .card.p-3.centres { margin-bottom: 25px; border-radius: 20px; min-height: 176px; margin-right: 0px; } .p-3 { padding: 0rem !important; } /* Extracted from */ /* ========================================================= HCBK — Health Checkup Booking, v4 HTML + CSS + Bootstrap, with a tiny vanilla filter for the hospital search field. Category + Package now live in one section so the step never looks empty. ========================================================= */ :root { --ink: #132420; --muted: #6b7570; --paper: #f5f3ec; --surface: #ffffff; --line: #e4e1d3; --green: #16a7b7; --green-dark: #117e8a; --green-light: #d8f4f7; --amber: #b9791c; --amber-light: #faf0dc; --red: #e8571e; --red-dark: #be4517; --red-light: #fde3d8; --radius: 16px; --font-display: 'Manrope', Arial, sans-serif; --font-body: 'Inter', Arial, sans-serif; --font-mono: 'IBM Plex Mono', 'Courier New', monospace; } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; min-height: 100vh; padding: 22px; background: radial-gradient(circle at top left, rgba(22, 167, 183, .16), transparent 28%), radial-gradient(circle at top right, rgba(232, 87, 30, .16), transparent 26%), linear-gradient(180deg, #f5fbfc 0%, #f8f7f2 46%, #eef7f8 100%); font-family: var(--font-body); color: var(--ink); -webkit-font-smoothing: antialiased; } body.hcbk-modal-open { overflow: hidden; } a { color: var(--green-dark); } :focus-visible { outline: 2.5px solid var(--green); outline-offset: 2px; } /* ---------- visually-hidden but still focusable/keyboard-usable inputs ---------- Every radio that drives this page (step navigation + all selections) uses this class. No display:none — that would break keyboard focus. ---------- */ .hcbk-vh-input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; pointer-events: none; } #app { max-width: 1200px; margin: 0 auto; min-height: calc(100vh - 44px); background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .88)), var(--surface); border: 1px solid rgba(228, 225, 211, .82); box-shadow: 0 28px 80px rgba(19, 36, 32, .12); border-radius: 30px; } /* ---------- Header / hero ---------- */ .hcbk-topbar { position: relative; overflow: hidden; border-bottom: 1px solid rgba(228, 225, 211, .8); background: radial-gradient(circle at top left, rgba(22, 167, 183, .09), transparent 30%), linear-gradient(180deg, #fff 0%, #fbfcfc 100%); } .hcbk-topbar::before, .hcbk-topbar::after { content: ""; position: absolute; pointer-events: none; border-radius: 50%; } .hcbk-topbar::before { width: 240px; height: 240px; right: -120px; top: -110px; background: radial-gradient(circle, rgba(232, 87, 30, .12), transparent 68%); } .hcbk-topbar::after { width: 360px; height: 360px; left: -150px; bottom: -210px; background: radial-gradient(circle, rgba(22, 167, 183, .10), transparent 68%); } .hcbk-header-wrap { position: relative; z-index: 1; } .hcbk-topstrip { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; } .hcbk-top-left { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex: 1 1 auto; min-width: 0; } .hcbk-logo-main { height: 46px; width: auto; object-fit: contain; display: block; } .hcbk-logo-chip { display: flex; align-items: center; justify-content: center; gap: 0; padding: 2px; border-radius: 16px; background: transparent; border: none; box-shadow: none; margin-left: auto; } .hcbk-chip-logo { width: 310px; height: 110px; object-fit: contain; display: block; border-radius: 0; background: transparent; box-shadow: none; } .hcbk-utility { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .hcbk-utility-item { display: flex; align-items: center; gap: 10px; padding: 7px 10px; border-radius: 14px; background: rgba(255, 255, 255, .9); border: 1px solid rgba(228, 225, 211, .9); } .hcbk-utility-icon { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(22, 167, 183, .09); color: var(--green-dark); flex: 0 0 auto; } .hcbk-utility-item strong { display: block; font-size: 11px; line-height: 1.1; } .hcbk-utility-item span { display: block; font-size: 10px; color: var(--muted); line-height: 1.1; } .hcbk-brand-pill { display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 999px; background: rgba(232, 87, 30, .08); border: 1px solid rgba(232, 87, 30, .18); color: var(--red-dark); font-family: var(--font-mono); font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; } .hcbk-brand-pill span { width: 8px; height: 8px; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 5px rgba(232, 87, 30, .12); } .hcbk-navstrip { position: relative; z-index: 1; background: linear-gradient(180deg, #08a3ad, #0b8f99); border-top: 1px solid rgba(255, 255, 255, .2); border-bottom: 1px solid rgba(5, 72, 76, .18); overflow: auto hidden; scrollbar-width: none; } .hcbk-navstrip::-webkit-scrollbar { display: none; } .hcbk-navstrip-inner { display: flex; align-items: center; gap: 8px; padding: 0 18px; min-width: max-content; } .hcbk-nav-home { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; background: rgba(255, 255, 255, .12); flex: 0 0 auto; } .hcbk-nav-item { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 16px 12px; color: #fff; font-size: 12.5px; font-weight: 700; text-decoration: none; white-space: nowrap; opacity: .95; } .hcbk-nav-item small { font-size: 9px; padding: 3px 6px; border-radius: 999px; background: #ff5a52; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; margin-left: 2px; } .hcbk-nav-item:hover { opacity: 1; } .hcbk-hero-shell { position: relative; z-index: 1; padding: 14px; } .hcbk-hero-banner { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr); gap: 12px; align-items: stretch; padding: 12px; border-radius: 22px; background: linear-gradient(90deg, rgba(14, 135, 142, .92), rgba(14, 135, 142, .72) 56%, rgba(255, 255, 255, .16)), linear-gradient(135deg, #f0f6f7, #ffffff); box-shadow: 0 18px 40px rgba(19, 36, 32, .08); } .hcbk-hero-copy { display: flex; flex-direction: column; justify-content: center; gap: 7px; color: #fff; padding: 4px 4px 4px 6px; } .hcbk-hero-kicker { display: inline-flex; align-items: center; gap: 8px; width: max-content; padding: 7px 10px; border-radius: 999px; background: rgba(255, 255, 255, .14); font-size: 10px; font-family: var(--font-mono); font-weight: 700; letter-spacing: .09em; text-transform: uppercase; } .hcbk-hero-kicker span { width: 7px; height: 7px; border-radius: 50%; background: #fff; } .hcbk-hero-copy h1 { margin: 0; font-family: var(--font-display); font-size: clamp(26px, 3.2vw, 40px); font-size: 30px; /*line-height: .96;*/ /*letter-spacing: -.05em;*/ } .hcbk-hero-copy p { margin: 0; max-width: 650px; color: rgba(255, 255, 255, .9); font-size: 13px; line-height: 1.45; } .hcbk-hero-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 1px; } .hcbk-btn { border: none; cursor: pointer; border-radius: 14px; font-weight: 800; font-size: 12.5px; padding: 11px 16px; display: inline-flex; align-items: center; gap: 8px; transition: transform .12s ease, background .16s ease, opacity .16s ease, box-shadow .16s ease; text-decoration: none; } .hcbk-btn:active { transform: scale(.97); } .hcbk-btn svg { width: 15px; height: 15px; } .hcbk-btn-ghost { background: #fff; color: var(--ink); border: 1.5px solid rgba(255, 255, 255, .75); box-shadow: 0 10px 22px rgba(19, 36, 32, .08); } .hcbk-btn-ghost:hover { border-color: #fff; color: var(--ink); } .hcbk-btn-primary { background: linear-gradient(135deg, var(--red), #ff7a45); color: #fff; box-shadow: 0 14px 28px rgba(232, 87, 30, .25); } .hcbk-btn-primary:hover { background: linear-gradient(135deg, var(--red-dark), var(--red)); color: #fff; } .hcbk-hero-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 6px; } .hcbk-hero-feature { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 14px; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .18); backdrop-filter: blur(4px); } .hcbk-hero-feature-ico { width: 30px; height: 30px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; background: rgba(255, 255, 255, .14); } .hcbk-hero-feature strong { display: block; font-size: 11px; line-height: 1.1; } .hcbk-hero-feature span { display: block; font-size: 10px; color: rgba(255, 255, 255, .88); line-height: 1.2; } .hcbk-hero-right { display: flex; flex-direction: column; justify-content: center; gap: 7px; padding: 2px; } .hcbk-hero-card { background: rgba(255, 255, 255, .96); border-radius: 18px; padding: 10px; box-shadow: 0 12px 28px rgba(19, 36, 32, .08); border: 1px solid rgba(228, 225, 211, .82); } .hcbk-hero-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 8px; } .hcbk-hero-card-head strong { font-size: 13.5px; display: block; } .hcbk-hero-card-head span { display: block; font-size: 11px; color: var(--muted); margin-top: 2px; } .hcbk-hero-statgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; } .hcbk-hero-stat { padding: 8px; border-radius: 13px; background: linear-gradient(180deg, #f7fbfb, #fff); border: 1px solid rgba(228, 225, 211, .82); min-height: 72px; } .hcbk-hero-stat strong { display: block; font-size: 13px; margin-bottom: 2px; } .hcbk-hero-stat span { display: block; color: var(--muted); font-size: 10px; line-height: 1.25; } .hcbk-hero-stat.full { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; } .hcbk-hero-stat.full .hcbk-hero-stat-icon { width: 32px; height: 32px; } .hcbk-hero-stat-icon { width: 26px; height: 26px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: rgba(22, 167, 183, .1); color: var(--green-dark); margin-bottom: 5px; } .hcbk-hero-stat-icon.red { background: rgba(232, 87, 30, .1); color: var(--red-dark); } .hcbk-hero-highlights { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; } .hcbk-highlight-card { display: flex; align-items: flex-start; gap: 8px; padding: 10px; border-radius: 14px; background: rgba(255, 255, 255, .95); border: 1px solid rgba(228, 225, 211, .86); box-shadow: 0 8px 18px rgba(19, 36, 32, .05); } .hcbk-highlight-ico { width: 28px; height: 28px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; } .hcbk-highlight-ico svg { width: 14px; height: 14px; } .hcbk-highlight-ico.teal { background: linear-gradient(135deg, rgba(22, 167, 183, .2), rgba(22, 167, 183, .08)); color: var(--green-dark); } .hcbk-highlight-ico.orange { background: linear-gradient(135deg, rgba(232, 87, 30, .2), rgba(232, 87, 30, .08)); color: var(--red-dark); } .hcbk-highlight-ico.purple { background: linear-gradient(135deg, rgba(110, 98, 255, .18), rgba(110, 98, 255, .08)); color: #6e62ff; } .hcbk-highlight-card strong { display: block; font-size: 11.5px; line-height: 1.15; margin-bottom: 2px; } .hcbk-highlight-card span { display: block; font-size: 10px; line-height: 1.25; color: var(--muted); } /* ---------- Pulse stepper (signature element, pure CSS state machine) ---------- 5 steps total: Category & Package / Collection / Schedule / Payment / Done ---------- */ .hcbk-stepper { position: relative; z-index: 10; margin: 0 20px 18px; padding: 16px 20px 14px; border: 1px solid rgba(228, 225, 211, .86); border-radius: 24px; background: linear-gradient(180deg, #ffffff, #fafdfd); box-shadow: 0 14px 32px rgba(19, 36, 32, .06); } .hcbk-stepper-row { display: grid; grid-template-columns: 32px minmax(0, 1fr) 32px minmax(0, 1fr) 32px minmax(0, 1fr) 32px minmax(0, 1fr) 32px minmax(0, 1fr) 32px; align-items: center; column-gap: 0; } .hcbk-tab { position: relative; width: 32px; height: 32px; border-radius: 50%; border: 2px solid var(--line); background: var(--surface); display: flex; align-items: center; justify-content: center; font-family: var(--font-mono); font-size: 12px; font-weight: 600; color: var(--muted); cursor: pointer; transition: all .2s ease; text-decoration: none; justify-self: center; pointer-events: none; } .hcbk-tab.is-locked { opacity: .34; cursor: not-allowed; box-shadow: none; } .hcbk-tab.is-locked:hover { transform: none; } .hcbk-tab .hcbk-check { display: none; width: 14px; height: 14px; } .hcbk-track { height: 2px; margin: 0; background: var(--line); border-radius: 2px; position: relative; overflow: hidden; } .hcbk-stepper-labels { display: grid; grid-template-columns: 32px minmax(0, 1fr) 32px minmax(0, 1fr) 32px minmax(0, 1fr) 32px minmax(0, 1fr) 32px minmax(0, 1fr) 32px; margin-top: 8px; font-size: 10.5px; color: var(--muted); font-weight: 600; letter-spacing: .02em; } .hcbk-stepper-labels span { text-align: center; justify-self: center; } .hcbk-stepper-labels .lbl-1 { grid-column: 1; } .hcbk-stepper-labels .lbl-2 { grid-column: 3; } .hcbk-stepper-labels .lbl-3 { grid-column: 5; } .hcbk-stepper-labels .lbl-4 { grid-column: 7; } .hcbk-stepper-labels .lbl-5 { grid-column: 9; } .hcbk-stepper-labels .lbl-6 { grid-column: 11; } #healthWizardAlert:empty { display: none; } /* active state — driven entirely by which #step-N radio is :checked */ #step-1:checked~#app .tab-1, #step-2:checked~#app .tab-2, #step-3:checked~#app .tab-3, #step-4:checked~#app .tab-4, #step-5:checked~#app .tab-5, #step-6:checked~#app .tab-6 { border-color: var(--green); color: var(--green); box-shadow: 0 0 0 4px var(--green-light); } #step-1:checked~#app .lbl-1, #step-2:checked~#app .lbl-2, #step-3:checked~#app .lbl-3, #step-4:checked~#app .lbl-4, #step-5:checked~#app .lbl-5, #step-6:checked~#app .lbl-6 { color: var(--green); } /* done state for tab-1 / track-1: any step after 1 */ #step-2:checked~#app .tab-1, #step-3:checked~#app .tab-1, #step-4:checked~#app .tab-1, #step-5:checked~#app .tab-1, #step-6:checked~#app .tab-1 { border-color: var(--green); background: var(--green); color: #fff; box-shadow: none; } #step-2:checked~#app .tab-1 .hcbk-num, #step-3:checked~#app .tab-1 .hcbk-num, #step-4:checked~#app .tab-1 .hcbk-num, #step-5:checked~#app .tab-1 .hcbk-num, #step-6:checked~#app .tab-1 .hcbk-num { display: none; } #step-2:checked~#app .tab-1 .hcbk-check, #step-3:checked~#app .tab-1 .hcbk-check, #step-4:checked~#app .tab-1 .hcbk-check, #step-5:checked~#app .tab-1 .hcbk-check, #step-6:checked~#app .tab-1 .hcbk-check { display: block; } #step-2:checked~#app .track-1, #step-3:checked~#app .track-1, #step-4:checked~#app .track-1, #step-5:checked~#app .track-1, #step-6:checked~#app .track-1 { background: var(--green); } /* done state for tab-2 / track-2: any step after 2 */ #step-3:checked~#app .tab-2, #step-4:checked~#app .tab-2, #step-5:checked~#app .tab-2, #step-6:checked~#app .tab-2 { border-color: var(--green); background: var(--green); color: #fff; box-shadow: none; } #step-3:checked~#app .tab-2 .hcbk-num, #step-4:checked~#app .tab-2 .hcbk-num, #step-5:checked~#app .tab-2 .hcbk-num, #step-6:checked~#app .tab-2 .hcbk-num { display: none; } #step-3:checked~#app .tab-2 .hcbk-check, #step-4:checked~#app .tab-2 .hcbk-check, #step-5:checked~#app .tab-2 .hcbk-check, #step-6:checked~#app .tab-2 .hcbk-check { display: block; } #step-3:checked~#app .track-2, #step-4:checked~#app .track-2, #step-5:checked~#app .track-2, #step-6:checked~#app .track-2 { background: var(--green); } /* done state for tab-3 / track-3: any step after 3 */ #step-4:checked~#app .tab-3, #step-5:checked~#app .tab-3, #step-6:checked~#app .tab-3 { border-color: var(--green); background: var(--green); color: #fff; box-shadow: none; } #step-4:checked~#app .tab-3 .hcbk-num, #step-5:checked~#app .tab-3 .hcbk-num, #step-6:checked~#app .tab-3 .hcbk-num { display: none; } #step-4:checked~#app .tab-3 .hcbk-check, #step-5:checked~#app .tab-3 .hcbk-check, #step-6:checked~#app .tab-3 .hcbk-check { display: block; } #step-4:checked~#app .track-3, #step-5:checked~#app .track-3, #step-6:checked~#app .track-3 { background: var(--green); } /* done state for tab-4 / track-4: step 5 and beyond */ #step-5:checked~#app .tab-4, #step-6:checked~#app .tab-4 { border-color: var(--green); background: var(--green); color: #fff; box-shadow: none; } #step-5:checked~#app .tab-4 .hcbk-num { display: none; } #step-6:checked~#app .tab-4 .hcbk-num { display: none; } #step-5:checked~#app .tab-4 .hcbk-check, #step-6:checked~#app .tab-4 .hcbk-check { display: block; } #step-5:checked~#app .track-4, #step-6:checked~#app .track-4 { background: var(--green); } #step-6:checked~#app .tab-5 { border-color: var(--green); background: var(--green); color: #fff; box-shadow: none; } #step-6:checked~#app .tab-5 .hcbk-num { display: none; } #step-6:checked~#app .tab-5 .hcbk-check { display: block; } #step-6:checked~#app .track-5 { background: var(--green); } @media (prefers-reduced-motion:reduce) { .hcbk-kicker .dot { animation: none; } } /* ---------- Stage / panel switching (pure CSS, no JS) ---------- */ .hcbk-stage { padding: 4px 28px 88px; } .hcbk-panel { display: none; animation: hcbk-fade .3s ease; } @keyframes hcbk-fade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } #step-1:checked~#app .panel-1, #step-2:checked~#app .panel-2, #step-3:checked~#app .panel-3, #step-4:checked~#app .panel-4, #step-5:checked~#app .panel-5, #step-6:checked~#app .panel-6 { display: block; } .hcbk-panel { background: linear-gradient(180deg, #fff 0%, #fcfdfd 100%); border: 1px solid rgba(228, 225, 211, .84); border-radius: 28px; padding: 26px; box-shadow: 0 18px 40px rgba(19, 36, 32, .06); } .hcbk-panel-title { font-family: var(--font-display); font-weight: 800; font-size: 22px; letter-spacing: -.02em; margin-bottom: 6px; } .hcbk-panel-desc { color: var(--muted); font-size: 14px; margin-bottom: 22px; max-width: 780px; } .hcbk-panel-subtitle { font-family: var(--font-display); font-weight: 800; font-size: 15.5px; margin: 28px 0 3px; padding-top: 22px; border-top: 1px dashed var(--line); } .hcbk-panel-subtitle:first-of-type {} .hcbk-panel-subdesc { color: var(--muted); font-size: 13px; margin-bottom: 16px; } /* ---------- Selectable option cards (radio-hack, no JS) ---------- */ .hcbk-opt-label { position: relative; display: block; height: 100%; border: 1.5px solid var(--line); border-radius: var(--radius); padding: 16px; cursor: pointer; background: var(--surface); transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease; } .hcbk-opt-label:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(19, 36, 32, .08); } .hcbk-opt-check { position: absolute; top: 12px; right: 12px; width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid var(--line); background: #fff; display: flex; align-items: center; justify-content: center; } .hcbk-opt-check svg { width: 12px; height: 12px; opacity: 0; stroke: #fff; transition: opacity .16s ease; } .hcbk-opt:checked+.hcbk-opt-label { box-shadow: 0 10px 24px rgba(19, 36, 32, .08); } .hcbk-opt:checked+.hcbk-opt-label .hcbk-opt-check svg { opacity: 1; } .hcbk-opt:focus-visible+.hcbk-opt-label { outline: 2.5px solid var(--green); outline-offset: 2px; } .accent-green:checked+.hcbk-opt-label { border-color: var(--green); background: var(--green-light); } .accent-green:checked+.hcbk-opt-label .hcbk-opt-check { background: var(--green); border-color: var(--green); } .accent-amber:checked+.hcbk-opt-label { border-color: var(--amber); background: var(--amber-light); } .accent-amber:checked+.hcbk-opt-label .hcbk-opt-check { background: var(--amber); border-color: var(--amber); } .accent-red:checked+.hcbk-opt-label { border-color: var(--red); background: var(--red-light); } .accent-red:checked+.hcbk-opt-label .hcbk-opt-check { background: var(--red); border-color: var(--red); } /* ---------- Panel 1a: category ---------- */ .hcbk-panel-title { position: relative; display: block; padding-top: 2px; } .hcbk-panel-title::before { content: ""; display: block; width: 56px; height: 4px; border-radius: 999px; background: linear-gradient(90deg, var(--green), var(--red)); margin-bottom: 12px; } .hcbk-panel-title+.hcbk-panel-desc { margin-top: 6px; max-width: 720px; } .hcbk-cat-icon { width: 54px; height: 54px; border-radius: 18px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .6); } .hcbk-cat-icon svg { width: 24px; height: 24px; stroke-width: 1.8; } .hcbk-cat-icon.green { background: var(--green-light); color: var(--green-dark); } .hcbk-cat-icon.amber { background: var(--amber-light); color: var(--amber); } .hcbk-cat-icon.red { background: var(--red-light); color: var(--red); } .hcbk-category-card { min-height: 128px; padding: 18px 20px; overflow: hidden; background: radial-gradient(circle at top right, rgba(255, 255, 255, .92), rgba(255, 255, 255, 0) 42%), linear-gradient(135deg, #fff 0%, rgba(245, 251, 252, .9) 100%); border-radius: 26px; box-shadow: 0 12px 24px rgba(19, 36, 32, .05); display: flex; flex-direction: row; align-items: center; gap: 18px; } .hcbk-category-card::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 6px; background: linear-gradient(90deg, var(--green), #3cc8d1); } .accent-amber+.hcbk-category-card::before { background: linear-gradient(90deg, var(--amber), #f0aa48); } .accent-red+.hcbk-category-card::before { background: linear-gradient(90deg, var(--red), #ff7a73); } .hcbk-category-card:hover { transform: translateY(-3px); box-shadow: 0 18px 30px rgba(19, 36, 32, .09); } .hcbk-category-card .hcbk-opt-check { top: 14px; right: 14px; } .hcbk-category-card .hcbk-cat-icon { margin: 0; flex: none; width: 58px; height: 58px; border-radius: 20px; } .hcbk-category-card .hcbk-cat-stack { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1; } .hcbk-category-card .hcbk-cat-name { font-family: var(--font-display); font-size: 18px; line-height: 1.15; letter-spacing: -.01em; margin: 0; padding-right: 0; } .hcbk-category-card .hcbk-cat-meta { display: inline-flex; align-items: center; width: max-content; padding: 5px 10px; border-radius: 999px; background: rgba(19, 36, 32, .04); color: var(--muted); font-size: 11.5px; font-weight: 700; margin-top: 6px; } .hcbk-cat-side { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; flex: none; min-width: 92px; } @media (max-width: 767.98px) { .hcbk-category-card { flex-direction: column; align-items: flex-start; min-height: 0; } .hcbk-cat-side { align-items: flex-start; width: 100%; min-width: 0; } } /* ---------- Panel 1b: packages ---------- */ .hcbk-group-heading { display: inline-flex; align-items: center; gap: 10px; margin: 24px 0 14px; padding: 9px 14px; border: 1px solid rgba(22, 167, 183, .14); border-radius: 999px; background: rgba(22, 167, 183, .07); color: var(--ink); font-family: var(--font-display); font-size: 14px; font-weight: 800; letter-spacing: -.01em; } .hcbk-group-heading:first-child { margin-top: 0; } .hcbk-group-heading .hcbk-group-icon { width: 20px; height: 20px; display: flex; } .hcbk-group-heading .hcbk-group-icon svg { width: 100%; height: 100%; } .hcbk-badge { display: inline-block; font-family: var(--font-mono); font-size: 10.5px; font-weight: 600; letter-spacing: .03em; padding: 3px 9px; border-radius: 999px; margin-bottom: 10px; } .hcbk-badge.home { background: var(--red-light); color: var(--red); } .hcbk-badge.center { background: var(--green-light); color: var(--green-dark); } .hcbk-package-card { padding: 0; overflow: hidden; border-radius: 24px; box-shadow: 0 14px 30px rgba(19, 36, 32, .05); background: linear-gradient(180deg, #fff 0%, #fbfdfd 100%); } .hcbk-package-card::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 5px; background: var(--green); } .accent-green+.hcbk-package-card::before { background: linear-gradient(90deg, var(--green), #3bc7d1); } .accent-amber+.hcbk-package-card::before { background: linear-gradient(90deg, var(--amber), #f0a63f); } .accent-red+.hcbk-package-card::before { background: linear-gradient(90deg, var(--red), #ff776e); } .hcbk-package-card:hover { transform: translateY(-3px); box-shadow: 0 18px 36px rgba(19, 36, 32, .10); } .hcbk-package-card .hcbk-opt-check { top: 14px; right: 14px; z-index: 2; } .hcbk-package-top { display: flex; flex-direction: column; gap: 12px; padding: 18px 18px 12px; } .hcbk-package-head { min-width: 0; display: flex; flex-direction: column; gap: 12px; } .hcbk-package-kind { display: inline-flex; align-items: center; padding: 5px 10px; border-radius: 999px; font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; background: rgba(19, 36, 32, .04); color: var(--muted); } .hcbk-package-head .hcbk-badge { margin: 0; } .hcbk-package-head-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; } .hcbk-package-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; } .hcbk-package-card .hcbk-pkg-name { font-weight: 800; font-size: 18px; line-height: 1.18; margin: 0; padding-right: 0; min-height: 0; } .hcbk-pkg-tests { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-width: 92px; min-height: 82px; padding: 10px 12px; border-radius: 22px; border: 1px solid rgba(22, 167, 183, .16); background: linear-gradient(180deg, rgba(22, 167, 183, .09), rgba(22, 167, 183, .02)); color: var(--green-dark); font-weight: 800; text-decoration: none; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .45); } .hcbk-pkg-tests:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(22, 167, 183, .14); border-color: rgba(22, 167, 183, .35); } .hcbk-pkg-tests strong { display: block; font-size: 30px; line-height: 1; /*color: var(--green);*/ } .hcbk-pkg-tests span { display: block; font-size: 10px; line-height: 1.05; text-align: right; font-weight: 800; } .hcbk-pkg-tests .hcbk-pkg-tests-label { text-align: center; } .hcbk-package-foot { display: flex; align-items: flex-end; justify-content: flex-start; gap: 12px; padding: 14px 18px 18px; border-top: 1px solid rgba(228, 225, 211, .78); background: linear-gradient(180deg, rgba(245, 243, 236, .14), rgba(245, 243, 236, .42)); } .hcbk-pkg-tests { position: relative; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-width: 92px; min-height: 82px; padding: 10px 12px; border-radius: 18px; border: 2px solid rgba(255, 255, 255, 0.75); background: linear-gradient(135deg, var(--red), #ff7a45); color: #ffffff; font-weight: 800; text-decoration: none; cursor: pointer; box-shadow: 0 5px 15px rgba(255, 82, 50, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.25); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } /* 92 ko prominent rakhe */ .hcbk-pkg-tests strong { font-size: 25px; line-height: 1; font-weight: 900; } /* Tests included */ .hcbk-pkg-tests-label { font-size: 11px; font-weight: 700; } /* Click indication */ .hcbk-pkg-tests::after { content: "Click to view"; font-size: 9px; line-height: 1; margin-top: 4px; padding: 3px 7px; border-radius: 10px; background: rgba(255, 255, 255, 0.95); color: #d83b2d; font-weight: 800; } /* Desktop hover */ .hcbk-pkg-tests:hover { transform: translateY(-3px) scale(1.04); border-color: #ffffff; box-shadow: 0 8px 22px rgba(255, 82, 50, 0.5), 0 0 0 4px rgba(255, 255, 255, 0.12); } /* Click effect */ .hcbk-pkg-tests:active { transform: scale(0.97); } .hcbk-package-price-stack { display: flex; flex-direction: column; gap: 4px; } .hcbk-package-price-label { font-size: 10.5px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); font-weight: 700; } .hcbk-package-card .hcbk-pkg-price-row { display: flex; align-items: baseline; gap: 8px; font-family: var(--font-mono); } .hcbk-package-card .hcbk-pkg-price { font-size: 22px; font-weight: 800; } .hcbk-package-card .hcbk-pkg-mrp { font-size: 12px; color: var(--muted); text-decoration: line-through; } .hcbk-package-card .hcbk-pkg-off { display: inline-flex; width: max-content; margin-top: 0; padding: 4px 9px; border-radius: 999px; background: var(--green-light); color: var(--green-dark); font-size: 10.5px; font-weight: 800; } /* ---------- Test popups ---------- */ .hcbk-modal { position: fixed; inset: 0; z-index: 9999; display: none; align-items: center; justify-content: center; padding: 18px; } .hcbk-modal:target, .hcbk-modal.is-open { display: flex; } .hcbk-modal-trigger, .hcbk-modal-close, .hcbk-modal-backdrop { appearance: none; border: 0; padding: 0; cursor: pointer; } .hcbk-modal-backdrop { position: absolute; inset: 0; background: rgba(12, 20, 22, .62); backdrop-filter: blur(6px); } .hcbk-modal-card { position: relative; z-index: 1; width: min(780px, 100%); max-height: min(84vh, 860px); overflow: hidden; display: flex; flex-direction: column; border-radius: 24px; border: 1px solid rgba(255, 255, 255, .45); background: #fff; box-shadow: 0 24px 70px rgba(0, 0, 0, .26); } .hcbk-modal-head { display: flex; justify-content: space-between; gap: 16px; padding: 20px 22px 16px; border-bottom: 1px solid var(--line); } .hcbk-modal-kicker { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-family: var(--font-mono); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 8px; padding: 5px 10px; border-radius: 999px; border: 1px solid rgba(22, 167, 183, .18); } .hcbk-modal-title { font-family: var(--font-display); font-size: 22px; font-weight: 800; line-height: 1.15; margin: 0 0 6px; } .hcbk-modal-desc { margin: 0; color: var(--muted); font-size: 13px; } .hcbk-modal-close { flex: 0 0 auto; width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; border: 1px solid var(--line); background: var(--surface); color: var(--ink); font-size: 22px; line-height: 1; } .hcbk-modal-close svg { width: 16px; height: 16px; display: block; } .hcbk-modal-close:hover { border-color: var(--green); color: var(--green-dark); } .hcbk-modal-head .hcbk-modal-close { font-size: 0; } .hcbk-modal-head .hcbk-modal-close::before { content: '\00d7'; font-size: 22px; line-height: 1; } .hcbk-modal-body { padding: 18px 22px 22px; overflow: auto; } .hcbk-test-item { display: flex; gap: 14px; align-items: flex-start; } .hcbk-test-item+.hcbk-test-item { margin-top: 14px; padding-top: 14px; border-top: 1px dashed var(--line); } .hcbk-test-thumb { flex: 0 0 auto; width: 58px; height: 58px; border-radius: 18px; display: flex; align-items: center; justify-content: center; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55); } .hcbk-test-thumb svg { width: 28px; height: 28px; } .hcbk-test-copy { min-width: 0; } .hcbk-test-name { font-size: 15px; font-weight: 800; margin-bottom: 4px; } .hcbk-test-param { font-size: 13px; line-height: 1.45; color: var(--muted); } .hcbk-test-param strong { color: var(--ink); } .hcbk-test-thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; display: block; } .hcbk-test-category { margin: 2px 0 14px; padding-left: 2px; font-size: 11px; line-height: 1.2; letter-spacing: .12em; text-transform: uppercase; font-weight: 800; color: var(--green-dark); } .hcbk-test-empty { padding: 18px 16px; border-radius: 16px; border: 1px dashed var(--line); background: var(--paper); color: var(--muted); font-size: 13px; line-height: 1.45; } .hcbk-modal-foot { padding: 0 22px 22px; display: flex; justify-content: flex-end; } .hcbk-modal.theme-primary .hcbk-modal-head { background: linear-gradient(180deg, rgba(22, 167, 183, .12), rgba(255, 255, 255, 1)); } .hcbk-modal.theme-primary .hcbk-modal-kicker, .hcbk-modal.theme-primary .hcbk-test-thumb { color: var(--green-dark); background: linear-gradient(135deg, rgba(22, 167, 183, .18), rgba(22, 167, 183, .06)); } .hcbk-modal.theme-secondary .hcbk-modal-head { background: linear-gradient(180deg, rgba(232, 87, 30, .12), rgba(255, 255, 255, 1)); } .hcbk-modal.theme-secondary .hcbk-modal-kicker, .hcbk-modal.theme-secondary .hcbk-test-thumb { color: var(--red-dark); background: linear-gradient(135deg, rgba(232, 87, 30, .18), rgba(232, 87, 30, .06)); } .hcbk-modal.theme-secondary .hcbk-modal-kicker { border-color: rgba(232, 87, 30, .2); } .hcbk-modal.theme-secondary .hcbk-modal-close:hover { border-color: var(--red); color: var(--red-dark); } /* ---------- Health checkup auth modal ---------- */ .hcbk-auth-step { display: none; } .hcbk-auth-step.is-active { display: block; } .hcbk-auth-note { padding: 12px 14px; border-radius: 14px; background: var(--paper); border: 1px solid var(--line); color: var(--muted); font-size: 13px; margin-bottom: 14px; } .hcbk-auth-summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 12px 14px; border-radius: 14px; background: rgba(22, 167, 183, .08); border: 1px solid rgba(22, 167, 183, .16); margin-bottom: 14px; } .hcbk-auth-summary strong { font-family: var(--font-mono); letter-spacing: .02em; } .hcbk-auth-link { border: 0; background: transparent; color: var(--green-dark); font-weight: 700; padding: 0; text-decoration: underline; } .hcbk-auth-link:disabled { opacity: .55; cursor: not-allowed; text-decoration: none; } .hcbk-auth-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; } .hcbk-auth-countdown { font-size: 12px; color: var(--muted); font-family: var(--font-mono); } /* ---------- Panel 2: hospital / address ---------- */ .hcbk-note { font-size: 12.5px; color: var(--muted); background: var(--paper); border: 1px dashed var(--line); border-radius: 10px; padding: 9px 12px; margin-bottom: 16px; display: flex; gap: 8px; align-items: flex-start; } .hcbk-note svg { width: 15px; height: 15px; flex: 0 0 auto; margin-top: 1px; color: var(--green); } .hcbk-mode-row { margin-bottom: 14px; } .hcbk-mode-label { display: flex; align-items: flex-start; gap: 12px; border: 1.5px solid var(--line); border-radius: 20px; padding: 16px 16px 14px; cursor: pointer; font-weight: 700; min-height: 112px; background: linear-gradient(180deg, #fff 0%, #fbfcfc 100%); transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease; } .hcbk-mode-label:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(19, 36, 32, .06); } .hcbk-mode-label svg { width: 18px; height: 18px; } #mode-center:checked+.hcbk-mode-label { border-color: var(--red); background: var(--red-light); color: var(--red); box-shadow: 0 12px 24px rgba(232, 87, 30, .12); } #mode-home:checked+.hcbk-mode-label { border-color: var(--green); background: var(--green-light); color: var(--green-dark); box-shadow: 0 12px 24px rgba(22, 167, 183, .12); } .hcbk-mode-ico { width: 46px; height: 46px; border-radius: 16px; display: flex; align-items: center; justify-content: center; flex: none; background: rgba(22, 167, 183, .1); color: var(--green-dark); } .hcbk-mode-ico.red { background: rgba(232, 87, 30, .1); color: var(--red); } .hcbk-mode-content { min-width: 0; flex: 1; } .hcbk-mode-title { display: block; font-family: var(--font-display); font-size: 16px; line-height: 1.15; margin-bottom: 5px; } .hcbk-mode-copy { display: block; color: var(--muted); font-size: 12.5px; line-height: 1.45; } .hcbk-mode-chip { display: inline-flex; align-items: center; padding: 5px 9px; margin-top: 10px; border-radius: 999px; background: rgba(19, 36, 32, .04); color: var(--ink); font-size: 10.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; } .hcbk-mode-grid { margin-bottom: 16px; } .hcbk-searchbox { margin: 14px 0 16px; padding: 14px; border-radius: 18px; border: 1px solid rgba(26, 167, 183, .18); background: linear-gradient(180deg, #f8fdfd 0%, #fff 100%); box-shadow: 0 10px 24px rgba(19, 36, 32, .05); position: relative; } .hcbk-searchbox::before { content: ""; position: absolute; left: 14px; top: 12px; width: 56px; height: 4px; border-radius: 999px; background: linear-gradient(90deg, var(--green), var(--orange)); } .hcbk-search-label { display: flex; align-items: center; gap: 10px; margin: 8px 0 10px; color: var(--ink); font-size: 13px; font-weight: 700; letter-spacing: .01em; } .hcbk-search-label small { font-weight: 600; color: var(--muted); } .hcbk-search-field { position: relative; } .hcbk-search-icon { position: absolute; left: 14px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); color: var(--green-dark); opacity: .9; pointer-events: none; } .hcbk-search-input { width: 100%; border: 1.5px solid rgba(26, 167, 183, .22); border-radius: 16px; padding: 13px 14px 13px 42px; font-family: var(--font-body); font-size: 14px; background: #fff; box-shadow: 0 8px 18px rgba(19, 36, 32, .04); transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; } .hcbk-search-input:focus { border-color: var(--green); box-shadow: 0 0 0 4px var(--green-light), 0 10px 22px rgba(26, 167, 183, .12); outline: none; transform: translateY(-1px); } .hcbk-search-empty { display: none; margin: 0 0 16px; padding: 10px 12px; border-radius: 12px; background: var(--paper); border: 1px dashed var(--line); color: var(--muted); font-size: 12.5px; } .hcbk-search-empty.is-visible { display: block; } .hcbk-hosp-item.is-hidden { display: none !important; } .hcbk-hosp-label { display: flex; gap: 12px; align-items: center; } .hcbk-hosp-logo { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 11px; background: var(--green-light); color: var(--green-dark); display: flex; align-items: center; justify-content: center; font-family: var(--font-mono); font-weight: 600; font-size: 12px; } .hcbk-hosp-name { font-weight: 700; font-size: 14px; margin-bottom: 1px; padding-right: 16px; } .hcbk-hosp-addr { font-size: 12px; color: var(--muted); } .hcbk-hosp-rating { font-size: 11.5px; color: var(--amber); font-weight: 600; font-family: var(--font-mono); margin-top: 2px; } .hcbk-field label { display: block; font-size: 12.5px; font-weight: 600; margin-bottom: 6px; } .hcbk-field .form-control { border: 1.5px solid var(--line); border-radius: 10px; font-family: var(--font-body); padding: 11px 13px; font-size: 14px; } .hcbk-field .form-control:focus { border-color: var(--green); box-shadow: 0 0 0 3px var(--green-light); } .hcbk-addrtype-label { border: 1.5px solid var(--line); background: #fff; border-radius: 9px; padding: 8px 16px; font-size: 13px; font-weight: 600; cursor: pointer; color: var(--ink); display: inline-block; transition: all .16s ease; } .hcbk-opt:checked+.hcbk-addrtype-label { border-color: var(--red); background: var(--red-light); color: var(--red); } /* ---------- Panel 3: date & time ---------- */ .hcbk-member-strip { margin-bottom: 16px; } .hcbk-member-status { margin-bottom: 12px; } .hcbk-member-package { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 12px 14px; border-radius: 16px; background: rgba(22, 167, 183, .08); border: 1px solid rgba(22, 167, 183, .16); margin: 12px 0 14px; } .hcbk-member-package-label { display: block; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin-bottom: 4px; } .hcbk-member-package-name { font-size: 15px; font-weight: 800; color: var(--ink); line-height: 1.2; } .hcbk-member-package-rule { margin-top: 4px; font-size: 12px; color: var(--muted); font-family: var(--font-mono); } .hcbk-member-detail-line { display: block; margin-top: 4px; font-size: 11.5px; color: var(--green-dark); font-family: var(--font-mono); } .hcbk-member-change-btn { white-space: nowrap; border-color: rgba(22, 167, 183, .28); background: #fff; color: var(--green-dark); box-shadow: 0 10px 20px rgba(22, 167, 183, .08); } .hcbk-member-change-btn:hover { border-color: rgba(22, 167, 183, .5); background: rgba(22, 167, 183, .08); color: var(--green-dark); } .hcbk-member-add-btn { white-space: nowrap; border-color: rgba(22, 167, 183, .28); background: linear-gradient(135deg, rgba(22, 167, 183, .12), rgba(22, 167, 183, .04)); color: var(--green-dark); font-weight: 800; box-shadow: 0 12px 24px rgba(22, 167, 183, .12); } .hcbk-member-add-btn:hover { border-color: rgba(22, 167, 183, .5); background: linear-gradient(135deg, rgba(22, 167, 183, .18), rgba(22, 167, 183, .08)); color: var(--green-dark); box-shadow: 0 14px 26px rgba(22, 167, 183, .16); transform: translateY(-1px); } .hcbk-member-label { display: flex; align-items: flex-start; gap: 12px; border: 1.5px solid var(--line); border-radius: 18px; padding: 14px 14px 13px; cursor: pointer; min-height: 98px; background: linear-gradient(180deg, #fff 0%, #fbfcfc 100%); transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease; } .hcbk-member-label:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(19, 36, 32, .06); } .hcbk-member-label.is-disabled { opacity: .72; cursor: not-allowed; background: #f8faf9; } .hcbk-member-label.is-disabled:hover { transform: none; box-shadow: none; } .hcbk-member-label strong { display: block; font-size: 14px; font-weight: 800; } .hcbk-member-label small { display: block; color: var(--muted); font-size: 12px; margin-top: 4px; line-height: 1.45; } .hcbk-member-avatar { width: 42px; height: 42px; border-radius: 14px; background: rgba(22, 167, 183, .12); color: var(--green-dark); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 15px; letter-spacing: .04em; flex: 0 0 auto; } .hcbk-member-meta { margin-top: 6px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; } .hcbk-member-chip { display: inline-flex; align-items: center; padding: 4px 9px; border-radius: 999px; background: rgba(22, 167, 183, .08); color: var(--green-dark); font-size: 11px; font-weight: 700; } .hcbk-member-chip.is-eligible { background: rgba(23, 153, 78, .12); color: #17734e; } .hcbk-member-chip.is-ineligible { background: rgba(232, 87, 30, .12); color: var(--red-dark); } .hcbk-member-reason { display: block; margin-top: 6px; font-size: 11.5px; line-height: 1.45; color: var(--muted); } #member-employee:checked+.hcbk-member-label, .hcbk-member-opt:checked+.hcbk-member-label { border-color: var(--green); background: var(--green-light); box-shadow: 0 12px 24px rgba(22, 167, 183, .12); } .hcbk-date-strip { display: flex; gap: 9px; overflow-x: auto; padding-bottom: 8px; margin-bottom: 22px; -webkit-overflow-scrolling: touch; } .hcbk-date-label { flex: 0 0 auto; width: 68px; text-align: center; padding: 12px 6px; } .hcbk-date-label.is-disabled { opacity: .45; cursor: not-allowed; background: #f3f4f4; border-style: dashed; box-shadow: none; } .hcbk-date-label.is-disabled:hover { transform: none; box-shadow: none; } .hcbk-date-day { font-family: var(--font-mono); font-size: 10px; color: var(--muted); font-weight: 600; letter-spacing: .05em; display: block; } .hcbk-date-num { font-size: 19px; font-weight: 800; margin-top: 2px; display: block; } .hcbk-time-label { text-align: center; padding: 12px 6px; font-weight: 700; font-size: 13px; font-family: var(--font-mono); } /* ---------- Panel 4: payment ---------- */ .hcbk-summary { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 6px 18px; margin-bottom: 20px; } .hcbk-summary-row { display: flex; justify-content: space-between; gap: 12px; padding: 13px 0; border-bottom: 1px dashed var(--line); font-size: 13.5px; } .hcbk-summary-row:last-child { border-bottom: none; } .hcbk-summary-label { color: var(--muted); font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; flex-shrink: 0; } .hcbk-summary-value { font-weight: 700; text-align: right; font-family: var(--font-mono); font-size: 13px; } .hcbk-checkout-preview { padding-top: 10px; } .hcbk-preview-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 8px 0 14px; border-bottom: 1px solid var(--line); margin-bottom: 2px; } .hcbk-preview-kicker { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: var(--green-dark); } .hcbk-preview-status { font-size: 12px; color: var(--muted); text-align: right; } .hcbk-summary-row.is-total { align-items: center; padding-top: 16px; padding-bottom: 16px; margin-top: 2px; background: linear-gradient(180deg, rgba(55, 160, 140, 0.05), rgba(55, 160, 140, 0.01)); } .hcbk-summary-row.is-total .hcbk-summary-value { font-size: 18px; color: var(--green-dark); } .hcbk-pay-label { display: flex; align-items: center; gap: 12px; padding: 13px 16px; margin-bottom: 10px; } .hcbk-pay-icon { width: 34px; height: 34px; border-radius: 10px; background: var(--green-light); color: var(--green-dark); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; } .hcbk-pay-icon svg { width: 17px; height: 17px; } .hcbk-pay-label .label { font-weight: 600; font-size: 13.5px; } /* ---------- Confirmation ---------- */ .hcbk-confirm { text-align: center; max-width: 440px; margin: 10px auto 0; } .hcbk-confirm-icon { width: 64px; height: 64px; border-radius: 50%; background: var(--green); color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px; } .hcbk-confirm-icon svg { width: 30px; height: 30px; } .hcbk-confirm h2 { font-family: var(--font-display); font-weight: 800; font-size: 21px; margin: 0 0 6px; } .hcbk-confirm p { color: var(--muted); font-size: 13.5px; margin: 0 0 14px; } .hcbk-order-id { display: inline-block; font-family: var(--font-mono); font-weight: 600; font-size: 13px; background: var(--red-light); color: var(--red); padding: 7px 16px; border-radius: 9px; margin-bottom: 22px; } /* ---------- Bottom nav (per-panel) ---------- */ .hcbk-navbar { position: sticky; bottom: 0; border-top: 1px solid rgba(228, 225, 211, .82); background: rgba(255, 255, 255, .94); backdrop-filter: blur(12px); padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 -26px -26px; border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; } .hcbk-nav-price { font-size: 11.5px; color: var(--muted); font-weight: 600; } .hcbk-nav-price strong { display: block; font-family: var(--font-mono); font-size: 17px; color: var(--ink); font-weight: 600; } .hcbk-btn-primary.pay { background: var(--red); } .hcbk-btn-primary.pay:hover { background: var(--red-dark); } @media (max-width:900px) { .hcbk-topbar-inner { grid-template-columns: 1fr; } .hcbk-proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .hcbk-hero-banner { grid-template-columns: 1fr; } .hcbk-hero-features { grid-template-columns: 1fr; } .hcbk-topstrip { align-items: flex-start; } .hcbk-top-left { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; width: 100%; } .hcbk-logo-main { height: 40px; } .hcbk-logo-chip { margin-left: 0; } .hcbk-chip-logo { width: 110px; height: 110px; } .hcbk-stepper-row, .hcbk-stepper-labels { grid-template-columns: 28px minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr) 28px; } .hcbk-tab { width: 28px; height: 28px; } } @media (max-width:640px) { body { padding: 0; } #app { border-radius: 0; min-height: 100vh; } .hcbk-header-wrap, .hcbk-stepper, .hcbk-stage, .hcbk-navbar { padding-left: 14px; padding-right: 14px; } .hcbk-header-wrap { padding-top: 10px; } .hcbk-proof-grid { grid-template-columns: 1fr; } .hcbk-utility { justify-content: flex-start; } .hcbk-utility-item { width: 100%; } .hcbk-topstrip { flex-wrap: nowrap; align-items: center; gap: 8px; padding-bottom: 8px; } .hcbk-top-left { flex-wrap: nowrap; align-items: center; gap: 8px; width: 100%; } .hcbk-logo-main { height: 28px; max-width: 140px; } .hcbk-logo-chip { flex: 0 0 auto; } .hcbk-chip-logo { width: 90px; height: 60px; } .hcbk-hero-shell { padding-top: 2px; } .hcbk-hero-banner { padding: 10px; border-radius: 18px; gap: 8px; } .hcbk-hero-copy { gap: 6px; padding: 2px 2px 2px 4px; } .hcbk-hero-copy h1 { font-size: clamp(20px, 6.5vw, 28px); line-height: 1.02; max-width: 100%; } .hcbk-hero-copy p { font-size: 11.5px; line-height: 1.38; } .hcbk-hero-actions { gap: 6px; } .hcbk-btn { padding: 9px 12px; font-size: 11px; } .hcbk-hero-features { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; } .hcbk-hero-feature { padding: 8px 9px; gap: 7px; } .hcbk-hero-feature strong { font-size: 10px; } .hcbk-hero-feature span { font-size: 8.5px; } .hcbk-hero-right { display: none; } .hcbk-hero-statgrid { grid-template-columns: 1fr; } .hcbk-panel-title { font-size: 20px; } .hcbk-panel-desc { font-size: 13px; } .hcbk-stepper { margin: 0 16px 16px; } .hcbk-navbar { margin: 0 -16px -26px; } .hcbk-stepper-row, .hcbk-stepper-labels { grid-template-columns: 24px minmax(0, 1fr) 24px minmax(0, 1fr) 24px minmax(0, 1fr) 24px minmax(0, 1fr) 24px; } .hcbk-stepper-labels { margin-top: 6px; font-size: 9px; letter-spacing: 0; } .hcbk-stepper-labels span { display: block; line-height: 1.1; } .hcbk-tab { width: 24px; height: 24px; font-size: 10px; } .hcbk-track { height: 2px; margin: 0; } .hcbk-panel { padding: 18px; border-radius: 22px; } .hcbk-category-card { padding: 14px 14px 12px; gap: 12px; } .hcbk-category-card .hcbk-cat-icon { width: 48px; height: 48px; border-radius: 16px; } .hcbk-category-card .hcbk-cat-name { font-size: 16px; } .hcbk-mode-label { min-height: 0; padding: 12px; } .hcbk-mode-ico { width: 40px; height: 40px; border-radius: 14px; } .hcbk-mode-title { font-size: 15px; } .hcbk-mode-copy { font-size: 11.5px; } .hcbk-mode-chip { margin-top: 8px; } } .address-card { background: #fff; transition: .2s; } .address-card:hover { background: #f8f9fa; } .address-card .form-check-label { cursor: pointer; } .address-card .text-truncate { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .address-card { cursor: pointer; } .address-card .form-check-label { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Extracted from */ /* General Styles */ body { font-family: Arial, sans-serif; } .hospital-card { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; padding: 20px; border: 1px solid #ddd; border-radius: 10px; margin: 10px 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; flex-wrap: wrap; height: 235px; position: relative; /*min-height: 130px;*/ background-color: #fff; } a { color: #007fff; text-decoration: none; } .hospital-card:hover { transform: translateY(-10px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); } /* Hospital Logo Styling */ .hospital-logo { width: 80px; /* Adjust as needed */ height: auto; /* Maintain aspect ratio */ border-radius: 50%; /* Optional: round logo */ margin-right: 20px; /* Space between logo and content */ } /* Hospital Info Styling */ .hospital-info { flex: 1; /* Take up remaining space */ } .hospital-info h3 { font-size: 20px; color: #16a7b7; margin-bottom: 10px; } .hospital-info p { font-size: 15px; color: #555; margin-bottom: 6px; } .rating { font-size: 1.2em; color: #ffd700; display: flex; align-items: center; } .book-btn { position: absolute; bottom: 20px; right: 20px; padding: 10px 20px; background-color: #e8571e; color: #fff; text-decoration: none; border-radius: 5px; display: inline-block; transition: background-color 0.3s ease; width: 30%; text-align: center; } .book-btn:hover { background-color: #16a7b7; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); color:#fff; } /* Link Hover Effect */ .google-map-link:hover { color: #0056b3; text-decoration: underline; } /* Responsive Styles */ @media (max-width: 768px) { .hospital-card { /*flex-direction: column;*/ /* Stack logo and info vertically on small screens */ align-items: flex-start; /* Align items to the start */ } .hospital-logo { margin-right: 0; /* Remove margin for stacked layout */ margin-bottom: 15px; /* Add space below the logo */ width: 60px; /* Adjust size for small screens */ } .book-btn { width: 87%; /* Make button full width on small screens */ margin-left: 0; /* Reset margin-left */ } .hospital-card { height: 265px !important; } @media (max-width: 576px) { .hospital-info h3 { font-size: 15px; /* Adjust heading size for very small screens */ } .hospital-info p { font-size: 0.9em; /* Adjust text size for very small screens */ } .rating { font-size: 1em; /* Adjust rating size for very small screens */ } .book-btn { padding: 8px 90px; margin-bottom: -12px; /* Adjust button padding for very small screens */ } } /* Extracted from */ :root { --teal: #16a7b7; --orange: #e8571e; --light-bg: #f4f8f9; } body { background-color: var(--light-bg); font-family: 'Segoe UI', sans-serif; padding: 30px 10px; } .feedback-card { max-width: 850px; margin: auto; background: #fff; border-radius: 25px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1); overflow: hidden; } /* Header Area */ .premium-header { background: linear-gradient(135deg, var(--teal) 0%, #0e8a99 100%); padding: 35px; color: white; } .hospital-title { font-size: 1.6rem; font-weight: 800; text-transform: uppercase; } .info-pill-container { display: flex; gap: 15px; flex-wrap: wrap; background: rgba(255, 255, 255, 0.15); padding: 15px; border-radius: 15px; margin-top: 15px; } .info-pill { flex: 1; min-width: 140px; border-left: 3px solid var(--orange); padding-left: 10px; } .info-pill small { display: block; font-size: 0.75rem; opacity: 0.8; } .info-pill span { font-weight: 600; font-size: 0.95rem; } /* Sections */ .content-body { padding: 40px; } .section-label { font-weight: 800; color: var(--teal); margin-bottom: 25px; display: flex; align-items: center; border-bottom: 2px solid #eee; padding-bottom: 10px; } .field-group { margin-bottom: 30px; } .field-name { font-weight: 700; font-size: 0.95rem; color: #444; margin-bottom: 15px; display: block; } .required { color: var(--orange); margin-left: 3px; } /* Rating Boxes (Icon Selectors) */ .rating-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; } .rating-box { border: 2px solid #f0f0f0; border-radius: 15px; padding: 15px 5px; text-align: center; cursor: pointer; transition: all 0.3s ease; background: #fff; } .rating-box i { font-size: 1.6rem; color: #cbd5e0; display: block; margin-bottom: 8px; } .rating-box span { font-size: 0.75rem; font-weight: 700; color: #a0aec0; } /* ACTIVE CLASS FOR ICONS */ .rating-box.active { border-color: var(--teal); background: rgba(22, 167, 183, 0.08); transform: translateY(-3px); box-shadow: 0 5px 15px rgba(22, 167, 183, 0.2); } .rating-box.active i { color: var(--teal); } .rating-box.active span { color: var(--teal); } /* Star Rating Functional */ .star-box i { font-size: 2rem; color: #e2e8f0; cursor: pointer; margin-right: 8px; transition: 0.2s; } /* ACTIVE CLASS FOR STARS */ .star-box i.active { color: #ffb800; transform: scale(1.1); } /* Form Controls */ .form-control { border: 2px solid #edf2f7; border-radius: 12px; padding: 12px; } .form-control:focus { border-color: var(--teal); box-shadow: none; } .submit-btn { background: var(--orange); color: white; border: none; padding: 18px 80px; border-radius: 50px; font-weight: 800; display: block; margin: 40px auto 0; transition: 0.3s; box-shadow: 0 10px 20px rgba(232, 87, 30, 0.3); } .submit-btn:hover { background: #cf4d1a; transform: translateY(-3px); box-shadow: 0 15px 25px rgba(232, 87, 30, 0.4); } /* Extracted from */ /* Header styling */ header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #f8f9fa; border-bottom: 1px solid #ddd; } /* Logo styling */ .logo { height: 50px; /* Adjust the logo size as needed */ } iframe { width: 100%; height: 500px; border: 0; } /* Extracted from */ .loader { border: 4px solid #f3f3f3; border-top: 4px solid #16a7b7; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; margin: auto; display: none; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .table { width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; color: #333; background-color: #fff; border-radius: 8px; overflow: hidden; } .table th, .table td { padding: 15px 20px; text-align: left; /* border: 1px solid #ddd; */ font-size: 14px; } .table th { background-color: #16a7b7; color: white; font-weight: bold; text-transform: uppercase; } .table tr:nth-child(odd) { background-color: #f9f9f9; } .table tr:nth-child(even) { background-color: #ffffff; } .table tr:hover { background-color: #f1f1f1; } input[type="file"] { display: none; } .button-label { display: inline-block; background-color: #16a7b7; color: white; font-size: 14px; font-weight: bold; padding: 8px 16px; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; width: 160px; text-align: center; } .button-label:hover { background-color: #13929e; } .button-label:active { background-color: #117d88; } .invoice_upload { margin-top: 10px; } .invoice_number { width: 160px; padding: 7px 8px; border: 1px solid #ccc; border-radius: 5px; font-size: 13px; margin-bottom: 4px; } .success-message { margin-top: 10px; border-left: 4px solid #28a745; background-color: #e9f9ef; padding: 10px 12px; border-radius: 8px; position: relative; animation: fadeIn 0.5s ease-in-out; } .success-message .text-success { display: flex; align-items: center; font-weight: 500; color: #155724; } .success-message .fa-check { margin-right: 6px; color: #28a745; font-size: 16px; } .success-message .message b { color: #000; } .error { color: red; font-size: 12px; margin-top: 5px; margin-bottom: 5px; } @keyframes fadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 768px) { .table th, .table td { font-size: 12px; padding: 8px; } .button-label { padding: 8px 14px; font-size: 12px; width: auto; } .invoice_number { width: 100%; } } /* Extracted from */ .isDisabled { color: currentColor; cursor: not-allowed; opacity: 0.5; pointer-events: none; text-decoration: none; } /* Extracted from */ .container1 { background: #f8faff; color: #4b537c; width: 100%; max-width: 900px; padding: 40px; border-radius: 15px; margin: 0 auto; margin-top: 50px; box-shadow: #dee8fe 0 10px 20px 5px; display: flex; flex-direction: column; gap: 15px; } .manbtn button{ margin-bottom: 10px; } .feedback-level { display: flex; justify-content: space-between; align-items: center; } .level { background: white; padding: 13px; border-radius: 15%; border: solid 0.5px #e0e9fe; cursor: pointer; } .level:hover { box-shadow: #16a7b7 0 2px 5px; } .level:hover i { color: #FF5722; } .level i { font-size: 88px; } .feedback-msg textarea { margin-top: 5px; border: solid 2px #e0e9fe; padding: 13px; border-radius: 7px; outline: none; font-size: 14px; color: #4b537c; font-weight: 500; letter-spacing: 1px; width: 100%; height: 80px; resize: none; } .agreement .checkbox { display: flex; gap: 5px; align-items: center; margin-bottom: 5px; } .agreement input { accent-color: #ff71a4; } .agreement a { color: #ff71a4; font-size: 12px; font-weight: 600; } .agreement label { font-size: 12px; font-weight: 600; } .buttons { display: flex; gap: 10px; justify-content: end; } .buttons a { background: white; color: #4b537c; width: 80px; padding: 10px; text-align: center; border-radius: 4px; } .buttons a:hover { opacity: 0.9; } .buttons a:nth-child(1) { background: #fe71a4; color: #f8faff; } .nmbtn{ border-radius: 50% !important; width: 77px !important; height: 77px !important; } .btn-primary { color: #fff; background-color: #ffffff !important; border-color: #8d9399 !important; } .iconfont{ text-align: center; } .imgcolor{ opacity: 0.5; width: 46px; } /* Extracted from */ /* General Styling */ .box-primary { background: #f9f9f9; border: 1px solid #ddd; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); padding: 20px; font-family: 'Arial', sans-serif; } labe { font-weight: bold; color: #333; margin-bottom: 8px; display: block; position: relative; padding-left: 30px; } /* Add Icons with Pseudo-elements */ labe::before { content: ''; display: inline-block; width: 20px; height: 20px; background-size: cover; position: absolute; left: 0; top: 0; margin-top: 2px; } /* Specific Icons for Each Field */ labe[for="city_id"]::before { background-image: url('https://cdn-icons-png.flaticon.com/512/25/25694.png'); /* City Icon */ } labe[for="hospital_id"]::before { background-image: url('https://cdn-icons-png.flaticon.com/512/6195/6195697.png'); /* Hospital Icon */ } labe[for="appointment_date"]::before { background-image: url('https://cdn-icons-png.flaticon.com/512/747/747310.png'); /* Calendar Icon */ } labe[for="slot_id"]::before { background-image: url('https://cdn-icons-png.flaticon.com/512/2943/2943105.png'); /* Time Icon */ } labe[for="home_collection"]::before { background-image: url('https://cdn-icons-png.flaticon.com/512/3144/3144577.png'); /* Home Collection Icon */ } /* Input and Select Fields */ input.form-control, select.form-control { border: 2px solid #ccc; border-radius: 5px; padding: 10px; font-size: 14px; width: 100%; margin-bottom: 20px; transition: all 0.3s ease; } input.form-control:focus, select.form-control:focus { border-color: #007bff; box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); outline: none; } /* Button Styling */ button.btn-primary { background-color: #007bff; color: #fff; font-size: 16px; font-weight: bold; padding: 10px 20px; border: none; border-radius: 5px; transition: background-color 0.3s ease; margin-top: 10px; } button.btn-primary:hover { background-color: #0056b3; } body { background-color: #f9f9f9; color: #333; align-items: center; } .main-content { text-align: center; z-index: 1; } /* Loader Overlay Styling */ .loader-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 1000; /* Ensures it stays on top */ } /* Circular Loader Animation */ .loader { width: 60px; height: 60px; border: 6px solid #e0e0e0; border-top: 6px solid #FF5722; border-radius: 50%; animation: spin 1s linear infinite; } /* Loader Text Styling */ .loader-text { margin-top: 20px; font-size: 16px; color: #2c2b2b; line-height: 1.5; } /* Spin Animation */ @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Responsive Adjustments */ @media (max-width: 768px) { .col-md-6 { flex: 0 0 100%; max-width: 100%; } .m-5{ margin: 1rem !important; } } /* Extracted from */ .media.media-news { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding-bottom: 210px; } @media (max-width: 501px) { .mobilemm { display: none !important; } } @media (min-width: 768px) { .media.media-news { padding-bottom: 0; margin-bottom: 0; } } @media (min-width: 1200px) { .media.media-news { padding-bottom: 25px; margin-bottom: 0; } } .media.media-news .media-body { padding: 20px; box-shadow: 0 22px 28px 0 rgba(0, 0, 0, 0.06); background: #fff; position: absolute; width: 85%; right: 0; bottom: 0; } @media (min-width: 768px) { .media.media-news .media-body { position: relative; padding: 46.5px 35px; right: 0; } } @media (min-width: 992px) { .media.media-news .media-body { right: 40px; bottom: 0; } } @media (min-width: 1200px) { .media.media-news .media-body { position: absolute; right: 35px; width: 60%; padding: 20px; } } .media.media-news .media-body .media-date { font-family: "Open Sans", sans-serif; color: #848484; margin-bottom: 10px; } .media.media-news .media-body h5 { font-size: 16px; padding-bottom: 15px; margin-bottom: 20px; } .media.media-news .media-body h5.small { font-size: 16px; } .media.media-news .media-body p { font-family: "Open Sans", sans-serif; color: #848484; } .media.media-news .media-body .common-btn { margin-top: 10px; } /* Extracted from */ .remove-member, .remove-address { hide: none } section.back_images.mt-3 .row.banneers img { width: 100%; } span.mnb { color: #282730 !important; } .bodys { padding: 1rem 1rem; } @media (max-width:767px) { .bodys { padding: 1rem 0rem; } } @media (max-width:767px) { .topnav.responsive .desk-head-view1.mobileview { overflow: auto; height: 560px; padding-bottom: 20px; } } .remove a { color: #fff; } .supe { padding: 10px; } .supe .btn-primary { color: #fff; background-color: #4CAF50; border-color: #8BC34A; } .error { color: red !important; font-weight: 400 !important; font-size: 14px !important; border-color: red !important; } .primary { background: linear-gradient(114deg, var(--primary), var(--accent)); } .secondary { background: var(--secondary); } .offcanvas-body { flex-grow: 1; padding: 0rem 0rem; overflow-y: auto; } .muted { color: var(--text_dark); } .bold { font-weight: 700; } .underline { text-decoration: underline; } .alert { color: var(--alert); } .active { color: var(--primary); } .list { display: flex; flex-direction: column; padding: 2.5rem; border-radius: 1rem; width: 100%; gap: 1rem; max-width: 35rem; backdrop-filter: blur(0.1rem); background: var(--glass_trans); } .list-item { /* display: flex; */ align-items: center; justify-content: space-between; width: 100%; } .checkbox { appearance: none; padding: 0.1rem; height: 1.0rem; width: 1.0rem; border: 1px solid var(--outline); background: transparent; border-radius: 1.25rem; cursor: pointer; outline: none; } .checkbox-wrapper { display: flex; gap: 0.5rem; max-width: 70%; } .checkbox-wrapper input[type='radio']:checked { content: url('data:image/svg+xml, < !-- !Font Awesome Free 6.5.2 by @fontawesome - https: //fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--> '); } /*.checkbox:checked ~ p { text-decoration: line-through; }*/ grid { transform: rotate(20deg) translate(10rem, -10rem); background-size: 4.5rem 4.5rem; background-image: linear-gradient(to right, white 1px, transparent 1px), linear-gradient(to bottom, white 1px, transparent 1px); opacity: 10%; position: absolute; width: 30rem; height: 30rem; pointer-events: none; mask-image: radial-gradient(black 20%, transparent 80%); } glob { opacity: 30%; position: absolute; width: 20rem; height: 20rem; border-radius: 100%; filter: blur(100px); background: var(--accent); pointer-events: none; } ::-webkit-scrollbar { display: none; } #cart-model .fa-trash-o { display: none !important; } /* Navigation arrow styling */ .owl-nav .owl-prev, .owl-nav .owl-next { position: absolute; top: 50%; transform: translateY(-50%); background-color: #fff; border: 1px solid #ccc; border-radius: 50%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: background-color 0.3s; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .owl-nav .owl-prev { left: -20px; } .owl-nav .owl-next { right: -20px; } /* Hover effect for arrows */ .owl-nav .owl-prev:hover, .owl-nav .owl-next:hover { background-color: #f0f0f0; } /* Navigation dots styling */ .owl-dots { text-align: center; margin-top: 20px; } .owl-dots .owl-dot { display: inline-block; margin: 0 5px; width: 12px; height: 12px; background-color: #ccc; border-radius: 50%; cursor: pointer; } .owl-dots .owl-dot.active { background-color: #666; } .owl-stage-outer { width: 100%; overflow: hidden; } .owl-stage { display: flex; transition: transform 0.3s ease-in-out; } .owl-item { /*flex: 0 0 20%; */ max-width: 100%; box-sizing: border-box; text-align: center; padding: 10px; } .cart-card { border-radius:15px; border:1px solid #e8e8e8; } .medicine-img { width:80px; height:100px; object-fit:contain; } .medicine-title { font-size:20px; font-weight:600; margin-bottom:5px; } .pack-size { color:#666; font-size:15px; } .composition-text { color:#888; font-size:13px; } .old-price { text-decoration:line-through; color:#777; margin-right:8px; font-size:14px; } .new-price { font-size:24px; font-weight:700; color:#000; } .delivery-text { color:#333; font-size:14px; } .cart-qty-box { display:flex; align-items:center; justify-content:center; border:1px solid #ddd; border-radius:30px; padding:5px 10px; width:130px; margin-left:auto; } .cart-qty-input { width:35px; border:none; text-align:center; background:transparent; } .cart-qty-input:focus { outline:none; } /* Extracted from */ .overlay-s { position: fixed; top: 0; width: 100%; height: 100%; background: #ffffff0f; z-index: 999; left: 0; display: none; } .box-section { align-items: initial !important; } .member_list_div .box { height: auto !important; } .box span { font-size: 14px !important; } h2#headingOne { margin-top: 0px; } .shadow { margin: 0px; } hr.dotted { border: 1px dotted gray; margin: 0 auto !important; width: 92% !important; } .price_rate { padding: 10px 30px 0px 4px; } .total_amount { padding-top: 14px; padding-bottom: 10px; padding-left: 19px; padding-right: 19px; } section#cart .col-lg-3 { background: #fff; padding: 0px; margin-left: 1%; flex: 0 0 auto; width: 24%; border-radius: 10px; margin-bottom: auto; position: sticky; top: 140px; } section#cart div#content { background: #fff; border-radius: 10px; } .owl-item.disabled { pointer-events: none; } @media (max-width:992px) { section#cart .col-lg-3 { background: #fff; padding: 0px; margin-left: 0%; flex: 0 0 auto; width: 100%; border-radius: 10px; margin-top: 15px; } } .mai { padding: 15px; } ul.patEditDetails { margin: 10px 0 10px; } ul.patEditDetails li { position: relative; padding: 5px 5px 5px 15px; font-size: 11px; } ul.patEditDetails li:before { content: '>'; position: absolute; left: 0; font-family: 'FontAwesome'; } ul.patEditDetails li.ptNam:before { content: " \f0c0"; top: 7px; } ul.patEditDetails li.ptAdd:before { content: "\f041"; font-size: 13px; } ul.patEditDetails li.ptDate:before { content: "\f274"; top: 7px; } ul.patEditDetails li.pttime:before { content: "\f017"; top: 7px; } ul.patEditDetails li.ptedirbtn { padding-left: 0; } ul.patEditDetails li.ptedirbtn:before { display: none; } ul.patEditDetails li.ptedirbtn a { display: block; max-width: 50%; line-height: 1; } .pt_edit_title { font-weight: 600; } /* Container padding and spacing */ .sub_total { padding: 15px; background: #f9f9f9; border-radius: 8px; max-width: 400px; } /* Input field styling like Bootstrap */ #coupon_code { margin-top: 10px; height: 40px; padding: 8px 12px; font-size: 15px; border: 1px solid #ced4da; border-radius: 5px; outline: none; transition: border-color 0.3s; width: 100%; } #coupon_code:focus { border-color: #86b7fe; box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.25); } /* Apply button styling */ #apply { margin-top: 10px; background-color: #16a7b7; color: white; border: none; padding: 10px 16px; border-radius: 5px; width: 100%; font-weight: 600; transition: background-color 0.3s, box-shadow 0.3s; cursor: pointer; } #apply:hover { background-color: #16a7b7; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } /* Error message style */ #coupon_error { display: block; margin-top: 8px; color: #dc3545; font-weight: 600; font-size: 14px; } /* Coupon block layout fix */ #copun_amount { margin-top: 10px; background: #f8f9fa; border: 1px solid #dee2e6; padding: 12px; border-radius: 6px; position: relative; } /* Coupon Discount line */ #copun_amount .cle-discount { margin: 0; font-weight: 600; color: #198754; display: flex; justify-content: space-between; align-items: center; } /* Remove button styling – now treated like part of coupon block */ #remove { display: block; margin-top: -10px; width: 100%; /*background-color: #dc3545;*/ color: #fff; font-weight: 600; padding: 10px 12px; border-radius: 4px; text-align: center; text-decoration: none; transition: background-color 0.3s, box-shadow 0.3s; margin-left: 10px; } #remove:hover { /*background-color: #bb2d3b;*/ /*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);*/ } span.left_side a { color: #c5c1c1; font-size: 8px; text-decoration: none; border: 0px dotted gray; padding: 4px 10px; } #cart .btn { /* background-color: #333; */ /* color: #fff; */ border: none; border-radius: 6px; padding: 7px 14px; font-size: 14px; cursor: pointer; /* width: 100%; */ transition: background-color 0.3s ease, transform 0.3s ease; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } /* Tooltip container */ #remove { position: relative; } /* Tooltip text */ #remove::after { content: "Remove Coupon Code"; position: absolute; bottom: 120%; left: 50%; transform: translateX(-50%); background-color: #333; color: #fff; padding: 6px 10px; border-radius: 4px; font-size: 13px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.3s; z-index: 999; } /* Show tooltip on hover */ #remove:hover::after { opacity: 1; } /* Extracted from */ :root { --cart-primary: #16a7b7; --cart-primary-dark: #118c99; --cart-bg: #f5f7f8; --cart-border: #eaecee; --cart-text: #222831; --cart-muted: #8a9099; } #cart { background: var(--cart-bg); padding-bottom: 40px; } #cart .home-section { padding: 18px 0 10px; font-size: 14px; color: var(--cart-muted); } #cart .home-section p { display: inline-block; margin: 0 4px 0 0; } #cart .home-section a { color: var(--cart-text); text-decoration: none; font-weight: 500; } #cart .home-section i { margin: 0 6px; font-size: 11px; } /* equal-height stretch fix: stops the left card from being force-stretched to match the right sidebar's height */ .col-lg-9.shadow, .col-lg-3.shadow { align-self: flex-start !important; height: auto !important; min-height: 0 !important; } /* ---- left column: Cart Items wrapper ---- */ #cart .col-lg-9.shadow { background: #fff; border-radius: 16px; box-shadow: 0 4px 18px rgba(20, 30, 40, 0.06); padding: 0; } #cart ._login_number_div { margin: 0; } #cart ._login_number_div>.card { border: none; background: transparent; box-shadow: none; } #cart-item-list { margin: 0; padding: 22px 24px 16px; } #cart-item-list>h3.logged_in { font-size: 19px; font-weight: 700; color: var(--cart-text); margin: 0 0 18px; padding-bottom: 14px; border-bottom: 1px solid var(--cart-border); width: 100%; } /* ---- individual item card ---- */ .cartBox { width: 100%; margin-bottom: 14px; } .cartBox .input-section { display: none; } .cartBox>.card { border: 1px solid var(--cart-border); border-left: 4px solid var(--cart-primary); border-radius: 12px; box-shadow: 0 1px 4px rgba(20, 30, 40, 0.04); transition: box-shadow .25s ease, transform .25s ease; } .cartBox>.card:hover { box-shadow: 0 8px 22px rgba(20, 30, 40, 0.10); transform: translateY(-2px); } .cartBox .card-body { padding: 18px 20px 14px; } .cartBox .card-body .card-title { margin: 0 0 4px; font-size: 16px; font-weight: 700; color: var(--cart-text); } .cartBox .card-body h6.card-title+h6.card-title { font-size: 12.5px; font-weight: 600; letter-spacing: .3px; color: var(--cart-muted); text-transform: uppercase; margin: 12px 0 8px; } /* quantity stepper */ .cart-qty-box { display: inline-flex; align-items: center; margin-bottom: 16px; border: 1px solid var(--cart-border); border-radius: 999px; overflow: hidden; background: #fafbfc; } .cart-qty-box .btn-secondary { width: 34px; height: 34px; line-height: 1; border-radius: 0; font-weight: 700; font-size: 16px; background: #fff; border: none; color: var(--cart-primary-dark); box-shadow: none; } .cart-qty-box .btn-secondary:hover { background: #eef8f9; } .cart-qty-box .cart-qty-input { width: 46px !important; border: none; border-left: 1px solid var(--cart-border); border-right: 1px solid var(--cart-border); background: #fff; height: 34px; font-weight: 700; color: var(--cart-text); } /* price block */ .rates.boxes { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .rates.boxes del { color: #b3b8bf; font-size: 13px; font-weight: 500; } .rates.boxes .blue { color: var(--cart-primary-dark); font-weight: 800; font-size: 20px; } .rates.boxes .sm { background: #e6f8f6; color: #0d8a6f; font-size: 11.5px; font-weight: 700; padding: 4px 10px; border-radius: 999px; } /* out-of-stock badge injected by JS (checkMedicineAvailability) */ .cartBox .out-stock { margin-left: 8px; font-size: 10.5px; font-weight: 700; letter-spacing: .3px; padding: 4px 8px; border-radius: 999px; vertical-align: middle; } /* delete action */ .cartBox .row:last-of-type { margin-top: 2px; } .cartBox .btn-danger.btn-sm { border-radius: 8px; padding: 6px 11px; background: #fff0f0; border: 1px solid #ffd6d6; color: #e0394f; box-shadow: none; } .cartBox .btn-danger.btn-sm:hover { background: #e0394f; color: #fff; } /* empty state */ ._cart_item_list .empty-cart-box { text-align: center; padding: 60px 20px; color: var(--cart-muted); font-size: 15px; width: 100%; } ._cart_item_list .empty-cart-box i { margin-left: 8px; color: var(--cart-primary); } /* ---- right column: Cart Details ---- */ section#cart .col-lg-3 { background: #fff !important; border-radius: 16px !important; box-shadow: 0 4px 18px rgba(20, 30, 40, 0.06); margin-bottom: 0 !important; } #price-area .row1 { margin: 0; } #price-area .shadow1 { padding: 22px 22px 20px; } #price-area h3 { font-size: 18px; font-weight: 700; color: var(--cart-text); margin: 0 0 16px; padding-bottom: 14px; border-bottom: 1px solid var(--cart-border); } .sub_total { padding: 0; background: transparent; border-radius: 0; max-width: 100%; } .sub_total p, .sub_total h6.sub_total { display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: var(--cart-muted); margin: 0 0 12px; } .sub_total .left_side { font-weight: 700; color: var(--cart-text); } .cle-discount .left_side { color: #1a9e6c; } #coupon_code { margin-top: 4px; height: 42px; padding: 8px 14px; font-size: 14px; border: 1px solid var(--cart-border); border-radius: 10px; outline: none; width: 100%; background: #fafbfc; } #coupon_code:focus { border-color: var(--cart-primary); box-shadow: 0 0 0 3px rgba(22, 167, 183, 0.12); background: #fff; } #apply, #apply:hover { margin-top: 10px; background: linear-gradient(135deg, var(--cart-primary), var(--cart-primary-dark)); color: #fff; border: none; padding: 11px 16px; border-radius: 10px; width: 100%; font-weight: 700; font-size: 14px; letter-spacing: .2px; box-shadow: 0 4px 12px rgba(22, 167, 183, 0.25); } #apply:hover { box-shadow: 0 6px 18px rgba(22, 167, 183, 0.35); } #coupon_error { display: block; margin-top: 8px; color: #dc3545; font-weight: 600; font-size: 12.5px; } #copun_amount { margin-top: 10px; background: #f3fbf8; border: 1px solid #d3eee2; padding: 12px 14px; border-radius: 10px; } h6.sub_total { font-size: 16px; font-weight: 700; color: var(--cart-text); border-top: 1px dashed var(--cart-border); padding-top: 14px; margin-top: 6px !important; } h6.sub_total .total { color: var(--cart-primary-dark); font-weight: 800; font-size: 20px; } #open-address-form, #process-to-buy-btn { border-radius: 10px !important; font-weight: 700 !important; padding: 12px !important; font-size: 15px; letter-spacing: .2px; box-shadow: 0 4px 14px rgba(22, 167, 183, 0.22); } /* light polish for the side-panel login/register/address forms, scoped to #cart-model only so nothing else on the site is affected */ #cart-model .next-btn { background: linear-gradient(135deg, var(--cart-primary), var(--cart-primary-dark)); color: #fff; border: none; border-radius: 10px; padding: 11px 22px; font-weight: 700; font-size: 14px; box-shadow: 0 4px 12px rgba(22, 167, 183, 0.25); display: inline-block; } #cart-model .form-control, #cart-model .form-select { border-radius: 10px; border: 1px solid var(--cart-border); padding: 10px 14px; } #cart-model .form-control:focus, #cart-model .form-select:focus { border-color: var(--cart-primary); box-shadow: 0 0 0 3px rgba(22, 167, 183, 0.12); } @media (max-width:991px) { #cart .col-lg-9.shadow, section#cart .col-lg-3 { width: 100% !important; margin-left: 0 !important; position: static !important; margin-top: 16px; } } @media (max-width:575px) { #cart-item-list, #price-area .shadow1 { padding: 16px; } .cartBox .card-body { padding: 14px 16px 10px; } } #process-to-buy-btn { background: #0f6663; border-color: #0f6663; border-radius: 12px; font-size: 20px; font-weight: 600; width: 100%; padding: 12px; } /* Extracted from */ .mc2025-load-more { min-width: 220px; padding: 14px 28px; margin: 0 auto; border: 0; border-radius: 999px; background: linear-gradient(135deg, #12b7c9 0%, #0b8fa8 100%); color: #fff; font-weight: 700; letter-spacing: 0.02em; box-shadow: 0 12px 26px rgba(11, 143, 168, 0.24); transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease; } .mc2025-load-more:hover, .mc2025-load-more:focus { transform: translateY(-1px); box-shadow: 0 16px 30px rgba(11, 143, 168, 0.3); } .mc2025-load-more:disabled { opacity: 0.75; cursor: not-allowed; transform: none; box-shadow: 0 10px 22px rgba(11, 143, 168, 0.16); } /* Extracted from */ /*tab-slider*/ .tab-slider .wrapper { max-width: 100%; margin: 50px auto; padding: 20px 0; width: 100%; box-shadow: 0px 0px 6px #b3b3b3;} b, strong{ font-weight: 500;} /*tab-slider*/ /*accordion*/ .accordion-2 .accordion { width: 100%; max-width: 1000px; margin: 2rem auto;} .accordion-2 .accordion-item { background-color: #f1f3f4; color: #111; margin: 1rem 0;} .accordion-2 .accordion-item-header { padding: 30px 20px 30px 23px; min-height: 3.5rem; line-height: 1.25rem; font-weight:500;font-size: 18px; display: flex; align-items: center; position: relative; cursor: pointer;} .accordion-2 .accordion-item-header::after { content: "\002B"; font-size: 2rem; position: absolute; right: 2rem;} .accordion-2 .accordion-item-header.active::after { content: "\2212";} .accordion-2 .accordion-item-body { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;} .accordion-2 .accordion-item-body-content { padding: 1rem; line-height: 1.5rem; border-top: 1px solid; border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;} .tab-slider .tab-content #home h2{ font-size: 28px;} h2{font-size: 22px;} .sticky-progress-bar .process-title.active, .sticky-progress-bar .process-title.activess{ border-bottom: 2px solid #f00;} #services-link{margin-top: 56px;} header{ max-width: 100%; margin: 0px;margin-top: 24px; padding: 20px 0; width: 100%;z-index: 99999999999999999999999; position: relative;background: #fff; border-bottom: 1px solid #f1f3f4; } .heade-two{position: sticky; top: 0px;} header .navbar-nav{ float: inherit;} header .navbar-nav>li>a{ padding-top: 0; padding-bottom: 0 ; font-size: 20px;} /*add-to-card*/ .search-list-height .accordion { width: 90%; max-width: 1000px; margin: 12px auto;} .search-list-height .accordion-item { background-color:#e95c26 !important; color: #fff; } .search-list-height .titleblock .accordion-item-header{ font-size: 17px;} .search-list-height .accordion-item-body { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;} .search-list-height .accordion-item-body-content { padding: 1rem; line-height: 1.5rem; border-image: linear-gradient(to right, transparent, #34495e, transparent) 1; text-align: left; line-height: 24px;} .search-list-height .accordion-item-body-content:hover{ text-decoration: none;} /*add-to-card*/ /*accordion*/ .fasting{width: 49%;display: inline-block;margin-top: 16px;justify-content: flex-start;-moz-column-gap: 2rem;column-gap: 2rem;padding: 14px 24px;border-radius: 10px;background: #f5f5f5;height: 115px; flex-basis: 350px; flex-grow: 0; flex-shrink: 0; } .fasting-img{ width: 57px; display: inline-block; vertical-align: text-bottom;} .fasting-text{ width: 240px; display: inline-block;} p{ font-size: 20px; font-family: system-ui;} .accordion-2 .accordion-item .accordion-item-body-content ul li{ line-height: 42px; font-size: 18px;} .accordion-2 .accordion-item .accordion-item-body-content ul{ font-size: 17px; line-height: 27px;} .health-pacage-site{ position: relative;} .health-pacage-site-one{ position: absolute;top: 13%; left: 31%; text-align: center; } .health-pacage-site-one h3{ color: #fff; font-size: 26px; font-weight: 700;} .health-pacage-site-one .book-test-now{ color: #fff; background-color: #e96d41; padding: 18px 22px; display: inline-block; border-radius: 6px; font-size: 17px; font-weight: 700; text-transform: uppercase; margin-top: 22px;} .health-pacage-site img{ width: 100%;} .health-pacage-site-one img{ width: 14%;} /*table*/ .table-2 .table{ width: 65%; max-width: 100%;background: #f3f3f3; margin-bottom: 20px; border: 1px solid #ddd;} .table-2 .table thead{background: #00bbd5;} .table-2 .table thead tr th{ color: #fff; font-size: 16px;} .table-2 .table tbody tr td{ font-size: 14px; font-weight: 600;} .advance-plus-full-body p{ font-size: 14px; font-family: sans-serif; font-weight: 500;} .advance-plus-full-body{ margin-top: 44px;} .advance-plus-full-body ul{ padding: 17px 19px; line-height: 32px; font-size: 17px; font-weight: 500;} #stickytypeheader{ position: sticky; top: 47px;} .header{ height: 145px !important;} #stickytypeheader .pkgCardBox{ border: 1px solid #00cce1; border-radius: 12px; padding: 20px; position: sticky; top: 157px;} #stickytypeheader .pkgCardBox h2{font-size: 19px; line-height: 18px; color: #2D2D2D; font-weight: 600; padding-bottom: 4px; margin-bottom: -7px; font-family: "Calibri","Roboto",sans-serif; margin-top: 3px; height: 27px;} #stickytypeheader .pkgCardBox .priceSec{margin-bottom:36px;margin-top: 19px; display: block; justify-content: space-between; align-items: center;} #stickytypeheader .search-list-height{margin-top: 5px; margin-left: 73Px; background: #e95c26; display: inline-block; width: 60%; border-radius: 10px;} #stickytypeheader .pkgCardBox .cardGraySec{ display: inline-block; margin-top: -35px; margin-bottom: -52px;} #stickytypeheader .pkgCardBox .priceSec span.offer{padding: 16px 26px; font-size: 16px; line-height: 0px; font-weight: 600; color: #3c3c3c; background-image: linear-gradient(106deg,#f25417 7%,#0a8f88 96%); right:-364px; position: relative; top: -13px; border-radius: 20px 0px 0px 20px; color: #fff;} #stickytypeheader .priceSec .price{ font-size: 22px; color: #f5ad39;} #stickytypeheader .priceSec .priceOld{font-size: 22px; margin-left: 22px;} #stickytypeheader .pkgCardBox .priceSec span.offer:after{position: absolute; content: ""; right: -10px; top: -9px; border-left: 10px solid #fc8019; border-right: 10px solid transparent; border-top: 10px solid transparent;} #home { color: #000;} .search-list-height .titleblock .accordion-item-header{font-size: 16px;} #heads{position: sticky; top: 138px; margin:0; padding:0} #desktop-nav ul { list-style: none; margin: 0; padding: 0; font-weight: 900; } .advance-plus-full-body h3{margin-top: 54px; font-size:20px;} .fasting-text h4{ font-size: 15px;color: #505456;} .advance-plus-full-body {color: #242424;} #desktop-nav ul li { display: inline-block; width: auto; padding:20px 0; text-align: center;margin-right: 23px;position:relative } #desktop-nav ul li a { color: #494949; text-decoration: none; text-transform: uppercase; } #desktop-nav ul li a:hover { color: red; } #desktop-nav ul li.active a { color: red; } #home { width: 100%; min-height: 28rem; background-color: #fff; } #about { width: 100%; min-height: 20rem; background-color: #fff; } .advance-plus-full-body p{ color: #242424 !important;} #portfolio { width: 100%; min-height:100rem; background-color: #fff;min-height: 1500px; } #contact { width: 100%; /*height: 100%;*/ background-color: #fff; } #desktop-nav ul li.active::after{ border-bottom:3px solid #e95c26; position:absolute; content:""; width:100%; height:3px; left: 0; right: 0; bottom: 0;} @media (max-width: 1199px){ .pkgCardBox .priceSec span.offer{ right: -315px; padding: 11px 22px;top: -20px;} #stickytypeheader .titleblock .price a{ padding: 7px 98px !important;} .fasting-text{ width: 238px;} .accordion-2 .accordion{margin: 11px auto;} } @media (max-width: 991px){ #stickytypeheader .pkgCardBox{ margin: auto; width: 430px;} .health-pacage-site-one{ top: 6%; left: 24%;} .health-pacage-site-one h3{ font-size: 20px;} .health-pacage-site-one .book-test-now{ padding: 11px 13px; font-size: 14px; margin-top: 8px;} .health-pacage-site-one h3{ margin-top: 11px;} .health-pacage-site{margin-top: 20px;} .table-2 .table{width: 100%;} b, strong{font-weight: 400;} .process-section .container{width: 100% !important; } .tab-slider .tab-content #home h2{ font-size: 25px;} h2{ font-size: 25px;} .accordion-2 .accordion-item-header{font-size: 17px; padding: 24px 20px 24px 23px;} } @media (max-width: 767px){ .h2, h2{ font-size: 19px;} .health-pacage-site-one img{ width: 11%;} .health-pacage-site-one h3{ font-size: 16px;} .health-pacage-site-one .book-test-now{ padding: 7px 9px; font-size: 13px; margin-top: 8px;} .accordion-2 .accordion-item-header{ padding: 23px 20px 23px 23px; font-size: 17px;} p{ font-size: 18px;} .container{width: 98% !important; } .h3, h3{font-size: 20px;} } @media (max-width: 575px){ .h2, h2{ font-size: 23px;} .fasting{ width: 100%;} .health-pacage-site-one{ top: 4%; left: 19%;} .health-pacage-site-one .book-test-now{ margin-top: 2px;} .health-pacage-site-one h3{ margin-top: 0px; margin-bottom: 0;} .c-sticky-process .sticky-progress-bar button{font-size: 18px;} .tab-slider .tab-content #home h2{font-size: 23px;} .pkgCardBox{height: 277px;} .h3, h3{line-height: 31px; margin-top: 0;} #services-link{margin-top: 26px;} .accordion-2 .accordion-item-header{font-size: 15px;} } @media (max-width: 480px){ .pkgCardBox{width: 329px;} .pkgCardBox .priceSec span.offer{right: -214px;} .tab-slider .tab-content #home h2{font-size: 18px;} .h2, h2{font-size: 20px;} .accordion-2 .accordion-item-header{line-height: 22px;} .h3, h3{line-height: 26px;} .container {width: 100% !important;} .table-2 .table thead tr th{ font-size: 14px;} .h3, h3{font-size: 18px;} .advance-plus-full-body ul{ padding: 5px 19px;} .accordion-2 .accordion-item-header{padding: 15px 20px 15px 23px;} .health-pacage-site-one{left: 16%;} .health-pacage-site-one img{width: 8%;} .health-pacage-site-one h3{font-size: 13px;} .health-pacage-site-one .book-test-now{padding: 3px 5px; font-size: 11px;} .titleblock .price a{padding: 7px 54px !important;} .search-list-height{margin-top: 20px;} .pkgCardBox{height: 264px;} .pkgCardBox h2 a{ font-size: 15px;} } header{margin-top: 0px !important; padding: 0px 0 !important ;} /* Extracted from */ .gold-head-off-to { padding: 8px 0; } .gold-body { display: flex; flex-wrap: wrap; justify-content: center; } .gold-box { background-color: #ffffff; border: 1px solid #e0e0e0; border-radius: 30px; margin: 10px; padding: 5px; text-align: center; flex: 0 1 calc(16.66% - 20px); /* 6 boxes in a row */ /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/ transition: transform 0.3s; } .gold-box:hover { transform: translateY(-5px); } .gold-box img { /*max-width: 20%;*/ height: auto; margin-bottom: 10px; } .text { font-weight: 600; color: #333; } @media (max-width: 768px) { .gold-box { flex: 0 1 calc(50% - 20px); /* 2 boxes in a row */ } } @media (max-width: 576px) { .gold-box { flex: 0 1 calc(100% - 20px); /* 1 box in a row */ } } .gold-over-section { max-width: 1200px; margin: 0 auto; padding: 30px; background-color: #ffffff; /* Clean white background */ border-radius: 15px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); } .table-one { width: 100%; border-collapse: collapse; } .table-one th { background-color: #dfdfdf; color: #645e5e; padding: 5px; font-size: 1.5em; border-top-left-radius: 10px; border-top-right-radius: 10px; position: sticky; /* Keep header fixed on scroll */ top: 0; z-index: 1; /* Ensure header stays above other elements */ } .table-one td { padding: 20px; border: 1px solid #e0e0e0; /* Light borders for separation */ text-align: center; transition: transform 0.3s, box-shadow 0.3s; /* Smooth transitions */ } .table-one td:hover { transform: translateY(-3px); /* Subtle lift effect */ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Shadow on hover */ } h3 { margin: 0; font-size: 1.4em; color: #4a90e2; /* Consistent heading color */ } p { font-size: 0.9em; color: #666; } figure { margin: 0 auto; width: 100px; /* Set a fixed size for images */ height: auto; display: block; transition: transform 0.3s; /* Zoom effect */ } figure:hover img { transform: scale(1.1); /* Zoom effect on hover */ } @media (max-width: 768px) { .gold-over-section { padding: 15px; /* Reduce padding for smaller screens */ } h3 { font-size: 1.2em; /* Responsive heading size */ } p { font-size: 0.8em; /* Responsive paragraph size */ } } .gold-over-text { padding: 40px; background-color: #ffffff; border-radius: 15px; /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);*/ text-align: center; } .gold-over-text-one { font-size: 2.2em; color: #4a90e2; margin-bottom: 30px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; } .benefit-list .unlimited-free-consultations { background: #f8f9fa; border-radius: 12px; padding: 20px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } .benefit-list .unlimited-free-consultations:hover { transform: translateY(-10px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15); } figure { margin: 0 auto 15px; width: 70px; height: 70px; overflow: hidden; background-color: #fff; } figure img { width: 100%; height: auto; transition: transform 0.3s; } figure:hover img { transform: scale(1.1); } h3 { font-size: 1.4em; color: #333; margin-bottom: 10px; } p { font-size: 0.95em; color: #666; } .subscription-section { background: linear-gradient(to bottom, #ffffff, #ffffff); border-radius: 15px; /*box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);*/ } .premium-card { border-radius: 15px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); transition: transform 0.3s, box-shadow 0.3s; padding: 4px; display: flex; flex-direction: column; justify-content: space-between; height: 410px; /* Set a consistent height */ } .text-primary { --bs-text-opacity: 1; color: rgb(142 145 149) !important; } .premium-card:hover { transform: scale(1.05); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); } .price { color: #16a7b7; font-size: 30px; } .active-month, .family-members { background-color: #f0f9ff; color: #67696a; font-weight: bold; border-radius: 8px; padding: 12px; margin-top: 10px; font-size: 15px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .member-count { font-size: 15px; } .p-3 { padding: 12px 5px 12px 5px !important; } .btn-primary { background-color: #ff4500; border: none; transition: background-color 0.3s; padding: 10px 15px; font-size: 1rem; border-radius: 5px; margin: 20px auto 0; /* Center the button */ display: block; /* Make button a block element */ } .text-success { --bs-text-opacity: 1; color: rgb(91 94 93) !important; font-size: 22px; } .btn-primary:hover { background-color: #ff6347; } h3 { font-size: 1.8rem; margin-bottom: 15px; } .btn-load-more { background-color: #16a7b7; color: white; border: none; padding: 10px 20px; border-radius: 25px; font-size: 1.2rem; transition: background-color 0.3s, transform 0.2s; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); } .btn-load-more:hover { background-color: #16a7b7; color: #fff; transform: translateY(-2px); } .text-muted { font-size: 13px; } @media (max-width: 768px) { .premium-card { margin-bottom: 20px; } .price { font-size: 1.8rem; } .btn-primary { font-size: 0.9rem; padding: 10px 15px; } } /* Extracted from */ .alert{ padding: 10px; font-size: 18px; } /* Extracted from */ .heights{ height: 82px; } .wrapper { width: 95%; max-width: 1200px; margin: 30px auto; } .pricing-table h2 { font-size: 1.5em; padding: 35px 10px; margin: 0; } .description { margin-top: 20px; /*font-size: 0.85em;*/ padding: 0 40px; font-style: normal; text-align: justify; } /*.description {*/ /* margin-top: 20px;*/ /* font-size: 0.85em;*/ /* padding: 0 40px;*/ /* font-style: italic;*/ /*}*/ .price, .pricing-box { -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; } .price { background: #16a7b7; color: #fff; font-size: 27px; font-weight: 600; position: relative; /*padding: 20px 10px;*/ display: block; } .pricing-box:nth-child(2) .price { background: #16a7b7; } .pricing-box:nth-child(3) .price { background: #16a7b7; } .pricing-box:hover .price { background: #FF5722; box-shadow: inset 0 0 100px 0 rgba(0, 0, 0, 0.3); color: #fff; } .pricing-table .btn { background: #FF5722; border: 1px solid #FF5722; color: #fff; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; border-radius: 30px; padding: 7px 40px; display: inline-block; margin-top: 20px; } .pricing-table .btn:hover { background: #093e64; border: 1px solid #093e64; color: #fff !important; } .pricing-table-divider { display: block; height: 1px; background: rgba(0, 0, 0, 0.08); max-width: 80%; margin: 20px auto 0; } .pricing-table { border-radius: 3px; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); grid-column-gap: 15px; grid-row-gap: 20px; text-align: center; padding-bottom: 50px; } .pricing-box { overflow: hidden; border-radius: 10px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.13); border: 2px solid rgba(10, 123, 183, 0.14); } .pricing-box:hover { -webkit-transform: scale(1.01); transform: scale(1.01); } .pricing-table ul li { padding: 3px 0; /*font-size: 0.95em;*/ } .pricing-table ul { padding: 15px 60px; text-align: left; } @media (max-width: 750px) { .pricing-table { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .pricing-table > div:nth-child(3) { -ms-grid-row: 1; grid-row-start: 1; } .pricing-table > div:nth-child(2) { -ms-grid-row: 2; grid-row-start: 2; } .pricing-table > div { -ms-flex-item-align: top; -ms-grid-row-align: top; align-self: top; } } /* Extracted from */ .pricing-table .btn { background: #FF5722; border: 1px solid #FF5722; color: #fff; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; border-radius: 30px; padding: 7px 40px; display: inline-block; margin-top: 20px; } @import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap"); .container1 { background: #f8faff; color: #4b537c; width: 100%; max-width: 900px; padding: 40px; border-radius: 15px; margin: 0 auto; margin-top: 50px; box-shadow: #dee8fe 0 10px 20px 5px; display: flex; flex-direction: column; gap: 15px; } .heading { font-size: 18px; } .para { font-weight: 600; } .feedback-level { display: flex; justify-content: space-between; align-items: center; } .level { background: white; padding: 13px; border-radius: 7px; border: solid 0.5px #e0e9fe; cursor: pointer; } .level:hover { box-shadow: #16a7b7 0 2px 5px; } .level:hover i { color: #FF5722; } .level i { font-size: 88px; } .feedback-msg textarea { margin-top: 5px; border: solid 2px #e0e9fe; padding: 13px; border-radius: 7px; outline: none; font-size: 14px; color: #4b537c; font-weight: 500; letter-spacing: 1px; width: 100%; height: 80px; resize: none; } .agreement .checkbox { display: flex; gap: 5px; align-items: center; margin-bottom: 5px; } .agreement input { accent-color: #ff71a4; } .agreement a { color: #ff71a4; font-size: 12px; font-weight: 600; } .agreement label { font-size: 12px; font-weight: 600; } .buttons { display: flex; gap: 10px; justify-content: end; } .buttons a { background: white; color: #4b537c; width: 80px; padding: 10px; text-align: center; border-radius: 4px; } .buttons a:hover { opacity: 0.9; } .buttons a:nth-child(1) { background: #fe71a4; color: #f8faff; } .level.active { border: 2px solid #089f08; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } /* Extracted from */ .remove-member , .remove-address{ hide:none } section.back_images.mt-3 .row.banneers img { width: 100%; } span.mnb { color: #282730 !important; } .bodys{ padding: 1rem 1rem; } @media (max-width:767px) { .bodys { padding: 1rem 0rem; } } @media (max-width:767px) { .topnav.responsive .desk-head-view1.mobileview { overflow: auto; height: 560px; padding-bottom: 20px; } } .remove a { color: #fff; } .supe { padding: 10px; } .supe .btn-primary { color: #fff; background-color: #4CAF50; border-color: #8BC34A; } .error { color: red !important; font-weight: 400 !important; font-size: 14px !important; border-color: red !important; } .primary { background: linear-gradient(114deg, var(--primary), var(--accent)); } .secondary { background: var(--secondary); } .offcanvas-body { flex-grow: 1; padding: 0rem 0rem; overflow-y: auto; } .muted { color: var(--text_dark); } .bold { font-weight: 700; } .underline { text-decoration: underline; } .alert { color: var(--alert); } .active { color: var(--primary); } .list { display: flex; flex-direction: column; padding: 2.5rem; border-radius: 1rem; width: 100%; gap: 1rem; max-width: 35rem; backdrop-filter: blur(0.1rem); background: var(--glass_trans); } .list-item { /* display: flex; */ align-items: center; justify-content: space-between; width: 100%; } .checkbox { appearance: none; padding: 0.1rem; height: 1.0rem; width: 1.0rem; border: 1px solid var(--outline); background: transparent; border-radius: 1.25rem; cursor: pointer; outline: none; } .checkbox-wrapper { display: flex; gap: 0.5rem; max-width: 70%; } .checkbox-wrapper input[type='radio']:checked { content: url('data:image/svg+xml,'); } /*.checkbox:checked ~ p { text-decoration: line-through; }*/ grid { transform: rotate(20deg) translate(10rem, -10rem); background-size: 4.5rem 4.5rem; background-image: linear-gradient(to right, white 1px, transparent 1px), linear-gradient(to bottom, white 1px, transparent 1px); opacity: 10%; position: absolute; width: 30rem; height: 30rem; pointer-events: none; mask-image: radial-gradient(black 20%, transparent 80%); } glob { opacity: 30%; position: absolute; width: 20rem; height: 20rem; border-radius: 100%; filter: blur(100px); background: var(--accent); pointer-events: none; } ::-webkit-scrollbar { display: none; } #cart-model .fa-trash-o{ display: none !important; } /* Extracted from */ .overlay-s { position: fixed; top: 0; width: 100%; height: 100%; background: #ffffff0f; z-index: 999; left: 0; display: none; } .box-section { align-items: initial !important; } .member_list_div .box { height: auto !important; } .box span { font-size: 14px !important; } h2#headingOne { margin-top: 0px; } .shadow { margin: 0px; } hr.dotted { border: 1px dotted gray; margin: 0 auto !important; width: 92% !important; } .price_rate { padding: 10px 30px 0px 4px; } .total_amount { padding-top: 14px; padding-bottom: 10px; padding-left: 19px; padding-right: 19px; } section#cart .col-lg-3 { background: #fff; padding: 0px; margin-left: 1%; flex: 0 0 auto; width: 24%; border-radius: 10px; margin-bottom: auto; position: sticky; top: 140px; } section#cart div#content { background: #fff; border-radius: 10px; } @media (max-width:992px) { section#cart .col-lg-3 { background: #fff; padding: 0px; margin-left: 0%; flex: 0 0 auto; width: 100%; border-radius: 10px; margin-top: 15px; } } .mai { padding: 15px; } ul.patEditDetails { margin: 10px 0 10px; } ul.patEditDetails li { position: relative; padding: 5px 5px 5px 15px; font-size: 11px; } ul.patEditDetails li:before { content: '>'; position: absolute; left: 0; font-family: 'FontAwesome'; } ul.patEditDetails li.ptNam:before { content: " \f0c0"; top: 7px; } ul.patEditDetails li.ptAdd:before { content: "\f041" ; font-size: 13px; } ul.patEditDetails li.ptDate:before { content: "\f274" ; top: 7px; } ul.patEditDetails li.pttime:before { content: "\f017" ; top: 7px; } ul.patEditDetails li.ptedirbtn { padding-left: 0; } ul.patEditDetails li.ptedirbtn:before { display: none; } ul.patEditDetails li.ptedirbtn a { display: block; max-width: 50%; line-height: 1; } .pt_edit_title { font-weight: 600; } /* Extracted from */ section.back_images.mt-3 .row.banneers img { width: 100%; } span.mnb { color: #282730 !important; }@media (max-width:767px){ .topnav.responsive .desk-head-view1.mobileview { overflow: auto; height: 560px; padding-bottom: 20px; } } .remove a{ color: #fff; } .supe{ padding: 10px; } .supe .btn-primary{ color: #fff; background-color: #4CAF50; border-color: #8BC34A; } /* Extracted from */ .overlay-s { position: fixed; top: 0; width: 100%; height: 100%; background: #ffffff0f; z-index: 999; left: 0; display: none; } .box-section { align-items: initial !important; } .member_list_div .box { height: auto !important; } .box span { font-size: 14px !important; } h2#headingOne { margin-top: 0px; } .shadow { margin: 0px; } hr.dotted { border: 1px dotted gray; margin: 0 auto !important; width: 92% !important; } .price_rate { padding: 10px 30px 0px 4px; } .total_amount { padding-top: 14px; padding-bottom: 10px; padding-left: 19px; padding-right: 19px; } section#cart .col-lg-3 { background: #fff; padding: 0px; margin-left: 1%; flex: 0 0 auto; width: 24%; border-radius: 10px; } section#cart div#content { background: #fff; border-radius: 10px; } @media (max-width:992px) { section#cart .col-lg-3 { background: #fff; padding: 0px; margin-left: 0%; flex: 0 0 auto; width: 100%; border-radius: 10px; margin-top: 15px; } } .mai{ padding: 15px; } ul.patEditDetails { margin: 10px 0 10px; } ul.patEditDetails li { position: relative; padding: 5px 5px 5px 15px; font-size: 11px; } ul.patEditDetails li:before { content: '>'; position: absolute; left: 0; font-family: 'FontAwesome'; } ul.patEditDetails li.ptNam:before { content: "\f0c0"; top: 7px; } ul.patEditDetails li.ptAdd:before { content: "\f041"; font-size: 13px; } ul.patEditDetails li.ptDate:before { content: "\f274"; top: 7px; } ul.patEditDetails li.pttime:before { content: "\f017"; top: 7px; } ul.patEditDetails li.ptedirbtn { padding-left: 0; } ul.patEditDetails li.ptedirbtn:before { display: none; } ul.patEditDetails li.ptedirbtn a { display: block; max-width: 50%; line-height: 1; } .pt_edit_title { font-weight: 600; } .wrwp.scrollable.sidebar { position: sticky; top: 140px; margin-bottom: 30px; } /* Extracted from */ #pagination {margin: 40 40 0;} ul.tsc_pagination li a { border: solid 1px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 6px 9px 6px 9px; } ul.tsc_pagination li { padding-bottom: 1px; } ul.tsc_pagination li a:hover, ul.tsc_pagination li a.current { color: #FFFFFF; box-shadow: 0px 1px #EDEDED; -moz-box-shadow: 0px 1px #EDEDED; -webkit-box-shadow: 0px 1px #EDEDED; } ul.tsc_pagination { margin: 4px 0; padding: 0px; height: 100%; overflow: hidden; font: 12px 'Tahoma'; list-style-type: none; } ul.tsc_pagination li { float: left; margin: 0px; padding: 0px; margin-left: 5px; } ul.tsc_pagination li a { color: black; display: block; text-decoration: none; padding: 7px 10px 7px 10px; } ul.tsc_pagination li a img { border: none; } ul.tsc_pagination li a { color: #0A7EC5; border-color: #8DC5E6; background: #F8FCFF; } ul.tsc_pagination li a:hover, ul.tsc_pagination li a.current { text-shadow: 0px 1px #388DBE; border-color: #3390CA; background: #58B0E7; background: -moz-linear-gradient(top, #B4F6FF 1px, #63D0FE 1px, #58B0E7); background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #B4F6FF), color-stop(0.02, #63D0FE), color-stop(1, #58B0E7)); } /* Extracted from */ .error-container { text-align: center; background: #fff; padding: 40px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } .error-container h1 { font-size: 80px; color: #ff6b6b; } .error-container h2 { font-size: 24px; margin-bottom: 20px; } .error-container p { font-size: 16px; margin-bottom: 30px; } .error-container a { padding: 10px 25px; background-color: #ff6b6b; color: white; text-decoration: none; border-radius: 5px; font-size: 16px; transition: background-color 0.3s ease; } .error-container a:hover { background-color: #ff3b3b; } /* Extracted from */ .error{ color: #red;} .conFormblock.homecareInsideform input.alertRed,.conFormblock.homecareInsideform select.alertRed,.conFormblock.homecareInsideform textarea.alertRed { border: 1px solid #ea0c0c !important; border-radius: 4px; font-family: inherit; } /* Extracted from */ .error{ color: #red;} /* Extracted from */ } .video-section { padding: 60px 0; text-align: center; } .video-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; } .video-box { position: relative; width: 320px; height: 180px; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease; } .video-box:hover { transform: scale(1.05); } .video-box iframe { width: 100%; height: 100%; border: none; } .video-title { margin-top: 10px; font-size: 18px; font-weight: bold; } .message-box { background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); margin-top: 20px; } .message-box h2 { color: #d9534f; font-size: 24px; margin-bottom: 10px; } .message-box p { font-size: 16px; color: #666; } /* Extracted from */ #FirstFold { background-color: #ede6e2; padding: 20px; } .first-fold { display: flex; justify-content: space-between; align-items: center; /*padding: 20px;*/ } .content { max-width: 50%; } .heading h1 { font-size: 36px; color: #2c2c2c; margin: 0; } .heading h2 { font-size: 24px; color: #16a7b7; margin: 0 0 10px; } .description { font-size: 18px; color: #555; margin: 20px 0; } .doctor-images { display: flex; align-items: center; margin-bottom: 20px; } .each-image { margin-right: 10px; } .each-image img { width: 50px; height: 50px; border-radius: 50%; } .count { font-size: 16px; } .pulse { display: inline-block; width: 8px; height: 8px; background-color: #02810a; border-radius: 50%; animation: pulse 0.5s infinite; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .primary-button { background-color: #16a7b7; color: #fff; padding: 10px 20px; border-radius: 5px; text-decoration: none; font-size: 18px; } .hero-image { max-width: 15%; margin-bottom: -19px; } .additional-value-prop { display: flex; justify-content: space-between; max-width: 50%; margin-top: 20px; } .additional-value-prop p { margin-left: 5px; font-size: 14px; } .icon-ic_awards, .icon_prescription, .icon-ic_message { background-color: #ff4081; border-radius: 50%; padding: 10px; color: #fff; } .b-part-item img { max-width: 50px; margin-bottom: 10px; } .owl-carousel .item h1 { font-size: 14px; font-weight: 400; } .itembox { margin-bottom: 20px; } /* Custom Navigation Button Styles */ .owl-nav .owl-prev-button, .owl-nav .owl-next-button { font-size: 2rem; /* Icon size */ color: #fff; background-color: #ff5722; /* New background color */ border-radius: 50%; /* Circular shape */ width: 40px; /* Circle width */ height: 40px; /* Circle height */ display: flex; align-items: center; justify-content: center; position: absolute; top: 36%; transform: translateY(-50%); cursor: pointer; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); /* Soft shadow for depth */ transition: all 0.3s ease; } /* Left (Previous) Button */ .owl-nav .owl-prev-button { left: -60px; /* Adjust this value to position the prev button */ } /* Right (Next) Button */ .owl-nav .owl-next-button { right: -60px; /* Adjust this value to position the next button */ } /* Hover Effect for Buttons */ .owl-nav .owl-prev-button:hover, .owl-nav .owl-next-button:hover { background-color: #e64a19; /* Darker color on hover */ box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25); /* Deeper shadow on hover */ transform: translateY(-50%) scale(1.1); /* Slight zoom on hover */ } /* Responsive Design for Smaller Screens */ @media (max-width: 768px) { .owl-nav .owl-prev-button, .owl-nav .owl-next-button { width: 40px; /* Smaller circle for mobile */ height: 40px; font-size: 1.5rem; /* Smaller icon size */ left: -30px; right: -30px; } } /* Hide Dots */ .owl-dots { display: none !important; } .owl-theme .owl-nav [class*=owl-] { color: #000000; font-size: 25px; margin: 5px; padding: 0px 0px; background: #ffffff; display: inline-block; cursor: pointer; border-radius: 40px; box-shadow: 0 0px 12px 0 #0000006e; } .itembox h1 { font-size: 15px; margin-top: -13px; } .itembox { width: 146px; /* Adjust to the desired box width */ height: 150px; /* Ensure the height matches the width */ padding: 10px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; } .itembox h1 { font-size: 16px; /* Adjust font size for equal balance with the box */ text-align: center; margin: 0; } .b-part-item img { width: 50px; /* Adjust image size as per box */ height: 50px; margin-bottom: 10px; } /* Extracted from */ @media screen and (min-width: 661px) { .cg-table-one tbody tr td:nth-child(1), .cg-table-two tbody tr td:nth-child(1) { width: 0%; } .cg-table-one tbody tr td:nth-child(2), .cg-table-two tbody tr td:nth-child(2) { width: 0%; } .cg-table-one tbody tr td:nth-child(3), .cg-table-two tbody tr td:nth-child(3) { width: 0%; } .cg-table-five tbody tr td:nth-child(4), .cg-table-one tbody tr td:nth-child(4), .cg-table-two tbody tr td:nth-child(4) { width: 0%; } } .cg-img-1{ width: 60px; } .cg-table-title { text-align: left; color: #303030; font-size: 10px; font-weight: 600; display: block; margin: 4px 5px 5px 5px; word-break: break-word; } .cg-tbl-ul ul li { display: block; margin: 1px -4px; position: relative; padding-left: 20px; list-style: none; text-align: left; font-size: 10px; line-height: 16px; } /* Extracted from */ .tabbable-panel { border: 1px solid #eee; padding: 10px; } /* Default mode */ .tabbable-line>.nav-tabs { border: none; margin: 0px; } .papular-health{display: flex!important;margin-top: 32px; align-items: center;overflow-x: hidden; overflow-y: hidden;padding: 16px; white-space: nowrap;} #add-btn{ background-color: #fff; padding: 5px 24px; color: #161616; position: absolute; right: 31px; box-shadow: 0px 0px 7px #828282; margin-top: -7px; } .papular-health-2 .item h4{ font-size: 13px; margin-right: 1px;} .shadow{flex-wrap: wrap; } .papular-health-2{ margin-top: 10px; text-align: center; border-radius: 22px; } .shadow #add-btn{display: none;} .tabbable-line>.nav-tabs>li { margin-right: 2px; } .tabbable-line>.nav-tabs>li>a { border: 0; margin-right: 0; color: #737373; } .tabbable-line>.nav-tabs>li>a>i { color: #a6a6a6; } .banner-left-text .form-group{ margin-bottom:0;} .owl-stage h4{ text-align:center;} .pathlogy-test{ text-align:center; padding: 31px;} .pathlogy-test .item img{box-shadow: -2px 2px 3px #ffe7bb;} .pkgCardBox{-webkit-box-shadow: 0px 3px 20px rgb(171 171 171 / 48%); background-color: #fff;} .why-choose-us{ display:inline-block; background-color: #fff;padding: 15px;margin-bottom: 20px; box-shadow:0px 0px 6px #d1d1d1; border-radius: 12px;height: 131px;} .why-choose-us:hover{ box-shadow:0px 0px 8px #a5a5a5;} .head{display:inline-block;font-weight: 600; color: #2a2c2b;} .text{display:inline-block; color: #8f9295;} #load-more .btn { background-color: #fc8019;border: navajowhite;color: #fff;font-weight: 700;} .col-md-6{ display:inline-block; width: 49%;} .test_count_block1{ border-radius: 17px;padding: 5px 11px; font-size: 11px;} .test_count_block1 a{padding: 5px !important;margin-left: 0px !important;} .test_count_block1 a{background-color: #767676; color: #fff; border-radius: 1px 10px 1px 10px !important;} .test_count_block1 a:hover{ background-color:#fff; color:#000;} .tabbable-line>.nav-tabs>li.open, .tabbable-line>.nav-tabs>li:hover { border-bottom: 4px solid #fbcdcf; } .tabbable-line>.nav-tabs>li.open>a, .tabbable-line>.nav-tabs>li:hover>a { border: 0; background: none !important; color: #333333; } .tabbable-line>.nav-tabs>li.open>a>i, .tabbable-line>.nav-tabs>li:hover>a>i { color: #a6a6a6; } .tabbable-line>.nav-tabs>li.open .dropdown-menu, .tabbable-line>.nav-tabs>li:hover .dropdown-menu { margin-top: 0px; } .tabbable-line>.nav-tabs>li.active { border-bottom: 4px solid #f3565d; position: relative; } .tabbable-line>.nav-tabs>li.active>a { border: 0; color: #333333; } .tabbable-line>.nav-tabs>li.active>a>i { color: #404040; } .tabbable-line>.tab-content { margin-top: -3px; background-color: #fff; border: 0; border-top: 1px solid #eee; padding: 15px 0; } .portlet .tabbable-line>.tab-content { padding-bottom: 0; } /* Below tabs mode */ .tabbable-line.tabs-below>.nav-tabs>li { border-top: 4px solid transparent; } .tabbable-line.tabs-below>.nav-tabs>li>a { margin-top: 0; } .tabbable-line.tabs-below>.nav-tabs>li:hover { border-bottom: 0; border-top: 4px solid #fbcdcf; } .tabbable-line.tabs-below>.nav-tabs>li.active { margin-bottom: -2px; border-bottom: 0; border-top: 4px solid #f3565d; } .tabbable-line.tabs-below>.tab-content { margin-top: -10px; border-top: 0; border-bottom: 1px solid #eee; padding-bottom: 15px; } .page-wrapper { width: 100%; box-sizing: border-box; display: block; margin: 0px; padding: 0px; font-family: Lato; color: #151b39; font-size: 13px } :focus { outline: none } a { text-decoration: none } .clearfix { height: 0px; clear: both; display: flex } .ellipsis { text-overflow: ellipsis } h2 { font-family: LatoBold; font-size: 20px; letter-spacing: 0.25px; display: block; padding: 4px 0px } .page-header { background: #32aeb1; position: relative } .pathlogy-test .owl-stage .owl-item.cloned:last-child{margin-right:0 !important;} .page-header .panel-wrapper { min-width: 1030px; max-width: 1280px; margin: 0px auto; box-sizing: border-box; padding: 0px 12px;margin-bottom: 21px; } .page-header .panel-wrapper .panel-header { display: flex; height: 90px; line-height: 90px } .page-header .panel-wrapper .panel-header .logo { max-width: 168px; margin: 0 32px 0 0 } .page-header .panel-wrapper .panel-header .logo img { width: 168px; height: 60px } .page-header .panel-wrapper .panel-header .search-bar { max-width: calc(100% - 586px); -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex } .page-header .panel-wrapper .panel-header .search-bar .block-search { height: 48px; position: relative; background: #ffffff; border-radius: 6px; line-height: normal } .page-header .panel-wrapper .panel-header .search-bar .block-search .pinCode { position: relative; width: 160px; height: auto; margin: 13px 0; display: inline-block; padding: 0px 0 0px 16px; font-family: LatoSemiBold; font-size: 13px; font-stretch: normal; font-style: normal; line-height: 22px; letter-spacing: normal; color: rgba(11, 18, 25, 0.5); float: left; border-right: 1px solid rgba(11, 18, 25, 0.2); } .page-header .panel-wrapper .panel-header .search-bar .block-search .pinCode .get-location { position: absolute; top: 14px; left: 13px; width: 22px; height: 22px; text-indent: 0; font-size: 0px; border: 0px; background: transparent; -webkit-appearance: none } .page-header .panel-wrapper .panel-header .search-bar .block-search .pinCode .pinNum { font-family: LatoBold; font-size: 14px; font-stretch: normal; letter-spacing: normal; color: #24aeb1; border: 0px; width: 74px; cursor: pointer; } .page-header .panel-wrapper .panel-header .search-bar .block-search .pinCode span { display: inline-block line-height: 22px; } .page-header .panel-wrapper .panel-header .search-bar .block-search .pinCode .editIcon { width: 12px; height: 12px; margin-left: 0px; box-shadow: none; border: 0px; background-size: 12px; position: absolute; bottom: 10px; right: 18px; z-index: 999 } .page-header .panel-wrapper .panel-header .search-bar .block-search .auto-search { min-width: 50%; width: calc(100% - 160px); height: 48px; float: left; position: relative; display: block } .page-header .panel-wrapper .panel-header .search-bar .block-search .auto-search .search-section { display: inline-block; margin: 0; float: left; width: 100% } .page-header .panel-wrapper .panel-header .search-bar .block-search .auto-search .search-section .input-text { margin: 0px; padding: 0px 64px 0px 12px; height: 48px; border: 0px; width: 100%; background: transparent; font-size: 14px } .page-header .panel-wrapper .panel-header .search-bar .block-search .auto-search .iconSearch { width: 56px; float: right; height: 48px; display: inline-block; position: absolute; top: 0px; right: 0px; -webkit-appearance: none; box-shadow: none; border: 0px; } .page-header .panel-wrapper .panel-header .uPres { margin: 0 24px; max-width: 212px; padding: 0px } .page-header .panel-wrapper .panel-header .uPres a { font-family: LatoSemiBold; font-size: 14px; font-stretch: normal; font-style: normal; letter-spacing: 1px; text-align: center; color: #ffffff; background-size: 24px; padding-left: 32px; height: 90px; display: inline-block; } .page-header .panel-wrapper .panel-header .mini-cart { max-width: 70px; margin: 0 24px 0px 0px; position: relative } .page-header .panel-wrapper .panel-header .mini-cart .text { background-size: 24px; color: #ffffff; height: 90px; padding: 0px; width: 70px; float: right; font-family: 'LatoSemibold'; padding-left: 34px; letter-spacing: 1px; } .page-header .panel-wrapper .panel-header .mini-cart .text .counter-number {-moz-border-radius: 6.5px;-webkit-border-radius: 6.5px;background: #ee4380 !important;border-radius: 6.5px;color: #ffffff !important;display: block;font-family: LatoBold;font-size: 10px;height: 13px;line-height: 14px;padding: 0px;position: absolute;left: 10px;text-align: center;text-indent: 0px;top: 32px;width: 17px;letter-spacing: 0px; } .page-header .panel-wrapper .panel-header .login {margin: 0px;max-width: 160px; } .page-header .panel-wrapper .panel-header .login a {font-family: Lato;font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;letter-spacing: normal;color: #ffffff;background-size: 24px;padding-left: 32px;height: 90px;display: inline-block; } .main-navigation {background: #32aeb1;position: relative;padding-bottom: 16px; } .main-navigation .explorer-menu {height: auto;max-width: 1030px;min-width: 1030px;margin: 0px auto;box-sizing: border-box;padding: 0px 12px; } .main-navigation .explorer-menu ul {margin: 0px auto;padding: 0px;list-style: none;height: auto;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; } .main-navigation .explorer-menu ul li {display: inline-block;width: auto;padding: 0;height: 46px;position: relative; } .main-navigation .explorer-menu ul li:last-child {padding-right: 0px; } .main-navigation .explorer-menu ul li a {height: 46px;font-family: LatoSemiBold;font-size: 14px;font-stretch: normal;font-style: normal;line-height: 46px;letter-spacing: normal;color: rgba(255, 255, 255, .8);display: inline-block;padding: 0; } .main-navigation .explorer-menu ul li a small {height: 12px;font-family: Lato;font-size: 10px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: rgba(255, 255, 255, 0.8);display: -webkit-box; } .main-navigation .explorer-menu ul li a.m-pro {background-size: 40px;padding-left: 48px; } .main-navigation .explorer-menu ul li a.h-pro {background-size: 40px;padding-left: 48px; } .main-navigation .explorer-menu ul li a.b-app {background-size: 40px;padding-left: 48px; } .main-navigation .explorer-menu ul li a.b-check {background-size: 40px;padding-left: 48px; } .main-navigation .explorer-menu ul li.o-menu {background-size: 40px;padding-left: 48px } .main-navigation .explorer-menu ul li.o-menu ul {display: none;position: absolute;background: rgb(247, 247, 247);min-width: 160px;box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.2);z-index: 2;top: 40px;padding: 0px;height: auto } .main-navigation .explorer-menu ul li.o-menu a {padding: 0px; } .main-navigation .explorer-menu ul li.o-menu ul li {margin: 0px;padding: 0px;height: auto;width: 100% } .main-navigation .explorer-menu ul li.o-menu ul li a {color: #151b39;text-decoration: none;font-family: Lato;font-size: 13px;height: 38px;line-height: 40px;display: block;width: 100%;padding: 0px 12px } .nav-sections {webkit-flex-shrink: 0;flex-shrink: 0;-webkit-flex-basis: auto;flex-basis: auto;margin-bottom: 16px;margin-top: 0px;border-top: #02b7c2 solid 0px } .nav-sections .navigation {background: none;box-sizing: border-box;display: block;margin-left: auto;margin-right: auto;max-width: 1030px;padding: 0px 10px } .nav-sections .navigation .ui-menu {list-style: none;margin: 0px;padding: 0px;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between } .nav-sections .navigation .ui-menu li {box-sizing: border-box;color: #151b39;display: inline-block;font-family: Lato;font-size: 13px;font-weight: normal;position: relative;text-decoration: none;text-transform: uppercase } .nav-sections .navigation .ui-menu li .level-top {box-sizing: border-box;color: #151b39;line-height: 42px;padding: 0px;position: relative;text-decoration: none;text-transform: capitalize } .nav-sections .navigation .ui-menu li:last-child .level-top {padding-right: 0px } .home-content {min-width: 1030px;max-width: 1680px;margin: 0px auto;padding: 0px 16px } .home-banner {clear: both;width: 100%;max-height: 320px;margin: 0px auto 32px;overflow: hidden;position: relative;display: flex;justify-content: center;align-items: center } .home-banner .banner_img {height: 320px;object-fit: cover } .home-banner .home-slides {height: 320px } .home-banner .home-slides .banner_img {margin: 0 auto;display: list-item;max-width: 100%;height: 320px;object-fit: cover } .home-banner .swiper-home-btn-next {width: 26px;height: 26px;background-size: 26px !important;right: 10px !important } .home-banner .swiper-home-btn-prev {width: 26px;height: 26px;background-size: 26px !important;left: 10px !important } .home-banner .customise-pagination {position: absolute;bottom: 0px } .home-payment-offer {clear: both;width: 100%;max-height: 144px;margin: 8px 0px;overflow: hidden;position: relative;padding: 0px 18px 24px 18px } .home-payment-offer h2 {font-family: LatoBold;font-size: 24px;line-height: 32px;margin: 0 0 24px;color: #0b1219;padding: 0; } .home-payment-offer .swiper-payment-next {width: 42px;height: 42px;top: 60%;background-size: 42px !important;right: 0px !important } .home-payment-offer .swiper-payment-prev {width: 42px;height: 42px;top: 60%;background-size: 42px !important;left: 0px !important } .home-payment-offer .home-payment-slides .swiper-slide {height: 74px;padding: 0px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background: #ffffff;border-radius: 8px } .home-payment-offer .home-payment-slides .swiper-slide .slide-section {height: 74px;padding: 12px 16px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-align-items: center;-ms-flex-align: center;align-items: center } .home-payment-offer .home-payment-slides .swiper-slide .slide-section a {display: contents } .home-payment-offer .home-payment-slides .swiper-slide .slide-section a img {height: 36px;width: 52px;margin-right: 14px;float: left;padding-right: 14px;border-right: 1px solid rgba(21, 27, 57, 0.1) } .home-payment-offer .home-payment-slides .swiper-slide .slide-section a .description-slide {float: right !important;width: 81%;line-height: normal;overflow: hidden; } .home-payment-offer .home-payment-slides .swiper-slide .slide-section a .description-slide h2 {margin: 0px 0px 8px;font-size: 12px;font-family: LatoBold;color: #151b39;width: 100%;overflow: hidden;white-space: nowrap;padding: 0px;letter-spacing: 0 } .home-payment-offer .home-payment-slides .swiper-slide .slide-section a .description-slide p {font-family: Lato;font-size: 11px;color: #6F7284;margin: 0px;word-wrap: break-word;word-break: break-all } .home-diagnostic {margin: 8px 18px;padding: 16px 24px;border-radius: 8px;background: #ffffff;position: relative;overflow: visible } .home-diagnostic h2 {font-family: LatoBold;font-size: 12px;margin: 0px;color: #6F7284;letter-spacing: 1px;padding: 0px 0px 16px } .home-diagnostic h2 span {font-family: Lato;color: #151b39;font-size: 20px;letter-spacing: 0.25px;display: block;padding: 4px 0 } .home-diagnostic h2 small {font-size: 12px;font-family: Lato;letter-spacing: 0;display: block } .home-diagnostic .home-diagnostic-slides .four-col {width: 25% } .home-diagnostic .home-diagnostic-slides .swiper-slide {padding: 0px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: left;-ms-flex-pack: left;-webkit-justify-content: left;justify-content: left;-webkit-box-align: left;-ms-flex-align: left;-webkit-align-items: left;align-items: left;border-radius: 0px } .home-diagnostic .home-diagnostic-slides .swiper-slide .diag-section {min-height: 1px;position: relative;width: 100% } .home-diagnostic .home-diagnostic-slides .swiper-slide .diag-section .diag-img img {border-radius: 8px;height: 216px;object-fit: contain;width: 100% } .swiper-wrapper {position: relative;width: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box; } /* Extracted from */ .cms-radiology .main-section { width: 100% !important; margin: 0px !important; max-width: 100%; padding: 0px !important;} .cms-radiology footer { margin-top: 0px !important;} .thank-you { margin-top: 20px;} .reg_success { display: none; color: #378f30; line-height: 13px; font-size: 15px;} .form_error { font-size: 12px; color: #e02b27;} input.form_error { font-size: 17px; color: #151b39;} .breadcrumbs { display: none;} .cms-radiology .details-content-wrapper {} .diag-container { max-width: 1680px; padding: 0 35px; margin: 0 auto; width: 100%; font-family: "Lato", sans-serif; margin-top: -37px;} /*edited for swiper */.flexi-review-section { width: 100%; /* max-width: 25%; */ display: flex; margin: 15px;} .reg_success { display: none;} .diag-form-wrap .dropdown.bootstrap-select { width: 100% !important;} .diag-form-wrap .dropdown-menu.inner.show li { border-bottom: 1px solid #ccc; margin: 5px 13px;} .diag-form-wrap .dropdown-menu.inner.show li:last-child { border-bottom: none;} /*.dropdown.bootstrap-select.package-{ width: 100% !important; }*/.swiper-slide { flex-shrink: 0; width: 25% !important; margin: 15px; display: grid; height: auto !important;} .review-card.flexi-review-section { max-width: 100% !important;} .top-sell .swiper-slide { margin: 0 !important;} .top-sell { background-color: #fff;} .tests-type .swiper-slide { padding: 9px 0; position: relative; /*padding-left: 40px;*/ flex: 0 1 calc(20% - 0px); /* justify-content: left;*/ /* padding-left: 40px;*/ margin: 0 !important; padding-right: 30px;} /*diag-header-wrapper starts here */.package-head-wrap { display: flex; padding-top: 40px;} .package-form-section { width: 30%;} .package-details-section { width: 75%;} .diag-header-wrapper { background-color: #9dedff; width: 100%; /*padding-bottom: 55px; */ background-color: #9dedff; background-repeat: no-repeat; background-size: cover;} .pad-top { padding-top: 30px;} .details-content-wrapper { padding-left: 100px; background-repeat: no-repeat; background-size: contain; padding-left: 55%; background-position: bottom left;} .netmeds-package { display: flex; color: #151b39; justify-content: space-between; margin-bottom: 40px;} .netmeds-package .package-name { font-size: 42px; line-height: 50px; font-weight: 400;} .heading-offer { display: flex;} .netmeds-package .package-name span { color: #f16122; font-size: 50px; line-height: 22px; font-weight: 900;} .netmeds-package p { font-size: 22px; color: #292929;} .netmeds-package p span { font-size: 22px; color: #fff; background-color: #12b7c1; padding: 2px 5px; border-radius: 5px;} .vertical-stripes { border: none; background: repeating-linear-gradient(120deg, #ffffff, #f16122 5px, #f16122 5px, #151b39 5px); height: 51px; width: 51px; border-radius: 30px; position: relative; align-self: center;} .vertical-stripes .discount-type { position: absolute; height: auto; background-color: #f16122; color: #fff; transform: rotate(-90deg); transform-origin: left; font-size: 15px; text-align: center; left: 26px; top: 35px; padding: 0px 3px; width: 46px;} .discount-type-offer { color: #f16122; font-size: 45px; line-height: 56px; font-weight: 600;} .discount-type-offer .off { font-size: 30px;} .discount-type-offer .intro { color: #151b39; font-size: 19px; text-transform: uppercase; display: block; line-height: 25px; font-weight: 100;} .main-discount-wrapper { display: flex;} .only-price { color: #12b7c1; font-size: 29px; font-weight: 700;} .only-price span { font-size: 67px; font-weight: 700;} .only-price strike { color: #292929; font-size: 35px; font-weight: 400;} .arrow_box { position: relative; padding: 10px 0; border: 1px solid #12b7c1; margin-bottom: 20px; padding-left: 20px;} .arrow_box img { width: 53px;} .arrow_box:after,.arrow_box:before { top: 99%; left: 14%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} .arrow_box:after { border-color: rgba(136, 183, 213, 0); border-top-color: #e0f8ff; border-width: 12px; margin-left: -35px;} .arrow_box:before { border-color: rgba(194, 225, 245, 0); border-top-color: #12b7c1; border-width: 14px; margin-left: -37px;} .details-content-wrapper .span-head-wrap .span-head { color: #f5243d; padding-top: 5px; font-size: 20px; font-weight: 700;} .details-content-wrapper .span-head-wrap { padding: 10px 0;} .arrow_box p { color: #151b39; font-size: 15px;} .arrow_box .book-wsp { color: #151b39; font-size: 18px;} .arrow_box .wsp-num { color: #151b39; font-size: 30px; line-height: 28px;} .arrow_flex { display: inline-flex; padding: 15px 10px; margin-right: 65px; margin-bottom: 20px; margin-top: 43px;} .arrow_flex>div { align-self: center;} .lab-details-wrapper { display: flex; padding: 10px 0;} .lab-details-section { position: relative; padding-right: 20px; border-right: 1px solid #bfbcbc; font-size: 16px; color: #151b39; padding-left: 38px; line-height: 20px;} .lab-details-section:last-child { border-right: none; padding-right: 0;} .lab-details-section:before { content: ""; background: url(https://mediwheel.in/assets/img/icons-radiology-sprite.png); width: 34px; height: 40px; position: absolute; margin-left: -33px; top: -10px;} .lab-details-section.lds-1:before { background-position: -257px -3px;} .lab-details-section.lds-2:before { background-position: -290px -0px;} .lab-details-section.lds-3:before { background-position: -325px -0px;} .diag-form-wrap { background-color: #fff; padding: 10px 21px; margin: 0 10px; border-radius: 6px;} .form-input-group label { font-size: 16px; line-height: 16px; color: #02b7c2; display: block; font-weight: 700;} .form-input-group input { border: none; border-bottom: 2px solid rgba(21, 27, 57, 0.04); width: 100%; font-size: 17px; color: #151b39; outline: none; line-height: 23px;} .form-input-group select { border: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background-size: 30px 60px; border-bottom: 1px solid #d1d1d1; height: 32px; padding-right: 25px; text-indent: 0.01em; width: 100%;} .diag-form-wrap h2 { color: #151b39; font-size: 25px; line-height: 22px; letter-spacing: 0.25px; text-align: center; margin-bottom: 20px; margin-top: 10px; font-weight: 400;} .diag-form-wrap p { color: #151b39; font-size: 15px; line-height: 24px; margin-bottom: 20px; font-weight: 400;} .form-input-group { margin-bottom: 25px;} .diagnosis_placeholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #02b7c2; font-size: 15px; font-weight: 700;} .diagnosis_placeholder::-moz-placeholder { /* Firefox 19+ */ color: #02b7c2; font-size: 15px; font-weight: 700;} .diagnosis_placeholder:-ms-input-placeholder { /* IE 10+ */ color: #02b7c2; font-size: 15px; font-weight: 700;} .diagnosis_placeholder:-moz-placeholder { /* Firefox 18- */ color: #02b7c2; font-size: 15px; font-weight: 700;} .button-wrapper { border-radius: 4px; margin-top: 20px;} .button-wrapper input { color: #fff; background-color: #24aeb1; width: 100%; border: none; border-radius: 4px; padding: 14px 0; font-weight: 400;} .radiology-tests-wrap { position: relative; display: flex;} .radiology-tests:before { content: ""; width: 35px; height: 36px; background: url("https://mediwheel.in/assets/img/icons-radiology-sprite.png") no-repeat; position: absolute; left: 0px; top: -7px;} .rt-0:before { background-position: -50px -6px;} .rt-1:before { background-position: -91px -6px;} .rt-2:before { background-position: -128px -6px;} .rt-3:before { background-position: -172px -6px;} .rt-4:before { background-position: -172px -6px;} .rt-0:before { background-position: -0px 0px !important;} .rt-1:before { background-position: -41px 0px !important; ;} .rt-2:before { background-position: -84px 0px !important; ;} .rt-3:before { background-position: -130px 0px !important; ;} .rt-4:before { background-position: -172px 0px !important; ;} .radiology-tests { padding-left: 36px; font-size: 20px; color: #151b39;} .radiology-tests:after { content: ""; position: absolute; background-image: -webkit-linear-gradient(left, transparent 0, #8c8c8c 23%, #8c8c8c 73%, transparent 100%); background-image: linear-gradient(left, transparent 0%, #8c8c8c 15%, #8c8c8c 85%, transparent 100%); height: 1px; width: 85px; transform: rotateZ(90deg); display: flex; align-self: center; left: 100px; top: 35px;} .m-right-margin div:first-child:after { content: none;} .test-start { color: #12b7c1; font-size: 17px;} .test-price s { color: #606060; font-size: 20px;} .test-price span { color: #f16122; font-size: 23px; font-weight: 900;} .r-tests { display: flex; flex-direction: row; justify-content: space-between;} /*get most from starts here */.content-wrapper { background-color: #f6f6f7; } .get-most-wrapper { background-color: #fff; padding: 15px 25px;} .get-most-wrapper span { font-size: 18px; color: #f6f6f7; font-weight: 700; color: rgba(21, 27, 57, 0.6); line-height: 42px; text-transform: uppercase;} .get-most-wrapper h2 { font-size: 28px; font-weight: bold; color: #151b39;} .get-most-wrapper p { font-size: 13px; color: rgba(21, 27, 57, 0.6); margin-bottom: 4px; text-align: center;} .test-icons { width: 98px; height: 98px; background-color: #edf8f9; border-radius: 52px;} .test-wrapper { display: flex; flex-flow: row wrap; /*padding-left: 50px;*/} .test-name:before { content: ""; /* background-color: wheat;*/ width: 41px; height: 41px; position: absolute; margin-right: 29px; left: 1px; /*background: url(https://mediwheel.in/assets/img/icons-radiology-sprite.png) no-repeat;*/ top: 23px; background-repeat: no-repeat;} .test-name.test-1:before { background-position: -172px -6px;} .test-name.test-2:before { background-position: -125px -2px;} .test-name.test-3:before { background-position: -172px -6px;} .test-name.test-4:before { background-position: -46px -57px;} .test-name.test-5:before { background-position: -92px -57px;} .test-name.test-6:before { background-position: -139px -43px; width: 28px; height: 58px;} .test-name.test-7:before { background-position: -159px -59px;} .test-name.test-8:before { background-position: -91px 1px;} .test-name.test-9:before { background-position: -248px -58px;} .test-name.test-10:before { background-position: -292px -58px;} .test-name { color: #fff; font-size: 20px; font-weight: 400; align-self: center; padding-left: 20px; line-height: 38px; font-weight: bold;} /*flex box concept*/.pad-top { width: 70%; padding-right: 20px; padding-top: 30px; padding-left: 70px;} /*flex box concept ends*/.change-bg { background-color: #f6f6f7; margin-top: 30px;} .flexi-review-box { display: flex; justify-content: center;} .flexi-review-section { width: 100%; max-width: 25%; display: flex; margin: 15px;} .name-card-wrapper { display: flex; border-radius: 5px; justify-content: space-between; border-bottom: 1px dashed #12b7c1;} .fa.fa-star { color: #e7e8eb;} .star-group { align-self: center;} .checked { color: #12b7c1 !important;} .comment-name-wrap { border: 1px solid #9ce1e6; padding: 10px 20px; background-color: #fff; border-radius: 6px; -webkit-box-shadow: -1px 2px 12px 0px rgba(218, 213, 213, 0.75); -moz-box-shadow: -1px 2px 12px 0px rgba(218, 213, 213, 0.75); box-shadow: -1px 2px 12px 0px rgba(218, 213, 213, 0.75);} .name-card-wrapper .name,.comment-name-wrap .comment { color: #151b39; font-size: 19px; font-weight: 700; padding-bottom: 10px;} .name-card-wrapper .name span { color: #12b7c1; font-size: 15px; font-weight: 400; display: block;} .comment-name-wrap p { font-size: 14px; font-weight: 400;} .comment-name-wrap p:before,.comment-name-wrap p:after { display: inline-block; vertical-align: bottom; color: #151b39; font-size: 50px; top: 0.2em; position: relative;} .comment-name-wrap p:before { content: open-quote;} .comment-name-wrap p:after { content: close-quote; color: #fff; font-size: 4em; line-height: 0.1em; vertical-align: -0.4em;} /*Serviced locations*/.city-list { display: flex; flex-flow: row wrap; justify-content: center; padding-bottom: 25px;} .city_name { border: 1px solid #24aeb1; padding: 14px 5px; font-size: 17px; font-weight: 900; color: #151b39; border-radius: 4px; flex: 1; margin: 5px; text-align: center; position: relative;} .city_name span { padding-left: 15px;} .city_name span:before { content: ""; width: 44px; height: 46px; top: 3px; left: 42px; position: absolute; background: url(https://mediwheel.in/assets/img/icons-radiology-sprite.png) no-repeat;} .cn-1 span:before { background-position: -333px -58px;} .cn-2 span:before { background-position: -391px -61px; width: 91px; left: 13px;} .cn-3 span:before { background-position: 0px -138px; width: 78px; left: 12px;} .cn-4 span:before { background-position: -89px -136px; width: 56px; left: 30px;} .cn-5 span:before { background-position: -146px -131px;} /*top selling blocks*/.top-sell-wrap { display: flex; flex-flow: row; flex-wrap: wrap; padding: 0 10px;} .top-sell-wrap-item { flex: 1 0 20%; margin: 0 6px; display: flex;} .top-sell-wrap-item del { font-size: 14px;} .top-selling-blocks { padding: 20px; padding-bottom: 35px;} .top-selling-blocks h3 { font-size: 20px; color: #151b39; font-weight: 700;} .top-selling-blocks p { font-size: 14px; color: rgba(21, 27, 57, 0.6); height: 76px;} .top-selling-blocks .book-now { background-color: #fff; color: #24aeb1; border: none; font-weight: 700; padding: 8px 15px; font-size: 18px;} .top-selling-blocks span { color: #12b7c1; font-size: 22px; font-weight: 700;} .top-selling-blocks strike { color: rgba(21, 27, 57, 0.6); font-size: 17px;} .top-selling-blocks .button-wrap { margin-top: 10px;} .tsb-1 { background: #fff4eb;} .tsb-2 { background: #eafaff;} .tsb-3 { background: #f6fae8;} .tsb-4 { background: #ebfffc;} .tsb-5 { background: #ebfffc;} .tsb-6 { background: #f6fae8;} .tsb-7 { background: #eafaff;} .tsb-8 { background: #fff4eb;} .tsb { margin-bottom: 20px; border-radius: 6px;} /*Our highlights starts here */.highlights-wrap { flex-basis: 0; flex-grow: 1;} .highlights-section-wrapper { padding: 10px 0; display: flex; justify-content: center; padding-top: 0px;} .highlights-section { background-color: #fff; padding: 15px 35px; border-radius: 8px; flex: 1 0 21%; margin: 7px; display: grid;} .highlights-content { position: relative; color: #151b39; font-size: 18px; font-weight: 700; display: table; margin: auto; padding-left: 70px; line-height: 50px;} .highlights-content b { font-size: 20px;} .highlights-section .highlights-content:before { content: ""; width: 60px; height: 57px; background: url(https://mediwheel.in/assets/img/icons-radiology-sprite.png); background-repeat: no-repeat; position: absolute; left: 0;} .highlights-section .highlights-content.hc-1:before { background-position: -198px -121px;} .highlights-section .highlights-content.hc-2:before { background-position: -257px -121px;} .highlights-section .highlights-content.hc-3:before { background-position: -314px -121px;} .highlights-section .highlights-content.hc-4:before { background-position: -376px -121px; background-repeat: no-repeat;} /*whatsapp section */.bottom-wsp { color: #151b39; padding: 0 10px; margin: 0;} .bottom-wsp img { width: 50px;} .bottom-wsp .book-wsp { font-size: 17px;} .bottom-wsp .wsp-num { font-size: 22px; font-weight: 700;} .bottom-wsp span { display: block; text-align: left;} .diag-book-section { display: flex; background-color: #a1fbf0; text-align: center; justify-content: center; padding: 10px 0; margin-bottom: 15px; margin-left: -33px; /*margin-right: -33px;*/} .diag-book-section .button-wrap { align-self: center; padding-left: 5%;} .diag-book-section .button-wrap .book-now { background-color: #24aeb1; padding: 9px 20px; border: none; color: #fff; border-radius: 4px; font-size: 17px; font-weight: 700;} .best-prices { font-size: 14px; color: #000; padding-top: 18px;} .best-prices span { color: #f5243d;} .radiology-footer { background-color: #24aeb1; cursor: pointer;} .footer-list-wrap ul li a { font-size: 13px; color: #fff; text-decoration: none;} .footer-list-wrap ul { list-style-type: none; text-decoration: none; display: flex; justify-content: center; padding: 10px 0; margin: 0; flex-wrap: wrap;} .footer-list-wrap ul li { padding: 0 5px; border-right: 1px solid #fff; line-height: 10px;} .footer-list-wrap ul li:last-child { border-right: none;} .footer-list-wrap ul { margin-bottom: 0; padding-bottom: 0px; padding-top: 12px;} .footer-list-wrap { padding: 25px 0;} .footer-list-wrap ul:first-child { padding-top: 0;} .nabc-labs { color: #5cdfe2;} .brands-list { display: flex; margin: 0; justify-content: center; padding: 10px 0;} .brands-list li a { text-decoration: none;} .brands-list li { list-style-type: none; align-self: center; margin: 0 40px;} .line { width: 90%;} .brands-list-ext ul li { margin: 0 25px;} .brands-list-ext ul { justify-content: center;} @media only screen and (max-width: 1550px) { .details-content-wrapper { background-size: 55%; padding-left: 55%; } .netmeds-package .package-name span { font-size: 44px; padding: 14px; } .netmeds-package .package-name { font-size: 36px; } .discount-type-offer { font-size: 46px; font-weight: 600; } .discount-type-offer .off { font-size: 37px; } .only-price { font-size: 27px; } .only-price strike { font-size: 33px; } .only-price span { font-size: 64px; } .arrow_box .book-wsp { font-size: 15px; } .arrow_box .wsp-num { font-size: 24px; } .lab-details-section { padding-right: 10px; font-size: 13px; } .diag-book-section .button-wrap .book-now { font-size: 17px; } .arrow_box:before { margin-left: -30px; top: 100%; } .arrow_box:after { margin-left: -28px; top: 100%; } .radiology-tests { font-size: 11px; } .r-line:after { left: 107px; top: 52px; height: 1px; width: 71px; } .test-start { font-size: 14px; } .test-price s { font-size: 16px; } .test-price span { font-size: 19px; } .form-input-group label { font-size: 15px; } .diag-form-wrap p { font-size: 14px; } .diag-form-wrap h2 { font-size: 22px; } .discount-type-offer .intro { font-size: 17px; line-height: 22px; } .test-name:before { top: 18px; } .test-name { font-size: 16px; line-height: 24px; background-image: linear-gradient(to right, #f56d0c 0%, #13c3bb 51%, #cd531a 100%); padding: 16px; border-radius: 17px; text-align: center !important; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } .get-most-wrapper span { font-size: 16px; line-height: 31px; } .get-most-wrapper h2 { font-size: 26px; text-align: center; } .top-selling-blocks p { font-size: 13px; } .top-selling-blocks span { font-size: 21px; } .top-selling-blocks .book-now { font-size: 17px; } .highlights-content { font-size: 17px; } .highlights-section { padding: 15px 25px; } .highlights-wrap { flex-basis: 0; flex-grow: 1; } /*edited for swiper */ .flexi-review-section { width: 100%; /* max-width: 25%; */ display: flex; margin: 15px; } .swiper-slide { flex-shrink: 0; width: 27%; margin: 15px; display: grid; } .review-card.flexi-review-section { max-width: 100% !important; }} @media only screen and (min-width:1200px) and (max-width:1300px) { .radiology-tests { font-size: 15px; } .radiology-tests:after { width: 50px; } .test-price s { font-size: 14px; } .top-selling-blocks h3 { font-size: 18px; } .top-selling-blocks .book-now { font-size: 15px; } .top-selling-blocks span { font-size: 18px; } .test-price span { font-size: 16px; } .test-start { font-size: 13px; padding-top: 9px; } .city_name span { padding-left: 25px; } .arrow_box .wsp-num { font-size: 21px; } .only-price { font-size: 26px; } .tsb { background-size: 60%; } .arrow_flex { margin-right: 22px; } .lab-details-section { line-height: 19px; } .details-content-wrapper { background-position: top left; } .only-price span { font-size: 53px; } .only-price strike { font-size: 29px; } .lab-details-section { padding-right: 10px; font-size: 12px; } .highlights-content { font-size: 16px; } .comment-name-wrap p { font-size: 14px; font-weight: 400; } .diag-book-section .button-wrap .book-now { font-size: 19px; } .bottom-wsp .wsp-num { font-size: 24px; } .bottom-wsp .book-wsp { font-size: 16px; } .highlights-section { padding: 15px 25px; } .tests-type .swiper-slide { padding-right: 0px; } } @media only screen and (max-width: 1023px) { body { overflow-x: hidden; } .r-tests { flex-wrap: wrap; display: flex; justify-content: space-between; flex: 0 50%; } .radiology-tests-wrap:nth-of-type(even) .r-line .radiology-tests:after { position: relative; content: none; display: none; } .radiology-tests-wrap { margin-bottom: 27px; flex: 0 43%; margin-left: 10px; } .test-price span { font-size: 16px; } .radiology-tests:after { width: 36px; } .radiology-tests:after { left: 131px; } .test-price s { font-size: 14px; } .test-start { font-size: 12px; padding-top: 12px; } .radiology-tests { font-size: 15px; } .diag-container { padding: 0 15px; } .diag-header-wrapper img { width: -1px; } .diag-header-wrapper .logo { display: none; } .top-selling-blocks.tsb { width: 100%; } .comment-name-wrap { width: 100%; } .package-head-wrap { flex-flow: column; } .get-most-wrapper h2 { font-size: 20px; } .get-most-wrapper p { font-size: 12px; } .test-name { font-size: 13px; padding-left: 30px; line-height: 17px; } .test-wrapper { display: flex; flex-flow: column; padding-left: 0; } .flexi-review-box { flex-flow: column; } .flexi-review-section { max-width: 100%; margin: 0; margin-bottom: 15px; } .top-sell-wrap { flex-flow: column; } .highlights-section .highlights-content:before { content: ""; width: 60px; height: 58px; left: 9px; top: -45px; text-align: center; } .diag-book-section { flex-flow: column; margin-left: 0px; margin-right: 0px; } .highlights-content { line-height: 24px; padding-left: 0; font-size: 12px; padding-top: 15px; } .highlights-wrap { padding: 15px; margin: 25px 0px; flex: 0 50%; text-align: center; } .highlights-section { margin: 0; padding: 0; } .highlights-section-wrapper { flex-wrap: wrap; justify-content: center; background-color: #fff; border-radius: 10px; margin-bottom: 25px; padding-bottom: 0; padding-top: 37px; } .arrow_flex.bottom-wsp { padding: 0px; margin-right: 0; align-self: center; } .bottom-wsp .wsp-num { font-size: 21px; } .bottom-wsp .book-wsp { font-size: 14px; } .package-form-section { width: 100%; } .netmeds-package { padding-left: 0; flex-direction: column; } .pad-top { width: 100%; padding-right: 0; padding: 0 10px; } .package-details-section { width: 100%; } .netmeds-package .package-name { display: inline; } .netmeds-package .package-name span { font-size: 24px; line-height: 20px; } .netmeds-package p { font-size: 10px; } .netmeds-package p span { font-size: 11px; padding: 1px 5px; border-radius: 3px; } .details-content-wrapper { background-repeat: no-repeat; background-size: 41%; padding-left: 40%; background-position: bottom left; } .vertical-stripes { height: 40px; width: 41px; border-radius: 30px; } .vertical-stripes .discount-type { font-size: 12px; left: 21px; top: 29px; padding: 0px 2px; } .np { margin: 20px 0px; text-align: center; } .netmeds-package .package-name { font-size: 21px; line-height: 24px; } .discount-type-offer { line-height: 34px; font-size: 30px; } .discount-type-offer .off { font-size: 19px; } .heading-offer { display: flex; justify-content: center; margin: 0; } .discount-type-offer .intro { font-size: 10px; line-height: 22px; } .only-price { font-size: 19px; } .only-price strike { font-size: 16px; } .only-price span { font-size: 22px; } .details-content-wrapper .span-head-wrap .span-head { font-size: 14px; } .arrow_flex { padding: 0px 7px; margin-right: 20px; } .arrow_box:before { margin-left: -29px; left: 22%; border-width: 10px; } .arrow_box .book-wsp { font-size: 10px; } .arrow_box .wsp-num { font-size: 14px; line-height: 18px; } .arrow_box:after { margin-left: -28px; left: 22%; border-width: 9px; } .lab-details-wrapper { display: none; } .swiper-slide { width: 100% !important; margin: 0 !important; margin-right: 20px !important; padding: 15px; } .swiper-pagination-bullet { border-radius: 2px !important; width: 15px !important; height: 2px !important; } .top-sell-wrap-item { margin: 0; } .swiper-pagination-bullet-active { opacity: 1; background: #12b7c1 !important; } .top-sell .swiper-slide { margin: 0; } .toggle-tests { display: block; text-align: center; color: #24aeb1 !important; } .arrow_box.arrow_flex { display: none; } .tests-type .swiper-wrapper { margin-bottom: 20px !important; } .tests-type .swiper-slide { padding-right: 0px; } .diag-book-section .button-wrap .book-now { font-size: 15px; } .brands-list { flex-wrap: wrap; } .brands-list li { margin: 15px 0; flex: 0 50%; } .brands-list-ext ul li { margin: 15px 0; flex: 0 50%; } .city_name span:before { left: 54px; } .cn-4 span:before { left: 51px; } .cn-3 span:before { left: 40px; } .cn-2 span:before { left: 41px; } .cn-1 span:before { background-position: -333px -58px; } .city-list { flex-flow: column wrap; } /* .footer-list-wrap ul li a { line-height: 16px; }*/ } @media only screen and (max-width: 1023px) { .diag-header-wrapper img { width: -1px; } /* Extracted from */ @media screen and (min-width: 661px) { .cg-table-one tbody tr td:nth-child(1), .cg-table-two tbody tr td:nth-child(1) { width: 0%; } .cg-table-one tbody tr td:nth-child(2), .cg-table-two tbody tr td:nth-child(2) { width: 0%; } .cg-table-one tbody tr td:nth-child(3), .cg-table-two tbody tr td:nth-child(3) { width: 0%; } .cg-table-five tbody tr td:nth-child(4), .cg-table-one tbody tr td:nth-child(4), .cg-table-two tbody tr td:nth-child(4) { width: 0%; } } .cg-img-1 { width: 60px; } .cg-table-title { text-align: left; color: #303030; font-size: 10px; font-weight: 600; display: block; margin: 4px 5px 5px 5px; word-break: break-word; } .cg-tbl-ul ul li { display: block; margin: 1px -4px; position: relative; padding-left: 20px; list-style: none; text-align: left; font-size: 10px; line-height: 16px; } .radiology-tests:before { content: ""; width: 41px; height: 40px; background: url("https://mediwheel.in/assets/img/pathology_icon.png") no-repeat; position: absolute; left: -8px; top: -12px;} .style__safe___3Ve-w { display: inline-flex; padding: 2px 4px; font-size: 12px; font-weight: 700; border-radius: 2px; color: #2b2b2b; line-height: 1.42; background-color: #ffe3c2; min-width: 58px;} .item { margin-bottom: 17px; padding: 7px 19px; border-radius: 40px; color: #000; width: 100% !important; box-shadow: 0px 0px 8px #dddddd;} .h4 { color: #fff;} section { padding: 60px 0; overflow: hidden; padding-top: 15px; padding-bottom: 15px;} .section-bg { background-color: #f3f5fa;} .section-title { text-align: center; padding-bottom: 30px;} .section-title h2 { font-size: 32px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; padding-bottom: 20px; position: relative; color: #37517e;} .section-title h2::before { content: ''; position: absolute; display: block; width: 120px; height: 1px; background: #ddd; bottom: 1px; left: calc(50% - 60px);} .section-title h2::after { content: ''; position: absolute; display: block; width: 40px; height: 3px; background: #47b2e4; bottom: 0; left: calc(50% - 20px);} .section-title p { margin-bottom: 0;} .right-set { width: 293px; margin-left: 16px; color: #423d3d;} .img-responsive { border-radius: 15px;} .main_heading { width: 100%; float: left; text-transform: capitalize; font-weight: bold; font-size: 30px; color: #000; margin: 0 0 30px; padding-bottom: 5px; text-align: center; text-align: center; line-height: 1.1;} .main_heading>span { width: auto; position: relative; display: inline-block; padding-bottom: 15px;} .main_heading>span::before,.main_heading>span::after { content: ""; height: 1px; background: #00b1df; position: absolute; left: 0; right: 0; margin: auto;} .main_heading>span::before { width: 100%; bottom: 6px;} .main_heading>span::after { width: 50%; bottom: 0;} .p { width: 100%; float: left; margin-bottom: 10px;} .main { width: 100%; float: left; overflow: hidden;} .main>* { width: 100%; float: left;} .main .section { padding: 50px 0 30px;} .main .full_width { width: 100%; float: left; position: relative;} .main_heading.left { text-align: left;} .main_heading.left>span::after { right: auto;} .choosing_us [class*="icon-"] { width: 100%; float: left; margin-bottom: 20px; text-align: center; color: #000; font-weight: bold; font-size: 20px;} .choosing_us [class*="icon-"]>i { height: 130px; display: inline-block; margin-bottom: 10px; background-repeat: no-repeat;} .choosing_us .icon-1>i { width: 143px; background-position: -44px -235px;} .choosing_us .icon-2>i { width: 159px; background-position: -203px -235px;} .choosing_us .icon-3>i { width: 133px; background-position: -44px -370px;} .choosing_us [class*="icon-"]>span { width: 100%; float: left;} /*==========choosing_us====================*/ @media (min-width:992px) and (max-width:1199px) { .pages_link .link { width: 145px; margin-left: 5px; margin-right: 5px; font-size: 18px; } .pages_link .link.more { height: 125px; } .banner_icons .banner_icons_area { min-height: 103px; } .subscribe_area .subscribe form .input_area { width: 80%; }} @media (max-width:991px) { .banner_icons .banner_icons_area>[class*="icons-"] { /*right: 15px;*/ margin: auto; } .banner_icons .banner_icons_area { text-align: center; padding: 85px 15px 10px 15px; min-height: auto; } .subscribe_area .subscribe form .input_area { width: 100%; }} @media (min-width:768px) and (max-width:991px) { .main_heading { font-size: 45px; }} @media (max-width:767px) { .subscribe_area .main_subscribe_area { padding-bottom: 100px; }} @media (max-width:560px) { .pages_link { padding-bottom: 20px; } .pages_link .link { width: 135px; font-size: 16px; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } .pages_link .link.more { height: 122px; } .subscribe_area .subscribe .head { font-size: 40px; } .subscribe_area .main_subscribe_area { padding-left: 15px; padding-right: 15px; } .top_destination .top_destination_slider .owl-stage .item { padding: 2px; } .top_destination .top_destination_slider .top_destination_area>img { margin-bottom: 20px; }} .postid-5493 .pagetitle,.postid-4846 .pagetitle,.page-id-3566 .pagetitle,.postid-3756 .pagetitle,.postid-5170 .pagetitle { background-image: url(https://www.airticketsbookings.com/../img/bg/bg.jpg) !important; height: 450px; padding: 0px; background-position: center center;} #header-wrapper.header-slider { background: #000 url(../img/bg/bg.jpg)} @media (max-width: 767px) { .containerr { padding: 0 }} #onloadshowpop a { text-decoration: none; color: #000;} #onloadshowpop h1 { color: #2b303d; font-size: 35px !important; margin-top: 47px;} #cwtd { font-size: 22px; font-weight: 600;} #circlecall { border-radius: 40px; color: #bf1673; padding: 20px; border: 1px solid #2b303d;} #softmenupop { position: absolute; bottom: -16px; left: 0; background: #2b303d; color: #fff; width: 100%; font-size: 17px; padding: 20px 0 20px 0;} #softmenupop { color: #fff; font-size: 17px;} #softmenupop li { display: inline;} .fa-times-circle::before { content: "\f057";} a.calling { display: block; width: 100%; background: #fc8f28; padding: 8px; color: #fff; font-size: 18px; font-weight: 800; text-align: center; position: fixed; bottom: 0px; text-decoration: none; z-index: 5; } #header .logo { position: relative; float: left; margin-right: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; align-self: stretch } a, a:focus { color: #3c3435; -webkit-transition: all .2s ease; transition: all .2s ease } .flight-svg { position: relative; animation: mymove 5s 1; animation-fill-mode: forwards; top: 10px } .flight-svg-header { position: absolute; animation: mymoveheader 3s 186; animation-fill-mode: forwards; top: 17px; } .flight-svg img { width: 37.9px; height: 33px; position: relative; top: -4px } .flight-svg-header img { width: 300.9px; height: 33px; position: relative; top: -9px; } @keyframes mymove { from { left: 0 } to { left: 280px } } @keyframes mymoveheader { from { left: 0 } to { left: 210px } } @media (min-width: 320px) and (max-width: 480px) { .logo img { width: 170px; } } @keyframes mymoveheader { from { left: 0 } to { left: 150px } } @media (max-width: 667px) { .flight-svg-header { position: absolute; animation: mymoveheader 6s 85; animation-fill-mode: forwards; top: 20px; } } .main .section { padding: 50px 0 30px; } .main .full_width { width: 100%; float: left; position: relative; } .main_heading.left { text-align: left; } .main_heading.left>span::after { right: auto; } .banner_icons .banner_icons_area { width: 100%; /* float: left; */ margin-bottom: 20px; box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 21px 0px 0px 92px; position: relative; min-height: 40px; } .banner_icons .banner_icons_area .head { margin-bottom: -20px; color: #000; font-weight: bold; } .banner_icons .banner_icons_area .text { font-size: 13px; } .banner_icons .banner_icons_area .plane { width: 50px; height: 59px; position: absolute; top: -12px; right: -21px; background-position: -187px 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .banner_icons .banner_icons_area>[class*="icons-"] { width: 60px; background-repeat: no-repeat; position: absolute; top: 9px; left: 15px; } .banner_icons .banner_icons_area>.icons-1 { height: 53px; background-position: 0 0; } .banner_icons .banner_icons_area>.icons-2 { height: 48px; background-position: -61px 0; } .banner_icons .banner_icons_area>.icons-3 { height: 60px; background-position: -125px 0; } .main_heading { width: 100%; float: left; text-transform: capitalize; font-weight: bold; font-size: 30px; color: #000; margin: 0 0 30px; padding-bottom: 5px; text-align: center; text-align: center; line-height: 1.1; } .main_heading>span { width: auto; position: relative; display: inline-block; padding-bottom: 15px; } .main_heading>span::before, .main_heading>span::after { content: ""; height: 1px; background: #00b1df; position: absolute; left: 0; right: 0; margin: auto; } .trust { background: linear-gradient(104deg, #009bab 4%, #f16806 35%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .textt { margin-left: 63px; margin-top: -62px; } .nd { margin-top: -83px; margin-left: 291px; } .ndd { margin-top: -32px; margin-left: 283px; } .new { display: none; } #myBtn1 { width: 200px; color: #fc8019 ; display: block; text-align: center; background-color: #fc8019; transition: .3s; } #myBtn:hover { background-color: #0098ab; text-decoration: none; } .noContent { color: #fc8019 !important; background-color: transparent !important; pointer-events: none; display: none; } .textt{ color: #000; margin-bottom: 23px;} .ndd{ margin-left: 604px;} .nd{margin-left: 580px; } @media (max-width: 1199px){ .pkgCardBox .priceSec span.offer{ right: -19px;} .hero-section #city{ width: 27% !important;} .content-voilence-4 .titleblock .price a{ font-size: 10px !important;} .content-voilence-4 .customLgContent-control .pkgCardBox{padding: 9px 8px; height: 156px !important;} .content-voilence-4 .titleblock .price a{ padding: 5px 2px !important;} .nd{ margin-left: 460px !important;} .ndd{ margin-left: 465px !important;} } @media (max-width: 991px){ .slider-codepen .center{ padding: 0 0;} .col-lg-5{ width: 100% !important;} .hero-section .otp-main{ width: 20%; display: inline-block;} .hero-section #city{ width: 24% !important;} .to-hai{ display: none;} .owl-stage h4{ font-size: 14px !important;} .content-voilence-4 .titleblock .price a{font-size: 13px !important;} .content-voilence-4 .titleblock .price a{ padding: 4px 0px !important; margin-left: 14px !important;} .content-voilence-4 .customLgContent-control .pkgCardBox{ height: 146px !important;} .slider-codepen .slider{ height: 246px !important;} .nd{ margin-left: 48px !important;} .ndd{margin-left: 57px !important;} .papular-health-2 .item h4{ font-size: 14px;} .papular-health-2 .item{ padding: 10px 19px;} } @media (max-width: 767px){ .content-voilence-4 .titleblock .price a{ margin-left: 0px !important;} .content-voilence-4 .customLgContent-control .pkgCardBox{ height: 136px !important;} .content-voilence-4 .titleblock .price a{ font-size: 10px !important; padding: 4px 6px !important;} .hero-section .otp-main{ width: 100%;} .best-secure .col-md-3{ width: 49%;} .best-secure .col-md-8{ width: 33% !important;} .hero-section #city{ width: 34% !important;} .why-choose-us .col-md-2{ width: 21% !important;} .head{ margin-bottom: 0; padding-bottom: 0;} .why-choose-us .col-md-8{ width:57% !important;} .banner_icons .tabContgapBot{ flex: inherit !important;} .top_nav li:nth-child(5){ display: block !important;} } @media (max-width: 575px){ .slider-codepen .slider{ height: 182px !important;} .banner-left-text .form-group{ width: 36%;} .col-sm-3{ width: 100% !important;} .content-voilence-4 .customLgContent-control .pkgCardBox{ margin-bottom: 11px;} .head{ padding-bottom: 0; padding-top: 0; line-height: 19px;} .text{line-height: 20px;} .content-voilence-4 .customLgContent-control .pkgCardBox{ padding: 14px 24px;} .content-voilence-4 .titleblock .price a{ font-size: 14px !important;} .content-voilence-4 .titleblock .price a{margin-left: 15px !important;} .content-voilence-4 .customLgContent-control .pkgCardBox{height: 152px !important;} .pkgCardBox .priceSec span.offer{ right: -35px;} .top_nav li:nth-child(5){ display: block !important;} } @media (max-width: 480px){ .slider-codepen .slider{ height: 99px !important;;} .banner-left-text .form-group{width: 49% !important;} #DivMobile{ width: 49% !important; margin-bottom: 10px;} .best-secure .col-md-3{ width: 100%; margin-bottom: 20px;} .hero-section #city{ width: 100% !important;} .show-box .img-responsive{ width: 100% !important; } .content-voilence-4 .titleblock .price a{ margin-left: 0px !important; font-size: 12px !important;} .ndd{ margin-left: 0px !important;} .textt{margin-left: 0 !important; margin-top: 0px !important; display: inline-block; width: 58%;} .nd{margin-left: 0px !important; margin-top: 0 !important;} .right-set{ text-align: center;} .text{ padding: 0;} .why-choose-us .col-md-8{ padding: 0;} .go{ padding: 34px 8px !important; border-radius: 25px !important; display: inline-block !important;} .main_heading{ font-size: 23px; margin: 0 0 16px;} .banner_icons .banner_icons_area .plane{width: 46px;right: -9px; height: 59px;} .banner_icons .banner_icons_area>[class*="icons-"]{ width: 48px;} .banner_icons .banner_icons_area .head{ width: 88%;} .banner_icons_area{ padding: 18px 0px 20px 51px !important;} } @media (min-width: 1400px){ .slider-codepen .slider { height: 248px !important;} .col-lg-5.col-md-12.banner-left-text form{ padding: 28px 26px 23px 25px !important;} } /* Extracted from */ #pagination { margin: 40 40 0; } ul.tsc_pagination li a { border: solid 1px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 6px 9px 6px 9px; } ul.tsc_pagination li { padding-bottom: 1px; } ul.tsc_pagination li a:hover, ul.tsc_pagination li a.current { color: #FFFFFF; box-shadow: 0px 1px #EDEDED; -moz-box-shadow: 0px 1px #EDEDED; -webkit-box-shadow: 0px 1px #EDEDED; } ul.tsc_pagination { margin: 4px 0; padding: 0px; height: 100%; overflow: hidden; font: 12px 'Tahoma'; list-style-type: none; } ul.tsc_pagination li { float: left; margin: 0px; padding: 0px; margin-left: 5px; } ul.tsc_pagination li a { color: black; display: block; text-decoration: none; padding: 7px 10px 7px 10px; } ul.tsc_pagination li a img { border: none; } ul.tsc_pagination li a { color: #0A7EC5; border-color: #8DC5E6; background: #F8FCFF; } ul.tsc_pagination li a:hover, ul.tsc_pagination li a.current { text-shadow: 0px 1px #388DBE; border-color: #3390CA; background: #58B0E7; background: -moz-linear-gradient(top, #B4F6FF 1px, #63D0FE 1px, #58B0E7); background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #B4F6FF), color-stop(0.02, #63D0FE), color-stop(1, #58B0E7)); } /* Extracted from */ #pagination { margin: 40 40 0; } ul.tsc_pagination li a { border: solid 1px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 6px 9px 6px 9px; } ul.tsc_pagination li { padding-bottom: 1px; } ul.tsc_pagination li a:hover, ul.tsc_pagination li a.current { color: #FFFFFF; box-shadow: 0px 1px #EDEDED; -moz-box-shadow: 0px 1px #EDEDED; -webkit-box-shadow: 0px 1px #EDEDED; } ul.tsc_pagination { margin: 4px 0; padding: 0px; height: 100%; overflow: hidden; font: 12px 'Tahoma'; list-style-type: none; } ul.tsc_pagination li { float: left; margin: 0px; padding: 0px; margin-left: 5px; } ul.tsc_pagination li a { color: black; display: block; text-decoration: none; padding: 7px 10px 7px 10px; } ul.tsc_pagination li a img { border: none; } ul.tsc_pagination li a { color: #0A7EC5; border-color: #8DC5E6; background: #F8FCFF; } ul.tsc_pagination li a:hover, ul.tsc_pagination li a.current { text-shadow: 0px 1px #388DBE; border-color: #3390CA; background: #58B0E7; background: -moz-linear-gradient(top, #B4F6FF 1px, #63D0FE 1px, #58B0E7); background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #B4F6FF), color-stop(0.02, #63D0FE), color-stop(1, #58B0E7)); } /* Extracted from */ ._failed { border-bottom: solid 4px red !important; } ._failed i { color: red !important; } ._success { box-shadow: 0 15px 25px #00000019; padding: 45px; width: 100%; text-align: center; margin: 40px auto; border-bottom: solid 4px #28a745; } ._success i { font-size: 55px; color: #28a745; } ._success h2 { margin-bottom: 12px; font-size: 40px; font-weight: 500; line-height: 1.2; margin-top: 10px; } ._success p { margin-bottom: 0px; font-size: 15px; color: #495057; font-weight: 500; } /* Extracted from */ ._failed{ border-bottom: solid 4px red !important; } ._failed i{ color:red !important; } ._success { box-shadow: 0 15px 25px #00000019; padding: 45px; width: 100%; text-align: center; margin: 40px auto; border-bottom: solid 4px #28a745; } ._success i { font-size: 55px; color: #28a745; } ._success h2 { margin-bottom: 12px; font-size: 40px; font-weight: 500; line-height: 1.2; margin-top: 10px; } ._success p { margin-bottom: 0px; font-size: 15px; color: #495057; font-weight: 500; } /* Extracted from */ ._failed{ border-bottom: solid 4px red !important; } ._failed i{ color:red !important; } ._success { box-shadow: 0 15px 25px #00000019; padding: 45px; width: 100%; text-align: center; margin: 40px auto; border-bottom: solid 4px #28a745; } ._success i { font-size: 55px; color: #28a745; } ._success h2 { margin-bottom: 12px; font-size: 40px; font-weight: 500; line-height: 1.2; margin-top: 10px; } ._success p { margin-bottom: 0px; font-size: 15px; color: #495057; font-weight: 500; } /* Extracted from */ .error{ color: #red;} .conFormblock.homecareInsideform input.alertRed,.conFormblock.homecareInsideform select.alertRed,.conFormblock.homecareInsideform textarea.alertRed { border: 1px solid #ea0c0c !important; border-radius: 4px; font-family: inherit; } /* Extracted from */ /*--------------------------------------- ABOUT -----------------------------------------*/ .about-section { /*padding-bottom: 150px;*/ } .about-section.section-padding .container .row{ display: block !important;} .col-lg-5{display: inline-block;} .mx-lg-auto{margin-right: inherit!important; margin-left: inherit!important; display: inline-block;} .insideFigure .figIcon{width: 85px ; height: 85px;border-radius: 50%; display: inline-flex;} .aboutFigures{ display: block; width: 100%; } .insideFigure{ padding-top: 23px; padding-bottom: 16px;display: inline-block; width: 230px; background-color: #f3f3f3; margin-bottom: 4px; margin-right: 9px; text-align: center; } .insideFigure:hover{ background-color: #f26022; color: #fff;} .about-image{border-radius: 0 !important;} .col-lg-3{width: 45% ;} .about-image-small{ width: 87% !important; height: 100% !important; border-radius: 120px 4px 120px !important; box-shadow: 4px 1px 0px #06a7b7;} .mb-4{ color: #ef4800 !important;} .col-lg-5{width: 52.666667% !important;} .figText{margin-top: 16px;} .figText span{margin-bottom: 9px;} .insideFigure:hover .figText{margin-top: 0;} .aboutbody{padding: 13px 0;} .about-section{padding-top: 40px;} .text-muted{ color: #565656!important;} .about-background-colo{background-color: #f3f3f3;} .aboutbody{ background: none;} .container{padding: 0;} .hippa{ width: 14%;} .hippa-border{ border: 1px solid #f00; border-right: 1px solid #f00;} .about-image { display: block; border-radius: 100%; width: 350px; height: 273px; object-fit: cover;} .about-image-small { display: block; margin: auto; width: 250px; height: 250px; } .pcontent{color:#717275; margin-bottom: 0px;} @media screen and (max-width: 991px) { .about-section { padding-top: 75px; padding-bottom: 75px; } .about-image { width: 260px; height: 260px; } .about-image-small { width: 180px; height: 180px; } } @media (max-width: 1199px){ .figText span{font-size: 19px; font-weight: 800;} } @media (max-width: 991px){ .insideFigure{width: 175px;} .text-muted{font-size: 24px;} .about-section .mb-4{font-size: 24px; margin-bottom: 5px !important;} .about-section .mt-2{ margin-top: 0px !important;} .about-section .mb-3{ margin-bottom: 0px !important;} .col-lg-3{ width: 50% !important; vertical-align: top !important;} .about-section{ padding-top: 35px; padding-bottom: 11px;} .figText span{font-size: 19px;} } @media (max-width: 767px){ .insideFigure .figIcon{width: 71px; height: 71px;} .figText span{font-size: 16px;} .col-lg-5{width: 98% !important; padding-left: 29px;} .col-lg-3{ width: 100% !important;} .aboutbody{padding-left: 34px; width: 94%;} .about-background-colo .aboutbody{padding-left: 0px; padding-top: 0; } .insideFigure{width: 168px !important;} } @media (max-width: 575px){ .insideFigure{width: 215px !important;} .aboutusbanner{min-height: 153px;} .aboutusbanner .banner_title{padding-top: 34px;} .insideFigure{text-align: center; position: relative; left: 0; right: 0; margin: auto;} .about-background-colo .aboutbody{padding-left: 27px !important; width: 100% !important;} } @media (max-width: 480px){ .insideFigure{width: 163px !important;} } /* Extracted from */ .message-box { background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 1rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); padding: 2.5rem; text-align: center; animation: fadeIn 0.8s ease-out; margin-bottom: 50px; margin-top: 20px; } .bg-indigo-600 { --tw-bg-opacity: 1; background-color: #16a7b7 !important; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Extracted from */ .disminititle { font-size: 20px; font-weight: 700; margin: 15px 0; text-transform: uppercase; } /* Extracted from */ .quiz-app { background-color: #fff; border: 10px solid #f6f6f6; margin: 20px auto; width: 800px; padding: 15px; border-radius: 20px; } .quiz-app .quiz-info { display: flex; padding: 20px; background-color: #f6f6f6; border-radius: 20px; } .quiz-app .quiz-info .category { flex: 1; } .quiz-app .quiz-info .count { flex: 1; text-align: right; } .quiz-app .quiz-area { background-color: #fff; padding: 20px; margin-top: 15px; margin-bottom: 10px; border-radius: 20px; } .quiz-app .quiz-area h2 { margin: 0; } .quiz-app .options-area { background-color: #fff; padding: 0 20px; /* border-radius: 20px; */ } .quiz-app .options-area .option { background-color: #ddd9d9; padding: 11px; margin: 11px; border-radius: 20px; text-decoration: none; font-size: 22px } a{ text-decoration: none !important; } .quiz-app .options-area .option:hover { background-color: #04c3db; color: #fff; } /* .quiz-app .options-area .option:not(:last-child) { border-bottom: 1px solid #dfdfdf; } */ .quiz-app .options-area .option input[type="Radio"]:checked+label { color: #0055ff; } .quiz-app .options-area .option label { cursor: pointer; color: #444; font-weight: bold; margin-left: 5px; position: relative; top: -2px; } .quiz-app .submit-button { background-color: #16a7b7; display: block; width: 100%; cursor: pointer; padding: 15px; border: none; color: #fff; font-weight: bold; font-size: 18px; border-radius: 20px; margin: 20px auto; } .quiz-app .submit-button:hover { background-color: #fb5d2fe0; } .quiz-app .submit-button:focus { outline: none; } .quiz-app .bullets { background-color: #f6f6f6; display: flex; padding: 20px; margin-bottom: 10px; border-radius: 20px; } .quiz-app .bullets .spans { flex: 1; display: flex; } .quiz-app .bullets .spans span { width: 20px; height: 20px; background-color: #fff; margin-right: 10px; border-radius: 50%; } .quiz-app .bullets .spans span.on { background-color: #16a7b7; } .quiz-app .results { text-align: center; font-size: 24px; } .quiz-app .results span { font-weight: bold; } .quiz-app .results span.perfect { color: #FFD700; } .quiz-app .results span.good { color: #2ecc71; } .quiz-app .results span.fair { color: #b3b0ad; } .quiz-app .results span.bad { color: #c0392b; } .quiz-app .options-area .option.active{ background-color: #00BCD4 !important; } section.back_image.mt-3 .card.p-3.centresss { margin-bottom: 25px; border-radius: 24px; min-height: 141px; margin-right: 20px; min-width: 141px; } /* Extracted from */ .ttitlee { display: block; font-size: 1.5rem; font-weight: 600; margin-bottom: 30px; border-left: 5px solid #8cddcd; padding-left: 10px; padding-bottom: 0; } /* Extracted from */ .make-color-bar:before { content: ''; display: block; width: 100%; height: 8px; margin: 0.25em 0 0.5em 0; background-color: #000000; border-radius: 2px; } .make-color-bar:after { content: "\f00c"; position: absolute; top: 1.65em; left: 50%; margin-left: -16px; display: none; align-items: center; justify-content: center; width: 32px; height: 32px; font: normal normal normal 14px/1 FontAwesome; font-size: 15px; color: #ffffff; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: 4px solid #ffffff; border-radius: 50%; } #creditScoreId { display: flex; align-items: center; } .btn-credit-score { position: relative; display: inline-block; width: 110px; font-size: 20px; font-weight: 700; text-align: center; color: #002835; padding: 0.25em 0; margin: 0 1px; letter-spacing: -0.25px; } .btn-credit-score span:nth-child(2) { display: block; font-size: 14px; color: #647686; } .btn-credit-score span:nth-child(2):before { content: ''; display: block; width: 100%; height: 20px; margin: 0.25em 0 0.5em 0; background-color: #000000; border-radius: 2px; } .btn-credit-score span:nth-child(2):after { content: "\f00c"; position: absolute; top: 1.65em; left: 50%; margin-left: -16px; display: none; align-items: center; justify-content: center; width: 32px; height: 32px; font: normal normal normal 14px/1 FontAwesome; font-size: 15px; color: #ffffff; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: 4px solid #ffffff; border-radius: 50%; } .btn-credit-score.selected span:nth-child(1):after, .btn-credit-score:hover span:nth-child(1):after, .btn-credit-score:focus span:nth-child(1):after { display: none; } .btn-credit-score.selected span:nth-child(2):after, .btn-credit-score:hover span:nth-child(2):after, .btn-credit-score:focus span:nth-child(2):after { display: flex; } .btn-credit-score.selected:hover span:nth-child(2):after, .btn-credit-score.selected:focus span:nth-child(2):after { content: "\f00c"; cursor: default; } .btn-credit-score:hover span:nth-child(2):after { content: "\f164"; } .btn-credit-score.color-deep-red span:before, .btn-credit-score.color-deep-red span:after { background-color: #892229; } .btn-credit-score.color-red span:before, .btn-credit-score.color-red span:after { background-color: #D63540; } .btn-credit-score.color-orange span:before, .btn-credit-score.color-orange span:after { background-color: #EDAE49; } .btn-credit-score.color-yellow span:before, .btn-credit-score.color-yellow span:after { background-color: #FFD800; } .btn-credit-score.color-green span:before, .btn-credit-score.color-green span:after { background-color: #00aa00; } .btn-credit-score.color-aqua span:before, .btn-credit-score.color-aqua span:after { background-color: #01e2d4; } .btn-credit-score.color-blue span:before, .btn-credit-score.color-blue span:after { background-color: #0079ba; } @media only screen and (max-width: 768px) { #creditScoreId { display: flex; flex-direction: column-reverse; width: calc(330px + 2em); } .btn-credit-score { display: flex; align-items: center; justify-content: space-between; text-align: center; width: 100%; line-height: 16px; margin: 0; padding: 0; } .btn-credit-score span:nth-child(1) { position: relative; display: block; width: 110px; height: auto; margin-right: 1em; } .btn-credit-score span:nth-child(1):before { content: ''; display: block; width: 100%; height: 8px; margin: 0.25em 0 0.5em 0; background-color: #000000; border-radius: 2px; } .btn-credit-score span:nth-child(1):after { content: "\f00c"; position: absolute; top: 1.65em; left: 50%; margin-left: -16px; display: none; align-items: center; justify-content: center; width: 32px; height: 32px; font: normal normal normal 14px/1 FontAwesome; font-size: 15px; color: #ffffff; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: 4px solid #ffffff; border-radius: 50%; } .btn-credit-score span:nth-child(1):before { height: 32px; margin: 0; } .btn-credit-score span:nth-child(1):after { top: -1px; border-width: 5px; width: 34px; height: 34px; } .btn-credit-score span:nth-child(2) { display: block; width: 110px; margin-left: 1em; text-align: left; } .btn-credit-score span:nth-child(2):before, .btn-credit-score span:nth-child(2):after { display: none; } .btn-credit-score.selected span:nth-child(1):after, .btn-credit-score:hover span:nth-child(1):after { display: flex; } .btn-credit-score.selected span:nth-child(2):after, .btn-credit-score:hover span:nth-child(2):after { display: none; } .btn-credit-score.selected:hover span:nth-child(1):after { content: "\f00c"; cursor: default; } .btn-credit-score:hover span:nth-child(1):after { content: "\f164"; } .btn-credit-score.color-deep-red span:before, .btn-credit-score.color-deep-red span:after { background-color: #892229; } .btn-credit-score.color-red span:before, .btn-credit-score.color-red span:after { background-color: #D63540; } .btn-credit-score.color-orange span:before, .btn-credit-score.color-orange span:after { background-color: #EDAE49; } .btn-credit-score.color-yellow span:before, .btn-credit-score.color-yellow span:after { background-color: #FFD800; } .btn-credit-score.color-green span:before, .btn-credit-score.color-green span:after { background-color: #00aa00; } .btn-credit-score.color-aqua span:before, .btn-credit-score.color-aqua span:after { background-color: #01e2d4; } .btn-credit-score.color-blue span:before, .btn-credit-score.color-blue span:after { background-color: #0079ba; } } @font-face { font-family: "Hanken Grotesk"; src: url("./assets/fonts/HankenGrotesk-VariableFont_wght.ttf") format("truetype"), url("./assets//fonts/static/HankenGrotesk-Medium.ttf") format("truetype"), url("./assets//fonts/static/HankenGrotesk-Bold.ttf") format("truetype"), url("./assets//fonts/static/HankenGrotesk-ExtraBold.ttf") format("truetype"); } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: "Hanken Grotesk"; width: 100%; height: auto; } main { position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } main .card { display: flex; flex-direction: column; background-color: white; box-shadow: 4px 4px 25px 0px #dadada; border-radius: 0px; width: 100%; } main .card .card-left { background: linear-gradient(to bottom, #00BCD4 0% 20%, #00BCD4); border-radius: 0px 0px 15px 15px; padding: 30px; display: flex; flex-direction: column; align-items: center; row-gap: 20px; width: 100%; } main .card .card-left h4 { color: #fff; text-align: center; font-size: 20px; } main .card .card-left .score { background: linear-gradient(to bottom, #FF5722, #FF5722, #FF5722); /*width: 50%;*/ border-radius: 50%; height: 150px; width: 150px; display: flex; flex-direction: column; justify-content: center; align-items: center; } main .card .card-left .score h1 { font-size: 50px; color: white; } main .card .card-left .score span { color: #c8c7ff; } main .card .card-left .score-content h2 { font-size: 30px; color: white; text-align: center; } main .card .card-left .score-content p { margin-top: 12px; color: #c8c7ff; text-align: center; } main .card .card-right { padding: 30px; display: flex; flex-direction: column; row-gap: 20px; width: 100%; } main .card .card-right h2 { color: #303b5a; } main .card .card-right ul { list-style-type: none; display: flex; flex-direction: column; row-gap: 12px; } main .card .card-right ul li { display: flex; justify-content: space-between; padding: 12px; border-radius: 5px; } main .card .card-right ul li:nth-of-type(1) { background: rgba(255, 87, 87, 0.1); } main .card .card-right ul li:nth-of-type(1) p { color: #ff5757; } main .card .card-right ul li:nth-of-type(2) { background: rgba(255, 176, 31, 0.1); } main .card .card-right ul li:nth-of-type(2) p { color: #ffb01f; } main .card .card-right ul li:nth-of-type(3) { background: rgba(0, 189, 145, 0.1); } main .card .card-right ul li:nth-of-type(3) p { color: #00bd91; } main .card .card-right ul li:nth-of-type(4) { background: rgba(17, 37, 212, 0.1); } main .card .card-right ul li:nth-of-type(4) p { color: #1125d4; } main .card .card-right ul li .li-left { display: flex; column-gap: 10px; } main .card .card-right ul li .li-left p { font-weight: 500; } main .card .card-right ul li .li-right p { color: #c8c7ff; } main .card .card-right ul li .li-right p b { color: #303b5a; } main .card .card-right a { background: #303b5a; padding: 12px; text-align: center; color: white; text-decoration: none; font-size: 18px; border-radius: 30px; } main .card .card-right a:hover { background: linear-gradient(to bottom, #7857ff 0% 20%, #2e2be9); } @media (min-width: 550px) { body { height: 100vh; } main .card { flex-direction: row; width: 550px; border-radius: 15px; } main .card .card-left { /*width: 50%;*/ border-radius: 15px; } main .card .card-right { width: 50%; } } /* Extracted from */ .page-wrapper { width: 100%; box-sizing: border-box; display: block; margin: 0px; padding: 0px; font-family: Lato; color: #151b39; font-size: 13px } :focus { outline: none } a { text-decoration: none } .clearfix { height: 0px; clear: both; display: flex } .ellipsis { text-overflow: ellipsis } h2 { font-family: LatoBold; font-size: 20px; letter-spacing: 0.25px; display: block; padding: 4px 0px } .page-header { background: #32aeb1; position: relative } .page-header .panel-wrapper { min-width: 1030px; max-width: 1280px; margin: 0px auto; box-sizing: border-box; padding: 0px 12px } .cg-img-1 { width: 65px; } .page-header .panel-wrapper .panel-header { display: flex; height: 90px; line-height: 90px } .page-header .panel-wrapper .panel-header .logo { max-width: 168px; margin: 0 32px 0 0 } .page-header .panel-wrapper .panel-header .logo img { width: 168px; height: 60px } .page-header .panel-wrapper .panel-header .search-bar { max-width: calc(100% - 586px); -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex } .page-header .panel-wrapper .panel-header .search-bar .block-search { height: 48px; position: relative; background: #ffffff; border-radius: 6px; line-height: normal } .page-header .panel-wrapper .panel-header .search-bar .block-search .pinCode { position: relative; width: 160px; height: auto; margin: 13px 0; display: inline-block; padding: 0px 0 0px 16px; font-family: LatoSemiBold; font-size: 13px; font-stretch: normal; font-style: normal; line-height: 22px; letter-spacing: normal; color: rgba(11, 18, 25, 0.5); float: left; border-right: 1px solid rgba(11, 18, 25, 0.2); } .page-header .panel-wrapper .panel-header .search-bar .block-search .pinCode .get-location { position: absolute; top: 14px; left: 13px; width: 22px; height: 22px; text-indent: 0; font-size: 0px; border: 0px; background: transparent; -webkit-appearance: none } .page-header .panel-wrapper .panel-header .search-bar .block-search .pinCode .pinNum { font-family: LatoBold; font-size: 14px; font-stretch: normal; letter-spacing: normal; color: #24aeb1; border: 0px; width: 74px; cursor: pointer; } .page-header .panel-wrapper .panel-header .search-bar .block-search .pinCode span { display: inline-block line-height: 22px; } .page-header .panel-wrapper .panel-header .search-bar .block-search .pinCode .editIcon { width: 12px; height: 12px; margin-left: 0px; box-shadow: none; border: 0px; background-size: 12px; position: absolute; bottom: 10px; right: 18px; z-index: 999 } .page-header .panel-wrapper .panel-header .search-bar .block-search .auto-search { min-width: 50%; width: calc(100% - 160px); height: 48px; float: left; position: relative; display: block } .page-header .panel-wrapper .panel-header .search-bar .block-search .auto-search .search-section { display: inline-block; margin: 0; float: left; width: 100% } .page-header .panel-wrapper .panel-header .search-bar .block-search .auto-search .search-section .input-text { margin: 0px; padding: 0px 64px 0px 12px; height: 48px; border: 0px; width: 100%; background: transparent; font-size: 14px } .page-header .panel-wrapper .panel-header .search-bar .block-search .auto-search .iconSearch { width: 56px; float: right; height: 48px; display: inline-block; position: absolute; top: 0px; right: 0px; -webkit-appearance: none; box-shadow: none; border: 0px; } .page-header .panel-wrapper .panel-header .uPres { margin: 0 24px; max-width: 212px; padding: 0px } .page-header .panel-wrapper .panel-header .uPres a { font-family: LatoSemiBold; font-size: 14px; font-stretch: normal; font-style: normal; letter-spacing: 1px; text-align: center; color: #ffffff; background-size: 24px; padding-left: 32px; height: 90px; display: inline-block; } .page-header .panel-wrapper .panel-header .mini-cart { max-width: 70px; margin: 0 24px 0px 0px; position: relative } .page-header .panel-wrapper .panel-header .mini-cart .text { background-size: 24px; color: #ffffff; height: 90px; padding: 0px; width: 70px; float: right; font-family: 'LatoSemibold'; padding-left: 34px; letter-spacing: 1px; } .page-header .panel-wrapper .panel-header .mini-cart .text .counter-number { -moz-border-radius: 6.5px; -webkit-border-radius: 6.5px; background: #ee4380 !important; border-radius: 6.5px; color: #ffffff !important; display: block; font-family: LatoBold; font-size: 10px; height: 13px; line-height: 14px; padding: 0px; position: absolute; left: 10px; text-align: center; text-indent: 0px; top: 32px; width: 17px; letter-spacing: 0px; } .page-header .panel-wrapper .panel-header .login { margin: 0px; max-width: 160px; } .page-header .panel-wrapper .panel-header .login a { font-family: Lato; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; color: #ffffff; background-size: 24px; padding-left: 32px; height: 90px; display: inline-block; } .main-navigation { background: #32aeb1; position: relative; padding-bottom: 16px; } .main-navigation .explorer-menu { height: auto; max-width: 1030px; min-width: 1030px; margin: 0px auto; box-sizing: border-box; padding: 0px 12px; } .main-navigation .explorer-menu ul { margin: 0px auto; padding: 0px; list-style: none; height: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .main-navigation .explorer-menu ul li { display: inline-block; width: auto; padding: 0; height: 46px; position: relative; } .main-navigation .explorer-menu ul li:last-child { padding-right: 0px; } .main-navigation .explorer-menu ul li a { height: 46px; font-family: LatoSemiBold; font-size: 14px; font-stretch: normal; font-style: normal; line-height: 46px; letter-spacing: normal; color: rgba(255, 255, 255, .8); display: inline-block; padding: 0; } .main-navigation .explorer-menu ul li a small { height: 12px; font-family: Lato; font-size: 10px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: rgba(255, 255, 255, 0.8); display: -webkit-box; } .main-navigation .explorer-menu ul li a.m-pro { background-size: 40px; padding-left: 48px; } .main-navigation .explorer-menu ul li a.h-pro { background-size: 40px; padding-left: 48px; } .main-navigation .explorer-menu ul li a.b-app { background-size: 40px; padding-left: 48px; } .main-navigation .explorer-menu ul li a.b-check { background-size: 40px; padding-left: 48px; } .main-navigation .explorer-menu ul li.o-menu { background-size: 40px; padding-left: 48px } .main-navigation .explorer-menu ul li.o-menu ul { display: none; position: absolute; background: rgb(247, 247, 247); min-width: 160px; box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.2); z-index: 2; top: 40px; padding: 0px; height: auto } .main-navigation .explorer-menu ul li.o-menu a { padding: 0px; } .main-navigation .explorer-menu ul li.o-menu ul li { margin: 0px; padding: 0px; height: auto; width: 100% } .main-navigation .explorer-menu ul li.o-menu ul li a { color: #151b39; text-decoration: none; font-family: Lato; font-size: 13px; height: 38px; line-height: 40px; display: block; width: 100%; padding: 0px 12px } .nav-sections { webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-basis: auto; flex-basis: auto; margin-bottom: 16px; margin-top: 0px; border-top: #02b7c2 solid 0px } .nav-sections .navigation { background: none; box-sizing: border-box; display: block; margin-left: auto; margin-right: auto; max-width: 1030px; padding: 0px 10px } .nav-sections .navigation .ui-menu { list-style: none; margin: 0px; padding: 0px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .nav-sections .navigation .ui-menu li { box-sizing: border-box; color: #151b39; display: inline-block; font-family: Lato; font-size: 13px; font-weight: normal; position: relative; text-decoration: none; text-transform: uppercase } .nav-sections .navigation .ui-menu li .level-top { box-sizing: border-box; color: #151b39; line-height: 42px; padding: 0px; position: relative; text-decoration: none; text-transform: capitalize } .nav-sections .navigation .ui-menu li:last-child .level-top { padding-right: 0px } .home-content { min-width: 1030px; max-width: 1680px; margin: 0px auto; padding: 0px 16px } .home-banner { clear: both; width: 100%; max-height: 320px; margin: 0px auto 32px; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center } .home-banner .banner_img { height: 320px; object-fit: cover } .home-banner .home-slides { height: 320px } .home-banner .home-slides .banner_img { margin: 0 auto; display: list-item; max-width: 100%; height: 320px; object-fit: cover } .home-banner .swiper-home-btn-next { width: 26px; height: 26px; background-size: 26px !important; right: 10px !important } .home-banner .swiper-home-btn-prev { width: 26px; height: 26px; background-size: 26px !important; left: 10px !important } .home-banner .customise-pagination { position: absolute; bottom: 0px } .home-payment-offer { clear: both; width: 100%; max-height: 144px; margin: 8px 0px; overflow: hidden; position: relative; padding: 0px 18px 24px 18px } .home-payment-offer h2 { font-family: LatoBold; font-size: 24px; line-height: 32px; margin: 0 0 24px; color: #0b1219; padding: 0; } .home-payment-offer .swiper-payment-next { width: 42px; height: 42px; top: 60%; background-size: 42px !important; right: 0px !important } .home-payment-offer .swiper-payment-prev { width: 42px; height: 42px; top: 60%; background-size: 42px !important; left: 0px !important } .home-payment-offer .home-payment-slides .swiper-slide { height: 74px; padding: 0px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: #ffffff; border-radius: 8px } .home-payment-offer .home-payment-slides .swiper-slide .slide-section { height: 74px; padding: 12px 16px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .home-payment-offer .home-payment-slides .swiper-slide .slide-section a { display: contents } .home-payment-offer .home-payment-slides .swiper-slide .slide-section a img { height: 36px; width: 52px; margin-right: 14px; float: left; padding-right: 14px; border-right: 1px solid rgba(21, 27, 57, 0.1) } .home-payment-offer .home-payment-slides .swiper-slide .slide-section a .description-slide { float: right !important; width: 81%; line-height: normal; overflow: hidden; } .home-payment-offer .home-payment-slides .swiper-slide .slide-section a .description-slide h2 { margin: 0px 0px 8px; font-size: 12px; font-family: LatoBold; color: #151b39; width: 100%; overflow: hidden; white-space: nowrap; padding: 0px; letter-spacing: 0 } .home-payment-offer .home-payment-slides .swiper-slide .slide-section a .description-slide p { font-family: Lato; font-size: 11px; color: #6F7284; margin: 0px; word-wrap: break-word; word-break: break-all } .home-diagnostic { margin: 8px 18px; padding: 16px 24px; border-radius: 8px; background: #ffffff; position: relative; overflow: visible } .home-diagnostic h2 { font-family: LatoBold; font-size: 12px; margin: 0px; color: #6F7284; letter-spacing: 1px; padding: 0px 0px 16px } .home-diagnostic h2 span { font-family: Lato; color: #151b39; font-size: 20px; letter-spacing: 0.25px; display: block; padding: 4px 0 } .home-diagnostic h2 small { font-size: 12px; font-family: Lato; letter-spacing: 0; display: block } .home-diagnostic .home-diagnostic-slides .four-col { width: 25% } .home-diagnostic .home-diagnostic-slides .swiper-slide { padding: 0px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; -webkit-justify-content: left; justify-content: left; -webkit-box-align: left; -ms-flex-align: left; -webkit-align-items: left; align-items: left; border-radius: 0px } .home-diagnostic .home-diagnostic-slides .swiper-slide .diag-section { min-height: 1px; position: relative; width: 100% } .home-diagnostic .home-diagnostic-slides .swiper-slide .diag-section .diag-img img { border-radius: 8px; height: 216px; object-fit: contain; width: 100% } .swiper-wrapper { position: relative; width: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* Extracted from */ .cms-radiology .main-section { width: 100% !important; margin: 0px !important; max-width: 100%; padding: 0px !important; } .cms-radiology footer { margin-top: 0px !important; } .thank-you { margin-top: 20px; } .reg_success { display: none; color: #378f30; line-height: 13px; font-size: 15px; } .form_error { font-size: 12px; color: #e02b27; } input.form_error { font-size: 17px; color: #151b39; } .breadcrumbs { display: none; } .cms-radiology .details-content-wrapper {} .diag-container { max-width: 1680px; padding: 0 35px; margin: 0 auto; width: 100%; font-family: "Lato", sans-serif; } /*edited for swiper */ .flexi-review-section { width: 100%; /* max-width: 25%; */ display: flex; margin: 15px; } .reg_success { display: none; } .diag-form-wrap .dropdown.bootstrap-select { width: 100% !important; } .diag-form-wrap .dropdown-menu.inner.show li { border-bottom: 1px solid #ccc; margin: 5px 13px; } .diag-form-wrap .dropdown-menu.inner.show li:last-child { border-bottom: none; } /*.dropdown.bootstrap-select.package-{ width: 100% !important; } */ .swiper-slide { flex-shrink: 0; width: 25% !important; margin: 15px; display: grid; height: auto !important; } .review-card.flexi-review-section { max-width: 100% !important; } .top-sell .swiper-slide { margin: 0 !important; } .top-sell { background-color: #fff; } .tests-type .swiper-slide { padding: 28px 0; position: relative; padding-left: 40px; flex: 0 1 calc(20% - 0px); justify-content: left; padding-left: 40px; margin: 0 !important; padding-right: 30px; } /*diag-header-wrapper starts here */ .package-head-wrap { display: flex; padding-top: 40px; } .package-form-section { width: 30%; } .package-details-section { width: 75%; } .diag-header-wrapper { background-color: #9dedff; width: 100%; /*padding-bottom: 55px; */ background-color: #9dedff; background-repeat: no-repeat; background-size: cover; } .pad-top { padding-top: 30px; } .details-content-wrapper { padding-left: 100px; background-repeat: no-repeat; background-size: contain; padding-left: 55%; background-position: bottom left; } .netmeds-package { display: flex; color: #151b39; justify-content: space-between; margin-bottom: 40px; } .netmeds-package .package-name { font-size: 42px; line-height: 50px; font-weight: 400; } .heading-offer { display: flex; } .netmeds-package .package-name span { color: #f16122; font-size: 50px; line-height: 22px; font-weight: 900; } .netmeds-package p { font-size: 22px; color: #292929; } .netmeds-package p span { font-size: 22px; color: #fff; background-color: #12b7c1; padding: 2px 5px; border-radius: 5px; } .vertical-stripes { border: none; background: repeating-linear-gradient(120deg, #ffffff, #f16122 5px, #f16122 5px, #151b39 5px); height: 51px; width: 51px; border-radius: 30px; position: relative; align-self: center; } .vertical-stripes .discount-type { position: absolute; height: auto; background-color: #f16122; color: #fff; transform: rotate(-90deg); transform-origin: left; font-size: 15px; text-align: center; left: 26px; top: 35px; padding: 0px 3px; width: 46px; } .discount-type-offer { color: #f16122; font-size: 45px; line-height: 56px; font-weight: 600; } .discount-type-offer .off { font-size: 30px; } .discount-type-offer .intro { color: #151b39; font-size: 19px; text-transform: uppercase; display: block; line-height: 25px; font-weight: 100; } .main-discount-wrapper { display: flex; } .only-price { color: #12b7c1; font-size: 29px; font-weight: 700; } .only-price span { font-size: 67px; font-weight: 700; } .only-price strike { color: #292929; font-size: 35px; font-weight: 400; } .arrow_box { position: relative; padding: 10px 0; border: 1px solid #12b7c1; margin-bottom: 20px; padding-left: 20px; } .arrow_box img { width: 53px; } .arrow_box:after, .arrow_box:before { top: 99%; left: 14%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(136, 183, 213, 0); border-top-color: #e0f8ff; border-width: 12px; margin-left: -35px; } .arrow_box:before { border-color: rgba(194, 225, 245, 0); border-top-color: #12b7c1; border-width: 14px; margin-left: -37px; } .details-content-wrapper .span-head-wrap .span-head { color: #f5243d; padding-top: 5px; font-size: 20px; font-weight: 700; } .details-content-wrapper .span-head-wrap { padding: 10px 0; } .arrow_box p { color: #151b39; font-size: 15px; } .arrow_box .book-wsp { color: #151b39; font-size: 18px; } .arrow_box .wsp-num { color: #151b39; font-size: 30px; line-height: 28px; } .arrow_flex { display: inline-flex; padding: 15px 10px; margin-right: 65px; margin-bottom: 20px; margin-top: 43px; } .arrow_flex>div { align-self: center; } .lab-details-wrapper { display: flex; padding: 10px 0; } .lab-details-section { position: relative; padding-right: 20px; border-right: 1px solid #bfbcbc; font-size: 16px; color: #151b39; padding-left: 38px; line-height: 20px; } .lab-details-section:last-child { border-right: none; padding-right: 0; } .lab-details-section:before { content: ""; background: url(https://mediwheel.in/assets/img/icons-radiology-sprite.png); width: 34px; height: 40px; position: absolute; margin-left: -33px; top: -10px; } .lab-details-section.lds-1:before { background-position: -257px -3px; } .lab-details-section.lds-2:before { background-position: -290px -0px; } .lab-details-section.lds-3:before { background-position: -325px -0px; } .diag-form-wrap { background-color: #fff; padding: 10px 21px; margin: 0 10px; border-radius: 6px; } .form-input-group label { font-size: 16px; line-height: 16px; color: #02b7c2; display: block; font-weight: 700; } .form-input-group input { border: none; border-bottom: 2px solid rgba(21, 27, 57, 0.04); width: 100%; font-size: 17px; color: #151b39; outline: none; line-height: 23px; } .form-input-group select { border: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background-size: 30px 60px; border-bottom: 1px solid #d1d1d1; height: 32px; padding-right: 25px; text-indent: 0.01em; width: 100%; } .diag-form-wrap h2 { color: #151b39; font-size: 25px; line-height: 22px; letter-spacing: 0.25px; text-align: center; margin-bottom: 20px; margin-top: 10px; font-weight: 400; } .diag-form-wrap p { color: #151b39; font-size: 15px; line-height: 24px; margin-bottom: 20px; font-weight: 400; } .form-input-group { margin-bottom: 25px; } .diagnosis_placeholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #02b7c2; font-size: 15px; font-weight: 700; } .diagnosis_placeholder::-moz-placeholder { /* Firefox 19+ */ color: #02b7c2; font-size: 15px; font-weight: 700; } .diagnosis_placeholder:-ms-input-placeholder { /* IE 10+ */ color: #02b7c2; font-size: 15px; font-weight: 700; } .diagnosis_placeholder:-moz-placeholder { /* Firefox 18- */ color: #02b7c2; font-size: 15px; font-weight: 700; } .button-wrapper { border-radius: 4px; margin-top: 20px; } .button-wrapper input { color: #fff; background-color: #24aeb1; width: 100%; border: none; border-radius: 4px; padding: 14px 0; font-weight: 400; } .radiology-tests-wrap { position: relative; display: flex; } .radiology-tests:before { content: ""; width: 35px; height: 36px; background: url("https://mediwheel.in/assets/img/icons-radiology-sprite.png") no-repeat; position: absolute; left: 0px; top: -7px; } .rt-0:before { background-position: -50px -6px; } .rt-1:before { background-position: -91px -6px; } .rt-2:before { background-position: -128px -6px; } .rt-3:before { background-position: -172px -6px; } .rt-4:before { background-position: -172px -6px; } .radiology-tests { padding-left: 36px; font-size: 20px; color: #151b39; } .radiology-tests:after { content: ""; position: absolute; background-image: -webkit-linear-gradient(left, transparent 0, #8c8c8c 23%, #8c8c8c 73%, transparent 100%); background-image: linear-gradient(left, transparent 0%, #8c8c8c 15%, #8c8c8c 85%, transparent 100%); height: 1px; width: 85px; transform: rotateZ(90deg); display: flex; align-self: center; left: 100px; top: 35px; } .m-right-margin div:first-child:after { content: none; } .test-start { color: #12b7c1; font-size: 17px; } .test-price s { color: #606060; font-size: 20px; } .test-price span { color: #f16122; font-size: 23px; font-weight: 900; } .r-tests { display: flex; flex-direction: row; justify-content: space-between; } /*get most from starts here */ .content-wrapper { background-color: #f6f6f7; padding-top: 30px; } .get-most-wrapper { background-color: #fff; padding: 15px 25px; } .get-most-wrapper span { font-size: 18px; color: #f6f6f7; font-weight: 700; color: rgba(21, 27, 57, 0.6); line-height: 42px; text-transform: uppercase; } .get-most-wrapper h2 { font-size: 28px; font-weight: bold; color: #151b39; } .get-most-wrapper p { font-size: 13px; color: rgba(21, 27, 57, 0.6); margin-bottom: 4px; text-align: center; } .test-icons { width: 98px; height: 98px; background-color: #edf8f9; border-radius: 52px; } .test-wrapper { display: flex; flex-flow: row wrap; padding-left: 50px; } .test-name:before { content: ""; background-color: wheat; width: 41px; height: 41px; position: absolute; margin-right: 29px; left: 1px; background: url(https://mediwheel.in/assets/img/icons-radiology-sprite.png) no-repeat; top: 23px; background-repeat: no-repeat; } .test-name.test-1:before { background-position: -172px -6px; } .test-name.test-2:before { background-position: -125px -2px; } .test-name.test-3:before { background-position: -172px -6px; } .test-name.test-4:before { background-position: -46px -57px; } .test-name.test-5:before { background-position: -92px -57px; } .test-name.test-6:before { background-position: -139px -43px; width: 28px; height: 58px; } .test-name.test-7:before { background-position: -159px -59px; } .test-name.test-8:before { background-position: -91px 1px; } .test-name.test-9:before { background-position: -248px -58px; } .test-name.test-10:before { background-position: -292px -58px; } .test-name { color: #151b39; font-size: 20px; font-weight: 400; align-self: center; padding-left: 20px; line-height: 38px; font-weight: bold; } /*flex box concept*/ .pad-top { width: 70%; padding-right: 20px; padding-top: 30px; padding-left: 70px; } /*flex box concept ends*/ .change-bg { background-color: #f6f6f7; margin-top: 30px; } .flexi-review-box { display: flex; justify-content: center; } .flexi-review-section { width: 100%; max-width: 25%; display: flex; margin: 15px; } .name-card-wrapper { display: flex; border-radius: 5px; justify-content: space-between; border-bottom: 1px dashed #12b7c1; } .fa.fa-star { color: #e7e8eb; } .star-group { align-self: center; } .checked { color: #12b7c1 !important; } .comment-name-wrap { border: 1px solid #9ce1e6; padding: 10px 20px; background-color: #fff; border-radius: 6px; -webkit-box-shadow: -1px 2px 12px 0px rgba(218, 213, 213, 0.75); -moz-box-shadow: -1px 2px 12px 0px rgba(218, 213, 213, 0.75); box-shadow: -1px 2px 12px 0px rgba(218, 213, 213, 0.75); } .name-card-wrapper .name, .comment-name-wrap .comment { color: #151b39; font-size: 19px; font-weight: 700; padding-bottom: 10px; } .name-card-wrapper .name span { color: #12b7c1; font-size: 15px; font-weight: 400; display: block; } .comment-name-wrap p { font-size: 14px; font-weight: 400; } .comment-name-wrap p:before, .comment-name-wrap p:after { display: inline-block; vertical-align: bottom; color: #151b39; font-size: 50px; top: 0.2em; position: relative; } .comment-name-wrap p:before { content: open-quote; } .comment-name-wrap p:after { content: close-quote; color: #fff; font-size: 4em; line-height: 0.1em; vertical-align: -0.4em; } /*Serviced locations*/ .city-list { display: flex; flex-flow: row wrap; justify-content: center; padding-bottom: 25px; } .city_name { border: 1px solid #24aeb1; padding: 14px 5px; font-size: 17px; font-weight: 900; color: #151b39; border-radius: 4px; flex: 1; margin: 5px; text-align: center; position: relative; } .city_name span { padding-left: 15px; } .city_name span:before { content: ""; width: 44px; height: 46px; top: 3px; left: 42px; position: absolute; background: url(https://mediwheel.in/assets/img/icons-radiology-sprite.png) no-repeat; } .cn-1 span:before { background-position: -333px -58px; } .cn-2 span:before { background-position: -391px -61px; width: 91px; left: 13px; } .cn-3 span:before { background-position: 0px -138px; width: 78px; left: 12px; } .cn-4 span:before { background-position: -89px -136px; width: 56px; left: 30px; } .cn-5 span:before { background-position: -146px -131px; } /*top selling blocks*/ .top-sell-wrap { display: flex; flex-flow: row; flex-wrap: wrap; padding: 0 10px; } .top-sell-wrap-item { flex: 1 0 20%; margin: 0 6px; display: flex; } .top-sell-wrap-item del { font-size: 14px; } .top-selling-blocks { padding: 20px; padding-bottom: 35px; } .top-selling-blocks h3 { font-size: 20px; color: #151b39; font-weight: 700; } .top-selling-blocks p { font-size: 14px; color: rgba(21, 27, 57, 0.6); height: 76px; } .top-selling-blocks .book-now { background-color: #fff; color: #24aeb1; border: none; font-weight: 700; padding: 8px 15px; font-size: 18px; } .top-selling-blocks span { color: #12b7c1; font-size: 22px; font-weight: 700; } .top-selling-blocks strike { color: rgba(21, 27, 57, 0.6); font-size: 17px; } .top-selling-blocks .button-wrap { margin-top: 10px; } .tsb-1 { background: #fff4eb; } .tsb-2 { background: #eafaff; } .tsb-3 { background: #f6fae8; } .tsb-4 { background: #ebfffc; } .tsb-5 { background: #ebfffc; } .tsb-6 { background: #f6fae8; } .tsb-7 { background: #eafaff; } .tsb-8 { background: #fff4eb; } .tsb { margin-bottom: 20px; border-radius: 6px; } /*Our highlights starts here */ .highlights-wrap { flex-basis: 0; flex-grow: 1; } .highlights-section-wrapper { padding: 10px 0; display: flex; justify-content: center; padding-top: 0px; } .highlights-section { background-color: #fff; padding: 15px 35px; border-radius: 8px; flex: 1 0 21%; margin: 7px; display: grid; } .highlights-content { position: relative; color: #151b39; font-size: 18px; font-weight: 700; display: table; margin: auto; padding-left: 70px; line-height: 50px; } .highlights-content b { font-size: 20px; } .highlights-section .highlights-content:before { content: ""; width: 60px; height: 57px; background: url(https://mediwheel.in/assets/img/icons-radiology-sprite.png); background-repeat: no-repeat; position: absolute; left: 0; } .highlights-section .highlights-content.hc-1:before { background-position: -198px -121px; } .highlights-section .highlights-content.hc-2:before { background-position: -257px -121px; } .highlights-section .highlights-content.hc-3:before { background-position: -314px -121px; } .highlights-section .highlights-content.hc-4:before { background-position: -376px -121px; background-repeat: no-repeat; } /*whatsapp section */ .bottom-wsp { color: #151b39; padding: 0 10px; margin: 0; } .bottom-wsp img { width: 50px; } .bottom-wsp .book-wsp { font-size: 17px; } .bottom-wsp .wsp-num { color: #fff; font-size: 22px; font-weight: 700; } .bottom-wsp span { display: block; text-align: left; } .diag-book-section { display: flex; background-color: #a1fbf0; text-align: center; justify-content: center; padding: 10px 0; margin-bottom: 15px; margin-left: -33px; margin-right: -33px; } .diag-book-section .button-wrap { align-self: center; padding-left: 5%; } .diag-book-section { background-color: #31b256 !important; } .diag-book-section .button-wrap .book-now { background-color: #ffffff !important; padding: 9px 20px; border: none; color: #000 !important; border-radius: 4px; font-size: 17px; font-weight: 700; } .best-prices { font-size: 14px; color: #000; padding-top: 18px; } .best-prices span { color: #f5243d; } .radiology-footer { background-color: #24aeb1; cursor: pointer; } .footer-list-wrap ul li a { font-size: 13px; color: #fff; text-decoration: none; } .footer-list-wrap ul { list-style-type: none; text-decoration: none; display: flex; justify-content: center; padding: 10px 0; margin: 0; flex-wrap: wrap; } .footer-list-wrap ul li { padding: 0 5px; border-right: 1px solid #fff; line-height: 10px; } .footer-list-wrap ul li:last-child { border-right: none; } .footer-list-wrap ul { margin-bottom: 0; padding-bottom: 0px; padding-top: 12px; } .footer-list-wrap { padding: 25px 0; } .footer-list-wrap ul:first-child { padding-top: 0; } .nabc-labs { color: #5cdfe2; } .brands-list { display: flex; margin: 0; justify-content: center; padding: 10px 0; } .brands-list li a { text-decoration: none; } .brands-list li { list-style-type: none; align-self: center; margin: 0 40px; } .line { width: 90%; } .brands-list-ext ul li { margin: 0 25px; } .brands-list-ext ul { justify-content: center; } @media only screen and (max-width: 1550px) { .details-content-wrapper { background-size: 55%; padding-left: 55%; } .netmeds-package .package-name span { font-size: 44px; } .netmeds-package .package-name { font-size: 36px; } .discount-type-offer { font-size: 46px; font-weight: 600; } .discount-type-offer .off { font-size: 37px; } .only-price { font-size: 27px; } .only-price strike { font-size: 33px; } .only-price span { font-size: 64px; } .arrow_box .book-wsp { font-size: 15px; } .arrow_box .wsp-num { font-size: 24px; } .lab-details-section { padding-right: 10px; font-size: 13px; } .diag-book-section .button-wrap .book-now { font-size: 17px; } .arrow_box:before { margin-left: -30px; top: 100%; } .arrow_box:after { margin-left: -28px; top: 100%; } .radiology-tests { font-size: 13px; } .r-line:after { left: 107px; top: 52px; height: 1px; width: 71px; } .test-start { font-size: 14px; } .test-price s { font-size: 16px; } .test-price span { font-size: 19px; } .form-input-group label { font-size: 15px; } .diag-form-wrap p { font-size: 14px; } .diag-form-wrap h2 { font-size: 22px; } .discount-type-offer .intro { font-size: 17px; line-height: 22px; } .test-name:before { top: 18px; } .test-name { font-size: 16px; line-height: 24px; } .get-most-wrapper span { font-size: 16px; line-height: 31px; } .get-most-wrapper h2 { font-size: 26px; text-align: center; } .top-selling-blocks p { font-size: 13px; } .top-selling-blocks span { font-size: 21px; } .top-selling-blocks .book-now { font-size: 17px; } .highlights-content { font-size: 17px; } .highlights-section { padding: 15px 25px; } .highlights-wrap { flex-basis: 0; flex-grow: 1; } /*edited for swiper */ .flexi-review-section { width: 100%; /* max-width: 25%; */ display: flex; margin: 15px; } .swiper-slide { flex-shrink: 0; width: 27%; margin: 15px; display: grid; } .review-card.flexi-review-section { max-width: 100% !important; } } @media only screen and (min-width:1200px) and (max-width:1300px) { .radiology-tests { font-size: 15px; } .radiology-tests:after { width: 50px; } .test-price s { font-size: 14px; } .top-selling-blocks h3 { font-size: 18px; } .top-selling-blocks .book-now { font-size: 15px; } .top-selling-blocks span { font-size: 18px; } .test-price span { font-size: 16px; } .test-start { font-size: 13px; padding-top: 9px; } .city_name span { padding-left: 25px; } .arrow_box .wsp-num { font-size: 21px; } .only-price { font-size: 26px; } .tsb { background-size: 60%; } .arrow_flex { margin-right: 22px; } .lab-details-section { line-height: 19px; } .details-content-wrapper { background-position: top left; } .only-price span { font-size: 53px; } .only-price strike { font-size: 29px; } .lab-details-section { padding-right: 10px; font-size: 12px; } .highlights-content { font-size: 16px; } .comment-name-wrap p { font-size: 14px; font-weight: 400; } .diag-book-section .button-wrap .book-now { font-size: 19px; } .bottom-wsp .wsp-num { font-size: 24px; } .bottom-wsp .book-wsp { font-size: 16px; } .highlights-section { padding: 15px 25px; } .tests-type .swiper-slide { padding-right: 0px; } } @media only screen and (max-width: 1023px) { body { overflow-x: hidden; } .r-tests { flex-wrap: wrap; display: flex; justify-content: space-between; flex: 0 50%; } .radiology-tests-wrap:nth-of-type(even) .r-line .radiology-tests:after { position: relative; content: none; display: none; } .radiology-tests-wrap { margin-bottom: 27px; flex: 0 43%; margin-left: 10px; } .test-price span { font-size: 16px; } .radiology-tests:after { width: 36px; } .radiology-tests:after { left: 131px; } .test-price s { font-size: 14px; } .test-start { font-size: 12px; padding-top: 12px; } .radiology-tests { font-size: 15px; } .diag-container { padding: 0 10px; } .diag-header-wrapper img { width: 45px; } .diag-header-wrapper .logo { display: none; } .top-selling-blocks.tsb { width: 100%; } .comment-name-wrap { width: 100%; } .package-head-wrap { flex-flow: column; } .get-most-wrapper h2 { font-size: 20px; } .get-most-wrapper p { font-size: 12px; } .test-name { font-size: 13px; padding-left: 30px; line-height: 17px; } .test-wrapper { display: flex; flex-flow: column; padding-left: 0; } .flexi-review-box { flex-flow: column; } .flexi-review-section { max-width: 100%; margin: 0; margin-bottom: 15px; } .top-sell-wrap { flex-flow: column; } .highlights-section .highlights-content:before { content: ""; width: 60px; height: 58px; left: 9px; top: -45px; text-align: center; } .diag-book-section { flex-flow: column; } .highlights-content { line-height: 24px; padding-left: 0; font-size: 12px; padding-top: 15px; } .highlights-wrap { padding: 15px; margin: 25px 0px; flex: 0 50%; text-align: center; } .highlights-section { margin: 0; padding: 0; } .highlights-section-wrapper { flex-wrap: wrap; justify-content: center; background-color: #fff; border-radius: 10px; margin-bottom: 25px; padding-bottom: 0; padding-top: 37px; } .arrow_flex.bottom-wsp { padding: 0px; margin-right: 0; align-self: center; } .bottom-wsp .wsp-num { font-size: 21px; } .bottom-wsp .book-wsp { font-size: 14px; } .package-form-section { width: 100%; } .netmeds-package { padding-left: 0; flex-direction: column; } .pad-top { width: 100%; padding-right: 0; padding: 0 10px; } .package-details-section { width: 100%; } .netmeds-package .package-name { display: inline; } .netmeds-package .package-name span { font-size: 24px; line-height: 20px; } .netmeds-package p { font-size: 10px; } .netmeds-package p span { font-size: 11px; padding: 1px 5px; border-radius: 3px; } .details-content-wrapper { background-repeat: no-repeat; background-size: 41%; padding-left: 40%; background-position: bottom left; } .vertical-stripes { height: 40px; width: 41px; border-radius: 30px; } .vertical-stripes .discount-type { font-size: 12px; left: 21px; top: 29px; padding: 0px 2px; } .np { margin: 20px 0px; text-align: center; } .netmeds-package .package-name { font-size: 21px; line-height: 24px; } .discount-type-offer { line-height: 34px; font-size: 30px; } .discount-type-offer .off { font-size: 19px; } .heading-offer { display: flex; justify-content: center; margin: 0; } .discount-type-offer .intro { font-size: 10px; line-height: 22px; } .only-price { font-size: 19px; } .only-price strike { font-size: 16px; } .only-price span { font-size: 22px; } .details-content-wrapper .span-head-wrap .span-head { font-size: 14px; } .arrow_flex { padding: 0px 7px; margin-right: 20px; } .arrow_box:before { margin-left: -29px; left: 22%; border-width: 10px; } .arrow_box .book-wsp { font-size: 10px; } .arrow_box .wsp-num { font-size: 14px; line-height: 18px; } .arrow_box:after { margin-left: -28px; left: 22%; border-width: 9px; } .lab-details-wrapper { display: none; } .swiper-slide { width: 100% !important; margin: 0 !important; margin-right: 20px !important; padding: 15px; } .swiper-pagination-bullet { border-radius: 2px !important; width: 15px !important; height: 2px !important; } .top-sell-wrap-item { margin: 0; } .swiper-pagination-bullet-active { opacity: 1; background: #12b7c1 !important; } .top-sell .swiper-slide { margin: 0; } .toggle-tests { display: block; text-align: center; color: #24aeb1 !important; } .arrow_box.arrow_flex { display: none; } .tests-type .swiper-wrapper { margin-bottom: 20px !important; } .tests-type .swiper-slide { padding-right: 30px; } .diag-book-section .button-wrap .book-now { font-size: 15px; } .brands-list { flex-wrap: wrap; } .brands-list li { margin: 15px 0; flex: 0 50%; } .brands-list-ext ul li { margin: 15px 0; flex: 0 50%; } .city_name span:before { left: 54px; } .cn-4 span:before { left: 51px; } .cn-3 span:before { left: 40px; } .cn-2 span:before { left: 41px; } .cn-1 span:before { background-position: -333px -58px; } .city-list { flex-flow: column wrap; } } .slider { width: 100%; height: 135px; position: relative; margin: auto; overflow-x: scroll; overflow-y: hidden; } .slider::-webkit-scrollbar { display: none; } .slider .slide { display: flex; position: absolute; left: 0; transition: 0.3s left ease-in-out; } .slider .item { margin-right: 10px; margin-right: 31px; border: 1px solid #0c9ca3; height: 110px; /* height: 101%; */ margin-top: 10px; /* margin-bottom: 55px !important; */ /* padding-bottom: 13px !important; */ border-radius: 15px; box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px; } .slider .item:last-child { margin-right: 0; } .ctrl { text-align: center; margin-top: 5px; } .ctrl-btn { padding: 6px 7px; min-width: 50px; background: #fff; border: none; font-weight: 600; text-align: center; cursor: pointer; outline: none; position: absolute; top: 55%; margin-top: -27.5px; } .ctrl-btn.pro-prev { left: 0; } .ctrl-btn.pro-next { right: 0; } .new { display: none; } #myBtn1 { width: 200px; color: #fc8019; display: block; text-align: center; background-color: #fc8019; transition: .3s; } #myBtn:hover { background-color: #0098ab; text-decoration: none; } .noContent { color: #fc8019 !important; background-color: transparent !important; pointer-events: none; display: none; } @media (max-width: 1199px) { .slider-codepen .slider { height: 172px !important; } .slider-codepen .col-md-12 .form-group { width: 42% !important; } .tabContgapBot .tab-content .pkgCardBox { padding: 9px 8px; height: 153px; } .price a { padding: 5px 1px !important; } .content-voilence .search-list-height .packbox .price_blockk .price a { font-size: 10px !important; } .pkgCardBox .priceSec span.offer { right: -19px; } } @media (max-width: 991px) { .col-lg-5 { width: 100%; } .form-group { width: 22% !important; } #DivMobile { width: 22%; } #city { width: 22%; } .hero-section .otp-main { width: 20%; display: inline-block; } .to-hai { display: none; } .customLgContent .pathlogy-test .owl-stage .owl-item .item h4 { font-size: 12px; } .content-voilence .search-list-height .packbox .price_blockk .price a { font-size: 14px !important; margin-left: 14px; } .content-voilence .titleblock .price a { padding: 7px 22px !important; } .slider-codepen .center { padding: 0 0; } } @media (max-width: 767px) { .slider-codepen .slider { height: 150px !important; } #city { width: 27% !important; } .customLgContent .pathlogy-test .owl-stage .owl-item .item h4 { font-size: 11px; } .content-voilence .search-list-height .packbox .price_blockk .price a { font-size: 10px !important; margin-left: 0; } .content-voilence .titleblock .price a { padding: 6px 7px !important; } .tabContgapBot .tab-content .pkgCardBox { height: 148px; } } @media (max-width: 575px) { .slider-codepen .slider { height: 124px !important; } .col-sm-3 { width: 100% !important; margin-bottom: 10px; } .content-voilence .search-list-height .packbox .price_blockk .price a { font-size: 15px !important; margin-left: 22px; } .content-voilence .titleblock .price a { padding: 7px 27px !important; } .tabContgapBot .tab-content .pkgCardBox { padding: 9px 23px; } .top_nav li:nth-child(5) { display: block !important; } } @media (max-width: 480px) { .slider-codepen .slider { height: 93px !important; } .form-group { width: 49% !important; } #DivMobile { width: 49% !important; } #city { width: 100% !important; } .hero-section .otp-main { width: 100%; } .tabContgapBot .tab-content .pkgCardBox { padding: 9px 8px; } .content-voilence .search-list-height .packbox .price_blockk .price a { font-size: 12px !important; margin-left: 0 !important; } .diag-book-section { display: block; margin-left: 0; margin-right: 0; } } /* Extracted from */ .disminititle { font-size: 20px; font-weight: 700; margin: 15px 0; text-transform: uppercase; } /* Extracted from */ .alert{ padding: 10px; font-size: 18px; } /* Extracted from */ /* Header styling */ .content-header { /*margin-bottom: 1.5rem;*/ text-align: center; } .content-header h4 { font-size: 2rem; color: #333; display: flex; align-items: center; /*justify-content: center;*/ margin: 10px; font-weight: 700; position: relative; } .content-header h4::before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #007bff, #00d084); transform: translateY(-50%); border-radius: 4px; display:none; } .content-header i { margin-right: 0.75rem; color: #FF5722; font-size: 1.8rem; } /* Form box styling */ .box { background: #ffffff; border-radius: 16px; padding: 2rem; border: 1px solid #e0e0e0; position: relative; overflow: hidden; margin-bottom: 2.5rem; } .box::before { content: ""; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: linear-gradient(145deg, rgba(0, 0, 0, 0.05), transparent); border-radius: 16px 0 0 16px; z-index: 0; } .box-header { margin-bottom: 1.5rem; position: relative; z-index: 1; } .form-check { margin-bottom: 1.5rem; display: flex; align-items: center; z-index: 1; } .form-check-input { margin-right: 1rem; accent-color: #00d084; } .form-check-label { font-size: 1rem; color: #333; z-index: 1; } .form-group { margin-bottom: 1.5rem; z-index: 1; } .form-group label { display: block; font-weight: 500; margin-bottom: 0.5rem; color: #555; z-index: 1; } .form-control { border: 1px solid #ddd; border-radius: 8px; padding: 0.75rem; background: #f9f9f9; box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.1); transition: border-color 0.3s ease, box-shadow 0.3s ease; z-index: 1; } .form-control:focus { border-color: #007bff; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.25); outline: none; } .form-control { display: block; width: 50%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .form-text { font-size: 0.875rem; color: #6c757d; z-index: 1; } #submit-btn { background-color: #16a7b7; border: none; color: #fff; font-size: 1.1rem; padding: 0.75rem 1.5rem; border-radius: 8px; cursor: pointer; transition: background-color 0.3s ease, transform 0.2s ease; display: block; width: 25%; text-align: center; position: relative; z-index: 1; } .box::before { content: ""; position: relative !important; top: 0; right: 0; width: 50%; height: 100%; /* background: linear-gradient(145deg, rgba(0, 0, 0, 0.05), transparent); */ border-radius: 16px 0 0 16px; z-index: 0; background-color: #ffffff !important; } #submit-btn:hover { background-color: #0056b3; } #submit-btn:active { transform: scale(0.98); } /* Extracted from */ .loader { border: 4px solid #f3f3f3; /* Light gray */ border-top: 4px solid #3498db; /* Blue color */ border-radius: 50%; width: 30px; /* Small size */ height: 30px; /* Small size */ animation: spin 1s linear infinite; /* Animation for spinning */ margin: 10px auto; /* Center the loader */ } /* Spin animation */ @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* General table styling */ .table { width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; color: #333; } .table th, .table td { padding: 12px; text-align: left; border: 1px solid #ddd; } /* Header styling */ .table th { background-color: #16a7b7; color: white; font-weight: bold; text-transform: uppercase; } /* Zebra striping for rows */ .table tr:nth-child(odd) { background-color: #f9f9f9; } .table tr:nth-child(even) { background-color: #ffffff; } /* Hover effect */ .table tr:hover { background-color: #f1f1f1; cursor: pointer; } /* Specific column styling */ .table td.text-center { text-align: center; } /* Custom file input styling */ .table td input[type="file"] { display: none; } .button-label { display: inline-block; background-color: #16a7b7; color: white; font-size: 14px; font-weight: bold; padding: 8px 16px; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; width: 100%; } .button-label:hover { background-color: #13929e; } .button-label:active { background-color: #117d88; } /* Loader design */ .loader { border: 4px solid #f3f3f3; border-top: 4px solid #16a7b7; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; margin: auto; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Responsive adjustments */ @media (max-width: 768px) { .table th, .table td { font-size: 12px; padding: 8px; } } /* Overall Table Design */ .table { width: 100%; border-collapse: collapse; font-family: 'Arial', sans-serif; background-color: #fff; border-radius: 8px; overflow: hidden; } .table th, .table td { padding: 15px 20px; text-align: left; border-bottom: 1px solid #ddd; font-size: 14px; } .table th { background-color: #16a7b7; color: white; font-weight: bold; text-transform: uppercase; } /* Zebra Striped Rows */ .table tr:nth-child(odd) { background-color: #f9f9f9; } .table tr:nth-child(even) { background-color: #ffffff; } .table tr:hover { background-color: #f0f0f0; } /* Column with centered content */ .table td.text-center { text-align: center; } /* File Upload Button Design */ input[type="file"] { display: none; /* Hide the default file input */ } label.upload-btn { display: inline-block; background-color: #16a7b7; color: white; font-size: 14px; font-weight: bold; padding: 12px 20px; border-radius: 5px; cursor: pointer; transition: all 0.3s ease; position: relative; text-align: center; width: 160px; } label.upload-btn:hover { background-color: #14939e; } label.upload-btn:active { background-color: #0e787d; } /* Success Icon */ label.upload-btn .success-icon { position: absolute; top: 0; right: 0; width: 28px; height: 28px; background-color: #4CAF50; border-radius: 50%; display: none; justify-content: center; align-items: center; } label.upload-btn .success-icon i { color: white; font-size: 16px; } label.upload-btn.success .success-icon { display: flex; } /* Loader Styling */ .loader { border: 4px solid #f3f3f3; border-top: 4px solid #16a7b7; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; margin: 0 auto; display: none; /* Hidden initially */ } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Row Styling for the Table */ .table tr:nth-child(odd) td { background-color: #f7f7f7; } .table tr:nth-child(even) td { background-color: #ffffff; } /* Responsive Design */ @media (max-width: 768px) { .table th, .table td { font-size: 12px; padding: 8px; } label.upload-btn { padding: 8px 14px; font-size: 12px; width: auto; } } .oprational-area { padding: 8px 12px; border-radius: 8px; } .oprational-area .form-check { margin-bottom: 8px; } .form-check-input.hospital_status { cursor: pointer; transform: scale(1.1); margin-top: 2px; } .form-check-label { font-weight: 500; color: #333; padding-left: 6px; } .success-message { margin-top: 10px; border-left: 4px solid #28a745; background-color: #e9f9ef; padding: 10px 12px; border-radius: 8px; position: relative; animation: fadeIn 0.5s ease-in-out; } .success-message .text-success { display: flex; align-items: center; font-weight: 500; color: #155724; } .success-message .fa-check { margin-right: 6px; color: #28a745; font-size: 16px; } .success-message .message b { color: #000; } .edit-button { margin-top: 8px; font-size: 14px; padding: 4px 10px; border-radius: 6px; display: inline-flex; align-items: center; transition: background 0.3s ease; } .edit-button:hover { background-color: #007bff; color: white; border-color: #007bff; } .edit-button .fa-pencil { font-size: 14px; } .report_upload { margin-top: 10px; } .report_done { display: none; background: #467047; padding: 2px; border-radius: 10px; font-size: 20px; color: #0ce33d; text-align: center; } /* Animation for message appearance */ @keyframes fadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } /* Extracted from */ .manage{ margin-top: 30px; color: #fff !important; background-color: #00BCD4 !important; border-color: #00BCD4 !important; } /* Extracted from */ .form-input span { position: relative; top: 30%; left: 10px; transform: translateY(-50%); color: red; font-size: 13px; } /* Extracted from */ .pos-demo, .header { display: none !important; } .single-signup-status-wrap { min-height: 100vh; position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(circle at 18% 12%, rgba(25, 169, 184, 0.14), transparent 28%), radial-gradient(circle at 82% 0%, rgba(15, 127, 141, 0.12), transparent 24%), linear-gradient(180deg, #eef7fb 0%, #f8fbfd 46%, #edf3f7 100%); padding-bottom: 48px; } .single-signup-status-wrap::before, .single-signup-status-wrap::after { content: ''; position: absolute; width: 320px; height: 320px; border-radius: 50%; filter: blur(8px); pointer-events: none; z-index: 0; } .single-signup-status-wrap::before { right: -120px; top: 170px; background: rgba(25, 169, 184, 0.08); } .single-signup-status-wrap::after { left: -140px; bottom: 60px; background: rgba(15, 127, 141, 0.08); } .single-signup-status-header { position: relative; z-index: 1; background: linear-gradient(135deg, #19a9b8 0%, #16a0af 100%); box-shadow: 0 10px 28px rgba(15, 63, 79, 0.14); padding: 18px 0; } .single-signup-status-header .container { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; } .single-signup-brand { background: #fff; border-radius: 14px; padding: 12px 22px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); } .single-signup-brand img { max-width: 250px; width: 100%; height: auto; display: block; } .single-signup-user { display: flex; align-items: center; gap: 14px; color: #fff; background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 20px; padding: 10px 14px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08); backdrop-filter: blur(8px); } .single-signup-user img { width: 58px; height: 58px; border-radius: 14px; object-fit: cover; box-shadow: 0 10px 18px rgba(0, 0, 0, 0.18); } .single-signup-user .label { display: block; font-size: 15px; opacity: 0.9; margin-bottom: 2px; } .single-signup-user .name { display: block; font-size: 18px; font-weight: 700; line-height: 1.2; text-transform: uppercase; } .single-signup-status-body { position: relative; z-index: 1; padding-top: 42px; } .single-signup-status-card { position: relative; overflow: hidden; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 28px; box-shadow: 0 20px 60px rgba(16, 42, 67, 0.12); padding: 34px 32px 30px; max-width: 1100px; margin: 0 auto; } .single-signup-status-card::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 6px; background: linear-gradient(90deg, #19a9b8 0%, #0f7f8d 100%); } .single-signup-status-badge { display: inline-flex; align-items: center; gap: 10px; padding: 9px 16px; border-radius: 999px; background: rgba(25, 169, 184, 0.12); color: #0f7f8d; font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 22px; } .single-signup-status-badge .dot { width: 10px; height: 10px; border-radius: 50%; background: #19a9b8; box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.55); flex: 0 0 auto; } .single-signup-status-hero { text-align: center; margin-bottom: 22px; } .single-signup-status-copy { max-width: 820px; margin: 0 auto; } .single-signup-status-card h1 { color: #17324d; font-size: clamp(32px, 4vw, 44px); font-weight: 800; line-height: 1.08; margin: 0 0 10px; letter-spacing: -0.02em; } .single-signup-status-intro { margin: 0 auto; color: #4a657d; font-size: 16px; line-height: 1.7; max-width: 62ch; } .single-signup-report-box { border-radius: 22px; border: 1px solid rgba(16, 42, 67, 0.08); background: linear-gradient(180deg, #f9fcfd 0%, #ffffff 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65); overflow: hidden; } .single-signup-report-head { display: grid; grid-template-columns: 1.8fr 1fr 0.7fr; gap: 16px; padding: 16px 20px; background: #eaf7f9; color: #0f7f8d; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; font-size: 12px; } .single-signup-report-row { display: grid; grid-template-columns: 1.8fr 1fr 0.7fr; gap: 16px; align-items: center; padding: 18px 20px; border-top: 1px solid rgba(16, 42, 67, 0.06); } .single-signup-report-row:nth-child(even) { background: rgba(25, 169, 184, 0.03); } .report-name { display: flex; flex-direction: column; gap: 4px; } .report-name .title { font-size: 16px; font-weight: 700; color: #17324d; word-break: break-word; } .report-name .path { font-size: 13px; color: #6b859d; word-break: break-word; } .report-date { color: #4a657d; font-size: 14px; font-weight: 600; } .report-action { text-align: right; } .report-action a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 118px; padding: 11px 16px; border-radius: 999px; background: linear-gradient(135deg, #19a9b8 0%, #0f7f8d 100%); color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; box-shadow: 0 10px 20px rgba(15, 127, 141, 0.18); } .single-signup-help-card { margin-top: 24px; border-radius: 18px; padding: 22px 24px; background: linear-gradient(180deg, #f6fbff 0%, #eefbfc 100%); border: 1px solid rgba(25, 169, 184, 0.18); box-shadow: 0 12px 24px rgba(25, 169, 184, 0.08); } .single-signup-help-card h3 { color: #0f7f8d; font-size: 22px; font-weight: 700; margin-bottom: 10px; } .single-signup-help-card p { color: #35506c; margin: 0; line-height: 1.7; font-size: 16px; } .single-signup-report-empty { padding: 28px 20px; text-align: center; color: #4a657d; font-size: 16px; } @media (max-width: 767px) { .single-signup-status-header .container { justify-content: center; text-align: center; } .single-signup-user { justify-content: center; } .single-signup-status-card { padding: 28px 20px; border-radius: 18px; } .single-signup-status-badge { margin-left: auto; margin-right: auto; } .single-signup-status-card h1 { font-size: 28px; } .single-signup-report-head { display: none; } .single-signup-report-row { grid-template-columns: 1fr; gap: 8px; } .report-action { text-align: left; } .report-action a { width: 100%; } } /* Extracted from */ #pagination { margin: 40 40 0; } ul.tsc_pagination li a { border: solid 1px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 6px 9px 6px 9px; } ul.tsc_pagination li { padding-bottom: 1px; } ul.tsc_pagination li a:hover, ul.tsc_pagination li a.current { color: #FFFFFF; box-shadow: 0px 1px #EDEDED; -moz-box-shadow: 0px 1px #EDEDED; -webkit-box-shadow: 0px 1px #EDEDED; } ul.tsc_pagination { margin: 4px 0; padding: 0px; height: 100%; overflow: hidden; font: 12px 'Tahoma'; list-style-type: none; } ul.tsc_pagination li { float: left; margin: 0px; padding: 0px; margin-left: 5px; } ul.tsc_pagination li a { color: black; display: block; text-decoration: none; padding: 7px 10px 7px 10px; } ul.tsc_pagination li a img { border: none; } ul.tsc_pagination li a { color: #0A7EC5; border-color: #8DC5E6; background: #F8FCFF; } ul.tsc_pagination li a:hover, ul.tsc_pagination li a.current { text-shadow: 0px 1px #388DBE; border-color: #3390CA; background: #58B0E7; background: -moz-linear-gradient(top, #B4F6FF 1px, #63D0FE 1px, #58B0E7); background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #B4F6FF), color-stop(0.02, #63D0FE), color-stop(1, #58B0E7)); } /* Extracted from */ .each-doctor-card { margin-bottom: 20px; } .card { border: none; border-radius: 15px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; overflow: hidden; background-color: #ffffff; height: 100%; /* Ensure cards have equal height */ } .card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); } .card-body { padding: 15px; /* Reduced padding */ } .doctors-image { border-radius: 50%; border: 2px solid #16a7b7; object-fit: cover; width: 70px; /* Reduced image size */ height: 70px; /* Reduced image size */ transition: transform 0.3s ease; } .card:hover .doctors-image { transform: scale(1.05); } h6 { font-size: 18px; font-weight: bold; color: #333; } .text-secondary { color: #666; } .font-14 { font-size: 14px; color: #555; } .experience-icon { color: #28a745; margin-right: 5px; } .card-footer { background-color: #f9f9f9; border-top: none; padding: 10px; /* Reduced padding */ } .btn-link { color: #007bff; font-size: 14px; text-decoration: none; } .btn-link:hover { text-decoration: none; } .btn:hover { color: #ffffff; } .manage { border: none; background-color: #fff; } .styled-heading { font-size: 40px; margin-bottom: 30px; color: #45627a; } .btn-brand-gradient { background: linear-gradient(45deg, #16a7b7, #16a7b7); color: white; border: none; border-radius: 50px; padding: 8px 15px; /* Adjusted padding */ font-weight: bold; transition: background 0.3s ease, transform 0.3s ease; } .ml-3 { padding: 5px; } .btn-brand-gradient:hover { background: linear-gradient(45deg, #16a7b7, #16a7b7); transform: translateY(-2px); } @media (max-width: 576px) { .doctors-image { width: 50px; /* Further reduced image size for small screens */ height: 50px; /* Further reduced image size for small screens */ } h6 { font-size: 16px; } .font-14 { font-size: 12px; } } /* Extracted from */ @media (max-width: 767px) { .healthlevel { margin-top: 0px; margin-bottom: 5px; width: 94%; margin-left: 5px } @media (max-width: 767px) { .registerbtn { background-color: #008000; color: white; padding: 10px 21px; margin: -4px 1px 3px 18px; border: none; cursor: pointer; width: 89%; opacity: 0.9; font-size: 21px; border-radius: 5px; } @media (max-width: 767px) { input[type=text], input[type=password], textarea { width: 88%; padding: 15px; margin: 5px 0 5px 19px; display: inline-block; border: none; background: #f1f1f1; box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px; } /* Extracted from */ #mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; } #boxes .window { position:absolute; left:0; top:0; width:440px; height:200px; display:none; z-index:9999; padding:20px; border-radius: 15px; text-align: center; } #boxes #dialog { width:450px; height:auto; padding:10px; background-color:#ffffff; font-family: 'Segoe UI Light', sans-serif; font-size: 15pt; } .maintext{ text-align: center; font-family: "Segoe UI", sans-serif; text-decoration: none; } body{ background: url('bg.jpg'); } #lorem{ font-family: "Segoe UI", sans-serif; font-size: 12pt; text-align: left; } #popupfoot{ font-family: "Segoe UI", sans-serif; font-size: 16pt; padding: 10px 20px; } #popupfoot a{ text-decoration: none; } .agree:hover{ background-color: #D1D1D1; } .popupoption:hover{ background-color:#D1D1D1; color: green; } .popupoption2:hover{ color: red; } /*popup style */ body { text-align: center; padding: 40px 0; background: #EBF0F5; } h1 { color: #88B04B; font-family: "Nunito Sans", "Helvetica Neue", sans-serif; font-weight: 900; font-size: 40px; margin-bottom: 10px; } p { color: #404F5E; font-family: "Nunito Sans", "Helvetica Neue", sans-serif; font-size:20px; margin: 0; } i { color: #9ABC66; font-size: 100px; line-height: 200px; margin-left:-15px; } .card { background: white; padding: 60px; border-radius: 4px; box-shadow: 0 2px 3px #C8D0D8; display: inline-block; margin: 0 auto; } /* Extracted from */ .booking-thankyou { position: relative; overflow: hidden; padding: 72px 0 88px; background: radial-gradient(circle at top left, rgba(22, 167, 183, 0.18), transparent 32%), radial-gradient(circle at bottom right, rgba(255, 159, 67, 0.16), transparent 28%), linear-gradient(180deg, #f8fcfd 0%, #ffffff 100%); min-height: 70vh; } .booking-thankyou__bg { position: absolute; border-radius: 999px; pointer-events: none; opacity: 0.55; filter: blur(2px); } .booking-thankyou__bg--one { width: 240px; height: 240px; top: -90px; left: -60px; background: rgba(22, 167, 183, 0.12); } .booking-thankyou__bg--two { width: 320px; height: 320px; right: -120px; bottom: -140px; background: rgba(255, 159, 67, 0.12); } .booking-thankyou__shell { position: relative; z-index: 1; max-width: 860px; margin: 0 auto; padding: 56px 42px 44px; text-align: center; background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(22, 167, 183, 0.12); border-radius: 28px; box-shadow: 0 24px 60px rgba(18, 39, 49, 0.08); backdrop-filter: blur(10px); } .booking-thankyou__icon { width: 112px; height: 112px; margin: 0 auto 20px; } .booking-thankyou__icon svg { width: 100%; height: 100%; display: block; } .booking-thankyou__icon circle { fill: rgba(22, 167, 183, 0.06); stroke: #16a7b7; stroke-width: 2.5; } .booking-thankyou__icon path { fill: none; stroke: #16a7b7; stroke-linecap: round; stroke-linejoin: round; stroke-width: 5; } .booking-thankyou__eyebrow { margin: 0 0 10px; color: #16a7b7; font-size: 13px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; } .booking-thankyou h1 { margin: 0; color: #17313a; font-size: clamp(30px, 4vw, 48px); font-weight: 800; line-height: 1.15; } .booking-thankyou__lead { max-width: 680px; margin: 18px auto 0; color: #4f6670; font-size: 17px; line-height: 1.7; } .booking-thankyou__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 30px; } .booking-thankyou__card { text-align: left; padding: 20px 22px; background: linear-gradient(180deg, #f7fbfc 0%, #ffffff 100%); border: 1px solid rgba(22, 167, 183, 0.12); border-radius: 18px; } .booking-thankyou__card span { display: block; margin-bottom: 8px; color: #17313a; font-size: 15px; font-weight: 700; } .booking-thankyou__card p { margin: 0; color: #60737b; font-size: 14px; line-height: 1.7; } .booking-thankyou__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; margin-top: 32px; } .booking-thankyou__btn { display: inline-flex; align-items: center; justify-content: center; min-width: 162px; padding: 14px 24px; border-radius: 999px; font-size: 15px; font-weight: 700; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease; } .booking-thankyou__btn:hover { transform: translateY(-1px); text-decoration: none; } .booking-thankyou__btn--primary { color: #ffffff; background: linear-gradient(135deg, #16a7b7 0%, #0f8e9d 100%); box-shadow: 0 14px 28px rgba(22, 167, 183, 0.24); } .booking-thankyou__btn--secondary { color: #16a7b7; background: #ffffff; border: 1px solid rgba(22, 167, 183, 0.28); } @media (max-width: 767px) { .booking-thankyou { padding: 42px 0 56px; } .booking-thankyou__shell { padding: 34px 20px 28px; border-radius: 22px; } .booking-thankyou__cards { grid-template-columns: 1fr; } .booking-thankyou__btn { width: 100%; } } /* Extracted from */ /* General Styles */ body { font-family: "Poppins", sans-serif; margin: 0; padding: 0; background-color: #f8f9fa; } .box-primary { background-color: #ffffff; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); padding: 20px; border: 1px solid #e0e0e0; margin-bottom: 100px; } .box-header { margin-bottom: 20px; } label { font-size: 16px; font-weight: 500; color: #333; margin-bottom: 8px; display: block; } input[type="file"] { width: 100%; padding: 10px; font-size: 14px; border: 1px solid #ddd; border-radius: 5px; transition: all 0.3s ease; } input[type="file"]:hover, input[type="file"]:focus { border-color: #007bff; outline: none; box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); } input[type="submit"] { background-color: #007bff; color: #fff; font-size: 16px; font-weight: bold; padding: 10px 15px; border: none; border-radius: 5px; cursor: pointer; transition: all 0.3s ease; } input[type="submit"]:hover { background-color: #0056b3; } input[type="submit"]:active { background-color: #004085; } .form-group { margin-bottom: 20px; } /* Responsive Design */ @media (max-width: 768px) { input[type="submit"] { width: 100%; padding: 12px; } .box-primary { padding: 15px; } } /* Extracted from */ .collapse { visibility: visible; } /* Extracted from */ /* General Reset */ body, html { margin: 0; padding: 0; font-family: 'Arial', sans-serif; box-sizing: border-box; } /* Background Styling */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; /*background: linear-gradient(135deg, #16a7b7, #f16022);*/ overflow: hidden; color: #ffffff; } /* Box Container */ .thank-you-box { text-align: center; background: #ffffff; color: #333; border-radius: 12px; padding: 2rem; max-width: 450px; width: 90%; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); animation: slideIn 1s ease-in-out; position: relative; z-index: 2; } /* Icon Styling */ .thank-you-icon { width: 100px; height: 100px; margin: 0 auto 1rem auto; background: #16a7b7; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 3rem; color: #ffffff; animation: bounce 1.5s infinite ease-in-out; } /* Heading Styling */ .thank-you-box h1 { font-size: 2.5rem; margin-bottom: 1rem; color: #16a7b7; } /* Paragraph Styling */ .thank-you-box p { font-size: 1rem; margin-bottom: 1.5rem; line-height: 1.5; color: #555; } /* Button Styling */ .back-button { text-decoration: none; display: inline-block; padding: 0.8rem 2rem; font-size: 1rem; color: #ffffff; background: #16a7b7; border-radius: 5px; transition: background 0.3s ease, transform 0.3s ease; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); } .back-button:hover { background: #f16022; transform: scale(1.05); } /* Floating Background Circles */ .circle { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.15); animation: float 6s infinite ease-in-out; z-index: 1; } .circle.small { width: 100px; height: 100px; top: 20%; left: 15%; } .circle.medium { width: 150px; height: 150px; bottom: 25%; right: 10%; } .circle.large { width: 200px; height: 200px; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* Animations */ @keyframes slideIn { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } } @keyframes float { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-20px) rotate(45deg); } 100% { transform: translateY(0) rotate(90deg); } } /* Extracted from */ /* General Styling */ .box-primary { background: #f9f9f9; border: 1px solid #ddd; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); padding: 20px; font-family: 'Arial', sans-serif; } labe { font-weight: bold; color: #333; margin-bottom: 8px; display: block; position: relative; padding-left: 30px; } /* Add Icons with Pseudo-elements */ labe::before { content: ''; display: inline-block; width: 20px; height: 20px; background-size: cover; position: absolute; left: 0; top: 0; margin-top: 2px; } /* Specific Icons for Each Field */ labe[for="city_id"]::before { background-image: url('https://cdn-icons-png.flaticon.com/512/25/25694.png'); /* City Icon */ } labe[for="hospital_id"]::before { background-image: url('https://cdn-icons-png.flaticon.com/512/6195/6195697.png'); /* Hospital Icon */ } labe[for="appointment_date"]::before { background-image: url('https://cdn-icons-png.flaticon.com/512/747/747310.png'); /* Calendar Icon */ } labe[for="slot_id"]::before { background-image: url('https://cdn-icons-png.flaticon.com/512/2943/2943105.png'); /* Time Icon */ } /* Input and Select Fields */ input.form-control, select.form-control { border: 2px solid #ccc; border-radius: 5px; padding: 10px; font-size: 14px; width: 100%; margin-bottom: 20px; transition: all 0.3s ease; } input.form-control:focus, select.form-control:focus { border-color: #007bff; box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); outline: none; } /* Button Styling */ button.btn-primary { background-color: #007bff; color: #fff; font-size: 16px; font-weight: bold; padding: 10px 20px; border: none; border-radius: 5px; transition: background-color 0.3s ease; margin-top: 10px; } button.btn-primary:hover { background-color: #0056b3; } body { background-color: #f9f9f9; color: #333; align-items: center; } .main-content { text-align: center; z-index: 1; } /* Loader Overlay Styling */ .loader-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 1000; /* Ensures it stays on top */ } /* Circular Loader Animation */ .loader { width: 60px; height: 60px; border: 6px solid #e0e0e0; border-top: 6px solid #FF5722; border-radius: 50%; animation: spin 1s linear infinite; } /* Loader Text Styling */ .loader-text { margin-top: 20px; font-size: 16px; color: #2c2b2b; line-height: 1.5; } /* Spin Animation */ @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Responsive Adjustments */ @media (max-width: 768px) { .col-md-6 { flex: 0 0 100%; max-width: 100%; } .m-5 { margin: 1rem !important; } } .booking-info { margin: 10px 0; font-family: Arial, sans-serif; } .line-one { font-size: 18px; font-weight: 700; color: #222; text-align: center; } .line-one span { color: #007bff; } .line-two { font-size: 14px; color: #555; margin-top: 5px; } /* Extracted from */ @media (max-width: 767px) { .healthlevel { margin-top: 0px; margin-bottom: 5px; width: 94%; margin-left: 5px } @media (max-width: 767px) { .registerbtn { background-color: #008000; color: white; padding: 10px 21px; margin: -4px 1px 3px 18px; border: none; cursor: pointer; width: 89%; opacity: 0.9; font-size: 21px; border-radius: 5px; } @media (max-width: 767px) { input[type=text], input[type=password], textarea { width: 88%; padding: 15px; margin: 5px 0 5px 19px; display: inline-block; border: none; background: #f1f1f1; box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px; } /* Extracted from */ .service { background: #fff; padding: 6px; border-radius: 15px; bottom: 0; z-index: 1; position: relative; margin-bottom: 20px; border: 1px solid #ddd; height: 135px !important; } /* Container for the service items */ .service { text-align: center; border-radius: 12px; background-color: #f9f9f9; border: 1px solid #ddd; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; box-sizing: border-box; margin: 15px; max-width: 320px; width: 100%; display: flex; flex-direction: column; align-items: center; position: relative; overflow: hidden; } /* Styling for images */ .service img { display: block; margin: 0 auto; max-width: 100px; height: auto; border-radius: 8px; transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } /* Styling for text */ .service p { font-size: 18px; margin-top: 15px; color: #333333; font-weight: 400; transition: color 0.3s ease, transform 0.3s ease; text-align: center; line-height: 1.6; word-wrap: break-word; } /* Hover effects */ .service:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); border-color: #16a7b7; } .service:hover img { transform: scale(1.1); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); } .service:hover p { color: #16a7b7; transform: scale(1.05); } /* Responsive design adjustments */ @media (max-width: 768px) { .service { padding: 15px; max-width: calc(100% - 30px); width: 100%; } .service img { max-width: 80px; } .service p { font-size: 16px; } } /* Table container styling */ .table-image { width: 100%; border-collapse: separate; border-spacing: 0 15px; } .table-image thead th { background-color: #00BCD4; color: white; font-weight: bold; text-align: center; padding: 12px 15px; border: none; border-radius: 10px 10px 0 0; } .table-image tbody tr { background-color: #f9f9f9; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); border-radius: 10px; } .table-image tbody tr:hover { transform: scale(1.02); background-color: #eef3fc; } .table-image tbody td { padding: 15px; vertical-align: middle; border-top: none; border-bottom: none; text-align: center; } .table-image th[colspan="5"] { background-color: #7b7c7e; color: white; text-align: justify; padding: 2px; border-radius: 2px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } /* Image styling */ .table-image img { width: 100%; /*height: 60px;*/ object-fit: cover; border-radius: 50%; transition: transform 0.3s ease; } .table-image img:hover { transform: scale(1.1); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } /* Description container */ .table-image .dis { max-height: 100px; overflow-y: auto; padding-right: 5px; } .table-image .dis span { font-size: 14px; line-height: 1.6; color: #333; } .test-list { width: 100%; } .test-list th, .test-list td { font-size: 16px; } /* Mobile responsiveness */ @media (max-width: 768px) { .table-image img { width: 80px; height: 80px; } .table-image td { padding: 10px; } .table-image th, .test-list th { font-size: 14px; } } /* Section styling */ .why_mediwheel { background-color: #f8f9fa; padding: 40px 20px; border-radius: 2px; text-align: center; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); max-width: 1200px; margin: 0 auto; border: solid 1px #00BCD4; } /* Heading styling */ .why_mediwheel h4 { font-size: 28px; color: #FF5722; margin-bottom: 15px; font-weight: bold; } /* Paragraph styling */ .why_mediwheel p { font-size: 16px; color: #333; line-height: 1.8; margin-bottom: 30px; } /* Carousel block styling */ .carousel-inner .block { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); } .carousel-inner .block img { margin-bottom: 10px; transition: transform 0.3s ease; } .carousel-inner .block img:hover { transform: scale(1.1); } .carousel-inner .block p { font-size: 16px; font-weight: 500; color: #333; margin-top: 10px; line-height: 1.4; } .banner-carousel-prev-next-btn { margin-top: 20px; } .carousel-control-prev-icon, .carousel-control-next-icon { background-color: #007BFF; border-radius: 50%; padding: 10px; width: 30px; height: 30px; } /* Overflow section below the carousel */ .overf { display: flex; justify-content: space-around; margin-top: 30px; } .overf .block { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 15px; background-color: #fff; border-radius: 10px; width: 30%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .overf .block:hover { transform: translateY(-10px); } .overf .block img { margin-bottom: 10px; transition: transform 0.3s ease; } .overf .block img:hover { transform: scale(1.1); } .overf .block p { font-size: 14px; color: #333; text-align: center; } /* Mobile responsiveness */ @media (max-width: 768px) { .why_mediwheel { padding: 20px 10px; } .overf { flex-direction: column; } .overf .block { width: 80%; margin-bottom: 20px; } } /* Extracted from */ .error{ color: #red;} .conFormblock.homecareInsideform input.alertRed,.conFormblock.homecareInsideform select.alertRed,.conFormblock.homecareInsideform textarea.alertRed { border: 1px solid #ea0c0c !important; border-radius: 4px; font-family: inherit; } /* Extracted from */ .hidden { display: none; } .form-section { margin-bottom: 20px; } /* Extracted from */ @media(max-width:767px){div#chat_viewport{ width: 324px; margin-left: 0px; margin: 0px; } @media(max-width:767px){.col{ width: 324px; margin-left: 0px; margin: 0px; } @media(max-width:767px){.colmd{ width: 324px; margin-left: 0px; margin: 0px; } @media(max-width:767px){.myaccount_wrapper{ min-height: 40px; margin-left: -51px; /*margin-right: -49px;*/ } @media(max-width:767px){input#chat_message{ width: 90%; } @media(max-width:767px){.up{ padding: 10px; color: white; background-color: #f26122; border: 1px solid #000; /* border-radius: 5px; */ cursor: pointer; border: none; border-radius: 50px; margin-top: 4px; margin-left: 157px; display: flex; font-weight: 600; font-size: 11px; padding-right: 28px; padding-left: 34px; } @media(max-width:767px){#custom-button{ padding: 6px; color: #f26122; background-color: #009578; border: 1px solid #000; /* border-radius: 5px; */ cursor: pointer; border: none; border-radius: 50px; margin-top: 12px; margin-left: 60px; display: flex; font-weight: 600; font-size: 11px; } @media(max-width:767px){.innerr{ min-height: 0px; margin-left: -52px; margin-right: -14px; } /*.innerr{ min-height: 0px; margin-left: -52px; margin-right: -49px; }*/ h3 { display: block; font-size: 1.17em; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; } /* Extracted from */ @media (max-width: 767px) { .healthlevel { margin-top: 0px; margin-bottom: 5px; width: 94%; margin-left: 5px } @media (max-width: 767px) { .registerbtn { background-color: #008000; color: white; padding: 10px 21px; margin: -4px 1px 3px 18px; border: none; cursor: pointer; width: 89%; opacity: 0.9; font-size: 21px; border-radius: 5px; } @media (max-width: 767px) { input[type=text], input[type=password], textarea { width: 88%; padding: 15px; margin: 5px 0 5px 19px; display: inline-block; border: none; background: #f1f1f1; box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px; } } } } /* Extracted from */ @media (max-width: 767px) { .healthlevel { margin-top: 0px; margin-bottom: 5px; width: 94%; margin-left: 5px } @media (max-width: 767px) { .registerbtn { background-color: #008000; color: white; padding: 10px 21px; margin: -4px 1px 3px 18px; border: none; cursor: pointer; width: 89%; opacity: 0.9; font-size: 21px; border-radius: 5px; } @media (max-width: 767px) { input[type=text], input[type=password], textarea { width: 88%; padding: 15px; margin: 5px 0 5px 19px; display: inline-block; border: none; background: #f1f1f1; box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px; } /* Extracted from */ * { box-sizing: border-box; } body { margin: 0; min-height: 100vh; display: grid; place-items: center; font-family: 'Segoe UI', system-ui, sans-serif; background: linear-gradient(135deg, #eef8fb 0%, #ffffff 55%, #f7f2ef 100%); color: #1a1a2e; padding: 24px; } .ty-card { width: min(560px, 100%); background: #fff; border: 1px solid #e5e7eb; border-radius: 24px; box-shadow: 0 18px 55px rgba(15, 23, 42, 0.08); padding: 34px 28px; text-align: center; } .ty-badge { width: 76px; height: 76px; margin: 0 auto 18px; border-radius: 50%; background: rgba(22,167,183,0.12); color: #16a7b7; display: grid; place-items: center; font-size: 36px; } .ty-title { font-size: 28px; font-weight: 800; margin: 0 0 8px; } .ty-sub { font-size: 14px; color: #6b7280; margin: 0 0 22px; line-height: 1.6; } .ty-meta { display: grid; gap: 10px; margin: 0 auto 24px; width: min(360px, 100%); } .ty-row { display: flex; justify-content: space-between; gap: 12px; padding: 12px 14px; border: 1px solid #e5e7eb; border-radius: 14px; background: #f9fafb; font-size: 14px; } .ty-row span:last-child { font-weight: 700; color: #111827; } .ty-actions { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; } .ty-btn { display: inline-flex; align-items: center; gap: 8px; border-radius: 14px; padding: 12px 18px; text-decoration: none; font-weight: 700; font-size: 14px; } .ty-btn.primary { background: #e8571e; color: #fff; } .ty-btn.secondary { background: #eef8fb; color: #16a7b7; } /* Extracted from */ .itembox { text-align: center; padding-top: 20px; cursor: pointer; padding-bottom: 20px; margin-top: 5px; margin-bottom: 15px; border-radius: 15px; box-shadow: 0 0px 12px 0 #c7c7c76e; width: 173px !important; } .itembox h1 { font-size: 15px; margin-top: 20px; padding: 3px; } .slick-slide { display: none; float: left; height: 180px !important; min-height: 1px; } /* Hero Wrapper Styles */ .hero-wrapper { background-color: #f4f4f4; padding: 0px 0; } .hero-wrapper .container { max-width: 1200px; margin: 0 auto; } .hero-wrapper-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .groupheading { display: flex; align-items: flex-start; justify-content: space-between; padding: 20px 0px !important; } /* Left Section Styles */ .hero-wrapper-inner .col-md-8 { flex: 0 0 65%; } .hero-wrapper-inner .col-md-8 h1 { font-size: 36px; font-weight: bold; color: #333; margin-bottom: 20px; } .hero-wrapper-inner .col-md-8 h1 span { color: #16a7b7; } .hero-wrapper-inner .col-md-8 h3.consult_main { font-size: 24px; color: #444; margin-bottom: 30px; } .hero-condition { font-size: 14px; color: #777; } .hero-condition a { color: #00bfae; text-decoration: none; } /* Right Section Styles */ .hero-wrapper-inner .col-md-4 { /*flex: 0 0 30%;*/ display: flex; justify-content: center; align-items: center; } .hero-wrapper-inner .col-md-4 .hero-img img { max-width: 100%; height: auto; } .itembox h3 { font-size: 15px; margin-top: 20px; padding: 3px; } /* Media Queries for responsiveness */ @media (max-width: 768px) { .hero-wrapper-inner { /* flex-direction: column; text-align: center;*/ } .hero-wrapper-inner .col-md-8 { flex: 0 0 100%; margin-bottom: 20px; } .hero-wrapper-inner .col-md-4 { flex: 0 0 100%; } } /* Extracted from */ .each-doctor-card { margin-bottom: 20px; } .card { border: none; border-radius: 15px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; overflow: hidden; background-color: #ffffff; height: 100%; /* Ensure cards have equal height */ } .card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); } .card-body { padding: 15px; /* Reduced padding */ } .doctors-image { border-radius: 50%; border: 2px solid #16a7b7; object-fit: cover; width: 70px; /* Reduced image size */ height: 70px; /* Reduced image size */ transition: transform 0.3s ease; } .card:hover .doctors-image { transform: scale(1.05); } h6 { font-size: 18px; font-weight: bold; color: #333; } .text-secondary { color: #666; } .font-14 { font-size: 14px; color: #555; } .experience-icon { color: #28a745; margin-right: 5px; } .card-footer { background-color: #f9f9f9; border-top: none; padding: 10px; /* Reduced padding */ } .btn-link { color: #007bff; font-size: 14px; text-decoration: none; } .btn-link:hover { text-decoration: none; } .btn:hover { color: #ffffff; } .manage { border: none; background-color: #fff; } .styled-heading { font-size: 40px; margin-bottom: 30px; color: #45627a; } .btn-brand-gradient { background: linear-gradient(45deg, #16a7b7, #16a7b7); color: white; border: none; border-radius: 50px; padding: 8px 15px; /* Adjusted padding */ font-weight: bold; transition: background 0.3s ease, transform 0.3s ease; } .ml-3 { padding: 5px; } .btn-brand-gradient:hover { background: linear-gradient(45deg, #16a7b7, #16a7b7); transform: translateY(-2px); } @media (max-width: 576px) { .doctors-image { width: 50px; /* Further reduced image size for small screens */ height: 50px; /* Further reduced image size for small screens */ } h6 { font-size: 16px; } .font-14 { font-size: 12px; } } /* Extracted from */ .gold-head-off-to { padding: 8px 0; } .gold-body { display: flex; flex-wrap: wrap; justify-content: center; } .gold-box { background-color: #ffffff; border: 1px solid #e0e0e0; border-radius: 30px; margin: 10px; padding: 5px; text-align: center; flex: 0 1 calc(16.66% - 20px); /* 6 boxes in a row */ /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/ transition: transform 0.3s; } .gold-box:hover { transform: translateY(-5px); } .gold-box img { /*max-width: 20%;*/ height: auto; margin-bottom: 10px; } .text { font-weight: 600; color: #333; } @media (max-width: 768px) { .gold-box { flex: 0 1 calc(50% - 20px); /* 2 boxes in a row */ } } @media (max-width: 576px) { .gold-box { flex: 0 1 calc(100% - 20px); /* 1 box in a row */ } } .gold-over-section { max-width: 1200px; margin: 0 auto; padding: 30px; background-color: #ffffff; /* Clean white background */ border-radius: 15px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); } .table-one { width: 100%; border-collapse: collapse; } .table-one th { background-color: #dfdfdf; color: #645e5e; padding: 5px; font-size: 1.5em; border-top-left-radius: 10px; border-top-right-radius: 10px; position: sticky; /* Keep header fixed on scroll */ top: 0; z-index: 1; /* Ensure header stays above other elements */ } .table-one td { padding: 20px; border: 1px solid #e0e0e0; /* Light borders for separation */ text-align: center; transition: transform 0.3s, box-shadow 0.3s; /* Smooth transitions */ } .table-one td:hover { transform: translateY(-3px); /* Subtle lift effect */ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Shadow on hover */ } h3 { margin: 0; font-size: 1.4em; color: #4a90e2; /* Consistent heading color */ } p { font-size: 0.9em; color: #666; } figure { margin: 0 auto; width: 100px; /* Set a fixed size for images */ height: auto; display: block; transition: transform 0.3s; /* Zoom effect */ } figure:hover img { transform: scale(1.1); /* Zoom effect on hover */ } @media (max-width: 768px) { .gold-over-section { padding: 15px; /* Reduce padding for smaller screens */ } h3 { font-size: 1.2em; /* Responsive heading size */ } p { font-size: 0.8em; /* Responsive paragraph size */ } } .gold-over-text { padding: 40px; background-color: #ffffff; border-radius: 15px; /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);*/ text-align: center; } .gold-over-text-one { font-size: 2.2em; color: #4a90e2; margin-bottom: 30px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; } .benefit-list .unlimited-free-consultations { background: #f8f9fa; border-radius: 12px; padding: 20px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } .benefit-list .unlimited-free-consultations:hover { transform: translateY(-10px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15); } figure { margin: 0 auto 15px; width: 70px; height: 70px; overflow: hidden; background-color: #fff; } figure img { width: 100%; height: auto; transition: transform 0.3s; } figure:hover img { transform: scale(1.1); } h3 { font-size: 1.4em; color: #333; margin-bottom: 10px; } p { font-size: 0.95em; color: #666; } .subscription-section { background: linear-gradient(to bottom, #ffffff, #ffffff); border-radius: 15px; /*box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);*/ } .premium-card { border-radius: 15px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); transition: transform 0.3s, box-shadow 0.3s; padding: 4px; display: flex; flex-direction: column; justify-content: space-between; height: 410px; /* Set a consistent height */ } .text-primary { --bs-text-opacity: 1; color: rgb(142 145 149) !important; } .premium-card:hover { transform: scale(1.05); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); } .price { color: #16a7b7; font-size: 30px; } .active-month, .family-members { background-color: #f0f9ff; color: #67696a; font-weight: bold; border-radius: 8px; padding: 12px; margin-top: 10px; font-size: 15px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .member-count { font-size: 15px; } .p-3 { padding: 12px 5px 12px 5px !important; } .btn-primary { background-color: #ff4500; border: none; transition: background-color 0.3s; padding: 10px 15px; font-size: 1rem; border-radius: 5px; margin: 20px auto 0; /* Center the button */ display: block; /* Make button a block element */ } .text-success { --bs-text-opacity: 1; color: rgb(91 94 93) !important; font-size: 22px; } .btn-primary:hover { background-color: #ff6347; } h3 { font-size: 1.8rem; margin-bottom: 15px; } .btn-load-more { background-color: #16a7b7; color: white; border: none; padding: 10px 20px; border-radius: 25px; font-size: 1.2rem; transition: background-color 0.3s, transform 0.2s; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); } .btn-load-more:hover { background-color: #16a7b7; color: #fff; transform: translateY(-2px); } .text-muted { font-size: 13px; } @media (max-width: 768px) { .premium-card { margin-bottom: 20px; } .price { font-size: 1.8rem; } .btn-primary { font-size: 0.9rem; padding: 10px 15px; } } /* Extracted from */ .tableblock .tableblock-3{ width: 23%;background-color: #fff; display: inline-block; margin-right: 13px; margin-bottom: 30px; padding-bottom: 16px;} .tableblock .tableblock-3 h3{ margin: 6px 10px; color: #ff7a00} .tableblock .tableblock-3 p{ margin: 0 10px;} .tableblock .tableblock-3:nth-child(4){ margin-right: 0;} .tableblock-3-h1{padding: 0 0 0px 0;} .tableblock-3-h1{font-size: 29px;} .accordion center{ padding: 8px 9px; font-size: 19px;} .leftTable table td{background-color: #fff; padding: 11px;} .open-button{ background-color: #fff;} .wellnesspages1{padding: 33px 0 !important;} .rightTable{ box-shadow: 0px 0px 6px #d4d4d4 !important;} @media(max-width:991px){ .myaccount_wrapper{ background-size: cover !important;} .container.listyourselfbg{ padding: 74px !important;} } @media(max-width:767px){.subscrib-chat{ background: #242f69; color: #fff; margin: 6px; border-radius: 9px; box-shadow: rgb(8 10 2 / 40%) 11px 5px 7px; /* background-image: linear-gradient(to right, #ec4134 0%, #0088cc 51%, #ff5722 100%); */ height: 48px;} .container.listyourselfbg{padding: 54px !important;} } @media(max-width:575px){ .container.listyourselfbg{padding: 42px !important;} } @media(max-width:480px){ .container.listyourselfbg{padding: 24px !important;} } @media(max-width:767px){.column{ float: left; width: 35%; padding: 10px; margin-top: -16px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: clip; margin-left: -15px; } @media(max-width:767px){.column1{ float: left; width: 35%; padding: 10px; margin-top: -16px; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: clip; } @media(max-width:767px){.column2{ float: left; width: 14%; padding: 8px; margin-top: -12px; font-size: 11px; } @media(max-width:767px){.column4{ float: right; width: 23%; padding: 10px; margin-top: -37px; white-space: nowrap; overflow: hidden; text-overflow: clip; font-size: 11px; } } @media(max-width:767px){ .tableblock .tableblock-3{width: 47%;} .tableblock .tableblock-3:nth-child(2){margin-right: 0%; } } @media(max-width:767px){ .tableblock .tableblock-3{width: 48%; } } @media(max-width:767px){ .tableblock .tableblock-3{ width: 100%;} } /* Extracted from */ .popup { position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); display: none; } .popup-content { background-color: white; margin: 10% auto; padding: 20px; border: 1px solid #888888; width: 30%; font-weight: bolder; } .popup-content button { display: block; margin: 0 auto; } .show { display: block; } h1 { color: green; } /* Extracted from */ img.ssllogo { background: #fff; padding: 5px; border-radius: 4px; margin-top: 20px; } /* Extracted from */ img.ssllogo { background: #fff; padding: 5px; border-radius: 4px; margin-top: 20px; } /* Extracted from */ img.ssllogo { background: #fff; padding: 5px; border-radius: 4px; margin-top: 20px; } /* Extracted from */ .st7 { fill-rule: evenodd; clip-rule: evenodd; fill: #808285 } /* Extracted from */ li.welcome_li {display: flex;flex-wrap: wrap;align-items: center;padding-right: 10px;} li.welcome_li a {padding: 0 20px 0 5px !important;} li.username { display: flex;} /* Extracted from */ li.welcome_li {display: flex;flex-wrap: wrap;align-items: center;padding-right: 10px;} li.welcome_li a {padding: 0 20px 0 5px !important;} li.username { display: flex;} /* Extracted from */ .chat-container { width: 100%; background-color: #f0f0f0; border-radius: 10px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; display: flex; flex-direction: column; /*height: 80vh;*/ margin-bottom: 100px; } .chat-header { background-color: #075E54; padding: 15px; color: white; display: flex; justify-content: space-between; align-items: center; } .doctor-info { display: flex; align-items: center; } .doctor-avatar { width: 60px; height: 60px; border-radius: 50%; margin-right: 10px; background-color: #fff; } .chat-options { display: flex; gap: 15px; } .chat-options .icon-btn { background-color: transparent; color: white; border: none; cursor: pointer; font-size: 18px; } .chat-body { flex: 1; padding: 15px; overflow-y: auto; background-color: #ece5dd; height: 200px; } .message { display: flex; margin-bottom: 15px; max-width: 70%; position: relative; } .patient { justify-content: flex-end; align-self: flex-end; } .patient .message-content { background-color: #DCF8C6; border-radius: 10px 10px 0 10px; } .doctor { justify-content: flex-start; align-self: flex-start; } .doctor .message-content { background-color: white; border-radius: 10px 10px 10px 0; } .message-content { padding: 10px 15px; border-radius: 10px; position: relative; font-size: 14px; line-height: 1.4; } /* Icons for Sent and Received */ .patient .message-icon { color: #34B7F1; font-size: 1em; position: absolute; bottom: 5px; right: 5px; } .doctor .message-icon { color: #25D366; font-size: 1em; position: absolute; bottom: 0px; left: 5px; } .time { font-size: 0.8em; color: #999; margin-top: 5px; text-align: right; } .chat-footer { display: flex; padding: 10px; background-color: white; border-top: 1px solid #ddd; align-items: center; } .message-input { flex: 1; padding: 10px; border: 1px solid #ddd; border-radius: 5px; outline: none; font-size: 14px; } .attach-btn { background-color: transparent; color: #075E54; border: none; cursor: pointer; font-size: 20px; margin-right: 10px; } .send-btn { background-color: #075E54; color: white; border: none; padding: 10px; margin-left: 10px; border-radius: 5px; cursor: pointer; font-size: 14px; } /* Modal QR Code */ .modal-body { text-align: center; } .qr-code { max-width: 200px; margin: 0 auto; } /* Hide the file input */ #file-input { display: none; } /* Extracted from */ body, html { height: 100%; margin: 0; background: #7F7FD5; background: -webkit-linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5); background: linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5); } .chat { margin-top: auto; margin-bottom: auto; } .card { height: 500px; border-radius: 15px !important; background-color: rgba(0, 0, 0, 0.4) !important; } .contacts_body { padding: 0.75rem 0 !important; overflow-y: auto; white-space: nowrap; } .msg_card_body { overflow-y: auto; } .card-header { border-radius: 15px 15px 0 0 !important; border-bottom: 0 !important; } .card-footer { border-radius: 0 0 15px 15px !important; border-top: 0 !important; } .container { align-content: center; } .search { border-radius: 15px 0 0 15px !important; background-color: rgba(0, 0, 0, 0.3) !important; border: 0 !important; color: white !important; } .search:focus { box-shadow: none !important; outline: 0px !important; } .type_msg { /*background-color: rgba(0, 0, 0, 0.3) !important;*/ border: 0 !important; color: white !important; height: 60px !important; overflow-y: auto; color: black !important; } .type_msg:focus { box-shadow: none !important; outline: 0px !important; } .attach_btn { border-radius: 15px 0 0 15px !important; background-color: rgba(0, 0, 0, 0.3) !important; border: 0 !important; color: white !important; cursor: pointer; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: #aab2b3; border-bottom: 1px solid rgba(0,0,0,.125); } .card-footer { padding: 0.75rem 1.25rem; background-color: #0098ab; border-top: 1px solid rgba(0,0,0,.125); } .send_btn { border-radius: 0 15px 15px 0 !important; background-color: #f44000 !important; border: 0 !important; color: white !important; cursor: pointer; } .search_btn { border-radius: 0 15px 15px 0 !important; background-color: rgba(0, 0, 0, 0.3) !important; border: 0 !important; color: white !important; cursor: pointer; } .contacts { list-style: none; padding: 0; } .contacts li { width: 100% !important; padding: 5px 10px; margin-bottom: 15px !important; } .active { background-color: rgba(0, 0, 0, 0.3); } .user_img { height: 70px; width: 70px; border: 1.5px solid #f5f6fa; } .user_img_msg { border: 1.5px solid #f5f6fa; } .img_cont { position: relative; height: 70px; width: 70px; } .img_cont_msg { height: 40px; width: 40px; } .online_icon { position: absolute; height: 15px; width: 15px; background-color: #4cd137; border-radius: 50%; bottom: 0.2em; right: 0.4em; border: 1.5px solid white; } .offline { background-color: #c23616 !important; } .user_info { margin-top: auto; margin-bottom: auto; margin-left: 15px; } .user_info span { font-size: 20px; color: white; } .user_info p { font-size: 10px; color: rgba(255, 255, 255, 0.6); } .video_cam { margin-left: 50px; margin-top: 5px; } .video_cam span { color: white; font-size: 20px; cursor: pointer; margin-right: 20px; } .msg_cotainer { margin-top: auto; margin-bottom: auto; margin-left: 10px; border-radius: 25px; background-color: #82ccdd; padding: 10px; position: relative; } .msg_cotainer_send { margin-top: auto; margin-bottom: auto; margin-right: 10px; border-radius: 25px; background-color: #78e08f; padding: 10px; position: relative; } .msg_time { position: absolute; left: 0; bottom: -15px; color: rgba(255, 255, 255, 0.5); font-size: 10px; } .msg_time_send { position: absolute; right: 0; bottom: -15px; color: rgba(255, 255, 255, 0.5); font-size: 10px; } .msg_head { position: relative; } #action_menu_btn { position: absolute; right: 10px; top: 10px; color: white; cursor: pointer; font-size: 20px; } .action_menu { z-index: 1; position: absolute; padding: 15px 0; background-color: rgba(0, 0, 0, 0.5); color: white; border-radius: 15px; top: 30px; right: 15px; display: none; } .action_menu ul { list-style: none; padding: 0; margin: 0; } .action_menu ul li { width: 100%; padding: 10px 15px; margin-bottom: 5px; } .action_menu ul li i { padding-right: 10px; } .card { height: 456px; border-radius: 15px !important; background-color: rgba(0, 0, 0, 0.4) !important; } .fas, .fa-solid { font-family: 'FontAwesome'; font-weight: 900; color: #ffffff; } body, html { height: 100%; margin: 0; background: #7F7FD5; background: -webkit-linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5); background: linear-gradient(to right, #ffffff, #ffffff, #ffffff); } .card .card-body { padding: 20px 30px; background: #fff; border-radius: 15px; background-image: url(https://img.freepik.com/premium-vector/social-networks-dating-apps-vector-seamless-pattern_341076-469.jpg); } .container-fluid { width: 50%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .action_menu ul li:hover { cursor: pointer; background-color: rgba(0, 0, 0, 0.2); } @media(max-width: 576px) { .contacts_card { margin-bottom: 15px !important; } } .inline-style-89a71843c3 { font-size: 12px; } .inline-style-5cdffb4bd8 { margin-left: -15px; } .inline-style-62ae54d67c { border-radius:200px; height:200px; width:200px; background: #F8FAF5; margin:0 auto; } .inline-style-d7d6ca53e1 { padding: 5px; display: block; padding: 7px 53px; color: #565656; font-size: 11px; text-align: center; margin: 0px 0px 3px; background: #ffffff; border: none; border: 1px solid #939393; } .inline-style-771aca896b { border-color: #079eb7!important;background-color: #fff;border-radius: 15px;padding: 4px 18px;width: 100%;font-size: 12px;color: #4a4444; } .inline-style-794d2afdbd { padding: 5px; display: block; padding: 7px 53px; color: #fff; font-size: 14px; text-align: center; margin: 15px -11px 68px; background: #0098ab; border: none; box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px; } .inline-style-b725505b54 { border-radius: 17px; padding: 5px; } .inline-style-bb4e06864a { display: flex; flex-wrap: wrap; padding-left: 13px; padding-right: 13px; } .inline-style-7edaceb342 { margin-left: -15px; margin-right: -15px; } .inline-style-9aaa85088e { background-color: #047b8b; color: #fff; } .inline-style-2067600fdd { border-color: #079eb7!important;text-align: center; } .inline-style-70cdd4cec3 { display: block;padding: 12px 48px;color: #565656;font-size: 15px;text-align: center;margin-left: 0x;background: #ffffff; border: 1px solid #939393; } .inline-style-53c2f51e0d { width: 100%; margin: auto;margin-bottom: 40px; } .inline-style-8e26618920 { padding: 5px; } .inline-style-e81fdfe4fb { font-style: italic; color: #997b3d; padding: 16px; background-color: #fdf1d9; text-align: justify; } .inline-style-b670692c6c { line-height: 0px; } .inline-style-e8ebb0b5ce { position: absolute; min-height: 0px; top: 0px; display: block; height: 0px; } .inline-style-aa75644121 { display: block; } .inline-style-f075ce912c { position: relative; top: -625px; left: 0px; } .inline-style-e7e3e75241 { max-height: 300px; } .inline-style-4a31b41961 { max-height:300px; overflow:auto } .inline-style-803c3b6622 { font-size: 12px; } .inline-style-8f71ab140f { display:none; visibility:hidden } .inline-style-4c1c7db338 { display:none !important ; } .inline-style-02373062b4 { display:none !important; } .inline-style-c5498650a6 { display:none ; } .inline-style-6e22c58a7a { display: none; } .inline-style-6aa34d7432 { display:none } .inline-style-e53982496b { display:block; } .inline-style-bbec1bd3ca { height: 48px; width: 100px; padding: 4px 20px !important; } .inline-style-117c3653af { height: 48px;width: 100px; padding: 4px 20px !important; } .inline-style-00fa489e40 { width: 66px; border-radius: 50%; } .inline-style-57e83cfe8d { height: 48px; width: 100px; padding: 4px 20px !important; } .inline-style-e4d2d63d68 { height: 48px;width: 100px; padding: 4px 20px !important; } .inline-style-3380fe144f { background:url(../../assets/img/preEMPBG.jpg) no-repeat #000; background-size:cover; } .inline-style-27a37d10ad { background:url(../../assets/img/dentalClinicBG.jpg) no-repeat #000; background-size:cover; } .inline-style-5279a6ff79 { min-height:250px; background:url('../../assets/img/dentalClinicBG.jpg'); background-size:cover } .inline-style-0286e3325b { min-height: 400px; background:url('../../assets/img/loginbg.jpg') no-repeat; background-size:cover; overflow:hidden } .inline-style-5d3f04f086 { min-height: 400px; background:url('../../assets/img/signUpbg.jpg') no-repeat; background-size:cover; overflow:hidden } .inline-style-1e896a653e { background-image: url(../../assets/img/banner-blog.png);background-size: cover;background-position: center center; } .inline-style-5eba5dfdc1 { background:url(../../assets/img/doctorVisitBG.jpg) no-repeat #000; background-size:cover; } .inline-style-0314e8a8cd { background:url(../../assets/img/homecareathomeBG.jpg) no-repeat #000; background-size:cover; } .inline-style-e375928e80 { background-image:url(); min-height:354px } .inline-style-b7d951ecf2 { background-image:url(); min-height:354px } .inline-style-db7bda2ac8 { background:url('../../assets/img/listyourselfBG.jpg'); background-size:cover } .inline-style-dff84d913f { background:url(../../assets/img/nursingattendantsBG.jpg) no-repeat #000; background-size:cover; } .inline-style-4dbcf4a37c { background:url(../../assets/img/ambulancePagebg.jpg) no-repeat #000; background-size:cover; } .inline-style-bbff869044 { background:url(../../assets/img/physiotheraphyBG.jpg) no-repeat #000; background-size:cover; } .inline-style-40a9ed0548 { background:url(../../assets/img/LabSampleCollectionBG.jpg) no-repeat #000; background-size:cover; } /* Migrated from application/views/front_pages/callback_success.html */ body { text-align: center; padding: 40px 0; background: #EBF0F5; } h1 { color: #88B04B; font-family: "Nunito Sans", "Helvetica Neue", sans-serif; font-weight: 900; font-size: 40px; margin-bottom: 10px; } p { color: #404F5E; font-family: "Nunito Sans", "Helvetica Neue", sans-serif; font-size:20px; margin: 0; } i { color: #9ABC66; font-size: 100px; line-height: 200px; margin-left:-15px; } .card { background: white; padding: 60px; border-radius: 4px; box-shadow: 0 2px 3px #C8D0D8; display: inline-block; margin: 0 auto; } /* Migrated from application/views/front_pages/home.php */ /* Migrated from application/views/front_pages/labtest.php */ /* Migrated from application/views/front_pages/popup.html */ body { font-family: 'Saira Semi Condensed', sans-serif; background: #ccc; padding:30px; } .popup-link{ display:flex; flex-wrap:wrap; } .popup-link a{ background: #333; color: #fff; padding: 10px 30px; border-radius: 5px; font-size:17px; cursor:pointer; margin:20px; text-decoration:none; } .popup-container { visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; transform: scale(1.3); position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(21, 17, 17, 0.61); display: flex; align-items: center; } .popup-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 50%; } .popup-content p{ font-size: 17px; padding: 10px; line-height: 20px; } .popup-content a.close{ color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; background: none; padding: 0; margin: 0; text-decoration:none; } .popup-content a.close:hover{ color:#333; } .popup-content span:hover, .popup-content span:focus { color: #000; text-decoration: none; cursor: pointer; } .popup-container:target{ visibility: visible; opacity: 1; transform: scale(1); } .popup-container h3{ margin:10px; } /*End popup styles*/ /* Additional styles */ .popup-style-2{ transform: scale(0.3); } .popup-style-2:target{ transform: scale(1); } .popup-style-3{ left:100%; } .popup-style-3:target{ left:0; } .popup-style-4{ transform: rotate(180deg); } .popup-style-4:target{ transform: rotate(0deg); } .popup-style-5{ top:100%; } .popup-style-5:target{ top:0; } .popup-style-6{ transform: scale(15.3); } .popup-style-6:target{ transform: scale(1); } .popup-style-7{ transform: skewY(180deg); transition: all 0.7s ease-in-out; } .popup-style-7:target{ transform: skewY(0deg); } /*ul.discription_ul > li:before { content: "\f00c"; font-family: 'FontAwesome'; position: absolute; left: 0; color: #f44000; }*/ .testdetails_wrap .inside_body { position: absolute; left: 50%; top: 100px; min-width: 500px; margin-left: -250px; background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); border-top: 5px solid #f44000; } .testdetails_wrap .inside_body.slideInDown { animation: slideInDown 0.3s; } .popupDis { display: block; font-weight: 600; color: #333; border-bottom: 1px solid #ddd; padding-bottom: 5px; } ul.discription_ul { display: block; font-size: 13px; margin-top: 25px; } ul.discription_ul > li { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 5px 0 5px 25px; transition: all 0.3s; position: relative; cursor: pointer; } ul.discription_ul > li:before { content: "\f00c"; font-family: 'FontAwesome'; position: absolute; left: 0; color: #f44000; } ul.test_detailsul li { font-size: 12px; padding: 5px 0; } ul.discription_ul > li:hover { background: #f5f5f5; } ul.discription_ul > li.bigfont { font-weight: 600; color: #633; font-size: 15px; } .testdetails_wrap .close { width: 30px; height: 30px; background: red; text-align: center; line-height: 30px; color: #fff; border-radius: 50%; position: absolute; right: 0; top: -10px; right: -10px; cursor: pointer; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6); } .test_detailsul { width: 100%; display: none; max-height: 170px; overflow: auto; } .test_detailsul li:before { content: "\f178"; font-family: 'FontAwesome'; margin-right: 5px; color: #f44000; } .item.nothing.active .dateBox { border: 1px solid green; position: relative; } .item.nothing.active .dateBox:after { content: ''; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid green; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); } .date-list .item { padding-bottom: 20px; } div#doctor_module { position: absolute; left: 0; top: 0; min-height: 200px; background: #fff; width: 100%; }.thankyou_block { width: 75%; background: #fff; border-radius: 2px; padding: 15px; text-align: center; font-size: 14px; } .genuine_medicines_text { display: flex; justify-content: center; text-align: left; border-top: 1px solid #ddd; margin: 30px -20px 0 !important; } .genuine_medicines_text img { max-height: 70px; } .genuine_medicines_text span { padding: 0 0 0 15px; margin-left: 30px; border-left: 1px solid #ddd; } .thankyou_block h1 { text-transform: uppercase; padding-top: 35px; } .thankyou_block h1 img { max-height: 50px; display: block; margin: 0 auto 15px; } .thankyou_block h1 span { color: #7eb77e; } .thankyou_block p { margin: 0 } p.btn_block a { display: inline-block; border: 1px solid #ff6028; min-width: 160px; padding: 8px 0; border-radius: 5px; text-transform: uppercase; font-size: 12px !important; font-weight: 600; letter-spacing: 0.32px; color: #ff6028; margin: 5px; } p.btn_block a:hover { background: #ff6028; color: #fff; } p.btn_block a:last-child { border: 1px solid #00c5de; color: #00c5de; } p.btn_block a:last-child:hover { background: #00c5de; color: #fff; } .doyouwant { display: block; border-top: 1px solid #ddd; padding-top: 10px; font-size: 0.8rem; color: #333; } .doyouwant a { display: inline-block; border: 1px solid; color: #f16022; padding: 5px 10px; border-radius: 4px; margin-left: 5px; } .doyouwant a:hover { background: #f16022; color: #fff; } /* Migrated from application/views/front_pages/shopping-cart.html */ .notifyjs-wrapper { z-index: 9999 !important; } .notifyjs-container { z-index: 9999 !important; right: 10px !important; left: unset !important; position: fixed !important; top: 10px !important; } /* Migrated from application/views/front_pages/shopping-cart.html */ section.back_images.mt-3 .row.banneers img { width: 100%; } span.mnb { color: #282730 !important; }@media (max-width:767px){ .topnav.responsive .desk-head-view1.mobileview { overflow: auto; height: 560px; padding-bottom: 20px; } } /* Migrated from application/views/front_pages/shopping-cart.html */ svg{fill:#282730} /* Migrated from application/views/front_pages/shopping-cart.html */ svg{fill:#282730}tspan { font-family: 'Poppins', sans-serif !important; } /* Migrated from application/views/front_pages/shopping-cart.html */ svg{fill:#282730} /* Migrated from application/views/front_pages/shopping-cart.html */ .st7{fill-rule:evenodd;clip-rule:evenodd;fill:#808285} /* Migrated from application/views/front_pages/shopping-cart.html */ .overlay-s { position: fixed; top: 0; width: 100%; height: 100%; background: #ffffff0f; z-index: 999; left: 0; display: none; } .box-section { align-items: initial !important; } .member_list_div .box { height: auto !important; } .box span { font-size: 14px !important; } h2#headingOne { margin-top: 0px; } .shadow { margin: 0px; } hr.dotted { border: 1px dotted gray; margin: 0 auto !important; width: 92% !important; } .price_rate { padding: 10px 30px 0px 4px; } .total_amount { padding-top: 14px; padding-bottom: 10px; padding-left: 19px; padding-right: 19px; } section#cart .col-lg-3 { background: #fff; padding: 0px; margin-left: 1%; flex: 0 0 auto; width: 24%; border-radius: 10px; } section#cart div#content { background: #fff; border-radius: 10px; } @media (max-width:992px) { section#cart .col-lg-3 { background: #fff; padding: 0px; margin-left: 0%; flex: 0 0 auto; width: 100%; border-radius: 10px; margin-top: 15px; } } /* Migrated from application/views/front_pages/singleSignupStatusPage.php */ .pos-demo, .header { display: none !important; } .single-signup-status-wrap { min-height: 100vh; position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(circle at 18% 12%, rgba(25, 169, 184, 0.14), transparent 28%), radial-gradient(circle at 82% 0%, rgba(15, 127, 141, 0.12), transparent 24%), linear-gradient(180deg, #eef7fb 0%, #f8fbfd 46%, #edf3f7 100%); padding-bottom: 48px; } .single-signup-status-wrap::before, .single-signup-status-wrap::after { content: ''; position: absolute; width: 320px; height: 320px; border-radius: 50%; filter: blur(8px); pointer-events: none; z-index: 0; } .single-signup-status-wrap::before { right: -120px; top: 170px; background: rgba(25, 169, 184, 0.08); } .single-signup-status-wrap::after { left: -140px; bottom: 60px; background: rgba(15, 127, 141, 0.08); } .single-signup-status-header { position: relative; z-index: 1; background: linear-gradient(135deg, #19a9b8 0%, #16a0af 100%); box-shadow: 0 10px 28px rgba(15, 63, 79, 0.14); padding: 18px 0; } .single-signup-status-header .container { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; } .single-signup-brand { background: #fff; border-radius: 14px; padding: 12px 22px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); } .single-signup-brand img { max-width: 250px; width: 100%; height: auto; display: block; } .single-signup-user { display: flex; align-items: center; gap: 14px; color: #fff; background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 20px; padding: 10px 14px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08); backdrop-filter: blur(8px); } .single-signup-user img { width: 58px; height: 58px; border-radius: 14px; object-fit: cover; box-shadow: 0 10px 18px rgba(0, 0, 0, 0.18); } .single-signup-user .label { display: block; font-size: 15px; opacity: 0.9; margin-bottom: 2px; } .single-signup-user .name { display: block; font-size: 18px; font-weight: 700; line-height: 1.2; text-transform: uppercase; } .single-signup-status-body { position: relative; z-index: 1; padding-top: 42px; } .single-signup-status-card { position: relative; overflow: hidden; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 28px; box-shadow: 0 20px 60px rgba(16, 42, 67, 0.12); padding: 34px 32px 30px; max-width: 980px; margin: 0 auto; } .single-signup-status-card::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 6px; background: linear-gradient(90deg, 0%, 100%); } .single-signup-status-badge { display: inline-flex; align-items: center; gap: 10px; padding: 9px 16px; border-radius: 999px; background: ; color: ; font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 22px; } .single-signup-status-badge .dot { width: 10px; height: 10px; border-radius: 50%; background: ; box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.55); flex: 0 0 auto; } .single-signup-status-hero { text-align: center; } .single-signup-status-copy { max-width: 720px; margin: 0 auto; } .single-signup-status-card h1 { color: #17324d; font-size: clamp(32px, 4vw, 44px); font-weight: 800; line-height: 1.08; margin: 0 0 10px; letter-spacing: -0.02em; } .single-signup-status-intro { margin: 0; color: #4a657d; font-size: 16px; line-height: 1.7; max-width: 54ch; } .single-signup-status-message { color: ; font-size: 17px; line-height: 1.7; margin-bottom: 24px; background: ; border: 1px solid rgba(16, 42, 67, 0.06); border-left: 5px solid ; border-radius: 18px; padding: 20px 22px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6); } .single-signup-help-card { margin-top: 24px; border-radius: 18px; padding: 22px 24px; background: linear-gradient(180deg, #fff7ed 0%, #fffaf4 100%); border: 1px solid #fed7aa; box-shadow: 0 12px 24px rgba(154, 52, 18, 0.06); } .single-signup-help-card.is-success { background: linear-gradient(180deg, #f6fbff 0%, #eefbfc 100%); border-color: rgba(25, 169, 184, 0.18); box-shadow: 0 12px 24px rgba(25, 169, 184, 0.08); } .single-signup-help-card h3 { color: #9a3412; font-size: 22px; font-weight: 700; margin-bottom: 10px; } .single-signup-help-card.is-success h3 { color: #0f7f8d; } .single-signup-help-card p { color: #7c2d12; margin: 0; line-height: 1.7; font-size: 16px; } .single-signup-help-card.is-success p { color: #35506c; } @media (max-width: 767px) { .single-signup-status-header .container { justify-content: center; text-align: center; } .single-signup-user { justify-content: center; } .single-signup-status-card { padding: 28px 20px; border-radius: 18px; } .single-signup-status-badge { margin-left: auto; margin-right: auto; } .single-signup-status-card h1 { font-size: 28px; } .single-signup-status-intro { max-width: none; } .single-signup-status-message { font-size: 16px; } } @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap"); * { margin: 0; padding: 0; box-sizing: border-box; font-family: "Poppins", sans-serif; } .about-us { display: flex; align-items: center; height: 100vh; width: 100%; padding: 90px 0; background: #fff; } .pic { height: auto; width: 400px; border-radius: 12px; /*margin-top: -95px;*/ } .about { width: 1130px; max-width: 85%; margin: 0 auto; display: flex; align-items: center; justify-content: space-around; } .text { width: 540px; } .text h2 { color: #333; font-size: 90px; font-weight: 600; margin-bottom: 10px; } .text h5 { color: #333; font-size: 22px; font-weight: 500; margin-bottom: 20px; } .text p { color: #333; font-size: 18px; line-height: 25px; letter-spacing: 1px; } .data { margin-top: 30px; } .hire { font-size: 18px; background: #4070f4; color: #fff; text-decoration: none; border: none; padding: 12px 25px; border-radius: 6px; transition: 0.5s; } .hire:hover { background: #000; }