/*------------ Fonts ------------*/
@font-face {
  font-family: "Bold";
  src: url("../webfonts/NeoSansArabicBold.eot");
  src: url("../webfonts/NeoSansArabicBold.eot") format("embedded-opentype"), url("../webfonts/NeoSansArabic-Bold.svg") format("svg"), url("../webfonts/NeoSansArabic-Bold.ttf"), url("../webfonts/NeoSansArabic-Bold.woff") format("woff"), url("../webfonts/NeoSansArabicBold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Medium";
  src: url("../webfonts/Helvetica 63 Medium Extended.eot");
  src: url("../webfonts/Helvetica 63 Medium Extended.eot?#iefix") format("embedded-opentype"), url("../webfonts/HelveticaNeue-MediumExt.svg#HelveticaNeue-MediumExt") format("svg"), url("../webfonts/HelveticaNeue-MediumExt.ttf") format("truetype"), url("../webfonts/HelveticaNeue-MediumExt.woff") format("woff"), url("../webfonts/Helvetica 63 Medium Extended.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Regular";
  src: url("../webfonts/NeoSansArabicRegular.eot");
  src: url("../webfonts/NeoSansArabicRegular.eot") format("embedded-opentype"), url("../webfonts/NeoSansArabic.svg") format("svg"), url("../webfonts/NeoSansArabic.ttf") format("truetype"), url("../webfonts/NeoSansArabic.woff") format("woff"), url("../webfonts/NeoSansArabicRegular.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
/*------------ Colors ------------*/
/*------------ Direction ------------*/
/*------------ Mixins ------------*/
/*------------ Framework ------------*/
.btn-cancle {
  position: absolute;
  left: 0;
  top: -20px;
  display: flex;
  justify-content: center;
  background-color: red !important;
  border-color: red !important;
  color: #fff !important;
  line-height: unset !important;
}
.btn-cancle:hover {
  border: 1px solid red;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* p {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -moz-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
} */
/* Firefox */
.was-validated .form-control:invalid,
.was-validated .form-control:valid {
  background-position: left calc(3.375em + 0.1875rem) center;
}

input[type=number] {
  -moz-appearance: textfield;
}

* {
  box-sizing: border-box;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #fff;
}

::-webkit-scrollbar-thumb {
  background: #2A486C;
}

::-webkit-scrollbar-thumb:hover {
  background: #d1ad3c;
}

::placeholder {
  font-family: "Regular";
  font-size: 0.933rem;
  line-height: 1.06rem;
  overflow: hidden;
  color: #00000059;
}

html {
  font-size: 15px;
  direction: rtl;
}

body {
  direction: rtl;
  text-align: right;
  font-family: "Regular";
  font-size: 1.06rem;
  line-height: 1.66rem;
  overflow: visible;
  color: #000;
  overflow-x: hidden;
}

a {
  text-decoration: none;
}
a:hover {
  color: #d1ad3c;
  text-decoration: none;
}
a img {
  object-fit: fill;
  display: block;
}

li {
  list-style: none;
}

.about-cen li {
  list-style: unset !important;
}

body {
  background-image: url(../img/pattern-bg@2x.png);
  background-size: 300px !important;
  background-repeat: repeat repeat;
}

tr {
  border-color: #e8eaeb !important;
}

hr {
  color: #b8b8b9 !important;
  height: 2px !important;
}

.card {
  border-radius: 12px;
  border: 1px solid #EBEBEB;
  box-shadow: 0px 3px 15px #00000008;
  border-color: #ebebeb !important;
}
.card i {
  color: #2A486C !important;
}
.card .fa-long-arrow-alt-left {
  color: #c4c4c4 !important;
}
.card .bodi-text {
  height: 7rem;
  overflow: hidden;
  padding-bottom: 1rem;
}
.card .bodi-text p {
  margin-bottom: 0 !important;
  font-family: "Regular";
  font-size: 1rem !important;
  line-height: 1.4rem;
  overflow: visible;
  color: #000 !important;
}

.fa-map-marker-alt,
.fa-calendar-week {
  color: #2A486C;
}

tr th {
  font-family: "Regular";
  font-size: 1.06rem;
  line-height: 1.66rem;
  overflow: visible;
  color: #797979 !important;
  width: 200px !important;
}
tr td {
  font-family: "Bold";
  font-size: 1.06rem;
  line-height: 1.66rem;
  overflow: visible;
  color: #000 !important;
}

.brawen-border {
  background: transparent linear-gradient(270deg, #d1ad3c 0%, #d1ad3c00 100%) 0% 0% no-repeat padding-box;
  padding: 2px 3px;
  width: 15%;
}

.brawen-border-center {
  background: transparent linear-gradient(270deg, #d1ad3c00 0%, #d1ad3c 50%, #d1ad3c00 100%) 0% 0% no-repeat padding-box;
  padding: 2px 3px;
  width: 12%;
}

.btn-check:focus + .btn,
.btn:focus {
  box-shadow: none !important;
}

.boldfont {
  font-family: "Bold" !important;
}

.text-mut {
  color: #797979 !important;
}

.text-muted {
  color: #393939 !important;
}

.location-icon {
  position: relative;
  padding-right: 30px;
}
.location-icon:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -842px -31px;
  width: 18px;
  height: 28px;
  position: absolute;
  right: 0;
}

.tel-icon {
  position: relative;
  padding-right: 30px;
}
.tel-icon:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -649px -35px;
  width: 18px;
  height: 22px;
  position: absolute;
  right: 0;
}

.pepol-icon {
  position: relative;
  padding-right: 30px;
}
.pepol-icon:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -743px -38px;
  width: 23px;
  height: 20px;
  position: absolute;
  right: 0;
}

.star-icon {
  position: relative;
  padding-right: 30px;
}
.star-icon:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -792px -35px;
  width: 23px;
  height: 23px;
  position: absolute;
  right: 0;
}

.calender-icon {
  position: relative;
  padding-right: 30px;
}
.calender-icon:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -696px -37px;
  width: 23px;
  height: 22px;
  position: absolute;
  right: 0;
}

.paypal-icon {
  position: relative;
  padding-right: 30px;
}
.paypal-icon:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -1154px -35px;
  width: 27px;
  height: 22px;
  position: absolute;
  right: 0;
}

.master-icon {
  position: relative;
  padding-right: 30px;
}
.master-icon:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -1154px -35px;
  width: 27px;
  height: 22px;
  position: absolute;
  right: 0;
}

.visa-icon {
  position: relative;
  padding-right: 30px;
}
.visa-icon:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -1154px -35px;
  width: 27px;
  height: 22px;
  position: absolute;
  right: 0;
}

.icon-ring {
  position: relative;
  padding-top: 60px !important;
}
.icon-ring:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -582px -30px;
  width: 41px;
  height: 36px;
  position: absolute;
  top: 10px;
}

