/* Universal style end */
@import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');
@import url('https://fonts.googleapis.com/css?family=Barlow&display=swap');
@import url('https://use.fontawesome.com/releases/v5.0.13/js/all.js');

body
{
 margin-right: 50px !important;
 margin-left:50px !important;
 margin-top: 0px;
 margin-bottom: 0px;
outline: 1px solid #f5f8ff;
border: 1px solid #ffffff;
}
a
{
	text-decoration:none;
	cursor:pointer;
}
a:hover,a:focus,a:visited
{
	text-decoration:none;
	outline:none;
}
p
{
    text-align: justify;
    font-size: 15px;
}

.img-responsive 
{
  display: block;
  max-width: 100%;
  height: auto;
}
/* header top */
.top 
{
	position: relative;
	background-color: #1a2030;
	/* border-bottom: 1px solid #eeeeee;  */
	font-size: 18px; 
}
.top__menu
{ 
	text-align: center;
}
@media (min-width: 992px)
{ 
    .top__menu 
        {
            float: right; 
        } 
}
.top__tagline
 {
	text-align: center; 
	padding: .5625rem 0 .625rem; 
}
@media (min-width: 992px)
 { 
	.top__tagline 
    {
         float: left;
         margin-left: 19.0625rem; 
	} 
}
@media (min-width: 992px) 
{ 
	.top::before, 
	.top::after 
	{
        position: absolute;
        content: ''; 
        background-color: #ffffff; 
	} 
}
@media (min-width: 992px) 
{ 
    .top::before 
    {
        bottom: -1px;
        right: 0; 
        height: 1.5625rem; 
        width: calc(50% - 470px - .875rem);
        border-top: 1px solid #eeeeee;
	} 
}
@media (min-width: 1200px)
{
		.top::before
        { 
            width: calc(50% - 570px - .875rem);
			
        } 
}
@media (min-width: 992px)
{ 
    .top::after 
    
        { 
            bottom: -1.375rem;
            width: 2.375rem;
            height: 2.375rem; 
			-webkit-transform: rotate(52deg); 
            -ms-transform: rotate(52deg); 
            transform: rotate(52deg);
            right: calc(50% - 470px - 1.875rem); 
            border-left: 1px solid #eeeeee; 
        } 
}
	
@media (min-width: 992px) and (min-width: 1200px) 
{ 
	.top::after 
    { 
        right: calc(50% - 570px - 1.875rem); 
    }
}
/* @media  screen and (max-width: 1600px) {
     insert styles here 
    
} */
/* @media (min-width: 1920px) and (max-width: 2560px)  {
    .top__container
    { 
        height:70px;
    }
} */
.top__container
{ 
    position: relative;
    height:45px;
}
@media (min-width: 992px) 
{ 
    .top__container::before 
    { 
        position: absolute; 
        content: ''; 
        background-color: #ffffff; 
        bottom: -1px;
        left: -280px; 
        height: 1.5625rem; 
        width: 450px;
		transform: skew(20deg);
		-webkit-transform: skew(20deg);
    }
}
@media (min-width: 2560px)
{
    .top__container::before 
    { 
        position: absolute; 
        content: ''; 
        background-color: #ffffff; 
        bottom: -1px;
        left: -680px; 
        height: 1.5625rem; 
        width: 450px;
		transform: skew(20deg);
		-webkit-transform: skew(20deg);
    }
    .top__container
    { 
        height:65px;
    }
   
    
}
.top-navigation 
{
    padding-left: 0; 
    list-style: none; 
    margin: 0;
}

#top-bar 
{ 
	position: relative; 
	z-index: 1; 
}
#top-bar, #top-bar a 
{ 
	color:#ffffff; 
	font-size:16px;
	font-weight:100 ! important;
	
}
#top-bar .top-bar-inner-wrap 
{ 
	display: table; 
	width: 100%; 
    padding: 12px 0px 13px 0px; 
}
#top-bar .top-bar-content
{ 
	display: table-cell; 
	width: 60%; 
	padding-left:300px;
}


/* Top Bar Content */
#top-bar .top-bar-content .content 
{ 
	position: relative; 
	display: inline-block; 
	padding: 0px 17px 0px 21px ; 
	margin: 0px 6px; 
}
#top-bar .top-bar-content .content:first-child 
{ 
	margin-left: 0px; 
}
#top-bar .top-bar-content .content:last-child 
{ 
	margin-right: 0px; 
}
#top-bar .top-bar-content .content:before 
{ 
	content: ""; 
	position: absolute; 
	font-family: "FontAwesome"; 
	top: 0; 
	left: 0; 
	font-size:18px;
	color:#ffffff;
	
}
#top-bar .top-bar-content .content.address:before 
{ 
	content: "\f0e0"; 
}
#top-bar .top-bar-content .content.phone:before 
{ 
	content: "\f098"; 
}
#top-bar .top-bar-content .content.time:before 
{ 
	content: "\f017"; 
}

#top-bar .top-bar-content .content:last-child:after
{ 
	width: 0px; 
	height: 0px; 
	background-color: transparent; 
}
/* logo section */
.middle-bar
{
    padding-bottom:10px !important;
	position: relative;
	z-index: 100;
}
.social
{
    float:left;
    margin-left: 50px;
	margin-right:0 !important;
	
}
.social-menu ul
{
    position: absolute;
    left:60%; 
    display: flex;
   
}
.social-menu li
{
    padding:10px 5px;
    list-style: none;
}
.social li a
{
	font-size:18px;
	width: 38px;
	height: 38px;
	box-shadow: 2px 2px 2px 1px #3ec3b5;
	color:#111111;
	line-height:38px;
	text-align:center;
	display:inline-block;
	background-color: #f5f8ff;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;

}
.social li a:hover
{
    background-color: #8f74bd;
	color:#ffffff;
}

