/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.2.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


.footer-form .form-control input {
  border: none; /* Remove the default border */
  border-bottom: 1px solid #EAEAEA; /* Add a light underline */
  outline: none; /* Remove the default outline */
  border-radius: 0; /* Remove any border radius */
  box-shadow: none; /* Ensure there's no shadow */
}

.footer-form .form-control:focus {
  border-bottom: 2px solid #FED237 !important; /* Highlight the underline on focus */
  box-shadow: none; /* Prevent Bootstrap's default box-shadow */
  outline: none; /* Remove the focus outline */
}

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Covered+By+Your+Grace&family=Noto+Sans+Arabic:wght@100..900&display=swap');
:root {
  --cl-1: #068485;
  --cl-2: #285C7E;
  --cl-3: #FED237;
  --cl-4: #ffffff;
  --cl-5: #707070;
  --cl-6: #f8f8f8;
  --cl-7: #eaeaea;
  --cl-8: #068485;
}

body {
  font-family: "Poppins", sans-serif;
  color: var(--cl-5);
  padding-top:106px;
}

h3 {font-weight:400 !important; }

h5 {
  padding:0 !important;
  margin:0 !important;
}
p {
  padding:0 !important;

}
a {
  background-color: transparent;
  text-decoration: none;
  color: #285C7E;
}
a:hover,
a:active {
  color: #068485;
}

button,
[type="submit"],
[type="button"] {
  display: inline-block;
  font-weight: 400;
  color: #285C7E;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid #285C7E;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 3px;
  transition: all 0.3s;
	    border-color: var(--cl-1) !important;
}
button:focus:not(:focus-visible),
[type="submit"]:focus:not(:focus-visible),
[type="button"]:focus:not(:focus-visible) {
  outline: none;
}
button:hover,
button:focus,
[type="submit"]:hover,
[type="submit"]:focus,
[type="button"]:hover,
[type="button"]:focus {
  color: #ffffff;
  background-color: #285C7E !important;
  text-decoration: none;
}
button:not(:disabled),
[type="submit"]:not(:disabled),
[type="button"]:not(:disabled) {
  cursor: pointer;
}

header {
  font-weight: 500;
  color: var(--cl-2);
}
.stick {
  position: fixed !important;
  top: 0;
  z-index: 1020; /* Ensures it stays above other elements */
  background-color: white; /* Change as needed */

}


.logo {
  padding: 12px;
  width: 100%;
  max-width: 200px;
}


.logo-full {
  padding: 12px;
  width: 100%;
  max-width: 200px;
}
.top-row span {
  font-family: "Noto Sans Arabic", sans-serif;
  font-weight:500;
  font-size:28px;
  color: var(--cl-1);
}
.top-row svg {margin-left: 20px;}

