::placeholder {
  color: #868e96;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12-18 */
  color: #868e96;
}

.fixed-btn{
  position: fixed;
  bottom: 4%;
  right: 3%;
  background: #05bc08;
  line-height: 45px;
  text-align: center;
  border-radius: 30px;
  box-shadow: 4px 4px 4px #8cc63f;
  cursor: pointer;
  padding: 11px 0px;
  z-index: 999;
}

.fixed-btn:active{
  box-shadow: 0  0;
}

.fixed-btn p {      
    margin-bottom: 0rem!important;
    margin-top: 0rem!important;
    padding: 0px 10px;
}

.fixed-btn p , .fixed-btn i{
  color: white;
  font-size: 16px;
}

.fixed-btn i.mobile-wp {
 color: white;
  font-size: 35px;   
}

i.mobile-wp {
    width: 55px;
    height: 33px;
}

.fixed-btn:hover{
  box-shadow: 4px 4px 4px #05bc08;
}

/* info boxes |strts */


.info-boxes-single{
    text-align: center;
    background: #ededed;
    padding: 20px;
}

.info-boxes-single img {
    width: 50px;
}
.info-boxes div p{
    padding: 11px 0px;
    background: #3277ae;
    text-align: center;
    color: white;
    font-size: 2.0rem;
}        
.info-boxes-single:hover , .info-boxes div p:hover .info-boxes-single{
    background: #e3e3e3;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.info-boxes h2{
    color: #b68a35;
}

.searchbar-tabs{
    text-align: left;
    margin-bottom: 2px;
}

.arabic-wrapper .searchbar-tabs{
 margin-bottom: 2px;   
}

.searchbar-tabs a {
    padding: 7px 30px;
    font-size: 20px;    
    background: white;
    color: #999393;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-right: 7px;
}

.searchbar-tabs a:hover , .searchbar-tabs a:focus , .searchbar-tabs a.active {
    background: #b68a35;
    color: white!important;
}


@media only screen and (max-width: 767px){
    .searchbar-tabs {
        margin-bottom: -1px;
    }
    .searchbar-tabs a {
        padding: 5px 10px;
        font-size: 13px;
        margin-right: 3px;
    }
}


/* info boxes |ends */

/* sidebar starts*/

#menu-about-us .active , #menu-services .active , #menu-about-us-arabic .active , #menu-services-arabic .active {
	background: #b68a35;
    color: white!important;
}

.gutech-sidebar {
    list-style: none;
}

/* .gutech-sidebar ul li:hover a {
    color: #01334c!important;
} */

.gutech-sidebar ul li {
    padding-bottom: 4px;
    /* border-bottom: 2px solid #d0d0d0; */
}

.gutech-sidebar .menu li a {
    display: block;
    position: relative;
    padding: 5px;
    background: #dfdfdf;
    border-radius: 4px;
    color: #5e5e5e!important;
}

.gutech-sidebar .menu li a:hover {
    background: #b68a35;
    color: white!important;
}

.gutech-sidebar ul li:last-child {
	border-bottom:none;
}

/* Sidebars end*/

ul#menu-primary {
    margin: 0 0rem;
}

ul#menu-primary .sub-menu li a {
    text-transform: none;
}

/* Book purchase form correction*/
div#gform_wrapper_19 input[type="radio"] {
    width: 2%!important;
}

div#gform_wrapper_19 #dk2-input_19_25{
	margin-bottom:33px;
    padding:0 !important;
}

.featured-image-about-temp img {
    width: 100%;
    height:100%;
}

.tabs-mobile a.active{
    color: #b68a35;
}

.tabs-mobile a {
    color: white;
    text-decoration: underline;
    padding-right: 5px;
}

.tabs-mobile a:hover {
    text-decoration: none;
    color: #b68a35;
}

/* Owl carousel for rtl | starts */
.owl-carousel,
.bx-wrapper { direction: ltr; }
.owl-carousel .owl-item { direction: rtl; }
/* Owl carousel for rtl | Ends */

#resource_carousel h2{
    color: #b68a35;
    padding-bottom: 4rem;
    text-align: center;
}

/* owl carousel brand  name bold */
#resource_carousel h6.logo-company-name {
    font-weight: bold;
    font-size: 1.8rem;
}
section:not(section.banner-section) {
    padding: 5rem 0rem!important;
}
.banner-section{
    margin: 0rem!important;
}
@media only screen and (max-width: 1023px) and (min-width: 767px){
  section.info-boxes{
    margin-top: 100px;
  }
}