.popover {
  font-family: "Bold";
  font-size: 0.8rem;
  line-height: 1.66rem;
  overflow: visible;
  color: #000 !important;
  max-width: 110px;
  align-items: center;
  text-align: center;
  max-height: 47px !important;
  display: flex;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 12px #e3e3e380;
  border: 2px solid #e8eaeb;
  opacity: 1;
}

.bs-popover-start > .popover-arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 3.5rem;
}

.pagination a {
  color: #767e84;
}
.pagination a:active {
  background-color: #d1ad3c;
  color: #fff;
}
.pagination .active {
  background-color: #d1ad3c;
  color: #fff;
}

.shadow {
  box-shadow: 0px 3px 15px #00000008 !important;
}

.fa-images {
  font-size: 2rem;
}
.fa-images:hover {
  color: #d1ad3c;
}

.ndwatcard {
  height: 100%;
  border-radius: 10px;
  border: none !important;
}
.ndwatcard .card-title {
  font-family: "Bold";
  font-size: 1.1rem;
  line-height: 1.8rem;
  overflow: visible;
  color: #000;
}
.ndwatcard .card-text {
  font-family: "Regular";
  font-size: 0.9rem;
  line-height: 1.8rem;
  overflow: visible;
  color: #000;
}
.ndwatcard .dash-btn {
  max-width: 200px;
  background-color: transparent !important;
  font-family: "Bold";
  font-size: 1.09rem;
  line-height: 1.8rem;
  overflow: visible;
  color: #d1ad3c !important;
}
.ndwatcard .dash-btn::after {
  background-color: #d1ad3c;
  left: 0px !important;
}

.wating-btn {
  background-color: #d1ad3c1a !important;
  font-family: "Bold";
  font-size: 0.9rem;
  line-height: 1.4rem;
  overflow: visible;
  color: #d1ad3c !important;
  border: none !important;
  border-radius: 5px;
}

.accepted-btn {
  background-color: #c0e0b7 !important;
  font-family: "Bold";
  font-size: 0.9rem;
  line-height: 1.4rem;
  overflow: visible;
  color: #66bf4c !important;
  border: none !important;
  border-radius: 5px;
}

.check-for-lable {
  position: absolute;
  bottom: 25px;
  left: 40px;
  padding: 0;
  z-index: 1000000000000000300000000;
}
.check-for-lable .form-check-input {
  padding: 10px;
  margin: auto 5px;
  background-color: #d1ad3c;
}

.check-for-unit {
  position: absolute;
  bottom: 27px;
  left: 40px;
  padding: 0;
  z-index: 1000000000000000300000000;
}
.check-for-unit .form-check-input {
  padding: 10px;
  margin: auto 5px;
  background-color: #d1ad3c;
}

/*------------ Style ------------*/
header .login {
  position: relative;
  padding-right: 29px;
}
header .login:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -241px -38px;
  width: 24px;
  height: 20px;
  position: absolute;
  right: 0;
}
header .langu {
  position: relative;
  padding-right: 45px;
}
header .langu:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat 0px -36px;
  width: 37px;
  height: 24px;
  position: absolute;
  right: 0;
}
header .flaGermany {
  padding: 4px 1px;
  position: relative;
  padding-right: 40px;
  background-image: url(../img/flagGermany.png);
  width: 37px !important;
  height: 24px !important;
  background-size: cover;
  border-radius: 5px;
}
header .flagEgy {
  padding: 4px 1px;
  position: relative;
  padding-right: 40px;
  background-image: url(../img/flag-egypt.png);
  width: 37px !important;
  height: 24px !important;
  background-size: cover;
  border-radius: 5px;
}
header .date-head {
  margin-right: 40px;
}
header .time-head {
  position: relative;
  padding-right: 37px;
}
header .time-head:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -189px -36px;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
}
header p,
header a,
header nav {
  font-family: "Bold";
  font-size: 1.06rem;
  line-height: 1.66rem;
  overflow: visible;
  color: #000 !important;
}
header button {
  font-family: "Bold";
  font-size: 1.06rem;
  line-height: 1.66rem;
  overflow: visible;
}
header .head-part1 p,
header .head-part1 a,
header .head-part1 nav {
  font-family: "Regular";
  font-size: 1.06rem;
  line-height: 1.66rem;
  overflow: visible;
  color: #000 !important;
}
header li .active {
  color: #d1ad3c !important;
}
header .dropdown-menu {
  text-align: start !important;
  border: none !important;
}
header .dropdown-menu .dropdown-item:active {
  background-color: #e9ecef !important;
}
header .dropdown-menu li .active {
  color: #fff !important;
  background-color: #393939 !important;
}

