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

Template Name: Mutlu Medikim A. Åž.
Author: validtheme
Description:
Version: 1.3

Main Font    : Poppins
Main Color   : #004f9f

-------------------------------------

Table of contents

    01. Template default css
    02. Navbar
        - Navbar Default
        - Navbar Sticky
        - Navbar Transparent
        - Nav With Topbar
    03. Banner
    04. Features
    05. About Area
    06. Services
        - Carousel
        - Grid
        - Static
    07. Portfolio
        - Grid Colum
        - Masonary Colum
    08. Doctors
        - Carousel
        - Grid
        - Static
    09. Department Area
    10. Fun Factor
    11. Blog
        - Standard
        - Left Sidebar
        - Right Sidebar
    12. Concat Area
    13. Subscribe Form
    14. Error 404
    15. Footer
    16. PHP Contact Form
    17. Others

*/


/*
** General Styles for HTML tags
*/

* {
   padding: 0;
   margin: 0;
}

html {
   width: 100%;
   height: 100%;
   position: relative;
   overflow: visible;
}

body {
   font-family: 'Open Sans', sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 26px;
   overflow-x: hidden;
   background-color: rgba(248, 249, 250, 1);
   color: #666666;
}

html,
body,
.wrapper {
   height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   color: #232323;
   font-weight: normal;
   line-height: 1.2;
   font-family: 'Poppins', sans-serif;
   letter-spacing: 0;
   margin: 0;
}

h1,
h2,
h3,
h4 {
   margin-bottom: 15px;
}

h5,
h5 {
   margin-bottom: 10px;
}

h6 {
   font-size: 14px;
}


img:not([data-attr="zoom"]) {
   border: none;
   outline: none;
   max-width: 100%;
}

label {
   display: inline-block;
   font-weight: normal;
   margin-bottom: 5px;
   max-width: 100%;
}

a,
.btn,
button {
   transition: all 0.35s ease-in-out;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   outline: medium none;
}

a img,
iframe {
   border: none;
}

p {
   color: #666666;
   line-height: 26px;
   margin: 0 0 15px;
   text-transform: none;
   font-weight: 400;
}

hr {
   margin-top: 0;
   margin-bottom: 0;
   border: 0;
   border-top: 1px solid #eee;
}