.monitor-dr-btns {
    padding: 15px 10px;
    background: #ededed;
    width: 228px;
    margin: 0 auto;
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;    
}

.monitor-dr-btns a {
    background: #b68a35;
    padding: 3px 20px;
    
    border-radius: 4px;
    margin-bottom: 125px;
    
}

.monitor-dr-btns p a {
    color: white;
}

.monitor-dr-btns p a:hover {
    background: #0a61ad;
}

.monitor-dr-btns p:not(:last-child) {
    margin-bottom: 20px;
}

div#trial_balance {
    margin: 50px auto;
    max-width: 800px;
    padding:0px 15px;
}

#trial_balance .wp-block-image img {
    margin-right: 20px!important;
}

.h2-login-text{
  text-align: center;
  color: #880124;
  background: #ffffffb8;
  margin: 0 auto;
  padding: 20px;
}

#advanced_search {
    float: right;
    color: white;
    margin-top: 18px;
    background: #b68a35;
    padding: 10px 30px;
    font-size: 20px;
    font-weight: normal;
    border-radius: 8px;
}

#advanced_search:hover {
    background: white;
    color: #999393;
}
@media only screen and (max-width: 767px){
    #advanced_search {
        margin-top: 10px;
        font-size: 13px;
        padding: 0px 15px;
    }
}

.lgx-logo-slider-wp .hover-default .lgx-logo-item .lgx-logo-img {
    border-radius: 15px;
    min-height: 250px;
}

.owl-carousel .owl-item .arrivals-item {
    max-width: 225px;
    margin: auto;
}

.owl-carousel .owl-item .arrivals-item .arrivals-image {
    border-radius: 15px;
    overflow: hidden;
    height: 275px;
}

.owl-carousel .owl-item .arrivals-item .arrivals-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.owl-carousel .owl-item .arrivals-item h3 {
    padding: 10px 5px;
    text-align: center;
}

.owl-carousel .owl-item .news-content {
    padding: 25px 35px;
    overflow: hidden;
}

.owl-carousel .owl-item .news-content .btn-primary {
    position: absolute;
    bottom: 20px;
    left: 35px;
    padding: 4px 30px;
    border-radius: 10px;
}

.arabic-wrapper .owl-carousel .owl-item .news-content .btn-primary {
  right: 35px;
  left: unset;
}

.owl-carousel .owl-item .news-content-p {
    text-align: left;
    margin-top: 45px;
    line-height: 135%;
    font-size: 1.6rem;
}

.arabic-wrapper .owl-carousel .owl-item .news-content-p {
  text-align: right;
}

.events-content .events-time {
    float: left;
    padding: 5px 5px 5px 60px;
    display: block;
    position: relative;
    font-weight: bold;
}

.single-post .news-time,
.single-post .news-date,
.events-content .events-date,
.owl-carousel .owl-item .news-content .news-date {
    float: left;
    padding: 5px 5px 5px 30px;
    display: block;
    position: relative;
    font-weight: bold;
    font-size: 1.5rem;
}

.arabic-wrapper .single-post .news-time,
.arabic-wrapper .single-post .news-date,
.arabic-wrapper .events-content .events-date,
.arabic-wrapper .owl-carousel .owl-item .news-content .news-date {
    float: right;
}

.single-post .news-time::before,
.single-post .news-date::before,
.events-content .events-time::before,
.events-content .events-date::before,
.owl-carousel .owl-item .news-content .news-date::before {
    display: inline-block;
    content: " ";
    width: 23px;
    height: 23px;
    left: 1px;
    top: 9px;
    position: absolute;
}


