@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500');
html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}


 body{
     font-family: 'Roboto Slab', serif !important;
}


.headerSection {
    position: absolute;
    z-index: 99;
    width: 100%;
}
.headerSection header {
    position: relative;
    width: 100%;
    padding: 15px 0;
}
.logo {
    position: relative;
    z-index: 123;
    display: inline-block;
    left: 10%;
}
.logo img {
    width: 70%;
    border: none;
    padding: 0;
}
.button {
    display: none;
}
#cssmenu > ul {
    padding: 0;
    display: inline-block !important;
    vertical-align: middle;
    margin:0;
    width: 80%;
    text-align: right;
}
.headerSection nav{
    position:relative;
    margin:0 auto;
}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{
    border:0;
    list-style:none;
    
    line-height:1;
    display:block;
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
 #cssmenu:after,#cssmenu > ul:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
 #cssmenu #head-mobile{
    display:none
}
#cssmenu > ul > li {
    display: inline-block;
    vertical-align: top;
        padding: 10px 7px;
}
#cssmenu > ul > li > a {
    padding: 10px;
    font-size: 15px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #2b2024;
    position: relative;
    z-index: 99;    
}
/* #cssmenu > ul > li:hover > a,#cssmenu ul li.active a{
    color:#fff
}*/
 #cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{
    -webkit-transition:background .3s ease;
    -ms-transition:background .3s ease;
    transition:background .3s ease;
}
 #cssmenu > ul > li.has-sub > a{
    padding-right:17px
}
#cssmenu > ul > li.has-sub > a::after {
    position: absolute;
    top: 9px;
    right: 1px;
    display: block;
    content: '\f107';
    font-family: fontawesome;
    font-size: 15px;
}
 /*#cssmenu > ul > li.has-sub > a:before{
    position:absolute;
    top:19px;
    right:14px;
    display:block;
    width:2px;
    height:8px;
    background:#bf3371;
    content:'';
    -webkit-transition:all .25s ease;
    -ms-transition:all .25s ease;
    transition:all .25s ease
}
 #cssmenu > ul > li.has-sub:hover > a:before{
    top:23px;
    height:0
}*/
#cssmenu ul ul {
    position: absolute;
    left: -9999px;
    padding: 0;
    text-align: left;
}
 #cssmenu ul ul li{
    height:0;
    -webkit-transition:all .25s ease;
    -ms-transition:all .25s ease;
   background: #2f4f4f;
    transition:all .25s ease
}
 #cssmenu ul ul li:hover{
}
 #cssmenu li:hover > ul{
    left:auto
}
 #cssmenu li:hover > ul > li{
    height:35px
}
 #cssmenu ul ul ul{
    margin-left:100%;
    top:0
}
 #cssmenu ul ul li a{
 border-bottom: 1px solid #fff;
    padding: 8px 15px;
    width: 170px;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    font-weight: 400;
}
 #cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{
    border-bottom:0
}
 #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{
    color:#fff;
}
 #cssmenu ul ul li.has-sub > a:after{
    position:absolute;
    top:16px;
    right:11px;
    width:8px;
    height:2px;
    display:block;
    background:#2f4f4f;
    content:''
}
 #cssmenu ul ul li.has-sub > a:before{
    position:absolute;
    top:13px;
    right:14px;
    display:block;
    width:2px;
    height:8px;
    background:#ddd;
    content:'';
    -webkit-transition:all .25s ease;
    -ms-transition:all .25s ease;
    transition:all .25s ease
}
 #cssmenu ul ul > li.has-sub:hover > a:before{
    top:17px;
    height:0
}
 #cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{
    background:#363636;
}
 #cssmenu ul ul ul li.active a{
    border-left:1px solid #333
}
 #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{
    border-top:1px solid #333
}
 @media screen and (max-width:700px){
     .logo{
        position:absolute;
        top:0;
        left: 0;
        width:100%;
        height:46px;
        text-align:center;
        padding:10px 0 0 0 ;
        float:none
    }
     .logo2{
        display:none
    }
     nav{
        width:100%;
    }
     #cssmenu{
        width:100%
    }
     #cssmenu ul{
        width:100%;
        display:none
    }
     #cssmenu ul li{
        width:100%;
        border-top:1px solid #444
    }
     #cssmenu ul li:hover{
        background:#363636;
    }
     #cssmenu ul ul li,#cssmenu li:hover > ul > li{
        height:auto
    }
     #cssmenu ul li a,#cssmenu ul ul li a{
        width:100%;
        border-bottom:0
    }
     #cssmenu > ul > li{
        float:none
    }
     #cssmenu ul ul li a{
        padding-left:25px
    }
     #cssmenu ul ul li{
        background:#333!important;
    }
     #cssmenu ul ul li:hover{
        background:#363636!important
    }
     #cssmenu ul ul ul li a{
        padding-left:35px
    }
     #cssmenu ul ul li a{
        color:#ddd;
        background:none
    }
     #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{
        color:#fff
    }
     #cssmenu ul ul,#cssmenu ul ul ul{
        position:relative;
        left:0;
        width:100%;
        margin:0;
        text-align:left
    }
     #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{
        display:none
    }
     #cssmenu #head-mobile{
        display:block;
        padding:23px;
        color:#ddd;
        font-size:12px;
        font-weight:700
    }
     .button{
        width:55px;
        height:46px;
        position:absolute;
        right:0;
        top:0;
        cursor:pointer;
        z-index: 12399994;
    }
     .button:after{
        position:absolute;
        top:22px;
        right:20px;
        display:block;
        height:4px;
        width:20px;
        border-top:2px solid #dddddd;
        border-bottom:2px solid #dddddd;
        content:''
    }
     .button:before{
        -webkit-transition:all .3s ease;
        -ms-transition:all .3s ease;
        transition:all .3s ease;
        position:absolute;
        top:16px;
        right:20px;
        display:block;
        height:2px;
        width:20px;
        background:#ddd;
        content:''
    }
     .button.menu-opened:after{
        -webkit-transition:all .3s ease;
        -ms-transition:all .3s ease;
        transition:all .3s ease;
        top:23px;
        border:0;
        height:2px;
        width:19px;
        background:#fff;
        -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        transform:rotate(45deg)
    }
     .button.menu-opened:before{
        top:23px;
        background:#fff;
        width:19px;
        -webkit-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
     #cssmenu .submenu-button{
        position:absolute;
        z-index:99;
        right:0;
        top:0;
        display:block;
        border-left:1px solid #444;
        height:46px;
        width:46px;
        cursor:pointer
    }
     #cssmenu .submenu-button.submenu-opened{
        background:#2f4f4f
    }
     #cssmenu ul ul .submenu-button{
        height:34px;
        width:34px
    }
     #cssmenu .submenu-button:after{
        position:absolute;
        top:22px;
        right:19px;
        width:8px;
        height:2px;
        display:block;
        background:#ddd;
        content:''
    }
     #cssmenu ul ul .submenu-button:after{
        top:15px;
        right:13px
    }
     #cssmenu .submenu-button.submenu-opened:after{
        background:#fff
    }
     #cssmenu .submenu-button:before{
        position:absolute;
        top:19px;
        right:22px;
        display:block;
        width:2px;
        height:8px;
        background:#ddd;
        content:''
    }
     #cssmenu ul ul .submenu-button:before{
        top:12px;
        right:16px
    }
     #cssmenu .submenu-button.submenu-opened:before{
        display:none
    }
     #cssmenu ul ul ul li.active a{
        border-left:none
    }
     #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{
        border-top:none
    }
}

