/**
 * @file
 * Subtheme specific CSS.
 */

@font-face {
  font-family: "TAJAWAL-REGULAR";

  src: url("../fonts/TAJAWAL-REGULAR.TTF");
}
@font-face {
  font-family: "TAJAWAL-EXTRABOLD";

  src: url("../fonts/TAJAWAL-EXTRABOLD.ttf");
}
@font-face {
  font-family: "TAJAWAL-Bold";
  font-style: normal;

  src: url("../fonts/TAJAWAL-BOLD.TTF");
}

@font-face {
  font-family: "Quicksand-Light";
  src: url("../fonts/Quicksand-Light.ttf");
}
@font-face {
  font-family: "Montserrat-Medium";

  src: url("../fonts/Montserrat-Medium.ttf");
}
@font-face {
  font-family: "Montserrat-Regular";

  src: url("../fonts/Montserrat-Regular.ttf");
}
@font-face {
  font-family: "Quicksand-SemiBold";

  src: url("../fonts/Quicksand-SemiBold.ttf");
}
@font-face {
  font-family: "Quicksand-Bold";

  src: url("../fonts/Quicksand-Bold.ttf");
}

.imagess img {
  max-width: 100%;
  height: 400px;
  object-fit: cover;
}

ul.dropdown-menu {
  background: transparent;
  border: unset;
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active {
  background-color: transparent !important;
  border: unset;
}
.project-img video {
  height: 380px;
  object-fit: cover;
}
.projects-card .project-content .project-title {
  color: #2f65ad;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  border-bottom: 1px solid #efeded;
  padding-bottom: 1rem;
}
div#views-bootstrap-services-block-1 > .row {
  justify-content: center;
}
.service-content {
  position: absolute;
  inset: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  background: rgb(0, 0, 0, 0.5);
  color: white;
  padding: 10px;
  text-align: center;
}
.services-card {
  border-radius: 1rem;
}
#page {
  text-align: start;
}

.tripa {
  padding: 2rem 0;
}
.form-actions {
  position: static !important;
}
.affix {
  z-index: 10 !important;
}
html {
  scroll-behavior: smooth;
}
h1,
h2,
h3,
h4 {
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
}
h2.custom-title {
  color: #18100f;
  font-size: 45px;
}
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4 {
  font-family: "TAJAWAL-Bold";
  font-weight: 700;
}
p {
  word-wrap: break-word;
}
div,
span,
p,
label,
a {
  font-family: "Montserrat-Regular";
}
[dir="rtl"] div,
[dir="rtl"] span,
[dir="rtl"] p,
[dir="rtl"] label,
[dir="rtl"] a {
  font-family: "TAJAWAL-REGULAR";
}
body {
  font-family: "Montserrat-Regular";
  color: black;
}
[dir="rtl"] body {
  font-family: "TAJAWAL-REGULAR";
}
a,
a:hover,
a:focus {
  text-decoration: none;
}
a {
  transition: 0.4s;
}
.hide {
  display: none;
}
header {
  width: 100%;
  z-index: 99;
  transition: 0.6s;
}
header::after {
  content: "";
  z-index: -1;
  position: absolute;
  backdrop-filter: blur(4px) contrast(95%);
  -webkit-backdrop-filter: blur(4px) contrast(95%);
  inset: 0;
}
.top-header a:hover {
  color: #2f65ad;
}
.top-header a.header-phone:hover {
  color: #1e914c;
}
.top-header a,
.top-header .nav-link {
  color: white;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px 20px;
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
}
.top-header {
  background: transparent;
  color: white;
}

.language-switcher-language-url .nav-link.is-active {
  display: none;
}
.language-switcher-language-url .nav-link {
  border: 0;
}
.language-switcher-language-url a {
  border: 0;
}
h3 {
  color: #2f65ad;
  margin-bottom: 2rem;
  text-align: center;
}
footer .login-tabs a {
  width: 100%;
  flex: 0 0 48%;
  background: white;
  color: #2f65ad !important;
  border: 1px solid #e3f0fb !important;
  border-radius: 5px;
}
footer .login-tabs a.active {
  color: white !important;
  background-color: #2f65ad !important;
}
.login-card {
  margin: 1rem 10px;
}
.flex-control-nav {
  display: none;
}
.flex-direction-nav a:before {
  font-size: 32px;
  color: #2f65ad;
}
div#block-views-block-gallery7-block-1 img,
div#block-views-block-gallery-block-1-2 img {
  height: 600px;
  object-fit: cover;
}
.courses {
  padding: 2rem 0;
}
#login-form .list-group-item:first-child {
  display: none;
}
#login-form ul.list-group {
  box-shadow: 0 2px 7px 6px rgb(3 122 180 / 3%), 0 5px 4px 0 rgb(3 122 180 / 3%);
  border: unset;
  padding: 0 !important;
}
#login-form .list-group-item + .list-group-item {
  border: unset;
  border-top-width: 0;
  box-shadow: 0 2px 7px 6px rgb(3 122 180 / 3%), 0 5px 4px 0 rgb(3 122 180 / 3%);
}
#login-form .login-card a {
  background: white !important;
  color: #2f65ad !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: unset !important;
  margin: 0;
  width: 100%;
  /* display: block; */
  transition: 0.4s;
}
#login-form .login-card a:hover {
  color: white !important;
  background-color: #2f65ad !important;
}
#login-form .modal-body {
  padding: 0 1rem !important;
  background-color: ;
}
#login-form .login-card span {
  margin-top: 1.5rem;
}
.modal-title {
  color: #2f65ad;
  text-align: center;
}

#login-form .modal-content {
  background: #f3e3d6;
}
.login-tabs {
  border-bottom: unset !important;
  gap: 5px;
}
.flexslider {
  border: unset;
  margin: 0;
}
.toast-wrapper {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
[dir="rtl"] .custom-control-label::before {
  right: -2.5rem;
  left: unset;
}
[dir="rtl"] .custom-switch {
  padding-right: 2.25rem;
}
form#webform-submission-hjz-nmwdhj-add-form {
  text-align: start;
}
form#webform-submission-hjz-nmwdhj-add-form button {
  text-align: center;
  background-color: #2f65ad !important;
  color: white !important;
  width: 100%;
  border: unset !important;
  margin-top: 1rem;
  box-shadow: unset !important;
}
[dir="rtl"] .custom-control-label::before {
  right: -2.5rem;
  left: unset;
}
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #2f65ad;
}
.inner-title {
  font-size: 27px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 1rem;
  color: #2f65ad;
}

.form-group {
  margin: 0;
  margin-bottom: 0.5rem;
}
/************* Header **********/
#page {
  position: relative;
  overflow: hidden;
}
header#header {
  background: transparent;
  z-index: 9;
  width: 100%;
  position: absolute;
  top: 0;
}
.navbar-expand-lg > .container {
  max-width: 100% !important;
  width: 100% !important;
  gap: 1rem;
}

header > nav {
  background: transparent !important;
  padding: 0;
  transition: 0.4s;
}
header > nav.affix {
  background-color: white !important;
}

header > nav.affix .main-menu nav > ul > li a:hover {
  color: #2f65ad;
}

/* .slider-all-content video {
  max-height: 750px;
  object-fit: cover;
} */
.main-menu ul {
  justify-content: center;
  gap: 1.5rem;
  padding: 0;
}
a {
  transition: 0.4s;
}
.main-menu {
  width: 100%;
}
.main-menu ul a {
  display: block;
  color: white;
  transition: 0.4s;
  font-size: 16px;
  position: relative;
}
.main-menu ul a:hover,
.main-menu ul a.is-active {
  color: #2f65ad;
}
.main-menu ul a::after {
  content: "";
  width: 0%;
  height: 2px;
  display: block;
  background-color: #2f65ad;
  transition: 0.5s;
}
.main-menu ul a:hover::after,
.main-menu ul a.is-active::after {
  width: 100%;
}

.dropdown-toggle::after {
  background-color: unset !important;
  display: inline-block !important;
  vertical-align: 0 !important;
  width: auto !important;
}
[dir="rtl"] .dropdown-toggle::after {
  margin-right: 8px;
}

[dir="rtl"] .navbar-expand-md .navbar-nav .dropdown-menu {
  right: 0;
}

.main-menu ul ul a {
  text-align: start;
  padding: 8px 0;
}

header .search-form .form-actions button {
  font-size: 0;
  background-color: #e5f1f7;
  border: unset;
}

header .search-form .form-actions button::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f002";
  font-size: 19px;
  color: #2f65ad;
}
div#block-languageswitcher a {
  color: #707070;
  font-weight: 600;
}
[dir="rtl"] div#block-languageswitcher span.ar.nav-link {
  display: none;
}
[dir="ltr"] div#block-languageswitcher span.en.nav-link {
  display: none;
}
section.row.region.region-header-form {
  align-items: center;
}
.page-title {
  position: relative;
}
.page-title img {
  width: 100%;
}
.page-tile-text {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  flex-direction: column-reverse;
  padding: 0 4rem;
}
.view-banner .view-content.row{
  margin: 0;
  display: block;
}
.view-our-vision .view-content.row {
  display: block;
  margin: 0;
}
.page-title img {
  width: 100%;
  max-height: 520px;
  object-fit: cover;
}
fieldset#edit-processed-text img {
  width: 100%;
}
fieldset#edit-processed-text img {
  width: 100%;
}
.webform-submission-requests-form input {
  height: 50px;
  border-radius: 0px;
}

.page-title-img-defult::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  inset: 0;
}
#main-wrapper{
  background-color: #ffffff!important;
}
.acc-tools-click{
  right: unset;
  left: 60px!important;
}
/* .page-title::after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: -1px;
    background-image: url(../images/section-bottom.png);
    height: 7vw;
    background-size: 100% auto;
    background-repeat: no-repeat;
	left: 0;
} */
/************* Slider **********/
@keyframes shine {
  0% {
    background-position-x: -500%;
  }
  50% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: 500%;
  }
}
@keyframes shinertl {
  0% {
    background-position-x: 500%;
  }
  50% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: -500%;
  }
}
section.slider {
  position: relative;
  width: 100%;
}
section.slider .slick-dots{
  bottom: 25px;
}


section.slider .block-views-blockslider-block-1 .view-content.row,
.view-display-id-page_1 .view-content.row {
  margin: 0;
  display: block;
}


