/*about us page*/

.award-image{
    height: 120px;
    position: relative;
    margin-bottom: 5px;
}

.award-image img{
	max-height:110px;
	width: auto;
}

.flex-center{
	display: flex;
	align-items: center;
}

.flex-top{
	display: flex;
	align-items: flex-start;
}

.dis-flex{
    display:flex;
}

.align-center{
    align-items:center;
}

.justify-left{
    justify-content: flex-start;
}

.justify-center{
	justify-content: center;
}

.justify-end{
    justify-content: end;
}

.award-title h6{
	font-family: 'Opensans Medium', sans serif;
    font-size: 14px;
    font-weight:400;
}

.row-fluid{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.compli-bg{
    background: #F5F4ED;
}

.area-bg{
    background-image: url(../../images/scrc/Area_of_focus.jpg);
    background-size: cover;
    min-height: 600px;
    /* background-color: transparent;
    background-attachment: fixed; */
    background-position: 50% 0;
    background-repeat: no-repeat; 
    display: flex;
    align-items: center;
}

.vmbg{
   background: #F5F4ED;
}

.indebg{
    border-bottom:1px solid #ac8c5e;
     background-image: url(../../images/scrc/AboutSRECPhoto.jpg);
    background-size: cover;
    background-position: center; 
}

.cta-home{
    
    background-image: url(../../images/scrc/cta-home.jpg);
    background-size: cover;
    background-position: center left; 
}

.phasebg{
     background-image: url(../../images/scrc/sunway_coming_soon.jpg);
    background-size: cover;
    background-position: center; 
    min-height: 700px;

}

.phasebg.active{
     display: flex! important;
     align-items: center;
    justify-content: center;
}

.sunmedbuilding{
    background-image: url(../../images/scrc/sunmed-building.jpg);
    background-size: cover;
    background-position: center; 
}

.velobuilding{
    background-image: url(../../images/scrc/velo-building.jpg);
    background-size: cover;
    background-position: left center; 
}

.penangbuilding{
    background-image: url(../../images/scrc/penang-building.jpg);
    background-size: cover;
    background-position: center; 
}

.tcmbuilding{
    background-image: url(../../images/scrc/tcm-building.jpg);
    background-size: cover;
    background-position: center; 
}

.crobg{
    background-image: url(../../images/scrc/crobg.jpg);
    background-size: cover;
    background-position: center; 
}

.clinicalbg{
    
     background-image: url(../../images/scrc/ParticipateClinicalTrial.jpg);
    background-size: cover;
    background-position: center right;
}

.bg-getintouch{
  background-image: url(../../images/fertility/get-in-touch-bg.webp);
    background-size: cover;
    min-height: 500px;
    background-position: center;  
}

.bg-international{
    background-image: url(../../images/fertility/international-box.webp);
    background-size: cover;
    background-position: center right;  
}

.bg-financebox{
    background-image: url(../../images/fertility/financing-box.webp);
    background-size: cover;
    background-position: center right;  
}

.bg-couple{
    background-image: url(../../images/fertility/couple-bg2.webp);
    background-size: cover;
    min-height: 900px;
    background-color: transparent;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;  
}

.bg-baby{
    background-image: url(../../images/fertility/homebaby.webp);
    background-size: cover;
    min-height: 650px;
    background-color: transparent;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;  
}

.bg-baby2{
    /*background-image: url(../../images/fertility/baby-purple.webp);
    background-image: url(../../images/fertility/without-baby.webp);*/
    background-image: url(../../images/fertility/without-baby.jpg);
    background-size: cover;
    background-position: center bottom;  
    min-height: 800px;
}

.doctor-bg{
    /*background-image: url(../../images/fertility/doc-bg.webp);*/
    background-image: url(../../images/fertility/doc-bg.jpg);
    background-size: cover;
    background-position: center top;  
    min-height: auto;
}

.enquiry-block{
	width: 80%;
	margin: 0 auto;
}

/*.top-enquiry, .bottom-enquiry{
	height:50%;
}*/

.top-enquiry{
    height: 55%;
	background-color: #b29262;
	border-bottom: 2px solid #ee7598;
}

.bottom-enquiry{
    height: 45%;
	background-color: #101142;
}

.contact-row{
	display: flex;
	align-items: center;
}

.contact-icon{
	width: 50px;
	float: left;
}

.contact-icon3{
	width: 65px;
	float: left;
}

.contact-icon3 img{
	max-width: 50px;
	height: auto;
}

.contact-icon2{
	width: 36px;
	float: left;
}

.contact-icon2 img, .contact-icon img{
	max-width: 36px;
	height: auto;
}
.contact-desc{
	width: calc(100% - 50px);
	float: left;
	text-align: left;
}

.contact-desc2{
	width: calc(100% - 65px);
	float: left;
	text-align: left;
}

h2 span.red{
	color:#e32d2c! important;
}

.bg-grey{
	background-color: #edeadd! important;
}

.bg-light-grey{
	background-color: #F4F4F4! important;
}

.bg-grey2{
	background-color: #EDEADC! important;
}

.bg-pink{
    background-color: #f6e0e8! important;
}

.bg-blue{
    background-color: #deeaf0! important;
}


.rosa-iconbox-img{
	height: 80px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.rosa-iconbox-img img{
	max-height: 70px;
	width: auto;
}






.mako-type-img, .mako-type-desc{
	float: left;
}

.mako-type-img{
	width: 25%;
}

.mako-type-desc{
	width:75%;
	padding:0 15px;
}

.robotarm-icon{
	width: 60px;
    float: left;
    text-align: center;
}

.robotarm-desc{
	float: left;
    width: calc(100% - 70px);
    margin-left:10px;
    min-height: 60px;
    align-items: center;
    display: flex;
    vertical-align: middle;
}

.robotarm-icon img{
	max-height: 60px;
}

.robotarm-icon2 {
    width: 100%;
    max-width: 150px;
    float: left;
    text-align: center;
    margin-bottom: 15px;
}

.robotarm-desc2 {
    float: left;
    text-align: center;
    width: 100%;
    max-width: 150px;
}

.darken{
	mix-blend-mode: darken;
}

#particle-canvas {
  width: 100%;
  height: 100%;
}

.content-wrap4{
	position: relative;
	padding: 60px 0 30px !important;
	z-index: 21;
}

.content-wrap2{
    padding: 60px 0;
}

.content-wrap-100{
    padding: 100px 0;
}


.content-wrap-30{
    padding: 30px 0 !important;
}

.content-wrap-30-0{
    padding: 30px 0 0!important;
}

.content-wrap-30-60{
    padding: 30px 0 60px;
}


.content-wrap-0-30{
    padding: 0px 0px 30px;
}


.content-wrap5{
	position: relative;
	background-color: transparent! important;
	padding: 0px !important;
	z-index: 21;
    margin-top: -220px;
}

.content-wrap-top{
    margin-top: -60px;
    padding: 00px 0px 30px;
}

#particle-canvas {
	width:100%;
	height:680px;
}

#particle-canvas.h-850 {
	width:100%;
	height:850px;
}

#particle-canvas.h-800 {
	width:100%;
	height:900px;
}

#particle-canvas2 {
	width:100%;
	height:800px;
}

#particle-canvas3 {
	width:100%;
	height:500px;
}

#particle-canvas canvas, #particle-canvas2 canvas, #particle-canvas3 canvas{
	position: absolute! important;
    top: 0;
}

#oc-images-doctor .owl-stage-outer, #oc-hospital .owl-stage-outer{
	overflow: visible;
}

/*button*/

.themebtn{
	padding: 8px 30px;
    display: inline-block;
    text-align: center;
    background: #fff;
    color: #ec2227;
    border: 1px solid #fff;
}

.themebtn-trans{
    padding: 8px 30px;
    display: inline-block;
    text-align: center;
    background: transparent;
    color: #ec2227;
    border: 1px solid #ec2227;
}

.themebtn-full{
	padding: 10px 20px;
	display: block;
	width: 100%;
    text-align: center;
    background:#fff;
    color: #555;
}

.themebtn2{
    padding: 8px 30px;
    display: inline-block;
    text-align: center;
    background: #ec2227;
    color: #fff;
    border: 1px solid #ec2227;
}

.themebtn:hover, .themebtn-trans:hover{
	background: #9f0000;
    border: 1px solid #9f0000;
	color: #fff;
	text-decoration:none! important;
}

.themebtn-full:hover, .item:hover .themebtn-full{
    background-color: #e32d2c;
    color: #fff;
    text-decoration:none! important;
}

.themebtn2:hover{
    background:#9f0000;
    border:1px solid #9f0000;
    color:#fff! important;
    text-decoration: none! important;
}

.black{
    color: #000
}

.white-i{
    color:#fff! important;
}

.white-link{
	color: #fff;
}

.white-link:hover{
	color: #ee7598;
	text-decoration:none! important;
}

.dark-link{
    color: #555;
}

.dark-link:hover{
    color: #ed1c24;
    text-decoration:none! important;
}

.theme-link{
	color: #555;
	position: relative;
    display: inline-block;
    text-decoration:none! important;
}

.theme-link:hover{
	color: #555;
    text-decoration:none! important;
}

.theme-link:before{
	content: "";
    position: absolute;
    bottom: -8px;
    width: 90px;
    height: 2px;
    margin: 2px 0 0;
    transition: all 0.2s ease-in-out;
    transition-duration: 0.75s;
    opacity: 1;
    background-color: #b29262;
    left: 0;
}

.theme-link:hover:before {
	width: 120px;
	background-color: #29ade2;
}

.theme-link2{
	color: #555;
	position: relative;
    display: inline-block;
}

.theme-link2:hover{
	color: #29ade2;
}

.trans-link3:before, .trans-link3:focus, .trans-link3:hover {
    background: #3498db;
}

