@import url('http://fonts.googleapis.com/css2?family=Josefin+sans:wght@100;200;300;400;500;600;700&display=swap');
@import url('http://fonts.googleapis.com/css2?family=Roboto+sans:wght@100;200;300;400;500;600;700;900&display=swap');
body{
    font-family: var(--primary-font);
    background-color:var(--bg-white);
}

a{
    text-decoration:none;
}
::-webkit-scrollbar{
    width: .375rem;
}
::-webkit-slider-track{
    background: var(--bg-light-blue);
}
::-webkit-slider-thumb{
    background: var(--secondary-color);
}
.wrapper{
    padding:6.25rem 0;
}
.heading{
    color:rgb(214, 26, 104);
}
.main-btn{
    display:inline-block;
    border: .0625rem solid #fff;
    color:#fff;
    text-align:center;
    padding:7px 18px;
    font-size:18px;
    background:transparent;
    text-transform: capitalize;
    border-radius:10px;
    transition:all 0.3s ease-in-out;
    
}
.main-btn:hover{
    background-color:rgb(214, 26, 104);
    color:white;
    margin:10px;
    padding:7px 18px;
    font-size:19px;
}
.fill-btn{
    background-color:rgb(214, 26, 104);
    border-color:var(--secondary-color);
    color:var(--text-white);
    padding:7px 18px;
    font-size:18px;
    border-radius:10px;

}
.fill-btn1{

    border:1px solid #fff;
    color:var(--text-white);
    padding:7px 18px;
    font-size:18px;
    border-radius:5px;

}
.fill-btn:hover{
    background-color:rgb(214, 26, 104);
    border-color:var(--bg-white);
    color:var(--text-black);
    padding:5px 19px;
    
}
.fill-btn1:hover{
    background-color:rgb(214, 26, 104);
    border-color:none;
    color:var(--text-black);
    padding:5px 19px;
    
}
h1{
    font-size:3.875rem;
    margin-bottom:1.25rem;
    font-weight:600;
    color:var(--text-white);
    font-family:var(--secondary-font);
}
h2{
    font-size:2.25rem;
    font-weight:600;
    color:var(--text-white);
    font-family:var(--secondary-font);
}
h3{
    font-size:2.25rem;
    font-weight:600;
    color:var(--text-white);
    font-family:var(--secondary-font);
}
h4{
    font-size:1.5rem;
    font-weight:600;
    line-height:2.25rem;
    color:var(--text-black);
    font-family:var(--secondary-font);
}
h5{
    font-size:3.5rem;
    font-weight:500;
    line-height:1.2;
    color:var(--text-white);
    margin-bottom:.9375rem;
    font-family:var(--secondary-font);
    color:#fff;
}
h6{
    font-size:.875rem;
    font-weight:300;
    color:var(--text-black);
    margin-bottom:.9375rem;
    text-transform:uppercase;
    font-family:var(--secondary-font);
}
p{
    font-size:1rem;
    color:var(--text-gray);
    line-height:1.625rem;
    text-align:left;
}
.card{
    border-radius:.625rem;
    background-color:var(--bg-white);
    box-shadow:.5084rem 1.1419rem 2.5rem 0 rgb(0 0 0 / 8%);
    padding:3.75rem 3.15rem 4.6875rem;
    -webkit-transition: all .4s;
    transition:all .4s;
    border:0;
    text-align:left;

}
.row{
    flex-direction: row;
    flex-wrap: wrap;
}
.items{
    color:black;
    
}
.items{
    color:rgb(202, 19, 68);
}
.items:hover{
    color:rgb(202, 19, 68);
}
@keyframes movebounce{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
    50%{
        -webkit-transform:translateY(1.25rem);
        transform:translateY(1.25rem);
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}

.header_wrapper .navbar{
    padding:.9375rem 0;
    background-color:transparent;
    transition:0.3s ease-in-out;
}
.header_wrapper .navbar-toggler,
.header_wrapper .navbar-toggler:focus{
    border:0;
    box-shadow:none;
    color:var(--text-black);
    line-height:2;
}
.header_wrapper .nav-item{
    margin:0 .625rem;
}
.header_wrapper .nav-item .nav-link{
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-primary);
    display:inline-block;
    font-family: var(--secondary-font);
}
.header_wrapper .nav-item .nav-link:hover,
.header_wrapper .nav-item .nav-link:focus,
.header_wrapper .nav-item.active{
     color:var(--secondary-text);
}
.navbar.header-scrolled{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
    background-color:var(--bg-white);
    box-shadow: .5084rem 1.1419rem 2.5rem 0 rgb(0 0 0 / 8%);
    transition:0.3s ease-in-out;
}
.banner_wrapper{
    background-image:url(../images/Top-banner.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}
.banner_wrapper p{
    max-width:80%;
    color:#fff;
}
.text:hover{
    color:rgb(214, 26, 104);
}
.banner_wrapper .top-right-sec{
position:relative;
background-image:url('../images/top-right-bg.png');
background-repeat: no-repeat;
background-position:bottom;
background-size:contain;
display:flex;
align-items:flex-end;
justify-content:center;
}
.banner_wrapper .animate-img{
    position:absolute;
    bottom:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:22;
}
.banner_wrapper .animate-img .aimg1{
    left:-14.6875rem;
    position:absolute;
    -webkit-animation-name: movebounce;
    animation-name: movebounce;
    -webkit-animation-delay: 100ms;
    animation-delay:100ms;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    margin-top:-130px

}
.banner_wrapper .animate-img .aimg2{
    margin-left:-2.5rem;
    position:absolute;
    -webkit-animation-name: movebounce;
    animation-name: movebounce;
    -webkit-animation-delay: 200ms;
    animation-delay:200ms;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    margin-top:-130px
}
.home .card:hover{
    -webkit-transform:translateY(-0.625rem);
    transform:translateY(-0.625rem);
}
.home .icon-box{


    text-align:center;
    margin:0 auto 2.5rem;
}
.header_wrapper .menu-navbar-nav:hover{
    color:rgb(214, 26, 104);
    
}
.header_wrapper .navbar-nav .nav-link:hover{
    color:rgb(214, 26, 104);
}
.about_wrapper h2{
    color:var(--text-black);
}
.about_wrapper .card{
    width:80%;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap:wrap
}
.about_wrapper .about-clinic{
    flex:0 0 auto;
    width:50%;
}
.about_wrapper .about-clinic:nth-child(1),
.about_wrapper .about-clinic:nth-child(2){
    margin-bottom:2.8125rem;
}
.about_wrapper .about-clinic:nth-child(2),
.about_wrapper .about-clinic:nth-child(4){
    padding-left:3.75rem;
}
.about_wrapper .line-1,
.about_wrapper .line-2{
    content:' ';
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:.0313rem;
    height:100%;
    background:var(--bg-dark);
}
.about_wrapper .line-2{
    width:100%;
    height:.0625rem;
}
.about_wrapper .about-animate{
    position:absolute;
    left:-1.0rem;
    bottom:0;
    -webkit-animation:movebounce 3s linear infinite;
    animation:movebounce 3s linear infinite;
}
.services_wrapper{
    background-color:rgb(33, 33, 125);
}
.services_wrapper .card{
    background-color:transparent;
    border:0.0125rem solid #fff;
    box-shadow:none;
    padding:2.5rem;

}
.services_wrapper .card:hover{
    background:rgb(149, 194, 222);
    cursor:cell;
    border-color:#fff;
    color:var(--text-black);
}
.services_wrapper .card h4,
.services_wrapper .card p{
    color:#fff;
}
.services_wrapper .icon-box{
    margin-bottom:1.875rem;
}
.team_wrapper .card{
    padding:1.25rem;
}
.team_wrapper .card:hover{
    -webkit-transform: translateY(-0.625rem);
    transform:translateY(-0.625rem);
}
.team_wrapper .team-img{
    margin:0 auto;
}
.team_wrapper .team-info .social-network{
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    padding:0.625rem 0;
    list-style: none;
    display:flex;
    align-items:center;
    justify-content: center;
}
.team_wrapper .team-info .social-network li a{
    width:1.5625rem;
    height:1.5625rem;
    line-height:1.5625rem;
    display:block;
    border-radius:.3125rem;
    margin:0 .3125rem;
    font-size:.75rem;
    background-color:#000;
    color:#fff;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
.team_wrapper .team-info .social-network li a:hover{
    background-color:rgb(214, 26, 104);
}
.gallery_wrapper{
    background-image:url(../images/gallery-background.png);
    background-repeat: no-repeat;
    background-position:center;
    background-size:cover;
}
.gallery_wrapper img{
    border-radius:0.9375rem;
}
.h-120{
    height:337px;
    width:745px;
    margin-left:380px;
    margin-top:-360px;
}
.testimonial_wrapper .card{
    background-color:rgba(252, 81, 133, .05);
}
.client-image{
    margin:0 auto;
}
.appoinment_wrapper .card{
    background-color:rgba(252, 81, 133, .05);
}
.appoinment_wrapper{
    background-image:url(../images/appointmnet-bg.jpg);
    background-position:center center;
    background-size:cover;
    background-repeat: no-repeat;
}
.blog_wrapper .blog-content{
    background-color:var(--bg-light-blue);
    padding:2.5rem;
}
.footer_wrapper{
    background-color:var(--bg-primary);
    height:400px;
}
.footer_wrapper h5{
    color:#fff;
}
.footer_wrapper .contact-info ul a{
    padding:0;
}
.footer_wrapper ul li{
    margin-bottom:.5rem;
    list-style:none;
    font-size:.875rem;
}
.footer_wrapper ul li a{
    color:#fff;
}
.footer_wrapper ul li a,
.footer_wrapper a{
    color:#fff;
    font-size:.875rem;
    padding-left:1.5rem;
    position:relative;
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-out 0s;
}
.footer_wrapper ul li a::before{
    content:'\f105';
    font-family:"font Awesome 5 Free";
    font-weight:600;
    position:absolute;
    left:0.3rem;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
.footer_wrapper .link-widget li a:hover{
    margin-left:.625rem;
    color:rgb(214, 26, 104);
}
.footer_wrapper .social-network a {
    width:2.1875rem;
    height:2.1875rem;
    margin:.5rem;
    line-height:2rem;
    font-size:.875rem;
    display:inline-block;
    border:.425rem solid rgb(33, 33, 125);
    border-radius:50%;
    color:#fff;
    text-align:center;
    border-radius:100%;
    -webkit-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.footer_wrapper .social-network a:hover{
    background-color:rgb(214, 26, 104);
    border-color:rgb(214, 26, 104);
    color:#fff;
    transform:translateY(-0.1875rem);
}
.font-icon{
    border:1px solid #fff;
    border-radius:50%;
    padding:3px;
}
.font-icon:hover{
    border:1px solid #fff;
    background-color:rgb(214, 26, 104);
    color:#fff;
    padding:3px;
    transform:translateY(-0.1875rem);
}
.footer_wrapper ::placeholder{
    color:#fff;
}
.footer_wrapper .form-control{
    color:#fff;
}
.footer_wrapper .form-control:focus{
    outline:none;
    box-shadow:none;
    
    border-color:#fff;
}
.footer_wrapper .copyright-section{
    padding:2rem 0 1rem;
    text-align:center;
    background-color:#fff;
}
.h-100{
    height:100px;
}