*{

	margin=0;

	padding=0;

	font-family: 'Poppins', sans-serif;

}





<!-----------Text Styles---------->


.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmdm {font-size: 12px;font-family: 'Arial';font-style: normal;font-weight: normal;}
.wpmd {font-size: 96px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
.DIV,UL,OL /* Left */
{
 margin-top: 0px;
 margin-bottom: 0px;
}




.stkeynavbar {
  overflow: hidden;
  background-color: red;
  position: fixed;
  top: 270px;
  width: 130px;
  left: 0px;
 
 
}


.stkeynavbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 14px;
  text-decoration: none;
  font-size: 17px;
 
}

<!-------------------------------->




/*
.topheader

{

    min-height: 50vh; 

    width:100%;

    background-image: url("scanimg/aidr.jpg");  

    position: relative;

    background-repeat: no-repeat;

    background-size: 100% 100%;

	filter: brightness(1.0);

	background-size: cover;

	background-color: #000000;

	background-position: center;

	

}



@media(max-width:700px)

{



    .topheader

    {

    min-height: 15vh;

    width:100%;

    }



}
*/


@-webkit-keyframes blinker 

{

  from {opacity: 1.0;}

  to {opacity: 0.0;}

}



.header

{

    position:fixed;

    text-align:center;

    top:30%;

    width:100%;
}
.subheader

{

    position:fixed;

    text-align:center;

    top:60%;

    width:100%;
}



@media(max-width:700px)

{
	
	
	.header

	{

	top:17%;
	}
    .nav .fa

    {

		top:60px;
    }

	
	
}

.headrow

{

    width:100%;

    display: flex;

	text-align:center;

}



.headcol{

    flex-basis: 30%;

    padding:12px 12px;

    font-weight: 600;

	text-align:center;

    

    }

.head-btn:hover

{

    border:1px solod #f44336;

    background: #f44336;

    transition: 0.5s;

}





.head-btn

{

    text-decoration: none;

    color:#fff;

    border:1px solid #fff;

    font-size: 15px;

    padding :12px 50px;

    background: #36486b;

    position: relative;

    top:10px;

    cursor: pointer;

}





h3
{
	color:black;
	font-weight:600;
	}

.nav

{


	width:100%;	
	margin-top:-10%;
    display:flex;

    padding: 0% 02%;

	ustify-content: space-between;

    align-items: center;

}

.nav img {

    align-items: flex-start;

    width:100px;

    border-radius: 10px;

	filter:brightness(1.0);

}

.nav-links

{

    flex:1;

    text-align: center;

	width:100%;	

	margin-top:-2%;

	margin-left:0%;

	background-color:#191970;

	color:#fff;



}

.nav .fa

{

		width: 25px;

		height: 25px;

		padding: 5px 5px;

		font-size: 25px;

		text-align: center;

		text-decoration: none;

		margin: 2px 1px;

		border-radius: 25%; 



}

.nav-links ul li

{

    list-style: none;

    display: inline-block;

    padding: 7px 20px;

    position: relative;

    color: #36486b;

}

.nav-links ul li a{

    color: #fff;

    text-decoration: none;

    font-size:20px;

    font-weight: 600;

}

.nav-links ul li::after{

    content: '';

    width:0%;

    height:2px;

    background: green;

    display: block;

    margin: auto;

    transition: 0.5s;

}

.nav-links ul li:hover::after{

    width:100%;

    background: red;

}

































.text-box

{

    width:90%;

    position:absolute;

    color:#fff;

    top:75%;

    left:50%;

    transform:translate(-50%,-50%);

    text-align: center;

}

.hero-btn{

    display:inline-block;

    text-decoration: none;

    color:#fff;

    border:1px solid #fff;

    font-size: 13px;

    padding :12px 34px;

    background: transparent;

    position: relative;

    cursor: pointer;

}

.hero-btn:hover

{

    border:1px solod #f44336;

    background: #f44336;

    transition: 0.5s;

}


.label1