.center-borders {
  border-left: 1px solid var(--cl-1);
  border-right: 1px solid var(--cl-1);

  min-height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.center-top-border {
  border-bottom: 1px solid var(--cl-1);
  display: flex;
  align-items: center;
  justify-content: center;
}



.right-borders {
  min-height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Main Menu Styling */
.menu {
  position: relative;

}

.menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu ul li {
  display: inline-block;
  margin-right: 15px;
  position: relative;
  padding: 10px 15px;
  cursor: pointer;
  font-size: 14px;
}
.menu ul li a {
	color: #068485 !important;
}
.menu ul li:hover {
  text-decoration: underline;
  text-decoration-color: var(--cl-1);
  text-decoration-thickness: 6px;
  text-underline-offset: 17px;
  position: relative;

  }

/* Show Submenu on Hover */
.menu ul li:hover > ul {
  opacity: 1; /* Fade in */
  visibility: visible; /* Make visible */
  transform: translateY(0); /* Slide down */
}

/* Styling for Submenu Items */
.menu ul li ul li {
  width: 100%;
  padding: 10px 15px;
  white-space: nowrap; /* Prevents items from wrapping */
}

.menu ul li ul li:hover {
  text-decoration:none;
}

.menu ul li ul li a {
  color: #707070;
  text-decoration: none;
  display: block;
}

.menu ul li ul li a:hover {
  color: var(--cl-1);
}

/* Main Menu Styling */
.menu ul.sub-menu {
  visibility: hidden; /* Hidden by default */
  min-width: 300px;
  width: 100%;
  padding-left: 0px;
  background-color: #f8f8f8;
  border: 0;
  border-radius: 0;
  opacity: 0; /* Start with zero opacity */
  transition: opacity 1s ease, visibility 0s 1s; /* Fade and delay visibility */
}

/* Styling for Active Dropdown */
.menu ul.sub-menu.show {
  visibility: visible; /* Make visible */
  opacity: 1; /* Fully opaque */
  transition: opacity 1s ease, visibility 0s 0s; /* No delay on visibility */
  margin-top: 14px !important;
  padding-bottom:3px;
}

/* Optional: Style the Chevron */
.menu li.menu-item-has-children > a .bi-chevron-down {
  transition: transform 0.3s ease;
}

.menu li.menu-item-has-children > a.active .bi-chevron-down {
  transform: rotate(180deg); /* Rotate chevron when active */
}

.dropdown-toggle::after {
  display: none;
}
.languages {
  text-align: right;
  padding-right: 30px;
}

.languages .contrast {
  margin-right: 40px;
}

.languages .contrast p {
  display: inline;
  font-size: 14px;
}

.languages .contrast svg {
  margin-top: -3px;
}

.languages a {
  text-align: center;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  padding: 5px 6px;
  font-size: 12px;
  transition: all 0.5s ease;
  text-decoration: none; /* Remove underline */
  margin: 0px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.languages .active, .current-lang a {
  background-color: var(--cl-2);
  color: var(--cl-4) !important;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  padding: 5px 6px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.languages a:hover {
  background-color: var(--cl-2);
  color: var(--cl-4);
  width: 29px;
  height: 29px;
  border-radius: 50%;
  padding: 5px 6px;
  font-size: 12px;
}

.languages li {
  list-style: none;
  margin:0;
  text-transform: uppercase;
  flex-direction: column-reverse;
}

.languages li a {
  color: var(--cl-1);
}
.languages .active, .current-lang a {
	color:#fff !important;
}


.social-links ul {
  display: flex;
  list-style: none;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding:0;
}
.social-links li {
  display: inline;
  margin: 0 15px;
  font-size: 20px;
  color: var(--cl-2);
}

.social-links li a img {
 min-width:25px;
 min-height:25px;
}

.search-bar {
  background: var(--cl-3);
  color: var(--cl-2);
  font-weight: 500;
}

.serach-bar input[type="text"]::placeholder {
  /* Firefox, Chrome, Opera */
  text-align: center;

}

.search-bar input {
  width: 100%;
  background: var(--cl-3);
  color: var(--cl-2);
  opacity: 1;
  border: 0 !important;
  font-weight:600;
  font-size:12px;

}

.search-bar button {
  border:0 !important
}

.search-bar button:hover {
  background-color: var(--cl-3);
}

.search-input::placeholder {
  color: var(--cl-2) !important;
}

.hero {
  background: linear-gradient(to bottom, var(--cl-2) 55%, var(--cl-4) 45%);
  color: var(--cl-5);
  padding-top: 85px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; /* Adjust this as needed */
  font-weight:400 !important;
}

.hero-title {
  font-size: 40px;
  color: var(--cl-4);
  font-weight: 400 !important;
  padding:0 !important;
  text-align: left !important;
}

.hero-subtitle {
  color: var(--cl-5);
  margin-top:20px;
  font-size: 14px;
}

.dash {
  width: 150px;
  height: 6px;
  margin: 15px 0px 0px;
  background-color: var(--cl-3);
}
.video-section {
  position: relative;
  text-align: center;
  height: auto;
  width: 100%;
}
.video {
  max-width: 100%;
  border: 10px solid var(--cl-4);
  border-radius: 10px;
  padding: 10px;
  box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5),
    7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
}

.play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.play-btn i {
  font-size: 60px;
  color: white;
  border: 10px solid white;
  border-radius: 50%;
  padding: 10px 20px 10px 20px;
}

.full-bg {
  background: var(--cl-2);
  color: #fff;
}

/* Equal Heights for OwlCarousel 2 */
/* Add margin to the top of the owl-carousel to prevent overlap with video section */


.owl-carousel h5 span {
  background: #707070;
  color: var(--cl-4);
  font-size: 10px;
  padding: 5px 8px;
  border-radius: 12px;
}
.caption-heading {
  display: flex;
  align-items: center;
}

.caption-heading i {
  margin-right: 15px;
  font-size:22px;
}

.caption {padding:0 15px; font-size:15px;}

.caption .more-buttons {
  display: flex;
  align-items: end;
  justify-content: space-between;
}

.caption .more-buttons a.read-more {
  display: inline;
  background-color: var(--cl-1);
  color: var(--cl-4);
  padding: 6px 15px 6px 17px !important;
  text-decoration: none;
  border-radius: 25px;
  font-size:12px !important;
}
.caption .more-buttons .more-guides {
  font-size: 10px;
  color: var(--cl-8);
  font-weight: 600;
  text-decoration: underline !important;
}
.owl-carousel .owl-stage {
  display: flex;
}
.owce-carousel-ed6b9d7 .owl-dots{
  text-align:left !important;
  margin-top:0px !important;
}

.owce-carousel-ed6b9d7 .owce-carousel .item {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding:0 !important;
  margin:5px 8px;
  background-color: #Fff;
  border-radius: 15px !important;
}
.owl-carousel .owl-item {
  display: flex;
  flex: 1 0 auto;
}

.owce-carousel-ed6b9d7 .owl-thumb img {
  border-radius:0 !important;
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
}

.elementor-animation-float:active, .elementor-animation-float:focus, .elementor-animation-float:hover{

  transform: translateY(0px) !important;
}

.item h5,
.item h6,
.form-content h5,
.form-content h4 {
  margin:0 !important;
  padding:0 !important;
  margin-bottom:5px !important;

}


.footer-form button svg {
  margin-left:60px;

}
.elementor-widget-container h3 {
  margin:0 !important;
  padding:0 !important;
  margin-bottom:5px !important;
}

.light-logo{
  max-width:210px;
margin-top:30px;}

.owl-carousel .thumbnail {
  display: flex;
  flex-direction: column;
}
.owl-carousel .thumbnail .caption {
  padding: 10px;
}
.owl-carousel .thumbnail .caption .flex-text {
  flex-grow: 1;

}

#owce-carousel-2c12bb6 .owl-item {
  padding:10px;

}

#owce-carousel-2c12bb6 .owl-item .item{
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  background: #fff;
  padding: 0 !important;
  box-sizing: border-box;
  border-radius: 15px;

}
#owce-carousel-2c12bb6 .owl-item .item img {
  border-radius: 15px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding:0;
  margin:0;
}