section.slider .slider-content {
  position: absolute;
  inset: 0;
  display: flex;
  text-align: start;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
section.slider .slider-content .slider-text {
  color: white;
  width: 100%;
}

section.slider .slider-content .slider-first-text {
  font-size: 16px;
  padding: 5px 0px;
  /* color:#495057; */
  color: white;
  opacity: 0;
}
.view-id-slider {
  position: relative;
}
.view-id-slider::before,
.view-id-slider::after {
  /* content: ""; */
  background-color: white;
  top: 100%;
  height: 10rem;
  width: 50%;
  position: absolute;
  z-index: 8;
}
.view-id-slider::after {
  left: 50%;
  transform-origin: 0 0;
  transform: translateY(-50%) skewY(-4.7deg);
}
.view-id-slider::before {
  transform-origin: 100% 0;
  right: 50%;

  transform: translateY(-50%) skewY(4.7deg);
}
.slick-active .slider-content .slider-first-text {
  animation: fadeInText 1s ease-in-out 1s forwards;
}
.slider-image::after {
  content: "";
  background: rgb(0, 0, 0, 0.1);
  position: absolute;
  inset: 0;
}

section.slider .slider-content .slider-seconed-text h2 {
  margin: 1rem 0;
  font-size: 50px;
  color: white;
  opacity: 0;
}
.slick-active .slider-content .slider-seconed-text h2 {
  animation: fadeInText 1s ease-in-out 0.4s forwards;
}
section.slider .slider-content .slider-link a {
  display: block;
  background: white;
  width: fit-content;
  padding: 1rem 2rem;
  border-radius: 9px;
  font-weight: 600;
  transition: 0.4s;
  color: #037ab4;
  margin-top: 1rem;
}
section.slider .slider-content .slider-link {
  opacity: 0;
}
.slick-active .slider-content .slider-link {
  animation: fadeInText 1s ease-in-out 1.8s forwards;
}
.slider-all-content-cont {
  padding-inline-start: 10%;
  width: 60%;
  background: rgb(0, 0, 0, 0.6);
}
section.slider .slider-content .slider-seconed-text {
  margin: 1rem 0;
  font-size: 50px;
  color: #2f65ad;
}

section.slider .slider-content .slider-link a {
  display: block;
  background: #3064ac;
  width: fit-content;
  padding: 0.7rem 2.5rem;
  border-radius: 9px;
  font-weight: 600;
  transition: 0.4s;
  color: white;
  border: 1px solid #3064ac;
}

.slider-side-link {
  display: none;
}
.slider-text .body {
  font-size: 15px;
}
section.slider .slider-content .slider-link a:hover {
  background-color: transparent;
}

.slider-side-link {
  position: absolute;
  left: -65px;
  top: 50%;
  z-index: 99;

  transform: rotate(90deg);
  transition: 0.5s;
}
[dir="rtl"] .slider-side-link {
  left: -45px;
}
.slider-side-link:hover {
  transform: rotate(0deg);
  left: 0px;
}
.slider-side-link:hover a {
  background: white;
  color: #2f65ad;
}
.slider-side-link a {
  background: #2f65ad;
  color: white;
  padding: 1rem 1.5rem;
  font-weight: 600;
  transition: 0.4s;
}

section.slider .flex-control-nav {
  display: none;
}

section.slider nav#block-socialmedia {
  position: absolute;
  bottom: 15px;
  right: 8rem;
  z-index: 10;
}
section.slider nav#block-socialmedia a {
  color: white;
  font-size: 17px;
}
div#main {
  width: 100%;
  display: inline-block;
  background-size: 100% 100%;
  padding: 2rem 0px;
}

.slick-arrow::before {
  color: #2f65ad;
}
/************* About **********/
.about-us {
  width: 100%;
  display: inline-block;
  /* background-image: url("../images/sec-back.png");
  background-size: 100% 100%; */
}
.about-tect-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 10px;
}
.services::after {
  content: "";
  height: 53px;
  width: 100%;
  background: #366ab0;
  position: absolute;
  top: 56%;
  z-index: -2;
}
.view-about-us .view-content.row {
  margin: 0;
  display: block;
}
.view-about-us .about-images {
  width: 100%;
  display: inline-block;
}
.about-images .imagefield_slideshow-wrapper {
  float: right;
  border: unset;
  width: 100%;
}
.about-images .imagefield_slideshow-wrapper img {
  border-radius: 10px;
  max-width: 100%;
  min-height: 345px;
}
[dir="rtl"] .about-images .imagefield_slideshow-wrapper {
  float: left;
  width: 100%;
}

.view-about-us .about-images img {
  min-height: 460px;
  max-height: 460px;
  object-fit: cover;
  width: 100%;
}

.cycle-pager span.cycle-pager-active {
  color: #2f65ad;
}

.custom-title {
  font-size: 40px;
  color: #2f65ad;
  font-weight: 900;
}
/* .custom-title::after,.contact-us .block-webform > h2::after{
    content: '';
    width: 100%;
    height: 2px;
    background-color: #2f65ad;
    display: block;
} */

.view-about-us .about-body {
  color: black;
  text-align: justify;
}
[dir="rtl"] .view-about-us .about-body {
  text-align: right;
}
.info-boxes .info-box .inner-box ul {
  list-style: none;
}
.info-boxes .info-box .inner-box a {
  color: white;
}
.custom-link a {
  display: block;
  padding: 0.6rem 3rem;
  border: 1px solid #2f65ad;
  background: transparent;
  color: #2f65ad;
  font-weight: 600;
  border-radius: 10px;
}

.custom-link a:hover {
  background-color: #2f65ad;
  color: white;
}

/************* Contact-us **********/

section.contact-us {
  width: 100%;
  display: inline-block;
  padding: 3rem 0;
}

.contact-us .block-webform > h2 {
  color: #2f65ad;
  font-weight: 700;
  width: fit-content;
  margin: 0 auto;
}
.contact-us .block-webform > h2::after {
  margin: 1rem 0;
}

.contact-us .block-webform .form-actions {
  background: unset;
}

.contact-us .block-webform form {
  margin-top: 3rem;
}
.contact-us .block-webform .form-actions button {
  background-color: transparent;
  display: block;
  padding: 0.6rem 3rem;
  border: 1px solid #2f65ad;
  background: transparent;
  color: #2f65ad;
  font-weight: 600;
  border-radius: 10px;
  transition: 0.4s;
  margin: 2rem auto;
  margin-bottom: 0;
}
.contact-us .block-webform .form-actions button:hover {
  background-color: #2f65ad;
  color: white;
}

/************* News **********/

.news {
  width: 100%;
  display: inline-block;
  margin: 2rem 0;
}
.news-card {
  box-shadow: 0 2px 7px 6px rgb(0 0 0 / 7%), 0 5px 4px 0 rgb(0 0 0 / 10%);
  margin: 10px;
}
.news-card .news-image {
  position: relative;
}
.news-card .news-image img {
  width: 100%;
}

.news-image-overlab {
  position: absolute;
  inset: 0;
  background: #2f65ad40;
}
.news-card .news-text {
  padding: 10px;
}

.news-card .news-text .news-title a {
  color: #2f65ad;
  font-weight: 600;
  font-size: 18px;
}
.news-card .news-text .news-title a:hover {
  color: #003e5d;
}

.news-card .news-text .news-date {
  font-size: 14px;
  color: #999999;
  border-bottom: 1px solid #999999;
  margin: 11px 0;
}
.news-card .news-text .news-body {
  color: #999999;
}
.news-card .news-text .news-link {
  text-align: end;
}
.news-card .news-text .news-link a {
  color: #2f65ad;
}

.views-element-container > h2 {
  color: #2f65ad;
  font-weight: 600;
  width: fit-content;
  margin-bottom: 2rem;
  margin-top: 3rem;
  display: inline-block;
}
.views-element-container > h2::after {
  content: "";
  height: 2px;
  width: 100%;
  background-color: #2f65ad;
  display: block;
}
.site-footer {

  color: white;
}
.footer-logo img {
width: 100%;
    background: white;
    border-radius: 20px;}
div#block-footertext p {
  color: #adadad;
}
.site-footer h2 {
  color: #2f65ad;
  font-size: 18px;
  /* min-height: 26px; */
}
.font-resize-menu .font-resize-item a {
  color: #000000 !important;
}
.font-resize-menu .font-resize-item a:hover,
.font-resize-menu .font-resize-item a.active {
  color: white !important;
  background-color: #000000;
}
.acc-tools .acc-tools-container h1 {
  color: #2f65ad;
}
[dir="rtl"] .site-footer ul {
  padding-right: 0 !important;
}
nav#block-mainnavigation ul {
  flex-direction: row;
  text-align: center;
  justify-content: center;
  gap: 8px;
}
nav#block-mainnavigation ul > li {
  flex: 1 0 49%;
}
footer.site-footer nav a {
  color: white;
  padding-inline-start: 0;
}
footer.site-footer nav a:hover {
  color: #2f65ad;
}
.site-footer .block {
  margin: unset !important;
  border: unset !important;
}
.site-footer nav#block-secondfootermenu > h2 {
  opacity: 0;
}

div#block-newslettersignupblock button {
  width: 100%;
  padding: 0.6rem;
  border: 1px solid white;
  background: transparent;
  transition: 0.4s;
}
div#block-newslettersignupblock button:hover {
  background-color: white;
  color: #003e5d;
}

.site-footer nav#block-socialmedia-2 a {
  color: #2f65ad !important;
  padding: 5px 10px;
  aspect-ratio: 1;
  border-radius: 10px;
  font-size: 15px;
  background: #e2f0fa;
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-footer nav#block-socialmedia-2 ul {
  flex-direction: row;
  gap: 10px;
}
div#block-newslettersignupblock input#edit-newsletteryouremail {
  background: #116692;
  border: unset;
  padding: 1.4rem 0.5rem;
}
div#block-newslettersignupblock input#edit-newsletteryouremail::placeholder {
  color: white;
  font-size: 12px;
}
div#block-newslettersignupblock label {
  display: none;
}

.view-id-title_banner .view-content.row {
  margin: 0;
  display: block;
}

section.about-counters {
  background: #f9f9f9;
  padding-top: 4rem;
}
.counter-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 0;

  font-weight: 700;
  text-align: center;
  color: #2f65ad;
}
.counter-card .counter-num {
  font-size: 28px;
}
div#block-views-block-counters-block-1 {
  margin: 2rem 0;
}
div#block-views-block-counters-block-1 .view-content.row {
  margin: 0;
  display: block;
}

.about-main {
  position: relative;
  display: flex;
  flex-direction: column;
}
.about-short-links {
  width: fit-content;
  margin: 0 auto;
  position: absolute;
  top: -2rem;

  left: 50%;
  transform: translate(-50%, 0%);
}
.about-short-links ul a {
  border-inline-start: 1px solid #e9e9e9;
  padding: 1rem 2rem;
  display: block;
  height: 100%;
  background: white;
  color: #6f6f6f;
  font-weight: 600;
}
.about-short-links ul a:hover {
  background-color: #003e5d;
  color: white;
}
.about-short-links ul li {
  width: auto;
  flex: 0 0 auto;
}
.about-short-links ul {
  display: flex;
  justify-content: center;
  list-style: none;
  align-items: center;
  padding: 0;
  margin: 0;
  text-align: center;
  border-radius: 15px;
  overflow: hidden;
}

div#views-bootstrap-why-us-block-1 {
  margin: 3rem 0;
}

.view-why-us .view-content.row {
  margin: 0;
  display: block;
}
.why-us {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  border: 1px solid black;
  border-radius: 10px;
  padding: 17px;
  margin-bottom: 2rem;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
div#views-bootstrap-why-us-block-1 > div {
  justify-content: center;
}
.why-us .custom-title {
  font-size: 21px;
  color: black;
  margin-top: 1rem;
}
.why-us-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 7px 6px rgb(0 0 0 / 3%), 0 5px 4px 0 rgb(0 0 0 / 5%);
  padding: 15px;
  background-color: #2f65ad;
  border-radius: 10px;
}
.why-us-card .why-us-image {
  border-radius: 100%;
  width: 80px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem 0;
}