{

    width:90%;

    color:#fff;

    font-size:48px;

    font-weight: 600;

    left:30%;

    position:relative;

}



/* ===================================================================booking ===>*/

.booking-btn

{



/*	text-decoration: blink;

	-webkit-animation-name: blinker;

	-webkit-animation-duration: 0.6s;

	-webkit-animation-iteration-count:infinite;

	-webkit-animation-timing-function:ease-in-out;

	-webkit-animation-direction: alternate;

*/

    text-decoration: none;

    color:#fff;

    border:1px solid #fff;

    font-size: 18px;

    padding :10px 15px;

    background: #1874CD;	/* #FF0000;  ffA0522D; */

    position: fixed;

	font-weight:600;

    cursor: pointer;

	margin:auto;

	clear: both;

}

.bookingbtn

{

    text-decoration: none;

    color:#fff;

    border:1px solid #fff;

    font-size: 18px;

    padding :10px 15px;

    background: #FF0000;  /*ffA0522D; */

    position: fixed;

	font-weight:600;

    cursor: pointer;

	margin:auto;

	clear: both;
	z-index:9;
}




.booking-btn:hover

{

/*    border:1px solod #f44336;

    background:#fff;

	color: #f44336;

	text-decoration: none;





	-webkit-animation-name: blinker;

	-webkit-animation-duration: 0.6s;

	-webkit-animation-iteration-count:infinite;

	-webkit-animation-timing-function:ease-in-out;

	-webkit-animation-direction: alternate;
*/


}



@media(max-width:700px)

{
    .booking-btn

    {

    font-size: 13px;

    padding :8px 10px;

    font-weight: 800;

    top:10px;

	width:150px;

	left:45px;

	clear:both;
	z-index:9;

    }

    .bookingbtn

    {

    font-size: 13px;

    padding :8px 10px;

    font-weight: 800;

    top:10px;

	width:150px;

	left:45px;

	clear:both;
	z-index:8;

    }
}

/* ===================================================================booking ===>*/











/*  ===============================================  about ========================= */

.about

    {

    margin-top: 20%;

    }



.about h1

{

    width: 80%;

    text-align: center;

    display:flex;

    color:#f4332;

}

.row

{

    width:100%;
	margin:auto;
    display: flex;
    justify-content: space-between;

}

.col{

    flex-basis: 50%;

    background:	#FFEDE5; /*#AFEEEE;  #ffe6e6; */

    font-size: 18px;

    text-align: justify;

    padding:12px 12px;


    }

.col p

{

    padding:0px 50px;

	height: 350px;

	overflow: scroll;

    overflow-x: hidden;

}

.col img

{

    width:100%;

    

}



@media(max-width:700px)

{

   .row

    {
	width:90%;
    flex-direction: column;
    padding:5% 5%;
    }

 

    .col p

    {

        display: flex;

        flex-basis:100%;

        font-size: 18px;

        padding:2px 2px;

		overflow-x: hidden;

    }

}





<!--  ----------------------------------------------------------room -->

.room

{

    width:80%;

    margin:auto;

    text-align: center;

    padding-top: 50px;

}

.room-col{

    flex-basis: 50%;

    background:#F4F0F0;

    margin-bottom: 20px;

    padding:12px 22px;

    font-size: 18px;

    text-align: justify;

    }

.room-col p

{

    padding:10px 10px;

}

.room-col img

{

    width:100%;

}





@media(max-width:700px)

{

    .room

    {

        padding-top:10px;

    }

    

    .room-col

    {

        margin-bottom: 0px;

    }

    

    .room-col p

    {

        padding:0px 10px;

    }

    

    

    

}































/* s================================================================== mission -->  */


.mission-col{

    flex-basis: 50%;

    background:#F4F0F0;

    margin-bottom: 20px;

    padding:12px 22px;

    font-size: 18px;

    text-align: justify;
	width:350px;
	height:450px;

    }



	.mission-col p

	{

    padding:0px 50px;

	height: 450px;


	}

@media(max-width:700px)

