.easyhtml5video { position:relative; max-width:1320px; margin: auto; margin-bottom:40px; z-index:500; } .owl-carousel .owl-stage-outer { height: 400px !important; } /* 500px or more */ @media only screen and (min-width: 500px) { .owl-carousel .owl-stage-outer { height: 500px !important; } } /* 766px or more */ @media only screen and (min-width: 766px) { .owl-carousel .owl-stage-outer { height: 354px !important; } } /* 1000px or more */ @media only screen and (min-width: 1000px) { .owl-carousel .owl-stage-outer { height: 460px !important; } } /* 1280px or more */ @media only screen and (min-width: 1280px) { .owl-carousel .owl-stage-outer { height: 480px !important; } } /* 1325px or more */ @media only screen and (min-width: 1325px) { .owl-carousel .owl-stage-outer { height: 580px !important; } } /*================================================ Default CSS =================================================*/ @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); :root { --main-font-family: 'Open Sans', sans-serif; --heading-font-family: 'Poppins', sans-serif; --main-color: #3FB6D6; --optional-color: #005CB9; --white-color: #ffffff; --black-color: #1F242F; --paragraph-color: #565656; --font-size: 16px; --transition: .6s; } body { padding: 0; margin: 0; font-family: var(--main-font-family); font-size: var(--font-size); } .box-style-container { padding-left: 15px; padding-right: 15px; } a { text-decoration: none; -webkit-transition: var(--transition); transition: var(--transition); color: var(--black-color); display: inline-block; } a:hover, a:focus { color: var(--main-color); text-decoration: none; } button { outline: 0 !important; } p { margin-bottom: 15px; line-height: 1.8; color: var(--paragraph-color); font-weight: 400; font-family: var(--main-font-family); font-size: var(--font-size); } p:last-child { margin-bottom: 0; } i { line-height: normal; } .d-table { width: 100%; height: 100%; } .d-table-cell { vertical-align: middle; } img { max-width: 100%; height: auto; display: inline-block; } .ptb-100 { padding-top: 100px; padding-bottom: 100px; } .pt-100 { padding-top: 100px; } .pb-100 { padding-bottom: 100px; } .pt-75 { padding-top: 75px; } .pb-75 { padding-bottom: 75px; } .pb-50 { padding-bottom: 50px; } .pb-25 { padding-bottom: 25px; } .pb-15 { padding-bottom: 15px; } .pb-10 { padding-bottom: 10px; } .font-20 { font-size: 20px; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: var(--black-color); font-family: var(--heading-font-family); font-weight: 600; } .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0; } /* Default Btn CSS */ .default-btn { padding: 18px 45px; text-align: center; color: var(--white-color); font-size: var(--font-size); font-weight: 500; -webkit-transition: var(--transition); transition: var(--transition); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; border-radius: 0; z-index: 0; background-color: var(--main-color); -webkit-box-shadow: none; box-shadow: none; overflow: hidden; white-space: nowrap; } .default-btn:before { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 550px; height: 550px; margin: auto; background: var(--optional-color); border-radius: 50%; z-index: -1; -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: translateX(-50%) translateY(-5%) scale(0.4); transform: translateX(-50%) translateY(-5%) scale(0.4); -webkit-transition: -webkit-transform .9s; transition: -webkit-transform .9s; transition: transform .9s; transition: transform .9s, -webkit-transform .9s; } .default-btn i { font-size: 15px; margin-left: 8px; position: relative; top: 2px; } .default-btn:hover { color: var(--white-color); } .default-btn:hover:before { -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; -webkit-transform: translateX(-45%) translateY(0) scale(1); transform: translateX(-45%) translateY(0) scale(1); -webkit-transform-origin: bottom center; transform-origin: bottom center; } /* video iframe */ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 40px; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Section Title CSS */ .section-title { text-align: center; max-width: 810px; margin: 0 auto 45px; } .section-title span { font-size: var(--font-size); display: inline-block; margin-bottom: 18px; color: var(--main-color); font-weight: 600; } .section-title h2 { font-size: 48px; margin-bottom: 0; } /* Preloader Area CSS */ .preloader { position: fixed; z-index: 999999; background-color: var(--white-color); width: 100%; height: 100%; text-align: center; left: 0; right: 0; } .preloader .lds-spinner { color: official; display: inline-block; position: relative; width: 80px; height: 80px; } .preloader .lds-spinner div { -webkit-transform-origin: 40px 40px; transform-origin: 40px 40px; -webkit-animation: lds-spinner 1.2s linear infinite; animation: lds-spinner 1.2s linear infinite; } .preloader .lds-spinner div::after { content: " "; display: block; position: absolute; top: 3px; left: 37px; width: 6px; height: 18px; border-radius: 20%; background: var(--main-color); } .preloader .lds-spinner div:nth-child(1) { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .preloader .lds-spinner div:nth-child(2) { -webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-animation-delay: -1s; animation-delay: -1s; } .preloader .lds-spinner div:nth-child(3) { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .preloader .lds-spinner div:nth-child(4) { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .preloader .lds-spinner div:nth-child(5) { -webkit-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .preloader .lds-spinner div:nth-child(6) { -webkit-transform: rotate(150deg); transform: rotate(150deg); -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .preloader .lds-spinner div:nth-child(7) { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .preloader .lds-spinner div:nth-child(8) { -webkit-transform: rotate(210deg); transform: rotate(210deg); -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .preloader .lds-spinner div:nth-child(9) { -webkit-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .preloader .lds-spinner div:nth-child(10) { -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .preloader .lds-spinner div:nth-child(11) { -webkit-transform: rotate(300deg); transform: rotate(300deg); -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } .preloader .lds-spinner div:nth-child(12) { -webkit-transform: rotate(330deg); transform: rotate(330deg); -webkit-animation-delay: 0s; animation-delay: 0s; } @-webkit-keyframes lds-spinner { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes lds-spinner { 0% { opacity: 1; } 100% { opacity: 0; } } /* Search Overlay CSS */ .search-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; overflow: hidden; } .search-overlay .search-overlay-layer { position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; -webkit-transform: translateX(100%); transform: translateX(100%); } .search-overlay .search-overlay-layer:nth-child(1) { left: 0; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .search-overlay .search-overlay-layer:nth-child(2) { left: 0; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s; } .search-overlay .search-overlay-layer:nth-child(3) { left: 0; background-color: rgba(0, 0, 0, 0.7); -webkit-transition: all 0.9s ease-in-out 0.6s; transition: all 0.9s ease-in-out 0.6s; } .search-overlay .search-overlay-close { position: absolute; top: 40px; right: 40px; width: 50px; z-index: 2; text-align: center; cursor: pointer; padding: 10px; -webkit-transition: all 0.9s ease-in-out 1.5s; transition: all 0.9s ease-in-out 1.5s; opacity: 0; visibility: hidden; } .search-overlay .search-overlay-close .search-overlay-close-line { width: 100%; height: 3px; float: left; margin-bottom: 5px; background-color: var(--white-color); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .search-overlay .search-overlay-close .search-overlay-close-line:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .search-overlay .search-overlay-close .search-overlay-close-line:nth-child(2) { margin-top: -7px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .search-overlay .search-overlay-close:hover .search-overlay-close-line { background: var(--main-color); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .search-overlay .search-overlay-form { -webkit-transition: all 0.9s ease-in-out 1.4s; transition: all 0.9s ease-in-out 1.4s; opacity: 0; visibility: hidden; position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); z-index: 2; max-width: 500px; width: 500px; } .search-overlay .search-overlay-form form { position: relative; } .search-overlay .search-overlay-form form .input-search { display: block; width: 100%; height: 60px; border: none; border-radius: 30px; color: var(--paragraph-color); padding: 0 0 0 25px; font-weight: 500; outline: 0; } .search-overlay .search-overlay-form form .input-search::-webkit-input-placeholder { -webkit-transition: var(--transition); transition: var(--transition); letter-spacing: .5px; color: var(--paragraph-color); } .search-overlay .search-overlay-form form .input-search:-ms-input-placeholder { -webkit-transition: var(--transition); transition: var(--transition); letter-spacing: .5px; color: var(--paragraph-color); } .search-overlay .search-overlay-form form .input-search::-ms-input-placeholder { -webkit-transition: var(--transition); transition: var(--transition); letter-spacing: .5px; color: var(--paragraph-color); } .search-overlay .search-overlay-form form .input-search::placeholder { -webkit-transition: var(--transition); transition: var(--transition); letter-spacing: .5px; color: var(--paragraph-color); } .search-overlay .search-overlay-form form .input-search:focus::-webkit-input-placeholder { color: transparent; } .search-overlay .search-overlay-form form .input-search:focus:-ms-input-placeholder { color: transparent; } .search-overlay .search-overlay-form form .input-search:focus::-ms-input-placeholder { color: transparent; } .search-overlay .search-overlay-form form .input-search:focus::placeholder { color: transparent; } .search-overlay .search-overlay-form form button { display: inline-block; position: absolute; right: 5px; top: 5px; width: 50px; color: var(--white-color); height: 50px; border-radius: 50%; background-color: var(--main-color); -webkit-transition: var(--transition); transition: var(--transition); border: none; font-size: 20px; line-height: 50px; } .search-overlay .search-overlay-form form button:hover { background-color: var(--black-color); color: var(--white-color); } .search-overlay.search-overlay-active.search-overlay { opacity: 1; visibility: visible; } .search-overlay.search-overlay-active.search-overlay .search-overlay-layer { -webkit-transform: translateX(0); transform: translateX(0); } .search-overlay.search-overlay-active.search-overlay .search-overlay-close { opacity: 1; visibility: visible; } .search-overlay.search-overlay-active.search-overlay .search-overlay-form { opacity: 1; visibility: visible; } /* Main Slides Area CSS */ .main-slides-item { background-image: url(../../assets/images/main-slides/slides-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top: 165px; } .main-slides-item.bg-2 { background-image: url(../../assets/images/main-slides/slides-bg-2.jpg); } .main-slides-item.bg-3 { background-image: url(../../assets/images/main-slides/slides-bg-3.jpg); } .main-slides-content { position: relative; margin-top: -40px; } .main-slides-content span { font-size: 18px; font-weight: 500; color: var(--black-color); display: block; margin-bottom: 18px; } .main-slides-content h2{ font-size: 70px; margin-bottom: 0; font-weight: bold; } .main-slides-content p { margin-top: 20px; margin-bottom: 0; color: var(--black-color); } .main-slides-content .slides-btn { margin-top: 30px; } .main-slides-image { text-align: center; } .home-slides.owl-theme .owl-nav { margin-top: 0; -webkit-transition: 1s; transition: 1s; opacity: 0; visibility: hidden; line-height: .01; } .home-slides.owl-theme .owl-nav [class*=owl-] { margin: 0; position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0; background: var(--white-color); color: var(--paragraph-color); border-radius: 0; -webkit-transition: var(--transition); transition: var(--transition); display: inline-block; width: 55px; height: 55px; line-height: 62px; text-align: center; font-size: 35px; } .home-slides.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: 20px; } .home-slides.owl-theme .owl-nav [class*=owl-]:hover { color: var(--white-color); background-color: var(--main-color); } .home-slides.owl-theme:hover .owl-nav { opacity: 1; visibility: visible; } /* Hero Slides Area CSS */ .hero-slides-item { background-image: url(../../assets/images/hero-slides/1.jpg); background-position: center top; background-size: contain; background-repeat: no-repeat; padding-top: 145px; padding-bottom: 250px; position: relative; z-index: 1; overflow: hidden; } .hero-slides-item.bg-2 { background-image: url(../../assets/images/hero-slides/2.jpg); } .hero-slides-item.bg-3 { background-image: url(../../assets/images/hero-slides/3.jpg); } .hero-slides-item.bg-4 { background-image: url(../../assets/images/hero-slides/4.jpg); } .hero-slides-item.bg-5 { background-image: url(../../assets/images/hero-slides/5.jpg); } .hero-slides-item .slides-overlay-color { position: absolute; left: 0; top: 0; z-index: -1; } .hero-slides-item .slides-overlay-color2 { position: absolute; right: 0; top: 0; z-index: -1; } /* right content */ .hero-slides-content1 { max-width: 650px; } .hero-slides-content1 span { font-size: 18px; font-weight: 500; color: var(--white-color); display: block; margin-bottom: 18px; text-shadow: 0 0 10px #4d4d4d, 15px 15px 14px rgba(77,77,77,0); } .hero-slides-content1 h2 { font-size: 40px; margin-bottom: 0; font-weight: bold; color: var(--white-color); text-shadow: 0 0 10px #4d4d4d, 15px 15px 14px rgba(77,77,77,0); } .hero-slides-content1 p { margin-top: 20px; margin-bottom: 0; color: var(--white-color); text-shadow: 0 0 10px #4d4d4d, 15px 15px 14px rgba(77,77,77,0); } .hero-slides-content1 .slides-btn { margin-top: 30px; } .hero-slides-content1 .slides-btn .default-btn { background-color: var(--optional-color); } .hero-slides-content1 .slides-btn .default-btn::before { background-color: var(--main-color); } /* left content */ .hero-slides-content2 { max-width: 650px; float: right; } .hero-slides-content2 span { font-size: 18px; font-weight: 500; color: var(--white-color); display: block; margin-bottom: 18px; text-shadow: 0 0 10px #4d4d4d, 15px 15px 14px rgba(77,77,77,0); } .hero-slides-content2 h2 { font-size: 40px; margin-bottom: 0; font-weight: bold; color: var(--white-color); text-shadow: 0 0 10px #4d4d4d, 15px 15px 14px rgba(77,77,77,0); } .hero-slides-content2 p { margin-top: 20px; margin-bottom: 0; color: var(--white-color); text-shadow: 0 0 10px #4d4d4d, 15px 15px 14px rgba(77,77,77,0); } .hero-slides-content2 .slides-btn { margin-top: 30px; } .hero-slides-content2 .slides-btn .default-btn { background-color: var(--optional-color); } .hero-slides-content2 .slides-btn .default-btn::before { background-color: var(--main-color); } /* ======================================== */ .hero-slides.owl-theme .owl-nav { margin-top: 0; -webkit-transition: 1s; transition: 1s; line-height: .01; } .hero-slides.owl-theme .owl-nav [class*=owl-] { margin: 0; position: absolute; left: 0; top: 45%; -webkit-transform: translateY(-45%); transform: translateY(-45%); padding: 0; background: none; color: var(--paragraph-color); border-radius: 0; -webkit-transition: var(--transition); transition: var(--transition); display: inline-block; width: 55px; height: 55px; line-height: 62px; text-align: center; font-size: 35px; } .hero-slides.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: 0; } .hero-slides.owl-theme .owl-nav [class*=owl-]:hover { color: var(--white-color); background-color: var(--main-color); } /* Main Banner Area CSS */ .main-banner-area { background-image: url(../../assets/images/main-banner-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top: 100px; padding-bottom: 100px; position: relative; z-index: 1; } .main-banner-area::before { position: absolute; content: ""; left: 0; right: 0; top: 0; height: 100%; width: 100%; background-color: var(--black-color); z-index: -1; opacity: .90; } .main-banner-content span { font-size: 18px; font-weight: 500; color: var(--main-color); display: block; margin-bottom: 18px; } .main-banner-content h2 { font-size: 70px; margin-bottom: 0; font-weight: bold; color: var(--white-color); } .main-banner-content p { margin-top: 20px; margin-bottom: 0; color: var(--white-color); } .main-banner-content .banner-list { padding: 0; margin-bottom: 0; margin-top: 30px; } .main-banner-content .banner-list li { display: inline-block; margin-right: 30px; text-align: center; } .main-banner-content .banner-list li:last-child { margin-right: 0; } .main-banner-content .banner-list li i { display: inline-block; height: 70px; width: 70px; line-height: 70px; background-color: var(--main-color); color: var(--white-color); text-align: center; border-radius: 50px; font-size: 35px; -webkit-transition: var(--transition); transition: var(--transition); } .main-banner-content .banner-list li span { display: block; margin-top: 10px; margin-bottom: 0; color: var(--white-color); } .main-banner-content .banner-list li.primary-care i { line-height: 78px; } .main-banner-content .banner-list li:hover i { background-color: var(--optional-color); } .main-banner-appointment { background-color: var(--white-color); padding: 35px; border: 1px solid #707070; } .main-banner-appointment .content { margin-bottom: 25px; } .main-banner-appointment .content h3 { font-size: 24px; margin-bottom: 12px; } .main-banner-appointment .content p { color: var(--paragraph-color); margin-bottom: 0; } .main-banner-appointment form .form-group { position: relative; margin-bottom: 10px; } .main-banner-appointment form .form-group .form-control { height: 60px; display: block; padding: 15px 20px 15px 15px; width: 100%; border: 1px solid #DDDDDD; background-color: var(--white-color); border-radius: 0; color: var(--paragraph-color); font-size: var(--font-size); font-weight: 400; } .main-banner-appointment form .form-group .form-control::-webkit-input-placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .main-banner-appointment form .form-group .form-control:-ms-input-placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .main-banner-appointment form .form-group .form-control::-ms-input-placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .main-banner-appointment form .form-group .form-control::placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .main-banner-appointment form .form-group .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .main-banner-appointment form .form-group .form-control:focus::-webkit-input-placeholder { color: transparent; } .main-banner-appointment form .form-group .form-control:focus:-ms-input-placeholder { color: transparent; } .main-banner-appointment form .form-group .form-control:focus::-ms-input-placeholder { color: transparent; } .main-banner-appointment form .form-group .form-control:focus::placeholder { color: transparent; } .main-banner-appointment form .form-group label { z-index: 1; display: block; margin-bottom: 0; position: absolute; right: 15px; color: var(--paragraph-color); font-size: 18px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: 0; } .main-banner-appointment form .form-group textarea.form-control { padding: 15px 20px 15px 15px !important; } .main-banner-appointment form .form-group .selectize-input { display: block; padding: 18px 20px; width: 100%; border: 1px solid #DDDDDD; background-color: var(--white-color); border-radius: 0; color: var(--paragraph-color); font-size: var(--font-size); font-weight: 400; overflow: inherit; text-align: start; -webkit-box-shadow: none; box-shadow: none; } .main-banner-appointment form .form-group .selectize-input:after { content: "\ea4e"; display: block; position: absolute; top: 48%; -webkit-transform: translateY(-48%); transform: translateY(-48%); right: 15px; margin-top: 2px; font-size: 18px; width: unset; height: unset; border-style: unset; border-width: unset; border-color: var(--paragraph-color); font-family: "remixicon"; } .main-banner-appointment form .form-group .selectize-input > * { line-height: 1.5; text-align: start; } .main-banner-appointment form .form-group .selectize-input input { font-size: 16px; line-height: 1.5; text-align: start; } .main-banner-appointment form .form-group .selectize-dropdown { -webkit-box-shadow: none; box-shadow: none; border: none; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); border-radius: 0; text-align: start; } .main-banner-appointment form .form-group .selectize-dropdown [data-selectable] { font-size: 15px; border-radius: 0; padding: 10px 20px; border-radius: 0; text-align: start; } .main-banner-appointment form .appointment-btn .default-btn { border: none; width: 100%; padding: 18px 30px; } .main-banner-appointment form .appointment-btn .default-btn::before { height: 650px; width: 650px; } /* Features Area CSS */ .single-features-card { background-color: var(--white-color); -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; margin-bottom: 25px; padding: 30px 35px; position: relative; overflow: hidden; -webkit-transition: var(--transition); transition: var(--transition); } .single-features-card .icon { margin-bottom: 25px; } .single-features-card .icon i { display: inline-block; height: 100px; width: 100px; line-height: 100px; background-color: var(--main-color); color: var(--white-color); font-size: 55px; text-align: center; border-radius: 50%; -webkit-transition: var(--transition); transition: var(--transition); } .single-features-card h3 { font-size: 24px; margin-bottom: 15px; } .single-features-card h3 a { color: var(--black-color); } .single-features-card p { -webkit-transition: var(--transition); transition: var(--transition); margin-bottom: 0; } .single-features-card .features-shape { position: absolute; right: -20px; top: -20px; opacity: 50%; } .single-features-card:hover { background-color: var(--main-color); -webkit-transform: translateY(-5px); transform: translateY(-5px); } .single-features-card:hover .icon i { background-color: var(--white-color); color: var(--main-color); } .single-features-card:hover h3 a { color: var(--white-color); } .single-features-card:hover p { color: var(--white-color); } .features-inner-box { background-color: var(--white-color); -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; padding-top: 50px; padding-bottom: 25px; padding-left: 50px; padding-right: 50px; position: relative; z-index: 1; margin-top: 0px; } .row .col-lg-4:last-child .single-features-box::before { display: none; } .single-features-box { margin-bottom: 25px; max-width: 350px; position: relative; } .single-features-box::before { content: ""; position: absolute; top: 0; right: -12px; width: 1px; height: 100%; background-color: #ece1e1; } .single-features-box .icon { margin-bottom: 25px; } .single-features-box .icon i { display: inline-block; height: 100px; width: 100px; line-height: 100px; background-color: var(--main-color); color: var(--white-color); font-size: 55px; text-align: center; border-radius: 50%; -webkit-transition: var(--transition); transition: var(--transition); } .single-features-box .icon-img { display: inline-block; height: 100px; width: 100px; line-height: 100px; background-color: var(--main-color); color: var(--white-color); font-size: 55px; text-align: center; border-radius: 50%; -webkit-transition: var(--transition); transition: var(--transition); } .img-icon { width:50%; vertical-align: unset; } .img-icon-about { max-width: 50px; } .single-features-box h3 { font-size: 24px; margin-bottom: 15px; } .single-features-box h3 a { color: var(--black-color); } .single-features-box p { -webkit-transition: var(--transition); transition: var(--transition); margin-bottom: 0; } .single-features-box:hover .icon i { background-color: var(--optional-color); } .single-features-box:hover .icon-img { background-color: var(--optional-color); } /* About Area CSS */ .about-content span { font-size: var(--font-size); color: var(--main-color); display: inline-block; margin-bottom: 15px; font-weight: 600; } .about-content h3 { font-size: 48px; margin-bottom: 15px; } .about-content p { margin-bottom: 0; } .about-content .about-inner-box { margin-top: 30px; } .about-content .about-btn { margin-top: 30px; } .about-content.with-max-width { max-width: 650px; margin-left: 70px; } .about-image { position: relative; } .about-image .about-info { background-color: var(--optional-color); padding: 25px; position: absolute; left: 20px; bottom: 0; -webkit-transition: var(--transition); transition: var(--transition); } .about-image .about-info.with-align-right { right: -30px; left: auto; } .about-image .about-info .info-box { position: relative; padding-left: 75px; } .about-image .about-info .info-box .icon { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .about-image .about-info .info-box .icon i { display: inline-block; height: 62px; width: 62px; line-height: 70px; background-color: var(--white-color); color: var(--black-color); text-align: center; border-radius: 50px; font-size: 25px; -webkit-transition: var(--transition); transition: var(--transition); } .about-image .about-info .info-box span { display: block; font-size: var(--font-size); font-weight: 500; margin-bottom: 10px; color: var(--white-color); } .about-image .about-info .info-box a { font-size: 24px; color: var(--white-color); font-weight: 600; } .about-image .about-info .info-time { padding: 0; margin-bottom: 0; margin-top: 20px; } .about-image .about-info .info-time li { list-style-type: none; color: var(--white-color); font-size: var(--font-size); font-weight: 400; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed var(--white-color); } .about-image .about-info .info-time li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .about-image .about-info .info-time li span { float: right; } .about-image .about-info:hover { background-color: var(--main-color); } .about-image .about-info:hover .info-box .icon i { background-color: var(--optional-color); color: var(--white-color); } .about-image-wrap { position: relative; margin-left: 70px; } .about-image-wrap .about-info { background-color: var(--optional-color); padding: 25px; position: absolute; left: -50px; bottom: 0; -webkit-transition: var(--transition); transition: var(--transition); } .about-image-wrap .about-info .info-box { position: relative; padding-left: 75px; } .about-image-wrap .about-info .info-box .icon { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .about-image-wrap .about-info .info-box .icon i { display: inline-block; height: 62px; width: 62px; line-height: 70px; background-color: var(--white-color); color: var(--black-color); text-align: center; border-radius: 50px; font-size: 25px; -webkit-transition: var(--transition); transition: var(--transition); } .about-image-wrap .about-info .info-box span { display: block; font-size: var(--font-size); font-weight: 500; margin-bottom: 10px; color: var(--white-color); } .about-image-wrap .about-info .info-box a { font-size: 24px; color: var(--white-color); font-weight: 600; } .about-image-wrap .about-info .info-time { padding: 0; margin-bottom: 0; margin-top: 20px; } .about-image-wrap .about-info .info-time li { list-style-type: none; color: var(--white-color); font-size: var(--font-size); font-weight: 400; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed var(--white-color); } .about-image-wrap .about-info .info-time li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .about-image-wrap .about-info .info-time li span { float: right; } .about-image-wrap .about-info:hover { background-color: var(--main-color); } .about-image-wrap .about-info:hover .info-box .icon i { background-color: var(--optional-color); color: var(--white-color); } /* Department Area CSS */ .department-area { background-color: #CCE2EA; position: relative; z-index: 1; } .department-area::before { content: ''; position: absolute; top: 0; left: 0; right: 0; background-color: var(--white-color); z-index: -1; height: 280px; } .single-department-card { margin-bottom: 25px; background-color: var(--white-color); -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; padding: 0 25px 25px; -webkit-transition: var(--transition); transition: var(--transition); position: relative; z-index: 1; } .single-department-card::before { position: absolute; content: ""; left: 0; right: 0; bottom: 0; width: 100%; height: 355px; background-color: var(--main-color); z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: var(--transition); transition: var(--transition); } .single-department-card a img { display: inline-block !important; } .single-department-card .department-content { margin-top: 25px; } .single-department-card .department-content h3 { font-size: 24px; margin-bottom: 15px; } .single-department-card .department-content h3 a { color: var(--black-color); } .single-department-card .department-content p { -webkit-transition: var(--transition); transition: var(--transition); margin-bottom: 12px; } .single-department-card .department-content .department-btn { color: var(--black-color); -webkit-transition: var(--transition); transition: var(--transition); } .single-department-card .department-content .department-btn i { position: relative; top: 2px; margin-left: 5px; } .single-department-card:hover::before { opacity: 1; visibility: visible; } .single-department-card:hover .department-content h3 a { color: var(--white-color); } .single-department-card:hover .department-content p { color: var(--white-color); } .single-department-card:hover .department-content .department-btn { color: var(--white-color); } .department-slides.owl-theme .owl-dots .owl-dot span { width: 20px; height: 20px; margin: 0 5px; position: relative; border-radius: 50%; background: transparent; -webkit-transition: var(--transition); transition: var(--transition); border: 1px solid transparent; } .department-slides.owl-theme .owl-dots .owl-dot span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; margin: 4px; position: absolute; border-radius: 50%; background-color: var(--main-color); } .department-slides.owl-theme .owl-dots .owl-dot:hover span, .department-slides.owl-theme .owl-dots .owl-dot.active span { width: 20px; height: 20px; border: 1px solid var(--main-color); } .department-slides.owl-theme .owl-dots .owl-dot:hover span::before, .department-slides.owl-theme .owl-dots .owl-dot.active span::before { background-color: var(--main-color); } .department-slides.owl-theme .owl-dots .owl-dot:first-child { margin-left: 0; } .department-slides.owl-theme .owl-dots .owl-dot:last-child { margin-right: 0; } .department-slides.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 5px; } .department-shape-1 { position: absolute; left: 0; bottom: 0; z-index: -1; opacity: 15%; } .department-shape-2 { position: absolute; right: 0; bottom: 0; z-index: -1; opacity: 50%; } .single-department-box { margin-bottom: 25px; background-color: var(--white-color); -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 2px 10px; box-shadow: rgba(149, 157, 165, 0.2) 0px 2px 10px; padding: 35px; -webkit-transition: var(--transition); transition: var(--transition); } .single-department-box .icon { position: relative; margin-top: 20px; margin-bottom: 35px; padding-left: 80px; } .single-department-box .icon i { display: inline-block; height: 65px; width: 65px; line-height: 70px; background-color: var(--main-color); color: var(--white-color); font-size: 35px; text-align: center; border-radius: 50px; -webkit-transition: var(--transition); transition: var(--transition); position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .single-department-box .icon h3 { margin-bottom: 0; font-size: 24px; } .single-department-box .icon h3 a { color: var(--black-color); } .single-department-box p { -webkit-transition: var(--transition); transition: var(--transition); margin-bottom: 12px; transition: var(--transition); } .single-department-box .department-btn { color: var(--black-color); -webkit-transition: var(--transition); transition: var(--transition); } .single-department-box .department-btn i { position: relative; top: 2px; margin-left: 5px; } .single-department-box:hover { background-color: var(--main-color); -webkit-transform: translateY(-5px); transform: translateY(-5px); } .single-department-box:hover .icon i { background-color: var(--white-color); color: var(--main-color); } .single-department-box:hover .icon h3 a { color: var(--white-color); } .single-department-box:hover p { color: var(--white-color); } .single-department-box:hover .department-btn { color: var(--white-color); } .single-department-box.bg-image { position: relative; z-index: 1; } .single-department-box.bg-image::before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; width: 100%; height: 0%; background-image: url(../images/department/department-1.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; -webkit-transition: var(--transition); transition: var(--transition); opacity: 0; } .single-department-box.bg-image::after { content: ''; position: absolute; z-index: -1; bottom: 0; left: 0; right: 0; width: 100%; height: 0%; background-color: var(--black-color); -webkit-transition: var(--transition); transition: var(--transition); opacity: 0; } .single-department-box.bg-image:hover::before { height: 100%; opacity: 1; } .single-department-box.bg-image:hover::after { height: 100%; opacity: 0.8; } .department-area-white.bg-EBF5F5 { background-color: #EBF5F5; } .all-services-btn { text-align: center; margin-top: 15px; } /* Department Details Area CSS */ .department-details-doctor-box { background-color: #EBF5F5; padding: 30px; } .department-details-doctor-box h3 { font-size: 30px; margin-bottom: 0; } .department-details-doctor-box .default-btn { background-color: var(--optional-color); } .department-details-doctor-box .default-btn::before { background-color: var(--main-color); } .department-details-doctor-box .default-btn i { margin-left: 0; margin-right: 10px; } .department-overview-content h3 { font-size: 24px; margin-bottom: 15px; } .department-overview-image { position: relative; text-align: center; } .department-overview-image .video-btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; } .department-overview-image .video-btn i { font-size: 100px; color: var(--white-color); -webkit-transition: var(--transition); transition: var(--transition); } .department-overview-image .video-btn i:hover { color: var(--optional-color); } .department-conditions-list { padding: 0; margin-bottom: 0; } .department-conditions-list li { list-style-type: none; color: var(--paragraph-color); position: relative; padding-left: 20px; margin-bottom: 15px; } .department-conditions-list li:last-child { margin-bottom: 0; } .department-conditions-list li::before { position: absolute; content: ""; height: 8px; width: 8px; background-color: var(--main-color); left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50px; } /* Appointment Area CSS */ .appointment-area { background-color: var(--optional-color); position: relative; z-index: 1; } .appointment-area .section-title span { color: var(--white-color); } .appointment-area .section-title h2 { color: var(--white-color); } .appointment-area .appointment-form-inner-box .appointment-btn .default-btn::before { background-color: var(--black-color); } .appointment-form-inner-box .form-group { position: relative; margin-bottom: 25px; } .appointment-form-inner-box .form-group .form-control { height: 60px; display: block; padding: 15px 20px 15px 15px; width: 100%; border: none; background-color: var(--white-color); border-radius: 0; color: var(--paragraph-color); font-size: var(--font-size); font-weight: 400; } .appointment-form-inner-box .form-group .form-control::-webkit-input-placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .appointment-form-inner-box .form-group .form-control:-ms-input-placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .appointment-form-inner-box .form-group .form-control::-ms-input-placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .appointment-form-inner-box .form-group .form-control::placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .appointment-form-inner-box .form-group .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .appointment-form-inner-box .form-group .form-control:focus::-webkit-input-placeholder { color: transparent; } .appointment-form-inner-box .form-group .form-control:focus:-ms-input-placeholder { color: transparent; } .appointment-form-inner-box .form-group .form-control:focus::-ms-input-placeholder { color: transparent; } .appointment-form-inner-box .form-group .form-control:focus::placeholder { color: transparent; } .appointment-form-inner-box .form-group label { z-index: 1; display: block; margin-bottom: 0; position: absolute; right: 15px; color: var(--paragraph-color); font-size: 18px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: 0; } .appointment-form-inner-box .form-group textarea.form-control { padding: 18px 20px 15px 15px !important; } .appointment-form-inner-box .form-group .selectize-input { display: block; padding: 18px 20px; width: 100%; border: none; background-color: var(--white-color); border-radius: 0; color: var(--paragraph-color); font-size: var(--font-size); font-weight: 400; overflow: inherit; text-align: start; -webkit-box-shadow: none; box-shadow: none; } .appointment-form-inner-box .form-group .selectize-input:after { content: "\ea4e"; display: block; position: absolute; top: 48%; -webkit-transform: translateY(-48%); transform: translateY(-48%); right: 20px; margin-top: 2px; font-size: 18px; width: unset; height: unset; border-style: unset; border-width: unset; border-color: var(--paragraph-color); font-family: "remixicon"; } .appointment-form-inner-box .form-group .selectize-input > * { line-height: 1.5; text-align: start; } .appointment-form-inner-box .form-group .selectize-input input { font-size: 16px; line-height: 1.5; text-align: start; } .appointment-form-inner-box .form-group .selectize-dropdown { -webkit-box-shadow: none; box-shadow: none; border: none; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); border-radius: 0; text-align: start; } .appointment-form-inner-box .form-group .selectize-dropdown [data-selectable] { font-size: 15px; border-radius: 0; padding: 10px 20px; border-radius: 0; text-align: start; } .appointment-form-inner-box .appointment-btn .default-btn { border: none; width: 100%; padding: 18px 30px; } .ui-datepicker { border: 0 !important; width: 19em; padding: 20px; border-radius: 25px; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); } .ui-datepicker .ui-datepicker-prev { display: inline-block; width: 25px; height: 25px; line-height: 25px; left: -2px; cursor: pointer; text-align: center; -webkit-transition: var(--transition); transition: var(--transition); border-radius: 50px; } .ui-datepicker .ui-datepicker-prev span { display: none; } .ui-datepicker .ui-datepicker-prev:before { content: "\ea64"; font-family: "remixicon"; } .ui-datepicker .ui-datepicker-next { display: inline-block; width: 25px; height: 25px; line-height: 25px; cursor: pointer; text-align: center; right: -2px; -webkit-transition: var(--transition); transition: var(--transition); border-radius: 50px; } .ui-datepicker .ui-datepicker-next span { display: none; } .ui-datepicker .ui-datepicker-next:before { content: "\ea6e"; font-family: "remixicon"; } .ui-datepicker th { color: var(--black-color); font-size: 15px; font-weight: 500; } .ui-datepicker .ui-datepicker-header { padding: 0; background-color: transparent; border: 0; } .ui-datepicker .ui-datepicker-title { font-size: 16px; color: var(--black-color); } .ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default { border: 1px solid #eeeeee; background: #eeeeee; color: var(--paragraph-color); text-align: center; border-radius: 50px; } .ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active { border-color: var(--main-color); background: var(--main-color); color: var(--white-color); -webkit-transition: var(--transition); transition: var(--transition); } .ui-datepicker .ui-state-hover, .ui-datepicker .ui-datepicker-next-hover { border: 1px solid var(--main-color); background: var(--main-color); font-weight: 500; -webkit-transition: var(--transition); transition: var(--transition); color: var(--white-color); } .appointment-shape-1 { position: absolute; left: 0; bottom: 0; z-index: -1; opacity: 15%; max-width: 250px; } .appointment-shape-2 { position: absolute; right: 0; bottom: 0; z-index: -1; opacity: 15%; } .appointment-form .form-group { position: relative; margin-bottom: 25px; } .appointment-form .form-group label { font-size: var(--font-size); font-weight: 500; margin-bottom: 10px; color: var(--paragraph-color); } .appointment-form .form-group .form-control { height: 60px; display: block; padding: 15px 20px 15px 15px; width: 100%; border: 1px solid #DDDDDD; background-color: var(--white-color); border-radius: 0; color: var(--paragraph-color); font-size: var(--font-size); font-weight: 400; } .appointment-form .form-group .form-control::-webkit-input-placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .appointment-form .form-group .form-control:-ms-input-placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .appointment-form .form-group .form-control::-ms-input-placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .appointment-form .form-group .form-control::placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .appointment-form .form-group .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .appointment-form .form-group .form-control:focus::-webkit-input-placeholder { color: transparent; } .appointment-form .form-group .form-control:focus:-ms-input-placeholder { color: transparent; } .appointment-form .form-group .form-control:focus::-ms-input-placeholder { color: transparent; } .appointment-form .form-group .form-control:focus::placeholder { color: transparent; } .appointment-form .form-group .icon { z-index: 1; display: block; margin-bottom: 0; position: absolute; right: 20px; color: var(--paragraph-color); font-size: 18px; top: 55px; line-height: 0; } .appointment-form .form-group textarea.form-control { min-height: 130px; } .appointment-form .form-group .selectize-input { display: block; padding: 18px 20px; width: 100%; border: 1px solid #DDDDDD; background-color: var(--white-color); border-radius: 0; color: var(--paragraph-color); font-size: var(--font-size); font-weight: 400; overflow: inherit; text-align: start; -webkit-box-shadow: none; box-shadow: none; } .appointment-form .form-group .selectize-input:after { content: "\ea4e"; display: block; position: absolute; top: 45%; -webkit-transform: translateY(-45%); transform: translateY(-45%); right: 15px; margin-top: 2px; font-size: 18px; width: unset; height: unset; border-style: unset; border-width: unset; border-color: var(--paragraph-color); font-family: "remixicon"; } .appointment-form .form-group .selectize-input > * { line-height: 1.5; text-align: start; } .appointment-form .form-group .selectize-input input { font-size: 16px; line-height: 1.5; text-align: start; } .appointment-form .form-group .selectize-dropdown { -webkit-box-shadow: none; box-shadow: none; border: none; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); border-radius: 0; text-align: start; } .appointment-form .form-group .selectize-dropdown [data-selectable] { font-size: 15px; border-radius: 0; padding: 10px 20px; border-radius: 0; text-align: start; } .appointment-form .form-cookies-consent { margin-bottom: 0; } .appointment-form .form-cookies-consent a { color: var(--main-color); } .appointment-form .form-cookies-consent [type="checkbox"]:checked, .appointment-form .form-cookies-consent [type="checkbox"]:not(:checked) { display: none; } .appointment-form .form-cookies-consent [type="checkbox"]:checked + label, .appointment-form .form-cookies-consent [type="checkbox"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; display: inline-block; margin-bottom: 0; color: var(--paragraph-color); font-weight: 500; font-size: 15px; } .appointment-form .form-cookies-consent [type="checkbox"]:checked + label:before, .appointment-form .form-cookies-consent [type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border: 1px solid #DDDDDD; border-radius: 0; background: var(--white-color); } .appointment-form .form-cookies-consent [type="checkbox"]:checked + label:after, .appointment-form .form-cookies-consent [type="checkbox"]:not(:checked) + label:after { content: ''; width: 10px; height: 10px; background: var(--main-color); position: absolute; top: 7.5px; left: 5px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 30px; } .appointment-form .form-cookies-consent [type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .appointment-form .form-cookies-consent [type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .appointment-form .form-cookies-consent [type="checkbox"]:hover + label:before { border-color: var(--main-color); } .appointment-form .form-cookies-consent [type="checkbox"]:checked + label:before { border-color: var(--main-color); } .appointment-form .form-cookies-consent p { display: inline-block; margin-bottom: 0; margin-right: 25px; } .appointment-form .form-cookies-consent p:last-child { margin-right: 0; } .appointment-form .section-title { margin-top: 35px; margin-bottom: 35px; text-align: center; } .appointment-form .appointment-btn .default-btn { border: none; } /* Doctors Area CSS */ .single-doctors-card { margin-bottom: 25px; } .single-doctors-card .doctors-image { position: relative; text-align: center; } .single-doctors-card .doctors-image a img { display: inline-block !important; } .single-doctors-card .doctors-image .social { padding-left: 0; list-style-type: none; position: absolute; right: 0; left: 0; bottom: 30px; margin-bottom: 0; } .single-doctors-card .doctors-image .social li { display: inline-block; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; opacity: 0; visibility: hidden; margin: 0 2px; } .single-doctors-card .doctors-image .social li a i { display: inline-block; width: 45px; height: 45px; line-height: 45px; background-color: var(--white-color); -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); text-align: center; position: relative; font-size: 20px; color: var(--black-color); border-radius: 50px; -webkit-transition: var(--transition); transition: var(--transition); } .single-doctors-card .doctors-image .social li a i:hover { color: var(--white-color); background-color: var(--optional-color); -webkit-transform: translateY(-5px); transform: translateY(-5px); } .single-doctors-card .doctors-image .social li:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .single-doctors-card .doctors-image .social li:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .single-doctors-card .doctors-image .social li:nth-child(3) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .single-doctors-card .doctors-image .social li:nth-child(4) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .single-doctors-card .doctors-content { margin-top: 25px; } .single-doctors-card .doctors-content h3 { font-size: 24px; margin-bottom: 0; } .single-doctors-card .doctors-content h3 a { color: var(--black-color); } .single-doctors-card .doctors-content h3 a:hover { color: var(--main-color); } .single-doctors-card .doctors-content span { font-size: var(--font-size); color: var(--paragraph-color); display: inline-block; margin-top: 12px; } .single-doctors-card:hover .doctors-image .social li { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } .doctors-slides.owl-theme .owl-dots .owl-dot span { width: 20px; height: 20px; margin: 0 5px; position: relative; border-radius: 50%; background: transparent; -webkit-transition: var(--transition); transition: var(--transition); border: 1px solid transparent; } .doctors-slides.owl-theme .owl-dots .owl-dot span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; margin: 4px; position: absolute; border-radius: 50%; background-color: var(--main-color); } .doctors-slides.owl-theme .owl-dots .owl-dot:hover span, .doctors-slides.owl-theme .owl-dots .owl-dot.active span { width: 20px; height: 20px; border: 1px solid var(--main-color); } .doctors-slides.owl-theme .owl-dots .owl-dot:hover span::before, .doctors-slides.owl-theme .owl-dots .owl-dot.active span::before { background-color: var(--main-color); } .doctors-slides.owl-theme .owl-dots .owl-dot:first-child { margin-left: 0; } .doctors-slides.owl-theme .owl-dots .owl-dot:last-child { margin-right: 0; } .doctors-slides.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 5px; } /* Doctors Details Area CSS */ .doctor-details-image .desc-image { position: relative; } .doctor-details-image .desc-image img { border-radius: 5px; } .doctor-details-image .desc-image .share-link { position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition: var(--transition); transition: var(--transition); opacity: 0; visibility: hidden; text-align: center; } .doctor-details-image .desc-image .share-link a { margin-right: 5px; } .doctor-details-image .desc-image .share-link a:last-child { margin-right: 0; } .doctor-details-image .desc-image .share-link a i { display: inline-block; height: 35px; width: 35px; line-height: 35px; border-radius: 50px; font-size: var(--font-size); background-color: var(--black-color); color: var(--white-color); -webkit-transition: var(--transition); transition: var(--transition); text-align: center; } .doctor-details-image .desc-image .share-link a i:hover { background-color: var(--main-color); -webkit-transform: translateY(-5px); transform: translateY(-5px); color: var(--white-color); } .doctor-details-image .desc-image:hover .share-link { bottom: 25px; opacity: 1; visibility: visible; } .doctor-details-image .desc-content { margin-top: 22px; } .doctor-details-image .desc-content h3 { font-size: 20px; margin-bottom: 0; } .doctor-details-image .desc-content span { color: var(--main-color); display: inline-block; margin-top: 8px; font-size: 15px; } .doctor-details-image .desc-info-item .item-content { background-color: #F7FAFB; padding: 25px; border-radius: 5px; margin-top: 20px; } .doctor-details-image .desc-info-item .item-content h4 { font-size: 18px; margin-bottom: 0; } .doctor-details-image .desc-info-item .item-content span { display: block; color: var(--paragraph-color); margin-top: 12px; font-size: 15px; } .doctor-details-image .desc-info-item .item-content span a { color: var(--main-color); } .doctor-details-desc { margin-left: 20px; } .doctor-details-desc .introduction-content h3 { font-size: 25px; margin-bottom: 15px; } .doctor-details-desc .introduction-content .list { padding: 0; margin-bottom: 0; margin-bottom: 20px; } .doctor-details-desc .introduction-content .list li { color: var(--paragraph-color); list-style-type: none; margin-bottom: 15px; position: relative; padding-left: 28px; } .doctor-details-desc .introduction-content .list li:last-child { margin-bottom: 0; } .doctor-details-desc .introduction-content .list li i { display: inline-block; font-size: 14px; height: 20px; width: 20px; line-height: 20px; background-color: var(--main-color); text-align: center; color: var(--white-color); border-radius: 50px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .doctor-details-desc .skills-content { margin-top: 30px; } .doctor-details-desc .skills-content h3 { font-size: 20px; margin-bottom: 0; } .doctor-details-desc .skills-content .skills-list { padding-left: 0; margin-bottom: 0; margin-top: 20px; } .doctor-details-desc .skills-content .skills-list li { list-style-type: none; background-color: #F7FAFB; color: var(--paragraph-color); margin-bottom: 18px; font-weight: 500; padding: 10px 15px; -webkit-transition: var(--transition); transition: var(--transition); border-radius: 5px; } .doctor-details-desc .skills-content .skills-list li:last-child { margin-bottom: 0; } .doctor-details-desc .skills-content .skills-list li i { color: var(--main-color); -webkit-transition: var(--transition); transition: var(--transition); position: relative; top: 1px; margin-right: 5px; } .doctor-details-desc .skills-content .skills-list li:hover { background-color: var(--main-color); color: var(--white-color); } .doctor-details-desc .skills-content .skills-list li:hover i { color: var(--white-color); } .doctor-details-desc .book-an-appointment { margin-top: 30px; } .doctor-details-desc .book-an-appointment h3 { font-size: 20px; margin-bottom: 0; } .doctor-details-desc .book-an-appointment form { margin-top: 25px; } .doctor-details-desc .book-an-appointment form .form-group { margin-bottom: 25px; } .doctor-details-desc .book-an-appointment form .form-group label { font-size: 15px; font-weight: 600; margin-bottom: 12px; } .doctor-details-desc .book-an-appointment form .form-group .form-control { border: 1px solid #DFEDEE; height: auto; padding: 20px; -webkit-transition: var(--transition); transition: var(--transition); font-size: 15px; } .doctor-details-desc .book-an-appointment form .form-group .form-control::-webkit-input-placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .doctor-details-desc .book-an-appointment form .form-group .form-control:-ms-input-placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .doctor-details-desc .book-an-appointment form .form-group .form-control::-ms-input-placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .doctor-details-desc .book-an-appointment form .form-group .form-control::placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .doctor-details-desc .book-an-appointment form .form-group .form-control:focus { -webkit-box-shadow: unset; box-shadow: unset; border: 1px solid var(--main-color); } .doctor-details-desc .book-an-appointment form .form-group .form-control:focus::-webkit-input-placeholder { color: transparent; } .doctor-details-desc .book-an-appointment form .form-group .form-control:focus:-ms-input-placeholder { color: transparent; } .doctor-details-desc .book-an-appointment form .form-group .form-control:focus::-ms-input-placeholder { color: transparent; } .doctor-details-desc .book-an-appointment form .form-group .form-control:focus::placeholder { color: transparent; } .doctor-details-desc .book-an-appointment form select { cursor: pointer; } .doctor-details-desc .book-an-appointment form .default-btn { border: none; } /* Before & After Area CSS */ .before-after-area { background-color: #EBF5F5; position: relative; z-index: 1; } .before-after-area::before { content: ''; position: absolute; top: 0; left: 0; right: 0; background-color: var(--white-color); z-index: -1; height: 415px; } .before-after-area::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; background-color: var(--white-color); z-index: -1; height: 75px; } .before-after-area.after-none::after { display: none; } .before-after-twentytwenty-image { position: relative; text-align: center; margin-bottom: 70px; } .before-after-twentytwenty-image .twentytwenty-overlay { display: none; } .before-after-twentytwenty-image .twentytwenty-container img { width: 100%; } .before-after-content span { font-size: 14px; display: inline-block; color: var(--black-color); margin-bottom: 18px; } .before-after-content h3 { font-size: 48px; margin-bottom: 0; } .before-after-list .list { padding: 0; margin-bottom: 0; } .before-after-list .list li { list-style-type: none; color: var(--paragraph-color); margin-bottom: 18px; position: relative; padding-left: 28px; } .before-after-list .list li:last-child { margin-bottom: 0; } .before-after-list .list li i { display: inline-block; height: 20px; width: 20px; line-height: 20px; text-align: center; background-color: var(--optional-color); color: var(--white-color); border-radius: 50px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: var(--transition); transition: var(--transition); } .before-after-list .list li:hover i { background-color: var(--main-color); color: var(--white-color); } .before-after-shape { position: absolute; left: 0; top: 35%; -webkit-transform: translateY(-35%); transform: translateY(-35%); z-index: -1; } /* Funfact Area CSS */ .funfact-area .single-funfact-card { margin-top: 0; margin-bottom: 25px; } .funfact-area.bg-1F242F { background-color: var(--black-color); } .funfact-area.bg-1F242F .section-title span { color: var(--white-color); margin-bottom: 0; } .funfact-inner-box { margin-top: 45px; } .single-funfact-card { -webkit-transition: var(--transition); transition: var(--transition); background-color: var(--white-color); -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; margin-top: 25px; position: relative; padding: 30px 20px 30px 112px; } .single-funfact-card .icon { position: absolute; left: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .single-funfact-card .icon i { display: inline-block; height: 65px; width: 65px; line-height: 70px; background-color: var(--main-color); color: var(--white-color); text-align: center; border-radius: 50px; font-size: 35px; -webkit-transition: var(--transition); transition: var(--transition); } .single-funfact-card h3 { font-size: 48px; color: var(--black-color); line-height: 1; margin-bottom: 5px; -webkit-transition: var(--transition); transition: var(--transition); } .single-funfact-card h3 .sign-icon { font-size: 48px; position: relative; top: 0; left: -10px; font-weight: 400; -webkit-transition: var(--transition); transition: var(--transition); } .single-funfact-card p { margin-bottom: 0; -webkit-transition: var(--transition); transition: var(--transition); } .single-funfact-card .odometer { font-family: var(--heading-font-family); } .single-funfact-card:hover { background-color: var(--main-color); } .single-funfact-card:hover .icon i { background-color: var(--white-color); color: var(--main-color); } .single-funfact-card:hover h3 { color: var(--white-color); } .single-funfact-card:hover h3 .sign-icon { color: var(--white-color); } .single-funfact-card:hover p { color: var(--white-color); } /* Testimonials Area CSS */ .single-testimonials-box { text-align: center; max-width: 1015px; margin: auto; } .single-testimonials-box p { font-size: 20px; font-weight: 400; position: relative; z-index: 1; padding-top: 25px; margin-bottom: 0; } .single-testimonials-box p::before { position: absolute; content: "\f118"; font-family: flaticon !important; right: 0; left: 0; bottom: 0; font-size: 100px; z-index: -1; color: var(--black-color); opacity: 5%; } .single-testimonials-box .info { margin-top: 20px; } .single-testimonials-box .info h3 { font-size: 20px; margin-bottom: 0; font-weight: 500; } .single-testimonials-box .info span { color: var(--paragraph-color); display: inline-block; margin-top: 12px; font-weight: 400; font-size: 15px; } .testimonials-slides.owl-theme .owl-nav { margin-top: 0; -webkit-transition: var(--transition); transition: var(--transition); } .testimonials-slides.owl-theme .owl-nav [class*=owl-] { color: var(--black-color); margin: 0; position: absolute; left: 20px; top: 35%; -webkit-transform: translateY(-35%); transform: translateY(-35%); padding: 0; -webkit-transition: var(--transition); transition: var(--transition); background-color: #EBF5F5; color: var(--paragraph-color); display: inline-block; height: 50px; width: 50px; line-height: 52px; text-align: center; border-radius: 50px; font-size: 25px; } .testimonials-slides.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: 20px; } .testimonials-slides.owl-theme .owl-nav [class*=owl-]:hover { background-color: var(--main-color); color: var(--white-color); } .testimonials-area { position: relative; z-index: 1; overflow: hidden; } .testimonials-area.bg-EBF5F5 { background-color: #EBF5F5; } .testimonials-shape { position: absolute; left: 0; top: 0; z-index: -1; opacity: 30%; } /* Pricing Area CSS */ .pricing-area { background-image: url(../../assets/images/pricing/pricing-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 1; } .pricing-list-tabs .nav { padding: 0; list-style-type: none; display: block; border: none; text-align: center; margin-bottom: 35px; } .pricing-list-tabs .nav .nav-item { display: inline-block; margin-right: 20px; } .pricing-list-tabs .nav .nav-item:last-child { margin-right: 0; } .pricing-list-tabs .nav .nav-item .nav-link { color: var(--black-color); border: none; padding: 0; background-color: transparent; position: relative; font-size: var(--font-size); font-weight: 600; padding-left: 20px; } .pricing-list-tabs .nav .nav-item .nav-link::before { content: ''; position: absolute; top: 7.7px; left: 2.1px; border-radius: 50%; background-color: var(--main-color); height: 10px; width: 10px; } .pricing-list-tabs .nav .nav-item .nav-link::after { position: absolute; content: ""; left: -2px; top: 4px; display: inline-block; height: 18px; width: 18px; line-height: 18px; background-color: transparent; border: 1px solid var(--main-color); border-radius: 50px; -webkit-transition: var(--transition); transition: var(--transition); opacity: 0; visibility: hidden; } .pricing-list-tabs .nav .nav-item .nav-link:hover, .pricing-list-tabs .nav .nav-item .nav-link.active { color: var(--main-color); } .pricing-list-tabs .nav .nav-item .nav-link:hover::after, .pricing-list-tabs .nav .nav-item .nav-link.active::after { opacity: 1; visibility: visible; } .single-pricing-table { margin-bottom: 25px; background-color: var(--white-color); -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; padding: 40px 35px; position: relative; overflow: hidden; -webkit-transition: var(--transition); transition: var(--transition); } .single-pricing-table .pricing-header h3 { font-size: 24px; margin-bottom: 0; -webkit-transition: var(--transition); transition: var(--transition); } .single-pricing-table .price { font-size: 48px; font-weight: 600; margin-top: 18px; margin-bottom: 20px; line-height: 1; -webkit-transition: var(--transition); transition: var(--transition); } .single-pricing-table .price span { font-size: 15px; font-weight: 400; position: relative; top: -2px; left: -5px; -webkit-transition: var(--transition); transition: var(--transition); } .single-pricing-table .features-list { padding: 0; margin-bottom: 0; } .single-pricing-table .features-list li { list-style-type: none; color: var(--paragraph-color); margin-bottom: 18px; -webkit-transition: var(--transition); transition: var(--transition); } .single-pricing-table .features-list li:last-child { margin-bottom: 0; } .single-pricing-table .pricing-btn { margin-top: 25px; } .single-pricing-table .pricing-btn .default-btn { width: 100%; } .single-pricing-table .hover-shape { position: absolute; right: -30px; top: -30px; -webkit-transition: var(--transition); transition: var(--transition); } .single-pricing-table:hover { background-color: var(--main-color); -webkit-transform: translateY(-5px); transform: translateY(-5px); } .single-pricing-table:hover .pricing-header h3 { color: var(--white-color); } .single-pricing-table:hover .price { color: var(--white-color); } .single-pricing-table:hover .price span { color: var(--white-color); } .single-pricing-table:hover .features-list li { color: var(--white-color); } .single-pricing-table:hover .pricing-btn .default-btn { background-color: var(--white-color); color: var(--black-color) !important; } .single-pricing-table:hover .pricing-btn .default-btn:hover { color: var(--white-color) !important; } .pricing-shape-1 { position: absolute; left: 0; bottom: 0; z-index: -1; } /* Partner Area CSS */ .partner-area { position: relative; background-color: #EBF5F5; } .partner-area .section-title span { margin-bottom: 0; } .partner-slides .image-box { text-align: center; } .partner-slides .image-box img { display: inline-block; max-width: 100%; width: auto; margin: auto; } /* Blog Area CSS */ .single-blog-card { margin-bottom: 25px; -webkit-transition: var(--transition); transition: var(--transition); } .single-blog-card .post-image { position: relative; } .single-blog-card .post-image a img { display: inline-block; } .single-blog-card .post-image .date { position: absolute; right: 0; bottom: 0; background-color: var(--optional-color); color: var(--white-color); font-size: 15px; padding: 5px 10px; } .single-blog-card .post-content { margin-top: 25px; } .single-blog-card .post-content .entry-meta { padding: 0; margin-bottom: 15px; } .single-blog-card .post-content .entry-meta li { display: inline-block; font-size: var(--font-size); color: var(--paragraph-color); margin-right: 32px; position: relative; } .single-blog-card .post-content .entry-meta li::before { position: absolute; content: ""; height: 15px; width: 1px; background-color: var(--main-color); right: -20px; top: 5px; -webkit-transform: rotate(20deg); transform: rotate(20deg); } .single-blog-card .post-content .entry-meta li:last-child { margin-right: 0; } .single-blog-card .post-content .entry-meta li:last-child::before { display: none; } .single-blog-card .post-content .entry-meta li a { color: var(--paragraph-color); } .single-blog-card .post-content .entry-meta li a:hover { color: var(--main-color); } .single-blog-card .post-content h3 { font-size: 24px; margin-bottom: 18px; line-height: 1.5; } .single-blog-card .post-content h3 a { color: var(--black-color); } .single-blog-card .post-content .post-btn { color: var(--black-color); -webkit-transition: var(--transition); transition: var(--transition); font-weight: 500; } .single-blog-card .post-content .post-btn i { position: relative; top: 2px; margin-left: 5px; } .single-blog-card:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .single-blog-card:hover .post-content h3 a { color: var(--main-color); } /* Blog Details Area CSS */ .blog-details-desc { max-width: 1050px; margin: auto; } .blog-details-desc .article-content .article-image { margin-bottom: 30px; position: relative; } .blog-details-desc .article-content .article-image .date { position: absolute; right: 0; bottom: 0; background-color: var(--optional-color); color: var(--white-color); font-size: 15px; padding: 5px 10px; } .blog-details-desc .article-content span { color: var(--paragraph-color); font-size: 15px; display: inline-block; margin-bottom: 20px; -webkit-transition: var(--transition); transition: var(--transition); } .blog-details-desc .article-content span a { color: var(--paragraph-color); } .blog-details-desc .article-content span a:hover { color: var(--main-color); } .blog-details-desc .article-content h3 { font-size: 28px; margin-bottom: 20px; line-height: 1.4; } .blog-details-desc .article-content .blog-desc-quote { position: relative; background: #F8F8F9; padding: 50px; margin-top: 30px; margin-bottom: 30px; } .blog-details-desc .article-content .blog-desc-quote i { display: inline-block; font-size: 90px; color: var(--black-color); margin-bottom: 5px; position: absolute; opacity: 5%; } .blog-details-desc .article-content .blog-desc-quote p { margin-bottom: 15px; } .blog-details-desc .article-content .blog-desc-quote b { color: var(--black-color); font-weight: 600; } .blog-details-desc .article-footer { margin-top: 20px; } .blog-details-desc .article-footer .article-tags ul { padding: 0; margin-bottom: 0; } .blog-details-desc .article-footer .article-tags ul li { display: inline-block; list-style-type: none; margin-right: 5px; } .blog-details-desc .article-footer .article-tags ul li:last-child { margin-right: 0; } .blog-details-desc .article-footer .article-tags ul li span { font-size: var(--font-size); color: var(--black-color); position: relative; top: -1px; font-weight: 600; } .blog-details-desc .article-footer .article-tags ul li a { color: var(--paragraph-color); } .blog-details-desc .article-footer .article-share ul { padding: 0; margin-bottom: 0; } .blog-details-desc .article-footer .article-share ul li { display: inline-block; list-style-type: none; margin-right: 10px; } .blog-details-desc .article-footer .article-share ul li:last-child { margin-right: 0; } .blog-details-desc .article-footer .article-share ul li span { font-weight: 600; font-size: var(--font-size); position: relative; top: -4px; } .blog-details-desc .article-footer .article-share ul li a i { display: inline-block; height: 45px; width: 45px; line-height: 45px; background-color: #EBF5F5; color: var(--main-color); font-size: 20px; -webkit-transition: var(--transition); transition: var(--transition); text-align: center; border-radius: 50px; } .blog-details-desc .article-footer .article-share ul li a i:hover { background-color: var(--optional-color); color: var(--white-color); } .blog-details-desc .article-navigation { margin-top: 25px; padding-top: 25px; border-top: 1px solid #DDDDDD; } .blog-details-desc .article-navigation .prev-link-wrapper a i { display: inline-block; height: 55px; width: 55px; line-height: 55px; background-color: #f5f5f5; color: var(--main-color); font-size: 20px; -webkit-transition: var(--transition); transition: var(--transition); text-align: center; border-radius: 50px; } .blog-details-desc .article-navigation .prev-link-wrapper a i:hover { background-color: var(--optional-color); color: var(--white-color); } .blog-details-desc .article-navigation .prev-link-wrapper a span { font-size: 15px; color: var(--black-color); font-weight: 600; margin-left: 10px; -webkit-transition: var(--transition); transition: var(--transition); } .blog-details-desc .article-navigation .prev-link-wrapper a span:hover { color: var(--main-color); } .blog-details-desc .article-navigation .next-link-wrapper a i { display: inline-block; height: 55px; width: 55px; line-height: 55px; background-color: #f5f5f5; color: var(--main-color); font-size: 20px; -webkit-transition: var(--transition); transition: var(--transition); text-align: center; border-radius: 50px; } .blog-details-desc .article-navigation .next-link-wrapper a i:hover { background-color: var(--optional-color); color: var(--white-color); } .blog-details-desc .article-navigation .next-link-wrapper a span { font-size: 15px; color: var(--black-color); font-weight: 600; margin-right: 10px; -webkit-transition: var(--transition); transition: var(--transition); } .blog-details-desc .article-navigation .next-link-wrapper a span:hover { color: var(--main-color); } .blog-details-desc .article-comments { margin-top: 38px; } .blog-details-desc .article-comments h3 { font-size: 20px; margin-bottom: 0; } .blog-details-desc .article-comments .comments-list { position: relative; margin-top: 35px; padding-left: 105px; } .blog-details-desc .article-comments .comments-list img { position: absolute; left: 0; top: 0; display: inline-block; height: 85px; width: 85px; border-radius: 50%; } .blog-details-desc .article-comments .comments-list h5 { font-size: var(--font-size); margin-bottom: 0; font-weight: 600; } .blog-details-desc .article-comments .comments-list p { margin-bottom: 0; } .blog-details-desc .article-comments .comments-list span { font-size: 15px; color: var(--paragraph-color); display: inline-block; margin-top: 15px; margin-bottom: 15px; } .blog-details-desc .article-comments .comments-list .reply-btn { position: absolute; right: 0; top: 0; color: var(--main-color); } .blog-details-desc .article-comments .comments-list .reply-btn i { position: relative; top: 2px; } .blog-details-desc .article-leave-comment { margin-top: 35px; } .blog-details-desc .article-leave-comment h3 { font-size: 20px; margin-bottom: 15px; } .blog-details-desc .article-leave-comment form { margin-top: 30px; } .blog-details-desc .article-leave-comment form .form-group { margin-bottom: 20px; } .blog-details-desc .article-leave-comment form .form-group label { font-size: var(--font-size); font-weight: 500; margin-bottom: 10px; } .blog-details-desc .article-leave-comment form .form-group .form-control { height: 50px; padding: 15px 20px; line-height: initial; color: var(--paragraph-color); background-color: transparent; border: 1px solid #DDDDDD; border-radius: 0; -webkit-box-shadow: unset !important; box-shadow: unset !important; -webkit-transition: var(--transition); transition: var(--transition); font-size: var(--font-size); font-weight: 400; } .blog-details-desc .article-leave-comment form .form-group .form-control::-webkit-input-placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .blog-details-desc .article-leave-comment form .form-group .form-control:-ms-input-placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .blog-details-desc .article-leave-comment form .form-group .form-control::-ms-input-placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .blog-details-desc .article-leave-comment form .form-group .form-control::placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .blog-details-desc .article-leave-comment form .form-group .form-control:focus { border-color: var(--main-color); } .blog-details-desc .article-leave-comment form .form-group .form-control:focus::-webkit-input-placeholder { color: transparent; } .blog-details-desc .article-leave-comment form .form-group .form-control:focus:-ms-input-placeholder { color: transparent; } .blog-details-desc .article-leave-comment form .form-group .form-control:focus::-ms-input-placeholder { color: transparent; } .blog-details-desc .article-leave-comment form .form-group .form-control:focus::placeholder { color: transparent; } .blog-details-desc .article-leave-comment form .form-group textarea.form-control { height: 120px; padding: 15px 20px; } .blog-details-desc .article-leave-comment form .form-group .help-block.with-errors ul { color: red; margin-bottom: 0; margin-top: 10px; } .blog-details-desc .article-leave-comment form .comment-form-cookies-consent { width: 100%; float: left; position: relative; padding-left: 25px; margin-bottom: 20px; } .blog-details-desc .article-leave-comment form .comment-form-cookies-consent input { position: absolute; left: 0; top: 6.5px; height: 15px; width: 15px; display: inline-block; } .blog-details-desc .article-leave-comment form .comment-form-cookies-consent label { display: inline-block; margin: 0; color: var(--paragraph-color); } .blog-details-desc .article-leave-comment form .default-btn { background-color: var(--main-color); color: var(--white-color) !important; border: none; } .blog-details-desc .article-leave-comment form .default-btn::before { background-color: var(--optional-color); } /* Overview Area CSS */ .overview-area { background-color: var(--optional-color); } .overview-content h3 { font-size: 24px; color: var(--white-color); margin-bottom: 0; } .overview-btn { text-align: end; } .overview-btn .default-btn { background-color: var(--white-color); color: var(--black-color); } .overview-btn .default-btn::before { background-color: var(--main-color); } .overview-btn .default-btn:hover { color: var(--white-color); } /* Gallery Area CSS*/ .single-gallery-item { margin-bottom: 25px; border-radius: 5px; overflow: hidden; cursor: -webkit-zoom-in; cursor: zoom-in; position: relative; } .single-gallery-item a { display: block; border-radius: 5px; } .single-gallery-item a img { -webkit-transition: var(--transition); transition: var(--transition); } .single-gallery-item .icon { position: absolute; bottom: 20px; right: 25px; opacity: 0; visibility: hidden; -webkit-transition: var(--transition); transition: var(--transition); } .single-gallery-item .icon a i { display: inline-block; height: 65px; width: 65px; line-height: 65px; background-color: var(--optional-color); color: var(--white-color); font-size: 35px; text-align: center; border-radius: 50px; -webkit-transition: var(--transition); transition: var(--transition); } .single-gallery-item:hover .icon { bottom: 25px; opacity: 1; visibility: visible; } .single-gallery-item:hover a img { -webkit-transform: scale(1.1); transform: scale(1.1); } .gallery-slides.owl-theme .owl-dots .owl-dot span { width: 20px; height: 20px; margin: 0 5px; position: relative; border-radius: 50%; background: transparent; -webkit-transition: var(--transition); transition: var(--transition); border: 1px solid transparent; } .gallery-slides.owl-theme .owl-dots .owl-dot span::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; margin: 4px; position: absolute; border-radius: 50%; background-color: var(--main-color); } .gallery-slides.owl-theme .owl-dots .owl-dot:hover span, .gallery-slides.owl-theme .owl-dots .owl-dot.active span { width: 20px; height: 20px; border: 1px solid var(--main-color); } .gallery-slides.owl-theme .owl-dots .owl-dot:hover span::before, .gallery-slides.owl-theme .owl-dots .owl-dot.active span::before { background-color: var(--main-color); } .gallery-slides.owl-theme .owl-dots .owl-dot:first-child { margin-left: 0; } .gallery-slides.owl-theme .owl-dots .owl-dot:last-child { margin-right: 0; } .gallery-slides.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 5px; } /* Choose Us Area CSS*/ .choose-us-content { max-width: 630px; margin-left: auto; } .choose-us-content span { font-size: var(--font-size); color: var(--black-color); display: inline-block; margin-bottom: 15px; } .choose-us-content h3 { font-size: 48px; margin-bottom: 15px; } .choose-us-content .list { padding: 0; margin-bottom: 0; margin-top: 25px; } .choose-us-content .list li { list-style-type: none; color: var(--paragraph-color); margin-bottom: 18px; position: relative; padding-left: 28px; } .choose-us-content .list li:last-child { margin-bottom: 0; } .choose-us-content .list li i { display: inline-block; height: 20px; width: 20px; line-height: 20px; text-align: center; background-color: var(--optional-color); color: var(--white-color); border-radius: 50px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: var(--transition); transition: var(--transition); } .choose-us-content .list li:hover i { background-color: var(--main-color); color: var(--white-color); } .choose-us-image { position: relative; text-align: center; margin-left: 30px; } .choose-us-image .video-btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; } .choose-us-image .video-btn i { font-size: 100px; color: var(--white-color); -webkit-transition: var(--transition); transition: var(--transition); } .choose-us-image .video-btn i:hover { color: var(--optional-color); } /* Video Area CSS*/ .video-area { background-image: url(../../assets/images/video-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 1; padding-top: 150px; padding-bottom: 150px; } .video-area::before { position: absolute; content: ""; left: 0; right: 0; top: 0; height: 100%; width: 100%; background-color: var(--black-color); z-index: -1; opacity: .30; } .video-view-content { text-align: center; max-width: 810px; margin: auto; } .video-view-content h3 { font-size: 48px; margin-bottom: 0; color: var(--white-color); } .video-view-content .video-btn i { font-size: 100px; color: var(--white-color); -webkit-transition: var(--transition); transition: var(--transition); } .video-view-content .video-btn i:hover { color: var(--optional-color); } /* FAQ Area CSS */ .faq-list { padding: 0; margin-bottom: 0; margin-bottom: 20px; } .faq-list li { color: var(--paragraph-color); list-style-type: none; margin-bottom: 15px; position: relative; padding-left: 28px; } .faq-list li i { display: inline-block; font-size: 14px; height: 20px; width: 20px; line-height: 20px; background-color: var(--main-color); text-align: center; color: var(--white-color); border-radius: 50px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .faq-area { background-color: #EBF1F5; overflow: hidden; } .faq-area .container-fluid { padding-left: 0; } .faq-area.bg-ffffff { background-color: var(--white-color); } .faq-area.bg-ffffff .faq-accordion { max-width: unset; padding-top: 0; padding-bottom: 0; padding-left: 0; } .faq-area.bg-ffffff .faq-accordion .accordion-item .accordion-button { border-bottom: 1px solid #DDDDDD; padding-bottom: 15px; } .faq-area.bg-ffffff .faq-accordion .accordion-item .accordion-button::before { top: 30%; -webkit-transform: translateY(-30%); transform: translateY(-30%); } .faq-area.bg-ffffff .faq-accordion .accordion-item:last-child .accordion-button { border-bottom: none; padding-bottom: 0; } .faq-image { background-image: url(../../assets/images/faq.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100%; width: 100%; } .faq-accordion { max-width: 645px; padding: 10px 20px 15px 0; } .faq-accordion .faq-content { margin-bottom: 35px; } .faq-accordion .faq-content h3 { font-size: 40px; margin-bottom: 18px; line-height: 1.4; } .faq-accordion .accordion-item { border: none; margin-bottom: 20px; background-color: transparent; } .faq-accordion .accordion-item:last-child { margin-bottom: 0; } .faq-accordion .accordion-item .accordion-button { color: var(--black-color); position: relative; text-align: start; -webkit-box-shadow: unset; box-shadow: unset; margin-bottom: 0; display: block; border: none; width: 100%; font-size: var(--font-size); font-weight: 600; padding: 0px 30px 0px 0; -webkit-transition: var(--transition); transition: var(--transition); background-color: transparent; } .faq-accordion .accordion-item .accordion-button::before { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: "\f1ae"; font-family: 'remixicon'; font-size: 20px; color: var(--main-color); } .faq-accordion .accordion-item .accordion-button.collapsed::before { content: "\ea13"; color: var(--black-color); } .faq-accordion .accordion-item .accordion-button:not(.collapsed) { color: var(--main-color); } .faq-accordion .accordion-item .accordion-body { padding: 15px 20px 0 20px; } .faq-accordion .accordion-item .accordion-body p { color: var(--paragraph-color); font-size: 15px; } .faq-image-wrap { margin-left: 30px; } /* Page Banner Area CSS */ .page-banner-area { background-image: url(../../assets/images/page-banner/banner-bg-1.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top: 100px; padding-bottom: 115px; position: relative; z-index: 1; } .page-banner-area::before { position: absolute; content: ""; left: 0; right: 0; top: 0; height: 100%; width: 100%; background: var(--black-color); z-index: -1; opacity: .50; } .page-banner-area.item-2 { background-image: url(../../assets/images/page-banner/banner-bg-2.jpg); } .page-banner-area.item-3 { background-image: url(../../assets/images/page-banner/banner-bg-3.jpg); } .page-banner-area.item-4 { background-image: url(../../assets/images/page-banner/banner-bg-4.jpg); } .page-banner-area.item-5 { background-image: url(../../assets/images/page-banner/banner-bg-5.jpg); } .page-banner-content { text-align: center; } .page-banner-content h1 { font-size: 70px; margin-bottom: 20px; font-weight: bold; color: var(--white-color); }.page-banner-content h2 { font-size: 70px; margin-bottom: 20px; font-weight: bold; color: var(--white-color); } .page-banner-content ul { padding-left: 0; margin-bottom: 0; } .page-banner-content ul li { display: inline-block; list-style-type: none; font-size: var(--font-size); font-weight: 400; color: var(--white-color); position: relative; margin-left: 25px; } .page-banner-content ul li::before { content: ''; position: absolute; left: -15px; top: 6px; height: 15px; width: 1px; background: var(--white-color); -webkit-transform: rotate(20deg); transform: rotate(20deg); } .page-banner-content ul li:first-child { margin-left: 0; } .page-banner-content ul li:first-child::before { display: none; } .page-banner-content ul li a { display: block; color: var(--white-color); } /* service image div */ .service-image { margin-top: 15px; } /* Emergency Services Area CSS */ .emergency-services-box { background-color: #EBF5F5; padding: 30px; margin-bottom: 25px; } .emergency-services-box h3 { font-size: 30px; margin-bottom: 0; } .emergency-services-box h3 a { color: var(--black-color); } .emergency-services-box h3 a:hover { color: var(--main-color); } .emergency-services-box h3 i { font-size: 25px; margin-right: 5px; } .single-emergency-services-card { background-color: var(--main-color); padding: 25px 30px; -webkit-transition: var(--transition); transition: var(--transition); margin-bottom: 25px; } .single-emergency-services-card h3 { font-size: 24px; margin-bottom: 20px; color: var(--white-color); } .single-emergency-services-card a { font-size: 30px; color: var(--white-color); font-weight: bold; } .single-emergency-services-card a i { font-size: 25px; margin-right: 5px; } .single-emergency-services-card:hover { background-color: var(--optional-color); } #emergency-services-map { margin-bottom: 40px; } #emergency-services-map iframe { width: 100%; height: 450px; margin-bottom: -8px; } /* Contact Area CSS */ #contact-map iframe { width: 100%; height: 450px; margin-bottom: -8px; } .contact-form-wrap h3 { font-size: 30px; margin-bottom: 30px; } .contact-form-wrap #contact-Form .form-group { margin-bottom: 25px; } .contact-form-wrap #contact-Form .form-group label { display: block; margin-bottom: 10px; color: var(--paragraph-color); font-weight: 600; font-size: 15px; } .contact-form-wrap #contact-Form .form-group .form-control { height: 60px; padding: 15px 25px; line-height: initial; color: var(--paragraph-color); background-color: var(--white-color); border: 1px solid #DDDDDD; border-radius: 0; -webkit-box-shadow: unset; box-shadow: unset; -webkit-transition: var(--transition); transition: var(--transition); font-size: var(--font-size); font-weight: 400; } .contact-form-wrap #contact-Form .form-group .form-control::-webkit-input-placeholder { color: var(--paragraph-color); } .contact-form-wrap #contact-Form .form-group .form-control:-ms-input-placeholder { color: var(--paragraph-color); } .contact-form-wrap #contact-Form .form-group .form-control::-ms-input-placeholder { color: var(--paragraph-color); } .contact-form-wrap #contact-Form .form-group .form-control::placeholder { color: var(--paragraph-color); } .contact-form-wrap #contact-Form .form-group .form-control:focus::-webkit-input-placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .contact-form-wrap #contact-Form .form-group .form-control:focus:-ms-input-placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .contact-form-wrap #contact-Form .form-group .form-control:focus::-ms-input-placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .contact-form-wrap #contact-Form .form-group .form-control:focus::placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .contact-form-wrap #contact-Form .form-group textarea.form-control { min-height: 115px; } .contact-form-wrap #contact-Form .list-unstyled { padding: 0; color: red; margin-top: 5px; font-size: 15px; } .contact-form-wrap #contact-Form div#msgSubmit { margin-bottom: 0; } .contact-form-wrap #contact-Form .text-danger { color: #dc3545 !important; font-size: 18px !important; margin-bottom: 0 !important; margin-top: 15px !important; } .contact-form-wrap #contact-Form .send-btn { margin-top: 25px; } .contact-form-wrap #contact-Form .send-btn .default-btn { border: none; } .contact-form-wrap #contact-Form .form-cookies-consent { margin-bottom: 0; } .contact-form-wrap #contact-Form .form-cookies-consent a { color: var(--main-color); } .contact-form-wrap #contact-Form .form-cookies-consent a:hover { color: var(--optional-color); } .contact-form-wrap #contact-Form .form-cookies-consent [type="checkbox"]:checked, .contact-form-wrap #contact-Form .form-cookies-consent [type="checkbox"]:not(:checked) { display: none; } .contact-form-wrap #contact-Form .form-cookies-consent [type="checkbox"]:checked + label, .contact-form-wrap #contact-Form .form-cookies-consent [type="checkbox"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; display: inline-block; margin-bottom: 0; color: var(--paragraph-color); font-weight: 500; font-size: 15px; } .contact-form-wrap #contact-Form .form-cookies-consent [type="checkbox"]:checked + label:before, .contact-form-wrap #contact-Form .form-cookies-consent [type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border: 1px solid #DDDDDD; border-radius: 0; background: var(--white-color); } .contact-form-wrap #contact-Form .form-cookies-consent [type="checkbox"]:checked + label:after, .contact-form-wrap #contact-Form .form-cookies-consent [type="checkbox"]:not(:checked) + label:after { content: ''; width: 10px; height: 10px; background: var(--main-color); position: absolute; top: 7.5px; left: 5px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 30px; } .contact-form-wrap #contact-Form .form-cookies-consent [type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .contact-form-wrap #contact-Form .form-cookies-consent [type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .contact-form-wrap #contact-Form .form-cookies-consent [type="checkbox"]:hover + label:before { border-color: var(--main-color); } .contact-form-wrap #contact-Form .form-cookies-consent [type="checkbox"]:checked + label:before { border-color: var(--main-color); } .contact-form-wrap #contact-Form .form-cookies-consent p { display: inline-block; margin-bottom: 0; margin-right: 25px; } .contact-form-wrap #contact-Form .form-cookies-consent p:last-child { margin-right: 0; } .contact-support { margin-left: 20px; } .contact-support h3 { font-size: 22px; margin-bottom: 10px; } .contact-support span { color: var(--paragraph-color); } .contact-support .information { padding: 0; margin-bottom: 0; margin-top: 20px; } .contact-support .information li { list-style-type: none; margin-bottom: 20px; color: var(--paragraph-color); position: relative; padding-left: 28px; } .contact-support .information li:last-child { margin-bottom: 0; } .contact-support .information li i { color: var(--main-color); font-size: 24px; position: absolute; left: 0; top: 2px; } .contact-support .information li a { color: var(--paragraph-color); } .contact-support .information li a:hover { color: var(--main-color); } .info2 li { font-size: 20px; font-weight: 600; } .info2 li span{ font-size: 16px; font-weight: normal; color: var(--main-color); } .info2 li span a { color: var(--main-color) !important; } .contact-support .social { padding: 0; margin-bottom: 0; margin-top: 25px; } .contact-support .social li { list-style-type: none; display: inline-block; margin-right: 10px; } .contact-support .social li:last-child { margin-right: 0; } .contact-support .social li a i { display: inline-block; height: 40px; width: 40px; line-height: 40px; background-color: #EBF5F5; color: var(--paragraph-color); font-size: 20px; -webkit-transition: var(--transition); transition: var(--transition); text-align: center; border-radius: 50px; } .contact-support .social li a i:hover { background-color: var(--optional-color); color: var(--white-color); } /* Patients & visitors Area CSS */ .patients-and-visitors-area .section-title { max-width: 980px; } .patients-and-visitors-content { max-width: 980px; margin: auto; } .patients-and-visitors-content .content { margin-bottom: 25px; } .patients-and-visitors-content .content:last-child { margin-bottom: 0; } .patients-and-visitors-content .content h3 { font-size: 24px; margin-bottom: 15px; } .patients-and-visitors-content .content p { margin-bottom: 0; } .patients-and-visitors-content .content #map iframe { width: 100%; height: 450px; margin-bottom: -8px; } /* Find doctor Area CSS */ .find-doctor-box { background-color: #EBF5F5; padding: 30px; margin-bottom: 25px; } .find-doctor-box h3 { font-size: 30px; margin-bottom: 0; } .find-doctor-box .default-btn i { margin-left: 0; margin-right: 10px; } .find-doctor-form .title { margin-bottom: 25px; } .find-doctor-form .title h3 { font-size: 24px; margin-bottom: 0; } .find-doctor-form .form-group { position: relative; margin-bottom: 25px; } .find-doctor-form .form-group label { font-size: var(--font-size); font-weight: 500; margin-bottom: 10px; color: var(--paragraph-color); } .find-doctor-form .form-group .form-control { height: 60px; display: block; padding: 15px 20px 15px 15px; width: 100%; border: 1px solid #DDDDDD; background-color: var(--white-color); border-radius: 0; color: var(--paragraph-color); font-size: var(--font-size); font-weight: 400; } .find-doctor-form .form-group .form-control::-webkit-input-placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .find-doctor-form .form-group .form-control:-ms-input-placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .find-doctor-form .form-group .form-control::-ms-input-placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .find-doctor-form .form-group .form-control::placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .find-doctor-form .form-group .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .find-doctor-form .form-group .form-control:focus::-webkit-input-placeholder { color: transparent; } .find-doctor-form .form-group .form-control:focus:-ms-input-placeholder { color: transparent; } .find-doctor-form .form-group .form-control:focus::-ms-input-placeholder { color: transparent; } .find-doctor-form .form-group .form-control:focus::placeholder { color: transparent; } .find-doctor-form .form-group .icon { z-index: 1; display: block; margin-bottom: 0; position: absolute; right: 20px; color: var(--paragraph-color); font-size: 18px; top: 55px; line-height: 0; } .find-doctor-form .form-group .selectize-input { display: block; padding: 18px 20px; width: 100%; border: 1px solid #DDDDDD; background-color: var(--white-color); border-radius: 0; color: var(--paragraph-color); font-size: var(--font-size); font-weight: 400; overflow: inherit; text-align: start; -webkit-box-shadow: none; box-shadow: none; } .find-doctor-form .form-group .selectize-input:after { content: "\ea4e"; display: block; position: absolute; top: 45%; -webkit-transform: translateY(-45%); transform: translateY(-45%); right: 15px; margin-top: 2px; font-size: 18px; width: unset; height: unset; border-style: unset; border-width: unset; border-color: var(--paragraph-color); font-family: "remixicon"; } .find-doctor-form .form-group .selectize-input > * { line-height: 1.5; text-align: start; } .find-doctor-form .form-group .selectize-input input { font-size: 16px; line-height: 1.5; text-align: start; } .find-doctor-form .form-group .selectize-dropdown { -webkit-box-shadow: none; box-shadow: none; border: none; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); border-radius: 0; text-align: start; } .find-doctor-form .form-group .selectize-dropdown [data-selectable] { font-size: 15px; border-radius: 0; padding: 10px 20px; border-radius: 0; text-align: start; } .find-doctor-form .find-doctor-btn .default-btn { border: none; } /* Doctor Calendar Area CSS */ .doctor-calendar-filter { max-width: 350px; margin: 0 auto 35px; } .doctor-calendar-filter .form-group .selectize-input { display: block; padding: 0 0 20px; width: 100%; border-bottom: 1px solid var(--black-color) !important; background-color: var(--white-color); border-radius: 0; color: var(--paragraph-color); font-size: var(--font-size); font-weight: 400; overflow: inherit; text-align: start; -webkit-box-shadow: none; box-shadow: none; border: none; } .doctor-calendar-filter .form-group .selectize-input:after { content: "\ea4e"; display: block; position: absolute; top: 2px; right: 15px; margin-top: 2px; font-size: 18px; width: unset; height: unset; border-style: unset; border-width: unset; border-color: var(--paragraph-color); font-family: "remixicon"; } .doctor-calendar-filter .form-group .selectize-input > * { line-height: 1.5; text-align: start; } .doctor-calendar-filter .form-group .selectize-input input { font-size: 16px; line-height: 1.5; text-align: start; } .doctor-calendar-filter .form-group .selectize-dropdown { -webkit-box-shadow: none; box-shadow: none; border: none; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); border-radius: 0; text-align: start; } .doctor-calendar-filter .form-group .selectize-dropdown [data-selectable] { font-size: 15px; border-radius: 0; padding: 10px 20px; border-radius: 0; text-align: start; } .doctor-calendar-table { background-color: var(--white-color); -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); } .doctor-calendar-table table { margin-bottom: 0; } .doctor-calendar-table table thead tr th { vertical-align: middle; text-align: center; background-color: var(--main-color); border: none; color: var(--white-color); white-space: nowrap; font-size: var(--font-size); font-weight: 500; padding-top: 15px; padding-bottom: 15px; } .doctor-calendar-table table tbody tr td { vertical-align: middle; text-align: center; border: 1px solid #9C9C9C; border-top: none; -webkit-transition: var(--transition); transition: var(--transition); white-space: nowrap; padding: 30px 25px; } .doctor-calendar-table table tbody tr td:first-child { border-left: none; } .doctor-calendar-table table tbody tr td:last-child { border-right: none; } .doctor-calendar-table table tbody tr td h3 { margin-bottom: 0; -webkit-transition: var(--transition); transition: var(--transition); font-size: var(--font-size); font-weight: 600; } .doctor-calendar-table table tbody tr td span { display: block; color: var(--paragraph-color); font-size: 14.5px; font-weight: 500; margin-top: 8px; -webkit-transition: var(--transition); transition: var(--transition); } .doctor-calendar-table table tbody tr td.appointment { background-color: var(--main-color); -webkit-transition: var(--transition); transition: var(--transition); } .doctor-calendar-table table tbody tr td.appointment a { color: var(--white-color); } .doctor-calendar-table table tbody tr td.appointment:hover { background-color: var(--optional-color); } .doctor-calendar-table table tbody tr td:hover { background-color: var(--main-color); border-color: var(--main-color); } .doctor-calendar-table table tbody tr td:hover h3 { color: var(--white-color); } .doctor-calendar-table table tbody tr td:hover span { color: var(--white-color); } /* Shop Area CSS */ .mebid-grid-sorting { margin-bottom: 35px; background-color: #EBF5F5; padding: 15px; } .mebid-grid-sorting .result-count p { font-weight: 500; } .mebid-grid-sorting .result-count p .count { font-weight: 700; color: var(--black-color); } .mebid-grid-sorting .ordering { text-align: right; } .mebid-grid-sorting .ordering .selectize-input { display: block; padding: 18px 20px; width: 100%; border: 1px solid var(--white-color); background-color: var(--white-color); border-radius: 0; color: var(--paragraph-color); font-size: var(--font-size); font-weight: 400; overflow: inherit; text-align: start; -webkit-box-shadow: unset; box-shadow: unset; } .mebid-grid-sorting .ordering .selectize-input:after { content: "\ea4e"; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 20px !important; margin-top: 2px; font-size: 18px; width: unset; height: unset; border-style: unset; border-width: unset; border-color: #6f8ba4; font-family: "remixicon"; -webkit-transition: var(--transition); transition: var(--transition); } .mebid-grid-sorting .ordering .selectize-input > * { line-height: 1.5 !important; text-align: start; } .mebid-grid-sorting .ordering .selectize-input input { font-size: 16px; line-height: 1.5 !important; text-align: start; } .mebid-grid-sorting .ordering .selectize-dropdown { -webkit-box-shadow: none; box-shadow: none; border: none; border-radius: 0; text-align: start; } .mebid-grid-sorting .ordering .selectize-dropdown [data-selectable] { font-size: 15px; border-radius: 0; padding: 10px 20px; border-radius: 0; text-align: start; } .mebid-grid-sorting .ordering span { display: inline-block; } .single-shop-card { margin-bottom: 25px; } .single-shop-card .shop-image { position: relative; text-align: center; } .single-shop-card .shop-image .new { background-color: var(--optional-color); color: var(--white-color); display: inline-block; height: 45px; width: 45px; line-height: 45px; border-radius: 50px; position: absolute; left: 20px; top: 20px; font-size: 14px; text-align: center; -webkit-transition: var(--transition); transition: var(--transition); } .single-shop-card .shop-image .sale { background-color: var(--main-color); color: var(--white-color); display: inline-block; height: 45px; width: 45px; line-height: 45px; border-radius: 50px; position: absolute; left: 20px; top: 20px; font-size: 14px; text-align: center; -webkit-transition: var(--transition); transition: var(--transition); } .single-shop-card .shop-image .add-to-cart-btn { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; visibility: hidden; -webkit-transition: var(--transition); transition: var(--transition); margin-top: 10px; } .single-shop-card .shop-image .add-to-cart-btn .default-btn { background-color: var(--white-color); color: var(--black-color) !important; } .single-shop-card .shop-image .add-to-cart-btn .default-btn:hover { color: var(--white-color) !important; } .single-shop-card .shop-content { margin-top: 25px; } .single-shop-card .shop-content span { font-size: var(--font-size); color: var(--paragraph-color); display: inline-block; margin-bottom: 15px; } .single-shop-card .shop-content h3 { font-size: 24px; margin-bottom: 0; } .single-shop-card:hover .shop-image { position: relative; text-align: center; } .single-shop-card:hover .shop-image .new { background-color: var(--main-color); } .single-shop-card:hover .shop-image .sale { background-color: var(--optional-color); } .single-shop-card:hover .shop-image .add-to-cart-btn { opacity: 1; visibility: visible; margin-top: 0; } /* Cart Area CSS */ .cart-table table { margin-bottom: 0; } .cart-table table thead tr { border: none; border-bottom: 1px solid #e7e7e7; } .cart-table table thead tr th { border-bottom-width: 0px; vertical-align: middle; padding: 0 30px 30px; white-space: nowrap; font-size: var(--font-size); font-weight: 600; border: none; } .cart-table table tbody tr { border: none; border-bottom: 1px solid #e7e7e7; } .cart-table table tbody tr td { vertical-align: middle; color: var(--paragraph-color); white-space: nowrap; font-weight: 400; font-size: var(--font-size); padding: 25px 30px; border: none; } .cart-table table tbody tr td .remove { font-size: 18px; } .cart-table table tbody tr td.product-thumbnail a { display: inline-block; } .cart-table table tbody tr td.product-name a { display: inline-block; color: var(--black-color); font-weight: 600; font-size: 18px; } .cart-table table tbody tr td.product-quantity .form-control { height: 60px; display: block; padding: 15px 10px 15px 15px; width: 100%; border: 1px solid #DDDDDD; background-color: var(--white-color); border-radius: 0; color: var(--paragraph-color); font-size: var(--font-size); font-weight: 400; } .cart-table table tbody tr td.product-quantity .form-control::-webkit-input-placeholder { color: var(--paragraph-color); } .cart-table table tbody tr td.product-quantity .form-control:-ms-input-placeholder { color: var(--paragraph-color); } .cart-table table tbody tr td.product-quantity .form-control::-ms-input-placeholder { color: var(--paragraph-color); } .cart-table table tbody tr td.product-quantity .form-control::placeholder { color: var(--paragraph-color); } .cart-table table tbody tr td.product-quantity .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .cart-table table tbody tr td.product-subtotal { overflow: hidden; } .cart-buttons { margin-top: 30px; text-align: end; } .cart-buttons .shopping-coupon-code { position: relative; max-width: 530px; } .cart-buttons .shopping-coupon-code .form-control { height: 60px; color: var(--black-color); -webkit-box-shadow: unset !important; box-shadow: unset !important; border: 1px solid #e1e1e1; background-color: var(--white-color); -webkit-transition: var(--transition); transition: var(--transition); border-radius: 3px; padding: 25px; font-size: 15px; font-weight: 400; } .cart-buttons .shopping-coupon-code button { position: absolute; right: 0; top: 0; height: 60px; background: var(--main-color); color: var(--white-color); border: none; padding: 0 25px; line-height: 50px; outline: 0; -webkit-transition: var(--transition); transition: var(--transition); font-size: var(--font-size); font-weight: 400; cursor: pointer; } .cart-buttons .shopping-coupon-code button:hover { background-color: var(--optional-color); } .cart-buttons .default-btn { color: var(--white-color) !important; border-radius: 0; padding: 15px 30px; } .cart-buttons .default-btn span { background-color: var(--black-color); } .cart-totals { background-color: #eeeeee; border: 1px solid #ebebeb; padding: 25px; } .cart-totals h3 { margin-bottom: 25px; font-size: 22px; } .cart-totals ul { padding-left: 0; margin: 0 0 25px; list-style-type: none; } .cart-totals ul li { color: var(--paragraph-color); overflow: hidden; font-size: var(--font-size); font-weight: 400; margin-bottom: 20px; } .cart-totals ul li:last-child { font-size: 18px; margin-bottom: 0; } .cart-totals ul li:last-child span { color: var(--paragraph-color); font-weight: 600; } .cart-totals ul li span { float: right; color: var(--paragraph-color); } .cart-totals .default-btn { width: 100%; } /* Checkout Area CSS */ .billing-details .title { font-size: 22px; margin-bottom: 30px; } .billing-details .form-group { margin-bottom: 25px; position: relative; } .billing-details .form-group label { display: block; margin-bottom: 10px; color: var(--paragraph-color); font-weight: 600; font-size: 15px; } .billing-details .form-group .form-control { height: 60px; padding: 15px 20px; line-height: initial; color: var(--paragraph-color); background-color: transparent; border: 1px solid #DDDDDD; border-radius: 0; -webkit-box-shadow: unset; box-shadow: unset; -webkit-transition: var(--transition); transition: var(--transition); font-size: var(--font-size); font-weight: 400; } .billing-details .form-group .form-control::-webkit-input-placeholder { color: var(--paragraph-color); } .billing-details .form-group .form-control:-ms-input-placeholder { color: var(--paragraph-color); } .billing-details .form-group .form-control::-ms-input-placeholder { color: var(--paragraph-color); } .billing-details .form-group .form-control::placeholder { color: var(--paragraph-color); } .billing-details .form-group .form-control:focus::-webkit-input-placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .billing-details .form-group .form-control:focus:-ms-input-placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .billing-details .form-group .form-control:focus::-ms-input-placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .billing-details .form-group .form-control:focus::placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .billing-details .form-group textarea.form-control { min-height: 115px; } .billing-details .form-group .selectize-input { display: block; padding: 18px 20px; width: 100%; border: 1px solid #DDDDDD; background-color: var(--white-color); border-radius: 0; color: var(--paragraph-color); font-size: var(--font-size); font-weight: 400; overflow: inherit; text-align: start; -webkit-box-shadow: none; box-shadow: none; } .billing-details .form-group .selectize-input:after { content: "\ea4e"; display: block; position: absolute; top: 45%; -webkit-transform: translateY(-45%); transform: translateY(-45%); right: 15px; margin-top: 2px; font-size: 18px; width: unset; height: unset; border-style: unset; border-width: unset; border-color: var(--paragraph-color); font-family: "remixicon"; } .billing-details .form-group .selectize-input > * { line-height: 1.5; text-align: start; } .billing-details .form-group .selectize-input input { font-size: 16px; line-height: 1.5; text-align: start; } .billing-details .form-group .selectize-dropdown { -webkit-box-shadow: none; box-shadow: none; border: none; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); border-radius: 0; text-align: start; } .billing-details .form-group .selectize-dropdown [data-selectable] { font-size: 15px; border-radius: 0; padding: 10px 20px; border-radius: 0; text-align: start; } .billing-details .form-check { margin-bottom: 20px; } .billing-details .form-check .form-check-label { color: var(--paragraph-color); font-weight: 500; } .billing-details .form-check label { position: relative; left: 2px; top: 0; font-weight: 500; } .billing-details .col-lg-12:last-child .form-group { margin-bottom: 0; } .payment-box { background-color: #eeeeee; border: 1px solid #ebebeb; padding: 25px; margin-top: 25px; } .payment-box .title { margin-bottom: 25px; font-size: 22px; } .payment-box .payment-method p [type="radio"]:checked, .payment-box .payment-method p [type="radio"]:not(:checked) { display: none; } .payment-box .payment-method p [type="radio"]:checked + label, .payment-box .payment-method p [type="radio"]:not(:checked) + label { padding-left: 28px; cursor: pointer; display: block; color: var(--black-color); position: relative; margin-bottom: 8px; font-weight: 600; } .payment-box .payment-method p [type="radio"]:checked + label::before, .payment-box .payment-method p [type="radio"]:not(:checked) + label::before { content: ''; position: absolute; left: 0; top: 4px; width: 18px; height: 18px; border: 1px solid #dddddd; border-radius: 50%; background: var(--white-color); } .payment-box .payment-method p [type="radio"]:checked + label::after, .payment-box .payment-method p [type="radio"]:not(:checked) + label::after { content: ''; width: 12px; height: 12px; background: var(--main-color); position: absolute; top: 7px; left: 3px; border-radius: 50%; -webkit-transition: var(--transition); transition: var(--transition); } .payment-box .payment-method p [type="radio"]:not(:checked) + label::after { opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0); } .payment-box .payment-method p [type="radio"]:checked + label::after { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); } .payment-box .check-me-wrap { margin-top: 18px; margin-bottom: 10px; } .payment-box .check-me-wrap a { color: var(--main-color); } .payment-box .check-me-wrap [type="checkbox"]:checked, .payment-box .check-me-wrap [type="checkbox"]:not(:checked) { display: none; } .payment-box .check-me-wrap [type="checkbox"]:checked + label, .payment-box .check-me-wrap [type="checkbox"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; display: inline-block; margin-bottom: 0; color: var(--paragraph-color); font-weight: 500; font-size: 15px; } .payment-box .check-me-wrap [type="checkbox"]:checked + label:before, .payment-box .check-me-wrap [type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border: 1px solid #ebebeb; border-radius: 5px; background: var(--white-color); } .payment-box .check-me-wrap [type="checkbox"]:checked + label:after, .payment-box .check-me-wrap [type="checkbox"]:not(:checked) + label:after { content: ''; width: 10px; height: 10px; background: var(--main-color); position: absolute; top: 7.5px; left: 5px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 30px; } .payment-box .check-me-wrap [type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .payment-box .check-me-wrap [type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .payment-box .check-me-wrap [type="checkbox"]:hover + label:before { border-color: var(--main-color); } .payment-box .check-me-wrap [type="checkbox"]:checked + label:before { border-color: var(--main-color); } .payment-box .check-me-wrap a { color: var(--main-color); } .payment-box .default-btn { margin-top: 15px; width: 100%; } /* Shop Details Area CSS */ .products-details-desc { margin-left: 30px; } .products-details-desc h3 { margin-bottom: 15px; font-size: 30px; } .products-details-desc .price { margin-bottom: 15px; color: var(--black-color); font-size: 18px; font-weight: bold; } .products-details-desc .products-review { margin-bottom: 15px; } .products-details-desc .products-review .rating { display: inline-block; font-size: var(--font-size); } .products-details-desc .products-review .rating i { color: #ffba0a; display: inline-block; } .products-details-desc .products-review .rating span { font-size: 14px; color: var(--paragraph-color); position: relative; top: -3px; } .products-details-desc .products-add-to-cart { margin-top: 25px; } .products-details-desc .products-add-to-cart .form-control { display: inline-block; width: unset; padding: 15px 10px 15px 15px; border: 1px solid #DDDDDD; background-color: var(--white-color); border-radius: 0; color: var(--paragraph-color); font-size: var(--font-size); font-weight: 400; -webkit-box-shadow: unset; box-shadow: unset; } .products-details-desc .products-add-to-cart .default-btn { padding-top: 15.5px; padding-bottom: 15.5px; border: none; margin-left: 10px; display: inline-block; } .products-details-desc .products-meta { margin-top: 25px; } .products-details-desc .products-meta span { display: block; color: var(--black-color); margin-bottom: 15px; font-weight: 600; } .products-details-desc .products-meta span span { display: inline-block; margin-bottom: 0; font-weight: 400; } .products-details-desc .products-meta span span.sku { color: var(--paragraph-color); } .products-details-desc .products-meta span span.category { color: var(--paragraph-color); } .products-details-desc .products-meta span:last-child { margin-bottom: 0; } .products-details-desc .products-share { padding: 0; margin-bottom: 0; margin-top: 25px; } .products-details-desc .products-share li { display: inline-block; list-style-type: none; margin-right: 10px; } .products-details-desc .products-share li:last-child { margin-right: 0; } .products-details-desc .products-share li span { font-weight: 600; } .products-details-desc .products-share li a i { display: inline-block; height: 45px; width: 45px; line-height: 45px; background-color: #EBF5F5; color: var(--main-color); font-size: 20px; -webkit-transition: var(--transition); transition: var(--transition); text-align: center; border-radius: 50px; } .products-details-desc .products-share li a i:hover { background-color: var(--optional-color); color: var(--white-color); } .products-details-tabs { margin-top: 50px; } .products-details-tabs .nav { padding: 0; margin-bottom: 30px; list-style-type: none; display: block; } .products-details-tabs .nav .nav-item { display: inline-block; margin-right: 30px; } .products-details-tabs .nav .nav-item:last-child { margin-right: 0; } .products-details-tabs .nav .nav-item .nav-link { color: var(--black-color); border: none; border-bottom: 1px solid #eeeeee; padding: 0; background-color: transparent; position: relative; padding-bottom: 8px; font-size: 20px; font-weight: 600; } .products-details-tabs .nav .nav-item .nav-link::before { content: ''; position: absolute; left: 0; width: 0; height: 2px; background-color: var(--main-color); -webkit-transition: var(--transition); transition: var(--transition); bottom: -1px; } .products-details-tabs .nav .nav-item .nav-link:hover, .products-details-tabs .nav .nav-item .nav-link.active { color: var(--main-color); } .products-details-tabs .nav .nav-item .nav-link:hover::before, .products-details-tabs .nav .nav-item .nav-link.active::before { width: 100%; } .products-details-tabs .tab-content .tab-pane .products-reviews h3 { margin-bottom: 15px; display: inline-block; font-size: 24px; font-weight: 600; } .products-details-tabs .tab-content .tab-pane .products-reviews .rating span { font-size: var(--font-size); color: #cecfd2; margin-right: -2px; } .products-details-tabs .tab-content .tab-pane .products-reviews .rating span.checked { color: orange; } .products-details-tabs .tab-content .tab-pane .products-reviews .rating-count { margin-top: 10px; margin-bottom: 20px; } .products-details-tabs .tab-content .tab-pane .products-reviews .rating-count span { display: block; color: var(--paragraph-color); } .products-details-tabs .tab-content .tab-pane .products-reviews .row { overflow: hidden; margin-left: 0; margin-right: 0; } .products-details-tabs .tab-content .tab-pane .products-reviews .side { float: left; width: 9%; margin-top: 10px; padding: 0; } .products-details-tabs .tab-content .tab-pane .products-reviews .side div { font-weight: 500; } .products-details-tabs .tab-content .tab-pane .products-reviews .middle { margin-top: 14px; float: left; width: 82%; } .products-details-tabs .tab-content .tab-pane .products-reviews .right { text-align: right; } .products-details-tabs .tab-content .tab-pane .products-reviews .bar-container { width: 100%; background-color: #f1f1f1; text-align: center; color: var(--white-color); border-radius: 5px; } .products-details-tabs .tab-content .tab-pane .products-reviews .bar-5 { width: 100%; height: 18px; background-color: #4CAF50; border-radius: 5px; } .products-details-tabs .tab-content .tab-pane .products-reviews .bar-4 { width: 75%; height: 18px; background-color: #2196F3; border-radius: 5px; border-radius: 5px; } .products-details-tabs .tab-content .tab-pane .products-reviews .bar-3 { width: 50%; height: 18px; background-color: #00bcd4; border-radius: 5px; } .products-details-tabs .tab-content .tab-pane .products-reviews .bar-2 { width: 25%; height: 18px; background-color: #ff9800; border-radius: 5px; } .products-details-tabs .tab-content .tab-pane .products-reviews .bar-1 { width: 0; height: 18px; background-color: #f44336; border-radius: 5px; } .products-details-tabs .tab-content .tab-pane .products-review-comments { margin-top: 40px; } .products-details-tabs .tab-content .tab-pane .products-review-comments h3 { border-bottom: 1px solid #ebebeb; padding-bottom: 10px; margin-top: 0; margin-bottom: 10px; font-size: 20px; font-weight: 600; } .products-details-tabs .tab-content .tab-pane .products-review-comments .user-review { border-bottom: 1px solid #ebebeb; padding: 20px 0 20px 110px; position: relative; } .products-details-tabs .tab-content .tab-pane .products-review-comments .user-review img { position: absolute; left: 0; top: 20px; width: 90px; height: 90px; border-radius: 5px; } .products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .sub-comment { margin-bottom: 8px; font-weight: 600; } .products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating { display: block; margin-bottom: 8px; } .products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating .review-stars { display: inline-block; } .products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating .review-stars i { color: #cecfd2; font-size: var(--font-size); display: inline-block; margin-right: -2px; } .products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating .review-stars i.checked { color: orange; } .products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating span { color: var(--black-color); position: relative; top: -2px; font-weight: 600; margin-left: 5px; } .products-details-tabs .tab-content .tab-pane .review-form-wrapper { margin-top: 30px; } .products-details-tabs .tab-content .tab-pane .review-form-wrapper h3 { margin-bottom: 10px; font-size: 18px; font-weight: 600; } .products-details-tabs .tab-content .tab-pane .review-form-wrapper .comment-notes span { color: red; } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form { margin-top: 20px; } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group { margin-bottom: 25px; text-align: left; } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control { height: 60px; padding: 15px 25px; line-height: initial; color: var(--paragraph-color); background-color: #f3f7fb; border: 1px solid #ebebeb; border-radius: 5px; -webkit-box-shadow: unset; box-shadow: unset; -webkit-transition: var(--transition); transition: var(--transition); font-size: var(--font-size); font-weight: 400; } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control::-webkit-input-placeholder { color: var(--paragraph-color); } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control:-ms-input-placeholder { color: var(--paragraph-color); } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control::-ms-input-placeholder { color: var(--paragraph-color); } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control::placeholder { color: var(--paragraph-color); } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control:focus::-webkit-input-placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control:focus:-ms-input-placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control:focus::-ms-input-placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control:focus::placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group textarea.form-control { min-height: 120px; padding: 15px 25px; } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating { text-align: left; overflow: hidden; max-width: 115px; margin-top: -5px; margin-bottom: 30px; } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating label { float: right; position: relative; width: 23px; height: 23px; cursor: pointer; } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating label:not(:first-of-type) { padding-right: 5px; } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating label:before { content: "\2605"; -webkit-transition: var(--transition); transition: var(--transition); font-size: 27px; color: #CCCCCC; line-height: 1; } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating input { display: none; } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating input:checked ~ label:before, .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating:not(:checked) > label:hover:before, .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating:not(:checked) > label:hover ~ label:before { color: #f6b500; } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent { text-align: left; margin-bottom: 0; } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked, .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked) { display: none; } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked + label, .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; margin-bottom: 0; color: var(--paragraph-color); font-weight: 400; } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked + label:before, .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border: 1px solid #f5f5f5; border-radius: 5px; background: #f5f5f5; } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked + label:after, .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked) + label:after { content: ''; width: 8px; height: 8px; background: var(--main-color); position: absolute; top: 6.5px; left: 6px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 50px; } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:hover + label:before { border-color: var(--main-color); } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked + label:before { border-color: var(--main-color); } .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .default-btn { margin-top: 22px; border: none; } /* Terms of Service Area CSS */ .terms-of-service-content h3 { margin-top: 25px; margin-bottom: 15px; font-size: 22px; } .terms-of-service-content .blockquote, .terms-of-service-content blockquote { margin-top: 25px; margin-bottom: 30px; background-color: #e6f2f5; text-align: left !important; padding: 15px 25px !important; border-radius: 5px; line-height: 1.5; } .terms-of-service-content .blockquote p, .terms-of-service-content blockquote p { margin-bottom: 0; line-height: 1.8; font-weight: 400; } .terms-of-service-content .blockquote::after, .terms-of-service-content blockquote::after { display: none; } .terms-of-service-content .blockquote::before, .terms-of-service-content blockquote::before { display: none; } .terms-of-service-content ol, .terms-of-service-content ul { margin-top: 20px; } .terms-of-service-content ol li, .terms-of-service-content ul li { margin-bottom: 10px; color: var(--font-size); line-height: 1.8; font-weight: 400; font-size: var(--font-size); color: var(--paragraph-color); } /* Privacy Policy Area CSS */ .privacy-policy-content h3 { margin-top: 25px; margin-bottom: 15px; font-size: 22px; } .privacy-policy-content .blockquote, .privacy-policy-content blockquote { margin-top: 25px; margin-bottom: 30px; background-color: #e6f2f5; text-align: left !important; padding: 15px 25px !important; border-radius: 5px; line-height: 1.5; } .privacy-policy-content .blockquote p, .privacy-policy-content blockquote p { margin-bottom: 0; line-height: 1.8; font-weight: 400; } .privacy-policy-content .blockquote::after, .privacy-policy-content blockquote::after { display: none; } .privacy-policy-content .blockquote::before, .privacy-policy-content blockquote::before { display: none; } .privacy-policy-content ol, .privacy-policy-content ul { margin-top: 20px; } .privacy-policy-content ol li, .privacy-policy-content ul li { margin-bottom: 10px; color: var(--font-size); line-height: 1.8; font-weight: 400; font-size: var(--font-size); color: var(--paragraph-color); } /* 404 Error Area CSS */ .error-content { text-align: center; } .error-content h3 { margin-top: 45px; margin-bottom: 20px; font-size: 35px; } .error-content p { max-width: 550px; margin: auto; } .error-content .default-btn { margin-top: 30px; } /* Coming Soon Area CSS */ .coming-soon-area { background-image: url(../../assets/images/coming-soon-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top: 150px; padding-bottom: 150px; } .coming-soon-content { max-width: 700px; background-color: var(--white-color); border-radius: 10px; overflow: hidden; text-align: center; padding: 45px 65px; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); margin: 0 auto 0 0; } .coming-soon-content .logo { display: inline-block; } .coming-soon-content h2 { font-size: 45px; margin-top: 35px; margin-bottom: 0; } .coming-soon-content #timer { margin-top: 45px; } .coming-soon-content #timer div { background-color: var(--main-color); color: var(--white-color); width: 130px; height: 130px; border-radius: 50%; font-size: 40px; font-weight: bold; margin-left: 5px; margin-right: 5px; } .coming-soon-content #timer div span { display: block; margin-top: -2px; font-size: 15px; font-weight: 500; } .coming-soon-content form { max-width: 550px; margin-left: auto; margin-right: auto; margin-top: 50px; } .coming-soon-content form .form-group { margin-bottom: 15px; } .coming-soon-content form .form-group .form-control { height: 60px; padding: 15px 25px; line-height: initial; color: var(--paragraph-color); background-color: #f3f7fb; border: none; border-radius: 30px; -webkit-box-shadow: unset; box-shadow: unset; -webkit-transition: var(--transition); transition: var(--transition); font-size: var(--font-size); font-weight: 400; } .coming-soon-content form .form-group .form-control::-webkit-input-placeholder { color: var(--paragraph-color); } .coming-soon-content form .form-group .form-control:-ms-input-placeholder { color: var(--paragraph-color); } .coming-soon-content form .form-group .form-control::-ms-input-placeholder { color: var(--paragraph-color); } .coming-soon-content form .form-group .form-control::placeholder { color: var(--paragraph-color); } .coming-soon-content form .form-group .form-control:focus::-webkit-input-placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .coming-soon-content form .form-group .form-control:focus:-ms-input-placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .coming-soon-content form .form-group .form-control:focus::-ms-input-placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .coming-soon-content form .form-group .form-control:focus::placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .coming-soon-content form .default-btn { border-radius: 30px; width: 100%; background-color: var(--main-color); color: var(--white-color) !important; border: none; } .coming-soon-content form .default-btn::before { width: 850px; height: 850px; background-color: var(--optional-color); } .coming-soon-content form .validation-danger { margin-top: 15px; color: red; } .coming-soon-content form .validation-success { margin-top: 15px; } .coming-soon-content form p { margin-bottom: 0; margin-top: 20px; } /* Login Area CSS */ .login-form { max-width: 650px; margin: auto; } .login-form h2 { margin-bottom: 30px; font-size: 22px; } .login-form form .form-group { margin-bottom: 25px; } .login-form form .form-group label { display: block; margin-bottom: 10px; color: var(--paragraph-color); font-weight: 500; } .login-form form .form-group .form-control { height: 60px; padding: 15px 25px; line-height: initial; color: var(--paragraph-color); background-color: var(--white-color); border: 1px solid #DDDDDD; border-radius: 5px; -webkit-box-shadow: unset; box-shadow: unset; -webkit-transition: var(--transition); transition: var(--transition); font-size: var(--font-size); font-weight: 400; } .login-form form .form-group .form-control::-webkit-input-placeholder { color: var(--paragraph-color); } .login-form form .form-group .form-control:-ms-input-placeholder { color: var(--paragraph-color); } .login-form form .form-group .form-control::-ms-input-placeholder { color: var(--paragraph-color); } .login-form form .form-group .form-control::placeholder { color: var(--paragraph-color); } .login-form form .form-group .form-control:focus::-webkit-input-placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .login-form form .form-group .form-control:focus:-ms-input-placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .login-form form .form-group .form-control:focus::-ms-input-placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .login-form form .form-group .form-control:focus::placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .login-form form .remember-me-wrap { margin-bottom: 0; } .login-form form .remember-me-wrap a { color: var(--main-color); } .login-form form .remember-me-wrap [type="checkbox"]:checked, .login-form form .remember-me-wrap [type="checkbox"]:not(:checked) { display: none; } .login-form form .remember-me-wrap [type="checkbox"]:checked + label, .login-form form .remember-me-wrap [type="checkbox"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; display: inline-block; margin-bottom: 0; color: var(--paragraph-color); font-weight: 500; font-size: 15px; } .login-form form .remember-me-wrap [type="checkbox"]:checked + label:before, .login-form form .remember-me-wrap [type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border: 1px solid #DDDDDD; border-radius: 5px; background: var(--white-color); } .login-form form .remember-me-wrap [type="checkbox"]:checked + label:after, .login-form form .remember-me-wrap [type="checkbox"]:not(:checked) + label:after { content: ''; width: 10px; height: 10px; background: var(--main-color); position: absolute; top: 7.5px; left: 5px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 30px; } .login-form form .remember-me-wrap [type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .login-form form .remember-me-wrap [type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .login-form form .remember-me-wrap [type="checkbox"]:hover + label:before { border-color: var(--main-color); } .login-form form .remember-me-wrap [type="checkbox"]:checked + label:before { border-color: var(--main-color); } .login-form form .lost-your-password-wrap { text-align: right; } .login-form form .lost-your-password-wrap a { display: inline-block; position: relative; font-weight: 500; font-size: 15px; line-height: 1.4; color: var(--paragraph-color); } .login-form form .lost-your-password-wrap a::before { width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; content: ''; -webkit-transition: var(--transition); transition: var(--transition); background-color: #eeeeee; } .login-form form .lost-your-password-wrap a::after { width: 0; height: 1px; position: absolute; left: 0; -webkit-transition: var(--transition); transition: var(--transition); bottom: 0; content: ''; background-color: var(--main-color); } .login-form form .lost-your-password-wrap a:hover::before { width: 0; } .login-form form .lost-your-password-wrap a:hover::after { width: 100%; } .login-form form .default-btn { margin-top: 25px; background-color: var(--main-color); color: var(--white-color) !important; border: none; } .login-form form .default-btn::before { width: 750px; height: 750px; background-color: var(--optional-color); } .login-form form .account-text { margin-top: 15px; } .login-form form .account-text p { color: var(--paragraph-color); } .login-form form .account-text p a { color: var(--paragraph-color); font-weight: 500; } .login-form form .account-text p a:hover { color: var(--main-color); } /* Register Area CSS */ .register-form { max-width: 650px; margin: auto; } .register-form h2 { margin-bottom: 30px; font-size: 22px; } .register-form form .form-group { margin-bottom: 25px; } .register-form form .form-group label { display: block; margin-bottom: 10px; color: var(--paragraph-color); font-weight: 500; } .register-form form .form-group .form-control { height: 60px; padding: 15px 25px; line-height: initial; color: var(--paragraph-color); background-color: var(--white-color); border: 1px solid #ebebeb; border-radius: 5px; -webkit-box-shadow: unset; box-shadow: unset; -webkit-transition: var(--transition); transition: var(--transition); font-size: var(--font-size); font-weight: 400; } .register-form form .form-group .form-control::-webkit-input-placeholder { color: var(--paragraph-color); } .register-form form .form-group .form-control:-ms-input-placeholder { color: var(--paragraph-color); } .register-form form .form-group .form-control::-ms-input-placeholder { color: var(--paragraph-color); } .register-form form .form-group .form-control::placeholder { color: var(--paragraph-color); } .register-form form .form-group .form-control:focus::-webkit-input-placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .register-form form .form-group .form-control:focus:-ms-input-placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .register-form form .form-group .form-control:focus::-ms-input-placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .register-form form .form-group .form-control:focus::placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .register-form form .remember-me-wrap { margin-bottom: 0; } .register-form form .remember-me-wrap a { color: var(--main-color); } .register-form form .remember-me-wrap [type="checkbox"]:checked, .register-form form .remember-me-wrap [type="checkbox"]:not(:checked) { display: none; } .register-form form .remember-me-wrap [type="checkbox"]:checked + label, .register-form form .remember-me-wrap [type="checkbox"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; display: inline-block; margin-bottom: 0; color: var(--paragraph-color); font-weight: 500; font-size: 15px; } .register-form form .remember-me-wrap [type="checkbox"]:checked + label:before, .register-form form .remember-me-wrap [type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border: 1px solid #ebebeb; border-radius: 5px; background: var(--white-color); } .register-form form .remember-me-wrap [type="checkbox"]:checked + label:after, .register-form form .remember-me-wrap [type="checkbox"]:not(:checked) + label:after { content: ''; width: 10px; height: 10px; background: var(--main-color); position: absolute; top: 7.5px; left: 5px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 30px; } .register-form form .remember-me-wrap [type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .register-form form .remember-me-wrap [type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .register-form form .remember-me-wrap [type="checkbox"]:hover + label:before { border-color: var(--main-color); } .register-form form .remember-me-wrap [type="checkbox"]:checked + label:before { border-color: var(--main-color); } .register-form form .remember-me-wrap a { color: var(--main-color); } .register-form form .default-btn { margin-top: 25px; background-color: var(--main-color); color: var(--white-color) !important; border: none; } .register-form form .default-btn::before { width: 750px; height: 750px; background-color: var(--optional-color); } .register-form form .account-text { margin-top: 15px; } .register-form form .account-text p { color: var(--paragraph-color); } .register-form form .account-text p a { color: var(--paragraph-color); font-weight: 500; } .register-form form .account-text p a:hover { color: var(--main-color); } /* Forgot Password Area CSS */ .forgot-password-form { padding: 35px; max-width: 650px; margin: auto; background-color: #f9fafb; border: 1px solid #ebebeb; } .forgot-password-form h2 { margin-bottom: 30px; font-size: 22px; } .forgot-password-form form .form-group .form-control { height: 60px; padding: 15px 25px; line-height: initial; color: var(--paragraph-color); background-color: var(--white-color); border: 1px solid #ebebeb; border-radius: 5px; -webkit-box-shadow: unset; box-shadow: unset; -webkit-transition: var(--transition); transition: var(--transition); font-size: var(--font-size); font-weight: 400; } .forgot-password-form form .form-group .form-control::-webkit-input-placeholder { color: var(--paragraph-color); } .forgot-password-form form .form-group .form-control:-ms-input-placeholder { color: var(--paragraph-color); } .forgot-password-form form .form-group .form-control::-ms-input-placeholder { color: var(--paragraph-color); } .forgot-password-form form .form-group .form-control::placeholder { color: var(--paragraph-color); } .forgot-password-form form .form-group .form-control:focus::-webkit-input-placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .forgot-password-form form .form-group .form-control:focus:-ms-input-placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .forgot-password-form form .form-group .form-control:focus::-ms-input-placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .forgot-password-form form .form-group .form-control:focus::placeholder { color: transparent; -webkit-transition: var(--transition); transition: var(--transition); } .forgot-password-form form .default-btn { width: 100%; margin-top: 25px; background-color: var(--main-color); color: var(--white-color) !important; border: none; border-radius: 5px; } .forgot-password-form form .default-btn::before { width: 750px; height: 750px; background-color: var(--optional-color); } /* Widget Area CSS */ .widget-area { margin-left: 15px; } .widget-area .widget { margin-bottom: 30px; } .widget-area .widget:last-child { margin-bottom: 0; } .widget-area .widget .widget-title { margin-bottom: 25px; position: relative; font-size: 20px; } .widget-area .widget_search form { position: relative; } .widget-area .widget_search form .search-field { background-color: #F8F8F9; height: 65px; padding: 15px 20px; border: 1px solid #DDDDDD; width: 100%; display: block; outline: 0; -webkit-transition: var(--transition); transition: var(--transition); border-radius: 0; } .widget-area .widget_search form .search-field::-webkit-input-placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .widget-area .widget_search form .search-field:-ms-input-placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .widget-area .widget_search form .search-field::-ms-input-placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .widget-area .widget_search form .search-field::placeholder { color: var(--paragraph-color); -webkit-transition: var(--transition); transition: var(--transition); } .widget-area .widget_search form .search-field:focus { border-color: var(--main-color); } .widget-area .widget_search form .search-field:focus::-webkit-input-placeholder { color: transparent; } .widget-area .widget_search form .search-field:focus:-ms-input-placeholder { color: transparent; } .widget-area .widget_search form .search-field:focus::-ms-input-placeholder { color: transparent; } .widget-area .widget_search form .search-field:focus::placeholder { color: transparent; } .widget-area .widget_search form button { background-color: transparent; border: none; color: var(--paragraph-color); position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; } .widget-area .widget_categories .categories-list { padding: 0; margin-bottom: 0; } .widget-area .widget_categories .categories-list li { margin-bottom: 15px; list-style-type: none; position: relative; padding-left: 20px; } .widget-area .widget_categories .categories-list li:last-child { margin-bottom: 0; } .widget-area .widget_categories .categories-list li::before { position: absolute; content: ""; height: 10px; width: 10px; background-color: var(--main-color); left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50px; } .widget-area .widget_mebid_posts_thumb { position: relative; overflow: hidden; } .widget-area .widget_mebid_posts_thumb .item { overflow: hidden; margin-bottom: 25px; } .widget-area .widget_mebid_posts_thumb .item:last-child { margin-bottom: 0; } .widget-area .widget_mebid_posts_thumb .item .thumb { float: left; height: 80px; overflow: hidden; display: block; position: relative; width: 80px; margin-right: 15px; z-index: 1; } .widget-area .widget_mebid_posts_thumb .item .thumb .fullimage { width: 80px; height: 80px; display: inline-block; background-size: cover !important; background-repeat: no-repeat; background-position: center center !important; } .widget-area .widget_mebid_posts_thumb .item .thumb .fullimage.bg1 { background-image: url(../../assets/images/blog/blog-1.jpg); } .widget-area .widget_mebid_posts_thumb .item .thumb .fullimage.bg2 { background-image: url(../../assets/images/blog/blog-2.jpg); } .widget-area .widget_mebid_posts_thumb .item .thumb .fullimage.bg3 { background-image: url(../../assets/images/blog/blog-3.jpg); } .widget-area .widget_mebid_posts_thumb .item .thumb::before, .widget-area .widget_mebid_posts_thumb .item .thumb::after { -webkit-transition: all 0.8s cubic-bezier(0.2, 1, 0.22, 1); transition: all 0.8s cubic-bezier(0.2, 1, 0.22, 1); content: ''; background-color: var(--white-color); position: absolute; z-index: 1; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .widget-area .widget_mebid_posts_thumb .item .thumb::before { width: 40px; height: 1px; left: 100%; } .widget-area .widget_mebid_posts_thumb .item .thumb::after { height: 40px; width: 1px; top: 0; } .widget-area .widget_mebid_posts_thumb .item .info { overflow: hidden; } .widget-area .widget_mebid_posts_thumb .item .info .title { margin-bottom: 0; line-height: 1.5; font-size: var(--font-size); font-weight: 600; font-family: var(--main-font-family); } .widget-area .widget_mebid_posts_thumb .item .info .title a { display: inline-block; } .widget-area .widget_mebid_posts_thumb .item .info span { display: block; color: var(--paragraph-color); margin-top: 8px; font-size: 15px; } .widget-area .widget_mebid_posts_thumb .item:hover .thumb::before, .widget-area .widget_mebid_posts_thumb .item:hover .thumb::after { opacity: 1; top: 50%; left: 50%; } .widget-area .widget_tag_cloud .widget-title { margin-bottom: 20px; } .widget-area .tagcloud a { display: inline-block; color: var(--paragraph-color); padding: 8px 15px; border: 1px solid #DDDDDD; border-radius: 0; font-size: 15px; font-weight: 400; margin-top: 8px; margin-right: 5px; } .widget-area .tagcloud a:hover, .widget-area .tagcloud a:focus { color: var(--white-color); background-color: var(--main-color); border: 1px solid var(--main-color); } /* Pagination Area CSS */ .pagination-area { margin-top: 30px; text-align: center; } .pagination-area .page-numbers { width: 40px; height: 40px; background-color: #F4F7FC; color: var(--main-color); text-align: center; display: inline-block; border-radius: 5px; line-height: 40px; position: relative; margin: 0 5px; font-size: var(--font-size); font-weight: 600; } .pagination-area .page-numbers:hover, .pagination-area .page-numbers.current { color: var(--white-color); background-color: var(--main-color); } .pagination-area .page-numbers i { position: relative; top: 1.5px; } /* Go Top Area CSS */ .go-top { position: fixed; cursor: pointer; bottom: -100px; right: 20px; color: var(--white-color); background-color: var(--main-color); z-index: 4; width: 45px; text-align: center; height: 45px; opacity: 0; visibility: hidden; border-radius: 50%; font-size: 22px; -webkit-transition: var(--transition); transition: var(--transition); overflow: hidden; -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); } .go-top i { position: absolute; right: 0; left: 0; top: 45%; -webkit-transform: translateY(-45%); transform: translateY(-45%); text-align: center; font-size: 30px; margin-left: auto; margin-right: auto; } .go-top.active { opacity: 1; visibility: visible; bottom: 50px; } .go-top:hover { background-color: var(--optional-color); color: var(--white-color); -webkit-transition: var(--transition); transition: var(--transition); -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); -webkit-transform: translateY(-5px); transform: translateY(-5px); } /*================================= Buy Now Btn ====================================*/ .buy-now-btn { right: 30px; z-index: 99; top: 50%; position: fixed; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 30px; display: none; color: var(--white-color) !important; background-color: #82b440; padding: 8px 20px 8px; font-size: 14px; font-weight: 500; -webkit-animation-name: tada; animation-name: tada; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .buy-now-btn:hover { background-color: var(--main-color); color: var(--white-color) !important; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } /*# sourceMappingURL=style.css.map */