/*@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');*/
@font-face {
  font-family: "El-Messiri-Regular";
  src: url("../fonts/El-Messiri-Regular.ttf.woff") format("woff"), url("../fonts/El-Messiri-Regular.ttf.svg#El-Messiri-Regular") format("svg"), url("../fonts/El-Messiri-Regular.ttf.eot"), url("../fonts/El-Messiri-Regular.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@media (min-width: 1400px) {
  .container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1140px;
  }
}
body {
  background-color: #ffffff;
  font-family: "El-Messiri-Regular";
  font-size: 1.125rem;
  line-height: 1.5625rem;
  color: #797979;
}

a {
  color: #797979;
}
a:hover {
  color: rgba(121, 121, 121, 0.8);
}

.video {
  aspect-ratio: 16/9;
  width: 100%;
}

.connectme {
  position: fixed;
  width: 60px;
  height: 60px;
  transform: scale(1);
  animation: pulse 2s infinite;
  background: var(--bgcolor);
  color: #fff;
  border-radius: 50%;
  box-shadow: 2px 2px 3px #999;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 40px;
  left: var(--left);
  right: var(--right);
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
.cursor {
  cursor: pointer;
}

.header {
  background-color: #714842;
  height: 120px;
}
@media (max-width: 991px) {
  .header {
    height: auto;
  }
}
@media (max-width: 991px) {
  .header .logo {
    max-width: 9.375rem;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.3rem;
    padding-left: 1.3rem;
  }
}
.navbar-toggler:focus {
  box-shadow: 0 0 0 0.15rem rgba(255, 255, 255, 0.5);
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  filter: invert(1);
}

.navbar .navbar-nav .nav-link {
  color: #f7ebcf;
  font-size: 1.125rem;
}
.navbar .navbar-nav .nav-link:hover {
  color: #ffffff;
}

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

.appointment {
  z-index: 2;
  position: relative;
  margin-top: -200px;
}
@media (max-width: 991px) {
  .appointment {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .appointment .container {
    max-width: 100%;
    padding: 0;
    overflow: hidden;
  }
}
.appointment .brown-bg {
  background-color: #56403c;
}
.appointment h3 {
  font-size: 25px;
  font-weight: bold;
  color: #f7ebcf;
  padding-top: 3.125rem;
  padding-bottom: 2.1875rem;
}

.appointment-form .form-label {
  font-size: 0.875rem;
  color: #f7ebcf;
  font-style: italic;
}
.appointment-form .form-control {
  background-color: transparent;
  border-left: 0;
  border-top: 0;
  border-right: 0;
  border-radius: 0;
  border-color: #f7ebcf;
  color: #f7ebcf;
  border-bottom-width: 2px;
  padding: 0.375rem 0;
}
.appointment-form .form-control:focus {
  color: #f7ebcf;
  background-color: transparent;
  border-color: #ffea92;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
}
.appointment-form textarea.form-control {
  height: 7.875rem;
}
.appointment-form .form-select {
  background-color: transparent;
  border-left: 0;
  border-top: 0;
  border-right: 0;
  border-radius: 0;
  border-color: #f7ebcf;
  color: #f7ebcf;
  border-bottom-width: 2px;
  padding: 0.375rem 0;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23f7ebcf' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.appointment-form .form-select:focus {
  color: #f7ebcf;
  background-color: transparent;
  border-color: #ffea92;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
}
.appointment-form .form-select option {
  background: #56403c;
  color: #f7ebcf;
}
.appointment-form input[type=date]::-webkit-calendar-picker-indicator {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23f7ebcf" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');
}
.appointment-form .btn-appointment {
  background-color: #ffea92;
  border-radius: 0;
  color: #0a5250;
  font-size: 1.125rem;
  font-style: italic;
  padding: 1.0625rem;
  width: 100%;
  line-height: 1.125rem;
  font-weight: bold;
}

.section-title {
  font-size: 1.5625rem;
  color: #364049;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 2.8125rem;
  padding-bottom: 0.9375rem;
  border-bottom: 2px solid #e3e3e3;
}

.treatment {
  margin-top: 6.25rem;
}

.treatment-card {
  position: relative;
}
@media (max-width: 991px) {
  .treatment-card img {
    width: 100%;
  }
}
.treatment-card .title {
  background-color: #364049;
  font-size: 1.125rem;
  line-height: 1.125rem;
  padding: 1.3125rem;
  text-align: center;
}
.treatment-card .title a {
  color: #ffffff;
  text-decoration: none;
}

a.btn-treatment {
  background-color: #e3e3e3;
  font-size: 1.125rem;
  line-height: 1.125rem;
  padding: 1.875rem;
  color: #364049;
  text-decoration: none;
  text-align: center;
  width: 100%;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
}
a.btn-treatment:hover {
  color: rgba(54, 64, 73, 0.8);
}

.featured {
  background-image: url(../images/section-bg.jpg);
  padding-top: 1.25rem;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 8.75rem;
}
@media (max-width: 991px) {
  .featured {
    margin-top: 6.25rem;
  }
}
.featured p {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #ffffff;
  text-align: justify;
}

.banner {
  overflow: hidden;
}

.testimonial {
  overflow: hidden;
  margin-top: 6.25rem;
}

.carousel-testimonial h3 {
  color: #0a5250;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: bold;
}
.carousel-testimonial p {
  color: #0a5250;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-style: italic;
}
.carousel-testimonial .slick-dots li button:before {
  font-size: 1rem;
  line-height: 1.25rem;
}
.carousel-testimonial .slick-prev:before,
.carousel-testimonial .slick-next:before {
  font-family: "slick";
  font-size: 1.875rem;
  line-height: 1.3;
  opacity: 1;
  color: #0a5250;
}
.carousel-testimonial .slick-prev {
  left: auto;
  top: 0.625rem;
  right: 3.125rem;
  z-index: 3;
  width: 1.875rem;
  height: 1.875rem;
}
@media (max-width: 991px) {
  .carousel-testimonial .slick-prev {
    top: -5rem;
  }
}
.carousel-testimonial .slick-next {
  top: 0.625rem;
  right: 0.625rem;
  width: 1.875rem;
  height: 1.875rem;
}
@media (max-width: 991px) {
  .carousel-testimonial .slick-next {
    top: -5rem;
  }
}

.img-gray {
  filter: grayscale(100%);
}

.partner {
  margin-top: 8.75rem;
}
@media (max-width: 991px) {
  .partner {
    margin-top: 6.25rem;
  }
}

.questions {
  margin-top: 11.25rem;
  background-color: #e3e3e3;
  padding: 4.6875rem 0;
}
@media (max-width: 991px) {
  .questions {
    margin-top: 6.25rem;
  }
}
.questions h3 {
  color: #364049;
  font-size: 2.25rem;
  line-height: 3.625rem;
}
.questions p {
  color: #56403c;
  font-size: 1.125rem;
  font-style: italic;
}

.questions-form {
  margin-top: 4.6875rem;
}
.questions-form .form-label {
  font-size: 0.875rem;
  color: #0a5250;
  font-style: italic;
}
.questions-form .form-control {
  background-color: transparent;
  border-left: 0;
  border-top: 0;
  border-right: 0;
  border-radius: 0;
  border-color: #0a5250;
  color: #0a5250;
  border-bottom-width: 2px;
  padding: 0.375rem 0;
}
.questions-form .form-control:focus {
  color: #0a5250;
  background-color: transparent;
  border-color: #0a5250;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(10, 82, 80, 0.25);
}
.questions-form textarea.form-control {
  height: 12.375rem;
  background-color: #f0f0f0;
  border-bottom: none;
}
.questions-form textarea.form-control:focus {
  background-color: #f0f0f0;
}
.questions-form .form-select {
  background-color: transparent;
  border-left: 0;
  border-top: 0;
  border-right: 0;
  border-radius: 0;
  border-color: #0a5250;
  color: #0a5250;
  border-bottom-width: 2px;
  padding: 0.375rem 0;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%230a5250' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.questions-form .form-select:focus {
  color: #0a5250;
  background-color: transparent;
  border-color: #0a5250;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(10, 82, 80, 0.25);
}
.questions-form .form-select option {
  background: #0a5250;
  color: #ffffff;
}
.questions-form input[type=date]::-webkit-calendar-picker-indicator {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23f7ebcf" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');
}
.questions-form .notification {
  font-size: 0.75rem;
  margin-top: 1.875rem;
  line-height: 1.5;
}
.questions-form .btn-question {
  background-color: #56403c;
  border-radius: 0;
  color: #ffffff;
  font-size: 1.125rem;
  font-style: italic;
  padding: 1.0625rem;
  width: 100%;
  line-height: 1.125rem;
  font-weight: bold;
}

.banner-bg {
  min-height: 18.75rem;
  background-size: cover;
  background-position: center center;
}
@media (max-width: 991px) {
  .banner-bg {
    min-height: 12.5rem;
  }
}

.footer {
  margin-top: 8.75rem;
  background-image: url(../images/footer-bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 6.25rem;
  background-color: #714842;
  background-size: cover;
}
@media (max-width: 991px) {
  .footer {
    margin-top: 6.25rem;
    background-size: cover;
    background-position: top center;
  }
}
.footer h3 {
  font-size: 1.125rem;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 1.5625rem;
}
.footer p {
  font-size: 1.125rem;
  color: #ffffff;
}
.footer a {
  color: #ffffff;
  text-decoration: none;
}
.footer a:hover {
  color: #ffffff;
}
.footer .copyright {
  background-color: #714842;
  padding: 3.125rem 0;
  margin-top: 3.125rem;
}
.footer .copyright .allrights {
  font-size: 1.125rem;
  color: #ffea92;
}

a.btn-direction {
  font-size: 1.4375rem;
  line-height: 1.4375rem;
  color: #ffffff;
  background-color: #56403c;
  padding: 1.3125rem 1.3125rem 0.9375rem 1.3125rem;
  display: block;
  width: 100%;
  text-align: center;
  border-radius: 0.625rem;
  text-decoration: none;
}
a.btn-direction:hover {
  color: rgba(255, 255, 255, 0.8);
}

.s-icon {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 20px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.fb {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19px' height='41px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 248, 156)' d='M19.4,13.276 L12.531,13.276 L12.531,9.21 C12.531,7.423 13.587,7.50 14.331,7.50 C15.73,7.50 18.899,7.50 18.899,7.50 L18.899,0.26 L12.607,0.1 C5.623,0.1 4.34,5.240 4.34,8.593 L4.34,13.276 L0.4,13.276 L0.4,20.514 L4.34,20.514 C4.34,29.805 4.34,40.998 4.34,40.998 L12.531,40.998 C12.531,40.998 12.531,29.694 12.531,20.514 L18.262,20.514 L19.4,13.276 Z'/%3E%3C/svg%3E");
}

.tw {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='49px' height='40px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 248, 156)' d='M49.6,4.744 C47.204,5.548 45.265,6.90 43.230,6.333 C45.307,5.85 46.901,3.108 47.652,0.750 C45.709,1.907 43.558,2.747 41.267,3.200 C39.433,1.238 36.819,0.13 33.927,0.13 C28.374,0.13 23.872,4.531 23.872,10.104 C23.872,10.895 23.960,11.665 24.132,12.403 C15.775,11.983 8.365,7.966 3.405,1.860 C2.540,3.350 2.44,5.83 2.44,6.933 C2.44,10.434 3.819,13.522 6.517,15.332 C4.869,15.279 3.318,14.826 1.963,14.70 C1.962,14.112 1.962,14.154 1.962,14.198 C1.962,19.86 5.428,23.165 10.29,24.92 C9.185,24.322 8.296,24.446 7.379,24.446 C6.730,24.446 6.101,24.383 5.487,24.265 C6.767,28.274 10.480,31.192 14.880,31.273 C11.438,33.980 7.103,35.593 2.391,35.593 C1.580,35.593 0.780,35.545 0.6,35.452 C4.444,38.316 9.729,39.986 15.407,39.986 C33.904,39.986 44.17,24.609 44.17,11.274 C44.17,10.837 44.9,10.401 43.989,9.968 C45.953,8.546 47.659,6.768 49.6,4.744 Z'/%3E%3C/svg%3E");
}

.ig {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='39px' height='39px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 248, 156)' d='M31.466,0.5 L7.533,0.5 C3.376,0.5 0.5,3.376 0.5,7.533 L0.5,15.495 L0.5,31.466 C0.5,35.623 3.376,39.4 7.533,39.4 L31.466,39.4 C35.623,39.4 39.5,35.623 39.5,31.466 L39.5,15.495 L39.5,7.533 C39.5,3.376 35.623,0.5 31.466,0.5 ZM33.628,4.490 L34.490,4.487 L34.490,5.346 L34.490,11.99 L27.900,11.121 L27.878,4.509 L33.628,4.490 ZM13.932,15.495 C15.181,13.766 17.208,12.633 19.499,12.633 C21.791,12.633 23.818,13.766 25.67,15.495 C25.880,16.624 26.366,18.4 26.366,19.500 C26.366,23.284 23.284,26.364 19.499,26.364 C15.713,26.364 12.633,23.284 12.633,19.500 C12.633,18.4 13.119,16.624 13.932,15.495 ZM35.204,31.466 C35.204,33.528 33.527,35.204 31.466,35.204 L7.533,35.204 C5.472,35.204 3.795,33.528 3.795,31.466 L3.795,15.495 L9.618,15.495 C9.115,16.732 8.833,18.84 8.833,19.500 C8.833,25.380 13.617,30.166 19.499,30.166 C25.382,30.166 30.166,25.380 30.166,19.500 C30.166,18.84 29.882,16.732 29.379,15.495 L35.204,15.495 L35.204,31.466 Z'/%3E%3C/svg%3E");
}

.yt {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='39px' height='38px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 248, 156)' d='M31.872,37.989 L7.127,37.989 C3.194,37.989 0.6,34.812 0.6,30.895 L0.6,25.195 C0.6,21.278 3.194,18.99 7.127,18.99 L31.872,18.99 C35.804,18.99 38.993,21.278 38.993,25.195 L38.993,30.895 C38.993,34.812 35.804,37.989 31.872,37.989 ZM12.326,20.601 L5.504,20.601 L5.504,22.538 L7.803,22.538 L7.803,33.922 L10.26,33.922 L10.26,22.538 L12.326,22.538 L12.326,20.601 ZM18.825,24.94 L16.853,24.94 L16.853,31.559 C16.668,31.773 16.465,31.949 16.241,32.87 C16.20,32.225 15.834,32.293 15.692,32.293 C15.507,32.293 15.371,32.244 15.286,32.136 C15.207,32.34 15.164,31.866 15.164,31.633 L15.164,24.94 L13.192,24.94 L13.192,32.310 C13.192,32.898 13.309,33.334 13.538,33.627 C13.771,33.922 14.111,34.67 14.569,34.67 C14.940,34.67 15.321,33.966 15.714,33.753 C16.109,33.547 16.487,33.243 16.853,32.845 L16.853,33.922 L18.825,33.922 L18.825,24.94 ZM25.981,26.439 C25.981,25.634 25.817,25.21 25.487,24.602 C25.158,24.183 24.682,23.975 24.58,23.975 C23.751,23.975 23.448,24.52 23.146,24.210 C22.852,24.364 22.569,24.594 22.302,24.891 L22.302,20.601 L20.308,20.601 L20.308,33.922 L22.302,33.922 L22.302,33.169 C22.559,33.472 22.844,33.693 23.145,33.835 C23.445,33.979 23.789,34.48 24.177,34.48 C24.760,34.48 25.211,33.865 25.517,33.493 C25.827,33.120 25.981,32.587 25.981,31.893 L25.981,26.439 ZM32.821,30.649 L30.792,30.649 L30.792,31.96 C30.792,31.675 30.724,32.46 30.596,32.217 C30.464,32.386 30.238,32.472 29.909,32.472 C29.595,32.472 29.372,32.374 29.241,32.173 C29.111,31.972 29.48,31.613 29.48,31.96 L29.48,29.245 L32.821,29.245 L32.821,26.738 C32.821,25.807 32.579,25.93 32.94,24.596 C31.609,24.99 30.915,23.851 30.13,23.851 C29.128,23.851 28.412,24.118 27.854,24.654 C27.295,25.190 27.15,25.889 27.15,26.738 L27.15,31.153 C27.15,32.100 27.271,32.845 27.777,33.381 C28.283,33.922 28.980,34.191 29.864,34.191 C30.847,34.191 31.586,33.938 32.77,33.431 C32.576,32.919 32.821,32.160 32.821,31.153 L32.821,30.649 ZM29.48,26.722 C29.48,26.309 29.114,26.14 29.253,25.841 C29.389,25.658 29.613,25.570 29.928,25.570 C30.228,25.570 30.450,25.658 30.584,25.841 C30.721,26.14 30.792,26.309 30.792,26.722 L30.792,27.715 L29.48,27.715 L29.48,26.722 ZM23.246,32.509 C23.78,32.509 22.922,32.472 22.769,32.404 C22.618,32.334 22.461,32.213 22.302,32.54 L22.302,25.931 C22.436,25.797 22.571,25.694 22.709,25.631 C22.846,25.566 22.986,25.536 23.127,25.536 C23.392,25.536 23.597,25.622 23.742,25.791 C23.881,25.963 23.948,26.213 23.948,26.547 L23.948,31.623 C23.948,31.937 23.890,32.160 23.778,32.299 C23.665,32.440 23.488,32.509 23.246,32.509 ZM28.319,13.487 C27.913,13.929 27.486,14.266 27.41,14.498 C26.599,14.725 26.171,14.844 25.754,14.844 C25.238,14.844 24.854,14.680 24.593,14.355 C24.334,14.36 24.204,13.554 24.204,12.908 L24.204,3.860 L26.421,3.860 L26.421,12.161 C26.421,12.415 26.472,12.600 26.564,12.713 C26.654,12.831 26.807,12.888 27.15,12.888 C27.178,12.888 27.385,12.812 27.636,12.660 C27.884,12.507 28.113,12.314 28.319,12.78 L28.319,3.860 L30.540,3.860 L30.540,14.686 L28.319,14.686 L28.319,13.487 ZM19.163,14.959 C18.192,14.959 17.414,14.686 16.831,14.142 C16.249,13.596 15.957,12.867 15.957,11.946 L15.957,6.335 C15.957,5.493 16.256,4.828 16.853,4.331 C17.450,3.835 18.255,3.586 19.263,3.586 C20.183,3.586 20.936,3.850 21.525,4.371 C22.108,4.894 22.402,5.573 22.402,6.397 L22.402,11.990 C22.402,12.916 22.115,13.638 21.542,14.169 C20.964,14.695 20.173,14.959 19.163,14.959 ZM20.140,6.253 C20.140,6.17 20.49,5.828 19.869,5.679 C19.687,5.533 19.451,5.462 19.156,5.462 C18.885,5.462 18.666,5.533 18.494,5.679 C18.327,5.828 18.243,6.17 18.243,6.253 L18.243,12.151 C18.243,12.448 18.322,12.675 18.479,12.839 C18.636,13.5 18.863,13.83 19.156,13.83 C19.457,13.83 19.696,13.2 19.873,12.836 C20.51,12.670 20.140,12.440 20.140,12.151 L20.140,6.253 ZM12.867,14.686 L10.367,14.686 L10.367,8.872 L7.390,0.10 L9.908,0.10 L11.532,5.876 L11.689,5.876 L13.237,0.10 L15.776,0.10 L12.867,8.597 L12.867,14.686 Z' /%3E%3C/svg%3E");
}

.widget {
  background-color: #e3e3e3;
}
.widget h5 {
  font-size: 1rem;
  line-height: 3rem;
  background-color: rgba(113, 72, 66, 0.3);
  padding-top: 1.25rem;
  padding-left: 1.125rem;
  text-transform: uppercase;
  border-bottom: 2px solid #e3e3e3;
  margin-bottom: 0;
}
.widget ul {
  padding: 2.375rem 1.125rem;
}
.widget ul li {
  list-style-type: none;
}
.widget ul li ul {
  padding: 1.125rem 1.5625rem;
}
.widget ul li ul li a {
  font-style: italic;
  font-weight: normal;
}
.widget ul li a {
  color: #364049;
  text-decoration: none;
  font-weight: bold;
}

.mt-60 {
  margin-top: 3.75rem !important;
}

/*

.btn-primary {
    background-color: $primary !important;
    border-color: $primary !important;
}

.btn-secondary {
    background-color: $zircon !important;
    border-color: $zircon !important;
    color: $primary !important;
}

.btn-light {
    background-color: $white !important;
    border-color: $white !important;
    color: $primary !important;
}

.btn-success {
    background-color: $green !important;
    border-color: $green !important;
}

.btn-danger {
    background-color: $pink !important;
    border-color: $pink !important;
    color: $red !important;
}

.alert-danger {
    @extend .btn-danger;
}

.bg-secondary {
    background-color: $zircon !important;
}

.btn-map {
    background-color: $zircon;
    color: $primary;

    &:hover {
        color: $primary;
    }
}

.btn-tea {
    background-color: $tea;
    color: $white;

    &:hover {
        color: $white;
    }
}

.text-primary {
    color: $primary !important;
}

.border-primary {
    color: $primary !important;
}

.top-bar {
    background-color: $white;
    padding: .9375rem 0; // 15px 0
}

a {
    text-decoration: none;
}

.exsmall {
    font-size: .8125rem; // 13px
}

.form-check-input {
    background-color: $linkwater;
    border-color: rgb(0 0 0 / 5%);
}

.form-control-lg {
    padding: 1.1rem 1.25rem; // 17,6px 20px
    font-size: 1rem; // 16px
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .908rem 1rem; // 14,528px 16px
}

.form-select-lg {
    @extend .form-control-lg;
}

.form-label {
    color: $casper;
}

.form-control {
    background-color: $linkwater;
    border-color: $linkwater;
    color: $casper;

    &::placeholder {
        color: $casper !important;
    }
}

.form-select {
    @extend .form-control;
    background-position: right 17px center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232B87FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")
}

.iti {
    display: block;
}

.email {
    .icon {
        color: $primary;
    }

    a {
        color: $stone;
    }
}

.phone {
    @extend .email;
}


.icon {
    --w: 1.25rem; // 20px;
    --h: 1.25rem; // 20px;
    --c: currentColor;
    display: inline-block;
    stroke-width: 0;
    stroke: var(--c);
    fill: var(--c);
    width: var(--w);
    height: var(--h);
    flex-grow: 0;
    flex-shrink: 0;
}

.login {
    a {
        background-color: $zirconlight;
        padding: .625rem 1.875rem; // 10px 30px
        border-radius: .3125rem; // 5px
    }
}

.navbar-collapse {
    @include respond-below(md) {
        background-color: $white;
        padding: 1rem; // 16px
        border-radius: .25rem; // 4px
    }
}

.navbar-light {
    .navbar-nav {
        .nav-link {
            color: $casper;

            .icon {
                margin-right: .3125rem; // 5px

                @include respond-between(md, lg) {
                    margin-right: 0;
                }
            }

            &:hover {
                color: $primary;
            }

            &:focus {
                color: $primary;
            }

            &.active {
                color: $primary;
            }

            &.register {
                background-color: $primary;
                color: $white;
                padding: .625rem 1.875rem; // 10px 30px
                border-radius: .3125rem; // 5px
            }
        }
    }
}


.banner {
    h3 {
        font-size: 2.5rem; // 40px

        @include respond-below(md) {
            font-size: 1.5rem; // 24px
        }
    }

    p {

        @include respond-above(md) {
            font-size: 1.125rem; // 18px
        }

    }

    .btn-primary {
        @include respond-above(md) {
            padding: .875rem 1.6875rem; // 14px 27px
        }
    }
}

.program-search {
    background-color: rgba(255, 255, 255, 0.25);
    padding-top: 3rem; // 48px
    padding-bottom: 3rem; // 48px

    h3 {
        font-size: 1.5rem; // 24px
        font-weight: 400;

        .icon {
            width: 1.875rem; // 30px
            height: 1.875rem; // 30px

            @include respond-above(md) {
                width: 3.4375rem; // 55px
                height: 3.4375rem; // 55px
            }
        }

    }

}

.nav-pills .nav-link {
    padding: .625rem 1.875rem; // 10px 30px
    color: $black;

    &.active {
        color: $primary;
        background-color: $zircon;
    }
}

.stars {
    .icon {
        width: 1.125rem; // 18px
        height: 1.125rem; // 18px
    }

    .checked {
        color: $primary;
    }
}

.programs {
    h3 {
        font-size: 1.5rem; // 24px
    }

    .card-title {
        font-size: 1.125rem; // 18px

        a {
            color: $black;
        }
    }

    .slick-slide {
        max-width: 290px;
    }

}

.country {
    .card-title {
        font-size: 1.5rem; // 24px
        font-weight: 400;

        a {
            color: $white;
        }
    }

    .card-text {
        font-size: .75rem; // 12px
    }
}

.card-img-wrapper {
    position: relative;

    &:before {
        content: " ";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: linear-gradient(180deg, #5558FF 0%, #00C0FF 100%);
        opacity: 0.61;
        border-radius: .25rem; // 4px
    }
}

.slick-prev {
    width: 40px;
    height: 40px;
    left: -29px;

    &::before {
        content: ' ';
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5179 0.999961C10.3954 0.999199 10.2739 1.02453 10.1605 1.0745C10.0471 1.12447 9.94391 1.1981 9.85692 1.29116L4.27087 7.31585C4.09739 7.504 4 7.75856 4 8.02391C4 8.28926 4.09739 8.54382 4.27087 8.73196L9.85692 14.7566C10.0349 14.922 10.2643 15.0087 10.4991 14.9993C10.7339 14.9899 10.9567 14.8851 11.1229 14.7059C11.289 14.5267 11.3862 14.2864 11.3949 14.0332C11.4036 13.78 11.3233 13.5325 11.1699 13.3405L6.24489 8.02876L11.1699 2.71699C11.3007 2.57712 11.39 2.39858 11.4267 2.20394C11.4633 2.0093 11.4457 1.80731 11.3759 1.62351C11.3061 1.43972 11.1873 1.28237 11.0346 1.17138C10.8819 1.06039 10.7021 1.00073 10.5179 0.999961V0.999961Z' fill='%232B87FF'/%3E%3C/svg%3E%0A");
        width: 2.5rem; // 40px
        height: 2.5rem; // 40px
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
        top: 0;
        right: 0;
    }
}

.slick-next {
    width: 40px;
    height: 40px;
    right: -32px;

    &::before {
        content: ' ';
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.48208 0.999961C4.60461 0.999199 4.72607 1.02453 4.83949 1.0745C4.95292 1.12447 5.05609 1.1981 5.14308 1.29116L10.7291 7.31585C10.9026 7.504 11 7.75856 11 8.02391C11 8.28926 10.9026 8.54382 10.7291 8.73196L5.14308 14.7566C4.96507 14.922 4.73566 15.0087 4.50087 14.9993C4.26608 14.9899 4.04327 14.8851 3.87713 14.7059C3.71099 14.5267 3.61381 14.2864 3.60509 14.0332C3.59636 13.78 3.67673 13.5325 3.83007 13.3405L8.75511 8.02876L3.83007 2.71699C3.69933 2.57712 3.60997 2.39858 3.57332 2.20394C3.53666 2.0093 3.55435 1.80731 3.62414 1.62351C3.69393 1.43972 3.8127 1.28237 3.96541 1.17138C4.11813 1.06039 4.29793 1.00073 4.48208 0.999961V0.999961Z' fill='%232B87FF'/%3E%3C/svg%3E%0A");
        width: 2.5rem; // 40px
        height: 2.5rem; // 40px
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
        top: 0;
        right: 0;
    }
}

.steps {
    @include respond-above(md) {
        min-height: 24.375rem; // 390px
    }

    .step {
        position: relative;
        display: flex;
        align-items: center;

        @include respond-above(md) {
            background-color: $white;
            border-radius: 50%;
            width: 13%;
            padding-bottom: 13%;
        }

        .icon {
            color: $primary;
            display: none;

            @include respond-above(md) {
                width: 4.0625rem; // 65px
                height: 4.0625rem; // 65px
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                margin: 0;
                padding: 0;
                display: block;
            }
        }

        .text {
            display: flex;
            align-items: flex-start;

            @include respond-above(md) {
                bottom: 1.625rem; // 26px
                text-align: center;
                position: absolute;
                height: 0;
                flex-direction: column;
                align-items: center;
            }

            @include respond-above(lg) {
                bottom: 2.5rem; // 40px;
            }

            h3 {
                color: $periwinklegray;
                margin-bottom: 0;
                margin-right: .625rem; // 10px

                @include respond-above(md) {
                    font-size: 2.9375rem; // 47px
                }

                @include respond-above(lg) {
                    font-size: 4.1875rem; // 67px
                }
            }

            p {
                margin-bottom: 0;

                @include respond-above(md) {
                    font-size: 1.125rem; // 18px
                }

                @include respond-above(lg) {
                    font-size: 1.25rem; // 20px
                }
            }
        }
    }

    .step-line {
        -ms-flex: 1 0 2rem;
        flex: 1 0 2rem;
        min-width: .0625rem;
        min-height: .3125rem; // 5px
        margin: auto;
        background-image: url("data:image/svg+xml,%3Csvg width='80' height='15' viewBox='0 0 80 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 15C11.6421 15 15 11.6421 15 7.5C15 3.35786 11.6421 0 7.5 0C3.35786 0 0 3.35786 0 7.5C0 11.6421 3.35786 15 7.5 15Z' fill='%23E3EAF5'/%3E%3Cpath d='M40.5 15C44.6421 15 48 11.6421 48 7.5C48 3.35786 44.6421 0 40.5 0C36.3579 0 33 3.35786 33 7.5C33 11.6421 36.3579 15 40.5 15Z' fill='%23E3EAF5'/%3E%3Cpath d='M72.5 15C76.6421 15 80 11.6421 80 7.5C80 3.35786 76.6421 0 72.5 0C68.3579 0 65 3.35786 65 7.5C65 11.6421 68.3579 15 72.5 15Z' fill='%23E3EAF5'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;

        @include respond-above(lg) {
            min-height: .9375rem; // 15px
        }
    }
}

.blogs {
    .card-title {
        font-weight: 700;
        font-size: 1rem; // 16px
    }

    .icon {
        width: .625rem; // 10px
        height: .625rem; // 10px
    }

    .readme {
        font-size: .8125rem; // 13px
        color: $black;
    }
}

.footer {
    background-color: $white;
    padding-top: 3.125rem; // 50px
    padding-bottom: 3.125rem; // 50px
    margin-top: auto;

    .icon {
        width: 1.5rem; // 24px
        height: 1.5rem; // 24px
    }

    .lang {
        background-color: $zircon;

        a {
            &:last-child {
                &:after {
                    display: none;
                }
            }

            &:after {
                content: "|";
                margin-left: .625rem; // 10px
                margin-right: .625rem; // 10px
            }
        }
    }
}

.filters {
    .accordion-item {
        margin-bottom: 1rem; // 16px
        border: 0;
    }

    .accordion-button {
        background-color: $linkwater;
        border-radius: .25rem !important; // 4px
        min-height: 3.8125rem; // 61px
        color: $casper;

        &:not(.collapsed) {
            box-shadow: none;
        }

        &::after {
            flex-shrink: 0;
            width: .75rem; // 12px
            height: .75rem; // 12px
            margin-left: auto;
            content: "";
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232B87FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-size: .75rem; // 12px
            transition: transform .2s ease-in-out
        }
    }

    .list-group-item {
        border-bottom: 0;
        padding: 0.5rem 0;
        display: flex;
        justify-content: space-between;
        align-items: center;

        a {
            color: $black;
        }

        .icon {
            color: $primary;
            margin-right: .3125rem; // 5px
        }

        span {
            color: $casper;
        }
    }
}

.ranks {
    .btn {
        border-radius: inherit;
        line-height: 1.6;
    }
}

.profile-menu {
    .list-group-item {
        border: transparent;
        color: $black;
        padding: 1.25rem; // 20px

        .icon {
            color: $primary;
        }

        &.active {
            border: transparent;
            background-color: $linkwater;
            color: $primary;
        }

        &:hover {
            @extend .active;
        }

        &:focus {
            @extend .active;
        }

    }
}

.avatar-62 {
    width: 3.875rem; // 62px
}

.avatar {
    width: 9.375rem; // 150px
    height: 9.375rem; // 150px
    background-color: $casper;
    color: $zircon;

    .pill {
        width: 2rem; // 32px
        height: 2rem; // 32px
        top: -.3125rem; // 5px
        right: .9375rem; // 15px
    }
}

.chat {
    width: .4375rem; // 7px
    height: .4375rem; // 7px
    display: inline-block;
}

.profile-steps {

    @extend .steps;

    @include respond-above(md) {
        min-height: 10.9375rem; // 175px
    }

    .step {
        position: relative;
        display: flex;
        align-items: center;
        padding: 5px;
        border-radius: 4px;

        @include respond-above(md) {
            background-color: $linkwater;
            border: 1px solid $casper;
            border-radius: 50%;
            width: 8.5%;
            padding: 0 0 8.5% 0;
        }

        .icon {
            color: $casper;
            display: block;
            margin-right: .3125rem; // 5px

            @include respond-above(md) {
                width: 2.1875rem; // 35px
                height: 2.1875rem; // 35px
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                margin: 0;
                padding: 0;
                display: block;
            }

        }

        &.completed {
            border-color: $primary;

            .icon {
                color: $primary;
            }
        }

        &.active {
            background-color: $primary;
            border-color: $primary;
            color: $white;

            @include respond-above(md) {
                color: $black;
            }

            .icon {
                color: $white;
            }
        }

        .text {
            display: flex;
            align-items: flex-start;
            width: 100%;

            @include respond-above(md) {
                bottom: -.625rem; // 10px
                text-align: center;
                flex-direction: column;
                align-items: center;
            }

            @include respond-above(lg) {
                bottom: -.625rem; // 10px
            }

            p {
                margin-bottom: 0;
                font-size: 16px;
            }
        }
    }

    .step-line {
        -ms-flex: 1 0 1rem;
        flex: 1 0 1rem;

        @include respond-above(lg) {
            min-height: .6875rem; // 11px
        }
    }

}

.single-university{    

    .select{

        h2{
        font-size: 24px;
            color: $stone;
        }

        h3{
            font-size: 16px;
            color: $casper;
        }

        @include respond-above(md) {
            margin-top: 15.625rem; // 250px
        }
    }

    .four-box{
        margin-bottom: 1rem;

        @include respond-above(md) {
            margin-bottom: -4.375rem; // 70px
        }
    }

    .banner{
        margin-bottom: 1rem;

        @include respond-above(md) {
            margin-bottom: 6.25rem; // 100px
        }
    }
}
*/

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