@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Roboto:wght@300;400;500;700;900&display=swap");



* {

box-sizing: border-box;

}



html {

scroll-behavior: smooth;

}



:focus,

button:focus,

.btn:focus {

outline: 0;

box-shadow: none;

}



.form-control:focus {

box-shadow: none;

}



a,

button,

input[type=submit] {

cursor: pointer;

}



/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

-webkit-appearance: none;

appearance: none;

margin: 0;

}



/* Firefox */

input[type=number] {

-moz-appearance: textfield;

-webkit-appearance: textfield;

appearance: textfield;

}



a {

color: #1C2359;

text-transform: inherit;

text-decoration: none;

transition: all 0.3s ease;

}



a:hover,

a :focus {

text-decoration: none;

box-shadow: none;

color: #000;

}



a:focus {

outline: 0 solid;

}



img {

max-width: 100%;

height: auto;

}



h1,

h2,

h3,

h4,

h5,

h6,
.mh-heading-h2,
.mh-heading-h3,
.mh-heading-h4,
.mh-heading-h6 {

font-weight: 700;

line-height: 1.4;

color: #1C2359;

font-family: "Inter", sans-serif;

}



body {

font-size: 16px;

font-family: "Roboto", sans-serif;

color: #666666;

}



p {

font-size: 16px;

line-height: 1.8;

color: #666666;

}



select {

cursor: pointer;

-webkit-appearance: none;

-moz-appearance: none;

appearance: none;

background-image: url(../img/down-arrow.png);

background-repeat: no-repeat;

background-size: 15px;

background-position: calc(100% - 15px) 50%;

}



.pt-10 {

padding-top: 10px;

}



.pt-20 {

padding-top: 20px;

}



.pt-30 {

padding-top: 30px;

}



.pt-40 {

padding-top: 40px;

}



.pt-50 {

padding-top: 50px;

}



.pt-60 {

padding-top: 60px;

}



.pt-70 {

padding-top: 70px;

}



.pt-75 {

padding-top: 75px;

}



.pt-80 {

padding-top: 80px;

}



.pt-90 {

padding-top: 90px;

}



.pt-100 {

padding-top: 100px;

}



.pt-200 {

padding-top: 200px;

}



.pb-10 {

padding-bottom: 10px;

}



.pb-20 {

padding-bottom: 20px;

}



.pb-30 {

padding-bottom: 30px;

}



.pb-40 {

padding-bottom: 40px;

}



.pb-50 {

padding-bottom: 50px;

}



.pb-60 {

padding-bottom: 60px;

}



.pb-70 {

padding-bottom: 70px;

}



.pb-75 {

padding-bottom: 75px;

}



.pb-80 {

padding-bottom: 80px;

}



.pb-90 {

padding-bottom: 90px;

}



.pb-100 {

padding-bottom: 100px;

}



.pb-130 {

padding-bottom: 130px;

}



.ptb-10 {

padding-bottom: 10px;

padding-bottom: 10px;

}



.ptb-20 {

padding-bottom: 20px;

padding-bottom: 20px;

}



.ptb-30 {

padding-top: 30px;

padding-bottom: 30px;

}



.ptb-40 {

padding-top: 40px;

padding-bottom: 40px;

}



.ptb-50 {

padding-top: 50px;

padding-bottom: 50px;

}



.ptb-60 {

padding-top: 60px;

padding-bottom: 60px;

}



.ptb-70 {

padding-top: 70px;

padding-bottom: 70px;

}



.ptb-80 {

padding-top: 80px;

padding-bottom: 80px;

}



.ptb-90 {

padding-top: 90px;

padding-bottom: 90px;

}



.ptb-100 {

padding-top: 100px;

padding-bottom: 100px;

}



.mb-0 {

margin-bottom: 0px !important;

}



.mb-10 {

margin-bottom: 10px !important;

}



.mb-15 {

margin-bottom: 15px !important;

}



.mb-20 {

margin-bottom: 20px !important;

}



.mb-25 {

margin-bottom: 25px !important;

}



.mb-30 {

margin-bottom: 30px !important;

}



.mb-40 {

margin-bottom: 40px !important;

}



.mb-50 {

margin-bottom: 50px !important;

}



.mb-60 {

margin-bottom: 60px !important;

}



.mb-70 {

margin-bottom: 70px !important;

}



.mb-80 {

margin-bottom: 80px !important;

}



.mb-90 {

margin-bottom: 90px !important;

}



.mb-100 {

margin-bottom: 100px !important;

}



.mmt-10 {

margin-top: -10px !important;

}



.mt-0 {

margin-top: 0px !important;

}



.mt-10 {

margin-top: 10px !important;

}



.mt-15 {

margin-top: 15px !important;

}



.mt-20 {

margin-top: 20px !important;

}



.mt-25 {

margin-top: 25px !important;

}



.mt-30 {

margin-top: 30px !important;

}



.mt-35 {

margin-top: 35px !important;

}



.mt-40 {

margin-top: 40px !important;

}



.mt-50 {

margin-top: 50px !important;

}



.mt-60 {

margin-top: 60px !important;

}



.mt-70 {

margin-top: 70px !important;

}



.mt-80 {

margin-top: 80px !important;

}



.mt-100 {

margin-top: 100px !important;

}



.mtb-100 {

margin-top: 100px !important;

margin-bottom: 100px !important;

}



.z-0 {

z-index: 0;

position: relative;

}



#message {

padding: 0;

margin: 0;

}



.help-block {

color: #E31C25;

}



.list-style {

margin: 0;

padding: 0;

list-style: none;

}

.list-style li {

list-style: none;

}



.page-wrapper {

overflow-x: hidden;

}



/*---------------------------------

Mixins & Animation CSS

-----------------------------------*/

.comment-item-wrap .comment-item, .post-author, .testimonial-card .client-info-area .client-info-wrap, .testimonial-card .client-info-area, .promo-card, .counter-card-wrap .counter-card, .counter-card-wrap, .feature-item-wrap .feature-item, .pp-post-item, .select-lang .navbar-language .dropdown-toggle, .header-wrap .header-top .header-top-left, .owl-carousel .owl-nav, .testimonial-slider-two.owl-carousel .owl-dots, .header-wrap .header-top .header-top-right, .testimonial-slider-two.owl-carousel.style2 .owl-dots, .pricing-card .pricing-header, .wp-block-quote, .contact-item, .book-appointment-form .radio-btn, .cta-content, .about-doctor-box, .about-wrap.style3 .about-img-wrap .about-promo-box, .about-wrap.style1 .about-content .ceo-msg, .hero-wrap.style6 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style6 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style3 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style5 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style3 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style5 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style2 .hero-content .hero-btn, .hero-wrap .hero-content .hero-btn .play-video, .portfolio-info-widget .portfolio-info-item-wrap .portfolio-info-item, .header-wrap .header-top .header-top-left .contact-info li, .header-wrap .header-top .header-top-left .contact-info, .contact-item .contact-icon, .counter-card-wrap .counter-card .counter-icon, .service-card.style4 .service-icon, .service-card .service-img .service-icon, .feature-item-wrap .feature-item .feature-icon, .hero-wrap.style6 .hero-slide-item .hero-content .hero-btn .play-video .video-icon, .hero-wrap.style3 .hero-slide-item .hero-content .hero-btn .play-video .video-icon, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .play-video .video-icon, .hero-wrap.style5 .hero-slide-item .hero-content .hero-btn .play-video .video-icon, .hero-wrap.style1 .hero-slide-item .hero-img-wrap .promo-box span, .hero-wrap .hero-content .hero-btn .play-video .video-icon, .content-feature-list.style1 li span, .header-wrap .header-top .header-top-left .contact-info li span, .social-profile.style1 li a, .social-profile.style2 li a, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {

display: flex;

flex-wrap: wrap;

}



.contact-item .contact-icon, .counter-card-wrap .counter-card .counter-icon, .service-card.style4 .service-icon, .service-card .service-img .service-icon, .feature-item-wrap .feature-item .feature-icon, .hero-wrap.style6 .hero-slide-item .hero-content .hero-btn .play-video .video-icon, .hero-wrap.style3 .hero-slide-item .hero-content .hero-btn .play-video .video-icon, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .play-video .video-icon, .hero-wrap.style5 .hero-slide-item .hero-content .hero-btn .play-video .video-icon, .hero-wrap.style1 .hero-slide-item .hero-img-wrap .promo-box span, .hero-wrap .hero-content .hero-btn .play-video .video-icon, .content-feature-list.style1 li span, .header-wrap .header-top .header-top-left .contact-info li span, .social-profile.style1 li a, .social-profile.style2 li a, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {

flex-direction: column;

justify-content: center;

}



.wp-block-quote, .contact-item, .book-appointment-form .radio-btn, .pricing-card .pricing-header, .cta-content, .testimonial-card .client-info-area .client-info-wrap, .testimonial-card .client-info-area, .counter-card-wrap .counter-card, .about-doctor-box, .about-wrap.style3 .about-img-wrap .about-promo-box, .about-wrap.style1 .about-content .ceo-msg, .hero-wrap.style6 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style6 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style3 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style5 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style3 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style5 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style2 .hero-content .hero-btn, .hero-wrap .hero-content .hero-btn .play-video, .portfolio-info-widget .portfolio-info-item-wrap .portfolio-info-item, .select-lang .navbar-language .dropdown-toggle, .header-wrap .header-top .header-top-right, .header-wrap .header-top .header-top-left .contact-info li, .header-wrap .header-top .header-top-left .contact-info, .header-wrap .header-top .header-top-left {

-webkit-box-align: center;

-ms-flex-align: center;

-ms-grid-row-align: center;

align-items: center;

}



.pricing-card .pricing-header {

justify-content: space-between;

}



.testimonial-slider-two.owl-carousel.style2 .owl-dots {

justify-content: center;

}



.testimonial-slider-two.owl-carousel .owl-dots, .header-wrap .header-top .header-top-right {

justify-content: flex-end;

}



.play-now .ripple,

.play-now .ripple:before,

.play-now .ripple:after {

position: absolute;

top: 50%;

left: 50%;

height: 85px;

width: 85px;

transform: translateX(-50%) translateY(-50%);

transform-origin: center center;

border-radius: 50%;

-ms-box-shadow: 0 0 0 0 #fff;

-o-box-shadow: 0 0 0 0 #fff;

box-shadow: 0 0 0 0 #fff;

animation: ripple 3s infinite;

}



.play-now {

position: relative;

height: 85px;

width: 85px;

text-align: center;

line-height: 92px;

background-color: transparent;

border: 3px solid #fff;

color: #fff;

z-index: 1;

font-size: 28px;

padding-left: 5px;

display: block;

transform-origin: center center;

border-radius: 50%;

margin: 0 auto;

}

.play-now .ripple:before {

animation-delay: 0.9s;

content: "";

position: absolute;

}

.play-now .ripple:after {

animation-delay: 0.6s;

content: "";

position: absolute;

}

@keyframes ripple {

70% {

box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);

}

100% {

box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

}

}

/*---------------------------------

Back To Top Button CSS

-----------------------------------*/

.back-to-top {

font-size: 24px;

width: 45px;

height: 45px;

line-height: 42px;

text-align: center;

display: none;

position: fixed;

bottom: 230px;

right: 22px;

z-index: 9;

border-radius: 50%;

background: #F0F4FF;

box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);

transition: all 0.4s ease-in-out;

}

.back-to-top.open {

bottom: 30px;

}

.back-to-top i {

color: #1C2359;

position: relative;

top: 2px;

}



/*---------------------------------

Preloader CSS

-----------------------------------*/

.absCenter {

position: absolute;

top: 50%;

left: 50%;

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

}



.loaderPill {

text-align: center;

}

.loaderPill .loaderPill-anim {

height: 160px;

}

.loaderPill .loaderPill-anim .loaderPill-anim-bounce {

animation: loaderPillBounce 1800ms linear infinite;

}

.loaderPill .loaderPill-anim .loaderPill-anim-bounce .loaderPill-anim-flop {

transform-origin: 50% 50%;

animation: loaderPillFlop 1800ms linear infinite;

}

.loaderPill .loaderPill-anim .loaderPill-anim-bounce .loaderPill-anim-flop .loaderPill-pill {

display: inline-block;

box-sizing: border-box;

width: 80px;

height: 30px;

border-radius: 15px;

border: 1px solid #1C2359;

background-image: linear-gradient(to right, #1C2359 50%, #ffffff 50%);

}

.loaderPill .loaderPill-floor {

display: block;

text-align: center;

}

.loaderPill .loaderPill-floor .loaderPill-floor-shadow {

display: inline-block;

width: 70px;

height: 7px;

border-radius: 50%;

background-color: color(#1C2359 26%);

transform: translateY(-15px);

animation: loaderPillScale 1800ms linear infinite;

}



@keyframes loaderPillBounce {

0% {

transform: translateY(123px);

animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

}

25% {

transform: translateY(40px);

animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);

}

50% {

transform: translateY(120px);

animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

}

75% {

transform: translateY(20px);

animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);

}

100% {

transform: translateY(120px);

}

}

@keyframes loaderPillFlop {

0% {

transform: rotate(0);

}

25% {

transform: rotate(90deg);

}

50% {

transform: rotate(180deg);

}

75% {

transform: rotate(450deg);

}

100% {

transform: rotate(720deg);

}

}

@keyframes loaderPillScale {

0% {

transform: translateY(-15px) scale(1, 1);

animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

}

25% {

transform: translateY(-15px) scale(0.7, 1);

animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);

}

50% {

transform: translateY(-15px) scale(1, 1);

animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

}

75% {

transform: translateY(-15px) scale(0.6, 1);

animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);

}

100% {

transform: translateY(-15px) scale(1, 1);

}

}

.loader {

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

background: #fff;

z-index: 20000;

overflow-x: hidden !important;

display: flex;

align-items: center;

justify-content: center;

}



/*---------------------------------

Button & Link CSS

----------------------------------*/

.btn {

display: inline-block;

line-height: 26px;

font-weight: 400;

border-radius: 5px;

text-align: center;

transition: all 0.7s ease-in-out;

position: relative;

z-index: 1;

border: none;

padding: 14px 28px 14px;

border-radius: 0;

color: #fff;

overflow: hidden;

border: 1px solid transparent;

white-space: nowrap;

}

.btn i {

position: relative;

top: 3px;

font-size: 16px;

margin-left: 7px;

transition: all 0.4s ease-in-out;

}

.btn:before {

position: absolute;

top: 0;

left: 0;

content: "";

width: 50%;

height: 0;

visibility: hidden;

opacity: 0;

z-index: -1;

border-radius: 0 50% 50% 0;

transition: all 0.4s ease-in-out;

}

.btn:after {

border-radius: 50% 0 0 50%;

position: absolute;

bottom: 0;

right: 0;

content: "";

width: 50%;

height: 0;

visibility: hidden;

opacity: 0;

z-index: -1;

transition: all 0.4s ease-in-out;

}

.btn:hover {

color: #fff;

}

.btn:hover:after, .btn:hover:before {

width: 100%;

height: 100%;

visibility: visible;

opacity: 1;

}

