section.home_sec-hero{min-height: 100vh;position: relative;display: flex;justify-content: center;align-items: center;}
section.home_sec-hero .h_heading{width: 100%;/* padding-left: 5vw; *//* padding-right: 5vw; */position: absolute;top: 50%;left: 50%;z-index: 9;transform: translate(-50%,-50%);display: flex;align-items: center;justify-content: center;}
section.home_sec-hero .h_heading h1{font-size: calc(3vw + 24px);margin-bottom: 0px;gap: 300px;display: inline-flex;}
section.home_sec-hero .h_heading h1 span{min-width: 40vw;}
section.home_sec-hero .h_heading h1 span:nth-child(1){text-align: right;}
section.home_sec-hero .h_heading h1 span:nth-child(2){}

section.home_sec-hero .h_para{text-align: center;position: absolute;bottom:15%;left: 0px;right: 0px;margin: auto;z-index: 9;display: flex;justify-content: center;align-items: center;flex-direction: column;}
section.home_sec-hero .h_para h3{font-size: 20px;margin-bottom: 5px;}
section.home_sec-hero .h_para p{font-size: 18px;}
section.home_sec-hero .h_para .slidingVertical{font-size: 20px;font-weight: 500;line-height: 1;display: block;text-align: center;}
section.home_sec-hero .h_para .slidingVertical span{padding-bottom: 4px;display: flex;align-items: center;justify-content: center;}
section.home_sec-hero a.btn-watch-video{color:var(--color-14);font-size: 15px;font-weight: 500;text-decoration:none;gap: 15px;display: flex;align-items: center;}
section.home_sec-hero a.btn-watch-video .icon{}
section.home_sec-hero a.btn-watch-video .icon img{width: 50px;border-radius: 5px;transition: all 300ms ease-in-out;}
section.home_sec-hero a.btn-watch-video .txt{position:relative;}
section.home_sec-hero a.btn-watch-video .txt:before{content:"";width:0%;height: 1px;background: var(--color-11);position: absolute;bottom: 0;right: 0;transition: all 300ms ease-in-out;}

section.home_sec-hero a.btn-watch-video:hover{transition:all 300ms ease-in-out;}
section.home_sec-hero a.btn-watch-video:hover .txt:before{right: inherit !important;left: 0px;width:100%;transition: all 300ms ease-in-out;}
section.home_sec-hero a.btn-watch-video:hover .icon img{transform:scale(1.2);transition: all 300ms ease-in-out;}


