/* CORRECTED Back-to-Top Button */
#back-to-top {
position: fixed;
bottom: 20px;
right: 20px;
width: 45px;
height: 45px;
border-radius: 50%;
font-size: 20px;
display: inline-block;
text-align: center;
line-height: 45px;
transition: .9s;
background-color: #ffffff !important; /* White Background */
color: #153f73 !important;/* Blue Icon */
box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
}
.sicon1{
display:none;
}
.sicon2{
display:none;
}
.section-mail{
background-image: url("https://www.smartvisioneyehospitals.com/images/mail-bg.webp");
height: auto !important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.sectionnav2{
display:flex !important;
}
.sectionnav3{
display:flex !important;
}
.nav2item{
font-size: 14px;
}

.nav2{
background-color: #f7f7f7;
}
.fagcolor{
color: goldenrod;
}
.facolor{
color:#5f1b82 !important;
}
.ratingt{
font-weight:600;
font-size:medium !important;
}
.squinttext{
justify-content: end;
align-items: end;
display: flex;
}
.frmcl{
padding-bottom:0px !important;
}
.section-lasik1{
background-image: url("https://www.smartvisioneyehospitals.com/images/lasik1.jpg");
height: auto !important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#ytbtn {
border-color: #552088;
color: #fff;
border-radius: 10px;
padding: 10px 30px;
margin-left: 15px;
font-size: 18px;
background-color: #552088;
border-style: solid;
border-width: 3px;
margin-bottom: 10px;
}

#sctickyic{
display: none;
}
.sticky-icon{
	z-index:1;
	position:fixed;
	top:75%;
	left:0%;
	width:auto;
	display:flex;
	flex-direction:column;}
.sticky-icon a{
	transform:none;
	border-radius:0px 0px 0px 0px;
	text-align:left;
	margin:0px;
	text-decoration:none;
	text-transform:uppercase;
	padding:10px;
	font-size:20px;
	transition:all 0.8s;
display: flex;
align-items: center;
}
.resmbsect2{
padding-top:1rem;
padding-bottom:1rem;
}
.sticky-icon a:hover{
	color:#FFF;
	transform:translate(0px,0px);}	
.sticky-icon a:hover i{
	transform:rotate(360deg);}


/* CORRECTED Floating Call Icon */
.sticky-icon a .stcyic1 {
background-color: #ffffff !important; /* White Background */
color: #153f73 !important;/* Blue Icon */
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
border-radius: 50%;
transition: all 0.5s;
z-index: 99999;
box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
animation-name: pulse;
animation-duration: 1.5s;
animation-timing-function: ease-out;
animation-iteration-count: infinite;
}


@keyframes pulse {
0% {
box-shadow: 0 0 0 0 #3131c682;
}
80% {
box-shadow: 0 0 0 14px #eeeef209;
}
}
/* Duplicate removed */
.sticky-icon a .stcyic2 {
background-color:#1aad1a;
height:50px;
width:50px;
color:#ffff;
text-align:center;
line-height:50px;
border-radius:50%;
transition:all 0.5s;
animation-name: pulse1;
animation-duration: 1.5s;
animation-timing-function: ease-out;
animation-iteration-count: infinite;
z-index: 99999;
}

@keyframes pulse1 {
0% {
box-shadow: 0 0 0 0 #1aad1a75;
}
80% {
box-shadow: 0 0 0 14px #f0f4f009;
}
}
/* Duplicate removed */