.btn.style1 {

background:linear-gradient(45deg, #1C2359 8%, #3B4FA3 100%);

border-radius: 5px;

}

.btn.style1:after, .btn.style1:before {

background: linear-gradient(45deg, #ED3237 8%, #FF6B6F 100%);

}

.btn.style2 {

background-color: #14467B;

color: #fff;

border-radius: 5px;

}

.btn.style2:after, .btn.style2:before {

background: linear-gradient(45deg, #1C2359 8%, #3B4FA3 100%);

}

.btn.style2:hover {

color: #fff;

}

.btn.style3 {

background-color: #fff;

box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);

color: #000;

border-radius: 5px;

}

.btn.style3:after, .btn.style3:before {

background: #14467B;

}

.btn.style3:hover {

color: #fff;

}

.btn.style5 {

background-color: #14467B;

color: #fff;

border: 1px solid transparent;

}

.btn.style5:after, .btn.style5:before {

background: #1C2359;

}

.btn.style5:hover {

color: #fff;

border-color: rgba(255, 255, 255, 0.01);

}

.btn.style6, .btn.style8 {

background-color: transparent;

border-color: rgb(255, 255, 255);

color: #fff;

}

.btn.style6:after, .btn.style6:before, .btn.style8:after, .btn.style8:before {

background: #14467B;

}

.btn.style6:hover, .btn.style8:hover {

border-color: transparent;

color: #fff;

}

.btn.style8 {

border-radius: 5px;

}

.btn.style7 {

background-color: #1C2359;

color: #fff;

border: 1px solid transparent;

}

.btn.style7:after, .btn.style7:before {

background: #14467B;

}

.btn.style7:hover {

color: #fff;

border-color: rgba(255, 255, 255, 0.01);

}



.link {

font-weight: 500;

line-height: 26px;

display: inline-block;

position: relative;

transition: all 0.4s ease-in-out;

}

.link:after {

position: absolute;

bottom: 0;

left: 0;

content: "";

width: 0;

height: 1px;

background: #ed3237;

visibility: hidden;

opacity: 0;

transition: all 0.4s ease-in-out;

}

.link i {

position: relative;

top: 3px;

margin-left: 5px;

font-size: 14px;

transition: all 0.4s ease-in-out;

}

.link.style1 {

color: #1C2359;

}

.link.style1:after {

background-color: #1C2359;

}

.link.style1:hover {

color: #1C2359;

}

.link.style2 {

color: #ED3237!important;

}

.link.style2:after {

background-color: #ED3237;

}

.link.style2:hover {

color: #1C2359;

}

.link:hover {

color: #14467B;

}

.link:hover:after {

visibility: visible;

opacity: 1;

width: 100%;

}

.link:hover i {

margin-left: 10px;

}



.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {

width: 50px;

height: 50px;

border-radius: 50%;

text-align: center;

background-color: transparent;

position: relative;

overflow: hidden;

z-index: 1;

transition: all 0.4s ease-in-out;

}

.owl-carousel .owl-nav button.owl-prev:after, .owl-carousel .owl-nav button.owl-next:after {

position: absolute;

bottom: 0;

left: 0;

content: "";

width: 100%;

height: 0;

background-color: #1C2359;

z-index: -1;

visibility: hidden;

opacity: 0;

transition: all 0.4s ease-in-out;

}

.owl-carousel .owl-nav button.owl-prev i, .owl-carousel .owl-nav button.owl-next i {

font-size: 25px;

line-height: 0.8;

display: inline-block;

position: relative;

top: 2px;

color: #1C2359;

margin: 0 auto;

transition: all 0.4s ease-in-out;

}

.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {

border-color: transparent;

}

.owl-carousel .owl-nav button.owl-prev:hover:after, .owl-carousel .owl-nav button.owl-next:hover:after {

height: 100%;

visibility: visible;

opacity: 1;

}

.owl-carousel .owl-nav button.owl-prev:hover i, .owl-carousel .owl-nav button.owl-next:hover i {

color: #fff;

}

.owl-carousel .owl-nav button.owl-next i {

left: 2px;

}

.owl-carousel .owl-dots button.owl-dot {

display: inline-block;

margin: 0 6px;

position: relative;

bottom: -5px;

}

.owl-carousel .owl-dots button.owl-dot span {

display: inline-block;

width: 15px;

height: 15px;

border-radius: 50%;

background: #f9f9f9;

position: relative;

transition: all 0.4s ease-in-out;

}

.owl-carousel .owl-dots button.owl-dot.active span {

background: #14467B;

}



/*--------------------------------------

Section Title,Overlay & Shape CSS

----------------------------------------*/

.section-title,

.content-title {

position: relative;

}

.section-title h2,

.content-title h2,
.section-title .mh-heading-h2,
.content-title .mh-heading-h2 {

font-size: 40px;

margin: 0;

}

.section-title p,

.content-title p {

margin: 12px 0 0;

}

.section-title span,

.content-title span {

display: inline-block;

font-weight: 700;

margin: 0 0 10px;

position: relative;

z-index: 1;

line-height: 1;

}

.section-title span p,

.content-title span p {

margin: 10px auto 0;

}

.section-title.style1 span,

.content-title.style1 span {

color: #ED3237;

}

.section-title.style2 span, .section-title.style2 h2,

.content-title.style2 span,

.content-title.style2 h2,
.section-title.style2 .mh-heading-h2,
.content-title.style2 .mh-heading-h2 {

color: #fff;

}

.section-title.style2 p,

.content-title.style2 p {

color: rgba(255, 255, 255, 0.8);

}



.section-para {

margin: 0;

}

.section-para.style2 {

color: #fff;

}



/*.content-wrapper {

margin-top: 134px;

}*/



.bg-transparent {

background-color: transparent;

}



.bg-black {

background-color: #000;

}



.bg-white {

background-color: #fff;

}



.bg-athens {

background: linear-gradient(98.37deg, #EFEAFF 3.57%, #FFE4EA 99.75%);

}



.bg-blue {

background: linear-gradient(276deg, #1C2359 2.84%, #2A6191 95.71%);

}



.bg-albastor {

background-color: #f9f9f9;

}



.bg-chathamas {

background-color: #14467B;

}



.body_overlay {

position: fixed;

top: 0;

left: 0;

content: "";

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

width: 100%;

height: 100%;

z-index: 999;

visibility: hidden;

opacity: 0;

transition: all 0.4s ease-in-out;

}

.body_overlay.open {

visibility: visible;

opacity: 1;

}



.overlay {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

z-index: 0;

}



.op-1 {

opacity: 0.1;

}



.op-2 {

opacity: 0.2;

}



.op-3 {

opacity: 0.3;

}



.op-4 {

opacity: 0.4;

}



.op-5 {

opacity: 0.5;

}



.op-6 {

opacity: 0.6;

}



.op-7 {

opacity: 0.7;

}



.op-75 {

opacity: 0.75;

}



.op-8 {

opacity: 0.8;

}



.op-85 {

opacity: 0.85;

}



.op-9 {

opacity: 0.9;

}



.op-95 {

opacity: 0.95;

}



.op-10 {

opacity: 1;

}



.bg-f {

background-position: center center;

background-size: cover;

background-repeat: no-repeat;

background-color: #ddd;

}



.pos-rel {

position: relative;

z-index: 1;

}



.bounce {

animation: float 1500ms infinite ease-in-out;

}



.moveHorizontal {

animation: moveHorizontal 3000ms infinite ease-in-out;

}



.moveVertical {

animation: moveVertical 3000ms infinite ease-in-out;

}



.moveHorizontal_reverse {

animation: moveHorizontal_reverse 3000ms infinite ease-in-out;

}



.animationFramesTwo {

animation: animationFramesTwo 20000ms infinite ease-in-out;

}



.waving_left {

animation: waving_left 7s infinite linear;

transition: all 0.3s ease-in-out;

}



.waving_right {

animation: waving_right 7s infinite linear;

transition: all 0.3s ease-in-out;

}



.rotate {

animation: rotation 20s infinite linear;

}



.rotate {

animation: rotation 20s infinite linear;

}

@keyframes waving_left {

0% {

-webkit-transform: rotate(0deg);

}

25% {

-webkit-transform: rotate(3deg);

}

50% {

-webkit-transform: rotate(6deg);

}

75% {

-webkit-transform: rotate(-3deg);

}

100% {

-webkit-transform: rotate(0deg);

}

}

@keyframes waving_right {

0% {

-webkit-transform: rotate(0deg);

}

25% {

-webkit-transform: rotate(-3deg);

}

50% {

-webkit-transform: rotate(-6deg);

}

75% {

-webkit-transform: rotate(-3deg);

}

100% {

-webkit-transform: rotate(0deg);

}

}

@keyframes float {

0% {

transform: translateY(0px);

}

50% {

transform: translateY(-5px);

}

100% {

transform: translateY(0px);

}

}

@keyframes rotation {

from {

-webkit-transform: rotate(0deg);

}

to {

-webkit-transform: rotate(359deg);

}

}

@keyframes animationFramesTwo {

0% {

-webkit-transform: translate(0px, 0px) rotate(0deg);

}

20% {

-webkit-transform: translate(73px, -1px) rotate(36deg);

}

40% {

-webkit-transform: translate(141px, 72px) rotate(72deg);

}

60% {

-webkit-transform: translate(83px, 122px) rotate(108deg);

}

80% {

-webkit-transform: translate(-40px, 72px) rotate(144deg);

}

100% {

-webkit-transform: translate(0px, 0px) rotate(0deg);

}

}

@keyframes moveHorizontal {

0% {

transform: translateX(0px);

}

50% {

transform: translateX(-20px);

}

100% {

transform: translateX(0px);

}

}

@keyframes moveHorizontal_reverse {

0% {

transform: translateX(0px);

}

50% {

transform: translateX(20px);

}

100% {

transform: translateX(0px);

}

}

@keyframes moveVertical {

0% {

transform: translateY(0px);

}

50% {

transform: translateY(-20px);

}

100% {

transform: translateY(0px);

}

}

@keyframes shine {

100% {

left: 125%;

}

}

/*-------------------------------

Social Link  CSS

-------------------------------*/

.social-profile li {

display: inline-block;

margin: 0 4px;

}

.social-profile li:first-child {

margin-left: 0;

}

.social-profile li:last-child {

margin-right: 0;

}

.social-profile li:last-child {

margin-right: 0;

}

.social-profile li a {

display: block;

text-align: center;

border: 1px solid transparent;

transition: all 0.3s ease-in-out;

}

.social-profile li a i {

transition: all 0.3s ease-in-out;

font-size: 16px;

line-height: 0.8;

}

.social-profile li a:hover {

border-color: transparent;

color: #14467B;

}

.social-profile.style1 li a, .social-profile.style2 li a {

width: 35px;

height: 35px;

text-align: center;

transition: all 0.3s ease-in-out;

}

.social-profile.style1 li a i, .social-profile.style2 li a i {

position: relative;

}

.social-profile.style1 li a {

background: #fff;

border-radius: 50%;

box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);

}

.social-profile.style1 li a i {

color: #1C2359;

}

.social-profile.style1 li a:hover {

background-color: #1C2359;

transform: translateY(-3px);

}

.social-profile.style1 li a:hover i {

color: #fff;

}

.social-profile.style2 li a {

background: rgba(36, 144, 235, 0.09);

border-radius: 50%;

}

.social-profile.style2 li a i {

color: #1C2359;

top: -1px;

}

.social-profile.style2 li a:hover {

background-color: #1C2359;

transform: translateY(-3px);

}

.social-profile.style2 li a:hover i {

color: #fff;

}



/*-------------------------------

Pagination  CSS

-------------------------------*/

.page-nav {

text-align: center;

margin-top: 25px;

}

.page-nav li {

margin: 0 5px;

display: inline-block;

}

.page-nav li a {

display: block;

width: 45px;

height: 45px;

border-radius: 50%;

font-size: 16px;

box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

line-height: 43px;

font-weight: 600;

opacity: 0.7;

text-align: center;

transition: all 0.4s ease-in-out;

}

.page-nav li a i {

font-size: 20px;

line-height: 1;

margin: 0 auto;

position: relative;

top: 1px;

transition: all 0.4s ease-in-out;

}

.page-nav li a.active, .page-nav li a:hover {

color: #fff;

opacity: 1;

background-color: #1C2359;

}

.page-nav li a.active i, .page-nav li a:hover i {

color: #fff;

}



.comment-item-wrap .comment-item, .post-author, .testimonial-card .client-info-area .client-info-wrap, .testimonial-card .client-info-area, .promo-card, .counter-card-wrap .counter-card, .counter-card-wrap, .feature-item-wrap .feature-item, .pp-post-item, .select-lang .navbar-language .dropdown-toggle, .header-wrap .header-top .header-top-left, .contact-item .contact-icon, .counter-card-wrap .counter-card .counter-icon, .service-card.style4 .service-icon, .service-card .service-img .service-icon, .feature-item-wrap .feature-item .feature-icon, .hero-wrap.style6 .hero-slide-item .hero-content .hero-btn .play-video .video-icon, .hero-wrap.style3 .hero-slide-item .hero-content .hero-btn .play-video .video-icon, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .play-video .video-icon, .hero-wrap.style5 .hero-slide-item .hero-content .hero-btn .play-video .video-icon, .hero-wrap.style1 .hero-slide-item .hero-img-wrap .promo-box span, .hero-wrap .hero-content .hero-btn .play-video .video-icon, .content-feature-list.style1 li span, .header-wrap .header-top .header-top-left .contact-info li span, .wp-block-quote, .contact-item, .book-appointment-form .radio-btn, .pricing-card .pricing-header, .cta-content, .about-doctor-box, .about-wrap.style3 .about-img-wrap .about-promo-box, .about-wrap.style1 .about-content .ceo-msg, .hero-wrap.style6 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style6 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style3 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style5 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style3 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style5 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style2 .hero-content .hero-btn, .hero-wrap .hero-content .hero-btn .play-video, .portfolio-info-widget .portfolio-info-item-wrap .portfolio-info-item, .header-wrap .header-top .header-top-right, .header-wrap .header-top .header-top-left .contact-info li, .header-wrap .header-top .header-top-left .contact-info, .testimonial-slider-two.owl-carousel.style2 .owl-dots, .testimonial-slider-two.owl-carousel .owl-dots, .owl-carousel .owl-nav, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .social-profile.style1 li a, .social-profile.style2 li a {

display: flex;

flex-wrap: wrap;

}



.contact-item .contact-icon, .counter-card-wrap .counter-card .counter-icon, .service-card.style4 .service-icon, .service-card .service-img .service-icon, .feature-item-wrap .feature-item .feature-icon, .hero-wrap.style6 .hero-slide-item .hero-content .hero-btn .play-video .video-icon, .hero-wrap.style3 .hero-slide-item .hero-content .hero-btn .play-video .video-icon, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .play-video .video-icon, .hero-wrap.style5 .hero-slide-item .hero-content .hero-btn .play-video .video-icon, .hero-wrap.style1 .hero-slide-item .hero-img-wrap .promo-box span, .hero-wrap .hero-content .hero-btn .play-video .video-icon, .content-feature-list.style1 li span, .header-wrap .header-top .header-top-left .contact-info li span, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .social-profile.style1 li a, .social-profile.style2 li a {

flex-direction: column;

justify-content: center;

}



.wp-block-quote, .contact-item, .book-appointment-form .radio-btn, .pricing-card .pricing-header, .cta-content, .testimonial-card .client-info-area .client-info-wrap, .testimonial-card .client-info-area, .counter-card-wrap .counter-card, .about-doctor-box, .about-wrap.style3 .about-img-wrap .about-promo-box, .about-wrap.style1 .about-content .ceo-msg, .hero-wrap.style6 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style6 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style3 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style5 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style3 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style5 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style2 .hero-content .hero-btn, .hero-wrap .hero-content .hero-btn .play-video, .portfolio-info-widget .portfolio-info-item-wrap .portfolio-info-item, .select-lang .navbar-language .dropdown-toggle, .header-wrap .header-top .header-top-right, .header-wrap .header-top .header-top-left .contact-info li, .header-wrap .header-top .header-top-left .contact-info, .header-wrap .header-top .header-top-left {

-webkit-box-align: center;

-ms-flex-align: center;

-ms-grid-row-align: center;

align-items: center;

}



.testimonial-slider-two.owl-carousel .owl-dots, .header-wrap .header-top .header-top-right {

justify-content: flex-end;

}



/*---------------------------------

Header CSS 

-----------------------------------*/

@keyframes fadeInDown {

0% {

opacity: 0;

transform: translate3d(0, -100%, 0);

}

to {

opacity: 1;

transform: translateZ(0);

}

}

@keyframes toBottomFromTop10 {

49% {

transform: translateY(-10%);

}

50% {

opacity: 0;

transform: translateY(10%);

}

51% {

opacity: 1;

}

}

.fadeInDown {

animation-name: fadeInDown;

}



.header-wrap {

position: absolute;

top: 20px;

left: 0;

width: 100%;

z-index: 99;

transition: 0.4s;

}

.header-wrap.sticky {

position: fixed;

box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

transition: 0.4s;

background: #fff;

animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;

width: 100%;

top: 0px;

box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);

}

.header-wrap.sticky.style3 {

background-color: #fff;

}

.header-wrap.sticky.style3:after {

height: 0;

}

.header-wrap.sticky.style3 .header-bottom {

box-shadow: none;

padding: 0;

}

.header-wrap .header-top {

padding: 12px 0 12px;

}

.header-wrap .header-top .header-top-left .contact-info li {

margin-right: 25px;

position: relative;

}

.header-wrap .header-top .header-top-left .contact-info li:last-child {

margin-right: 0;

}

.header-wrap .header-top .header-top-left .contact-info li span {

position: relative;

top: -1px;

left: 0;

width: 30px;

height: 30px;

text-align: center;

border-radius: 50%;

transition: 0.4s;

}

.header-wrap .header-top .header-top-left .contact-info li span i {

font-size: 15px;

line-height: 0.8;

margin: 0 auto;

transition: 0.4s;

}

.header-wrap .header-top .header-top-left .contact-info li a, .header-wrap .header-top .header-top-left .contact-info li p {

display: inline-block;

margin-left: 8px;

margin-bottom: 0;

font-size: 15px;

transition: 0.4s;

}

.header-wrap .header-top .header-top-right .social-profile {

text-align: right;

margin-left: 15px;

position: relative;

padding-left: 15px;

}

.header-wrap .header-top .header-top-right .social-profile:before {

position: absolute;

top: 50%;

left: -2px;

content: "";

width: 1px;

height: 25px;

background-color: rgba(255, 255, 255, 0.35);

transform: translateY(-50%);

}

.header-wrap .header-top .header-top-right .social-profile li a {

width: 30px;

height: 30px;

}

.header-wrap .header-top .header-top-right .social-profile li a i {

font-size: 14px;

}

.header-wrap .header-bottom {

transition: 0.4s;

box-shadow: 0 15px 15px rgba(0, 0, 0, 0.05);

}

.header-wrap .header-bottom .container {

position: relative;

}

.header-wrap.style1 .header-top {

background-color: #14467B;

}

.header-wrap.style1 .header-top .header-top-left .contact-info li span {

background-color: #fff;

}

.header-wrap.style1 .header-top .header-top-left .contact-info li span i {

color: #14467B;

}

.header-wrap.style1 .header-top .header-top-left .contact-info li:hover span {

background-color: #1C2359;

}

.header-wrap.style1 .header-top .header-top-left .contact-info li:hover span i {

color: #fff;

}

.header-wrap.style1 .header-top .header-top-left .contact-info li a, .header-wrap.style1 .header-top .header-top-left .contact-info li p {

color: #fff;

}

.header-wrap.style1 .header-top .header-top-right .select-lang i {

color: #fff;

}

.header-wrap.style1 .header-top .header-top-right .select-lang .navbar-language .dropdown-toggle span {

color: #fff;

}

.header-wrap.style1 .header-top .header-top-right .select-lang .navbar-language .dropdown-toggle:before {

color: #fff;

}

.header-wrap.style1 .header-top .header-top-right .social-profile li a i {

color: #14467B;

}

.header-wrap.style1 .header-top .header-top-right .social-profile li a:hover {

background-color: #1C2359;

}

.header-wrap.style1 .header-top .header-top-right .social-profile li a:hover i {

color: #fff;

}

.header-wrap.style1 .header-bottom {

background-color: #fff;

}

.header-wrap.style2 .header-top {

background-color: #F5F6FA;

}

.header-wrap.style2 .header-top .header-top-left .contact-info li span {

background-color: #fff;

box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);

}

.header-wrap.style2 .header-top .header-top-left .contact-info li span i {

color: #1C2359;

}

.header-wrap.style2 .header-top .header-top-left .contact-info li a, .header-wrap.style2 .header-top .header-top-left .contact-info li p {

color: #666666;

}

.header-wrap.style2 .header-top .header-top-left .contact-info li a:hover {

color: #1C2359;

}

.header-wrap.style2 .header-top .header-top-right .social-profile li a i {

color: #14467B;

}

.header-wrap.style2 .header-top .header-top-right .social-profile li a:hover {

background-color: #1C2359;

}

.header-wrap.style2 .header-top .header-top-right .social-profile li a:hover i {

color: #fff;

}

.header-wrap.style2 .header-bottom {

background-color: #fff;

}

.header-wrap.style2 .header-bottom .btn {

border-radius: 0;

}

/*.header-wrap.style3:after {

position: absolute;

top: 0;

left: 0;

content: "";

width: 100%;

z-index: -1;

height: 70%;

background-color: #FFEEEE;

}*/

.header-wrap.style3 .header-top .header-top-left .contact-info li span {

background-color: #fff;

box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);

}

.header-wrap.style3 .header-top .header-top-left .contact-info li span i {

color: #1C2359;

}

.header-wrap.style3 .header-top .header-top-left .contact-info li a, .header-wrap.style3 .header-top .header-top-left .contact-info li p {

color: #666666;

}

.header-wrap.style3 .header-top .header-top-left .contact-info li a:hover {

color: #1C2359;

}

.header-wrap.style3 .header-top .header-top-right .social-profile li a i {

color: #14467B;

}

.header-wrap.style3 .header-top .header-top-right .social-profile li a:hover {

background-color: #1C2359;

}

.header-wrap.style3 .header-top .header-top-right .social-profile li a:hover i {

color: #fff;

}

.header-wrap.style3 .header-bottom {

background-color: #fff;

padding: 0 15px;

border-radius: 10px;

position: relative;

}

.header-wrap.style3 .header-bottom .search-area {

right: 0;

}



.user-login {

position: relative;

}

.user-login span {

display: block;

cursor: pointer;

}

.user-login span i {

color: #000;

}

.user-login ul {

position: absolute;

top: 45px;

right: -5px;

min-width: 150px;

box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);

background-color: #fff;

visibility: hidden;

opacity: 0;

transition: 0.4s;

}

.user-login ul.open {

top: 32px;

visibility: visible;

opacity: 1;

}

.user-login ul li a {

display: block;

padding: 15px 20px;

border-bottom: 1px solid rgba(0, 0, 0, 0.09);

text-align: left;

transition: 0.4s;

}

.user-login ul li a:hover {

background-color: #1C2359;

color: #fff;

}

.user-login ul li:last-child a {

border-bottom: none;

}



.searchbtn {

background-color: transparent;

border: none;

padding: 0;

position: relative;

top: 2px;

}

.searchbtn i {

font-size: 20px;

line-height: 1;

}



.search-area {

position: absolute;

top: 85px;

right: 12px;

background-color: #fff;

padding: 15px 15px;

box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

width: 320px;

visibility: hidden;

opacity: 0;

border-radius: 0 0 5px 5px;

transition: 0.4s;

}

.search-area.open {

visibility: visible;

opacity: 1;

top: 78px;

}

.search-area input {

width: 100%;

height: 58px;

border: 1px solid rgba(0, 0, 0, 0.1);

padding: 15px 15px;

background-color: transparent;

color: #000;

}

.search-area button {

position: absolute;

top: 35px;

right: 22px;

border: none;

background-color: transparent;

}

.search-area button i {

font-size: 20px;

opacity: 0.5;

line-height: 0.8;

}



.select-lang {

padding-left: 18px;

position: relative;

}

.select-lang i {

position: absolute;

top: 4px;

left: 0;

font-size: 15px;

line-height: 1;

color: #1C2359;

}

.select-lang .navbar-language .dropdown-toggle {

background-color: transparent;

border: none;

font-size: 15px;

padding-right: 16px;

transition: 0.3s;

}

.select-lang .navbar-language .dropdown-toggle:after {

display: none;

}

.select-lang .navbar-language .dropdown-toggle:before {

position: absolute;

top: 0px;

right: -2px;

content: "\ea4e";

font-family: "remixicon";

font-weight: 400;

border: 0;

margin-left: 8px;

font-size: 16px;

}

.select-lang .navbar-language .dropdown-menu {

margin: 0;

padding: 5px 0;

box-shadow: 0 9px 54px 0 rgba(32, 32, 32, 0.1);

inset: 0px 0 auto auto !important;

border: 0;

border-radius: 0;

transform: translateY(75px) !important;

display: block;

opacity: 0;

pointer-events: none;

transition: all 0.3s linear;

}

.select-lang .navbar-language .dropdown-menu a {

padding: 5px 10px;

transition: all 0.3s linear;

font-size: 15px;

}

.select-lang .navbar-language .dropdown-menu a img {

width: 20px;

margin-right: 10px;

}

.select-lang .navbar-language .dropdown-menu.show {

transform: translateY(40px) !important;

opacity: 1;

pointer-events: all;

}



@media only screen and (max-width: 767px) {

.navbar-brand img {

max-width: 120px;

}

.header-wrap .header-top .header-top-left .contact-item p,

.header-wrap .header-top .header-top-left .contact-item a,

.header-wrap .header-top .header-top-right .select-lang .navbar-language .dropdown-toggle {

font-size: 14px !important;

}

.header-wrap.sticky {

top: 0px;

}

.header-wrap .header-top {

padding: 15px 0;

}

.header-wrap .header-top .header-top-left {

margin-bottom: 10px;

}

.header-wrap .header-top .header-top-left .contact-info {

width: 100%;

}

.header-wrap .header-top .header-top-left .contact-info li {

text-align: center;

margin-bottom: 10px;

justify-content: center;

width: 100%;

}

.header-wrap .header-top .header-top-left .contact-info li:nth-child(1) {

order: 2;

}

.header-wrap .header-top .header-top-left .contact-info li:nth-child(2) {

order: 1;

}

.header-wrap .header-top .header-top-left .contact-info li:nth-child(3) {

order: 3;

}

.header-wrap .header-top .header-top-left .contact-info li span {

top: 0px;

width: 25px;

height: 25px;

}

.header-wrap .header-top .header-top-left .contact-info li span i {

font-size: 14px;

}

.header-wrap .header-top .header-top-left .contact-info li a, .header-wrap .header-top .header-top-left .contact-info li p {

font-size: 14px;

}

.header-wrap .header-top .header-top-right {

justify-content: center;

}

.header-wrap .header-top .header-top-right .select-lang i {

top: 4px;

}

.header-wrap .header-top .header-top-right .social-profile li a {

width: 34px;

height: 34px;

}

.header-wrap.style3::after {

height: 80%;

}

.search-area {

width: 100%;

right: 0;

}

.search-area.open {

top: 76px;

}

.search-area input {

height: 52px;

font-size: 14px;

padding: 10px 15px;

}

.search-area button {

top: 32px;

}

.search-area button i {

font-size: 18px;

}

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

.header-wrap .navbar .navbar-nav .nav-item {

margin: 0 7px !important;

}

.header-wrap .navbar .navbar-nav .nav-item a {

font-size: 13px !important;

}

.header-wrap.sticky {

top: 0px;

}

.header-wrap .header-top .header-top-left .contact-info li {

margin-right: 15px;

}

.header-wrap .header-top .header-top-left .contact-info li span {

top: 0px;

width: 25px;

height: 25px;

}

.header-wrap .header-top .header-top-left .contact-info li span i {

font-size: 14px;

}

.header-wrap .header-top .header-top-left .contact-info li a, .header-wrap .header-top .header-top-left .contact-info li p {

font-size: 13px;

}

.header-wrap .header-top .header-top-right .select-lang .dropdown-toggle span {

font-size: 14px;

}

.header-wrap .header-top .header-top-right .social-profile li a {

width: 25px;

height: 24px;

}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

.header-wrap.sticky {

top: 0px;

}

.header-wrap .header-top {

padding: 12px 0;

}

.header-wrap .header-top .header-top-left {

margin-bottom: 15px;

}

.header-wrap .header-top .header-top-left .contact-info li {

margin-right: 15px;

padding-left: 28px;

}

.header-wrap .header-top .header-top-left .contact-info li span {

top: 0px;

width: 25px;

height: 25px;

}

.header-wrap .header-top .header-top-left .contact-info li span i {

font-size: 14px;

}

.header-wrap .header-top .header-top-left .contact-info li a, .header-wrap .header-top .header-top-left .contact-info li p {

font-size: 13px;

}

.header-wrap .header-top .header-top-right .select-lang .dropdown-toggle span {

font-size: 14px;

}

.header-wrap .header-top .header-top-right .social-profile li a {

width: 25px;

height: 24px;

}

.header-wrap .header-top .header-top-left,

.header-wrap .header-top .header-top-right {

justify-content: center;

}

.header-wrap.style3:after {

height: 78%;

}

}

@media only screen and (max-width: 991px) {

.header-wrap .header-top .header-top-left .contact-item {

width: 100%;

margin: 0 0 15px;

}

.header-wrap .header-top .header-top-left .contact-item p,

.header-wrap .header-top .header-top-left .contact-item a {

color: #000;

font-size: 14px;

font-weight: 400;

}

.header-wrap .header-bottom .container {

display: flex;

flex-wrap: wrap;

justify-content: space-between;

align-items: center;

}

.header-wrap .header-bottom .container .search-area.open {

top: 76px;

}

.header-wrap .header-bottom .navbar .navbar-collapse {

-webkit-box-align: start;

-ms-flex-align: start;

-ms-grid-row-align: flex-start;

align-items: flex-start;

}

.header-wrap .header-bottom .navbar .navbar-nav {

width: 100%;

flex-direction: column;

}

.header-wrap .header-bottom .navbar .navbar-nav .nav-item {

position: relative;

}

.header-wrap .header-bottom .navbar .navbar-nav .nav-item .menu-expand {

position: absolute;

right: 0;

top: 14px;

cursor: pointer;

}

.header-wrap .header-bottom .navbar .navbar-nav .nav-item .menu-expand i {

color: #000;

font-size: 18px;

line-height: 1;

position: relative;

top: 7px;

}

.header-wrap .header-bottom .navbar .navbar-nav .nav-item a {

border-bottom: 1px solid rgba(0, 0, 0, 0.15);

padding-top: 15px;

padding-bottom: 15px;

}

.header-wrap .header-bottom .navbar .navbar-nav .nav-item a i {

display: none;

}

.header-wrap .header-bottom .navbar .navbar-nav .nav-item a.active {

color: #ED3237;

}

.header-wrap .header-bottom .navbar .navbar-nav .nav-item a.btn {

display: inline-block;

padding: 10px 30px 10px;

color: #fff;

margin-top: 15px;

font-weight: 500;

font-size: 14px;

}

.header-wrap .header-bottom .navbar .navbar-nav .nav-item a.btn i {

display: inline-block;

top: 6px;

}

.header-wrap .header-bottom .navbar .navbar-nav .nav-item .dropdown-menu {

width: 100%;

background-color: #fff;

border: none;

padding: 0;

}

.header-wrap .header-bottom .navbar .navbar-nav .nav-item .dropdown-menu li a {

font-size: 14px;

padding-left: 10px;

margin-left: 10px;

}

.header-wrap .header-bottom .navbar .navbar-nav .nav-item .dropdown-menu li a.active {

color: #1C2359;

}

.header-wrap .header-bottom .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu {

margin-left: 20px;

}

.header-wrap .header-bottom .user-login span {

position: relative;

top: -3px;

}

.header-wrap .header-bottom .user-login span i {

font-size: 20px;

}

.header-wrap.style3 .header-bottom {

display: flex;

flex-wrap: wrap;

justify-content: space-between;

align-items: center;

}

.header-wrap .searchbtn {

top: -1px;

}

.mobile-bar-wrap {

display: flex;

flex-wrap: wrap;

justify-content: center;

align-items: center;

justify-content: flex-end;

text-align: right;

position: relative;

top: 4px;

}

.menu-close {

position: absolute;

top: 13px;

right: 16px;

}

.menu-close i {

color: #000;

font-size: 25px;

}

.mobile-menu {

text-align: right;

margin-left: 20px;

}

.mobile-menu a {

width: 38px;

height: 38px;

border-radius: 62% 38% 46% 54%/60% 63% 37% 40%;

text-align: center;

background-color: #1C2359;

display: flex;

flex-direction: column;

justify-content: center;

align-items: center;

}

.mobile-menu a i {

font-size: 22px;

color: #fff;

margin: 0 auto;

}

.mobile-menu {

display: inline-block;

position: relative;

top: -5px;

}

.mobile-top-bar {

display: inline-block;

margin-right: 6px;

cursor: pointer;

position: relative;

top: 0px;

}

.mobile-top-bar span {

display: block;

width: 20px;

height: 2px;

background-color: #000;

border-radius: 20px;

margin: 5.9px 0;

}

.mobile-top-bar span:nth-child(1) {

margin-top: 0;

}

.mobile-top-bar span:nth-child(2) {

width: 12px;

margin-left: 8px;

}

.main-menu-wrap {

width: 100%;

position: fixed;

background: #fff;

z-index: 999;

top: 0;

height: 100vh;

transition: 0.5s;

left: -100%;

padding: 55px 20px 30px;

overflow-y: auto;

transition: 0.4s;

}

.main-menu-wrap.open {

left: 0;

}

.main-menu > li.has-children.menu-open > span.menu-expand {

transform: rotate(180deg);

}

.main-menu > li.has-children.menu-open > span.menu-expand i {

color: #000;

}

.main-menu > li > ul > li.has-children.menu-open > span.menu-expand {

transform: rotate(180deg);

}

.main-menu li {

position: relative;

}

.main-menu li:last-child {

margin: 0;

}

.main-menu li > span.menu-expand {

position: absolute;

right: 0;

top: 13px;

cursor: pointer;

}

.main-menu li > span.menu-expand i {

color: #000;

font-size: 18px;

}

.main-menu li > span.menu-expand:hover {

color: #000;

}

.main-menu li a.active {

color: #1C2359;

}

.main-menu li > a {

font-size: 14px;

font-weight: 400;

color: #000;

text-transform: capitalize;

display: block;

padding: 12px 0;

border-bottom: 1px solid rgba(0, 0, 0, 0.3);

}

.main-menu li > a:hover {

color: #000;

}

.main-menu li > ul.sub-menu {

padding-left: 20px;

}

.header-wrap .header-bottom .main-menu-wrap #menu > ul > li > a::after {

display: none;

}