.readMoreBtn {
    background-color:#e81c25;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 100px;
    border: 1px solidhotpink;
    -webkit-transition: 0.2s ease all 0s;
    -moz-transition: 0.2s ease all 0s;
    -ms-transition: 0.2s ease all 0s;
    -o-transition: 0.2s ease all 0s;
    transition: 0.2s ease all 0s;    
}
.readMoreBtn:hover {
    background-color: transparent;
    color:hotpink;
    text-decoration: none;
}
.ScrollDownBtn::after {
    content: "";
    display: block;
    position: absolute;
    width: 140px;
    border-bottom: 1px solid #000;
    right: -145px;
    top: 10px;
}
.ScrollDownBtn {
    position: absolute;
    right: -10px;
    bottom: 60px;
    transform: rotate(-90deg);
    cursor: pointer;
    display: none;
}
.aboutSec{
    padding: 50px 0 150px;
}
.department{padding: 45px 0px;}

.caption-overImg {
    position: relative;
}
.caption-overImg figcaption {
    position: absolute;
    top: 40px;
    left: 40px;
    color: #2b2024;
    font-size: 35px;
    font-weight: bold;
}
.button-white:hover {
    border-color: #fff;
    color: #fff !important;
    text-decoration: none;
}
.captionbox {
    background-color: #f4f4f4;
    width: 80%;
    /* margin: -60px auto 0; */
    /* position: relative; */
    padding: 20px;
    box-shadow: 0 0 20px -3px rgba(0,0,0,0.3);
    line-height: 1.5;
    position: absolute;
    bottom: -150px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transition: 0.2s ease all 0s;
    -moz-transition: 0.2s ease all 0s;
    -ms-transition: 0.2s ease all 0s;
    -o-transition: 0.2s ease all 0s;
    transition: 0.2s ease all 0s;    
}
.captionbox{    min-height: 268px;}

.captionbox-cardic p{margin-bottom: 85px !important;}

.captionbox p {
    margin-bottom: 23px;
    line-height: 1.5;
    color: #4d4d4d;
    font-size: 15px;
    text-align: justify;
}
.caption-overImg img {
    width: 100%;
}
.readMoreBtn.inPageStyle {
    font-size: 14px;
    padding: 4px 22px;margin-bottom: 25px;
}
.readMoreBtn.inPageStyle:hover {
    background-color: transparent;
    color:hotpink;
    text-decoration: none;
}

.slider-for{
    margin: 30px auto 1px;
    overflow: hidden;
    z-index: 9;
}


.imageBg {
    position: relative;
}
.slider-nav{
    margin: auto;
}

.slick-arrow{
    position: absolute;
    z-index: 50;
}
/*.slick-prev{
    left: 0;
}
.slick-next{
    right: 0;
}*/
.doctorsSection {
    background-color: #efefef;
    padding:50px 0;
}



.department{
     background-color: hotpink;
}
/*.item.slick-slide:not(.slick-active) {
    opacity: 0;
    opacity: 0;
}*/
.docDescription {
    display: block;
    margin-top: 40px;
    line-height: 1.5;
    font-size: 15px;
    font-weight: 300;
    width: 660px;
    text-align: justify;
}
.DoctorName {
    font-weight: bold;
    font-size: 26px;
    text-transform: uppercase;
    position: relative;
}
.DoctorName::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 200px;
    height: 1px;
    background-color: #000;
}
.DoctorName small {
    display: block;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 300;
    margin-top: 7px;
}
.doctorsSection .slider-nav {
    margin-top: 60px;
}


