/* Template: Photo Contests
   Author: Inovatik
   Created: Sep 2019
   Description: Master CSS file
*/
/*****************************************
Table Of Contents:

01. General Styles
02. Preloader
03. Navigation
04. Header
05. Services
06. Solutions
07. Details Lightbox
08. Video
09. Projects
10. Registration
11. About
12. Newsletter
13. Contact
14. Footer
15. Copyright
16. Back To Top Button
17. Extra Pages
18. Media Queries
******************************************/
/*****************************************
Colors:
- Backgrounds - light gray #f4f9ff
- Buttons, icons - blue #3881f0
- Buttons, bullets - orange $orange
- Headings, navbar links - black #333
- Body text - dark gray #555
******************************************/
/******************************/
/*     01. General Styles     */
/******************************/
body,
html {
  width: 100%;
  height: 100%;
}

body, p {
  color: #023047;
  font: 400 1rem/1.625rem "Nunito Sans", sans-serif;
}

.p-large {
  font: 400 1.125rem/1.75rem "Nunito Sans", sans-serif;
}

.p-small {
  font: 400 0.875rem/1.5rem "Nunito Sans", sans-serif;
}

h1 {
  color: #023047;
  font: 700 2.5rem/3rem "Nunito Sans", sans-serif;
}

h2 {
  color: #023047;
  font: 700 2rem/2.625rem "Nunito Sans", sans-serif;
}

h3 {
  color: #023047;
  font: 600 1.625rem/2.125rem "Nunito Sans", sans-serif;
}

h4 {
  color: #023047;
  font: 600 1.375rem/1.875rem "Nunito Sans", sans-serif;
}

h5 {
  color: #023047;
  font: 600 1.125rem/1.75rem "Nunito Sans", sans-serif;
}

h6 {
  color: #023047;
  font: 600 1rem/1.625rem "Nunito Sans", sans-serif;
}

.testimonial-text {
  font: italic 400 1rem/1.625rem "Nunito Sans", sans-serif;
}

.testimonial-author {
  color: #023047;
  font: 600 1rem/1.625rem "Nunito Sans", sans-serif;
}

b,
strong {
  font-weight: 600;
}

.p-heading {
  font: 400 2.125rem/1.75rem "Nunito Sans", sans-serif;
}

.divider-heading {
  display: block;
  width: 5.75rem;
  height: 0.75rem;
  margin-right: auto;
  margin-left: auto;
}

.li-space-lg li {
  margin-bottom: 0.375rem;
}

.indent {
  padding-left: 1.25rem;
}

a {
  color: #555;
  text-decoration: underline;
}

a:hover {
  color: #555;
  text-decoration: underline;
}

a.white {
  color: #fff;
}

a.blue {
  color: #3881f0;
}

.frame-decorative {
  width: 100%;
  position: relative;
  height: 3rem;
  z-index: 1;
}

.font-weight-bold {
  font-weight: 800 !important;
}

.letter-spacing {
  letter-spacing: -0.4px;
}

.hr, .lightbox-basic hr {
  width: 2.5rem;
  height: 0.125rem;
  margin-top: 0;
  margin-bottom: 0.875rem;
  margin-left: 0;
  border: 0;
  background-color: #FFB703;
  text-align: left;
}

.btn-solid-reg {
  display: inline-block;
  padding: 0.8rem 1.5rem;
  border: 0.125rem solid #023047;
  border-radius: 2rem;
  background-color: #023047;
  color: #fff;
  font: 700 1.1rem/normal "Nunito Sans", sans-serif;
  text-decoration: none;
  transition: all 0.2s;
}
.btn-solid-reg:hover {
  background-color: transparent;
  color: #023047;
  text-decoration: none;
  border-color: #023047;
}
.btn-solid-reg:active {
  border-color: #023047;
  background-color: #023047;
}
.btn-solid-reg:focus {
  color: #fff;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.form-group {
  position: relative;
  margin-bottom: 1.25rem;
}

.form-group.has-error.has-danger {
  margin-bottom: 0.625rem;
}

.form-group.has-error.has-danger .help-block.with-errors ul {
  margin-top: 0.375rem;
}

.label-control {
  position: absolute;
  top: 0.87rem;
  left: 1.375rem;
  color: #555;
  opacity: 1;
  font: 400 0.875rem/1.375rem "Nunito Sans", sans-serif;
  cursor: text;
  transition: all 0.2s ease;
}