.main-menu li a.active {

font-weight: 600;

color: #000;

border-color: rgba(0, 0, 0, 0.3);

}

}

@media only screen and (min-width: 992px) {

.menu-expand i {

display: none;

}

.header-wrap .navbar {

padding: 0;

}

.header-wrap .navbar .navbar-brand {

padding: 0 20px 0 0;

}

.header-wrap .navbar ul {

padding-left: 0;

list-style-type: none;

margin-bottom: 0;

}

.header-wrap .navbar .navbar-nav {

margin-left: auto;

}

.header-wrap .navbar .navbar-nav .nav-item {

position: relative;

margin: 0 10px;

}

.header-wrap .navbar .navbar-nav .nav-item.first-child {

margin-left: 0;

}

.header-wrap .navbar .navbar-nav .nav-item a {

color: #000;

font-weight: 500;

padding: 30px 0;

transition: 0.4s;

position: relative;

}

.header-wrap .navbar .navbar-nav .nav-item a:hover, .header-wrap .navbar .navbar-nav .nav-item a:focus, .header-wrap .navbar .navbar-nav .nav-item a.active {

color: #ED3237;

}

/**/

.header-wrap .navbar .navbar-nav .nav-item a:hover,
.header-wrap .navbar .navbar-nav .nav-item a:focus {
    color: #ED3237!important;
}

.header-wrap .navbar .navbar-nav .nav-item a.active {
    color: #ED3237;
    position: relative;
}
.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu a.active::after {
    display: none !important;
}

.header-wrap .navbar .navbar-nav .nav-item a.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 24px;
    height: 2px;
    background-color: #ED3237;
}
/**/

.header-wrap .navbar .navbar-nav .nav-item a i {

font-size: 16px;

line-height: 1;

position: relative;

top: 1px;

display: inline-block;

margin-left: -3px;

transition: 0.4s;

}

.header-wrap .navbar .navbar-nav .nav-item a:hover i {

transform: rotate(180deg);

}

.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu {

display: block !important;

border: none;

top: 85px;

left: -23px;

z-index: 99;

opacity: 0;

width: 250px;

display: block;

border-radius: 0;

padding: 12px 0;

position: absolute;

visibility: hidden;

box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);

transition: 0.3s;

transform: rotateX(-75deg);

transition: 0.5s;

transform-style: preserve-3d;

transform-origin: 0% 0%;

}

.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li {

margin: 0;

}

.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a {

padding: 10px 20px;

position: relative;

display: block;

font-weight: 500;

transition: 0.3s;

}

.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:before {

position: absolute;

top: 50%;

left: 20px;

content: "";

width: 2px;

height: 0%;

background-color: #ED3237!important;

visibility: hidden;

opacity: 0;

transform: translateY(-50%);

transition: 0.4s;

}

.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a.active, .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:hover {

color:#ED3237;

}

.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a.active:before, .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:hover:before {

height: 16px;

visibility: visible;

opacity: 1;

}

.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a.active, .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:hover {

padding-left: 30px;

}

.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a.active {

width: 100%;

right: auto;

left: 0;

}

.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a i {

margin: 0;

position: absolute;

top: 55%;

font-size: 16px;

line-height: 1;

transform: translateY(-50%);

right: 15px;

}

.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {

top: 0;

opacity: 0;

left: -250px;

right: auto;

visibility: hidden;

}

.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {

opacity: 1;

visibility: visible;

}

.header-wrap .navbar .navbar-nav .nav-item:hover .dropdown-menu {

opacity: 1;

visibility: visible;

transform: rotatex(0deg);

}

.header-wrap .navbar .other-options {

display: flex;

align-items: center;

position: relative;

margin-left: 15px;

}

/* .header-wrap .navbar .other-options:before {

position: absolute;

top: 50%;

left: 0;

content: "";

width: 1px;

height: 25px;

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

transform: translateY(-50%);

}*/

.header-wrap .navbar .other-options .option-item {

margin: 0 0 0 20px;

}

}

@media only screen and (min-width: 1400px) {

.header-wrap .navbar .navbar-nav .nav-item {

margin: 0 15px;

}

.header-wrap .navbar .navbar-nav .nav-item a {

font-size: 17px;

}

}

@media only screen and (min-width: 1600px) {

.header-wrap .container {

max-width: 1520px;

}

}

/*---------------------------------

Breadcrumb CSS 

-----------------------------------*/

.br-1 {

background-image: url(../img/breadcrumb/br-1.jpg);

}



.br-2 {

background-image: url(../img/common-banner.jpeg);

}



.br-3 {

background-image: url(../img/breadcrumb/br-3.jpg);

}



.br-4 {

background-image: url(../img/breadcrumb/br-4.jpg);

}



.br-5 {

background-image: url(../img/breadcrumb/br-5.jpg);

}



.breadcrumb-wrap {

position: relative;

width: 100%;

height: 100%;

padding: 200px 0;

overflow: hidden;

}

.breadcrumb-wrap:after {

position: absolute;

top: 0;

left: 0;

content: "";

width: 100%;

height: 100%;

/*background: linear-gradient(

90deg,

rgba(237, 50, 55, 0.45) 0%,

rgba(255, 107, 111, 0.25) 55%,

rgba(255, 255, 255, 0.10) 100%

);*/

}



.breadcrumb-title {

position: relative;

z-index: 1;

width: 100%;

text-align: center;

}

.breadcrumb-title h2,
.breadcrumb-title .mh-heading-h2 {

font-size: 40px;

font-weight: 700;

color: #1C2359;

margin: 0 0 15px;

}

.breadcrumb-title .breadcrumb-menu {

text-align: center;

}

.breadcrumb-title .breadcrumb-menu li {

display: inline-block;

margin: 0 10px;

position: relative;

color: rgba(255, 255, 255, 0.8);

font-weight: 500;

}

.breadcrumb-title .breadcrumb-menu li:after {

position: absolute;

top: 1px;

right: -13px;

content: "/";

font-size: 16px;

background-color: transparent;

color: #1C2359;

}

.breadcrumb-title .breadcrumb-menu li:first-child {

margin-left: 0;

}

.breadcrumb-title .breadcrumb-menu li:first-child a {

padding-left: 0;

}

.breadcrumb-title .breadcrumb-menu li:last-child {

margin-right: 0;

color: #ED3237;

}

.breadcrumb-title .breadcrumb-menu li:last-child:after {

display: none;

}

.breadcrumb-title .breadcrumb-menu li a {

font-size: 16px;

line-height: 22px;

display: inline-block;

padding: 0px 5px;

transition: 0.3s;

-webkit-transition: 0.3s;

position: relative;

color:#1C2359;

}

.breadcrumb-title .breadcrumb-menu li a:hover {

color: #1C2359;

}

.breadcrumb-title .breadcrumb-menu li:last-child a:after {

display: none;

}



.breadcrumb-img img {

display: block;

margin-left: auto;

}



.content-feature-list {

margin: 0 0 28px 0;

}

.content-feature-list li {

position: relative;

padding-left: 25px;

margin: 0 0 18px;

}

.content-feature-list li:last-child {

margin-bottom: 0;

}

.content-feature-list li i {

position: absolute;

top: 5px;

left: 0;

color: #1C2359;

font-size: 20px;

line-height: 0.8;

}

.content-feature-list.style1 li {

position: relative;

padding-left: 40px;

margin-bottom: 25px;

}

.content-feature-list.style1 li:last-child {

margin-bottom: 0;

}

.content-feature-list.style1 li span {

position: absolute;

top: -2px;

left: 0;

width: 28px;

height: 28px;

margin-right: 8px;

border-radius: 50%;

background-color: #ffd3d4 !important;

text-align: center;

}

.content-feature-list.style1 li span i {

position: relative;

top: 0;

color: #ED3237;

font-size: 18px;

line-height: 0.8;

margin: 0 auto;

}



/*---------------------------------------

Sign In CSS

----------------------------------------*/

.login-header {

margin: 0 0 30px;

}

.login-header h3,
.login-header .mh-heading-h3 {

font-size: 32px;

font-weight: 700;

line-height: 1;

margin-bottom: 10px;

}

.login-header span {

color: #fff;

}



.login-form-wrap {

padding: 40px 40px 30px;

margin-bottom: 25px;

box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

}

.login-form-wrap .login-form .form-group {

margin: 0 0 20px;

}

.login-form-wrap .login-form .form-group label {

font-size: 16px;

color: #666666;

margin: 0 0 15px;

display: block;

}

.login-form-wrap .login-form .form-group input {

border-radius: 5px;

background: transparent;

border: 1px solid rgba(0, 0, 0, 0.1);

width: 100%;

height: 60px;

padding: 10px 15px;

border-radius: 5px;

}

.login-form-wrap .login-form .btn {

padding: 15px 35px;

}

.login-form-wrap .link.style1 {

color: #1C2359;

}



.or-text {

position: relative;

text-align: center;

margin: 0 0 20px 0;

font-size: 18px;

z-index: 9;

}

.or-text .btn.fb i {

color: #3B5999 !important;

}

.or-text .btn.google i {

color: #FF3838 !important;

}

.or-text:before {

position: absolute;

top: 15px;

left: 0;

content: "";

width: 100%;

height: 1px;

background: #ddd;

z-index: -1;

}

.or-text p {

display: inline-block;

padding: 0 10px;

background-color: #f9f9f9;

margin: 0 auto;

z-index: 1;

font-size: 18px;

border-radius: 50%;

}



/*---------------------------

Sidebar CSS

---------------------------*/

.sidebar .sidebar-widget {

margin: 0 0 30px;

position: relative;

z-index: 1;

box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);

padding: 25px;

border-radius: 10px;

}

.sidebar .sidebar-widget h4,
.sidebar .sidebar-widget .mh-heading-h4 {

margin: 0 0 25px;

font-size: 20px;

position: relative;

line-height: 1;

position: relative;

padding-bottom: 20px;

}

.sidebar .sidebar-widget h4:after,
.sidebar .sidebar-widget .mh-heading-h4:after {

position: absolute;

bottom: 0px;

left: 0;

width: 100%;

height: 1px;

content: "";

background: #1C2359;

transition: 0.4s;

}

.sidebar .sidebar-widget:last-child {

margin: 0;

}



/*-------------------------------

Search Box Widget CSS

-------------------------------*/

.search-box {

position: relative;

}

.search-box .form-group {

position: relative;

}

.search-box .form-group input {

width: 100%;

height: 54px;

background: #fff;

border: 1px solid rgba(0, 0, 0, 0.1);

color: #000;

font-size: 15px;

line-height: 21px;

padding: 10px 60px 10px 20px;

border-radius: 5px;

}

.search-box .form-group input:focus {

border-color: #888888;

}

.search-box .form-group button {

position: absolute;

top: 0;

right: 0;

padding: 0 18px;

height: 100%;

border: none;

border-radius: 0 5px 5px 0;

text-align: center;

background: #1C2359;

}

.search-box .form-group button i {

color: #fff;

top: 0px;

left: 1px;

font-size: 20px;

position: relative;

}



/*-------------------------------

Category Widget CSS

-------------------------------*/

.category-box li {

position: relative;

}

.category-box li a {

color: #666666;

padding: 8px 10px 8px 15px;

display: block;

transition: 0.4s;

}

.category-box li a:before {

position: absolute;

top: 17px;

left: 0;

content: "";

width: 6px;

height: 6px;

border-radius: 50%;

background-color: #1C2359;

}

.category-box li a span {

float: right;

font-weight: 400;

opacity: 0.5;

margin-left: 4px;

font-size: 16px;

color: #666666;

}

.category-box li a:hover {

color: #1C2359;

padding-left: 20px;

}

.category-box li:first-child a {

padding-top: 0;

}

.category-box li:first-child a:before {

top: 8px;

}

.category-box li:last-child a {

padding-bottom: 0;

}



/*-------------------------------

Contact Widget CSS

-------------------------------*/

.contact-widget .form-group {

margin-bottom: 20px;

}

.contact-widget .form-group input, .contact-widget .form-group textarea {

width: 100%;

background-color: transparent;

border: 1px solid rgba(0, 0, 0, 0.1);

padding: 12px 15px;

border-radius: 5px;

}

.contact-widget .form-group input {

height: 58px;

}

.contact-widget .form-group textarea {

height: 120px;

resize: none;

}



/*----------------------------

FAQ  & Error CSS

------------------------------*/

.faq-wrap {

position: relative;

z-index: 1;

/*background: linear-gradient(98.37deg, #EFEAFF 3.57%, #FFE4EA 99.75%);*/

}

.faq-wrap .faq-img-wrap {

padding-bottom: 100px;

position: relative;

z-index: 1;

}

.faq-wrap .faq-img-wrap .faq-shape {

position: absolute;

top: 15%;

left: 15%;

z-index: -1;

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

}

.faq-wrap .faq-img-wrap .faq-img-one {

margin-left: auto;

max-width: 400px;

border-radius: 10px;

display: block;

}

.faq-wrap .faq-img-wrap .faq-img-two {

position: absolute;

bottom: 0;

left: 0;

max-width: 390px;

z-index: -1;

border-radius: 10px;

}



.accordion-button:not(.collapsed) {

background: transparent;

color: #000;

box-shadow: none;

}



.accordion-button:not(.collapsed) span {

background-color: #1C2359 !important;

}



.accordion-button:not(.collapsed) span i.plus {

visibility: hidden;

opacity: 0;

}



.accordion-button:not(.collapsed) span i.minus {

visibility: visible !important;

opacity: 1 !important;

color: #fff !important;

}



.accordion-item {

border: none;

margin: 0 0 25px;

padding: 0;

border-radius: 8px;

}

.accordion-item:last-child {

margin: 0;

}

.accordion-item .accordion-header .accordion-button {

border-radius: 5px !important;

margin: 0;

padding: 0;

font-size: 18px;

line-height: 30px;

font-weight: 600;

border-radius: 0;

border: none;

text-align: left;

align-items: center;

}

.accordion-item .accordion-header .accordion-button:after {

display: none;

}

.accordion-item .accordion-header .accordion-button:focus {

outline: none;

box-shadow: none;

}

.accordion-item .accordion-header .accordion-button span {

min-width: 40px;

min-height: 40px;

text-align: center;

position: relative;

margin-right: 14px;

border-radius: 50%;

box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

transition: 0.4s;

}

.accordion-item .accordion-header .accordion-button span i {

position: absolute;

top: 50%;

left: 50%;

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

font-size: 24px;

font-weight: 300;

}

.accordion-item .accordion-header .accordion-button span i.minus {

visibility: hidden;

opacity: 0;

}

.accordion-item .accordion-header .accordion-button span i.minus {

visibility: hidden;

opacity: 0;

}



.accordion-collapse {

border: none;

}



.accordion-button:not(.collapsed)::after {

left: -4px;

}



.accordion-body {

border-top-color: transparent;

padding: 20px 0 0;

}

.accordion-body p {

margin: 0;

}



.error-content {

text-align: center;

}

.error-content img {

display: block;

margin: 0 auto 20px;

max-width: 600px;

}

.error-content p {

margin: 0 auto 20px;

max-width: 520px;

}



.terms-wrap .single-terms {

margin-bottom: 25px;

}

.terms-wrap .single-terms:last-child {

margin-bottom: 0;

}

.terms-wrap .single-terms p a {

color: #1C2359;

}

.terms-wrap .single-terms p a:hover {

color: #14467B;

text-decoration: underline;

}



/*-------------------------------

Taglist Widget CSS

-------------------------------*/

.tag-list ul {

margin-top: -12px;

}

.tag-list ul li {

display: inline-block;

margin: 12px 8px 0px 0px;

}

.tag-list ul li a {

display: inline-block;

font-size: 14px;

line-height: 16px;

padding: 11px 15px 9px;

color: #666666;

border-radius: 5px;

background-color: transparent;

border: 1px solid rgba(0, 0, 0, 0.1);

transition: 0.3s;

}

.tag-list ul li a:hover {

background-color: #14467B;

color: #fff;

border-color: transparent;

}

.tag-list.style2 li a {

box-shadow: none;

padding: 0;

}

.tag-list.style2 li a:hover {

background: transparent;

}

.tag-list.style3 li a {

box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);

padding: 10px 12px;

border: none;

}



/*-------------------------------

Portfolio Info Widget CSS

-------------------------------*/

.portfolio-info-widget .portfolio-info-item-wrap {

padding-left: 0;

margin-bottom: 0;

list-style-type: none;

}

.portfolio-info-widget .portfolio-info-item-wrap .portfolio-info-item {

margin-bottom: 20px;

border-bottom: 1px solid #eeeeee;

position: relative;

font-size: 15px;

padding-bottom: 20px;

color: #666666;

}

.portfolio-info-widget .portfolio-info-item-wrap .portfolio-info-item:last-child {

padding-bottom: 0;

margin-bottom: 0;

border-bottom: none;

}

.portfolio-info-widget .portfolio-info-item-wrap .portfolio-info-item span {

color: #666666;

font-size: 16px;

font-weight: 400;

position: relative;

top: 2px;

width: calc(100% - 105px);

margin-left: 5px;

}

.portfolio-info-widget .portfolio-info-item-wrap .portfolio-info-item p {

font-size: 16px;

margin: 0;

color: #000;

font-weight: 500;

width: 100px;

}

.portfolio-info-widget .portfolio-info-item-wrap .portfolio-info-item p i {

font-size: 16px;

position: relative;

color: #1C2359;

top: 2px;

margin-right: 7px;

}



/*-------------------------------

Popular post Widget CSS

-------------------------------*/

.pp-post-item {

margin: 0 0 20px;

}

.pp-post-item .pp-post-img {

width: 85px;

border-radius: 4px;

}

.pp-post-item .pp-post-img img {

border-radius: 4px;

}

.pp-post-item .pp-post-info {

width: calc(100% - 100px);

margin-left: 15px;

margin-top: 2px;

}

.pp-post-item .pp-post-info h6,
.pp-post-item .pp-post-info .mh-heading-h6 {

font-size: 16px;

line-height: 1.5;

font-weight: 700;

margin-bottom: 0;

}

.pp-post-item .pp-post-info h6 a,
.pp-post-item .pp-post-info .mh-heading-h6 a {

color: #1C2359;

}

.pp-post-item .pp-post-info span {

font-size: 14px;

line-height: 1;

display: block;

position: relative;

color: #888888;

margin-bottom: 8px;

}

.pp-post-item .pp-post-info span i {

position: absolute;

top: -1px;

left: 0;

font-size: 13px;

line-height: 0.8;

color: #14467B;

}

.pp-post-item:last-child {

margin: 0;

}

.pp-post-item:hover .pp-post-info h6 a,
.pp-post-item:hover .pp-post-info .mh-heading-h6 a {

color: #14467B;

}



/*-------------------------------

Hero  Section  CSS

-------------------------------*/

.hero-bg-one {

background-image: url(../img/hero/hero-img-5.jpg);

}



.hero-bg-two {

background-image: url(../img/hero/hero-img-6.jpg);

}



.hero-bg-three {

background-image: url(../img/hero/hero-img-7.jpg);

}



.hero-wrap {

position: relative;

/*margin-top: 138px;*/

}

.hero-wrap .hero-content span {

color: #1C2359;

display: block;

font-weight: 500;

margin-bottom: 5px;

}

.hero-wrap .hero-content h4,
.hero-wrap .hero-content .mh-heading-h4 {

font-size: 48px;

font-weight: 600;

margin-bottom: 15px;

}

.hero-wrap .hero-content p {

margin-bottom: 30px;

}

.hero-wrap .hero-content .hero-btn .play-video {

margin-left: 15px;

}

.hero-wrap .hero-content .hero-btn .play-video span {

display: inline-block;

color: #fff;

}

.hero-wrap .hero-content .hero-btn .play-video span:nth-child(1) {

margin-right: 10px;

}

.hero-wrap .hero-content .hero-btn .play-video .video-icon {

width: 50px;

height: 50px;

border-radius: 50%;

background-color: #fff;

margin-bottom: 0;

}

.hero-wrap .hero-content .hero-btn .play-video .video-icon i {

font-size: 20px;

line-height: 0.8;

margin: 0 auto;

color: #1C2359;

position: relative;

left: 1px;

}

.hero-wrap.style1 {

background-color: #F5F6FA;

}

.hero-wrap.style1 .hero-slide-item {

padding: 100px 0;

}

.hero-wrap.style1 .hero-slide-item .hero-content .hero-btn .btn:nth-child(1) {

margin-right: 15px;

}

.hero-wrap.style1 .hero-slide-item .hero-img-wrap {

position: relative;

z-index: 1;

}

.hero-wrap.style1 .hero-slide-item .hero-img-wrap .hero-shape-one,

.hero-wrap.style1 .hero-slide-item .hero-img-wrap .hero-shape-two {

position: absolute;

z-index: -1;

}

.hero-wrap.style1 .hero-slide-item .hero-img-wrap .hero-shape-one {

top: -20px;

left: 70px;

max-width: 200px;

}

.hero-wrap.style1 .hero-slide-item .hero-img-wrap .hero-shape-two {

bottom: -20px;

right: -20px;

max-width: 80px;

}

.hero-wrap.style1 .hero-slide-item .hero-img-wrap .hero-img {

position: relative;

z-index: 1;

width: calc(100% - 100px);

border-radius: 10px;

margin-left: 100px;

}

.hero-wrap.style1 .hero-slide-item .hero-img-wrap .promo-box-wrap {

position: absolute;

bottom: 100px;

right: 0;

z-index: 2;

}

.hero-wrap.style1 .hero-slide-item .hero-img-wrap .promo-box {

background-color: #fff;

padding: 25px;

border-radius: 10px;

text-align: center;

box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);

}

.hero-wrap.style1 .hero-slide-item .hero-img-wrap .promo-box span {

width: 60px;

height: 60px;

border-radius: 50%;

margin: -55px auto 20px;

background-color: #1C2359;

}

.hero-wrap.style1 .hero-slide-item .hero-img-wrap .promo-box span i {

font-size: 26px;

line-height: 0.8;

margin: 0 auto;

color: #fff;

}

.hero-wrap.style1 .hero-slide-item .hero-img-wrap .promo-box h4,
.hero-wrap.style1 .hero-slide-item .hero-img-wrap .promo-box .mh-heading-h4 {

font-size: 20px;

margin: 0 0 10px;

}

.hero-wrap.style1 .hero-slide-item .hero-img-wrap .promo-box p {

margin: 0;

}

.hero-wrap.style2 {

background-color: #14467B;

padding: 100px 0 180px;

z-index: 1;

}

.hero-wrap.style2 .hero-shape-one {

position: absolute;

bottom: 100px;

left: 43%;

transform: translateX(-50%);

z-index: -1;

}

.hero-wrap.style2 .hero-content h4,
.hero-wrap.style2 .hero-content .mh-heading-h4 {

color: #fff;

}

.hero-wrap.style2 .hero-content p {

color: rgba(255, 255, 255, 0.8);

}

.hero-wrap.style2 .hero-content .hero-btn .btn {

border-radius: 0;

}

.hero-wrap.style2 .hero-content .counter-card-wrap {

margin-top: 80px;

}

.hero-wrap.style2 .hero-content .counter-card-wrap .counter-card {

width: 50%;

margin-bottom: 0;

}

.hero-wrap.style2 .hero-content .counter-card-wrap .counter-card:after {

position: absolute;

top: 50%;

right: 45px;

content: "";

width: 1px;

height: 65px;

background-color: rgba(255, 255, 255, 0.2);

transform: translateY(-50%);

}

.hero-wrap.style2 .hero-content .counter-card-wrap .counter-card:last-child:after {

display: none;

}

.hero-wrap.style2 .hero-content .counter-card-wrap .counter-card .counter-icon:after {

display: none;

}

.hero-wrap.style2 .hero-content .counter-card-wrap .counter-card .counter-text h2,
.hero-wrap.style2 .hero-content .counter-card-wrap .counter-card .counter-text .mh-heading-h2 {

color: #fff;

}

.hero-wrap.style2 .hero-content .counter-card-wrap .counter-card .counter-text h2 span,
.hero-wrap.style2 .hero-content .counter-card-wrap .counter-card .counter-text .mh-heading-h2 span {

color: #fff;

font-weight: 700;

display: inline-block;

margin-bottom: 0;

}

