.blog-section .post-item-inner .blog-footer, .paginations ul li a, .newsletter-section.style-1 .section-wrapper, .service-section.style-3 .section-wrapper .service-item .service-content, .service-section.style-3 .section-wrapper, .service-section.style-1 .section-wrapper .service-item .service-inner, .service-section.style-1 .section-wrapper .service-item, .counter-section.style-1 .section-wrapper .counter-item .counter-item-inner, .department-section.style-1 .section-content .department-top .dep-tab { display: flex; flex-wrap: wrap; } .cart-plus-minus, .paginations ul li a, .section-header, .lab-btn, .newsletter-section.style-1 .section-wrapper .right .news-input, .service-section.style-1 .section-wrapper .service-item .service-inner .service-thumb, .department-section.style-1 .section-content .department-bottom .tab-content .post-content ul li, .page-header-section.style-1 .page-header-content .page-header-content-inner .breadcrumb li a, .nav-widget .nav-search, .main-menu li a, .main-menu li, .header-bottom, .mobile-menu .mobile-menu-wrapper, .dd-icon-right, .dd-icon-down { position: relative; } .cart-plus-minus .qtybutton, .lab-btn::before, .lab-btn::after, .page-header-section.style-1 .page-header-content .page-header-content-inner .breadcrumb li a::before, .nav-widget .nav-search .search, .main-menu li .submenu, .mobile-menu .mobile-menu-wrapper .open-menu, .dd-icon-right::before, .dd-icon-right::after, .dd-icon-down::before, .dd-icon-down::after { position: absolute; content: ""; } .blog-section .post-item-inner .post-thumb, .cart-plus-minus, .lab-btn, .timeline, .sponsor-section .sponsor-area, .service-section.style-1 .section-wrapper .service-item .service-inner .service-thumb, .page-header-section.style-1, .header-top, .preloader, .blog-section .post-item-inner .post-content h4>a { overflow: hidden; } .cart-plus-minus, .lab-btn, .newsletter-section.style-1 .section-wrapper .right .news-input button[type=submit], .nav-widget .nav-search .search { cursor: pointer; } .blog-section .post-item-inner .post-thumb a img, .lab-btn::before, .lab-btn::after, .about-section.style-1 .section-wrapper .about-thumb img, .service-section.style-3 .section-wrapper .service-item .service-content, .service-section.style-3 .section-wrapper .service-item .service-thumb img, .service-section.style-3 .section-wrapper .service-item .service-thumb, .service-section.style-1 .section-wrapper .service-item .service-inner .service-content, .service-section.style-1 .section-wrapper .service-item .service-inner .service-thumb img, .service-section.style-1 .section-wrapper .service-item .service-inner .service-thumb, .department-section.style-1 .section-content .department-bottom .tab-content .post-thumb img, .department-section.style-1 .section-content .department-bottom .tab-content .post-thumb, .header-bottom.menu-fixed, .mobile-menu, input, textarea { width: 100%; } .lab-btn::before, .lab-btn::after, .about-section.style-1 .section-wrapper .about-thumb img, .about-section.style-1 .section-wrapper .about-thumb, .service-section.style-3 .section-wrapper .service-item .service-thumb img, .service-section.style-3 .section-wrapper .service-item .service-thumb, .service-section.style-1 .section-wrapper .service-item .service-inner .service-thumb img, .department-section.style-1 .section-content .department-bottom .tab-content .post-thumb img, .department-section.style-1 .section-content .department-bottom .tab-content .post-thumb { height: 100%; } .text-btn, .page-header-section.style-1 .page-header-content .page-header-content-inner .breadcrumb li a, .main-menu li a, .header-contact-info .item .item-inner .item-content p, .pagination-area .pagination li a, .pagination-area .pagination li.dot, .feature-item .lab-inner .lab-content a, h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a, a h1, a h2, a h3, a h4, a h5 { font-weight: 700; } .banner-section .banner-wrapper .banner-content h1, .banner-section .banner-wrapper .banner-content h2, .page-header-section.style-1 .page-header-content .page-header-content-inner .breadcrumb li.active, .nav-widget .nav-search input ::-ms-input-placeholder, .nav-widget .nav-search input :-ms-input-placeholder, .nav-widget .nav-search input::placeholder, .pagination-area .pagination li.next a, .pagination-area .pagination li.prev a { font-weight: 400; } .paginations ul li a, .newsletter-section.style-1 .section-wrapper, .counter-section.style-1 .section-wrapper .counter-item .counter-item-inner, .department-section.style-1 .section-content .department-top .dep-tab, .main-menu { justify-content: center; } .blog-section .post-item-inner .blog-footer { justify-content: space-between; } .blog-section .post-item-inner .blog-footer, .paginations ul li a, .newsletter-section.style-1 .section-wrapper .right .news-input, .newsletter-section.style-1 .section-wrapper, .counter-section.style-1 .section-wrapper .counter-item .counter-item-inner, .department-section.style-1 .section-content .department-top .dep-tab, .header-contact-info .item .item-inner, .pagination-area .pagination { align-items: center; } .blog-section .post-item-inner .post-content .meta, .blog-section .post-item-inner .post-thumb a img, .blog-section .post-item-inner .post-thumb a, .main-menu li .submenu li a, .dd-icon-right::before, .dd-icon-right::after, .dd-icon-down::before, .dd-icon-down::after { display: block; } .footer-section.style-1 .footer-top .contact-info ul li a, .lab-btn, .nav-widget .nav-search input, .main-menu li a, .header-logo a, .mobile-menu .mobile-menu-wrapper .logo, .pagination-area .pagination li a, .scrollToTop i { display: inline-block; } .blog-section .post-item-inner .post-content h4>a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } .service-section.style-1 .section-wrapper .service-item .service-inner .service-content .lab-btn { color: #fff; } .widget, .blog-section .post-item-inner .blog-footer, .blog-section .post-item-inner .post-content, .about-section.style-1 .section-wrapper, .newsletter-section.style-1 .section-wrapper .right .news-input, .service-section.style-3 .section-wrapper .service-item .service-content, .service-section.style-1 .section-wrapper .service-item .service-inner .service-content, .department-section.style-1 .section-content .department-bottom, .department-section.style-1 .section-content .department-top .dep-tab li a.active, .main-menu .submenu li.active, .main-menu li .submenu li a:hover, .mobile-menu, .pagination-area .pagination li a, .feature-item, .dd-icon-right::before, .dd-icon-right::after, .primary-menu .menu-area .main-menu li.active a.dd-icon-down::after, .primary-menu .menu-area .main-menu li.active a.dd-icon-down::before, .dd-icon-down::before, .dd-icon-down::after, input, textarea { background-color: #fff; } .bg-color { background-color: #f5f9ff; } .cart-plus-minus .qtybutton, .feature-item .lab-inner .lab-content a { color: #000000; } .footer-section.style-1 .footer-top .doctor-info ul li:hover a, .footer-section.style-1 .footer-top .doctor-info ul li:hover, .footer-section.style-1 .footer-top .contact-info ul li i, .banner-section .banner-wrapper .banner-content h1 b { color: var(--first-color); } .cart-plus-minus .qtybutton:hover, .paginations ul li a.active, .paginations ul li a:hover, .lab-btn, .newsletter-section.style-1 .section-wrapper .right .news-input button[type=submit], .service-section.style-1 .section-wrapper .service-item .service-inner .service-content .lab-btn, .page-header-section.style-1 .page-header-content .page-header-content-inner .breadcrumb li a:hover::before, .header-bottom, .pagination-area .pagination li a.active, .pagination-area .pagination li a:hover, .primary-menu .menu-area .main-menu li ul li:hover>a.dd-icon-right::after, .primary-menu .menu-area .main-menu li ul li:hover>a.dd-icon-right::before, .main-menu li.active a.dd-icon-down::after, .m-menu li.open a.dd-icon-down::before, .m-menu li.open a.dd-icon-down::after, .scrollToTop i { background: var(--first-color); } .cart-plus-minus .qtybutton, .section-header, .nav-widget .nav-search .search, .main-menu li .submenu, .hc-offcanvas-nav .nav-content>h2, .hc-offcanvas-nav .nav-content>h3, .hc-offcanvas-nav .nav-content>h4, .hc-offcanvas-nav .nav-content>h5, .pagination-area .pagination li a, .scrollToTop i { text-align: center; } .lab-ul li, .service-section.style-3 .section-wrapper .service-item .service-content ul li, .department-section.style-1 .section-content .department-bottom .tab-content .post-content ul li, .nav-widget, .main-menu li .submenu li, .main-menu, .header-contact-info .item, .pagination-area .pagination li { list-style: none; } .footer-section.style-1 .footer-top .doctor-info ul, .cart-plus-minus .qtybutton, .paginations ul, .lab-ul, .about-section.style-1 .section-wrapper .about-item .section-heading h4, .service-section.style-3 .section-wrapper .service-item .service-content ul, .page-header-section.style-1, .nav-widget, .main-menu li .submenu li a, .main-menu li .submenu, .main-menu, .header-contact-info, .pagination-area .pagination { margin: 0; } .widget:last-child, .about-section.style-1 .section-wrapper .about-item .section-heading p, .newsletter-section.style-1 .section-wrapper .right .news-input label, .feature-section .feature-section-wrapper .section-content .col-xl-3:nth-child(4n+4) .feature-item, .banner-section .banner-wrapper .banner-content h1, .banner-section .banner-wrapper .banner-content h2, .page-header-section.style-1 .page-header-content .page-header-content-inner .page-title p, .nav-widget .nav-search input, .header-contact-info .item .item-inner .item-content p { margin-bottom: 0px; } .about-section.style-1 .section-wrapper .about-item .section-heading { margin-bottom: 10px; } .blog-section .post-item-inner .blog-footer .viewall, .main-menu li:first-child a { margin-left: 0; } .pagination-area .pagination li.next { margin-left: 5px; } .footer-section.style-1 .footer-top .doctor-info ul li:hover, .page-header-section.style-1 .page-header-content .page-header-content-inner .breadcrumb li.active { margin-left: 10px; } .pagination-area .pagination li.prev { margin-right: 5px; } .footer-section.style-1 .footer-top h3 { margin-bottom: 15px; } .service-section.style-1 .section-wrapper .service-item .service-inner .service-content p { margin-bottom: 20px; } .widget, .section-header, .certificat-section .certificate-content p, .feature-item .lab-inner .lab-thumb, .feature-item, input, textarea { margin-bottom: 30px; } .widget.shop-widget, .lab-ul, .page-header-section.style-1, .main-menu li { padding: 0; } .nav-widget .nav-search input, .pagination-area .pagination li.dot { padding: 10px; } input, textarea { padding: 15px; } .p-30, .service-section.style-3 .section-wrapper .service-item .service-content { padding: 30px; } .about-section.style-1 { padding-bottom: 0; } .blog-section .post-item-inner .post-content .meta { padding-bottom: 5px; } .page-header-section.style-1 .page-header-content .page-header-content-inner .breadcrumb { padding-top: 0; } .page-header-section.style-1 .page-header-content .page-header-content-inner .breadcrumb, .main-menu li:first-child a { padding-left: 0; } .nav-widget .nav-search input { padding-left: 20px; } .nav-widget .nav-search input { padding-left: 20px; } .main-menu li .submenu li a:hover { padding-left: 30px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { margin: 0; padding: 0; background: #fff; } @media (max-width: 991px) { body { margin-top: 72px; } } h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a, a h1, a h2, a h3, a h4, a h5 { clear: both; line-height: 1.4; font-family: "Roboto", sans-serif; color: #000000; } h1 { font-size: 2.25em; } h2 { font-size: 1.5em; } h3 { font-size: 1.25em; } h4 { font-size: 1.125em; } h5 { font-size: 1.125em; } @media (min-width: 576px) { h1 { font-size: 2.5em; line-height: 1.5; } h2 { font-size: 2.25em; line-height: 1.5; } h3 { font-size: 1.5em; line-height: 1.5; } h4 { font-size: 1.25em; line-height: 1.5; } h5 { font-size: 1.125em; line-height: 1.5; } } p { margin-bottom: 15px; font-weight: 400; font-size: 15px; } @media (min-width: 576px) { p { font-size: 1rem; } } a { color: #000000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } a:visited { color: #000000; outline: none; } a:hover, a:focus, a:active { color: #000000; text-decoration: none; outline: none; } a:focus { outline: thin dotted; outline: none; } a:hover, a:active { outline: 0; } img { height: auto; max-width: 100%; } input, textarea { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ecf0f3; outline: none; } select { border: 1px solid #ecf0f3; outline: none; } .scrollToTop { position: fixed; bottom: -30%; right: 5%; z-index: 9; } .scrollToTop i { width: 40px; height: 40px; line-height: 40px; border-radius: 50%; color: #fff; border: 1px solid #ecf0f3; font-size: 1.25em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .scrollToTop i:hover { transform: translateY(-5px); box-shadow: 0px 5px 20px 0px rgba(0, 113, 240, 0.49); } .breadcrumb { background-color: transparent; } .dd-icon-right::after { width: 8px; height: 2px; top: 50%; transform: rotate(-45deg); right: -9px; } .dd-icon-right::before { content: ""; width: 8px; height: 2px; top: 50%; transform: rotate(45deg); right: -5px; } .feature-item { padding: 40px 24px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .feature-item .lab-inner .lab-content a:hover { color: var(--first-color); } .feature-item:hover { filter: drop-shadow(-1.395px 19.951px 5px rgba(136, 136, 136, 0.1)); transform: translateY(-5px); } .doctor-item.style-1 { -webkit-transition: 0.3s all cubic-bezier(0.46, 0.03, 0.52, 0.96); -moz-transition: 0.3s all cubic-bezier(0.46, 0.03, 0.52, 0.96); transition: 0.3s all cubic-bezier(0.46, 0.03, 0.52, 0.96); } .doctor-item.style-1:hover, .doctor-item.style-1.active { box-shadow: 0 25px 10px #8080801a; } .pagination-area { padding: 20px 0; } .pagination-area .pagination li.dot { font-size: 1em; } .pagination-area .pagination li a { width: 50px; height: 50px; line-height: 50px; color: #000000; margin: 0 2px; border-radius: 50%; border: 1px solid #f0f7ff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .pagination-area .pagination li a:hover { color: #fff; } .pagination-area .pagination li a.active { color: #fff; } .preloader { position: fixed; top: 0; left: 0; z-index: 999999999; width: 100%; height: 100%; background: var(--first-color); } .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 768px) and (max-width: 991px) { .feature-section .feature-section-wrapper .section-content .col-xl-3:nth-child(4n+3) .feature-item { margin-bottom: 0; } } @media (min-width: 1200px) { .feature-section .feature-section-wrapper .section-content .col-xl-3 .feature-item { margin-bottom: 0; } } .department-section.style-1 { padding-bottom: 0; } .department-section.style-1 .section-content .department-top .dep-tab { margin: 0; margin-bottom: 10px; } .department-section.style-1 .section-content .department-top .dep-tab li { padding: 5px; text-align: center; width: calc(100% / 2 - 9px); } @media (min-width: 576px) { .department-section.style-1 .section-content .department-top .dep-tab li { width: calc(100% / 4 - 9px); } } @media (min-width: 992px) { .department-section.style-1 .section-content .department-top .dep-tab li { width: calc(100% / 5 - 9px); } } @media (min-width: 1200px) { .department-section.style-1 .section-content .department-top .dep-tab li { width: calc(100% / 9 - 9px); } } .department-section.style-1 .section-content .department-top .dep-tab li a { padding: 20px 13px; display: block; background: #f6faff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .department-section.style-1 .section-content .department-top .dep-tab li a.active { box-shadow: 0 0 5px #80808033; } .department-section.style-1 .section-content .department-bottom { padding: 15px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); } @media (min-width: 1200px) { .department-section.style-1 .section-content .department-bottom .tab-content .tab-pane { margin-bottom: 0; } } .department-section.style-1 .section-content .department-bottom .tab-content .tab-pane.active { opacity: 1; display: block; } .department-section.style-1 .section-content .department-bottom .tab-content .post-content { padding: 20px 0px 20px 15px; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .department-section.style-1 .section-content .department-bottom .tab-content .post-content h3 { margin-top: 0; } .department-section.style-1 .section-content .department-bottom .tab-content .post-content p { line-height: 30px; } .department-section.style-1 .section-content .department-bottom .tab-content .post-content ul { margin-left: 1.5rem; margin-bottom: 25px; } @media (min-width: 768px) { .department-section.style-1 .section-content .department-bottom .tab-content .post-content ul { display: flex; flex-wrap: wrap; } } .department-section.style-1 .section-content .department-bottom .tab-content .post-content ul li { padding: 5px 0; } @media (min-width: 768px) { .department-section.style-1 .section-content .department-bottom .tab-content .post-content ul li { width: 50%; } } .page-header-section.style-1 .page-header-content .page-header-content-inner .breadcrumb { justify-content: center; } .page-header-section.style-1 .page-header-content .page-header-content-inner .breadcrumb li:not(:last-child) a::before { background: #000000; width: 8px; height: 1px; transform: translateY(-50%); top: 60%; right: -10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .page-header-section.style-1 .page-header-content .page-header-content-inner .page-title h2 { color: var(--first-color); } .page-header-section.style-1 .page-header-content .page-header-content-inner { text-align: center; } .footer-section.style-1 .footer-top .doctor-info ul li:hover, .page-header-section.style-1 .page-header-content .page-header-content-inner .breadcrumb li.active { margin-left: 10px; } .page-header-section.style-1 .page-header-content .page-header-content-inner .breadcrumb li { color: #000000; margin: 0 5px; text-transform: capitalize; } .page-header-section.style-1 .page-header-content .page-header-content-inner .breadcrumb li:first-child { margin-left: 0; } .page-header-section.style-1 .page-header-content .page-header-content-inner .breadcrumb li a { color: #000000; padding: 0 5px; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .page-header-section.style-1 { padding-top: 105px; padding-bottom: 80px; background-position: center; background-size: cover; background-repeat: no-repeat; border: none; } .counter-section { padding: 65px 0; } .counter-section.style-1 { background: var(--first-color); } @media (min-width: 576px) { .counter-section.style-1 .section-wrapper { display: flex; flex-wrap: wrap; } } .counter-section.style-1 .section-wrapper .counter-item { width: calc(100% / 1); } @media (min-width: 576px) { .counter-section.style-1 .section-wrapper .counter-item { width: calc(100% / 2); } } @media (min-width: 992px) { .counter-section.style-1 .section-wrapper .counter-item { width: calc(100% / 4); } } .counter-section.style-1 .section-wrapper .counter-item .counter-item-inner { margin-bottom: 40px; } @media (min-width: 768px) { .counter-section.style-1 .section-wrapper .counter-item .counter-item-inner { margin: 10px; } } .counter-section.style-1 .section-wrapper .counter-item .counter-item-inner .counter-thumb { margin-right: 20px; } .counter-section.style-1 .section-wrapper .counter-item .counter-item-inner .counter-content .number { display: inline-block; position: relative; font-size: 36px; font-weight: 700; color: #fff; margin: 0; } .counter-section.style-1 .section-wrapper .counter-item .counter-item-inner .counter-content p { color: #fff; } .counter-section.style-1 .section-wrapper .counter-item .counter-item-inner .counter-content .service-content { color: #fff; } @media (max-width: 575px) { .counter-section.style-1 .section-wrapper .counter-item .counter-item-inner .counter-content .service-content { margin-bottom: 0; } } .service-section { padding-top: 80px; } @media (min-width: 992px) { .service-section { padding: 0; } } @media (min-width: 768px) { .service-section.style-1 .section-wrapper .service-item { width: 50%; } } @media (min-width: 992px) { .service-section.style-1 .section-wrapper .service-item .service-inner .service-thumb { width: calc(100% / 2); } } .service-section.style-1 .section-wrapper .service-item .service-inner .service-content { padding: 45px 30px; } @media (min-width: 992px) { .service-section.style-1 .section-wrapper .service-item .service-inner .service-content { width: calc(100% / 2); } } .service-section.style-1 .section-wrapper .service-item .service-inner .service-content h4 { margin-top: 0; margin-bottom: 15px; } .service-section.style-1 .section-wrapper .service-item .service-inner .service-content h4 a { display: inline-block; font-size: 20px; font-weight: 700; color: #000; max-width: 440px; } @media (min-width: 992px) { .service-section.style-1 .section-wrapper .service-item .service-inner .service-content h4 a { font-size: 18px; } } @media (min-width: 1200px) { .service-section.style-1 .section-wrapper .service-item .service-inner .service-content h4 a { font-size: 20px; } } .service-section.style-1 .section-wrapper .service-item .service-inner .service-content .lab-btn { margin-top: 15px; } @media (min-width: 768px) { .service-section.style-1 .section-wrapper .service-item .service-inner .service-content .lab-btn { padding: 0 20px; } } @media (min-width: 1200px) { .service-section.style-1 .section-wrapper .service-item .service-inner .service-content .lab-btn { padding: 0 31px; } } .service-section.style-1 .section-wrapper .service-item:nth-child(1) { width: 100%; } .service-section.style-1 .section-wrapper .service-item:nth-child(2) { float: none; } @media (min-width: 768px) { .service-section.style-1 .section-wrapper .service-item:nth-child(2) { float: left; } } .service-section.style-1 .section-wrapper .service-item:nth-child(2) .service-content { background: #3156a3; } .service-section.style-1 .section-wrapper .service-item:nth-child(2) .service-content h4 a { color: #fff; } .service-section.style-1 .section-wrapper .service-item:nth-child(2) .service-content p { color: #fff; } .service-section.style-1 .section-wrapper .service-item:nth-child(2) .service-content .lab-btn { background: #fff; border-color: #fff; } .service-section.style-1 .section-wrapper .service-item:nth-child(2) .service-content .lab-btn:after, .service-section.style-1 .section-wrapper .service-item:nth-child(2) .service-content .lab-btn:before { border-color: var(--first-color); } .service-section.style-1 .section-wrapper .service-item:nth-child(2) .service-content .lab-btn span { color: var(--first-color); } .service-section.style-1 .section-wrapper .service-item:nth-child(3) { float: none; } @media (min-width: 1200px) { .service-section.style-1 .section-wrapper .service-item:nth-child(3) { float: left; } } .service-section.style-1 .section-wrapper .service-item:nth-child(3) .service-content { background: #379ff4; } .service-section.style-1 .section-wrapper .service-item:nth-child(3) .service-content h4 a { color: #fff; } .service-section.style-1 .section-wrapper .service-item:nth-child(3) .service-content p { color: #fff; } .service-section.style-1 .section-wrapper .service-item:nth-child(3) .service-content .lab-btn { background: #fff; border-color: #fff; } .service-section.style-1 .section-wrapper .service-item:nth-child(3) .service-content .lab-btn:after, .service-section.style-1 .section-wrapper .service-item:nth-child(3) .service-content .lab-btn:before { border-color: var(--first-color); } .service-section.style-1 .section-wrapper .service-item:nth-child(3) .service-content .lab-btn span { color: var(--first-color); } .service-section.style-1 .section-wrapper .service-item:nth-child(4) { width: 100%; } .service-section.style-1 .section-wrapper .service-item:nth-child(4) .service-inner { flex-direction: row-reverse; } @media (min-width: 992px) and (max-width: 1199px) { .service-section.style-3 .section-wrapper .service-item { height: 100%; } } @media (min-width: 768px) { .service-section.style-3 .section-wrapper .service-item .service-thumb { width: calc(100% / 2); } } .service-section.style-3 .section-wrapper .service-item .service-content { flex-direction: column; justify-content: center; } @media (min-width: 768px) { .service-section.style-3 .section-wrapper .service-item .service-content { width: calc(100% / 2); } } .service-section.style-3 .section-wrapper .service-item .service-content p { line-height: 1.75; } @media (min-width: 768px) and (max-width: 991px) { .service-section.style-3 .section-wrapper .col-12:nth-child(2) .service-item { flex-direction: row-reverse; } } @media (min-width: 992px) { .service-section.style-3 .section-wrapper .col-12:nth-child(3) .service-item { flex-direction: row-reverse; } } .service-section.style-3 .section-wrapper .col-12:nth-child(4) .service-item { flex-direction: row-reverse; } .swiper-slide-visible.swiper-slide-thumb-active .lab-item p { color: var(--first-color); } .swiper-slide-visible.swiper-slide-thumb-active .lab-item p::before { background: var(--first-color); } .sponsor-section { padding: 50px 0; } @media (min-width: 768px) { .sponsor-section { padding: 60px 0; } } .sponsor-section .sponsor-area .swiper-slide .sponsor-thumb { text-align: center; } .sponsor-section .sponsor-area .swiper-slide .sponsor-thumb img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; cursor: move; } .sponsor-section .sponsor-area .swiper-slide .sponsor-thumb:hover img { filter: sepia(100%); } .newsletter-section { padding: 60px 0; } .newsletter-section.style-1 { background: var(--first-color); } @media (min-width: 1200px) { .newsletter-section.style-1 .section-wrapper { justify-content: space-between; } } @media (min-width: 992px) { .newsletter-section.style-1 .section-wrapper .left { width: 40%; margin-bottom: 0; } } .newsletter-section.style-1 .section-wrapper .left .news-title { text-align: center; } @media (min-width: 768px) { .newsletter-section.style-1 .section-wrapper .left .news-title { text-align: left; } } .newsletter-section.style-1 .section-wrapper .left .news-title h2 { margin-bottom: 40px; color: #fff; } @media (min-width: 992px) { .newsletter-section.style-1 .section-wrapper .left .news-title h2 { margin-bottom: 0; } } @media (min-width: 992px) { .newsletter-section.style-1 .section-wrapper .right { width: 60%; } } .newsletter-section.style-1 .section-wrapper .right .news-input { display: flex; padding: 8px; border-radius: 3px; } .newsletter-section.style-1 .section-wrapper .right .news-input label { transform: rotate(-15deg); padding-left: 10px; color: var(--first-color); font-size: 28px; } .newsletter-section.style-1 .section-wrapper .right .news-input input[type=text] { outline: none; color: #696969; margin-bottom: 0; border: none; padding: 0; padding-left: 20px; background-color: transparent; } .newsletter-section.style-1 .section-wrapper .right .news-input button[type=submit] { padding: 15px 7px; color: #fff; font-size: 0.875rem; font-weight: 700; width: 250px; border: none; } .about-section.style-1 { padding-top: 95px; transform: translateY(25px); } .about-section.style-1 .section-wrapper { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); } .about-section.style-1 .section-wrapper .about-item { padding: 30px 20px; } @media (min-width: 576px) { .about-section.style-1 .section-wrapper .about-item { padding: 30px; } } .about-section.style-1 .section-wrapper .about-item .section-heading { text-align: left; } @media (max-width: 991px) { .about-section.style-1 .section-wrapper .post-thumb img { width: 100%; } } .certificat-section { background: url("../image/bg2.jpg"); background-position: right; background-repeat: no-repeat; background-size: contain; } @media (max-width: 991px) { .certificat-section { background-size: cover; } } .certificat-section .certificate-content h2 { color: #000000; margin-top: 0px; } .certificat-section .certificate-content h2 span { font-weight: 300; } .certificat-section .certificate-content h2:first-child { margin-bottom: 0; } .certificat-section .certificate-content p { color: #696969; line-height: 30px; } .certificat-section .certificats-site { margin-top: 40px; } @media (min-width: 992px) { .certificat-section .certificats-site { margin-top: 0; } } .certificat-section .certificats-site .certificate-item-inner { margin: 8.5px 0; box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); } @media (min-width: 576px) { .certificat-section .certificats-site .certificate-item-inner { margin: 8.5px; } } .cart-plus-minus { border: 1px solid #dee0e4; overflow: hidden; width: 120px; margin: 0 auto; position: relative; } .cart-plus-minus .qtybutton { color: #15273e; cursor: pointer; float: inherit; font-size: 14px; font-weight: 500; line-height: 40px; margin: 0; position: absolute; text-align: center; transition: all 0.3s ease 0s; width: 40px; } .cart-plus-minus .qtybutton:hover { background: var(--first-color); color: #fff; } .cart-plus-minus .inc.qtybutton { border-left: 1px solid #dee0e4; height: 40px; right: 0; top: 0; } .padding-tb { padding: 80px 0; } @media (min-width: 992px) { .padding-tb { padding: 120px 0; } } .text-btn { font-size: 0.875rem; color: #000000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .text-btn:hover { padding-left: 10px; color: var(--first-color); } @media (min-width: 576px) { .px-15 { padding: 0 15px; } } .section-header { z-index: 1; } @media (min-width: 992px) { .section-header { max-width: 70%; margin: 0 auto 50px; } } @media (min-width: 1200px) { .section-header { max-width: 63%; } } .section-header h2 { margin-top: -10px; } .section-header span { display: block; font-weight: 300; } .paginations { margin: 40px 0; } @media (min-width: 992px) { .paginations { margin-bottom: 0; } } .paginations ul li { padding: 5px; } .paginations ul li a { width: 46px; height: 46px; box-shadow: 0 0px 5px rgba(136, 136, 136, 0.1); color: #696969; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .paginations ul li a.active, .paginations ul li a:hover { color: #fff; box-shadow: 0 18px 24px rgba(255, 51, 114, 0.36); } .paginations ul li a.dot { box-shadow: none; } .paginations ul li a.dot:hover { background: transparent; color: #696969; } .cart-plus-minus { border: 1px solid #ecf0f3; width: 120px; margin: 0 auto; } .cart-plus-minus .qtybutton { float: #fff; font-size: 14px; font-weight: 500; width: 40px; height: 40px; line-height: 40px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .cart-plus-minus .qtybutton:hover { color: #fff; } .cart-plus-minus .inc.qtybutton { border-left: 1px solid #ecf0f3; right: 0; top: 0; } .blog-section .post-item-inner { margin-bottom: 40px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } @media (min-width: 1200px) { .blog-section .post-item-inner { margin-bottom: 0; } } .blog-section .post-item-inner .post-thumb a img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-section .post-item-inner .post-content { padding: 35px 30px 5px 30px; } .blog-section .post-item-inner .post-content .meta { font-size: 1rem; color: var(--first-color); } .blog-section .post-item-inner .post-content .meta a { font-weight: 500; color: var(--first-color); } .blog-section .post-item-inner .post-content h4>a { margin-bottom: 2px; color: #000000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-section .post-item-inner .blog-footer { padding: 17px 30px; border-top: 1px solid #ecf0f3; } .blog-section .post-item-inner .blog-footer .viewall { color: #000000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-section .post-item-inner:hover { box-shadow: 0px 15px 10px 0px rgba(136, 136, 136, 0.1); } .blog-section .post-item-inner:hover h4>a { color: var(--first-color); } .blog-section .post-item-inner:hover .viewall { color: var(--first-color); } .blog-section .post-item-inner:hover .post-thumb a img { transform: scale(1.07); } .widget { padding: 25px; box-shadow: 0 0 10px rgba(136, 136, 136, 0.1); } .widget.shop-widget { box-shadow: 0 0 10px rgba(136, 136, 136, 0.1); margin-top: 35px; } @media (min-width: 992px) { .footer-section.style-1 .footer-top { padding-top: 120px; padding-bottom: 110px; } } .footer-section.style-1 .footer-top h3 { color: #000000; text-transform: capitalize; } .footer-section.style-1 .footer-top li { list-style: none; padding: 5px 0; margin: 2px 0; } .footer-section.style-1 .footer-top .contact-info ul { margin-bottom: 40px; } @media (min-width: 992px) { .footer-section.style-1 .footer-top .contact-info ul { margin-bottom: 0; } } .footer-section.style-1 .footer-top .contact-info ul li i { margin-right: 5px; } .footer-section.style-1 .footer-top .contact-info ul li a:hover { color: var(--first-color); text-decoration: underline; } @media (min-width: 992px) { .footer-section.style-1 .footer-top .doctor-info { margin-left: 45px; } } .footer-section.style-1 .footer-top .doctor-info ul li { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; padding: 7px 0; } .footer-section.style-1 .footer-top .doctor-info ul li i { font-size: 1rem; margin-right: 5px; } .footer-section.style-1 .footer-bottom { padding: 32px 0; border-top: 1px solid #000; } .footer-section.style-1 .footer-bottom span { text-transform: capitalize; } .footer-section.style-1 .footer-bottom span a { font-weight: 500; margin: 0 5px; } .footer-section.style-1 .footer-bottom span a:hover { color: var(--first-color); } .footer-section.style-1 .footer-bottom span a:first-child { color: var(--first-color); } .mobile-menu { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; z-index: 9999 !important; background: #fff !important; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important; padding: 0 !important; } @media (min-width: 992px) { .mobile-menu { display: none !important; } } .mobile-menu .container { display: flex; align-items: center; justify-content: space-between; height: 60px; padding: 0 15px; } @media (min-width:1000px) and (max-width:1200px){ .main-menu li a{ margin:0!important; font-size: 1rem; } } .mobile-menu .mobile-menu-wrapper { display: flex; align-items: center; justify-content: space-between; width: 100%; } .mobile-menu .mobile-menu-wrapper .logo { flex-shrink: 0; } .mobile-menu .mobile-menu-wrapper .logo img { max-height: 38px; width: auto; } .mobile-menu .mobile-menu-wrapper .open-menu { position: relative; right: auto; top: auto; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 6px; transition: background 0.3s ease; } .mobile-menu .mobile-menu-wrapper .open-menu:hover { background: rgba(0, 113, 239, 0.08); } .mobile-menu .mobile-menu-wrapper .open-menu i { font-size: 24px; color: #2c2c2c; } .mobile-menu .mobile-menu-wrapper .open-menu svg { width: 26px; height: 26px; } .hc-offcanvas-nav { z-index: 10000 !important; } .hc-offcanvas-nav .nav-container { background: #fff !important; box-shadow: -4px 0 30px rgba(0, 0, 0, 0.15) !important; } .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav .nav-wrapper-0, .hc-offcanvas-nav ul { background: #fff !important; } .hc-offcanvas-nav .nav-wrapper > .nav-content > ul:not(:last-child) { border-bottom: none !important; } .hc-offcanvas-nav .nav-close-button { display: block; position: relative; } .hc-offcanvas-nav .nav-close-button span { position: relative; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(0, 113, 239, 0.1); transition: background 0.3s ease; } .hc-offcanvas-nav .nav-close-button span:hover { background: rgba(0, 113, 239, 0.2); } .hc-offcanvas-nav .nav-close-button span::before, .hc-offcanvas-nav .nav-close-button span::after { content: '' !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 14px !important; height: 2px !important; background: var(--first-color) !important; border: none !important; margin: 0 !important; } .hc-offcanvas-nav .nav-close-button span::before { transform: translate(-50%, -50%) rotate(45deg) !important; } .hc-offcanvas-nav .nav-close-button span::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .hc-offcanvas-nav .nav-close a, .hc-offcanvas-nav .nav-content > .nav-close a { background: #f8f9fb !important; color: #1a1a1a !important; border-top: none !important; border-bottom: 1px solid #eef1f5 !important; padding: 12px 20px !important; font-size: 14px !important; font-weight: 500 !important; } .hc-offcanvas-nav .nav-content > .nav-close a:hover { border: none !important; background: #eef3fb !important; } .hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a { padding: 14px 20px !important; font-size: 15px !important; font-weight: 500 !important; color: #1a1a1a !important; background: transparent !important; border-bottom: 1px solid #f0f2f5 !important; transition: all 0.25s ease !important; } .hc-offcanvas-nav .nav-item-link:hover, .hc-offcanvas-nav .nav-item-link:focus { color: var(--first-color) !important; background: rgba(0, 113, 239, 0.04) !important; } .hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover { background: rgba(0, 113, 239, 0.04) !important; color: var(--first-color) !important; } .hc-offcanvas-nav .nav-highlight { background: rgba(0, 113, 239, 0.06) !important; } .hc-offcanvas-nav .nav-item-link[disabled] { color: #bbb !important; } .hc-offcanvas-nav li.nav-parent .nav-item-link:last-child { padding-right: 50px !important; } .hc-offcanvas-nav a.nav-next { border-left: 1px solid #f0f2f5 !important; border-bottom: none !important; background: transparent !important; transition: background 0.25s ease !important; } .hc-offcanvas-nav a.nav-next:hover { background: rgba(0, 113, 239, 0.06) !important; } .hc-offcanvas-nav .nav-next span::before { content: '' !important; width: 8px !important; height: 8px !important; border-top: 2px solid #888 !important; border-left: 2px solid #888 !important; margin-left: -2px !important; transform: translate(-50%, -50%) rotate(135deg) !important; transition: border-color 0.25s ease !important; } .hc-offcanvas-nav a.nav-next:hover span::before { border-color: var(--first-color) !important; } .hc-offcanvas-nav .nav-back span { width: 44px !important; border-left: 1px solid #f0f2f5 !important; border-bottom: none !important; background: transparent !important; transition: background 0.25s ease !important; } .hc-offcanvas-nav .nav-back span:hover { background: rgba(0, 113, 239, 0.06) !important; } .hc-offcanvas-nav .nav-back span::before { content: '' !important; width: 8px !important; height: 8px !important; border-top: 2px solid #888 !important; border-left: 2px solid #888 !important; margin-left: 2px !important; transform: translate(-50%, -50%) rotate(-45deg) !important; transition: border-color 0.25s ease !important; } .hc-offcanvas-nav .nav-back span:hover::before { border-color: var(--first-color) !important; } .hc-offcanvas-nav .nav-back a { color: var(--first-color) !important; font-weight: 600 !important; font-size: 14px !important; background: #f8f9fb !important; border-top: 1px solid #eef1f5 !important; border-bottom: 1px solid #eef1f5 !important; } .hc-offcanvas-nav .nav-back a:hover { background: #eef3fb !important; } .hc-offcanvas-nav .nav-content > h2, .hc-offcanvas-nav .nav-content > h3, .hc-offcanvas-nav .nav-content > h4, .hc-offcanvas-nav .nav-content > h5 { font-size: 18px !important; font-weight: 700 !important; padding: 20px 20px 10px !important; color: var(--first-color) !important; background: transparent !important; } .hc-offcanvas-nav .nav-content > h2:not(.nav-title):not(.level-title), .hc-offcanvas-nav .nav-content > h3:not(.nav-title):not(.level-title), .hc-offcanvas-nav .nav-content > h4:not(.nav-title):not(.level-title), .hc-offcanvas-nav .nav-content > h5:not(.nav-title):not(.level-title) { font-size: 16px !important; font-weight: 600 !important; padding: 14px 20px !important; color: #1a1a1a !important; background: #fafbfc !important; } .hc-offcanvas-nav .nav-title { color: var(--first-color) !important; font-size: 20px !important; font-weight: 700 !important; padding: 20px !important; border-bottom: 2px solid var(--first-color) !important; } .hc-offcanvas-nav.nav-levels-overlap li.level-open, .hc-offcanvas-nav.nav-levels-expand li.level-open, .hc-offcanvas-nav.nav-levels-none li.level-open { background: rgba(0, 113, 239, 0.03) !important; } .hc-offcanvas-nav.nav-levels-overlap li.level-open > .nav-item-wrapper > a, .hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > a, .hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > a { border-bottom-color: #e8edf2 !important; color: var(--first-color) !important; } .hc-offcanvas-nav.nav-levels-overlap li.level-open > .nav-item-wrapper > a:hover, .hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > a:hover, .hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > a:hover { background: rgba(0, 113, 239, 0.06) !important; } .hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper, .hc-offcanvas-nav.nav-levels-none ul .nav-wrapper { background: transparent !important; box-shadow: none !important; } .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-1 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-1 .nav-item-link { padding-left: calc(20px + 18px * 1) !important; font-size: 14px !important; color: #555 !important; } .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-2 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-2 .nav-item-link { padding-left: calc(20px + 18px * 2) !important; font-size: 14px !important; color: #777 !important; } .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-3 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-3 .nav-item-link { padding-left: calc(20px + 18px * 3) !important; font-size: 13px !important; color: #999 !important; } .hc-offcanvas-nav .nav-custom-content { padding: 16px 20px !important; font-size: 14px !important; color: #666 !important; border-bottom: 1px solid #f0f2f5 !important; background: #fff !important; } .hc-offcanvas-nav::after, .hc-offcanvas-nav .nav-wrapper::after { background: rgba(0, 0, 0, 0.4) !important; } .hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link { border-top: none !important; } .hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h2, .hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h3, .hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h4, .hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h5 { margin-top: 0 !important; } @media (max-width: 991px) { body { margin-top: 60px; } } .hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-wrapper { box-shadow: -2px 0 20px rgba(0, 0, 0, 0.12) !important; } .hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper { box-shadow: 2px 0 20px rgba(0, 0, 0, 0.12) !important; } .hc-offcanvas-nav li { color: #1a1a1a !important; } .hc-offcanvas-nav li li { color: #555 !important; }