.owl-item p {
  margin-top:20px;
}
.owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none; /* To ensure the buttons don't interfere with carousel dragging */
  padding: 0;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
  pointer-events: auto; /* Enable pointer events on buttons */
  background: rgba(6, 132, 133, 0.5); /* Optional: Style the buttons */
  color: #fff;
  border: none;
  border-radius: 50%;
  font-size: 25px;
  padding: 0px 5px;
  cursor: pointer;
  z-index: 1; /* Ensure buttons are above the carousel items */
  transition: all 0.5s ease-out;
}

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
  background: rgba(6, 132, 133, 1); /* Optional: Style the buttons */
  transition: all 0.5s ease-out;
}

.owl-carousel .owl-nav .owl-prev {
  left: 0;
}

.owl-carousel .owl-nav .owl-next {
  right: 0;
}

img.carousel-news {
  border-radius: 15px 15px 0 0 !important;
  margin-bottom: 15px;
}

.contact-icon {
  display: flex;
  align-items: center;
  color: white;
  position: fixed;
  background-color: #248814;
  bottom: 350px;
  z-index: 222;
  right: -110px;
  padding: 10px;
  border-radius: 10px 0 0 10px;
  line-height: 26px;
  text-decoration: none;
  transition: all 0.5s ease-out;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
}

/* RTL support for Arabic */
html[dir="rtl"] .contact-icon {
  right: auto;
  left: -110px;
  border-radius: 0 10px 10px 0;
}

.contact-icon i {
  font-size: 25px;
  margin-right: 15px;
}

html[dir="rtl"] .contact-icon i {
  margin-right: 0;
  margin-left: 15px;
}

.contact-icon span {
  margin-left: 20px;
}

html[dir="rtl"] .contact-icon span {
  margin-left: 0;
  margin-right: 20px;
}

.contact-icon:hover {
  color: white;
  right: 0px;
  transition: all 0.5s ease-out;
}

html[dir="rtl"] .contact-icon:hover {
  right: auto;
  left: 0px;
}

button.owl-dot {
  background: transparent;
  border: none;
  margin-top: 25px;
}

button.owl-dot span {
  display: inline-block;
  background: #068485;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

.owl-carousel.owl-drag .owl-item {
  background: #fff;
  padding: 0;
  box-sizing: border-box;

  border-radius: 15px;
}



hr {
  color: var(--cl-1);
  margin: 25px 0px;
}

.owl-carousel .thumbnails img {
  max-width: 120px;
}

.owce-carousel-5a2a35f {
  padding: 0 50px;
}
.owce-carousel-5a2a35f.owl-drag .owl-item {
  background: #fff;
  padding: 0;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 15px;
}
.owce-carousel-5a2a35f .owl-nav {
  position: absolute;
  top: 30%;
  left: 0px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none;
  padding: 0;
}
.owce-carousel-5a2a35f .caption-heading {
  color: var(--cl-2);
  font-size: 14px;
  font-weight: 600 !important;
}

.owce-carousel-5a2a35f .caption-sub-heading {
  color: var(--cl-2);
  font-size: 12px;
  text-transform: uppercase;
}

.owce-carousel-5a2a35f article {
  padding: 20px;
}

.owce-carousel-5a2a35f .owl-nav .owl-prev {
  left: -25px !important;
}

.owce-carousel-5a2a35f .owl-nav .owl-next {
  right: -25px !important;
}
.grey-full {
  background: var(--cl-6);
  margin: 50px 0px 0px 0px;
  padding: 75px 0px;
}

.card {
  position: relative;
  border-radius: 15px;
}

.entry-count {
  position: absolute;
  left: 20px;
  top: 20px;
  font-weight: 600;
  color: var(--cl-1);
  background: var(--cl-3);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  padding: 5px 5px;
  border: 2px solid var(--cl-4);
  text-align: center;
}

.heading-title span {
  font-size: 18px;
  margin-left: 20px;
}

.card img {
  border-radius: 15px 15px 0 0;
}

.directory-buttons a.directory-button {
  display: inline-block;
  background-color: var(--cl-1);
  color: var(--cl-4);
  padding: 6px 10px;
  font-weight: 500;
  margin: 0 0 15px 15px;
  text-decoration: none;
  border-radius: 25px;
}

.directory-buttons a.directory-button i {
  margin: 0px 5px;
}

.more-directories {
  color: var(--cl-1);
  font-weight: 600;
  margin-left: 15px;
  transition: all 0.5s ease-in-out;
}

.more-directories:hover {
  color: var(--cl-2);
  transition: all 0.5s ease-in-out;
}

.footer-cta {
  background: linear-gradient(to bottom, var(--cl-7) 50%, var(--cl-2) 50%);
  padding: 60px 0px;
}

.footer-form {
  border-radius: 25px;
  background-color: var(--cl-4);
}

.footer-form img {
  border-radius: 0 25px 25px 0;
}

.form-content {
  padding: 0px 30px ;
  color: var(--cl-2);
}

.form-content h4 {
  font-weight: 700;
}

.form-content p {
  color: var(--cl-5);
}

.form-control {
  border: 0;
  background-color: transparent;
}

.footer-form form input {
  border-bottom: 1px solid var(--cl-5);
  border-radius: 0px;
  margin: 10px 0;
}

.footer-form form input:focus {
  border-bottom: 1px solid var(--cl-5) !important;
  border-radius: 0px;
  margin: 10px 0;
}

.btn-submit {
  border-radius: 25px !important;
  background-color: var(--cl-8) !important;
  color: var(--cl-4) !important;
  font-weight: 600 !important;
  padding: 10px 30px !important;
  border: 0 !important;
}

.owce-carousel .owl-nav i {
  font-size:16px !important;
}

.btn-more {
  display:inline-flex;
  align-items: center;
  gap: 10px;
  border-radius: 25px !important;
  background-color: var(--cl-8) !important;
  color: var(--cl-4) !important;
  font-weight: 500 !important;
  padding: 5px 10px 5px 15px !important;
  border: 0 !important;
  font-size:12px !important;
}

.btn-more::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  color:#fff;
  padding-left:15px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="%23ffffff" class="bi bi-chevron-right" viewBox="0 0 16 16"%3E%3Cpath fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708" stroke="%23ffffff" stroke-width="2"%3E%3C/path%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: contain;

}