.hero-wrap.style2 .hero-content .counter-card-wrap .counter-card .counter-text h2 .target,
.hero-wrap.style2 .hero-content .counter-card-wrap .counter-card .counter-text .mh-heading-h2 .target {

font-size: 30px;

}

.hero-wrap.style2 .hero-content .counter-card-wrap .counter-card .counter-text p {

color: #fff;

}

.hero-wrap.style2 .hero-content .counter-card-wrap .counter-card .counter-icon i {

color: #fff;

font-size: 70px;

}

.hero-wrap.style2 .hero-appointment {

position: relative;

width: 100%;

}

.hero-wrap.style2 .hero-appointment .hero-shape-two {

position: absolute;

top: 20px;

right: -30px;

z-index: -1;

opacity: 0.1;

}

.hero-wrap.style2 .hero-appointment .hero-appointment-img {

background-image: url(../img/hero/hero-img-2.jpg);

height: 290px;

width: 430px;

z-index: 1;

}

.hero-wrap.style2 .hero-appointment .hero-appointment-form {

position: absolute;

top: 50%;

right: 20px;

transform: translateY(-50%);

background-color: #fff;

box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);

padding: 25px;

z-index: 1;

}

.hero-wrap.style2 .hero-appointment .hero-appointment-form .fg-opt-wrap {

margin-bottom: 15px;

padding-bottom: 15px;

border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.hero-wrap.style2 .hero-appointment .hero-appointment-form .fg-opt-wrap:last-child {

border: none;

margin-bottom: 0;

padding-bottom: 0;

}

.hero-wrap.style2 .hero-appointment .hero-appointment-form .fg-opt span {

font-size: 14px;

color: #666666;

display: block;

}

.hero-wrap.style2 .hero-appointment .hero-appointment-form .fg-opt p {

color: #000;

margin: 0;

}

.hero-wrap.style2 .hero-appointment .hero-appointment-form .fg-opt .btn {

width: 100%;

display: block;

}

.hero-wrap.style2 .hero-appointment .hero-appointment-form .fg-opt .btn.style1 {

padding: 6px 11px;

border-radius: 0;

font-size: 14px;

}

.hero-wrap.style2 .hero-appointment .hero-appointment-form .fg-opt .btn.style2 {

padding: 6px 11px;

border-radius: 0;

font-size: 14px;

color: #1C2359;

background-color: transparent;

border: 1px solid #1C2359;

}

.hero-wrap.style2 .hero-appointment .hero-appointment-form .fg-opt .btn.style2:hover {

color: #fff;

}

.hero-wrap.style2 .hero-doctor {

width: 100%;

position: relative;

margin: 45px 0 0;

}

.hero-wrap.style2 .hero-doctor .hero-doctor-bg {

background-image: url(../img/hero/hero-img-3.jpg);

height: 290px;

width: 430px;

z-index: 1;

margin-left: auto;

}

.hero-wrap.style2 .hero-doctor .about-doctor-box {

position: absolute;

top: 70px;

left: 50px;

min-width: 340px;

box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);

}

.hero-wrap.style2 .hero-doctor .about-doctor-box .btn {

border-radius: 0;

}

.hero-wrap.style3 {

background-image: url(../img/hero/hero-bg-1.jpg);

}

.hero-wrap.style3:after {

position: absolute;

top: 0;

left: 0;

content: "";

width: 100%;

height: 100%;

background-color: rgba(20, 70, 123, 0.9);

z-index: -1;

}

.hero-wrap.style3, .hero-wrap.style4, .hero-wrap.style5 {

margin-top: 98px;

position: relative;

z-index: 1;

}

.hero-wrap.style3 .hero-shape-one,

.hero-wrap.style3 .hero-shape-two, .hero-wrap.style4 .hero-shape-one,

.hero-wrap.style4 .hero-shape-two, .hero-wrap.style5 .hero-shape-one,

.hero-wrap.style5 .hero-shape-two {

position: absolute;

z-index: 1;

}

.hero-wrap.style3 .hero-shape-one, .hero-wrap.style4 .hero-shape-one, .hero-wrap.style5 .hero-shape-one {

bottom: 100px;

left: 45%;

}

.hero-wrap.style3 .hero-shape-two, .hero-wrap.style4 .hero-shape-two, .hero-wrap.style5 .hero-shape-two {

top: 100px;

right: 20%;

}

.hero-wrap.style3 .hero-slide-item, .hero-wrap.style4 .hero-slide-item, .hero-wrap.style5 .hero-slide-item {

padding: 140px 0 100px;

position: relative;

}

.hero-wrap.style3 .hero-slide-item .hero-content h4, .hero-wrap.style4 .hero-slide-item .hero-content h4, .hero-wrap.style5 .hero-slide-item .hero-content h4,
.hero-wrap.style3 .hero-slide-item .hero-content .mh-heading-h4,
.hero-wrap.style4 .hero-slide-item .hero-content .mh-heading-h4,
.hero-wrap.style5 .hero-slide-item .hero-content .mh-heading-h4 {

color: #fff;

}

.hero-wrap.style3 .hero-slide-item .hero-content p, .hero-wrap.style4 .hero-slide-item .hero-content p, .hero-wrap.style5 .hero-slide-item .hero-content p {

color: rgba(255, 255, 255, 0.8);

}

.hero-wrap.style3 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style5 .hero-slide-item .hero-content .hero-btn .play-video {

margin-left: 15px;

}

.hero-wrap.style3 .hero-slide-item .hero-content .hero-btn .play-video span, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .play-video span, .hero-wrap.style5 .hero-slide-item .hero-content .hero-btn .play-video span {

display: inline-block;

color: #fff;

}

.hero-wrap.style3 .hero-slide-item .hero-content .hero-btn .play-video span:nth-child(1), .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .play-video span:nth-child(1), .hero-wrap.style5 .hero-slide-item .hero-content .hero-btn .play-video span:nth-child(1) {

margin-right: 10px;

}

.hero-wrap.style3 .hero-slide-item .hero-content .hero-btn .play-video .video-icon, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .play-video .video-icon, .hero-wrap.style5 .hero-slide-item .hero-content .hero-btn .play-video .video-icon {

width: 50px;

height: 50px;

border-radius: 50%;

background-color: #fff;

margin-bottom: 0;

}

.hero-wrap.style3 .hero-slide-item .hero-content .hero-btn .play-video .video-icon i, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .play-video .video-icon i, .hero-wrap.style5 .hero-slide-item .hero-content .hero-btn .play-video .video-icon i {

font-size: 20px;

line-height: 0.8;

margin: 0 auto;

color: #1C2359;

}

.hero-wrap.style3 .hero-slide-item .hero-img-wrap, .hero-wrap.style4 .hero-slide-item .hero-img-wrap, .hero-wrap.style5 .hero-slide-item .hero-img-wrap {

border-radius: 10px;

margin-right: auto;

height: 600px;

width: calc(100% - 180px);

position: relative;

}

.hero-wrap.style3 .hero-slide-item .hero-img-wrap .hero-shape-three, .hero-wrap.style4 .hero-slide-item .hero-img-wrap .hero-shape-three, .hero-wrap.style5 .hero-slide-item .hero-img-wrap .hero-shape-three {

position: absolute;

z-index: -1;

top: 50%;

right: -180px;

transform: translateY(-50%);

opacity: 0.1;

}

.hero-wrap.style3 .hero-slide-item .hero-img-wrap .hero-promo-box, .hero-wrap.style4 .hero-slide-item .hero-img-wrap .hero-promo-box, .hero-wrap.style5 .hero-slide-item .hero-img-wrap .hero-promo-box {

position: absolute;

top: 40%;

right: -180px;

background-color: #fff;

display: inline-block;

padding: 25px 35px;

min-width: 210px;

border-radius: 10px;

text-align: center;

box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

}

.hero-wrap.style3 .hero-slide-item .hero-img-wrap .hero-promo-box .promo-icon, .hero-wrap.style4 .hero-slide-item .hero-img-wrap .hero-promo-box .promo-icon, .hero-wrap.style5 .hero-slide-item .hero-img-wrap .hero-promo-box .promo-icon {

position: relative;

display: inline-block;

margin: 0 0 15px;

}

.hero-wrap.style3 .hero-slide-item .hero-img-wrap .hero-promo-box .promo-icon:after, .hero-wrap.style4 .hero-slide-item .hero-img-wrap .hero-promo-box .promo-icon:after, .hero-wrap.style5 .hero-slide-item .hero-img-wrap .hero-promo-box .promo-icon:after {

position: absolute;

top: 20px;

left: 30%;

content: "";

width: 40px;

height: 40px;

border-radius: 5px;

background-color: rgba(36, 144, 235, 0.15);

transform: translateY(-50%);

transform: rotate(-25deg);

}

.hero-wrap.style3 .hero-slide-item .hero-img-wrap .hero-promo-box .promo-icon i, .hero-wrap.style4 .hero-slide-item .hero-img-wrap .hero-promo-box .promo-icon i, .hero-wrap.style5 .hero-slide-item .hero-img-wrap .hero-promo-box .promo-icon i {

font-size: 55px;

line-height: 0.8;

color: #1C2359;

margin: 0 auto;

}

.hero-wrap.style3 .hero-slide-item .hero-img-wrap .hero-promo-box h2, .hero-wrap.style4 .hero-slide-item .hero-img-wrap .hero-promo-box h2, .hero-wrap.style5 .hero-slide-item .hero-img-wrap .hero-promo-box h2,
.hero-wrap.style3 .hero-slide-item .hero-img-wrap .hero-promo-box .mh-heading-h2,
.hero-wrap.style4 .hero-slide-item .hero-img-wrap .hero-promo-box .mh-heading-h2,
.hero-wrap.style5 .hero-slide-item .hero-img-wrap .hero-promo-box .mh-heading-h2 {

font-size: 40px;

font-weight: 700;

margin: 0;

}

.hero-wrap.style3 .hero-slide-item .hero-img-wrap .hero-promo-box h2 span, .hero-wrap.style4 .hero-slide-item .hero-img-wrap .hero-promo-box h2 span, .hero-wrap.style5 .hero-slide-item .hero-img-wrap .hero-promo-box h2 span,
.hero-wrap.style3 .hero-slide-item .hero-img-wrap .hero-promo-box .mh-heading-h2 span,
.hero-wrap.style4 .hero-slide-item .hero-img-wrap .hero-promo-box .mh-heading-h2 span,
.hero-wrap.style5 .hero-slide-item .hero-img-wrap .hero-promo-box .mh-heading-h2 span {

display: block;

font-size: 16px;

font-weight: 400;

color: #666666;

}

.hero-wrap.style4 .hero-slide-item.bg-one {

background-image: url(../img/hero/hero-bg-1.jpg);

}

.hero-wrap.style4 .hero-slide-item.bg-two {

background-image: url(../img/hero/hero-bg-2.jpg);

}

.hero-wrap.style4 .hero-slide-item.bg-three {

background-image: url(../img/hero/hero-bg-3.jpg);

}

.hero-wrap.style4 .hero-slide-item, .hero-wrap.style5 .hero-slide-item {

position: relative;

z-index: 1;

}

.hero-wrap.style4 .hero-slide-item:after, .hero-wrap.style5 .hero-slide-item:after {

position: absolute;

top: 0;

left: 0;

content: "";

width: 100%;

height: 100%;

background-color: rgba(20, 70, 123, 0.9);

z-index: -1;

}

.hero-wrap.style5 .hero-slide-item {

overflow: hidden;

}

.hero-wrap.style5 .hero-slide-item .hero-video {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

z-index: -1;

}

.hero-wrap.style5 .hero-slide-item .hero-video video {

min-width: 100%;

min-height: 100%;

}

.hero-wrap.style6 {

/*margin-top: 98px;*/

position: relative;

z-index: 1;

}

.hero-wrap.style6 .hero-slide-item {

padding: 140px 0 100px;

position: relative;

height: 100vh;

align-items: center;

display: flex;

}

.hero-wrap.style6 .hero-slide-item.bg-one {

background-image: url(../img/hero-new-banner1.jpeg);
background-position: 100%;
}

.hero-wrap.style6 .hero-slide-item.bg-two {

background-image: url(../img/hero-new-banner2.jpeg);
background-position: 100%;

}

.hero-wrap.style6 .hero-slide-item.bg-three {

background-image: url(../img/hero-new-banner3.jpeg);
background-position: 100%;
}

.hero-wrap.style6 .hero-slide-item.bg-four {

background-image: url(../img/hero-new-banner4.jpeg);
background-position: 100%;
}

.hero-wrap.style6 .hero-slide-item.bg-five {

background-image: url(../img/hero-new-banner5.jpeg);
background-position: 100%;
}

.hero-wrap.style6 .hero-slide-item:before {

position: absolute;

top: 0;

left: 0;

content: "";

width: 68%;

height: 100%;

/* background: linear-gradient(90deg, rgba(255, 255, 255, 0.89) 70%, rgba(255, 255, 255, 0.03) 95%); */

z-index: 0;

}

.hero-wrap.style6 .hero-slide-item .hero-content .hero-btn .play-video {

margin-left: 15px;

}

.hero-wrap.style6 .hero-slide-item .hero-content .hero-btn .play-video span {

display: inline-block;

color: #FF6666;

}

.hero-wrap.style6 .hero-slide-item .hero-content .hero-btn .play-video span:nth-child(1) {

margin-right: 10px;

}

.hero-wrap.style6 .hero-slide-item .hero-content .hero-btn .play-video .video-icon {

width: 50px;

height: 50px;

border-radius: 50%;

background-color: #1C2359;

margin-bottom: 0;

}

.hero-wrap.style6 .hero-slide-item .hero-content .hero-btn .play-video .video-icon i {

font-size: 20px;

line-height: 0.8;

margin: 0 auto;

color: #fff;

}



.hero-slider-one.owl-carousel .owl-nav button.owl-prev, .hero-slider-one.owl-carousel .owl-nav button.owl-next,

.hero-slider-two.owl-carousel .owl-nav button.owl-prev,

.hero-slider-two.owl-carousel .owl-nav button.owl-next,

.hero-slider-three.owl-carousel .owl-nav button.owl-prev,

.hero-slider-three.owl-carousel .owl-nav button.owl-next {

position: absolute;

top: 50%;

transform: translateY(-50%);

background-color: #fff;

box-shadow: 0 2px 15px rgba(0, 0, 0, 0.09);

width: 45px;

height: 45px;

}

.hero-slider-one.owl-carousel .owl-nav button.owl-prev i, .hero-slider-one.owl-carousel .owl-nav button.owl-next i,

.hero-slider-two.owl-carousel .owl-nav button.owl-prev i,

.hero-slider-two.owl-carousel .owl-nav button.owl-next i,

.hero-slider-three.owl-carousel .owl-nav button.owl-prev i,

.hero-slider-three.owl-carousel .owl-nav button.owl-next i {

color: #1C2359;

position: relative;

top: 0px;

}

.hero-slider-one.owl-carousel .owl-nav button.owl-prev:hover i, .hero-slider-one.owl-carousel .owl-nav button.owl-next:hover i,

.hero-slider-two.owl-carousel .owl-nav button.owl-prev:hover i,

.hero-slider-two.owl-carousel .owl-nav button.owl-next:hover i,

.hero-slider-three.owl-carousel .owl-nav button.owl-prev:hover i,

.hero-slider-three.owl-carousel .owl-nav button.owl-next:hover i {

color: #fff;

}

.hero-slider-one.owl-carousel .owl-nav button.owl-prev i,

.hero-slider-two.owl-carousel .owl-nav button.owl-prev i,

.hero-slider-three.owl-carousel .owl-nav button.owl-prev i {

left: -1px;

}

.hero-slider-one.owl-carousel .owl-nav button.owl-next i,

.hero-slider-two.owl-carousel .owl-nav button.owl-next i,

.hero-slider-three.owl-carousel .owl-nav button.owl-next i {

left: 1px;

}

@keyframes fadeInUp {

from {

opacity: 0;

transform: translate3d(0, 50%, 0);

}

to {

opacity: 1;

transform: translate3d(0, 0, 0);

}

}

.fadeInUp {

animation-name: fadeInUp;

}



.hero-slider-one.owl-carousel .owl-item.active .hero-slide-item .hero-content span,

.hero-slider-two.owl-carousel .owl-item.active .hero-slide-item .hero-content span,

.hero-slider-three.owl-carousel .owl-item.active .hero-slide-item .hero-content span {

animation-duration: 1s;

animation-fill-mode: both;

animation-name: fadeInUp;

animation-delay: 0.5s;

}

.hero-slider-one.owl-carousel .owl-item.active .hero-slide-item .hero-content h4,

.hero-slider-two.owl-carousel .owl-item.active .hero-slide-item .hero-content h4,

.hero-slider-three.owl-carousel .owl-item.active .hero-slide-item .hero-content h4,
.hero-slider-one.owl-carousel .owl-item.active .hero-slide-item .hero-content .mh-heading-h4,
.hero-slider-two.owl-carousel .owl-item.active .hero-slide-item .hero-content .mh-heading-h4,
.hero-slider-three.owl-carousel .owl-item.active .hero-slide-item .hero-content .mh-heading-h4 {

animation-duration: 1s;

animation-fill-mode: both;

animation-name: fadeInUp;

animation-delay: 0.7s;

}

.hero-slider-one.owl-carousel .owl-item.active .hero-slide-item .hero-content p,

.hero-slider-two.owl-carousel .owl-item.active .hero-slide-item .hero-content p,

.hero-slider-three.owl-carousel .owl-item.active .hero-slide-item .hero-content p {

animation-duration: 1s;

animation-fill-mode: both;

animation-name: fadeInUp;

animation-delay: 0.9s;

}

.hero-slider-one.owl-carousel .owl-item.active .hero-slide-item .hero-content .hero-btn,

.hero-slider-two.owl-carousel .owl-item.active .hero-slide-item .hero-content .hero-btn,

.hero-slider-three.owl-carousel .owl-item.active .hero-slide-item .hero-content .hero-btn {

animation-duration: 1s;

animation-fill-mode: both;

animation-name: fadeInUp;

animation-delay: 1.1s;

}



/*-------------------------------

About  Section  CSS

-------------------------------*/

.about-wrap.style1 .about-img-wrap {

position: relative;

padding-bottom: 150px;

}

.about-wrap.style1 .about-img-wrap .about-img-one {

max-width:334px;

border-radius: 10px;

margin-right: auto;

height: 370px;

}

.about-wrap.style1 .about-img-wrap .about-img-two {

position: absolute;

bottom: 0;

right: 0;

z-index: 1;

border-radius: 10px;

max-width: 400px;

height: 370px;

}

.about-wrap.style1 .about-img-wrap .about-doctor-box {

position: absolute;

top: 70px;

right: 0;

min-width: 340px;

border-radius: 10px;

box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);

}

.about-wrap.style1 .about-content .content-title {

margin-bottom: 25px;

}

.about-wrap.style1 .about-content .content-feature-list {

margin: 0;

}

.about-wrap.style1 .about-content .content-feature-list li {

padding-left: 32px;

}

.about-wrap.style1 .about-content .content-feature-list li i {

font-size: 26px;

color: #1C2359;

top: 2px;

}

.about-wrap.style1 .about-content .about-promo-video {

background-image: url("../img/about-video thumbnail-image.jpeg");

height: 150px;

border-radius: 10px;

}

.about-wrap.style1 .about-content .about-promo-video .play-now {

width: 50px;

height: 50px;

top: 50%;

font-size: 22px;

line-height: 45px;

transform: translateY(-50%);

background-color: #fff;

}

.about-wrap.style1 .about-content .about-promo-video .play-now i {

color: #1C2359;

position: relative;

left: -1px;

}

.about-wrap.style1 .about-content .about-promo-video .play-now .ripple:after,

.about-wrap.style1 .about-content .about-promo-video .play-now .ripple:before,

.about-wrap.style1 .about-content .about-promo-video .play-now .ripple {

width: 50px;

height: 50px;

}

.about-wrap.style1 .about-content .ceo-msg {

margin: 25px 0 0;

}

.about-wrap.style1 .about-content .ceo-msg .ceo-img {

width: 50px;

height: 50px;

border-radius: 50%;

}

.about-wrap.style1 .about-content .ceo-msg .ceo-img img {

border-radius: 50%;

}

.about-wrap.style1 .about-content .ceo-msg p {

width: calc(100% - 65px);

margin: 0 0 0 15px;

}

.about-wrap.style2 .about-img-wrap {

position: relative;

padding-bottom: 150px;

z-index: 1;

}

.about-wrap.style2 .about-img-wrap .about-img-one {

margin-left: auto;

max-width: 400px;

display: block;

}

.about-wrap.style2 .about-img-wrap .about-img-two {

position: absolute;

bottom: 0;

left: 0;

z-index: -1;

max-width: 350px;

}

.about-wrap.style2 .about-img-wrap .about-promo-box {

position: absolute;

bottom: 70px;

right: 100px;

background-color: #fff;

display: inline-block;

padding: 25px 35px;

text-align: center;

box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

}

.about-wrap.style2 .about-img-wrap .about-promo-box .promo-icon {

position: relative;

display: inline-block;

margin: 0 0 15px;

}

.about-wrap.style2 .about-img-wrap .about-promo-box .promo-icon:after {

position: absolute;

top: 20px;

left: 30%;

content: "";

width: 45px;

height: 45px;

border-radius: 5px;

background-color: rgba(36, 144, 235, 0.15);

transform: translateY(-50%);

transform: rotate(-25deg);

}

.about-wrap.style2 .about-img-wrap .about-promo-box .promo-icon i {

font-size: 65px;

line-height: 0.8;

color: #1C2359;

margin: 0 auto;

}

.about-wrap.style2 .about-img-wrap .about-promo-box h2,
.about-wrap.style2 .about-img-wrap .about-promo-box .mh-heading-h2 {

font-size: 40px;

font-weight: 700;

margin: 0;

}

.about-wrap.style2 .about-img-wrap .about-promo-box h2 span,
.about-wrap.style2 .about-img-wrap .about-promo-box .mh-heading-h2 span {

display: block;

font-size: 16px;

font-weight: 400;

color: #666666;

}

.about-wrap.style2 .about-img-wrap .about-promo-box:hover .promo-icon:after {

transform: rotate(-20deg);

}

.about-wrap.style2 .about-content .content-title {

margin-bottom: 25px;

}

.about-wrap.style2 .about-content .feature-item-wrap .feature-item .feature-icon {

background: #ED3237;

}

.about-wrap.style2 .about-content .feature-item-wrap .feature-item .feature-icon i {

color: #ED3237;

}

.about-wrap.style2 .about-content .feature-item-wrap .feature-item .feature-text h3,
.about-wrap.style2 .about-content .feature-item-wrap .feature-item .feature-text .mh-heading-h3 {

color: #1C2359;

}

.about-wrap.style2 .about-content .feature-item-wrap .feature-item .feature-text p {

color: #666666;

}

.about-wrap.style2 .about-content .feature-item-wrap .feature-item:hover .feature-icon i {

color: #fff;

}

.about-wrap.style3 .about-img-wrap {

position: relative;

padding-bottom: 150px;

z-index: 1;

}

.about-wrap.style3 .about-img-wrap .about-img-one {

margin-left: auto;

max-width: 400px;

display: block;

border-radius: 10px;

}

.about-wrap.style3 .about-img-wrap .about-img-two {

position: absolute;

bottom: 0;

left: 0;

z-index: 1;

max-width: 320px;

border-radius: 10px;

}

.about-wrap.style3 .about-img-wrap .about-promo-box {

position: absolute;

bottom: 70px;

right: 100px;

background-color: #1C2359;

border: 4px solid rgba(255, 255, 255, 0.9);

border-radius: 10px;

padding: 30px;

z-index: 2;

box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

}

.about-wrap.style3 .about-img-wrap .about-promo-box .promo-icon {

position: relative;

display: inline-block;

margin-right: 20px;

}

.about-wrap.style3 .about-img-wrap .about-promo-box .promo-icon:after {

position: absolute;

top: 20px;

left: 30%;

content: "";

width: 40px;

height: 40px;

border-radius: 5px;

background-color: rgba(36, 144, 235, 0.15);

transform: translateY(-50%);

transform: rotate(-25deg);

}

.about-wrap.style3 .about-img-wrap .about-promo-box .promo-icon i {

font-size: 55px;

line-height: 0.8;

color: #fff;

margin: 0 auto;

}

.about-wrap.style3 .about-img-wrap .about-promo-box h2,
.about-wrap.style3 .about-img-wrap .about-promo-box .mh-heading-h2 {

font-size: 40px;

font-weight: 700;

margin: 0;

color: #fff;

}