.calender-block {
  background: transparent linear-gradient(0deg, #d1ad3c00 0%, #d1ad3c12 100%) 0% 0% no-repeat padding-box;
}
.calender-block .latet {
  background-color: #7ac70c !important;
}
.calender-block .date {
  font-family: "Bold";
  font-size: 1rem;
  line-height: 1.4rem;
  overflow: visible;
  color: #2A486C;
}
.calender-block .border-side-browen {
  border-right: 5px solid #d1ad3c !important;
}
.calender-block .border-side-blue {
  border-right: 5px solid #53a8e6 !important;
}
.calender-block .border-side-green {
  border-right: 5px solid #7ac70c !important;
}
.calender-block .card .card-bod {
  border-radius: 10px;
}
.calender-block .card .card-title {
  font-family: "Bold";
  font-size: 1.1rem;
  line-height: 1.8rem;
  overflow: visible;
  color: #000;
}
.calender-block .card p {
  font-family: "Regular";
  font-size: 1rem;
  line-height: 1.2rem;
  overflow: visible;
  color: #000;
}
.calender-block .card .dsh-btn {
  max-width: 200px;
  background-color: transparent !important;
  font-family: "Bold";
  font-size: 1.09rem;
  line-height: 1.8rem;
  overflow: visible;
  color: #d1ad3c;
}
.calender-block .fc-scrollgrid-liquid {
  border-top: none !important;
}
.calender-block .fc-col-header-cell {
  border: none !important;
  background-image: url(../img/clender-back.png);
  padding-bottom: 10px !important;
}

h2 {
  font-family: "Bold";
  font-size: 2rem;
  line-height: 2rem;
  overflow: visible;
  color: #000;
  margin-bottom: 0rem;
}

.latet {
  background-color: #d1ad3c;
  overflow: visible;
  color: #fff;
  font-family: "Regular";
  font-size: 0.8rem;
  line-height: 2rem;
  overflow: visible;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 1px 20px;
}

.home-slidr {
  margin-bottom: 160px;
  position: relative;
}
.home-slidr .main-text {
  position: absolute;
  top: 15%;
  right: 10%;
}
.home-slidr .main-text .latet {
  background-color: #d1ad3c;
  overflow: visible;
  color: #fff;
  font-family: "Regular";
  font-size: 0.8rem;
  line-height: 2rem;
  overflow: visible;
  color: #fff;
  border: none;
  border-radius: 5px;
}
.home-slidr .main-text h2 {
  font-family: "Bold";
  font-size: 1.6rem;
  line-height: 2.2rem;
  overflow: hidden;
  color: #fff;
  height: 4.6rem;
}
.home-slidr .main-text p {
  font-family: "Regular";
  font-size: 1.2rem;
  line-height: 2rem;
  overflow: hidden;
  color: #fff;
  height: 8rem;
}
.home-slidr .main-text .dash-btn {
  background-color: #fff !important;
  color: #2A486C !important;
  font-family: "Bold";
  font-size: 1.1rem;
  line-height: 1.86rem;
  overflow: visible;
  color: #fff;
}
.home-slidr .main-text .dash-btn::after {
  content: " ";
  position: absolute;
  width: 27%;
  height: 2px;
  top: 50%;
  left: 6px;
  background-color: #2A486C !important;
}
.home-slidr .slick-dots {
  position: absolute;
  bottom: 10%;
  width: 15%;
  left: 0%;
}
.home-slidr .slick-dots li {
  width: 16px;
}
.home-slidr .slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px !important;
  height: 8px !important;
  border-radius: 5px !important;
  content: " " !important;
  opacity: 0.5;
  background-color: #fff !important;
  -webkit-font-smoothing: antialiased;
}
.home-slidr .slick-dots li.slick-active button:before {
  opacity: 1;
  background-color: #fff !important;
  width: 24px !important;
}
.home-slidr .slick-prev,
.home-slidr .slick-next {
  font-size: 0;
  line-height: 0;
  z-index: 99999999999999;
  position: absolute;
  top: 68%;
  display: block;
  width: 40px !important;
  height: 40px !important;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.home-slidr [dir=rtl] .slick-track {
  right: 0px;
}
.home-slidr .slick-next {
  right: auto;
  right: 210px !important;
}
.home-slidr [dir=rtl] .slick-next {
  right: 15% !important;
  left: auto;
}
.home-slidr .slick-prev:before {
  content: "" !important;
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -149px -38px;
  width: 15px;
  height: 20px;
  position: absolute;
}
.home-slidr [dir=rtl] .slick-prev:before {
  content: url(../img/arrowleft.png) !important;
}
.home-slidr .slick-next {
      right: unset !important;
    left: 155px !important;
}
.home-slidr .slick-prev {
  right: auto;
  right: 155px !important;
}
.home-slidr .our-programs .slick-next {
  right: auto;
  left: -30px;
}
.home-slidr .slick-next:before {
  content: "" !important;
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -110px -38px;
  width: 20px;
  height: 20px;
  position: absolute;
}
.home-slidr [dir=rtl] .slick-next:before {
  content: url(../img/arrowright.png) !important;
}
.home-slidr .timeslal {
  background-image: url(../img/banner-12x.png);
  height: 185px !important;
  left: 23px;
  right: 1px;
  bottom: -90px;
  position: absolute;
  background-size: cover;
  z-index: 99999;
  background-position: center;
  width: 102%;
}
.home-slidr .timeslal .pase {
  font-family: "Bold";
  font-size: 1.6rem;
  line-height: 1.8rem;
  overflow: visible;
  color: #000;
}
.home-slidr .timeslal .today {
  font-family: "Regular";
  font-size: 1.2rem;
  line-height: 1.8rem;
  overflow: visible;
  color: #000;
}
.home-slidr .timeslal .times img {
  width: 150%;
}
.home-slidr .timeslal .times p {
  position: absolute;
  width: 50%;
  font-family: "Regular";
  font-size: 0.9rem;
  line-height: 1.8rem;
  overflow: visible;
  color: #fff;
  width: 40%;
  margin-bottom: 0px;
}

.fatwa-banner {
  /*background-image: url(../images/bk.jpg);*/
  height: 360px;
  background-size: cover;
}

.center-slidr {
  position: relative;
}
.center-slidr .slick-dots {
  position: absolute;
  bottom: 3%;
  width: 13%;
  left: 42%;
}
.center-slidr .slick-dots li {
  width: 10px;
}
.center-slidr .slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px !important;
  height: 8px !important;
  border-radius: 5px !important;
  content: " " !important;
  opacity: 0.25;
  background-color: #fff !important;
  -webkit-font-smoothing: antialiased;
}
.center-slidr .slick-dots li.slick-active button:before {
  opacity: 0.75;
  background-color: #fff !important;
  width: 18px !important;
}
.center-slidr .slick-prev,
.center-slidr .slick-next {
  font-size: 0;
  line-height: 0;
  z-index: 99999999999999;
  position: absolute;
  top: 50%;
  display: block;
  width: 40px !important;
  height: 40px !important;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.center-slidr [dir=rtl] .slick-track {
  right: 0px;
}
.center-slidr .slick-next {
  right: auto;
  left: 15px !important;
}
.center-slidr [dir=rtl] .slick-next {
  right: 15px !important;
  left: auto;
}
.center-slidr .slick-prev:before {
  content: "" !important;
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -149px -38px;
  width: 15px;
  height: 20px;
  position: absolute;
}
.center-slidr [dir=rtl] .slick-prev:before {
  content: url(../img/arrowleft.png) !important;
}
.center-slidr .slick-next {
  right: auto;
  left: 0px;
}
.center-slidr .slick-prev {
  right: auto;
  right: 15px !important;
}
.center-slidr .our-programs .slick-next {
  right: auto;
  left: -30px;
}
.center-slidr .slick-next:before {
  content: "" !important;
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -110px -38px;
  width: 20px;
  height: 20px;
  position: absolute;
}
.center-slidr [dir=rtl] .slick-next:before {
  content: url(../img/arrowright.png) !important;
}
.center-slidr .at-style-responsive .at-share-btn {
  background-color: #f0f1f2 !important;
  border-radius: 8px !important;
  margin: 0 5px;
}
.center-slidr p {
  font-family: "Regular";
  font-size: 1.2rem;
  line-height: 2.5rem;
  overflow: hidden;
  color: #000;
}
.center-slidr .calender-icon {
  position: relative;
  padding-right: 30px;
}
.center-slidr .calender-icon:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -696px -30px;
  width: 23px;
  height: 29px;
  position: absolute;
  right: 0;
}

.about-centr h2 {
  font-family: "Bold";
  font-size: 2rem;
  line-height: 3rem;
  overflow: hidden;
  color: #000;
  border: 0px;
}
.about-centr p {
  text-align: justify;
  font-family: "Regular";
  font-size: 1.3rem;
  line-height: 2rem;
  overflow: visible;
  color: #000;
  overflow: visible !important;
}
.about-centr .dash-btn::after {
  left: 7% !important;
}

