@import url('https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css'); @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css'); @import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css'); @import url('https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css'); @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200;0,6..12,300;0,6..12,400;0,6..12,500;0,6..12,600;0,6..12,700;0,6..12,800;0,6..12,900;0,6..12,1000;1,6..12,200;1,6..12,300;1,6..12,400;1,6..12,500;1,6..12,600;1,6..12,700;1,6..12,800;1,6..12,900;1,6..12,1000&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap'); @import url('https://webclickindia.co.in/smtp/css/mail.css'); @import url(css/ma5-menu.min.css); @import url(css/responsive.css); @import url(css/slick-theme.css); /*Custom CSS*/ :root{ --main-color: #f6821f; --sec-color: #43525b; } .bg-grey{ background-color: #eee; } .slick-slide img { height: 250px!important; object-fit: cover; } .services-item .serices-content > a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 53px; color: #fff !important; } h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-weight: 600; font-family: 'Roboto Slab', serif;} ul{padding: 0px; margin: 0px; list-style-type: none;} li{padding: 0px; margin: 0px; font-size: 15px;} a{font-size: 15px; font-family: 'Nunito Sans', sans-serif;} a:hover{text-decoration: none;} p{font-size: 15px; padding: 0px; margin: 0px; font-family: 'Nunito Sans', sans-serif;} body{padding: 0px; margin: 0px; box-sizing: content-box;} span{padding: 0px; margin: 0px; font-family: 'Nunito Sans', sans-serif;} /*Start*/ main{overflow: hidden;} header{background-color: #fff; position: relative; } .call { float: left; padding-top: 8px; padding-bottom: 8px;} .call a { font-size: 13px; font-weight: 700; color: #4a5666; line-height: 13px; display: block;} .call a .left, #header.homepage-2 .help a .left { color: #fff;} .call a span{ color: #fff;} .call a i { font-size: 33px; float: left; color: #fff; margin-right: 12px; line-height: normal; display: block;} .div-line{position: relative;} .div-line:after { position: absolute; content: ''; width: 100%; height: 51px; background-color: var(--main-color);} /* .white-line{position: relative;} .white-line:after { position: absolute; content: ''; left: 0px; width: 245px; height: 100px; background-color: #fff; top: 0; z-index: 9;} */ /* .header-logo img { position: relative; z-index: 9; top: 5px;} */ .address-side { border-right: 1px solid #fff;} .fennec-mobile-nav .navbar-nav { overflow-y: auto; height: 428px;} .fennec-nav .navbar .navbar-nav .nav-item { position: relative; padding: 0;} .fennec-nav .navbar .navbar-nav .nav-item a { font-weight: 600; color: #000; text-transform: uppercase; padding: 20px 12px; position: relative; z-index: 1; margin: 0;} .fennec-nav .navbar .navbar-nav .nav-item a i { margin-left: 1px;} .fennec-nav .navbar .navbar-nav .nav-item a i::before { font-size: 11px;} .fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before { opacity: 1; visibility: visible;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu { -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); background-color: var(--sec-color); position: absolute; border: none; top: 80px; left: -94px; width: 350px; z-index: 99; display: block; opacity: 0; visibility: hidden; border-radius: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding-top: 15px; padding-left: 5px; padding-right: 5px; padding-bottom: 15px; color: #fff;} .fennec-nav .navbar .navbar-nav .nav-item:nth-child(4) .dropdown-menu { -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); height: 400px; overflow-y: scroll; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); background-color: var(--sec-color); position: absolute; border: none; top: 80px; left: -94px; width: 350px; z-index: 99; display: block; opacity: 0; visibility: hidden; border-radius: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding-top: 15px; padding-left: 5px; padding-right: 5px; padding-bottom: 15px; color: #fff;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li{ background-position: 0% 50%;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { text-transform: capitalize; padding: 5px 15px; display: block; color: #fff; font-size: 15px; font-weight: 600;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before { display: none;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { color: #fff; } .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1);} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child { margin-top: 0;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu { left: 220px; top: 0; opacity: 0; visibility: hidden;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 220px; top: 0; opacity: 0; visibility: hidden;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; top: -15px;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; top: -15px;} .fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; top: 63px; margin-top: 0;} .navbar{padding: 0px;} .content-mode h1{ font-size: 30px; line-height: 40px; font-weight: 700; letter-spacing: 0px;} .content-mode p { font-size: 16px;} .about-us { position: relative;} .setup-top { position: absolute; width: 83%; top: 33%; left: 15%;} .content-mode span{color: #afafaf;} .about-text a{background-color: var(--sec-color); padding: 10px 15px; transition: 0.5s; font-weight: bold;} .about-text a:hover{background-color: #163a87; color: #fff !important;} .about-img img { height: 470px;} .about-us{background: url(img/diagnostic-lab-content-gradient-bg.svg)no-repeat; background-position: left; height: 737px;} .eyes-title { position: relative;} .eyes-title i{position: relative; z-index: 9;} .eyes-title::after { content: ''; width: 12%; height: 1px; background-color: #fff; position: absolute; right: 44%; top: 11px; z-index: unset;} .black-in-white .title .eyes-title i{color: #fff !important;} .black-in-white .title .eyes-title::after { content: ''; width: 12%; height: 1px; background-color: var(--main-color); position: absolute; right: 44%; top: 11px; z-index: unset;} .content_side ul li a { background: #1e5399; padding: 6px 10px;} a.color-mode { background: var(--sec-color) !important;} .content_side span { font-size: 22px; font-weight: 800;} .content_side{ background-color: #fff; padding-top: 30px; box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.1); padding-right: 20px; padding-bottom: 30px; padding-left: 20px;} /*.content_side i { font-size: 22px; color: var(--main-color);}*/ /* .content_img img { height: 280px;} */ .eyes-team{background: url(img/bg-team.webp); background-attachment: fixed; background-size: cover;} .eyes-team h3{ color: #ECECEC; font-weight: 800; letter-spacing: 0.5px;} .eyes-team p{font-size: 18px;} /*.eyes-team { position: relative;} .eyes-team i{position: relative; z-index: 9;} .eyes-team::after { content: ''; width: 12%; height: 1px; background-color: #fff; position: absolute; right: 44%; top: 11px; z-index: unset;}*/ .content_img img{filter: grayscale(100%); transition: 0.5s;} .content_img img:hover{filter: grayscale(0%);} .midd-eyes { margin: 0px auto;} .midd-eyes ul{display: flex; justify-content: center;} .midd-eyes ul li{align-self: center;} .retinaleft { text-align: center;} .retinabox { width: 32%; display: inline-block; margin: 5px 0;} .retinabox img {margin: 0px auto 15px auto; /*border: 1px solid #1e5399;*/ -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; transition: .4s;} /* .retinabox:hover img { -webkit-box-shadow: 0px 0px 0px 15px rgba(30,83,153,0.15); -moz-box-shadow: 0px 0px 0px 15px rgba(30,83,153,0.15); box-shadow: 0px 0px 0px 15px rgba(30,83,153,0.15);} */ .retinahead { font-size: 16px; text-align: center; font-weight: 600; line-height: 22px; margin: 0; letter-spacing: .4px; padding: 0; color: #333;} .etinaright img { width: 95%; mix-blend-mode: darken; float: right;} .retinabox span { display: block;} .black-in-white .title .eyes-title i{color: var(--main-color) !important;} .black-in-white .title .eyes-title::after { content: ''; width: 12%; height: 1px; background-color: var(--main-color); position: absolute; right: 44%; top: 11px; z-index: unset;} .title .eyes-title::after { content: ''; width: 12%; height: 1px; background-color: #1e5399; position: absolute; right: 44%; top: 11px; z-index: unset;} .fact-counter-area { background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 0;} .fact-counter-area:after { content:''; background-color:var(--main-color); position: absolute; left:0; right:0; bottom:0; width:100%; height:100%; } .fact-counter-area .sec-title{ padding-bottom: 40px; position: relative; z-index: 99;} .fact-counter-area .sec-title h1{ color: #ffffff; } .fact-counter-area .sec-title p { color: #f1f1f1; font-size: 18px; font-weight: 300; line-height: 28px; margin: 0;} .fact-counter-area ul li { display: inline-block; float: left; border-right: 1px solid #fff; width: 25%; margin-bottom: 30px;} .fact-counter-area ul li:last-child{ border-right: none;} .fact-counter-area .single-item { width: 100%; display: block; padding: 0px 15px 0px; transition: all 500ms ease; position: relative;} .fact-counter-area .single-item .icon-holder{ margin: 0 0 16px;} .fact-counter-area .single-item .icon-holder span:before{ color: #ffffff; font-size: 65px; line-height: 65px;} .fact-counter-area .single-item h1 span{ color: #ffffff; font-size: 30px; font-weight: 400; font-family: 'Work Sans', sans-serif;} .fact-counter-area .single-item h3{ color: #ffffff; font-size: 18px; line-height: 26px; font-weight: 500; text-transform: capitalize; } .icon-holder i { font-size: 45px; color: #fff;} .fact-counter-area .eyes-title { position: relative;} .fact-counter-area .eyes-title i{position: relative; z-index: 9; top: -8px !important;} .fact-counter-area .eyes-title::after { content: ''; width: 12%; height: 1px; background-color: #fff; position: absolute; right: 44%; top: 48px;} .form-design h6{color: #1e5399; font-size: 26px;} .form-design span { font-size: 15px; margin-bottom: 10px; display: block;} .form-design p { font-size: 18px; color: #000; font-style: italic;} .home-filed{ font-family: 'Work Sans', sans-serif;} .home-filed input{width: 100%; height: 35px; border: 1px solid #ccc; padding-left: 10px;} .home-filed input:focus{outline: none;} .home-filed input::placeholder{color: #000; font-size: 14px;} .home-filed textarea{width: 100%; height: 100px; border: 1px solid #ccc; padding-left: 10px; font-size: 14px;} .home-filed textarea::placeholder{color: #000;} .home-filed select{width: 100%; height: 35px; border: 1px solid #ccc; padding-left: 10px; font-size: 14px;} .home-filed select:focus{outline: none;} .home-filed textarea{width: 100%; height: 100px; border: 1px solid #ccc; padding-left: 10px; padding-top: 10px;} .home-filed textarea:focus{outline: none;} .home-filed-btn button{background-color: var(--sec-color); width: 100%; display: block; font-family: 'Work Sans', sans-serif; padding: 8px 0; color: #fff;} .home-filed-btn button:focus{outline: none;} /*Whatsapp-popup*/ #whatsapp .wtsapp:focus { border: none; outline: none;} #whatsapp .wtsapp { position: fixed; transition: all .5s ease; background: #25d366; display: block; text-align: center; box-shadow: 0 0 20px rgba(0,0,0,0.15); /* margin: 0; */ border-radius: 50px; border-right: none; color: #fff; font-weight: 700; font-size: 18px; bottom: 100px; left: 20px; border: 0; z-index: 99; width: 50px; height: 50px; line-height: 48px;} #whatsapp .wtsapp:before { content: ""; position: absolute; z-index: -1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 60px; height: 60px; background: #25d366; border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite;} @keyframes pulse-border { 0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;} 100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;} } /*Call Me*/ .phone_lefts-side { position: relative;} .phone_lefts-side a { position: fixed; bottom: 180px; color: white; background-color: var(--sec-color); animation: topBottom 4s infinite; z-index: 999; left: 20px; color: white; padding: 11px 16px; border-radius: 50%; font-size: 20px; animation: bounce 4s infinite alternate;} .glow { font-size: 80px; color: #fff; text-align: center; -webkit-animation: glow 1s ease-in-out infinite alternate; -moz-animation: glow 1s ease-in-out infinite alternate; animation: glow 1s ease-in-out infinite alternate;} @-webkit-keyframes glow { from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;} to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;} } @keyframes glow { from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;} to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;} } .bounce {animation: bounce 965 1.6s ease infinite; transform-origin: 50% 50%;} @keyframes bounce { 0% {transform: translateY(0);} 12.5% {transform: translateY(0);} 25% {transform: translateY(0);} 50% {transform: translateY(-15px);} 62.5% {transform: translateY(0);} 75% {transform: translateY(-15px);} 100% {transform: translateY(0);} } /*Enquiry*/ .enquiry { position: fixed; z-index: 1000; bottom: 25px; left: 25px; height: 50px; color: #fff; font-size: 18px; text-align: center; text-decoration: none; cursor: pointer;} .enquiry i { float: left; z-index: 999; position: absolute; left: 0; width: 50px; height: 50px; border-radius: 50%; color: #fff; font-size: 24px; line-height: 50px; text-align: center; text-decoration: none; cursor: pointer; background: var(--main-color); transition: 0.5s; box-shadow: 0px 2px 6px rgba(0,0,0,0.4);} .enquiry strong { background: #f69a1d; line-height: 28px; color: #fff; padding: 10px 20px; border-radius: 0 30px 30px 0; height: 45px; float: left; font-size: 15px; margin-top: 3px; margin-left: 35px; box-shadow: 2px 2px 6px rgba(0,0,0,0.4);} .enquiry i:hover { color: #fff;} .enquiry strong:hover { color: #000; background: #eee;} .modal-header { padding: 0 15px; color: #fff; background-color: var(--main-color); height: 46px;} .send_p { line-height: 22px; text-align: center; margin-bottom: 20px; color: #333;} .modal-body form input { border: 1px solid #ccc; border-radius: 0px !important; height: 35px;} .modal-body form input:focus { outline: none;} .modal-body form textarea:focus { outline: none;} .modal-body form textarea { border: 1px solid #ccc; border-radius: 0px !important; resize: none;} .modal-header button span { font-size: 40px; position: relative; bottom: 0px;} #homepopupenquiry-form button[type=submit] {line-height: 0px; background: var(--main-color); outline: none; color: #fff; font-weight: 600; border: none; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; width: 35%; border-radius: 10px; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; padding: 20px;} .modal-header > p { font-size: 18px; margin-top: 8px;} /*Footer*/ footer{background: var(--main-color); padding: 106px 0px; position: relative;} .footer-btn a { background: var(--sec-color); padding: 8px 25px;} .widget span{font-size: 20px;} .widget ul li { line-height: 28px;} /* .widget img { width: 60%;} */ .widget ul li .media i{font-size: 18px;} .vector-left { position: absolute; left: 0; top: 0;} .vector-right { position: absolute; right: 0; top: 0;} /*.socail-media li:nth-child(2){background: #2b5084; padding-right: 15px;}*/ .socail-media li i { background: linear-gradient(45deg, #833AB4, #FD1D1D, #FCAF45); width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 5px;} .socail-media li{transition: 0.5s;} .socail-media li:nth-child(2) i{background: #363636;} .socail-media li:nth-child(3) i{background: #000;} .socail-media li:nth-child(4) i{background: #0079b1;} .socail-media li:nth-child(5) i{background: red; } .socail-media li:nth-child(6) i{background: #00d573; } .socail-media li:nth-child(7) i{background: #810215; } .copy-right{background: var(--sec-color);} #toTop { position: fixed; bottom: 25px; right: 15px; cursor: pointer; transition: 0.5s; z-index: 9999; background: #fff; padding: 10px; border-radius: 50px;} .equipment-metter{ font-family: 'Work Sans', sans-serif; } .container-gallery { margin: 0px auto; width: 150px; height: 125px; position: relative; top: 65px; perspective: 1000px;} #carousel-slider { width: 100%; height: 100%; position: absolute; transform-style: preserve-3d; animation: rotation 20s infinite linear;} #carousel-slider .one { background: url("img/equipment/1.jpg") no-repeat center center; background-size: cover;} #carousel-slider .two { background: url("img/equipment/2.jpg") no-repeat center center; background-size: cover;} #carousel-slider .three { background: url("img/equipment/a-scan-device.jpg") no-repeat center center; background-size: cover;} #carousel-slider .four { background: url("img/equipment/autorefractometer.jpg") no-repeat center center; background-size: cover;} #carousel-slider .five { background: url("img/equipment/iol-master.jpg") no-repeat center center; background-size: cover;} #carousel-slider .six { background: url("img/equipment/iop-pic1.jpg") no-repeat center center; background-size: cover;} #carousel-slider .seven { background: url("img/equipment/iris-double-green-laser.jpg") no-repeat center center; background-size: cover;} #carousel-slider .eight { background: url("img/equipment/oculus-pentacam.jpg") no-repeat center center; background-size: cover;} #carousel-slider .nine { background: url("img/equipment/retinoscope.jpg") no-repeat center center; background-size: cover;} #carousel-slider .ten { background: url("img/equipment/streit-slit-lamp.jpg") no-repeat center center; background-size: cover;} #carousel-slider:hover { animation-play-state: paused;} #carousel-slider figure { display: block; position: absolute; width: 200px; height: 150px; left: 10px; top: 10px; background: white; overflow: hidden;} #carousel-slider figure:nth-child(1) { transform: rotateY(0deg) translateZ(288px);} #carousel-slider figure:nth-child(2) { transform: rotateY(40deg) translateZ(288px);} #carousel-slider figure:nth-child(3) { transform: rotateY(80deg) translateZ(288px);} #carousel-slider figure:nth-child(4) { transform: rotateY(120deg) translateZ(288px);} #carousel-slider figure:nth-child(5) { transform: rotateY(160deg) translateZ(288px);} #carousel-slider figure:nth-child(6) { transform: rotateY(200deg) translateZ(288px);} #carousel-slider figure:nth-child(7) { transform: rotateY(240deg) translateZ(288px);} #carousel-slider figure:nth-child(8) { transform: rotateY(280deg) translateZ(288px);} #carousel-slider figure:nth-child(9) { transform: rotateY(320deg) translateZ(288px);} #carousel-slider figure:nth-child(10) { transform: rotateY(320deg) translateZ(288px);} #carousel-slider img{ cursor: pointer; transition: all 0.5s ease;} @keyframes rotation { from {transform: rotateY(0deg);} to {transform: rotateY(360deg);} } .equipment-metter ul li { line-height: 25px; margin-bottom: 12px;} /*div#carousel-slider{-webkit-box-reflect: below 1px linear-gradient(transparent,transparent, #000);}*/ .under-color-design i { font-size: 45px; margin-bottom: 10px;} .under-color-design span { font-size: 21px; font-weight: 700; margin-bottom: 5px; display: block; font-family: 'Roboto Slab', serif;} .under-color-design small{font-style: italic;} .set-1{background: var(--main-color); box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; min-height: 224px; display: flex; flex-direction: column; justify-content: center;} .set-2{background: #25235e; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;} .set-3{background: #ffab52; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;} .under-color-design .map-btn a { font-size: 14px; background: #fff; color: #000; padding: 5px 10px; border-radius: 5px;} .map-btn i{font-size: 100%;} .ziehharmonika span { background: var(--sec-color); color: #fff; display: block; text-align: left; border-radius: 4px; padding: 5px 12px; cursor: pointer; margin-top: 0; font-size: 20px; margin-bottom: 9px; padding-right: 40px; transition: 0.25s all; position: relative; border: 1px dashed #1e5399;} .ziehharmonika span.active { margin-bottom: 21px; color: #fff; background: var(--main-color);} .ziehharmonika span::before { content: attr(data-prefix); margin-right: 9px;} .ziehharmonika span.alignLeft { padding-left: 35px;} .ziehharmonika > div { display: none; background: #fff; border-radius: 4px; border: 1px solid #cdcdcd;text-align: left; padding: 31px 33px; margin-bottom: 9px;} .ziehharmonika .arrowDown { width: 0; height: 0; border-style: solid; border-width: 13.0px 7.5px 0 7.5px; border-color: #272e35 transparent transparent transparent; position: absolute; bottom: 0; left: 40px; transition: 0.25s all; opacity: 0;} .ziehharmonika .active .arrowDown { bottom: -13px; border-color: var(--main-color) transparent transparent transparent; opacity: 1;} .ziehharmonika .collapseIcon { position: absolute; right: 20px; top: 45%; font-size: 35px; font-weight: 300; -ms-transform: translate(0, -50%); transform: translate(0, -50%);} .ziehharmonika .collapseIcon.alignLeft { right: initial; left: 20px;} .ziehharmonika ul { margin-top: 28px; padding-left: 15px; margin-bottom: 28px;} .ziehharmonika ul li { list-style-type: circle;} .our-services{background: url(img/unnamed.webp); background-attachment: fixed; background-position: center;} .service-img { position: relative;} .serices-content a{background-color: var(--sec-color);} /*.img-icons img { position: absolute; z-index: 99999; top: 0; width: 25%; background: #fff; border-radius: 60px; width: 50px; height: 50px; }*/ .hero-slide_img img { animation-iteration-count: infinite; animation-duration: 10s; animation-timing-function: linear; animation-fill-mode: forwards; animation-name: slideup;} @keyframes slideup { 0% {transform: translateY(0);} 100% {transform: translateY(-20%);} } .hero-slide_img { overflow: hidden;} @keyframes scroll { 0% {transform: translateY(0);} 100% {transform: translateY(-1000px);} } .img-scroll-bar { height: 300px; margin-top: 94px;} .client-name small{ font-family: 'Nunito Sans', sans-serif; font-size: 18px;} .client-name i.fa-quote-left { font-size: 22px; margin-top: -15px; position: relative; bottom: 8px;} .client-name i.fa-quote-right { font-size: 22px; margin-top: -15px; position: relative; bottom: -12px;} .slick-prev:before, .slick-next:before{color: #0a5694;} .slick-prev, .slick-next{top: 38% !important;} .inner-banner { padding-top: 126px; padding-bottom: 83px; background: url(img/breadcumb.jpg) center center no-repeat; background-size: cover;} .inner-banner h2 { font: 600 2.4em/1em "Alegreya", serif; text-transform: uppercase; color: #fff;} .inner-banner h2:after { content: ''; background: #e6ab0c; width: 50px; height: 4px; margin-left: 10px; display: inline-block;} .inner-banner ul.breadcumb li { display: inline-block; margin-right: 6px;} .inner-banner ul.breadcumb li:last-child a:after, .inner-banner ul.breadcumb li:last-child span:after { display: none;} .inner-banner ul.breadcumb li a { display: inline-block; color: #20bcd4; font-weight: 600; font-size: 13px; text-transform: uppercase; display: block;} .inner-banner ul.breadcumb li span { display: inline-block; color: #fff; font-weight: 600; font-size: 13px; text-transform: uppercase; display: block;} .inner-banner ul.breadcumb li a i, .inner-banner ul.breadcumb li span i { font-size: 14px; font-weight: normal; margin-right: 5px;} .inner-banner ul.breadcumb li a:after, .inner-banner ul.breadcumb li span:after { content: '\f105'; display: inline-block; font-family: 'FontAwesome'; color: #fff; font-size: 13px; margin-left: 7px;} .inner-banner2 { padding-top: 100px; padding-bottom: 100px; background: #13314c url(img/breadcumb.webp) center center no-repeat; background-size: cover;} .inner-banner2 h2 { color: #fff; margin: 0; padding: 0;} .breadcumb-wrapper { background: #f2f4f6; border-bottom: 1px solid #e6e8e9; padding-top: 1.2em; padding-bottom: 1.2em;} .breadcumb-wrapper ul.breadcumb li { display: inline-block; margin-right: 6px;} .breadcumb-wrapper ul.breadcumb li:last-child a:after,.breadcumb-wrapper ul.breadcumb li:last-child span:after { display: none;} .breadcumb-wrapper ul.breadcumb li a { display: inline-block; color: var(--main-color); font-weight: 700; font-size: 13px; text-transform: uppercase; display: block;} .breadcumb-wrapper ul.breadcumb li span { display: inline-block; color: #909aa2; font-weight: 700; font-size: 14px; text-transform: uppercase; display: block;} .breadcumb-wrapper ul.breadcumb li a i,.breadcumb-wrapper ul.breadcumb li span i { font-size: 14px; font-weight: normal; margin-right: 5px;} .breadcumb-wrapper ul.breadcumb li a:after,.breadcumb-wrapper ul.breadcumb li span:after { content: '\f105'; display: inline-block; font-family: 'FontAwesome'; color: #909aa2; font-size: 13px; margin-left: 13px;} .mission-boxes li{ font-family: 'Nunito Sans', sans-serif;} .mission-boxes p { text-align: justify;} .mission-boxes h3 { font-size: 22px; margin-bottom: 10px;} .mission-boxes .border { min-height: 275px;} .why-eyes-center{background: url(img/bg-img.jpg); background-position: 50% 0;} .why-box ul li{font-family: 'Nunito Sans', sans-serif; line-height: 22px; margin-bottom: 18px; list-style-type: disclosure-closed;} .why-box ul{padding-left: 15px;} .doctor_description .media-body span{font-family: 'Nunito Sans', sans-serif; font-size: 35px; font-weight: bold;} .doctor_description ul li{font-family: 'Nunito Sans', sans-serif; line-height: 25px; font-size: 17px;} .doctor_description{background-color: var(--main-color); padding-bottom: 15px;} .doctor_description > span { text-align: center; display: block; color: #fff; font-size: 28px; font-weight: 800; margin-bottom: 28px;} .doctor_description-content{background-color: #e6e6e6;} .doctor_description-content p { margin-bottom: 10px;} .doctor_description-content h4 { font-size: 20px; margin-bottom: 5px; display: block;} .contact-section{ position: relative; padding: 50px 0px 50px 0px;} #content_block_seven .default-form .form-group{ position: relative; display: block; margin-bottom: 20px;} #content_block_seven .default-form .form-group:last-child{ margin-bottom: 0px;} #content_block_seven .default-form .form-group input[type='text'], #content_block_seven .default-form .form-group input[type='email'], #content_block_seven .default-form .form-group textarea{ position: relative; display: block; width: 100%; height: 56px; border: 1px solid #e3e3e3; border-radius: 5px; font-size: 17px; font-weight: 600; color: #5a5a68; padding: 10px 20px 10px 190px; transition: all 500ms ease;} #content_block_seven .default-form .form-group textarea:focus{outline: none;} .content_block_seven .default-form .form-group input:focus{outline: none;} #content_block_seven .default-form .form-group p{ position: absolute; left: 18px; top: 14px; font-size: 17px; font-weight: 600; color: #5a5a68; z-index: 1;} #content_block_seven .default-form .form-group p i{ position: relative; margin-right: 10px; font-size: 16px; color: #a6a6af; z-index: 1;} #content_block_seven .default-form .form-group textarea{ height: 100px; resize: none;} #content_block_seven .default-form .form-group:before{ position: absolute; content: ''; background: #e3e3e3; width: 1px; height: 100%; left: 170px; top: 0px; z-index: 1;} #content_block_seven .default-form .form-group button{ display: block; width: 100%; padding: 12px 30px;} #content_block_seven .sec-title{ margin-bottom: 20px;} .contact-section .image-box{ position: relative; display: block;} .contact-section .image-box img{ width: 100%;} .sec-title h2 { font-size: 25px;} .button-contact button{background-color: var(--main-color); font-family: 'Nunito Sans', sans-serif; padding: 10px 0;} .button-contact button:focus{outline: none;} .phone-and-contact{ font-family: 'Nunito Sans', sans-serif; } .phone-and-contact li{font-size: 20px;} .phone-and-contact a{font-size: 20px;} .color-site { background-color: #0f5298;} .sitema-links-item h2 { font-size: 25px;} .sitema-links-item h3 { font-size: 25px;} .sitema-links-item h4 { font-size: 25px;} .black-color { background: #000;} .skin-color { background: #00c1b8;} .form-contact-color { background: var(--main-color); padding: 15px; margin-bottom: 35px;} .query-form p { padding-bottom: 10px; line-height: 46px; font-weight: 600; font-size: 30px; color: #fff;} .query-form img { position: relative; bottom: 25px; width: 100%;} .query-form-field input { border: none; border-bottom: 1px solid #fff; width: 100%; margin-bottom: 22px; background: transparent; color: #fff;} .query-form-field textarea { width: 100%; resize: none; border: none; border-bottom: 1px solid #fff; margin-bottom: 20px; height: 100px; background: transparent; color: #fff; font-family: 'Nunito Sans', sans-serif; padding-top: 0px;} .query-form-field-btn input { color: #Ffff; border: none; cursor: pointer; padding: 10px 30px 10px 30px; text-transform: uppercase; background: #000; width: 100%; font-family: 'Nunito Sans', sans-serif;} .query-form-field input:focus{ outline: none;} .query-form-field textarea:focus{ outline: none;} .form-contact-color input::placeholder { color: #fff; opacity: 1; font-family: 'Nunito Sans', sans-serif;} .form-contact-color textarea::placeholder { color: #fff; opacity: 1; font-family: 'Nunito Sans', sans-serif;} .form-contact-color input:-ms-input-placeholder { color: #fff; font-family: 'Nunito Sans', sans-serif;} .form-contact-color input::-ms-input-placeholder { color: #fff; font-family: 'Nunito Sans', sans-serif;} .quequery-form-field textarea::-ms-input-placeholder {color: #fff; font-family: 'Nunito Sans', sans-serif;} .form-contact-color > p { font-size: 28px;} ul.coloring li a { background: #00c1b8; padding: 15px; color: #fff; font-size: 18px;} .full-width-type { background-color: #222222; margin-top: 30px; width: 100%; margin-bottom: 20px;} .inner-states a { color: #fff; display: block;} .inner-states { text-align: left; background: #1e5399; text-align: center; line-height: 40px; margin-bottom: 10px;} .video_box iframe{width: 100%; height: 300px;} .video_box{margin-bottom: 30px;} .details-page-wire-mesh { padding: 50px 0;} .border-line { border-color: #ccc; padding: 15px; padding-bottom: 35px; box-shadow: 0 3px 5px 0 rgba(210,210,210,.75); margin-bottom: 30px;} .img-related { padding: 0; border-right: 1px solid #ccc; padding-right: 10px;} ul.new-product-details-btn li { display: inline-block;} .content-related p { line-height: 20px; margin-bottom: 25px; text-align: justify;} ul.new-product-details-btn li a { background-color: var(--sec-color); padding: 8px 15px; color: #fff;} .content-related h3 { display: block; font-size: 22px; margin-bottom: 10px;} .img-related img{width: 100%;} .text-zoom > a { font-weight: 600; background: var(--main-color); padding: 10px 30px; color: #ffff; font-family: 'Roboto Condensed', sans-serif; display: inline-block;} .text-zoom { margin-top: 15px; text-align: center;} .image-side-mode img { float: left; width: 315px;} .cover-product-this ul { padding-left: 15px;} .image-side-mode img { width: 100%; border-radius: 5px;} .content-side-mode { float: left; width: 500px; margin-right: 25px;} .contet-setup { margin-top: 20px; text-align: justify;} .content-side-mode p { line-height: 22px;} .content-side-more h2 { margin-bottom: 15px;} .form-side-design { background: #004e9f; text-align: center;} .contet-setup h3 { font-size: 22px; margin-bottom: 10px;} .form-side-design { padding: 15px;} .form-side-design span { color: #fff; font-size: 25px; margin-bottom: 15px; display: block;} .form-side-design input { width: 100%; height: 35px; font-family: 'Roboto Condensed', sans-serif; border: none; margin-bottom: 12px; padding-left: 15px;} .form-side-design textarea{ width: 100%; height: 100px; border: none; font-family: 'Roboto Condensed', sans-serif; padding-left: 15px; padding-top: 10px; margin-bottom: 16px;} .form-side-design button{width: 100%; border: 0px; background-color: #c3202d; padding: 10px 0px; color:#fff; font-family: 'Roboto Condensed', sans-serif;} .our-product-list { margin-top: 20px;} .our-product-list span { background: var(--main-color); display: block; padding: 10px; color: #fff; font-size: 18px;/* margin-bottom: 18px;*/} .our-product-list ul li { line-height: 28px; border-bottom: 1px solid #444;} .our-product-list ul { padding-left: 15px; padding-right: 15px; background: #000; padding-top: 10px;} .our-product-list ul li a{color:#fff;} .content-side-more h2{background-color: #c3202d; padding: 10px 15px; color:#fff;} .cover-product {padding-left: 0px; min-height: 250px; width: 300px; float: left; margin-right: 25px;} .cover-product-this ul li { margin-bottom: 10px; font-family: 'Roboto Condensed', sans-serif; color: #333; list-style-type: disc;} .zoom-effect img { width: 100%; border: 1px solid #c0d2c0;} .cover-product-this h2 { font-size: 23px; margin-bottom: 10px;} .cover-product-this ul{margin-top: 15px;} .top-margin { margin-top: 82px; display: block;} .gallery_box img { cursor: pointer; /*height: 200px;*/ object-fit: cover; border: 1px solid #ccc; padding: 5px;} .gallery_box{margin-bottom: 30px;} .left-content > span { font-size: 25px; font-weight: 800; display: block; margin-bottom: 10px;} .left-content p b { margin-bottom: 5px; display: block;} .address-metter ul li { margin-bottom: 15px;} .gray-color{background-color: #f1f1f1; min-height: 425px;} .gray-color span { font-size: 22px; font-weight: 700; display: block; margin-bottom: 10px;} .team-box-content span{font-size: 22px; font-weight: bold;} .team-members .row { margin-bottom: 30px;} .client-item iframe { width: 100% !important; height: 250px !important; } .under-border-white-side { height: 300px; overflow-y: scroll;} .under-border-white-side::-webkit-scrollbar { width: 10px;} .under-border-white-side::-webkit-scrollbar-track { background: #f1f1f1;} .under-border-white-side::-webkit-scrollbar-thumb { background: #888;} .under-border-white-side::-webkit-scrollbar-thumb:hover { background: #555;} .instructions-content ul li{ font-family: 'Nunito Sans', sans-serif;} .instructions-content h2 { font-size: 23px; margin-bottom: 10px;} .instructions-content ul li { list-style-type: disc;} .instructions-content ul{padding-left: 15px;} .instructions-content ul li { list-style-type: disc; margin-bottom: 10px;} .instructions-content span { font-weight: 700; display: block; margin-bottom: 12px;} strong{ font-family: 'Nunito Sans', sans-serif;} .instructions-content { max-height: 500px; overflow-y: scroll; margin-bottom: 35px;} .instructions-content::-webkit-scrollbar { width: 5px;} .instructions-content::-webkit-scrollbar-track { background: #f1f1f1;} .instructions-content::-webkit-scrollbar-thumb { background: #888;} .instructions-content::-webkit-scrollbar-thumb:hover { background: #555;} .equipment_content span { font-size: 22px; font-weight: 700; display: block; margin-bottom: 9px;} .equipment_content p { margin-bottom: 8px; text-align: justify;} .equipment_img img { border-radius: 5px;} .list-of-equipment-at-our-center .row { border: 1px solid #ccc; border-radius: 5px; padding: 15px;} nav.mobile-menu { display: none;} .mobile-three-item li { display: inline-block; margin-right: 0; padding: 5px 0px; width: 32%;} .mobile-three-item { text-align: center} .mobile-three-item li:first-child{background-color: #1e5399;} .mobile-three-item li:nth-child(2) { background-color: #64b161;} .mobile-three-item li:last-child { background-color: #01aba2;} .mobile-three-item { text-align: center; display: none; position: fixed; z-index: 999; bottom: 0; width: 100%;} .mobile-btn-animation { position: fixed; left: 0; bottom: 0; width: 30%; color: white; text-align: center; font-weight: bold; padding-top: 10px; padding-bottom: 10px; margin-left: 2.5%; border-radius: 4px; box-shadow: 0 0 2px 1px white; z-index: 1000; background-image: linear-gradient(to right, #393286 , #0457b2);} .mobile-btn-animation a { color: white;} #mobile-call-container a { width: 100%; min-width: 100%;} .mobile-three-item ul li i { color: #fff;} .mobile-three-item ul li a { color: #fff;} .white-part { height: 480px; overflow-y: scroll;} .about-content { height: 178px; overflow-y: scroll;} .content-mode h3 { font-size: 22px; display: block; margin-bottom: 10px; margin-top: 10px;} .content-mode h4 { font-size: 22px; display: block; margin-bottom: 10px; margin-top: 10px;} .content-mode h5 { font-size: 22px; display: block; margin-bottom: 10px; margin-top: 10px;} .content-mode h6 { font-size: 22px; display: block; margin-bottom: 10px; margin-top: 10px;} .content-mode ul {padding-left: 15px;} .content-mode li { margin-bottom: 20px; font-family: 'Nunito Sans', sans-serif; list-style-type: disc;} .white-part::-webkit-scrollbar { width: 10px; } .white-part::-webkit-scrollbar-track { background: #f1f1f1; } .white-part::-webkit-scrollbar-thumb {background: #888;} .white-part::-webkit-scrollbar-thumb:hover {background: #555; } .about-content::-webkit-scrollbar { width: 10px; } .about-content::-webkit-scrollbar-track { background: #f1f1f1; } .about-content::-webkit-scrollbar-thumb {background: #888;} .about-content::-webkit-scrollbar-thumb:hover {background: #555; } .about-content p { margin-bottom: 15px;} .single-item span { font-weight: 600; color: #fff; font-size: 18px; display: block; margin-bottom: 10px;} .cover-product-this p { margin-bottom: 15px;} .location_bottom p { margin-bottom: 10px;} .about-content-page p { margin-bottom: 12px;} .about_img-arav img { margin-right: 35px; /* width: 35%; */ float: left; border: 1px solid; } .about_content-arav h2 { font-size: 25px; margin-bottom: 10px;} .about_content-arav h3 { font-size: 25px; margin-bottom: 10px;} .about_content-arav h4 { font-size: 25px; margin-bottom: 10px;} .about_content-arav h5 { font-size: 25px; margin-bottom: 10px;} .about_content-arav h6 { font-size: 25px; margin-bottom: 10px;} .about_content-arav li { margin-bottom: 15px; font-family: 'Nunito Sans', sans-serif;} .about_content-arav ul li { padding-left: 15px;} .about_content-arav p { margin-bottom: 15px; font-family: 'Nunito Sans', sans-serif; text-align: justify;} .content_flow p strong { font-size: 20px; display: block; margin-bottom: 5px;} .content_flow li { margin-bottom: 15px; font-family: 'Nunito Sans', sans-serif;} /* .content_flow ul li { padding-left: 15px;} */ .content_flow p { margin-bottom: 15px; font-family: 'Nunito Sans', sans-serif;} .content_flow p strong { font-size: 20px; display: block; margin-bottom: 5px;} .content_flow h2 { font-size: 22px; margin-bottom: 10px;} .content_flow h3 { font-size: 22px; margin-bottom: 10px;} .content_flow h4 { font-size: 22px; margin-bottom: 10px;} .content_flow h5 { font-size: 22px; margin-bottom: 10px;} .content_flow h6 { font-size: 22px; margin-bottom: 10px;} .about_content-arav p strong { color: var(--main-color); font-family: 'Roboto Slab', serif; font-size: 22px;} .gallery-btn a { background: var(--main-color); padding: 8px 20px;} .gallery-btn a { color: #fff; font-weight: 700;} .nabh { position: absolute; z-index: 99; right: 12px; top: 0;} .btn-hyper a { background: var(--main-color); padding: 8px 18px;} .left-blog img { margin-bottom: 15px; height: 212px;} .left-blog > a{font-size: 18px; } .left-blog > a { font-size: 18px; font-family: 'Roboto Slab', serif; display: block; margin-bottom: 15px; line-height: 25px; color: #000; font-weight: 800;height: 71px; } .left-blog p { text-align: justify; } section.form-career { padding-bottom: 50px; padding-top: 50px;} .icon-item img { margin-bottom: 30px;} .text-item-bottom span{font-size: 32px; padding-bottom: 20px; font-weight: 300; text-transform: capitalize;} .text-item-bottom p { padding-top: 15px; line-height: 28px; font-size: 15px;} .career-filed select { font-family: 'Nunito Sans', sans-serif; width: 100%; height: 40px; border: none; border-bottom: 1px solid #ccc; margin-bottom: 22px; color: #787878;} .career-filed select:focus{outline: none;} .content-post a{color: #000; text-transform: uppercase; font-size: 16px;} .content-post b{color: #000; font-weight: 600;} .main-title{position: relative; text-align: center;} .main-title::after{position: absolute; content: 'Apply Now'; letter-spacing: .28em; top: 0px; text-align: center; left: 0px; white-space: nowrap; text-transform: uppercase; color: #eaeaea; font: 900 45px/0 'Poppins', sans-serif; width: 100%; z-index: -9999;} .main-title p { font-size: 30px; font-weight: 500; color: #333;} .main-title .separator {position: relative; width: 100px; margin-bottom: 20px; left: 45%; top: 39px;} .main-title .separator:before { position: absolute; content: ''; left: 0px; bottom: 18px; width: 100%; height: 1px; background-color: #cccccc;} .main-title .separator:after { position: absolute; content: ''; left: 42%; top: -32px; width: 30px; height: 30px; margin-left: -10px; border: 10px solid #ffffff; background-color: var(--main-color);} .form-item { margin-top: 5%; position: relative;} .career-filed input { width: 100%; margin-bottom: 26px; height: 40px; border: 0px; border-bottom: 1px solid #ccc; font-family: 'Nunito Sans', sans-serif; outline: none;} .career-filed-textarea textarea { width: 100%; resize: none; border-bottom: 1px solid #ccc; border: 0px; outline: none; border-bottom: 1px solid #ccc; height: 150px; font-family: 'Nunito Sans', sans-serif;} .career-filed-btn input { background: var(--main-color); outline: none; border: none; padding: 15px 40px 15px 40px; font-family: 'Nunito Sans', sans-serif; color: #fff; border-radius: 50px; outline: none; width: 100%;} .career-filed-textarea textarea { margin-bottom: 30px;} .widget-quick-links span { color: #fff; font-weight: 900; display: block; margin-bottom: 6px;} .disc { height: 220px;/* overflow-y: scroll;*/ padding: 10px;} .disc h2 { font-size: 18px;} .disc::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;} .disc::-webkit-scrollbar{ width: 6px; background-color: #F5F5F5;} .disc::-webkit-scrollbar-thumb{ background-color: #b5b5b5;} .disc a { color: #000; font-weight: 800; margin-bottom: 12px; font-size: 17px;} .disc p { margin-bottom: 18px;} .disc .btn-hyper a { color: #fff !important; border-radius: 5px; font-weight: 100; font-size: 16px;} .doctor_description img { width: 35% !important;} .doctor_description .media-body { padding-top: 56px;} .blog-inner img { width: 100%;} .blog-inner .image { background-image: linear-gradient(45deg, #1e5399, #00c1b8); padding: 4px 0; /* margin-bottom: 3px; */} .blog-contant { background-color: aliceblue; padding: 18px 10px;} .blog-inner { margin-bottom: 10px;} .blog-contant a { background-image: linear-gradient(45deg, #00bdb6, #1e5399); color: #fff; padding: 4px 12px; border-radius: 5px;} .blog-contant:hover a { background: none; background-color: #000;} .blog-contant p { margin-bottom: 11px; padding-top: 8px;} .blog-d-image img { width: 100%;} .blog-details { background-color: beige; padding: 23px 0px 12px 5px; margin-bottom: 10px;} .blog-contant h4 { font-size: 20px;} .fact-counter-area .eyes-title span { font-size: 30px; display: block; font-weight: bold; font-family: 'Roboto Slab', serif;} .color-black { color: #000;} .footer-logo-bg { background: #fff; text-align: center; padding: 8px; margin-bottom: 12px;} [aria-hidden=true] a[href], [aria-hidden=true] area[href], [aria-hidden=true] input:not([disabled]), [aria-hidden=true] select:not([disabled]), [aria-hidden=true] textarea:not([disabled]), [aria-hidden=true] button:not([disabled]), [aria-hidden=true] [tabindex]:not([disabled]), [aria-hidden=true] [contenteditable=true]:not([disabled]){ visibility: hidden;} div#carouselExampleIndicators .carousel-item img { margin: 0px auto;} .services-home[aria-hidden=true] a[href], .services-home[aria-hidden=true] area[href], .services-home[aria-hidden=true] input:not([disabled]), .services-home[aria-hidden=true] select:not([disabled]), .services-home[aria-hidden=true] textarea:not([disabled]), .services-home[aria-hidden=true] button:not([disabled]), .services-home[aria-hidden=true] [tabindex]:not([disabled]), .services-home[aria-hidden=true] [contenteditable=true]:not([disabled]){ visibility: hidden;} .color-black-whats { color: #000 !important;} .sales-item { background: var(--main-color); padding: 15px;} .sales-item span { background: #fff; color: #000; padding: 5px; font-size: 12px;} .sales-item h4 { font-size: 25px; margin-bottom: 12px;} .sales-item ul{margin-bottom: 20px;} .sales-item ul li { font-family: 'Nunito Sans', sans-serif; line-height: 28px;} .see-btn a { background: var(--sec-color); padding: 8px 20px; border-radius: 5px;} .sales-item ul li {font-family: 'Nunito Sans', sans-serif;} img.eye-content { position: absolute; bottom: 0; right: 0; width: 12%; filter: brightness(0.5) invert(1); opacity: 0.1;} .apply-metter a { background: var(--sec-color); padding: 10px 30px;} header .container-fluid .row { justify-content: space-between;} .header-img{height: 47px; width: 50px; margin-top: 2px;} .header-img img{ height: 100%; width: 100%; object-fit: cover; background: #fff; border-radius: 50px;} .header-logo{ height: 94px;} .header-logo img{ height: 100%; object-fit: cover;} .about-dr h1 { border-left: 5px solid var(--main-color); padding-left: 15px; margin-bottom: 20px;} .about-dr h1 span { color: var(--main-color); font-weight: 700;} .about-dr p { line-height: 30px;} .about-new-section img { border-radius: 37% !important;} section.about-new-section p{position: relative; text-align: justify;} section.about-new-section p::after{ position: absolute; content: ''; left: 0px; background-image: url('data:image/svg+xml,');} .new-video{height: 100%;} .new-video iframe{ width: 100%; height: 300px;}