.about-wrap.style3 .about-img-wrap .about-promo-box h2 span,
.about-wrap.style3 .about-img-wrap .about-promo-box .mh-heading-h2 span {

display: block;

font-size: 16px;

font-weight: 400;

}

.about-wrap.style3 .about-content .content-title {

margin-bottom: 25px;

}

.about-wrap.style3 .about-content .feature-item-wrap .feature-item .feature-icon {

background-color: rgb(255, 255, 255);

box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

}

.about-wrap.style3 .about-content .feature-item-wrap .feature-item .feature-icon i {

color: #1C2359;

font-size: 24px;

line-height: 0.8;

}

.about-wrap.style3 .about-content .feature-item-wrap .feature-item:hover .feature-icon i {

color: #fff;

}



.about-doctor-box {

background-color: #fff;

padding: 25px;

box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);

}

.about-doctor-box .doctor-img {

width: 45px;

height: 45px;

border-radius: 50%;

}

.about-doctor-box .doctor-img img {

border-radius: 50%;

}

.about-doctor-box .doctor-info {

margin-left: 15px;

}

.about-doctor-box .doctor-info h5 {

font-size: 16px;

margin: 0;

}

.about-doctor-box .doctor-info span {

margin: 0;

font-size: 14px;

color: #666666;

}

.about-doctor-box .btn {

background-color: #1C2359;

color: #fff;

padding: 7px 18px;

margin-left: auto;

border-radius: 5px;

}



.feature-item-wrap .feature-item {

margin-bottom: 25px;

}

.feature-item-wrap .feature-item:last-child {

margin-bottom: 0;

}

.feature-item-wrap .feature-item .feature-icon {

width: 70px;

height: 70px;

border-radius: 50%;

position: relative;

z-index: 1;

overflow: hidden;

position: relative;

top: 3px;

transition: 0.4s;

}

.feature-item-wrap .feature-item .feature-icon i {

font-size: 32px;

line-height: 0.7;

margin: 0 auto;

transition: 0.4s;

}

.feature-item-wrap .feature-item .feature-icon:after {

position: absolute;

bottom: 0;

left: 0;

content: "";

width: 100%;

height: 0;

background-color: #1C2359;

transition: 0.4s;

visibility: hidden;

opacity: 0;

z-index: -1;

}

.feature-item-wrap .feature-item .feature-text {

width: calc(100% - 90px);

margin-left: 20px;

}

.feature-item-wrap .feature-item .feature-text h3,
.feature-item-wrap .feature-item .feature-text .mh-heading-h3 {

font-size: 22px;

margin: 0 0 10px;

transition: 0.4s;

}

.feature-item-wrap .feature-item .feature-text p {

margin: 0;

}

.feature-item-wrap .feature-item:hover .feature-icon i {

color: #fff!important;

}

.feature-item-wrap .feature-item:hover .feature-icon:after {

height: 100%;

visibility: visible;

opacity: 1;

}

.feature-item-wrap .feature-item:hover .feature-text h3,
.feature-item-wrap .feature-item:hover .feature-text .mh-heading-h3 {

color: #1C2359;

}



/*-------------------------------

Service  Section  CSS

-------------------------------*/



.service-wrap{

background-image: url(../img/bg-wave-element.png);

background-size: cover;



}

.service-wrap.style2 {

position: relative;

z-index: 1;

}

.service-wrap.style2::after {

position: absolute;

top: 0;

left: 0;

content: "";

width: 100%;

height: calc(50% + 28px);

z-index: -1;

background-color: #14467B;

}

.service-wrap.style3 {

position: relative;

z-index: 1;

}

/*.service-wrap.style3::after {

position: absolute;

bottom: 0;

left: 0;

content: "";

width: 100%;

height: 20%;

z-index: -1;

background-color: #14467B;

}*/



.service-card {

margin-bottom: 25px;

}

.service-card .service-img {

position: relative;

}

.service-card .service-img .service-icon {

position: absolute;

width: 65px;

height: 65px;

transition: 0.4s;

}

.service-card .service-img .service-icon i {

font-size: 32px;

line-height: 0.8;

margin: 0 auto;

color: #fff;

transition: 0.4s;

}

.service-card .service-info {

padding: 30px 25px 20px;
height: 238px;

}

.service-card .service-info h3,
.service-card .service-info .mh-heading-h3 {

font-size: 22px;

margin: 0 0 13px;

color: #14467B!important;

}

.service-card .service-info h3 a,
.service-card .service-info .mh-heading-h3 a {

color: #1C2359;

}

.service-card .service-info h3:hover a,
.service-card .service-info .mh-heading-h3:hover a {

color:#1C2359;

}

.service-card .service-info p {

margin: 0 0 15px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;

}

.service-card.style1 {

box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

border-radius: 10px;

background-color: #fff;

}

.service-card.style1 .service-img {

border-radius: 10px 10px 0 0;

}

.service-card.style1 .service-img img {

border-radius: 10px 10px 0 0;

}

.service-card.style1 .service-img .service-icon {

bottom: -25px;

right: 25px;

background-color: #1C2359;

border-radius: 5px;

}

.service-card.style1{
    overflow: hidden;
}

.service-card.style1 .service-img > img {
    transition: transform 0.5s ease;
}

.service-card.style1:hover .service-img > img {
    transform: scale(1.08);
}

.service-card.style1:hover .service-img .service-icon {

background-color: #1C2359;

}

.service-card.style2 {

box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

background-color: #fff;

}

.service-card.style2 .service-img .service-icon {

bottom: -30px;

right: 25px;

background-color: #fff;

border-radius: 50%;

box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

}

.service-card.style2 .service-img .service-icon i {

color: #1C2359;

position: relative;

top: 2px;

}

.service-card.style2:hover .service-img .service-icon {

background-color: #1C2359;

}

.service-card.style2:hover .service-img .service-icon i {

color: #fff;

}

.service-card.style3 {

box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

background-color: #fff;

border-radius: 10px;

}

.service-card.style3 .service-img {

border-radius: 10px 10px 0 0;

}

.service-card.style3 .service-img img {

border-radius: 10px 10px 0 0;

}

.service-card.style3 .service-img .service-icon {

bottom: -30px;

left: 25px;

background-color: #1C2359;

border-radius: 50%;

box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

}

.service-card.style3 .service-img .service-icon i {

color: #1C2359;

}

.service-card.style3 .service-info {

padding: 45px 25px 20px;

}

.service-card.style3:hover .service-img .service-icon {

background-color: #1C2359;

}

.service-card.style3:hover .service-img .service-icon i {

color: #fff;

}

.service-card.style4 {

box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

background-color: #fff;

border-radius: 10px;

padding: 25px;

}

.service-card.style4 .service-icon {

background-color: rgba(36, 144, 235, 0.1);

border-radius: 68% 32% 33% 67%/42% 23% 77% 58%;

width: 65px;

height: 65px;

margin-bottom: 20px;

transition: 0.4s;

}

.service-card.style4 .service-icon i {

font-size: 32px;

line-height: 0.8;

margin: 0 auto;

color: #1C2359;

transition: 0.4s;

}

.service-card.style4 .service-info {

padding: 0;

}

.service-card.style4:hover .service-icon {

background-color: #1C2359;

}

.service-card.style4:hover .service-icon i {

color: #fff;

}



.service-slider-one {

margin: -15px 0;

}

.service-slider-one .service-card {

margin: 15px 0;

}



/*-------------------------------------

Service & Portfolio Details  CSS

----------------------------------------*/

.service-desc .single-service-img {

border-radius: 10px;

margin: 10px 0 30px;

display: block;

}

.service-desc .single-service-img img {

border-radius: 10px;

}



/*-------------------------------

Appointment  Section  CSS

-------------------------------*/

.appointment-wrap.style1 .appointment-bg {

background-image: url(../img/appointment-bg-1.jpg);

height: calc(100% + 30px);

border-radius: 10px;

margin-right: 100px;

position: relative;

}

.appointment-wrap.style1 .appointment-bg .appointment-form {

width: 350px;

position: absolute;

top: 70px;

right: -100px;

}

.appointment-wrap.style1 .appointment-bg .appointment-form h2,
.appointment-wrap.style1 .appointment-bg .appointment-form .mh-heading-h2 {

font-size: 22px;

margin: 0 0 20px;

}

.appointment-wrap.style1 .appointment-content {

padding-bottom: 100px;

}

.appointment-wrap.style1 .appointment-content .content-feature-list {

margin-bottom: 35px;

}

.appointment-wrap.style2 .appointment-content .content-title {

margin-bottom: 25px;

}

.appointment-wrap.style2 .appointment-content .content-feature-list {

-moz-columns: 2;

columns: 2;

margin-bottom: 0;

}

.appointment-wrap.style2 .appointment-content .content-feature-list li {

background-color: #fff;

padding: 15px 15px 15px 40px;

transition: 0.3s;

}

.appointment-wrap.style2 .appointment-content .content-feature-list li i {

font-size: 20px;

color: #1C2359;

top: 18px;

left: 15px;

}

.appointment-wrap.style2 .promo-bg {

background-image: url(../img/about/promo-bg-2.jpg);

height: calc(100% + 30px);

position: relative;

top: -30px;

z-index: 1;

}

.appointment-wrap.style2 .promo-bg .play-now {

width: 80px;

height: 80px;

top: 50%;

transform: translateY(-50%);

line-height: 77px;

background-color: #fff;

}

.appointment-wrap.style2 .promo-bg .play-now i {

color: #1C2359;

left: -2px;

position: relative;

}

.appointment-wrap.style2 .promo-bg .play-now .ripple:after,

.appointment-wrap.style2 .promo-bg .play-now .ripple:before,

.appointment-wrap.style2 .promo-bg .play-now .ripple {

width: 80px;

height: 80px;

}

.appointment-wrap.style1 .appointment-content .content-title, .appointment-wrap.style3 .appointment-content .content-title {

margin-bottom: 25px;

}

.appointment-wrap.style1 .appointment-content .content-feature-list, .appointment-wrap.style3 .appointment-content .content-feature-list {

-moz-columns: 2;

columns: 2;

}

.appointment-wrap.style1 .appointment-content .content-feature-list li, .appointment-wrap.style3 .appointment-content .content-feature-list li {

background-color: #fff;

padding: 15px 15px 15px 40px;

box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);

border-radius: 5px;

}

.appointment-wrap.style1 .appointment-content .content-feature-list li i, .appointment-wrap.style3 .appointment-content .content-feature-list li i {

font-size: 20px;

color: #1C2359;

top: 19px;

left: 15px;

}

.appointment-wrap.style3 .promo-bg {

background-image: url(../img/why-choose-us/wh-img-4.jpg);

height: 600px;

z-index: 1;

border-radius: 10px;

}

.appointment-wrap.style3 .promo-bg .play-now {

width: 80px;

height: 80px;

top: 50%;

transform: translateY(-50%);

line-height: 77px;

background-color: #1C2359;

border: none;

}

.appointment-wrap.style3 .promo-bg .play-now i {

color: #fff;

left: 1px;

top: 3px;

font-size: 34px;

position: relative;

}

.appointment-wrap.style3 .promo-bg .play-now .ripple:after,

.appointment-wrap.style3 .promo-bg .play-now .ripple:before,

.appointment-wrap.style3 .promo-bg .play-now .ripple {

width: 80px;

height: 80px;

}



.appointment-form {

background-color: #fff;

padding: 25px;

border-radius: 10px;

}

.appointment-form .form-group {

margin-bottom: 20px;

}

.appointment-form .form-group input, .appointment-form .form-group select {

width: 100%;

height: 58px;

background-color: #F5F6FA;

border-radius: 5px;

padding: 13px 20px;

border: none;

color: #000;

}

.appointment-form .form-group input::-moz-placeholder, .appointment-form .form-group select::-moz-placeholder {

opacity: 0.9;

}

.appointment-form .form-group input::placeholder, .appointment-form .form-group select::placeholder {

opacity: 0.9;

}

.appointment-form button {

width: 100%;

display: block;

}



/*-------------------------------

Why Choose US  Section  CSS

-------------------------------*/

.wh-bg-3 {

background-image: url(../img/why-choose-us-image.png);

}



.wh-wrap.style1 .wh-img-wrap {

position: relative;

padding-bottom: 150px;

z-index: 1;

}

.wh-wrap.style1 .wh-img-wrap .wh-shape-one {

position: absolute;

top: 50%;

left: 50%;

width: 100%;

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

z-index: -1;

}

.wh-wrap.style1 .wh-img-wrap .wh-shape-one img {

display: block;

margin: 0 auto;

}

.wh-wrap.style1 .wh-img-wrap .wh-img-one {

max-width: 400px;

margin-right: auto;

border-radius: 10px;

}

.wh-wrap.style1 .wh-img-wrap .wh-img-two {

position: absolute;

z-index: 1;

bottom: 0;

right: 0;

max-width: 350px;

border-radius: 10px;

}

.wh-wrap.style1 .wh-content .feature-item-wrap .feature-item .feature-icon {

background: rgba(255, 255, 255, 0.1);

}

.wh-wrap.style1 .wh-content .feature-item-wrap .feature-item .feature-icon i {

color: #fff;

}

.wh-wrap.style1 .wh-content .feature-item-wrap .feature-item .feature-text h3,
.wh-wrap.style1 .wh-content .feature-item-wrap .feature-item .feature-text .mh-heading-h3 {

color: #fff;

}

.wh-wrap.style1 .wh-content .feature-item-wrap .feature-item .feature-text p {

color: rgba(255, 255, 255, 0.8);

}

.wh-wrap.style1 .wh-content .feature-item-wrap .feature-item:hover .feature-icon i {

color: #fff;

}

.wh-wrap.style2 .wh-img-wrap {

position: relative;

background-image: url(../img/why-choose-us/wh-bg-2.jpg);

height: 620px;

width: calc(100% - 120px);

margin-left: auto;

}

.wh-wrap.style2 .wh-img-wrap .appointment-form {

width: 350px;

position: absolute;

top: 70px;

left: -120px;

border-radius: 0;

box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);

}

.wh-wrap.style2 .wh-img-wrap .appointment-form h2,
.wh-wrap.style2 .wh-img-wrap .appointment-form .mh-heading-h2 {

font-size: 22px;

margin: 0 0 20px;

}

.wh-wrap.style2 .wh-content .content-title {

margin-bottom: 30px;

}

.wh-wrap.style2 .wh-content .feature-item-wrap {

margin-bottom: 30px;

}

.wh-wrap.style2 .wh-content .feature-item-wrap .feature-item .feature-icon {

background: rgb(255, 255, 255);

box-shadow: 0 4px 15px rgba(0, 0, 0, 0.09);

}

.wh-wrap.style2 .wh-content .feature-item-wrap .feature-item .feature-icon i {

color: #1C2359;

}

.wh-wrap.style2 .wh-content .feature-item-wrap .feature-item .feature-text h3,
.wh-wrap.style2 .wh-content .feature-item-wrap .feature-item .feature-text .mh-heading-h3 {

color: #000;

}

.wh-wrap.style2 .wh-content .feature-item-wrap .feature-item .feature-text p {

color: #666666;

}

.wh-wrap.style2 .wh-content .feature-item-wrap .feature-item:hover .feature-icon i {

color: #fff;

}

.wh-wrap.style3 .wh-content .content-title {

margin-bottom: 30px;

}

.wh-wrap.style3 .wh-content .feature-item-wrap {

margin-bottom: 30px;

}

.wh-wrap.style3 .wh-content .feature-item-wrap .feature-item .feature-icon {

background: rgba(255, 255, 255, 0.1);

}

.wh-wrap.style3 .wh-content .feature-item-wrap .feature-item .feature-icon i {

color: #fff;

}

.wh-wrap.style3 .wh-content .feature-item-wrap .feature-item .feature-text h3,
.wh-wrap.style3 .wh-content .feature-item-wrap .feature-item .feature-text .mh-heading-h3 {

color: #fff;

}

.wh-wrap.style3 .wh-content .feature-item-wrap .feature-item .feature-text p {

color: rgba(255, 255, 255, 0.8);

}

.wh-wrap.style3 .wh-content .feature-item-wrap .feature-item:hover .feature-icon i {

color: #fff;

}

.wh-wrap.style3 .wh-img-wrap {

margin-left: 100px;

position: relative;

}

.wh-wrap.style3 .wh-img-wrap .wh-bg-3 {

height: 600px;

border-radius: 10px;

}

.wh-wrap.style3 .wh-img-wrap .about-doctor-box {

position: absolute;

top: 50%;

left: -100px;

border-radius: 10px;

min-width: 340px;

}



.partner-item {

padding: 0 50px;

opacity: 0.6;

transition: 0.4s;

}

.partner-item img {

display: block;

margin: 0 auto;

}

.partner-item:hover {

opacity: 1;

}



/*-------------------------------

Counter  Section  CSS

-------------------------------*/

.counter-wrap.style3 {
position: relative;
}


.counter-card-wrap .counter-card {

width: 25%;

position: relative;

margin-bottom: 25px;

}

.counter-card-wrap .counter-card .counter-icon {

position: relative;

text-align: center;

transition: 0.4s;

}

.counter-card-wrap .counter-card .counter-icon i {

display: inline-block;

font-size: 30px;

line-height: 0.8;

color: #1C2359;

transition: 0.4s;

}

.counter-card-wrap .counter-card .counter-text {

margin-left: 20px;

}

.counter-card-wrap .counter-card .counter-text h2,
.counter-card-wrap .counter-card .counter-text .mh-heading-h2 {

font-size: 34px;

line-height: 1;

margin: 0 0 10px;

color: #fff;

}

.counter-card-wrap .counter-card .counter-text h2 .target,
.counter-card-wrap .counter-card .counter-text .mh-heading-h2 .target {

font-size: 34px;

line-height: 0.8;

position: relative;

top: 1px;

}

.counter-card-wrap .counter-card .counter-text p {

margin-bottom: 0;

line-height: 1;

color: #fff;

}

.counter-card-wrap .counter-card.style1 .counter-icon {

width: 75px;

position: relative;

z-index: 1;

transition: 0.4s;

}

.counter-card-wrap .counter-card.style1 .counter-icon:after {

position: absolute;

bottom: -5px;

right: 10px;

width: 50px;

height: 50px;

background-color: rgb(255 255 255 / 10%);

border-radius: 8px;

content: "";

z-index: -1;

transform: rotate(-20deg);

transition: 0.4s;

}

.counter-card-wrap .counter-card.style1 .counter-icon i {

color: #fff;

font-size: 70px;

}

.counter-card-wrap .counter-card.style1 .counter-text {

width: calc(100% - 95px);

margin-left: 20px;

}

.counter-card-wrap .counter-card.style1:hover .counter-icon:after {

transform: rotate(20deg);

}

.counter-card-wrap .counter-card.style2 {

margin-bottom: 0;

}

.counter-card-wrap .counter-card.style2 .counter-icon {

width: 75px;

height: 75px;

border-radius: 50%;

background-color: #fff;

}

.counter-card-wrap .counter-card.style2 .counter-icon i {

color: #1C2359;

font-size: 40px;

}



.promo-wrap.style1 {

margin: -75px 0 0;

}

.promo-wrap.style2 {

position: relative;

z-index: 1;

margin: -100px 0 0;

}

.promo-wrap.style2:after {

position: absolute;

top: 100px;

left: 0;

content: "";

width: 100%;

height: calc(100% - 100px);

background-color: #1C2359;

z-index: -1;

}

.promo-wrap.style3 {

position: relative;

z-index: 1;

}

.promo-wrap.style3:after {

position: absolute;

bottom: 0;

left: 0;

content: "";

width: 100%;

height: 80%;

background: linear-gradient(276deg, #1C2359 2.84%, #2A6191 95.71%);

z-index: -1;

}



.promo-card {

background-color: #ffffff;

padding: 25px;

border-radius: 10px;

margin: 0 0 25px;

box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
height: 100%;

}

.promo-card .promo-icon {

width: 65px;

position: relative;

top: 2px;

}

.promo-card .promo-icon i {

color: #1C2359;

font-size: 65px;

line-height: 0.8;

margin: 0 auto;

}

.promo-card .promo-info {

width: calc(100% - 85px);

margin-left: 20px;

}

.promo-card .promo-info h3,
.promo-card .promo-info .mh-heading-h3 {

font-size: 22px;

margin: 0 0 10px;

}

.promo-card .promo-info p {

margin: 0;

}

.promo-card.style2 {

border-radius: 0;

}

.promo-card.style2 .promo-info p {

margin: 0 0 15px;

}

.promo-card.style3 {

border-radius: 10px;

}

.promo-card.style3 .promo-info p {

margin: 0 0 15px;

}



/*-------------------------------

Testimonial  Section  CSS

-------------------------------*/

.ratings li {

display: inline-block;

}

.ratings li i {

color: #FFC422;

line-height: 0.8;

}



.testimonial-wrap {

position: relative;

z-index: 1;

}

.testimonial-wrap.style1:before {

position: absolute;

top: 0;

left: 0;

content: "";

width: 100%;

height: 50%;

background-color: #1C2359;

z-index: -1;

}



.testimonial-card {

background-color: #fff;

border-radius: 5px;

margin: 0 0 25px;

position: relative;

box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);

z-index: 1;

padding: 25px 25px 22px;

border-radius: 10px;

height: 300px;

/*border: 1px solid #1c235947;*/

}

.testimonial-card .quote-icon i {

color: #1C2359;

opacity: 0.4;

}

.testimonial-card .client-quote {

/*margin-bottom: 25px;*/

transition: 0.4s;

border-bottom: 1px solid #eee;

padding-bottom: 10px;
font-size: 15px;

}

.testimonial-card .client-info-area .client-info-wrap {

width: calc(100% - 40px);

}

.testimonial-card .client-info-area .client-info-wrap .client-img {

width: 65px;

height: 65px;

border-radius: 50%;

}

.testimonial-card .client-info-area .client-info-wrap .client-img img {

border-radius: 50%;

}

.testimonial-card .client-info-area .client-info-wrap .client-info {

width: calc(100% - 85px);

margin-left: 20px;

}

.testimonial-card .client-info-area .client-info-wrap .client-info h3,
.testimonial-card .client-info-area .client-info-wrap .client-info .mh-heading-h3 {

font-size: 22px;

line-height: 1.2;

margin-bottom: 8px;

transition: 0.4s;

}

.testimonial-card .client-info-area .client-info-wrap .client-info span {

font-size: 14px;

display: block;

line-height: 1;

transition: 0.4s;

}

.testimonial-card .client-info-area .quote-icon i {

display: inline-block;

position: relative;

top: 3px;

font-size: 16px!important;

line-height: 0.8;

color: #1C2359;

opacity: 0.4;

transition: 0.4s;

}

.testimonial-card.style1 .ratings, .testimonial-card.style3 .ratings {

margin-bottom: 12px;

}

.testimonial-card.style2 {

border-radius: 0;

}

.testimonial-card.style2 .ratings {

margin: 20px 0 10px;

}

.testimonial-card.style2 .client-quote {

margin: 0;

}



.testimonial-slider-one {

margin: -15px 0;

}

.testimonial-slider-one .testimonial-card {

margin: 15px 0;

}

.testimonial-slider-one.owl-carousel .owl-nav {

top: -82px;

}

.testimonial-slider-one.owl-carousel .owl-nav button.owl-prev:hover, .testimonial-slider-one.owl-carousel .owl-nav button.owl-next:hover {

border-color: transparent;

}

.testimonial-slider-one.owl-carousel .owl-nav button.owl-prev:hover:after, .testimonial-slider-one.owl-carousel .owl-nav button.owl-next:hover:after {

background-color: #14467B;

}



.testimonial-slider-two {

margin: -15px -5px;

}

.testimonial-slider-two .testimonial-card {

margin: 15px 5px;

}

.testimonial-slider-two.owl-carousel .owl-dots {

justify-content: flex-end;

bottom: -20px;

position: relative;

max-width: 250px;

margin-left: auto;

}

.testimonial-slider-two.owl-carousel .owl-dots .owl-dot span {

width: 20px;

height: 7px;

border-radius: 0;

background-color: rgba(36, 144, 235, 0.15);

}

.testimonial-slider-two.owl-carousel .owl-dots .owl-dot.active span {

width: 35px;

background-color: #1C2359;

}

.testimonial-slider-two.owl-carousel.style2 {

margin: -15px 0;

}

.testimonial-slider-two.owl-carousel.style2 .testimonial-card {

margin: 15px 0;

}

.testimonial-slider-two.owl-carousel.style2 .owl-dots {

bottom: 0;

max-width: 100%;

margin: 10px 0 18px;

}

.testimonial-slider-two.owl-carousel.style2 .owl-dots .owl-dot span {

border-radius: 10px;

}



.cta-wrap.style2 .btn {

border-radius: 0;

}



.cta-content .content-logo {

width: 100px;

}

