body {
  font-family: "AktivGrotesk" !important;
}

.hero {
  background: url(https://alifyanursery.ae/admission/assest/img/hero.webp);

  height: 100vh;

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  width: 100%;

  position: relative;
}

.hero:after {
  content: "";

  height: 82px;

  position: absolute;

  bottom: 0;

  width: 100%;

  left: 0;

  background-image: linear-gradient(to bottom,
      rgba(255, 255, 255, 0),
      rgb(255 255 255) 90%);
}

header button.navbar-toggler {
  border: 0;

  font-size: 30px;
}

header button.navbar-toggler .navbar-toggler-icon {
  filter: invert(9);

  border: 0;
}

:root {
  --skyBlue: #a3c3e7;

  --vibrantOrange: #ee5a39;

  --nationalGreen: #229267;

  --optimisticYellow: #f2ab59;

  --youngPurple: #6c6eb3;
}

h1 {
  font-family: "AktivGrotesk";

  font-weight: 900;

  line-height: 1;

  font-size: 50px;
}

p {
  font-family: "AktivGrotesk";

  font-weight: 300;

  line-height: 1.3;

  font-size: 20px;

  color: #000000;
}

strong {
  font-size: 28px;

  font-weight: 500;

  line-height: 1.2;

  margin-bottom: 10px;

  display: inline-block;
}

.hero h1 {
  color: #f1ab58;
  margin: 8px 0;
}

body.ar-lang .hero h1.text-end {
  font-size: 55px;
  margin-bottom: 20px;
}

.hero p {
  max-width: 45%;

  line-height: 1.3;

  margin: 0;

  font-size: 22px;
}

.cta {
  background: var(--vibrantOrange);

  border-radius: 30px;

  padding: 11px 45px;

  color: white;

  text-transform: math-auto;

  text-decoration: unset;

  border: 1px solid;

  font-size: 18px;

  font-weight: 500;

  letter-spacing: 0.5px;
}

a.white-cta.cta img {
  width: 100%;

  max-width: 20px;
}

.btn-grp a.color-cta.cta {
  border-color: var(--vibrantOrange);

  margin-right: 10px;
}

.btn-grp a {
  display: inline-block;
}

.btn-grp {
  display: inline-block;

  width: 100%;

  clear: both;

  margin-top: 31px;
}

a.white-cta.cta {
  background: transparent;

  border: 1px solid white;

  padding: 11px 23px;

  font-weight: 400;
}

.sc-heading {
  font-weight: bold;

  font-size: 46px;

  letter-spacing: 0.5px;

  text-transform: uppercase;
}

.sc-heading span {
  font-weight: 100;
}

.sc-padd-y {
  padding: 100px 0;
}

.mission p {
  max-width: 94%;
}

.sticky {
  position: fixed;

  top: 0;

  width: 100%;

  left: 0;

  z-index: 9;

  backdrop-filter: blur(10px);
}

header.sticky button.navbar-toggler .navbar-toggler-icon {
  filter: invert(0);

  border: 0;
}

a.navbar-brand img {
  transition: 1s;
}

.sticky a.navbar-brand img {
  object-fit: contain;

  transition: 1s;

  width: 50% !important;
}

.mission .col-md-6 {
  display: flex;

  flex-direction: column;

  justify-content: center;
}

.box-main-promises h3 {
  margin-top: 35px;

  font-size: 23px;
}

.promises .col-md-4:nth-child(odd) .box-main-promises {
  background: linear-gradient(120deg,
      rgba(241, 123, 96, 1) 0%,
      rgba(243, 197, 187, 1) 80%);
}

.box-main-promises {
  padding: 25px;

  margin-bottom: 25px;

  border-radius: 30px;

  background: linear-gradient(120deg,
      rgba(245, 187, 122, 1) 0%,
      rgba(246, 218, 186, 1) 80%);
}

.book-a-tour {
  background: url(https://alifyanursery.ae/admission/assest/img/bg-book-tour.webp);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  width: 100%;

  position: relative;
}

.form-cs {
  padding: 30px;

  background: #e7e7e7;

  border-radius: 30px;
}

.form-cs .form-control,
.form-cs .form-select {
  border-radius: 30px;

  border-color: black;

  padding: 12px 1.75rem;

  color: black !important;
}

.book-a-tour .col-md-7 h2.sc-heading {
  font-size: 45px;
}

.book-a-tour .row:last-child {
  align-items: center;
}

.book-a-tour .col-md-7 {
  padding-left: 50px;
}

.video .col-md-12 {
  position: relative;
}

.video img:last-child {
  position: absolute;

  left: 50%;

  top: 50%;

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

  width: 100%;

  max-width: 150px;
}

.program-box-content {
  display: flex;

  justify-content: space-between;

  align-items: end;

  background: #6c6eb3;

  color: white;

  padding: 20px 10px;

  border-bottom-left-radius: 20px;

  border-bottom-right-radius: 20px;

  margin-bottom: 25px;
}

.program-box-content h3 {
  text-transform: uppercase;

  font-weight: 600;

  font-size: 24px;

  margin-bottom: 0;
}

.program-box-content ul {
  padding: 0;

  list-style: none;

  text-align: right;

  text-transform: capitalize;

  margin-bottom: 0;
}

.program-box-content ul li {
  font-size: 14px;
}

.box-program {
  border-top-left-radius: 20px;

  border-top-right-radius: 20px;
}

.box-program img {
  box-shadow: 0px -1px 16px 1px #0000003b;

  border-top-left-radius: 20px;

  border-top-right-radius: 20px;
}

.gallery .col-md-9 .row .col-md-12 {
  display: flex;
}

.gallery img {
  height: 300px;

  object-fit: cover;

  border-radius: 30px;

  transition: 1s;
}

.gallery .col-md-9 .row:last-child img {
  margin-bottom: 0;
}

.gallery .col-md-3 img {
  margin: 0;
}

.slide-arrow {
  position: absolute;

  top: 50%;

  margin-top: -15px;

  background: var(--vibrantOrange);

  border: 0;

  border-radius: 100%;

  height: 50px;

  z-index: 1;

  width: 50px;
}

.gallery .col-md-9 .row.deskGallery:nth-child(2) {
  margin-bottom: 0;
}

.slide-arrow img {
  filter: invert(1);

  width: 75%;

  margin: auto;
}

.prev-arrow {
  left: -20px;
}

.next-arrow {
  right: -20px;
}

.testimonialsMain img {
  margin: 0 auto;
}

.testimonialsMain {
  background: url(https://alifyanursery.ae/admission/assest/img/testi-bg.png);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  width: 100%;

  position: relative;

  text-align: center;

  height: 100%;

  padding: 35px;

  border-top-left-radius: 30px;

  border-top-right-radius: 30px;
}

.testimonialsMain img {
  margin: 15px auto;

  width: 100%;

  max-width: 120px;
}

.testimonialsMain p {
  font-size: 19px;

  margin-bottom: 5px;
}

.testimonialsMain {
  background: url(https://alifyanursery.ae/admission/assest/img/testi-bg.png);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  width: 100%;

  position: relative;

  text-align: center;

  height: 275px;

  padding: 30px 22px;

  border-top-left-radius: 30px;

  border-top-right-radius: 30px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;
}

.testimonials .slick-slider {
  margin: 0 -15px;
}

.testimonials .slick-slide {
  text-align: center;

  margin-right: 10px;

  margin-left: 10px;
}

.experience-discover ul li img {
  width: 100%;
  object-fit: contain;
}

.experience-discover ul li {
  width: 20%;
}

.experience-discover ul {
  padding: 0;

  display: flex;

  flex-wrap: wrap;

  list-style: none;
}

.experience-discover ul li h6 {
  color: #c96f00;

  font-size: 30px;

  text-transform: uppercase;

  text-align: center;

  display: flex;

  align-items: center;

  margin: 0;

  justify-content: center;

  padding: 89px 0;
}

.experience-discover ul li:nth-child(2) h6 {
  color: #df4d2b;
}

.experience-discover ul li:nth-child(3) h6 {
  color: #0051ab;
}

.experience-discover ul li:nth-child(4) h6 {
  color: #02af6e;
}

.experience-discover ul li:nth-child(5) h6 {
  color: #00045d;
}

.experience-discover ul li:nth-child(even) {
  flex-direction: column-reverse;

  display: flex;
}

.nextGeneration img {
  width: 663px;
}

.nextGeneration .row {
  align-items: center;
}

.accordion-item {
  border-radius: 40px !important;

  margin-bottom: 20px;

  border: 1px solid #cacaca !important;

  padding: 0;

  background: transparent;
}

button.accordion-button {
  border-radius: 50px;
}

.accordion-button:not(.collapsed) {
  color: black !important;

  background-color: transparent !important;

  box-shadow: unset !important;
}

.accordion-item>.accordion-header .accordion-button {
  border-top-left-radius: unset;

  border-top-right-radius: unset;

  border-radius: 50px !important;

  outline: unset !important;

  background: #fff !important;

  box-shadow: unset !important;

  border: 1px solid #cacaca;

  padding: 20px;

  font-size: 24px;

  font-weight: 500;

  text-transform: capitalize;
}

.map-form.book-a-tour iframe {
  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 609px;
}

.map-form.book-a-tour {
  position: relative;

  height: 607px;
}

.map-form.book-a-tour .container {
  position: absolute;

  left: 0;

  top: 50%;

  transform: translate(0, -50%);
}

.map-form.book-a-tour .form-cs {
  z-index: 1;

  position: absolute;

  max-width: 450px;

  width: 100%;

  left: 100px;

  top: 0;

  margin-top: 50px;
}

.upperFooter {
  background-color: var(--vibrantOrange);
}

h3.footerHeading {
  color: white;

  font-size: 24px;

  font-weight: 700;

  margin-bottom: 15px;
}

footer ul {
  list-style: none;
}

footer ul li {
  line-height: 1.9;
}

footer .socialMedia ul li {
  width: 15%;
}

.socialMedia ul li a img {
  filter: brightness(10);
}

footer ul li a {
  color: white;

  text-decoration: none;

  font-size: 17px;
}

footer p {
  font-size: 16px;
}

form.newsletter input.form-control {
  background: transparent;

  border-radius: 0;

  color: white;
}

form.newsletter input.form-control:last-child {
  width: 30%;

  background: white url(https://alifyanursery.ae/admission/assest/img/right-arrow-angle.png);

  background-size: 24px;

  background-position: center;

  background-repeat: no-repeat;

  padding: 12px;
}

form.newsletter input.form-control:first-child {
  width: 70%;
}

form.newsletter input.form-control:first-child::-webkit-input-placeholder {
  color: white;
}

form.newsletter input.form-control:first-child::-moz-placeholder {
  color: white;
}

form.newsletter {
  display: flex;
}

.copy_rigght p {
  padding: 20px 0;
}

footer .container:last-child {
  border-top: 1px solid white;
}

a.scroll {
  position: fixed;

  right: 100px;

  bottom: 8px;
}

a.scroll img {
  max-width: 45px;

  width: 100%;
}

#offcanvasDarkNavbar {
  position: fixed;

  height: 100vh;

  max-width: 60% !important;

  width: 100%;

  backdrop-filter: blur(10px);

  background: #6c6eb352;

  border: 0;
}

.chat h3 {
  font-weight: 900;

  text-transform: uppercase;

  text-align: center;

  margin: 0 auto 15px;

  width: 92%;

  font-size: 26px;
}

.chat {
  position: fixed;

  z-index: 8;

  right: 0;

  top: 50%;

  text-transform: capitalize;

  background: var(--vibrantOrange);

  padding: 15px 5px;

  border-top-left-radius: 30px;

  border-bottom-left-radius: 30px;

  transform: translate(0, -50%);

  color: white;

  max-width: 225px;

  width: 100%;
}

.chatInner {
  display: flex;

  flex-direction: column;

  align-items: center;
}

.chat .cta img {
  margin-right: 5px;
}

.chat .cta {
  font-size: 15px;

  max-width: 155px;

  padding: 9px 15px;

  display: flex;

  align-items: center;

  width: 100%;

  text-align: center;

  justify-content: center;

  transition: 1s;
}

a.cta1.cta {
  background: white;

  color: black;

  border: 0;

  margin-bottom: 10px;
}

a.cta2.cta {
  background-color: #1dca5d;

  border: 0;
}

img.chat_arrow1 {
  background: white;
  border-radius: 100%;
  padding: 5px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 15px;
  height: 30px;
  width: 30px;
  object-fit: contain;
  margin-bottom: 3px !important;
}

.chat.active img.chat_arrow1 {
  position: relative;
  right: unset;
  top: unset;
  height: 39px;
  width: 39px;
}

.chat.active a {
  width: 40px;

  height: 40px;

  text-align: center;

  margin: 2px 0;

  transition: 1s;
}

.chat.active h3,
.chat.active a span {
  display: none;

  transition: 1s;
}

.chat.active {
  max-width: 65px;

  transition: 1s;
}

.chat.active img {
  margin: 0;
  transition: 1s;
}

.chat.active .chatInner {
  align-items: self-start;

  padding-left: 12px;

  transition: 1s;
}


.map-form.book-a-tour .form-cs h4 {
  font-weight: bold !important;
}

.gallery a.example-image-link {
  display: inline-block;

  width: 100%;

  height: 100%;

  position: relative;

  transition: 1s;
}

.gallery a.example-image-link:hover:before {
  content: "";

  background: #0000008a url(https://alifyanursery.ae/admission/assest/img/bg-hover1.png?v=1.2);

  z-index: 1;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  border-radius: 30px;

  transition: 1s;

  background-repeat: no-repeat;

  background-position: center;
}

.ar-lang .gallery a.example-image-link:hover:before {
  content: "";

  background: #0000008a url(https://alifyanursery.ae/admission/assest/img/bg-hover1.png?v=1.2);

  z-index: 1;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  border-radius: 30px;

  transition: 1s;

  background-repeat: no-repeat;

  background-position: center;
}

.gallery .col-md-9 .row:last-child {
  margin-bottom: 0;
}

.gallery .col-md-9 .row {
  margin-bottom: 40px;
}

.offcanvas-body {
  padding: 0;

  display: flex;
}

.popMenuRight,
.offcanvas-body ul.navbar-nav.justify-content-end.flex-grow-1.pe-3 {
  width: 50%;
}

.offcanvas-body li.nav-item a {
  text-transform: uppercase;

  font-size: 24px;

  font-weight: 100;

  border-bottom: 1px solid #ffffff30;

  color: #ffffff !important;

  padding: 15px;

  letter-spacing: 2px;
}

.offcanvas-body li.nav-item:last-child a {
  border-bottom: 0;
}

.navbar-toggler:focus {
  box-shadow: none !important;
}

a.nav-link.LocationsBtn img {
  max-width: 25px;

  margin-left: 5px;

  margin-top: -10px;
}

ul.LocationsList li a {
  font-size: 16px !important;
}

h5#offcanvasDarkNavbarLabel img.w-75 {
  width: 50% !important;
}

.testimonials .item.slick-slide strong {
  font-weight: bold;

  font-size: 20px;

  text-transform: capitalize;
}

.popMenuRight h3.footerHeading {
  color: #219267;
}

.popMenuRight ul.p-0.d-flex li {
  margin-bottom: 15px;
}

.popMenuRight ul.p-0.d-flex {
  flex-direction: column;

  list-style: none;
}

#offcanvasDarkNavbar .offcanvas-body ul.navbar-nav.flex-grow-1.px-3 {
  background: #6c6eb300 !important;

  border: 0 !important;

  margin: 0 !important;

  justify-content: center;

  backdrop-filter: blur(43px) !important;
}

.popMenuRight {
  padding: 0 20px;

  position: relative;

  display: flex;

  flex-direction: column;

  align-items: self-start;

  justify-content: center;

  background: white;
}

.popMenuRight button.btn-close.btn-close-black {
  position: absolute;

  right: 10px;

  top: 10px;
}

.socialMedia.socialMedia2 {
  border-top: 4px dashed #a3c3e7;

  margin-bottom: 0;

  padding-top: 20px;

  width: 100%;
}

.popMenuRight ul.p-0.d-flex li:last-child {
  margin-bottom: 0;
}

.pushMenuHead p {
  font-size: 20px;
}

.pushMenuHead img {
  width: 30% !important;
  object-fit: contain;
}

.pushMenuHead {
  text-align: center;

  border-bottom: 4px dashed #a3c3e7;

  margin-bottom: 20px;
}

.popMenuRight .socialMedia ul li a {
  display: flex;

  align-items: flex-start;
}

.popMenuRight .socialMedia ul li a img {
  width: 30px !important;

  margin-right: 10px;

  filter: unset !important;
}

.popMenuRight .socialMedia ul li a {
  color: #f1ab58;

  text-decoration: unset;

  font-size: 15px;

  font-weight: 500;
}

.popMenuRight .socialMedia.socialMedia2 ul {
  display: flex !important;

  flex-direction: row;
}

.accordion-item:last-child {
  margin-bottom: 0;
}

.mobGallery {
  display: none;
}

.is-invalid {
  border-color: #dc3545;
}

ul.LocationsList li::marker {
  color: white;
}

.copy_rigght p a {
  color: white;
}

img.footerLogo {
  max-width: 100px;
}

.testimonials {
  overflow-x: hidden;
}

.thank-you .socialMedia {
  margin-top: 30px;
}

.thank-you .socialMedia ul {
  padding: 0;
  list-style: none;
}

.box-main-promises p {
  font-size: 18px;
}

.box-main-promises img {
  width: 100px;
}

.menu_cs_dropDown {
  display: flex;
  align-items: center;
}

#lang_cs-option {
  font-weight: bold;
  font-size: 12px;
  font-family: "AktivGrotesk" !important;
  border: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  margin-right: 4px;
}

.modal.show .modal-dialog {
  max-width: 79%;
  margin: 0 auto;
}

.modal-body iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.modal-body {
  padding: 0;
}

img.toggle_cs {
  height: 40px;
  width: 40px;
  transform: rotate(-90deg);
}

.ar-lang img.toggle_cs {
  transform: rotate(90deg);
}















/************************** Media Start Here **********************************/

/************************** Media Start Here **********************************/

/* max-width: 1199px */

@media (max-width: 1199px) {
  .experience-discover ul li h6 {
    font-size: 22px;

    padding: 80px 0;
  }

  .testimonialsMain p {
    font-size: 18px;
  }

  .box-main-promises {
    padding: 20px;
  }

  .box-main-promises h3 {
    margin-top: 35px;

    font-size: 20px;
  }

  p {
    font-size: 18px;
  }

  .book-a-tour .col-md-7 h2.sc-heading {
    font-size: 36px;
  }


  .program-box-content h3 {
    font-size: 20px;
  }

  .program-box-content ul li {
    font-size: 13px;
  }

  .pushMenuHead p {
    font-size: 14px;
  }

  .offcanvas-body li.nav-item a {
    font-size: 20px;
  }

  .popMenuRight .socialMedia ul li a {
    font-size: 12px;
  }

  .popMenuRight h3.footerHeading {
    font-size: 22px;
  }

}

/* max-width: 1199px */

/* max-width: 1024px */

@media (max-width: 1024px) {
  .next-arrow {
    right: 0;
  }

  .prev-arrow {
    left: -0;
  }

  .slide-arrow {
    height: 40px;

    width: 40px;
  }

  a.nav-link.LocationsBtn img { 
    margin-left: 5px;
    margin-top: -5px;
  }

  .box-main-promises h3 {
    margin-top: 25px;
  }

  .box-main-promises img {
    max-width: 100px;
  }

  .testimonialsMain p {
    font-size: 15px;
  }

  .testimonialsMain {
    height: unset;
  }

  .testimonials .item.slick-slide strong {
    font-size: 18px;
  }

  .testimonialsMain img {
    max-width: 100px;
    object-fit: contain;
  }

  .sc-heading {
    font-size: 40px;
  }

  .accordion-item>.accordion-header .accordion-button {
    font-size: 22px;
  }
}

/* max-width: 1024px */

/* max-width: 991px */

@media (max-width: 991px) {
  a.scroll {
    right: 10px;
  }

  #offcanvasDarkNavbar {
    max-width: 100% !important;
  }

  .box-main-promises {
    padding: 15px;
  }

  .box-main-promises h3 {
    margin-top: 20px;

    min-height: 55px;

    font-size: 22px;
  }



  .book-a-tour .col-md-7 h2.sc-heading {
    font-size: 34px;
  }

  .book-a-tour .col-md-7 h2.sc-heading span br {
    display: none;
  }

  .book-a-tour .col-md-7 {
    padding-left: 20px;
  }

  h1 {
    font-size: 56px;
  }

  .hero p {
    max-width: 65%;
  }

  header button.navbar-toggler .navbar-toggler-icon {
    width: 1em;

    height: 1em;
  }

  a.navbar-brand img {
    width: 60% !important;
  }

  header button.navbar-toggler {
    padding: 0;
  }

  a.navbar-brand {
    padding: 0;
  }

  .sticky a.navbar-brand img {
    width: 35% !important;
  }

  .pushMenuHead img {
    width: 25% !important;
  }

  .video img:last-child {
    width: 85px;
    height: 85px;
  }

  .program-box-content {
    align-items: center;

    flex-direction: column;
  }

  .program-box-content ul {
    text-align: center;

    margin-top: 15px;

    display: inline-block;

    width: 100%;
  }

  .gallery img {
    height: 200px;
  }

  .gallery a.example-image-link:hover:before {
    background-size: 75px;
  }

  .program-box-content {
    padding: 15px 10px;
  }

  .sc-heading {
    font-size: 36px;
  }

  .experience-discover ul li h6 {
    font-size: 18px;

    padding: 55px 0;
  }

  .form-cs .form-control,
  .form-cs .form-select {
    padding: 10px 1.75rem;

    font-size: 14px;
  }

  .map-form.book-a-tour .form-cs {
    max-width: 350px;

    left: 25px;
  }

  .upperFooter h2.text-white.mb-0 {
    font-size: 22px;
  }

  footer .container.py-5 img.footerLogo {
    max-width: 100px;
  }

  .accordion-item>.accordion-header .accordion-button {
    font-size: 20px;
  }

  .sc-padd-y {
    padding: 60px 0;
  }

  .chat h3 {
    font-size: 24px;
  }

  footer .socialMedia ul li {
    width: 25%;
  }
}