/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .label-control {
    top: 0.9375rem;
  }
}
.form-control-input:focus + .label-control,
.form-control-input.notEmpty + .label-control,
.form-control-textarea:focus + .label-control,
.form-control-textarea.notEmpty + .label-control {
  top: 0.125rem;
  opacity: 1;
  font-size: 0.75rem;
  font-weight: 700;
}

.form-control-input,
.form-control-select {
  display: block; /* needed for proper display of the label in Firefox, IE, Edge */
  width: 100%;
  padding-top: 1.0625rem;
  padding-bottom: 0.0625rem;
  padding-left: 1.3125rem;
  border: 1px solid #c4d8dc;
  border-radius: 0.25rem;
  background-color: #fff;
  color: #555;
  font: 400 0.875rem/1.875rem "Nunito Sans", sans-serif;
  transition: all 0.2s;
  -webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */
}

.form-control-input[type=date] {
  padding-right: 1.3125rem;
}
.form-control-input[type=date] + .label-control {
  top: 0.125rem;
  opacity: 1;
  font-size: 0.75rem;
  font-weight: 700;
}

.form-control-select {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  height: 3rem;
}

/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .form-control-input {
    padding-top: 1.25rem;
    padding-bottom: 0.75rem;
    line-height: 1.75rem;
  }
  .form-control-select {
    padding-top: 0.875rem;
    padding-bottom: 0.75rem;
    height: 3.125rem;
    line-height: 2.125rem;
  }
}
select {
  /* you should keep these first rules in place to maintain cross-browser behavior */
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-image: url("../images/down-arrow.png");
  background-position: 96% 50%;
  background-repeat: no-repeat;
  outline: none;
}

select::-ms-expand {
  display: none; /* removes the ugly default down arrow on select form field in IE11 */
}

.form-control-textarea {
  display: block; /* used to eliminate a bottom gap difference between Chrome and IE/FF */
  width: 100%;
  height: 8rem; /* used instead of html rows to normalize height between Chrome and IE/FF */
  padding-top: 1.25rem;
  padding-left: 1.3125rem;
  border: 1px solid #c4d8dc;
  border-radius: 0.25rem;
  background-color: #fff;
  color: #555;
  font: 400 0.875rem/1.75rem "Nunito Sans", sans-serif;
  transition: all 0.2s;
}

.form-control-input:focus,
.form-control-select:focus,
.form-control-textarea:focus {
  border: 1px solid #a1a1a1;
  outline: none; /* Removes blue border on focus */
}

.form-control-input:hover,
.form-control-select:hover,
.form-control-textarea:hover {
  border: 1px solid #a1a1a1;
}

.checkbox {
  font-size: 0.75rem;
  line-height: 1.25rem;
}

input[type=checkbox] {
  vertical-align: -15%;
  margin-right: 0.375rem;
}

/* Form Success And Error Message Animation - Animate.css */
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* end of form success and error message animation - Animate.css */
/* Fade-move Animation For Details Lightbox - Magnific Popup */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
  -ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
  transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0) perspective(37.5rem) rotateX(0);
  -ms-transform: translateY(0) perspective(37.5rem) rotateX(0);
  transform: translateY(0) perspective(37.5rem) rotateX(0);
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  -webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
  -ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
  transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
}

/* dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  transition: opacity 0.2s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}

/* end of fade-move animation for details lightbox - magnific popup */
/* Fade Animation For Image Lightbox - Magnific Popup */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation: fadeIn 0.6s;
  animation: fadeIn 0.6s;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation: fadeOut 0.8s;
  animation: fadeOut 0.8s;
}

/* end of fade animation for details lightbox - magnific popup */
/*************************/
/*     02. Preloader     */
/*************************/
.spinner-wrapper {
  position: fixed;
  z-index: 999999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
}

.spinner {
  position: absolute;
  top: 50%; /* centers the loading animation vertically one the screen */
  left: 50%; /* centers the loading animation horizontally one the screen */
  width: 3.75rem;
  height: 1.25rem;
  margin: -0.625rem 0 0 -1.875rem; /* is width and height divided by two */
  text-align: center;
}