.cta-content .content-title {

width: calc(100% - 120px);

margin-left: 20px;

}



.cta-btn .btn:nth-child(1) {

margin-right: 15px;

}



/*-------------------------------

Portfolio  Section  CSS

-------------------------------*/

.portfolio-card {

margin-bottom: 25px;

}

.portfolio-card.style1, .portfolio-card.style2 {

position: relative;

border-radius: 10px;

}

.portfolio-card.style1 img, .portfolio-card.style2 img {

border-radius: 10px;

}

.portfolio-card.style1 .portfolio-info, .portfolio-card.style2 .portfolio-info {

position: absolute;

bottom: 0;

left: 50%;

text-align: center;

width: calc(100% - 45px);

transform: translateX(-50%);

transition: 0.4s;

background-color: #fff;

border-radius: 10px;

padding: 25px;

visibility: hidden;

opacity: 0;

}

.portfolio-card.style1 .portfolio-info .portfolio-cat, .portfolio-card.style2 .portfolio-info .portfolio-cat {

color: #1C2359;

display: block;

font-weight: 600;

margin: 0 0 5px;

}

.portfolio-card.style1 .portfolio-info h3, .portfolio-card.style2 .portfolio-info h3,
.portfolio-card.style1 .portfolio-info .mh-heading-h3,
.portfolio-card.style2 .portfolio-info .mh-heading-h3 {

font-size: 22px;

margin: 0;

}

.portfolio-card.style1 .portfolio-info h3:hover, .portfolio-card.style2 .portfolio-info h3:hover,
.portfolio-card.style1 .portfolio-info .mh-heading-h3:hover,
.portfolio-card.style2 .portfolio-info .mh-heading-h3:hover {

color: #1C2359;

}

.portfolio-card.style1:hover .portfolio-info, .portfolio-card.style2:hover .portfolio-info {

visibility: visible;

opacity: 1;

bottom: 25px;

}

.portfolio-card.style2 {

border-radius: 0;

}

.portfolio-card.style2 img {

border-radius: 0;

}

.portfolio-card.style2 .portfolio-info {

text-align: left;

border-radius: 0;

padding: 25px;

visibility: hidden;

opacity: 0;

}



.service-slider-one.owl-carousel .owl-nav button.owl-prev, .service-slider-one.owl-carousel .owl-nav button.owl-next,

.portfolio-slider-one.owl-carousel .owl-nav button.owl-prev,

.portfolio-slider-one.owl-carousel .owl-nav button.owl-next {

position: absolute;

top: 50%;

transform: translateY(-50%);

background-color: #fff;

box-shadow: 0 2px 15px rgba(0, 0, 0, 0.09);

}

.service-slider-one.owl-carousel .owl-nav button.owl-prev,

.portfolio-slider-one.owl-carousel .owl-nav button.owl-prev {

left: -65px;

}

.service-slider-one.owl-carousel .owl-nav button.owl-next,

.portfolio-slider-one.owl-carousel .owl-nav button.owl-next {

right: -65px;

}



.portfolio-slider-one .portfolio-card,

.portfolio-slider-two .portfolio-card {

margin: 0;

}



.portfolio-slider-two.owl-carousel .owl-dots {

justify-content: center;

text-align: center;

margin: 20px 0 0;

}

.portfolio-slider-two.owl-carousel .owl-dots .owl-dot span {

width: 20px;

height: 8px;

border-radius: 0;

background-color: rgba(36, 144, 235, 0.15);

}

.portfolio-slider-two.owl-carousel .owl-dots .owl-dot.active span {

width: 35px;

background-color: rgba(36, 144, 235, 0.95);

}



/*-------------------------------

Pricing  Section  CSS

-------------------------------*/

.pricing-card {

box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);

padding: 30px;

margin-bottom: 25px;

border-radius: 10px;

transition: 0.4s;

}

.pricing-card .pricing-header .pricing-header-left h5 {

font-size: 24px;

margin: 0 0 8px;

}

.pricing-card .pricing-header .pricing-header-left h2,
.pricing-card .pricing-header .pricing-header-left .mh-heading-h2 {

font-size: 36px;

margin: 0;

}

.pricing-card .pricing-header .pricing-header-left h2 span,
.pricing-card .pricing-header .pricing-header-left .mh-heading-h2 span {

font-size: 16px;

color: #666666;

font-weight: 400;

margin-left: 5px;

}

.pricing-card .pricing-header .pricing-header-right {

transition: 0.4s;

}

.pricing-card .pricing-header .pricing-header-right i {

font-size: 60px;

opacity: 0.25;

color: #14467B;

line-height: 0.5;

transition: 0.4s;

}

.pricing-card .pricing-features {

margin: 25px 0 35px;

}

.pricing-card .pricing-features li {

margin-bottom: 15px;

}

.pricing-card .pricing-features li:last-child {

margin-bottom: 0;

}

.pricing-card .pricing-features li i {

float: right;

font-size: 20px;

line-height: 1.1;

}

.pricing-card .pricing-features li.checked i {

color: #0fd80f;

}

.pricing-card .pricing-features li.unchecked i {

color: #FF3838;

}

.pricing-card .btn {

display: block;

width: 100%;

border-radius: 5px;

}

.pricing-card:hover {

transform: translateY(-5px);

}

.pricing-card:hover .pricing-header .pricing-header-right i {

color: #1C2359;

opacity: 1;

}



/*-------------------------------

Team Section  CSS

-------------------------------*/

.team-card {

margin-bottom: 25px;

}

.team-card .team-info {

background-color: #fff;

padding: 22px 25px 25px;

position: relative;

}

.team-card .team-info .team-mail {

position: absolute;

top: -25px;

right: 25px;

width: 45px;

height: 45px;

border-radius: 50%;

text-align: center;

background-color: #1C2359;

}

.team-card .team-info .team-mail i {

font-size: 22px;

line-height: 46px;

color: #fff;

margin: 0 auto;

}

.team-card .team-info h3,
.team-card .team-info .mh-heading-h3 {

font-size: 22px;

margin: 0 0 5px;

}

.team-card .team-info span {

color: #666666;

font-size: 15px;

display: block;

margin: 0 0 20px;

}

.team-card.style2 {

border-radius: 10px;

box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);

}

.team-card.style2 img {

border-radius: 10px 10px 0 0;

}

.team-card.style2 .team-info {

border-radius: 0 0 10px 10px;

text-align: center;

}



.team-slider-one .team-card {

margin: 0;

}

.team-slider-one.style2 {

margin: -15px 0;

}

.team-slider-one.style2 .team-card {

margin: 15px 0;

}

.team-slider-one.style2.owl-carousel .owl-dots {

margin-bottom: 15px;

}

.team-slider-one.style2.owl-carousel .owl-dots .owl-dot span {

background-color: rgba(36, 144, 235, 0.15);

}

.team-slider-one.style2.owl-carousel .owl-dots .owl-dot.active span {

width: 35px;

background-color: rgb(36, 144, 235);

}

.team-slider-one.owl-carousel .owl-dots {

justify-content: center;

text-align: center;

margin: 20px 0 0;

}

.team-slider-one.owl-carousel .owl-dots .owl-dot span {

width: 20px;

height: 8px;

border-radius: 0;

background-color: rgba(255, 255, 255, 0.2);

}

.team-slider-one.owl-carousel .owl-dots .owl-dot.active span {

width: 35px;

background-color: rgba(255, 255, 255, 0.9);

}



/*-------------------------------

Blog Section  CSS

-------------------------------*/

.blog-card {

box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.11);

margin-bottom: 25px;

transition: 0.4s;

}

.blog-card .blog-img {

overflow: hidden;

position: relative;

}

.blog-card .blog-img img {

transition: 0.7s;

}

.blog-card .blog-info {

border-radius: 0 0 8px 8px;

}

.blog-card .blog-info .blog-metainfo {

margin-bottom: 13px;

}

.blog-card .blog-info .blog-metainfo li {

display: inline-block;

position: relative;

padding-left: 20px;

margin-right: 20px;

font-size: 15px;

transition: 0.3s;

}

.blog-card .blog-info .blog-metainfo li:after {

position: absolute;

top: -1px;

right: -15px;

content: "/";

font-size: 16px;

color: #666666;

}

.blog-card .blog-info .blog-metainfo li:last-child {

margin-right: 0;

}

.blog-card .blog-info .blog-metainfo li:last-child:after {

display: none;

}

.blog-card .blog-info .blog-metainfo li a {

font-size: 13px;

color: #666666;

transition: 0.3s;

}

.blog-card .blog-info .blog-metainfo li a:hover {

color: #1C2359;

}

.blog-card .blog-info .blog-metainfo li i {

position: absolute;

top: 5px;

left: 0;

font-size: 16px;

line-height: 0.8;

color: #1C2359;

transition: 0.3s;

}

.blog-card .blog-info h3,
.blog-card .blog-info .mh-heading-h3 {

font-size: 22px;

margin-bottom: 15px;

}

.blog-card .blog-info h3:hover a,
.blog-card .blog-info .mh-heading-h3:hover a {

color: #1C2359;

}

.blog-card.style1 {

border-radius: 8px;

position: relative;

background-color: #fff;

}

.blog-card.style1 .blog-img {

border-radius: 10px 10px 0 0;

}

.blog-card.style1 .blog-img img {

border-radius: 10px 10px 0 0;

}

.blog-card.style1 .blog-info {

position: relative;

padding: 30px 25px 25px;

}

.blog-card.style1 .blog-info .blog-date {

position: absolute;

top: -22px;

right: 25px;

font-size: 15px;

background-color: #14467B;

padding: 8px 15px;

border-radius: 5px;

color: #fff;

transition: 0.3s;

}

.blog-card.style1 .blog-info h3,
.blog-card.style1 .blog-info .mh-heading-h3 {

margin-bottom: 15px;

}

.blog-card.style2 {

border-radius: 8px;

position: relative;

}

.blog-card.style2 .blog-img {

position: relative;

}

.blog-card.style2 .blog-img .blog-date {

position: absolute;

top: 25px;

left: 25px;

background-color: #1C2359;

padding: 8px 15px;

color: #fff;

text-align: center;

transition: 0.3s;

}

.blog-card.style2 .blog-img .blog-date span {

display: block;

font-weight: 600;

}

.blog-card.style2 .blog-info {

position: relative;

padding: 25px 25px 22px;

}

.blog-card.style2 .blog-info h3,
.blog-card.style2 .blog-info .mh-heading-h3 {

margin-bottom: 12px;

}

.blog-card.style2 .blog-info p {

margin: 0 0 12px;

}

.blog-card.style3 {

border-radius: 10px;

background-color: #fff;

}

.blog-card.style3 .blog-img {

position: relative;

}

.blog-card.style3 .blog-info {

position: relative;

padding: 25px 25px 25px;

}

.blog-card.style3 .blog-info .blog-date {

position: absolute;

top: -25px;

right: 25px;

font-size: 15px;

background-color: #14467B;

padding: 8px 15px;

color: #fff;

text-align: center;

border-radius: 5px;

transition: 0.3s;

}

.blog-card.style3 .blog-info .blog-date span {

display: block;

font-weight: 600;

}

.blog-card.style3 .blog-info h3,
.blog-card.style3 .blog-info .mh-heading-h3 {

margin-bottom: 12px;

}

.blog-card.style3 .blog-info p {

margin: 0 0 15px;

}

.blog-card:hover .blog-img img {

transform: scale(1.05);

}

.blog-card:hover .blog-info .blog-date {

background-color: #1C2359;

}



.testimonial-slider-one,

.blog-slider-one {

margin: -15px 0;

}

.testimonial-slider-one .blog-card,

.blog-slider-one .blog-card {

margin: 15px 0;

}

.testimonial-slider-one.owl-carousel .owl-nav,

.blog-slider-one.owl-carousel .owl-nav {

position: absolute;

top: -82px;

right: 0;

}

.testimonial-slider-one.owl-carousel .owl-nav button.owl-prev, .testimonial-slider-one.owl-carousel .owl-nav button.owl-next,

.blog-slider-one.owl-carousel .owl-nav button.owl-prev,

.blog-slider-one.owl-carousel .owl-nav button.owl-next {

background-color: #fff;

box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);

}

.testimonial-slider-one.owl-carousel .owl-nav button.owl-prev,

.blog-slider-one.owl-carousel .owl-nav button.owl-prev {

margin-right: 15px;

}



/*-------------------------------

Book Appointment CSS

-------------------------------*/

.book-appointment-form {

box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

padding: 35px 40px 40px;
background: #fff;

}

.book-appointment-form .content-title {

margin-bottom: 20px;

}

.book-appointment-form .radio-btn .form-group {

margin-right: 25px;

margin-bottom: 0;

}

.book-appointment-form .radio-btn .form-group label {

color: #666666;

margin: 0;

font-weight: 400;

}

.book-appointment-form .form-group {

margin-bottom: 25px;

}

.book-appointment-form .form-group p {

color: #000;

font-weight: 500;

}

.book-appointment-form .form-group input, .book-appointment-form .form-group textarea, .book-appointment-form .form-group select {

width: 100%;

border: none;

padding: 15px 18px;

border-radius: 5px;

background-color: transparent;

border: 1px solid rgba(0, 0, 0, 0.1);

}

.book-appointment-form .form-group input::-moz-placeholder, .book-appointment-form .form-group textarea::-moz-placeholder, .book-appointment-form .form-group select::-moz-placeholder {

color: #000;

opacity: 0.7;

}

.book-appointment-form .form-group input::placeholder, .book-appointment-form .form-group textarea::placeholder, .book-appointment-form .form-group select::placeholder {

color: #000;

opacity: 0.7;

}

.book-appointment-form .form-group input[type=date], .book-appointment-form .form-group textarea[type=date], .book-appointment-form .form-group select[type=date] {

cursor: pointer;

opacity: 0.7;

}

.book-appointment-form .form-group input, .book-appointment-form .form-group select {

height: 55px;

}

.book-appointment-form .form-group textarea {

resize: none;

height: 120px;

}

.book-appointment-form .form-group select {

padding: 15px 15px;

opacity: 0.7;

}



[type=radio]:checked,

[type=radio]:not(:checked) {

position: absolute;

left: -9999px;

}



[type=radio]:checked + label,

[type=radio]:not(:checked) + label {

position: relative;

padding-left: 28px;

cursor: pointer;

line-height: 20px;

display: inline-block;

color: #1C2359;

}



[type=radio]:checked + label:before,

[type=radio]:not(:checked) + label:before {

content: "";

position: absolute;

left: 0;

top: 1px;

width: 17px;

height: 17px;

border: 1px solid rgba(0, 0, 0, 0.25);

border-radius: 3px;

background: transparent;

}



[type=radio]:checked + label:after,

[type=radio]:not(:checked) + label:after {

content: "";

width: 16px;

height: 16px;

border-color: transparent;

background: #1C2359;

position: absolute;

top: 2px;

left: 1px;

border-radius: 3px;

transition: all 0.2s ease;

}



[type=radio]:not(:checked) + label:after {

opacity: 0;

transform: scale(0);

}



[type=radio]:checked + label:after {

opacity: 1;

transform: scale(1);

}



/*-------------------------------

Contact CSS

-------------------------------*/

.contact-item {

padding: 25px;

border-radius: 0;

margin: 0 0 25px;

position: relative;

z-index: 1;

border-radius: 5px;

transition: 0.4s;

box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);

height: 100%;

background: #fff2f2;

}

.contact-item .contact-icon {

width: 80px;

height: 80px;

border-radius: 50%;

text-align: center;

background-color: transparent;

border: 1px dashed #1C2359;

transition: 0.4s;

}

.contact-item .contact-icon i {

color: #1C2359;

line-height: 0.8;

font-size: 36px;

position: relative;

transition: 0.34s;

}

.contact-item .contact-info {

width: calc(100% - 100px);

margin-left: 20px;

transition: 0.3s;

}

.contact-item .contact-info h3,
.contact-item .contact-info .mh-heading-h3 {

font-size: 22px;

margin: 0 0 10px;

font-weight: 600;

transition: 0.3s;

}

.contact-item .contact-info a,

.contact-item .contact-info p {

display: block;

margin: 0;

line-height: 1.7;

color: #666666;

transition: 0.3s;

}

.contact-item:hover {

transform: translateY(-5px);

}

.contact-item:hover .contact-icon {

background-color: #14467B;

}

.contact-item:hover .contact-icon i {

color: #fff;

}



.contact-form {

padding: 30px;

box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);

}

.contact-form h3,
.contact-form .mh-heading-h3 {

font-size: 24px;

margin: 0 0 25px;

}



#contactForm .form-group {

margin: 0 0 20px;

}

#contactForm .form-group input,

#contactForm .form-group textarea {

width: 100%;

background: transparent;

border: 1px solid rgba(0, 0, 0, 0.1);

padding: 10px 15px;

border-radius: 5px;

}

#contactForm .form-group input:focus,

#contactForm .form-group textarea:focus {

border: 1px solid rgba(0, 0, 0, 0.09);

}

#contactForm .form-group input {

height: 60px;

}

#contactForm .form-group textarea {

height: 163px;

resize: none;

padding-top: 18px;

}



.comp-map {

height: 577px;

}

.comp-map iframe {

width: 100%;

height: 100%;

}



.contact-content .content-title {

margin-bottom: 30px;

}

.contact-content .social-profile li a {

width: 50px;

height: 50px;

background-color: #f9f9f9;

box-shadow: none;

}

.contact-content .social-profile li a i {

color: #14467B;

font-size: 20px;

}



.btn.disabled {

opacity: 1;

color: #fff;

}



.checkbox {

display: block;

}

.checkbox.form-check {

padding-left: 0;

}

.checkbox input {

padding: 0;

height: initial;

width: initial;

margin-bottom: 0;

display: none;

cursor: pointer;

}

.checkbox label {

position: relative;

cursor: pointer;

padding-left: 20px;

}

.checkbox label:before {

content: "";

-webkit-appearance: none;

-moz-appearance: none;

appearance: none;

background-color: transparent;

border: 1px solid #1C2359;

display: inline-block;

width: 15px;

height: 15px;

position: absolute;

vertical-align: middle;

cursor: pointer;

margin-right: 5px;

position: absolute;

left: 0;

top: 4px;

}

.checkbox a {

color: #1C2359;

}

.checkbox.style2 label:before {

border-radius: 50%;

border-color: #888888;

}



.checkbox input:checked + label:before {

border-color: #1C2359;

}



.checkbox input:checked + label:after {

content: "";

display: block;

position: absolute;

top: 7px;

left: 3px;

width: 9px;

height: 9px;

border: none;

background: #1C2359;

}



.checkbox.style2 input:checked + label:after {

content: "";

display: block;

position: absolute;

top: 8px;

left: 3px;

width: 9px;

height: 9px;

border: none;

background: #1C2359;

}



/*-------------------------------

Blog Details CSS

--------------------------------*/

article p,

.service-desc p,

.terms-wrap p {

margin-bottom: 20px;

}

article p strong,

.service-desc p strong,

.terms-wrap p strong {

color: #666666;

}

article p a,

.service-desc p a,

.terms-wrap p a {

color: #ED3237;

}

article p a:hover,

.service-desc p a:hover,

.terms-wrap p a:hover {

text-decoration: underline;

color: #1C2359;

}

article h1,

.service-desc h1,

.terms-wrap h1 {

font-size: 32px;

margin-bottom: 15px;

}

article h2,

.service-desc h2,

.terms-wrap h2,
article .mh-heading-h2,
.service-desc .mh-heading-h2,
.terms-wrap .mh-heading-h2 {

font-size: 30px;

margin-bottom: 15px;

}

article h3,

.service-desc h3,

.terms-wrap h3,
article .mh-heading-h3,
.service-desc .mh-heading-h3,
.terms-wrap .mh-heading-h3 {

font-size: 28px;

margin-bottom: 15px;

}

article h4,

.service-desc h4,

.terms-wrap h4,
article .mh-heading-h4,
.service-desc .mh-heading-h4,
.terms-wrap .mh-heading-h4 {

font-size: 26px;

margin-bottom: 15px;

}

article h5,

.service-desc h5,

.terms-wrap h5 {

font-size: 24px;

margin-bottom: 15px;

}

article h6,

.service-desc h6,

.terms-wrap h6,
article .mh-heading-h6,
.service-desc .mh-heading-h6,
.terms-wrap .mh-heading-h6 {

font-size: 22px;

margin-bottom: 15px;

}

article ol,

.service-desc ol,

.terms-wrap ol {

margin-top: 20px;

margin-bottom: 30px;

}

article ol li,

.service-desc ol li,

.terms-wrap ol li {

margin-bottom: 15px;

color: #666666;

padding-left: 3px;

}

article .content-feature-list,

.service-desc .content-feature-list,

.terms-wrap .content-feature-list {

margin: 25px 0 25px;

}