section.home_sec-hero .thumb-eye-essentials{width: 250px;height: 250px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
section.home_sec-hero .thumb-eye-essentials .big_eye{width:180px;height:180px;background:url("thumb-eye-essentials.webp") no-repeat center center;background-size:cover;border-radius:100vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index: 9;}
section.home_sec-hero .thumb-eye-essentials:after{content:"";width:100%;height:100%;background:url("rotate_eye_specialist.png") no-repeat center center;background-size: contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation: rotate360 12s linear infinite;}

/* Rotation animation */
@keyframes rotate360 {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
 

section.home_sec_01{color: var(--color-13);padding-bottom: 50px;position:relative;overflow: hidden;}
section.home_sec_01:before{content:"";position:absolute;top: 45%;right: 0px;width: calc(350px + 60px + 5vw );height:1px;background:var(--color-12);opacity: .6;z-index: 11;}
section.home_sec_01:after{content:"";position:absolute;bottom: 120px;left:0px;width: 50%;height:1px;background:var(--color-12);opacity: .6;z-index: 9;}

section.home_sec_01 .container-fluid{background: var(--color-11);border-radius: 15px;overflow: hidden;position: relative;}
section.home_sec_01 .container-fluid:before{content:"";width: 100%;height: 100%;background: linear-gradient(45deg, var(--color-11) 50%, transparent 100%);position: absolute;top: 0%;left: 0%;z-index: 9;}
section.home_sec_01 .container-fluid:after{content:"";width: 200vh;height: 200vh;background:url("thumb-eye-essentials.webp") no-repeat center center;background-size: cover;position: absolute;top: 80%;left: 35%;transform: translateY(-50%) rotate(0deg);z-index: 1;opacity: .4;animation: rotateEye 42s linear infinite;}
section.home_sec_01 .container-fluid .row{position:relative;z-index:10;}

section.home_sec_01 .mw-350{padding-top: 40px;position:relative;}

section.home_sec_02{}
section.home_sec_02 h2{margin-bottom:50px;}
section.home_sec_02 .doctors-box{padding: 15px;border: 1px solid var(--color-09);border-radius: 15px;}
section.home_sec_02 .doctors-box .dr_details{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
section.home_sec_02 .doctors-box .dr_details .quotes{color: var(--color-14);font-size: 20px;font-weight: 500;line-height: 1.2;padding-top: 50px;padding-right: 30px;position: relative;}
section.home_sec_02 .doctors-box .dr_details .quotes:before{content:"";width: 30px;height: 30px;background:url("../icons/quotes-team-member.png") no-repeat top left;position: absolute;top: 0;left: 0;}
section.home_sec_02 .doctors-box .dr_details .name_degree{}
section.home_sec_02 .doctors-box .dr_details .name_degree h5{font-size: 20px;font-weight: 600;margin-bottom: 15px;}
section.home_sec_02 .doctors-box .dr_details .name_degree p{color: #555454;font-size: 14px;}
section.home_sec_02 .doctors-box .dr_photo{overflow:hidden;border-radius:15px;}
section.home_sec_02 .doctors-box .dr_photo img{width: 100%;}


/* Rotation animation */
@keyframes rotateEye {
  from {
    transform: translateY(-50%) rotate(0deg);
  }
  to {
    transform: translateY(-50%) rotate(360deg);
  }
}

section.home_sec_player{position:relative;}
section.home_sec_player a{color: var(--color-13);border-radius: 15px;overflow: hidden;display: inline-block;position: relative;}
section.home_sec_player a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-02);opacity:.5;z-index:2;transition:all 500ms ease-in-out;}
section.home_sec_player a:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: url("../patterns/pattern-dots-white-video.png") repeat-x bottom center;z-index:4;transition:all 500ms ease-in-out;}
section.home_sec_player a video{width:100%;display: block;object-fit: cover;transform: scale(1);transition: all 500ms ease-in-out;}
section.home_sec_player a .video_details{z-index: 9;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);gap: 15px;display: flex;align-items: center;flex-direction: column;}
section.home_sec_player a .video_details .play{width: 60px;height: 60px;display: inline-block;background: var(--color-01);border-radius: 100px;overflow: hidden;position: relative;}
section.home_sec_player a .video_details .play:before,
section.home_sec_player a .video_details .play:after{content:"";width: 0px;height: 0px;margin-left: 9px;position: absolute;top: 50%;left: 50%;border: 12px solid transparent;border-left: 18px solid var(--color-11);transform: translate(-50%,-50%);transition:all 500ms ease-in-out;}
section.home_sec_player a .video_details .play:before{transform:translate(-50%,-50%) scale(0);border-left-color: var(--color-13);z-index: 9;transition:all 500ms ease-in-out;}
section.home_sec_player a .video_details .play:after{;transform:translate(-50%,-50%) scale(1);transition:all 500ms ease-in-out;}
section.home_sec_player a .title{color: #ffffff;position: absolute;bottom: 30px;left: 40px;z-index: 9;display: flex;justify-content: flex-start;flex-direction: column;align-items: flex-start;}
section.home_sec_player a .title h4{color: var(--color-01);font-size: 18px;font-weight: 600;}
section.home_sec_player a .title p{font-size: 14px;text-align: left;margin-bottom: 0px;}

section.home_sec_player a:hover .video_details .play{background:var(--color-12);transition:all 500ms ease-in-out}
section.home_sec_player a:hover .video_details .play:before{transform:translate(-50%,-50%) scale(1);transition:all 500ms ease-in-out;}
section.home_sec_player a:hover .video_details .play:after{transform: translate(80%,-50%) scale(6);transition:all 500ms ease-in-out;}

section.home_sec_player a:hover{transition:all 500ms ease-in-out;}
section.home_sec_player a:hover:before{opacity:0.2;transition:all 500ms ease-in-out;}
section.home_sec_player a:hover:after{top:100%;transition:all 500ms ease-in-out;}
section.home_sec_player a:hover video{transform: scale(1.1);transition: all 500ms ease-in-out;}


section.home_sec_03{color:var(--color-13);background:var(--color-11);position:relative;z-index:9;}
section.home_sec_03:after{content:"";pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;background: url("../patterns/pattern-dots-green-difference.png") repeat-x bottom center;z-index:4;}
section.home_sec_03 ul.difference_list{margin: 0px;padding: 0px;list-style-type: none;display: flex;flex-direction: row;transition: all 500ms ease-in-out;}
section.home_sec_03 ul.difference_list li{color: rgba(222, 240, 239, 0.5);padding: 0px 15px;min-height: 540px;position: relative;display: flex;flex-direction: column;justify-content: space-between;width: 20%;border-left: 1px solid rgba(0, 146, 132, 0.2);transition: all 500ms ease-in-out;}
section.home_sec_03 ul.difference_list li .sr{font-weight: 400;margin-bottom: 10px;transition: all 500ms ease-in-out;}
section.home_sec_03 ul.difference_list li h4{font-size: 18px;line-height: 1.3;margin-bottom: 20px;transition: all 500ms ease-in-out;}
section.home_sec_03 ul.difference_list li p{font-size: 15px;padding-right: 15px;;position: absolute;top: 100px;left: 15px;opacity: 0;transition: all 200ms ease-in-out;}
section.home_sec_03 ul.difference_list li img{width: 140px;border-radius: 10px;transition: all 500ms ease-in-out;}

section.home_sec_03 ul.difference_list{}
section.home_sec_03 ul.difference_list li.active{border-left: 1px solid rgba(0, 146, 132, 0.8);transition: all 500ms ease-in-out;}
section.home_sec_03 ul.difference_list li.active .sr{color:var(--color-12);font-weight: 600;transition: all 500ms ease-in-out;}
section.home_sec_03 ul.difference_list li.active h4{color: var(--color-01);font-weight: 500;transition: all 500ms ease-in-out;}
section.home_sec_03 ul.difference_list li.active p{opacity:1;transition: all 500ms ease-in-out 0.4s;}
section.home_sec_03 ul.difference_list li.active{width: 30%;transition: all 500ms ease-in-out;}
section.home_sec_03 ul.difference_list li.active img{width:100%;transition: all 500ms ease-in-out;}



section.home_sec_04{}
section.home_sec_04 .acc_treatment{max-width:95%;}
section.home_sec_04 #accordionExample{margin-top: 60px;gap: 20px;display: flex;flex-direction: column;}

section.home_sec_04 #accordionExample .accordion-item,
section.home_sec_04 #accordionExample .accordion-item button,
section.home_sec_04 #accordionExample .accordion-collapse,
section.home_sec_04 #accordionExample .accordion-collapse .accordion-body{color: var(--color-11);background: transparent;border:none;box-shadow:none;}

section.home_sec_04 #accordionExample .accordion-item{position: relative;background: linear-gradient(0deg, #FFF 40%, #DEF0EF 100%);border-radius: 10px;}
section.home_sec_04 #accordionExample .accordion-item:after{content:"";width:100%;height: 1px;background: linear-gradient(90deg, #FFF 0%, rgba(217, 217, 217, 0.00) 100%);position:absolute;bottom:0px;left:0px;}
section.home_sec_04 #accordionExample .accordion-item button{font-size: var(--rfs-24);position: relative;}

section.home_sec_04 #accordionExample .accordion-item button:after{display:none;}
section.home_sec_04 #accordionExample .accordion-item button .arrow{width:30px;height: 30px;border-radius: 100px;position:absolute;top: 25%;right: 20px;transition:all 500ms ease-in-out;}
section.home_sec_04 #accordionExample .accordion-item button .arrow:before,
section.home_sec_04 #accordionExample .accordion-item button .arrow:after{content:"";width: 14px;height: 2px;background: var(--color-11);position: absolute;top: 50%;left: 50%;}
section.home_sec_04 #accordionExample .accordion-item button .arrow:before{transform: translate(-50%,-50%);}
section.home_sec_04 #accordionExample .accordion-item button .arrow:after{transform: translate(-50%,-50%) rotate(90deg);}
section.home_sec_04 #accordionExample .accordion-collapse{}
section.home_sec_04 #accordionExample .accordion-collapse .accordion-body{padding-top: 0px;}
section.home_sec_04 #accordionExample .accordion-collapse .accordion-body p{max-width: 520px;}
section.home_sec_04 #accordionExample .accordion-collapse .accordion-body ul{margin: 0px 0px 10px 0px;padding: 0px 0px 20px 0px;border-bottom: 1px solid var(--color-09);list-style-type: none;column-count: 2;}
section.home_sec_04 #accordionExample .accordion-collapse .accordion-body ul li{font-size: 15px;position: relative;padding: 5px 10px 5px 20px;}
section.home_sec_04 #accordionExample .accordion-collapse .accordion-body ul li:before{content:"";width: 8px;height: 8px;background: var(--color-12);border-radius: 100px;opacity: .5;position: absolute;top: 13px;left: 0px;}
section.home_sec_04 a.btn-more-treatments{color: var(--color-12);font-size: 15px;text-decoration: none;gap: 15px;display: flex;justify-content: flex-end;}
section.home_sec_04 a.btn-more-treatments .txt{}
section.home_sec_04 a.btn-more-treatments .arrow{}
section.home_sec_04 a.btn-more-treatments .arrow img{width:20px;}


section.home_sec_04 #accordionExample .accordion-item:nth-last-child(1):after{display:none;}
section.home_sec_04 #accordionExample .accordion-item button[aria-expanded="true"] .txt{color: var(--color-12);transition:all 500ms ease-in-out;}
section.home_sec_04 #accordionExample .accordion-item button[aria-expanded="true"] .arrow:before{background: var(--color-12);z-index: 99;}
section.home_sec_04 #accordionExample .accordion-item button[aria-expanded="true"] .arrow:after{transform: translate(-50%,-50%) rotate(0deg);transition:all 500ms ease-in-out;}

section.home_sec_04 #accordion-thumb{height: 100%;background-repeat:no-repeat;background-position: center center;background-size:cover;border-radius: 15px;transition:all 300ms ease-in-out;}
section.home_sec_04 #accordion-thumb img{opacity:0;}
section.home_sec_04 #accordion-thumb.collapseOne{background-image: url("thumb-eye-treatments.jpg");}
section.home_sec_04 #accordion-thumb.collapseTwo{background-image: url("thumb-pulmonary-treatments.jpg");}


section.home_sec_05{}
section.home_sec_05 ul.gallery_list{margin: 10px 0px;padding: 0px;list-style-type: none;gap: 20px;display: flex;flex-wrap: wrap;}
section.home_sec_05 ul.gallery_list li{width: 23.7%;}
section.home_sec_05 ul.gallery_list li .gl_thumb{overflow: hidden;border-radius: 15px;}
section.home_sec_05 ul.gallery_list li .gl_thumb img{}
section.home_sec_05 ul.gallery_list li .gl_text{padding: 30px;width: 100%;height: 100%;border-radius: 15px;overflow: hidden;position: relative;display: flex;align-items: stretch;flex-direction: column;justify-content: space-between;}
section.home_sec_05 ul.gallery_list li .gl_text h3{font-size: var(--rfs-48);font-weight: 600;}
section.home_sec_05 ul.gallery_list li .gl_text p{text-align: right;margin-bottom: 0px;}

.patterns{}
.patterns:before{content:"";width: 150%;height: 140%;border-radius: 15px;background-size: cover;background-repeat: repeat-x;background-position: top center;position: absolute;top: 0;left: 0;}
.patterns.pcolor_green:before{background-image:url("../patterns/pattern-dots-green.png");}
.patterns.pcolor_white:before{background-image:url("../patterns/pattern-dots-white.png");}
.patterns.pcolor_dark:before{background-image:url("../patterns/pattern-dots-dark.png");}


/* `md` applies to small devices (landscape phones, less than 768px)*/

@media (max-width: 767.98px)
{
	
	
	a.btn-call{height:60px;margin-top:0px;}
	.book_appointment .btn-number:before{left:15% !important;}

	section.home_sec-hero{padding: 160px 30px 30px 30px;overflow: hidden;display: flex;align-items: flex-end;justify-content: flex-start;flex-direction: column;}
	section.home_sec-hero .h_heading{top: 40%;}
	section.home_sec-hero .thumb-eye-essentials{top:40%}
	section.home_sec-hero .h_heading h1{font-size: 26px;width: 85%;position: absolute;top: 50%;left: 50%;display: flex;flex-direction: column;align-items: center;transform: translate(-50%,-50%);}
	section.home_sec-hero .h_para{width: 85%;left: 0px;right: 0px;margin: auto;position: absolute;top: 56%;}
	section.home_sec-hero video{top: 30%;width: 200%;left: 50%;transform: translateX(-50%);z-index: 99;mix-blend-mode: darken;}
	section.home_sec-hero .h_para h3{font-size: 20px;margin-bottom: 10px;}
	section.home_sec-hero .h_para p{font-size:16px}
		
	section.home_sec_01{}
	section.home_sec_01:before{}
	section.home_sec_01:after{bottom: 70px;}
	
	section.home_sec_02 .doctors-box{margin-bottom: 30px;}
	section.home_sec_02 .doctors-box .row{flex-direction: column-reverse;}
		
	section.home_sec_02 .doctors-box .dr_details .quotes{font-size: 16px;padding-bottom: 15px;padding-right: 0px;margin-top: 20px;padding-top:40px;}
	section.home_sec_02 .doctors-box .dr_details .quotes:before{width:32px;}
	section.home_sec_02 .doctors-box .dr_details .name_degree h5{font-size:18px;margin-bottom:10px;}
	section.home_sec_02 .doctors-box .dr_details .name_degree p{font-size:14px;}
	
	section.home_sec_02 h2{margin-bottom:20px;}
	
	section.home_sec_04{padding-bottom:60px;}
	section.home_sec_04 .acc_treatment{max-width: 100%;}
	section.home_sec_04 #accordionExample .accordion-collapse .accordion-body ul{column-count:1;}
	section.home_sec_04 #accordionExample .accordion-collapse .accordion-body ul li{font-size:13px;padding:2px 10px 2px 20px}
	section.home_sec_04 #accordionExample .accordion-collapse .accordion-body ul li:before{top: 10px;width:6px;height:6px;}
	section.home_sec_04 #accordion-thumb{margin-top:30px;}
	
	section.home_sec_05 ul.gallery_list{padding-bottom: 10px;display: flex;overflow-x: auto;scroll-snap-type: x mandatory;scroll-behavior: smooth;flex-wrap: nowrap;width: calc(100% + 25px);}
	section.home_sec_05 ul.gallery_list li{width: 90%;flex: 0 0 auto;scroll-snap-align: start;}
	section.home_sec_05 ul.gallery_list li .gl_text h3{font-size:48px}
	
	section.quality_treatment{padding-top:60px;padding-bottom:30px;}
	
	
	
}


/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 1440px)
{ 
	
	section.home_sec-hero .h_para{top: inherit;bottom: 50px;}
	
	section.home_sec_03 ul.difference_list {display: flex;overflow-x: auto;scroll-snap-type: x mandatory;scroll-behavior: smooth;}
	section.home_sec_03 ul.difference_list li,
	section.home_sec_03 ul.difference_list li.active{width:90%;flex: 0 0 auto;scroll-snap-align: start;}

	section.home_sec_03 ul.difference_list li img, 
	section.home_sec_03 ul.difference_list li.active img{width:100%}
	
	section.home_sec_03 ul.difference_list li p{opacity:1;}
	
	
}