.spinner > div {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background-color: #3881f0;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
/*********************/
/*    03. Header     */
/*********************/
.header {
  position: relative;
  overflow: hidden;
  background: #F4FAFD;
}
.header h1 {
  font: 900 2rem/2.625rem "Nunito Sans", sans-serif;
  text-transform: uppercase;
}
.header .bg-gradient {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 16rem;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); /* Chrome 10+, Saf5.1+ */
  background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); /* FF3.6+ */
  background: -ms-linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); /* IE10 */
  background: -o-linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); /* Opera 11.10+ */
  background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); /* W3C */
}
.header .bg-gradient:after, .header .bg-gradient:before {
  display: block;
  content: "";
  height: 30rem;
  width: 100%;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); /* Chrome 10+, Saf5.1+ */
  background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); /* FF3.6+ */
  background: -ms-linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); /* IE10 */
  background: -o-linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); /* Opera 11.10+ */
  background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); /* W3C */
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.header .bg-gradient:after {
  bottom: 10rem;
  height: 14rem;
}
.header .header-content {
  text-align: center;
  padding-top: 5rem;
  padding-bottom: 3rem;
  min-height: auto;
  position: relative;
  z-index: 1;
}
.header .header-content-inner {
  align-items: flex-end;
}
.header .header-content-prap {
  position: relative;
  z-index: 1;
}
.header .header-content.bg-circle:after {
  bottom: -2rem;
}
.header .desc {
  margin-bottom: 2rem;
}

/************************/
/*     04. Doctor     */
/************************/
.doctors {
  background: #f4f9ff;
  padding-top: 9rem;
  margin-top: -5rem;
}
.doctors > .container {
  position: relative;
  z-index: 2;
  padding: 0;
}
.doctors.bg-circle:before {
  width: 24rem;
  height: 24rem;
}
.doctors.bg-circle:after {
  bottom: 0;
  z-index: 1;
  width: 20rem;
  height: 20rem;
}
.doctors .card {
  background: #f4f9ff;
}
.doctors .text-container {
  margin-top: 2rem;
  margin-bottom: 3rem;
  text-align: center;
}
.doctors .image-wrapper {
  overflow: hidden;
  margin-bottom: 1.375rem;
  border-radius: 50%;
}
.doctors .image-wrapper img {
  margin: 0;
  border-radius: 50%;
  transition: all 0.3s;
  width: 70%;
}
.doctors .team-member {
  max-width: 17rem;
  margin-right: auto;
  margin-left: auto;
  background: #fff;
  padding: 1rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.doctors .team-member .name {
  margin-bottom: 0.125rem;
  color: #023047;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.625rem;
}
.doctors .team-member .occupation {
  margin-bottom: 0.375rem;
}
.doctors .team-member:hover .image-wrapper img {
  -moz-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

/********************************/
/*     05. Services     */
/********************************/
.services {
  padding: 5rem 0 2rem;
}
.services .card {
  flex-direction: row;
  padding: 1rem;
  margin-bottom: 1rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  text-decoration: none;
  transition: all 0.1s ease-in-out;
}
.services .card:hover, .services .card:active {
  background: #f5f5f5;
}
.services .card-image {
  flex-grow: 1;
}
.services .card-image img {
  max-width: 100%;
}
.services .card-body {
  padding-top: 0;
  padding-bottom: 0;
}
.services .card-title {
  margin-bottom: 0.2rem;
}
.services .card-label-inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  border-radius: 5rem;
  border: 1px solid #D5DCE3;
  padding: 0 0.8rem;
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.services .card-label-inner .fa-mars, .services .card-label-inner .fa-venus {
  font-size: 1.2rem;
  display: inline-block;
  margin-right: 0.5rem;
}
.services .card-label-inner .fa-mars {
  color: #62DBFB;
}
.services .card-label-inner .fa-venus {
  color: #FE7AB6;
}
.services .card-desc {
  font-size: 0.875rem;
  line-height: normal;
  margin-bottom: 0.4rem;
}
.services .card .arrow {
  align-self: center;
}
.services .card .arrow .fa {
  font-size: 1.3rem;
  color: #023047;
}

/*************************/
/*     06. Home care     */
/*************************/
.homecare {
  text-align: center;
  padding-top: 8rem;
  padding-bottom: 7.25rem;
  margin-top: -3rem;
  background: #F4FAFD;
}
.homecare.bg-circle:before {
  width: 20rem;
  height: 20rem;
  top: 0;
}
.homecare.bg-circle:after {
  bottom: 0;
  z-index: 1;
  width: 20rem;
  height: 20rem;
}
.homecare .card {
  text-align: left;
  padding: 1rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  position: relative;
  z-index: 2;
}
.homecare .card-image {
  margin-left: 0;
}
.homecare .nav-tabs {
  display: block;
  margin-bottom: 3rem;
  border-bottom: none;
}
.homecare .nav-link {
  margin-bottom: 0.875rem;
  padding: 0.5rem 1rem 0.5rem 1rem;
  border: none;
  border-bottom: 0.125rem solid #dde2e9;
  color: #a6b3c4;
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 2.125rem;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s ease;
}
.homecare .nav-link:hover, .homecare .nav-link.active {
  border-bottom: 0.125rem solid #FFB703;
  color: #023047;
}
.homecare .image-container {
  margin-bottom: 2.75rem;
}
.homecare .list-unstyled .fas {
  color: #FFB703;
  font-size: 0.5rem;
  line-height: 1.5rem;
}
.homecare .list-unstyled .media-body {
  margin-left: 0.625rem;
}
.homecare #icon-1 h3 {
  margin-bottom: 1rem;
}
.homecare #icon-1 .list-unstyled {
  margin-bottom: 1.5rem;
}
.homecare #icon-2 h3 {
  margin-bottom: 1rem;
}
.homecare #icon-2 .list-unstyled {
  margin-bottom: 1.5rem;
}
.homecare #icon-3 h3 {
  margin-bottom: 1rem;
}
.homecare #icon-3 .list-unstyled {
  margin-bottom: 1.5rem;
}
.homecare #icon-4 h3 {
  margin-bottom: 1rem;
}
.homecare #icon-4 .list-unstyled {
  margin-bottom: 1.5rem;
}
.homecare #icon-4 .list-unstyled .fas {
  color: #8ECAE6;
  font-size: 0.5rem;
  line-height: 1.5rem;
}
.homecare #icon-4 .list-unstyled .media-body {
  margin-left: 0.625rem;
}