.trans-link3:before{
	content: "";
    display: block;
    width: 85%;
    height: 65%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transition: all 400ms cubic-bezier(.32,1.25,.1,1.47);
    -moz-transition: all 400ms cubic-bezier(.32,1.25,.1,1.47);
    transition: all 400ms cubic-bezier(.32,1.25,.1,1.47);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
      z-index: 7;
}

.trans-link3{
    text-transform: uppercase;
    position: relative;
    transition: all 225ms ease;
    border: none;
    border-radius: 2px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    background: #2980b9;
    -webkit-transition: background 225ms ease!important;
    -moz-transition: background 225ms ease!important;
    transition: background 225ms ease!important;
    text-decoration: none;
    width: 180px;
    line-height: 50px;
    height: 50px;
    z-index: 7;
    bottom: 20px;
}

.trans-link3 span{
	z-index: 8;
    position: relative;
        color: #fff;
    text-align: center;
}

.trans-link3:focus:before, .trans-link3:hover:before {
    height: 105%;
    width: 105%;
}

.trans-link4:before{
	content: "";
    display: block;
    width: 90%;
    height: 65%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transition: all 400ms cubic-bezier(.32,1.25,.1,1.47);
    -moz-transition: all 400ms cubic-bezier(.32,1.25,.1,1.47);
    transition: all 400ms cubic-bezier(.32,1.25,.1,1.47);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
      z-index: 7;
}

.trans-link4{
    text-transform: uppercase;
    position: relative;
    transition: all 225ms ease;
    border: none;
    border-radius: 2px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    background: #2980b9;
    -webkit-transition: background 225ms ease!important;
    -moz-transition: background 225ms ease!important;
    transition: background 225ms ease!important;
    text-decoration: none;
    width: 180px;
    line-height: 50px;
    height: 50px;
    z-index: 7;
    bottom: 0px;
}

.trans-link4 span{
	z-index: 8;
    position: relative;
        color: #fff;
    text-align: center;
}

.trans-link4:focus:before, .trans-link4:hover:before {
    height: 105%;
    width: 105%;
}

.trans-link4:before, .trans-link4:focus, .trans-link4:hover {
    background: #3498db;
}

.ping-top{
    display: block;
    position: relative;
    margin: 0 auto;
    bottom: -15px;
    transition: all .5s ease-in-out;
}

.ping-top:has(+ .trans-link4:hover) {
  bottom: 0px;
}

h4.machine-title{
	transition: all .5s ease-in-out;
}

.machine-box:hover h4.machine-title{
	color: #3498db;
}



.trans-link5:before{
	content: "";
    display: block;
    width: 90%;
    height: 65%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transition: all 400ms cubic-bezier(.32,1.25,.1,1.47);
    -moz-transition: all 400ms cubic-bezier(.32,1.25,.1,1.47);
    transition: all 400ms cubic-bezier(.32,1.25,.1,1.47);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
      z-index: 7;
}

.trans-link5.w-100:before{
	width: 96%;
}


.trans-link5{
    text-transform: uppercase;
    position: relative;
    transition: all 225ms ease;
    border: none;
    border-radius: 2px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    background: #2980b9;
    -webkit-transition: background 225ms ease!important;
    -moz-transition: background 225ms ease!important;
    transition: background 225ms ease!important;
    text-decoration: none! important;
    width: 220px;
    line-height: 50px;
    height: 50px;
    z-index: 7;
    bottom: 0px;
    display: block;
}

.trans-link5 span{
	z-index: 8;
    position: relative;
    text-align: center;
    font-size: 16px;
}

.trans-link5:focus:before, .trans-link5:hover:before {
    height: 105%;
    width: 105%;
}

.trans-link5:before, .trans-link5:focus, .trans-link5:hover {
    background: #3498db;
    text-decoration:none! important;
}

.mg-auto{
	margin:0 auto;
}

.mg-10-auto{
    margin:10px auto;
}

.ml-15{
	margin-left: 15px;
}

.pl-10{
	padding-left: 10px;
}

.pl-30{
	padding-left: 30px;
}

.pl-45{
    padding-left: 45px;
}

.pl-50{
    padding-left: 50px;
}

.pt-10{
	padding-top: 10px;
} 

.pt-30{
	padding-top: 30px;
} 

.pt-45{
	padding-top: 45px;
} 

.pt-50{
	padding-top: 50px;
}

.pl-15{
	padding-left: 15px;
}

.pr-6pc{
	padding-right: 6%;
}


.pr-10{
	padding-right: 10px;
}

.pr-20{
    padding-right: 20px;
}

.pr-15{
	padding-right: 15px;
}

.pr-30{
	padding-right: 30px;
}

.pr-45{
    padding-right: 45px;
}

.pr-50{
    padding-right: 50px;
}

.pb-50{
    padding-bottom: 50px;
}

.mh-25{
	max-height: 25px;
	width: auto;
}

.min-h-45{
    min-height: 45px;
}

.mh-48, .min-h-48{
	min-height: 48px;
	width: auto;
}



.min-h-90{
    min-height: 90px;
    height:auto;
}

.mh-120{
	min-height: 120px;
	height:auto;
}

.min-h-200{
    min-height: 200px;
    height:auto;
}

.min-h-250{
    min-height: 250px;
    height:auto;
}

.min-h-300{
    min-height: 300px;
    height:auto;
}

.min-h-335{
    min-height: 350px;
    height:auto;
}

.mh-475{
	min-height: 475px;
}

.mh-350{
	min-height: 350px;
}

.mh-315{
	min-height: 315px;
}

.maxh-100px{
    max-height: 100px;
    width: auto;
}

.h-120{
    height:120px;
}

.w-30{
	width: 30px;
	height: auto;
}

.pos-absolute{
	position: absolute;
}

.pos-relative{
	position: relative;
}

.float-left{
	float:left;
}

.location-desc{
	float:left;
	width: calc(100% - 30px);
}

.blue-bg{
	background-color: #ee7598! important;
}

.white-bg{
	background-color: #fff;
}

.polygon-container {
  position: relative;
  height: 250px;
  width: 250px;
  margin:0 auto;
}

.polygon-container2 {
  position: relative;
  height: 300px;
  width: 300px;
}

.polygon {
  background: transparent;
  height: 265px;
  clip-path: polygon(80% 0%, 100% 20%, 100% 100%, 20% 100%, 0% 80%, 0 0);
  /*border: 1px solid grey;*/
}

.polygon2 {
  background: transparent;
  height: 100%;
  clip-path: polygon(80% 0%, 100% 20%, 100% 100%, 20% 100%, 0% 80%, 0 0);
}

.small-polygon {
  position: absolute;
  background: white;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  clip-path: polygon(80% 0%, 100% 20%, 100% 100%, 20% 100%, 0% 80%, 0 0);
}


/*slider doc*/

.polygon-container3 {
  position: relative;
  height: 212px;
  width: 212px;
}

.polygon3{
    background: transparent;
    height: 212px;
    width: 212px;
    clip-path: polygon(80% 0%, 100% 20%, 100% 100%, 20% 100%, 0% 80%, 0 0);
    /* border: 1px solid grey; */
}

.blueBottomLine{
	border-top: 2px solid #29ade2;
    width: 70px;
    margin-top: 10px;
}

.red{
	color: #e32d2c;
}

.w-20{
    width: 20%;
}

.w-25{
    width: 25%;
}

.w-25-full{
    width: 25%;
    float: left;
}

.w-33-full{
    width: 33.333333%;
    float: left;
    padding-left:10px;
    padding-right: 10px;
}

.w-66-full{
    width: 66.666666%;
    float: left;
    padding-left:10px;
    padding-right: 10px;
}


.w-25px{
    width: 25px;
}

.w-35{
    width: 35%;
}

.w-50{
	width: 50%;
}

.w-50px{
    width: 50px;
}

.w-calc-50{
    width: calc(100% - 50px);
}

.w-65{
    width: 65%;
}

.w-70{
    width: 70%;
}

.w-75{
    width: 75%;
}

.w-75-full{
    width: 75%;
    float: left;
}


.w-80{
	width: 80%;
}

.w-90{
    width: 90%;
}

.w-100{
	width: 100%;
}

.w-300px{
	width: 300px;
}

.w-350px{
	width: 350px;
}

.w-flex-35{
    flex: 0 0 35%;
}

.w-flex-65{
    flex: 0 0 65%;
}

.h-100{
	height: 100%;
}

.h-100-i{
    height: 100%! important;
}

.h-100px{
    height: 100px;
}

.doc-desc2 a {
    color: #555;
    text-decoration: none! important;
}

.font-14{
    font-size: 14px;
}

.font-16{
    font-size: 16px;
}

.font-20{
	font-size: 20px;
}

.font-35{
	font-size: 35px;
}

.font-65{
    font-size: 65px;
    line-height: 1.3;
}

/* contact us page*/
.info-icon{
	width:50px;
	height:auto;
}
.info-icon img{
	max-height: 40px;
	width: auto;
	max-width: 40px;
}
.info-desc{
	width:calc(100% - 50px);
	height: 40px;
    display: table;
    align-items: center;
    padding-left: 10px;
}

.info-desc p, .info-desc a{
	font-size: 14px;
	font-family: 'Opensans Medium', sans serif;
}

.dis-block{
	display: block;
}

.dis-inline-block{
	display: inline-block;
}

.flex-middle{
	display: flex;
    align-items: center;
    vertical-align: middle;
  /*  height: 100%;*/
}
/*footer*/

.widget_links a:hover{
	color:#fff !important;
	text-decoration:underline !important;	
}

#footer {
	margin-top:0 !important;
}

.info1_div.special {
	float:left;
	width:20px;
	color:#888;
	font-size:13px;
	line-height:1.2;
}
.info3_div.special {
	float:left;
	color:#888;
	font-size:13px;
	width:calc(100% - 20px);
	line-height:1.2;
}



.icon-call:before{
	color:#555;
}

.patientbox-desc{
	background: #fff;
    padding: 20px;
    position: relative;
    width: 100%;
    min-height: 200px;
    border: 1px solid #ececec;
}

