Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/vssvclinic/css/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
@import "https://fonts.googleapis.com/css2?family=Roboto&display=swap"; @import "https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap"; @import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"; @import "../fonts/material-design-iconic-font.min.css"; header, nav, section, article, aside, footer { display: block } * { margin: 0; padding: 0 } @media(min-width:1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1240px } } body { margin: 0; padding: 0; font-size: 16px; line-height: 1.5; font-family: roboto, sans-serif; overflow-x: hidden; font-weight: 400; background: #fff; color: #7a7a7a } h1, h2, h3, h4, h5, h6 { font-weight: 600; font-family: poppins, sans-serif; margin: 0 0 1rem; color: #204066; line-height: 1.2 } h1 { font-size: 60px } h2 { font-size: 36px } h3 { font-size: 21px } h4 { font-size: 18px } h5 { font-size: 16px } h6 { font-size: 15px } @media(max-width:991px) { h2 { font-size: 28px } } p { margin-bottom: 0 } .default__p p { margin-bottom: 1rem } ul { margin: 0; padding: 0; list-style-type: none } ul li { margin-bottom: 0; line-height: 1.5; color: #7a7a7a; position: relative; display: inline-block; padding: 0 } ol { margin: 0; counter-reset: i; position: relative } ol li { font-size: 16px; margin-bottom: 10px; line-height: 1.5; color: #7a7a7a; padding-left: 0; position: relative } .list-item li { display: list-item!important } a { color: #12b48b; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; text-decoration: none; cursor: pointer } a:hover, a:focus { text-decoration: none; color: #1bbde4; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; outline: none } h3 a, h4 a { color: #204066 } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: #000 } ::-webkit-input-placeholder { color: #7a7a7a; text-transform: capitalize } :-ms-input-placeholder { color: #7a7a7a; text-transform: capitalize } ::-ms-input-placeholder { color: #7a7a7a; text-transform: capitalize } ::placeholder { color: #7a7a7a; text-transform: capitalize } .accordion-button:not(.collapsed) { -webkit-box-shadow: none; box-shadow: none } img { max-width: 100% } .btn { position: relative; background: #61ce70; color: #fff; padding: 18px 24px; border-radius: 5px; -webkit-box-shadow: 0 0 15px 0 #00000021; box-shadow: 0 0 15px 0 #00000021; font-size: 15px; border: none; line-height: 1.4; font-weight: 400; font-family: roboto, sans-serif } .btn:hover { background: #204066; color: #fff } .btn::after { content: "\f301"; font-family: Material-Design-Iconic-Font; position: relative; top: 2px; margin-left: 10px; font-size: 20px; line-height: .5 } .btn.btn-na::after { display: none } .btn-curve { border-radius: 30px; padding: 14px 50px; text-transform: uppercase } .btn-white { background: #fff; color: #204066 } .btn-white-lb { background: #fff; color: #1bbde4 } .btn-blue { background: #204066 } .btn-blue-1 { background: #233653 } a.bl-link { color: #1bbde4; font-size: 12px; text-transform: uppercase } .form-group { width: 100%; display: inline-block } .form-group select { padding: 10px 20px 10px 35px } .search-btn { position: absolute; top: 0; right: 0; bottom: 0; padding: 15px 20px; background: #12b48b; color: #fff!important } .search-btn.sh-hover:hover { background: #204066!important } .nice-select.niceSelect { background: #fbfbfb; border-radius: 5px; font-size: 16px; font-weight: 400; border: 1px solid #eee; padding: 14px 20px; height: 55px } .nice-select.niceSelect.open .list { border-radius: 5px } input[type=text], input[type=email], input[type=number], input[type=search], input[type=password], input[type=tel], input[type=date], input[type=time], textarea, select, .form-select { font-size: 16px; font-weight: 400; background-color: #fbfbfb; border: 1px solid #eee; border-radius: 5px; padding: 10px 20px; color: #7a7a7a; margin-bottom: 0; height: 55px; -webkit-box-shadow: none; box-shadow: none; width: 100% } input[type=text]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=time]:focus, textarea:focus, select:focus, .form-select:focus { outline: none; -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-box-shadow: none; box-shadow: none } input[type=text]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=time]:focus, textarea:focus, select:focus { color: #7a7a7a; background: #fafafa; border-color: #eee } select { padding: 8px 20px; width: 100%; height: inherit } select option { color: #000 } textarea { border-radius: 2.25; resize: vertical; height: 120px } .form-control { border: none; padding: 10px 20px } label { display: inline-block; color: #7a7a7a; margin-bottom: 8px; font-weight: 400; font-size: 15px } .border-none { border: none!important } .before-x::before, .after-x::after { display: none } .bw-2 { border-width: 2px!important } .bw-3 { border-width: 3px!important } .bc-green { border-color: #12b48b!important } .border-light-c { border-color: #f1f1f1!important } .border-light-c1 { border-color: #f5f5f5!important } .border-light-c2 { border-color: #ddd!important } .border-bt-dash { border-bottom: 1px dashed #b3b3b3 } blockquote { font-size: 14px; font-weight: 400; margin-bottom: 15px; border: 0; padding: 45px 65px; line-height: 1.5; color: #fff; margin: 40px 0; text-align: center; position: relative; line-height: 30px; background: #204066 } blockquote::before { content: "\f10d"; font-family: fontawesome; font-size: 3rem; position: relative; display: block; text-align: center; color: #fff; width: 100%; padding-bottom: 15px } blockquote p { margin: 10px 0; font-size: 16px } blockquote button.btn { padding: 6px 25px; text-transform: capitalize; font-size: 14px } @media(max-width:480px) { blockquote { padding: 40px } } table>tbody tr td, table>tbody tr th, table>tfoot tr td, table>tfoot tr th, table>thead tr td, table>thead tr th { padding: 10px; vertical-align: sub!important } table { width: 100% } table thead tr th { border-bottom: none!important } section { padding: 100px 0; position: relative; display: inline-block; width: 100% } .sc-title-two, .sc-title-two-white { position: relative; width: 50%; margin: 0 auto 90px } .sc-title-two h4, .sc-title-two h2, .sc-title-two-white h4, .sc-title-two-white h2 { margin-bottom: 10px } .sc-title-two::after, .sc-title-two-white::after { content: ""; position: absolute; left: 0; right: 0; bottom: -25px; width: 20%; height: 1.5px; background-color: #12b48b; margin: auto } .sc-title-two-white::after { background-color: #fff } .sc-border-left::after { right: inherit; width: 10% } .sc-border-none:after { display: none } .title-bg::before, .title-bg-h4::before, .title-bg-h5::before { content: ""; position: absolute; left: 0; right: 0; top: 0; background: #204066; z-index: -1 } .title-bg::before { height: 36% } .title-bg-h4::before { height: 40% } .title-bg-h5::before { height: 55% } @media(max-width:991px) { .sc-title-two, .sc-title-two-white { width: 100%; text-align: center } .sc-border-left::after { right: 0; width: 10% } .title-bg-h4::before { height: 25% } } .form-btn { background: #707070; padding: 15px 50px; color: #fff; position: relative; text-transform: uppercase; z-index: 1 } .sym-btn { background: #000; padding: 10px 20px; color: #fff } .sym-btn:hover { background: #000; color: #fff } .bx-shadow { -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .13); box-shadow: 0 0 15px 0 rgba(0, 0, 0, .13) } .row.slick-slider { margin: 0 -15px } .slider .slick-prev, .slider .slick-next { background: #fff; border-radius: 50% } .slider .slick-prev::before, .slider .slick-next::before { color: #204066 } .slider .slick-prev:hover, .slider .slick-next:hover { background: #204066 } .slider .slick-prev:hover:before, .slider .slick-next:hover:before { color: #fff } .slider .slick-prev { left: 30px } .slider .slick-next { right: 30px } .sc-bg-right::before, .sc-bg-left::before { content: ""; position: absolute; bottom: 0; width: 70%; height: 100%; background-color: #204066; z-index: -1 } .sc-bg-right.bg-w-50::before, .sc-bg-left.bg-w-50::before { width: 50% } .sc-bg-right::before { right: 0 } .sc-bg-left::before { left: 0 } @media(max-width:991px) { .sc-bg-right::before, .sc-bg-left::before { width: 100%!important } } #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 999999 } #preloader #status { position: fixed; content: ""; display: block; top: 50%; left: 50%; width: 100px; height: 100px; margin: 0 auto; background: url(../images/loader.svg); background-size: cover; background-position: center; opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); visibility: visible; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; z-index: 9999999999 } .sidebar-search .form-outline { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .sidebar-search .form-outline input { border: none } .sidebar-search button.btn { border-radius: 0; border: none; width: 15%; padding: 0 } .sidebar-social a { color: #fff; display: block; width: 40px; height: 40px; line-height: 40px } #back-to-top { position: fixed; z-index: 1000; bottom: 20px; right: 20px; display: none } #back-to-top a { display: block; width: 40px; height: 40px; background: #12b48b; position: relative; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; text-align: center; border-radius: 50px } #back-to-top a:after { position: absolute; content: "\f106"; font-family: "font awesome 5 free"; font-size: 20px; color: #fff; top: 50%; left: 50%; z-index: 1; font-weight: 600; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #204066; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; opacity: .6; z-index: -1 } .overlay.overlay-op1 { opacity: 1 } .overlay-banner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #204066; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; opacity: .8 } .sl-overlay::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #204066; background-repeat: repeat; content: ""; z-index: -1; opacity: .8 } .sl-overlay.darkclr::after { background-color: #181d38 } .shape_big2::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/shape/big_ils_2.png); background-repeat: no-repeat; background-size: contain; content: ""; z-index: -1 } .social-links-a li a { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; background: #fafafa; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #7a7a7a; border-radius: 50px; margin: 0 3px } .social-links-a li a:hover { background: #12b48b; color: #fff } .social-links-a.square-link li a { border-radius: 4px; background: #204066; color: #fff; width: 35px; height: 35px } .social-links-a.square-link li a:hover { background: #fff; color: #204066 } .social-links-nl li a { font-size: 18px; color: #7a7a7a; margin-right: 10px } .ratings li i { font-size: 11px; color: #f0ad4e } .ct-searchForm { display: table; z-index: 9999; text-align: center; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; background-color: rgba(22, 22, 63, .9); opacity: 0; filter: alpha(opacity=0); position: fixed; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0) } .ct-searchForm.is-open { -webkit-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; filter: alpha(opacity=100) } .ct-searchForm .inner { display: table-cell; vertical-align: middle } .ct-searchForm .form-group { position: relative; margin-bottom: 0 } .ct-searchForm .form-control { background-color: transparent; border-radius: 0; background-clip: padding-box; border: 0; border-bottom: 2px solid #fff; height: auto; padding: 15px 35px; text-align: center; color: #fff; font-family: poppins, sans-serif; font-weight: 300; font-size: 36px } .ct-searchForm .form-control::-webkit-input-placeholder { color: #fff; font-family: poppins, sans-serif; font-weight: 300; font-size: 36px } .ct-searchForm .form-control:-moz-placeholder { color: #fff; font-family: poppins, sans-serif; font-weight: 300; font-size: 36px } .ct-searchForm .form-control::-moz-placeholder { color: #fff; font-family: poppins, sans-serif; font-weight: 300; font-size: 36px } .ct-searchForm .form-control:-ms-input-placeholder { color: #fff; font-family: poppins, sans-serif; font-weight: 300; font-size: 36px } .ct-searchForm .form-control:focus { outline: none; -webkit-box-shadow: none; box-shadow: none } .ct-searchForm .ct-searchForm-close { margin-top: 25px; font-size: 25px; color: #fff; display: inline-block } .ct-searchForm .ct-search-btn { position: absolute; top: 50%; right: 0; border: 0; background-color: transparent; color: #fff; font-size: 20px; font-size: 1.5rem; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .ct-searchForm--default .form-group { position: relative; margin-bottom: 0 } .ct-searchForm--default .form-control { background-color: transparent; border-radius: 0; background-clip: padding-box; border: 0; border-bottom: 2px solid #fff; height: auto; padding: 10px 35px 10px 10px; color: #fff; font-family: poppins, sans-serif; font-weight: 300; font-size: 36px; -webkit-box-shadow: none; box-shadow: none } .ct-searchForm--default .form-control::-webkit-input-placeholder { color: #fff; font-family: poppins, sans-serif; font-weight: 300; font-size: 36px } .ct-searchForm--default .form-control:-moz-placeholder { color: #fff; font-family: poppins, sans-serif; font-weight: 300; font-size: 36px } .ct-searchForm--default .form-control::-moz-placeholder { color: #fff; font-family: poppins, sans-serif; font-weight: 300; font-size: 36px } .ct-searchForm--default .form-control:-ms-input-placeholder { color: #fff; font-family: poppins, sans-serif; font-weight: 300; font-size: 36px } .ct-searchForm--default .form-control:focus { outline: none; -webkit-box-shadow: none; box-shadow: none } .ct-searchForm--default .ct-search-btn { position: absolute; top: 50%; right: 0; border: 0; background-color: transparent; color: #e6e6e6; font-size: 20px; font-size: 2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .ct-searchForm--default .ct-search-btn:hover { color: #fff } @media only screen and (min-width:768px) { .ct-searchForm--default .form-control { padding: 15px 75px 15px 35px } .ct-searchForm--default .ct-search-btn { right: 30px } } @-webkit-keyframes pulse-white { 0% { -webkit-transform: scale(.95); transform: scale(.95); -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .7); box-shadow: 0 0 0 0 rgba(255, 255, 255, .7) } 70% { -webkit-transform: scale(1); transform: scale(1); -webkit-box-shadow: 0 0 0 10px transparent; box-shadow: 0 0 0 10px transparent } 100% { -webkit-transform: scale(.95); transform: scale(.95); -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent } } @keyframes pulse-white { 0% { -webkit-transform: scale(.95); transform: scale(.95); -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .7); box-shadow: 0 0 0 0 rgba(255, 255, 255, .7) } 70% { -webkit-transform: scale(1); transform: scale(1); -webkit-box-shadow: 0 0 0 10px transparent; box-shadow: 0 0 0 10px transparent } 100% { -webkit-transform: scale(.95); transform: scale(.95); -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent } } @-webkit-keyframes ripple { from { opacity: 1; -webkit-transform: scale3d(.75, .75, 1); transform: scale3d(.75, .75, 1) } to { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1); transform: scale3d(1.5, 1.5, 1) } } @keyframes ripple { from { opacity: 1; -webkit-transform: scale3d(.75, .75, 1); transform: scale3d(.75, .75, 1) } to { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1); transform: scale3d(1.5, 1.5, 1) } } .fsc-1 { font-size: 4.5rem!important } .fsc-2 { font-size: 4rem!important } .fsc-3 { font-size: 3.5rem!important } .fsc-4 { font-size: 3rem!important } .fsc-5 { font-size: 2.75rem!important } .fsc-s-1 { font-size: 11px!important } .fsc-s-2 { font-size: 12px!important } .fsc-s-3 { font-size: 13px!important } .fsc-s-4 { font-size: 14px!important } .zindex-n1 { z-index: -1!important } .zindex-0 { z-index: 0!important } .zindex-1 { z-index: 1!important } .cl-white { color: #fff!important } .cl-blue { color: #204066!important } .cl-lblue { color: #1bbde4!important } .cl-green { color: #12b48b!important } .cl-lgreen { color: #61ce70!important } .cl-grey { color: #7a7a7a!important } .cl-lgrey { color: #eaeaea!important } .cl-lgrey2 { color: #adadad!important } .bg-dblue { background: #204066!important } .bg-lblue { background: #1bbde4!important } .bg-lblue1 { background: #13ade5!important } .bg-green { background: #12b48b!important } .bg-ftblue0 { background: #194f90!important } .bg-ftblue { background: #0b223d!important } .bg-sfgrey { background: #fafafa!important } .bg-sfgrey-2 { background: #fbfbfb!important } .bg-sfgrey-3 { background: #f1f1f1!important } .bg-lgreen { background: #61ce70!important } .bg-footer-blue { background: #001c38!important } .bg-fb { background: #4267b2!important } .bg-twitter { background: #1da1f2!important } .bg-pin { background: #e60023!important } .bg-youtube { background: red!important } .bg-dribble { background: #ea4c89!important } .bg-linkedin { background: #0077b5!important } .bgc-dblue { background-color: #204066!important } .bgc-sfgrey-3 { background-color: #f1f1f1!important } .mt-1, .my-1 { margin-top: .5rem!important } .mt-2, .my-2 { margin-top: 1rem!important } .mt-3, .my-3 { margin-top: 1.5rem!important } .mt-4, .my-4 { margin-top: 2rem!important } .mt-5, .my-5 { margin-top: 2.5rem!important } .mt-6, .my-6 { margin-top: 3rem!important } .mt-7, .my-7 { margin-top: 3.5rem!important } .mt-8, .my-8 { margin-top: 4rem!important } .mt-9, .my-9 { margin-top: 4.5rem!important } .mt-10, .my-10 { margin-top: 5rem!important } .mt-11, .my-11 { margin-top: 8rem!important } .mt-n1 { margin-top: -1rem!important } .mt-n2 { margin-top: -2rem!important } .mt-n3 { margin-top: -3rem!important } .mt-n4 { margin-top: -4rem!important } .mt-n5 { margin-top: -5rem!important } .mt-n6 { margin-top: -6rem!important } .mt-n7 { margin-top: -7rem!important } .mb-1, .my-1 { margin-bottom: .5rem!important } .mb-2, .my-2 { margin-bottom: 1rem!important } .mb-3, .my-3 { margin-bottom: 1.5rem!important } .mb-4, .my-4 { margin-bottom: 2rem!important } .mb-5, .my-5 { margin-bottom: 2.5rem!important } .mb-6, .my-6 { margin-bottom: 3rem!important } .mb-7, .my-7 { margin-bottom: 3.5rem!important } .mb-8, .my-8 { margin-bottom: 4rem!important } .mb-9, .my-9 { margin-bottom: 4.5rem!important } .mb-10, .my-10 { margin-bottom: 5rem!important } .pt-1, .py-1 { padding-top: .5rem!important } .pt-2, .py-2 { padding-top: 1rem!important } .pt-3, .py-3 { padding-top: 1.5rem!important } .pt-4, .py-4 { padding-top: 2rem!important } .pt-5, .py-5 { padding-top: 2.5rem!important } .pt-6, .py-6 { padding-top: 3rem!important } .pt-7, .my-7 { padding-top: 3.5rem!important } .pt-8, .my-8 { padding-top: 4rem!important } .pt-9, .my-9 { padding-top: 4.5rem!important } .pt-10, .my-10 { padding-top: 5rem!important } .pt-14, .my-14 { padding-top: 7rem!important } .pb-1, .py-1 { padding-bottom: .5rem!important } .pb-2, .py-2 { padding-bottom: 1rem!important } .pb-3, .py-3 { padding-bottom: 1.5rem!important } .pb-4, .py-4 { padding-bottom: 2rem!important } .pb-5, .py-5 { padding-bottom: 2.5rem!important } .pb-6, .py-6 { padding-bottom: 3rem!important } .pb-7, .my-7 { padding-bottom: 3.5rem!important } .pb-8, .my-8 { padding-bottom: 4rem!important } .pb-9, .my-9 { padding-bottom: 4.5rem!important } .pb-10, .my-10 { padding-bottom: 5rem!important } .pb-14, .my-14 { padding-bottom: 7rem!important } .pb-20, .my-20 { padding-bottom: 10rem!important } .pl-0 { padding-left: 0!important } .pl-1 { padding-left: .5rem!important } .pl-2 { padding-left: 1rem!important } .pl-3 { padding-left: 1.5rem!important } .pl-4 { padding-left: 2rem!important } .pl-5 { padding-left: 2.5rem!important } .pr-0 { padding-right: 0!important } .pr-1 { padding-right: .5rem!important } .pr-2 { padding-right: 1rem!important } .pr-3 { padding-right: 1.5rem!important } .pr-4 { padding-right: 2rem!important } .pr-5 { padding-right: 2.5rem!important } @media(min-width:991px) { .p-lg-0 { padding: 0!important } .pr-lg-0 { padding-right: 0!important } .pl-lg-0 { padding-left: 0!important } .pr-lg-5 { padding-right: 2.5rem!important } .w-lg-75 { width: 75%!important } .w-lg-50 { width: 50%!important } .border-lg-0 { border: none!important } } @media(max-width:991px) { .bg-md-white { background: #fff!important } .mb-xs-0 { margin-bottom: 0!important } .mt-xs-3 { margin-top: 1.5rem!important } .mt-xs-4 { margin-top: 2rem!important } .mb-xs-3 { margin-bottom: 1.5rem!important } .mb-xs-4 { margin-bottom: 2rem!important } .flex-mxl-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } .navbar-default { background: #f5f5f5 } .navbar { border-bottom: 0; padding: 0 } .sidebar .navbar-nav { background: 0 0; margin: 0 } .navbar.navbar-default { -webkit-transition: none; transition: none } header #navbar { width: 100%; background: #f49b00 } .navbar-default a.navbar-brand { width: 60% } .navbar-default .navbar-nav li, .navbar-default .navbar-nav li.active { background: #f33807 } .navbar-default .navbar-nav li a, .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li.active a, .navbar-default .navbar-nav li.active a:hover { color: #fff; background: #f33807 } .navbar-nav li>ul>li:last-child>a { border-bottom: 0 } .navbar-nav li>ul>li ul>li:last-child>a { border-bottom: 0 } .social-links ul li { display: inline-block } .social-links ul li a { color: #000; display: inline-block; text-align: center; font-size: 18px } .social-links ul li a:hover { color: #000 } .main_header_area { position: absolute; background: 0 0 } .main_header_area .header_menu { -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .13); box-shadow: 0 0 15px 0 rgba(0, 0, 0, .13) } .main_header_area .header_menu.fixed-top { background: #fff } .main_header_area .topbar-wrap { padding: 10px 0 } .main_header_area .topbar-wrap ul li { color: #fff } .main_header_area .topbar-wrap .t-address li { margin-right: 5px } .main_header_area .topbar-wrap .t-address li i { padding-right: 10px } .main_header_area .topbar-wrap .t-address li::after { content: ""; position: absolute; right: 4px; top: 3px; height: 90%; width: 1px; background: #dddddd2e } .main_header_area .topbar-wrap .t-address li:last-child::after { display: none } .main_header_area .topbar-wrap .t-social li a { color: #fff; padding: 8px } .header_menu .navbar.navbar-default { border-radius: 0; margin-bottom: 0; background: #fff; border: none; width: 100%; padding: 18px 0 } .header_menu .navbar.navbar-default .navbar-collapse { text-align: right; padding: 0 } .header_menu .navbar.navbar-default .nav.navbar-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; text-align: center; background: 0 0; width: 100%; position: relative } .header_menu .navbar.navbar-default .nav.navbar-nav li { display: inline-block; margin-right: 0; padding: 10px; background: 0 0 } .header_menu .navbar.navbar-default .nav.navbar-nav li:last-child { margin: 0 } .header_menu .navbar.navbar-default .nav.navbar-nav li a { background: 0 0; color: #204066; font-size: 16px; font-weight: 600; letter-spacing: .45px; line-height: inherit; -webkit-transition: all 150ms linear; transition: all 150ms linear; border: none; padding: 10px 0; text-transform: capitalize } .header_menu .navbar.navbar-default .nav.navbar-nav li a i { font-size: 12px } .header_menu .navbar.navbar-default .nav.navbar-nav li a i.fa-angle-right { position: absolute; right: 15px; top: 12px } .header_menu .navbar.navbar-default .nav.navbar-nav li a:after { display: none } .header_menu .navbar.navbar-default .nav.navbar-nav li a:hover { color: #06bbcc } .header_menu .navbar.navbar-default .nav.navbar-nav>li>a:hover { border-bottom: 2px solid #12b48b; color: #12b48b } .header_menu .navbar.navbar-default .nav.navbar-nav li:hover a, .header_menu .navbar.navbar-default .nav.navbar-nav li.active a { color: #204066; background: 0 0 } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu { position: relative } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu { border: none; padding: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0; border-color: #eee transparent transparent transparent; position: absolute; right: 24px; top: 45px; z-index: 3; opacity: 0; -webkit-transition: all 400ms linear; transition: all 400ms linear } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li { display: block; float: none; margin-right: 0; padding: 0 } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li a { line-height: 2.7; color: #204066; font-size: 15px; padding: 0 20px; font-weight: 400; letter-spacing: .3px; -webkit-transition: all 150ms linear; transition: all 150ms linear; display: block; text-transform: capitalize } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li a:hover { color: #12b48b } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li:last-child { border-bottom: none } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li ul { overflow: visible } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li:last-child { margin-right: 0 } .header_menu .navbar.navbar-default.navbar-sticky-in .nav.navbar-nav li:hover>a, .header_menu .navbar.navbar-default.navbar-sticky-in .nav.navbar-nav li.active>a { color: #204066 } @media(min-width:992px) { .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu { position: absolute; top: 50px; left: 0; min-width: 220px; background: #fff; -webkit-box-shadow: 0 0 15px #cccccc57; box-shadow: 0 0 15px #cccccc57; text-align: left; opacity: 0; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; visibility: hidden; display: block; border: none; padding: 0; border-radius: 0 } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu .dropdown-menu { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; position: absolute; left: 100%; right: auto; width: auto; top: 0 } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu .dropdown-menu li a { line-height: 2.7; color: #204066; font-size: 16px; padding: 0 20px; letter-spacing: .3px; -webkit-transition: all 150ms linear; transition: all 150ms linear; display: block } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu .dropdown-menu li:hover a { background: #12b48b; color: #fff } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu:hover .dropdown-menu { -webkit-transform: scale(1, 1); transform: scale(1, 1) } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu:hover ul { left: 0; visibility: visible; opacity: 1 } } @media(max-width:991px) { .header-btn { display: none } } @media(max-width:767px) { .navbar-default a.navbar-brand { width: 100%; margin-left: 30px } } header { position: absolute; left: 0; top: 0; width: 100%; z-index: 22 } .logo a { font-size: 28px; color: #fff } .logo a [class^=flaticon-]:before { font-size: 28px; color: #fff } nav.navbar.navbar-default .logo-white { display: block } nav.navbar.navbar-default .logo-black { display: none } nav.navbar.navbar-default.navbar-sticky-in .logo-white { display: none } nav.navbar.navbar-default.navbar-sticky-in .logo-black { display: block } .nav-btn { display: inline-block } .navbar-sticky-in .nir-btn:hover { color: #12b48b } .slicknav_btn { right: 20px!important } .slicknav_btn.slicknav_open:before, .slicknav_btn.slicknav_collapsed:before { font-size: 22px!important; color: #204066!important; position: absolute; right: 22px; top: -10px } .navbar-sticky-in .slicknav_btn.slicknav_open:before, .navbar-sticky-in .slicknav_btn.slicknav_collapsed:before { color: #444!important } .slicknav_nav { top: 118px } @media(max-width:991px) { .social-links { display: none } .main_header_area .navbar>.container { max-width: 100%; padding: 0 } .main_header_area .header_menu.fixed-top { position: relative; background: 0 0; -webkit-box-shadow: none; box-shadow: none } } .breadcrumb-wrap { position: relative; display: block; padding: 80px 0; margin-top: 11.5rem; background-image: url(../images/blog/banner-1-1024x410.jpg); background-repeat: no-repeat; background-size: 100%; background-attachment: fixed; overflow: hidden; z-index: 0 } .breadcrumb-wrap .breadcrumb-inner { position: relative; text-align: center } @media(max-width:991px) { .breadcrumb-wrap { margin-top: 4.8rem; padding: 80px 40px } } .banner { position: relative; margin-top: 135px; overflow: hidden; background-image: -webkit-gradient(linear, left top, right top, from(#e9f3fa), to(#fbfbfb)); background-image: linear-gradient(90deg, #e9f3fa 0%, #fbfbfb 100%); padding: 100px 0 40px } .banner .banner-content { position: relative } .banner .banner-content .banner-image { position: relative; padding: 0 40px } .banner .banner-content .banner-image img { position: relative; -webkit-animation: bgshape 4s infinite; animation: bgshape 4s infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear } .banner .svg-image path { fill: #fff } .banner-main { position: relative; padding-top: 135px; overflow: hidden } .banner-main .h2-slider-list { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 150px 0; overflow: hidden; z-index: 0 } .banner-main .h2-slider-list .slide-contain { position: relative; color: #fff; width: 60%; margin: auto; text-align: center; font-size: 22px; z-index: 1 } @media(max-width:991px) { .banner-main { padding-top: 77px } .banner-main .h2-slider-list .slide-contain { width: 100% } } @media(max-width:480px) { .browse-main .browse-list { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100% } .banner-main .h2-slider-list { text-align: center } .banner-main .h2-slider-list .slide-contain h1 { font-size: 38px } .banner-main .h2-slider-list .slide-contain p { font-size: 18px } .banner-main .h2-slider-list .slide-contain .btn { padding: 21px 21px 19px } .banner h1 { font-size: 38px } } .svg-img-rotate { -webkit-transform: rotate(180deg); transform: rotate(180deg) } @-webkit-keyframes bgshape { 0% { top: 0 } 25% { top: 10px } 50% { top: 30px } 75% { top: 10px } 100% { top: 0 } } @keyframes bgshape { 0% { top: 0 } 25% { top: 10px } 50% { top: 30px } 75% { top: 10px } 100% { top: 0 } } @media(max-width:1200px) { .banner { padding-bottom: 60px } .banner::before { right: -200px; width: 100% } } @media(max-width:991px) { .main_header_area .topbar-wrap { display: none } .banner { margin-top: 77px; overflow: hidden } .banner:after { background-position: center } .banner .banner-ct-wrap { padding: 0 0 30px; text-align: center } } @media(max-width:639px) { .banner .slider .swiper-container-vertical>.swiper-pagination-bullets { display: none } } .about-detail ul { margin: 15px 0 } .about-detail ul li { padding: 10px 0 10px 30px; border-bottom: 1px dashed #eee } .about-detail ul li:last-child { border: none } .about-detail ul li i { position: absolute; left: 0; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px } @media(max-width:480px) { .about-detail .w-50, .pricing-all .w-50 { width: 100%!important } } .book-now { position: relative; z-index: 1 } .w-process .pcs-list { padding: 30px 20px } .w-process .pcs-list i { color: #12b48b; font-size: 3rem; margin-bottom: 16px } .w-process .pcs-list h3, .w-process .pcs-list h4 { margin-bottom: .5rem } .bg-map { background-image: url(../images/shape/testimonial.png); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: 50% 50%; z-index: 0 } .short-info { border-top: 2px dashed #eee } .wprocess-1 { margin-top: -5rem; padding-top: 11rem; z-index: 0 } @media(max-width:991px) { .w-process .pcs-list { margin-bottom: 25px; text-align: center } } .service .service-list { padding: 30px } .service .service-list i { font-size: 3rem; color: #12b48b } @media(max-width:991px) { .service .service-list { margin-bottom: 1.5rem; text-align: center } } .appointment .appoint-wrap .sc-title-two h2, .appointment .appoint-wrap .sc-title-two h4, .appointment .appoint-wrap .sc-title-two h5, .appointment .appoint-wrap .sc-title-two-white h2, .appointment .appoint-wrap .sc-title-two-white h4, .appointment .appoint-wrap .sc-title-two-white h5 { margin-bottom: 20px } .appointment .checkup-img img { border: 4px solid #fff } .appoint-info i { font-size: 3.5rem; color: #fff; border-radius: 50px; width: 95px; height: 95px; background: #12b48b; text-align: center; padding: 15px } @media(max-width:991px) { .appointment .appoint-wrap { margin-bottom: 0; text-align: center } .appoint-form { padding: 1.5rem!important; margin-bottom: 1rem } .appoint-detail { text-align: center } .partners { text-align: center } } .team .team-wrap .team-img::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); opacity: 0; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s } .team .team-wrap .team-img .social-links-a { position: absolute; top: 40%; left: 0; right: 0; opacity: 0; -webkit-transition: all ease-in-out .4s; transition: all ease-in-out .4s } .team .team-wrap:hover .team-img:before { opacity: 1 } .team .team-wrap:hover .social-links-a { top: 50%; opacity: 1 } @media(max-width:991px) { .team .team-wrap { margin-bottom: 30px } } .experience .exp-detail .exp-list-wrap { position: relative } .experience .exp-detail .exp-list-wrap .value-pin span { font-size: 44px; font-weight: 600; font-family: poppins, sans-serif } .experience .exp-detail .exp-list-wrap .value-pin span::after { content: "+"; padding-left: 5px } .experience .exp-detail .exp-list-wrap .value-pin p { font-size: 19px; line-height: 2.5 } .experience .exp-detail .exp-list-wrap::before, .experience .exp-detail .exp-list-wrap::after { content: ""; position: absolute; background: #ffffff8c } .experience .exp-detail .exp-list-wrap::before { left: 0; right: 0; top: 50%; height: 1px } .experience .exp-detail .exp-list-wrap::after { top: 0; bottom: 0; left: 50%; width: 1px } @media(max-width:991px) { .experience .exp-detail { margin-bottom: 30px; text-align: center } } @media(max-width:576px) { .experience .exp-detail .exp-list-wrap::before, .experience .exp-detail .exp-list-wrap::after { display: none } } .testimonials { background: url(../images/shape/testimonial.png) #fff; background-attachment: fixed; background-repeat: no-repeat; background-size: cover } .testimonials .review-wrap { border-bottom: 3px solid #12b48b52 } .call-to.bg-green .btn { font-family: poppins, sans-serif } .blog-main .blog-wrap .article-list .at-thumbnail { position: relative } .blog-main .blog-wrap .article-list .at-thumbnail::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 50px; background: #f0f2f000; background: -webkit-gradient(linear, left bottom, left top, from(#0000008d), to(#f0f2f000)); background: linear-gradient(to top, #0000008d, #f0f2f000); -webkit-transition: all ease-in-out .4s; transition: all ease-in-out .4s } .blog-main .blog-wrap .article-list .at-thumbnail .blog-tag { position: absolute; top: 15px; right: 15px; background-color: #61ce70; color: #fff; padding: .6em 1.2em; font-size: 12px; line-height: 1.4 } .blog-main .blog-wrap .article-list .article-content { position: relative; padding: 60px 30px 30px } .blog-main .blog-wrap .article-list .article-content img { position: absolute; top: -30px; left: 30px; width: 70px; height: 70px; border-radius: 50px } .blog-main .blog-wrap .article-list .article-footer { padding: 15px 30px; border-top: 1px solid #eaeaea; font-size: 12px } .blog-main .blog-wrap .article-list .article-footer ul li:first-child::before { content: "\f111"; font-family: fontawesome; position: absolute; right: 5px; top: 8px; font-size: 3px } .blog-main .blog-wrap .article-list:hover .at-thumbnail::before { opacity: 0 } @media(max-width:991px) { .call-to { text-align: center } .call-to .call-contact { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .call-to .call-to-mid { margin: 25px 0 } .blog-main .blog-wrap .article-list .article-content { padding: 60px 15px 30px } } @media(max-width:576px) { .article-list { margin-bottom: 1.5rem } .call-to .call-contact { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px } .call-to .call-contact .pl-3 { padding-left: 0!important } .call-to .text-center .btn-white-lb { margin-top: 20px } } .footer .footer-wrap { position: relative; padding: 100px 0 } .footer .footer-wrap .f-maincontent { padding: 30px 15px } .footer .footer-wrap .ft-lists ul li a { color: #fff; line-height: 2.3 } .footer .footer-wrap .ft-lists .form-group input { height: 50px } .footer .footer-wrap .ft-lists .btn:hover { background: #12b48b } .footer .copyright-main { border-top: 1px solid rgba(255, 255, 255, .19) } @media(max-width:991px) { .footer .ft-lists { margin-bottom: 1.5rem } } @media(max-width:576px) { .footer .footer-wrap .f-maincontent { margin-bottom: 1.5rem; text-align: center } .footer .ft-lists { text-align: center } .copyright-text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; gap: 15px } } .case-table .case-t-wrap { padding: 50px 30px } .case-table .case-t-wrap:hover .case-c1 { background: #12b48b; color: #fff } .case-table .case-t-wrap:hover .case-c2 { background: #1bbde4; color: #fff } .case-table .case-t-wrap:hover .case-c3 { background: #204066; color: #fff } .emergency-call { position: relative; background-image: url(../images/inner/medical-nurse-worker-examining-a-medical-report-2021-04-03-23-54-24-utc.jpg); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; z-index: 0 } .emergency-call::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #204066; opacity: .9; z-index: -1 } .emergency-call .sc-title-two-white::after { width: 10%; bottom: -30px; height: 2px } .service-ss .service-aa { border-bottom: 2px solid #12b48b } .service-ss .service-aa i { font-size: 3rem } .team .team-wrap .team-name-ab { position: absolute; left: 0; right: 0; bottom: -50px; background: #fff; margin: 0 20px; border-radius: 3px; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s } .team .team-wrap:hover .team-name-ab { bottom: -25px } .pricing-all .price-list-wrap .price-top i { font-size: 3rem } .pricing-all .price-list-wrap .price-mid p { font-size: 3rem; color: #233653; font-weight: 700 } .pricing-all .price-list-wrap .price-mid p i { position: absolute; top: 10px; left: -20px } .pricing-all .price-list-wrap .price-mid ul li { line-height: 2.5; display: list-item } .pricing-all .price-list-wrap .price-mid ul li i { color: #979797; font-size: 10px; padding-right: 10px } .pricing-all .price-list-wrap:hover p, .pricing-all .price-list-wrap:hover h2 { color: #12b48b; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s } .pricing-all .price-list-wrap:hover .btn { background: #61ce70 } @media(max-width:480px) { .pricing-all .row.pt-4 { padding-left: 0!important; padding-right: 0!important } .sc-title-two h2.fsc-5 { font-size: 32px!important } } @media(max-width:991px) { .about-img-2 { margin-bottom: 1.5rem } .service-ss .service-aa { margin-bottom: 1.5rem } } .home-3 .banner { min-height: 40rem } .home-3 .team { padding: 100px 0 70px } .testimonials .review-wrap { padding: 50px 25px } .banner .banner-image-3 { position: relative } .banner .banner-image-3 img { position: absolute; left: 0; bottom: -5rem } .aboutus-3 { z-index: 1 } .aboutus-3 .about-img a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100px; width: 100px; font-size: 2rem; line-height: 3.2; -webkit-animation: pulse-white 2s infinite; animation: pulse-white 2s infinite } .exp-title-3::before { height: 43% } .solution { position: relative; background-image: url(../images/shape/testimonial.png); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; z-index: 0 } .solution .solutin-list i { font-size: 3rem; background-color: #61ce70; height: 100px; width: 100px; border-radius: 50%; line-height: 2 } @media(max-width:991px) { .banner .banner-image-3 img { position: relative } .aboutus-3 .about-img, .check-up { margin-bottom: 1.5rem } .price-list-wrap { margin-top: 0!important } } @media(max-width:480px) { .review-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .review-wrap .review-user { margin-bottom: 1.5rem; width: 100%!important } .review-wrap .review-user img { width: 50%!important; margin: 0 auto } .review-wrap .review-detail { text-align: center } } @-webkit-keyframes kbrns_zoomOutIn { 0% { -webkit-transform: scale(1.3) } 100% { -webkit-transform: scale(1) } } @keyframes kbrns_zoomOutIn { 0% { -webkit-transform: scale(1.3); transform: scale(1.3) } 100% { -webkit-transform: scale(1); transform: scale(1) } } .banner-slider .main-slide-image { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center; -webkit-transform-origin: 0; transform-origin: 0; -webkit-animation: kbrns_zoomOutIn 35s linear 0s infinite alternate; animation: kbrns_zoomOutIn 35s linear 0s infinite alternate } .how-it-works { background-image: url(../images/shape/hero-shapes.png); background-repeat: no-repeat; background-attachment: initial; background-size: contain; background-position: 100% 50%; z-index: 0 } @media(max-width:991px) { .how-it-works { background-position: 100% 100% } } .sv-detail-content .accordion .accordion-header .accordion-button { color: #12b48b; background: #fff } .sv-detail-content .accordion .accordion-header .accordion-button.collapsed { color: #204066 } .sv-detail-content .accordion .accordion-header .accordion-button:focus { border-color: transparent; -webkit-box-shadow: none; box-shadow: none } .sv-detail-content .accordion .accordion-collapse { border-top: 1px solid #f1f1f1 } @media(max-width:480px) { .sercvice-detail .row { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .sercvice-detail .row .col-md-8 { margin-bottom: 2rem } .sercvice-detail .sv-detail-img { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .sercvice-detail .sv-detail-img img { width: 100%!important } } .doc-profile .doctor-img img, .doc-profile .doctor-img h3 { margin-bottom: 15px } .doc-profile .doctor-details { min-height: 38.8rem } .doc-profile .doctor-details .doc-detail-top h3, .doc-profile .doctor-details .doc-detail-top h6, .doc-profile .doctor-details .doc-detail-top ul { margin-bottom: 10px } .doc-profile .doctor-details .doc-detail-mid i { font-size: 14px; color: #12b48b; padding-right: 5px } .doc-detail-desc .doc-desc-wrap, .doc-detail-desc .appoint-form { padding: 30px } .progress-wrap .progress { height: .6rem; margin-bottom: 1.5rem; border-radius: 0 } .progress-wrap .progress .progress-bar { position: relative; text-align: right; padding-right: 15px; background-color: #12b48b } @media(max-width:991px) { .doctor-details .doc-detail-top { text-align: center } } @media(max-width:480px) { .doc-detail-mid .d-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .doc-detail-mid .d-flex .w-25, .doc-detail-mid .d-flex .w-75 { width: 100%!important } } .table-wrap .table tr th, .table-wrap .table tr td { padding: 1.2rem; color: #7a7a7a } .table-wrap tbody>tr:nth-of-type(even) { background: #fbfbfb; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1 } .search-list { margin-top: 8.5rem } .search-list-wp p { font-size: 14px } .search-list-wp ul { padding: 10px 25px } .search-list-wp ul li { font-size: 13px; color: #adadad } .search-list-sh .search-again { padding: 80px 0 } .faq-pg .appoint-info h2, .faq-pg .appoint-info h3 { margin-bottom: 5px } .faq-pg .appoint-info::after { bottom: -15px } .faq-pg .check-img-3 img { bottom: 0 } .error-mg { margin-top: 8.5rem; background-image: url(../images/shape/testimonial.png); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: 100% 50%; z-index: 0 } @media(max-width:991px) { .search-list, .error-mg { margin-top: 4.8rem } } @media(max-width:480px) { .error-mg .search-again { padding-left: 0!important; padding-right: 0!important } } .comming-soon { position: relative; padding: 120px 0; background-image: url(../images/lightbox/female-medical-worker-2021-04-03-03-56-15-utc.jpg); background-repeat: no-repeat; background-size: cover; z-index: 0 } .comming-soon .comming__soon_text { height: 100vh; z-index: 1 } .comming-soon .comming__soon_text img { width: 25% } .comming-soon .comming__soon_text p { font-size: 21px; line-height: 1; font-weight: 600 } .comming-soon .comming__soon_text #countdown { color: #61ce70; font-size: 6rem } .comming-soon .comming__soon_text #countdown span { color: #fff; font-weight: 600; font-size: 18px; margin-right: 20px } @media(max-width:991px) { .comming-soon .comming__soon_text .row { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .comming-soon .comming__soon_text #countdown { font-size: 5rem } .comming-soon .comming__soon_text img { width: 55% } } @media(max-width:767px) { .comming-soon .comming__soon_text p { font-size: 14px } .comming-soon .comming__soon_text #countdown { font-size: 3rem } } .blog__details { top: -50px } .blog__details .bg__author { position: relative; top: -2rem } .blog__details .bg__author img { width: 80px; height: 80px; border-radius: 50%; margin-right: 20px } .bg__contents .author__datetime { padding: 15px 0; border-bottom: 1px dashed #f1f1f1; margin-bottom: 15px } .bg__contents .author__datetime li { padding-right: 15px } .bg__contents .author__datetime li i { color: #12b48b } .bg__contents .bg__only_detail { line-height: 1.9em } .bg__contents .bg__only_detail .accordion .accordion-item { border: 1px solid #f1f1f1 } .bg__contents .bg__only_detail .accordion .accordion-item .accordion-body { border-top: 1px solid #f1f1f1 } .bg__contents .bg__only_detail .accordion .accordion-item .accordion-body ol li a { color: #7a7a7a } .bg__contents .bg__only_detail .accordion .accordion-item .accordion-body ol li a:hover { color: #61ce70 } .bg__contents .bg__only_detail .accordion .accordion-item .accordion-body ol li ol { padding-left: 15px; padding-top: 10px } .bg__contents .blg__ct_form form input, .bg__contents .blg__ct_form form textarea { border: 1px solid #333; border-radius: 4px } .prev-next-page { background: #fff; padding: 15px; gap: 10px; border: 1px solid #f1f1f1 } .prev-next-page .prev-navlink-page, .prev-next-page .next-navlink-page { position: relative } .prev-next-page .prev-navlink-page i, .prev-next-page .next-navlink-page i { position: absolute; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 2rem; color: #12b48b } .prev-next-page .prev-navlink-page .prevnext__nav p, .prev-next-page .next-navlink-page .prevnext__nav p { font-size: 12px } .prev-next-page .prev-navlink-page .prevnext__nav p, .prev-next-page .prev-navlink-page .prevnext__nav h5, .prev-next-page .next-navlink-page .prevnext__nav p, .prev-next-page .next-navlink-page .prevnext__nav h5 { margin-bottom: 0 } .prev-next-page .prev-navlink-page { padding-left: 45px } .prev-next-page .prev-navlink-page i { left: 0 } .prev-next-page .next-navlink-page { padding-right: 45px; text-align: right } .prev-next-page .next-navlink-page i { right: 0 } @media(max-width:480px) { .blg-user.w-25 { width: 100%!important } } @media(max-width:991px) { .map-wrap { margin-bottom: 1.5rem } .map-wrap iframe { width: 100% } } img.logo { height: 110px; } p.cl-grey { text-align: justify; } h5.trust { font-weight: bolder; font-size: 25px; } .ll-about-content { margin: 0; text-align: justify; }