.btn-more-dir {
  display:inline-flex;
  align-items: center;
  gap: 10px;
  border-radius: 25px !important;
  background-color: var(--cl-8) !important;
  color: var(--cl-48) !important;
  font-weight: 500 !important;
  padding: 5px 10px 5px 15px !important;
  border: 0 !important;
  font-size:12px !important;
}
/*
.btn-more-dir::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 18px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 21 24" fill="none"%3E%3Cpath d="M2.8125 20.25H17.3906C18.9414 20.25 20.2031 18.9883 20.2031 17.4375V2.8125C20.2031 1.26169 18.9414 0 17.3906 0H2.8125C1.26169 0 0 1.26169 0 2.8125V21.1875C0 22.7383 1.26169 24 2.8125 24H16.4531H17.3906C18.9414 24 20.2031 22.7383 20.2031 21.1875V21.1852C19.4191 21.775 18.445 22.125 17.3906 22.125H16.4531H2.8125C2.29556 22.125 1.875 21.7044 1.875 21.1875C1.875 20.6706 2.29556 20.25 2.8125 20.25ZM1.875 2.8125C1.875 2.29556 2.29556 1.875 2.8125 1.875H17.3906C17.9076 1.875 18.3281 2.29556 18.3281 2.8125V17.4375C18.3281 17.9544 17.9076 18.375 17.3906 18.375H2.8125C2.48395 18.375 2.16834 18.4316 1.875 18.5356V2.8125ZM8.53125 7.90219H6.65625C6.65625 6.94041 7.06847 6.01983 7.78725 5.37638C8.51545 4.72444 9.49505 4.41281 10.4751 4.52166C12.045 4.69589 13.3093 5.95683 13.4811 7.51997C13.6378 8.94562 12.8018 9.96863 12.1592 10.6141C11.9939 10.7802 11.8412 10.9258 11.7066 11.0543C11.094 11.6385 11.0159 11.7368 11.0159 12.1404V12.1875H9.14091V12.1404C9.14091 10.9101 9.73022 10.3481 10.4126 9.69731C10.5451 9.57089 10.6823 9.44016 10.8304 9.29133C11.4359 8.68303 11.6712 8.21456 11.6174 7.72481C11.5406 7.02684 10.9733 6.46345 10.2683 6.38522C9.81145 6.33469 9.3742 6.47231 9.03788 6.77344C8.71116 7.06584 8.53125 7.46672 8.53125 7.90219ZM9.14062 13.5938H11.0156V15.4688H9.14062V13.5938Z" fill="%23FFFFFF" stroke="%23FFFFFF" stroke-width="1"%3E%3C/path%3E%3C/svg%3E');
  background-size: contain;
  background-repeat: no-repeat;
}
*/
.btn-more-dir::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  color:#fff;
  padding-left:15px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="%23ffffff" class="bi bi-chevron-right" viewBox="0 0 16 16"%3E%3Cpath fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708" stroke="%23ffffff" stroke-width="2"%3E%3C/path%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: contain;

}



.form-floating {
  position: relative;
}

.form-floating input {
  height: calc(3.5rem + 2px);
}

.form-control {
  padding: 0;
}

.form-floating label {
  position: absolute;
  top: 0;
  left: 10px;
  pointer-events: none;
  transition: all 0.2s ease-in-out;
  color: #707070;
}

.form-floating input:focus ~ label,
.form-floating input:not(:placeholder-shown) ~ label {
  top: -16px;
  left: 0px;
  padding: 0;
  background-color: transparent;
  color: #707070;
}

footer {
  background: var(--cl-2);
  color: var(--cl-4);
  margin: 0;
  padding: 0 0 60px 0;
}
footer p {
  margin:0 !important
}

footer ul {
list-style: none;
padding:0;
margin:0;
margin-top:25px;
}