#oc-slider2 .owl-dots{
	margin-top: 30px;
}

.surgery-desc{
	text-align: center;
	min-height: 50px;
    margin-top: 15px;
}

.link-absolute{
	position: absolute;
	bottom: 20px;
	left:20px;
	
}

/*hide scrollbar when animation*/
table.transparent-table{
	overflow: hidden;
}

table.transparent-table tr{
	background-color: transparent! important;
}

table.transparent-table td{
	border: none;
	padding: 10px 5px;
}

table.transparent-table td.w-30px{
	width:30px;
	line-height: 1;
}

table.transparent-table td.w-40px{
	width:40px;
	line-height: 1;
}

table.table-p-mb-0 p{
    margin-bottom: 0px;
}



.pd-20{
    padding:20px! important;
}

.pd-30{
    padding:30px! important;
}

.pd-30-30-0{
    padding:30px 30px 0! important;
}

.pd-20-10{
	padding:20px 10px! important;
}

.pd-30-20{
    padding:30px 20px! important;
}

.pd-40-30{
    padding:40px 30px! important;
}

.pd-50{
    padding:50px;
}

.linear-transparent{
	background: linear-gradient( 170deg, transparent 0%, transparent 50%, white 50%, white 100% );
}

.trangle-shape-bottom-right{
	clip-path: polygon(0 0, 100% 0%, 100% 65%, 0 90%);
}

.trangle-shape-bottom-left {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 75%);
}

.bold{
	font-weight: 600;
}

.pos-abso-top{
	position: absolute;
    top: 0;
    z-index: 99999;
    margin: 0 auto;
    width: 100%;
    padding: 60px 0 30px! important;
}

.machine-img{
	max-height: 450px;
	transition: all .5s ease-in-out;
	margin-bottom: 10px;
}

.machine-img img{
	max-height: 450px;
	width: auto;
}

.machine-box{
	margin-top: 50px;
}

.minh-50{
	min-height: 50px;
}

.minh-325{
    min-height: 325px;
}

.minh-400{
    min-height: 400px;
}


.machine-img:has(+ .machine-desc:hover), .machine-box:hover .machine-img{
	transform:scale(1.05);

}

ul.pos-relative{
	position: relative! important;
	top: auto! important;
	left: auto! important;
	display: block! important;
	border-top:1px solid #cecece! important;
}

.nav-redline:before{
	content:" ";
	  display: block;
	  height: 2px;
	  width: 30px;
	  position: absolute;
	  top: 50%;
	  left: 15px;
	  background: #e32d2c! important;
}

#primary-menu ul ul a.nav-redline{
	padding-left: 55px! important;
}

#primary-menu > div > ul > li:hover a.nav-redline{
	padding-left: 60px! important;
}

.award-box, .surgery-box, .surgery-image, .surgery-desc h4, #oc-slider2 .oc-item .imgbox img{
	transition: all .5s ease-in-out;
}

.award-box:hover{
	transform: scale(1.05);
}

.surgery-box:hover .surgery-image{
	transform: scale(0.95);
}

.surgery-box:hover .surgery-desc h4{
	color:#ee7598;
}

#oc-slider2 .oc-item .imgbox{
	overflow: hidden;
}

#oc-slider2 .oc-item .imgbox img{
	transform: scale(1.05);
}

#oc-slider2 .oc-item:hover .imgbox img{
	transform: scale(1);
}

a{
	transition: all .5s ease-in-out! important
}

#logo img{
    padding: 15px 0;
}

.contactmenu{
    float: right! important;
    background-color: #ec2227;
    padding: 0 35px;
}

.contacta{
    padding-right:0px! important;
}

.contactmenu:hover a{
    color: #fff! important;
}



#oc-doctor .polygon-container{
    height: 250px;
    width: 250px;
    margin: 0 auto;
}

a.homeicon{
    padding-right:0px! important;
}

.line-limit-5{
     overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 5; /* number of lines to show */
           line-clamp: 5; 
   -webkit-box-orient: vertical;
}

.mh-oldman{
    max-width:240px;
}

.background-linear-gradient-white{
    background: linear-gradient(45deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 40%, rgba(255,255,255,0) 100%);
}

.header-pin{
    margin-right:5px;
}

.spec-box{
    /*background-color: rgb(178 146 98 / 20%);*/
    /*padding: 8px 10px;*/
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 13px;
    letter-spacing: 0px;
}

.spec-box span{
    color: #ee7598;
    font-family: Opensans Regular, sans-serif;
    background-color: rgb(39 170 225 / 10%);
    padding: 8px 10px;
    display: inline-block;
    line-height:1.5;
}

.futura-book, opensans-regular{
        font-family: 'Opensans Regular';
}

.ml--30{
    margin-left:-30px;
}

.pl-20i{
    padding-left:20px! important;
}

.td-valign-middle tr td, .valign-middle{
    vertical-align:middle;
}

.list-inside{
    list-style-position:inside;
}

.dark-blue-tr td, .dark-blue-bg{
    background-color: #101142;
}

.state-title{
    text-align:center;
    padding:10px;
    color:#fff;
}

.state-title2{
    text-align:center;
    padding:20px;
    color:#fff;
}

.state-desc{
    text-align:center;
    padding:10px;
    min-height:120px;
    display:flex;
    align-items:center;
    border: 1px solid #dee2e6;
}

.dark-blue-td{
    background-color: #101142;
    color:#fff;
}