.why-us-card .why-us-image {
  background: #e8f8fa;
}

.why-us-card .why-us-text {
  text-align: center;
}
.why-us-card .why-us-title {
  font-size: 19px;
  font-weight: 600;
}

.why-us-card .why-us-body {
  min-height: 80px;
  display: flex;
  align-items: center;
  color: white;
  font-size: 17px;
  font-weight: 800;
}

.phil-card {
  display: flex;
  gap: 2rem;
  align-items: center;
  margin: 1rem 0;
}
.phil-card .phil-image {
  background: #e5f1f7;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: revert;
  padding: 3rem;
  aspect-ratio: 1;
}

.phil-card .phil-title {
  font-weight: 600;
  font-size: 20px;
  color: #2f65ad;
  margin-bottom: 10px;
}

.philosophy .view-content.row,
.manager-word .view-content.row,
.boared-members .view-content.row {
  margin: 0;
  display: block;
}

.partners-image img {
  margin: 0 auto;
  aspect-ratio: 1;
  max-width: 170px;
  height: 170px;
  object-fit: contain;
}
.service-card {
  background: #366ab0;
  color: white;
  padding: 20px;
  height: 100%;
  border-radius: 15px;
}
.service-card-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
}
.service-card-body p {
  font-size: 14px !important;
}
.view-id-services.view-display-id-block_1 .views-row{
  margin-bottom: 40px;
}
.home-partners-card {
  display: flex;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.08);
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: 5px;
  background-color: white;
}
.home-partners-card > a {
    width:100%;
    text-align:center;
}
video{
  object-fit: cover;
}
.events-card-251 .events-card-image img {
  background: white;
}

div#block-views-block-partners-block-1 {
  margin: 5rem 0;
}

.mangaer-word-container {
  background: linear-gradient(
    180deg,
    rgb(3 122 180) 0%,
    rgb(32 34 95) 100%
  ) !important;
  padding: 5rem 0;
}

.mangaer-word-container .mangaer-word-text {
  color: white;
}
.mangaer-word-container .mangaer-word-text .mangaer-word-title {
  color: #a5e1ff;
  font-size: 35px;
  font-weight: 800;
}
.mangaer-word-container > .container > .row {
  align-items: center;
}

.custom-see-all {
  text-align: end;
}

.custom-see-all a {
  color: #2f65ad;
  border: 1px solid #2f65ad;
  padding: 9px 25px;
  display: block;
  width: fit-content;
  margin: 1rem 0;
  display: inline-block;
  border-radius: 10px;
  transition: 0.4s;
}
.custom-see-all a:hover {
  color: white;
  border: 1px solid white;
  background-color: #2f65ad;
}
.mangaer-word-container .mangaer-word-image {
  text-align: center;
}
.mangaer-word-container .mangaer-word-image img {
  border-radius: 15px;
}
.mangaer-word-container .mangaer-word-job-desc {
  margin-bottom: 2rem;
}
.mangaer-word-container .mangaer-word--first-title {
  font-size: 25px;
  margin-bottom: 1rem;
  width: fit-content;
}
.mangaer-word-container .mangaer-word--first-title::after {
  content: "";
  height: 2px;
  width: 100%;
  display: block;
  background-color: white;
}

.board-members {
  display: flex;
  gap: 1rem;
  align-items: center;
  box-shadow: 0 2px 7px 6px rgb(3 122 180 / 3%), 0 5px 4px 0 rgb(3 122 180 / 3%);
  padding: 1rem;
  color: rgb(3 122 180);
  margin: 1rem 0;
}
.board-members .board-members-title {
  color: #2f65ad;
  font-size: 20px;
  font-weight: 900;
}
.board-members .board-members-job {
  color: #707070;
}

.board-members .board-members-img img {
  border-radius: 100%;
  aspect-ratio: 1;
  width: 98px;
  height: 98px;
  border: 1px solid #e9e9e9;
}
section#boared-members {
  margin: 3rem 0;
}

div#block-views-block-news-block-3 {
  margin: 4rem 0;
}

.webform-submission-owners-association-form .js-webform-image-file label {
  width: 100%;
  padding: 4rem;
  background: #e5f1f7;
  text-align: center;
  cursor: pointer;
  color: #88abc8;
  font-weight: 800;
  font-size: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column-reverse;
}

.webform-submission-owners-association-form
  .js-webform-image-file
  label::after {
  content: "";
  width: 52px;
  height: 52px;
  display: block;
  margin: 1rem auto;
  background-image: url("../images/uploade_img.png");
}

.toast.fade {
  font-size: 17px;
}

.webform-submission-owners-association-form .form-actions {
  width: fit-content;
  margin: 0 auto;
}

.webform-submission-owners-association-form .form-actions button {
  padding: 0.5rem 4rem;
  background: #076ca7;
  color: white;
  font-size: 19px;
  font-weight: 700;
  border: 1px solid #076ca7;
  margin-top: 32px;
}

.webform-flex--container {
  margin: 0;
  margin-inline-end: 10px;
}
.work-time .view-content.row,
.invest-resones .view-content.row {
  margin: 0;
  display: block;
}

div#block-exposedformtime-of-workblock-1 {
  background: linear-gradient(
    180deg,
    rgb(3 122 180) 0%,
    rgb(32 34 95) 100%
  ) !important;

  padding: 10px 1rem;
}
div#block-exposedformtime-of-workblock-1 .form-row {
  display: block;
}
div#block-exposedformtime-of-workblock-1 ul {
  padding: 0;
  margin: 0;
}
div#block-exposedformtime-of-workblock-1 a {
  color: white;
  font-weight: 600;
  margin: 0.5rem 0;
  display: block;
  padding: 10px;
  font-size: 14px;
}
div#block-exposedformtime-of-workblock-1 a:hover,
div#block-exposedformtime-of-workblock-1 a.bef-link--selected {
  background-color: #3386b6;
}
div#block-exposedformtime-of-workblock-1 .form-required {
  display: none;
}

div#block-exposedformtime-of-workblock-1 .form-row > fieldset {
  margin: 0;
}

div#block-exposedformtime-of-workblock-1 .form-actions {
  display: none;
}

.time-tables table,
.time-tables table tr th {
  color: #707070;
  border: unset;
}
.time-tables table {
  font-weight: 600;
}
.time-tables .table-responsive {
  box-shadow: 0 2px 7px 6px rgb(3 122 180 / 3%), 0 5px 4px 0 rgb(3 122 180 / 3%);
}
.time-tables table tr th:nth-child(2),
.time-tables table tr td:nth-child(2) {
  text-align: end;
}

.time-tables table tr th,
.time-tables table tr td {
  background-color: white;
}
.time-tables caption {
  text-align: start;
  caption-side: top;
  color: #2f65ad;
  font-size: 20px;
  font-weight: 600;
  padding-inline-start: 10px;
}
.time-tables table thead > tr {
  border: unset;
}

.time-tables .table td,
.time-tables .table th {
  padding: 1.2rem 10px;
}

.work-time {
  padding: 3rem 0;
}
.work-time .inner-title {
  margin-bottom: 3rem;
}

.invest-resones {
  padding: 5rem 0;
  background-color: #f9f9f9;
}

.invest-resones .board-members {
  background-color: white;
  padding: 1.5rem;
}

.invest-resones .invest-img {
  background: F9F9F9;
  padding: 1.5rem;
  border-radius: 100%;
}

.webform-submission-register-your-interest-form .form-actions {
  text-align: center;
  margin-top: 1rem;
}

.webform-submission-register-your-interest-form .form-actions button {
  padding: 0.5rem 3rem;
  background-color: white;
  border: 1px solid #2f65ad;
  transition: 0.4s;
  color: #2f65ad;
}
.webform-submission-register-your-interest-form .form-actions button:hover {
  color: white;
  background-color: #2f65ad;
}

.more-qustion {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3rem 0;
  background-color: #f9f9f9;
}
.more-qustion-title {
  color: #2f65ad;
  font-size: 25px;
  font-weight: 600;
}
.more-qustion-btns {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}
.more-qustion-body {
  font-size: 14px;
}
.more-qustion-btns a {
  background: transparent;
  color: #3b7ab4;
  border: 1px solid #3b7ab4;
  display: block;
  padding: 0.5rem 7rem;
  /* width: 100%; */
  border-radius: 12px;
  font-weight: 800;
}

.more-qustion-btns a:hover,
.webform-submission-owners-association-form .form-actions button:hover {
  color: white;
  background-color: #2f65ad;
}

.contat-ass a {
  color: white;
  background: #0673ad;
  padding: 0.7rem 4rem;
  border-radius: 10px;
  display: block;
  width: fit-content;
  margin: 0 auto;
  font-weight: 600;
}

.contat-ass {
  background: #eeeeee;
  padding: 3rem 0;
}
.contat-ass a:hover {
  background-color: white;
  color: #2f65ad;
}
.collapse-item {
  width: 100% !important;
  margin-bottom: 20px;
}
.collapse-item .card-header > a.collapsed:after {
  content: "\f107";
}

.collapse-item .card-header > a:after {
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  line-height: 1.5;
  transition: 0.3s;
}
[dir="rtl"] .collapse-item .card-header > a:after {
  right: unset;
  left: 0;
}
.collapse-item .card-header {
  border-bottom: none;
  font-size: 16px;
  background-color: white;
}
.page-node-37 #main-wrapper {
  background: #f9f9f9;
}
.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
}
.collapse-item .card-header a {
  display: block;
  position: relative;
}

form#views-exposed-form-projects-block-1 .form-row {
  display: inline-block;
  width: 100%;
}

form#views-exposed-form-projects-block-1 ul {
  display: flex;
  width: 100%;
  justify-content: space-around;
  padding: 1.2rem 1rem;
  background-color: white;
}

section.projects {
  background: #ebf5f9;
  padding: 3rem 0;
  padding-bottom: 8rem;
}
div#block-views-block-gallery-block-1 > h2 {
  padding: 3rem;
}
form#views-exposed-form-projects-block-1 ul a {
  color: #707070;
  font-weight: 800;
}

form#views-exposed-form-projects-block-1 ul a::after {
  content: "";
  display: block;
  height: 2px;
  width: 0%;
  transition: 0.4s;
}

form#views-exposed-form-projects-block-1 ul a:hover::after,
form#views-exposed-form-projects-block-1 ul a.bef-link--selected::after {
  background-color: #2f65ad;
  width: 100%;
}
form#views-exposed-form-projects-block-1 ul a:hover,
form#views-exposed-form-projects-block-1 ul a.bef-link--selected {
  color: #2f65ad;
}
form#views-exposed-form-projects-block-1 .form-required::after {
  content: unset;
}

form#views-exposed-form-projects-block-1 .form-actions {
  display: none;
}