footer ul li  {
  margin-bottom:23px;
  }

footer .title {
  color: var(--cl-3);
  font-weight: 500 !important;
  margin-top: 20px;
}
footer .title-new {
	 color: #fff;
	font-weight: 300 !important;
  margin-top: 20px;
  margin-bottom: 0 !important;
  font-size: 1.60rem;
}

footer .title-new-child {
  color: #fff;
 font-weight: 300 !important;
 margin-top: 5px;
 margin-bottom: 0 !important;
 font-size: 1.60rem;
}

.footer-social {
  width: 70%;
  margin: 0 auto;
}


.footer-social ul {
  display: flex;
  list-style: none;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding-top: 10PX;
  padding-bottom:5px;
}
.footer-social ul li {
  display: inline;
  margin: 0;
  font-size: 18px;
  color: var(--cl-4);
}
#search-input button, [type="submit"], [type="button"] {
	margin:0;
	padding:0;
}
.white-dash {
  width: 75%;
  height: 5px;
  margin: 0 auto;
  background-color: var(--cl-4);
}

/*Disability Allies*/
#owce-carousel-5a2a35f {
  text-align: left !important;
}
#owce-carousel-5a2a35f img {
  width: 120px;
  margin: 0  !important;
}

#owce-carousel-5a2a35f .item {
  border: none !important;
  box-shadow: none !important;
}

.owce-carousel .owl-nav i {
  pointer-events: auto; /* Enable pointer events on buttons */
  background: rgba(6, 132, 133, 1); /* Optional: Style the buttons */
  color: #fff !important;
  border: none;
  border-radius: 50% !important;
  padding: 0px 5px;
  cursor: pointer;
  z-index: 1; /* Ensure buttons are above the carousel items */
  transition: all 0.5s ease-out;
}

.directory-content {
  display: flex;
  flex-direction: row;
}

.directory-list h5 {
  font-size: 20px;
  font-weight: 600 !important;
  margin: 0;
  padding: 0;
}

.directory-list .fees {
  font-weight: 500;
  color: var(--cl-1);
}

.directory-list .locality {
  display: block;
  text-decoration-line: underline !important;
  text-underline-offset: 5px;
  padding-bottom: 20px;
  font-size: 18px;
	color: var(--cl-1) !important;
}

.directory-list .locality span img {
  width:12px;
}

.directory-list .see-more-links {
  display: block;
  color: var(--cl-1);
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 15px;
}
.directory-list .see-more-links span span {
  font-weight: 300;
  color: #000;
}

.directory-list .see-more-links img {
  width:28px;
  margin-right: 15px;
}

.directory-logo {
  display: flex;
  align-items: center;
  width: 120px;
  height: 110px;
  padding: 20px;
  border-radius: 50%;
  border: 1px solid var(--cl-2);
}
.directory-list .directory-info {
  font-size: 16px;
}

.directory-list .educational-setup {
  display: flex;
  flex-wrap: wrap; /* Allows pills to wrap if they overflow */
  gap: 10px; /* Space between each pill */
  font-size: 14px;
}

.directory-list .pill {
  background-color: #eef0f1;
  color: #707070;
  border-radius: 20px;
  padding: 5px 20px;
  margin: 5px 10px 0 0;
  display: inline-block;
  font-weight: 500;
  white-space: nowrap;
}

.see-more-wrapper {
  position: relative;
}

/* Toggle content styles */
.content-truncate {
  margin-top: 25px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out; /* Increased duration and changed timing function */
  opacity: 0; /* Start with zero opacity */
  transition-property: max-height, opacity; /* Transition both properties */
}

.content-truncate.expanded {
  max-height: 500px; /* Adjust this value based on your content */
  opacity: 1; /* Fade in when expanded */
}

.see-more-btn svg {
  transition: transform 0.3s ease;
}

.see-more-btn {
  position: absolute;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  right: 0;
  top: -63px;
  background: var(--cl-1);
  border: 1px solid var(--cl-1);
  color: #fff;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: all 0.5s ease;
  justify-content: center;
}

.see-more-btn:hover {
  background: #fff;
  color: #006666;
}

.bi-chevron-down {
  transition: transform 0.3s ease;
}

.arrow-rotated {
  transform: rotate(180deg);
}