.scndcontainer{
padding-left: 3rem;
padding-right: 3rem;
}
.googlereview{
padding: 0px 12px 0px 15px;
}
.address>div>.card>ul{
padding-left: 0 !important;
}
.address>div>.card>ul>li>a{
color: #000 !important;
}
.addcard{
width: 300px;
height: 300px;
justify-content: center;
background-color: #153f7314;
border: none;
}
.address>div>.card>ul>li{
margin-bottom: 10px;
}
.nav2links>img{
width:1rem;
}
#docimgpg{
width: 50%;
border-radius: 15px;
margin-bottom: 30px;
}
.footer>div>ul{
padding-left: 0rem !important;
}
.footer>div>ul>a{
color: #ffff !important;
}
#hedoc{
color: #7f32cd !important;
}
.catypesh{
border-bottom: #00f0b5;
border-style: solid;
border-top: none;
border-left: none;
border-right: none;
width: max-content;
}
.accordion .accordion-item {
border-bottom: 1px solid #e5e5e5;
border-top: none;
border-left: none;
border-right: none;
}
.accordion .accordion-item button[aria-expanded=true] {
border-bottom: none;
}
.accordion button {
position: relative;
display: block;
text-align: left;
width: 100%;
padding: 1em 0;
color: #000;
font-size: 18px;
font-weight: 400;
border: none;
background: none;
outline: none;
}
.accordion button:hover, .accordion button:focus {
cursor: pointer;
color: #d14b98;
}
.accordion button:hover::after, .accordion button:focus::after {
cursor: pointer;
color: #d14b98;
border: 1px solid #d14b98;
}
.accordion button .accordion-title {
padding: 1em 1.5em 1.5em 1rem;
}
.accordion button .icon {
display: inline-block;
position: absolute;
top: 18px;
right: 10px;
width: 22px;
height: 22px;
border: 1px solid;
border-radius: 22px;
}
.accordion button .icon::before {
display: block;
position: absolute;
content: "";
top: 9px;
left: 5px;
width: 10px;
height: 2px;
background: currentColor;
}
.accordion button .icon::after {
display: block;
position: absolute;
content: "";
top: 5px;
left: 9px;
width: 2px;
height: 10px;
background: currentColor;
}
.accordion button[aria-expanded=true] {
color: #d14b98;
}
.accordion button[aria-expanded=true] .icon::after {
width: 0;
}
.accordion button[aria-expanded=true] + .accordion-content {
opacity: 1;
max-height: 9em;
transition: all 200ms linear;
will-change: opacity, max-height;
}
.accordion .accordion-content {
opacity: 0;
max-height: 0;
overflow: hidden;
transition: opacity 200ms linear, max-height 200ms linear;
will-change: opacity, max-height;
}
.accordion .accordion-content p {
font-size: 1rem;
font-weight: 300;
margin: 0rem 1rem 1rem 1rem;
}
body, a, li, span, small,p {
font-family: 'Roboto', sans-serif;
}
.mbpt{
padding-top: 3rem;
}
/* .fas {
color: #3fc1c0 !important;
} */
.carousel-control-prev-icon, .carousel-control-next-icon {
/* background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e); */
background-color: #cf4a96 !important;
border-radius: 50%;
background-size: 60% 60% !important;
}
.carousel-control-next, .carousel-control-prev{
opacity: 1 !important;
}
.carousel-control-prev {
justify-content: flex-start;
}
.carousel-control-next {
justify-content: flex-end;
}
#nhh{
font-size: 38px;
}
.docimgs{
width: 150px;
height: 150px;
border-radius: 50%;
}
.mobilevw{
display: none !important;
}
.dccrd{
border:none !important;
}
.dccrd{
align-items: center;
justify-content: center;
text-align: center;
}
/* #myCarousel {
margin-top: 50px;
} */

@media (max-width: 768px) {
.carousel-inner .carousel-item>div {
display: none;
}

.carousel-inner .carousel-item>div:first-child {
display: block;
}
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-start,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
display: flex;
}

@media (min-width: 768px) {

.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next,
.carousel-item-next:not(.carousel-item-start) {
transform: translateX(25%) !important;
}

.carousel-inner .carousel-item-left.active,
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
transform: translateX(-25%) !important;
}

.carousel-item-next.carousel-item-start,
.active.carousel-item-end {
transform: translateX(0) !important;
}

.carousel-inner .carousel-item-prev,
.carousel-item-prev:not(.carousel-item-end) {
transform: translateX(-25%) !important;
}
}
.section-one{
background-image: url("https://www.smartvisioneyehospitals.com/images/banner-image.png");
height: auto !important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.section-glaucomaa{
background-image: url("https://www.smartvisioneyehospitals.com/images/banner-image.png");
height: auto !important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.section-contact{
background-image: url("https://www.smartvisioneyehospitals.com/images/cont-banner.webp");
height: 50vh;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.section-thankyou{
background-image: url("https://www.smartvisioneyehospitals.com/images/mail-bg.webp");
height: 50vh;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.section-doctor{
background-image: url("https://www.smartvisioneyehospitals.com/images/doctor-banner.webp");
height: 50vh;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.section-glaucoma{
background-image: url("https://www.smartvisioneyehospitals.com/images/bg1.jpg");
height: 94vh;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.section-contact1{
height: 50vh;
}
#btntwo{
border-style: solid;
border-color: #552088;
border-radius: 10px;
padding: 10px;
color: #fff;
background-color: #552088;
font-weight: 600;
border-width: 3px;
}
#dctimg {
border-radius: 50%;
left: 10%;
position: relative;
padding: 10px;
}
.slick-slide img {
display: block;
}
.slick-initialized .slick-slide {
display: block;
}

/* .slide {
transition: filter .4s;
margin: 0 70px;
} */
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.sld2 {
height: 40vh !important;
margin: auto;
overflow: hidden;
position: relative;
width: auto;
display: flex;
}
.section-three3 {
background-color: #552088;
align-items: center;
text-align: center;
align-items: center;
}
a{
text-decoration: none !important;
}
.testn {
padding: 3rem;
text-align: start;
display: flex;
}
#btnone{
border-color: #552088;
color: #fff;
border-radius: 10px;
padding: 12px 26px;
margin-left: 15px;
font-size: 18px;
background-color: #552088;
border-style: solid;
border-width: 3px;
}
#btndoc{
border-color: #ffff;
color: #552088;
border-radius: 20px;
padding: 12px 24px;
font-size: 18px;
background-color:#ffff ;
border-style: solid;
border-width: 3px;
width: auto;
}

#servicesid{
background-color: #552088;
}
.cards-two{
justify-content: center;
align-items: center;
text-align: center;
border: 3px solid #d14b98 !important;
height: 140px;
margin-bottom: 20px;
border-radius: 6px;
}
.cards-one{
background-color: #461674!important;
align-items: center;
height: 130px;
}
#smhhp {
color: #ffff;
margin-top: 1rem;
font-size: 20px;
margin-bottom: -1rem;
}