.projects-card {
  background: white;
  box-shadow: 0 2px 7px 6px rgb(0 0 0 / 7%), 0 5px 4px 0 rgb(0 0 0 / 10%);
  margin: 1rem;
  border-radius: 10px;
  overflow: hidden;
}
.inner .projects-card {
  margin: 1rem 0px;
}
.node--type-projects .inner .projects-card {
  margin: 1rem;
}
div#views-bootstrap-projects-block-2 > .row {
  margin: 0;
}
.projects-card .project-content {
  padding: 10px;
}
.projects-card .project-content .project-title {
  color: #2f65ad;
  font-weight: 700;
  font-size: 20px;
}

.projects-card .project-img img {
  width: 100%;
}

.projects-card .project-content .project-body {
  color: #cbcbcb;
  font-size: 15px;
  min-height: 90px;
}
.projects-card .project-content .project-location {
  border-bottom: 1px solid #e9e9e9;
  color: #707070;
  font-size: 15px;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.view-id-taxonomy_term.view-display-id-page_1{
  display: none;
}
.projects-card .project-content .project-btn a {
  background: #2f65ad;
  width: 100%;
  display: block;
  text-align: center;
  border-radius: 5px;
  padding: 0.5rem;
  margin-top: 15px;
  color: white;
}
.project-img {
  background: #f3e3d6;
}
div#block-views-block-gallery-block-1-2 img {
  height: 380px !important;
  object-fit: contain;
}
.projects-card .project-content .project-body {
  display: none;
}
.project-location {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.projects-card .project-content .project-btn a:hover {
  color: white;
  background-color: #2f65ad;
}

.projects-card .imagefield_slideshow-wrapper {
  display: block;
  border: unset;
  padding: 0;
  margin: 0;
}
.projects-card .flex-control-nav {
  bottom: 0 !important;
  z-index: 99;
}
.projects-card .flex-direction-nav {
  display: none;
}

.projects-card .flex-control-paging li a.flex-active {
  background: white;
}
.block-views-exposed-filter-blockprojects-block-2 {
  background: #10528e;
  padding: 1rem;
  color: white;
  border-radius: 10px;
}
.block-views-exposed-filter-blockprojects-block-2 .form-row {
  display: block;
  margin: 0;
}

.block-views-exposed-filter-blockprojects-block-2 input,
.block-views-exposed-filter-blockprojects-block-2 select,
.block-views-exposed-filter-blockprojects-block-2 input:focus {
  background: #1968a0;
  border: unset;
  color: white;
}

.block-views-exposed-filter-blockprojects-block-2 input::placeholder,
.block-views-exposed-filter-blockprojects-block-2 select {
  color: #88abc8;
}
.block-views-exposed-filter-blockprojects-block-2 .form-actions button {
  width: 100%;
  background: white;
  color: #10528e;
  border: unset;
}

.block-views-exposed-filter-blockprojects-block-2 .form-actions {
  padding: 0;
  margin: 0;
  margin-top: 2rem;
  background-color: transparent;
}
.block-views-exposed-filter-blockprojects-block-2 .form-actions button {
  width: 100%;
  background: white;
  color: #10528e;
  border: unset;
  font-weight: 800;
  font-size: 21px;
  transition: 0.4s;
  border-radius: 0.25rem;
}

.block-views-exposed-filter-blockprojects-block-2 .form-actions button:hover,
.block-views-exposed-filter-blockprojects-block-2 .form-actions button:focus {
  background-color: #2f65ad;
  color: white;
  box-shadow: unset;
  border: unset;
}

.block-views-exposed-filter-blockprojects-block-2 .form-row > fieldset {
  margin: 1rem 0;
}
.project-compare .remove-link,
.path-compare .remove-link {
  color: red;
  font-size: 14px;
  font-weight: 900;
}

.project-price-compare {
  display: flex;
  gap: 12px;
}
.project-compare .add-link,
.path-compare .add-link {
  color: #2f65ad;
  font-size: 14px;
  font-weight: 900;
}

.add-icon-compare svg {
  display: block;
  height: 200px;
  width: 200px;
  color: #2f65ad;
}

[dir="rtl"] .modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem auto -1rem -1rem;
}
.modal-body {
  text-align: center;
}
.modal-body a {
  display: block;
  color: white !important;
  background: #2f65ad;
  width: 80%;
  padding: 0.6rem 0;
  margin: 1rem auto;
  text-align: center;
  border-radius: 10px;
  border: 1px solid transparent;
}
.modal-body a:hover {
  border: 1px solid #2f65ad;
  background-color: white !important;
  color: #2f65ad !important;
}
.add-icon-compare {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}

.add-icon-compare .circle {
  stroke-dasharray: 76;
  stroke-dashoffset: 76;
  -webkit-animation: draw 1s forwards;
  animation: draw 1s forwards;
}

.add-icon-compare .tick {
  stroke-dasharray: 18;
  stroke-dashoffset: 18;
  -webkit-animation: draw 1s forwards 1s;
  animation: draw 1s forwards 1s;
}

@-webkit-keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}

.project-compare .add-link::before,
.path-compare .add-link::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f362";
  font-size: 14px;
  margin: 0 8px;
  color: #2f65ad;
}
.project-compare .remove-link::before,
.path-compare .remove-link::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f2ed";
  font-size: 14px;
  margin: 0 8px;
  color: red;
}
.nice-select .list {
  background-color: #2f65ad !important;
}
.nice-select {
  width: 100%;
  color: #88abc8;
  border: unset;
  background-color: #2f65ad;
  text-align: start !important;
  padding: 0 10px 0 18px !important;
}
.nice-select .option {
  text-align: start !important;
}
[dir="rtl"] .nice-select:after {
  right: unset;
  left: 12px;
}
.custom-select {
  background: #2f65ad;
  color: white;
}

.view-id-project_inner .about-tect-content {
  padding-top: 2rem;
  justify-content: start;
}

.view-id-project_inner .view-content.row {
  margin: 0;
  display: block;
}
.site-footer {
  padding-bottom: 0 !important;
}
div#block-views-block-gallery-block-2 > h2 {
  display: none;
}

div#block-views-block-project-inner-block-2
  .views-row:nth-child(odd)
  .about-images
  .imagefield_slideshow-wrapper {
  float: left;
}
div#block-views-block-project-inner-block-2
  .views-row:nth-child(even)
  .about-images
  .imagefield_slideshow-wrapper {
  float: right;
}

[dir="rtl"]
  div#block-views-block-project-inner-block-2
  .views-row:nth-child(odd)
  .about-images
  .imagefield_slideshow-wrapper {
  float: right;
}
[dir="rtl"]
  div#block-views-block-project-inner-block-2
  .views-row:nth-child(even)
  .about-images
  .imagefield_slideshow-wrapper {
  float: left;
}
div#block-views-block-project-inner-block-2 .views-row {
  margin: 6rem 0;
}
.project-content .project-text-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: start;
  gap: 1rem;
}

.project-content .project-heading-text {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 5px;
  align-items: center;
}

.project-content .project-title {
  color: #2f65ad;
  font-weight: 700;
  font-size: 21px;
}

.project-content .project-price {
  font-size: 18px;
  color: #2f65ad;
  font-weight: 700;
}

.project-content .about-body p {
  color: #707070;
  font-size: 15px;
}

.project-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.project-details .projects-item {
  flex: 0 0 30%;
  margin: 6px;
}

.projects-item::before {
  content: "";
  width: 17px;
  height: 14px;
  display: inline-block;
  margin: 0 5px;
  background-size: 100% 100%;
}
.projects-item.projects-item-1::before {
  background-image: url(../images/bathroom.png);
}
.projects-item.projects-item-2::before {
  background-image: url(../images/room.png);
}
.projects-item.projects-item-3::before {
  background-image: url(../images/space.png);
}
.projects-item.projects-item-4::before {
  background-image: url(../images/garage.png);
}
.projects-item.projects-item-5::before {
  background-image: url(../images/pool.png);
}
.projects-item.projects-item-6::before {
  background-image: url(../images/driver.png);
}
.projects-item.projects-item-7::before {
  background-image: url(../images/parking.png);
}
.projects-item.projects-item-8::before {
  background-image: url(../images/driver.png);
}
.projects-item.projects-item-9::before {
  background-image: url(../images/elevator.png);
}

.custom-title-2 {
  color: #2f65ad;
  font-weight: font;
  font-size: 23px;
  font-weight: 800;
}

form#user-login-form {
  max-width: 400px;
  margin: auto;
  color: #0572ad;
  font-weight: 900;
  box-shadow: 0 2px 7px 6px rgb(3 122 180 / 3%), 0 5px 4px 0 rgb(3 122 180 / 3%);
  padding: 1rem;
  border-radius: 10px;
}

form#user-login-form input {
  height: 50px;
  border-radius: 2rem;
}
form#user-login-form .form-actions button {
  width: 100%;
  color: white;
  background-color: #2f65ad;
  font-weight: 600;
  transition: 0.4s;
  border-radius: 10px;
  border: 1px solid transparent;
}
form#user-login-form .form-actions button:hover {
  color: #2f65ad;
  background-color: white;
  border: 1px solid #2f65ad;
}

.preload {
  display: flex;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  text-align: center;

  justify-content: center;

  flex-direction: column;

  text-align: center;

  background-color: #fff;

  z-index: 999;
}

.preload svg {
  display: none;
}