/* max-width: 991px */

/* max-width: 767px */

@media (max-width: 767px) {
  h1 {
    font-size: 40px;

    margin-top: 5px;
  }

  p {
    font-size: 16px;
  }

  .hero p {
    max-width: 90%;

    font-size: 18px;
  }

  .btn-grp {
    display: flex;

    align-items: center;
  }

  .cta {
    padding: 11px 26px;

    font-size: 16px;
  }

  .sc-padd-y {
    padding: 45px 0;
  }

  .mission .col-md-6 .btn-grp.mt-5.pt-5 {
    padding-top: 0 !important;

    margin-top: 0 !important;

    margin-bottom: 15px;
  }

  .mission .col-md-6 img.w-75.mx-auto {
    width: 50% !important;
  }

  .mb-5 {
    margin-bottom: 1.5rem !important;
  }

  .box-main-promises h3 {
    min-height: unset;

    font-size: 26px;
  }

  .promises .col-md-12 .btn-grp {
    margin-top: 0 !important;
  }

  .form-cs {
    margin-bottom: 30px;
  }

  .book-a-tour .col-md-7 h2.sc-heading {
    font-size: 30px;
  }

  .book-a-tour .col-md-7 .btn-grp.mt-5 {
    margin-top: 20px !important;
  }

  .sc-heading {
    font-size: 30px;
  }

  .video img:last-child {
    width: 50px;
    height: 50px;
  }

  .program-box-content ul {
    text-align: right;

    margin-top: 0;
  }

  .program-box-content {
    flex-direction: row;

    padding: 15px 20px;
  }

  .PROGRAMS .row:last-child .col-md-12.text-center .btn-grp.mt-5 {
    margin-top: 0 !important;
  }

  .gallery img {
    width: 100%;

    object-fit: cover;

    object-position: center;

    height: 250px;

    padding: 5px;
  }

  .mobGallery {
    display: block;
  }

  .deskGallery {
    display: none;
  }

  .gallery button img {
    height: -webkit-fill-available;
  }

  .gallery .col-md-12.text-center .btn-grp.mt-5 {
    margin-top: 0 !important;

    text-align: center;

    justify-content: center;
  }

  .mobGallerySlider {
    padding: 0;

    list-style: none;
  }

  .chat.active {
    max-width: 60px;

    padding: 10px 5px;
  }

  .chat.active a {
    width: 30px;

    height: 30px;
  }

  .chat {
    max-width: 195px;
    transition: 1s;
  }

  .chat h3 {
    font-size: 20px;
  }

  img.chat_arrow1 {
    right: 10px;
  }

  .chat .cta {
    font-size: 14px;
  }

  .slide-arrow {
    height: 35px;

    width: 35px;
  }

  .slide-arrow img {
    width: 100%;
  }

  .experience-discover ul li h6 {
    font-size: 30px;

    padding: 30px 0;
  }

  .experience-discover ul li {
    padding: 0 10px;
  }

  .accordion-item>.accordion-header .accordion-button {
    font-size: 16px;
  }

  .accordion-body {
    font-size: 14px;
  }

  .upperFooter .btn-grp h2 {
    margin-bottom: 15px !important;

    font-size: 30px !important;

    padding: 10px 20px;
  }

  .upperFooter .btn-grp {
    flex-direction: column !important;

    justify-content: center !important;

    align-items: center !important;

    text-align: center;
  }

  footer .container.py-5 .col-md-4,
  footer .container.py-5 .col-md-2,
  footer .container.py-5 .col-md-3 {
    border-bottom: 1px solid #ffffff47;

    margin-bottom: 20px;
  }

  footer .container.py-5 .col-md-3:last-child {
    border: 0;

    margin: 0;
  }

  footer .container.py-5 {
    padding: 20px !important;
  }

  .copy_rigght p {
    padding: 15px 0;

    text-align: center;

    font-size: 12px;
  }

  a.scroll img {
    width: 35px;
    height: 35px;
}

  h3.footerHeading {
    font-size: 22px;
  }

  .prev-arrow {
    left: 15px;
  }

  .next-arrow {
    right: 15px;
  }

   

  .map-form.book-a-tour .form-cs {
    max-width: 90%;

    left: 50%;

    margin: 0 auto;

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

    top: 50%;
  }

  footer .socialMedia ul li {
    width: 10%;
  }
}