/*/lasik*/
.cd1:hover{
box-shadow: 0 0 4px 1px #864fbc;
}
.mbmt{
margin-top: 3rem;
}
.calltx{
font-size: 20px;
background-color: #43166f;
border-radius: 15px;
padding: 10px 20px 10px 20px !important;
color: #ffff !important;
cursor:'pointer';
}
.mbpd4{
padding: 1.5rem;
}

#vrftext{
display: contents;
}
#staric{
width: 6%;
margin-bottom: 4px;
}
.ticon{
width: 30px;
height: 30px;
margin-top: 10px;
}
.tabs {
display: flex;
flex-wrap: wrap;
}
.tabs label {
order: 1;
display: block;
padding: 1rem 2rem;
margin-right: 0.2rem;
cursor: pointer;
font-weight: bold;
transition: background ease 0.2s;
}
.crdcarousel-style{
border-radius:10px !important;
height: 260px;
justify-content: center;
align-items: center;
text-align: center;
width: 100%;
border: 3px solid #552088 !important;
}
.crdcarousel2-style{
border-radius:10px !important;
height: 230px;
justify-content: center;
align-items: center;
text-align: center;
width: 100%;
border: 4px solid #663ab6 !important;
letter-spacing: 1.3px;
}
#ul{
list-style: none;
}
.lasikrowtwo{
/* background-image: url(images/inr-pg-bnr-8.png); */
}
#iframe{
border-radius: 15px;
}
.tabs .tab {
order: 99;
flex-grow: 1;
width: 100%;
display: none;
padding: 1rem;
}
.tabs input[type="radio"] {
display: none;
}
.tabs input[type="radio"]:checked + label {
border-bottom-color: #cf4a96;
border-width: 4px;
border-style: solid;
border-top: none;
border-left: none;
border-right: none;
}
.tabs input[type="radio"]:checked + label + .tab {
display: block;
padding-bottom: 0 !important;
}
@media (max-width: 45em) {

.tabs label {
width: auto;
margin-right: 0;
margin-top: 0.2rem;
}
}
/** * Generic Styling */
@media (max-width: 768px) {
.carousel-inner .carousel-item > div {
display: none;
}
.carousel-inner .carousel-item > div:first-child {
display: block;
}
}
.carousel-inner .carousel-item.active, .carousel-inner .carousel-item-start, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
display: flex;
}
/* display 4 */
@media (min-width: 768px) {
.carousel-inner .carousel-item-right.active, .carousel-inner .carousel-item-next, .carousel-item-next:not(.carousel-item-start) {
transform: translateX(25%) !important;
}
.carousel-inner .carousel-item-left.active, .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {
transform: translateX(-25%) !important;
}
.carousel-item-next.carousel-item-start, .active.carousel-item-end {
transform: translateX(0) !important;
}
.carousel-inner .carousel-item-prev, .carousel-item-prev:not(.carousel-item-end) {
transform: translateX(-25%) !important;
}
}


body{
overflow-x: hidden;
}
.nav22{
width: 125%;
justify-content: end;
align-items: end;
justify-items: end;
}



