/* 15 Dec */
 
h1,h2,h3,h4,h5,h6,p,a,span, #lang_cs-option {
  font-family: "Childos Arabic DEMO", Sans-serif !important;
}
 .popMenuRight .socialMedia ul li a, .copy_rigght p {font-family: AktivGrotesk !important;}
@media (min-width: 1200px){
  .container{padding: 0; }
}

.navbar-brand img {
    width: 100%;
    max-width: 100%;
    height: 70px;
    object-fit: contain;
    object-position: center center;
}
.sticky {
    background-color: rgba(225, 225, 225, 0.64);
    backdrop-filter: blur(20px) saturate(1.8) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.8) !important;
}
.sticky a.navbar-brand img{
    height: unset;
    width: 100% !important;
    max-width: 60px;
}
.hero:after{display: none;} 
 
.banner-shape{
    direction: ltr;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    bottom: -1px;
}
.banner-shape svg {
    transform: translateX(-50%) rotateY(180deg);
    display: block;
    left: 50%;
    position: relative;
    width: calc(100% + 1.3px);
}
.banner-shape svg path {
    fill: #F2AB59;
}
.about{
  background-color: #F2AB59;
  padding: 90px 15px 30px;
  position: relative;
  overflow: hidden;
}
.about .container {
    position: relative;
    z-index: 1;
}
.about::before{
    content: "";
    background-image: url(https://www.alifyanursery.ae/wp-content/uploads/2025/07/9368348-1.webp);
    --background-overlay: '';
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    z-index: 0;
}
.about .col-md-4 img {
    margin-top: 70px;
}
.about .col-md-8 {
    padding-bottom: 90px;
}
.about h1{
    font-family: "Childos Arabic DEMO", Sans-serif;
    font-size: 46px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #FFFFFF;
    line-height: 55px;
}
.about p{
    color: #ffffff;
    max-width: 85%;
    font-size: 20px;
    line-height: 30px;
}

.about-bottom-shape{
    transform: rotate(180deg);
    bottom: -1px;
    direction: ltr;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;    
}
.about-bottom-shape svg{
    height: 100px;
    transform: translateX(-50%) rotateY(180deg);
    z-index: -1;
    display: block;
    left: 50%;
    position: relative;
    width: calc(100% + 1.3px);
}
.about-bottom-shape svg path {
    fill: #fff;
    transform: rotateY(0deg);
    transform-origin: center;
}
.mission p {
    max-width: 100%;
    color: #7A7A7A;
    letter-spacing: 0.5px;
    line-height: 30px;
}

.promises {
    position: relative;
    background-color: #F8F9FA;
    overflow: hidden;
}
.promises .container {
    position: relative;
}
.promise-shape-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
.promise-shape-top svg {
    display: block;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: calc(100% + 1.3px);
}
.promise-shape-top svg path {
    fill: #fff;
    transform: rotateY(0deg);
    transform-origin: center;
}
.promises p.mt-2 {
    letter-spacing: 0.5px;
    color: #7A7A7A;
    font-size: 20px;
    line-height: 30px;
    max-width: 90%;
    margin: 15px auto;
}


.box-main-promises{
  position: relative;
  padding: 35px 18px 35px 18px;
  min-height: 430px;  
}
.box-main-promises img {
    width: 120px;
}
.box-main-promises h3 {
    margin-bottom: 10px;
    font-family: "Childos Arabic DEMO", Sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.6px;
    color: #FFFFFF;
    margin-top: 4rem;
}
.box-main-promises p {
    font-family: "Childos Arabic DEMO", Sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: #FFFFFF;
}
.box-main-promises .shape-top {
    direction: ltr;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: 0;
}
.box-main-promises .shape-top svg {
    display: block;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: calc(100% + 1.3px);
}
.box-main-promises .shape-top svg path {
    fill: #fff;
    transform: rotateY(0deg);
    transform-origin: center;
}

.box-main-promises.bmp1 {
    background: #B1A2BF !important;
}
.box-main-promises.bmp2 {
    background: #EAC374 !important;
}
.box-main-promises.bmp3 {
    background: #DEAEAA !important;
}
.box-main-promises.bmp4 {
    background: #EDAB7B !important;
}
.box-main-promises.bmp5 {
    background: #545976 !important;
}
.box-main-promises.bmp6 {
    background: #739151 !important;
}

 
.section-title p{
  max-width: 55%;
  margin: 15px auto;
  font-size: 20px;
  line-height: 30px;
  color: #7A7A7A;  
}
.book-a-tour p {
    color: #7A7A7A; 
}

.form-cs {
    padding: 30px;
    background: #E7E7E7;
    border-radius: 30px;
}
.form-cs label {
    font-family: "AktivGrotesk-Regular", Sans-serif;
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 0.5rem 0;
    line-height: 24px;
    color: #000;
}
.form-cs .form-control, .form-cs .form-select {
    font-family: "AktivGrotesk-Regular", Sans-serif;
    border-radius: 30px;
    border-color: #dcd7ca;
    padding: 12px 1.75rem;
    color: black !important; 
}
 
.video{
  background-color: #F8F9FA;
  position: relative;
}
.video-shape-top {
    direction: ltr;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 0;
}
.video-shape-top svg {
    display: block;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: calc(100% + 1.3px);
}
.video-shape-top svg path {
    fill: #fff;
    transform: rotateY(0deg);
    transform-origin: center;
}
.video .section-title p.w-100 {
    max-width: 88%;
    color: #7A7A7A;
    letter-spacing: 0.5px;
    font-size: 20px;
    line-height: 30px;
}
.video img:last-child {
    border: 3px solid #fff;
    border-radius: 100%;
}
.video-shape-bottom{
    direction: ltr;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 0;
    transform: rotate(180deg);
}
.video-shape-bottom svg {
    display: block;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: calc(100% + 1.3px);
}
.video-shape-bottom svg path{
      fill: #fff;
    transform: rotateY(0deg);
    transform-origin: center;
}
.video .btn-grp {
    position: relative;
    z-index: 1;
}
.program-box-content ul li {
    font-size: 14px;
    font-family: "AktivGrotesk-Regular", Sans-serif;
    font-weight: 400;
    text-transform: capitalize;
    color: #F1F1F1;
}


.gallery{
  background-color: #F8F9FA;
  position: relative;
}
.gallery-shape-top {
    direction: ltr;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 0;
}
.gallery-shape-top svg {
    display: block;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: calc(100% + 1.3px);
}
.gallery-shape-top svg path {
    fill: #fff;
    transform: rotateY(0deg);
    transform-origin: center;
}
.gallery .container {
    position: relative;
    z-index: 1;
}

.deskGallery {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}
.gallery img {
    width: 100%;
}
.box1 {
    width: 50%;
}
.box2 {
    width: 20%;
}
.box3 {
    width: 30%;
}



.gallery-shape-bottom {
    transform: rotate(180deg);
    direction: ltr;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    bottom: 0;
}
.gallery-shape-bottom svg {
    display: block;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: calc(100% + 1.3px);
}
.gallery-shape-bottom svg path {
    fill: #fff;
    transform: rotateY(0deg);
    transform-origin: center;
}
.testimonialsMain p {
    font-size: 18px;
    margin-bottom: 5px;
    color: #7A7A7A;
    letter-spacing: 0.5px;
}
.testimonials {
    overflow-x: hidden;
    position: relative;
}

.experience-shape-top{

}

.experience-discover {
    position: relative;
}
.experience-shape-top {
    direction: ltr;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 0;
}
.experience-shape-top svg {
    display: block;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: calc(100% + 1.3px);
}
.experience-shape-top svg path {
    fill: #fff;
    transform: rotateY(0deg);
    transform-origin: center;
}
.experience-discover .container {
    position: relative;
    z-index: 1;
}



.experience-shape-bottom{
    transform: rotate(180deg);
    direction: ltr;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    bottom: -1px;
}
.experience-shape-bottom svg {
    display: block;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: calc(100% + 1.3px);
}
.experience-shape-bottom svg path {
    fill: #fff;
    transform: rotateY(0deg);
    transform-origin: center;
}
.experience-discover .section-title p {
    max-width: 84%;
}
 
@media(max-width: 991px){
  .about h1 { font-size: 36px; line-height: 1.3 !important; }
  .btn-grp a.color-cta.cta , .video .btn-grp.mt-5.text-center a.color-cta.cta { margin-right: 0; } 
}
@media(max-width: 767px){ 
    .deskGallery {display: none !important;}
    .btn-grp { justify-content: center; }
    .about .col-md-4 img { margin-top: 0; margin-bottom: 20px; }
    .about h1 { font-size: 30px; }
    .about p { max-width: 100%;}
    .section-title p { max-width: 100%;}
    p {font-size: 18px!important;}
    .video .section-title p.w-100 { max-width: 100%;}
    .testimonialsMain p { font-size: 16px !important;}
    .box-main-promises { min-height: unset; }
    .testimonialsMain { height: unset; }
}





/* 15 Dec End*/