.preload .blobs {
  filter: url(#goo);

  width: 300px;

  height: 300px;

  position: relative;

  overflow: hidden;

  border-radius: 70px;

  transform-style: preserve-3d;

  margin: auto;
}

.preload .blobs .blob-center {
  transform-style: preserve-3d;

  position: absolute;

  background: #2f65ad;

  top: 50%;

  left: 50%;

  width: 30px;

  height: 30px;

  transform-origin: left top;

  transform: scale(0.9) translate(-50%, -50%);

  animation: blob-grow linear 3.4s infinite;

  border-radius: 50%;

  box-shadow: 0 -10px 40px -5px #2f65ad;
}

.preload .blob {
  position: absolute;

  background: #2f65ad;

  top: 50%;

  left: 50%;

  width: 30px;

  height: 30px;

  border-radius: 50%;

  animation: blobs ease-out 3.4s infinite;

  transform: scale(0.9) translate(-50%, -50%);

  transform-origin: center top;

  opacity: 0;
}

.preload .blob:nth-child(1) {
  animation-delay: 0.2s;
}

.preload .blob:nth-child(2) {
  animation-delay: 0.4s;
}

.preload .blob:nth-child(3) {
  animation-delay: 0.6s;
}

.preload .blob:nth-child(4) {
  animation-delay: 0.8s;
}

.preload .blob:nth-child(5) {
  animation-delay: 1s;
}

@keyframes blobs {
  0% {
    opacity: 0;

    transform: scale(0) translate(calc(-330px - 50%), -50%);
  }

  1% {
    opacity: 1;
  }

  35%,
  65% {
    opacity: 1;

    transform: scale(0.9) translate(-50%, -50%);
  }

  99% {
    opacity: 1;
  }

  100% {
    opacity: 0;

    transform: scale(0) translate(calc(330px - 50%), -50%);
  }
}

@keyframes blob-grow {
  0%,
  39% {
    transform: scale(0) translate(-50%, -50%);
  }

  40%,
  42% {
    transform: scale(1, 0.9) translate(-50%, -50%);
  }

  43%,
  44% {
    transform: scale(1.2, 1.1) translate(-50%, -50%);
  }

  45%,
  46% {
    transform: scale(1.3, 1.2) translate(-50%, -50%);
  }

  47%,
  48% {
    transform: scale(1.4, 1.3) translate(-50%, -50%);
  }

  52% {
    transform: scale(1.5, 1.4) translate(-50%, -50%);
  }

  54% {
    transform: scale(1.7, 1.6) translate(-50%, -50%);
  }

  58% {
    transform: scale(1.8, 1.7) translate(-50%, -50%);
  }

  68%,
  70% {
    transform: scale(1.7, 1.5) translate(-50%, -50%);
  }

  78% {
    transform: scale(1.6, 1.4) translate(-50%, -50%);
  }

  80%,
  81% {
    transform: scale(1.5, 1.4) translate(-50%, -50%);
  }

  82%,
  83% {
    transform: scale(1.4, 1.3) translate(-50%, -50%);
  }

  84%,
  85% {
    transform: scale(1.3, 1.2) translate(-50%, -50%);
  }

  86%,
  87% {
    transform: scale(1.2, 1.1) translate(-50%, -50%);
  }

  90%,
  91% {
    transform: scale(1, 0.9) translate(-50%, -50%);
  }

  92%,
  100% {
    transform: scale(0) translate(-50%, -50%);
  }
}

.view-id-projects .view-footer a {
  width: fit-content;
  margin: 2rem auto;
}

div#comparison-table * {
  background: white;
  text-align: center;
}
.table-responsive .table thead th a {
  color: #2f65ad;
  font-size: 19px;
}

.news-letter-text {
  color: #2f65ad;
  font-size: 18px;
  font-weight: 800;
}
.custom-card.doctors-card button {
  display: none !important;
}
.doctors-card .custom-card-body {
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-card.doctors-card > a {
  display: block;
  background-color: white;
  transition: 0.4s;
}
.custom-card.doctors-card > a:hover {
  background-color: #2f65ad;
}
.custom-card.doctors-card > a:hover .custom-card-title,
.custom-card.doctors-card > a:hover .custom-card-body,
.custom-card.doctors-card > a:hover .custom-date {
  color: white;
}
.custom-card.doctors-card .custom-card-text {
  text-align: center;
}
.ui-widget.ui-widget-content {
  width: auto !important;
}

.custom-card.doctors-card .custom-card-title {
  display: block;
  height: auto;
}
.custom-rounded-image {
  padding-top: 1.5rem;
  text-align: center;
}
.custom-raiting p {
  font-size: 14px;
  color: black;
  margin-bottom: 0;
  display: none;
}
.custom-rounded-image img {
  width: 108px;
  height: 108px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}
div#comparison-table tbody {
  color: #707070;
  font-weight: 600;
}

div#comparison-table td {
  border-bottom: 1px solid #f9f9f9;
}

div#comparison-table ol.flex-control-nav.flex-control-paging {
  display: none;
}

div#comparison-table ul.flex-direction-nav * {
  background: unset !important;
  /* height: 40px; */
}

.counter-img {
  background: #f4f7f6;
  margin-bottom: 1rem;
  padding: 1rem;

  border-radius: 10px;
  width: 80px;
}

footer.site-footer nav ul {
  display: flex;
  flex-direction: column;
}

.banner-img img {
  width: 100%;
}
.banner-content {
  position: relative;
}
.banner-text {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  background: rgb(0 105 82 / 70%);
}

.banner-text h2 {
  font-size: 30px;
  color: white;
  width: 40%;
}

.banner-text a {
  padding: 10px 3rem;
  background-color: transparent;
  border: 1px solid white;
  color: white !important;
  display: block;
  border-radius: 10px;
  margin-top: 1.3rem;
}

.banner-text a:hover {
  background-color: #2f65ad;
}

.image-gallery img {
  width: 100%;
  height: 100%;
}
.sp-slide .image-gallery img {
  filter: grayscale(100%);
}
.sp-slide.sp-selected .image-gallery img {
  filter: grayscale(0%);
}
.projects .view-content.row {
  margin: 0;
  display: block;
}
.white-bg {
  background-color: white;
  padding: 2rem 1rem;
  margin-top: 2rem;
}

.footer-bottom-text {
  padding: 6px 0;
  border-top: 1px solid white;
  text-align: center;
}
.main-logo img {
    border-radius:20px;
    background:white;
  max-width: 110px;
  object-fit: contain;
}
.sp-mask.sp-grab {
  height: 650px !important;
}
.sp-slide,
.sp-slide * {
  height: 650px;
}

[dir="rtl"] .slick-prev {
  right: 0;
}
.dropdown-toggle::after {
  transition: unset !important;
}
.navbar-expand-md .navbar-nav .dropdown-menu a {
  border-bottom: 1px solid white;
}
.navbar-expand-md .navbar-nav .dropdown-menu a:hover {
  color: white;
}
.navbar-expand-md .navbar-nav .dropdown-menu a::after {
  background-color: green;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
  background: #2e65ac38;
  padding: 10px !important;
  backdrop-filter: blur(4px) contrast(95%);
}
.navbar-expand-md .navbar-nav .dropdown-menu li {
  padding: 0;
}
section.row.region.region-disktop-nav {
  justify-content: space-between;
  margin: 0;
}
section.row.region.region-disktop-nav::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: white;
}
nav#block-socialmedia-3 a:hover {
  background: #2f65ad;
  color: white;
}
nav#block-socialmedianew {
  flex: 1;
}
.why-us img {
  width: 160px;
  height: 160px;
}
.desc-top-nav.disktop-view {
  background: #2f65ad;
}
.desc-top-nav.disktop-view a {
  color: white;
  font-size: 15px;
}
.desc-top-nav.disktop-view a:hover {
  color: #f2e2d5;
}

/* .sub-headeing-about:after {
        content: "";
        display: block;
        width: 100px;
        height: 2px;
        background: #2f65ad;
        margin-top: 1rem;

    } */
.sub-headeing-about {
  color: white;
  font-size: 15px;
  background: #2f65adf7;
  padding: 5px 10px;
  border-radius: 5px;
}

section#contact-us input {
  border: 1px solid #eeeeee;
  border-radius: unset;
  padding: 1.4rem 1rem;
}

.site-footer_bottom .row {
  align-items: center;
}

footer.site-footer div#block-newslettersignupblock-2 input {
  border: 1px solid #d4d4d4;
  border-radius: unset;
  padding: 1.5rem;
}

footer.site-footer div#block-newslettersignupblock-2 form {
  display: flex;
  justify-content: space-evenly;
}

footer.site-footer
  div#block-newslettersignupblock-2
  .js-form-item-newsletteryouremail {
  width: 70%;
}

footer .row {
  align-items: center;
}

footer.site-footer
  div#block-newslettersignupblock-2
  .js-form-item-newsletteryouremail
  label {
  display: none;
}
footer.site-footer div#block-newslettersignupblock-2 button {
  background: white;
  border: 1px solid #2f65ad;
  color: #2f65ad;
  padding: 10px 4rem;
  line-height: normal;
  height: auto;
  margin-bottom: 8px;
  border-radius: none;
}

footer.site-footer > .container {
  padding: 2rem 0;}

.services-block h3 {
  color: white;
}

.custom-title h2 {
  font-family: "Bebas Neue", serif;
  font-size: 45px;
}
section#whyus {
  background: #2f65ad  !important;
   /* background-image: url(../images/bg-33.svg);  */
  background-size: 100% ;
  background-repeat: no-repeat;
  padding: 4rem 0;
  background-position: center;
  
}
section#whyus .sec-top .title{
  color: white;
  font-family: "Bebas Neue", serif;
  text-transform: uppercase;
  font-size: 45px;

}
section#whyus .sec-top .title span{
  font-family: "Bebas Neue", serif;
  height: 60px;
}
.services-card h2 {
  font-size: 23px;
}
.services h3 {
  margin-bottom: 2rem;
}
.node--type-events-conferences- .field--name-field-multi-img > div {
  flex: 1 0 21%;
}

.node--type-events-conferences- .field--name-field-multi-img {
  display: flex
;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}
.node--type-events-conferences- .field--type-image img {
  max-height: 321px;
  object-fit: cover;
}

.view-display-id-page_3 .view-content.row,
.view-display-id-page_2 .view-content.row {
  display: block;
  margin: 0;
}
.services-image img {
  width: 100%;
  height: 300px;
}
section.services {

}
section{
  /* background-image: url(../images/sec-back.png); */
  background-size: 100% 100%;
}
.services-image img {
  width: 100%;
}

.services-card {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.services-title {
  color: white;
  position: absolute;
  bottom: 18px;
  width: 100%;
  text-align: center;
  font-weight: 800;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: end;
  flex-direction: column;
  padding-bottom: 1.2rem;
  background: linear-gradient(
    180deg,
    rgba(166, 140, 191, 0.6) 94%,
    rgba(134, 98, 167, 1) 100%,
    rgba(138, 96, 170, 0.5) 99%
  );
}
section.trip {
  margin: 3rem 0;
}
/* .sec-top {
  text-align: center;
} */

.sec-top .pre-title {
  color: white;
  font-size: 15px;
  background: #2f65adf7;
  padding: 5px 10px;
  border-radius: 5px;
  width: fit-content;
  margin: 0 auto;
}
.sec-top > div {
  margin-bottom: 1rem;
}
.sec-top .title {
  color: #2f65ad;
  font-family: "Bebas Neue", serif;
  text-transform: uppercase;
  font-size: 45px;  margin-bottom: 2rem;
  text-align: center;
}
.sec-top .body {
  padding: 0;
  max-width: 80%;
  margin: 0 auto;
}

.contact-us {
  position: relative;
}
.message-back::after {
  content: "";
  width: 260px;
  height: 140px;
  background-image: url(../images/contact-after.png);
  background-size: 100% 100%;
  display: block;
  position: absolute;
  top: -140px;
  left: 15px;
}
.trip-middle-container {
  background-image: url(../images/trip-back.png);
  background-size: 100% 100%;
  color: white;
  padding: 5rem 1rem;
}

.testmonial-card {
  margin: 15px;
  text-align: center;
}
.testmonial-card img {
  margin: 0 auto;
}
.testmonial-body {
  font-size: 14px;
  padding: 1rem;
  box-shadow: 0 2px 7px 6px rgb(0 0 0 / 7%), 0 5px 4px 0 rgb(0 0 0 / 10%);
  text-align: center;
  position: relative;
  background: white;
  min-height: 260px;
  display: flex;
  justify-content: center;
  align-items: center;
}
[dir="ltr"] .testmonial-body {
  min-height: 300px;
}

.trip-image img {
  width: 100%;
}

.testmonial-image {
  text-align: center;
  width: fit-content;
  margin: 0 auto;
  box-shadow: 0 2px 7px 6px rgb(0 0 0 / 7%), 0 5px 4px 0 rgb(0 0 0 / 10%);
  padding: 15px;
  border-radius: 50%;
  margin-top: 2rem;
}
.testmonial-gender {
  color: #adadad;
}
.testmonial-title {
  margin-top: 10px;
}
.testmonial {
  margin: 4rem 0;
  margin-bottom: 6rem;
}


.slick-dots li button::before,
.slick-dots li.slick-active button:before {
  color: #2f65ad;
}

.testmonial-body::after {
  content: "";
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  bottom: -7px;
  left: 44%;
  background: white;
  transform: rotate(45deg);
  z-index: -2;
  box-shadow: 0 2px 7px 6px rgb(0 0 0 / 7%), 0 5px 4px 0 rgb(0 0 0 / 10%);
}

.trip-middle-container > .row {
  align-items: center;
}

.trip-content {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 15px;
}
.trip .custom-link {
  width: fit-content;
  margin: 2rem 0;
}
.trip .sec-top .title {
  text-align: start;
}
.node .field--type-image,
.node .field--type-image img {
  width: 100%;
}


.slick--view--parners .slick-track{
  display: flex;
  gap: 30px;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
  background: #2f65ad;
  color: white;
}
nav#block-wearehonoredtofollowyouandinteractwithus-4 {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 99999;
}
nav#block-wearehonoredtofollowyouandinteractwithus-4 a {
  color: white;
  background: #2f65ad;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
}
nav#block-wearehonoredtofollowyouandinteractwithus-4 span {
  font-size: 0;
}
nav#block-wearehonoredtofollowyouandinteractwithus-4 ul {
  flex-direction: column;
  gap: 10px;
}
button.ui-dialog-titlebar-close {
  background-image: url(../images/x.png);
  background-size: 100% 100%;
}