.myhr3 {
   margin: 40px 0;
   border: 0;
   height: 2px;
   background-image: linear-gradient(to right, transparent, #004f9f, transparent);
}


pre {
   display: block;
   margin: 0 0 30px;
   padding: 9.5px;
   word-wrap: break-word;
   word-break: break-all;
   color: #333;
   border: 1px solid #ededed;
   border-radius: inherit;
   background-color: #f9f9f9;
   font-size: 13px;
   line-height: 1.42857143;
}

input:focus,
textarea:focus,
select:focus {
   outline: none;
   box-shadow: inherit;
}

ul {
   margin: 0;
   list-style-type: none;
}

a,
a:active,
a:focus,
a:hover {
   outline: none;
   text-decoration: none;
   color: #232323;
}

a:hover {
   color: #232323;
}

a {
   transition: all 0.35s ease-in-out;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   text-decoration: none;
   font-family: 'Poppins', sans-serif;
}

b,
strong {
   font-weight: 900;
}

.btn.active,
.btn:active {
   background-image: inherit !important;
}

.btn.focus,
.btn:active:focus,
.btn:active:hover,
.btn:focus,
.btn:hover {
   outline: 0;
}

.btn.circle {
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
}

.btn.active,
.btn:active {
   outline: 0;
   -webkit-box-shadow: inherit;
   box-shadow: inherit;
}

input {
   border: 1px solid #e7e7e7;
   border-radius: inherit;
   box-shadow: inherit;
   min-height: 50px;
}

/* Default CSS */
.container-half {
   margin: 0 auto;
   width: 60%;
   padding: 0 15px;
}

.bg-cover {
   background-position: center center;
   background-size: cover;
}

.bg-contain {
   background-position: center center;
   background-repeat: no-repeat;
   background-size: contain;
}

.bg-fixed {
   background-attachment: fixed;
   background-position: center top;
   background-size: cover;
}

.bg-gray {
   background-color: #f7f7f7;
}

.bg-theme-small {
   background-color: #edf5ff;
}

.bg-light {
   background-color: #ffffff;
}

.bg-theme {
   background-color: #004f9f;
}

.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.text-light p,
.text-light a {
   color: #ffffff;
}

.shadow {
   position: relative;
   z-index: 1;
}

.shadow.dark::after {
   background: #000000 none repeat scroll 0 0;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0.5;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1;
}

.shadow.dark-hard::after {
   background: #000000 none repeat scroll 0 0;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0.75;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1;
}

.shadow.light::after {
   background: #ffffff none repeat scroll 0 0;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0.3;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1;
}

.shadow.theme::after {
   background: #004f9f none repeat scroll 0 0;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0.5;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1;
}

.shadow.theme-hard::after {
   background: #004f9f none repeat scroll 0 0;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0.7;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1;
}

.default-padding {
   padding-top: 120px;
   padding-bottom: 120px;
}

.default-padding-top {
   padding-top: 120px;
}

.default-padding-bottom {
   padding-bottom: 120px;
}

.default-padding.bottom-less {
   padding-top: 120px;
   padding-bottom: 90px;
}

.default-padding.bottom-30 {
   padding-top: 120px;
   padding-bottom: 30px;
}

.default-padding.bottom-20 {
   padding-top: 120px;
   padding-bottom: 20px;
}

.padding-xl {
   padding-top: 180px;
   padding-bottom: 180px;
}

.carousel-shadow {
   padding-bottom: 105px;
}

.btn {
   display: inline-block;
   font-family: "Poppins", sans-serif;
   font-size: 14px;
   line-height: 25px;
   text-transform: uppercase;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
   font-weight: 600;
   letter-spacing: 1px;
   border-radius: inherit;
   overflow: hidden;
}

.btn-md {
   padding: 10px 40px 10px;
}

.btn-sm {
   padding: 8px 35px;
   font-size: 12px;
}

.btn.btn-sm-pro {
   font-size: 10px;
   font-weight: 600;
   margin-top: 5px;
   padding: 4px 35px;
   display: inline-block;
}

.btn-border-light {
   border: 2px solid #ffffff;
}

.btn.btn-sm-pro.btn-border-light:hover,
.btn.btn-sm-pro.btn-border-light:focus {
   background-color: #ffffff;
   color: #232323;
   border: 2px solid #ffffff;
}

.btn-dark {
   background-color: #232323;
   color: #ffffff;
   border: 2px solid #232323;
}

.btn-dark.border {
   background-color: transparent;
   color: #232323;
   border: 2px solid #232323;
}

.btn-dark.border:hover {
   background-color: #232323;
   color: #ffffff !important;
   border: 2px solid #232323;
}

.btn.btn-light {
   background: #ffffff none repeat scroll 0 0;
   border: 2px solid #ffffff;
   color: #232323;
}

.btn.btn-light:hover,
.btn.btn-light:focus {
   background: transparent none repeat scroll 0 0;
   border: 2px solid #ffffff;
   color: #ffffff;
}

.btn.btn-light.effect:hover,
.btn.btn-light.effect:focus {
   background-color: #004f9f;
   color: #ffffff !important;
   border: 2px solid #004f9f;
}

.btn.btn-light.border {
   background: transparent;
   border: 2px solid #ffffff;
   color: #ffffff;
}

.btn.btn-light.border:hover {
   background: #ffffff none repeat scroll 0 0 !important;
   border: 2px solid #ffffff !important;
   color: #232323 !important;
}

.btn-dark:hover,
.btn-dark:focus {
   color: #232323 !important;
   background: transparent;
}

.bg-dark {
   background: #1d2024 none repeat scroll 0 0;
}

.bg-gradient {
   background: linear-gradient(to bottom, #ffffff 2%, #004f9f 100%);
}

.gradient-bg {
   background: linear-gradient(40deg, rgba(12, 184, 182, 1) 90%, rgba(31, 246, 244, 1) 100%);
}

.btn-theme {
   background-color: #004f9f;
   color: white !important;
   border: 2px solid #004f9f;
}

.buttonTheme {
   background-color: white;
   color: black !important;
   border: 2px solid #004f9f;
}

.buttonTheme:hover {
   background-color: #004f9f;
   color: white !important;
   border: 2px solid #004f9f;
}

.btn-theme.border {
   background-color: transparent;
   color: white !important;
   border: 2px solid white;
}

.btn-theme.border:hover {
   background-color: #004f9f;
   color: #ffffff !important;
   border: 2px solid #004f9f;
}

.btn-theme.effect:hover,
.btn-theme.effect:focus {
   background: #004f9f none repeat scroll 0 0;
   border: 2px solid #004f9f;
   color: #ffffff;
}





.btn-theme2 {
   background-color: #097AAE !important;
   color: white !important;
   border: 2px solid #097AAE !important;
}

.btn-theme2.border {
   background-color: transparent;
   color: white !important;
   border: 2px solid white;
}

.btn-theme2.border:hover {
   background-color: #004F9F !important;
   color: #ffffff !important;
   border: 2px solid #004F9F;
}

.btn-theme2.effect:hover,
.btn-theme2.effect:focus {
   background: #004f9f none repeat scroll 0 0;
   border: 2px solid #004f9f;
   color: #ffffff;
}










.btn-firstto {
   background-color: #ffffff;
   color: white !important;
   border: 2px solid #004F9F;
}

.btn-firstto.border {
   background-color: transparent;
   color: white !important;
   border: 2px solid white;
}

.btn-firstto.border:hover {
   background-color: #004F9F;
   color: #ffffff !important;
   border: 2px solid #004F9F;
}

.btn-firstto.effect:hover,
.btn-firstto.effect:focus {
   background: #004F9F none repeat scroll 0 0;
   border: 2px solid #004F9F;
   color: #ffffff;
}













.btn-firsttoknow {
   background-color: #e9306e;
   color: #ffffff !important;
   border: 2px solid #e9306e;
}

.btn-firsttoknow.border {
   background-color: transparent;
   color: #232323 !important;
   border: 2px solid #e9306e;
}

.btn-firsttoknow.border:hover {
   background-color: #e9306e;
   color: #ffffff !important;
   border: 2px solid #e9306e;
}

.btn-firsttoknow.effect:hover,
.btn-firsttoknow.effect:focus {
   background: #e9306e none repeat scroll 0 0;
   border: 2px solid #e9306e;
   color: #ffffff;
}

.btn-icecure {
   background-color: #6BBCF3;
   color: #ffffff !important;
   border: 2px solid #6BBCF3;
}

.btn-icecure.border {
   background-color: transparent;
   color: #232323 !important;
   border: 2px solid #6BBCF3;
}

.btn-icecure.border:hover {
   background-color: #6BBCF3;
   color: #ffffff !important;
   border: 2px solid #6BBCF3;
}

.btn-icecure.effect:hover,
.btn-icecure.effect:focus {
   background: #6BBCF3 none repeat scroll 0 0;
   border: 2px solid #6BBCF3;
   color: #ffffff;
}



.btn.btn-sm-lm {
   font-size: 12px;
   padding: 4px 35px;
}


.bg-theme a.btn-theme.btn:hover,
.bg-theme a.btn-theme.btn:focus {
   border: 2px solid #ffffff;
   color: #ffffff;
}

.bg-fixed {
   background-attachment: fixed;
   background-position: center center;
   background-size: cover;
}

.bg-cover {
   background-position: center center;
   background-size: cover;
}

.container-full {
   padding: 0 15px;
   width: 100%;
}

.oh {
   overflow: hidden;
}

.less-margin {
   margin: 0;
}


@media (min-width:576px) {
   .container {
      max-width: 540px;
   }
}

@media (min-width:768px) {
   .container {
      max-width: 720px;
   }
}

@media (min-width:992px) {
   .container {
      max-width: 960px;
   }
}

@media (min-width:1200px) {
   .container {
      max-width: 1200px;
      width: 1200px;
   }
}

.container-medium {
   margin: auto;
   max-width: 85%;
}

@media (min-width:576px) {
   .container-medium {
      max-width: 540px;
   }
}

@media (min-width:768px) {
   .container-medium {
      max-width: 720px;
   }
}

@media (min-width:992px) {
   .container-medium {
      max-width: 960px;
   }
}

@media (min-width:1200px) {
   .container-medium {
      max-width: 1200px;
      width: 1200px;
   }
}

@media screen and (min-width: 1200px) {
   .item-flex {
      display: flex;
   }

   .item-flex.center {
      align-items: center;
   }

}

header {
   position: relative;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background {
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a {
   position: relative;
   z-index: 1;
   margin-left: 3px;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a {
   border: medium none;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a::after {
   background: #ffffff none repeat scroll 0 0;
   bottom: -2px;
   content: "";
   height: 3px;
   left: 0;
   position: absolute;
   width: 0;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a.active::after,
header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a:hover::after {
   width: 100%;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a.active::after,
header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a:hover::after {
   width: 0;
}

.attr-nav .social.right li {
   margin-left: 20px;
}

.attr-nav .social li a {
   font-size: 16px;
}

/* Navbar */
nav.bootsnav.navbar-default.info-topbar .navbar-header {
   display: none;
}

nav.bootsnav.navbar-default.info-topbar ul li a {
   margin-right: 30px;
   padding: 35px 0;
}

nav.bootsnav.navbar-default.info-topbar.active-full ul li a {
   margin-right: 0;
   padding: 35px 20px;
}

.attr-nav>a.btn-theme.effect:hover,
.attr-nav>a.btn-theme.effect,
.attr-nav>a.btn-theme.effect:focus {
   background: #004f9f none repeat scroll 0 0;
   border: 2px solid #004f9f;
   color: #ffffff !important;
}

nav.bootsnav.navbar-default.info-topbar.sticked ul li a {
   margin-right: 30px;
   padding: 35px 0;
}

.attr-nav.social li {
   display: inline-block;
   padding: 25px 0 !important;
   transition: all 0.35s ease-in-out;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
}

.attr-nav.social li a {
   border: 1px solid #f4f4f4;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   color: #004f9f;
   display: inline-block;
   font-size: 14px;
   height: 40px;
   line-height: 40px;
   margin-left: 10px;
   padding: 0 !important;
   text-align: center;
   width: 40px;
}

nav.navbar.bootsnav.sticked .attr-nav.social li {
   display: inline-block;
   padding: 20px 0 !important;
}

.site-heading h2 {
   display: inline-block;
   font-weight: 700;
   padding-bottom: 20px;
   position: relative;
   text-transform: uppercase;
}

.site-heading h4 {
   text-transform: uppercase;
}

.site-heading.clean h2 {
   padding-bottom: 0;
}

.site-heading.clean h2 span {
   color: #004f9f;
}

.site-heading h2 span {
   color: #004f9f;
}

.site-heading.barber h2 span {
   color: #bc9355;
}

.site-heading p {
   margin: 0;
}

.site-heading h2::after {
   background: #004f9f none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 2px;
   left: 50%;
   margin-left: -25px;
   position: absolute;
   width: 40px;
}

.site-heading h2::before {
   background: #004f9f none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 2px;
   left: 50%;
   margin-left: 20px;
   position: absolute;
   width: 5px;
}

.bg-theme .site-heading h2::before,
.shadow .site-heading h2::before,
.half-bg .site-heading h2::before {
   background: #ffffff none repeat scroll 0 0;
}

.site-heading h2 span {
   color: #004f9f;
}

.site-heading {
   margin-bottom: 60px;
   overflow: hidden;
   margin-top: -5px;
}

.site-heading.single {
   margin-bottom: 35px;
}

.carousel-shadow .owl-stage-outer {
   margin: -15px -15px 0;
   padding: 15px;
}

/* ==============================================================
     # Bradcrumb
=================================================================== */
.breadcrumb-area {
   padding: 150px 0;
}

.breadcrumb-area .breadcrumb {
   background: transparent none repeat scroll 0 0;
   display: inline-block;
   margin: 0;
   padding: 15px;
   position: relative;
   z-index: 1;
}

.breadcrumb-area .breadcrumb::after {
   background: #232323 none repeat scroll 0 0;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0.7;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1;
}

.breadcrumb-area h1 {
   display: block;
   font-weight: 600;
   text-transform: uppercase;
   font-size: 40px;
   padding-top: 6px;
   margin: 0;
}

.breadcrumb>li+li::before {
   content: "\f105";
   font-family: "Font Awesome 5 Free";
   font-weight: 600;
   padding: 0 5px;
   color: #ffffff;
   display: none;
}

.breadcrumb-area .breadcrumb li i {
   margin-right: 5px;
}

.breadcrumb-area .breadcrumb li {
   padding: 0 15px;
   position: relative;
   z-index: 1;
}

.breadcrumb-area .breadcrumb li::after {
   content: "\f105";
   font-family: "Font Awesome 5 Free";
   left: -5px;
   font-weight: 600;
   position: absolute;
   top: 1px;
}

.breadcrumb-area .breadcrumb li:first-child::after {
   display: none;
}

.breadcrumb-area .breadcrumb a,
.breadcrumb-area .breadcrumb li {
   font-family: "Poppins", sans-serif;
   font-weight: 500;
   text-transform: uppercase;
   color: #ffffff;
}

.breadcrumb-area .breadcrumb li.active {
   color: #004f9f;
   text-decoration: underline;
}

/* ==============================================================
     # Topbar Area
=================================================================== */
.top-bar-area.inc-border {
   border-bottom: 1px solid #e7e7e7;
}

.top-bar-area {
   overflow: hidden;
}

.top-bar-area li {
   display: inline-block;
}

.top-bar-area li .icon,
.top-bar-area li .info {
   display: table-cell;
   vertical-align: middle;
}

.top-bar-area li .info span {
   display: block;
   font-family: 'Poppins', sans-serif;
   color: #232323;
   text-transform: uppercase;
   line-height: 20px;
   font-weight: 600;
}

.top-bar-area li .icon i {
   font-size: 30px;
   color: #004f9f;
   margin-right: 15px;
}

.top-bar-area li:last-child {
   margin-right: 0;
   padding-right: 0;
}

.top-bar-area li:last-child::after {
   display: none;
}

.top-bar-area .info li {
   float: left;
   margin-right: 20px;
   position: relative;
   z-index: 1;
   padding-right: 20px;
   padding-top: 15px;
   padding-bottom: 15px;
}

.top-bar-area.inline .info li {
   display: flex;
   align-items: center;
   font-family: 'Poppins', sans-serif;
}

.top-bar-area.bg-dark.text-light .info li {
   color: #ffffff;
}

.top-bar-area.bg-dark.text-light .info li::after {
   display: none;
}

.top-bar-area .info li::after {
   position: absolute;
   right: 0;
   top: -10px;
   content: "";
   height: 100px;
   width: 1px;
   transform: rotate(20deg);
   -webkit-transform: rotate(20deg);
   -moz-transform: rotate(20deg);
   -ms-transform: rotate(20deg);
   -o-transform: rotate(20deg);
   background: #e7e7e7;
}

.top-bar-area.double-info .social {
   padding: 25px 15px;
}

.top-bar-area.bg-theme .info li::after,
.top-bar-area.bg-dark .info li::after {
   background: rgba(255, 255, 255, 0.2);
}

.top-bar-area .social {
   padding: 15px 0;
   z-index: 1;
}


/*    .top-bar-area .social li a {
        color: #1960A8;
        border-radius: 100%;
    }
*/

.top-bar-area.bg-theme li .icon i {
   color: #ffffff;
}

.top-bar-area.bg-theme li .info span {
   color: #ffffff;
}

.top-bar-area.bg-theme .info li {
   color: #ffffff;
}

.top-bar-area.bg-theme {
   position: relative;
   z-index: 1;
}

.top-bar-area.bg-theme::after {
   position: absolute;
   right: 0;
   top: 0;
   content: "";
   height: 100%;
   width: 50%;
}

.top-bar-area.inline .info li i {
   margin-right: 10px;
   color: #004f9f;
   font-size: 20px;
}

.top-bar-area.inline.bg-theme .info li i,
.top-bar-area.inline.bg-dark .info li i {
   color: #ffffff;
}

.top-bar-area .social.text-right ul li {
   margin-right: 0;
   margin-left: 30px;
}

.top-bar-area .social ul li a {
   display: inline-block;
   font-size: 16px;
   color: #666666;
}

.top-bar-area.bg-theme .social ul li a {
   color: #ffffff;
}

.top-bar-area .bar-btn a {
   text-transform: uppercase;
   font-weight: 600;
   padding: 15px 35px;
   color: #ffffff;
   background: #004f9f;
   display: inline-block;
   letter-spacing: 1px;
}

/* Side BG */

.side-bg {
   height: 100%;
   position: absolute;
   left: -30px;
   top: 0;
   width: 30%;
}

.side-bg img {
   left: 0;
   position: absolute;
   top: 50%;
   opacity: 0.1;
   transform: translate(0, -50%);
}


/* ==============================================================
     # Banner
=================================================================== */
body,
.banner-area,
.banner-area div {
   height: 100%;
}

.banner-area.auto-height,
.banner-area.auto-height div {
   height: auto;
   min-height: 100%;
}

.banner-area .box-cell {
   display: table-cell;
   vertical-align: middle;
   width: 100%;
}

.banner-area .box-table {
   display: table;
   width: 100%;
}

.banner-area .box-cell,
.banner-area .box-cell div {
   height: auto;
}

.banner-area .transparent-nav .content {
   padding-top: 80px;
}

.banner-area {
   position: relative;
   overflow: hidden;
   z-index: 1;
   height: calc(100vh - 138px) !important;
   border-bottom-left-radius: 160px;
   border-bottom-right-radius: 160px;
}

.banner-area .left-shadow::before {
   position: absolute;
   left: 0;
   top: 0;
   content: "";
   z-index: -1;
   height: 100%;
   width: 80%;
   background: #004f9f;
}


.sliderSlogan h1,
.sliderSlogan h4 {
   color: white;
}




.banner-area .content-double .double-items {
   align-items: center;
   align-self: center;
   display: flex;
   justify-content: center;
   vertical-align: middle;
}

/* Animation delays */
.banner-area .item h1:first-child,
.banner-area .item h2:first-child,
.banner-area .item h3:first-child,
.banner-area .item h4:first-child,
.banner-area .item h5:first-child,
.banner-area .item h6:first-child {
   animation-delay: .5s;
}

.banner-area .item h1:nth-child(2),
.banner-area .item h2:nth-child(2),
.banner-area .item h3:nth-child(2),
.banner-area .item h4:nth-child(2),
.banner-area .item h5:nth-child(2),
.banner-area .item h6:nth-child(2) {
   animation-delay: .7s;
}

.carousel-caption h1:nth-child(3),
.carousel-caption h2:nth-child(3),
.carousel-caption h3:nth-child(3),
.carousel-caption h4:nth-child(3),
.carousel-caption h5:nth-child(3),
.carousel-caption h6:nth-child(3) {
   animation-delay: .9s;
}

.banner-area .item p {
   animation-delay: .7s;
}

.banner-area .item ul {
   animation-delay: .6s;
}

.banner-area .item a,
.banner-area .item button {
   animation-delay: .9s;
}

/* Carousel Fade Effect */
.carousel-fade .carousel-inner .item {
   -webkit-transition-property: opacity;
   transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
   opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
   opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
   left: 0;
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   -o-transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
   z-index: 2;
}

/* Slider Zoom Effect */
@-webkit-keyframes zoom {
   from {
      -webkit-transform: scale(1, 1);
   }

   to {
      -webkit-transform: scale(1.2, 1.2);
   }
}

@-moz-keyframes zoom {
   from {
      -moz-transform: scale(1, 1);
   }

   to {
      -moz-transform: scale(1.2, 1.2);
   }
}

@-o-keyframes zoom {
   from {
      -o-transform: scale(1, 1);
   }

   to {
      -o-transform: scale(1.2, 1.2);
   }
}

@keyframes zoom {
   from {
      transform: scale(1, 1);
   }

   to {
      transform: scale(1.2, 1.2);
   }
}

.carousel-inner .item>.slider-thumb {
   -webkit-animation: zoom 20s;
   animation: zoom 20s;
}

.banner-area .carousel-zoom .slider-thumb {
   height: 100%;
   position: absolute;
   width: 100%;
}

#particles-js,
#ripple {
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.banner-area .carousel-control {
   background: transparent none repeat scroll 0 0;
   font-size: 40px;
   height: 50px;
   line-height: 50px;
   margin-top: -25px;
   opacity: 1;
   padding: 0;
   position: absolute;
   top: 50%;
   width: 50px;
   z-index: 1;
}

.banner-area .carousel-control.shadow {
   background: transparent none repeat scroll 0 0;
   color: #ffffff;
   font-size: 20px;
   height: 50px;
   line-height: 50px;
   margin-top: -25px;
   opacity: 1;
   padding: 0;
   position: absolute;
   text-shadow: inherit;
   top: 50%;
   width: 50px;
   z-index: 1;
}

.banner-area .carousel-control.shadow::after {
   background: #1e2726 none repeat scroll 0 0;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0.5;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1;
}

.banner-area .carousel-control.left {
   left: -50px;
}

.banner-area:hover .carousel-control.left {
   left: 0;
}

.banner-area:hover .carousel-control.shadow.left {
   left: 20px;
}

.banner-area .carousel-control.right {
   right: -50px;
}

.banner-area:hover .carousel-control.right {
   right: 0;
}

.banner-area:hover .carousel-control.shadow.right {
   right: 20px;
}

/* Content */

.banner-area .double-items {
   display: flex;
   align-items: center;
}

.banner-area .content {
   overflow: hidden;
}

.banner-area .content p {
   font-size: 16px;
   line-height: 30px;
}

.banner-area.text-dark .content p {
   color: #232323;
}

.banner-area .content h1 {
   font-size: 40px;
   font-weight: 600;
   margin-bottom: 25px;
   text-transform: capitalize;
   line-height: 1.2;
}

.banner-area .double-content .content h1 {
   font-size: 50px;
}

.banner-area.text-small .content h1 {
   font-size: 60px;
}

.banner-area.heading-exchange .content h1 {
   font-weight: 700;
   text-transform: uppercase;
   line-height: 1.1;
}

.banner-area .content h4 {
   font-size: 24px;
}

.banner-area.heading-exchange .content h2,
.banner-area.heading-exchange .content h3,
.banner-area.heading-exchange .content h4 {
   font-weight: 400;
   margin-bottom: 25px;
   position: relative;
   z-index: 1;
}

.banner-area.heading-exchange .double-content .content h2,
.banner-area.heading-exchange .double-content .content h3,
.banner-area.heading-exchange .double-content .content h4 {
   margin-bottom: 25px;
   position: relative;
   z-index: 1;
   text-transform: capitalize;
   color: #666666;
}

.banner-area .content span {
   color: #004f9f;
}

.banner-area .content a {
   margin-top: 15px;
   margin-right: 5px;
}

.banner-area.content-box .content {
   position: relative;
   z-index: 1;
   padding: 30px;
}

.banner-area.content-box .content::after {
   position: absolute;
   left: 0;
   top: 0;
   content: "";
   height: 100%;
   width: 100%;
   background: #000000;
   z-index: -1;
   opacity: 0.6;
}

.banner-area.content-box .content h1 {
   font-size: 60px;
}

.banner-area .appoinment-box .col-md-12 {
   float: left;
   width: 100%;
}

/* Banner Latest */

.banner-area .double-content .container>.row {
   display: flex;
   align-items: center;
}

.banner-area .double-content .thumb {
   padding-right: 35px;
}

.banner-area.top-pad-50p .content.double-items {
   padding-top: 50px;
}


.banner-area.border-shape {
   position: relative;
   z-index: 1;
}

.banner-area.border-shape:after {
   content: "";
   position: absolute;
   bottom: 0;
   right: 0;
   left: 0;
   height: 0;
   border-right: 100vw solid #ffffff;
   border-top: 250px solid transparent;
   width: 0;
   z-index: -1;
}

.banner-area.bg-gradient .content .thumb {
   padding-left: 35px;
}

.banner-area.bg-gradient .content .thumb img {
   max-width: 130%;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   padding: 10px;
   background: #ffffff;
}

.banner-area.bg-gradient .content {
   overflow: inherit;
}

.banner-area.bg-gradient .content p {
   color: #232323;
   line-height: 34px;
}

.banner-area.standard .info {
   padding: 200px 15px;
}

.banner-area.standard .thumb {
   position: relative;
}

.banner-area.standard .thumb img {
   position: relative;
   bottom: -120px;
}

.banner-area.standard .content {
   overflow: inherit;
}

.banner-area.standard .content h1 {
   font-size: 60px;
}

.banner-area.standard .content a {
   margin-top: 20px;
}

.banner-area.standard .content p {
   margin-bottom: 0;
}

.banner-area.standard .content a.video-play-button {
   margin-left: 10px;
   margin-bottom: 35px;
}

.banner-area.standard .fixed-shape {
   position: absolute;
   right: 0;
   top: 0;
   height: 80%;
   width: 60%;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: right bottom;
}

/* ==============================================================
     # Video Button Play
=================================================================== */
.video-play-button {
   color: #004f9f;
   font-size: 30px;
   left: 50%;
   padding-left: 7px;
   position: absolute;
   top: 50%;
   transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -ms-transform: translateX(-50%) translateY(-50%);
   -o-transform: translateX(-50%) translateY(-50%);
   z-index: 1;
}

.video-play-button:before {
   content: "";
   position: absolute;
   z-index: 0;
   left: 50%;
   top: 50%;
   -webkit-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
   display: block;
   width: 80px;
   height: 80px;
   background: #ffffff repeat scroll 0 0;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   -webkit-animation: pulse-border 1500ms ease-out infinite;
   animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
   content: "";
   position: absolute;
   z-index: 1;
   left: 50%;
   top: 50%;
   -webkit-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
   display: block;
   width: 80px;
   height: 80px;
   background: #ffffff repeat scroll 0 0;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   transition: all 200ms;
   -webkit-transition: all 200ms;
   -moz-transition: all 200ms;
   -ms-transition: all 200ms;
   -o-transition: all 200ms;
}

@-webkit-keyframes pulse-border {
   0% {
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
   }

   100% {
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      opacity: 0;
   }
}

@keyframes pulse-border {
   0% {
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
   }

   100% {
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      opacity: 0;
   }
}

.video-play-button i {
   display: block;
   position: relative;
   z-index: 3;
   color: #004f9f;
}

.video-play-button.relative {
   position: relative;
   height: 80px;
   width: 80px;
   display: inline-block;
   left: 0;
   top: 0;
   line-height: 80px;
   text-align: center;
   transform: inherit;
}

.video-play-button.relative.theme::after,
.video-play-button.relative.theme::before {
   background: #004f9f;
}

.video-play-button.relative.theme i {
   color: #ffffff;
}

/* ==============================================================
     # Top Entry
=================================================================== */

.top-entry-area.text-center {
   border-top: 3px solid #004f9f;
}

.top-entry-area.border-less {
   border: none;
}

.top-entry-area .item-box {
   overflow: hidden;
}

.top-entry-area .item {
   padding: 80px 30px;
   transition: all 0.35s ease-in-out;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.top-entry-area ul {
   text-align: left;
}

.top-entry-area ul li {
   border-bottom: 1px solid #e7e7e7;
   padding-bottom: 10px;
   margin-bottom: 10px;
   text-transform: uppercase;
   font-weight: 400;
   font-family: 'Poppins', sans-serif;
}

.top-entry-area ul li {
   border-bottom: 1px solid rgba(255, 255, 255, 0.3);
   padding-bottom: 10px;
   margin-bottom: 10px;
   text-transform: uppercase;
   font-weight: 400;
   font-family: 'Poppins', sans-serif;
}

.top-entry-area ul li:last-child {
   border: none;
   margin: 0;
   padding: 0;
}

.top-entry-area h4 {
   text-transform: uppercase;
   font-weight: 600;
   position: relative;
   padding-bottom: 20px;
   z-index: 1;
   display: inline-block;
   margin-bottom: 20px;
}

.top-entry-area h4::after {
   position: absolute;
   left: 50%;
   bottom: 0;
   content: "";
   height: 2px;
   width: 30px;
   background: #004f9f;
   margin-left: -15px;
}

.top-entry-area h2 {
   margin: 0;
}

.top-entry-area .item-box .single-item:nth-child(2n) h4::after {
   background: #ffffff;
}

.top-entry-area p {
   margin: 0;
}

.top-entry-area .item a {
   text-transform: uppercase;
   display: inline-block;
   margin-top: 25px;
   font-weight: 600;
   color: #666666;
}

.top-entry-area .item>i {
   font-size: 60px;
   margin-bottom: 25px;
   transition: all 0.35s ease-in-out;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   color: #004f9f;
   display: block;
}

.top-entry-area .item-box .single-item {
   position: relative;
   z-index: 1;
}

.top-entry-area .item-box .single-item:nth-child(2n) {
   background: #004f9f;
   color: #ffffff;
}

.top-entry-area.border-less .item-box .single-item:nth-child(2n) {
   border-radius: 5px;
}

.top-entry-area .item-box .single-item:nth-child(2n)::after {
   height: 150%;
   width: 100%;
   left: 0;
   top: -25%;
   content: "";
   position: absolute;
   background: #004f9f;
   z-index: -1;
}

.top-entry-area.border-less .item-box .single-item:nth-child(2n)::after {
   border-radius: 5px;
   height: 100%;
   top: 0;
}

.top-entry-area .item-box .single-item:nth-child(2n) i,
.top-entry-area .item-box .single-item:nth-child(2n) h2,
.top-entry-area .item-box .single-item:nth-child(2n) h4,
.top-entry-area .item-box .single-item:nth-child(2n) p {
   color: #ffffff;
}


/* ==============================================================
     # About
=================================================================== */

.about-area .info {
   padding-right: 35px;
}

.about-area .inc-video .thumb {
   position: relative;
   z-index: 1;
}

.about-area .inc-video .thumb:after {
   position: absolute;
   left: 5%;
   top: 5%;
   content: "";
   height: 90%;
   width: 90%;
   -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
   -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
   -o-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
   box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.about-area .features-items {
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   display: inline-block;
   width: 100%;
   padding: 30px;
   margin-top: 15px;
}

.about-area .tab-content .info a {
   margin-top: 10px;
}

.about-area .features-items i {
   font-size: 50px;
   color: #004f9f;
   margin-bottom: 25px;
}

.about-area .features-items h4 {
   text-transform: capitalize;
   font-weight: 600;
}

.about-area .features-items p {
   margin: 0;
}

.about-area .features-items .single-item {
   border-right: 1px solid #e7e7e7;
}

.about-area .features-items .single-item:last-child {
   border: none;
}

.features-items.owl-carousel.features-carousel .owl-dots {
   margin: 0;
}

.features-items.owl-carousel.features-carousel .owl-dots .owl-dot span {
   border: 3px solid #e7e7e7;
   height: 20px;
   width: 20px;
}

.features-items.owl-carousel.features-carousel .owl-dots .owl-dot.active span {
   background: #004f9f;
}

.about-area .tab-content .info {
   padding-right: 0;
}

/* Table */
.about-area .em-services-items table {
   border: 1px solid #e5e5e5;
   margin: 0;
}

.about-area .em-services-items table thead {
   font-family: 'Poppins', sans-serif;
   text-transform: uppercase;
   background-color: #f7f7f7;
}

.about-area .em-services-items table th {
   border-bottom: none;
}

.about-area .em-services-items table th,
.about-area .em-services-items table td {
   text-align: left;
   padding: 18px 20px 18px 40px;
}

.emergency-services h2 {
   text-transform: capitalize;
   font-weight: 600;
}

.em-services-items {
   margin-top: 30px;
}

.about-area .em-services-items table td i {
   font-weight: 500;
   margin-right: 5px;
   color: #004f9f;
}

.half-bg {
   overflow: hidden;
   position: relative;
   z-index: 1;
}

.half-bg::after {
   position: absolute;
   left: 0;
   bottom: 0;
   content: "";
   background: #004f9f;
   z-index: -1;
   height: 100%;
   width: 50%;
}

.about-area.half-bg .emergency-services {
   padding-left: 50px;
}

.about-area.half-bg .info {
   padding-right: 50px;
}

.about-area .bottom {
   border: 1px solid #e7e7e7;
   display: flex;
   padding: 30px;
   margin-top: 30px;
}

.about-area .info h4 {
   text-transform: uppercase;
   font-weight: 600;
   margin-bottom: 15px;
}

.about-area .info>h4 {
   text-transform: uppercase;
   font-weight: 600;
   color: #004f9f;
   margin-bottom: 25px;
}

.about-area .info h2 {
   font-weight: 600;
   margin-bottom: 25px;
}

.about-area .info>a {
   margin-top: 15px;
}

.about-area .bottom .content {
   padding-left: 30px;
}

.about-area .bottom .content p {
   margin: 0;
}

.video-play-button.relative i {
   line-height: 80px;
}

.about-area .services-area .equal-height {
   margin-bottom: 0;
   margin-top: 30px;
}

.about-area .services-area .equal-height:first-child,
.about-area .services-area .equal-height:nth-child(2) {
   margin-top: 0;
}

.about-area .services-area .equal-height .item h4 {
   margin-bottom: 0;
}

.about-area .services-area.inc-icon .item {
   border-top: none;
}

.about-area .services-area.inc-icon .item i::after {
   left: -13px;
   top: -13px;
   height: 126px;
   width: 126px;
   opacity: 1;
   border: 2px solid #e7e7e7;
}

.about-area .services-area.inc-icon .item i {
   background: #ffffff;
   color: #004f9f;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   margin-top: 10px;
}

/* ==============================================================
     # Features
=================================================================== */

.features-area .features-items {
   padding-left: 35px;
}

.features-area .features-items i {
   text-align: center;
   font-size: 60px;
   margin-bottom: 25px;
   color: #232323;
   display: inline-block;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   min-width: 65px;
}

.features-area .features-items li {
   border-bottom: 1px solid #e7e7e7;
   margin-bottom: 30px;
   padding-bottom: 30px;
   display: flex;
}

.features-area .features-items li .info {
   padding-left: 20px;
}

.features-area .features-items li:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
   border: none;
}

.features-area .features-items h4 {
   text-transform: capitalize;
   font-weight: 600;
}

.features-area .features-items p {
   margin: 0;
}

.features-area .bottom {
   border: 1px solid #e7e7e7;
   display: flex;
   padding: 30px;
   margin-top: 30px;
}

.features-area .bottom h4 {
   text-transform: uppercase;
   font-weight: 600;
   color: #666666;
}

.features-area .info h2 {
   font-weight: 600;
   margin-bottom: 25px;
}

.features-area .bottom .content {
   padding-left: 30px;
}

.features-area .bottom .content p {
   margin: 0;
}

.features-area .bottom .video .video-play-button i {
   font-size: 30px;
}

/* ==============================================================
     # Services
=================================================================== */

.services-area .equal-height {
   margin-bottom: 30px;
}

.services-area.inc-thumb .item {
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.services-area.inc-thumb .item .info {
   background: #ffffff;
   padding: 30px;
   padding-top: 55px;
}

.services-area.inc-thumb .item .info h4 {
   text-transform: capitalize;
   font-weight: 600;
   margin-bottom: 0;
}

.services-area.inc-thumb .item .thumb {
   position: relative;
   z-index: 1;
}

.services-area.inc-thumb .item .thumb::after {
   position: absolute;
   left: 0;
   bottom: -2px;
   content: "";
   height: 3px;
   width: 100%;
   background: #004f9f;
}

.services-area.inc-thumb .item .thumb .overlay {
   position: absolute;
   left: 50%;
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   bottom: 0;
   background: #ffffff;
   height: 80px;
   z-index: 1;
   margin-left: -40px;
   margin-bottom: -40px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   width: 80px;
   font-size: 35px;
   color: #004f9f;
   line-height: 80px;
}


/* Services With Icon ONly */
.services-area.inc-icon .item {
   background: #ffffff;
   position: relative;
   padding: 50px 30px 50px;
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   border-top: 3px solid #004f9f;
   z-index: 1;
   overflow: hidden;
}

.services-area.inc-icon .item i {
   height: 100px;
   width: 100px;
   line-height: 100px;
   color: #ffffff;
   display: inline-block;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   margin-bottom: 30px;
   font-size: 45px;
   background: #004f9f;
   position: relative;
   z-index: 1;
   text-align: center;
}

.services-area.inc-icon.less-info .item i {
   height: 90px;
   width: 90px;
   line-height: 90px;
   margin-bottom: 20px;
   font-size: 40px;
   color: #232323;
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   background: transparent;
}

.services-area.inc-icon.less-info .item i::after {
   display: none;
}

.services-area.inc-icon .item i::after {
   position: absolute;
   left: -8px;
   top: -8px;
   z-index: -1;
   content: "";
   height: 116px;
   width: 116px;
   opacity: 0.3;
   border: 2px solid #004f9f;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.services-area.inc-icon .item h4 {
   text-transform: uppercase;
   font-weight: 600;
   letter-spacing: 1px;
   margin-bottom: 35px;
}

.services-area.inc-icon .item h5 {
   color: #004f9f;
   text-transform: uppercase;
   margin-bottom: 30px;
}

.services-area.inc-icon .item .info>a {
   margin-top: 10px;
}

.services-area.inc-icon .item::after {
   position: absolute;
   left: 0;
   top: -100%;
   content: "";
   transition: all 0.35s ease-in-out;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   height: 100%;
   width: 100%;
   z-index: -1;
   background: #99b8d8;
}

.services-area.inc-icon .item:hover::after {
   top: 0;
}

.services-area.inc-icon .item h4,
.services-area.inc-icon .item p,
.services-area.inc-icon .item a,
.services-area.inc-icon .item i {
   transition: all 0.35s ease-in-out;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
}

.services-area.inc-icon .item:hover h4,
.services-area.inc-icon .item:hover p,
.services-area.inc-icon .item:hover a {
   color: #ffffff;
}

.services-area.inc-icon .item:hover a.btn {
   color: #ffffff !important;
   border-color: #ffffff;
}

.services-area.inc-icon .item:hover i {
   color: #004f9f;
   background: #ffffff;
}

.services-area.inc-icon .item:hover i::after {
   opacity: 0.3;
   border: 2px solid #ffffff;
}

.services-area .services-carousel.owl-carousel .owl-nav {
   margin: 0;
}

.services-area .services-carousel.owl-carousel .owl-nav .owl-prev,
.services-area .services-carousel.owl-carousel .owl-nav .owl-next {
   background: transparent none repeat scroll 0 0;
   color: #666666;
   font-size: 30px;
   height: 40px;
   left: -50px;
   line-height: 40px;
   margin: -20px 0 0;
   padding: 0;
   position: absolute;
   top: 50%;
   width: 40px;
}

.services-area.bg-gray .services-carousel.owl-carousel .owl-nav .owl-prev,
.services-area.bg-gray .services-carousel.owl-carousel .owl-nav .owl-next {
   color: #004f9f;
}

.services-area .services-carousel.owl-carousel .owl-nav .owl-next {
   left: auto;
   right: -50px;
}

.services-area .services-carousel.owl-carousel .owl-dots .owl-dot span {
   height: 20px;
   width: 20px;
   background: transparent;
   border: 2px solid #004f9f;
}

.services-area .services-carousel.owl-carousel .owl-dots .owl-dot.active span {
   background: #004f9f;
}

.services-area.inc-icon.less-info .item h4 {
   margin: 0;
}

.services-area.inc-icon.less-info .item a {
   display: block;
}

/* Services Solid */
.solid-services-area .item i {
   display: inline-block;
   color: #004f9f;
   font-size: 30px;
   margin-bottom: 10px;
}

.solid-services-area .item h4 {
   text-transform: capitalize;
   font-weight: 600;
   border-bottom: 1px solid #e7e7e7;
   padding-bottom: 10px;
}

.solid-services-area .equal-height {
   margin-bottom: 20px;
   margin-top: 20px;
}

.solid-services-area .item p {
   margin: 0;
}

.solid-services-area .item {
   padding: 30px 20px 30px;
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   background: #ffffff;
}

.solid-services-area .item li {
   display: block;
   position: relative;
   z-index: 1;
   padding-left: 25px;
   margin-bottom: 10px;
}

.solid-services-area .item li::after {
   position: absolute;
   left: 0;
   content: "\f1ce";
   height: 10px;
   width: 10px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   font-family: "Font Awesome 5 Free";
   font-weight: 600;
}

.solid-services-area .item li:last-child {
   margin-bottom: 0;
}


/* ==============================================================
     # Services Area
=================================================================== */
.top-services-area .services-tabs {
   background: #f7f7f7;
   border-bottom: 1px solid #e7e7e7;
   margin-bottom: 70px;
}

.top-services-area .services-tabs ul.nav.nav-pills {
   margin: 0;
   margin-bottom: -10px;
}

.top-services-area .services-tabs ul.nav.nav-pills li {
   display: inline-block;
}

@media only screen and (min-width: 992px) {
   .top-services-area .services-tabs ul.nav.nav-pills li {
      display: inline-block;
      width: 33.333%;
      margin: 0;
      text-align: left;
   }

}

.top-services-area .services-tabs ul.nav.nav-pills li a {
   display: flex;
   padding: 50px;
   text-transform: uppercase;
   align-items: center;
}

.top-services-area .services-tabs ul.nav.nav-pills li a i {
   display: inline-block;
   font-size: 45px;
   margin-right: 20px;
}

.top-services-area .services-tabs ul.nav.nav-pills li.active a {
   position: relative;
   z-index: 1;
   background: transparent;
   color: #004f9f;
}

.top-services-area .services-tabs ul.nav.nav-pills li.active a::after {
   position: absolute;
   left: 0;
   top: -10%;
   background: #ffffff;
   content: "";
   height: 120%;
   width: 100%;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   z-index: -1;
}

.top-services-area .info {
   padding-left: 35px;
}

.top-services-area .info ul {
   margin-top: 25px;
}

.top-services-area .info ul li {
   display: block;
   margin-top: 10px;
   font-weight: 500;
   color: #232323;
   padding-left: 25px;
   position: relative;
   z-index: 1;
}

.top-services-area .info ul li::after {
   position: absolute;
   left: 0;
   top: 2px;
   content: "\4e";
   font-family: 'ElegantIcons';
   text-align: center;
   border-radius: 50%;
   font-weight: 700;
   color: #004f9f;
}

.top-services-area .info h2 {
   font-weight: 600;
   margin-bottom: 25px;
}

.top-services-area .info a {
   margin-top: 30px;
}

.top-services-area .info ul.working-hours {
   margin: 0;
}

.top-services-area .info ul.working-hours li {
   padding-left: 0;
   padding: 12px 25px;
   margin: 0;
   font-weight: 400;
   font-family: 'Poppins', sans-serif;
   text-transform: uppercase;
   border-radius: 5px;
}

.top-services-area .info ul.working-hours li::after {
   display: none;
}

.top-services-area .info ul.working-hours li:nth-child(2n) {
   background: #004f9f;
   color: #ffffff;
}

.top-services-area .info ul.working-hours li .closed {
   color: red;
}

.top-services-area .thumb {
   position: relative;
   z-index: 1;
}

.top-services-area .thumb::after {
   position: absolute;
   left: -50px;
   bottom: -50px;
   height: 200px;
   width: 200px;
   background: url(assets/img/bg-dotted.png);
   content: "";
   z-index: -1;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: left bottom;
   opacity: 0.4;
}

/* Services Details */
.services-details-area .widget {
   padding-bottom: 50px;
   background: #ffffff;
   margin-bottom: 25px;
}

.services-details-area .widget:last-child {
   padding-bottom: 0;
}

.services-details-area .widget .appoinment-box {
   padding: 0;
   box-shadow: none;
}

.services-details-area .widget .title h4 {
   position: relative;
   z-index: 1;
   margin-bottom: 20px;
   background: #f4f4f4;
   text-transform: uppercase;
   padding: 15px;
   text-align: center;
   color: #666666;
   border-bottom: 1px solid #e7e7e7;
}

.services-details-area .widget.link li {
   display: block;
   border-bottom: 1px solid #e7e7e7;
   padding-bottom: 10px;
   margin-bottom: 10px;
}

.services-details-area .widget.link li a {
   display: inline-block;
}

.services-details-area .widget.link li a:hover {
   color: #004f9f;
}

.services-details-area .widget.link li:last-child {
   margin: 0;
   padding: 0;
   border: none;
}

.services-details-area .widget.link li i {
   margin-right: 3px;
   color: #004f9f;
}

.services-details-area .widget .info {
   padding: 20px 15px;
   border: 1px solid #e7e7e7;
}

.services-details-area .widget .info h4 {
   font-weight: 600;
   text-transform: capitalize;
   color: #666666;
}

.services-details-area .widget .info h5 {
   margin: 0;
   text-transform: uppercase;
   color: #004f9f;
}

.services-details-area .widget .thumb {
   position: relative;
   z-index: 1;
}

.services-details-area .widget .thumb .overlay {
   position: absolute;
   left: 0;
   bottom: 0;
   padding: 20px;
   z-index: 1;
   right: 0;
}

.services-details-area .widget .thumb::after {
   position: absolute;
   left: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 160%) repeat scroll 0 0;
   content: "";
   height: 30%;
   width: 100%;
}

.services-details-area .widget .thumb .overlay h4 {
   text-transform: capitalize;
   font-weight: 600;
   color: #ffffff;
}

.services-details-area .widget .thumb .overlay h5 {
   margin: 0;
   color: #004f9f;
   text-transform: uppercase;
}

.services-details-area .widget.opening-hours li {
   display: block;
   border-bottom: 1px solid #e7e7e7;
   margin-bottom: 10px;
   padding-bottom: 10px;
}

.services-details-area .widget.opening-hours li:last-child {
   margin: 0;
   padding: 0;
   border: none;
}

.services-details-area .content .info {
   margin-top: 30px;
}

.services-details-area .content .info h2,
.services-details-area .content .info h3 {
   font-weight: 600;
}

.services-details-area .content .info h4 {
   text-transform: uppercase;
   border-bottom: 1px solid #e7e7e7;
   padding-bottom: 15px;
   margin-bottom: 20px;
   margin-top: 25px;
}

.services-details-area .content .info ul li {
   position: relative;
   display: block;
   padding-left: 25px;
   margin-bottom: 15px;
}

.services-details-area .content .info ul li::after {
   position: absolute;
   left: 0;
   top: 0;
   color: #004f9f;
   font-weight: 600;
   content: "\f105";
   font-family: "Font Awesome 5 Free";
}

.services-details-area .content .info a {
   margin-top: 10px;
}


/* ==============================================================
     # Tabs Area
=================================================================== */
.tabs-items .nav-pills {
   margin-bottom: 30px;
}

.tabs-items .nav-pills li {
   float: left;
}

.tabs-items .nav-pills li a {
   display: inline-block;
   padding: 15px 20px;
   border: 1px solid #e7e7e7;
   margin-right: 5px;
   position: relative;
   background: #f9f9f9;
   border-radius: inherit;
   margin-bottom: 5px;
   text-transform: uppercase;
   letter-spacing: 1px;
}

.tabs-items.bg-gray .nav-pills li a {
   background: #ffffff;
}

.tabs-items .nav-pills li a i {
   float: left;
   font-size: 25px;
   color: #666666;
   margin-right: 10px;
}

.tabs-area .tabs-items .tab-content {
   padding: 30px;
   border: 1px solid #004f9f;
}

.tabs-items .nav-pills li.active a,
.tabs-items .nav-pills li:focus a {
   background: #004f9f;
}

.tabs-items .nav-pills li.active a i {
   color: #ffffff;
}

.tabs-items .nav-pills li.active a::after {
   position: absolute;
   left: 50%;
   margin-left: -8px;
   bottom: -15px;
   content: "";
   border-left: 15px solid transparent;
   border-right: 15px solid transparent;
   border-top: 15px solid #004f9f;
}

.tabs-items .tab-content h4,
.tabs-items .tab-content h3 {
   text-transform: capitalize;
   font-weight: 600;
}

.tabs-items .tab-content p:last-child {
   margin-bottom: 0;
}

.tabs-items .tab-content iframe {
   width: 100%;
   min-height: 250px;
   margin-top: 15px;
   margin-bottom: -10px;
}

.tabs-items .tab-content li {
   display: block;
   border: 1px solid #e7e7e7;
   padding-bottom: 10px;
   margin-bottom: 10px;
   text-transform: uppercase;
   font-family: 'Poppins', sans-serif;
   padding: 15px;
}

.tabs-items .tab-content li:last-child {
   margin: 0;
}

.tabs-items .tab-content li:nth-child(odd) {
   background: #f4f4f4;
}


/* ==============================================================
     # Fun Factor
=================================================================== */

.fun-fact-area .fun-fact {
   padding: 30px;
   position: relative;
   z-index: 1;
}

.fun-fact-area .fun-fact::after {
   position: absolute;
   left: 0;
   top: 0;
   content: "";
   height: 100%;
   width: 100%;
   background: #ffffff;
   z-index: -1;
   opacity: 0.9;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.fun-fact-area .fun-fact i {
   display: inline-block;
   font-size: 50px;
   margin-bottom: 25px;
   color: #004f9f;
}

.fun-fact-area .fun-fact .timer {
   font-family: 'Poppins', sans-serif;
   font-size: 36px;
   line-height: 1.2;
   font-weight: 700;
   margin-bottom: 10px;
   position: relative;
   z-index: 1;
}

.fun-fact-area .fun-fact .timer::after {
   content: "\f295";
   font-family: "Font Awesome 5 Free";
   font-size: 16px;
   position: absolute;
   top: 0;
}

.fun-fact-area .fun-fact .medium {
   font-family: 'Poppins', sans-serif;
}

/* ==============================================================
     # Video BG
=================================================================== */
.video-bg-area {
   padding: 150px 0;
}

.video-bg-area h1 {
   text-transform: capitalize;
   font-weight: 600;
   line-height: 1.2;
   margin-bottom: 30px;
   margin-top: -8px;
}

/* ==============================================================
     # Appoinment
=================================================================== */

.appoinment-box {
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   padding: 40px;
   background: #ffffff;
}

.appoinment .heading {
   position: relative;
   margin-bottom: 30px;
   padding-bottom: 25px;
}

.appoinment .heading p:last-child {
   margin-bottom: 0;
}

.appoinment .heading::after {
   background: #004f9f none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 2px;
   left: 0;
   position: absolute;
   width: 40px;
}

.appoinment .heading::before {
   background: #004f9f none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 2px;
   left: 45px;
   position: absolute;
   width: 5px;
}

.appoinment form input {
   box-shadow: inherit;
   border: 1px solid #e7e7e7;
   border-radius: inherit;
   padding: 15px;
   color: #232323;
}

.appoinment form textarea {
   box-shadow: inherit;
   border: 1px solid #e7e7e7;
   padding: 15px;
   min-height: 120px;
   border-radius: inherit;
}

.appoinment form button {
   background: transparent;
   padding: 10px 35px;
   margin-top: 15px;
   font-family: 'Poppins', sans-serif;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-weight: 600;
   border: 2px solid transparent;
   transition: all 0.35s ease-in-out;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   color: #232323;
   border: 2px solid #004f9f;
   background: transparent;
}

.appoinment form button:hover {
   background: #004f9f;
   color: #ffffff;
   border: 2px solid transparent;
}

.appoinment form button i {
   margin-left: 3px;
}

.department-tabs .tab-content p:last-child {
   margin-bottom: 0;
}

.appoinment h4 {
   color: #666666;
   text-transform: uppercase;
}

.appoinment h2,
.appoinment h3 {
   text-transform: capitalize;
   font-weight: 600;
   margin-bottom: 0;
}


.appoinment-box .appointment-schedule {
   margin-bottom: 30px;
   text-align: center;
}

.appoinment-box .appointment-schedule h5 {
   font-weight: 700;
   text-transform: uppercase;
   background: #004f9f;
   padding: 15px 35px;
   border-radius: 5px;
   color: #ffffff;
   letter-spacing: 0.6px;
   position: relative;
   z-index: 1;
   margin-bottom: 20px;
}

.appoinment-box .appointment-schedule li {
   display: block;
   margin-bottom: 10px;
   border-bottom: 1px solid #e7e7e7;
   padding-bottom: 10px;
}

.appoinment-box .appointment-schedule li:last-child {
   margin: 0;
   padding: 0;
   border: none;
}

.appoinment-box .appointment-schedule li span {
   float: right;
}

.appoinment-box .appointment-schedule ul {
   text-align: left;
}

/* Nice Select CSS */
.nice-select {
   -webkit-tap-highlight-color: transparent;
   background-color: #fff;
   border: solid 1px #e8e8e8;
   box-sizing: border-box;
   clear: both;
   cursor: pointer;
   display: block;
   float: left;
   font-family: inherit;
   font-size: 14px;
   font-weight: normal;
   height: 50px;
   line-height: 50px;
   outline: none;
   padding-left: 18px;
   padding-right: 30px;
   position: relative;
   text-align: left !important;
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   white-space: nowrap;
   width: 100%;
   margin-bottom: 15px;
}

.nice-select:hover {
   border-color: #dbdbdb;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
   border-color: #999;
}

.nice-select:after {
   border-bottom: 2px solid #999;
   border-right: 2px solid #999;
   content: '';
   display: block;
   height: 5px;
   margin-top: -4px;
   pointer-events: none;
   position: absolute;
   right: 12px;
   top: 50%;
   -webkit-transform-origin: 66% 66%;
   -ms-transform-origin: 66% 66%;
   transform-origin: 66% 66%;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   -webkit-transition: all 0.15s ease-in-out;
   transition: all 0.15s ease-in-out;
   width: 5px;
}

.nice-select.open:after {
   -webkit-transform: rotate(-135deg);
   -ms-transform: rotate(-135deg);
   transform: rotate(-135deg);
}

.nice-select.open .list {
   opacity: 1;
   pointer-events: auto;
   -webkit-transform: scale(1) translateY(0);
   -ms-transform: scale(1) translateY(0);
   transform: scale(1) translateY(0);
}

.nice-select.disabled {
   border-color: #ededed;
   color: #999;
   pointer-events: none;
}

.nice-select.disabled:after {
   border-color: #cccccc;
}

.nice-select.wide {
   width: 100%;
}

.nice-select.wide .list {
   left: 0 !important;
   right: 0 !important;
}

.nice-select.right {
   float: right;
}

.nice-select.right .list {
   left: auto;
   right: 0;
}

.nice-select.small {
   font-size: 12px;
   height: 36px;
   line-height: 34px;
}

.nice-select.small:after {
   height: 4px;
   width: 4px;
}

.nice-select.small .option {
   line-height: 34px;
   min-height: 34px;
}

.nice-select .list {
   background-color: #fff;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -moz-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
   -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
   -o-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
   box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
   box-sizing: border-box;
   margin-top: 4px;
   opacity: 0;
   overflow: hidden;
   padding: 0;
   pointer-events: none;
   position: absolute;
   top: 100%;
   left: 0;
   -webkit-transform-origin: 50% 0;
   -ms-transform-origin: 50% 0;
   transform-origin: 50% 0;
   -webkit-transform: scale(0.75) translateY(-21px);
   -ms-transform: scale(0.75) translateY(-21px);
   transform: scale(0.75) translateY(-21px);
   -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
   transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
   z-index: 9;
   width: 100%;
}

.nice-select .list:hover .option:not(:hover) {
   background-color: transparent !important;
}

.nice-select .option {
   cursor: pointer;
   font-weight: 400;
   line-height: 40px;
   list-style: none;
   min-height: 40px;
   outline: none;
   padding-left: 18px;
   padding-right: 29px;
   text-align: left;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
   background-color: #f6f6f6;
}

.nice-select .option.selected {
   font-weight: bold;
}

.nice-select .option.disabled {
   background-color: transparent;
   color: #999;
   cursor: default;
}

.no-csspointerevents .nice-select .list {
   display: none;
}

.no-csspointerevents .nice-select.open .list {
   display: block;
}


/* Banner Appoinment */
.banner-area .appoinment-box {
   position: relative;
   z-index: 1;
   background: transparent;
}

.banner-area .appoinment-box::after {
   position: absolute;
   left: 0;
   top: 0;
   content: "";
   height: 100%;
   width: 100%;
   background: #ffffff;
   z-index: -1;
   opacity: 0.7;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.banner-area .appoinment-box input,
.banner-area .appoinment-box .nice-select {
   border-color: #e7e7e7;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.banner-area .appoinment-box .nice-select span {
   color: #666666;
}

.banner-area .appoinment-box h2 {
   color: #232323;
}

.banner-area .appoinment-box .heading::after {
   background: #232323;
}

.banner-area .appoinment-box .heading::before {
   background: #232323;
}

.banner-area .appoinment-box button {
   background: #004f9f;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
   color: #ffffff;
}


/* ==============================================================
     # Faq Accordion
=================================================================== */

.faq-area {
   overflow: hidden;
}

.faq-items .panel-group,
.acd-items .panel-group {
   margin-bottom: 0;
}

.faq-area .faq-items {
   margin-top: -15px;
}

.acd-items .panel-heading .panel-title a span {
   background: #ff5a6e none repeat scroll 0 0;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   color: #ffffff;
   display: inline-block;
   height: 30px;
   line-height: 30px;
   margin-right: 5px;
   text-align: center;
   width: 30px;
}

.acd-items .panel-heading .panel-title a {
   color: #232323;
   display: block;
   font-weight: 600;
   padding: 19px 30px 20px 15px;
   position: relative;
}

.acd-items .panel-heading {
   padding: 0;
}

.faq-area .acd-items .panel-body {
   padding: 30px 0 20px;
}

.acd-items .panel.panel-default {
   border: none;
   border-radius: inherit;
   box-shadow: inherit;
   margin: 0 0 10px;
}

.acd-items .panel.panel-default:last-child {
   margin-bottom: 0;
}

.acd-items .panel-body p:last-child {
   margin: 0;
}

.faq-items .panel-body {
   padding: 20px;
}

.faq-items .acd-items .panel .panel-body {
   border-color: #e7e7e7;
}

.acd-arrow .panel-group.symb .panel-heading a::after {
   content: "\f107";
   font-size: 20px;
   position: absolute;
   right: 10px;
   top: 17px;
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   color: #232323;
}

.acd-arrow.left .panel-group.symb .panel-heading a::after {
   content: "\f01b" !important;
   font-size: 20px;
   position: absolute;
   right: auto;
   left: 10px;
   top: 12px;
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
}

.acd-arrow.left .panel-group.symb .panel-heading a.collapsed:after {
   content: "\f01a" !important;
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
}

.faq-area .faq-items .panel-group {
   margin: 0;
}

.acd-arrow .panel-group.symb .panel-heading a.collapsed:after {
   content: "\f105";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
}

.acd-items .panel.panel-default:last-child .panel-body {
   padding-bottom: 0;
   margin-bottom: -5px;
}

.faq-area .heading h2 {
   text-transform: uppercase;
   font-weight: 600;
   margin-bottom: 25px;
}

/* ==============================================================
     # Chose Us
=================================================================== */

.container-full .row {
   display: flex;
}

.container-full .row>.info {
   padding: 80px 0 75px 80px;
   max-width: 600px;
}

.chose-us-area.item-half .container-full .row>.info {
   padding: 120px 0 115px 50px;
}

.chose-us-area.item-half .info li {
   float: left;
   width: 50%;
   margin-top: 30px;
   margin-bottom: 0;
}

.chose-us-area.item-half .info li:first-child,
.chose-us-area.item-half .info li:nth-child(2) {
   margin-top: 0;
}

.chose-us-area.item-half .info li:nth-child(2n) {
   padding-left: 15px;
}

.chose-us-area .info .heading {
   position: relative;
   z-index: 1;
}

.chose-us-area .info li .icon i {
   display: inline-block;
   font-size: 50px;
   color: #004f9f;
}

.chose-us-area .info li .icon {
   position: relative;
   z-index: 1;
   margin-bottom: 20px;
}

.chose-us-area .info li {
   display: block;
   margin-bottom: 40px;
}

.chose-us-area .info li:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
   border: none;
}

.chose-us-area .info li h4 {
   text-transform: capitalize;
   font-weight: 600;
   display: inline-block;
}

.chose-us-area .info h2 {
   text-transform: uppercase;
   font-weight: 600;
   display: inline-block;
   margin-bottom: 20px;
}

.chose-us-area .info p:last-child {
   margin-bottom: 0;
}

.chose-us-area .info ul {
   margin-top: 30px;
   overflow: hidden;
}

.chose-us-area .info li p:last-child {
   margin: 0;
}

.chose-us-area .info li .title {
   display: flex;
   margin-bottom: 15px;
   border-bottom: 1px solid #e7e7e7;
   align-items: center;
   padding-bottom: 15px;
}

.chose-us-area .info li .info {
   position: relative;
   z-index: 1;
   padding-left: 35px;
}

.chose-us-area .info li .info::after {
   position: absolute;
   left: 0;
   top: 0;
   font-family: "Font Awesome 5 Free";
   content: "\f00c";
   font-weight: 900;
   font-size: 20px;
   color: #004f9f;
}

.chose-us-area .appoinment {
   padding-right: 35px;
}


/* ==============================================================
     # Top Content
=================================================================== */
.top-content-area .item {
   display: flex;
}

.top-content-area .item>div {
   width: 50%;
}

.top-content-area .item .thumb {
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
}

.top-content-area .item .info {
   padding: 50px 30px;
}

.top-cotent-items {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}


/* ==============================================================
     # Doctor Tips
=================================================================== */
.health-tips-items .thumb {
   position: relative;
   z-index: 1;
}

.health-tips-items .thumb .overlay {
   position: absolute;
   left: 0;
   bottom: -30px;
   text-align: center;
   padding: 20px;
   background: #004f9f;
}

.health-tips-items .thumb .overlay img {
   padding-left: 30px;
}

.health-tips-items .doctor {
   margin-bottom: 25px;
   border-bottom: 1px solid #e7e7e7;
   padding-bottom: 15px;
}

.health-tips-items .doctor h5 {
   color: #004f9f;
}

.health-tips-items .thumb .overlay h4 {
   text-transform: uppercase;
   color: #ffffff;
}

.health-tips-items .thumb .overlay h5 {
   color: #ffffff;
   letter-spacing: 1px;
   font-weight: 400;
   margin: 0;
}

.health-tips-items .info {
   background: #ffffff;
   padding: 30px;
   position: relative;
   z-index: 1;
}

.health-tips-items .info::after {
   position: absolute;
   left: -18px;
   content: "";
   top: 50px;
   border-top: 30px solid transparent;
   border-bottom: 30px solid transparent;
   border-right: 30px solid #ffffff;
}

.health-tips-items .info h4 {
   text-transform: uppercase;
   font-weight: 600;
}

.health-tips-items .info ul li {
   display: block;
   position: relative;
   z-index: 1;
   margin-bottom: 10px;
   padding-left: 25px;
}

.health-tips-items .info ul li::after {
   position: absolute;
   left: 0;
   top: 0;
   font-family: "Font Awesome 5 Free";
   content: "\f067";
   height: 15px;
   width: 15px;
   font-weight: 600;
   color: #004f9f;
}

.health-tips-items .info ul li:last-child {
   margin: 0;
}

.doctor-tips-area .tips-carousel.owl-carousel .owl-nav {
   margin: 0;
}

.doctor-tips-area .tips-carousel.owl-carousel .owl-nav .owl-prev,
.doctor-tips-area .tips-carousel.owl-carousel .owl-nav .owl-next {
   background: transparent none repeat scroll 0 0;
   color: #666666;
   font-size: 30px;
   height: 40px;
   left: -35px;
   line-height: 40px;
   margin: -20px 0 0;
   padding: 0;
   position: absolute;
   top: 50%;
   width: 40px;
}

.doctor-tips-area.bg-gray .tips-carousel.owl-carousel .owl-nav .owl-prev,
.doctor-tips-area.bg-gray .tips-carousel.owl-carousel .owl-nav .owl-next {
   color: #004f9f;
}

.doctor-tips-area .tips-carousel.owl-carousel .owl-nav .owl-next {
   left: auto;
   right: -35px;
}


/* ==============================================================
     # Doctor
=================================================================== */

.doctor-area .equal-height {
   margin-bottom: 30px;
}

.doctor-items .thumb {
   position: relative;
   z-index: 1;
}

.doctor-items .thumb .overlay {
   position: absolute;
   left: 50%;
   bottom: -25px;
   transform: translate(-50%, 0);
   -webkit-transform: translate(-50%, 0);
   -moz-transform: translate(-50%, 0);
   -ms-transform: translate(-50%, 0);
   -o-transform: translate(-50%, 0);
}

.doctor-items .thumb .overlay i {
   height: 50px;
   width: 50px;
   background: #004f9f;
   line-height: 50px;
   color: #ffffff;
   font-size: 15px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.doctor-items .info {
   padding: 40px 30px 30px;
   border-top: 2px solid #004f9f;
   background: #ffffff;
}

.doctor-items .item {
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.doctor-items .info h4 {
   text-transform: capitalize;
   font-weight: 600;
}

.doctor-items .info h5 {
   text-transform: uppercase;
   color: #004f9f;
   margin-bottom: 15px;
   font-size: 12px;
   letter-spacing: 1px;
}

/* Social */
.doctor-items .thumb .social {
   position: absolute;
   transition: all 0.35s ease-in-out;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   bottom: 80px;
   width: 100%;
   opacity: 0;
}

.doctor-items .item:hover .social {
   opacity: 1;
   bottom: 40px;
}

.doctor-items .item:hover img {
   opacity: 0.5;
}

.doctor-items .thumb img {
   transition: all 0.35s ease-in-out;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
}

.doctor-items .social li {
   display: inline-block;
}

.doctor-items .social li a {
   display: inline-block;
   height: 40px;
   width: 40px;
   background: rgba(255, 255, 255, 0.9);
   line-height: 40px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   margin: 0 1px;
}

.doctor-items .social li.twitter a {
   background-color: #00b6f1;
   color: #ffffff;
}

.doctor-items .social li.pinterest a {
   background-color: #bd081c;
   color: #ffffff;
}

.doctor-items .social li.facebook a {
   background-color: #3b5998;
   color: #ffffff;
}

.doctor-items .social li.g-plus a {
   background-color: #df4a32;
   color: #ffffff;
}

.doctor-items .social li.vimeo a {
   background-color: #1ab7ea;
   color: #ffffff;
}

.doctor-items .social li.instagram a {
   background-color: #cd486b;
   color: #ffffff;
}

.doctor-items .social li.linkedin a {
   background-color: #0077b5;
   color: #ffffff;
}

.doctor-items .social li a:hover {
   background: #004f9f;
   color: #ffffff;
}

.doctor-items .info ul {
   margin-top: 20px;
}


.doctor-items .info .appoinment-btn {
   position: relative;
   z-index: 1;
}

.doctor-items .info .appoinment-btn::after {
   position: absolute;
   left: 0;
   top: 50%;
   content: "";
   height: 1px;
   width: 100%;
   background: #e7e7e7;
   z-index: -1;
}

.doctor-items .info a {
   display: inline-block;
   text-transform: uppercase;
   color: #666666;
   background: #ffffff;
   position: relative;
   z-index: 1;
   padding: 0 10px;
}

.doctor-area .doctor-carousel.owl-carousel .owl-nav {
   margin: 0;
}

.doctor-area .doctor-carousel.owl-carousel .owl-nav .owl-prev,
.doctor-area .doctor-carousel.owl-carousel .owl-nav .owl-next {
   background: transparent none repeat scroll 0 0;
   color: #666666;
   font-size: 30px;
   height: 40px;
   left: -50px;
   line-height: 40px;
   margin: -20px 0 0;
   padding: 0;
   position: absolute;
   top: 50%;
   width: 40px;
}

.doctor-area .doctor-carousel.owl-carousel .owl-nav .owl-prev,
.doctor-area .doctor-carousel.owl-carousel .owl-nav .owl-next {
   color: #004f9f;
}

.doctor-area .doctor-carousel.owl-carousel .owl-nav .owl-next {
   left: auto;
   right: -50px;
}

/* ==============================================================
     # Doctor Details
=================================================================== */
.doctor-details-area .nav-pills {
   border-bottom: 1px solid #e7e7e7;
   margin-bottom: 30px;
   margin-top: 25px;
}

.doctor-details-area .nav-pills li a {
   position: relative;
   z-index: 1;
   padding: 0;
   text-transform: uppercase;
   background: transparent;
   padding-bottom: 15px;
}

.doctor-details-area .nav-pills li.active a {
   background: transparent;
   color: #004f9f;
}

.doctor-details-area .nav-pills li {
   margin-right: 25px;
}

.doctor-details-area .nav-pills li.active::after {
   position: absolute;
   left: 0;
   bottom: -2px;
   content: "";
   height: 3px;
   width: 100%;
   background: #004f9f;
}

.doctor-details-area .info a {
   margin-top: 10px;
   margin-bottom: 20px;
}

.doctor-details-area .info h4 {
   margin-bottom: 25px;
   color: #666666;
   text-transform: uppercase;
}

.doctor-details-area .tab-content p:last-child {
   margin-bottom: 0;
}

.doctor-details-area .tab-content {
   margin-bottom: -10px;
}

.doctor-details-area .thumb {
   position: relative;
   z-index: 1;
}

.doctor-details-area .thumb::after {
   position: absolute;
   left: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 160%) repeat scroll 0 0;
   content: "";
   height: 30%;
   width: 100%;
}

.doctor-details-area .thumb .overlay {
   position: absolute;
   left: 0;
   bottom: 0;
   padding: 20px;
   text-align: center;
   right: 0;
   z-index: 1;
}

.doctor-details-area .thumb .overlay li {
   display: inline-block;
}

.doctor-details-area .thumb .overlay li a {
   display: inline-block;
   font-size: 20px;
   color: #ffffff;
   margin: 0 10px;
}

.doctor-details-area .tab-content li {
   font-family: 'Poppins', sans-serif;
   text-transform: uppercase;
   padding: 10px;
}

.doctor-details-area .tab-content li:nth-child(odd) {
   background: #f4f4f4;
}

/* ==============================================================
     # Departments
=================================================================== */
.department-items .equal-height {
   margin-bottom: 30px;
}

.department-items .thumb {
   overflow: hidden;
   position: relative;
   z-index: 1;
}

.department-items .thumb img {
   display: block;
   position: relative;
   max-width: none;
   width: calc(100% + 60px);
   -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
   transition: opacity 0.35s, transform 0.45s;
   -webkit-transform: translate3d(-40px, 0, 0);
   transform: translate3d(-40px, 0, 0);
}

.department-items .item:hover img {
   opacity: 0.6;
   filter: alpha(opacity=60);
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.department-items .item .info {
   padding: 30px;
   overflow: hidden;
   border: 1px solid #e7e7e7;
   background: #ffffff;
}

.department-items .item .info li {
   float: left;
   width: 50%;
   font-family: 'Poppins', sans-serif;
   text-transform: uppercase;
}

.department-items .item .info li span {
   display: block;
   color: #004f9f;
   font-weight: 700;
   font-size: 20px;
   margin-top: 5px;
   letter-spacing: 1px;
}

.department-items .item .info ul {
   border-top: 1px solid #e7e7e7;
   overflow: hidden;
   padding-top: 15px;
   text-align: center;
}

.department-items .item .info h4 {
   text-transform: capitalize;
   font-weight: 600;
}

/* ==============================================================
     # Gallery
=================================================================== */

.gallery-area {
   padding-bottom: 105px;
}

.mix-item-menu button {
   border: none;
   background: transparent;
   display: inline-block;
   text-transform: uppercase;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
   font-weight: 600;
   position: relative;
   padding: 0 15px;
   cursor: pointer;
   z-index: 1;
   font-family: 'Poppins', sans-serif;
}

.mix-item-menu {
   display: inline-block;
   border: 1px solid #e7e7e7;
   padding: 15px 25px;
   margin-bottom: 30px;
}

.mix-item-menu button.active::after {
   position: absolute;
   left: 50%;
   top: 3px;
   content: "";
   height: 20px;
   width: 2px;
   background: #004f9f;
   margin-left: -2px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   z-index: -1;
}

.mix-item-menu button.active {
   color: #004f9f;
}

.gallery-area.inc-colum {
   padding-bottom: 105px;
}

.gallery-area .gallery-items.col-3 .pf-item {
   float: left;
   padding: 15px;
   width: 33.3333%;
}

.gallery-area .gallery-items.col-2 .pf-item {
   float: left;
   padding: 15px;
   width: 50%;
}

.gallery-area .gallery-items.col-4 .pf-item {
   float: left;
   padding: 15px;
   width: 25%;
}

.gallery-area .gallery-items.col-6 .pf-item {
   float: left;
   padding: 15px;
   width: 16.6666%;
}


/* Portfolio Effects */
/* generic css */

.effect-box {
   position: relative;
   overflow: hidden;
}

.effect-box::after {
   position: absolute;
   left: 5%;
   top: 5%;
   content: "";
   height: 90%;
   background: #ffffff;
   transition: all 0.35s ease-in-out;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   opacity: 0;
   width: 90%;
}

.gallery-items .pf-item:hover .effect-box::after {
   opacity: 0.7;
}

.effect-box .info {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   width: 100%;
   padding: 30px;
   z-index: 1;
}

.effect-box img {
   display: block;
   position: relative;
}

.effect-box h4,
.effect-box h4 a {
   text-transform: uppercase;
   font-weight: 500;
}

.effect-box img {
   transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
}

.effect-box h4 {
   transform: translateY(-100px);
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   opacity: 0;
   transition: all 0.35s ease-in-out;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
}

.effect-box p {
   transform: translateY(100px);
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -ms-transform: translateY(100px);
   -o-transform: translateY(100px);
   opacity: 0;
   transition: all 0.35s linear;
   -webkit-transition: all 0.35s linear;
   -moz-transition: all 0.35s linear;
   -ms-transition: all 0.35s linear;
   -o-transition: all 0.35s linear;
}

.effect-box .info>a {
   opacity: 0;
   transition: all 0.35s ease-in-out;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   display: inline-block;
   height: 45px;
   width: 45px;
   background: #004f9f;
   display: inline-block;
   line-height: 45px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   margin: 0 3px;
   color: #ffffff;
}


/* Gallery Effect */

.effect-box:hover img {
   transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
}

.effect-box:hover .info {
   opacity: 1;
}

.effect-box:hover h4,
.effect-box:hover p,
.effect-box:hover a {
   opacity: 1;
   transform: translateY(0px);
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   -o-transform: translateY(0px);
}

.effect-box:hover p {
   transition-delay: 0.1s;
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
}

.effect-box:hover a {
   transition-delay: 0.2s;
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
}


/* ==============================================================
     # Department Tabs
=================================================================== */
.department-tabs .tab-navs li {
   width: 100%;
   margin-bottom: 15px;
}

.department-tabs .tab-navs li i {
   font-size: 30px;
   margin-right: 15px;
   position: relative;
   float: left;
   top: -2px;
}

.department-tabs .tab-navs li a {
   padding: 15px 30px;
   background: #ffffff;
   border: 1px solid #e7e7e7;
}

.department-tabs .tab-navs li.active a {
   background: #004f9f;
   border-color: transparent;
}

.department-tabs .heading h4 {
   text-transform: uppercase;
   font-weight: 600;
   margin-bottom: 25px;
}

.department-tabs .tab-content .thumb {
   position: relative;
   margin-bottom: 30px;
   z-index: 1;
}

.department-tabs .tab-content h3 {
   text-transform: capitalize;
   font-weight: 600;
}

.department-tabs .tab-content .opening-info {
   padding: 30px;
   background: #ffffff;
   border: 1px solid #e7e7e7;
}

.department-tabs .tab-content .opening-info h4 {
   position: relative;
   text-transform: uppercase;
   font-weight: 600;
   padding-bottom: 20px;
   margin-bottom: 20px;
}

.department-tabs .tab-content .opening-info h4::after {
   background: #004f9f none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 2px;
   left: 0;
   position: absolute;
   width: 40px;
}

.department-tabs .tab-content .opening-info h4::before {
   background: #004f9f none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 2px;
   left: 45px;
   position: absolute;
   width: 5px;
}

.department-tabs .tab-content .opening-info li {
   padding: 15px;
   text-transform: uppercase;
   font-weight: 500;
   font-family: 'Poppins', sans-serif;
   color: #666666;
}

.department-tabs .tab-content .opening-info li:nth-child(2n) {
   background: #f1f1f1;
}

.department-tabs .tab-content .opening-info li:first-child {
   padding-top: 0;
}

.department-tabs .tab-content .opening-info li:last-child {
   padding-bottom: 0;
   padding-top: 20px;
}

.department-tabs .tab-content .opening-info li .pull-right {
   padding: 0 15px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
}

.department-tabs .tab-content .opening-info li .pull-right.closed {
   background: #004f9f;
   color: #ffffff;
}

/* ==============================================================
     # Testimonials
=================================================================== */

.testimonials-area.carousel-shadow .owl-stage-outer {
   padding: 25px 15px 15px;
}

.testimonial-items .item {
   background: #ffffff;
   padding: 40px 30px 30px;
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   position: relative;
   z-index: 1;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.testimonial-items .item::after {
   position: absolute;
   left: 50px;
   top: -15px;
   content: "\f10d";
   font-family: "Font Awesome 5 Free";
   text-align: center;
   font-size: 50px;
   color: #004f9f;
   font-weight: 900;
}

.testimonial-items .provider {
   display: flex;
   margin-top: 20px;
   align-items: center;
   border-top: 1px solid #e7e7e7;
   padding-top: 20px;
}

.testimonial-items .provider img {
   height: 100px;
   width: 100px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.testimonial-items .provider .thumb {
   margin-right: 15px;
}

.testimonial-items .provider h4 {
   color: #666666;
   text-transform: uppercase;
   font-weight: 600;
}

.testimonial-items .provider h5 {
   text-transform: uppercase;
   font-size: 12px;
   color: #666666;
   letter-spacing: 1px;
}

.testimonial-items .provider h5 span {
   color: #004f9f;
}

.testimonial-items .content {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   position: relative;
   z-index: 1;
}

.testimonial-items .content::after {
   position: absolute;
   left: 50px;
   bottom: -15px;
   border-left: 15px solid transparent;
   border-right: 15px solid transparent;
   border-top: 15px solid #ffffff;
   content: "";
}

.testimonials-area .testimonial-carousel.owl-carousel .owl-nav {
   margin: 0;
}

.testimonials-area .testimonial-carousel.owl-carousel .owl-nav .owl-prev,
.testimonials-area .testimonial-carousel.owl-carousel .owl-nav .owl-next {
   background: transparent none repeat scroll 0 0;
   color: #666666;
   font-size: 30px;
   height: 40px;
   left: -50px;
   line-height: 40px;
   margin: -20px 0 0;
   padding: 0;
   position: absolute;
   top: 50%;
   width: 40px;
}

.testimonials-area .testimonial-carousel.owl-carousel .owl-nav .owl-prev,
.testimonials-area .testimonial-carousel.owl-carousel .owl-nav .owl-next {
   color: #004f9f;
}

.testimonials-area .testimonial-carousel.owl-carousel .owl-nav .owl-next {
   left: auto;
   right: -50px;
}

/* ==============================================================
     # Blog
=================================================================== */

.blog-area .thumb {
   overflow: hidden;
   position: relative;
   z-index: 1;
}

.blog-area .thumb .post-type {
   background: rgba(12, 184, 182, 0.7) none repeat scroll 0 0;
   bottom: 20px;
   color: #ffffff;
   font-size: 20px;
   height: 50px;
   right: 20px;
   line-height: 50px;
   position: absolute;
   text-align: center;
   width: 50px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   z-index: 1;
}

.blog-area .thumb img {
   max-width: none;
   width: -webkit-calc(100% + 60px);
   width: calc(100% + 60px);
   -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
   transition: opacity 0.35s, transform 0.35s;
   -webkit-transform: translate3d(-50px, 0, 0);
   transform: translate3d(-50px, 0, 0);
}

.blog-area .item:hover .thumb img {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.blog-area .meta li {
   display: block;
   text-transform: uppercase;
}

.blog-area .meta .comments {
   position: absolute;
   right: 0;
   top: 25px;
}

.blog-area .meta .comments a {
   font-weight: 400;
   color: #666666 !important;
   font-family: 'Open Sans', sans-serif;
}

.blog-area .meta .comments a:hover {
   color: #004f9f !important;
}

.blog-area .meta .comments i {
   margin-right: 3px;
}

.blog-area .info {
   padding-top: 30px;
}

.blog-area .info>a {
   margin-top: 5px;
}

.blog-area .info .meta a {
   text-transform: uppercase;
   color: #004f9f;
}

.blog-area .meta {
   border-bottom: 1px solid #e7e7e7;
   padding-bottom: 15px;
   margin-bottom: 15px;
   position: relative;
}

.blog-area .info h4 {
   line-height: 1.5;
   text-transform: capitalize;
}

.blog-area .info h2,
.blog-area .info h3 {
   text-transform: capitalize;
   line-height: 1.3;
}

.blog-area .info a:hover {
   color: #004f9f;
}

.blog-area.full-blog .single-item {
   margin-bottom: 50px;
}

.blog-area.left-sidebar .blog-content {
   float: right;
}


/* Pagination */

.blog-area .pagi-area .pagination li a {
   border: 1px solid #e7e7e7;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #232323;
   font-weight: 600;
   height: 50px;
   line-height: 50px;
   margin-right: 10px;
   margin-top: 5px;
   padding: 0;
   text-align: center;
   text-transform: uppercase;
   width: 50px;
}

.blog-area .pagi-area .pagination li.active a {
   background: #004f9f none repeat scroll 0 0;
   border-color: transparent;
   color: #ffffff;
}

.blog-area .pagi-area .pagination {
   margin-bottom: -10px;
   margin-top: -5px;
}


/* Sidebar */

.blog-area .sidebar .title {
   display: block;
}

.blog-area .sidebar .title h4 {
   font-weight: 500;
   margin-bottom: 25px;
   margin-top: -5px;
   padding-bottom: 15px;
   position: relative;
   text-transform: uppercase;
   z-index: 1;
}

.blog-area .sidebar .title h4::before {
   background: #004f9f none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 2px;
   left: 0;
   position: absolute;
   width: 40px;
   z-index: -1;
}

.blog-area .sidebar .title h4::after {
   background: #004f9f none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 2px;
   left: 45px;
   position: absolute;
   width: 5px;
   z-index: -1;
}

.blog-area .sidebar input[type="text"] {
   border: 1px solid #e7e7e7;
   border-radius: inherit;
   box-shadow: inherit;
}

.blog-area .sidebar form {
   position: relative;
}

.blog-area .sidebar input[type="submit"] {
   background: #232323 none repeat scroll 0 0;
   border: medium none;
   color: #ffffff;
   font-family: "Poppins", sans-serif;
   font-weight: 500;
   letter-spacing: 1px;
   padding: 0 15px;
   position: absolute;
   right: 0;
   text-transform: uppercase;
   top: 0;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
}

.blog-area .sidebar input[type="submit"]:hover {
   background: #004f9f none repeat scroll 0 0;
}

.blog-area .sidebar .sidebar-item {
   float: left;
   margin-bottom: 30px;
   width: 100%;
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   padding: 30px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.blog-area .sidebar .sidebar-item:last-child {
   margin-bottom: 0;
}

.blog-area .sidebar .sidebar-item.category .sidebar-info,
.blog-area .sidebar .sidebar-item.archives .sidebar-info {
   margin-top: -5px;
}

.blog-area .sidebar .sidebar-item.category li {
   display: block;
   padding: 10px 0;
   border-bottom: 1px solid #e7e7e7;
   position: relative;
}

.blog-area .sidebar .sidebar-item.category li a {
   display: inline-block;
   text-transform: capitalize;
   padding-left: 25px;
}

.blog-area .sidebar .sidebar-item li a:hover {
   color: #004f9f;
}

.sidebar-item.category ul li a::after {
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   content: "\f07b";
   font-family: "Font Awesome 5 Free";
   height: 8px;
   left: 0;
   position: absolute;
   width: 8px;
   top: 10px;
}

.blog-area .sidebar .sidebar-item.category li a span {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #666666;
   font-weight: 500;
   padding: 0 8px;
   position: absolute;
   right: 0;
   top: 10px;
   border: 1px solid #e7e7e7;
}

.blog-area .sidebar .sidebar-item.category li:first-child a span {
   top: 0;
}

.blog-area .sidebar .sidebar-item.category li:first-child {
   margin-top: 0;
   padding-top: 0;
}

.blog-area .sidebar .sidebar-item.category li:first-child a::after {
   top: 0;
}

.blog-area .sidebar .sidebar-item.category li:last-child {
   border: medium none;
   margin-bottom: 0;
   padding-bottom: 0;
}

.sidebar-item.recent-post li a {
   color: #232323;
   display: block;
   font-size: 14px;
   font-weight: 500;
   margin-top: 0;
}

.sidebar-item.recent-post li a:last-child {
   display: inline-block;
   font-weight: 400;
   text-transform: uppercase;
}

.sidebar-item.recent-post .meta-title {
   color: #999999;
   font-family: "Poppins", sans-serif;
   margin-top: 10px;
   text-transform: uppercase;
}

.sidebar-item.recent-post li a:hover {
   color: #004f9f;
}

.sidebar-item.recent-post li a span {
   display: inline-block;
   color: #232323;
}

.sidebar-item.recent-post li span {
   display: inline-block;
   text-transform: uppercase;
}

.sidebar-item.recent-post .meta-title a {
   text-transform: capitalize;
   color: #999999;
}

.sidebar-item.recent-post li {
   color: #cdd0d3;
}

.sidebar-item.recent-post li {
   border-bottom: 1px solid #e7e7e7;
   margin-bottom: 15px;
   padding-bottom: 15px;
}

.sidebar-item.recent-post li:last-child {
   border: medium none;
   margin: 0;
   padding: 0;
}

.sidebar-item.recent-post li:last-child {
   margin: 0;
}

.sidebar-item.recent-post li .thumb {
   display: table-cell;
   padding-top: 5px;
   vertical-align: top;
   width: 80px;
}

.sidebar-item.recent-post .thumb img {
   width: 100%;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   transform: inherit;
}

.sidebar-item.recent-post li .info {
   box-shadow: inherit;
   color: #837f7e;
   display: table-cell;
   line-height: 26px;
   padding: 0 0 0 20px;
   vertical-align: top;
}

.sidebar-item.gallery ul li {
   box-sizing: border-box;
   float: left;
   padding: 0 10px 10px 0;
   width: 33.333%;
   float: left;
}

.sidebar-item.gallery ul li img {
   height: 100px;
   width: 100%;
}

.sidebar-item.archives ul li {
   display: block;
   margin-bottom: 20px;
   position: relative;
}

.sidebar-item.archives ul li:last-child {
   margin-bottom: 0;
}

.sidebar-item.archives ul li a {
   color: #666666;
   display: inline-block;
   font-weight: 500;
   text-transform: capitalize;
   z-index: 1;
   padding-left: 25px;
}

.sidebar-item.archives ul li a::after {
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   content: "\f07b";
   font-family: "Font Awesome 5 Free";
   height: 8px;
   left: 0;
   position: absolute;
   width: 8px;
}

.sidebar-item.social-sidebar li {
   display: inline-block;
   float: left;
   margin-right: 5px;
}

.sidebar-item.social-sidebar li a {
   background: #232323 none repeat scroll 0 0;
   border: medium none;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   color: #ffffff;
   display: inline-block;
   font-size: 16px;
   height: 60px;
   line-height: 65px;
   margin-bottom: 5px;
   text-align: center;
   width: 60px;
}

.sidebar-item.social-sidebar li a:hover {
   color: #ffffff !important;
}

.sidebar-item.social-sidebar li.facebook a {
   background: #3B5998 none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.twitter a {
   background: #1DA1F2 none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.pinterest a {
   background: #BD081C none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.g-plus a {
   background: #DB4437 none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.linkedin a {
   background: #0077B5 none repeat scroll 0 0;
}

.sidebar-item.tags ul li {
   display: inline-block;
}

.sidebar-item.tags ul li a {
   background: #ffffff none repeat scroll 0 0;
   border: 1px solid #e7e7e7;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   display: inline-block;
   font-weight: 600;
   margin-bottom: 8px;
   margin-right: 5px;
   padding: 10px 20px;
   text-transform: capitalize;
   font-size: 13px;
   color: #666666;
}

.sidebar-item.tags ul li a:hover {
   color: #004f9f;
}


/* Blog Single */
.blog-area.single .item .content-box span {
   background: #004f9f none repeat scroll 0 0;
   color: #ffffff;
   display: inline-block;
   font-family: "Poppins", sans-serif;
   font-weight: 600;
   letter-spacing: 1px;
   margin-bottom: 15px;
   padding: 3px 20px;
   text-transform: uppercase;
}

.blog-area.single .item .content-box h2,
.blog-area.single .item .content-box h3,
.blog-area.single .item .content-box h4 {
   font-weight: 500;
}

.blog-area.single .content-box .cats {
   float: left;
   margin-right: 5px;
}

.blog-area.single .content-box .meta .date {
   float: right;
   font-family: "Poppins", sans-serif;
   letter-spacing: 1px;
   text-transform: uppercase;
}

.blog-area.single .content-box .meta {
   overflow: hidden;
   width: 100%;
   border: none;
   margin: 0;
   padding: 0;
}

.blog-area.single .content-box .cats a:last-child::after {
   display: none;
}

.blog-area.single .item {
   margin-bottom: 0;
}

.blog-area .item blockquote {
   border-color: #004f9f;
   color: #414141;
   font-size: 15px;
   position: relative;
   font-style: italic;
   z-index: 1;
   margin-top: 30px;
   padding: 0 0 0 20px;
   margin-bottom: 30px;
   border-width: 2px;
}

.author-bio {
   display: block;
   margin-top: 30px;
   width: 100%;
   border: 1px solid #e7e7e7;
   padding: 30px;
}

.blog-area .author-bio img {
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}

.author-bio .avatar {
   display: table-cell;
   vertical-align: top;
   width: 200px;
}

.author-bio .content {
   display: table-cell;
   padding: 0 0 0 30px;
   vertical-align: middle;
}

.author-bio .content p {
   margin: 0;
   position: relative;
   z-index: 1;
   padding-top: 5px;
   color: #232323;
}

.author-bio .content p::after {
   content: "\f10d";
   font-family: "Font Awesome 5 Free";
   font-size: 60px;
   left: 0;
   opacity: 0.1;
   position: absolute;
   top: 0;
   font-weight: 600;
}

.author-bio .content h4 {
   font-weight: 500;
   margin-bottom: 0;
   margin-top: 15px;
   text-transform: uppercase;
}

.blog-area.single .post-pagi-area {
   background: #f4f4f4 none repeat scroll 0 0;
   margin: 30px 0 45px;
   overflow: hidden;
   padding: 15px;
   border: 1px solid #e7e7e7;
}

.blog-area.single .post-pagi-area a {
   display: inline-block;
   font-weight: 600;
   text-transform: uppercase;
}

.blog-area.single .post-pagi-area a:hover {
   color: #004f9f;
}

.blog-area.single .post-pagi-area a:last-child {
   float: right;
}

.blog-area.single .post-pagi-area a:first-child i {
   margin-right: 3px;
}

.blog-area.single .post-pagi-area a:last-child i {
   margin-left: 3px;
}

.blog-area.single .post-tags span {
   font-family: "Poppins", sans-serif;
   font-weight: 600;
   margin-right: 5px;
   text-transform: uppercase;
}

.blog-area.single .post-tags a {
   border: 1px solid #e7e7e7;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
   color: #232323;
   display: inline-block;
   font-size: 12px;
   font-weight: 600;
   margin-right: 5px;
   padding: 3px 25px;
   text-transform: capitalize;
   margin-bottom: 8px;
}

.comments-area .commen-item .comments-info p {
   display: block;
   margin: 0;
}

.blog-area .contact-comments .submit {
   margin-bottom: 0;
}

.blog-area.single .post-tags a:hover {
   color: #004f9f;
}

.blog-area.single.color-yellow .post-tags a:hover {
   color: #ff9800;
}

.responsive-video {
   position: relative;
   padding-bottom: 56.25%;
   /* 16:9 */
   padding-top: 25px;
   height: 0;
}

.responsive-video iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.comments-list .commen-item .avatar {
   float: left;
   height: 100px;
   width: 100px;
}

.comments-list .commen-item .content {
   display: table-cell;
   vertical-align: top;
}

.comments-list .commen-item .avatar img {
   height: 80px;
   width: 80px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   padding: 3px;
   border: 1px solid #e7e7e7;
   margin-top: -5px;
}

.comments-list .commen-item {
   margin-bottom: 30px;
}

.comments-list .commen-item.reply {
   padding-left: 80px;
}

.comments-area {
   margin-top: 40px;
}

.comments-area .comments-title h2,
.comments-area .comments-title h3,
.comments-area .comments-title h4 {
   border-bottom: 1px solid #e2e2e2;
   font-weight: 700;
   margin-bottom: 30px;
   padding-bottom: 15px;
   text-transform: uppercase;
}

.comments-list .commen-item .content h3,
.comments-list .commen-item .content h4,
.comments-list .commen-item .content h5 {
   font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;
}

.comments-info a {
   border: 1px solid #e7e7e7;
   color: #004f9f;
   display: inline-block;
   font-size: 12px;
   margin-top: 15px;
   padding: 1px 10px;
   text-transform: uppercase;
}

.comments-info a:hover {
   color: #004f9f;
}

.color-yellow .comments-info a:hover {
   color: #ff9800;
}

.comments-info a i {
   margin-right: 10px;
}

.comments-form input,
.comments-form textarea {
   -moz-border-bottom-colors: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
   -moz-border-top-colors: none;
   border-color: #e7e7e7;
   border-image: none;
   border-radius: inherit;
   border-style: none none solid;
   border-width: medium medium 1px;
   box-shadow: inherit;
}

.comments-form textarea {
   min-height: 180px;
   padding: 15px;
}

.blog-area.full-blog.single-blog .form-group.submit {
   margin-bottom: 0;
}

.comments-form button {
   border: 2px solid #004f9f;
   background: transparent;
   color: #232323;
   display: inline-block;
   font-family: 'Poppins', sans-serif;
   font-size: 12px;
   font-weight: 600;
   line-height: 25px;
   margin-top: 20px;
   padding: 12px 40px;
   text-transform: uppercase;
   transition: all 0.35s ease-in-out;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
}

.comments-form button:hover {
   color: #ffffff;
   background-color: #004f9f;
   border: 2px solid transparent;
}

.comments-area .commen-item .comments-info {
   margin-bottom: 15px;
}

.comments-form .title h2,
.comments-form .title h3,
.comments-form .title h4 {
   border-bottom: 1px solid #e7e7e7;
   font-weight: 700;
   margin-bottom: 30px;
   padding-bottom: 15px;
   text-transform: uppercase;
}

.blog-area .contact-comments .comments {
   margin-top: 20px;
}

.blog-area.single .blog-items .item .contact-comments .col-md-6 {
   padding: 0 15px;
}

/* ==============================================================
     # Newsletter
=================================================================== */
.newsletter-area form {
   max-width: 400px;
   margin: auto;
   position: relative;
   z-index: 1;
}

.newsletter-area form .input-group {
   width: 100%;
}

.newsletter-area form input {
   border: none;
   -webkit-border-radius: 30px !important;
   -moz-border-radius: 30px !important;
   border-radius: 30px !important;
   padding: 0 20px;
   min-height: 60px;
}

.newsletter-area form button {
   position: absolute;
   right: 0;
   z-index: 9;
   min-height: 60px;
   border: 5px solid #ffffff;
   width: 60px;
   background: #004f9f;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
   color: #ffffff;
}

.newsletter-area h2 {
   margin-bottom: 30px;
}

/* ==============================================================
     # Contact
=================================================================== */
.contact-area .contact-items input,
.contact-area .contact-items textarea {
   border: 1px solid #e7e7e7;
   box-shadow: inherit;
   min-height: 60px;
   padding: 15px;
}

.contact-area .contact-items textarea {
   min-height: 150px;
}

.contact-area .contact-items button {
   padding: 15px 35px;
   border: 2px solid #004f9f;
   background: transparent;
   font-family: 'Poppins', sans-serif;
   text-transform: uppercase;
   letter-spacing: 1px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin-top: 20px;
}

.contact-area .contact-items button i {
   margin-left: 5px;
}

.contact-area .contact-items img {
   float: left;
   margin-left: 10px;
   top: 40px;
   position: absolute;
}

/* Google Maps */

.maps-area .google-maps {
   width: 100%;
}

.google-maps iframe {
   height: 500px;
   margin-bottom: -10px;
   width: 100%;
}

.maps-area {
   overflow: hidden;
}

/* ==============================================================
     # Error Page
=================================================================== */

.error-box {
   margin-top: -5px;
}

.error-box h1 {
   font-size: 150px;
   font-weight: 800;
   line-height: 1;
   margin-bottom: 30px;
}

.error-box h1 i {
   color: #004f9f;
}

.error-box h2 {
   text-transform: capitalize;
   font-weight: 600;
}

.error-box .search {
   border-top: 1px solid #e7e7e7;
   margin-top: 30px;
   padding-top: 30px;
   text-align: center;
}

.error-box .search form {
   width: 400px;
   margin: auto;
   position: relative;
   z-index: 1;
}

.error-box .search .input-group {
   margin: auto;
}

.error-box .search form input {
   box-shadow: inherit;
   border-radius: inherit;
   min-height: 60px;
}

.error-box .search form button {
   position: absolute;
   right: 0;
   top: 0;
   z-index: 9;
   min-height: 60px;
   background: #004f9f;
   border: none;
   padding: 0 30px;
   color: #ffffff;
}


/* ==============================================================
     # Footer
=================================================================== */

footer .f-items img {
   margin-bottom: 30px;
}

footer .f-item h2 {
   font-weight: 800;
   color: #004f9f;
   border: 1px solid;
   display: inline-block;
   padding: 10px 20px;
   margin: 0;
}

footer .f-item h2 i {
   margin-right: 5px;
}

footer .f-item h4 {
   text-transform: uppercase;
   font-weight: 600;
   letter-spacing: 1px;
   position: relative;
   z-index: 1;
   padding-bottom: 15px;
   margin-bottom: 30px;
}

footer .f-item h4::after {
   position: absolute;
   left: 0;
   bottom: 0;
   content: "";
   height: 2px;
   width: 30px;
   background: #004f9f;
}

footer .f-item h4::before {
   position: absolute;
   left: 33px;
   bottom: 0;
   content: "";
   height: 2px;
   width: 5px;
   background: #004f9f;
}

footer.bg-dark p,
footer.bg-dark {
   color: #cccccc;
}

footer .f-item h5 {
   text-transform: uppercase;
   margin-top: 25px;
   margin-bottom: 20px;
}


/* Footer Top */

footer .footer-top .item-box {
   border: 1px solid #e7e7e7;
   overflow: hidden;
   text-align: center;
}

footer .footer-top .item {
   border-right: 1px solid #e7e7e7;
   overflow: hidden;
   padding: 15px;
}

footer .footer-top .item:last-child {
   border: medium none;
}

footer .footer-top .item span {
   display: block;
   font-family: "Poppins", sans-serif;
   font-weight: 600;
   line-height: 24px;
   text-transform: uppercase;
   margin-bottom: 5px;
}

footer .footer-top .item i {
   display: inline-block;
   font-size: 50px;
   margin-bottom: 15px;
   color: #004f9f;
}

footer .f-item .opening-info li {
   display: block;
   border-bottom: 1px solid #e7e7e7;
   padding-bottom: 10px;
   margin-bottom: 10px;
}

footer.bg-dark .f-item .opening-info li {
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

footer .f-item .opening-info li:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
   border: none;
}

footer .f-item .opening-info li .closed {
   background: #004f9f;
   color: #ffffff;
   padding: 2px 15px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
}

footer .f-item.link li {
   display: block;
   margin-bottom: 18px;
}

footer .f-item li a {
   display: inline-block;
   color: #666666;
}

footer.bg-dark .f-item li a {
   color: #cccccc;
}

footer .f-item.link li a i {
   margin-right: 6px;
   font-size: 10px;
}

footer .f-item li a:hover {
   color: #004f9f;
}

footer.bg-dark .f-item li a:hover {
   color: #ffffff;
}

footer .f-item.link li:last-child {
   margin: 0;
   padding: 0;
   border: none;
}

footer .f-items {
   float: left;
   width: 100%;
   overflow: hidden;
}

footer.active-first .f-items .item:first-child .f-item {
   position: relative;
   padding: 0 30px;
   z-index: 1;
}

footer.active-first .f-items .item:first-child .f-item a,
footer.active-first .f-items .item:first-child .f-item p,
footer.active-first .f-items .item:first-child .f-item li,
footer.active-first .f-items .item:first-child .f-item h5 {
   color: #ffffff;
}

footer.active-first .f-items .item:first-child .f-item::after {
   position: absolute;
   left: 0;
   top: -25%;
   content: "";
   height: 150%;
   width: 100%;
   background: #004f9f;
   z-index: -1;
   margin-top: -4px;
}

footer.active-first .f-items .item:first-child .f-item h4 {
   color: #ffffff;
}

footer.active-first .f-items .item:first-child .f-item h4::after,
footer.active-first .f-items .item:first-child .f-item h4::before {
   background: #ffffff;
}

footer.active-first .f-items .item:first-child .f-item .opening-info li {
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

footer.active-first .f-items .item:first-child .f-item .opening-info li:last-child {
   border: none;
}

footer.active-first .f-items .item:first-child .f-item .opening-info li .closed {
   background: #ffffff;
   color: #232323;
}

/* Recent Post */

footer .f-item.recent-post .meta-title,
footer .f-item.recent-post .meta-title a {
   color: #666666;
   font-family: "Poppins", sans-serif;
   font-size: 12px;
   text-transform: uppercase !important;
}

footer.bg-dark .f-item.recent-post .meta-title,
footer.bg-dark .f-item.recent-post .meta-title a {
   color: #ffffff;
}

footer.bg-dark .f-item.recent-post .meta-title a {
   color: #004f9f;
}

footer .f-item.recent-post .meta-title {
   margin-bottom: 5px;
   text-transform: uppercase;
}

footer .f-item.recent-post li a span {
   display: inline-block;
   color: #cdd0d3;
}

footer .f-item.recent-post li span {
   display: inline-block;
}

footer .f-item.recent-post li span i {
   margin-right: 5px;
}

footer .f-item.recent-post .meta-title a {
   text-transform: capitalize;
}

footer .f-item.recent-post li {
   color: #cdd0d3;
}

footer .f-item.recent-post li {
   border-bottom: 1px solid #e7e7e7;
   margin-bottom: 15px;
   padding-bottom: 20px;
}

footer.bg-dark .f-item.recent-post li {
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

footer .f-item.recent-post li:last-child {
   border: medium none;
   margin: 0;
   padding: 0;
}

footer .f-item.recent-post li .thumb {
   display: table-cell;
   vertical-align: top;
   width: 80px;
}

footer .f-item .thumb img {
   width: 100%;
   margin-top: 5px;
   margin-bottom: 0;
}

footer .f-item.recent-post li .info {
   display: table-cell;
   padding-left: 20px;
   vertical-align: top;
   line-height: 26px;
   color: #837f7e;
}

footer .equal-height {
   padding-right: 30px;
}

footer .equal-height:last-child {
   padding-right: 15px;
}

footer .f-item .item {
   display: flex;
}

footer .f-item .item i {
   font-size: 30px;
   color: #004f9f;
}

footer .f-item .item .info {
   padding-left: 20px;
}

footer .f-item .item .info h3 {}

footer .f-item .item .info h5 {
   margin-top: 0;
   margin-bottom: 15px;
}

footer .f-item.emergency li {
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   margin-bottom: 20px;
   padding-bottom: 20px;
}

footer .f-item.emergency li p {
   margin: 0;
}

footer .f-item.emergency li:last-child {
   margin: 0;
   padding: 0;
   border: none;
}

footer .footer-bottom li {
   display: inline-block;
}

footer .footer-bottom {
   padding: 20px 0;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
   overflow: hidden;
}

footer .footer-bottom p {
   margin: 0;
}

footer .footer-bottom.bg-light p {
   color: #666666;
}

footer .footer-bottom p a {
   color: #004f9f;
}

footer .footer-bottom .text-right li {
   margin-left: 20px;
}

footer .footer-bottom.bg-light li a {
   color: #232323;
}

footer .footer-bottom li a:hover {
   color: #004f9f;
}

footer .f-item.contact li i,
footer .f-item.contact li p {
   display: table-cell;
   vertical-align: top;
}

footer .f-item.contact li p {
   margin: 0;
   color: #232323;
   padding-left: 15px;
   font-family: 'Poppins', sans-serif;
   text-transform: uppercase;
}

footer.bg-dark .f-item.contact li p {
   color: #ffffff;
}

footer .f-item.contact li i {
   font-size: 25px;
   padding-top: 5px;
   color: #004f9f;
}

footer .f-item.contact li p span {
   display: block;
   font-family: 'Open Sans', sans-serif;
   color: #666666;
   text-transform: none;
}

footer.bg-dark .f-item.contact li p span {
   color: #cccccc;
}

footer .f-item.contact li p a {
   font-family: 'Open Sans', sans-serif;
   color: #666666;
}

footer.bg-dark .f-item.contact li p a {
   color: #cccccc;
}

footer .f-item.contact li {
   margin-bottom: 15px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   padding-bottom: 15px;
}

footer .f-item.contact li:last-child {
   margin: 0;
   padding: 0;
   border: none;
}

footer form {
   width: 100%;
   position: relative;
   z-index: 1;
}

footer form .input-group {
   width: 100%;
}

footer .f-item.contact form input {
   -webkit-border-radius: 5px !important;
   -moz-border-radius: 5px !important;
   border-radius: 5px !important;
   box-shadow: inherit;
}

footer form button {
   position: absolute;
   right: 0;
   top: 0;
   padding: 0;
   background: #004f9f;
   color: #ffffff;
   z-index: 9;
   border: none;
   line-height: 50px;
   min-width: 50px;
   -webkit-border-radius: 0 4px 4px 0;
   -moz-border-radius: 0 4px 4px 0;
   border-radius: 0 4px 4px 0;
}

footer .f-item.twitter-widget .twitter-contentx {
   color: #004f9f;
}

footer .f-item .twitter-context i {
   color: #004f9f;
}

footer .f-item .twitter-item {
   margin-bottom: 30px;
}

footer .f-item .twitter-item:last-child {
   margin: 0;
}

footer .footer-bottom .social li a {
   color: #004f9f;
}

footer .footer-bottom .social li a:hover {
   color: #ffffff;
}


/* ==============================================================
     # Preloader
=================================================================== */
.no-js #loader {
   display: none;
}

.js #loader {
   display: block;
   position: absolute;
   left: 100px;
   top: 0;
}

.se-pre-con {
   position: fixed;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 999999;
   background: url(assets/img/preloader.gif) center no-repeat #fff;
   text-align: center;
}

.center {
   text-align: center;
   vertical-align: middle;

}


.timeline {
   position: relative;
   width: 100%;
   max-width: 1140px;
   margin: 0 auto;
   padding: 15px 0;
}

.timeline::after {
   content: '';
   position: absolute;
   width: 2px;
   background: #004f9f;
   top: 0;
   bottom: 0;
   left: 50%;
   margin-left: -1px;
}

.timebox {
   padding: 15px 30px;
   position: relative;
   background: inherit;
   width: 50%;
}

.timebox.left {
   left: 0;
}

.timebox.right {
   left: 50%;
}

.timebox::after {
   content: '';
   position: absolute;
   width: 16px;
   height: 16px;
   top: calc(50% - 8px);
   right: -8px;
   background: #ffffff;
   border: 2px solid #004f9f;
   border-radius: 16px;
   z-index: 1;
}

.timebox.right::after {
   left: -8px;
}

.timebox::before {
   content: '';
   position: absolute;
   width: 50px;
   height: 2px;
   top: calc(50% - 1px);
   right: 8px;
   background: #004f9f;
   z-index: 1;
}

.timebox.right::before {
   left: 8px;
}

.timebox .date {
   position: absolute;
   display: inline-block;
   top: calc(50% - 8px);
   text-align: center;
   font-size: 20px;
   font-weight: bold;
   color: #004f9f;
   text-transform: uppercase;
   letter-spacing: 1px;
   z-index: 1;
}

.timebox.left .date {
   right: -75px;
}

.timebox.right .date {
   left: -75px;
}

.timebox .icon {
   position: absolute;
   display: inline-block;
   width: 40px;
   height: 40px;
   padding: 9px 0;
   top: calc(50% - 20px);
   background: #CCDBEB;
   border: 2px solid #004f9f;
   border-radius: 40px;
   text-align: center;
   font-size: 18px;
   color: #004f9f;
   z-index: 1;
}

.timebox.left .icon {
   right: 56px;
}

.timebox.right .icon {
   left: 56px;
}

.timebox .content {
   padding: 30px 90px 30px 30px;
   background: #CCDBEB;
   position: relative;
   border-radius: 0 500px 500px 0;
}

.timebox.right .content {
   padding: 30px 30px 30px 90px;
   border-radius: 500px 0 0 500px;
}

.timebox .content h2 {
   margin: 0 0 10px 0;
   font-size: 24px;
   font-weight: normal;
   color: #004f9f;
}

.timebox .content p {
   margin: 0;
   font-size: 14px;
   line-height: 22px;
   color: #000000;
}

.ourCoreValuesToggleButton button {
   background-color: #EBEBEB;
   border: 1px solid #F3F3F3;
   color: #3A3A3A;
   font-size: 24px;
   font-weight: 700;
   padding: 20px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

.ourCoreValuesToggleButton button:hover {
   background-color: #F3F3F3;
   border-bottom: 1px solid white;
}

.ourCoreValuesToggleButton button.clicked {
   background-color: #004F9F !important;
   color: white;
}

.relative {
   position: relative;
}

.education {
   /* border: 1px solid #004F9F;
   border-top: 0; */
   padding: 0 30px;
   border-radius: 10px;
}

.education h6 {
   margin-bottom: 20px;
   font-size: 20px;
}


.education .menu-class {
   display: none;
   background-color: white;
   padding: 40px 40px;
   margin: 0 -30px;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}


.education .menu-class.active {
   display: block;
}


.socialMediaArea {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 5px 0;
   gap: 40px;

}

.floatRight {
   float: right;
}

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

.sidebar-info {
   margin-top: 20px !important;
}


#sample-watch {
   margin: 30px 0;
}

.navbar-collapse {
   display: flex;
   align-items: center !important;
   margin: 0 !important;
   padding: 0 !important;
}

.navbarMenu {
   display: flex;
   justify-content: space-between;
   width: 67%;
}


.navBarItem {
   text-transform: uppercase;
}





.carousel-inner .item::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.4);
   z-index: 1;
}

.carousel-inner .content {
   position: relative;
   z-index: 2;
}





/* .navBarItem.active a {
   color: white !important;
} */

/* .navBarItem:not(.active) {
   border-color: #004F9F;
   border-radius: 15px;
} */


/* .navBarActive:hover {
   border-bottom: 3px solid #004F9F;
   border-radius: 15px;
} */



.topBar {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-bottom: 8px;
}


.nav-item {
   list-style: none;
}


.nav-link {
   padding: 10px 15px !important;
   text-transform: uppercase;
   margin: 0 5px;
   border-radius: 15px;
}

.nav-link.active3 {
   /* background-color: #004F9F;
   color: white;
   border-bottom: 3px solid transparent; */

   border-bottom: 3px solid #004F9F;

   border-radius: 15px;
}

.active2 {
   background-color: #004F9F;
   color: white;
   border-bottom: 3px solid transparent;
   border-radius: 15px;
}

.nav-link:not(.active3) {
   /* border-color: #004F9F;
   border-radius: 15px; */

   /* background-color: #004F9F;
   color: white;
   border-bottom: 3px solid transparent; */
}

.nav-link:not(.active3):hover {
   /* border-bottom: 3px solid #004F9F;

   border-radius: 15px; */

   background-color: #004F9F;
   color: white;
   border-bottom: 3px solid transparent;
}

.technical {
   padding: 15px 15px !important;
}


.banner-area .content {
   /* position: absolute; */
   /* font-size: 14px; */
   z-index: 9;
   /* top: 50%; */
   /* Left: 100px; */
   max-width: 800px;
}

.sliderText span {
   color: white !important;
}


.dropdown-menu {
   border-radius: 10px !important;
   margin-top: 10px !important;
   padding: 10px;
}


.dropdown-menu li {
   margin: 10px 0;

}


.dropdown-menu .dropdown-item {
   padding: 10px;
   border-radius: 10px !important;
}


.dropdown-menu .dropdown-item:hover {
   background-color: #004F9F;
   color: white;
}

.aboutUsArea {
   display: flex;
   flex-direction: column;
   margin-bottom: 50px;
}

.mainSlogan {
   margin-bottom: 50px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
}


.aboutUsContainer {
   display: flex;
   /* margin-bottom: 100px; */
   gap: 50px;

}

.swiper-wrapper {
   /* height: 1000px !important; */
   padding-top: 30px;
   padding-bottom: 30px;
}

.swiper-wrapper h3 {
   text-align: center;
}

.sliderArea {
   padding-left: 10px !important;
   padding-right: 10px !important;
}

.aboutUsLeft {
   width: 100%;
   text-align: center;
   margin-top: 70px;
}


.aboutUsArea img {
   border-radius: 30px;
}


.custom-line {
   border: none;
   height: 2px;
   background-color: #66B3FF;
   width: 100%;
   border-radius: 4px;
   margin: 140px 0;
}


.vertical-line {
   display: flex;
   justify-content: center;
   align-items: center;
}


.vertical-line .fa-user-doctor,
.vertical-line .fa-handshake,
.vertical-line .fa-laptop-medical {
   padding: 0 30px;
   font-size: 40px;
}


.formArea {
   /* display: flex;
   justify-content: center; */
   width: calc(100% - 200px);
   margin: 0 auto;
}

.partners {
   border-radius: 15px;
   display: flex !important;
   flex-direction: column !important;
   justify-content: space-between !important;
   align-items: center !important;
   background-color: #a3d1ea;
   padding: 30px 20px;
   transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
   height: 450px !important;
}


.partners:hover {
   background-color: #6aa6cc;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
   border-radius: 15px;
   cursor: pointer;
   transform: scale(1.05) !important;
}

.partners h3 {
   text-transform: uppercase;
   /* text-align: center; */
   color: white;
}

.partners p {
   color: white;
   text-align: center;
   margin-bottom: 0 !important;
}

.mainArea {
   background-color: #e4eff5;
   padding: 100px 80px;
   margin: 100px auto;
   border-radius: 30px;
}


.formArea .form-control {
   border-radius: 10px;
}

.formArea .formButton {
   padding: 0;
   display: flex;
   justify-content: center;
}


.formArea .formButton button {
   background-color: #004F9F;
   border-radius: 10px;
   color: white;
   padding: 12px 40px;
   margin: 15px 0;
}

/* .formArea .formButton button:hover {
   background-color: #6aa6cc;
} */


.formArea .comments {
   padding-top: 10px;
}


.mouse-scroll {
   position: absolute;
   bottom: 0;
   top: 90%;
   left: 50%;
   transform: translateX(-50%);
   z-index: 10;
   cursor: pointer;

}

.semi-circle {
   width: 80px;
   height: 40px;
   background: rgba(255, 255, 255, 0.9);
   border-top-left-radius: 80px;
   border-top-right-radius: 80px;
   text-align: center;
   line-height: 40px;
   box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
   padding-top: 20px;
}

.semi-circle i {
   font-size: 24px;
   color: #333;
   animation: bounce 2s infinite;
}

@keyframes bounce {

   0%,
   100% {
      transform: translateY(0);
   }

   50% {
      transform: translateY(5px);
   }
}


.scroll-target {
   scroll-margin-top: 90px;
}


footer {
   background-color: #c4dff2;
}

.footerBottom {
   background-color: #004F9F;
}

.footerBottom p,
.footerBottom a {
   color: white;
   font-weight: bold;
   margin: 0;
}

.footerBottomArea {
   padding: 20px 0;
   display: flex;
   align-items: center;
}


.footerBottomRight ul {
   display: flex;
   justify-content: end;
   gap: 40px;
}


.footerArea {
   display: flex;
   padding: 50px 0;
}


.footerArea p {
   margin: 0 auto;
   color: #2c3e50;
   width: calc(100% - 500px);
}

.socialArea ul {
   display: flex;
   gap: 30px;
}

.footerContactArea {
   display: flex;
   flex-direction: column;
   margin-top: 30px;
   gap: 20px;
}

.footerContactArea a {
   display: flex;
   gap: 10px;
   align-items: center;
}

.footerContactArea i {
   color: #232323;
}

.footerArea .logo {
   width: 200px;
   height: 60px;
}

/* .dropdown:hover .dropdown-toggle {
   background-color: #004F9F;
   color: white;
} */


.checkboxArea {
   display: flex;
   align-items: center;
   gap: 10px;
   padding-left: 0;
}

.recaptcha {
   padding-left: 0;
}

.checkboxArea label:hover {
   cursor: pointer;
}


.checkboxArea label {
   margin-top: 8px;
}


.checkboxArea a:hover {
   color: #004F9F;
}


/* .dropdown-menu {
   display: none !important;
} */

.social {
   display: flex;
   justify-content: end;
}

/* .social ul {
   display: flex;
   gap: 30px;
} */


.navbarHeader {
   margin: 0;
   color: white;
   font-size: 11px;
}


.navbar-toggler {
   border: 0 !important;
   display: none;
}


.topBar .navbar {
   display: flex !important;
   align-items: center !important;
   margin-top: 20px;
   margin-bottom: 20px;
}


.navbarResponsive {
   background-color: #e4eff5;
   position: fixed;
   top: 0;
   left: 0;
   width: 100% !important;
   height: 100vh;
   z-index: 999;
   overflow-y: auto;
   display: none;
}


.navbarResponsive .closeButton {
   float: right;
   border: 0;
   background-color: transparent;
   margin: 30px 15px;
}



/* #navbar2,
#navbar2 ul.navbar-nav,
#navbar2 li.nav-item,
#navbar2 a.nav-link,
#navbar2 a.dropdown-item {
   width: 100%;
} */

/* #navbar2 a.nav-link,
#navbar2 a.dropdown-item {
   display: block;
   padding: 12px 20px;
   box-sizing: border-box;
} */







.navbarResponsive ul {
   display: flex;
   flex-direction: column;
}


.navbarResponsive .navbar-nav {
   display: flex;
   flex-direction: column;
   gap: 40px;
   margin: 60px 0;
   padding-top: 30px;
}

.navbarResponsive .dropdownMenu {
   padding-left: 50px;
   display: none;
   padding-top: 50px;
}

.navbarResponsive .dropdownMenu li {
   margin-bottom: 20px;
}



.recaptcha {
   margin: 20px 0;
   transform: scale(1);

}


.footerRightArea {
   display: flex;
   flex-direction: row;
}

.footerRightArea .desc {
   width: 100%;
}

.aboutMainArea,
.partnerMainArea,
.iceCureMainArea,
.bandageMainArea,
.pregnancyMainArea,
.covidMainArea,
.contactMainArea,
.technicalMainArea,
.educationMainArea,
.kvkkMainArea {
   background-color: #E4EFF5;
}


.aboutMainArea .aboutArea h3,
.partnerMainArea .partnerArea h3,
.iceCureMainArea .iceCureArea h3,
.bandageMainArea .bandageArea h3,
.pregnancyMainArea .pregnancyArea h3,
.covidMainArea .covidArea h3,
.contactMainArea .contactArea h3,
.technicalMainArea .technicalArea h3,
.newsMainArea .newsArea h3,
.educationMainArea .educationArea h3,
.contactMainArea .contactArea h3,
.kvkkMainArea .kvkkArea h3 {
   font-weight: bold;
}


.aboutMainArea .aboutArea img,
.partnerMainArea .partnerArea img,
.iceCureMainArea .iceCureArea img,
.bandageMainArea .bandageArea img,
.pregnancyMainArea .pregnancyArea img,
.covidMainArea .covidArea img,
.contactMainArea .contactArea img,
.technicalMainArea .technicalArea img,
.newsMainArea .newsArea img,
.educationMainArea .educationArea img,
.kvkkMainArea .kvkkArea img {
   width: 100%;
   height: calc(100vh - 138px) !important;
   border-bottom-left-radius: 100px;
   border-bottom-right-radius: 100px;
   object-fit: cover;
}


.aboutArea,
.partnerArea,
.bandageArea,
.pregnancyArea,
.covidArea,
.contactArea,
.technicalArea,
.newsArea,
.educationArea,
.kvkkArea {
   position: relative;
   overflow: hidden;
}

/* .aboutArea img,
.partnerArea img,
.bandageArea img,
.pregnancyArea img,
.covidArea img,
.contactArea img,
.technicalArea img,
.newsArea img,
.educationArea img,
.kvkkArea img {
      width: 100%;
      height: auto;
      display: block;
} */

.aboutArea::before,
.partnerArea::before,
.newsArea::before {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(to left, rgba(0, 0, 0, 0.8), transparent);
   pointer-events: none;
   z-index: 1;
   border-bottom-left-radius: 100px;
   border-bottom-right-radius: 100px;
}



.bandageArea::before,
.pregnancyArea::before,
.contactArea::before,
.technicalArea::before,
.covidArea::before,
.educationArea::before,
.kvkkArea::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(to right, rgba(0, 0, 0, 0.8), transparent);
   pointer-events: none;
   z-index: 1;
   border-bottom-left-radius: 100px;
   border-bottom-right-radius: 100px;
}


.aboutText,
.partnerText,
.newsText {
   position: absolute;
   top: 50%;
   right: 5%;
   transform: translateY(-50%);
   color: white;
   z-index: 2;
   max-width: 35%;
}

.iceCureText,
.bandageText,
.pregnancyText,
.contactText,
.technicalText,
.covidText,
.educationText,
.kvkkText {
   position: absolute;
   top: 50%;
   left: 5%;
   transform: translateY(-50%);
   color: white;
   z-index: 2;
   max-width: 35%;
}

.aboutText h3,
.aboutText p,
.partnerText h3,
.partnerText p,
.iceCureText h3,
.iceCureText p,
.bandageText h3,
.bandageText p,
.pregnancyText h3,
.pregnancyText p,
.covidText h3,
.covidText p,
.contactText h3,
.contactText p,
.technicalText h3,
.technicalText p,
.newsText h3,
.newsText p,
.educationText h3,
.educationText p,
.kvkkText h3,
.kvkkText p {
   color: white;
}

.aboutText h3,
.partnerText h3,
.iceCureText h3,
.bandageText h3,
.pregnancyText h3,
.covidText h3,
.contactText h3,
.technicalText h3,
.newsText h3,
.educationText h3,
.kvkkText h3 {
   font-size: 32px;
}

.aboutText p,
.partnerText p,
.iceCureText p,
.bandageText p,
.pregnancyText p,
.covidText p,
.contactText p,
.technicalText p,
.newsText p,
.educationText p,
.kvkkText p {
   font-size: 16px;
}

.missionVisionArea {
   margin: 80px 0;
   display: flex;
   flex-direction: column;
   gap: 100px;
}

.partnersArea {
   margin-top: 50px;
   margin-bottom: 150px;
}

.missionVisionArea h1,
.ourTeamArea h1,
.partnersArea h1,
.partnerContainerArea h1 {
   display: flex;
   justify-content: center;
   gap: 20px;
   font-weight: 600;
}

.missionVisionArea h1 .mission,
.ourTeamArea h1,
.partnersArea h1,
.partnerContainerArea h1 {
   color: #0F4C81;
}

.missionVisionArea h1 .vision {
   color: #7FB3D5;
}

.missionVisionArea h1 .and {
   color: #3C8DBC;
}

.missionText h2 {
   font-weight: 600;
   color: #0F4C81;
}

.visionText h2 {
   font-weight: 600;
   color: #7FB3D5;
}


.missionText p,
.visionText p {
   font-weight: bold;
}

.mission,
.vision {
   display: flex;
   gap: 30px;
}


.mission img,
.vision img {
   border-radius: 100px;
   width: 600px;
   height: auto;
}


.mission .missionText,
.vision .visionText {
   display: flex;
   flex-direction: column;
   justify-content: center;
}


/* .ourTeamArea .card {
   border-radius: 100px;
   background-color: ;
} */


.ourTeamArea .ourTeam {
   display: flex;
   justify-content: space-between;
   margin: 100px 0;
   /* gap: 40px; */
   flex-wrap: wrap;
}


.ourTeamArea .card {
   background-color: #ffffff;
   border-radius: 24px;
   /* daha sade köşe */
   overflow: hidden;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
   transition: all 0.3s ease;
   width: calc(25% - 20px);
   margin-bottom: 40px;
   max-width: 320px;
}


.ourTeamArea .cardEmpty {
   background-color: transparent;
   width: calc(33.333% - 20px);
}

.ourTeamArea .card:hover {
   background-color: #DCEAF4;
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.ourTeamArea .card-img,
.ourTeamArea svg {
   width: 100%;
   height: 220px;
   /* eski: 300px */
   object-fit: cover;
   display: block;
   border-top-left-radius: 24px;
   border-top-right-radius: 24px;
}

.ourTeamArea .card-content {
   padding: 16px;
}

.ourTeamArea .card-title {
   color: #0F4C81;
   font-size: 22px;
   /* eski: 28px */
   margin: 10px 0 20px;
   transition: color 0.3s;
   text-align: center;
}

.ourTeamArea .card-desc {
   color: #5A6E7A;
   font-size: 16px;
   /* eski: 20px */
   /* margin: 20px 0; */
   transition: color 0.3s;
   text-align: center;
   font-weight: 500;
}

.ourTeamArea .card:hover .card-title {
   color: #0B3A66;
}

.ourTeamArea .card:hover .card-desc {
   color: #374B58;
}





.partnerContainerArea {
   margin: 150px 0;
}

.partnerContainerArea h1 {
   margin-bottom: 80px;
}

.partnerContainerArea .partnerContainer {
   background: linear-gradient(135deg, #D6EAF8, #B8D7F0);
   border-radius: 100px;
   padding: 80px 0;
}


.partnerContainerArea .partner img {
   width: 250px;
   height: auto;
}


.partnerContainerArea .partner {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 50px;
}

.partnerContainer .partnerTextArea {
   padding: 30px 180px;
   display: flex;
   flex-direction: column;
   gap: 20px;
}


.partnerContainer .partnerTextArea h2,
.partnerContainer .partnerTextArea p {
   color: #2B2B2B;
   text-align: center;
}


.collectiveHr {
   padding: 0 80px;
}

/* .scroll-target */


/* .scrollTarget {
   scroll-margin-top: 90px;
} */




.aboutArea,
.partnerArea,
.iceCureArea,
.bandageArea,
.pregnancyArea,
.covidArea,
.contactArea,
.technicalArea,
.newsArea,
.educationArea,
.contactArea,
.kvkkArea {
   position: relative;
   overflow: hidden;
   z-index: 1;
   height: calc(100vh - 146px) !important;
   border-bottom-left-radius: 160px;
   border-bottom-right-radius: 160px;
}



.iceCureContainerArea,
.bandageContainerArea,
.pregnancyContainerArea,
.covidContainerArea,
.technicalContainerArea,
.newsContainerArea,
.educationContainerArea {
   margin: 200px 0;
}

.contactContainerArea {
   margin-top: 200px;
   margin-bottom: 100px;
}

.iceCureContainer,
.bandageContainer,
.pregnancyContainer,
.covidContainer {
   display: flex;
   gap: 30px;
}

.iceCureImage,
.bandageImage,
.pregnancyImage,
.covidImage {
   width: 45%;
}

.iceCureTextArea,
.bandageTextArea,
.pregnancyTextArea,
.covidTextArea {
   width: 55%;
}


.bandageTextArea p,
.pregnancyTextArea p {
   margin-bottom: 30px;
}


.covidTextArea p {
   margin-bottom: 10px;
}


.iceCureContainer .bigImage,
.bandageContainer .bigImage,
.pregnancyContainer .bigImage,
.covidContainer .bigImage {
   height: 45vh;
   border-radius: 50px;
   width: 100%;
   object-fit: cover;

}

.iceCureSmallImage,
.bandageSmallImage,
.pregnancySmallImage,
.covidSmallImage {
   display: flex;
   margin: 30px 0;
   overflow: hidden;
   gap: 10px;
}

.iceCureSmallImage img,
.bandageSmallImage img,
.pregnancySmallImage img,
.covidSmallImage img {
   width: 300px;
   height: 150px;
}

.bandageSmallImage a {
   background-color: white;
}

.icecure-list {
   margin-bottom: 60px !important;
}

.covid-list {
   margin-bottom: 60px !important;
}

.covid-list p,
.icecure-list P {
   margin-bottom: 10px !important;
}


.productButton {
   background-color: transparent;
   border: 2px solid #6BBCF3;
   color: black;
   font-size: 14px;
   border-radius: 8px;
   padding: 10px 20px;
   font-weight: 500;
   transition: all 0.3s ease-in-out;
}

/* #6BBCF3 */

.productButton:hover {
   background-color: #6BBCF3;
   color: white;
   border-color: #6BBCF3;
   box-shadow: 0 0 8px rgba(0, 79, 159, 0.3);
   text-decoration: none;
}

.productSocialArea {
   display: flex;
   align-items: center;
   width: 100%;
   justify-content: space-between;
   margin-top: 50px !important;
}


.productBandageSocialArea {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
}


.youtube {
   margin-top: 80px;
}

.youtube iframe {
   width: 100%;
   height: 660px;
   border-radius: 30px;
}










.kpi-section {
   background-color: #E4EFF5;
   padding: 80px 0;
   margin-top: 200px;
}

.kpi-grid {
   display: flex;
   flex-wrap: wrap;
   gap: 30px;
   justify-content: center;
}

.kpi-card {
   background-color: white;
   border-radius: 20px;
   padding: 30px;
   width: 250px;
   text-align: center;
   box-shadow: 0 12px 24px rgba(0, 79, 159, 0.08);
   transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.kpi-card:hover {
   transform: translateY(-8px);
   box-shadow: 0 20px 40px rgba(0, 79, 159, 0.15);
}

.kpi-icon img {
   width: 50px;
   height: 50px;
   margin-bottom: 20px;
}

.kpi-value {
   font-size: 34px;
   font-weight: 700;
   color: #004F9F;
   margin: 0;
}

.kpi-label {
   font-size: 16px;
   color: #333;
   margin-top: 10px;
}







.usage-area {
   padding: 60px 0;
   background-color: transparent;
   width: 100%;
   color: #222;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   text-align: center;
   margin-top: 140px;
}

.section-title {
   font-size: 2.8rem;
   font-weight: 500;
   margin-bottom: 80px;
   color: black;
}

.usage-grid {
   display: flex;
   flex-wrap: wrap;
   gap: 30px;
   justify-content: center;
}

.usage-card {
   background-color: rgba(255, 255, 255, 0.1);
   border-radius: 12px;
   padding: 30px 20px 40px 20px;
   box-shadow: 0 4px 12px rgba(0, 79, 159, 0.15);
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   cursor: default;
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 22%;
   min-width: 240px;
   max-width: 280px;
   flex: 1 1 22%;
}

.usage-card:hover {
   transform: translateY(-8px);
   box-shadow: 0 12px 28px rgba(0, 79, 159, 0.25);
}

.icon-bg {
   background-color: #004F9F;
   width: 100px;
   height: 100px;
   border-radius: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 25px;
   box-shadow: 0 4px 10px rgba(0, 79, 159, 0.3);
}

.usage-icon {
   width: 60px;
   height: 60px;
}

.usage-title {
   font-size: 20px;
   font-weight: 700;
   color: #004F9F;
   margin-bottom: 14px;
   letter-spacing: 1px;
}

.usage-desc {
   font-size: 15px;
   color: #555;
   line-height: 1.5;
   user-select: none;
   max-width: 260px;
}

@media (max-width: 992px) {
   .usage-card {
      flex: 1 1 30%;
   }
}

@media (max-width: 768px) {
   .usage-card {
      flex: 1 1 45%;
   }
}

@media (max-width: 576px) {
   .usage-card {
      flex: 1 1 90%;
   }

   .icon-bg {
      width: 80px;
      height: 80px;
   }

   .usage-icon {
      width: 50px;
      height: 50px;
   }

   .usage-title {
      font-size: 18px;
   }

   .usage-desc {
      font-size: 14px;
   }
}






.bandageImageContainer {
   margin-bottom: 100px;
}

.bandageImageContainer img,
.covidImageContainer img {
   border-radius: 50px;
}


.covidImageContainer {
   margin-top: 100px;
}



.socialLeft {
   padding-left: 0 !important;
}

.socialRight {
   padding-right: 0 !important;
}


.contactInfoArea {
   background-color: #C9DEE9;
   border-radius: 30px;
   padding: 60px;
   margin-left: 50px;
   margin-right: 50px;
   margin-bottom: 100px;
   display: flex;
   justify-content: space-between;
}


.termsOfUse {
   background-color: #C9DEE9;
   border-radius: 30px;
   padding: 60px;
   margin-left: 50px;
   margin-right: 50px;
   margin-bottom: 100px;
}

.contactInfoArea .contact {
   display: flex;
   gap: 10px;
   align-items: center;
}

.contactInfoArea .contact p {
   color: black;
   margin-bottom: 0 !important;
}

/* .contactInfoArea .maps {
   max-width: 25%;
   background-color: red;
} */


.technicalContainerArea h3 {
   text-align: center;
}






.pdf-card-container {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   gap: 50px;
   padding: 40px 20px;
}

.pdf-card {
   position: relative;
   background: #f5f5f5;
   border-radius: 12px;
   padding: 20px;
   cursor: pointer;
   transition: background 0.3s, transform 0.3s;
   overflow: hidden;
   min-height: 250px;
   text-decoration: none;
}

.pdf-card:hover {
   background: #e0f0ff;
   transform: translateY(-5px);
}

.pdf-card h4 {
   font-size: 16px;
   margin-bottom: 30px;
   color: #333;
}

.pdf-card p {
   font-size: 14px;
   color: #666;
}

.pdf-card .download-overlay {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.4);
   display: flex;
   justify-content: center;
   align-items: center;
   opacity: 0;
   transition: opacity 0.3s;
   border-radius: 12px;
}

.pdf-card:hover .download-overlay {
   opacity: 1;
}

.pdf-card .download-icon {
   font-size: 32px;
   color: white;
}







.news-section {
   padding: 80px 60px;
   background-color: #D0DFE6;
   font-family: Arial, sans-serif;
   border-radius: 30px;
}

.news-container {
   max-width: 1200px;
   margin: 0 auto;
}

.section-title {
   text-align: center;
   font-size: 32px;
   margin-bottom: 80px;
   color: black;
}

.news-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
   gap: 60px;
}

.news-card {
   background-color: #fff;
   border-radius: 16px;
   overflow: hidden;
   text-decoration: none;
   color: #333;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   display: flex;
   flex-direction: column;
   height: 100%;
   transform: translateY(0) scale(1);
}

.news-card:hover {
   transform: translateY(-8px) scale(1.03);
   box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.card-image img {
   width: 100%;
   height: 200px;
   object-fit: cover;
   transition: none;
}

.card-content {
   padding: 20px;
}

.card-content h3 {
   font-size: 20px;
   color: #002e5b;
   margin-bottom: 30px;
   transition: color 0.3s ease;
}

.news-card:hover .card-content h3 {
   color: #007bff;
}

.card-content p {
   font-size: 14px;
   line-height: 1.6;
   color: #555;
}





.card-content h3 {
   display: -webkit-box !important;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}


.card-content .newsDesc {
   display: -webkit-box !important;
   -webkit-line-clamp: 4 !important;
   -webkit-box-orient: vertical !important;
   overflow: hidden !important;
}

.news-container h2 {
   text-align: center;
   margin-bottom: 60px;
}


.calendar {
   width: 100%;
   margin: 0 auto;
   margin-top: 3rem;
   margin-bottom: 12rem;
   background: white;
   padding: 2rem;
   border-radius: 12px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

table {
   width: 100%;
   height: 400px;
   border-collapse: collapse;
}

th,
td {
   border: 1px solid #ddd;
   text-align: center;
   padding: 1rem;
   cursor: pointer;
   position: relative;
}

td.note::after {
   content: "";
   position: absolute;
   bottom: 5px;
   right: 5px;
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background-color: currentColor;
}

.modal {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5);
   justify-content: center;
   align-items: center;
}

.modal-content {
   background: white;
   padding: 2rem;
   border-radius: 8px;
   max-width: 600px;
   width: 100%;
}

.modal-content textarea {
   width: 100%;
   height: 100px;
   margin-top: 1rem;
}

.modal-content input[type="color"] {
   margin-top: 1rem;
}

.modal-content button {
   margin-top: 1rem;
   padding: 0.5rem 1rem;
   background: #1976d2;
   color: white;
   border: none;
   border-radius: 6px;
   cursor: pointer;
}


.video-container iframe {
   width: 100%;
   height: 600px;
   border-radius: 30px;
   margin: 4rem 0;
}


/* .kvkkMainArea {
   padding: 100px 0;
} */

.kvkkContainer h3 {
   text-align: center;
}


.kvkkContainer {
   max-width: 960px;
   margin: 0 auto;
   background: var(--card-bg);
   padding: 2rem;
   border-radius: 12px;
   box-shadow: var(--card-shadow);
}

.kvkkContainer h2 {
   font-size: 1.5rem;
   margin-top: 50px;
   color: var(--primary-color);
}

.kvkkContainer p {
   margin: 1rem 0;
}







.accordion {
   border-radius: 8px;
   overflow: hidden;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   background: white;
}

.accordion-item {
   border-bottom: 1px solid #ddd;
}

.accordion-label {
   display: flex;
   justify-content: space-between;
   padding: 1rem 1.5rem;
   cursor: pointer;
   font-weight: 600;
   background-color: #e9ecef;
   transition: background-color 0.3s ease;
}

.accordion-label:hover {
   background-color: #004F9F;
   color: white;
}

.accordion-label::after {
   content: "▼";
   font-size: 0.8rem;
   margin-left: auto;
   color: #495057;
   transition: transform 0.3s ease;
}

.accordion-item.active .accordion-label {
   background-color: #004F9F;
   color: white;
}

.accordion-item.active .accordion-label::after {
   transform: rotate(-180deg);
   color: white;
}

.accordion-content {
   max-height: 0;
   overflow: hidden;
   padding: 0 1.5rem;
   background: white;
   transition: max-height 0.35s ease, padding 0.35s ease;
}

.accordion-item.active .accordion-content {
   max-height: 1600px;
   padding: 1rem 1.5rem;
}






.kvkkContainer h3 {
   font-weight: 700;
   font-size: 2.4rem;
   color: #0052cc;
   text-align: center;
   margin-bottom: 80px;
   margin-top: 100px;
}

table {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0 12px;
}

thead th {
   background: #0052cc;
   color: white;
   padding: 15px 20px;
   font-weight: 600;
   text-align: left;
   border-radius: 12px 12px 0 0;
   box-shadow: inset 0 -2px 6px rgba(0, 0, 0, 0.2);
}

tbody tr {
   background: #fefefe;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
   border-radius: 12px;
   transition: background-color 0.3s ease;
}

tbody tr:hover {
   background: #e6f0ff;
}

tbody th,
tbody td {
   padding: 18px 20px;
   vertical-align: top;
}

tbody th {
   width: 25%;
   font-weight: 700;
   color: #003d99;
}

tbody td {
   width: 75%;
   color: #555;
   line-height: 1.5;
}

/* @media (max-width: 768px) {
   thead {
      display: none;
   }

   table,
   tbody,
   tr,
   th,
   td {
      display: block;
      width: 100%;
   }

   tbody tr {
      margin-bottom: 25px;
      box-shadow: none;
      background: #fff;
      border: 1px solid #ddd;
      border-radius: 12px;
      padding: 15px;
   }

   tbody th {
      width: 100%;
      font-weight: 600;
      padding-bottom: 10px;
      border-bottom: 1px solid #eee;
      color: #0052cc;
   }

   tbody td {
      width: 100%;
      padding-top: 10px;
      color: #333;
      white-space: normal;
   }
} */









.custom-table {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0 15px;
   font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   color: #333;
}

.custom-table thead {
   background-color: #004F9F;
   color: #fff;
   text-align: left;
}

.custom-table th,
.custom-table td {
   padding: 1rem;
   vertical-align: top;
   width: 25%;
}

.custom-table tbody tr {
   background-color: #fff;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
   border-radius: 8px;
   overflow: hidden;
   transition: transform 0.2s ease-in-out;
}

.custom-table tbody tr:hover {
   transform: translateY(-3px);
}

.custom-table ul {
   padding-left: 20px;
   margin: 0;
}

.custom-table th {
   background-color: #004F9F;
   color: white;
   border-radius: 8px 0 0 8px;
}

.custom-table td {
   background-color: #f9f9f9;
   border-radius: 0 8px 8px 0;
}


.site-heading {
   margin-top: 100px;
}

/* @media (max-width: 768px) {
   .custom-table thead {
      display: none;
   }

   .custom-table,
   .custom-table tbody,
   .custom-table tr,
   .custom-table td {
      display: block;
      width: 100%;
   }

   .custom-table tr {
      margin-bottom: 1rem;
   }

   .custom-table td {
      text-align: left;
      padding: 1rem;
      position: relative;
      background-color: #f9f9f9;
      border-radius: 8px;
   }

   .custom-table td::before {
      content: attr(data-label);
      font-weight: bold;
      display: block;
      margin-bottom: 0.5rem;
      color: #004F9F;
   }
} */



.newsDetailArea {
   background-color: #e4eff5;
   padding: 100px 80px;
   margin: 100px auto;
   border-radius: 30px;
}


.newsDetailArea h4 {
   font-size: 18px;
   margin-bottom: 10px;
}



.newsDetailArea ul {
   list-style-type: disc;
   padding-left: 30px;
}



.newsTitle {
   display: -webkit-box !important;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
}


.cardTitle {
   display: -webkit-box !important;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.partnerDesc,
.newsDesc {
   display: -webkit-box !important;
   -webkit-line-clamp: 4 !important;
   -webkit-box-orient: vertical !important;
   overflow: hidden !important;
}



.overlay img {
   width: 200px;
   height: 80px;
}

.aboutUsRight img {
   border-radius: 15px;
   max-width: 100%;
   height: auto;
   display: block;
   margin: 0 auto;
   max-height: 650px;

}



.banner-area {
   width: 100%;
   max-width: calc(100% - 330px);
   margin: 0 auto;
}


.banner-area .content {
   padding-left: 40px;
}



.form-check-label {
   display: flex;
   align-items: center;
}



.checkboxArea .form-check {
   display: flex;
   align-items: flex-start;
   gap: 10px;
}

.checkboxArea .form-check-input {
   margin-top: 0.25rem;
   flex-shrink: 0;
}

.checkboxArea .checkbox-text {
   display: block;
   line-height: 1.5;
   word-break: break-word;
   flex: 1;
   /* font-size: 0.95rem; */
}

.checkboxArea .checkbox-text a {
   /* color: #007bff; */
   text-decoration: underline;
   word-break: break-word;
}




#cookie-banner {
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   background-color: white;
   color: black;
   padding: 30px;
   box-sizing: border-box;
   font-size: 16px;
   z-index: 9999;
   display: none;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

}

#cookie-banner .cookie-content {
   width: 100%;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
}

#cookie-banner p {
   margin: 0;
   flex: 1 1 auto;
   line-height: 23px;
   color: black;
}

#cookie-banner button {
   background-color: #004F9F;
   color: white;
   border: none;
   padding: 8px 20px;
   cursor: pointer;
   font-size: 14px;
   border-radius: 20px;
   flex: 0 0 auto;
   margin-left: 15px;
   transition: background-color 0.3s ease;
   font-weight: bold;
}

#cookie-banner button:hover {
   background-color: #878785;
}

.modal.fade .modal-dialog {
   transition: unset !important;
   transform: unset !important;
   margin: auto  !important;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}


.modal {
   /* top: 500px; */
}

.modal .modalHeader {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-left: 15px;
   padding-right: 15px;
}

.modal .modalFooter {
   display: flex;
   justify-content: end;
   align-items: center;
   gap: 20px;
}

.modal .modalFooter button,
.modal .modalFooter a {
   background-color: #004F9F !important;
   padding: 5px 15px !important;
   color: white !important;
   display: flex;
   border-radius: 6px;
   justify-content: space-between;
   align-items: center;
   margin: 0 !important;
}

.modal .modalCancelBtn {
   background-color: #004F9F !important;
   padding: 5px 15px !important;
   color: white !important;
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 0 !important;
}

.modal .modalCancelBtn span {
   font-size: 24px !important;
}

.modal button {
   background-color: #004F9F;
   padding: 10px 20px;
}

.modal.fade {
   opacity: 1 !important;
}
.modal-content-special{
   width: 100% !important;
}

/* Küçük ekranlar: 80% genişlik */
@media (max-width: 768px) {
   .modal-content-special {
      width: 80% !important;
      margin: auto;
   }
}
@media (max-width: 480px) {
   .modal-content-special {
      width: 60% !important;
      margin: auto;
   }
}

@media (max-width: 768px) {
   .kvkkContainer h3 {
      font-size: 2rem;
   }

   .kvkkContainer {
      padding: 1.5rem;
   }

   .kvkkContainer h2 {
      font-size: 1.3rem;
   }
}

@media (max-width: 480px) {
   .kvkkContainer {
      padding: 1rem;
   }

   .kvkkContainer h3 {
      font-size: 1.8rem;
   }
}


@media (max-width: 1299px) {
   .contactInfoArea {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 40px;
      margin-left: auto;
      margin-right: auto;
   }

   .banner-area .content {
      padding-left: 30px;
   }
}


@media (min-width: 1200px) {
   .navbarResponsive {
      display: none !important;
   }

   .topBar {
      padding: 0 !important;
   }

   .aboutText p,
   .partnerText p,
   .iceCureText p,
   .bandageText p,
   .pregnancyText p,
   .covidText p,
   .newsText p,
   .educationText p,
   .contactText p,
   .technicalText p,
   .kvkkText p {
      font-size: 18px;
      line-height: 25px;
   }
}


@media (max-width: 1199px) {

   .navbarTop,
   .technical {
      display: none !important;
   }

   .topBar {
      padding: 15px 0;
   }

   .top-bar-area .info li {
      padding: 15px !important;
      /* background-color: red; */
   }

   .navbar {
      width: 100% !important;
      display: flex;
      justify-content: end;
      align-items: center;
      margin-top: 0 !important;
      margin-bottom: 0 !important;
   }

   #navbar {
      display: none !important;
   }

   .navbar-toggler {
      border: 0 !important;
      display: flex;
   }

   .navbarResponsive {
      width: 100%;
   }

   .navTopHeader {
      display: flex;
      flex-direction: column;
      gap: 20px;
      padding-left: 20px;
   }

   .navTopHeader li {
      display: flex;
      align-items: center;
      gap: 10px;
   }

   .navTopHeader li i {
      width: 16px;
   }

   .navTopHeader a {
      color: black;
      display: flex !important;
   }


   .navTopHeader p {
      color: black !important;
   }

   .navTopSocial {
      display: flex !important;
      /* justify-content: center; */
      padding-left: 20px;
      align-items: center;
      gap: 20px;
   }

   .navTopSocial li a {
      font-size: 20px;
   }


   .navTopSocial .lang {
      margin-bottom: 5px;
   }

   .banner-area {
      width: 100%;
      max-width: calc(100% - 200px);
      margin: 0 auto;
   }


   .banner-area .content {
      padding-left: 20px;
   }

   .aboutText p,
   .partnerText p,
   .iceCureText p,
   .bandageText p,
   .pregnancyText p,
   .covidText p,
   .newsText p,
   .educationText p,
   .contactText p,
   .technicalText p,
   .kvkkText p {
      font-size: 18px;
      line-height: 25px;
   }

   #cookie-banner p {
      max-width: 700px;
   }
}


@media (min-width: 993px) {
   .footerRightArea .desc {
      padding-left: 40px;
      padding-right: 40px;
   }
}


@media (max-width: 992px) {
   .aboutUsContainer {
      display: flex;
      flex-direction: column-reverse;
   }

   .mainArea {
      width: 100% !important;
   }

   .formArea {
      width: calc(100% - 200px);
   }

   .mainArea {
      padding-left: 40px;
      padding-right: 40px;
   }

   .footerContainer {
      padding-left: 40px;
      padding-right: 40px;
   }

   .footerRightArea {
      display: flex;
      flex-direction: column;
      padding: 0 30px;
      gap: 40px;
   }

   .footerRightArea .desc {
      width: 100%;
   }

   .footerBottomArea {
      display: flex;
      flex-direction: column;
      gap: 15px;
      padding: 0;
   }

   .sliderSlogan h1,
   .sliderSlogan span {
      font-size: 32px !important;
   }


   .sliderSlogan h4 {
      font-size: 20px !important;
   }

   .footerRight ul {
      display: flex;
      justify-content: center;
   }

   .footerRight .contactArea {
      display: flex !important;
      flex-direction: row !important;
      justify-content: center !important;
      align-items: center !important;
   }

   .social {
      padding-right: 30px !important;
   }

   .general .topBar {
      padding-right: 30px !important;
      padding-left: 30px !important;
   }

   .mission,
   .vision {
      display: flex;
      flex-direction: column-reverse;
      align-items: center;
      justify-content: center;
   }

   .mission h2,
   .mission p,
   .vision h2,
   .vision p {
      text-align: center;
   }

   .missionText,
   .visionText {
      margin: 50px;
   }

   .aboutArea,
   .aboutArea img,
   .partnerArea,
   .partnerArea img,
   .iceCureArea,
   .iceCureArea img,
   .bandageArea,
   .bandageArea img,
   .pregnancyArea,
   .pregnancyArea img,
   .covidArea,
   .covidArea img,
   .newsArea,
   .newsArea img,
   .educationArea,
   .educationArea img,
   .contactArea,
   .contactArea img,
   .technicalArea,
   .technicalArea img,
   .kvkkArea,
   .kvkkArea img {
      height: calc(100vh - 138px) !important;
   }

   .aboutText h3,
   .partnerText h3,
   .iceCureText h3,
   .bandageText h3,
   .pregnancyText h3,
   .covidText h3,
   .newsText h3,
   .educationText h3,
   .contactText h3,
   .technicalText h3,
   .kvkkText h3 {
      font-size: 28px;
   }

   .aboutText p,
   .partnerText p,
   .iceCureText p,
   .bandageText p,
   .pregnancyText p,
   .covidText p,
   .newsText p,
   .educationText p,
   .contactText p,
   .technicalText p,
   .kvkkText p {
      font-size: 18px;
      line-height: 25px;
   }

   .collectiveHr {
      padding: 0 !important;
   }

   .partnerTextArea {
      padding: 30px 0 !important;
   }

   .iceCureContainer,
   .bandageContainer,
   .pregnancyContainer,
   .covidContainer {
      display: flex !important;
      flex-direction: column !important;
   }

   .iceCureContainer .iceCureImage,
   .iceCureContainer .iceCureTextArea,
   .bandageContainer .bandageImage,
   .bandageContainer .bandageTextArea,
   .pregnancyContainer .pregnancyImage,
   .pregnancyContainer .pregnancyTextArea,
   .covidContainer .covidImage,
   .covidContainer .covidTextArea {
      width: 100%;
   }

   .youtube iframe {
      height: 500px !important;
      margin-top: 50px;
   }


   .banner-area {
      width: 100%;
      max-width: calc(100% - 0px);
      margin: 0 auto;
   }


   .banner-area .content {
      padding-left: 10px;
   }

   #cookie-banner .cookie-content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 40px;
   }

   #cookie-banner p {
      text-align: center;
   }

}


@media (max-width: 767.98px) {
   .timeline::after {
      left: 90px;
   }

   .timebox {
      width: 100%;
      padding-left: 120px;
      padding-right: 30px;
   }

   .timebox.right {
      left: 0%;
   }

   .timebox.left::after,
   .timebox.right::after {
      left: 82px;
   }

   .timebox.left::before,
   .timebox.right::before {
      left: 100px;
      border-color: transparent #004f9f transparent transparent;
   }

   .timebox.left .date,
   .timebox.right .date {
      right: auto;
      left: 15px;
   }

   .timebox.left .icon,
   .timebox.right .icon {
      right: auto;
      left: 146px;
   }

   .timebox.left .content,
   .timebox.right .content {
      padding: 30px 30px 30px 90px;
      border-radius: 500px 0 0 500px;
   }

   .topBar {
      width: 100% !important;
      /* background-color: red; */
      margin: 0 auto !important;
   }

   #home .container {
      padding: 0 !important;
      width: 100% !important;
   }

   .recaptcha .g-recaptcha {
      transform: scale(0.9);
      transform-origin: top left;
      display: inline-block;
   }


   .footerArea {
      display: flex !important;
      flex-direction: column !important;
      gap: 50px;
      align-items: center;
   }


   .sliderSlogan h1,
   .sliderSlogan span {
      font-size: 28px !important;
   }


   .sliderSlogan h4 {
      font-size: 16px !important;
   }

   .navTopHeader {
      display: flex;
      flex-direction: column;
      gap: 20px;
      padding-left: 20px;
   }

   .navTopHeader li {
      display: flex;
      align-items: center;
      gap: 10px;
   }

   .navTopHeader li i {
      width: 16px;
   }

   .navTopHeader a {
      color: black;
      display: flex !important;
   }


   .navTopHeader p {
      color: black !important;
      /* padding-left: 10px;
      padding: 0 !important; */
   }

   .navTopSocial {
      display: flex !important;
      justify-content: center;
      align-items: center;
      gap: 20px;
   }

   .navTopSocial li a {
      font-size: 20px;
   }


   .navTopSocial .lang {
      margin-bottom: 5px;
   }


   .aboutArea,
   .aboutArea img,
   .partnerArea,
   .partnerArea img,
   .iceCureArea,
   .iceCureArea img,
   .bandageArea,
   .bandageArea img,
   .pregnancyArea,
   .pregnancyArea img,
   .covidArea,
   .covidArea img,
   .newsArea,
   .newsArea img,
   .educationArea,
   .educationArea img,
   .contactArea,
   .contactArea img,
   .technicalArea,
   .technicalArea img,
   .kvkkArea,
   .kvkkArea img {
      height: calc(100vh - 138px) !important;
   }

   .aboutText h3,
   .partnerText h3,
   .iceCureText h3,
   .bandageText h3,
   .pregnancyText h3,
   .covidText h3,
   .newsText h3,
   .educationText h3,
   .contactText h3,
   .technicalText h3,
   .kvkkText h3 {
      font-size: 24px;
   }

   .aboutText p,
   .partnerText p,
   .iceCureText p,
   .bandageText p,
   .pregnancyText p,
   .covidText p,
   .newsText p,
   .educationText p,
   .contactText p,
   .technicalText p,
   .kvkkText p {
      font-size: 16px;
      line-height: 23px;
   }

   .ourCoreValuesToggleButton button {
      width: 100%;
   }

   .contactInfoArea {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 50px;
      margin-left: auto;
      margin-right: auto;
   }

}

@media (max-width: 575px) {
   .topBar {
      padding-right: 30px !important;
      padding-left: 30px !important;
   }

   .recaptcha .g-recaptcha {
      transform: scale(0.8);
      transform-origin: top left;
      display: inline-block;
   }


   .mainSlogan h3,
   .mainSlogan p {
      text-align: center;
   }


   .footerBottomRight ul {
      display: flex;
      flex-direction: column;
      gap: 10px;
   }

   .footerBottomRight ul li {
      text-align: center !important;
   }

   .sliderSlogan h1,
   .sliderSlogan span {
      font-size: 24px !important;
   }


   .sliderSlogan h4 {
      font-size: 14px !important;
   }

   .footerRight ul {
      display: flex;
      justify-content: start;
   }

   .footerRight .contactArea {
      display: flex !important;
      flex-direction: column !important;
      /* justify-content: start !important; */
      align-items: start !important;
   }

   .missionText,
   .visionText {
      margin: 30px 0;
   }

   .aboutArea,
   .aboutArea img,
   .partnerArea,
   .partnerArea img,
   .iceCureArea,
   .iceCureArea img,
   .bandageArea,
   .bandageArea img,
   .pregnancyArea,
   .pregnancyArea img,
   .covidArea,
   .covidArea img,
   .newsArea,
   .newsArea img,
   .educationArea,
   .educationArea img,
   .contactArea,
   .contactArea img,
   .technicalArea,
   .technicalArea img,
   .kvkkArea,
   .kvkkArea img {
      height: calc(100vh - 138px) !important;
   }

   .aboutText h3,
   .partnerText h3,
   .iceCureText h3,
   .bandageText h3,
   .pregnancyText h3,
   .covidText h3,
   .newsText h3,
   .educationText h3,
   .contactText h3,
   .technicalText h3,
   .kvkkText h3 {
      font-size: 20px;

   }

   .aboutText p,
   .partnerText p,
   .iceCureText p,
   .bandageText p,
   .pregnancyText p,
   .covidText p,
   .newsText p,
   .educationText p,
   .contactText p,
   .technicalText p,
   .kvkkText p {
      font-size: 16px;
      line-height: 23px;
   }

   .socialMediaArea {
      gap: 15px !important;
   }

   .youtube iframe {
      height: 350px !important;
   }

   .iceCureContainer .bigImage,
   .bandageContainer .bigImage,
   .pregnancyContainer .bigImage,
   .covidContainer .bigImage {
      height: 400px;
   }

   .iceCureSmallImage img,
   .bandageSmallImage img,
   .pregnancySmallImage img,
   .covidSmallImage img {
      height: 120px;
   }

   .news-grid {
      display: grid !important;
      grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
      gap: 60px !important;
   }

   .news-section {
      padding: 80px 20px;
      background-color: #D0DFE6;
      font-family: Arial, sans-serif;
      border-radius: 30px;
   }


   .aboutText,
   .partnerText,
   .iceCureText,
   .bandageText,
   .pregnancyText,
   .covidText,
   .newsText,
   .educationText,
   .contactText,
   .technicalText,
   .kvkkText {
      max-width: 60%;
      left: 15%;
   }

   .formArea {
      width: calc(100% - 100px);
   }
}

@media (max-width: 400px) {

   .aboutArea,
   .aboutArea img,
   .partnerArea,
   .partnerArea img,
   .iceCureArea,
   .iceCureArea img,
   .bandageArea,
   .bandageArea img,
   .pregnancyArea,
   .pregnancyArea img,
   .covidArea,
   .covidArea img,
   .newsArea,
   .newsArea img,
   .educationArea,
   .educationArea img,
   .contactArea,
   .contactArea img,
   .technicalArea,
   .technicalArea img,
   .kvkkArea,
   .kvkkArea img {
      height: calc(100vh - 138px) !important;
   }

   .aboutText h3,
   .partnerText h3,
   .iceCureText h3,
   .bandageText h3,
   .pregnancyText h3,
   .covidText h3,
   .newsText h3,
   .educationText h3,
   .contactText h3,
   .technicalText h3,
   .kvkkText h3 {
      font-size: 16px;
   }

   .aboutText p,
   .partnerText p,
   .iceCureText p,
   .bandageText p,
   .pregnancyText p,
   .covidText p,
   .newsText p,
   .educationText p,
   .contactText p,
   .technicalText p,
   .kvkkText p {
      font-size: 14px;
      line-height: 20px;
   }

   .iceCureContainer .bigImage,
   .bandageContainer .bigImage,
   .pregnancyContainer .bigImage,
   .covidContainer .bigImage {
      height: 300px;
   }

   .iceCureSmallImage img,
   .bandageSmallImage img,
   .pregnancySmallImage img,
   .covidSmallImage img {
      height: 90px;
   }

   .productSocialArea {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 40px;
   }

   .socialLeft,
   .socialRight {
      width: 100%;
      display: flex;
      justify-content: center;
   }


   .contactInfoArea {
      padding-left: 30px;
   }


   .formArea {
      width: calc(100% - 50px);
   }
}


.tab-content {
   display: none;
}

.tab-content.active {
   display: block;
}

.tab-btn.active .bg {
   /* border: 2px solid #000; */
   opacity: 1;
}

.tab-btn .bg {
   opacity: 0.5;
   transition: 0.3s;
}




.tmp_subTab {}


.tmp_subTab ul {
   width: 100%;
   margin: 90px 0 !important;
   display: flex;
}

.tmp_subTab ul li {
   min-width: 150px;
   padding: 0 10px;
   margin-top: 10px;
   text-align: center;
}

.tmp_subTab ul li a {
   display: block;
   line-height: 2;
   padding: 0 30px;
   font-size: 22px;
   font-weight: 400;
   color: #7f7f7f;
   text-transform: capitalize;
   border: solid 1px #b1b1b1;
   border-radius: 30px;
   transition: border, color 0.25s, 0.25s;
}

.tmp_subTab ul li:hover a {
   border: solid 1px #126cb6;
   color: #126cb6;
}

.tmp_subTab ul li.active a {
   font-weight: 500;
   color: #fff;
   border: solid 1px #126cb6;
   background: #126cb6;
}

html[lang='en'] .page_companyIntro .tmp_subTab ul,
html[lang='gl-EN'] .page_companyIntro .tmp_subTab ul {
   -webkit-box-lines: multiple;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

html[lang='en'] .page_companyIntro .tmp_subTab ul li,
html[lang='gl-EN'] .page_companyIntro .tmp_subTab ul li {
   width: 33.33%;
}

/* .page_companyIntro .tmp_subTab ul li{width:calc(100% / 6);} */
@media all and (max-width:1600px) {

   .tmp_subTab ul {
      -webkit-box-lines: multiple;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 28px 0;
   }

   .tmp_subTab ul li {
      min-width: 140px;
   }

   .tmp_subTab ul li a {
      font-size: 21px;
      padding: 0 28px;
   }

   .tmp_subTab ul li.active a {
      border-radius: 28px;
   }
}

@media all and (max-width:1400px) {
   .tmp_subTab ul {
      margin: 27px 0;
   }

   .tmp_subTab ul li a {
      font-size: 20px;
      padding: 0 27px;
   }

   .tmp_subTab ul li.active a {
      border-radius: 27px;
   }
}

@media all and (max-width:1200px) {

   .tmp_subTab ul {
      margin: 25px 0;
   }

   .tmp_subTab ul li {
      min-width: 130px;
   }

   .tmp_subTab ul li a {
      font-size: 19px;
      padding: 0 25px;
   }

   .tmp_subTab ul li.active a {
      border-radius: 25px;
   }
}

@media all and (max-width:1000px) {

   .tmp_subTab ul {
      margin: 24px 0;
   }

   .tmp_subTab ul li {
      width: 33.33%;
   }

   .tmp_subTab ul li a {
      font-size: 18px;
      padding: 0 24px;
   }

   .tmp_subTab ul li.active a {
      border-radius: 24px;
   }

   html[lang='en'] .page_companyIntro .tmp_subTab ul li,
   html[lang='gl-EN'] .page_companyIntro .tmp_subTab ul li {
      width: 50%;
   }
}

@media all and (max-width:800px) {
   .tmp_subTab ul {
      margin: 23px 0;
   }

   .tmp_subTab ul li {
      width: 50%;
   }

   .tmp_subTab ul li a {
      font-size: 16px;
      padding: 0 23px;
   }

   .tmp_subTab ul li.active a {
      border-radius: 23px;
   }
}

@media all and (max-width:600px) {

   .tmp_subTab ul {
      margin: 21px 0;
   }

   .tmp_subTab ul li a {
      font-size: 14px;
      padding: 0 21px;
   }

   .tmp_subTab ul li.active a {
      border-radius: 21px;
   }
}

@media all and (max-width:500px) {

   html[lang='en'] .page_companyIntro .tmp_subTab ul li,
   html[lang='gl-EN'] .page_companyIntro .tmp_subTab ul li {
      width: 100%;
   }
}

@media all and (max-width:400px) {

   .tmp_subTab ul {
      margin: 20px 0;
   }

   .tmp_subTab ul li {
      width: 100%;
   }

   .tmp_subTab ul li a {
      font-size: 15px;
      padding: 0 20px;
   }

   .tmp_subTab ul li.active a {
      border-radius: 20px;
   }
}

@media all and (max-width:320px) {

   .tmp_subTab ul {
      margin: 17px 0;
   }

   .tmp_subTab ul li {
      min-width: 94px;
   }

   .tmp_subTab ul li a {
      font-size: 13px;
      padding: 0 17px;
   }

   .tmp_subTab ul li.active a {
      border-radius: 17px;
   }
}



.tmp_subCont .inner .tmp_contTitle {
   margin-top: 60px;
}

.tmp_subCont .inner .tmp_contTitle .title {
   line-height: 1.3;
   font-size: 25px;
   letter-spacing: -0.05em;
   font-weight: 300;
   color: #5b5b5b;
}

.tmp_subCont .inner .tmp_contTitle .title b {
   font-weight: 700;
}

.tmp_subCont .inner .tmp_contTitle .title b span {
   color: #126cb6;
}

.tmp_subCont .inner .tmp_contTitle .desc {
   line-height: 1.3;
   margin-top: 25px;
   font-size: 24px;
   font-weight: 300;
   color: #5b5b5b;
}

.tmp_subCont .inner .tmp_subTitle {
   position: relative;
   padding-left: 40px;
   margin-top: 60px;
   font-size: 30px;
   letter-spacing: -0.01em;
   font-weight: 900;
   color: #126cb6;
}

.tmp_subCont .inner .tmp_subTitle::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 0;
   width: 25px;
   height: 25px;
   transform: translateY(-50%);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: contain;
}

@media all and (max-width:1600px) {


   .tmp_subCont .inner .tmp_contTitle {
      margin-top: 56px;
   }



   .tmp_subCont .inner .tmp_contTitle .desc {
      margin-top: 23px;
      font-size: 22px;
   }

   .tmp_subCont .inner .tmp_subTitle {
      padding-left: 37px;
      margin-top: 56px;
      font-size: 28px;
   }

   .tmp_subCont .inner .tmp_subTitle::before {
      width: 23px;
      height: 23px;
   }
}

@media all and (max-width:1400px) {

   .tmp_subCont .inner .tmp_contTitle {
      margin-top: 53px;
   }

   .tmp_subCont .inner .tmp_contTitle .title {
      font-size: 41px;
   }

   .tmp_subCont .inner .tmp_contTitle .desc {
      margin-top: 22px;
      font-size: 21px;
   }

   .tmp_subCont .inner .tmp_subTitle {
      padding-left: 35px;
      margin-top: 53px;
      font-size: 27px;
   }

   .tmp_subCont .inner .tmp_subTitle::before {
      width: 22px;
      height: 22px;
   }
}

@media all and (max-width:1200px) {

   .tmp_subCont .inner .tmp_contTitle {
      margin-top: 51px;
   }

   .tmp_subCont .inner .tmp_contTitle .title {
      font-size: 39px;
   }

   .tmp_subCont .inner .tmp_contTitle .desc {
      margin-top: 21px;
      font-size: 20px;
   }

   .tmp_subCont .inner .tmp_subTitle {
      padding-left: 34px;
      margin-top: 51px;
      font-size: 25px;
   }

   .tmp_subCont .inner .tmp_subTitle::before {
      width: 21px;
      height: 21px;
   }
}

@media all and (max-width:1000px) {

   .tmp_subCont .inner .tmp_contTitle {
      -webkit-box-lines: multiple;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-orient: vertical;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-top: 48px;
   }

   .tmp_subCont .inner .tmp_contTitle .title {
      font-size: 37px;
   }

   .tmp_subCont .inner .tmp_contTitle .desc {
      margin-top: 20px;
      font-size: 19px;
   }

   .tmp_subCont .inner .tmp_subTitle {
      padding-left: 32px;
      margin-top: 48px;
      font-size: 24px;
   }

   .tmp_subCont .inner .tmp_subTitle::before {
      width: 20px;
      height: 20px;
   }
}

@media all and (max-width:800px) {

   .tmp_subCont .inner .tmp_contTitle {
      margin-top: 46px;
   }

   .tmp_subCont .inner .tmp_contTitle .title {
      font-size: 34px;
   }

   .tmp_subCont .inner .tmp_contTitle .desc {
      margin-top: 19px;
      font-size: 18px;
   }

   .tmp_subCont .inner .tmp_subTitle {
      padding-left: 30px;
      margin-top: 46px;
      font-size: 23px;
   }

   .tmp_subCont .inner .tmp_subTitle::before {
      width: 19px;
      height: 19px;
   }
}

@media all and (max-width:600px) {

   .tmp_subCont .inner .tmp_contTitle {
      margin-top: 43px;
   }

   .tmp_subCont .inner .tmp_contTitle .title {
      font-size: 32px;
   }

   .tmp_subCont .inner .tmp_contTitle .title br {
      display: none;
   }

   .tmp_subCont .inner .tmp_contTitle .desc {
      margin-top: 17px;
      font-size: 16px;
   }

   .tmp_subCont .inner .tmp_subTitle {
      padding-left: 28px;
      margin-top: 43px;
      font-size: 21px;
   }

   .tmp_subCont .inner .tmp_subTitle::before {
      width: 17px;
      height: 17px;
   }
}

@media all and (max-width:400px) {

   .tmp_subCont .inner .tmp_contTitle {
      margin-top: 40px;
   }

   .tmp_subCont .inner .tmp_contTitle .title {
      font-size: 30px;
   }

   .tmp_subCont .inner .tmp_contTitle .desc {
      margin-top: 16px;
      font-size: 15px;
   }

   .tmp_subCont .inner .tmp_subTitle {
      padding-left: 26px;
      margin-top: 40px;
      font-size: 20px;
   }

   .tmp_subCont .inner .tmp_subTitle::before {
      width: 16px;
      height: 16px;
   }
}

@media all and (max-width:320px) {

   .tmp_subCont .inner .tmp_contTitle {
      margin-top: 34px;
   }

   .tmp_subCont .inner .tmp_contTitle .title {
      font-size: 26px;
   }

   .tmp_subCont .inner .tmp_contTitle .desc {
      margin-top: 14px;
      font-size: 13px;
   }

   .tmp_subCont .inner .tmp_subTitle {
      padding-left: 22px;
      margin-top: 34px;
      font-size: 17px;
   }

   .tmp_subCont .inner .tmp_subTitle::before {
      width: 14px;
      height: 14px;
   }
}









.introduce_sec .inner .contBox {}

.introduce_sec .inner .contBox .introBox {
   margin-top: 130px;
   display: flex;
}

.introduce_sec .inner .contBox .introBox .titleBox {
   -webkit-flex: 1;
   flex: 1;
}

.introduce_sec .inner .contBox .introBox .titleBox .subTitle {
   font-size: 24px;
   font-family: 'Pretendard';
}

.introduce_sec .inner .contBox .introBox .titleBox .title {
   margin-top: 20px;
   font-size: 46px;
   font-family: 'Uniform';
}

.introduce_sec .inner .contBox .introBox .titleBox .subTitle,
.introduce_sec .inner .contBox .introBox .titleBox .title {
   font-weight: 900;
   color: #126cb6;
}

.introduce_sec .inner .contBox .introBox .titleBox .desc {
   margin-top: 70px;
   font-size: 24px;
   color: #7f7f7f;
}

.introduce_sec .inner .contBox .introBox .imgBox {
   position: relative;
   width: calc(100% - 610px);
}

.introduce_sec .inner .contBox .introBox .imgBox .swiper-pagination {
   position: absolute;
   top: -35px;
   right: 0;
}

.introduce_sec .inner .contBox .introBox .imgBox .swiper-pagination .swiper-pagination-bullet {
   opacity: 1;
   width: 10px;
   height: 10px;
   margin-left: 8px;
   background: #aeaeae;
}

.introduce_sec .inner .contBox .introBox .imgBox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background: #126cb6;
}

.introduce_sec .inner .contBox .introBox .imgBox .swiper-wrapper {}

.introduce_sec .inner .contBox .introBox .imgBox .swiper-wrapper .swiper-slide {
   width: 100% !important;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: contain;
   height: 400px;
}

.introduce_sec .inner .contBox .introBox .imgBox .swiper-wrapper .swiper-slide::before {
   content: '';
   display: block;
   padding-bottom: 50%;
}

.introduce_sec .inner .contBox .featuresBox {
   overflow: hidden;
   margin: 50px 0 90px;
   display: flex;
}

.introduce_sec .inner .contBox .featuresBox .descBox {
   -webkit-flex: 1;
   flex: 1;
   line-height: 36px;
   padding: 20px 0 0 25px;
   font-size: 24px;
   color: #6d6d6d;
   border-top: solid 5px #d3d3d3;
}

/* .introduce_sec .inner .contBox .featuresBox .descBox p:before{content:'';position:absolute;top:15px;left:0;width:5px;height:5px;background-color:#545454;border-radius:50%;} */
.introduce_sec .inner .contBox .specificationBox {
   position: relative;
   margin-bottom: 50px;
}

.introduce_sec .inner .contBox .featuresBox .title,
.introduce_sec .inner .contBox .specificationBox .title {
   width: 220px;
   font-size: 28px;
   font-weight: 900;
   color: #4c4c4c;
}

.introduce_sec .inner .contBox .specificationBox a.moreBtn {
   position: absolute;
   top: 0;
   right: 0;
   font-weight: 700;
   color: #4c4c4c;
   text-align: right;
   cursor: pointer;
}

.introduce_sec .inner .contBox .specificationBox a.moreBtn::after {
   content: '';
   display: inline-block;
   width: 0px;
   height: 0px;
   margin-left: 5px;
   border-top: 10px solid #666666;
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
   transition: all 0.8s;
}

.introduce_sec .inner .contBox .specificationBox.show a.moreBtn::after {
   transform: rotate(180deg);
   transition: all 0.8s;
}

.introduce_sec .inner .contBox .specificationBox .tableBox {
   -webkit-flex: 1;
   flex: 1;
   height: 0px;
   overflow: hidden;
   transition: height 0.8s;
}

.introduce_sec .inner .contBox .specificationBox.show .tableBox {
   height: auto;
}

/* .introduce_sec .inner .contBox .specificationBox .tableBox .moreBtn{font-weight:700;color:#4c4c4c;text-align:right;cursor:pointer;}
.introduce_sec .inner .contBox .specificationBox .tableBox .moreBtn::after{content:'';display:inline-block;width:0px;height:0px;margin-left:5px;border-top:10px solid #666666;border-left:7px solid transparent;border-right:7px solid transparent;transition:all 0.8s;} */
/* .introduce_sec .inner .contBox .specificationBox .tableBox section{display:none;position:relative;} */
.introduce_sec .inner .contBox .specificationBox .tableBox section {
   position: relative;
}

.introduce_sec .inner .contBox .specificationBox .tableBox section p {
   margin-top: 45px;
   font-size: 20px;
   font-weight: 900;
   color: #4c4c4c;
   font-family: 'Pretendard';
   text-align: right;
}

.introduce_sec .inner .contBox .specificationBox .tableBox table {
   margin: 45px 0;
   border-top: solid 5px #d3d3d3;
}

.introduce_sec .inner .contBox .specificationBox .tableBox table thead {
   border-bottom: solid 1px #d3d3d3;
}

.introduce_sec .inner .contBox .specificationBox .tableBox table thead th {
   background: #e0e0e0;
}

.introduce_sec .inner .contBox .specificationBox .tableBox table thead th,
.introduce_sec .inner .contBox .specificationBox .tableBox table thead td {
   color: #545454;
}

.introduce_sec .inner .contBox .specificationBox .tableBox table thead td:first-child,
.introduce_sec .inner .contBox .specificationBox .tableBox table tbody tr td:first-child {
   font-weight: 700;
   background: #eee;
}

.introduce_sec .inner .contBox .specificationBox .tableBox table tbody {}

.introduce_sec .inner .contBox .specificationBox .tableBox table tbody tr {
   border-bottom: solid 1px #d3d3d3;
}

.introduce_sec .inner .contBox .specificationBox .tableBox table tbody tr td {
   color: #6d6d6d;
}

.introduce_sec .inner .contBox .specificationBox .tableBox table thead th,
.introduce_sec .inner .contBox .specificationBox .tableBox table thead td,
.introduce_sec .inner .contBox .specificationBox .tableBox table tbody tr td {
   padding: 20px 10px;
   font-size: 22px;
   text-align: center;
   font-family: 'Pretendard';
}

/* .introduce_sec .inner .contBox .specificationBox .tableBox.fade .moreBtn::after{transform:rotate(180deg);transition:all 0.8s;}
.introduce_sec .inner .contBox .specificationBox .tableBox.fade section{display:block;} */
.tmp_search_sec .inner .searchBox input::placeholder {
   font-family: 'Pretendard';
}

@media all and (max-width: 1600px) {
   .introduce_sec .inner .listBox {
      margin-top: 93px;
   }

   .introduce_sec .inner .listBox:not(.series_list) li {
      width: calc(25% - 4px);
      margin-left: 4px !important;
   }

   .introduce_sec .inner .listBox:not(.series_list) li:nth-of-type(4n+1) {
      margin-left: 0 !important;
   }

   .introduce_sec .inner .listBox li a {
      font-size: 21px;
   }

   .introduce_sec .inner .listBox.series_list .slick-track {
      left: -4px;
   }

   .introduce_sec .inner .listBox+.listBox {
      margin-top: 30px;
   }

   .introduce_sec .inner .contBox .introBox {
      margin-top: 60px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .subTitle {
      font-size: 22px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .title {
      margin-top: 19px;
      font-size: 30px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .desc {
      margin-top: 65px;
      font-size: 22px;
   }

   .introduce_sec .inner .contBox .introBox .imgBox {
      width: calc(100% - 570px);
   }

   .introduce_sec .inner .contBox .introBox .imgBox .swiper-pagination {
      top: -33px;
   }

   .introduce_sec .inner .contBox .featuresBox {
      margin: 49px 0 84px;
   }

   .introduce_sec .inner .contBox .featuresBox .descBox {
      line-height: 32px;
      padding: 19px 0 0 23px;
      font-size: 20px;
   }

   .introduce_sec .inner .contBox .specificationBox {
      margin-bottom: 49px;
   }

   .introduce_sec .inner .contBox .featuresBox .title,
   .introduce_sec .inner .contBox .specificationBox .title {
      width: 210px;
      font-size: 26px;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox section p {
      margin-top: 42px;
      font-size: 19px;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox table {
      margin: 42px 0;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox table thead th,
   .introduce_sec .inner .contBox .specificationBox .tableBox table thead td,
   .introduce_sec .inner .contBox .specificationBox .tableBox table tbody tr td {
      padding: 19px 10px;
      font-size: 20px;
   }
}

@media all and (max-width: 1400px) {
   .introduce_sec .inner .listBox {
      margin-top: 89px;
   }

   .introduce_sec .inner .listBox li a {
      font-size: 20px;
   }

   .introduce_sec .inner .listBox+.listBox {
      margin-top: 26px;
   }

   .introduce_sec .inner .contBox .introBox {
      margin-top: 60px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .subTitle {
      font-size: 21px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .title {
      margin-top: 18px;
      font-size: 43px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .desc {
      margin-top: 62px;
      font-size: 21px;
   }

   .introduce_sec .inner .contBox .introBox .imgBox {
      width: calc(100% - 540px);
   }

   .introduce_sec .inner .contBox .introBox .imgBox .swiper-pagination {
      top: -31px;
   }

   .introduce_sec .inner .contBox .featuresBox {
      margin: 44px 0 80px;
   }

   /* .introduce_sec .inner .contBox .featuresBox .title{padding:18px 53px;font-size:25px;} */
   .introduce_sec .inner .contBox .featuresBox .descBox {
      line-height: 32px;
      padding: 18px 0 0 22px;
      font-size: 21px;
   }

   /* .introduce_sec .inner .contBox .featuresBox .descBox p:before{top:14px;} */
   .introduce_sec .inner .contBox .specificationBox {
      margin-bottom: 44px;
   }

   .introduce_sec .inner .contBox .featuresBox .title,
   .introduce_sec .inner .contBox .specificationBox .title {
      width: 200px;
      font-size: 25px;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox section p {
      margin-top: 40px;
      font-size: 18px;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox table {
      margin: 40px 0;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox table thead th,
   .introduce_sec .inner .contBox .specificationBox .tableBox table thead td,
   .introduce_sec .inner .contBox .specificationBox .tableBox table tbody tr td {
      padding: 18px 10px;
      font-size: 19px;
   }
}

@media all and (max-width: 1200px) {
   .introduce_sec .inner .listBox {
      margin-top: 84px;
   }

   .introduce_sec .inner .listBox li a {
      font-size: 19px;
   }

   .introduce_sec .inner .listBox+.listBox {
      margin-top: 22px;
   }

   .introduce_sec .inner .contBox .introBox {
      margin-top: 60px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .subTitle {
      font-size: 20px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .title {
      margin-top: 17px;
      font-size: 41px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .desc {
      margin-top: 59px;
      font-size: 20px;
   }

   .introduce_sec .inner .contBox .introBox .imgBox {
      width: calc(100% - 510px);
   }

   .introduce_sec .inner .contBox .introBox .imgBox .swiper-pagination {
      top: -29px;
   }

   .introduce_sec .inner .contBox .featuresBox {
      margin: 42px 0 76px;
   }

   /* .introduce_sec .inner .contBox .featuresBox .title{padding:17px 51px;font-size:23px;} */
   .introduce_sec .inner .contBox .featuresBox .descBox {
      line-height: 30px;
      padding: 17px 0 0 21px;
      font-size: 20px;
   }

   .introduce_sec .inner .contBox .specificationBox {
      margin-bottom: 42px;
   }

   .introduce_sec .inner .contBox .featuresBox .title,
   .introduce_sec .inner .contBox .specificationBox .title {
      width: 190px;
      font-size: 23px;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox section p {
      margin-top: 38px;
      font-size: 17px;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox table {
      margin: 38px 0;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox table thead th,
   .introduce_sec .inner .contBox .specificationBox .tableBox table thead td,
   .introduce_sec .inner .contBox .specificationBox .tableBox table tbody tr td {
      padding: 17px 10px;
      font-size: 18px;
   }
}

@media all and (max-width: 1000px) {
   .introduce_sec .inner .listBox {
      margin-top: 80px;
   }

   .introduce_sec .inner .listBox:not(.series_list) li:nth-of-type(n) {
      width: calc(33.33% - 4px);
      margin-left: 5px !important;
   }

   .introduce_sec .inner .listBox:not(.series_list) li:nth-of-type(3n+1) {
      margin-left: 0 !important;
   }

   .introduce_sec .inner .listBox li a {
      font-size: 18px;
   }

   .introduce_sec .inner .listBox+.listBox {
      margin-top: 18px;
   }

   .introduce_sec .inner .listBox.series_list li {
      margin-left: 5px !important;
   }

   .introduce_sec .inner .listBox.series_list.slick-slider {
      margin-left: 0;
      margin-right: 0;
   }

   .introduce_sec .inner .listBox.series_list .slick-arrow {
      width: 30px;
      background-color: rgba(255, 255, 255, 0.5);
   }

   .introduce_sec .inner .listBox.series_list .slick-arrow.slick-prev {
      left: -40px;
   }

   .introduce_sec .inner .listBox.series_list .slick-arrow.slick-next {
      right: -40px;
   }

   .introduce_sec .inner .listBox.series_list .slick-arrow svg {
      transform: translate(-50%, -50%) scale(1);
   }

   .introduce_sec .inner .contBox .introBox {
      margin-top: 50px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .subTitle {
      font-size: 19px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .title {
      margin-top: 16px;
      font-size: 39px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .desc {
      margin-top: 56px;
      font-size: 19px;
   }

   .introduce_sec .inner .contBox .introBox .imgBox {
      width: calc(100% - 490px);
   }

   .introduce_sec .inner .contBox .introBox .imgBox .swiper-pagination {
      top: -28px;
   }

   .introduce_sec .inner .contBox .featuresBox {
      -webkit-box-lines: multiple;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 40px 0 71px;
   }

   .introduce_sec .inner .contBox .featuresBox .descBox {
      width: 100%;
      line-height: 29px;
      margin-top: 35px;
      padding-left: 0;
      font-size: 19px;
   }

   /* .introduce_sec .inner .contBox .featuresBox .descBox p:before{top:13px;} */
   .introduce_sec .inner .contBox .specificationBox {
      -webkit-box-lines: multiple;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 40px;
   }

   .introduce_sec .inner .contBox .featuresBox .title,
   .introduce_sec .inner .contBox .specificationBox .title {
      width: 100%;
      font-size: 22px;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox {
      width: 100%;
      flex: unset;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox section p {
      margin-top: 36px;
      font-size: 16px;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox table {
      margin: 36px 0;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox table thead th,
   .introduce_sec .inner .contBox .specificationBox .tableBox table thead td,
   .introduce_sec .inner .contBox .specificationBox .tableBox table tbody tr td {
      padding: 16px 10px;
      font-size: 17px;
   }
}

@media all and (max-width: 800px) {
   .introduce_sec .inner .listBox {
      margin-top: 75px;
   }

   .introduce_sec .inner .listBox li a {
      font-size: 17px;
   }

   .introduce_sec .inner .listBox+.listBox {
      margin-top: 16px;
   }

   .introduce_sec .inner .listBox.series_list .slick-arrow.slick-prev {
      left: -30px;
   }

   .introduce_sec .inner .listBox.series_list .slick-arrow.slick-next {
      right: -30px;
   }

   .introduce_sec .inner .contBox .introBox {
      -webkit-box-lines: multiple;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: 50px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .subTitle {
      font-size: 18px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .title {
      margin-top: 15px;
      font-size: 36px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .desc {
      margin-top: 52px;
      font-size: 18px;
   }

   .introduce_sec .inner .contBox .introBox .imgBox {
      width: 80%;
      margin: 50px auto 0;
   }

   .introduce_sec .inner .contBox .introBox .imgBox .swiper-pagination {
      top: -26px;
   }

   .introduce_sec .inner .contBox .featuresBox {
      margin: 38px 0 67px;
   }

   .introduce_sec .inner .contBox .featuresBox .descBox {
      line-height: 27px;
      margin-top: 33px;
      font-size: 17px;
   }

   .introduce_sec .inner .contBox .specificationBox {
      margin-bottom: 38px;
   }

   .introduce_sec .inner .contBox .featuresBox .title,
   .introduce_sec .inner .contBox .specificationBox .title {
      font-size: 21px;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox section p {
      margin-top: 34px;
      font-size: 15px;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox table {
      margin: 34px 0;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox table thead th,
   .introduce_sec .inner .contBox .specificationBox .tableBox table thead td,
   .introduce_sec .inner .contBox .specificationBox .tableBox table tbody tr td {
      padding: 15px 10px;
      font-size: 16px;
   }
}

@media all and (max-width: 600px) {
   .introduce_sec .inner .listBox {
      margin-top: 71px;
   }

   .introduce_sec .inner .listBox:not(.series_list) li:nth-of-type(n) {
      width: calc(50% - 3px);
      margin-left: 6px !important;
   }

   .introduce_sec .inner .listBox:not(.series_list) li:nth-of-type(2n+1) {
      margin-left: 0 !important;
   }

   .introduce_sec .inner .listBox li a {
      font-size: 16px;
   }

   .introduce_sec .inner .listBox+.listBox {
      margin-top: 14px;
   }

   .introduce_sec .inner .listBox.series_list .slick-arrow.slick-prev {
      left: -20px;
   }

   .introduce_sec .inner .listBox.series_list .slick-arrow.slick-next {
      right: -20px;
   }

   .introduce_sec .inner .contBox .introBox {
      margin-top: 44px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .subTitle {
      font-size: 17px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .title {
      margin-top: 14px;
      font-size: 32px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .desc {
      margin-top: 49px;
      font-size: 17px;
   }

   .introduce_sec .inner .contBox .introBox .imgBox {
      margin: 40px auto 0;
   }

   .introduce_sec .inner .contBox .introBox .imgBox .swiper-pagination {
      top: -25px;
   }

   .introduce_sec .inner .contBox .featuresBox {
      margin: 35px 0 63px;
   }

   .introduce_sec .inner .contBox .featuresBox .descBox {
      line-height: 26px;
      margin-top: 31px;
      font-size: 16px;
   }

   /* .introduce_sec .inner .contBox .featuresBox .descBox p:before{top:12px;} */
   .introduce_sec .inner .contBox .specificationBox {
      margin-bottom: 35px;
   }

   .introduce_sec .inner .contBox .featuresBox .title,
   .introduce_sec .inner .contBox .specificationBox .title {
      font-size: 19px;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox section {
      overflow-x: scroll;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox section p {
      margin-top: 32px;
      font-size: 14px;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox table {
      margin: 32px 0;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox table thead th,
   .introduce_sec .inner .contBox .specificationBox .tableBox table thead td,
   .introduce_sec .inner .contBox .specificationBox .tableBox table tbody tr td {
      padding: 14px 10px;
      font-size: 15px;
   }
}

@media all and (max-width: 400px) {
   .introduce_sec .inner .listBox {
      margin-top: 66px;
   }

   .introduce_sec .inner .listBox li a {
      font-size: 15px;
   }

   .introduce_sec .inner .listBox+.listBox {
      margin-top: 12px;
   }

   .introduce_sec .inner .listBox.series_list .slick-arrow.slick-prev {
      left: -10px;
   }

   .introduce_sec .inner .listBox.series_list .slick-arrow.slick-next {
      right: -10px;
   }

   .introduce_sec .inner .contBox .introBox {
      margin-top: 46px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .subTitle {
      font-size: 16px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .title {
      margin-top: 13px;
      font-size: 30px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .desc {
      margin-top: 46px;
      font-size: 16px;
   }

   .introduce_sec .inner .contBox .introBox .imgBox {
      width: 90%;
   }

   .introduce_sec .inner .contBox .introBox .imgBox .swiper-pagination {
      top: -23px;
   }

   .introduce_sec .inner .contBox .featuresBox {
      margin: 33px 0 59px;
   }

   /* .introduce_sec .inner .contBox .featuresBox .title{padding:13px 40px;font-size:18px;} */
   .introduce_sec .inner .contBox .featuresBox .descBox {
      line-height: 24px;
      margin-top: 29px;
      font-size: 15px;
   }

   /* .introduce_sec .inner .contBox .featuresBox .descBox p:before{top:10px;} */
   .introduce_sec .inner .contBox .specificationBox {
      margin-bottom: 33px;
   }

   .introduce_sec .inner .contBox .featuresBox .title,
   .introduce_sec .inner .contBox .specificationBox .title {
      font-size: 18px;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox section p {
      margin-top: 30px;
      font-size: 13px;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox table {
      margin: 30px 0;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox table thead th,
   .introduce_sec .inner .contBox .specificationBox .tableBox table thead td,
   .introduce_sec .inner .contBox .specificationBox .tableBox table tbody tr td {
      padding: 13px 10px;
      font-size: 14px;
   }
}

@media all and (max-width: 320px) {
   .introduce_sec .inner .listBox {
      margin-top: 53px;
   }

   .introduce_sec .inner .listBox li a {
      font-size: 12px;
   }

   .introduce_sec .inner .listBox+.listBox {
      margin-top: 10px;
   }

   .introduce_sec .inner .contBox .introBox {
      margin-top: 52px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .subTitle {
      font-size: 13px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .title {
      margin-top: 10px;
      font-size: 24px;
   }

   .introduce_sec .inner .contBox .introBox .titleBox .desc {
      margin-top: 37px;
      font-size: 13px;
   }

   .introduce_sec .inner .contBox .introBox .imgBox {
      margin: 30px auto 0;
   }

   .introduce_sec .inner .contBox .introBox .imgBox .swiper-pagination {
      top: -18px;
   }

   .introduce_sec .inner .contBox .featuresBox {
      margin: 26px 0 47px;
   }

   .introduce_sec .inner .contBox .featuresBox .descBox {
      line-height: 19px;
      margin-top: 28px;
      font-size: 12px;
   }

   .introduce_sec .inner .contBox .specificationBox {
      margin-bottom: 26px;
   }

   .introduce_sec .inner .contBox .featuresBox .title,
   .introduce_sec .inner .contBox .specificationBox .title {
      font-size: 14px;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox section p {
      margin-top: 24px;
      font-size: 10px;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox table {
      margin: 24px 0;
   }

   .introduce_sec .inner .contBox .specificationBox .tableBox table thead th,
   .introduce_sec .inner .contBox .specificationBox .tableBox table thead td,
   .introduce_sec .inner .contBox .specificationBox .tableBox table tbody tr td {
      padding: 10px 10px;
      font-size: 11px;
   }
}


/**
 * Swiper 4.5.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 13, 2019
 */
.swiper-container {
   margin-left: auto;
   margin-right: auto;
   position: relative;
   overflow: hidden;
   list-style: none;
   padding: 0;
   /* Fix of Webkit flickering */
   z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
   float: left;
}

.swiper-container-vertical>.swiper-wrapper {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
}

.swiper-wrapper {
   position: relative;
   width: 100%;
   height: 100%;
   z-index: 1;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   -o-transition-property: transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
   -webkit-transform: translate3d(0px, 0, 0);
   transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
   -webkit-transition-timing-function: ease-out;
   -o-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
   margin: 0 auto;
}

.swiper-slide {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 100%;
   height: 100%;
   position: relative;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   -o-transition-property: transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
   visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
   height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-transition-property: height, -webkit-transform;
   transition-property: height, -webkit-transform;
   -o-transition-property: transform, height;
   transition-property: transform, height;
   transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
   -webkit-perspective: 1200px;
   perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
   z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
   background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
   background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
   background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
   background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
   -ms-touch-action: pan-y;
   touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
   -ms-touch-action: pan-x;
   touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
   position: absolute;
   top: 50%;
   width: 27px;
   height: 44px;
   margin-top: -22px;
   z-index: 10;
   cursor: pointer;
   background-size: 27px 44px;
   background-position: center;
   background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
   opacity: 0.35;
   cursor: auto;
   pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
   left: 10px;
   right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
   right: 10px;
   left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
   display: none;
}

.swiper-pagination {
   position: absolute;
   text-align: center;
   -webkit-transition: 300ms opacity;
   -o-transition: 300ms opacity;
   transition: 300ms opacity;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
   opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
   bottom: 10px;
   left: 0;
   width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
   overflow: hidden;
   font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   -webkit-transform: scale(0.33);
   -ms-transform: scale(0.33);
   transform: scale(0.33);
   position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
   -webkit-transform: scale(0.66);
   -ms-transform: scale(0.66);
   transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
   -webkit-transform: scale(0.33);
   -ms-transform: scale(0.33);
   transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
   -webkit-transform: scale(0.66);
   -ms-transform: scale(0.66);
   transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
   -webkit-transform: scale(0.33);
   -ms-transform: scale(0.33);
   transform: scale(0.33);
}

.swiper-pagination-bullet {
   width: 8px;
   height: 8px;
   display: inline-block;
   border-radius: 100%;
   background: #000;
   opacity: 0.2;
}

button.swiper-pagination-bullet {
   border: none;
   margin: 0;
   padding: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
   cursor: pointer;
}

.swiper-pagination-bullet-active {
   opacity: 1;
   background: #007aff;
}

.swiper-container-vertical>.swiper-pagination-bullets {
   right: 10px;
   top: 50%;
   -webkit-transform: translate3d(0px, -50%, 0);
   transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 6px 0;
   display: block;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   display: inline-block;
   -webkit-transition: 200ms top, 200ms -webkit-transform;
   transition: 200ms top, 200ms -webkit-transform;
   -o-transition: 200ms transform, 200ms top;
   transition: 200ms transform, 200ms top;
   transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0 4px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   -webkit-transition: 200ms left, 200ms -webkit-transform;
   transition: 200ms left, 200ms -webkit-transform;
   -o-transition: 200ms transform, 200ms left;
   transition: 200ms transform, 200ms left;
   transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   -webkit-transition: 200ms right, 200ms -webkit-transform;
   transition: 200ms right, 200ms -webkit-transform;
   -o-transition: 200ms transform, 200ms right;
   transition: 200ms transform, 200ms right;
   transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
   background: rgba(0, 0, 0, 0.25);
   position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
   background: #007aff;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transform-origin: left top;
   -ms-transform-origin: left top;
   transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
   -webkit-transform-origin: right top;
   -ms-transform-origin: right top;
   transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
   width: 100%;
   height: 4px;
   left: 0;
   top: 0;
}

.swiper-container-vertical>.swiper-pagination-progressbar,
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
   width: 4px;
   height: 100%;
   left: 0;
   top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
   background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
   background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
   background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
   background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
   background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
   background: #000000;
}

.swiper-pagination-lock {
   display: none;
}

/* Scrollbar */
.swiper-scrollbar {
   border-radius: 10px;
   position: relative;
   -ms-touch-action: none;
   background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
   position: absolute;
   left: 1%;
   bottom: 3px;
   z-index: 50;
   height: 5px;
   width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
   position: absolute;
   right: 3px;
   top: 1%;
   z-index: 50;
   width: 5px;
   height: 98%;
}

.swiper-scrollbar-drag {
   height: 100%;
   width: 100%;
   position: relative;
   background: rgba(0, 0, 0, 0.5);
   border-radius: 10px;
   left: 0;
   top: 0;
}

.swiper-scrollbar-cursor-drag {
   cursor: move;
}

.swiper-scrollbar-lock {
   display: none;
}

.swiper-zoom-container {
   width: 100%;
   height: 100%;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: center;
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
   max-width: 100%;
   max-height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
}

.swiper-slide-zoomed {
   cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
   width: 42px;
   height: 42px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -21px;
   margin-top: -21px;
   z-index: 10;
   -webkit-transform-origin: 50%;
   -ms-transform-origin: 50%;
   transform-origin: 50%;
   -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
   animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
   display: block;
   content: '';
   width: 100%;
   height: 100%;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
   background-position: 50%;
   background-size: 100%;
   background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
   100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

@keyframes swiper-preloader-spin {
   100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

/* a11y */
.swiper-container .swiper-notification {
   position: absolute;
   left: 0;
   top: 0;
   pointer-events: none;
   opacity: 0;
   z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
   -webkit-transition-timing-function: ease-out;
   -o-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
   pointer-events: none;
   -webkit-transition-property: opacity;
   -o-transition-property: opacity;
   transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
   pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
   pointer-events: auto;
}

.swiper-container-cube {
   overflow: visible;
}

.swiper-container-cube .swiper-slide {
   pointer-events: none;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   z-index: 1;
   visibility: hidden;
   -webkit-transform-origin: 0 0;
   -ms-transform-origin: 0 0;
   transform-origin: 0 0;
   width: 100%;
   height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
   pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
   -webkit-transform-origin: 100% 0;
   -ms-transform-origin: 100% 0;
   transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
   pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
   pointer-events: auto;
   visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
   z-index: 0;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
   position: absolute;
   left: 0;
   bottom: 0px;
   width: 100%;
   height: 100%;
   background: #000;
   opacity: 0.6;
   -webkit-filter: blur(50px);
   filter: blur(50px);
   z-index: 0;
}

.swiper-container-flip {
   overflow: visible;
}

.swiper-container-flip .swiper-slide {
   pointer-events: none;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
   pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
   pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
   z-index: 0;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
   /* Windows 8 IE 10 fix */
   -ms-perspective: 1200px;
}



.swiper {
   width: auto;
   height: 400px;
}
.index-slider .swiper{
   height: unset;

}
.index-slider .swiper-wrapper{
   margin-top: unset ;

}
/* Mobil cihazlar için (genellikle 768px ve altı) */
@media (max-width: 465px) {
   .swiper {
      height: 300px;
   }
}

.swiper-pagination-bullet:hover {
   cursor: pointer;
}



.imactisTextArea {
   max-width: 100%;
}


.imactisTitle {
   font-size: 3rem;
   line-height: 2.5rem;
   letter-spacing: -1.25px;
   font-weight: 400;
   color: #222;
   font-family: "Source Sans Pro", "Source Han Sans", sans-serif;
}

.imactisSubTitle {
   font-size: 1.8rem;
   line-height: 1.5rem;
   letter-spacing: 0;
   font-weight: 400;
   color: #5B5B67;
   margin-top: 24px;
   /* margin-bottom: 200px; */
   font-family: "Source Sans Pro", "Source Han Sans", sans-serif;
}

.ge-generic-content-v2-container__heading.title-s {
   font-size: 2.5rem;
   line-height: 2.5rem;
   letter-spacing: -0.25px;
   font-weight: 400;
   color: #222;
   font-family: "Source Sans Pro", "Source Han Sans", sans-serif;
}

.ge-generic-content-v2-container__body.ptag {
   font-weight: 400;
   color: #5B5B67;
   margin-top: 24px;
   /* margin-bottom: 200px; */
   font-family: "Source Sans Pro", "Source Han Sans", sans-serif;
   font-size: 1.8rem;
   line-height: 2rem;
   letter-spacing: 0px;
}

.imactisSliderContainer{
   height: 70vh;
}
.imactisSliderContainer .carousel{
   height: 70vh;
}
.imactisSliderContainer .carousel .carousel-inner{
   height: 70vh;
}
.imactisSliderContainer .carouselTitle {
   font-size: 2rem;
   line-height: 3rem;
   letter-spacing: 0;
   font-weight: 400;
   color: #5B5B67;
   margin-bottom: 20px;
   font-family: "Source Sans Pro", "Source Han Sans", sans-serif;
   flex: 0 0 auto; /* yüksekliği kadar alan kaplasın */
}

.carousel-inner {
   position: relative;
   width: 100%;
   overflow: hidden;
}
.carousel-item-main{
   height: 70vh;
   display: flex;
   flex-direction: column;
}
.carousel-item {
   display: none;
   width: 100%;
   transition: opacity 0.5s ease;

}

.carousel-item.active {
   display: block;
   width: 90%;
   margin: 0 auto !important;
   height: 70vh;
}

.carousel-item .rounded {
   border-radius: 20px !important;
   width: 100%;
   height: calc(70vh - 50px);
   object-fit: cover;
}

.carousel-control-prev,
.carousel-control-next {
   background: #C4DFF2;
   border: none;
   font-size: 32px;
   color: black;
   cursor: pointer;
   position: absolute;
   padding: 20px;
   border-radius: 100%;
   top: 37%;
   transform: translateY(-50%);
   z-index: 10;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
   background: #004F9F;
   color: white;
}

.carousel-control-prev {
   left: 2%;
}

.carousel-control-next {
   right: 2%;
}

.carousel-indicators {
   display: flex;
   justify-content: center;
   gap: 12px;
   padding: 10px 0;
   bottom: 0;
}

.carousel-indicators .active {
   width: 40px;
   height: 4px;
   background-color: #b8b9c0;
   border: none;
   border-radius: 2px;
   opacity: 0.6;
   transition: all 0.3s ease;
   cursor: pointer;
}

.carousel-indicators button {
   width: 40px;
   height: 4px;
   background-color: #b8b9c0;
   border: none;
   border-radius: 2px;
   opacity: 0.6;
   transition: all 0.3s ease;
   cursor: pointer;
}

.carousel-indicators button.active,
.carousel-indicators button:hover {
   background-color: #1d1d1f;
   opacity: 1;
}


.videoWrapper {
   position: relative;
   overflow: hidden;
   border-radius: 20px;
   width: 100%;
   flex: 1; /* kalan tüm alanı kaplasın */

}

.videoWrapper iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 0;
   border-radius: 20px;
}


.imactisContainer {
   margin: 0 auto 150px auto;
   width: 90%;
}


.imageText {
   position: absolute;
   top: 80%;
   left: 10%;
   transform: translateY(-50%);
   color: white;
   z-index: 2;
}

.imageText h3 {
   font-size: 2.5rem;
   background-color: rgba(255, 255, 255, 0.7);
   padding: 30px;
   border-radius: 30px;
}

.igeaTextArea {
   border-radius: 30px;
   margin-bottom: 50px;
   overflow: hidden; /* Taşan içeriği gizler */
   word-wrap: break-word; /* Uzun kelimeleri böler */
   word-break: break-word; /* Kelimeleri gerektiğinde böler */
   width: 100%;
}
.igeaTextArea .igeaTitle {
   width: 100%;

}

.igeaTextArea h4 {
   color: black;
   font-size: 21px;
   font-weight: 700;
   margin-top: 0px;
   margin-bottom: 30px;
   text-transform: uppercase;
   word-break: break-all;
}

.igeaTextArea .igeaText {
   font-size: 18px;
   font-weight: bold;
}

.igeaTextArea p {
   color: black;
   margin: 0 0 2px;
}
.igeaContentArea {
   padding: 0;
   border-radius: 30px;
   margin-top: 50px;
   display: flex;
   justify-content: space-around;
   align-items: center;
}

.igeaContentArea p {
   text-align: center;
   color: black;
}

.swiper.swiperr{
   padding: 0 40px;
}
/* 991px ve 765px arasındaki ekran genişlikleri için */
@media (min-width: 765px) and (max-width: 991px) {
   .swiper.swiperr {
      padding: 0 80px;
   }
}
.iconTextWrapper {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   position: relative;
}
.custom-slider-container {
   background-color: white;
   padding: 30px;
   border-radius: 28px;
   margin: 0 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
   .custom-slider-container {
      width: 80%;
      margin: 0 auto 20px;
   }
}

@media (max-width: 767px) {
   .custom-slider-container {
      width: 100%;
      margin: 0 0 20px;
      padding: 20px;
   }
}

@media (min-width: 992px) and (max-width: 1200px) {
   .custom-slider-container {
      width: 45%;
      padding: 20px;

   }
}
@media (min-width: 1201px)  {
   .custom-slider-container {
      width: 40%;
   }
}
.svg-normal,
.svg-hover {
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   transition: opacity 0.3s ease;
}

.svg-hover {
   opacity: 0;
   z-index: 2;
}

.svg-normal {
   opacity: 1;
   z-index: 1;
   width: 100px;
   height: 100px;
}

.iconTextWrapper:hover .svg-hover {
   opacity: 1;
}

.iconTextWrapper:hover .svg-normal {
   opacity: 0;
}

.iconTextWrapper p {
   margin-top: 110px;
   z-index: 3;
   position: relative;
   text-transform: uppercase;
}


.igeaTextArea h3 {
   font-weight: bold;
}


.igeaTextArea .special {
   color: black;
   margin: 40px 0;
   font-size: 15px;
}

.igeaTextArea ul {
   list-style-type: disc;
   color: black;
   padding-left: 30px;
}

.igeaSliderArea {
   margin-top: 100px;
   background-color: white;
   padding: 20px 0 !important;

}

.igeaSliderArea h4 {
   font-weight: 600;
   font-size: 20px;
   text-align: center;
   margin-bottom: 50px;
}


.generalContainer.container-fluid {
   padding: 0 !important;
}

.igeaSliderArea {
   padding: 0 0;
}
.igeaSliderArea .swiper{
 width:90%;
}
.sliderArea {
   width: 80%;
}
.sliderArea .sliderContainer .swiper-slide img{
   padding: 0 20px;
}

.sliderContainer .swiper-slide img {
   width: 100%;
   height: -webkit-fill-available;
   object-fit: cover;
}
.sliderContainerr .swiper-slide img {
   width: 100%;
   height: auto;
   object-fit: cover;
}
.index-slider .swiper-slide img {
   width: auto;
   height: auto;
   object-fit: cover;
}
.swiper-wrapper{
   margin-top: -30px;
   .priv-div{
      height: 100%;
   }

}

.imactisSliderContainer h3 {
   font-weight: 600;
   margin-top: 100px;
   margin-bottom: 50px;
   text-align: center;
}

.carousel-item .videoWrapper {
   margin-bottom: 10px;
}


.iceCureBannerText {
   position: absolute;
   top: 50%;
   left: 10%;
   transform: translateY(-50%);
   color: white;
   z-index: 2;
   max-width: 35%;
}

.iceCureBannerText h4 {
   color: white;
   font-size: 28px;
}

.iceCureBannerText p {
   color: white;
   font-size: 13px;
}

.iceCureBannerText .smallText {
   font-size: 10px;
   line-height: 17px !important;
}
.iceCureBannerText {
   position: absolute;
   top: 50%;
   left: 10%;
   transform: translateY(-50%);
   color: white;
   z-index: 2;
   max-width: 35%;
}

.iceCureBannerText h4 {
   color: white;
   font-size: 28px;
}

.iceCureBannerText p {
   color: white;
   font-size: 13px;
}

.iceCureBannerText .smallText {
   font-size: 10px;
   line-height: 17px !important;
}

/* Tablet için responsive tasarım */
@media (max-width: 768px) {
   .iceCureBannerText {
      left: 10%;
      max-width: 50%;
   }

   .iceCureBannerText h4 {
      font-size: 24px;
   }

   .iceCureBannerText p {
      font-size: 12px;
   }

   .iceCureBannerText .smallText {
      font-size: 9px;
      line-height: 15px !important;
   }
}

/* Mobil cihazlar için responsive tasarım */
@media (max-width: 480px) {
   .iceCureBannerText {
      left: 10%;
      max-width: 75%;
   }

   .iceCureBannerText h4 {
      font-size: 20px;
   }

   .iceCureBannerText p {
      font-size: 11px;
   }

   .iceCureBannerText .smallText {
      font-size: 8px;
      line-height: 14px !important;
   }
}

.iceCureContentContainer {
   position: relative;
   background-color: #004F9F;
   display: flex;
   flex-direction: row;
   align-items: center;
   padding: 80px 60px;
   overflow: visible;
   border-radius: 20px;
   color: white;
   margin-bottom: 18%;
}

.iceCureContextImage {
   position: absolute;
   top: 50px;
   left: 100px;
   width: 600px;
   border-radius: 20px;
   z-index: 1;
}

.contentTextArea {
   margin-left: 44%;
   z-index: 2;
   max-width: 31%;
}

.contentTextArea h3 {
   font-size: 28px;
   margin-bottom: 20px;
   color: white;
}

.contentTextArea .contentFirst {
   font-size: 15px;
   line-height: 1.6;
   color: white;
}

.contentTextArea .contentSecond {
   font-size: 16px;
   line-height: 1.6;
   color: white;
}

@media (max-width: 1651px) {
   .contentTextArea {
      margin-left: 52%;
      z-index: 2;
      max-width: 37%;
   }
}
@media (max-width: 1435px) {
   .contentTextArea {
      margin-left: 53%;
      z-index: 2;
      max-width: 35%;
   }
}
@media (max-width: 1357px) {
   .iceCureContextImage {
      width: 40%;
   }
}
@media (max-width: 1345px) {
   .iceCureContentContainer {
      margin-bottom: 14%;
   }
}
@media (max-width: 1300px) {
   .iceCureContentContainer {
      margin-bottom: 10%;
   }
}
@media (max-width: 1080px) {
   .iceCureContentContainer {
      flex-direction: column;
      align-items: center;
      padding: 60px 40px;
      margin-bottom: 10%;
   }

   .iceCureContextImage {
      position: relative;
      top: 0;
      left: 0;
      width: unset;
      height: 50vh;
      object-fit: contain;
      max-width: 500px;
      margin-bottom: 40px;
      border-radius: 20px;

   }

   .contentTextArea {
      margin-left: 0;
      max-width: 100%;
   }
}

/* Mobil cihazlar için responsive tasarım */
@media (max-width: 768px) {
   .iceCureContentContainer {
      flex-direction: column;
      align-items: center;
      padding: 40px;
   }

   .iceCureContextImage {
      position: relative;
      top: 0;
      left: 0;
      width: unset;
      height: auto;
      max-height: 40vh;
      object-fit: contain;
      max-width: 100%;
      margin-bottom: 30px;
      border-radius: 15px;
   }
   .contentTextArea h3 {
      font-size: 20px;
   }

   .contentTextArea .contentFirst,
   .contentTextArea .contentSecond {
      font-size: 13px;
   }
}
@media (max-width: 560px) {
   .iceCureContentContainer {
      padding: 30px;
   }

   .iceCureContextImage {
      max-height: 30vh;
      margin-bottom: 20px;
      border-radius: 10px;
   }

   .contentTextArea h3 {
      font-size: 18px;
   }

   .contentTextArea .contentFirst,
   .contentTextArea .contentSecond {
      font-size: 12px;
   }
}

@media (max-width: 470px) {
 .rf-button span{
    font-size: 16px !important;
 }
   .modal-content {
      width: 100%;
   }
   .modal .modalHeader {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-left: 15px;
      padding-right: 15px;
   }
}
@media (max-width: 420px) {
   .igeaContentArea {
      padding: 0;
      border-radius: 30px;
      margin-top: 50px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: column;
   }
   .carousel-control-prev, .carousel-control-next {
      padding: 7px;
      top: 37%;
   }
   .carousel-control-next {
      right: 0;
   }
   .carousel-control-prev {
      left: 0;
   }
}
.iceCureSecondContent {
   display: flex;
   justify-content: space-evenly;
   align-items: center;
   width: 90%;
   margin: 0 auto;
}

.iceCureSecondContent .iceCureSecondLeft {
   max-width: 50%;
}

.iceCureSecondContent .iceCureSecondLeft h2 {
   margin-bottom: 20px;
   font-size: 34px;
}


.iceCureSecondContent .iceCureSecondLeft p {
   font-size: 18px;
   color: black;
   line-height: 32px;
}


.iceCureSecondContent .iceCureSecondLeft h6 {
   font-size: 22px;
   color: black;
   font-weight: 600;
   margin-bottom: 20px;
   margin-top: 40px;
}


.iceCureSecondContent .iceCureSecondLeft ul {
   list-style-type: disc;
   padding-left: 40px;
}

.iceCureSecondContent .iceCureSecondLeft ul li {
   color: black;
   font-size: 18px;
   line-height: 32px;
   margin-bottom: 10px;
}


.iceCureSecondContent .iceCureSecondRight {
   display: flex;
   flex-direction: column;
   gap: 80px;
}

.iceCureSecondContent .iceCureSecondRight img {
   border-radius: 30px;
}

@media (max-width: 1080px) {
   .iceCureSecondContent {
      flex-direction: column;
      align-items: center;
   }

   .iceCureSecondContent .iceCureSecondLeft {
      max-width: 100%;
      margin-bottom: 40px;
   }

   .iceCureSecondContent .iceCureSecondRight {
      flex-direction: row;
      gap: 40px;
   }
}
@media (max-width: 768px) {
   .iceCureSecondContent .iceCureSecondRight {
      flex-direction: column;
      gap: 20px;
   }

   .iceCureSecondContent .iceCureSecondRight img {
      width: 100%;
      max-width: 400px;
   }
}

@media (max-width: 560px) {
   .iceCureSecondContent {
      padding-left: 15px;
      padding-right: 15px;
   }
   .iceCureSecondContent .iceCureSecondLeft h2 {
      font-size: 28px;
   }

   .iceCureSecondContent .iceCureSecondLeft p,
   .iceCureSecondContent .iceCureSecondLeft ul li {
      font-size: 16px;
      line-height: 28px;
   }

   .iceCureSecondContent .iceCureSecondLeft h6 {
      font-size: 20px;
   }
}




.iceCureThirtyContent {
   background-color: #004F9F;
   margin-top: 150px;
   position: relative;
   padding:100px 15px ;
   margin-bottom: 200px;
}

.iceCureThirtyContent h2 {
   color: white;
   text-align: center;
   margin-bottom: 100px;
}

.iceCureThirtyContent .iconArea .iconTop {
   display: flex;
   justify-content: center;
}

.iceCureThirtyContent .iconArea .iconTop .iconImgArea {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 25%;
   margin: 30px;
}

.iceCureThirtyContent .iconArea .iconTop .iconImgArea h5 {
   color: white;
   font-size: 22px;
   margin-top: 30px;
   margin-bottom: 20px;
}

.iceCureThirtyContent .iconArea .iconTop .iconImgArea p {
   /* width: 80%; */
   color: white;
   text-align: center;
   font-size: 18px;
   line-height: 30px;
}
.iceCureThirtyContent .iconArea .iconBottom {
   display: flex;
   justify-content: center;
}

.iceCureThirtyContent .iconArea .iconBottom .iconImgArea {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 25%;
   margin: 30px;
}

.iceCureThirtyContent .iconArea .iconBottom .iconImgArea h5 {
   color: white;
   font-size: 22px;
   margin-top: 30px;
   margin-bottom: 20px;
}

.iceCureThirtyContent .iconArea .iconBottom .iconImgArea p {
   /* width: 80%; */
   color: white;
   text-align: center;
   font-size: 18px;
   line-height: 30px;
}

@media (max-width: 765px) {
   .iceCureThirtyContent {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding:  50px 10px;
   }

   .iceCureThirtyContent h2 {
      font-size: 24px;
      margin-bottom: 50px;
   }

   .iceCureThirtyContent .iconArea .iconTop,
   .iceCureThirtyContent .iconArea .iconBottom {
      flex-direction: column;
      align-items: center;   }

   .iceCureThirtyContent .iconArea .iconTop .iconImgArea,
   .iceCureThirtyContent .iconArea .iconBottom .iconImgArea {
      width: 50%;
      margin: 15px 0;
      padding: 0 10px;
      box-sizing: border-box;
   }

   .iceCureThirtyContent .iconArea .iconImgArea h5 {
      font-size: 20px;
   }

   .iceCureThirtyContent .iconArea .iconImgArea p {
      font-size: 16px;
      line-height: 24px;
   }

   .thirtyContent {
      flex-direction: column;
      width: 100%;
      gap: 50px;
   }

   .thirtyContent .textArea {
      max-width: 100%;
   }

   .thirtyContent .textArea h1 {
      font-size: 24px;
   }

   .thirtyContent .textArea p {
      font-size: 14px;
      line-height: 24px;
   }
}
.thirtyContent {
   display: flex;
   width: 85%;
   justify-content: center;
   gap: 100px;
   margin: 100px auto 0 auto;
   height: 250px;
}

.thirtyContent .textArea {
   width: 100%;
   max-width: 50%;
}

.thirtyContent .textArea h1 {
   color: white;
}


.thirtyContent .textArea p {
   color: white;
   font-size: 16px;
   font-weight: 600;
   line-height: 32px;
}


.video-cover {
   width: 100%;
   max-width: 720px;
   aspect-ratio: 16 / 9;
   height: 600px;
   border-radius: 20px;
   overflow: hidden;
   cursor: pointer;
   position: relative;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
   background-color: #000;
}

.video-cover img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}



.thirtyContent .video-cover:hover {
   cursor: pointer;
}

@media (max-width: 1024px) {
   .video-cover {
      width: 100%;
   }
}

/* Büyük mobil cihazlar için (481px - 767px arası) */
@media (max-width: 767px) {
   .video-cover {
      max-width: 100%;
      height: auto;
      overflow: hidden;
      border-radius: 15px; /* Daha küçük border-radius */
   }
}

/* Küçük mobil cihazlar için (480px ve altı) */
@media (max-width: 480px) {
   .video-cover {
      max-width: 100%;
      height: auto;
      overflow: hidden;
      border-radius: 10px; /* En küçük border-radius */
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); /* Daha hafif gölge */
   }
}
@media (max-width: 1131px) {
   .thirtyContent {
      flex-direction: column;
      align-items: center;
      height: auto; /* Küçük ekranlarda sabit yüksekliği kaldır */
   }
   .fourtyContent {
      padding-top: 0 !important; /* 1131px ve altında padding-top'u 0 yap */
   }

   .thirtyContent .textArea {
      width: 100%;
      margin: 40px 0 ;
   }

   .thirtyContent .video-cover {
      width: 100%;
   }

   .thirtyContent .textArea h1 {
      text-align: center;
   }

   .thirtyContent .textArea p {
      text-align: center;
   }
}

@media (max-width: 768px) {
   .thirtyContent {
      flex-direction: column;
      align-items: center;
   }
   .fourtyContent {
      padding-top: 0 !important; /* 1131px ve altında padding-top'u 0 yap */
   }
   .thirtyContent .textArea {
      width: 100%;
      margin: 100px 0 ;
   }
   .thirtyContent .textArea h1 {
      font-size: 24px;
   }

   .thirtyContent .textArea p {
      font-size: 16px;
   }

   .video-cover img {
      width: 100%;
      height: -webkit-fill-available;
   }
}

@media (max-width: 480px) {
   .thirtyContent {
      flex-direction: column;
      align-items: center;
   }
   .fourtyContent {
      padding-top: 0 !important; /* 1131px ve altında padding-top'u 0 yap */
   }
   .thirtyContent .textArea {
      width: 100%;
      margin: 40px 0 ;
   }
   .thirtyContent .textArea h1 {
      font-size: 20px;
   }

   .thirtyContent .textArea p {
      font-size: 14px;
   }
}



.modal-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.8);
   display: none;
   justify-content: center;
   align-items: center;
   z-index: 9999;
}

.modal-content {
   position: relative;
   background: white;
   padding: 20px;
   border-radius: 10px;
   width: 80%;
   max-width: 800px;
}
.close-modal {
   position: absolute;
   top: 10px;
   right: 15px;
   color: #fff;
   font-size: 28px;
   cursor: pointer;
}


.fourtyContent {
   padding-top: 200px;
}

.fourtyContent h2 {
   text-align: center;
   margin-bottom: 100px;
}


.fourtyContent .profileCard {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-decoration: none;
   cursor: pointer;
   transition: all 0.3s ease;
}

.fourtyContent .profileCard:visited,
.fourtyContent .profileCard:link {
   color: inherit;
}

.avatarWrapper {
   width: 250px;
   height: 250px;
   border-radius: 50%;
   overflow: hidden;
   transition: transform 0.4s ease;
   will-change: transform;
   margin-bottom: 30px;
}

.avatarWrapper img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}

.profileCard:hover .avatarWrapper {
   transform: scale(1.2);
}

.nameAndArrow {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-top: 12px;
   position: relative;
   transition: all 0.4s ease;
}

.name {
   font-size: 18px;
   font-weight: 500;
   transition: color 0.3s ease;
   margin-right: 10px;
   color: black;
}

.arrowCircle {
   width: 36px;
   height: 36px;
   background-color: #004F9F;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: transform 0.4s ease, background-color 0.3s ease;
   overflow: hidden;
}

.arrow {
   color: white;
   font-size: 18px;
   display: inline-block;
   transition: transform 0.4s ease;
   margin-top: 5px;
}


.profileCard:hover .arrowCircle {
   transform: translateX(5px);
   background-color: #003b76;
}


.clinicalArea {
   display: flex;
   justify-content: space-evenly;
}
.clinicalArea {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 30px;
   padding: 0 20px;
}

.fourtyContent .profileCard {
   width: calc(25% - 22.5px);
   margin-bottom: 30px;
}

@media (max-width: 1080px) {
   .fourtyContent .profileCard {
      width: calc(50% - 15px);
   }
}

@media (max-width: 768px) {
   .fourtyContent .profileCard {
      width: 100%;
      max-width: 300px;
      margin-left: auto;
      margin-right: auto;
   }

   .clinicalArea {
      justify-content: center;
   }

   .avatarWrapper {
      width: 200px;
      height: 200px;
   }
}

@media (max-width: 480px) {
   .avatarWrapper {
      width: 180px;
      height: 180px;
   }

   .name {
      font-size: 16px;
   }
}
@media (max-width: 470px) {
   .modal-content {
      width: 100%;
   }
}