.potential-item .potential-body span {
    font-weight: 500;
    color: #000000;
    font-size: 18px;
}.ccllw {
    color: #4f255d;
}.n-mb28 {
    margin-bottom: 28px;
}
.newdiv1 h3 {
    color: #323032;
    margin-bottom: 20px;
}
 .underspan {
    display: block;
    color: #dc3545;
    margin-bottom: 20px;
    margin-top: -12px;
}
.team-sperkers-section-area .our-team-boxarea .team-widget-area .elements21 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    visibility: visible;
    opacity: 1;
    transition: all 0.4s;
}
.team-sperkers-section-area .our-team-boxarea .team-widget-area .img1 {
    text-align: center;
    position: relative;
    border-radius: 50%;
    width: 267px;
    height: 267px;
    margin: auto;
    overflow: hidden;
}

.team-sperkers-section-area .our-team-boxarea .team-widget-area .img1 .team-img4
  {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    object-position: center top;
    border-radius: 50%;
    border: 2px solid #9053a542;
    padding: 10px;
    background: #ffffff;
}
.team-sperkers-section-area .our-team-boxarea {
    text-align: center;
    margin-bottom: 40px;
}

.team-sperkers-section-area .our-team-boxarea .team-widget-area{
    position: relative;
    z-index: 1;
    padding: 24px;
    padding-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
 
 .team-sperkers-section-area .content-area h5 {
    font-size: 1.27rem;
    color: #000000;
}
.team-sperkers-section-area .content-area h6 {
    font-size: 1rem;
    color: #a25db9;
}

.heifht-con
  {
     min-height: 240px;
}
.colorcode {
    display: block;
    color: #dc3545;
    margin-bottom: 6px;
}

.boxspeakpag h3 strong {
     color: #000000;
}
.boxspeakpag p strong {
     color: #9053a5;
}
.about-inner strong a {
    padding: 10px 20px;
    border-radius: 12px;
    background: #9053a5;
    color: #fff;
    display: inline-block;
    margin-top: 7px;
}
.about-inner strong a:hover {
     background: #060606;
     color: #fff;
}
.required {
    color: #dc3545;  
    font-weight: bold;
    margin-inline-start: 3px;
}.iti input.iti__tel-input, .iti input.iti__tel-input[type=text], .iti input.iti__tel-input[type=tel] {
       margin-bottom: 30px !important;  
}
 .grecaptcha-badge{display: none;}
.whats:hover {
  background: #9053a5;
  color: #ffffff;
}
.whats {
  position: fixed;
  bottom: 80px;
  right: 10px;
  width: 50px;
  height: 50px;
  color: #ffffff;
  font-size: 30px;
  line-height: 50px;
  text-align: center;
  z-index: 100;
  cursor: pointer;
  background: #28a745;
  /* display: none; */
  border-radius: 50%;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  box-shadow: 0 0 0 0 #25d366;
  -webkit-animation: pulse 1.5s infinite;
}.whats span{
    line-height: 50px; 
}@keyframes pulse {
  0% {
      transform: scaleX(1);
  }

  50% {
      transform: scale3d(1.05,1.05,1.05);
      box-shadow: 0 0 0 15px #baffd4;
  }

  to {
      transform: scaleX(1);
      box-shadow: 0 0 0 0 #25d366;
  }
}
th strong{
    color: white;
}
.iti {
    display: block !important;
}
.read-more-text h3{margin-bottom: 15px;}
.read-more-text h4{margin-bottom: 15px;}
.read-more-text h2{margin-bottom: 15px;}
 .read-more-text2 ul li {
    margin-bottom: 10px;
    list-style: disc;
    margin-left: 20px; 
}
.boxspeak ul li {
    margin-bottom: 10px;
    list-style: disc;
    margin-left: 20px;line-height: 30px;
}
  .boxspeak h3 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #864c9a;
}
.boxspeak ul  {
    margin-bottom: 20px;
  }
.read-more-text2 {
     text-align: initial;
}
.read-more-text2 div p{
     margin-bottom: 13px;
}
 .btnn {
    border: 0;
    background: 0;
    color: #9053a5;
    font-weight: 500;
}
 .read-more-text3 {
  max-height: 37.5em;
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s ease;
}

.read-more-text3 .expanded {
  max-height: 1000px;  
}
 .services-item .services-content h4 {
     text-align: center;
}
.active>.page-link, .page-link.active
  {
     background-color: #9053a5;
     border-color: #9053a5;
}
.page-link {
     color: #9053a5;
}
.hero-banner video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
 .position-video {
    z-index: 99;
    position: relative;
}

