/* Global Styles */

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}

p:empty {

  display: none;

}

@media (min-width: 1400px) {

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

        max-width: 1224px;

    }

}



@media (max-width: 767px) {

  .container{

    padding: 0 20px;

  }

}



/* Header */

header {

  padding: 30px 0;

  position: relative;

  z-index: 2;

background: linear-gradient(147deg, #E1D5BF 0%, #FAF7F0 22.27%, #FFF 78.46%);

}



.nav-container {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  gap: 53px;

}

.nav-container .logo img {

    max-width:265px;

}





nav ul

 {

    padding: 0 0 16px 0;

    margin: 0;

    list-style: none;

    display: flex;

    gap: 54px;

    position: relative;

}



nav ul::after{

  content: "";

  position: absolute;

  height: 1px;

  width: calc(100% - 70px);

  left: 0;

  right: 0;

  bottom: 0;

  background: var(--Grey, #CACACA);

  margin: auto;



}



nav a {

  text-decoration: none;

 color: rgba(0, 0, 0, 0.47);

font-family: Geist;

font-size: 18px;

font-style: normal;

font-weight: 400;

line-height: normal;

transition: all ease-in-out 0.3s;

}



nav ul li:hover a{

  color: #000;

transition: all ease-in-out 0.3s;

}








/* Hero */

.hero {

  text-align: center;

  padding: 40px 0;

  background: linear-gradient(160deg, #FAF6F0 3.25%, #FCFAF7 21.88%, #FFF 68.36%);

}



.hero h2 {

color: var(--Black, #000);

text-align: center;

font-family: "El Messiri";

font-size: 60px;

font-style: normal;

font-weight: 600;

line-height: 65px; /* 108.333% */

}



.highlight {

  color: var(--Dark-Yellow, #B1926D);

font-family: "El Messiri";

font-size: 60px;

font-style: normal;

font-weight: 600;

line-height: 65px;

}



.hero p {

  color: rgba(21, 20, 20, 0.51);

text-align: center;

font-family: Geist;

font-size: 18px;

font-style: normal;

font-weight: 500;

line-height: 24px; /* 133.333% */

margin-top: 23px;

}



.scroll-down {

  display: flex;

width: 68px;

height: 68px;

padding: 19px;

align-items: center;

justify-content: center;

gap: 10px;

border-radius: 34px;

border: 1px dashed #B1926D;

margin: auto;

margin-top: 35px;

  transition: all ease-in-out 0.3s;

  cursor: pointer;

}

.scroll-down:hover{
  transform: scale(1.1);
  transition: all ease-in-out 0.3s;
}



/* About */

.about {

  position: relative;

  background: linear-gradient(180deg, #FFF 0%, #EEE8DF 43.27%, #FDFCFA 100%);

--scroll-bar: 0px;



}

 .about-overlay{

content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    bottom: 0;

    display: flex;

    align-items: end;

} 

.about-container{

  display: flex;

  align-items: end;

  margin-right: calc(-49vw + 50% + (var(--scroll-bar) / 2)) !important;

}

.about-text{

      width: 55%;

    padding-left: 76px;

    margin-bottom: 20px;

}

.about-image{

  width: 45%;

}

.yellow-text{

    color: var(--Dark-Yellow, #B1926D);

display: block;

/* H5 */

font-family: Geist;

font-size: 18px;

font-style: normal;

font-weight: 500;

line-height: 24px; /* 133.333% */

margin-bottom: 12px

}



.about-text-ct h3{

    color: var(--Black, #000);

font-family: "El Messiri";

font-size: 45px;

font-style: normal;

font-weight: 400;

line-height: 50px; /* 111.111% */   

margin: 12px 0 40px 0;

text-align: left;

max-width: 310px;

}

.about-image{
    position: relative;

    padding-bottom: 30px;
}

.about-image::after {
    content: "";
    position: absolute;
    background: linear-gradient(180deg, rgba(251, 249, 245, 0.00) 0%, rgba(252, 251, 247, 0.90) 82.21%, #FCFBF8 100%);
    width: 100%;
    height: 237px;
    bottom: 0;
    left: 0;
}

.about-text p {
    margin-top: 25px;
    color: var(--Black, #000);
    font-family: Geist;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 25px;
    line-height: 29px;
}




/* story-unfold */

.story-unfold {

  padding: 40px 0;

  text-align: center;

  position: relative;

  background: linear-gradient(180deg, #FEFDFC 0%, #F7F4EE 100%);

}

.popup-close-btn svg{

 transition: all ease-in-out 0.3s;

}

.popup-close-btn svg:hover{
  
  transform: scale(1.1);

  transition: all ease-in-out 0.3s;

}



.cta-content{

      position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.cta-content h4 {

color: var(--Black, #000);

text-align: center;

margin-bottom: 0px;



/* H5 */

font-family: Geist;

font-size: 18px;

font-style: normal;

font-weight: 500;

line-height: 24px; /* 133.333% */

}



.cta-content p {

 color: var(--Black, #000);

text-align: center;

font-family: "El Messiri";

font-size: 35px;

font-style: normal;

font-weight: 400;

line-height: 42px; /* 120% */

margin-top: 12px;

margin-bottom: 12px;

}



.round-btn {

border-radius: 100px;

background: var(--Light-yellow, #E9DFCF);

    padding: 14px 50px 12px 25px;

  text-decoration: none;

  border-radius: 5px;

  color: var(--Black, #000);

text-align: center;

font-family: "El Messiri";

font-size: 16px;

font-style: normal;

font-weight: 400;

line-height: 18px; 

border-radius: 50px;

position: relative;

display: inline-block;

}



.cards .round-btn {

    background: var(--Light-yellow, #E9DFCF);

    padding: 12px 43px 12px 20px;

    text-decoration: none;

    color: var(--Black, #000);

    text-align: center;

    font-family: "El Messiri";

    font-size: 21px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    border-radius: 50px;

    position: relative;

}



.cta-arrow-btn{

    position: absolute;

    right: 8px;

    top: 0;

    bottom: 0;

    width: 27px;

    height: 27px;

        display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    margin: auto;

    border-radius: 13.5px;

background: var(--White, #FFF);

}



.round-btn:hover .cta-arrow-btn{

  border-radius: 13.5px;

  background: var(--Dark-Yellow, #B1926D);

}

.round-btn:hover .cta-arrow-btn svg path {

  stroke: #FFFFFF;

}



/* Cards */



.cards{

  background: linear-gradient(180deg, #F8F5F0 0%, #FFF 100%);

  padding: 40px 0;

}



.cards.container{

    padding: 40px 0;

    text-align: center;

    position: relative;

    background: linear-gradient(180deg, #FEFDFC 0%, #F7F4EE 100%);padding: 40px 0;

}



.cards h3 {

  text-align: left;

 color: var(--Black, #000);

font-family: "El Messiri";

font-size: 45px;

font-style: normal;

font-weight: 400;

line-height: 50px; /* 111.111% */

  max-width: 672px;

  margin-bottom: 40px;



}



.card-grid .row{

    row-gap: 20px;

}



.col-card {

  position: relative;

}



.col-card .btn-wrapper{

    position: absolute;

        top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



}



/* Footer */



.footer-middle{

  list-style: none;

  padding: 0;

  display: flex;

  flex-direction: column;

  gap: 18px;

  padding-left: 50px;

}

.footer-middle li a{

  text-decoration: none;

  transition: all ease-in-out 0.3s;

}

.footer-middle li a:hover {
    color: #000;
    font-weight: 400;
    transition: all 
ease-in-out 0.3s;
}

.footer-right p a {

      transition: all ease-in-out 0.3s;

}

.footer-right p a:hover {

      color: var(--Dark-Yellow, #B1926D);

      transition: all ease-in-out 0.3s;

}

.footer-middle li{

    list-style: none;

}

.mid-part a{
  
  text-decoration: none;
  
  color: #413F3F;

}

.mid-part a:hover{

  color: var(--Dark-Yellow, #B1926D);

  transition: all ease-in-out 0.3s;
}

.footer-middle li a{

    text-decoration: none;

    color: rgba(0, 0, 0, 0.67);

font-family: Geist;

font-size: 16px;

font-style: normal;

font-weight: 300;

line-height: normal;

}

.footer-right span{

    border-radius: 37.8px;

border: 2px solid var(--Dark-Yellow, #B1926D);

display: flex;

justify-content: center;

align-items: center;

width: 37.8px;

height: 37.8px;

}



.footer-right a:hover span{

  transform: scale(1.1);

  transition: all ease-in-out 0.3s;

}

.footer-right p a{

margin-left: 40px;

    color: var(--Black, #000);

    text-align: center;

    font-family: Geist;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    display: flex

;

    align-items: center;

    gap: 18px;

    text-decoration: none;

}

.footer-bottom{

  padding-top: 12px;

  border-top: 1px solid #cacaca;

}

.footer-bottom p{

    color: #413F3F;

font-family: Geist;

font-size: 12px;

font-style: normal;

margin-bottom: 0px;

font-weight: 400;

line-height: normal;

text-transform: capitalize;

}



.mid-part{

  display: flex;

  justify-content: center;

}

.social-icons p{

color: #413F3F;

font-family: Geist;

font-size: 12px;

font-style: normal;

font-weight: 400;

line-height: normal;

text-transform: capitalize;

}



.social-links{

  display: flex;

  justify-content: end;

  align-items: center;

  gap: 19px;

}



.social-icons{

  display: flex;

  column-gap: 19px;

  align-items: center;

}

.social-icons a:hover img{

  transform: scale(1.1);

  transition: all ease-in-out 0.3s;

}

.desktop-view{

  display: block;

}

.mobile-view{

  display: none;

}

footer{

  position: relative;

  z-index: 1;

  background: linear-gradient(180deg, #FFF 0%, #C1AA7E 100%);

}
@media (min-width: 1600px) {
  .about-rahil-bg {
    height: 600px;
}
}
@media (max-width:1600px){
.footer-bg{
  height: 230px;
}
}

.footer-overlay{

  padding: 40px 0;

  position: absolute;

  bottom: 0;

  z-index: 2;

  width: 100%;

}

.detail-page-menu nav.desktop-nav {

  margin-right: 13%;

}



  @media (max-width: 1400px) {
    .footer-right p a {
    margin-left: 22px;
    }
  }

    @media (max-width: 1400px) {
  .detail-page-menu nav.desktop-nav {
    margin-right: 10%;
}
    }


@media (max-width: 1200px) {

  .about-text p {

    margin-top: 20px;

    font-size: 14px;

    line-height: 22px;

}

.about-text {

    width: 56%;

}

.about-image {

    width: 44%;

}

.footer-right p a {

    margin-left: 15px;

    font-size: 16px;

}

.cards {

    background: linear-gradient(180deg, #F8F5F0 0%, #FFF 100%);

    padding: 40px 0 90px 0;

}

}



/* Hide hamburger & mobile nav by default */

.menu-toggle {

  display: none;

  flex-direction: column;

  gap: 4px;

  cursor: pointer;

}



.menu-toggle span {

  width: 24px;

  height: 2px;

  background: #000;

  display: block;

}



/* Mobile Menu Overlay */

.mobile-menu {

  display: none;

  position: fixed;

  top: 0;

  right: 0;

  width: 100%;

  height: 100vh;

 background: linear-gradient(166deg, #E7DDCB 0.99%, #FFFFFE 19.26%, #FFF 99.74%);

  padding: 35px;

  z-index: 999;

  overflow-y: auto;

}



.mobile-menu ul {

  list-style: none;

  padding: 0;

  margin: 40px 0 0 0;

}



.mobile-menu ul li {

  margin-bottom: 40px;

}



.mobile-menu ul li a {

 color: rgba(0, 0, 0, 0.60);

font-family: Geist;

font-size: 14px;

font-style: normal;

font-weight: 400;

line-height: 24px; /* 171.429% */

text-transform: capitalize;

text-decoration: none;

}



.mobile-menu .contact-info {

  border-top: 1px solid #e0d2bb;

  padding-top: 50px;

  margin-top: 50px;

  font-size: 14px;

  color: #333;

}



.mobile-menu .contact-info a {

  color: #000;

  text-decoration: none;

}





.close-btn {

  background: none;

  border: none;

  float: right;

  cursor: pointer;

}


.close-btn img{

  transition: all ease-in-out 0.3s;

}


.close-btn:hover img{

  transform: scale(1.1);

  transition: all ease-in-out 0.3s;

}



.contact-info p{

  color: #A7A7A7;

text-align: center;

font-family: Geist;

font-size: 15px;

font-style: normal;

font-weight: 300;

line-height: normal;

text-align: left;

margin-bottom: 15px;

}

.contact-info img{

  margin-right: 10px;

}



.contact-info .call-us{

  margin-bottom: 20px;

}

.contact-info .social-links{

  margin-top: 20px;

  justify-content: flex-start;

}

.contact-info .follow-text p{

  margin-bottom: 0px;

  color: #413F3F;
font-family: Geist;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;

}

.contact-info a{

  color: #000;

font-family: Geist;

font-size: 15px;

font-style: normal;

font-weight: 500;

line-height: normal;

}



@media (max-width: 991px) {

  nav ul {

    gap: 30px;

}



.footer-bottom p {

    font-size: 11px;

}

.about-text {

    width: 56%;

    padding-left: 0px;

    margin-bottom: 0px;

}

.detail-page-menu nav.desktop-nav {
        margin-right: 0%;
    }

    .about-text p {

        margin-top: 10px;

        font-size: 12px;

        line-height: 18px;

    }

    .hero h2 {

    font-size: 45px;

    line-height: 65px;

}

.hero h2 span{

    font-size: 45px;

    line-height: 65px;

}

.hero p {

    margin-top: 0px;

}

.about-text-ct h3{

  font-size: 35px;

line-height: 37px; /* 105.714% */

}

.cta-content p{

  font-size: 30px;

line-height: 33px; /* 110% */

}

.cards h3 {

    font-size: 35px;

    line-height: 37px;

}

.footer-right span {

    width: 30.8px;

    height: 30px;

}

.footer-right p a {

        margin-left: 0px;

        font-size: 13px;

    }

    .footer-right p a {

          gap: 8px;

    }

    .scroll-down {

    display: flex;

    width: 60px;

    height: 60px;

    }

    .footer-middle li a {

    font-size: 14px;

    }

}



/* Responsive Styles */

@media (max-width: 767px) {

  .desktop-nav {

    display: none;

  }

  .footer-right p a {
    
        font-size: 14px;
    
    }

  .about-image::after {

    height: 163px;

  }

  .footer-bg{
  height: 650px;
}


  .menu-toggle {

    display: flex;

    position: absolute;

    right: 20px;

    top: 40px;

  }

  .nav-container {

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: unset;

}

.nav-container .logo img {

    max-width: 137px;

}

.hero h2 {

  line-height: 45px;

}

.hero h2 span {

  line-height: 45px;

}

.about-container {

        display: flex;

        flex-direction: column-reverse;

        align-items: center;

        text-align: center;

        margin-right: auto !important;

    }

    .about-text-ct.mobile-view {

    margin-bottom: 30px;

}


.story-unfold {

  background: #fff;

}

    .cards {

      background: #FFF;

      padding: 10px 0 0px 0;

    }

    .footer-right p {

        margin-bottom: 20px;      

    }

    .footer-right p a {
        gap: 19px;
    }

    .footer-right span {
        width: 26.8px;
        height: 26px;
    }

    .footer-right span img{

      width: 13px;

    }

    .about-text {

        width: 100%;

    }

        .about-image {

        width: 100%;

    }

    .about-overlay {

    content: "";

    position: relative;

    }

    .about-text p{

font-size: 16px;

line-height: 29px;

margin-top: 20px;

    }

    header {

    height: 170px;

    background: linear-gradient(170deg, #E7DDCB 5.42%, #FFF 64.48%);

}

.hero{

  background: #FFF;

  padding: 0px 0px 40px 0;

}

.hero p{

  max-width: 273px;

  font-size: 16px;

  margin: auto;

}

.about-text-ct h3 {

  text-align: center;

}

.yellow-text {

  text-align: center;

}

.cards h3 {

  text-align: center;

  margin-bottom: 30px;

}

.footer-middle li a {
        font-size: 16px;
    }

.footer-bottom p {

        font-size: 12px;

    }

footer {

    background: url('./images/Footer-bg-mobile.png') no-repeat;

    background-size: cover;

    margin-top: 90px;

}

.desktop-view{

  display:none;

}

.mobile-view{

  display: block;

}



.card-bg {

    height: 160px;

}

.footer-overlay {

    padding: 0 0 40px 0;

    text-align: center;

}

.footer-right {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    margin-top: 30px;

}

.footer-left{

  margin-bottom: 30px;

}

.social-links {

    justify-content: center;

}

.footer-bottom {

    text-align: center;

    padding-top: 30px;

    margin-top: 10px;

    border-top: 1px solid rgba(212, 196, 166, 0.53);

}

.footer-middle {

    display: flex;

    flex-direction: column;

    row-gap: 18px;

    margin-bottom: 0px;

    padding-left: 0;

}

.copyright{

  margin-bottom: 12px;

}

.social-links{

  margin-top: 30px;

}

.footer-top .col-md-3:nth-child(2) .footer-middle{

  margin-bottom: 18px;

}



.about {

    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -7.87%, #FFF 100%);

}

.about-rahil-bg-mob {

    position: absolute;

    bottom: 0;

}

}

@media (max-width: 440px) {
      .footer-bg {
        height: 620px;
    }
}










/* HEADER */



.detail-page-menu .nav-container {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

}

.detail-page-menu nav ul::after {

  content: none;

}

.detail-page-menu nav ul li{

  position: relative;

}

ul li{

  position: relative;

}

li.current_page_item a {
    color: #000;
}

ul li.current_page_item a{

  font-weight: 600;

  color: #000;

}

li.current_page_item::after{

content: "";

    position: absolute;

    height: 2px;

    width: calc(100% - 5px);

    margin: auto;

    left: 0;

    right: 0;

    bottom: -9px;

    border-radius: 100px;

    background: #B1926D;

}

.detail-page-menu nav ul {

  padding: 0;

}

.detail-page-menu .nav-container .logo img {

    max-width: 171px;

}

header.detail-page-menu {

    padding: 20px 0;

    background: none;

}


.banner-sec{

  background: linear-gradient(90deg, #E9DFCF 0%, #F9EEDC 43.73%, rgba(255, 255, 255, 0.00) 100%);

  width: 100%;

  height: 267px;

  position: relative;

}

/* MAIN CONTENT */

.story-section {

  max-width: 655px;

  margin: 80px auto;

  text-align: center;

  padding: 0 20px;

}





.rahil-title {

color: var(--Black, #000);



/* H1 */

font-family: "El Messiri";

font-size: 60px;

font-style: normal;

font-weight: 600;

line-height: 65px; /* 108.333% */

position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



}



.rahil-video-section {

  margin-bottom: 80px;

}



.rahil-video-section h2 {

color: var(--Black, #000);

text-align: center;

font-family: "El Messiri";

font-size: 45px;

font-style: normal;

font-weight: 400;

line-height: 50px; /* 100% */

margin-bottom: 30px;

}



.rahil-video-wrapper {

    position: relative;

    margin-bottom: 30px;

}



.play-btn-wrapper{

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background: none;

  border: none;

}



.play-btn{

  position: absolute;

  left: 50px;

  bottom: 20px;

  display: flex;

width: 74.484px;

height: 74px;

flex-direction: column;

justify-content: center;

align-items: center;

gap: 10px;

  border-radius: 37px;

border: 1px solid rgba(255, 255, 255, 0.10);

background: rgba(255, 255, 255, 0.15);

transition: all ease-in-out 0.3s;

backdrop-filter: blur(20.100000381469727px);

}

.play-btn:hover{

  transition: all ease-in-out 0.3s;

  transform: scale(1.1);

}

.rahil-video-wrapper{

  overflow: hidden;

  border-radius: 12px;

}

.rahil-video-wrapper img{

  transition: all ease-in-out 0.3s;

}

.rahil-video-wrapper:hover img{

  transition: all ease-in-out 0.3s;

  transform: scale(1.1);

}


.modal-content iframe {

    width: 100%;

    height: 100%;

}

.modal-content {

    height: 100%;

    max-height: 500px;

    background: unset;

    border: none;

}

.modal-dialog{

  max-width: 700px;

  height: 100%;

  margin-top: 0px;

  margin-bottom: 0px;

}



.modal-body

 {

    border: none;

    background: none;

    padding: unset;

}



.popup-close-btn {

    display: flex

;

    justify-content: end;

    padding: 0px 0 20px 0px;

    background: unset;

    background-color: unset;

    border: none;

}







.rahil-video-section h3 {

color: var(--Black, #000);

text-align: center;

font-family: "El Messiri";

font-size: 30px;

font-style: normal;

font-weight: 400;

line-height: 33px; /* 110% */

margin-bottom: 15px;

}



.rahil-video-section p {

color: var(--Black, #000);

text-align: center;

margin-bottom: 0px;



/* P1 */

font-family: Geist;

font-size: 16px;

font-style: normal;

font-weight: 300;

line-height: 29px; /* 181.25% */

}



/* RESPONSIVE */

@media (max-width: 1200px) {

.story-section {

    margin: 80px auto 120px auto;

}

.detail-page-menu nav ul {

    gap: 30px;

}

}



@media (max-width: 991px) {

    .detail-page-menu nav ul {

        gap: 20px;

    }

    .detail-page-menu nav a {

    font-size: 15px;

    }

    .rahil-title{

font-size: 35px;

line-height: 42px; /* 120% */

font-weight: 400;

    }

    .rahil-video-section h2{

font-size: 34px;

line-height: 34px; /* 100% */

margin-bottom: 20px;

    }

  }



  @media (max-width: 767px) {

.story-section {

    margin: 50px auto;

}

.nav-container {
  
    gap: 48px;

  }

.rahil-video-section {

    margin-bottom: 50px;

}

.play-btn{

  width: 58.484px;

height: 58.104px;

left: 30px;

bottom: 15px;

}

.detail-page-menu .nav-container .logo img {

    max-width: 137px;

}

header.detail-page-menu {

    padding: 25px 0 17px 0;

    background: none;

}

    header.detail-page-menu {

        height: auto;

    }
    .modal-dialog {
      padding: 0 20px;
    }

  }





  /* writings-blog */





.tab-container {

  border-bottom: 1px solid #D9D9D9;

}



.tab-container .tabs .container{

    display: flex;

      padding: 40px 12px 0 12px;


}



.tab-container .tab {

  text-decoration: none;

  margin-right: 84px;

  font-weight: 500;

  cursor: pointer;

  position: relative;

  padding-bottom: 11px;

color: rgba(0, 0, 0, 0.47);

text-align: center;

font-family: Geist;

font-size: 18px;

font-style: normal;

font-weight: 400;

line-height: 24px; /* 133.333% */

}

.tab-container .tab:hover {

  color: #000;

  font-weight: 400;

  transition: all ease-in-out 0.3s;

}



.tab-container .tab.active {

  color: #000;

text-align: center;

font-family: Geist;

font-size: 18px;

font-style: normal;

font-weight: 600;

line-height: 24px; /* 133.333% */



}



.tab-container .tab.active::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  height: 1.5px;

  width: 100%;

  border-radius: 5px;

background: #B1926D;

}



.content-container{

    padding: 80px 0 0 0;

}



.article {

  padding-bottom: 80px;

}



.article h2 {

color: var(--Black, #000);

text-align: center;



/* H3 */

font-family: "El Messiri";

font-size: 35px;

font-style: normal;

font-weight: 400;

line-height: 42px; /* 120% */

margin-bottom: 30px;

max-width: 767px;

margin: auto;

margin-bottom: 30px;

}



.article p {

color: var(--Black, #000);

text-align: center;



/* P1 */

font-family: Geist;

font-size: 16px;

font-style: normal;

font-weight: 300;

line-height: 29px; /* 181.25% */

}



.read-more {

color: var(--Dark-Yellow, #B1926D);

    display: inline-block;

/* Button Link */

font-family: Geist;

font-size: 16px;

font-style: normal;

font-weight: 600;

line-height: 29px;

text-decoration-line: underline;

text-decoration-style: solid;

text-decoration-skip-ink: auto;

text-decoration-thickness: auto;

text-underline-offset: auto;

text-underline-position: from-font;

text-decoration: underline;

  transition: all ease-in-out 0.3s;

}

.read-more:hover {

  transform: scale(1.1);

  transition: all ease-in-out 0.3s;

}



.more {

  display: none;

}



.tab-content {

  display: none;

  max-width: 1025px;

  margin: auto;

}



.tab-content.active {

  display: block;

}



@media (max-width: 991px) {

  .article h2{

font-size: 30px;

line-height: 32px; /* 106.667% */

  }

  .article p{

font-size: 16px;

line-height: 29px; /* 181.25% */

margin-bottom: 0px;

  }

  .tab-container .tab {

    margin-right: 24px;

    margin-left: 24px;

       white-space: nowrap;

}

.tab-container .tabs .container {

    overflow: auto;

}

  .content-container {

    padding: 80px 0 0px 0;

}

.article {

    padding-bottom: 80px;

}

}



@media (max-width: 767px) {

  .content-container {

    padding: 50px 0 0 0;

}

.article {

    padding-bottom: 50px;

}

}





/* writings-detail-section */



.detail-section{

  padding: 40px 0;

}



.detail-section h2{

color: var(--Black, #000);

text-align: center;

font-family: "El Messiri";

font-size: 35px;

font-style: normal;

font-weight: 400;

line-height: 42px; /* 120% */

margin-bottom: 40px;

}



.detail-section p{

  color: #000;

font-family: Geist;

font-size: 16px;

font-style: normal;

font-weight: 300;

line-height: 29px; /* 181.25% */

margin-bottom: 30px;

}



.detail-section .image-container{

  margin-bottom: 80px;

}



@media (max-width: 767px) {

  .image-container img {

    object-fit: cover;

    height: 242px;

    object-position: 80%;

}

}



/* Books section */



.found-by-love{

  position: relative;

}

.found-by-love-wrapper{
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
width: 100%;
position: absolute;
top: 0;
right: 0;
  padding: 0px 10px 0 0;
bottom: 0;
}
.found-by-love-ct{
max-width: 407px;
margin-right: 0;
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
}



.found-by-love h2{

  color: var(--Black, #000);



/* H2 */

font-family: "El Messiri";

font-size: 45px;

font-style: normal;

margin-bottom: 0px;

font-weight: 400;

line-height: 50px; /* 111.111% */

}



.found-by-love p{

  color: var(--Black, #000);



/* P1 */

font-family: Geist;

font-size: 16px;

font-style: normal;

font-weight: 300;

line-height: 29px; /* 181.25% */

margin-bottom: 30px;

}



.books-section{

  padding: 80px 0;

}



.swiper-books{

  max-width: 859px;

  margin: auto;

  border-radius: 12px;

  overflow: hidden;

background: var(--White, #FFF);

box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.25);

}



.books-section .swiper-pagination {

  position: relative;

  margin-top: 54px;

}

.swiper-card{

  text-align: center;

  border-radius: 10px;

}



.swiper-books .round-btn{

  margin-bottom: 36px;

}



.swiper-card p{

  color: var(--Black, #000);

text-align: center;

font-family: "El Messiri";

font-size: 30px;

font-style: normal;

font-weight: 400;

line-height: 33px; /* 110% */

    margin-top: 40px;

    margin-bottom: 30px;

}



.books-section .swiper-pagination-bullet {

    width: 11px;

height: 11px;

flex-shrink: 0;

margin: 0 7px !important;

 background: rgba(0, 0, 0, 0.20);

 opacity: 1;

}



.books-section .swiper-pagination-bullet.swiper-pagination-bullet-active{

  background: #B1926D !important;

}

.books-section .swiper-wrapper .swiper-slide {
  opacity: 0 !important;
  transition: opacity 0.8s ease-in-out !important;
}

 .books-section .swiper-wrapper .swiper-slide-active {
  opacity: 1 !important;
}

/*.books-section .swiper-wrapper .swiper-slide {
  pointer-events: none; 
}*/ 


.available-translations a{

  text-decoration: none;

}

.available-translations a img{

  transition: all ease-in-out 0.3s;

}

.available-translations a:hover img{

  transition: all ease-in-out 0.3s;

  transform: scale(1.1);

}

.available-translations-ct {

  text-align: center;

  margin: 80px 0;

}

.available-translations-ct h2{

  color: var(--Black, #000);

text-align: center;

font-family: "El Messiri";

font-size: 45px;

font-style: normal;

font-weight: 400;

margin-bottom: 0px;

line-height: 50px; /* 111.111% */

}

.available-translations-ct p{

  color: var(--Black, #000);



/* P1 */

font-family: Geist;

font-size: 16px;

font-style: normal;

font-weight: 300;

margin-bottom: 28px;

margin-top: 28px;

line-height: 29px;

}



.available-translations-ct p strong{

  font-style: normal;

font-weight: 500;

font-size: 18px;

}

.available-translations-ct span{
  
  color: #B1926D;
text-align: center;

/* P1 */
font-family: Geist;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 29px; /* 181.25% */

}

.available-translations-ct span img{

  margin-right: 10px;

}



@media (max-width: 1200px) {

  .found-by-love-ct {

    max-width: 350px;

  }

}



@media (max-width: 991px) {

  .found-by-love-ct {

    max-width: 250px;

  }

  .found-by-love-ct h2{

    font-size: 35px;

line-height: 42px; /* 120% */

  }

    .available-translations-ct h2 {

    font-size: 35px;

line-height: 42px; /* 120% */

  }

}



@media (max-width: 767px) {

.books-section {

    padding: 50px 0;

}

.found-by-love-ct {
    margin: auto;
    margin-right: auto;
    margin-top: 0px;
    max-width: 100%;
    padding: 0 30px;
        justify-content: flex-end;
    right: 0;
    left: 0;
    bottom: 50px;
}
.available-translations-ct {

    text-align: center;

    margin: 50px 0;

}

.available-translations-ct h2 {

        font-size: 35px;

        line-height: 37px;

        max-width: 311px;

        margin: auto;

    }

    .available-translations-ct p {

    max-width: 335px;

    margin: auto;

    margin-bottom: 28px;

    margin-top: 28px;

    }

    .swiper-card img{

      height: 213px;

      object-fit: cover;

    }

    .books-section .swiper-pagination {
    margin-top: 28px;
}

.swiper-card p{

    font-weight: 500;

    line-height: 24px;

}
  .found-by-love-wrapper{
    flex-direction: column;
    align-items: center;
    padding: 24px 10px 0 0;
    gap: 14px;
    }

}



@media (max-width: 380px) {

.found-by-love p {
  line-height: 25px;
    margin-bottom: 20px;
}
.found-by-love-ct {
        bottom: 20px;
          padding: 0 20px;
    }
    .found-by-love-ct h2 {
        font-size: 30px;
        line-height: 36px;
    }
    .found-by-love p {
      font-size: 14px;
      line-height: 24px;
    }
        .available-translations-ct h2 {
       font-size: 30px;
        line-height: 36px;
    }
    .available-translations-ct p {
  font-size: 14px;
      line-height: 24px;
    }
}



/* media.html */





.media-video-section {

  margin-bottom: 40px;

}



.media-video-section h2 {

color: var(--Black, #000);

text-align: center;

font-family: "El Messiri";

font-size: 45px;

font-style: normal;

font-weight: 400;

line-height: 50px; /* 100% */

margin-bottom: 24px;

}



.media-video-wrapper {

    position: relative;

    overflow: hidden;

    margin-bottom: 40px;

    border-radius: 10px;

}

.media-video-wrapper img{

  transition: all ease-in-out 0.3s;

}

.media-video-wrapper:hover img{

  transition: all ease-in-out 0.3s;

  transform: scale(1.1);

}

.btn-text-wrapper p{

color: var(--White, #FFF);



/* H3 */

font-family: "El Messiri";

font-size: 35px;

font-style: normal;

font-weight: 400;

line-height: 42px; /* 120% */

margin-bottom: 0px;

}



.btn-text-wrapper .play-btn {

    position: relative;

    left: auto;

    bottom: auto;

}



.btn-text-wrapper {

  display: flex;

  align-items: center;

  gap: 20px;

  margin-bottom: 40px;

  margin-left: 50px;

}





.content-container.media-ct .tab-content {

    max-width: 100%;

}



.media-video-wrapper .play-btn-wrapper {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0px;

    bottom: 0px;

    background: none;

    border: none;

    display: flex;

    justify-content: flex-start;

    align-items: flex-end;

}



.prodcasts-sec{

  max-width: 996px;

  margin: auto;

}



.prodcasts-ct{

  text-align: center;

  margin-bottom: 80px;

}

.prodcasts-ct a {
    display: block;
    width: auto;
    overflow: hidden;
    max-width: 350px;
    margin: auto;
}
.prodcasts-ct a img{
  transition: all ease-in-out 0.3s;
}
.prodcasts-ct a:hover img{

transform: scale(1.1);

transition: all ease-in-out 0.3s;

}



.prodcasts-ct h2{

color: var(--Black, #000);

text-align: center;

font-family: "El Messiri";

font-size: 45px;

font-style: normal;

font-weight: 400;

line-height: 50px; 

margin-bottom: 0px;

}

.prodcasts-ct span{

color: var(--Black, #000);

text-align: center;

display: block;

/* H5 */

font-family: "El Messiri";

font-size: 24px;

font-style: normal;

font-weight: 400;

line-height: 33px; 

margin-bottom: 24px;

}

.magazine-ct {
    margin-bottom: 80px;
}


.magazine-ct h2{

  color: var(--Black, #000);

text-align: center;

font-family: "El Messiri";

font-size: 45px;

font-style: normal;

font-weight: 400;

line-height: 50px; 

margin-bottom: 0px;

}

.magazine-ct span{

color: var(--Black, #000);

text-align: center;

display: block;

/* H5 */

font-family: "El Messiri";

font-size: 24px;

font-style: normal;

font-weight: 400;

line-height: 33px; 

margin-bottom: 24px;

}



.magazine-ct p{

  color: var(--Black, #000);

text-align: center;



/* P1 */

font-family: Geist;

font-size: 16px;

font-style: normal;

font-weight: 300;

line-height: 29px; /* 181.25% */

}

.content-container.media-ct{

    padding: 80px 0 40px 0;
}



@media (max-width: 1200px) {

  .content-container.media-ct{

  padding: 80px 0 40px 0;

}



}



@media (max-width: 991px) {



  .btn-text-wrapper p{

    text-align: left;

font-size: 24px;

line-height: 32px; /* 133.333% */

  }

  .media-video-section h2{

font-size: 35px;

line-height: 37px; /* 105.714% */

  }

  .btn-text-wrapper .play-btn{

    width: 38.453px;

height: 37.713px;

  }

  .btn-text-wrapper {

    gap: 9px;

    margin-bottom: 17px;

    margin-left: 14px;

  }

  .prodcasts-ct h2{

font-size: 33px;

line-height: 37px;

}

.magazine-ct h2{

font-size: 33px;

line-height: 37px;

}

}



@media (max-width: 767px) {
  .btn-text-wrapper p {
        max-width: 240px;
    }

    .content-container.media-ct {

        padding: 50px 0 0px 0;

    }
    .prodcasts-ct img {
    width: 100%;
    max-width: 292px;
    margin: auto;
}

    .magazine-ct {
    margin-bottom: 50px;
}

    .media-video-wrapper img{

      height: 204px;

      object-fit: cover;

    }
    
  .media-video-wrapper .play-btn img {
        width: 100%;
        max-width: 15px;
        height: 15px;
        object-fit: contain;
    }

    .media-video-wrapper h2{

font-size: 35px;

line-height: 37px; /* 105.714% */

    }

    .media-video-wrapper {

    margin-bottom: 50px;

    }

    .media-video-section {

    margin-bottom: 50px;

    

}
.prodcasts-ct {
  
    margin-bottom:50px;

  }

}



/* speaking html */





.contact-container {

  margin: 80px auto;

  padding: 40px 80px 40px 70px;

background: var(--White, #FFF);

box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.25);

}



.contact-container h2 {

    text-align: center;

    font-weight: 500;

    margin-bottom: 34px;

    color: #1C2F23;

text-align: center;

font-family: "El Messiri";

font-size: 35px;

font-style: normal;

font-weight: 400;

line-height: 42px;

}



.contact-container h3 {

 color: #1C2F23;

text-align: left;


/* H3 */

font-family: "El Messiri";

font-size: 30px;

font-style: normal;

font-weight: 400;

line-height: 33px; /* 120% */

margin: 54px 0 70px 0;

}



.contact-container .form-row {

display: flex;

    gap: 40px;

    justify-content: space-between;

    margin-bottom: 24px;

    align-items: center;

}



.contact-container .form-group {

  flex: 1;

  display: flex;

  flex-direction: column;

}

.contact-container .round-btn input {
    padding: 0;
    border: none;
    background: none;
    border-radius: 0;
    color: var(--Black, #000);
    text-align: center;
    font-family: "El Messiri";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

/* Hide text initially */
.date {
  color: transparent !important;
  caret-color: transparent !important;
  position: relative;
  width: 100%;
  border: none;
  border-bottom: 1px solid #ccc;
  background: transparent;
  padding: 8px 0;
  font-size: 16px;
}

/* Show text only when focused or when value is NOT empty */
.date:focus,
.date:not(:placeholder-shown) {
  color: #000 !important;
  caret-color: auto !important;
}

/* keep calendar icon visible and clickable */
.date::-webkit-calendar-picker-indicator {
  opacity: 1;
  cursor: pointer;
}


.date::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}



.contact-container label {

color: var(--Black, #000);

padding-left: 10px;

padding-top: 8px;

/* P1 */

font-family: Geist;

font-size: 16px;

font-style: normal;

font-weight: 300;

line-height: 29px; /* 181.25% */

}



.contact-container .required {

  color: #c00;

  margin-left: 2px;

}



.contact-container input {

  border: none;

  border-bottom: 1px solid #ccc;

  padding: 4px 0;

  font-size: 15px;

  background: transparent;

  transition: border-color 0.3s;

}



.contact-container input:focus {

  outline: none;

  border-color: #1d2a1f;

}



.contact-container .submit-btn {

  background-color: #e9e4da;

  border: none;

  padding: 12px 26px;

  border-radius: 30px;

  font-family: inherit;

  font-size: 14px;

  cursor: pointer;

  display: inline-flex;

  align-items: center;

  gap: 8px;

  color: #1d2a1f;

  margin-top: 16px;

  transition: all 0.3s ease;

}



.contact-container .submit-btn:hover {

  background-color: #dcd4c6;

}



.contact-container .footer-info {

  display: flex;

  justify-content: flex-end;

  align-items: center;

  gap: 42px;

  margin-top: 0px;

 color: var(--Black, #000);

text-align: center;

font-family: Geist;

font-size: 16px;

font-style: normal;

font-weight: 300;

line-height: 29px; /* 181.25% */

}

.footer-info p{

  margin-bottom: 0px;

}



.contact-container .footer-info .icon {
    margin-right: 15px;
}



.contact-container .footer-info a {

  color: #1d2a1f;

  text-decoration: none;

  text-underline-offset: 2px;

  transition: all 0.3s ease-in-out;

}


.contact-container .footer-info a:hover img{

  transition: all 0.3s ease-in-out;

  transform: scale(1.1);

}

.contact-container .footer-info a:hover {

  color: var(--Dark-Yellow, #B1926D);

}

.contact-container .wpcf7 form .wpcf7-response-output {
    color: #000;
    font-family: Geist;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 29px;
    padding-left: 10px;
}

.contact-container .wpcf7-not-valid-tip {
    color: #dc3232;
    font-family: Geist;
    text-align: left;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    margin-top: 5px;
    padding-left: 10px;
    min-height: 47px;
}

.contact-container .wpcf7 form.invalid .wpcf7-response-output{
    border: 2px solid #dc3232;
    text-align: center;
}

.contact-container .wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    text-align: center;
}


@media (max-width: 1200px) {

  .contact-container {

    margin: 80px 0 120px 0;

  }

}

@media (max-width: 991px) {

  .contact-container {

    padding: 40px 40px;

  }

  .footer-info p {
    margin-bottom: 0px;
    font-size: 14px;
}
.contact-container .form-row {
    
  display: flex;
  
  gap: 20px;

}

.contact-container .footer-info
 {
    gap: 20px;
 }
 .contact-container .wpcf7-not-valid-tip {
    font-size: 14px;
 }

}

@media (max-width: 767px) {

   .contact-container .wpcf7-not-valid-tip {
    font-size: 16px;
 }

.contact-container {

        padding: 40px 30px;

    }

  .contact-container .form-row {

    gap: 24px;

    flex-direction: column;

}

.contact-container h3 {
           padding: 6px 0 22px 0;
    text-align: center;
    margin: 0;
}

.contact-container .form-group {

  flex:unset;

    width: 100%;

}

.contact-container .footer-info {

    flex-direction: column;

    align-items: baseline;

    margin-left: -10px;

}
.contact-container .footer-info {
        gap: 7px;
    }

}





/* partnership html */



.partnership-card{

  padding: 80px 0;

}

.partnership-cards-wrapper{

  display: flex;

    column-gap: 54px;

    row-gap: 54px;

    justify-content: center;

    flex-wrap: wrap;

    max-width: 800px;

    margin: 0 auto;

}

.partnership-image{

  border-radius: 10px;

background: linear-gradient(180deg, rgba(230, 221, 203, 0.60) 0%, rgba(255, 255, 255, 0.88) 100%);

box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.25);

width: 100%;

min-width: 352px;

height: 198px;

display: flex;

justify-content: center;

align-items: center;

transition: all ease-in-out 0.3s;

}

.partnership-image:hover img {

  transform: scale(1.1);

  transition: all ease-in-out 0.3s;

}


/* Remove any focus/hover outline or border that may appear after AJAX

   Scoped to partners grid so it doesn't affect other components */

/* #partners-grid .partnership-image,

#partners-grid .partnership-image img,

#partners-grid .card-column {

  outline: none !important;

  border: none !important;

  box-shadow: none !important;

}



#partners-grid .partnership-image:hover,

#partners-grid .partnership-image:focus,

#partners-grid .card-column:hover,

#partners-grid .card-column:focus {

  outline: none !important;

  border-color: transparent !important;

  box-shadow: none !important;

} */
.partnership-card .tab-pagination{
        margin-bottom: 0px;
    }


@media (max-width: 1200px) {

  .partnership-card {

    padding: 80px 0;

}

}

@media (max-width: 991px) {

  .partnership-image {

   min-width: 250px;

}

}

@media (max-width: 767px) {

.partnership-cards-wrapper {

    display: flex

;

flex-direction: column;

gap: 30px;

}

}



.form-row input{

  width: 100%;

  padding-left: 10px;

  display: block;

  box-sizing: border-box;

}

.round-btn {

  display: inline-flex;

  align-items: center;

  gap: 6px;

}

.round-btn .wpcf7-spinner{
 position: absolute;
    right: -30px;
    margin: 0;
}



/* .round-btn::after {

  content: '';

  display: inline-block;

  width: 12px;

  height: 11px;

  background: url('images/form-arrow.svg') no-repeat center center;

  background-size: contain;

} */


/* Pagination */


.tab-pagination {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-bottom: 40px;
}

.tab-pagination a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 39px;
  height: 39px;
border-radius: 10px;
border: 1px solid #B1926D;
color: #B1926D;
  text-decoration: none;
  font-size: 14px;
}

.tab-pagination a.active {
  background: #B1926D;;
  color: #000;
  font-weight: 500;
}

.partners-pagination-wrap{
  margin-top: 80px;
}

/* error page */

.error-page{
  background: linear-gradient(165deg, #E1D5BF 0%, #FAF7F0 22.27%, #FFF 78.46%);
  min-height: 100vh;
  position: relative;
}

.error-page h1{
    color: var(--Black, #000);
    font-family: "El Messiri";
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 65px;
    margin-bottom: 30px;
}

.error-wrapper{
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.error-wrapper h2 {
  margin-bottom: 20px;
}

.page-does-not-exist{
  padding: 80px 0 0 0;
  text-align: center;
}

@media (max-width: 767px) {
  .error-page h1{
    font-size: 45px;
    line-height: 50px; /* 120% */
}
.error-wrapper h2 {
    font-size: 20px;
}
.banner-sec {
    height: 177px;
}
    .partnership-image {
        min-width: 250px;
        max-width: 352px;
        margin: auto;
        width: 100%;
    }
    .tab-pagination {
    margin-bottom: 0px;
}
    .partnership-card {
        padding: 50px 0 0px 0;
    }
}

@media (min-width: 576px) and (max-width: 575px) {
    .modal {
        padding: 0 20px !important;
    }
}

@media (max-width: 991px) {

    .nav-container {
    gap: 48px;
}
}

.tab-pagination img {

 transition: all 0.3s ease-in-out;

}

/* .tab-pagination a:hover img {

  transition: all 0.3s ease-in-out;

  background: #e9c69c;

}

.tab-pagination a:hover img {

  transition: all 0.3s ease-in-out;

  background: #e9c69c;

} */

.tab-pagination a:hover {
    background: #f3cda2;
}
.tab-pagination a.active:hover {
  background: #B1926D;
}