.banner {
  background-image: url(../img/banner@2x.png);
  height: 450px;
  background-size: cover;
  color: white;
  position: relative;
  margin-bottom: 650px;
}
.banner-islah.banner {
background-image: none;
max-height: 360px;
background-size: cover;
color: white;
position: relative;
margin-bottom: 50px;
}
.banner-istealam.banner {
  background-image: none;
  max-height: 360px;
  background-size: cover;
  color: white;
  position: relative;
  margin-bottom: 50px;
}
.banner-fatawa.banner {
    background-image: none;
    max-height: 360px;
    background-size: cover;
    color: white;
    position: relative;
    margin-bottom: 50px;
}
.banner .Quraan h4 {
  font-family: "Bold";
  font-size: 2.1rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #fff;
}
.banner .Quraan p {
  font-family: "Regular";
  font-size: 1.6rem;
  line-height: 2.933rem;
  overflow: visible;
  color: #fff;
}
.banner .zwaj-service {
  top: 70%;
  position: absolute;
  background-image: url(../img/pattern-bg-top.png);
  border-radius: 35px !important;
  background-size: cover;
  overflow: hidden;
  left: 0;
  right: 0;
}
.banner .zwaj-service h1 {
  font-family: "Bold";
  font-size: 2rem;
  line-height: 2rem;
  overflow: visible;
  color: #000;
  margin-bottom: 1.8rem;
}
.banner .zwaj-service p {
  font-family: "Regular";
  font-size: 1.1rem;
  line-height: 2rem;
  overflow: visible;
  color: #000;
}
.banner .zwaj-service .icon-ring {
  position: relative;
  padding-top: 60px !important;
}
.banner .zwaj-service .icon-ring:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -582px -30px;
  width: 41px;
  height: 36px;
  position: absolute;
  top: 10px;
}

.section-name {
  font-family: "Bold";
  font-size: 1.6rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #000;
}

.reQust-mari .ident .name {
  font-family: "Bold";
  font-size: 1.2rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #000;
}
.reQust-mari .ident .age {
  font-family: "Regular";
  font-size: 1.2rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #393939;
}
.reQust-mari .ident a {
  font-family: "Bold";
  font-size: 1.2rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #d1ad3c;
}
.reQust-mari .regular .slick-track {
  display: flex;
  align-items: center;
}
.reQust-mari .regular .slick-prev,
.reQust-mari .regular .slick-next {
  font-size: 0;
  line-height: 0;
  z-index: 99999999999999;
  position: absolute;
  top: 20%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.reQust-mari .regular .slick-track {
  right: 95px;
}
.reQust-mari .regular [dir=rtl] .slick-track {
  right: 95px;
}
.reQust-mari .regular .slick-next {
  right: auto;
  left: 5px;
}
.reQust-mari .regular [dir=rtl] .slick-next {
  right: -24px;
  left: auto;
}
.reQust-mari .regular .slick-prev:before {
  content: url(../img/arrowright.png);
}
.reQust-mari .regular [dir=rtl] .slick-prev:before {
  content: url(../img/arrowleft.png);
}
.reQust-mari .regular .slick-next {
  right: auto;
  left: 25px;
}
.reQust-mari .regular .slick-prev {
  right: auto;
  right: -25px;
}
.reQust-mari .regular .our-programs .slick-next {
  right: auto;
  left: -30px;
}
.reQust-mari .regular .slick-next:before {
  content: url(../img/arrowleft.png);
}
.reQust-mari .regular [dir=rtl] .slick-next:before {
  content: url(../img/arrowright.png);
}
.reQust-mari .regular .slick-select {
  position: relative;
}
.reQust-mari .regular .slick-select:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -1204px -28px;
  width: 41px;
  height: 41px;
  position: absolute;
  left: 45px;
  bottom: 95px;
}
.reQust-mari .regular img {
  width: 144px;
  height: 144px;
  border-radius: 50%;
}
.reQust-mari .btn {
  border: 2px solid #2A486C;
  background-color: transparent;
  font-family: "Bold";
  font-size: 1.09rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #2A486C;
}
.reQust-mari .btn:hover {
  border: 1px solid #2A486C;
  color: #fff;
  background-color: #2A486C;
}
.reQust-mari .profi {
  position: relative;
  padding-right: 30px;
}
.reQust-mari .profi:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -885px -35px;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 5px;
}

.bootstrap-select {
  display: block;
  width: 100% !important;
}
.bootstrap-select .dropdown-toggle {
  background-color: transparent !important;
  border: unset !important;
}
.bootstrap-select .dropdown-toggle::after {
  content: unset !important;
}
.bootstrap-select .dropdown-toggle :focus {
  outline: unset !important;
}
.bootstrap-select .dropdown-toggle .filter-option {
  text-align: right !important;
}
.bootstrap-select .dropdown-item {
  text-align: right;
}
.bootstrap-select .dropdown-menu {
  height: 300px !important;
  max-width: 200px !important;
  transform: translate(0px) !important;
}

.at-share-btn-elements {
  display: flex;
  justify-content: space-between;
}

.btn-canclee {
  position: absolute;
  top: -5px;
  display: flex;
  justify-content: center;
  background-color: red !important;
  border-color: red !important;
  color: white !important;
  line-height: unset !important;
  left: calc(6% - 0px);
  transform: scale(0.7);
}

.bootstrap-select .dropdown-toggle:focus {
  outline: unset !important;
}

.profi {
  position: relative;
  padding-right: 30px;
}
.profi:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -885px -35px;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 5px;
}

.date-meeting .form-control-hLight {
  box-shadow: 0px 0px 8px #d1ad3c;
}

.our-services .serv-h .btn {
  background-color: #d1ad3c;
  font-family: "Regular";
  font-size: 0.9rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #fff;
}
.our-services .serv-h p {
  font-family: "Regular";
  font-size: 1rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #000;
}
.our-services .text {
  padding: 0.4rem;
  padding-top: 1.5rem;
  position: absolute;
  bottom: 0px;
  width: 98%;
  background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
}
.our-services .text a {
  font-family: "Bold";
  font-size: 1.6rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #fff;
}
.our-services .show-more {
  font-family: "Bold";
  font-size: 1.09rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #d1ad3c;
}

.banner-seminar {
  background-image: url(../img/bannerseminar@2x.png);
  height: 360px;
  background-size: cover;
  color: white;
}
.banner-seminar .Quraan h1 {
  font-family: "Bold";
  font-size: 2.1rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #fff;
}
.banner-seminar .Quraan p {
  font-family: "Regular";
  font-size: 1.1rem;
  line-height: 2.933rem;
  overflow: visible;
  color: #fff;
}

.banner-occasions-details {
  background-image: url(../img/bannerbanner-occasions@2x.png);
  height: 330px;
  background-size: cover;
  color: white;
}
.banner-occasions-details .Quraan h1 {
  font-family: "Bold";
  font-size: 2.1rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #fff;
}
.banner-occasions-details .Quraan p {
  font-family: "Regular";
  font-size: 1.1rem;
  line-height: 2.933rem;
  overflow: visible;
  color: #fff;
}

