/*====================================

GLOBAL

====================================*/

:root{

    --primary:#6e3f97;
    --pink:#e96aa8;
    --heading:#332257;
    --text:#666;
    --light:#faf7fc;
    --radius-sm:10px;
    --radius-md:20px;
    --radius-lg:35px;
}


body{

    font-family:'Poppins',sans-serif;
    color:var(--text);
    overflow-x:hidden;
    background:#fff;

}

a{

    text-decoration:none;

}

img{

    max-width:100%;
    display:block;

}
html{
    scroll-behavior:smooth;
}
section{
    scroll-margin-top:80px;
}

/*====================================

HEADER

====================================*/

.main-header{

    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;

    background:rgba(255,255,255,.92);
    backdrop-filter:blur(15px);

    transition:.3s;

}

.main-header .container{

    max-width:1320px;

}


.navbar-brand img{

    height:60px;

}

.navbar-nav{

    gap:20px;

}

.nav-link{

    font-size:15px;
    font-weight:500;
    color:#444;

    transition:.3s;

}

.nav-link:hover{

    color:var(--primary);

}

.header-btn{

    background:var(--primary);

    color:#fff;

    padding:14px 28px;

    border-radius:10px;

    font-weight:600;

    transition:.3s;

}

.header-btn:hover{

    color:#fff;

}


/*====================================

HERO

====================================*/

.hero-section{

    position:relative;

    width:100%;
    overflow:hidden;

    padding-top:85px;

}

.hero-image{

    position:relative;

    width:100%;

}

.hero-image img{

    width:100%;
    display:block;

}

.hero-content{

    position:absolute;

    top:50%;
    left:0;

    width:100%;

    transform:translateY(-50%);

    z-index:10;

}

.hero-top-text{

    color:var(--pink);

    font-size:14px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

}

.hero-content h1{

    margin-top:15px;

    font-size:72px;

    line-height:1.1;

    color:var(--primary);

    font-weight:600;
	margin-bottom: 40px;

}

.hero-content h1 span{

    color:var(--primary);

}
.hero-btns {
  display: flex;
  gap: 30px;
}
.hero-content h3{

    margin-top:20px;

    /*font-family:'Pacifico',cursive;*/

    color:var(--heading);

    font-size:36px;

    font-weight:600;
	margin-bottom: 80px;

}

.hero-content p{

    margin-top:25px;

    max-width:520px;

    line-height:1.9;

    font-size:16px;

}

.hero-buttons{

    display:flex;

    gap:18px;

    margin-top:40px;

}

.primary-btn{

    background:var(--primary);

    color:#fff;

    padding:16px 34px;

    border-radius:10px;

    font-weight:600;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;

}

.primary-btn:hover{

    color:#fff;
    background:var(--pink);
}

.outline-btn{

    border:1px solid rgb(110, 63, 151);

    color:var(--primary);

    padding:16px 34px;

    border-radius:10px;

    font-weight:600;
	background:#FFF;
	display: inline-flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;

}
.outline-btn:hover .btn-icon {
  transform: translateX(8px);
}
.primary-btn:hover .btn-icon {
  transform: translateX(8px);
}
.outline-btn:hover{

    color:#FFF;
	background:var(--pink);
	border-color:var(--pink);

}

.hero-image{

    position:relative;

    z-index:2;

}

.hero-image img{

    width:100%;

}
.hero-section{

    position:relative;

}

.heroSlider{

    width:100%;

}

.swiper-slide{

    position:relative;

}

.hero-image img{

    width:100%;

    display:block;

}


.hero-text{

    max-width:560px;

}
.heroSlider,
.swiper,
.swiper-wrapper,
.swiper-slide{
    width:100%;
    height:100%;
}

.swiper-slide{
    position:relative;
}

.hero-image img{
    width:100%;
    display:block;
}
.header-btn{

    display:inline-flex;
    align-items:center;
    gap:10px;

    overflow:hidden;

}
.header-btn:hover {
  color: #fff;
  background: var(--pink);
}
.btn-icon{

    transition:transform .35s ease;

}

.header-btn:hover .btn-icon{

    transform:translateX(8px);

}
.hero-tag{font-weight:600;color: #005054;font-size: 20px;}
.hero-tag .pink{color:var(--pink);}

/*==================================
COMMON SECTION
==================================*/

.section-space{
    padding:100px 0;
}

.section-tag{

    display:inline-block;

    font-size:15px;
    font-weight:600;

    color:var(--pink);

    margin-bottom:15px;

}

.section-title{

    font-size:40px;
    line-height:1.2;
    font-weight:600;

    color:var(--heading);

    margin-bottom:25px;

}

.section-content{

    font-size:16px;
    line-height:1.9;

    color:#666;

}
/*==================================
WELCOME
==================================*/

.welcome-section{

    position:relative;

    background:#fff;

}

.welcome-image{

    position:relative;

}
.welcome-image:hover img {
  transform: scale(1.03);
}

.welcome-image img{

    width:100%;

    border-radius:35px;
    transition: .6s ease;
    display:block;

}


.welcome-badge img{

    width:42px;

}

.welcome-content{

    padding-left:25px;

}

.welcome-content p{

    margin-bottom:18px;

}
@media(max-width:991px){

.section-space{

    padding:70px 0;

}

.section-title{

    font-size:36px;

}

.welcome-content{

    padding-left:0;
    margin-top:40px;

}

.welcome-badge{

    right:15px;
    bottom:15px;

}

}

.container-xl{
    max-width:1320px;
}

.section-space{
    padding:100px 0;
}

.section-tag{
    display:inline-block;
    margin-bottom:15px;
}

.section-title{
    margin-bottom:25px;
}

.primary-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
}

