#slider-banner-section h4 {color:#fff;
margin-top:50px;


font-family: var(--Cairo-font);
  margin-bottom: 20px;
  font-size: 26px;
  letter-spacing: 0.5px;
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff;
  
  }



/**----------------------------------------
START: Client CSS
----------------------------------------*/
.tj-client-section {
  position: relative;
}
.tj-client-section .client-container {
  padding: 0;
  overflow: hidden;
}
.tj-client-section-2 {
  background-color: var(--tj-color-theme-primary);
  border-radius: 12px;
  padding: 30px 5px;
  margin-top: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-client-section-2 {
    padding: 18px 5px;
  }
}

.client-section-gap {
  padding-top: 80px;
  padding-bottom: 80px;
}
.client-section-gap-a {
padding-top: 158px;
  padding-bottom: 139px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .client-section-gap {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .client-section-gap {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.client-section-gap-2 {
  padding: 100px 0;
  margin: 120px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .client-section-gap-2 {
    padding: 80px 0;
    margin: 90px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .client-section-gap-2 {
    padding: 65px 0;
    margin: 70px 0;
  }
}
@media (max-width: 575px) {
  .client-section-gap-2 {
    padding: 60px 0;
    margin: 50px 0;
  }
}

.client-content {
  width: 320px;
  height: 320px;
  border-radius: 50%;
  border: 1px dashed var(--tj-color-border-1);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
    top: 50%;
  inset-inline-start: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
}
.client-content .sec-title {
  max-width: 200px;
  width: 100%;
  letter-spacing: 0;
  font-weight: var(--tj-fw-sbold);
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .client-content .sec-title {
    font-size: 15px;
  }
}
.client-content span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.client-content .client-numbers {
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
  line-height: 1.2;
  border-radius: 50px;
  padding: 0 5px;
}
.client-content .client-text {
  color: var(--tj-color-text-body-3);
  position: relative;
}
.client-content .client-text::after {
  content: "";
  position: absolute;
  bottom: 3px;
  inset-inline-start: auto;
  width: 100%;
  border-bottom: 1px solid rgba(12, 30, 33, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .client-content {
    width: 260px;
    height: 260px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .client-content {
    width: 220px;
    height: 220px;
  }
}
@media (max-width: 575px) {
  .client-content {
    width: 190px;
    height: 190px;
  }
}
.client-content.style-2 {
  max-width: 440px;
  width: 100%;
  display: block;
  margin: 0 auto 60px;
  height: auto;
  border-radius: 40px;
  position: unset;
  background: transparent;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
  padding: 0 15px 4px;
}
@media (max-width: 575px) {
  .client-content.style-2 {
    padding: 4px 15px 4px;
  }
}
.client-content.style-2 .sec-title {
  max-width: 100%;
  line-height: 1.2;
  margin-bottom: 0;
  letter-spacing: -0.6px;
}
.client-content.style-2 .client-numbers {
  color: var(--tj-color-theme-primary);
  background: transparent;
  padding: 0;
  border-radius: 0;
}
.client-content.style-2 .client-text::after {
  display: none;
}
@media (max-width: 575px) {
  .client-content.style-2 {
    width: calc(100% - 30px);
    margin: 0 auto 40px;
  }
}


.client-slider .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.client-slider-1 {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.client-slider-1::before, .client-slider-1::after {
  content: "";
  position: absolute;
  width: 448px;
  height: 100%;
  /* background-image: -webkit-gradient(linear, left top, right top, from(rgb(233, 237, 237)), to(rgba(233, 237, 237, 0)));
  background-image: linear-gradient(90deg, rgb(233, 237, 237) 0%, rgba(233, 237, 237, 0) 100%); */
  top: 0;
  inset-inline-start: 0;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .client-slider-1::before, .client-slider-1::after {
    width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .client-slider-1::before, .client-slider-1::after {
    width: 200px;
  }
}
@media (max-width: 575px) {
  .client-slider-1::before, .client-slider-1::after {
    width: 100px;
  }
}
.client-slider-1::after {
  inset-inline-start: auto;
  inset-inline-end: 0;
  /* background-image: -webkit-gradient(linear, right top, left top, from(rgb(233, 237, 237)), to(rgba(233, 237, 237, 0)));
  background-image: linear-gradient(-90deg, rgb(233, 237, 237) 0%, rgba(233, 237, 237, 0) 100%); */
}

.client-item {
  /* width: auto; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-padding-end: 30px;
          padding-inline-end: 30px;
}

.right-sidebar {
    position: relative; /* مهم للـ jQuery */
}

.sidebar-inner {
    width: 100%;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .client-item {
    -webkit-padding-end: 20px;
            padding-inline-end: 20px;
  }
}

.client-logo {
  width: 284px;
  height: 120px;
  background-color: var(--tj-color-common-white);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 5;
  border-radius: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .client-logo {
    width: 220px;
    height: 90px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .client-logo {
    width: 190px;
    height: 70px;
    padding: 20px;
  }
}

.client-slider-2 .client-logo {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.client-slider-2 .client-logo img {
  opacity: 0.85;
}
.client-slider .swiper-slide {
  width: auto;        /* مهم جداً */
}
.multi-lang-box {
	margin-top:5px;
}.modern-card  {
	margin-top:20px;
}
.client-item {
  /* width: 180px;       /* أو أي عرض يناسبك */ */
}

.client-slider {
  height: 120px; /* اختر الارتفاع المناسب */
}

.client-slider .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* !END: Client CSS */





/**----------------------------------------
START: Faq CSS
----------------------------------------*/
.tj-faq-section .sec-heading {
  max-width: 550px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-faq-section .sec-heading {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-faq-section .content-wrap .desc {
    margin-bottom: 20px;
  }
  .tj-faq-section .content-wrap .desc br {
    display: none;
  }
}

.faq-img-area {
  /* max-width: 585px; */
  /* position: relative; */
}
.faq-img-area .faq-img {
  width: 100%;
  /* height: 100%; */
  /* position: relative; */
  border-radius: 12px;
  overflow: hidden;
}
.faq-img-area .faq-img img {
  width: 100%;
  height: 100%;
  max-height:600px;
  -o-object-fit: cover;
     object-fit: cover;
}
.faq-img-area .faq-img .title {
  position: absolute;
  top: 40px;
  inset-inline-start: 30px;
  max-width: 400px;
  color: var(--tj-color-common-white);
  z-index: 2;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .faq-img-area .faq-img .title {
    max-width: 280px;
  }
}
.faq-img-area .faq-img::after {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background-color: var(--tj-color-theme-dark);
  opacity: 0.25;
}
.faq-img-area .box-area {
  max-width: 239px;
  bottom: 0;
  inset-inline-end: 0;
  inset-inline-start: inherit;
  padding: 15px 0 0 15px;
  border-start-start-radius: 12px;
  border-start-end-radius: 0;
}
.faq-img-area .box-area::before {
  inset-inline-start: inherit;
  inset-inline-end: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.faq-img-area .box-area::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  inset-inline-start: -12px;
  inset-inline-end: inherit;
}
@media (max-width: 575px) {
  .faq-img-area .box-area {
    max-width: 215px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-img-area {
    max-width: 100%;
  }
}

.call-box {
  background-color: var(--tj-color-theme-primary);
  border-radius: 10px;
  padding: 25px 20px 30px;
}
.call-box .call-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--tj-color-theme-dark);
  color: var(--tj-color-common-white);
  font-size: 20px;
  height: 52px;
  width: 52px;
  border-radius: 50%;
  margin-bottom: 9px;
}
@media (max-width: 575px) {
  .call-box .call-icon {
    font-size: 18px;
    height: 45px;
    width: 45px;
  }
}
.call-box .title {
  color: var(--tj-color-common-white);
  font-weight: var(--tj-fw-sbold);
  max-width: 145px;
  margin-bottom: 29px;
}
@media (max-width: 575px) {
  .call-box .title {
    margin-bottom: 18px;
  }
}
.call-box .number {
  color: var(--tj-color-common-white);
  font-size: 20px;
  font-weight: var(--tj-fw-sbold);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.call-box .number span {
  position: relative;
}
.call-box .number span::after {
  content: "";
  position: absolute;
  bottom: -2px;
  inset-inline-end: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
}
.call-box .number:hover span::after {
  -webkit-animation: linehover 0.8s linear;
  animation: linehover 0.8s linear;
}
@media (max-width: 575px) {
  .call-box .number {
    font-size: 18px;
  }
}
.call-box:hover .call-icon {
  -webkit-animation: bellshake 0.5s linear;
          animation: bellshake 0.5s linear;
}
@media (max-width: 575px) {
  .call-box {
    padding: 20px 18px 25px;
  }
}

.tj-faq .accordion-item {
margin-bottom: 20px;
  padding: 0 30px;
  border-radius: 8px;
  border: 0;
  position: relative;
  background-color:#FFFFFF;
}
.tj-faq .accordion-item:last-child {
  margin-bottom: 0;
}
.tj-faq .accordion-item .faq-title {
  font-size: 18px;
  text-align: start;
  padding: 27px 60px 27px 0;
  width: 100%;
  position: relative;
  z-index: 2;
  -webkit-transition: none;
  border:0px;
  background-color:transparent;
  transition: none;
}
.tj-faq .accordion-item .faq-title::after {
  content: "\f067"; /* رمز Font Awesome للـ plus */
  font-family: FontAwesome;
  font-weight: normal;
  font-size: 20px;
  color: var(--tj-color-theme-primary);
  position: absolute;
  right: 0px; /* على اليمين */
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 2px solid var(--tj-color-theme-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-faq .accordion-item .faq-title {
    padding: 20px 40px 20px 0;
  }
}
.tj-faq .accordion-item .accordion-body {
  padding: 0;
  padding-bottom: 25px;
  margin-top: 15px;
  color: var(--tj-color-text-body);
}
.tj-faq .accordion-item .accordion-body p:last-child {
  margin-bottom: 0;
}
.tj-faq .accordion-item.active .faq-title {
  border-bottom: 1px dashed var(--tj-color-border-1);
}
.tj-faq .accordion-item.active .faq-title::after {
  content: "\f068"; /* رمز Font Awesome للـ minus */
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-faq .accordion-item {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-faq {
    padding-top: 40px;
  }
}
.tj-faq.style-2 .accordion-item.active {
  background-color: var(--tj-color-theme-primary);
}
.tj-faq.style-2 .accordion-item.active .faq-title {
  color: var(--tj-color-common-white);
  border-color: rgba(255, 255, 255, 0.15);
}
.tj-faq.style-2 .accordion-item.active .faq-title::after {
  color: var(--tj-color-common-white);
  border-color: rgba(255, 255, 255, 0.1);
}
.tj-faq.style-2 .accordion-item.active .accordion-body p {
  color: var(--tj-color-common-white);
}

/* !END: Faq CSS */




.faq-img-area .box-area {
  -webkit-padding-start: 15px;
  padding-inline-start: 15px;
  -webkit-padding-end: 0;
  padding-inline-end: 0;
}
.faq-img-area .box-area {
  max-width: 239px;
  bottom: 0;
  inset-inline-end: 0;
  inset-inline-start: inherit;
  padding: 15px 0 0 15px;
  border-start-start-radius: 12px;
  border-start-end-radius: 0;
}
.box-area {
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  -webkit-padding-end: 15px;
  padding-inline-end: 15px;
}
.box-area {
  background: var(--tj-color-grey-1);
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  max-width: 241px;
  width: 100%;
  padding: 15px 15px 0 0;
  border-start-end-radius: 12px;
}





/**----------------------------------------
START: Theme Footer CSS
----------------------------------------*/
.tj-footer-section {
  background-color: var(--tj-color-theme-bg);
  position: relative;
  z-index: 1;
  padding-top: 95px;
  border-radius: 12px;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-footer-section {
    padding-top: 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-footer-section {
    padding-top: 135px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-footer-section {
    padding-top: 320px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section {
    padding-top: 270px;
    margin-bottom: 0;
    border-end-start-radius: 0;
    border-end-end-radius: 0;
  }
}

.footer-main-area {
  position: relative;
  padding: 10px 0 90px 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-main-area {
    padding: 10px 0;
  }
}

.footer-logo {
  max-width: 150px;
}

.award-logo-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 18px;
}
.award-logo-area .award-logo {
  max-width: 96px;
}.award-logo img{
  max-width: 96px;
}

.footer-widget .footer-text {
  max-width: 280px;
  width: 100%;
}
.footer-widget .footer-text p {
  margin-top: 28px;
  margin-bottom: 34px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-widget .footer-text p {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-widget .footer-text {
    max-width: 100%;
  }
}
.footer-widget .title {
  font-weight: var(--tj-fw-sbold);
  margin-bottom: 33px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-widget .title {
    margin-bottom: 18px;
  }
}
.footer-widget.footer-col-1 .footer-text p {
  color: var(--tj-color-text-body-2);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-widget.footer-col-1 {
    margin-bottom: 10px;
  }
}

.social-links ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.social-links ul li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: rgba(12, 30, 33, 0.3);
  font-size: 16px;
  line-height: 1;
}
.social-links ul li a i {
  color: var(--tj-color-theme-bg);
}
.social-links ul li a:hover {
  background-color: var(--tj-color-theme-primary);
  -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px);
}
.social-links ul li a:hover i {
  color: var(--tj-color-common-white);
}
.social-links ul li::after {
  display: none;
}
.social-links.style-2 ul li a {
  background-color: var(--tj-color-common-white);
  opacity: 0.4;
}
.social-links.style-2 ul li a i {
  color: var(--tj-color-theme-primary);
}
.social-links.style-2 ul li a:hover {
  opacity: 1;
}
.social-links.style-3 ul li a {
  background-color: var(--tj-color-common-white);
  opacity: 0.3;
}
.social-links.style-3 ul li a i {
  color: var(--tj-color-theme-dark);
}
.social-links.style-3 ul li a:hover {
  background-color: var(--tj-color-theme-primary);
  opacity: 1;
}
.social-links.style-3 ul li a:hover i {
  color: var(--tj-color-common-white);
}

.widget-nav-menu {
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
}
.widget-nav-menu ul {
  list-style: none;
}
.widget-nav-menu ul li {
  padding: 6px 0;
}
.widget-nav-menu ul li:first-child {
  padding-top: 0;
}
.widget-nav-menu ul li a {
  color: var(--tj-color-text-body);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.widget-nav-menu ul li a .badge {
  font-size: 10px;
  text-transform: uppercase;
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
  border-radius: 50px;
  padding: 3px 6px 4px;
}
.widget-nav-menu ul li a:hover {
  color: var(--tj-color-theme-primary);
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .widget-nav-menu {
    -webkit-padding-start: 20px;
            padding-inline-start: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget-nav-menu {
    -webkit-padding-start: 80px;
            padding-inline-start: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-nav-menu {
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-nav-menu {
    margin-top: 30px;
  }
}
.widget-nav-menu.footer-col-3, .widget-nav-menu.footer-col-2 {
  -webkit-padding-start: 115px;
          padding-inline-start: 115px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .widget-nav-menu.footer-col-3, .widget-nav-menu.footer-col-2 {
    -webkit-padding-start: 70px;
            padding-inline-start: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-nav-menu.footer-col-3, .widget-nav-menu.footer-col-2 {
    margin-top: 30px;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
}
.widget-nav-menu.footer-col-3 {
  -webkit-padding-start: 120px;
          padding-inline-start: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .widget-nav-menu.footer-col-3 {
    -webkit-padding-start: 80px;
            padding-inline-start: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-nav-menu.footer-col-3 {
    margin-top: 30px;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
}

.widget-subscribe {
  max-width: 350px;
  width: 100%;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
.widget-subscribe .title {
  margin-bottom: 25px;
  font-weight: var(--tj-fw-medium);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .widget-subscribe {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-subscribe {
    max-width: 100%;
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    margin-top: 30px;
  }
}

.subscribe-form {
  position: relative;
}
.subscribe-form input[type=email] {
  height: 64px;
  padding: 15px 60px 15px 25px;
  border: 0;
  border-radius: 8px;
  outline: 1px solid transparent;
  width: 100%;
}
.subscribe-form input[type=email]:focus {
  outline-color: var(--tj-color-theme-primary);
}
.subscribe-form input[type=checkbox] {
  position: relative;
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
  width: 18px;
  height: 18px;
  border: 1px solid var(--tj-color-theme-dark);
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer;
}.subscribe-form label {
  color: var(--tj-color-text-body);
  margin-top: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.subscribe-form input[type=checkbox]::before {
  content: "\e911";
  font-size: 10px;
  line-height: 1;
  font-family: "bexon-icons" !important;
  color: var(--tj-color-common-white);
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 16px;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.subscribe-form input[type=checkbox]:checked {
  background-color: var(--tj-color-theme-dark);
}
.subscribe-form input[type=checkbox]:checked::before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.subscribe-form button {
  position: absolute;
  width: 64px;
  border:0px;
  background-color:transparent;
  height: 64px;
  inset-inline-end: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 26px;
  line-height: 1;
  color: var(--tj-color-theme-primary);
}
.subscribe-form button i {
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.subscribe-form button:hover i, .subscribe-form button:focus i {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
.subscribe-form button::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 20px;
  height: 24px;
  -webkit-border-start: 1px solid var(--tj-color-border-1);
          border-inline-start: 1px solid var(--tj-color-border-1);
}
.subscribe-form label {
  color: var(--tj-color-text-body);
  margin-top: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.subscribe-form label a {
  color: var(--tj-color-theme-dark);
  font-weight: var(--tj-fw-sbold);
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
}
.subscribe-form label a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .subscribe-form {
    margin-top: 18px;
  }
}

.copyright-content-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  padding: 20px 0;
}
.copyright-content-area .footer-contact ul {
  list-style: none;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 22px;
}
.copyright-content-area .footer-contact ul li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
  color: var(--tj-color-text-body);
}
.copyright-content-area .footer-contact ul li a .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-primary);
  font-size: 28px;
  line-height: 1;
}
.copyright-content-area .footer-contact ul li a .icon i {
  color: var(--tj-color-common-white);
}
.copyright-content-area .footer-contact ul li a .text {
  position: relative;
}
.copyright-content-area .footer-contact ul li a .text::before {
  content: "";
  position: absolute;
  bottom: -2px;
  inset-inline-start: auto;
  inset-inline-end: 0;
  width: 0;
  height: 1px;
  background-color: var(--tj-color-text-body);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.copyright-content-area .footer-contact ul li a:hover .text::before {
  width: 100%;
  inset-inline-start: 0;
  inset-inline-end: auto;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-content-area .footer-contact {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-content-area .social-links ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-content-area .social-links {
    width: 100%;
  }
}
.copyright-content-area .copyright-text p {
  margin: 0;
}
.copyright-content-area .copyright-text a {
  color: var(--tj-color-common-black);
}
.copyright-content-area .copyright-text a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-content-area .copyright-text {
    width: 100%;
    text-align: center;
  }
}
.copyright-content-area .copyright-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.copyright-content-area .copyright-menu ul li {
  position: relative;
  -webkit-margin-end: 13px;
          margin-inline-end: 13px;
  -webkit-padding-end: 12px;
          padding-inline-end: 12px;
  z-index: 1;
}
.copyright-content-area .copyright-menu ul li::before {
  content: "";
  background: var(--tj-color-border-2);
  position: absolute;
  width: 1px;
  height: 11px;
  top: 50%;
  inset-inline-end: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.copyright-content-area .copyright-menu ul li a {
  font-size: 16px;
  font-weight: var(--tj-fw-regular);
  color: var(--tj-color-text-body-2);
}
.copyright-content-area .copyright-menu ul li a:hover {
  color: var(--tj-color-common-white);
}
.copyright-content-area .copyright-menu ul li:last-child {
  -webkit-padding-end: 0;
          padding-inline-end: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}
.copyright-content-area .copyright-menu ul li:last-child::before {
  display: none;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-content-area .copyright-menu {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-content-area {
    gap: 18px;
  }
}

.tj-copyright-area {
  padding-bottom: 30px;
}
.tj-copyright-area .copyright-content-area {
  border-top: 1px solid var(--tj-color-border-1);
  border-bottom: 1px solid var(--tj-color-border-1);
  padding: 20px 0;
}

.tj-footer-section.footer-2 {
  background-color: var(--tj-color-theme-dark);
  padding-top: 100px;
}
.tj-footer-section.footer-2 .footer-widget .title {
  color: var(--tj-color-common-white);
}
.tj-footer-section.footer-2 .footer-widget ul li a {
  color: var(--tj-color-text-body-2);
}
.tj-footer-section.footer-2 .footer-widget ul li a:hover {
  color: var(--tj-color-theme-primary);
}
.tj-footer-section.footer-2 .footer-col-1 {
  position: relative;
}
.tj-footer-section.footer-2 .footer-col-1::before {
  content: "";
  position: absolute;
  bottom: -160px;
  inset-inline-start: -50px;
  width: 350px;
  height: 300px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(50px);
  filter: blur(50px);
  opacity: 0.15;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section.footer-2 {
    padding-top: 60px;
  }
}

.footer-subscribe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  padding: 40px 50px;
  border-radius: 12px;
}
.footer-subscribe .subscribe-form {
  width: 49%;
}
.footer-subscribe .subscribe-form input[type=email] {
  color: var(--tj-color-text-body-2);
  background-color: transparent;
  backdrop-filter: blur(10px);
  border-radius: 50px;
  padding: 5px 205px 5px 30px;
  outline: 1px solid transparent;
}
@media (max-width: 575px) {
  .footer-subscribe .subscribe-form input[type=email] {
    padding: 5px 24px 5px;
  }
}
.footer-subscribe .subscribe-form input[type=email]::-webkit-input-placeholder {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--tj-color-text-body-2);
}
.footer-subscribe .subscribe-form input[type=email]::-moz-placeholder {
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--tj-color-text-body-2);
}
.footer-subscribe .subscribe-form input[type=email]:-ms-input-placeholder {
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--tj-color-text-body-2);
}
.footer-subscribe .subscribe-form input[type=email]::-ms-input-placeholder {
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--tj-color-text-body-2);
}
.footer-subscribe .subscribe-form input[type=email]::placeholder {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--tj-color-text-body-2);
}
.footer-subscribe .subscribe-form input[type=email]:focus {
  outline-color: var(--tj-color-theme-primary);
}
.footer-subscribe .subscribe-form button {
  width: auto;
  height: auto;
  top: 6px;
  inset-inline-end: 8px;
  font-size: 16px;
  font-weight: var(--tj-fw-sbold);
}
@media (max-width: 575px) {
  .footer-subscribe .subscribe-form button {
    position: static;
    margin-top: 20px;
  }
}
.footer-subscribe .subscribe-form button::before {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-subscribe .subscribe-form {
    width: 70%;
    margin-top: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-subscribe .subscribe-form {
    width: 100%;
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-subscribe {
    padding: 30px 20px;
  }
}

.subscribe-logo {
  max-width: 225px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .subscribe-logo {
    max-width: 160px;
  }
}

.widget-contact {
  -webkit-padding-start: 76px;
          padding-inline-start: 76px;
}
.widget-contact .title {
  color: var(--tj-color-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .widget-contact {
    -webkit-padding-start: 30px;
            padding-inline-start: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .widget-contact {
    margin-top: 30px;
    -webkit-padding-start: 70px;
            padding-inline-start: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-contact {
    margin-top: 30px;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
}

.footer-contact-info {
  max-width: 230px;
  width: 100%;
}
.footer-contact-info .contact-item {
  margin-bottom: 14px;
}
.footer-contact-info .contact-item:last-child {
  margin-bottom: 0;
}
.footer-contact-info .contact-item span {
  color: var(--tj-color-text-body-2);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.footer-contact-info .contact-item span i {
  font-size: 20px;
  color: var(--tj-color-theme-primary);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.footer-contact-info .contact-item a {
  color: var(--tj-color-common-white);
  font-weight: var(--tj-fw-sbold);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 3px;
}
.footer-contact-info .contact-item a:hover {
  color: var(--tj-color-theme-primary);
}

.footer-marquee {
  border-top: 1px dashed var(--tj-color-border-2);
  border-bottom: 1px dashed var(--tj-color-border-2);
}
.footer-marquee .marquee-text {
  opacity: 0.2;
}
.footer-marquee .marquee-text:hover {
  opacity: 0.7;
}

.tj-copyright-area-2 .copyright-content-area {
  padding: 25px 0;
}
.tj-copyright-area-2 .copyright-text p {
  color: var(--tj-color-text-body-2);
}
.tj-copyright-area-2 .copyright-text a {
  color: var(--tj-color-common-white);
}
.tj-copyright-area-2 .copyright-text a:hover {
  color: var(--tj-color-theme-bg);
}

.tj-footer-section.footer-3 {
  background-color: var(--tj-color-theme-dark);
  position: relative;
  z-index: 1;
  padding-top: 0;
}
.tj-footer-section.footer-3 .footer-main-area {
  padding-top: 20px;
  padding-bottom: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-footer-section.footer-3 .footer-main-area {
    padding-top: 10px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section.footer-3 .footer-main-area {
    padding-top: 70px;
    padding-bottom: 60px;
  }
}
.tj-footer-section.footer-3 .footer-widget .title {
  color: var(--tj-color-common-white);
}
.tj-footer-section.footer-3 .footer-widget ul li a {
  color: var(--tj-color-text-body-2);
}
.tj-footer-section.footer-3 .footer-widget ul li a:hover {
  color: var(--tj-color-theme-primary);
}

.footer-bottom-area {
  padding-bottom: 50px;
}

.widget-subscribe-2 {
  max-width: 850px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  padding: 40px 30px;
  border-radius: 12px;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 50px;
}
.widget-subscribe-2 .title {
  color: var(--tj-color-common-white);
  max-width: 250px;
  width: 100%;
  margin-bottom: 25px;
  font-weight: var(--tj-fw-medium);
}
.widget-subscribe-2 .subscribe-form {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.widget-subscribe-2 .subscribe-form input[type=email] {
  background-color: transparent;
  backdrop-filter: blur(10px);
  border-radius: 10px;
  color: var(--tj-color-text-body-2);
  outline: 1px solid transparent;
}
.widget-subscribe-2 .subscribe-form input[type=email]::-webkit-input-placeholder {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--tj-color-text-body-2);
}
.widget-subscribe-2 .subscribe-form input[type=email]::-moz-placeholder {
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--tj-color-text-body-2);
}
.widget-subscribe-2 .subscribe-form input[type=email]:-ms-input-placeholder {
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--tj-color-text-body-2);
}
.widget-subscribe-2 .subscribe-form input[type=email]::-ms-input-placeholder {
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--tj-color-text-body-2);
}
.widget-subscribe-2 .subscribe-form input[type=email]::placeholder {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--tj-color-text-body-2);
}
.widget-subscribe-2 .subscribe-form input[type=email]:focus {
  outline-color: var(--tj-color-theme-primary);
}
.widget-subscribe-2 .subscribe-form button::before {
  border-color: var(--tj-color-theme-dark-4);
}
.widget-subscribe-2 .subscribe-form input[type=checkbox] {
  border: 1px solid var(--tj-color-text-body-2);
}
.widget-subscribe-2 .subscribe-form input[type=checkbox]::before {
  color: var(--tj-color-theme-dark);
}
.widget-subscribe-2 .subscribe-form input[type=checkbox]:checked {
  background-color: var(--tj-color-common-white);
  border-color: var(--tj-color-common-white);
}
.widget-subscribe-2 .subscribe-form label {
  color: var(--tj-color-text-body-2);
}
.widget-subscribe-2 .subscribe-form label a {
  color: var(--tj-color-common-white);
}
.widget-subscribe-2 .subscribe-form label a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-subscribe-2 .subscribe-form {
    margin-top: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .widget-subscribe-2 {
    max-width: 760px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget-subscribe-2 {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-subscribe-2 {
    max-width: 100%;
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    margin-top: 30px;
    padding: 30px 20px;
    gap: 0;
  }
}

.tj-copyright-area-3 {
  background-color: var(--tj-color-theme-primary);
}
.tj-copyright-area-3 .copyright-content-area {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 25px 0;
}
.tj-copyright-area-3 .copyright-text p {
  color: var(--tj-color-common-white);
}
.tj-copyright-area-3 .copyright-text a {
  color: var(--tj-color-common-white);
}
.tj-copyright-area-3 .copyright-text a:hover {
  color: var(--tj-color-theme-bg);
}
a,
.btn,
button,
span,
p,
input,
select,
textarea,
li,
svg path,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
/* !END: Theme Footer CSS */



/**----------------------------------------
START: Countup CSS
----------------------------------------*/
.tj-countup-section {
  position: relative;
  z-index: 2;
  margin-bottom: -122px;
}

.countup-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: var(--tj-color-theme-primary);
  border-radius: 12px;
}

.countup-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 25%;
  padding: 68px 50px 74px 50px;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .countup-item {
    padding: 55px 30px 60px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .countup-item {
    width: 50%;
    padding: 45px 30px 50px 30px;
  }
}
@media (max-width: 575px) {
  .countup-item {
    width: 100%;
    padding: 38px 0 45px 0;
    text-align: center;
  }
  .countup-item:last-child {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .countup-item:nth-child(2) .count-separator {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .countup-item:nth-child(4), .countup-item:nth-child(3) {
    padding-top: 0;
  }
}

.inline-content {
  font-size: 74px;
  line-height: 1;
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-common-white);
  font-family: var(--tj-ff-heading);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
  letter-spacing: -1.48px;
}
.inline-content .odometer {
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-common-white);
  font-family: var(--tj-ff-heading);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.inline-content .odometer .odometer-digit,
.inline-content .odometer span {
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-common-white);
  font-family: var(--tj-ff-heading);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: bottom;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .inline-content {
    font-size: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .inline-content {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .inline-content {
    font-size: 55px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.count-text {
  color: var(--tj-color-common-white);
  display: block;
}

.count-separator {
  position: absolute;
  width: 10px;
  height: 90px;
  top: 50%;
  inset-inline-end: -5px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0.15;
}
@media (max-width: 575px) {
  .count-separator {
    top: inherit;
    bottom: 0;
    inset-inline-end: 50%;
    -webkit-transform: translate(0, 50%) rotate(90deg);
        -ms-transform: translate(0, 50%) rotate(90deg);
            transform: translate(0, 50%) rotate(90deg);
  }
}

/* !END: Countup CSS */


/*------ testimonilas------------------------------------------------*/
.testimonilas-carousel-wrap {
    position: relative;
    overflow: hidden; /* يمنع التمدد الزائد */
    max-width: 100%; /* يمنع العنصر من التمدد */
    height: 500px;  /* حدد ارتفاع ثابت */
    box-sizing: border-box; /* يضمن أن padding والحدود تكون داخل الحجم */
}

.testimonilas-carousel {
    overflow: hidden; /* يمنع التمدد داخل الـ carousel */
}

.swiper-container {
    width: 100%;  /* تأكد من أن السلايدر لا يتمدد أكثر من الحاوية */
    /* height: 100%; /* تأكد من أن السلايدر يتناسب مع الحاوية */ 
    box-sizing: border-box;
	/* max-height: 441px; */
}


.testi-item {
    transition: all .3s ease-in-out;
    transform :scale(0.9);
	opacity:0.9;
}
.testimonilas-text {
	padding: 75px 50px 75px;
    overflow: hidden;
    background: #F5F6FA;
	border:1px solid #eee;
	border-radius:10px;
    transition: all .3s ease-in-out;

}
.testimonilas-text:before, .testimonilas-text:after {
    font-family: Font Awesome\ 5 Pro;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    color: #ccc;
    opacity: .3;
    font-size: 32px;
    transition: all 400ms linear;
}
.testimonilas-text:after {
    content: "\f10e";
    bottom: 20px;
    right: 25px;
}
.testimonilas-text:before {
    content: "\f10e";
    top: 20px;
    left: 25px;
}
.testimonilas-text .listing-rating {
	float:none;
	display:inline-block;
	margin-bottom:12px;
}
.testimonilas-avatar  h3 {
	font-weight: 600;
    color: #7d93b2;
	font-size:18px;
}
.testimonilas-avatar  h4 {

	font-weight: 400;
	font-size:12px;
	padding-top:6px;
}
.testimonilas-carousel .swiper-slide{
	padding:30px 0;
}
.testi-avatar {
	position:absolute;
	left:50%;
	top:-30px;
	width:90px;
	height:90px;
	margin-left:-45px;
	z-index:20;
}
.testi-avatar img {
	width:90px;
	height:90px;
	float:left;
	border-radius:100%;
	border:6px solid #fff;
	box-shadow: 0 9px 26px rgba(58, 87, 135, 0.1);
}
.swiper-slide-active .testimonilas-text  {
    background: #fff;
	box-shadow: 0 9px 26px rgba(58, 87, 135, 0.1);
}
.testimonilas-text p{
    color: #878C9F;
	font-size: 14px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
	line-height: 24px;
    padding-bottom: 10px;
    font-weight: 500;
}
.testi-link {
	position:absolute;
	bottom:0;
    padding: 10px 0;
    border-radius:10px 10px 0 0;
    background: #f9f9f9;
    border: 1px solid #eee;
    box-shadow: 0 10px 15px rgba(0,0,0,0.03);
	left:50%;
	width:200px;
	margin-left:-100px;
}
.swiper-slide-active .testi-item {
	opacity:1;
    transform :scale(1.0);
	background:#fff;
}
.tc-pagination  {
	float:left;
	margin-top:10px;
	width:100% !important;
}
.tc-pagination_wrap {
	position:absolute;
	bottom:-40px;
	left:0;
	width:100%;
}
.tc-pagination2 {
	float:none;
	display:inline-block;
	background: #fff;
	padding:14px 0;
	border-radius:30px;
	min-width:250px;
	border-bottom:0;
}
.listing-carousel-wrap {
	height:500px;
}
.listing-carousel_pagination {
	position:absolute;
	width:100%;
	left:0;
	bottom:20px;
	z-index:100;
}
.hero_pagination {
	bottom:0;
	z-index:100;
}
.listing-carousel_pagination-wrap {
	display:inline-block;
	padding:6px 20px 10px;
	border-radius:20px;
	background:rgba(6,27,65,0.4);
}
.hero_pagination  .listing-carousel_pagination-wrap {
	padding:6px 60px 6px;
	background:#fff;
	position:relative;
	border-radius:30px 30px 0 0;
}
.listing-carousel_pagination .swiper-pagination-bullet , .ss-slider-pagination .swiper-pagination-bullet {
	margin:0 4px;
	width:6px;
	height:6px;
	background:#fff;
	opacity: .4;
}
.hero_pagination  .listing-carousel_pagination-wrap .swiper-pagination-bullet {
	background:#ccc;
	opacity: .8;
}
.listing-carousel_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active  , .ss-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	opacity:1;
}
.listing-carousel-button  {
	position:absolute;
	top:50%;
	width:80px;
	height:50px;
	line-height:50px;
	margin-top:-25px;
	z-index:100;
	cursor:pointer;
    background: #384F95;
    box-shadow: 0 9px 26px rgba(58, 87, 135, 0.45);
    transition: all 200ms linear;
}
.listing-carousel-button.listing-carousel-button-next , .listing-carousel-button.listing-carousel-button-next2 {
	right:-30px;
	padding-right:20px;
	border-radius:60px 0 0 60px;
}
.listing-carousel-button.listing-carousel-button-prev , .listing-carousel-button.listing-carousel-button-prev2 {
	left:-30px;
	padding-left:20px;
	border-radius:0 60px 60px 0;
}
.listing-carousel-button.listing-carousel-button-next:hover  , .listing-carousel-button.listing-carousel-button-next2:hover{
	right:-15px;
    background: rgba(6,27,65,0.4);
}
.listing-carousel-button.listing-carousel-button-prev:hover , .listing-carousel-button.listing-carousel-button-prev2:hover {
	left:-15px;
    background: rgba(6,27,65,0.4);
}
.listing-carousel-wrap .swiper-slide img  {
	width: auto!important;
	height:100% !important;
	position:relative;
	z-index:1;
}
.listing-carousel-wrap  .swiper-slide    {
 	width: auto!important;
	height:100% !important;
	display:inherit !important;
}
.box-media-zoom{
	position:absolute;
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:100%;
	color:#fff;
	z-index:10;
	top:20px;
	right:20px;
	font-size:12px;
    transition: all 300ms linear;
	box-shadow: 0 0 0 4px rgba(255,255,255,.2);
}.fl-wrap {
  float: left;
  width: 100%;
  position: relative;
}


.btn.color-bg , .btn.border-btn:hover , .btn.gradient-bg {
	color:#fff;
}.hidden-section {
	overflow:hidden;
}




/*------ collage-image------------------------------------------------*/
.collage-image {
    position: relative;
    width: 352px;
    margin: 0 auto;
    height: 300px;
}
.collage-image .main-collage-image {
    position: absolute;
    right: -120px;
    bottom: -120px;
	z-index:2;
}
.colomn-text-title h3 {
	text-align:left;
	font-size:34px;
	color:#fff;
	font-weight:900;
	padding-bottom:25px;
  font-family: var(--ztc-family-font1);
}
.images-collage-title {
	position:absolute;
	right:-90px;
	width:180px;
	padding:12px 0 15px;
	z-index:10;
	top:20px;
	border-radius:6px;
	text-align: center;
	box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.2);
}
.icdec:before {
    bottom: -22px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    /* border-top-color: #298F60; */
    border-width: 12px;
    margin-left: -32px;
}
.images-collage-title img {
	width:120px;
	height:auto;
}
.images-collage-title span {
	color:#fff;
}
.colomn-text-title p  , .colomn-text-list li p{
	text-align:left;
	color:#fff;
}
.colomn-text {
	float:left;
	width:100%;
	position:relative;
	padding:0 40px 0 0;
}
.pad-top-column-text {
	padding:80px;
	margin-bottom:20px;
}
.pad-top-column-text_small {
	padding-top:40px;
}
.down-btn {
	padding: 16px 55px 16px 70px;
    font-size: 13px;
    font-weight: 400;
    color: #7d93b2;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 500;
    box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.4);
    z-index: 10;
    background: #fff;
	float:left;
	position:relative;
	margin:35px 10px 0 0;
	transition: all .4s ease-in-out;
}
.down-btn:hover {
	color:#fff
}
.down-btn i {
    position: absolute;
    left: 10px;
    top: 50%;
    height: 34px;
    width: 34px;
    line-height: 34px;
    border-radius: 100%;
    margin-top: -17px;
    color: #2b9061;
    font-weight: 100;
	font-size:18px;
    box-shadow: 0 9px 26px rgba(58, 87, 135, 0.25);
}
.images-collage_icon {
	position:absolute;
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:100%;
	z-index:3;
	font-size:19px;
	color:#fff;
    box-shadow: 0 9px 26px rgba(58, 87, 135, 0.35);
    animation: bounce 3s ease-in-out infinite;
}
.collage-image-min  {
	position:absolute;
	z-index:10;
}
.collage-image-min:before   {
    top:63px;
    left: 90%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
	border-color: transparent;
    border-top-color: #fff;
    border-width: 12px;
    margin-left: 20px;
	z-index:20;
}
.collage-image-min.cim_1 {
	bottom:160px;
	left:53px;
}
.collage-image-min.cim_2 {
	bottom:204px;
	right:200px;
}
.collage-image-min.cim_2  {
    animation: bounce 4s ease-in-out infinite;
}
.collage-image-min.cim_1   {
    animation: bounce 8s ease-in-out infinite;
}
.collage-image-min img{
	position:absolute;
	width:67px;
	height:67px;
	border:3px solid #fff;
	border-radius:100%;
    box-shadow: 0 9px 26px rgba(58, 87, 135, 0.35);
}
.collage-image-btn{
	color:#fff;
	position:absolute;
	bottom:40px;
	right:120px;
	padding:12px 25px;
	border-radius:4px;
	z-index:20;
	font-size:12px;
    box-shadow: 0px 0px 0px 9px rgba(255,255,255,0.6);
	transform-style: preserve-3d;
	transform: rotateX(35deg) rotateY(45deg)
}
.collage-image-input {
	position:absolute;
	bottom:20px;
	left:-90px;
	width:220px;
	padding:0 40px 0 16px;
	background:#fff;
	border-radius:30px;
	z-index:10;
	text-align:left;
	font-size:12px;
	color:#999;
	height:40px;
	line-height:40px;
	font-weight:600;
	box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.4);
	transform-style: preserve-3d;
	transform: rotateX(35deg) rotateY(45deg);
}
.collage-image-input i {
	position:absolute;
	width:30px;
	height:40px;
	line-height:40px;
	right:0;
	top:0;
    animation: bounce 2s ease-in-out infinite;
}
.page-scroll-nav {
	position:fixed;
	top:35%;
	right:50px;
	z-index:50;
    -webkit-transform: translate3d(0,0,0);
}
.page-scroll-nav nav {
	width:40px;
	padding:18px 5px  8px;
	border-radius:20px;
    box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.2);
}
.page-scroll-nav nav li {
	width:100%;
	margin-bottom:10px;
}
.page-scroll-nav nav li a {
	display:block;
	height:20px;
	line-height:20px;
	font-size:13px;
	position:relative;
}
.page-scroll-nav nav li a.act-scrlink i{
	color:#fff;
}
.page-scroll-nav nav li a span {
	display:none;
}
.sec-circle {
	z-index:20;
}
.sec-circle:before {
	content:'';
	position:absolute;
	width:100px;
	height:20px;
	border-radius:30px;
	background:#fff;
	left:50%;
	top:-10px;
	margin-left:-50px;
}
.sec-circle_gray:before {
	background:#f6f6f6;
}
.gradient-bg, .header-modal .tabs-menu li.current, .scrollbar-inner2 .simplebar-scrollbar::before {
  background-color: #6DB6FD;
  /* background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6DB6FD), to(#6FCFFD)); */
  /* background: -webkit-linear-gradient(top, #6DB6FD, #6FCFFD); */
  background: -moz-linear-gradient(top, #5eac88, #198754);
  /* background: -ms-linear-gradient(top, #6DB6FD, #6FCFFD); */
  /* background: -o-linear-gradient(top, #6DB6FD, #6FCFFD); */
}
.hidden-section {
  overflow: hidden;
}
.app_section {
  float: left;
  position: relative;
  padding: 100px 0;
  /* background: #fff; */
  z-index: 1;
  margin-top:0px;
  margin-bottom:10px;
  width: 100%;
}.collage-image .main-collage-image {
  position: absolute;
  right: -120px;
  bottom: -120px;
  z-index: 2;
}
.color2-bg{
	background: #298F60;
}
.images-collage-title img {
  width: 120px;
  height: auto;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
.down-btn {
  padding: 16px 55px 16px 70px;
  font-size: 13px;
  font-weight: 400;
  color: #7d93b2;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 500;
  box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.4);
  z-index: 10;
  background: #fff;
  float: left;
  position: relative;
  margin: 35px 10px 0 0;
  transition: all .4s ease-in-out;
}
@media only screen and (max-width: 650px) {
  .collage-image {
    margin-top: 380px;
  }
}
@media only screen and (max-width: 1070px) {
  .collage-image {
    margin-top: 280px;
  }
}
@media only screen and (max-width: 650px) {
  .pad-top-column-text {
    padding: 20px;
    margin-bottom: 20px;
  }
}
.collage-image .main-collage-image {
  position: absolute;
  right: -120px;
  bottom: -120px;
  z-index: 2;
}
.circle-wrap {
	position:absolute;
    transition: all 300ms linear;
}
.circle_bg-bal{
	display:block;
    background: radial-gradient(circle at 10px 10px, rgba(255,255,255,0.31), rgba(255,255,255,0.11));
    border-radius: 100%;
}
.circle_bg-bal_small {
  	height: 100px;
  	width: 100px;
    animation: bubble-anim 2s ease-out infinite;
}
.circle_bg-bal_middle {
  	height: 150px;
  	width: 150px;
    animation: bubble-anim 8s ease-out infinite;
}
.circle_bg-bal_versmall {
  	height: 40px;
  	width: 40px;
}
.circle_bg-bal_big {
  	height: 200px;
  	width: 200px;
    animation: bubble-anim 4s ease-out infinite;
}
@keyframes bubble-anim {
  0% {
    transform: scale(1); }

  20% {
    transform: scaleY(0.95) scaleX(1.05); }

  48% {
    transform: scaleY(1.1) scaleX(0.9); }

  68% {
    transform: scaleY(0.98) scaleX(1.02); }

  80% {
    transform: scaleY(1.02) scaleX(0.98); }

  97%, 100% {
    transform: scale(1); }
}
.gradient-bg-figure {
	position:absolute;
	width:550px;
	height:200px;
	border-radius:200px;
	background:rgba(255,255,255,0.07);
	transform: rotate(35deg);
    box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.03);
}















 .property-single-boxarea {
  position: relative;
  z-index: 1;
  /* overflow: hidden; */
  border-radius: 30px;
  background: var(--bg-2, #F1F2F3);
  padding: 16px;
  margin-bottom: 30px;
  transition: all 0.4s;
  height: 545px;
}

 .property-single-boxarea:hover {
  transition: all 0.4s;
}

 .property-single-boxarea:hover .img1 {
  border-radius: 30px;
}

 .property-single-boxarea:hover .img1 img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}

 .property-single-boxarea:hover .btn-area1 {
  visibility: visible;
  opacity: 1;
  transition: all 0.6s;
  bottom: 0;
  margin-top: 0px;
  height: 60px;
}

 .property-single-boxarea .property-list-img-area {
  position: relative;
  z-index: 1;
}

 .property-single-boxarea .property-list-img-area .owl-dots {
  text-align: center;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.5);
  padding: 5px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}

 .property-single-boxarea .property-list-img-area .owl-dots button {
  height: 8px;
  width: 8px;
  display: inline-block;
  transition: all 0.4s;
  background: #EC8337;
  border-radius: 50%;
  margin: 0 6px 0 0;
  position: relative;
  z-index: 1;
}

 .property-single-boxarea .property-list-img-area .owl-dots button::after {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: -4px;
  top: -4px;
  border: 1px solid#fff;
  border-radius: 50%;
  visibility: visible;
  opacity: 0;
  transition: all 0.4s;
}

 .property-single-boxarea .property-list-img-area .owl-dots button.active {
  background: #fff;
}

 .property-single-boxarea .property-list-img-area .owl-dots button.active::after {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
}

 .property-single-boxarea .property-list-img-area .owl-dots button:nth-last-child(1) {
  margin: 0;
}

 .property-single-boxarea .property-list-img-area .img1 {
position: relative;
  z-index: 1;
  border-radius: 30px;
  transition: all 0.4s;
  overflow: hidden;
  
  /* الحل هنا: تحديد ارتفاع ثابت ونسبة عرض */
  height: 250px; /* يمكنك تغيير الرقم حسب رغبتك */
  width: 100%;
  
}

 .property-single-boxarea .property-list-img-area .img1 img {
height: 100%;
  width: 100%;
  /* الحل هنا: لضمان عدم تمطط الصورة */
  object-fit: cover; 
  object-position: center;
  border-radius: 30px;
  transition: all 0.4s;
}


 .property-single-boxarea .property-price .text a {
	color: var(--tj-color-Yellow);
  /* font-family: var(--ztc-family-font1); */
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}.space16 {
  height: 16px;
}

 .property-single-boxarea .property-price .text a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}

 .property-single-boxarea .property-price .text p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
}
.property-single-boxarea .property-price .text a:hover {
  color: #000;
  transition: all 0.4s;
}
 .property-single-boxarea .property-price .price {
  color: #F08334;
  /* font-family: var(--ztc-family-font1); */
  font-size: 20px;
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 20px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
  padding: 14px 16px;
  border: 1px solid #E68139;
  border-radius: 44px;
}
.space20 {
  height: 20px;
}
 .property-single-boxarea .property-price .price:hover {
  background: #EC8337;
  transition: all 0.4s;
  color:#fff;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
   .property-single-boxarea .property-price .price {
    margin-top: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .property-single-boxarea .property-price .price {
    margin-top: 16px;
  }
}

@media (max-width: 767px) {
   .property-single-boxarea .property-price .price {
    margin-top: 16px;
  }
}

 .property-single-boxarea .property-other-widget {
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 30px;
  padding: 16px;
}
 .property-single-boxarea .property-other-widget ul {
  padding-bottom: 24px;
  border-bottom: 1px solid #F1F2F3;
}

 .property-single-boxarea .property-other-widget ul li {
  display: inline-block;
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 16px;
  margin: 0 10px 0 0;
}

 .property-single-boxarea .property-other-widget ul li:nth-last-child(1) {
  margin: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
   .property-single-boxarea .property-other-widget ul li:nth-last-child(1) {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .property-single-boxarea .property-other-widget ul li:nth-last-child(1) {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
   .property-single-boxarea .property-other-widget ul li:nth-last-child(1) {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
   .property-single-boxarea .property-other-widget ul li {
    margin: 0 10px 0 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
   .property-single-boxarea .property-other-widget ul li {
    margin: 0 10px 0 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .property-single-boxarea .property-other-widget ul li {
    margin: 0 10px 0 0;
  }
}

@media (max-width: 767px) {
   .property-single-boxarea .property-other-widget ul li {
    margin: 0 10px 0 0;
  }
}

 .property-single-boxarea .property-other-widget ul li span {
  height: 40px;
  width: 40px;
  display: inline-block;
  transition: all 0.4s;
  border-radius: 50%;
  background: #F1F2F3;
  line-height: 40px;
  /* padding: 10px; */
  text-align: center;
  margin: 0 6px 0 0;
}

 .property-single-boxarea .property-other-widget .btn-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .property-single-boxarea .property-other-widget .btn-area {
    display: inline-block;
  }
}

@media (max-width: 767px) {
   .property-single-boxarea .property-other-widget .btn-area {
    display: inline-block;
  }
}

 .property-single-boxarea .property-other-widget .btn-area .name-area {
  display: flex;
  align-items: center;
}

 .property-single-boxarea .property-other-widget .btn-area .name-area .img img {
  height: 40px;
  width: 40px;
  object-fit: cover;
  border-radius: 50%;
}

 .property-single-boxarea .property-other-widget .btn-area .name-area .text a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
  padding-left: 6px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .property-single-boxarea .property-other-widget .btn-area .love-share {
    margin-top: 16px;
  }
}

@media (max-width: 767px) {
   .property-single-boxarea .property-other-widget .btn-area .love-share {
    margin-top: 16px;
  }
}

 .property-single-boxarea .property-other-widget .btn-area .love-share .heart {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  transition: all 0.4s;
  background: #FDF3EB;
  border-radius: 50%;
  position: relative;
}

 .property-single-boxarea .property-other-widget .btn-area .love-share .heart.active .heart2 {
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
}

 .property-single-boxarea .property-other-widget .btn-area .love-share .heart.active .heart1 {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
}

 .property-single-boxarea .property-other-widget .btn-area .love-share .heart:hover {
  transition: all 0.4s;
}

 .property-single-boxarea .property-other-widget .btn-area .love-share .heart:hover .heart2 {
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
}

 .property-single-boxarea .property-other-widget .btn-area .love-share .heart:hover .heart1 {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
}

 .property-single-boxarea .property-other-widget .btn-area .love-share .heart .heart2 {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  height: 21px;
  width: 21px;
  object-fit: contain;
  display: inline-block;
}

 .property-single-boxarea .property-other-widget .btn-area .love-share .heart .heart1 {
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  position: absolute;
  top: 12px;
  left: 10px;
  height: 18px;
  width: 18px;
  object-fit: contain;
  display: inline-block;
}

 .property-single-boxarea .property-other-widget .btn-area .love-share .share {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 37px;
  display: inline-block;
  transition: all 0.4s;
  background: #FDF3EB;
  border-radius: 50%;
  position: relative;
  color: var(--ztc-text-text-7);
}

 .property-single-boxarea .property-other-widget .btn-area .love-share .share svg {
  height: 22px;
  width: 22px;
  object-fit: cover;
}

 .property-single-boxarea .rent-sale-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left: 40px;
  top: 40px;
  z-index: 1;
  right: 40px;
}

 .property-single-boxarea .rent-sale-area ul li {
  display: inline-block;
}

 .property-single-boxarea .rent-sale-area ul li:nth-last-child(1) {
  margin-left: 6px;
}

 .property-single-boxarea .rent-sale-area ul li:nth-last-child(1) a {
  background: #EC8337;
  color:#fff;
  transition: all 0.4s;
}

 .property-single-boxarea .rent-sale-area ul li a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
  background: #fff;
  padding: 6px 12px;
  border-radius: 28px;
}

 .property-single-boxarea .rent-sale-area ul li a:hover {
  background: #EC8337;
  color:#fff;
  transition: all 0.4s;
}


 .property-single-boxarea .btn-area1 {
  transition: all 0.4s;
  visibility: hidden;
  opacity: 0;
  transition: all 0.6s;
  bottom: -100px;
  height: 0;
}

.image-anime {
  position: relative;
  overflow: hidden;
}

.image-anime:after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}

.image-anime:hover:after {
  height: 250%;
  transition: all 300ms linear;
  background-color: transparent;
}

.vl-btn1 {
  display: inline-block;
  padding: 20px 16px 20px 24px;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  position: relative;
  z-index: 2;
  /* font-family: var(--ztc-family-font1); */
  border: none;
  overflow: hidden;
  background-color: #EA8135;
  transition: all 0.4s;
  border-radius: 70px;
  position: relative;
  z-index: 1;
}
.scrollup {
	background: rgba(0, 0, 0, 0) url("../images/top-move.png") no-repeat scroll 0 0;
	bottom: 28px;
	display: none;
	height: 40px;
	opacity: 0.9;
	outline: medium none;
	position: fixed;
	right: 15px;
	text-indent: -9999px;
	width: 40px;
}

.tj-copyright-area i{
	font-size:15px;
}@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');

/* Cards */
.modern-card-1,
.modern-card-3,
.modern-card-4 {
    background: #ffffff !important;
    border: 1px solid #f0f3f8 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important;
}

.modern-card-2 {
    background: #fafcff !important;
    border: 1px solid #eef2f7 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
}

.modern-card {
    transition: all 0.3s ease !important;
}

.modern-card:hover {
    box-shadow: 0 4px 12px rgba(41, 143, 96, 0.05) !important;
}

/* Mini Cards & Boxes */
.card-mini {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 20px !important;
}

.multi-box,
.experienceitem {
    border-radius: 10px !important;
    padding: 15px !important;
    border: 1px solid #eef2f7 !important;
}

.multi-box {
    background: #f8faff !important;
}

.experienceitem {
    background: #ffffff !important;
}

/* Buttons */
#submitBtn {
    background: #298F60 !important;
    color: white !important;
    border: none !important;
    padding: 12px 20px !important;
    border-radius: 25px !important;
    font-size: 16px !important;
    margin-top: 15px !important;
    width: 100% !important;
    text-align: center !important;
}

.remove {
    background: #dc3545 !important;
    border: none !important;
    margin-top: 0px !important;
    padding: 8px 15px !important;
    border-radius: 0px 0px 15px 15px !important;
    font-size: 14px !important;
}

.profileeENBtn {
    background: #F0F3F8 !important;
    color: #666 !important;
    border: none !important;
    padding: 8px 15px !important;
    font-size: 14px !important;
    border-radius: 0 12px 0px 0 !important;
    min-width: 80px !important;
}

.profileBtn {
    background: #bfbfbf !important;
    color: white !important;
    border: none !important;
    padding: 8px 15px !important;
    font-size: 14px !important;
    border-radius: 12px 0 0px 0 !important;

    min-width: 80px !important;
}

.add_new {
    background: #298F60 !important;
    color: white !important;
    border: none !important;
    margin-top: 10px !important;
    padding: 6px 15px !important;
    border-radius: 15px !important;
    font-size: 14px !important;
    min-width: 100px !important;
}

/* Panel */
.panel-custom {
    border: none !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.03) !important;
    border-radius: 16px !important;
    background: #fff !important;
}

.panel-custom .panel-body {
    background: #fff !important;
}

/* Form Controls */
.form-control,
.input-group .form-control {
    border-radius: 8px !important;
    border: 1px solid #eef2f7 !important;
    box-shadow: none !important;
    padding: 10px 15px !important;
    font-size: 14px !important;
}

.form-control:focus {
    border-color: #298F60 !important;
    box-shadow: 0 0 0 2px rgba(41, 143, 96, 0.1) !important;
}

.input-sm {
    border-radius: 6px !important;
    height: 35px !important;
}

/* Buttons Sizes */
.btn-xs,
.btn-group-xs .btn {
    padding: 5px 12px !important;
    font-size: 12px !important;
}

/* Margin Helpers */
.mb-1 { margin-bottom: 5px !important; }
.mb-2 { margin-bottom: 15px !important; }
.mb-3 { margin-bottom: 20px !important; }
.mt-2 { margin-top: 12px !important; }

/* Animation */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.fa-spinner {
    animation: spin 1s infinite linear !important;
}

.hidden {
    display: none !important;
}

/* RTL Adjustments */
[dir="rtl"] .text-left {
    text-align: right !important;
}

[dir="rtl"] .input-group .form-control:first-child {
    border-radius: 0 8px 8px 0 !important;
}

[dir="rtl"] .input-group-btn:last-child .btn {
    border-radius: 8px 0 0 8px !important;
}

[dir="rtl"] .col-xs-6 {
    float: right !important;
}

/* Input Groups */
.input-group {
    width: 100% !important;
}

.input-group-btn .btn {
    border-radius: 0 8px 8px 0 !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Small Text */
small {
    font-size: 13px !important;
    color: #666 !important;
}

/* Social Media Icons */
.fa-x-twitter {
    font-size: 14px !important;
}

/* Suggestions Container */
#org_suggestions_container .list-group {
    position: absolute !important;
    z-index: 9999 !important;
    width: 100% !important;
    max-height: 150px !important;
    overflow-y: auto !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
    border-radius: 8px !important;
    margin-top: 2px !important;
}

#org_suggestions_container .list-group-item {
    cursor: pointer !important;
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
}

#org_suggestions_container .list-group-item:hover {
    background: #f8faff !important;
    color: #298F60 !important;
}

/* Clients Wrapper */
.clients_wrapper {
    overflow: hidden !important;
}



#org_suggestions_container .list-group {
    position: absolute;
    z-index: 9999;
    width: 100%;
    max-height: 150px;
    overflow-y: auto;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    border-radius: 8px;
    margin-top: 2px;
}

#org_suggestions_container .list-group-item {
    cursor: pointer;
    border: none;
    border-bottom: 1px solid #f0f0f0;
    padding: 8px 12px;
    font-size: 12px;
}

#org_suggestions_container .list-group-item:hover {
    background: #f8faff;
    color: #298F60;
}


.favorite-btn i {
    transition: color 0.3s ease;
}





































/* Profile Header */
.profile-header {
    background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);
    border-radius: 20px;
    padding: 25px 30px;
    margin-bottom: 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    border: 1px solid var(--border);
}

.profile-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--dark);
    margin: 0 0 5px 0;
}

.profile-subtitle {
    color: var(--secondary);
    font-size: 14px;
    margin: 0;
}

.status-badge {
    background: white;
    padding: 12px 20px;
    border-radius: 50px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02);
    display: inline-flex;
    align-items: center;
    gap: 15px;
}

.status-label {
    color: var(--secondary);
    font-size: 13px;
}

.badge-status {
    padding: 6px 15px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 500;
}

.badge-status.active {
    background: var(--primary-light);
    color: var(--primary);
}

.badge-status.inactive {
    background: #fee;
    color: var(--danger);
}

/* Profile Grid */
.profile-grid {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* Profile Sections */
.profile-section {
    background: white;
    border-radius: 24px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.02);
    border: 1px solid var(--border);
    overflow: hidden;
}

.section-header {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px 25px;
    background: linear-gradient(135deg, #fafcff 0%, #ffffff 100%);
    border-bottom: 2px solid var(--border);
}

.header-icon {
    width: 48px;
    height: 48px;
    background: var(--primary-light);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    font-size: 24px;
}

.header-title {
    flex: 1;
}

.header-title h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--dark);
    margin: 0 0 4px 0;
}

.header-title span {
    font-size: 12px;
    color: var(--secondary);
}

.header-status {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.header-status.completed {
    color: var(--success);
}

.header-status.pending {
    color: var(--warning);
}

.section-body {
    padding: 25px;
}

/* Logo Row */
.logo-row {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 15px;
    background: var(--light);
    border-radius: 16px;
    margin-bottom: 20px;
}

.logo-wrapper {
    width: 80px;
    height: 80px;
    position: relative;
}

.org-logo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    border: 3px solid white;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.org-logo-placeholder {
    width: 100%;
    height: 100%;
    background: var(--primary-light);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    font-size: 24px;
    border: 2px dashed var(--primary);
    text-align: center;
    padding: 5px;
}

.org-logo-placeholder .small {
    font-size: 8px;
    margin-top: 2px;
}

.org-name-preview h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--dark);
    margin: 0 0 4px 0;
}

/* Info Cards */
.info-card {
    background: var(--light);
    border-radius: 16px;
    padding: 18px;
    margin-bottom: 15px;
}

.card-label {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.card-label i {
    color: var(--primary);
    font-size: 16px;
}

.card-label span {
    font-size: 14px;
    font-weight: 600;
    color: var(--dark);
}

/* Tags */
.tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag {
    background: white;
    color: var(--dark);
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    border: 1px solid var(--border);
    transition: all 0.2s;
}

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

/* Info Grid */
.info-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-bottom: 15px;
}

/* Accordion */
.accordion-card {
    background: var(--light);
    border-radius: 16px;
    margin-bottom: 15px;
    overflow: hidden;
}

.accordion-header {
    padding: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
    border: 1px solid var(--border);
    transition: all 0.2s;
}

.accordion-header:hover {
    background: var(--primary-light);
}

.header-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-left i {
    color: var(--primary);
    font-size: 16px;
}

.header-left span {
    font-size: 14px;
    font-weight: 600;
    color: var(--dark);
}

.header-right {
    display: flex;
    align-items: center;
    gap: 15px;
}

.count {
    background: var(--primary-light);
    color: var(--primary);
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.accordion-body {
    padding: 18px;
    /* background: var(--light); */
    /* border: 1px solid var(--border); */
    /* border-top: none; */
}

/* Achievement Items */
.achievement-item {
    background: white;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 10px;
}

/* FAQ Items */
.faq-item {
    background: white;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 10px;
}

.faq-q {
    display: flex;
    gap: 10px;
    margin-bottom: 8px;
}

.q-label {
    color: var(--primary);
    font-weight: 600;
    font-size: 14px;
}

.faq-a {
    display: flex;
    gap: 10px;
    padding-right: 20px;
}

.a-label {
    color: var(--secondary);
    font-weight: 600;
    font-size: 14px;
}

/* Quick Info Grid */
.quick-info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin: 20px 0;
}

.quick-info-item {
    background: white;
    border-radius: 12px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--border);
}

.item-icon {
    width: 36px;
    height: 36px;
    background: var(--primary-light);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
}

.item-content {
    flex: 1;
}

.item-label {
    display: block;
    font-size: 11px;
    color: var(--secondary);
    margin-bottom: 2px;
}

.item-value {
    font-size: 13px;
    color: var(--dark);
    font-weight: 500;
}

/* Goal Card */
.goal-card {
    background: linear-gradient(135deg, var(--primary-light) 0%, #ffffff 100%);
    border-radius: 16px;
    padding: 20px;
    margin: 20px 0;
    border: 1px solid var(--primary);
}

.goal-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
}

.goal-header i {
    color: var(--primary);
    font-size: 20px;
}

.goal-header span {
    font-size: 16px;
    font-weight: 600;
    color: var(--primary);
}

.goal-content {
    background: white;
    border-radius: 12px;
    padding: 15px;
}

/* Branches Grid */
.branches-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 15px;
}

.branch-card {
    background: white;
    border-radius: 12px;
    padding: 15px;
    border: 1px solid var(--border);
}

.branch-name {
    font-size: 15px;
    font-weight: 600;
    color: var(--dark);
    margin-bottom: 5px;
}

.branch-address {
    font-size: 13px;
    color: var(--secondary);
}

/* Documents Grid */
.documents-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.document-card {
    display: flex;
    gap: 12px;
    padding: 15px;
    background: white;
    border-radius: 12px;
    border: 1px solid var(--border);
    transition: all 0.2s;
}

.document-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.document-icon {
    width: 40px;
    height: 40px;
    background: var(--primary-light);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    font-size: 18px;
}

.document-info {
    flex: 1;
}

.document-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--dark);
    margin-bottom: 3px;
}

.document-meta {
    font-size: 12px;
    color: var(--secondary);
    margin-bottom: 5px;
}

.document-link {
    font-size: 11px;
    color: var(--primary);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

/* Timeline */
.timeline {
    position: relative;
    padding-{{ App::isLocale('ar') ? 'right' : 'left' }}: 20px;
}

.timeline::before {
    content: '';
    position: absolute;
    {{ App::isLocale('ar') ? 'right' : 'left' }}: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--border);
}

.timeline-item {
    position: relative;
    padding-{{ App::isLocale('ar') ? 'right' : 'left' }}: 25px;
    margin-bottom: 20px;
}

.timeline-dot {
    position: absolute;
    {{ App::isLocale('ar') ? 'right' : 'left' }}: -6px;
    top: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--primary);
    border: 2px solid white;
    box-shadow: 0 0 0 2px var(--primary-light);
}

.timeline-content {
    background: white;
    border-radius: 12px;
    padding: 15px;
    border: 1px solid var(--border);
}

.timeline-content h5 {
    font-size: 15px;
    font-weight: 600;
    color: var(--dark);
    margin: 0 0 5px 0;
}

.timeline-date {
    font-size: 12px;
    color: var(--primary);
    margin-bottom: 8px;
}

/* Files List */
.files-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.file-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: white;
    border-radius: 10px;
    border: 1px solid var(--border);
}

.file-icon {
    color: #f44336;
    font-size: 20px;
}

.file-info {
    flex: 1;
}

.file-name {
    font-size: 14px;
    color: var(--dark);
    margin-bottom: 2px;
}

.file-download {
    width: 32px;
    height: 32px;
    background: var(--primary-light);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    text-decoration: none;
    transition: all 0.2s;
}

.file-download:hover {
    background: var(--primary);
    color: white;
}

/* Clients Grid */
.clients-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.client-card {
    background: white;
    border-radius: 12px;
    padding: 15px;
    text-align: center;
    border: 1px solid var(--border);
}

.client-image {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto 12px;
    border: 3px solid var(--primary-light);
}

.client-placeholder {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--primary-light);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    color: var(--primary);
    font-size: 32px;
}

.client-name {
    font-size: 14px;
    font-weight: 600;
    color: var(--dark);
    margin-bottom: 3px;
}

/* Services Grid */
.services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.service-card {
    background: white;
    border-radius: 12px;
    padding: 18px;
    text-align: center;
    border: 1px solid var(--border);
    transition: all 0.2s;
}

.service-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.service-icon {
    width: 48px;
    height: 48px;
    background: var(--primary-light);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    color: var(--primary);
    font-size: 20px;
}

.service-name {
    font-size: 14px;
    font-weight: 600;
    color: var(--dark);
}

/* Contact Grid */
.contact-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.contact-card {
    background: white;
    border-radius: 16px;
    border: 1px solid var(--border);
    overflow: hidden;
}

.contact-header {
    padding: 15px;
    background: var(--primary-light);
    display: flex;
    align-items: center;
    gap: 8px;
}

.contact-header i {
    color: var(--primary);
    font-size: 16px;
}

.contact-header h5 {
    font-size: 14px;
    font-weight: 600;
    color: var(--primary);
    margin: 0;
}

.contact-body {
    padding: 15px;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid var(--border);
}

.contact-item:last-child {
    border-bottom: none;
}

.contact-item i {
    color: var(--primary);
    font-size: 12px;
    width: 20px;
}

.contact-item span {
    font-size: 13px;
    color: var(--dark);
}

/* Social Grid */
.social-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.social-link {
    text-decoration: none;
}

.social-card {
    background: white;
    border-radius: 12px;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid var(--border);
    transition: all 0.2s;
}

.social-card:hover {
    background: var(--primary-light);
    border-color: var(--primary);
    transform: translateX({{ App::isLocale('ar') ? '5px' : '-5px' }});
}

.social-icon {
    width: 40px;
    height: 40px;
    background: var(--primary-light);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    font-size: 18px;
}

.social-info {
    flex: 1;
}

.social-label {
    display: block;
    font-size: 11px;
    color: var(--secondary);
    margin-bottom: 2px;
}

.social-value {
    font-size: 12px;
    color: var(--dark);
    font-weight: 500;
    word-break: break-all;
}

/* Empty State */
.empty-state {
    text-align: center;
    color: var(--secondary);
    font-size: 13px;
    padding: 30px;
    background: white;
    border-radius: 12px;
    border: 2px dashed var(--border);
}

.empty-value {
    color: var(--secondary);
    font-size: 12px;
    font-style: italic;
}

/* Back Button */
.back-button-container {
    text-align: center;
    margin-top: 30px;
}

.back-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 30px;
    background: var(--secondary);
    color: white;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s;
}

.back-button:hover {
    background: var(--dark);
    color: white;
    transform: translateX({{ App::isLocale('ar') ? '-5px' : '5px' }});
}

/* RTL Support */
[dir="rtl"] .text-left {
    text-align: right !important;
}

[dir="rtl"] .text-right {
    text-align: left !important;
}

[dir="rtl"] .me-2 {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
}

[dir="rtl"] .ms-2 {
    margin-right: 0.5rem !important;
    margin-left: 0 !important;
}

/* Responsive */
@media (max-width: 768px) {
    .info-grid,
    .quick-info-grid,
    .branches-grid,
    .documents-grid,
    .clients-grid,
    .services-grid,
    .contact-grid,
    .social-grid {
        grid-template-columns: 1fr;
    }
    
    .profile-header .row {
        flex-direction: column;
        text-align: center;
    }
    
    .status-badge {
        margin-top: 15px;
    }
    
    .logo-row {
        flex-direction: column;
        text-align: center;
    }
}
.btn-primary{
	background-color: var(--primary);
}

.favorite-btn{
cursor:pointer;
    width:40px!important;

    
}
.user-photo-action a{
  color: var(--primary);

}
/* تحسين شكل Pagination */
.pagination > li > a,
.pagination > li > span {
    color: #333; /* لون النص */
    background-color: #fff; /* خلفية */
    border: 1px solid #ddd;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* الصفحة الحالية */
.pagination > li.active > a,
.pagination > li.active > span {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
    cursor: default;
}

/* Hover على الصفحات غير النشطة */
.pagination > li:not(.active) > a:hover,
.pagination > li:not(.active) > span:hover {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
}

/* Disabled */
.pagination > li.disabled > a,
.pagination > li.disabled > span {
    color: #aaa;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}

/* أيقونات السابق / التالي */
.pagination > li.prev a,
.pagination > li.next a {
    font-weight: bold;
}

/* Responsive للهواتف */
@media (max-width: 480px) {
    .pagination > li > a,
    .pagination > li > span {
        padding: 4px 8px;
    }
}

:root {
  --sidebar-width: 340px;
}

/* ====== Section الحاوية ====== */
.map-section {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #f5f7f9;
  min-height: 500px;
}

/* ====== الخريطة ====== */
#map {
  width: 100%;
  height: 500px;
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
}
/* ====== السايدبار ====== */
.sidebar {
  position: absolute;
  top: 0;
  right: 0;
  width: var(--sidebar-width);
  height: 100%;
  background: #fff;
  padding: 16px;
  overflow-y: auto;
  z-index: 10;
  box-shadow: -4px 0 18px rgba(0, 0, 0, 0.08);
  transition: transform .28s ease;
}

.sidebar.hidden {
  transform: translateX(100%);
}

/* زر قائمة الفروع (موبايل) */
#mobileMenuBtn {
  position: absolute;
  bottom: 10px;
  right: 14px;
  z-index: 20;
  width: 150px !important;
  background-color: #212529 !important;
}

.branch-item {
  padding: 14px;
  border-radius: 12px;
  border: 1px solid #e9ecef;
  margin-bottom: 12px;
  background: #fff;
  transition: 0.2s ease;
  cursor: pointer;
}

.branch-item:hover {
  background: #f8f9fa;
  border-color: #00AD68;
  transform: translateY(-2px);
}

.branch-item strong {
  color: #198754;
  font-size: 14px;
}

.small-muted {
  font-size: 12px;
  color: #6c757d;
}
@media (max-width: 991px) {

  .map-section {
    height: 250px;
  }

  #map {
    height: 100%;
  }

  .sidebar {
    width: 100%;
    height: 100vh;
    bottom: 0;
    transform: translateY(100%);
  }

  .sidebar.visible {
    transform: translateY(0);
    position: fixed;
    top: 0;
    z-index: 9999;
  }
}
.btn-success {
  border: 0;
  background-color: #00AD68 !important;
}

.btn-success:hover {
  background-color: #00995c !important;
}
.branch-card {
  background: #fff;
  padding: 15px;
  border-radius: 12px;
  border: 1px solid #e9ecef;
  margin-bottom: 15px;
  transition: .2s;
}

.branch-card:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,0.05);
  transform: translateY(-3px);
}

.branch-name {
  font-weight: bold;
  color: #198754;
  margin-bottom: 5px;
}

.branch-address {
  font-size: 13px;
  color: #6c757d;
}