.book-now2 {
  position: relative;
  bottom: auto;
}
.book-now2 .pay-btn {
  border: 1px solid #e8eaeb;
  border-radius: 5px;
}
.book-now2 .pay-btn:hover {
  border-color: #d1ad3c !important;
}
.book-now2 .chekd {
  background: #d1ad3c1a 0% 0% no-repeat padding-box;
  border: 2px solid #d1ad3c;
}
.book-now2 .total-price {
  font-family: "Bold";
  font-size: 1.3rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #000;
}
.book-now2 .book-btn {
  background-color: #2A486C;
  border: 1px solid #2A486C !important;
  border: none;
  border-radius: 5px;
  color: #fff;
}
.book-now2 .book-btn:hover {
  border: 1px solid #d1ad3c !important;
}

.contact-us .menu h3 {
  font-family: "Bold";
  font-size: 1.09rem;
  line-height: 2.2rem;
  overflow: visible;
  color: #000;
}
.contact-us .menu li a {
  font-family: "Regular";
  font-size: 1.09rem;
  line-height: 2.5rem;
  overflow: visible;
  color: #000;
}
.contact-us .tel {
  position: relative;
  padding-right: 30px;
}
.contact-us .tel:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -384px -39px;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 0;
}
.contact-us .fax {
  position: relative;
  padding-right: 30px;
}
.contact-us .fax:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -433px -69px;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
}
.contact-us .locat {
  position: relative;
  padding-right: 30px;
}
.contact-us .locat:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -336px -38px;
  width: 18px;
  height: 20px;
  position: absolute;
  right: 0;
}
.contact-us .face {
  position: relative;
  padding-right: 30px;
}
.contact-us .face:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -429px -36px;
  width: 20px;
  height: 22px;
  position: absolute;
  right: 0;
}

.booking-orders .accou {
  position: relative;
  z-index: -10;
}
.booking-orders .first-word {
  font-family: "Bold";
  font-size: 3rem;
  line-height: 3rem;
  overflow: visible;
  color: #fff;
  background-color: #d1ad3c;
}
.booking-orders .photo-camera-inp {
  position: absolute;
  top: 90px;
  right: 100px;
}
.booking-orders .btn {
  border: 2px solid #2A486C;
  background-color: transparent;
  font-family: "Bold";
  font-size: 1.09rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #2A486C;
}
.booking-orders .btn:hover {
  border: 1px solid #2A486C;
  color: #d1ad3c;
  background-color: #2A486C;
}
.booking-orders .nav-tabs {
  font-family: "Bold";
  font-size: 1.09rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #393939 !important;
}
.booking-orders .nav-tabs .nav-link {
  color: #393939 !important;
}
.booking-orders .nav-tabs .active {
  border: none !important;
  color: #d1ad3c !important;
  border-bottom: 3px solid #d1ad3c !important;
}
.booking-orders .another-requst .btn {
  background-color: #2A486C;
  color: #fff;
}
.booking-orders .another-requst .card {
  height: auto !important;
}
.booking-orders .wating-btn {
  background-color: #d1ad3c1a !important;
  font-family: "Bold";
  font-size: 0.9rem;
  line-height: 1.4rem;
  overflow: visible;
  color: #d1ad3c !important;
  border: none !important;
  border-radius: 5px;
}
.booking-orders .accepted-btn {
  background-color: #c0e0b7 !important;
  font-family: "Bold";
  font-size: 0.9rem;
  line-height: 1.4rem;
  overflow: visible;
  color: #66bf4c !important;
  border: none !important;
  border-radius: 5px;
}
.booking-orders .rejected-btn {
  background-color: #a23633 !important;
  font-family: "Bold";
  font-size: 0.9rem;
  line-height: 1.4rem;
  overflow: visible;
  color: #fff;
  border: none !important;
  border-radius: 5px;
}
.booking-orders .nav-pills .nav-link {
  border: 1px solid #2A486C !important;
  color: #2A486C !important;
  background-color: #fff !important;
  font-family: "Bold";
  font-size: 1rem;
  line-height: 1.4rem;
  overflow: visible;
  color: #d1ad3c;
  border-radius: 10px !important;
}
.booking-orders .nav-pills .active {
  border: 2px solid #fff !important;
  color: #fff !important;
  background-color: #2A486C !important;
}
.booking-orders .dash-btn {
  max-width: 200px;
  background-color: transparent !important;
  font-family: "Bold";
  font-size: 1.09rem;
  line-height: 1.8rem;
  overflow: visible;
  color: #d1ad3c !important;
}
.booking-orders .dash-btn::after {
  background-color: #d1ad3c;
  left: 8px !important;
}
.booking-orders .photoOfanswers .photoOfanswer {
  margin-right: -10px;
  width: 47px;
  height: 47px;
}
.booking-orders .photoOfanswers .cheked-answer .mark {
  position: absolute;
  top: 39px;
  right: 12px;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50%;
}

.edit-pass {
  font-family: "Bold";
  font-size: 1rem;
  line-height: 1.2rem;
  overflow: visible;
  color: #2A486C;
  cursor: pointer;
}

.card-header {
  background-color: #fff;
}

footer {
  margin-top: 160px;
  background-image: url(../img/background-footer@2x.png);
  background-size: contain;
  min-height: 373px;
  background-position: center;
}
footer .timeslal {
  background-image: url(../img/banner-1.png);
  height: 185px !important;
  right: 8px;
  bottom: 112%;
  position: absolute;
  background-size: cover;
  z-index: 100;
  background-position: center;
  width: 100.5%;
}
footer .timeslal .pase {
  font-family: "Bold";
  font-size: 1.6rem;
  line-height: 1.8rem;
  overflow: visible;
  color: #000;
}
footer .timeslal .today {
  font-family: "Regular";
  font-size: 1.2rem;
  line-height: 1.8rem;
  overflow: visible;
  color: #000;
}
footer .timeslal .times img {
  width: 220%;
}
footer .timeslal .times p {
  position: absolute;
  width: 50%;
  font-family: "Regular";
  font-size: 1rem;
  line-height: 1.8rem;
  overflow: visible;
  color: #fff;
  width: 40%;
  margin-bottom: 0px;
}
footer .join a h3 {
  font-family: "Bold";
  font-size: 1.09rem;
  line-height: 1.8rem;
  overflow: visible;
  color: #fff;
}
footer .join p {
  font-family: "Regular";
  font-size: 0.9rem;
  line-height: 1.3rem;
  overflow: visible;
  color: #fff;
}
footer .join .join-fild button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-radius: 0.2rem !important;
  background-color: #d1ad3c;
  font-family: "Bold";
  font-size: 0.9rem;
  line-height: 1.3rem;
  overflow: visible;
  color: #fff;
}
footer .join .join-fild .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
  font-family: "Bold";
  font-size: 0.9rem;
  line-height: 1.3rem;
  overflow: visible;
  color: #d1ad3c !important;
}
footer .menu h3 {
  font-family: "Bold";
  font-size: 1.09rem;
  line-height: 2.2rem;
  overflow: visible;
  color: #fff;
}
footer .menu li a {
  font-family: "Regular";
  font-size: 1.09rem;
  line-height: 2.5rem;
  overflow: visible;
  color: #fff;
}
footer .tel {
  position: relative;
  padding-right: 30px;
}
footer .tel:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -384px -39px;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 0;
}
footer .fax {
  position: relative;
  padding-right: 30px;
}
footer .fax:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -433px -69px;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
}
footer .locat {
  position: relative;
  padding-right: 30px;
}
footer .locat:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -336px -38px;
  width: 18px;
  height: 20px;
  position: absolute;
  right: 0;
}
footer .face {
  position: relative;
  padding-right: 30px;
}
footer .face:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -429px -36px;
  width: 20px;
  height: 22px;
  position: absolute;
  right: 0;
}