.mbms{
margin-left: 3rem;
}
.mbme{
margin-right: 3rem;
}
.btn {
margin: 20px auto;
border: none;
padding: 10px 44px;

position: relative;
}
ul{
list-style: none;
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-250px * 7));
}
}
.slider {
height: 100px;
margin: auto;
overflow: hidden;
position: relative;
width: auto;
}
.slider .slide-track {
animation: scroll 40s linear infinite;
display: flex;
width: calc(250px * 14);
}
.slider .slide {
height: 100px;
width: 250px;
}
.ticktext{
line-height: 50px;
margin-left: 10px;
}
.btn::before {
transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
content: '';
width: 50%;
height: 100%;
background: black;
position: absolute;
top: 0;
left: 0;
}
.smallp{
font-size: 14px;
}
.btn .btn-text {
color: white;
mix-blend-mode: normal;
position: relative;
}
.btn:hover::before {
background: black;
width: 100%;
}
.nav-link{
color: #000 !important;
}
.btn.rounded {
border-radius: 50px;
}
.btn.rounded .text-green {
color: #000;
mix-blend-mode: normal;
position: relative;
}
.footer>div>h2, .footer>div>ul>li{
color: #fff !important;
margin-bottom: 8px;
}
.footer>div>ul>a>li{
color: #fff !important;
margin-bottom: 8px;
}
.strippd{
padding: 3rem;
padding-top: 0 !important;
}
.btn.rounded::before {
border-radius: 50px;
width: 25%;
background: #00f0b5;
}
.btn.rounded:hover::before {
background: #00f0b5;
width: 100%;
}
.section-two{
height: auto;
background-color: #552088;
}
.section-two2{
height: auto;
background-color: #552088;
padding-left: 3rem;
padding-right: 3rem;
}
.section-four{
padding: 3rem;
}
.section-three{
height: 90vh;
clip-path: polygon(0 calc(100% - 3rem),0 3rem,100% 0,100% 100%);
}
#locations{
text-transform: capitalize;
width: 100%;
box-sizing: border-box;
outline: none;
border: none;
border-bottom: 2px solid #e1e1e1;
color: #07315B;
position: relative;
height: 60px;
padding: 20px 0;
background-color: #fff !important;
}
.row-two{
position: absolute;
}
.colst:before {
background: linear-gradient(90deg,rgba(86,34,139,.7) 10.67%,rgba(204,0,116,.7) 95.35%) !important;
bottom: 0px;
content: "";
filter: blur(32px);
height: 32%;
left: 0;
margin-left: auto;
margin-right: auto;
position: absolute;
right: 0;
top: 200px;
width: 100%;
z-index: -1;
top: 270px;
width: 88%;
}
.flexrowone{
top: 8%;
position: relative;
}
.cd1{
padding: 10px;
box-shadow: 0 0 4px 1px #00e0ce;
border-radius: 15px;
width: 220px;
}
.card-img-top{
border-radius: 15px;
width: 60%;
}
.card-body{
text-align: center;
}
#readmore{
color: #00f0b5;
font-size: 18px;
letter-spacing: 1px;
width: 50%;
}
.rd{
justify-content: end;
align-items: end;
display: flex;
}
#readmore {
	margin:0 0 1em;
	color:#00f0b5;
	/* text-shadow:1px 1px 1px #000; */
	text-align:center;
display:flex;
align-items:center;
}
#readmore:before {
	content:" ";
flex:1 0 0%;
	height:2px;
	color:#00f0b5;
	background:#00f0b5;
margin:0 1.5rem 0 0;
}
#readmore:after {
margin:0 0 0 1.5rem;
}
#h1{
color:#ffff;
font-weight: 400;
font-size: 40px;
}
#h11{
color: #ffff;
font-weight:500;
font-size: 60px;
}
#h{
color:#ffff;
}
#spsm{
font-size: 30px;
}
#hh{
color:#ffff;
margin-bottom: 1rem;
font-size: 26px;
}
#smhh{
color: #ffff;
margin-top: 1rem;
font-size: 24px;
margin-bottom: -1rem;
}
#smhhh{
color: #ffff;
font-size: 24px;
margin-bottom: 1rem;
text-align: center;
}
#h2{
color:#552088;
letter-spacing: 1px;
font-weight: 600;
font-size: 40px;
font-weight: 600;
}
#h22{
letter-spacing: 1px;
font-weight: 600;
font-size: 34px;
color: #fff;
}
#h21{
color: #000;
font-size: 30px;
font-weight: 600;
}
#span4{
color: #7f32cd;
}
#span{
color: #00f0b5;
}
#span1, #span3, #span4{
color: #552088;
font-size: 40px;
}
#span2{
color: #552088;
font-size: 40px;
font-weight: 600;
}
.coltwo{
margin-left: 7rem;
}
#helptx{
color: #7f32cd;
font-weight: 600;
letter-spacing: 1px;
}
.title3{
color: #000 !important;
margin-top: 10px;
}
td{
font-size: 15px;
}
.title2 {
color: #000;
justify-content: center;
align-items: center;
display: flex;
font-size: 16px;
font-weight: 500;
margin-bottom: 0;
margin-top: 1rem;
}
.cd1{
box-shadow: 0 0 2px 2px #552088;
width: 13rem;
}
#td{
width: 30%;
}
.table>:not(caption)>*>* {
padding: 0.2rem 0.2rem;
background-color: var(--bs-table-bg);
border-bottom-width: 0px;
}
#h4{
color: #ffff;
font-size: 40px;
font-weight: 600;
position: relative;
}
#hd4{
color: #000;
font-size: 40px;
font-weight: 600;
position: relative;
}
#hd5{
color: #552088;
font-size: 40px;
font-weight: 600;
}
.navbar-light .navbar-nav .nav-link {
margin-left: 1.4rem;
}
.navbar-brand{
margin-left: 4rem;
}
body {
font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto', sans-serif;
}