.single-post .news-time::before,
.events-content .events-time::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="23" height="23" viewBox="0 0 23 23"><defs><clipPath id="clip-path"><rect id="Rectangle_439" data-name="Rectangle 439" width="23" height="23" fill="%23242424"/></clipPath></defs><g id="Group_5665" data-name="Group 5665" transform="translate(0 0)"><g id="Group_5664" data-name="Group 5664" transform="translate(0 0)" clip-path="url(%23clip-path)"><path id="Path_1763" data-name="Path 1763" d="M11.5,0A11.5,11.5,0,1,1,3.368,3.37,11.459,11.459,0,0,1,11.5,0m.582,2.109a.581.581,0,1,1-1.163,0v-.93A10.285,10.285,0,0,0,6.84,2.272l.466.8a.58.58,0,1,1-1,.582l-.466-.806A10.21,10.21,0,0,0,4.19,4.192,10.42,10.42,0,0,0,2.85,5.838l.806.464a.58.58,0,0,1-.581,1L2.27,6.841a10.285,10.285,0,0,0-1.091,4.077h.93a.581.581,0,0,1,0,1.163h-.93A10.284,10.284,0,0,0,2.27,16.161l.806-.466a.579.579,0,1,1,.581,1l-.806.466A10.4,10.4,0,0,0,5.836,20.15l.466-.806a.58.58,0,0,1,1,.58l-.466.806a10.283,10.283,0,0,0,4.079,1.091v-.93a.581.581,0,0,1,1.163,0v.93a10.284,10.284,0,0,0,4.077-1.091l-.466-.806a.58.58,0,0,1,1.005-.58l.466.806a10.553,10.553,0,0,0,1.646-1.34,10.308,10.308,0,0,0,1.338-1.646l-.806-.466a.58.58,0,1,1,.582-1l.806.466a10.287,10.287,0,0,0,1.089-4.079h-.928a.581.581,0,1,1,0-1.163h.93A10.32,10.32,0,0,0,20.73,6.841l-.806.466a.581.581,0,1,1-.582-1l.806-.466a10.39,10.39,0,0,0-2.984-2.984l-.466.806a.581.581,0,0,1-1.005-.582l.466-.8a10.286,10.286,0,0,0-4.077-1.093Z" transform="translate(0 0)" fill="%23242424"/><path id="Path_1764" data-name="Path 1764" d="M38.08,20.821l4.52,2.61a.58.58,0,0,1-.58,1.005l-4.776-2.757a.582.582,0,0,1-.326-.523V13.732a.581.581,0,1,1,1.163,0Z" transform="translate(-25.972 -9.251)" fill="%23242424"/></g></g></svg>');
    left: 30px;
}


.single-post .news-date::before,
.events-content .events-date::before,
.owl-carousel .owl-item .news-content .news-date::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22.79" height="22.739" viewBox="0 0 22.79 22.739"><defs><clipPath id="clip-path"><rect id="Rectangle_438" data-name="Rectangle 438" width="22.79" height="22.739" fill="%23242424"/></clipPath></defs><g id="Group_5662" data-name="Group 5662" transform="translate(0 0)"><g id="Group_5654" data-name="Group 5654" transform="translate(0 0)" clip-path="url(%23clip-path)"><path id="Path_1760" data-name="Path 1760" d="M59.965,4.147a.809.809,0,0,1-.809-.809V.809a.809.809,0,1,1,1.618,0V3.338a.809.809,0,0,1-.809.809" transform="translate(-42.505 0)" fill="%23242424"/><path id="Path_1761" data-name="Path 1761" d="M16.871,4.147a.809.809,0,0,1-.809-.809V.809a.809.809,0,1,1,1.618,0V3.338a.809.809,0,0,1-.809.809" transform="translate(-11.541 0)" fill="%23242424"/><path id="Path_1762" data-name="Path 1762" d="M21.025,7.366H19V8.63a1.544,1.544,0,0,1-3.088,0V7.366H6.874V8.63a1.544,1.544,0,0,1-3.088,0V7.366H1.764A1.764,1.764,0,0,0,0,9.131V26.267a1.764,1.764,0,0,0,1.764,1.764H21.025a1.764,1.764,0,0,0,1.765-1.764V9.131a1.764,1.764,0,0,0-1.765-1.765m.294,18.313a.882.882,0,0,1-.882.882H2.352a.882.882,0,0,1-.882-.882V12.241H21.319Z" transform="translate(0 -5.293)" fill="%23242424"/><rect id="Rectangle_433" data-name="Rectangle 433" width="3.824" height="3.825" transform="translate(3.678 15.24)" fill="%23242424"/><rect id="Rectangle_434" data-name="Rectangle 434" width="3.824" height="3.825" transform="translate(9.483 15.24)" fill="%23242424"/><rect id="Rectangle_435" data-name="Rectangle 435" width="3.824" height="3.825" transform="translate(15.287 15.24)" fill="%23242424"/><rect id="Rectangle_436" data-name="Rectangle 436" width="3.824" height="3.825" transform="translate(9.483 9.156)" fill="%23242424"/><rect id="Rectangle_437" data-name="Rectangle 437" width="3.824" height="3.825" transform="translate(15.287 9.156)" fill="%23242424"/></g></g></svg>');
}