.box-shadow{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.row-ml-mr-30{
    margin-left: 30px;
    margin-right: 30px;
}

.row-ml-mr-15{
    margin-left: 15px;
    margin-right: 15px;
}

.branch-desc{
    padding:30px;
}

.child-no-pd table td{
    padding:0px;
}

.semi-grey{
    color:#55555580;
}

.inner-table-mb-0 table{
    margin-bottom: 0px;
}

.branch-box-1, .branch-box-1 table{
    background-color: #d3c6b4 ! important;
}
.branch-box-2, .branch-box-2 table{
    background-color: #d3c6b4 ! important;
}
.branch-box-3, .branch-box-3 table{
    background-color: #d3c6b4 ! important;
}
.branch-box-4, .branch-box-4 table{
    background-color: #d3c6b4 ! important;
}

.branch-desc{
    min-height: 615px;
}

/*.branch-desc p, .branch-desc h4, .branch-desc table td, .branch-desc a{*/
/*    color:#fff;*/
/*}*/

.branch-desc h5{
    color:#ec2227;
    margin-bottom: 5px! important;
}

.branch-desc .font-14 p{
    font-size:14px! important;
}

.font-dinbold{
    font-family: DIN2014 Bold, sans-serif;
}

.bg-brown{
    background-color: #d3c6b4 ;
}

.success-desc{
    text-align: center;
    padding:30px 20px;
    border-radius: 20px 20px 0 0;
}

.success-img{
    border-radius: 0 0 20px 20px;
}

.li-decimal{
    list-style-type: decimal;
}

.li-left{
    text-align: left;
}

hr.hr-50{
    margin-top: 50px;
    margin-bottom: 50px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.line-red-center{
    width: 100px;
    text-align: center;
    border-bottom: 2px solid #ee7598;
    margin: 0 auto 30px;
}


/*doctor listing search bar*/
 form#doctorsearch {
    box-shadow: 4px 6px 5px 0px #e9e9e9;
}
.doctor_info {
    float: left;
    width: 100%;
    height: 55px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.doctor_info .doctor-grid-1 {
    width: 35%;
    float: left;
}
.doctor_info .doctor-grid-2 {
    width: 45%;
    float: left;
}
.doctor_info .doctor-grid-3 {
    width: 20%;
    float: left;
}
select#centre_select, select#bookCat_select {
    background-color: #fff!important;
    color: #536776;
    font-family: 'Opensans Medium', sans-serif;
    font-size: 20px;
    border: 1px solid #eff1f6;
}
#docSubmit {
    color: #ffffff;
    background: #e12454;
    position: relative;
    width: 100%;
    height: 100%;
    font-size:20px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

#docName{
    font-size:20px;
}
.only-2{
     overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.only-3{
     overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* doctor listing  detail*/
.doctor-img{
    justify-content: center;
    display: flex;
    padding-top: 30px;
    padding-bottom: 30px;
}

.doctor-img2{
    justify-content: center;
    display: flex;
}

.doc-circle{
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #ee7598;
    height: 220px;
    width: 220px;
    text-align: center;
    background-color: #fff;
}
.doc-circle img{
    max-height: 220px;
    width: auto! important;
}
.doctor-desc{
    padding-bottom: 30px;
    text-align: center;
    min-height: 150px;
    padding-left: 10px;
    padding-right: 10px;
}
.doctor-grid{
    background-color: #f7fafc;
    border: 1px solid #e7e7e7;
    position: relative;
    /*border-top: 1px solid #e7e7e7;*/
}

.doctor-grid .overlay-box {
    opacity: 0;
    height: 100%;
    width: 100%;
    background-color: #ee7c9c;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 1s;
    position: absolute;
    z-index: 9;
    top:0;
}
.doctor-grid:hover .overlay-box {
    opacity: 1;
}
.pink-link {
    padding: 12px 20px;
    color: #fff;
    background-color: #ee7c9c;
    display: block;
    width: 180px;
    text-align: center;
    border: 1px solid #fff;
}
.pink-link:hover {
    background: #ed1c24;
    color: #fff;
    border: 1px solid #ed1c24;
}

.bg-light-blue{
    background-color:#f7fafc;
}

.bg-light-pink{
    background-color:#fff8fa;
}

.bg-medium-pink{
    background-color:#fdecf1;
}

.doc-bdr-pink{
    border: 2px solid #f3a8be;
}

.floatl{
    float: left;
}
.floatr{
    float: right;
}

.dis-flex{
    display: flex;
}

.flex-wrap{
    flex-wrap: wrap;
}

.overflow-hidden{
    overflow: hidden;
}

.line-bottom-grey{
    border-bottom: 1px solid #e1e1e1;
}

.text-style{
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
.num-style{
    display: inline-block;
    border: 1px solid #ee7598;
    line-height: 50px !important;
    background-color: #ee7598 !important;
    color: #fff;
    text-shadow: none;
    font-size: 35px;
    line-height: 1.3;
    padding:0px 15px;
    border-radius: 30px;
    margin-bottom: 20px;
    box-shadow: 0 0 0 10px rgb(238 117 152 / 20%);
}
.step-box{
    padding:20px 10px;
    background-color:#fff;
}
.step-desc {
    padding:0 10px;
}
.border-dashed{
    border-bottom: 2px dashed #f6bacb;
}
.z-high{
    z-index: 10;
}
.z-low{
    z-index: 1;
}
.top-50{
    top:45%;
}

.bgphoto-box{
    border: 1px solid #cecece;
    border-radius: 10px;
}

.pos-bottom-left{
    position: absolute;
    bottom: 0;
    left: 0;
}

.pos-relative-bottom-left{
    position: relative;
    bottom: 0;
    left: 0;
}

.pos-absolute-b-40-l-30{
    position: absolute;
    bottom: 40px;
    left: 30px;
}


.centre-container p{
    margin-bottom: 20px;
}

.centre-container p:last-child{
    margin-bottom: 0px;
}

.full-container{
    max-width:100%;
    padding-left: 30px;
    padding-right: 30px;
}

.full-container-1600{
    max-width:1600px;
    width:100%;
    padding-left: 30px;
    padding-right: 30px;
    margin:0 auto;
}

.full-container-by-mg{
    max-width:100%;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
}

.full-container-enquiry{
    max-width:100%;
    margin:30px;
    
}

.col-1-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.pl-pr-15{
    padding-right: 15px;
    padding-left: 15px;
}

.mg-0-auto-10{
    margin:0 auto 10px;
}

.circle-box{
    border-radius: 50%;
    text-align: center;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    height: 230px;
    width: 230px;
    display: flex;
    justify-content: center;
    transition: all .5s;
}
.pd-radius{
    display: inline-block;
    padding: 0px 10px;
    border-radius: 20px;
    background-color: #ee7598;
    color: #fff;
    margin-bottom: 10px;
}

.circle-box img{
    filter: invert(100%) sepia(0%) saturate(300%) hue-rotate(100deg) brightness(100%) contrast(100%);
}

.circle-box:hover{
    background-color: #ee7598;
}


.circle-box:hover .pd-radius{
    background-color: #fff;
    color: #e32d2c;
}

.circle-box:hover img{
    /*filter: invert(32%) sepia(9%) saturate(3207%) hue-rotate(112deg) brightness(100%) contrast(100%);*/
    filter: opacity(1) drop-shadow(0 0 0 white);
}

.circle-box:hover p, .circle-box:hover p{
    color: #fff! important;
}

.left-red-line{
    border-bottom: 2px solid #e32d2c;
    display: block;
    height: 15px;
}

.bdr-0-10-10-0{
    border-radius: 0 10px 10px 0;
}

.bdr-10-0-0-10{
    border-radius: 10px 0 0 10px;
}

.lg-pd-0 {
    padding: 0;
}

.ml--15{
    margin-left: -15px;
}

.mr--15{
    margin-right: -15px;
}

.mr-15{
    margin-right:15px;
}

.mr-30{
    margin-right:30px;
}

.mr-50{
    margin-right:50px;
}

.event-desc{
    padding: 30px 20px;
    width:90%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin:0 auto;
    min-height: 250px;
    position: relative;
    top: -80px;
    margin-bottom:-80px;
    background-color: #fff;
}

.event-box, .blog-listing{
    margin-bottom: 50px;
}

.mb-25{
    margin-bottom: 25px;
}

.lh-1dot5{
    line-height: 1.5;
}
.lh-1dot8{
    line-height: 1.8;
}

.overlay{
    position: absolute; 
    bottom: 0; 
    width: 100%;
    transition: .5s ease;
    height: 100%;
    overflow:hidden;
}
.overlay-text{
    position: absolute;
    bottom: -20%;
    width: 100%;
    transition: .5s ease;
    opacity: 1;
    color: white;
    font-size: 15px;
    padding: 80px 20px 30px;
    text-align: left;
    background: linear-gradient(180deg,  rgb(0,0,0,0.0) 1%, rgba(0,0,0,0.2) 20%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.6) 100%);
}

.overlay p{
    margin-bottom: 10px;
}
.overlay-hidetext{
    opacity: 0;
    transition: .5s ease;
}

.box-overlay:hover .overlay-text{
    bottom: 0%; 
}

.box-overlay:hover .overlay-hidetext{
    opacity: 1;
}

.overlay-text2{
    position: absolute; 
    bottom: -45%; 
    width: 100%;
    transition: .5s ease;
    opacity:1;
    color: white;
    font-size: 15px;
    padding: 80px 20px 50px;
    text-align: left;
    background: linear-gradient(180deg,  rgb(0,0,0,0.0) 1%, rgba(0,0,0,0.2) 20%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.6) 100%);
}

.box-overlay:hover .overlay-text2{
    bottom: -10%; 
}

.overlay-text3, .overlay-text4{
    position: absolute;
    bottom: -37%;
    width: 100%;
    transition: .5s ease;
    opacity: 1;
    color: white;
    font-size: 15px;
    padding: 80px 20px 30px;
    text-align: left;
    background: linear-gradient(180deg, rgb(0,0,0,0.0) 1%, rgba(0,0,0,0.2) 20%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.6) 100%);
}

.overlay-text3:hover{
    bottom: 0%;
}

.overlay-text3 a{
    text-decoration: none! important;
}

.overlay-text3 a.underline{
    text-decoration: underline! important;
}

.col_half{
    position: relative;
}

.post-grid .entry-title h2{
    font-size: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

#posts .entry-content p{
    min-height: 38px;
}

.col_half {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.blog-img{
    width: 120px;
    min-height: 120px;
    float: left;
}
.blog-desc{
    width: calc(100% - 120px);
    float: left;
    padding-left: 10px;
}
.blog-listing{
    clear: both;
    display: flex;
    margin-bottom: 30px;
}

.bottom-0-auto-mr-ml-50{
    bottom: 0;
    width: calc(100% - 100px);
    left: 0;
    right: 0;
    margin-left: 50px;
    margin-right: 50px;
}

.bottom-0-auto{
    bottom: 0;
    width: calc(100%);
    left: 0;
    right: 0;
}

.border-white-red{
    border:2px solid #e2e2e280;
    transition: all .5s;
}

.border-white-red:hover{
    border: 2px solid #e32d2c;
}

.glass-bg{
    /*backdrop-filter: blur(5px);*/
    background-color: #ffffff99;
    transition: all .5s;
}

.glass-bg:hover{
    /*backdrop-filter: blur(10px);*/
}

.mt-5px{
    margin-top: 5px;
}

.mt-75{
    margin-top: 75px;
}

.mt-100{
    margin-top: 100px;
}

/*homepage*/

.div-left-baby{
    max-width: 350px;
    float: left;
}
.div-right-baby{
    max-width: 350px;
    float: right;
    text-align: right;
}
.div-left-baby .icon-img, .div-right-baby .icon-img{
    width: 45px;
}
.div-left-baby .icon-title, .div-right-baby .icon-title{
    width: calc(100% - 45px);

}
.div-left-baby .icon-img img, .div-right-baby .icon-img img{
    width: 45px;
    height: 45px;
}

.centre-desc{
    padding:30px 20px;
    text-align: center;
}

.content-wrap{ background-color: #fff;}

.red-line-bottom{
    width: 150px;
    margin: 0 auto;
    border-bottom: 2px solid #e32d2c;
}

.red-line-vertical{
    height: 75px;
    margin: 0 auto;
    width: 1px;
    border-right: 2px solid #e32d2c;
}

#copyrights a:hover{
    color: #fff;
    text-decoration: underline! important;
}


.event-img{
    height:250px;
}

.baby-position{
    z-index:10;
    position: absolute;
    max-height: 500px;
    bottom: 10px;
    margin: 0 auto;
    text-align: center;
    left: 0px;
    right: 0;
    top: 0;
}

.cloud-position {
    position:absolute;
    top: 315px;
    left: 26%;
    right: auto;
	transform: translatey(0px);
	animation: float 8s ease-in-out infinite;
	 z-index:12;
}

.cloud-position2 {
    position:absolute;
    top: 50px;
    left: 0px;
    right: 0;
    margin: 0 auto;
    z-index:8;
	transform: translatey(0px);
	animation: float2 6s ease-in-out infinite;
}

.cloud-position3 {
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index:8;
    position:absolute;
    top: 300px;
	transform: translatey(0px);
	animation: float3 6s ease-in-out infinite;
}

@keyframes float {
	0% {
		transform: translatex(0px);
	}
	50% {
		transform: translatex(-30px);
	}
	100% {
		transform: translatex(0px);
	}
}

@keyframes float2 {
	0% {
		transform: translatex(0px);
	}
	50% {
		transform: translatex(20px);
	}
	100% {
		transform: translatex(0px);
	}
}

@keyframes float3 {
	0% {
		transform: translatex(10px);
	}
	50% {
		transform: translatex(20px);
	}
	100% {
		transform: translatex(10px);
	}
}

ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a{
    background: #ec2227;
    color: #fff! important;
    border-color: #ec2227;

}

.circle-box:hover .btn-modal{
    color:#fff! important;
    text-decoration:underline! important;
}

.min-btn-175{
    min-width:175px;
}

.services-post h3, .technology-post h3{margin-bottom:5px;}

.award-box .award-title{
    padding:0 20px;
}

.photo-box .photo-desc{
    text-align: justify;
}

.line-white{
    margin-top: 5px;
    width: 80%;
    border-top: 3px solid #fff;
}

.brown-left, .brown-right{
    float:left;
    width: 50%;
}

.brown-left-line{
    text-align: center;
    float:left;
    width: 100px;
    padding: 10px;

}

.brown-left-text{
    padding-right: 100px;
    float:left;
    width: calc(100% - 100px);
    height: 100%;
    position: relative;
}

.brown-left h4{
    margin-bottom: 15px;
    font-size: 25px;
}

.brown-right{
    text-align: center;
}

.brown-box{
    padding: 50px;
    background-color: #b28a57;
    display: flex;
    min-height: 350px;
}

.abso-bottom{
    position: absolute;
    bottom: 0px;
}

.content-wrap-60-0 {
    padding: 60px 0 0;
}

.content-wrap-60-30 {
    padding: 60px 0 30px;
}

.content-wrap-0-60 {
    padding: 0 0 60px;
}


.red-bg{
    background-color: #ec2227;
    height:345px;
    border-radius: 5px;
    padding:20px;
}

.owl-red-box{
    width: 100%;
    padding: 20px;
    text-align: center;
    min-height:160px;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 5px;

}

/*.owl-red-box:hover{*/
/*    background-color: #b28a57;*/
/*}*/

.circle-icon{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: #EC2227;
    margin: 0 auto 10px;
    padding: 0px 5px;
}

.circle-icon img{
    max-height: 28px;
    width: auto;
}


/*.owl-red-box:hover .circle-icon{*/
/*    background-color: #fff;*/
/*}*/

.circle-icon img.white-show{
    display: block;
}
.circle-icon img.brown-show{
    display: none;
}

/*.owl-red-box:hover .circle-icon img.white-show{*/
/*    display: none;*/
/*}*/

/*.owl-red-box:hover .circle-icon img.brown-show{*/
/*    display: block;*/
/*}*/

#oc-area.owl-carousel .owl-stage-outer{
    cursor: default;
}