/*.caption-overImg:hover .captionbox {
    bottom: 30px;
}*/
.container.full-width {
    width: 100%;
    padding: 0 !important;
}

.ourSecialityBox {
    position: relative;
}
.ourSecialityBox::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 499px;
    background-image: url(../images/ourSpeciality_lhs.jpg);
}
.ourSecialityBox::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 499px;
    background-color: #af2268;
    opacity: 0.9;
}
.ourSpecialitiesCont {
    position: relative;
    z-index: 99;
    padding: 0px 50px;
}


.ourSpecialitiesCont ul {
    padding: 0;
    margin: 0;
    list-style: none;margin-top: 5px;
}
.ourSpecialitiesCont li {
    color: #fff;
    margin-bottom: 0px;
}
.titles {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
}
.titles i {
    margin-right: 10px;
}
.titles::after {
    content: "";
    display: block;
    position: absolute;
    right: -15px;
    top: 8px;
    height: 40px;
    width: 3px;
    background-color: #2b2024;
}
.titles-black {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
}
.titles-black i {
    margin-right: 10px;
}
.titles-black::after {
    content: "";
    display: block;
    position: absolute;
    right: -15px;
    top: -2px;
    height: 45px;
    width: 3px;
    background-color: #2b2024;
}
.book-titles {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
}
.book-titles i {
    margin-right: 10px;
}
.book-titles::after {
    content: "";
    display: block;
    position: absolute;
    right: -25px;
    top: 4px;
    height: 45px;
    width: 3px;
    background-color: #fff;
}
.button-white {
    background-color: #fff;
    color:hotpink;
}
.ourSpecialitiesCont p {
    font-size: 14px;
    font-weight: 300;
    text-align: justify;
}
.footageCont {
    /*background-image: url(../images/testimonial-Bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;*/
    background:hotpink;
}
.medical-tourism
{
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.innerHead {
    text-align: center;
    color:hotpink;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 20px;
    position: relative;
}
.innerHead::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 45px;
    height: 3px;
    background-color: #2b2024;
    transform: translateX(-50%);
}
.subHeader {
    text-align: center;
}
.testimonialContainer {
    background-color: #fff;
    text-align: center;
    padding: 30px;
    margin-top: 50px;
    margin-left: 20px;
    margin-right: 20px;
}
.testimonial p {
    margin-bottom: 10px;
}
.testimonial {
    display: block;
    text-align: left;
}
.image {
    display: inline-block;
    border: 3px solid #fff;
    border-radius: 100px;
    overflow: hidden;
    margin-top: -75px;
}
.testimonial strong {
    position: relative;
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
}
.testimonial strong::before {
    content: "\f10d";
    font-family: fontawesome;
    display: block;
    position: relative;
    font-size: 23px;
    color:hotpink;
    margin-bottom: 3px;
}

.margin-top-20{
    margin-top: 20px;
}
.medicalTourism_section {
    background: url(../images/book-bg.jpg);
    padding: 75px 0;
}
.calender {
    margin-right: 25px;
}
.color_white {
    color: #fff !important; 
}
.footerLinks {
    padding: 0;
    list-style: none;
}
.footerHeads {
    font-size: 18px;
    color: #2b2024;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: 'Roboto Slab', serif !important;
}
.footerBox {
    min-height: 150px;
}
.footer-section {
    padding: 50px 0 ;
    font-family: 'Roboto', sans-serif;
 
}
.footerLinks a {
    color: #151313;
    font-size: 15px;
    line-height: 2;
}
.bookApp .fa-calendar {
    font-size: 25px;
    margin-right: 20px;
    margin-top: 15px;
    color:hotpink;
}
.bookApp {
    margin-bottom: 25px;
    display: block;
}
.socialMedia {
    padding: 0;
    list-style: none;
}
.socialMedia li {
    display: inline-block;
}
.socialMedia a {
    padding: 4px 10px;
    width: 35px;
    height: 35px;
    text-align: center;
    display: block;
    line-height: 27px;
    color: #fff;
    border-radius: 100%;
    font-size: 19px;
}
.facebook {
    background-color: #36609f;
}
.twitter {
    background-color: #2aa9e0;
}
.gplus {
    background-color: #db5442;
}
.instagram
{
    background-color: #e4405f;
}
.youtube {
    background-color: #ed3437;
}
.footerlogo {
    margin-bottom: 30px;
    position: relative;
}
.footerlogo::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: -13px;
    background-color:hotpink;
    width: 40px;
    height: 2px;
}
.postFooter {
    background: darkslategray;
    padding: 14px 20px 11px;
}
.postFooter a, 
.postFooter p {
    color: #1a1a1a;
}
.overviewBox p {
    line-height: 1.5;
}
.bookAppointmentBox p {
    width: 70%;
    line-height: 1.5;
}
#main {
    position: relative;
    z-index: 9;
    background-color: #fff;
}

#cssmenu > ul > li > a:hover{
    color: #fff;
}


#cssmenu > ul > li > a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
   background-color: #2f4f4f;
    z-index: -1;
    -webkit-transition: 0.2s ease all 0s;
    -moz-transition: 0.2s ease all 0s;
    -ms-transition: 0.2s ease all 0s;
    -o-transition: 0.2s ease all 0s;
    transition: 0.2s ease all 0s;    
}
#cssmenu > ul > li > a:hover::before{
    height: 100% !important;
}
.speciality::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 499px;
    background-image: url(../images/ourSpeciality.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.overviewBox {
    margin-left: 50px;
}

/*About page  */

#inner-headline {
    background: #318FCF;
    position: relative;
    margin: 0;
    padding: 0;
    color: #fefefe;
    /* margin: 15px; */
       
    background: url(../images/about.jpg) top left no-repeat;
  
    background-size: cover;height: 197px;text-align: right;
}