.date-time-container {
    display: inline-flex;
    gap: 10px; /* Adjust spacing between date and time as needed */
    justify-content: center;
    align-items: center;
    margin-bottom: 20px; /* Adjust space below date/time as needed */
}

.post-image {
    text-align: center;
    margin-bottom: 20px; /* Adjust space below the image if needed */
}

.post-image img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}


.owl-carousel .owl-item .news-image {
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.owl-carousel .owl-item .news-image img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

#featured_resources {
    background-color: #fff;
    height: auto;
}

#featured_resources h2{
    color: #b68a35;
    padding-bottom: 2rem;
    text-align: center;
    padding-top: 45px;
}

#featured_resources .image-container {
    display: flex;
    justify-content: space-between;
    margin: 60px 0;
    flex-wrap: wrap;
}
#featured_resources .image-container div {
    flex: 1;
    margin: 0 15px;
    height: 125px;
    overflow: hidden;
}
#featured_resources .image-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    max-width: 260px;
    margin: auto;
}


@media (max-width: 768px) {
    #featured_resources .image-container div {
        flex: 0 0 45%;
        margin: 10px 0   ;
    }
}
@media (max-width: 480px) {
    #featured_resources .image-container div {
        flex: 0 0 100%;
        margin: 15px 0;
    }
}

.container-fluid.main-nav,
.container.main-nav {
    padding: 25px;
}

@media (min-width: 768px) {
    .container.main-nav {
        min-height: 110px;
    }
}
@media (min-width: 1024px) {
    .container.main-nav {
        min-height: auto;
    }
}

.lgx-logo-slider-wp .owl-stage {
    align-items: start;
}

.user-nav {
    position: absolute;
    right: 0;
}

.arabic-wrapper .user-nav {
  left: 0;
  right: unset;
}

nav .user-nav ul li a {
    font-weight: 500;
}

#news-section h2 {
    color: #b68a35;
    padding-bottom: 4rem;
    padding-top: 2rem;
    text-align: center;
}

#events-section h2 {
    color: #b68a35;
    padding-bottom: 7rem;
    padding-top: 2rem;
    text-align: center;
}

#news-section h3 {
    color: #242424;
    text-align: left;
    margin-bottom: 5px;
    font-size: 1.6rem;
}

.arabic-wrapper #news-section h3 {
    text-align: right;
}

#news-section h3 {
    color: #242424;
    text-align: left;
    margin-bottom: 5px;
    font-size: 1.8rem;
}

#news-section .news-item {
    /* max-width: 350px; */
    height: 520px;
    border-radius: 12px;
    background: #fff;
    /* margin: 10px 25px; */
    overflow: hidden;
    box-shadow: 0px 3px 6px #00000029;
}

.owl-carousel .owl-stage-outer {
    height: calc(100% + 30px);
    margin: -15px;
    padding: 15px;
    width: calc(100% + 30px);
}

.owl-carousel.news-carousel {
    max-width: 1100px;
    margin: auto;   
}

#news-section .owl-carousel .owl-nav button.owl-prev {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 40%;
    left: -100px;
    display: block !important;
    background: #54565A2f;
    border-radius: 50%;
}

#news-section .owl-carousel .owl-nav button.owl-next {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 40%;
    right: -100px;
    display: block !important;
    background: #54565A2f;
    border-radius: 50%;
}
#news-section .owl-prev i, #news-section .owl-next i { color: #54565A;}

#news-section .fa-angle-left, #news-section .fa-angle-right {
    line-height: 50px;
    margin: 0;
}

#news-section .owl-theme .owl-dots {
    margin-top: 35px;
}

section#ad-banner-section {
    /* min-height: 500px; */
}

section#ad-banner-section a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}

.events-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.events-container .events-column {
    flex: 0 0 48%;
    box-sizing: border-box;
    margin-bottom: 50px;
    background-color: #f4f4f4;
    padding: 35px 45px;
    border: 3px solid #b68a35;
    border-radius: 18px;
}

.events-container .events-column h3 {
    font-size: 1.8rem;
}

/* Media query for smaller screens */
@media (max-width: 768px) {
    .events-container .events-column {
        flex: 0 0 100%; /* Each column takes up 100% width on smaller screens */
    }
}