.custom-card {
  box-shadow: 0 2px 7px 6px rgb(0 0 0 / 7%), 0 5px 4px 0 rgb(0 0 0 / 10%);
  margin: 1rem 10px;
  background-color: white;
}
.blog {
  padding: 2rem 0;
}
.view-counters .view-content.row {
  display: block;
  margin: 0;
}
.why-us-image p {
  margin: 0;
  font-weight: 700;
  font-size: 20px;
}
.custom-card-image img {
  width: 100%;
  height: 200px;
}
.custom-card-text {
  padding: 1rem;
}
.custom-card-text > div {
  margin: 10px 0;
}
.custom-date {
  margin-top: 0 !important;
}
.custom-card-title {
  font-weight: 600;
  color: #2f65ad;
  font-size: 18px;
  height: 55px;
  display: flex;
  align-items: center;
}

.custom-card-body,
.custom-date {
  font-size: 15px;
  color: #adadad;
}

.custom-card-link {
}
.custom-see-all {
}

[dir="rtl"] .slick-next {
  right: 46px;
  left: unset !important;
}
[dir="ltr"] .slick-next {
  left: 46px;
  right: unset !important;
}

.welcome-card {
  position: relative;
  overflow: hidden;
  margin-bottom: 6rem;
  margin-top: 8rem;
}

.welcome-text-container > * {
  width: 100%;
  text-align: start;
}
.welcome-text-container .custom-link a {
  width: fit-content;
  color: white;
  border: 1px solid white;
}
.welcome-text-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  text-align: start;
  color: white;
  margin-inline-end: 95px;
  flex-direction: column;
  margin-top: 3rem;
}

.welcome-text {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
[dir="rtl"] .welcome-text {
  justify-content: flex-end;
}

.path-product .field__label {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 1rem;
}
.path-product .text-formatted p {
  color: #adadad;
  margin-bottom: 0;
}

.field--name-field-program-content {
  padding: 2rem 0;
  border-top: 1px solid #e3f0fb;
  border-bottom: 1px solid #e3f0fb;
  margin: 1.5rem 0;
  display: inline-block;
  width: 100%;
}
.toolbar-loading .acc-tools-click{
  bottom: 50px;
}
.webform-submission-owners-association-form .form-control {
  height: 56px;
}
.field--name-field-program-content .field__items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.field--name-field-program-content .field__items .field__item {
  flex: 0 0 24%;
}
@media (max-width: 768px) {
  .field--name-field-program-content .field__items .field__item {
    flex: 0 0 98%;
    margin: 5px 0;
  }
  ul.dropdown-menu.show a {
    font-size: 12px !important;
  }
  ul.dropdown-menu,
  .dropdown-item {
    padding: 0px !important;
  }
  .acc-tools-click {
    right: unset;
    left: 20px !important;
    bottom: 40px!important;
}
.feature-card-body {
  padding: 0 2px;
  font-size: 13px;
}
}
.field--name-field-program-content .field--name-node-title h5 {
  box-shadow: 0 2px 7px 0px rgb(0 0 0 / 7%), 0 2px 4px 0 rgb(0 0 0 / 10%);
  color: #2f65ad;
  background: white;
  padding: 2rem;
  width: 100%;
  font-weight: 600;
  text-align: center;
}

.field--name-field-program-stages .field__items > .field__item {
  display: inline-block;
  width: 100%;
  background-color: white;
  margin-bottom: 20px;
  padding: 20px;
  box-shadow: 0 2px 7px 0px rgb(0 0 0 / 7%), 0 2px 4px 0 rgb(0 0 0 / 10%);
}
.field--name-field-program-stages .field__item h4 {
  color: #2f65ad;
}

.price-sec {
  background-image: url("../images/price-sec.png");
  background-size: 100% 100%;
  padding: 2rem 5rem;
  color: white;
  margin: 4rem 0;
}
.price-sec .views-field.views-field-price__number {
  font-size: 25px;
  font-weight: 700;
}
.price-sec .view-content.row {
  display: block;
  margin: 0;
}
.price-sec .view-content.row > .views-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.commerce-order-item-add-to-cart-form .form-actions {
  background: transparent;
}

.commerce-order-item-add-to-cart-form button {
  color: white;
  background: transparent !important;
  border: 1px solid white !important;
  padding: 10px 5rem;
  transition: 0.4s;
  border-radius: 10px;
}
.commerce-order-item-add-to-cart-form button:hover {
  background: #2aa3ef;
}

.test-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custom-card.courses-card {
  margin: 1rem;
}
.view-id-courses.view-display-id-block_2 {
  padding: 3rem 0;
  padding-top: 1.5rem;
}
.custom-card.courses-card img {
  width: 100%;
  margin: 0;
}
.custom-card.courses-card button {
  color: #2aa3ef !important;
  background: white !important;
  width: fit-content;
  padding: 0;
}
.custom-card.courses-card button:focus,
.custom-card.courses-card button:active,
.custom-card.courses-card button:focus-visible {
  background-color: transparent;
  box-shadow: unset;
  outline: unset;
}
.custom-card.courses-card .field--type-entity-reference {
  margin: 0;
}
.custom-card.courses-card .form-actions {
  margin: 0;
  padding: 0;
}
.product-price {
  color: black;
  font-size: 20px;
  font-weight: 600;
}
.custom-card.courses-card .custom-card-title {
  font-size: 19px;
  height: auto;
}

.custom-card-text > div:nth-child(1) {
  padding-bottom: 1rem;
  border-bottom: 1px solid #e3f0fb;
  margin-bottom: 1.3rem;
}

.path-checkout input {
  height: 44px;
  border-radius: 2rem;
  border-color: #e3f0fb;
}
.path-checkout .btn-primary {
  background-color: #2f65ad !important;
  border-color: #2f65ad !important;
  height: 49px;
  border-radius: 2rem;
  padding: 15px 1.5rem;
  display: flex !important;
  align-items: center;
}
.path-checkout .btn-primary:hover,
.path-checkout .btn-primary:focus {
  background-color: #2f65ad;
  border-color: #2f65ad;
}
.path-checkout .path-checkout legend {
  color: #2f65ad;
  font-size: 30px;
  font-weight: 600;
}

.checkout-pane-order-summary table td {
  background: #2f65ad;
  color: white;
  align-content: center;
  vertical-align: middle;
  text-align: center;
}

.checkout-pane-order-summary table {
  border-radius: 3rem;
  overflow: hidden;
}

.form-actions {
  background: transparent !important;
}

.path-product .field--name-field-image img {
  width: 100%;
}

.views-label-price__number {
  margin: 20px;
}

.custom-card.vision-card .row {
  align-items: center;
}

.custom-card.vision-card {
  padding: 2rem;
}

.vision-right-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
  color: #2f65ad;
  font-size: 30px;
  font-weight: 800;
}
.view-our-vision {
  margin-top: 4rem;
  display: inline-block;
}
form#views-exposed-form-doctors-page-1 .form-row {
  display: block;
}
form#views-exposed-form-doctors-page-1 .js-form-item-title {
  background: white;
  padding: 1.5rem;
  display: block;
  border: 1px solid #e3f0fb;
}
.sidebar .block {
  background: transparent !important;
}
.nice-select .current {
  display: block !important;
  color: white;
}
.nice-select .option {
  color: white;
}

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

.inner .services-card {
  margin: 1rem 0;
}

.price-sec button:hover {
  background: #2f65ad !important;
}

.page-node-42 div#main {
  background: white;
}

.field--name-field-working-hours .field__label {
  font-size: 20px;
  font-weight: 800;
  color: #2f65ad;
}

.page-node-42 h2 {
  font-size: 20px;
  font-weight: 800;
  color: #2f65ad;
}

tr,
table tr th {
  color: #adadad;
  background: white !important;
}
.work-time a {
  color: #adadad;
}
.work-time a:hover,
.work-time a:hover i {
  color: #2f65ad;
}
.work-time i {
  color: #2f65ad;
  transition: 0.4s;
  font-size: 20px;
  margin: 0 5px;
}
.work-time ul {
  padding: 0;
}
nav#block-ccontactinformation ul {
  flex-direction: column;
  padding: 0;
}
div#block-views-block-working-hours-block-1,
.work-time .col-md-8.col-12 {
  background: white;
  padding: 1rem;
  border: 1px solid #e3f0fb;
}

nav#block-ccontactinformation ul li {
  margin-bottom: 1rem;
}
.table thead th,
thead > tr {
  border: unset;
  border-top: unset;
}

nav#block-socialmedia-5 {
  margin-top: 1rem;
}

.path-doctors .welcome-card {
  margin-bottom: 2rem;
  margin-top: 0rem;
}
.dropdown-item:active {
  background-color: white;
}

.webform-submission-careers-form legend {
  color: #2f65ad;
  margin-bottom: 1.5rem;
}

