/* Outer */
.popup {
    position: fixed;
    top: 0;
    right: -950px;
    width: 900px;
    height: 100%;
    background: #fff;
    z-index: 9999;
    transition: all .4s ease;
    box-shadow: -5px 0 15px rgba(0,0,0,.15);
	background:#fefdf6;
}

.popup.active {
    right: 0;
}
 
.popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    display: none;
}

.popup-overlay.active {
    display: block;
}

.popup-button{display:flex; gap:20px; padding:0px;  margin:0px 0px 0px;}
.popup-button .book-appointment{width:max-content;  background:#cc8f42;    color: #fff !important;    margin:10px 0; display:flex; gap:10px; align-items:center;    justify-content: center;  font-size:16px !important;  font-family:DMSanst Medium; border-radius:10px;  padding:12px 25px 12px;    transition: all 0.4s ease;    position: relative;}
.popup-button .book-appointment:hover{box-shadow: 1px 5px 10px rgba(0,0,0,0.1);}
.popup-button .book-appointment img {width:auto; height:20px; filter: brightness(0) invert(1);}
.popup-button .whatsapp-call{width:max-content; font-size:16px; font-family:DMSanst Medium; display:flex; gap:10px; align-items:center;   justify-content: center; background:#fff; color:#05a448 !important; border: 2px solid #05a448; border-radius:10px; padding:12px 25px 12px;	 margin:10px 0;}
.popup-button .whatsapp-call img{width:auto; height:20px; border-radius:0px;}
.popup-button .call-now{width:max-content; font-size:16px; font-family:DMSanst Medium; display:flex; gap:10px; align-items:center;   justify-content: center; background:#fff; color:#011a46 !important; border: 2px solid #011a46; border-radius:10px; padding:12px 25px 12px;	 margin:10px 0;}
.popup-button .call-now img{width:auto; height:20px; border-radius:0px;}



.popup-inner1{max-width:90%;width:90%; height:auto; padding:0px;   position:absolute; top:18px; left:18px;}
.popup-inner1 .popup-close{top:40px; right:30px; background:none; border:0px; font-size:40px; line-height:40px; color:#444;}
 
.popup-inner10{max-width:1000px; width:100%; height:95%; padding:0px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius: 16px;border-top:0px solid #E13D32; background:#fefdf6;}
.popup-inner10 .popup-close{width:30px;  height:30px; background:#cc8f42; border:1px solid #fff; padding:10px;   border-radius:100%; font-size:30px; line-height:30px; color:#fff !important;  top:5px; right:30px;}
.popup-inner10 .popup-close span{top:-1px;  left:6px;}

.home-technology{width:100%; padding:30px 30px 10px; border-radius:40px; position:relative; overflow:hidden;}
.home-technology h2{width:90%;  font-size:25px; line-height:40px; font-style: italic; font-family:DMSans Bold;  color: #000000;  letter-spacing: -4%; padding:0px 0px 0px; margin:0px;}
.home-technology h3{width:100%;  font-size:30px; line-height:35px;  font-family:DMSans Bold;  color: #000000;  letter-spacing: -4%; padding:20px 0px 20px; margin:0px;}

.home-technology p{font-size: 16px;  line-height:26px;  font-family:DMSans Regular;  color: #000000;  padding:0px 0px 15px;  margin: 0px 0px;}

.wavikareye-wiki ul {
     align-items: center;
    margin:10px 0px 20px;
    padding: 0px 0;
    width: 100%;
}
.wavikareye-wiki li {
    position: relative;
    font-size:16px; line-height:26px;color:#000;
	padding-left: 20px;font-family:DMSans Regular;
	margin-bottom:10px;
	margin-left:1px;
	list-style: none;
}
.wavikareye-wiki li::before {
    content: '';
    background:#000;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    position: absolute;
    top:10px;
    left: 0px;
}


.video-img{width:auto;  height:200px; float:right; padding:4px; margin:10px; border-radius:6px; border:1px solid #444;}

.home-technology-box{width:100%; display:flex; gap:30px; align-items:center;   padding:0px; margin:15px 0px 0px;  position:relative; overflow:hidden; }
.home-technology-left{width:40%; padding:0px; margin:0px; position:relative;}
.home-technology-left img{width:100%; height:270px; object-fit: cover;}
.home-technology-right{width:100%; padding:0px; margin:0px; position:relative;}
.home-technology-box h3{width:100%;  font-size:22px; line-height:32px;  font-family:DMSans Bold;  color: #000000;  letter-spacing: -4%; padding:0px 0px 10px; margin:0px;}


.wiki-box-an{width:100%; margin:0px; padding:0px; position:relative;}
.wiki-box-an ul{width:100%; display:flex; gap:40px;   padding:50px 0px 0px; margin:0px; position:relative; z-index:2;}
.wiki-box-an li{width:20%; background: rgba(34, 34, 34, 0.05); backdrop-filter: blur(20px);  padding:60px 10px 20px; border-radius:20px; margin:0px 0px 0px; position:relative; box-shadow:0 0 20px inset rgba(34,34,34,0.05); border:1px solid #fff; transition: 600ms ease transform;}
/*.wiki-box-an li:hover{transform: scaleX(1.1) scaleY(1.1);}*/
.wiki-box-an li h3{font-size:16px; line-height:20px; font-family:DMSans Bold;  text-align:center;    padding:20px 0px 0px; margin:0px 0px;  position: relative;}
.wiki-box-an li span{width:50px; height:50px; display:flex; align-items:center; justify-content:center; border-radius:100%; background: linear-gradient(180deg, #0073C1 0%, #022F72 100%); font-size:20px; font-family:DMSans Bold; color:#fff; padding:0px 0px 0px; margin:-85px auto 0px;  position: relative;}

.wiki-box-an li::after {content: '';background: url(../images/2026/01/02/arrow-icon.png) no-repeat;background-size: auto;background-size: 20px;width: 30px;height: 30px;position: absolute;top:50%;right:-40px;}
.wiki-box-an li:last-child::after {background:none;}

 

.scrollbar {
  scrollbar-width: thin;
  scrollbar-color:#0073C1 #003A8F;
}
.scrollbar::-webkit-scrollbar {
  width:2px;
  height:2px;
}
.scrollbar::-webkit-scrollbar-track {
  background-clip: content-box;
  border:1px solid transparent;
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color:#003A8F;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
  background-color:#0073C1;
}
.scrollbar::-webkit-scrollbar-corner, .scrollbar::-webkit-scrollbar-track {
  background-color:#0073C1;
}
/* The below styles are for display purposes only */
.popup-inner10 [class^=scrollbar] {
  height:90vh;
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:20px; margin-right:-10px;
}





.popup-inner7{max-width:400px;width:100%;padding:0px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius: 32px;border-top:0px solid #E13D32;background:#fff7;}
.popup-inner7  .iti__country-list {width: 320px;overflow-x: hidden;}
.popup-inner7 .modal-content{padding:0px;}

 .popup-inner8{max-width:400px;width:100%;padding:0px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius: 16px;border-top:0px solid #E13D32;background:#ffffff;}
.popup-inner8  .iti__country-list {width: 320px;overflow-x: hidden;}
.popup-inner8 .modal-content{padding:0px;}
  

 

 
/* Close Button */
.popup-close {
    width:30px;
    height:30px;
    padding-top:0px;font-family:aria;
    display:inline-block;
    position:absolute;
    top:10px;outline:none;border:1px solid #E8E8E8;
    right:10px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:8px;
    background:#f1f1f1;
    font-size:35px;
    text-align:center;
	cursor: pointer;
    line-height:30px;
    color:#212121;
	z-index:999999;
}
 .popup-close span{position:absolute; top:-2px; left:4px;}
.popup-close:hover {
	 color:#212121;
}

.popup-inner10 .home-slider-button{margin-top:40px;}



.wiki-box-LASIK ul{margin:40px 0px 40px; padding-left:10%; position:relative; z-index:1;}
.wiki-box-LASIK ul:before{content: "";position: absolute;top:0%;left:36px;width:4px;height:90%;background:#081858;;z-index: -1;}
.wiki-box-LASIK li{width:100%; padding:0px; margin-bottom:30px; position:relative; z-index:1;}
.wiki-box-LASIK li span{width:60px; height:60px; border-radius:100%; background:#081858;display:flex; position:absolute; left:-10%; top:0%;}
.wiki-box-LASIK .step-box{padding:5px 15px 0px;} 
.wiki-box-LASIK li span img{width:auto; height:30px; margin-left:15px; margin-top: 15px;}
.wiki-box-LASIK .step-box h3{color:#081858; margin:10px 0px 0px;  font-size:18px; font-family:DMSans Bold;}
.wiki-box-LASIK .step-box p{color: #64656A; font-size:16px; margin:0px ; padding:0px ;}

.box-v{background:#ffffff; border:1px solid #4445; border-radius:12px; padding:10px 10px 10px 20px; margin:15px 0px 15px;}
.pop-h{font-size:16px; margin:15px 0px 10px; padding:5px 10px; background:#001c55; border-radius:7px;color: #fff;width: max-content;}
.pop-bg-img{border-radius:22px; }



@media screen and (max-width:880px) {
.popup {
    position: fixed;
    top: 0;
    right: -350px;
    width: 300px;
}
.form-group1{width:90%;float: left;height: 50px; margin: 6px 10px;}
.popup-inner {padding:0px;}.popup-inner4 h2{font-size:18px;}
.popup-close{top:-20px; right:20px;}
.popup-inner10 .popup-close{width:27px;  height:28px; font-size:22px; line-height:22px; top:0px;  right:0px;}
.popup-inner10 .popup-close span{left: 7px; top: 2px;}
 .home-technology{padding:20px; border-radius: 0px;}
.popup-inner10{max-width:90%; width:90%;}
.popup-inner10 [class^=scrollbar] {height:500px;}
.home-technology h2{width:90%; font-size:22px; line-height:28px;} .home-technology p{font-size:15px;  line-height:24px;}
.home-technology-box{flex-direction: column; gap:0px; padding:0px 0px; border-radius:0px; border-radius: 0px;}
.home-technology-left{width:100%;}.home-technology-left img{height:auto;}
.home-technology-right{width:100%; padding:0px;}.home-technology-box h3{font-size:18px; line-height:24px;}


.wiki-box-an ul{flex-direction: column;}
.wiki-box-an li{width:100%; margin-bottom: 40px;}
.wiki-box-an li::after {transform: rotate(90deg);top: initial;bottom: -48px;right: 48%;}

.popup-inner10 .home-slider-button{margin-top:0px;}
.popup-inner10 .book-appointment{padding: 12px 15px 12px;}
.popup-inner10 .call-now{width:100%;}
.wiki-box-LASIK .step-box{padding:5px 0px 0px 55px;}
.video-img{width:90%; height: 184px; float: none;}


}