.dash-btn {
  background-color: #2A486C !important;
  position: relative;
  padding-left: 72px !important;
  color: #fff;
}
.dash-btn::after {
  content: " ";
  position: absolute;
  width: 29%;
  height: 2px;
  top: 50%;
  left: 8px;
  background-color: #fff;
}
.dash-btn:hover {
  background-color: #fff !important;
  border: 1px solid #d1ad3c;
}
.dash-btn:hover::after {
  background-color: #2A486C;
}

.modal-content {
  border-radius: 1.2rem !important;
}

.popup-info::-webkit-scrollbar {
  display: none;
}

.popup-info {
  z-index: 100000000000000030000000;
  width: 800px;
  margin-top: 30px;
}
.popup-info .card {
  border-color: transparent !important;
}
.popup-info .card p {
  font-family: "Regular";
  font-size: 1.3rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #393939;
}
.popup-info .name {
  font-family: "Bold";
  font-size: 1.6rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #000;
}
.popup-info p {
  font-family: "Regular";
  font-size: 1.3rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #000;
}
.popup-info .brawen-border {
  width: 33% !important;
}
.popup-info .btn-interested {
  background-color: #d1ad3c1a;
  font-family: "Regular";
  font-size: 1.1rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #66bf4c;
  min-width: 130px !important;
}
.popup-info .head-t {
  font-family: "Bold";
  font-size: 1.6rem;
  line-height: 2.5rem;
  overflow: visible;
  color: #000;
}
.popup-info .Qustio {
  font-family: "Bold";
  font-size: 1rem;
  line-height: 2.5rem;
  overflow: visible;
  color: #d1ad3c;
}
.popup-info .Qustiobrow {
  color: #d1ad3c !important;
}
.popup-info #show_hide_password,
.popup-info #show_hide_password2,
.popup-info #show_hide_password3 {
  position: relative;
  align-items: center;
}
.popup-info #show_hide_password .input-group-addon,
.popup-info #show_hide_password2 .input-group-addon,
.popup-info #show_hide_password3 .input-group-addon {
  position: absolute;
  left: 10px;
  z-index: 10000000000000002000;
}
.popup-info #show_hide_password a,
.popup-info #show_hide_password li,
.popup-info #show_hide_password2 a,
.popup-info #show_hide_password2 li,
.popup-info #show_hide_password3 a,
.popup-info #show_hide_password3 li {
  color: #000 !important;
}
.popup-info .dash-btn {
  background-color: #2A486C !important;
  position: relative;
  padding-right: 72px !important;
  padding-right: 72px !important;
  border-radius: 0.5rem;
  color: #fff;
}
.popup-info .dash-btn::after {
  content: " ";
  position: relative !important;
  width: 24%;
  height: 2px;
  top: 11px;
  right: 11%;
  background-color: #fff;
}
.popup-info .dash-btn:hover {
  color: #2A486C;
  background-color: #fff !important;
  border: 1px solid #d1ad3c;
}
.popup-info .dash-btn:hover::after {
  background-color: #2A486C;
}
.popup-info .regular {
  /*   .slick-select {
      position: relative;

      &:before {
          @include icon-position(41px, 41px, -1204px, -28px);
          position: absolute;
          left: 45px;
          bottom: 95px;
      }
  } */
}
.popup-info .regular .slick-track {
  display: flex;
  align-items: center;
}
.popup-info .regular .ident .name {
  font-family: "Bold";
  font-size: 1rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #000;
}
.popup-info .regular .ident .age {
  font-family: "Regular";
  font-size: 1rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #393939;
}
.popup-info .regular .ident a {
  font-family: "Bold";
  font-size: 1rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #d1ad3c;
}
.popup-info .regular .slick-prev,
.popup-info .regular .slick-next {
  font-size: 0;
  line-height: 0;
  z-index: 99999999999999;
  position: absolute;
  top: calc(44% - 0px) !important;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.popup-info .regular .slick-track {
  right: 95px;
}
.popup-info .regular [dir=rtl] .slick-track {
  right: 95px;
}
.popup-info .regular .slick-next {
  right: auto;
  left: 5px;
}
.popup-info .regular [dir=rtl] .slick-next {
  right: -24px;
  left: auto;
}
.popup-info .regular .slick-prev:before {
  content: url(../img/arrowright.png);
}
.popup-info .regular [dir=rtl] .slick-prev:before {
  content: url(../img/arrowleft.png);
}
.popup-info .regular .slick-next {
  right: auto;
  left: 25px;
}
.popup-info .regular .slick-prev {
  right: auto;
  right: -25px;
}
.popup-info .regular .our-programs .slick-next {
  right: auto;
  left: -30px;
}
.popup-info .regular .slick-next:before {
  content: url(../img/arrowleft.png);
}
.popup-info .regular [dir=rtl] .slick-next:before {
  content: url(../img/arrowright.png);
}
.popup-info .regular img {
  max-width: 200px;
  border-radius: 0%;
}
.popup-info .modal-dialog-lg {
  max-width: 800px !important;
}

.pols .ellipse {
  width: 3rem;
  height: 3rem;
  border: 1px solid #d1ad3c;
  cursor: pointer;
}
.pols .active {
  background-color: #d1ad3c;
  color: #fff;
}
.pols .ellipse-line {
  position: relative !important;
}
.pols .ellipse-line small::before {
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #d1ad3c;
  position: absolute;
  left: 0;
  right: 0;
}

.app-name {
  position: relative;
  padding-top: 60px !important;
  font-family: "Bold";
  font-size: 2rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #000;
}
.app-name:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -582px -30px;
  width: 41px;
  height: 36px;
  position: absolute;
  top: 10px;
}

.app-name-ask {
  font-family: "Regular";
  font-size: 1.1rem;
  line-height: 2rem;
  overflow: visible;
  color: #000;
}

.required {
  color: red !important;
}

.Partner-specification p {
  font-family: "Bold";
  font-size: 1.6rem;
  line-height: 1.8rem;
  overflow: visible;
  color: #000;
}
.Partner-specification small {
  font-family: "Regular";
  font-size: 1.3rem;
  line-height: 1.8rem;
  overflow: visible;
  color: #393939;
}

.app-box {
  border: 1px solid #393939;
}