.outline-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
}
/*==================================
WELCOME
==================================*/

.welcome-section{

    background:#fff;

}

.welcome-image{

    position:relative;

}

.welcome-image img{

    width:100%;

    border-radius:40px;

    display:block;

}

.welcome-badge{

    position:absolute;

    right: -25px;
    bottom: -25px;

    width:100px;
    height:100px;

    background:#fff;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    box-shadow:0 15px 40px rgba(0,0,0,.08);
	overflow:hidden;
	border: 1px solid #6e3f97;

}
#aboutModal{z-index:20000;}
.welcome-badge i{

    color:var(--primary);

    font-size:34px;

}

.welcome-content p{

    color:#666;

    line-height:1.9;

    margin-bottom:18px;

}

.about-features{

    margin:35px 0;

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

}

.feature-item{

    display:flex;

    align-items:center;

    gap:12px;

    font-weight:500;

}

.feature-item i{

    color:var(--primary);

}

.quote-box{

    margin:35px 0;

    padding:30px;

    background:#faf6fb;

    border-left:5px solid var(--primary);

    border-radius:20px;

}

.quote-box i{

    font-size:26px;

    color:var(--pink);

    margin-bottom:15px;

}

.quote-box p{

    margin:0;

    font-style:italic;

    font-size:18px;

    color:var(--heading);

}

.modal-content{

    border:none;

    border-radius:15px;
	background-color: #fffbfd;

}

.modal-body{

    padding:20px 30px 10px;

}

.modal-body p{

    line-height:2;

    color:#666;

}
@media(max-width:991px){

.welcome-content{

    margin-top:40px;

}

.about-features{

    grid-template-columns:1fr;

}

.section-title{

    font-size:36px;

}

.quote-box{

    padding:25px;

}

}

@media(max-width:767px){

.section-title{

    font-size:30px;

}

.welcome-badge{

    width:85px;
    height:85px;

}

.welcome-badge i{

    font-size:28px;

}

}
/*==================================
BUTTONS
==================================*/

.primary-btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    padding:16px 32px;

    background:var(--primary);

    color:#fff;

    font-size:15px;
    font-weight:600;

    border-radius:10px;

    transition:all .35s ease;

}

.primary-btn:hover{

    background:var(--heading);

    color:#fff;

}

.primary-btn .btn-icon{

    display:inline-flex;

    transition:transform .35s ease;

}

.primary-btn:hover .btn-icon{

    transform:translateX(6px);

}
.outline-btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    padding:16px 32px;

    border:1px solid #d8c6e5;

    color:var(--heading);

    border-radius:10px;

    transition:all .35s ease;

}

.outline-btn .btn-icon{

    display:inline-flex;

    transition:transform .35s ease;

}

.outline-btn:hover{

    background:var(--primary);

    border-color:var(--primary);

    color:#fff;

}

.outline-btn:hover .btn-icon{

    transform:translateX(6px);

}
/*==================================

VISION

==================================*/

.vision-section{

    background:#faf8fc;

}

.vision-wrapper{

    background:#fff;

    padding:80px 60px;

    border-radius:40px;

    box-shadow:0 20px 60px rgba(0,0,0,.05);

    position:relative;

    overflow:hidden;

}

.vision-wrapper::before{

    content:"";

    position:absolute;

    width:350px;
    height:350px;

    background:rgba(110,63,151,.04);

    border-radius:50%;

    top:-180px;
    right:-120px;

}

.vision-wrapper::after{

    content:"";

    position:absolute;

    width:220px;
    height:220px;

    background:rgba(233,106,168,.05);

    border-radius:50%;

    left:-80px;
    bottom:-80px;

}

.vision-wrapper>*{

    position:relative;

    z-index:2;

}

.vision-desc{

    max-width:760px;

    margin:25px auto 0;

    line-height:1.9;

    color:#666;

}

.vision-item{

    text-align:center;

    transition:.35s;
	
	max-width:420px;

    margin:auto;

    padding:35px 25px;

}

.vision-item:hover{

    transform:translateY(-8px);

}

.vision-icon{

    width:90px;
    height:90px;
	font-size:30px;
	color: #6e3f97;

    margin:0 auto 25px;

    background:#faf5fd;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    transition:.35s;

}

.vision-item:hover .vision-icon{

    background:var(--primary);
	color:#FFF;

}

.vision-icon img{

    width:45px;

    transition:.35s;

}

