* {
padding: 0;
margin: 0;
}
html, body {height: 100%; width: 100%;}
body{ font-family: 'Inter',sans-serif; font-size:18px; color:#000; line-height: 1.5;}
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:'Inter',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: 'Inter',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: #35b6b4 ; 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: #003d73; -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:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url('../fonts/fa-brands-400.eot');src:url('../fonts/fa-brands-400.eot?#iefix') format("embedded-opentype"),url('../fonts/fa-brands-400.woff2') format("woff2"),url('../fonts/fa-brands-400.woff') format("woff"),url('../fonts/fa-brands-400.ttf') format("truetype"),url('../fonts/fa-brands-400.svg#fontawesome') format("svg")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400; font-style:normal}
.fa-x-twitter:before {
content: "\e9ca";
}
@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-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-x-twitter:before{content:"\e61b"} .fa-calendar:before { content: "\f073";}.fa-home:before { content: "\f015";} .fa-slash-forward:before { content: "\2f";} .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";}
.stellarnav { position: relative; width: 100%; z-index: 9900; line-height: normal;}
.stellarnav a { color: #2d2d4a; }
.stellarnav ul { margin: 0; padding: 0; text-align: center; }
.stellarnav li { list-style: none; display: block; margin: 0; padding: 0 20px; position: relative; line-height: normal; vertical-align: middle; }
.stellarnav li a { display: block; text-decoration: none; color: #2d2d4a; font-size: 15px; font-weight:400; box-sizing: border-box; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; }
.stellarnav ul li a{color:#575766;} .stellarnav ul li a:hover{color:#ff8175 ;}
.stellarnav > ul > li > ul > li > a{ color:#2d2d4a }
.stellarnav > ul > li > ul > li:last-child{ border-bottom:0}
/* main level */
.stellarnav > ul > li { display: inline-block;padding:0px 0px 0 0; } .stellarnav > ul > li:last-child { padding-right:0} .stellarnav > ul > li:first-child { padding-left:0}
.stellarnav > ul > li > a { padding:12px 10px; font-size:15px; font-weight:600; }
.stellarnav > ul > li:hover a { color:#49e4e2; }
.stellarnav > ul > li > a.act { color:#49e4e2;}
.stellarnav > ul > li:hover a:after { border-color:#35b6b4 !important}
.stellarnav ul ul { top: auto; width: 260px; padding:8px 0px; position: absolute; z-index: 9900; text-align: left; display: none; left:-7px;border-bottom-left-radius:16px; border-bottom-right-radius:16px; background:#fff; }
.stellarnav ul .mega-menu { width:1180px !important; position: absolute; display: none; left:-550px; border-bottom-left-radius:16px; border-bottom-right-radius:16px; padding:15px 10px 10px 0; background: #fff;}
.stellarnav ul .mega-menu1 { width:700px !important; position: absolute; display: none; left:-305px; border-bottom-left-radius:16px; border-bottom-right-radius:16px; padding-bottom:15px; background: #fff;}
.stellarnav ul .mega-menu-sub {
display:block !important;
}
.stellarnav ul .mega-menu.mega-menu-column1 .mega-menu-column1 li {
display: inline-block;
}
.stellarnav ul .mega-menu1.mega-menu-column1 .mega-menu-column1 li {
display: inline-block;
}
.mega-menu-column-1{ float:left; width:25%}
.mega-menu-column-2{ float:left; width:50%}
.stellarnav ul .mega-menu li {
padding:5px 10px 5px 20px;
}
.stellarnav ul .mega-menu li a { /*background:url(../images/dash-icon1.jpg) left 10px no-repeat;*/
color: #000;
padding:0px 0px 12px 0px;
border-bottom:1px solid rgba(9, 36, 60, 0.1215686275); line-height:21px;
}
.stellarnav ul .mega-menu li:last-child a {
border-bottom: none;
}
.stellarnav ul .mega-menu1 li {
padding:5px 10px 5px 20px;
}
.stellarnav ul .mega-menu1 li a { /*background:url(../images/dash-icon1.jpg) left 10px no-repeat;*/ line-height:21px;
color: #000;
padding:0px 0px 12px 0px;
border-bottom:1px solid rgba(9, 36, 60, 0.1215686275);
}
.stellarnav ul .mega-menu1 li:last-child a {
border-bottom: none;
}
.stellarnav li li { display: block; }
/* second level dd */
.stellarnav ul ul ul { top: 0; /* dd animtion - change to auto to remove */ left: 260px; }
.stellarnav > ul > li:hover > ul > li:hover > ul { opacity: 1; visibility: visible; top: 0; }
/* .drop-left */
.stellarnav > ul > li.drop-left > ul { right: 0; }
.stellarnav li.drop-left ul ul { left: auto; right: 280px; }
/* light theme */
.stellarnav.light { background: rgba(255, 255, 255, 1); }
.stellarnav.light a { color: #000; }
.stellarnav.light ul ul { background: rgba(255, 255, 255, 1); }
.stellarnav.light li a { color: #000; }
/* dark theme */
.stellarnav.dark { }
.stellarnav.dark a { }
.stellarnav.dark ul ul { }
.stellarnav > ul > li > ul{ box-shadow:0px 3px 7px 0px rgb(40 35 30 / 10%); }
.stellarnav > ul > li > ul > li{ border-bottom:1px solid rgba(9, 36, 60, 0.1215686275);}
.stellarnav > ul > li > ul > li > a{ color:#000 !important; padding:10px 0px; font-weight:400; font-size:15px; }
.stellarnav ul li ul li a:hover{ color:#35b6b4 !important}
.stellarnav ul li ul li ul li a{ color:#fff !important }
.stellarnav ul li ul li a:hover{ color:#35b6b4 !important}
.stellarnav.dark li a { color: #fff; }.stellarnav.dark li a:hover { }
.stellarnav ul li ul li a:hover{color: #fff;}
.stellarnav ul li ul li ul li a:hover{color: #000 !important }
.stellarnav ul li ul li:hover a:after{ border-color:#fff !important}
/*.stellarnav > ul > li:hover a { background:#df8ab5; color:#ffffff !important }*/
/* sticky nav */
.stellarnav.fixed { position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; }
/* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/
body.stellarnav-noscroll-x { overflow-x: hidden; }
/* general styling */
.stellarnav li.has-sub > a{ }
.stellarnav li.has-sub > a:after { content: ''; margin-left: 5px; border: solid #fff 1px;
border-width: 0 1px 1px 0; padding: 3px; display: inline-block; transform: rotate(45deg);
-webkit-transform: rotate(45deg); position:relative; top:-2px }
/*.has-sub > a:hover:after { border-color:#fff !important}*/
.stellarnav li li.has-sub > a:after { margin-left: 10px; float: right; border: solid #000 1px;
border-width: 0 1px 1px 0; padding: 3px; position: relative; top: 5px; transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
.stellarnav li.drop-left li.has-sub > a:after { float: left; margin-right: 10px; border-left: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #FFF; }
.stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after { display: none; }
.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile { display: none; text-transform: uppercase; text-decoration: none; }
.stellarnav .dd-toggle { display: none; position: absolute; top: 0; right: 0; padding: 0; width: 48px; height: 48px; text-align: center; z-index: 9999; border: 0; }
.stellarnav.desktop li.has-sub a { }
.wlink a{ color:#000 !important}
.stellarnav ul li ul .has-sub a:after { border-color:#000 !important}
.stellarnav ul li ul .has-sub a:hover:after { border-color:#fff !important}
.stellarnav.desktop.hide-arrows li.has-sub a { padding-right: 15px; }
.stellarnav.mobile > ul > li > a.dd-toggle { padding: 0; }
.stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile { display: none; }
/* svg icons */
.stellarnav svg { fill: currentColor; width: 1em; height: 1em; position: relative; top: 2px; }
/* svg icons */
.stellarnav a.dd-toggle .icon-plus { box-sizing: border-box; transition: transform 0.3s; width: 12px; height: 100%; position: relative; vertical-align: middle; display: inline-block; }
/*.stellarnav a.dd-toggle .icon-plus:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 44%; transform: rotate(90deg); transition: width 0.3s; }*/
.stellarnav a.dd-toggle .icon-plus:after {content: ''; display: block; width: 5px; height: 5px; top:28%; border: solid 3px #777; position: absolute; border-width:0 2px 2px 0;transform:rotate(45deg); padding:3px; }
.stellarnav li.open > a.dd-toggle .icon-plus { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.stellarnav.light a.dd-toggle .icon-plus:before { border-color: #fff; }
.stellarnav.light a.dd-toggle .icon-plus:after { border-color: #fff; }
.stellarnav.dark a.dd-toggle .icon-plus:before { border-color: #fff ; }
.stellarnav.dark a.dd-toggle .icon-plus:after { border-color: #fff ; }
.stellarnav .icon-close { box-sizing: border-box; width: 20px; height: 20px; position: relative; display: inline-block; padding-right:20px; }
.stellarnav .icon-close:before { content: ''; display: block; width: 28px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(45deg); }
.stellarnav .icon-close:after { content: ''; display: block; width: 28px; height: 0px; top: 50%; border-bottom: solid 3px #777; position: absolute; transform: rotate(-45deg); }
.stellarnav.light .icon-close:before { border-color: #fff; }
.stellarnav.light .icon-close:after { border-color: #fff; }
.stellarnav.dark .icon-close:before { border-color: #fff; }
.stellarnav.dark .icon-close:after { border-color: #fff; }
/* mobile nav */
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu { padding:0px 0 0 0; box-sizing: border-box; font-size:30px; font-weight:bold; top:30px; position:absolute; right:10px; z-index:999;}
.stellarnav .menu-toggle span.bars { display: inline-block; margin-right: 7px; position: relative; top:0px; }
.stellarnav .menu-toggle span.bars span { display: block; width: 40px; height: 5px; border-radius: 6px; background: #777; margin: 0 0 6px; }
.stellarnav .full { width: 100%; }
.stellarnav .half { width: 50%; }
.stellarnav .third { width: 33%; text-align: center; }
.stellarnav .location-btn-mobile.third { text-align: center; }
.stellarnav .location-btn-mobile.half { text-align: right; }
.stellarnav.light .third, .stellarnav.light .half { border-left: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light.left .third, .stellarnav.light.left .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light.right .third, .stellarnav.light.right .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light .third:first-child, .stellarnav.light .half:first-child { border-left: 0; }
.stellarnav.dark .third, .stellarnav.dark .half { border-left: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.dark.left .third, .stellarnav.dark.left .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.dark.right .third, .stellarnav.dark.right .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle { border-bottom: 0; }
.stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle { border-bottom: 0; }
.stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child { border-left: 0; }
.stellarnav.light .menu-toggle span.bars span { background: #000; }
.stellarnav.dark .menu-toggle span.bars span { background: #000; }
.stellarnav.mobile { position: static; text-align:right }
.stellarnav.mobile.fixed { position: static; }
.stellarnav.mobile ul { position: relative; display: none; }
.stellarnav.mobile.active { padding-bottom: 0; }
.stellarnav.mobile.active > ul { display: block; }
.stellarnav.mobile ul { text-align: left; }
.stellarnav.mobile > ul > li { display: block; }
.stellarnav.mobile > ul > li > a { padding: 14px 25px; }
.stellarnav.mobile ul { background: rgba(221, 221, 221, 1); }
.stellarnav.mobile ul ul { position: relative; opacity: 1; visibility: visible; width: auto; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; }
.stellarnav.mobile ul ul ul { left: auto; top: auto; }
.stellarnav.mobile li.drop-left ul ul { right: auto; }
.stellarnav.mobile li a { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.mobile > ul { border-top: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.mobile.light li a { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.mobile.light > ul { border-top: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.mobile li a.dd-toggle { border: 0; }
.stellarnav.mobile.light li a.dd-toggle { border: 0; }
.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile { display: inline-block; }
.stellarnav.mobile li.call-btn-mobile { border-right: 1px solid rgba(255, 255, 255, .1); box-sizing: border-box; }
.stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile { display: inline-block; width: 50%; text-transform: uppercase; text-align: center; }
.stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full { display: block; width: 100%; text-transform: uppercase; border-right: 0; text-align: left; }
.stellarnav.mobile.light ul { background: rgba(255, 255, 255, 1); }
.stellarnav.mobile.dark ul { background: #f0f0f0 }
.stellarnav.mobile.dark ul ul { background: #fff; width:100%; }
.stellarnav.mobile.light li.call-btn-mobile { border-right: 1px solid rgba(0, 0, 0, .1); }
.stellarnav.mobile.top { position: absolute; width: 100%; top: 0; left: 0; z-index: 9999; }
.stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after { display: none; }
/* left and right positions */
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { position: fixed; top: 0; bottom: 0; width: 100%; max-width: 315px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index:999; }
.stellarnav.mobile.right > ul { right: 0px; padding-top:30px; background:#003d73;}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { display: inline-block; text-align: right; padding-right:20px; margin-top:-30px; }
.stellarnav.mobile.left > ul { left: 0; }
.stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half { text-align: center; }
.stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third { text-align: center; }
.stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half { text-align: center; }
.stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third { text-align: center; }
.stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third { text-align: left; }
.stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span { display: none; }
/* left and right positions */
/* mega dd */
.stellarnav.desktop li.mega ul ul { background: none; }
.stellarnav.desktop li.mega li { display: inline-block; vertical-align: top; margin-left: -4px; }
.stellarnav.desktop li.mega li li { display: block; position: relative; left: 4px; }
.stellarnav.desktop li.mega ul ul { width: auto; }
.stellarnav.desktop > ul > li.mega { position: inherit; }
.stellarnav.desktop > ul > li.mega > ul { width: 100%; }
.stellarnav.desktop > ul > li.mega > ul li.has-sub ul { display: block; position: relative; left: auto; }
.stellarnav.desktop > ul > li.mega > ul > li { padding-bottom: 15px; box-sizing: border-box; }
.stellarnav.desktop li.mega li li a { padding: 5px 15px; }
.stellarnav.desktop li.mega li.has-sub a:after { display: none; }
.stellarnav.desktop > ul > li.mega > ul > li > a { color: yellow; }
/* mega dd */
.stellarnav.mobile.dark ul ul li a{ border-radius:0;/* background:url(../images/arrow2.png) left 17px no-repeat; padding-left:10px;*/}
.stellarnav.mobile.dark > ul > li > ul {
box-shadow: 0 5px 11px 0 rgba(0,0,0,.0);
}
.mega-menu-sub h4{ font-weight:600; padding:15px 0 10px 20px; font-size:20px; color:#888d57;} .mega-menu-sub h4 a{ font-weight:600; font-size:20px; color:#000 !important} .mega-menu-sub h4 a:hover{ color:#e4b500 !important}
@media only screen and (max-width : 1600px) {.stellarnav > ul > li > a {padding:12px 12px}} @media only screen and (max-width : 1400px) {.stellarnav > ul > li > a { padding:12px 8px}}
@media only screen and (max-width : 1024px) {.stellarnav ul ul{ left:0;}.stellarnav > ul > li > ul > li{ width:100%; margin-left:0;}
.stellarnav { overflow: hidden; display: block; }
.stellarnav ul { position: relative; display: none; }.stellarnav > ul > li { padding:0px 8px 0 0; }.stellarnav > ul > li > ul{ border-bottom:0;}.stellarnav ul ul{ padding:0 0px 20px 20px}.stellarnav ul .mega-menu{ left:0px}.mega-menu-column-1{ width:100%; background:#fff}
.mega-menu-column-2{ width:100%; background: #fff;} .stellarnav ul .mega-menu1 li:last-child a { border-bottom: 1px solid rgba(9, 36, 60, 0.1215686275); }.stellarnav ul .mega-menu li:last-child a {border-bottom: 1px solid rgba(9, 36, 60, 0.1215686275);}
}
/* mobile nav */
@media only screen and (max-width : 420px) {.stellarnav { margin-top:18px;}
.stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span { display: none; }.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu { padding:6px 0 0 0;
}
}
@media only screen and (max-width : 768px){
.stellarnav ul .mega-menu { background: #fff; width: 290px; }
.stellarnav ul .mega-menu-sub { display: block !important; background: #fff;
}
.stellarnav ul .mega-menu li a { padding:10px 0px; color: #000;background: #fff; border-bottom: 1px solid rgb(226, 223, 223); }
}
/* Tablet and Smaller Devices */
@media (max-width: 1024px) {
.stellarnav ul .mega-menu1 li a { padding:10px 0px 10px 0px; }
.stellarnav ul .mega-menu, .stellarnav ul .mega-menu1 { width: 100% !important; left: 0; position: relative; border-radius: 0; } .mega-menu-column-1,
.mega-menu-column-2 { width: 100%; float: none; }
}
/* Mobile Devices */
@media (max-width: 768px) {.stellarnav ul .mega-menu, .stellarnav ul .mega-menu1 { width: 100% !important; position: relative; left: 0; border-radius: 0; padding: 10px; }
.mega-menu-column-1, .mega-menu-column-2 { width: 100%; display: block; }
.stellarnav ul .mega-menu li, .stellarnav ul .mega-menu1 li { padding: 0px 20px; display: block; text-align: left; }
}
.container-area{padding: 0 30px; width: auto; max-width: none; margin: 0 auto; position: relative;}
.container-area1 { max-width: 1428px; margin: 0 auto; width:100%;}
.container-area2{ max-width:1280px; width:100%; margin:0 auto}
.container-area3{ max-width:1084px; width:100%; margin:0 auto}
.top-wrapper-main{ background:#35b6b4; padding:9px 0px 12px 0px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; min-height:25px;} .clear{ clear:both} .top-left-area{ float:left;}
.top-left-area li{ display:inline-block; margin-right:20px; font-size:15px; border-right: solid 1px #bff8f7; padding-right:20px; color:#fff; line-height:16px;}
.top-left-area li:last-child{ border-right:0} .top-left-area li a{ color:#fff} .top-left-area li a:hover{ text-decoration:underline; color:#fff}
.top-left-area li img{ display:inline-block; vertical-align:middle; padding-right:2px;} .top-right-area{ float:right;} .top-right-area li{ display:inline-block; padding-left:20px; line-height:18px;} .top-right-area li a{ color:#fff} .top-right-area li a:hover{ color:#000}
.header-area{ padding:10px 0px; } .logo-area{ float:left; } .nav-area{padding:0px 15px; float:right; background:#003d73; margin-top:36px;
border-radius: 30px; border: 1px solid rgba(0, 0, 0, 0.1215686275);} .btn1{color: #fff !important; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px 16px; font-weight: 600; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; border-radius: 100px; padding: 8px 10px 8px 24px; background-color:#35b6b4;}
.btn1:hover{ background-color:#003d73; color: #fff !important;}
.btn01{color: #fff !important; font-size:18px; border:0; cursor:pointer; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px 16px; font-weight: 600; -webkit-box-align: center;
-ms-flex-align: center; align-items: center; white-space: nowrap; border-radius: 100px; padding: 8px 10px 8px 24px; background-color:#003d73;}
.btn01:hover{ background-color:#000; color: #fff !important;}
.btn2{color: #fff !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px 16px;
font-weight: 600;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
border-radius: 100px;
padding: 8px 10px 8px 24px;
background-color:#35b6b4;}
.btn2:hover{ background-color:#003d73; color: #fff !important;}
.arrow-right{ width: 32px;
height: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100%;
background-color: #fff;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: rotate(-358deg);
transform: rotate(-358deg);
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;}
.pain-conditions-area{ padding:0px 0 60px 0; position:relative; overflow:auto; background:url(../images/bg2.webp) center top no-repeat fixed; border-radius:20px; padding:60px 0}
/* .pain-conditions-area::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 40%;
height: 100%;
background: url(../images/img1.jpg) no-repeat center center;
background-size: cover;
z-index: 0;
border-radius: 20px 20px 20px 20px;
}*/
.pain-conditions-area-left-1{ float:left; width:34%; margin-right:3%;} .pain-conditions-area-left-1 ul{ float:right; width:84%;}
.pain-conditions-area-left-1 li{ border-bottom: dashed 1px #333; text-align:right; padding:12px 0 15px 0; width:100%;}
.pain-conditions-area-left-1 li:last-child{ border-bottom:0;}
.pain-conditions-area-left-1 li a{ font-weight:500; color:#000; font-size:19px; background:url(../images/arrow1.png) right 5px no-repeat; padding-right:25px;}
.pain-conditions-area-left-1 li a:hover{ color:#35b6b4;}
.pain-conditions-area-left-2{ float:left; width:25%; margin-right:3%;}
.pain-conditions-area-left-2 img{ margin:0 auto}
.pain-conditions-area-left-3{ float:right; width:34%; }
.pain-conditions-area-left-3 li{ border-bottom: dashed 1px #333; padding:12px 0 15px 0; width:85%;}
.pain-conditions-area-left-3 li:last-child{ border-bottom:0;}
.pain-conditions-area-left-3 li a{ font-weight:500; color:#000; font-size:19px; background:url(../images/arrow2.png) left 5px no-repeat; padding-left:25px;}
.pain-conditions-area-left-3 li a:hover{ color:#35b6b4;}
.pain-conditions-area h2{ font-size:48px; font-weight:600; line-height:1.08; padding-bottom:15px; color:#003d73; text-align:center}
.pain-conditions-area-left li{ margin-bottom:15px; color:#003d73; background:url(../images/check.svg) left 2px no-repeat; padding-left:18px; float:left; width:47%}
.pain-conditions-area-left li a{ font-weight:500}
.pain-conditions-area-left li a:hover{ color:#e09f01;}
.text-center{ text-align:center}
.width80{ width:80%; margin:0 auto}
.tertment-area{
padding:60px 0px;
baground:#ffff;
overflow:hidden;
} .tertment-left{ width:32%; float:left; } .tertment-right{ width:63%; float:right; margin-top: 60px; }
.left-top-box{ background:#003d73; border-radius:20px; padding:50px 40px; margin-bottom:25px; }
.left-top-box h1{ font-size:48px; line-height:50px; padding-bottom:20px; font-weight:600; color:#fff;
} .left-top-box p{ padding-bottom:20px; color:#fff; }
.img-box{ border-radius:20px; overflow:hidden; }
.img-box img { width: 100%; height: auto; object-fit: cover; border-radius: 20px; display: block;
}
@keyframes upDown {
from {
transform: translateY(0);
}
to {
transform: translateY(-10px);
}
}
.tertment-right-box {
display: flex; justify-content: space-between; border-top: 1px solid #ddd; gap:30px;
}
.tertment-right-box:last-child { border-bottom: 1px solid #ddd;}
.right-cart { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 25px 0; transition: background-color 0.3s ease, transform 0.3s ease;}
.jws-banner-image{ font-size: 15px; margin: 0px 0 0px; color:#000; font-weight: 400;}
.right-cart h3 { font-size: 23px; margin: 10px 0 0; line-height:28px; font-weight: 600; }
.right-cart h2 { font-size: 23px; margin: 10px 0 0; line-height:28px; font-weight: 600; }
.right-cart a{ color: #003d73; text-decoration:none;}
.right-cart p { font-size: 16px; line-height: 25px;}
.right-cart a:hover{ color:#35b6b4}
.right-cart img { height:80px; transition: background-color 0.3s ease, filter 0.3s ease; cursor: pointer; margin-left: auto;
}
@media (max-width: 769px) {
.tertment-left, .tertment-right { width: 95%; float: none; margin: 0 auto; } .tertment-right { margin-top: 20px; }
.tertment-right-box { display: block;}.right-cart { flex: 1; display: block; flex-direction: column; justify-content: center; padding: 10px 20px; transition: background-color 0.3s ease, transform 0.3s ease;}.right-cart {align-items: center; text-align: center; } .right-cart img { margin: 0 auto;}}
.about-area{padding:60px 10px; overflow:hidden;}
.about-box .dblh__subtitle { position: relative; font-size: 25px; color: #13297e; padding: 0px 40px;}
.about-box .dblh__subtitle::before { content: ""; mask-position: center center; mask-size: 1em; mask-repeat: no-repeat; width: 1em; height: 1em; background: currentColor; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.about-box h2{font-size:45px;line-height:50px;padding:30px 0 60px;}
.about-box img{width:100%;height:auto;object-fit:cover;border-radius:20px;}
.about-left{width:48%;float:left;padding:50px 0 20px;}
.about-left h3{font-size:26px;line-height:35px;}
.about-right{width:48%;float:right;padding:50px 0 20px;}
.about-right p {font-size:18px;line-height:28px;margin-bottom:30px;}
.appoint-detail { display: flex; align-items: center; gap: 30px; }
.appoint-detail .icon-box { width: 70px; height: 70px; background: #adb6dc; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease, filter 0.3s ease; cursor: pointer;}
.appoint-detail .icon-box img { width: 30px; height: 30px; object-fit: contain; border-radius:0px;}
.text-box { display: flex; flex-direction: column;}
.text-box .title { font-weight: 600; font-size: 16px; padding-bottom:10px; }
.text-box .desc { font-size: 20px; line-height: 25px; font-weight:600;}
@media (max-width: 769px) {.about-left { width: 95%;float: none; padding: 25px 0;}
.about-right { width: 95%; float: none; padding: 10px 0 20px;}}.about1-area{padding:60px 0px;overflow:hidden;}
.about1-left{width:48.5%;float:left;}
.about1-left img{width:100%;height:auto;object-fit:cover;border-radius:20px;}
.about1-right{width:48%;float:right;}
.about1-right_subtitle{ position: relative; font-size:18px; color: #35b6b4;}
.about1-right h2{font-size:48px;line-height:52px;font-weight:600;padding:10px 0px 20px 0;}
.about1-right p {font-size:18px;line-height:28px;margin-bottom:20px;}
.about1-box { display: flex; gap: 20px; padding-top:7px;border-top:1px solid #ddd; }
.about1-cart { display: flex; align-items: center; padding: 10px 0px; gap:15px;}
.about1-icon { width:45px }
.about1-title h3 { margin: 0; font-size: 20px; font-weight:600; line-height:28px;}
.about1-counter-section { padding:30px 0 0;}
.about1-counter-box { display: flex; gap: 15px; }
.about1-counter-number { font-size: 60px; font-weight: bold; color: #003d73; }
.about1-counter-title { font-size: 20px; color: #000; font-weight:600; display:flex; flex: 1; }
.about1-counter-box { display: flex; gap: 15px; align-items: center;}
.about1-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; flex: 0 0 140px; padding: 5px 0px 5px 10px; background: #0066cc; color: #fff; text-decoration: none; font-size: 18px; border-radius: 50px; transition: background 0.3s; overflow:hidden; z-index:1;}
.about1-btn img { width: 20px; height: 20px; background: #fff; padding: 10px; border-radius: 50%;}
.about1-btn::before { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);width: 0; height: 100%; background: #000; transition: width 1s ease; z-index: -1;
}
.about1-btn:hover::before { width: 100%;}
@media (max-width: 769px) {
.about1-left, .about1-right{ width: 100%; float: none;}
.about1-right{padding-top:20px;}
.about1-box { display: block; gap: 20px; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.about1-cart { padding: 10px 0px;}
.about1-counter-section { padding: 20px 0 20px;}
.about1-counter-title { padding: 20px 0;}
.about1-btn { padding: 8px 10px 8px 30px;}}
.why-choose-area { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden;margin:0px 30px 10px 30px ; border-radius:20px;padding:60px 20px;}
.why-choose-area::before { content: ""; position: absolute; top: 0; left: 0; width: 46%; height: 100%; background: url("../images/img03.jpg") no-repeat center center/cover; z-index: 1;}
.why-choose-area::after { content: ""; position: absolute; top: 0; right: 0; width: 54%; height: 100%; background:#e7eff8; z-index: 1;}
.choose-text { position: relative; z-index: 2; width:50%;float:right; }
.choose-text_subtitle{ position: relative; font-size: 24px; font-weight:600; color:#35b6b4;}
.choose-text h2{font-size:48px;line-height:52px;font-weight:600;padding:10px 0px;}
.choose-text h3{font-size:28px;line-height:34px;font-weight:700;padding:10px 0px 10px 0;}
.choose-text p {font-size:18px;line-height:28px;margin-bottom:20px;}
.choose-text ul { list-style: none; margin: 0 0 10px 0; padding-top:15px; border-top: 1px solid rgba(0, 0, 0, 0.4); display: flex; flex-wrap: wrap; gap: 10px 0; }
.choose-text ul li { font-weight:600; flex: 0 0 50%; background: url(../images/check.svg) left 13px no-repeat; box-sizing: border-box; padding: 10px 20px 0px 25px; position: relative;}
.choose-text p { font-size: 17.5px; line-height: 1.6; margin-top: 15px;}
@media (max-width: 1024px) {
.choose-text ul { display: block; }
}
@media (max-width: 768px) {
.why-choose-area::before { width: 100%; height: 35%; top: 0; left: 0; display:none; }
.why-choose-area::after { width: 100%; height: 100%; top: 0%; bottom: 0; right: 0;}
.choose-text { position: relative; z-index: 2; width:100%;float:none; }}
.body-container .wide-slider .owl-carousel .owl-controls {
position: absolute;
bottom:7%; right:44%;
width: 150px;
}
.owl-prev{ background:url(../images/left1.png) center center no-repeat;}
.owl-next{ background:url(../images/right1.png) center center no-repeat;}
.owl-prev:hover{ background:#35b6b4 url(../images/left1.png) center center no-repeat;}
.owl-next:hover{ background:#35b6b4 url(../images/right1.png) center center no-repeat;}
.body-container .wide-slider.wide-slider-pagination .item .content {
position: absolute;
bottom: 110px;
left: 10%;
}
.body-container .wide-slider.wide-slider-pagination .item .content.content-inline {
display: inline-block;
width: auto;
}
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{ color: #fff; display:inline-block; margin:0 10px;
width: 44px;
height: 44px;
cursor: pointer;
border-radius: 8px;
border: 1px solid #FFFFFF;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
-webkit-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out; font-size:0;
cursor: pointer;
}
.owl-controls .active { background:#ff834f ;}
.owl-controls .owl-page:hover { background:#ff834f;}
.owl-pagination{ width:100%; max-width:1180px; margin:0 auto; text-align: center}
@media (max-width: 768px) { .owl-pagination{ text-align: center;} }
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
cursor:url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
.body-container .wide-slider .owl-carousel .item img {
width: 100%;
display: block;
}.banner-area img {
height: 700px;
object-fit: cover;
object-position: 50% 50%;
display:flex;
}.body-container .wide-slider .owl-carousel .item .content {
position: absolute;
width: 100%;
top:18%;
z-index: 99;
}
.body-container { border-radius:30px; overflow:hidden;}
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
}
/* fade */
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
}
.bannertitle{ color:#fff; font-size:58px; line-height:64px; font-weight:700; margin-bottom:15px; max-width:680px; width:100%; }
.footer-area{ background:#003d73; padding:50px 30px 25px 30px; border-radius:20px; margin-bottom:30px;}
.mb30{ margin-bottom:30px;}
.footer-col-1{ float:left; width:17%; padding-top:180px;}
.footer-col-2{ float:left; width:72%;}
.footer-col-3{ float:right; width:25%;}
.footer-area h3{ font-size:24px; color:#fff; font-weight:600; position:relative; margin-bottom:30px; padding-bottom:10px;border-bottom: 1px solid rgba(255, 255, 255, 0.1607843137);}
.footer-area h3:before{width: 60px; bottom: -1px; height: 2px; content: ""; position: absolute; background-color:#35b6b4}
.footer-col-2 li{ float:left; width:31%; margin-right:2%; margin-bottom:15px; font-size:16px;}
.footer-col-2 li a{ color:#fff; font-weight:400;}
.footer-col-2 li a:hover{ color:#35b6b4; font-weight:400;}
.footer-col-3 li{ margin-bottom:15px; font-size:16px;}
.footer-col-3 li a{ color:#fff; font-weight:400;}
.footer-col-3 li a:hover{ color:#35b6b4; font-weight:400;}
.footer-middle{gap: 30px; margin-top:50px; padding: 25px 0px; border-top: 1px solid rgba(255, 255, 255, 0.24); border-bottom: 1px solid rgba(255, 255, 255, 0.24); display:flex;justify-content:space-between;}
.footer-middle1 p{ color:#fff; font-size:16px; padding-top:10px;}
.footer-middle2 p{ color:#fff; font-weight:600; text-align:center}
.footer-middle1 a{ color:#fff; font-weight:600}
.footer-middle1 a:hover{ color:#35b6b4}
.owl-item::before { content: ""; position: absolute; background: rgba(0,0,0,.25); height: 100%; width: 100%;
}.footer-middle3 li{ display:inline-block; margin-left:10px;}
.footer-bottom p{ font-weight:300; font-size:13px;}
.footer-middle3 a{width: 44px; height: 44px; display: -webkit-box; display: -ms-flexbox; display: flex; color: rgba(255, 255, 255, 0.4); border-radius: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 2px solid rgba(255, 255, 255, 0.4);}
.footer-middle3 a:hover{ color:#35b6b4; border: 2px solid #35b6b4;}
.footer-bottom{ padding:25px 0 0 0; font-size:15px; text-align:center; color:rgba(255, 255, 255, 0.9)} .footer-bottom a{ color:#fff; font-weight:600} .footer-bottom a:hover{ color:#c4fda0} .footer-bottom p strong{ color:#ffd162}
.slider-two_content{ padding:30px;}
.slider-two_content p{ color:#fff; font-weight:600; max-width:570px; transition-delay:1500ms; clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-transition-delay:1500ms; transition:1.5s cubic-bezier(0.2, 0.8, 0.2, 1); font-size:21px;}
.appointmentbtn{ display:flex; align-items: center; margin-top:35px; margin-bottom:20px;
justify-content: space-between; position:relative;} .appointmentbtn img{ height:auto; width:auto !important}
.form-wrap ul{ margin-bottom:30px;}
.form-wrap li{ border-bottom:solid 1px #666; padding:15px 0 18px 0; font-size:21px; }
.form-wrap li a{ font-weight:600; font-size:26px; color:#000;} .form-wrap li a:hover{ color:#fff; text-decoration:underline;}
/*.appointmentbtn:before {
left: 0;
top: 50%;
z-index: -1;
height: 1px;
content: "";
width: 100%;
position: absolute;
-webkit-transition: all 3500ms ease-in-out;
transition: all 3500ms ease-in-out;
background-color: rgba(255, 255, 255, 0.32);
}*/.appointmentbtn .btn2{ }
.contact-area { padding: 60px 10px; overflow: hidden; z-index: 1; position:relative; font-family: "Quicksand", sans-serif;}
.contact-left{ width:42%; float:left;}
.contact-right{ position:relative;width:100%; max-width:680px; float:right;}
.contact-right h2{ font-size:120px; line-height:110px; font-weight:bold; margin-bottom:10px; color:#003d73;}
.contact-right p{ font-size:20px; line-height:30px; right: 0; bottom: 15px; max-width: 435px; position: absolute;}
.sticky_menu {width:70px; position: fixed; z-index: 9999;float: right;right: 0px;text-align: center;border-radius: 20px 0 0 20px;top:28%;box-shadow: 4px 6px 12px rgb(0 0 0 / 15%);}
.sticky_menu .sticky { display: block; margin: 0; padding: 0;}
.sticky_menu li { margin-bottom:2px; text-align:center; display: block; position: relative; line-height:14px; padding: 12px 0px; width: 70px;}
.sticky_menu li a { color:#fff; font-size: 12px;}
.sticky_menu li:last-child { background: #c13434; border-radius: 0px 20px 20px 0px; margin-top:10px;
}
.sticky_menu li:hover { background:#003a70}
.bookappoi-sidebar-content { cursor:pointer;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate(-180deg); transform: rotate(-180deg); width: 36px;
padding:15px 30px !important;
vertical-align: middle;
text-align: center;
font-size: 21px;
font-weight: 600;
-webkit-margin-after: 0;
margin-block-end: 0;
-webkit-margin-before: 0; margin-block-start: 0;
color: #FFF; display: inline-block;}.bookappoi-sidebar-content:hover a { color:#fff !important}
.bookappoi-sidebar-content a{ color:#fff; font-size:18px !important; font-weight:600; text-align:center }.sticky_menu li:nth-child(1) { background: #30d14e; border-radius: 20px 0px 0px 20px;}
.sticky_menu li img{ margin:0 auto}
.sticky_menu li:nth-child(1):hover { background:#003a70}
.form-wrap{ margin:0px 20px; color:#000; background: #ffd162; padding: 50px 40px 60px; border-radius: 14px; box-shadow: 0 8px 30px rgba(18, 32, 84, 0.06); z-index:9999; }
.form-wrap h3{ font-size:35px; font-weight:800; line-height:40px; padding-bottom:10px; color:#000; }
.form-wrap p{ margin-bottom:15px; } form .row{margin-bottom:30px;} label{ display:block; font-weight:400; color:#003d73; font-size:14px; }
/* Button */
.contact-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
flex: 0 0 140px;
padding: 5px 5px 5px 15px;
background: #0066cc;
color: #fff;
text-decoration: none;
font-size: 18px;
border-radius: 50px;
transition: background 0.3s;
overflow: hidden;
z-index: 1;
border:none;
}
.contact-btn img {
width: 20px;
height: 20px;
background: #fff;
padding: 10px;
border-radius: 50%;
rotate: -30deg;
}
.contact-btn:hover {
background:#000;
}
textarea { min-height:80px; padding-top:12px; }
/* Responsive */
.contact-img-area{
padding:0px 10px 40px;
margin-top:-370px;
z-index:0;
position:relative;
}
.contact-img-area img{
object-position: 100%;
height:700px;
object-fit: cover;
border-radius:20px;
}
@media (max-width:768px){
.form-wrap{ padding:18px; border-radius:12px; }
.btn{ width:100%; text-align:center; }
}
.blog-taxt-area{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
}
.blog-text_subtitle {
position: relative; color:#35b6b4;
font-weight: 600;
margin-bottom: 10px;
font-size:18px;
}
.blog-text h2 {
font-size: 48px; line-height:52px;
font-weight: 600;
}
.blog-button .blog1-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
flex: 0 0 140px;
padding: 5px 5px 5px 15px;
background: #0066cc;
color: #fff;
text-decoration: none;
font-size: 18px;
border-radius: 50px;
transition: background 0.3s;
overflow: hidden;
z-index: 1;
border:none;
}
.blog-button .blog1-btn img {
width: 20px;
height: 20px;
background: #fff;
padding: 10px;
border-radius: 50%;
rotate: -30deg;
}
.blog-button .blog1-btn:hover {
background:#000;
}
.blog-button .blog1-btn:hover {
background: #e63b3b;
}
.blog-box {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.blog-card {
background: #fff;
overflow: hidden;
}
.img-wrap {
width: 100%;
border-radius: 16px;
overflow: hidden;
position: relative;
}
.img-wrap img {
width: 100%;
height: 100%;
border-radius: 16px;
object-fit: cover;
transition: transform 0.5s ease-in-out;
transform-origin: center center;
}
/* Hover effect */
.blog-card:hover .img-wrap img {
transform: rotate(-5deg) scale(1.2);
}
.blog-item-text {
padding: 20px 0;
}
.blog-item-text .item-author {
text-transform: uppercase;
position: relative;
margin-bottom: 20px;
padding-left:52px;
font-size:14px;
}.blog-item-text .item-author a{ font-weight:600}
.blog-item-text .item-author::before {
content: "";
mask-position: center center;
mask-size: 1em;
mask-repeat: no-repeat;
width: 40px;
height: 0.5px;
background:#35b6b4;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.blog-item-text h3 {
font-size: 24px;
line-height:32px;
margin: 10px 0;
padding-bottom: 10px;
}
.blog-item-text h3 a { font-weight:600;
text-decoration: underline;
text-decoration-color: transparent;
text-underline-offset: 10px;
text-decoration-thickness: 1px;
transition: text-decoration-color 1s ease;
color:#000;}
.blog-item-text h3 a:hover { color:#35b6b4;}
.blog-item-text h2 {
font-size: 24px !important;
line-height:32px !important; text-align:left !important;
margin: 10px 0 !important;
padding-bottom: 0px !important;
}
.blog-item-text h2 a { font-weight:600;
text-decoration: underline;
text-decoration-color: transparent;
text-underline-offset: 10px;
text-decoration-thickness: 1px;
transition: text-decoration-color 1s ease;
color:#000;}
.blog-item-text h2 a:hover { color:#35b6b4;}
.more-btn { position: relative;}
.redmore-btn {
position: absolute;
top: -26px;
right: 12px;
width: 54px;
height: 54px;
border-radius: 12px;
background-color: #35b6b4;
display: flex;
justify-content: center;
align-items: center;
transition: background 0.3s ease;
}
.redmore-btn img {
height: auto;
display: block;
rotate: 360deg;
}
.redmore-btn:hover { background-color: #003d73;}
.blog-item-text p {
line-height: 25px ;
padding-bottom: 10px;
}
.treatmentpage .blog-item-text p {
line-height: 28px !important; font-size:18px;
padding-bottom: 10px;
}
.blog-button{ padding-top:30px;}
.bottom-meta {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-top: 15px;
display: flex;
justify-content: space-between;
font-size: 16px;
color:#003d73;
padding:20px 0;
}
.bottom-meta a {
color:#003d73;
text-decoration: none;
margin-right: 10px;
}
.bottom-meta a:hover { color:#35b6b4}
.dr-profile-area{
padding:0px 0px 60px 0;
}
.dr-profile {
background: #e7eff8 url(../images/bg1.webp) left top no-repeat;
border-radius: 20px;
padding: 20px;
position: relative;
overflow: hidden;
}
.dr-profile::after {
content: "";
position: absolute;
bottom: 0px; top:40px;
right: 0px;
width: 48%;
height: 100%;
background: url("../images/dr-profile.webp") no-repeat right bottom;
background-size: contain;
pointer-events: none;
}
.dr-profile-text{
padding:50px 0px 0px 50px;
width:54%;
}
.counter {
display: flex;
align-items: flex-end;
gap: 27px;
border-bottom:1px solid #ccc;
padding-bottom:30px;
}
.counter-number {
display: flex;
align-items: baseline;
}
.number {
font-size: 140px;
font-weight: 600;
line-height:140px;
color:#003d73;
}
.suffix {
font-size: 80px;
font-weight: bold;
margin-left: 5px;
color:#003d73;
}
.counter-text { position:relative; top:-16px;
font-size: 24px;
line-height: 1.1;
font-weight: bold;
}
.dr-ditel{
padding-top:30px;
}
.dr-ditel h2{
font-size:45px;
line-height:40px;
padding-bottom:10px; font-weight:600;
color:#000;
}
.dr-ditel h3{
font-size:24px;
line-height:30px;
padding-bottom:20px;
color:#003d73;
}
.dr-ditel p{
font-size:18px;
line-height:28px;
padding-bottom:20px;
}
.dr-sing{
display:flex;
gap:40px;
margin:20px 0 50px;
align-items: center;
}
.dr-button{
}
.dr-profile-btn{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
flex: 0 0 140px;
padding: 14px 20px;
background: #0066cc;
color: #fff;
text-decoration: none;
font-size: 18px;
border-radius: 50px;
transition: background 0.3s;
overflow: hidden;
z-index: 1;
border: none;
}
.dr-profile-btn img {
width: 20px;
height: 20px;
background: #fff;
padding: 10px;
border-radius: 50%;
rotate: -30deg;
}
.dr-profile-btn:hover {
background:#000;
}
.sing-img img{
height:auto;
object-fit:cover;
}
.testimoniyal-area{
padding:60px 10px;
overflow:hidden;
}
.textimoniyal-box {
display: flex;
gap: 20px;
position: relative;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.testimoiyal-left { text-align:center; width: 40%; background-color: #35b6b4; color:#fff; border-radius:20px; }
.testimoiyal-left-text{ padding:50px 50px 10px; text-align:center;}
.testimoiyal-right { border-radius:20px; width: 65%; background: url("../images/testibg.webp") no-repeat center center fixed; background-size: cover; }
.testimoiyal_subtitle { position: relative; font-weight: 600; margin-bottom: 10px; font-size:18px;}
.testimoiyal-left h2{
font-size: 45px; line-height: 48px; font-weight: 600; margin-bottom:30px;}
.testimoiyal-left img{ object-fit:cover; border: none; border-radius: 0; box-shadow: none; height: auto; max-width: 100%;}
.testimoiyal-left p{ font-size:18px; line-height:25px; margin-bottom:30px; }
.testimoiyal-button{ margin:0px 0px 40px 0px; align-items:center; }
.testimoiyal-btn{ position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 14px 40px; background: #003d73; color: #fff !important; text-decoration: none;
font-size: 18px;
border-radius: 50px;
transition: background 0.3s;
overflow: hidden;
z-index: 1;
border: none;
}
.testimoiyal-btn:hover { background: #fff ; color:#000 !important }
.card-wrapper { width: 100%; max-width: 100%; overflow: hidden; max-width:650px; margin:100px auto 80px 100px; background:#fff; border-radius:20px;} .card-list .card-item { list-style: none; }
.card-list .card-item .card-link { display: block; user-select: none;
border-radius: 10px; text-decoration: none; transition: transform 0.3s ease, box-shadow 0.3s ease;
overflow: hidden;
position: relative;
}
.opestion-text{
padding:50px;
}
.rating-img{
padding:0px 0 20px 0;
}
.rating-img img{ display:inline-block;
width:20px;
height:20px;
object-fit:cover;
}
.opestion-text h2{
font-size:26px;
line-height:30px;
margin-bottom:18px;
color: #003d73;
}
.opestion-text p{
font-size:18px;
line-height:25px;
margin-bottom:18px;
color:#515F66;
}
.card-wrapper .swiper-pagination-bullet {
height: 15px;
width: 15px;
border-radius:50%;
background: #003d73;
}
.card-wrapper .swiper-pagination-bullet-active {
opacity: 1;
background: #35b6b4;
}
.card-wrapper .swiper-slide-button {
color: #333;
margin-top: 60px;
}
.inner-item {
position: relative;
padding:0px 20px 40px 215px;
}
.inner-item h3{
font-size:20px;
line-height:30px;
color: #35b6b4;
}
.inner-item span{
font-size:16px;
line-height:20px;
color:#515F66;
}
.inner-item::before {
content: "";
position: absolute;
top: 30px;
left: 0;
width: 200px;
height: 1px;
background-color: #515F66;
}
/* css card*/
/* */
.swiper {
margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;display: block}
.swiper-vertical>.swiper-wrapper { flex-direction: column }
.swiper-wrapper { position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0)
}
.swiper-horizontal {
touch-action: pan-y
}
.swiper-vertical {
touch-action: pan-x
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-3d {
perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
transform-style: preserve-3d
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper {
scroll-snap-type: y mandatory
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
scroll-snap-type: none
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: none
}
.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after)
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size)
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
display: none !important
}
.swiper-button-next svg,
.swiper-button-prev svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
transform: rotate(180deg)
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto
}
.swiper-button-lock {
display: none
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev'
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next'
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 130px);
top: var(--swiper-pagination-top, auto);
right: 0;
width: 60%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none !important
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s transform, .2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 8px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s right
}
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit)
}
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}
.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important
}
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move;
touch-action: none
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-grid>.swiper-wrapper {
flex-wrap: wrap
}
.swiper-grid-column>.swiper-wrapper {
flex-wrap: wrap;
flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-fade .swiper-slide-active {
pointer-events: auto
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper.swiper-cube {
overflow: visible
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {content: '';background: #000; position: absolute; left: 0;top: 0; bottom: 0; right: 0;filter: blur(50px)
}
.swiper-cube .swiper-slide-next+.swiper-slide { pointer-events: auto;visibility: visible
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden}
.swiper.swiper-flip { overflow: visible }
.swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide { pointer-events: none}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height}
.swiper.swiper-cards { overflow: visible}
.swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden}
/* */
.faq-area { padding: 60px 20px 20px;}
.faq-box {border-radius: 20px;align-items: stretch; max-width:1160px; margin:0 auto; }
.faq_subtitle { text-align:center;position: relative; color: #35b6b4;font-size: 24px; font-weight:600}
.faq-box h2 { text-align:center;font-size: 48px;line-height: 52px;font-weight: 600; margin-bottom: 30px;}
.faq { background-color: transparent; border-bottom: 1px solid #ccc;overflow: hidden; padding: 25px 0 15px; position: relative;transition: background-color 0.3s ease;}
.faq:last-child { border-bottom: none;}
.faq-title { margin: 0; cursor: pointer;font-size: 22px;font-weight: 600; line-height: 1.3em; align-items: center; text-align: left; padding-right: 30px; color:#000;}
.faq-title i { margin-left: auto;transition: transform 0.3s ease;}
.faq-title i {
position: absolute;right: 0px;top: 26px; -webkit-border-radius: 900px; -moz-border-radius: 900px; border-radius: 900px; display: inline-block;}
input[type="checkbox"] { display: none;}
input[type="checkbox"]:checked+.faq-title i {transform: rotate(180deg);color: #000;}
.faq-text { max-height: 0;overflow: hidden;text-align: left; padding-top: 10px; padding-right: 30px;opacity: 0;transition: max-height 0.5s ease, opacity 0.3s ease;margin: 0;}
.faq.active {border-bottom: none;}
.faq.active .faq-title { border-bottom: 1px solid #ccc;padding-bottom: 15px; color:#35b6b4;}
.faq.active .faq-text { padding-top: 15px; }
input[type="checkbox"]:checked + .faq-title + .faq-text {opacity: 1;}
.faq-wrapper {display: flex;gap: 50px;flex-wrap: wrap;}
.faq-column { flex: 1 1 40%; min-width: 200px;}
@media (max-width: 1280px) {
.card-wrapper {width: 100%; max-width: 100%; overflow: hidden;max-width:550px;margin:200px auto 80px;border-radius:20px;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 185px);top: var(--swiper-pagination-top, auto);right: 0;width: 65%;}}
@media (max-width: 1024px) {
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 210px);top: var(--swiper-pagination-top, auto);right: 0;width: 65%;}}
@media (max-width: 768px) {
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 30px);top: var(--swiper-pagination-top, auto);right: 0;width: 100%;}
.textimoniyal-box {display: block;}.testimoiyal-left { width: 100%; }.testimoiyal-right { width: 100%;}.card-wrapper { background:none;} .card-list .card-item .card-link { display: block; margin: 60px 10px;}.opestion-text{padding:30px; background:#e7eff8;}
.inner-item { position: relative;padding:0px 10px 20px 60px;}.inner-item h4{font-size:18px;}.inner-item::before { width: 50px; }
.testimoiyal-button { margin: 4px 0px 6px 0px; align-items: center; padding: 20px;}.testimoiyal_subtitle::before { left: 20%;}.bannertitle { opacity: 0; animation: fadeSlide 16s infinite;}}
.pain-conditions-area p{ margin-bottom:20px;}.grimg{ margin: 0 auto; border-radius:20px !important;}.shadowbox { position: relative;z-index: 99;}
.fixed {background: #fff; -webkit-box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 10%); position: fixed; top: 0; width: 100%;}
@media (max-width:1600px){.container-area1{ width:96%} .choose-text ul li{ font-size:16px;}.header-area{ padding:10px 2%;}.fixed{ width:96%}}
@media (max-width:991px){
.dr-profile::after { top:auto; bottom:0; width:80%; background-position: center bottom;}}
@media (max-width:768px){.container-area { padding: 0 20px;} .nav-area {background: #fff;border: 0px solid rgba(0, 0, 0, 0.1215686275);} .banner-area img { height: 200px;object-position:100% 50%}
.header-area { padding: 10px 3%;}
.top-wrapper-main { padding: 9px 10px 12px 10px;} .top-left-area li { line-height: 25px;border-right: solid 0px #bff8f7; padding-right:0; margin-right:0;}.top-right-area { float: none;}.top-right-area li { padding-left: 0px; padding-right: 10px;}
.logo-area { float: left; width: 50%;} .logo-area img{ width:100%;}
.body-container .wide-slider .owl-carousel .item .content{position:relative;}.bannertitle {opacity: 1; }.bannertitle { color: #fff;font-size: 35px; line-height: 40px;}
.appointmentbtn img { height: 12px;} .body-container .wide-slider .owl-carousel .owl-controls{ bottom: 15%; } .owl-controls .owl-page, .owl-controls .owl-buttons div { width: 30px; height: 30px; opacity:0;} .slider-two_content { padding: 30px 15px;}
.about1-area {padding: 20px 20px 30px 20px;}.about1-right h2 {font-size: 35px; line-height: 42px;}.dr-profile-text { padding: 10px; width: 95%;}.number { font-size: 80px;line-height: 90px;}.dr-ditel h2 { font-size: 35px;}.dr-ditel h4 { font-size: 20px;}
.dr-sing { display: block; }.pain-conditions-area h2 {font-size: 35px;}.pain-conditions-area { padding: 60px 0 0px;}
.pain-conditions-area-left-1,
.pain-conditions-area-left-3 { float: none; width: 100%; margin: 0 0 20px 0; text-align: center; }
.pain-conditions-area-left-2 { float: none; width: 40%; margin: 0 auto 20px; text-align: center; }
.pain-conditions-area-left-2 img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
.pain-conditions-area-left-1 ul,.pain-conditions-area-left-3 ul { float: none; width: 90%;padding:20px;}
.pain-conditions-area-left-3 li, .pain-conditions-area-left-1 li { width:100%; text-align: center; }
.choose-text h2 { font-size: 35px; line-height: 40px;}.left-top-box h1 { font-size: 35px;line-height: 40px;}.left-top-box h2 { font-size: 35px;line-height: 40px;}.left-top-box { padding: 25px 20px;}.why-choose-area { margin: 0px 20px 10px 20px; padding: 25px 10px;
}.choose-text h2 { font-size: 35px; line-height: 35px;padding:10px 0;}.blog-taxt-area {
display: block; padding:10px 20px;}.blog-text h2 {font-size: 35px;line-height: 40px;}.blog-box { grid-template-columns: repeat(1, 1fr); padding:10px 20px;}.btn1 {display: -webkit-inline-box;}
.testimoiyal-left-text { padding: 25px 10px 10px; } .card-wrapper {margin:10px auto;}
.testimoiyal-left h2 {font-size: 35px; line-height: 40px; font-weight: 600; margin-bottom: 20px;}.testimoiyal-left p { margin-bottom: 10px;}.testimoiyal-left{padding:20px 0;
}.contact-left { width: 100%;float: none;}.contact-img-area { margin-top: 0;}.contact-right {float: none;
}.contact-right p { position: relative;
}.contact-right h2 { font-size: 55px; line-height: 65px; margin-bottom: 20px;
}.contact-area { padding: 20px;}.form-wrap {margin: 0px 0px;} .form-wrap li a { font-size: 20px;}.contact-img-area img { height: 180px;}.footer-col-2 li {float: left;width: 95%;}.footer-col-2 { float: none; width: 95%;}.footer-col-3 { float: none; width: 95%;} .footer-middle{display:block;}.footer-middle3 li {
display: inline-block; margin: 10px 0; }
.sticky_menu { width: 100%;height: auto;bottom: 0; top: auto; right: 0;}
.sticky_menu ul{ display:flex;}
.sticky_menu li { flex: 1;margin: 0; border-radius: 0 !important; padding: 10px 0; }
.sticky_menu li:last-child {border-radius: 0;margin-top: 0; }
.bookappoi-sidebar-content { writing-mode: horizontal-tb; transform: none; padding: 8px 0 !important;font-size: 16px;}
.bookappoi-sidebar-content a { line-height: 40px;}
.dr-profile {padding-bottom:450px !important;}
.dr-profile::after{top:auto;bottom:0 ;width:70% ;background-position: center bottom !important;}.faq-wrapper { display: block;} .faq:last-child {border-bottom: 1px solid #ccc;}}
@media (max-width:540px) {
.dr-profile {padding-bottom:450px !important;}
.dr-profile::after { top:auto ; bottom:0 ; width:100% ; background-position: center bottom !important;
}
.logo-area { float: left; width: 40%;}
}
.inner-banner {width: 100%; background: linear-gradient(to right, #91928f, #dbd9d7); border-radius: 30px; position: relative; overflow: hidden; display: flex;align-items: center; }
.banner-text {width:54%; float:left; padding:25px 0px 35px 80px ;}
.banner-text p{ color:#fff; padding-bottom:18px; font-size:17px;}
.inner-banner-img{ float:right; width:38%; padding-top:42px;}
.banner-text h1 {font-size:48px;margin-bottom: 10px;line-height:54px;font-weight:700; color:#fff}
.bredcome ul {list-style: none;margin: 0 0 20px 0;padding: 0;}
.bredcome ul li { position: relative; padding-left:25px; font-size: 22px; line-height: 32px; font-weight: 600; padding-bottom:5px; color:#fff;}
.bredcome ul li::before {content: "";position: absolute;left: 0;top: 35%;transform: translateY(-50%);width: 16px;height: 16px;background: url("../images/check-mark.png") center center no-repeat; /* resize icon inside */}
.reation-area {padding: 30px 0;text-align: center;}
.google-reting {display: inline-flex;align-items: center;gap: 8px;font-size: 20px;font-weight: 600;border-radius: 20px;padding: 10px 20px;}
.google-reting img {display: inline-block;}
.back-pain-area{padding:60px 20px; overflow:hidden;}
.back-left{width:65%; float:left;}
.back-left h2{font-size:48px; line-height:56px; color:#003d73; font-weight:700; margin-bottom:10px;}
.back-left h3{font-size:35px; line-height:42px; font-weight:700; margin-bottom:5px;}
.back-left h4{font-size:27px; line-height:35px; font-weight:700; margin-bottom:7px; padding-top:15px; color:#003d73}
.back-left p{ margin-bottom:20px;}
.back-right{width:30%; float:right;}.back-right .back-card {background: #fff;border-radius: 12px;padding:30px;margin: 12px 0 30px 0; box-shadow: 0 3px 17px rgb(0 0 0 / 10%);transition: all 0.3s ease; }
.pd12{ padding:15px 15px 7px 15px!important}
.back-right .doc-call {
text-align: center;
font-size: 28px;
color: #000; font-weight:700;
}
.back-right .doc-call a {
display: inline-block;
margin: 0px 0 10px 0;
font-weight: 600;
text-decoration: none;
color: #000;
font-size: 25px;
}
.back-right .doc-call span {
color: #000;
font-size: 28px; font-weight:700;
}
.back-right .doc-call span:hover{
color:#fff;
}
.back-right .button1.wfull {
display: block;
padding: 12px;
background:#003d73;
color: #fff;
font-size: 21px;
font-weight: 700;
text-align: center;
border-radius: 6px;
transition: background 0.3s ease;
}
.back-right .button1.wfull:hover {
background: #c13434;
}
.back-right .align-center {
margin-top: 12px;
font-size: 16px;
color: #000;
}
.expert-head {
text-align: center;
background:#003d73;
color: #fff;
font-size: 20px;
font-weight: 600;
padding: 10px;
border-radius: 8px;
margin-bottom: 20px;
}
.card-header {
}
.doc-avatar img { border-bottom:solid 1px #ddd;
}
.doc-desc { text-align:center;
}
.doc-name {
font-size:31px; padding-top:20px; color:#003d73;
font-weight: 700;
margin-bottom: 6px;
}
.doc-designation {
padding-bottom: 8px;
margin-bottom: 20px;
}
.doc-specialization{ max-width:180px; margin:0 auto}
.why-choose-card { margin-bottom:30px;
position: relative;
border-radius: 12px;
color: #fff;
overflow: hidden;
}
/* Overlay */
.why-choose-card::before {
content: "";
position: absolute;
inset: 0;
background:#003d73; /* #003d73 overlay */
z-index: 0;
}
.why-choose-card h2,
.why-choose-card h3,
.why-choose-card p,
.why-choose-card ul {
position: relative;
z-index: 1;
}
/* H2 styling */
.why-choose-card h2 {
font-size: 31px;
font-weight:700;
padding:30px 30px 5px 30px;
}
.why-choose-card h3 {
font-size: 20px;
margin-bottom: 10px;
font-weight: 600;
text-align:center;
padding: 20px 20px 0;
}
.why-choose-card p {
margin-bottom: 20px;
padding:0px 30px ;
}.why-choose-card p a{ color:#fff; text-decoration:underline} .why-choose-card p a:hover{ text-decoration:none }
.why-choose-card p strong{ }
.bg-01{ color:#ffd162; font-size:22px;}
.why-choose-card ul {
list-style: none;
padding:0px 30px 30px;
margin: 0;
}
.why-choose-card ul li { border-bottom:dashed 1px #85b8e4;
position: relative;
padding-left: 25px; font-weight:600;
margin-bottom: 12px; padding-bottom:12px;
font-size: 18px;
}.why-choose-card ul li:last-child { border-bottom:0}
.why-choose-card ul li::before {
content: "";position: absolute;left: 0;top:35%;transform: translateY(-50%);width: 16px;height: 16px;background: url("../images/check-mark.png") center center no-repeat;
}
.btn-area {
display: inline-flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
border: 1px solid #22adab;
border-radius:20px;
overflow: hidden;
}
.btn-area li {
display: inline-block;
}
.btn-area li a { font-weight:500;
display: block;
padding: 8px 25px;
text-decoration: none;
font-size: 18px; background:#35b6b4;
color: #fff;
border-right: 1px solid #70f2f0;
transition: all 0.3s ease;
white-space: nowrap;
}
.btn-area li:last-child a {
border-right: none;
}
.btn-area li a:hover {
background: #003d73;
color: #fff;
}
.why-choose-us{
padding:0px 0 60px;
}
.why-choose-us h2{font-size:48px; line-height:58px; font-weight:700; margin-bottom:20px; text-align:center;}
.chosse-box { margin-top:20px; margin-bottom:40px; padding:20px 0;
display: flex;
flex-wrap: wrap;
gap: 0px;
justify-content: center;
background: #e7f7f6;
border-radius: 10px;
}
.back-left .toggles{ margin-top:0}
.choose-cart {
padding: 0px 10px; border-right: solid 1px #bec9d6;
width: 120px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.bdlast0{ border-right:0 !important;}
.choose-cart img {
height: 60px;
object-fit: contain;
}
.chose-title { font-weight:600; line-height:21px;
font-size: 16px;
margin-bottom:10px; margin-top:10px;
}
.faq-box{
}
.orangebg{ background:#ffd162 !important}
.toggles{ margin-top:20px;}
.toggle { padding: 0px; padding-bottom: 0; margin-bottom:15px; border-top:solid 1px #ccc}
.bdtop0{ border-top:0 !important}
.toggle-title { position: relative; display: block; color: #000; cursor: pointer; font-size:24px; font-weight:600; line-height:32px; padding: 20px 20px 6px 0px; }
.toggle-title:after { content: ''; position: absolute; top: 53%; right: 0px; width: 18px; height: 9px; border: solid #000;
border-width: 0 0 2px 2px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 10px;
height: 10px;
margin-top: -4px; }
.toggle.active .toggle-title:after { content: ''; border: solid #35b6b4;
border-width: 0 0 2px 2px;
-webkit-transform: rotate(-222deg);
-ms-transform: rotate(-222deg);
transform: rotate(-222deg);
width: 10px;
height: 10px;
margin-top: -4px;
}
.toggle-content { padding-top: 10px; padding: 0px 20px 10px 0px; display: none; }
.toggle.active .toggle-content { display: block !important; color:#000}
.toggle.active .toggle-title { color:#35b6b4; }
.toggle-content:before,
.toggle-content:after {
content: " ";
display:table;}
.toggle-content:after {
clear: both;}
.grating{ border-radius:15px; background:#fff; padding:10px 10px}
.treatment-top-area{ padding:50px 0 60px 0}
.treatment-top-area h2{ text-align:center; font-size: 47px;
line-height: 55px;
color: #003d73;
font-weight: 700;
margin-bottom:25px;}
.treatment-top-area-left{ float:left; width:48%}
.treatment-top-area-left img{ border-radius:20px;}
.treatment-top-area-right{ float:right; width:48%} .treatment-top-area-right p{ line-height:34px; font-size:20px;}
.treatment-top-area-right h3 {
font-size: 35px;
line-height: 42px;
font-weight: 700;
margin-bottom: 10px;
}
.list01{ margin-left:25px; padding-bottom:20px;}
.list01 li{ background:url(../images/tick-icon01.png) left 5px no-repeat; padding-left:20px; margin-bottom:18px; }
.list02{ margin-left:45px; padding-bottom:20px;}
.list02 li{ background:url(../images/dash.jpg) left 12px no-repeat; padding-left:15px; margin-bottom:18px; }
.orangebg{ padding:30px 40px !important}
.pb0{ padding-bottom:0 !important}
.anchor {
display: block;
position: relative;
top: -150px; /* equal to header height */
visibility: hidden;
}
.bluebg{ color:#003d73 !important}
.inner-faq{ background:#e7eff8;border-radius:20px; padding:40px}
.video-container {
position: relative;
width: 100%;
padding-bottom: 56.25%; /* 16:9 aspect ratio (Height = Width * 9/16) */
height: 0;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}.youtube { background-color:#000;position:relative; padding-top:54%; overflow:hidden; cursor:pointer}
.youtube img { width:100%; top:-17.6%; left:0;opacity:1}
.youtube .play-button {width:68px; height:48px;
background-color:#333;box-shadow:0 0 30px rgba(0, 0, 0, .6);z-index:1;opacity:.8; border-radius:6px}
.youtube .play-button:before { content:""; border-style:solid;
border-width:10px 0 10px 20px; border-color:transparent transparent transparent #fff}
.youtube .play-button, .youtube img { cursor:pointer}
.youtube .play-button, .youtube .play-button:before, .youtube iframe, .youtube img { position:absolute}
.youtube .play-button, .youtube .play-button:before { top:50%;left:50%; transform:translate3d(-50%, -50%, 0)}
.youtube iframe {height:100%;width:100%;top:0; left:0}
.contact-page-area{ padding:60px 0}
.contact-page-area h2{ font-size: 48px;
line-height: 52px;
font-weight: 600;
padding:0px 0px 20px 0;}
.contact-page-left{ float:left; width:48%; padding-top:40px;}
.contact-page-right{ float:right; width:47%; background:#e7eff8; border-radius:20px;}
.contact-page-right-main{ padding:40px;}
.form-row{ margin-bottom:15px;}
.form-row textarea{ font-size:17px;}
.form-control{ padding:18px 20px 18px 20px;border-radius:12px; width:93%; background:#fff; font-size:16px; width:-webkit-fill-available; border:0;}
.breadcrumb-area{ border-bottom:solid 1px #ddd; padding:14px 0; text-align:center; font-size:16px;}
.breadcrumb-area a:hover{ color:#35b6b4 }
.breadcrumb-area li span{ color:#35b6b4 }
.mcaption{ top:10% !important}
.form-row .btn1{ border:0; font-size:18px; display:block; padding:14px 30px; cursor:pointer; float:right}
.call-do-action-box {
padding: 10px 0px 0px 0px;
}.d-flex {
display: flex !important;
}.hr {
border-bottom: 1px solid #ddd;
padding: 10px 0;
}.cda-icon.pr-4 {
display: inline-block;
padding-right: 1rem;
}.cda-icon.pr-4 i {
background: #003d73;
height: 60px;
width: 60px;
line-height: 60px;
text-align: center;
border-radius: 7px;
font-size: 33px;
color: #fff;
display: inline-block;
margin-top: 10px;
}.cda-content-inner h4 { color:#003d73
font-size: 24px;
font-weight: bold;
padding-top: 5px;
}
.cda-content-inner p {
margin-bottom: 40px;
padding-top: 3px;
}
.cbox-row{}
.cbox-left{ float:left; width:48%} .cbox-right{ float:right; width:48%}
.cda-content-inner p a{ font-size:16px; font-weight:700; color: #35b6b4;}
.cda-content-inner p a:hover { color: #003d73;}
.breadcrumb-area li a{ text-decoration: underline; color:#000}
.breadcrumb-area li a:hover{ text-decoration: none; color:#000} .breadcrumb-area li .fa{ padding:0 5px}
.nonsurgerytxtbox{ flex:0 0 500px;}
.nonsurgerytxtbox1{ flex:0 0 200px;}
.whitetxt{ color:#fff; font-size:21px; padding-bottom:10px; line-height:32px;}
.heading2{ color:#000; font-size:45px; font-weight:700; line-height:45px; margin-bottom:15px; margin-top:35px;}
.heading2 span{ background:#fff; font-weight:700; padding:2px 13px 5px 13px}
.heading4{ color:#fff; font-size:23px; line-height:30px; padding-bottom:20px; font-weight:700}
.max-h520{ max-height:600px; overflow:hidden}
.dr-page-area{ padding:60px 0}
.dr-page-area h3{ color:#003d73; font-size: 35px;
line-height: 42px;
font-weight: 700;
margin-bottom: 10px; padding-top:15px;}
.dr-page-area p{ padding-bottom:20px;}
.follow-us-area{ border-top:solid 1px #ddd; padding-top:40px; margin-top:10px;}
.follow-us-area h5{ display:inline-block; font-size:20px; font-weight:700} .follow-us-area ul{ display:inline-block;}
.follow-us-area li{ display:inline-block; vertical-align:middle; width:40px; height:40px; border-radius:7px; background:#35b6b4; text-align:center; color:#fff; margin:0 7px;}
.follow-us-area li a{ color:#fff; position:relative; top:6px;}
.follow-us-area li:hover{ background:#003d73}
.counter-box{ background:#ffd162; border-radius:15px; float:left; width:31.3%; margin-right:2%;}
.counter-box-main{ padding:10px 20px; text-align:center}
.counter-box-main h3{ font-size:41px; font-weight:700; line-height:45px; color:#000}
.counter-box-main h4{ font-size:16px; color:#000;}
.why-choose-box{ float:left; width:30%; margin:15px 1.5%; background:#fff; box-shadow:0 3px 15px rgb(0 0 0 / 10%); border-radius:20px;}
.why-choose-box-main{ padding:30px 20px; text-align:center; min-height:250px;}
.font20{ font-size:20px !important}
.why-section h3{ font-size:40px;
line-height: 44px;
font-weight: 700;
margin-bottom: 10px;}
.why-choose-box-main h4{ font-size:24px; padding-top:15px;color:#003d73; line-height:32px; font-weight:700; padding-bottom:10px;}
.why-choose-box-main p{ padding-bottom:0}
.why-choose-box-main img{ margin:0 auto}
.why-section{ background:#e7eff8; border-radius:20px; padding:40px; margin-bottom:60px;}
.font24{ font-size:24px !important}
.dr-video-section{ padding:0px 0 60px 0}
.dr-video-section h3{font-size:41px; font-weight:700; padding-bottom:15px; line-height:45px; color:#003d73; text-align:center }
.vdeo-box{ float:left; width:30%; margin:15px 1.3%; background:#fff; box-shadow:0 3px 15px rgb(0 0 0 / 10%); border-radius:10px;}
.vdeo-box-main{ padding:10px 10px 3px 10px;}
.btnc{ border: 0; display:inline-block !important;
font-size: 18px;
display: block;
padding: 14px 30px;
cursor: pointer;}
.innersb{ position:relative;}
.innersb::before {
content: "";
position: absolute;
background: rgba(0,0,0,.15);
height: 100%;
width: 100%;
}
.banner-text-1 { position:absolute;
width: 52%;
float: left;
padding: 37px 0px 40px 100px;
}.banner-text-1 h1{font-size: 55px;
margin-bottom: 12px;
line-height: 61px;
font-weight: 700;
color: #fff;}
.testimonial-page{ padding:60px 0}
.testimonial-page h2{ text-align: center;
font-size: 47px;
line-height: 55px;
color: #003d73;
font-weight: 700;
margin-bottom:15px;}
.patient-box{ width:27%;
display: inline-block;
vertical-align: top;
margin: 25px 1% 0 1%;
padding: 25px 2% 30px 2%;
background-color:#e7eff8 ;
border-radius: 20px;
}
.box-title{
display: flex;
margin: 5px;
}
.box-title img{
width: 50px;
height: 50px;
}
.staer{
padding:15px 0px ; }
.googleapis{ padding-top:10px;
width: 30px !important;
height: 30px !important;
}
.box-title p{ padding-top:10px;
font-size: 15px;
align-items: center;
padding-right: 10px;
text-align: justify;
width: 80%;
margin-left: 15px;
}
.box-title p span{
font-size: 20px;
font-weight:700;
}
.faqs-page{ padding:60px 0}
.portfolio_filter li {
display: inline-block;
}
.portfolio_filter li a {
border-bottom: 1px solid transparent;
padding: 5px 25px;
display: block;
font-size: 16px;
text-transform: capitalize;
}
.portfolio_filter li a.current,
.portfolio_filter li a:hover {
border-color: #0e93d8;
color: #0e93d8;
}
.portfolio_container,
.portfolio_gallery
{
list-style: none; margin-top:15px;
}
.gutter_small {
margin: 0 -7.5px -15px -7.5px;
}
.work_col2 > li {
width: 50%;
float: left;
}
.work_col3 > li {
width: 31%;
float: left;
}
.work_col4 > li {
width: 25%;
float: left;
}
.work_col5 > li {
width: 20%;
float: left;
}
.portfolio_item img,
.portfolio-item img {
width: 100%;
transition: all 0.5s ease-in-out;
}
.portfolio_hide {
opacity: 0;
visibility: hidden;
height: 0;
padding-top:0 !important;
padding-bottom:0 !important
}
.gutter_small > li {
padding: 0 7.5px 15px 7.5px;
}
.gutter_medium > li {
padding: 0px 1% 22px 1%;
}
.portfolio_content {
padding: 15px;
}
.portfolio_item {
overflow: hidden;
position: relative;
}
.portfolio_item a {
display: block;
overflow: hidden;
}
.portfolio_style1 .portfolio_content {
bottom: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
position: absolute;
top: 60px;
opacity: 0;
visibility: hidden;
right: 0;
left: 0;
text-align: center;
transition: all 0.5s ease-in-out;
z-index: 3;
}
.portfolio_style1 .portfolio_item::before {
background-color: rgba(14,147,216,0.80);
content: "";
position: absolute;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
top: 0;
bottom: 0;
transition: all 0.5s ease-in-out;
z-index: 2;
}
.portfolio_style1 .portfolio_item:hover .portfolio_content {
top: 0;
opacity: 1;
visibility: visible;
}
.portfolio_style2 .portfolio_content {
background-color: rgba(14,147,216,0.80);
bottom: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
position: absolute;
top: 0px;
opacity: 0;
visibility: hidden;
right: 0;
left: 0;
text-align: center;
transition: all 0.5s ease-in-out;
}
.portfolio_style1 .portfolio_item:hover:before,
.portfolio_style2 .portfolio_item:hover .portfolio_content,
.portfolio_style3 .portfolio_item:hover .portfolio_content {
opacity: 1;
visibility: visible;
}
.portfolio_style2 .portfolio_item:hover img,
.portfolio_style4 .portfolio_item:hover img {
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.portfolio_style3 .portfolio_content {
background-color: rgba(14,147,216,0.80);
bottom: 10px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
position: absolute;
top: 10px;
opacity: 0;
visibility: hidden;
right: 10px;
left: 10px;
text-align: center;
transition: all 0.5s ease-in-out;
}
.portfolio_style4 .portfolio_item .image_link {
display: block;
overflow: hidden;
}
.portfolio_style4 .portfolio_content {
background-color: #0e93d8;
transition: all 0.5s ease-in-out;
}
.portfolio_style5 .portfolio_content {
background-color: rgba(14,147,216,0.80);
bottom: 10px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
position: absolute;
top: 10px;
opacity: 0;
visibility: hidden;
right: 10px;
left: 10px;
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
transition: all 0.5s ease-in-out;
}
.portfolio_style5 .portfolio_item:hover .portfolio_content {
opacity: 1;
visibility: visible;
-moz-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.link_container a {
background-color: #fff;
border: 2px solid #fff;
color: #0e93d8;
font-size: 22px;
width: 45px;
height: 45px;
display: inline-block;
border-radius: 100%;
line-height: 45px;
margin: 0 2px;
text-align: center;
}
.link_container a .ion-ios-play {
position: relative;
left: 2px;
}
.link_container a:hover {
background-color: transparent;
color: #fff;
}
.link_container {
margin-bottom: 10px;
}
.portfolio_content h5 a,
.portfolio_content p {
color: #fff;
}
.portfolio_content p {
margin: 0;
min-height: 50px;
overflow: hidden;
max-height: 50px;
}
.work_col5.portfolio_style3 .portfolio_content,
.work_col5.portfolio_style5 .portfolio_content {
padding: 5px;
bottom: 5px;
top: 5px;
right: 5px;
left: 5px;
}
.work_col5.portfolio_style3 .link_container a,
.work_col5.portfolio_style5 .link_container a {
font-size: 18px;
width: 35px;
height: 35px;
line-height: 35px;
}
.work_col5.portfolio_style3 .portfolio_content p,
.work_col5.portfolio_style5 .portfolio_content p {
min-height: 40px;
max-height: 40px;
font-size: 14px;
}
.portfolio_slider.owl-carousel.owl-theme .owl-dots,
.blog_post .owl-carousel.owl-theme .owl-dots {
margin: 0 !important;
position: absolute;
top: 10px;
right: 10px;
z-index: 9;
}
.portfolio_slider.owl-carousel.owl-theme .owl-dots span,
.blog_post .owl-carousel.owl-theme .owl-dots span {
margin: 5px 2px;
}
.portfolio_slider.owl-carousel {
z-index: inherit;
}
.portfolio_slider.owl-carousel.owl-drag .owl-item {
overflow: hidden;
}
.single_post .owl-carousel.owl-theme .owl-dots {
margin: 0 !important;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
}
.portfolio-item .owl-carousel {
display: block;
}
.portfolio-item .owl-carousel a:nth-child(1n+2) {
display: none;
}
.loading {
font-size: 0 !important;
background-color: #000 !important;
border: 0;
height: 48px;
width: 50px;
}
#load-more {
transition: none;}.image_gallery_item {
position: relative; max-height:246px;}
.gallary_hover_box {
background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 57.04%);
bottom: 0px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
position: absolute;
top: 0px;
opacity: 0;
visibility: hidden;
right: 0px;
left: 0px;
text-align: center;
transition: all 0.5s ease-in-out;
}
.gallary_hover_box i { background:#35b6b4; width:60px; height:43px; padding-top:17px; margin:0 auto; border-radius:100%;
color: #fff;
font-size: 25px;
}
.image_gallery_item:hover .gallary_hover_box {
opacity: 1;
visibility: visible;
}
.gallery_img img {
transition: all 0.5s ease;
}
.gallery_hover_style1 .image_gallery_item,
.gallery_hover_style2 .image_gallery_item {
overflow: hidden;
}
.gallery_hover_style2 .gallary_hover_box {
top: 15px;
left: 15px;
bottom: 15px;
right: 15px;}
.gallery_hover_style2 .image_gallery_item:hover .gallery_img img {
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-ms-filter: blur(5px);
-o-filter: blur(5px);
filter: blur(5px);}
.gallery_hover_style3 .gallary_hover_box::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0px;
bottom: 0px;
border: 2px solid rgba(255,255,255,0.5);
margin: 10px;}.ti-zoom-in::before {
content: "\e61a";}@font-face {
font-family: 'themify';
src:url('../fonts/themify9f24.eot?-fvbane');
src:url('../fonts/themifyd41d.eot?#iefix-fvbane') format('embedded-opentype'),
url('../fonts/themify9f24.woff?-fvbane') format('woff'),
url('../fonts/themify9f24.ttf?-fvbane') format('truetype'),
url('../fonts/themify9f24.svg?-fvbane#themify') format('svg');
font-weight: normal;
font-style: normal;}
[class^="ti-"], [class*=" ti-"] {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
.about-p h4{ padding-top:0}
.hpimg p{ padding-top:12px; text-align:center}
.hpimg img{ border-radius:12px 12px 0 0;}
.hpimgbox{ max-height:250px; overflow:hidden}
.pt10{ padding-top:10px;}
.pb10{ padding-bottom:10px;}
.bdr20{ border-radius:20px;}
.hp-inner-area{ background:#003d73; padding:20px; margin-bottom:30px; border-radius:12px}
.hp-inner-area h3{ color:#fff; font-size:31px; padding-bottom:5px; font-weight:700; text-align:center}
.hp-inner-area p{ color:#fff; text-align:center; padding-top:5px;}
.ptop70{ padding-top:70px !important} .ptop30{ padding-top:30px !important}
@media (max-width:1400px) {.choose-cart{ width:108px;}}
@media (max-width:900px) {.inner-banner-img{ width:100%; border-bottom:solid 2px #adafb2}.container-area2{ width:94%}.banner-text{ width:100%; padding:50px 0px 40px 0px}
.back-left{ width:100%}.back-left h2{ font-size:38px; line-height:44px;}.back-right{ width:100%; margin-top:20px;}.treatment-top-area-left{ width:100%}.treatment-top-area-right{ width:100%; margin-top:20px;}.container-area3{ width:94%}.contact-page-left{ width:100%; padding-top:0;}.contact-page-right{ width:100%; margin-top:40px;}
}
@media (max-width:479px) {.banner-text h1{ font-size:41px; line-height:48px;}.container-area2{ width:92%}.google-reting{ display:block;}.google-reting img{ vertical-align:middle}.btn-area{ border:0;}.btn-area li{ margin-bottom:5px;}.back-left h3 { font-size:31px; line-height:38px;}.choose-cart{ margin-bottom:10px;}.faq-box h2{ font-size:35px; line-height:40px;}
.faq-box h2 br{ display:none}.blog-text h2 br{ display:none}.treatment-top-area h2{ font-size:37px; line-height:45px;}.orangebg{ padding:30px 20px !important}.top-left-area li{ font-size:14px;}.list01{ margin-left:10px;}.inner-faq{ padding:30px 20px;}.contact-page-area h2{ font-size:37px; line-height:45px;}.contact-page-right-main{ padding:20px;}.cda-content-inner p a{ font-size:22px;} .dr-page-area h3{ font-size:28px; line-height:36px;} .cbox-left{ width:100%;} .cbox-right{ width:100%;}.follow-us-area h5{ display:block; margin-bottom:10px;}.cda-content-inner p{ margin-bottom:20px;} .counter-box{ width:100%; margin-right:0; margin-bottom:15px;}.why-section{ padding:40px 20px;}.why-choose-box{ width:97%;}
.dr-video-section h3{ font-size:35px; line-height:42px;} .vdeo-box{ width:97%}.banner-text-1 h1{ font-size:41px; line-height:45px;}.banner-text-1{ width:100%; text-align:center; padding:50px 0px 50px 0px}.innersb img{ height:200px;object-fit:cover; object-position:85% 50%}.patient-box{ width:90%; padding:25px 4% 30px 4%}
.work_col3 > li{ width:98%} .form-wrap li a{ font-size:18px;}.banner-area{ background:#bfbfbf; border-radius:30px; min-height:200px} .swiper-pagination{ display:none}
.inner-banner-img{ min-height:310px;} .ptop70{ padding-top:0px !important} .ptop30{ padding-top:0px !important}
}