.right-border-line{
    border-right:1px solid #e6e6e6;
}

.mr-5px{
    margin-right: 5px;
}


ul.tab-nav:not(.tab-nav-lg) li a .show-normal{
    display: inline-block;
    transition: all .5s;
}

ul.tab-nav:not(.tab-nav-lg) li a .show-hover{
    display: none;
    transition: all .5s;
}

ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a .show-normal{
    display: none;

}

ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a .show-hover{
     display: inline-block;
}

.black-gradient{
    background: linear-gradient(180deg, rgba(31, 35, 44, 0) 0%, rgba(31, 35, 44, 0.4) 35%, rgba(31, 35, 44, 0.7) 65%, rgba(31, 35, 44, 1) 100%);
}

.abso-building{
    position: absolute;
    bottom: 0;
    padding:20px;
}

.flex{
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
}

.item {
    margin: 0 10px;
    flex-grow: 1;
    position: relative;
    transition: all .5s;
    min-height: 325px;
}

.item:first-child{
     flex-grow: 1.6;
}

.flex:hover > .sunmedbuilding:not(:hover){
     flex-grow: 1;
}

.item h4, .item p{
    transition: all .5s;
}

.item:hover {
    flex-grow: 1.6;
    background-color: #f10000;
}

.abso-building p, .abso-building h4{
    line-height: 1.2;
}


.limit-image{
    max-width: 150px;
    max-height: 75px;
}

.academic-box, .academic-image{
    overflow: hidden;
    transition: all .5s;
}

.academic-desc{
    border: 1px solid transparent;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all .5s;
}

.academic-desc:hover, .academic-box:hover .academic-desc{
    border: 1px solid #ac8c5e;
}

.academic-box .academic-image img{
     transition: all .5s;
}

.academic-box:hover .academic-image img{
    scale: 1.1;
}

.take-box{
    padding: 30px 30px 50px;
    transition: all .5s;
    border-radius: 10px;
}

.icon-top{
    display: flex;
    position: relative;
}
.icon-top-img{
    float: left;
    width: 120px;
}
.icon-top-title{
    float: left;
    width: calc(100% - 120px);
    align-items: center;
    display: flex;
    padding: 0 20px;
}
.icon-top-title p{
    color: #ac8c5e;
    font-family: 'Opensans SemiBold';
}
.icon-top-title .line-red{
    width: 80px;
    position: absolute;
    bottom: 0px;
    border-bottom: 2px solid #ec2227;
}

.icon-bottom{
    padding-top: 20px;
}
.flex-same-height{
    justify-content: space-between;
    display: flex;
}

.hr-brown{
    margin-top: 40px;
    margin-bottom: 40px;
    border: 0;
    border-top: 2px solid #ac8c5e;
}

.form-container-brown{
    background-color: #ac8c5e;
    padding: 30px 20px;
   
}

.outer-form{
    background-color: #fff;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; 
}

.overflow-visible{
    overflow: visible! important;
}

.blue-link{
    color: #00aeef;
}

.news-button{
    padding: 10px 20px;
    text-align: center;
    border:1px solid #ec2227;
    color: #ec2227;
    background-color: #fff;
    position: absolute;
    bottom: 30px;
    transition: all .5s;
}

.news-button:hover{
    background-color: #ec2227;
    color: #fff;
}

.line-news{
    border-top: 2px solid #ec2227;
    width: 80px;
    margin-bottom: 15px;
}

.pd-0-50-50-50{
    padding:0 50px 50px 50px;
}

.heading-h1 {
    width: 550px;
    position: absolute;
    top: 20%;
    margin-left: calc(50% - 585px);
}

.heading-h1 h1{
    color: #FFF;
    font-family: "SunwaySans_beta";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
h2.srcr-h2{
    font-size: 32px;
    font-weight: 700;
    color: #ec1f28;
}

h2.scrc-h2-grey{
    font-family: "SunwaySans_beta";
    font-size: 25px;
    font-weight: 700;
}

.right-gold-bg{
    background: #f5f4ed! important;
}

.overflow-v{
    overflow: visible! important;
}

.up-30{
    margin-top:-30px;
}
.up-60{
    margin-top:-60px;
}

.pos-gol-element{
    position: absolute;
    bottom: 0;
    right: 0;
}

.pos-gol-element2{
    position: absolute;
    top: 50%;
    right: 0;
}

.pos-gol-element3{
    position: absolute;
    top: 30%;
    right: 0;
}


.journey-right-box{
    padding:50px;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 2px 3px 10px 0 rgba(212, 212, 212, 0.25);
}

.border-left-journey{
    border-left: 4px solid #ec1f29;
}

.border-left-journey-white{
    border-left: 4px solid #fff;
}

.pl-20{
    padding-left: 20px;
}

h3.red-text-h3{
    font-size:28px;
    color: #ec1f28;
    font-weight: 700;
}

.redbutton-scrc{
    width: 100%;
    border-radius: 5px;
    background: #EC2227;
    color: #fff;
    display: inline-block;
    padding: 14px 23px;
    text-align: center;
    border: 1px solid #EC2227;
    transition: all .5s;
    font-weight:700;
}

.redbutton-scrc:hover{
    background: #fff;
    color: #EC2227;
}

.area-title-box{
    background-color: #ec1f28;
    height: 100%;
    padding: 30px 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    height: calc(100% - 56px);
}

#oc-area.owl-carousel .owl-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 20px;
    justify-content: flex-end;
}


#oc-area.owl-carousel .owl-nav [class*="owl-"], #oc-area.owl-carousel .owl-nav [class*="owl-"]:hover {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    transform: none;
    position: relative;
    display: block;
    filter: invert(87%) sepia(78%) saturate(2%) hue-rotate(357deg) brightness(160%) contrast(101%);
}

#oc-area.owl-carousel [class^="icon-line-"]{    
    font-size: 34px;
}

.owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled{
    display:block! important;
    opacity: 0.5;
}

#pos-relative{
    position: relative;
}

.content-wrap-30{
    position: relative;
    padding: 30px 0;
}

.partner-col{
    padding:30px;
    border: 0.5px solid rgba(206, 206, 206, 0.30);    /* default border */
}

/* ============================
   MOBILE < 767px (2 per row)
   ============================ */
@media (max-width: 767px) {

    .partner-col{
        border: 0px;    /* default border */
    }
}

/* ============================
   DESKTOP ≥ 768px (3 per row)
   ============================ */
@media (min-width: 768px) {

    /* Remove LEFT border for col 1,4,7,... */
    .partner-col:nth-child(3n+1) {
        border-left: none;
    }

    /* Remove RIGHT border for col 3,6,9,... */
    .partner-col:nth-child(3n) {
        border-right: none;
    }

    /* Remove TOP border for items 1–3 (first row) */
    .partner-col:nth-child(-n+3) {
        border-top: none;
    }

    /* Remove BOTTOM border for last row (last 3 items) */
    .partner-col:nth-last-child(-n+3) {
        border-bottom: none;
    }
}


.partner-col2 {
    border: 0.5px solid rgba(206, 206, 206, 0.30);
    padding: 30px;
}

/* ============================
   MOBILE < 768px (2 per row)
   ============================ */
@media (max-width: 767px) {

    .partner-col2 {
        border: 0px;
    }
}

/* ============================
   TABLET ≥ 768px (3 per row)
   ============================ */
@media (min-width: 768px) and (max-width: 991px) {

    /* Remove LEFT border for col 1,4,7,... */
    .partner-col2:nth-child(3n+1) {
        border-left: none;
    }

    /* Remove RIGHT border for col 3,6,9,... */
    .partner-col2:nth-child(3n) {
        border-right: none;
    }

    /* Remove TOP border for first row (items 1–3) */
    .partner-col2:nth-child(-n+3) {
        border-top: none;
    }

    /* Remove BOTTOM border for last row (last 3 items) */
    .partner-col2:nth-last-child(-n+3) {
        border-bottom: none;
    }
}

/* ============================
   DESKTOP ≥ 992px (4 per row)
   ============================ */
