* {
padding: 0;
margin: 0;
}
html, body {height: 100%; width: 100%;}
body{ font-family: 'Roboto',sans-serif; font-size:15px; color:#000; line-height: 1.8;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td, figure { border: 0; margin: 0; padding: 0; font-family:'Roboto',sans-serif; font-weight: normal;}
img, fieldset, abbr, acronym { border: 0;}
article, aside, figure, figcaption, hgroup, footer, header, nav, section, video, object {display: block;}
audio, canvas, video { display: inline-block;
*display: inline;
*zoom: 1;}
h1, h2, h3, h4, h5, h6 { font-family: 'Bitter',sans-serif; font-size: 100%; font-weight: normal;}
ul li, ol li {list-style: none;}
img { border: none; display: block; max-width:100%;}
a, a:link, a:focus { color: #000 ; text-decoration: none; outline: none; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
a:hover { color: #00999f; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
@font-face { font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.6.1');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal;}
.fa-twitter:before { content: "\f099";}.fa-facebook:before { content: "\f09a";}.fa-youtube::before {
content: "\f167";}.fa-instagram::before { content: "\f16d";} .fa-angle-right:before { content: "\f105";} .fa-whatsapp:before {
content: "\f232";
}
.fa-phone-square:before { content: "\f098";}
.fa-angle-double-right:before { content: "\f101";}.fa-angle-left:before { content: "\f104";}.fa-arrow-right:before { content: "\f061";}.fa-clock-o:before { content: "\f017";}
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .fa-phone:before { content: "\f095";}
@font-face { font-family: "Flaticon"; src: url("../fonts/flaticon_flats.eot"); src: url("../fonts/flaticon_flats.eot?#iefix") format("embedded-opentype"),
url("../fonts/flaticon_flats.woff") format("woff"), url("../fonts/flaticon_flats.ttf") format("truetype"), url("../fonts/flaticon_flats.svg#Flaticon") format("svg");
font-weight: normal; font-style: normal;}
.fa-calendar:before { content: "\f073";}.fa-home:before { content: "\f015";} .fa-user:before { content: "\f007";} .fa-star:before { content: "\f005";} .fa-clock:before { content: "\f017";}
.fa-map-marker:before { content: "\f041";}.fa-envelope-o:before { content: "\f003";}.fa-envelope:before { content: "\f0e0";} .fa-clock:before { content: "\f017";}
.fa-chevron-down:before { content: "\f078";}
.fa-instagram:before { content: "\f16d";}.fa-arrow-circle-right:before { content: "\f0a9";} .fa-calendar:before{content:"\f073"} .fa-linkedin:before { content: "\f0e1";}
.container-area{ width:100%; max-width:1280px; margin:0 auto; position:relative}
.container-area1{ width:100%; max-width:980px; margin:0 auto; position:relative }
.clear{ clear:both}
.top-wrapper{ background:#00999f;}
.top-wrapper-left{ float:left; padding:7px 0}
.top-wrapper-right{ float:right;}
.top-wrapper-left li{ margin-right:20px; color:#000; display:inline-block; font-size:15px; border-right: solid 1px #2fc5cb; padding-right:20px; }
.top-wrapper-left li:last-child{ border-right:0}
.top-wrapper-left li .fa{ padding-right:5px; color:#f6b330}
.top-wrapper-left li a{ color:#fff; font-weight:600}
.top-wrapper-left li a:hover{ color:#f6b330}
.top-wrapper-social { margin-bottom:4px;
margin-right: 15px; margin-left:15px;
display: inline-block;
}
.top-wrapper-social a { margin-left:3px;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 20px;
color: #000;
line-height: 26px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
height: 34px;
width: 34px;
border-radius: 50%;
background: #fff;
text-decoration: none;
}
.yout{
margin-top: 2px;
}
.top-wrapper-social a:hover {color:#888d57}
.btn1 { position:relative; top:-1px;
background: #f6b330;
font-size: 16px;
font-weight: 600;
color: #fff !important;
padding: 11px 25px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}.btn1:hover { background: #fff; color:#000 !important;}
.btn2 { margin-right:5px;
background: #fff;
font-size: 18px;
font-weight: 600;
color: #000 !important;
padding: 12px 25px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}.btn2:hover { background: #fdc800;}
.btn3 {
background: #f6b330;
font-size: 16px;
font-weight: 600;
color: #fff !important;
padding: 12px 25px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}.btn3:hover { background: #00999f; color:#fff !important}
.btn4 { margin-right:5px;
background: #fff;
font-size: 18px;
font-weight: 600;
color: #000 !important;
padding: 12px 25px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}.btn4:hover { background: #000; color: #fff !important;}
.btn5 { margin-right:5px;
background: #000;
font-size: 18px;
font-weight: 600;
color: #fff !important;
padding: 12px 25px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}.btn5:hover { background: #fff; color:#000 !important}
.logo-area{ padding:12px 0; float:left}
.nav-area{ float:right}
.banner-area{ background:#f6b330; padding:0px 0px 0px 0px; max-height:510px; overflow:hidden;}
.banner-inner{ padding-top:50px;}
.banner-left{ float:left; width:28%}
.banner-middle{ width:100%; text-align:center; color:#fff; }
.banner-middle h2{ font-size:38px; font-weight:600; line-height:48px; padding-bottom:20px;}
.banner-middle p{ font-size:24px; line-height: 34px; color:#95005b; padding-bottom:22px;}
.banner-middle h4{ padding:15px 0 15px 0; position:relative}
.banner-middle h4:before{content: '';
position: absolute; width:50px;
height: 1px;
background-color: #fff;
top: 0;
left:-350px;
right: 0;
bottom: 0;
-webkit-transition: all 1s ease;
transition: all 1s ease;
margin: auto;
}
.banner-middle h4:after{content: '';
position: absolute; width:50px;
height: 1px;
background-color: #fff;
top: 0;
right:60px;
bottom: 0;
-webkit-transition: all 1s ease;
transition: all 1s ease;
margin: auto;
}
.banner-right{ float:right; width:28%} .banner-right img{ float:right}
.banner-bottom-section{ background:#f4f6f5; padding:30px 0}
.b-bottom-box{ float:left; width:20.9%; margin:0 1%; padding:0 1%; border-right:solid 1px #cccccc}
.b-bottom-img{ float:left; width:30%}
.b-bottom-txt{ float:right; width:67%}
.bdright0{ border-right:0}
.b-bottom-txt h3{ font-weight:600; font-size:28px; line-height:34px;}
.about-us-area{ padding:50px 10px; background: #f4f6f5;}
.about-left{ float:left; width:48%; border-radius: 20px; }
.about-left img{
width: 100%;
height: auto;
object-fit: cover;
}
.about-left-caption{ background:#fdc800; padding:20px; position:absolute; right:15px; top:15px; color:#000; text-align:center }
.about-left-caption h3{ font-weight:600; font-size:41px; line-height:44px;}
.about-right{ margin-top:20px; padding:15px 15px 25px 15px; border:solid 1px #00999f; border-radius:12px; text-align:center}
.about-right h2{ font-size:30px; line-height:40px; font-weight:600; padding-bottom:15px; color:#000; text-align: center }
.about-right p{ padding-bottom:10px; color:#1d53a8; line-height:22px;}
.offer-section{ padding:25px 0 40px; background:#f4f6f5;}
.offer-section h2{font-size:30px; line-height:40px; font-weight:600;color:#000; text-align:center}
.text-center{ text-align:center}
.r-tabs { position: relative; margin-top:50px; }
.r-tabs .r-tabs-nav .r-tabs-tab { position: relative;}
.r-tabs-tab { text-align:center; margin:0 }
.r-tabs .r-tabs-nav .r-tabs-anchor { vertical-align:top;
padding:15px 29px 15px 29px; width:100%; text-align:center; border-left:solid 1px #002147; border-top:solid 1px #002147; border-bottom:solid 1px #002147; text-decoration: none; font-size:18px; font-weight:600; color: #002147;}
.r-tabs .r-tabs-nav .r-tabs-state-disabled { opacity: 0.5;}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { color: #fff; font-weight:600; text-shadow: none; background: #002147;}
.patient-testimonial-area .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor::before { width:50% !important;}
.patient-testimonial-area .r-tabs:hover .r-tabs-nav:hover .r-tabs-anchor:hover::before { width:50% !important;}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor::before {
}
.r-tabs:hover .r-tabs-nav:hover .r-tabs-anchor:hover { color: #fff; font-weight:600;text-shadow: none; background: #002147; }
.r-tabs:hover .r-tabs-nav:hover .r-tabs-anchor:hover::before {left:44%;
content: ''; position: absolute; bottom: -11px;
width: 27px; height:11px; transition: .3s ease;}
.r-tabs .r-tabs-panel { margin-top:40px; }
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
display: block; margin-bottom:2px; font-size:21px; padding: 12px 15px; color: #fff; background:#707070; text-decoration: none;}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
background-color: #6c1b17; color: #fff; text-shadow: none;}
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled { opacity: 0.5;}
.r-tabs .r-tabs-nav { text-align:center; margin: 0 0 0px 0; padding: 0;}
.r-tabs .r-tabs-tab { float:left; margin: 0 0% 40px 0%; list-style: none;}
.r-tabs .r-tabs-panel { display: none;}
.r-tabs .r-tabs-accordion-title { display: none;}
.r-tabs .r-tabs-panel.r-tabs-state-active { display: block;}
.ftab{ border-radius:30px 0 0 30px}
.ltab{ border-right:solid 1px #002147; border-radius:0px 30px 30px 0px}
.offer-box{ float:left; width:30%; margin:15px 1.5%; border-radius:10px; background:#fff; box-shadow:0px 10px 40px rgb(28 51 84 / 7%); margin-top:20px;}
.offer-box img{ border-radius:10px 10px 0 0 }
.offer-box-txt{ padding:20px 20px 25px 20px}
.offer-box-txt h3{ font-size:24px; line-height:30px; padding-bottom:10px;}
.offer-box-txt h3 a{ font-weight:600; color:#002147;} .offer-box-txt h3 a:hover{ color:#fdc800}
.bddivider{ background:#e5e5e5; height:1px; margin:20px 0 30px 0}
.pbox{ float:left; color:#000; font-weight:600; font-size:24px;}
.pbox img{ display:inline-block; vertical-align: baseline}
.offer-box-txt p{ font-size:16px;}
.applybtn{ float:right;}
.applybtn a{ border: solid 1px #e4b500; color:#e4b500 !important; padding:12px 25px; border-radius:5px;}.applybtn a:hover{ background:#fdc800; color:#000 !important}
.why-choose-area{ padding:15px 15px 5px 15px; border:solid 1px #00999f; border-radius:12px;}
.why-choose-area h2{font-size:36px; line-height:44px; font-weight:600; padding-bottom:12px; color:#000; text-align:center}
.why-choose-box{ float:left; width:30%; margin:20px 1.5%; text-align:center; background:#fff; box-shadow:0px 10px 40px rgb(28 51 84 / 7%); border-radius:10px;}
.why-choose-box-main{ padding:25px}
.why-choose-box-main img{ margin:0 auto}
.why-choose-box h3{ font-size:26px; line-height:30px; font-weight:600; padding-bottom:8px; padding-top:20px; }
.why-choose-area h4{ text-align:center; color:#fdc800}
.events-section{ background:#f4f6f5; padding:60px 0 70px 0}
.event-left{ float:left; width:59%}
.event-left-row{ background:#fff; box-shadow:0px 20px 80px 0px rgb(30 30 30 / 10%); display:flex;align-items:center; height:150px}
.event-date{ padding:37px 20px; width:190px; text-align:center;}
.event-date h3{ color:#fff; line-height:1; margin-bottom:5px; font-size:45px;}
.event-date p{ color:#fff}
.eventtxt{ height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
width: calc(100% - 190px);
padding:0px 40px;}
.ed1{ border-radius:12px 0 0 0; background:#002147}
.ed2{ background:#0053b2}
.ed3{ border-radius:0px 0 0px 12px; background:#002147}
.bdr{border-radius:12px 0 0 0;}
.eventtxt ul{ display: flex;
align-items: center;
gap: 20px;
margin-bottom: 10px;}
.bglight{ background:#e8f2fe}
.eventtxt ul li{ display: flex;
gap: 6px;
align-items: center;
color:#000;}
.eventtxt ul li .fa{ color:#0053b2}
.eventtxt h5{ font-size:22px; font-weight:600}
.eventtxt h5 a{ font-weight:600 }
.event-right{ float:right; width:41%}
.event-right img{border-radius:0 12px 12px 0}
.events-section h2{ font-size:37px; line-height:44px; font-weight:600; padding-bottom:30px; color:#000; text-align:center}
.events-section h4{ text-align:center; color:#bfc585}
.footer-top-area{ background:#00999f; padding:40px 0 50px 0}
.fcol{ float:left; width:25%; margin:0 2.5%}
.fcol-1{ float:right; width:38%; }
.footer-top-area h6{ color:#fff; font-size:24px; padding-bottom:20px; font-weight:600}
.footer-top-area p{ color:#fff; font-size:15px; margin-bottom:10px}
.footer-top-area ul li{ margin-bottom:2px; background:url(../images/arrow.png) left 8px no-repeat; padding-left:15px;}
.footer-top-area ul li a{ color:#fff; font-size:15px;}
.footer-top-area ul li a:hover{ color:#000}
.footer-top-area p a{ color:#fff; font-size:15px; font-weight:600}
.footer-top-area p a:hover{ color:#000;}
.footer-top-area p .fa{color:#f6b330; padding-right:5px;}
.bottom-wrapper-social{ margin-top:30px; margin-bottom:30px;}
.bottom-wrapper-social a { margin-right:10px; font-size:20px; background:#fff; width:35px; height:35px; line-height:35px; border-radius:100%; display: inline-flex;
justify-content: center;
align-items: center;}
.mtop15{ margin-top:15px;}
.bottom-wrapper-social a:hover { color:#fff}
.footer-bottom{ background:#f6b330; color:#000; padding:20px 0; text-align:center; font-size:15px;}
.footer-bottom a{color:#fff; font-weight:bold;}
.footer-bottom a:hover{ color:#00999f; }
.future-section{ background:#fdc800; padding:50px 0 0px 0; position: relative}
.future-section:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(249, 207, 48, 0.86);
}
.feture-area h2 {
font-size: 30px;
line-height: 36px;
font-weight: 600;
padding-bottom: 1px;
color: #000;
}
.shape-1{ position:absolute; left:0; top:0;}
.shape-2{ position:absolute; right:0; bottom:0;}
.list-icon.white {
color:#000;
/* background: rgba(0, 0, 0, 0.8); */
}.list-icon { margin-right:10px; position:relative; top:-3px;
width: 22px;
height: 22px;
min-width: 22px;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 12px;
border-radius: 50%;
color:#000;
}
.future-section h2{ font-size:36px; line-height:44px; font-weight:600; padding-bottom:20px;}
.future-left{ float:left; width:48%; padding-top:30px;}
.future-right{ float:right; width:50%;}
.fa-check:before {
content: "\f00c";
}
.future-left ul{ margin-bottom:60px;}
.future-left li{ margin-bottom:20px;}
.width80{ text-align:center; width:80%; margin:0 auto}
.we-offer-box {
padding-top:10px;
}
.we-offer-cart { padding:7px 0 5px 0;
width: 32%;
background-color: #00999f;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
margin:6px 0.5%; float:left;
}
.we-offer-text{ padding:0px 5px 2px 5px; min-height:310px;}
.we-offer-box-right .responsive-iframe-container{ margin:0px 0 10px 0; border:15px;}
.we-offer-box-right .video-frame{ border-radius:12px; border:solid 1px #00999f; padding:10px;}
.we-offer-tittle {
font-size: 20px;
font-weight: bold;
color: #fff;
text-align: center;
padding: 0px 0px 2px 0;
background-color: #00999f;
border-radius: 10px;
align-items: center;
}
.we-offer-text li {
padding: 1px 4px 0 4px;
font-size: 14px;
color: #000;
transition: background-color 0.3s ease;
}
.we-offer-text li {
margin-bottom: 2px;
line-height: 1.5;
border-radius: none;
}
.we-offer-text li a{ background:#fff; display:block; padding:10px 18px; border-radius:75px; box-shadow:
inset -1px -1px 20px 0px rgba(0, 0, 0, 0.23),
inset 1px 1px 24px 0px rgba(231, 231, 231, 0.6);}
.we-offer-text li a:hover {background:#f6b330; color:#000}
.we-offer-text li:last-child{
border-bottom: 0px;
}
.we-offer-text .list-icon {
top: 0px;}
.btnget {
text-align: center;
margin-top: 20px;
}
.cont-btn { background-size: 226% auto;
display: inline-block; background-image: linear-gradient(-225deg, #f6b330 0%, #01b2b9 29%, #f6b330 67%, #f6b330 100%);
padding: 15px 20px;
margin: 10px 8px;
font-size: 16px;
font-weight: bold;
text-decoration: none;
animation: expertCallGradient 5s linear infinite; transition: transform 0.3s ease;
border-radius:25px;
white-space: nowrap;
width: auto;
}
.cont-btn:hover { color:#000 }
.cont-btn-1 { background-size: 226% auto;
display: inline-block; background-image: linear-gradient(-225deg, #223682 0%, #01b2b9 29%, #223682 67%, #223682 100%);
padding: 15px 20px;
margin: 10px 8px;
font-size: 16px;
font-weight: bold;
text-decoration: none;
animation: expertCallGradient 5s linear infinite; transition: transform 0.3s ease;
border-radius:25px;
white-space: nowrap;
width: auto; color:#fff !important;
}
.cont-btn-1:hover{ color:#fff}
@keyframes expertCallGradient {
from {
background-position: 0% center;
}
to {
background-position: -100% center;
}
}
.info1-btn{
background: #888d57;
color: #fff !important;
}
.info1-btn:hover{
background: #E4E4C6;
color: #000 !important;
}
.why-choose-area img{
width: 100%;
margin: 0 auto;
height: auto;
object-fit: cover;
}
.feture-area{
padding: 40px 0 40px;
}
.btnget a br{
display: none;
}
.whychoose-container {
display: flex;
justify-content: space-between;
gap: 2%;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.whychoose-left,
.whychoose-center,
.whychoose-right {
width: 32%;
padding: 10px 0;
box-sizing: border-box;
border-radius: 8px;
}
.whychoose-center img{
width: 100%;
height: auto;
object-fit: cover;
}
.whychoose-left{
text-align: right;
}
.whychoose-left h3{
font-size: 18px;
line-height: 28px;
font-weight: 600;
}
.whychoose-right h3{
font-size: 18px;
line-height:28px;
font-weight: 600;
color: #888d57;
}
.whychoose-right p{
font-size: 15px;
line-height: 22px;
color: #000;
}
.whychoose-left p{
font-size: 15px;
line-height: 22px;
color: #000;
}
.bottom-text{
margin-top: 15px;
}
@media (max-width: 1024px) {
.bottom-text{
margin-top: 60px;
}
.we-offer-cart {
width: calc(26.3% - 0px);}
}
@media (max-width: 768px) {
.whychoose-container {
flex-direction: column;
gap: 20px;
}
.whychoose-left,
.whychoose-center,
.whychoose-right {
width: 95%;
padding: 10px;
text-align: center;
}
.bottom-text{
margin-top: 20px;
}
}
@media (max-width: 992px) {
.we-offer-cart {
width: calc(50% - 20px);
}
}
@media (max-width: 600px) {
.we-offer-cart {
width: 100%;
}
}
@media (max-width: 768px) {
.top-wrapper-left {
float: left;
padding: 7px 0px 7px 10px;
width: 95%;
}
.btn1 { padding:10px 10px; font-size:15px;}
.btnget a {
display: block;
width: 88%;
margin: 10px auto;
font-size: 16px;
}
.btnget a br{
display: block;
}
.banner-middle p {
font-size: 20px;
line-height: 35px;
padding: 10px;
}
.top-wrapper-left li {
padding-right: 10px;
}
.offer-section {
padding: 40px 0 20px;
}
.we-offer-cart {
width: 95%;
float: none;
padding: 10px;}
.about-right, .about-left {
float: none;
width: 95%;
padding: 10px;
margin-top: 0px;
}
.about-left h2 {
padding: 0px;
font-size: 40px;
font-weight: 600;
line-height: 50px;
color: #fff;
}
.fcol-1 {
float: none;
width: 95%;
margin: 0 2.5%;
}
.fcol {
width: 95%;
margin: 10px 2.5%;
}.bottom-wrapper-social{ margin-top:20px; margin-bottom:20px;}
.top-wrapper-right{ float:none; text-align:center}
.top-wrapper-left li{ font-size:14px; margin-right: 7px; }
}
.berdcom{
text-align: center;
}
.page-name h2 {
font-size: 36px;
font-weight: bold;
color: #000;
}
.page-path{
padding: 0px 0 60px;
}
.page-path a {
color: #000;
font-weight: 600;
text-decoration: none;
}
.about-page{ background:#fff !important}
.page-path a:hover {
color: #fff;
}
.page-path i{
color: #fff;
}
.fa-slash-forward:before {
content: "\2f";
}
.page-path .active {
color: #fff !important;
}
.about-page h2{
font-size: 30px;
line-height: 44px;
font-weight: 600;
padding-bottom: 18px;
color: #00999f;
}
.about-page p{
padding-bottom: 20px;
}
.contact-area{
padding: 50px 10px 70px 10px;
overflow: hidden;
text-align: center;
}
.contact-area h2{
font-size:28px;
line-height: 44px;
font-weight: 600;
padding-bottom: 15px;
color: #00999f;
text-align: center;
}
.contact-left{
width: 100%; max-width:700px; margin:0 auto;
background-color: #fff;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 30px 30px 20px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid #00999f;
}
.contact-right{
width: 100%;
margin-bottom:30px;
}
.contact-box .map-area{
margin-top: 20px;
}
.contact-card {
font-size: 18px;
color: #000; width:100%; margin:0 auto;
max-width: 640px; /* Optional width control */
}
.contact-card h2 {
font-size: 30px;
line-height: 40px;
color: #000;
}
.contact-card p {
padding: 10px 10px; display:inline-block;
}
.contact-card i {
font-size: 26px;
background: #00999f;
color: #fff;
padding: 8px;
border-radius: 50%;
width: 35px;
height: 35px;
display: inline-flex;
justify-content: center;
align-items: center;
margin-right:5px;
}
.contact-card span {
vertical-align: middle;
display: inline;
}
.contact-card a { font-size:20px; font-weight:bold;
color: #000;
text-decoration: none;
}
.contact-card a:hover {
color: #f6b330;
}
.form {
width: 100%;
margin: 0 auto;
border-radius: 8px;
}
.row {
display: flex;
gap: 20px;
margin-bottom: 15px;
}
.form-group {
width: 100%;
}
.contact-left input,
select,
textarea{ background:#f3f2f2 !important;}
input,
select,
textarea {
width: 95%;
padding: 14px 10px;
border: none;
border: 1px solid #f2f0f0;
background: transparent;
background-color:#f0efefca;
font-size: 15px;
outline: none;
border-radius: 10px;
transition: border-color 0.3s ease;
color: #000;
font-family: 'Roboto', sans-serif;
font-weight: normal;
}
select{
width:100%;
}
textarea {
width:97%;
}
.full-width {
width: 100%;
}
::placeholder {
color: #000;
font-size: 18px;
}
@media (max-width: 600px) {
.row {
flex-direction: column;
}
.form {
padding: 0px;
}
}
button[type="submit"] { line-height:20px;
background-color: #d11c1f;
color: #fff;
padding: 13px 30px 11px 30px;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
font-weight: 600;
}
button[type="submit"]:hover {
background-color: #00999f;
}
.contact-left .wpcf7-submit {
background-color: #f6b330 !important;
color: #fff;
padding: 12px 20px;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer; width:150px;
transition: background-color 0.3s ease;
font-weight: 600;
}
.contact-left .wpcf7-submit:hover {
background-color: #00999f !important;
}
.contact-left textarea{ height:100px;}
@media (max-width: 768px) {
.contact-left {
width: 94%;
float: none;
padding: 10px;
}
.contact-right {
float: none;
margin-top: 20px;
}
textarea {
width: 93%;
}
.contact-area {
padding: 40px 10px;
}}
.clinical-area{
padding: 20px 10px 60px;
overflow: hidden;
}
.clinical-center-btn {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
margin-bottom: 20px;
}
.clinical-center-btn .btnr{
background-color: #223682;
color: #fff;
padding: 12px 35px;
border: none;
border-radius:10px;
font-size: 16px;
cursor: pointer;
box-shadow:inset -1px -1px 20px 0px rgb(0 0 0 / 23%), inset 1px 1px 24px 0px rgb(231 231 231 / 60%);
margin: 20px;
font-weight: 800;
}
.clinical-center-btn .btnr:hover{
background-color: #f6b330; color:#000;
}
.clinical-left{
width: 45%;
float: left;
background-color: #fff;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 30px 30px 30px;
margin-bottom: 20px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid #00999f;
}
.clinical-right h2{ padding-top:10px;
font-size: 30px;
line-height: 36px; padding-bottom:10px;
color: #00999f;
font-weight: 600;
}
.clinical-right{
width: 44.7%;
float: right;
background-color: #fff;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
margin-bottom: 20px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid #00999f;
}
.clinical-left p, .clinical-right p{
padding-bottom: 20px;
}
.clinical-left h2{
font-size: 28px; padding-bottom:5px;
line-height: 34px;
color: #00999f;
font-weight: 600;
}
.clinical-left h3{
font-size: 18px;padding-bottom:5px;
line-height:24px;
font-weight: 600;
}
.clinical-right h3{ font-size: 18px; padding-bottom:5px;
line-height:24px;
font-weight: 600;}
/* .banner-inner{
padding: 85px 0px 50px 0px;
} */
.clinical-right ul {
list-style: none;
padding: 0;
}
/*.clinical-right ul li {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 10px 0 15px 0;
}*/
.clinical-right ul li span {
padding: 10px 0;
}
.clinical-right ul li i{
font-size: 18px;
margin: 15px 0px 0 0px;
}
.clinical-course-area{
padding: 40px 10px 80px;
overflow: hidden;
}
.clinical-course-left{
width:28%;
float: left;
background-color: #fff;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
margin-bottom: 20px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid #888d57;
}
.clinical-course-right{
width:63%;
float: right;
background-color: #fff;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
margin-bottom: 20px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid #888d57;
}
.clinical-course-right h2{
font-size: 37px;
line-height: 45px;
color: #888d57;
font-weight: 600;
padding-bottom: 10px;
}
.btnclick {
margin-top: 20px;
}
.btnclick a { text-align:center;
display: block;
padding:15px 18px;
margin: 10px 10px 10px 0px;
font-size: 15.5px;
font-weight: bold;
text-decoration: none;
border-radius:8px;
transition: background-color 0.3s ease-in-out, transform 0.2s;
box-shadow: 0 4px 6px rgb(0 0 0 / 10%);
width: auto; }
.infoes{
background: #00999f;
color: #fff !important;
}
.btnclick a br{
display: none;}
.info1py{
background: #000;
color: #fff !important;
}
.infoes:hover{
background: #000;
color: #fff !important;
}
.info1py:hover{
background: #9b871d;
}
.responsive-iframe-container {
position: relative;
width: 100%;
padding-top: 56.25%; /* Aspect ratio 16:9 */
}
/*.responsive-iframe-container:first-child {
margin-bottom: 20px;
}
*/
.responsive-iframe-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.clinical-center-user {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
padding-bottom:40px;
}
.user-ifect {
display: flex;
flex-direction: column;
align-items: center;
padding: 10px;
position: relative;
}
.user-ifect i {
padding-right: 5px;
}
.user-ifect:not(:first-child) {
border-left: 1px solid #ccc;
padding-left: 20px;
}
.modal {
display: none;
position: fixed;
z-index: 9999;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
/* Modal Content */
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px; box-shadow:0 0px 12px rgb(0 0 0 / 15%);
width: 100%;
max-width: 520px;
}
/* The Close Button */
.close { position:relative; top:-12px;
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.contact-container {
margin: 20px auto;
padding:0px 20px 0px 20px;
background: #fff;
border-radius: 10px;
}
.contact-container h2 {
font-size: 28px;
line-height: 40px;
color: #00999f;
font-weight: 600;
padding-bottom: 10px;
}
.contact-container h3 {
font-size: 28px;
line-height:35px;
color: #00999f;
font-weight: 600;
padding-bottom: 15px;
}
.contact-container h4 {
font-size: 18px;
line-height:28px;
color: #00999f;
font-weight: 600;
padding-bottom: 7px;
}
.contact-container label {
display: block;
font-size: 15px;
margin-top: 15px;
color: #444;
}
.contact-container select {
width: 95%;
padding: 10px;
margin-top: 5px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 16px;
}
.contact-container .wpcf7 form .wpcf7-response-output{ margin-top:0; margin-bottom:0}
.contact-container textarea { height:70px;
width: 95%;
padding: 10px;
margin-top: 5px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 16px;
}
.csd br{ display:none}
.contact-container p {
font-size: 16px;
color: #555;
margin: 15px 0;
}
.contact-container a {
text-decoration: none;
color: #00999f;
font-weight: bold;
}
.contact-container a:hover {
text-decoration: underline;
}
.contact-container button { margin-bottom:5px;
padding: 12px;
background: #f6b330;
color: white;
border: none;
border-radius: 5px;
font-size: 16px;
margin-top: 15px;
cursor: pointer;
transition: 0.3s ease-in-out;
}
.contact-container button:hover {
background: #000;
}
.contact-container label{ font-weight:bold; margin-bottom:5px;}
.contact-container .wpcf7-submit{ width:100%;
padding: 12px;
background: #f6b330;
color: white;
border: none;
border-radius: 5px;
font-size: 16px;
margin-top: 15px;
cursor: pointer;
transition: 0.3s ease-in-out;}
.contact-container .wpcf7-submit:hover{ background: #000;}
.slider-container {
overflow: hidden;
position: relative;
}
.slider-track {
display: flex;
transition: transform 0.5s ease-in-out;
}
.card {
min-width: 100%;
}
/* Dots */
.slider-dots {
display: flex;
justify-content: center;
gap: 10px;
}
.dot {
width: 15px;
height: 15px;
border-radius: 50%;
background: #bbb;
cursor: pointer;
transition: background 0.3s;
}
.dot.active {
background: #888d57;
}
.clinicaleducation-area {
padding: 40px 0px 50px;
overflow: hidden;
}.courses-we-offer-section-new ul.list01 li{ display:block}
.inner-left{ width:61%;
float: left;}
.clinicaleducation-left{
background-color: #fff;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
margin-bottom: 30px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid #00999f;
}
.inner-right{ width:37%; position:relative;
float: right;}
.clinicaleducation-right{
background-color: #fff;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
margin-bottom: 30px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid #00999f;
}
.clinicaleducation-left p{
padding-bottom: 20px;
}
.clinicaleducation-left img{ margin:10px auto 0 auto;
border-radius: 10px;
}
table {
border-collapse: collapse;
margin: 0px 0 20px 0;
}
th, td { border:solid 1px #f6b330;
padding: 12px; font-size:15px; line-height:23px; }
.bg-color{
background-color: #fbf2e1;
}
th {
background-color: #00999f;
text-align: left;
color: #fff;
font-weight: 600;
}
.thcont-btn{
display: inline-block;
padding:15px 18px;
margin: 10px 10px 10px 0px;
font-size: 15.5px;
font-weight: bold;
text-decoration: none;
border-radius:8px;
transition: background-color 0.3s ease-in-out, transform 0.2s;
box-shadow: 0 4px 6px rgb(0 0 0 / 10%);
white-space: nowrap;
width: auto;
background: #888d57;
color: #fff !important;
}
.thcont-btn:hover{
background: #e4e4a1;
color: #000 !important;
}
.clinicaleducation-left h2{
font-size: 20px;
line-height: 30px;
color: #00999f;
font-weight: 600;
}
.clinical-bochher{ position:relative;
text-align: center;
margin: 10px 20px 50px;
}
.clinical-bochher .btnr{
background-color: #fb352b;
color: #fff;
padding: 12px 35px;
border: none;
border-radius:8px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease; box-shadow:inset -1px -1px 20px 0px rgb(0 0 0 / 23%), inset 1px 1px 24px 0px rgb(231 231 231 / 60%);
margin: 20px;
font-weight: 800;
}
.clinical-bochher .btnr:hover{
background-color: #00999f;
}
.redbtn{
background-color: #fb352b;
color: #fff !important;
padding: 12px 35px;
border: none;
border-radius:8px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease; box-shadow:inset -1px -1px 20px 0px rgb(0 0 0 / 23%), inset 1px 1px 24px 0px rgb(231 231 231 / 60%);
margin: 20px 0 20px 0;
font-weight: 800;
}
.redbtn:hover{
background-color: #00999f;
}
.rejister-now-area{
padding: 80px 10px;
overflow: hidden;
}
.rejister-now-area h2{
font-size: 30px;
line-height: 45px;
color: #00999f;
font-weight: 600;
padding-bottom: 20px;
}
.r-left{ float:left; width:62%;
}
.Register-left{
background-color: #fff;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding:30px;
margin-bottom: 20px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid #00999f;
}.r-right{ width:35%;
float: right;}
.Register-right{
background-color: #fff;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding:30px;
margin-bottom: 20px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid #00999f;
}
.Register-left textarea {
width: 97.6%;
}
.Register-left select {
width: 99%;
}
@media screen and (max-width: 768px) {
.Register-left, .Register-right{
width: 85%; padding:20px;
float: none; }
.clinicaleducation-left, .clinicaleducation-right{
width:85%;
float: none;
}
.table-width{ margin-bottom:20px;
width: 100%;
overflow: scroll;
}
}
@media (max-width: 768px) {
.banner-inner {
padding: 30px 0px 0px 0px;
}
.page-name h2 {
font-size: 30px; line-height:35px; margin-bottom:5px;
font-weight: bold;
color: #fff;
}
.clinical-left, .clinical-right {
width: 85%;
float: none;}
.clinical-course-left,.clinical-course-right {
width: 85%;
float: none;}
.btnclick a br{
display:block;}
.clinical-course-area{
padding:40px 10px;
overflow: hidden;
}
.clinical-area {
padding: 20px 10px 20px;
overflow: hidden;
}
.clinical-left h2 {
font-size: 30px;
line-height: 40px;
font-weight: 600;
}
.about-us-area {
padding: 40px 10px;
background: #f4f6f5;
}
.btnclick a {
display: block;
padding: 15px 18px;
margin: 10px 0px 10px 0px; }
.modal-content {
background-color: #fefefe;
margin: 35px auto;
padding: 20px;
width: 80%;
}
}
.Register-right h3{ font-size:22px; font-weight:bold; padding-bottom:10px; color:#f6b330}
.Register-left h4{ color:#FF0000; font-weight:bold; padding-bottom:15px;}
.whatsapp{ background:#2bcc46 !important; color:#fff !important; position:relative; top:2px; font-size:24px !important;}
.linkedin{ color:#0f76a8 !important; margin-top:3px;}.top-wrapper-social .facebook{color:#3b5998 !important; margin-top:3px;}
.bottom-wrapper-social .facebook{color:#3b5998 !important; margin-top:3px;}
.youtube{ color:#fa061a !important; margin-top:3px;}
.instagram{ color:#f00075 !important; margin-top:3px;}
.blogs{ color:#f57d00 !important; top:2px; position:relative} .blogs img{ margin:0 auto}
.newsletter-box{ padding-top:5px;}
.newsletter-box h3{ color:#fff; font-size:24px; font-weight:600; padding-bottom:10px;}
.newsletter-box [type="email"]{ background:#fff; padding:15px; width:auto; border-radius:10px 0 0px 10px; border:solid 1px #fff; width:90%; max-width:220px;}
.newsletter-box button[type="submit"] { margin-left:-4px; position:relative; top:1px;
background-color: #000; border-radius:0px 10px 10px 0px !important;
color: #fff;
padding: 14px 20px;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
font-weight: 800;
}
.newsletter-box button[type="submit"]:hover { background:#f6b330}
.newsletter-box .wpcf7-form-control-wrap{ display:inline-block; vertical-align:top;}
.newsletter-box input[type="submit"] { position:relative; width:auto;
background-color: #000; border-radius:0px 10px 10px 0px !important;
color: #fff;
padding: 16px 22px;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
font-weight: 800;
}
.newsletter-box input[type="submit"]:hover { background:#f6b330}
.our-training-area{ padding:30px 0; text-align:center}
.our-training-area h2{ text-align:center; font-size: 30px;
line-height: 40px;
font-weight: 600;
padding-bottom:21px;
color: #000;}
.experience-row{ text-align:center; padding:30px 0; background:#f4f6f5;}
.experience-row h2 {
font-size: 30px;
line-height: 40px;
font-weight: 600;
padding-bottom: 12px;
color: #000;
text-align: center;
}
.experience-box{ display:inline-block; margin:10px 5px; vertical-align:middle; border-radius:100%;background:linear-gradient(180deg, #00999f, #f6b330); width:150px; height:150px; text-align:center; border:solid 8px #fff; box-shadow:0 0px 12px rgb(0 0 0 / 15%)}
.experience-box:hover{box-shadow:0 0px 12px rgb(0 0 0 / 5%)}
.experience-box h3{ color:#fff; font-size:39px; font-weight:bold; padding-top:35px; line-height:41px;} .experience-box p{ color:#fff; padding:0 20px; line-height:20px; font-size:15px;}
.our-training-area img{ height:36px; display:inline-block; vertical-align:top; margin:12px 10px; background:#fff; box-shadow:0 0px 12px rgb(0 0 0 / 10%); padding:12px;}
.notetxt{ padding-top:20px; font-size:15px; font-style:italic; } .notetxt strong{ color:#FF0000}
.himg{ display:inline-block; border-radius:0 !important; margin-bottom:0 !important; width:auto !important}
.heading2 {
font-size:30px;
line-height: 40px;
color: #00999f !important;
font-weight: bold;
padding-bottom: 15px;}
.cphone{ font-size:25px;}
.grid-table { margin:0;
width: 100%;
border-collapse: collapse;
font-family: sans-serif;
text-align: left;
background-color: #fff;
}
.grid-table th,
.grid-table td {
border: 1px solid #ddd;
padding: 12px 16px;
}
.grid-table th {
background-color: #f0efefca;
font-weight: bold;
}
.grid-table tr:nth-child(even) {
background-color: #f0efefca;
}
.wc-c1{ color:#1eabda !important}
.wc-c2{ color:#3cc583 !important}
.wc-c3{ color:#e0cb15 !important}
.wc-c4{ color:#92bd39 !important}
ul.list01 {
margin: 0 0 0 20px;
padding: 0px 0 10px 0px;
}ul.list01 li { display:flex;
margin-bottom: 5px;
padding-left: 15px;
background: url(../images/arrow1.png) left 6px no-repeat;
transition-duration: .25s;
-webkit-transition-duration: .25s;
}.connect-area{ text-align:center}
.connect-area li{ display:inline-block; vertical-align:middle; margin:5px 5px 0 5px } .connect-area li img{ display:inline-block; padding-right:2px; vertical-align:middle}
.connect-area li{ font-size:18px;}
.connect-area li a{ font-size:18px; color:#000} .connect-area li a:hover{ color:#00999f; text-decoration:none}
#checkboxList{ text-align:left;} #checkboxList input{ display:inline-block; width:auto; margin-right:5px; height:15px; width:15px;}
#checkboxList label{ margin-bottom:5px;}
.clinical-research-area{ padding:0px 0 40px 0; }
.clinical-research-area h2{ font-size: 30px;
line-height: 40px;
font-weight: 600;
padding-bottom: 5px; color: #000; text-align: center;}
.clinical-research-box{ float:left; width:23%; margin:15px 1%}
.clinical-research-box h3{ font-size:24px; font-weight:600; line-height:30px; padding-bottom:5px; padding-top:10px;}.clinical-research-box img{ width:100%; border:}
.clinical-research-box-main{ background:#ecebe8; box-shadow:0 0px 12px rgb(0 0 0 / 0%); border-radius:20px; padding:15px 15px 20px 15px ; margin-bottom:10px; text-align:center; min-height:330px; }
.aboutbox{ background:#faefdb; float:left; width:30%; margin:0 1.5%; border-radius:20px; box-shadow:0 0px 12px rgb(0 0 0 / 10%)}
.aboutbox-main{ padding:25px 30px 30px 30px; font-size:15px; min-height:164px; border:solid 8px #f5daa9; border-radius:20px;}
.aboutbox-bottom{ background:#e2eff0; border-radius:20px; width:54%; margin:30px auto 0 auto; box-shadow:0 0px 12px rgb(0 0 0 / 10%)}
.aboutbox-bottom-main{padding:25px 30px 30px 30px; font-size:16px; text-align:center; border:solid 8px #c6dddf; border-radius:20px;}
.f-s-box{ background:#faefdb; border-radius:20px; float:left; width:48%; margin-right:2%; margin-bottom:20px;}
.f-s-box-main{ padding:20px}
.f-s-box-main h3{ font-size:22px; font-weight:600; line-height:32px; padding-bottom:7px;}
.f-s-box-main h3 a{ font-weight:600; color:#000}
.f-s-box-main h3 a:hover{ font-weight:600; color:#00999f}
.f-s-box-main h4{ padding-bottom:10px;}
.rmore{ font-weight:bold; color:#00999f !important}.rmore:hover{ font-weight:bold; color:#f6b330 !important}
.imgleft{ float:left; margin-right:30px; margin-bottom:13px; }
.fandlpage h4{ font-weight:600; padding-bottom:20px;}
.fandlpage h3{ font-size:30px; padding-top:10px; font-weight:600; line-height:40px; padding-bottom:5px;}
.btn1:hover {
overflow: visible;
}
.hidden-info {
position: absolute;
top: 23px;
background-color: #fefefe;
margin: auto;
padding: 20px;
width: 100%;
max-width: 520px;
opacity: 0;
transition: opacity .25s ease-in-out;
}
.hidden-info {
right: 0;
}
.hidden-info {
left: 0;
}
.top-wrapper-right .btn1:hover .hidden-info {
opacity: 1;
}
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }.slick-track { position: relative; left: 0; top: 0; display: block; margin:0 10px; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }.slick-loading .slick-track { visibility: hidden; }ul.slick-track { margin:0px; padding:0px;}
ul.slick-track li { list-style-type:none; margin:15px 12px 0px 12px;}
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }.slick-slide img { display: block; max-width:100%; display:inline-block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-prev, .slick-next { position: absolute; height:164px; width:31px; background:transparent; line-height: 0; font-size: 0; cursor: pointer; color: transparent; top:27%; border: none; outline: none; } .slick-dots { position: absolute; bottom: -50px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; display:none !important;}
.slick-dots li { position: relative; display: inline-block; height:8px; width:45px; margin: 0 5px; padding: 0; border-radius:50px; cursor: pointer; background:#000 }
.slick-dots li button { border: 0; background: transparent; display: block; height:8px; width:45px; outline: none; line-height: 0; border-radius:50px; color: transparent; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; background:#ff834f; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; background:#ff834f; }
.slick-dots li button:before { position: absolute; top: 0; left: 0;width: 28px; height:8px; text-align: center; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { background:#ff834f; } .slick-dots li.slick-active { background:#ff834f; }
.tooltip {
position: relative;
display: inline-block;
}
.tooltip-1 {
position: relative;
display: inline-block;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 520px;
/* Position the tooltip */
position: absolute;
z-index: 9999;
top: -5px;
right: 120%; transition: none; transform: translateY(-5px);
transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0.4s;
}
.tooltip-1 .tooltiptext {
visibility: hidden;
width: 350px;
/* Position the tooltip */
position: absolute;
z-index: 9999;
top: 68px;
right: 23%; transition: none; transform: translateY(-5px);
transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0.4s;
}
.tooltip-2 .contact-container{ margin:0 auto ; padding:0px 10px 0px 10px}
.tooltip-2 h2{ padding-bottom:0}
.tooltip-2 .tooltiptext {
visibility: hidden;
width: 300px;
/* Position the tooltip */
position: absolute;
z-index: 9999;
top: 66px;
right: 23%; transition: none; transform: translateY(-5px);
transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0.4s;
} .tooltip-2 .contact-container li{ margin-bottom:10px; font-size:18px;} .tooltip-2 .contact-container li a{ font-size:18px; }
.tooltip-2 .contact-container li img{ display:inline-block; vertical-align:middle}
.tooltip:hover .tooltiptext {
visibility: visible; transform: translateY(0);
transition-delay: 0s;
}
.tooltip-1:hover .tooltiptext {
visibility: visible; transform: translateY(0);
transition-delay: 0s;
}
.tooltip-2:hover .tooltiptext {
visibility: visible; transform: translateY(0);
transition-delay: 0s;
}
.tooltip-1 .connect-area a{box-shadow:0 0px 0px rgb(0 0 0 / 0%); padding:0; margin:0 } .tooltip-2 .connect-area li{ margin-bottom:10px;}
.tooltip-2 .connect-area a{box-shadow:0 0px 0px rgb(0 0 0 / 0%); padding:0; margin:0 } .tooltip-2 .connect-area li{ margin-bottom:10px;}
.styled-select {
width: 100%;
padding: 10px;
border: 2px solid #ccc;
border-radius: 8px;
font-size: 16px;
background-color: #f9f9f9;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.styled-select option {
padding: 5px;
margin: 2px;
}
.vertical-stepper {
position: relative;
margin: 10px auto 50px auto; text-align:center;
}
.step {
position: relative;
margin-bottom:70px;
}
.circle {
position: absolute;
left: -15px;
top: 10px;
background-color: #00aaff;
color: white;
width: 40px;
height: 40px;
font-size: 16px;
font-weight: bold;
line-height: 40px;
text-align: center;
border-radius: 50%;
z-index: 1;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.content { position:relative; margin:0 auto; color:#fff;
background: #223682; box-shadow:inset -1px -1px 20px 0px rgb(0 0 0 / 23%), inset 1px 1px 24px 0px rgb(231 231 231 / 60%);
border-radius:55px;
font-size: 16px; font-weight:600;
}
.heading3{ font-size:30px; font-weight:bold; color:#f6b330; line-height:40px;}
.content a{ color:#fff; font-weight:bold; display:block;padding:12px 48px;
}
.choosecoursebtn{ text-align:center;
background-size: 226% auto; margin-bottom:20px;
display: block; background-image: linear-gradient(-225deg, #f6b330 0%, #01b2b9 29%, #f6b330 67%, #f6b330 100%);
padding: 16px 20px;
font-size: 18px;
font-weight: bold;
text-decoration: none;
animation: expertCallGradient 5s linear infinite; transition: transform 0.3s ease;
border-radius:10px;
white-space: nowrap;
width: auto;
}.choosecoursebtn:hover{ color:#000 !important}
.content:hover { background:#00999f; box-shadow:inset -1px -1px 20px 0px rgb(0 0 0 / 23%), inset 1px 1px 24px 0px rgb(231 231 231 / 60%);}
.content::after {
content: "";
position: absolute;
left: 50%;
bottom: -55px; /* Distance from box */
transform: translateX(-50%); background:url(../images/down-arrow.png) center bottom no-repeat; width:40px; height:55px;
}
.lastc{ padding:15px 45px;}
.lastc::after{ display:none}
.circle-container {
display: flex;
flex-direction: column;
align-items: center; position:relative;
}
.gradient-circle { box-shadow:0 0px 12px rgb(0 0 0 / 10%); border:solid 5px #fff;
width:40px;
height:40px;
border-radius: 50%;
padding: 10px; background:#f6b330;
/* background: linear-gradient(135deg, #00999f, #f6b330);*/
display: flex;
align-items: center;
justify-content: center;
}
.gradient-circle::before {
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
display: block;
}
.circle-text { position:absolute; top:8px; color:#fff; font-weight:bold; font-size:31px; text-align: center;}
.banner-top-area{ color:#fff; text-align:center; font-weight:900; font-size:24px;}
.banner-top-area span{ font-weight:bold; background:#00999f; padding:5px 20px}
.right-sticky-icon{ z-index: 1;
position: fixed;
top: 30%;
right: 0px;
width: 220px;
display: flex;
flex-direction: column;
pointer-events: none;}
.right-sticky-icon:hover {
pointer-events: auto;
}
.right-sticky-icon a { box-shadow:0 0px 12px rgb(0 0 0 / 7%);
transform: translate(160px, 0px);
border-radius: 50px 0px 0px 50px;
text-align: left;
margin: -2px;
text-decoration: none;
text-transform: uppercase;
padding: 4px;
font-size: 15px;
transition: all 0.8s;
pointer-events: auto;
}
.right-sticky-icon a:hover {
color: #fff;
transform: translate(0px, 0px);
}
.right-sticky-icon a:hover i {
transform: rotate(360deg);
}
.right-sticky-icon a i { font-size:1.5em;
background-color: #fff;
height: 51px;
width: 51px;
color: #000;
text-align: center;
line-height: 51px;
border-radius: 50%;
margin-right: 20px;
transition: all 0.5s;
}
.right-sticky-icon a i.fa-facebook {
background-color: #fff;
color: #3b5998;
}
.right-sticky-icon a i.fa-youtube {
background-color: #fff;
color: #fa0910;
}
.right-sticky-icon a i.fa-blogger-b {
background-color: #fff;
color: #fc4f08;
}
.right-sticky-icon a i.fa-instagram {
background-color: #fff;
color: #f124aa;
}
.right-sticky-icon a i.fa-whatsapp {
background-color: #04f712;
color: #fff;
}
.right-sticky-icon a i.fa-linkedin {
background-color: #fff;
color: #0e76a8;
}
.Facebook {
background-color: transparent;
color: #fff;
}
.Facebook:hover {
background-color: #3b5998;
color: #fff;
}
.fa-blogger-b img{ position:relative; top:15px; margin:0 auto}
.Blogspot .fw-bold{ position:relative; top:-18px;}
.Youtube {
background-color: transparent;
color: #fff;
}
.Youtube:hover {
background-color: #fa0910;
color: #fff;
}
.Blogspot {
background-color: transparent;
color: #fff;
}
.Blogspot:hover {
background-color: #fc4f08;
color: #fff;
}
.Instagram {
background-color: transparent;
color: #fff;
}
.Instagram:hover {
background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
color: #fff;
}
.Whatsapp {
background-color: transparent;
color: #fff;
}
a.Whatsapp {font-size:22px !important;}
a.Whatsapp .fw-bold{ font-size:15px; position:relative; top:-6px; }
.Whatsapp:hover {
background-color: #128C7E;
color: #fff;
}
.Linkedin {
background-color: transparent;
color: #fff;
}
.Linkedin:hover {
background-color: #0e76a8;
color: #fff;
}
.f-s-img{ float:left; width:34%; margin-top:4px;} .f-s-img img{ border:solid 7px #fff; width:177px;}
.f-s-txt{ float:right; width:63%}
.f-s-txt li{ display:block; margin-bottom:5px; line-height:26px; background:url(../images/arrow3.png) left 10px no-repeat; padding-left:12px;}
.bdall0{ border:0 !important; box-shadow:0 4px 8px rgb(0 0 0 / 0%)}
.tdc1{ color:#002060; font-weight:600}
.tdc2{ color:#c00000; font-weight:600}
.tdc3{ color:#00b050; font-weight:600}
.tdc4{ color:#4472c4; font-weight:600}
.tdc5{ color:#ed7d31; font-weight:600}
.sets-ap-table td{ color:#002060;}
.p-details label{ display:block; font-weight:600; padding-bottom:5px; color:#223682}
.p-details .row{ margin-bottom:30px;}
.genderradiobtn input { width:18px; height:18px; position:relative; top:3px;}
.genderradiobtn span{ display:inline-block; margin-top:15px; margin-right:25px;}
.checkboxgroup input[type="checkbox"] { width:18px; height:18px; position:relative; top:3px; margin-right:3px;}
.radiog input[type="radio"] { width:18px; height:18px; position:relative; top:3px; margin-right:3px;}
.p-details h3{ font-weight:600; font-size:20px; margin-top:40px; padding-bottom:7px; color:#f6b330}
.inputfile input[type="file"]{ display:inline-block; margin-top:12px;}
input::placeholder{ font-size:15px !important;}
textarea::placeholder{ font-size:15px !important;}
.clinical-research-area .modal {
display: none;
position: fixed;
z-index: 999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
}
.clinical-research-area .modal-content {
position: relative;
margin: 5% auto;
width: 80%;
max-width: 700px;
background: #000;
padding: 10px;
border-radius: 10px;
}
.clinical-research-area .modal-content iframe {
width: 100%;
height: 400px;
}
.clinical-research-area .close-btn {
position: absolute;
top: -10px;
right: 15px;
font-size: 36px; font-weight:bold;
color: #000;
cursor: pointer;
}
.clinical-research-area img{ cursor:pointer}
.tooltip-1 .modal-content{ padding:10px 10px 5px 10px;}
.tooltip-1 br{ display:none }
.toggles{ margin-top:20px;}
.toggle {background:#fff; margin-bottom:12px;}
.toggle-title { position: relative; border-radius:5px; display: block; color: #000; cursor: pointer; font-size:22px; font-weight:600; padding: 10px 43px 10px 20px; background:#f4f6f5; }
.toggle-title:after {font-family: 'fontawesome';
content: "\f055";
font-size: 30px;
font-weight: normal; position:absolute; top:1px; right:20px; }
.toggle.active .toggle-title:after {font-family: FontAwesome;
font-style: normal;
font-weight: normal;
content: "\f056";
color: #fff ;
font-size: 30px; position:absolute; top:1px; right:20px;
}
.toggle-content { padding-top: 10px; padding: 20px 25px 0px 25px; display: none; }
.toggle.active .toggle-content { display: block !important; }
.toggle.active .toggle-title { color:#fff ; background:#00999f }
.toggles p{ margin-bottom:20px; line-height:28px;}
.toggle-content:before,
.toggle-content:after {
content: " ";
display:table;}
.toggle-content:after {
clear: both;}
.we-offer-box-left{ float:left; width:74%; } .we-offer-box-right{ float:right; width:26%; margin-top:7px;}
.min-hght{ min-height: 153px !important}
.feture-box-1{ float:left; width:49%} .feture-box-1 img{ border:solid 1px #00999f; border-radius:12px; padding:10px 0 41px 0}
.feture-box-2{ float:right; width:49%}
.internship-centres-area{ padding:0px 0 40px 0}
.internship-centres-area h2{ text-align:center; font-size: 30px;
line-height: 40px;
font-weight: 600;
padding-bottom:20px;}
.internship-centres-left{ float:left; width:48%}
.internship-centres-right{ float:right; width:49%}
.cstdydossier br{ display:none} .cstdydossier label{ margin-top:3px;}
.csd input {
width: 95%;
padding: 10px;
margin-top: 5px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 16px;
}
.csd select {
width: 100%;
padding: 10px;
margin-top: 5px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 16px;
}
.Register-left label span{ color:#FF0000; margin:0}
.current-menu-ancestor a{color:#f6b330 !important} .current-menu-item a{ color:#f6b330 !important}
.admissionstarts{ float:right;
background: #223682;
color: #fff;
padding: 14px 28px;
border-radius: 8px;
font-weight: 600;
font-size: 16px;
}
.newsletter-box .wpcf7 form .wpcf7-response-output{ margin:0em 0.5em 1em; background:#fff; color:#539b05; border:0; font-weight:bold; text-align:center}
.popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.6);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}
.popup-content {
position: relative;
background: #fff;
padding: 10px;
border-radius: 8px;
max-width: 90%;
max-height: 90%;
}
.popup-content img {
max-width: 100%;
height: auto;
display: block;
}
.close-btn {
position: absolute;
top: -10px;
right: -10px;
font-size: 24px;
background: #fff;
color: #000;
border-radius: 50%;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
cursor: pointer;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.blog-left{ float:left; width:30%; position: sticky;
top: 0;
align-self: flex-start;}
.blog-left h3{ color:#fff; font-size:20px; font-weight:600; padding-bottom:5px;}
.blog-right{ float:right; width:67%}
.blog-area{ padding:50px 0}
.content-topic{ background:#00999f; border-radius:12px; padding:15px;}
.content-topic ul li{ margin-bottom:2px;}
.content-topic ul li a {
background: #fff;
display: block;
padding: 10px 18px;
border-radius: 75px;
box-shadow: inset -1px -1px 20px 0px rgb(0 0 0 / 23%), inset 1px 1px 24px 0px rgb(231 231 231 / 60%);}
.content-topic ul li a:hover {background: #f6b330; color: #000;}
.clinverseedge-newsletter{ background:#00999f; border-radius:12px; padding:15px 15px 0 15px; margin-top:20px; margin-bottom:20px;}
.blog-leftbtn{ margin-top:20px;}
.blog-leftbtn .tooltip{ display:block}
.crc-video-frame{ margin-bottom:70px;}
.crc-video-frame .crc-v-box{ float:left; width:30%; margin:0 1.5%} .crc-video-frame .crc-v-box iframe{ box-shadow:0 4px 8px rgb(0 0 0 / 10%); border:solid 1px #00999f; border-radius:12px; padding:10px;}
.blog-right h2{ color:#00999f; font-size:28px; font-weight:600; padding-bottom:10px; line-height:34px;} .blog-right p{ padding-bottom:20px;}
.blog-right h3{ font-size:18px; font-weight:600; line-height:24px; padding-bottom:5px;}
.youtube-videos .video-frame{ margin-top:20px;}.youtube-videos .video-frame .responsive-iframe-container{ margin-bottom:10px;}
.blog-leftbtn .cont-btn{ display:block; margin:0; padding:15px 0; text-align:center; width:100%;}
.blog-leftbtn .tooltip-1{ display:block}
.blogcbox1{ border:1px solid #00999f; box-shadow:0 4px 8px rgb(0 0 0 / 10%); padding:20px; border-radius:12px; margin-top:20px; background:#f4f6f5}
.blogcbox1 h3{ color:#000} .blogcbox1 li{ border-bottom:solid 1px #ddd; padding:12px 0; line-height:24px;}.blogcbox1 li a{ font-weight:600 } .blogcbox1 li:last-child{ border-bottom:0 }
.blog-leftbtn .tooltip-1 .tooltiptext{ right:8%; top:60px;}
.blog-detail-left{ float:left; width:48%} .blog-detail-left h5{ padding-top:15px;}
.blog-detail-left img{ float:left; margin-right:12px;}
.blog-detail-right{ float:right; width:51%}
.blog-detail-right h4{ line-height:21px; font-weight:600; color:#f6b330}
.blog-detail-top{ margin-bottom:20px;}
.blog-listing-right{ width:67%; float:right;}
.blog-box{ float:left; width:43%; margin:0 2.5% 20px 0; border:1px solid #00999f; border-radius:12px; padding:20px 2%;}
.blog-description{ padding-top:15px; line-height:25px; min-height:108px;} .blog-description h3 a{ font-size:18px; font-weight:600}
.search-form{ max-width:1180px; width:100%; margin:0 auto 50px auto; text-align:center}
.search-form .search-field{ width:auto}
.search-form .search-submit{ width:auto; background:#000; color:#fff; padding:13px; 20px}
.banner-section{ background:url(../images/banner-bg.jpg) center top no-repeat; background-size:cover; padding:30px 0 30px 0}
.banner-section-left{ float:left; width:48%; text-align:center}
.banner-section-left h1{ color:#e10473; font-size:30px; font-weight:bold; padding:3px 15px; text-align:center; margin-bottom:10px; }
.banner-section-left h2{ font-size:22px; font-weight:bold; color:#00999f; line-height:30px; text-align:center}
.banner-section-right{ float:right; width:42%; text-align:center; padding-top:50px;}
.curvebg{ margin-top:20px;}
.curvebg p{
font-size: 23px; font-weight: bold; padding:0px 10px 0 0px; text-align: center; line-height: 28px; color:#014bae}
.banner-section-left ul{ margin:12px 0 0 0px;} .banner-section-left ul li a{ font-size:19px; font-weight:600} .banner-section-left ul li{ line-height:28px;}
.fa-globe:before {
content: "\f0ac";
}.banner-section-left ul li .fa{ color:#00999f; font-size:19px; padding-right:5px;}
.banner-section-right img{ margin:0 auto; position:relative; top:0px;}
.banner-section-right .cont-btn{ margin:0; color:#fff; font-size:18px;}
.what-you-will-learn{ padding:40px 0; background:#f4f6f5}
.what-you-will-learn h2{font-size: 30px; line-height: 40px; font-weight: 600;
padding-bottom: 20px; color: #000; text-align: center;}
.what-you-will-learn-left{ float:left; width:44%; background:#fff} .what-you-will-learn-left img{ background:#fff; padding:18px;}
.what-you-will-learn-right{ float:right; width:54%; background:#014bae; padding:22px 1%; color:#fff}
.what-you-will-learn-right li{ background:url(../images/hand-icon1.png) left 4px no-repeat !important; font-size:16px; padding-left:26px !important}
.courses-we-offer-section{ padding:30px 0;}
.courses-we-offer-section h2{font-size: 30px; line-height: 40px; font-weight: 600;
padding-bottom: 15px; color: #000; text-align: center;}
.courses-we-offer-box{ float:left; width:47%; margin:12px 1%}
.courses-we-offer-box-main{ border:solid 1px #00999f; padding:15px; border-radius:12px; background:#fff;}
.courses-we-offer-box-main-left{ width:100%}
.courses-we-offer-box-main-right{ width:100%; margin-top:20px; min-height:348px;}
.courses-we-offer-box-main-right h3{ font-weight:bold; font-size:21px; padding-bottom:5px; line-height:25px; color:#00999f; padding-bottom:10px;}
.courses-we-offer-box-main-right p{ padding-bottom:15px;}
.courses-we-offer-box-main-right h4{ font-weight:bold; font-size:18px; padding-bottom:5px; line-height:22px;}
.read-more-btn{ border:0; cursor:pointer; background:#f8b400; color:#fff; font-weight:bold; padding:10px 20px; border-radius:5px;}
.read-more-btn:hover{ background:#00999f}
.dots{ font-size:0}
.why-choose-section{ padding:40px 0 60px 0}
.why-choose-section h2{font-size: 30px; line-height: 40px; font-weight: 600;
padding-bottom:20px; color: #000; text-align: center;}
.why-choose-section img{ margin:0 auto}
.student-journey-section{ padding:40px 0}
.student-journey-section h2{font-size: 30px; line-height: 40px; font-weight: 600;
padding-bottom:20px; color: #000; text-align: center;}
.student-journey-box{ float:left; width:30%; margin:0 1.5%; text-align:center; position:relative;}
.student-journey-section h3{ position:relative; background:#014bae; padding:10px 20px; color:#fff; font-weight:bold; font-size:21px; margin-top:20px; line-height:26px; min-height:51px; border-radius:10px 0 0 10px}
.student-journey-section h3::after {
content: "";
position: absolute;
left: 97%;
bottom: 0px;
background: url(../images/arrow-g.png) center bottom no-repeat;
width: 38px;
height:71px;
}
.marketinglpage h2{ text-align:center; color:#000}
.marketinglpage{ background: #f4f6f5!important}
.blinking-button {
padding: 21px 24px; display:inline-block; font-weight:bold;
font-size: 28px;
background-color: #eb3b3e;
color: #fff !important;
border: none;
border-radius: 100%;
cursor: pointer;
animation: blink 1s infinite;
}
@keyframes blink {
0%, 100% { opacity: 1; }
50% { opacity: 0; }
}
@keyframes blink-bg {
0%, 100% { background-color: #eb3b3e; }
50% { background-color: #dda203; }
}
.blinking-button {
animation: blink-bg 1s infinite;
}
.mtopbar{ height:7px; background:#d11c1f; width:100%;}
.overlay-background {
position: relative;
background: url(../images/students-talking-lesson.jpg) center bottom no-repeat;
background-size: cover;
background-position: center;
}
.overlay-background::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(16, 85, 90, 0.8); /* Black with 50% opacity */
z-index: 1;
}
.overlay-background > * {
position: relative;
z-index: 2;
}
.mnewbanner-left{ float:left; width:48%; padding:0px 0 30px 0; text-align:center} .mnewbanner-right{ float:right; width:38%; padding-top:55px;} .mnewbanner-right img{ margin:0 auto; position:relative;}
.mnewbanner-left h1{ color:#fff; font-size:40px; line-height:50px; font-weight:bold; padding-bottom:30px; padding-top:30px;}
.bannercircle{ background:#fff; border-radius:20px; margin:0 auto}
.bannercircle p{font-size: 28px; line-height:36px;
font-weight: bold;
margin: 0 auto;
padding: 25px 30px 30px 30px;color:#d11c1f}
.mnewbanner-left h3{ color: #fff; border-bottom:solid 1px #75adac; padding-bottom:22px;
font-size: 24px;
font-weight: bold;
line-height:34px;
margin-top: 30px; margin-bottom:20px;}
.mnewbanner-left ul{ text-align: center; } .mnewbanner-left ul li{display: inline-block;
line-height:30px;
padding: 0 10px;}
.mnewbanner-left li a{ color:#fff; font-size:20px; font-weight:bold} .mnewbanner-left li .fa { color:#fff}
.mnewbanner-left li a:hover{ text-decoration:underline}
.funfact-row {
padding: 30px 0px 50px 0;
text-align: center;
}
.funfact-row h2{
font-size: 30px;
line-height: 40px;
font-weight: 600;
color: #000;
text-align: center;
}
.funfact-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-top: 30px;
}
.funfact-box {
background: #fff;
padding: 20px;
border-radius: 10px;
width: 20%;
min-width: 200px;
box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.1);
}
.funfact-box h3 { font-weight:bold; color:#d11c1f; line-height:44px;
font-size: 41px;
}
.funfact-box p {
margin:5px 0 0;
font-size: 20px;
color: #10555a;
}
@media (max-width: 768px) {
.funfact-box {
width: 40%;
}
}
@media (max-width: 500px) {
.funfact-box {
width: 100%;
}
}
.what-you-will-learn-in{ padding:40px 0}
.what-you-will-learn-in h2{font-size: 30px;
line-height: 40px;
font-weight: 600;
padding-bottom: 25px;
color: #000;
text-align: center;}
.what-you-will-learn-in-left{ float:left; width:48%} .what-you-will-learn-in-right{ float:right; width:48%}
.what-you-will-learn-in li{ margin-bottom:7px !important; font-size:16px; background: url(../images/list-arrow.png) left 5px no-repeat !important; padding-left:18px !important}
.courses-we-offer-section-new{ background:#ecebe8; padding:40px 0}
.courses-we-offer-section-new h2{font-size: 30px;
line-height: 40px;
font-weight: 600;
padding-bottom: 25px;
color: #000;
text-align: center;}
.courses-we-offer-box1{ margin-bottom:20px; background:#fff} .courses-we-offer-box1 img{ width:100%}
.courses-we-offer-box-main-left-1{ float:left; width:50%}
.courses-we-offer-box-main-left-1-main{ padding:23px 25px;}
.floatright{ float:right}
.courses-we-offer-box1 h3{ font-size:22px; line-height:25px; font-weight:bold; padding-bottom:10px; color:#10555a}
.courses-we-offer-box1 h4{ font-weight: bold;
font-size: 18px;
padding-bottom: 5px;
line-height: 22px;}
.read-more-btn1{ border:0; cursor:pointer; background:#d11c1f; color:#fff; font-weight:bold; padding:10px 20px; border-radius:5px;}
.read-more-btn1:hover{ background:#10555a}
.about-clinverseedge-ection{ padding:40px 0; background: url(../images/v-line.jpg) left top repeat-x !important;}
.about-clinverseedge-ection h2{font-size: 30px;
line-height: 40px;
font-weight: 600;
padding-bottom: 15px;
color: #fff;
text-align: center;}
.about-clinverseedge-ection p{ text-align:center; padding-bottom:20px; line-height:22px; color:#fff; font-size:16px;}
.student-journey-section-new{ background:#ecebe8; padding:40px 0}
.student-journey-section-new h2{font-size: 30px;
line-height: 40px;
font-weight: 600;
padding-bottom: 25px;
color: #000;
text-align: center;}
.student-journey-box1{ float:left; width:31%; margin:0 1.1%}
.student-journey-box1 h3{ font-size:21px; font-weight:bold; text-align:center; display:none}
.stripimg{ margin-top:50px; margin-left:1.1%}
.sjmain{ border:solid 10px #10555a; border-radius:10px; position:relative;}
.sjmain::after {
content: "";
position: absolute;
bottom: -70px; /* adjust distance below box */
left: 50%;
transform: translateX(-50%);
border-width: 30px;
border-style: solid;
border-color: #d11c1f transparent transparent transparent;
}
.choose-us-area {
padding: 60px 0;
text-align: center;
text-align: center;
}
.chooe-us-area h2{
font-size: 30px;
line-height: 40px;
font-weight: 600;
color: #000;
text-align: center;
}
.choose-geid{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-top: 20px;
}
.chose-boxs{
background: #d11c1f;
padding: 20px;
border-radius: 10px;
width: 15%;
min-width: 200px;
box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.1);
text-align: center;
}
.chose-boxs img {
display: block;
margin: 0 auto 10px;
max-width: 60px;
}
.chose-boxs p { font-weight:600;
margin: 0;
font-size: 18px;
color: #fff;
}
.clnewm .clinical-research-box-main{ background:#ecebe8; box-shadow:0 0px 12px rgb(0 0 0 / 0%)}
@media (max-width: 768px) {
.chose-boxs {
width: 40%;
}
}
@media (max-width: 500px) {
.chose-boxs {
width: 100%;
}
}
.chooe-us-area{ background:#ecebe8; padding:40px 0 60px 0; margin-bottom:50px;}
.landingfaq .toggle.active .toggle-title{ background:#10555a}
.landingfaq .toggle-title{ background:#ecebe8}
.mnewbanner-right p{ font-weight:bold; color:#fff;}
.landingpage-logo{position: relative; box-shadow:0 8px 40px 0 rgb(0 0 0 / 20%);
background-color: #fff; border-radius:0px 0px 60px 60px;
padding: 20px;
width: 200px;
text-align: center;
margin: 0px auto; /* centers the box horizontally */}
.landingpage-logo img{ margin:0 auto}
.section-btn-area{ text-align:center; margin-top:30px; margin-bottom:20px;}
.lpsbtn{ background:#d11c1f; color:#fff !important; font-size:18px; font-weight:bold; padding:16px 35px; border-radius:10px;}
.lpsbtn:hover{ background:#10555a}
.high-paying-job-section{ padding:40px 0 10px 0}
.high-paying-job-section-left{ float:left; width:48%}
.high-paying-job-section-left img{ border-radius:10px 0 0 10px;}
.high-paying-job-section-right{ float:right; width:48%; padding-top:35px;}
.high-paying-job-section-right h2{font-size: 30px; line-height: 38px; padding-right:15px; font-weight: 600; padding-bottom: 15px; color: #000; }
.high-paying-job-section-right p{ font-size:16px; padding-right:25px;}
.our-faculties-section{ padding:40px 0 50px 0}
.our-faculties-section h2{font-size: 30px; line-height: 38px; font-weight: 600; padding-bottom:0px; text-align:center; color: #000;}
.landing-page-form-area{ background:#d11c1f; padding:30px 30px 20px 30px; border-radius:30px;}
.landing-page-form-area h2{ color:#fff; font-weight:bold; font-size:24px; line-height:28px; padding-bottom:15px}
.landing-page-form-area input, select, textarea{ background:#fff}
.lpform-row label{ font-weight:bold; color:#fff; padding: 0 !important} .lpform-row{ margin-bottom:15px;}
#btnsubt{ background:#000; color:#fff; border:0; cursor:pointer; width:100%; font-weight:bold; font-size:20px;}
#btnsubt:hover{ background:#10555a}
.lpform-left{ float:left; width:48%} .lpform-right{ float:right; width:48%}
.lpform-row .wpcf7-not-valid-tip{ color:#fff}
.landing-page-form-area .wpcf7-response-output{ color: #fff;
text-align: center;
font-size: 16px;}
.new-facultues-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-top: 30px;
}
.new-facultues-box {
background: #fff;
padding: 20px;
border-radius: 10px;
width: 28%;
min-width: 200px;
box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.1);
display: flex;
gap: 15px;
align-items: flex-start;
}
.new-facultues-box-imge-box img {
object-fit: cover;
border-radius: 50%;
}
.new-facultues-box-imge-box{ width:30%; padding-top:8px;}
.new-facultues-box-text-box h3 {
font-size: 20px; font-weight:600; color:#10555a;
margin-bottom: 5px;
}
.new-facultues-box-text-box ul li {
display: block;
margin-bottom: 7px;
font-size: 15px;
line-height: 20px;
background: url('../images/arrow3.png') left 5px no-repeat;
padding-left: 12px;
}
@media (max-width: 768px) {
.new-facultues-box {
width: 90%;
padding: 10px;
}
}
.new-facultues-box-text-box {
width: 90%;
}
.clinical-research-pay-now{ padding:60px 0}
.clinical-research-pay-now-area-main{width: 100%; max-width: 770px; margin: 0 auto; background-color: #fff; border-radius: 12px; box-shadow: 0 4px 8px rgb(0 0 0 / 10%); padding: 30px 30px 20px; transition: transform 0.3s ease, box-shadow 0.3s ease; border: 1px solid #00999f;}
.clinical-research-pay-now-area-main #checkboxList label{ display:inline-block; width:50%}
.registernowform {
display: none;
}
.registernowform.active {
display: block;
}
.paytmo{ display:inline-block; margin:0 20px; font-size:24px; font-weight:bold}
.paytmo input[type="radio"] { width:20px; height:20px;}
.checklisttm label{ display:inline-block; margin-right:20px;}
.checklisttm input[type="checkbox"] { width:15px; height:14px;}
.free-detailed-career-counselling-area{ background:#d11c1f; text-align:center; color:#fff; font-weight:bold; font-size:26px; padding:8px 0}
.free-detailed-career-counselling-area p{ font-weight:bold}
.free-detailed-career-counselling-1{ padding:60px 0 60px 0}
.limiteds{ text-align:center}
.limiteds p{ background:#d11c1f; color:#fff; font-weight:bold; font-size:22px; padding:8px 30px; border-radius:10px; display:inline-block; }
.free-detailed-career-area{ margin-top:40px;}
.free-detailed-career-area-left{ float:left; width:66%}
.free-detailed-career-area-right{ float:right; width:27%; padding-top:16px;}
.free-detailed-career-area-left li{ margin-bottom:7px !important; font-weight:600; font-size:16px; background: url(../images/list-arrow.png) left 5px no-repeat !important; padding-left:18px !important}
.counsellin-video{ margin-bottom:60px;}
.counsellin-video iframe{box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
border: solid 1px #00999f;
border-radius: 12px;
padding: 10px; }
.clinical-research-fee-include{ padding-bottom:50px;}
.clinical-r-c-fee{ float:left; width:48%}
.clinical-r-c-with-fee{ float:right; width:47%}
.clinical-research-fee-include h2{ font-size: 30px;
line-height: 40px;
font-weight: 600;
padding-bottom: 20px;
color: #000; text-align:center; }
.feebtn{ background-color:#f70707; padding:18px 18px; border-radius:10px; font-size:18px; font-weight:600; color:#fff; text-align:center; box-shadow:inset -1px -1px 20px 0px rgb(0 0 0 / 23%), inset 1px 1px 24px 0px rgb(231 231 231 / 60%); margin-bottom:10px; line-height:25px;}
.feebtn1{ background-color:#305594; padding:18px 18px; border-radius:10px; font-size:18px; font-weight:600; color:#fff; text-align:center; box-shadow:inset -1px -1px 20px 0px rgb(0 0 0 / 23%), inset 1px 1px 24px 0px rgb(231 231 231 / 60%); margin-bottom:10px; line-height:25px;}
.min64{ min-height:64px; padding-top:29px;}
.left-cl-fee{ float:left; width:48%; margin-right:2%}
#wpcf7-f1779-p1380-o1 p{ margin:0}
@media (max-width: 1280px) {.container-area{ width:98%} .table-width{ overflow-x:scroll; margin-bottom:20px;}.experience-box{ width:130px; height:130px; margin:10px 3px}.experience-box h3{ padding-top:25px; font-size:38px;}.experience-box p { font-size:13px; line-height:18px;}}
@media (max-width: 768px) {.inner-left{ width:100%}.inner-right{ width:100%}.r-left{ width:100%;} .r-right{ width:100%; padding-top:20px;}.Register-left textarea{ width:96.4%}.clinical-research-box{ width:48%} .aboutbox{ width:97%; margin-top:20px} .aboutbox-bottom{ width:95%} .f-s-box{ width:100%; margin-right:0}.tooltip .tooltiptext{ width:auto; right:0; top:5px;}.sets-apart-area{ overflow-x:scroll}.we-offer-box-left{ width:100%}.we-offer-box-right{ width:100%}.feture-box-1{ width:99%}.feture-box-2{ width:99%; margin-top:15px;}.about-right{ margin-top:15px;}.internship-centres-left{ width:100%} .internship-centres-right{ width:100%; margin-top:15px;}.min-hght { min-height:inherit !important}.we-offer-text{ min-height:inherit}
.page-path{ padding-bottom:40px;}.nav-area h4{ background: url(../images/arrow1-1.png) no-repeat 250px 25px; font-size:17px;} .crc-video-frame .crc-v-box{ width:93%; margin:20px 1.5%}
.blog-left{ width:100%}.blog-right{ width:100%; margin-top:20px;}.blog-detail-left{ width:100%} .blog-detail-right{ width:100%; margin-top:11px;} .blog-listing-right{ width:100%; margin-top:20px;}.banner-section-left{ width:100%}.banner-section-right{ width:100%; padding-top:20px;}.what-you-will-learn-left{ width:100%}.what-you-will-learn-right{ width:98%}.courses-we-offer-box{ width:98%}.student-journey-box{ width:97%}
.student-journey-section h3::after{ display:none}.student-journey-section h3{ margin-bottom:30px;}.what-you-will-learn-left img{ float:none}.container-area1{ width:96%}
.mnewbanner-left{ width:100%;}.mnewbanner-right{ width:100%; padding-top:20px; margin-bottom:20px;}.what-you-will-learn-in-right{ width:100%}.what-you-will-learn-in-left{ width:100%; padding-top:20px;}
.courses-we-offer-box-main-left-1{ width:100%;}.high-paying-job-section-left{ width:100%;}.high-paying-job-section-right{ width:100%;; padding-bottom:40px;}.high-paying-job-section-right p{ padding-left:15px;} .high-paying-job-section-right h2{ padding-left:15px} .clinical-research-pay-now-area{ width:94%; padding:10px;} .free-detailed-career-counselling-area p{ line-height:34px;} .free-detailed-career-counselling-area{ padding:12px 0} .free-detailed-career-area-left{ width:100%} .free-detailed-career-area-right{ width:100%; text-align:center; float:none}
}
@media (max-width: 767px) {.clinical-r-c-fee{ width:100%}.clinical-r-c-with-fee{ width:100%; margin-top:20px;}}
@media (max-width: 479px) {.newsletter-box input{ width:56%}.our-training-area img{ height:33px;}.contact-card a{ font-size:22px;}.container-area{ width:96%}.clinical-research-box{ width:98%}.f-s-box-main img{ width:100%; margin-right:0; float:none}.f-s-box-main h3{ padding-top:15px;}.top-wrapper-social{ margin-right:4px; margin-top:5px; margin-bottom:13px;}.top-wrapper-social a{ margin-left:0;}.banner-top-area{ font-size:22px; line-height:30px; padding:10px 0}.clinical-research-box-main{ min-height:inherit}.tooltip-1 br{ display:block }.tooltip-1 .tooltiptext{ right:-8%}.f-s-img{ width:96%}.f-s-txt { width:100%}.clinical-center-btn .btnr{ margin:5px;}.we-offer-tittle{ line-height:36px;}.lastc{ padding:15px 30px;}.btn1{ font-size:14px;}.top-wrapper-left li{ padding-right:5px;}.top-wrapper-left li{ font-size:14px; margin-right:0}.admissionstarts{ position:relative; float:none; top:24px; font-size:14px; padding:10px 15px; display:block } .clinical-bochher{ margin:10px 0px 50px}.clinical-bochher .cont-btn-1{ margin-bottom:20px !important; display:block;}.blog-box{ width:95%}.clinverseedge-newsletter h3{ line-height:24px;}
.clinverseedge-newsletter .newsletter-box .wpcf7-form-control-wrap{ width:70%} .tooltip-2 .tooltiptext{ width:360px; right:0}.banner-section-right .cont-btn{ font-size:12px; padding:11px 8px}.curvebg p{ font-size:18px; padding:58px 45px 0 55px; width:320px;}.curvebg{ width:auto}.toggle-title{ line-height:30px; font-size:21px; padding:10px 48px 10px 20px}.student-journey-section h3{ border-radius:10px;}.btn1{ padding:7px 10px;}
.banner-section-left h1{ font-size:24px; line-height:32px;}.banner-section-left h2{ font-size:20px; line-height:28px;}.student-journey-section{ padding:40px 0 0 0}
.modal-content{ width:90%; padding:20px 10px} .choosecoursebtn{ font-size:16px;}.clinical-research-pay-now-area-main{ width:80%} .limiteds p{ line-height:30px;}
.counsellin-video iframe{ width:95%} .feebtn{ margin-right:0; } .feebtn1{ margin-right:0; } .min64{ min-height:inherit; padding-top:18px} .left-cl-fee{ width:100%; margin-right:0; margin-top:25px;}.clinical-r-c-fee h2{ padding-bottom:0}.table-scroll{ overflow-x:scroll} .toggle-title:after{ top:6px;} .toggle.active .toggle-title:after{ top:6px;} .footer-top-area h6{ line-height:30px;} .newsletter-box input[type="submit"]{ padding:16px;}
}