.headerSection{  background-color: #fff;}

.breadcrumb .breadcrumb-title{
  display: inline-block;
    color:hotpink;
    font-size: 35px;
    font-weight: bold;margin-right: 136px;}

    .breadcrumb .headerSection{}

  .breadcrumb  .headerSection{position: relative;margin-bottom: 40px;}

.secpad {
    padding: 50px 0 0px;
}

.mab-30 {
    margin-bottom: 30px;
}
.mat-20 {
    margin-top: 20px;
}
.section-title h5 {
    color:hotpink;
    font-size: 13px;
    letter-spacing: 3px;
    font-weight: 600;
    font-family: 'Roboto Slab', serif !important;
    margin-bottom: 10px;
}
.section-title h2{font-family: 'Roboto Slab', serif !important;}

.welcome-area h2 {
    font-size: 36px;
}
.section-title .line1 {
    margin-top: 15px;
}
.section-title .line, .section-title .line1 {
    background-color: hotpink;
    width: 50px;
    height: 4px;
    border-radius: 5px;
    margin-top: 15px;
}

.about-box {
    margin-top: 20px;
}

.about-box-images {max-width: 600px;
    float: right;}

.about-achievement i.fa {
    font-size: 26px;
    margin-right: 10px;
    color: #CC446C;
}
.about-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.about-img img {
    max-width: 100%;
    height: auto;
}
.layer-two {
    margin-top:80px;
}



.about-box .img-icon {
    width: 40px;
}
.about-box .img-icon, .about-box h5 {
    margin-bottom: 15px;
}
.btn-play {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    background-color: #2c373d;
    color: #fff;
    text-align: center;
    border-radius: 60px;
    line-height: 60px;
    margin-left: -30px;
    margin-top: -30px;
    font-size: 18px;
    transition: .2s all;
}

.overview-area img {
    width: 50px;
    margin: 0 auto;
    margin-bottom: 15px;
    text-align: center;
}

.overview-area h3 {
   margin-bottom: 33px;position: relative;
}
.overview-area{    background-color: #efefef;position: relative;padding: 50px 0px;    margin-top: 70px;}


.overview-area h3::after
{content: '';
    background-color:hotpink;
    position: absolute;
    top: 0px;
    left: 176px;
    width: 50px;
    height: 4px;
    border-radius: 5px;
    margin-top: 15px;
    margin-top: 40px;}

.flaticon_icon_size_blue {
    font-size: 50px;
    color:hotpink;
}


.doctor_area {
    padding: 90px 0 100px;
    position: relative;
    z-index: 1;
}
.section_title {
    margin-bottom: 80px;
}
.section_title h1 {
    font-weight: bold;
    margin-bottom: 25px;
}

 .zoom {
    transition: transform .2s; /* Animation */  
    margin: 0 auto;
}

.service-box:hover .zoom {
    transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}



.welcome-area-about{display: block;
    text-align: center; 
    margin: 0 auto;
    width: 80%;margin-bottom: 50px;}
    .welcome-area-about .innerHead{
    margin-bottom: 35px;
}


#cssmenu li.active {
   
    background-color: transparent;
    /*border: 1px solidhotpink !important;*/
}



.about-banner-section {
  margin: 0;
    padding: 102px 0 0 0;
    /*background: url(../img/contact.jpg) center top 80px no-repeat;*/
    background-size: cover;
    height: 306px;
    background:linear-gradient(#00000042,#0000005e),
   linear-gradient(#00000063,#0000008f), 
    url(../img/contact.jpg) !important;
  
}


#about-banner{background: url(../images/About-Us_banner.jpg) center top 80px no-repeat;}
#blog-banner{background: url(../images/Blog_banner.jpg) center top 80px no-repeat;}
#expertise-banner{background: url(../images/expertise_banner.jpg) center top 80px no-repeat;}
#specialities-banner{background: url(../images/specialitiest_banner.jpg) center top 80px no-repeat;}
#medical-tourism-banner{background: url(../images/medical-tourism_banner.jpg) center top 80px no-repeat;}
#blog-banner{background: url(../images/Blog_banner.jpg) center top 80px no-repeat;}
.about-banner-section .about-banner-title {
    margin: 0 auto;
    padding: 70px 0px;
    text-align: right;
    width: 79%;
}

.about-banner-section .about-banner-title h2 {
    margin: 0;
    padding: 0;
    font-size: 40px;
    color:#eb2024;
    font-weight: 700;
    text-shadow: 0 2px 1px #fff;text-transform: uppercase;
}

.about-banner-section .about-banner-title p {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 16px;
    color: #555;
    font-weight: 400;
}

.about-banner-section .about-banner-title nav {
    display: inline-block;
    margin-top: 15px;
    font-family: 'Open Sans', sans-serif !important;
}

.about-banner-section .about-banner-title .breadcrumb {
    border-radius: 0;
    margin-bottom: 0;
    background-color: rgba(8, 62, 92, 0.3);
    padding: 14px 50px;
}

.about-banner-section .about-banner-title .breadcrumb li {
    font-size: 12px;
    color: #fff !important;
    font-weight: 600;
    text-transform: uppercase;
}

.about-banner-section .about-banner-title .breadcrumb li a {
    color: #fff !important;
}


.department .department-top h3 {
    color:hotpink;font-weight: 100;
    margin-bottom:  25px;
    position: relative;font-size: 55.71px;
}

.department .department-top .top-heading , #services .vision .top-heading ,#services .mission .top-heading,.top-heading{
  color: hotpink;;font-weight: 700;
    margin-bottom: 25px;
font-size: 36px;
}

#services .vision .top-heading{margin-bottom: 5px !important;}

.department .department-top span {
    color:hotpink;
    margin-bottom: 5px;
font-size: 18px;
}

.department .department-top p{
    font-size: 15px;
    line-height: 24px;
}

.welcome-area .content-box {
    padding: 0;
}

.welcome-area .content-box p {
    font-size: 15px;
    line-height: 1.6;
}

 .welcome-area{     padding: 0px 0 0px;padding-bottom: 50px;}


 .founder{
 
  background: hotpink;
    padding: 50px 0;
    }


 .founder   .image {
    display: inline-block;
    border: 3px solid #fff;
    border-radius: 100px;
    overflow: hidden;
    margin-top: 0px;
}

 .founder .innerHead {
    text-align: center;
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 0px !important;
    margin-top: 15px;
    position: relative;
}

 .founder  .innerHead::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 45px;
    height: 3px;
    background-color: #f7f7f7;
    transform: translateX(-50%);
}


.founder .testimonialContainer {
    background-color: #fff;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 100px;
    box-shadow: 0px 0px 49px 0px rgba(0,0,0,.25);
    max-width: 1173px;
    margin: 30px auto;
}
.founder .testimonial ,#services .vision,#services .mission{
    display: block;
    text-align: center;
}