p {
font-family: 'Roboto', sans-serif;
}
.row-one{
background-image: url(https://www.smartvisioneyehospitals.com/images/banner-image3.png);
background-repeat: no-repeat;
height:auto;
background-position: center;
background-size: cover;
}
.lottie{
top: 0px;
position: absolute;
right: 0;
}
    
a,a:hover{
text-decoration: none;
}
.myform-area .form-area .form-content,
.myform-area .form-area .form-input{
position: relative;
width: 50%;
height: 100%;
float: left;
box-sizing: border-box;
}

.myform-area .form-area .form-content{
width: 50%;
padding: 40px 30px;
}

.myform-area .form-area .form-content h2{
color: #fff;
}
.myform-area .form-area .form-content p{
color: #fff;
}
.myform-area .form-area .form-content ul{
margin-top: 50px;
}

.myform-area .form-area .form-content ul li{
display: inline-block;
margin-right: 10px;
}
.myform-area .form-area .form-content a i{
margin-right: 10px;
}

.myform-area .form-area .form-content .facebook{
display: block;
padding: 10px 20px;
background: #3B579D;
color: #fff;
font-size: 15px;
text-transform: capitalize;
border-radius: 4px;
border: 1px solid #3B579D;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.myform-area .form-area .form-content .facebook:hover,
.myform-area .form-area .form-content .facebook:focus{
background: transparent;
}

.myform-area .form-area .form-content .twitter{
display: block;
padding: 10px 20px;
background: #00ACED;
color: #fff;
font-size: 15px;
text-transform: capitalize;
border-radius: 4px;
border: 1px solid #00ACED;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.myform-area .form-area .form-content .twitter:hover,
.myform-area .form-area .form-content .twitter:focus{
background: transparent;
}
.myform-area .form-area .form-input{
background-color: white;
position: relative;
overflow: hidden;
box-shadow: 0 0 8px 0 #e1e1e1;
}
.myform-area .form-area .form-input{
width: 100%;
background: #fff;
padding: 30px 30px;
border-radius: 15px;
}

.myform-area .form-area .form-input h2{
margin-bottom: 0px;
font-size: 22px;
color: #07315B;
}

.myform-area .form-area .form-input input{
position: relative;
height: 60px;
padding: 20px 0;
}
.myform-area .form-area .form-input textarea{
height: 120px;
padding: 20px 0;
}

.myform-area .form-area .form-input input,
.myform-area .form-area .form-input textarea{
text-transform: capitalize;
width: 100%;
box-sizing: border-box;
outline: none;
border: none;
border-bottom: 2px solid #e1e1e1;
color: #07315B;
}
.myform-area .form-area .form-input form .form-group{
position: relative;
}
.myform-area .form-area .form-input form .form-group label{
position: absolute;
text-transform: capitalize;
top: 20px;
left: 0;
pointer-events: none;
font-size: 14px;
color: #595959;
margin-bottom: 0;
transition: all .6s;
}
.myform-area .form-area .form-input input:focus ~ label,
.myform-area .form-area .form-input textarea:focus ~ label,
.myform-area .form-area .form-input input:valid ~ label,
.myform-area .form-area .form-input textarea:valid ~ label{
top: -5px;
opacity: 0;
left: 0;
color: rgba(103,58,183);
font-size: 12px;
color: #07315B;
font-weight: bold;
}
.myform-area .form-area .form-input input:focus,
.myform-area .form-area .form-input textarea:focus,
.myform-area .form-area .form-input input:valid,
.myform-area .form-area .form-input textarea:valid{
border-bottom: 2px solid rgba(103,58,183);
}
.myform-area .form-area .form-text{
margin-top: 30px;
}
.myform-area .form-area .form-text span a{
color: rgba(103,58,183);
}
.myform-area .form-area .myform-button{
margin-top: 10px;
}
.myform-area .form-area .myform-button .myform-btn{
width: 100%;
height: 50px;
font-size: 17px;
background: rgba(103,58,183);
border: none;
border-radius: 50px;
color: #fff;
cursor: pointer;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
margin-top:10px;
}
.myform-area .form-area .myform-button .myform-btn:hover{
background: #07315B;
}

.myform-area .form-area .myform-button .myform-btn:disabled{
background: #cccccc; /* Light Gray */
color: #999999; /* Darker Gray for text */
cursor: not-allowed; /* Not-allowed cursor to indicate disabled state */
}

/* .newcl{
transform: skewX(6deg);
} */
.flip {
	 position: relative;
width: 100%;
}
.flip > .front, .flip > .back {
	 transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	 transition-duration: 0.5s;
	 transition-property: transform, opacity;
}
.flip > .front {
	 transform: rotateY(0deg);
box-shadow:0 0 2px 2px #00e0ce;
text-align: center;
align-items: center;
display: flex !important;
justify-content: center;
font-size: 18px;
font-weight: 500;
}
.flip > .back {
	 position: absolute;
	 opacity: 0;
	 top: 0px;
	 left: 0px;
	 width: 100% !important;
	 height: 100%;
font-size: 18px;
font-weight: 500;
	 transform: rotateY(-180deg);
/* background-color: #000 !important; */
text-align: center;
display: block;
justify-content: center;
color:#000;
}
s.flip:hover > .front {
	 transform: rotateY(180deg);
}
.flip:hover > .back {
	opacity: 1;
transform: rotateY(0deg);
align-items: center;
text-align: center;
display: flex;

}
.flip.flip-vertical > .back {
	 transform: rotateX(-180deg);
}
.flip.flip-vertical:hover > .front {
	 transform: rotateX(180deg);
}
.flip.flip-vertical:hover > .back {
	 transform: rotateX(0deg);
}
.flip {
	 position: relative;
	 display: inline-block;
	 margin-right: 2px;
	 margin-bottom: 1em;
	
}
.mbpd{
padding: 3rem;
}
.flip > .front, .flip > .back {
	 display: block;
	 width: inherit;
	 background-size: cover !important;
	 background-position: center !important;
	 height: 220px;
	 padding: 10px 10px;
	 background: #ffff;
	 border-radius: 10px;
}
.flip > .front p, .flip > .back p {
	 font-size: 0.9125rem;
	 line-height: 160%;
	 color: #999;
}
.text-shadow {
	 text-shadow: 1px 1px rgba(0, 0, 0, 0.04), 2px 2px rgba(0, 0, 0, 0.04), 3px 3px rgba(0, 0, 0, 0.04), 4px 4px rgba(0, 0, 0, 0.04), 0.125rem 0.125rem rgba(0, 0, 0, 0.04), 6px 6px rgba(0, 0, 0, 0.04), 7px 7px rgba(0, 0, 0, 0.04), 8px 8px rgba(0, 0, 0, 0.04), 9px 9px rgba(0, 0, 0, 0.04), 0.3125rem 0.3125rem rgba(0, 0, 0, 0.04), 11px 11px rgba(0, 0, 0, 0.04), 12px 12px rgba(0, 0, 0, 0.04), 13px 13px rgba(0, 0, 0, 0.04), 14px 14px rgba(0, 0, 0, 0.04), 0.625rem 0.625rem rgba(0, 0, 0, 0.04), 16px 16px rgba(0, 0, 0, 0.04), 17px 17px rgba(0, 0, 0, 0.04), 18px 18px rgba(0, 0, 0, 0.04), 19px 19px rgba(0, 0, 0, 0.04), 1.25rem 1.25rem rgba(0, 0, 0, 0.04);
}
.mbver{
display: none;
}
.rwdsk{
margin-top: 3rem;
}
.table{
margin-left: -1.4%;
}
.contrwdes{
margin-top: 3rem;
}
.btn-phone-pulse:hover{
color: #ffff !important;
font-weight: bold !important;
}
.callicon{
position: fixed;
bottom: 20px;
right: 20px;
text-align: right;
color: #841482 !important;
width: 45px;
height: 45px;
border-radius: 50%;
-webkit-box-shadow: 0 0 15px #841482;
box-shadow: 0 0 15px #841482;
font-size: 20px;
display: inline-block;
text-align: center;
line-height: 45px;
-webkit-transition: .9s;
transition: .9s;
}
.btn-whatsapp-pulse:hover{
color:#ffff !important;
font-size: 25px !important;
}
.btn-whatsapp-pulse {
	background: #00f0b5;
	color: white;
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 25px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}


#lasikid{
border-radius: 20px;
padding: 10px;
}
.lasik-banner{
background-image: url("https://www.smartvisioneyehospitals.com/images/lasik-banner.png");
height: 70vh;
background-repeat: no-repeat;
}
.cataract-banner{
background-image: url("https://www.smartvisioneyehospitals.com/images/cataract-banner.webp");
height: 70vh;
background-repeat: no-repeat;
}
#pid{
font-size: 18px;
}








@media (max-width: 767.98px) {
.sicond{
display: flex;
justify-content: center;
}
.sicon1{
right: 30px;
position: absolute;
}
.sicon2{
right: 15px;
position: absolute;
}
.navbar-toggler:focus {
box-shadow: none !important;
}
.tabs input[type=radio]:checked+label+.tab {
padding-top: 0 !important;
}
.crdcarousel-style{
border:none !important;
}
.mbdnone{
display:none !important;
}
.tcksec{
margin-top:4px;
}
#br{
display:none;
}
.nav-link{
padding: 0.1rem 1rem !important;
}
.mbresr{
margin-left:0;
margin-right:0;
}
.sectionnav2{
display:ruby !important;
}
.sectionnav3{
/*display:flex !important;*/
margin-bottom:0 !important;
}
.nav2link{
margin-left: 0 !important;
}
.nav2links{
padding: 5px 5px !important;
}
.nav2bar{
text-align: center;
}
.sticky-icon .Facebook{
background-color: #3131c6;
}
.sticky-icon .Google{
background-color: #1aad1a;
}
#sctickyic{
display: contents !important;
color:#ffff;
}
.sticky-icon {
z-index: 1;
position: fixed;
top:auto;
right: auto !important;
width: 100% !important;
display: flex !important;
flex-direction: row !important;
bottom: 0 !important;
background-color: #ffff;
left: 0 !important;
/* background-color: #077e1d; */
}
.sticky-icon a .stcyic2,.sticky-icon a .stcyic1 {
transform: none !important;
border-radius: 0px 0px 0px 0px;
text-align: center;
margin: 2px;
text-decoration: none;
text-transform: uppercase;
padding: 6px;
transition: all 0.8s;
display: flex;
align-items: center;
animation-name: none !important;
animation-duration: initial !important;
/* background-color: #00ACED; */
}
.sticky-icon a i {
background-color: transparent !important;
height: 40px;
width: 40px;
color: #fff !important;
text-align: center;
font-size: 26px !important;

}
.sticky-icon a{
transform: none !important;
border-radius: 0px 0px 0px 0px;
text-align: center;
margin: 0px;
text-decoration: none;
text-transform: uppercase;
padding: 0px;
font-size: 16px;
transition: all 0.8s;
display: flex;
align-items: center;
width: 100% !important;
}