.clients-carousel .owl-item img {
    height: 115px;
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #0d0c0c1f;
    border-radius: 20px;object-fit: contain;
}
.footer .footer-top .footer-widget .footer-contact-info-list li span a {
    color: #ffffff;
    opacity: 1;
    vertical-align: middle;
}
.choose-info p{margin-bottom: 15px;}
.aboutimg2 {
    height: 454px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 25px;
    margin-bottom: 25px;
    border: 1px solid #e9ecef5e;
}
.about1 .aboutimg2:after {
    content: '';
    background-color: #f5eef7;
    width: 100%;
    position: absolute;
    top: -24px;
    bottom: -24px;
    right: 43%;
    transform: translateX(50%);
    border-radius: 25px;
    z-index: -1;
    opacity: .7;
}
.about1 {
    position: relative;
    margin-left: 20px;
}.read-more-text {
  max-height: 25em;
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s ease;
}

.read-more-text.expanded {
  max-height: 1000px;  
}

.read-more-btn {
   cursor: pointer;
 margin-top: 10px;
  text-transform: capitalize;
}
 
.read-more-text2 {
  max-height: 12em;
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s ease;
}

.read-more-text2.expanded {
  max-height: 1000px;  
}
 hr.custom-divider {
    width: 50%;
    margin: 0px auto;
    height: 2px !important;
    border: none;
    background: radial-gradient(circle, #030303 0%, #9053a5 40%, transparent 80%);
}
.custom-divider {
    height: 2px !important;
}
.team-img{
    margin: 15px 15px 0 15px;
     height: 300px;  
    overflow: hidden;
    border-radius: 20px;
}

.team-img img {
    width: 100% !important;
    height: 100%;
    object-fit: contain;
   /* object-fit: inherit;*/
    border-radius: 20px;
}
 .mb-20 {
    margin-bottom: 20px;
}
 
.potential-area1 {
    background-image: url(../img/sub.webp);
    background-size: cover;
    background-position: center;
    position: relative;
    background-attachment: fixed;
}

/* Shadow overlay */
.potential-area1 .bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #230d2bbd;
    box-shadow: inset 0 0 60px rgba(0,0,0,0.5);
    z-index: 1;
    background: #2e1338;
    opacity: .75;
}

 .potential-area1 .container {
    position: relative;
    z-index: 2;
    color: #fff; 
}
  .backmain {
    border: 2px solid #ffffff;
    color: #ffffff;
    margin-top: 10px;
}a {
    color: rgb(0 150 199);
    text-decoration: underline;
}
b, strong {
    font-weight: 600;
    color: #8f52a3;
}
 .clr3 {
    color: #ed3e3e;
}
 .clr2 {
    color: #14d37b;
}
.center__call-box {
    position: relative;
    display: block;
    background-color: #212529;
    border-radius: 20px;
    padding: 24px 40px 25px;
    margin-bottom: 15px;
    margin-top: 15px;
}
 .check {
    color: #9053a5;
}
  .mb-10 {
    margin-bottom: 10px;
}
.clr1{color: #5e6469;}
.clr1:hover{color: #9053a5;}
.about-inner h5 {
    margin-bottom: 10px;
    color: #9053a5;
}
.about-inner h6 {
    margin-bottom: 10px;
 }
  .ullist li {
    margin-bottom: 10px;
    list-style: disc;
    margin-left: 20px;
}
 .ullist {
    margin-bottom: 20px;
}
.boxspeak {
    padding: 25px 30px;
    border-radius: 20px;
    border: 1px solid #9053a5;
    padding-bottom: 10px;
 }
label {
     text-transform: capitalize;
     margin-bottom: 5px;
     color: #06093d;
}
 .pt-30 {
    padding-top: 30px;
}
 
  table {
   border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #ddd;
  padding: 16px;
}

tr:nth-child(even){background-color: #f2f2f2;}
 

th {
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: left;
  background-color: #9053a5;
  color: white;
  line-height: 30px;
}


.price-row {
  background: #051649;
  font-weight: bold;
}

.price-row td {
  color: #ffffff;
}
.table-responsive {
     margin-bottom: 30px;
}
.pricing-list {
    text-align: left;
    padding-bottom: 10px;
    padding-top: 10px;
}
  .perpersn {
    font-size: 17px;
}


/*counter*/
.count-container
  {
    background: #723e84;
    padding: 17px 20px 30px;
    border-radius: 50px;
    margin-top: -35px;
    z-index: 99;
    position: relative;
}
.event-title {
  color: #fff;
  font-weight: 600;
  margin-bottom: 8px;
}

.event-date {
  color: #c4a161;
  font-size: 20px;
  font-weight: 600;
}

.stepper-wrapper {
  display: flex;
  justify-content: space-between;  
  align-items: center;
  position: relative;
}

.step {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* الخط بين الدايرتين داخل Step */
.step:not(:last-child) .line {
  position: absolute;
  top: 35%;
  left: 50%;   
  right: -50%;   
  height: 2px;
  background: #ffffff26;
  z-index: 0;
  transform: translateX(0);
}

/* الدائرة */
.circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #c4a161;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 18px;
  z-index: 1;
  box-shadow: 0 0 20px #9053a59e;
}

/* Label */
.step span {
  margin-top: 10px;
  color: #ffffff;
  font-size: 19px;
}

/* Responsive */
@media (max-width: 768px) {
  .stepper-wrapper {
        /* flex-direction: column; */
        align-items: center;
        gap: 20px;
    }
 .count-container
  {
    background: #723e84;
    padding: 17px 20px 29px;
    border-radius: 65px;
    margin-top: -35px;
    z-index: 99;
    position: relative;
}
.step span {
    margin-top: 5px;
    color: #ffffff;
    font-size: 17px;
}
  .circle {
    width: 55px;
    height: 55px;
    font-size: 16px;
  }
}

/* end counter */

.gallery-img {
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid #15151512;
    margin-bottom: 20px;
}
.image_block1 {
    display: block;
    width: 100%;
    height: 100%;
    direction: ltr;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .25);
    margin-bottom: 0;
}
.image_block1 .image_container {
    width: 100%;
    padding: 45%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.image_block1 .image_container:hover {
   transform: scale(1.1);transition: all 2s ease-out;
}
 .about-img img:first-child {
      margin-bottom: 15px;
}
@media 
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
     .header .nav-item .nav-link {
     font-size: 15px; margin: 0px 12px;
}
.header .navbar-brand {
     width: 240px; 
}
}
@media 
  (-webkit-min-device-pixel-ratio: 1.75),
  (min-resolution: 168dpi) {  
       .header .nav-item .nav-link {
     font-size: 15px; margin: 0px 4px;
}
.header .navbar-brand {
     width: 230px; 
}
}
.banner {
    position: relative;
    width: 100%;
    height: 75vh;
    overflow: hidden;
}


@media (min-width: 0px) and (max-width: 991px)
   {
         .potential-item {
      max-width: 240px;
          
      }
    .potential-item::after {
     width: 88%;
    height: 88%; 
}
       .potential-item .potential-body span {
    font-weight: 500;
    color: #000000;
    font-size: 18px;
}
            .n-mb28 {
    margin-bottom: 10px;
} 
        .banner {
        height: 60vh;
    }
.section {
    padding: 30px 0;
 }
.pb-minus-70 {
    padding-bottom: 30px;
}
.choose-info h2 {
    font-size: 25px;
 }
 .flex-direction {
    flex-direction: column-reverse;
}
.aboutimg2 {
    height: 240px;
 }
.about1 .aboutimg2:after {
     right: 47%; 
}
.row {
    --bs-gutter-x: 1rem;
 }
.potential-item .potential-body {
    margin: 8px;padding: 15px;
 }
.potential-item .potential-icon i {
     font-size: 35px;
 }
.potential-item .potential-icon {
     margin-bottom: 5px;
}
.potential-item .potential-body h4 {
     font-size: 33px;
     font-weight: 600;
}
p {
    line-height: 1.6;
 }
    h4, .h4 {
        font-size: 1.3rem;
    }

.about-img::after {
     right: 30px;
    top: 23px;
 }
    h3, .h3
  {
        font-size: 1.7rem;
    }
.clients-carousel .owl-item img {
    height: 90px;
}
.section .section-heading {
     margin-bottom: 10px;
}

.contact-map iframe {
    height: 350px;margin-bottom: 20px;
  }
.breadcrumb-section {
     padding-top: 100px;
     padding-bottom: 100px;
}
.p-0 {
    padding: 7px 0px !important;
}
h5, .h5 {
    font-size: 1.167rem;
}
.boxspeak {
    padding: 20px 15px;
 }
h6, .h6 {
    font-size: 1.1rem;
}
.contact-form-box {
    padding: 15px;
 }
.contact-info-area {
    margin-bottom: 20px;
}
    .hero-banner .hero-inner h1 {
        font-size: 1.3rem;
    }
.breadcrumb-section .breadcrumb-inner h1 {
    font-size: 1.6rem;
    margin-bottom: 3px;
}

.hero-banner {
        padding-top: 135px;
        padding-bottom: 80px;
    }
.event-section {
     padding: 9px 0;
}
.table-responsive table{
     white-space: nowrap;
}
.heifht-con
  {
     min-height: auto;
}

   }