/*
Theme Name: Visio Eye Clinic
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: Socially Connect Team
Author URI: https://sociallyconnect.in
Description: Visio Eye Clinic is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,portfolio
Version: 2.5.1746512272
Updated: 2025-05-06 06:17:52

*/

body, p, h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0;}
.elementor-button-text {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.7px;
}
input.wpcf7-form-control.wpcf7-submit {
    text-transform: uppercase;
}
.visio-menu ul.sub-menu{padding:0 !important;}
.visio-menu ul.sub-menu li a {
    padding: 10px !important;
    line-height: 25px !important;
	border-bottom:1px dashed #ddd;
}
.visio-menu ul#menu-main-menu li a i {
   font-size: 11px;
    font-weight: 600;
    color: #601632;
    position: relative;
    top: 1px;
}
.f-size img{width: 100% !important; height: 100% !important;}
.main-logo img{
width:  50% !important;
}
.service-boxs{overflow:hidden;}
.visio-doctors img{height:100% !important; width: 100% !important;}
.footer-logo img{width: 46% !important;}
.elementor-heading-title span {
    color: var( --e-global-color-secondary );
}
.visio-menu ul#menu-main-menu li a {
    font-size: 15px;
    text-transform: uppercase;
    padding: 0 23px;
	font-weight: 600;
}
.visio-menu ul#menu-main-menu .sub-menu li a{
	font-weight: 500;
}
.quick-contact h3.elementor-image-box-title {
    margin: 0 !important;
}
.quick-contact figure.elementor-image-box-img {
	  width: 50px !important;
    background: #761f40;
    padding: 8px;
    border-radius: 50%;
}
.quick-contact figure.elementor-image-box-img img{
	filter: brightness(0) invert(1);
}
.contact-form input.wpcf7-form-control, .contact-form textarea.wpcf7-form-control {
border: 1px solid #ffffff;
width: 100%;
margin-top: 6px;
margin-bottom: 16px;
padding: calc(0.5 * 30px);
}
.contact-form label {
    color: #fff;
    font-size: 17px;
}
.contact-pages.contact-form label{
	color: #212121 !important;
}
.proud-box{
	    background: linear-gradient(203deg, #fff, #e9d3c8, #fff, #e9d3c8, #fff, #e9d3c8) !important;
    background-size: 400% 400% !important;
	    animation: wave-gradient 12s ease infinite;
}
 .advan-service, .plan-1{
	position: relative;
}

.elementor-element .plan-1.colord-plans .advan-service:before {
    content: '';
    position: absolute;
    width: 45px;
    height: 40px;
    right: -17px;
    bottom: 47px;
    border-right: 17px solid #761f40 !important;
    border-bottom-right-radius: 50%;
    z-index: 9;
}

.advan-service img{
	width: 100% !important;
	height: 100% !important;
}
.elementor-element .plan-1  .advan-service:before {
    content: '';
    position: absolute;
    width: 45px;
    height: 40px;
    right: -17px;
    bottom: 47px;
    border-right: 17px solid #ffffff;
    border-bottom-right-radius: 50%;
    z-index: 9;
}
.link-icon.first-box{
	background: var( --e-global-color-secondary );
}
.link-icon{
	display: inline;
    width: 90px;
    background: #fff;
    position: absolute;
    bottom: 50px;
    right: 0;
    border-radius: 6px;
    padding: 5px;
}
.link-icon .elementor-icon{
	    background: #fddf5b;
    border-radius: 50%;
    position: relative;
    left: -14px;
	  top: 5px;
    font-size: 40px;
    color: #fff !important;
}
.link-icon .elementor-icon:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fddf5b;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 currentColor;
    box-shadow: 0 0 0 0 currentColor;
    -webkit-animation: jkit-ripple 3s infinite;
    animation: jkit-ripple 3s infinite;
    opacity: .6;
    z-index: 9;
}
.vision-logo {
    background: #761f40;
    width: 10% !important;
    padding: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.footer-copy a{
	color: #fff;
	text-decoration: underline;
}
.contact-pg-box h5.elementor-image-box-title {
    margin-top: 0;
}
.sub-footer-box img{
	width: 100% !important;
height:100% !important;
}
.service-pages h2{margin:0;}
.service-banner .elementor-shape svg {
    height: 60px !important;
}
@keyframes wave-gradient {
  0% {
    background-position: 0% 45%; }

  50% {
    background-position: 100% 50%; }

  100% {
    background-position: 0% 45%; } }

.visi-about {
    outline: 1.5px solid #ffffff;
    outline-offset: -9px;
}
.wpcf7 form .wpcf7-response-output{
color: #fff !important;
}

.quick-appointment, .closeeventenquiry {
                cursor: pointer;
            }

            .registration-form, .event-form {
                position: fixed;
                top: 0;
                right: 0;
                width: 32% !important;
                left: unset;
                padding: 10px 32px;
                border-left: 1px solid #27266a;
                background: #27266a;
                z-index: 9999;
                height: 100%;
                overflow-x: hidden;
                overflow-y: scroll;
                transform: translateX(100%);
                transition: transform 0.6s ease-in-out;
                box-shadow: -1px 1px 9px 3px #33333312;
            }

            .registration-form label input[type="checkbox"], .event-form label input[type="checkbox"] {
                width: 14px;
                height: 14px;
            }

            .registration-form.open, .event-form.open {
                transform: translateX(0);
            }

            .registration-form label, .event-form label {
                font-size: 17px;
                font-weight: 400;
                color: #fff;
            }

            .registration-form label input, .registration-form label textarea{
                border-radius: 0 !important;
                margin-top: 10px;
                border: 1px solid #ededed !important;
                width: 100%;
                padding: 9px !important;
            }
.registration-form p {
    margin: 0 0 1em 0;
}
            .registration-form label .wpcf7-list-item, .event-form label .wpcf7-list-item {
                margin-left: 0;
                border-bottom: 1px dashed #ffffff2b;
            }

            .registration-form .wpcf7 form .wpcf7-response-output, .event-form .wpcf7 form .wpcf7-response-output {
                color: #fff;
            }

            span.wpcf7-list-item-label {
                font-size: 14px;
            }

            .registration-form span.wpcf7-form-control.wpcf7-checkbox, .event-form span.wpcf7-form-control.wpcf7-checkbox {
                margin-top: 10px;
                display: block;
            }

            .pp-form h2 {
                font-size: 28px;
                line-height: 38px;
                color: #fff;
            }

            .registration-form input.wpcf7-form-control.wpcf7-submit, .event-form input.wpcf7-form-control.wpcf7-submit {
                width: 100%;
            }

body .registration-form  input.wpcf7-form-control.wpcf7-submit {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 8px 8px 8px 8px;
    padding: 16px 35px 16px 35px;
    text-transform: uppercase;
}
.sub-footer-box .elementor-widget-image, .ext-icon{
    background: #601632;
    padding: 17px;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    object-fit: cover;
}
.sub-footer-box img,  .ext-icon img {
    width: 100% !important;
    height: 100% !important;
    max-width: 80px !important;
    filter: brightness(0) invert(1);
}
.whtsapp-enquiry {
    position: fixed;
    margin-right: 2px;
    right: 20px;
    bottom: 55px;
    z-index: 100;
    width: 53px;
    height: 53px;
	    animation: .82s cubic-bezier(.36,.07,.19,.97) infinite shake;
    animation-duration: 5s;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}
.visio-menu button.jkit-hamburger-menu {
    background: #fff !important;
    border: 0 !important;
}
.visio-menu button i.jki.jki-burger-menu-light {
    color: #601632;
}
@keyframes shake {
    0%,100%,98.4% {
        transform: translate3d(0,0,0)
    }

    10%,90% {
        transform: translate3d(0,-1px,0)
    }

    20%,80% {
        transform: translate3d(0,2px,0)
    }

    30%,50%,70% {
        transform: translate3d(0,-4px,0)
    }

    40%,60% {
        transform: translate3d(0,4px,0)
    }
}
@media only screen and (max-width: 830px) {
body .registration-form{
    width: 82% !important;
}
	.elementor-widget-n-accordion .e-n-accordion-item-title-text {
    align-items: center;
    font-size: 16px;
    line-height: 1.4em;
}
	.visio-menu ul#menu-main-menu li a i{color: #fff !important; }
	.elementor-widget-n-accordion .e-n-accordion-item-title{
		padding: 15px 25px !important;
	}
	.footer-sub .elementor-counter-title {
    text-align: center;
    font-weight: 600 !important;
}
	}

@media (max-width: 767px){
	.elementor-61 .elementor-element.elementor-element-362cc4e5 .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li > a {
    margin: 0px 0px 0px 0px;
    padding: 14px 0 !important;
    font-weight: 400 !important;
    font-size: 17px !important;
}
	body[data-elementor-device-mode=mobile] .jeg-elementor-kit.jkit-nav-menu.break-point-tablet .jkit-menu-wrapper .jkit-nav-identity-panel .jkit-nav-site-title {
    width: 50%;
}
}