{

	.mission .col p

	{

	padding:0px 0px;

	height: 270px;

    overflow-x: hidden;

	}

}





/* e================================================================== mission --  */

 

 

/* s ==================================================================== vision -- */ 

.vision p

{

    padding:10px 25px;

	height: 250px;

    overflow: scroll;

    overflow-x: hidden;

    overflow-y: hidden;

}



@media(max-width:700px)

{



   .row

    {

        flex-direction: column;

    }

 

    .col p

    {

        display: flex;

        flex-basis:100%;

        font-size: 18px;

        padding:2px 2px;

    }

}



/* e =================================================== vision ======*/







<!---------------------------------------------------------- doctor-rochita -->

.doctor-rochita

{

    width:100%;
	
    margin:auto;

    text-align: center;

    padding-top: 10px;

    

}



.doctor-col-rochita{

    flex-basis: 50%;

    background:	#FFF2E5;

    font-size: 18px;

    text-align: justify;

    padding:12px 22px;

    

    }



.doctor-col-rochita p

{

    padding:0px 50px;

	height: 300px;

	overflow: scroll;

    overflow-x: hidden;

    padding:2px 2px;

}

.doctor-col-rochita img

{

    width:100%;

	padding:5px 5px;

}

@media(max-width:700px)

{


	.doctor-rochita

	{

    width:100%;
	
    margin:auto;

    text-align: center;

    padding-top: 50px;

	}
.doctor-col img

{

  width:100%;

  padding:5px 5px;

}



}



<!-------------------------------->



<!---------------------------------------------------------- doctor-vadanika -->

.doctor-vadanika

{

    width:80%;

    margin:auto;

    text-align: center;

    padding-top: 10px;

    

}



.doctor-col-vadanika{

    flex-basis: 50%;

    background:	#EAFAF2	;

	
    font-size: 18px;

    text-align: justify;

    padding:12px 22px;

    

    }



.doctor-col-vadanika p

{

    padding:0px 50px;

	height: 250px;

	overflow: scroll;

    overflow-x: hidden;

    padding:2px 2px;

}

.doctor-col-vadanika img

{

    width:100%;

	padding:5px 5px;

}

@media(max-width:700px)

{

.doctor-col-vadanika img

{

  width:100%;

  padding:5px 5px;

}

.doctor-col-vadanika p

{

  height:10px;

  padding:5px 5px;

}



}



<!-------------------------------->





<!---------------------------------------------------------- doctor-expert -->

.doctor-expert

{

    width:80%;

    margin:auto;

    text-align: center;

    padding-top: 10px;

    

}



.doctor-col-expert{

    flex-basis: 50%;

    background:	#FBE9EA	;

    font-size: 18px;

    text-align: justify;

    padding:12px 22px;

    

    }



.doctor-col-expert p

{

    padding:0px 50px;

	height: 250px;

/*	overflow: scroll;

    overflow-x: hidden; */

    padding:2px 2px;

}

.doctor-col-expert img

{

    width:100%;

	padding:5px 5px;

}

@media(max-width:700px)

{

.doctor-col-expert img

{

  width:100%;

  padding:5px 5px;

}

.doctor-col-expert p

{

  height:150px;

  padding:5px 5px;

}



}



<!-------------------------------->





<!-- -------------------------------------------------------- easyapp -->

.easyapp

{

    width:80%;

    margin:auto;

    text-align: center;

    padding-top: 10px;

    

}



.easyapp-col{

    flex-basis: 50%;

    background:	#F5EFEF	;

    font-size: 18px;

    text-align: justify;

    padding:12px 22px;

    

    }



.easyapp-col p

{

    padding:0px 50px;

	height: 250px;

/*	overflow: scroll;

    overflow-x: hidden; 
*/
    padding:2px 2px;

}

.easyapp-col img

{

    width:100%;

	padding:5px 5px;

}

@media(max-width:700px)

{

.easyapp-col img

{

  width:100%;

  padding:5px 5px;

}




}