.time-container {
    display: block;
    overflow: hidden;
}

.footer-logo a {
    margin-bottom: 20px;
    display: block;
}

.footer-logo a img {
    width: 100%;
    max-width: 50px;
}

.footer-logo p {
    font-weight: 600;
    color: #fff;
    margin: 0;
}

.full-footer h3 {
    color: #b68a35;
    text-align: center;
}

.full-footer ul li {
    display: block;
    font-weight: 600;
    margin: 0;
    text-align: left;
}

.full-footer ul li a {
    color: #fff;
}

.full-footer ul li a:hover {
    color: #5e5e5e!important;
}

.copyright-container {
    margin-top: 40px;
}

.copyright-container .copyright-text {
    max-width: 550px;
    width: 100%;
    margin: auto;
    padding: 15px;
    border-top: 1px solid #fff;

}

.copyright-container .copyright-text p {
    color: #fff;
}


@media only screen and (max-width: 767px){
    .full-footer h3,
    .full-footer ul li {
        text-align: center !important;
    }
}



/* Header Switch */

  header .accessibility-button {
    display: inline-block;
    width: 100px;
    margin-left: 1rem;
  }

  header .switch {
    position: relative;
    display: block;
    width: 25px;
    height: 25px;
  }
  
  header .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  header .switch .text { 
    padding-left: 5px;
    top: 2px;
    position: absolute;
    font-size: 1.3rem;
    font-weight: 600;
    color: #fff;

  }
  
  header .slider {
    position: absolute;
    cursor: pointer;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  header .slider:before {
    position: absolute;
    content: "";
    height: 11px;
    width: 11px;
    left: 2px;
    bottom: 2px;
    background-color: #b68a35;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  /* header input:checked + .slider {
    background-color: #111;
  } */
  
  header input:checked + .slider:before {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  
  /* Rounded sliders */
  header .slider.round {
    border-radius: 10px;
  }
  
  header .slider.round:before {
    border-radius: 50%;
  }

  /* Header Switch End */



  nav ul.dropdown a#sideAdminButton {
    font-weight: 600;
    font-size: 1.3rem;
    padding: 0 1rem;
  }

  header .bottom-header nav ul li#NavLangMenu {
    padding: 0 1rem;
  }

  nav ul.dropdown li#NavLangMenu a {
    padding-left: 25px;
    font-weight: 600;
  }

  nav ul.dropdown li#NavLangMenu a:after {
    content: " ";
    position: absolute;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    left: 3px;
    top: 7px;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no" %3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1080" height="1080" viewBox="0 0 1080 1080" xml:space="preserve"><desc>Created with Fabric.js 5.2.4</desc><defs></defs><g transform="matrix(1 0 0 1 540 540)" id="fe6bdc27-2583-436d-9e87-c6386980138d" ><rect style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1; visibility: hidden;" vector-effect="non-scaling-stroke" x="-540" y="-540" rx="0" ry="0" width="1080" height="1080" /></g><g transform="matrix(1 0 0 1 540 540)" id="af2050b3-9397-49ae-a65f-dcfea68ee50e" ></g><g transform="matrix(2.11 0 0 2.11 540 540)" ><path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;" transform=" translate(-256, -256)" d="M 352 256 C 352 278.2 350.8 299.6 348.7 320 L 163.39999999999998 320 C 161.2 299.6 160.09999999999997 278.2 160.09999999999997 256 C 160.09999999999997 233.8 161.29999999999995 212.4 163.39999999999998 192 L 348.7 192 C 350.9 212.4 352 233.8 352 256 z M 380.8 192 L 503.9 192 C 509.2 212.5 512 233.9 512 256 C 512 278.1 509.2 299.5 503.9 320 L 380.79999999999995 320 C 382.9 299.4 383.99999999999994 278 383.99999999999994 256 C 383.99999999999994 234 382.8999999999999 212.6 380.79999999999995 192 z M 493.4 160 L 376.7 160 C 366.7 96.1 346.9 42.599999999999994 321.4 8.400000000000006 C 399.7 29.100000000000005 463.4 85.9 493.29999999999995 160 z M 344.29999999999995 160 L 167.69999999999996 160 C 173.79999999999995 123.6 183.19999999999996 91.4 194.69999999999996 65.3 C 205.19999999999996 41.699999999999996 216.89999999999995 24.599999999999994 228.19999999999996 13.799999999999997 C 239.4 3.2 248.7 0 256 0 C 263.3 0 272.6 3.2 283.8 13.8 C 295.1 24.6 306.8 41.7 317.3 65.3 C 328.90000000000003 91.3 338.2 123.5 344.3 160 z M 135.29999999999995 160 L 18.6 160 C 48.6 85.9 112.2 29.1 190.6 8.4 C 165.1 42.6 145.3 96.1 135.3 160 z M 8.1 192 L 131.2 192 C 129.1 212.6 127.99999999999999 234 127.99999999999999 256 C 127.99999999999999 278 129.1 299.4 131.2 320 L 8.1 320 C 2.8 299.5 0 278.1 0 256 C 0 233.89999999999998 2.8 212.5 8.1 192 z M 194.7 446.6 C 183.1 420.6 173.79999999999998 388.40000000000003 167.7 352 L 344.29999999999995 352 C 338.19999999999993 388.4 328.79999999999995 420.6 317.29999999999995 446.6 C 306.79999999999995 470.20000000000005 295.09999999999997 487.3 283.79999999999995 498.1 C 272.6 508.8 263.3 512 256 512 C 248.7 512 239.4 508.8 228.2 498.2 C 216.89999999999998 487.4 205.2 470.3 194.7 446.7 z M 135.3 352 C 145.3 415.9 165.10000000000002 469.4 190.60000000000002 503.6 C 112.2 482.9 48.6 426.1 18.6 352 L 135.3 352 z M 493.40000000000003 352 C 463.40000000000003 426.1 399.80000000000007 482.9 321.5 503.6 C 347 469.40000000000003 366.7 415.90000000000003 376.8 352 L 493.5 352 z" stroke-linecap="round" /></g></svg>');
  }

  nav ul.dropdown li#NavLangMenu .dropdown-menu {
    width: auto;
    top: 30px !important;
  }

  .arabic-wrapper nav ul.dropdown li#NavLangMenu .dropdown-menu {
    width: 50px;
    left: 0 !important;
    right: unset;
  }

  nav ul.dropdown li#NavLangMenu .dropdown-menu .dropdown-item {
    padding: 1rem 2.8rem;
  }

  nav ul.dropdown li#NavLangMenu.show a:after {
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    margin-top: 0;
  }

  .user-header-group {    
    position: absolute !important;
    right: 0;
    bottom: -12px;
  }

  .arabic-wrapper .user-header-group {    
    right: unset;
    left: 0;
    min-width: 275px;
  }

  .user-header-group #askZaiaButton {
    background: #fff;
    color: #222 !important;
    display: block;
    padding: 2px 20px 2px 50px;
    border-radius: 8px;
    float: right;
    position: relative;
    margin-right: 0px;
  }

  .user-header-group .button-text::before {
    content: " ";
    width: 25px;
    height: 25px;
    left: 15px;
    top: 5px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg style='fill:none;' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 5L11.5 6V9.53704L7.41379 11L5 12L7.41379 13L11.5 14.0972V17L13 19.5L14.5 17V14.0531L18.0345 13L19 12L18.0345 11L14.5 9.59589V6L13 5Z' fill='%23F4B223'%3E%3C/path%3E%3Cpath d='M5 3V7M3 5H7M6 17V21M4 19H8M13 3L15.2857 9.85714L21 12L15.2857 14.1429L13 21L10.7143 14.1429L5 12L10.7143 9.85714L13 3Z' stroke='%2318181B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  }

  .user-header-group .user-button-group {
    display: block;
    float: right;
    /* margin: 0 0 0 25px; */
    padding: 0;
  }
  
  .arabic-wrapper .user-header-group .user-button-group {
    float: left;
    margin: 0 10px 0 0;
  }

  .user-header-group .user-button-group a#userButtonIcon {
    width: 34px;
    height: 34px;
    display: inline-block;
    background-color: white;
    border-radius: 50%;
    color: #b68a35 !important;
    text-align: center;
    font-size: 16px;
    line-height: 34px;
  }

  /* .user-header-group .user-button-group a#userButtonIcon::before {
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    margin: auto;
    margin-top: 7px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 -256 1792 1792'%3E%3Cg transform='matrix(1,0,0,-1,197.42373,1300.6102)'%3E%3Cpath d='M 1408,131 Q 1408,11 1335,-58.5 1262,-128 1141,-128 H 267 Q 146,-128 73,-58.5 0,11 0,131 0,184 3.5,234.5 7,285 17.5,343.5 28,402 44,452 q 16,50 43,97.5 27,47.5 62,81 35,33.5 85.5,53.5 50.5,20 111.5,20 9,0 42,-21.5 33,-21.5 74.5,-48 41.5,-26.5 108,-48 Q 637,565 704,565 q 67,0 133.5,21.5 66.5,21.5 108,48 41.5,26.5 74.5,48 33,21.5 42,21.5 61,0 111.5,-20 50.5,-20 85.5,-53.5 35,-33.5 62,-81 27,-47.5 43,-97.5 16,-50 26.5,-108.5 10.5,-58.5 14,-109 Q 1408,184 1408,131 z m -320,893 Q 1088,865 975.5,752.5 863,640 704,640 545,640 432.5,752.5 320,865 320,1024 320,1183 432.5,1295.5 545,1408 704,1408 863,1408 975.5,1295.5 1088,1183 1088,1024 z' fill='%23d50157'/%3E%3C/g%3E%3C/svg%3E");
  } */

  .user-header-container {
    position: absolute !important;
    right: 10px;
    bottom: 25px;
    min-width: 270px;
  }

  .arabic-wrapper .user-header-container {
    left: 10px;
    right: unset;
  }

  .user-header-container,
  header .bottom-header nav ul.user-header-group li {
    padding-left: 20px;
  }

  nav ul.dropdown .user-button-group .dropdown-menu {
    width: auto;
    top: 40px !important;
    right: 0px;
  }

  nav ul.dropdown .user-button-group .dropdown-menu a {
    padding: 1rem 2.8rem;
    font-weight: 600;
    color: #706f6f !important;
    font-size: 1.3rem;
  }

  .ma5menu__container .ask-zaia-mobile-button a {
    background: white;
    color: #222 !important;
    margin: 5px 25px;
    padding: 15px 40px 15px 75px;
    width: auto;
    border-radius: 20px;
  }


  .ma5menu__container .ask-zaia-mobile-button a::before {
    content: " ";
    width: 30px;
    height: 30px;
    left: 48px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg style='fill:none;' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 5L11.5 6V9.53704L7.41379 11L5 12L7.41379 13L11.5 14.0972V17L13 19.5L14.5 17V14.0531L18.0345 13L19 12L18.0345 11L14.5 9.59589V6L13 5Z' fill='%23F4B223'%3E%3C/path%3E%3Cpath d='M5 3V7M3 5H7M6 17V21M4 19H8M13 3L15.2857 9.85714L21 12L15.2857 14.1429L13 21L10.7143 14.1429L5 12L10.7143 9.85714L13 3Z' stroke='%2318181B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
  }

  .single-post h1 {
    background: transparent;
    box-shadow: none;
    color: #b68a35;
    display: block;
  }

  .single-post .content-here {
    max-width: 840px;
    margin: auto;
  }

  .single-post .post-image {
    text-align: center;
    margin: auto;
    margin-bottom: 30px;
  }

  .single-post .post-image img {
    max-width: 600px;
    height: auto;
  }

  .single-post .date-container {
    overflow: hidden;
    text-align: center;
    width: 180px;
    margin: auto;
    margin-bottom: 20px;
  }

  .single-post .news-time::before {
    left: 0px;
  }

  @media only screen and (max-width: 767px){
    #articleSearchForm .search-outer .form-group input.form-control {
        flex: 1 0 75%;
        background: #fff;
        border-radius: 0px;
    }
    #articleSearchForm .select2-container--default .select2-selection--single .select2-selection__rendered {
      border-radius: 0px;
    }
    #articleSearchForm .search-outer .form-group.advance-search-group input.form-control {
        flex: 1 0 55%;
    }
    #articleSearchForm .search-outer .form-group #myModal {
        flex: 0 0 20%;
    }
    #articleSearchForm .search-outer .form-group #myModal .select2-container {
        width: 100% !important;
    }
    #articleSearchForm .search-outer .search-btn{
      position: relative;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 4.15rem !important;
    }
    body.default_wrapper .banner-section .search-outer .search-btn {
        height: 4.15rem !important;
    }
    body.default_wrapper .banner-section .search-outer .search-btn.advanced-search-btn-remove {
        padding: 7px 10px !important;
    }
  }

  @media only screen and (max-width: 767px){ 
    .owl-nav {
      display: none !important;
    }
  }


















  /* CONTRAST VIEW */
  body.contrast-view header .slider:before,
  body.contrast-view header .bottom-header .nav__dropdown, 
  body.contrast-view header .bottom-header, 
  body.arabic-wrapper.contrast-view header .bottom-header nav, 
  body.contrast-view #menu-primary li ul.sub-menu, 
  body.arabic-wrapper.contrast-view nav .navigationbar li ul.sub-menu,
  body.contrast-view #advanced_search,
  body.contrast-view nav .navigationbar li ul.sub-menu, 
  body.contrast-view header .bottom-header nav,
  body.contrast-view #featured_resources,
  body.contrast-view #news-section .news-item,
  body.contrast-view .events-container .events-column,
  body.contrast-view .full-footer {
    background: #202020 !important;
  }

  body.contrast-view #news-section h3,
  body.contrast-view .full-footer h3,
  body.contrast-view .events-container .events-column h3 {
    color: #888 !important;
  }

  body.contrast-view .events-container .events-column {
    border-color: #888 !important;
  }

  body.contrast-view .events-content .events-date::before, 
  body.contrast-view .owl-carousel .owl-item .news-content .news-date::before {
    background-color: #000 !important;
  }

  body.contrast-view .searchbar-tabs a:hover, 
  body.contrast-view .searchbar-tabs a:focus, 
  body.contrast-view .searchbar-tabs a.active,
  body.contrast-view .banner-section .search-outer .form-group {
    background: rgba(0, 0, 0, 0.54);
  }

  body.contrast-view .ma5menu__container .ask-zaia-mobile-button a {
    color: #222 !important;
  }

  body.contrast-view .ma5menu__panel > ul li.ask-zaia-mobile-button a:hover{
    background-color: #888 !important;
  }

  body.contrast-view #formSite .search-outer .form-group input[type="text"].form-control {
    color: #fff;
    border: 1px solid;
  }

  body.contrast-view .card {
    background-color: #202020;
  }






  .faq-categories {
    padding: 20px;
  }

  .faq-categories .faq-category {
    margin-bottom: 36px;
  }
  
  .faq-categories .faq-category h2 {
    padding-bottom: 10px;
  }

  .faq-categories .faq-category .faq-list .faq-item .card-header button{
    background: transparent;
    text-align: left;
    width: 100%;
    font-weight: 600;
  }

  .faq-categories .faq-category .faq-list .faq-item .card-body{
    padding: 2rem 1.25rem;
  }

  body .news-content-p,
  body .events-content-p,
  .card-body p {
    color: #797E86;
    font-size: 1.5rem;
    line-height: 22px;
  }


  body.arabic-wrapper .faq-categories .faq-category .faq-list .faq-item .card-header button{
    text-align: right;
  }







  /* ARABIC WRAPPER */
  .arabic-wrapper header {
    direction: rtl;
  }
  .arabic-wrapper header .switch .text {
    padding-right: 5px;
  }
  .arabic-wrapper .searchbar-tabs {
    text-align: right;
  }
  .arabic-wrapper .searchbar-tabs a {
    margin-right: 0;
    margin-left: 7px;
  }
  body.arabic-wrapper .banner-section .search-outer .form-group {
    border-radius: 15px;
  }
  body.arabic-wrapper .search-outer .search-inner {
    border-radius: 17px 0 17px 17px;
  }
  body.arabic-wrapper .primary-btn:before{
    /* border-radius: 14px 0 0 14px; */
  }
  body.arabic-wrapper .events-content .events-time,
  body.arabic-wrapper .events-content .events-date {
    float: right;
  }
  body.arabic-wrapper .events-content .events-time {
    margin-right: 20px;
  }
  body.arabic-wrapper .full-footer h3,
  body.arabic-wrapper .full-footer ul li {
    text-align: center;
  }

  body.arabic-wrapper .user-header-group #askZaiaButton {
    font-weight: normal;
    font-size: 14px;
    padding: 2px 10px 2px 43px;
  }
  body.arabic-wrapper .user-header-group .button-text::before {
    left: 6px;
  }

  body.arabic-wrapper nav ul.dropdown .user-button-group .dropdown-menu {
    width: auto;
    top: 55px !important;
    left: 15px !important;
    right: auto;
  }