.founder  .testimonial strong::before{display: none;}

.founder .testimonial strong{color:hotpink;}



.service-box .service-icon{    margin-right: 23px;
    float: left;}

    .service-box .service-text  {
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px;    width: 70%;
}

#services{
    padding: 45px 0 45px;
}

.medicalTourism_section-innerpage{border-bottom: 10px solid #f4d3e3;}

 .galley-structure{
   display: list-item;
    float: left;
    /* width: 236px; */
    /* padding: 10px 10px; */
    margin: 6px 8px;
}


.gallery-section {
   text-align: center;
    background: #ffffff;
    display: block;
    box-shadow: 0px 0px 24px 0px rgba(0,0,0,.25);
    width: 1185px;
    margin: 0 auto;
    padding: 6px 5px;
    overflow: hidden;
}

.gallery-section .images-strcture{    list-style: none;
    padding: 0;
    display: inline-block;
    text-align: center;
    margin: 0px;}



#myList li{ display:none;
}
#loadMore {
    color:green;
    cursor:pointer;
}
#loadMore:hover {
    color:black;
}
#showLess {
    color:red;
    cursor:pointer;
}
#showLess:hover {
    color:black;
}

.vieitems{
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    /* padding-top: 50px; */
    padding: 50px 0px;
}

.vieitems #loadMore, .vieitems #showLess{
    width: 50px;
    height: 50px;
    text-align: center;
    display: block;
    margin: 0 auto;
    background:hotpink;
    border-radius: 50px;
    line-height: 43px;
    font-size: 23px;
    color: #fff;
    text-transform: uppercase;
}
.vieitems #loadMore:hover, .vieitems #showLess:hover
{
    background-color: transparent;
    color:hotpink;
    text-decoration: none;
    border:1px solid;
}
.infrastructure-gallery{
    /*border-bottom: 10px solid #f4d3e3;*/
}

.doctor-image{display: inline-block;}
.doctor-timing-info{width: 70%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px;}

.doctor-information h4{
    color:hotpink;
    font-size: 22px;
    margin-bottom: 0;
}
.doctor-information  span{
    color: #000;
    font-size: 16px;
}
.timing{padding: 10px 0px;}

.timing span i{color:hotpink;
       padding-right: 3px;}

  .timing span  {
    margin-right: 20px;
}

.panel-info{padding: 20px 0px;}

.cardic-doctor-panel {
   padding: 45px 0px 60px;
    position: relative;
}
.panel-info-for-appotment{
    display: block;
    text-align: center;
}

.cardic-doctor-panel .doctor-type {
   color: #fff;
    font-size: 36px;
    font-weight: 700;
    position: relative;
    margin-bottom: 28px;
    display: block;
    /* margin: 0 auto; */
    text-align: center;
    margin-top: 0px;
}

.cardic-doctor-panel .doctor-type::after{content: " ";
    width: 5;
    width: 5%;
    margin: 0 auto;
    /* left: 50%; */
    top: 46px;
    color: #fff;
    background: #fff;
    display: block;
    border-bottom: 2px solid white;
    text-align: center;}  

.founder-doctor{position: relative;}

.founder-doctor::before{
    width: 100%;
    background-color:hotpink;
   position:absolute;
   height: 544px;content: " ";
}

.list-of-doctors{
    background: #fff;
    display: block;
    text-align: left;
    width: 542px;
    margin: 0 auto;    box-shadow: 0px 0px 24px 0px rgba(0,0,0,.25);padding: 26px;
}
.list-of-doctors .panel-info {
    padding: 10px 0px;

}

.list-of-doctors  .timing {
    padding: 0px 0px;
}




.care-those-love{
    display: inline-block;
    vertical-align: middle;
  /* width: 49%;*/
    position: relative;
}

.care-those-love-image{float: none;
    display: inline-block;
     vertical-align: middle;}

     .contact-info-icon{
    color: #b3b3b3;
    font-size: 19px;
    padding: 0px 12px;
}

