@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* html {
    direction: rtl;
} */
*{-webkit-tap-highlight-color: transparent;}
input[type=text]:focus, input[type=email]:focus{border: none; outline: none !important;}
textarea:focus {
  outline: transparent !important;;
}
body{
  background-color: #fff !important;
  font-family: "Almarai", sans-serif !important;
}
ul{font-family: "Almarai", sans-serif !important;}
header{
  box-shadow: 0 5px 8px rgb(0 0 0 / 2%) !important;
  background: #fff;
  position: relative;
}
header .wp-container-core-columns-layout-2{
  margin: 0 !important;
}
header .has-base-background-color{
 background: #ffffff !important;
}
header .wp-block-site-title{
  color: #070707;
}
#modal-1-content .wp-block-page-list li a{
  color: #070707;
}
.wrap_ul {
  background: #035dcd;
  border-radius: 0 0 15px 0;
  padding: 3px 0;
}
ul.Call_part {
  display: flex;
  justify-content: start;
  padding: 0 0 4px;
}
ul.Call_part li {
  list-style: none;
  margin: 0 14px 0 0;
  color: #ffffff;
}
ul.Call_part li a{
  text-decoration: none;
  color: #fff;
  font-size: 14px;
}
.footer_block {
  padding: 0 !important;
  border-top: 1px solid #eee;
}
.text_block{
  padding: 20px 0 12px !important;
}
.main_postblock{
  position: relative;
}
.main_postblock .is-style-default {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #035dcd;
  color: #fff;
  z-index: 9;
}
.main_postblock .is-style-default a {
  color: #fff;
  font-size: 12px;
  line-height: 25px;
  padding: 0 8px;
}
.main_postblock:nth-child(2n+2) .is-style-default{
  background: #95281C;
}
.main_postblock figure{
  margin: 0;
}
/* .main_postblock{
  width: 300px;
  height: 170px;
  flex-shrink: 0;
  overflow: hidden;
}
.main_postblock img{
  border-radius: 0 !important;
  transition: all .3s linear;
  object-fit: cover;
  display: block; 
  width: 100%;
  height: 100%;
} */
.main_postblock:hover{
  background: rgb(0 0 0 / 26%);
}
h2.post_heading a {
  font-size: 21px;
  color: #444;
  line-height: 1.6em;
}
.post_heading a:hover{
  color: #035dcd;
}
.post_para{
  margin-block-start: 5px;
}
.post_para p {
  color: #666 !important;
  font-size: 13px !important;
  line-height: 21px;
  margin-top: 5px;
  overflow: hidden;
  height: 63px;
  display: block !important;
}
.post_readmore{
  display: inline-block !important;
  position: relative;
  font-size: 14px;
  padding: 0 20px;
  border-radius: 3px;
  margin-top: 11px;
  height: 30px;
  line-height: 30px;
  background: #035dcd;
  color: #fff;
  transition: all 0.2s linear;
}
.post_readmore:hover{
  transform: translateY(-2px );
  box-shadow: 0 16px 18px 0 rgb(137 137 137 / 32%);
}
.post_rightbar{
  background: #fff !important;
  padding: 20px !important;
}
.post_sidebar {
  margin: 6rem 0 !important;
}
.post_sidebar .has-global-padding{
  padding: 0;
}
.post_item{display: flex; gap: 20px;}
.post_item .main_postblock{width: 300px !important;height: 170px;flex-shrink: 0 !important;overflow: hidden;flex-grow: unset !important;flex-basis: unset !important;}
.post_item .wp-block-post-featured-image{width: 100%; height: 170px;flex-shrink: 1 !important;flex-grow: unset !important;flex-basis: unset !important;}
.post_item .wp-block-post-featured-image img{ width: 100%; height: 100%; object-fit: cover;}
.post_item .post_content{width: 100%; flex-shrink: 1;}
.post_item .main_postblock img{ border-radius: 0;}
.post_content  h2{ margin: 0;}
.post_item .post_date{font-size: 12px; color: #666;}
.post_block_right .post_category {padding: 15px 0 10px !important; border-bottom: 1px solid #f7f7f7; position: relative; margin: 0 16px; text-transform: capitalize; color: #34495e; line-height: 31px !important;}
.post_querymain{margin: 0 !important;}
.post_block_right .post_category::after{ background: #035dcd; position: absolute; content: ""; width: 58px; height: 2px; bottom: -1px; right: 0; left: auto; z-index: 1;}
.post_block_right .post_category::before{content: ""; width: 0; height: 0; position: absolute; bottom: -6px; right: 0px; left: auto; border-left: 5px solid transparent; border-right: 0; border-top-color: #ff0000;
  border-top: 6px solid #035dcd;}
.post_sidebar {margin: 0 !important; background: #fff; padding: 20px;}
.post_block_right {background: #fff;}
.open-on-hover-click:hover .wp-block-navigation-submenu__toggle{ transform: rotate(50deg);}
a.wp-block-navigation-item__content {color: #444444; font-size: 15px;}
.open-on-hover-click .wp-block-navigation-submenu__toggle{margin-right: 8px;}
.open-on-hover-click:hover .wp-block-navigation-submenu__toggle {transform: rotate(-178deg); transition: all 0.2s linear;}
.post_block {padding: 0 !important; margin-bottom: 18px; overflow: hidden;}
.post_block .post_title {font-size: 14px; color: #555; text-align: center; margin: 10px 0 0;}
.post_block .post_img img{transition: all 0.3s ease-in-out; border-radius: 0 !important;}
.post_img {overflow: hidden; border-radius: 5px; border: 1px solid #eee; width: 100%; height: 100%;}
.post_block:hover img{transform: scale(1.1);}
.grid_heading{position: relative; border-bottom: 1px solid #dadada;}
.grid_heading::after{background: #035dcd; position: absolute; content: ""; width: 58px; height: 2px; bottom: -1px; right: 0; left: auto; z-index: 1;}
.grid_heading::before{content: ""; width: 0; height: 0; position: absolute; bottom: -6px; right: 0px; left: auto; border-left: 5px solid transparent; border-right: 0; border-top-color: #ff0000;
  border-top: 6px solid #035dcd;}
.grid_heading h3{color: rgb(43, 118, 191); font-size: 1.4em;}
.pdf_view{text-align: center;}
ul.detail_list li {font-size: 14px; line-height: 1.3rem; margin: 0 0 7px;}
.paragraph{font-size: 14px;}
.detail_heading {font-size: 17px;}
footer.wp-block-template-part {border-top: 1px solid #ddd;}
iframe.pdfjs-viewer {max-width: 100% !important; width: 100%;}
.post_detail_feature {display: none;}
.comment_area{display: none;}
.pdf_download{display: flex; justify-content: center;}
.pdf_download a { position: relative; padding: 14px 10px 14px 39px; background: #0e56b1;}
.pdf_download a:after { background: url(https://qalaleum.npmwp.com/wp-content/uploads/2024/03/pdf.png); content: ""; position: absolute; left: 13px; top: 14px; width: 15px; height: 20px;}
.wp-block-navigation-item__content:hover{color: #035dcd !important; text-decoration: none !important; background:  rgb(0 0 0 / 5%) !important;}
.wp-block-navigation__submenu-container{background-color: #fff !important; border-top: 2px solid #035dcd !important; border-left: none !important; box-shadow: 0 0 5px 1px rgb(0 0 0 / 8%) !important; border-radius: 3px !important; transition: all .2s linear !important; border-right: none !important; border-bottom: none !important; transform: translateY(20px);}
.main_menu_top a:hover { background: transparent !important;}
.main_menu a:hover{background: rgb(0 0 0 / 5%) !important;}
.wp-block-navigation-link a:hover {background: rgb(0 0 0 / 5%) !important;}
.wp-block-navigation-submenu:hover ul{transform: translateY(0);}
.wp-block-navigation-item__content{padding: 12px 9px 12px 26px;}
.wp-block-navigation-link .wp-block-navigation-item__content { padding: 12px 12px 12px;}
.wp-block-navigation__submenu-container:after {content: ""; width: 25px; height: 25px; position: absolute; background: #fff; top: -10px; left: 8%; border-radius: 8px; transform: rotate(45deg); box-shadow: 0 0 5px 1px rgb(0 0 0 / 8%); z-index: -1; border: 2px solid #035dcd}
.wp-block-site-title a { color: #cd035e !important;}

.main_menu_top li {
  transform: translateY(0);
  border: none !important;
}
.main_menu{border-right: 2px solid #035dcd !important; border-top: 0 !important; transform: translateY(30px);}
.main_menu:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  background: transparent;
  top: 0;
  left: 0;
  border-radius: 8px;
  transform: rotate(45deg);
  box-shadow: none;
  z-index: -1;
  border: transparent;
}
.main_menu:before {
  content: "" !important;
  width: 26px !important;
  height: 26px !important;
  position: absolute !important;
  background: #fff !important;
  top: 10px;
  right: -10px !important;
  z-index: -1;
  transform: rotate(45deg);
  border: 1px solid var(--Borderes);
  box-shadow: 0 0 5px 1px rgb(0 0 0 / 8%);
  border: 2px solid #035dcd;
  border-radius: 8px;
}
.main_menu_top li:before {
  border: none;
  background: transparent !important;
  box-shadow: none;
}
.post_block.post_feature figure a {
  height: 134px;
  overflow: hidden;
  border: 1px solid #f1f1f1;
  border-radius: 5px;
}
.main_menu_top > button{position: absolute; right: -22px;}
.main_menu > .wp-block-navigation-submenu{left: auto !important; right: 100% !important;}
.main_menu > button{position: absolute; left: 10px !important;}
.main_menu_top > li > button{transform: rotate(180deg) !important;}

.wp-block-template-part{background: #fff;}

/* .headline, .title { position: relative; font-size: 18px; padding: 0 0 10px; border-bottom: 2px solid #f7f7f7; display: flex; margin-bottom: 15px; align-items: center; justify-content: space-between; color: #34495e; } */
.headline:before{ content: ""; width: 0; height: 0; position: absolute; bottom: -6px; border-top: 6px solid #035dcdcf; right: 0; left: auto; border-left: 5px solid transparent; border-right: 0; border-top-color: #035dcdcf; } 
.headline .title { position: relative; float: right; color: #34495e; line-height: 33px; padding-bottom: 0; border-bottom: none; margin: 0; } 
.headline .title:after{ content: ""; background: #035dcdcf; width: 103%; height: 2px; position: absolute; bottom: -12px; background-color: #035dcdcf; right: 0; left: auto; z-index: 1; }
input { font: 400 15px sans-serif; font-optical-sizing: auto; font-style: normal; font-stretch: normal; line-height: initial; } 
footer.wp-block-template-part { border-top: transparent; }
.custom-contact-form > p{margin: 0;}
.custom-contact-form .wpcf7-form-control-wrap{display: inline-flex;width: 100%;}
.custom-contact-form input:focus, .custom-contact-form textarea:focus{border:1px solid #035dcdcf;}
.custom-contact-form input:focus-visible, .custom-contact-form textarea:focus-visible, .custom-contact-form input:focus, .custom-contact-form textarea:focus{outline: #035dcdcf;}
.custom-contact-form form, .custom-contact-form .wpcf7 input[type="url"], .wpcf7 input[type="email"]{direction: rtl !important;}
.custom-contact-form input{margin: 0 auto 10px; border: 1px solid #f7f7f7; width: 100%; border-radius: 3px; padding: 7px 15px; background: transparent;display: block;}
.custom-contact-form input:hover, .custom-contact-form textarea:hover{ border: 1px solid #4b9ce7;}
.custom-contact-form textarea{margin: 0 auto 10px; border: 1px solid #f7f7f7; width: 100%; border-radius: 3px; padding: 10px 15px; background: transparent;}
.btn-action{transition: all 0.3s; display: inline-block !important; position: relative; font-size: 14px; background: #eeeeee !important; color: #34495e; padding: 7px 20px; border-radius: 3px; font-family: sans-serif !important; border: none; cursor: pointer;width: auto !important;float: left;}
.btn-action:hover{color: #fff;background: #035dcd;}

/*---------------------------------- new css start for home page --------------------------------*/
.container{max-width: 1280px; margin: 0 auto;}
.section-main{position: relative;}
.section-main .container{max-width: 1280px; margin: 0 auto;}
.data-block{width: 100%; display: block;}
.data-block ul{margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr))}
.data-block ul li{list-style: none; overflow: hidden; margin-right: 15px; text-align: center;}
.data-block ul li a{text-decoration: none; display: flex; flex-direction: column; align-items: center; padding: 0 14px;}
.data-post-image{border-radius: 8px; overflow: hidden; width: 100%; aspect-ratio: 5/4; border: 1px solid #d7d7d7; box-shadow: 0px 4px 4px rgb(0 0 0 / 14%); position: relative;}
.data-post-image img{height: 100%; width: 100%; object-fit: cover; transition: all 0.3s ease-in-out;}
.data-post-title{font-size: 14px; line-height: 1.4; margin: 12px 0 35px; position: relative; background: linear-gradient(to right, rgb(226 255 255 / 39%), rgb(255 255 255 / 11%)), linear-gradient(to right, rgb(17 148 201 / 79%), rgb(0 49 110 / 89%), rgb(71 168 255)); background-size: 100% 0.1em, 0 0.1em; background-position: 100% 100%, 0 100%; background-repeat: no-repeat; transition: background-size 400ms;}
.data-post-list li a:hover .data-post-title{background-size: 0 0.1em, 100% 0.1em;}
.data-block-title{color: #2b76bf; font-size: 18px; position: relative; border-bottom: 1px solid #dadada; padding: 0 0 10px; text-align: right; font-family: "Almarai", sans-serif !important;}
.data-block-title:before{content: ""; width: 0; height: 0; position: absolute; bottom: -6px; right: 0px; left: auto; border-left: 5px solid transparent; border-right: 0; border-top-color: #ff0000; border-top: 6px solid #035dcd;}
.data-block-title:after{background: #035dcd; position: absolute; content: ""; width: 58px; height: 2px; bottom: -1px; right: 0; left: auto; z-index: 1;}
.data-post-list li a:hover img{transform: scale(1.1);}

/*----------------------- new header css -----------------------*/
header .header-topbar{background: transparent; width: 100%;}
header .topbar-menu-wrap ul li{list-style: none; padding: 4px 0 8px;}
header .topbar-menu-wrap ul li a{color: #fff; font-size: 15px; text-decoration: none; padding: 3px 9px 1px; display: block; transition: all 0.3s ease;}
header .topbar-menu-wrap ul li a:hover{background: #328dfc; border-radius: 3px;}
header .header-bottombar {margin: 14px 0 0;}
header .container{display: flex; align-items: center; justify-content: space-between;}
/* header .logo{transition: all .3s linear; position: absolute; font-size: 1.5rem; top: 24px; right: 20rem} */
.logo a{text-decoration: none; color: #cd035e;}
.navigation{display: flex; justify-content: center; padding: 20px 0;}
.navigation .navigation-menu{padding: 0;list-style: none;margin: 0;display: flex;align-items: center;gap: 10px;}
.navigation .navigation-menu .menu-item{display: inline-flex; position: relative;}
.navigation .navigation-menu .menu-item a{font-size: 14px; text-decoration: none; padding: 0 24px 0 0;}
.navigation .navigation-menu .menu-item:hover{color: #035dcd;}
navigation .navigation-menu .menu-item > .dropdown-menu > .menu-item a:hover{background: #ccc;}
.navigation .navigation-menu .dropdown-toggle{font-size: 12px;text-decoration: none;display: inline-flex;justify-content: center;align-items: center;position: absolute;top: 8px; right: 7px;z-index: 1;}
.navigation .navigation-menu > .menu-item > .dropdown-menu{position: absolute; top: 100%; left: 0; border: 1px solid #ededed; opacity: 0; visibility: hidden; min-width: 180px; background-color: #fff !important; border-top: 2px solid #035dcd !important; border-left: none !important;box-shadow: 0 0 5px 1px rgb(0 0 0 / 8%); border-radius: 3px; transition: all .2s linear; border-right: none; border-bottom: none; transform: translateY(20px); padding: 0;}
.navigation .navigation-menu > .menu-item > .dropdown-menu::after{content: ""; width: 25px; height: 25px; position: absolute; background: #fff; top: -15px; left: 8%; border-radius: 9px 0 0 0; transform: rotate(45deg); border: 2px solid #035dcd; border-bottom: none; border-right: none;}
.navigation .navigation-menu .dropdown-item{font-size: 13px; text-decoration: none;}
.navigation .navigation-menu .menu-item.dropdown:hover > .dropdown-menu{opacity: 1; visibility: visible;}
.menu-item.menu-item-has-children.dropdown:after:hover {transform: rotate(-178deg); transition: all 0.2s linear;}
.menu-item.menu-item-has-children.dropdown:after { position: absolute; right: 3px; content: "\f107"; top: 0; font-family: var(--fa-style-family, "Font Awesome 6 Pro"); font-size: 16px;}
.navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu{position: absolute; top: -1px; border: 1px solid #ededed; opacity: 0; visibility: hidden; min-width: 180px; background-color: #fff !important; border-right: 2px solid #035dcd !important; border-left: none !important;box-shadow: 0 0 5px 1px rgb(0 0 0 / 8%); border-radius: 3px; transition: all .2s linear; border-right: none; border-bottom: none; transform: translateY(0); left: -192px;}
.navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu::before{content: ""; width: 25px; height: 25px; position: absolute; background: #fff; right: -14px; border-radius: 9px 0 0 0; transform: rotate(134deg); border: 2px solid #035dcd; border-bottom: none; border-right: none;}
.navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item:hover > .dropdown-menu{opacity: 1; visibility: visible;}
.menu-item-has-children.dropdown > .dropdown-menu > .menu-item-has-children:after{position: absolute; left: 23px; content: "\f107"; top: 50%; font-family: var(--fa-style-family, "Font Awesome 6 Pro"); font-size: 16px; transform: translateY(-50%);}

/*------------------------ search area css -----------------------*/
.openBtn:hover {background: #bbb;}
.overlay {height: 100%; width: 100%; display: none; position: fixed; z-index: 4; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9)}
.overlay-content {position: relative; top: 46%; width: 80%; text-align: center; margin-top: 30px; margin: auto}
.overlay .closebtn {position: absolute; top: 20px; right: 45px; font-size: 60px; cursor: pointer; color: white}
.overlay .closebtn:hover {color: #ccc;}
.overlay input[type=text] {padding: 15px; font-size: 17px; border: none; float: left; width: 80%; background: white}
.overlay input[type=text]:hover {background: #f1f1f1;}
.overlay button {float: left; width: 20%; padding: 15px; background: #ddd; font-size: 17px; border: none;cursor: pointer}
.overlay button:hover {background: #bbb;}

/*--------------------- new theme header css -----------------------*/
.sub-menu-toggle{display: none;}
.wp-block-query{margin: 0;}
.wp-block-columns{max-width: 100% !important;}
.wp-block-query{max-width: 100% !important;}
.site-info{border: none !important; padding: 0 0 0 0 !important; margin: 0;}
.data-block-header {margin: 0 0 39px;}
.site-info p{text-align: left;}
.overlay-content form{display: flex; width: 64%; margin: 0 auto;}

/*--------------------- Responsive css start -----------------------*/
.breadcrumb{margin: 24px 0 22px;  display: flex;}
.breadcrumb .fbc-page .fbc-wrap .fbc-items{background-color: transparent;}
.custom-breadcrumb{margin: 29px -4px 22px; display: flex; align-items: center;}
.fbc-page .fbc-wrap .fbc-items li{padding: 3px 2px !important;}
.breadcrumb-item.active{font-size: 12px; margin: 0 4px 0 4px;}
.btn-menu-trigger{display: none;}
.file-section .headline{color: #2b76bf; position: relative; border-bottom: 1px solid #dadada; padding: 0 0 10px; text-align: right;}
.file-section .headline h1{font-size: 21px; font-family: "Almarai", sans-serif !important;}
.file-section .headline::after{background: #035dcd; position: absolute; content: ""; width: 58px; height: 2px; bottom: -1px; right: 0; left: auto;z-index: 1;}
.file-section .headline::before{content: ""; width: 0;height: 0; position: absolute; bottom: -6px; right: 0px; left: auto;border-left: 5px solid transparent; border-right: 0; border-top-color: #ff0000; border-top: 6px solid #035dcd;}
.file-container {margin: 27px 0 0;}
.pdfjs-fullscreen{margin: 0 0 20px;}
.pdfjs-fullscreen{text-align: center;}
.file-options{display: flex; justify-content: center;}
.custom-breadcrumb a { font-size: 12px; margin: 0; text-decoration: underline; padding: 0 4px; font-family: "Almarai", sans-serif !important;}
.custom-breadcrumb a:hover{text-decoration: underline; color: #035dcd;}
.file-options {display: flex; justify-content: center; align-items: center; padding: 2px 0; border-radius: 5px; margin: 18px auto 0;}
.file-item .file-pdf{background: #8C0303; width: 44px; text-align: center; border-radius: 50%; height: 44px; padding: 4px 0 0; margin: 0 10px 0; display: block;}
.file-item .file-docx{background: #0078df; width: 44px; text-align: center; border-radius: 50%; height: 44px; padding: 4px 0 0; margin: 0 0 0; display: block;}
i.fa-light.fa-fw.fa-file-pdf {color: #fff; margin: 0 2px;}
i.fa-light.fa-fw.fa-file-word{color: #fff;}
.fbc-page .fbc-wrap .fbc-items li a {color: #28303d !important; font-size: 12px; font-weight: 400; text-decoration: underline; font-family: "Almarai", sans-serif !important;}
.fbc-page .fbc-wrap .fbc-items li a:hover{text-decoration: underline; color: #035dcd;}
i.fa.fa-home {margin-left: 4px;}
.description p{font-size: 14px;}
@media screen and (max-width: 1024px){ 
  .btn-menu-trigger {display: flex; width: 20px; height: 30px; justify-content: center; align-items: center; border-radius: 5px; padding: 15px; background: #035dcd !important; right: 15px; top: 0;}
  .navigation {position: fixed; top: 0; right: 0; width: 300px; height: 100vh; background-color: #fff; z-index: 9; padding: 10px; transform: translateX(116%); transition: all 0.3s ease; padding-top: 71px; box-shadow: 0 2px 6px rgb(0 0 0 / 28%);}
  .navigation .btn-menu-trigger {padding: 10px 16px; border: none; color: #000 !important; background: #ffffff !important; border-radius: 20px 0 0 20px; box-shadow: 0 2px 1px rgb(0 0 0 / 28%); margin-right: 10px; position: absolute; left: -32px; top: 71px; right: auto;}
  .navigation > .navigation-menu{flex-direction: column; align-items: flex-start; gap: 5px;}
  .container {max-width: 100%; margin: 0 auto; padding: 0 15px; position: relative; width: 100%;}
  .data-block ul{grid-template-columns: repeat(3, minmax(0, 1fr));}
  .data-block ul li{margin-right: 10px; margin-left: 15px;}
  .navigation.active{transform: translateX(0);}
  header{padding-bottom: 16px; margin-bottom: 24px;}
  header .logo{top: 0; left: 15px; right: auto;}
  header .header-bottombar {margin: 14px 0 0; padding-bottom: 0;}
  h2#reply-title{font-size: 1em;}
}

/*--------------------------- 18-03-2024 ---------------------------------*/
.badges {position: absolute; top: 16px;left: 8px; width: 100px; height: 32px; line-height: 1; font-size: 12px; color: #fff; text-align: center; z-index: 3; border-radius: 28px 50px 50px 0; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);}
.data-block ul li a{position: relative;}
.badges::after{position: absolute; content: ""; bottom: -22px; left: -6px; width: 14px; height: 24px; border-radius: 20px 0 0 20px;background-color: inherit; box-shadow: inset 0 4px 7px rgb(8 8 8 / 62%);}
.badges::before{position: absolute; content: ""; top: 0; left: -7px; width: 15px; height: 54px; border-radius: 63px 0 0 47px; background-color: inherit;}
.badges span { background: linear-gradient(to right, transparent 20%, rgb(255 255 255 / 50%) 90%); display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; border-radius: 0 50px 50px 0}
ul.dropdown-menu.mega-dropdown-menu.container{display: block; width: 100%;}
.entry-content .privacy-policy {max-width: 1280px !important; width: 100%}
.entry-content .privacy-policy > p{max-width: none;}
@media screen and (max-width: 480px){
  .data-block ul li { margin-right: 0; margin-left: 0;}
  .data-block ul{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .custom-breadcrumb {display: flex; text-align: right; min-height: 46px; overflow: auto; white-space: nowrap; margin: -9px -4px 22px;}
  .fbc-page .fbc-wrap .fbc-items li{font-size: 15px;}
  .menu-item.menu-item-has-children.dropdown:after{display: none;}
  

  .navigation{display: block;}
  .navigation .navigation-menu{display: block;}
  .navigation .navigation-menu .menu-item{flex-wrap: wrap; display: flex; position: relative; justify-content: space-between; align-items: center; padding: 6px 0;}
  .navigation .navigation-menu .menu-item .dropdown-menu{position: relative; width: 100%; opacity: 0; visibility: hidden; top: auto; overflow: hidden; border:none !important; max-height: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.1) !important; transition: all 0.3s ease;}
  .navigation .navigation-menu .menu-item .dropdown-menu.visible{ max-height: 2000px;opacity: 1; visibility: visible; margin: 0 0 20px;}

  .sub-menu-toggle{display: flex;border: 0 !important;outline: 0 !important;justify-content: center;align-items: center;width: 20px;height: 20px;min-height: 0;line-height: 1;padding: 0 0 2px;background-color: transparent !important;}
  .sub-menu-toggle span{ display: block;filter: brightness(0.2);transform: scale(1.2);transform-origin: center;}
  .sub-menu-toggle span+span{ display: none;}
  .sub-menu-toggle.active span{display: none;}
  .sub-menu-toggle.active span+span{display: block;}
  ul.dropdown-menu.mega-dropdown-menu.container.visible{display: block; width: 100%;}
  .navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item{padding: 12px 10px 6px;}
  .navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item:hover > .dropdown-menu {opacity: 1; visibility: visible; position: relative;  padding: 0; box-shadow: none;}
  .navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu > .menu-item{padding: 10px 20px 16px; background: #e5e5e5}
  .pdfjs-fullscreen{left: 21px !important;}
  .navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu{top: 13px; left: 0; border-right: none !important;}
  }

  /*------------------------------- 19-03-2024 -------------------------------*/
  .socila-media-menu-wrap {display: flex; justify-content: space-between; align-items: center;}
  header .topbar-menu-wrap .other-menu {display: flex; margin-left: auto;}
  header .topbar-menu-wrap .social_media {display: flex;margin-right: auto;}
  #scrolltop { display: block; visibility: visible; opacity: 1; transition: visibility 0s, opacity 0.5s ease-in; position:relative; bottom:0; right:auto;}
  .top-button { text-decoration: none; font-size: 21px; font-weight: 700; line-height: 1.5; cursor: pointer; padding: 0; color: #035dcd;}
  #mobile-menu{display: none;}
  .fixed-footer-bottom{position: fixed; left: 0; right: 0; bottom: 0; border-radius: 12px 12px 0 0; background: #fff; color: #fff; padding: 10px 20px; box-shadow: 0 -10px 25px -5px rgb(0 0 0 / 20%); z-index: 9;}
  .footer-list {margin: 0; padding: 0; display: flex; align-items: center; justify-content: space-between;}
  .footer-list li {list-style: none;}
  .site-footer {padding-bottom: 0 !important; border-top: 1px solid #efefef; max-width: 100% !important; margin: 51px 0 0;}
  .footer-list .btn-menu-trigger {position: relative; right: auto; background: transparent !important; color: #035dcd !important;}
  .footer-list .btn-menu-trigger {position: relative; right: auto; background: transparent !important; color: #035dcd !important;}
  .footer-list .fa-search, .fa-home{color: #035dcd;}
  .file-object{position: relative;}
  .pdfjs-fullscreen {position: absolute; top: 6px; left: 21px; width: 20px; height: 20px;}
  .pdfjs-fullscreen a {padding: 0; font-size: 0; background: none; color: #fff; box-shadow: none; position: relative;}
  .pdfjs-fullscreen a::after {position: absolute; width: 20px; height: 20px; font-family: "Font Awesome 6 Pro"; font-size: 15px; content: "\f685";}
  .featured-books .featured-swiper{width: 100%;}
  .featured-books .featured-swiper .swiper-link{height: 80px;}
  .fbc-items li:nth-child(1){display: none !important;}
  .fbc-items li:nth-child(2){display: none !important;}
  .custom-breadcrumb .breadcrumb-item:nth-child(1){display: none !important;}
  .custom-breadcrumb .breadcrumb-separator:nth-child(2){display: none !important;}
  .custom-breadcrumb .breadcrumb-separator{font-size: 12px;}
  .fbc-items .active.post-page span{font-size: 12px !important;}
  .fbc-page .fbc-wrap .fbc-items li .fbc-separator{color: #000 !important; font-size: 12px;}
  .fbc-items .itemListElement a span{font-size: 12px !important;}
  .notice {display: flex; justify-content: space-between; align-items: center; background: #fff; box-shadow: 0 2px 18px -1px rgb(0 0 0 / 12%); padding: 9px 12px; border-radius: 5px; margin: 20px 0 24px;}
  .featured-books {height: 31px; display: flex;}
  .notice span.latest-news {background: #035dcd; color: #fff; font-size: 15px; padding: 6px 20px; border-radius: 5px;}
  @media screen and (max-width: 720px){
    #mobile-menu{display: block;}
    .site-footer{margin: 51px 0 55px}
    header .topbar-menu-wrap{width: 85% !important;}
    header .topbar-menu-wrap .other-menu{padding: 0;}
    header .topbar-menu-wrap ul li a{font-size: 13px;}
    header .topbar-menu-wrap .social_media{padding: 0;}
    .file-object iframe {max-height: 450px !important; width: 100%; border: none;}
    .featured-books { height: 51px; display: flex;}
    .featured-books .featured-swiper .swiper-link{font-size: 13px;}
    .notice-content span.latest-news {font-size: 13px; padding: 6px 4px 6px 7px; width: 112px;}
    header .logo{transform: translate(0px, 0) !important; width: 100%; text-align: left;}
    .openBtn {transform: translate(-1px, -2px); position: relative; z-index: 1; }
    .overlay-content form { display: flex; width: 100%; margin: 0 auto; justify-content: center;}
    .notice{height: 65px; overflow: hidden;}
    .notice-content { width: 65%;}
    .notice span.latest-news{padding: 6px 8px; font-size: 13px;}
    .footer-list .openBtn{background: transparent !important;}
    .data-post-list article{margin-right: 8px;}
    header .container{flex-direction: row-reverse;}
  }


  /*---------------------------- 20-03-2024 -----------------------------*/
  header .topbar-menu-wrap {background: #035dcd; width: 70%; border-radius: 0 0 15px 0; margin: 0 auto 0 0; overflow: hidden; display: flex; justify-content: space-between; align-items: center;}
  header .topbar-menu-wrap .social_media li a{font-size: 0; padding: 3px 9px 3px;}
  header .topbar-menu-wrap ul li a i{font-size: 15px;}
  header .logo {transition: all .3s linear; font-size: 1.5rem; transform: translate(0px, -28px);}
  .form-content input, .form-content textarea {margin: 0 auto 10px !important; border: 1px solid #ebebeb !important; width: 100%; border-radius: 5px !important; padding: 5px 15px 4px !important; background: transparent; text-align: right; font-family: "Almarai", sans-serif !important; font-size: 16px;} 
  .wpcf7-not-valid-tip{font-size: 11px !important; font-weight: bold !important;}
  textarea{max-height: 170px;}
  .form-content .btn-action{color: #000 !important;}
  .form-content .btn-action:hover {background: #035dcd !important; color: #fff !important; outline: none;}
  .wpcf7 form .wpcf7-response-output{font-size: 13px;}
  .site-info{border-top: 1px solid #efefef !important; padding: 14px 0 0 !important; margin: 39px 0 0 !important;}
  .sharer { background: #f9f9f9; border: 1px solid #ddd; overflow: auto; border-radius: 8px; padding: 10px; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .06); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 24px 0 43px;}
  .sharer-title { font-weight: bold;font-size: 14px;}
  .sharer-list { list-style: none; padding: 0; margin: 0; }
  .sharer-list li { display: inline-block; margin-right: 5px; }
  .sharer-list li a {display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #ddd; color: #fff; border-radius: 50%;text-decoration: none; font-size: 16px;}
  .sharer-list .facebook a { background: #3c589a; }
  .sharer-list .twitter a { background: #55acee; }
  .sharer-list .whatsapp a { background: rgb(77, 208, 96); }
  .sharer-list .telegram a { background: #3da5f1; }
  input#wp-comment-cookies-consent {width: 30px !important; height: 30px; text-align: center; padding: 0 0 !important; outline: none;}
  .comment-respond p {margin-bottom: 0 !important;}
  input[type=checkbox]:after{left: 9px !important; top: 6px !important;}
  .form-submit #submit{width: auto !important; outline: none; padding: 7px 18px 7px !important; margin: 9px 0 0 !important; background: #035dcd; font-size: 15px; border-radius: 5px; border: none;}
  .form-submit #submit:hover{color: #fff; border: none;}
  .comment-respond input{margin: 0 auto 10px !important; border: 1px solid #ebebeb !important; width: 100%; border-radius: 5px !important; padding: 5px 15px 4px !important; background: transparent; text-align: right;}
  h2#reply-title { color: #2b76bf; font-size: 1.4em; position: relative; border-bottom: 1px solid #dadada; padding: 0 0 10px; text-align: right;}
  h2#reply-title::before{content: ""; width: 0; height: 0; position: absolute; bottom: -6px; right: 0px; left: auto; border-left: 5px solid transparent; border-right: 0; border-top-color: #ff0000; border-top: 6px solid #035dcd;}
  h2#reply-title::after{background: #035dcd; position: absolute; content: ""; width: 58px; height: 2px; bottom: -1px; right: 0; left: auto; z-index: 1;}
  div#comments {max-width: 100% !important; text-align: right;}
  .comments-area label{font-size: 14px !important; padding-right: 20px !important;}
  .comment-form-url #url{outline: none;}
  .comments-area .comment-form-author {margin-left: 25px; margin-right: 0 !important;}
  .notice-content{width: 89%;}
  .notice marquee{font-size: 14PX; height: 40px;}
  .openBtn {background: #035dcd !important; border: none; padding: 7px 10px; font-size: 15px; cursor: pointer; border-radius: 5px; color: #fff;}
  .page-header{padding: 0 !important;}
  .page-header .page-title { font-size: 26px;}
  .entry-header .entry-title{font-size: 16px;}
  .page-header{border-bottom: 2px solid var(--global--color-border) !important; margin: 27px auto 15px;}
  .header-bottombar{position: relative; z-index: 9;}
  .post-thumbnail-inner{border: 1px solid #ccc; border-radius: 5px; padding: 0 !important; overflow: hidden;}
  .post-thumbnail-inner img{margin-top: 0 !important;}
  #comments h2{color: #2b76bf; font-size: 18px; position: relative; border-bottom: 1px solid #dadada; padding: 0 0 10px; text-align: right;}
  #comments h2::before { content: ""; width: 0; height: 0; position: absolute; bottom: -6px; right: 0px; left: auto; border-left: 5px solid transparent; border-right: 0; border-top-color: #ff0000; border-top: 6px solid #035dcd;}
  #comments h2::after { background: #035dcd; position: absolute; content: ""; width: 58px; height: 2px; bottom: -1px; right: 0; left: auto; z-index: 1;}
  .comment-author.vcard { display: flex; align-items: center; justify-content: start;}
  .comments-area.show-avatars .avatar { border-radius: 50%; position: relative; top: 0; width: 20px;}
  .comment-author .fn{font-size: 19px !important; padding-right: 7px !important; margin-right: 0 !important; font-family: "Almarai", sans-serif !important;}
  em.comment-awaiting-moderation {font-size: 17px;}
  .comment-body > *{margin-bottom: 0;}
  .comments-area.show-avatars .avatar {position: relative !important; top: 0 !important; width: 20px;}
  .comments-area.show-avatars .comment-metadata{font-size: 12px; padding: 8px 0 9px 0 !important; font-family: "Almarai", sans-serif !important;}
  .comment-meta .comment-metadata .edit-link{margin-right: 0 !important;}
  .comments-area.show-avatars .comment-metadata a{text-decoration: none;}
  .comment-content { word-wrap: break-word; margin: 0 0 18px !important; font-size: 14px;}
  .reply a{margin-bottom: 0;}
  .comment-body { background: #f9f9f9; padding: 0 14px 24px; border: 1px solid #efefef; border-radius: 5px;}
  .comment-meta{margin: 10px 0 0 !important;}
  .fbc-page .fbc-wrap .fbc-items li:last-child{padding-right: 0 !important;}
  .description li{font-size: 14px; line-height: 1.4; font-family: "Almarai", sans-serif !important;}
  .description{margin: 0 0 40px;}
  .fbc-page .fbc-wrap .fbc-items{font-family: "Almarai", sans-serif !important;}
  .data-post-list .entry-header{display: block;}

  /*------------------------ desktop view menu ----------------------*/
  .navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu{position: absolute; top: -1px; border: 1px solid #ededed; opacity: 0; visibility: hidden; min-width: 180px; background-color: #fff !important; border-right: 2px solid #035dcd !important; border-left: none !important; box-shadow: 0 0 5px 1px rgb(0 0 0 / 8%); border-radius: 3px; transition: all .2s linear; border-right: none; border-bottom: none; transform: translateY(0); left: -190px;}
  .navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item:hover > .dropdown-menu > .menu-item:hover > .dropdown-menu{opacity: 1; visibility: visible;}
  .navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu{position: absolute; top: -1px; border: 1px solid #ededed; opacity: 0; visibility: hidden; min-width: 180px; background-color: #fff !important; border-right: 2px solid #035dcd !important; border-left: none !important; box-shadow: 0 0 5px 1px rgb(0 0 0 / 8%); border-radius: 3px; transition: all .2s linear; border-right: none; border-bottom: none; transform: translateY(0); left: -189px;}
  .navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item:hover > .dropdown-menu > .menu-item:hover > .dropdown-menu > .menu-item:hover > .dropdown-menu{opacity: 1; visibility: visible;}
  .navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu::before { content: ""; width: 25px; height: 25px; position: absolute; background: #fff; right: -14px; border-radius: 9px 0 0 0; transform: rotate(134deg); border: 2px solid #035dcd; border-bottom: none; border-right: none;}
  .navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu::before { content: ""; width: 25px; height: 25px; position: absolute; background: #fff; right: -14px; border-radius: 9px 0 0 0; transform: rotate(134deg); border: 2px solid #035dcd; border-bottom: none; border-right: none;}
  .navigation .navigation-menu .menu-item .dropdown-menu li {padding: 12px 10px; width: 100%; line-height: 1;}
  .navigation .navigation-menu .menu-item .dropdown-menu{padding: 10px 0;}
  .navigation .navigation-menu .menu-item .dropdown-menu .menu-item:hover{color: #035dcd;}
  button:hover{border: none;}
  button:focus{outline: none !important;}
  .entry-header{display: none;}
  .privacy-policy p, h2, ul{max-width: 100% !important; font-family: "Almarai", sans-serif !important;}
  .yoast-breadcrumbs{max-width: 1280px !important;}
  .entry-content .wp-block-group{max-width: 1280px !important;}
  .entry-content .wp-block-heading{color: #2b76bf; font-size: 18px; position: relative; padding: 0 0 10px; font-family: "Almarai", sans-serif !important;}
  .entry-content .wp-block-group__inner-container{font-size: 14px;}
  .yoast-breadcrumbs{margin: 0 auto 22px; display: flex; align-items: center;}
  .yoast-breadcrumbs span{font-size: 12px; margin: 0 4px 0 0px; font-family: "Almarai", sans-serif !important;}
  .yoast-breadcrumbs span a{font-size: 12px; margin: 0; text-decoration: underline; padding: 0 0; font-family: "Almarai", sans-serif !important; line-height: 1.4;}
  .comment-content p{font-family: "Almarai", sans-serif !important;}
  .reply a{font-family: "Almarai", sans-serif !important;}
  .entry-content p{font-size: 14px !important; font-family: "Almarai", sans-serif !important;}
  .page-header .page-title{font-size: 18px; font-family: "Almarai", sans-serif !important;}
  .search-result-count{font-size: 18px;}

  /*------------------------ tablet menu view -----------------------*/
  @media screen and (max-width: 1024px){
  button.btn-menu-trigger {position: absolute; top: 5px;}
  .data-block ul li { margin-right: 0; margin-left: 0;}
  .data-block ul{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .custom-breadcrumb {display: flex; text-align: right; min-height: 46px; overflow: auto; white-space: nowrap; margin: -9px -4px 22px;}
  .fbc-page .fbc-wrap .fbc-items li{font-size: 15px;}
  .menu-item.menu-item-has-children.dropdown:after{display: none;}
  

  .navigation{display: block;}
  .navigation .navigation-menu{display: block;}
  .navigation .navigation-menu .menu-item{flex-wrap: wrap; display: flex; position: relative; justify-content: space-between; align-items: center; padding: 6px 0;}
  .navigation .navigation-menu .menu-item .dropdown-menu{position: relative; width: 100%; opacity: 0; visibility: hidden; top: auto; overflow: hidden; border:none !important; max-height: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.1) !important; transition: all 0.3s ease;}
  .navigation .navigation-menu .menu-item .dropdown-menu.visible{ max-height: 2000px;opacity: 1; visibility: visible; margin: 0 0 20px;}

  .sub-menu-toggle{display: flex;border: 0 !important;outline: 0 !important;justify-content: center;align-items: center;width: 20px;height: 20px;min-height: 0;line-height: 1;padding: 0 0 2px;background-color: transparent !important;}
  .sub-menu-toggle span{ display: block;filter: brightness(0.2);transform: scale(1.2);transform-origin: center;}
  .sub-menu-toggle span+span{ display: none;}
  .sub-menu-toggle.active span{display: none;}
  .sub-menu-toggle.active span+span{display: block;}
  ul.dropdown-menu.mega-dropdown-menu.container.visible{display: block; width: 100%;}
  .navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item{padding: 12px 10px 6px;}
  .navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item:hover > .dropdown-menu {opacity: 1; visibility: visible; position: relative;  padding: 0; box-shadow: none;}
  .navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu > .menu-item{padding: 10px 20px 16px; background: #e5e5e5}
  .pdfjs-fullscreen{left: 21px !important;}
  .navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu{top: 13px; left: 0; border-right: none !important;}
  .footer-list .btn-menu-trigger{top: 0px; padding: 0;}
  .openBtn{padding: 0;}
  .openBtn.mobile{padding: 7px 10px;}
  .navigation .navigation-menu .menu-item .dropdown-menu{padding: 0;}
  .navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu{position: relative; left: 0; background: transparent !important; border: none !important; box-shadow: none !important;}
  .navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu{position: relative; left: 0; background: transparent !important; border: none !important; box-shadow: none !important; top: 8px;}
  .navigation .navigation-menu .menu-item .dropdown-menu .menu-item .dropdown-menu::before{display: none;}
  header .logo{transform: translate(0px, 0px); width: 100%; text-align: center;}
  .openBtn.mobile{position: absolute; left: 15px;}
  .overlay-content form{width: 100%;}
  .navigation .btn-menu-trigger{display: block; padding: 1px 5px 0 27px;}
  .entry-content {padding: 0 15px;}
}
  

  @media screen and (max-width: 769px){
  button.btn-menu-trigger {position: absolute; top: 0px;}
  .data-block ul li { margin-right: 0; margin-left: 0;}
  .data-block ul{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .custom-breadcrumb {display: flex; text-align: right; min-height: 46px; overflow: auto; white-space: nowrap; margin: -9px -4px 22px;}
  .fbc-page .fbc-wrap .fbc-items li{font-size: 15px;}
  .menu-item.menu-item-has-children.dropdown:after{display: none;}
  

  .navigation{display: block;}
  .navigation .navigation-menu{display: block;}
  .navigation .navigation-menu .menu-item{flex-wrap: wrap; display: flex; position: relative; justify-content: space-between; align-items: center; padding: 6px 0;}
  .navigation .navigation-menu .menu-item .dropdown-menu{position: relative; width: 100%; opacity: 0; visibility: hidden; top: auto; overflow: hidden; border:none !important; max-height: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.1) !important; transition: all 0.3s ease;}
  .navigation .navigation-menu .menu-item .dropdown-menu.visible{ max-height: 2000px;opacity: 1; visibility: visible; margin: 0 0 20px;}

  .sub-menu-toggle{display: flex;border: 0 !important;outline: 0 !important;justify-content: center;align-items: center;width: 20px;height: 20px;min-height: 0;line-height: 1;padding: 0 0 2px;background-color: transparent !important;}
  .sub-menu-toggle span{ display: block;filter: brightness(0.2);transform: scale(1.2);transform-origin: center;}
  .sub-menu-toggle span+span{ display: none;}
  .sub-menu-toggle.active span{display: none;}
  .sub-menu-toggle.active span+span{display: block;}
  ul.dropdown-menu.mega-dropdown-menu.container.visible{display: block; width: 100%;}
  .navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item{padding: 12px 10px 6px;}
  .navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item:hover > .dropdown-menu {opacity: 1; visibility: visible; position: relative;  padding: 0; box-shadow: none;}
  .navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu > .menu-item{padding: 10px 20px 16px; background: #e5e5e5}
  .pdfjs-fullscreen{left: 21px !important;}
  .navigation .navigation-menu > .menu-item > .dropdown-menu > .menu-item > .dropdown-menu{top: 13px; left: 0; border-right: none !important;}
  .notice-content { width: 78%;}
  }

  @media screen and (max-width: 720px){
    .notice-content { width: 65%;}
    .overlay-content{width: 100%;}
    div#comments{margin: 30px 0 0;}
    #comments h2{font-size: 1em;}
    .comments-area.show-avatars .fn{padding-right: 0 !important;}
    .comments-area.show-avatars .comment-metadata{padding: 8px 0 9px 0 !important;}
    .comments-area.show-avatars .comment-metadata .edit-link{margin-right: 0 !important;}
    .comment-form-author{margin-left: 0 !important;}
    .file-object{margin: 0 -15px;}
    .site-footer{margin-top: 0 !important;}
    .comment.odd.alt.depth-2 {padding-right: 30px;}
    .breadcrumb { margin: 24px 0 22px; display: flex; width: 100%; overflow: auto;}
    .fbc-page .fbc-wrap .fbc-items{display: flex; min-height: 38px; white-space: nowrap;}
    .fbc-page .fbc-wrap .fbc-items {padding: 0 2px !important;}
  }