* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*, html { margin: 0; padding: 0; outline:none; list-style: none; }

html { font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }


body { 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #ffffff;
    font-family: "Inter", sans-serif;
    line-height: 21px;
    color: #646464;
    background:#f8f9fc;
    overflow-x: hidden;
}




ul, ol, h1, h2, h3, h4, h5, h6 { margin:0;padding:0; }
iframe {border:none;outline: none;vertical-align: middle;}

button,input,select,textarea { font-family: inherit; font-size: inherit;line-height: inherit;   resize: none;}

a { background-color: transparent; color:#5a5a5a;text-decoration: none; }
a:hover, a:focus, a:active { outline:0;text-decoration: none;cursor: pointer; }


figure {  margin: 0; }
img { border: 0;border:none;vertical-align: middle; max-width:100%; }

h1, h2, h3, h4, h5, h6 {line-height: 1.1;color: #0e1628;  }

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { display:block;color:#0e1628;transition:all .5s ease; }
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#cc9933 !important; }


[disabled] { opacity:.4 !important;cursor:not-allowed !important; }
h1{ font-size: 5rem; }

h2{ font-size: 2.5rem; }

h3 { font-size: 1.625rem; }

h4{ font-size: 1.3125rem; }

h5{ font-size: 1.125rem; }

h6 { font-size: 1rem; }


small { font-size: 85%; }

b, strong { font-weight: bold; }

svg:not(:root) { overflow: hidden; }



button { overflow: visible; }

button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; cursor: pointer; }


button::-moz-focus-inner, input::-moz-focus-inner { padding: 0;border: 0;  }

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}


label { display: inline-block;max-width: 100%; }

input[type=file] { display: block;  }

select[multiple], select[size] { height: auto; }

textarea { overflow: auto;  }
optgroup { font-weight: 700; }
table { border-spacing: 0;border-collapse: collapse; }
td, th { padding: 0; }


.overflow{ overflow:hidden; }

.alertify { 
    position: fixed;left: 0;right: 0;
    display: flex;align-items: center;justify-content: center;
    background: #FFFFFF;padding:0.9375rem 0.0000rem;font-size: 1.0625rem;
    -webkit-animation: alertify 0.3s forwards;
    -moz-animation: alertify 0.3s forwards;
    -o-animation: alertify 0.3s forwards;
    animation: alertify 0.3s forwards;

    -webkit-box-shadow: 0 0.0625rem 0.1250rem 0 rgb(0 0 0 / 8%);
    box-shadow: 0 0.0625rem 0.1250rem 0 rgb(0 0 0 / 8%);
    
     
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown; 
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -o-animation-duration:1s;
    z-index: 999999999999;
}


.alertify .fa { display:inline-block; width:1.3750rem; height:1.3750rem; line-height: 1.3750rem; font-size:0.8750rem; margin-right:0.6250rem;text-align: center; border-radius: 100%; }

.alertify.success{ background: #27ae60;color:#FFFFFF; }
.alertify.success .fa { background: #FFFFFF;color:#27ae60; }

.alertify.error { background: #E74C3C;color:#FFFFFF; }
.alertify.error .fa { background: #FFFFFF;color:#E74C3C; }

.alertify.warning { background: #f39C12;color:#FFFFFF; }
.alertify.warning .fa { background: #FFFFFF;color:#f39C12; }




@-webkit-keyframes fadeInDown {
    from { top:-31.2500rem;  }
    to { top:0.0000rem; }
}
@-moz-keyframes fadeInDown {
    from { top:-31.2500rem;  }
    to { top:0.0000rem; }
}
@keyframes fadeInDown {
    from {  top:-31.2500rem;  }
    to {  top:0.0000rem; }
}


.container {  margin-right: auto;margin-left: auto; }



.row { display:flex;gap:30px; }


@media (max-width:767px) {

    .row { flex-direction:column;gap:0px; }
    .container { width:100%;padding-left:15px;padding-right:15px;  }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }


} 

@media (min-width:768px) {

    .container { width:1448px;padding-right: 1.875rem;padding-left: 1.875rem; }
    .col-md-12 { width: 100%; }
    .col-md-11 {  width: 91.66666667%; }
    .col-md-10 { width: 83.33333333%; }
    .col-md-9 { width: 75%; }
    .col-md-8 { width: 66.66666667%; }
    .col-md-7 { width: 58.33333333%; }
    .col-md-6 { width: 50%; }
    .col-md-5 { width: 41.66666667%; }
    .col-md-4 { width: 33.33333333%; }
    .col-md-3 { width: 25%; }
    .col-md-2 { width: 16.66666667%; }
    .col-md-1 { width: 8.33333333%; }
   
  

}


.form-group { margin-bottom: 0.9375rem; }

.form-group > label{ font-weight: 500;font-size: 0.8750rem;color: #242f48;display: block;margin: 0 0.9375rem 0.6250rem;position: relative;transition: 0.5s;    }


.form-control {
    display: block;
    width: 100%;
    padding: 0.875rem 1.25rem;
    font-size:.9rem;
    font-weight: 500;
    color: #515151;
    background-color: #FFF;
    border:1px solid #dee2e6;
    background-clip: padding-box;
    -webkit-transition: all .3s; transition: all .3s;
}


.form-control:focus{ border-color:#242F48;}

.form-control::-moz-placeholder { color: #707070; opacity: 1 }
.form-control:-ms-input-placeholder { color: #707070 }
.form-control::-webkit-input-placeholder { color: #707070;  }


textarea.form-control { height: auto;  }



[class*=btn-] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0.875rem 1.8750rem;
    color: #FFF;
    transition: all 0.2s ease;
    border-radius: 2px;
    overflow-x: hidden;
}

[class*=btn-]:before {
    content:'';
    position: absolute;width:0px;height:0px;
    transition: all 0.5s ease;
    top: 50%; right: 50%;
    transform: translate(50%,-50%);
    border-radius: 100%;

}
[class*=btn-]:hover:before {
     width:300px;height:300px;
      background: rgba(255,255,255,.2);
}

.btn-block {  text-align: center;width:100%; }

.btn-primary { background: #0e1628 ;  }
.btn-info { background: #1877f2 ;  }
.btn-danger { background: #ea130e; }



.breadcrumb { position:relative;display: block;color: #0e1628;font-size: 0.8125rem; }
.breadcrumb > li { display: inline-block; }
.breadcrumb > li + li:before {  
   content: '/';
   padding: 0.0000rem 0.3125rem;display: inline-block;font-size: 0.6250rem;font-weight: bold;
   position: relative;top: -0.0625rem;
} 

.breadcrumb > li > a { color:#0e1628; }
.breadcrumb > li > a .fa { margin-right: 0.3125rem; }
.breadcrumb > li + li:before{ color:#0e1628; }




[class*=label-] { display: inline;padding: 0.3125rem; font-size: 75%; margin-bottom:0.0000rem;font-weight: 500; color: #FFFFFF; border-radius: .25em;text-align:center; }

.label-primary { background: #2943f8;color:#FFFFFF; }

.label-success { background: #a0f3c5;color:#0d964e; }

.label-info { background: #5BC0DE; }

.label-warning { background: #ffecb4;color:#d09c08; }

.label-danger { background: #ffb7ab;color:#b51d06; }

.label-purple { background: #722BB3; }




[class*=alert-] { display:block; padding: 0.9375rem 1.8750rem;border-radius:0.2500rem;text-align: center;font-weight: normal; }
.alert-success {  background: #72C868; color: rgb(255,255,255); }
.alert-info { background: #d9edf7;color: rgb(49, 112, 143);  }
.alert-warning { background: #fcf8e3;color: rgb(138, 109, 59); }
.alert-danger {  background: #FCE3E3;color: rgb(169, 68, 66); }



.container:after,
.container:before{
    display: table;
    content: " "
}

.container:after{
    clear: both
}


.hide { display: none!important; }

@-ms-viewport {
    width: device-width
}



@media (max-width:47.9375rem) {
    .hidden-xs {  display: none!important; }
}

@media (min-width:48.0000rem) and (max-width:61.9375rem) {
    .hidden-sm { display: none!important; }
}

@media (min-width:62.0000rem) and (max-width:74.9375rem) {
    .hidden-md { display: none!important; }
}

@media (min-width:75.0000rem) {
    .hidden-lg {  display: none!important; }
}



.alertify { 
    position: fixed;left: 0;right: 0;
    display: flex;align-items: center;justify-content: center;
    background: #FFFFFF;padding:15px 0px;font-size: 17px;
    -webkit-animation: alertify 0.3s forwards;
    -moz-animation: alertify 0.3s forwards;
    -o-animation: alertify 0.3s forwards;
    animation: alertify 0.3s forwards;

    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 8%);
    
     
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown; 
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -o-animation-duration:1s;
    z-index: 999999999999;
}


.alertify .fa { display:inline-block; width:22px; height:22px; line-height: 22px; font-size:14px; margin-right:10px;text-align: center; border-radius: 100%; }

.alertify.success{ background: #27ae60;color:#FFFFFF; }
.alertify.success .fa { background: #FFFFFF;color:#27ae60; }

.alertify.error { background: #E74C3C;color:#FFFFFF; }
.alertify.error .fa { background: #FFFFFF;color:#E74C3C; }

.alertify.warning { background: #f39C12;color:#FFFFFF; }
.alertify.warning .fa { background: #FFFFFF;color:#f39C12; }




@-webkit-keyframes fadeInDown {
    from { top:-500px;  }
    to { top:0px; }
}
@-moz-keyframes fadeInDown {
    from { top:-500px;  }
    to { top:0px; }
}
@keyframes fadeInDown {
    from {  top:-500px;  }
    to {  top:0px; }
}



.fancybox__container {
        z-index: 9999999999 !important;
}

@keyframes header_sticky {
        0% {
                top: -15.625rem;
        }

        100% {
                top: 0;
        }
}

.page404 {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        font-size: 0.875rem;
        width: 100%;
        height: 100%;
}

.page404 strong {
        font-size: 8.75rem;
        line-height: 8.75rem;
        font-weight: 900;
        color: #2c2c2c;
}

.page404 span {
        margin-bottom: 0.3125rem;
}

.page404 .btn-link {
        margin-top: 0.9375rem;
}


.languages {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: none;
        align-items: center;
        justify-content: center;
        padding:0 50px;
        overflow: hidden;
        z-index: 10000;
        background: #FFF;
}


.open-languages { overflow:hidden; }
.open-languages .languages {
        display: flex;
}



.languages .content {
        max-width: 500px;
}


.languages ul {
        display: flex;
        align-items: center;
        justify-content: space-around;
        gap: 15px;
}

.languages ul li a {
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
        text-align: center;
        color:#0e1628;
        gap: 5px;
}

.languages ul li a img {
        max-width: 100px;
        border-radius: 2px;
        transition: all 0.4s ease;
}

.languages ul li a:hover img {
        transform: scale(1.1);
}

.languages .close {
        position: fixed;
        top: 30px;
        right: 30px;
        font-size: 2rem;
        color:#0e1628;
        z-index: 5;
}

.cta { padding:20px 15px;text-align:center; background: #cc9933; color:#FFF; font-weight: bold;font-size:18px;margin-bottom:100px; }
.owl-nav { text-align:center;margin-top:30px; }

.owl-carousel .owl-prev, .owl-carousel .owl-next { 
        display: inline-block;
        padding:5px 10px;
        background: #FFF;
        font-size:14px;
        margin:0 5px;
        border-radius: 50px;
 }

.title {
        text-align: center;
        margin-bottom: 1.125rem;
}


.title h2 {
       color: #1877f2;
    font-size: 20px;
    margin-bottom: 0.3125rem;
    line-height: 1.625rem;
}

.title p {
       color: #0e1628;
    margin-bottom: 50px;
    font-size: 1.5875rem;
    line-height: 1.1;
    font-weight: bold;
}

.header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        padding:15px 0px;
        height: 140px;
}

body:not(.index) .header { 
        position: relative;

}
body:not(.index) .header:before { 
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #0e1628;
        opacity: .8;
        z-index: 2;

}
.header .container {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 5;
}

.header .right {
        margin-left: auto;
}

.header .logo {
        display: block;
}

.header .logo img {
        width: 100%;
        max-width: 75px;
        min-width: 75px;
}


.header nav>ul>li {
        display: inline-block;
        margin-right: 1.2rem;
}

.header nav>ul>li>a {
        position: relative;
        display: block;
        font-size: 1.1rem;
        font-weight: 600;
        color: #eee;
}

.header nav>ul>li:hover>a:before {
        height: 0.2125rem;
}

.header nav>ul>li>a:before {
        content: "";
        position: absolute;
        bottom: -0.375rem;
        left: 0;
        right: 0;
        display: inline-block;
        background: #fff;
        height: 0;
        transition: all 0.4s;
}

.header .actions {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
}

.header .actions a {
        position: relative;
        display: inline-block;
        min-width: 40px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        text-align: center;
        border-radius: 2px;
        font-size: 14px;
        overflow: hidden;
}

.header .actions a:before {
        content: "";
        position: absolute;
        width: 0px;
        height: 0px;
        transition: all 0.5s ease;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        border-radius: 100%;
}

.header .actions a:hover:before {
        width: 100px;
        height: 100px;
        background: rgba(255, 255, 255, 0.2);
}


.dropdown { position:relative; }
.dropdown-menu {
    position: absolute;
    top: 100%;     
    left: calc(50% - 90px);
    min-width: 180px;
    background: #0e1628;
    list-style: none;
    display: none; 
    z-index: 1000;
}

.dropdown>.dropdown-menu{ margin-top:30px; }

.dropdown-menu li + li { border-top:1px solid rgba(255,255,255,.05); }
.dropdown-menu li a {
    display: block;
    padding:10px 15px;
    color: #FFF;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
}

.dropdown-menu li:hover>a {
    background: rgba(255,255,255,.1);
}

.dropdown.open > .dropdown-menu {
    display: block;
}

/* SUBMENU için özel yapı */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;  /* sağa açılma */
    margin-left: -1px;
}








.facebook{  background:#1877f2; } 
.instagram{  background:#c13584; } 
.twitter{  background:#1da1f2; } 
.youtube{  background:#ff0000; } 
.linkedin{  background:#0a66c2; } 

.header .actions .call {
        background: #cc9933;
        color: #fff;
        font-weight: bold;
}

.header .actions .globe {
        background: #0e1628;
        color: #fff;
        width: auto;
        padding: 0 15px;
        font-weight: bold;
}

.header .actions .globe .fa {
        margin-right: 5px;
}


.main {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        min-height: 100vh;
        max-height: 100vh;
        padding-top: 7.5rem;
        color: #fff;
        overflow: hidden;
        text-align: center;
}

.main .container {
        position: relative;
        z-index: 5;
}
		 
.main:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        
        z-index: 2;
}

.main::after {
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        width: 100%;
        height: 100%;
        z-index: 1;
        background: #0e1317;
        opacity: 0.5;
}


.main h1 {
        position: relative;
        color: #ffff;
        font-weight: bold;
        font-size: 4.0625rem;
        margin-bottom: 1.375rem;
}

.main p {
        display: inline-block;
        margin-bottom: 1.875rem;
        font-weight: 300;
        font-size: 1.3125rem;
        max-width: 600px;
        color:#EEE;
}

.main .btn-primary {
        background: #fff;
        border: 2px solid #fff;
        color: #0e1317;
}

.main .btn-danger {
        background: rgba(0, 0, 0, 0.2);
        border: 2px solid #fff;
}

.main [class*="btn-"]:hover {
        padding-right: 60px;
}

.main [class*="btn-"]:hover .far {
        display: block;
}

.main [class*="btn-"]:before {
        display: none;
}

.main [class*="btn-"] .far {
        display: none;
        position: absolute;
        right: 30px;
}

.hero {
        position: relative;
        overflow: hidden;
        padding:75px 0px 50px 0px;
        text-align: center;
}


.hero .container {
        position: relative;
        z-index: 5;
}

.hero h1 { 
        position: relative;
        font-weight: bold;
        font-size: 2rem;
}
.hero img { max-width:50px;margin-bottom:15px; }




.features {
        background: #0e1628;
        padding:100px;
}


.features .title p {
        color: #EEE;
}



.features .owl-next,
.features .owl-prev {
        display: inline-block;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 50px;
        padding: 8px 24px;
        color: #fff;
        transition: all 0.3s ease;
}

.features .owl-next:hover,
.features .owl-prev:hover {
        background: #10619f;
}

.features .service-item:before { display:none; }
.features .service-item:after { opacity: .5}


.services {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 33.3333%));
        gap: 15px;
        z-index: 5;
}

.service-item {
        position: relative;
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        padding:30px;
        flex-direction: column;
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
        height: 450px;
        border-radius: 2px;
        overflow: hidden;
}

.services-small { grid-template-columns:repeat(4, minmax(0,25%));margin-top:30px; }
.service-item-small { height:250px; }
.service-item-small h3 { font-size:18px;color:#FFF;margin-bottom:5px;font-weight:bold;z-index:5; }

.service-item:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0)  0%, #0e1628 100%);
        z-index: 2;
}

.service-item::after {
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        width: 100%;
        height: 100%;
        z-index: 1;
        background: #0e1317;
        opacity: 0.3;
}




.service-item h2 {
        position: relative;
        font-size: 1.6rem;
        margin-bottom: 5px;
        color:#FFF;
        z-index: 3;
}

.service-item p {
        display: block;
        position: relative;
        color:#FFF;
        height:45px;
        overflow: hidden;
        font-size:14px;
        z-index: 3;
}



.service-item:hover p{
        height: auto;
}

.service-item:hover { padding-bottom:50px; }


.partners { padding-bottom:100px; }
.partners .item { background:#FFF;text-align:center; }
.partners .item img { max-height:150px; }
.doctors { padding:100px 0px; }
.doctors .service-item { height:350px;align-items: center; }
.doctors .service-item h2 { font-size:1rem; }

.bmi-area { padding:100px 0px;background:#1877f2; }
.bmi { display:flex;align-items:flex-start;justify-content:center;gap:15px; color:#FFF; }
.bmi .left, .bmi .right { flex:1;flex-grow:1; }
.bmi h2 { color:#FFF;font-size:30px;margin-bottom:30px; }
.bmi ul { padding-left:15px; }
.bmi ul li { list-style:disc; }
.bmi ul li + li { margin-top:15px;font-size:16px; }
.bmi .checkbox {background: #FFF;display: flex;align-items: center;justify-content: flex-start;padding:15px;gap:15px;border-radius: 2px;    font-size: .9rem; color:#515151; }
.bmi .form-group > label { padding-left:0px;color:#FFF; }
.bmi .form-control { border:none;border-radius:2px; }
.bmi .result { margin-top:30px; }

.reviews { padding-bottom:100px; }
.reviews .item {
        background: #fff;
        padding: 30px;
        position: relative;
        border-radius: 2px;
        text-align: center;
        z-index: 1;
}

.reviews .item span {
        position: relative;
        left:-30px;
        display: inline-block;
        margin-bottom: 30px;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        background: #cc9933;
        padding: 12px 30px;
        border-radius: 0 40px 40px 0;
        z-index: 1;
}

.reviews .item p {
   

display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size:14px;
margin-bottom: 15px;

}
.reviews .item h3 {
        font-size:18px;
        margin-bottom: 5px;
}

.reviews .item figure { margin-top:15px; }

.reviews .item img { max-height:30px; }

.reviews .item .fa {color:orange;}

.videos { padding-bottom:100px;text-align:center; }


.videos .title { display:flex;align-items:center;justify-content:center; gap:15px;font-weight:bold;color:#0e1628;font-size:30px;margin-bottom:30px; }
.videos .title .fab { color:red;font-size:40px; }


.videos .item iframe { width:100%;border-radius:2px; overflow:hidden; }

.videos .btn-more { border-radius:50px;margin-top:30px; }

.working-area {
        padding: 100px 0px;
}





.working {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 33.3333%));
        gap: 15px;
}

.working .item {
        background: #fff;
        padding: 30px;
        position: relative;
        border-radius: 2px;
        z-index: 1;
}

.working .item span {
        position: relative;
        left:-30px;
        display: inline-block;
        margin-bottom: 30px;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        background: #cc9933;
        padding: 12px 30px;
        border-radius: 0 40px 40px 0;
        z-index: 1;
}

.working .item h3 {
        margin-bottom: 5px;
}


.sidebar-title {
        background: #ffffff;
        font-size: 1.5rem;
        padding: 30px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}

.sidebar-title .far {
        margin-right: 10px;
}

.blog-item {
        display: grid;
        grid-template-columns: minmax(0, 30%) minmax(0, 70%);
        align-items: center;
        justify-content: center;
        gap: 15px;
        position: relative;
        padding: 30px;
        background: #ffffff;
        border-radius: 2px;
}

.blog-item+.blog-item {
        border-top: 1px solid rgba(0, 0, 0, 0.03);
}

.blog-item h3 {
        position: relative;
        font-size: 1.3rem;
        margin-bottom: 0.5rem;
}

.blog-item h3 a {
        color: #0e1317;
}

.blog-item p {
        position: relative;
        margin-bottom: 1rem;
        z-index: 2;
}

.blog-item img {
        position: relative;
        z-index: 2;
}

.blog-item ul {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 13px;
        gap: 15px;
        line-height: 1.1;
        color: #999;
}

.blog-item ul li+li {
        border-left: 1px solid #eee;
        padding-left: 15px;
}

.blog-item ul li .fa {
        margin-right: 5px;
}

.sidebar-widget {
        background: #fff;
}

.sidebar-widget+.sidebar-widget {
        margin-top: 30px;
}

.sidebar-content {
        display: grid;
        list-style-type: disc !important;
        padding: 30px;
}

.sidebar-content .item+.item {
       margin-top: 10px;
}


.sidebar .item { 
        
        position: relative;
        font-size: 1rem;
        font-weight: 400;
        color: #5a5a5a;
}

.sidebar .item a { 
        display:flex;
        gap:15px;
        align-items:center; 
        justify-content: flex-start;
}

.sidebar-contact .item i {
        width: 1.875rem;
        min-width: 1.875rem;
        max-width: 1.875rem;
        color: #cc9933;
        font-size: 1.25rem;
}

.sidebar .item img { max-width:50px;border-radius:2px;}



.post {
        padding: 30px;
        background: #ffffff;
        border-radius: 2px;
}

.post .image {
        margin-bottom: 1.875rem;
        max-height: 300px;
}

.post .image img { max-height:300px;object-fit:cover;width:100%; }

.post ul.meta {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 0.8rem;
        gap: 15px;
        line-height: 1.1;
        color: #666;
        margin-bottom: 30px;
}

.post ul.meta li+li {
        border-left: 1px solid #eee;
        padding-left: 15px;
}

.post ul.meta li .fa {
        margin-right: 5px;
}

.post ul.meta li .fab {
        font-size: 1rem;
}

.post ul.meta li.seperator {
        display: flex;gap: 15px;
        margin-left: auto;
}



.post p+p,
.article p+p {
        margin-top: 0.9375rem;
}

.post ul:not(.meta),
.article ul,
.post ol:not(.meta),
.article ol {
        padding-left: 1.875rem;
        margin: 0.9375rem 0rem;
}

.post ul:not(.meta) li,
.article ul li {
        list-style-type: disc;
}

.post ol:not(.meta) li,
.article ol li {
        list-style-type: decimal;
}

.post h2,
.article h2,
.post h3,
.article h3,
.post h4,
.article h4,
.post h5,
.article h5,
.post h6,
.article h6 {
        font-size: 1.625rem;
        margin-bottom: 0.9375rem;
        margin-top: 1.875rem;
}

.contact {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 58.33333333%) minmax(0, 41.66666667%);
        gap: 15px;
        z-index: 5;
}

.contact .left,
.contact .right {
        border-radius: 2px;
        padding: 50px;
        background: #fff;
}

.contact .small-title {
        display: inline-block;
        margin-bottom: 0.5rem;
        color: #D08726;
}

.contact h2 {
        font-size: 2rem;
        margin-bottom: 0.9375rem;
}

.contact p {
        margin-bottom: 3.125rem;
}
.map { margin-top:30px; }
.map iframe {
        width: 100%;
        max-height: 21.875rem;
        height: 21.875rem;
        margin-bottom: 0rem;
        vertical-align: middle;
}

.contact ul li+li {
        margin-top: 0.9375rem;
}

.contact ul li {
        display: flex;
        align-items: center;
        font-size: 1.125rem;
        color:#CCC;
}

.contact li i {
        height: 80px;
        min-height: 80px;
        max-height: 80px;
        width: 80px;
        min-width: 80px;
        max-width: 80px;
        background-color:#cc9933;
        color: #FFF;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 1.563rem;
        border-radius: 2px;
        margin-right: 1.875rem;
        transition: 0.5s;
}

.contact li strong {
        display: block;
        color: #FFF;
        font-size: 1.25rem;
        margin-bottom: 5px;
}

.contact .right { background:#0e1628; }

.contact .right h2 { color:#FFF; }
.contact .right p { color:#DDD; }


.gallery {
        position: relative;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 25%));
        column-gap: 15px;
        row-gap: 15px;
        gap: 15px;
}

.gallery .item {
        display: block;
        break-inside: avoid;
        background: #fff;
        text-align: center;
        border-radius: 2px;
        overflow: hidden;
        z-index: 5;
}

.gallery .item img {
        max-width:100%;
}




.footer-area {
        position: relative;
        padding: 8.25rem 0rem;
        background: #0e1628;
        margin-top:100px;
}

.footer-area .container {
        position: relative;
        z-index: 5;
}



.footer {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 20%));
        gap: 35px;
}

.footer p {
        color: #eee;
}



.footer .widget-title {
        font-weight: bold;
        margin-bottom: 1.25rem;
        font-size: 1.5625rem;
        color: #cc9933;
}

.footer .widget ul li {
        color: #eee;
        font-size: 1rem;
}

.footer .widget ul li+li {
        margin-top: 0.625rem;
}

.footer .widget ul li a {
        position: relative;
        display: block;
        color: #eee;
        font-size: 1rem;
}

.footer .widget ul>li>i {
        width: 1.875rem;
        color: #cc9933;
        font-size: 1.25rem;
}

.footer .widget .socials { margin-top:1rem; } 
.footer .widget .socials a { display: inline-block;  padding:5px 10px;border-radius:2px; }



.copyright {
        background: #0e1628;
        text-align: center;
        color: #ccc;
        padding: 2.5rem 0rem;
        font-size: 0.875rem;
        border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.copyright .container {
        display: flex;
        align-items: center;
        justify-content: center;
}

.copyright .left {
        margin-right: auto;
}



@media (max-width: 767px) {
        .mobimenu {
                position: fixed;
                transform: scale(0);
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                display: flex;
                justify-content: flex-start;
                flex-direction: column;
                overflow: hidden;
                padding-top: 110px;
                z-index: 10000;
        }

        .mobimenu.show,
        .mobimenu.show::after {
                transform: scale(1);
        }

        .mobimenu.show .middle {
                opacity: 1;
        }

        .mobimenu>ul {
            padding-top:30px;
            padding-bottom: 30px;
                position: relative;
                transition-behavior: normal;
                transition-duration: 0.6s;
                transition-timing-function: ease;
                transition-delay: 0.6s;
                transition-property: all;
                opacity: 0;
                z-index: 100000;
                overflow: scroll;
        }

     

        .mobimenu ul li a {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            color: #FFF;
            font-weight: bold;
            padding: 15px;
            border-bottom:1px solid rgba(255,255,255,.1);
        }

          .mobimenu ul li a i { margin-left:auto; }

        .mobimenu ul li a:hover {
                background: rgba(255, 255, 255, 0.05);
        }

        .mobimenu .dropdown-menu{ margin-top:0px; background:rgba(255,255,255,.01);position:static; }
         .mobimenu .dropdown-submenu.open > .dropdown-menu {
    display: block;
}


        .mobimenu::after {
                content: "";
                display: block;
                position: absolute;
                border-radius: 50%;
                background-color: #0e1628;
                width: 284vmax;
                height: 284vmax;
                top: -142vmax;
                left: -142vmax;
                transform: scale(0);
                transform-origin: 50% 50%;
                transition: transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);
                will-change: transform;
        }


.languages ul { display:grid;grid-template-columns:repeat(3, 1fr);gap:30px; }
.languages { z-index:999999; }
.languages ul li a { font-size:14px; }
        .languages .selector li a img { max-width: 75px;}
        
                


        .header { height:110px;z-index:99999; }
        .header .container {
                padding-left: 0px;
        }

        .header .logo img{
                width: 50px;
                min-width: 50px;
                max-width: 50px;
        }

      

        .header .right {
                display: none;
        }

        .header .toggle {
                padding: 15px 15px 15px 15px;
                font-size: 1.7rem;
                color:#0E1317;
        }

        .header .toggle { 
                color: #FFF; 
        }

        .header .actions {
                margin-left: auto;
        }

        .header .actions a {
                font-size: 0.95rem;
        }



.header .actions a.facebook,
.header .actions a.instagram,
.header .actions a.twitter,
.header .actions a.youtube,
.header .actions a.linkedin{ display:none; } 

        .main{
                padding-top:5.5rem;
                min-height: 400px;
                max-height: 400px;
                height: 400px;
        }

        .main h1 {
                font-size: 2rem;
        }

        .main p {
                font-size: 1rem;
        }

        .main .buttons a {
                padding: 6px 15px;
                font-size: 0.9rem;
        }

        .title p { font-size:1rem !important; }

        .hero { padding:50px 0px; }
        .hero img { display:none; }
        .working {grid-template-columns: repeat(2, minmax(0, 50%)); }
          .working .item {
                font-size: 12px;
                padding:15px;
        }


        .working .item span{ background:none;padding:0px;color:#cc9933;font-size:14px;left:0px;padding:0px;border-radius:0px;margin-bottom:5px; }
           .working-area h3 {
                font-size: 1rem;
        }



        .cta { font-size:16px; }
        .doctors { padding:50px 0px !important; }
        .videos .item iframe { max-height:250px !important; height:250px !important; min-height:250px !important; }
        .meeting { display:block !important; }
        .meeting .left, .meeting .right { padding:30px !important; }
        .meeting .right .options { grid-template-columns:repeat(3, 1fr) !important; }
        .meeting .right .options label span { display:flex !important;align-items: center;justify-content: center; height:100%;font-size:14px; }
        .meeting .btn-next, .meeting .btn-prev, .meeting .btn-submit { padding:10px 15px!important; }



        .bmi-area { padding:50px 0px !important; text-align:center; }
        .bmi { display:block !important;}
        .bmi ul  { padding-left:0px; }
        .bmi ul li { list-style:none;font-size:14px;}
        .bmi ul li + li { margin-top:5px;}
        .bmi .right { margin-top:30px;  }

        .gallery { grid-template-columns:repeat(2, minmax(0,50%)); }

        .footer{
                display: block;
        }

        .features {
                padding: 50px 0px;
        }

        .reviews { padding-bottom:50px; }
        .reviews .item{ padding:15px; }
        .reviews .item .fa { font-size:12px; }
        .reviews .item p { margin-bottom:5px;font-size:12px; }
        .reviews .item figure { margin-top:5px; }
        .reviews .item img { max-height:15px; }

        .videos { padding-bottom:50px; }

        .partners { padding-bottom:50px; }
        .working-area { padding:50px 0px; }


     
        .blog-item p {
                display: -webkit-box;
                -webkit-line-clamp: 4;
                -webkit-box-orient: vertical;
                overflow: hidden;
                font-size: 0.9rem;
        }

        .services {
                display: flex;
                flex-direction: column;
                gap: 15px;
        }

        .post { padding:15px !important }
        .post ul.meta {
                display: block;
                text-align: center;
        }

        .post ul.meta li {
                display: inline-block;
        }

        .post ul.meta li.seperator {
                border-left: 0px;
                padding-left: 0px;
                margin-left: 0px;
                padding-top: 15px;
        }

        .post ul.meta li.seperator a+a {
                display: inline-block;
                margin-left: 15px;
        }

        .post-title {
                display: none;
        }

        .sidebar {
                margin-top: 30px;
        }

        .sidebar-title {
                font-size: 1.3rem;
        }

        .sidebar-content .item h3 {
                font-size: 0.9rem;
        }

        .sidebar-content .item+.item {
                margin-top: 15px;
        }

        .contact {
                display: flex;
                flex-direction: column;
                overflow-x: hidden;
        }

        .contact .left,
        .contact .right {
                padding: 30px;
        }

        .contact h2 {
                font-size: 1.7rem;
                margin-bottom: 10px;
                text-align: center;
        }

        .contact p {
                font-size: 0.9rem;
                margin-bottom: 1.5rem;
                text-align: center;
        }

        .contact .small-title {
                display: block;
                font-size: 0.8rem;
                text-align: center;
        }

        .contact ul li {
                font-size: 0.9rem;
        }

        .contact ul li strong {
                font-size: 1rem;
                line-height: 1.1;
                margin-bottom: 0px;
        }

        .contact ul li i {
                width: 60px;
                height: 60px;
                line-height: 60px;
                max-width: 60px;
                min-width: 60px;
                max-height: 60px;
                min-height: 60px;
                margin-right: 1rem;
        }

        .contact textarea.form-control {
                max-height: 150px;
        }

        .footer-area {
                padding: 3.125rem 0px;
                overflow: hidden;
        }

        .footer-area .logo {
                display: none;
                margin-bottom: 30px;
                border-bottom: 1px solid rgba(255, 255, 255, 0.05);
                margin-left: -30px;
                margin-right: -30px;
                padding-bottom: 30px;
                padding-top: 30px;
        }

        .footer-area .logo img {
                max-width: 200px;
        }

        .footer .widget:first-child {
                border-top: 0px;
                margin-top: 0px;
                padding-top: 0px;
        }

        .footer .widget+.widget {
                margin-top: 23px;
                padding-top: 20px;
        }

        .footer .widget-title {
                display: flex;
                font-size: 1.3rem;
                margin-bottom: 0px;
        }

        .footer .widget-title .far {
                margin-left: auto;
        }

        .footer .widget-content {
                display: none;
        }

        .footer .open .widget-content {
                display: block;
                padding-top: 15px;
        }

        .footer .open .widget-title .far {
                transform: rotate(180deg);
        }

        .copyright {
                padding: 30px 0px;
        }
}

@media (min-width: 768px) {
        .header .toggle {
                display: none;
        }

        .mobimenu {
                display: none;
        }

        .dropdown-submenu:hover > .dropdown-menu {
    display: block;
}



        .footer .widget-title .far {
                display: none;
        }
}