.webform-submission-careers-form .js-webform-type-fieldset {
  border-bottom: 1px solid #e3f0fb;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}
.webform-submission-careers-form .fieldset-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.webform-submission-careers-form .fieldset-wrapper > * {
  flex: 0 0 49%;
  margin-bottom: 18px;
}
.webform-submission-careers-form input {
  height: 45px;
}
@media (max-width: 768px) {
  .webform-submission-careers-form .fieldset-wrapper > * {
    flex: 0 0 100%;
  }
}

.webform-submission-careers-form .form-actions,
.commerce-order-item-add-to-cart-form .form-actions {
  text-align: center;
  margin: 0 auto;
}
.webform-submission-careers-form .form-actions button,
.path-doctors-booking
  .commerce-order-item-add-to-cart-form
  .form-actions
  button {
  width: fit-content;
  padding: 1rem 3rem;
  background: transparent;
  color: #2f65ad !important;
  border: 1px solid #2f65ad !important;
  transition: 0.4s;
}

.webform-submission-careers-form .form-actions button:hover,
.commerce-order-item-add-to-cart-form .form-actions button:hover {
  background-color: #2f65ad !important;
  color: white !important;
}

.doctors-inner .welcome-card {
  margin-top: 0;
}

.commerce-order-item-add-to-cart-form .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.commerce-order-item-add-to-cart-form .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.commerce-order-item-add-to-cart-form .fieldset-wrapper > * {
  flex: 0 0 32%;
}
.commerce-order-item-add-to-cart-form legend {
  color: #2f65ad;
  margin-bottom: 1.5rem;
}
.commerce-order-item-add-to-cart-form .fieldset-wrapper input {
  height: 46px;
  width: 100%;
}
.commerce-order-item-add-to-cart-form .field-group-fieldset {
  border-bottom: 1px solid #e3f0fb;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}
.commerce-order-item-add-to-cart-form .js-form-type-date {
  width: 100%;
}
.commerce-order-item-add-to-cart-form .reservation-time .fieldset-wrapper > * {
  flex: 0 0 49%;
}

@media (max-width: 768px) {
  .commerce-order-item-add-to-cart-form .reservation-time .fieldset-wrapper > *,
  .commerce-order-item-add-to-cart-form .fieldset-wrapper > * {
    flex: 0 0 100%;
  }
}

@media (min-width: 768px) {
  .view-about-us .view-content .views-row:nth-child(even) .row {
    flex-direction: row-reverse;
  }
  .close-menu {
    display: none;
  }
  a.close-menu.nav-link.nav-link- {
    display: none;
  }
}
.js-form-type-time {
  margin: 0 !important;
}

.commerce-order-item-add-to-cart-form .reservation-time label {
  background: #2f65ad;
  width: 100%;
  margin-bottom: 0;
  padding: 1rem;
  color: white;
  text-align: center;
}
a.close-menu.nav-link.nav-link- {
  text-align: center;
  margin: 0 auto;
}

.welcome-card.card-2 .welcome-text-container {
  margin-inline-end: 0;
  height: 100%;
  margin-top: 10rem;
  padding: 10px;
  text-align: center;
  justify-content: flex-start;
}

.welcome-card.card-2 .welcome-text-container > * {
  text-align: center;
}
.welcome-card.card-2 .welcome-text-container .custom-link a {
  margin: 0 auto;
}

.doctors-top .doctors-image img {
  width: 200px;
  height: 200px;
}
.doctors-top {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}

.doctors-top .doctors-title {
  color: #2f65ad;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 0.6rem;
}
.doctors-top .br-theme-css-stars .br-widget a {
  float: unset;
}
.doctors-spes > div {
  margin-bottom: 0.6rem;
  color: #adadad;
}
.doctors-btn a {
  border: 1px solid #2f65ad;
  display: block;
  text-align: center;
  padding: 0.7rem 1.5rem;
  border-radius: 10px;
}
.doctors-btn a:hover {
  background-color: #2f65ad;
  color: white;
}

.path-product .commerce-order-item-add-to-cart-form legend,
.path-product .commerce-order-item-add-to-cart-form .fieldset-wrapper > *,
.path-product .commerce-order-item-add-to-cart-form .form-actions {
  display: none;
}
.path-product .price-sec .commerce-order-item-add-to-cart-form .form-actions {
  display: block;
}

.path-product
  .commerce-order-item-add-to-cart-form
  .field--name-purchased-entity {
  display: block;
  margin-top: 2rem;
}

.path-product .commerce-order-item-add-to-cart-form .field-group-fieldset {
  border-bottom: 0;
  padding: 0;
  margin: 0;
}

.path-product .commerce-order-item-add-to-cart-form .field--name-variations * {
  display: inline;
}
.path-product .commerce-order-item-add-to-cart-form .field--name-variations {
  display: inline;
}

.path-product
  .commerce-order-item-add-to-cart-form
  .nice-select.form-select.required.custom-select {
  display: block;
}
.doctors-middle > div {
  flex: 0 0 49%;
  display: flex;
  align-items: center;
  gap: 10px;
}

.doctors-middle {
  background: white;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 2rem;
  margin-top: 1rem;
}

.path-product .doctors-middle .field__label {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0rem;
}
.path-product .doctors-middle .field__label:after {
  content: ":";
  margin: 0 5px;
  display: inline;
}
.doctors-middle .commerce-order-item-add-to-cart-form .fieldset-wrapper {
  display: inline;
}

.path-product .doctor-body {
  margin-top: 2rem;
}

.product-tags .field__item h6 {
  border: 1px solid #e3f0fb;
  padding: 18px;
  font-size: 20px;
  color: #2f65ad;
}
.product-tags .field__items {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.video-image img {
  width: 100%;
}

.video-image {
  position: relative;
}

.video-container .video-embed-field-launch-modal,
.video-link .video-embed-field-launch-modal {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 99;
  cursor: pointer;
}
.video-container video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: auto;
  margin: auto;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  z-index: -1;
}

.video-image:hover i {
  font-size: 80px;
  color: #2f65ad;
}

.video-container i {
  font-size: 60px;
  color: white;
  transition: 0.4s;
}
.video-text-container > * {
  margin-bottom: 1rem;
}
.video-text-container {
  height: 100%;
  padding: 15px;
}
.video-link {
  position: relative;
  width: fit-content;
  cursor: pointer;
  color: #2f65ad;
  font-weight: 600;
  font-size: 20px;
}
.video-text-container .custom-title::after {
  content: unset;
}

div#edit-completion-message {
  position: fixed;
  inset: 0;
  width: 100%;
  display: block;
  height: 100%;
  z-index: 3;
  background: linear-gradient(
    90deg,
    rgba(0, 175, 200, 0.4992121848739496) 0%,
    rgba(134, 98, 168, 0.5048144257703081) 100%
  );
}
.checkout-complete {
  text-align: center;
  display: flex;
  width: 100%;
  width: fit-content;
  position: fixed;
  inset: 0;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  top: 50%;
  justify-content: center;
  border-radius: 0;
  left: 50%;
  background: white;
  z-index: 999;
  transform: translate(-50%, -50%);
  min-height: 365px;
  aspect-ratio: 1;
}
[dir="rtl"] .checkout-complete {
  transform: translate(-150%, -50%);
}
.checkout-complete-msg {
  margin: 1.5rem 12px;
}

.checkout-complete-btn a {
  display: block;
  width: 60%;
  border: 1px solid #2f65ad;
  border-radius: 2rem;
  padding: 0.5rem 0rem;
  font-size: 16px;
  background-color: #2f65ad;
  color: white;
  transition: 0.4s;
  margin: 0 auto;
}
.checkout-complete-btn a:hover {
  background-color: #2f65ad;
  color: white;
}

.checkout-complete-msg h2 {
  color: #2f65ad;
  font-size: 21px;
  font-family: "megan" !important;
  font-weight: 900;
}
.checkout-complete-btn {
  padding-bottom: 2rem;
  width: 100%;
}

div#block-doctorstop {
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 3rem;
}

.order-session .order-form > * {
  flex: 0 0 48%;
  margin-bottom: 1rem;
}

.order-session .order-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1rem;
}
.order-session .order-label {
  color: #adadad;
  font-weight: 800;
  font-size: 17px;
  margin-bottom: 10px;
}
.order-session .order-value {
  border: 1px solid #e3f0fb;
  padding: 10px;
  border-radius: 5px;
  color: #2f65ad;
  font-weight: 800;
}

.view-user-menu .view-content.row {
  display: block;
  margin: 0;
  background: white;
}
.user-name-menu-top {
  text-align: center;
  padding: 3rem 0px;
}

.user-name-menu-top img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.user-name-menu-top h2 {
  color: #2f65ad;
  font-size: 30px;
  margin: 1rem;
}

nav#block-sidebarusermenu ul {
  display: flex;
  flex-direction: column;
}
nav#block-sidebarusermenu ul a {
  color: black;
  padding: 1rem 10px;
  display: block;
  font-size: 17px;
  border-radius: 5px;
  margin-bottom: 10px;
}
nav#block-sidebarusermenu ul {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}
nav#block-sidebarusermenu ul a:hover,
nav#block-sidebarusermenu ul a.active {
  background: #2f65ad;
  color: white;
}

.custom-card.courses-card button:hover {
  background: transparent !important;
  color: inherit !important;
}
.view-display-id-page_2 .custom-raiting {
  display: none;
}
.view-display-id-page_2 .custom-card-body {
  flex: 0 0 100%;
  text-align: center;
}

.subscribe-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  transition: all 1s ease;
}
.subscribe-popup.show {
  visibility: visible;
  opacity: 1;
}
.subscribe-popup .box {
  background: white;
  width: 750px;
  border-radius: 2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  opacity: 0;
  margin-left: 50px;
  transition: all 1s ease;
}
.subscribe-popup.show .box {
  opacity: 1;
  margin-left: 0;
}
.subscribe-popup .box .img-area {
  flex: 0 0 50%;
  max-width: 50%;
  position: relative;
  overflow: hidden;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.subscribe-popup .box .form {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  text-align: center;
}

.subscribe-popup .box .form h1 {
  color: #2f65ad;
  font-size: 23px;
}
div#block-newslettersignupblock-3 {
  text-align: start;
}
.img-area img {
  width: 100%;
}
.subscribe-popup a {
  color: white;
  background: #2f65ad;
  display: block;
  width: fit-content;
  margin: 0 auto;
  padding: 0.5rem 2rem;
  border-radius: 10px;
  transition: 0.4s;
  border: 1px solid transparent;
}
.subscribe-popup a:hover {
  background: white;
  border: 1px solid #2f65ad;
  color: #2f65ad;
}
.subscribe-popup h2.block-title {
  font-size: 22px;
}
.subscribe-popup .simplenews-subscriber-form .form-actions input {
  background-color: #323232;
}
.subscribe-popup .simplenews-subscriber-form .form-actions input:focus,
.simplenews-subscriber-form .form-actions input:hover {
  background-color: black;
}
.subscribe-popup form {
  text-align: center;
}
.subscribe-popup .box .form .form-control {
  height: 52px;
  width: 100%;
  border: none;
  border-bottom: 1px solid #cccccc;
  font-size: 15px;
  color: #000000;
  border-radius: 5px;
}
.subscribe-popup .box .form .form-control:focus {
  outline: none;
}
.subscribe-popup .box .form .form-control::placeholder {
  color: #2f65ad;
}

