@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Top Bar
	3.2 Header Content
	3.3 Logo
4. Menu
5. Home
6. Boxes
7. About
8. Departments
9. Services
10. CTA
11. Footer



******************************/

/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

/*********************************
2. Body and some general stuff
*********************************/

* {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
body {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 500;
  background: #ffffff;
  color: #696969;
}
div {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ul {
  list-style: none;
  margin-bottom: 0px;
}
p {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  line-height: 2;
  font-weight: 500;
  color: #696969;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
p:last-of-type {
  margin-bottom: 0;
}
a {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
a,
a:hover,
a:visited,
a:active,
a:link {
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
a:hover {
  color: #20d34a !important;
}
::selection {
  color: #20d34a;
}
p::selection {
}
h1 {
  font-size: 48px;
}
h2 {
  font-size: 36px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection {
}
.form-control {
  color: #db5246;
}
section {
  display: block;
  position: relative;
  box-sizing: border-box;
}
.clear {
  clear: both;
}
.clearfix::before,
.clearfix::after {
  content: '';
  display: table;
}
.clearfix::after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.float_left {
  float: left;
}
.float_right {
  float: right;
}
.trans_200 {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.trans_300 {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.trans_400 {
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
.trans_500 {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.fill_height {
  height: 100%;
}
.super_container {
  width: 100%;
  overflow: hidden;
}
.prlx_parent {
  overflow: hidden;
}
.prlx {
  height: 130% !important;
}
.parallax-window {
  min-height: 400px;
  background: transparent;
}
.nopadding {
  padding: 0px !important;
}
.button {
  display: inline-block;
  height: 51px;
  background: #283290;
}
.button::after {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #20d34a;
  content: '';
  z-index: 0;
  -webkit-transition: all 400ms cubic-bezier(0.33, 0.68, 0.59, 0.99);
  -moz-transition: all 400ms cubic-bezier(0.33, 0.68, 0.59, 0.99);
  -ms-transition: all 400ms cubic-bezier(0.33, 0.68, 0.59, 0.99);
  -o-transition: all 400ms cubic-bezier(0.33, 0.68, 0.59, 0.99);
  transition: all 400ms cubic-bezier(0.33, 0.68, 0.59, 0.99);
}
.button a {
  display: block;
  position: relative;
  line-height: 51px;
  font-size: 14px;
  font-weight: 900;
  color: #ffffff;
  padding-left: 39px;
  padding-right: 45px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  z-index: 10;
}
.button:hover::after {
  height: 100%;
}
.button:hover a {
  color: #ffffff !important;
}
.section_title {
  padding-top: 17px;
}
.section_title h2 {
  font-size: 30px;
  font-weight: 500;
  color: #232323;
}
.section_title::before {
  display: block;
  position: absolute;
  left: 1px;
  top: 0;
  width: 54px;
  height: 3px;
  background: #20d34a;
  content: '';
}
.section_title_light h2 {
  color: #ffffff;
}

/*********************************
3. Header
*********************************/

.header {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  z-index: 100;
}
.header.scrolled {
  top: -48px;
}

/*********************************
3.1 Top Bar
*********************************/

.top_bar {
  width: 100%;
  background: #283290;
}
.top_bar_content {
  width: 100%;
  height: 48px;
  padding-left: 214px;
}
.top_bar_item {
  margin-left: 33px;
}
.top_bar_item a {
  font-size: 14px;
  color: #ffffff;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.top_bar_item:first-child {
  margin-left: 37px;
}
.emergencies {
  height: 100%;
  background: #ff0030;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  padding-left: 38px;
  padding-right: 38px;
}

.emergencies a {
  color: #ffffff;
}

/*********************************
3.2 Header Content
*********************************/

.header_container {
  width: 100%;
  background: #ffffff;
}
.header_content {
  width: 100%;
  height: 103px;
}
.header.scrolled .header_content {
  height: 80px;
}
.main_nav ul li {
  display: inline-block;
}
.main_nav .main_nav-list .main_nav-item:not(:first-child) {
  margin-left: 32px;
}
.main_nav ul li a {
  font-size: 16px;
  font-weight: 500;
  color: #323232;
}
.hamburger {
  display: none;
  cursor: pointer;
}
.hamburger i {
  font-size: 24px;
  color: #272727;
}

/*********************************
3.3 Logo
*********************************/

.logo_container_outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.logo_container {
  position: absolute;
  top: 0;
  left: 15px;
  width: 216px;
  height: 177px;
  background: #ffffff;
  box-shadow: 0px 31px 29px rgba(0, 0, 0, 0.09);
  z-index: 10;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.header.scrolled .logo_container {
  top: 48px;
  height: 120px;
}
.logo_container a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.logo_content {
  width: 100%;
  height: 100%;
  padding-left: 36px;
  padding: 0 20px;
}
.logo_line {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #20d34a;
}
.logo {
  margin-top: 27px;
}
.logo span {
  color: #20d34a;
}
.logo_container a .logo:hover {
  color: #283290;
}
.logo_text {
  font-size: 30px;
  /* font-size: 28px; */

  font-weight: 500;
  color: #283290;
  line-height: 0.75;
}
.logo_box {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: #20d34a;
  color: #ffffff;
  font-size: 24px;
  line-height: 23px;
  text-align: center;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
  margin-left: 1px;
}
.logo_sub {
  font-size: 14px;
  font-weight: 400;
  color: #8f8e8e;
  padding-left: 3px;
  margin-top: 2px;
  text-align: center;
}

/*********************************
4. Menu
*********************************/

.menu_container {
  position: fixed;
  top: 0;
  right: -50vw;
  width: 60vw;
  height: 100vh;
  background: #ffffff;
  z-index: 101;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  visibility: hidden;
  opacity: 0;
}
.menu_container.active {
  visibility: visible;
  opacity: 1;
  right: 0;
}
.menu {
  position: absolute;
  top: 150px;
  left: 0;
  padding-left: 15%;
  padding-left: 10%;
}
.menu_inner {
  width: 100%;
  height: 100%;
}
.menu_list {
  -webkit-transform: translateY(1.5rem);
  -moz-transform: translateY(1.5rem);
  -ms-transform: translateY(1.5rem);
  -o-transform: translateY(1.5rem);
  transform: translateY(1.5rem);
  -webkit-transition: all 1000ms 400ms ease;
  -moz-transition: all 1000ms 400ms ease;
  -ms-transition: all 1000ms 400ms ease;
  -o-transition: all 1000ms 400ms ease;
  transition: all 1000ms 400ms ease;
  opacity: 0;
}
.menu_container.active .menu_list {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
}
.menu_item {
  margin-bottom: 5px;
}
.menu_item a {
  font-family: 'Roboto', sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: #272727;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.menu_item a .fa-chevron-down {
  position: relative;
  top: -5px;
  font-size: 20px;
}

.menu_item a:hover {
  color: #ffb606;
}
.menu_close_container {
  position: absolute;
  top: 86px;
  right: 79px;
  width: 21px;
  height: 21px;
  cursor: pointer;
  z-index: 10;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menu_close {
  top: 9px;
  width: 21px;
  height: 3px;
  background: #3a3a3a;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.menu_close::after {
  display: block;
  position: absolute;
  top: -9px;
  left: 9px;
  content: '';
  width: 3px;
  height: 21px;
  background: #3a3a3a;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.menu_close_container:hover .menu_close,
.menu_close_container:hover .menu_close::after {
  background: #20d34a;
}
.menu_extra {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-left: 15%;
  padding-bottom: 25px;
}
.menu_extra .menu_appointment a {
  font-size: 13px;
  color: #283290;
}
.menu_emergencies {
  font-size: 13px;
  color: #272727;
}
.menu_mm .dropdown ul,
.main_nav .dropdown ul {
  display: block;
  position: absolute;
  /* left: 28px; */
  /* right: 0px; */
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 4px;
}
.main_nav .dropdown-services ul {
  left: -80%;
}
.main_nav .dropdown-doctors ul {
  left: -160%;
}

.menu_mm .dropdown ul li,
.main_nav .dropdown ul li {
  width: 200px;
  text-indent: -10px;
  margin-left: 10px;
}

.menu_mm .dropdown-about ul li,
.main_nav .dropdown-about ul li {
  width: 200px;
  text-indent: -10px;
  margin-left: 10px;
}

.menu_mm .dropdown-services ul li,
.main_nav .dropdown-services ul li {
  width: 290px;
  text-indent: -10px;
  margin-left: 10px;
}

.menu_mm .dropdown-doctors ul li,
.main_nav .dropdown-doctors ul li {
  width: 290px;
  text-indent: -10px;
  margin-left: 10px;
}

.menu_mm .dropdown ul a,
.main_nav .dropdown ul a {
  padding: 10px 10px;
  /* padding: 10px 0; */
  font-size: 15px;
  text-transform: none;
  font-weight: 600;
  word-break: break-all;
}

.menu_mm .dropdown:hover > ul,
.main_nav .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

@media (max-width: 576px) {
  .menu_item a .fa-chevron-down {
    position: relative;
    top: -5px;
    font-size: 10px;
  }
}

@media (max-width: 340px) {
  .menu {
    padding-left: 7%;
  }
}

@media (max-width: 330px) {
  .menu {
    padding-left: 4%;
  }
}

/*********************************
5. Home
*********************************/

.home {
  width: 100%;
  height: 900px;
}
.home_slider_container {
  width: 100%;
  height: 100%;
}
.home_slider_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.home_slider_progress {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0;
  max-width: 100%;
  height: 2px;
  background: #20d34a;
  z-index: 1;
}
.home_content {
  position: absolute;
  top: 39.8%;
  left: 0;
  width: 100%;
}
.home_content_inner {
  /* width: 550px; */
}
.home_title h1 {
  font-size: 50px;
  font-weight: 900;
  color: #272727;
  line-height: 1.0398;
  word-break: break-word;
}
.home_text {
  /* max-width: 800px; */

  padding-right: 20px;
  margin-top: 10px;
  padding-left: 3px;
  padding: 10px;
}
.home_text::before {
  content: '';

  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(240, 236, 236, 0.8);
  z-index: 1;
}
.home_text p {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: #747474;
  color: #000;
  line-height: 1.75;
  word-break: break-word;
  z-index: 20;
  white-space: pre-line;
}
.home_button {
  margin-top: 34px;
  margin-left: 3px;
}

/*********************************
6. Boxes
*********************************/

.boxes {
  width: 100%;
  background: transparent;
  z-index: 10;
  padding-bottom: 35px;
}
.box_col {
  margin-top: -59px;
}
.box {
  width: 100%;
  height: 287px;
  background: #283290;
  padding-left: 42px;
  padding-top: 29px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.box::after {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #20d34a;
  content: '';
}
.box:hover {
  box-shadow: 0px 15px 49px rgba(0, 0, 0, 0.59);
}
.box_title {
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
  margin-top: 11px;
}
.working_hours {
  padding-top: 29px;
  padding-right: 60px;
}
.working_hours_list {
  margin-top: 40px;
}
.working_hours_list ul li {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}

.working_hours_list ul li p {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  word-break: break-word;
  white-space: pre-line;
}
.working_hours_list ul li:not(:last-child) {
  margin-bottom: 15px;
}
.box_icon {
  width: 37px;
  height: 37px;
}
.box_icon img {
  max-width: 100%;
}
.box_text {
  font-size: 14px;
  line-height: 2.14;
  color: #ffffff;
  font-weight: 400;
  margin-top: 23px;
}
.box_phone {
  font-size: 30px;
  font-weight: 400;
  color: #20d34a;
  margin-top: 20px;
}
.box_phone:last-child {
  margin-top: 0;
}
.box_appointments {
  padding-right: 30px;
}

.box_appointments .box_phone a {
  color: #20d34a;
}
.box_emergency {
  padding-right: 30px;
}
.box_emergency_text {
  font-size: 14px;
  line-height: 2.14;
  color: #ffffff;
  font-weight: 400;
  margin-top: 18px;
}

.box_emergency_social ul {
  margin-right: -5px;
  margin-top: 30px;
}
.box_emergency_social ul li {
  display: inline-block;
}
.box_emergency_social ul li:not(:last-child) {
  margin-right: 19px;
}
.box_emergency_social ul li a i {
  color: #20d34a;
  padding: 5px;
  font-size: 14px;
  font-size: 30px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.box_emergency_social ul li a i:hover {
  color: #ffffff;
}

/*********************************
7. About
*********************************/

.about {
  width: 100%;
  background: #ffffff;
  padding-top: 92px;
  padding-bottom: 92px;
}
.about_text {
  margin-top: 34px;
}

.about_text p {
  white-space: pre-line;
}
.about_button {
  margin-top: 45px;
}
.about_image {
  position: absolute;
  right: 0;
  bottom: 0;
}
.about_image img {
  max-width: 100%;
}

/*********************************
8. Departments
*********************************/

.departments {
  width: 100%;
  background: transparent;
  padding-top: 75px;
  padding-bottom: 65px;
  background: url(/images/services.jpg) no-repeat;
  background-size: cover;
}
.departments_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.departments_row {
  margin-top: 79px;
}

.dept-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
.dept_col {
  margin-bottom: 30px;
}
.dept {
  width: 100%;
  display: grid;
  grid-template-rows: 1fr 300px;
}

.dep-item {
  display: grid;
  align-items: stretch;
  position: relative;
}
.dept_image {
  width: 100%;
}
.dept_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dept_content {
  padding-top: 48px;
  padding-bottom: 55px;
  background: #ffffff;
  margin-bottom: 30px;
}
.dept_content::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #20d34a;
  content: '';
}
.dept_title {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: #232323;
  word-break: break-word;
  padding: 0 10px;
}
.dept_subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #696969;
  margin-top: 5px;
  word-break: break-word;
  padding: 20px;
}
.dept_text p {
  color: #ffffff;
  -webkit-transform: translateY(-9px);
  -moz-transform: translateY(-9px);
  -ms-transform: translateY(-9px);
  -o-transform: translateY(-9px);
  transform: translateY(-9px);
}
.dept_button {
  background: #ffffff;
  margin-top: 20px;
}
.dept_button a {
  color: #272727;
}

/* .dep-item a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */

@media (max-width: 1200px) {
  .dept_image {
    width: 100%;
    height: 250px;
  }
}

@media (max-width: 992px) {
  .dept-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }

  .dept_image {
    width: 100%;
    height: 330px;
  }
}

@media (max-width: 768px) {
  .dept {
    width: 100%;
    display: grid;
  }
  .dept_image {
    width: 100%;
    height: 250px;
  }
}

@media (max-width: 575px) {
  .dept_image {
    width: 100%;
  }
}

@media (max-width: 450px) {
}

@media (max-width: 414px) {
  .dept-content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .dept_image {
    width: 100%;
    height: 300px;
  }
}

/*********************************
9. Services
*********************************/

.services {
  width: 100%;
  background: #ffffff;
  padding-top: 95px;
  padding-bottom: 65px;
}
.services_row {
  margin-top: 95px;
}

.services-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px 20px;
}

/* .server-link {
  background: #f5f7fa;
} */

.services-item {
  display: grid;
  align-items: stretch;
  background: #f5f7fa;
}
.service_col {
  margin-bottom: 30px;
}
.service {
  position: relative;
  width: 100%;
  height: 100%;
  /* background: #f5f7fa; */
  /* padding-top: 46px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 57px; */
  padding-bottom: 57px;
}

.service:hover {
  background: #283290;
}

.service::after {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #20d34a;
  content: '';
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
/* .service:hover::after {
  visibility: visible;
  opacity: 1;
} */
.service_icon {
  width: 100%;
  height: 320px;
  margin-left: auto;
  margin-right: auto;
}
.service_icon svg {
  /* width: 61px;
  height: 61px;
  width: 100%;
  height: 200px; */
}
.service_icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.svg path,
.svg rect,
.svg polygon {
  fill: #20d34a;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.service:hover .svg path,
.service:hover .svg rect,
.service:hover .svg polygon {
  fill: #ffffff;
}
.service_text {
  margin-top: 16px;
}
.service_text p {
  color: #696969;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  word-break: break-word;
  padding-left: 30px;
  padding-right: 30px;
}
.service_title {
  font-size: 20px;
  font-weight: 700;
  color: #232323;
  padding-top: 41px;
  margin-top: 26px;
  word-break: break-word;
  padding-left: 30px;
  padding-right: 30px;
}
.service_title::before {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 54px;
  height: 3px;
  background: #20d34a;
  content: '';
}
.service:hover .service_title {
  color: #ffffff;
}
.service:hover .service_text p {
  color: rgba(255, 255, 255, 0.65);
}

@media (max-width: 992px) {
  .service_icon {
    width: 100%;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 768px) {
  .service_icon {
    width: 100%;
    height: 250px;
  }

  .services-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 576px) {
  .service_icon {
    max-width: 100%;
    height: 300px;
  }

  .services-content {
    display: grid;
    grid-template-columns: 1fr;
  }

  .services-item {
    display: grid;
    margin: 0 10px;
    align-items: stretch;
  }
}

/*********************************
10. CTA
*********************************/

.cta {
  width: 100%;
  padding-top: 131px;
  padding-bottom: 116px;
}
.cta_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.cta_background::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.cta_content {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
}
.cta_content h2 {
  font-size: 48px;
  font-weight: 700;
  color: #ffffff;
  word-spacing: pre-line;
}
.cta_content p {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  margin-top: -3px;
  word-spacing: pre-line;
}
.cta_button {
  margin-top: 38px;
}

/*********************************
11. Footer
*********************************/

.footer {
  width: 100%;
}
.footer_container {
  width: 100%;
  background: #060b3a;
  padding-bottom: 77px;
}
.footer_logo_container {
  width: 100%;
  height: 157px;
  background: #ffffff;
}
.footer_logo_container::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #20d34a;
  content: '';
}
.footer_logo_container a {
  display: block;
  width: 100%;
  height: 100%;
}
.footer_logo_container .logo_content {
  display: inline-block;
  padding-left: 0;
  width: auto;
  height: auto;
}
.footer_logo_container .logo {
  margin-top: 10px;
}
.footer_about_text {
  margin-top: 36px;
}
.footer_about_text p {
  color: #b2b2b2;
}
.footer_about_list {
  margin-top: 32px;
}
.footer_about_list a {
  color: #b2b2b2;
}
.footer_about_list li:not(:last-child) {
  margin-bottom: 9px;
}
.footer_about_icon {
  display: inline-block;
  width: 31px;
  height: 31px;
  background: #20d34a;
  text-align: center;
  vertical-align: middle;
}
.footer_about_icon img {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.footer_about_list li span {
  font-size: 14px;
  font-weight: 500;
  color: #b2b2b2;
  padding-left: 10px;
}
.footer_column {
  padding-top: 138px;
}
.footer_title {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
}
.footer_links ul {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  margin-top: 35px;
}
.footer_links ul li:not(:last-child) {
  margin-bottom: 10px;
}
.footer_links ul li a {
  font-size: 14px;
  font-weight: 500;
  color: #b2b2b2;
}
.footer_news ul {
  margin-top: 35px;
}
.footer_news_title a {
  font-size: 15px;
  font-weight: 500;
  color: #b2b2b2;
}
.footer_news_date {
  font-size: 14px;
  font-weight: 500;
  color: #20d34a;
  margin-top: 7px;
}
.footer_news ul li:not(:last-child) {
  margin-bottom: 20px;
  margin-bottom: 36px;
  margin-bottom: 15px;
}
.copyright {
  width: 100%;
  background: #020523;
}
.copyright_content {
  width: 100%;
  height: 62px;
}
.cr {
  font-size: 14px;
  font-weight: 500;
  color: #97979c;
}
.footer_social ul {
  margin-right: -5px;
}
.footer_social ul li {
  display: inline-block;
}
.footer_social ul li:not(:last-child) {
  margin-right: 19px;
}
.footer_social ul li a i {
  color: #20d34a;
  padding: 5px;
  font-size: 14px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.footer_social ul li a i:hover {
  color: #ffffff;
}