@charset "utf-8";
/* CSS Document */


body{font-family: 'robotoregular';}
*{padding:0; margin: 0; resize: none; box-sizing: border-box;}
header, section{display:block; float: left;}

a, .btn {transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s; -moz-transition: all 0.25s ease-in 0s; -o-transition: all 0.25s ease-in 0s; outline:none; text-decoration:none;}

input:-webkit-autofill {-webkit-box-shadow: inset 0 0 0px 9999px #79338b; color:#fff!important;}
:focus {outline: 0;}

::-webkit-input-placeholder {color:#ffffff; opacity:1!important; /* for chrome */}
:-moz-placeholder {/* Firefox 18- */color:#ffffff; opacity:1!important; /* for chrome */}
::-moz-placeholder {/* Firefox 19+ */    color: #ffffff;	 opacity: 1 !important; /* for chrome */}
:-ms-input-placeholder {color: #ffffff;    opacity: 1 !important; /* for chrome */}
::-webkit-input-placeholder {color: #ffffff!important;}
:-moz-placeholder {/* Firefox 18- */   color:#ffffff!important}
::-moz-placeholder {/* Firefox 19+ */   color:#ffffff!important;}
:-ms-input-placeholder {color:#ffffff!important;}



img{border:0;}
ul,li{list-style: none;}

.wrapper{width:1410px; margin: 0 auto;}

/*banner section*/

.logo{position: absolute; left: 50px; top: 10px; display: block;}
.logo1{display: none;}

.call{position: absolute; right:9%; top:50px; font-size: 25px; line-height: 1.1;   font-family: 'robotoregular'; color:#282828; display: block;}
.call span{display: block; color:#0081a0; font-family: 'RobotoBlack_0';  }
.call:before{position: absolute; content: ''; top:-5px; left: -85px; background: url(../images/phone-icon.png) no-repeat left top; width:69px; height: 70px; }

.call1{display: none;}

.banner{width:100%; height: 860px; background: url(../images/banner.jpg) no-repeat left top/cover;  float: left; position: relative;}
.banner-slider-section{ position: absolute; left:100px;  top:0; width:1150px; }
.owl-carousel .owl-item img {width:69%!important}


.punchline-2{ margin-bottom: 100px;}
.punchline-3{ margin-bottom: 200px;}

.banner-slider-section .slide-img{float:right; width: 100%; text-align: right; position:relative;}
.banner-slider-section .slide-img img{width: 55%!important; display: inline-block!important;}

.banner-slider-section .slide-img img.desk{display: inline-block!important;}
.banner-slider-section .slide-img img.mob{display: none!important;}
 
 .punchline{position:absolute; left:auto;  bottom:300px;  z-index: 999999; opacity: 0;  }
 .punchline .text{width:100%; float:left; text-align:left;  font-family: 'robotoregular'; font-size: 30px; color:#282828; line-height: 1.2; display:block}
 .punchline strong{ font-family: 'RobotoBlack_0'; font-size: 39px; color:#0081a0; text-transform: uppercase; display: block; line-height: 1;}
 
 .punchline .img-section{float:left;}
 .punchline .img-section > img{width:auto!important; margin-bottom: 20px; display:block;}
 .banner-slider .active .punchline{opacity: 1; transition:all 0.5s ease-out 0.2s;}


 .banner-slider .owl-nav{ display: none!important;}
.banner-slider .owl-dots{width:100px; height:13px; bottom:30%; left:0;  position:absolute;}
.banner-slider .owl-dots .owl-dot{width:12px; height:7px; background-color:#60b6c9; border-radius: 5px; margin-right:5px; display:inline-block}
.banner-slider .owl-dots .owl-dot.active{width:60px; height:7px; background-color:#0082a0;}



/*form section*/
.formSection{ width: 460px; position: absolute; left: auto; right:3%; top:150px; background-color:#0081a0; padding: 30px 35px ; border-radius: 18px; box-shadow: 5px 10px 5px 5px rgba(0,0,0,0.1);}
.formSection h4{ font-family: 'RobotoBold'; font-size: 28px; color:#ffffff; text-transform: uppercase; text-align: center; font-weight: normal; margin-bottom: 20px;}

form{width:100%; float:left;}
.block{width:100%; float:left; margin-bottom: 10px;}
.block input{width:100%; height: 70px; float:left;  padding: 10px; background-color: #52aabf; color:#ffffff; font-family: 'robotoregular'; font-size: 16px; border-radius: 5px; border: none; }
.block select{width:100%; height: 70px; float:left;  padding: 10px; color:#ffffff; font-family: 'robotoregular'; font-size: 16px; -webkit-appearance:none; -moz-appearance:none; background:#52aabf url(../images/dd-arrow1.png) 95% center no-repeat;text-overflow: ""; border-radius: 5px;}
.submitclass{width:100%; float:left;}
.submitclass input{width:100%; height: 70px; float:left; background-color: #fec22e;  border: none; font-size:22px; text-transform: uppercase;  font-family: 'RobotoBold'; color:#67142e; -webkit-appearance: none;  -moz-appearance: none;  appearance: none; cursor: pointer; transition: all ease 0.4s; -webkit-transition: all ease 0.4s; border-radius: 5px; }
.submitclass input:hover{background-color: #f97316; color:#ffffff;}

.all-fields{display:block; width:100%; float:left; font-size: 12px; font-family: 'robotoregular'; color:#282828; position: absolute; left:0; bottom:-50px }
.all-fields1{display:none; width:100%; float:left; font-size: 12px; font-family: 'robotoregular'; color:#282828; position: absolute; left:0; bottom:-50px }

form p{color:#ffffff; text-align: center; padding-bottom: 20px;}

/*four-pointer*/
section{width:100%; float: left;}
.four-pointers{width:100%; float:left;  margin-top: 85px; padding: 40px; background: url(../images/pattern.jpg) repeat center top; border-radius: 20px; position: relative; overflow: hidden;}
.four-pointers:before{ content: ''; position: absolute; left:-8%; top:-75%; width: 500px; height: 500px; background-color: #006c87; border-radius: 50%; z-index: 1; }
.four-pointers:after{ content: ''; position: absolute; right:-8%; bottom:-75%; width: 500px; height: 500px; background-color: #006c87; border-radius: 50%; z-index: 1; }
.four-pointers ul{ display: flex; justify-content:space-around; z-index: 2; position: relative;}
.four-pointers li{ margin: 10px; text-align: center;}
.four-pointers li strong{ display: block; color:#ffffff;   font-family: 'robotolight'; font-size: 30px; line-height: 1.3;}
.four-pointers li span{ display: block; color:#fec22e;   font-family: 'robotolight'; font-size: 20px; line-height: 1.3; margin-top: 10px;}


/*all popular test*/
.all-popular-test{width:100%; float:left;  margin-top: 85px; padding: 40px 100px; background: #f2f2f2; border-radius: 20px; }
.all-popular-test h4{ color:#282828; font-size: 38px;  font-family: 'RobotoBold'; text-transform: uppercase; text-align: center;}
.all-popular-test p{ color:#282828; font-size: 20px; font-family: 'MontserratRegular'; text-align: center; }

.test-box{ height: 350px; background-color: #fefefe; border-radius: 10px; padding: 19px; margin-top: 40px;}
.test-box .test-icon{width:100%; height: 120px; float: left; text-align: left;}
.test-box .test-icon img{width:auto!important; display: inline-block;}
.test-box .test-heading{width:100%; height: 70px; float: left;  color:#282828;  font-family: 'RobotoMedium'; font-size: 20px; line-height: 1.2;}
.test-box .test-price{width:100%; height: 60px; float: left; color:#007c9d;  font-family: 'robotolight'; font-size: 20px; line-height: 1.2;}
.test-box .test-price span{ text-decoration: line-through;}
.test-box .test-book-now{width:100%;  float: left; }
.test-box .test-book-now a{width:100px; height: 48px; line-height: 48px; display: inline-block; text-align: center; border-radius: 10px;  background-color: #0081a0; color:#ffffff; font-family: 'robotolight'; font-size: 16px;}
.test-box .test-book-now a:hover{ background-color: #fec22e;}

.popular-test .owl-nav{top:40%;  position:absolute; width:100%}
.popular-test .owl-nav  .owl-prev span{ left:-50px; background: url(../images/prev.png) no-repeat left top; width:33px; height: 25px; position: absolute;}
.popular-test .owl-nav  .owl-next span{ right:-50px; background: url(../images/next.png) no-repeat right top; width:33px; height: 25px; position: absolute;}
.popular-test .owl-carousel .owl-item{ margin-left: 10px!important;}

/*top selling test*/
.top-selling-test{width:100%; float:left;  margin-top: 85px; padding: 40px 100px; background: #f2f2f2; border-radius: 20px; }
.top-selling-test h4{ color:#282828; font-size: 38px;  font-family: 'RobotoBold'; text-transform: uppercase; text-align: center;}
.top-selling-test p{ color:#282828; font-size: 20px; font-family: 'MontserratRegular'; text-align: center; }

.test-box2{ height: 350px; background-color: #fefefe; border-radius: 10px; padding: 19px; margin-top: 40px;}
.test-box2 .test-icon{width:100%; height: 120px; float: left; text-align: left;}
.test-box2 .test-icon img{width:auto!important; display: inline-block;}
.test-box2 .test-heading{width:100%; height: 70px; float: left;  color:#282828;  font-family: 'RobotoMedium'; font-size: 20px; line-height: 1.2;}
.test-box2 .test-price{width:100%; height: 60px; float: left; color:#007c9d;  font-family: 'robotolight'; font-size: 19px; line-height: 1.2;}
.test-box2 .test-price span{ text-decoration: line-through;}
.test-box2 .test-book-now{width:100%;  float: left; }
.test-box2 .test-book-now a{width:100px; height: 48px; line-height: 48px; display: inline-block; text-align: center; border-radius: 10px;  background-color: #0081a0; color:#ffffff; font-family: 'robotolight'; font-size: 16px;}
.test-box2 .test-book-now a:hover{ background-color: #fec22e;}

.test-box2 .test-book-now a:last-child{float: right;}


.top-selling .owl-nav{top:40%;  position:absolute; width:100%}
.top-selling .owl-nav  .owl-prev span{ left:-50px; background: url(../images/prev.png) no-repeat left top; width:33px; height: 25px; position: absolute;}
.top-selling .owl-nav  .owl-next span{ right:-50px; background: url(../images/next.png) no-repeat right top; width:33px; height: 25px; position: absolute;}
.top-selling .owl-carousel .owl-item{ margin-left: 10px!important;}


/*full body test*/
.full-body-test{width:100%; float:left;  margin-top: 85px; padding: 40px 100px; background: #f2f2f2; border-radius: 20px; }
.full-body-test h4{ color:#282828; font-size: 38px;  font-family: 'RobotoBold'; text-transform: uppercase; text-align: center;}
.full-body-test p{ color:#282828; font-size: 20px; font-family: 'MontserratRegular'; text-align: center; }

.test-box3{ height: 350px; background-color: #fefefe; border-radius: 10px; padding: 20px; margin-top: 40px;}
.test-box3 .test-icon{width:100%; height: 120px; float: left; text-align: left;}
.test-box3 .test-icon img{width:auto!important; display: inline-block;}
.test-box3 .test-heading{width:100%; height: 70px; float: left;  color:#282828;  font-family: 'RobotoMedium'; font-size: 20px; line-height: 1.2;}
.test-box3 .test-price{width:100%; height: 60px; float: left; color:#007c9d;  font-family: 'robotolight'; font-size: 20px; line-height: 1.2;}
.test-box3 .test-price span{ text-decoration: line-through;}
.test-box3 .test-book-now{width:100%;  float: left; }
.test-box3 .test-book-now a{width:100px; height: 48px; line-height: 48px; display: inline-block; text-align: center; border-radius: 10px;  background-color: #0081a0; color:#ffffff; font-family: 'robotolight'; font-size: 16px;}
.test-box3 .test-book-now a:hover{ background-color: #fec22e;}

.fully-body .owl-nav{top:40%;  position:absolute; width:100%}
.fully-body .owl-nav  .owl-prev span{ left:-50px; background: url(../images/prev.png) no-repeat left top; width:33px; height: 25px; position: absolute;}
.fully-body .owl-nav  .owl-next span{ right:-50px; background: url(../images/next.png) no-repeat right top; width:33px; height: 25px; position: absolute;}
.fully-body .owl-carousel .owl-item{ margin-left: 10px!important;}







/*why-choose-us*/
.why-choose-us{width:100%; float:left;  margin-top: 85px; padding: 40px; background-color: #0081a0; border-radius: 20px;}
.why-choose-us .left-para{width:50%; float:left; }
.why-choose-us .left-para h4{ color:#ffffff; font-size: 38px;  font-family: 'RobotoBold'; }
.why-choose-us .left-para p{ color:#ffffff; font-size: 16px; font-family: 'robotoregular';  margin-top: 30px; line-height: 1.8;}

.why-choose-us .right-pointers{width:50%; float: left; margin-top: 40px;}
.why-choose-us .right-pointers ul{ position: relative;}
.why-choose-us .right-pointers li{width:48%; height:200px;  float: left; }
.why-choose-us .right-pointers .icon{width:100%; float: left; text-align: center;  }
.why-choose-us .right-pointers .text{width: 100%; float: left; text-align: center; font-family: 'robotoregular'; color:#ffffff; font-size: 20px; line-height: 1.3;}


/*apollo-diagnostic-edge*/
.apollo-diagnostic-edge{width:100%; float:left;  margin-top: 50px; padding: 40px;}
.apollo-diagnostic-edge h4{ color:#282828; font-size: 38px;  font-family: 'RobotoBold'; text-align: center; margin-bottom: 30px;}
.apollo-diagnostic-edge ul{ display: flex; justify-content:space-around; z-index: 2; position: relative;}
.apollo-diagnostic-edge li{height:100px; width:24%; margin: 10px; border:1px solid #0081a0; border-radius: 5px; display: table; }
.apollo-diagnostic-edge li .icon{width:90px; height:100px;  text-align: center; display: table-cell; vertical-align: middle; }
.apollo-diagnostic-edge li .text{width: calc(100% - 90px); height:100px;  display: table-cell; vertical-align: middle;}
.apollo-diagnostic-edge li .text strong{ display: block; color:#0081a0;   font-family: 'robotoregular'; font-weight: normal; font-size: 30px; line-height: 1.3;}
.apollo-diagnostic-edge li .text span{ display: block; color:#0081a0;   font-family: 'robotoregular'; font-size: 20px; line-height: 1.3;}

/*testimonials*/
.testimonials{width:100%; float:left; margin-top: 0;  background-color: #f2f2f2;}
.testimonials h4{ color:#282828; font-size: 38px;  font-family: 'RobotoBold'; text-align: center; margin-bottom: 30px; text-transform: uppercase;}
/*slick slider Section*/
.slider_box {width: 100%; float:left;  padding: 50px 0 100px 0; position: relative; text-align:center;}
.container {margin: 0 auto; width: 820px;}

.slider_box .slick-slider {-moz-user-select: none;    box-sizing: border-box;    display: block;    position: relative; border:none;}
.slider_box .slick-slide .img_slide{text-align: center; outline:none;}
.slider_box .slick-slide .img_slide img{display: inline-block !important;  width:60%; opacity:0.5; transition:opacity 1s ease-out;   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);}
.slider_box .slick-slide.slick-current.slick-active.slick-center .img_slide img {width: 100%; opacity:1; transition:opacity 1s ease-out;   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0);}

.slider_box .slick-slide {display: inline-block !important;    float: none;    vertical-align: middle;}
.slider_box .slick-prev {left: 45%; right:auto; width: 33px; height: 25px;}
.slider_box .slick-next {right:45%; left:auto;  width: 33px; height: 25px;}


.slider_box .slick-slider p{font-size: 16px;  font-family: 'robotoregular'; line-height: 1.8; }
.slider_box .slick-slider p strong{ font-size: 20px; line-height: 1.4;  font-family: 'RobotoMedium'; margin-bottom: 10px; font-weight: normal; display: block; }
.slider_box .slick-slider p strong span{ font-size: 20px; font-family: 'robotoregular'; display: block; font-weight: normal; }

.slider_box .slick-prev, .slider_box .slick-next{top:auto; bottom: -220px;}

.slider_box .slider_text:before{ content: ''; position: absolute; left:-100px ; top: 30px; width: 93px; height: 79px; background: url(../images/quote-left.png) no-repeat left top;}
.slider_box .slider_text:after{ content: ''; position: absolute; left:auto ; right: -100px; top: auto; bottom: -30px; width: 93px; height: 79px; background: url(../images/quote-right.png) no-repeat left top;}



/*accrededitations*/
.accrededitations{width:100%; float:left;  padding: 40px;}
.accrededitations h4{ color:#282828; font-size: 38px;  font-family: 'RobotoBold'; text-align: center; margin-bottom: 30px;}
.accrededitations ul{ display: flex; justify-content:center; z-index: 2; position: relative;}
.accrededitations li{ margin: 10px 15px; text-align: center; }



footer{width:100%; float:left; background-color: #077e9d; text-align: center; font-family: 'robotoregular'; font-size: 16px; color:#ffffff; padding: 25px 0; }


.lightbox{width:750px; overflow-y:hidden; background-color:#ffffff;  display: none; z-index:999999; padding: 30px;}
.test-name{ width:100%; float: left; margin-bottom:20px}
.test-name .tnl{float: left;}
.test-name .tnl strong{ color:#0081a0; font-family: 'robotoregular'; font-size: 20px; font-weight: normal;}
.test-name .tnr{float: right;}
.test-name .tnr strong{color:#0081a0; font-family: 'robotoregular'; font-size: 20px; font-weight: normal;}
.test-name .tnr span{ text-decoration: line-through;}





.grey{ width:100%; float: left;   background-color: #f5f5f5; height: 30px; line-height:30px; position: relative; font-weight: bold; padding:0 5px}

.grey:before{position: absolute; content:''; left:0; top:-5px; width:100%; height:1px; background-color: #f5f5f5; }
.grey:after{position: absolute; content:''; left:0;  bottom:-5px; width:100%; height:1px; background-color: #f5f5f5;}

.white{ width:100%; float: left; margin-top:5px; margin-bottom:5px;  background-color: #ffffff; padding:0 5px;  color:#595959; height: 30px; line-height:30px; position: relative;   position:relative;}
.white:before{position: absolute; content:''; left:0; top:-5px; width:100%; height:1px; background-color: #f5f5f5;}


.lightbox .fancybox-close{ background-image: url(../images/close.png) no-repeat left top; right:0!important; top:0!important; width:56px; height:60px}
.scroll{ height:400px; width:100%; margin:0 auto} 

.slider_box .slick-slide .img_slide { display: none;}

  .call span a {
    color: #0081a0;
}
.highlighed{
  color: #fec22e;
   font-weight: bold;
}

  /* --- General Layout --- */
#services {
  background-color: #fff;
}
    #services .card:hover .card-header {
    background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1)) !important;
}
 


#services .card {
  border: none;
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.4s ease;
  background-color: #fff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
}

/* --- Card Header --- */
#services .card-header {
  background-color: #f3f6fb;
  border: none;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}

#services .card-header h5 {
  color: #1e293b;
  font-weight: 700;
  font-size: 1.1rem;
}

#services .card-header svg {
  color: #f97316 !important;
    width: 24px;
    height: 24px;
    align-items: center;
    text-align: center;
}
}

/* --- Card Body --- */
#services .card-body {
  background-color: #fff;
  padding: 1.5rem;
}

#services .card-body small {
  font-weight: 700;
  letter-spacing: 0.5px;
}

#services .card-body .text-warning {
  color: #f97316 !important;
}

#services .card-body p {
  color: #4b5563;
  font-size: 0.95rem;
  line-height: 1.6;
}

/* --- Button Styling --- */
#services .btn-outline-warning {
  border: 1.5px solid #f97316;
  color: #f97316;
  border-radius: 10px;
  transition: all 0.3s ease;
  font-weight: 600;
}

#services .btn-outline-warning:hover {
  background-color: #f97316;
  color: #fff;
}

/* --- Hover Effect --- */
#services .card:hover {

  transform: translateY(-10px);
  box-shadow: 0 12px 25px rgba(249, 115, 22, 0.15);
}

/* --- Optional Centered Shadow Box Look --- */
#services .card:hover .card-header {
  background-color: #fff1e6;
}

#services .card .p-2 svg {
  transition: transform 0.3s ease, color 0.3s ease;
}

#services .card:hover .p-2 svg {
  transform: scale(1.1);
  color: #fb923c;
}