.breadcrumbs {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.breadcrumb-links {
  display: inline-block;
  margin: 0px 0 30px 0;
  background-color: #fff;
  color: #707070;
  font-size: 14px;
  font-weight:500;
  padding: 5px 15px;
}

.breadcrumb-links a{
color:#285C7E;
}
.breadcrumb-links span {
  color:#707070;
}

.breadcrumb-links-2 {
  display: inline-block;
  margin: 0px 0 10px 0;
  background-color: #fff;
  color: #707070;
  font-size: 14px;
  font-weight:500;
  padding: 5px 15px;
}

.breadcrumb-links-2 a{
color:#285C7E;
}
.breadcrumb-links-2 span {
  color:#707070;
}


.page-img {
  width: 100%;
  max-width: 450px;
  margin-top:50px;
}

.page-img img {
  border-radius: 25px;
  border-top: 10px solid #fff;
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: 0px;
  background:#fff;
}

.bread-img {
  border-radius: 25px;
  border-top: 10px solid #fff;
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: 0px;
}

h2.elementor-heading-title {
  display: inline !important;
  border-bottom: 5px solid var(--cl-3);
  font-weight: 400 !important;
  padding: 0 5px 10px 5px;
  font-size: 45px;
}

body.home h2.elementor-heading-title{
  border-bottom:0 !important;
}

.underlined h6 {
  color:#285C7E;
}

.overlapped {
  position:absolute;
  top:-75px;

}

.elementor-widget-container h5 {
  font-weight:400 !important;
  color:#285C7E;
  font-size:25px;
}

.page-title {
  display: inline-flexflex;
  flex-direction: column;
}

.page-title h2 {
  font-weight: 400 !important;
  line-height: 50px;
}
.page-title span.underline {
  border-bottom: 5px solid var(--cl-3);
  font-weight: 700 !important;
  padding: 0 10px;
}

.display-count-text {
  font-weight: 400;
  margin-right: 10px; /* Adjust spacing as needed */
}

.load-more {
  padding: 5px 20px;
  background: var(--cl-1);
  color: #fff;
  border-radius: 50px;
	border: 0 !important;
}

.load-more:hover {
	background: var(--cl-1) !important;
}
.no-more-posts {
  color: #fff !important;
}


.underlined {
  border-bottom: 2px solid #006666;
}

.underlined-small {
  border-bottom: 1px solid var(--cl-1);
}
.underlined-small h6 {
  margin:0 !important;
  padding:0 !important;
  color:#707070;
  font-size:14px !important;
}

.underlined-small .btn-primary {
  margin:0;
  padding:4px 12px;
  font-size:14px;
  font-weight: 500;
	color: var(--cl-1) !important;
	border: 1px solid var (--cl-1) !important;

}
.btn-primary:hover {
	color:#fff !important;
}

.directory-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: space-between;
}

.shadow {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.directory-card {
  position: relative;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  text-align: left;
  width: 23%;
}



.about-card {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 20px !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  width: 25%;
  margin:0 !important;
  padding:0 !important;
}
.about-card h2 {
  background:#eaeaea;
  font-size:22px;
  font-weight:400;
  margin:0 !important;
  padding:15px 0 !important;
  border-top-left-radius: 20px;  /* Only top-left border */
  border-top-right-radius: 20px; /* Only top-right border */
  color:#068485;

}

.about-card h2 span{
  display:inline-block;
  padding: 10px 15px !important;

}
.about-card span{
  display:inline-block;
  padding: 25px 20px;
}
.about-card span svg{
  margin-right:5px;
  margin-top:-5px;
  margin-left:10px;
  width:30px !important;
  height:30px !important;

}


.directory-image{
  border-top-left-radius: 16px;  /* Only top-left border */
  border-top-right-radius: 16px; /* Only top-right border */
}

.directory-image img {
  max-width: 100%;
  height: auto;
  border-top-left-radius: 16px !important;  /* Only top-left border */
  border-top-right-radius: 16px !important; /* Only top-right border */
}

.directory-card button {
  margin:15px 15px 25px 15px !important;
  padding:9px 10px 9px 15px !important;

}

.directory-card button a {
  color:#fff;
  font-size:14px;
  font-weight:400;
}

.directory-card button svg {
  margin-left:10px;
  margin-right:5px;
}

.directory-name a:hover {
  text-decoration: underline;
}

.directory-count {
  display:none;
  position: absolute;
  top:20px;
  left:20px;
  background: var(--cl-3);
  font-size: 14px;
  color: #285C7E;
  font-weight:600;
  padding:3px 9px !important;
  border-radius: 50%;
  border:1px solid #fff;
}

.see-directories {
  display: block;
  font-weight: 600;
  text-decoration: underline !important;
  text-underline-offset: 2px;
  padding:25px 0px 25px 0px;
  font-size:14px;
	color: var(--cl-1) !important;
}

.elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title{
  font-size:26px !important;
  border-bottom:5px solid transparent !important;
  padding:0;
  font-weight:400px !important;
  margin-right:30px;
	background: transparent !important;
}

.elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true] span{
  background-color:transparent !important;
  font-weight:400px !important;
  color:#707070 !important;
  border-bottom:5px solid var(--cl-3) !important;
  padding:0;
  font-size:26px !important;
}





.compressed {letter-spacing:0px; padding:0 !important; margin:0 !important}

.owl-theme .owl-nav .disabled i {
  background: #eaeaea !important;
  cursor: default;

}

.form-floating>.form-control {
  padding: 0 !important;
}

.form-floating label {
  left:0 !important;
}

.form-floating>label{
  padding: 1rem 0rem !important;
}

.ml-9 {
  margin-left:120px !important;
}

h3.title-white{
  font-weight: 300 !important;
  margin:0;
  margin-bottom:15px;
  margin-top:20px;
  position: relative;
  padding-left:45px;
	font-size: 1.60rem;
}

h3.title-white span {
  position: absolute;
  left:41px;
  top:-3px;
}

h3.title-white span img {
 height:35px !important
}




.dropdown-container {
  position: relative;
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 0px !important;
  font-weight: 500;
  width:100%;

}
.dropdown-container.active {
background:#f8f8f8 !important;
border: 1px solid var(--cl-1);
border-top:1px solid transparent;
border-bottom:1px solid transparent;

}