.vision-item:hover .vision-icon img{

    transform:scale(1.08);

}

.vision-item h5{

    color:var(--heading);

    font-size:22px;

    font-weight:600;

    margin-bottom:15px;

}

.vision-item p{

    color:#666;

    line-height:1.8;

    margin:0;

}
@media(max-width:991px){

.vision-wrapper{

    padding:60px 30px;

}

}

@media(max-width:767px){

.vision-wrapper{

    padding:50px 25px;

    border-radius:25px;

}

.vision-item{

    padding:15px;

}

.vision-item h5{

    font-size:20px;

}

}
.card-divider-vertical {
  width: 2px;
  height: 100%;
  min-height: 160px; /* ensures visibility */
  background: linear-gradient(
    to bottom,
    transparent,
    rgba(128, 0, 128, 0.7),
    transparent
  );
}
.section-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-bottom: 20px;
}

.section-header::before,
.section-header::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    rgba(128, 0, 128, 0.6),
    transparent
  );
}

.section-tag {
  padding: 6px 14px;
  border-radius: 20px;
  font-weight: 600;
  color:var(--primary);
  white-space: nowrap;
}
.section-header .section-tag{
  font-size:40px;
  margin: 0;
}
/*==================================
COMPREHENSIVE SOLUTIONS
==================================*/

.solutions-section{
    background:#fff;
	padding-bottom:165px;
}

.solutions-subtitle{
    color:var(--heading);
    font-size:17px;
	font-weight: 500;
}

.solution-card{
    margin-bottom:50px;
}

.solution-card.left{
    text-align:right;
}

.solution-card.right{
    text-align:left;
}

.solution-card h5{
    color:var(--heading);
    font-weight:600;
    margin:15px 0 10px;
}

.solution-card p{
    margin:0;
    line-height:1.8;
}

.solution-icon{
    width:90px;
    height:90px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
    color:#fff;
    font-size:32px;
}

.solution-card.left .solution-icon{
    margin-left:auto;
}