@media (min-width: 992px) {

    /* Remove LEFT border for col 1,5,9,... */
    .partner-col2:nth-child(4n+1) {
        border-left: none;
    }

    /* Remove RIGHT border for col 4,8,12,... */
    .partner-col2:nth-child(4n) {
        border-right: none;
    }

    /* Remove TOP border for first row (items 1–4) */
    .partner-col2:nth-child(-n+4) {
        border-top: none;
    }

    /* Remove BOTTOM border for last row (last 4 items) */
    .partner-col2:nth-last-child(-n+4) {
        border-bottom: none;
    }
}

.ml-5px{
    margin-left: 5px;
}

h1.scrc-h1{
    color: #FFF;
    font-family: "SunwaySans_beta";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.scrc-top-control{
    top:40%;
}

.border-5px{
    border-radius:5px;
}

.news-date{
    color:#8C8C8C;
}

#tab-participationform .equal-height, #tab-sites .equal-height{
    max-width: 1000px; 
    margin: 0 auto;
}

.minh-48{
    min-height:48px;
}

select.sm-form-control{
     min-height: 40px !important;
    -webkit-appearance: none; /* removes native style */
    appearance: none;
    /*background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'><path fill='black' d='M0 0l6 7 6-7z'/></svg>") no-repeat right 12px center;*/
    
    background: url(../../images/scrc/arrowdown3.png) no-repeat calc(100% - 10px) 50%;
    background-size: 10px 6px;
}

.max-w450-vm{
    max-width:450px;
    margin:0 auto;
}

.max-w500-vm{
    max-width:500px;
    margin:0 auto;
}

.maxw-90{
    max-width:90%;
}

/*end customize*/

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px;
        padding: 0 25px;
    }
}

@media (min-width: 992px) {
    .container, .container-md, .container-sm {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}

@media(min-width: 1600px){
    .baby-position{
        max-height: 700px;
        top: -100px;
    }
    .full-container-enquiry{
        min-height:500px;
        display: flex;
        align-items: center;
        justify-content:center;
    }
    ul.tab-nav:not(.tab-nav-lg) li a{
        padding:0 35px;
        height:45px;
        line-height:45px! important;
    }
}





@media(min-width: 1367px){
    .show-1367{
        display: block;
    }
    .show-1366{
        display: none;
    }
    .map-title{
        max-width: 1480px;
    }
    .show-1365{
        display: none;
    }
}

@media(max-width: 1466px){

    .brown-left-line{
        width: 50px;
    }

    .brown-left-text {
        padding-right: 50px;
        width: calc(100% - 50px);
    }

}

@media(max-width: 1366px){
    
    .bg-baby{
        min-height: 700px;
    }
    
    .bg-getintouch{
        min-height:420px;
    }
    
     .show-1367{
        display: none;
    }
    .show-1366{
        display: block;
    }
    .show-1365{
        display: none;
    }
    
    .min-h-335{
        min-height:400px;
    }
}
@media(max-width: 1365px){
     .show-1365{
        display: block;
    }
    .show-1366{
        display: none;
    }
    .hide-1365{
        display: none;
    }
}

@media(max-width: 1100px){
    .brown-box{
        padding:20px;
    }
}


@media (max-width:991px){
    
    #tab-participationform .w-65, #tab-participationform .w-35, #tab-sites .w-65, #tab-sites .w-35{
        width: 100%;
    }
    
    #tab-participationform .equal-height, #tab-sites .equal-height{
        display:block;
    }
    
    #tab-participationform .box-border-left, #tab-sites .box-border-left{
        border-radius:5px 5px 0 0;
    }
    
    #tab-participationform .box-border-right, #tab-sites .box-border-right{
        border-radius:0 0 5px 5px;
    }
    
    .pb-15-991{
        padding-bottom:15px;
    }
    
    .pt-15-991{
        padding-top:15px;
    }
    
    .mb-20-991{
        margin-bottom:20px;
    }
    
    .pt-0-991{
        padding-top:0;
    }
    .pd-0-991{
        padding:0;
    }

    .contactmenu{
        float: left! important;
    }


    .pb-30-991{
        padding-bottom: 30px! important;
    }

    .dis-block-991{
        display: block;
    }

    .item {
        width: calc(50% - 20px);
        float: left;
        display: block;

    }

    .col-1-3-991{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .blog-img{
        width: 160px;
        min-height: 160px;
    }

    .li-center-inside-991{
        text-align: center;
        list-style-position: inside;
    }
    .mb-30-991{
        margin-bottom: 30px;
    }
    .mb-50-991{
        margin-bottom: 50px;
    }
    .overlay-text2 {
        bottom: -37%;
    }
    .pos-relative-991{
        position: relative;
    } 
    .mt-30-991{
        margin-top: 30px;
    }
    .mt-50-991{
        margin-top: 50px;
    }
    .pb-0-991-i{
        padding-bottom: 0! important;
    }
    .min-h-335{
        min-height:460px;
    }
    .bottom-0-auto {
        bottom: auto;
    }
    .brown-box{
        min-height: auto;
        position: relative;
        height: 100%;    
        padding: 50px;
    }
    .brown-left, .brown-right {
        float: none;
        width: 100%;
    }
    .abso-bottom{
        position: relative;
        bottom:auto;
    }
    .brown-left-text {
        padding-right: 0px;
        width: 100%;
        text-align: center;
    }
    .center-991{
        text-align: center;
    }
}

@media (max-width:767px){
    
    .col-mb-6{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%! important;
        flex: 0 0 50%! important;
        max-width: 50%! important;
    }
    
    .bottom-border-line-767{
        border-bottom:1px solid #e6e6e6;
    }
    
    .slider-caption:not(.dark) span, .slider-caption:not(.dark) h2{
        font-size: 30px ! important;
        margin-bottom:15px! important;
    }
    .owl-carousel .owl-item img{
        /*max-height:35px;*/
    }
    
    .compli-bg{
        background-image: url(../../images/scrc/Home_AboutUs.png);
        padding-bottom:60px;
    }
    
    .sticky-sidebar{
        position:relative! important;
        top:0! important;
        height:auto! important;
    }
    
    .doc-button-mb a {
        width: calc(100% - 30px);
        margin: 0 15px 20px;
    }
    
    .doc-circle {
        height: 170px;
        width: 170px;
    }
    
    select#centre_select, select#bookCat_select, #docName{
        font-size:16px;
    }
    
     .mt-5-767{
         margin-top:5px;
     }
    
    .min-h-45-767{
       min-height:45px; 
    }
    
    .pl-0-767{
        padding-left:0px;
    }
    
    .pr-0-767{
       padding-right:0px; 
    }
    
    .mb-50-767{
        margin-bottom:50px;
    }
    
    .br-bottom-767{
        border-radius: 0 0 12px 12px;
    }
    
    .themebtn-trans{
        background: #ec2227! important;
        color: #fff! important;
    }
    .themebtn-trans:hover{
        background: #9f0000! important;
        color: #fff! important;
    }
    
    .overlay-text2 {
        bottom: -42%;
    }
    .centre-desc{
        padding:20px 10px;
    }
    .event-img{
        height:150px! important;
    }
    .full-container-enquiry{
        margin-left:15px;
        margin-right:15px;
    }
    .pt-30-767{
        padding-top:30px;
    }
    .pb-30-767{
        padding-bottom:30px;
    }
    .pb-30-767-i{
        padding-bottom:30px! important;
    }
    .pt-30-767-i{
        padding-top:30px! important;
    }
    .myPagination{
        text-align:center! important;
    }
    .brown-box{
        padding: 30px 20px;
    }
    .show-767{
        display: block;
    }
}

@media (min-width:480px){
    .show-479{
        display:none;
    }
}

@media (max-width:479px){
    
    .toggle.toggle-bg .togglet, .toggle.toggle-bg .toggleta{
        min-height: 80px! important;
    }

    .col-1-2-479{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    #footer .w-50-479{
        width: calc(50% - 20px);
        margin-left: 10px! important;
        margin-right: 10px;
        float: left;
    }

    .mb-10-479{
        margin-bottom: 10px;
    }
    
    .min-btn-175{
        min-width: 160px;
    }
    
    .blog-img {
        width: 160px;
        min-height: 100px;
    }
    .font-13-479{
        font-size:13px;
        margin-bottom:0px;
    }
    .min-h-70-479{
        min-height:70px;
    }
    
    .full-container-enquiry{
        padding:20px 0;
        height:220px;
    }



}

@media (min-width: 768px){
    
    #oc-area.owl-carousel .owl-dots{
        display:none;
    }
    
    .show-767{
        display: none;
    }

	.mobile-img{
		display: none;
	}

	.hide-desktop, .hide-desktop-flex{
		display: none;
	}
	
	.hide-mobile-flex{
	    display:flex;
	}

	.hide-mobile{
		display: block;
	}
	
	.desk-max-h-300{
	    max-height:275px;
	}
	
	br.mb-show{
		display: none;
	}
}

@media (min-width: 992px){
    
    .minh-48-992{
        min-height:48px;
    }
    
    .join-journey-bg{
        min-height:500px;
        background-image: url(../../images/scrc/join-journey.jpg);
        background-size: cover;
        padding: 60px 0px;
        background-position: 50% 25%;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
    }
    
    .pl-50-992{
        padding-left:50px;
    }
    
    .bdr-right-992{
        border-right:1px solid #cbcbcb;
    }
    
    .success-desc{
        min-height:320px;
    }

    .pl-0-992{
        padding-left: 0;
    }
    .pr-0-992{
        padding-right: 0;
    }

    .mt-100-992{
        margin-top: 100px;
    }

    .mt-50-992{
        margin-top: 50px;
    }

	.lg-pr-6pc{
		padding-right: 6%;
	}
	
	.lg-only-mb-50{
	    margin-bottom:50px;
	}
	.hide-991{
	    display:block;
	}
	.show-991{
	    display:none;
	}
    .ilg-pl-15 {
        padding-left: 15px! important;
    }
}

