@import url("https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700&display=swap");
body { font-family: "Golos Text", sans-serif; font-weight: 400; }
.btn { font-size: 0.9rem; border-radius: 10px; border: 0; padding: 0.55rem 1rem; text-transform: uppercase; }
.btn.btn-info { background-color: #3687e1; border: 0; color: #fff; }
.btn.btn-info:hover { background: #f76a00 !important; }
.btn.btn-orange { color: #fff; background-color: #f76a00; }
.btn.btn-orange:hover { background-color: #3687e1; }

/* .navbar.navbar-expand-lg { border-left: 5px solid #65BDC2; } */

/* top strip */
.top-strip { background: #4a87e1; background: linear-gradient(0deg, rgba(74, 135, 225, 1) 0%, rgba(57, 87, 191, 1) 100%); padding: 0.6rem 0; }
.top-contact { display: flex; justify-content: space-between; }
.top-contact ul { display: flex; padding-left: 0; margin-bottom: 0; align-items: center; }
.top-contact ul li { display: flex; }
.top-contact ul li a { color: #fff; text-decoration: none; }
ul.social-share{display: flex; padding-left: 0; margin-bottom: 0; align-items: center;}
ul.social-share li{display: inline-block;}
ul.social-share li a { font-size: 1.7rem; color: #fff; }
ul li a:hover { color: #f76a00; }
.top-contact ul.quick-contact li { margin-right: 1.2rem; padding-right: 1.2rem; }
.top-contact ul.quick-contact li:nth-child(1) { border-right: 2px solid #fff; }
.top-contact ul.quick-contact li:last-child { padding-right: 0; margin-right: 0; }
nav .navbar-brand img { width: 210px; transition: 0.3s; }
.navbar-expand-lg .navbar-nav .nav-item { margin: 0 1rem; }
.navbar-expand-lg .navbar-nav .nav-link { font-size: 1rem; }
.top-contact { margin-bottom: 0; position: relative; text-align: right; }
.site-navigation { padding: 0 !important; }
.site-navbar { margin: auto; z-index: 99; position: relative; top: 0; bottom: auto !important; padding-top: 0; width: 100% !important; }
.site-navbar .container { max-width: 90%; }
.sticky-wrapper { height: auto !important; }
.sticky-wrapper.is-sticky .site-navbar { background: #fff; z-index: 999 !important; width: 100% !important; padding: 0; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
.sticky-wrapper.is-sticky .site-navbar .navbar { padding: 0; }
.sticky-wrapper.is-sticky .site-navbar .navbar .navbar-brand img { width: 210px; transition: 0.3s; }
.sticky-wrapper.is-sticky .top-contact { display: none; }
.sticky-wrapper.is-sticky .top-strip { padding: 0.2rem 0; }
.site-navbar .site-navigation .site-menu > li { position: relative; padding: 0; margin: 0 0.6rem; }
.site-navbar .site-navigation .site-menu > li:first-child::before { content: none; }
.site-navbar .site-navigation .site-menu > li:last-child { padding-right: 0; margin-right: 0; }
.site-navbar .site-navigation .site-menu > li > a { position: relative; line-height: 5; color: #000; padding: 0 0 6px; font-size: 0.9rem; letter-spacing: 0; text-transform: uppercase; }
.sticky-wrapper .site-navbar .site-navigation > ul > li.current-menu-item > a::before, .sticky-wrapper .site-navbar .site-navigation >  ul > li > a:hover::before, .sticky-wrapper .site-navbar .site-navigation > ul > li.current_page_ancestor > a::before { content: ""; position: absolute; bottom: 0; width: 100%; height: 3px; background-color: #f76a00; }
.sticky-wrapper .site-navbar .site-navigation > ul > li.current-menu-item > a{color: #f76a00;}

.procedure-item{display: flex; align-items:center; border:2px solid #eee; padding:0.75rem; border-radius: 0.65rem;}
.procedure-item img{width: 250px; margin-right: 1.3rem; border-radius: 0.55rem;}
.procedure-item h4{font-size: 1.4rem; color:#f76a00}

/* .site-navbar .site-navigation .site-menu > li > a{font-size: 1rem; padding: 6px 0; text-transform: uppercase;} */
.site-navbar .site-navigation .site-menu > li:last-child > a::before { content: none; }
.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown-menu, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown-menu, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown-menu { display: block; }
.site-mobile-menu .site-nav-wrap li.active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown-menu a.active { color: #111111; }
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu { border-radius: 0; border: 0; min-width: 20rem; }
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu > li > a { border-radius: 0 !important; padding: 8px 12px; text-decoration: none; }
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu a { font-size: 1rem; }
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu > li > a:hover, .site-navbar .site-navigation .site-menu .has-children .dropdown-menu > li.current-menu-item > a { color: #ffffff; background: #f76a00; border: 0; }
.side-toggle { position: absolute; right: 0; top: 25px; margin: auto; color: #0d6efd; font-size: 1.25rem; }
@keyframes zoomeffect {
  0% { transform: scale(1); transition: transform 20000ms linear 0s; }
  100% { transform: scale(1.4); transition: transform 20000ms linear 0s; }
}

/* .main-banner { } */
.main-banner .carousel-item { transition: transform 0.6s ease-in-out 0s, opacity ease-in-out 0.6s; }
.main-banner .carousel-item.active { transition: transform 0.6s ease-in-out 0s, opacity ease-in-out 0.6s; }
.main-banner .carousel-item > img { animation: zoomeffect 20000ms linear 0s infinite alternate; }

/* .main-banner::before { content: ''; position: absolute; right: -130px; width: 70%; height: 100%; background-image: url('../images/home-banner1.png'); background-repeat: no-repeat; background-position: right bottom; background-size: 100%; } */
.main-banner h1 { font-size: 2.5rem; margin-bottom: 1rem; font-weight: 700; }
.main-banner .carousel-caption { width: 500px; text-align: left; left: auto; right: 10%; bottom: auto; top: 30%; background-color: rgba(0, 0, 0, 0.6); padding: 1rem 1rem 1.5rem 1rem; }
.facility-item { display: flex; color: #fff; padding: 0 0.5rem 1rem; }
.facility-item .icon-img { position: relative; background-color: #fff; padding: 1rem; width: 80px; height: 80px; margin-right: 1.5rem; }
.facility-item .icon-img img{max-width: 50px;}
.facility-item .facility-body { padding-top: 2rem; padding-bottom: 1rem; }
.facility-item .facility-body h3 { font-weight: 600; font-size: 1.4rem; }
.facility-item a { text-decoration: none; color: #fff; }
.facility-item a i { color: #f76a00; }
.facility-item a:hover i{color: #fff;}
.facility-item .icon-img::before { content: ""; position: absolute; left: 0; top: -8px; width: 100%; height: 8px; background-color: #5a79f5; }
.facility-item1 { background-color: #5a79f5; }
.facility-item2 { background-color: #3756d0; }
.facility-item2 .facility-item .icon-img::before { background-color: #3756d0; }
.facility-item3 { background-color: #2843aa; }
.facility-item3 .facility-item .icon-img::before { background-color: #2843aa; }
.about-section { padding: 4rem 0; position: relative; }
.about-section::before { content: ""; position: absolute; bottom: 0; z-index: -1; width: 100%; height: 200px; background-image: url("../images/footer-bg-style1.png"); background-repeat: no-repeat; background-position: bottom; background-size: cover; }
.about-section .about-img { position: relative; }
.about-section .about-img::before { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 30px; z-index: -1; transform: rotate(-5deg); background-color: #3687e1; }
.about-section .about-img img { border-radius: 30px; }
.about-section h2, .team-section h2, .service-section h2, .procedure-section h2 { color: #305cde; font-weight: 600; font-size: 2.5rem; }
span.sub-heading { color: #f76a00; text-transform: uppercase; display: block; margin-bottom: 0.6rem; }
.team-section { background-color: #eaf2fc; padding: 3.5rem 0; }
.team-section .swiper { width: 80%;  /* height: 320px; */ }
.team-section .swiper-slide { display: flex; align-items: center; justify-content: center; border-radius: 18px; font-size: 22px; font-weight: bold; color: #fff; }
.team-section .swiper-slide img { border-radius: 20px; }
.team-section .swiper-slide.swiper-slide-active { position: relative; display: block; }
.team-section .doctor-info { position: absolute; bottom: 5%; z-index: -1; text-align: center; }
.team-section .swiper-slide.swiper-slide-active .doctor-info { position: relative; top: 1rem; }
.team-section .swiper-slide.swiper-slide-active .doctor-info h3 { color: #000; margin-bottom: 0; }
.team-section .swiper-slide.swiper-slide-active .doctor-info p { color: #305cde; }
.team-section .swiper-3d .swiper-slide-shadow { box-shadow: none; }
.team-section .swiper-button-next:after { content: ""; background-image: url("../images/right-long-arrow-icon.svg"); background-repeat: no-repeat; background-size: 100%; width: 40px; height: 30px; }
.team-section .swiper-button-prev:after { content: ""; background-image: url("../images/left-long-arrow-icon.svg"); background-repeat: no-repeat; background-size: 100%; width: 40px; height: 30px; }
.team-section .swiper-button-next, .team-section .swiper-button-prev { position: relative; left: 33%; width: 50px; display: inline-flex; justify-content: center; margin: 1rem auto; }
.progress-box { display: flex; align-items: center; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(234, 242, 252, 1) 100%); padding: 1.2rem; border-radius: 10px; margin-bottom: 1rem; }
svg.circle { transform: rotate(-90deg); }
circle.bg { fill: none; stroke: #e6e6e6; stroke-width: 3; }
circle.progress { fill: none; stroke: #ff6a00; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 339.292; stroke-dashoffset: 339.292; transition: stroke-dashoffset 1s ease-out; }
.circle-block { position: relative; margin-right: 1.5rem; }
.circle-block h3 { position: absolute; top: 40%; left: 0; right: 0; bottom: 0; margin: auto; font-size: 1.4rem; text-align: center; color: #000; }
.content { display: flex; flex-direction: column; }
.content h4 { margin: 0; color: #305cde; font-size: 1.5rem; font-weight: 700; }
.content p { margin: 5px 0 0; color: #444; }
.service-section { padding: 5rem 0; position: relative; }
.service-section::before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; width: 32%; height: 50%; background-image: url("../images/team-pattern.png"); background-repeat: no-repeat; background-position: left top; background-size: cover; }
.service-section::after { content: ""; position: absolute; right: 0; bottom: 0; z-index: -1; width: 32%; height: 50%; background-image: url("../images/team-pattern.png"); background-repeat: no-repeat; background-position: bottom right; background-size: cover; transform: rotate(180deg); }
.service-section .swiper-slide a { text-decoration: none; color: #fff; }
.service-section .swiper-slide img { border-radius: 0.7rem 0.7rem 0 0; width: 100%;}
.service-section .swiper-slide .condition-heading { border-radius: 0 0 0.7rem 0.7rem; background: linear-gradient(90deg, rgba(78, 145, 231, 1) 0%, rgba(56, 78, 185, 1) 100%); font-weight: 500; display: block; font-size: 1.4rem; text-transform: uppercase; padding: 14px 10px; text-align: center; }
.swiper-arrow { position: absolute; bottom: 5%; width: 110px; display: flex; justify-content: space-between; transform: translateY(-50%); z-index: 99; }
.swiper-arrow .swiper-button-next:after { content: ""; background-image: url("../images/right-long-arrow-icon.svg"); background-repeat: no-repeat; background-size: 100%; width: 40px; height: 30px; }
.swiper-arrow .swiper-button-prev:after { content: ""; background-image: url("../images/left-long-arrow-icon.svg"); background-repeat: no-repeat; background-size: 100%; width: 40px; height: 30px; }
.swiper-arrow .swiper-button-next, .swiper-arrow .swiper-button-prev { position: relative; left: 0%; width: 50px; display: inline-flex; justify-content: center; }
.tag-section { background-color: #2843aa; padding: 5px 10px; color: #fff; text-align: center; }
.tag-section h2 { display: flex; align-items: center; justify-content: space-around; }
.tag-section h2 span { font-size: 5rem; display: inline-block; line-height: 50px; margin-top: 1.5rem; }
.procedure-section { padding: 4rem 0; }
.procedure-block{text-align: center; padding: 0 2rem;}
.procedure-block h3{font-size: 1.4rem; font-weight: 600; margin-top: 1rem;}
.procedure-block h4{color: #F76A00; font-size: 1.1rem; font-weight: 500;}
.procedure-block .procedure-img{ margin: 1rem auto; width: 200px; height: 200px; border-radius: 50%; padding: 0.4rem; border:3px dashed transparent}
.procedure-block:hover .procedure-img{border:3px dashed #3687E1}
.procedure-block img{width: 100%; height: 100%; border-radius: 50%;}

.journy-wrap{padding: 2rem; color: #fff; position: relative; border-radius: 20px; background: linear-gradient(90deg,rgba(54, 135, 225, 1) 0%, rgba(40, 67, 170, 1) 100%);}
.journy-wrap::before{content: ''; z-index: 0; position: absolute; width: 87%; height: 90%; background-image: url('../images/team-pattern.png'); background-size: cover;}
.progress-bar-wrapper {
  margin-bottom: 40px;
}

.progress-bar-wrapper  .label, .progress-bar-wrapper .percent {
  display: inline-block;
  width: 100px;
  font-weight: bold;
}

.progress-bar-wrapper  .percent {
  text-align: right;
}

.progress-bar-wrapper  .progress-bar {
  position: relative;
  background: #fff;
  height: 6px;
  border-radius: 5px;
  overflow: hidden;
  margin: 10px 0;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}

.progress-bar-wrapper  .fill {
  background: #f36c1e;
  height: 100%;
  width: 0;
  transition: width 1.2s ease;
}

.blog-section{position: relative; padding: 4rem 0;}
.blog-section::before{content: ''; position: absolute; background-color: #EAF2FC; width: 100%; height: 700px; top: -200px; z-index: -1;}
.blog-head{text-align: center; width:1024px; margin: auto;}
.blog-head h2{color: #305CDE; font-weight: 600; font-size: 2.5rem;}
.blog-item{position: relative; overflow: hidden; border-radius: 14px;}
.blog-item img{border-radius: 14px; transition: 0.3s;}
.blog-item:hover img{transform: scale(1.1); transition: 0.3s;}
.blog-card{position: absolute; text-decoration: none; border-radius: 1rem; color: #fff; left: 0; right: 0; width: 93%; margin: auto; bottom: 1rem; padding: 1rem; background-color: rgba(0, 0, 0, 0.2); -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);}
.blog-item:hover .blog-card{background-color: rgba(255, 255, 255, 1); color: #3687E1;}
.blog-category{padding-left: 0; margin-bottom: 8px;}
.blog-category li{display: inline-block; font-size: 0.8rem; position: relative;}
.blog-category li:nth-child(1){background-color: #F76A00; border-radius: 6px; padding: 4px 8px; margin-right: 2rem; color: #fff;}
.blog-item:hover .blog-category li:nth-child(1){color: #fff;}
.blog-category li:nth-child(1)::before{content: ''; position: absolute; right: -1.25rem; top:10px; width: 6px; height: 6px; border-radius: 4px; background-color: #fff;}
.blog-category li:nth-child(1) a{text-decoration: none; color:#fff}
.blog-category li:nth-child(2)::before{content: ''; background-color: #000; width: 7px; height: 6px; left:-1rem; top:7px; border-radius: 5px;}
.blog-item:hover .blog-category li:nth-child(1)::before{background-color:#3687E1;}
.blog-card h4{font-size: 1.25rem;}
.blog-item:hover .blog-card img{filter: brightness(0) saturate(100%) invert(46%) sepia(96%) saturate(407%) hue-rotate(172deg) brightness(88%) contrast(100%);}
.testimonial-section{color: #fff; position: relative; padding: 1rem 0 5rem;}
.testimonial-section h2{font-size: 2.5rem; font-weight: 600;}
.testimonial-section::before{content: ''; position: absolute; left:0; top:0; z-index: -1; width: 50%; height: 100%; background: linear-gradient(90deg,rgba(54, 135, 225, 1) 0%, rgba(40, 67, 170, 1) 100%);}
.testimonial-block{position: relative; font-size: 1.3rem; display: flex; align-items: center; color: #000; background-color: #fff; padding: 3rem 4rem; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);}
.testimonial-block .quote-icon{position: absolute; top:2rem; left:-2.2rem; padding-top: 5px; text-align: center; font-size: 2.5rem; color: #fff; width: 70px; height: 70px; border-radius: 50%; background: linear-gradient(90deg,rgba(54, 135, 225, 1) 0%, rgba(40, 67, 170, 1) 100%);}
.testimonial-user{font-size: 0.9rem; color: #3687E1;}
.testimonial-user strong{color: #2843AA; font-size: 1.2rem;}
.testimonial-arrow{position: absolute; right: 0; bottom: 0; height: 30px; width: 120px;}
.testimonial-swiper .swiper-button-next:after { content: ""; background-image: url("../images/right-long-arrow-icon.svg"); background-repeat: no-repeat; background-size: 100%; width: 40px; height: 30px; }
.testimonial-swiper .swiper-button-prev:after { content: ""; background-image: url("../images/left-long-arrow-icon.svg"); background-repeat: no-repeat; background-size: 100%; width: 40px; height: 30px; }
.testimonial-swiper .swiper-button-next, .testimonial-swiper .swiper-button-prev { position: relative; left: 0%; width: 50px; display: inline-flex; justify-content: center; }
.testimonial-swiper .swiper-slide i{color: #FAA400;}
.test-cap{width: 43%;}


.counter-section { display: flex; justify-content: center; color: #fff; align-items: center; background-color: #0F268B; background-image: url('../images/footer-bg-style2.png'); background-position: center; background-repeat: no-repeat; background-size: 120%; padding: 40px 20px; gap: 40px; flex-wrap: wrap; }
.counter-box { text-align: left; min-width: 150px; width: 20%; }
.counter-box h2 { font-size: 3rem; font-weight: 700; margin-bottom: 12px; }
.counter-box p { margin-top: 8px; font-size: 1rem; margin-bottom: 10px; }
.divider { height: 50px; width: 1px; background: #999; align-self: center; }

.contact-section { background-image: url('../images/connect-bg.jpg'); background-position: left; background-repeat: no-repeat; background-size: 100%; padding: 3.8rem 0 }
.contact-form { background: #fff; border-radius: 20px; padding: 2rem; }
.contact-section.contact-inner .contact-form{background-color: rgba(244, 251, 232, 0.9);}
.contact-section.contact-inner .contact-form .form-control{background-color: #fff;}
.contact-form h3 { color: #F76A00; font-size: 2.5rem; font-weight: 700;}
.contact-form .form-control { background: #F9F9F9; border: 0; padding: 0.6rem 1rem; }

.devider{width: 1px; height: 50px; background-color: rgba(255, 255, 255, 0.7);}
footer { background: #2843AA; padding: 3rem 0 0; color: #fff; }
.footer-top{padding-bottom: 1rem; margin-bottom: 3rem; border-bottom: 1px solid rgba(255, 255, 255, 0.7);}
.footer-links li { display: block; margin-bottom: 0.5rem; }
.footer-links li a { display: block; text-decoration: none; position: relative; color: #fff; }
.footer-links li a::before { content: "*"; position: absolute; left: -1.8rem; top: -6px; width: 15px; height: 15px;  font-size: 2rem; font-weight: 700;}
.footer-address{padding-left: 0;}
.footer-address li { display: block; margin-bottom: 0.7rem; }
.footer-address li a { display: block; text-decoration: none; color: #fff; position: relative; }
footer ul li a:hover { color: #F76A00; }
.copyright {text-align: center; font-size: 0.9rem; padding: 1rem; margin-top: 2.5rem; background: #4E90E6;
background: linear-gradient(180deg,rgba(78, 144, 230, 1) 0%, rgba(56, 80, 186, 1) 100%); color: #fff; }
.copyright a{text-decoration: none; color: #fff;}
.free-trial { display: none; position: fixed; z-index: 99; left: 0; bottom: 0; width: 100%; }

/* inner page design */
.inner-breadscrum{position: relative; margin-bottom: 1.5rem; color: #fff; padding: 3rem 0; text-align: center; border-radius: 1rem; background: #4E90E6; background: linear-gradient(180deg,rgba(78, 144, 230, 1) 0%, rgba(56, 80, 186, 1) 100%);}
.inner-breadscrum::before{content: ''; position: absolute; left:0; top:0; width: 100%; height: 100%; background-image: url('../images/inner-shape.png'); background-repeat: no-repeat; background-position: center; background-size: cover;}
.inner-breadscrum .breadcrumb{justify-content: center; position: relative; z-index: 9;}
.inner-breadscrum .breadcrumb li, .inner-breadscrum .breadcrumb li a{color: #fff; text-decoration: none; margin: 0 0.4rem; position: relative;}
.inner-breadscrum h1{position: relative; z-index: 8; font-weight: 700;}
.inner-breadscrum .breadcrumb-item+.breadcrumb-item::before{content: ''; position: absolute; top: 10px; left: -8px; width: 8px; height: 8px; border-radius: 4px; float: none; padding: 0; background-color: #fff;}

.inner-content{margin:2.5rem 0;}
.inner-content  h2{color: #F76A00;}
.teamlist  h3{color: #fff; margin-top: 1rem;}
.inner-content .quotes{ display: block; font-size: 3rem; color: #F76A00;}
.inner-content .linkes{display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap;}
.inner-content .linkes li{display: block; position: relative; margin-bottom: 0.7rem;}
.inner-content .linkes li a{text-decoration: none; color: #000;}
.inner-content .linkes li a:hover{color: #F76A00;}
.inner-content .linkes li::before{content: ''; position: absolute; width: 40px; height: 30px; top: 8px; left:-2.2rem; background-image: url('../images/orange-arrow.png'); background-repeat: no-repeat; background-size: 25px;}
.team-item{position: relative; overflow: hidden;}
.team-item .team-title{left: -100%; transition: 0.5s; top: 0; text-align: center; width: 100%; height: 100%; position: absolute; background: linear-gradient(180deg,rgba(78, 144, 230, 0) 0%, rgba(78, 144, 230, 1) 100%); color: #fff; display: flex
; flex-direction: column; justify-content: end; text-decoration: none}
.team-item:hover .team-title{left:0; transition: 0.5s;}
.team-details{color: #fff; background: #4E90E6; position: relative; background: linear-gradient(90deg, rgba(78, 144, 230, 1) 0%, rgba(48, 92, 222, 1) 49%, rgba(40, 67, 170, 1) 100%);}
.team-details::before { content: ""; position: absolute; right: 0; bottom: 0; z-index: 0; width: 50%; height: 100%; background-image: url("../images/team-pattern.png"); background-repeat: no-repeat; background-position: right bottom; background-size: cover; transform: rotateX(180deg);}
.team-details h5{color: #F76A00; margin-bottom: 1.4rem;}
.single-team-info {padding-left: 0;}
.single-team-info li{display: block; margin-bottom: 6px;}
.single-team-info li label{display: inline-block; min-width: 130px; color: #F76A00;}
.contact-page h2{font-size: 2.5rem; font-weight: 700; color: #2843AA;}
.contact-page h5{font-size: 1.1rem; font-weight: 400; color: #F76A00;}
.contact-details li{display: block; margin: 1.5rem 0; position: relative; padding-left: 3rem;}
.contact-details li::before{content:''; position: absolute; left:-2rem; top:0; width: 60px; height: 60px; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: 25px; background-color: #f76a00;}
.contact-details li:nth-child(1)::before{background-image: url('../images/phone-icon.svg');}
.contact-details li:nth-child(2)::before{background-image: url('../images/email-icon.svg');}
.contact-details li:nth-child(3)::before{background-image: url('../images/footer-map.svg');}
.contact-details li a{display: block; text-decoration: none; color: #2843AA; font-size: 1.3rem; font-weight: 600;}
.contact-details li a label{display: block; color: #4E90E6; font-size: 1rem; margin-bottom: 3px; font-weight: 400;}
.testimonial-list{column-count: 3; column-gap: 1.5rem;}
.testimonial-list .testimonial-item{display: inline-block; padding: 1rem; margin-bottom: 1.5rem; border:3px solid #f5f5f5;}
.testimonial-list .testimonial-item i{color: #FAA400;}
.accordion-button{font-size:1.25rem;}
.accordion-button:not(.collapsed){color: #F76A00; box-shadow: none;}
.accordion-button:not(.collapsed), .accordion-body{background-color: #e6f0ff;}
.blog-details ul li{position: relative; list-style: none; margin-bottom: 8px;}
.blog-details ul li::before{content: '\f058'; position: absolute; left: -2rem; top:2px; font-family: 'Font Awesome 7 Free'; color: #2843AA; font-weight: 900; }
.search-btn{position: absolute; right: 0; top:8px}
.widget{margin-bottom: 2.5rem;}
.widget h3 {
  font-size: 1.5rem;
  color: #2843aa;
  margin-bottom: 10px;
}

.categories a {
  text-decoration: none;
  color: #000;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

.categories a:hover {
  color: #2843aa;
}

.categories span {
  color: #2843aa;
  margin-left: 5px;
}

.recent-posts .post-item {
  display: flex;
  margin-bottom: 15px;
}

.recent-posts img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  margin-right: 12px;
}

.recent-posts .post-content {
  display: flex;
  flex-direction: column;
}

.recent-posts .post-date {
  color: #2843aa;
  font-size: 0.7rem;
  text-transform: uppercase;
}

.recent-posts a {
  text-decoration: none;
  color: #000;
  font-size: 0.9rem;
}

.recent-posts a:hover {
  color: #2843aa;
}
.inner-section{margin-bottom: 2rem;}
.mobile-fixed{display: none;}
/* .swiper.facility-swiper{overflow-y: visible;} */

@media (min-width:1921px) and (max-width:7000px) {

/*   html, body, header { max-width: 1400px; margin: auto; overflow-x: hidden; } */ }
@media (max-width:1400px) {
  .about-section h4 { font-size: 1.2rem; }
  .about-section h4 img { max-width: 30px; }
}
@media (max-width:1280px) {
  .site-navbar .container{max-width: 100%;}
  .site-navbar .site-navigation .site-menu > li { margin: 0; padding: 0 0.4rem; }
  .site-navbar .site-navigation .site-menu > li:last-child > a { padding-right: 0; }
  nav .navbar-brand img{width: 185px;}
  /* .site-navbar .site-navigation .site-menu > li > a {} */
  .site-navbar .site-navigation .site-menu > li::before { margin-left: -0.3rem; }
  .main-banner .carousel-caption h1 { padding: 0; }
  .blog-item h4 { font-size: 1.2rem; }
  .blog-item p { line-height: 1.2rem; }
  .section1 .welcome-content { padding: 2rem; }
  .site-navbar .site-navigation .site-menu { margin-right: 0; }
  .section2::before { height: 90%; top: 5%; }
  .section3 { margin-top: -1.1rem; padding: 5rem 0; }
  .testimonials-carousel { padding: 1rem; }
  .sticky-wrapper.is-sticky .site-navbar .navbar .navbar-brand img { width: 175px; }
  .facility-item .facility-body{padding-top: 1rem;}
  .service-section .swiper-slide .condition-heading{font-size: 1.2rem; padding: 10px 5px;}
  .about-section h2, .team-section h2, .service-section h2, .procedure-section h2, .blog-head h2, .testimonial-section h2{font-size: 2rem;}
  .contact-section{background-size: cover;}
  footer .container{max-width: 95%;}
  .service-section .swiper-arrow {bottom: -50px;}
  
}
@media (max-width:1200px) {
  .top-contact ul.quick-contact li:nth-child(2), .top-contact ul.quick-contact li:nth-child(3){margin-right: 0; padding-right: 0.75rem;
  }
  .top-contact ul li a{font-size: 0.9rem;}
  ul.social-share li a{font-size: 1.4rem;}
  .site-navbar .site-navigation .site-menu > li > a{font-size: 0.8rem;}
  .site-navbar .site-navigation .site-menu > li{padding: 0 0.6rem;}
  .site-navbar .site-navigation .site-menu > li:last-child, .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li:last-child{display: none;}
    .site-navbar .site-navigation .site-menu .has-children > .dropdown-arrow {
  position: absolute;
  right: -9px;
  top: 40%;
  background: url('../images/right-arrow-icon.png');
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-size: 8px;
  width: 20px;
  height: 16px;
  background-repeat: no-repeat;
  transform: rotate(90deg);
  background-position: center;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu, .site-navbar .site-navigation .site-menu .has-children:hover .dropdown-menu{display: none;}
}
@media (max-width:1030px) {
  nav .navbar-brand img{width: 160px;}
  .sticky-wrapper.is-sticky .site-navbar .navbar .navbar-brand img{width: 150px;}
  .site-navbar .site-navigation .site-menu > li{padding: 0 0.6rem;}
  .site-navbar .site-navigation .site-menu > li > a{font-size: 0.8rem;}
  .procedure-block{padding: 0 1rem;}
  .procedure-block .procedure-img{width: 170px; height: 170px;}
  .procedure-block h3{font-size: 1.2rem;}
  .testimonial-block{font-size: 1.1rem; padding: 1.5rem 3rem;}
  .blog-card{padding: 0.5rem; bottom: 0.5rem;}
  .blog-item h4{font-size: 1rem;}
}
@media (max-width:990px) {
  .site-menu-toggle { padding: 0.5rem 1rem; background: #f76a00; color: #fff; border-radius: 0.4rem; display: block; }
  .site-menu-toggle span { display: block; height: 1px; width: 20px; background: #fff; margin: 6px 0; }
  .site-mobile-menu .site-nav-wrap > li > ul > li > a { text-decoration: none; }
  .top-contact ul.quick-contact li a{text-align: center; font-size: 0.9rem;}
  .top-contact ul.quick-contact li:first-child{display: none;}
  .main-banner .carousel-caption{width: 455px; right: 4%;}
  .main-banner .carousel-caption h1{font-size: 1.8rem;}
/*   .facility-item{flex-direction: column;} */
  .facility-item .icon-img{width: 80px;}
  .blog-card{width: 95%; padding: 0.5rem; bottom: 0.4rem;}
  .blog-item h4{font-size: 1rem;}
  .blog-category li{font-size: 0.7rem;}
  .blog-category li:nth-child(1){margin-right: 1.5rem;}
  .testimonial-block{font-size: 0.9rem; padding: 1rem 2rem 1rem 3rem;}
  .testimonial-user strong{font-size: 1rem;}
  .testimonial-section::before{width: 60%;}
  .counter-box p{font-size: 0.9rem;}
  .counter-box h2{font-size: 2rem;}
  .testimonial-user{margin-bottom: 2rem;}
  .testimonial-arrow{bottom: -15px;}
  .testimonial-swiper .swiper-button-prev::after, .testimonial-swiper .swiper-button-next::after{width: 27px;}
  
}
@media (max-width:767px) {
  .top-contact { display: none; }
  .site-menu-toggle { position: absolute; top: 0.65rem; right: 0.5rem; }
  .btn { padding: 0.5rem 1rem; }
  nav .navbar-brand img { width: 150px; margin: auto; }
  .sticky-wrapper { height: auto !important; }
  .sticky-wrapper.is-sticky .site-navbar { position: initial !important; }
  .sticky-wrapper.is-sticky .site-navbar .navbar .navbar-brand img { width: 120px; }
  .top-strip{padding: 0.2rem 0;}
  .about-section .about-img{margin-bottom: 1.4rem; width: 95%;}
  .swiper-arrow{transform: translateY(50px); bottom: 0;}
  .blog-head{width: 100%;}
  .testimonial-section::before{width: 100%;}
  .testimonial-block .quote-icon{left:0; right: 0; top:-2rem; margin: auto;}
  .testimonial-block{padding: 3rem 2rem 1rem;}
  .testimonial-arrow{bottom: -10px;}
  .counter-section{gap: 16px; background-size: cover;}
  .footer-links, .footer-address{margin-bottom: 2rem;}
  .devider{width: 100%; height: 1px; margin: 2rem 0;}
  .inner-breadscrum nav{display: none;}
  .blog-details .input-group{border:1px solid #ccc;}
  .search-btn{top: 0;}
  .tag-section h2{justify-content: center; }
  .tag-section h2 span{margin-right: 1.5rem; display: inline-block;}
  .procedure-block{display: flex; flex-direction: column;} 
  .procedure-block h4{order: 1;} 
  .procedure-block h3{order: 2;} 
  .procedure-block p{order: 3;} 
  .procedure-block .procedure-img{order: 4;} 
  .team-item{margin-bottom: 1.5rem;}
  .team-item .team-title{left: 0;}
  .procedure-item{display: block;}
  .procedure-item img{margin-bottom: 1rem; margin-right: 0; width: 100%;}
  .testimonial-list{column-count: 1;}
  footer{margin-bottom: 2.25rem;}
  .service-section .swiper-arrow{bottom: -10px;}
  .mobile-fixed{display: block; position: fixed; left:0; bottom:0; border-radius:0; width:100%; z-index: 99;}
}
@media (max-width:500px) {
  .navbar-brand { width: 100%; margin-right: 0; text-align: left; }
  nav .navbar-brand img { width: 230px; }
  
}
