/***************************************************************************************************
 Global MIxins  - Font Variables , Font family, RWD resolution
 Author: TAMM 
 ***************************************************************************************************/
/***************************************************************************************************
 Global classes - images URL
 Author: TAMM 
 ***************************************************************************************************/
/***************************************************************************************************
 Global MIxins  - BG url, Vendor Prefixes , Box sizing, LTR , RTL
 Author: TAMM 
 ***************************************************************************************************/
/***************************************************************************************************
 Global MIxins  - Font Variables , Font family, RWD resolution
 Author: TAMM 
 ***************************************************************************************************/
/***************************************************************************************************
 Global MIxins  - BG url, Vendor Prefixes , Box sizing, LTR , RTL
 Author: TAMM 
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for listing component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
 Global classes - bootstrap accordian - custom style
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
 *Breadcrumb CSS *
 Author: TAMM 
 ***************************************************************************************************/
/***************************************************************************************************
 Co create component styles
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
 *Cookies CSS *
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
 Global classes - buttons , white-button,yellow-button,blue-button,overlay-buttons
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Styles for - Custom select 
 Author: TAMM 
 ***************************************************************************************************/
/***************************************************************************************************
 custom scroll bar style
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Styles for - Error pages
 Author: TAMM 
 ***************************************************************************************************/
/***************************************************************************************************
Styles for - E-services Component
 Author: TAMM 
 ***************************************************************************************************/
/***************************************************************************************************
 *Footer CSS *
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
 Global classes - Skip navigation, float, overlay
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
 Global classes -  header styles
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for Journey-widget component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for page-innersearch component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for register component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for Sub page left nav
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for adge  
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for borders 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for feedback  pop up
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for Note component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for Quicklinks component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for Support
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for survey
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for talk to us
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for three-col-list
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for whats new  
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for tab mobile dropdown
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Global classes -  collabsible left nav
Author: TAMM
***************************************************************************************************/
/***************************************************************************************************
 *Flipcard Style *
 Author: TAMM 
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for left nav component 
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for Testimonials and Achievements components
 
 Author: TAMM
 ***************************************************************************************************/
/***************************************************************************************************
Generic colors for Pillars
 
 Author: TAMM
 ***************************************************************************************************/
.eventslisting-container .list-item img {
  height: 100%;
}

.sub-related-topic .sub-rel-link .event-date .date span {
  font-size: 2.5rem;
}