<!-- -------------------------------------------------------- happy atmo -->

.happyatmo

{

    width:80%;

    margin:auto;

    text-align: center;

    padding-top: 10px;

    

}



.happyatmo-col{

    flex-basis: 50%;

    background:	#EDBB99;

    font-size: 18px;

    text-align: justify;

    padding:12px 22px;

    

    }



.happyatmo-col p

{

    padding:0px 50px;

	height: 250px;

	overflow: scroll;

    overflow-x: hidden;

    padding:2px 2px;

}

.happyatmo-col img

{

    width:100%;

	padding:5px 5px;

}

@media(max-width:700px)

{

.happyatmo-col img

{

  width:100%;

  padding:5px 5px;

}



.happyatmo-col p

{

 	height: 10px;



}

}







<!-- -------------------------------------------------------- doctor -->

.doctor

{

    width:80%;

    margin:auto;

    text-align: center;

    padding-top: 10px;

    

}



.doctor-col{

    flex-basis: 50%;

    background:	#EDBB99;

    font-size: 18px;

    text-align: justify;

    padding:12px 22px;

    

    }



.doctor-col p

{

    padding:0px 50px;

	height: 250px;

	overflow: scroll;

    overflow-x: hidden;

    padding:2px 2px;

}

.doctor-col img

{

    width:100%;

	padding:5px 5px;

}

@media(max-width:700px)

{

.doctor-col img

{

  width:100%;

  padding:5px 5px;

}



}









	









<!--------------------------------------------------  scan equipments -->



* {box-sizing: border-box}

body {font-family: Verdana, sans-serif; margin:0}

.mySlides {display: none}

img {vertical-align: middle;}



.scaners

{

    width:100%;

    margin:auto;

    text-align: center;

    padding-top: 20px;

    

}





.scan-col{

    flex-basis: 50%;

    background: #FFEFE5 ;

    margin-bottom: 30px;

    padding:12px 22px;

    font-size: 18px;

    text-align: justify;

	height: 350px;

    }





/* Slideshow container */

.slideshow-container {

  max-width: 100%;

  position: relative;

  margin: auto;

}







.scan-col img

{

	width:100%;

	padding: 10px 10px;

	height: 290px;



}









/* Next & previous buttons */

.prev, .next {

  cursor: pointer;

  position: absolute;

  top: 50%;

  width: auto;

  padding: 16px;

  margin-top: -22px;

  color: white;

  font-weight: bold;

  font-size: 18px;

  transition: 0.6s ease;

  border-radius: 0 3px 3px 0;

  user-select: none;

}



/* Position the "next button" to the right */

.next {

  right: 0;

  border-radius: 3px 0 0 3px;

}



/* On hover, add a black background color with a little bit see-through */

.prev:hover, .next:hover {

  background-color: rgba(0,0,0,0.8);

}



/* Caption text */

.text {

  color: black;

  font-size: 15px;

  padding: 8px 12px;

  position: absolute;

  bottom: 8px;

  width: 100%;

  text-align: center;

}



/* Number text (1/3 etc) */

.numbertext {

  color: black;

  font-size: 12px;

  padding: 8px 12px;

  position: absolute;

  top: 0;

}



/* The dots/bullets/indicators */

.dot {

  cursor: pointer;

  height: 15px;

  width: 15px;

  margin: 0 2px;

  background-color: #bbb;

  border-radius: 50%;

  display: inline-block;

  transition: background-color 0.8s ease;

}



.active, .dot:hover {

  background-color: black;

}



/* Fading animation */

.fade {

  -webkit-animation-name: fade;

  -webkit-animation-duration: 1.5s;

  animation-name: fade;

  animation-duration: 1.5s;

}



@-webkit-keyframes fade {

  from {opacity: .4} 

  to {opacity: 1}

}



@keyframes fade {

  from {opacity: .4} 

  to {opacity: 1}

}



.vwidth

 {

    width: 0%;

    height: 0px;

 }  



/* On smaller screens, decrease text size */



@media(max-width:700px)