.resmbsect2{
margin:0 !important;
}
.ticon {
width: 25px;
height: 25px;
margin-top:0px !important;
}
.navbar{
margin:0 !important;
}
.addcard {
width: auto !important;
height: auto !important;
}
#brandlg{
width: 50px !important;
}
.scndcontainer{
padding-left: 0rem;
padding-right: 0rem;
}
#nhh {
font-size: 24px;
}
.title2{
margin-bottom: 0 !important;
height: 6vh;
}
.card-body {
padding: 4px;
}
.card-img-top {
border-radius: 15px;
width: 40% !important;
margin-bottom: 0 !important;
}
.mobilevw{
display: flex !important;
}
#btnone {
background-color: #552088;
color: #fff;
border-radius: 0;
border: #fff;
padding: 26px;
margin-left: 0!important;
font-size: 16px!important;
border-style: groove;
border-width: 1px;
}
.deskvw{
display: none;
}
.accordion button .accordion-title {
padding: 0 !important;
}
.framerow{
text-align: center;
}
.crdcarousel2-style{
height: auto;
}
#iframe{
width: auto;
}
.lasik-banner {
background-image: url(https://www.smartvisioneyehospitals.com/images/lasik-banner.png);
height: 40vh;
background-repeat: no-repeat;
background-size: cover;
}
.cataract-banner {
background-image: url(https://www.smartvisioneyehospitals.com/images/cataract-banner.webp);
height: 40vh;
background-repeat: no-repeat;
background-size: cover;
}
.mbspd{
padding-left: 1rem;
padding-top: 1rem;
}
.ctrfld{
margin-top: 0 !important;
}
.nav22{
display:none;
}
.dflx{
display: block !important;
}
#ggicn{
width: auto;
}
#smhh {
margin-bottom: 0rem;
}
.mbpdg{
padding: 0px !important;
}
.mbpd4{
padding: 0rem !important;
}
.cd1{
margin-bottom: 14px;
width: auto;
}
.deskvr{
display: none !important;
}
#vrftext{
display: none;
}
#staric{
width: 6%;
}
.accordion button {
display: block;
padding: 1em 1rem !important;
}
p{
text-align: justify;
}
#autiul{
padding-left: 0rem;
}
#smhhp {
font-size: 16px;
}
.mbspec{
padding-bottom: 0!important;
}
.section-two2 {
padding-left: 0;
padding-right: 0;
}
.mbmt{
margin-top: 0rem;
}
.row-one, .section-one{
background-image: url(https://www.smartvisioneyehospitals.com/images/bnr-mobile.png) !important;
background-repeat: no-repeat !important;
height: auto !important;
background-position: top !important;
background-size: contain !important;
background-repeat: round !important;
}
.section-glaucomaa{
background-image: url(https://www.smartvisioneyehospitals.com/images/bnr-mobile.png) !important;
background-repeat: no-repeat;
height: auto;
background-position: top;
background-size: contain;
background-repeat: round;
}
.section-doctor{
background-image: url("https://www.smartvisioneyehospitals.com/images/doc-mbimg.webp");
height: 50vh;
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
}
.section-contact{
background-image: url(https://www.smartvisioneyehospitals.com/images/cont-mbimg.webp) !important;
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
background-repeat: no-repeat;
}
#iframec{
width: 100%;
height: auto;
}
.testn {
padding: 0rem;
}
.nav22 {
width: auto;
}
#logo{
width: 200px !important;
}
.mbpd{
padding: 1rem;
}
.mbms{
margin-left: 0rem;
}
.mbme{
margin-right: 0rem;
}
.strippd {
padding: 2rem;
padding-top: 1rem !important;
}
.btn-phone-pulse:hover{
color: #ffff !important;
font-weight: bold !important;
}
.mbpdg{
padding: 16px;
}
#spsm{
font-size: 22px;
}
.table {
margin-left: 0rem;
}

