@keyframes moveRightUp {
0% {
transform: translate(0, 0);
}
50% {
transform: translate(10px, -10px);
}
100% {
transform: translate(0, 0);
}
} @keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale(0.9); }
100% {
opacity: 1;
transform: scale(1); }
}
#home-banner {
position: relative;
background-repeat: no-repeat;
}
#home-banner .banner-bg-img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
pointer-events: none;
}
#home-banner .doctor-image-contaner{
padding-right: 5%;
padding-left: 9%;
}
#home-banner .banner-content{
padding:43px 0px 0 0;
position:relative;
z-index:2;
}
#home-banner .banner-content .doctor-image-contaner img {
width: 100%;
padding-right: 2px;
}
#home-banner .banner-content .banner-text-col {
padding-right: 1%;
margin-top: 47px;
}
#home-banner .banner-content .banner-text-col .banner-title {
font-size: 50px;
font-weight: 100;
color: #fff;
margin-bottom: 15px;
font-family: 'custom-font', sans-serif;
}
#home-banner .banner-content .banner-text-col .banner-sub-title{
font-size: 26px;
font-weight: bold;
color: #1E2833;
margin-bottom: 15px;
}
#home-banner .banner-content .banner-text-col p {
font-size: 18px;
font-weight: 400;
color: #fff;
margin-top: 15px;
padding-left: 10px;
}
#home-banner .banner-content .banner-text-col p::before {
content: '';
width: 1px;
height: 60px;
background-color: #fff;
position: absolute;
left: 8px;
}
#home-banner .banner-content .banner-form-col{
padding-right: 6%;
padding-left: 7.5%;
}
#home-banner .banner-content .banner-form-col .form-area {
background-color: #ffffff33;
border: 1px solid #ffffff8c;
padding: 38px 35px;
border-radius: 16.5px;
margin-top: 40px;
}
#home-banner .banner-content .banner-form-col .form-area .form-title {
color: #fff;
font-size: 27px;
font-weight: bold;
text-align: center;
position: relative;
}
#home-banner .banner-content .banner-form-col .form-area .form-title::after {
content: '';
width: 100%;
height: 2p;
height: 2px;
background-color: #ffffff52;
position: absolute;
bottom: -20px;
left: 0;
}
#home-banner .banner-content .banner-form-col .form-area #webform4286460000895918006 {
margin-top: 35px;
}
#home-banner .banner-content .banner-form-col .form-area #webform4286460000895918006 .zcwf_row {
margin-bottom: 16px;
}
#home-banner .banner-content .banner-form-col .form-area #webform4286460000895918006 .zcwf_row label {
display: none;
color: #fff;
font-size: 22px;
font-weight: 500;
margin-bottom: 5px;
}
#home-banner .banner-content .banner-form-col .form-area #webform4286460000895918006 .zcwf_row .zcwf_col_fld input {
width: 100%;
padding: 8px 30px;
border-radius: 20px;
}
#home-banner .banner-content .banner-form-col .form-area #webform4286460000895918006 .zcwf_row .zcwf_col_fld  input::placeholder {
color: #0C1F30;
font-size: 18px;
font-weight: 400;
}
#home-banner .banner-content .banner-form-col .form-area #webform4286460000895918006 .zcwf_row #recapErr4286460000639504789 {
display: none;
}
#home-banner .banner-content .banner-form-col .form-area #webform4286460000895918006 .zcwf_row .zcwf_col_fld  #phoneNumber {
padding: 8px 50px;
}
#home-banner .banner-content .banner-form-col .form-area #webform4286460000895918006 .zcwf_row textarea {
width: 100%;
height: 78px;
padding: 8px 24px;
border-radius: 11px;
resize: none;
border: none;
outline: none;
color: #0C1F30;
font-size: 18px;
font-weight: 400;
}
#home-banner .banner-content .banner-form-col .form-area #webform4286460000895918006 .zcwf_row .submit-btn-container {
display: flex;
gap: 15px;
}
#home-banner .banner-content .banner-form-col .form-area #webform4286460000895918006 .zcwf_row .contact-form-button {
color: #fff;
background-color: #FB7B3D;
padding: 8px 15px;
border: 2px solid #fff;
border-radius: 20px;
font-weight: 600;
font-size: 18px;
text-transform: uppercase;
margin-top: 18px;
}
#home-banner .banner-content .banner-form-col .form-area #webform4286460000895918006 .zcwf_row .contact-form-reset-button {
color: #fff;
background-color: #b60000;
padding: 8px 15px;
border: 2px solid #fff;
border-radius: 20px;
font-weight: 600;
font-size: 18px;
text-transform: uppercase;
margin-top: 18px;
}
#home-banner .banner-content .banner-form-col .form-area #webform4286460000895918006 .zcwf_row .contact-form-button:hover {
background-color: #141b2e;
transition: all 0.3s ease-in;
}
#send-response-success, #send-response-unsuccessful{
display: none;
} #home-doctor-about-top{
background-color: #131B2E;
padding: 84px 0;
}
#home-doctor-about-top .about-box-icon-col .about-col {
padding: 0 10px;
}
#home-doctor-about-top .about-box-icon-col .about-col .about-box {
border: 2px solid #fff;
border-radius: 13px;
padding: 25px 10px 25px 10px;
height: 100%;
}
#home-doctor-about-top .about-box-icon-col .about-box .about-box-icon {
width: 90px;
height: 90px;
}
#home-doctor-about-top .about-box-icon-col .about-box .about-box-textarea {
text-align: center;
margin-top: 15px;
color: #fff;
font-size: 24px;
font-weight: 700;
}
#home-doctor-about-top .about-box-right-text {
color: #fff;
font-size: 28px;
font-weight: 600;
} #home-about {
padding: 85px 0;
}
#home-about .about-left-col {
padding-right: 41px;
}
#home-about .about-sub-title {
color: #343B4B;
font-size: 29px;
font-weight: 600;
margin-bottom: 10px;
}
#home-about .about-title {
color: #131B2E;
font-size: 32px;
font-weight: 700;
}
#home-about .about-text{
margin-top: 35px;
}
#home-about .about-text p {
color: #131B2E;
font-size: 18px;
}
#home-about .about-text blockquote {
padding-left: 29px;
border-left: 1px solid #000;
margin-top: 20px;
}
#home-about .about-text blockquote p {
padding: 5px 0;
}
#home-about .about-left-icon-container {
margin-top: 30px;
}
#home-about .about-left-icon-container .about-left-icon {
gap: 15px;
margin-bottom: 15px;
}
#home-about .about-left-icon-container .about-left-icon  .about-icon {
background-color: #141b2e;
border-radius: 50%;
padding: 12px;
}
#home-about .about-left-icon-container .about-left-icon .about-left-title {
color: #131B2E;
font-weight: 600;
font-style: italic;
font-size: 18px;
}
#home-about .about-left-icon-container .about-left-icon .about-left-desc {
font-size: 18px;
font-weight: 400;
}
#home-about .about-btn-container {
gap: 11px;
margin-top: 25px;
}
#home-about .about-btn-container .about-btn {
width: 45%;
display: block;
background-color: #131B2E;
border: 2px solid #fff;
border-radius: 8px;
text-align: center;
color: #fff;
font-size: 17px;
font-weight: 400;
padding: 5px;
}
#home-about .about-btn-container .about-btn2 {
width: 45%;
display: block;
border: 2px solid #fff;
border-radius: 6px;
text-align: center;
color: #fff;
background: #FB7B3D;
padding: 5px;
font-size: 17px;
}
#home-about .about-btn-container .about-btn:hover{
transform: scale(1.1);
transition:all 0.3s ease-in;
}
#home-about .about-btn-container .about-btn2:hover{
transform: scale(1.1);
transition:all 0.3s ease-in;
}
#home-about .about-left-icon-container .about-left-icon .about-icon img{
width: 34px;
height: 34px;
}
#home-about .about-slider-area {
padding-left: 36px;
}
#home-about .owl-dots{
margin-top: 15px;
}
#home-about .owl-dots .owl-dot span {
width: 12px;
height: 12px;
background: #050B1C;
margin: 7px 4px;
}
#home-about .owl-dots .owl-dot.active span {
width: 37px;
background: #FB7B3D;
border-radius: 5px;
}
#home-about .before-after-slider-area a img{
border-radius: 25px;
}
#home-about .about-slider-area .owl-item img {
border-radius: 30px;
}
#home-patients {
background-color: #F3F3F3;
padding: 50px 0 78px;
}
#home-patients .patients-title {
font-size: 32px;
font-weight: bold;
color: #131B2E;
text-align: center;
}
#home-patients .patients-left-col,
#home-patients .patients-right-col {
padding: 0 16px;
}
#home-patients .patients-left-col .patients-small-box,
#home-patients .patients-right-col .patients-small-box {
position: relative;
height: 100%;
overflow: hidden;
cursor: pointer;
}
#home-patients .patients-left-col .patients-small-box img,
#home-patients .patients-right-col .patients-small-box img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 15px;
filter: brightness(0.7);
} #home-patients .patients-left-col .patients-small-box .patients-smallbox-textarea,
#home-patients .patients-right-col .patients-small-box .patients-smallbox-textarea {
position: absolute;
left: 30%;
top: 50%;
transform: translateY(-50%) rotate(180deg);
padding: 0 5px;
color: #fff;
writing-mode: vertical-lr;
text-align: center;
height: 100%;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
#home-patients .patients-left-col .patients-small-box .patients-name,
#home-patients .patients-right-col .patients-small-box .patients-name {
font-size: 22px;
letter-spacing: 6.5px;
font-weight: 600;
text-transform: uppercase;
}
#home-patients .patients-center-box {
position: relative;
overflow: hidden;
}
#home-patients .patients-center-box .patients-center-image {
border-radius: 25px;
transition: transform 0.3s ease-in-out, border-radius 0.3s ease-in-out;
height: 500px;
}
#home-patients .patients-center-box .patients-center-image:hover {
transform: scale(1.1);
border-radius: 30px;
}
#home-patients .patients-center-box .patients-center-box-textarea {
position: absolute;
bottom: 20px;
left: 20px;
}
#home-patients .patients-center-box .patients-center-box-textarea .patients-center-name {
color: #fff;
font-size: 20px;
font-weight: bold;
}
#home-patients .patients-center-box .patients-center-box-textarea .patients-graft-count {
color: #fff;
font-size: 18px;
} #home-patients .patients-center-box .play-button {
width: 63px !important;
height: 63px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50px);
} #home-patients .patients-left-col:nth-child(1) {
height: 341px;
}
#home-patients .patients-left-col:nth-child(2) {
height: 392px;
}
#home-patients .patients-left-col:nth-child(3) {
height: 440px;
}
#home-patients .patients-right-col:nth-child(1) {
height: 440px; }
#home-patients .patients-right-col:nth-child(2) {
height: 392px; }
#home-patients .patients-right-col:nth-child(3) {
height: 341px; }
@media (max-width: 991px) {
#home-patients .patients-left-col,
#home-patients .patients-right-col {
display: none;
}
.col-md-6 {
width: 100%;
}
#home-patients .patients-center-box img {
width: 100%;
}
}
@media (min-width: 992px) {
#home-patients .patients-left-col,
#home-patients .patients-right-col {
display: block;
}
.col-lg-6 {
width: 50%;
}
.col-lg-3 {
width: 25%;
}
} #home-before-after{
background-color: #131B2E;
padding: 80px 0 35px;
}
#home-before-after .before-after-col{
padding: 0 47px;
}
#home-before-after .before-after-col .before-after-title{
color: #F3F3F3;
font-size: 32px;
text-align: center;
font-weight: bold;
}
#home-before-after .before-after-col .before-after-desc{
color: #F3F3F3;
font-size: 18px;
text-align: center;
margin-top: 25px;
}
.before-after-gallery-row{
margin-top: 50px;
}
#home-before-after .before-after-gallery-row .ba-img{
border-radius: 25px;
padding: 5px;
}
#home-before-after .before-after-gallery-row .owl-dots{
margin-top: 50px;
}
#home-before-after .before-after-gallery-row .owl-dots .owl-dot span {
width: 12px;
height: 12px;
background: #fff;
margin: 7px 4px;
}
#home-before-after .before-after-gallery-row .owl-dots .owl-dot.active span {
width: 37px;
background: #FB7B3D;
border-radius: 5px;
} #home-testimonial-area{
padding: 62px 0 31px;
}
#home-testimonial-area .testimonial-home-title {
color: #131B2E;
text-align: center;
font-size: 32px;
font-weight: bold;
}
#home-testimonial-area .testimonial-tab-container {
background-color: #131b2e;
padding: 15px 0;
margin-top: 50px;
border-radius: 13px;
}
#home-testimonial-area .testimonial-tab-container .testimonial-all-reviews {
color: #fff;
text-align: center;
font-size: 18px;
font-weight: 600;
}
#home-testimonial-area .testimonial-tab-container .testimonial-all-reviews-count {
color: #ffffff2b;
text-align: center;
font-size: 18px;
font-weight: 600;
}
.testimonial-tab-nav {
gap: 20px;
color: #fff;
font-size: 20px;
font-style: italic;
font-weight: 700;
cursor: pointer;
}
.testimonial-carousel-row{
margin-top: 75px;
}
.testimonial-tab-content {
height: 0;
opacity: 0;
overflow: hidden;
transform: translateY(-20px);
transition: all 0.4s ease-in-out;
}
.testimonial-active {
opacity: 1;
height: auto;
transform: translateY(0);
display: block;
animation: fadeInUp 0.5s ease-in-out;
}
.testimonial-box {
background-color: #F3F3F3;
border-radius: 28px;
padding: 21px 48px 24px 24px;
}
.testimonial-bottom-avatar{
width: 50px!important;
height: 50px!important;
}
.testimonial-avatar {
width: 25px !important;
height: 25px !important;
}
.testimonial-box-content{
gap: 20px;
}
.testimonial-avatar-cont {
background-color: #282828;
border-radius: 50%;
padding: 10px;
}
.testimonial-name {
color: #2B2F39;
font-size: 20px;
font-style: italic;
font-weight: 600;
}
span.testimonial-date {
font-size: 18px;
font-style: italic;
}
.testimonial-desc {
color: #050B1C;
margin-top: 15px;
font-size: 18px;
max-height: 190px;
overflow-y: auto;
scrollbar-color: #0D0D18 transparent;
}
#home-testimonial-area .owl-dots{
margin-top: 45px;
}
#home-testimonial-area .owl-dots .owl-dot span {
width: 12px;
height: 12px;
background: #050B1C;
margin: 7px 4px;
}
#home-testimonial-area .owl-dots .owl-dot.active span {
width: 37px;
background: #FB7B3D;
border-radius: 5px;
} #home-services{
background-color: #f3f3f3;
padding: 64px 0;
margin-top: 45px;
}
.services-home-col{
padding: 0 3%;
}
#home-services .home-services-title{
color: #131B2E;
font-size: 32px;
text-align: center;
font-weight: bold;
}
.w-55 {
width: 55%;
}
.w-45 {
width: 45%;
}
.services-left-box{
height: 436px;
}
.services-left-box{
background-color: #131B2E;
border-radius: 25px;
padding: 28px 31px 35px 31px;
}
.services-right-box{
background-color: #131B2E;
border-radius: 25px;
padding: 28px 31px 35px 31px;
}
.services-right-desc{
color: #fff;
font-size: 18px;
}
.services-box-icon{
width: 50px!important;
height: 50px!important;
}
.services-big-image.w-45 img {
width: 100%;
height: 332px;
object-fit: fill;
border-radius: 25px;
}
.services-icon-cont {
border: 1px solid #fff;
display: inline-block;
padding: 10px;
border-radius: 6px;
}
.services-name {
color: #fff;
font-size: 22px;
margin-top: 10px;
margin-bottom: 10px;
}
.services-desc {
color: #fff;
font-size: 18px;
padding-right: 10px;
}
.services-left-btn.d-flex.align-items-center {
border: 1px solid #fff;
display: inline-block !important;
padding: 4px 50px;
border-radius: 20px;
color: #fff;
margin-top: 10px;
}
.arrow-icon-cont {
background-color: #fff;
border-radius: 50%;
padding: 10px;
}
.arrow-icon {
width: 25px !important;
height: 25px !important;
}
#services-left .owl-carousel,
#services-right .owl-carousel {
min-height: 400px;
}
#home-services .owl-dots {
margin-top: 50px;
display: flex
;
margin-left: 10%;
}
#home-services .owl-dots .owl-dot span {
width: 12px;
height: 12px;
background: #050B1C;
margin: 7px 4px;
}
#home-services .owl-dots .owl-dot.active span {
width: 37px;
background: #131B2E;
border-radius: 5px;
}
.center-youtube-btn {
background-color: #131B2E;
}
.center-youtube-btn:hover {
box-shadow: -9.3px 7.4px 7.4px #131B2E;
transition: 0.3s ease-out;
color:#fff;
}
.center-consultation-btn {
background: #FB7B3D;
}
.center-consultation-btn:hover {
box-shadow: -9.3px 7.4px 7.4px #FB7B3D;
transition: 0.3s ease-out;
color:#fff;
}
.services-bottom-btn {
width: 47%;
color: #fff;
font-size: 22px;
font-weight: bold;
gap: 20px;
padding: 10px 0;
font-style: italic;
border-radius: 12px;
}
.services-bottom-btn-icon {
width: 48px;
height: 48px;
} #home-step-transplant {
background-color: #f3f3f3;
padding: 50px 0 95px;
}
.home-step-title {
color: #131b2e;
text-align: center;
font-size: 32px;
font-weight: 700;
}
.step-box img{
width: 100%;
}
.step-row{
margin-top: 40px;
}
.step-textarea {
margin-top: 32px;
text-align: center;
}
.step-title {
font-weight: bold;
font-size: 24px;
font-style: italic;
margin-bottom: 20px;
}
.step-desc {
color: #131B2E;
font-size: 19px;
} #home-faq-area{
background-color: #1A2134;
padding: 90px 0;
}
#home-faq-area .faq-title{
color: #FFF;
text-align: center;
font-size: 34px;
font-weight: bold;
}
#home-faq-area .faq-list-area{
margin-top: 45px;
}
#home-faq-area .faq-list-area .faq-item.collapsed-item {
margin-bottom: 20px
}
#home-faq-area .faq-list-area .faq-item .item-top {
padding: 15px 50px 15px 20px;
background-color: transparent;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
border-radius: 15px;
position: relative;
cursor: pointer;
border: 2px solid #fff;
}
#home-faq-area .faq-list-area .faq-item .item-top .item-title {
color: #fff;
font-size: 18px
}
#home-faq-area .faq-list-area .faq-item .item-top::before {
content: ' ';
position: absolute;
right: 25px;
top: 33%;
border: 3px solid #fff;
border-radius: 20px;
height: 25px;
transition: all 0.3s;
transform-origin: center;
transform: rotate(90deg);
}
#home-faq-area .faq-list-area .faq-item .item-top::after {
content: ' ';
position: absolute;
right: 25px;
top: 33%;
border: 3px solid #fff;
border-radius: 20px;
height: 25px;
transition: all 0.3s;
transform-origin: center;
}
#home-faq-area .faq-list-area .faq-item.collapsed-item.opened .item-top::before {
transform: rotate(180deg);
}
#home-faq-area .faq-list-area .faq-item.collapsed-item.opened .item-top::after {
transform: rotate(90deg);
}
#home-faq-area .faq-list-area .faq-item .item-bottom {
padding: 0 20px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
border-radius: 15px;
background-color: #f3f3f3;
height: 0;
overflow: hidden;
-moz-transition: all .3s;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
#home-faq-area .faq-list-area .faq-item .item-bottom .item-text {
font-size: 18px;
color: #061421
}
#home-faq-area .faq-list-area .faq-item.opened .item-bottom {
margin-top: 15px;
padding: 15px 20px;
height: max-content
}
.faq-bottom-row{
margin-top: 55px;
}
.faq-bottom-btn {
background-color: #FB7B3D;
width: 47%;
color: #fff;
font-size: 22px;
font-weight: bold;
gap: 20px;
padding: 10px 0;
font-style: italic;
border-radius: 12px;
}