/* max-width: 767px */

/* max-width: 480px */

@media (max-width: 480px) {
  .experience-discover ul li img {
    width: 70%;

    margin: 0 auto;
  }

  h1 {
    font-size: 32px;
  }

  .chat {
    max-width: 180px;

    padding: 10px 5px;
  }

  img.chat_arrow1 {
    max-width: 30px;
  }

  .chat h3 {
    font-size: 18px;
  }

  .chat .cta {
    max-width: 140px;

    padding: 9px 10px;
  }

  .btn-grp {
    flex-direction: column;
  }

  .btn-grp a {
    width: 95%;

    margin: 0 0 10px !important;

    text-align: center;

    padding: 13px 20px !important;

    font-size: 15px;
  }

  .hero {
    background: #5f5151 url(https://alifyanursery.ae/admission/assest/img/hero.webp);

    background-blend-mode: overlay;

    background-position: 70%;

    background-size: cover;

    background-repeat: no-repeat;

    align-items: end !important;

    padding-bottom: 100px;
  }

  .hero .col-md-12.pt-5 {
    padding-top: 0 !important;
  }

  .hero h1 {
    margin: 8px 0;
  }

  .testimonials .slick-slider {
    margin: 0;
  }

  .testimonials .item.slick-slide strong {
    margin: 15px 0 0;
  }

  .testimonialsMain p {
    font-size: 18px;
  }

  .testimonialsMain {
    height: 275px;
  }

  .experience-discover ul li:nth-child(even) {
    flex-direction: column !important;
  }

  .offcanvas-body li.nav-item a {
    font-size: 16px;

    padding: 10px 8px;
  }

  .popMenuRight .socialMedia {
    display: none;
  }

  .popMenuRight,
  .offcanvas-body ul.navbar-nav.justify-content-end.flex-grow-1.pe-3 {
    width: 100%;
  }

  #offcanvasDarkNavbar .offcanvas-body ul.navbar-nav.flex-grow-1.px-3 {
    justify-content: start;

    padding-top: 15px;
  }

  .pushMenuHead {
    margin-bottom: 0;

    padding: 20px 0;

    width: 75%;

    border: 0;
    text-align: left;
  }

  .offcanvas-body {
    flex-direction: column-reverse;
  }

  .popMenuRight button.btn-close.btn-close-black {
    right: 0;

    top: 50%;

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

  .popMenuRight p {
    display: none;
  }

  .popMenuRight {
    align-items: start;
  }

  ul.LocationsList li a {
    font-size: 14px !important;
  }

  a.nav-link.LocationsBtn img {
    margin-top: -3px;
    height: 10px;
    width: 15px !important;
    object-fit: contain;
}

  footer .socialMedia ul li {
    width: 12%;
  }

  .thank-you .socialMedia ul {
    width: 58% !important;
  }

  .sc-heading {
    font-size: 26px;
  }

  .mission .col-md-6 {
    text-align: center;
  }
}