/********************************/
/*     07. Details Lightbox     */
/********************************/
.lightbox-basic {
  margin: 2.5rem auto;
  padding: 2rem 1.5rem 2rem 1.5rem;
  border-radius: 0.25rem;
  background: #fff;
  text-align: left;
}
.lightbox-basic .container {
  padding-right: 0;
  padding-left: 0;
}
.lightbox-basic .btn-sticky {
  background: #fff;
  border-top: 1px solid #D5DCE3;
}
.lightbox-basic .image-container {
  margin-bottom: 2.2rem;
}
.lightbox-basic h3 {
  margin-bottom: 0.5rem;
}
.lightbox-basic .list-unstyled .fas {
  color: #FFB703;
  font-size: 0.5rem;
  line-height: 1.5rem;
}
.lightbox-basic .list-unstyled .media-body {
  margin-left: 1.15rem;
}
.lightbox-basic .btn-solid-reg {
  margin-top: 0.75rem;
}

/* Signup Button */
.lightbox-basic .btn-solid-reg.mfp-close {
  position: relative;
  width: auto;
  height: auto;
  color: #fff;
  opacity: 1;
}

.lightbox-basic .btn-solid-reg.mfp-close:hover {
  color: #8ECAE6;
}

/* end of signup Button */
/* Back Button */
.lightbox-basic a.mfp-close.as-button {
  position: relative;
  width: auto;
  height: auto;
  margin-left: 0.375rem;
  color: #FFB703;
  opacity: 1;
}

.lightbox-basic a.mfp-close.as-button:hover {
  color: #fff;
}

/* end of back button */
.lightbox-basic button.mfp-close.x-button {
  position: absolute;
  top: -0.125rem;
  right: -0.125rem;
  width: 2.75rem;
  height: 2.75rem;
  color: #707984;
}

/****************************/
/*     10. Registration     */
/****************************/
.form-1 {
  padding-top: 2.625rem;
  padding-bottom: 3.5rem;
}

.form-1 .area-container {
  padding: 1.5rem 1.5rem 1.25rem 1.5rem;
  border-radius: 0.75rem;
  background-color: #f4f9ff;
}

.form-1 h3 {
  margin-bottom: 0.75rem;
}

.form-1 h4 {
  margin-top: 2rem;
}

.form-1 .list-unstyled {
  margin-top: 1.125rem;
}

.form-1 .list-unstyled .fas {
  color: #FFB703;
  font-size: 0.5rem;
  line-height: 1.5rem;
}

