@charset "UTF-8"; /* Theme Name: Moristan - Hospital & Clinic HTML Template Theme URI: http://zwin.io/html/moristan Author: Zwin Author URI: http://zwin.io/ Description: Moristan is a Hospital & Clinic HTML Template For the Crazy Design Lover build with Bootstrap 4 framework. Version: 1.0.0 */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Typography # Normalize # Accessibility # Globals # Alignments # Clearings # Posts and pages # Captions # Galleries # Unit test # guterberg # Gutenberg Default Style # Block Color Palette Colors # Sections ## Breadcrumb ## Comments ## Widgets ## Nav Bar ## Top Bar ## Info Bar ## Selectbox ## Header ## Navbar ## Slider Area ## Service Area ## Pricing Area ## Doctor Area ## Statistics Area ## Appointment Area ## Map Area ## Latest Stories Area ## Footer Area ## About Us Area ## About Our Doctor Area ## Why Choose Area ## About Our Mission Area ## Time Line Area ## Service Neurology Area ## Service Dental Area ## Service Ophtalmologue Area ## Service Teeth Canel Area ## Service Teeth Quality Area ## Service Canal Price Area ## Error 404 # Elements ## Back Top ## Preloader ## Search Popup ## Video Popup ## Button ## Section Title ## Counter Item # Pages ## ## ## ## --------------------------------------------------------------*/ /*----------------- # Typography -----------------*/ @import url("https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,500,600,700&display=swap"); @import url("https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700&display=swap"); /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ :root { --main-color-one: #FF8686; --heading-color: #626262; --paragraph-color: #111111; --heading-color: #003367; --heading-font: 'Raleway', sans-serif; --body-font: 'Montserrat', sans-serif; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: var(--body-font); height: 100%; } * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; -moz-osx-font-smoothing: grayscale; /* Firefox */ -webkit-font-smoothing: antialiased; /* WebKit */ } body.modal-open { padding-right: 0 !important; } body { margin: 0; padding: 0; color: var(--paragraph-color); overflow-x: hidden; font-family: var(--body-font); height: 100%; } .container-fluid { width: 100%; max-width: 1920px; margin: auto; } h1 { font-size: 48px; line-height: 1.0833333333333333; } h2 { font-size: 36px; line-height: 1.4444444444444444; } h3 { font-size: 24px; line-height: 1.0833333333333333; } h4 { font-size: 20px; line-height: 1.2380952380952381; } h1, h2, h3, h4, h5, h6 { color: var(--heading-color); font-family: var(--body-font); } p { color: var(--paragraph-color); -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin-bottom: 10px; font-size: 14px; line-height: 26px; font-weight: 400; } a { color: inherit; text-decoration: none; color: var(--paragraph-color); } a, a:hover, a:focus, a:active { text-decoration: none; outline: none; color: inherit; } pre { word-break: break-word; } a i { padding: 0 2px; } img { max-width: 100%; } ol { counter-reset: counter; padding-left: 0; } ol li { list-style: none; margin-bottom: 1rem; } /*input and button type focus outline disable*/ button, input { border: none; background: transparent; } button:focus { outline: none; } .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } input[type="submit"]:focus { border: none !important; } .side-form-icons { float: right; position: -webkit-sticky; position: sticky; top: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #FFFFFF; -webkit-box-shadow: -2px 0px 8px 0px rgba(0, 0, 0, 0.16); box-shadow: -2px 0px 8px 0px rgba(0, 0, 0, 0.16); padding: 6px 0; border-radius: 20px; z-index: 99; margin: 25px 0; right: 50px; width: 42px; text-align: center; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .side-form-icons.sergery-style i:hover { color: #3EBCD8; } .side-form-icons .icon { color: #626262; padding: 6px 7px; display: block; font-size: 22px; cursor: pointer; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .side-form-icons .icon:hover { color: #FF8686; } .side-form-icons .icon.active { color: var(--main-color-one); } .side-form-icons .icon:last-child { font-size: 21px; } ul { padding: 0; margin: 0; } li { list-style-type: none; } a { text-decoration: none; } a:hover { text-decoration: none; } .play-area { padding-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .play-area.style-02 .play-btn { background-color: #71C1C7; -webkit-animation: pulse2 1s infinite; animation: pulse2 1s infinite; } @-webkit-keyframes pulse2 { 0% { -webkit-box-shadow: 0 0 0 0 rgba(113, 193, 199, 0.75); box-shadow: 0 0 0 0 rgba(113, 193, 199, 0.75); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(113, 193, 199, 0); box-shadow: 0 0 0 15px rgba(113, 193, 199, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(113, 193, 199, 0); box-shadow: 0 0 0 0 rgba(113, 193, 199, 0); } } @keyframes pulse2 { 0% { -webkit-box-shadow: 0 0 0 0 rgba(113, 193, 199, 0.75); box-shadow: 0 0 0 0 rgba(113, 193, 199, 0.75); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(113, 193, 199, 0); box-shadow: 0 0 0 15px rgba(113, 193, 199, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(113, 193, 199, 0); box-shadow: 0 0 0 0 rgba(113, 193, 199, 0); } } .play-area.sergery-style .play-btn { background-color: #3EBCD8; -webkit-animation: pulse3 1s infinite; animation: pulse3 1s infinite; } @-webkit-keyframes pulse3 { 0% { -webkit-box-shadow: 0 0 0 0 rgba(62, 188, 216, 0.75); box-shadow: 0 0 0 0 rgba(62, 188, 216, 0.75); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(62, 188, 216, 0); box-shadow: 0 0 0 15px rgba(62, 188, 216, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(62, 188, 216, 0); box-shadow: 0 0 0 0 rgba(62, 188, 216, 0); } } @keyframes pulse3 { 0% { -webkit-box-shadow: 0 0 0 0 rgba(62, 188, 216, 0.75); box-shadow: 0 0 0 0 rgba(62, 188, 216, 0.75); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(62, 188, 216, 0); box-shadow: 0 0 0 15px rgba(62, 188, 216, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(62, 188, 216, 0); box-shadow: 0 0 0 0 rgba(62, 188, 216, 0); } } .play-area .play-btn { width: 75px; height: 75px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FF8686; border: 0; border-radius: 50%; outline: none; cursor: pointer; -webkit-animation: pulse 1s infinite; animation: pulse 1s infinite; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 134, 134, 0.75); box-shadow: 0 0 0 0 rgba(255, 134, 134, 0.75); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(255, 134, 134, 0); box-shadow: 0 0 0 15px rgba(255, 134, 134, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 134, 134, 0); box-shadow: 0 0 0 0 rgba(255, 134, 134, 0); } } @keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 134, 134, 0.75); box-shadow: 0 0 0 0 rgba(255, 134, 134, 0.75); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(255, 134, 134, 0); box-shadow: 0 0 0 15px rgba(255, 134, 134, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 134, 134, 0); box-shadow: 0 0 0 0 rgba(255, 134, 134, 0); } } .play-area .play-btn .icon { color: #FFFFFF; font-size: 25px; margin-left: 8px; } .play-area .play-text { color: #585858; font-size: 20px; font-family: "Montserrat", sans-serif; line-height: 28px; font-weight: 600; margin: 25px 0 0 40px; } /*----------------------------------- Horizontal Scroll Design -------------------------------------*/ .horizontal-scroll { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .horizontal-scroll .button-group { display: inline-block; border-bottom: 2px solid rgba(255, 134, 134, 0.3); padding: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .horizontal-scroll .button-group .button { display: inline-block; text-align: center; cursor: pointer; color: #626262; font-size: 17px; line-height: 28px; font-weight: 500; font-family: var(--heading-font); padding: 10px 30px; } .horizontal-scroll .button-group .button.is-checked { border-bottom: 2px solid #FF8686; margin-bottom: -2px; } /*----------------------------------- Blog Pagination Design -------------------------------------*/ .blog-pagination ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blog-pagination ul li { color: #E4E9ED; position: relative; z-index: 0; width: 50px; } .blog-pagination ul li:not(:last-child):after { content: ""; position: absolute; top: 40%; left: 70%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; background: #E4E9ED; width: 10px; height: 10px; line-height: 10px; border-radius: 50%; } .blog-pagination ul li a.prev, .blog-pagination ul li a.next { color: #626262; } .blog-pagination ul li:not(:last-child) a { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); display: table; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .blog-pagination ul li:not(:last-child) a.current { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); color: #626262; font-size: 22px; margin-top: -5px; } .blog-pagination ul li:first-child a { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .blog-pagination ul li:first-child::after { visibility: hidden; opacity: 0; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, select:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ddd; } code { color: #faa603; } .dark-bg { background-color: #111d5c; } .section-bg-1 { background-color: #f4f7fc; } .check-list { margin: 0; padding: 0; list-style: none; } .check-list li { display: block; padding-left: 20px; position: relative; z-index: 0; } .check-list li:after { position: absolute; left: 0; top: 0; font-family: 'fontawesome'; content: "\f105"; color: var(--main-color-one); } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { clear: both; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .comment-navigation .nav-previous > a, .posts-navigation .nav-previous > a, .post-navigation .nav-previous > a, .comment-navigation .nav-next > a, .posts-navigation .nav-next > a, .post-navigation .nav-next > a { -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; } .comment-navigation .nav-previous:hover > a, .posts-navigation .nav-previous:hover > a, .post-navigation .nav-previous:hover > a, .comment-navigation .nav-next:hover > a, .posts-navigation .nav-next:hover > a, .post-navigation .nav-next:hover > a { color: var(--main-color-one); } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Globals --------------------------------------------------------------*/ .padding-left-0 { padding-left: 0; } .padding-right-0 { padding-left: 0; } .gray-bg { background-color: #f8f8f8; } .padding-top-5 { padding-top: 5px; } .padding-top-10 { padding-top: 10px; } .padding-top-15 { padding-top: 15px; } .padding-top-20 { padding-top: 20px; } .padding-top-25 { padding-top: 25px; } .padding-top-30 { padding-top: 30px; } .padding-top-40 { padding-top: 40px; } .padding-top-50 { padding-top: 50px; } .padding-top-60 { padding-top: 60px; } .padding-top-70 { padding-top: 70px; } .padding-top-75 { padding-top: 75px; } .padding-top-80 { padding-top: 80px; } .padding-top-90 { padding-top: 90px; } .padding-top-95 { padding-top: 95px; } .padding-top-100 { padding-top: 100px; } .padding-top-105 { padding-top: 105px; } .padding-top-110 { padding-top: 110px; } .padding-top-115 { padding-top: 115px; } .padding-top-120 { padding-top: 120px; } .padding-top-130 { padding-top: 130px; } .padding-top-140 { padding-top: 140px; } .padding-bottom-5 { padding-bottom: 5px; } .padding-bottom-10 { padding-bottom: 10px; } .padding-bottom-15 { padding-bottom: 15px; } .padding-bottom-20 { padding-bottom: 20px; } .padding-bottom-25 { padding-bottom: 25px; } .padding-bottom-30 { padding-bottom: 30px; } .padding-bottom-35 { padding-bottom: 35px; } .padding-bottom-40 { padding-bottom: 40px; } .padding-bottom-45 { padding-bottom: 45px; } .padding-bottom-50 { padding-bottom: 50px; } .padding-bottom-55 { padding-bottom: 55px; } .padding-bottom-60 { padding-bottom: 60px; } .padding-bottom-65 { padding-bottom: 65px; } .padding-bottom-70 { padding-bottom: 70px; } .padding-bottom-75 { padding-bottom: 75px; } .padding-bottom-80 { padding-bottom: 80px; } .padding-bottom-85 { padding-bottom: 85px; } .padding-bottom-90 { padding-bottom: 90px; } .padding-bottom-95 { padding-bottom: 95px; } .padding-bottom-100 { padding-bottom: 100px; } .padding-bottom-110 { padding-bottom: 110px; } .padding-bottom-105 { padding-bottom: 105px; } .padding-bottom-115 { padding-bottom: 115px; } .padding-bottom-120 { padding-bottom: 120px; } .padding-bottom-130 { padding-bottom: 130px; } .padding-bottom-135 { padding-bottom: 135px; } .padding-120 { padding-top: 120px; padding-bottom: 120px; } .padding-130 { padding-top: 130px; padding-bottom: 130px; } .padding-top-150 { padding-top: 150px; } .padding-bottom-190 { padding-bottom: 190px; } .padding-110 { padding-top: 110px; padding-bottom: 110px; } .padding-100 { padding-top: 100px; padding-bottom: 100px; } .padding-20 { padding-top: 20px; padding-bottom: 20px; } .padding-25 { padding-top: 25px; padding-bottom: 25px; } .padding-30 { padding-top: 30px; padding-bottom: 30px; } .padding-35 { padding-top: 35px; padding-bottom: 35px; } .padding-40 { padding-top: 40px; padding-bottom: 40px; } .padding-50 { padding-top: 50px; padding-bottom: 50px; } .padding-60 { padding-top: 60px; padding-bottom: 60px; } .padding-70 { padding-top: 70px; padding-bottom: 70px; } .padding-75 { padding-top: 75px; padding-bottom: 75px; } .padding-80 { padding-top: 80px; padding-bottom: 80px; } .padding-90 { padding-top: 90px; padding-bottom: 90px; } .padding-95 { padding-top: 95px; padding-bottom: 95px; } .padding-10 { padding-top: 10px; padding-bottom: 10px; } .margin-top-10 { margin-top: 10px; } .margin-top-20 { margin-top: 20px; } .margin-top-30 { margin-top: 30px; } .margin-top-40 { margin-top: 40px; } .margin-top-50 { margin-top: 50px; } .margin-top-55 { margin-top: 55px; } .margin-top-60 { margin-top: 60px; } .margin-top-70 { margin-top: 70px; } .margin-top-80 { margin-top: 80px; } .margin-top-90 { margin-top: 90px; } .margin-top-100 { margin-top: 100px; } .margin-bottom-0 { margin-bottom: 0px !important; } .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-15 { margin-bottom: 15px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-25 { margin-bottom: 25px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-bottom-50 { margin-bottom: 50px; } .margin-bottom-55 { margin-bottom: 55px; } .margin-bottom-60 { margin-bottom: 60px; } .margin-bottom-70 { margin-bottom: 70px; } .margin-bottom-80 { margin-bottom: 80px; } .margin-bottom-90 { margin-bottom: 90px; } .margin-bottom-100 { margin-bottom: 100px; } .margin-top-120 { margin-top: 120px; } .margin-left-160 { margin-left: 160px; } .min-height-600 { min-height: 600px; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { float: left; clear: both; margin-right: 20px; } .alignright { float: right; clear: both; margin-left: 20px; } .aligncenter { clear: both; display: block; margin: 0 auto 1.75em; } .alignfull { margin: 1.5em 0; max-width: 100%; } .alignwide { max-width: 1100px; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .updated:not(.published) { display: none; } .blog-pagination ul li { display: inline-block; } .blog-pagination ul li + li { margin: 0 5px; } .blog-pagination { display: block; width: 100%; } .blog-pagination ul { margin: 0; padding: 0; list-style: none; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; clear: both; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*---------------------------------------- # Unit test ------------------------------------------*/ .wp-link-pages a { margin: 0 5px; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; } .wp-link-pages { margin-bottom: 30px; margin-top: 25px; } .wp-link-pages span, .wp-link-pages a { border: 1px solid #e2e2e2; padding: 5px 15px; display: inline-block; } .wp-link-pages .current, .wp-link-pages a:hover { background-color: var(--main-color-one); color: #fff; border-color: var(--main-color-one); } .wp-link-pages span:first-child { margin-right: 5px; } dl, ol, ul { padding-left: 15px; } .post-password-form input { display: block; border: 1px solid #e2e2e2; height: 50px; border-radius: 3px; padding: 0 20px; } .post-password-form label { font-weight: 600; color: #333; } .post-password-form input[type=submit] { width: 100px; height: 50px; background-color: var(--main-color-one); color: #fff; font-size: 16px; font-weight: 600; letter-spacing: 1px; border: none; cursor: pointer; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; } .post-password-form input[type=submit]:hover { background-color: #121A2F; } .footer-widget .table td, .footer-widget .table th { padding: 0.50rem !important; } /*-------------------------------------------------------------- # Gutenberg Default Style --------------------------------------------------------------*/ .single-post-details-item .entry-content > .alignwide { max-width: 1100px; } .single-post-details-item .entry-content > .alignfull { margin: 1.5em 0; max-width: 100%; } .wp-block-video video { max-width: 636px; } .wp-block-image img { display: block; } .wp-block-image.alignleft, .wp-block-image.alignright { width: 100%; } .wp-block-image.alignfull img { width: 100vw; } .wp-block-gallery:not(.components-placeholder) { margin: 1.5em auto; } .wp-block-cover-text p { padding: 1.5em 14px; } ul.wp-block-latest-posts.alignwide, ul.wp-block-latest-posts.alignfull, ul.wp-block-latest-posts.is-grid.alignwide, ul.wp-block-latest-posts.is-grid.alignwide { padding: 0 14px; } .wp-block-table { display: block; overflow-x: auto; } .wp-block-table table { border-collapse: collapse; width: 100%; } .wp-block-table td, .wp-block-table th { padding: .5em; } .wp-block-embed.type-video > .wp-block-embed__wrapper { position: relative; width: 100%; height: 0; padding-top: 56.25%; } .wp-block-embed.type-video > .wp-block-embed__wrapper > iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; } .wp-block-quote.is-large { margin: 0 auto 16px; } .wp-block-pullquote > p:first-child { margin-top: 0; } .wp-block-separator { margin: 3em auto; padding: 0; } @media screen and (min-width: 768px) { .wp-block-cover-text p { padding: 1.5em 0; } } wp-block-video video { max-width: 636px; } .wp-block-image img { display: block; } .wp-block-image.alignleft, .wp-block-image.alignright { width: 100%; } .wp-block-image.alignfull img { width: 100vw; } .wp-block-gallery:not(.components-placeholder) { margin: 1.5em auto; } .wp-block-cover-text p { padding: 1.5em 14px; } ul.wp-block-latest-posts.alignwide, ul.wp-block-latest-posts.alignfull, ul.wp-block-latest-posts.is-grid.alignwide, ul.wp-block-latest-posts.is-grid.alignwide { padding: 0 14px; } .wp-block-table { display: block; overflow-x: auto; } .wp-block-table table { border-collapse: collapse; width: 100%; } .wp-block-table td, .wp-block-table th { padding: .5em; } .wp-block-embed.type-video > .wp-block-embed__wrapper { position: relative; width: 100%; height: 0; padding-top: 56.25%; } .wp-block-embed.type-video > .wp-block-embed__wrapper > iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; } .wp-block-quote.is-large { margin: 0 auto 16px; } .wp-block-pullquote > p:first-child { margin-top: 0; } .wp-block-quote:not(.is-large):not(.is-style-large) { border-left: 4px solid #000; padding-left: 1em; } .wp-block-separator { margin: 3em auto; padding: 0; } @media screen and (min-width: 768px) { .wp-block-cover-text p { padding: 1.5em 0; } } .wp-block-pullquote { border-top: 4px solid #555d66; border-bottom: 4px solid #555d66; color: #40464d; } /*-------------------------------------------------------------- ## Block Color Palette Colors --------------------------------------------------------------*/ .has-strong-blue-color { color: #0073aa; } .has-strong-blue-background-color { background-color: #0073aa; } .has-lighter-blue-color { color: #229fd8; } .has-lighter-blue-background-color { background-color: #229fd8; } .has-very-light-gray-color { color: #eee; } .has-very-light-gray-background-color { background-color: #eee; } .has-very-dark-gray-color { color: #444; } .has-very-dark-gray-background-color { background-color: #444; } /*--------------------- ## Breadcumb ----------------------*/ .breadcrumb-area { padding-left: 85px; padding-right: 85px; } .breadcrumb-area.style-04 .page-title .heading-1 { text-transform: capitalize; color: #FFFFFF; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .breadcrumb-area.style-04 .page-list li { color: #FFFFFF; } .breadcrumb-area.style-04 .page-list li:first-child a { color: var(--main-color-one); } .breadcrumb-area.style-04 .page-list li:first-child a:hover { color: #FFFFFF; } .breadcrumb-area.style-03 { min-height: 350px; position: relative; } .breadcrumb-area.style-03 .breadcrumb-content { background: #FFFFFF; border-radius: 20px 20px 0 0; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); min-width: 400px; text-align: center; } .breadcrumb-area.style-03 .breadcrumb-content .page-title .heading-1 { font-size: 46px; line-height: 56px; text-transform: capitalize; } .breadcrumb-area.style-02 { background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } .breadcrumb-area.style-02 .breadcrumb-content { padding-left: 40px; } .breadcrumb-area .page-title .heading-1 { color: var(--heading-color); font-size: 46px; line-height: 56px; font-weight: 600; font-family: var(--heading-font); margin-bottom: 15px; text-transform: capitalize; } .breadcrumb-area .page-list { margin: 0; padding: 0; } .breadcrumb-area .page-list li { display: inline-block; position: relative; padding-left: 30px; color: #A7A7A7; font-size: 14px; line-height: 25px; font-family: var(--body-font); font-weight: 500; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .breadcrumb-area .page-list li:first-child { padding-left: 0; } .breadcrumb-area .page-list li:first-child a { color: var(--main-color-one); } .breadcrumb-area .page-list li:first-child a:hover { color: #A7A7A7; } .breadcrumb-area .page-list li:first-child:after { display: none; } .breadcrumb-area .page-list li:after { position: absolute; left: 10px; top: 0; content: "/"; font-family: 'fontawesome'; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comments-area { margin-top: 30px; } .comments-area .comments-title { font-size: 26px; line-height: 34px; font-weight: 600; margin-bottom: 25px; } .comments-area .comment-list { margin: 0; padding: 0; list-style: none; list-style-type: none; margin-bottom: 20px; } .comments-area .comment-list .comment-respond { margin-bottom: 30px; } .comments-area .comment-list li { margin-bottom: 30px; } .comments-area .comment-list li:last-child { margin-bottom: 0; } .comments-area .comment-list li ul.children { margin: 0; padding: 0; list-style: none; list-style-type: none; } .comments-area .comment-list li ul { list-style: none; } .comments-area .comment-list li ul.children li { margin-left: 50px; list-style-type: none; list-style: none; } .comments-area .comment-list li .single-comment-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: start; align-self: flex-start; } .comments-area .comment-list li .single-comment-wrap .thumb { margin-right: 20px; min-width: 80px; } .comment-area .comment-list .single-comment-wrap .thumb img { border-radius: 50%; } .comments-area .comment-list li .single-comment-wrap .thumb img { margin-bottom: 10px; border-radius: 50%; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); } .comment-area .comment-form-wrap .form-area .thumb img { border-radius: 50%; } .comments-area .comment-list li .single-comment-wrap .date, .blog-details-page-content-area .comments-area .comment-list li .single-comment-wrap .time { display: block; font-size: 14px; line-height: 20px; margin-bottom: 20px; } .comments-area .comment-list li .single-comment-wrap .content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; } .comments-area .comment-list li .single-comment-wrap .content .title { font-size: 18px; line-height: 28px; font-weight: 600; font-family: var(--heading-font); } .comments-area .comment-list li .single-comment-wrap .content .comment-content { max-width: 620px; } .comments-area .comment-list li .single-comment-wrap .content p { font-size: 16px; line-height: 26px; word-break: break-word; } .comments-area .comment-list li .single-comment-wrap .content p:last-child { margin-bottom: 0; } .comments-area .comment-list li .single-comment-wrap .content .reply { position: absolute; top: 0; right: 0; color: var(--paragraph-color); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .comments-area .comment-list li .single-comment-wrap .content .reply:hover { color: var(--main-color-one); } .comments-area .reply-title, .comments-area .comment-reply-title { font-size: 26px; line-height: 34px; font-weight: 600; margin-bottom: 20px; } .comments-area .form-submit { margin-bottom: 0; } .comment-form .form-group.textarea .form-control { min-height: 160px; resize: none; line-height: 26px; } .comment-form .form-group.textarea .form-control:focus { outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .comment-form .form-group .form-control { height: 50px; line-height: 50px; border: 1px solid #e2e2e2; } .comment-form .submit-btn { height: 50px; width: auto; border-radius: 5px; font-weight: 400; background-color: var(--main-color-one); border: none; cursor: pointer; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; color: #FFFFFF; } .comment-form .submit-btn:hover { background-color: var(--secondary-color); color: #FFFFFF; } .comments-area .comment-list .children li:last-child { margin-bottom: 30px; } .comments-area .comment-list li ul.children { margin-top: 30px; } .comment-form-cookies-consent input[type=checkbox] { margin-right: 5px; } /*-------------------------------------------------------------- ## WIdgets --------------------------------------------------------------*/ .widget { background-color: #F4F7FC; margin-bottom: 30px; padding: 25px 30px 30px 30px; } .widget select { width: 100%; height: 50px; padding: 10px 20px; } .widget .widget-title { font-size: 1.1rem; font-weight: 600; line-height: 31px; margin-bottom: 20px; position: relative; } .widget.widget_calendar { padding-right: 24px; padding-left: 24px; } .widget:last-child { margin-bottom: 0px; } .widget.widget_nav_menu ul li.menu-item-has-children:after { display: none; } .widget.footer-widget .subscribe-form .form-group .form-control { background-color: #515457; color: #FFFFFF; } .widget.footer-widget .subscribe-form .form-group .form-control::-webkit-input-placeholder { /* WebKit browsers */ color: rgba(255, 255, 255, 0.6); } .widget.footer-widget .subscribe-form .form-group .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(255, 255, 255, 0.6); } .widget.footer-widget .subscribe-form .form-group .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(255, 255, 255, 0.6); } .widget.footer-widget .subscribe-form .form-group .form-control:-ms-input-placeholder { /* Internet Explorer 10+ */ color: rgba(255, 255, 255, 0.6); } .widget.footer-widget .subscribe-form .submit-btn:hover { background-color: #FFFFFF; color: var(--main-color-one); } .widget.footer-widget { background-color: transparent !important; padding: 0; margin-bottom: 30px; } .widget ul { margin: 0; padding: 0; list-style: none; } .widget ul li ul { margin-left: 20px; } .widget ul li { display: block; -ms-word-wrap: break-word; word-break: break-word; } .widget ul li:first-child { margin-top: 0px; } .widget ul li:last-child { margin-bottom: 0px; } .widget ul li a { color: inherit; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .widget ul li a:hover { color: var(--main-color-one); } .footer-widget.widget_nav_menu ul li a { position: relative; } .footer-widget.widget_nav_menu ul li a:after { position: absolute; left: 2px; bottom: -8px; content: "ï„…"; font-family: "fontawesome"; font-weight: 900; color: var(--main-color-one); } .widget_search .search-form { position: relative; } .widget_search .search-form .form-group { margin-bottom: 0; } .widget_search .search-form .form-group .form-control { height: 50px; border: 1px solid rgba(0, 0, 0, 0.2); padding: 0 70px 0 15px; } .widget_search .search-form .submit-btn { position: absolute; right: 0; top: 0; width: 60px; height: 50px; line-height: 50px; padding: 0; font-size: 18px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: var(--main-color-one); color: #fff; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; border: none; cursor: pointer; } .widget_search .search-form .submit-btn:hover { background-color: var(--secondary-color); color: #fff; } .widget_author_meta { text-align: center; } .widget_author_meta .thumb { width: 80px; height: 80px; margin: 0 auto; margin-bottom: 20px; } .widget_author_meta .thumb img { border-radius: 50%; } .widget_author_meta .content .name { font-size: 21px; font-weight: 700; } .widget_author_meta .content p { font-size: 16px; line-height: 26px; } .widget_author_meta .content ul { margin-top: 25px; } .widget_author_meta .content ul li { display: inline-block; margin: 0 5px; } .widget_author_meta .content ul li a { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 50%; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .widget_author_meta .content ul li a:hover { background-color: var(--main-color-one); color: #fff; } .widget_tag_cloud .tagcloud a { display: inline-block; padding: 5px 15px; border: 1px solid rgba(0, 0, 0, 0.1); margin: 5px; color: inherit; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; border-radius: 5px; font-size: 16px !important; } .widget_tag_cloud .tagcloud a:hover { background-color: var(--main-color-one); color: #fff; } .widget ul li ul.sub-menu { position: initial; } .widget ul li ul.sub-menu { visibility: visible; opacity: 1; background-color: transparent; border-top: none; -webkit-box-shadow: none; box-shadow: none; margin-top: 10px; } .widget ul li ul.sub-menu li a { padding: 0 0 0px 10px; } .widget ul li ul.sub-menu li a:hover { background-color: transparent; } .widget.widget_nav_menu ul { margin: 0; padding: 0; list-style: none; } .widget.widget_nav_menu ul li:last-child { margin-bottom: 0; } .widget.widget_nav_menu ul li a { border: none; } .widget.widget_nav_menu ul li > ul { margin-left: 15px; } .widget.footer-widget.widget_calendar table { margin-bottom: 0; } .widget.footer-widget.widget_calendar caption { padding-bottom: 0; } .widget.footer-widget .widget-title { color: #ffffff; } .widget.footer-widget p, .footer-widget.widget_tag_cloud .tagcloud a, .widget.footer-widget.widget_calendar caption, .widget.footer-widget.widget_calendar th, .widget.footer-widget.widget_calendar td { color: #ffffff; } .widget.footer-widget ul li a, .widget.footer-widget ul li { color: #DEE5EA; } .widget.footer-widget ul li a:hover { color: var(--main-color-one); } .widget .social_share { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .widget .social_share li { width: calc(100% / 3); margin: 0; display: block; padding: 20px 0 12px 0; text-align: center; border-radius: 5px; color: #FFFFFF; } .widget .social_share li i { display: block; margin-bottom: 10px; font-size: 20px; } .widget .social_share li.facebook { background-color: #3b5999; } .widget .social_share li.twitter { background-color: #55acee; } .widget .social_share li.instagram { background-color: #e4405f; } .widget .social_share li a:hover { color: #FFFFFF; } .widget .social_share li + li { margin-left: 10px; } .widget .recent_post_item { margin: 0; padding: 0; list-style: none; } .widget .recent_post_item li { display: block; } .widget .recent_post_item li + li { margin-top: 20px; } .widget .recent_post_item li.single-recent-post-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: start; align-self: flex-start; } .widget .recent_post_item li.single-recent-post-item .thumb { width: 60px; height: 60px; margin-right: 15px; } .widget .recent_post_item li.single-recent-post-item .content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .widget .recent_post_item li.single-recent-post-item .content .title { font-size: 16px; line-height: 20px; font-weight: 600; } .widget .recent_post_item li.single-recent-post-item .content .time { font-size: 14px; font-weight: 500; } .contact_info_list { margin: 0; padding: 0; list-style: none; } .contact_info_list li { display: block; } .contact_info_list li.single-info-item { position: relative; margin-bottom: 20px; } .contact_info_list li.single-info-item .icon { position: absolute; left: 0; top: 0; color: var(--main-color-one); } .contact_info_list li.single-info-item .details { padding-left: 30px; } .about_us_widget .footer-logo { margin-bottom: 30px; display: block; } .copyright-area { padding: 20px 0; text-align: center; color: #ffffff; font-family: "Raleway", sans-serif; font-weight: 500; font-size: 12px; line-height: 16px; } .widget-testimonial .icon { font-size: 70px; line-height: 60px; color: var(--main-color-one); margin-bottom: 16px; } .widget-testimonial p { color: rgba(255, 255, 255, 0.8); line-height: 1.6; } .widget-testimonial .author-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: start; align-self: flex-start; margin-top: 24px; } .widget-testimonial .author-meta .thumb { margin-right: 20px; } .widget-testimonial .author-meta .thumb img { max-width: 80px; height: 80px; border-radius: 50%; } .widget-testimonial .author-meta .content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: 15px; } .widget-testimonial .author-meta .content .name { font-size: 18px; line-height: 26px; font-weight: 700; color: #FFFFFF; margin-bottom: 0; } .widget-testimonial .author-meta .content .designation { color: rgba(255, 255, 255, 0.8); font-size: 14px; } /*---------------------------- Info Bar ----------------------------*/ .info-bar-area.style-three .info-bar-inner { padding: 10px 0 18px 0; } .info-bar-area.style-three .info-bar-inner .social-icon { margin-top: 15px; } .info-bar-area.style-two .info-bar-inner { padding: 0; } .info-bar-area .social-icon .title { font-size: 16px; line-height: 26px; font-weight: 700; margin-bottom: 0; color: var(--heading-color); } .info-bar-inner { padding: 32px 0 35px 0; } .info-bar-inner div { display: inline-block; } .info-bar-inner .logo-wrapper .logo { margin-top: 5px; display: block; } .info-bar-inner .logo-wrapper .site-title { font-size: 35px; font-weight: 700; margin-top: 10px; } .info-bar-inner .right-content { display: inline-block; float: right; } .info-bar-inner .right-content .request-quote { margin-left: 40px; } .info-bar-inner .right-content .request-quote .rq-btn { padding: 15px 25px; background-color: var(--main-color-one); border-radius: 30px; color: #FFFFFF; font-weight: 600; text-transform: capitalize; display: block; position: relative; top: -5px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .info-bar-inner .right-content .request-quote .rq-btn.blank { background-color: #f1f1f1; border-radius: 0; top: 0; padding: 15px 40px; color: var(--heading-color); } .info-bar-inner .right-content .request-quote .rq-btn.blank i { color: var(--main-color-one); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .info-bar-inner .right-content .request-quote .rq-btn.blank:hover { background-color: var(--main-color-one); color: #FFFFFF; } .info-bar-inner .right-content .request-quote .rq-btn.blank:hover i { color: #FFFFFF; } .info-bar-inner .right-content .request-quote .rq-btn:hover { background-color: var(--secondary-color); } .info-items { display: inline-block; margin: 0; padding: 0; list-style: none; } .info-items li { display: inline-block; margin: 0 30px; } .info-items li:hover .single-info-item .content .title { color: var(--main-color-one); } .info-items li:first-child { margin-left: 0; } .info-items li:last-child { margin-right: 0; } .info-items li .single-info-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: start; align-self: flex-start; } .info-items li .single-info-item .icon { margin-right: 20px; font-size: 40px; line-height: 40px; color: var(--main-color-one); } .info-items li .single-info-item .content .title { font-size: 16px; line-height: 26px; font-weight: 700; margin-bottom: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .info-items li .single-info-item .content .details { font-size: 14px; line-height: 24px; } .info-items-two { display: inline-block; margin: 0; padding: 0; list-style: none; margin-top: 10px; } .info-items-two li { display: inline-block; margin: 0 30px; } .info-items-two li:hover .single-info-item .content .title { color: var(--main-color-one); } .info-items-two li:first-child { margin-left: 0; } .info-items-two li:last-child { margin-right: 0; } .info-items-two li .single-info-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: start; align-self: flex-start; } .info-items-two li .single-info-item .icon { margin-right: 15px; font-size: 30px; line-height: 30px; color: var(--main-color-one); } .info-items-two li .single-info-item .content { margin-top: 3px; } .info-items-two li .single-info-item .content .title { font-size: 16px; line-height: 26px; font-weight: 700; margin-bottom: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .info-items-two li .single-info-item .content .details { margin-left: 5px; font-size: 14px; line-height: 24px; font-weight: 500; color: var(--paragraph-color); } .appointment-section.sergery-style .appointment-form-area .select-items div:hover { background: #3EBCD8; } .appointment-form-area .custom-select, .select-box-area .custom-select { position: relative; padding: 0; border: none; height: 50px; } .appointment-form-area .custom-select select, .select-box-area .custom-select select { display: none; } .appointment-form-area .select-selected, .select-box-area .select-selected { border-radius: 24px; background-color: #DEE5E9; } .appointment-form-area .select-selected::after, .select-box-area .select-selected::after { content: ''; clear: both; display: inline-block; } .appointment-form-area .select-selected:after, .select-box-area .select-selected:after { position: absolute; content: ""; top: 22px; right: 18px; width: 0; height: 0; border: 5px solid transparent; border-color: #626262 transparent transparent transparent; } .appointment-form-area .select-selected.select-arrow-active:after, .select-box-area .select-selected.select-arrow-active:after { border-color: transparent transparent #626262 transparent; top: 11px; } .appointment-form-area .select-items div, .appointment-form-area .select-selected, .select-box-area .select-items div, .select-box-area .select-selected { color: #626262; font-family: "Montserrat", sans-serif; font-size: 11px; font-weight: 300; font-style: italic; padding: 17px 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .appointment-form-area .select-items, .select-box-area .select-items { position: absolute; background-color: #dee5e9; top: 100%; left: 0; right: 0; z-index: 99; border-radius: 24px; -webkit-box-shadow: 0 0 4px; box-shadow: 0 0 4px; } .appointment-form-area .select-hide, .select-box-area .select-hide { display: none; } .appointment-form-area .select-items div:first-child, .select-box-area .select-items div:first-child { border-radius: 24px 24px 0 0; } .appointment-form-area .select-items div:last-child, .select-box-area .select-items div:last-child { border-radius: 0 0 24px 24px; } .appointment-form-area .select-items div:hover, .appointment-form-area .same-as-selected, .select-box-area .select-items div:hover, .select-box-area .same-as-selected { background-color: var(--main-color-one); color: #FFFFFF; } .appointment-form-area .margin-15, .select-box-area .margin-15 { margin: 0 0 15px 0; display: block; } .appointment-form-area.remove-bg .select-selected, .appointment-form-area.remove-bg .select-items, .select-box-area.remove-bg .select-selected, .select-box-area.remove-bg .select-items { background-color: #FFFFFF; border: 1px solid #DEE5EA; } /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ header { padding: 20px 0; } header.plastic-header-style-02 { position: absolute; top: 0; left: 0; width: 100%; } header.slider-style-05 { position: absolute; top: 0; left: 0; width: 100%; } header.header-style-3 { position: absolute; top: 0; left: 0; width: 100%; margin: 0; } header.header-style-3 .search-area .search-icon { color: #FFFFFF; } header.header-style-3 .search-area .search-icon::before { background: #FFFFFF; } header.header-style-3 .search-area .menu-toggle span { background-color: #FFFFFF; } header.plastic-header-style .search-area .search-icon { color: #626262; } header.plastic-header-style .search-area .search-icon:hover { color: #6BCAE2; } header.plastic-header-style .search-area .menu-toggle span { background-color: #626262; } header.plastic-header-style .search-area .menu-toggle:hover span { background-color: #6BCAE2; } header.plastic-header-style-02 .search-area .search-icon { color: #626262; } header.plastic-header-style-02 .search-area .search-icon:hover { color: #6BCAE2; } header.plastic-header-style-02 .search-area .menu-toggle { margin-right: 6px; } header.plastic-header-style-02 .search-area .menu-toggle span { background-color: #626262; } header.plastic-header-style-02 .search-area .menu-toggle:hover span { background-color: #6BCAE2; } header .header-area { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 0px 70px 0 85px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } header .header-area .logo-area { z-index: 9; width: 10%; min-width: 100px; } header .header-area .navbar-area { z-index: 9; width: 90%; } header .navbar-expand-lg .navbar-collapse { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } header .search-area { width: 5%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-item-align: center; align-self: center; z-index: 9; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } header .search-area .search-icon { color: #626262; line-height: 20px; font-weight: 600; font-family: Flaticon; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; cursor: pointer; } header .search-area .search-icon:hover { color: var(--main-color-one); } header .search-area .menu-toggle { padding: 1px; margin-left: 12px; cursor: pointer; } header .search-area .menu-toggle span { display: block; width: 18px; height: 2px; background-color: #585858; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin: 3px 5px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } header .search-area .menu-toggle span:nth-child(2) { width: 12px; } header .search-area .menu-toggle:hover span { background-color: #FF8686; } header .search-area .menu-toggle:hover span:nth-child(2) { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } header .social-icon { margin-right: 3%; float: right; height: 95%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } header .social-icon a i { color: #626262; padding: 14px; font-size: 14px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } header .social-icon a i:hover { color: #FF8686; } .full-width-header { position: relative; background-size: cover; background-position: center center; z-index: 9; height: 100%; min-height: 500px; } .header-bg { background: #F5F8F9; width: 50%; position: absolute; top: 0; right: 0; height: 80vh; z-index: 0; min-height: 600px; border-radius: 0 0 0 20px; } .header-heading-style { background-color: #F5F8F9; min-height: 420px; height: 40vh; border-radius: 0 0 0 20px; } /*---------------------------------------------- # Nav bar ----------------------------------------------*/ .navbar.navbar-area.white .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .navbar.navbar-area .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .navbar-area { padding: 0; /*-------------------------- Plastic Surgery Nav End ----------------------------*/ } .navbar-area.nav-style-03 .nav-container .navbar-collapse .navbar-nav > li > a::after { background-color: #FF8686; } .navbar-area.nav-style-03 .nav-container .navbar-collapse .navbar-nav li a { color: #F5F8F9; } .navbar-area.nav-style-03 .nav-container .navbar-collapse .navbar-nav li a:hover { color: #FF8686; } .navbar-area.nav-style-03 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a { color: #FF8686; } .navbar-area.nav-style-03 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children a::before { background-color: #FFFFFF; } .navbar-area.nav-style-03 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover a { color: #FF8686; } .navbar-area.nav-style-03 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > .sub-menu li a:hover { color: #FF8686; } .navbar-area.nav-absolute { position: absolute; left: 0; width: 100%; top: 0px; z-index: 1; } .navbar-area.plastic-surgery-nav .nav-container .navbar-collapse .navbar-nav > li > a::after { background: #6BCAE2; } .navbar-area.plastic-surgery-nav .nav-container .navbar-collapse .navbar-nav li a { color: #626262; } .navbar-area.plastic-surgery-nav .nav-container .navbar-collapse .navbar-nav li a:hover { color: #6BCAE2; } .navbar-area.plastic-surgery-nav .nav-container .navbar-collapse .navbar-nav li.current-menu-item a { color: #6BCAE2; } .navbar-area.plastic-surgery-nav .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover a { color: #6BCAE2; } .navbar-area.plastic-surgery-nav .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > .sub-menu li a:hover { color: #6BCAE2; } .navbar-area .nav-container .navbar-brand .site-title { font-weight: 700; font-size: 30px; font-family: var(--heading-font); line-height: 90px; color: var(--heading-color); } .navbar-area .nav-container .navbar-collapse .navbar-nav { display: block; margin-top: 15px; } .navbar-area .nav-container .navbar-collapse .navbar-nav > li > a::after { content: ""; clear: both; display: block; background: var(--main-color-one); height: 2px; width: 0px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; margin-bottom: 10px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .navbar-area .nav-container .navbar-collapse .navbar-nav > li > a:hover::after { width: 15px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li { display: inline-block; font-size: 16px; font-weight: 500; line-height: 1.6; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item a { color: var(--main-color-one); } .navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item a::after { width: 15px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children { position: relative; z-index: 0; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover > .sub-menu { visibility: visible; opacity: 1; top: 100%; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children > a { position: relative; z-index: 0; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children > a::before { position: absolute; right: 8px; top: 50%; width: 5px; height: 5px; line-height: 5px; font-size: 5px; border-radius: 50%; background-color: var(--paragraph-color); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ""; z-index: 9; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu { position: absolute; min-width: 180px; margin: 0; list-style: none; left: 50%; top: 130%; -webkit-box-shadow: 0 0 2px #D6D6D6; box-shadow: 0 0 2px #D6D6D6; border-radius: 6px; background-color: #FFFFFF; z-index: 9; visibility: hidden; opacity: 0; padding: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li { display: block; margin-left: 0; line-height: 24px; font-size: 16px; padding: 0 16px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:first-child a { border-radius: 8px 8px 0 0; padding-top: 16px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:last-child a { border-radius: 0 0 8px 8px; padding-bottom: 16px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover a { color: var(--main-color-one); padding-left: 10px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a { display: block; font-size: 14px; padding: 5px; font-weight: 500; white-space: nowrap; color: var(--paragraph-color); -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children { padding-right: 0px; display: block; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children::before { display: none; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > a { position: relative; z-index: 0; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > a::before { position: absolute; right: -8px; top: 50%; width: 5px; height: 5px; border-radius: 50%; z-index: 9; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ''; background-color: var(--paragraph-color); display: block; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > .sub-menu { left: 100%; top: -24px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > .sub-menu li:first-child a { padding-top: 16px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > .sub-menu li:last-child a { padding-bottom: 16px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > .sub-menu li a { background-color: #FFFFFF; color: #838282; padding: 5px; position: relative; z-index: 0; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > .sub-menu li a:hover { color: var(--main-color-one); padding-left: 10px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > .sub-menu .sub-menu .sub-menu { left: auto; right: 100%; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover > .sub-menu { visibility: visible; opacity: 1; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover > .sub-menu li:hover:before { color: #FFFFFF; } .navbar-area .nav-container .navbar-collapse .navbar-nav li a { text-transform: capitalize; font-size: 16px; line-height: 1.6rem; display: block; color: #626262; font-weight: 500; letter-spacing: .5px; padding: 0 1.3rem; font-family: var(--heading-font); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover { color: var(--main-color-one); } .navbar-toggler { position: absolute; top: -50px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 0; } /*---------------------------------- Mobile Cross Menu ------------------------------------*/ .cross-menu { padding: 5px 10px; display: block; border-radius: 4px; } .cross-menu.white .bar1, .cross-menu.white .bar2, .cross-menu.white .bar3 { background-color: #FFFFFF; } .cross-menu .bar1, .cross-menu .bar2, .cross-menu .bar3 { width: 30px; height: 2px; background-color: #626262; margin: 6px 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; display: block; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-4px, 6px); -ms-transform: rotate(-45deg) translate(-4px, 6px); transform: rotate(-45deg) translate(-4px, 6px); } .change .bar2 { opacity: 0; } .change .bar3 { -webkit-transform: rotate(45deg) translate(-5px, -8px); -ms-transform: rotate(45deg) translate(-5px, -8px); transform: rotate(45deg) translate(-5px, -8px); } @media only screen and (max-width: 991px) { header .search-area { position: absolute; top: 6.5%; right: 2%; } .navbar-area .nav-container { position: relative; z-index: 0; } .navbar-area .nav-container .navbar-brand { display: block; } .navbar-area .nav-container .navbar-brand .navbar-toggler { border: none; } .navbar-area .nav-container .navbar-collapse { position: absolute; top: 0; left: 50%; width: 400px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .navbar-area .nav-container .navbar-collapse .navbar-nav { display: block; background-color: #FFFFFF; -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16); } .navbar-area .nav-container .navbar-collapse .navbar-nav li { display: block; text-align: left; line-height: 30px; padding: 10px 0; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child { border-bottom: none; } .navbar-area .nav-container .navbar-collapse .navbar-nav li + li { margin-left: 0; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before { top: 25px; right: 20px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover { padding-bottom: 0; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover > .sub-menu { visibility: visible; height: auto; opacity: 1; border-bottom: none; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover > .sub-menu { padding: 10px 0 10px 40px; height: auto; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu { position: initial; display: block; width: 100%; border-top: none; -webkit-box-shadow: none; box-shadow: none; margin-left: 0; padding-bottom: 0; visibility: hidden; opacity: 0; height: 0; overflow: hidden; max-height: 250px; overflow-y: scroll; -webkit-transition: height 500ms; -moz-transition: height 500ms; -o-transition: height 500ms; transition: height 500ms; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); padding-left: 50px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .sub-menu .menu-item-has-children:before { content: "\f107"; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li { padding: 0; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.menu-item-has-children:hover:before { top: 30px; color: #FFFFFF; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li + li { border-top: none; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children > .sub-menu { padding: 0; height: 0; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; width: 100%; } } @media only screen and (max-width: 575px) { .navbar-area .nav-container { margin: 0 15px; } } /*-------------------------------------- Slider Scss Start Here ----------------------------------------*/ .home-slider { padding: 2vh 0 5.9vh 0; overflow: hidden; /*---------Slick Arrow Start-------------*/ /*---------Slick Arrow End-------------*/ /*---------Home Slider 01, 05 Controller Start-------------*/ /*---------Home Slider 01, 05 Controller End-------------*/ /*-------------- Scroll Done Start Here ------------*/ /*-------------- Scroll Done End Here ------------*/ } .home-slider .slick-arrow .arrow-line { width: 1px; height: 70px; background-color: #FF8686; display: table; margin: auto; } .home-slider .slick-arrow .arrow-down { position: relative; width: 11px; margin-right: 13px; } .home-slider .slick-arrow .arrow-down .caret-down { position: absolute; left: 0; width: 0; height: 0; border-left: 6px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #FF8686; } .home-slider .slick-arrow .arrow-up { position: relative; width: 12px; } .home-slider .slick-arrow .arrow-up .caret-up { position: absolute; top: -10px; left: 0; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid #FF8686; } .home-slider .controller-area { width: 100%; position: absolute; bottom: 5%; left: 0; } .home-slider .controller-area.surgery-controller-style .surgery-controller { position: absolute; left: 11%; bottom: 20%; } .home-slider .controller-area.surgery-controller-style .surgery-controller .controller-wrapper { margin: inherit; } .home-slider .controller-area.surgery-controller-style .surgery-controller .controller-wrapper .active-controller { color: #3DBBD7; } .home-slider .controller-area.surgery-controller-style .surgery-controller .controller-wrapper .total-controller { color: #3DBBD7; } .home-slider .controller-area.surgery-controller-style .surgery-controller .controller-wrapper .home-slider-progressbar .home-slider-progress { background-color: #3DBBD7; } .home-slider .controller-area.surgery-controller-style .surgery-controller .controller-wrapper .home-slider-progressbar .home-slider-progress-active { background-color: #3DBBD7; } .home-slider .controller-area .controller-wrapper { position: relative; width: 200px; margin: auto; } .home-slider .controller-area .controller-wrapper .active-controller { color: #FF8686; position: absolute; top: -10px; left: -25px; } .home-slider .controller-area .controller-wrapper .total-controller { color: #FF8686; position: absolute; top: -10px; right: -25px; } .home-slider .controller-area .controller-wrapper .home-slider-progressbar { position: relative; z-index: 0; width: 200px; } .home-slider .controller-area .controller-wrapper .home-slider-progressbar .home-slider-progress { width: 200px; height: 1px; background-color: #FF8686; position: absolute; } .home-slider .controller-area .controller-wrapper .home-slider-progressbar .home-slider-progress-active { position: absolute; top: -1px; left: 0; width: 40px; height: 3px; background-color: #FF8686; } .home-slider.slider-style-05 { padding: 0; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; } .home-slider.slider-style-05 .slider-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .home-slider.slider-style-05 .slider-wrap .slider-left-content { width: 10%; height: 100vh; } .home-slider.slider-style-05 .slider-wrap .slider-left-content .social-icon { width: 100%; } .home-slider.slider-style-05 .slider-wrap .slider-left-content .slider-bottom-area { height: 45vh; } .home-slider.slider-style-05 .slider-wrap .slider-left-content .slider-bottom-area .scroll-down-area { width: 100%; height: 73%; } .home-slider.slider-style-05 .slider-wrap .slider-left-content .slider-bottom-area .scroll-down-area .scroll-down { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; bottom: 0; right: 5%; width: 108px; } .home-slider.slider-style-05 .slider-wrap .slider-right-content { width: 90%; height: 100%; } .home-slider.slider-style-05 .dental-slider .slick-current .slider-items .slider-content-area .slider-content .slider-heading, .home-slider.slider-style-05 .dental-slider .slick-active .slider-items .slider-content-area .slider-content .slider-heading { -webkit-animation: fadeInDown 2s 0s both; animation: fadeInDown 2s 0s both; } .home-slider.slider-style-05 .dental-slider .slick-current .slider-items .slider-content-area .slider-content p, .home-slider.slider-style-05 .dental-slider .slick-active .slider-items .slider-content-area .slider-content p { -webkit-animation: fadeInUp 2s 0s both; animation: fadeInUp 2s 0s both; } .home-slider.slider-style-05 .dental-slider .slick-current .slider-items .slider-content-area .slider-content .main-btn-wrap, .home-slider.slider-style-05 .dental-slider .slick-active .slider-items .slider-content-area .slider-content .main-btn-wrap { -webkit-animation: fadeInUp 2s 0s both; animation: fadeInUp 2s 0s both; } .home-slider.slider-style-05 .dental-slider .slick-current .slider-items .slider-content-area .slider-child-img, .home-slider.slider-style-05 .dental-slider .slick-active .slider-items .slider-content-area .slider-child-img { -webkit-animation: fadeInRight 2s 0s both; animation: fadeInRight 2s 0s both; } .home-slider.slider-style-05 .dental-slider .slick-prev.slick-arrow { position: absolute; right: 4%; top: 45%; z-index: 1; height: 9%; width: 12px; cursor: pointer; } .home-slider.slider-style-05 .dental-slider .slick-next.slick-arrow { position: absolute; right: 5%; top: 46%; height: 9%; width: 11px; margin-right: 6px; cursor: pointer; } .home-slider.slider-style-05 .dental-slider .social-icon { width: 10%; height: 40vh; } .home-slider.slider-style-05 .dental-slider .slider-bottom-area { width: 100%; position: absolute; bottom: 9%; left: 1%; } .home-slider.slider-style-05 .dental-slider .slider-items { background-repeat: no-repeat; background-size: cover !important; background-position: center center !important; width: 100%; height: 100vh; min-height: 550px; position: relative; z-index: 0; overflow: hidden; } .home-slider.slider-style-05 .dental-slider .slider-items .slider-content-area { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: absolute; top: 53%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .home-slider.slider-style-05 .dental-slider .slider-items .slider-content-area .slider-content { width: 35%; display: -ms-grid; display: grid; -ms-flex-line-pack: center; align-content: center; } .home-slider.slider-style-05 .dental-slider .slider-items .slider-content-area .slider-child-img { width: 55%; } .home-slider.slider-style-04 { padding: 0; width: 100%; } .home-slider.slider-style-04 .paralax-slider-area { position: relative; } .home-slider.slider-style-04 .paralax-slider-area .paralax-slider-wrapper .slick-current .slider-items .slider-content-area .slider-content .slider-heading, .home-slider.slider-style-04 .paralax-slider-area .paralax-slider-wrapper .slick-active .slider-items .slider-content-area .slider-content .slider-heading { -webkit-animation: fadeInDown 2s 0s both; animation: fadeInDown 2s 0s both; } .home-slider.slider-style-04 .paralax-slider-area .paralax-slider-wrapper .slick-current .slider-items .slider-content-area .slider-content .main-btn-wrap, .home-slider.slider-style-04 .paralax-slider-area .paralax-slider-wrapper .slick-active .slider-items .slider-content-area .slider-content .main-btn-wrap { -webkit-animation: fadeInUp 2s 0s both; animation: fadeInUp 2s 0s both; } .home-slider.slider-style-04 .paralax-slider-area .paralax-slider-wrapper .slider-items { background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; height: 100vh; min-height: 500px; position: relative; z-index: 0; } .home-slider.slider-style-04 .paralax-slider-area .paralax-slider-wrapper .slider-items:after { position: absolute; top: 0; left: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), color-stop(rgba(34, 47, 59, 0.5)), to(rgba(133, 150, 167, 0.5))); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(34, 47, 59, 0.5), rgba(133, 150, 167, 0.5)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0.5), rgba(34, 47, 59, 0.5), rgba(133, 150, 167, 0.5)); background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(34, 47, 59, 0.5), rgba(133, 150, 167, 0.5)); width: 100%; height: 100%; content: ''; z-index: -1; } .home-slider.slider-style-04 .paralax-slider-area .paralax-slider-wrapper .slider-items .slider-content-area { z-index: 2; position: absolute; top: 50%; width: 91%; left: 9%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .home-slider.slider-style-04 .paralax-slider-area .paralax-slider-wrapper .slider-items .slider-content-area .slider-content { width: 50%; } .home-slider.slider-style-04 .paralax-slider-area .paralax-slider-wrapper .slider-items .slider-content-area .slider-content .slider-heading { color: #FFFFFF; } .home-slider.slider-style-04 .paralax-slider-area .paralax-slider-wrapper .slick-dots { position: absolute; right: 4%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .home-slider.slider-style-04 .paralax-slider-area .paralax-slider-wrapper .slick-dots li { color: #FFFFFF; width: 22px; height: 22px; border-radius: 50%; line-height: 21px; text-align: center; padding: 0 7px; margin: 5px 0; cursor: pointer; position: relative; } .home-slider.slider-style-04 .paralax-slider-area .paralax-slider-wrapper .slick-dots li button { display: none; } .home-slider.slider-style-04 .paralax-slider-area .paralax-slider-wrapper .slick-dots li.slick-active { border: 1px solid #FF8686; color: #FF8686; } .home-slider.slider-style-04 .paralax-slider-area .paralax-slider-wrapper .slick-dots li.slick-active::after { background-color: #FF8686; } .home-slider.slider-style-04 .paralax-slider-area .paralax-slider-wrapper .slick-dots li::after { content: ""; width: 5px; height: 5px; line-height: 5px; text-align: center; background-color: #FFFFFF; display: inline-block; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .home-slider.slider-style-04 .paralax-slider-area .slider-bottom-area { position: absolute; bottom: 5%; width: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; } .home-slider.slider-style-04 .paralax-slider-area .slider-bottom-area .scroll-down-area { width: 50%; } .home-slider.slider-style-04 .paralax-slider-area .slider-bottom-area .scroll-down-area .scroll-down-btn { position: absolute; right: 0; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .home-slider.slider-style-04 .paralax-slider-area .slider-bottom-area .scroll-down-area .scroll-down-btn a { width: 35px; height: 70px; position: relative; display: block; } .home-slider.slider-style-04 .paralax-slider-area .slider-bottom-area .scroll-down-area .scroll-down-btn a::before { position: absolute; top: 5px; left: 4px; content: '\f116'; font-family: Flaticon; -webkit-animation: scrollDown 2s infinite; animation: scrollDown 2s infinite; font-size: 35px; color: #FFFFFF; } .home-slider.slider-style-04 .paralax-slider-area .slider-bottom-area .social-icon { width: 50%; min-height: inherit; height: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-right: 4%; } .home-slider.slider-style-04 .paralax-slider-area .slider-bottom-area .social-icon .icon { color: #FFFFFF; border: 1px solid #FFFFFF; width: 40px; height: 40px; border-radius: 50%; margin: 0 8px; padding: 10px 0; } .home-slider.slider-style-04 .paralax-slider-area .slider-bottom-area .social-icon .icon:hover { background-color: #FF8686; border: 1px solid #FF8686; } .home-slider.slider-style-03 { padding: 0; width: 100%; height: 100%; } .home-slider.slider-style-03 .container-fluid, .home-slider.slider-style-03 .row { width: 100%; height: 100%; margin: 0; padding: 0; } .home-slider.slider-style-03 .banner-video-area { width: 100%; height: 100%; position: relative; z-index: -1; } .home-slider.slider-style-03 .banner-video-area:after { background-color: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; content: ''; position: absolute; top: 0; left: 0; z-index: 1; } .home-slider.slider-style-03 #myVideo { min-width: 100%; min-height: 100%; } .home-slider.slider-style-03 .slider-content-area { width: 100%; } .home-slider.slider-style-03 .slider-content-area .slider-content { width: 51%; padding-left: 9%; margin: 0; position: absolute; top: 51.5%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .home-slider.slider-style-03 .slider-content-area .slider-content .slider-heading { color: #FFFFFF; margin-bottom: 50px; } .home-slider.slider-style-03 .slider-content-area .slider-content .slider-video { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .home-slider.slider-style-03 .slider-content-area .slider-content .slider-video .video-text { color: rgba(255, 255, 255, 0.97); font-size: 14px; font-family: var(--body-font); font-weight: 500; line-height: 18px; padding-right: 20px; } .home-slider.slider-style-03 .slider-bottom-area { position: absolute; bottom: 15px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .home-slider.slider-style-03 .slider-bottom-area .social-icon { width: 50%; min-height: inherit; height: inherit; text-align: inherit; display: inherit; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; padding-left: 8.5%; } .home-slider.slider-style-03 .slider-bottom-area .social-icon .icon { color: #859db5; } .home-slider.slider-style-03 .slider-bottom-area .social-icon .icon:hover { color: #FF8686; } .home-slider.slider-style-03 .slider-bottom-area .scroll-down-area { width: 35px; } .home-slider.slider-style-03 .slider-bottom-area .scroll-down-area .scroll-down-btn a { width: 16px; height: 30px; border: 1px solid #FFFFFF; border-radius: 8px; position: relative; display: block; } .home-slider.slider-style-03 .slider-bottom-area .scroll-down-area .scroll-down-btn a::before { position: absolute; top: 3px; left: 4px; content: ''; width: 6px; height: 10px; border-radius: 5px; background-color: #FFFFFF; -webkit-animation: scrollDown 2s infinite; animation: scrollDown 2s infinite; } .home-slider.slider-style-02 { padding: 0; } .home-slider.slider-style-02 .plastic-surgery-slider { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .home-slider.slider-style-02 .plastic-surgery-slider .slider-arrow-area { width: 9%; position: relative; } .home-slider.slider-style-02 .plastic-surgery-slider .slider-arrow-area .arrow-top { position: absolute; top: 12%; left: 0%; font-size: 7vw; color: rgba(107, 202, 226, 0.25); font-weight: 500; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 { width: 86%; position: relative; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .surgery-slider-wrapper .slick-current .slider-items .slider-content-area .slider-content .slider-heading, .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .surgery-slider-wrapper .slick-active .slider-items .slider-content-area .slider-content .slider-heading { -webkit-animation: fadeInDown 2s 0s both; animation: fadeInDown 2s 0s both; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .surgery-slider-wrapper .slick-current .slider-items .slider-content-area .slider-content p, .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .surgery-slider-wrapper .slick-active .slider-items .slider-content-area .slider-content p { -webkit-animation: fadeInUp 2s 0s both; animation: fadeInUp 2s 0s both; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .surgery-slider-wrapper .slick-current .slider-items .slider-content-area .slider-content .main-btn-wrap, .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .surgery-slider-wrapper .slick-active .slider-items .slider-content-area .slider-content .main-btn-wrap { -webkit-animation: fadeInUp 2s 0s both; animation: fadeInUp 2s 0s both; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .surgery-slider-wrapper .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; left: -8%; bottom: 5%; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .surgery-slider-wrapper .slick-dots li { width: 2px; height: 45px; background: rgba(133, 150, 167, 0.5); margin: 10px 10px 0; cursor: pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .surgery-slider-wrapper .slick-dots li button { display: none; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .surgery-slider-wrapper .slick-dots li.slick-active { width: 2px; height: 55px; margin-top: 0; background: #6BCAE2; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .surgery-slider-wrapper .slider-items { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; width: 100%; position: relative; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .surgery-slider-wrapper .slider-items .slider-content-area { width: 42%; margin-right: 8%; min-height: 600px; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .surgery-slider-wrapper .slider-items .slider-content-area .slider-content { width: 40%; position: absolute; top: 53%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .surgery-slider-wrapper .slider-items .slider-img-area { position: relative; width: 50%; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 100vh; min-height: 600px; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .surgery-slider-wrapper .slider-items .slider-img-area .sergery-style { position: absolute; top: 50%; left: 50%; z-index: 2; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .slider-controller-wrapper { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .slider-controller-wrapper .slider-controller { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 465px; height: 225px; position: relative; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .slider-controller-wrapper .slider-controller .left-controller { width: 50%; height: 100%; background-position: center center; background-size: cover; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .slider-controller-wrapper .slider-controller .right-controller { width: 50%; height: 100%; background-color: rgba(133, 150, 167, 0.8); color: #FFFFFF; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .slider-controller-wrapper .slider-controller .right-controller .content .heading-03 { color: #FFFFFF; font-size: 14px; line-height: 20px; font-weight: 400; font-family: var(--body-font); padding: 50px 25px 0 25px; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .slider-controller-wrapper .slider-controller .right-controller .number { font-size: 35px; line-height: 40px; font-weight: 300; font-family: var(--body-font); padding: 50px 0 0 30px; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .slider-controller-wrapper .slider-controller .slider-arrow-wrappr { position: absolute; width: 100%; height: 100%; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .slider-controller-wrapper .slider-controller .slider-arrow-wrappr .slider-arrow-items { position: relative; width: 100%; height: 100%; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .slider-controller-wrapper .slider-controller .slider-arrow-wrappr .slider-arrow-items .slick-next, .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .slider-controller-wrapper .slider-controller .slider-arrow-wrappr .slider-arrow-items .slick-prev { position: absolute; color: #FFFFFF; font-size: 20px; cursor: pointer; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .slider-controller-wrapper .slider-controller .slider-arrow-wrappr .slider-arrow-items .slick-next { bottom: 20px; right: 20px; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .slider-controller-wrapper .slider-controller .slider-arrow-wrappr .slider-arrow-items .slick-prev { top: 20px; left: 20px; } .home-slider.slider-style-02 .plastic-surgery-slider .social-icon-area { width: 5%; } .home-slider.slider-style-02 .plastic-surgery-slider .social-icon-area ul { padding: 15vh 0 0 0; } .home-slider.slider-style-02 .plastic-surgery-slider .social-icon-area ul li { line-height: 20vh; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); text-transform: uppercase; padding: 20px 0; color: #8596A7; font-weight: 500; font-size: 14px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .home-slider.slider-style-02 .plastic-surgery-slider .social-icon-area ul li:hover { color: #6BCAE2; } .home-slider.slider-style-01 { position: relative; padding-top: 0; } .home-slider.slider-style-01 .slick-prev.slick-arrow { cursor: pointer; position: absolute; right: 6%; z-index: 9; bottom: 2%; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .home-slider.slider-style-01 .slick-next.slick-arrow { cursor: pointer; position: absolute; right: 7%; z-index: 9; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); bottom: 5%; } .home-slider.slider-style-01 .slick-arrow .arrow-line { background-color: #FFFFFF; } .home-slider.slider-style-01 .slick-arrow .arrow-down { margin-right: 1px; } .home-slider.slider-style-01 .slick-arrow .arrow-down .caret-down { border-top: 10px solid #FFFFFF; } .home-slider.slider-style-01 .slick-arrow .arrow-up .caret-up { border-bottom: 10px solid #FFFFFF; } .home-slider.slider-style-01 .surgery-slide-wrapper { width: 100%; } .home-slider.slider-style-01 .surgery-slide-wrapper .slick-current .surgery-slider-items .slider-content-area .slider-content .slider-heading, .home-slider.slider-style-01 .surgery-slide-wrapper .slick-active .surgery-slider-items .slider-content-area .slider-content .slider-heading { -webkit-animation: fadeInDown 2s 0s both; animation: fadeInDown 2s 0s both; } .home-slider.slider-style-01 .surgery-slide-wrapper .slick-current .surgery-slider-items .slider-content-area .slider-content p, .home-slider.slider-style-01 .surgery-slide-wrapper .slick-active .surgery-slider-items .slider-content-area .slider-content p { -webkit-animation: fadeInUp 2s 0s both; animation: fadeInUp 2s 0s both; } .home-slider.slider-style-01 .surgery-slide-wrapper .slick-current .surgery-slider-items .slider-content-area .slider-content .main-btn-wrap, .home-slider.slider-style-01 .surgery-slide-wrapper .slick-active .surgery-slider-items .slider-content-area .slider-content .main-btn-wrap { -webkit-animation: fadeInUp 2s 0s both; animation: fadeInUp 2s 0s both; } .home-slider.slider-style-01 .surgery-slide-wrapper .surgery-slider-items { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .home-slider.slider-style-01 .surgery-slide-wrapper .surgery-slider-items .slider-content-area { width: 30%; } .home-slider.slider-style-01 .surgery-slide-wrapper .surgery-slider-items .slider-content-area .slider-content { position: absolute; top: 44%; left: 8.5%; margin: 0; width: 35%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .home-slider.slider-style-01 .surgery-slide-wrapper .surgery-slider-items .slider-img-area { background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(#f4f4f4), color-stop(#e8e8ea), color-stop(#dddddf), to(#d1d2d5)); background-image: -webkit-linear-gradient(left, #ffffff, #f4f4f4, #e8e8ea, #dddddf, #d1d2d5); background-image: -o-linear-gradient(left, #ffffff, #f4f4f4, #e8e8ea, #dddddf, #d1d2d5); background-image: linear-gradient(to right, #ffffff, #f4f4f4, #e8e8ea, #dddddf, #d1d2d5); width: 70%; min-height: 500px; height: 80vh; } .home-slider.slider-style-01 .surgery-slide-wrapper .surgery-slider-items .slider-img-area .slider-img { background-repeat: no-repeat; background-size: cover; background-position: top center; height: 100%; width: 100%; margin: auto; } .home-slider.slider-style-01 .surgery-controller-style { position: inherit; bottom: inherit; left: inherit; } .home-slider.slider-style-01 .surgery-controller-style .surgery-controller { bottom: 16%; } .home-slider.slider-style-01 .surgery-controller-style .social-icon { width: 5%; position: absolute; right: 2%; top: 45%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); min-height: inherit; height: inherit; } .home-slider.slider-style-01 .surgery-controller-style .social-icon .icon { color: #FFFFFF; } .home-slider.slider-style-01 .surgery-controller-style .social-icon .icon:hover { color: #FF8686; } .home-slider .scroll-down-area { width: 12%; position: relative; } .home-slider .scroll-down-area .carousel-dots-area .slick-dots { padding: 0; text-align: center; position: absolute; top: 45%; left: 28%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .home-slider .scroll-down-area .carousel-dots-area .slick-dots li { position: relative; z-index: 0; height: 40px; } .home-slider .scroll-down-area .carousel-dots-area .slick-dots li:not(:last-child):after { position: absolute; left: 48%; top: 80%; width: 5px; height: 5px; line-height: 5px; content: ""; background-color: rgba(98, 98, 98, 0.37); border-radius: 50%; cursor: pointer; } .home-slider .scroll-down-area .carousel-dots-area .slick-dots li button { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; color: rgba(98, 98, 98, 0.37); font-size: 14px; line-height: 24px; font-family: var(--body-font); font-weight: 400; } .home-slider .scroll-down-area .carousel-dots-area .slick-dots li.slick-active button { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); font-size: 18px; color: var(--heading-color); font-weight: 500; padding: 1px 3px; } .home-slider .scroll-down-area .slider-bottom-area { width: 100%; position: absolute; bottom: 4%; } .home-slider .scroll-down-area .scroll-down { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; bottom: 27px; right: 15%; width: 108px; } .home-slider .scroll-down-area .scroll-down a { color: var(--heading-color); font-family: "Raleway", sans-serif; font-size: 13.4px; line-height: 25px; font-weight: 500; letter-spacing: 2px; position: relative; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; } .home-slider .scroll-down-area .scroll-down a::after { content: ""; clear: both; display: table; width: 70px; height: 2px; background: #FF8686; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; position: absolute; bottom: 6px; right: 104px; } .home-slider .slider-content { padding-left: 5px; } .home-slider .slider-content .slider-heading { color: var(--heading-color); font-size: 46px; line-height: 56px; font-weight: 600; font-family: var(--body-font); margin: 0; } .home-slider .slider-content p { color: var(--paragraph-color); font-size: 14px; line-height: 28px; font-weight: 400; font-family: var(--body-font); } .home-slider .home-slider-wrapper { width: 80%; border-radius: 20px; overflow: hidden; } .home-slider .home-slider-wrapper .slick-current .slider-items .slider-content-area .slider-content .slider-heading, .home-slider .home-slider-wrapper .slick-active .slider-items .slider-content-area .slider-content .slider-heading { -webkit-animation: fadeInDown 2s 0s both; animation: fadeInDown 2s 0s both; } .home-slider .home-slider-wrapper .slick-current .slider-items .slider-content-area .slider-content p, .home-slider .home-slider-wrapper .slick-active .slider-items .slider-content-area .slider-content p { -webkit-animation: fadeInUp 2s 0s both; animation: fadeInUp 2s 0s both; } .home-slider .home-slider-wrapper .slick-current .slider-items .slider-content-area .slider-content .main-btn-wrap, .home-slider .home-slider-wrapper .slick-active .slider-items .slider-content-area .slider-content .main-btn-wrap { -webkit-animation: fadeInUp 2s 0s both; animation: fadeInUp 2s 0s both; } .home-slider .home-slider-wrapper .slider-items { position: relative; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .home-slider .home-slider-wrapper .slider-items .slider-content-area { width: 25%; } .home-slider .home-slider-wrapper .slider-items .slider-content-area .slider-content { width: 40%; position: absolute; top: 49.5%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .home-slider .home-slider-wrapper .slider-items .slider-img { width: 75%; background-repeat: no-repeat; background-size: cover; background-position: center center; height: 76vh; min-height: 500px; border-radius: 20px; } .home-slider .social-icon { width: 8%; min-height: 300px; height: 55vh; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 2; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .home-slider .social-icon .icon { color: #626262; padding: 10px; font-size: 13px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .home-slider .social-icon .icon:hover { color: #FF8686; } @media (max-width: 1520px) { .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .surgery-slider-wrapper .slider-items .slider-content-area { width: 42%; } .home-slider.slider-style-02 .plastic-surgery-slider .surgery-slider-area-02 .surgery-slider-wrapper .slider-items .slider-img-area { width: 50%; } } @media (max-width: 1450px) { .home-slider .home-slider-wrapper .slider-items .slider-content-area .slider-content { width: 40%; } .home-slider.slider-style-01 .surgery-slide-wrapper .surgery-slider-items .slider-content-area .slider-content { width: 50%; } .home-slider.slider-style-04 .slider-wrapper .slider-items .slider-content-area .slider-content { width: 33%; } } @-webkit-keyframes scrollDown { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 0; } 40% { opacity: 1; } 80% { -webkit-transform: translate(0, 12px); transform: translate(0, 12px); opacity: 0; } 100% { opacity: 0; } } @keyframes scrollDown { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 0; } 40% { opacity: 1; } 80% { -webkit-transform: translate(0, 12px); transform: translate(0, 12px); opacity: 0; } 100% { opacity: 0; } } .service { background-color: #F5F8F9; } .service.sergery-style-02 { background-color: #FFFFFF; } .service.style-02 { background-color: #FFFFFF; } .service .common-title .heading { margin: auto; text-transform: capitalize; } .service .service-left { padding-top: 110px; padding-bottom: 50px; } .service .service-left .heading-3 { color: var(--heading-color); font-size: 30px; line-height: 40px; font-family: "Raleway", sans-serif; font-weight: 600; text-transform: capitalize; margin: 0; } .service .service-left p { margin: 0; } .service .service-right { padding-left: 55px; } .service .service-right .service-item:nth-child(2) { margin-top: 40px; } .service .service-right .right-column-two { margin-top: 80px; margin-left: -55px; } .service-item { width: 100%; height: 400px; background: #FFFFFF; padding: 45px 40px; border-radius: 20px; margin: 0 0px; text-align: center; border: 1px solid rgba(222, 229, 234, 0.5); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .service-item:hover { -webkit-box-shadow: 0 0 15px #CBC9C9; box-shadow: 0 0 15px #CBC9C9; } .service-item .heading-6 { color: #585858; font-size: 16px; line-height: 26px; font-weight: 600; text-transform: capitalize; margin-top: 10px; word-break: break-all; } .service-item p { line-height: 24px; margin-bottom: 0; } .pricing { background-color: #FFFFFF; } .pricing.style-02 .pricing-column::after { content: ""; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(113, 193, 199, 0.49)), to(rgba(113, 193, 199, 0.49))); background-image: -webkit-linear-gradient(rgba(113, 193, 199, 0.49), rgba(113, 193, 199, 0.49)); background-image: -o-linear-gradient(rgba(113, 193, 199, 0.49), rgba(113, 193, 199, 0.49)); background-image: linear-gradient(rgba(113, 193, 199, 0.49), rgba(113, 193, 199, 0.49)); } .pricing.sergery-style .pricing-column::after { content: ""; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 51, 51, 0.49)), to(rgba(51, 51, 51, 0.49))); background-image: -webkit-linear-gradient(rgba(51, 51, 51, 0.49), rgba(51, 51, 51, 0.49)); background-image: -o-linear-gradient(rgba(51, 51, 51, 0.49), rgba(51, 51, 51, 0.49)); background-image: linear-gradient(rgba(51, 51, 51, 0.49), rgba(51, 51, 51, 0.49)); } .pricing .common-title .heading { margin: auto; text-transform: capitalize; } .pricing .pricing-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .pricing .pricing-wrap .pricing-column { width: 31.33%; margin: 0 1%; border-radius: 20px; background-size: cover; background-position: center center; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; cursor: pointer; position: relative; z-index: 0; } .pricing .pricing-wrap .pricing-column::after { content: ""; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(131, 148, 165, 0.49)), to(rgba(131, 148, 165, 0.49))); background-image: -webkit-linear-gradient(rgba(131, 148, 165, 0.49), rgba(131, 148, 165, 0.49)); background-image: -o-linear-gradient(rgba(131, 148, 165, 0.49), rgba(131, 148, 165, 0.49)); background-image: linear-gradient(rgba(131, 148, 165, 0.49), rgba(131, 148, 165, 0.49)); position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; border-radius: 20px; } .pricing .pricing-wrap .pricing-column .price-content { padding: 70px 0 85px; text-align: center; color: #FFFFFF; } .pricing .pricing-wrap .pricing-column .price-content ul { padding-left: 0; } .pricing .pricing-wrap .pricing-column .price-content .heading-6 { text-transform: uppercase; font-size: 16px; line-height: 46px; font-weight: 600; letter-spacing: 2px; color: #FFFFFF; margin: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .pricing .pricing-wrap .pricing-column .price-content .price { overflow: hidden; position: relative; min-width: 140px; display: inline-block; } .pricing .pricing-wrap .pricing-column .price-content .price .heading-2 { color: #FFFFFF; font-size: 60px; line-height: 70px; font-weight: 600; margin: 0; padding: 10px 0 15px 0; } .pricing .pricing-wrap .pricing-column .price-content .price .year { text-transform: capitalize; font-size: 15px; line-height: 30px; font-weight: 500; position: absolute; right: 8px; bottom: 0; } .pricing .pricing-wrap .pricing-column .price-content ul { padding-top: 18px; } .pricing .pricing-wrap .pricing-column .price-content ul li { list-style-type: disc; list-style-position: inside; font-size: 14px; line-height: 24px; font-weight: 400; font-family: "Montserrat", sans-serif; } .pricing .pricing-wrap .pricing-column .price-content .main-btn-wrap { margin: 35px auto 0; } .pricing .pricing-wrap .pricing-column .price-content .main-btn-wrap a { -webkit-transition: .5s; -o-transition: .5s; transition: .5s; margin: auto; } .pricing .pricing-wrap .pricing-column:nth-child(2) { -webkit-transform: scaleY(1.1); -ms-transform: scaleY(1.1); transform: scaleY(1.1); } .pricing .pricing-wrap .pricing-column:hover .main-btn-wrap a { visibility: visible; opacity: 1; } .our-doctor { position: relative; background-color: #FFFFFF; } .our-doctor .common-title .heading { text-transform: capitalize; margin: auto; } .our-doctor .carousel-inner { border-radius: 20px; } .our-doctor .carousel-inner .carousel-item .doctor-slider-img, .our-doctor .carousel-inner .carousel-item .doctor-slider-content { position: relative; } .our-doctor .carousel-inner .carousel-item .doctor-slider-img img { border-radius: 20px; } .our-doctor .carousel-inner .carousel-item .doctor-slider-img:before { background: rgba(0, 0, 0, 0.1); position: absolute; right: 0; top: 0; width: 0; height: 0; -webkit-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; z-index: 1; content: ""; border-radius: 20px; } .our-doctor .carousel-inner .carousel-item .doctor-slider-img:after { background: rgba(0, 0, 0, 0.1); position: absolute; bottom: 0; left: 0; width: 0; height: 0; -webkit-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; z-index: 1; content: ""; border-radius: 20px; } .our-doctor .carousel-inner .carousel-item .doctor-slider-img:hover:before, .our-doctor .carousel-inner .carousel-item .doctor-slider-img:hover:after { width: 100%; height: 100%; } .our-doctor .carousel-inner .carousel-item .doctor-slider-content { padding-left: 20px; display: -ms-grid; display: grid; place-content: center; height: 100%; } .our-doctor .carousel-inner .carousel-item .doctor-slider-content .heading-4 { color: var(--heading-color); font-weight: 600; font-size: 24px; line-height: 32px; } .our-doctor .carousel-inner .carousel-item .doctor-slider-content .heading-6 { font-size: 16px; line-height: 26px; color: #8596A7; font-weight: 600; margin: 0; } .our-doctor .carousel-inner .carousel-item .doctor-slider-content p { margin-bottom: 0; } .our-doctor .carousel-inner .carousel-item .doctor-slider-content .main-btn-wrap { display: -ms-grid; display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 30px; } .our-doctor .carousel-inner .carousel-item .doctor-slider-content .play-area { padding-right: 20px; } .our-doctor .carousel-control-prev-icon, .our-doctor .carousel-control-next-icon { position: absolute; -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.16); box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.16); border-radius: 50%; padding: 25px; color: #000000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; background: #FFFFFF; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .our-doctor .carousel-control-prev-icon.sky:hover, .our-doctor .carousel-control-next-icon.sky:hover { background-color: #3EBCD8; } .our-doctor .carousel-control-prev-icon:hover, .our-doctor .carousel-control-next-icon:hover { color: #FFFFFF; background-color: #FF8686; } .statistics-section .progress-content { display: -ms-grid; display: grid; place-content: center; height: 100%; } .statistics-section .progress-content .heading-3 { color: var(--heading-color); font-size: 30px; line-height: 35px; font-weight: 500; text-transform: inherit; } .progress-section.sky .percentCount { color: #3EBCD8; } .progress-section .single-progressbar { position: relative; } .progress-section .title { color: #626262; padding: 0 50px; font-weight: 600; font-size: 16px; line-height: 26px; font-family: "Montserrat", sans-serif; position: absolute; z-index: 9; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0; } .progress-section .proggress { height: 90px !important; border-radius: 170px; line-height: 35px; text-align: left; background-image: -webkit-gradient(linear, left top, right top, from(#F2F5F7), to(#F5F8F9)); background-image: -webkit-linear-gradient(left, #F2F5F7, #F5F8F9); background-image: -o-linear-gradient(left, #F2F5F7, #F5F8F9); background-image: linear-gradient(to right, #F2F5F7, #F5F8F9); padding: 30px 0; border-radius: 170px !important; } .progress-section .percentCount { font-size: 16px; color: #FF8686; position: absolute; right: 20px; font-family: "Montserrat", sans-serif; font-weight: 600; } .progress-section .percentCount.sky { color: #3EBCD8; } .progress-section .percentCount { float: none; margin-top: 0; clear: both; position: absolute !important; top: 50%; right: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .progress-section.sergery-style .percentCount { color: #3EBCD8; } .appointment-section { background-color: #FFFFFF; } .appointment-section.style-02 .common-title .heading { position: absolute; top: -15%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); color: #FFFFFF; } .appointment-section.style-02 .appointment-content .tab-content .appointment-form-area { padding-left: 5%; padding-right: 5%; } .appointment-section .common-title .heading { margin: auto; } .appointment-section .appointment-content { border: 1px solid rgba(133, 150, 167, 0.36); border-radius: 20px; width: 100%; padding: 100px 0 95px 0; } .appointment-section .appointment-content::after { content: ""; display: table; clear: both; } .appointment-section .appointment-content .tab-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .appointment-section .appointment-content .tab-content .appointment-img-area { max-width: 335px; width: 40%; } .appointment-section .appointment-content .tab-content .appointment-img-area img { width: 100%; border-radius: 0 20px 20px 0; } .appointment-section .appointment-content .tab-content .appointment-img-area .doctor-info { padding-left: 40px; } .appointment-section .appointment-content .tab-content .appointment-img-area .doctor-info .name .heading-06 { color: #626262; font-size: 16px; line-height: 26px; font-family: var(--body-font); font-weight: 600; padding-top: 10px; margin: 0; } .appointment-section .appointment-content .tab-content .appointment-img-area .doctor-info .designation span { color: var(--paragraph-color); font-size: 14px; line-height: 24px; font-family: var(--body-font); font-weight: 500; } .appointment-section .appointment-content .tab-content .appointment-form-area { width: 60%; margin: 0 auto; } .appointment-section .appointment-content .tab-content .appointment-form-area input::-webkit-input-placeholder { color: #626262; font-family: "Montserrat", sans-serif; font-size: 11px; font-weight: 300; font-style: italic; } .appointment-section .appointment-content .tab-content .appointment-form-area input:-ms-input-placeholder { color: #626262; font-family: "Montserrat", sans-serif; font-size: 11px; font-weight: 300; font-style: italic; } .appointment-section .appointment-content .tab-content .appointment-form-area input::-ms-input-placeholder { color: #626262; font-family: "Montserrat", sans-serif; font-size: 11px; font-weight: 300; font-style: italic; } .appointment-section .appointment-content .tab-content .appointment-form-area input::placeholder { color: #626262; font-family: "Montserrat", sans-serif; font-size: 11px; font-weight: 300; font-style: italic; } .appointment-section .appointment-content .tab-content .appointment-form-area .main-btn-wrap { display: block; margin: 20px auto 0; } .appointment-section .appointment-content .tab-content .appointment-form-area .form-control { border: none; border-radius: 24px; background-color: #DEE5E9; padding: 10px 30px; height: 50px; } .nav-pills .nav-link.active { color: #626262; background-color: transparent; } .calendar-icon { position: relative; } .calendar-icon .icon, .calendar-icon i { position: absolute; color: #626262; right: 9px; top: 50%; font-size: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .custom-date-picker .calendar-icon.style-02 .form-control { background-color: transparent; border: 1px solid #DEE5E9; } .custom-date-picker .calendar-icon .form-control { border: none; border-radius: 24px; margin: 30px 0; background-color: #DEE5E9; padding: .375rem 30px; } .custom-date-picker .calendar-icon input::-webkit-input-placeholder { color: #626262; font-family: "Montserrat", sans-serif; font-size: 11px; font-weight: 300; font-style: italic; } .custom-date-picker .calendar-icon input:-ms-input-placeholder { color: #626262; font-family: "Montserrat", sans-serif; font-size: 11px; font-weight: 300; font-style: italic; } .custom-date-picker .calendar-icon input::-ms-input-placeholder { color: #626262; font-family: "Montserrat", sans-serif; font-size: 11px; font-weight: 300; font-style: italic; } .custom-date-picker .calendar-icon input::placeholder { color: #626262; font-family: "Montserrat", sans-serif; font-size: 11px; font-weight: 300; font-style: italic; } /*========================================= Googel Map ============================================*/ .google-map-section #google-map { width: 100%; min-height: 400px; height: 100%; } .google-map-section iframe { width: 100%; min-height: 400px; height: 100%; } #google-map2 iframe { border-radius: 20px 0 0 20px; height: 100%; width: 100%; } .carousel-right-area { width: 79%; margin-right: 0; margin-left: 21%; max-width: 1500px; } .carousel-right-area.style-02 { width: 80%; margin-left: 20%; } .latest-stories { background-color: #FFFFFF; } .latest-stories .common-title .heading { margin: 0; } .latest-stories .storiest-carousel { border-radius: 20px; overflow: hidden; } .latest-stories .storiest-carousel.style-02 .item .catousel-content:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(113, 193, 199, 0.5)), to(rgba(113, 193, 199, 0.5))); background-image: -webkit-linear-gradient(top, rgba(113, 193, 199, 0.5), rgba(113, 193, 199, 0.5)); background-image: -o-linear-gradient(top, rgba(113, 193, 199, 0.5), rgba(113, 193, 199, 0.5)); background-image: linear-gradient(to bottom, rgba(113, 193, 199, 0.5), rgba(113, 193, 199, 0.5)); } .latest-stories .storiest-carousel.style-02 .slick-next:hover, .latest-stories .storiest-carousel.style-02 .slick-prev:hover { background-color: #3EBCD8; } .latest-stories .storiest-carousel .item { background-size: 100% 100%; background-repeat: no-repeat; opacity: 1; max-width: 335px; border-radius: 20px; position: relative; overflow: hidden; width: 95% !important; } .latest-stories .storiest-carousel .item .catousel-content { position: absolute; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.45)), to(rgba(0, 0, 0, 0.55))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.45), rgba(0, 0, 0, 0.55)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.45), rgba(0, 0, 0, 0.55)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.45), rgba(0, 0, 0, 0.55)); height: 100%; width: 100%; bottom: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .latest-stories .storiest-carousel .item .catousel-content .hover-icon { color: #FFFFFF; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 2px solid #FFFFFF; width: 75px; height: 75px; text-align: center; line-height: 75px; border-radius: 50%; -webkit-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; visibility: hidden; opacity: 0; } .latest-stories .storiest-carousel .item .catousel-content .hover-icon .icon { font-size: 22px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .latest-stories .storiest-carousel .item .catousel-content .stories-text { position: absolute; bottom: 0; padding: 0 40px 20px 40px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .latest-stories .storiest-carousel .item .catousel-content .stories-text .date { color: #FFFFFF; font-size: 14px; font-family: "Raleway", sans-serif; font-weight: 300; line-height: 35px; } .latest-stories .storiest-carousel .item .catousel-content .stories-text .text .heading-06 { color: #FFFFFF; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 26px; font-weight: 500; } .latest-stories .storiest-carousel .item .catousel-content:hover { cursor: pointer; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(0, 0, 0, 0.7))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0.7)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0.7)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0.7)); } .latest-stories .storiest-carousel .item .catousel-content:hover .hover-icon { visibility: visible; opacity: 1; } .latest-stories .storiest-carousel .item .catousel-content:hover .stories-text { visibility: hidden; opacity: 0; } .latest-stories .storiest-carousel .slick-next, .latest-stories .storiest-carousel .slick-prev { position: absolute; background: #FFFFFF; width: 60px; line-height: 60px; height: 60px; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 47%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); text-align: center; z-index: 9; cursor: pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .latest-stories .storiest-carousel .slick-next span, .latest-stories .storiest-carousel .slick-prev span { font-size: 50px; } .latest-stories .storiest-carousel .slick-next:hover, .latest-stories .storiest-carousel .slick-prev:hover { color: #FFFFFF; background-color: #FF8686; } .latest-stories .storiest-carousel .slick-next { left: 74%; } .latest-stories .storiest-carousel .slick-prev { left: 24%; } @media (max-width: 1700px) { .carousel-right-area, .about-our-doctor .container, .ophtalmologue-section .container { width: 83%; margin-left: 17%; } .teeth-canel .container, .carousel-right-area.style-02, .ophtalmologue-section .container { width: 84%; margin-left: 16%; } } @media (max-width: 1600px) { .carousel-right-area, .about-our-doctor .container, .ophtalmologue-section .container { width: 85%; margin-left: 15%; } .teeth-canel .container, .carousel-right-area.style-02, .ophtalmologue-section .container { width: 86%; margin-left: 14%; } } @media (max-width: 1550px) { .carousel-right-area { width: 87%; margin-left: 13%; } .about-our-doctor .container, .ophtalmologue-section .container { width: 88%; margin-left: 12%; } .teeth-canel .container, .carousel-right-area.style-02, .ophtalmologue-section .container { width: 88%; margin-left: 12%; } } @media (max-width: 1500px) { .carousel-right-area, .about-our-doctor .container, .ophtalmologue-section .container { width: 87%; margin-left: 13%; } .teeth-canel .container, .carousel-right-area.style-02, .ophtalmologue-section .container { width: 88.5%; margin-left: 11.5%; } } @media (max-width: 1450px) { .carousel-right-area { width: 89%; margin-left: 11%; } .about-our-doctor .container, .ophtalmologue-section .container, .teeth-canel .container, .carousel-right-area.style-02 { width: 90%; margin-left: 10%; } } @media (max-width: 1400px) { .carousel-right-area, .about-our-doctor .container { width: 90%; margin-left: 10%; } .teeth-canel .container, .carousel-right-area.style-02 { width: 91%; margin-left: 9%; } .ophtalmologue-section .container { width: 92%; margin-left: 8%; } } @media (max-width: 1350px) { .carousel-right-area, .about-our-doctor .container { width: 92%; margin-left: 8%; } .teeth-canel .container, .carousel-right-area.style-02 { width: 93%; margin-left: 7%; } .ophtalmologue-section .container { width: 94%; margin-left: 6%; } } @media (max-width: 1300px) { .carousel-right-area, .about-our-doctor .container { width: 93%; margin-left: 7%; } .ophtalmologue-section .container { width: 95%; margin-left: 5%; } .teeth-canel .container, .carousel-right-area.style-02 { width: 94%; margin-left: 6%; } .about-our-doctor .container { width: 90%; margin-left: 10%; } } @media (max-width: 1100px) { .about-our-doctor .container .about-doctor .carousel-item .slider-content { width: 100%; } } /*------------------------- Footer Area -------------------------*/ .footer-area { background-color: #50c1db; } .footer-area.footer-style-03 { background-color: #626262; } .footer-area.footer-style-03 .logo-widget ul li .icon { color: #DEE5EA; } .footer-area.footer-style-03 .logo-widget ul li .icon:hover { color: #FF8686; } .footer-area.footer-style-03 .logo-widget ul li, .footer-area.footer-style-03 .logo-widget ul a { color: #DEE5EA; } .footer-area.footer-style-03 .footer-social-icon .icon { color: #DEE5EA; } .footer-area.footer-style-03 .footer-social-icon .icon:hover { color: #FF8686; } .footer-area.footer-style-03 .widget-title { color: #DEE5EA; } .footer-area.footer-style-03 .widget_nav_menu ul li a { color: #DEE5EA; } .footer-area.footer-style-03 .widget_nav_menu ul li a::after { background: rgba(222, 229, 234, 0.5); } .footer-area.footer-style-03 .widget_nav_menu ul li a:hover::after { width: 15px; } .footer-area.footer-style-03 .widget_nav_menu ul li a:hover { color: rgba(222, 229, 234, 0.5); } .footer-area.surgery-footer .logo-widget ul li .icon:hover { color: #3EBCD8; } .footer-area.surgery-footer .widget-title::after { background-color: #3EBCD8; } .footer-area.surgery-footer .footer-social-icon .icon:hover { color: #3EBCD8; } .footer-area.surgery-footer .subscribe-area .input-group .form-control { border: 1px solid #3EBCD8; } .footer-area.surgery-footer .subscribe-area .input-group .input-group-append .input-group-text { background-color: #3EBCD8; } .footer-area .footer-top { padding: 60px 100px 30px 100px; } .footer-area .logo-widget img { margin-bottom: 20px; } .footer-area .logo-widget ul li { font-family: "Montserrat", sans-serif; font-weight: 500; font-size: .86rem; line-height: 23px; margin-bottom: 10px; } .footer-area .logo-widget ul li .icon { padding-right: 8px; font-size: 12px; color: #ffffff; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .footer-area .logo-widget ul li .icon:hover { color: #FF8686; } .footer-area .logo-widget ul li, .footer-area .logo-widget ul a { color: #fafafa; } .footer-area .logo-widget ul a { padding-right: 10px; } .footer-area .social-media-img { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-area .social-media-img .images { max-width: 75px; margin: 3px; } .footer-area .social-media-img .images img { width: 100%; } .footer-area .details { color: #707070; font-family: var(--body-font); font-size: 14px; font-weight: 500; line-height: 18px; margin-bottom: 10px; } .footer-area .footer-social-icon .icon { font-size: 12px; color: #ffffff; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .footer-area .footer-social-icon .icon:hover { color: #FF8686; } .footer-area .widget-title::after { content: ""; clear: both; display: table; height: 2px; width: 40px; background: #FF8686; margin-top: 10px; margin-bottom: 25px; } .footer-area .widget-title.style-02::after { background: #71C1C7; } .footer-area .widget_nav_menu ul li { font-size: 14px; line-height: 30px; } .footer-area .widget_nav_menu ul li a { color: #ffffff; font-family: "Raleway", sans-serif; font-weight: 500; text-transform: capitalize; } .footer-area .widget_nav_menu ul li a::after { content: ''; clear: both; display: table; height: 2px; width: 0; background: #A7A7A7; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .footer-area .widget_nav_menu ul li a:hover::after { width: 15px; } .subscribe-area.style-03 .input-group .form-control { border: 1px solid #2D9BE2; } .subscribe-area.style-03 .input-group .form-control::-webkit-input-placeholder { color: #DEE5EA; } .subscribe-area.style-03 .input-group .form-control:-ms-input-placeholder { color: #DEE5EA; } .subscribe-area.style-03 .input-group .form-control::-ms-input-placeholder { color: #DEE5EA; } .subscribe-area.style-03 .input-group .form-control::placeholder { color: #DEE5EA; } .subscribe-area.style-03 .input-group .input-group-append .input-group-text { background-color: #2D9BE2; } .subscribe-area.style-03 p { color: #DEE5EA; } .subscribe-area p { color: #707070; font-size: 14px; font-family: var(--body-font); font-weight: 500; line-height: 26px; } .subscribe-area .input-group .form-control { border: 1px solid var(--main-color-one); background-color: transparent; border-radius: 50px 0 0 50px; } .subscribe-area .input-group .form-control::-webkit-input-placeholder { color: #585858; font-size: 14px; font-family: "Raleway", sans-serif; line-height: 25px; font-style: italic; font-weight: 300; padding-left: 14px; } .subscribe-area .input-group .form-control:-ms-input-placeholder { color: #585858; font-size: 14px; font-family: "Raleway", sans-serif; line-height: 25px; font-style: italic; font-weight: 300; padding-left: 14px; } .subscribe-area .input-group .form-control::-ms-input-placeholder { color: #585858; font-size: 14px; font-family: "Raleway", sans-serif; line-height: 25px; font-style: italic; font-weight: 300; padding-left: 14px; } .subscribe-area .input-group .form-control::placeholder { color: #585858; font-size: 14px; font-family: "Raleway", sans-serif; line-height: 25px; font-style: italic; font-weight: 300; padding-left: 14px; } .subscribe-area .input-group .input-group-append { margin-left: -20px; } .subscribe-area .input-group .input-group-append .input-group-text { background-color: var(--main-color-one); border: none; border-radius: 50px; z-index: 3; font-size: 14px; padding: 0 45px; font-family: "Montserrat", sans-serif; font-weight: 500; cursor: pointer; } .subscribe-area .input-group .input-group-append .input-group-text input[type="submit"] { color: #FFFFFF; } .copyright-area.sergery-style .copyright-area-inner::before { background-color: #3EBCD8; } .copyright-area.sergery-style .copyright-area-inner .coypright-icon { color: #3EBCD8; } .copyright-area.style-02 .copyright-area-inner::before { background-color: #71C1C7; } .copyright-area.style-02 .copyright-area-inner .coypright-icon { color: #71C1C7; } .copyright-area.style-03 { color: #A7A7A7; } .copyright-area .copyright-area-inner::before { content: ""; clear: both; display: inline-block; height: 2px; width: 40px; background-color: #FF8686; position: absolute; bottom: 30px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .copyright-area .copyright-area-inner .coypright-icon { color: #FF8686; margin: 2px 6px; } .about-bg { min-height: 420px !important; height: 40vh !important; } .about-us-section .about-img-area { padding-right: 70px; padding-left: 50px; } .about-us-section .about-img-area img { border-radius: 0 20px 20px 0; } .about-us-section .about-content-area { width: 90%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .about-us-section .about-content-area .heading-04 { color: var(--main-color-one); font-size: 20px; line-height: 30px; font-family: var(--body-font); font-weight: 500; margin-bottom: 0; padding-bottom: 10px; } .about-us-section .about-content-area .common-title .heading { font-family: var(--body-font); font-weight: 600; } .about-us-section .about-content-area .common-title .heading span { color: #A7A7A7; } .about-our-doctor { position: relative; } .about-our-doctor .container { max-width: 1480px; margin-right: 0; } .about-our-doctor .about-doctor .carousel-item { overflow: hidden; } .about-our-doctor .about-doctor .carousel-item .slider-content { float: left; padding-right: 85px; margin-top: 40px; } .about-our-doctor .about-doctor .carousel-item .slider-content .heading-04 { font-weight: 600; font-size: 24px; line-height: 32px; color: var(--heading-color); } .about-our-doctor .about-doctor .carousel-item .slider-content .heading-06 { font-size: 18px; line-height: 22px; color: #8596A7; font-weight: 600; margin: 0; } .about-our-doctor .about-doctor .carousel-item .slider-content .social-icon a i { padding: 15px 15px 0 0; } .about-our-doctor .about-doctor .carousel-item .slider-content p { padding: 30px 0; margin: 0; } .about-our-doctor .about-doctor .carousel-item .slider-content .main-btn-wrap { margin: 40px 0 20px; } .about-our-doctor .about-doctor .carousel-item .slider-img { background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; min-height: 795px; border-radius: 20px 0 0 20px; float: left; } .why-choose-section { background-color: rgba(227, 233, 237, 0.34); } .why-choose-section .why-choose-img { margin: 0 85px 0 30px; } .why-choose-section .why-choose-img img { border-radius: 20px; } .check-box-area ul { padding: 0; } .check-box-area li { padding: 0 0 40px 0; color: #777474; font-size: 14px; font-family: var(--body-font); line-height: 20px; font-weight: 400; } .check-box li { position: relative; z-index: 0; padding-left: 50px; } .check-box li::after { position: absolute; z-index: 1; content: '\f10f'; clear: both; display: table; font-family: "Flaticon"; left: 0; top: 0; color: #FF8686; font-size: 30px; } .why-choose-content { display: -ms-grid; display: grid; place-content: center; height: 100%; } .our-mission-section .mission-tab-area .tab-navbar-area { width: 44%; } .our-mission-section .mission-tab-area .tab-navbar-area .nav-tabs { border-bottom: 1px solid rgba(255, 134, 134, 0.3); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .our-mission-section .mission-tab-area .tab-navbar-area .nav-tabs .nav-item { margin-bottom: -1px; position: relative; z-index: 0; } .our-mission-section .mission-tab-area .tab-navbar-area .nav-tabs .nav-item .nav-link { color: #626262; font-size: 18px; font-family: var(--heading-font); line-height: 24px; font-weight: 500; padding: 20px 35px; border: none; position: relative; } .our-mission-section .mission-tab-area .tab-navbar-area .nav-tabs .nav-item .nav-link:after { position: absolute; left: 0; bottom: -1px; width: 100%; height: 3px; background-color: #FF8686; content: ''; visibility: hidden; opacity: 0; } .our-mission-section .mission-tab-area .tab-navbar-area .nav-tabs .nav-item .nav-link.active:after { visibility: visible; opacity: 1; } .our-mission-section .mission-tab-area .tab-content-area .tab-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .our-mission-section .mission-tab-area .tab-content-area .tab-content .paragraph-wrap { padding-right: 50px; } .our-mission-section .mission-tab-area .tab-content-area .tab-content .award-area { width: 100%; } .our-mission-section .mission-tab-area .tab-content-area .tab-content .award-area .award-title .heading-03 { font-size: 26px; line-height: 36px; font-weight: 600; text-transform: capitalize; } .our-mission-section .mission-tab-area .tab-content-area .tab-content .award-area .award-purpose { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .our-mission-section .mission-img-area { margin-top: -100px; } .our-mission-section .mission-img-area img { border-radius: 20px; } .timeline-section .time-line-area { position: relative; } .timeline-section .big-slider-area { display: -webkit-box; display: -ms-flexbox; display: flex; } .timeline-section .big-slider-area .year-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 10%; width: 10%; } .timeline-section .big-slider-area .year-area ul li { font-size: 20px; line-height: 28px; font-weight: 500; font-family: var(--body-font); color: #A7A7A7; padding: 25px 0; cursor: pointer; } .timeline-section .big-slider-area .year-area ul li.active { color: #FF8686; } .timeline-section .big-slider-area .timeline-slider-big { width: 90%; } .timeline-section .big-slider-area .timeline-slider-big .slick-current.slick-active .items-content p, .timeline-section .big-slider-area .timeline-slider-big .slick-current.slick-active .items-content .heading-03 { -webkit-animation: fadeInDown 2s 0s both; animation: fadeInDown 2s 0s both; } .timeline-section .big-slider-area .timeline-slider-big .items-content { width: 50%; padding: 70px 0 0 35px; background-color: rgba(255, 255, 255, 0.5); } .timeline-section .big-slider-area .timeline-slider-big .items-content .heading-03 { font-size: 26px; line-height: 36px; font-family: var(--body-font); font-weight: 500; text-transform: capitalize; } .timeline-section .big-slider-area .timeline-slider-big .items-content p { font-size: 14px; font-family: var(--body-font); font-weight: 400; line-height: 30px; color: #838282; } .timeline-section .big-slider-area .timeline-slider-big .items-img { height: 750px; width: 35%; } .timeline-section .big-slider-area .timeline-slider-big .items-img img { width: 100%; height: 100%; border-radius: 20px; } .timeline-section .small-slider-area { position: absolute; left: 28%; bottom: 10%; width: 60%; } .timeline-section .small-slider-area .timeline-slider-small .items { background: #FFFFFF; padding: 12px 0 12px 12px; border-radius: 20px; } .timeline-section .small-slider-area .timeline-slider-small .items img { border-radius: 20px; width: 190px; height: 250px; } .neurology-section .neurology-content-area { padding: 0 50px 0 0; } .neurology-section .neurology-content-area .common-title .heading { margin: 0; } .neurology-section .neurology-content-area .neurology-content p { color: #585858; line-height: 30px; } .neurology-section .neurology-img-area img { border-radius: 20px; } .dental-section .dental-img-area { margin-right: 60px; position: relative; } .dental-section .dental-img-area .dental-img img { border-radius: 0 20px 20px 0; width: 100%; } .dental-section .dental-img-area .dental-overlay { position: absolute; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(84, 84, 84, 0.7))); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(84, 84, 84, 0.7)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0.7), rgba(84, 84, 84, 0.7)); background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(84, 84, 84, 0.7)); width: 100%; height: 100%; border-radius: 0 20px 20px 0; top: 0; left: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .dental-section .dental-img-area .dental-overlay .icon { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; font-size: 22px; color: #FFFFFF; border: 2px solid #FFFFFF; width: 75px; height: 75px; line-height: 75px; text-align: center; border-radius: 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .dental-section .dental-img-area:hover .dental-overlay { visibility: visible; opacity: 1; } .dental-section .dental-img-area:hover .dental-overlay .icon { visibility: visible; opacity: 1; } .dental-section .dental-content-area .common-title .heading { margin: 0; } .dental-section .dental-content-area .dental-content p { color: #585858; line-height: 30px; } .ophtalmologue-section .container { margin-right: 0; max-width: 1505px; padding-right: 0; } .ophtalmologue-section .container .ophtalmologue-img img { border-radius: 20px; } .ophtalmologue-section .container .ophtalmologue-content-area { margin-left: 220px; } .ophtalmologue-section .container .ophtalmologue-content-area .common-title .heading { margin: 0; word-break: break-all; } .ophtalmologue-section .container .ophtalmologue-content-area .ophtalmologue-content { width: 55%; } .ophtalmologue-section .container .ophtalmologue-content-area .ophtalmologue-content p { color: #585858; line-height: 30px; } .teeth-canel .container { max-width: 1520px; margin-right: 0; overflow-x: hidden; } .teeth-canel .canel-content-area { padding: 0px 50px 0 0; display: -ms-grid; display: grid; -ms-flex-line-pack: center; align-content: center; height: 100%; } .teeth-canel .canel-content-area .common-title .heading { font-family: var(--body-font); font-weight: 500; text-transform: inherit; } .teeth-canel .canel-content-area .play-area { margin: 50px 0; } .teeth-canel .canel-img-area img { border-radius: 20px 0 0 20px; } .quality-section .common-title .heading { font-family: var(--body-font); font-size: 26px; line-height: 36px; font-weight: 500; } .quality-section .content-area { padding-bottom: 40px; } .rooth-canal-price-section { font-family: var(--body-font); } .rooth-canal-price-section .price-area { margin-left: 15px; background: -webkit-gradient(linear, left top, right top, from(rgba(226, 241, 255, 0.4)), to(rgba(225, 244, 255, 0.8))); background: -webkit-linear-gradient(left, rgba(226, 241, 255, 0.4), rgba(225, 244, 255, 0.8)); background: -o-linear-gradient(left, rgba(226, 241, 255, 0.4), rgba(225, 244, 255, 0.8)); background: linear-gradient(to right, rgba(226, 241, 255, 0.4), rgba(225, 244, 255, 0.8)); border-radius: 20px; padding: 100px 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .rooth-canal-price-section .price-area .left-column { width: 50%; padding-right: 50px; } .rooth-canal-price-section .price-area .left-column .heading-6 { color: #4E4D4D; font-size: 14px; font-weight: 500; line-height: 18px; } .rooth-canal-price-section .price-area .left-column .price { color: #4E4D4D; font-size: 38px; font-weight: 700; line-height: 50px; padding: 3px 0 12px 0; } .rooth-canal-price-section .price-area .left-column .common-title { padding-bottom: 0; } .rooth-canal-price-section .price-area .left-column .common-title .heading { color: #4E4D4D; font-weight: 500; text-transform: inherit; font-size: 30px; } .rooth-canal-price-section .price-area .right-column { width: 50%; } .rooth-canal-price-section .price-area .right-column ul li { color: #8596A7; font-size: 15px; font-weight: 500; line-height: 19px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .rooth-canal-price-section .price-area .right-column ul li:not(:last-child) { border-bottom: 1px solid rgba(133, 150, 167, 0.3); } .rooth-canal-price-section .price-area .right-column ul li .left { width: 50%; padding: 20px 0; } .rooth-canal-price-section .price-area .right-column ul li .right { width: 50%; text-align: center; border-left: 1px solid rgba(133, 150, 167, 0.3); padding: 20px 0; } .rooth-canal-price-section .price-area .right-column ul li:hover { color: rgba(133, 150, 167, 0.8); } /*----------------------- Error 404 Page -----------------------*/ .error-404 { position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 1; } .error-404 .error-404-wrap { position: absolute; top: 55%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .error-404 .error-404-wrap .error-img { margin-bottom: 20px; } .error-404 .error-404-wrap .page-title { color: #626262; font-size: 22px; line-height: 34px; font-weight: 500; font-family: var(--body-font); margin-bottom: 20px; } .error-404 .error-404-wrap .page-title::before { content: ""; display: table; width: 200px; height: 6px; background-color: var(--main-color-one); margin: auto; margin-bottom: 40px; } .error-404 .error-404-wrap .page-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; } .error-404 .error-404-wrap .page-content .main-btn-wrap-2 a { margin-bottom: 20px; } .error-404 .error-404-wrap .page-content .main-btn-wrap-2, .error-404 .error-404-wrap .page-content .main-btn-wrap { width: 230px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /*--------------------------------------- ## Back Top ---------------------------------------*/ .back-to-top { position: fixed; right: 30px; bottom: 30px; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 50%; z-index: 99; font-size: 25px; cursor: pointer; display: none; } .back-to-top i { color: #000000; font-size: 20px; } /*------------------------- ## Preloader Css ---------------------------*/ .pre-wrap { position: fixed; content: ''; -webkit-transform: translate(-100%, -240%); -ms-transform: translate(-100%, -240%); transform: translate(-100%, -240%); font-size: 62px; } .preloader-inner { position: fixed; left: 0; top: 0; z-index: 99999; background-color: rgba(2, 48, 71, 0.8); width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .preloader-inner .cancel-preloader { position: absolute; bottom: 30px; right: 30px; } .preloader-inner .cancel-preloader a { background-color: #FFFFFF; font-weight: 600; text-transform: capitalize; color: var(--main-color-one); width: 200px; height: 50px; text-align: center; line-height: 50px; border-radius: 30px; display: block; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .preloader-inner .cancel-preloader a:hover { background-color: var(--secondary-color); color: #FFFFFF; } .spinner { margin: 120px auto; width: 60px; height: 60px; position: relative; text-align: center; -webkit-animation: sk-rotate 2.0s infinite linear; animation: sk-rotate 2.0s infinite linear; } .dot1, .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: var(--main-color-one); border-radius: 100%; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg); } } @keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes sk-bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } /*------------------------------------ Overlay Close btn Design -------------------------------------*/ .overlay-content .closebtn { font-size: 40px; cursor: pointer; color: #000000; border-radius: 50%; position: absolute; width: 50px; height: 50px; line-height: 50px; text-align: center; } .searchOverlay { position: relative; height: 100%; width: 0; position: fixed; z-index: 9999; top: 0; right: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.9))); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)); background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)); overflow-x: hidden; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .searchOverlay .logo-area .logo { padding: 45px 0 0 85px; } .searchOverlay .overlay-content { width: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .searchOverlay .overlay-content .closebtn { background: #FFFFFF; left: 100%; bottom: 100%; } .searchOverlay .overlay-content .Search-section { position: relative; } .searchOverlay .overlay-content .Search-section input[type="text"] { padding: 40px; font-size: 14px; width: 100%; background: transparent; border: 2px solid #FF8686; border-radius: 50px; font-family: "Montserrat", sans-serif; font-weight: 300; color: #FFFFFF; } .searchOverlay .overlay-content .Search-section input[type="text"]::-webkit-input-placeholder { color: #FFFFFF; } .searchOverlay .overlay-content .Search-section input[type="text"]:-ms-input-placeholder { color: #FFFFFF; } .searchOverlay .overlay-content .Search-section input[type="text"]::-ms-input-placeholder { color: #FFFFFF; } .searchOverlay .overlay-content .Search-section input[type="text"]::placeholder { color: #FFFFFF; } .searchOverlay .overlay-content .Search-section button[type="submit"] { padding: 15px; background: #FF8686; font-size: 15px; border: none; cursor: pointer; color: #FFFFFF; width: 55px; border-radius: 50%; position: absolute; top: 50%; right: 3%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /*----------------------------- Overlay Side Nav design ------------------------------*/ .sidenav { height: 100%; width: 0; position: fixed; z-index: 9999; top: 0; right: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.9))); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)); background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)); overflow-x: hidden; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .sidenav .sidenav-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .sidenav .sidenav-wrap .logo-area { width: 70%; } .sidenav .sidenav-wrap .logo-area .logo { padding: 45px 0 0 85px; } .sidenav .sidenav-wrap .overlay-content { width: 30%; } .sidenav .sidenav-wrap .overlay-content .overlay-menu { width: 100%; height: 100vh; background-color: #FFFFFF; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; } .sidenav .sidenav-wrap .overlay-content .overlay-menu .logo img { height: 55px; } .sidenav .sidenav-wrap .overlay-content .overlay-menu .side-menu { padding: 0; } .sidenav .sidenav-wrap .overlay-content .overlay-menu .side-menu .items .itme-nav { color: #111; font-size: 18px; line-height: 28px; font-family: var(--heading-font); font-weight: 500; padding: 10px 30px; display: block; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .sidenav .sidenav-wrap .overlay-content .overlay-menu .side-menu .items .itme-nav:hover { background-color: var(--main-color-one); color: #FFFFFF; } .sidenav .sidenav-wrap .overlay-content .overlay-menu .social-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sidenav .sidenav-wrap .overlay-content .overlay-menu .social-icon .icon { color: #FFFFFF; font-size: 15px; width: 30px; height: 30px; line-height: 30px; text-align: center; display: block; margin: 10px; background-color: rgba(0, 0, 0, 0.9); border-radius: 50%; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .sidenav .sidenav-wrap .overlay-content .overlay-menu .social-icon .icon:hover { background-color: var(--main-color-one); } .sidenav .sidenav-wrap .overlay-content .closebtn { top: 50px; right: 30px; } .form-control { padding: .375rem 2.75rem; } /*--------------------------------------- ## Button ---------------------------------------*/ .button-section ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .button-section ul li { width: 33.33%; padding: 50px 0; } .main-btn-wrap .main-btn, .main-btn-wrap-2 .main-btn, .main-btn-wrap-inactive .main-btn { font-size: 15px; font-family: var(--body-font); line-height: 30px; border-radius: 40px; font-weight: 400; padding: 15px 20px; display: table; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; text-transform: capitalize; min-width: 230px; text-align: center; } .main-btn-wrap.surgery-btn .main-btn { background: rgba(61, 187, 215, 0.9); -webkit-box-shadow: 0px 6px 20px -8px rgba(61, 187, 215, 0.9); box-shadow: 0px 6px 20px -8px rgba(61, 187, 215, 0.9); } .main-btn-wrap.surgery-btn .main-btn:hover { -webkit-box-shadow: 0px 10px 20px -8px #3DBBD7; box-shadow: 0px 10px 20px -8px #3DBBD7; background: #3DBBD7; } .main-btn-wrap .main-btn { color: #FFFFFF; background: rgba(255, 134, 134, 0.9); -webkit-box-shadow: 0px 6px 20px -8px rgba(255, 134, 134, 0.9); box-shadow: 0px 6px 20px -8px rgba(255, 134, 134, 0.9); } .main-btn-wrap .main-btn:hover { -webkit-box-shadow: 0px 10px 20px -8px #ff8686; box-shadow: 0px 10px 20px -8px #ff8686; background: #FF8686; } .main-btn-wrap-2 .main-btn { color: #FF8686; border: 1px solid #FF8686; } .main-btn-wrap-2.modal-btn a { min-width: inherit; padding: 5px 20px; } .main-btn-wrap-inactive .main-btn { color: #FFFFFF; background: rgba(255, 134, 134, 0.6); -webkit-box-shadow: 0px 6px 20px -8px rgba(255, 134, 134, 0.9); box-shadow: 0px 6px 20px -8px rgba(255, 134, 134, 0.9); } /*---------------------------------------- ## Section title ----------------------------------------*/ .common-title .heading { color: var(--heading-color); font-size: 36px; line-height: 46px; font-family: var(--heading-font); font-weight: 600; display: table; letter-spacing: 2px; } .common-title .heading::before { content: ""; clear: both; display: table; height: 3px; width: 50px; background-color: #FF8686; margin: 0 auto 4px; } .common-title .heading.line-none::before { content: ""; display: none; } .common-title .heading.line-left::before { margin: 0 0 4px 0; } .common-title.style-02 .heading::before { background-color: #71C1C7; } .common-title.sergery-heading .heading::before { background-color: #3EBCD8; } /*----------------------------- Accordion Item -----------------------------*/ .accordion-wrapper.style-03 .card + .card { margin-top: 10px; } .accordion-wrapper.style-03 .card .card-header a { background: none; border: 1px solid #8596A7; padding: 20px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .accordion-wrapper.style-03 .card .card-header a:hover { background: #E7ECEF; } .accordion-wrapper.style-03 .card .card-header a:after { font-size: 20px; } .accordion-wrapper.style-03 .card .card-header a[aria-expanded="false"]:after { font-size: 20px; } .accordion-wrapper.style-02 { width: 100%; margin-left: 15px; } .accordion-wrapper.style-02 .card + .card { margin-top: 30px; } .accordion-wrapper.style-02 .card .card-header a { background: none; border: 1px solid #8596A7; padding: 30px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .accordion-wrapper.style-02 .card .card-header a:hover { background: #E7ECEF; } .accordion-wrapper.style-02 .card .card-header a:after { font-size: 30px; } .accordion-wrapper.style-02 .card .card-header a[aria-expanded="false"]:after { font-size: 30px; } .accordion-wrapper .card { border: none; background-color: transparent; } .accordion-wrapper .card + .card { margin-top: 10px; } .accordion-wrapper .card .card-header { background-color: transparent; padding: 0; border: none; } .accordion-wrapper .card .card-header a { display: block; font-size: 16px; line-height: 26px; font-weight: 500; background-color: rgba(231, 236, 239, 0.6); padding: 12px 30px; cursor: pointer; position: relative; border-radius: 60px; color: #161515; } .accordion-wrapper .card .card-header a:after { position: absolute; right: 30px; content: "-"; font-family: "fontawesome"; } .accordion-wrapper .card .card-header a[aria-expanded="false"]:after { content: "+"; } .accordion-wrapper .card .card-body { padding: 15px 30px 5px; } .accordion-wrapper .card .card-body p { color: #777474; font-size: 14px; line-height: 24px; font-weight: 300; padding: 0 !important; } .accordion-wrapper .card .card-body .rating-area i { font-size: 20px; color: #FF8686; } /*--------------------------- Counter Item -----------------------------*/ .single-couterup { border: 8px solid #edf6ff; border-radius: 20px; text-align: center; padding: 50px 0 45px; } .single-couterup .icon { width: 60px; height: 60px; background: #F5F7F8; border-radius: 50%; line-height: 60px; margin: auto; color: var(--main-color-one); } .single-couterup .icon i { font-size: 35px; } .single-couterup .content .count-num { font-size: 55px; font-family: var(--body-font); line-height: 65px; color: #626262; font-weight: 600; padding: 15px 0; display: inline-block; } .single-couterup .content .title { font-size: 16px; font-family: var(--body-font); line-height: 22px; color: #A7A7A7; font-weight: 500; } /*-------------------------------------- Testimonials Scss Start Here ----------------------------------------*/ .testimonial-section { background-color: #FFFFFF; } .testimonial-section .common-title .heading { text-transform: capitalize; margin: auto; } .testimonial-section.style-02 { background-image: -webkit-gradient(linear, left top, right top, from(rgba(227, 239, 244, 0.3)), to(rgba(130, 200, 206, 0.2))); background-image: -webkit-linear-gradient(left, rgba(227, 239, 244, 0.3), rgba(130, 200, 206, 0.2)); background-image: -o-linear-gradient(left, rgba(227, 239, 244, 0.3), rgba(130, 200, 206, 0.2)); background-image: linear-gradient(to right, rgba(227, 239, 244, 0.3), rgba(130, 200, 206, 0.2)); } .testimonial-section.style-02 .testimonials-carousel .testimonials-carousel-controller { position: absolute; left: 20%; top: 10%; width: 120px; } .testimonial-section.style-02 .testimonials-carousel .testimonials-carousel-controller .active-controller { position: absolute; left: -25px; top: -10px; color: #FF8686; } .testimonial-section.style-02 .testimonials-carousel .testimonials-carousel-controller .total-controller { position: absolute; right: -25px; top: -10px; color: #FF8686; } .testimonial-section.style-02 .testimonials-carousel .testimonials-carousel-controller .testimonial-progressbar { position: relative; z-index: 0; } .testimonial-section.style-02 .testimonials-carousel .testimonials-carousel-controller .testimonial-progressbar .progress-line { height: 1px; width: 100%; background-color: #FF8686; position: absolute; left: 0; } .testimonial-section.style-02 .testimonials-carousel .testimonials-carousel-controller .testimonial-progressbar .progress-active-line { position: absolute; z-index: 1; top: -1px; left: 0; width: 40px; height: 3px; background-color: #FF8686; } .testimonial-section.sergery-style { background-image: -webkit-gradient(linear, left top, right top, from(rgba(227, 233, 237, 0.3)), to(rgba(194, 229, 255, 0.4))); background-image: -webkit-linear-gradient(left, rgba(227, 233, 237, 0.3), rgba(194, 229, 255, 0.4)); background-image: -o-linear-gradient(left, rgba(227, 233, 237, 0.3), rgba(194, 229, 255, 0.4)); background-image: linear-gradient(to right, rgba(227, 233, 237, 0.3), rgba(194, 229, 255, 0.4)); } .testimonial-section.default-style .testimonials-carousel .testimonials-carousel-controller, .testimonial-section.sergery-style .testimonials-carousel .testimonials-carousel-controller { left: 25%; width: 200px; position: absolute; } .testimonial-section.default-style .testimonials-carousel .testimonials-carousel-controller .active-controller, .testimonial-section.default-style .testimonials-carousel .testimonials-carousel-controller .total-controller, .testimonial-section.sergery-style .testimonials-carousel .testimonials-carousel-controller .active-controller, .testimonial-section.sergery-style .testimonials-carousel .testimonials-carousel-controller .total-controller { color: #838282; font-size: 30px; line-height: 40px; } .testimonial-section.default-style .testimonials-carousel .testimonials-carousel-controller .active-controller, .testimonial-section.sergery-style .testimonials-carousel .testimonials-carousel-controller .active-controller { left: -45px; } .testimonial-section.default-style .testimonials-carousel .testimonials-carousel-controller .controller-devided, .testimonial-section.sergery-style .testimonials-carousel .testimonials-carousel-controller .controller-devided { font-size: 35px; top: -15px; } .testimonial-section .testimonials-carousel { width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .testimonial-section .testimonials-carousel .testimonial-arrow { width: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .testimonial-section .testimonials-carousel .testimonial-arrow.sky .slick-next:hover, .testimonial-section .testimonials-carousel .testimonial-arrow.sky .slick-prev:hover { background-color: #3EBCD8; } .testimonial-section .testimonials-carousel .testimonial-arrow .slick-next, .testimonial-section .testimonials-carousel .testimonial-arrow .slick-prev { color: #000000; background-color: #FFFFFF; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); cursor: pointer; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .testimonial-section .testimonials-carousel .testimonial-arrow .slick-next:hover, .testimonial-section .testimonials-carousel .testimonial-arrow .slick-prev:hover { color: #FFFFFF; background-color: #FF8686; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); } .testimonial-section .testimonials-carousel .testimonial-arrow .slick-next { margin-left: 20px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .testimonial-section .testimonials-carousel .testimonial-carousel-img { width: 55%; } .testimonial-section .testimonials-carousel .testimonial-carousel-img .slick-arrow { position: absolute; bottom: 30%; z-index: 9; } .testimonial-section .testimonials-carousel .testimonial-carousel-img .right_active_item .carousel-items { height: 565px !important; margin-top: 35px !important; } .testimonial-section .testimonials-carousel .testimonial-carousel-img .carousel-items { height: 420px; margin-top: 180px; border-radius: 20px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; width: 95% !important; overflow: hidden; } .testimonial-section .testimonials-carousel .testimonial-carousel-img .carousel-items img { border-radius: 20px; -o-object-fit: fill; object-fit: fill; margin: auto; } .testimonial-section .testimonials-carousel .testimonial-content-wrap { width: 40%; margin-left: 5%; position: absolute; top: 52%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .testimonial-section .testimonials-carousel .testimonial-content-wrap .carousel-items .content { width: 50%; } .testimonial-section .testimonials-carousel .testimonial-content-wrap .carousel-items .content .heading-4 { font-weight: 600; font-size: 24px; line-height: 32px; color: var(heading-color); } .testimonial-section .testimonials-carousel .testimonial-content-wrap .carousel-items .content .heading-6 { font-size: 16px; line-height: 26px; color: #8596A7; font-weight: 600; } @media (max-width: 1850px) { .testimonial-section .testimonials-carousel .testimonial-carousel-img .right_active_item .carousel-items { height: 540px !important; margin-top: 60px !important; } } @media (max-width: 1750px) { .testimonial-section .testimonials-carousel .testimonial-carousel-img .right_active_item .carousel-items { height: 520px !important; margin-top: 80px !important; } } @media (max-width: 1700px) { .testimonial-section .testimonials-carousel .testimonial-carousel-img .right_active_item .carousel-items { height: 505px !important; margin-top: 95px !important; } } @media (max-width: 1650px) { .testimonial-section .testimonials-carousel .testimonial-carousel-img .right_active_item .carousel-items { height: 485px !important; margin-top: 115px !important; } } @media (max-width: 1600px) { .testimonial-section .testimonials-carousel .testimonial-carousel-img .right_active_item .carousel-items { height: 500px !important; margin-top: 100px !important; } } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .testimonial-section .testimonials-carousel .testimonial-carousel-img .carousel-items img { height: 100%; } } @media (max-width: 1200px) { .testimonial-section .testimonials-carousel .testimonial-content-wrap { top: 45%; } .testimonial-section .testimonials-carousel .testimonial-carousel-img .carousel-items { height: 570px !important; margin-top: 30px !important; } } /*=========================================================== Side form popup ============================================================*/ .appointment-section.style-02 { background-color: transparent; } .modal-design .address-area .address-content { padding: 0 20px; } .side-form-popup .popup-wrapper { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.9))); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)); background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)); opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 10; visibility: hidden; display: none; overflow-y: auto; } .modal-design { width: 100%; border-radius: 20px; position: relative; } .modal-design .appointment-section .appointment-content { border: none; } .modal-design .modal-wrapper { width: 50%; height: 100%; background-color: #FFFFFF; border-radius: 20px; border-radius: 20px; margin: auto; } .modal-design .modal-wrapper .location-popup-design { position: relative; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 20px; } .modal-design .modal-wrapper .location-popup-design .row { padding: 0; margin: 0; } .modal-design .modal-wrapper .location-popup-design .close-button { position: absolute; height: 40px; width: 40px; color: #FFFFFF; background-color: #ff8686; right: -30px; top: -30px; border-radius: 50%; font-size: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; z-index: 100; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 1; } .modal-design .modal-wrapper .location-popup-design .close-button:hover { background-color: rgba(255, 134, 134, 0.8); } .side-form-popup, .modal-design { border-radius: 20px; } .side-form-popup .logo-area, .modal-design .logo-area { position: absolute; top: 5%; left: 4.5%; z-index: 1; } .side-form-popup #google-map, .side-form-popup #google-map2, .side-form-popup .modal-image, .modal-design #google-map, .modal-design #google-map2, .modal-design .modal-image { width: 60%; height: 430px; border-radius: 20px 0 0 20px; } .side-form-popup .modal-image img, .modal-design .modal-image img { width: 100%; height: 100%; border-radius: 20px 0 0 20px; } .side-form-popup .address-area, .modal-design .address-area { width: 40%; position: relative; } .side-form-popup .address-area .address-content, .modal-design .address-area .address-content { position: absolute; top: 50%; left: 10%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 80%; } .side-form-popup .address-area .address-content .heading-04, .modal-design .address-area .address-content .heading-04 { color: var(--heading-color); font-size: 18px; line-height: 28px; font-weight: 500; } .side-form-popup .address-area .address-content ul, .modal-design .address-area .address-content ul { padding: 0; } .side-form-popup .address-area .address-content .items, .modal-design .address-area .address-content .items { color: var(--paragraph-color); font-size: 12px; line-height: 22px; font-weight: 300; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .side-form-popup .modal-img, .modal-design .modal-img { width: 100%; position: relative; z-index: 0; } .side-form-popup .modal-img img, .modal-design .modal-img img { border-radius: 20px; width: 100%; } .side-form-popup .modal-img .play-area, .modal-design .modal-img .play-area { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .side-form-popup .appointment-section .container .appointment-content, .modal-design .appointment-section .container .appointment-content { border: none; padding: 50px 0; } .side-form-popup .appointment-section, .modal-design .appointment-section { width: 100%; border-radius: 20px; } .popup-show { display: block !important; opacity: 1 !important; visibility: visible !important; -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; } .opening-popup, .location-popup, .form-popup { max-width: 900px; width: 90%; background-color: var(--white); position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: none; opacity: 0; border-radius: 20px; margin: auto; top: 50%; -webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } .opening-popup .row, .location-popup .row { margin: 0; } .close-popup { position: absolute; height: 40px; width: 40px; color: #FFFFFF; background-color: #ff8686; right: -30px; top: -30px; border-radius: 50%; font-size: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; z-index: 100; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .close-popup:hover { background-color: rgba(255, 134, 134, 0.8); } .countdown-part { background-image: -webkit-gradient(linear, left top, right top, from(#14606e), to(rgba(20, 96, 110, 0.8))); background-image: -webkit-linear-gradient(left, #14606e, rgba(20, 96, 110, 0.8)); background-image: -o-linear-gradient(left, #14606e, rgba(20, 96, 110, 0.8)); background-image: linear-gradient(to right, #14606e, rgba(20, 96, 110, 0.8)); border-radius: 0 20px 20px 0; color: #FFFFFF; padding: 60px 0; position: relative; } .countdown-part .counter-item-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .countdown-part .counter-item-wrap .counter-item { min-width: 165px; height: 165px; border: 1px solid #FFFFFF; text-align: center; margin: 20px; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 3; } .countdown-part .counter-item-wrap .counter-item .hours, .countdown-part .counter-item-wrap .counter-item .mins, .countdown-part .counter-item-wrap .counter-item .secs { font-size: 45px; line-height: 55px; font-weight: 400; } .countdown-part .counter-item-wrap .counter-item:nth-child(2) { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .countdown-part .heading-02 { width: 100%; text-align: center; margin-bottom: 30px; } .countdown-part .heading-02 .days { font-size: 12vh; line-height: 100px; font-weight: 400; } .countdown-part .heading-02, .countdown-part .heading-06 { color: #FFFFFF; } .countdown-part .heading-06 { font-size: 25px; line-height: 38px; font-weight: 400; } .countdown-part:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.4))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4)); border-radius: 0 20px 20px 0; z-index: -1; } .comming-soon { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; min-height: 550px; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 1; overflow-x: hidden; } .comming-soon .comming-soon-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); min-height: 450px; } .comming-soon .comming-soon-wrap .countdown-part { width: 50%; } .comming-soon .comming-soon-wrap .comming-soon-text { position: relative; padding-left: 30px; width: 50%; } .comming-soon .comming-soon-wrap .comming-soon-text .text-wrap { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .comming-soon .comming-soon-wrap .comming-soon-text .text-wrap .heading-02 { color: #FFFFFF; font-weight: 400; font-size: 50px; line-height: 60px; margin-bottom: 40px; } .comming-soon .comming-soon-wrap .comming-soon-text .text-wrap .heading-02 .last-word { font-weight: 600; } .comming-soon .comming-soon-wrap .comming-soon-text .text-wrap p { color: #FFFFFF; font-size: 15px; line-height: 26px; font-weight: 500px; } .comming-soon .comming-soon-wrap .comming-soon-text .text-wrap .form-control { border-radius: 50px 0 0 50px; border: none; } .comming-soon .comming-soon-wrap .comming-soon-text .text-wrap .form-control::-webkit-input-placeholder { color: #585858; font-size: 14px; line-height: 24px; font-weight: 300; font-style: italic; font-family: var(--heading-font); } .comming-soon .comming-soon-wrap .comming-soon-text .text-wrap .form-control:-ms-input-placeholder { color: #585858; font-size: 14px; line-height: 24px; font-weight: 300; font-style: italic; font-family: var(--heading-font); } .comming-soon .comming-soon-wrap .comming-soon-text .text-wrap .form-control::-ms-input-placeholder { color: #585858; font-size: 14px; line-height: 24px; font-weight: 300; font-style: italic; font-family: var(--heading-font); } .comming-soon .comming-soon-wrap .comming-soon-text .text-wrap .form-control::placeholder { color: #585858; font-size: 14px; line-height: 24px; font-weight: 300; font-style: italic; font-family: var(--heading-font); } .comming-soon .comming-soon-wrap .comming-soon-text .text-wrap .input-group-append { margin-left: -20px; } .comming-soon .comming-soon-wrap .comming-soon-text .text-wrap .input-group-append .input-group-text { background-color: var(--main-color-one); border: none; border-radius: 50px; z-index: 3; font-size: 14px; padding: 0 25px; font-family: "Montserrat", sans-serif; font-weight: 500; cursor: pointer; } .comming-soon .comming-soon-wrap .comming-soon-text .text-wrap .input-group-append .input-group-text input[type="submit"] { color: #FFFFFF; } .comming-soon::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.4))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4)); } .progressbar-wrapper { position: relative; z-index: 0; width: 220px; margin: auto; } .progressbar-wrapper .active-controller, .progressbar-wrapper .total-controller { position: absolute; top: -15px; color: var(--main-color-one); font-size: 20px; } .progressbar-wrapper .active-controller { left: -25px; } .progressbar-wrapper .total-controller { right: -15px; } .progressbar-wrapper .progressbar-line-wrap { position: relative; width: 200px; } .progressbar-wrapper .progressbar-line-wrap .full-line { width: 100%; height: 1px; background-color: var(--main-color-one); display: block; } .progressbar-wrapper .progressbar-line-wrap .active-line { width: 50%; height: 3px; background-color: var(--main-color-one); display: block; position: absolute; top: -1px; } .basic-form input[type="text"]:focus { border: none; } .basic-form .form-column-one .form-control { background-color: #E4EAED; } .basic-form .form-column-two .form-control { background-color: #D6D6D6; } .basic-form .form-column-three .form-control { background-color: #D6D6D6; } .same-style .form-control { padding: 10px 30px; border: none; margin: 30px 0 0 0; resize: none; display: block; height: inherit; } .same-style .form-control::-webkit-input-placeholder { color: #838282; font-size: 15px; line-height: 26px; font-family: var(--body-font); font-weight: 500; } .same-style .form-control:-ms-input-placeholder { color: #838282; font-size: 15px; line-height: 26px; font-family: var(--body-font); font-weight: 500; } .same-style .form-control::-ms-input-placeholder { color: #838282; font-size: 15px; line-height: 26px; font-family: var(--body-font); font-weight: 500; } .same-style .form-control::placeholder { color: #838282; font-size: 15px; line-height: 26px; font-family: var(--body-font); font-weight: 500; } .same-style input.form-control { border-radius: 50px; } .same-style textarea.form-control { border-radius: 20px; } /*-------------------------------------- Valid State Input ----------------------------------------*/ .state-input .form-column-one .form-control { border: 1px solid #E4EAED; } .state-input .error-column .form-control { border: 1px solid var(--main-color-one); } .state-input .error-column .error-column-input, .state-input .error-column .errow-column-textarea { position: relative; z-index: 0; } .state-input .error-column .error-column-input:after, .state-input .error-column .errow-column-textarea:after { content: "\f11d"; font-family: Flaticon; position: absolute; right: 10px; z-index: 1; font-size: 18px; color: var(--main-color-one); } .state-input .error-column .error-column-input:after { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .state-input .error-column .errow-column-textarea:after { bottom: 10px; } /*--------------------------------------- ## Button ---------------------------------------*/ .button-section ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .button-section ul li { width: 33.33%; padding: 50px 0; } .main-btn-wrap .main-btn, .main-btn-wrap-2 .main-btn, .main-btn-wrap-inactive .main-btn { font-size: 15px; font-family: var(--body-font); line-height: 30px; border-radius: 40px; font-weight: 400; padding: 15px 20px; display: table; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; text-transform: capitalize; min-width: 230px; text-align: center; } .main-btn-wrap.surgery-btn .main-btn { background: rgba(61, 187, 215, 0.9); -webkit-box-shadow: 0px 6px 20px -8px rgba(61, 187, 215, 0.9); box-shadow: 0px 6px 20px -8px rgba(61, 187, 215, 0.9); } .main-btn-wrap.surgery-btn .main-btn:hover { -webkit-box-shadow: 0px 10px 20px -8px #3DBBD7; box-shadow: 0px 10px 20px -8px #3DBBD7; background: #3DBBD7; } .main-btn-wrap .main-btn { color: #FFFFFF; background: rgba(255, 134, 134, 0.9); -webkit-box-shadow: 0px 6px 20px -8px rgba(255, 134, 134, 0.9); box-shadow: 0px 6px 20px -8px rgba(255, 134, 134, 0.9); } .main-btn-wrap .main-btn:hover { -webkit-box-shadow: 0px 10px 20px -8px #ff8686; box-shadow: 0px 10px 20px -8px #ff8686; background: #FF8686; } .main-btn-wrap-2 .main-btn { color: #FF8686; border: 1px solid #FF8686; } .main-btn-wrap-2.modal-btn a { min-width: inherit; padding: 5px 20px; } .main-btn-wrap-inactive .main-btn { color: #FFFFFF; background: rgba(255, 134, 134, 0.6); -webkit-box-shadow: 0px 6px 20px -8px rgba(255, 134, 134, 0.9); box-shadow: 0px 6px 20px -8px rgba(255, 134, 134, 0.9); } .flat-icon .icon-title .heading-04 { color: #838282; font-size: 21px; line-height: 32px; font-weight: 500; padding: 30px 0; margin: 0; } .flat-icon .icons-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flat-icon .icons-wrap .icon { background-color: #E8E8E8; width: 80px; height: 80px; line-height: 80px; border-radius: 50%; text-align: center; font-size: 50px; margin: 10px 50px; } .icon-alert .alert-box { position: relative; z-index: 0; -webkit-box-shadow: 0 8px 15px #8596A7; box-shadow: 0 8px 15px #8596A7; text-align: center; border-radius: 20px; padding: 20px 75px; max-width: 380px; min-height: 360px; } .icon-alert .alert-box .close-btn { top: 5%; right: 5%; width: 35px; height: 35px; line-height: 35px; } .alert-box .close-btn { position: absolute; z-index: 1; border-radius: 50%; background-color: #FFFFFF; text-align: center; -webkit-box-shadow: 0 0 6px #626262; box-shadow: 0 0 6px #626262; font-size: 30px; cursor: pointer; } .alert-box .alert-content p { color: #8596A7; font-size: 16px; line-height: 28px; font-weight: 500; font-family: var(--body-font); margin: 0; } .alert-box .alert-content .icon { font-size: 90px; } .alert-box.warning .alert-content p { color: var(--main-color-one); } .alert-box.warning .alert-content .icon { color: var(--main-color-one); } /*--------------------------------- Basic Alert SCSS -----------------------------------*/ .basic-alert .alert-box { position: relative; z-index: 0; -webkit-box-shadow: 0 0 10px #E2EEF7; box-shadow: 0 0 10px #E2EEF7; border-radius: 20px; padding: 35px 50px; } .basic-alert .alert-box .close-btn { top: 50%; right: 3%; width: 30px; height: 30px; line-height: 30px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .basic-alert .alert-box.warning { -webkit-box-shadow: 0 0 5px var(--main-color-one); box-shadow: 0 0 5px var(--main-color-one); } .contact-section { background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; height: 100%; } .contact-section .form-area .common-title { padding-bottom: 30px; } .contact-section .form-area .common-title .heading { margin: 0; } .contact-section .form-area .form-top ul { margin-bottom: 25px; padding-left: 0; } .contact-section .form-area .form-top ul li { color: #707070; font-size: 14px; font-family: var(--body-font); font-weight: 500; line-height: 30px; } .contact-section .form-area .form-top ul li span { width: 100px; display: inline-block; color: #585858; } .form-bottom .form-group label { font-size: 14px; font-family: var(--body-font); font-weight: 500; line-height: 30px; color: #585858; } .form-bottom .form-group .form-control { background-color: rgba(133, 150, 167, 0.15); border: none; border-radius: 25px; padding: 10px 20px; resize: none; } .form-bottom .form-group .text-character { font-size: 10px; text-align: right; display: block; margin-top: 5px; } .form-bottom .main-btn-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .form-bottom .main-btn-wrap .main-btn { min-width: 200px; margin-left: 5px; margin-right: 5px; } .form-bottom .main-btn-wrap .main-btn.border { background: transparent; color: #FF8686; border: 1px solid #FF8686 !important; } /*---------------------------------------- Custom Calender ------------------------------------------*/ .calendar { display: block; } .calendar .form-control { font-size: 11px; color: #626262; font-style: italic; padding: 19px 30px !important; } label { display: block; margin-bottom: 0; } input:focus { outline: none; } #ui-datepicker-div { display: none; background-color: #FFFFFF; -webkit-box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1); margin-top: 0.25rem; border-radius: 0.5rem; padding: 0.5rem; } .ui-datepicker-calendar thead th { padding: 0.25rem 0; text-align: center; font-size: 0.75rem; font-weight: 400; color: #626262; } .ui-datepicker-calendar tbody td { width: 2rem; text-align: center; padding: 0; } .ui-datepicker-calendar tbody td a { display: block; border-radius: 0.25rem; line-height: 2rem; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; color: #626262; font-size: 0.875rem; text-decoration: none; } .ui-datepicker-calendar tbody td a:hover { background-color: rgba(255, 134, 134, 0.5); } .ui-datepicker-calendar tbody td a.ui-state-active { background-color: var(--main-color-one); color: #FFFFFF; } .ui-datepicker-header a.ui-corner-all { cursor: pointer; position: absolute; top: 0; width: 2rem; height: 2rem; margin: 0.5rem; border-radius: 0.25rem; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } .ui-datepicker-header a.ui-datepicker-prev { left: 10px; background-repeat: no-repeat; background-size: 0.5rem; background-position: 50%; } .ui-datepicker-header a.ui-datepicker-prev::after { content: "\f108"; font-family: Flaticon; font-size: 10px; } .ui-datepicker-header a.ui-datepicker-next { right: -10px; background-repeat: no-repeat; background-size: 10px; background-position: 50%; } .ui-datepicker-header a.ui-datepicker-next::after { content: "\f109"; font-family: Flaticon; font-size: 10px; } .ui-datepicker-header a > span { display: none; } .ui-datepicker-title { text-align: center; line-height: 2rem; margin-bottom: 0.25rem; font-size: 0.875rem; font-weight: 500; padding-bottom: 0.25rem; } /*-------------------------------- Blog Page 01 Start ----------------------------------*/ .blog-page-content .widget_search .search-form .submit-btn:hover { background-color: rgba(255, 134, 134, 0.9); } .blog-page-content .widget_search .search-form .form-group .form-control { border: none; -webkit-box-shadow: 0px 0px 6px 1px #dcd9d9; box-shadow: 0px 0px 6px 1px #dcd9d9; } .blog-page-content .widgets-area .widget { border-radius: 20px; background-color: #F6F8F9; } .blog-page-content .widgets-area .widget .widget-title { font-size: 20px; } .blog-page-content .widgets-area .widget .widget-title::after { content: ""; width: 50px; height: 2px; background-color: #FF8686; display: block; margin-top: 5px; } .blog-page-content .widgets-area .widget .recent_post_item li.single-recent-post-item .thumb { width: 80px; height: 80px; margin-right: 0; } .blog-page-content .widgets-area .widget .recent_post_item li.single-recent-post-item .thumb img { border-radius: 20%; } .blog-page-content .widgets-area .widget.widget_recent_posts .single-recent-post-item .content .title { line-height: 26px; margin-bottom: 0; font-weight: 500; } .blog-page-content .widgets-area .widget.widget_recent_posts .single-recent-post-item .content .time { padding-bottom: 10px; display: block; } .blog-page-content .widgets-area .widget.widget_category ul { padding-left: 0; } .blog-page-content .widgets-area .widget.widget_category ul a { border: 1px solid rgba(3, 79, 190, 0.1); padding: 10px 15px; display: block; border-radius: 5px; display: block; margin-top: 10px; } .blog-page-content .widgets-area .widget.widget_category ul a .right { float: right; } .blog-page-content .widgets-area .widget.widget_category ul a:hover { background-color: #FFFFFF; border: 1px solid transparent; -webkit-box-shadow: 1px 4px 6px rgba(39, 39, 122, 0.1); box-shadow: 1px 4px 6px rgba(39, 39, 122, 0.1); } .blog-page-content .widgets-area .widget_follow_us ul { padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .blog-page-content .widgets-area .widget_follow_us .social-icon { color: #111112; border: 1px solid #909090; width: 40px; height: 40px; display: -ms-grid; display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 10px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .blog-page-content .widgets-area .widget_follow_us .social-icon:hover { background-color: #FF8686; color: #FFFFFF; border: 1px solid #FF8686; } .blog-page-content .widgets-area .widget_archive .form-control { height: 50px; padding: 10px 20px; border: 1px solid #909090; } .blog-page-content .widgets-area .widget_archive .caret-icon { font-size: 18px; padding-right: 10px; } .blog-page-content .widgets-area .widget_instagram_items { padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog-page-content .widgets-area .widget_instagram_items .instagram-thumb img { width: 90px; height: 90px; border-radius: 20px; padding: 10px; display: block; } .blog-page-content .widgets-area .widget_tags .tagcloud { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog-page-content .widgets-area .widget_tags .tagcloud a { color: #838282; font-size: 14px; line-height: 24px; font-weight: 400; font-family: var(--body-font); border: 1px solid #707070; padding: 10px 20px; display: block; margin: 10px; min-width: 125px; text-align: center; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .blog-page-content .widgets-area .widget_tags .tagcloud a:hover { color: #FFFFFF; background-color: #FF8686; border: 1px solid #FF8686; } .blog-page-content .widgets-area .add-widget img { border-radius: 20px; } .blog-page-content .icon { color: var(--main-color-one); margin-right: 5px; } .blog-post-single-item .thumb { position: relative; padding-bottom: 25px; } .blog-post-single-item .thumb .play-area { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 0; } .blog-post-single-item .thumb img { border-radius: 20px; } .blog-post-single-item .content .post-meta { padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog-post-single-item .content .post-meta li { margin-right: 20px; margin-bottom: 10px; } .blog-post-single-item .content .post-meta li a { color: #111112; font-size: 16px; line-height: 26px; font-family: var(--body-font); font-weight: 400; display: block; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .blog-post-single-item .content .post-meta.two { padding-bottom: 20px; } .blog-post-single-item .content .post-meta.two li a { color: #838282; border: 1px solid #EFEFEF; border-radius: 30px; padding: 8px 16px; } .blog-post-single-item .content .post-meta.two li:hover a { color: #111112; } .blog-post-single-item .content .title { font-size: 26px; line-height: 36px; font-family: var(--heading-font); font-weight: 500; margin: 0; } .blog-post-single-item .content p { margin: 0; } /*-------------------------------- Blog Details Page ----------------------------------*/ .blog-page-content .blog-details-items .content .title { font-size: 30px; line-height: 40px; font-family: var(--heading-font); font-weight: 500; } .blog-page-content .blog-details-items .content .post-meta .list-wrap { padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog-page-content .blog-details-items .content .post-meta .list-wrap a { color: rgba(51, 51, 51, 0.8); font-size: 14px; line-height: 24px; font-family: var(--body-font); font-weight: 400; } .blog-page-content .blog-details-items .content .post-meta .list-wrap li:not(:last-child) a { padding-right: 30px; } .blog-page-content .blog-details-items .thumb img { border-radius: 20px; } .blog-page-content .blog-details-items blockquote { background-color: #F0EFFF; padding: 35px 30px 40px 30px; position: relative; margin: 0; z-index: 0; } .blog-page-content .blog-details-items blockquote p { color: #111112; font-size: 18px; line-height: 28px; font-family: var(--body-font); font-weight: 600; font-style: italic; } .blog-page-content .blog-details-items blockquote .quote-icon { position: absolute; right: 0; bottom: -32px; font-size: 100px; color: rgba(255, 134, 134, 0.2); z-index: -1; } .blog-page-content .blog-details-items blockquote .blockquote-footer { color: #111112; font-size: 20px; line-height: 30px; font-family: var(--heading-font); font-weight: 400; } .blog-page-content .blog-details-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .blog-page-content .blog-details-footer .tag-text { color: #666666; font-size: 22px; line-height: 32px; font-family: var(--body-font); font-weight: 600; margin-bottom: 0; } .blog-page-content .blog-details-footer .list-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog-page-content .blog-details-footer .list-wrap a { color: #CCCCCC; font-size: 14px; line-height: 24px; font-family: var(--body-font); font-weight: 400; border: 1px solid #CCCCCC; border-radius: 30px; display: block; padding: 6px 20px; margin: 0 8px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .blog-page-content .blog-details-footer .list-wrap a:hover { background-color: #FF8686; border: 1px solid #FF8686; color: #FFFFFF; } .blog-page-content .blog-details-footer .share-text { color: #666666; font-size: 22px; line-height: 32px; font-family: var(--body-font); font-weight: 400; margin-bottom: 0; } .blog-page-content .blog-details-footer .social-icon-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-page-content .blog-details-footer .social-icon-wrap .icon { color: #CCCCCC; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .blog-page-content .blog-details-footer .social-icon-wrap .icon:hover { color: #FF8686; } .blog-page-content .blog-details-next-previous { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #FF8686; border-top: 1px solid #FF8686; } .blog-page-content .blog-details-next-previous .previous-btn, .blog-page-content .blog-details-next-previous .next-btn { color: #909090; font-size: 16px; line-height: 26px; font-family: var(--body-font); font-weight: 400; } .blog-page-content .blog-details-next-previous .title { font-size: 20px; line-height: 30px; font-weight: 600; margin: 0; width: 130px; } .blog-page-content .blog-details-next-previous .home-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 5px; } .blog-page-content .blog-details-testimonial_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px; background-color: #F6F8F9; } .blog-page-content .blog-details-testimonial_wrap .thumb { margin-right: 20px; width: 20%; } .blog-page-content .blog-details-testimonial_wrap .thumb img { border-radius: 20px; width: 120px; } .blog-page-content .blog-details-testimonial_wrap .content { width: 80%; } .blog-page-content .blog-details-testimonial_wrap .content .write-by { text-transform: uppercase; color: #666666; font-size: 14px; line-height: 24px; font-family: var(--body-font); font-weight: 300; padding-bottom: 5px; } .blog-page-content .blog-details-testimonial_wrap .content .name { color: #111112; font-size: 16px; line-height: 26px; font-family: var(--body-font); font-weight: 600; margin-bottom: 0; } /*------------------------------- Blog Commetn Section ---------------------------------*/ .comment-area .comments-title { font-size: 20px; line-height: 30px; font-family: var(--body-font); font-weight: 600; margin-bottom: 0; } .comment-area .comment-list { padding-left: 0; } .comment-area .comment-list li ul.children li { margin-left: 50px; } .comment-area .comment-list .single-comment-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0 0 40px 0; } .comment-area .comment-list .single-comment-wrap .thumb { width: 8%; min-width: 80px; } .comment-area .comment-list .single-comment-wrap .content { width: 92%; } .comment-area .comment-list .single-comment-wrap .content .title-area .title { font-size: 16px; line-height: 26px; font-weight: 600; color: #111112; } .comment-area .comment-list .single-comment-wrap .content .title-area .date { font-size: 12px; line-height: 22px; font-weight: 300; color: #585858; } .comment-area .comment-list .single-comment-wrap .content p { font-size: 14px; line-height: 24px; font-weight: 500; color: #838282; margin-bottom: 0; padding-bottom: 23px; } .comment-area .comment-list .single-comment-wrap .content .reply a { color: #909090; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .comment-area .comment-list .single-comment-wrap .content .reply .icon { color: #909090; font-size: 12px; } .comment-area .comment-form-wrap .reply-title { font-size: 20px; line-height: 30px; font-weight: 600; padding-bottom: 13px; } .comment-area .comment-form-wrap .form-area .form-group { margin-bottom: 0; } .comment-area .comment-form-wrap .form-area input[type=text], .comment-area .comment-form-wrap .form-area input[type=email] { height: 50px; } .comment-area .comment-form-wrap .form-area .form-control { border: 1px solid rgba(144, 144, 144, 0.3); background-color: #F6F8F9; border-radius: 20px; margin-bottom: 20px; } .comment-area .comment-form-wrap .form-area .form-control::-webkit-input-placeholder { color: #838282; font-size: 14px; line-height: 24px; } .comment-area .comment-form-wrap .form-area .form-control:-ms-input-placeholder { color: #838282; font-size: 14px; line-height: 24px; } .comment-area .comment-form-wrap .form-area .form-control::-ms-input-placeholder { color: #838282; font-size: 14px; line-height: 24px; } .comment-area .comment-form-wrap .form-area .form-control::placeholder { color: #838282; font-size: 14px; line-height: 24px; } .comment-area .comment-form-wrap .form-area textarea { resize: none; margin-bottom: 20px; } .login-section .login-form-wrap { background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 20px; width: 100%; min-height: 500px; height: 90vh; } .login-section .login-form-wrap .login-form-area { position: relative; width: 50%; background-color: rgba(255, 255, 255, 0.98); height: 100%; z-index: 0; } .login-section .login-form-wrap .login-form-area.login-form-style-02 { float: right; } .login-section .login-form-wrap .login-form-area.login-form-style-02 .login-form p, .login-section .login-form-wrap .login-form-area.login-form-style-02 .login-form label { color: #626262; font-size: 14px; font-weight: 500; margin: 8px 0; } .login-section .login-form-wrap .login-form-area.login-form-style-02 .login-form p a, .login-section .login-form-wrap .login-form-area.login-form-style-02 .login-form label a { color: #FF8686; } .login-section .login-form-wrap .login-form-area .login-form { width: 100%; padding: 0 100px; display: -ms-grid; display: grid; -ms-flex-line-pack: center; align-content: center; height: 100%; z-index: 1; } .login-section .login-form-wrap .login-form-area .login-form .common-title { padding-bottom: 30px; } .login-section .login-form-wrap .login-form-area .login-form .common-title p { color: #626262; font-size: 14px; font-weight: 500; margin: 8px 0; } .login-section .login-form-wrap .login-form-area .login-form .common-title p a { color: var(--main-color-one); } .login-section .login-form-wrap .login-form-area .login-form .form-control { border: none; background: rgba(133, 150, 167, 0.15); border-radius: 25px; margin-bottom: 20px; padding: 10px 20px; } .login-section .login-form-wrap .login-form-area .login-form input::-webkit-input-placeholder { color: #585858; font-size: 12px; line-height: 22px; font-weight: 400; font-family: var(--body-font); font-style: italic; } .login-section .login-form-wrap .login-form-area .login-form input:-ms-input-placeholder { color: #585858; font-size: 12px; line-height: 22px; font-weight: 400; font-family: var(--body-font); font-style: italic; } .login-section .login-form-wrap .login-form-area .login-form input::-ms-input-placeholder { color: #585858; font-size: 12px; line-height: 22px; font-weight: 400; font-family: var(--body-font); font-style: italic; } .login-section .login-form-wrap .login-form-area .login-form input::placeholder { color: #585858; font-size: 12px; line-height: 22px; font-weight: 400; font-family: var(--body-font); font-style: italic; } .login-section .login-form-wrap .login-form-area .login-form .form-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .login-section .login-form-wrap .login-form-area .login-form .form-btn input[type="submit"] { background-color: rgba(255, 134, 134, 0.9); color: #FFFFFF; padding: 10px 60px; border-radius: 50px; -webkit-box-shadow: 0px 6px 20px -8px rgba(255, 134, 134, 0.9); box-shadow: 0px 6px 20px -8px rgba(255, 134, 134, 0.9); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .login-section .login-form-wrap .login-form-area .login-form .form-btn input[type="submit"]:hover { -webkit-box-shadow: 0px 10px 20px -8px #ff8686; box-shadow: 0px 10px 20px -8px #ff8686; background-color: #FF8686; } .login-section .login-form-wrap .login-form-area .login-form .form-btn a { color: #585858; font-size: 14px; line-height: 24px; font-weight: 500; font-family: var(--body-font); border-bottom: 2px solid #FF8686; padding-bottom: 8px; } .login-section .login-form-wrap .login-form-area .login-form .create-new-member { margin-top: 120px; } .login-section .login-form-wrap .login-form-area .login-form .create-new-member .heading { color: #585858; font-size: 30px; line-height: 40px; font-family: var(--body-font); font-weight: 600; } .login-section .login-form-wrap .login-form-area .login-form .create-new-member .create-btn { color: #585858; font-size: 14px; line-height: 24px; font-family: var(--body-font); font-weight: 500; border: 1px solid #FF8686; border-radius: 50px; display: table; margin-top: 20px; } .login-section .login-form-wrap .login-form-area .login-form .create-new-member .create-btn a { padding: 10px 40px; display: block; } /*------------------------ Custom Checkbox --------------------------*/ .checkbox { position: absolute; left: -9999px; } .checkbox + label { position: relative; display: inline-block; padding: 1px 24px; } .checkbox + label:before, .checkbox + label:after { position: absolute; top: 0; content: ''; border-radius: 1px; } .checkbox + label:before { top: 4px; left: 0; height: 15px; width: 15px; border: 1px solid rgba(133, 150, 167, 0.4); border-radius: 4px; } .checkbox + label:after { width: 0; height: 0; } .checkbox:checked + label:before { border-color: #FFFFFF; background-color: var(--main-color-one); } .checkbox:checked + label:after { width: 6px; height: 13px; top: 3px; left: 5px; color: #FFFFFF; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; -webkit-transform: rotate(37deg); -ms-transform: rotate(37deg); transform: rotate(37deg); } .roppup-modal .img-wrapper { border-radius: 20px; overflow: hidden; } .roppup-modal .img-wrapper img { border-radius: 20px !important; } .gallery-filter-images .gallery-grid { margin-bottom: 20px; } .gallery-filter-images .gallery-grid::after { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(98, 98, 98, 0.5))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(98, 98, 98, 0.5)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(98, 98, 98, 0.5)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(98, 98, 98, 0.5)); border-radius: 20px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; visibility: hidden; opacity: 0; } .gallery-filter-images .gallery-grid img { border-radius: 20px; } .gallery-filter-images .gallery-grid .plus-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #FFFFFF; z-index: 2; font-size: 20px; width: 80px; height: 80px; line-height: 80px; text-align: center; border: 2px solid #FFFFFF; border-radius: 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .gallery-filter-images .gallery-grid:hover .plus-icon, .gallery-filter-images .gallery-grid:hover::after, .gallery-filter-images .gallery-grid:hover .gallery-content { visibility: visible !important; opacity: 1 !important; } .gallery-filter-images .gallery-grid .gallery-content { position: absolute; left: 5%; bottom: 5%; z-index: 2; color: #FFFFFF; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .gallery-filter-images .gallery-grid .gallery-content .date { font-size: 12px; line-height: 24px; font-weight: 500; font-family: var(--heading-font); } .gallery-filter-images .gallery-grid .gallery-content .text { font-size: 14px; line-height: 26px; font-weight: 600; font-family: var(--body-font); } .help-section { position: relative; z-index: 0; } .help-section .image-area { width: 100%; height: auto; } .help-section .image-area img { border-radius: 0 20px 20px 0; } .help-section .content-area { padding-left: 10%; position: absolute; z-index: 1; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .help-section .content-area .heading-04 { color: var(--main-color-one); font-size: 20px; line-height: 30px; font-weight: 500; font-family: var(--body-font); } .help-section .content-area .common-title .heading { font-weight: 600; font-family: var(--body-font); } .help-section .content-area .search-btn { position: relative; z-index: 0; } .help-section .content-area .search-btn input::-webkit-input-placeholder { color: #4E4D4D; font-size: 14px; line-height: 24px; font-family: var(--body-font); font-weight: 300; } .help-section .content-area .search-btn input:-ms-input-placeholder { color: #4E4D4D; font-size: 14px; line-height: 24px; font-family: var(--body-font); font-weight: 300; } .help-section .content-area .search-btn input::-ms-input-placeholder { color: #4E4D4D; font-size: 14px; line-height: 24px; font-family: var(--body-font); font-weight: 300; } .help-section .content-area .search-btn input::placeholder { color: #4E4D4D; font-size: 14px; line-height: 24px; font-family: var(--body-font); font-weight: 300; } .help-section .content-area .search-btn .form-control { border: 2px solid var(--main-color-one); border-radius: 40px; padding: 15px 15px 15px 25px; height: 60px; } .help-section .content-area .search-btn .search-icon { position: absolute; top: 50%; right: 4%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: var(--main-color-one); width: 35px; height: 35px; line-height: 35px; border-radius: 50%; text-align: center; color: #FFFFFF; } /*------------------------------------------ Help Page Another Question Section --------------------------------------------*/ .another-question-section .question-form { padding-right: 10%; } .another-question-section .question-form .form-group label { color: rgba(98, 98, 98, 0.8); } .another-question-section .question-img img { border-radius: 20px; } section.membership-filter-section { overflow-x: hidden; } .membership-filter { overflow-x: hidden; width: 100%; } .membership-filter .package-section .check-box-area li { padding: 0 0 20px 0; } .membership-filter .membership-grid { width: 100%; } .membership-filter .membership-grid .membership-image-section { position: relative; z-index: 0; width: 75%; margin: auto; } .membership-filter .membership-grid .membership-image-section img { border-radius: 20px; width: 100%; } .membership-filter .membership-grid .membership-image-section .membership-heading .heading { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; color: #FFFFFF; font-size: 100px; line-height: 50px; font-family: var(--body-font); font-weight: 600; text-transform: capitalize; } .membership-filter .membership-grid .membership-image-section:after { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(133, 150, 167, 0.4); border-radius: 20px; } .membership-filter .quality-section .common-title { padding-bottom: 0px; } .membership-filter .package-section .service-items ul { padding-left: 0; } .membership-filter .package-section .service-items ul li { color: #777474; font-size: 14px; font-family: var(--body-font); line-height: 24px; font-weight: 400; padding-bottom: 5px; } .membership-filter .package-section .service-items ul li::after { content: ""; } .membership-filter .accounting-section .form-bottom .common-title .heading { color: var(--heading-color); font-size: 26px; line-height: 36px; font-weight: 500; font-family: var(--body-font); } .membership-filter .accounting-section .form-bottom .common-title p { color: #777474; font-size: 14px; font-family: var(--body-font); line-height: 24px; font-weight: 400; padding-bottom: 5px; } .membership-filter .accounting-section .form-bottom .common-title a { color: var(--main-color-one); } .membership-filter .accounting-section .form-bottom .form input::-webkit-input-placeholder { color: #585858; font-size: 12px; line-height: 22px; font-family: var(--body-font); font-weight: 500; font-style: italic; } .membership-filter .accounting-section .form-bottom .form input:-ms-input-placeholder { color: #585858; font-size: 12px; line-height: 22px; font-family: var(--body-font); font-weight: 500; font-style: italic; } .membership-filter .accounting-section .form-bottom .form input::-ms-input-placeholder { color: #585858; font-size: 12px; line-height: 22px; font-family: var(--body-font); font-weight: 500; font-style: italic; } .membership-filter .accounting-section .form-bottom .form input::placeholder { color: #585858; font-size: 12px; line-height: 22px; font-family: var(--body-font); font-weight: 500; font-style: italic; } .membership-filter .accounting-section .form-bottom .form .main-btn-wrap .main-btn { width: inherit; margin: 25px 0; -webkit-box-shadow: none; box-shadow: none; } .membership-filter .accounting-section .form-bottom .form .main-btn-wrap .main-btn:hover { -webkit-box-shadow: none; box-shadow: none; } .membership-filter .question-img img { border-radius: 20px; } .common-title-wrap .common-title .heading { color: #707070; font-size: 30px; line-height: 40px; font-weight: 600; font-family: var(--body-font); } .common-title-wrap .common-title p { color: #8596A7; font-size: 15px; line-height: 26px; font-weight: 500; font-family: var(--body-font); margin: 30px 0 0 0; } /* ---------------------- Secondary Font -------------------------*/ .secondary-font .style-left .heading-04 { font-family: var(--heading-font); } .secondary-font .style-left .heading-style .heading-02 { font-family: var(--heading-font); } .secondary-font .style-left .heading-style p { font-family: var(--heading-font); } .secondary-font .style-right .heading-04 { font-family: var(--heading-font); } .secondary-font .style-right .heading-style .medium, .secondary-font .style-right .heading-style .semi-bold, .secondary-font .style-right .heading-style .extra-bold { font-family: var(--heading-font); } .style-left .heading-04 { color: #626262; font-size: 20px; line-height: 30px; font-weight: 500; text-transform: capitalize; } .style-left .heading-style { background-color: #F5F7F8; border-radius: 30px; text-align: center; padding: 20px 40px; } .style-left .heading-style .heading-02 { color: var(--main-color-one); font-size: 90px; line-height: 100px; font-weight: 500; } .style-left .heading-style p { color: #A7A7A7; font-size: 18px; line-height: 28px; font-weight: 400; } .style-right { padding-left: 8%; } .style-right .heading-04 { color: #838282; font-size: 20px; line-height: 40px; font-weight: 500; } .style-right .heading-style { padding-top: 10px; } .style-right .heading-style .regular, .style-right .heading-style .medium, .style-right .heading-style .semi-bold { color: #626262; font-size: 20px; line-height: 40px; } .style-right .heading-style .regular { font-weight: 400; } .style-right .heading-style .medium { font-weight: 500; } .style-right .heading-style .semi-bold { font-weight: 600; } .style-right .heading-style .extra-bold { font-weight: 700; } /*--------------------------------- Heading Font -----------------------------------*/ .heading-font .heading-wrap { padding: 30px 0 0 0; } .heading-font .heading-wrap .title { color: #626262; font-size: 26px; line-height: 36px; padding-left: 60px; margin-bottom: 30px; font-weight: 500; } .heading-font .heading-wrap .title .pixel { color: #838282; padding-left: 10px; } .heading-font .heading-wrap .heading { border: 1px solid #B0C4D9; border-radius: 70px; padding: 30px 60px; } .heading-font .heading-wrap .heading h1, .heading-font .heading-wrap .heading h2, .heading-font .heading-wrap .heading h3, .heading-font .heading-wrap .heading h4, .heading-font .heading-wrap .heading h5, .heading-font .heading-wrap .heading h6 { color: #838282; margin: 0; } .heading-font .heading-wrap .heading h1 { font-size: 46px; line-height: 57px; } .heading-font .heading-wrap .heading h2 { font-size: 40px; line-height: 49px; } .heading-font .heading-wrap .heading h3 { font-size: 34px; line-height: 42px; } .heading-font .heading-wrap .heading h4 { font-size: 28px; line-height: 34px; } .heading-font .heading-wrap .heading h5 { font-size: 24px; line-height: 29px; } .heading-font .heading-wrap .heading h5 { font-size: 20px; line-height: 24px; } /*--------------------------------- Heading Element -----------------------------------*/ .inline-element .inline-element-wrap { padding: 0 0 0 50px; } .inline-element .inline-element-wrap p { color: #A7A7A7; font-size: 16px; line-height: 26px; padding: 20px 0 0 0; margin: 0; } mark { background-color: var(--main-color-one); color: #FFFFFF; border-radius: 4px; } .common-title .center::after { margin: 10px auto; } /*# sourceMappingURL=style.css.map */ .mybg{ background: white; } .mybg .content h4{ margin: 10px; } .mysection{ margin-top: -150px; } @media only screen and (max-width:992px){ .mysection{ margin-top: 0px; } } .blog-post-single-item .check-box-area li{ color: black; font-weight: 500; } /* my css */ .download-pdf { position: relative; } .download-pdf .outer-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /* -webkit-box-align: center; */ /* -ms-flex-align: center; */ /* align-items: center; */ } .download-pdf .left-column { width: 50%; background-color: rgb(27, 108, 189); padding: 50px 115px; background-size: cover; } .download-pdf .left-column .inner-box { max-width: 585px; } .download-pdf .right-column { width: 50%; background-color: rgba(61, 187, 215, 0.9); padding: 50px 115px; background-size: cover; } @media only screen and (max-width:667px){ .download-pdf .left-column { padding: 50px 50px; } .download-pdf .right-column { padding: 50px 50px; } } @media only screen and (max-width:500px){ .download-pdf .left-column { padding: 50px 25px; } .download-pdf .right-column { padding: 50px 25px; } } .download-pdf .right-column .inner-box { max-width: 585px; } .download-pdf .icon-box { position: relative; padding-left: 100px; } .download-pdf .icon-box .icon { position: absolute; left: 0; top: 0; } .download-pdf .icon-box h5 { font-size: 15px; font-weight: 600; color: #fff; margin-bottom: 5px; } .download-pdf .icon-box h4 { font-size: 22px; font-weight: 600; color: #fff; margin-bottom: 10px; } .download-pdf .icon-box a { font-size: 16px; font-weight: 600; color: #fff; font-family: var(--fira-sans); } .elementor-element{ width: 100%; } .elementor-element .elementor-widget-container { -webkit-transition:background .3s,border .3s,border-radius .3s,-webkit-box-shadow .3s; transition:background .3s,border .3s,border-radius .3s,-webkit-box-shadow .3s; -o-transition:background .3s,border .3s,border-radius .3s,box-shadow .3s; transition:background .3s,border .3s,border-radius .3s,box-shadow .3s; transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-box-shadow .3s } .myslider .slick-next:hover, .myslider .slick-prev:hover { background-color: #3EBCD8; } .myslider .slick-next, .myslider .slick-prev { position: absolute; color: black; top: 50%; background-color: #FFFFFF; width: 40px; text-align: center; height: 40px; line-height: 40px; border-radius: 50%; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); cursor: pointer; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; z-index: 99; } .myslider .slick-next:hover, .myslider .slick-prev:hover { color: #FFFFFF; background-color: #3EBCD8; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); } .myslider .slick-next { margin-right: 10px; right: 0px; } .myslider .slick-prev { margin-left: 10px; } .service .service-left.myslider { padding-top: 0px; padding-bottom: 0px; } .pricing-wrap.row a img{ width: 100%; height: 525px; } .service .service-left.myslider img{ border-radius: 10px; } /* */ .mywidget .elementor-element-populated { border-style:solid; border-width:1px 1px 1px 1px; border-color:#EFEFEF; transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin:0px 0px 0px 0px; --e-column-margin-right:0px; --e-column-margin-left:0px; padding:0px 15px 0px 15px; } .mywidget .elementor-widget-container { padding: 10px 0px 10px 0px; background-color: #3DBBD7; } .mywidget .elementor-heading-title { color: #FFFFFF; font-family: "Roboto", Sans-serif; font-size: 20px; font-weight: 600; line-height: 1.3em; } .rooth-canal-price { font-family: var(--body-font); } .rooth-canal-price .price-area{ background: -webkit-gradient(linear, left top, right top, from(rgba(226, 241, 255, 0.4)), to(rgba(225, 244, 255, 0.8))); background: -webkit-linear-gradient(left, rgba(226, 241, 255, 0.4), rgba(225, 244, 255, 0.8)); background: -o-linear-gradient(left, rgba(226, 241, 255, 0.4), rgba(225, 244, 255, 0.8)); background: linear-gradient(to right, rgba(226, 241, 255, 0.4), rgba(225, 244, 255, 0.8)); border-radius: 20px; padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .rooth-canal-price .price-area .left-column .heading-6 { color: #4E4D4D; font-size: 14px; font-weight: 500; line-height: 18px; } .rooth-canal-price .price-area .left-column .price { color: #4E4D4D; font-size: 38px; font-weight: 700; line-height: 50px; padding: 3px 0 12px 0; } .rooth-canal-price .price-area .left-column .common-title { padding-bottom: 0; } .rooth-canal-price .price-area .left-column .common-title .heading { color: #4E4D4D; font-weight: 500; text-transform: inherit; font-size: 30px; } .mycontent ul{ margin-bottom: 25px; padding-left: 0; } .mycontent ul li { color: var(--heading-color); font-size: 20px; font-family: var(--body-font); font-weight: 600; line-height: 40px; } .mycontent ul li span { color: var(--heading-color); } .price-area .widget{ background-color: transparent; } .download-pdf .left-column:hover { -webkit-box-shadow: 0px 10px 20px -8px rgb(27, 108, 189); box-shadow: 0px 10px 20px -8px rgb(27, 108, 189); background: rgb(27, 108, 189); transform: translateY(-5px) translateX(5px); } .download-pdf .right-column:hover { -webkit-box-shadow: 0px 10px 20px -8px #3DBBD7; box-shadow: 0px 10px 20px -8px #3DBBD7; background: #3DBBD7; transform: translateY(-5px) translateX(5px); } .eventslider .slick-next:hover, .eventslider .slick-prev:hover { background-color: #3EBCD8; } .eventslider .slick-next, .eventslider .slick-prev { position: absolute; color: black; top: 50%; background-color: #FFFFFF; width: 40px; text-align: center; height: 40px; line-height: 40px; border-radius: 50%; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); cursor: pointer; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; z-index: 99; } .eventslider .slick-next:hover, .eventslider .slick-prev:hover { color: #FFFFFF; background-color: #3EBCD8; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); } .eventslider .slick-next { margin-right: 10px; right: 0px; } .eventslider .slick-prev { margin-left: -15px; } .service .service-left.eventslider { padding-top: 0px; padding-bottom: 0px; } .pricing-wrap.row a img{ width: 100%; height: 525px; } .service .service-left.eventslider img{ border-radius: 10px; } .eventslider .item img{ height: 100%; } .myinput .overlay-content .Search-section input[type="text"] { padding: 20px; font-size: 14px; width: 100%; background: transparent; border: 2px solid #FF8686; border-radius: 50px; font-family: "Montserrat", sans-serif; font-weight: 300; color: Black; } .myinput .overlay-content .Search-section button[type="submit"] { padding: 15px; background: #FF8686; font-size: 15px; border: none; cursor: pointer; color: #FFFFFF; width: 55px; border-radius: 50%; position: relative; float: right; transform: translateY(-60px) translateX(-10px); } .mypadding{ padding-left: 50px; } @media only screen and (max-width:1700px){ .eventslider .slick-prev { margin-left: 20px; } .mypadding{ padding-left: 0px; } } @media only screen and (max-width:992px){ .download-pdf .left-column { width: 100%; } .download-pdf .right-column { width: 100%; } } @media only screen and (max-width:1100px){ .navbar-area .nav-container .navbar-collapse .navbar-nav li a{ padding: 0 15px 0 0; } } .myarea .time{ padding-bottom: 10px; } .myarea .time span{ font-size: 16px; color: #0073aa; } .myarea .mytext h4{ color: #898a9c; } .myarea .ophtalmologue-content p{ color: #898a9c; } .myarea .details h5{ color: #898a9c; font-size: 16px; } .myarea .details h5 span{ text-decoration: underline; } .breadcrumb-content .main-btn-wrap .main-btn{ min-width: 150px; margin-top: 20px; background: #003367; } .myheader{ position: fixed; top: 0; width: 100%; background: white; z-index: 99; transition: 0.1s ease all; } .navbar-nav .main-btn-wrap .main-btn{ padding: 10px 10px; transform: translateY(-10px); min-width: 160px; } @media only screen and (max-width:1282px) and (min-width:1100px){ .navbar-area .nav-container .navbar-collapse .navbar-nav li a{ padding: 0 15px; } } /* top bar */ .top_bar { width: 100%; z-index: 1; height: 51px; line-height: 51px; position: relative; background-color: #0b5fa5; font-family: var(--body-font); } .top_bar_contact_item { font-size: 13px; height: 51px; line-height: 51px; margin-right: 14px; padding-right: 14px; position: relative; color: rgba(255,255,255,.90); font-family: var(--body-font); } .top_bar .social-icons { display: flex; } ul.social-icons { margin: 0; padding: 0; } .social-icons li { display: inline-block; border: none; z-index: 1; position: relative; } .top_bar ul li.linkedin-icon a { background-color: #50c1db; } .top_bar .social-icons li a { margin: 0; font-size: 12px; min-width: 40px; } .top_bar ul li.linkedin-icon a:hover { background-color: #fff; } .social-icons li a i { color: #fff; } .social-icons li a:hover i { color: #50c1db; } .social-icons li a { display: block; min-width: 26px; text-align: center; } .layer-content { position: relative; z-index: 1; } .top_bar_contact_item:last-child { margin-right: 0; padding-right: 0; font-size: 15px; font-weight: 500; opacity: 1; color: #fff; font-family: 'Roboto', sans-serif; } .top_bar_icon { display: inline-block; vertical-align: middle; margin-right: 8px; } .top_bar_contact_item:last-child i { color: #fff; } .pl-20{ padding-left: 20px; } @media only screen and (max-width:991px) { .navbar-area .nav-container .navbar-collapse .navbar-nav li a{ padding: 0 1.3rem; } } @media only screen and (max-width:1200px) { .myhidden{ display: none; } .top_bar_contact_item.ml-auto{ margin-left: 0px !important; } } @media only screen and (max-width:767px) { .myhidden1{ display: none; } } /* blog css */ .tm-sc-blog { margin-bottom: 30px; } .tm-sc-blog.blog-style2-current-theme .post { border-radius: 5px; background-color: #fff; overflow: hidden; position: relative; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); transition: all 0.4s ease-out; } .tm-sc-blog.blog-style2-current-theme .post .post-thumb { position: relative; } .tm-sc-blog.blog-style2-current-theme .post .post-thumb .post-thumb-inner .thumb { border-radius: 5px 5px 0 0; } .tm-sc-blog article .post-thumb .post-thumb-inner .thumb { display: flex; overflow: hidden; position: relative; } .tm-sc-blog.blog-style2-current-theme .post .post-thumb .post-thumb-inner .thumb img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: all 0.4s ease-out; } .w-100 { width: 100% !important; } .tm-sc-blog.blog-style2-current-theme .post .entry-content { padding: 20px; } .tm-sc-blog.blog-style2-current-theme .post .entry-content .entry-meta span { color: #616870; font-size: 14px; font-weight: 500; } .tm-sc-blog.blog-style2-current-theme .post .entry-content .entry-meta span i { color: var(--theme-color1); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa-folder::before { content: "\f02e"; } .tm-sc-blog.blog-style2-current-theme .post .entry-content .entry-meta span i { color: var(--theme-color1); } .tm-sc-blog.blog-style2-current-theme .post .entry-content .entry-title { font-size: 26px; font-weight: 800; line-height: 36px; margin-top: 0; } .tm-sc-blog article .entry-title { line-height: 1.4; } .text-theme-colored2 { color: #092a49 !important; } .mb-30 { margin-bottom: 30px !important; } .tm-sc-blog.blog-style2-current-theme .post .entry-content .entry-footer { position: relative; } .tm-sc-blog.blog-style2-current-theme .post .entry-date { background-color: #e9eef4; border-radius: 5px; color: #66788a; font-size: 14px; font-family: "Mulish", sans-serif; font-weight: 600; height: 35px; line-height: 2.571; text-align: center; width: 125px; } .tm-sc-blog.blog-style2-current-theme .post .entry-content .entry-footer .read-more { position: absolute; right: 0; top: 5px; } .fa-arrow-right::before { content: "\f061"; } .entry-title a:hover { color: #0b5fa5; } /* team css */ .header-details .footer-row{ border: none; height: auto; } .myshadow{ box-shadow: 0 2px 12px #0000001f; padding: 20px; } .mycenter{ text-align: center; } .mycenter ul li{ display: inline-block !important; margin-right: 50px !important; margin-bottom: 0px !important; } @media only screen and (max-width:992px){ .mycenter ul li{ margin-right: 30px !important; } } @media only screen and (max-width:1200px) and (min-width:992px){ .mycenter ul li{ margin-right: 40px !important; } } @media only screen and (max-width:1240px) and (min-width:1200px) { .myshadow{ padding: 20px 0px; } .mycenter ul li{ margin-right: 35px !important; } } .freelancer-overview { text-align: center; padding: 38px 20px; flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; } .freelancer-overview-inner { flex: 1; } .freelancer-overview .freelancer-avatar { width: 110px; margin: 0 auto; position: relative; } .freelancer-overview .freelancer-avatar img { width: 100%; border-radius: 50%; cursor: pointer; } .freelancer-overview .freelancer-avatar .verified-badge { position: absolute; bottom: 0; right: 0; } @media (max-width: 1366px) { .freelances-grid-layout .freelancer-overview .freelancer-avatar { width: 100px; } } .freelancers-list-layout .freelancer-overview { text-align: left; padding: 45px 40px; flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; } .freelancers-list-layout .freelancer-overview-inner { flex: 1; display: flex; align-items: center; } .freelancers-list-layout .freelancer-details { padding: 45px 40px 45px 0; background-color: transparent; flex: 0 0 360px; } .freelancers-list-layout .freelancer-overview .freelancer-avatar { width: 100px; margin: 0; } .freelancers-list-layout .freelancer-overview .freelancer-name { text-align: left; margin: 0 0 0 30px; } .freelancer-overview-inner { flex: 1; } .freelancer-overview .freelancer-avatar { width: 110px; margin: 0 auto; position: relative; } .freelancer-overview .freelancer-avatar img { width: 100%; border-radius: 50%; cursor: pointer; } .freelancer-overview .freelancer-avatar .verified-badge { position: absolute; bottom: 0; right: 0; } @media (max-width: 1240px) { .freelancers-list-layout .freelancer-overview .freelancer-avatar { width: 90px; } } @media (max-width: 768px) { .freelancers-list-layout .freelancer-overview .freelancer-avatar { width: 80px; } } .bid .freelancer-avatar img { width: 100%; border-radius: 50%; cursor: pointer; } .bid .freelancer-avatar .verified-badge { position: absolute; bottom: 0; right: 0; } .bid .freelancer-avatar { width: 80px; margin: 0 auto; position: relative; margin-right: 30px; } .freelancer-name { margin-top: 19px; } .freelancer-name h4, .freelancer-name h4 a { font-size: 18px; font-weight: 600; color: #333; cursor: pointer; } .freelancer-name img.flag { height: 15px; border-radius: 3px; position: relative; top: -1px; display: inline-block; box-shadow: 0 0 3px rgba(0,0,0,0.2); margin-left: 4px; cursor: default } .freelancer-name span { color: #888; } .freelancers-list-layout .freelancer-overview .freelancer-name { text-align: left; margin: 0 0 0 30px; } .dashboard-box .freelancer-overview .freelancer-name { text-align: left; margin: 0 0 0 30px; width: 100%; } @media (max-width: 768px) { .dashboard-box .freelancer-overview .freelancer-name { margin: 0 0 0 25px; } } .commit-img .freelancer-name h4{ font-size: 20px !important; } .header-details { flex: 1; } .header-details h5 { font-size: 16px; font-weight: 600; color: #333; } .header-details ul { padding: 0; margin: 0; list-style: none; line-height: 24px; margin-bottom: -7px; } .header-details li { display: inline-block; margin-right: 20px; margin-bottom: 12px; } .header-details li:last-child { margin-right: 0; } .header-details li a { color: #666; } .header-details li a:hover { color: #66676B; } .header-details li i { font-size: 20px; position: relative; top: 2px; margin-right: 2px; } .header-details li .verified-badge { transform: scale(0.85); position: relative; top: 2px; } .header-details li .verified-txt { color: #299840; } @media (max-width: 1240px) { .header-details h3 { font-size: 26px; } } @media (max-width: 992px) { .header-details h3 { <<<<<<< HEAD font-size: 24px; } ======= font-size: 24px; } .navbar-nav .main-btn-wrap{ padding: 10px 15px; } .header-details h5 { border-top: 1px solid #E0E0E0; padding-top: 25px; } .header-details h3 { margin-left: 90px; } } @media (max-width: 768px) { .header-details h3 { margin-left: 90px; } } .footer-row { display: inline-block; padding: 0 40px; border-right: 1px solid #484848; border-left: 1px solid #484848; float: left; height: 100%; } .content h3, .mycontent ul li span, .rooth-canal-price .price-area{ -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .rooth-canal-price:hover .price-area{ background-color: var(--heading-color); } .rooth-canal-price:hover .price-area .widget .single-recent-post-item .content h3{ color: #fff; } .rooth-canal-price:hover .price-area .left-column .single-recent-post-item .content h5, .rooth-canal-price:hover .price-area .widget .mycontent ul li span{ color: #fff; }