
/* flaticon */
@font-face {
  font-family: "Flaticon";
  src: url("./fonts/Flaticon.woff2") format("woff2"),  url("./fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("./fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
  font-style: normal;
}

.flaticon-tool:before { content: "\f100"; }
.flaticon-bell:before { content: "\f101"; }
.flaticon-music:before { content: "\f102"; }
.flaticon-gift:before { content: "\f103"; }
.flaticon-ring:before { content: "\f104"; }
.flaticon-like:before { content: "\f105"; }
.flaticon-tree-of-love:before { content: "\f106"; }
.flaticon-phone:before { content: "\f107"; }
.flaticon-big-church:before { content: "\f108"; }
.flaticon-open-book:before { content: "\f109"; }
.flaticon-clock:before { content: "\f10a"; }
.flaticon-speaker:before { content: "\f10b"; }
.flaticon-science:before { content: "\f10c"; }
.flaticon-communication:before { content: "\f10d"; }
.flaticon-phone-1:before { content: "\f10e"; }
.flaticon-cash:before { content: "\f10f"; }
.flaticon-idea:before { content: "\f110"; }
.flaticon-tablet:before { content: "\f111"; }
.flaticon-map:before { content: "\f112"; }
.flaticon-target:before { content: "\f113"; }
.flaticon-heart:before { content: "\f114"; }
.flaticon-money-bag:before { content: "\f115"; }
.flaticon-rich:before { content: "\f116"; }
.flaticon-map-1:before { content: "\f117"; }
.flaticon-internet:before { content: "\f118"; }
.flaticon-donation:before { content: "\f119"; }
.flaticon-donate:before { content: "\f11a"; }
.flaticon-heart-1:before { content: "\f11b"; }
.flaticon-chart:before { content: "\f11c"; }
.flaticon-eye:before { content: "\f11d"; }
.flaticon-monitor:before { content: "\f11e"; }
.flaticon-home:before { content: "\f11f"; }
.flaticon-play-button:before { content: "\f120"; }
.flaticon-graph:before { content: "\f121"; }
.flaticon-shopping-cart:before { content: "\f122"; }
.flaticon-hand:before { content: "\f123"; }
.flaticon-shirt:before { content: "\f124"; }
.flaticon-atom:before { content: "\f125"; }
.flaticon-internet-1:before { content: "\f126"; }
.flaticon-medical:before { content: "\f127"; }
.flaticon-magnifying-glass:before { content: "\f128"; }
.flaticon-clock-1:before { content: "\f129"; }
.flaticon-stock:before { content: "\f12a"; }
.flaticon-left-quote:before { content: "\f12b"; }
.flaticon-quote:before { content: "\f12c"; }
.flaticon-watch:before { content: "\f12d"; }
.flaticon-watch-1:before { content: "\f12e"; }
.flaticon-placeholder:before { content: "\f12f"; }
.flaticon-utensils:before { content: "\f130"; }
.flaticon-tools:before { content: "\f131"; }
.flaticon-manager:before { content: "\f132"; }
.flaticon-manager-1:before { content: "\f133"; }
.flaticon-worker:before { content: "\f134"; }
.flaticon-partnership:before { content: "\f135"; }
.flaticon-boy-broad-smile:before { content: "\f136"; }
.flaticon-student:before { content: "\f137"; }
.flaticon-consulting:before { content: "\f138"; }
.flaticon-consultation:before { content: "\f139"; }
.flaticon-earth-globe:before { content: "\f13a"; }
.flaticon-compass:before { content: "\f13b"; }
.flaticon-molecule:before { content: "\f13c"; }
.flaticon-thermometer:before { content: "\f13d"; }
.flaticon-web-development:before { content: "\f13e"; }
.flaticon-consulting-message:before { content: "\f13f"; }
.flaticon-pie-chart:before { content: "\f140"; }
.flaticon-computer:before { content: "\f141"; }
.flaticon-target-1:before { content: "\f142"; }
.flaticon-chat:before { content: "\f143"; }
.flaticon-mobile-phone:before { content: "\f144"; }
.flaticon-antenna:before { content: "\f145"; }
.flaticon-paper-plane:before { content: "\f146"; }
.flaticon-mail-box:before { content: "\f147"; }
.flaticon-mail-box-1:before { content: "\f148"; }
.flaticon-cloud:before { content: "\f149"; }
.flaticon-ship:before { content: "\f14a"; }
.flaticon-airplane:before { content: "\f14b"; }
.flaticon-scale:before { content: "\f14c"; }
.flaticon-museum:before { content: "\f14d"; }
.flaticon-earth-globe-1:before { content: "\f14e"; }
.flaticon-cocktail:before { content: "\f14f"; }
.flaticon-lifesaver:before { content: "\f150"; }
.flaticon-beach-ball:before { content: "\f151"; }
.flaticon-compass-1:before { content: "\f152"; }
.flaticon-wrench:before { content: "\f153"; }
.flaticon-tools-1:before { content: "\f154"; }
.flaticon-set-square:before { content: "\f155"; }
.flaticon-electric-car:before { content: "\f156"; }
.flaticon-chart-1:before { content: "\f157"; }
.flaticon-call:before { content: "\f158"; }
.flaticon-reuse:before { content: "\f159"; }
.flaticon-money-bag-1:before { content: "\f15a"; }
.flaticon-antenna-1:before { content: "\f15b"; }
.flaticon-leaf:before { content: "\f15c"; }
.flaticon-money:before { content: "\f15d"; }
.flaticon-electric-station:before { content: "\f15e"; }
.flaticon-play-button-1:before { content: "\f15f"; }
.flaticon-back:before { content: "\f160"; }
.flaticon-navigation:before { content: "\f161"; }
.flaticon-arrow:before { content: "\f162"; }
.flaticon-back-1:before { content: "\f163"; }
.flaticon-download:before { content: "\f164"; }
.flaticon-refresh:before { content: "\f165"; }
.flaticon-tick:before { content: "\f166"; }
.flaticon-add:before { content: "\f167"; }
.flaticon-substract:before { content: "\f168"; }
.flaticon-worldwide:before { content: "\f169"; }
.flaticon-diamond:before { content: "\f16a"; }
.flaticon-stopwatch:before { content: "\f16b"; }
.flaticon-creativity:before { content: "\f16c"; }
.flaticon-art-and-design:before { content: "\f16d"; }
.flaticon-helmet:before { content: "\f16e"; }
.flaticon-engineer:before { content: "\f16f"; }
.flaticon-call-1:before { content: "\f170"; }
.flaticon-call-2:before { content: "\f171"; }
.flaticon-home-1:before { content: "\f172"; }
.flaticon-clock-2:before { content: "\f173"; }
.flaticon-smartphone:before { content: "\f174"; }
.flaticon-search:before { content: "\f175"; }
.flaticon-left:before { content: "\f176"; }
.flaticon-left-chevron:before { content: "\f177"; }
.flaticon-right-arrow:before { content: "\f178"; }
.flaticon-right:before { content: "\f179"; }
.flaticon-charity:before { content: "\f17a"; }
.flaticon-doctor:before { content: "\f17b"; }
.flaticon-heartbeat:before { content: "\f17c"; }
.flaticon-surgery-room:before { content: "\f17d"; }
.flaticon-pharmacy:before { content: "\f17e"; }
.flaticon-transport:before { content: "\f17f"; }
.flaticon-lab:before { content: "\f180"; }
.flaticon-first-aid:before { content: "\f181"; }
.flaticon-user-experience:before { content: "\f182"; }
.flaticon-team:before { content: "\f183"; }
.flaticon-hospital:before { content: "\f184"; }
.flaticon-add-friend:before { content: "\f185"; }
.flaticon-placeholder-1:before { content: "\f186"; }
.flaticon-phone-2:before { content: "\f187"; }
.flaticon-email:before { content: "\f188"; }
.flaticon-hospital-1:before { content: "\f189"; }
.flaticon-back-in-time:before { content: "\f18a"; }
.flaticon-heart-2:before { content: "\f18b"; }
.flaticon-brain:before { content: "\f18c"; }
.flaticon-kidney:before { content: "\f18d"; }
.flaticon-dental-insurance:before { content: "\f18e"; }
.flaticon-drilling:before { content: "\f18f"; }
.flaticon-tooth:before { content: "\f190"; }
.flaticon-visible:before { content: "\f191"; }
.flaticon-dentist:before { content: "\f192"; }
.flaticon-lifeline:before { content: "\f193"; }
.flaticon-teeth:before { content: "\f194"; }
.flaticon-braces:before { content: "\f195"; }
.flaticon-implant:before { content: "\f196"; }
.flaticon-toothbrush:before { content: "\f197"; }
.flaticon-eye-test:before { content: "\f198"; }
.flaticon-vision:before { content: "\f199"; }
.flaticon-contact-lens:before { content: "\f19a"; }
.flaticon-pregnancy-test:before { content: "\f19b"; }
.flaticon-pill:before { content: "\f19c"; }
.flaticon-hospital-bed:before { content: "\f19d"; }
.flaticon-ultrasound:before { content: "\f19e"; }
.flaticon-vitamin:before { content: "\f19f"; }
.flaticon-uterus:before { content: "\f1a0"; }
.flaticon-medical-report:before { content: "\f1a1"; }
.flaticon-medicine:before { content: "\f1a2"; }
.flaticon-email-1:before { content: "\f1a3"; }
.flaticon-parents:before { content: "\f1a4"; }
.flaticon-ovum:before { content: "\f1a5"; }
.flaticon-laboratory:before { content: "\f1a6"; }
.flaticon-mother:before { content: "\f1a7"; }
/* flaticon */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
html{scroll-behavior: smooth;font-size: 12px;}
:root{
    --b0:#dce9fd;--b1:#00246e;--b2:#3E61E4;--b3:#ecf2fa;
    --white:#fff;
    --t0:#000;--t2:#222;--t4:#444;--t5:#555;
}
body {
    font-size: 16px;color: #363636;font-weight: 400;font-family: 'Open Sans', sans-serif;
    background: #ffffff;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;
}
a{text-decoration: none;}
a:hover, a:focus, a:visited {text-decoration: none;outline: none;}
img {display: inline-block;max-width: 100%;height: auto;}
ul, li {list-style: none;padding: 0px;margin: 0px;}
button {background-color: transparent;outline: none !important;cursor: pointer;min-width: auto;border:0;}
.pr{position: relative;}.df{display: flex;}.aic{align-items: center;}.jcc{justify-content: center;}
.jcsb{justify-content: space-between;}.db{display: block;}.fwrap{flex-wrap: wrap;}

.bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.bg-image {background-repeat: no-repeat;background-position: center;background-size: cover;}
p, .text {font-size: 15px;line-height: 26px;color: #666666;font-weight: 400;margin: 0;}
.txt0{color: #000;}.txt2{color: #222;}.txt4{color: #444;}.txt5{color: #555;}
.txtb1{color:var(--b1);}.txtb2{color: var(--b2);}
.auto-container {position: relative;max-width: 1200px;padding: 0px 15px;margin: 0 auto;width: 100%;}
.small-container {position: relative;max-width: 900px;padding: 0px 15px;margin: 0 auto;}
.sec-title {position: relative;margin-bottom: 70px;}
.sect{padding-top: 40px;padding-bottom: 40px;}
.sec-title .sub-title {display: block;font-size: 18px;color: #666666;margin-bottom: 15px;}
.sec-title h2 {display: block;font-size: 44px;line-height: 1.2em;font-weight: 700;}
.sec-title .text, .sec-title p {position: relative;margin-top: 30px;}
.sec-title .divider {position: relative;display: block;width: 60px;height: 20px;margin-top: 30px;}
.sec-title.text-center .divider {margin: 30px auto 0;}
.sec-title .divider svg {display: block;width: 100%;transform: translateY(-50%);top: 50%;position: relative;fill: #1370b5;}
.btn-style-one {
    position: relative;font-size: 16px;line-height: 30px;color: #ffffff;
    padding: 10px 30px;font-weight: 600;background: #1370b5;overflow: hidden;min-width: 150px;
}
.btn-style-two {
    position: relative;font-size: 15px;line-height: 30px;color: #1370b5;padding: 10px 40px;font-weight: 600;
    background: #ffffff;overflow: hidden;min-width: 170px;box-shadow: 0 10px 30px rgba(0,0,0,0.10);
}
.btn-style-one:hover {color: #1370b5;box-shadow: 0 10px 30px rgba(0,0,0,0.10);}
.btn-style-two:hover {color: #ffffff;box-shadow: 0 10px 15px rgba(0,0,0,0.09);}
.theme-btn {display: inline-block;text-align: center;border-radius: 5px;transition: all 0.5s ease;}
.theme-btn .btn-title {position: relative;z-index: 9;color: inherit;}
.theme-btn span:not(.btn-title) {
    position: absolute;left: 0;bottom: 0;width: 20%;height: 100%;border-radius: 50%;
    transform: translateY(150%);transition: all 500ms ease;background-color: #ffffff;z-index: 0;
}
.btn-style-two span:not(.btn-title) {background: #1370b5;}
.theme-btn span:nth-child(2) {left: 20%;transition-delay: 100ms;}
.theme-btn span:nth-child(3) {left: 40%;transition-delay: 200ms;}
.theme-btn span:nth-child(4) {left: 60%;transition-delay: 300ms;}
.theme-btn span:nth-child(5) {left: 80%;transition-delay: 400ms;}
.theme-btn:hover span {transform: translateY(0) scale(2);}
title{color: var(--t0);}.subtitle{color:var(--b1);text-transform: capitalize;}
.preloader {
    position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: #fafafa;z-index: 9999;display: none;
    background-image: url(../images/page-loader.gif);background-size: 200px;background-repeat: no-repeat;background-position: center;
}
body.loading{overflow: hidden;}
body.loading .preloader{display: block;}
.hs-box .icon{border-radius:50%;width: 50px;height: 50px;font-size: 30px;display: inline-flex;align-items: center;
    justify-content: center;background-color: var(--b2);color: var(--white);}
.banner{background-image: url('../images/about-us-banner.jpg');background-size: cover;background-position:center;}
.banner div{background: linear-gradient(to bottom, rgba(17, 50, 117, 0.91), rgba(17, 50, 117, 0.56));
display: flex;height: 400px;flex-direction: column;
justify-content: center;align-items: center;text-align: center;}
.banner h1{color: #fff;font-size: 40px;}.banner p{color: #ddd;max-width: 600px;width: 100%;}
/* header */
header{position: relative;left: 0;top: 0;width: 100%;height: auto;z-index: 99;border-top: 10px solid #1370b5;}
header-top,#appointment-btn,.main-menu .navigation{display: none !important;}
header .logo-box, header .nav-outer{position: relative;z-index:1;}
header-lower{background-color:#f5f5f5 ;}
header .logo-box {margin-right: 70px;}
header .logo {position: relative;z-index: 9;padding: 15px 0;transition: all 300ms ease;}
header .nav-outer {position: static;display: flex;justify-content: space-between;align-items: center;width: 100%;}
header .theme-btn {margin-left: 30px;}
header .outer-box {position: relative;display: flex;justify-content: center;align-items: center;}

.contact-list {position: relative;padding: 7px 0;}
.contact-list li {position: relative;display: inline-flex;font-size: 14px;
    line-height: 20px;color: #777777;font-weight: 400;margin-right: 30px;}
.contact-list li i {font-size: 20px;line-height: 20px;margin-right: 8px;color: #1370b5;}
.social-icon-one li {position: relative;margin-right: 10px;}
.social-icon-one li a {
    position: relative;display: block;font-size: 14px;color: #777777;height: 30px;width: 30px;
    border: 1px solid transparent;line-height: 28px;text-align: center;border-radius: 50%;transition: all 500ms ease;
}
.main-menu {position: static;margin:0 auto;}
.main-menu .navigation > li > ul {
    position: absolute;top: 100%;left: -15px;background-color: #fff;border-radius: 8px;padding: 10px 0;
    opacity: 0;z-index: 1;min-width: 200px;transition: all 0.5s;transform: translateY(50px);
    box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);pointer-events:none;
}
.main-menu .navigation > li {position: relative;margin-right: 30px;padding: 16px 0;transition: all 300ms ease;}

.main-menu .navigation > li.dropdown > span {padding-right: 10px;}
.main-menu .navigation > li > ul:before {
    position: absolute;left: 20px;top: -8px;content: "";
    border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #ffffff;
}
.main-menu .navigation > li > ul > li {position: relative;display: block;z-index: 1;}
.main-menu .navigation span, .main-menu .navigation a {
    color: #363636;white-space: nowrap;text-transform: capitalize;cursor: pointer;font-size: 16px;
    display: block;position: relative;z-index: 1;font-weight: 600;
}
.current > a,.current > span{color: #1370b5 !important;}
.main-menu .navigation > li > ul > li > span, .main-menu .navigation > li > ul > li > a {
    padding: 10px 30px;line-height: 20px;transition: all 0.3s ease;
}
.main-menu .navigation .drop-link:after {
    position: absolute;right: -2px;top: 50%;margin-top: -10px;font-family: "Font Awesome 5 Free";
    content: "\f0d7";display: block;line-height: 20px;font-size: 12px;font-weight: 900;color: #222222;z-index: 5;
}

.main-menu .navigation > li.dropdown:hover > ul {opacity: 1;visibility: visible;transform: translate(0px);
pointer-events: all;}
.mobile-nav-toggler {position: relative;font-size: 2rem;cursor: pointer;color: #1370b5;}
.mobile-menu{
    display: block;position: fixed;background: #333;padding: 2rem;overflow: hidden;
    top: 0;height: 100vh;overflow-y: auto;width: 100vw;z-index:123;left: -100vw;
    transition: left 300ms ease;
}
.mobile-menu .mobile-nav-toggler{color: #fff;}
.mobile-menu ul ul{height: 0;overflow: hidden;background: #211f1f;border-radius: 10px;}
.mobile-menu ul input:checked + ul{height:auto;padding: 1rem;}
.mobile-menu a,.mobile-menu label{display: block;padding: .5rem;color: #fff;}
.mobile-menu .logo{min-width: 130px;}
body.show-menu{overflow: hidden;}
body.show-menu .mobile-menu{left: 0;}
@media only screen and (min-width: 768px) {
    .mobile-menu{display: none;}
    .sect{padding-top: 80px;padding-bottom: 80px;}
    header-top,.main-menu .navigation{display: flex !important;}
    #appointment-btn{display: block !important;}
    .mobile-nav-toggler{display: none;}
    header-lower{background-color:#fff;}
    header .main-box {margin-bottom: 10px;padding-left: 30px;padding-right: 30px;
    border-radius: 50px;border: 1px solid #dddde1;background: #f5f5f5;}
}
/* header */
/* slider */

y-slider{display: block;overflow: hidden;width: 100%;position: relative;}
y-slider y-i{white-space:normal;width: 100%;display: inline-block;}
y-slider y-u{display: block;width: 100%;flex-wrap: nowrap;will-change: transform;white-space: nowrap;
    user-select: none;cursor: grab;animation:empty 7s linear infinite;}
y-slider y-u.ts{transition:transform 300ms ease;}
y-slider y-u:hover{animation-play-state: paused;}
y-bullets{display: flex;padding:10px;justify-content: center;align-items: center;}
y-bullets i{background-color:#222;width: 12px;height: 12px;border-radius:50%;transition:all 300ms;margin-right:8px;
    cursor: pointer;}
y-bullets i:hover,y-bullets i.a{background-color:#ff2525;}
y-bullets i.a{transform:scale(1.1);}
y-slider img{width: 100%;height: 100%;object-fit: cover;pointer-events: none;}

y-buttons i{position: absolute;background-color: rgba(34, 34, 34, 0.5);cursor: pointer;color:#fff;top: 50%;border-radius:8px;
    display: flex;justify-content:center;align-items: center;width:40px;height: 40px;transform:translateY(-50%);
    transition: transform 800ms ease, background-color 100ms, color 100ms;}
y-buttons i:first-child:after,y-buttons i:last-child:after{content:"";width: 8px;height: 8px;border-left:2px solid currentColor;
border-bottom:2px solid currentColor;display: inline-block;}
y-buttons i:first-child:after{transform: rotateZ(45deg);}
y-buttons i:last-child:after{transform: rotateZ(225deg);}
y-buttons i:first-child{left: 10px;transform:translateX(-100px);}
y-buttons i:last-child{right: 10px;transform:translateX(100px);}
y-slider:hover i{transform:translateX(0);}
y-buttons i:hover{background-color: #fff;color: #222;}

ul.list-style-one {position: relative;display: block;margin-bottom: 20px;}
.list-style-one li {position: relative;font-weight: 400;padding-left: 25px;margin-bottom: 5px;}
.list-style-one li:before {position: absolute;top: 0;left: 0;font-family: "Font Awesome 5 Free";
  content: "\f00c";color: #1370b5;font-weight: 900;font-size: 14px;
}
ul.list-style-two {position: relative;display: block;margin-bottom: 20px;}
.list-style-two li {position: relative;font-size: 16px;line-height: 28px;color: #363636;
  font-weight: 400;padding-left: 20px;margin-bottom: 5px;
}
.list-style-two li:before {position: absolute;top: 10px;left: 0;height: 7px;
  width: 7px;background-color: #1370b5;border-radius: 50%;content: "";}
.list-style-two.light li {font-weight: 300;}

@media (min-width: 576px){
    html{font-size: 13px;}
}
@media (min-width: 768px){
    html{font-size: 14px;}
    y-slider y-i{width: 50%;}
}
@media (min-width: 992px){
    html{font-size: 15px;}
    y-slider y-i{width: 33.3333%;}
    y-bullets{padding:30px 10px;}
}
@media (min-width: 1200px){
    html{font-size: 16px;}
}
@media (min-width: 1400px){
    html{font-size: 17px;}
}
@media (min-width: 1600px){
    html{font-size: 18px;}
}
/* slider */