.subscribe-popup .box .form label {
  font-size: 15px;
  color: #555555;
  display: none;
}
.subscribe-popup .box .form .btn {
  width: 100%;
  background-color: #2f65ad;
  height: 45px;
  border: none;
  border-radius: 25px;
  font-size: 15px;
  text-transform: uppercase;
  color: #ffffff;
  cursor: pointer;
}
div#block-newslettersignupblock-3 h2 {
  font-size: 22px;
  color: #1e914c;
  font-weight: 400;
}
.subscribe-popup .box .form .btn:focus {
  outline: none;
}

.subscribe-popup .box .form .popup-close {
  position: absolute;
  right: 10px;
  top: 0px;
  font-size: 30px;
  cursor: pointer;
}

/*responsive*/
@media (max-width: 767px) {
  .subscribe-popup .box {
    width: calc(100% - 30px);
  }
  .subscribe-popup .box .img-area {
    display: none;
  }
  .subscribe-popup .box .form {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .counter-banner {
    height: 280px;
  }
}
.subscribe-popup .simplenews-subscriber-form {
  background: transparent !important;
}
.subscribe-popup .simplenews-subscriber-form input {
  padding: 0 15px;
  border-radius: 0;
  border-radius: 2rem;
  border: 1px solid transparent;
  width: 100% !important;
}

.video-embed-field-launch-modal img {
  width: 0;
}

.field--name-body ul {
  position: relative;
}
.vision-body ul {
  list-style: disc;
}
.path-product .field--name-body ul li::before {
  content: "";
  width: 10px;
  height: 3px;
  display: inline;
  background: #2f65ad;
  position: absolute;
  right: 17px;
  top: 14px;
}
[dir="ltr"] .path-product .field--name-body ul li::before {
  right: unset;
  left: 17px;
}
.services-card:hover .services-body {
  inset: 0;
  background: rgb(0, 0, 0, 0.7);
  display: f;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 1;
}

.services-body {
  position: absolute;
  bottom: -100%;
  transition: 0.5s;
  color: white;
  font-size: 14px;
  opacity: 0;
  padding: 10px;
}

[dir="rtl"] .custom-control {
  padding-left: 0;
  padding-right: 1.5rem;
}

[dir="rtl"] .custom-control-label::after {
  right: -24px;
  left: unset;
}

@media (min-width: 768px) {
  .navbar-expand-md .navbar-collapse {
    flex: unset !important;
  }
  .view-display-id-page_4 .field--widget-commerce-product-variation-attributes {
    flex: 0 0 66%;
  }
  .view-display-id-page_4 .attribute-widgets > * {
    flex: 0 0 48%;
    margin-bottom: 0;
  }

  .view-display-id-page_4 .attribute-widgets {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.views-field.views-field-description__value {
  text-align: center;
}

.views-field.views-field-description__value strong {
  font-size: 25px;
  color: #00a0b9;
}

.page-node-34 div#main .field--name-body ul,
.page-node-98 div#main .field--name-body ul {
  list-style: disc;
}

section#about-us {
  background: #f3e3d6;
}
.node--type-varai {
  position: relative;
}
.varations {
  display: flex;
  align-items: center;
  position: relative;
  gap: 25px;
  width: 100%;
  justify-content: center;
}

.varations a {
  position: absolute;
  font-size: 0;
  inset: 0;
}
.varations h2 {
  font-size: 20px;
  color: #2f65ad;
  text-align: center;
}

.view-about-us .views-row {
  margin: 2rem 0;
}

.main-logo {
  display: flex;
  gap: 30px;
}
video {
  max-width: 100%;
  width: 100%;
}
.ui-widget.ui-widget-content {
  border-radius: 10px;
}

.ui-dialog .ui-dialog-titlebar-close {
  background-color: white;
  border: unset;
}


.webform-submission-requests-form .form-actions button {
  background: #3064ac;
  border-color: #3064ac;
  padding: 10px 45px;
}
.product-card.inner-product .product-card-link a {
  width: fit-content;
}
.tiktok {
  font-size: 0;
}
.tiktok::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background-image: url(/themes/custom/dimoned/images/tiktok-round-white-icon.svg);
  background-repeat: no-repeat;
}

@media (max-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 960px;
  }
}
.view-slider .slick-dotted.slick-slider {
  margin: 0;
}
video {
  display: block;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInText {
  from {
    transform: translateY(-40px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

#pre-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000000;
  direction: ltr !important;
}
#block-views-block-gallary-block-2 .video-embed-field-launch-modal {
  margin-bottom: 30px;
}
#pre-loader .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  z-index: 999999999;
  background: #fff;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
#pre-loader .loader-section.section-left {
  left: 0;
}
#pre-loader .loader-section.section-right {
  right: 0;
}

#loader-logo {
  display: block;
  position: relative;
  left: calc(50% - 20em / 2);
  top: 15%;
  width: 20em;
  height: 9.375em;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1001;
}

#loader-circle {
  display: block;
  position: relative;
  left: 50%;
  top: 35%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #2f65ad;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  z-index: 999999999999999;
}
#loader-circle:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: black;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}
#loader-circle:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #2f65ad;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loaded #pre-loader .loader-section.section-left {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #pre-loader .loader-section.section-right {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader-logo,
.loaded #loader-circle {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.loaded #pre-loader {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}

.no-js #pre-loader {
  display: none;
}

.feature-card-icon img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  object-fit: contain;
}

/* .view-id-features {
  position: absolute;
  bottom: -229px;
  left: 50%;
  z-index: 8;
  transform: translate(-50%, 0);
} */

.feature-card {
  padding: 20px;
  border-radius: 5px;
  color: black;
  height: 100%;
  box-shadow: 0 2px 7px 6px rgb(0 0 0 / 7%), 0 5px 4px 0 rgb(0 0 0 / 10%);
  border-radius: 5px;
  font-size: 14px;
  aspect-ratio: 1;
  transition: 0.8s;
  backdrop-filter: blur(51px) contrast(0.5);
  background-color: white;
}
.view-id-features.view-display-id-block_1 .view-content.row{
  justify-content: center;

}
.feature-card:hover {
  transform:  scale(1.1);
}

.views-field.views-field-nothing {
  height: 100%;
}

.feature-card-icon {
  text-align: center;
  width: fit-content;
  margin: 0 auto;
  border-radius: 100%;
  border: 1px solid #356ab0;
  padding: 20px;
  margin-bottom: 1rem;
  transition: 0.8s;
}

.feature-card-title h2 {
  font-size: 22px;
  text-align: center;
  color:#3064ac ;
}
.events-card-image img {
  width: 100%;
  object-fit: cover;
  height: 407px;
  transition: 0.6s;
}
.events-card-text {
  padding: 15px;
  text-align: start;
  background-color: white;
}
.events-card-link a {
  padding: 10px;
  color: white;
  border: 1px solid white;
  border-radius: 5px;
  margin-top: 10px;
  display: block;
  transition: 0.5s;
}
.events-card-link a:hover{
    background-color:#3064ac;
    border: 1px solid #3064ac;
    color: white;
}
.events-card {
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.08);
  height: 100%;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.events-card:hover img {
  scale: 1.2;
}
.events-card-text {
  padding: 15px;
  text-align: start;
  /* background-color: white; */
  position: absolute;
  inset: 0;
  background: rgb(0, 0, 0, 0.6);
  color: white;
  display: flex
;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.events-card-text {
  padding: 15px;
}
.events-card-title h2 {
  font-size: 22px;
  color: white;
}
.events-card-body{
  font-size: 14px;
  margin-bottom: 1rem;
}
.acc-tools {
  z-index: 99999999;
}
.acc-tools ul {
  list-style: none;
}

.feature-card:hover .feature-card-icon {
  rotate: 360deg;
}
.about-body img {
  height: 80px;
  object-fit: contain;
}

.card-values {
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.08);
  height: 100%;
  background-color: white;
  padding: 18px;
  transition: 0.4s;
  height: 100%;
  border-radius: 10px;
}
.event-absloute-link{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.card-values:hover {
  scale: 1.1;
}
.card-values-title{
  margin-top: 2rem;
}

.view-our-values.view-id-our_values .field-content ,.view-our-values.view-id-our_values .field-content > div{
height: 100%;
}
.card-values:hover h2 {
  color:#366ab0 ;
}
/* .card-values:hover .card-values-container::after {
  rotate: 360deg;
} */
.card-values-title h2 {
  font-size: 20px;
  color: #366ab0;
  transition: 0.4s;
  text-align: center;
}
.text-end{
  text-align: end;
}
.card-values-body p {
  font-size: 14px !important;
  color: black;
  text-align: center;
}
.card-values-container {
  width: 100%;
  display: flex
;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
  z-index: 0;
  /* background: url(../images/blue-circle.jpeg);
  background-size: 100% 100%;
  background-repeat: no-repeat; */
}

.product-card {
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.08);
  height: 100%;
  border-radius: 5px;
  background-color: white;
}
.col-lg-4.views-row {
  margin-bottom: 40px;
}
.product-card-link a {
  width: 100%;
  display: block;
  text-align: center;
  background: #2f64ac;
  color: white;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid transparent;
}
.product-card-link a:hover {
  border: 1px solid #2f64ac;
  background: white;
  color: #2f64ac;
}
.product-card-title h2 {
  font-size: 22px;
  color: #2f64ac;
}
.product-card-image img {
  width: 100%;
  object-fit: contain;
  max-height: 321px;
}
.product-card-text {
  padding: 20px;
}
.info-boxes .info-box {
  position: relative;
  margin-bottom: 30px;
  animation-duration: 3s;
}
.info-boxes {
  position: relative;
  margin-top: 2rem;
}
.info-boxes .info-box:nth-child(4) .image-layer:before {
  background: #db840e;
}


.info-boxes .info-box .inner-box {
  position: relative;
  display: block;
  padding: 19px 20px;
  background: #25283a;
  text-align: center;
  margin: 2rem 0;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.5s;
  height: 280px;
}
.info-box .icon-box {
  position: relative;
  display: inline-block;
  font-size: 52px;
  padding-top: 15px;
  line-height: 1.1em;
  color: #ffffff;
  text-align: left;
  margin: 0 0 28px;
}
.info-box h5 {
  position: relative;
  font-size: 19px;
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: capitalize;
  margin: 8px 0px 8px 0px;
}
.info-box ul {
  position: relative;
  color: #ffffff;
  max-width: 250px;
  margin: 0 auto;
  padding: 0;
}
.info-boxes .info-box {
  position: relative;
  margin-bottom: 30px;
  animation-duration: 3s;
}
.info-boxes .info-box:nth-child(2) .image-layer:before {
  background: rgb(32, 25, 25);
}
.info-box .icon-box:after {
  content: '';
  position: absolute;
  left: 20px;
  top: 0px;
  width: 60px;
  height: 60px;
  background: #ffffff;
  border-radius: 50%;
  opacity: 0.15;
}
.info-boxes .info-box:nth-child(2) .image-layer:before {
  background: rgb(32, 25, 25);
}
.info-boxes .info-box .inner-box:hover {
  transform: scale(1.08);
}
.info-boxes .info-box .inner-box .image-layer:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.90;
  -webkit-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}
.views-row.meduim-bottom-space{
  margin-bottom: 30px;
}