{

	.prev, .next,.text {font-size: 11px}





.vwidth

 {

    width: 0%;

    height: 0px;

 }  

.scan-col{

    flex-basis: 50%;

    margin-bottom: 0px;

    padding:10px 10px;

    font-size: 18px;

    text-align: justify;

    }

	

.scan-col img

{

	width:100%;

	padding: 5px 5px;

	height: 300px;



}

	



}

<!---       ct scan end   ---->





<!---------------------------------------------     MRI    ---->

.mriscaners

{

    width:100%;

    margin:auto;

    text-align: center;

    padding-top: 50px;

    

}

.mriscan-col{

    flex-basis: 50%;

    background: #EEF8ED;

    margin-bottom: 30px;

    padding:12px 22px;

    font-size: 18px;

    text-align: justify;

    }

.mriscan-col img

{

	padding: 10px 10px;

	height: 300px;

	width:100%;



}

.mrislideshow-container 

{

  max-width: 100%;

  position: relative;

  margin: auto;

}



.mridot {

  height: 15px;

  width: 15px;

  margin: 0 2px;

  background-color: #bbb;

  border-radius: 50%;

  display: inline-block;

  transition: background-color 0.5s ease;

}



.active, .mridot:hover {

  background-color: black;

}

@media(max-width:700px)

{  .prev, .next,.text {font-size: 11px}

   .mriscaners h1

   {

		font-size:20px;

   }



.mriscan-col{

    flex-basis: 50%;

    margin-bottom: 0px;

    padding:10px 10px;

    font-size: 18px;

    text-align: justify;

    }



.mriscan-col img

{

	width:100%;

	padding: 5px 5px;

	height: 290px;



}







}





<!---        MRI end   ---->









<!---------------------------------------------------------  digital x-ray -->





.digitalxray

{

    width:100%;

    margin:auto;

    text-align: center;

    padding-top: 50px;

    

}







.digit-col{

    flex-basis: 100%;

    background: #FDFEE7;

    margin-bottom: 30px;

    padding:20px 22px;

    font-size: 18px;

    text-align: justify;

	height:500px;



    }



.digit-col h3

{

	color:black;

	font-weight:600;

	}



.digit-col img

{

	height:350px;

	padding: 30px 50px;



	width:50%;

	height: 350px;



}

.digit-col p

{

    font-size:15px;

	padding:10px 10px;

    text-align: justify;

    font-size: 18px;

	height:270px;

	overflow: scroll;

	overflow-x: hidden;

	

}





.digitslideshow-container {

  max-width: 100%;

  position: relative;

  margin: auto;

}



/* On smaller screens, decrease text size */



@media(max-width:700px)

{  .prev, .next,.text {font-size: 11px}







.digit-col{

    flex-basis: 50%;

    margin-bottom: 0px;

    padding:10px 10px;

    font-size: 18px;

    text-align: justify;

    }



.digit-col img

{

	width:100%;

	padding: 5px 5px;

	height: 400px;




}







}

<!---        digital end   ---->













<!-- ---------------------------------------------- ultrasound -->





.ultrasound

{

    width:100%;

    margin:auto;

    text-align: center;

    padding-top: 0px;

    

}





.mySlides

{

    width:80%;

    margin-bottom: 30px;

    text-align: center;

    padding:12px 22px;

    

}

.ultra-col

{

    flex-basis: 100%;

    background: #F6F2EE;

    margin-bottom: 30px;

    padding:5px 5px;

    font-size: 18px;

}

.ultra-col img

{

    width:400px;

    height:705px;

	padding:50px 50px;

}





.ultrascanSlides img

{

	flex-basis: 50%;

    width:100%;

    height:350px;

	padding :0px 50px;

	

}





.ultra-col p

{

	padding:10px 30px;

    text-align: justify;

    font-size: 18px;

	height:350px;

	overflow: scroll;

	overflow-x: hidden;

}



.ultraslideshow-container {

  max-width: 100%;

  position: relative;

  margin: auto;

}