.dropdown-search{
  width:100%;
  border-radius: 8px;
  border:0;
  padding:5px;
  font-size:12px;
}

.dropdown-select {
  cursor: pointer;
  padding: 10px;
  border: 0px !important;
  border-radius: 0px !important;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin:0 !important;

}

.dropdown-select span {
  display: inline-block;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  color:var(--cl-2);
  font-weight: 600;
  padding:4px 0px;
}

.dropdown-select-ul {
  display: none;
  position: absolute;
  top: 100%;
  left: -1px;
  width: calc(100% + 2px);
  background: #f8f8f8;
  border-radius: 0!important;
  max-height: 300px;
  overflow-y: auto;
  z-index: 1000;
  padding: 0;
  margin: 0;
  list-style: none;
  padding:0 1px;
}

.dropdown-container.active .dropdown-select-ul {
  display: block;
  border: 1px solid var(--cl-1);
  margin-top:1px;
}

.dropdown-select-ul li {
  padding: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.dropdown-select-ul li.selected {
  font-weight: 600;
  color:var(--cl-2)
}



.dropdown-select-ul li.optgroup {
  cursor: default;
  font-weight: bold;
  background-color: #f9f9f9;
}

.dropdown-select-ul li .checkbox {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border: 2px solid var(--cl-2);
  border-radius: 5px;
  background: #fff;
  flex-shrink: 0;
  position: relative;
}

.dropdown-select-ul li.selected .checkbox {
  background: #fff;
  border-color: var(--cl-2);
}

.dropdown-select-ul li.selected .checkbox::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-color: #285C7E; /* Set the background color to match fill */
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232a5c7f' stroke='%232a5c7f' stroke-width='1.2' class='bi bi-check-lg' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232a5c7f' stroke='%232a5c7f' stroke-width='1.2' class='bi bi-check-lg' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z'/%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.filter-row {
  display: flex;
  min-height:50px;
  align-items: center;
}

.filter-pills {
  margin: 10px 20px 10px 0px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;


}

.pill {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  background-color: #eef0f1;
  border-radius: 15px;
  font-size: 13px;
  color: #707070;
  font-weight:500;
}

.pill a {
  margin-left: 8px;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
}




/* Tab Container */
.tabs {
  display: flex; /* Use flexbox to align buttons without gaps */
  background: #fff;
  max-width: 215px;
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--cl-1); /* Border around the pill container */
  border-radius: 25px; /* Full rounding for container */
  overflow: hidden; /* Ensures buttons fit seamlessly inside */

}

.mt-6{
margin-top:30px;
}

/* Individual Tab Buttons */
.tab-button {
  flex: 1; /* Ensures buttons stretch evenly */
  padding: 4px 8px;
  border: 0 !important;
  margin: 0 !important; /* Remove default margin */
  cursor: pointer;
  text-align: center;
  background: transparent; /* Default background inherits from container */
  color: var(--cl-1); /* Default text color */
  transition: all 0.3s ease; /* Smooth transition for hover and active effects */
  white-space: nowrap; /* Prevent text wrapping */
  font-size:14px;
}

/* Hover Effect */
.tab-button:hover {
  background: var(--cl-1);
  color: #fff;
}

/* Active State - Left Button */
.tab-button:first-child.active {
  background: var(--cl-1);
  color: #fff;
  border-radius: 25px 0 0 25px; /* Rounded only on the left side */
}

/* Active State - Right Button */
.tab-button:second-child.active {
  background: var(--cl-1);
  color: #fff;
  border-radius: 0 25px 25px 0; /* Rounded only on the right side */
}

/* Active State - Right Button */
.tab-button:last-child.active {
  background: var(--cl-1);
  color: #fff;
  border-radius: 0 25px 25px 0; /* Rounded only on the right side */
}

/* Hover with Rounded Edges */
.tab-button:first-child:hover {
  border-radius: 25px 0 0 25px; /* Rounded on hover for the left button */
}

.tab-button:last-child:hover {
  border-radius: 0 25px 25px 0; /* Rounded on hover for the right button */
}



.tab-content {
  display: none;
}

.tab-content.active {
  display: block;

}

/* Map View Section */
.map-content {
  margin-top: 30px;
}

.map-text {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
}

/* Map Container */
#map-container {
  height: 800px; /* Adjust the height as needed */
  width: 100%;
  margin: 0 auto;
  position: relative;
    overflow: hidden;
    z-index: 1;
  border-radius: 15px;
}

.leaflet-container {
  height: 100%;
  width: 100%;
}

/* Directory List Section */
.directory-archive {
  margin-top: 30px;
}

.directory-list {
  margin-bottom: 30px;
}

.pagination {
  text-align: center;
  margin-top: 20px;
}

.pagination a, .pagination span {
  padding: 5px 10px;
  margin: 0 5px;
  border-radius: 3px;
  text-decoration: none;
}

.pagination .prev, .pagination .next {
  font-weight: bold;
}

.pagination .current {
  background-color: #ddd;
  cursor: default;
}

.news-blocks article {
  position: relative;
  background: #F8F8F8 !important;
  padding-bottom:20px;
  border-radius: 15px;
  color:#707070 !important
}