article {

margin-bottom: 25px;

/*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/

}



.post-metainfo {

margin-bottom: 13px;

}

.post-metainfo li {

display: inline-block;

position: relative;

padding-left: 20px;

margin-right: 20px;

font-size: 15px;

transition: 0.3s;

}

.post-metainfo li:after {

position: absolute;

top: -1px;

right: -15px;

content: "/";

font-size: 16px;

color: #666666;

}

.post-metainfo li:last-child {

margin-right: 0;

}

.post-metainfo li:last-child:after {

display: none;

}

.post-metainfo li a {

font-size: 13px;

color: #666666;

transition: 0.3s;

}

.post-metainfo li a:hover {

color: #1C2359;

}

.post-metainfo li i {

position: absolute;

top: 5px;

left: 0;

font-size: 16px;

line-height: 0.8;

color: #1C2359;

transition: 0.3s;

}



.post-img {

position: relative;

margin: 0 0 25px;

display: block;

border-radius: 10px;

}

.post-img img {

border-radius: 10px;

}



.wp-block-quote {

position: relative;

padding: 35px 35px 35px;

box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);

margin: 30px 0 30px;

z-index: 1;

}

.wp-block-quote p {

width: calc(100% - 90px);

font-weight: 500;

color: #000;

font-size: 18px;

font-weight: 500;

margin: 0 0 0 20px;

text-align: left;

}

.wp-block-quote .wp-quote-icon {

width: 70px;

}

.wp-block-quote .wp-quote-icon i {

color: #1C2359;

font-size: 65px;

line-height: 0.8;

}



.post-meta-option {

margin-bottom: 25px;

box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

padding: 25px;

border-radius: 5px;

}



.post-tag ul {

display: inline-block;

}

.post-tag ul li {

display: inline-block;

}

.post-tag ul li a {

color: #555;

font-size: 16px;

border-radius: 3px;

}

.post-tag ul li a:hover {

color: #000;

}

.post-tag span {

margin-right: 10px;

font-weight: 500;

color: #000;

}

.post-tag span i {

position: relative;

top: 3px;

color: #1C2359;

margin-right: 3px;

}



.post-share {

display: inline-block;

}

.post-share span {

font-weight: 500;

color: #000;

}

.post-share ul {

display: inline-block;

margin-left: 5px;

position: relative;

top: 2px;

}

.post-share ul li a {

border: 1px solid #1C2359;

box-shadow: none;

}

.post-share ul li a:hover {

border-color: transparent;

}



.post-author {

padding: 25px;

margin: 15px 0 30px;

border-radius: 5px;

box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);

}

.post-author .post-author-img {

width: 150px;

height: 150px;

border-radius: 50%;

}

.post-author .post-author-img img {

border-radius: 50%;

}

.post-author .post-author-info {

width: calc(100% - 175px);

margin-left: 25px;

}

.post-author .post-author-info h4,
.post-author .post-author-info .mh-heading-h4 {

font-size: 22px;

font-weight: 600;

line-height: 1;

margin-bottom: 15px;

}

.post-author .post-author-info p {

margin: 0 0 15px;

}



.comment-item-wrap .comment-item {

padding: 0 0 25px 0;

margin-bottom: 25px;

border-radius: 5px;

border-bottom: 1px solid rgba(0, 0, 0, 0.09);

}

.comment-item-wrap .comment-item.reply {

margin-left: 40px;

}

.comment-item-wrap .comment-item:last-child {

margin-bottom: 0;

}

.comment-item-wrap .comment-item .comment-author-img {

width: 100px;

height: 100px;

border-radius: 50%;

position: relative;

top: 4px;

}

.comment-item-wrap .comment-item .comment-author-img img {

border-radius: 50%;

}

.comment-item-wrap .comment-item .comment-author-wrap {

width: calc(100% - 120px);

margin-left: 20px;

}

.comment-item-wrap .comment-item .comment-author-wrap .comment-author-name {

margin: 0 0 9px;

}

.comment-item-wrap .comment-item .comment-author-wrap .comment-author-name h5 {

line-height: 1;

margin: 0 20px 0 0;

font-size: 18px;

font-weight: 700;

display: inline-block;

}

.comment-item-wrap .comment-item .comment-author-wrap .comment-author-name .comment-date {

display: block;

font-size: 14px;

font-family: "Roboto", sans-serif;

font-weight: 400;

line-height: 1;

color: #666666;

margin-top: 12px;

}

.comment-item-wrap .comment-item .comment-author-wrap .comment-text {

margin: 0 0 10px;

}

.comment-item-wrap .comment-item .comment-author-wrap .comment-text p {

margin: 0 0 5px;

}

.comment-item-wrap .reply-btn {

display: inline-block;

line-height: 1;

font-weight: 500;

color: #1C2359;

font-size: 15px;

transition: 0.3s;

}

.comment-item-wrap .reply-btn:hover {

color: #14467B;

}



.comment-box-title h4,
.comment-box-title .mh-heading-h4 {

margin-bottom: 0;

line-height: 1;

}

.comment-box-title p {

margin-top: 10px;

margin-bottom: 0;

}



#cmt-form {

margin-top: 35px;

box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

padding: 25px;

}

#cmt-form .comment-form .form-group {

margin: 0 0 20px;

position: relative;

}

#cmt-form .comment-form .form-group > label {

font-weight: 500;

display: block;

margin: 0 0 5px;

padding-left: 0;

}

#cmt-form .comment-form .form-group input,

#cmt-form .comment-form .form-group textarea {

width: 100%;

background-color: transparent;

border: 1px solid rgba(0, 0, 0, 0.1);

border-radius: 5px;

padding: 15px;

color: #000;

}

#cmt-form .comment-form .form-group input:focus,

#cmt-form .comment-form .form-group textarea:focus {

box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

#cmt-form .comment-form .form-group input {

height: 60px;

}

#cmt-form .comment-form .form-group textarea {

height: 145px;

resize: none;

}

#cmt-form .comment-form .form-check {

margin-bottom: 25px;

}



.post-cat-title {

font-size: 24px;

font-weight: 500;

margin-bottom: 25px;

}

.post-cat-title span {

font-weight: 600;

color: #1C2359;

}



.post-cat-title {

font-size: 24px;

line-height: 1;

font-weight: 500;

margin-bottom: 25px;

}

.post-cat-title span {

font-weight: 600;

color: #1C2359;

}



.owl-carousel .owl-nav, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .social-profile.style1 li a, .social-profile.style2 li a, .header-wrap .header-top .header-top-left, .header-wrap .header-top .header-top-left .contact-info, .header-wrap .header-top .header-top-left .contact-info li, .header-wrap .header-top .header-top-left .contact-info li span, .header-wrap .header-top .header-top-right, .select-lang .navbar-language .dropdown-toggle, .content-feature-list.style1 li span, .portfolio-info-widget .portfolio-info-item-wrap .portfolio-info-item, .pp-post-item, .hero-wrap .hero-content .hero-btn .play-video, .hero-wrap .hero-content .hero-btn .play-video .video-icon, .hero-wrap.style1 .hero-slide-item .hero-img-wrap .promo-box span, .hero-wrap.style2 .hero-content .hero-btn, .hero-wrap.style3 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style5 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style3 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style5 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style3 .hero-slide-item .hero-content .hero-btn .play-video .video-icon, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .play-video .video-icon, .hero-wrap.style5 .hero-slide-item .hero-content .hero-btn .play-video .video-icon, .hero-wrap.style6 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style6 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style6 .hero-slide-item .hero-content .hero-btn .play-video .video-icon, .about-wrap.style1 .about-content .ceo-msg, .about-wrap.style3 .about-img-wrap .about-promo-box, .about-doctor-box, .feature-item-wrap .feature-item, .feature-item-wrap .feature-item .feature-icon, .service-card .service-img .service-icon, .service-card.style4 .service-icon, .counter-card-wrap, .counter-card-wrap .counter-card, .counter-card-wrap .counter-card .counter-icon, .promo-card, .testimonial-card .client-info-area, .testimonial-card .client-info-area .client-info-wrap, .testimonial-slider-two.owl-carousel .owl-dots, .testimonial-slider-two.owl-carousel.style2 .owl-dots, .cta-content, .pricing-card .pricing-header, .book-appointment-form .radio-btn, .contact-item, .contact-item .contact-icon, .wp-block-quote, .post-author, .comment-item-wrap .comment-item {

display: flex;

flex-wrap: wrap;

}



.header-wrap .header-top .header-top-left, .header-wrap .header-top .header-top-left .contact-info, .header-wrap .header-top .header-top-left .contact-info li, .header-wrap .header-top .header-top-right, .select-lang .navbar-language .dropdown-toggle, .portfolio-info-widget .portfolio-info-item-wrap .portfolio-info-item, .hero-wrap .hero-content .hero-btn .play-video, .hero-wrap.style2 .hero-content .hero-btn, .hero-wrap.style3 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style5 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style3 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style5 .hero-slide-item .hero-content .hero-btn .play-video, .hero-wrap.style6 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style6 .hero-slide-item .hero-content .hero-btn .play-video, .about-wrap.style1 .about-content .ceo-msg, .about-wrap.style3 .about-img-wrap .about-promo-box, .about-doctor-box, .counter-card-wrap .counter-card, .testimonial-card .client-info-area, .testimonial-card .client-info-area .client-info-wrap, .cta-content, .pricing-card .pricing-header, .book-appointment-form .radio-btn, .contact-item, .wp-block-quote {

-webkit-box-align: center;

-ms-flex-align: center;

-ms-grid-row-align: center;

align-items: center;

}



/*---------------------------------

Footer CSS 

-----------------------------------*/

.footer-wrap {

position: relative;

background:linear-gradient(276deg, #1C2359 2.84%, #2A6191 95.71%);

}

.footer-wrap .footer-widget {

margin-bottom: 25px;

}

.footer-wrap .footer-widget .footer-widget-title {

position: relative;

font-size: 22px;

font-weight: 700;

color: #fff;

margin-bottom: 25px;

padding-bottom: 20px;

}

.footer-wrap .footer-widget .footer-widget-title:before {

position: absolute;

bottom: 0px;

left: 0;

content: "";

width: 100px;

height: 2px;

background-color: rgba(255, 255, 255, 0.45);

}

.footer-wrap .footer-widget .footer-widget-title:after {

position: absolute;

bottom: 0;

left: 0;

content: "";

width: 35px;

height: 2px;

background-color: #fff;

}

.footer-wrap .footer-widget .footer-logo {

display: block;

}

.footer-wrap .footer-widget .footer-logo img{



max-width: 150px;

}

.footer-wrap .footer-widget .comp-desc {

color: rgba(255, 255, 255, 0.8);

margin: 28px 0 25px;

padding-right: 10px;

}

.footer-wrap .footer-widget .social-profile li a {

color: #fff;

font-size: 18px;

}

.footer-wrap .footer-widget .social-profile li a i {

position: relative;

top: -1px;

}

.footer-wrap .footer-widget .social-profile li a:hover {

transform: translateY(-2px);

}

.footer-wrap .footer-widget .footer-menu li {

margin-bottom: 15px;

}

.footer-wrap .footer-widget .footer-menu li:last-child {

margin-bottom: 0;

}

.footer-wrap .footer-widget .footer-menu li a {

color: rgba(255, 255, 255, 0.8);

position: relative;

padding-left: 15px;

}

.footer-wrap .footer-widget .footer-menu li a i {

display: inline-block;

position: absolute;

left: -3px;

top: -3px;

transition: 0.4s;

}

/*.footer-wrap .footer-widget .footer-menu li a:after {

position: absolute;

bottom: -2px;

left: 0;

content: "";

width: 0;

height: 1px;

background-color: #1C2359;

visibility: hidden;

opacity: 0;

transition: 0.4s;

}*/

.footer-wrap .footer-widget .footer-menu li a:hover {

color: #ed3237;

}

.footer-wrap .footer-widget .footer-menu li a:hover:after {

width: 100%;

visibility: visible;

opacity: 1;

}

.footer-wrap .footer-widget .footer-menu li a:hover i {

color: #ed3237;

}

.footer-wrap .footer-widget .contact-info li {

position: relative;

padding-left: 25px;

margin-bottom: 15px;

}

.footer-wrap .footer-widget .contact-info li:last-child {

margin-bottom: 0;

}

.footer-wrap .footer-widget .contact-info li h6,
.footer-wrap .footer-widget .contact-info li .mh-heading-h6 {

color: #fff;

font-weight: 500;

margin: 0 0 5px;

}

.footer-wrap .footer-widget .contact-info li i {

position: absolute;

top: 3px;

left: 0;

font-size: 16px;

line-height: 1;

color: #fff;

}

.footer-wrap .footer-widget .contact-info li p, .footer-wrap .footer-widget .contact-info li a {

color: rgba(255, 255, 255, 0.8);

margin-bottom: 0;

transition: 0.3s;

}

.footer-wrap .footer-widget .contact-info li:hover p, .footer-wrap .footer-widget .contact-info li:hover a {

color: #ed3237;

}



.copyright-text {

color: #fff;

font-size: 14px;

}

.copyright-text i {

position: relative;

top: -1px;

margin-right: 2px;

}

.copyright-text span {

color: #fff;

}

.copyright-text a {

color: #ed3237;

font-weight: 500;

}

.copyright-text a:hover {

text-decoration: underline;

}



@media only screen and (max-width: 767px) {

.footer-wrap .footer-widget .footer-widget-title {

font-size: 20px;

margin-bottom: 18px;

padding-bottom: 10px;

}

.footer-wrap .footer-widget .comp-desc {

font-size: 14px;

padding-right: 10px;

margin: 20px 0 15px;

}

.footer-wrap .footer-widget .social-profile li a {

width: 30px;

height: 30px;

}

.footer-wrap .footer-widget .social-profile li a i {

font-size: 14px;

}

.footer-wrap .footer-widget .contact-info li {

margin-bottom: 8px;

}

.footer-wrap .footer-widget .contact-info p, .footer-wrap .footer-widget .contact-info a {

font-size: 14px;

}

.footer-wrap .footer-widget .footer-menu li {

margin-bottom: 8px;

}

.footer-wrap .footer-widget .footer-menu li a {

font-size: 14px;

}

.footer-wrap .footer-widget .footer-menu li a i {

font-size: 8px;

top: -3px;

}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

.footer-wrap .footer-widget .footer-widget-title {

font-size: 22px;

}

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

.footer-wrap .footer-widget .comp-desc {

padding-right: 20px;

}

}

@media only screen and (max-width: 1199px) {

.footer-wrap .footer-top .footer-widget .footer-widget-title {

margin-bottom: 18px;

}

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

.footer-menu li a,

.comp-desc,

.footer-wrap .footer-widget .contact-info li p,

.footer-wrap .footer-widget .contact-info li a {

font-size: 15px;

}

.footer-wrap .footer-widget .footer-widget-title {

font-size: 20px;

}

}

@media only screen and (min-width: 1400px) {

.footer-wrap .footer-widget .comp-desc {

padding-right: 20px;

}

}

/*-------------------------------

Buy Now Btn

-------------------------------*/

.buy-now-btn {

right: 20px;

z-index: 99;

top: 50%;

position: fixed;

transform: translateY(-50%);

border-radius: 30px;

display: inline-block;

color: #fff;

background-color: #82b440;

padding: 10px 20px 10px 42px;

box-shadow: 0 1px 20px 1px #82b440;

font-size: 15px;

font-weight: 600;

}

.buy-now-btn img {

top: 50%;

left: 20px;

width: 15px;

position: absolute;

transform: translateY(-50%);

}

.buy-now-btn:hover {

color: #fff;

background-color: #94be5d;

}



@media only screen and (max-width: 767px) {

.buy-now-btn {

right: 10px;

padding: 8px 15px 8px 35px;

font-size: 14px;

font-weight: 600;

}

.buy-now-btn img {

left: 15px;

width: 12px;

}

}/*# sourceMappingURL=style.css.map */



/* akash */







.hero-wraper-new .hero-content h4,
.hero-wraper-new .hero-content .mh-heading-h4 {

color: #1C2359!important;

font-weight: 600;

/*text-shadow: #00000068 1px 0 10px;*/

}

/* .hero-wraper-new .hero-content p{

color: #fff!important;

}*/

.navbar-brand img {

max-width: 150px;

}

.promo-wrap .btn.style2 {

background: linear-gradient(45deg, #ED3237 8%, #FF6B6F 100%);

color: #fff;

border-radius: 5px;

}



.bg-light-pink{

background: #FFEEEE;

}





.audiology-about-products {

--audiology-blue: #1C2359;

--audiology-red: #ED3237;

--audiology-bg: linear-gradient(98.37deg, #EFEAFF 3.57%, #FFE4EA 99.75%);



position: relative;

overflow: hidden;



min-height: 570px;

background: var(--audiology-bg);

}

.audiology-about-products  .owl-dots{

display: none;

}



/* =========================================================

BACKGROUND AUDIO WAVES

========================================================= */



.audiology-about-products__wave {

position: absolute;

z-index: 0;



width: 850px;

height: 850px;



border: 1px solid rgba(28, 35, 89, 0.09);

border-radius: 50%;



left: 42%;

top: 50%;



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



pointer-events: none;

}



.audiology-about-products__wave--one {

animation: audiologyWaveOne 7s ease-in-out infinite;

}



.audiology-about-products__wave--two {

width: 650px;

height: 650px;



border-color: rgba(237, 50, 55, 0.09);



animation: audiologyWaveTwo 6s ease-in-out infinite;

}



.audiology-about-products__wave--three {

width: 450px;

height: 450px;



border-color: rgba(28, 35, 89, 0.12);



animation: audiologyWaveThree 5s ease-in-out infinite;

}





@keyframes audiologyWaveOne {



0%,

100% {

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

opacity: .35;

}



50% {

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

opacity: .8;

}



}





@keyframes audiologyWaveTwo {



0%,

100% {

transform: translate(-50%, -50%) scale(.90);

opacity: .3;

}



50% {

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

opacity: .7;

}



}





@keyframes audiologyWaveThree {



0%,

100% {

transform: translate(-50%, -50%) scale(.9);

}



50% {

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

}



}





/* =========================================================

CONTENT

========================================================= */



.audiology-about-products .container-fluid {

position: relative;

z-index: 2;



padding-left: 40px;

padding-right: 40px;

}







/* =========================================================

SLIDER

========================================================= */



.audiology-about-products__slider-wrap {

position: relative;



padding: 20px 0 55px;

}





.audiology-about-products__slider {

position: relative;

}





.audiology-about-products__slider .owl-stage {

display: flex;

align-items: stretch;

}





.audiology-about-products__slider .owl-item {

display: flex;

}





/* =========================================================

PRODUCT CARD

========================================================= */



.audiology-product-card {

position: relative;



width: 100%;



padding: 10px 20px;



text-align: center;

}





.audiology-product-card__image-wrap {

position: relative;



display: flex;

align-items: center;

justify-content: center;



height: 270px;



perspective: 1000px;

}





/* PRODUCT GLOW */



.audiology-product-card__glow {

position: absolute;



width: 190px;

height: 100px;



bottom: 32px;



/*background: rgba(28, 35, 89, .13);*/



filter: blur(30px);



border-radius: 50%;



transition: all .5s ease;

}





/* PRODUCT IMAGE */



.audiology-product-card__image {

position: relative;

z-index: 2;



width: 300px !important;

height: 310px;



object-fit: contain;



border-radius: 20px;



mix-blend-mode: multiply;



/*  filter:

drop-shadow(0 18px 18px rgba(28, 35, 89, .16));*/



transform:

perspective(800px)

rotateY(-8deg)

translateY(0);



transition:

transform .55s cubic-bezier(.2,.8,.2,1),

filter .55s ease;

}





/* 3D HOVER */



.audiology-product-card:hover .audiology-product-card__image {

transform:

perspective(800px)

rotateY(8deg)

rotateX(3deg)

translateY(-12px)

scale(1.05);



/*   filter:

drop-shadow(0 28px 25px rgba(28, 35, 89, .22));*/

}





.audiology-product-card:hover .audiology-product-card__glow {

width: 220px;

opacity: .8;

}







.audiology-product-card h3,
.audiology-product-card .mh-heading-h3 {

margin: 15px 0 7px;



color: #1C2359;



font-size:18px;

line-height: 1.2;

font-weight: 500;

}





.audiology-product-card p {

max-width: 250px;



margin: 0 auto 15px;



}





/* PRODUCT LINK */



.audiology-product-card__link {

display: inline-flex;

align-items: center;

gap: 7px;



color: var(--audiology-red);



font-size: 16px;

font-weight: 500;



text-decoration: none;



transition: all .3s ease;

}





.audiology-product-card__link i {

transition: transform .3s ease;

}





.audiology-product-card__link:hover {

color: var(--audiology-red);

}





.audiology-product-card__link:hover i {

transform: translateX(5px);

}





/* =========================================================

OWL ARROWS

========================================================= */



.audiology-about-products__slider .owl-nav {

position: absolute;



top: 43%;

left: -10px;

right: -10px;



display: flex;



justify-content: space-between;



margin: 0;



pointer-events: none;

}





.audiology-about-products__slider .owl-nav button.owl-prev,

.audiology-about-products__slider .owl-nav button.owl-next {

display: flex;



align-items: center;

justify-content: center;



width: 48px;

height: 48px;



margin: 0;



color: #fff !important;



background: var(--audiology-blue) !important;



border-radius: 50%;



font-size: 25px !important;



box-shadow: 0 8px 20px rgba(28, 35, 89, .18);



pointer-events: auto;



transition: all .3s ease;

}





.audiology-about-products__slider .owl-nav button:hover {

background: var(--audiology-red) !important;



transform: scale(1.08);

}





.audiology-about-products__slider .owl-nav button span {

line-height: 1;

}





/* =========================================================

DOTS

========================================================= */



.audiology-about-products__slider .owl-dots {

margin-top: 20px;

}





.audiology-about-products__slider .owl-dot span {

width: 7px;

height: 7px;



background: rgba(28, 35, 89, .25) !important;



transition: all .3s ease;

}





.audiology-about-products__slider .owl-dot.active span {

width: 25px;



background: var(--audiology-red) !important;

}





/* =========================================================

FLOATING PRODUCT ANIMATION

========================================================= */



.audiology-product-card__image {

animation: audiologyProductFloat 4s ease-in-out infinite;

}





@keyframes audiologyProductFloat {



0%,

100% {

transform:

perspective(800px)

rotateY(-8deg)

translateY(0);

}



50% {

transform:

perspective(800px)

rotateY(-4deg)

translateY(-9px);

}



}





/* =========================================================

TABLET

========================================================= */



@media (max-width: 1199px) {



.audiology-about-products__title {

font-size: 48px;

}



.audiology-product-card__image {

width: 180px !important;

}



.audiology-product-card__image-wrap {

height: 230px;

}



}





/* =========================================================

MOBILE

========================================================= */



@media (max-width: 991px) {



.audiology-about-products {

padding: 60px 0;

}



.audiology-about-products .container-fluid {

padding-left: 20px;

padding-right: 20px;

}



.audiology-about-products__content {

max-width: 700px;



margin: 0 auto 35px;



padding: 0 10px;



text-align: center;

}



.audiology-about-products__eyebrow {

justify-content: center;

}



.audiology-about-products__description {

margin-left: auto;

margin-right: auto;

}



.audiology-about-products__slider-wrap {

padding-left: 25px;

padding-right: 25px;

}



}





/* =========================================================

SMALL MOBILE

========================================================= */



@media (max-width: 575px) {



.audiology-about-products {

min-height: auto;



padding: 50px 0;

}



.audiology-about-products__title {

font-size: 37px;



letter-spacing: -1px;

}



.audiology-about-products__description {

font-size: 14px;

}



.audiology-product-card__image-wrap {

height: 230px;

}


.audiology-about-products__slider .owl-nav {

left: -3px;

right: -3px;

}



.audiology-about-products__slider .owl-nav button.owl-prev,

.audiology-about-products__slider .owl-nav button.owl-next {

width: 40px;

height: 40px;



font-size: 21px !important;

}



}



@media (prefers-reduced-motion: reduce) {



.audiology-about-products__wave,

.audiology-product-card__image {

animation: none;

}



}

.why-wrapper h4,
.why-wrapper .mh-heading-h4 {

color: #fff;

font-size: 18px;

}

.why-wrapper .feature-item-wrap .feature-item .feature-icon{

height: 30px;

width: 30px;

background: #ED3237!important;

}

.why-wrapper  .feature-item-wrap .feature-item .feature-icon i {

font-size: 16px;}





.btn-light-red{

background: #ED3237!important;

}

.btn-light-red-new{

color: #ED3237!important;

}



/*.about-wrap{

background-image: url(../img/bg-wave-element.png);

background-size: cover;



}*/


.highligh-txt{

color: #FF6666!important;

}

.section-title.style1 .about-eyebrow {

display: inline-flex;

gap: 9px;

line-height: 1;



}



.section-title.style1 .about-ecg-icon {

width: 30px;

height: 15px;

flex-shrink: 0;

color: #ED3237;

display: block;

}

.client-info h3,
.client-info .mh-heading-h3 {

font-size: 20px!important;

font-weight: 600!important;

}



/* =========================================================

PATIENT TRUST SECTION

Scoped inside .patient-trust-wrap

========================================================= */



.patient-trust-wrap {

width: 100%;

margin: 0;

padding: 0;

}



.patient-trust-wrap .patient-trust-inner {

display: flex;

align-items: center;

gap: 18px;

}



/* Avatar Group */

.patient-trust-wrap .patient-avatar-group {

display: flex;

align-items: center;

position: relative;

height: 58px;

padding-left: 0;

}



/* Individual Avatar */

.patient-trust-wrap .patient-avatar {

width: 58px;

height: 58px;

min-width: 58px;

border-radius: 50%;

overflow: hidden;

position: relative;

border: 3px solid #ffffff;

background: #eeeeee;

box-sizing: border-box;

}



.patient-trust-wrap .patient-avatar img {

width: 100%;

height: 100%;

display: block;

object-fit: cover;

}



/* Overlapping Position */

.patient-trust-wrap .patient-avatar + .patient-avatar {

margin-left: -12px;

}



/* First Avatar */

.patient-trust-wrap .patient-avatar-1 {

z-index: 4;

}



/* Second Avatar */

.patient-trust-wrap .patient-avatar-2 {

z-index: 3;

}



/* Third Avatar */

.patient-trust-wrap .patient-avatar-3 {

z-index: 2;

}



/* 12K+ Circle */

.patient-trust-wrap .patient-count-circle {

width: 50px;

height: 50px;

min-width: 50px;

margin-left: -12px;

border-radius: 50%;

background: #1C2359;

border: 3px solid #1C2359;



display: flex;

align-items: center;

justify-content: center;



position: relative;

z-index: 5;

box-sizing: border-box;

}



.patient-trust-wrap .patient-count-circle span {

color: #ffffff;

font-size: 14px;

line-height: 1;

font-weight: 700;

white-space: nowrap;

}



/* Text Area */

.patient-trust-wrap .patient-trust-content {

display: flex;

flex-direction: column;

justify-content: center;

line-height: 1.15;

}



.patient-trust-wrap .patient-trust-content strong {

color: #171717;

font-size: 18px;

line-height: 1.2;

font-weight: 700;

margin: 0;

padding: 0;

white-space: nowrap;

}



.patient-trust-wrap .patient-trust-content span {

color: #777777;

font-size: 16px;

line-height: 1.25;

font-weight: 400;

margin-top: 2px;

white-space: nowrap;

}





/* =========================================================

RESPONSIVE

========================================================= */



@media (max-width: 575.98px) {



.patient-trust-wrap .patient-trust-inner {

gap: 12px;

}



.patient-trust-wrap .patient-avatar-group {

height: 50px;

}



.patient-trust-wrap .patient-avatar,

.patient-trust-wrap .patient-count-circle {

width: 50px;

height: 50px;

min-width: 50px;

}



.patient-trust-wrap .patient-avatar + .patient-avatar {

margin-left: -10px;

}



.patient-trust-wrap .patient-count-circle {

margin-left: -10px;

}



.patient-trust-wrap .patient-count-circle span {

font-size: 12px;

}



.patient-trust-wrap .patient-trust-content strong {

font-size: 15px;

}



.patient-trust-wrap .patient-trust-content span {

font-size: 13px;

}

}

.muskan-stat-section {

width: 100%;

}



.muskan-stat-section .row {

margin: 0;

}



.muskan-stat-image {

height: 400px;



border-radius: 22px;

}



.muskan-stat-image img {

width: 100%;

height: 100%;

object-fit: cover;

display: block;

border-radius: 22px;

}



.muskan-stat-box {

height: 165px;

border-radius: 22px;

padding: 25px;

display: flex;

align-items: center;

gap: 18px;

background: #fff2f2;

}





.muskan-stat-blue,

.muskan-stat-pink {

background: #fff2f2;

}



.muskan-stat-icon {

width: 55px;

height: 55px;

min-width: 55px;

border-radius: 50%;

background: #fff;

display: flex;

align-items: center;

justify-content: center;

color: #202c68;

font-size: 24px;

}



.muskan-stat-box h3,
.muskan-stat-box .mh-heading-h3 {

margin: 0;

color: #17245c;

font-size: 30px;

font-weight: 700;

line-height: 1;

}



.muskan-stat-box p {

margin: 7px 0 0;

color: #697080;

font-size: 15px;

line-height: 1.3;

}





/* Tablet */

@media (max-width: 991px) {

.muskan-stat-image,

.muskan-stat-box {

height: 230px;

}

}





/* Mobile */

@media (max-width: 575px) {



.muskan-stat-section .row {

margin: 0 -6px;

}



.muskan-stat-section .col-6 {

padding: 6px;

}



.muskan-stat-image,

.muskan-stat-box {

height: 190px;

}



.muskan-stat-box {

padding: 15px;

gap: 10px;

}



.muskan-stat-icon {

width: 45px;

height: 45px;

min-width: 45px;

font-size: 20px;

}



.muskan-stat-box h3,
.muskan-stat-box .mh-heading-h3 {

font-size: 23px;

}



.muskan-stat-box p {

font-size: 13px;

}

}

.about-wrap h4,
.about-wrap .mh-heading-h4 {

font-size: 16px;

}

.about-wrap .feature-item-wrap .feature-item .feature-icon{

height: 30px;

width: 30px;

background:#ffd3d4 !important;

}

.about-wrap  .feature-item-wrap .feature-item .feature-icon i {

font-size: 16px; color: #ED3237;}

.service-wrap.style3::after{

background: none;

}

/* ==============================

MUSKAN AUDIOLOGY LOADER

============================== */



.loader.js-preloader {

position: fixed;

inset: 0;

z-index: 999999;

background: #fff;

display: flex;

align-items: center;

justify-content: center;

}



.muskan-audio-loader {

position: relative;

width: 150px;

height: 145px;

text-align: center;

}





/* EAR */



.muskan-ear {

width: 65px;

height: 65px;

margin: 10px auto 0;

display: flex;

align-items: center;

justify-content: center;

position: relative;

z-index: 2;

animation: earPulse 1.2s ease-in-out infinite;

}



.muskan-ear i {

font-size: 62px;

color: #1c2d68;

}





/* SOUND WAVES */



.muskan-audio-waves {

position: absolute;

width: 80px;

height: 65px;

left: 82px;

top: 10px;

}



.muskan-audio-waves span {

position: absolute;

top: 50%;

right: 0;



border: 3px solid #ed3237;

border-left: 0;

border-top-color: transparent;

border-bottom-color: transparent;

border-radius: 0 50% 50% 0;



opacity: 0;

animation: soundWave 1.5s ease-out infinite;

}



.muskan-audio-waves span:nth-child(1) {

width: 18px;

height: 28px;

animation-delay: 0s;

}



.muskan-audio-waves span:nth-child(2) {

width: 36px;

height: 45px;

animation-delay: .25s;

}



.muskan-audio-waves span:nth-child(3) {

width: 55px;

height: 62px;

animation-delay: .5s;

}





/* LOADING TEXT */



.muskan-loading-text {

margin-top: 22px;

color: #1c2d68;

font-size: 15px;

font-weight: 600;

letter-spacing: 1px;

}



.muskan-loading-text span {

display: inline-block;

width: 18px;

text-align: left;

animation: loadingDots 1.2s infinite;

}





/* EAR ANIMATION */



@keyframes earPulse {



0%,

100% {

transform: scale(1);

}



50% {

transform: scale(1.08);

}

}





/* SOUND WAVE */



@keyframes soundWave {



0% {

opacity: 0;

transform: translateX(-8px) scale(.7);

}



25% {

opacity: 1;

}



100% {

opacity: 0;

transform: translateX(8px) scale(1);

}

}





/* LOADING DOTS */



@keyframes loadingDots {



0%,

20% {

opacity: 0;

}



40% {

opacity: 1;

}



60% {

opacity: .3;

}



80%,

100% {

opacity: 1;

}

}







.signia-trusted-section {

position: relative;

overflow: hidden;

min-height: 589px;

display: flex;

align-items: center;



}



/* Main Bootstrap row */

.signia-trusted-section .signia-trusted-row {

position: relative;

z-index: 5;

}







.signia-trusted-section .signia-logo-area {

position: relative;

min-height: 450px;

display: flex;

align-items: center;

justify-content: center;

}



/* Signia logo */

.signia-trusted-section .signia-logo-wrap {

position: relative;

z-index: 3;

width: 300px;

height: 300px;

display: flex;

align-items: center;

justify-content: center;

}



.signia-trusted-section .signia-logo {

display: block;

width: 100%;

height: 100%;

object-fit: contain;

}



/* Wave below Signia logo */

.signia-trusted-section .signia-wave-img {

position: absolute;

z-index: 2;

width: 600px;

max-width: none;

height: auto;

left: 50%;

bottom: 10px;

transform: translateX(-50%);

pointer-events: none;

}







@media (max-width: 991.98px) {



.signia-trusted-section {

min-height: auto;

padding: 70px 0;

}



.signia-trusted-section .signia-logo-area {

min-height: 390px;

}



.signia-trusted-section .signia-logo-wrap {

width: 250px;

height: 250px;

}



.signia-trusted-section .signia-wave-img {

width: 500px;

bottom: 15px;

}





}



/* =========================================================

MOBILE

========================================================= */



@media (max-width: 767.98px) {



.signia-trusted-section {

min-height: auto;

padding: 55px 0 65px;

}



.signia-trusted-section .signia-trusted-row {

flex-direction: column;

}



/* Logo */

.signia-trusted-section .signia-logo-area {

width: 100%;

min-height: 320px;

margin-bottom: 15px;

}



.signia-trusted-section .signia-logo-wrap {

width: 210px;

height: 210px;

}



.signia-trusted-section .signia-wave-img {

width: 430px;

max-width: none;

bottom: 10px;

}





}



/* =========================================================

SMALL MOBILE

========================================================= */



@media (max-width: 575.98px) {



.signia-trusted-section {

padding: 45px 0 55px;

}



.signia-trusted-section .signia-logo-area {

min-height: 285px;

}



.signia-trusted-section .signia-logo-wrap {

width: 185px;

height: 185px;

}



.signia-trusted-section .signia-wave-img {

width: 390px;

bottom: 5px;

}





}

.promo-wrap.style3{

background:  linear-gradient(98.37deg, #EFEAFF 3.57%, #FFE4EA 99.75%);

}

.audiology-fixed-cta {

position: fixed !important;

left: 20px !important;

bottom: 20px !important;

z-index: 9 !important;

display: flex;

flex-direction: column;

gap: 10px;

margin: 0 !important;

padding: 0 !important;

pointer-events: none;

}

.audiology-fixed-cta .audiology-cta {

width: 54px;

height: 54px;

display: flex;

align-items: center;

overflow: hidden;

border-radius: 50px;

text-decoration: none;

pointer-events: auto;

box-sizing: border-box;

box-shadow: 0 7px 22px rgba(28, 35, 89, 0.13);

transition: width 0.9s cubic-bezier(0.22, 1, 0.36, 1), transform 0.6s ease,

box-shadow 0.6s ease;

} /* Hover */

.audiology-fixed-cta .audiology-cta:hover {

width: 205px;

transform: translateX(4px);

box-shadow: 0 12px 32px rgba(28, 35, 89, 0.18);

} /* Icon */

.audiology-fixed-cta .audiology-cta-icon {

width: 54px;

min-width: 54px;

height: 54px;

display: flex;

align-items: center;

justify-content: center;

border-radius: 50%;

flex-shrink: 0;

transition: transform 0.7s ease;

}

.audiology-fixed-cta .audiology-cta-icon svg {

width: 22px;

height: 22px;

transition: transform 0.7s ease;

}

.audiology-fixed-cta .audiology-cta:hover .audiology-cta-icon {

transform: scale(1.04);

}

.audiology-fixed-cta .audiology-cta:hover .audiology-cta-icon svg {

transform: scale(1.08);

} /* Text */

.audiology-fixed-cta .audiology-cta-text {

padding: 0 20px 0 12px;

white-space: nowrap;

font: 600 14px/1 inherit;

opacity: 0;

transform: translateX(-18px);

transition: opacity 0.6s ease 0.2s,

transform 0.75s cubic-bezier(0.22, 1, 0.36, 1) 0.1s;

}

.audiology-fixed-cta .audiology-cta:hover .audiology-cta-text {

opacity: 1;

transform: translateX(0);

} 

.audiology-fixed-cta .audiology-cta-appointment {

background: linear-gradient(45deg, #1C2359 8%, #3B4FA3 100%);

color: #fff;

}

.audiology-fixed-cta .audiology-cta-appointment .audiology-cta-icon {

background: linear-gradient(45deg, #1C2359 8%, #3B4FA3 100%);

color: #fff;

} 

.audiology-fixed-cta .audiology-cta-callback {

background: linear-gradient(45deg, #ED3237 8%, #FF6B6F 100%);

color: #fff;

}

.audiology-fixed-cta .audiology-cta-callback .audiology-cta-icon {

background: linear-gradient(45deg, #ED3237 8%, #FF6B6F 100%);

color: #fff;

} 



@media (max-width: 575px) {

.audiology-fixed-cta {

left: 12px !important;

bottom: 15px !important;

gap: 8px;

}

.audiology-fixed-cta .audiology-cta {

width: 48px;

height: 48px;

}

.audiology-fixed-cta .audiology-cta:hover {

width: 180px;

}

.audiology-fixed-cta .audiology-cta-icon {

width: 48px;

min-width: 48px;

height: 48px;

}

.audiology-fixed-cta .audiology-cta-icon svg {

width: 20px;

height: 20px;

}

.audiology-fixed-cta .audiology-cta-text {

padding-left: 10px;

padding-right: 15px;

font-size: 13px;

}

}

.whatsapp-footer-inner img {

position: fixed;

right: 1.4%;

bottom: 95px;

height: 50px;

border-radius: 50%;

z-index: 9;

}

.conslt-btn{

background: transparent!important;

border: 1px solid #ED3237!important;

color: #ED3237;

}

.conslt-btn:hover{

color: #fff!important;

}





.signia-trusted-section .audiology-brand-products__slider .owl-dots {

display: flex;

justify-content: center;

align-items: center;

gap: 6px;

position: relative;

bottom: -20px;



margin-left: auto;

margin-right: 0;

text-align: right;

}



.signia-trusted-section .audiology-brand-products__slider .owl-dots .owl-dot {

margin: 0;

padding: 0;

}



.signia-trusted-section .audiology-brand-products__slider .owl-dots .owl-dot span {

width: 20px;

height: 7px;

margin: 0;

border-radius: 0;

background-color: rgba(36, 144, 235, 0.15);

transition: all 0.3s ease;

border-radius: 10px;

}



.signia-trusted-section .audiology-brand-products__slider .owl-dots .owl-dot.active span {

width: 35px;

background-color: #1C2359;

border-radius: 10px;

}





.signia-trusted-section .audiology-brand-products__slider .owl-dots .owl-dot:hover span {

background-color: #1C2359;

}



.signia-trusted-section .signia-logo-wrap-new{

height: auto!important;

width: auto!important;

}

.hero-btn .play-video {

display: inline-flex;

align-items: center;

gap: 12px;

text-decoration: none;

color: #1C2359;

font-weight: 600;

position: relative;

}



.hero-btn .video-icon {

width: 54px;

height: 54px;

min-width: 54px;

border-radius: 50%;

background: linear-gradient(45deg, #ED3237 8%, #FF6B6F 100%);

color: #fff;

display: flex;

align-items: center;

justify-content: center;

position: relative;

z-index: 2;

box-shadow: 0 8px 25px rgba(237, 50, 55, 0.25);

animation: heroVideoPulse 2s infinite;

}



.hero-btn .video-icon i {

font-size: 22px;

line-height: 1;

margin-left: 2px;

}



/* Ripple circles */

.hero-btn .video-icon::before,

.hero-btn .video-icon::after {

content: "";

position: absolute;

inset: -6px;

border: 1px solid rgba(237, 50, 55, 0.35);

border-radius: 50%;

animation: heroVideoRipple 2s infinite;

z-index: -1;

}



.hero-btn .video-icon::after {

animation-delay: 1s;

}



/* Button hover */

.hero-btn .play-video:hover .video-icon {

transform: scale(1.08);

box-shadow: 0 10px 30px rgba(237, 50, 55, 0.4);

}



.hero-btn .play-video:hover {

color: #ED3237;

}



/* Pulse */

@keyframes heroVideoPulse {

0%, 100% {

transform: scale(1);

}



50% {

transform: scale(1.05);

}

}



/* Ripple */

@keyframes heroVideoRipple {

0% {

transform: scale(0.9);

opacity: 0.8;

}



70% {

transform: scale(1.5);

opacity: 0;

}



100% {

transform: scale(1.5);

opacity: 0;

}

}





.audiology-about-products__slider-wrap .owl-dots{

display: block;

}

.audiology-about-products__slider-wrap .owl-nav{

display: none;

}







.audiology-about-products .audiology-about-products__slider-wrap .owl-dots {

display: flex;

justify-content: center;

align-items: center;

gap: 6px;

position: relative;

bottom: -20px;



margin-left: auto;

margin-right: 0;

text-align: right;

}



.audiology-about-products .audiology-about-products__slider-wrap .owl-dots .owl-dot {

margin: 0;

padding: 0;

}



.audiology-about-products .audiology-about-products__slider-wrap .owl-dots .owl-dot span {

width: 20px;

height: 7px;

margin: 0;

border-radius: 0;

background-color: rgba(36, 144, 235, 0.15)!important;

transition: all 0.3s ease;

border-radius: 10px;

}



.audiology-about-products .audiology-about-products__slider-wrap .owl-dots .owl-dot.active span {

width: 35px;

background-color: #1C2359!important;

border-radius: 10px;

}





.audiology-about-products .audiology-about-products__slider-wrap .owl-dots .owl-dot:hover span {

background-color: #1C2359;

}

.promo-card .promo-icon i {

font-size: 35px;

}

.footer-wrap .footer-widget .footer-menu li{

margin-bottom: 8px;

}

.footer-wrap .footer-widget .contact-info li{

margin-bottom: 8px;

}



.about-vd-new{

position: absolute;

top: 32%;

left: 40%;

}

.faq-wrap .accordion-header{

padding:8px;

}

.faq-wrap .accordion-body{

padding: 8px;

}



.about-wrapper-new {

position: relative;

z-index: 1;

}



.about-wrapper-new::after {

content: "";

position: absolute;

left: 0;

bottom: 0;

width: 100%;

height: 80%;

background-image: url(../img/bg-wave-element.png);

background-size: cover;

z-index: -1;

}

.content-title-appointment h2,
.content-title-appointment .mh-heading-h2 {

font-size: 30px!important;

}



.navbar a:focus,

.navbar a:focus-visible,

.navbar a:active {

outline: none !important;

box-shadow: none !important;

border: none !important;

}
.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu a{
font-size: 14px;
}
@media (min-width: 1024px) and (max-width: 1280px) {
.hero-wrap.style6 .hero-slide-item {
height: auto;
}
}
.appointment-form-wrap{

background-image: url(../img/bg-wave-element.png);

background-size: cover;

}

.call-back-modal {
border: 0;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
}

.call-back-modal .modal-header {
border: 0;
padding: 28px 30px 10px;
}

.call-back-modal .modal-title {
color: #1C2359;
font-size: 24px;
font-weight: 700;
margin-bottom: 6px;
}

.call-back-modal .modal-subtitle {
color: #666666;;
font-size: 14px;
line-height: 1.6;
margin: 0;
}

.call-back-modal .modal-body {
padding: 15px 30px 30px;
}

.call-back-modal .form-label {
color: #1C2359;
font-size: 14px;
font-weight: 600;
margin-bottom: 7px;
}

.call-back-modal .form-control {
height: 50px;
border: 1px solid #e4e6eb;
border-radius: 8px;
padding: 0 15px;
font-size: 14px;
box-shadow: none;
}

.call-back-modal .form-control:focus {
border-color: #ED3237;
box-shadow: 0 0 0 3px rgba(237, 50, 55, 0.10);
}


.call-back-modal .btn-close {
box-shadow: none;
margin-top: -80px;
}

@media (max-width: 575px) {

.call-back-modal .modal-header {
padding: 22px 20px 8px;
}

.call-back-modal .modal-body {
padding: 12px 20px 22px;
}

.call-back-modal .modal-title {
font-size: 21px;
}
}




.hearing-products-section {

width: 100%;

background: #ffffff;

overflow: hidden;

}





.hearing-products-section .hearing-product-card {

position: relative;


padding: 22px 34px 28px;

border: 1px solid #ffeaea;

border-radius: 22px;

background: linear-gradient(    180deg,    #fff2f2 0%,    #fff8f8 52%,    #ffffff 100% );



overflow: hidden;



display: flex;

flex-direction: column;



transition:

transform 0.45s ease,

box-shadow 0.45s ease,

border-color 0.45s ease;

}









.hearing-products-section .hearing-product-card::before {

content: "";

position: absolute;

width: 180px;

height: 180px;

top: -80px;

right: -70px;



background: rgb(255 206 206 / 24%);

border-radius: 50%;



transition:

transform 0.5s ease,

opacity 0.5s ease;

}







.hearing-products-section .hearing-product-card:hover {

transform: translateY(-10px);



border-color:#ffeaea;



box-shadow:

0 0px 15px rgba(0, 0, 0, 0.07);

}



.hearing-products-section .hearing-product-card:hover::before {

transform: scale(1.5);

opacity: 1;

}









.hearing-products-section .hearing-product-types span:hover {

color: #ffffff;

background: #00aaa0;

transform: translateY(-2px);

}





.hearing-products-section .hearing-product-image {

position: relative;

z-index: 1;



height: 240px;



display: flex;

align-items: center;

justify-content: center;



margin-top: 12px;

margin-bottom: 12px;

}







.hearing-products-section .hearing-product-image img {

width: auto;

max-width: 90%;

height: 210px;



object-fit: contain;



transition:

transform 0.55s cubic-bezier(.2,.8,.2,1),

filter 0.55s ease;

}





.hearing-products-section .hearing-product-card:hover

.hearing-product-image img {

transform: scale(1.09) translateY(-5px);



filter:

drop-shadow(0 15px 15px rgba(0, 80, 90, 0.14));

}





.hearing-products-section .hearing-product-content {

position: relative;

z-index: 2;



flex: 1;

}







.hearing-products-section .hearing-product-content h3,
.hearing-products-section .hearing-product-content .mh-heading-h3 {

margin: 0 0 25px;



color: #1C2359;



font-size: 22px;

font-weight: 600;

line-height: 1.25;



/*text-align: center;*/



transition: color 0.3s ease;

}















@media (max-width: 1399.98px) {



.hearing-products-section .hearing-product-card {

padding-left: 25px;

padding-right: 25px;

}



.hearing-products-section .hearing-product-content h3,
.hearing-products-section .hearing-product-content .mh-heading-h3 {

font-size: 25px;

}



.hearing-products-section .hearing-product-content li {

font-size: 17px;

}



}





@media (max-width: 991.98px) {



.hearing-products-section {

padding-top: 50px !important;

padding-bottom: 50px !important;

}






}





@media (max-width: 767.98px) {



.hearing-products-section .hearing-product-card {

min-height: auto;



padding: 20px 22px 25px;



border-radius: 18px;

}





.hearing-products-section .hearing-product-image {

height: 220px;

margin-top: 10px;

}



.hearing-products-section .hearing-product-image img {

height: 190px;

}



.hearing-products-section .hearing-product-content h3,
.hearing-products-section .hearing-product-content .mh-heading-h3 {

margin-bottom: 20px;

font-size: 23px;

}



.hearing-products-section .hearing-product-content li {

font-size: 16px;

margin-bottom: 13px;

}



}





@media (max-width: 575.98px) {



.hearing-products-section .hearing-product-card {

padding: 18px 18px 23px;

}



.hearing-products-section .hearing-product-image {

height: 200px;

}



.hearing-products-section .hearing-product-image img {

height: 175px;

}



.hearing-products-section .hearing-product-content h3,
.hearing-products-section .hearing-product-content .mh-heading-h3 {

font-size: 21px;

}



.hearing-products-section .hearing-product-content li {

font-size: 15px;

}



}

.btn-light-red-new:focus,
.btn-light-red-new:active,
.btn-light-red-new:focus-visible {
outline: none !important;
box-shadow: none !important;
border-color: transparent !important;
}


.muskan-blog-share {
width: 100%;
background: #ffffff;
padding: 27px 26px 26px;
text-align: center;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
}


.muskan-share-social {
display: flex;
align-items: center;
/*justify-content: center;*/
gap: 17px;
margin-bottom: 28px;
}

.muskan-share-icon {
width: 48px;
height: 48px;

border: 1px solid #1C2359;
border-radius: 50%;

display: flex;
align-items: center;
justify-content: center;

background: #ffffff;
color: #1C2359;

text-decoration: none !important;

transition: all 0.3s ease;
}


.muskan-share-icon svg {
width: 22px;
height: 22px;

display: block;

fill: #1C2359;

transition: fill 0.3s ease;
}


.muskan-share-icon:nth-child(2) svg {
width: 23px;
height: 23px;
}

.muskan-share-icon:nth-child(3) svg {
width: 20px;
height: 20px;
}

.muskan-share-icon:nth-child(4) svg {
width: 22px;
height: 22px;
}

.muskan-share-icon:nth-child(5) svg {
width: 23px;
height: 23px;
}


.muskan-share-icon:hover {
background: linear-gradient(45deg, #ED3237 8%, #FF6B6F 100%);
border-color: #ED3237;
transform: translateY(-3px);
}

.muskan-share-icon:hover svg {
fill: #ffffff;
}


.muskan-share-copy {
width: 100%;
height: 50px;

border: 1px dashed #1C2359;
background: #fafafa;

display: flex;
align-items: center;

padding: 0 20px;
gap: 14px;

text-align: left;

cursor: pointer;

transition: all 0.3s ease;
}

.muskan-copy-svg {
width: 19px;
height: 19px;

flex-shrink: 0;

fill: #1C2359;
}


.muskan-share-copy span {
display: block;

color: #52606b;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.3px;

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}


.muskan-share-copy:hover {
border-color: #ED3237;
background: #fff5f5;
}

.muskan-share-copy:hover .muskan-copy-svg {
fill: #ED3237;
}


@media (max-width: 767px) {

.muskan-blog-share {
padding: 25px 20px;
}

.muskan-blog-share .muskan-share-title {
font-size: 28px;
margin-bottom: 35px;
}

.muskan-share-social {
gap: 14px;
margin-bottom: 25px;
}

.muskan-share-icon {
width: 54px;
height: 54px;
}
}


@media (max-width: 575px) {

.muskan-blog-share {
padding: 24px 15px 20px;
}

.muskan-blog-share .muskan-share-title {
font-size: 25px;
margin-bottom: 30px;
}

.muskan-share-social {
gap: 9px;
margin-bottom: 25px;
}

.muskan-share-icon {
width: 49px;
height: 49px;
}

.muskan-share-icon svg {
width: 19px;
height: 19px;
}

.muskan-share-icon:nth-child(2) svg {
width: 21px;
height: 21px;
}

.muskan-share-icon:nth-child(5) svg {
width: 21px;
height: 21px;
}

.muskan-share-copy {
height: 48px;
padding: 0 13px;
gap: 11px;
}

.muskan-copy-svg {
width: 18px;
height: 18px;
}

.muskan-share-copy span {
font-size: 12px;
}
}



@media (max-width: 380px) {

.muskan-share-social {
gap: 6px;
}

.muskan-share-icon {
width: 45px;
height: 45px;
}

.muskan-share-icon svg {
width: 17px;
height: 17px;
}

.muskan-share-icon:nth-child(2) svg,
.muskan-share-icon:nth-child(5) svg {
width: 19px;
height: 19px;
}
}
.map-consultation-wrap{
background-image: url(../img/bg-wave-element.png);

background-size: cover;
}

.hero-wraper-new .hero-content {
    transform: none !important;
    translate: none !important;
    rotate: none !important;
    scale: none !important;
}

.sidebar-widget .pp-post-item{
align-items: center!important;


.faq-wrap-new .accordion-body{
    padding: 8px;
}
.faq-wrap-new .accordion-header {
    padding: 8px;
}

.faq-wrap-new .accordion-item{
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1)!important;
	 padding: 8px!important;
}