#starticn{
width: 8%;
}
#ggicn{
width: 20%;
}
.contrwdes{
margin-top: 1rem !important;
}
#h4 {
color: #ffff;
font-size: 24px;
font-weight: 400;
}
#span4{
font-size: 24px !important;
font-weight: 400 !important;
}
#h11{
font-size: 26px;
}
#h22{
font-size: 20px;
}
#span1, #span2{
font-size: 24px;
}
#smhh{
font-size: 16px;
}
#hd5{
font-size: 24px;
}
#hd4{
font-size: 24px;
font-weight: 600;
}
.rwdsk{
margin-top: 5rem !important;
}
.section-two, .section-four{
padding: 1rem;
height: auto !important;
}
.ticktext {
line-height: normal;
font-size:18px;
}
ul {
padding-left: 0rem;
}
.frmcl{
justify-content: center;
display: block;
}
#h2 {
font-size: 30px;
}
.row-two {
position: relative;
}
#h, #h1{
top: 0!important;
}
#h21 {
font-size: 18px;
}
.flexrowone {
top: 0;
position: relative;
}
#servceimg{
width: 100% !important;
}
.coltwo {
margin-left: 0rem;
}
.flexrowone{
height: auto;
}
.desver{
display: none;
}
.mbver{
display: flex;
padding: 1rem;
margin-left:0 !important;
margin-right:0 !important;
}
.form-input {
bottom: 0 !important;
left: 0 !important;
}
.colst:before {
background: linear-gradient(90deg,rgb(86 34 139) 10.67%,rgb(118 25 133) 95.35%) !important;
bottom: 0px;
content: "";
filter: blur(0px);
height: auto;
left: 0;
margin-left: auto;
margin-right: auto;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: -1;
top: 0;
width: auto;
}
#banner-one{
display: none;
}
.navbar-brand {
margin-left: 0rem;
}
.navbar{
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.newcl{
margin-left: 0px !important;
margin-right: 0px !important;
}
#h {
top: 20px;
position: relative;
left: 0rem;
color: #ffff;
font-weight: 400;
font-size: 18px;
}
.mbpt{
padding-top: 1rem;
}
#hh {
color: #ffff;
font-weight: 400;
*font-size: 20px;
}
#h1 {
top: 16px;
position: relative;
left: 0rem;
color: #ffff;
font-weight: 500;
font-size: 24px;
width: auto;
}
.lottie {
top: -22px;
position: absolute;
right: -22px;
width: 200px !important;
height: 88px !important;
}
}