h2 {
  font-size: 28px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

html[lang*='en'] h2,
html[class*='translated-ltr'] h2 {
  font-family: "roboto-Regular", Arial, sans-serif;
}

html[lang*='ar'] h2,
html[class*='translated-rtl'] h2 {
  font-family: "NotoKufiArabic", Arial, sans-serif;
}

.news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619.itemCont,
.news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619.itemCont *,
.news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619.itemCont a,
.news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619.itemCont a:hover,
.news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619.itemCont a:focus {
  color: black;
}

.news-event-container .thumbnailbox-flex .search-result-list > li::before {
  display: none;
}

.news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619.itemCont > .wrap .holidays-date {
  border-width: 3px;
}

.news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619 .heading-h2 {
  position: static;
  margin-top: 15px;
}

.news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619 .holidays-date .itemStartDate.field-date {
  font-size: 28px;
  line-height: 1;
  font-family: "CircularStd-Bold", Arial, sans-serif;
}

.news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619 .heading-h2 {
  font-family: CircularStd;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

.news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619 .desc {
  font-family: CircularStd;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: normal;
  padding-bottom: 25px;
}

.news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619 .readmore-hover.right-arrow-icon {
  font-family: CircularStd;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
}

html[lang*="en"] .right-arrow-icon:after,
html[class*="translated-ltr"] .right-arrow-icon:after {
  float: right;
  margin-left: 10px;
  margin-top: 2px;
}

.sub-related-topic .sub-rel-link ul li span {
  font-size: 1.3rem;
  letter-spacing: 1.5px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
}

html[lang*='ar'] .sub-related-topic .sub-rel-link ul li span,
html[class*='translated-rtl'] .sub-related-topic .sub-rel-link ul li span {
  font-family: "roboto-Regular";
}

html[lang*='en'] .sub-related-topic .sub-rel-link ul li,
html[class*='translated-ltr'] .sub-related-topic .sub-rel-link ul li {
  padding-left: 40px;
}

html[lang*='ar'] .sub-related-topic .sub-rel-link ul li,
html[class*='translated-rtl'] .sub-related-topic .sub-rel-link ul li {
  padding-top: 20px;
}

.news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619 .heading-h2 {
  position: static;
}

.news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619 .wrap {
  overflow: hidden;
}

.news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619 .section-floating {
  -webkit-transition: ease all 0.5s;
  transition: ease all 0.5s;
}

.news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619 .readmore-hover.right-arrow-icon {
  -webkit-transition: ease all 0.5s;
  transition: ease all 0.5s;
}

.news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619 .heading-h2 {
  -webkit-transition: ease all 0.5s;
  transition: ease all 0.5s;
  padding-bottom: 10px;
}

.news-event-container .thumbnailbox-flex .search-result-list a:hover .newDesign-110619 .readmore-hover.right-arrow-icon,
.news-event-container .thumbnailbox-flex .search-result-list a:focus .newDesign-110619 .readmore-hover.right-arrow-icon {
  bottom: 25px;
}

.news-event-container .thumbnailbox-flex .search-result-list a:hover .newDesign-110619 .heading-h2,
.news-event-container .thumbnailbox-flex .search-result-list a:focus .newDesign-110619 .heading-h2 {
  bottom: 55px;
}

.news-event-container .thumbnailbox-flex .search-result-list a:hover .newDesign-110619 .section-floating,
.news-event-container .thumbnailbox-flex .search-result-list a:focus .newDesign-110619 .section-floating {
  bottom: 0;
}

.news-event-container .thumbnailbox-flex .search-result-list .news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619 .heading-h2.field-title {
  font-family: CircularStd;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

.news-event-container .thumbnailbox-flex .search-result-list .news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619 .readmore-hover.right-arrow-icon {
  font-family: CircularStd;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
}

.news-event-container .thumbnailbox-flex .search-result-list html[lang*="en"] .right-arrow-icon:after,
.news-event-container .thumbnailbox-flex .search-result-list html[class*="translated-ltr"] .right-arrow-icon:after {
  float: right;
  margin-left: 10px;
  margin-top: 2px;
}

.news-event-container .thumbnailbox-flex .search-result-list .news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619.itemCont .wrap-image img {
  height: 256px;
}

.news-event-container .thumbnailbox-flex .search-result-list .news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619.itemCont .wrap {
  height: 256px !important;
}

.viewallitems-box a,
.viewallitems-box a:hover,
.viewallitems-box a:focus {
  border: 0 !important;
  text-decoration: none !important;
}

@media only screen and (min-width: 1024px) {
  .newDesign-110619.itemCont .section-floating {
    position: absolute;
    padding: 10px 20px;
    left: 0;
    bottom: -30px;
  }
  .news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619.itemCont .wrap-image {
    width: 266px;
    height: 256px !important;
  }
  .news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619.itemCont .wrap {
    width: Calc(100% - 266px);
    padding: 20px;
    display: inline-block;
    height: 256px !important;
  }
  .news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619 .heading-h2 {
    position: static;
  }
  .news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619 .wrap {
    overflow: hidden;
  }
  .news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619 .section-floating {
    -webkit-transition: ease all 0.5s;
    transition: ease all 0.5s;
  }
  .news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619 .readmore-hover.right-arrow-icon {
    -webkit-transition: ease all 0.5s;
    transition: ease all 0.5s;
  }
  .news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619 .heading-h2.field-title {
    -webkit-transition: ease all 0.5s;
    transition: ease all 0.5s;
  }
  .news-event-container .thumbnailbox-flex .search-result-list a:hover .newDesign-110619 .readmore-hover.right-arrow-icon,
  .news-event-container .thumbnailbox-flex .search-result-list a:focus .newDesign-110619 .readmore-hover.right-arrow-icon {
    bottom: 25px;
  }
  .news-event-container .thumbnailbox-flex .search-result-list a:hover .newDesign-110619 .heading-h2.field-title,
  .news-event-container .thumbnailbox-flex .search-result-list a:focus .newDesign-110619 .heading-h2.field-title {
    bottom: 55px;
  }
  .news-event-container .thumbnailbox-flex .search-result-list a:hover .newDesign-110619 .section-floating,
  .news-event-container .thumbnailbox-flex .search-result-list a:focus .newDesign-110619 .section-floating {
    bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  html[lang*='ar'] .news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619 .heading-h2,
  html[class*='translated-rtl'] .news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619 .heading-h2 {
    font-size: 15px;
  }
  .newslisting-container .list-item {
    display: table;
    width: 100%;
  }
  .newDesign-110619 .right-arrow-icon:after,
  .newDesign-110619 .right-arrow-icon:after {
    margin-top: 2px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .newslisting-container .list-item .list-item__img {
    display: table-cell;
    width: 22%;
  }
  .newslisting-container .list-item .list-item__desc {
    display: table-cell;
    width: 78%;
  }
}

@media only screen and (min-width: 993px) and (max-width: 1024px) {
  .newslisting-container .list-item .list-item__img {
    display: table-cell;
    width: 18%;
  }
  .newslisting-container .list-item .list-item__img img {
    min-height: 170px;
  }
  .newslisting-container .list-item .list-item__desc {
    display: table-cell;
    width: 80%;
  }
  .news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619.itemCont .wrap-image {
    width: 220px;
  }
  .news-event-container .thumbnailbox-flex .search-result-list .newDesign-110619.itemCont .wrap {
    width: Calc(100% - 220px);
  }
}

@media only screen and (min-width: 900px) {
  .list-item .list-item__img img {
    max-width: 170px;
    max-height: 170px;
    min-height: 147px;
  }
}

@media only screen and (max-width: 767px) {
  .newslisting-container .list-item .list-content.list-item__desc {
    padding-bottom: 0px;
  }
  .newslisting-container .list-item .list-content.list-item__desc .content {
    padding-bottom: 12px;
  }
  .newslisting-container .list-item p.description + span {
    position: relative;
    top: 12px;
  }
  .news-event-container .thumbnailbox-flex .search-result-list > li .itemCont > .wrap p.field-date {
    line-height: 8px;
  }
}

.newsorgin-detail .news-date {
  font-size: 1.3rem;
}

html[lang*='en'] .newsorgin-detail .news-date,
html[class*='translated-ltr'] .newsorgin-detail .news-date {
  letter-spacing: 1.5px;
}

html[lang*='ar'] .newsorgin-detail .news-date,
html[class*='translated-rtl'] .newsorgin-detail .news-date {
  letter-spacing: normal;
}

html[lang*='en'] .newsorgin-detail .news-date:after,
html[class*='translated-ltr'] .newsorgin-detail .news-date:after {
  content: "";
  border-right-style: solid;
  border-right-width: 2px;
  padding-left: 18px;
  padding-right: 0;
}

.newsorgin-detail .news-date:before {
  content: "";
}

html[lang*='en'] .newsorgin-detail .news-date:before,
html[class*='translated-ltr'] .newsorgin-detail .news-date:before {
  border-left-style: solid;
  border-left-width: 0;
  padding-left: 0;
}

html[lang*='ar'] .newsorgin-detail .news-date:before,
html[class*='translated-rtl'] .newsorgin-detail .news-date:before {
  border-right-style: solid;
  border-left-style: solid;
  border-left-width: 2px;
  padding-left: 0;
  border-right: 0;
  padding-right: 18px;
}

/*html[lang*='ar'] .component.load-more .icon-loadmore,
html[class*='translated-rtl'] .component.load-more .icon-loadmore{
  left:-45px;
}*/
.load-more .component-content {
  position: relative;
  width: 280px;
  margin: 0 auto;
}

.component.load-more input {
  margin: auto;
}

.component.load-more .icon-loadmore {
  top: 15px;
  pointer-events: none;
  position: absolute;
}

html[lang*='en'] .component.load-more .icon-loadmore,
html[class*='translated-ltr'] .component.load-more .icon-loadmore {
  right: 35px;
}

html[lang*='ar'] .component.load-more .icon-loadmore,
html[class*='translated-rtl'] .component.load-more .icon-loadmore {
  left: 35px;
}