/* max-width: 480px */









/* ar lang  */
.ar-lang .hero h1,
.ar-lang .hero .btn-grp {
  max-width: 45%;
}

.ar-lang .popMenuRight .socialMedia.mb-4,
.ar-lang .offcanvas-body li.nav-item a,
.ar-lang .popMenuRight .socialMedia ul li a,
.ar-lang .popMenuRight h3.footerHeading,
.ar-lang .hero .btn-grp,
.ar-lang #lang_cs-option,
.ar-lang .book-a-tour .col-md-7,
.ar-lang .form-cs,
.ar-lang .accordion-body,
.ar-lang .form-cs .form-control,
.ar-lang .form-cs .form-select,
.ar-lang .copy_rigght p,
.ar-lang footer .col-md-4,
.ar-lang footer .col-md-2,
.ar-lang footer .col-md-3 {
  text-align: right;
}

.ar-lang .popMenuRight .socialMedia ul li a,
.ar-lang .popMenuRight .socialMedia.socialMedia2 ul {
  justify-content: end;
}

.ar-lang .mission .col-md-6,
.ar-lang .popMenuRight,
.ar-lang form.tourForm {
  align-items: end;
  text-align: right;
}

.ar-lang button.accordion-button::after {
  text-align: left;
  position: absolute;
  left: 30px;
}