@media only screen and (max-width: 767px) {
#back-to-top {
position: fixed;
bottom: 80px !important;
}
}

@media (min-width: 993px) and (max-width: 1296px){
.navbar-light .navbar-nav .nav-link{
margin-left: 0 !important;
}
.lottie{
right:-40px !important;
}
}




/* Footer Social Icon Fixes */
.footer .social-icons {
    list-style: none;
    padding: 0;
    margin-top: 1rem; /* Adjust margin as needed */
    margin-bottom: 1rem; /* Adjust margin as needed */
    display: flex; /* Arrange icons horizontally */
    gap: 15px; /* Space between icons */
    justify-content: flex-start; /* Align icons to the start */
}

.footer .social-icons li {
   display: inline-block; /* Keep items inline */
   margin: 0; /* Reset margins */
   position: static; /* Remove absolute positioning context if any */
   font-size: 1.2em; /* Keep original size */
}

.footer .social-icons a {
    display: inline-flex; /* Use flex to center icon */
    justify-content: center;
    align-items: center;
    width: 40px; /* Circle size */
    height: 40px; /* Circle size */
    background-color: #ffffff; /* White background */
    border-radius: 50%; /* Make it a circle */
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.footer .social-icons a:hover {
    background-color: #eeeeee; /* Optional hover effect */
}

.footer .social-icons i {
    color: #153f73 !important; /* Blue icon color */
    font-size: 20px; /* Adjust icon size if needed */
    position: static; /* Remove absolute positioning */
    transition: none; /* Remove previous transitions */
    line-height: 1; /* Ensure proper vertical alignment */
}

/* Remove the conflicting ::before pseudo-element style */
.footer .social-icons a::before {
    content: none;
    display: none;
}

/* Ensure other footer text is white */
.footer h2, .footer ul li, .footer ul li a {
     color: #fff !important; /* Make footer text white */
     text-decoration: none;
}
.footer ul li a:hover {
    text-decoration: underline; /* Add underline on hover */
}
.footer ul {
    padding-left: 0; /* Remove default padding */
    list-style: none; /* Remove default list style */
}
 .footer ul.social-icons2 li a i.fa-phone{ /* Specific fix for phone icon color if needed*/
     color: #fff !important;
     margin-right: 8px; /* Add some space */
 }