/* `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px)
{ 

}

/* `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px)
{ 


}



/*Sentence*/
.sentence{max-width: 400px;min-width: 400px;height: 50px;display: block;margin: 12px auto 15px auto;overflow: hidden;border: 2px solid var(--color-14);border-radius: 100px;position: relative;}
/*Vertical Sliding*/
.slidingVertical{}

.slidingVertical span{
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	margin: auto;
	animation: topToBottom 15s linear infinite 0s;
	-ms-animation: topToBottom 15s linear infinite 0s;
	-webkit-animation: topToBottom 15s linear infinite 0s;
}
.slidingVertical span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.slidingVertical span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.slidingVertical span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}
.slidingVertical span:nth-child(5){
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
}
.slidingVertical span:nth-child(6){
	animation-delay: 12.5s;
	-ms-animation-delay: 12.5s;
	-webkit-animation-delay: 12.5s;
}


/*topToBottom Animation*/
@-moz-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: translateY(-90px); }
	10% { opacity: 1; -moz-transform: translateY(0px); }
	25% { opacity: 1; -moz-transform: translateY(0px); }
	30% { opacity: 0; -moz-transform: translateY(90px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-webkit-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: translateY(-90px); }
	10% { opacity: 1; -webkit-transform: translateY(0px); }
	25% { opacity: 1; -webkit-transform: translateY(0px); }
	30% { opacity: 0; -webkit-transform: translateY(90px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: translateY(-90px); }
	10% { opacity: 1; -ms-transform: translateY(0px); }
	25% { opacity: 1; -ms-transform: translateY(0px); }
	30% { opacity: 0; -ms-transform: translateY(90px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