.news-blocks article .directory-count {
  position: absolute;
  top:20px;
  left:20px;
  background: var(--cl-3);
  font-size: 14px;
  color: #285C7E;
  font-weight:600;
  padding:8px 9px !important;
  border-radius: 50%;
  border:1px solid #fff;
}

.news-blocks article .caption-heading span {
  font-size:12px !important;
  background: #707070;
  color:#fff;
  padding:4px 8px;
  border-radius: 20px;

}

.pdf-download{
  display: flex;
   align-items: center;
}
.pdf-download h3{
  color:var(--cl-1);
  font-weight: 600 !important;
  font-size:16px;
  margin:0;
  padding:0;
}

.load-more-container {
  margin-top: 20px;
  gap:20px;
}

#load-more {
  padding: 10px 20px;
  font-size: 16px;
}

.bottom-0 {
  position:absolute;
  bottom:0;
}


/* Map popup styling */
.directory-popup .leaflet-popup-content {
  margin: 10px;
  padding: 5px;
}

.directory-popup .popup-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}

.directory-popup .popup-header h5 {
  margin: 0;
  font-weight: bold;
  color: #068485;
}

.directory-popup .popup-english {
  margin: 5px 0;
  padding: 5px 0;
  border-bottom: 1px solid #eaeaea;
  color: #285C7E;
  font-size: 0.95em;
}

.directory-popup .fees {
  font-size: 0.9em;
  color: #666;
}

.directory-popup .locality {
  display: block;
  color: #E55A5A;
  text-decoration: none;
  margin-bottom: 10px;
}

.directory-popup .educational-setup {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 5px;
}

.directory-popup .pill {
  background-color: #f0f0f0;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 0.8em;
  white-space: nowrap;
}

.directory-popup .contact-info {
  font-size: 0.9em;
  line-height: 1.5;
}

.directory-popup .btn-view-details {
  display: inline-block;
  background-color: #068485;
  color: white;
  padding: 5px 10px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 0.9em;
  text-align: center;
}

.directory-popup .btn-view-details:hover {
  background-color: #056667;
}

/* Map container styles */
#map-container {
  height: 800px;
  width: 100%;
  position: relative;
  z-index: 1;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
}

.leaflet-container {
  height: 100%;
  width: 100%;
}

.leaflet-control-container {
  position: absolute;
  z-index: 1000;
}

.e-n-accordion-item-title span {
  display:block;
}
.e-n-accordion-item-title {
  display:flex;
  justify-content: space-between !important;
}

:where(.elementor-widget-n-accordion .e-n-accordion-item>.e-con) {
  border:none !important;
}

/* FAQ Accordion Styling - Chevron Button */
.e-n-accordion-item-title-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}


.e-n-accordion-item-title-icon .e-closed {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px !important;
  height: 35px !important;
  border-radius: 50%;
  background-color: var(--cl-8);
  transition: all 0.3s ease;
  border: 1px solid var(--cl-8);
}
.e-n-accordion-item-title-icon .e-opened {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px !important;
  height: 35px !important;
  border-radius: 50%;
  background-color: white;
  transition: all 0.3s ease;
  border: 1px solid var(--cl-8);
}

.e-n-accordion-item-title-icon .e-opened svg {
  width: 16px;
  height: 16px;
  fill: var(--cl-8) !important;
  stroke: var(--cl-8) !important;
  stroke-width: 1px;
}

.e-n-accordion-item-title-icon svg {
  width: 16px;
  height: 16px;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  stroke-width: 1px;
}


.e-n-accordion-item-title-text {
  font-size: 18px;
  font-weight: 500;
  color: #285C7E;
}

h6.how-title {
	color: var(--cl-2);
	font-size:14px;
	margin-bottom:2px !important;
	font-weight:500;
}

.howtolist li a {
	color:#707070 !important;
}

li.howtoactive a {
	font-weight:bold !important;
	color: var(--cl-2) !important;
}

/* Mobile menu and close button styles */
#close-menu, #hamburger-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--cl-2);
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    padding: 0;
}

#close-menu {
    margin-left: auto;
}

#hamburger-menu {
    border: none;
}

#close-menu:hover, #hamburger-menu:hover {
    background-color: var(--cl-1);
}

#close-menu i, #hamburger-menu i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: white;
    margin: 0;
    padding: 0;
    line-height: 1;
}

/* Mobile search and language styles */
@media (max-width: 767px) {
    #hamburger-menu {
        width: 32px;
        height: 32px;
    }
    
    #hamburger-menu i {
        font-size: 1.25rem;
        color: white;
    }
    
    button#hamburger-menu {
        padding: 0;
    }
    
    .col-8.search-bar {
        padding: 8px 5px;
    }
    
    .col-8.search-bar .search-container {
        width: 100%;
    }
    
    .col-4.languages {
        padding-right: 10px;
    }
    
    .col-4.languages li {
        margin: 0 2px;
    }
    
    .col-4.languages li a,
    .col-4.languages .current-lang a {
        width: 29px;
        height: 29px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .right-borders.d-block.d-sm-none {
        display: flex !important;
        flex-wrap: nowrap;
        align-items: center;
        min-height: 53px;
    }
}

.mt-50 {
  padding-top:50px;
}

.see-more-wrapper .see-more-btn:hover{
  color:#fff !important
}

.content-truncate .row {
  margin-top:40px;
}