.contact-info-content {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 20px;
}

.contact-info-cell{padding: 8px 0px;}
.contact-info-details{color: #4d4d4d;
    font-size: 15px;}

 .contact-information-details{max-width: 867px;
    margin: 0 auto;
    display: block;}   

  .call-info{margin-bottom: 20px;}  

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 20px 17px !important;
    font-size: 14px;
    line-height: 27px;
    color: #555 !important;
    background-image: none;
    border: 1px solid #000;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    box-shadow: none;
    margin-bottom:10px;
    
}

.contact-form-infomation textarea{height: 139px !important;}

.contact-form-infomation{max-width: 837px;
    margin: 0 auto;
    display: block;
    padding-bottom: 50px;padding-top: 0px;}  

    .career-button{display: block;
    text-align: center;} 

    .career-button .contact-submit  {
      background-color: #ffffff;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 100px;
    border: 1px solid #000;
    -webkit-transition: 0.2s ease all 0s;
    -moz-transition: 0.2s ease all 0s;
    -ms-transition: 0.2s ease all 0s;
    -o-transition: 0.2s ease all 0s;
    transition: 0.2s ease all 0s;
}

.career-button .contact-submit:hover  {
    background-color: transparent;
    color: #fff;
    text-decoration: none;
}

#map-Blossoms{height: 322px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    border: 10px solid #f4d3e3;}

    .care-love{
       max-width: 950px;
    margin: 0 auto;
}
.hospital-you-trust {
    padding: 20px 0px;margin-bottom: 0px;padding-bottom: 0px;
}

.contact-us-heading{font-size: 36px;}

.footerLinks a{text-decoration: none;}
.footerLinks i{    color:hotpink;font-size: 15px;font-weight: 700;
    padding: 7px;}

.Experties-doctors {
    background: #fff;
    display: block;
    text-align: left;
    width: 1174px;
    margin: 0 auto;
    box-shadow: 0px 0px 24px 0px rgba(0,0,0,.25);
    padding: 26px;
}

.col-md-4.treatment-guide {
    width: 41.333333%;
}

.doctors-involves{
    font-size: 17px;
    font-weight: bold;
    color: #333333;
}

 .ivf-treatment-guide li{
    color: #4d4d4d;
    font-size: 15px;
    line-height: 27px;position: relative;
}
.ivf-treatment-guide{list-style: none;padding:0 30px;}
 .ivf-treatment-guide li::before{/*content: '';
    width: 8px;
    height: 8px;
    background: #808080;
    display: table-cell;
    position: absolute;
    left: -25px;
    border-radius: 200%;
    top: 6px;*/
content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #808080;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -21px;
    position: absolute;
    margin-right: 0;
    top: 10px;
}

    .expertise-background::before{height: 297px !important;}

    .egg-retrieval{background-color: #f2f2f2;max-width: 989px;margin: 0 auto;position: relative;}
    .detectpregnancy{padding: 10px;}
    .blood-text{font-size: 17px;color:hotpink;font-weight: bold;display: block;text-align: center;}

    .pregnancy-specialist{max-width: 800px;display: block;text-align: left;margin-left: 25px;}
  .pregnancy-specialist li{
    font-size: 15px;
    line-height: 27px;position: relative;list-style: none;
}

  .pregnancy-specialist li::before{content: '';
        content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #333;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -21px;
    position: absolute;
    margin-right: 0;
    top: 10px;}

    .services-pregnancy li{display: inline-block;width: 32%;}

hr.pink-line {
    border: 5px solid #f4d3e3;
    max-width: 1197px;
    margin: 0 auto;
    margin-top: 50px;
}

.services-egg-retrieval{margin-bottom: 50px;}

.specialities-treatments{padding: 0px;}
.specialities-treatments li {
    color: #333333;
    font-size: 15px;
    line-height: 27px;
    position: relative;
    font-weight: bold;padding-top: 11px;
}

.specialities-treatments li a {
    color: #333333;
    font-size: 15px;text-decoration: none;
    line-height: 27px;
    position: relative;
    font-weight: bold;
    padding-top: 11px;
}

.specialities-treatments li a:hover{text-decoration: none;color:#333333; }

.specialities-doctors{padding: 25px 6px;}

.specialities-treatments li::before{top: 20px;}
.advantages {
    color: hotpink;
    font-size: 30px;
}

.laparoscopic-procedures{text-align: center;margin: 0 auto;line-height: 27px;}
.ailments{margin-left: 0px;}




.single-specialize {
    padding: 0px 10px;
}

.single-specialize .icon-box {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #F0F0F0;
    line-height: 118px;
    color: #186AAB;
    margin-bottom: 15px;
    transition: all .3s ease;
}

.service-box .icon-box {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    text-align: center;
    /* margin-left: auto; */
    /* margin-right: auto; */
    border: 1px solid #F0F0F0;
    line-height: 118px;
    color: #186AAB;
    margin-bottom: 15px;
    transition: all .3s ease;
    vertical-align: middle;
    display: inline-block;
}

.single-specialize h3 {
    font-size: 20px;
    line-height: 24px;
    margin: 0;
   color:hotpink;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 15px;
}

.thm-btn:hover{color:#666 }


.popup-close{position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    margin: 10px;color:hotpink;
    text-decoration: none;}
    .popup-close i{font-size: 25px;}

  .popup-close:hover{color:hotpink;}  

.openmodel-content{
    padding: 10px;
    margin: 25px;
}

.openmodel-content h4{font-size: 20px;
    line-height: 24px;
    margin: 0;
    color:hotpink;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 15px;}

.single-specialize p {
    
    font-size: 15px;
    line-height: 22px;
    margin: 0;
    margin-bottom: 25px;
}
.single-specialize a{text-decoration: none;}
.single-specialize a.thm-btn {
    font-size: 12px;
    padding: 7px 21px;
}

.thm-btn {
    background: transparent;
    border-radius: 30px;
    display: inline-block;
    color:hotpink;
    font-size: 12px;
    /* font-family: 'Raleway', sans-serif; */
    /* text-transform: uppercase; */
    font-weight: bold;
    padding: 12px 35px;
    border: 2px solidhotpink;
    transition: all .3s ease;
}

.single-specialize .icon-box i:before {
    font-size: 60px;
}

.single-specialize:hover .icon-box {
    background: #e6e4e4;
    border-color: #f2f2f2;
    color: #fff;
}


.department-top{
    max-width: 1201px;
    margin: 0 auto;
}
.subsequent-treatments{margin:30px 0px;}
.cardic-egg-retrieval{margin-top: 25px;}

.Doctor-panel-timing-container{max-width: 1173px;margin: 0 auto;}

#Orthopaedic .single-specialize {
    padding: 0 20px;
}

.popup {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.75);
    z-index: 99999;
}

.popup-inner {
    width: 70%;
    height: auto;
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0px 2px 6px rgba(0,0,0,1);
    border-radius: 3px;
    background: #fff;    border: 2px solidhotpink;
}

.popup-content {
    float: left;
    width: 100%;
}

/* 
.welcome-area-container{    max-width: 1189px;
    margin: 0 auto;} */

 .expertise-background{    padding-bottom: 45px;}   


 .single-header-info .icon-box .inner-box {
    width: 60px;
    height: 60px;
    border: 1px solid #E1E1E1;
    border-radius: 50%;
    text-align: center;
    line-height: 58px;
    margin-right: 15px;
}

.single-header-info .icon-box, .single-header-info .content {
    display: table-cell;
    vertical-align: middle;
}

.single-header-info .content a{font-size: 15px; text-decoration: none; color:#000;}
.single-header-info .contents  {
    font-size: 15px;
   
 
}
.single-header-info .content{padding: 5% 0% !important;}
.single-header-info{
    margin: 0 50px;
}


    .postFooter p{
      color:#fff;
   }
.founder-information {
    position: relative;
}
.founder-image {
    position: relative;
    display: table-cell;
}
.testimonial-content {
  position: relative;
    background-color: rgba(191,51,113,0.8);
    padding: 14px;
    position: absolute;
    overflow: hidden;
    top: 121px;
    left: 36%;
    z-index: 99999;
    color: #fff;
    display: table-cell;
    margin: 22px;}



.scrollbar
{
   margin-left: 30px;
    float: left;
    /* height: 300px; */
    /* width: 65px; */
    background:  #555;
    overflow-y: scroll;
    margin-bottom: 25px;
    width: 542px;
    /* min-height: 450px; */
    height: 450px;
}

.force-overflow {
    min-height: 450px;
}

#style-1::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(204,204,204,0.3);
    border-radius: 10px;
    background-color: #ccc;
}

#style-1::-webkit-scrollbar
{
    width: 8px;
    background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #F5F5F5;
}


#text{
display:none;
}


