#ramadan-page b {
  font-family: 'Lexia-bold';
}

#ramadan-page .ramadan-title {
  font-size: 42px;
  color: #778341;
  line-height: 48px;
  font-family: 'Lexia-italic';
  font-style: italic;
  font-weight: 400;
}

#ramadan-page .subtitle {
  font-size: 32px;
  color: #778341;
  line-height: 48px;
  font-family: 'Lexia-italic';
  font-style: italic;
  font-weight: 400;
}

#ramadan-page .mini-subtitle {
  font-size: 22px;
  color: #778341;
  line-height: 48px;
  font-family: 'Lexia-italic';
  font-style: italic;
  font-weight: 400;
}

#ramadan-page .naarlink a {
  width: 227px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #1C1C28;
  color: #1C1C28;
  font-size: 16px;
  line-height: 19px;
  font-family: Lexia-Italic;
  letter-spacing: 0.2px;
  transition: all 0.3s;
  margin-top: 20px;
  font-weight: 600;
}

#ramadan-page .naarlink img {
  margin-left: 20px;
}

#ramadan-page p,
#ramadan-page li {
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
  font-family: 'Lexia-Regular';
  color: #3C4242;
  margin-top: 20px;
}

#ramadan-page .red-color {
  color: #830051;
}
/*
#ramadan-page .azcl-container,
#ramadan-page div:has(> #sectiontop) {
  width: 100%;
  padding: 0;
  max-width: 1766px;
  margin: 0 auto;
}

#ramadan-page .cmp-container__backgroundImage--enabled {
  background-size: 600px !important;
  background-repeat: no-repeat;
  background-position: bottom right !important;
}
 
@media screen and (max-width: 767px) {
  #ramadan-page .cmp-container__backgroundImage--enabled {
    background-size: contain !important;
    margin-top: 30px !important;
  }

  #ramadan-page .ramadan-title {
    font-size: 28px;
    line-height: 32px;
  }

  #ramadan-page .subtitle {
    font-size: 22px;
    line-height: 26px;
  }

  #ramadan-page .mini-subtitle {
    font-size: 18px;
    line-height: 24px;
  }
}

#ramadan-page .cmp-container__backgroundImage--enabled .cmp-container__backgroundImage--enabled {
  background-size: 90px !important;
  background-repeat: no-repeat;
  background-position: top right !important;
}

@media screen and (min-width: 768px) {
  #ramadan-page .cmp-container__backgroundImage--enabled .cmp-container__backgroundImage--enabled {
      
    padding-top: 100px;
  }
}

@media screen and (max-width: 992px) {
  #ramadan-page .cmp-container__backgroundImage--enabled {
    height: auto;
  }
}

#ramadan-page .new {
  display: block;
}

#ramadan-page ul:not(.footer_menu) {
  list-style: disc;
  padding-left: 15px;
  font-size: 18px;
}

#ramadan-page .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left!important;
}

#ramadan-page #Header .azcl-columns__base {
  min-height: 80px;
  height: auto;
  grid-template-columns: calc(25% - 40px) 75%;
  align-items: flex-start;
}

#ramadan-page #Header .azcl-columns__base .azcl-column-par2 {
  justify-content: flex-end;
}

#ramadan-page #Header .azcl-columns__base .azcl-column-par1, 
#ramadan-page #MobHeader .azcl-columns__base .azcl-column-par1 {
  padding-top: 25px;
  margin-bottom: -55px;
}

@media screen and (max-width: 992px) {
  #ramadan-page #MobHeader .azcl-columns__base .azcl-column-par1 {
    padding-bottom: 40px;
  }

  #ramadan-page div#MobHeader {
    min-height: 80px;
    height: auto;
  }

  #ramadan-page #MobHeader .azpro {
    height: auto;
    position: inherit;
    top: 0;
  }

  #ramadan-page #MobHeader .accordion {
    margin-top: -60px;
  }

  #ramadan-page #lamp {
    display: none;
  }
}



#ramadan-page .cmp-container.azcl-columns__base.azcl-columns--2 {
  margin-top: 40px;
}
*/
.pink_button a {
  width: 250px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #830051;
  color: #fff;
  font-size: 18px;
  font-family: Lexia-Italic;
  transition: all 0.3s;
}

@media screen and (min-width: 768px) {
  #ramadan-page .cmp-container.azcl-columns__base.azcl-columns--2 {
    margin-top: 100px;
  }
}

/*
#ramadan-page #Header .cmp-container.azcl-columns__base.azcl-columns--2 {
  margin-top: 0px;
}

#ramadan-page .ramadan-title {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

body#ramadan-page {
  background: #FDFDF6;
}

#ramadan-page .cmp-experiencefragment.cmp-experiencefragment--header {
  background: white;
}

#ramadan-page.cmp-container,
#ramadan-page #Footer .container:first-child,
#ramadan-page #Footer .container:last-child {
  background-color: #fefdf8;
}

#ramadan-page div#Header div,
#ramadan-page div#Header {
  background-color: white;
}

#ramadan-page div#Header .azpro {
  background-image: linear-gradient(to bottom, white 50%, #fefdf8 50%);
}

#ramadan-page #Header .azcl-columns__base .azcl-column-par1 {
  padding-left: 0px;
  margin-left: 25px;
}

#ramadan-page #lamp {
  max-width: 100px;
  position: absolute;
  right: 5%;
  top: 100px;
}

#ramadan-page div#section1 {
  margin-top: 100px;
  max-width: 1766px;
}
*/