/* navbar */
.navbar
{
  background-color: #34ADFF;
  background-image: -webkit-linear-gradient(150deg, #189e90 25%, #3ce0ce 25%);
  padding: 20 !important;
  min-height: 50px;
  border-bottom: 2px solid #ffffff;
  z-index: 100 !important;
}
.navbar-toggler
{
    color: #ffffff !important;
}
.navbar-nav li 
{
    padding: 0px;
}

.navbar-nav .nav-link {
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}
.dropdown:hover>.dropdown-menu
{
    display: block;
}
.dropdown-menu 
{
  margin-top: 0px !important;
  background-color: #3ce0ce !important;
}
.dropdown-menu .dropdown-toggle::after 
{
  vertical-align: middle;
  border-left: 4px solid;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
}
.dropdown-menu .dropdown .dropdown-menu 
{
  left: 100%;
  top: 0%;
  margin:0 20px;
  border-width: 0;
  
}

.dropdown-menu > li a:hover,
.dropdown-menu > li.show 
{
  color:#3ce0ce !important;
  background: white !important;
}
.dropdown-menu > li.show > a
{
  color:#3ce0ce;
  font-size: 13px !important;
}
.dropdown-item
{
  padding: 2px 10px !important;
  font-size: 14px !important;
  color: #ffffff !important;
  font-weight: 500 !important
  ;
}
.side-bar
{
  color: #ffffff !important;
  font-size: 20px !important;
  margin-right: 50px !important;
}

.carousel-inner .carousel-item img
{
  width: 100% !important;
  height: 450px !important;
}
.carousel-indicators li
{
  border-radius: 50% !important;
  width:20px !important;
  height: 20px !important;
  background-color: #3ce0ce !important;
  z-index: 1;
}
.carousel-inner .carousel-item .carousel-caption img
{
  width: 100% !important;
  height: 50% !important;
}


.sidebar
{
    padding: 50px 0;
    position: absolute;
    z-index: 10000;
}
.navbarside
{
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    background: #34d6c5;
   
}
.sidebar-header
{
    padding:20px 10px;
    border-bottom: 1px solid #d9d5d5;
}
.sidebar-header h3
{
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
    padding:0px 10px;
}
 .sidebar-menu
{
    padding:10px 30px;  
}
.sidebar-menu ul
{
    list-style: none;
}

.sidebar-menu ul li 
{
    padding:5px 0;
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 400;
    width: 100%;
}

 .sidebar-menu ul li a
{
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 400;
    width: 100%;
}



/* about us */

.about-us
{
    padding: 50px 0px;
}
.about-us .services-blog-heading h2
{
    font-size: 16px;
    font-weight: 200;
    text-align: center;
}
.about-us .services-blog-heading h5
{
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    color: #111111 !important;
}
.about-us .services-blog-heading  span
{
    color: #3ce3d1;
}
.about-us .services-blog-heading::before
{
    content: '';
    background-color: #d3d2d2;
    height: 1px;
    width: 400px;
    display: block;
    transform: translateY(65px);
    margin-left: 350px;
    
}
.about-us .services-blog-heading::after
{
    content: '';
    background-color: #3ce3d1;
    height: 3px;
    width: 50px;
    display: block;
    transform: translatex(16px);
    margin-left: 500px;
    
}
.about-info
{
    padding: 50px 0px;
}
.about-info .carousel-inner .carousel-item img
{
    width: 100%;
    height: 250px !important;
}
.about-info .carousel-inner .carousel-item .carousel-caption h3
{
    margin-left: -50px !important;
    color:#ffffff;
    font-size: 18px;
    background-color:rgba(32, 32, 32, 0.705);
    width: 120px;
    height: 30px;
    padding: 5px;
}
.about-info .carousel-inner .carousel-item .carousel-caption p
{
    margin-left: -50px !important;
    margin-top:-9px;
    text-align: center;
    color:#ffffff;
    background-color:rgb(83, 219, 201);
    width: 120px;
    height: 30px;
    padding: 5px;
}
.about-text
{
    padding-top:30px;
}
.about-text p
{
    text-align: justify;
    font-size: 15px;
}
.arrows:before 
{
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    color: #3ce3d1;
    font-size: 17px;
    font-weight: 500;
    content: '\f18e';
    font-family:"FontAwesome";
}
    
.arrows
{
    position:relative;
    font-size:16px;
    font-weight:400;
    padding-left:20px;
    margin-bottom:10px;
    color:#333333;
    font-family:"FontAwesome";
    text-align: justify;
}
.arrows span
{
    font-size: 15px;
}    
.treatment
{
    padding-bottom: 20px;
}
.skin-treatment
{
    background-color: #3ce3d1;
    height:150px;
    width: 100%;
}
.hair-treatment
{
    background-color: #ddd;
    height:150px;
    width: 100%;
}
.top-right
{
    position: absolute;
    top: -8px;
    right: 26px;
    opacity: 0.1;
    font-size: 68px;
}
.top-left
{
    position: absolute;
    top: 34px;
    left: 16px;
    color: #ffffff;
    font-size: 28px;
}
.middle
{
    position: absolute;
    top: 30px;
    left: 66px;
    color: #ffffff;
    font-size: 28px;
    font-weight: 500;
}
.middle-small 
{
    position: absolute;
    top: 70px;
    left: 66px;
    color: #ffffff;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
}
.top-left-hair
{
    position: absolute;
    top: 34px;
    left: 16px;
    font-size: 28px;
}
.middle-hair
{
    position: absolute;
    top: 30px;
    left: 66px;
    font-size: 28px;
    font-weight: 500;
}
.middle-small-hair 
{
    position: absolute;
    top: 70px;
    left: 66px;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
}
.about-vision
{
    background-color: #f5f8ff;
    padding:50px 0;
}
.vision
{
    padding: 0 30px;
}
.vision h3
{
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 10px;
}
.vision span
{
    color: #3ce3d1;
}
.about-choose
{
    padding:50px 0;
}
.why-choose h3
{
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 20px;
    text-align: center;
}
.why-choose span
{
    color: #3ce3d1;
}

/* doctor */
.heading-services .header-right-doctor
{
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    padding-left: 40px !important;
    padding-top: 4px;
    border: 1px solid #283049;
    height: 30px;
    width: 400px !important;
    background-color: #20283b;
}
.team
{
    padding: 50px 0;
}
.doctor-img
{
    width: 100%;
    height: auto;
    padding-bottom: 50px;
}
.team-info-details p
{
    font-size: 14px;
    text-align: justify;
}
.team-details-info h3
{
    font-size: 24px;
    color: #3ce3d1;
    padding-bottom: 10px;
}
.team-details-info p
{
    text-align: justify;
    float: left;
}

.table tr td 
{
    font-size: 14px;
    border: none !important;
    padding: 3px 0 !important;
}
.th
{
    font-size: 14px;
    border: none !important;
    padding: 3px 0 !important;
    font-weight: 500;
}

/* vritual */
.virtual-section
{
    padding: 50px 0;
}
.virtual-address h3
{
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    padding:20px 0;

}
.virtual-img img
{
    width:100%;
    height: auto;
    
}
.heading-services .header-right-virtual
{
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    padding-left: 30px;
    padding-top: 4px;
    border: 1px solid #283049;
    height: 30px;
    width: 500px !important;
    background-color: #20283b;
    float: right; 
}
.heading-services .header-right-virtual span
{
    color: #29bdad;
}
/* bolg */
.heading-lefts
{
    font-size: 16px;
    padding-left: 50px;
    color: #fff;
}
.blog-section
{
    padding: 50px 0;
}
.info
{
    padding: 20px 0;
}
.info img
{
    width:100%;
    height: auto;
    padding-bottom: 30px;
}
.info a
{
    font-size: 18px;
    text-align: center !important;
    font-weight: 600;
    color: #444;
}
/* bog deatils */
.section-blog
{
    padding: 50px 0;
}

.blog-details
{
    padding: 20px 0;
}
.desc li
{
    position:relative;
    font-size:20px;
    font-weight:500;
    margin-bottom:10px;
    color:#0cc1e5;
    text-align: justify;
    list-style-type: decimal;
}
.lower p
{
    font-style: italic;
    font-size: 16px;
    text-align: justify;
}
.lower
{
    padding-bottom: 10px;
}
.lower a
{
    color:#0cc1e5;
    cursor: pointer;
    
}
.lower li
{
    position:relative;
    font-style: italic;
    font-size: 16px;
    text-align: justify;
    padding-left:10px;
    margin-bottom:10px;
    color: #444;
    list-style-type: circle;
}
.blog-writer
{
    float: right;
}
.pull-right h3
{
    font-size: 24px;
    
}
.pull-right p
{
    font-size: 18px;
    
}

.services-header
{
    background-color: #242c42;
    padding: 30px 0;
    width: 100%;
    height: auto;
    margin: auto;
    background-position: center center;
    background-size: cover;
    position: relative;
}
.heading-left
{
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

.heading-lefts
{
    font-size: 18px;
    color: #fff;
    text-align: center;

}
/* pigmentation blog */
.blog-info-deatil 
{
    font-size: 16px;
    text-align: center;
}
.blog-section .lower  p
{
    font-style: italic;
    font-size: 16px;
    text-align: justify;
}
.blog-section .blog-info h3
{
    color:#0cc1e5;
    font-size: 24px;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}
.blog-section .cards
{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-left: 5px solid #0cc1e5 !important;
    border-radius: 0.25rem;
    box-shadow: 0 8px 4px -6px #777;
    margin-bottom: 15px !important;
}

.blog-section .cards p
{
    font-style: italic;
    font-size: 16px;
    text-align: justify;
    padding-left:15px;
   
}
.blog-section .infos p
{
    font-style: italic;
    font-size: 16px;
    text-align: justify;
}
.blog-section .infos span
{
    font-style: italic;
    font-size: 16px;
    text-align: justify;
    font-weight: 500;
    color: #3ce3d1;
}

.blog-section .left p
{
    font-style: italic;
    font-size: 16px;
    text-align: justify;
    font-weight: 500;
    color: #3ce3d1;
}
.blog-section .lefts 
{
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 10px;
}
.blog-section .lefts-head
{
    font-size: 24px;
    font-weight: 500;
    color: #3ce3d1;
}
.blog-section .right p
{
    font-style: italic;
    font-size: 16px;
    text-align: justify;
}
.blog-section .main
{
    font-style: italic;
    font-size: 16px;
    text-align: justify;
    font-weight: 500;
}
.blog-section li
{
    font-style: italic;
    font-size: 16px;
    text-align: justify; 
}
.blog-section .note
{
    font-size: 22px;
    text-align: center;
}
/* hair loss blog */
.hair-blog-section
{
    padding:50px 0;
}
.hair-blog h3
{
    font-size: 24px;
    font-weight: 500;
    color: #0cc1e5;
    text-align: center;
    padding-bottom: 30px;
}
.hair-blog p
{
    font-style: italic;
    font-size: 16px;
    text-align: justify;
}
.video
{
    padding:30px 0;
}
.video-section p
{
    font-style: italic;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
}
.note h3
{
    font-size: 22px;
    font-style: italic;
    text-align: center;
    padding: 30px 0;
}
.inst-btn
{
    text-align: center;
    background-color: #3ce3d1;
    color:#fff;
    padding:10px 30px;
    font-weight: 400;
    border-radius: 10px;
    font-size: 18px;
    margin-left: -10%;
}

/* conatct page */
.contact-page
{
    background: #394054;
    width:100%;
    height:auto;
    border-top: 1px solid #fff;
}
.contact-section
{
    padding: 50px 0;
}
.heading-contact h1
{
    font-size:24px ;
    color: #fff;
    padding-bottom: 10px;
}
.head h1
{
    font-size:24px ;
    padding-bottom: 10px;
    text-transform: capitalize;
}
.contact-title::before
{
    content: '';
    background-color: #8e8a8ade;
    height: 1px;
    width: 150px;
    display: block;
    transform: translateY(40px);
    
}
.contact-title::after
{
    content: '';
    background-color: #3ce3d1;
    height: 3px;
    width: 40px;
    display: block;
    transform: translateY(11px);
    
}
.contact-info
{
    padding:15px 0;
} 
.contact-info p
{
    font-size: 16px;
    text-align: justify;
    color: #fff;
}
.address-info
{
    font-size: 15px;
    color: #fff;
    padding: 5px 0;
    text-decoration: none !important;
}
.address-info span
{
    color:#3ce3d1;
    padding-right: 10px;
}
.image img
{
    width:100%;
    height:auto;
    padding:25px 0;
    z-index: 1000;
    margin-bottom: -20px;
}
.contact-social
{
    background: #3ce3d1;
    z-index: 1000;
}
.contact-social::before
{
    content: '';
    background-image: -webkit-linear-gradient(150deg, #d8dbe0 65%, #242c42 65%);
    height: 10px;
    width: 100%;
    display: block;
    transform: translateY(140px);
    z-index: 1000;
}
.contact-social img
{
    width: 100%;;
}
.contact-social .social-media
{
    display: flex;
    padding: 50px 0px;   
}
.contact-social .social-media p
{
    background-color: #fff;
    padding:10px 10px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    font-weight: 500;
    text-align: center;
    font-size: 14px;
    margin: 0px 20px;
    width:500px !important;
    text-decoration: none !important;
}
.contact-social .social-media a
{
    text-decoration: none !important;
}
.contact-social .social-media span
{
    color: #007bff;
    padding-right:5px;
}
.contact-form
{
    padding: 50px 0;
}
.contact-section
{
    padding: 50px 0;
}

.form-group {
    margin-bottom: 40px;
  }
  
  .form-group .zmdi {
    position: absolute;
    z-index: 1;
    color: #fff;
    background-color: #3ce0ce;
    border-radius: 5px;
    height: 100%;
    width: 45px;
    text-align: center;
    font-size: 16px;
    padding: 10px  0px!important;
  }
  .form-group .zmdi .ta
  {
    font-size: 12px !important;
  }
  
  .contact-section .form-group input[type='text'],
  .contact-section .form-group input[type='email'],
  .contact-section .form-group input[type='password'] {
    padding-left: 60px;
  }
  .sidebar-contact .form-group input[placeholder]{
    text-transform: uppercase !important;
}
.sidebar-contact .form-group textarea[placeholder]{
    text-transform: uppercase !important;
}
  
  .form-group.position-relative {
    overflow: hidden;

  }
  
  .form-control {
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #fff;
    color: #333;
    border-radius: 15px;
    font-weight: 400;
    position: relative;
    padding: 10px 15px 9px;
    height: auto;
  }
  
  .form-control:focus, .form-control:hover {
    border-color: #3ce0ce;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  
  :focus::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  
  :focus::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 0;
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  
  :focus:-ms-input-placeholder {
    /* IE 10+ */
    opacity: 0;
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  
  :focus:-moz-placeholder {
    /* Firefox 18- */
    opacity: 0;
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  
  textarea {
    overflow: hidden;
  }
  
  .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #858585;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  
  .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #858585;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  
  .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #858585;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  
  .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #858585;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .btn {
    font-family: "Montserrat", sans-serif;
    text-transform: capitalize;
    padding: 10px 30px;
    border-radius: 5px;
    border: 0;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
  
  }
  
  .btn.btn-custom {
    background-color: #3ce0ce;
    color: #fff;
    z-index: 0;
    -webkit-box-shadow: 0 10px 20px 0 rgba(39, 39, 39, 0.15);
            box-shadow: 0 10px 20px 0 rgba(39, 39, 39, 0.15);
  }
  
  .btn.btn-custom:after {
    position: absolute;
    content: '';
    right: -70%;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    opacity: 0;
    -webkit-transform: skewX(0);
            transform: skewX(0);
    z-index: -1;
    -webkit-transition: all 0.4s cubic-bezier(0.82, 1.65, 0.54, 1.53);
    transition: all 0.4s cubic-bezier(0.82, 1.65, 0.54, 1.53);
  }
  
  .btn.btn-custom:hover:after {
    opacity: 0.2;
    -webkit-transform: skewX(30deg);
            transform: skewX(30deg);
    right: -50%;
  }

/* homepage */
.serveicesinfo-home
{
    padding: 50px 0px;
}
.serveicesinfo-home .serveices-heading h4
{
    font-size: 16px;
    text-align: center;
    font-weight: 200;
}
.serveicesinfo-home .serveices-heading h2
{
    font-weight: 500;
    text-align: center;
    font-size: 24px;
    color: #36ccbc;
}
.serveicesinfo-home .serveices-home 
{
    padding: 30px 0px;
}
.serveicesinfo-home .services-card-home
{
    padding: 30px 0px;
}
.serveicesinfo-home .serveices-home .services-card
{
    border:none !important;
    z-index: 2;
}
.serveicesinfo-home .serveices-home .services-card
{
    position: relative;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    background-clip: border-box;
    border: none;
    border-radius: 0.25rem;
    border:none !important;
}
.serveicesinfo-home .serveices-home .icon-services
{
    padding-right: 5px;

}
.serveicesinfo-home .serveices-home .services-body
{
    position: relative;
    display: flex;
    min-height: 250px;
    height: 240px;
    flex-direction: column;
    word-wrap: break-word;
    background-color: #f5f8ff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    margin-left: -100px;
    border-radius: 0.25rem;
    z-index: 2;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
}
.serveicesinfo-home .serveices-home .serveices-home
{
    padding-bottom: 20px;
    padding-top: 20px;
}

.serveicesinfo-home .serveices-home .services-body::before
{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #17e4ce;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.serveicesinfo-home .serveices-home .services-body:hover:before, .services-body:focus:before, .services-body:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  .serveicesinfo-home .serveices-home .services-img
 {
     width:100%;
     height: auto;
     padding-top: 30px;
     z-index: 10000 !important;
     overflow: hidden;
     position: relative;
 }
 .serveicesinfo-home .serveices-home .services-title 
{
    margin-left:80px;
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    font-weight: 700;
}

.serveicesinfo-home .serveices-home .services-text
{
    margin-left:80px;
    text-align: justify;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}
.serveicesinfo-home .serveices-home .services-btn
{
    margin-left:80px;
    color:#0767bd;
    font-weight: 600;
    text-decoration: none;
}
/* blog section in home page */
.blog-section-home
{
    background-color: #f5f8ff;
    padding-top: 50px;
    padding-bottom: 50px;
}
.blog-section-home .blog-heading
{
    padding-bottom:50px;
}
.blog-section-home .blog-heading-small
{
    font-weight: 200;
    font-size: 16px;
    text-align: center;
}
.blog-section-home .blog-heading-main
{
    font-weight: 500;
    text-align: center;
    font-size: 24px;
}
.blog-section-home .blog-heading-main span
{
    color: #36ccbc;
}
.blog-section-home .blog-card
 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none !important;
    border-radius: 0.25rem;
}

.blog-section-home .card-img-top .blog-img img
{
    width: 100% !important;
    height: auto !important;
}
.blog-section-home .blog-title
{
    text-align: center;
    color: #337ab7;
    font-size: 24px;
    font-weight: 600;
}
.blog-section-home .blog-text
{
    text-align: justify;
    font-size: 16px;
}
.blog-section-home .btn-blog 
{
    color: #fff;
    background-color: #36ccbc;
    border-color: #36ccbc;
    text-align: center;
    margin-left: 180px;
}
/* doctor profile */
.doctor-section-home
{
    padding-top: 50px;
    padding-bottom: 50px;
}
.doctor-section-home .doctor-heading
{
    padding-bottom: 50px;
}
.doctor-section-home .doctor-heading-small
{
    font-size: 16px;
    font-weight: 200;
}
.doctor-section-home .doctor-heading-main
{
    font-size: 24px;
    font-size: 600;
    color: #36ccbc;
}
.doctor-section-home .doctor-heading-main::before
{
    content: '';
    background-color: #444444;
    height: 1px;
    width: 200px;
    display: block;
    transform: translateY(40px);
    
}
.doctor-section-home .doctor-heading-main::after
{
    content: '';
    background-color: #3ce3d1;
    height: 3px;
    width: 50px;
    display: block;
    transform: translateY(10px);
    
}

.doctor-section-home .doctor-body
{
    position: relative;
    display: flex;
    min-height: 250px;
    height: 300px;
    flex-direction: column;
    word-wrap: break-word;
    background-color: #f5f8ff;
    border: none !important;
    margin-left: -120px;
    margin-top: 30px;
    border-radius: 0.25rem;
    z-index: 2 !important;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
}
.doctor-section-home .doctor-card 
{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none !important;
    border-radius: 0.25rem;
}
.doctor-section-home .doctor-title
{
    font-size: 24px;
    font-weight: 600;
}
.doctor-section-home .doctor-title-small
{
    font-size: 16px;
    font-weight: 500;
    color:#36ccbc;
    font-style: italic;
}
.doctor-section-home .doctor-info
{
    font-size: 16px;
    text-align: justify;
}
.doctor-section-home .btn-card 
{
    color: #fff;
    background-color: #36ccbc;
    border-color: #36ccbc;
    text-align: center;
   
}
.doctor-section-home .doctor-body-top
{
    padding-bottom: 20px;
}
.doctor-section-home .doctor-body-bottom
{
    border-top: 2px solid #888;
    padding: 20px 0;
    
}
.doctor-section-home .doctor-social
{
    float: left;
}
.doctor-section-home .doctor-social-icon a
{
    padding:0px  10px;
	margin-left:15px;
	font-size:18px;
	width: 38px;
	height: 38px;
	box-shadow: 3px 3px 2px 1px #3ec3b5;
	color:#111111;
	line-height:38px;
	text-align:center;
	display:inline-block;
	background-color: #f5f8ff;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}
.doctor-section-home .doctor-img
{
    width:100%;
    height: auto;
    position: relative;
    list-style: none;
}
.doctor-section-home .grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.doctor-section-home .grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.doctor-section-home .grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.doctor-section-home .grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.doctor-section-home .grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

figure.effect-ming {
	background: #030c17;
}

figure.effect-ming img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-ming figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.4,1.4,1);
	transform: scale3d(1.4,1.4,1);
}

figure.effect-ming h2 {
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-ming p {
	padding: 1em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

figure.effect-ming:hover h2 {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-ming:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-ming:hover img {
	opacity: 0.4;
}



/* services deatils page */
.services-deatils
{
    padding: 50px 0px;
}
/* Faq */
.services-faq .card .card-header
{
    background-color: #242c42 !important;
    border-top: 3px solid #3ce3d1 !important;
}
.services-faq .card
{
    box-shadow: 0px 2px 10px 0px rgba(110, 130, 208, .18);
    margin: 20px 0px;
}
.services-faq .card-body
{
    background-color: #3ce3d1 !important;
    text-align: justify;
    font-size: 16px;
    color: #fff;
    border-top: 3px solid #fff !important;
}
.services-faq .card-body h4
{
    font-size: 18px;
    font-weight: 700;
}
.services-faq .btn-link
{
    width: 100%;
    height: 50px;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-align: left !important;
    text-decoration: none !important;
    color: #fff !important;    

}
.services-faq .btn-link::after
{
    content: '\2212';
    font-family: FontAwesome;
    width:25px;
    font-size: 15px;
    text-align: center;
    border-radius: 15px;
    top:12px;
    right: 10px;
    position: absolute;
    background-color: #3ce3d1;
    margin: 10px !important;
}
.services-faq .btn-link.collapsed::after
{
    content: '\002B';
}
.services-faq .card-body span
{
    color: #17e4ce;
    font-weight: 700;
}
.services-faq .card-body .list-one
{
    padding-left: 18px;
    text-align: justify;
    padding-bottom: 10px;
}
.services-faq .card-body .list-one span
{
    color: #17e4ce;
    font-weight: 700;
}
.services-faq .card-body ul li
{
    list-style:square !important;
} 
/* Faqs services */
.faqs-services-info .card .card-header
{
   padding: 0px !important;
}
.faqs-services-info .card
{
    /* box-shadow: 0px 2px 10px 0px rgba(110, 130, 208, .18); */
    margin: 10px 0px;
}
.faqs-services-info .card-body
{
    background-color: #f5f8ff !important;
    text-align: justify;
    font-size: 16px;
    border-top: 3px solid #fff !important;
}
.faqs-services-info .card-body h4
{
    font-size: 18px;
    font-weight: 700;
}
.faqs-services-info .btn-link
{
    width: 100%;
    height: 40px !important;
    font-size: 15px !important;
    text-align: left !important;
    text-decoration: none !important;
    color: #111111 !important;    

}
.faqs-services-info  .btn-link::after
{
    content: '\2212';
    font-family: FontAwesome;
    width:25px;
    font-size: 15px;
    text-align: center;
    border-radius: 15px;
    top:0px;
    right: 10px;
    position: absolute;
    background-color: #3ce3d1;
    margin: 10px !important;
}
.faqs-services-info .btn-link.collapsed::after
{
    content: '\002B';
}
.faqs-services-info .card-body span
{
    color: #17e4ce;
    font-weight: 700;
}
.faqs-services-info .card-body .list-one
{
    padding-left: 18px;
    text-align: justify;
    padding-bottom: 10px;
}
.faqs-services-info  .card-body .list-one span
{
    color: #17e4ce;
    font-weight: 700;
}
.faqs-services-info .card-body ul li
{
    list-style:square !important;
}
.services-faq .card-body .card-images img
{
    width:100% !important;
    height: auto;
    
}

/* tabs */
.services-tab 
{
    padding: 20px 0px;
}
.services-tab .nav-tabs
{
    background-color: #f3f4f8 !important;
    border:none !important;
}
.services-tab .nav-tabs .nav-item
{
    font-size: 16px !important;
    font-weight: 600;
}
.services-tab .tab-content
{
    padding: 20px 20px;
    text-align: justify;
    background-color: #f5f8ff !important;
    box-shadow: 0px 2px 10px 0px rgba(110, 130, 208, .18);
    border: 1px solid #dddddd !important;
}
.services-tab .tab-content  h4
{
    font-size: 18px;
}
.services-tab .tab-content  h5
{
    font-size: 18px;
    color: #17e4ce;
}
.services-tab .tab-content  span
{
    color: #17e4ce;
    font-weight: 700;
}
.services-tab .tab-content .list-one
{
    padding-left: 27px;
    text-align: justify;
    padding-bottom: 10px;
}
.services-tab .tab-content .list-one span
{
    color: #17e4ce;
    font-weight: 700;
}
.services-tab .tab-content .list-one ul li
{
    list-style:circle !important;
    font-size: 14px !important;
}
/* subpage banner */
.heading 
{
    background-color: #242c42;
    padding: 30px 0;
    width: 100% !important;
    height: auto;
    margin: auto;
    background-position: center center;
    background-size: cover;
    position: relative;
}
.heading .heading-services h5
{
    font-size: 22px;
    font-weight: 600;
    padding-left: 50px;
    color: #fff;
}
.heading .heading-services h4
{
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    padding-left: 50px;
    padding-top: 4px;
    border: 1px solid #283049;
    height: 30px;
    width: 300px;
    background-color: #20283b;
    float: right;
}
.heading .heading-services span
{
    color: #29bdad;
}

/* services main content */
.service-blog-all
{
    padding: 50px 0;
}
.service-main
{
    padding: 50px 0px;
}
.services-blog-heading h3
{
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    color: #3ce3d1;
}
.services-blog-heading h5
{
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #3ce3d1;
    text-decoration: none;
}

.service-main .service-row .card
{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none;
    border-radius: 0.25rem;
    padding: 10px 0;
}
.service-main .service-row .card img
{
    height: auto;
    width : 50%;
    position: relative;
}
.service-main .service-row .card-body
{
    margin-left: -110px;
    margin-top: -20px;
    text-decoration: none;
}

.service-main .service-row h5
{
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    color: #3ce3d1;
    text-decoration: none;
}
.service-main .service-row a
{
    text-decoration:none !important;
	cursor:pointer !important;
}
.service-main .service-row p
{
    font-family: Lato, sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-align: justify;
}
/* subheading */
.services-deatils .subheading h1
{
    font-family: Lato, sans-serif;
    font-size: 28px;
    font-weight: 700;
}
.services-deatils .subheading span
{
    color: #2be5d1;
    font-weight: 700;
}
/* moles */
.services-deatils .subheading-moles h1
{
    font-family: Lato, sans-serif;
    font-size: 28px;
    font-weight: 700;
}
.services-deatils .subheading-moles span
{
    color: #2be5d1;
    font-weight: 700;
}
.services-deatils .subheading-moles::before
{
    content: '';
    background-color: #444444;
    height: 1px;
    width: 250px;
    display: block;
    transform: translateY(43px);
    
}
.services-deatils .subheading-moles::after
{
    content: '';
    background-color: #3ce3d1;
    height: 3px;
    width: 80px;
    display: block;
    transform: translateY(1px);
    
}
/* moles-1 */
.services-deatils .subheading-moles-1 h1
{
    font-family: Lato, sans-serif;
    font-size: 28px;
    font-weight: 700;
}
.services-deatils .subheading-moles-1 span
{
    color: #2be5d1;
    font-weight: 700;
}
.services-deatils .subheading-moles-1::before
{
    content: '';
    background-color: #444444;
    height: 1px;
    width: 250px;
    display: block;
    transform: translateY(43px);
    
}
.services-deatils .subheading-moles-1::after
{
    content: '';
    background-color: #3ce3d1;
    height: 3px;
    width: 80px;
    display: block;
    transform: translateY(1px);
    
}

.services-deatils .content .content-deatils
{
    padding: 10px 0px;
}
.services-deatils .content span
{
    color: #3ce3d1;
    font-weight: 500;
}
.services-deatils .content h1
{
    color: #3ce3d1;
    font-weight: 500;
    font-size: 20px;
}
.services-deatils .content strong
{
    color: #3ce3d1;
    font-weight: 500;
}
.services-deatils .content a
{
    color: #3ce3d1;
    font-weight: 500;
}
.services-deatils .content .list
{
    padding-left: 20px;
    font-size: 16px;
    padding-bottom: 10px;
    text-align: justify;
}
.services-deatils .content .list ul li
{
    list-style: circle !important;
}
.services-deatils .subheading
{
    padding-bottom: 20px;
}
.services-deatils .subheading::before
{
    content: '';
    background-color: #444444;
    height: 1px;
    width: 250px;
    display: block;
    transform: translateY(43px);
    
}
.services-deatils .subheading::after
{
    content: '';
    background-color: #3ce3d1;
    height: 3px;
    width: 80px;
    display: block;
    transform: translateY(1px);
    
}
.services-deatils .car-img-laser 
{
    padding: 20px 0px;
}
.services-deatils .car-img-laser img
{
    width: 100%;
    height: auto;
}
.faqs-services-info h4 span
{
    color: #17e4ce;
}
.car-img
{
    padding: 20px 0px;
}
.car-img .carousel-inner .carousel-item img
{
    width: 500px !important;
    height: 300px !important;
}
.services-deatils .content
{
    padding: 10px 0px;
}
.services-deatils .content h4
{
    font-size: 20px;
    color: #3ce3d1;
    font-weight: 500;
}
/* form animation starts */
.form1 {
    background: #EBEBEB;
    text-align: center; 
    box-shadow: 0px 0px 20px 5px #AAA; 
    border-radius: 10px;  
    width: 100%; 
    height: 550px;
    margin: 30px !important;
    padding: 10px 30px;  
    animation: bounce 3.2s infinite;
  }

.name { 
   
    border-bottom: 5px solid  #3ce3d1;;
    color: white;
    width:100% !important;
  }

  ::-webkit-input-placeholder{
      color: #b6aeae;
      font-size: 16px;
  }
  .name:hover{
    background-color: #2dd7bb80;
    border-bottom: 5px solid #2BB09A;
    height:30px;
    width:100% !important;
  }

  .email {
    background-color: white;  
    border-bottom: 5px solid #502789;
    height:50px;
    width:100% !important;
    
  }
  .email:hover{
    background-color:#2dd7bb80; 
    border-bottom: 5px solid #2BB09A;
    height:30px;
    width:100% !important;
   
  }
  .message {   
    background-color: white;
    border-bottom: 5px solid  #3ce3d1;;
    overflow: hidden;
    height: 100px;  
    width:100% !important;
  }

  .message:hover{
    background-color:#2dd7bb80;
    border-bottom: 5px solid #2BB09A;
    height: 100px;
    width:100% !important;
  }

  .submit{
    border-radius:5px;
    padding:10px;
    background-color: #3ce3d1;  
    border: none;
    border-bottom: 5px solid  #3ce3d1;; 
    transform: translateY(-120px); 

  }

  .submit:hover
  {
    border-bottom: 5px solid #3ce3d1;  
    box-shadow: 15px 15px 15px 5px rgba(78, 72, 77, 0.219);
  }

  .entry
  {
    display: block;
    margin: 30px auto;
    padding: 10px;
    border-radius: 5px;
    border: none;
    transition: all 0.5s ease 0s;
    box-shadow: 0px 0px 25px 2px #AAA;  
  }

  /* Shadow to make it look like form is floating  */
  .shadow
  {
    box-shadow: 0px 0px 60px 5px #AAA;
    opacity: 0.5;
    border-radius: 100px;
    width: 50%; 
    margin: 50px auto 0 auto;
    padding: 0 20px;  
    animation: shadow 1.5s infinite;
  }
.submit
{
    border-radius:5px;
    padding:10px;
    width:150px;
    color: white;
    background-color: #3ce3d1;  
    border: none;
    border-bottom: 5px solid #3ce3d1; 
    margin-top: 150px; 

  }
  @keyframes bounce{
    0%{
      
    }
    50%{
      transform: translate(0, 8px);
    }

  }
  @keyframes shadow{
    0%{
      
    }
    50%{
      opacity: 0.8;
      width: 50%;
    }
  }
/* common images */
.left-sideimges .one
{
    padding-top: 20px !important;
}
.left-sideimges .one img
{
    width:100% !important;
    height: auto !important;
}
/* before and after images  section*/
.before-images
{
    padding: 50px 0px;
}
.before-images .before-heading
{
    padding: 20px 0px;
}
.before-images .before-heading h1
{
    font-size: 24px;
    font-weight: 700;
    text-align: justify;
    padding: 0px 5px;
}
.before-images .before-heading::before
{
    content: '';
    background-color: #444444;
    height: 1px;
    width: 250px;
    display: block;
    transform: translateY(40px);
    
}
.before-images .before-heading::after
{
    content: '';
    background-color: #3ce3d1;
    height: 3px;
    width: 80px;
    display: block;
    transform: translateY(1px);
    
}
/* moles before after */
.before-images .before-heading-moles h1
{
    font-size: 24px;
    font-weight: 700;
}
.before-images .before-heading-moles::before
{
    content: '';
    background-color: #444444;
    height: 1px;
    width: 250px;
    display: block;
    transform: translateY(40px);
    
}
.before-images .before-heading-moles::after
{
    content: '';
    background-color: #3ce3d1;
    height: 3px;
    width: 80px;
    display: block;
    transform: translateY(1px);
    
}
.before-images img
{
    width: 100% !important;
    height: auto !important;
    padding: 15px 0px !important;
}

/* moles-1 */

.before-images .before-heading-moles-1 h1
{
    font-size: 24px;
    font-weight: 700;
}
.before-images .before-heading-moles-1::before
{
    content: '';
    background-color: #444444;
    height: 1px;
    width: 250px;
    display: block;
    transform: translateY(40px);
    
}
.before-images .before-heading-moles-1::after
{
    content: '';
    background-color: #3ce3d1;
    height: 3px;
    width: 80px;
    display: block;
    transform: translateY(1px);
    
}



/* footer */
.footer
{
    background-color: #1c2335;
    padding:20px;
}
.footer-info
{
    font-size: 16px;
    color: #ffffff;
    padding-bottom: 20px;
}

.address li:before 
{
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
    content: '\f041';
    font-family:"FontAwesome";
}
    
.phone li
{
    position:relative;
    font-size:16px;
    font-weight:400;
    padding-left:20px;
    margin-bottom:10px;
    color:#ffffff; 
    text-align: justify;
 }
.phone li:before 
{
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
    content: '\f095';
    font-family:"FontAwesome";
}
.address li
{
    position:relative;
    font-size:14px;
    font-weight:400;
    padding-left:20px;
    margin-bottom:10px;
    color:#ffffff; 
    text-align: justify;
}
ul li 
{
    list-style: none;
    padding: 0;
    margin: 0;
        
}
ul 
{
    padding: 0 !important;
    margin: 0 !important;
}
.footer-address-info
{
    padding-top:20px;
}	
.footer-title
{
    padding-bottom: 10px;
    font-size: 20px;
    padding-top: 20px;
}
.footer-title::before
{
    content: '';
    background-color: #444444;
    height: 1px;
    width: 200px;
    display: block;
    transform: translateY(40px);
    
}
.footer-title::after
{
    content: '';
    background-color: #3ce3d1;
    height: 3px;
    width: 100px;
    display: block;
    transform: translateY(13px);
    
}
.footer-instgram-feed
{
    padding-top:20px;
}
.footer-instgram-feed img
{
    height: 350px;
    width: 100%;
}
.footer-fackbook-feed
{
    padding-top:20px;
}
.footer-fackbook-feed img
{
    height: 350px;
    width: 100%;
    
}
.footer-bottom
{
   
    border-top: 2px solid #444444;
   
}
.copyright
{
    font-size: 16px;
    color: #ffffff;
    padding:10px;
}
.company
{
    color: #3ce3d1;
}
.line-left
{
    border-left: 2px solid #3ce3d1;
}
.footer-bottom-info
{
    background-color: #1c2335;
}
.copyright-right
{
    font-size: 16px;
    color: #ffffff;
    padding:10px;
}
.copyright-right a{
    font-size: 16px;
    color: #ffffff;
    padding:10px;
    text-decoration: none;
}


/* carousel testimonial */
.testimonial-area
{
    padding: 50px 0px;
    position: relative;
}
.testimonial-area h1
{
    padding: 20px 10px;
    font-size: 24px;
}
.testimonial-area .owl-carousel .item .singles-testimonial .img-area
{
    padding: 0px 50px;
}
.testimonial-area .owl-carousel .item .singles-testimonial .img-area img
{
    width: 80%;
    margin-left: 60px;
    margin-top:-20px;
}
.testimonial-area .owl-carousel .item .singles-testimonial .img-area .icon
{
    font-size: 30px !important;
    color: #d5d4d4;
}
.testimonial-area .owl-carousel .item .singles-testimonial .text-content
{
    padding: 20px 0px;
}
.testimonial-area .owl-carousel .item .singles-testimonial .text-content h3
{
    font-size: 20px;
    color: #17e4ce;
}
.testimonial-area .owl-carousel .item .singles-testimonial .text-content h5
{
    font-size: 18px;
    color: #17e4ce;
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #17e4ce !important;
    display: block;
    transition: opacity 200ms ease;
    border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span
{
    background:#007bff !important;
}

/* carousel for videos */
.Videos-area
{
    padding: 50px 0px;
}
.Videos-area h1
{
    text-align: center;
    font-size: 24px;
    margin: 20px 0px;
}
.Videos-area .owl-carousel .item
{
    padding: 5px 10px;
}
/* contacts sections */
.contacts-sections
{
    background: #3ce3d1;
    z-index: 1000;
}
.contacts-sections::before
{
    content: '';
   /* background-image: -webkit-linear-gradient(150deg, #d8dbe0 65%, #242c42 65%); */
    height: 10px;
    width: 100%;
    display: block;
    transform: translateY(100px);
    z-index: 1000;
}
.consultation-info
{
    padding:10px 0px;
}
.consultation-info h1
{
    color: #ffffff;
    font-size:24px;
}
.consultation-info p
{
    color: #ffffff;
    font-size:16px;
    font-style: italic;
}
.consultation-infos a
{
    padding: 10px 10px;
    color: #111111;
    background-color: #ffffff;
    border-top-right-radius: 15px;
    text-decoration: none;
    border-bottom-left-radius: 15px;
}
.consultation-infos span
{
    padding-left: 5px;
}
.consultation-infos
{
    padding:20px 0px;
}
.picsum-img-wrapper
{
    width: 100% ;
    height: auto;
}
.carousel-caption
{
    color: black;
}

/* navbar new */

#nav
{
    background-color: #34ADFF;
    background-image: -webkit-linear-gradient(150deg, #189e90 25%, #3ce0ce 25%);
    min-height: 50px;
    border-bottom: 2px solid #ffffff;
    width: 100%;
    display: flex;
    text-align: center;
}
 .menu-icon
{
    font-size: 20px;
    color: #fff;
    position: absolute;
    top:20px;
    right:80px;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1500;
    display: none;
}
 .nav-list
{
    display: flex;
    width: 100%;
}
 .nav-list li
{
    line-height: 20px;
    position: relative;
    padding: 10px 0px;
    
}
 .sub-menu li
{
    line-height: 20px;
    
}
.sub-menu li:hover {
    background-color: #fff !important;
    padding: 5px;
    border: none !important;
}
.sub-menu li a:hover {
    color: black !important;
    line-height: 20px !important;
}
.nav-list >li:hover  
{
    background-color: #ffffff;
    color: black;
    
}
.nav-list>li.active:hover>a, .nav-list>li:hover>a
{
    color: black !important;
}
.sub-menu>li.active:hover>a,  .sub-menu>li:hover>a
{
    color: black !important;
}

 .nav-list li a
{
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 14px 10px;
    text-transform: uppercase;
}
 .nav-list li a:hover
{
    color: #189e90;
}
 .sub-menu
{
    width:280px;
    display: block;
    position: absolute;
    border-top:2px solid#111111;
    background: #3ce0ce;
    z-index: 20000;
    top:100px;
    opacity: 0;
    visibility: hidden;
    transition: all 650ms ease;
    padding-top:10px !important;
    padding-bottom: 10px !important;
}
 .sub-menu li
{
    
    padding: 3px 0px !important;
}
 .sub-menu li a
{
    text-decoration: none;
    color: #fff !important;
    text-transform: capitalize !important;
    font-size: 15px;
    font-weight: 500;
}
 .sub-menu::before
{
    content: "";
    position: absolute;
    top:-20px;
    left:0px;
    border:10px  solid transparent;
    border-bottom-color: #111111;
}
 .sub-menu .sub-menu::before
{
    top:0px;
    left:-20px;
    border:10px  solid transparent;
    border-right-color: #111111;
}
 .sub-menu .sub-menu
{
    border-top: none;
    border-left:2px solid #111111;
    top:0;
    left: 200px;
}
 .nav-list li:hover > .sub-menu
{
    top:48px;
    opacity: 1;
    visibility: visible;
    color: black !important;
}
 .sub-menu li:hover > .sub-menu
{
    top:0px;
    left: 100%;
}
li.move-right
{
    margin: auto 0 auto;
}
/* sitemap */
.sitemap
{
    padding: 50px 0;
}
.sitemap-section
{
    padding: 50px 20px;
}
.head h1
{
    font-size: 24px;
    padding-bottom: 10px;
}
.heads h1
{
    font-size: 22px;
    padding-bottom: 5px;
    color: #34d6c5; 
}
.sitemap-section .title-faq::before
{
    content: '';
    background-color: #8e8a8ade;
    height: 1px;
    width: 100px;
    display: block;
    transform: translateY(40px);
    
}
.sitemap-section .title-faq::after
{
    content: '';
    background-color: #3ce3d1;
    height: 3px;
    width: 30px;
    display: block;
    transform: translateY(12px);
    
} 
.sitemap-section .list-one li
{
    padding: 2px 0;
    list-style-type: square;
}
.sitemap-section .list-one li a
{
    font-size: 16px;
    text-decoration: none;
    color: #111;
}
/* sidebar contact form */
.sidebar-contact {
    position: fixed;
    top: 60%;
    right: -300px;
    transform: translateY(-50%);
    width: 300px;
    height: auto;
    padding: 20px;
    background-color: #3ce3d1;
    transition: 1s;
    z-index: 1000 !important;
    
  }
  .sidebar-contact.active {
    right: 0px;
  }
  .sidebar-contact input {
    border: 2px solid #ddd;
    margin-bottom: -14px;
    text-align: left !important;
  }
  .sidebar-contact button {
    background-color: #ddd;
  }

  .toggle {
    position: absolute;
    width: 48px;
    height: 48px;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    top: 0;
    left: -58px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
  }

  .toggle img {
    position: absolute;
    right: 0px;
    bottom: 0px;
    border-radius: 15px;
    
  }
  /* whatapp  */
  .footer1 {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 10%;
    z-index: 999;
    color: white;
    text-align: center;
     border-radius: 25px;
     padding-bottom: 50px;
 
 }
 
 #i1{
     width:5vw;
     height:5vw;
     position:fixed ;
 }