form p {
  font-family: "Regular";
  font-size: 1.1rem;
  line-height: 1.3rem;
  overflow: visible;
  color: #000;
}
form .form-select,
form .form-control {
  background-repeat: no-repeat;
  background-position: left 0.75rem center;
  height: 54px;
  border-style: solid;
  color: #393939 !important;
  font-family: "Regular";
  font-size: 1rem;
  line-height: 1.3rem;
  overflow: visible;
  color: #393939 !important;
  padding: 0.75rem 0.75rem !important;
}
form .form-select:focus,
form .form-control:focus {
  box-shadow: 0 0 0 0.25rem rgba(209, 173, 60, 0.25);
}
form .form-select.textarea,
form .form-control.textarea {
  height: auto;
  line-height: 30px;
}

.gools {
  background-image: url(../img/banner-2.png);
  background-size: cover;
}
.gools .latet {
  background-color: #53a8e6 !important;
}
.gools h2 {
  font-family: "Bold";
  font-size: 1.6rem;
  line-height: 2rem;
  overflow: visible;
  color: #000;
}
.gools p {
  font-family: "Regular";
  font-size: 1rem;
  line-height: 2rem;
  overflow: visible;
  color: #000;
}
.gools .type-ofgools {
  border-radius: 5px;
  background-color: #fbf8f4;
  font-family: "Bold";
  font-size: 1rem;
  line-height: 2rem;
  overflow: visible;
  color: #000;
}

.banner-trip {
  background-image: url(../img/bannertrip@2x.png);
  height: 316px;
  background-size: cover;
  color: white;
}
.banner-trip .Quraan h2 {
  font-family: "Bold";
  font-size: 2.1rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #fff;
}
.banner-trip .Quraan p {
  font-family: "Regular";
  font-size: 1.1rem;
  line-height: 2.933rem;
  overflow: visible;
  color: #fff;
}

.next-trip h4 {
  font-family: "Bold";
  font-size: 1.6rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #000;
}
.next-trip p {
  font-family: "Regular";
  font-size: 1rem;
  line-height: 1.6rem;
  overflow: visible;
  color: #000;
}
.next-trip .card {
  font-family: "Regular";
  font-size: 1.09rem;
  line-height: 1.6rem;
  overflow: visible;
  color: #000;
}
.next-trip .card h5,
.next-trip .card small {
  font-family: "Bold";
  font-size: 1.09rem;
  line-height: 1.8rem;
  overflow: visible;
  color: #000;
}
.next-trip .card .dash-btn {
  background-color: transparent !important;
  font-family: "Bold";
  font-size: 1.09rem;
  line-height: 1.8rem;
  overflow: visible;
  color: #d1ad3c !important;
}
.next-trip .card .dash-btn::after {
  background-color: #d1ad3c;
  left: 5px !important;
}
.next-trip .card-header {
  background-color: transparent;
}
.next-trip .wating-btn {
  background-color: #d1ad3c1a !important;
  font-family: "Bold";
  font-size: 0.9rem;
  line-height: 1.4rem;
  overflow: visible;
  color: #d1ad3c !important;
}

.card-header :last-child {
  border: unset !important;
}

.banner-trip-details {
  background-image: url(../img/banner3@2x.png);
  height: 360px;
  background-size: cover;
  color: white;
}
.banner-trip-details .Quraan h2 {
  font-family: "Bold";
  font-size: 2.1rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #fff;
}
.banner-trip-details .Quraan p {
  font-family: "Regular";
  font-size: 1.6rem;
  line-height: 2.933rem;
  overflow: visible;
  color: #fff;
}

.book-now {
  position: relative;
  bottom: 200px;
}
.book-now p {
  font-family: "Regular";
  font-size: 1.3rem !important;
  line-height: 1.8rem;
  overflow: visible;
  color: #000 !important;
}
.book-now .pay-btn {
  border: 1px solid #e8eaeb;
  border-radius: 5px;
}
.book-now .pay-btn:hover {
  border-color: #d1ad3c !important;
}
.book-now .chekd {
  background: #d1ad3c1a 0% 0% no-repeat padding-box;
  border: 2px solid #d1ad3c;
}
.book-now .total-price {
  font-family: "Bold";
  font-size: 1.3rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #000;
}
.book-now .book-btn {
  background-color: #2A486C;
  border: 1px solid #2A486C !important;
  border: none;
  border-radius: 5px;
  color: #fff;
}
.book-now .book-btn:hover {
  border: 1px solid #d1ad3c !important;
}

.book-now3 {
  position: relative;
  bottom: 120px;
}
.book-now3 p {
  font-family: "Regular";
  font-size: 1.3rem !important;
  line-height: 1.8rem;
  overflow: visible;
  color: #000 !important;
}
.book-now3 .pay-btn {
  border: 1px solid #e8eaeb;
  border-radius: 5px;
}
.book-now3 .pay-btn:hover {
  border-color: #d1ad3c !important;
}
.book-now3 .chekd {
  background: #d1ad3c1a 0% 0% no-repeat padding-box;
  border: 2px solid #d1ad3c;
}
.book-now3 .total-price {
  font-family: "Bold";
  font-size: 1.3rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #000;
}
.book-now3 .book-btn {
  background-color: #2A486C;
  border: 1px solid #2A486C !important;
  border: none;
  border-radius: 5px;
  color: #fff;
}
.book-now3 .book-btn:hover {
  border: 1px solid #d1ad3c !important;
}

.next-seminar h2 {
  font-family: "Bold";
  font-size: 1.6rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #000;
}
.next-seminar .card {
  height: auto;
  border-radius: 10px;
  overflow: hidden;
}
.next-seminar .card .card-title {
  font-family: "Bold";
  font-size: 1.1rem;
  line-height: 1.8rem;
  overflow: visible;
  color: #000;
  height: 3.8rem;
  overflow: hidden;
}
.next-seminar .card .card-text {
  font-family: "Regular";
  font-size: 0.9rem;
  line-height: 1.8rem;
  overflow: visible;
  color: #000;
}
.next-seminar .card .dash-btn {
  max-width: 200px;
  background-color: transparent !important;
  font-family: "Bold";
  font-size: 1.09rem;
  line-height: 1.8rem;
  overflow: visible;
  color: #d1ad3c !important;
}
.next-seminar .card .dash-btn::after {
  background-color: #d1ad3c;
  left: 5px !important;
}