@media(max-width:700px)

{

    

.ultra-col img

{

    width:220px;

    height:400px;

	padding 0px 10px;

	border: 0px solid ;

}

.ultrascanSlides img

{

	height:290px;

	width:100%;

	padding: 5px 5px;

	margin-left:30px;

}

    





.ultra-col{

    flex-basis: 50%;

    margin-bottom: 0px;

    padding:10px 10px;

    font-size: 18px;

    text-align: justify;

    }



    

}

<!-- ---------------------------------------------- ultrasound end -->

















































.headrow

{

    width:100%;

    display: flex;

	text-align:center;

}



.headcol{

    flex-basis: 30%;

    padding:12px 12px;

    font-weight: 600;

	text-align:center;

    

    }

.head-btn:hover

{

    border:1px solod #f44336;

    background: #f44336;

    transition: 0.5s;

}







.foot

{

    min-height: 10vh;

    width:100%;

	background-color:#3498DB ;

    position: relative;

    background-repeat: no-repeat;

    background-size: 100% 100%;



}



@media(max-width:700px)

{


	.fa-bars
	{
	top:-20px;
	margin-left:0px;
	
	}
    .nav-links

    {
	flex:1;

    text-align: center;

	width:100%;	

	margin-top:-2%;

	margin-left:200px;

	background-color:#191970;

	color:#fff;


    }

	.nav img 

	{

    width:50px;

	}

	.nav-links ul li a

	{

    margin-top:10px;

	color: #fff;

	}

    

	.nav-links ul li{

        display:block;

    }



    .nav .fa

    {

        display:block;

        color: #fff;

        margin:10px;

        font-size:22px;

        cursor: pointer;

		top:0px;
    }

    .nav-links ul{

        padding:10px 10px;

    }

    .text-box

    {

        top:75%;

        font-size: 10px;

    }

    .label1

    {

    font-size:24px;

    left:20%;

    }

	.hero-btn

	{

    .font-size: 10px;

    }



    .head-btn

    {

    font-size: 13px;

    padding :8px 15px;

    font-weight: 600;

    left:0px;

    top:10px;

    }



    

    

    .headcol{

    flex-basis: 30%;

    font-size: 12px;

    padding:0px 5px;

    font-weight: 600;

    }





}









































<!--- ----------------------------- foot ----------->

.foot row

{	

    flex-basis: 100%;

    margin-bottom: 0px;

    padding:5px 4px;

    

	color:white;

	margin-left:350px;

	width:800px;





}



@media(max-width:700px)

{

    

.foot row

{

    flex-basis: 50%;

    margin-bottom: 10px;

    padding:5px 4px;

    font-size: 18px;

}



    

}





.foot .fa {  

		width: 25px;

		height: 25px;

		padding: 5px 5px;

		font-size: 25px;

		text-align: center;

		text-decoration: none;

		margin: 2px 1px;

		border-radius: 25%; 

		}



		.fa:hover {

		opacity: 0.7;

		}



		.fa-facebook {

		  background: #fff;

		}



		.fa-twitter {

		  background: #fff;

		}



		.fa-google {

	  background: #fff;

	}



		.fa-linkedin {

		  background: #fff;

		}



		.fa-youtube {

		  background: #fff;

		}



		.fa-instagram {

		  background: #fff;

		}



		.fa-whatsapp {

		  background: #4FCE5D;

		}



		.fa-pinterest {

		  background: #cb2027;

		}



		.fa-snapchat-ghost {

		  background: #fffc00;  

		  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

		}



		.fa-skype {

		  background: #00aff0;

		}



		.fa-github {

		  background: #000000;

		}



		.fa-dribbble {

		  background: #ea4c89;

		}



		.fa-vimeo {

		  background: #45bbff;

		}



		.fa-foursquare {

		  background: #45bbff;

		}



		.fa-stumbleupon {

		  background: #eb4924;

		}



		.fa-flickr {

		  background: #f40083;

		}



		.fa-yahoo {

		  background: #430297;

		}



		.fa-reddit {

		  background: #ff5700;

		}



		.fa-rss {

		  background: #ff6600;

		}