.doctor-image img{    border-radius: 70px;}

.contact-info-details a{color: #4d4d4d;
    font-size: 15px;
    text-decoration: none;}

#blog-description .testimonial-content {
    position: relative;
    /* background-color: rgba(191,51,113,0.8); */
    padding: 16px 36px;
    position: absolute;
    overflow: hidden;
    top: -3px;
    left: 26%;
    z-index: 99999;
    color: #fff;
    display: table-cell;
    margin: 22px;
    background-color: #fff;
    color: #4d4d4d;
    -webkit-box-shadow: 0 0 20px -3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 20px -3px rgba(0,0,0,0.3);
    box-shadow: 0 0 20px -3px rgba(0,0,0,0.3);
}

#blog-description .readMoreBtn.inPageStyle{margin-bottom: 0px;}

#blog-description  .founder-information{
    margin: 30px 0px;
}

.second-blog{right: 26% !important;
    left: 0% !important;}

    .blog-details{max-width: 1010px;
    margin: 0 auto;}

    .post-frame p{font-size: 15px;
    line-height: 28px;}

    .second-blog-img img{width: 50%;
    float: left;
    margin-right: 10px;}



    /* new css */
#instagram-embed-0{
        height:500px;
    }
    .founders {
    background: #ffffff;
    padding: 50px 0;
}

