* {
padding: 0;
margin: 0;
}
html, body {height: 100%; width: 100%;}
body{ font-family: 'Nunito Sans',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:'Nunito Sans',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: 'Nunito Sans',sans-serif; font-size: 100%; font-weight: normal;}
ul li, ol li {list-style: none;}
img { border: none; display: block; max-width:100%;}
a, a:link, a:focus { color: #000 ; text-decoration: none; outline: none; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
a:hover { color: #5480cd; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
@font-face { font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.6.1');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal;}
.fa-twitter:before { content: "\f099";}.fa-facebook:before { content: "\f09a";}.fa-youtube::before {
content: "\f167";}.fa-instagram::before { content: "\f16d";} .fa-angle-right:before { content: "\f105";}
.fa-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";}
.container-area{ max-width:1280px; width:100%; margin:0 auto}
.body-container .wide-slider .owl-carousel .owl-controls { display:none !important;
position: absolute;
bottom:7%; right:44%;
width: 150px;
}
.wide-slider img {
height: 700px;
object-fit: cover;
object-position: 50% 50%;
}
.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:7%;
z-index: 99;
}
.body-container { 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:#0f0d31; font-size:51px; line-height:54px; font-weight:800; margin-bottom:25px; }
.slider-two_content{ z-index: 150; float:right; width:50%;
position:relative;}
.slider-two_content-left{ float:left; width:45%; position:relative; text-align:center; padding-top:35px;}
.slider-two_content-left .drname{ position:absolute; bottom:100px; right:0; background:#fff; border:solid 2px #528ef9; border-radius:0 50px 0 50px; padding:12px 25px 20px 25px}
.slider-two_content-left .drname h2{ font-size:28px; line-height:35px; font-weight:800}
.slider-two_content-left .drname p{ line-height:20px; font-size:17px;}
.slider-two_content-left img{ height:500px; border-radius:100%;}
.slider-two_content-left .imagearea{ width:500px; height:500px; border-radius:100%; background:#dce7f8 ; border:solid 20px #fff; box-shadow:0 8px 30px rgb(0 0 0 / 6%)}
.bg2{background:#752771 url(../images/circlebg.png) top cente no-repeat;}
.clear{ clear:both}
.slider-two_content p{ font-size:18px; font-weight:800}
.appointmentbtn{ margin-top:50px; position:relative; top:13px;}
.bannertitle1{ padding:60px 50px 20px 50px; width:80%; margin:0 auto; font-size:18px; font-weight:700;}
.btn1{ background:#752771; border-radius:40px; color:#fff !important; font-weight:700; padding:16px 35px 16px 35px; border:solid 2px #752771}
.btn1:hover{ background:#fff ; color:#000 !important; border:solid 2px #752771}
.btn01{ background:#fff; border-radius:40px; color:#000 !important; font-weight:700; padding:16px 35px 16px 35px; border:solid 2px #000}
.btn01:hover{ background:#000 ; color:#fff !important; border:solid 2px #000}
.btn2{ background:#d6b272; border-radius:40px; color:#000 !important; font-weight:700; padding:12px 35px 12px 35px; border:solid 2px #d6b272}
.btn2:hover{ background:#fff ; color:#000 !important; border:solid 2px #d6b272}
.btn3{ background:#528ef9; border-radius:40px; color:#fff !important; font-weight:700; padding:12px 35px 12px 35px; border:solid 2px #528ef9}
.btn3:hover{ background:#fff ; color:#000 !important; border:solid 2px #528ef9}
.banner-area{ background:#f2ebe3;}
.counting-box{ float:left; width:30%; padding:0 1.5%; text-align:center; border-right: solid 1px #898989; margin-bottom:25px;}
.bdright0{ border-right:0 !important}
.counting-box h3{ font-weight:800; font-size:50px; color:#222161; line-height:55px;}
.slider-two_content-left .btn1{ display:inline-block; margin-top:20px;}
.list01 { display:block; padding-bottom:40px;}
.list01 li{ background:url(../images/tick.png) left 7px no-repeat; padding-left:25px; font-size:22px; display:block; margin-bottom:10px;}
.list02 { display:block; padding-bottom:20px;}
.list02 li{ background:url(../images/tick1.png) left 6px no-repeat; padding-left:20px; display:block; margin-bottom:10px; display:flow-root}
.faq-section{ padding:60px 0 60px 0; }
.faq-row{grid-column-gap: 60px;
grid-template-columns: 2fr 1fr; grid-auto-columns: 1fr;
display: grid; grid-row-gap: 16px;}
.faq-left{ background-image: url(../images/img11.jpg); background-size:cover;
background-position: 50% 0;
border-radius: 10px;
width: 100%;
}.faq-right{justify-content: flex-start;
align-items: flex-start; display: flex;grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;}
.faq-right h2{ font-size: 38px;
font-weight: 600; color:#222161;
line-height: 40px; padding-bottom:5px;}
.toggles{ margin-top:25px; width:100%}
.toggle { padding: 0px; padding-bottom: 0; margin-bottom:15px; border-top:solid 1px #bababa}
.bdtop0{ border-top:0 !important}
.toggle-content p{ font-size:16px;}
.toggle-title { position: relative; display: block; color: #000; cursor: pointer; font-size:19px; font-weight:400; padding: 15px 20px 1px 0px; }
.toggle-title:after { content: ''; position: absolute; top: 67%; 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: -13px; }
.toggle.active .toggle-title:after { content: ''; border: solid #71689c;
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 0px 0px; display: none; }
.toggle.active .toggle-content { display: block !important; color:#000}
.toggle.active .toggle-title { color:#528ef9; }
.toggle-content:before,
.toggle-content:after {
content: " ";
display:table;}
.toggle-content:after {
clear: both;}
.welcome-area{ padding:45px 0 45px 0; margin:1px 0}
.welcome-area h2{
font-size: 41px;
line-height: 50px;
font-weight: 800;
margin-bottom: 10px; }
.welcome-left{ float:left; width:47%; padding-top:10px;}
.welcome-right{ float:right; width:45%}
.welcome-area p{ font-size:20px;}
.dr-profile-area { background: linear-gradient(180deg, #e1e9fb 30%, #f0fbfe 100%);
padding: 50px 0 50px 0;
}
.dr-center-text{
text-align: center;
max-width: 850px; width:100%;
margin: 0 auto;
padding-bottom: 40px;
}
.dr-center-text h2 {
text-align: center;
font-size: 45px;
line-height: 50px;
font-weight: 800;
margin-bottom: 5px;
}
.dr-center-text p {
text-align: center;
font-size: 19px;
line-height: 30px;
}
.dr-profile-area .dr-area {
display: flex;
justify-content: center;
gap: 40px;
}
.dr-profile-area .dr-card {
width: 45%;
text-align: center;
transition: transform 0.3s;
}
.dr-profile-area .dr-card .dr-img-card{ background-color: #fff; padding:30px 35px 35px 35px; box-shadow:0 8px 30px rgb(0 0 0 / 6%);
margin-bottom: 15px;
}
.dr-profile-area .dr-card img {
width: 100%;
object-fit: cover;
}
.dr-profile-area .dr-card h2 {
margin: 10px 0 5px;
font-size: 45px;
line-height: 50px;
font-weight: 600;
}
.dr-profile-area .dr-card p {
font-size: 22px;
line-height: 25px;
}
.dr-profile-area .dr-card h3 {
margin: 20px 0 5px; color:#222161;
font-size: 32px;
line-height: 35px;
font-weight: 800;
}
.swiper{
border-radius: 20px;
max-width:1100px;
margin:0 auto;
}
.card-wrapper {
margin: 0 auto;
overflow: hidden;
}
.card-list .card-item {
list-style: none;
}
.swiper-button-prev::after,
.swiper-button-next::after {
display: none;
}
.swiper-button-prev img,
.swiper-button-next img {
height: auto;
cursor: pointer;
}
.card-btn{
text-align:center;
}
.card-btn .btn{
display:inline-block;
padding:8px 24px;
margin:8px;
font-size:18px;
text-decoration:none;
border-radius:30px;
transition:0.3s;
background:#2563eb;
color:#fff;
}
.card-btn .btn:hover{
background:#1d4ed8;
border-color:#1d4ed8;
}
.card-btn.btn-view{
color:#fff;
border:2px solid #2563eb;
background:#2563eb;
}
.card-btn.btn-view:hover{
background:#2563eb;
color:#fff;
}
/* */
.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); padding-bottom:30px;
}
.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, 100%);
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, 600px);
right: auto
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 600px);
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, 580px);
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, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%
}
.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, 0px)
}
.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;
visibility: visible
}
.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
}
/* css card*/
.options-service-area {
padding: 70px 0 400px 0;
background: linear-gradient(180deg, #5480cd 50%, #232464 100%);
}
.treatmenth{ color:#fff; font-size:20px; width:70%; text-align:center; padding-bottom:25px; margin:0 auto}
.swiper1 {
max-width: 1300px;
margin: 0 auto;
display: flex;
align-items: flex-start;
gap: 3%;
margin-top: -390px;
}
/* .opestin-left {
width: 25%;
text-align: left;
} */
.opestin-right {
width: 100%;
position: relative;
}
.card-wrapper1 {
width: 100%;
max-width: 100%;
overflow: hidden;
}
.text-options-service h2 {
font-size: 28px;
line-height: 38px;
margin: 20px 0;
text-align: center;
color:#fff;
}
.text-options-service h3 {
font-size: 20px;
color: #555;
text-align: center;
color:#fff;
}
.card-list .card-item {
list-style: none;
}
.card-list .card-item .card-link {
display: block;
margin: 5px;
user-select: none;
border-radius: 20px;
text-decoration: none;
box-shadow:0 5px 10px rgb(0 0 0 / 25%);
transition: transform 0.3s ease, box-shadow 0.3s ease;
overflow: hidden;
background:#fff;
position: relative;
}
.card-link img {
transition: transform 0.3s ease-in-out;
width: 100%;
height: auto;
object-fit: cover;
background-size: cover;
position: relative;
display: block;
}
.opestion-text{
padding:30px;
text-align:center;
}
.opestion-text h2{
font-size:24px;
line-height:28px;
margin-bottom:30px;
position:relative;
}
.opestion-text h2 a{ color:#222161; font-weight:600} .opestion-text h2 a:hover{ color:#528ef9}
.opestion-text h2:before{
content: "";
height: 4px;
background: #528ef9;
width: 40%;
position: absolute;
bottom:-10px;
left: 50%;
transform: translateX(-50%);
}
.opestion-text .ful-btn {
margin: 30px 0 10px;
}
.opestion-text .ful-btn a {
font-size: 16px;
text-decoration: none;
padding: 12px 25px;
color: #fff;
background: #042081;
border-radius: 30px;
display: inline-block;
}
.card-wrapper .swiper-pagination-bullet {
height: 1px;
width: 200px;
opacity: 0.5;
background: #e3dada;
}
.card-wrapper .swiper-pagination-bullet-active {
opacity: 1;
background: #bff747;
}
.card-wrapper .swiper-slide-button {
color: #333;
margin-top: 60px;
}
.custom-prev,
.custom-next { background:#212161; border-radius:100%;
width:50px;
height:50px;
cursor: pointer;
position: absolute;
bottom: 0%;
z-index: 10;
}
.custom-prev:hover,
.custom-next:hover { background:#528ef9;
}
.custom-next img {
height: auto;
}
.font20{ font-size:20px; }
/* .custom-prev { left: -250px; }
.custom-next { left: -200px; } */
.tab-section{
padding:70px 0;
}
.tab-section .heading2{text-align: center; color:#222161;
font-size: 45px;
line-height: 50px;
font-weight: 800;
margin-bottom: 3px;}
.text-center{ text-align:center}
.options-tabs { position:relative; top:35px;
display: flex;
justify-content: center;
gap: 20px;
}
.tab-btn {
width: 45%; /* 👈 50% width */
padding: 20px 0;
border: none;
background: #fff;
cursor: pointer;
font-size: 28px;
border-radius: 40px; color:#000; border:solid 2px #232464;
font-weight: 600;
text-align: center;
}
.tab-btn.active {
background: #d6b272; border:solid 2px #d6b272;
color: #fff;
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
}
@media (max-width: 768px) {
.dr-profile-area .dr-card {
width: 90%;
margin: 30px 0;
padding: 20px 10px;
}
.dr-center-text h2 {
text-align: center;
font-size: 35px;
line-height: 40px;
font-weight: 600;
margin-bottom: 20px;
}
.dr-profile-area .dr-area {
display: block;}
.custom-prev,
.custom-next {
display: none;
}
.options-tabs {
gap: 10px;
margin-bottom: 30px;
display: block;
}
.dr-profile-area {
padding: 30px 10px;
}
.dr-profile-area .dr-card h2 {
margin: 10px 0 5px;
font-size: 35px;
line-height: 40px;
font-weight: 600;
}
.dr-profile-area .dr-card h3 {
margin: 10px 0 5px;
font-size: 28px;
line-height: 30px;
font-weight: 600;
}
}
.appointment-bg{ background:url(../images/bg2.jpg) center top no-repeat fixed; padding:60px 0 60px 0; position:relative; text-align:center}
.relative{ position:relative}
.appointment-bg img{ margin:0 auto}
.appointment-overly{background-color: #2b2b2b;
opacity: 0.45;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s; position:absolute; width:100%; inset:0}
.appointment-bg p{ color:#fff; font-size:24px; font-weight:800}
.appointment-bg h2 a{ color:#fff; font-weight:800; font-size:55px;}
.appointment-bg h2 a:hover{ color:#fff; text-decoration:underline}
.faq-section1{ padding:10px 0 10px 0; }
.faq-row1{grid-column-gap: 60px;
grid-template-columns: 1fr 2fr; grid-auto-columns: 1fr;
display: grid; grid-row-gap: 16px;}
.faq-left1{ background-image: url(../images/img8.jpg);
background-position: 50% 0;
border-radius: 10px;
width: 100%;
}.faq-right1{justify-content: flex-start;
align-items: flex-start; display: flex;grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;}
.faq-right1 h2{ font-size: 38px;
font-weight: 600;
line-height: 40px; padding-bottom:5px; color:#222161;}
.footer-bottom-area {
background-color: #232464; padding:25px 0;
}
.bottom-footer-left {
width: 50%;
float: left;
}.bottom-footer-right {
width: 50%;
float: right;
text-align: right;
}.bottom-footer-text p {
font-size: 16px;
color: #fff;
}.bottom-footer-text p a{ color:#fff; font-weight:800} .bottom-footer-text p a:hover{ color:#528ef9 }
.footer-area {
padding: 40px 0px 40px 0;
overflow: hidden;
background: #0f0d31;}
element.style {
}
.footer-box-area { min-height:658px;
float: left;
width: 20.4%;
padding: 20px 2% 0 2.4%;
border-right: solid 1px rgba(255,255,255,.3);
}.footer-box-area h3 {
color: #a0a0a5;
font-size: 24px;
font-weight: 800;
padding-bottom: 20px;
}.footer-box-area p { padding-bottom:20px;
color: #fff;
}.footer-box-area p a{ color:#fff; } .footer-box-area p a:hover{ color:rgba(255,255,255,.6)}
.footer-box-area ul li{ margin-bottom:16px; line-height:22px; font-size:17px;}
.footer-box-area ul li a{ color:#fff} .footer-box-area ul li a:hover{ color:rgba(255,255,255,.6)}
.vmap a{ border-bottom:solid 1px #fff; padding-bottom:1px;}
.footer-social{ margin-top:30px;} .footer-social li{ display:inline-block; margin-right:25px; font-size:31px !important;}
.nav-area{ background:#5480cd; box-shadow:0px 5px 5px 0px rgb(0 0 0 / 10%); position:relative; z-index:99}
.top-wrapper{ background:#d6b272; padding:5px 0; color:#fff; text-align:center; width:100%}
.welcome-area img{ margin:0 auto;}
.logo-area{ float:left; padding:18px 0}
.top-right{ float:right; padding-top:32px;}
.top-right ul li{ display:inline-block; margin-left:20px; padding-right:20px; border-right:solid 1px #ccc}
.top-right ul li:last-child{ border-right:0; padding-right:0}
.top-right ul li a{ font-size:21px; font-weight:800} .top-right ul li a:hover{ color:#528ef9}
.top-right .fa{ color:#7d7d7d} .top-right .fa:hover{ color:#5480cd }
.top-right ul li img{ display:inline-block; vertical-align:middle}
.blog-section{ padding:60px 0}
.blog-section h2{ text-align: center; color:#222161;
font-size: 45px;
line-height: 50px;
font-weight:800;
margin-bottom: 5px;}
.blog-left{
width: 35%;
float: left;
background-color: #d6b272;
border-radius: 10px;
}
.blog-right{
width: 63%;
float: right;
}
.blog-left img{ border-radius:10px; height: auto;
}
.blog-post-text{
padding:10px;
}
.blog-post-text h2{
color: #fff;
font-size: 29px;
line-height: 35px; text-align:left;
padding: 5px 10px 10px 10px;
}
.blog-post-text h2 a{
text-decoration: none; font-weight:600;
color: #000;
} .blog-post-text h2 a:hover{ color:#fff; text-decoration:underline}
.blog-post-text h3{
color: #000;
font-size: 18px;
line-height: 24px;
padding: 10px 10px 5px 10px;
}
.blog-post-text p{
color: #000;
font-size: 18px;
line-height: 25px;
padding: 0px 10px;
}
.post-item-arrow{
padding:5px 10px 34px 10px;
}
.post-item-arrow a.read-more-btn { border-bottom:solid 1px #000;
position: relative;
color: #000;
font-size: 18px;
font-weight: 600;
text-transform: capitalize;
transition: 0.5s ease-in-out;
}
.post-item-arrow a.read-more-btn:hover {
color:#000; border-bottom:solid 0px #000;
}
.post-item-arrow a {
text-decoration: none;
margin: 10px;
}
.blog-right-box1{
margin: 0px 0px 20px 0;
border:1px solid #232464;
border-radius: 10px;
overflow: hidden;
padding: 12px;
}
.img-box{
width: 35%;
float: left;
}
.img-box img{
width:100%; border-radius:10px;
}
.text-box{ padding-top:5px; padding-right:1%;
width: 60%;
float: right;
}
.text-box h2{
font-size: 29px; line-height:34px; text-align:left;
padding: 9px 0px 5px 0;
}
.text-box h2 a{
text-decoration: none;
color: #000;
} .text-box h2 a:hover{ color:#528ef9; }
.text-box h3{
color: #232464;
font-size: 18px;
line-height: 24px;
}
.text-box p{
font-size: 18px;
line-height: 25px;
}
.aroow{
padding: 20px 0px;
color: black;
}
.aroow a{
padding: 0px;
color: #000;
}
.aroow a.read-more-btn{
color: #000;
}
@media only screen and (max-width : 768px) {
.blog-area {
padding: 20px;
}
.blog-left{ margin-bottom:20px;
width: 100%;
}
.blog-right{
width: 100%;
}
}
@media only screen and (max-width : 489px) {
.img-box{
width: 100%;
}
.text-box{
width: 100%;
}
.blog-text-center h2 {
font-size: 40px;}
.blog-text-center p br{
display: none;
}
}
.container-area1{ max-width:1030px; width:100%; margin:0 auto}
.half-circle { display:inline-block; vertical-align:top;
width:230px;
height:230px;
border-radius: 50%; margin:20px 1%;
background: linear-gradient(
to bottom,
#fff 50%,
#02bed8 50%
);
}
.half-circle1 { display:inline-block; vertical-align:top;
width:230px;
height:230px;
border-radius: 50%; margin:20px 1%;
background: linear-gradient(
to bottom,
#02bed8 50%,
#fff 50%
);
}
.testimonial-area{ padding:60px 0 80px 0;}
.testimonial-area h2{text-align: center; color:#222161;
font-size: 45px;
line-height: 50px;
font-weight: 800;
margin-bottom: 5px;
}.testimonail-box{ float:left; margin:20px 1.3%; width:30.1%; box-shadow:0 5px 15px rgb(0 0 0 / 10%); background:#fff; border-radius:20px}
.testimonail-box-main{ padding:30px;}
.testimonail-box-main p{ padding:10px 0 20px 0}
.testimonial-author{ border-top:solid 1px #ddd; padding-top:20px; }
.tname{ float:left;}
.tname h3{ font-weight:700; font-size:21px; color:#222161}
.tname h4{ font-size:16px; color:#528ef9}
.timg{ float:right; padding-top:10px;}
.bdr{margin-left: 12px !important;
padding-right: 12px !important;
border-right: 0 !important;
}
.portfolio_container,
.portfolio_gallery,
.blog_container,
.shop_container {
list-style: none;
}
.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;
}
.image_gallery_item {
position: relative;
}
.gallary_hover_box {
background-color: rgba(0,0,0,0.50);
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 { 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_style1 .image_gallery_item:hover .gallery_img img {
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.gallery_hover_style2 .gallary_hover_box {
top: 15px;
left: 15px;
bottom: 15px;
right: 15px;
}
.video-wrapper {
position: relative;
background-color: #000;
width: 100%;
padding-top: 56.25%; /* 16:9 aspect ratio */
overflow: hidden;
border-radius: 10px; /* optional: rounded corners */
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* optional: shadow */
}
.responsive-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; /* or "contain" if you want full view inside bounds */
border: none;
}
.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: "\e611";
}@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;
}
.innerright ul li {
background: url(../images/tick.png) left 7px no-repeat;
padding-left: 22px;
margin-top: 8px;
}
[class^="ti-"], [class*=" ti-"] {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}.ti-arrow-right::before {
content: "\e628";
}
@media only screen and (max-width : 768px) { .container-area{ width:96%;}
.logo-area {
float: left;
padding: 10px 0;
width: 75%;
}
.top-right { padding-bottom:15px;
float: right;
padding-top: 0px;
}
.btn3 {
display: none;
}
.slider-two_content-left {
width: 95%;
}
.top-right ul li a {
font-size: 18px;
font-weight: 800;
}
.top-right ul li {
display: inline-block;
margin-left: 6px;
padding-right: 6px;
border-right: solid 1px #ccc;
}
.slider-two_content {
width: 95%;
}
.slider-two_content-left .imagearea {
width: 340px;
height: 340px;
border: solid 10px #fff;
margin: 5px;
}
.slider-two_content-left img {
height: 350px;}
.slider-two_content-left .drname {
position: absolute;
bottom: 10px;
left: 20px;
right: auto;
}
.bannertitle {
font-size: 30px;
line-height: 35px;
font-weight: 800;
margin-bottom: 25px;
margin-top: 10px;
}
.body-container .wide-slider .owl-carousel .item .content {
top: 0%;
}
.tab-section .heading2 {
font-size: 27px;
line-height: 36px;
}
.options-tabs {
top: 0px;
}
.testimonial-area h2 {
font-size: 27px;
line-height: 36px;
}
.blog-section h2 {
font-size: 27px;
line-height: 36px;
}
.welcome-left {
float: none;
width: 95%;
padding: 10px;
}
.welcome-area h2 {
font-size: 28px;
line-height: 35px;
}
.welcome-right {
float: right;
width: 95%;
padding: 10px;
}
.dr-profile-area .dr-card {
margin: 0px 0;
padding: 10px;
}
.dr-center-text {
padding-bottom: 20px;
padding: 10px;
width: 95%;
}
.tab-section {
padding: 40px 0 0 0;
}
.tab-btn {
width: 95%; font-size:24px;
margin: 10px;
padding: 20px 0;}
.options-service-area {
padding: 35px 0 400px 0;
}
.faq-section {
padding: 0px 0 0px 0;
}
.faq-row, .faq-row1 {
grid-row-gap: 16px;
padding: 10px;
display: block;
}
.testimonail-box {
float: left;
margin: 20px 1.3%;
width: 95%;}
.footer-box-area {
min-height: auto;
float: left;
width: 95%;
padding: 20px 2% 0 2.4%;
border-right: solid 1px rgba(255, 255, 255, .2);
}
.bottom-footer-left, .bottom-footer-right{
width: 95%;
float: none;
padding: 10px;
text-align: center;
}
.text-center {
text-align: center;
padding: 10px;
}
.owl-carousel .owl-item {
float: left;
height: 1125px;
}
.banner-area img {
height: auto;
}
.counting-box h3 {
font-size: 30px;
line-height: 40px;
}
.slider-two_content p {
font-size: 12px;
font-weight: 600;
}.testimonial-area{ margin-top:30px;}.blog-section{ padding:40px 0} .footer-area{ padding:20px 0}
}
.breadcrumb { border-bottom:solid 1px #ddd;
padding: 10px 0;
text-align: center;
}
.breadcrumb-list {
list-style: none;
padding: 0;
display: inline-flex;
align-items: center;
gap: 8px;
}
.breadcrumb-list li {
font-size: 16px;
color: #5480cd;
}
.breadcrumb-list li a {
text-decoration: none;
color: #000;
}
.breadcrumb-list li a:hover {
color: #5480cd;
}
.breadcrumb-list li:not(:last-child)::after {
content: "/";
margin-left: 8px;
color: #999;
}
.contact-info-area {
padding: 60px 0;
}
.contact-info-box { text-align:center; margin-top:10px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.contact-info-card { box-shadow:rgba(100,100,111,.1)0 7px 29px; background:#fff6e6;
align-items: center;
gap: 15px;
padding: 30px;
border: 1px dashed #232464;
border-radius: 20px;
transition: all 0.3s ease;
}
.contact-info-card .icon { text-align:center; margin:0 auto;
width: 50px;
height: 50px;
border-radius: 50%;
background: #d6b272;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.contact-info-card .icon img {
width: 25px;
height: 25px;
object-fit: contain;
transition: all 0.3s ease;
}
.contact-info-card:hover .icon {
background: #5480cd;
}
.contact-info-card:hover .icon img {
filter: brightness(0) invert(1);
}
.contact-info-card h4 {
margin: 15px 0 0px;
font-size: 25px;
font-weight: 700;
}
.contact-info-card p {
margin: 0;
font-size: 18px;
}
.contact-form-area {
width: 100%;
padding: 0px 0 70px;
}
.contact-box{
background-color: #fff; border-radius:20px; box-shadow:rgba(100,100,111,.2)0 7px 29px;
padding: 50px;
}
.contact-form-area h2 {
text-align: center;
font-size: 40px;
font-weight: 800;
}
.contact-form-area p {
text-align: center;
font-size: 18px;
margin-bottom: 40px;
}
.contact-form {
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
.form-row {
display: flex;
gap: 20px;
margin-bottom: 20px;
}
.form-row input,
.form-row textarea {
width: 100%;
padding: 14px;
font-size: 18px;
border: 1px solid #c0c0c0;
border-radius:10px;
outline: none;
}
.form-row textarea {
resize: none;
}
.form-row.center {
justify-content: center;
margin-top: 30px;
}
.contact-form button {
padding: 14px 35px;
font-size: 18px;
background: #5480cd;
color: #fff;
border: none;
border-radius: 6px;
cursor: pointer;
}
.contact-form button:hover {
background: #232464;
}
@media (max-width: 992px) {
.contact-info-box {
grid-template-columns: repeat(2, 1fr);
padding: 10px;
}
}
@media (max-width: 576px) {
.contact-info-box {
grid-template-columns: 1fr;
}
}
.inner-content-area{ padding:60px 0}
.contact-info-area h1{ text-align:center; text-align: center;
color: #222161; font-size: 45px; font-weight: 800; line-height:50px; padding-bottom:5px;}
.about-left{ float:left; width:47.5%}
.about-left img{ border-radius:20px;}
.about-right{ float:right; width:47.5%}
.about-right h2{ font-size: 41px; line-height: 45px; font-weight: 800; margin-bottom: 10px;}
.about-right h3{ font-size:24px; font-weight:600; padding-bottom:20px; line-height:28px;}
.inner-banner-area{ position: relative;}
.inner-banner-area h1{ padding:140px 0; font-size: 45px; line-height: 50px; font-weight: 800; color:#fff; z-index:999}
.inner-banner-area::before {
content: "";
position: absolute;
background: rgba(0,0,0,.2);
height: 100%;
width: 100%;
}
.pb10{ padding-bottom:10px;}
.bdb{ border-bottom:solid 1px #ccc; padding-bottom:10px;}
.why-choose-area{ padding:50px 0; background:#edf7ff}
.why-choose-area h4{font-size:31px; line-height: 36px; font-weight: 800; margin-bottom: 10px; color:#5480cd}
.why-choose-area h2{ font-size: 41px; line-height: 45px; font-weight: 800; margin-bottom: 10px; text-align:center; color:#222161}
.why-choose-box{ float:left; width:30%; margin:20px 1.5%; background:#fff; box-shadow:rgba(100,100,111,.15)0 7px 29px; border-radius:20px;}
.why-choose-box-main{ padding:25px; text-align:center; min-height:256px;}
.why-choose-box-main h3{font-size: 26px; line-height: 32px; font-weight: 800; margin-bottom: 10px; margin-top:20px;}
.about-right h4{font-size:31px; line-height: 36px; font-weight: 800; margin-bottom: 10px; color:#5480cd}
.about-right h5{font-size:24px; line-height: 30px; font-weight: 800; margin-bottom: 5px;}
.about-right h5 span{ font-size:21px;}
.why-choose-box-main img{ margin:0 auto}
.list50 li{ float:left; width:48%}
.heading5 {font-size:24px; line-height: 30px; font-weight: 800; margin-bottom: 10px;}
.heading5 span{ font-size:21px;}
.inner-content-area .toggle-title { font-weight:600; font-size:24px;}.toggle-content p{ font-size:18px;}
.head2{
color: #222161;
font-size: 37px;
line-height: 40px;
font-weight: 800;
margin-bottom: 10px;}
.imgleft{ float:left; margin-right:40px; border-radius:20px; margin-bottom:10px;}
.imgright{ float:right; margin-left:40px; border-radius:20px; margin-bottom:10px;}
.inner-content-area1 { background:#edf7ff;
padding: 60px 0;
}
html {
scroll-behavior: smooth;
}
.megamemu{ width:650px !important; left:-50px !important}
.megamemu li{ float:left; width:41%; margin-left:2% !important}
.faq-right-area{ float:right; width:47.5%}.faq-left-area{ float:left; width:47.5%}
@media only screen and (max-width : 479px) {.bdr{ display:none !important}.top-right{ float:none; text-align:center}.top-right ul li:last-child{ border-right:0 !important}
.faq-right h2 { font-size:31px;}.faq-right1 h2{ font-size:31px;} .contact-box{ padding:20px;} .form-row{ display:block;}.form-row input, .form-row textarea{ width:91%}
.form-row input{ margin-top:10px;} .contact-form-area p{ margin-bottom:20px;}.inner-banner-area h1{ padding:110px 0; font-size:37px; line-height:42px;} .about-left{ width:100%}.about-right{ width:100%; padding-top:30px;}
.about-right h2 { font-size:31px; line-height:35px;} .why-choose-box{ width:97%}.why-choose-area h2{ font-size:32px; line-height:40px;}.container-area1{ width:94%}
.list50 li{ width:95%}.imgleft{ float:none; margin-right:0; margin-bottom:20px;}.head2{ font-size:29px; line-height:34px;} .imgright{ float:none; margin-left:0; margin-bottom:30px;}.container-area{ width:94%}.work_col3 > li{ width:98%}.inner-content-area .toggle-title{ font-size:22px;}.why-choose-box-main h3{ font-size:24px; line-height:30px;}.megamemu{ left:0 !important} .megamemu li{ margin-left:0 !important} .faq-right-area{ width:100%; margin-top:20px;} .faq-left-area{ width:100%}}