.purple{background:#6e3f97;}
.orange{background:#f58220;}
.yellow{background:#f4b000;}
.blue{background:#5f7eea;}
.teal{background:#1c9d8d;}
.brown{background:#9a6b37;}

.solutions-center{
    position:relative;
    width:420px;
    height:420px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
}

.center-image{
    width:250px;
    height:250px;
    border-radius:50%;
    overflow:hidden;
    position:relative;
    z-index:5;
}

.center-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.orbit{
    position:absolute;
    border-radius:50%;
    border:1px solid #eadff3;
}

.orbit-1{
    width:330px;
    height:330px;
}

.orbit-2{
    width:400px;
    height:400px;
}

.dot{
    position:absolute;
    width:14px;
    height:14px;
    border-radius:50%;
}

.dot.purple{
    top:40px;
    right:120px;
}

.dot.pink{
    top:90px;
    left:40px;
    background:#e96aa8;
}

.dot.orange{
    right:40px;
    top:180px;
    background:#f58220;
}

.dot.blue{
    bottom:70px;
    right:90px;
    background:#5f7eea;
}

.dot.green{
    left:70px;
    bottom:90px;
    background:#1c9d8d;
}

@media(max-width:991px){

    .solutions-center{
        width:320px;
        height:320px;
        margin:40px auto;
    }

    .orbit-1{
        width:250px;
        height:250px;
    }

    .orbit-2{
        width:310px;
        height:310px;
    }

    .solution-card.left,
    .solution-card.right{
        text-align:center;
    }

    .solution-card.left .solution-icon,
    .solution-card.right .solution-icon{
        margin:auto auto 20px;
    }
}
.solutions-heading{
    position:relative;
    text-align:center;
    margin-bottom:70px;
}

.solutions-heading::before{
    content:"";
    position:absolute;
    left:0;
    top:-22px;
    width:100%;
    height:1px;
    background:#e6dff1;
}

.solutions-heart{
    color:#d88ac6;
    font-size:18px;
    display:block;
    margin-bottom:10px;
}

.solutions-heading h2{
    font-size:52px;
    font-weight:600;
    color:#6e3f97;
    line-height:1.1;
    margin-bottom:8px;
}

.solutions-heading p{
    color:#555;
    font-size:22px;
}
.solutions-section .section-title{color:var(--primary);}

.pr-image{
  position: relative;
  height: auto;
}
.pr-image img{
  width: 50%;
  margin: auto;
}
.solution-card.left h4{font-size:18px;font-weight: 600;}
.solution-card.right h4{font-size:18px;font-weight: 600;}
.sl1 h4{color: #6e2aab;}
.sl1 h5{color: #6e2aab;}
.solution-card h5{font-size:16px;font-weight: 500;}
.sl1{
  position: absolute;
  top: 66px;
  left: 0px;
  width: 325px;
  margin: 0;
}
.solution-card p{font-size:14px;line-height: 22px;}
.sl2{
  position: absolute;
  top: 360px;
  left: -18px;
  width: 325px;
  margin: 0;
}
.sl2 h4{color: #8d6437;}
.sl2 h5{color: #8d6437;}
.sl3{
  position: absolute;
  bottom: -120px;
  left: 35%;
  width: 405px;
  margin: 0;
  text-align:center !important;
}
.sl3 h4{color: #0e4954;}
.sl3 h5{color: #0e4954;}
.sr1{
  position: absolute;
  top: 0;
  right: 0;
  width: 325px;
  margin: 0;
}
.sr1 h4{color: #e77636;}
.sr1 h5{color: #e77636;}
.sr2{
  position: absolute;
  top: 60px;
  right:0px;
  width: 325px;
  margin: 0;
}
.sr2 h4{color: #fdba21;}
.sr2 h5{color: #fdba21;}
.sr3{
  position: absolute;
  right: -18px;
  width: 325px;
  margin: 0;
  top: 360px;
}
.sr3 h4{color: #5671b4;}
.sr3 h5{color: #5671b4;}

/*==================================
WHY VALENTIA
==================================*/

.why-valentia-section{
    padding-top:30px;
    padding-bottom:60px;
}

.why-valentia-wrapper{

    position:relative;

    background: linear-gradient( to right, rgb(248, 241, 251), rgb(248, 241, 251), #f8f5fb );

    border-radius:35px;

    padding:50px 25px;

    overflow:hidden;
}

.why-bg-image{

    position:absolute;

    top:0;
    right:0;

    width:280px;
    height:100%;
}

.why-bg-image img{

    width:100%;
    height:100%;

    object-fit:cover;
}

.why-title{

    text-align:center;

    color:#6e3f97;

    font-size:34px;

    font-weight:600;

    margin-bottom:40px;
	width: 80%;
}

.why-grid{

    display:grid;

    grid-template-columns:repeat(6,1fr);

    position:relative;

    z-index:2;
	width: 80%;
}

.why-item{

    text-align:center;

    padding:0 20px;

    border-right:1px solid rgba(110,63,151,.15);
}

.why-item:last-child{
    border-right:none;
}

.why-item i{

    display:block;

    font-size:34px;

    color:#6e3f97;

    margin-bottom:15px;
}

.why-item span{

    display:block;

    font-size:15px;

    color:#444;

    font-weight:500;

    line-height:1.5;
}
@media(max-width:991px){

    .why-grid{
        grid-template-columns:repeat(3,1fr);
        gap:30px;
    }

    .why-item{
        border:none;
    }

    .why-bg-image{
        opacity:.15;
    }

}

@media(max-width:767px){

    .why-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .why-title{
        font-size:28px;
    }

    .why-valentia-wrapper{
        padding:40px 25px;
    }

}

@media(max-width:991px){

.hero-content{

    top:50%;

    transform:translateY(-50%);

}

.hero-image img{

    min-height:700px;

    object-fit:cover;

    object-position:70% center;

}

}
/*==================================
FEATURE CARDS
==================================*/

.feature-card{

    position:relative;

    min-height:420px;

    border-radius:28px;

    overflow:hidden;

    background:#fff;

    box-shadow:0 10px 35px rgba(0,0,0,.05);

    padding:35px;

}

.patient-card{
    background:#fdedef;
}

.doctor-card{
    background:#f6f4f7;
}

.bio-card{
    background:#f5fbff;
}

.feature-content{
    position:relative;
    z-index:2;
	margin-right: 60px;
}

.feature-card h3{

    font-size:24px;

    color:#24324a;

    font-weight:600;

    margin-bottom:20px;
}

.feature-card p{

    font-size:15px;

    line-height:1.6;

    color:#666;

    margin-bottom:25px;
	min-height: 100px;
}

.feature-card ul{

    list-style:none;

    padding:0;
    min-height: 175px;
    margin:0;
}
.dropdown-item{
  font-size: 15px;
  font-weight: 500;
}
.feature-card ul li{

    position:relative;

    padding-left:28px;

    margin-bottom:12px;

    font-size:15px;

    color:#444;
}

.feature-card ul li:before{

    content:"✓";

    position:absolute;

    left:0;
    top:0;

    color:#d75f9e;

    font-weight:700;
}

.feature-card img{

    position:absolute;
    object-fit: cover;
    right:0;
    bottom:0;

    width:55%;
    height: 100%;
    z-index:1;
}
.patient-card h3{color:#283d55;}
.doctor-card h3{color:#171b2e;}
.bio-card h3{color:#287d99;}
.doctor-card ul li::before{color: #283d55;}
.bio-card ul li::before{color: #287d99;}
/*==================================
CONTACT SECTION
==================================*/

.contact-section{
    background:#fff;
}

.contact-title{
    margin-bottom:35px;
}

.contact-title h2{
    color:#6e3f97;
    font-size:32px;
    font-weight:600;
    margin:0;
}

.contact-info-box,
.contact-form-box,
.map-box{

    height:100%;

    background:#fff;

    border-radius:18px;
}

.contact-logo{
    height:45px;
    margin-bottom:25px;
}
.swiper{cursor: grab;}
.contact-avatar{

    width:95px;
    height:95px;

    border-radius:50%;

    overflow:hidden;

    margin-bottom:20px;

    border:8px solid #f4edf9;
}

.contact-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.contact-info-box h5{

    color:#6e3f97;

    font-size:18px;

    font-weight:600;

    margin-bottom:15px;
}

.contact-info-box p{

    font-size:14px;

    line-height:1.8;

    color:#555;
}

.contact-detail{

    display:flex;

    align-items:center;

    gap:10px;

    margin-top:15px;

    color:#555;

    font-size:14px;
}

.contact-detail i{

    color:#d96ba7;

    width:18px;
}

.contact-form-box .form-control{

    border:1px solid #e4dced;

    border-radius:8px;

    height:50px;

    margin-bottom:15px;

    font-size:14px;
}

.contact-form-box textarea.form-control{

    height:auto;

    resize:none;
}

.contact-btn{

    width:100%;

    border:none;

    background:#6e3f97;

    color:#fff;

    height:48px;

    border-radius:8px;

    font-weight:500;

    transition:.3s;
}

.map-box{

    overflow:hidden;

    min-height:320px;

    border-radius:12px;
}

.map-box iframe{

    width:100%;
    height:100%;

    border:none;
}
.contact-title h2{
    font-size:34px;
    letter-spacing:.5px;
}

.contact-btn{
    background:#7a4aa3;
}

.contact-avatar{
    width:100px;
    height:100px;
}
.contact-detail a{color: #555;}
.contact-detail a:hover{color:var(--heading);}
.contact-btn:hover:hover {
  background: var(--heading);
  color: #fff;
}
/*==================================
FOOTER
==================================*/

.main-footer{

    background:#6e3f97;

    padding:18px 0;
}

.footer-wrapper{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;
}

.footer-left{

    color:#fff;

    font-size:13px;

    font-weight:400;
}

.footer-right a{

    color:#fff;

    font-size:13px;

    transition:.3s;
}

.footer-right a:hover{

    color:#f3d9ec;
}

.footer-divider{

    width:1px;

    height:14px;

    background:rgba(255,255,255,.5);
}
@media(max-width:767px){

    .footer-wrapper{

        flex-direction:column;

        text-align:center;
    }

    .footer-right{

        justify-content:center;
    }

}
.contact-section{padding-bottom: 60px;}
.footer-right{color:#fff;font-size: 13px;}

.patient-card::after{
    content:"";

    position:absolute;

    top:0;
    right: 17%;
    width: 205px;
    height:100%;

    background:linear-gradient(
        to right,
        #fdedef 0%,
        rgba(248,238,241,.9) 30%,
        rgba(248,238,241,0) 100%
    );

    z-index:1;
}
.doctor-card::after{
    content:"";

    position:absolute;

    top:0;
    right: 17%;
    width: 205px;
    height:100%;

    background:linear-gradient( to right, #f6f4f7 0%, rgb(246, 244, 247) 30%, rgba(248,238,241,0) 100% );

    z-index:1;
}
.bio-card::after{
    content:"";

    position:absolute;

    top:0;
    right: 17%;
    width: 165px;
    height:100%;

    background:linear-gradient( to right, #f5fbff 0%, rgb(245, 251, 255) 30%, rgba(248,238,241,0) 100% );

    z-index:1;
}
/*============================

HERO ANIMATION

=============================*/

.hero-text .animate-item{

    opacity:0;

    transform:translateY(40px);

    animation:heroFade .8s ease forwards;

}

.hero-text .animate-item:nth-child(1){

    animation-delay:.2s;

}

.hero-text .animate-item:nth-child(2){

    animation-delay:.4s;

}

.hero-text .animate-item:nth-child(3){

    animation-delay:.6s;

}

.hero-text .animate-item:nth-child(4){

    animation-delay:.8s;

}

.hero-text .animate-item:nth-child(5){

    animation-delay:1s;

}

@keyframes heroFade{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}
.hero-tag{

    animation:fadeLeft .8s ease forwards;

}

.hero-text h1{

    animation:fadeUp .9s ease forwards;

}

.hero-text h3{

    animation:fadeRight .9s ease forwards;

}

.hero-text p{

    animation:fadeUp 1s ease forwards;

}

.hero-btns{

    animation:fadeUp 1.1s ease forwards;

}
@keyframes fadeLeft{

    from{

        opacity:0;
        transform:translateX(-60px);

    }

    to{

        opacity:1;
        transform:translateX(0);

    }

}

@keyframes fadeRight{

    from{

        opacity:0;
        transform:translateX(60px);

    }

    to{

        opacity:1;
        transform:translateX(0);

    }

}

@keyframes fadeUp{

    from{

        opacity:0;
        transform:translateY(40px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}
.dropdown-menu{

    border:none;

    border-radius:15px;

    padding:12px 0;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    margin-top:18px;

}

.dropdown-item{

    padding:12px 22px;

    font-size:15px;

    transition:.3s;

}

.dropdown-item:hover{

    background:#faf7fc;

    color:var(--primary);

    padding-left:28px;

}
/*==================================

SCROLL TO TOP

==================================*/

.scroll-top{

    position:fixed;

    right:25px;
    bottom:30px;

    width:55px;
    height:55px;

    background:var(--primary);

    color:#fff;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:18px;

    box-shadow:0 10px 25px rgba(110,63,151,.25);

    z-index:999;

    opacity:0;
    visibility:hidden;

    transform:translateY(20px);

    transition:all .35s ease;

}

.scroll-top.show{

    opacity:1;
    visibility:visible;

    transform:translateY(0);

}

.scroll-top:hover{

    background:var(--heading);

    color:#fff;

    transform:translateY(-5px);

}

.scroll-top i{

    transition:.35s;

}

.scroll-top:hover i{

    transform:translateY(-3px);

}
.scroll-top{

    background:linear-gradient(135deg,var(--primary),var(--pink));

    animation:floatBtn 3s ease-in-out infinite;

}

@keyframes floatBtn{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-6px);

    }

}
/*==================================

VOLUNTARY DONOR

==================================*/

.donor-section{

    background:#faf7fc;

}

.donor-card{

    background:#fff;

    padding:45px;

    border-radius:30px;

    box-shadow:0 15px 50px rgba(0,0,0,.05);

    height:100%;

    transition:.35s ease;

}

.donor-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(110,63,151,.12);

}

.donor-icon{

    width:90px;

    height:90px;

    background:#f6f0fb;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:30px;

}

.donor-icon img{

    width:100%;

}

.donor-card h3{

    color:var(--heading);

    font-size:28px;

    font-weight:700;

    margin-bottom:14px;

}
.donor-card h6{

    color:var(--heading);

    font-size:16px;

    font-weight:600;

    margin-bottom:28px;

}

.donor-card ul{

    list-style:none;

    padding:0;

    margin:0 0 30px;

}

.donor-card ul li{

    position:relative;

    padding-left:30px;

    margin-bottom:16px;

    line-height:1.7;

}
.donor-section .section-title{color: var(--primary);}
.d-color{color: var(--heading);}
.donor-card ul li::before{

    content:"✓";

    position:absolute;

    left:0;

    top:0;

    width:20px;

    height:20px;

    background:var(--primary);

    color:#fff;

    font-size:12px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

}

.donor-note{

    color:#777;

    font-size:14px;

    margin-bottom:30px;

    line-height:1.8;

}

.donor-cta{

    margin-top:70px;

    padding:60px;

    border-radius:30px;

    background:linear-gradient(135deg,#6e3f97,#8d5ab5);

    text-align:center;

    color:#fff;

}

.donor-cta h3{

    font-size:34px;

    font-weight:700;

    margin-bottom:15px;

}

.donor-cta p{

    max-width:700px;

    margin:0 auto 30px;

    line-height:1.9;

    color:rgba(255,255,255,.9);

}

.donor-cta .outline-btn{

    background:#fff;

    color:var(--primary);

    border:none;

}

.donor-cta .outline-btn:hover{

    background:#332257;

    color:#fff;

}
@media(max-width:991px){

.donor-card{

    padding:35px;

}

.donor-cta{

    padding:40px 25px;

}

}

@media(max-width:767px){

.donor-card{

    padding:30px;

}

.donor-card h3{

    font-size:24px;

}

.donor-cta h3{

    font-size:28px;

}

}
.donor-card{

    position:relative;
    overflow:hidden;

}

.donor-card::after{

    content:"";

    position:absolute;

    top:-40px;
    right:-40px;

    width:140px;
    height:140px;

    background:rgba(110,63,151,.05);

    border-radius:50%;

}

.donor-icon{

    position:absolute;

    top:35px;

    right:35px;

}
.form-control:focus{box-shadow: 0 0 0 .08rem rgb(110, 63, 151);}
/*==================================

SPECIALIZED SERVICES

==================================*/

.special-service{

    background:linear-gradient(180deg,#ffffff 0%,#faf7fc 100%);

}

.service-row{

    padding:80px 0;

}

.service-image{

    position:relative;

}
.service-image:hover img {
  transform: scale(0.95);
}
.service-image img{

    width:100%;
    transition: .6s ease;
    border-radius:30px;

    box-shadow:0 20px 60px rgba(110,63,151,.08);
	position: relative;
    z-index: 2;

}

.service-content h3{

    color:var(--heading);

    font-size:30px;

    font-weight:700;

    margin-bottom:20px;

}

.service-content p{

    line-height:1.9;

    margin-bottom:30px;

}

.service-content ul{

    list-style:none;

    padding:0;

    margin:0;

}

.service-content ul li{

    position:relative;

    padding-left:34px;

    margin-bottom:18px;

}

.service-content ul li:before{

    content:"✓";

    position:absolute;

    left:0;

    top:2px;

    width:22px;

    height:22px;

    border-radius:50%;

    background:var(--primary);

    color:#fff;

    font-size:12px;

    display:flex;

    align-items:center;

    justify-content:center;

}

.service-note{

    margin-top:35px;

    background:#fff;

    border-left:4px solid var(--primary);

    border-radius:16px;

    padding:20px 25px;

    line-height:1.8;

    box-shadow:0 10px 30px rgba(0,0,0,.04);

}

.service-image::after{

    content:"";

    position:absolute;

    width:140px;

    height:140px;

    background:rgba(110,63,151,.05);

    border-radius:50%;

    right:-35px;

    bottom:-35px;

    z-index:1;

}

.reverse .service-image::after{

    right:auto;

    left:-35px;

}

@media(max-width:991px){

.service-row{

    padding:50px 0;

}

.service-content{

    margin-top:20px;

}

.service-content h3{

    font-size:30px;

}

}
.special-service{padding-top: 30px;  padding-bottom: 20px;}
body{

    animation:fadePage .6s ease;

}

@keyframes fadePage{

    from{

        opacity:0;

    }

    to{

        opacity:1;

    }

}

/*=========================
NAV ACTIVE
=========================*/

.nav-link{

    position:relative;

}

.nav-link::before{

    content:"";

    position:absolute;

    left:0;

    bottom:-5px;

    width:0;

    height:2px;

    background:var(--primary);

    transition:.3s;

}

.nav-link:hover::before,
.nav-link.active::before{

    width:100%;

}
.navbar-toggler:focus{box-shadow: none;}
.modal-header{padding:1rem 1.875rem;}
.section-sub{font-size:22px; padding:0px;}
/*==================================

WHATSAPP FLOAT

==================================*/

.whatsapp-float{

    position:fixed;

    right:25px;

    top:70%;

    transform:translateY(-50%);

    width:60px;

    height:60px;

    border-radius:50%;

    background:#25D366;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    text-decoration:none;

    box-shadow:0 12px 30px rgba(37,211,102,.35);

    z-index:9999;

    transition:.35s;

}

.whatsapp-float:hover{

    color:#fff;

    transform:translateY(-50%) scale(1.08);

    box-shadow:0 18px 40px rgba(37,211,102,.45);

}

/* Pulse */

.whatsapp-float::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:50%;

    background:#25D366;

    animation:whatsappPulse 2s infinite;

    z-index:-1;

}

@keyframes whatsappPulse{

    0%{

        transform:scale(1);

        opacity:.6;

    }

    70%{

        transform:scale(1.5);

        opacity:0;

    }

    100%{

        opacity:0;

    }

}

@media(max-width:768px){

.whatsapp-float{

    width:55px;

    height:55px;

    right:18px;

    bottom:140px;

    top:auto;

    transform:none;

    font-size:28px;

}

.whatsapp-float:hover{

    transform:scale(1.05);

}

}
.whatsapp-float span{

    position:absolute;

    right:75px;

    background:#fff;

    color:#333;

    padding:8px 14px;

    border-radius:30px;

    white-space:nowrap;

    opacity:0;

    visibility:hidden;

    transition:.3s;

    font-size:14px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.whatsapp-float:hover span{

    opacity:1;

    visibility:visible;

}
.swiper-pagination-bullet-active{background:var(--primary);}
.swiper-pagination{margin-bottom: 16px;}
/*==================================

HERO SLIDER ARROWS

==================================*/

.hero-prev,
.hero-next{

    width:55px;

    height:55px;

    border-radius:50%;

    background:rgba(255,255,255,.9);

    backdrop-filter:blur(8px);

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    transition:.35s;

}

.hero-prev::after,
.hero-next::after{

    font-size:18px;

    font-weight:700;

    color:var(--primary);

}

.hero-prev{

    left:30px;

}

.hero-next{

    right:30px;

}

.hero-prev:hover,
.hero-next:hover{

    background:var(--primary);

    transform:scale(1.08);

}

.hero-prev:hover::after,
.hero-next:hover::after{

    color:#fff;

}
.hero-prev,
.hero-next{

    opacity:0;

    visibility:hidden;

    transition:.4s;

}

.hero-section:hover .hero-prev,
.hero-section:hover .hero-next{

    opacity:1;

    visibility:visible;

}
@media(max-width:991px){

    .dropdown-menu{

        border:none;
        padding-left:15px;
        background:transparent;

    }

}
.d-color{color: var(--heading);}
.p-color{color: var(--primary);}
.feature-card:hover {
  transform: translateY(-8px);
}
.feature-card{transition: .35s;}
/*==================================

DONOR COMPLIANCE NOTE

==================================*/

.donor-note{

    max-width:900px;

    margin:50px auto 0;

    padding:18px 24px;

    background:#f8f5fc;

    border:1px solid rgba(111,65,150,.15);

    border-left:4px solid var(--primary);

    border-radius:12px;

    display:flex;

    align-items:flex-start;

    gap:15px;

}

.donor-note i{

    color:var(--primary);

    font-size:20px;

    margin-top:3px;

}

.donor-note p{

    margin:0;

    font-size:15px;

    line-height:1.7;

    color:#666;

}




















































/*==================================
RESPONSIVE
==================================*/

@media (min-width:1352px) and (max-width:1450px){
.hero-content h1 {
    font-size: 60px;margin-bottom:30px;
}
.hero-content h3 {
    font-size: 26px;
	margin-bottom:50px;
}
.contact-info-box h5{font-size: 17px;}

}

@media (min-width:1350px) and (max-width:1375px){
.contact-info-box h5{font-size: 17px;}

}

@media (min-width:1200px) and (max-width:1375px){
.hero-content h1 {
    font-size: 50px;margin-bottom:20px;
}
.hero-content h3 {
    font-size: 26px;
	margin-bottom: 30px;
}
.sl1{left: -52px;top: 42px;}
.sl2{left: -52px;top: 306px;}
.sl3{left: 32%;top: 556px;}
.sr1{right: -20px;top: -20px;}
.sr2{right: -52px;top: 42px;}
.sr3{right: -52px;top: 306px;}
.why-valentia-section{padding-top:60px;}
.feature-content{margin-right: 25px;}
.patient-card::after{right: 10%;}
.doctor-card::after{right: 10%;}
.bio-card::after{right: 10%;}
.feature-card p{min-height: 100px;}
.service-row {
  padding: 40px 0;
}
.contact-info-box h5{font-size: 17px;}

}

@media (min-width:1000px) and (max-width:1050px){
.hero-content h1 {
    font-size: 40px;margin-bottom:20px;
}
.hero-content h3 {
    font-size: 26px;
	margin-bottom: 30px;
}
.sl2 {
  top: 242px;
  left: -25px;
  width: 249px;
}
.sr2 {
  top: 20px;
  right: -20px;
  width: 249px;
}
.sl3 {
  top: 465px;
  left: 35%;
  width: 285px;
}
.sr3 {
  top: 242px;
  right:-20px;
  width: 242px;
}
.sl1 {
  top: 20px;
  left: -20px;
  width: 249px;
}
.sr1 {
  top: -76px;
  right: 0;
  width: 249px;
}
.pr-image img{margin-top:15px;}
.solution-card h4{font-size: 15px;}
.solution-card h5{font-size: 14px;}
.solution-card p{font-size: 13px;}
.why-valentia-section{padding-top: 60px;}
.feature-card ul li{font-size:13px;}
.feature-card p{font-size:14px;}
.patient-card::after{right: 2%;}
.doctor-card::after{right: 2%;}
.bio-card::after{right:0;}
.feature-content{margin-right:0px;}
.service-row {
  padding: 30px 0;
}
.navbar-brand img {
  height: 50px;
}
.navbar-nav {
  gap: 10px;
}
.navbar-nav .primary-btn{padding: 13px 20px;}

}

@media (min-width:768px) and (max-width:1000px){
.sl1, .sl2, .sl3, .sr1, .sr2, .sr3{position:static;width: 100%;margin-top: 30px;}
.pr-image img {width: 60%;}
.why-grid, .why-title{width:100%;}
.patient-card::after{right: 27%;}
.doctor-card::after{right: 27%;}
.bio-card::after{right: 33%;}
.hero-content h1 {
    font-size: 40px;
}
.hero-content h3 {
    font-size: 26px;
}
.donor-icon{
	top: 20px;
}
.feature-card p{min-height:auto;}
.feature-card ul{min-height:auto;}
.solutions-section{padding: 50px 0;}

}

@media (max-width: 768px) {
.hero-content h1{font-size:40px;}
.hero-content h3{font-size:26px;}
.section-space {
  padding: 50px 0;
}
.sl1, .sl2, .sl3, .sr1, .sr2, .sr3{position:static;width: 100%;margin-top: 30px;}
.pr-image img {width: 60%;}
.why-grid, .why-title{width:100%;}
.donor-icon{
	top: 20px;
}

}

@media(max-width:750px){
.navbar-nav {
    padding: 20px 20px 30px;
    backdrop-filter: blur(18px);
    background: #d257990f;
    border-radius: 10px;
    margin-top: 12px;
}
.navbar-brand img {
  height: 50px;
}
.hero-section{padding-top: 75px;}
.primary-btn.header-btn{padding: 14px 25px;font-size: 14px;}
.hero-btns{flex-direction: column;gap:12px;}
.hero-text {
  background: #ffffff82;
  padding: 20px;
  border-radius: 10px;
}
.hero-image img{min-height: 500px;}
.hero-content h3{margin-bottom: 30px;}
.hero-content h1{margin-bottom:20px;}
.welcome-badge{right:0;left: 0;margin: auto;}
.section-header .section-tag{font-size: 30px;text-wrap: auto;}
.vision-desc{margin-bottom:24px;}
.d-none-mob{display:none !important;}
.pr-image img{width:100%;}
.sl1, .sl2, .sl3, .sr1, .sr2, .sr3{position:static;width: 100%;margin-top: 30px;}
.why-valentia-section{padding-top:0px;}
.why-bg-image{width:100%;}
.feature-card p{min-height:auto;}
.feature-card ul{min-height:auto;}
.donor-icon{
    width:75px;
    height:75px;
	top: 20px;
}
.footer-wrapper{gap: 5px;}
.service-image::after{display:none;}
.patient-card::after{right:7%;}
.doctor-card::after{right:7%;}

}