* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
/* query */
body {
  font-family: "thesansb5plain";
  overflow-x: hidden;
}

ul.nav-list li a.active {
  color: #bba367;
}

ul.nav-list li img {
  max-width: 25px;
  margin-top: -4px;
}

ul.nav-list li.active a {
  color: #bba367;
}
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-1630 {
  max-width: 85% !important;
}
header .container {
  max-width: 100% !important;
  padding: 0px 30px;
}
/* .container-1420 {
max-width: 75vw!important;
width: 100%;
margin: 0 auto;
} */

html {
  scroll-behavior: smooth;
}

.inner-page .v-banner::selection {
  background-color: var(--primary);
  color: white;
}

p {
  font-size: 16px;
  line-height: 24px;
}

a {
  color: var(--secondary);
}

.row {
  margin-left: 0;
  margin-right: 0;
}

.padding-0 {
  padding: 0;
}

.flex {
  display: flex;
}

.items-center {
  align-items: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

:root {
  --primary: #bba367;
  --secondary: #231f20;
}

/* .container-1630 {
max-width: 1630px;
width: 100%;
margin: 0 auto;
} */

/* .container-1420 {
max-width: 1420px;
width: 100%;
margin: 0 auto;
} */

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

a:hover,
a:focus,
button:focus,
.form-control:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none;
}

a:focus,
a:active,
a:visited,
a:hover {
  text-decoration: none;
}

input:focus {
  outline: none;
}

button:focus,
select:focus {
  outline: none;
  box-shadow: none;
}

.banner-box img {
  filter: brightness(0) invert(1);
}

/*.research-list.research-list-2 .banner-box {*/
/*    flex: 0 0 12%;*/
/*    margin-right: 30px;*/
/*}*/

.research-list.research-list-2 .banner-box, .research-list:nth-child(2) .banner-box {
  flex: 0 0 16%;
  margin-right: 20px;
}
ul li {
  list-style: none;
}

/* Typography CSS starts here */

@font-face {
  font-family: "philosopherregular";
  src: url("../fonts/philosopherregular.eot");
  src: url("../fonts/philosopherregular.eot") format("embedded-opentype"), url("../fonts/philosopherregular.woff2") format("woff2"), url("../fonts/philosopherregular.woff") format("woff"),
      url("../fonts/philosopherregular.ttf") format("truetype"), url("../fonts/philosopherregular.svg#philosopherregular") format("svg");
}

@font-face {
  font-family: "thesanslight";
  src: url("../fonts/TheSans-B2ExtraLight.woff");
  src: url("../fonts/TheSans-B2ExtraLight.woff") format("embedded-opentype"), url("../fonts/TheSans-B2ExtraLight.woff") format("woff2"), url("../fonts/TheSans-B2ExtraLight.woff") format("woff"),
      url("../fonts/TheSans-B2ExtraLight.woff") format("truetype"), url("../fonts/TheSans-B2ExtraLight.woff") format("svg");
}

@font-face {
  font-family: "thesansb5plain";
  src: url("../fonts/thesansb5plain.eot");
  src: url("../fonts/thesansb5plain.eot") format("embedded-opentype"), url("../fonts/thesansb5plain.woff2") format("woff2"), url("../fonts/thesansb5plain.woff") format("woff"), url("../fonts/thesansb5plain.ttf") format("truetype"),
      url("../fonts/thesansb5plain.svg#thesansb5plain") format("svg");
}

@font-face {
  font-family: "thesansb6semibold";
  src: url("../fonts/thesansb6semibold.eot");
  src: url("../fonts/thesansb6semibold.eot") format("embedded-opentype"), url("../fonts/thesansb6semibold.woff2") format("woff2"), url("../fonts/thesansb6semibold.woff") format("woff"),
      url("../fonts/thesansb6semibold.ttf") format("truetype"), url("../fonts/thesansb6semibold.svg#thesansb6semibold") format("svg");
}
@font-face {
  font-family: "TheSansArabicsemibold";
  src: url("../fonts/Bahij_TheSansArabic-SemiBold.ttf");
}
@font-face {
  font-family: "TheSansArabicBold";
  src: url("../fonts/BahijTheSansArabicBold.ttf");
}
@font-face {
  font-family: "TheSansArabicLight";
  src: url("../fonts/TheSansArabicLight.ttf");
}

/**/
.space-ight {
  text-align: center;
  padding-top: 62px;
  padding-bottom: 20px;
}

.space-ight img {
  width: 80%;
}

/**/

/* Typography CSS ends here */

section.inner-banner.media-corner-banner.all-banner {
  background-image: url(../images/media-corner/mediacorner.png);
  height: 400px;
}

.application-tracking-banner {
  background-image: url(../images/application-tracking-bg.png) !important;
  height: 400px;
}

/* Header */
ul.nav-list li.active a {
  color: #bba367;
}

.top-bar {
  background: var(--primary);
  color: white;
}

.topbar_flex {
  display: flex;
  align-items: center;
  flex-flow: wrap;
  justify-content: end;
  width: 100%;
}

.menu-btn i {
  font-size: 25px;
  -webkit-text-stroke: 0.3px var(--primary);
  cursor: pointer;
}

h2.topbar-head {
  font-size: 16px;
  margin-right: 50px;
}

.logins h2 img {
  max-width: 15px;
  margin-left: 5px;
}

.languages h2 i {
  font-size: 14px;
  margin-left: 5px;
  -webkit-text-stroke: 1px var(--priamry);
}

h2.topbar-head {
  font-size: 16px;
  margin-right: 0px;
  margin-bottom: 0;
}

.arabic-btn {
  text-align: center;
}

.pt-sec2-mainhead.abc-arab h1 {
  padding-top: 100px;
}

.arabic-btn {
  padding-bottom: 50px;
}

.arabic-btn button {
  background: #bba367 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 24px #00000014;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: capitalize;
  font-size: 20px;
  line-height: 54px;
  width: 235px;
  height: 54px;
  border: none;
}

.arabic-btn button:hover {
  background: white;
  color: #bba367;
  border: 1px solid #bba367;
}

.whellchiar img {
  max-width: 20px;
  image-rendering: -webkit-optimize-contrast;
}

.whellchiar {
  margin-right: 50px;
  padding-left: 20px;
}

.top-social {
  margin-right: 15px;
  padding-right: 11px;
  border-right: 0px;
  position: relative;
  border-right: 1px solid white;
}
/* .top-social::after {
border-right: 1px solid white;
content: '';
height: 100%;
right: 0;
position: absolute;
} */

.bk-vst-btn {
  padding-right: 30px;
  margin-right: 20px;
  height: 25.3px;
  display: flex;
  position: relative;
  align-items: center;
  border-right: 1px solid;
}
/* .bk-vst-btn::after {
border-right: 1px solid #fff;
position: absolute;
content: '';
right: 0;
height: 100%;
} */
.bk-vst-btn h2 {
  display: flex;
  align-items: center;
  width: auto;
  white-space: nowrap;
}
.top-social a {
  margin-right: 5px;
}

.top-bar {
  padding: 3px 10px;
}
.searchbar i {
  color: #8c8d8d;
  font-size: 25px;
}

ul.nav-list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  align-items: center;
}

ul.nav-list li a {
  color: var(--secondary);
  font-size: 15px;
  padding: 15px;
  font-family: "thesansb6semibold";
  transition: all 0.3s ease;
  display: inline-block;
}
ul.side-nav-list a {
}

ul.nav-list li a:hover {
  color: var(--primary);
}

.header-row {
  align-items: center;
}

.header {
  padding: 0px 60px;
  box-shadow: 0px 3px 2px #00000029;
}

.searchbar {
  margin-right: 20px;
}

.menu-side-bar {
  display: none;
}

/* sticky  */

.sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: white;
  opacity: 0;
  z-index: -1;
  transition: all 0.3s ease-in-out;
  padding: 0px 10px;
}

/*.sticky-header .log-brand img {*/
/*    max-width: 230px;*/
/*}*/

.top-main {
  transition: all 0.3s ease-in-out;
}

.head-none {
  display: none;
}

.opacity {
  opacity: 1;
  z-index: 9999999999;
}

.sticky-header ul.nav-list {
  justify-content: flex-start;
  gap: 15px;
}

.sticky-header nav.navigations {
  display: flex;
  align-items: center;
  justify-content: center;
}

button.sticky-bar-btn {
  background: #718652;
  color: white;
  border: 1px solid transparent;
  width: 140px;
  height: 50px;
  font-size: 13px;
  transition: all 0.3s ease;
}

button.sticky-bar-btn:hover {
  background: transparent;
  border-color: #718652;
  color: #718652;
}

/* Header */

/*=============== styling start  ===============*/
p.get-park {
  padding-top: 0 !important;

  color: #717171 !important;
}

.homepage {
  position: relative;
}

.text_wrap h6 {
  font-size: 16px;
  font-family: "thesansb6semibold";
  margin: 0 0 12px 10px;
  margin-bottom: 5px;
}
[lang="ar"] .text_wrap h6 {
  font-family: "TheSansArabicsemibold";
}

.count_dw_col {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #98712a12;
  border: 1px solid #bba367;
  border-radius: 10px;
  max-width: 375px;
  padding: 20px 0;
}

ul.count-list {
  display: flex;
  margin: 0;
}

ul.count-list span {
  color: var(--primary);
  font-size: 20px;
  text-align: center;
  line-height: 20px;
}

ul.count-list h3 {
  color: var(--primary);
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 0;
}

ul.count-list li {
  padding: 0 6px;
  border-right: 2px solid #00000029;
  text-align: center;
}

ul.count-list li:last-child {
  border: none;
}

.icon img {
  margin-right: 30px;
}

.banner-subhead h3,
.banner-right-content strong {
  font-size: 25px;
  color: var(--primary);
  margin-top: 40px;
}

.banner-head h1,
.banner-right-content h1 {
  font-family: "Philosopher", sans-serif;
  font-size: 75px;
  line-height: 90px;
  font-weight: 600;
  margin-top: 15px;
}
[lang="ar"] .banner-head h1,
[lang="ar"] .banner-right-content h1 {
  font-family: "TheSansArabicBold" !important;
}

.alery-box {
  display: flex;
  gap: 5px;
  align-items: baseline;
}

.alery-box {
  font-size: 15px;
  line-height: 15px;
  color: var(--primary);
  border: 1px solid var(--primary);
  max-width: 590px;
  padding: 16px;
  margin-top: 30px;
  transition: all 0.3s ease;
  cursor: pointer;
}

.alery-box:hover {
  background: var(--primary);
  color: white;
}

.alery-box i {
  margin-right: 5px;
}
[lang="ar"] .alery-box i {
  margin-right: 0px;
  margin-left: 5px;
}
.banner-right-content {
  padding: 80px 0 0 120px;
}

.research-list:first-child:hover {
  flex: 0 0 100.33%;
}

.research-list:last-child:hover {
  flex: 0 0 100.33%;
}

.research-inner-2 {
  width: 100%;
}

.research-inner-2 {
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
}

.research-list {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  height: 100%;
}

section.section1 {
  height: 42vw;
}

section.section1 > .row {
  height: 100%;
}

.research-list-1 {
  background: linear-gradient(transparent 20%, rgba(0, 0, 0, 0.5)), url(../images/res_img-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}

.research-list-2 {
  background: linear-gradient(transparent 20%, rgba(0, 0, 0, 0.5)), url(../images/center-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
}

.research-list-3 {
  background: linear-gradient(transparent 20%, rgba(0, 0, 0, 0.5)), url(../images/bag-3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.research-list {
  transition: all 0.3s ease;
}

.manners-allow img {
  width: 100%;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 30px;
}

.research-list:hover {
  flex: 0 0 100%;
  max-width: 100%;
  float: left;
}

.slct_option {
  display: none;
  transition: all 0.3s ease;
}

.research-list-img {
  display: flex;
  align-items: flex-end;
  height: 100%;
  padding-bottom: 50px;
}

.research-list-overlay-title a {
  font-size: 40px;
  line-height: 44px;
  color: white;
  font-family: "philosopher", sans-serif;
  transition: all 0.3s ease;
}
[lang="ar"] .research-list-overlay-title a {
  font-family: "TheSansArabicBold" !important;
}

.research-list-overlay p {
  font-size: 14px;
  line-height: 24px;
  color: white;
  margin-top: 10px;
  transition: all 0.3s ease;
}

.research-list-overlay {
  width: 100%;
  padding: 0 30px 0 20px;
}

.research-list-2:hover {
  margin-left: -33.33%;
}

.research-list-3:hover {
  margin-left: -66.66%;
}

.research-list:hover .slct_option {
  display: block;
}

a.discover-link,
.discover-link a {
  font-size: 16px;
  line-height: 18px;
  color:#fff!important;
  letter-spacing: 2px;
}
[lang="ar"] a.discover-link,
[lang="ar"] .discover-link a {
  font-family: "TheSansArabicsemibold";
  display: flex;
  flex-direction: row-reverse;
}
[lang="ar"] .discover-link a .fa-arrow-right:before {
  content: "\f060" !important;
}

a.discover-link i,
.discover-link a i {
  opacity: 0;
  transition: all 0.3s ease;
}

.banner-box {
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 0px 7px;
  text-align: center;
  flex: 0 0 12%;
  margin-right: 50px;
  margin-bottom: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  position: relative;
  z-index: 99999;
}

.banner-hover-list {
  display: flex;
  flex-flow: wrap;
}
[lang="ar"] .banner-hover-list {
  justify-content: flex-end;
}

.banner-box h3 {
  font-size: 13px;
  color: white;
  margin-top: 15px;
  max-width: 90px;
}

.research-list:hover {
  cursor: pointer;
}

.research-list:hover a.discover-link,
.research-list:hover .discover-link a i {
  opacity: 1;
  transform: translateX(22px);
}

[lang="ar"] .research-list:hover a.discover-link,
[lang="ar"] .research-list:hover .discover-link a i {
  transform: translateX(-22px);
}

.bx-visit:before,
.bx-visit:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all ease 0.5s;
  border-radius: 6px;
  z-index: -1;
}

/*.bx-visit:before {*/
/*    background: url(../images/plan-visit.gif) no-repeat;*/
/*    background-size: cover;*/
/*    background-position: center right;*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    z-index: 0;*/
/*    opacity: 0;*/
/*}*/

.plan-visit-bg {
  background: url(../images/plan-your-visit.png) no-repeat;
  background-size: cover;
  background-position: center right;
  border-radius: 10px;
}

/*.bx-visit:after {*/
/*    background: linear-gradient(90deg, #bba367d1, transparent);*/
/*}*/

.bx-visit {
  /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
  box-shadow: 0px 16px 24px #00000014;
  border: 1px solid #98712a2b;
  border-radius: 6px;
  overflow: hidden;
  background: transparent;
}
.plan-visit-bg {
  position: relative;
}
.plan-visit-bg::after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all ease 0.5s;
  border-radius: 6px;
  z-index: 1;
  background: #ff000096;
  background: linear-gradient(to right, rgb(0 0 0 / 68%), rgba(37, 41, 66, 0.01));
  z-index: 1;
}
[lang="ar"] .plan-visit-bg::after {
  background: linear-gradient(to left, rgb(0 0 0 / 68%), rgba(37, 41, 66, 0.01));
}
.overlay-visit {
  z-index: 10;
}

.bx-visit:before {
  opacity: 1;
  display: none;
}

.icon-shape {
  width: 80px !important;
  height: 80px !important;
  background: white;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

h3.sec2-right-head,
.bx-visit h3 {
  font-size: 48px;
  line-height: 44px;
  font-family: "philosopher", sans-serif;
  color: white;
  margin-top: 30px;
}

[lang="ar"] h3.sec2-right-head,
[lang="ar"] .bx-visit h3 {
  font-family: "TheSansArabicsemibold" !important;
}

p.sec2-right-subhead,
.bx-visit p {
  font-size: 22px;
  line-height: 38px;
  letter-spacing: 0.8px;
  max-width: 300px;
  color: white;
  margin-top: 20px;
  margin-bottom: 35px;
}
[lang="ar"] p.sec2-right-subhead,
[lang="ar"] .bx-visit p {
  font-family: "TheSansArabicLight" !important;
}

ul.visit_link a {
  font-size: 27px;
  line-height: 50px;
  color: white;
  font-family: "philosopher", sans-serif;
}
[lang="ar"] ul.visit_link a {
  font-family: "TheSansArabicsemibold" !important;
}

ul.visit_link a i {
  opacity: 0;
  transform: translateX(-30px);
  transition: all 0.3s ease;
  -webkit-text-stroke: #c8bb95 0.5px;
}
[lang="ar"] ul.visit_link a i {
  transform: translateX(30px) !important;
}

[lang="ar"] ul.visit_link a .fa-angle-right:before {
  content: "\f104" !important;
}
ul.visit_link a:hover i {
  opacity: 1;
  transform: translateX(10px);
}
[lang="ar"] ul.visit_link a:hover i {
  transform: translateX(-40px) !important;
}

/* button.white-btn {
width: 200px;
height: 55px;
color: var(--primary);
font-size: 16px;
line-height: 38px;
transition: all .3s ease;
} */

button.white-btn:hover {
  background: var(--primary);
  color: white;
  border-color: white;
}

.bx-visit-changes .icon-shape {
  background: #eee7db;
}

.bx-visit-changes .sec2-right-head {
  color: #bba367;
}

.bx-visit-changes:hover h3,
.bx-visit-changes:hover p,
.bx-visit-changes:hover ul li a {
  color: white;
}

.bx-visit-changes:hover .white-btn {
  background: white;
  border-color: white;
}

.bx-visit-changes .sec2-right-subhead {
  color: #8c8d8d;
}

.bx-visit-changes .white-btn {
  border: 1px solid #bba367;
  background: transparent;
  color: #bba367;
}

.bx-visit-changes .visit_link li a {
  color: #8c8d8d;
}

.overlay-visit {
  padding: 40px;
  position: relative;
}

p.p-edit-guide {
  color: black !important;
  padding-top: 15px;
}

button.white-btn {
  width: 200px;
  height: 55px;
  color: var(--primary);
  font-size: 16px;
  line-height: 38px;
  margin-top: 50px;
  border: 1px solid transparent;
  transition: all 0.3s ease;
}

.overlay-visit {
  padding: 50px 40px;
}
[lang="ar"] .overlay-visit {
  text-align: right;
}
/* .bx-plan {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
} */
.bx_pln_itm {
  flex: 0 0 auto;
  max-width: 100%;
  background: white;
  box-shadow: 0px 16px 24px #00000014;
  border: 1px solid #98712a2b;
  border-radius: 6px;
  padding: 20px 20px 20px 26px;
  transition: all 0.3s ease;
  cursor: pointer;
  height: auto;
  width: 100%;
}

section.sec-archi-1.szmc .pt-sec2-mainhead {
  padding-top: 10px;
}

.bx_pln_itm:hover {
  background: var(--primary);
}

.bx_pln_itm:hover.bx_pln_itm h3,
.bx_pln_itm:hover.bx_pln_itm p {
  color: white;
}

.bx_pln_itm:hover button.s2-btn,
.bx_pln_itm:hover a {
  color: white;
}

.bx_pln_itm:hover button.s2-btn i,
.bx_pln_itm:hover a i {
  opacity: 1;
  transform: translateX(20px);
}

[lang="ar"] .bx_pln_itm:hover button.s2-btn i,
[lang="ar"] .bx_pln_itm:hover a i {
  transform: translateX(-20px);
}
[lang="ar"] .bx_pln_itm:hover button.s2-btn .fa-arrow-right:before,
[lang="ar"] .bx_pln_itm:hover a .fa-arrow-right:before {
  content: "\f060";
}

.bx_pln_itm:first-child,
.bx_pln_itm:nth-child(2) {
  margin-bottom: 40px;
}

.bx-visit {
  height: 700px;
}

.icon-shape-2 {
  background: #eee7db;
  width: 100px !important;
  height: 100px !important;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.bx_pln_itm h3 {
  font-size: 24px;
  line-height: 44px;
  color: var(--primary);
  font-family: "philosopher", sans-serif;
  margin-top: 20px;
  transition: all 0.3s ease;
}
[lang="ar"] .bx_pln_itm {
  text-align: right !important;
}
[lang="ar"] .bx_pln_itm h3,
[lang="ar"] .bx_pln_itm a {
  text-align: right !important;
  font-family: "TheSansArabicsemibold" !important;
}
.bx_pln_itm p {
  font-size: 17px;
  line-height: 24px;
  color: #8c8d8d;
  letter-spacing: -0.58px;
  transition: all 0.3s ease;
}
[lang="ar"] .bx_pln_itm p {
  font-family: "TheSansArabicLight" !important;
}

button.s2-btn,
.bx_pln_itm a {
  font-size: 17px;
  line-height: 19px;
  letter-spacing: 2.26px;
  color: var(--primary);
  background: none;
  border: none;
  margin-top: 10px;
  transition: all 0.3s ease;
}

button.s2-btn i,
.bx_pln_itm a i {
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-text-stroke: 1px var(--primary);
}

.sec-2col {
  padding: 0 0 0 30px;
}

section.section-2 {
  padding: 120px 0;
}

.player-sechead {
  text-align: center;
}

.player-sechead h2 {
  /*font-size: 80px;*/
  /*line-height: 106px;*/
  font-family: "philosopher", sans-serif;
  font-weight: 600;
  max-width: 1082px;
  margin: 0 auto;
  margin-top: 15px;
}

/* Player  */

@keyframes plyr-progress {
  to {
      background-position: 25px 0;
      background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}

@keyframes plyr-popup {
  0% {
      opacity: 0.5;
      transform: translateY(10px);
  }

  to {
      opacity: 1;
      transform: translateY(0);
  }
}

@keyframes plyr-fade-in {
  from {
      opacity: 0;
  }

  to {
      opacity: 1;
  }
}

.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  height: 100%;
  line-height: 1.7;
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
  z-index: 0;
}

.plyr audio,
.plyr iframe,
.plyr video {
  display: block;
  height: 100%;
  width: 100%;
}

.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}

.plyr:focus {
  outline: 0;
}

.plyr--full-ui {
  box-sizing: border-box;
}

.plyr--full-ui *,
.plyr--full-ui ::after,
.plyr--full-ui ::before {
  box-sizing: inherit;
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation;
}

.plyr__badge {
  background: #4a5464;
  background: var(--plyr-badge-background, #4a5464);
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: #fff;
  color: var(--plyr-badge-text-color, #fff);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}

.plyr__captions span:empty {
  display: none;
}

.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(calc(10px * -4));
  transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}

.plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}

.plyr__caption div {
  display: inline;
}

.plyr__control {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  border-radius: var(--plyr-control-radius, 3px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: calc(10px * 0.7);
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  transition: all 0.3s ease;
}

.plyr__control svg {
  display: block;
  fill: currentColor;
  height: 18px;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: 18px;
  width: var(--plyr-control-icon-size, 18px);
}

.plyr__control:focus {
  outline: 0;
}

.plyr__control.plyr__tab-focus {
  outline-color: #bba367;
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #bba367)));
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}

a.plyr__control {
  text-decoration: none;
}

a.plyr__control::after,
a.plyr__control::before {
  display: none;
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed {
  display: none;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}

.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}

.plyr__controls .plyr__controls__item {
  margin-left: calc(10px / 4);
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: calc(10px / 4);
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 calc(10px / 2);
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}

.plyr__controls:empty {
  display: none;
}

.plyr [data-plyr="airplay"],
.plyr [data-plyr="captions"],
.plyr [data-plyr="fullscreen"],
.plyr [data-plyr="pip"] {
  display: none;
}

.plyr--airplay-supported [data-plyr="airplay"],
.plyr--captions-enabled [data-plyr="captions"],
.plyr--fullscreen-enabled [data-plyr="fullscreen"],
.plyr--pip-supported [data-plyr="pip"] {
  display: inline-block;
}

.plyr__menu {
  display: flex;
  position: relative;
}

.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}

.plyr__menu .plyr__control[aria-expanded="true"] svg {
  transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip {
  display: none;
}

.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: rgba(255, 255, 255, 0.9);
  background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  font-size: 15px;
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}

.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.plyr__menu__container::after {
  border: 4px solid transparent;
  border: var(--plyr-menu-arrow-size, 4px) solid transparent;
  border-top-color: rgba(255, 255, 255, 0.9);
  border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
  content: "";
  height: 0;
  position: absolute;
  right: calc(((18px / 2) + calc(10px * 0.7)) - (4px / 2));
  right: calc(((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7)) - (var(--plyr-menu-arrow-size, 4px) / 2));
  top: 100%;
  width: 0;
}

.plyr__menu__container [role="menu"] {
  padding: calc(10px * 0.7);
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container [role="menuitem"],
.plyr__menu__container [role="menuitemradio"] {
  margin-top: 2px;
}

.plyr__menu__container [role="menuitem"]:first-child,
.plyr__menu__container [role="menuitemradio"]:first-child {
  margin-top: 0;
}

.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  display: flex;
  font-size: 13px;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding-bottom: calc(calc(10px * 0.7) / 1.5);
  padding-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5);
  padding-left: calc(calc(10px * 0.7) * 1.5);
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
  padding-right: calc(calc(10px * 0.7) * 1.5);
  padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
  padding-top: calc(calc(10px * 0.7) / 1.5);
  padding-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}

.plyr__menu__container .plyr__control::after {
  border: 4px solid transparent;
  border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
  padding-right: calc(calc(10px * 0.7) * 4);
  padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
}

.plyr__menu__container .plyr__control--forward::after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color, #728197);
  right: calc((calc(10px * 0.7) * 1.5) - 4px);
  right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--forward:hover::after {
  border-left-color: currentColor;
}

.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: calc(10px * 0.7);
  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin-bottom: calc(calc(10px * 0.7) / 2);
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
  padding-left: calc(calc(10px * 0.7) * 4);
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
  position: relative;
  width: calc(100% - (calc(10px * 0.7) * 2));
  width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * 0.7) * 2));
}

.plyr__menu__container .plyr__control--back::after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color, #728197);
  left: calc((calc(10px * 0.7) * 1.5) - 4px);
  left: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--back::before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color, #dcdfe5);
  box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: calc(calc(10px * 0.7) / 2);
  margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--back:hover::after {
  border-right-color: currentColor;
}

.plyr__menu__container .plyr__control[role="menuitemradio"] {
  padding-left: calc(10px * 0.7);
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container .plyr__control[role="menuitemradio"]::after,
.plyr__menu__container .plyr__control[role="menuitemradio"]::before {
  border-radius: 100%;
}

.plyr__menu__container .plyr__control[role="menuitemradio"]::before {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
  transition: all 0.3s ease;
  width: 16px;
}

.plyr__menu__container .plyr__control[role="menuitemradio"]::after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}

.plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before {
  background: #bba367;
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #bba367)));
}

.plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

.plyr__menu__container .plyr__control[role="menuitemradio"].plyr__tab-focus::before,
.plyr__menu__container .plyr__control[role="menuitemradio"]:hover::before {
  background: rgba(35, 40, 47, 0.1);
}

.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: calc((calc(10px * 0.7) - 2) * -1);
  margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2) * -1);
  overflow: hidden;
  padding-left: calc(calc(10px * 0.7) * 3.5);
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5);
  pointer-events: none;
}

.plyr--full-ui input[type="range"] {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: calc(13px * 2);
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: #bba367;
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #bba367)));
  display: block;
  height: calc((3px * 2) + 13px);
  height: calc((var(--plyr-range-thumb-active-shadow-width, 3px) * 2) + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}

.plyr--full-ui input[type="range"]::-webkit-slider-runnable-track {
  background: 0 0;
  border: 0;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
  background-image: linear-gradient(to right, currentColor 0, transparent 0);
  background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
}

.plyr--full-ui input[type="range"]::-webkit-slider-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
  -webkit-appearance: none;
  margin-top: calc(((13px - 5px) / 2) * -1);
  margin-top: calc(((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2) * -1);
}

.plyr--full-ui input[type="range"]::-moz-range-track {
  background: 0 0;
  border: 0;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}

.plyr--full-ui input[type="range"]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type="range"]::-moz-range-progress {
  background: currentColor;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
}

.plyr--full-ui input[type="range"]::-ms-track {
  background: 0 0;
  border: 0;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
  user-select: none;
  color: transparent;
}

.plyr--full-ui input[type="range"]::-ms-fill-upper {
  background: 0 0;
  border: 0;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
  user-select: none;
}

.plyr--full-ui input[type="range"]::-ms-fill-lower {
  background: 0 0;
  border: 0;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
  user-select: none;
  background: currentColor;
}

.plyr--full-ui input[type="range"]::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
}

.plyr--full-ui input[type="range"]::-ms-tooltip {
  display: none;
}

.plyr--full-ui input[type="range"]:focus {
  outline: 0;
}

.plyr--full-ui input[type="range"]::-moz-focus-outer {
  border: 0;
}

.plyr--full-ui input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track {
  outline-color: #bba367;
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #bba367)));
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}

.plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track {
  outline-color: #bba367;
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #bba367)));
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}

.plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track {
  outline-color: #bba367;
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #bba367)));
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}

.plyr__poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__time + .plyr__time::before {
  content: "\2044";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
}

.plyr__tooltip {
  background: rgba(255, 255, 255, 0.9);
  background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  border-radius: 3px;
  border-radius: var(--plyr-tooltip-radius, 3px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: #4a5464;
  color: var(--plyr-tooltip-color, #4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: calc(calc(10px / 2) * 2);
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
  opacity: 0;
  padding: calc(10px / 2) calc(calc(10px / 2) * 1.5);
  padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  white-space: nowrap;
  z-index: 2;
}

.plyr__tooltip::before {
  border-left: 4px solid transparent;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: 4px solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  bottom: calc(4px * -1);
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 0 100%;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
  left: calc((18px / 2) + calc(10px * 0.7));
  left: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7));
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 100% 100%;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
  left: auto;
  right: calc((18px / 2) + calc(10px * 0.7));
  right: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7));
  transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0, 0) scale(1);
}

.plyr__progress {
  left: calc(13px * 0.5);
  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}

.plyr__progress input[type="range"],
.plyr__progress__buffer {
  margin-left: calc(13px * -0.5);
  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-right: calc(13px * -0.5);
  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  width: calc(100% + 13px);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}

.plyr__progress input[type="range"] {
  position: relative;
  z-index: 2;
}

.plyr__progress .plyr__tooltip {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
  left: 0;
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 100px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: calc((5px / 2) * -1);
  margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1);
  padding: 0;
  position: absolute;
  top: 50%;
}

.plyr__progress__buffer::-webkit-progress-bar {
  background: 0 0;
}

.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 40, 47, 0.6) 50%, rgba(35, 40, 47, 0.6) 75%, transparent 75%, transparent);
  background-image: linear-gradient(
      -45deg,
      var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%,
      transparent 25%,
      transparent 50%,
      var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%,
      var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%,
      transparent 75%,
      transparent
  );
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: transparent;
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: rgba(255, 255, 255, 0.25);
  background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr__volume {
  align-items: center;
  display: flex;
  max-width: 110px;
  min-width: 80px;
  position: relative;
  width: 20%;
}

.plyr__volume input[type="range"] {
  margin-left: calc(10px / 2);
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: calc(10px / 2);
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  position: relative;
  z-index: 2;
}

.plyr--is-ios .plyr__volume {
  min-width: 0;
  width: auto;
}

.plyr--audio {
  display: block;
}

.plyr--audio .plyr__controls {
  background: #fff;
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: #4a5464;
  color: var(--plyr-audio-control-color, #4a5464);
  padding-top: 10px;
}

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded="true"] {
  background: #bba367;
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #bba367)));
  color: #fff;
  color: var(--plyr-audio-control-color-hover, #fff);
}

.plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type="range"]::-ms-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)),
      0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)),
      0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)),
      0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--audio .plyr__progress__buffer {
  color: rgba(193, 200, 209, 0.6);
  color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr--video {
  background: #000;
  overflow: hidden;
}

.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background: #000;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  height: 0;
  padding-bottom: 56.25%;
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  left: 0;
  position: absolute;
  top: 0;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}

.plyr--video .plyr__controls {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: calc(10px / 2);
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: calc(10px * 2);
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}

.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded="true"] {
  background: #bba367;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #bba367)));
  color: #fff;
  color: var(--plyr-video-control-color-hover, #fff);
}

.plyr__control--overlaid {
  background: #bba367;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #bba367)));
  border: 0;
  border-radius: 100%;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: calc(10px * 1.5);
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2;
}

.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  opacity: 1;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.25);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}

.plyr--full-ui.plyr--video input[type="range"]::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.25);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}

.plyr--full-ui.plyr--video input[type="range"]::-ms-track {
  background-color: rgba(255, 255, 255, 0.25);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}

.plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)),
      0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}

.plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)),
      0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}

.plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)),
      0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}

.plyr--video .plyr__progress__buffer {
  color: rgba(255, 255, 255, 0.25);
  color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
}

.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-webkit-full-screen video {
  height: 100%;
}

.plyr:-ms-fullscreen video {
  height: 100%;
}

.plyr:fullscreen video {
  height: 100%;
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}

.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}

.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-webkit-full-screen video {
  height: 100%;
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}

.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-moz-full-screen video {
  height: 100%;
}

.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none;
}

.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-ms-fullscreen video {
  height: 100%;
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}

.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000;
}

.plyr--fullscreen-fallback video {
  height: 100%;
}

.plyr--fullscreen-fallback .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}

.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}

.plyr__ads::after {
  background: #23282f;
  border-radius: 2px;
  bottom: 10px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}

.plyr__ads::after:empty {
  display: none;
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin: -var(--plyr-range-track-height, 5px) / 2 0 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  width: 3px;
  z-index: 3;
}

.plyr__preview-thumb {
  background-color: rgba(255, 255, 255, 0.9);
  background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  margin-bottom: calc(calc(10px / 2) * 2);
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
  opacity: 0;
  padding: 3px;
  padding: var(--plyr-tooltip-radius, 3px);
  pointer-events: none;
  position: absolute;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  z-index: 2;
}

.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}

.plyr__preview-thumb::before {
  border-left: 4px solid transparent;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: 4px solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  bottom: calc(4px * -1);
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: calc(3px - 1px);
  border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.plyr__preview-thumb__image-container img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr__preview-thumb__time-container {
  bottom: 6px;
  left: 0;
  position: absolute;
  right: 0;
  white-space: nowrap;
  z-index: 3;
}

.plyr__preview-thumb__time-container span {
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: calc(3px - 1px);
  border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
  color: #fff;
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
  padding: 3px 6px;
}

.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}

.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}

.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--no-transition {
  transition: none !important;
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.plyr [hidden] {
  display: none !important;
}

.plyr__controls__item.plyr__control[data-plyr="play"] {
  background-image: url(../images/play_icon.svg);
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-position: center;
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 50%;
  font-size: 0;
  margin-right: 14px;
}

.plyr__controls__item.plyr__control.plyr__control--pressed {
  background-image: url(../images/play_icon-1.svg) !important;
}

.music-layers {
  background: url(../images/music_layers.svg);
  background-repeat: repeat-x;
  background-size: 210px 50px;
  height: 50px;
  width: 100%;
}

.plyr__control svg {
  opacity: 0;
}

.player-none {
  display: none;
}

.music_player {
  max-width: 750px;
  margin: 0 auto;
  margin-top: 50px;
}

.music_picture {
  flex: 0 0 20%;
  max-width: 20%;
}

#mainwrap {
  flex: 0 0 78%;
  max-width: 78%;
}

.add-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

span#npAction2 {
  font-size: 15px;
  line-height: 28px;
}

h2.qirat {
  font-size: 25px;
  line-height: 28px;
  margin-bottom: 0;
  font-family: "thesansb6semibold";
}
[lang="ar"] h2.qirat {
  font-family: "TheSansArabicsemibold";
  text-align: right;
}

.plyr__controls .plyr__controls__item:first-child {
  display: none;
}

.plyr__volume {
  display: none;
}

.plyr__time--current {
  position: absolute;
  left: 12.5%;
  top: 14%;
  font-family: "thesansb6semibold";
  color: black;
}

.plyr__time--duration {
  position: absolute;
  top: 0;
  right: 0%;
  top: 14%;
  font-family: "thesansb6semibold";
  color: black;
}

.plyr__time + .plyr__time::before {
  display: none;
}

.plyr__progress input[type="range"]:after {
  content: "1x";
  position: absolute;
  bottom: -30px;
  color: black;
  font-weight: 600;
  font-size: 14px;
  font-family: "thesansb5plain";
}

a.plyr__control {
  display: none;
}

.primary-btn {
  width: 207px;
  height: 58px;
  font-size: 14px;
  line-height: 38px;
  border: 1px solid transparent;
  background: var(--primary);
  color: white;
  transition: all 0.3s ease;
}

.primary-btn img {
  margin-right: 15px;
}

.primary-btn a {
  color: white;
}

.action {
  text-align: center;
  margin-top: 50px;
}

.action .primary-btn:first-child {
  margin-right: 20px;
}

.link-share {
  text-align: center;
  padding: 30px 0;
}

.link-share a {
  font-size: 15px;
  line-height: 28px;
  color: black;
  font-family: "thesansb6semibold";
}

.link-share a:nth-child(2) {
  margin: 0 20px;
}

.sec-4bg1 {
  background: linear-gradient(rgb(255 255 255 / 50%), rgba(255, 255, 255, 50%)), url(../images/r-program/hijri-calendar-en.jpg) no-repeat;
  background-position: center;
  background-size: cover;
}

.sec-4bg2 {
  background: linear-gradient(rgb(255 255 255 / 50%), rgba(255, 255, 255, 50%)), url(../images/colthree_img2.jpg) no-repeat;
  background-position: center;
  background-size: cover;
}

.sec-4bg3 {
  background: linear-gradient(rgb(255 255 255 / 50%), rgba(255, 255, 255, 50%)), url(../images/colthree_img3.png) no-repeat;
  background-position: center;
  background-size: cover;
}

/* Player  end*/

.sec4-bg {
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0 0 60px;
}

h1.s4-head,
.trans-flex h3 {
  font-size: 53px;
  line-height: 90px;
  font-family: "philosopher", sans-serif;
  text-align: center;
  font-weight: bold;
}
[lang="ar"] h1.s4-head,
[lang="ar"] .trans-flex h3 {
  font-family: "TheSansArabicBold" !important;
}

button.sec4-btn {
  width: 290px;
  height: 70px;
  border: 2px solid #825d27;
  background: transparent;
  font-size: 16px;
  color: black;
  letter-spacing: 1px;
  margin-top: 20px;
  transition: all 0.3s ease;
}

button.sec4-btn:hover {
  background: var(--primary);
  color: white;
}
button.sec4-btn:hover a {
  color: white;
}

.sec-5top-content {
  text-align: center;
}

section.section-5 {
  padding: 100px 0 50px 0;
  background: #fcfbf8;
}

.sec-5top-content h4 {
  font-size: 50px;
  line-height: 57px;
  color: var(--primary);
  font-weight: 100;
  -webkit-text-stroke: 0.8px #fcfbf8;
  margin-top: 5px;
}

.sec-5top-content {
  text-align: center;
}

.sec-5top-content h4 {
  font-size: 50px;
  line-height: 57px;
  color: var(--primary);
  font-family: "thesanslight";
}

.s5-tab-list {
  border: none;
  margin-top: 30px;
}

.sec-5top-content h2,
.my_sec_7_row1 h2,
.my_sec_8_row1 h2,
.my_sec_9_row1 h2 {
  font-size: 80px;
  line-height: 90px;
  font-family: "philosopher", sans-serif;
  font-weight: 600;
}

.s5-tab-list li a {
  width: auto;
  height: auto;
  border: none !important;
  text-align: center;
  font-size: 18px;
  line-height: inherit;
  color: black;
  padding: 10px 20px !important;
  margin-right: 40px;
  transition: all 0.3s ease;
}

.s5-tab-list li a:hover {
  background: var(--primary);
  color: white;
  border-radius: 0;
}

.s5-tab-list li:last-child a {
  margin: 0;
}

.s5-tab-list li a:hover {
  border: none;
  padding: 0;
}

.s5-tab-list .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  border: none;
  background: var(--primary);
  border-radius: 0;
  color: white;
}

.s5-tab-content {
  margin-top: 30px;
}

.s5_caption_txt {
  width: 437px;
  margin: 0 auto;
  text-align: left;
  height: 169px;
  box-shadow: 0px 3px 6px #00000029;
  padding: 30px;
  position: relative;
  margin-top: -90px;
  background: white;
}

.s5_caption_txt h3 {
  font-size: 18px;
  line-height: 20px;
  color: var(--primary);
  margin-bottom: 5px;
}

.s5_caption_txt h5 {
  font-size: 29px;
  line-height: 44px;
  font-family: "philosopher", sans-serif;
  font-weight: 600;
}

.s5-btn {
  text-align: center;
  margin-top: 60px;
}

.s6-btn {
  text-align: center;
  margin-top: 50px;
}

.s6-btn a {
  padding: 18px 25px;
  border: 1px solid #a3915e;
  font-size: 14px;
  color: #fff;
  transition: all 0.3s ease;
  background: var(--primary);
  float: left;
  width: fit-content;
}

.s6-btn a:hover {
  background: transparent;
  border-color: #a3915e;
  color: var(--primary);
}

.s5-btn a {
  padding: 18px 25px;
  border: 1px solid #a3915e;
  font-size: 14px;
  color: var(--primary);
  transition: all 0.3s ease;
}

.s5-btn a:hover {
  background: var(--primary);
  color: white;
}

.section-6 {
  background: url(../images/s6-bg.png) no-repeat;
  background-position: center;
  background-size: cover;
  padding: 80px 0;
  padding-bottom: 100px;
}

.s6-mainhead {
  margin-top: 10px;
}

.images_wrap {
  text-align: center;
  margin-top: 20px;
}

.full_wd {
  background: url(../images/media1.png) no-repeat;
  background-position: center;
  background-size: cover;
  height: 369px;
  display: flex;
  align-items: flex-end;
}

.caption_txt-full {
  width: 100%;
  background: white;
  height: 142px;
  padding: 50px 80px 50px 30px;
  box-shadow: 0px 3px 6px #00000029;
}

.caption_txt-full a {
  font-size: 30px;
  color: black;
  font-family: "philosopher", sans-serif;
  font-weight: 600;
  transition: all 0.3s ease;
}

.caption_txt-full a:hover {
  color: var(--primary);
}

.caption_txt-full a:hover i {
  transform: translateX(-100px);
}

.caption_txt-full a i {
  font-weight: 600;
  -webkit-text-stroke: 2.5px #fff;
  font-size: 45px;
  line-height: 40px;
  color: #98712a;
  float: right;
  transition: all 0.3s ease;
}

/* My CSS  Starts*/

.my_sec_7_row1 p {
  max-width: 1184px;
  margin: 0 auto;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0.54px;
  line-height: 28px;
  color: #000;
  font-family: "thesansb6semibold";
}

.container-1630.my_sec_7_row1,
.container-1630.my_sec_8_row1,
.container-1630.my_sec_9_row1 {
  display: block;
  text-align: center;
}

section.my_sec_7,
section.my_sec_8,
section.my_sec_9 {
  padding: 80px 0;
}

.container-fluid.my_sec_7_row2 {
  padding: 50px 0;
}

.my_heighlight {
  max-width: 387px;
  width: 387px;
  height: 487px;
  margin: 20px;
  overflow: hidden;
  transition: 0.5s ease all;
  border-radius: 10px;
  box-shadow: 3px 3px 20px #00000029;
  position: relative;
}

.my_heighlight .my_heighlight_img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.my_heighlight_content {
  min-height: 48% !important;
  height: auto !important;
  transition: 0.8s ease all;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px 20px 40px 20px;
  background: transparent linear-gradient(180deg, #98712a91 0%, #98712a 100%) 0% 0% no-repeat padding-box;
}
.my_heighlight_content p {
  overflow: hidden;
  transition: 0.5s ease all;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.58px;
  color: white;
}

/*.my_heighlight_content h3 {*/
/*    font-size: 24px;*/
/*    line-height: 28px;*/
/*    color: white;*/
/*}*/
.my_heighlight_content h3 {
  font-size: 20px;
  line-height: 28px;
  color: white;
}

[lang="ar"] .my_heighlight_content {
  text-align: right !important;
}
[lang="ar"] .my_heighlight_content h3 {
  font-family: "TheSansArabicsemibold";
}

.my_heighlight_readmore {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
[lang="ar"] .my_heighlight_readmore {
  left: auto !important;
  right: 20px !important;
}
.my_heighlight_readmore a {
  font-size: 16px;
  letter-spacing: 2.13px;
  color: white;
}
[lang="ar"] .my_heighlight_readmore a {
  font-family: "TheSansArabicsemibold";
}
.my_heighlight_readmore a i.fas {
  transition: 0.5s ease all;
  transform: scale(0) translateX(5px);
}

.my_heighlight:hover .my_heighlight_content {
  min-height: 100% !important;
  height: 100% !important;
  padding-top: 40px;
  background: #98712a;
}

.my_heighlight:hover .my_heighlight_content p {
  height: 90%;
}

.my_heighlight:hover {
  cursor: pointer;
}

.my_heighlight:hover .my_heighlight_readmore a i.fas {
  transform: scale(1) translateX(15px);
}

.my_heighlight_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 1.2s ease all;
  border-radius: 10px;
  overflow: hidden;
}

.my_heighlight:hover .my_heighlight_img {
  top: 100%;
}

.my_highlights_wrap .slick-arrow {
  background: white;
  z-index: 10;
  top: 100%;
  width: 90px;
  height: 90px;
  margin: 10px;
  border: 2px solid #aaaaaa;
  transform: scale(-1);
}

.my_highlights_wrap button.slick-prev.slick-arrow {
  left: 50%;
}

.my_highlights_wrap button.slick-next.slick-arrow {
  right: 50%;
}

.my_highlights_wrap .slick-arrow:before {
  color: #977029;
  font-size: 46px;
}

.my_grandm_div {
  position: relative;
}

.my_grandm_div img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.my_grandm_div_text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80%;
  background-color: rgb(0 0 0 / 52%);
  padding: 10px 0 10px 20px;
}
[lang="ar"] .my_grandm_div_text {
  left: auto !important;
  right: 0 !important;
  padding: 10px 20px !important;
}
.my_grandm_div_text h5 {
  font-size: 15px;
  text-align: left;
  color: white;
  line-height: 18px;
  letter-spacing: 2px;
}
[lang="ar"] .my_grandm_div_text h5 {
  text-align: right !important;
  font-family: "TheSansArabicLight" !important;
}

.my_grandm_div_text h2 {
  font-size: 30px;
  text-align: left;
  letter-spacing: 1.03px;
  color: white;
  line-height: 1em;
}
[lang="ar"] .my_grandm_div_text h2 {
  font-family: "TheSansArabicsemibold" !important;
  text-align: right !important;
}
.my_sec_8_row1 .row {
  margin-top: 50px;
}

.my_social_row .col-md-3 h2 {
  font-size: 28px;
  line-height: 28px;
  margin-bottom: 40px;
  text-align: left;
  letter-spacing: 1.08px;
}

.my_social_link {
  text-align: left;
  margin-bottom: 20px;
  display: block;
  width: fit-content;
}

.my_social_link a {
  color: black;
  font-size: 20px;
  line-height: 23px;
  display: flex;
  align-items: center;
  transition: 0.5s ease all;
}

.my_social_link a i {
  background-color: #b1935e;
  color: white;
  width: 50px;
  height: 50px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  border-radius: 50%;
  margin-right: 20px;
  flex: 0 0 auto;
}
[lang="ar"] .my_social_link a i {
  margin: 0px 0px 0px 20px !important;
}
.my_social_link a:hover {
  color: #b1935e;
}

a.my_social_a {
  position: relative;
  width: 100%;
  /*height: 500px;*/
  display: block;
}

a.my_social_a img {
  height: 500px;
  width: 100%;
  object-fit: cover;
}

a.my_social_a i {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 28px;
  color: white;
  transition: 0.5s ease all;
}

a.my_social_a:hover i {
  color: black;
}

.my_news_wrap {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}

.my_news_div {
  width: 100%;
  box-shadow: 0px 3px 6px #00000029;
  margin-top: 35px;
  margin-bottom: 0px;
}

.my_news_div.my_news_div_half {
  width: 48%;
}

.my_news_div_img {
  height: 265px;
}

.my_news_div_img img {
  height: 265px;
  width: 100%;
  object-fit: cover;
}

.my_news_div_content {
  position: relative;
  height: 140px;
  background-color: white;
  display: flex;
  align-items: center;
  padding: 0px 20px;
}
[lang="ar"] .my_news_div_content {
  text-align: right;
}

.my_news_div_content a {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2em;
  letter-spacing: 1.08px;
  font-family: "philosopher", sans-serif;
  color: var(--secondary);
  transition: 0.5s ease all; 
}
[lang="ar"] .my_news_div_content a {
  font-family: "TheSansArabicsemibold" !important;
}

.my_news_div_content a i.fa {
  -webkit-text-stroke: #fff 2px;
  margin-left: 5px;
  transition: 0.5s ease all;
  color: #98712a;
}

.my_news_div_content a:hover {
  color: #98712a;
}

.my_news_div_content a:hover i.fa {
  margin-left: 20px;
}

.my_news_repeat {
  display: flex;
  justify-content: space-between;
  margin-bottom: 35px;
  align-items: center;
}

.my_news_repeat_content p {
  font-size: 17px;
  line-height: 28px;
  letter-spacing: 0.54px;
  font-family: "thesansb6semibold";
}

.my_news_repeat_content a {
  font-size: 16px;
  letter-spacing: 2.13px;
  position: relative;
  bottom: 0;
  color: var(--primary);
}

.my_news_repeat_content a:hover {
  text-decoration: underline;
}

.my_news_repeat_content {
  position: relative;
}

.my_news_repeat:last-child {
  margin-bottom: 0;
}

.row.my_sec6_row {
  margin-top: 70px;
}

/* My CSS  Ends*/

.row.footer-row {
  align-items: center;
}

.foot-content h1 {
  font-size: 30px;
  font-family: "philosopher", sans-serif;
  font-weight: bold;
  margin-top: 15px;
}

.foot-content p {
  font-size: 15px;
  line-height: 24px;
  font-family: "thesansb6semibold";
  max-width: 350px;
}

.foot-center h1 {
  font-size: 40px;
  line-height: inherit;
  font-family: "philosopher", sans-serif;
  font-weight: bold;
}

.three-inputs {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.three-inputs > input {
  flex: 0 0 32%;
}

form.foot-form input,
form.foot-form textarea {
  height: 62px;
  border-radius: 0;
  border: 1px solid #55555545;
  font-size: 16px;
  line-height: 38px;
  padding: 0 25px;
}

form.foot-form input::placeholder,
form.foot-form textarea::placeholder {
  font-size: 16px;
  line-height: 38px;
  color: black;
  font-family: "thesansb6semibold";
}

form.foot-form textarea {
  height: 140px;
  margin-top: 30px;
  resize: none;
  padding-top: 10px;
}

.foot-textarea {
  position: relative;
}

.foot-textarea button {
  position: absolute;
  top: 0%;
  bottom: 0%;
  right: 6%;
  border: none;
  background: transparent;
  transform: none;
}
[lang="ar"] .foot-textarea button {
  left: 6%;
  right: auto;
  transform: rotate(180deg);
}
ul.quick-links a {
  color: var(--secondary);
  font-size: 15px;
  line-height: 28px;
  font-family: "thesansb6semibold";
}

ul.quick-links .quick-link-head a {
  font-size: 18px;
  line-height: 29px;
  font-family: "thesansb5plain";
}

footer.main-footer {
  background: url(../images/footbg.png);
  padding-top: 60px;
  position: relative;
}

.footer-main-content {
  border-bottom: 2px solid #00000038;
  padding-bottom: 10px;
}
[lang="ar"] .footer-main-content {
  text-align: right !important;
}
.download-app h2 {
  font-size: 17px;
  line-height: 27px;
  color: var(--primary);
}

.foot-bottom-row {
  justify-content: space-between;
}
[lang="ar"] .foot-bottom-row {
  text-align: right;
}
.foot-right-col {
  text-align: right;
}

.foot-social a {
  background: white;
  width: 40px;
  height: 40px;
  display: inline-block;
  align-items: center;
  border-radius: 50%;
  position: relative;
  margin-right: 10px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b1935e !important;
}
[lang="ar"] .foot-social a {
  margin: 0px 0px 0px 10px !important;
}
.foot-social a:hover {
  color: #fff !important;
}
.foot-social a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  z-index: -1;
  background: var(--primary);
  transition: all 0.3s ease;
  border-radius: 50%;
}

.foot-social a:hover:before {
  width: 100%;
  height: 100%;
}

.foot-social a:hover img {
  filter: brightness(0) invert(1);
}

.foot-social a:last-child {
  margin-right: 0;
}

.foot-social a img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  z-index: 1;
}

.terms-privacy span {
  font-size: 17px;
  line-height: 35px;
  color: var(--secondary);
}

.copyright p {
  font-size: 17px;
  line-height: 27px;
  color: var(--secondary);
}

.footer-bottom {
  padding: 20px 0;
}

.foot-social a:last-child {
  margin-right: 0;
}

.sec-9-head {
  text-align: center;
}

.sec-9-head h2 {
  margin-bottom: 50px;
}

h3.sec-subhead {
  font-size: 50px;
  line-height: 57px;
  color: var(--primary);
  font-family: "thesanslight";
  margin-top: 6px;
}
[lang="ar"] h3.sec-subhead {
  font-family: "TheSansArabicsemibold" !important;
}
.left-position-icons .pos-icon {
  width: 80px;
  height: 80px;
  background: var(--primary);
  margin-bottom: 30px;
  border-radius: 0 20px 20px 0;
  position: relative;
  cursor: pointer;
}
[lang="ar"] .left-position-icons .pos-icon {
  border-radius: 20px 0px 0px 20px !important;
}
.left-position-icons .pos-icon img {
  max-width: 35px;
  height: 35px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.left-position-icons {
  position: fixed;
  top: 61%;
  left: 0;
  z-index: 99;
}
[lang="ar"] .left-position-icons {
  left: auto !important;
  right: 0px !important;
}

.position-right-box {
    position: absolute;
    right: 0;
    top: 2%;
    z-index: 2;
    width: 280px;
    height: auto;
    background: #12121238;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 20px 0 0 20px;
    padding: 20px 40px 20px 40px;
    transition: all 0.3s ease;
}

.position-right-box:hover > i {
  transform: rotate(180deg);
}

.position-right-box > i {
  position: absolute;
  top: 50%;
  left: 3%;
  color: white;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}

h2.right-boxhead {
  color: white;
  font-size: 24px;
  letter-spacing: 1px;
  font-family: "thesanslight";
  text-align: right;
}

h2.right-boxhead i {
  font-size: 19px;
  margin-right: 7px;
}

.flex.prayer-time img {
  height: 60px;
  margin-right: 15px;
}

.flex.prayer-time h2 {
  font-size: 22px;
  color: white;
  font-family: "thesanslight";
  letter-spacing: 1px;
  margin-bottom: 0;
}

ul.right-box-list li {
  display: flex;
  align-items: center;
  font-family: "thesanslight";
  letter-spacing: 0.5px;
  border-bottom: 2px solid #ffffff40;
  padding: 5px 0;
}

ul.right-box-list li img {
  max-width: 40px;
  margin-right: 5px;
}
ul.right-box-list li img {
  margin: 0px 10px 0px 0px !important;
}
[lang="ar"] ul.right-box-list li img {
  margin: 0px 0px 0px 10px !important;
}
ul.right-box-list li h3 {
  font-size: 14px;
  line-height: 12px;
  color: white;
  margin: 0;
}

ul.right-box-list {
  transition: all 0.3s ease;
  height: 0;
  overflow: hidden;
}

.position-right-box:hover ul.right-box-list {
  height: auto;
  margin-top: 15px;
  overflow: visible;
}

.position-right-box:hover {
  transform: translateY(-30%);
}

.banner-box span {
  opacity: 0;
}

/* scroll top  */

a.scroll-top {
  width: 54px;
  height: 54px;
  background: #bba367 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 0px;
  position: absolute;
  bottom: 200px;
  right: 40px;
  transition: all 0.3s ease;
  position: fixed;
  color: #fff !important;
  opacity: 0;
  font-size: inherit;
  border-radius: 10px;
  transform: rotate(90deg);
  z-index: 1050;
}
/* a.scroll-top:hover {
background: #98712A!important;
} */

a.scroll-top-fixed {
  bottom: 40px;
  opacity: 1;
  transform: rotate(0deg);
}
[lang="ar"] a.scroll-top {
  left: 40px;
  right: auto;
}
a.scroll-top:hover {
  background-color: #a3915d;
  border-color: #a3915d;
}

a.scroll-top:hover i,
a.scroll-top:hover span {
  color: white;
}

a.scroll-top i {
  color: #fff;
}

a.scroll-top span {
  color: #fff;
  margin-top: 5px;
  display: none;
}

/* scroll top  */

/* dropdown  */

ul.nav-list li:hover ul.my_dropdown,
ul.side-nav-list li:hover ul.my_dropdown {
  opacity: 1;
  display: block;
  /*transform: translateY(0);*/
}

ul.my_dropdown {
  position: absolute;
  left: -14px;
  top: 40px;
  width: 320px;
  background: white;
  box-shadow: 0px 3px 6px #00000029;
  padding: 25px 15px 15px 15px;
  border-radius: 5px;
  z-index: 999;
  border: 1px solid #bba36780;
  visibility: visible;
  opacity: 1;
  transform: translateY(50px);
  transition: all 0.3s ease;
}

ul.my_dropdown:before {
  content: "";
  position: absolute;
  top: -9px;
  left: 13%;
  background: red;
  width: 17px;
  height: 17px;
  transform: rotate(46deg);
  border-radius: 2px;
  border: 1px solid #bba36780;
  background: white;
  z-index: -1;
}

ul.my_dropdown:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: -1;
  border-radius: 10px;
}

ul.nav-list li {
  position: relative;
}

ul.my_dropdown li {
  padding-bottom: 10px;
}
ul.my_dropdown li a {
}

.abbriviation {
  position: absolute;
  right: -160%;
  top: -60%;
  width: 450px;
  background: white;
  border-radius: 5px;
  padding: 15px;
  box-shadow: 0px 3px 6px #00000029;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.abbriviation:before {
  content: "";
  position: absolute;
  top: 35%;
  left: -9px;
  width: 17px;
  height: 17px;
  transform: rotate(46deg);
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 2px;
  background: white;
  z-index: 0;
}

.abbriviation:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 2;
  border-radius: 10px;
}

.abbriviation p {
  margin: 0;
  letter-spacing: -0.3px;
  position: relative;
  z-index: 3;
}

.abbr-item:hover .abbriviation {
  opacity: 1;
  visibility: visible;
}

/* dropdown  */

/* worhiper page  */

/*section.inner-banner {*/
/*    height: 400px;*/
/*    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../images/worship/ws-banner.png);*/
/*    background-size: cover;*/
/*    background-position: center;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/
section.inner-banner {
  height: 400px;
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../images/worship/worship-img.png);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.inner-banner.reli-banner {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../images/worship/religious-pro-bg.jpg);
  background-position: center;
  background-size: cover;
}

section.inner-banner h1 {
  color: white;
  font-family: "philosopher", sans-serif;
  font-weight: 600;
  font-size: 62px;
  letter-spacing: 1px;
}

.breadcrumbs ul {
  display: block;
  align-items: center;
  margin: 0;
  flex-flow: wrap;
}
.breadcrumbs ul li {
  display: contents;
}

.breadcrumbs ul li a {
  color: var(--primary);
  font-size: 18px;
  line-height: 29px;
  transition: all 0.3s ease;
}
[lang="ar"] .breadcrumbs ul li a {
  font-family: "TheSansArabicLight" !important;
}

.breadcrumbs ul li a i {
  font-size: 12px;
  margin: 0 12px;
}

.breadcrumbs ul li a img {
  margin-right: 10px;
  margin-top: -6px;
}
[lang="ar"] .breadcrumbs ul li a img {
  margin: -6px 0px 0px 10px;
}
.breadcrumbs {
  padding-top: 30px;
}

.breadcrumbs ul li a:hover {
  color: #d0ac3c;
}

/*.ws-card-img img {*/
/*    height: 100%;*/
/*}*/

.ws-card-img img {
  height: 160px;
  object-fit: cover;
  border-radius: 5px 5px 0px 0px;
  width: 100%;
}

.ws-card-bottom {
  background: #f7f7f7;
  height: 100px;
  display: flex;
  align-items: center;
  /* padding: 20px 40px; */
  padding: 20px 15px 20px 40px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s ease;
}

.ws-card-bottom h2 {
  color: #bba367;
  font-size: 25px;
  font-family: "philosopher", sans-serif;
  letter-spacing: 1px;
  font-weight: 600;
}
[lang="ar"] .ws-card-bottom h2 {
  font-family: "TheSansArabicsemibold";
}

.ws-card {
  cursor: pointer;
  margin-bottom: 60px;
}

.ws-card-img {
  position: relative;
}

.ws-card:hover .ws-card-bottom {
  box-shadow: 0px 3px 6px #00000029;
}

/* section.ws-card-sec {
padding: 0px 0px 50px 0px;
} */

.breadcrumbs .container-1630 {
  padding: 0 15px;
}

.inner-page {
  position: relative;
}

.inner-page .position-right-box {
  top: 7%;
  background: #0000002e;
}

/* worhiper page  end*/

/* prayer time  */

.pt-box-wrapper {
  display: flex;
  justify-content: center;
  align-items: inherit!important;
  padding-top: 50px;
  flex-flow: wrap;
}
.pt-box {
  text-align: center;
  min-height: 115px;
  width: 115px;
  border: 2px solid #bba36785;
  border-radius: 20px;
  display: block;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 18px;
  transition: all 0.3s ease;
  cursor: pointer;
  margin: 7px 10px!important;
  height: auto;
}
.pt-box-wrapper a {
  display: flex;
}
[lang="ar"] .pt-box {
  font-family: "TheSansArabicsemibold";
}
.pt-box:hover {
  background: var(--primary);
}

/*.pt-box img {*/
/*    transition: all 0.3s ease;*/
/*    width: 40px;*/
/*}*/
.pt-box img {
  transition: all 0.3s ease;
  width: 35px;
  height: 35px;
}

.pt-box:hover img {
  filter: brightness(0) invert(1);
}

.pt-box:hover h4 {
  color: white;
}

.pt-box h4 {
  color: var(--primary);
  font-size: 14px;
  line-height: 19px;
  margin-top: 12px;
  transition: all 0.3s ease;
  word-break: break-word;
}

.pt-sec2-mainhead {
  text-align: center;
  padding-top: 70px;
  padding-top: 80px;
}

.pt-sec2-mainhead img {
  width: 100px;
  opacity: 0.2;
}

/* .pt-sec2-mainhead h1 {
font-size: 60px;
line-height: 60px;
color: var(--secondary);
font-family: "philosopher", sans-serif;
font-weight: 600;
margin-top: -80px;
position: relative;
z-index: 1;
} */

/* split image */

/* .pt-sec2-mainhead h1 {
font-size: 60px;
line-height: 60px;
color: var(--secondary);
font-family: "philosopher", sans-serif;
font-weight: 600;
margin-top: 0px;
position: relative;
z-index: 1;
margin-left: -65px;
}
.pt-sec2-mainhead {
display: flex;
align-items: center;
justify-content: center;
} */

.pt-location {
  text-align: center;
  padding-top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pt-location i {
  font-size: 36px;
}

.pt-location h2 {
  font-size: 40px;
  line-height: 44px;
  font-family: "thesansb6semibold";
  margin: 0 12px;
  transition: all 0.3s ease;
}
[lang="ar"] .pt-location h2 {
  font-family: 'TheSansArabicsemibold';
}


.pt-location h2:hover {
  color: inherit;
}

.pt-location a:last-child i {
  font-size: 16px;
}

.pt-location a:hover {
  color: var(--secondary);
}

.pt-center-img {
  text-align: center;
  padding-top: 50px;
}

.pt-namaztime-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  flex-flow: wrap;
}

.pt-box-2 {
  text-align: center;
  height: 150px;
  width: 150px;
  border: 1px solid #98712a61;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 10px;
  margin: 0 20px;
  transition: all 0.3s ease;
  cursor: pointer;
}

.pt-box-2 span {
  font-size: 22px;
  line-height: 22px;
  color: var(--secondary);
  font-family: "thesansb6semibold";
  transition: all 0.3s ease;
}
[lang="ar"] .pt-box-2 span {
  font-family: 'TheSansArabicsemibold';
}


.pt-box-2 h4 {
  font-size: 16px;
  line-height: 22px;
  font-family: "thesansb6semibold";
  margin-top: 15px;
  transition: all 0.3s ease;
}

.pt-box-2:hover {
  background: var(--primary);
}

.pt-box-2 img {
  transition: all 0.3s ease;
}

.pt-box-2:hover img {
  filter: brightness(0) invert(1);
}

.pt-box-2:hover h4 {
  color: white;
}

.pt-box-2:hover h4 span {
  color: white;
}

.brow-bg-active {
  background-color: var(--primary);
}

.brow-bg-active h4 {
  color: white;
}

.brow-bg-active h4 span {
  color: white;
}

.brow-bg-active img {
  filter: brightness(0) invert(1);
}

section.pt-sec-2 {
  padding-bottom: 80px;
}

/* prayer time  */

/* friday sermon  */

.fs-content p {
  font-size: 19px;
  line-height: 30px;
  text-align: center;
  max-width: 1202px;
  margin: 0 auto;
  color: #8c8d8d;
  font-family: "thesanslight";
}

.fs-content {
  padding-top: 50px;
}

a.fs-btn {
  width: 265px;
  height: 62px;
  line-height: 62px;
  text-align: center;
  display: block;
  margin: 0 auto;
  background: var(--primary);
  color: white;
  border: 1px solid var(--primary);
  transition: 0.3s ease;
  margin-top: 30px;
  font-size: 16px;
  letter-spacing: 2px;
}

a.fs-btn:hover {
  background: white;
  color: var(--primary);
}

.friday-sermon .position-right-box {
  top: 10%;
}

/* friday sermon  */

/* mosque manner  */

.ms-box {
  height: auto;
  box-shadow: 0px 0px 6px #00000029;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0px;
  width: 100%;
  float: left;
  padding: 25px;
}

.ms-box p {
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  color: #bba367;
  font-family: "thesansb5plain";
  max-width: 1108px;
  letter-spacing: 0.79px;
  margin: 0;
}

.dress-code-box ul li a {
  font-size: 25px;
  line-height: 50px;
  color: #8c8d8d;
  letter-spacing: 0.9px;
}

.dress-code-box ul li {
  list-style: unset;
}

.dress-code-box ul li::marker {
  color: #98712a;
  font-size: 30px;
  line-height: 44px;
}

.dress-code-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 45px;
  flex-flow: wrap;
}

.ms-right {
  direction: rtl;
}

.allowed {
  border: 1px solid #bba367;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.allowed-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 30px;
  border-bottom: 1px solid #bba367;
}

.allowed-top h1 {
  color: #10d858;
  font-family: "philosopher", sans-serif;
  font-weight: 600;
  margin: 0;
}

.manners-box {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 50px 0;
  flex-flow: wrap;
}

.not-allowed {
  margin-top: 50px;
}

.not-allowed .allowed-top h1 {
  color: #d83038;
}

.ms-sec-silence {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-flow: wrap;
  text-align: center;
  padding: 50px 0 80px;
}

.ms-silence-box h2 {
  font-size: 25px;
  line-height: 44px;
  color: #231f20;
  font-family: "thesansb6semibold";
  margin: 10px 0 0 0;
}

.mosque-manners .position-right-box {
  top: 5%;
}

/* mosque manner  */

/* religious program  */

.rp-box p {
  max-width: 100%;
  padding: 0 30px;
}

section.rp-sec-3 {
  background: #fffdf8;
  padding: 70px 0px;
  margin-top: 80px;
}

.rp-heading h1 {
  font-size: 40px;
  line-height: inherit;
  letter-spacing: 2px;
  font-family: "philosopher", sans-serif;
  font-weight: 600;
  position: relative;
  margin-bottom: 20px;
}

.rp-right p {
  font-size: 17px;
  line-height: 30px;
  letter-spacing: 0.72px;
  color: #8c8d8d;
  padding-right: 20px;
}

.rp-right {
  padding: 0 0 0 100px;
}

.rp-heading img {
  position: absolute;
  left: -7%;
  bottom: -36%;
  width: 110px;
  opacity: 0.3;
  z-index: 0;
}

.rp-heading {
  position: relative;
}

.rp-row-2 .rp-right {
  padding: 0 0 0 60px;
}

.rp-right-bottom h3 {
  font-size: 19px;
  line-height: 30px;
  letter-spacing: 0.9px;
  font-family: "thesansb6semibold";
  margin: 0;
}

.rp-right-bottom a {
  font-size: 17px;
  line-height: 24px;
  font-family: "thesansb6semibold";
  display: inline-block;
  letter-spacing: 2.66px;
  color: #bba367;
  margin-left: 5px;
  transition: 0.3s ease;
}

.rp-right-bottom a:hover {
  font-size: 18px;
}

section.rp-sec-4 {
  margin-top: 0px;
}

.rp-sec-center {
  margin-top: 60px;
}

.rp-sec-center .container-1630 {
  background: #fffdf8;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
}

.rp-sec-center .fs-content {
  padding-bottom: 50px;
}

.rp-sec-center .pt-sec2-mainhead {
  padding-top: 50px;
}

section.rp-sec-center {
  padding-bottom: 50px;
}

section.rp-sec-center .fs-content p {
  text-align: left;
}

section.rp-sec-5 {
  padding: 20px 0 60px 0;
}

section.rp-sec-6 {
  background: #fffdf8;
  padding: 70px 0 120px 0;
}

.rp-sec6-row {
  background: white;
  border: 1px solid #bba367;
}

h1.sp-sec6-head {
  font-size: 40px;
  line-height: 44px;
  letter-spacing: 1.44px;
  font-family: "philosopher", sans-serif;
  color: var(--primary);
  font-weight: 600;
  margin-bottom: 30px;
}

.rp-sec6-bg-box p {
  font-size: 17px;
  line-height: 30px;
  letter-spacing: 0.72px;
  color: #8c8d8d;
}

.rp-sec6-bg-box {
  padding: 0 55px;
}

.rp-sec6-row .rp-right-bottom a {
  margin-left: 15px;
}

.rp-sec6-col {
  text-align: right;
}

.rp-sec6-row-2 {
  margin-top: 80px;
}

.religious-program .position-right-box {
  top: 7%;
}

/* religious program  */

/* services  */

.s-right {
  padding: 0 0 50px 150px;
}

.s-right p {
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.72px;
  color: #8c8d8d;
  margin: 0;
  font-family: "thesanslight";
  margin-bottom: 8px;
}

h1.v-center {
  font-size: 40px;
  line-height: 60px;
  font-family: "philosopher", sans-serif;
  font-weight: 600;
  margin-top: 20px;
}

section.s-section {
  margin: 50px 0px 0px 0px;
}

.qoute-box {
  max-width: 665px;
  margin: 0 auto;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 15px;
  padding: 30px 25px 30px 60px;
  position: relative;
  margin-bottom: 100px;
}

.qoute-box p {
  margin: 0;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.72px;
  color: #bba367;
}

span.quote-left {
  position: absolute;
  top: -10%;
  left: 3%;
}

span.quote-left {
  color: #98712a;
  font-size: 28px;
}

span.quote-right {
  position: absolute;
  bottom: -15%;
  right: 4%;
}

span.quote-right {
  color: #98712a;
  font-size: 28px;
}

/* services  */

/* getting mosque  */

.getting-mosque .s-right {
  padding: 0 50px 0 50px;
}

.getting-mosque h1.v-center {
  margin: 0;
  margin-bottom: 10px;
}

.gm-row-1 {
  margin-top: 30px;
}

.gm-row-1 .col-sm-10 {
  padding-left: 20px;
}

.view-route {
  position: absolute;
  width: 90%;
  height: 90%;
  display: flex;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  align-items: center;
  justify-content: center;
  flex-direction: row;
  background: rgb(255 255 255 / 90%);
}

.view-route a:hover {
  color: black;
}

.route-map {
  position: relative;
  width: 100%;
}

.route-map > img {
  width: 100%;
}

.view-route h3 {
  font-size: 30px;
  line-height: 44px;
  letter-spacing: 1px;
  margin: 0;
  margin-left: 20px;
}

.route-map-row {
  margin-top: 70px;
}

.route-map-row {
  margin-top: 70px;
}

.cordinates h1.pt-mainhead {
  font-size: 32px;
  line-height: 44px;
  letter-spacing: 1.44px;
  font-family: "philosopher", sans-serif;
  font-weight: bold;
}

.cordinates span {
  font-size: 20px;
  line-height: 44px;
  letter-spacing: 0.72px;
  font-family: "thesansb6semibold";
}
[lang="ar"] .cordinates span,
[lang="ar"] .cordinates h1.pt-mainhead {
  font-family: 'TheSansArabicBold'!important;
}

.cordinate-content {
  padding-top: 80px;
}

.email-cordinate {
  padding-top: 20px;
}

.email-cordinate form {
  margin-top: 20px;
}

.gps {
  padding-top: 35px;
}

.gps {
  padding-top: 35px;
}

.hz-email-form {
  max-width: 664px;
  position: relative;
}

.hz-email-form input {
  width: 100%;
  height: 65px;
  border: 1px solid #bba367;
  padding: 0 40px;
  font-size: 20px;
  line-height: 44px;
  letter-spacing: 0.72px;
  color: black;
  font-family: "thesanslight";
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.hz-email-form input:focus {
  border-color: var(--primary);
}

.hz-email-form input::placeholder {
  color: black;
}

button.hz-email-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 96px;
  background: var(--primary);
  border: none;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.road-map .pt-sec2-mainhead {
  padding-top: 0px;
}

section.road-map {
  padding-bottom: 80px;
}

.google-map .view-route {
  opacity: 0;
  transition: all 0.8s ease;
}

.google-map:hover .view-route {
  opacity: 1;
}

.getting-mosque .position-right-box {
  top: 5%;
}

/* getting mosque  */

/* e visitor guide  */

a.ev-g-btn {
  width: 284px;
  height: 66px;
  line-height: 66px;
  display: inline-block;
  background: var(--primary);
  color: white;
  font-size: 16px;
  font-family: "thesanslight";
  letter-spacing: 0.58px;
  border-radius: 6px;
  text-align: center;
}

a.ev-g-btn img {
  margin-right: 15px;
}

.evg-content {
  text-align: center;
  margin-top: 0px;
}

/* e visitor guide  */

/* visitor page  */

.inner-page .v-banner {
  background: url(../images/visitor/visit-banner.png);
  position: relative;
  background-position: center;
  background-size: cover;
}

.all-banner {
  position: relative;
}

.all-banner .position-right-box {
  top: 30%;
}

.ws-card-rating {
  position: absolute;
  top: 5%;
  right: 5%;
  display: flex;
  align-items: center;
}

.ws-card-rating img {
  margin-right: 5px;
  max-width: 2vw;
}

.ws-card-rating span {
  font-size: 1.6vw;
  line-height: 30px;
  color: white;
}

.ws-card-detail img {
  max-width: 5vw;
}
.ws-card-detail div {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: 10px;
}
.ws-card-detail {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 20px;
}

button.ws-card-btn, a.ws-card-btn {
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 0.93vw;
  line-height: 2.4vw;
  border-radius: 6px;
  text-align: center;
  font-family: "TheSansArabicLight";
  transition: all 0.3s ease;
  padding: 0px 6px;
}

button.ws-card-btn:last-child,
a.ws-card-btn:last-child {
  background-color: white;
  color: var(--primary);
  margin-right: 8px;
}

button.ws-card-btn:last-child:hover,
a.ws-card-btn:last-child:hover {
  background-color: var(--primary);
  color: white;
}

.ws-card-btn:first-child,
.ws-card-btn:first-child {
  background-color: var(--primary);
  color: white;
}

button.ws-card-btn:first-child:hover,
a.ws-card-btn:first-child:hover {
  background-color: white;
  color: var(--primary);
}

/* visitor page  */

/* visiting hour  */

section.vh2-sec-3 {
  background: #fffdf8;
  padding: 60px 0;
  margin-top: 80px;
}

.vh2-col {
  border: 1px solid #bba367;
  background: white;
  border-radius: 10px;
  padding: 70px 30px 25px 50px;
  flex: 0 0 48%;
}

.mosque-manners-2 .ms-box {
  /* max-width: 1300px; */
  margin: 0 auto;
  margin-top: 0px;
}

h1.table-mainhead {
  font-size: 40px;
  line-height: 50px;
  font-family: "philosopher", sans-serif;
  font-weight: bold;
  letter-spacing: 0.72px;
  color: var(--primary);
  margin-bottom: 30px;
}

.table-head h2 {
  font-size: 25px;
  line-height: 44px;
  letter-spacing: 0.9px;
  color: var(--primary);
  font-family: "thesansb6semibold";
  flex: 0 0 50%;
}

.table-head {
  display: flex;
}

.table-content h3 {
  font-size: 20px;
  line-height: 44px;
  letter-spacing: 0.72px;
  color: #8c8d8d;
  flex: 0 0 50%;
  margin-bottom: 10px;
}

.table-content {
  display: flex;
}

.table-footer h2 {
  font-size: 21px;
  line-height: 42px;
  letter-spacing: 0.79px;
  color: var(--secondary);
  margin-top: 15px;
}

.vh2-big-col {
  border: 1px solid #bba367;
  background: white;
  border-radius: 10px;
  padding: 50px 30px 50px 50px;
  margin-top: 60px;
}

.vh2-big-col h1 {
  font-size: 38px;
  line-height: 44px;
  font-family: "philosopher", sans-serif;
  font-weight: bold;
  letter-spacing: 0.72px;
  color: var(--primary);
  margin-bottom: 30px;
}

.vh2-big-col p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.72px;
  color: #8c8d8d;
  margin-bottom: 0;
}

/* visiting hour  */

/* culture tour  */

.c-t-sec-4 .rp-right-bottom h3 {
  font-size: 20px;
}

.c-t-sec-4 .rp-right-bottom a {
  font-size: 20px;
  margin-left: 15px;
}

.c-t-sec-4 .rp-right-bottom a:hover {
  font-size: 21px;
}

.c-t-sec-4 .rp-right-bottom a i {
  font-size: 12px;
  transform: translate(-15px, -3px);
  opacity: 0;
  transition: 0.3s ease;
}

.c-t-sec-4 .rp-right-bottom a:hover i {
  transform: translate(0px, -3px);
  opacity: 1;
}

.c-t-sec-4 {
  padding-bottom: 70px;
}

/* culture tour  */

/* E guide  */

.e-g-sec .s-right {
  padding: 0 0 50px 70px;
}

/* E guide  */

/* faq  */

.faq-head {
  height: auto;
  background: var(--primary);
  border-radius: 6px 6px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 35px;
  margin-bottom: 10px;
  border: 1px solid var(--primary);
  cursor: pointer;
}

.faq-head.color {
  background: transparent;
  border: 1px solid var(--primary);
}

.faq-head.color h3 {
  color: var(--primary);
}

.faq-card {
  margin-bottom: 30px;
}

.faq-head.color i {
  color: var(--primary);
}

.faq-head h3 {
  font-size: 23px;
  line-height: 44px;
  letter-spacing: 0.9px;
  color: white;
  font-family: "thesanslight";
  margin: 0;
}

.faq-head i {
  color: white;
  font-size: 18px;
}

.faq-content {
  border: 1px solid #bba367;
  height: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.faq-content.show {
  height: auto;
  opacity: 1;
  visibility: visible;
}

.faq-content p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.72px;
  color: #8c8d8d !important;
  margin: 0;
  padding: 40px 35px;
}

div#accordion {
  margin-top: 70px;
}

section.faqs-sec {
  padding-bottom: 50px;
}

/* faq  */

/* official deligates */

section.o-d-banner {
  background: url(../images/official-deligates/off-dele-baner.png);
  position: relative;
  background-size: cover;
}

.od-inner-sec .pt-box h4 {
  font-size: 12px;
}

/* official deligates */

/* e-services */

section.e-services-banner {
  background: url(../images/registration-forms/innerBanner.png) no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

.e-services-page section.inner-banner h1 {
  max-width: 900px;
  text-align: center;
  line-height: 100px;
}

.form-top-tab li {
  list-style: none;
  background: #fafafa;
  box-shadow: 3px 3px 4px #00000026;
  padding: 20px;
  position: relative;
  z-index: 99;
}

.form-top-tab {
  display: flex;
  align-items: center;
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1));
}

.form-top-tab .active-tab,
.form-top-tab .active-tab:after {
  background: white !important;
}

.form-top-tab li a {
  font-size: 30px;
  font-family: "philosopher", sans-serif;
  font-weight: 600;
  color: #98712a;
}

.form-top-tab li:first-child ~ li {
  padding-left: 80px;
}

.form-top-tab li:after {
  content: "";
  position: absolute;
  right: -25%;
  top: 0;
  height: 100%;
  width: auto;
  z-index: 1;
  border-top: 50px solid transparent;
  border-left: 75px solid #fafafa;
  border-right: 50px solid transparent;
  border-bottom: 50px solid transparent;
  filter: drop-shadow(2px 3px 0px rgba(0, 0, 0, 0.09));
}

.form-content-box,
.form-content-box-instruction {
  box-shadow: 3px 5px 10px #00000040;
  border-radius: 0px 0px 6px 6px;
  padding: 70px 80px;
  overflow: initial !important;
  width: 100%;
  float: left;
}

/* tab top  */

#breadcrumbs-one {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  margin-bottom: 3px;
  display: flex;
}

#breadcrumbs-one li {
  -moz-box-shadow: 0 0px 3px rgb(4 4 4 / 14%);
  -webkit-box-shadow: 0 0px 3px rgb(4 4 4 / 14%);
  box-shadow: 0 0px 3px rgb(4 4 4 / 14%);
}

#breadcrumbs-one li:first-child a {
  padding-left: 1em;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}

#breadcrumbs-one a.current {
  background: #fafafa;
}

#breadcrumbs-one .current,
#breadcrumbs-one .current:hover {
  background: #fff;
}

#breadcrumbs-one a {
  padding: 1em 1em 1em 3em;
  display: block;
  text-decoration: none;
  font-size: 24px;
  color: #98712a;
  position: relative;
  text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
  background-color: #f9f9f8;
}

#breadcrumbs-one a.current::before {
  content: "";
  position: absolute;
  top: 41%;
  border-left-color: #fafafa;
  right: -2.1em;
  z-index: 1;
}

#breadcrumbs-one .current::after,
#breadcrumbs-one .current::before {
  content: normal;
}

#breadcrumbs-one a::before {
  border-left-color: #fafafa;
  right: -2.1em;
  z-index: 1;
}

#breadcrumbs-one a::after,
#breadcrumbs-one a::before {
  content: "";
  position: absolute;
  top: 41%;
  margin-top: -1.5em;
  border-top: 1.8em solid transparent;
  border-bottom: 1.8em solid transparent;
  border-left: 2em solid;
  right: -2em;
}

#breadcrumbs-one a.current::after {
  content: "";
  position: absolute;
  top: 41%;
  margin-top: -1.8em;
  border-top: 1.8em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 2em solid;
  border-left-color: #fafafa;
}

#breadcrumbs-one .current,
#breadcrumbs-one .current:hover {
  background: #fff;
}

/* tab top  */

.g-a-form-content .g-a-formhead {
  font-size: 25px;
  line-height: 44px;
  letter-spacing: 0.9px;
  color: #98712a;
  padding: 20px 0;
  font-family: "Philosopher";
  font-weight: 600;
}

.g-a-formfields {
  display: flex;
  justify-content: inherit !important;
  padding: 0 40px;
  padding-bottom: 30px;
}

.g-a-formfields .g-a-1 {
  flex: 0 0 44%;
}

.g-a-1 label {
  font-size: 25px;
  line-height: 44px;
  letter-spacing: 0.9px;
}

.g-a-1 label span {
  color: red;
}

.g-a-1 input,
.g-a-1 select {
  font-size: 20px;
  line-height: 25px;
  height: 65px;
  border: 1px solid #bba367;
  border-radius: 6px;
  color: #8c8d8d;
  padding: 0 30px;
}

.tab-pane-3 input,
.tab-pane-3 select {
  width: 300px;
}

.g-a-1 input:focus,
.g-a-1 select:focus {
  border: 1px solid #bba367;
  box-shadow: none;
}

.g-a-1 select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url(../images/registration-forms/5.svg);
  background-repeat: no-repeat;
  background-position-x: 96%;
  background-position-y: 50%;
}

.g-a-1 .form-group {
  margin-bottom: 30px;
}

.form-bottom-tab {
  text-align: right;
}

.g-a-btn {
  width: auto;
  height: 50px !important;
  line-height: initial !important;
  /* display: inline-block!important; */
  text-align: center;
  background: var(--primary);
  color: white;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 20px;
  letter-spacing: 0.72px;
  transition: all 0.3s ease;
  padding: 6px 30px;
  font-size: 16px;
  display: flex;
  align-items: center;
}

.g-a-btn:hover {
  background: white;
  border-color: var(--primary);
  color: var(--primary);
}

.g-a-btn:first-child {
  background: white;
  border-color: var(--primary);
  color: var(--primary);
  margin-right: 20px;
}

.g-a-btn:first-child:hover {
  background: var(--primary);
  color: white;
  border: 1px solid transparent;
}

.g-a-btn:first-child:hover img {
  filter: brightness(0) invert(1);
}

.g-a-btn img {
  margin-right: 10px;
  transition: all 0.3s ease;
  width: 22px;
}
[lang="ar"] .g-a-btn img {
  margin-right: 0px;
  margin-left: 10px;
}
.g-a-btn i {
  font-size: 12px;
  transform: translateY(-2px);
  margin-left: 5px;
}

section.g-a-registration {
  padding: 0px 0 90px 0;
}

.e-services-page .breadcrumbs .container-1630 {
  padding: 0;
}

.btn_upload {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  color: #231f20;
  background-color: #eff0f0;
  border: 1px solid #eff0f0;
  padding: 5px 20px;
  height: 100%;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  display: flex;
  align-items: center;
}

.my-tab-2 .g-a-1 label {
  font-size: 23px;
  margin-bottom: 15px;
}

.Enty_doc_list ul {
  display: flex;
}

.Enty_doc_list ul li {
  display: inline-block;
  color: #231f20;
  font-size: 16px;
  background: #fff;
  border: solid #666 1px;
  height: 50px;
  border: solid #bba367 1px;
  display: flex;
  align-items: center;
}

.Enty_doc_list ul li:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-right: none;
  padding: 0;
}

.Enty_doc_list .btn_upload {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  color: #231f20;
  background-color: #eff0f0;
  border: 0px;
  padding: 5px 20px;
  height: 100%;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  display: flex;
  align-items: center;
  background-color: #bba367;
  color: #fff;
}

.Enty_doc_list .btn_upload input {
  cursor: pointer;
  height: 100%;
  position: absolute;
  opacity: 0;
}

.Enty_doc_list ul li a {
  padding: 0 20px;
  height: 100%;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}

.Enty_doc_list ul li a:hover {
  color: var(--primary);
}

.Enty_doc_list ul li:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-left: none;
}

p.terms-condition {
  font-size: 23px;
  line-height: 32px;
}

.my-tab-2 .g-a-btn:nth-child(2) {
  background: white;
  border-color: var(--primary);
  color: var(--primary);
  margin-right: 20px;
}

.my-tab-2 .g-a-btn:nth-child(2):hover {
  background: var(--primary);
  border-color: var(--primary);
  color: white;
}

.g-a-row {
  padding-left: 60px;
}

.step-form-tabs {
  background: #fff;
  margin-left: -7px;
  border: none;
  margin-bottom: -7px;
}

/* .step-form-tabs li {
} */

.step-form-tabs li a {
  background: url(../images/registration-forms/normal.png) 0 -2px / 100% 100% no-repeat !important;
  color: var(--primary) !important;
  /* height: 85px; */
  width: 500px;
  image-rendering: -webkit-optimize-contrast;
  display: flex;
  align-items: center;
  padding: 40px 40px;
  position: relative;
}

.step-form-tabs .nav-link:focus,
.step-form-tabs .nav-link:hover {
  border: 0 !important;
  box-shadow: none !important;
}

.step-form-tabs .nav-link,
.step-form-tabs .nav-link.active {
  border: 0 !important;
  box-shadow: none !important;
}

.step-form-tabs li ~ li a {
  justify-content: center;
  padding: 40px 0;
  margin: 0 0 0 -90px;
}

.step-form-tabs li a.active {
  background: url(../images/registration-forms/active.png) 0 0 / 100% 100% no-repeat !important;
}

.step-form-tabs li:nth-child(1) a {
  position: relative;
  z-index: 3;
}

.step-form-tabs li ~ li a {
  position: relative;
  z-index: 2;
}

.step-form-tabs li ~ li ~ li a {
  z-index: 1;
}

.step-form-tabs a.nav-link {
  font-size: 22px;
  font-family: "philosopher", sans-serif;
  color: #98712a !important;
  font-weight: bold;
}

.l-e-d {
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
}

.l-e-d input {
  margin-right: 15px;
}

.l-e-d input[type="date"]::-webkit-calendar-picker-indicator {
  width: 100px;
  font-size: 50px;
  padding: 0px;
  margin: 0px;
  margin-top: 10px;
  position: absolute;
  right: 10px;
  opacity: 1;
  z-index: 99999999999999999999999999;
  opacity: 0;
}

.custom-check p {
  margin-left: 10px;
}

.custom-check {
  position: relative;
}

.custom-check input[type="checkbox"] + p::before {
  background: url(../images/registration-forms/6.svg) no-repeat center center #f68b1f !important;
  content: "";
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: inline-block;
  position: absolute;
  left: -28px;
}

.custom-check input[type="checkbox"]:checked + p::before {
  background: url(../images/registration-forms/7.svg) no-repeat center center #f68b1f !important;
  border-color: #000000 !important;
  right: 29px !important;
}

.custom-check input[type="checkbox"],
input[type="radio"] {
  position: absolute;
  left: 0;
  z-index: 888;
  top: 7%;
  opacity: 0;
  right: 0px !important;
}

/* e-services */

/* tour operator  */

section.t-o-banner {
  background: url(../images/tour-operators/t-o-banner-img.png);
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}

/* tour operator  */

/* library */

section.l-banner {
  background: url(../images/library/1.png);
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

section.resources {
  padding-top: 70px;
}

.l-sec-1 .s-right {
  padding: 0 80px;
}

a.l-btn {
  width: auto;
  padding: 10px 20px;
  /* height: 62px; */
  display: inline-block;
  text-align: center;
  /* line-height: 62px; */
  font-size: 16px;
  letter-spacing: 0.72px;
  transition: 0.3s ease-in-out;
}

.l-sec-1 a.l-btn {
  color: var(--primary);
  border: 1px solid var(--primary);
  margin-top: 30px;
}

.l-sec-1 a.l-btn:hover {
  background: var(--primary);
  color: white;
}

h1.l-mainhead {
  font-size: 60px;
  line-height: 44px;
  text-align: center;
  font-family: "philosopher", sans-serif;
  font-weight: bold;
  margin-bottom: 50px;
  letter-spacing: 2.16px;
}

.res-bg-main {
  background-image: url(../images/library/3.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: white;
  padding: 70px 0 40px 0;
}

h2.l-head {
  font-size: 30px;
  line-height: 44px;
  letter-spacing: 1.08px;
  font-family: "thesansb6semibold";
  text-align: center;
}

p.res-text {
  font-size: 20px;
  line-height: 44px;
  letter-spacing: 0.72px;
  padding-right: 12px;
}

section.resources .l-btn {
  background: white;
  color: var(--primary);
  margin-top: 10px;
}

section.resources .l-btn:hover {
  background: var(--primary);
  color: white;
}

.pub-main {
  border: 1px solid var(--primary);
  border-radius: 6px 6px 0 0;
  position: relative;
}

.pub-top {
  background: var(--primary);
  padding: 20px 0;
  border-radius: 6px 6px 0 0;
}

.pub-top h1 {
  margin: 0;
  text-align: center;
  font-family: "philosopher", sans-serif;
  color: white;
  font-weight: bold;
  font-size: 60px;
  line-height: 44px;
  letter-spacing: 2.16px;
}

.pub-box {
  text-align: center;
  padding: 0 20px;
}

.pub-box img {
  margin: 0 auto;
}

.pub-inner {
  padding: 90px 30px 50px 30px;
}

.pub-box h2 {
  font-size: 20px;
  line-height: 44px;
  letter-spacing: 0.72px;
  margin-top: 15px;
  font-family: "thesansb6semibold";
}

.pub-arrow .slick-arrow i {
  background: var(--primary);
  color: white;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  font-size: 19px;
  border: 1px solid transparent;
  -webkit-text-stroke: 2px #fff;
  transition: 0.3s ease-in-out;
}

.pub-arrow .slick-arrow i:hover {
  background-color: white;
  color: var(--primary);
  border: 1px solid var(--primary);
  -webkit-text-stroke: 2px var(--primary);
}

.pub-arrow .slick-arrow {
  background: none;
  border: none;
}

button.l-prev {
  position: absolute;
  top: 50%;
  left: 1.2%;
}

button.l-next {
  position: absolute;
  top: 50%;
  right: 1.2%;
}

.l-publication .slick-dots {
  display: none !important;
}

div#publication-slider {
  margin: 0;
}

.l-publication a.l-btn {
  border: 1px solid var(--primary);
  color: var(--primary);
  margin: 50px 0 60px 0;
}

section.l-publication {
  padding-top: 0px;
}

.l-publication a.l-btn:hover {
  background: var(--primary);
  color: white;
}

.lib-service-main {
  background: url(../images/library/5.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 80px 0;
  margin: 70px 0;
}

.lib-whitebox {
  background: white;
  padding: 20px 30px 20px 30px;
  border-radius: 6px;
  height: 100%;
}

.lib-whitebox h2 {
  font-size: 25px;
  line-height: 38px;
  letter-spacing: 0.9px;
  color: var(--primary);
  text-align: center;
  font-family: "thesansb6semibold";
}

.lib-whitebox p {
  font-size: 20px;
  line-height: 44px;
  letter-spacing: 0.72px;
}

.lib-whitebox .l-btn {
  background: var(--primary);
  color: white;
  border: 1px solid transparent;
}

.lib-whitebox .l-btn:hover {
  background: transparent;
  color: var(--primary);
  border: 1px solid var(--primary);
}

.lib-service-main .row .col-lg-4 {
  padding-right: 35px;
}

.lib-service-main .col-lg-8 img {
  height: 100%;
  width: 100%;
  object-fit: none;
  object-position: center;
  border-radius: 10px;
}

.a-t-l-main {
  background: url(../images/library/about-library-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  color: white;
  padding: 330px 62px 30px;
  margin-top: 80px;
}

img.music-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.a-t-l-content {
  position: relative;
}

.a-t-l-content h3 {
  font-size: 30px;
  line-height: 44px;
  letter-spacing: 1.087px;
  font-family: "thesansb6semibold";
  margin: 8px 0 20px 0;
}

.a-t-l-content p {
  font-size: 20px;
  line-height: 33px;
  letter-spacing: 0.79px;
}

.a-t-l-content img {
  margin-left: -10px;
}

.library-page .breadcrumbs .container-1630 {
  padding: 0;
}

.pub-top h2 {
  font-size: 30px;
  line-height: 44px;
  letter-spacing: 1.08px;
  margin: 0;
  padding-left: 30px;
  color: white;
  font-family: "thesansb6semibold";
}

.pub-inner p {
  font-size: 18px;
  line-height: 32px;
  color: #8c8d8d;
}

.a-t-l-pub-inner {
  padding: 50px 20px 0px 20px;
}

.a-t-l-inner {
  background: url(../images/library/10.png) no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 30px;
  padding-left: 25px;
}

.a-t-l-inner h4 {
  font-size: 30px;
  line-height: 44px;
  letter-spacing: 1.08px;
  color: white;
  font-family: "thesansb6semibold";
}

.a-t-l-inner p span {
  font-size: 25px;
  line-height: 44px;
  letter-spacing: 0.9px;
  color: white;
  text-align: left;
}

.a-t-l-inner p span:first-child {
  margin-right: 30px;
}

.a-t-l-inner p {
  margin-bottom: 6px;
}

.a-t-l-inner2 h3 {
  font-size: 30px;
  line-height: 44px;
  letter-spacing: 1.08px;
  color: #000;
  font-family: "thesansb6semibold";
  margin-bottom: 15px;
}

.a-t-l-list p {
  margin: 0;
  font-size: 19px;
  line-height: inherit;
  letter-spacing: 0.72px;
  color: #8c8d8d;
}

.a-t-l-list {
  display: flex;
  gap: 20px;
  align-items: self-start;
  margin-bottom: 20px;
}

.a-t-l-list img {
  max-width: 20px;
  margin-top: 12px;
}

section.a-l-t-sec3 {
  padding: 100px 0;
}

.objectives-text {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}

.objectives-text p {
  flex: 0 0 49%;
  margin-bottom: 50px;
}

section.resources-sec2 {
  padding-bottom: 40px;
}

.res-icon-list {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 30px 0;
}

.res-icon-list h2 {
  margin: 0;
  color: #98712a;
  font-size: 30px;
  line-height: 44px;
  letter-spacing: 1.08px;
  font-family: "thesansb6semibold";
}

.resource-box {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  box-shadow: 0px 0px 6px #00000029;
  border-radius: 4px;
  padding: 60px 60px 60px 40px;
  margin-bottom: 50px;
}

.resource-box img {
  max-width: 20px;
  image-rendering: -webkit-optimize-contrast;
}

.res-box-content h2 {
  font-size: 25px;
  line-height: 25px;
  letter-spacing: 0.9px;
  font-family: "thesansb6semibold";
  margin-bottom: 13px;
}

.res-box-content p {
  font-size: 20px;
  line-height: 44px;
  letter-spacing: 0.72px;
  color: #8c8d8d;
  margin: 0;
}

.res-brown-box {
  background: var(--primary);
  color: white;
}

.res-brown-box p {
  color: white;
}

.res-brown-box img {
  filter: brightness(0) invert(1);
}

/* library */

/* library service  */

h2.l-s-head {
  font-size: 30px;
  line-height: 44px;
  letter-spacing: 1.08px;
  color: #98712a !important;
  font-family: "thesansb6semibold";
  margin-bottom: 20px;
}

.l-s-top-content p {
  font-size: 20px;
  line-height: 44px;
  letter-spacing: 0.72px;
  color: #8c8d8d;
}

.l-s-top-content p a {
  color: var(--primary);
}

.l-s-top-content p a:hover {
  text-decoration: underline;
}

.l-s-top-content {
  padding: 0px 0 60px 0px;
}

.l-s-service-box .logo {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  border-radius: 50%;
  box-shadow: 0px 1px 6px #00000029;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.l-s-service-box .logo img {
  width: auto;
}

.l-s-service-box .logo {
  transition: all 0.3s ease-in-out;
}

.l-s-service-box h2,
.l-s-service-box a {
  font-size: 25px;
  line-height: 44px;
  letter-spacing: 0.9px;
  color: #8c8d8d;
  padding: 0 45px;
  margin-top: 20px;
  transition: all 0.3s ease-in-out;
  display: block;
}

.l-s-service-box {
  margin-bottom: 90px;
}

section.l-s-sec2 .row {
  padding: 31px 0;
}

.l-s-service-box:hover .logo {
  transform: scale(1.1);
}

.l-s-service-box:hover h2 {
  color: black;
}

/* library service  */

/* search  */

.search-main {
  border: 1px solid #bba367;
  position: relative;
  padding: 40px 30px;
}

img.search-img {
  position: absolute;
  right: 4%;
  top: -4.3%;
}

h1.search-head {
  font-size: 25px;
  line-height: 44px;
  letter-spacing: 0.9px;
  color: #98712a;
  font-family: "thesansb6semibold";
  margin-bottom: 20px;
}

ul.search-list li {
  font-size: 20px;
  line-height: 36px;
  letter-spacing: 0.72px;
  color: #8c8d8d;
  margin-bottom: 30px;
}

ul.search-list {
  margin: 0;
}

section.search-sec {
  padding: 80px 0;
}

section.search-sec .l-btn {
  background: var(--primary);
  color: white;
  border: 1px solid transparent;
}

section.search-sec .l-btn:hover {
  background: transparent;
  color: var(--primary);
  border-color: var(--primary);
}

/* search  */

/* publication  */

.publication-top-form {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0px 0px 70px 0px;
  flex-flow: wrap;
}

.publication-top-form input {
  width: 300px;
  height: 60px;
  border: 1px solid #98712a;
  border-radius: 6px;
  margin-right: 25px;
  padding-right: 45px;
}

.publication-top-form input:focus {
  border: 1px solid #98712a;
}

.publication-top-form label {
  font-size: 16px;
  line-height: 44px;
  letter-spacing: 0.58px;
  color: #98712a;
  margin: 0;
}

.publication-top-form .form-group {
  position: relative;
  margin: 0;
}

.publication-top-form .form-group i {
  position: absolute;
  bottom: 20%;
  right: 14%;
  color: #98712a;
  z-index: 1;
}

.p-search-btn {
  height: 60px;
  flex: 0 0 5%;
  line-height: 66px;
  border-radius: 6px;
  background: var(--primary);
  text-align: center;
}

.p-search-btn i {
  color: white;
  font-size: 22px;
}

.publication-books {
  padding: 0 40px;
}

.publication-books .pub-box {
  margin-bottom: 110px;
}

.p-my-pagination li {
  width: 50px;
  height: 50px;
  line-height: 60px;
  background: transparent;
  text-align: center;
  border-radius: 6px;
  border: 1px solid var(--primary);
  margin-right: 20px;
  transition: 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: inherit !important;
  margin: 0px 10px;
}

.p-my-pagination li:hover {
  background: var(--primary);
}

.p-my-pagination li:hover a {
  color: white;
}

nav.p-my-pagination ul {
  justify-content: center;
}

.p-my-pagination li a {
  font-size: 25px;
  color: #bba367 !important;
  font-family: "thesansb6semibold";
  transition: 0.3s ease;
  width: 100%;
  float: left;
}
.p-my-pagination li:hover a {
  color: #fff !important;
}

.p-my-pagination li a i {
  font-size: 20px;
}

/* .p-my-pagination li:first-child {
margin-right: 30px;
} */

.p-my-pagination li:last-child {
  margin-right: 0;
  margin-left: 10px;
}

section.publication-sec1 {
  padding-bottom: 70px;
}

/* publication  */

/* publication detail  */

button.detail-btn {
  width: 160px;
  height: 60px;
  font-size: 16px;
  line-height: 38px;
  letter-spacing: 0.58px;
  transition: 0.3s ease-in-out;
}

button.detail-btn:first-child {
  border: 1px solid var(--primary);
  color: var(--primary);
  background: transparent;
}

button.detail-btn:first-child:hover {
  background: var(--primary);
  border: transparent;
  color: white;
}

button.detail-btn:last-child {
  background: var(--primary);
  border: transparent;
  color: white;
}

button.detail-btn:last-child:hover {
  border: 1px solid var(--primary);
  color: var(--primary);
  background: transparent;
}

.detail-book div.d-lg-flex {
  gap: 20px;
}

.pub-detail-content h2 {
  font-size: 30px;
  line-height: 44px;
  letter-spacing: 1.08px;
  color: #98712a;
  font-family: "thesansb6semibold";
}

.pub-detail-content h3 {
  font-size: 20px;
  line-height: 44px;
  letter-spacing: 0.72px;
  font-family: "thesansb6semibold";
}

.pub-detail-content p {
  font-size: 20px;
  line-height: 44px;
  letter-spacing: 0.72px;
  color: #8c8d8d;
  margin-top: 50px;
  padding-right: 60px;
}

section.publication-detail .container-1630 > .row {
  box-shadow: 0px 0px 6px #00000029;
  padding: 110px 0px 50px 130px;
}

section.publication-detail {
  padding-top: 50px;
}

h1.pub-mainhead {
  font-size: 60px;
  line-height: 44px;
  letter-spacing: 2.16px;
  text-align: center;
  font-family: "philosopher", sans-serif;
  font-weight: bold;
  margin-bottom: 80px;
}

.related-pub {
  padding: 80px 0;
}

.related-pub .pub-prev {
  position: absolute;
  top: 50%;
  left: 1%;
}

.related-pub .container-1630 {
  position: relative;
}

.related-pub .pub-next {
  position: absolute;
  top: 50%;
  right: 1%;
}

div#publication-detail-slider {
  margin-bottom: 0;
}

/* publication detail  */

/* chairman speech  */

section.chairman-speech {
  padding: 70px 0;
}

h1.c-s-mainhead {
  font-size: 40px;
  line-height: 38px;
  letter-spacing: 1.44px;
  font-family: "philosopher", sans-serif;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}

p.c-s-text {
  font-size: 19px;
  line-height: 30px;
  color: #8c8d8d;
}

section.chairman-speech {
  padding: 70px 0;
}

section.chairman-speech .col-md-5 img {
  height: 575px;
  object-fit: cover;
}

.a-s-banner .banner-heading {
  max-width: 1200px;
  text-align: center;
}

section.a-s-banner {
  position: relative;
  background: url(../images/about-szgmc/10.png);
  background-size: cover;
  background-position: center;
  flex-direction: column;
}

img.c-s-img {
  float: left;
  padding-right: 70px;
  padding-bottom: 40px;
}

h2.d-m-subhead {
  font-size: 30px;
  line-height: 34px;
  font-family: "philosopher", sans-serif;
  margin-bottom: 20px;
  font-weight: 600;
}

.d-m-bottom h2 {
  font-size: 24px;
  line-height: 44px;
  letter-spacing: 0.86px;
  margin-bottom: 20px;
}

.d-m-bottom button {
  width: 248px;
  height: 62px;
  line-height: 62px;
  box-shadow: 0px 3px 6px #00000029;
  border: none;
  font-size: 16px;
  letter-spacing: 0.68px;
  color: var(--primary);
  font-family: "thesansb6semibold";
  background-color: #fff;
}

section.ms-sec-2.mos-2 .ms-box {
  max-width: inherit;
}

.d-m-bottom button img {
  margin-right: 12px;
}

/* chairman speech  */

/* strategic plan  */

.s-p-img-head h1 {
  font-size: 40px;
}

.s-p-service-box {
  background: #f8f5f5;
  border-radius: 10px;
  position: relative;
  z-index: 1;
  height: 100%;
  padding: 80px 50px 20px;
  cursor: pointer;
}

.s-p-service-box img {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translatex(-50%);
}

.s-p-service-box h2 {
  text-align: center;
  font-size: 30px;
  line-height: 44px;
  letter-spacing: 1.08px;
  font-family: "philosopher", sans-serif;
  font-weight: bold;
  margin-bottom: 10px;
  transition: all 0.3s ease;
}
[lang="ar"] .s-p-service-box {
  text-align: right;
}
[lang="ar"] .s-p-service-box h2 {
  font-family: "TheSansArabicsemibold";
}


.s-p-service-box ul li,
.s-p-service-box p {
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.58px;
  transition: all 0.3s ease;
  color: #8c8d8d;
}


section.s-p-sec-1 .col-lg-4:nth-child(3) .s-p-service-box ul li {
  list-style: unset;
}

section.s-p-sec-1 {
  padding: 100px 0 80px;
}

.s-p-btn a {
  background: var(--primary);
  color: white;
  border: 1px solid var(--primary);
}

.s-p-btn {
  padding-top: 60px;
}

.s-p-btn a:hover {
  background: transparent;
  color: var(--primary);
}

.s-p-service-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: -1;
  background: var(--primary);
  border-radius: 10px;
  transition: all 0.3s ease;
}

.s-p-service-box:hover:before {
  height: 100%;
}

.s-p-service-box:hover h2 {
  color: white;
}

.s-p-service-box:hover ul li,
.s-p-service-box:hover p
 {
  color: #fff!important;
}

/* strategic plan  */

/* board members  */

section.b-m-sec1 {
  padding-top: 80px;
}

.b-m-content {
  background: transparent linear-gradient(180deg, #bba36780 0%, #98712a 100%);
  position: absolute;
  bottom: 0;
  border-radius: 0 0 6px 6px;
  padding: 20px 14px;
  width: 100%;
  min-height: 118px;
}

.board-member-box {
  position: relative;
  margin-bottom: 70px;
}

.board-member-box img {
  width: 100%;
  height: 100%;
}

.b-m-content h3 {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.65px;
  color: white;
}

.b-m-content h2 {
  font-size: 23px;
  line-height: 24px;
  letter-spacing: 0.83px;
  color: white;
  margin: 0;
}

/* board members  */

/*Organizational Structure  */

.structure p {
  letter-spacing: 0.72px;
  color: #231f20;
  font-size: 19px;
  line-height: 30px;
  margin-bottom: 20px;
}

.structure {
  padding-top: 0px;
}

section.sec-organ-img {
  text-align: center;
  padding-bottom: 50px;
}

.image-structure img {
  image-rendering: -webkit-optimize-contrast;
}

/* gallery  */

.arch-slider {
  margin: 0;
  padding: 30px 0;
  background: #e8e8e8;
}

.arc-images {
  position: relative;
}

.arc-images:before {
  content: " ";
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  z-index: 1;
}

a.arc-link:hover .arc-images:before {
  background: rgba(8, 8, 8, 0.75);
  background: rgba(51, 51, 51, 0.6) !important;
}

.architecturalmillwork-lyt .slick-lightbox-close {
  color: rgba(0, 110, 158, 1) !important;
  font-size: 26px !important;
  width: 38px !important;
  height: 44px !important;
  margin-top: 30px;
  margin-right: 80px;
  right: 0 !important;
  top: 2px !important;
}

.architecturalmillwork-lyt .slick-lightbox-close:before {
  font-family: progallery-svg-font-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1 !important;
  font-weight: 400;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  content: "\F10A" !important;
  font-size: inherit;
  color: rgba(0, 0, 0, 1) !important;
}

.arch-slider .slick-arrow {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 50%;
  margin-top: -55px;
  z-index: 111;
  padding: 20px 38.5px;
  cursor: pointer;
}

.arch-slider .slick-arrow.next {
  right: 0;
}

.arch-slider .slick-arrow svg {
  -webkit-filter: drop-shadow(0 1px 0.15px #b2b2b2);
  filter: drop-shadow(0 1px 0.15px #b2b2b2);
  display: inline-block;
}

.slideshow-arrow {
  fill: #e8e8e8;
}

.arch-slider {
  margin: 0;
  padding: 30px 0;
  background: #e8e8e8;
}

.arc-images {
  position: relative;
}

.arc-images:before {
  content: " ";
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  z-index: 1;
}

a.arc-link:hover .arc-images:before {
  background: rgba(8, 8, 8, 0.75);
  background: rgba(51, 51, 51, 0.6) !important;
}

.architecturalmillwork-lyt .slick-lightbox-inner {
  background-color: rgba(232, 232, 232, 1) !important;
  z-index: 1111;
}

.architecturalmillwork-lyt .slick-lightbox-inner .slick-arrow {
  z-index: 111;
  width: 100px;
  height: 100px;
  background-image: url(//cdn2.hubspot.net/hubfs/4795157/Idxcorporation_December2018/Images/arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 27px;
  margin-top: -50px;
}

.architecturalmillwork-lyt .slick-lightbox-inner .slick-arrow:before {
  display: none;
}

.architecturalmillwork-lyt .slick-lightbox-inner .slick-prev {
  left: 0;
}

.architecturalmillwork-lyt .slick-lightbox-inner .slick-next {
  right: 0;
  transform: rotate(180deg);
}

.architecturalmillwork-lyt .slick-lightbox-close {
  color: rgba(0, 110, 158, 1) !important;
  font-size: 26px !important;
  width: 38px !important;
  height: 44px !important;
  margin-top: 30px;
  margin-right: 80px;
  right: 0 !important;
  top: 2px !important;
}

.architecturalmillwork-lyt .slick-lightbox-close:before {
  font-family: progallery-svg-font-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1 !important;
  font-weight: 400;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  content: "\F10A" !important;
  font-size: inherit;
  color: rgba(0, 0, 0, 1) !important;
}

/* gallery  */

/*=================== Organizational Structure end  ===================end*/

/* SZGMC  */

.img-bg-effect img:last-child {
  transition: all 0.3s ease-in-out;
}

.mean-dv:hover .img-bg-effect img:first-child {
  transition: all 0.3s ease-in-out;
}

.bg.content {
  text-align: center;
  padding-bottom: 50px;
}

.bg.content a:hover {
  background: transparent;
  color: #bba367;
  border: 1px solid #bba367;
}

.bg.content p {
  letter-spacing: 0.58px;
  color: #231f20;
  font-size: 16px;
  width: 70%;
  line-height: 30px;
  margin: 0 auto;
  padding-top: 15px;
}

.bg.content .l-btn {
  background: #bba367;
  color: white;
  margin: 30px 0;
  border: 1px solid transparent;
}

.bg-dv img {
  max-width: 220px;
  height: 220px;
}

.bg-dv {
  padding-top: 25px;
}

.mean-dv {
  max-width: 334px;
  min-height: 704px;
  background: #f8f5f5 0% 0% no-repeat padding-box;
  border-radius: 167px;
  margin: 0 auto;
}

.mean-dv.adjust-mr {
  margin: auto;
}

.img-bg-effect {
  background: white;
  border-radius: 50%;
  width: 260px;
  height: 260px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 3px 6px #00000029;
}

.listtyle ul li {
  list-style: unset;
}

section.sec1-SZGMC {
  padding-bottom: 80px;
}

.txt-content h3 {
  letter-spacing: 1.08px;
  color: #231f20;
  font-size: 30px;
  text-align: center;
  line-height: 40px;
  padding-top: 40px;
  padding-bottom: 10px;
  font-family: "philosopher", sans-serif;
  font-weight: bold;
}

.txt-content p {
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.58px;
  color: #231f20;
  margin: 0 auto;
  max-width: 300px;
}

.listtyle ul li {
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.58px;
  color: #231f20;
}

ul.UL-2 li {
  max-width: 70px;
  margin: 0 auto;
}

ul.UL-1 li {
  max-width: 280px;
  margin: 0 auto;
}

.but a {
  border: 1px solid #bba367;
  color: #bba367;
  background: #ffffffde 0% 0% no-repeat padding-box;
}

section.sec2-SZGMC .row:hover {
  background: #bba367;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

section.sec2-SZGMC .row {
  align-items: center;
  transition: all 0.3s ease-in-out;
  border-radius: 6px;
  border: 1px solid #98712a2b;
  background: white;
}

/* section.sec2-SZGMC .container-1420 {
padding: 0 80px;
} */

.speech-1 {
  padding: 0 90px;
}

.speech-1 h1 {
  font: normal normal bold 48px/44px Philosopher;
  letter-spacing: 1.73px;
  color: #bba367;
  padding: 20px 0 30px 0px;
}

.speech-1 p {
  font: normal normal normal 20px/36px;
  letter-spacing: 0.72px;
  line-height: 36px;
  padding-bottom: 20px;
  color: #231f20;
}

section.sec2-SZGMC .row:hover h1 {
  color: white;
  transition: all 0.3s ease-in-out;
}

section.sec2-SZGMC .row:hover p {
  color: white;
  transition: all 0.3s ease-in-out;
}

section.sec2-SZGMC .row:hover .speech-1 img {
  filter: brightness(0) invert(1);
  transition: all 0.3s ease-in-out;
}

section.sec2-SZGMC .row:first-child {
  margin-bottom: 71px;
}

.img-bg-effect img:first-child {
  opacity: 0;
}

.bg-dv img {
  transition: all 0.3s ease;
  position: absolute;
  cursor: pointer;
}

.mean-dv:hover .img-bg-effect img:first-child {
  opacity: 1;
  z-index: 9;
}

h1.g-s-mainhead {
  font-size: 48px;
  letter-spacing: 1.73px;
  text-align: center;
  font-family: "philosopher", sans-serif;
  font-weight: bold;
  color: var(--primary);
  margin-bottom: 20px;
}

p.g-s-maintext {
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.58px;
  text-align: center;
  margin-bottom: 50px;
}

section.gallery-slider-sec {
  padding: 80px 0;
}

.gallery-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 40px;
  row-gap: 40px;
}

.gallery-wrapper img {
  cursor: pointer;
}

section.gallery-slider-sec .l-btn {
  background: var(--primary);
  color: white;
  border: 1px solid var(--primary);
  margin-top: 40px;
}

section.gallery-slider-sec .l-btn:hover {
  background: transparent;
  color: var(--primary);
}

.popup-carousel {
  position: absolute;
  top: 0;
  left: -100%;
  opacity: 0;
  transition: 0.4s ease-in-out;
  width: 100%;
  height: 100%;
}

.left-0 {
  left: 0;
  opacity: 1;
}

.popup-carousel img {
  width: 100% !important;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  image-rendering: pixelated;
}

.lightbox-main {
  position: relative;
  overflow: hidden;
}

.lightbox-main .popup-carousel {
  height: 100%;
}

.lightbox-main .popup-carousel .slick-slide img {
  width: 100% !important;
  height: 100%;
}

.lightbox-main .slide-img {
  height: 100%;
  cursor: pointer;
}

.lightbox-main .slick-track {
  height: 100%;
}

.lightbox-main .slick-list.draggable {
  width: 100%;
  height: 100%;
}

.lightbox-main div#lightbox-slider {
  width: 100%;
  height: 100%;
}

.lightbox-main .slick-slide > div {
  height: 100%;
}

.lightbox-arrow .slick-arrow {
  position: absolute;
  top: 50%;
  left: 2%;
  z-index: 999;
  background: none;
  border: none;
}

.lightbox-arrow .lightbox-next {
  right: 2%;
  left: auto;
}

.lightbox-arrow .slick-arrow i {
  color: white;
  font-size: 50px;
}

button.popup-close {
  position: absolute;
  z-index: 999;
  right: 2%;
  top: 2%;
  background: none;
  border: none;
}

button.popup-close i {
  color: white;
  font-size: 25px;
}

section.sec2-SZGMC {
  background: url(../images/about-szgmc/28.png) no-repeat;
  background-position: center;
  background-size: cover;
  padding: 60px 0;
}

.about-banner-counter {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 40px;
  margin-top: 40px;
}

.about-banner-blurbox {
  display: flex;
  align-items: center;
  border: 1px solid #98712a;
  border-radius: 10px;
  opacity: 1;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  background: #ffffff3d;
  flex: 0 0 598px;
  justify-content: center;
  padding: 20px;
}

.about-banner-blurbox h6 {
  color: white;
  letter-spacing: 0.72px;
  font-size: 18px;
  font-family: "thesanslight";
}

.about-banner-blurbox ul.count-list li {
  padding: 0 16px;
  border: none;
}

.about-banner-blurbox ul.count-list li span {
  color: white;
  font-family: "thesansb6semibold";
  font-size: 22px;
}

.about-banner-blurbox ul.count-list li h3 {
  color: white;
  letter-spacing: 0.72px;
  font-family: "thesanslight";
}

.about-banner-visiting p {
  text-align: right;
  color: white;
  font-size: 20px;
  font-family: "thesanslight";
  letter-spacing: 0.72px;
}

.about-banner-visiting p:last-child {
  margin: 0;
}

/*===================SZGMC end  ===================end*/

/*===================  architecture===================start*/
/*===================  architecture===================start*/
/*===================  architecture===================start*/

/*===================General architecture start===================end*/

section.inner-banner.archi-banner.all-banner h1 {
  text-transform: unset !important;
}

.inner-page.marbles-page .pt-box img {
  width: 40px;
  height: 40px;
}

.archi-banner.all-banner {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../images/Architecture/archi-bac-heder.png);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.architecture-page {
  position: relative;
}

section.sec-archi-1 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.general-archi p {
  letter-spacing: 0.6px;
  color: rgb(35, 31, 32);
  font-family: thesansb5plain;
  font-size: 20px;
  line-height: 35px;
  padding-bottom: 32px;
  margin-bottom: 0;
}

.general-2-archi p {
  letter-spacing: 0.6px;
  color: rgb(35, 31, 32);
  font-family: thesansb5plain;
  font-size: 20px;
  line-height: 35px;
  padding-top: 0px;
}

img.archi-img {
  float: right;
  padding-left: 45px;
}

/*===================General architecture end  ===================start*/

/*===================  Marbles  ===================start*/
section.sec-marble-1 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.marbles-edit h1 {
  letter-spacing: 2.16px;
  color: #231f20;
  font-family: "Philosopher";
  font-size: 45px;
  line-height: 60px;
  padding-bottom: 50px;
  font-weight: 900;
}

.marbles-edit p {
  letter-spacing: 0px;
  color: #8c8d8d;
  font-size: 19px;
  line-height: 30px;
  padding-right: 60px;
  font-family: "thesanslight";
  text-align: justify;
}

.h1-img {
  position: relative;
}

.h1-img img {
  position: absolute;
  left: -4%;
  top: -27%;
  width: 120px;
  opacity: 5.6;
  z-index: -4;
}

.marbles-edit {
  padding-left: 70px;
}

/*===================Marbles end  ===================start*/

/*===================architecture banner  ===================start*/

.inner-banner.arc-banner {
  background: url(../images/Architecture/archi-banner.png);
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/*===================architecture banner end  ===================start*/

/*=================== sahan ===================start*/

.sahan-edit h1 {
  letter-spacing: 2.16px;
  color: #231f20;
  font-family: "Philosopher";
  font-size: 60px;
  line-height: 60px;
  padding-bottom: 50px;
  font-weight: 900;
}

.sahan-edit p {
  letter-spacing: 0.72px;
  color: #8c8d8d;
  font-size: 20px;
  line-height: 30px;
  padding-right: 60px;
  font-family: "thesanslight";
}

.sahan-edit {
  padding-left: 130px;
}

section.sec-sahan-1 {
  padding-top: 60px;
  padding-bottom: 60px;
}

/*===================sahan end  ===================start*/
/*===================minaret end  ===================start*/

.minaret-page .sahan-edit p {
  margin-bottom: 0;
  padding-right: 15px;
}

.minaret-page .sahan-edit-1 img {
  height: 590px;
  object-fit: fill;
}

/*===================minaret end  ===================start*/
/*===================columns end  ===================start*/

img.archi-img.columns-img {
  width: 53%;
}

.marbles-edit.col-logo .h1-img {
  width: 1100px;
}

/*===================columns end  ===================start*/

/*===================rel-pro-1 ===================start*/
section.rp-sec-3.rel-course {
  background: white;
  padding: 0 0 70px 0px;
  margin-top: 50px;
}

/*===================rel-pro-1 end  ===================start*/

/*===================rel-pro-2  ===================start*/

section.rp-sec-4.al-hakeem {
  padding-bottom: 80px;
}

.rel-pro section.rp-sec-5 {
  padding: 60px 0 0px 0;
}

.rel-pro section.rp-sec-6 {
  background: white;
}

section.sec-liners-1 {
  padding: 60px 0;
}

.pools .sahan-edit-1 img {
  height: auto;
  object-fit: cover;
}

section.pt-sec-2.cermony .pt-sec2-mainhead {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 70px;
}

.cermony {
  text-align: center;
}

section.pt-sec-2.cermony .pt-sec2-mainhead img {
  width: 120px;
}

/*===================rel-pro-1 end  ===================start*/

/*===================Hijri-Calendar   ===================start*/
.Hijri-Calendar .pt-sec2-mainhead img {
  width: 130px;
  opacity: 0.2;
}

.Hijri-Calendar .pt-sec2-mainhead {
  padding-top: 0;
}

.Hijri-Calendar .rp-right-bottom {
  padding-top: 10px;
}

.Hijri-Calendar .fs-content p {
  max-width: 70%;
}

section.pt-sec-2.Hijri-Calendar {
  text-align: center;
}

.calender-img.fs-content img {
  padding-bottom: 40px;
}

.Hijri-Calendar .rp-right-bottom a {
  font-size: 20px;
}

/*===================Hijri-Calendar end  ===================start*/
/*===================news end  ===================start*/
.news-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  margin-left: -90px;
  margin-top: 24px;
}

.content {
  padding-left: 30px;
}

.date {
  flex: 0 0 20%;
  height: 80%;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
  background: white;
  border-right: 0px;
  box-shadow: 0px 0px 3px #0006;
}
.date br {
  margin: 0px;
}

.date h2 {
  letter-spacing: 0px;
  color: #231f20;
  margin: 0;
  display: grid;
  font-family: "Philosopher";
  line-height: initial;
}

.date h2 span {
  font: normal normal normal 55px/60px Philosopher;
  letter-spacing: 1.98px;
}

.content h4 {
  letter-spacing: 0.9px;
  color: #231f20;
  font-size: 25px;
  line-height: 30px;
}

.content p {
  letter-spacing: 0.72px;
  color: #231f20;
  font-size: 20px;
  line-height: 36px;
}

.rp-right-bottom.btn-news a {
  margin-left: 0;
}

.sec-news-1 {
  padding-bottom: 80px;
  padding-top: 0px !important;
}

.row.bor-top {
  border-top: 1px solid #e8e2e2;
}

.nubering-news {
  padding-top: 0px;
  padding-bottom: 60px;
}

.nubering-news .p-my-pagination li {
  box-shadow: 0px 3px 6px #0000001a;
  border-radius: 10px;
  border: none;
}

/* .nubering-news .p-my-pagination li:first-child a,
.nubering-news .p-my-pagination li:last-child a {
color: #000;
} */

.latest-news img {
  width: 100%;
  height: 280px;
}

/* .nubering-news .p-my-pagination li:nth-child(2) a {
color: #bba367;
} */

.nubering-news .p-my-pagination li a {
  color: black;
}

.nubering-news .p-my-pagination li:hover {
  background: white;
}

.news-heading .pt-sec2-mainhead img {
  width: 120px;
  opacity: 0.2;
}

/*===================news end  ===================start*/
/*  press-kit*/
.press-content .rp-right-bottom h3 {
  font-size: 22px;
  line-height: 44px;
  letter-spacing: 0.9px;
  font-family: "thesansb6semibold";
  margin: 0;
}

.press-content .rp-right-bottom a {
  font-size: 22px;
  line-height: 44px;
}

.press-content .rp-right-bottom a i {
  opacity: 0;
  font-size: 19px;
  transition: all 0.3s ease-in-out;
  transform: translateX(-30px);
}

.press-content .rp-right-bottom a:hover i {
  opacity: 1;
  transition: all 0.3s ease-in-out 0s;
  animation: 0s ease 0s 1 normal none running auto;
  transform: translateX(0px);
}

.press-content .rp-right-bottom a:hover {
  font-size: 23px !important;
}

.press-content p {
  letter-spacing: 0.72px;
  color: #231f20;
  font-size: 20px;
  line-height: 44px;
  font-family: "thesansb6semibold";
}

section.sec-1-press-kit h2 {
  letter-spacing: 1.01px;
  color: #231f20;
  font-size: 28px;
  line-height: 44px;
  font-family: "thesansb6semibold";
  padding-top: 15px;
}

section.sec-1-press-kit h4 {
  color: #231f20;
  font-size: 25px;
  line-height: 44px;
  font-family: "thesansb6semibold";
  letter-spacing: 0.9px;
}

.press-content {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 6px #00000029;
  padding: 50px 30px;
}

.abtn a.fs-btn:hover {
  background: #bba367;
  color: #ffffff;
}

.abtn a.fs-btn {
  width: 160px;
  height: 60px;
  background: #ffffff;
  color: #bba367;
  line-height: 60px;
}

section.sec-1-press-kit {
  padding: 80px 0;
}

/* press-kit end */

/* media-photo */

.poopup img.youtube-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div#modal-videos .video-from-links video {
  width: 100%;
  height: auto;
  max-height: 50vh;
  margin-bottom: -7px;
  min-height: 450px;
  object-fit: cover;
}

.header.sticky-header.abac.opacity {
  z-index: 3;
}

.adjustment iframe {
  width: 800px;
  height: 430px;
}

.modal-content.adj {
  border: none;
  background: none;
}

.modal-footer.ab-footer button {
  position: absolute;
  top: -35px;
  right: -45px;
}

.modal-footer.ab-footer {
  border: none;
}

div#exampleModal {
  top: 30%;
}

.modal-dialog.pnka {
  max-width: 800px;
  margin: 1.75rem auto;
}

.modal-footer.ab-footer button i {
  font-size: 40px;
  color: #bba367;
  width: 50px;
  height: 50px;
  background: #5b4100;
  border-radius: 50%;
  line-height: 50px;
}

.modal-footer.ab-footer button {
  background: none;
  border: none;
}

.pt-sec2-mainhead.Gallery img {
  width: 130px;
  opacity: 0.2;
}

.pt-sec2-mainhead.Gallery {
  padding-bottom: 60px;
  padding-top: 30px;
}

/*media-photo end */

/*e-services  */

.operators a {
  display: inline-block;
  text-align: center;
  line-height: inherit !important;
  font-size: 16px;
  letter-spacing: 0.72px;
  transition: 0.3s ease-in-out;
  background: #bba367;
  width: auto !important;
  height: auto !important;
  color: white;
  padding: 10px 20px;
  position: absolute;
  right: 0;
  left: auto;
}

.operators a:hover {
  background: transparent;
  color: #bba367;
  border: 1px solid #bba367;
  transition: 0.3s ease-in-out;
}

.tab-create ul {
  display: flex;
  border: 0;
  flex-direction: column;
}

.tab-create .nav-link {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 0.5px solid #98712a;
  border-radius: 6px;
  margin-bottom: 15px;
  height: 79px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  letter-spacing: 0px;
  color: #bba367;
  font-size: 17px;
  line-height: 29px;
}

.tab-create .nav-link img {
  padding-right: 25px;
}

section.sec-1-services {
  padding-top: 60px;
  padding-bottom: 100px;
}

.tab-create .nav-link.active {
  background: #bba367;
  color: white;
}

.input-create input {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 0.5px solid #bba367;
  border-radius: 10px;
  width: 100%;
  height: 50px;
  padding: 0 40px;
  letter-spacing: 0px;
  color: #a3a3a3;
  text-transform: capitalize;
  font-size: 16px;
  line-height: 29px;
  margin-bottom: 22px;
}

.input-create {
  position: relative;
}

.input-create i {
  position: absolute;
  right: 0;
  top: 38%;
  transform: translate(-50%, -50%);
  width: 19px;
  height: 17px;
  color: #a3a3a3;
  cursor: pointer;
}

.boxis {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 0.5px solid #98712a;
  min-height: 239px;
  border-radius: 8px;
  padding: 10px 10px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  flex: 0 0 24%;
}

.btn-edit {
  display: flex;
  justify-content: space-between;
}

.btn-edit a.s-services {
  background: #bba367 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 24px #00000014;
  opacity: 1;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: capitalize;
  font-size: 18px;
  line-height: 29px;
  width: 135px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-edit a {
  letter-spacing: 0px;
  color: #bba367;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  line-height: 29px;
}

.boxis h6 {
  letter-spacing: 0px;
  color: #bba367;
  font-size: 20px;
  line-height: 29px;
  padding-bottom: 20px;
  padding-top: 20px;
}

.box-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btn-edit a.s-services:hover {
  background: white;
  color: #bba367;
  border: 1px solid #bba367;
}

.boxis:hover {
  background: transparent linear-gradient(180deg, #bba367 0%, #5e5234 100%) 0% 0% no-repeat padding-box;
  border: 0.5px solid #98712a;
  color: white;
  transition: all 0.5s ease-in-out;
}

.boxis:hover h6,
.boxis:hover a {
  color: white;
  transition: all 0.5s ease-in-out;
}

.box-align {
  display: flex;
  flex-flow: wrap;
  gap: 14px;
}

.hov-img {
  background: #bba367 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 9px #00000030;
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.hov-img img {
  width: 40px;
  height: 40px;
}

.box-content i img {
  width: 16px;
  height: 15px;
}

.tab-create .nav-link.active img {
  filter: brightness(0) invert(1);
}

.tab-create {
  margin-right: 12px;
}

/*happines  */

.row.mean-happines {
  background: #bba367 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  padding: 24px 0px;
  height: 340px;
  border-radius: 7px;
  align-items: revert;
}

.formula-happ h3 {
  font: normal normal bold 30px/29px Philosopher;
  letter-spacing: 0px;
  color: #ffffff;
  padding: 20px 0;
}

.formula-happ {
  text-align: center;
}

.formula-happ img {
  padding-bottom: 30px;
}

.formula-happ p {
  letter-spacing: 0px;
  color: #ffffff;
  font-size: 18px;
  line-height: 29px;
}

.happines h1 {
  text-align: center;
  font: normal normal bold 40px/29px Philosopher;
  letter-spacing: 0px;
  color: #bba367;
  padding: 40px 0;
}

.formula-happ-s5nd ul li {
  letter-spacing: 0px;
  color: #ffffff;
  font-size: 18px;
  line-height: 29px;
  padding-bottom: 13px;
}

.formula-happ-s5nd {
  height: 100%;
  display: flex;
  align-items: center;
}

.happ-plus {
  text-align: center;
  padding: 40px 0;
}

.happines {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 0.5px solid #98712a;
  border-radius: 6px;
  padding: 0 50px;
}

.tab-create.latest-happ {
  max-width: 315px;
}

.col-lg-9.p-0.serv-col-2 {
  margin-left: -70px;
}

.row.mean-happines.mean-happines2 {
  height: 120px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}

.formula-headng h2 {
  font: normal normal bold 50px/0px Philosopher;
  letter-spacing: 0px;
  color: #ffffff;
}

.operators h1 {
  font: normal normal bold 60px/106px Philosopher;
  letter-spacing: 0px;
  color: #bba367;
  text-align: center;
  padding: 0px !important;
  margin: 0px;
}

.tour-op {
  background: #fafafa 0% 0% no-repeat padding-box;
  border-radius: 5px;
  width: 400px;
  height: 172px;
  padding: 0px 30px;
}

.sec-1-tour-sec {
  padding-bottom: 70px;
}

.tour-op h4 {
  font: normal normal bold 20px/74px Philosopher;
  letter-spacing: 0px;
  color: #bba367;
}

.operators {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  position: relative;
}
.operators {
  padding-bottom: 20px;
  width: 100%;
  padding: 30px 0px;
  margin: 0px 0px 30px 0px;
  /* width: 100%; */
  /* float: left; */
}

.icon-reg IMG {
  margin-left: -20px;
}

.tour-op-1 iframe {
  border-radius: 5px;
  width: 400px;
  height: 172px;
}

.icon-reg-1 img {
  margin-left: 0px;
  border-radius: 6px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.tour-op P {
  letter-spacing: 0px;
  color: #bba367;
  margin-bottom: 0;
  font-family: "thesansb5plain";
}

.icon-reg-1 {
  max-width: 222px;
  margin-left: auto;
}

.tour-left {
  width: 400px;
  height: auto;
  background: #fafafa 0% 0% no-repeat padding-box;
  border-radius: 5px;
  margin-top: 15px;
  padding: 20px 30px;
}

.icon-content {
  justify-content: space-between;
  display: flex;
}

.icon-content h4 {
  font: normal normal bold 20px/30px Philosopher;
  letter-spacing: 0px;
  color: #bba367;
}

.icon-content img {
  width: 45px;
  height: 45px;
}

.tour-left p {
  letter-spacing: 0px;
  color: #231f20;
  font-size: 18px;
  line-height: 29px;
  padding-top: 10px;
}

.right-content p {
  letter-spacing: 0px;
  color: #231f20;
  font-size: 20px;
  line-height: 24px;
  width: 90%;
  margin: 0 auto;
  padding-bottom: 20px;
}

.bg-num {
  background: url(../images/e-services/num-1.svg);
  width: 40px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: cover;
  line-height: 40px;
  text-align: center;
  margin: 0 auto;
}

.bg-num span {
  font-size: 20px;
  color: white;
  font-family: "Philosopher";
}

.row1 {
  display: flex;
  justify-content: space-around;
  position: relative;
}

.col-f h4 {
  font: normal normal bold 20px/30px Philosopher;
  letter-spacing: 0px;
  color: #bba367;
}

.col-f h4 {
  font: normal normal bold 20px/30px Philosopher;
  letter-spacing: 0px;
  color: #bba367;
}

.col-f {
  flex: 0 0 33%;
  text-align: center;
}

.col-f:before {
  position: absolute;
  content: "";
  top: 24%;
  left: 50%;
  width: 67%;
  transform: translate(-50%, -50%);
  height: 1px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23BBA367FF' stroke-width='4' stroke-dasharray='10%2c20' stroke-dashoffset='12' stroke-linecap='square'/%3e%3c/svg%3e");
  z-index: -1;
}

.right-content {
  padding-top: 40px;
}

.tour-left.ab-lef {
  height: auto;
}

.faqs-sec .faq-head.color {
  border-bottom: none;
}

.faqs-sec .faq-head {
  background-color: transparent;
  border: 1px solid var(--primary);
}

.faqs-sec .faq-head {
  margin-bottom: 0;
}

.faqs-sec .faq-head h3 {
  color: #bba367;
}

.faqs-sec .faq-head i {
  color: #bba367;
  font-size: 28px;
}

.faqs-sec .faq-content.show {
  border-top: none;
}

.faqs-sec {
  width: 95%;
  margin-left: auto;
}

/*e-services end  */

/*Events & Activities starts  */
/*Events & Activities  */
/*Events & Activities  */
section.inner-banner.event-active.all-banner {
  background: url(../images/event-manage/event-bg.png);
}

.ev-edit-p p {
  letter-spacing: 0.72px;
  color: #8c8d8d;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 76%;
  margin: 0 auto;
}

.ev-edit-p {
  padding: 0 0 80px 0;
}

.exibition-edit p {
  letter-spacing: 0.72px;
  color: #8c8d8d;
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 10px;
}

.exibition-edit h4 {
  letter-spacing: 0.72px;
  color: #212529;
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 10px;
}

.exibition-edit ul li {
  letter-spacing: 0.72px;
  font-size: 20px;
  color: #8c8d8d;
  line-height: 30px;
  padding-bottom: 5px;
}

.exibition-edit ul {
  padding-bottom: 10px;
}

.sec-event1 {
  padding: 50px 0 90px 0;
}

section.sec-marble-1.waqg .marbles-edit p {
  padding-right: 0px;
}

/*Events & Activities end  */
/* SZGMC start */

.general-archi.sheikh p {
  letter-spacing: 0.72px;
  color: #8c8d8d;
  font-size: 20px;
  line-height: 30px;
}

.general-archi.sheikh ul li {
  letter-spacing: 0.72px;
  color: #8c8d8d;
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 20px;
}

.general-2-archi.sheikh ul li {
  letter-spacing: 0.72px;
  color: #8c8d8d;
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 30px;
  padding-left: 13px;
}

.general-2-archi.sheikh h2 {
  letter-spacing: 0.9px;
  color: #231f20;
  font-size: 25px;
  line-height: 44px;
  padding-bottom: 30px;
  font-weight: 600;
}

.general-archi.sheikh {
  padding-top: 35px;
}

.breadcrumbs ul li a.active {
  color: #d0ac3c;
}

.szmc img.archi-img {
  padding-left: 5px;
  height: auto;
}

.inner-page.about-szgmc-page .pt-sec2-mainhead img {
  width: 130px;
}

/* SZGMC end */
/* Official Authorities Registration */

.booking1 .pt-sec2-mainhead img {
  width: 120px;
}

.ev-edit-p.book-para {
  padding-top: 20px;
}

/* Official Authorities Registration */

/* services start */

.serv-box {
  max-width: 408px;
  height: 377px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 5px #0000001a;
  border-radius: 10px;
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  padding: 0 30px;
  margin-bottom: 40px;
  cursor: pointer;
  /*border: 1px solid #BBA367;*/
}

section.sec-serv {
  padding: 0px 0px 60px 0px;
}

.serv-box p {
  letter-spacing: 0.72px;
  color: #8c8d8d;
  font-size: 20px;
  line-height: 30px;
  padding-top: 25px;
}

.content-serv {
  width: 84px;
  height: 84px;
  background: #98712a2b 0% 0% no-repeat padding-box;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.serv-box:hover .content-serv {
  background-color: #bba367;
  transition: all 0.5s ease-in-out;
}

.content-serv img:nth-child(2) {
  display: none;
  transition: all 0.5s ease-in-out;
}

.serv-box:hover img:nth-child(2) {
  display: block;
  transition: all 0.5s ease-in-out;
}

.serv-box:hover img:nth-child(1) {
  display: none;
  transition: all 0.5s ease-in-out;
}

.serv-box a {
  font-size: 20px;
  line-height: 24px;
  font-family: "thesansb6semibold";
  display: inline-block;
  letter-spacing: 2.66px;
  color: #bba367;
  margin-left: 0px;
  transition: 0.3s ease;
}
[lang="ar"] .serv-box a {
  font-family: "TheSansArabicsemibold" !important;
}
.serv-box a i {
  opacity: 0;
  font-size: 15px;
  transition: all 0.3s ease-in-out;
  transform: translateX(-30px);
}

.serv-box a:hover i {
  opacity: 1;
  transition: all 0.3s ease-in-out 0s;
  animation: 0s ease 0s 1 normal none running auto;
  transform: translateX(0px);
}

.serv-box a:hover {
  font-size: 23px;
}

/* services Authorities Registration end */

/**/
.child-sec .s-right {
  padding-left: 10px;
}

.child-sec .s-right a {
  margin-top: 20px;
}

.s-right a {
  font-size: 20px;
  line-height: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  letter-spacing: 2.66px;
  color: #bba367;
  margin-left: 0px;
  transition: 0.3s ease;
}

.s-right a:hover {
  font-size: 22px;
}

p.p-mos {
  letter-spacing: 0.72px;
  color: #231f20;
  font-size: 20px;
  line-height: 44px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.s-right a:hover i {
  opacity: 1;
  transition: all 0.3s ease-in-out 0s;
  animation: 0s ease 0s 1 normal none running auto;
  transform: translateX(0px);
}

.s-right a i {
  opacity: 0;
  font-size: 15px;
  transition: all 0.3s ease-in-out;
  transform: translateX(-30px);
}

.s-right span {
  margin: 0px;
}

section.rp-sec-4.child-sec {
  padding-bottom: 80px;
  margin-top: 40px;
}

/**/

section.sec-walkway {
  text-align: center;
}

/* .walkway img {
width: 80%;
padding-top: 0px;
padding-bottom: 20px;
} */

.walkway h3 {
  font-family: "Philosopher";
  letter-spacing: 0px;
  color: #231f20;
  margin: 0 auto;
  padding: 10px 0;
  font-weight: 900;
  line-height: inherit;
  font-size: 32px;
}
[lang="ar"] .walkway h3 {
  font-family: "TheSansArabicBold";
}

.walkway {
  padding-bottom: 20px;
  max-width: 85%;
  margin: auto;
}
/* .walkway img {
margin-bottom: 20px;
} */
.walkway p {
  letter-spacing: 0.72px;
  color: #8c8d8d;
  font-size: 20px;
  line-height: 30px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 30px;
}

.ewan h6 {
  letter-spacing: 0.72px;
  color: #231f20;
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 10px;
}

.ewan p {
  letter-spacing: 0.72px;
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 10px;
}

.ewan h1 {
  font: normal normal bold 40px/60px Philosopher;
  letter-spacing: 1.44px;
  color: #231f20;
}

.sahan-edit.artwors {
  padding-left: 20px;
}

.ewan .ev-edit-p h1 {
  text-align: center;
  padding-bottom: 20px;
}

.pt-sec2-mainhead.culture {
  padding-top: 20px;
  margin-bottom: 50px;
}

/* holy-quran */
section.sec-1-holy {
  padding-top: 0px;
}

.content-right.content-form .table td,
.table th {
  border-top: none;
  padding-bottom: 30px;
}

.content-right.content-form audio {
  width: 500px;
}

.content-right.content-form .table td {
  text-align: center;
}

.nubering-news.number-form .p-my-pagination li {
  width: 38px;
  height: 38px;
  border: 1px solid #bba367;
  border-radius: 3px;
}

.nubering-news.number-form .p-my-pagination li a {
  letter-spacing: 0.54px;
  color: #231f20;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  line-height: 38px;
}

.nubering-news.number-form .p-my-pagination li a i {
  letter-spacing: 0.54px;
  color: #231f20;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  line-height: 38px;
}

.nubering-news.number-form .p-my-pagination li:last-child {
  background: transparent;
  border: 0;
  box-shadow: none;
  margin-left: 0;
}

.nubering-news.number-form .p-my-pagination li:first-child {
  background: transparent;
  border: 0;
  box-shadow: none;
  margin-right: 20px;
}

.nubering-news.number-form .content-right.content-form .table td,
.table th span img {
  width: 62px;
  height: 62px;
  margin-right: 0px;
}
nav.p-my-pagination {
  width: 100%;
  float: left;
}

.nubering-news.number-form .p-my-pagination li.active {
  background: #bba367;
}

.pt-sec2-mainhead.holy-quran {
  padding-top: 20px;
}

.nubering-news.number-form {
  padding-top: 20px;
  width: 100%;
  float: left;
}

/* holy-quran */

/* /contact-us*/

section.inner-banner.all-banner.contact-ase {
  background-image: url(../images/contact-us.png);
}

.in-lab-1 {
  display: flex;
  align-items: center;
}

.btn-contact input {
  width: 177px;
  height: 52px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 0.5px solid #cccaca;
  border-radius: 5px;
  margin-right: 109px;
}

.btn-contact button {
  width: 214px;
  height: 52px;
  background: 0% 0% no-repeat padding-box padding-box rgb(140, 141, 141);
  border-radius: 5px;
  letter-spacing: 0.9px;
  color: rgb(249 249 249);
  font-size: 30px;
  line-height: 36px;
  border: none;
}

.contact {
  background: #bba36776 0% 0% no-repeat padding-box;
  border-radius: 23px 0px 0px 23px;
  display: flex;
  justify-content: center;
  padding-top: 120px;
}
[lang="ar"] .contact {
  border-radius: 0px 23px 23px 0px;
}
[lang="ar"] .contac-us {
  text-align: right;
}
[lang="ar"] .contact-padd {
  text-align: right;
}
.icon-cntact img {
  filter: brightness(0) grayscale(1);
}

.contact h2 {
  letter-spacing: 0px;
  color: black;
  text-transform: capitalize;
  font-size: 30px;
  line-height: 34px;
  padding-bottom: 20px;
  margin-left: -29px;
}

.row.form-con {
  height: auto;
  border: none;
  border-radius: 23px;
  margin-top: 0px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 2px #e0dbdb;
}

.icon-cntact p {
  letter-spacing: 0.69px;
  color: black;
  font-size: 23px;
  line-height: 36px;
  padding-bottom: 15px;
}

.icon-cntact {
  display: flex;
  align-items: baseline;
  gap: 20px;
}

.form-con {
}

.contac-us {
  padding-left: 80px;
  padding-top: 120px;
}

.contac-us h2 {
  letter-spacing: 0px;
  color: #bba367;
  text-transform: capitalize;
  font-size: 30px;
  line-height: 34px;
  padding-bottom: 20px;
}

.contac-us p {
  letter-spacing: 0.6px;
  color: #231f20;
  font-size: 20px;
  line-height: 36px;
}

.in-lab label {
  width: 23%;
  letter-spacing: 0.6px;
  font-size: 20px;
  line-height: 36px;
  color: #8c8d8d;
}

.in-lab-1 label {
  letter-spacing: 0.6px;
  font-size: 20px;
  line-height: 36px;
  color: #8c8d8d;
  width: 23%;
}

.in-lab input {
  width: 54%;
  height: 52px;
  margin-bottom: 35px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 0.5px solid #cccaca;
  border-radius: 5px;
  padding: 12px;
}

.btn-contact a {
  display: block;
  text-align: end;
  letter-spacing: 0.54px;
  color: #ff0a0a;
  font-size: 18px;
  line-height: 36px;
  padding-left: 288px;
}

.btn-sub-contact {
  text-align: center;
  padding-top: 100px;
}

.btn-sub-contact button {
  width: 177px;
  height: 52px;
  /* UI Properties */
  background: #bba367 0% 0% no-repeat padding-box;
  border-radius: 5px;
  letter-spacing: 0.6px;
  color: #ffffff;
  border: none;
  font-size: 20px;
  line-height: 36px;
}

.in-lab {
  padding-bottom: 22px;
}

.in-lab label span {
  color: red;
}

.h1-road h1 {
  text-align: center;
  font: normal normal bold 60px/44px Philosopher;
  letter-spacing: 2.16px;
  color: #231f20;
  text-transform: capitalize;
  padding: 50px 0px;
  font-size: 40px;
  margin-bottom: 0px;
}
[lang="ar"] .h1-road h1 {
  font-family: 'TheSansArabicBold';
}
.google-play.ab-map p a {
  letter-spacing: 0.9px;
  color: #bba367;
  font-size: 30px;
  line-height: 36px;
}

.google-play.ab-map p i {
  font-size: 30px;
  color: #bba367;
  margin-right: 17px;
}

.google-play.ab-map {
  padding-top: 14px;
}

.cont-flash p a {
  letter-spacing: 0.9px;
  color: #bba367;
  font-size: 30px;
  line-height: 36px;
}

.cont-flash {
  padding-top: 30px;
}

.cordinate-content.contact-padd h1.pt-mainhead {
  padding: 0;
}

.contact-padd {
  padding-top: 50px !important;
}

.gps.contact-padd {
  padding-top: 100px !important;
}

.cont-flash p img {
  margin-right: 10px;
}

/* contact */

/*Suggestions and Complaints */
section.sec-1-sugges h1 {
  font: normal normal bold 45px/44px Philosopher;
  letter-spacing: 1.62px;
  color: #231f20;
  text-align: center;
}

section.sec-1-sugges p {
  letter-spacing: 0.6px;
  color: #231f20;
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 30px;
}

.input-suggest {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.input-suggest input {
  width: 80%;
  height: 65px;
  /* UI Properties */
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #bba367;
  border-radius: 7px;
  padding-left: 10px;
}

.input-suggest label {
  letter-spacing: 0.6px;
  font-size: 20px;
  line-height: 36px;
  width: 70%;
}

.check-suggest p {
  text-align: initial !important;
  letter-spacing: 0.6px;
  font-size: 20px;
  line-height: 36px;
  margin-bottom: 0;
}

.check-suggest label {
  letter-spacing: 0.6px;
  font-size: 20px;
  line-height: 36px;
  color: #231f20;
  margin-left: 10px;
  margin-right: 13px;
}

.check-suggest input {
  /* margin-left: 30px; */
}

section.sec-1-sugges {
  background: #fcfcfc 0% 0% no-repeat padding-box;
  padding: 100px 0;
  margin: 80px 0;
}

.check-suggest {
  padding-bottom: 20px;
  padding-top: 20px;
}

.input-suggest textarea {
  width: 80%;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #bba367;
  border-radius: 5px;
  height: 201px;
  padding-right: 10px;
}

.change-text {
  text-align: center;
  padding-top: 65px;
}

.change-text .btn-contact a {
  text-align: center;
}

.change-text .btn-contact input {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #bba367;
  width: 229px;
  height: 52px;
  margin-right: 60px;
}

.change-text .btn-contact button {
  width: 177px;
  height: 52px;
}

.change-text .btn-sub-contact {
  text-align: center;
  padding-top: 30px;
}

.file-up input[type="file"]::file-selector-button {
  width: 288px;
  height: 65px;
  /* UI Properties */
  background: #8c8d8d 0% 0% no-repeat padding-box;
  border: 0.5px solid #8c8d8d;
  border-radius: 5px;
  letter-spacing: 0.6px;
  color: #ffffff;
  font-size: 20px;
  line-height: 36px;
  cursor: pointer;
}

div.upload {
  border-radius: 5px;
  display: inline-block;
  height: 65px;
  padding: 0px 30px 0px 0px;
  position: relative;
  width: 80%;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #bba367;
}

div.upload:hover {
  opacity: 0.95;
}

div.upload input[type="file"] {
  display: input-block;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  left: 0;
}

.uploadButton {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 50px;

  box-sizing: content-box;
  background: #8c8d8d 0% 0% no-repeat padding-box;
  border: 0.5px solid #8c8d8d;
  border-radius: 5px;
  width: 250px;
  height: 61px;
}

.fileName {
  letter-spacing: 0.6px;
  color: #a0a1a1;
  font-size: 20px;
  line-height: 36px;
}

.upload + .uploadButton {
  height: 38px;
}

.file-up {
  display: flex;
  flex-direction: column;
  padding-top: 0px;
}

.file-up label {
  letter-spacing: 0.6px;
  color: #231f20;
  font-size: 20px;
  line-height: 36px;
}

section.inner-banner.all-banner.suggestion {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../images/suggest.png);
}

/* Suggestions and Complaints */

/* Visiting Hours */
.visti-hour-2 h1, .visti-hour-2 h1 span, .visti-hour-2 h1, .visti-hour-2 h1 span span {
  font-family: "Philosopher";
  letter-spacing: 0px;
  color: #231f20;
  font-size: 40px!important;
}

.visti-hour-2 {
  padding-bottom: 20px;
  padding-top: 20px;
}

table.table-hour {
  width: 100%;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #bba367;
  border-radius: 10px;
  margin-bottom: 50px;
}

table.table-hour tr th {
  font: normal normal bold 35px/44px Philosopher;
  letter-spacing: 1.26px;
  color: #231f20;
  text-transform: capitalize;
  padding: 20px 20px 20px 40px;
}

table.table-hour tr {
  border: 1px solid #bba367;
}

table.table-hour tr td {
  letter-spacing: 0.72px;
  color: #231f20;
  font-size: 20px;
  line-height: 30px;
  padding: 20px 20px 20px 40px;
  font-family: "thesansb5plain";
}

table.table-hour tr td:first-child {
  color: #bba367;
}

table.table-hour tr th:first-child {
  color: #bba367;
}

section.sec-3-hour {
  margin: 70px 0;
  background: #fffdf8 0% 0% no-repeat padding-box;
  padding: 50px 0;
}

/* section.ms-sec-2.hour-visit .ms-box {
margin: 0 80px;
} */

section.ms-sec-2.hour-visit {
  padding-top: 50px;
}

table.table-hour.hour-2 {
  background: #fff;
}

table.table-hour.hour-2 tr th {
  border: 4px solid #fffdf8;
  background: #bba367;
  color: white;
}
table.table-hour.hour-2 tr td:first-child {
  background: #bba367;
  color: white !important;
}
table.table-hour.hour-2 tr td {
  border: 4px solid #fffdf8;
}

table.table-hour.hour-2 tr td {
  border: 4px solid #fffdf8;
  text-align: center;
}

table.table-hour.hour-2 {
  text-align: center;
  width: 90%;
  margin: auto;
}
.visti-hour-2 h1, .visti-hour-2 h1 span {
  text-align: center;
}
.tx-lt {
  text-align: left !important;
}

/* Visiting Hours */

/*Transportation */
section.sec-1trans {
  padding-top: 100px;
  padding-bottom: 80px;
}
.box-trans {
  width: 640px;
  height: 340px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 20px;
  box-shadow: 0px 0px 10px #0c0c0c40;
  padding: 85px 30px 30px 30px;
  position: relative;
}

.col-lg-6.box-mar {
  margin-bottom: 130px;
}

.box-trans h2 {
  font: normal normal bold 40px/60px Philosopher;
  letter-spacing: 1.44px;
  color: #231f20;
}

.box-trans p {
  letter-spacing: 0.72px;
  color: #8c8d8d;
  font-size: 20px;
  line-height: 30px;
}

.box-trans p.s-right {
  padding: 0;
}

.box-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;
  background: #eee7db 0% 0% no-repeat padding-box;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: -18%;
  transform: translateX(-50%);
}
.view-route.MAP-EDIT {
  width: 100%;
  height: 100%;
}
/*Transportation */

/*Cultural Tours */
table.table-culture.table {
  width: 70%;
  background: #f2f2f2 0% 0% no-repeat padding-box;
  margin: 0 auto;
}

table.table-culture.table tr th {
  text-align: center;
  font: normal normal bold 35px/44px Philosopher;
  letter-spacing: 1.26px;
  color: #bba367;
  text-transform: capitalize;
  border: 7px solid white;
}

table.table-culture.table tr td {
  font: normal normal bold 22px/30px TheSans;
  letter-spacing: 0.79px;
  color: #231f20;
  border: 7px solid white;
  padding-left: 40px;
}

table.table-culture.table td,
.table th {
  padding: 0.75rem;
  vertical-align: middle;
  border-top: 1px solid #dee2e6;
}

.tab-culure {
  padding-top: 60px;
}
section.sec-1-holy table.table-culture.table td,
.table th {
  padding: 0.75rem;
  vertical-align: middle;
  border-top: none;
}
section.sec-organ.board-mem {
  padding-bottom: 60px;
}
.cordinate-content.cor-gps {
  padding-top: 35px;
}
/*Cultural Tours */

/**/
/* About Page */
.aboutFirstSec {
  padding-top: 75px;
  padding-bottom: 75px;
}
.aboutFirstSec .container-wide.container-wide-custom {
  max-width: 1470px;
}
.aboutFirstSec .abt-head {
  margin-top: 0 !important;
}
.aboutFirstSec .centerPart .abtstore {
  margin-top: 50px;
}
.aboutFirstSec .centerPart .abtstore.retailStore {
  margin-top: 0;
}
.aboutFirstSec .leftPart p {
  color: #000;
  /* font-family: Helvetica; */
  font-size: 16px;
  line-height: 24px;
  margin-top: 25px;
}
.aboutFirstSec .leftPart ul {
  padding-left: 5px;
}
.aboutFirstSec .leftPart ul li:before {
  color: #8c734b;
  height: 20px;
  width: 20px;
  border: 2px solid #8c734b;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aboutFirstSec .leftPart ul li a {
  color: #8c734b;
  font-family: Helvetica;
  font-size: 16px;
  line-height: 24px;
}
.aboutFirstSec .leftPart ul {
  padding-left: 5px;
  margin-top: 40px !important;
}
.aboutFirstSec .leftPart .btn {
  background-color: #8c734b;
  border: none;
  padding: 18px 34px;
  text-transform: capitalize;
  color: #ffffff;
  font-family: "Sans";
  font-size: 16px;
  min-width: auto;
}
.aboutFirstSec .centerPart .abtstore h3 {
  color: #12141b !important;
  font-family: "Sans";
  font-size: 40px;
}
.aboutFirstSec .centerPart .abtstore h5 {
  color: #767676;
  font-family: Helvetica;
  font-size: 16px;
  line-height: 24px;
}
.aboutFirstSec .centerPart .abtstore:before {
  position: relative;
}
.aboutFirstSec .centerPart .abtstore:before {
  position: absolute;
  content: "";
  width: 170px;
  height: 1px;
  background-color: #d8d8d8;
  left: 0;
  right: 0;
  top: -22px;
  margin: auto;
}
.aboutFirstSec .centerPart .retailStore.abtstore:before {
  content: none !important;
}
.aboutFirstSec .rightPart .newQuate {
  transform: inherit;
}
.aboutFirstSec .rightPart .newQuate:before {
  content: none !important;
}
.aboutFirstSec .rightPart h5 {
  color: #767676 !important;
  font-family: Helvetica;
  font-size: 16px;
  line-height: 24px;
  margin-top: 20px;
}
.aboutFirstSec .rightPart .quote-boxed-body {
  min-height: 257px;
}
.aboutFirstSec .rightPart .quote-boxed-body:before {
  left: 70px;
  border-style: solid;
  border-width: 28px 27px 0;
  border-color: #fff transparent transparent;
}
.abt-last-tab-section .tab-pane .col-md-8 {
  padding-left: 49px;
}
.abt-last-tab-section .tab-pane .col-md-8 p {
  color: #767676;
  font-family: Helvetica;
  font-size: 16px;
  line-height: 24px;
}
.abt-last-tab-section .nav.nav-tabs .nav-link {
  color: #12141b;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 500;
  border: 2px solid #12141b !important;
  padding: 17px 25px;
  width: 160px;
}
.abt-last-tab-section .nav.nav-tabs .nav-link:hover,
.abt-last-tab-section .nav.nav-tabs .active.nav-link {
  background-color: #8c734b !important;
  border-color: #8c734b !important;
  color: #ffffff;
}
.abt-last-tab-section .nav.nav-tabs .nav-link:before {
  content: none !important;
}
.abt-last-tab-section .nav.nav-tabs .nav-link:after {
  content: none !important;
}
.abt-last-tab-section {
  background-color: #ffffff !important;
  padding-top: 78px !important;
  padding-bottom: 70px !important;
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
}
.vidPlayBtn a {
  width: 110px;
  height: 110px;
  background-color: #ffffff;
  border-radius: 100%;
  margin: 0 auto;
  display: inline-block;
  position: relative;
}
.vidPlayBtn {
  visibility: hidden;
}
.vidPlayBtn a:before {
  position: absolute;
  content: "";
  border-top: 21px solid transparent;
  border-bottom: 21px solid transparent;
  border-left: 28px solid #004e58;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.abtVideoSection {
  border-top: 1px solid #d8d8d8;
  position: relative;
  height: 400px;
}
.abtVideoSection:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
}
.page .text-primary {
  color: #004e59 !important;
}
.aboutFirstSec .container-wide.container-wide-custom {
  max-width: 1470px;
  margin: 0 auto;
}
.bg-vide.bg-vide-1 video {
  width: 100% !important;
}
.quote-boxed-body {
  position: relative;
  min-height: 275px;
  padding: 30px 20px 60px;
  border-radius: 5px;
  box-shadow: 0 5px 23px 5px rgb(85 105 164 / 10%);
}
.aboutFirstSec .rightPart .quote-boxed-body:before {
  left: 70px;
  border-style: solid;
  border-width: 28px 27px 0;
  border-color: #fff transparent transparent;
}

.quote-boxed-body:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 30px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0;
  border-color: #fff transparent transparent;
}

unit {
}

.unit {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin-bottom: -30px;
  margin-left: -20px;
}

.offset-top-45 {
  margin-top: 45px;
}

.unit > * {
  margin-bottom: 30px;
  margin-left: 20px;
}
/* .abtVideoSection .bg-vide{padding-bottom:40px;} */
/* .abtVideoSection .bg-vide > div{top:20px !important;bottom:20px !important;} */

/* gallery tabs */
ul.gallery-tabs {
  justify-content: center;
  position: relative;
  margin-bottom: 30px !important;
}

ul.gallery-tabs .nav-link {
  border-radius: 30px;
  padding: 6px 30px;
  font-size: 20px;
}

ul.gallery-tabs:before {
  content: "";
  position: absolute;
  background: #7fffd400;
  border: 1px solid #bba367;
  width: 230px;
  height: 100%;
  border-radius: 30px;
  z-index: -1;
}

ul.gallery-tabs .nav-link.active {
  background: #bba367;
}

ul.gallery-tabs a {
  color: #bba367;
}
.poopup img.youtube-icon {
  width: 13%;
  opacity: 0.8;
}

.image_gallery .image_div {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 10px;
}

.image_gallery .image_div img {
  object-fit: cover;
  width: 100%;
}

.image_gallery {
  display: flex;
  flex-wrap: wrap;
}

.mb20 {
  margin-bottom: 20px !important;
}
/* .mt20 {
margin-top : 20px !important;
} */
.pb10 {
  padding-bottom: 10px;
}
.mb10 {
  margin-bottom: 10px;
}

.height592 {
  height: 592px;
}
.height276 {
  height: 276px;
}

.image_gallery_bottom {
  display: flex;
  flex-wrap: wrap;
}
.image_div a img {
  width: 100%;
}
/*pop up*/
.poopup {
  position: relative;
}

.poopup > img {
  width: 100%;
  min-height: 359px;
  object-fit: cover;
  border-radius: 20px;
}

.image_div.image_div_inner {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 10px;
}

.image_div {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 10px;
}

.image-show-gallery {
  background: #00000038;
  overflow: hidden;
  height: 450px;
  max-width: 800px;
  width: 800px;
}

.image-show-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-gallery {
  margin-bottom: 30px;
}
.video-gallery .video-text h3 {
  font-size: 13px;
  /* display: flex; */
  /* justify-content: center; */
  text-align: center;
  padding-top: 13px;
  line-height: 17px;
  color: #bba367;
  font-family: "TheSansArabicsemibold";
}

/**/

.my_sec_7_row1 .slick-slide {
  height: auto;
}

.marbles-edit.souj-a h1 {
  font-size: 53px;
  padding-bottom: 17px;
}

.marbles-edit.souj-a p {
  padding-right: 0;
}

/* member */
.row.board-row {
  display: flex;
  justify-content: center;
  gap: 50px;
  padding-bottom: 80px;
}

.board-mem-box img {
  max-width: 100%;
  height: auto;
}

.board-mem-box {
  text-align: center;
}

.board-mem-box h2 {
  font-size: 20px;
  font-family: "thesansb5plain";

  line-height: 30px;
  width: 27%;
  margin: 0 auto;
  padding-top: 20px;

  letter-spacing: 0.72px;
  color: #98712a;
}
[lang="ar"] .board-mem-box h2 {
  font-family: 'TheSansArabicsemibold';
}
.board-mem-box h3 {
  font-size: 16px;
  color: black;
  font-family: "thesansb6semibold";
  padding-top: 10px;
  letter-spacing: 0.65px;
  color: #231f20;
}
[lang="ar"] .board-mem-box h3 {
  font-family: 'TheSansArabicsemibold';
}
.board-mem h2 {
  font-size: 18px;
  font-family: "thesansb5plain";
  color: #cbab5c;
  line-height: 30px;
  text-align: center;
  letter-spacing: 0.72px;
  color: #98712a;
  padding-top: 20px;
}
[lang="ar"]  .board-mem h2 {
  font-family: 'TheSansArabicsemibold';
}
.board-mem h3 {
  font-size: 16px;
  color: black;
  font-family: "thesansb6semibold";
  text-align: center;
  letter-spacing: 0.65px;
  color: #231f20;
}
[lang="ar"]  .board-mem h3 {
  font-family: 'TheSansArabicsemibold';
}
.board-mem img {
  max-width: 100%;
  height: auto;
}
.mosque1 button.close {
  z-index: 999;
}
/* member end */

.sahan-edit-1 img {
  margin-top: 53px;
}
/*=================== styling end  ===================end*/

.video-link {
  display: none;
}

/*=================== media query end  ===================*

/*5/9/2022*/

.form-content-box,
.form-content-box-instruction {
  overflow: auto;
}

.g-a-1 .form-group {
  margin-bottom: 20px;
}

.g-a-1 label {
  font-size: 22px;
  line-height: 35px;
  letter-spacing: 0.9px;
  margin-bottom: 3px;
}

.g-a-1 select {
  background-size: 14px;
}

.g-a-btn i {
  font-size: 14px;
  transform: translateY(0px);
  margin-left: 10px;
}

.form-bottom-tab a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.form-bottom-tab {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.l-e-d img {
  height: 55px;
  object-fit: cover;
}

.g-a-1 input,
.g-a-1 select {
  height: 55px;
}

.g-a-btn {
  line-height: 58px;
}

/* .g-a-registration .container-1630 {
max-width: 1500px;
} */

.g-a-formfields .g-a-1 {
  flex: 0 0 47%;
}

.form-content-box {
  padding: 50px 60px 60px;
}
.form-content-box-instruction {
  padding: 0px !important;
}
.form-content-box-instruction form {
  padding: 50px 60px 60px;
}
/**/

.g-a-formfields.g-a-1.changes {
  flex-flow: wrap;
}

.g-a-formfields.g-a-1.changes > * {
  flex: 0 0 auto;
}

.form-content-box .form-group {
  flex: 0 0 30%;
  position: relative;
}

.form-content-box .g-a-formfields {
  flex-flow: wrap;
}

.g-a-1 input,
.g-a-1 select {
  height: 40px;
}
.l-e-d img {
  height: 40px;
  object-fit: cover;
}

div.form-group select,
div.form-group input,
.g-a-registration select {
  font-size: 16px;
}

div.iti input,
div.l-e-d input {
  font-size: 15px;
}
input.pt-3.form-control.form-control-file {
  font-size: 13px;
  padding-top: 0px !important;
}

/*      Media Request        */

.options-d ul {
  display: flex;
  justify-content: space-around;
}

.options-d ul li h3 {
  font-size: 20px;
  font-family: "Philosopher";
}
.options-d ul li span,
.options-d ul li h3 {
  color: #bba367;
}
.options-d ul li span {
  font-size: 35px;
  display: block;
  text-align: right;
  font-family: "Philosopher";
}

.options-d ul li h3 {
  text-align: center;
}
.form-fields-lead {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-flow: wrap;
}

.form-group {
  display: flex;
  flex-direction: column;
}

.form-group label {
  font-family: "thesansb6semibold";
  font-size: 19px !important;
  /* white-space: nowrap; */
}

.form-fields-lead .form-group input,
.form-fields-lead .form-group select {
  height: 55px;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
}
div.jcol-2 .form-group {
  flex: 0 0 25%;
}
div.jcol-3 .form-group {
  flex: 0 0 32%;
}
.step-1 .step-heading {
  width: 52%;
  margin: 0 auto;
}
.step-heading {
  padding-bottom: 30px;
}
.step-1,
.step-2,
.step-3,
.step-4,
.step-5,
.step-6,
.step-7,
.step-8 {
  padding: 50px 60px;
  border: 1px solid #d3d3d380;
  margin: 70px 0;
  border-radius: 10px;
  box-shadow: #0000000f 0 4px 5px;
}
.step-heading h3 {
  font-family: "Philosopher";
  font-weight: 600;
  margin-bottom: 0;
}
.form-fields-lead.jcol-3 {
  justify-content: flex-start;
}
select.j-dd {
  padding: 0 15px;
  background: transparent;
  background-repeat: no-repeat;
  background-image: url(../images/registration-forms/5.svg);
  background-position-x: 97%;
  background-position-y: 50%;
  appearance: none;
  font-family: "thesansb5plain";
  font-size: 25px !important;
}
.form-fields-lead.jcol-special-one {
  justify-content: flex-start;
  gap: 40px;
}

.spec-one {
  flex: 0 0 60%;
}

.spec-last {
  flex: 0 0 36%;
}
.form-group input[type="file"] {
  background: #fff;
  padding: 15px;
  font-size: 13px;
}
.end-buttons {
  padding: 30px 0;
}
.spe-head {
  display: flex;
  gap: 30px;
  align-items: center;
}

.heading-btn button {
  background-color: #bba36733;
  padding: 1px 15px;
  font-size: 25px;
  font-family: "thesansb5plain";
  border: 1px solid #bba36780;
}
.form-group input {
  padding: 15px;
}
.form-fileds-lead.jcol-special-one {
  display: flex;
}
.checkbox-main {
  display: flex;
  gap: 15%;
}
.text-wth-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
}

.text-wth-btn label {
  margin-bottom: 0;
}
.text-wth-btn button {
  background-color: #bba36733;
  padding: 1px 15px;
  font-size: 25px;
  font-family: "thesansb5plain";
  border: 1px solid #bba36780;
}
.form-fields-lead.jcol-special-one.no-gap {
  gap: 0;
}
.active-li {
  background: red;
}
div#st1 {
  display: block;
}

.step {
  display: none;
}
.form-group button {
  background-color: #bba36733;
  padding: 1px 15px;
  font-size: 25px;
  font-family: "thesansb5plain";
  border: 1px solid #bba36780;
}
.checkbox-row {
  display: flex;
  gap: 40px;
}

.full-width-form {
  justify-content: flex-start;
}

.checkbox-inside {
  display: flex;
  align-items: center;
  gap: 5px;
}

.checkbox-inside label {
  margin-bottom: 0;
}

.topbar_flex {
  padding: 0px;
}
.header {
  padding: 0px !important;
}
.header-new {
  position: fixed;
  width: 100%;
  z-index: 1000;
  float: left;
  background: #fff;
  top: 0;
}
.head-none {
  display: block;
}
.header-new .flex-row-reverse {
  flex-direction: unset !important;
}
.log-brand {
  width: 130px;
}
ul.nav-list li {
  float: left;
  padding: 38px 0px !important;
}

ul.nav-list li a {
  font-size: 13px;
  padding: 0px 15px 0px 0px;
  /* font: normal normal bold 10px/1px TheSans; */
  letter-spacing: -0.26px;
  color: #98712a !important;
  text-transform: capitalize;
  opacity: 1;
  font-family: auto;
  font-family: "thesansb6semibold";
  position: relative;
}
[lang="ar"] ul.nav-list li a {
  font-family: "TheSansArabicsemibold" !important;
}

ul.my_dropdown:after {
  display: none;
}
ul.my_dropdown li {
  float: none;
  padding-top: 0px !important;
  padding-bottom: 10px !important;
}
ul.my_dropdown:before {
  display: none;
}
ul.my_dropdown {
  position: absolute;
  left: -14px;
  top: 100%;
  width: 320px;
  background: white;
  box-shadow: 0px 3px 6px #00000029;
  padding: 25px 15px 15px 15px;
  border-radius: 5px;
  z-index: 999;
  border: 1px solid #bba36780;
  transform: translateY(50px);
  transition: all 0.3s ease;
  border-top: 4px solid #bba367;
  border-radius: 0px 00px 5px 5px;
  display: none;
  overflow: auto;
}

.child-menu a::after {
  content: "";
  font-family: "FontAwesome";
  width: 7px;
  height: 7px;
  position: absolute;
  border-right: 20px;
  content: "";
  position: absolute;
  left: auto;
  top: 4px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 5px solid #bba367;
  clear: both;
  right: 9%;
  display: none;
}
.book-your-visit-sec {
  display: none;
}
.header-new .book-your-visit-sec {
  display: block !important;
  width: fit-content;
  float: right;
  text-transform: capitalize;
}
.book-your-visit-sec a {
  background: #bba367 !important;
  padding: 9px 13px;
  font-size: 13px;
  border-radius: 6px;
}
.book-your-visit-sec a {
  color: #fff !important;
}

/* .header-new .container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 100%!important;
} */
.header-new ul.nav-list li a {
  padding: 0px 15px 0px 0px;
  font-size: 11px;
}
.header-new nav {
  display: block;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 50px;
}
.player-sechead h2 {
  font-size: 40px;
  line-height: inherit;
  max-width: 58%;
  padding-bottom: 15px;
}
.banner-head h1,
.banner-right-content h1 {
  font-size: 37px;
  line-height: 50px;
  max-width: 70%;
}
section.section-2 {
  padding: 100px 0px 60px 0px;
}
.sec-5top-content h4 {
  font-size: 19px !important;
  -webkit-text-stroke: 0;
  line-height: initial !important;
  padding-top: 10px;
}
.sec-5top-content h2 {
  font-size: 40px;
  line-height: inherit;
  padding-bottom: 15px;
}
.sec-5top-content h2,
.my_sec_7_row1 h2,
.my_sec_8_row1 h2,
.my_sec_9_row1 h2 {
  font-size: 40px !important;
  line-height: inherit !important;
}
.s6-btn {
  text-align: center;
  margin-top: 59px;
  width: 100%;
  height: auto;
  float: left;
  display: flex;
  justify-content: center;
  display: none;
}
.section-6 {
  padding: 60px 0 60px 0px !important;
  padding-bottom: 80px;
}
.row.my_sec6_row {
  margin-top: 50px;
}
h3.sec-subhead {
  font-size: 19px !important;
  line-height: inherit !important;
  padding-top: 10px;
}
section.my_sec_9 {
  padding-top: 0px !important;
}
/*.foot-center h1 {*/
/*    font-size: 45px;*/
/*    line-height: inherit;*/
/*}*/

img.sec_img {
  width: 60px;
}
.sec-9-head h2 {
  margin-bottom: 15px;
}
footer.main-footer {
  padding-top: 30px !important;
}
.row.footer-row {
  align-items: center;
}

.footer-col-2 {
  padding-top: 40px;
}
.footer-col-3 {
  padding-top: 50px;
}
/*section.my_sec_8 h2 {*/
/*    margin-bottom: -30px;*/
/*}*/
section.my_sec_8 {
  padding-top: 25px;
}
section.my_sec_7 {
  padding-top: 40px;
}
.container-fluid.my_sec_7_row2 {
  padding-top: 20px;
}
a.my_social_a {
  height: auto;
}
/* .my_sec_8_row1 .row {
margin-top: 25px;
} */
section {
  width: 100%;
  float: left;
}
footer.main-footer {
  padding-top: 30px;
  width: 100%;
  float: left;
}
.search-form {
  display: flex;
  align-items: center;
}
.search-modal .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
  padding: 0px;
}
form.search-form a {
  background: #bba367;
  height: 50px;
  font-synthesis-weight: 40px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
ul.side-nav-list li {
  position: relative;
}
.search {
  color: #000;
  margin-left: auto !important;
  margin-right: 20px;
  display: none;
  background: transperant !important;
}

form.search-form input {
  height: 50px;
  border-radius: 0px;
}
.breadcrumbs {
  padding-top: 30px;
  width: 100%;
  float: left;
}
/*.d-lg-none {*/
/*    display: block!important;*/
/*}*/

.my_dropdown li a::after {
  content: "";
  font-family: "FontAwesome";
  /* background: red; */
  width: 7px;
  height: 7px;
  position: absolute;
  border-right: 20px;
  content: "";
  position: absolute;
  left: 0%;
  top: 4px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 5px solid #bba367;
  clear: both;
  right: 9%;
}
.menu-btn {
  display: none;
}

ul.my_dropdown li a {
  padding: 0px 0px 0px 10px !important;
  font-size: 14px;
  position: relative;
}

.position-right-box {
  position: fixed;
  right: 0;
  top: 40%;
  z-index: 1000;
  width: 250px;
}

.position-right-box-new {
  position: fixed;
  right: 0;
  top: 30%;
  z-index: 2;
  width: 250px;
  height: auto;
  background: #0000008c;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 20px 0 0 20px;
  padding: 20px 40px 20px 40px;
  transition: all 0.3s ease;
  z-index: 100000000000000000000000000000000000;
}
[lang="ar"] .position-right-box {
  right: auto !important;
  left: 0 !important;
  border-radius: 0px 20px 20px 0px;
}
.next-prayer h3 {
  font-size: 13px !important;
  line-height: inherit !important;
  font-family: "Philosopher";
}
.next-prayer h3 span {
  width: 100%;
  float: left;
}
.position-right-box:hover {
  transform: translateY(-30%);
  background: #0000008c;
}

.banner-box {
  margin-right: 20px;
  flex: 0 0 16%;
  text-align: center;
  padding: 7px;
}
.my_social_row .col-md-3 h2 {
  font-size: 26px !important;
}
ul.nav-list:nth-last-of-type(1) {
  margin-right: auto;
}
.sec-1-contact {
  width: 100%;
  float: left;
}
.nubering-news {
  width: 100%;
  float: left;
}
.sec-event1 {
  width: 100%;
  float: left;
}
a.book-your-visit-sec.book-your-visit-btn {
  display: none;
}
.board-mem img {
  max-width: 80% !important;
  margin: auto;
}
.board-mem {
  text-align: center;
}
.manners-allow {
  max-width: 80%;
  margin-left: 10%;
}
.search-modal {
  position: relative;
  z-index: 1000000000000000000000000 !important;
}
.my_grandm_div_text h2 {
  font-size: 23px !important;
}
.media-realated-form .in-lab .form-control {
  width: 100% !important;
  margin-bottom: 20px;
}
.media-realated-form {
  max-width: 80%;
  margin-left: 10%;
}
.name {
  margin-left: 10px;
}
.in-lab select {
  width: 54%;
  height: 52px;
  margin-bottom: 35px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 0.5px solid #cccaca;
  border-radius: 5px;
  padding: 12px;
}
.media-realated-form .in-lab label {
  font-size: 17px;
  width: 100%;
  color: #000;
  font-weight: 600;
  text-align: left;
}
.media-realated-form .form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 10px;
  padding-left: 10px;
}
.media-realated-form .btn-sub-contact {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
}
.media-realated-form .in-lab select.area {
  width: 30% !important;
  float: left;
}
.media-realated-form .in-lab .form-control.number {
  width: 68% !important;
  float: right;
}
ul.traning-program-ul {
  color: #8c8d8d;
  font-size: 17px;
  line-height: 30px;
  width: 80%;
  margin: 0 auto;
  padding-bottom: 30px;
  text-align: left;
}

ul.traning-program-ul li {
  margin-bottom: 15px;
  list-style: inside;
  font-size: 19px;
  letter-spacing: 0;
  font-family: "thesanslight";
}
ul.traning-program-ul li::marker {
  color: #bba367;
}
.general-2-archi {
  padding-top: 0px !important;
  width: 100%;
  float: left;
  margin-top: 40px;
}
.img-part {
  width: 48%;
  float: right;
  padding: 0px 0px 30px 30px;
}
.main-inner-content {
  width: 100%;
  float: left;
}
.res-box-content p span {
  font-weight: 700;
  font-size: 17px;
  /* color: red; */
  font-family: sans-serif;
}
.fade-golden {
  /* color: #98712ab5; */
  font-weight: 700;
}
.l-s-top-content h6,
.l-s-top-content h3 {
  color: #98712a !important;
  font-size: 25px;
  font-weight: 100;
  padding-top: 10px;
  padding-bottom: 20px;
}
li.list-none {
  list-style: none !important;
}
.l-s-top-content h5 {
  padding-bottom: 15px;
  font-weight: 700;
  font-weight: 400;
  color: #98712a !important;
  font-size: 25px;
}

.l-s-top-content ul {
  font-size: 20px;
  color: #8c8d8d;
}
.l-s-top-content ul li a {
  font-size: 20px;
  color: #98712a !important;
  text-decoration: none;
}

.l-s-top-content ul li {
  margin-bottom: 15px;
  list-style: inside;
}

a.contact-icon {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #000 !important;
  margin-bottom: 20px;
}
.icon-cntact i {
  width: 30px;
  height: 30px;
  background: #bba367;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  margin-top: 3px;
  margin-right: 10px;
}
[lang="ar"] .icon-cntact i {
  margin: 3px 0px 0px 10px;
}
.icon-cntact {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
}
.banner-box {
  /*margin-right: 20px;*/
  /*flex: 0 0 20%;*/
  text-align: center;
}
.banner-box img {
  filter: brightness(0) invert(1);
  width: 50px!important;
  height: 50px!important;
  object-fit: contain!important;
}

/* .golden-bg {
background: transparent linear-gradient(180deg, #B18C48 0%, #CEAE73 53%, #B18C48 100%) 0% 0% no-repeat padding-box!important;
border-radius: 15px;
color: #fff!important;
font-family: 'Philosopher'!important; 
} */
/* tr.eq td {
width: 23%;
} */
table.table-culture.table tr td {
  font-family: "Philosopher";
}
.two-td {
  padding: 0px !important;
  vertical-align: top !important;
}
td.two-td .td-50 {
  background: red;
  height: 114px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent linear-gradient(0deg, #f4efe6 0%, #e9d8b7 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #98712a33;
  border-radius: 10px;
  opacity: 1;
  /*box-shadow: 0px 0px 10px #98712A33;*/
}
.golden-fent-bg {
  background: transparent linear-gradient(0deg, #f4efe6 0%, #e9d8b7 100%) 0% 0% no-repeat padding-box !important;
  border: 1px solid #98712a33;
  border-radius: 10px !important;
  opacity: 1;
  text-align: center;
  padding: 0 !important;
  /*box-shadow: 0px 0px 10px #98712A33;*/
}
/* .golden-bg span {
display: flex;
align-items: center;
justify-content: center;
} */
/* .golden-bg span img {
width: 30px;
margin-right: 10px;
} */
td.golden-fent-bg {
  border-radius: 18px !important;
  /* margin-top: -29px!important; */
}
.two-td .td-50:nth-child(1) {
  margin-bottom: 8px;
  margin-top: 4px;
}
/*.four-td .td-50 {*/
/*    height: 56px!important;*/
/*}*/
.four-td .td-50 {
  height: 52.9px !important;
  margin-bottom: 8px;
}
.four-td .td-50:nth-child(1) {
  margin-bottom: 7px;
}
.five-td .td-50 {
  height: 41px !important;
  margin-bottom: 7px;
}
table.table-culture.table {
  width: 70%;
  background: #fff;
  margin: 0 auto;
}
.tab-culure {
  padding-top: 60px;
  /*max-width: 85%;*/
  margin: auto;
}
.table-p {
  letter-spacing: 0.79px;
  color: #231f20;
  opacity: 1;
  font-family: sans-serif;
  font-size: 17px;
  font-weight: 500;
  margin-top: 10px;
  margin-left: 10px;
}
/* .g-text {
text-align: left;
font-size: 24px!important;
align-items: flex-start;
text-align: left;
} */
.friday-span {
  font-size: 17px;
  display: block !important;
  font-family: sans-serif;
  font-weight: 100;
}
/* .day-times {
padding-left: 40px!important;
} */
/* .day-times {
vertical-align: middle!important;
text-align: left!important;
} */
td.td-mobile {
  display: none;
}
.two-td .td-50:nth-last-of-type(1) {
  /* display: none; */
  margin: 0;
}
tr.same-w td {
  width: 24%;
}
button.white-btn.plan-btn {
  background: #bba367 !important;
  color: #fff !important;
  border: 1px solid #fff;
  font-weight: 600;
}
ul.my_dropdown li a {
}
.table-hour td.golden-fent-bg {
  padding: 23px !important;
}
.cermony-2 img {
  height: 550px;
  width: 100%;
  object-fit: cover;
}
img.pt-sec-img {
  height: auto;
}

.date-time-sec {
  background: #f3eee4 0% 0% no-repeat padding-box;
  border-radius: 23px;
  padding: 45px;
  display: flex;
  align-items: center;
  color: #98712a !important;
  width: 100%;
  float: left;
  border: 2px solid #bba367;
}
.thank-you-page h1 {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  text-align: center;
  font-size: 40px;
  line-height: inherit;
  font-family: "philosopher", sans-serif;
  font-weight: 600;
}
[lang="ar"] .thank-you-page h1 {
  font-family: 'TheSansArabicbold';
}
.thank-you-page-ar h1 {
  font-family: "TheSansArabicBold";
}
.thank-you-page {
  width: 100%;
  float: left;
  padding: 60px 17%;
}
.date-time-sec .img-sec {
  width: 30%;
  float: left;
}
[lang="ar"] .data-sec {
  text-align: right;
  display: flex;
}
.thank-you-page-ar .date-time-sec .img-sec {
  text-align: right;
}
.data-sec {
  width: 75%;
  float: left;
}
.data-sec ul {
  width: auto;
  float: left;
  padding-right: 30px;
  margin: 0;
}
.thank-you-page-ar .data-sec ul {
  padding-left: 30px;
  padding-right: 0px;
  text-align: right;
}
.data-sec ul li {
  margin-bottom: 10px;
}
.data-sec ul li:nth-last-of-type(1) {
  margin: 0;
}
.data-sec ul span {
  padding-right: 20px;
}
.ticket-sec {
  width: 100%;
  float: left;
  height: auto;
  margin-bottom: 30px;
}
.qr-sec {
  width: 100%;
  float: left;
  margin-top: 30px;
}
.qr-sec p {
  letter-spacing: 0px;
  color: #8c8d8d;
  opacity: 1;
  font-family: "TheSansArabicsemibold";
  font-size: 18px;
  width: 100%;
  float: left;
}

.thank-you-page-ar .qr-sec p {
  letter-spacing: 0px;
  color: #8c8d8d;
  opacity: 1;
  font-weight: 600;
  font-size: 18px;
  width: 100%;
  float: left;
  text-align: right;
  font-family: "TheSansArabicsemibold";
}
.ticket-sec .row {
  margin-left: -25px;
  margin-right: -25px;
}
.ticket-qr span {
  letter-spacing: 0px;
  color: #8c8d8d;
  opacity: 1;
  font-weight: 500;
  font-size: 17px;
  width: 100%;
  float: left;
  margin-bottom: 12px;
  /* font-family: 'thesansb5plain'; */
}
.ticket-qr {
  text-align: center;
  width: 100%;
  float: left;
  margin-top: 25px;
  padding: 0px 10px;
}
.ar-text {
  font-family: inherit;
}
.bottom-buttons {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 25px;
  gap: 15px;
}
.bottom-buttons a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0px;
  width: 25%;
  font-size: 13px;
  color: #fff !important;
  height: 50px;
}
.bottom-buttons a:nth-last-of-type(1) {
  margin: 0px;
}

.center-link {
  width: 100%;
  text-align: center;
  max-width: 100%;
  float: left;
  padding: 30px 0px 40px 0px;
  font-size: 20px;
  color: #bba367 !important;
}
.ws-card-rating img {
  width: auto !important;
  height: auto !important;
}
.ws-card-detail img {
  width: auto;
  height: auto;
}
.languages a {
  color: #fff;
  font-weight: 600;
}

/* new css for media forms  06-09-2022 */

form#frmAddReg .step-form-tabs li {
  width: 33%;
}
form#frmAddReg a.nav-link {
  width: 100%;
}
form#frmAddReg .step-form-tabs li:nth-last-of-type(1) {
  margin-left: -172px;
  /* padding: 0; */
}

.iti.iti--allow-dropdown {
  width: 100%;
}
/* .registration .step-form-tabs li {
margin-left: -90px!important;
} */
.registration li.nav-item.tab-btn.active-tab {
  margin-left: 0px !important;
}
.registration li.nav-item.tab-btn {
  width: 33.33%;
  flex: 0 0 33.33%;
}
.registration .nav-tabs .nav-item a {
  width: 100% !important;
}

.touroperregistration .nav-tabs .nav-item {
  margin-bottom: -1px;
  width: 25%;
  flex: 0 0 auto;
}
.touroperregistration .nav-tabs .nav-item a {
  width: 100% !important;
}
.touroperregistration .step-form-tabs li:nth-last-of-type(1) a {
  margin-left: -170px;
}
.g-a-registration br {
  display: none;
}
/* header.main-head {
overflow: hidden;
} */

.propertyreservationrequest .step-form-tabs li {
  width: 33.33%;
  flex: 0 0 33.33%;
  margin-left: 0px;
}
.propertyreservationrequest .active-tab {
  margin-left: 0px !important;
}
.propertyreservationrequest .nav-tabs .nav-item a {
  width: 100% !important;
  text-align: left;
  justify-content: flex-start;
}
.mediaregistrationnew .step-form-tabs li {
  width: 20%;
  flex: 0 0 auto;
}
/* .mediaregistrationnew .step-form-tabs li a {
width: 114%!important;
} */
.mediaregistrationnew .step-form-tabs li a {
  width: 120% !important;
  margin-left: -45px;
  font-size: 14px;
}
/* .mediaregistrationnew .step-form-tabs li a.active {
width: 100%!important;
margin-left: -0px!important;
} */
.mediaregistrationnew .step-form-tabs li a {
  width: 120% !important;
  margin-left: -20% !important;
  font-size: 14px;
}
/* .mediaregistrationnew .step-form-tabs li a.active {
z-index: 10;
} */
.mediaregistrationnew .step-form-tabs li:nth-last-of-type(4) a {
  z-index: 10;
}
.mediaregistrationnew .step-form-tabs li:nth-last-of-type(3) a {
  z-index: 9;
}
.mediaregistrationnew .step-form-tabs li:nth-last-of-type(2) a {
  z-index: 8;
}
.mediaregistrationnew .step-form-tabs li:nth-last-of-type(2) a {
  z-index: 7;
}

.officialdelegatebooking .step-form-tabs li a {
  width: 120% !important;
  margin-left: 0% !important;
}

.officialdelegatebooking .step-form-tabs li {
  width: 33.33% !important;
}

.officialdelegatebooking .step-form-tabs li:nth-last-of-type(4) a {
  margin-left: -0px !important;
  z-index: 9;
}
.officialdelegatebooking .step-form-tabs li:nth-last-of-type(3) a {
  z-index: 8;
}
.officialdelegatebooking .step-form-tabs li:nth-last-of-type(2) a {
  z-index: 7;
}
.officialdelegatebooking .step-form-tabs li:nth-last-of-type(1) a {
  z-index: 6;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #bba367 !important;
  border-radius: 50%;
}
.file-choose {
  padding: 0 50px;
}

.file-choose .form-group input[type="file"] {
  background: transparent;
  padding: 15px !important;
  font-size: 13px;
  height: 65px;
}
tbody.tblIngredient .form-group label {
  font-family: "thesansb5plain";
  font-size: 16px;
}
.form-bottom-tab {
  width: 100%;
  margin: 0px !important;
  flex-wrap: wrap;
  margin-top: 2rem !important;
}
.images_wrap img {
  border-radius: 15px;
}
.publication-top-form {
  max-width: 81%;
  margin: auto;
}
.publication-top-form .form-group {
  position: relative;
  margin: 0 15px;
}
.publication-top-form .form-group input {
  width: 100% !important;
}
.space-ight-new img {
  height: 600px !important;
  width: 100% !important;
  object-fit: cover;
}
#exampleModalnew .modal-dialog {
  margin-top: 17%;
}
.log-brand img {
  max-width: 100%;
}

.research-list-img::after {
  content: "";
  background: #0000001f;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.research-list-img {
  position: relative;
}
.research-list.research-list-2 {
  z-index: 10;
}
.research-list.research-list-3 {
  z-index: 10;
}
.walkway.walkway-new img {
  height: 550px;
  object-fit: cover;
}

.tour-regisration-tab-new .step-form-tabs .nav-item {
  width: 31%;
}

.tour-regisration-tab-new li#to_contact_Click a {
  margin: 0 !important;
  margin-left: -4% !important;
}

.tour-regisration-tab-new li#to_rqed_Click a {
  margin: 0;
  margin-left: -7%;
}
.regisration-tab-new .step-form-tabs li {
  width: 38%;
}
.regisration-tab-new .step-form-tabs li a {
  width: 100%;
}
.regisration-tab-new a#en_ducmt_Click {
  margin-left: -20%;
}
.regisration-tab-new .form-content-box .form-group {
  flex: 0 0 47%;
}

.regisration-tab-new .form-content-box .form-group br {
  display: none;
}
.individualbooking-tab-new .form-group label {
  font-size: inherit;
}

.suggestionsform-tab-new .form-content-box .form-group {
  flex: 0 0 47%;
}
.propertyreservationrequest-tab-new .step-form-tabs li a {
  width: 100%;
}
.propertyreservationrequest-tab-new .step-form-tabs li {
  width: 40%;
}
.propertyreservationrequest-tab-new a#en_ducmt_Click1 {
  margin-left: -20%;
}
.propertyreservationrequest-tab-new .form-content-box .form-group {
  flex: 0 0 47%;
}
.lost-tab-new .g-a-formfields.g-a-1 .form-group {
  flex: 0 0 47%;
}

.mediaregistration-tab-new label {
  font-size: 18px;
  letter-spacing: 0.9px;
  margin-bottom: 3px;
  line-height: inherit;
  text-align: left;
}
.foot-textarea textarea {
  padding-right: 20% !important;
}
[lang="ar"] .foot-textarea textarea {
  padding: 0% 25px 0% 20% !important;
}
.themetable th {
  background: transparent linear-gradient(180deg, #b18c48 0%, #ceae73 53%, #b18c48 100%) 0% 0% no-repeat padding-box !important;
  color: #fff !important;
  font-family: "Philosopher" !important;
  font-size: 22px!important;
}
.themetable th span {
  color: #fff !important;
  font-size: 22px!important;
  font-family: "Philosopher" !important;
}
[lang="ar"] .themetable th,[lang="ar"] .themetable th span {
  font-family: "TheSansArabicBold"!important;
}

.themetable th,
.themetable td {
  padding: 30px 15px;
  border: 5px solid #fff;
  border-radius: 15px;
  text-align: center;
}
.themetable td {
  background: transparent linear-gradient(0deg, #f4efe6 0%, #e9d8b7 100%) 0% 0% no-repeat padding-box !important;
  border-radius: 15px;
  font-family: "Philosopher" !important;
}
.themetable td {
  font-family: 'TheSansArabicLight'!important;
}
.tab-culure1 td {
  background: #fff !important;
}
.tab-culure1 td.golden-fent-bg {
  justify-content: center;
  background: transparent linear-gradient(0deg, #f4efe6 0%, #e9d8b7 100%) 0% 0% no-repeat padding-box !important;
  border-radius: 10px;
  opacity: 1;
  vertical-align: middle;
  border-top: 4px solid #fff !important;
}

.themetable th {
  display: revert !important;
}
.td-50 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.themetable th span {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.themetable th img {
  width: 38px !important;
  margin-right: 16px !important;
}
[lang="ar"] .themetable th img {
  margin:0px 0px 0px 16px !important;
}
.tab-culure1 table tr:nth-child(2) th {
  padding: 6px 5px;
}
.g-a-btn i {
  padding-top: 2px;
}

.g-a-btn i.fa.fa-chevron-right {
  margin-left: 8px !important;
}
.operators {
  width: 100%;
}

.armediarequestpagenew {
  width: 100%;
  float: left;
  padding: 30px 0px 40px 0px;
}
.box-trans h2 {
  text-align: center;
  padding-top: 20px;
}
.box-trans p {
  text-align: center;
}
.tab-culure1 {
  padding-top: 60px;
}
.languages button {
  line-height: inherit;
  height: auto;
  font-weight: 600;
  width: fit-content;
  background: transparent !important;
  color: #fff !important;
  height: auto !important;
  margin: 0px;
}
.mediaregistrationnew .step-form-tabs li:nth-child(1) a {
  margin: 0% !important;
  z-index: 11;
}
.pagination-container .pagination li span {
  font-size: 25px;
  font-family: "thesansb6semibold";
  transition: 0.3s ease;
  color: black;
}
.pagination-container .pagination li.active {
  background: #bba367 !important;
}
.pagination-container .pagination li.active span {
  color: #fff !important;
}
.pagination-container .pagination li.active:hover span {
  color: #fff !important;
}
.add-remove-btn {
  display: flex;
  gap: 30px;
  padding-bottom: 30px;
}
.width-table {
  width: 100%;
  float: left;
}
.photography-flex {
  display: flex;
  margin-top: 10px;
  gap: 15px;
}
.photography-flex .form-content-box .form-group {
  flex: initial !important;
}
.iti.iti--allow-dropdown input {
  padding-right: 30px;
}
.iti__selected-flag {
  direction: ltr;
}
.DivpreferredLanguageCode {
  width: 100%;
}
.photography-flex .form-group {
  flex: inherit !important;
}
.g-a-formfields .form-group input {
  padding: 0px 30px;
}
.working-hours-sec {
  max-width: 70%;
  margin: 30px 15% 0px 15%;
  width: 70%;
  float: left;
}
.exlent-location-sec {
  text-align: center;
  color: #8c8d8d;
  padding-top: 50px;
}
.exlent-location-sec h2 {
  color: #000;
  padding-bottom: 10px;
  font-family: "philosopher", sans-serif;
  font-size: 40px;
  font-weight: inherit;
}
[lang="ar"] .exlent-location-sec h2,
[lang="ar"] .library-publication-section h2,
[lang="ar"] .library-publication-section h3 {
  font-family: 'TheSansArabicsemibold'!important;
}
[lang="ar"] .visti-hour-2 h1, [lang="ar"] .visti-hour-2 h1 span {
  font-family: 'TheSansArabicBold'!important;
  letter-spacing: 0px;
}
.exlent-location-sec p {
  line-height: 29px;
  max-width: 80%;
  margin: auto;
  font-size: 19px;
}
.resource-box-new .head-part {
  padding: 10px;
  text-align: center;
  margin: 0;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.resource-box-new .head-part h2 {
  margin: 0;
  font-size: 23px;
}
.resource-box-new .content-part {
  border: 2px solid #b89e5e;
  text-align: center;
  padding: 15px;
  border-radius: 10px;
  margin-top: 10px;
  min-height: 365px;
}
.resource-box-new {
  margin-top: 40px;
}
.resources-cards-main {
  padding-bottom: 40px;
}
.resource-box-new .content-part p {
  font-size: 17px;
  line-height: inherit;
}
.resource-box-new .content-part a {
  color: #bba367;
  font-weight: bold;
}
.social-icon-custom a i {
  background: #98712a !important;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 10px;
  font-size: 14px;
  color: #fff;
}

.social-icon-custom a {
  display: flex;
  align-items: center;
  gap: 20px;
}
.golden-bg {
  background: transparent linear-gradient(180deg, #b18c48 0%, #ceae73 53%, #b18c48 100%) 0% 0% no-repeat padding-box !important;
  border-radius: 15px;
  color: #fff !important;
  font-family: "Philosopher" !important;
}
.inner-banner .banner-heading {
  display: none;
}
.g-a-formfields {
  padding: 0px !important;
}
.hirji-calendar-main-page h2 {
  font-size: 20px;
  max-width: 80%;
  margin: auto;
  padding: 40px 0px;
  line-height: inherit;
  color: #a1853e;
}
.hirji-calendar-main-page .text-sec {
  text-align: justify;
  padding: 0px 30px;
  width: 50%;
  float: left;
}
.hirji-calendar-main-page a {
  width: 100%;
  float: left;
  color: #a1853e;
}
.hirji-calendar-main-page .row:nth-child(odd) {
  flex-direction: row-reverse;
}
.hirji-calendar-main-page .row {
  margin-bottom: 50px;
  background: white;
  padding: 30px 0px;
  box-shadow: 2px 2px 10px #00000029;
  border-radius: 20px;
  border: 1px solid #bba367;
  align-items: center;
  position: relative;
}
.hirji-calendar-main-page .img-sec {
  padding: 20px;
  width: 50%;
  float: left;
  position: relative;
  z-index: 2;
}
.hirji-calendar-main-page .text-sec h3 {
  color: #a1853e;
  font-weight: bolder;
  font-family: "philosopher", sans-serif;
  margin-bottom: 15px;
  text-align: left;
}
[lang="ar"] .hirji-calendar-main-page .text-sec h3 {
  text-align: right;
  font-family: "TheSansArabicsemibold";
}
.hirji-calendar-main-page .row .text-sec img {
  width: 135px!important;
  height: auto!important;
  opacity: 3!important;
}
.hirji-calendar-main-page .img-sec img {
  border-radius: 15px;
  height: 400px;
  object-fit: contain;
  width: 100%;
  z-index: 1000;
  opacity: 3;
  margin: 0px !important;
}

.hirji-calendar-main-page .row:nth-child(odd)::after {
  padding: 20px;
  background: url(https://aiwa.ai/htmls/GrandMosqueArabic/images/ar-bg.png) center center no-repeat;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  width: 50%;
  height: 100%;
  border-radius: 20px;
}
.hirji-calendar-main-page .row:nth-child(even)::after {
  padding: 20px;
  background: url(https://aiwa.ai/htmls/GrandMosqueArabic/images/ar-bg.png) center center no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 50%;
  height: 100%;
  border-radius: 20px;
}
.play-boxes {
  max-width: 50%;
  margin: auto;
  margin-bottom: 40px;
  display: flex;
  gap: 40px;
  text-align: center;
  justify-content: center;
}
.play-box-main {
  width: 50%;
  background: #fff;
  border-radius: 20px;
  border: 1px solid red;
  border: 2px solid #bba367;
  transition: all 0.1s ease-in-out;
  position: relative;
  flex: 0 0 auto;
}
.play-box-main:hover {
  margin-top: -15px;
  box-shadow: 0px 0px 9px 3px #0000000d;
}
.play-box-main a {
  padding: 20px;
  color: inherit;
  width: 100%;
  float: left;
  min-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
}
.new-holy-page p {
  font-size: 20px;
  text-align: center;
  max-width: 80%;
  margin: auto;
  padding-bottom: 40px;
  line-height: inherit;
  color: #acacac;
}
.play-box-main h2 {
  font-size: 26px;
  font-weight: bold;
  font-family: "Philosopher";
}
[lang="ar"] .play-box-main h2 {
  font-family: "TheSansArabicsemibold";
}
.play-box-main::after {
  position: absolute;
  content: "";
  background: #bba367;
  width: 80%;
  margin: auto;
  left: 0;
  right: 0;
  height: 100%;
  z-index: -1;
  bottom: -10px;
  top: auto;
  border-radius: 0px 0px 15px 15px;
  transform: translate(0px, -10px);
  transition: all 0.2s ease-in-out;
}
.play-box-main img {
  width: 80px;
  transition: all 0.2s ease-in-out;
}
.play-box-main:hover:after {
  transform: translate(0px, 5px);
  transition: all 0.2s ease-in-out;
}
.play-box-main:hover img {
  width: 60px;
}
.play-box-height {
  width: 100%;
  float: left;
  margin: 40px 0px;
}
.resources-row {
  margin-bottom: 50px;
  background: white;
  padding: 0px;
  box-shadow: 2px 2px 10px #00000029;
  border-radius: 20px;
  border: 1px solid #bba367;
  align-items: center;
  position: relative;
  width: 100%;
  float: left;
}

.resources-row .text-part {
  width: 50%;
  float: left;
  padding: 30px;
  color: #8c8d8d;
}
.resources-row .text-part p,
.resources-row .text-part li {
  font-size: 19px;
  line-height: inherit;
}
.resources-row .img-part {
  width: 50%;
  float: right;
  padding: 0px !important;
}
/* .resources-row:nth-child(even) .img-part {
padding: 0px 40px 0px 0px!important;
float: left;
} */
.resources-row .img-part img {
  border-radius: 20px;
}
.resources-row .text-part h2 {
  color: #a1853e;
  font-weight: bolder;
  font-family: "philosopher", sans-serif;
}
.resources-row .img-part img {
  height: 400px;
  width: 100%;
  object-fit: cover;
}

.resources-row a {
  color: #a1853e;
}
.resources-row:nth-child(odd) {
  flex-direction: row-reverse;
  /* display: flex; */
}
.library-publication-section {
  text-align: center;
  padding-top: 50px;
}
.library-publication-section h3 {
  color: #bba367;
  font-size: 23px;
}

.library-publication-section ul li {
  padding: 10px 0px;
}

.library-publication-section li a {
  color: #8c8d8d;
}
.library-publication-section h2 {
  padding-bottom: 30px;
  font-family: "Philosopher";
  font-size: 40px;
}

.research-list-overlay-title {
  padding-bottom: 15px;
  z-index: 10;
  position: relative;
}
section.a-l-t-sec3 .row {
  align-items: center;
}
.main-heading-center h1 {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  font-family: "Philosopher";
  font-size: 40px;
  font-weight: bold;
  margin: auto;
  bottom: 0;
  height: fit-content;
}
[lang="ar"] .main-heading-center h1 {
  font-family: "TheSansArabicBold";
}
.main-heading-center {
  position: relative;
  text-align: center;
  width: 100%;
  float: left;
  margin: 50px 0px;
}
.main-heading-center img {
  width: 100px;
  opacity: 0.2;
}
form.example.abc {
  width: 100%;
  float: left;
}
.serach-btn {
  position: relative;
  top: 0;
  left: -3px;
  width: fit-content;
  margin: auto;
}
.quiran-section {
  max-width: 80%;
  margin: auto;
  padding-bottom: 50px;
}
table#tab tbody tr th {
  display: flex;
  align-items: center;
  gap: 15px;
}
.right-link-new a {
  text-align: left;
  padding: 10px 0px;
}
.right-link-new {
  width: fit-content;
  display: flow-root;
}
.btn-left-flex {
  width: fit-content;
}
.btn-left-flex a {
  text-align: left;
}
.social-initiatives-main-f ul.traning-program-ul {
  width: 100%;
}
.exhibition-main-f ul.traning-program-ul {
  width: 100%;
}
.exhibition-main-f h4 {
  font-family: "Philosopher";
  font-size: 30px;
  font-weight: 600;
}
.btn-end a {
  text-align: left;
}
.friday-sermon-page-f h2 {
  font-family: "Philosopher";
  font-weight: 600;
  padding-bottom: 15px;
}
.space-light-main-f ul.traning-program-ul {
  width: 100%;
  margin-top: 30px;
  padding-bottom: 0px;
}
.space-light-main-f h3 {
  padding: 15px 0px;
  font-family: "Philosopher";
  font-weight: 600;
  margin: 0px;
}

.ewan-aljami-main-f ul.traning-program-ul {
  margin-top: 20px;
}
br {
  content: "A" !important;
  display: block !important;
  margin-bottom: 1rem;
}
ul.traning-program-ul li:nth-last-of-type(1) {
  padding: 0;
  margin: 0;
}
.exhibition-main-f h4:nth-of-type(1) {
  padding-top: 20px;
}
.ramdan-month-sec {
  width: 100%;
  float: left;
  padding: 40px;
  color: #8c8d8d;
  text-align: center;
  padding-top: 0px;
}
.ramdan-month-sec p {
  font-size: 19px;
  line-height: inherit;
  font-weight: 100;
}
.nameofgodseries-main-f .center-link {
  max-width: 80%;
}
.ramdan-page-f ul.traning-program-ul li {
  list-style: disc;
  letter-spacing: 0;
}
.custom-check label {
  font-size: 19px;
  padding-bottom: 15px;
}
input::file-selector-button {
  background: #bba367;
  border: 0px;
  color: #fff;
  border-radius: 5px;
  width: fit-content;
  margin-top: 10px;
}
input[type="file"] {
  padding: 0px 10px !important;
}
h4 br {
  margin: 0px !important;
}

.tooltip-label {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 4px;
  align-items: center;
  font-size: 19px;
  font-family: "thesansb6semibold";
}
.I-btn {
  position: relative;
  cursor: pointer;
}
.I-btn i {
  background: #bba367;
  width: 20px;
  height: 20px;
  font-size: small;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
}
.main-tooltip-msg {
  visibility: hidden;
  width: max-content;
  background-color: #8d6828;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: -140%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 10px;
}
.main-tooltip-msg::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #8d6828 transparent transparent transparent;
}
.I-btn:hover .main-tooltip-msg {
  visibility: visible;
  opacity: 1;
}
.I-btn:hover .main-tooltip-msg {
  display: block;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

input[type="date"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background: transparent !important;
  background-image: url(../images/date-icon-new-1.svg) !important;
  background-repeat: no-repeat !important;
  background-position-x: 95% !important;
  background-position-y: 51% !important;
  background-size: 21px !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
[lang="ar"] input[type="date"] {
  background-position-x: 5%!important;
}
[lang="ar"] input.session-date:before {
  left: auto;
  right: 12px;
}
.custom_error_message {
  position: absolute;
  bottom: -20px;
  width: 100%;
  font-size: 11px;
  width: max-content;
}
.swal-footer {
  text-align: center;
}
button.swal-button.swal-button--confirm {
  background: #f8d7da !important;
  color: #721c24;
  padding: 10px 40px;
}
.g-a-registration .form-control,
.g-a-registration select {
  border: 1px solid #bba367 !important;
  height: 50px !important;
  border-radius: 7px !important;
  position: relative !important;
}
.g-a-registration-tab label span {
  color: red !important;
}
.g-a-registration .input-group-text {
  background: #bba367;
  border-color: #bba367;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 7px;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 7px !important;
}
.g-a-registration .row .input-group .form-control,
.g-a-registration .row .input-group select {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.g-a-formhead img {
  height: 37px;
}
.g-a-registration .table td,
.g-a-registration .table th {
  border-color: #bba367;
  font-family: "thesansb6semibold";
  border-bottom: 1px;
  font-weight: 500;
  font-size: 19px;
}
.g-a-registration th span {
  color: red !important;
}
.g-a-registration select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url(../images/registration-forms/5.svg);
  background-repeat: no-repeat;
  background-position-x: 96%;
  background-position-y: 50%;
  background-size: 13px;
}
[lang="ar"] .g-a-registration select {
  background-position-x: 4%;
}
.touroperregistration .form-group label {
  white-space: initial;
}
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  width: 100%;
  float: left;
}
#sucessmodal .modal-content {
  border-radius: 20px;
}
.error-modal .modal-body {
  padding: 30px;
}
#sucessmodal {
  padding: 0px !important;
}
.error-modal .img-sec {
  width: 110px;
  margin: auto;
  margin-bottom: 40px;
}
#sucessmodal .img-sec {
  width: 110px;
  margin: auto;
  margin-bottom: 40px;
}
#sucessmodal p {
  font-size: 23px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 35px;
  width: 100%;
  float: left;
  line-height: initial;
}
#sucessmodal .btn-ok {
  background: #38c072;
  color: #fff;
  padding: 8px 30px;
}
.error-modal h3 {
  text-align: center;
  color: #000;
}
.alert-danger {
  width: 100%;
  float: left;
}
.error-modal .modal-body {
  padding: 30px;
  background: #f8d7da54;
  border-radius: 20px;
}
#sucessmodal p a {
  width: 100%;
  float: left;
  padding-top: 10px;
  color: #cd0012;
  line-height: initial;
}
.error-modal .btn-ok {
  background: #cd0012;
  color: #fff;
  padding: 8px 30px;
}
#ratingerr {
  position: relative;
  width: 100%;
  float: left;
  top: 0%;
  padding-bottom: 15px;
  color: red;
  bottom: 0;
  font-size: 16px;
}

.breadcrumbs {
  float: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
[lang="ar"] .breadcrumbs {
  text-align: right;
}
.breadcrumbs .form-bottom-tab {
  width: fit-content;
  margin: 0px !important;
  padding: 0px !important;
}
.breadcrumbs .form-bottom-tab a {
  margin: 0px !important;
  font-size: 14px;
  white-space: nowrap;
  background: #bba367 !important;
  color: #fff !important;
  height: auto !important;
  padding: 10px 20px !important;
}
.breadcrumbs .form-bottom-tab a img {
  filter: brightness(100) !important;
}
.breadcrumbs .form-bottom-tab a img {
  width: 20px;
}
.al-shabab-page-f .hirji-calendar-main-page .row:nth-child(odd)::after {
  display: none;
}
.al-shabab-page-f .hirji-calendar-main-page .row:nth-child(even)::after {
  display: none;
}
.al-shabab-page-f .hirji-calendar-main-page .row {
  padding: 0px !important;
  flex-direction: row-reverse;
}
.al-shabab-page-f .hirji-calendar-main-page .img-sec img {
  object-fit: cover;
}
.swiper-pagination-bullet {
  background: #fff !important;
  opacity: 0.7 !important;
}
.swiper-pagination-bullet-active {
  opacity: 2 !important;
  background: #d8b96d !important;
}

.program-slider img {
  height: 400px;
  border-radius: 20px;
  width: 100%;
  object-fit: cover;
}
.the-founder-main-sec {
  max-width: 90%;
  float: left;
  background: #fff;
  box-shadow: 0px 0px 8px 2px #0000001f;
  padding: 20px;
  margin: 0px auto 60px 5%;
}
.the-founder-img-sec {
  margin-bottom: 30px;
}
.the-founder-img-sec img {
  width: 100%;
  height: 600px;
  object-fit: cover;
}
.the-founder-main-sec p {
  margin-bottom: 15px;
  max-width: 100% !important;
}
.al-shabab-page-f .main-inner-content {
  padding-bottom: 50px;
}
.inner-layout .img-part {
  width: 53%;
  padding: 0px 30px 30px 0px;
  float: left;
}
.l-s-top-content p span {
  font-weight: 400;
}
.latest-update-sec img {
  width: 100%;
  border-radius: 10px;
}
.latest-update-box {
  background: white;
  padding: 5px;
  border-radius: 10px;
  box-shadow: 0px 0px 7px #00000017;
  margin-bottom: 25px;
  transition: all 0.1s ease-in-out;
  overflow: hidden;
  border: 1px solid transparent;
}
.latest-update-box:hover {
  border: 1px solid #98712a !important;
}
.latest-update-sec {
  width: 80%;
  float: left;
  margin: 50px 10% 50px 10%;
}

.latest-update-box img {
  transition: all 0.1s ease-in-out;
}
.latest-update-box:hover img {
  transform: scale(1.1);
}
.latest-update-sec {
  margin: 60px 10% 60px 10%;
  width: 100%;
  float: left;
  max-width: 80%;
  text-align: center;
}
.research-list-overlay {
  z-index: 1;
}
.dhikr-page-f .marbles-edit {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  padding-top: 60px;
}
.dhikr-page-f .marbles-edit .img-part {
  flex: 0 0 53%;
}
.publication-inner-section .book-part {
  width: 100%;
}
.publication-inner-section .book-part img {
  width: 100%;
}
.philosophy-inner-main.publication-inner-section {
  padding: 40px;
  margin-bottom: 50px;
}
.video-modal-new .modal-body {
  padding: 0px;
}
.publication-inner-section .book-part img {
  width: 100%;
  height: 370px;
  object-fit: contain;
}
.foot-textarea textarea {
  background: #fff !important;
}
.languages button img {
  margin: 0;
  margin-left: 10px;
  max-width: 18px;
  height: 18px;
  object-fit: cover;
}
.languages button {
  flex-direction: row-reverse;
  padding-right: 0px;
  font-family: "TheSansArabicsemibold";
}
.prayer-time {
  flex-direction: column-reverse;
  align-items: end;
}

.e-services-page .container-1630,
.e-services-page .container {
  max-width: 85% !important;
}
.position-right-box {
  padding: 12px !important;
  width: 115px !important;
}
.position-right-box .right-boxhead i {
  font-size: 12px !important;
  margin-right: 4px !important;
}
.position-right-box .right-boxhead {
  font-size: 12px !important;
}
.prayer-time img {
  margin-right: 0;
}
.position-right-box > i {
  position: absolute;
  top: auto;
  left: 0;
  color: white;
  transform: translateY(0%);
  transition: all 0.3s ease;
  right: 0;
  margin: auto;
  text-align: center;
  bottom: 0;
}
.position-right-box:hover {
  padding: 30px !important;
  width: 260px !important;
}
.flex.prayer-time h2 {
  font-size: 7px !important;
  white-space: nowrap !important;
}
.flex.prayer-time img {
  margin-right: 0;
}
.position-right-box:hover .prayer-time {
  flex-direction: row;
  align-items: center;
}
.position-right-box .flex.prayer-time h2 {
  font-size: 10px !important;
  white-space: nowrap !important;
}
.position-right-box:hover .right-boxhead {
  font-size: 18px !important;
}
.position-right-box:hover .flex.prayer-time h2 {
  font-size: 16px !important;
  white-space: inherit !important;
}
.position-right-box:hover .prayer-time img {
  margin-right: 15px;
}
.publication-books .col-lg-3 h6 {
  margin: 10px auto 0px auto;
  max-width: 80%;
  line-height: inherit;
  color: #98712a !important;
  font-family: "thesansb5plain";
}

/* .logins.bk-vst-btn {
padding-right: 20px;
border-right: 1px solid;
margin-right: 20px;
}
.logins.bk-vst-btn {
flex: 0 0 auto;
} */
.gallery-main-page {
  margin-bottom: 50px;
  float: left;
  width: 100%;
}
.mosque-modal {
  top: 0 !important;
}
.mosque-modal .modal-body {
  padding: 0px !important;
}
.flext-inner-layout2 {
  margin-top: 40px;
}
.flext-inner-layout2 img {
  height: 400px;
  width: 100%;
  object-fit: cover;
}
.flext-inner-layout2 p {
  color: #8c8d8d;
}
.contact-form input {
  width: 100%;
  height: auto;
  margin-bottom: 0;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 0.5px solid #cccaca;
  border-radius: 5px;
  padding: 12px;
}
.contact-form label {
  color: #8c8d8d;
  margin: 0;
}
.contact-form label span {
  color: red;
}
.contact-form .row .col-12 {
  margin-bottom: 25px;
}
#mainCaptcha {
  background: 0% 0% no-repeat padding-box padding-box rgb(140, 141, 141);
  border: 0;
  padding: 12px;
  border-radius: 7px;
  color: #fff;
  width: 100%;
  text-align: center;
}
#refresh {
  color: #b1935e !important;
  font-size: 14px;
  margin: 8px 0px 0px 0px;
  width: 100%;
  float: left;
  cursor: pointer;
}
#pageloader {
  background: rgba(255, 255, 255, 0.8);
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 9999;
  min-height: 100vh;
  z-index: 1000000000000000000000000000000000000;
  top: 0;
  text-align: center;
}
#pageloader img {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  vertical-align: center;
}
.g-a-registration .table td {
  vertical-align: middle;
}
.g-a-registration .table td .form-group {
  flex-direction: inherit;
  /* margin: 0; */
}
#fotter-contact {
  width: 100%;
  float: left;
}
#fotter-contact a {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  color: #231f20 !important;
  display: flex;
  align-items: center;
}
#fotter-contact a i {
  background: #b1935e !important;
  width: 30px;
  height: 30px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 10px;
  font-size: 14px;
  color: #fff;
  margin-right: 15px;
}
[lang="ar"] #fotter-contact a i {
  margin: 0px 0px 0px 15px !important;
}
.pt-box-2 img {
  width: 47px;
  height: 47px;
}
.cm-flex-layout .cm-img-part {
  width: 510px;
  float: left;
  padding: 0px 35px 35px 0px;
  display: flex;
}
[lang="ar"] .cm-flex-layout .cm-img-part {
  float: right;
  padding: 0px 0px 35px 35px;
}
.cm-img-part img {
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid #ccc;
  width: 100%;
}
.cm-flex-layout {
  width: 100%;
  float: left;
  margin-top: 0px;
}
.cm-flex-layout p {
  color: #8c8d8d !important;
  text-align: justify;
}
.cm-flex-layout p strong {
  color: #222222 !important;
}
.cm-flex-layout strong br {
  margin: 0px;
}
main.pb-3 {
  padding: 0px !important;
}
.cm-about-main-sec {
  margin: 0px 0px 60px 0px;
  width: 100%;
  float: left;
}
.foot-form .col-12 {
  padding: 0px 7.5px;
}
.contact-form .DivCaptcha.custom_error {
  position: relative;
}
.pt-location a {
  display: none;
}

.media-request-form-page .g-a-registration .table td,
.media-request-form-page .g-a-registration .table th {
  border-color: #dee2e6 !important;
}
.media-request-form-page th {
  border-bottom: 2px solid #dee2e6 !important;
  font-family: "thesansb6semibold" !important;
}
.media-request-form-page th,
.media-request-form-page td {
  border-color: #dee2e6 !important;
  padding: 0.5rem !important;
}
.media-request-form-page td,
.media-request-form-page th {
  font-size: 19px !important;
  white-space: nowrap !important;
}

.media-request-form-page table {
  width: 100% !important;
  color: #212529 !important;
}
.media-request-form-page .AddEntitySec {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  margin-top: 0px !important;
}
.media-request-form-page #addRow {
  margin: 0px !important;
  padding: 4px 20px !important;
  border: 0px !important;
}
.foot-form .col-12 {
  padding: 0px 7.5px;
}

.media-request-form-page .g-a-registration .table td,
.media-request-form-page .g-a-registration .table th {
  border-color: #dee2e6 !important;
  display: revert;
}
.media-request-form-page th {
  border-bottom: 2px solid #dee2e6 !important;
  font: initial;
  font-family: "thesansb6semibold";
}
.media-request-form-page th,
.media-request-form-page td {
  border-color: #dee2e6 !important;
  padding: 0.5rem !important;
}
.media-request-form-page td,
.media-request-form-page th {
  font-size: 19px !important;
  white-space: inherit;
}

.media-request-form-page table {
  width: 100% !important;
  color: #212529 !important;
}
.media-request-form-page .AddEntitySec {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  margin: 10px 0px 20px 0px !important;
}
.addRowBtn {
  margin: 0px 10px !important;
  padding: 4px 20px !important;
  border: 0px !important;
  color: #fff !important;
  background-color: #bba367;
  border-radius: 6px;
  cursor: pointer;
}
.addRowBtn-new {
  margin: 0px !important;
  padding: 4px 20px !important;
  border: 0px !important;
  color: #fff !important;
  background-color: #bba367;
  border-radius: 6px;
  cursor: pointer;
  height: 50px;
  display: inline-flex;
  align-items: center;
}

.media-request-form-page #lblNameText {
  font-size: 15px;
}
#finale-sec {
  margin-top: 35px;
  align-items: end;
}
#finale-sec label {
  white-space: break-spaces;
}

#attachement-sec .content {
  width: 100%;
  float: left;
  padding-left: 0;
  border: 1px solid #a07d3c;
  background-color: #fff;
  padding-bottom: 40px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 20px;
  /* margin-top: 30px; */
  /* overflow: hidden; */
}
#attachement-sec .content p {
  font-family: "thesansb5plain";
}
#attachement-sec .content input[type="file"] {
  color: rgba(0, 0, 0, 0) !important;
  border: 0px;
  float: right;
  cursor: pointer;
  position: relative;
  width: 100% !important;
  padding: 0px !important;
  height: 45px;
  margin: 0px 0px 1rem 0px;
}
#attachement-sec ::file-selector-button {
  background: #bba367 !important;
  padding: inherit;
  cursor: pointer;
  height: 100% !important;
  position: relative !important;
  left: 0 !important;
  width: 100%;
  top: 0px !important;
  margin: 0px !important;
}
#attachement-sec button {
  background-color: #a07d3c;
  color: #fff;
  margin-top: 10px;
  border: 0;
  padding: 10px 20px;
  border-radius: 10px 10px 0px 0px;
}
#divRequest td {
  vertical-align: bottom;
}
.media-request-form-page table {
  display: table;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
#tblScopePublication {
  display: table;
}
/* #tblCrew tr {
border: 0px!important;
} */
#tblCrew th {
  border-bottom: 0px !important;
}
.row.row-m0 .col-12 {
  padding: 0px;
}
#entity-details-sec {
  margin-bottom: 30px;
}
#attachement-sec table {
  display: block;
  overflow: hidden;
}
#attachement-sec .table td,
#attachement-sec .table th {
  border: 0px !important;
}
#attachement-sec .table tr {
  border-bottom: dotted 1px #ccc;
}
#attachement-sec .file-input-p {
  font-style: normal;
  border: 1px solid rgb(204, 204, 204);
  border-radius: 7px;
  padding: 10px;
  background-color: rgb(255, 231, 147);
  /* font-size: 14px !important; */
  display: block;
}
#attachement-sec .allowed-p {
  font-size: 14px;
  font-style: italic;
  margin: 0px 0px 10px 0px;
  display: none;
}
#attachement-sec p span {
  color: red;
  font-style: italic;
}
.mediaregistrationnew .form-group label {
  white-space: initial;
}
.warning-msg {
  margin-bottom: 15px;
}
/* .mediaregistrationnew td:first-child {
padding-left: 0px!important;
} */
.mediaregistrationnew td:last-child {
  padding-right: 0px !important;
}
#attachement-sec .content p:first-child {
  font-family: "thesansb6semibold";
  font-size: large;
}
.attached-row {
  display: flex;
  align-items: flex-end !important;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 15px;
  justify-content: space-between;
}
.attached-row p:first-child {
  font-size: large;
  line-height: inherit;
  font-family: "TheSansArabicsemibold";
}
.crew_count,
.crew_count_name {
  padding-bottom: 15px;
}
.crew_count .custom_error_message,
.crew_count_name .custom_error_message {
  bottom: 0;
}

/* for e-services rating */
.rate {
  display: inline-block;
  border: 0;
}
.rate > input {
  display: none;
}
.rate > label {
  float: right;
  margin: 0px;
}
.rate > label:before {
  display: inline-block;
  font-size: 17px;
  padding: 0.3rem 0.2rem;
  margin: 0;
  cursor: pointer;
  font-family: FontAwesome;
  content: "\f005 ";
}
.rate .half:before {
  content: "\f089 ";
  position: absolute;
  padding-right: 0;
}
.star-rating-2 input:checked ~ label,
.star-rating-2 label:hover,
.star-rating-2 label:hover ~ label {
  color: #ffc500;
}
.star-rating-2 input:checked + label:hover,
.star-rating-2 input:checked ~ label:hover,
.star-rating-2 input:checked ~ label:hover ~ label,
.star-rating-2 label:hover ~ input:checked ~ label {
  color: #ffc500;
}
.star-rating-2 {
  display: flex;
  align-items: center;
  gap: 10px;
}
#fotter-contact a span {
  direction: ltr;
}
fieldset {
  color: lightgray;
}
.contact-icon-flex {
  margin-top: 15px;
}
.contact-icon-flex a {
  font-size: 20px;
  color: #98712a;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.contact-icon-flex li:nth-last-child(1) a {
  margin-bottom: 0px;
}
.contact-icon-flex a i {
  background: #98712a;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 10px;
  font-size: 14px;
  color: #fff;
  margin-right: 15px;
}
.organizationalstructure-page .main-heading-center {
  margin: 50px 0px 30px 0px;
}
.evisitorguide-page .main-heading-center {
  margin: 50px 0px;
}
.strategicplan-page .main-heading-center {
  margin-top: 50px;
}
.boardmembers-page .main-heading-center {
  margin-top: 50px;
}
#English {
  direction: ltr !important;
  text-align: left;
}
.individual-btn-sec {
  display: flex;
  align-items: center;
  justify-content: center;
}
.individual-btn-sec button {
  cursor: pointer;
}
#English .label-sec {
  direction: ltr;
}
.gallery-mosque img {
  aspect-ratio: 3/2;
  object-fit: cover;
  width: 100%;
}
.gallery-mosque .col-12 {
  margin-bottom: 30px;
}
.gallery-tab-sec {
  width: 100%;
  float: left;
}
.gallery-main-page .main-heading-center {
  margin: 50px 0px;
}
.to_rquedShow .custom_error_message {
  bottom: 0px;
}
.touroperregistration .g-a-row {
  padding-left: 0;
}
.individualbookingNew .form-btn button {
  margin: auto !important;
}

.general-archi.sheikh p,
.general-archi.sheikh li {
  text-align: justify;
}
.inner-layout p,
.general-archi.sheikh p,
.general-archi.sheikh li,
.s-right p,
.marbles-edit p,
.rp-right p,
.faq-content p,
.news-content p,
.press-content p,
.pub-inner p,
.a-t-l-list p,
.l-s-top-content p,
.sahan-edit p,
.s-p-service-box ul li,
.flext-inner-layout2 p,
.philosophy-inner-main .text-part p,
.resources-row p,
.resources-row li,
.traning-program-ul li,
.general-archi p {
  text-align: justify !important;
}
.box-trans a {
  justify-content: center !important;
}
.hirji-calendar-main-page .row p,
.general-archi p {
  color: #8c8d8d !important;
}
.religious-program-page .ws-card-sec {
  padding-top: 50px;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: inherit !important;
}
.the-founder-main-sec p {
  text-align: justify !important;
}
.walkway p {
  text-align: justify;
}
.about-flex-main {
  width: 100%;
  float: left;
}
#newRow .form-group {
  margin: 0px 0px 15px 0px !important;
}
.sitemap-main {
  width: 100%;
  float: left;
}
.site-content-main {
  width: 100%;
  float: left;
  box-shadow: 0px 0px 6px #b9b9b969;
  margin-bottom: 60px;
  padding: 30px 15px;
  border-radius: 10px;
}
.site-content-main a,
.site-content-main ul li {
  width: 100%;
  float: left;
  font-size: 16px;
}
.site-head {
  background: #bba367;
  color: #fff !important;
  padding: 6px 6px 6px 15px;
  font-size: 16px;
}
.site-content-main ul {
  width: 100%;
  float: left;
  margin-top: 20px;
}
.site-content-main ul li {
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
}
.site-content-main ul li::after {
  position: absolute;
  content: "\f105";
  width: 10px;
  height: 20px;
  /* background: red; */
  left: 0;
  font-family: "FontAwesome";
}
.site-content-main ul li a {
  color: #212529;
  transition: all 0.3s ease-in-out;
}
.site-content-main ul li a:hover {
  color: #bba367;
  /* padding-left: 10px; */
}
#moretext {
  display: none;
}
#moreless-button {
  color: #bba367 !important;
  cursor: pointer;
  font-size: inherit !important;
}
#moretext1 {
  display: none;
}
#moreless-button1 {
  color: #bba367 !important;
  cursor: pointer;
  font-size: inherit !important;
}
.sectio-4 {
  padding-top: 50px;
}
.my_news_repeat_content p {
  display: none !important;
}
.news-detail-main-sec {
  width: 100%;
  float: left;
  margin: 50px 0px;
}
.news-main {
  box-shadow: 3px 5px 10px #00000040;
  border-radius: 0px 0px 6px 6px;
  padding: 30px;
  width: 100%;
  float: left;
}
.news-main h1 {
  color: #98712a !important;
  font-size: 28px;
  line-height: inherit;
  font-family: "Philosopher";
  font-weight: 600;
}
.date-part {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.date-part img {
  width: 25px;
  height: 25px;
  margin-right: 6px;
}
.date-part span {
  font-family: "thesansb6semibold";
}
.news-content-part img {
  width: 100%;
}
.news-content-part .news-img {
  width: 50%;
  float: left;
  padding: 0px 30px 10px 0px;
}
.news-main p {
  color: #8c8d8d !important;
  text-align: justify;
}
.my_news_repeat_img {
  flex: 0 0 auto;
  width: 50%;
  box-shadow: 0px 3px 6px #00000029;
  background: #fff !important;
}
.my_news_repeat_img img {
  height: 100%;
  object-fit: cover;
  width: 100% !important;
}
.my_news_repeat_content {
  position: relative;
  flex: 0 0 auto;
  width: 50%;
  padding-left: 20px;
}
[lang="ar"] .my_news_repeat_content {
  padding: 0px 20px 0px 0px;
  text-align: right;
}
.my_news_repeat_content h2 {
  font-size: 14px;
  line-height: inherit;
}
[lang="ar"] .my_news_repeat_content h2 {
  font-family: "TheSansArabicsemibold" !important;
}
.count-list span {
  font-weight: 800;
}
.icon img {
  width: 70px;
}
.content p {
  display: none;
  /* display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;  
overflow: hidden; */
  color: #8c8d8d !important;
  text-align: justify;
}
.content p:nth-of-type(1) {
  display: block !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.terms-text-parts {
  background: #fff;
  box-shadow: 0px 0px 8px 2px #0000001f;
  padding: 20px;
  color: #8c8d8d !important;
  text-align: justify;
  width: 100%;
  float: left;
}
.terms-text-parts strong {
  color: #222222;
  width: 100%;
  float: left;
  margin: 0px 0px 15px 0px;
  font-size: 20px;
}
.terms-text-parts .number-list {
  width: 100%;
  float: left;
  padding-left: 20px;
}
.terms-text-parts .number-list li {
  list-style: auto;
  width: 100%;
  float: left;
  margin: 0px 0px 15px 0px;
}
.terms-main-sec {
  margin: 0px 0px 50px 0px;
  width: 100%;
  float: left;
}
.terms-main-sec p a {
  color: #98712a !important;
}
.tooltip-label i {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #8d6828;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: small;
  color: #fff;
  cursor: pointer;
}
.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.bs-tooltip-top .arrow::before {
  border-top-color: #8d6828 !important;
}
.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.bs-tooltip-right .arrow::before {
  border-right-color: #8d6828 !important;
}
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #8d6828 !important;
}
.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.bs-tooltip-left .arrow::before {
  border-left-color: #8d6828 !important;
}
.tooltip-inner {
  background-color: #8d6828 !important;
}
.delete-btn i {
  color: #fff;
  font-size: inherit;
  width: 25px;
  height: 25px;
  background: red;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
}
.edit-btn i {
  color: #fff;
  font-size: inherit;
  width: 25px;
  height: 25px;
  background: #bba360;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
}
.table-scroller {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  color: #000;
  border-top: 2px solid #bba360;
  padding: 10px;
  margin: 10px 0px 0px 0px;
}
.table-scroller img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  margin-right: 10px;
}
.table-scroller p {
  margin: 0;
  font-size: 15px;
  font-family: "thesansb6semibold";
}
.CRWHide {
  margin-top: 40px;
}
.latest-news {
  width: 100%;
  float: left;
}
.date h2 span {
  font-size: 40px !important;
  line-height: initial;
  font-weight: 600;
}
/* input::file-selector-button {
height: 70%;
margin: 0px!important;
position: relative;
top: 15%;
margin-right: 10px!important;
} */
.download-app {
  display: none;
}
input,
textarea,
select {
  color: #8c8d8d !important;
}
input::placeholder,
textarea::placeholder {
  color: #8c8d8d !important;
  opacity: 1; /* Firefox */
}
input:-ms-input-placeholder,
textarea::placeholder {
  /* Internet Explorer 10-11 */
  color: #8c8d8d !important;
}
input::-ms-input-placeholder,
textarea::placeholder {
  /* Microsoft Edge */
  color: #8c8d8d !important;
}
#fotter-contact p {
  font-family: "thesansb6semibold";
}
#fotter-contact a span {
  font-family: "thesansb6semibold";
}
[lang="ar"] #fotter-contact p,
[lang="ar"] #fotter-contact a span {
  font-family: "TheSansArabicsemibold" !important;
}
.terms-privacy a {
  color: inherit !important;
}
.terms-privacy a:hover {
  color: #98712a !important;
}
.tour-op {
  height: auto !important;
  padding: 20px !important;
  margin: 0px 0px 20px 0px !important;
  position: relative;
  box-shadow: 0px 0px 7px #d7d7d79e;
}
.tour-op-1.t-box-new {
  padding: 0px !important;
}
#accordion {
  margin-top: 0px !important;
}
.tour-op .rate > label:before {
  font-size: 23px;
}
.lity-pop {
  position: absolute;
  background: transparent;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
}
.contact-map iframe {
  height: 600px;
  margin: 0px 0px 30px 0px;
}
.rp-heading {
  position: relative;
  margin-bottom: 45px;
}
/* .g-a-registration .row {
align-items: end;
} */
#attachement-sec p {
  color: #212529 !important;
}
.attached-row .text-part {
  flex: 0 0 auto;
  width: 85%;
  padding-right: 20px;
}
.warning-msg {
  margin-bottom: 15px;
}
.warning-msg i {
  color: orange;
  font-size: 20px;
  margin-right: 10px;
}
.holy-quiran-page {
  padding-bottom: 40px;
  width: 100%;
  float: left;
}
.quiran-section td {
  vertical-align: middle;
}
.quiran-heading img {
  margin-right: 15px !important;
}
td.audioTd {
  padding: 0.75rem !important;
}
.input-group-prepend img {
  width: 20px;
  height: 20px;
}
/* .officialdelegatebooking input[type="date"] {
background-image: none!important;
} */
.banner-subhead h3,
.banner-right-content strong {
  line-height: inherit;
}
.pt_0 {
  padding-top: 0px !important;
}
.inner-layout .marbles-edit {
  padding-left: 0px !important;
  padding-right: 0px;
}
.container-1630 {
  padding: 0px 15px;
}
.d-flex-column {
  display: flex;
  flex-direction: column;
}
.wrap {
  width: 100%;
  float: left;
}
.thank-you-txt-flex {
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.ticket-sec .row {
  justify-content: center;
}
.qr-sec p {
  text-align: center;
}
.thank-you-page .bottom-buttons {
  justify-content: center;
}
.data-sec ul span {
  padding-right: 0;
  padding-left: 5px;
}
.thank-you-txt {
  background: transparent;
  padding: 10px 31px;
  color: #bba367 !important;
  border: 1px solid #bba367;
  width: fit-content !important;
  border-radius: 12px;
}
.thank-you-page .bottom-buttons {
  justify-content: center;
}
.ticket-sec .row {
  justify-content: center;
}
.date-time-sec {
  background: #f3eee4 0% 0% no-repeat padding-box;
  border-radius: 23px;
  padding: 45px;
  display: flex;
  align-items: center;
  color: #98712a !important;
  width: 80%;
  float: left;
  border: 2px solid #bba367;
  max-width: 100%;
  margin: 0% 0% 0% 10%;
}
.ticket-qr {
  text-align: center;
  width: 100%;
  float: left;
  margin-top: 25px;
  padding: 0px 10px;
  background: white;
  /* box-shadow: 0px 0px 4px #0000002e; */
  padding: 20px 10px 15px 10px;
}
.thank-you-page {
  background: #f5f5f58a;
  backdrop-filter: blur(100px);
}
.ticket-srtip {
  width: 100%;
  float: left;
  height: 1px;
  border-bottom: 1px dashed #8c8d8d;
  margin-bottom: 10px;
  position: relative;
}
.left-box {
  width: 25px;
  height: 25px;
  background: #f5f5f58a;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -11px;
  /* border-radius: 50%; */
  clip-path: circle(50% at 0 50%);
}
.right-box {
  width: 25px;
  height: 25px;
  background: #f5f5f58a;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -12px;
  clip-path: circle(50% at 100% 50%);
}
.bold {
  font-weight: 500;
}
.g-a-registration textarea {
  background: #fff !important;
}
.thank-you-form-page {
  padding: 50px 0px;
  text-align: center;
  width: 100%;
  float: left;
}
.thank-you-form-page h1 {
  font-size: 45px;
  font-weight: 600;
  color: #bba367;
  font-family: "Philosopher";
}
[lang="ar"] .thank-you-form-page h1 {
  font-family: "TheSansArabicbold";
}
.thank-you-form-page p {
  margin: 0px 0px 6px 0px;
  color: #8c8d8d !important;
}
.register-id-sec {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0px;
  /* background: red; */
}
.register-id-sec strong {
  padding: 10px 20px;
  border: 1px solid #bba367;
  border-radius: 11px;
  font-size: 18px;
  color: #bba367;
}
.button-part-thank-you {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
}
.button-part-thank-you a {
  background: #bba367;
  padding: 13px 25px;
  color: #fff !important;
  width: fit-content;
  float: left;
  margin-right: 15px;
}
[lang="ar"] .button-part-thank-you a {
  margin: 0px 0px 0px 15px;
}
.button-part-thank-you a:nth-last-of-type(1) {
  margin-right: 0px;
}
.thank-you-wrap {
  box-shadow: 0px 0px 7px #00000024;
  border-radius: 30px;
  padding: 30px;
  width: 100%;
  float: left;
}
.icon-wrap img {
  width: 140px;
  margin-bottom: 30px;
}
.g-a-registration label {
  font-family: "thesansb6semibold";
  letter-spacing: inherit;
}
.step-form-tabs li a:after {
  background: url(../images/registration-forms/normal.png) 0 -2px / 100% 100% no-repeat !important;
  position: absolute !important;
  top: 0 !important;
  content: "" !important;
  width: 125% !important;
  height: 100% !important;
  z-index: -1 !important;
  right: 0 !important;
}
.step-form-tabs li:nth-child(1) a:after {
  left: 0 !important;
  width: 100% !important;
}
.g-a-registration .step-form-tabs li a {
  width: 100% !important;
  background-image: none !important;
  margin: 0 !important;
}
.step-form-tabs li a.active:after {
  background: red !important;
  background: url(../images/registration-forms/active.png) 0 0 / 100% 100% no-repeat !important;
}
.step-form-tabs li a {
  background: none !important;
}
.step-form-tabs li a.active {
  background: none !important;
}
/* .step-form-tabs li a {
justify-content: flex-start!important;
} */
.g-a-registration .g-a-btn {
  margin-right: 15px !important;
}
[lang="ar"] .g-a-registration .g-a-btn {
  margin: 0px 0px 0px 15px !important;
}
.g-a-registration .g-a-btn:nth-last-child(1) {
  margin-right: 0px !important;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #fff;
}
.g-a-registration .g-a-row {
  padding-left: 0px !important;
}
.individualbookingNew .form-btn.text-center .g-a-btn:nth-last-child(1) {
  margin: auto !important;
}
/* tbody.tblIngredient td {
vertical-align: middle;
}
tbody.tblIngredient td  .form-group-flex {
margin-top: 0px!important;
}
tbody.tblIngredient td  .form-group {
margin-bottom: 0px!important
} */
.w-float {
  width: 100%;
  float: left;
}
.g-a-registration .nav-tabs .nav-item a {
  width: 100% !important;
  font-size: 17px !important;
}
section.a-l-t-sec3 .col-lg-6 img {
  width: 100%;
}
label span {
  color: red;
}
.btn-close-pop {
  background: #bba367 !important;
  width: fit-content !important;
  text-align: center;
  margin: auto !important;
  display: block;
  color: #fff !important;
  padding: 10px 30px !important;
  border-radius: 10px !important;
}
.tooltip-label-big i {
  text-align: center;
  display: inline-flex;
  margin-left: 5px;
}
.tooltip-label {
  letter-spacing: inherit !important;
}
.terms-condition {
  font-family: "thesanslight";
}
.g-a-registration .row .form-group {
  margin-bottom: 25px;
}
/* .individualbookingNew .table-responsive {
overflow: visible!important;
} */
.individualbookingNew .table-responsive .iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #ccc;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  width: 218px;
}
.table-sr {
  margin-top: -15px;
}
.flex-layout-left {
  color: #8c8d8d !important;
  text-align: justify;
}
.flex-layout-left {
  width: 100%;
  float: left;
  height: auto;
  margin: 0px 0px 60px 0px;
}
.img-part-left {
  width: 50%;
  float: right;
  padding: 0px 0px 50px 30px;
}
[lang="ar"] .img-part-left {
  float: left;
  padding: 0px 50px 30px 0px;
}
.flex-layout-left ul {
  padding-left: 20px;
}
.flex-layout-left ul li {
  list-style: auto;
  width: 100%;
  float: revert;
  margin: 0px 0px 15px 0px;
  font-family: "thesansb5plain";
}
.flex-layout-left p {
  font-family: "thesansb5plain";
}

.flex-layout-left h2 {
  color: #222222;
  font-size: 27px;
  text-align: left;
  margin-bottom: 15px;
  font-family: "thesansb6semibold";
}
[lang="ar"] .flex-layout-left h2 {
  text-align: right;
  font-family: "TheSansArabicsemibold";
}
.floating-100 {
  width: 100%;
  float: left;
}
.pb-80 {
  padding-bottom: 80px;
}
.flex-layout-left .center-link {
  padding: 10px 0px;
}
.btn-golden {
  color: #bba367 !important;
}
.publication-description-sec {
  color: #8c8d8d;
  /* font-family: "TheSansArabicLight"; */
  margin-top: 20px;
  line-height: 32px;
  text-align: justify;
}
.philosophy-inner-main .text-part h3 strong {
  color: #98712a;
}
span.app-pl {
  font-family: "TheSansArabicLight" !important;
}
.mediaregistrationnew .row {
  align-items: flex-end;
}
#attachement-sec .content p {
  letter-spacing: 0px;
  /* font-family: 'thesansb5plain'!important; */
  text-align: left !important;
}
#required-doc-sec .terms-condition-check {
  /* border-top: 1px dotted #ccc; */
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
}
#required-doc-sec input[type="checkbox"] {
  height: auto;
  width: fit-content !important;
}

.scroll-content {
  height: 500px;
  overflow-y: scroll;
}
.language-tab-content {
  width: 100%;
  padding: 30px 15px 0px 15px;
}
/* .scroll-content {
padding: 0px 20px 0px 20px;
} */
.scroll-content h1 {
  text-align: center;
  font-family: "Philosopher";
  font-weight: 600;
  color: #98712a !important;
  text-transform: capitalize;
  font-size: 34px;
}
#Arabic .scroll-content h1,
#Urdu .scroll-content h1 {
  font-family: "TheSansArabicBold";
}

.scroll-img {
  margin-bottom: 40px;
}
.scroll-content h2 {
  text-align: center;
  font-family: "Philosopher";
  font-weight: 600;
  color: #98712a !important;
  font-size: 28px;
  padding: 20px 0px 0px 0px;
}
#Arabic .scroll-content h2,
#Urdu .scroll-content h2 {
  font-family: "TheSansArabicBold";
}

.scroll-content h3 {
  font-family: "Philosopher";
  font-weight: 600;
  color: #98712a !important;
  font-size: 28px;
  padding: 30px 0px 0px 0px;
  width: fit-content;
  float: left;
  margin-bottom: 15px;
  text-decoration: underline;
  width: 100%;
}
#Arabic .scroll-content h3,
#Urdu .scroll-content h3 {
  font-family: "TheSansArabicBold";
}
.scroll-content ol {
  width: 100%;
  float: left;
  padding-left: 30px;
}
.scroll-content ol li {
  width: 100%;
  float: left;
  padding-bottom: 5px;
  list-style: auto;
  font-family: "thesansb5plain";
}
#Arabic .language-tab-content ol li,
#Urdu .language-tab-content ol li {
  font-family: "TheSansArabicLight";
}
#Arabic .language-tab-content p,
#Urdu .language-tab-content p {
  font-family: "TheSansArabicLight";
}
.fixed-content h2 {
  text-align: center;
  font-family: "Philosopher";
  font-weight: 600;
  color: #98712a !important;
  font-size: 24px;
  padding: 20px 0px 0px 0px;
}
#Arabic .fixed-content h2,
#Urdu .fixed-content h2 {
  font-family: "TheSansArabicBold";
}
.individual-booking-scroll {
  box-shadow: 0px 0px 3px #0000003d;
  padding: 30px 15px 40px 15px;
}
.individual-booking-scroll .nav-link.active {
  background-color: #98712a !important;
  color: #fff !important;
}
.individual-booking-scroll .nav-link {
  color: #000 !important;
  font-family: "thesansb6semibold";
  border: 0px;
}
.individual-booking-scroll .nav-tabs .nav-link:focus,
.individual-booking-scroll .nav-tabs .nav-link:hover {
  border: 0px;
}
#Arabic .scroll-content ol,
#Urdu .scroll-content ol {
  padding-left: 0px;
  padding-right: 30px;
}
.individual-booking-scroll .nav-tabs {
  justify-content: center;
}

#language-class label {
  font-size: 18px !important;
  font-family: "TheSansArabicsemibold";
}
#language-class input#chk {
  accent-color: #9b7511;
  width: 20px;
  height: 20px;
  position: relative;
  align-items: center;
  margin: 2px 0px 0px 0px;
}
#language-class {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 30px 0px;
}

.verify.arabic,
.verify.urdu {
  flex-direction: row-reverse;
  font-family: "TheSansArabicsemibold";
}

.verify.arabic label,
.verify.urdu label {
  font-family: "TheSansArabicsemibold";
}

div#Urdu {
  direction: rtl;
  text-align: right;
}
.terms-popup {
  top: auto !important;
}
.terms-popup .modal-body {
  padding: 30px !important;
}
.form-group.form-check.terms-condition-check input {
  accent-color: #9b7511 !important;
  width: auto !important;
}

table#individualbooking td:nth-child(3) {
  min-width: 200px;
}
table#individualbooking td:nth-child(4) {
  min-width: 200px;
}
table#individualbooking td:nth-child(6) {
  min-width: 200px;
}
table#individualbooking td:nth-child(7) {
  min-width: 200px;
}

.mediaregistrationnew table thead {
  background-color: #bba360;
}
.mediaregistrationnew td.hidden {
  padding: 0px !important;
  display: none !important;
}
.mediaregistrationnew table thead th {
  color: #fff;
}
.mediaregistrationnew table {
  border: 1px solid #ccc;
}
.mediaregistrationnew table tbody {
  border-top: 0px !important;
}
.mediaregistrationnew .table td {
  font-family: "TheSansArabicLight";
}
.mediaregistrationnew table {
  margin: 0px !important;
}
.mediaregistrationnew .table-striped tbody tr:nth-of-type(odd) {
  background-color: transparent;
}
.mediaregistrationnew tbody tr {
  border-bottom: 1px solid #ccc;
}
.mediaregistrationnew tbody tr:nth-last-of-type(1) {
  border-bottom: 0px;
}
tr.tr_crews .position-relative {
  padding-bottom: 15px !important;
}
#tblCrew .custom_error_message {
  bottom: 0px !important;
  top: auto !important;
}
.mediaregistrationnew #tblCrew thead {
  background-color: transparent;
}
.mediaregistrationnew #tblCrew thead th {
  color: #212529 !important;
}
.mediaregistrationnew #tblCrew {
  border: 0px !important;
}
table#tblCrew td {
  padding: 0px !important;
}
.g-a-registration label {
  letter-spacing: 0px !important;
}
table#tblCrew tr {
  border-bottom: 0px;
}
.ramadan-activities-main-page .resources-row {
  box-shadow: none !important;
  border: 0px !important;
  display: block;
}
.ramadan-activities-main-page .resources-row:nth-child(even) .img-part {
  float: left;
  padding-left: 40px;
  padding-right: 0px;
  padding: 0px 40px 20px 0px !important;
}
[lang="ar"] .ramadan-activities-main-page .resources-row:nth-child(even) .img-part {
  float: right;
  padding: 0px 0px 20px 40px !important;
}
[lang="ar"] .ramadan-activities-main-page .resources-row {
  text-align: right!important;
}
.ramadan-activities-main-page .resources-row:nth-child(odd) .img-part {
  padding: 0px 0px 20px 40px !important;
}

.ramadan-activities-main-page .resources-row .text-part {
  width: auto;
  float: none;
  padding: 0px 30px 30px 0px;
  /* text-align: justify; */
  color: #8c8d8d;
}
.ramadan-activities-main-page .resources-row h4,.ramadan-activities-main-page .resources-row h3 {
  color: #a1853e;
  font-size: x-large;
  line-height: inherit;
}
.mediaregistrationnew .iti--separate-dial-code .iti__selected-flag {
  font-size: 14px;
  font-weight: 500;
}
.attached-row p i {
  width: 20px;
  height: 20px;
  background: #bba367;
  text-align: center;
  border-radius: 50%;
  font-size: small;
  vertical-align: middle;
  color: #fff;
  padding-top: 4px;
  margin-left: 5px;
  cursor: pointer;
}

.banner-subhead h3,
.banner-right-content strong {
  font-size: 18px;
  margin-top: 30px;
  display: block;
  font-weight: 200;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
      opacity: 0;
  }
}
.request-description-sec {
  margin-bottom: -70px;
  margin-top: 15px;
}
.divMediaRequestDetailsAcademicPurpose-add {
  margin-top: 40px;
  margin-bottom: -50px;
}
/* media print */
@media print {
  h1 {
      text-align: center !important;
      font-family: "Philosopher", sans-serif !important;
      margin-bottom: 30px !important;
  }
  a {
      display: none !important;
  }
  .date-time-sec {
      width: 80% !important;
      background: #f3eee4 0% 0% no-repeat padding-box !important;
  }
}

/*=================== media query start  ===================*/
@media screen and (min-width: 2560px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-1630 {
      max-width: 1900px !important;
  }
  header .container {
      width: 1900px;
  }
}
@media screen and (min-width: 1920px) {
  .e-services-page .container-1630,
  .e-services-page .container {
      max-width: 1500px !important;
  }
  .mediaregistrationnew .step-form-tabs li a {
      font-size: 19px;
  }
}
@media screen and (max-width: 991px) {
  .pagination-container .pagination li span {
      font-size: 22px;
  }
  .g-a-formfields .form-group input {
      padding: 0px 15px;
  }
  .hirji-calendar-main-page .img-sec img {
      height: auto;
  }
  .play-boxes {
      max-width: 70%;
  }
  .al-shabab-page-f .hirji-calendar-main-page .row {
      flex-direction: column;
  }
  .al-shabab-page-f .hirji-calendar-main-page .img-sec {
      width: 100%;
  }
  .al-shabab-page-f .hirji-calendar-main-page .text-sec {
      width: 100%;
  }
  .publication-inner-section {
      padding: 20px 5px !important;
      margin-bottom: 30px;
  }
  .operators {
      flex-direction: column;
  }
  .operators a {
      position: relative;
      margin-top: 15px;
  }
  .cm-flex-layout .cm-img-part {
      width: 45%;
      float: left;
      padding: 0px 25px 25px 0px;
  }
  .form-group label {
      font-size: 15px;
  }
  .news-content-part .news-img {
      width: 100%;
      float: left;
      padding: 0px 0px 30px 0px;
  }
  .news-main h1 {
      font-size: 20px;
  }
  a.scroll-top {
      width: 40px;
      height: 40px;
      bottom: 150px;
      right: 20px;
  }
  a.scroll-top-fixed {
      bottom: 20px;
      opacity: 1;
      transform: rotate(0deg);
  }
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-1630 {
      max-width: 100% !important;
      padding: 0px 30px;
  }
  .plan-visit-bg {
      margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .icon-wrap img {
      width: 100px;
  }
  .thank-you-form-page h1 {
      font-size: 30px;
  }
  .thank-you-form-page p {
      font-size: 14px;
  }
  .register-id-sec strong {
      font-size: 15px;
  }
  .button-part-thank-you a {
      font-size: 13px;
  }
  .operators {
      display: grid !important;
  }
  .latest-update-box {
      margin-bottom: 15px;
  }
  .dhikr-page-f .marbles-edit {
      flex-direction: column;
  }
  .marbles-edit p {
      text-align: center;
  }
  .marbles-edit h1 {
      text-align: center !important;
  }
  .h1-img img {
      width: 70px;
      top: -33%;
      left: 0;
      right: 0;
      margin: auto;
  }
  .btn-end {
      display: block !important;
      float: none !important;
      text-align: center !important;
  }
  .text-right-c {
      text-align: center !important;
      width: 100% !important;
      float: none !important;
  }
  .pt-box {
      height: 130px !important;
      width: 130px !important;
  }
  .inner-layout .img-part {
      width: 100% !important;
      padding: 0px 0px 30px 0px !important;
  }
  .philosophy-inner-main .text-part {
      padding: 20px 0px 0px 0px !important;
  }
  .publication-inner-section .book-part img {
      height: auto;
  }
  .flext-inner-layout2 .img-part img {
      height: auto !important;
  }
  .cm-flex-layout .cm-img-part {
      width: 100%;
      float: left;
      padding: 0px 0px 30px 0px;
  }
  .cm-img-part img {
      width: 100%;
      height: auto;
      object-fit: cover;
  }
  .foot-form .col-12 {
      margin-bottom: 1rem;
  }
  .date {
      flex: 0 0 auto;
      width: 100%;
      height: auto !important;
      border: 0px;
      box-shadow: none;
  }
  .date br {
      display: contents !important;
  }
  .latest-news img {
      width: 100% !important;
  }
  .col-lg-3.col-md-3.pl-0 {
      padding-left: 15px !important;
  }
  .news-content {
      flex-direction: column !important;
      align-items: flex-start;
  }
  .date {
      justify-content: flex-start !important;
  }
  .rp-right-bottom.btn-news h3 {
      text-align: left !important;
  }
  .news-row {
      max-width: 80%;
      margin: auto;
  }
  .date h2 {
      display: block;
  }
  .date h2 span {
      font-size: 30px !important;
  }
  .date-span {
      margin-left: 10px;
  }
  .main-heading-center {
      margin: 30px 0px !important;
  }
  .quiran-section .table {
      display: table !important;
  }
  .quiran-heading {
      text-align: center !important;
  }
  .quiran-section .table tr {
      display: flex;
      flex-direction: column;
  }
  .audioTd {
      padding-top: 0px !important;
  }
  .img-part-left {
      width: 100%!important;
      padding: 0px 0px 30px 0px!important;
  }
  .flex-layout-left p {
      width: 100%;
      float: left;
  }
  .resources-row {
      flex-direction: column !important;
  }
  .resources-row .img-part {
      width: 100% !important;
  }
  .resources-row .text-part {
      width: 100% !important;
  }
  .ramadan-activities-main-page .resources-row:nth-child(even) .img-part,
  [lang="ar"] .ramadan-activities-main-page .resources-row:nth-child(even) .img-part  {
      padding: 0px 0px 40px 0px !important;
  }
  .ramadan-activities-main-page .resources-row:nth-child(odd) .img-part {
      padding: 0px 0px 20px 0px !important;
  }
  [lang="ar"] .ramadan-activities-main-page .resources-row:nth-child(odd) .img-part {
    padding: 0px 0px 20px 40px !important;
    float: right;
  }
  .resources-row .img-part img {
      height: auto !important;
  }
}
@media screen and (max-width: 600px) {
  .pagination-container .pagination li span {
      font-size: 15px;
  }
  .width-table th {
      text-align: left;
      display: revert;
  }
  .width-table .form-group {
      margin-bottom: 1rem;
      width: 180px;
  }
  .photography-flex {
      flex-wrap: wrap;
  }
  .photography-flex .form-group {
      flex: 0 0 35% !important;
  }
  .btn-center-mobile {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
  }
  .working-hours-sec {
      max-width: 100%;
      margin: 0px;
      width: 100%;
      float: left;
  }
  .content-part p {
      font-size: 15px;
  }
  .resource-box-new .head-part {
      height: auto;
  }
  .resource-box-new .head-part h2 {
      font-size: 20px;
  }
  .resource-box-new .content-part {
      min-height: auto;
  }
  .hirji-calendar-main-page .text-sec {
      width: 100%;
  }
  .hirji-calendar-main-page .row:nth-child(odd)::after {
      display: none;
  }
  .hirji-calendar-main-page .row:nth-child(even)::after {
      display: none;
  }
  .hirji-calendar-main-page .img-sec {
      width: 100%;
  }
  .hirji-calendar-main-page .img-sec img {
      border-radius: 5px;
      height: auto;
      object-fit: contain;
  }
  .hirji-calendar-main-page .row {
      max-width: 100%;
      margin: 30px auto;
  }
  .hirji-calendar-main-page h2 {
      max-width: 80%;
      padding: 40px 0px 20px 0px;
      font-size: 14px;
  }
  .play-boxes {
      max-width: 100%;
  }
  .play-boxes {
      max-width: 100%;
      flex-direction: column;
  }
  .play-box-main {.
      width: 70%;
      margin: auto;
  }

  .resources-row .text-part {
      width: 100%;
  }
  .resources-row .img-part img {
    height: 300px !important;
}
  .resources-row .text-part h2 {
      font-size: 21px;
  }
  .quiran-section {
      max-width: 100%;
      margin: auto;
      padding-bottom: 50px;
  }
  table#tab tbody tr th {
      flex-direction: column;
  }
  .flext-inner-layout2 .img-part {
      padding: 0px 0px 30px 0px !important;
  }
  .step-form-tabs li a:after {
      width: 100% !important;
  }
}
@media screen and (max-width: 320px) {
  .pagination-container .pagination li span {
      font-size: 13px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
  /* ul.nav-list li a {
    font-weight: bold!important;
} */
  table.table-hour.hour-2 {
      text-align: center;
      width: 60%;
      margin: auto;
  }
}
@media screen and (max-width: 1920px) {
  .my_news_repeat_img {
      height: 230px;
      object-fit: cover;
  }
}

@media screen and (max-width: 1699px) {
  .boxis {
      flex: 0 0 23.9%;
  }
}
@media screen and (max-width: 1600px) {
  .my_news_repeat_img {
      height: 200px;
      object-fit: cover;
  }
  .banner-head h1,
  .banner-right-content h1 {
      font-size: 31px;
      line-height: 50px;
      max-width: 91%;
  }
}

@media screen and (max-width: 1440px) {
  .my_news_repeat_img {
      height: 165px;
      object-fit: cover;
  }
  .g-a-registration .nav-tabs .nav-item a {
      font-size: 16px !important;
  }
}
@media screen and (max-width: 1366px) {
  .my_news_repeat_img {
      height: 195px;
      object-fit: cover;
  }
  .g-a-registration label {
      font-size: 16px !important;
  }
  .g-a-registration .table td,
  .g-a-registration .table th {
      font-size: 16px;
  }
  .media-request-form-page td,
  .media-request-form-page th {
      font-size: 16px !important;
  }
  .g-a-registration .nav-tabs .nav-item a {
      font-size: 15px !important;
  }
  .main-heading-center h1 {
      font-size: 30px;
  }
}
@media screen and (min-width: 1921px) and (max-width: 2560px) {
  .my_news_repeat_img {
      height: 250px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 2560px) {
  ul.nav-list li a {
      font-size: 16px !important;
      padding: 0px 20px 0px 0px !important;
      font-weight: 500;
  }
  .log-brand {
      width: 170px;
  }
  .my_news_repeat_content h2 {
      font-size: 20px;
      line-height: inherit;
  }
  /* .count_dw_col {
max-width: 430px;
} */
  .icon img {
      margin-right: 30px;
      width: 65px;
  }
}
@media (max-width: 2000px) {
  /*ul.nav-list li a{*/
  /*    font-size:14px;*/
  /*    padding:10px;*/
  /*}*/

  .searchbar {
      margin-top: 6px;
  }
}
@media (max-width: 1850px) {
  /*Transportation */

  .box-trans {
      width: 100%;
      height: 100%;
  }

  .box-trans p.s-right {
      padding: 0;
  }

  .box-trans h2 {
      font-size: 35px;
      line-height: 50px;
  }

  .box-trans p {
      font-size: 18px;
      line-height: 29px;
  }

  /*Transportation */
  .about-banner-blurbox {
      flex: 0 0 450px;
      padding: 15px;
      flex: 0 0 530px;
      padding: 20px;
  }

  .about-banner-visiting p {
      font-size: 18px;
  }

  /*HAPPINESS FORMULA  */

  .formula-happ-s5nd ul li {
      font-size: 17px;
      line-height: 27px;
  }

  /* .chairman-speech.dg-speech .container-1420 {
    max-width: 85vw;
} */

  /*HAPPINESS FORMULA END */

  /* CORPORATE SERVICES */
  .tour-op {
      width: 380px;
  }

  .tour-op-1 iframe {
      width: 380px;
  }

  /*CORPORATE SERVICES  */

  /* sahan */
  .sahan-edit h1 {
      font-size: 54px;
  }

  .sahan-edit p {
      font-size: 19px;
      padding-right: 40px;
  }

  /* sahan end */
  /* .container-1630 {
    max-width: 88vw;
} */

  /* .container-1420 {
    max-width: 75vw;
} */

  /*ul.nav-list li a {*/
  /*    font-size: 13px;*/
  /*}*/
}
@media (max-width: 1780px) {
  ul.nav-list li a {
      font-size: 14px;
  }
  .header-new ul.nav-list li a {
      font-size: 14px;
  }
  /* Suggestions */
  .marbles-edit-1.domes-cont2 img {
      height: auto;
  }

  .sticky-header ul.nav-list {
      gap: 8px;
  }

  .uploadButton {
      width: 240px;
      margin-right: 23px;
  }

  .fileName {
      font-size: 19px;
  }

  .check-suggest label {
      margin-right: 42px;
  }

  .input-suggest textarea {
      height: 161px;
  }

  /* Suggestions */
  /* contact us */
  .icon-cntact p {
      font-size: 21px;
      padding-bottom: 11px;
  }

  .contact-padd {
      padding-top: 20px !important;
  }

  .in-lab-1 label {
      font-size: 19px;
  }

  .btn-contact button {
      width: 194px;
  }

  .btn-sub-contact {
      padding-top: 80px;
  }

  .google-play.ab-map p a {
      font-size: 27px;
  }

  /* contact us end  */
  /** services */
  .serv-box p {
      font-size: 18px;
      line-height: 28px;
  }

  /* .walkway h3 {
    font: normal normal bold 35px/50px Philosopher;
    width: 86%;
} */

  .ewan h1 {
      font: normal normal bold 35px/60px Philosopher;
  }

  .ewan p {
      font-size: 18px;
  }

  .ewan .ev-edit-p {
      padding: 0 0 40px 0;
  }

  .walkway p {
      /* width: 83%; */
      font-size: 19px;
  }

  .serv-box {
      padding: 0 20px;
  }

  /** services END */

  /* CORPORATE SERVICES */
  .tour-op {
      width: 340px;
  }

  .tour-op-1 iframe {
      width: 340px;
  }

  .operators h1 {
      font-size: 50px;
  }

  .tour-left {
      width: 340px;
  }

  .icon-reg-1 img {
      width: 30px;
      height: 30px;
  }

  .icon-reg-1 {
      max-width: 172px;
  }

  .icon-reg IMG {
      margin-left: -17px;
      width: 71px;
  }

  .right-content p {
      font-size: 18px;
  }

  /*CORPORATE SERVICES end  */

  /* Events & Activities  Exhibitions */
  .exibition-edit p {
      font-size: 19px;
      line-height: 20px;
      padding-bottom: 0px;
  }

  .exibition-edit ul li {
      font-size: 19px;
      line-height: 30px;
      padding-bottom: 0px;
  }

  /* Events & Activities  Exhibitions  */

  /*e-services  */
  .col-lg-9.p-0.serv-col-2 {
      margin-left: -29px;
  }

  .hov-img {
      width: 70px;
      height: 70px;
  }

  .btn-edit a.s-services {
      font-size: 16px;
      width: 115px;
  }

  .btn-edit a {
      font-size: 16px;
  }

  .boxis h6 {
      font-size: 18px;
  }

  .boxis {
      padding: 8px 11px;
  }

  /* e-services end  */
  /* sahan */
  .sahan-edit h1 {
      font-size: 50px;
      padding-bottom: 40px;
  }

  section.sec-liners-1 .marbles-edit h1 {
      font-size: 44px;
      line-height: 65px;
      padding-bottom: 20px;
  }

  section.sec-liners-1 .marbles-edit p {
      font-size: 18px;
      line-height: 29px;
  }

  .sahan-edit p {
      padding-right: 0px;
      font-size: 18px;
  }

  .sahan-edit {
      padding-left: 90px;
  }

  /* sahan end */
  /*  */
  .general-archi p {
      font-size: 18px;
      line-height: 32px;
      padding-bottom: 22px;
      margin-bottom: 0;
  }

  img.archi-img {
      padding-left: 20px;
      width: 54%;
  }

  .general-2-archi p {
      padding-top: 20px;
      font-size: 18px;
  }

  /*  */
  /* drop down  */
  ul.my_dropdown {
      width: 280px;
  }

  .abbriviation {
      right: -164%;
      width: 400px;
  }

  .abbriviation p {
      font-size: 13px;
  }

  /* drop down  */
  /*ul.nav-list li a {*/
  /*    font-size: 12px;*/
  /*    padding: 7px;*/
  /*}*/

  .banner-subhead h3,
  .banner-right-content strong {
      font-size: 21px;
  }

  /*.banner-head h1 {*/
  /*    font-size: 64px;*/
  /*    line-height: 80px;*/
  /*}*/

  .banner-right-content {
      padding: 80px 0 0 5.3vw;
  }
  [lang="ar"] .banner-right-content {
      padding: 80px 5.3vw 0 0 !important;
  }
  .alery-box {
      max-width: 500px;
      font-size: 21px;
      line-height: 14px;
  }

  /*.banner-box {*/
  /*    margin-right: 30px;*/
  /*    flex: 0 0 14%;*/
  /*}*/
  .banner-box {
      margin-right: 20px;
      flex: 0 0 20%;
      text-align: center;
  }

  h2.right-boxhead {
      font-size: 20px;
  }

  .flex.prayer-time h2 {
      font-size: 18px;
  }

  .position-right-box {
      padding: 15px 40px 15px 40px;
      width: 250px;
  }

  .left-position-icons .pos-icon {
      width: 70px;
      height: 70px;
      margin-bottom: 20px;
  }

  p.sec2-right-subhead,
  .bx-visit p {
      font-size: 20px;
      line-height: 33px;
      max-width: 280px;
  }

  ul.visit_link a {
      font-size: 24px;
      line-height: 40px;
  }

  .icon-shape-2 {
      width: 80px !important;
      height: 80px !important;
  }

  .icon-shape-2 img {
      height: 45px;
  }

  .bx_pln_itm h3 {
      font-size: 22px;
      line-height: 32px;
  }

  .bx_pln_itm p {
      font-size: 15px;
  }

  button.s2-btn,
  .bx_pln_itm a {
      font-size: 15px;
      line-height: 16px;
      margin-top: 10px;
  }

  .bx-visit {
      height: 100%;
  }

  /*.player-sechead h2 {*/
  /*    font-size: 70px;*/
  /*    line-height: 90px;*/
  /*    margin-top: 5px;*/
  /*    max-width: 900px;*/
  /*}*/

  section.section-2 {
      padding: 100px 0;
  }

  h1.s4-head,
  .trans-flex h3 {
      font-size: 43px;
      line-height: 70px;
  }

  button.sec4-btn {
      width: 230px;
      height: 60px;
  }

  section.section-5 {
      padding: 80px 0 80px 0;
  }

  .sec-5top-content h4 {
      font-size: 40px;
      line-height: 55px;
  }

  .sec-5top-content h2,
  .my_sec_7_row1 h2,
  .my_sec_8_row1 h2,
  .my_sec_9_row1 h2 {
      font-size: 70px;
  }

  .s5-tab-list li a {
      font-size: 16px;
  }

  .s5_caption_txt {
      width: 85%;
      height: 140px;
      padding: 25px;
      margin-top: -70px;
  }

  .s5_caption_txt h5 {
      font-size: 25px;
      line-height: 34px;
  }

  .section-6 {
      padding: 60px 0;
      padding-bottom: 80px;
  }

  .my_news_div_content a {
      font-size: 26px;
  }

  .my_news_div_img img {
      height: 225px;
  }

  .my_news_div_img {
      height: auto;
  }

  .my_news_div_content {
      height: 110px;
  }

  .my_news_div_content a i.fa {
      margin-left: 5px;
      -webkit-text-stroke: #fff 1px;
  }

  .my_news_repeat_content p {
      font-size: 13px;
      line-height: 24px;
  }

  .my_news_repeat {
      margin-bottom: 25px;
  }

  h3.sec-subhead {
      font-size: 40px;
      line-height: 50px;
  }

  .my_heighlight {
      max-width: 325px;
  }

  .my_heighlight_content p {
      font-size: 15px;
      line-height: 25px;
  }

  .my_highlights_wrap .slick-arrow {
      width: 80px;
      height: 80px;
  }

  .my_highlights_wrap .slick-arrow:before {
      font-size: 40px;
  }

  .my_sec_7 .slick-prev:before,
  .slick-next:before {
      line-height: 0.5;
  }

  section.my_sec_7,
  section.my_sec_8,
  section.my_sec_9 {
      padding: 70px 0;
  }

  .my_grandm_div_text h5 {
      font-size: 13px;
  }

  .my_grandm_div_text h2 {
      font-size: 22px;
      letter-spacing: 2px;
  }

  .my_social_row .col-md-3 h2 {
      font-size: 25px;
  }

  .my_social_link a i {
      width: 40px;
      height: 40px;
      font-size: 21px;
      margin-right: 10px;
  }
  [lang="ar"] .my_social_link a i {
      margin: 0px 0px 0px 10px !important;
  }
  [lang="ar"] .my_social_link a {
    text-align: right;
  }
  .my_social_link a {
      font-size: 18px;
  }

  /*a.my_social_a img {*/
  /*    height: 400px;*/
  /*}*/

  /*a.my_social_a {*/
  /*    height: 600px;*/
  /*}*/

  .rp-box p {
      font-size: 19px;
      line-height: 27px;
  }

  /* .rp-right-bottom h3 {
    font-size: 24px;
} */

  .vh2-col {
      padding: 70px 20px 25px 20px;
  }

  .footer-col-3 .col-4 {
      padding: 0;
  }

  .s-p-service-box ul li {
      font-size: 14px;
      line-height: 25px;
  }

  .s-p-service-box {
      padding: 70px 40px 10px;
  }

  .b-m-content h2 {
      font-size: 19px;
      line-height: 22px;
  }
}
@media screen and (max-width: 2560px) {
  .step-form-tabs li a {
      justify-content: center !important;
  }
}
@media screen and (min-width: 1900px) and (max-width: 2560px) {
  .ws-card-img img {
      height: 200px;
  }
  .cm-flex-layout .cm-img-part {
      width: 560px;
  }
}

@media screen and (min-width: 1500px) and (max-width: 1900px) {
  .pub-box img {
      margin: 0 auto;
      max-width: 200px;
      height: 230px;
      object-fit: fill;
  }
  .pub-box h2 {
      font-size: 15px;
      line-height: 26px;
      letter-spacing: 0.72px;
  }
}

@media screen and (min-width: 1920px) and (max-width: 2560px) {
  .pub-box img {
      margin: 0 auto;
      max-width: 230px;
      height: 330px;
      object-fit: fill;
  }
}

@media screen and (min-width: 1600px) and (max-width: 2560px) {
  .table-p {
      width: 70%;
      margin: auto;
      padding: 10px 0px;
  }
  .data-sec ul li {
      margin-bottom: 10px;
      font-size: 20px;
  }
  .research-list.research-list-2 .banner-box,
  .research-list:nth-child(2) .banner-box {
      flex: 0 0 14%;
  }
}
/* @media (max-width: 1700px) {
ul.nav.nav-tabs.step-form-tabs li a {
    font-size: 15px!important;
}
} */
@media screen and (max-width: 1800px) {
  .a-t-l-list p {
      font-size: 18px;
  }
  .exlent-location-sec p {
      font-size: 18px;
  }
}
@media (max-width: 1599px) {
  .exlent-location-sec p {
      font-size: 17px;
  }
  ul.nav-list li a {
      font-size: 13px;
  }
  .header-new ul.nav-list li a {
      font-size: 12px;
  }
  .board-mem h2 {
      font-size: 15px;
      line-height: 25px;
  }
  .board-mem-box h2 {
      font-size: 17px;
      line-height: 25px;
  }
  /* .row.board-row {

gap: 19px;} */

  /* Suggestions */
  .uploadButton {
      width: 51%;
  }

  /* Suggestions */
  /* contact us */

  .contact h2 {
      margin-left: 0;
  }

  .in-lab input {
      width: 61%;
  }

  .btn-contact input {
      margin-right: 79px;
  }

  .in-lab-1 label {
      margin-right: 20px;
  }

  .btn-contact a {
      padding-left: 249px;
  }

  .icon-cntact p {
      font-size: 20px;
  }

  .cont-flash p a {
      font-size: 26px;
  }

  /* contact us end */

  /*CORPORATE SERVICES   */
  .tour-op {
      width: 300px;
  }

  .tour-op {
      width: 300px;
  }

  .tour-op-1 iframe {
      width: 300px;
  }

  .tour-left {
      width: 300px;
  }

  .icon-content h4 {
      font-size: 18px;
      line-height: 25px;
  }

  .operators h1 {
      font-size: 40px;
      line-height: 90px;
  }

  /*CORPORATE SERVICES end  */
  /*HAPPINESS FORMULA  */
  .happ-plus {
      padding: 30px 0;
  }

  .happines h1 {
      font: normal normal bold 35px/29px Philosopher;
      padding: 30px 0;
  }

  .formula-headng h2 {
      font: normal normal bold 35px/0px Philosopher;
  }

  .formula-happ-s5nd ul li {
      font-size: 16px;
      line-height: 25px;
  }

  .formula-happ h3 {
      font: normal normal bold 25px/29px Philosopher;
  }

  /*HAPPINESS FORMULA END */
  /*e-services  */
  .tab-create.latest-happ {
      max-width: 100%;
  }

  .col-lg-9.p-0.serv-col-2 {
      margin-left: auto;
  }

  .boxis {
      padding: 20px 10px;
      flex: 0 0 32%;
  }

  .tab-create .nav-link {
      font-size: 17px;
      padding-left: 10px;
  }

  .tab-create .nav-link img {
      padding-right: 15px;
  }

  /* e-services end  */
  /*press-kit   */
  .press-content p {
      font-size: 17px;
      line-height: 30px;
  }

  .press-content .rp-right-bottom h3 {
      font-size: 20px;
  }

  .press-content .rp-right-bottom a {
      font-size: 20px;
  }

  .press-content .rp-right-bottom a:hover {
      font-size: 21px !important;
  }

  section.sec-1-press-kit h2 {
      font-size: 26px;
  }

  section.sec-1-press-kit h4 {
      font-size: 23px;
      line-height: 34px;
  }

  /*press-kit  end  */
  section.sec-liners-1 .marbles-edit h1 {
      font-size: 44px;
      line-height: 65px;
      padding-bottom: 20px;
  }

  section.sec-liners-1 .marbles-edit-1 img {
      height: auto !important;
  }

  /* sahan */
  .sahan-edit h1 {
      font-size: 44px;
      padding-bottom: 24px;
  }

  .sahan-edit p {
      font-size: 16px;
      line-height: 26px;
      margin-bottom: 4px;
  }

  .sahan-edit {
      padding-left: 70px;
  }

  /* sahan end */

  /* marble */

  .marbles-edit p {
      font-size: 18px;
      line-height: 29px;
      padding-right: 0px;
      margin-bottom: 0;
  }

  /* marbel end */

  /*archi  */
  .general-archi p {
      font-size: 17px;
      line-height: 30px;
      padding-bottom: 15px;
  }

  .general-2-archi p {
      font-size: 17px;
  }

  /*archi end  */
  /* dropdown  */
  ul.my_dropdown {
      width: 270px;
  }

  .abbriviation {
      right: -173%;
      width: 400px;
  }

  /* dropdown  */
  .my_heighlight:hover .my_heighlight_content p {
      height: 80%;
  }

  button.sticky-bar-btn {
      width: 120px;
      height: 40px;
      font-size: 11px;
  }

  .sticky-header {
      padding: 0px 0px !important;
  }

  .header {
      padding: 0px 20px;
  }
  h2.topbar-head {
      font-size: 11px;
  }
  ul.nav-list li img {
      max-width: 18px;
  }
  /*ul.nav-list li a {*/
  /*    font-size: 11px;*/
  /*    padding: 8px;*/
  /*}*/

  .sticky-header ul.nav-list li a {
      font-size: 11px;
      padding: 7px;
      display: inline-block;
  }

  .position-right-box {
      padding: 15px 30px 5px 30px;
      width: 240px;
  }

  ul.right-box-list li h3 {
      font-size: 11px;
  }

  .icon-shape-2 img {
      height: 40px;
  }

  .icon-shape-2 {
      width: 70px !important;
      height: 70px !important;
  }

  .bx_pln_itm h3 {
      font-size: 19px;
      line-height: 25px;
  }

  .bx_pln_itm p {
      font-size: 15px;
      line-height: 23px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
  }

  .overlay-visit {
      padding: 40px 30px;
  }

  button.white-btn {
      margin-top: 40px;
  }

  .my_heighlight {
      max-width: 20vw;
      height: 380px;
  }

  section.section-5 {
      padding: 40px 0 80px 0;
  }

  .my_heighlight_content {
      height: 46%;
  }

  .my_highlights_wrap .slick-arrow {
      width: 70px;
      height: 70px;
  }

  .my_highlights_wrap .slick-arrow:before {
      font-size: 35px;
  }

  .my_heighlight_content p {
      font-size: 13px;
      line-height: 22px;
  }

  .my_heighlight_readmore a {
      font-size: 14px;
  }

  .my_heighlight_content {
      height: 45%;
  }

  .s-right {
      padding: 0 0 50px 90px;
  }

  .s-right p {
      font-size: 17px;
      line-height: 26px;
  }

  .vh2-col {
      padding: 50px 30px 25px 30px;
  }

  h1.table-mainhead {
      font-size: 30px;
      line-height: 40px;
  }

  .table-head h2 {
      font-size: 20px;
      line-height: 34px;
  }

  .table-content h3 {
      font-size: 16px;
      line-height: 36px;
  }

  .table-footer h2 {
      font-size: 18px;
      line-height: 33px;
  }

  .vh2-col {
      padding: 50px 30px 25px 30px;
  }

  .vh2-big-col {
      margin-top: 50px;
      padding: 40px 20px 40px 40px;
  }

  .vh2-big-col h1 {
      font-size: 26px;
      margin-bottom: 20px;
  }

  .vh2-big-col p {
      font-size: 17px;
      line-height: 26px;
  }

  .a-t-l-content h3 {
      font-size: 24px;
      line-height: 32px;
  }

  .a-t-l-content p {
      font-size: 19px;
      line-height: 33px;
  }

  .a-t-l-main {
      padding: 320px 50px 30px;
  }

  .pub-inner p {
      font-size: 17px;
      line-height: 30px;
  }

  .a-t-l-list p {
      font-size: 17px;
      line-height: 32px;
  }

  .a-t-l-inner h4 {
      font-size: 26px;
  }

  .a-t-l-inner p span {
      font-size: 22px;
      line-height: 36px;
  }

  section.a-l-t-sec3 {
      padding: 80px 0;
  }

  .pub-detail-content {
      padding-left: 50px;
  }


  .a-s-banner .banner-heading {
      max-width: 870px;
      font-size: 46px;
  }

  .b-m-content h2 {
      font-size: 16px;
      line-height: 20px;
  }

  /* organiz */
  .structure p {
      font-size: 17px;
  }

  /*organiz end  */
  /* SZGMC */
  .mean-dv {
      max-width: 304px;
      min-height: 634px;
      padding: 0 30px;
  }

  .speech-1 h1 {
      font: normal normal bold 39px/44px Philosopher;
      padding: 10px 0 10px 0px;
  }

  .speech-1 {
      padding: 0px 0px 0px 60px;
  }

  .speech-1 p {
      font: normal normal normal 17px/36px;
      line-height: 32px;
      padding-bottom: 10px;
  }

  .listtyle ul li {
      font-size: 14px;
  }

  ul.UL-1 li {
      max-width: 250px;
  }

  .txt-content p {
      font-size: 14px;
      line-height: 28px;
  }

  .about-banner-blurbox {
      flex: 0 0 450px;
      padding: 15px;
  }

  .about-banner-blurbox .icon img {
      max-width: 50px;
      margin-right: 20px;
  }

  .about-banner-visiting p {
      font-size: 14px;
      line-height: 14px;
  }

  .about-banner-blurbox h6 {
      font-size: 15px;
  }

  .about-banner-blurbox ul.count-list li span {
      font-size: 19px;
  }

  .about-banner-blurbox ul.count-list li h3 {
      font-size: 13px;
  }

  .about-banner-blurbox ul.count-list li {
      padding: 0 13px;
  }

  .about-banner-counter {
      gap: 30px;
      margin-top: 30px;
  }

  .img-bg-effect img {
      max-width: 180px;
  }

  .img-bg-effect {
      width: 200px;
      height: 200px;
  }

  .txt-content h3 {
      font-size: 28px;
      line-height: 20px;
      padding-top: 30px;
  }

  .mean-dv {
      max-width: 275px;
      min-height: 604px;
      margin: 0 auto;
  }

  /*SZGMC end  */

  /*Home Responsive*/
  .research-list-overlay {
      width: 100%;
      padding: 0 10px 0 10px;
  }
}
@media (max-width: 1500px) {
  /* szgmc */
  .searchbar {
      margin-right: 15px;
  }
  /*.sticky-header .log-brand img {*/
  /*    max-width: 210px;*/
  /*}*/
  .general-archi.sheikh {
      padding-top: 35px;
      line-height: 28px;
  }

  .step-form-tabs li:last-child a {
      margin: 0;
  }

  .alery-box p {
      margin-bottom: 0;
      font-size: 14px;
  }

  img.archi-img {
      padding-left: 5px;
  }

  .general-archi.sheikh p {
      font-size: 18px;
      line-height: 28px;
  }

  .general-archi.sheikh ul li {
      font-size: 18px;
      line-height: 28px;
  }

  .general-2-archi.sheikh ul li {
      font-size: 18px;
      line-height: 28px;
  }

  .general-2-archi.sheikh h2 {
      font-size: 22px;
  }

  .pt-sec2-mainhead h1 {
      font-size: 50px;
  }

  /*szgmc end  */

  /* Events & Activities  Exhibitions */
  .exibition-edit p {
      font-size: 18px;
      line-height: 19px;
  }

  .exibition-edit ul li {
      font-size: 18px;
      line-height: 27px;
  }

  /* Events & Activities  Exhibitions  */
  /*  */

  .Hijri-Calendar .rp-right-bottom a {
      font-size: 15px;
  }

  /*news   */
  .date h2 span {
      line-height: inherit;
  }

  .news-heading .pt-sec2-mainhead {
      padding-top: 50px;
  }

  .content h4 {
      font-size: 20px;
  }

  .content p {
      font-size: 15px;
      line-height: 25px;
  }

  .latest-news img {
      max-width: 100%;
      height: 230px;
      width: 100%;
  }

  .news-content {
      margin-left: -30px;
  }

  /*  news end*/
  section.pt-sec-2.cermony .pt-sec2-mainhead {
      padding-bottom: 40px;
  }

  .cermony img {
      width: 90%;
  }

  /*  */
  .marbles-edit.Mihrab .h1-img h1 {
      font-size: 48px;
  }

  /*  */

  /*archi   */
  img.archi-img {
      height: auto !important;
  }

  /* archi end */

  .count_dw_col {
      max-width: 330px;
      padding: 20px 20px;
  }

  .icon img {
      max-width: 65px;
      margin: 0 auto;
  }

  .text_wrap h6 {
      font-size: 15px;
  }

  ul.count-list span {
      font-size: 18px;
  }

  ul.count-list h3 {
      font-size: 14px;
  }

  ul.count-list li {
      padding: 0 8px;
  }

  .banner-subhead h3,
  .banner-right-content strong {
      font-size: 18px;
      margin-top: 30px;
      display: block;
      font-weight: 200;
  }

  /*.banner-head h1 {*/
  /*    font-size: 52px;*/
  /*    line-height: 60px;*/
  /*}*/

  .alery-box {
      max-width: 400px;
      font-size: 12px;
      line-height: 12px;
  }

  .research-list-overlay {
      padding: 0 50px 0 25px;
  }

  .research-list-overlay-title a {
      font-size: 30px;
  }

  a.discover-link,
  .discover-link a {
      font-size: 14px;
  }

  .banner-box {
      margin-right: 20px;
      flex: 0 0 16%;
  }

  .left-position-icons .pos-icon {
      width: 60px;
      height: 60px;
  }

  .left-position-icons .pos-icon img {
      max-width: 100%;
      height: 30px;
  }

  /*.player-sechead h2 {*/
  /*    font-size: 60px;*/
  /*    line-height: 75px;*/
  /*    max-width: 800px;*/
  /*}*/

  h1.s4-head,
  .trans-flex h3 {
      font-size: 36px;
      line-height: 50px;
  }

  button.sec4-btn {
      width: 200px;
      height: 55px;
      font-size: 15px;
  }

  .sec4-bg {
      height: 250px;
  }

  /* section.sectio-4 {
padding: 30px 0 0 0;
} */

  .sec-5top-content h4 {
      font-size: 32px;
      -webkit-text-stroke: 0;
      line-height: 45px;
  }

  .s5_caption_txt h3 {
      font-size: 16px;
  }

  .s5_caption_txt {
      padding: 20px;
  }

  .s5_caption_txt h5 {
      font-size: 21px;
      line-height: 31px;
  }

  .my_news_div_img img {
      height: 200px;
  }

  .my_news_div_content {
      height: 100px;
  }

  .my_news_div_content a {
      font-size: 16px;
      line-height: inherit;
  }

  .my_news_repeat_content a {
      font-size: 14px;
  }

  .my_news_repeat_content p {
      font-size: 12px;
      line-height: 21px;
  }

  .sec-5top-content h2,
  .my_sec_7_row1 h2,
  .my_sec_8_row1 h2,
  .my_sec_9_row1 h2 {
      font-size: 60px;
  }

  section.my_sec_7,
  section.my_sec_8,
  section.my_sec_9 {
      padding: 40px 0;
  }

  h3.sec-subhead {
      font-size: 37px;
  }

  .my_grandm_div_text h2 {
      font-size: 23px;
  }

  .my_grandm_div_text h5 {
      font-size: 12px;
  }

  .my_grandm_div_text {
      padding: 8px 0 5px 21px;
  }

  .foot-center h1 {
      font-size: 40px;
  }

  .foot-content p {
      font-size: 14px;
      line-height: 22px;
  }

  form.foot-form input,
  form.foot-form textarea {
      height: 55px;
      font-size: 15px;
  }

  form.foot-form input::placeholder,
  form.foot-form textarea::placeholder {
      font-size: 15px;
  }

  form.foot-form textarea {
      height: 140px;
  }

  ul.quick-links .quick-link-head a {
      font-size: 16px;
  }

  ul.quick-links a {
      font-size: 14px;
      line-height: 27px;
  }

  footer.main-footer {
      padding-top: 40px;
  }

  .download-app h2 {
      font-size: 15px;
  }

  .terms-privacy span {
      font-size: 16px;
  }

  .copyright p {
      font-size: 15px;
  }

  .footer-bottom {
      padding: 10px 0;
  }

  .ms-box p {
      font-size: 19px;
      max-width: 100%;
  }

  /* .ms-box {
padding: 0 30px;
} */

  .ms-box p {
      font-size: 19px;
      max-width: 100%;
  }

  /* .ms-box {
padding: 0 30px;
} */

  /* .pt-sec2-mainhead h1 {
font-size: 46px;
} */
  .dress-code-box ul li a {
      font-size: 22px;
      line-height: 40px;
  }

  .allowed-top h1 {
      font-size: 32px;
  }

  .allowed-top img {
      max-width: 50px;
  }

  .manners-box {
      height: 100%;
  }

  .ms-silence-box h2 {
      font-size: 23px;
  }

  /* .rp-heading h1 {
font-size: 50px;
} */

  .rp-right p {
      font-size: 18px;
      line-height: 28px;
  }

  /* .rp-right-bottom h3 {
font-size: 20px;
line-height: 33px;
} */

  .rp-right-bottom a {
      font-size: 15px;
      margin-left: 25px;
  }

  .rp-right-bottom a:hover {
      font-size: 16px;
  }

  h1.sp-sec6-head {
      font-size: 32px;
      margin-bottom: 20px;
  }

  .rp-sec6-bg-box p {
      font-size: 17px;
      line-height: 27px;
  }

  section.rp-sec-6 {
      padding: 60px 0 100px 0;
  }

  .rp-sec6-row-2 {
      margin-top: 60px;
  }

  section.rp-sec-3 {
      margin-top: 60px;
      padding: 50px 0px;
  }

  .c-t-sec-4 .rp-right-bottom a {
      font-size: 16px;
      margin-left: 10px;
  }

  .c-t-sec-4 .rp-right-bottom a:hover {
      font-size: 17px;
  }

  .c-t-sec-4 .rp-right-bottom h3 {
      font-size: 17px;
  }

  .c-t-sec-4 .rp-right p {
      font-size: 17px;
  }

  .my-tab-2 .g-a-1 label {
      font-size: 19px;
      margin-bottom: 12px;
  }

  p.terms-condition {
      font-size: 20px;
      line-height: 30px;
      margin-bottom: 40px;
  }

  .Enty_doc_list ul li {
      height: 50px;
  }

  h1.l-mainhead {
      font-size: 50px;
      margin-bottom: 40px;
  }

  h2.l-head {
      font-size: 24px;
      line-height: 38px;
  }

  p.res-text {
      font-size: 18px;
      line-height: 40px;
      padding-right: 6px;
  }

  a.l-btn {
      /* width: 200px; */
      /* line-height: 52px;
height: 52px; */
      font-size: 14px;
  }

  .pub-top h1 {
      font-size: 50px;
  }

  .pub-box img {
      max-width: 150px;
      image-rendering: -webkit-optimize-contrast;
      height: 200px;
      object-fit: fill;
  }

  .pub-box h2 {
      font-size: 18px;
      line-height: 35px;
  }

  .pub-inner {
      padding: 70px 30px 40px 30px;
  }

  .lib-whitebox h2 {
      font-size: 22px;
      line-height: 30px;
  }

  .lib-whitebox p {
      font-size: 17px;
      line-height: 32px;
  }

  .lib-whitebox {
      padding: 20px 25px 20px 25px;
  }

  .a-t-l-pub-inner {
      padding: 40px 20px 0px 20px;
  }

  .res-icon-list img {
      max-width: 100px;
  }

  .res-icon-list h2 {
      font-size: 26px;
      line-height: unset;
  }

  .res-box-content h2 {
      font-size: 22px;
      line-height: 22px;
  }

  .res-box-content p {
      font-size: 17px;
      line-height: 35px;
  }

  .resource-box {
      padding: 50px 60px 50px 40px;
  }

  .l-s-top-content {
      padding: 60px 0;
      padding-top: 0px;
  }

  .l-s-service-box h2,
  .l-s-service-box a {
      padding: 0 30px;
      font-size: 20px;
      line-height: 35px;
  }

  .l-s-service-box .logo {
      width: 180px;
      height: 180px;
  }

  .l-s-service-box .logo img {
      max-width: 80%;
  }

  .l-s-service-box {
      margin-bottom: 80px;
  }

  .p-my-pagination li {
      width: 50px;
      height: 50px;
      line-height: 50px;
  }

  /* .p-my-pagination li:first-child {
margin-right: 25px;
} */

  /* .p-my-pagination li a {
font-size: 25px;
} */

  .p-my-pagination li a i {
      font-size: 15px;
  }

  section.publication-sec1 {
      padding-bottom: 60px;
  }

  section.publication-detail .container-1630 > .row {
      padding: 70px 0px 50px 80px;
  }

  .pub-detail-content h2 {
      font-size: 24px;
      line-height: 38px;
  }

  .pub-detail-content h3 {
      font-size: 18px;
      line-height: 36px;
  }

  .pub-detail-content p {
      font-size: 19px;
      line-height: 35px;
      margin-top: 30px;
      padding-right: 50px;
  }

  button.detail-btn {
      height: 50px;
      font-size: 15px;
      line-height: unset;
  }

  h1.pub-mainhead {
      font-size: 50px;
      line-height: unset;
      margin-bottom: 50px;
  }

  .related-pub {
      padding: 60px 0;
  }

  h1.c-s-mainhead {
      font-size: 30px;
      line-height: 30px;
  }

  p.c-s-text {
      font-size: 16px;
      line-height: 26px;
  }

  .s-p-service-box h2 {
      font-size: 27px;
      line-height: 40px;
  }

  .s-p-service-box {
      padding: 70px 35px 10px;
  }

  .s-p-service-box ul li {
      font-size: 13px;
      line-height: 24px;
  }

  .s-p-img-head h1 {
      font-size: 40px;
  }

  /*  */
  /* organiz */
  .structure p {
      font-size: 17px;
  }

  /*organiz end  */
}

@media screen and (max-width: 1420px) {
  .pt-box h4 {
      font-size: 12px;
      max-width: 90%;
      margin: auto;
      margin-top: 12px;
  }
  .inner-page.marbles-page .pt-box img {
      width: 35px;
      height: 35px;
  }
}
@media (max-width: 1440px) {
  .g-a-registration input,
  .g-a-registration select,
  .g-a-registration textarea {
      font-size: 14px !important;
  }
  /* Suggestions */

  .uploadButton {
      width: 47%;
  }

  /* Suggestions */
  /* contact us */
  /* contact us */
  .row.form-con {
      height: auto;
  }

  .contact {
      padding-top: 100px;
  }

  .contac-us {
      padding-top: 100px;
      padding-left: 60px;
  }

  .contac-us p {
      font-size: 17px;
      line-height: 30px;
  }

  .in-lab {
      padding-bottom: 10px;
  }

  .in-lab label {
      font-size: 18px;
  }

  .in-lab-1 label {
      font-size: 18px;
  }

  .btn-contact button {
      width: 140px;
  }

  .in-lab input {
      width: 70%;
  }

  .btn-contact a {
      padding-left: 248px;
  }

  .btn-sub-contact {
      padding-top: 30px;
      padding-bottom: 30px;
  }

  /* contact us end */
  /**/
  .space-ight img {
      width: auto;
  }

  .s-right a {
      font-size: 17px;
  }

  .s-right a:hover {
      font-size: 18px;
  }

  .s-right a i {
      font-size: 14px;
  }

  /**/
  /** services */
  .serv-box p {
      font-size: 16px;
      line-height: 25px;
  }

  .serv-box {
      padding: 0 20px;
  }

  .serv-box a {
      font-size: 19px;
  }

  .serv-box a:hover {
      font-size: 21px;
  }

  /*CORPORATE SERVICES  */
  .tour-op {
      width: 278px;
  }

  .tour-op-1 iframe {
      width: 278px;
  }

  .tour-left {
      width: 278px;
      padding: 20px 20px;
  }

  /*CORPORATE SERVICES end  */
  /*Events & Activities  */
  .ev-edit-p p {
      font-size: 18px;
      line-height: 27px;
      width: 88%;
  }

  .sec-event1 {
      padding: 50px 0 50px 0;
  }

  .exibition-edit img {
      height: 410px;
      object-fit: fill;
  }

  .exibition-edit p {
      font-size: 17px;
      line-height: 23px;
  }

  .exibition-edit ul li {
      font-size: 17px;
      line-height: 27px;
  }

  .exibition-edit h4 {
      font-size: 18px;
      line-height: 16px;
  }

  /*Events & Activities end  */

  /*HAPPINESS FORMULA  */
  .formula-happ-s5nd ul li {
      font-size: 15px;
      line-height: 21px;
  }

  .happines {
      padding: 0 40px;
  }

  .formula-happ p {
      font-size: 16px;
  }

  .row.mean-happines {
      height: 310px;
  }

  .row.mean-happines.mean-happines2 {
      height: 100px;
      margin-bottom: 30px;
  }

  /*HAPPINESS FORMULA END */
  /* media-photo  */
  .poopup a img.youtube-icon {
      width: 40px;
  }

  .pt-sec2-mainhead.Gallery {
      padding-top: 0px;
  }

  .adjustment iframe {
      width: 700px;
      height: 400px;
  }

  .modal-dialog.pnka {
      max-width: 700px;
  }

  div#exampleModal {
      top: 20%;
  }

  /* media-photo end */

  /* press-kit */
  section.sec-1-press-kit {
      padding: 40px 0;
  }

  .Press-Kit .pt-sec2-mainhead {
      padding-top: 30px;
  }

  .press-content .rp-right-bottom a i {
      font-size: 16px;
  }

  /*  press-kit end */
  section.sec-liners-1 .marbles-edit {
      padding-left: 0px;
  }

  section.sec-liners-1 .marbles-edit p {
      font-size: 17px;
  }

  .press-content .rp-right-bottom a {
      font-size: 20px;
      margin-left: 20px;
  }

  /* sahan */
  .sahan-edit p {
      font-size: 15px;
      line-height: 25px;
      margin-bottom: 11px;
  }

  /* sahan end */

  /*  */
  .marbles-edit h1 {
      padding-bottom: 25px;
  }

  .marbles-edit p {
      font-size: 17px;
  }

  /*  */
  /*archi  */
  .general-archi p {
      font-size: 16px;
      line-height: 30px;
  }

  .general-2-archi p {
      font-size: 16px;
      /*padding-top: 0;*/
  }

  .general-2-archi {
      padding-top: 30px;
  }

  /*archi end  */
  /* dropdown  */
  ul.my_dropdown {
      width: 260px;
  }

  .abbriviation {
      right: -158%;
      width: 350px;
  }

  .abbriviation p {
      font-size: 12px;
  }

  /* dropdown  */
  .my_grandm_div_text h5 {
      font-size: 10px;
  }

  .sticky-header .searchbar {
      margin-right: 24px;
      margin-left: 15px;
  }

  /*.sticky-header .log-brand img {*/
  /*    max-width: 180px;*/
  /*}*/
  ul.nav-list li img {
      max-width: 18px;
  }
  .sticky-header ul.nav-list li a {
      font-size: 10px;
  }

  /*ul.nav-list li a {*/
  /*    font-size: 10px;*/
  /*    padding: 9px;*/
  /*}*/

  .searchbar i {
      font-size: 20px;
  }

  .searchbar {
      margin-right: 30px;
  }

  /*.sticky-header .log-brand img {*/
  /*    max-width: 145px;*/
  /*}*/

  .header-row > .col-lg-2 {
      padding-right: 0;
  }

  .header-row > .col-lg-10 {
      padding-left: 0;
  }

  button.sticky-bar-btn {
      width: 100px;
      height: 35px;
      font-size: 9px;
  }

  /* worshiper page  */
  section.inner-banner {
      height: 320px;
  }

  .breadcrumbs ul li a {
      font-size: 16px;
  }

  section.ws-card-sec {
      padding: 40px 0;
  }

  .ws-card-bottom {
      height: 90px;
      padding: 20px 30px;
  }

  .ws-card-bottom h2 {
      font-size: 23px;
  }

  .ws-card {
      margin-bottom: 40px;
  }

  /* worshiper page  */
  /* prayer times  */
  .pt-sec2-mainhead h1 {
      font-size: 50px;
  }

  .pt-location h2 {
      font-size: 30px;
  }

  .pt-location i {
      font-size: 28px;
  }

  /* .pt-location {
    padding-top: 50px;
} */

  /* .pt-box {
    margin: 0 10px;
} */

  .pt-box-2 {
      height: 140px;
      width: 140px;
      margin: 0 15px;
  }

  .fs-content p {
      font-size: 18px;
      line-height: 28px;
      max-width: 1060px;
  }

  a.fs-btn {
      width: 240px;
      height: 55px;
      line-height: 55px;
      font-size: 15px;
  }

  /* prayer times  */
  .s-right {
      padding: 0 0 50px 70px;
  }

  .s-right p {
      font-size: 15px;
      line-height: 24px;
  }

  .qoute-box p {
      font-size: 15px;
      line-height: 24px;
  }

  .services .position-right-box {
      top: 9%;
  }

  h1.table-mainhead {
      font-size: 27px;
      line-height: 37px;
  }

  .table-head h2 {
      font-size: 18px;
  }

  .table-content h3 {
      font-size: 15px;
      line-height: 34px;
  }

  .table-footer h2 {
      font-size: 16px;
      line-height: 28px;
  }

  .c-t-sec-4 .rp-right-bottom h3 {
      font-size: 16px;
  }

  .c-t-sec-4 .rp-right-bottom a {
      font-size: 13px;
  }

  .c-t-sec-4 .rp-right-bottom a:hover {
      font-size: 14px;
  }

  .c-t-sec-4 .rp-right-bottom a i {
      font-size: 9px;
  }

  .c-t-sec-4 .rp-right-bottom a:hover i {
      transform: translate(0px, -1px);
  }

  .faq-head h3 {
      font-size: 20px;
  }

  .faq-content p {
      font-size: 18px;
      padding: 30px 35px;
  }

  .form-content-box {
      padding: 40px 25px;
  }
  .form-content-box-instruction form {
      padding: 40px 25px;
  }
  .g-a-form-content .g-a-formhead {
      font-size: 22px;
      line-height: 36px;
  }

  .g-a-1 label {
      font-size: 20px;
      line-height: 36px;
  }

  .g-a-1 input,
  .g-a-1 select {
      height: 50px;
  }

  /* .g-a-btn {
    width: 160px;
    height: 55px;
    line-height: 55px;
    font-size: 17px;
} */

  .g-a-btn i {
      transform: translateY(-1px);
      margin-left: 2px;
      font-size: 11px;
  }

  .g-a-btn img {
      max-width: 22px;
  }

  .l-e-d img {
      max-width: 47px;
  }

  .g-a-1 select {
      background-size: 14px;
  }

  .l-e-d img {
      max-width: 47px;
      height: 48px;
  }

  .l-e-d input {
      margin-right: 10px;
  }

  h2.d-m-subhead {
      font-size: 24px;
      margin-bottom: 15px;
  }

  .d-m-bottom h2 {
      font-size: 21px;
      line-height: 35px;
  }

  .d-m-bottom button {
      width: 220px;
      height: 60px;
      font-size: 14px;
  }

  .d-m-bottom button img {
      margin-right: 10px;
      max-width: 25px;
      image-rendering: -webkit-optimize-contrast;
  }

  .s-p-img-head h1 {
      font-size: 40px;
  }

  .s-p-service-box img {
      max-width: 100px;
      top: -45px;
  }

  .s-p-service-box {
      padding: 60px 35px 10px;
  }

  section.s-p-sec-1 {
      padding: 110px 0 60px;
  }

  section.s-p-sec-1 .col-lg-4 {
      padding: 0 10px;
  }

  .s-p-btn {
      padding-top: 50px;
  }

  /* organiz */
  .structure p {
      font-size: 16px;
  }

  /*organiz end  */

  .research-list-overlay-title a {
      font-size: 26px;
  }
  .step-form-tabs a.nav-link {
      font-size: 18px !important;
  }
}
@media (max-width: 1366px) {
  .exlent-location-sec p {
      font-size: 15px;
  }
  .exlent-location-sec {
      padding-top: 40px;
  }
  .library-publication-section {
      padding-top: 40px;
  }
  ul.nav-list li a {
      font-size: 12px;
      padding: 0px 15px 0px 0px;
  }
  .book-your-visit-sec a {
      font-size: 12px;
  }
  .header-new ul.nav-list li a {
      font-size: 11px !important;
  }
  .board-mem-box h2 {
      font-size: 15px;
      line-height: 22px;
      width: 29%;
  }
  .board-mem h2 br {
      display: none;
  }
  .board-mem h2 {
      height: 90px;
  }

  /*Transportation */
  .box-trans p {
      font-size: 16px;
      line-height: 25px;
  }

  table.table-culture.table {
      width: 100%;
  }

  table.table-culture.table tr th {
      font-size: 30px;
  }

  table.table-culture.table tr td {
      font-size: 18px;
      padding-left: 40px;
  }


  .box-trans h2 {
      font-size: 31px;
      line-height: 38px;
  }

  /*Transportation */

  /*  */
  .visti-hour-2 h1, .visti-hour-2 h1 span {
      font-size: 28px!important;
  }

  table.table-hour tr th {
      font-size: 30px;
  }

  section.sec-3-hour {
      margin: 30px 0;
      padding: 30px 0;
  }

  /*  */

  /* .contac-us */
  .btn-contact a {
      padding-left: 199px;
      font-size: 13px;
  }

  .cont-flash p a {
      font-size: 21px;
  }

  .cont-flash p img {
      margin-right: 10px;
      width: 40px;
      height: 40px;
  }

  .contac-us {
      padding-left: 20px;
  }

  .road-map.ab-map .route-map-row {
      margin-top: 40px;
  }

  /* .h1-road h1 {
    font-size: 50px;
    padding-top: 40px;
} */

  .gps.contact-padd {
      padding-top: 60px !important;
  }

  .contact-padd {
      padding-top: 0px !important;
  }

  .in-lab label {
      font-size: 16px;
      width: 27%;
  }

  .in-lab input {
      width: 68%;
      margin-bottom: 20px;
  }

  .in-lab-1 label {
      font-size: 17px;
      width: 180px;
  }

  .btn-contact input {
      margin-right: 26px;
  }

  .contact h2 {
      font-size: 26px;
  }

  .icon-cntact p {
      font-size: 16px;
      line-height: 26px;
  }

  .contac-us h2 {
      font-size: 26px;
  }

  /*.contac-us  */
  /* szgmc */
  .general-archi.sheikh {
      padding-top: 35px;
      line-height: 28px;
  }

  .ewan h1 {
      font: normal normal bold 30px/40px Philosopher;
      padding-top: 10px;
  }

  .ewan .space-ight {
      text-align: center;
      padding-top: 12px;
  }

  .general-archi.sheikh p {
      font-size: 16px;
      line-height: 28px;
  }

  .general-archi.sheikh ul li {
      font-size: 16px;
      line-height: 28px;
  }

  .general-2-archi.sheikh ul li {
      font-size: 16px;
      line-height: 28px;
  }

  .general-2-archi.sheikh h2 {
      font-size: 20px;
  }

  .pt-sec2-mainhead h1 {
      font-size: 40px;
  }

  /*szgmc end  */

  /*HAPPINESS FORMULA  */
  .general-2-archi {
      padding-top: 10px;
  }

  .formula-happ h3 {
      font-size: 20px;
  }

  .formula-happ p {
      font-size: 15px;
  }

  .formula-happ img {
      padding-bottom: 20px;
  }

  .row.mean-happines {
      height: 280px;
  }

  .formula-happ-s5nd ul li {
      font-size: 13px;
      line-height: 19px;
  }

  /*HAPPINESS FORMULA  END */
  /* sahan */
  .sahan-edit h1 {
      font-size: 40px;
      padding-bottom: 9px;
  }

  /* sahan end */

  /*  */
  .marbles-edit p {
      font-size: 15px;
      line-height: 27px;
  }
  ul.traning-program-ul li {
      font-size: 16px;
  }
  .resources-row .text-part p,
  .resources-row .text-part li {
      font-size: 16px;
      line-height: 23px;
  }
  .ramdan-month-sec p {
      font-size: 16px;
  }

  /* .marbles-edit h1 {
    padding-bottom: 20px;
    font-size: 50px;
} */

  .h1-img img {
      width: 100px;
  }

  .marbles-edit-1 img {
      height: 450px;
      object-fit: fill;
      object-position: left;
  }

  .marbles-edit {
      padding-left: 50px;
  }

  /*  */
  /* archi */
  img.archi-img {
      width: 51%;
  }

  /* archi end */
  .l-sec-1 .s-right {
      padding: 0 60px;
  }

  h1.l-mainhead {
      font-size: 40px;
  }

  h2.l-head {
      font-size: 20px;
      line-height: 40px;
  }

  p.res-text {
      font-size: 17px;
      line-height: 36px;
      padding-right: 0px;
  }

  .res-bg-main {
      padding: 60px 0 30px 0;
  }

  .pub-top h1 {
      font-size: 40px;
  }

  .pub-top {
      padding: 10px 0;
  }

  /* .pub-box img {
    max-width: 145px;
} */
  .pub-box img {
      max-width: 165px;
      object-fit: fill;
      height: 240px;
  }

  .pub-box h2 {
      font-size: 15px;
      line-height: 30px;
  }

  .pub-inner {
      padding: 60px 30px 30px 30px;
  }

  .pub-arrow .slick-arrow i {
      width: 35px;
      height: 35px;
      font-size: 14px;
      line-height: 35px;
  }

  .l-publication a.l-btn {
      margin: 40px 0 40px 0;
  }

  .lib-service-main {
      margin: 50px 0;
  }

  .lib-whitebox h2 {
      font-size: 20px;
  }

  .lib-whitebox p {
      font-size: 15px;
      line-height: 30px;
  }

  a.l-btn {
      /* width: 170px;
    line-height: 45px;
    height: 45px; */
      font-size: 13px;
  }

  .lib-service-main {
      padding: 50px 0;
  }

  .a-t-l-content h3 {
      font-size: 19px;
      line-height: 26px;
      margin: 12px 0 20px 0;
  }

  .a-t-l-content img {
      max-width: 75px;
  }

  img.music-icon {
      max-width: 120px;
      top: 47%;
  }

  .a-t-l-content p {
      font-size: 17px;
      line-height: 32px;
  }

  .pub-top h2 {
      font-size: 25px;
  }

  .a-t-l-pub-inner {
      padding: 40px 20px 0px 20px;
  }

  .pub-inner p {
      margin-bottom: 40px;
  }

  .pub-inner p {
      font-size: 15px;
      line-height: 29px;
  }

  .a-t-l-inner2 h3 {
      font-size: 24px;
      line-height: 40px;
  }

  .a-t-l-list p {
      font-size: 15px;
      line-height: 27px;
  }

  .a-t-l-list {
      margin-bottom: 15px;
  }

  .a-t-l-inner h4 {
      font-size: 23px;
  }

  .a-t-l-inner p span {
      font-size: 19px;
      line-height: 30px;
  }

  section.a-l-t-sec3 {
      padding: 60px 0;
  }

  .res-icon-list img {
      max-width: 90px;
  }

  .res-icon-list h2 {
      font-size: 23px;
  }

  .res-box-content h2 {
      font-size: 20px;
      line-height: 20px;
  }

  .res-box-content p {
      font-size: 16px;
      line-height: 30px;
  }

  .resource-box {
      padding: 40px 50px 40px 30px;
      margin-bottom: 40px;
  }

  .res-icon-list {
      margin: 20px 0;
  }

  section.resources-sec2 {
      padding-bottom: 20px;
  }

  .publication-top-form {
      padding: 0px 0px 60px 0px;
  }

  .publication-top-form input {
      width: 280px;
      height: 50px;
  }

  .publication-top-form label {
      font-size: 14px;
      line-height: 42px;
  }

  .p-search-btn {
      height: 50px;
      line-height: 58px;
  }

  .p-search-btn i {
      font-size: 20px;
  }

  section.publication-detail .container-1630 > .row {
      padding: 50px 0px 40px 60px;
  }

  button.detail-btn {
      width: 140px;
      height: 45px;
      font-size: 14px;
  }

  .detail-book div.d-flex {
      gap: 15px;
  }

  .pub-detail-content h2 {
      font-size: 20px;
      line-height: 34px;
  }

  .pub-detail-content h3 {
      font-size: 16px;
      line-height: 31px;
  }

  .pub-detail-content p {
      font-size: 17px;
      line-height: 31px;
      padding-right: 40px;
  }

  h1.pub-mainhead {
      font-size: 40px;
      margin-bottom: 40px;
  }

  .related-pub {
      padding: 50px 0;
  }

  section.chairman-speech .col-md-5 img {
      height: 515px;
  }

  p.c-s-text {
      font-size: 15px;
      line-height: 24px;
  }

  .b-m-content h2 {
      font-size: 14px;
      line-height: 18px;
  }

  .b-m-content {
      padding: 15px 12px;
      min-height: 90px;
  }

  .board-member-box {
      margin-bottom: 50px;
  }

  section.b-m-sec1 {
      padding-top: 50px;
  }

  .b-m-content h3 {
      font-size: 14px;
      line-height: 12px;
  }

  .about-banner-blurbox {
      flex: 0 0 350px;
  }

  .about-banner-blurbox .icon img {
      max-width: 43px;
  }

  .about-banner-blurbox ul.count-list li span {
      font-size: 17px;
  }

  .about-banner-blurbox ul.count-list li {
      padding: 0 9px;
  }

  .about-banner-visiting p {
      font-size: 11px;
      line-height: 11px;
  }
  .site-content-main a,
  .site-content-main ul li {
      font-size: 14px;
  }
}
@media (max-width: 1300px) {
  table#individualbooking td:nth-child(1),
  .official-delegate-table td {
      min-width: auto;
  }
  table#individualbooking td,
  .official-delegate-table td {
      min-width: 200px;
  }
  .individualbookingNew .table-responsive {
      overflow: scroll;
  }

  .official-delegate-table .table {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
  }

  /*CORPORATE SERVICES */

  .sticky-header ul.nav-list {
      gap: 6px;
  }
  .tour-op {
      width: 250px;
  }

  .tour-op-1 iframe {
      width: 250px;
  }

  .tour-left {
      width: 250px;
      padding: 20px 11px;
  }

  .icon-content h4 {
      font-size: 17px;
      line-height: 22px;
  }

  .col-f h4 {
      font-size: 18px;
  }

  .operators h1 {
      font-size: 34px;
      line-height: 77px;
  }

  .operators a {
      line-height: 52px;
      width: 146px;
      height: 54px;
  }

  .right-content p {
      font-size: 16px;
  }

  /*CORPORATE SERVICES end  */
  /*colums  */
  .marbles-edit.col-logo .h1-img {
      width: 320px;
  }

  /*colums end  */

  /* sahan */
  .sahan-edit {
      padding-left: 20px;
  }

  .sahan-edit p {
      font-size: 14px;
  }

  .sahan-edit-1 img {
      height: 470px;
      object-fit: fill;
      object-position: left;
  }

  /* sahan end */
  /* archi */
  img.archi-img {
      height: auto;
  }

  .general-2-archi p {
      font-size: 16px;
      line-height: 30px;
  }

  /*archi end  */

  /* dropdown  */
  ul.my_dropdown {
      width: 250px;
  }

  .abbriviation {
      right: -166%;
  }

  /* dropdown  */
  /* a.scroll-top {
    width: 65px;
    height: 65px;
    right: 6%;
} */

  /* a.scroll-top i {
    font-size: 20px;
} */

  a.scroll-top span {
      font-size: 15px;
  }

  .sticky-header ul.nav-list li a {
      font-size: 10px;
      padding: 6px;
  }

  h2.topbar-head {
      font-size: 14px;
  }

  .menu-btn i {
      font-size: 23px;
  }
  ul.nav-list li img {
      max-width: 18px;
  }
  ul.nav-list li a {
      font-size: 11px !important;
      padding: 4px;
  }

  .searchbar i {
      font-size: 20px;
  }

  .searchbar {
      margin-right: 20px;
  }

  .header {
      padding: 0px 10px;
  }

  .count_dw_col {
      max-width: 290px;
      padding: 10px;
  }

  .icon img {
      max-width: 30px;
  }

  .text_wrap h6 {
      font-size: 14px;
  }

  .banner-subhead h3,
  .banner-right-content strong {
      font-size: 15px;
  }

  .banner-head h1,
  .banner-right-content h1 {
      font-size: 42px;
      line-height: 52px;
  }

  .banner-right-content {
      padding: 60px 0 0 5.3vw;
  }

  .alery-box {
      max-width: 330px;
      font-size: 13px;
      line-height: 19px;
  }

  .banner-box img {
      max-width: 100%;
      height: 33px!important;
  }

  .banner-box span {
      display: none;
  }

  .banner-box {
      padding: 7px;
      height: 100px;
  }

  .banner-box h3 {
      margin-top: 10px;
  }

  a.discover-link,
  .discover-link a {
      font-size: 13px;
  }

  .top-bar {
      padding: 3px 10px;
  }

  h2.topbar-head {
      font-size: 10px;
  }

  .languages h2 i {
      font-size: 12px;
      margin-left: 3px;
  }

  .icon-shape {
      width: 70px !important;
      height: 70px !important;
  }

  .icon-shape img {
      max-width: 40px;
  }

  h3.sec2-right-head,
  .bx-visit h3 {
      font-size: 42px;
      line-height: 42px;
      margin-top: 20px;
  }

  p.sec2-right-subhead,
  .bx-visit p {
      font-size: 17px;
      line-height: 30px;
      max-width: 240px;
  }

  ul.visit_link a {
      font-size: 21px;
      line-height: 35px;
  }

  button.white-btn {
      width: 180px;
      height: 50px;
      font-size: 15px;
      margin-top: 30px;
  }

  .bx_pln_itm {
      height: 270px;
      padding: 15px 15px 15px 20px;
  }

  .bx_pln_itm h3 {
      font-size: 18px;
  }

  .bx_pln_itm:first-child,
  .bx_pln_itm:nth-child(2) {
      margin-bottom: 25px;
  }

  /*.player-sechead h2 {*/
  /*    font-size: 45px;*/
  /*    line-height: 60px;*/
  /*    max-width: 600px;*/
  /*}*/

  .section-3 .images_wrap img {
      max-width: 80%;
  }

  .primary-btn {
      width: 180px;
      height: 50px;
      font-size: 13px;
  }

  .primary-btn img {
      max-width: 25px;
  }

  .sec4-bg {
      height: 220px;
      padding: 0 0 0 40px;
  }

  h1.s4-head,
  .trans-flex h3 {
      font-size: 33px;
      line-height: 40px;
  }

  button.sec4-btn {
      width: 170px;
      height: 45px;
      font-size: 13px;
  }

  section.section-5 {
      padding: 30px 0 70px 0;
  }

  .sec-5top-content h4 {
      font-size: 26px;
  }

  .sec-5top-content h2,
  .my_sec_7_row1 h2,
  .my_sec_8_row1 h2,
  .my_sec_9_row1 h2 {
      font-size: 45px;
      line-height: 60px;
  }

  section.section-5 {
      padding: 60px 0 70px 0;
  }

  .s5-tab-list li a {
      width: 100px;
      height: 40px;
      font-size: 15px;
      line-height: 40px;
      margin-right: 30px;
  }

  .s5_caption_txt h3 {
      font-size: 15px;
  }

  .s5_caption_txt h5 {
      font-size: 19px;
      line-height: 27px;
  }

  .s5-btn a {
      padding: 15px 22px;
      font-size: 13px;
  }

  .my_news_div_img img {
      height: 170px;
  }

  .my_news_div_content a {
      font-size: 18px;
  }

  .my_news_div_content {
      height: 80px;
  }

  .my_news_repeat_content p {
      line-height: 18px;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
  }

  .my_news_repeat_content a {
      font-size: 12px;
  }

  /* .container-1420 {
    max-width: 82vw;
} */

  .s6-btn a {
      padding: 15px 22px;
      font-size: 13px;
  }

  .row.my_sec6_row {
      margin-top: 50px;
  }

  h3.sec-subhead {
      font-size: 33px;
  }

  .my_sec_7_row1 p {
      max-width: 950px;
      font-size: 14px;
      line-height: 24px;
  }

  h3.sec-subhead {
      font-size: 33px;
  }

  section.my_sec_7,
  section.my_sec_8,
  section.my_sec_9 {
      padding: 50px 0;
  }

  .my_heighlight_content h3 {
      font-size: 21px;
      line-height: 24px;
  }

  .container-fluid.my_sec_7_row2 {
      padding: 30px 0;
  }

  .my_highlights_wrap .slick-arrow {
      width: 55px;
      height: 55px;
  }

  .my_highlights_wrap .slick-arrow:before {
      font-size: 31px;
  }

  .my_grandm_div_text h2 {
      font-size: 22px;
      line-height: 30px;
  }

  .my_grandm_div_text {
      width: 88%;
      padding: 8px 0 5px 16px;
  }

  .my_grandm_div_text h5 {
      font-size: 11px;
      margin: 0;
  }

  .my_social_row .col-md-3 h2 {
      font-size: 20px;
  }

  .my_social_link a i {
      width: 35px;
      height: 35px;
      font-size: 18px;
  }

  .my_social_link a {
      font-size: 17px;
  }

  /*a.my_social_a img {*/
  /*    height: 330px;*/
  /*}*/

  /*a.my_social_a {*/
  /*    height: 350px;*/
  /*}*/

  .foot-content h1 {
      font-size: 25px;
  }

  .foot-content p {
      font-size: 13px;
      line-height: 20px;
  }

  .foot-center h1 {
      font-size: 50px;
  }

  form.foot-form input,
  form.foot-form textarea {
      height: 45px;
      font-size: 14px;
      padding: 0 15px;
  }

  form.foot-form input::placeholder,
  form.foot-form textarea::placeholder {
      font-size: 14px;
  }

  form.foot-form textarea {
      height: 130px;
  }

  .foot-textarea img {
      max-width: 50px;
  }

  ul.quick-links .quick-link-head a {
      font-size: 15px;
  }

  ul.quick-links a {
      font-size: 12px;
      line-height: 24px;
  }

  footer.main-footer {
      padding-top: 30px;
  }

  .download-app h2 {
      font-size: 13px;
  }

  .download-app img {
      max-width: 75px;
      image-rendering: -webkit-optimize-contrast;
  }

  .foot-social a {
      width: 30px;
      height: 30px;
  }

  .foot-social a img {
      width: 14px;
      height: 14px;
  }

  .terms-privacy span {
      font-size: 15px;
  }

  .copyright p {
      font-size: 14px;
      margin: 0;
  }

  .left-position-icons .pos-icon {
      width: 50px;
      height: 50px;
  }

  .left-position-icons .pos-icon img {
      height: 25px;
  }

  h2.right-boxhead {
      font-size: 16px;
  }

  h2.right-boxhead i {
      font-size: 16px;
      margin-right: 4px;
  }

  .flex.prayer-time h2 {
      font-size: 16px;
  }

  .position-right-box {
      padding: 12px 25px 2px 25px;
  }

  section.inner-banner {
      height: 320px;
  }

  .breadcrumbs ul li a {
      font-size: 16px;
  }

  section.ws-card-sec {
      padding: 40px 0;
  }

  .ws-card-bottom {
      height: 80px;
      padding: 20px 25px;
  }

  .ws-card-bottom h2 {
      font-size: 21px;
  }

  .ws-card {
      margin-bottom: 40px;
  }

  .ws-card-bottom {
      height: 80px;
      padding: 20px 25px;
  }

  .ws-card-bottom h2 {
      font-size: 21px;
  }

  .ms-box p {
      font-size: 17px;
  }

  .dress-code-box ul li a {
      font-size: 20px;
      line-height: 32px;
  }

  .allowed-top h1 {
      font-size: 28px;
  }

  .allowed-top img {
      max-width: 45px;
  }

  .allowed-top {
      padding: 8px 30px;
  }

  .manners-box img {
      height: 300px;
      image-rendering: -webkit-optimize-contrast;
  }

  .ms-box {
      margin-top: 40px;
  }

  .rp-heading h1 {
      font-size: 36px;
  }

  .rp-heading img {
      width: 90px;
      left: -9%;
      bottom: -23%;
  }

  .rp-right p {
      font-size: 15px;
      line-height: 25px;
  }

  .rp-right-bottom h3 {
      font-size: 17px;
      line-height: 28px;
  }

  .rp-right-bottom a {
      font-size: 13px;
      margin-left: 10px;
  }

  section.rp-sec-5 {
      padding: 10px 0 60px 0;
  }

  section.rp-sec-6 {
      padding: 50px 0 80px 0;
  }

  h1.sp-sec6-head {
      font-size: 26px;
      margin-bottom: 15px;
  }

  .rp-sec6-bg-box p {
      font-size: 16px;
      line-height: 24px;
  }

  section.rp-sec-center .fs-content p {
      max-width: 100%;
      padding: 0 80px;
  }

  .rp-box p {
      line-height: 23px;
  }

  .rp-right {
      padding: 0 0 0 70px;
  }

  .rp-heading img {
      width: 80px;
      bottom: -19%;
  }

  .rp-heading h1 {
      font-size: 32px;
  }

  .rp-right p {
      font-size: 14px;
      line-height: 23px;
  }

  .rp-right-bottom h3 {
      font-size: 14px;
      line-height: 24px;
  }

  .rp-right-bottom a {
      font-size: 11px;
      margin-left: 11px;
  }

  .rp-right-bottom a:hover {
      font-size: 12px;
  }

  h1.sp-sec6-head {
      font-size: 24px;
      margin-bottom: 10px;
  }

  .rp-row-2 .rp-right {
      padding: 0 0 0 50px;
  }

  .rp-sec6-bg-box p {
      font-size: 15px;
      line-height: 22px;
  }

  h1.v-center {
      font-size: 32px;
      margin-top: 10px;
  }

  .s-right p {
      font-size: 14px;
      line-height: 23px;
  }

  section.s-section {
      margin: 70px 0;
  }

  .getting-mosque h1.v-center {
      margin-bottom: 5px;
  }

  .getting-mosque .s-right {
      padding: 0 10px 0 30px;
  }

  .gm-row-1 {
      margin-top: 15px;
  }

  .view-route h3 {
      font-size: 22px;
  }

  .view-route img {
      max-width: 32px;
  }

  .cordinates h1.pt-mainhead {
      font-size: 30px;
  }

  .cordinates span {
      font-size: 16px;
      line-height: 33px;
  }

  .hz-email-form {
      max-width: 100%;
  }

  .hz-email-form input {
      height: 70px;
      padding: 0 30px;
      font-size: 17px;
  }

  .vh2-col {
      padding: 50px 30px 25px 30px;
  }

  h1.table-mainhead {
      font-size: 25px;
      line-height: 36px;
  }

  .table-head h2 {
      font-size: 18px;
      line-height: 26px;
  }

  .table-content h3 {
      font-size: 15px;
      line-height: 34px;
  }

  .table-footer h2 {
      font-size: 15px;
      line-height: 27px;
  }

  .vh2-col {
      padding: 50px 30px 25px 30px;
  }

  .vh2-big-col {
      margin-top: 40px;
      padding: 30px 20px 30px 30px;
  }

  .vh2-big-col h1 {
      font-size: 24px;
      margin-bottom: 15px;
  }

  .vh2-big-col p {
      font-size: 15px;
      line-height: 24px;
  }

  .mosque-manners-2 .ms-box {
      margin-top: 60px;
  }

  h1.table-mainhead {
      font-size: 25px;
      line-height: 36px;
  }

  .table-head h2 {
      font-size: 18px;
      line-height: 26px;
  }

  .table-content h3 {
      font-size: 15px;
      line-height: 34px;
  }

  .table-footer h2 {
      font-size: 15px;
      line-height: 27px;
  }

  .vh2-big-col h1 {
      font-size: 24px;
      margin-bottom: 15px;
  }

  .vh2-big-col p {
      font-size: 15px;
      line-height: 24px;
  }

  .vh2-big-col {
      padding: 30px 20px 30px 30px;
      margin-top: 40px;
  }

  .c-t-sec-4 .rp-right p {
      font-size: 14px;
  }

  .c-t-sec-4 .rp-right-bottom h3 {
      font-size: 14px;
  }

  p.terms-condition {
      font-size: 18px;
      line-height: 28px;
  }

  .my-tab-2 .g-a-1 label {
      font-size: 18px;
      line-height: 30px;
  }

  .my-tab-2 .form-content-box {
      padding: 50px 50px;
  }

  .e-services-page section.inner-banner h1 {
      line-height: 70px;
  }

  .step-form-tabs li ~ li a {
      margin: 0;
  }

  .step-form-tabs li a {
      padding: 40px 0;
      justify-content: center;
  }

  .res-bg-main {
      padding: 40px 0 30px 0;
  }

  h2.l-head {
      font-size: 18px;
      line-height: 32px;
  }

  p.res-text {
      font-size: 15px;
      line-height: 34px;
  }

  .pub-top h1 {
      font-size: 30px;
  }

  .pub-box h2 {
      font-size: 16px;
  }

  .l-s-top-content {
      padding: 50px 0;
      padding-top: 0px;
  }

  h2.l-s-head {
      font-size: 26px;
      line-height: 36px;
  }

  .l-s-top-content p {
      font-size: 18px;
      line-height: 38px;
  }

  .l-s-service-box h2,
  .l-s-service-box a {
      font-size: 18px;
      margin-top: 30px;
      line-height: 30px;
  }

  section.l-s-sec2 .row {
      padding: 30px 0 0 0;
  }

  .publication-books {
      padding: 0;
  }

  .publication-books .pub-box {
      margin-bottom: 90px;
  }

  .publication-top-form .form-group i {
      bottom: 19%;
  }

  section.chairman-speech .col-md-5 img {
      height: 525px;
  }



  h1.c-s-mainhead {
      font-size: 26px;
      line-height: 26px;
  }

  section.chairman-speech {
      padding: 50px 0;
  }

  img.c-s-img {
      max-width: 100%;
  }

  .a-s-banner .banner-heading {
      max-width: 700px;
      font-size: 37px;
  }

  .b-m-content h3 {
      font-size: 13px;
  }

  .b-m-content h2 {
      font-size: 13px;
      line-height: 17px;
  }

  .b-m-content {
      min-height: 80px;
  }

  .gallery-wrapper {
      column-gap: 30px;
      row-gap: 30px;
  }

  section.gallery-slider-sec {
      padding: 60px 0;
  }
  ul.nav-list li a {
      font-size: 10px !important;
  }
  .inner-layout .marbles-edit {
      padding-left: 0px;
  }
}

@media screen and (max-width: 1200px) {
  .date-time-sec {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0% !important;
  }
  .header-new ul.nav-list li a {
      font-size: 10px;
  }

  .breadcrumbs .form-bottom-tab a {
      font-size: 12px;
  }
  .marbles-edit h1 {
      font-size: 40px;
  }
  .media-request-form-page td,
  .media-request-form-page th {
      font-size: 15px !important;
      white-space: inherit;
      white-space: nowrap;
  }
  .media-request-form-page table {
      display: block;
  }
  .g-a-registration .nav-tabs .nav-item a {
      font-size: 12px !important;
  }
}
@media (max-width: 1199px) {
  li.child-menu::after {
      display: inline-block;
      margin-left: auto;
      vertical-align: 0.255em;
      content: "";
      border-top: 0.3em solid;
      border-right: 0.3em solid transparent;
      border-bottom: 0;
      border-left: 0.3em solid transparent;
      right: 0;
      position: absolute;
      color: #bba367;
      top: 20px;
  }
  ul.my_dropdown {
      top: 100%;
  }
  .board-mem img {
      width: 100%;
  }
  .board-mem-box h2 {
      font-size: 20px;
      line-height: 22px;
      width: 39%;
  }
  .board-mem-box img {
      width: 33%;
  }
  .board-mem h2 {
      height: auto;
  }
  /*  */
  .cordinate-content.cor-gps {
      padding-top: 25px;
  }
  table.table-hour.hour-2 {
      text-align: center;
      width: 100%;
      margin: auto;
  }

  .btn-contact a {
      padding-left: 319px;
  }

  .input-suggest textarea {
      width: 90%;
  }

  .input-suggest input {
      width: 90%;
  }

  div.upload {
      width: 90%;
  }

  .fileName {
      font-size: 14px;
  }

  .uploadButton {
      width: 56%;
  }

  .check-suggest label {
      margin-right: 30px;
  }

  section.sec-1-sugges h1 {
      font-size: 35px;
  }

  section.sec-1-sugges p {
      font-size: 18px;
      line-height: 30px;
  }

  section.sec-1-sugges {
      padding: 70px 0;
      margin: 60px 0;
  }

  /*  */
  /** services */
  .serv-box {
      padding: 30px 0px 30px 0px;
  }

  .serv-box p {
      font-size: 16px;
      line-height: 23px;
  }

  .serv-box a {
      font-size: 17px;
  }

  .serv-box a:hover {
      font-size: 19px;
  }

  .serv-box a i {
      font-size: 14px;
  }

  .content-serv {
      width: 74px;
      height: 74px;
  }

  /** services END */
  /* szgmc */
  .general-archi.sheikh {
      padding-top: 0px;
      line-height: 28px;
  }

  .alery-box p {
      font-size: 12px;
      line-height: 23px;
  }

  .general-archi.sheikh p {
      font-size: 15px;
      line-height: 26px;
  }

  section.sec-archi-1.szmc {
      padding-top: 40px;
      padding-bottom: 0px;
  }

  .general-archi.sheikh ul li {
      font-size: 15px;
      line-height: 26px;
  }

  .general-2-archi.sheikh ul li {
      font-size: 16px;
      line-height: 28px;
  }

  img.c-s-img {
      padding-right: 20px;
      padding-bottom: 0px;
  }

  .general-2-archi.sheikh h2 {
      font-size: 18px;
      line-height: 27px;
  }

  .pt-sec2-mainhead h1 {
      font-size: 35px;
  }

  /*szgmc end  */

  /*CORPORATE SERVICES  */
  .tour-op {
      width: auto;
      padding: 40px 21px;
  }

  section.sec-marble-1.waqg {
      padding-bottom: 30px;
  }

  .tour-op-1 iframe {
      width: 100%;
  }

  .tour-op h4 {
      line-height: 29px;
      font-size: 16px;
  }

  .icon-reg IMG {
      margin-left: -17px;
      width: 61px;
  }

  .icon-reg-1 img {
      width: 23px;
      height: 39px;
  }

  .icon-content {
      justify-content: initial;
      display: flex;
      flex-direction: column-reverse;
  }

  .tour-left {
      width: auto;
      padding: 20px 11px;
      height: auto;
  }

  .tour-left p {
      font-size: 14px;
  }

  .icon-content h4 {
      padding-top: 5px;
  }

  .faqs-sec .faq-head i {
      font-size: 18px;
  }

  .operators h1 {
      font-size: 30px;
      line-height: 63px;
  }

  /*CORPORATE SERVICES end  */

  /*HAPPINESS FORMULA  */
  .happines {
      padding: 0 20px;
  }

  .formula-happ img {
      width: 40%;
  }

  .formula-happ p {
      font-size: 14px;
  }

  .formula-happ-s5nd ul li {
      font-size: 11px;
      line-height: 17px;
  }

  .formula-headng h2 {
      font: normal normal bold 25px/0px Philosopher;
  }

  .row.mean-happines.mean-happines2 {
      height: 70px;
  }

  /*HAPPINESS FORMULA END */

  /*E - Services  */
  .boxis {
      padding: 20px 10px;
      flex: 0 0 48%;
  }

  .tab-create .nav-link {
      font-size: 14px;
      padding-left: 4px;
  }

  .tab-create .nav-link img {
      padding-right: 9px;
  }

  /*E - Services end */

  /* media-photo   */
  .adjustment iframe {
      width: 600px;
      height: 340px;
  }

  .modal-dialog.pnka {
      max-width: 600px;
  }

  /*media-photo end  */
  /* news */
  .content p {
      font-size: 13px;
      line-height: 24px;
  }

  .date h2 span {
      font-size: inherit;
  }

  /* news end */

  .marbles-edit.Mihrab .h1-img h1 {
      font-size: 32px;
  }

  section.sec-liners-1 .marbles-edit p {
      font-size: 15px;
      line-height: 27px;
  }

  /* sahan */
  .sahan-edit h1 {
      font-size: 36px;
  }

  /* sahan end */

  /* sidebar menu  */
  .menu-side-bar {
      position: fixed;
      top: 0;
      right: 0;
      display: block;
      z-index: -1;
      height: 0;
      width: 100%;
      overflow: hidden;
      background: white;
      transition: all 0.3s ease-in-out;
  }

  .menu-side-show {
      height: 100vh;
      z-index: 9999999999;
  }

  button.close-btn {
      background: none;
      border: none;
      position: absolute;
      left: 4%;
      top: 2%;
      z-index: 9999;
  }

  button.close-btn i {
      font-size: 30px;
      color: var(--primary);
      -webkit-text-stroke: 1px #fff;
  }

  /* .sidebar-menu {
    text-align: center;
    position: relative!important;
    top: 0!important;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 100%;
    margin: 20px 0;
    float: left;
} */

  ul.side-nav-list a {
      color: black;
      transition: all 0.3s ease;
  }

  ul.side-nav-list li {
      padding: 17px 0px;
  }

  ul.side-nav-list a:hover {
      color: var(--primary);
  }

  /* sidebar menu  */
  .top-main {
      display: block;
  }

  .opacity {
      opacity: 0 !important;
      z-index: -1;
  }

  ul.nav-list li {
      display: none;
  }

  ul.nav-list {
      justify-content: flex-start;
      flex-direction: column;
  }

  .header {
      padding: 0px 40px;
  }

  /*.log-brand img {*/
  /*    max-width: 160px;*/
  /*}*/

  .count_dw_col {
      max-width: 240px;
  }

  .text_wrap h6 {
      font-size: 12px;
  }

  ul.count-list span {
      font-size: 15px;
  }

  ul.count-list h3 {
      font-size: 11px;
  }

  ul.count-list li {
      padding: 0 6px;
  }

  .banner-subhead h3,
  .banner-right-content strong {
      font-size: 13px;
  }

  .banner-head h1,
  .banner-right-content h1 {
      font-size: 35px;
      line-height: 40px;
      max-width: 100%;
  }

  .banner-right-content {
      padding: 40px 0 0 4.4vw;
  }

  .research-list-img {
      padding-bottom: 20px;
  }

  .research-list-overlay {
      padding: 0 20px 0 15px;
  }

  .research-list-overlay-title a {
      font-size: 25px;
  }

  .research-list-overlay p {
      line-height: 20px;
  }

  a.discover-link,
  .discover-link a {
      font-size: 11px;
  }

  .banner-box img {
      height: 28px!important;
      width: 28px!important;
  }

  .banner-box {
      padding: 3px;
      height: 88px;
      flex: 0 0 18%;
  }

  h2.right-boxhead {
      font-size: 14px;
  }

  h2.right-boxhead i {
      font-size: 14px;
      margin-right: 2px;
  }

  .flex.prayer-time img {
      height: 50px;
      margin-right: 10px;
  }

  .flex.prayer-time h2 {
      font-size: 14px;
  }

  .position-right-box {
      width: 180px;
  }

  .position-right-box > i {
      font-size: 12px;
  }

  ul.right-box-list li h3 {
      font-size: 9px;
  }

  ul.right-box-list li img {
      max-width: 35px;
  }

  .alery-box {
      max-width: 286px;
      font-size: 12px;
      line-height: 18px;
      padding: 11px;
      margin-top: 20px;
  }

  .icon-shape {
      width: 60px !important;
      height: 60px !important;
  }

  .icon-shape img {
      max-width: 35px;
  }

  h3.sec2-right-head,
  .bx-visit h3 {
      font-size: 36px;
      line-height: 36px;
      margin-top: 15px;
  }

  p.sec2-right-subhead,
  .bx-visit p {
      font-size: 16px;
      line-height: 27px;
      max-width: 230px;
      margin-bottom: 25px;
  }

  ul.visit_link a {
      font-size: 19px;
      line-height: 32px;
  }

  button.white-btn {
      width: 160px;
      height: 45px;
      font-size: 13px;
      margin-top: 20px;
  }

  .overlay-visit {
      padding: 30px 25px;
  }

  .icon-shape-2 {
      width: 60px !important;
      height: 60px !important;
  }

  .icon-shape-2 img {
      height: 35px;
  }

  .bx_pln_itm h3 {
      font-size: 16px;
      margin-top: 15px;
  }

  .bx_pln_itm {
      height: 240px;
      padding: 12px 10px 12px 15px;
  }

  /* .container-1630 {
    max-width: 92vw;
} */

  .bx_pln_itm p {
      font-size: 14px;
      line-height: 21px;
  }

  button.s2-btn,
  .bx_pln_itm a {
      font-size: 14px;
      line-height: 14px;
      margin-top: 4px;
  }

  section.section-2 {
      padding: 80px 0;
  }

  .player-sechead h2 {
      font-size: 40px;
      line-height: 50px;
  }

  .sec4-bg {
      height: 190px;
      padding: 0 0 0 25px;
  }

  h1.s4-head,
  .trans-flex h3 {
      font-size: 30px;
      line-height: 30px;
  }

  button.sec4-btn {
      width: 150px;
      height: 40px;
      font-size: 12px;
  }

  .sec-5top-content h4 {
      font-size: 22px;
  }

  section.section-2 {
      padding: 80px 0;
  }

  .player-sechead h2 {
      font-size: 35px;
      line-height: 50px;
  }

  .sec4-bg {
      height: 190px;
      padding: 0 0 0 25px;
  }

  h1.s4-head,
  .trans-flex h3 {
      font-size: 30px;
      line-height: 30px;
  }

  button.sec4-btn {
      width: 150px;
      height: 40px;
      font-size: 12px;
  }

  .sec-5top-content h4 {
      font-size: 22px;
  }

  .sec-5top-content h2,
  .my_sec_7_row1 h2,
  .my_sec_8_row1 h2,
  .my_sec_9_row1 h2 {
      font-size: 40px;
      line-height: 50px;
  }

  /* .container-1420 {
    max-width: 85vw;
} */

  .my_news_div_content a {
      font-size: 14px;
  }

  .section-6 {
      padding: 40px 0;
      padding-bottom: 80px;
  }

  h3.sec-subhead {
      font-size: 30px;
      margin-bottom: 0;
  }

  .my_sec_7_row1 p {
      max-width: 800px;
      font-size: 13px;
      line-height: 22px;
  }

  .my_heighlight {
      max-width: 25vw;
      height: 350px;
  }

  .my_grandm_div_text h2 {
      font-size: 19px;
      line-height: 25px;
  }

  .my_grandm_div_text {
      width: 100%;
      padding: 8px 0 5px 12px;
  }

  .my_grandm_div_text h5 {
      font-size: 10px;
  }

  .my_sec_8_row1 .row {
      margin-top: 40px;
  }

  .my_social_row .col-md-3 h2 {
      font-size: 18px;
      margin-bottom: 20px;
  }

  .my_social_link a {
      font-size: 14px;
  }

  .my_social_link {
      margin-bottom: 13px;
  }

  a.my_social_a img {
      height: 300px;
  }

  a.my_social_a i {
      font-size: 22px;
  }

  .foot-content h1 {
      font-size: 22px;
  }

  .foot-content p {
      font-size: 12px;
      line-height: 19px;
  }

  .foot-center h1 {
      font-size: 42px;
      line-height: 70px;
  }

  form.foot-form input::placeholder,
  form.foot-form textarea::placeholder {
      font-size: 13px;
  }

  form.foot-form input,
  form.foot-form textarea {
      font-size: 13px;
      padding: 0 12px;
  }

  .three-inputs > input:first-child,
  .three-inputs > input:nth-child(2) {
      flex: 0 0 48%;
  }

  .three-inputs {
      flex-flow: wrap;
  }

  .three-inputs > input:last-child {
      flex: 0 0 100%;
      margin-top: 15px;
  }

  form.foot-form textarea {
      height: 110px;
      margin-top: 15px;
  }

  .foot-textarea img {
      max-width: 40px;
  }

  ul.quick-links .quick-link-head a {
      font-size: 14px;
  }

  ul.quick-links a {
      font-size: 10px;
      line-height: 19px;
  }

  .terms-privacy span {
      font-size: 14px;
  }

  .my_heighlight_content p {
      font-size: 12px;
      line-height: 20px;
  }

  .my_heighlight:hover .my_heighlight_content p {
      height: 75%;
  }

  .s5_caption_txt h5 {
      font-size: 16px;
      line-height: 23px;
  }

  .s5_caption_txt h3 {
      font-size: 13px;
  }

  .s5_caption_txt {
      height: 100px;
      padding: 14px;
      margin-top: -50px;
  }

  .left-position-icons .pos-icon {
      width: 45px;
      height: 45px;
  }

  .left-position-icons .pos-icon img {
      height: 20px;
  }

  .music_player {
      max-width: 660px;
  }

  .breadcrumbs ul li a {
      font-size: 14px;
  }

  .breadcrumbs ul li a img {
      max-width: 22px;
      margin-right: 6px;
  }

  section.ws-card-sec {
      padding: 30px 0;
  }

  .ws-card-bottom h2 {
      font-size: 18px;
  }

  .ws-card-bottom {
      padding: 10px 20px;
      height: 70px;
  }

  .ws-card {
      margin-bottom: 30px;
  }

  section.inner-banner {
      height: 250px;
  }

  section.inner-banner h1 {
      font-size: 50px;
  }

  .pt-box img {
      height: 34px;
  }

  .pt-box {
      height: 110px;
      width: 110px;
  }

  .pt-box h4 {
      font-size: 14px;
      margin-top: 10px;
  }

  .pt-box-wrapper {
      padding-top: 30px;
  }

  .pt-sec2-mainhead h1 {
      font-size: 40px;
      margin-top: -70px;
  }

  .pt-sec2-mainhead img {
      width: 80px;
  }

  .pt-sec2-mainhead {
      padding-top: 60px;
  }

  .pt-location {
      padding-top: 30px;
  }

  .pt-location h2 {
      font-size: 26px;
      margin: 0 11px;
  }

  .pt-location i {
      font-size: 25px;
  }

  .pt-location a:last-child i {
      font-size: 14px;
  }

  .pt-center-img {
      padding-top: 20px;
  }

  .pt-center-img img {
      max-width: 230px;
  }

  .pt-box-2 {
      height: 130px;
      width: 130px;
      margin: 0 10px;
      margin-bottom: 20px;
  }

  .pt-box-2 span {
      font-size: 20px;
  }

  .pt-box-2 h4 {
      font-size: 14px;
  }

  .pt-sec2-mainhead {
      padding-top: 40px;
  }

  section.pt-sec-2 {
      padding-bottom: 50px;
  }

  .fs-content p {
      max-width: 850px;
      font-size: 16px;
      line-height: 25px;
  }

  .fs-content {
      padding-top: 30px;
  }

  a.fs-btn {
      width: 200px;
      height: 45px;
      line-height: 45px;
      font-size: 13px;
      margin-top: 20px;
  }

  .ms-box p {
      font-size: 15px;
      line-height: 27px;
  }

  /* .ms-box {
    height: 130px;
} */

  .ms-silence-box img {
      max-width: 45px;
  }

  .ms-silence-box h2 {
      font-size: 19px;
      margin: 5px 0 0 0;
  }

  .ms-sec-silence {
      padding: 40px 0 50px;
  }

  .s-right {
      padding: 0 0 50px 40px;
  }

  .s-right p {
      font-size: 13px;
      line-height: 21px;
      margin: 0;
  }

  h1.v-center {
      margin: 0;
  }

  .s-section .col-md-6 > img {
      height: 450px;
      object-fit: cover;
      object-position: left;
  }

  h1.v-center {
      font-size: 25px;
  }

  .getting-mosque h1.v-center {
      line-height: 35px;
  }

  .view-route h3 {
      font-size: 18px;
  }

  .view-route img {
      max-width: 28px;
  }

  .cordinates h1.pt-mainhead {
      font-size: 27px;
      line-height: 32px;
  }

  .cordinates span {
      font-size: 15px;
      line-height: 26px;
  }

  .gps {
      padding-top: 25px;
  }

  .cordinate-content {
      padding-top: 70px;
  }

  .hz-email-form input {
      height: 60px;
      padding: 0 25px;
      font-size: 15px;
  }

  button.hz-email-btn {
      width: 70px;
  }

  button.hz-email-btn img {
      max-width: 24px;
  }

  section.road-map {
      padding-bottom: 60px;
  }

  .evg-content {
      margin-top: 0px;
  }

  a.ev-g-btn {
      width: 240px;
      height: 55px;
      line-height: 55px;
      font-size: 14px;
  }

  a.ev-g-btn img {
      max-width: 24px;
  }

  h1.table-mainhead {
      font-size: 21px;
      line-height: 33px;
  }

  .table-head h2 {
      font-size: 16px;
      line-height: 22px;
  }

  .table-content h3 {
      font-size: 13px;
      line-height: 30px;
  }

  .vh2-col {
      flex: 0 0 49%;
  }

  .table-footer h2 {
      font-size: 14px;
      line-height: 25px;
  }

  .vh2-big-col h1 {
      font-size: 21px;
      margin-bottom: 10px;
  }

  .vh2-big-col p {
      font-size: 13px;
      line-height: 23px;
  }

  .vh2-big-col {
      padding: 20px 20px 20px 30px;
  }

  .c-t-sec-4 .rp-right-bottom h3 {
      font-size: 14px;
  }

  .c-t-sec-4 .rp-right-bottom a {
      font-size: 12px;
      margin: 0;
  }

  .c-t-sec-4 .rp-right-bottom h3 {
      font-size: 13px;
  }

  .faq-head h3 {
      font-size: 16px;
  }


  .faq-content p {
      font-size: 15px;
      line-height: 25px;
      padding: 25px 35px;
  }

  .faq-card {
      margin-bottom: 15px;
  }

  section.resources {
      padding-top: 40px;
  }

  p.res-text {
      font-size: 14px;
      line-height: 30px;
  }

  h1.l-mainhead {
      font-size: 35px;
      margin-bottom: 30px;
  }

  .pub-top h1 {
      font-size: 30px;
  }

  .lib-whitebox {
      padding: 15px 18px 15px 18px;
  }

  .lib-whitebox p {
      font-size: 14px;
      line-height: 25px;
  }

  .lib-service-main {
      padding: 40px 0;
  }

  .a-t-l-content p {
      font-size: 16px;
      line-height: 29px;
  }

  .a-t-l-main {
      padding: 160px 40px 20px;
  }

  img.music-icon {
      max-width: 100px;
      top: 33%;
  }

  .a-t-l-main {
      margin-top: 60px;
  }

  .a-t-l-inner2 h3 {
      font-size: 22px;
      line-height: 36px;
  }

  .a-t-l-list p {
      font-size: 13px;
      line-height: 25px;
  }

  .a-t-l-list {
      margin-bottom: 20px;
  }

  .a-t-l-inner h4 {
      font-size: 20px;
  }

  .a-t-l-inner p span {
      font-size: 17px;
      line-height: 24px;
  }

  .res-icon-list img {
      max-width: 80px;
  }

  .res-icon-list h2 {
      font-size: 21px;
  }

  .res-box-content h2 {
      font-size: 19px;
      line-height: 18px;
  }

  .resource-box {
      padding: 30px 40px 30px 25px;
  }

  h2.l-s-head {
      font-size: 24px;
      line-height: 30px;
  }

  .l-s-service-box h2,
  .l-s-service-box a {
      padding: 0 10px;
      font-size: 17px;
      margin-top: 20px;
      line-height: 29px;
  }

  h1.search-head {
      font-size: 22px;
      line-height: 38px;
  }

  ul.search-list li {
      font-size: 18px;
      line-height: 29px;
  }

  .search-main {
      padding: 35px 25px;
  }

  img.search-img {
      top: -4.8%;
  }

  h1.search-head {
      font-size: 19px;
      line-height: 30px;
  }

  ul.search-list li {
      font-size: 16px;
      line-height: 19px;
  }

  .search-main {
      padding: 35px 25px 10px;
  }

  img.search-img {
      max-width: 110px;
      top: -4.7%;
  }

  .publication-top-form {
      padding: 50px 0;
  }

  .publication-books .pub-box {
      padding: 0 8px;
  }

  section.publication-detail .container-1630 > .row {
      padding: 40px 0px 30px 40px;
  }

  .pub-detail-content h2 {
      font-size: 17px;
      line-height: 30px;
  }

  .pub-detail-content h3 {
      font-size: 15px;
      line-height: 28px;
  }

  .pub-detail-content p {
      font-size: 15px;
      line-height: 27px;
      padding-right: 25px;
  }

  h1.pub-mainhead {
      font-size: 30px;
  }

  .related-pub {
      padding: 40px 0;
  }

  section.chairman-speech {
      padding: 30px 0;
  }

  h1.c-s-mainhead {
      font-size: 22px;
      line-height: 22px;
  }

  section.chairman-speech .col-md-5 img {
      height: 446px;
  }

  p.c-s-text {
      font-size: 14px;
      line-height: 21px;
  }

  .a-s-banner .banner-heading {
      max-width: 600px;
      font-size: 31px;
  }

  h2.d-m-subhead {
      font-size: 22px;
      margin-bottom: 10px;
  }

  .d-m-bottom h2 {
      font-size: 20px;
      line-height: 33px;
  }

  .s-p-img-head h1 {
      font-size: 34px;
  }

  section.s-p-sec-1 {
      padding: 100px 0 60px;
  }

  .s-p-service-box h2 {
      font-size: 25px;
  }

  section.s-p-sec-1 .col-lg-4 {
      padding: 0 5px;
  }

  .s-p-service-box img {
      max-width: 80px;
      top: -35px;
  }

  .s-p-service-box {
      padding: 50px 30px 10px;
  }

  .s-p-service-box ul li {
      font-size: 12px;
      line-height: 22px;
  }

  .s-p-btn {
      padding-top: 40px;
  }

  section.s-p-sec-1 {
      padding: 80px 0 50px;
  }

  .s-p-img-head h1 {
      font-size: 30px;
  }

  section.b-m-sec1 .col-lg-3 {
      padding: 0 5px;
  }

  .b-m-content h2 {
      font-size: 12px;
  }

  .b-m-content h3 {
      font-size: 12px;
  }

  .board-member-box {
      margin-bottom: 40px;
  }

  section.b-m-sec1 {
      padding: 40px 0 20px 0;
  }

  .about-banner-counter {
      gap: 10px;
      margin-top: 20px;
  }

  .responsive-none {
      display: none;
  }

  .bg.content p {
      width: 80%;
      font-size: 14px;
      line-height: 24px;
  }

  .img-bg-effect img {
      max-width: 150px;
  }

  .img-bg-effect {
      width: 170px;
      height: 170px;
  }

  .txt-content h3 {
      font-size: 25px;
      padding-top: 25px;
  }

  ul.UL-1 li {
      line-height: 25px;
  }

  .mean-dv {
      max-width: 235px;
      min-height: 564px;
  }

  .speech-1 img {
      max-width: 60px;
  }

  .speech-1 h1 {
      font-size: 28px;
      line-height: 28px;
  }

  .speech-1 p {
      font-size: 14px;
      line-height: 22px;
      padding-bottom: 0px;
  }

  .speech-1 {
      padding: 0px 0px 0px 40px;
  }

  section.sec2-SZGMC .row:first-child {
      margin-bottom: 40px;
  }

  /* section.sec2-SZGMC .container-1420 {
    padding: 0 50px;
} */

  h1.g-s-mainhead {
      font-size: 38px;
      margin-bottom: 10px;
  }

  p.g-s-maintext {
      font-size: 14px;
      line-height: 25px;
      margin-bottom: 30px;
  }

  .gallery-wrapper {
      column-gap: 20px;
      row-gap: 20px;
  }

  .lightbox-arrow .slick-arrow i {
      font-size: 35px;
  }

  button.popup-close i {
      font-size: 20px;
  }

  section.sec1-SZGMC {
      padding-bottom: 50px;
  }
  /*Home Page */
  .research-list-overlay {
      padding: 0 18px 0 15px;
  }
  .container-1630 {
      padding-left: 15px;
      padding-right: 15px;
  }
}
@media screen and (max-width: 1199px) {
  .log-brand {
      width: 95px;
      float: none;
  }
  .search {
      display: block;
  }
  section.section1 {
      height: auto !important;
  }
  a.search {
      background: transparent !important;
      color: #000 !important;
      margin-right: auto;
      /* margin: 0px; */
      margin-left: 8px !important;
  }
  .book-your-visit-sec {
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
      justify-content: start;
  }
  .header-new .book-your-visit-sec {
      float: right;
      display: flex !important;
      flex-direction: initial;
  }
  /* a.scroll-top {
    right: 6%;
    position: fixed;
    bottom: 3%;
} */
  ul.side-nav-list {
      width: 100%;
      padding: 0px 15px;
      float: left;
      padding: 40px;
  }
  ul.side-nav-list li {
      position: relative;
      width: 100%;
      float: left;
      text-align: left;
      /* padding: 10px 49px; */
  }
  .child-menu a::after {
      content: "";
      font-family: "FontAwesome";
      /* background: red; */
      width: 7px;
      height: 7px;
      position: absolute;
      border-right: 20px;
      content: "";
      position: absolute;
      left: auto;
      top: 37%;
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid #bba367;
      clear: both;
      right: 9%;
  }
  ul.side-nav-list a {
      color: #bba367;
  }
  .menu-side-show {
      height: auto;
      z-index: 9999999999;
      min-height: 100vh;
      overflow-y: scroll;
  }
  /*.sidebar-menu {*/
  /*    text-align: center;*/
  /*    position: absolute;*/
  /*    top: 40px;*/
  /*    left: 50%;*/
  /*    transform: translate(-50%, -50%);*/
  /*    width: 100%;*/
  /*    margin: 20px 0;*/
  /*}*/
  .menu-btn {
      display: block;
  }

  .header-new .menu-btn {
      margin-left: 20px;
  }
  .touroperregistration .nav-tabs .nav-item a.active {
      margin-left: 0px !important;
  }
  .touroperregistration .nav-tabs .nav-item a {
      width: 100% !important;
      /* margin-left: -72px!important; */
  }
  .touroperregistration .step-form-tabs li:nth-last-of-type(1) a {
      /* margin-left: -140px!important; */
  }
  .g-a-formfields.entity_btwn.g-a-1.changes .form-group {
      flex: 0 0 48%;
  }
  ul.nav.nav-tabs.step-form-tabs li a {
      font-size: 12px !important;
  }
  .g-a-1 label {
      font-size: 15px;
  }
}
@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
      font-size: 21px;
      font-size: var(--plyr-font-size-xlarge, 21px);
  }

  .plyr:-ms-fullscreen .plyr__captions {
      font-size: 21px;
      font-size: var(--plyr-font-size-xlarge, 21px);
  }

  .plyr:fullscreen .plyr__captions {
      font-size: 21px;
      font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
      font-size: 21px;
      font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
@media (min-width: 1024px) {
  .plyr:-moz-full-screen .plyr__captions {
      font-size: 21px;
      font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
@media (min-width: 1024px) {
  .plyr:-ms-fullscreen .plyr__captions {
      font-size: 21px;
      font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
      font-size: 21px;
      font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
@media screen and (max-width: 1024px) {
  .walkway.walkway-new img {
      height: auto !important;
      object-fit: cover;
  }
  .cermony-2 img {
      height: auto !important;
      object-fit: cover;
  }
  .breadcrumbs .form-bottom-tab a {
      font-size: 10px;
  }
  .pt-box {
      height: 130px;
      width: 130px;
  }
  #attachement-sec .table tr {
      display: flex;
      align-items: start;
      flex-direction: column;
  }
  #attachement-sec .content p {
      color: #212529 !important;
      -webkit-line-clamp: initial !important;
      text-align: left;
  }
}

@media screen and (max-width: 1024px) {
  .propertyreservationrequest .step-form-tabs li {
      margin-left: 0px;
      width: 33.33%;
      flex: 0 0 33.33%;
  }
  .propertyreservationrequest .step-form-tabs li:last-child a {
      margin-left: -30px;
  }
  .touroperregistration .nav-tabs .nav-item a {
      width: 100% !important;
      /* margin-left: -60px!important; */
  }
  .touroperregistration .step-form-tabs li:nth-last-of-type(1) a {
      /* margin-left: -120px!important; */
  }
  .form-content-box .form-group {
      flex: 0 0 48%;
  }
  .attached-row {
      justify-content: space-between;
      flex-direction: column;
  }
  .attached-row .text-part {
      width: 100%;
      max-width: 100%;
  }

  /* #attachement-sec ::file-selector-button {
left: 0;
} */
  .scroll-content h1 {
      font-size: 30px;
  }
  .scroll-content h2 {
      font-size: 25px;
      padding: 15px 0px 0px 0px;
  }
  .scroll-content h3 {
      font-size: 25px;
  }
  .language-tab-content p,
  .language-tab-content li {
      font-size: 14px;
  }
  #language-class label {
      font-size: 16px !important;
  }
}

@media screen and (max-width: 991px) {
  .form-content-box {
      padding: 30px 15px !important;
  }
  .form-content-box-instruction form {
      padding: 30px 15px !important;
  }

  .ws-card-rating img {
      width: auto !important;
      height: auto !important;
  }
  .thank-you-page {
      width: 100%;
      float: left;
      padding: 50px;
  }
  .date-time-sec {
      padding: 20px;
  }
  .date-time-sec .img-sec {
      width: 25%;
  }
  .space-ight-new img {
      height: auto !important;
  }
  .breadcrumbs .form-bottom-tab a {
      font-size: 10px;
      white-space: pre;
      width: auto;
  }
  .my_news_repeat_img {
      width: 100%;
  }
  .my_news_repeat_content {
      width: 100%;
      padding: 20px;
  }
}
@media (max-width: 991px) {
  .three-inputs > input:first-child,
  .three-inputs > input:nth-child(2) {
      flex: 0 0 100%;
  }
  .three-inputs > input:first-child {
      margin-bottom: 15px;
  }
  .board-mem-box img {
      width: 43%;
  }
  /*Transportation */

  section.sec-1trans {
      text-align: center;
      padding-bottom: 0;
  }

  .col-lg-6.box-mar {
      margin-bottom: 80px;
  }

  .col-lg-6.box-mar1 {
      margin-bottom: 80px;
  }

  .box-trans {
      padding: 80px 10px 10px 10px;
  }

  /*Transportation */
  /*  */
  section.sec-3-hour {
      margin: 30px 0;
      padding: 30px 0;
  }

  table.table-hour tr td {
      padding: 20px 0 20px 5px;
      font-size: 19px;
  }

  .visti-hour-2 h1, .visti-hour-2 h1 span {
      font-size: 24px!important;
      line-height: 30px;
  }

  /*  */
  /*contact-us */
  .in-lab-1 label {
      width: 25%;
  }

  .cont-flash p img {
      margin-right: 10px;
      width: 30px;
      height: 30px;
  }

  .cont-flash p a {
      font-size: 18px;
  }

  .contac-us {
      padding-left: 20px;
      padding-top: 50px;
  }

  .contact {
      display: block;
      padding-left: 20px;
      padding-top: 50px;
  }

  .h1-road h1 {
      font-size: 40px;
      padding-top: 20px;
  }

  .google-play.ab-map p a {
      font-size: 22px;
  }

  /* contact-us */

  /* holy quran*/
  .content-right.content-form audio {
      width: 370px;
  }

  .nubering-news.number-form .content-right.content-form .table td,
  .table th span img {
      width: 42px;
      height: 42px;
      margin-right: 20px;
  }

  /* holy quran*/
  /* Official Authorities Registration */
  section.ms-sec-2.booking1 .ev-edit-p.book-para {
      padding-top: 20px !important;
  }

  .walkway h3 {
      font: normal normal bold 25px/30px Philosopher;
      width: 90%;
  }

  .walkway p {
      width: 90%;
      font-size: 16px;
      padding-bottom: 15px;
  }

  .walkway img {
      width: 95%;
  }

  .booking1 .pt-sec2-mainhead {
      padding-top: 10px;
  }

  .booking1 .pt-sec2-mainhead img {
      width: 90px;
  }

  /* Official Authorities Registration end */

  /*CORPORATE SERVICES  */
  .operators h1 {
      font-size: 24px;
      line-height: 33px;
      padding-right: 20px;
  }

  .inner-page.about-szgmc-page .pt-sec2-mainhead img {
      width: 80px;
  }

  .operators a {
      line-height: 52px;
      width: 126px;
      height: 54px;
  }

  .icon-reg-1 {
      max-width: initial;
  }

  /*CORPORATE SERVICES end  */
  /*Events & Activities  */
  .ev-edit-p p {
      font-size: 15px;
      line-height: 27px;
      width: 90%;
  }

  .right-content p {
      font-size: 15px;
  }

  .col-f h4 {
      font-size: 14px;
  }

  .ev-edit-p {
      padding: 0 0 50px 0 !important;
  }

  .exibition-edit p {
      font-size: 14px;
      line-height: 21px;
  }

  .exibition-edit h4 {
      font-size: 18px;
      line-height: 0px;
  }

  .exibition-edit ul li {
      font-size: 14px;
  }

  /*Events & Activities end  */

  /*HAPPINESS FORMULA  */
  .box-align {
      justify-content: space-between;
  }

  .happines {
      margin-right: 15px;
  }

  section.sec-1-services {
      padding-bottom: 50px;
  }

  .formula-happ img {
      width: 10%;
  }

  .formula-happ h3 {
      font-size: 20px;
      padding: 0;
  }

  .row.mean-happines {
      height: auto;
  }

  .formula-happ-s5nd {
      align-items: center;
      justify-content: center;
  }

  .happines h1 {
      font: normal normal bold 30px/29px Philosopher;
      padding: 20px 0;
  }

  .formula-happ-s5nd ul li {
      font-size: 14px;
  }

  /*HAPPINESS FORMULA end */
  /*media-photo  */
  .section-sec-1-media-gallery {
      text-align: center;
  }

  .poopup img {
      width: 100%;
  }

  .adjustment iframe {
      width: 500px;
      height: 290px;
  }

  .modal-dialog.pnka {
      max-width: 500px;
  }

  .modal-footer.ab-footer button i {
      font-size: 30px;
      color: #ffffff;
      width: 30px;
      height: 30px;
      background: #5b4100;
      border-radius: 50%;
      line-height: 30px;
  }

  /* media-photo end */
  /*press-kit  */
  .press-content .rp-right-bottom h3 {
      font-size: 18px;
      line-height: 33px;
  }

  .press-content .rp-right-bottom a {
      font-size: 18px;
      margin-left: 15px;
  }

  .press-content .rp-right-bottom a:hover {
      font-size: 19px !important;
  }

  section.sec-1-press-kit h2 {
      font-size: 23px;
  }

  section.sec-1-press-kit h4 {
      font-size: 20px;
      line-height: 29px;
  }

  .abtn {
      padding-top: 20px;
  }

  /* press-kit end */
  .Hijri-Calendar .fs-content p {
      max-width: 85%;
  }

  /* news */
  .news-content {
      margin-left: 0;
      margin-top: 0;
  }

  .content h4 {
      font-size: 19px;
  }

  .news-heading .pt-sec2-mainhead {
      padding-top: 0px;
  }

  .nubering-news {
      padding-bottom: 30px;
  }

  .date {
      height: 100%;
  }

  /* news end */
  section.pt-sec-2.cermony .pt-sec2-mainhead img {
      width: 90px;
  }

  section.sec-liners-1 .marbles-edit h1 {
      font-size: 28px;
      line-height: 59px;
      padding-bottom: 0px;
  }

  section.sec-liners-1 .marbles-edit p {
      font-size: 13px;
      line-height: 25px;
  }

  /*chandeliers  */
  section.sec-sahan-1.chandeliers p {
      font-size: 14px;
      line-height: 24px;
  }

  /*chandeliers end  */
  /* minaret */

  .minaret-page .sahan-edit p {
      margin-bottom: 0;
      padding-right: 15px;
      font-size: 13px;
      line-height: 21px;
  }

  /* minaret end */
  /* sahan */
  .sahan-edit {
      padding-left: 10px;
  }

  .sahan-edit h1 {
      font-size: 26px;
      font-weight: bolder;
  }

  .sahan-edit br {
      display: none;
  }

  .sahan-edit-1 img {
      height: 510px;
  }

  /* sahan end */

  /*marble  */
  .marbles-edit {
      padding-left: 10px;
  }

  .marbles-edit p {
      font-size: 14px;
      line-height: 26px;
  }
  ul.traning-program-ul li {
      font-size: 14px;
      text-align: justify;
      list-style: disc;
  }

  .marbles-edit-1 img {
      height: 450px;
  }

  .marbles-edit h1 {
      padding-bottom: 10px;
      font-size: 30px;
  }

  .h1-img img {
      width: 80px;
      top: -6%;
  }

  /*  */
  /* a.scroll-top {
    right: 9%;
    bottom: 25%;
} */

  h2.topbar-head {
      margin-right: 30px;
  }

  .whellchiar {
      margin-right: 30px;
  }

  .banner-subhead h3,
  .banner-right-content strong {
      font-size: 11px;
      letter-spacing: 0;
      margin-top: 20px;
  }

  .banner-head h1,
  .banner-right-content h1 {
      font-size: 30px;
      line-height: 34px;
  }

  .alery-box {
      max-width: 260px;
      font-size: 11px;
      padding: 9px;
      line-height: 18px;
  }

  .research-list-overlay-title a {
      font-size: 20px;
      line-height: 28px;
  }

  .research-list-overlay {
      padding: 0 14px;
  }

  .research-list-overlay p {
      font-size: 12px;
      line-height: 17px;
  }

  a.discover-link,
  .discover-link a {
      font-size: 10px;
  }

  .banner-box img {
      height: 25px!important;
      width: 25px!important;
  }

  .banner-box h3 {
      font-size: 10px;
  }

  .banner-box {
      height: 80px;
      margin-right: 14px;
      margin-bottom: 14px;
  }

  .log-brand {
      text-align: right;
  }

  /*.log-brand img {*/
  /*    max-width: 185px;*/
  /*}*/

  .header {
      padding: 0px 15px;
  }

  h2.right-boxhead {
      font-size: 11px;
  }

  h2.right-boxhead i {
      font-size: 12px;
  }

  .flex.prayer-time img {
      height: 42px;
  }

  .flex.prayer-time h2 {
      font-size: 12px;
  }

  .position-right-box {
      width: 160px;
      padding: 10px 12px 0px 19px;
  }

  .sec-2col {
      padding: 0 20px;
  }

  .bx-visit:before {
      width: 94%;
      margin: 0 auto;
      height: 94%;
  }

  .bx-visit:after {
      max-width: 100%;
      height: 100%;
      margin: 0 auto;
  }

  .overlay-visit {
      padding: 40px 50px;
  }

  h3.sec2-right-head,
  .bx-visit h3 {
      font-size: 32px;
  }

  p.sec2-right-subhead,
  .bx-visit p {
      font-size: 14px;
      line-height: 23px;
      max-width: 200px;
      margin-bottom: 8px;
  }

  ul.visit_link a {
      font-size: 17px;
      line-height: 28px;
  }

  button.white-btn {
      width: 150px;
      height: 40px;
      font-size: 12px;
      margin-top: 8px;
      margin-bottom: 30px;
  }

  .bx_pln_itm {
      padding: 15px 17px 15px 20px;
  }

  .player-sechead h2 {
      font-size: 28px;
      max-width: 400px;
      line-height: 38px;
  }

  .music_player {
      max-width: 530px;
  }

  span#npAction2 {
      font-size: 14px;
  }

  h2.qirat {
      font-size: 19px;
      line-height: 22px;
  }

  .music-layers {
      height: 45px;
  }

  .plyr__controls__item.plyr__control[data-plyr="play"] {
      width: 45px;
      height: 45px;
      background-size: 45px 45px;
  }

  .plyr__time--current {
      left: 14.7%;
      top: 8%;
  }

  .plyr__time--duration {
      top: 10%;
  }

  .plyr__progress input[type="range"]:after {
      bottom: -25px;
      font-size: 12px;
  }

  .primary-btn {
      width: 150px;
      height: 40px;
      font-size: 12px;
  }

  .primary-btn img {
      max-width: 20px;
  }

  section.sectio-4 {
      padding-top: 20px;
  }

  h1.s4-head,
  .trans-flex h3 {
      font-size: 24px;
      line-height: 18px;
  }

  .sec4-bg {
      height: 170px;
  }

  button.sec4-btn {
      width: 130px;
      height: 35px;
      font-size: 11px;
  }

  section.section-5 {
      padding: 40px 0 60px 0;
  }

  img.sec_img {
      max-width: 60px;
      margin-bottom: 10px;
  }

  .sec-5top-content h4 {
      font-size: 17px !important;
  }

  .sec-5top-content h2,
  .my_sec_7_row1 h2,
  .my_sec_8_row1 h2,
  .my_sec_9_row1 h2 {
      font-size: 28px !important;
      line-height: 30px;
  }
  .foot-center h1 {
      font-size: 28px;
      line-height: 70px;
  }

  .s5-tab-list li a {
      width: 80px;
      height: 35px;
      font-size: 14px;
      line-height: 35px;
      margin-right: 25px;
  }

  .s5-tab-content .images_wrap {
      margin-top: 30px;
  }

  .sec_6_bottom_box {
      display: flex;
      flex-flow: wrap;
      justify-content: space-between;
  }

  .sec_6_bottom_box > div {
      flex: 0 0 48%;
      max-width: 48%;
  }

  .my_news_repeat {
      flex-direction: column;
  }

  .my_news_repeat_content p {
      font-size: 14px;
      margin-bottom: 35px;
  }

  .my_news_repeat_content a {
      font-size: 14px;
  }

  .my_news_repeat:last-child {
      margin-bottom: 25px;
  }

  .my_news_div_content a {
      font-size: 20px;
  }

  .my_sec_7_row1 p {
      margin-top: 20px;
      max-width: 600px;
  }

  .my_heighlight {
      max-width: 34vw;
      height: 350px;
  }

  .my_heighlight_content h3 {
      font-size: 18px;
      line-height: 18px;
  }

  .my_heighlight_readmore a {
      font-size: 13px;
  }

  .my_grandm_div_text h2 {
      font-size: 20px;
      line-height: 21px;
  }

  .my_grandm_div_text h5 {
      font-size: 12px;
  }

  .my_grandm_div {
      margin-bottom: 30px;
  }

  section.my_sec_9 {
      padding: 0 0 30px 0;
  }

  .my_social_row .col-md-3 h2 {
      font-size: 14px !important;
      margin-bottom: 14px;
  }

  .my_social_link a i {
      width: 30px;
      height: 30px;
      font-size: 15px;
  }

  .my_social_link a {
      font-size: 13px;
  }

  .my_social_link {
      margin-bottom: 8px;
  }

  /*a.my_social_a img {*/
  /*    height: 230px;*/
  /*}*/

  .my_social_row .col-md-3 {
      padding: 0 6px;
  }

  /*a.my_social_a {*/
  /*    height: 270px;*/
  /*}*/

  .footer-col-2 {
      order: 1;
  }

  .footer-col-1 {
      order: 2;
      margin-top: 25px;
  }

  .footer-col-3 {
      order: 3;
      margin-top: 25px;
  }

  form.foot-form input::placeholder,
  form.foot-form textarea::placeholder {
      font-size: 14px;
  }

  form.foot-form input,
  form.foot-form textarea {
      font-size: 14px;
  }

  ul.quick-links .quick-link-head a {
      font-size: 16px;
  }

  ul.quick-links a {
      font-size: 12px;
      line-height: 24px;
  }

  .ws-card-bottom h2 {
      font-size: 20px;
  }

  section.inner-banner h1 {
      font-size: 45px;
      max-width: 450px;
      text-align: center;
  }

  section.inner-banner {
      height: 220px;
  }

  .breadcrumbs ul li a i {
      font-size: 9px;
      margin: 0 8px;
  }

  .fs-content p {
      max-width: 650px;
      font-size: 15px;
      line-height: 24px;
  }

  .dress-code-box ul li a {
      font-size: 17px;
      line-height: 26px;
  }

  .allowed-top h1 {
      font-size: 23px;
  }

  .allowed-top img {
      max-width: 36px;
  }

  .manners-box img {
      height: 220px;
  }

  .ms-silence-box img {
      max-width: 38px;
  }

  .ms-silence-box h2 {
      font-size: 16px;
      margin: 3px 0 0 0;
  }

  /* .rp-box {
    height: 160px;
} */

  .ms-box p {
      line-height: 24px;
  }

  .rp-heading h1 {
      font-size: 25px;
      margin-bottom: 0px;
  }

  .rp-heading img {
      width: 70px;
      bottom: -11%;
      left: -13%;
  }

  .rp-right p {
      font-size: 13px;
      line-height: 21px;
      margin-bottom: 7px;
  }

  .rp-row-2 .rp-right {
      padding: 0 0 0 40px;
  }

  .rp-right-bottom h3 {
      line-height: 20px;
  }

  .rp-right-bottom a {
      margin: 0;
  }

  h1.sp-sec6-head {
      font-size: 19px;
      margin-bottom: 5px;
  }

  .rp-sec6-bg-box {
      padding: 0 30px;
  }

  .rp-sec6-bg-box p {
      font-size: 13px;
      line-height: 19px;
      margin-bottom: 6px;
  }

  .rp-sec6-row .rp-right-bottom a {
      margin: 0;
  }

  .route-map-row {
      margin-top: 50px;
  }

  .view-route h3 {
      font-size: 16px;
  }

  .view-route img {
      max-width: 25px;
  }

  .cordinates h1.pt-mainhead {
      font-size: 25px;
      line-height: 32px;
  }

  .cordinates span {
      font-size: 14px;
      line-height: 24px;
  }

  .hz-email-form input {
      height: 50px;
      padding: 0 20px;
      font-size: 13px;
  }

  button.hz-email-btn {
      width: 50px;
  }

  button.hz-email-btn img {
      max-width: 20px;
  }

  .ws-card-rating img {
      max-width: 25px;
  }

  .ws-card-rating span {
      font-size: 22px;
  }

  .ws-card-detail img {
      max-width: 80px;
  }

  a.ws-card-btn {
      width: 90px;
      height: 30px;
      line-height: 30px;
      font-size: 12px;
  }

  .ws-card-detail {
      padding: 0 7px;
  }

  h1.table-mainhead {
      font-size: 24px;
      line-height: 33px;
  }

  .table-head h2 {
      font-size: 18px;
      line-height: 22px;
  }

  .table-content h3 {
      font-size: 15px;
      line-height: 30px;
  }

  .vh2-col {
      flex: 0 0 100%;
  }

  .table-footer h2 {
      font-size: 16px;
      line-height: 25px;
  }

  .vh2-big-col h1 {
      font-size: 24px;
      margin-bottom: 10px;
  }

  .vh2-big-col p {
      font-size: 15px;
      line-height: 25px;
  }

  .vh2-big-col {
      padding: 30px 20px 30px 30px;
  }

  h1.table-mainhead {
      font-size: 24px;
  }

  .table-head h2 {
      font-size: 18px;
  }

  .table-content h3 {
      font-size: 15px;
  }

  .table-footer h2 {
      font-size: 16px;
  }

  .vh2-col:first-child {
      margin-bottom: 40px;
  }

  .vh2-big-col h1 {
      font-size: 24px;
      line-height: 33px;
  }

  .vh2-big-col p {
      font-size: 15px;
      line-height: 25px;
  }

  .vh2-big-col {
      padding: 30px 20px 30px 30px;
  }

  .c-t-img {
      height: 350px;
      object-fit: cover;
  }


  .faq-head h3 {
      font-size: 15px;
      line-height: 20px;
  }

  .faq-content p {
      padding: 20px 25px;
      font-size: 14px;
      line-height: 22px;
  }

  .g-a-1 label {
      font-size: 17px;
      line-height: 34px;
  }

  .g-a-1 input {
      height: 45px;
  }

  .g-a-formfields .g-a-1 {
      flex: 0 0 47%;
  }

  .g-a-form-content .g-a-formhead {
      font-size: 20px;
      line-height: 32px;
      margin: 0;
  }

  .g-a-btn {
      width: 120px;
      height: 45px;
      line-height: 45px;
      font-size: 15px;
  }

  .g-a-btn img {
      max-width: 17px;
  }

  .g-a-row {
      padding-left: 20px;
  }

  .my-tab-2 .g-a-1 label {
      font-size: 16px;
      line-height: 26px;
  }

  p.terms-condition {
      font-size: 16px;
      line-height: 24px;
  }

  .Enty_doc_list ul li {
      height: 45px;
      line-height: 45px;
  }

  .Enty_doc_list .btn_upload {
      padding: 5px 15px;
      font-size: 14px;
  }

  .Enty_doc_list ul li a {
      padding: 0 15px;
      font-size: 14px;
  }

  .e-services-page section.inner-banner h1 {
      line-height: 50px;
  }

  .step-form-tabs li a {
      padding: 30px;
      font-size: 16px;
      width: 400px;
  }

  .step-form-tabs li ~ li a {
      padding: 30px 0;
      margin: 0 0 0 0px;
  }

  .step-form-tabs a.nav-link {
      font-size: 16px;
  }

  .g-a-1 select {
      background-size: 12px;
  }

  .g-a-1 input,
  .g-a-1 select {
      padding: 0 15px;
      line-height: 14px;
      height: 46px;
      font-size: 14px;
      line-height: 14px;
  }

  .l-sec-1 .s-right {
      padding: 0 30px;
  }

  .l-sec-1 a.l-btn {
      margin-top: 15px;
  }

  h1.l-mainhead {
      font-size: 30px;
      margin-bottom: 25px;
  }

  p.res-text {
      text-align: center;
  }

  p.res-text br:first-child {
      display: none;
  }

  .lib-service-main .row .col-lg-4 {
      padding: 0;
      margin-bottom: 20px;
  }

  .lib-whitebox {
      padding: 30px 25px 30px 26px;
  }

  a.l-btn {
      /* width: 160px; */
      /* line-height: 40px;
    height: 40px; */
  }

  .a-t-l-content p {
      font-size: 15px;
      line-height: 27px;
  }

  .a-t-l-content img {
      max-width: 65px;
  }

  img.music-icon {
      max-width: 90px;
      top: 29%;
  }

  .pub-inner p ~ br {
      display: none;
  }

  .pub-inner p {
      margin-bottom: 20px;
  }

  .a-t-l-inner {
      height: 350px;
  }

  .a-t-l-inner p span {
      font-size: 19px;
      line-height: 28px;
  }

  .a-t-l-inner2 h3 {
      margin-top: 20px;
  }

  .a-t-l-list p {
      font-size: 15px;
      line-height: 27px;
  }

  .a-t-l-list img {
      margin-top: 5px;
  }

  section.a-l-t-sec3 {
      padding: 50px 0;
  }

  .res-box-content p {
      font-size: 15px;
      line-height: 27px;
  }

  .l-s-top-content p {
      font-size: 17px;
      line-height: 32px;
  }

  h2.l-s-head {
      font-size: 22px;
      line-height: 22px;
  }

  .l-s-top-content {
      padding: 40px 0;
      padding-top: 0px;
  }

  .l-s-service-box .logo {
      width: 170px;
      height: 170px;
  }

  .l-s-service-box .logo img {
      max-width: 70%;
      image-rendering: -webkit-optimize-contrast;
  }

  .l-s-service-box {
      margin-bottom: 60px;
  }

  .l-s-service-box h2,
  .l-s-service-box a {
      padding: 0 20px;
  }

  .publication-sec1 .pub-box h2 {
      font-size: 14px;
      line-height: 26px;
  }

  .p-my-pagination li {
      width: 40px;
      height: 40px;
      line-height: 40px;
      margin-right: 10px;
  }

  .p-my-pagination li a {
      font-size: 20px;
  }

  .p-my-pagination li a i {
      font-size: 12px;
  }

  /* .p-my-pagination li:first-child {
    margin-right: 20px;
} */

  section.publication-sec1 {
      padding-bottom: 40px;
  }

  .publication-top-form {
      padding: 40px 0;
  }

  .publication-top-form input {
      width: 220px;
      height: 45px;
      margin-right: 15px;
      padding-right: 37px;
  }

  .publication-top-form .form-group i {
      bottom: 17%;
      right: 16%;
      font-size: 13px;
  }

  .p-search-btn {
      flex: 0 0 7%;
      height: 45px;
      line-height: 50px;
  }

  .p-search-btn i {
      font-size: 18px;
  }

  button.detail-btn {
      width: 130px;
      height: 40px;
      font-size: 13px;
      margin-bottom: 10px;
  }

  .pub-detail-content h2 {
      font-size: 15px;
      line-height: 22px;
  }

  .pub-detail-content h3 {
      font-size: 13px;
      line-height: 24px;
  }

  .pub-detail-content p {
      font-size: 14px;
      line-height: 24px;
      padding-right: 10px;
      margin-top: 10px;
  }

  section.publication-detail {
      padding-top: 30px;
  }

  h1.pub-mainhead {
      font-size: 25px;
  }

  .detail-book img {
      image-rendering: -webkit-optimize-contrast;
  }

  .pub-detail-content {
      padding-left: 20px;
  }

  img.c-s-img {
      padding-right: 30px;
      padding-bottom: 20px;
  }

  h1.c-s-mainhead {
      font-size: 20px;
      line-height: 28px;
  }

  .a-s-banner .banner-heading {
      max-width: 390px;
      font-size: 26px;
      line-height: 31px;
  }

  .s-p-img-head h1 {
      font-size: 24px;
  }

  .s-p-service-box {
      min-height: 300px;
  }

  .s-p-service-box ul li {
      font-size: 13px;
      line-height: 23px;
  }

  .s-p-service-box {
      padding: 50px 40px 20px;
  }

  .speech-1 img {
      max-width: 50px;
  }

  .speech-1 h1 {
      font-size: 19px;
      line-height: 19px;
      padding: 10px 0 2px 0px;
  }

  .speech-1 p {
      font-size: 13px;
      line-height: 20px;
      margin-bottom: 15px;
  }

  .speech-1 {
      padding: 0px 0px 0px 30px;
  }

  section.sec2-SZGMC {
      padding: 40px 0;
  }

  h1.g-s-mainhead {
      font-size: 32px;
  }

  p.g-s-maintext {
      font-size: 13px;
      line-height: 23px;
  }

  .gallery-wrapper {
      grid-template-columns: repeat(2, 1fr);
  }

  .bx-visit {
      height: 100%;
      overflow-y: hidden;
      position: relative;
  }

  .bx-visit:before {
      width: 100%;
      margin: 0 auto;
      height: 100%;
  }

  .sec-2-left-box {
      padding: 15px;
  }

  .bx-visit:before {
      width: 100%;
      margin: 0 auto;
      height: 100%;
  }

  .tab-culure {
      overflow-x: scroll;
  }
}

@media screen and (max-width: 991px) {
  .log-brand {
      width: 107px;
      float: right;
      margin: 2px 0px;
  }
  .header-new .log-brand {
      float: none;
  }
  .search {
      display: block;
  }
  section.section1 {
      height: auto !important;
  }
  a.search {
      background: transparent !important;
      color: #000 !important;
      margin-right: auto;
      /* margin: 0px; */
      margin-left: 8px !important;
  }
  .book-your-visit-sec {
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
  }
  .header-new .book-your-visit-sec {
      float: right;
      display: flex !important;
      flex-direction: initial;
  }
  /* a.scroll-top {
    right: 6%;
    position: fixed;
    bottom: 3%;
} */
  .research-list.research-list-2 .banner-box,
  .research-list:nth-child(2) .banner-box {
      flex: 0 0 17%;
      margin-right: 20px;
  }
  ul.my_dropdown {
      width: 100% !important;
  }
}
@media screen and (max-width: 991px) {
  .step-form-tabs li a {
      padding: 30px;
      font-size: 16px;
      width: 120%;
  }
  .regisration-tab-new .step-form-tabs li {
      width: 48%;
  }
  .propertyreservationrequest-tab-new .step-form-tabs li {
      width: 50%;
  }
  ul.nav.nav-tabs.step-form-tabs li a {
      font-size: 10px !important;
  }
}

@media screen and (max-width: 768px) {
  .data-sec ul {
      padding-right: 20px;
  }
  .data-sec ul li {
      margin-bottom: 10px;
      font-size: 14px;
  }
  .img-sec img {
      width: 50%;
      margin: auto;
      margin-left: 20%;
      text-align: center;
  }
  .new-holy-page p {
      font-size: 16px;
      max-width: 90%;
      padding-bottom: 20px;
  }
  .breadcrumbs {
      align-items: baseline;
      justify-content: space-between;
      flex-direction: column;
      gap: 12px;
  }
  .marbles-edit h1 {
      font-size: 27px;
      line-height: inherit;
  }
  /* #finale-sec {
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(1, 1fr);
} */
  .e-services-page .container-1630,
  .e-services-page .container {
      max-width: 100% !important;
  }
  .cm-flex-layout .cm-img-part {
      width: 370px;
  }
}

@media screen and (max-width: 768px) {
  /* .topbar_flex {
padding: 10px 0px;
} */
  .image_div.image_div_inner {
      flex: 0 0 50%;
      max-width: 50%;
  }
  .image_gallery .image_div {
      flex: 0 0 50%;
      max-width: 50%;
  }
}

@media (min-width: 768px) {
  .plyr__captions {
      font-size: 18px;
      font-size: var(--plyr-font-size-large, 18px);
  }
}
@media (max-width: calc(768px - 1)) {
  .plyr__time + .plyr__time {
      display: none;
  }
}
@media (max-width: 768px) {
  .step-form-tabs a.nav-link {
      font-size: 14px;
  }
  form#frmAddReg .step-form-tabs li {
      width: 38%;
  }
  .touroperregistration .nav-tabs .nav-item a {
      width: 100% !important;
      /* margin-left: -45px!important; */
  }
  .touroperregistration .step-form-tabs li:nth-last-of-type(1) a {
      /* margin-left: -95px!important; */
  }

  .registration li.nav-item.tab-btn {
      width: 45%;
      flex: 0 0 45%;
  }
  .propertyreservationrequest .step-form-tabs li {
      margin-left: 0px;
  }
  .mediaregistrationnew .step-form-tabs li a {
      font-size: 9px;
  }
  .step-form-tabs a.nav-link {
      font-size: 12px !important;
      justify-content: center !important;
  }
  .log-brand img {
      max-width: 100%;
  }
  .mediaregistrationnew .step-form-tabs li a {
      font-size: 9px !important;
  }
  ul.nav.nav-tabs.step-form-tabs li a {
      font-size: 8px !important;
  }
  .themetable th,
  .themetable td {
      padding: 20px 12px;
  }
  .themetable th,  .themetable th span {
      font-size: 20px!important;
  }
}
@media (max-width: 767px) {
  .board-mem img {
      max-width: 100%;
      height: auto;
      width: 100%;
  }
  .board-mem h2 {
      font-size: 20px;
      line-height: 25px;
  }
  .board-mem-box img {
      width: 100%;
  }
  .board-mem-box h2 {
      font-size: 20px;
      line-height: 22px;
      width: 100%;
  }
  /*  */
  .marbles-edit-1.domes-cont2 img {
      height: 100%;
  }
  table.table-culture.table tr th {
      font-size: 24px;
  }
  table.table-culture.table tr td {
      font-size: 16px;
      padding-left: 20px;
  }
  section.ms-sec-2.hour-visit .ms-box {
      margin: 0 0px;
  }

  table.table-hour tr th {
      font-size: 19px;
      line-height: 23px;
  }

  table.table-hour tr td {
      font-size: 15px;
      line-height: 25px;
  }

  /*  */

  /*Contact Us  */
  .cont-flash p a {
      font-size: 14px;
  }

  .btn-contact a {
      padding-left: 169px;
      font-size: 12px;
  }

  .in-lab-1 label {
      width: 26%;
      margin-right: 0;
  }

  .btn-contact input {
      margin-right: 26px;
      width: 160px;
  }

  .cont-flash {
      padding-top: 0px;
  }

  .google-play.ab-map p a {
      font-size: 19px;
  }

  .google-play.ab-map p i {
      font-size: 22px;
      margin-right: 10px;
  }

  .gps.contact-padd {
      padding-top: 0px !important;
  }

  .cont-flash p img {
      margin-right: 0px;
  }

  /* Contact Us */

  /* holy-quran */

  .nubering-news.number-form .content-right.content-form .table td,
  .table th span img {
      width: 32px;
      height: 62px;
      margin-right: 5px;
  }

  .content-right.content-form audio {
      width: 262px;
  }

  /* holy-quran */

  .alery-box p {
      font-size: 11px;
      line-height: 19px;
  }

  .space-ight.jusoor {
      padding-top: 20px;
  }

  .ewan h1 {
      font: normal normal bold 20px/30px Philosopher;
      padding-top: 10px;
      text-align: center;
  }

  .ewan .marbles-edit {
      padding-left: 0px;
      padding-top: 30px;
      padding-bottom: 0px;
  }

  .ewan .sahan-edit.artwors {
      padding-left: 0px;
  }

  section.sec-archi-1.szmc {
      padding-top: 0px;
  }

  .serv-box p {
      width: 90%;
  }

  .serv-box {
      margin: auto;
      margin-bottom: 30px;
      height: auto;
  }

  section.sec-serv {
      padding: 40px 0;
  }

  /*CORPORATE SERVICES  */
  .tab-create ul {
      margin-bottom: 0;
  }

  .tour-op {
      width: 90%;
      margin: 0 auto;
      margin-bottom: 20px;
  }

  .tour-op-1 iframe {
      width: 90%;
      margin: 0 auto;
      margin-bottom: 20px;
  }

  .tour-op-1 {
      text-align: center;
  }

  .tour-left {
      width: 90%;
      margin: 0 auto;
      margin-bottom: 20px;
  }

  .col-f h4 {
      font-size: 12px;
  }

  .operators {
      padding-bottom: 30px;
      display: block;
      text-align: center;
  }

  .operators h1 {
      font-size: 20px;
      line-height: 63px;
      padding-right: 0px;
  }

  /*CORPORATE SERVICES end */

  /*Events & Activities */
  .exibition-edit img {
      height: auto;
  }

  .exibition-edit {
      text-align: center;
      padding-top: 20px;
  }

  .exibition-edit p {
      line-height: 24px;
  }

  .sec-event1 {
      padding: 20px 0 20px 0;
  }

  /*Events & Activities end  */

  /*HAPPINESS FORMULA  */
  .formula-happ-s5nd {
      justify-content: flex-start;
  }

  .happ-plus img {
      width: 7%;
  }

  .row.mean-happines.mean-happines2 {
      height: 50px;
  }

  .happ-plus {
      padding: 20px 0;
  }

  .happines h1 {
      font-size: 25px !important;
  }

  /*HAPPINESS FORMULA end */
  /*  */

  .poopup a img.youtube-icon {
      width: 70px;
  }

  .modal-footer.ab-footer button {
      top: -1px;
      right: -3px;
  }

  .adjustment iframe {
      width: 100%;
      height: 300px;
  }

  .modal-dialog.pnka {
      max-width: 100%;
  }

  /*  */
  /*  */
  .latest-news img {
      max-width: initial;
      height: auto;
      width: 100% !important;
      margin: 0 auto;
      padding-bottom: 20px;
  }

  .content h4 {
      font-size: 16px;
  }

  section.sec-news-1 {
      padding-top: 30px;
  }

  .nubering-news {
      padding-top: 30px;
  }

  .content {
      padding-left: 0px;
  }

  .latest-news {
      text-align: center;
  }

  .row.bor-top {
      border-top: none;
  }

  /*  */
  .minaret-page .sahan-edit-1 img {
      height: auto;
  }

  /*  chandeliers*/
  section.sec-sahan-1.chandeliers p {
      font-size: 15px;
      line-height: 29px;
  }

  section.sec-liners-1 .marbles-edit-1 img {
      height: auto !important;
  }

  section.sec-liners-1 {
      padding: 40px 0;
  }

  /* chandeliers */
  /*religious pro-3   */
  section.rp-sec-4.al-hakeem {
      padding-bottom: 20px;
  }

  .general-2-archi {
      padding-top: 10px;
  }

  /*religious pro-3  end  */

  /*religious pro-2  */

  .img-set.rp-heading img {
      left: -8%;
  }

  /* religious pro-2 end */
  /*sahan  */
  .sahan-edit-1 img {
      height: auto;
      padding-top: 20px;
  }

  section.sec-sahan-1 {
      padding-top: 20px;
  }

  /* sahan end */
  /*marble  */

  .row.marb {
      flex-direction: column-reverse;
  }

  .marbles-edit-1 img {
      height: auto;
  }

  .marbles-edit {
      padding-left: 20px;
      padding-top: 30px;
      padding-bottom: 20px;
  }

  /*m end  */

  section.section1 {
      height: 100%;
  }

  .section1 > .row {
      flex-direction: column-reverse;
  }

  .section1 > .row .col-md-7 {
      padding: 0;
  }

  .research-list {
      height: 63vw;
  }

  .research-list-overlay-title a {
      font-size: 22px;
  }

  .research-list-overlay p {
      font-size: 13px;
      line-height: 19px;
  }

  a.discover-link,
  .discover-link a {
      font-size: 11px;
  }

  .banner-box h3 {
      font-size: 12px;
  }

  .banner-box {
      height: 85px;
      flex: 0 0 17%;
  }

  section.section-2 {
      padding: 60px 0;
  }

  .overlay-visit {
      padding: 30px 40px;
  }

  .section-3 .images_wrap img {
      image-rendering: -webkit-optimize-contrast;
  }

  .sec4-bg {
      padding: 0 0 0 15px;
      height: 160px;
  }

  h1.s4-head,
  .trans-flex h3 {
      font-size: 21px;
      line-height: 13px;
  }

  .sec-5top-content h2,
  .my_sec_7_row1 h2,
  .my_sec_8_row1 h2,
  .my_sec_9_row1 h2 {
      font-size: 32px;
  }

  .s5-tab-content .images_wrap img {
      image-rendering: -webkit-optimize-contrast;
  }

  .s5_caption_txt h3 {
      font-size: 12px;
  }

  .s5_caption_txt h5 {
      font-size: 14px;
      line-height: 18px;
  }

  .s5_caption_txt {
      height: 85px;
      padding: 10px;
      margin-top: -45px;
  }

  .s5-btn a {
      padding: 12px 18px;
      font-size: 12px;
  }

  .s6-btn a {
      padding: 12px 18px;
      font-size: 12px;
  }

  /* .container-1420 {
        max-width: 92vw;
    } */

  .my_news_div_content a {
      font-size: 16px;
  }

  section.my_sec_7,
  section.my_sec_8,
  section.my_sec_9 {
      padding: 40px 0;
  }

  .my_grandm_div_text h2 {
      font-size: 16px;
  }

  .my_grandm_div_text h5 {
      font-size: 10px;
      line-height: 14px;
  }

  section.my_sec_9 {
      padding: 0 0 40px 0;
  }

  a.my_social_a img {
      height: 330px;
      margin-bottom: 10px;
  }

  a.my_social_a {
      height: 100%;
  }

  h3.sec-subhead {
      font-size: 26px;
      margin: 0;
  }

  .my_sec_7_row1 p {
      max-width: 500px;
      line-height: 21px;
  }

  .my_heighlight_content h3 {
      font-size: 20px;
      line-height: 25px;
      text-align: left;
  }

  .my_heighlight_content p {
      font-size: 14px;
      line-height: 22px;
  }

  .my_heighlight_readmore a {
      font-size: 14px;
  }

  .download-app h2 {
      font-size: 10px;
  }

  .download-app img {
      max-width: 60px;
  }

  .terms-privacy span {
      font-size: 13px;
  }

  .copyright p {
      font-size: 13px;
      line-height: 20px;
  }

  .footer-bottom {
      padding: 20px 0;
  }

  .music_player {
      max-width: 490px;
  }

  section.inner-banner h1 {
      font-size: 33px;
  }

  .ws-card-bottom h2 {
      font-size: 16px;
  }

  .ws-card-bottom {
      height: 60px;
  }

  .inner-page .position-right-box {
      top: 5%;
  }

  .friday-sermon .position-right-box {
      top: 10%;
  }

  .rp-box {
      height: 180px;
      padding: 0;
  }

  .rp-box p {
      font-size: 13px;
      line-height: 25px;
  }

  .rp-right {
      padding: 25px 20px 0 60px;
  }

  .rp-heading h1 {
      font-size: 27px;
  }

  .rp-right p {
      font-size: 14px;
      line-height: 24px;
  }

  .column-reverse {
      flex-direction: column-reverse;
  }

  .rp-row-2 .rp-right {
      padding: 25px 20px 0 60px;
  }

  section.rp-sec-center .fs-content p {
      padding: 0 50px;
  }

  .rp-sec6-bg-box {
      padding: 30px 40px;
  }

  h1.sp-sec6-head {
      font-size: 22px;
      margin-bottom: 10px;
  }

  .rp-sec6-bg-box p {
      font-size: 14px;
      line-height: 23px;
      margin-bottom: 10px;
  }

  .rp-right-bottom h3 {
      font-size: 15px;
  }

  .rp-sec6-row .rp-right-bottom a {
      font-size: 12px;
      margin-left: 10px;
  }

  .rp-sec6-row img {
      width: 100%;
  }

  .ms-sec-2 .rp-box {
      height: auto;
      padding: 20px 0;
      margin-top: 30px;
  }

  .rp-box p {
      font-size: 13px;
  }

  .religious-program .position-right-box {
      top: 10%;
  }

  .s-section .col-md-6 > img {
      height: 100%;
  }

  .s-right {
      padding: 20px;
  }

  .qoute-box {
      max-width: 500px;
      padding: 20px 25px 20px 50px;
  }

  span.quote-left {
      font-size: 25px;
      top: -9%;
  }

  span.quote-right {
      font-size: 25px;
      bottom: -14%;
  }

  .qoute-box p {
      font-size: 14px;
  }

  .getting-mosque .rp-heading img {
      left: -6%;
  }

  .gm-row-1 {
      margin-top: 25px;
  }

  .getting-mosque .s-right {
      padding: 0 10px 30px 30px;
  }

  .view-route h3 {
      font-size: 14px;
      margin-left: 10px;
  }

  .view-route img {
      max-width: 20px;
  }

  .cordinate-content {
      padding-top: 50px;
  }

  .hz-email-form input {
      font-size: 15px;
  }

  .all-banner .position-right-box {
      top: 50%;
  }

  .ws-card-rating img {
      max-width: 20px;
      margin-right: 3px;
  }

  .ws-card-rating span {
      font-size: 19px;
  }

  .ws-card-detail img {
      max-width: 60px;
  }

  .ws-card-detail {
      padding: 0;
  }

  a.ws-card-btn {
      width: 80px;
      height: 25px;
      line-height: 26px;
      font-size: 11px;
  }

  .c-t-img {
      height: auto;
  }

  .c-t-sec-4 .rp-heading img {
      left: -7%;
  }

  .e-g-sec .s-right {
      padding: 20px;
  }

  .g-a-formfields {
      padding: 0 20px;
  }

  .Enty_doc_list ul {
      margin-top: 20px;
  }

  .step-form-tabs a.nav-link {
      margin: 0;
  }

  .l-sec-1 .s-right {
      margin-bottom: 30px;
  }

  .pub-box h2 {
      font-size: 13px;
      line-height: 24px;
  }

  .pub-inner {
      padding: 40px 30px 20px 30px;
  }

  section.l-sec-1 {
      margin-top: 30px;
  }

  .a-t-l-main {
      padding: 140px 30px 20px;
  }

  .a-t-l-content img {
      max-width: 55px;
  }

  .a-t-l-content h3 {
      font-size: 17px;
      line-height: 23px;
  }

  .a-t-l-content p {
      font-size: 14px;
      line-height: 25px;
  }

  img.music-icon {
      max-width: 70px;
      top: 26%;
  }

  .pub-top h2 {
      font-size: 22px;
  }

  .a-t-l-pub-inner {
      padding: 30px 20px 10px 20px;
  }

  .pub-inner p {
      font-size: 14px;
      line-height: 27px;
  }

  h2.l-s-head {
      font-size: 20px;
      line-height: 20px;
  }

  .l-s-top-content p {
      font-size: 16px;
      line-height: 28px;
  }

  .l-s-service-box h2,
  .l-s-service-box a {
      font-size: 15px;
      margin-top: 25px;
      padding: 0 15px;
      line-height: 26px;
  }

  ul.search-list li {
      font-size: 14px;
      line-height: 23px;
      margin-bottom: 25px;
  }

  button.detail-btn {
      width: 120px;
      height: 35px;
      font-size: 12px;
      margin-bottom: 8px;
  }

  .pub-detail-content h2 {
      font-size: 13px;
      line-height: 20px;
  }

  .pub-detail-content h3 {
      font-size: 12px;
      line-height: 20px;
  }

  .pub-detail-content p {
      font-size: 12px;
      line-height: 21px;
  }

  section.publication-detail .container-1630 > .row {
      padding: 30px 0px 10px 20px;
  }

  h1.pub-mainhead {
      font-size: 22px;
      margin-bottom: 30px;
  }

  h2.d-m-subhead {
      font-size: 19px;
      margin-bottom: 3px;
  }

  .d-m-bottom h2 {
      font-size: 17px;
      line-height: 27px;
  }

  .s-p-service-box {
      padding: 50px 30px 20px;
  }

  .s-p-service-box ul li {
      font-size: 12px;
      line-height: 21px;
  }

  .s-p-img-head h1 {
      font-size: 18px;
  }

  section.s-p-sec-1 {
      padding: 70px 0 40px;
  }

  .b-m-content h3 {
      font-size: 13px;
  }

  .b-m-content h2 {
      font-size: 14px;
  }

  /*  */
  .structure p {
      font-size: 14px;
      line-height: 22px;
      text-align: center;
  }

  /*  */
  .about-banner-counter {
      flex-flow: wrap;
  }

  section.szgmc-banner {
      height: auto;
      padding: 30px 0;
  }

  .speech-1 {
      padding: 30px 30px 30px;
  }

  .speech-1 h1 {
      font-size: 20px;
  }

  .speech-1 p {
      font-size: 14px;
  }

  .speech img {
      width: 100%;
      height: 400px;
      object-fit: cover;
      object-position: top;
  }
  .board-mem img {
      max-width: 100% !important;
      height: auto !important;
      margin-left: 0% !important;
  }
  .site-content-main .col-12:last-child {
      margin-bottom: 0px;
  }
  .site-content-main .col-12 {
      margin-bottom: 25px;
  }
}
@media (max-width: 640px) {
  section.rp-sec-4.child-sec {
      padding-bottom: 0px;
      margin-top: 20px;
      text-align: center;
  }

  .child-sec .s-right a {
      margin-top: 20px;
      width: 100%;
      font-size: 12px;
  }
  section.rp-sec-4.child-sec {
      padding-bottom: 0px;
      margin-top: 20px;
      text-align: center;
  }

  .child-sec .s-right a {
      margin-top: 20px;
      width: 100%;
      font-size: 12px;
  }

  /*press-kit  */
  .press-content .rp-right-bottom h3 {
      font-size: 17px;
      line-height: 33px;
  }

  .pt-sec2-mainhead.Gallery img {
      width: 90px;
      opacity: 0.2;
  }

  .press-content .rp-right-bottom a {
      font-size: 16px;
      margin-left: 6px;
  }

  .press-content {
      padding: 50px 20px;
  }

  /*press-kit end  */
  /*  */
  .content h4 {
      line-height: 25px;
  }

  .news-heading .pt-sec2-mainhead h1 {
      font-size: 35px;
  }

  .news-heading .pt-sec2-mainhead img {
      width: 90px;
  }

  section.sec-news-1 {
      padding-top: 50px;
  }

  .latest-news img {
      width: 90%;
  }

  .content p {
      line-height: 21px;
  }

  .content .rp-right-bottom h3 {
      text-align: left;
  }

  /*  */
  .pools .sahan-edit.minart h1 {
      font-size: 30px !important;
      line-height: 34px;
  }

  .marbles-edit.Mihrab .h1-img h1 {
      line-height: 40px;
  }

  section.sec-liners-1 .marbles-edit h1 {
      font-size: 26px;
      line-height: 37px;
  }

  .sahan-edit.minart .Pulpit h1 {
      font-size: 30px !important;
      line-height: 37px;
  }

  /* column */
  img.archi-img.columns-img {
      width: 100%;
  }

  .col-logo .h1-img img {
      bottom: 0 !important;
      left: 0;
      top: unset;
  }

  /*column end  */
  /*  */
  .sahan-edit.minart h1 {
      font-size: 30px !important;
  }

  section.sec-marble-1.domes {
      padding-top: 0;
  }

  .sahan-edit.minart .h1-img {
      max-width: 210px !important;
  }

  /*  */
  /*sahan */
  .sahan-edit {
      padding-left: 0px;
      text-align: center;
  }

  .sahan-edit .h1-img {
      max-width: 380px !important;
  }

  /*  sahan end */
  /*  marble*/
  .marbles-edit h1 {
      font-size: 27px;
  }
  .img-part {
      width: 100%;
      float: none;
      padding: 30px;
  }

  .marbles-edit {
      padding-left: 0px;
      text-align: center;
  }

  .h1-img img {
      width: 70px;
      top: -6%;
      left: 0;
  }

  .h1-img {
      max-width: 90%;
      margin: 0 auto;
  }

  section.sec-marble-1 {
      padding-top: 40px;
  }

  /* marble */

  .my_heighlight {
      max-width: 60vw;
      height: 400px;
  }
  .resources-row .img-part {
      width: 100%;
      padding: 0px !important;
  }
  .resources-row:nth-child(even) .img-part {
      padding: 0px 0px 40px 0px !important;
      float: left;
      width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .form-bottom-tab {
      padding: 0px 15px;
  }
  .library .l-sec-1 a.l-btn {
      margin-top: 15px;
      text-align: center;
      /* width: 50%; */
      margin-left: 25%;
  }
  .a-t-l-inner h4 {
      width: 100%;
      text-align: center;
  }
  .r-a-abc-inner {
      display: flex;
      flex-direction: column;
      padding-left: 0;
      width: 100%;
      justify-content: center;
      align-items: center;
  }
  .a-t-l-inner {
      padding: 30px;
  }
  .tour-regisration-tab-new .step-form-tabs .nav-item {
      width: 100%;
  }
  .tour-regisration-tab-new li#to_contact_Click a {
      margin-left: 0 !important;
  }
  .regisration-tab-new .step-form-tabs li {
      width: 100%;
  }
  .regisration-tab-new a#en_ducmt_Click {
      margin-left: 0%;
  }
  .propertyreservationrequest-tab-new .step-form-tabs li {
      width: 100%;
  }
  .propertyreservationrequest-tab-new a#en_ducmt_Click1 {
      margin-left: 0;
  }
  .propertyreservationrequest-tab-new .form-content-box .form-group {
      flex: 0 0 100%;
  }
  .lost-tab-new .g-a-formfields.g-a-1 .form-group {
      flex: 0 0 100%;
  }
  .regisration-tab-new .form-content-box .form-group {
      flex: 0 0 100%;
  }
  .suggestionsform-tab-new .form-content-box .form-group {
      flex: 0 0 100%;
  }
  .mediaregistrationnew .step-form-tabs li {
      width: 100% !important;
      flex: 0 0 100% !important;
  }
  .step-form-tabs a.nav-link {
      font-size: 12px !important;
      justify-content: start !important;
  }
  .mediaregistrationnew .step-form-tabs li a {
      width: 100% !important;
      margin-left: 0% !important;
      font-size: 14px;
      text-align: left;
      justify-content: flex-start;
      padding: 20px;
  }
  .officialdelegatebooking .step-form-tabs li {
      width: 100% !important;
  }
  .officialdelegatebooking .step-form-tabs li a {
      font-size: 12px !important;
      margin: 0 !important;
      width: 100% !important;
      padding-left: 15px;
  }
  .g-a-formfields .g-a-1 {
      flex: 0 0 100%;
  }
  .officialdelegatebooking .form-bottom-tab .g-a-btn {
      margin-right: 0px !important;
      margin-left: 0px !important;
  }
  .g-a-formfields.g-a-1.changes > * {
      flex: 0 0 100%;
      text-align: left;
  }
  .g-a-1 label {
      font-size: 15px;
      line-height: 28px;
  }
  .form-bottom-tab {
      margin: auto !important;
      text-align: center;
      margin: auto;
      justify-content: center;
  }
  .file-choose .form-group input[type="file"] {
      background: transparent;
      padding: 15px !important;
      font-size: 13px;
      height: 54px;
  }
  .file-choose {
      padding: 0 15px;
  }
  .propertyreservationrequest .step-form-tabs li {
      margin-left: 0px !important;
      width: 100 !important;
      flex: 0 0 100% !important;
  }
  .propertyreservationrequest .step-form-tabs li:last-child a {
      margin-left: -30px;
  }
  .propertyreservationrequest .step-form-tabs li:last-child a {
      margin-left: 0px;
  }
  /* .individualbookingNew tbody.tblIngredient th, .individualbookingNew tbody.tblIngredient td {
width: 150px!important;
}
.individualbookingNew tbody.tblIngredient tr {
display: flex;
} */
  /* .individualbookingNew  .table thead th {
width: 150px!important;
} */
  /* .individualbookingNew .table thead th {
width: 150px!important;
padding-bottom: 10px;
} */
  table#individualbooking th {
      display: revert;
      /* width: 100px!important; */
  }
  table#individualbooking div.form-group select,
  div.form-group input {
      font-size: 15px;
      width: 100% !important;
  }
  /* table#individualbooking .form-group {
width: 215px!important;
} */
  ul.my_dropdown {
      width: 100% !important;
  }
  .registration li.nav-item.tab-btn {
      width: 100%;
      flex: 0 0 100%;
  }
  .registration .step-form-tabs li {
      margin-left: 0px !important;
  }
  .step-form-tabs li a {
      justify-content: flex-start !important;
  }
  .touroperregistration .nav-tabs .nav-item {
      flex: 0 0 100%;
  }
  .touroperregistration .step-form-tabs li:nth-last-of-type(1) a {
      margin-left: 0px !important;
  }
  .touroperregistration .nav-tabs .nav-item a {
      margin-left: 0px !important;
  }
  .g-a-formfields.entity_btwn.g-a-1.changes .form-group {
      flex: 0 0 100%;
  }
  .mediaregistrationnew .step-form-tabs li a {
      font-size: 12px !important;
  }
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-1630 {
      max-width: 100% !important;
  }
  .flex-layout-left ol {
    padding-left: 20px;
}
  #exampleModalnew .modal-dialog {
      margin-top: 35%;
  }
  ul.nav.nav-tabs.step-form-tabs li a {
      font-size: 14px !important;
  }
  .form-content-box .form-group {
      flex: 0 0 100%;
  }
  .g-a-btn:first-child {
      background: white;
      border-color: var(--primary);
      color: var(--primary);
      margin-right: 0;
  }
  .form-bottom-tab .g-a-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      /* margin: 0px 0px 15px 0px!important; */
      flex: 0 0 100%;
      width: 100%;
  }
  .g-a-registration .g-a-btn {
      margin: 0px 0px 15px 0px !important;
  }
  .themetable th,  .themetable th span {
      font-size: 14px!important;
  }
  table {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
  }
  .themetable th span {
      display: block;
  }
  .themetable th img {
      width: 25px !important;
      height: 25px !important;
      margin-right: 0px !important;
  }
  .tab-culure1 table tr:nth-child(2) th {
      padding: 10px !important;
  }
  .form-bottom-tab i {
      padding-top: 4px;
  }
  .themetable th,
  .themetable td {
      border: 2px solid #fff;
  }
  .cordinate-content.cor-gps {
      text-align: center;
  }

  .od-inner-sec .pt-box h4 {
      font-size: 10px;
  }
  .registration.g-a-registration input {
      width: 100%;
  }
  ul.side-nav-list {
      padding: 40px 20px;
  }
  .cm-flex-layout .cm-img-part {
      width: 100%!important;
      padding: 0px 0px 35px 0px!important; 
  }
}
@media screen and (max-width: 576px) {
  .hirji-calendar-main-page .text-sec h3 {
    font-size: 22px;
}
  .manners-allow {
      max-width: 100%;
      margin-left: 0%;
  }
  .banner-head h1,
  .banner-right-content h1 {
      font-size: 27px;
      line-height: inherit;
      max-width: 100%;
  }
  .player-sechead h2 {
      font-size: 27px;
      line-height: inherit;
      max-width: 100%;
      padding-bottom: 15px;
  }
  .sec-5top-content h2,
  .my_sec_7_row1 h2,
  .my_sec_8_row1 h2,
  .my_sec_9_row1 h2 {
      font-size: 27px !important;
  }
  /* .sidebar-menu { 
        top: 35%;
    } */
  .position-right-box {
      width: 140px !important;
      padding: 10px 5px 0px 14px !important;
      top: 45% !important;
      background: #0000008c;
  }
  .next-prayer h3 {
      font-size: 10px !important;
  }
  ul.right-box-list li img {
      max-width: 24px;
  }
  /*.position-right-box-new {*/
  /*    top: 20%!important;*/
  /*}*/
}
@media (max-width: 575px) {
  #fotter-contact {
      text-align: center;
  }
  #fotter-contact a {
      justify-content: center;
  }
  .r-a-abc-inner {
      padding-left: 0 !important;
  }
  section.rp-sec-4.child-sec a {
      width: 190px;
  }
  .box-img {
      width: 80px;
      height: 80px;
      top: -11%;
  }

  .box-trans p {
      font-size: 13px;
      line-height: 22px;
  }

  .box-trans h2 {
      font-size: 24px;
      line-height: 29px;
  }

  /*Transportation */

  /*  */
  table.table-hour tr th {
      font-size: 16px;
      padding: 20px 0 20px 5px;
      line-height: 20px;
  }

  table.table-hour tr td br {
      display: none;
  }

  .visti-hour-2 h1, .visti-hour-2 h1 span {
      font-size: 18px!important;
      line-height: 25px;
  }

  table.table-hour tr td {
      font-size: 12px;
      line-height: 19px;
  }

  table.table-hour tr th {
      font-size: 14px;
      padding: 20px 0 20px 0px;
      line-height: 18px;
  }

  section.sec-3-hour {
      margin: 10px 0;
      padding: 10px 0;
  }

  /*  */

  /*  */
  .change-text .btn-contact input {
      margin-right: 0px;
      width: 50%;
      height: 48px;
  }

  .change-text .btn-contact button {
      width: 50%;
      height: 52px;
      font-size: 19px;
  }

  section.sec-1-sugges {
      margin: 50px 0px 50px 15px;
  }

  .check-suggest label {
      margin-right: 7px;
      margin-left: 1px;
      font-size: 15px;
  }

  .check-suggest input {
  }

  section.sec-1-sugges p {
      padding: 10px 0;
      font-size: 11px;
      line-height: 20px;
  }

  .change-text {
      padding-top: 15px;
  }

  .input-suggest input {
      width: 100%;
      height: 50px;
  }

  div.upload {
      width: 100%;
      height: 50px;
  }

  .uploadButton {
      width: 52%;
      height: 47px;
      margin-right: 4px;
  }

  .fileName {
      font-size: 11px;
  }

  section.sec-1-sugges h1 {
      font-size: 27px;
      line-height: 35px;
  }

  section.sec-1-sugges {
      margin: 30px 0px 30px 15px;
      padding: 40px 0;
  }

  /*  */
  /*Contact Us  */
  .sec-1-contact {
      padding: 0px 15px;
  }

  .in-lab input {
      width: 100%;
      margin-bottom: 0px;
  }

  .in-lab label {
      font-size: 16px;
      width: 100%;
  }

  .in-lab-1 label {
      width: 100%;
  }

  .in-lab-1 {
      display: block;
  }

  .btn-contact a {
      padding-left: 0;
      font-size: 12px;
      text-align: left;
  }

  .btn-contact input {
      margin-bottom: 30px;
  }

  section.road-map.ab-map {
      text-align: center;
  }

  .h1-road h1 {
      font-size: 30px;
  }

  .road-map.ab-map .route-map-row {
      margin-top: 20px;
  }

  /*Contact Us  */
  /*holy-quran */
  /* .content-right.content-form .table td,
    .table th {
        border-top: none;
        padding-bottom: 30px;
        display: initial;
        flex-direction: column;
    } */

  section.sec-1-holy {
      padding-top: 40px;
  }

  h1.pt-mainhead {
      font-size: 30px;
  }

  .content-right.content-form audio {
      width: 98%;
  }

  /* .nubering-news.number-form .p-my-pagination li:first-child {
        margin-right: 0px;
    } */

  .nubering-news.number-form .p-my-pagination li:last-child {
      margin-left: -13px;
  }

  /*holy-quran */

  /*CORPORATE SERVICES  */
  .tour-op {
      width: 100%;
      margin: 0 auto;
      margin-bottom: 20px;
  }

  .tour-op-1 iframe {
      width: 100%;
      margin: 0 auto;
      margin-bottom: 20px;
  }

  .right-content {
      padding-top: 10px;
  }

  .operators h1 {
      font-size: 22px !important;
      line-height: 26px;
      padding-right: 0px;
      padding-top: 30px;
      padding-bottom: 10px;
  }

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

  .tour-left {
      width: 100%;
      margin: 0 auto;
      margin-bottom: 20px;
  }

  .bg-num {
      width: 33px;
      height: 44px;
      background-repeat: no-repeat;
      background-size: cover;
      line-height: 34px;
      text-align: center;
      margin: 0 auto;
  }

  .col-f h4 {
      font-size: 13px;
      line-height: 18px;
  }

  .bg-num span {
      font-size: 15px;
  }

  /*CORPORATE SERVICES end */
  /*HAPPINESS FORMULA  */
  .formula-happ img {
      width: 20%;
  }

  .formula-happ-s5nd ul li {
      font-size: 12px;
  }

  .happines {
      padding: 0 7px;
  }

  .formula-headng h2 {
      font: normal normal bold 16px/10px Philosopher;
  }

  .happines h1 {
      font-size: 20px !important;
      line-height: 25px;
  }

  /*HAPPINESS FORMULA end */
  /*  */
  .boxis {
      padding: 20px 10px;
      flex: 0 0 100%;
  }

  .tab-create {
      margin-right: 15px;
      padding-left: 15px;
  }

  /*  */
  /*press-kit  */
  section.sec-1-press-kit {
      padding: 40px 20px;
      text-align: center;
  }

  .poopup a img.youtube-icon {
      width: 50px;
  }

  .pt-sec2-mainhead h1 {
      font-size: 32px;
      line-height: 27px;
  }

  .press-content {
      padding: 50px 20px;
  }

  .press-content .rp-right-bottom h3 {
      font-size: 15px;
      line-height: 33px;
      text-align: center;
  }

  .press-content .rp-right-bottom a {
      font-size: 18px;
      margin-left: 0;
      display: flex;
      width: 100%;
      justify-content: center;
  }

  section.sec-1-press-kit h2 {
      font-size: 17px;
      line-height: 23px;
  }

  section.sec-1-press-kit h4 {
      font-size: 15px;
      line-height: 23px;
  }

  .abtn a.fs-btn {
      width: 150px;
      height: 50px;
      line-height: 50px;
  }

  .press-content p {
      font-size: 16px;
      line-height: 30px;
      text-align: center;
  }

  .press-content .rp-right-bottom a:hover i {
      display: flex;
      align-items: center;
  }

  /*press-kit end  */
  /**/
  .marbles-edit.col-logo {
      padding-top: 0;
  }

  .Hijri-Calendar .rp-right-bottom a {
      font-size: 10px;
  }

  .rp-right-bottom h3 {
      font-size: 10px;
      line-height: 20px;
  }

  .Hijri-Calendar .pt-sec2-mainhead img {
      width: 90px;
  }

  .calender-img.fs-content img {
      padding-bottom: 20px;
      padding-top: 20px;
  }

  .Hijri-Calendar .fs-content p {
      max-width: 100%;
  }

  /**/
  /*  */
  .sahan-edit.minart h1 {
      font-size: 30px !important;
  }

  /*  */

  /* archi */
  .general-archi {
      text-align: center;
  }

  .general-2-archi {
      text-align: center;
  }

  img.archi-img {
      float: none;
      width: 100%;
      padding-left: 0;
      padding-bottom: 20px;
  }

  .general-2-archi {
      padding-top: 0;
  }

  /* achi end */

  ul.side-nav-list li {
      padding: 12px 0px;
  }

  /* a.scroll-top {
        right: 5%;
    } */

  .header .header-row {
      flex-direction: row-reverse;
  }

  .header-row > .col-lg-2 {
      padding-left: 0;
  }

  ul.nav-list {
      justify-content: flex-end;
  }

  .searchbar {
      margin: 0;
  }

  .top-social {
      flex: 0 0 100%;
      margin: 0;
      margin-bottom: 10px;
      padding: 0;
      border: none;
      text-align: center;
      display: none;
  }
  .logins.bk-vst-btn {
      display: none;
  }

  .topbar_flex {
      justify-content: space-between;
  }

  .log-brand img {
      max-width: 100%;
  }

  .research-list {
      height: 60vh;
  }

  .research-list-overlay-title a {
      font-size: 16px;
  }

  .research-list-overlay p {
      font-size: 12px;
      line-height: 16px;
      margin-bottom: 3px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
  }

  a.discover-link,
  .discover-link a {
      font-size: 9px;
      line-height: 15px;
  }

  .position-right-box {
      width: 140px;
      padding: 10px 5px 0px 14px;
      top: 0.9%;
  }

  .research-list-overlay {
      padding: 0 10px;
  }

  /* .top-bar {
        padding: 12px 20px;
    } */

  .banner-hover-list {
      margin-top: 20px;
  }

  .banner-box {
      flex: 0 0 21%;
      height: 77px;
  }

  .banner-box img {
      height: 20px!important;
      width: 20px!important;
  }

  .banner-box h3 {
      font-size: 10px;
  }

  .count_dw_col {
      margin: 0 auto;
  }

  .banner-right-content {
      text-align: center;
      padding: 50px 20px 0px 20px;
  }

  /* .container-1630 {
        max-width: 98vw;
    } */

  .alery-box {
      margin: 0 auto;
      margin-top: 20px;
  }

  .banner-subhead h3,
  .banner-right-content strong {
      font-size: 14px;
  }

  section.section-2 {
      padding: 20px 0 50px 0;
  }

  .bx_pln_itm {
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 30px;
      height: auto;
  }

  .bx-visit:before {
      width: 89%;
  }

  .bx-visit:after {
      max-width: 100%;
  }

  .bx_pln_itm h3 {
      font-size: 20px;
  }

  .bx_pln_itm p {
      font-size: 15px;
      line-height: 23px;
  }

  button.s2-btn,
  .bx_pln_itm a {
      font-size: 16px;
  }

  .player-sechead h2 {
      font-size: 22px;
      max-width: 300px;
      line-height: 30px;
      margin: 0 auto;
  }

  .section-3 .images_wrap img {
      max-width: 94%;
  }

  .add-bottom {
    display: block;
    max-width: 80%;
    margin: auto;
}

  .music_picture {
      flex: 0 0 auto!important;
      max-width: 100%!important;
  }
  .music_picture img {
    width: 100%;
  }
  .music-layers {
    height: 25px;
    background-size: contain!important;
    margin: 10px 0px;
  }
  span#npAction2 {
      font-size: 14px;
      line-height: 20px;
  }

  div#nowPlay {
      text-align: center;
      margin-top: 20px;
  }

  h2.qirat {
      margin-top: 10px;
  }

  #mainwrap {
      flex: 0 0 90%;
      max-width: 90%;
  }

  .plyr__time--current {
      left: 18.7%;
  }

  .sec4-bg {
      justify-content: center;
      align-items: center;
      padding: 0;
  }

  h1.s4-head,
  .trans-flex h3 {
      font-size: 23px;
      margin-bottom: 15px;
  }

  button.sec4-btn {
      height: 40px;
  }

  .sec-5top-content h2,
  .my_sec_7_row1 h2,
  .my_sec_8_row1 h2,
  .my_sec_9_row1 h2 {
      font-size: 27px;
  }

  .s5-tab-list li a {
      margin-bottom: 20px;
  }

  .s5-tab-content {
      margin: 0;
  }

  .s5_caption_txt {
      padding: 14px;
      height: 100px;
      margin-top: -50px;
  }

  .s5_caption_txt h5 {
      font-size: 17px;
      line-height: 22px;
  }

  .my_news_div_content a {
      font-size: 17px;
      max-width: 250px;
  }

  .my_news_div_content a i.fa {
      position: absolute;
      right: 6%;
      top: 50%;
      transform: translateY(-50%);
  }

  .my_news_div_content a:hover i {
      right: 12%;
  }

  .my_news_div.my_news_div_half {
      width: 100%;
  }

  .sec_6_bottom_box > div {
      flex: 0 0 100%;
      max-width: 100%;
      text-align: center;
  }

  .my_news_repeat_content a {
      left: 50%;
      transform: translateX(-50%);
  }

  h3.sec-subhead {
      font-size: 22px;
  }

  .my_sec_7_row1 p {
      max-width: 320px;
      line-height: 21px;
  }

  .section-6 {
      padding-bottom: 60px;
  }

  .my_heighlight {
      max-width: 330px;
      height: 375px;
  }

  .my_sec_7 .slick-slide.slick-current.slick-active {
      text-align: center !important;
  }

  .my_grandm_div_text h5 {
      font-size: 13px;
  }

  .my_grandm_div_text h2 {
      font-size: 22px;
      margin-top: 6px;
  }

  .my_social_row .col-md-3 h2 {
      text-align: center;
      font-size: 18px;
      margin-bottom: 20px;
  }

  .my_social_link {
      display: block;
      margin-bottom: 11px;
      padding: 0 7px;
  }

  a.my_social_a img {
      height: auto;
      margin-bottom: 20px;
  }

  .my_social_row .col-md-3:first-child {
      margin-bottom: 25px;
  }

  section.my_sec_9 {
      padding: 0 15px 40px 15px;
  }

  .foot-center h1 {
      text-align: center;
      font-size: 30px;
  }

  .footer-col-1 {
      order: 1;
  }

  .foot-content h1 {
      text-align: center;
  }

  .foot-content {
      text-align: center;
  }

  .foot-brand {
      text-align: center;
  }

  .foot-bottom-row {
      text-align: center;
  }

  .foot-social {
      text-align: center;
      margin-top: 20px;
  }

  h2.right-boxhead {
      text-align: center;
      font-size: 10px;
  }

  .flex.prayer-time img {
      height: 35px;
  }

  .flex.prayer-time h2 {
      font-size: 10px;
  }

  .left-position-icons .pos-icon {
      width: 35px;
      height: 35px;
  }

  .left-position-icons .pos-icon img {
      height: 17px;
  }

  .foot-content p {
      margin: 0 auto !important;
  }

  section.inner-banner h1 {
      font-size: 30px;
  }

  section.inner-banner {
      height: 200px;
  }

  .breadcrumbs ul li a {
      font-size: 12px;
  }

  .breadcrumbs ul li a i {
      margin: 0 6px;
  }

  .breadcrumbs ul li a img {
      max-width: 16px;
  }

  .breadcrumbs {
      padding-top: 25px;
  }

  .ws-card-bottom {
      height: 70px;
  }

  .ws-card-bottom h2 {
      font-size: 19px;
  }

  .pt-box h4 {
      font-size: 11px;
      max-width: 90px;
  }

  .pt-sec2-mainhead h1 {
      font-size: 35px;
  }

  .inner-page .position-right-box {
      top: 2.2%;
  }

  .fs-content p {
      max-width: 100%;
      font-size: 14px;
  }

  .fs-content {
      padding: 20px;
  }

  a.fs-btn {
      width: 160px;
      height: 40px;
      line-height: 40px;
      font-size: 11px;
  }

  section.pt-sec-2 {
      padding-bottom: 30px;
  }

  .inner-page .position-right-box {
      top: 3.2%;
  }

  .mosque-manners .position-right-box {
      top: 3.2%;
  }

  .ms-box p {
      font-size: 13px;
      line-height: 21px;
  }

  /* .ms-box {
        height: 150px;
    } */

  .dress-code-box ul li a {
      font-size: 15px;
      line-height: 22px;
  }

  .ms-right {
      text-align: right;
      width: 100%;
  }

  .manners-box img {
      height: 250px;
      padding: 0 10px;
      margin-bottom: 30px;
  }

  .allowed-top {
      padding: 8px 15px;
  }

  .allowed-top img {
      max-width: 28px;
  }

  .ms-silence-box img {
      max-width: 30px;
  }

  .ms-silence-box h2 {
      font-size: 13px;
  }

  .ms-silence-box {
      margin-bottom: 15px;
      flex: 0 0 50%;
  }

  section.rp-sec-3 {
      padding: 50px 20px;
  }

  .rp-right {
      padding: 20px 10px;
  }

  .rp-heading h1 {
      font-size: 24px;
      text-align: center;
  }

  .rp-right p {
      padding: 0;
      text-align: center;
  }

  .rp-heading {
      max-width: 250px;
      margin: 0 auto;
  }

  .rp-heading img {
      width: 60px;
      bottom: -5%;
      left: -10%;
  }

  section.rp-sec-4 {
      margin-top: 40px;
      padding: 0 20px;
  }

  .rp-row-2 .rp-right {
      padding: 20px 10px;
  }

  .rp-right-bottom h3 {
      text-align: center;
  }

  .rp-right-bottom a {
      margin-left: 10px;
  }

  section.pt-sec-2 {
      margin-top: 30px;
  }

  section.rp-sec-center .fs-content p {
      padding: 0 5px;
      text-align: center;
  }

  section.rp-sec-center .fs-content p {
      padding: 0 5px;
      text-align: center;
  }

  section.rp-sec-5 {
      padding: 20px 20px;
  }

  section.rp-sec-6 {
      padding: 50px 20px 80px 20px;
  }

  .rp-sec6-bg-box {
      padding: 20px 20px;
  }

  h1.sp-sec6-head {
      text-align: center;
      font-size: 19px;
      margin-bottom: 8px;
  }

  .rp-sec6-bg-box p {
      text-align: center;
  }

  .rp-right-bottom h3 {
      font-size: 14px;
  }

  .religious-program .position-right-box {
      top: 7%;
  }

  .s-right p {
      text-align: center;
      flex-direction: column;
  }
  .s-right span {
      margin-top: 10px;
  }

  h1.v-center {
      text-align: center;
  }

  .qoute-box p {
      line-height: 22px;
  }

  .qoute-box {
      max-width: 100%;
      margin: 0 30px 60px 30px;
      padding: 30px 25px 30px 30px;
  }

  span.quote-left {
      top: -5%;
      left: 5%;
      font-size: 20px;
  }

  span.quote-right {
      font-size: 20px;
      bottom: -7%;
      right: 5%;
  }

  .services .position-right-box {
      top: 6.2%;
  }

  .getting-mosque .rp-heading img {
      left: 3%;
  }

  .gm-row-1 {
      text-align: center;
  }

  .getting-mosque .s-right {
      padding: 0 10px 30px 10px;
  }

  .gm-row-1 .col-sm-2 img {
      max-width: 80px;
      margin-bottom: 15px;
  }

  .gm-row-1 .col-sm-10 {
      padding: 0;
  }

  .route-map {
      margin-bottom: 25px;
  }

  .view-route h3 {
      font-size: 15px;
  }

  .view-route img {
      max-width: 23px;
  }

  .cordinate-content {
      text-align: center;
      padding-top: 20px;
  }

  .hz-email-form input {
      font-size: 14px;
  }

  .gps {
      text-align: center;
  }

  section.road-map {
      padding-bottom: 45px;
  }

  .cordinates h1.pt-mainhead {
      font-size: 22px;
  }

  .getting-mosque .position-right-box {
      top: 4.2%;
  }

  .all-banner .position-right-box {
      top: 40%;
  }

  .ws-card-detail img {
      max-width: 70px;
  }

  a.ws-card-btn {
      width: 85px;
      height: 28px;
      line-height: 28px;
      font-size: 12px;
  }

  .mosque-manners-2 .ms-box {
      height: auto;
      padding: 30px;
  }

  section.vh2-sec-3 {
      margin-top: 60px;
  }

  h1.table-mainhead {
      font-size: 19px;
      line-height: 28px;
  }

  .vh2-col {
      padding: 30px 18px 25px 18px;
  }

  .table-head h2 {
      font-size: 16px;
  }

  .table-content h3 {
      font-size: 14px;
      line-height: 25px;
  }

  .table-footer h2 {
      font-size: 14px;
      line-height: 22px;
  }

  .vh2-big-col h1 {
      font-size: 20px;
      line-height: 27px;
  }

  .e-g-sec .s-right {
      padding: 10px;
  }

  .faq-head h3 {
      font-size: 14px;
      line-height: inherit;
      max-width: 100%;
  }
  
  .faq-content p {
      padding: 20px 15px;
      font-size: 13px;
      line-height: 20px;
  }

  .faq-card {
      margin-bottom: 10px;
  }

  section.faqs-sec {
      padding-bottom: 30px;
  }

  .pt-box-wrapper {
      padding: 30px 15px;
  }

  .g-a-form-content .g-a-formhead {
      text-align: center;
  }

  .g-a-formfields .g-a-1 {
      flex: 0 0 100%;
  }

  .g-a-formfields {
      flex-flow: wrap;
  }

  .g-a-1 .form-group {
      margin-bottom: 20px;
  }

  .form-content-box {
      padding: 30px;
  }
  .form-content-box-instruction form {
      padding: 30px;
  }

  .form-bottom-tab {
      text-align: center;
      margin-top: 20px;
  }

  section.g-a-registration {
      padding: 40px 0 60px 0;
  }

  .g-a-formfields {
      padding: 0;
  }

  .my-tab-2 .g-a-1 label {
      text-align: center;
      font-size: 14px;
      line-height: 21px;
  }

  .g-a-row {
      padding: 0;
  }

  .Enty_doc_list ul {
      justify-content: center;
      margin-top: 20px;
  }

  p.terms-condition {
      font-size: 14px;
      line-height: 21px;
      text-align: center;
  }

  .my-tab-2 .g-a-btn:nth-child(2) {
      margin: 0;
  }

  .g-a-btn {
      margin-bottom: 20px;
  }

  .my-tab-2 .g-a-1 .form-group {
      text-align: center;
  }

  .e-services-page .breadcrumbs .container-1630 {
      padding: 0 15px;
  }

  .e-services-page section.inner-banner h1 {
      line-height: 39px;
  }

  .step-form-tabs a.nav-link {
      font-size: 14px;
      padding: 26px 60px;
      width: 100%;
      margin: 0;
      justify-content: center;
  }

  .custom-check input[type="checkbox"] + p::before {
      left: -15px;
  }

  .l-sec-1 .s-right {
      padding: 0;
      text-align: center;
  }

  section.rp-sec-4 {
      margin-top: 20px;
  }

  h1.l-mainhead {
      font-size: 28px;
  }

  section.l-publication {
      padding-top: 50px;
  }

  .pub-top h1 {
      font-size: 25px;
  }

  .pub-box img {
      max-width: 150px;
  }

  .pub-box h2 {
      font-size: 14px;
  }

  .pub-arrow .slick-arrow i {
      font-size: 12px;
      -webkit-text-stroke: 1px #fff;
  }

  .lib-service-main {
      padding: 40px 15px;
  }

  .lib-whitebox p {
      text-align: center;
  }

  a.l-btn {
      /* width: 140px; */
      /* line-height: 40px;
        height: 40px; */
  }

  .res-bg-main a.l-btn {
      /* width: 170px; */
  }

  .a-t-l-main {
      padding: 80px 20px 10px;
  }

  .a-t-l-content img {
      max-width: 55px;
  }

  .a-t-l-content h3 {
      font-size: 15px;
      line-height: 21px;
  }

  .a-t-l-content p {
      font-size: 13px;
      line-height: 23px;
  }

  img.music-icon {
      max-width: 60px;
      top: 14%;
  }

  .pub-top h2 {
      font-size: 22px;
  }

  .a-t-l-pub-inner {
      padding: 30px 20px 10px 20px;
  }

  .pub-inner p {
      font-size: 14px;
      line-height: 27px;
  }

  .library-page .breadcrumbs .container-1630 {
      padding: 0 15px;
  }

  .a-t-l-main {
      padding: 80px 20px 10px;
  }

  .a-t-l-content h3 {
      font-size: 14px;
      line-height: 21px;
      margin: 12px 0 10px 0;
  }

  .a-t-l-content p {
      font-size: 13px;
      line-height: 23px;
  }

  img.music-icon {
      max-width: 60px;
      top: 14%;
  }

  .pub-top h2 {
      padding: 0;
      text-align: center;
  }

  .pub-inner p {
      flex: 0 0 100%;
      text-align: center;
  }

  .a-t-l-inner p span:first-child {
      margin-right: 15px;
  }

  .a-t-l-inner p span {
      font-size: 16px;
      line-height: 25px;
  }

  .a-t-l-inner2 h3 {
      text-align: center;
  }

  .a-t-l-list p {
      font-size: 14px;
      line-height: 24px;
  }

  .a-t-l-inner {
      height: 300px;
  }

  .resource-box {
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding: 30px 20px;
  }

  .resource-box img {
      max-width: 60px;
  }

  .res-box-content h2 {
      font-size: 17px;
      line-height: 23px;
  }

  .res-box-content p {
      font-size: 14px;
      line-height: 25px;
  }

  .res-icon-list {
      flex-direction: column;
      margin: 40px 0;
  }

  /* section.resources-sec2 .container-1630 {
        max-width: 90vw;
    } */

  .l-s-top-content {
      text-align: center;
  }

  .l-s-top-content p {
      font-size: 14px;
      line-height: 25px;
  }

  h2.l-s-head {
      text-align: center;
  }

  .l-s-service-box h2,
  .l-s-service-box a {
      font-size: 17px;
      line-height: 27px;
  }

  .search-main {
      padding: 30px 20px 50px;
  }

  img.search-img {
      max-width: 80px;
      top: -3.1%;
  }

  h1.search-head {
      font-size: 17px;
  }

  ul.search-list li {
      line-height: 24px;
      margin: 0;
      padding-bottom: 30px;
  }

  section.search-sec {
      padding: 60px 0;
  }

  ul.search-list li span:first-child {
      width: 15px;
  }

  ul.search-list li span:last-child {
      width: calc(100% - 15px);
      float: right;
  }

  .publication-top-form > div {
      flex: 0 0 100%;
  }

  .publication-top-form input {
      width: 100%;
  }

  .publication-top-form .form-group {
      margin-bottom: 5px;
  }

  .p-search-btn {
      margin-top: 10px;
  }

  /* section.publication-sec1 .container-1630 {
        width: 85vw;
    } */

  .publication-books .pub-box {
      margin-bottom: 50px;
  }

  .publication-top-form .form-group i {
      right: 6%;
  }

  .p-my-pagination li {
      width: 30px;
      height: 30px;
      line-height: 30px;
  }

  .p-my-pagination li a {
      font-size: 15px;
  }

  .p-my-pagination li a i {
      font-size: 10px;
  }

  /* .p-my-pagination li:first-child {
        line-height: 27px;
    } */

  .p-my-pagination li:last-child {
      line-height: 27px;
  }

  .detail-book img {
      max-width: 220px;
      margin: 0 auto;
  }

  .detail-book {
      text-align: center;
  }

  section.publication-detail .container-1630 > .row {
      padding: 30px 15px 10px 15px;
      text-align: center;
      margin: 0 10px;
  }

  button.detail-btn {
      width: 130px;
      height: 40px;
      font-size: 13px;
  }

  .pub-detail-content {
      padding-top: 20px;
  }

  .pub-detail-content h2 {
      font-size: 15px;
      line-height: 24px;
  }

  .pub-detail-content h3 {
      font-size: 13px;
  }

  .pub-detail-content p {
      padding: 0;
      font-size: 13px;
      line-height: 24px;
      margin-top: 20px;
  }

  h1.pub-mainhead {
      font-size: 20px;
  }

  .related-pub .pub-next {
      right: 20px;
  }

  .related-pub .pub-prev {
      left: 20px;
  }

  .pub-detail-content {
      padding-left: 0;
  }

  img.c-s-img {
      max-width: 100%;
      padding-right: 0;
      padding-bottom: 30px;
  }

  h1.c-s-mainhead {
      font-size: 16px;
      line-height: 24px;
  }

  section.chairman-speech {
      padding: 0px 0 30px 0;
  }

  p.c-s-text {
      text-align: center;
      word-break: normal;
  }

  .a-s-banner .banner-heading {
      max-width: 100%;
      font-size: 20px;
      line-height: 25px;
  }


  h2.d-m-subhead {
      text-align: center;
  }

  .d-m-bottom h2 {
      text-align: center;
      font-size: 16px;
      line-height: 25px;
  }

  .d-m-bottom {
      text-align: center;
  }

  .d-m-bottom button {
      width: 200px;
      height: 57px;
      line-height: 57px;
      font-size: 13px;
  }

  .pt-sec2-mainhead h1 {
      font-size: 20px;
      line-height: 27px;
  }

  .s-p-img-head {
      padding: 0 20px;
  }

  section.s-p-sec-1 {
      padding: 60px 20px 40px;
  }

  .s-p-service-box ul li {
      font-size: 13px;
      line-height: 22px;
  }

  .s-p-service-box {
      padding: 50px 25px 20px;
  }

  .b-m-content {
      min-height: 100px;
  }

  .b-m-content h3 {
      font-size: 14px;
  }

  .b-m-content h2 {
      font-size: 17px;
      line-height: 22px;
  }

  .board-member-box {
      max-width: 300px;
      margin: 0 auto 30px;
  }

  section.b-m-sec1 {
      padding: 40px 10px 20px;
  }

  /*  */
  .structure {
      padding: 0 20px;
  }

  /*  */
  section.szgmc-banner {
      height: auto;
  }

  .txt-content p {
      font-size: 15px;
      line-height: 27px;
  }

  .mean-dv {
      max-width: 235px;
      min-height: 525px;
      margin-bottom: 30px;
  }

  .mean-dv.adjust-mr {
      margin-bottom: 30px;
  }

  section.sec2-SZGMC .container-1420 {
      padding: 0;
  }

  .speech img {
      height: 300px;
  }

  .speech-1 {
      text-align: center;
  }

  h1.g-s-mainhead {
      font-size: 22px;
  }

  p.g-s-maintext {
      font-size: 14px;
  }

  .gallery-wrapper {
      grid-template-columns: 1fr;
  }

  section.sec1-SZGMC {
      padding-bottom: 30px;
  }

  section.gallery-slider-sec {
      padding: 40px 15px;
  }

  .lightbox-main .popup-carousel {
      display: none;
  }

  .bx-visit:before {
      width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .thank-you-page {
      padding: 40px 15px !important;
  }
  .center-link {
      padding: 25px 0px 30px 0px;
      font-size: 15px;
  }
  .date-time-sec {
      display: block;
      padding: 25px 15px;
  }
  .date-time-sec .img-sec {
      width: 100%;
      text-align: center;
      padding-bottom: 35px;
  }
  .data-sec {
      width: 100%;
      float: left;
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
  .thank-you-page-ar .data-sec {
      flex-direction: row-reverse;
  }
  .thank-you-page-ar .qr-sec p {
      font-size: 14px;
  }
  .data-sec ul {
      padding-right: 15px;
  }
  .data-sec ul li {
      font-size: 12px;
  }
  .thank-you-page .img-sec img {
      width: auto;
      margin: auto;
      margin-left: 0;
      text-align: center;
  }
  .ticket-sec .row {
      margin-left: 0px;
      margin-right: 0px;
  }
  .qr-sec p {
      font-size: 14px;
  }
  .bottom-buttons a {
      width: 40%;
  }
  .bottom-buttons {
      justify-content: center;
      margin-top: 15px;
  }
  .thank-you-page h1 {
      font-size: 24px !important;
  }
  .ticket-qr {
      margin-top: 30px;
  }
}

@media screen and (max-width: 575px) {
  .image_div.image_div_inner {
      flex: 0 0 100%;
      max-width: 100%;
  }
  .image_gallery .image_div {
      flex: 0 0 100%;
      max-width: 100%;
  }
  .image_div {
      flex: 0 0 100%;
      max-width: 100%;
  }
}

@media (min-width: 480px) {
  .plyr--video .plyr__controls {
      padding: 10px;
      padding: var(--plyr-control-spacing, 10px);
      padding-top: calc(10px * 3.5);
      padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
  }
}
@media screen and (max-width: 480px) {
  .data-sec ul span {
      padding-right: 10px;
  }
  .data-sec ul li {
      font-size: 11px;
  }
}
@media screen and (max-width: 390px) {
  ul.my_dropdown li a {
      font-size: 12px;
      position: relative;
  }
  .data-sec ul {
      width: initial;
      /* float: left; */
      padding-right: 30px;
      margin: 0;
  }
  .data-sec ul li {
      font-size: 11px !important;
  }
  .data-sec ul {
      padding-right: 10px;
  }
}
@media (min-width: 480px) {
  .plyr__captions {
      font-size: 15px;
      font-size: var(--plyr-font-size-base, 15px);
      padding: calc(10px * 2);
      padding: calc(var(--plyr-control-spacing, 10px) * 2);
  }
}
@media (max-width: 370px) {
  /* press-kit  */
  .press-content .rp-right-bottom a i {
      font-size: 13px;
  }

  .press-content p {
      font-size: 14px;
      line-height: 26px;
  }

  .press-content .rp-right-bottom h3 {
      font-size: 14px;
      line-height: 26px;
  }

  .press-content .rp-right-bottom a {
      font-size: 14px;
  }

  .press-content .rp-right-bottom a:hover {
      font-size: 15px !important;
  }

  .press-content .rp-right-bottom a i {
      font-size: 12px;
  }

  /* press-kit end */
  /* news= */
  .date {
      height: 100%;
      display: block;
      border: none;
  }

  .content p {
      line-height: 20px;
      font-size: 12px;
  }

  .news-content {
      display: block;
      height: auto;
      margin-top: 0;
      text-align: center;
  }

  .content h4 {
      font-size: 15px;
  }

  .latest-news img {
      width: 100%;
      padding-left: 15px;
  }

  .content .rp-right-bottom h3 {
      text-align: center;
  }

  .date h2 {
      font: normal normal normal 25px/39px Philosopher;
  }

  /*news end  */
  /*sahan end*/
  .sahan-edit h1 {
      font-size: 20px;
      font-weight: bolder;
  }

  /*  sahan end */

  /* a.scroll-top {
    right: 12%;
} */

  .top-bar {
      padding: 12px 14px;
  }

  h2.topbar-head {
      font-size: 10px;
  }

  .research-list-overlay-title a {
      font-size: 14px;
  }

  .research-list {
      height: 350px;
  }

  .research-list {
      text-align: center;
  }

  .research-list-overlay {
      padding: 0 4px;
  }

  .research-list-overlay p {
      font-size: 10px;
      line-height: 14px;
  }

  a.discover-link,
  .discover-link a {
      font-size: 8px;
      line-height: 0;
      text-align: center;
  }

  .banner-box:nth-child(7),
  .banner-box:last-child {
      display: none;
  }

  .banner-box {
      height: 70px;
      flex: 0 0 28.33%;
      margin-left: auto;
      margin-right: auto;
  }

  .banner-right-content {
      padding: 50px 0;
  }

  .primary-btn {
      width: 120px;
      font-size: 10px;
  }

  .primary-btn img {
      margin-right: 10px;
  }

  .s5_caption_txt h5 {
      font-size: 14px;
  }

  .my_news_div_content a {
      font-size: 16px;
  }

  .my_sec_7_row1 p {
      max-width: 100%;
      padding: 0 15px;
  }

  .my_heighlight {
      max-width: 240px;
      height: 358px;
  }

  .three-inputs > input:first-child,
  .three-inputs > input:nth-child(2) {
      flex: 0 0 100%;
  }

  .three-inputs > input:first-child {
      margin-bottom: 15px;
  }

  .inner-page .position-right-box {
      top: 4.2%;
  }

  .inner-page .all-banner .position-right-box {
      top: 70%;
  }

  .manners-box img {
      height: 200px;
  }

  .religious-program .position-right-box {
      top: 6.5%;
  }

  .services .position-right-box {
      top: 7%;
  }

  .getting-mosque .position-right-box {
      top: 4.5%;
  }

  section.inner-banner h1 {
      max-width: 270px;
      text-align: center;
  }

  .g-a-form-content .g-a-formhead {
      font-size: 16px;
  }

  .g-a-btn {
      width: 110px;
  }

  .res-box-content p {
      font-size: 13px;
      line-height: 22px;
  }

  .resource-box {
      padding: 30px 11px;
  }

  .about-banner-blurbox {
      max-width: 86%;
  }

  .about-banner-blurbox .icon img {
      max-width: 30px;
  }

  .about-banner-blurbox ul.count-list li span {
      font-size: 15px;
  }

  .about-banner-blurbox ul.count-list li h3 {
      font-size: 11px;
  }

  .about-banner-blurbox ul.count-list li {
      padding: 0 6px;
  }
}
@media screen and (max-width: 375px) {
  .data-sec ul li {
      font-size: 10px !important;
  }
}

@media (max-width: 320px) {
  .book-your-visit-sec a {
      font-size: 8px;
  }
}
@media (max-width: 310px) {
  /*religious pro-3  */
  .img-set.rp-heading h1 {
      font-size: 20px;
  }
  h2.topbar-head {
      margin-right: 0px;
  }

  /*religious pro-3  end  */

  .breadcrumbs ul li a {
      font-size: 10px;
  }

  section.publication-detail .col-sm-8 {
      padding: 0;
  }

  h1.pub-mainhead {
      font-size: 17px;
  }

  .related-pub .pub-prev {
      left: 10px;
  }

  .related-pub .pub-next {
      right: 10px;
  }

  .sahan-edit h1 {
      font-size: 19px;
  }
}
.form-content-box-instruction {
  padding-top: 0px !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
}