.ar-lang a.scroll {
  left: 40px;
  right: unset;
}

.ar-lang footer .col-md-4 p {
  padding: 0 !important;
}

.ar-lang .chat {
  border-radius: 0;
  left: 0;
  right: unset;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}


.ar-lang .chat.active .chatInner {
  padding-left: 7px;
}

.ar-lang .hero .col-md-12.pt-5 {
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: end;
}

.ar-lang .hero {
  background: url(https://alifyanursery.ae/admission/assest/img/ar-01.webp);
  height: 100vh;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
}

.ar-lang .box-main-promises {
  min-height: 350px;
}

.ar-lang .program-box-content {
  flex-direction: row-reverse;
}

.ar-lang .book-a-tour select.form-select {
  direction: rtl;
  /* Makes text align right */
  text-align: right;
  /* Fallback */
  -webkit-appearance: none;
  /* Normalize appearance on iOS */
  background-position: left center;
  /* Moves dropdown arrow to the left */
}

/* Optional: Target only iOS Safari (via WebKit detection) */
@supports (-webkit-touch-callout: none) {
  .ar-lang .book-a-tour select.form-select {
    text-align: right;
    direction: rtl;
  }
}

.ar-lang #find-nursery img {
  object-fit: cover;
}

.ar-lang .experience-discover ul li h6 {
  padding: 107px 0;
  justify-content: center;
}
.youtube-facade {
  position: relative;
  cursor: pointer;
  width: 100%; 
  aspect-ratio: 16 / 9; /* Makes it responsive */
  background-color: #000;
  overflow: hidden;
}