.banner-hajj {
  background-image: url(../img/bannerhajj@2x.png);
  height: 450px;
  background-size: cover;
  color: white;
  position: relative;
  margin-bottom: 250px;
}
.banner-hajj .Quraan h4 {
  font-family: "Bold";
  font-size: 2.1rem;
  line-height: 1.9rem;
  overflow: visible;
  color: #fff;
}
.banner-hajj .Quraan p {
  font-family: "Regular";
  font-size: 1.6rem;
  line-height: 2.933rem;
  overflow: visible;
  color: #fff;
}
.banner-hajj .zwaj-service {
  top: 70%;
  position: absolute;
  background-image: url(../img/pattern-bg-top.png);
  border-radius: 20px;
  background-size: cover;
}
.banner-hajj .zwaj-service h1 {
  font-family: "Bold";
  font-size: 2rem;
  line-height: 2rem;
  overflow: visible;
  color: #000;
  margin-bottom: 1.8rem;
}
.banner-hajj .zwaj-service p {
  font-family: "Regular";
  font-size: 1.1rem;
  line-height: 2rem;
  overflow: visible;
  color: #000;
}
.banner-hajj .zwaj-service .icon-ka3ba {
  position: relative;
  padding-top: 60px !important;
}
.banner-hajj .zwaj-service .icon-ka3ba:before {
  content: "";
  display: inline-block;
  background: url(../img/icons.png) no-repeat -525px -30px;
  width: 34px;
  height: 36px;
  position: absolute;
  top: 10px;
}
.banner-hajj .zwaj-service .brawen-border {
  width: 20%;
}

.form-style {
  border-radius: 12px;
  border: 1px solid #EBEBEB;
  box-shadow: 0px 3px 15px #00000008;
  border-color: #ebebeb !important;
  background-color: #fff;
}

#calendar {
  max-width: 800px;
  margin: 0 auto;
  color: black !important;
  background-color: white;
}
#calendar .thead {
  background-image: url(../img/clender-back.png);
}
#calendar .fc-event-title {
  display: none !important;
}
#calendar .fc-h-event {
  margin: 5px auto;
  height: 4px;
}
#calendar a {
  color: black !important;
}
#calendar .fc-header-toolbar {
  background-image: url(../img/clender-back.png);
  margin-bottom: 0px !important;
  padding: 20px 5px;
  display: flex;
  justify-content: center;
  position: relative;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  position: relative;
}
#calendar .fc-button-group {
  width: 100% !important;
  position: absolute;
  top: 19px;
  left: 0;
}
#calendar .fc-prev-button,
#calendar .fc-prev-button {
  position: absolute;
}
#calendar .fc-prev-button {
  left: 20%;
}
#calendar .fc-next-button {
  left: 20%;
}
#calendar .fc-button-primary {
  background-color: transparent !important;
  color: black !important;
  border: none;
}
#calendar .fc-button-primary:focus {
  box-shadow: 0 0 0 0rem rgba(76, 91, 106, 0.5) !important;
}

/*------------ Global Media Queries ------------*/
@media screen and (min-width: 1280px) {
  .container {
    max-width: 1250px;
    padding: 0 !important;
  }
}
@media screen and (max-width: 1200px) {
  footer {
    background-size: cover !important;
  }

  .home-slidr {
    margin-bottom: 180px !important;
  }
  .home-slidr .main-text {
    position: absolute;
    top: 7%;
    right: 5px;
  }
  .home-slidr .timeslal {
    top: 95%;
    right: 18px !important;
  }

  .banner {
    background-image: unset !important;
    height: unset !important;
    margin-bottom: unset !important;
  }
  .banner .Quraan {
    background-image: url(../img/banner@2x.png) !important;
    background-size: cover !important;
    padding: 25px 10px;
    height: 360px;
  }
  .banner .zwaj-service {
    position: relative;
  }
}
@media screen and (max-width: 992px) {
  tr th {
    max-width: 117px !important;
  }

  .timeslal {
    bottom: 107% !important;
  }

  html {
    font-size: 12px;
  }

  .home-slidr {
    margin-bottom: 50px !important;
  }
  .home-slidr .main-text {
    position: absolute;
    top: 15%;
    right: 47px;
  }
  .home-slidr .timeslal {
    display: none;
  }

  .slick-arrow {
    display: none !important;
  }

  .slick-dots {
    position: absolute;
    bottom: 5% !important;
    width: 20% !important;
    left: 5% !important;
  }

  .navbar-collapse {
    position: absolute;
    background-color: white;
    z-index: 9999999999;
    top: 100%;
    padding-left: 60px;
    padding-right: 10px;
    border: 1px solid #d1ad3c;
  }
}
@media screen and (max-width: 991px){
.gools {
  background: url(../img/a.jpg) no-repeat;
  background-size: 100% 100%;
}
}
@media screen and (max-width: 767px) {
  .slick-dots {
    position: absolute;
    bottom: 5% !important;
    width: 65% !important;
    left: 5% !important;
  }

  .modal-dialog-lg {
    max-width: 600px !important;
  }

  .book-now,
.book-now3 {
    bottom: 0;
  }

  .home-slidr {
    margin-bottom: 50px !important;
  }
  .home-slidr .main-text {
    position: absolute;
    top: 10%;
    right: 47px;
  }
  .home-slidr .timeslal {
    display: none;
  }

  .mwaket {
    transform: scale(0.8);
  }
}
@media screen and (max-width: 575px) {
  .latet {
    font-size: 16px;
  }

  .home-slidr .slick-dots {
    position: absolute;
    top: calc(69% - 100px) !important;
    width: 65% !important;
    left: 20% !important;
  }

  .slick-dots {
    left: 20% !important;
  }

  .main-text {
    background: rgba(50, 50, 50, 0.5);
    position: relative !important;
    top: 0%;
    right: 0px !important;
    padding: 5px 15px;
    height: 16.5rem !important;
  }
  .main-text h2 {
    height: 4.2rem;
    line-height: 2.2rem !important;
    overflow: hidden !important;
  }
  .main-text p {
    height: 4rem !important;
  }

  .py-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .banner {
    background-image: unset !important;
    height: unset !important;
    margin-bottom: unset !important;
  }
  .banner .Quraan {
    background-image: url(../img/banner@2x.png) !important;
    background-size: cover !important;
    padding: 25px 10px;
    height: 360px;
  }
  .banner .zwaj-service {
    position: relative;
  }

  .mt-n3 {
    margin-top: -0.75rem !important;
  }

  /*  .popup-info {
      width: 300px !important;
  } */
}
.popup {
  z-index: 1000000000000000300000000000;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: scroll;
}
.popup .fa-window-close {
  color: #393939;
  font-size: 1.8rem;
  left: 15px;
  top: 50px;
  cursor: pointer;
}
.popup .card {
  width: 800px;
}

.more-news {
  font-family: "Bold";
  font-size: 1.09rem;
  line-height: 1.8rem;
  overflow: visible;
  color: #d1ad3c;
  border-radius: 8px;
  background-color: #D1AD3C1A;
  border: 1px solid #d1ad3c;
}

/* p {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -moz-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
} */
.addthis-smartlayers-desktop,
.addthis-smartlayers-mobile {
  display: none !important;
}

.bootstrap-timepicker-widget {
  direction: ltr;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #fff !important;
}

.imgs-user {
  white-space: nowrap;
  /*		overflow-x: scroll; 
  */
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
}

::-webkit-scrollbar {
  height: 5px !important;
}

/*# sourceMappingURL=stylesheet.css.map */