.innerHeads {
    text-align: center;
    font-size: 35px;
}
.news p{
    color:#fff;
    font-size:25px;
}
    .name-parg p{
        color: #000;
        font-size: 15px;
        text-align: justify;
        line-height: 31px;
       padding-bottom: 14px;
}
    .name-parg h3{
        color: hotpink;
        font-size: 40px;
        text-align: left;
        font-weight: 600;
    }

    .name-parg h4{
        text-align: left;
        font-size: 20px;
        font-weight: 600;
    }
     .news{
        margin-top: 150px;
    }
    .innerHeads{
        color:#fff;
        font-size:30px;
        text-align:center;
    }
    
    
    .contact-form{
        padding:50px 0;
       
    }
    
    .demo5 ul li{
        list-style:none;
        color:#fff;
        margin:0;
    }
    
    .department-slider
    {
        padding:50px 0;
            background: darkslategray;
    }
    .btn-know {
    text-align: left;
}
a.btns.btn-primarys {
    background: #2f4f4f;
    padding: 10px 18px;
    color: white;
    border-radius: 30px;
    text-decoration: none;
}
    
    
    /*custom css*/
    .video-section {
    padding: 0px 0 0px;
    padding-bottom: 50px;
}
    
    .outer_field01 h2{
            color: hotpink;
    font-weight: 700;
    margin-bottom: 25px;
    font-size: 36px;
    }
    
      .outer_field01 h3{
            color: hotpink;
    font-weight: 700;
    margin-bottom: 25px;
    font-size: 25px;
    }
    .outer_field01 p{
            color: #272424c7;
    font-size: 18px;
    line-height: 30px;
    }
    .treat-section {
    padding: 50px 0;
}
ul.card-menu.ls-20.amb-30.limb10.fonthalf {
    line-height: 30px;
    font-size: 15px;
    font-weight: 600;
}
.img01 {
    width: 850px;
    object-fit: cover;
}  
/*.category {*/
/*    margin-top: 30px;*/
/*    background: rgb(11 70 83);*/
/*    box-shadow: -1px -3px 20px 6px rgb(11 70 83 / 8%);*/
/*    border-top: 4px solid #0b4653;*/
/*}*/
/*.category h4 {*/
/*    font-size: 22px;*/
/*    margin-bottom: 0;*/
/*    padding-top: 25px;*/
/*    font-weight: 600;*/
/*    text-transform: capitalize;*/
/*    text-align: center;*/
/*    color: #fff;*/
/*}*/
/*.category .content {*/
/*    margin-top: 10px;*/
/*}*/
/*.category .content a {*/
/*    font-size: 14px;*/
/*    font-weight: 600;*/
/*    padding: 15px 10px;*/
/*    border-bottom: 1px solid #ff00bc;*/
/*    background: #ffffffed;*/
/*    color: #020202;*/
/*}*/
    .category .contents ul {
    /* font-size: 14px; */
    font-weight: 600;
    padding: 15px 29px;
     border-bottom: 1px solid #ff00bc;
    background: #ff69b4;
    /* color: #020202; */
    margin: 10px;
}


.category .contents li {
padding: 14px 4px;
    border-bottom: 1px solid #fff;
    color: aliceblue;
}
.category .contents li>a {
    padding: 14px 4px;
    color: white;
    text-decoration: none;
}
.category-titlle h4{
    margin-left: 20px;
    font-size: 30px;
}
.out_div {
  border: 1px solid #f00;
    padding: 25px 20px;
    background:darkslategray;
}
footer.footer-sections {
    border-top: 2px solid #000;
}
.contact-forms {
    padding: 50px 0 0;
}
/*testing*/
.card-desc01 {
    
    padding: 1.25rem;

    height: 170px;
    object-fit: cover;
}
.details-card {
	background: #ecf0f1;
}

.card-content {
	background: #ffffff;
	border: 4px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.card-img {
	position: relative;
	overflow: hidden;
	border-radius: 0;
	z-index: 1;
}

.card-img img {
	width: 100%;
	height: auto;
	display: block;
}

.card-img span {
	position: absolute;
    top: 15%;
    left: 12%;
    background: #1ABC9C;
    padding: 6px;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    transform: translate(-50%,-50%);
}
.card-img span h4{
        font-size: 12px;
        margin:0;
        padding:10px 5px;
         line-height: 0;
}
.card-desc {
	padding: 1.25rem;
}

.card-desc h3 {
	color: #000000;
    font-weight: 600;
    font-size: 1.5em;
    line-height: 1.3em;
    margin-top: 0;
    margin-bottom: 5px;
    padding: 0;
}

.card-desc p {
	color: #747373;
    font-size: 14px;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.5;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0;
	font-family: 'Raleway', sans-serif;
}
.card-content {
    border: 1px solid #000;
    padding: 10px 20px;
    margin-top: 30px;
    box-shadow: 1px 1px 5px #000;
}
.card-img img {
   
    width: 80px;
}

.details-card {
    background: #ecf0f1;
    padding: 40px 0;
}


/*light box gallery*/
.gallery
{
    margin-top: 20px;
}
.name-parg h5{
        font-size: 17px;
    line-height: 26px;
}

.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
      margin-top: 40px;
    margin-bottom: 40px;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* End card section */
.btn-know01 {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 5px;
}
/*tab list*/


/*end*/

.outer_field01 {
    margin-top: 100px;
}


.name-parg01 h3 {
    color: hotpink;
    font-size: 20px;
    text-align: left;
    font-weight: 600;
}

    /*whatsapp css*/
.whatsapp01{width:70px; height:auto; z-index: 99999; position:fixed; bottom:30px; left:80px;-webkit-animation: move1 1s infinite; -moz-animation: move1 1s infinite; animation: move1 1s infinite; opacity:0.8}
.whatsapp01 img{ width:100%; height:auto;}
.mobweb01{display:none;}
.whatsapp01:hover{opacity:1;}
@keyframes move1{
0%{bottom: 30px;}	
50%{bottom:45px; }
100%{bottom:30px}
	} 
@-webkit-keyframes move1{
	0%{bottom: 30px;}	
50%{bottom:45px; }
100%{bottom:30px}
}
@media only screen and (max-width: 480px)
{
.mobweb01
{
    display:block !important;
}
.deskweb01
{
    display:none !important;
}
iframe.responsive-iframe{
    margin-left:-12px;
   width: 296px;
    height: 220px;
}
}