.form-1 .list-unstyled .media-body {
  margin-left: 0.625rem;
}

.form-1 .text-container {
  margin-bottom: 3.5rem;
}

/***********************/
/*     13. Contact     */
/***********************/
.basic-3 {
  padding-top: 7.5rem;
  padding-bottom: 6.125rem;
}

.basic-3 .map-responsive {
  overflow: hidden;
  position: relative;
  margin-bottom: 3rem;
  padding-bottom: 56.25%;
  height: 0;
  border-radius: 0.25rem;
}

.basic-3 .map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  border: none;
}

.basic-3 h2 {
  margin-bottom: 0.75rem;
}

.basic-3 .divider {
  height: 1px;
  margin-top: 1.75rem;
  margin-bottom: 1.625rem;
  border: none;
  background-color: #e0e3e6;
}

.basic-3 h3 {
  margin-bottom: 1rem;
}

.basic-3 .list-unstyled .fas {
  color: #FFB703;
  font-size: 1rem;
  line-height: 1.625rem;
}

.basic-3 .list-unstyled .media-body {
  margin-left: 0.75rem;
}

.basic-3 .list-unstyled .media-body .fas.fa-globe {
  margin-left: 1.125rem;
  margin-right: 0.75rem;
}

/**********************************/
/*     16. Back To Top Button     */
/**********************************/
a.back-to-top {
  position: fixed;
  z-index: 999;
  right: 0.75rem;
  bottom: 0.75rem;
  display: none;
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 1.875rem;
  background: #8ECAE6 url("../images/up-arrow.png") no-repeat center 47%;
  background-size: 1.125rem 1.125rem;
  text-indent: -9999px;
}

a:hover.back-to-top {
  background-color: #023047;
}

/*****************************/
/*     18. Media Queries     */
/*****************************/
/* Min-width width 576px */
/* Min-width width 768px */
@media (min-width: 768px) {
  .services .card {
    align-items: center;
  }
  .services .card-image {
    flex-grow: inherit;
  }
}
/* end of min-width width 768px */
/* Min-width width 992px */
@media (min-width: 992px) {
  h2 {
    font-weight: 800;
  }
  .header h1 {
    font-size: 3.5rem;
    line-height: 5rem;
    letter-spacing: -0.3px;
  }
  .header .header-content-inner {
    align-items: center;
  }
  .header .bg-gradient:after, .header .bg-gradient:before {
    height: 10rem;
  }
  .header .bg-gradient:after {
    bottom: 3rem;
  }
  .header .desc {
    font-size: 1.5rem;
    line-height: normal;
    margin: 1rem 0 3rem;
  }
  .header .btn-solid-reg {
    font-size: 1.5rem;
    padding: 1.2rem 2.5rem;
    -webkit-border-radius: 100rem;
    -moz-border-radius: 100rem;
    border-radius: 100rem;
  }
  .btn-solid-reg {
    font-size: 1.2rem;
    padding: 0.9rem 2.5rem;
    -webkit-border-radius: 100rem;
    -moz-border-radius: 100rem;
    border-radius: 100rem;
  }
}
/* end of min-width width 992px */
/* Min-width width 1200px */
@media (min-width: 1200px) {
  .homecare {
    padding-bottom: 4px;
  }
  .frame-decorative {
    height: 6rem;
  }
  .form-1 {
    padding: 5rem 0;
  }
  .form-1 .area-container {
    padding: 2rem;
  }
}
/* end of min-width width 1200px */
/* Min-width width 1600px */
@media screen and (min-width: 1600px) {
  .header-content .container {
    max-width: 1400px;
  }
}
/* end of min-width width 1600px */
.bg-circle {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.bg-circle:after, .bg-circle:before {
  display: block;
  content: "";
  width: 20rem;
  height: 20rem;
  -webkit-border-radius: 100rem;
  -moz-border-radius: 100rem;
  border-radius: 100rem;
  background-color: #8ECAE6;
  opacity: 0.15;
  position: absolute;
  left: -10rem;
  top: -10rem;
}
.bg-circle:after {
  width: 30rem;
  height: 30rem;
  left: auto;
  top: auto;
  right: -10rem;
  bottom: -10rem;
  z-index: -1;
}

.img-cover-mb {
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4rem;
}

.swiper-button-next, .swiper-button-prev {
  color: #023047;
}
.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 1.7rem;
}

/*# sourceMappingURL=styles.css.map */