.youtube-facade img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.youtube-facade .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 35px;
  color: white;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  padding: 10px 20px;
}

.youtube-facade iframe {
  width: 100%;
  height: 100%;
  border: 0;
}






@media (max-width: 1199px) {

  .ar-lang .hero .btn-grp,
  .ar-lang .hero .col-md-12.pt-5 p.text-white.text-end {
    max-width: 72% !important;
  }

  .ar-lang .experience-discover ul li h6 {
    padding: 92px 0;
  }
}

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

@media (max-width: 991px) {
  .ar-lang .popMenuRight .socialMedia {
    padding-right: 0;
  }

  .ar-lang .box-main-promises h3 {
    min-height: 40px;
  }

  .ar-lang .box-main-promises p {
    font-size: 16px;
    min-height: 105px;
  }

  .ar-lang .box-main-promises {
    min-height: unset;
    padding: 30px 20px;
  }

  .ar-lang .box-main-promises p {
    min-height: unset;
    margin-bottom: 0;
  }

  .ar-lang #find-nursery img {
    height: 400px;
  }

  .ar-lang .experience-discover ul li h6 {
    padding: 68px 0;
  }

}

@media(max-width: 767px) {
  .ar-lang a.scroll {
    left: 10px;
  }

  .ar-lang .hero .btn-grp,
  .ar-lang .hero .col-md-12.pt-5 p.text-white.text-end {
    max-width: 85% !important;
    justify-content: end;
  }

  .ar-lang .btn-grp {
    justify-content: end;
  }

  .ar-lang .btn-grp a.color-cta.cta {
    margin: 0 !important;
  }

  .ar-lang .hero .btn-grp a.white-cta.cta {
    margin-left: 5px;
  }

  .ar-lang .mission .col-md-6,
  .ar-lang .popMenuRight,
  .ar-lang form.tourForm {
    align-items: unset;
    text-align: center;
  }

  .ar-lang .program-box-content ul {
    text-align: left;
  }

  .ar-lang .book-a-tour .col-md-7 h2.sc-heading {
    text-align: center;
  }

  .ar-lang #find-nursery img {
    height: 300px;
    object-position: top;
  }

  .chat.active img.chat_arrow1 {
    height: 30px;
    width: 30px;
  }

  .ar-lang .experience-discover ul li h6 {
    padding: 0;
  }

}

@media(max-width: 480px) {
  a.navbar-brand {
    max-width: 40%;
  }

  #lang_cs-option {
    font-size: 10px;
  }

  .popMenuRight {
    align-items: start;
  }

  .ar-lang .hero .btn-grp,
  .ar-lang .hero .col-md-12.pt-5 p.text-white.text-end {
    max-width: 100% !important;
    justify-content: end;
  }

  .ar-lang .btn-grp a.color-cta.cta {
    margin: 0 0 10px !important;
  }

  .ar-lang .hero {
    background-position: 30%;
    /* padding-bottom: 200px; */
  }

  .ar-lang #find-nursery img {
    height: 200px;
  }

  .pushMenuHead img {
    width: 35% !important;
    height: 100% !important;
    object-fit: unset !important;
  }
}







/* ar lang  */