<!-----------------------foot ------>











<!------- services accordion -->

.services {

    width:400px;

    margin:auto;

    text-align: center;

    padding-top: 10px;

	color:green;

}


.services .col{

    flex-basis: 50%;

    background:	#FFEDE5; /*#AFEEEE;  #ffe6e6; */

    font-size: 18px;

    text-align: justify;

    padding:0px 12px;


    }

.services .col p

{

    padding:0px 50px;

	height: 900px;

	overflow: scroll;

    overflow-x: hidden;

}

.services .col img

{

    width:100%;

    

}



@media(max-width:700px)

{

   .services .row

    {
	width:90%;
    flex-direction: column;
    padding:5% 5%;
    }

}






















.services h3{

	color: #36486b;

	font-size:26px;

	font-weight:600;

}



.services h1

{

    color: #c94c4c;

}



.services .h2{

	color:#c94c4c;

	font-weight:200;

}

.accordion .card {

	color: #424e5d;

	padding : 13px 13px;

}

.accordion .card a {

	color: #424e5d;


	font-size:18px;

	font-weight:400;

}

.accordion .card-header {

	background: linear-gradient(#fff,#ffe6e6);

	padding: .75rem 1rem;

	position: relative;

}

.accordion .card-header:hover {

	background: linear-gradient(#ffe6e6, #e8e8e8);

}

.accordion .card-header h2 {

	font-size: 1rem;

}

.accordion .fa {

	width: 50px;

	margin-right: .25rem;

}

.accordion .card-header a {

	float: left;

	width: 100%;

	cursor: pointer;

}

.accordion .toggle {

	font-size: .8rem;

	line-height: .8rem;

	cursor: pointer;

	opacity: 0.9;

	position: absolute;

	right: 16px;

	top: 16px;

	width: 14px;

	margin: 0;

}

.accordion .toggle:hover {

	opacity: 1;

}

.accordion .card-body {

	padding: 10px;

	background:#EAF2F8;

}

.accordion .list-group-item {				

	border-radius: 0;

	border-width: 1px 0 1px 0;

	padding-left: 30px;

	background: #d6dbe0;

	font-weight: 500;

	

	}

.accordion .list-group-item:hover {

	background: #007bff;

}

.accordion .list-group-item:hover a {

	color: #fff !important;

}

.accordion .list-group-item:hover .badge{

	background: #fff;

	color: #007bff;

}

.accordion .list-group-item a {

	color: #61656b;

	display: block;

	font-size:15px;

	text-align:left;

}

.accordion .list-group-item .badge {

	float: right;

	min-width: 36px;

}

.accordion .rotate{

	transform: rotate(180deg); 

}



.serv img

{

	width:100%;

}





@media(max-width:700px)

{
	.services col
	{
		width:100%;
	}
	.services img
	{
		width:100%;
		height:100%;
	}
	.accordion .card a {

		font-size:18px;
		font-weight:400;

	}

    

	.accordion .list-group-item a {

		font-size:13px;

		text-align:left;

	}



	.vwidth

	{

		width: 100%;

		height: 100%;

	}  

}   

<!-------------------------------whatsif ct head ----------------------------->





.whatifcthead .row

{

    width:80%;

    display: flex;

}



.whatifcthead booking-btn

{

    margin-top:0px;

}

.whatifcthead .col{

    flex-basis: 100%;

    background:	#FDF2E9;

    font-size: 18px;

    text-align: justify;

    padding:1% 3%;

	margin:10% 10%;

    

    }

.whatifcthead p

{

    padding:0px 2px;

	height: 290px;

	width: 100%;

	overflow: scroll;

    overflow-x: hidden;

	font-size : 18px;
    
	font-weight: 600;

}	

@media(max-width:700px)

{

	.whatifcthead .col

	{

		width:100%;

	}

}

.smal

{

font-size:5px;

}