@media (min-width: 1200px){
    #particle-canvas.h-800{
        height:900px;
    }
    .show-1200{
        display: block;
    }

    .show-1199{
        display: none;
    }
    .pr-15-1200{
        padding-right: 15px;
    }
    .mt-100-1200{
        margin-top: 100px;
    }
    .mt-50-1200{
        margin-top: 50px;
    }

}

@media (max-width: 1199px){
    
    .scrc-container{
        padding:0 25px 40px;
    }
    
    
    .up-30{
        margin-top: -15px;
    }
    
    .scrc-top-control {
        top: 15%;
    }
    
    .bg-baby{
        min-height: 650px;
    }
    
    .pb-10-1199-i{
        padding-bottom:10px! important;
    }
    
    .bg-getintouch{
        background-image:none;
        min-height:auto;
    }

    .bg-baby2{
        min-height: 850px;
    }

    #centre ul.tab-nav.tab-nav2 li {
        width: calc(50% - 20px);
        margin-left: 10px! important;
        margin-right: 10px;
        margin-bottom: 10px! important;
    }

    .tab-container .tab-content{
        background-position: center left! important;
    }

    .dis-inline-block-1199{
        display: inline-block;
    }

    .branch-desc{
        min-height: 520px;
        margin-bottom: 30px;
    }

    .mr-0-1199{
        margin-right: 0px;
    }
    .ml-0-1199{
        margin-left: 0px;
    }

    .col-1-3-1199{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .w-100-1199{
        width: 100%;
    }

    .mt-50-1199{
        margin-top: 50px;
    }

    .div-right-baby{
        float: left;
    }

    .pl-15-1199{
        padding-left: 15px;
    }

    .show-1200{
        display: none;
    }

    .show-1199{
        display: block;
    }

    .bg-baby2{
        /*background-image: url(../../images/fertility/baby-1199.webp);*/
        background-image: url(../../images/fertility/baby-1199-new.jpg);
        background-position: center right;  
    }

    .full-container-by-mg{
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
    }

    .pl-30-1199{
        padding-left: 30px;
    }

    .div-left-baby, .div-right-baby{
        max-width: 50%;
        padding-right: 50px;
        float: none;
        /*background-color: #ffffff80;*/
        padding: 20px;
    }

    .mb-30-1199{
        margin-bottom: 30px;
    }

    .mb-0-1199{
        margin-bottom: 0px;
    }

    .justify-start-1199{
        justify-content: flex-start;
        text-align: left;
    }
    
    #particle-canvas{
        height: 730px;
    }
    
    .mh-oldman {
        max-width: 200px;
    }
    .mb-justify-center{
        justify-content:center;
    }
    .machine-img{
    	max-height: 350px;
    }
    
    .machine-img img{
    	max-height: 350px;
    }
    #particle-canvas.h-800 {
    	height:800px;
    }
    
}


@media (max-width: 991px){
    
    .flex-center-box{
        max-width: 255px;
        text-align: left;
        margin: 0 auto;
        justify-content: unset! important;
    }
    
    .join-journey-bg{
        padding-bottom:60px;
    }
    
    .journey-right-box {
        
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        padding-top:0px;
        padding-bottom:0px;
        padding-right: 15px;
        padding-left: 15px;
    }
    
    h1.scrc-h1{
        font-size:28px;
    }

    .pt-30-991{
        padding-top: 30px;
    }

    .clinicalbg{
        background-image: none;
        padding: 30px 0;
    }

    .content-wrap-top{
        margin-top:0px;
    }

    .w-flex-100-991{
        flex: 0 0 100%;
    }

    .pl-0-991{
        padding-left:0;
    }

    .pr-0-991{
        padding-right:0;
    }

    .pos-relative-mt-30-991{
        position: relative;
        margin-top: 30px;
    }

    .circle-box{
        height: 220px;
        width: 220px;
    }

    .circle-box img{
        height: 40px;
    }

    .bg-semi-white-991{
        background-color: #ffffff80;
    }

    .min-h-235-991{
        min-height: 315px;
    }
    
    .mh-oldman {
        max-width: 100%;
    }
    
    .swiper_wrapper .swiper-container {
        background-position: center;
    }
    
    .patientbox-desc{
        margin-bottom:50px;
    }
    
    .imgbox img{
        width:100%;
    }

	.lg-mt-30{
		margin-top: 30px! important;
	}

	.lg-pt-60{
		padding-top: 60px;
	}

	.lg-mt-mb-15{
		margin-top: 15px! important;
		margin-bottom: 15px! important;
	}

	.img-control{
		height: 450px;
	}

	br.lg-none, .hide-991{
		display: none;
	}
	
	.show-991{
	    display:block;
	}
	
	.pl-0-lg{
	    padding-left:0px;
	}
	
	.pr-0-lg{
	    padding-right:0px;
	}

	.lg-pl-0{
		padding-bottom: 0;
	}

	.bg-contact{
		background-image: none;
	}

	.bg-mako{
		background-image: none;
		background-color: #fff;
	}

	.mako-type-img{
		width: 175px;
	
	}
	.mako-type-desc{
		width: calc(100% - 175px);
		min-height: 175px;
		display: flex;
    	align-items: center;
	}

	.lg-dark{
		color:#555;
	}

	#bread_contact_banner{
		min-height: 150px;
	}
	.top-enquiry, .bottom-enquiry{
		height: 100%;
	    display: block;
	    width: 50%;
	    float: left;
	    padding: 30px 0;
	}
	.top-enquiry{
		border-bottom: 0px;
	}
	.bg-enquiry-sec{
		min-height: auto;
		padding: 30px 0;
	}
	.polygon3, .polygon-container3{
		height: 230px;
		width: 230px;
		margin: 0 auto;
	}

	#particle-canvas{
		height: 870px;
	}

	#particle-canvas.h-800{
		height: 830px;
	}
	.textCenter-991{
	    text-align:center;
	}
	.w-100-991{
    	width: 100%;
    }
    
    .w-100-991i{
    	width: 100%! important;
    }

    .mb-0-991-i{
        margin-bottom: 0px! important;
    }
    .hr-50{
        margin-bottom: 30px! important;
        margin-top: 20px! important;
    }

}

@media (max-width: 767px) and (min-width: 480px){
	.col-tab-6{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 50%! important;
	    flex: 0 0 50%! important;
	    max-width: 50%! important;
	}
	.polygon3, .polygon-container3 {
        height: 170px;
        width: 170px;
        margin: 0 auto;
    }
}

@media (max-width:767px){
    
    .limit-image{
        max-width: 125px;
        max-height: 60px;
    }
    .partner-col, .partner-col2{
        padding:10px;
        margin-bottom:20px! important;
    }
    
    
    
    .pt-30-767{
        padding-top:30px! important;
    }
    
    .pd-lr-0, .pd-lr-0-767{
        padding-left: 0px! important;
        padding-right:0px! important;
    }  
    
    .up-30 {
        margin-top: 0px;
    }
    
    .area-bg{
        padding-top:60px;
        padding-bottom:60px;
    }
    
    .scrc-top-control {
        top: 30px;
    }
    
    h1.scrc-h1 {
        font-size: 22px;
    }
    
    #slider .video-overlay {
            background: linear-gradient(90deg, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 60%, rgba(255,255,255,0) 100%);
    }
    
    #oc-area.owl-carousel .owl-dots{
        display:none;
    }
    
    .mb-10-767{margin-bottom:10px;}
    
    .w-100-767{
        width:100%;
    }
    
    .bg-international, .bg-financebox{background-image:none;}
    
    .mt-0-767{
        margin-top:0px! important;
    }
    
    .pt-30-767-i{
        padding-top:30px! important;
    }
    
    .pt-0-767{
        padding-top:0px;
    }
    
    .border-white-red:hover{
        border:1px solid #e2e2e280;
    }
    
    .mb-0-767{
        margin-bottom:0px! important;
    }
    
    .col-xs-12{
        -webkit-box-flex: 0;
	    -ms-flex: 0 0 100% ! important;
	    flex: 0 0 100% ! important;
	    max-width: 100% ! important;
	    margin-bottom: 30px;
    }
    
    .pl-15-767{
        padding-left:15px;
    }
    
    .pr-15-767{
        padding-right:15px;
    }
    
    .full-container{
        padding-left:15px;
        padding-right:15px;
    }
    
    .circle-box img{
        height:60px;
    }
    
    .font-16-767{
        font-size:16px;
    }
    
    .hr-50{
        margin-top: 0px! important;
    }
    
    .counter{
        font-size:40px;
    }
    
    #centre ul.tab-nav.tab-nav2 li{
        width: calc(100% - 20px);
    }
    
    .mb-30-767{
        margin-bottom:30px;
    }
    
    .mt-30-767{
        margin-top:30px;
    }
    
    .bg-baby{
        background-image: none;
        background-position:center bottom;
        /*min-height: 1220px;*/
        background-attachment: unset;
    }

    .div-left-baby, .div-right-baby{
        max-width: 100%;
    }

    .pd-40-30{
        padding:30px 15px! important;
        min-height:280px;
    }
    
    .pos-absolute-b-40-l-30{
        bottom: 30px;
        left: 0;
        right: 0;
        margin: 0 auto;
        position: absolute;
        max-width: 135px;
    }
    
    .min-h-auto-767{
        min-height:0! important;
    }

    .bg-baby2{
        /*background-image: url(../../images/fertility/baby-mb.webp);*/
        background-image: url(../../images/fertility/baby-mb-new.jpg);
        background-position: right bottom;
        min-height: 1300px;
    }

    .branch-desc{
        min-height: auto;
    }
    
    .pb-0-767{
        padding-bottom:0px! important;
    }

     .pd-20-767{
        padding:20px! important;
    }
    
    .pd-30-20-767{
        padding:30px 20px;
    }

    .min-h-auto-767{
        min-height: auto;
    }

   /* .bg-international{
        background-position: center left;
    }*/

    .w-100-767-i{
        width: 100%! important;
    }

    .textCenter-767{
        text-align: center;
    }
    
    .robotarm-bg3{
        background-position:center right;
    }
    
    .robotarm-desc2, .robotarm-icon2{
        max-width:100%;
        float:none;
    }
    
    .hide-mobile-flex{
	    display:none;
	}
	
	.hide-desktop-flex{
	    display:flex;
	}
    
    .spec-box{
        padding:5px 8px;
    }
    
    .mb-enquiry-block2{
        width:90%;
    }
    
    .mb-enquiry-block{
        width:100%;
    }
    
    table.maxw-110{
        margin: 0 auto;max-width: 110px;
        border:none;
    }
    
    .mb-center{
     text-align:center;   
    }
    .mb-ml-0{
        margin-left:0px;
    }
    
    .contact-icon2{
        width: 40px;
        margin-bottom: 15px;
        margin-left:5px;
        margin-right:5px;
    }
    
    .filters ul li {
        width: 100%;
    }
    
    .davinci-img img{
        max-height:200px;
    }
    
    .patientbox-desc{
        min-height:auto;
    }
    
    .davinci-desc h4, .robotarm-desc h4, .mb-font-16{
        font-size:16px! important;
    }
    
    .mb-font-18{
        font-size:18px! important;
    }

	.award-image img{
		max-width: 150px;
	}

	.img-control{
		display: none! important;
	}

	#particle-canvas.h-800{
		height: 600px;

	}

	.pos-abso-top{
		padding-top:30px! important;
	}

	.machine-img img{
		max-height: 220px;
	}

	h4.machine-title{
		color: #fff;
	}

	.ping-top{
		display: none;
	}

	#oc-slider2 .oc-item .imgbox img{
		width: 100%;
	}

	br.mb-none, .hide-767{
		display: none;
	}
	
	.mb-clear-both{
	    clear: both;
	}
	
	br.mb-show{
		display: block;
	}
	
	.mb-pr-0{
	    padding-right:0px! important;
	}
	
	.mb-pb-0{
	    padding-bottom:0px! important;
	}

    .mb-pt-0{
        padding-top:0px! important;
    }
	
	.award-title h6{
	    margin-bottom:0px! important;
	}

	.hide-desktop{
		display: block;
	}

	.hide-mobile{
		display: none;
	}

	.mako-type-img{
		width: 175px;
	}
	.mako-type-desc{
		width: calc(100% - 175px);
		min-height: 175px;
	}

	.bg-hospital{
		background-image: none;
		background-color: #fff;
	}
	.mobile-img{
		display: block;
	}
	.mobile-img img{
		width: 100%;
	}
	.col-xs-6{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 50% ! important;
	    flex: 0 0 50% ! important;
	    max-width: 50% ! important;
	    margin-bottom: 30px;
	}

	.col-xs-4{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 33.333333% ! important;
	    flex: 0 0 33.333333% ! important;
	    max-width: 33.333333% ! important;
	    margin-bottom: 30px;
	}

	.trangle-shape-bottom-right{
		clip-path: none;
	}
	.content-wrap5{
		margin-top: 60px;
	}	

	.robotarm-icon{
	    width:45px;
		line-height: 60px;
	}
	
	.robotarm-desc{
	    width: calc(100% - 60px);
	}

	.robotarm-icon img{
		max-height: 40px;
	}

	.mb-maxh-180{
		max-height: 180px;
	}

	#particle-canvas{
		height:1280px;
	}

	.patientbox-desc{
		min-height: 160px
	}
	
	.mb-mt-0{
		margin-top: 0px! important;
	}
	.mt-20-767i{
	    margin-top:20px! important;
	}
	.mb-20-767{
	    margin-bottom:20px;
	}
	.w-100-767{
	    width:100%;
        float: none;
	}
	.w-100-scrc-767{
	    margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px);
        float: none;
	}
	.w-100-767-i{
	    width:100%! important;
	}
	.md-mb-30{
	    margin-bottom:30px;
	}
	.md-mb-50{
	    margin-bottom:50px;
	}
	.pb-0-mobile{
	    padding-bottom:0px! important;
	}
	.event-box{
	    margin-bottom:30px;
	}
    .dis-block-767{
        display: block;
    }
    .red-bg{
        height: auto;
    }
    .padding_adjust{
        padding:0! important;
    }
    .content-wrap-60-0-120{
        padding: 60px 0 30px! important;
    }
    .right-border-line{
        border-right:none;
    }
    .indebg{
        background-image: none;
        padding: 60px 0 30px;
    }
    .minh-200-767{
        min-height:200px;
    }
  
    
}

@media (max-width: 576px){
    .col_half{
        position: relative;
        width: 100%;
        margin-bottom: 15px;
        margin-right:0px;
    }
        h1.scrc-h1 {
        font-size: 16px;
    }
}

@media (max-width: 575px){
    
    .mb-30-575{
        margin-bottom:30px! important;
    }
    
	.polygon3, .polygon-container3 {
	    height: 260px;
	    width: 260px;
	}
	
	#oc-doctor .polygon3, #oc-doctor .polygon-container3 {
	    height: 150px;
        width: 150px;
	}
    .circle-box{
        padding: 0px;
        height: 300px;
        width: 300px;
    }
    .cirlce-box img{
        margin: 5px auto! important;
    }
    .col-full-575{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%! important;
        flex: 0 0 100%! important;
        max-width: 100%! important;
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 525px){
	.polygon3, .polygon-container3 {
	    height: 180px;
	    width: 180px;
	}
    .polygon-container {
        height: 180px;
	    width: 180px;
    }

}

@media (max-width: 479px){
    
    .show-479{
        display:block;
    }
    
    #tab-participationform .box-border-left, #tab-sites .box-border-left, #tab-participationform .w-65, #tab-participationform .w-35, #tab-sites .w-65, #tab-sites .w-35{
        padding:30px 15px! important;
    }
    
     #tab-participationform .col-md-12, #tab-sites .col-md-12, #tab-participationform .col-md-6, #tab-sites .col-md-6{
         padding-left:0px;
         padding-right:0px;
     }
    
    h2.scrc-h2-grey{
        font-size:22px;
    }
    
    .show-479{
        display:block;
    }
    
    /*#sustainability_flex.block-479{*/
    /*    display:block;*/
    /*}*/
    
    .mobile-container-scrc{
        padding:0 25px;
    }
    
    h1.scrc-h1 {
        font-size: 14px;
    }
    
    h2.srcr-h2 {
        font-size: 24px;
    }
    
    .item{
        width: calc(100% - 20px);
    }

    .mb-30-479{
        margin-bottom: 30px;
    }
    
    .baby-position{
	    display:block! important;
	   top: 640px;
	   width: 100%;
        max-height: none;
	}
	.cloud-position{
	   display:block! important;
	   top: 870px;
	   left:5%;
	   animation: float 5s ease-in-out infinite;
	 z-index:12;
	}
	.cloud-position2{
	    display:block! important;
	   top: 610px;
	   animation: float2 4s ease-in-out infinite;
	 z-index:12;
	}
	.cloud-position3{
	    display:block! important;
	   top: 760px;
	   animation: float3 6s ease-in-out infinite;
	 z-index:12;
	}
    
    .bg-baby2{
        /*background-image: url(../../images/fertility/baby-mb2.webp);*/
        background-image: url(../../images/fertility/baby-mb-new2.jpg);
         min-height: 1150px;
    }
    
     .circle-box{
        height: 250px;
        width: 250px;
    }
    
    .mb-font-13{
        font-size:13px;
    }
    
    .background-linear-gradient-white{
        background: none! important;
    }
    
    .trans-link{
        width:150px;
    }
    
    .davinci-img img{
        max-height:160px;
    }
    
    .robotarm-desc{
        margin-left:5px;
    }
    
    .robotarm-desc h4{
        font-size:16px! important;
    }
    
    .mb-pl-0{
        padding-left:0px! important;
    }
    
    .mb-maxh-180{
        max-height: 150px;
    }
    
	#particle-canvas.h-800 {
	    height: 980px;
	}
	
	.machine-box{
	    margin-top:30px! important;
	}

	#particle-canvas2 {
	    height: 1170px;
	}

	#slider .trans-link5{
		width: 180px;
	}
	
	#particle-canvas{
	    height: 1260px;
	}
	
	.content-wrap5{
		margin-top: 30px! important;
	}
	.mt-15-410{
        margin-top:5px! important;
    }
    .full-container-enquiry{
        padding:30px 0 20px;
    }
    .mb-20-430{
        margin-bottom:20px;
    }
    
    .pd-40-30{
        min-height:320px;
    }
}

@media (max-width: 430px){
	.polygon3, .polygon-container3 {
	    height: 180px;
	    width: 180px;
	}
	
	.trans-link{
        width:90%;
    }
    .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide, .video-overlay{
	        height: 220px !important;
	}
	.swiper_wrapper:not(.force-full-screen){
	    height: 218px !important;
	}

}

@media (max-width: 420px){
    .bg-baby2{
         min-height: 1100px;
    }
    .baby-position {
      top: 620px;
    }
    .cloud-position3 {
        top: 770px;
    }
    .cloud-position2 {
        top: 625px;
    }
    .cloud-position {
        top: 835px;
    }
    
    .full-container-enquiry{
        height:200px;
    }
}

@media (max-width: 410px){
	.polygon3, .polygon-container3 {
	    height: 160px;
	    width: 160px;
	}
	
	.full-container-enquiry{
        height:200px;
    }
	
	#particle-canvas2 {
	    height: 1140px;
	}.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide{
	        height: 200px !important;
	}
	.swiper_wrapper:not(.force-full-screen){
	    height: 200px !important;
	}
	
	.mb-20-430{
        font-size:18px! important;
        line-height:20px;
    }
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a{
        line-height:18px! important;
        display: flex;
        align-items: center;
    }
    
    .doc-button-mb a {
        width: calc(100% - 10px);
        margin: 0 5px 20px;
    }
	.doctor-desc{
        min-height:120px! important;
    }
    
    .min-h-mini{
        min-height:35px;
    }
}