header {
  background-color: white;
  padding: 10px 10px;
  padding-bottom: 15px;
}


.lang {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 26px;
  color: #e26035
}

.partofnav {
  margin-left: 49px;
  margin-top: 56px;
}

.news-main h3 {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  color: #FFFFFF;
  padding-top: 70px;
}

.whole-card {
  padding-top: 30px;
}



.header1 li a {
  color: #261a4b;
  text-decoration: none;
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  padding-top: 10px;
/*  margin-left: 5px;*/
}

header li  a:hover {
  color: #e26035 !important;
  background-image: url(../../images/hov.svg);
  background-repeat: no-repeat;
  background-position-y: bottom;
  background-position-x: center;
}
.navbar-nav > .active > a{
  color: #e26035 !important;
  background-image: url(../../images/hov.svg);
  background-repeat: no-repeat;
  background-position-y: bottom;
  background-position-x: center;
}
.whole-card:hover {
  filter: drop-shadow(2px 2px 3px #e26035);
}
.news-news h3{
  padding-bottom: 20px;
}

.languages li a:hover {
  background-image: none;
  background-color: #fff;
}

.articles {
  padding-top: 15px;
}
.header1 i {
/*  margin-left: 100px;*/
  color: #e26035;
  font-family: 'Tajawal';
  font-style: normal;
}

.header1 .icon-lang {
/*  margin-left: -25px;*/
  color: #e26035;
  font-family: 'Tajawal';
  font-style: normal;

}

.nav {
  flex-wrap: nowrap !important;
  white-space: nowrap;
}

/* footer */
footer {
  background-color: #261a4b;
  color: white;
  width: 100%;
  height: auto;
  padding-top: 50px;
  z-index: 10;
  position: relative;
}

footer a {
  color: white;
  text-decoration: none;
}


.search-input {
  position: relative;
}

.search-input .input-group-append {
  position: absolute;
  top: 0;
  right: 0;
}

.send2 button {
  background-color: #e26035;
  border-color: #e26035;
  color: white;
  padding-left: 25px;
  padding-right: 25px;
}

.index-list-footer li {
  list-style-type: none;
  font-family: 'Mada';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #F2EFFF;
  flex: none;
  width: 129px;
}
.index-list-footer-pro li {
  list-style-type: none;
  font-family: 'Mada';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #F2EFFF;
  flex: none;
  

}
.index-list-footer span {
  padding-top: 11px;
}

.title-footer p {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  color: #FFFFFF;
  left: 70.35%;
  right: 21.04%;
  top: 20.57%;
  bottom: 72.75%;
  padding-bottom: 10px;
}

.subtitle-footer {
  background-color: #160f2e;
  font-family: 'Mada';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: #FFFFFF;
  padding: 10px 0;
}

.social i {
  padding-left: 32px;
  margin-top: 10px;
}

.index-list-footer img {
  padding-bottom: 25px;
}

.subfooter {

  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;


}

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

.subtitle p {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 58px;
  color: #17123D;
}

.pargraph1 p {
  font-family: 'Mada';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0.01em;
  color: #403E49;
}

.index-list-service li {
  list-style-type: none;
  padding-top: 10px;
  font-family: 'Mada';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 40px;
  letter-spacing: 0.01em;
  margin-right: 10px;
  color: #6D6B73;
  display: flex;
}

.stars{
  padding-top: 20px;
}

.sub-corporate {
  margin-left: 56px;
  margin-right: 56px;
 
}

.index-banner {
  margin-bottom: 60px;
}

.service-home img {
  margin-top: 120px;
}

.index-banner-t{
  padding-top: 60px;
}

.sentence  h5{
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  color: #261A4B;
  padding-bottom: 15px;
  padding-top: 15px;
}
.index-list-service p{
  font-family: 'Mada';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 25px;
/* identical to box height, or 125% */

letter-spacing: 0.01em;

/* Grey Dark */

color: #6D6B73;
}
.index-list-service i{
  color: #261A4B;
  font-size: larger;
    margin-left: -18px;
    padding-right: 10px;
}

 .service1 {
  background: url(../../images/service1leftvector.svg) left top 0%, url(../../images/service1rightvector.svg) right bottom 35%;
  background-repeat: no-repeat;
  padding-top: 10rem;
}
.img-absolute {
  position: absolute;
  top: 10rem;
  left: 0;
  right: 0;
}


.benefit {
  padding: 20px;
}

.ben .content-ben{
  display: flex;
  align-items: center;
}
.ben img{
  margin-right: 10px;
}
/* .msg-card{
  padding-top: 100px;
} */
/* .vector-left{
  background-image: url(/images/service1leftvector.svg);
  background-position-x: left;
  background-repeat: no-repeat;
}

.vector-right{
  background-image: url(/images/service1rightvector.svg);
  background-position-x: right;
  background-repeat: no-repeat;
} */

.service-image {
  justify-content: center;
}
.service-image div {
  text-align: center;
}
.service-image img {
  width: 100%;
}

.getstarted {
  display: flex;
  justify-content: center;
  align-items: center;
}
.serv3 {
  padding-left: 1.5rem;
}
.service-paragraph p {
  font-family: 'Mada';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0.01em;
  color: #6D6B73;
  padding-bottom: 15px;
  margin-top: 1rem;
}

.subtitle-service {
  color: #261A4B;
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  height: auto;
  text-align: center;
}

.subtitle-sub-service h3 {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  color: #261A4B;
 
}
.subtitle-sub-service img {
  margin-left: .85rem;
  margin-right: .85rem;
}

.subtitle-service p {
  font-family: 'Mada';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #675F81;
  text-align: center;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin-bottom: 2rem;
}



.services-setion {
  display: flex;
  justify-content: center;
}


.getstarted button {
  background-color: #E26035;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 185px;
  height: 50px;
  border-color: #E26035;
  border-radius: 10px;
  flex: none;
  order: 1;
  flex-grow: 0;
  color: #FFFFFF;
  font-family: 'Mada';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}

.service-card p{
  padding: 5px;
}
.service-card {
  background: #FCFBFF;
  border: 1px solid #675F81;
  border-radius: 20px;
  display: block;
  min-height: 160px;
  padding:0 20px;
  padding-top: 10px;
  gap: 10px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
.service-card div {
  display: flex;

}
.firstsection button {
 
  
  background: #E26035;
  box-shadow: 0px 3px 6px rgba(38, 26, 75, 0.15);
  border-radius: 10px;
  color: #FFFFFF;
  margin-top: 15px;
  padding: 10px 30px;
}

.firstsection a {
  color: #FFFFFF;
  text-decoration: none;
}

.firstsection a:hover{
    color: #FFFFFF;
}
.section a:hover{
    color: #e26035
}

.news-news button{
  margin: unset;
}

.section-news button {
  background-color: transparent;
  border-color: #e26035;
  color: #e26035;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 5px;
  margin-left: 5px;
  border-radius: 10px;
}
.title h1 {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 58px;
  text-align: center;
  color: #261A4B;
  margin-bottom: 1.5rem;
}

.title-service h1 {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 58px;
  text-align: center;
  color: #261A4B;
  margin-bottom: 8px;
  margin-top: -17px;
  padding-bottom: 20px;
}
.party-section{
  padding-top: 50px;
}
.title-trust h3 {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 58px;
  text-align: center;
  color: #261A4B;
}


.subtitle h2 {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
  color: #261A4B;
}

.subtitle h3 {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
  margin-top: 1px;
  color: #261A4B;
}

.frame-form {
  padding-top: 109px;
}

.pargraph p {
  font-family: 'Mada';
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 25px;
  letter-spacing: 0.01em;

}

hr {
  background: #DFDFDF;
  height: 1px;
}

.index-list i {
  color: #e26035;
  font-size: larger;
  margin-left: -33px;
  padding-right: 10px;

}

.index-list li {
  list-style-type: none;
  font-family: 'Mada';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.01em;
  padding-top: 13px;
}

.index-list-cont i {
  color: #e26035;
  font-size: larger;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 2rem;
  clear: both;
  font-weight: 400;
  
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.section button {
  background-color: none;
  border-color: #e26035;
  color: #e26035;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 19px;
  margin-left: 5px;
}

.section a {
  color: #e26035;
  text-decoration: none;
}

.trustedimg img {
  padding-bottom: 10px;
  padding-top: 10px;
}

.partners img {
  height: 100px;
  width: 100px;
  align-items: center;
  margin: 44px auto 0;
}


.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border:none;
  border-radius: 0.25rem;
}

.navbar-nav .dropdown-menu{
    min-width: 6rem !important;
}

div .card {
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  border: 0;
  border-radius: 22px;
  position: relative;
}

div .card-body {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  z-index: 254;
}

.index-list-cont i {
  color: #e26035;
  font-size: larger;

}

.contactus {
  padding-bottom: 50px;
}

.contactus h1 {
  color: #27224a;
}

.contactus i {
  font-size: 30px;
}

.contactform form {
  padding: 20px;
}

.contactform {
  background-color: white;
  border-radius: 25px;
  position: relative;
  padding: 15px 10px;
  /* margin-left: 15px; */

}

.contactform input {
  height: 50px;
}

.contactform::before {
  content: "";
  border-radius: 22px;
  box-shadow: 0 30px 70px 0 rgb(225 225 225 / 93%);
  position: absolute;
  display: flex;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.leave {
  padding-bottom: 70px;
}
/* .cont {
  background-color: white;
} */

.cont2 {
  background-color: white;
  padding-bottom: 5rem;
}

.contact-info {
  display: flex;
  justify-content: center;
  padding-top: 35px;
}

.contact-info p {
  font-family: 'Mada';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.01em;
  color: #261A4B;
}

.subtitle-cont p {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  color: #675F81;
}
.subtitle{
  font-family: 'Tajawal';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 36px;

/* Primary Main */

color: #261A4B;

}
.send1 button {
  background-color: #e26035;
  border-color: #e26035;
  color: white;
}

.nav>li>a:focus,
.nav>li>a:hover {
  text-decoration: none;
  color: #e26035;
  background-color: #FFFFFF !important;
}

.background-home-rightgeneral {
  background-image: url(../../images/vectoregeneral.svg);
  background-repeat: no-repeat;
  background-position-x: right;
  /* padding-bottom: 100px; */
}

.background-home-rightdocument {
  background-image: url(../../images/Vectordocument.svg);
  background-repeat: no-repeat;
  background-position-x: right;
}

.background-home-leftservice {
  background-image: url(../../images/VectorService.svg);
  background-repeat: no-repeat;
  background-position-x: left;
  /* padding-bottom: 100px; */
}

.background-home-leftmobile {
  background-image: url(../../images/Vectormobile.svg);
  background-repeat: no-repeat;
  background-position-x: left;
  /* padding-bottom: 100px; */
}

.card::before {
  content: "";
  border-radius: 22px;
  box-shadow: 0 10px 60px 0 rgb(225 225 225 / 93%);
  position: absolute;
  display: flex;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.card-details {
  text-align: center;
  padding-bottom: 30px;
}

.central-title {
  font-family: 'Mada';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #E26035;

}

.central-title {
  color: #e26035;
  text-align: center;
  padding-top: 35px;
  font-size: 20px;
}

/* -----------------thank you page ----------------*/
.thank-you-section button {
  background-color: none;
  border-color: #e26035;
  color: #e26035;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 10px;
  text-align: center;
  align-items: center;
 
}
.thank-you-section{
text-align: center;
    
  }

div .modal-content {
  background-color: #E5E5E5;
}

.content h6 {
  font-family: 'Mada';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.01em;
  color: #6D6B73;
  padding-top: 20px;
  padding-bottom: 5px;
  margin-right: 10px;
  align-items: center;
  display: flex;
    justify-content: center;
    text-align: center;
}

.social-thankyou i {
  align-items: center;
  
    width: 24px;
    height: 24px;
    color: #261A4B;
    padding-bottom: 10px;
    font-size: large;
    text-align: center;
    margin-right: 10px;

}
.irada{
  /* Body/Body */

font-family: 'Mada';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 25px;
/* identical to box height, or 125% */

letter-spacing: 0.01em;

/* Primary Gray */

color: #675F81;
}
.social-thankyou{
  padding-bottom: 20px;
  display: flex;
    justify-content: center;
    align-items: center;
}
.modal {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.modal[open] {
  display: flex;
}
.model-inner {
  background-color: white;
  border-radius: 0.5em;
  max-width: 600px;
  padding: 2em;
  margin: auto;
}
.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid black;
}
#modal-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: black;
  opacity: 0.5;  
}

/* button.close {
  margin-left: 420px;
} */

.content-center p {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 26px;
  color: #261A4B;
  text-align: center;
}



/*---------------------- articles page------------------- */
.news-cover {
  background-image: url(../../images/newsmain.svg);
  background-repeat: no-repeat;
  height: 500px;
  background-size: cover;
  
}
.close {
  /* justify-content: end; */
  /* float: right; */
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
  /* display: flex; */
  position: absolute;
  /* -webkit-mask-position-x: right; */
}
.modal-header {
  padding: 30px !important;
  border-bottom: 1px solid #e5e5e5;
  align-self: flex-end;
}
.subtitlelarge h4 {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 36px;
  color: #261A4B;
  left: 5.07%;
  right: 35.42%;
  top: 12.05%;
  bottom: 84.74%;
  padding-bottom: 40px;
}

.articlesmain img {
  padding-bottom: 30px;
  border-radius: 20px;
}

.image-group img {
  padding: 10px 0;
}

.image-related img {
  padding-bottom: 10px;
}

.irada p {
  padding-bottom: 1.5rem;
}

/* --------about us page-------- */
.benefits-of-hello-jordan {
  margin-top: 60px;
  margin-bottom: 60px;
}

.sub-paragraph p {
  font-family: 'Mada';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: #6D6B73;
}

.subtitle-title p {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  color: #261A4B;
  padding-bottom: 15px;
}

.subtitle-title img {
  padding-bottom: 10px;
}

.subtitle h4{
  /* Headline/H4 */

font-family: 'Tajawal';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 36px;

/* Primary Main */

color: #261A4B;

}


.pargraph-about {
  font-family: 'Mada';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #6D6B73;
  padding-top: 25rem;
}

.our-vision {
  padding-bottom: 50px;
}
.our {
  padding-top: 1rem;
}


.color-title {
  font-family: 'Mada';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.01em;
  color: #E26035;
 
  padding-top: 20PX;
}

.min-description p {
  font-family: 'Mada';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #6D6B73;

}

.name p {
  font-family: 'Mada';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #261A4B;
}

.message {
  background-color: #FFFFFF;
  padding-top: 100px;
  padding-left: 80px;
}

.subtitle-message {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
  color: #261A4B;
}

.messagecard {
  height: 460px;
  background: #FFFFFF;
  position: relative;
  box-shadow: 0px 64px 150px rgba(38, 26, 75, 0.07);
  border-radius: 20px;
  margin-top: 80px;
  margin-bottom: 3rem;
  padding: 5rem;
}

.mansour {
  position: absolute;
  right: -10.5rem;
}

.msg-q img {
  position: absolute;
  top: -36px;
  left: 80px;
}

.subtitle-message h3 {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
  color: #261A4B;
}

.mansourtext {
  position: relative;
  top: 0px;
  /* padding-left: 70px; */
}

.benefits-of-hello-jordan {
  background-color: #FFFFFF;
  border: 1px solid #DFDFDF;
  box-shadow: 0px 64px 150px rgba(38, 26, 75, 0.07);
  border-radius: 22px;
}

.benefits p {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
  color: #261A4B;
}
.carousel-control-next, .carousel-control-prev {
  align-items: self-start;
  position: relative;

}
.carousel-control-next {
  right: 30px;
}
.carousel-control-prev {
  left: -12px;
}
.arrows{
  padding-top: 30px;
}

.sub-benefits p {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  color: #261A4B;
}

.sub-benefits span {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  color: #261A4B;
  margin-left: 10px;
}


.checked {
  color: #E26035;
}

/* .subtitle-saveTime p {
  margin-left: -3PX;
  margin-right: 10PX;
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
  color: #261A4B;
  padding-bottom: 10px;
} */

.projectFactsWrap {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;

}
.projectFactsWrap span {
  color:  #E26035;
  font-size: 28px;
}
.parent {
  position: relative;
  top: 0;
  left: 0;
}
.profile img {
  position: relative;
  border-radius: 25px;
}

.qutation img {
  position: absolute;
  width: 70px;
  height: 70px;
  top: 9.5rem;
  right: -20px;
}

.subtitle-saveTime h3 {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
  color: #261A4B;
}

.subtitle-title h5 {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  color: #261A4B;
}

.counter-seperate {
  height: 74.25px;
  width: 1px;
  background-color: #ddd;
}

.testimonials {
  padding-bottom: 40px;

}
.carousel-item {
  position: relative;
}

.projectFactsWrap p {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 46px;
  margin-bottom: 0;
  color: #E26035;
}

.benefits-of-hello-jordan h3 {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
  color: #261A4B;
}
.sub-benefits {
  margin-top: .75rem;
}
.sub-benefits h5 {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #261A4B;
}

.projectFactsWrap p span {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 65px;
  text-align: center;
  color: #E26035;

}

.our-vision {
  background-image: url(../../images/our-vision-vector.svg);
  background-repeat: no-repeat;
  background-position-x: right;

}

.our-mission {
  background-image: url(../../images/Our-mission-vector.svg);
  background-repeat: no-repeat;
  background-position-x: left;
}

.title h1 {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 58px;
  color: #261A4B;
  text-align: center;
}

.subtitle h1 {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 58px;
  color: #261A4B;

}

/* ---------------------news----------------- */
.news-first-section p {
  color: #FFFFFF;
}



div .card-body-news {
  background-color: #FFFFFF;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  padding: 10px;
  padding-left: 20px;
  margin-bottom: 25px;
}

.card-body-news p {
  font-family: 'Mada';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.01em;
  color: #6D6B73;
  
}

.card-title-news h4 {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  color: #261A4B;
}

.bodybackground {
  background-color: #E5E5E5;
  padding-bottom: 70px;
  padding-top: 40px;
}

.news-news {
  margin-left: auto;
  margin-right: auto;
}

.pagination {
  margin: 20px 0;
  justify-content: center;
  align-items: center;

}

.page-number {
  display: flex;
}

.page-number a {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  color: #261A4B;
  margin-right: 10px;

}

.pagination>li>a,
.pagination>li>span {
  border: unset !important;
  background: transparent !important;

}

.next,
.prev {
  
  display: flex !important;
  justify-content: center;
  align-items: center;
  margin-left: 30px;
  margin-right: 30px;

}
.next img{
width: 70%;
}
.prev img{
  width: 70%;
  }
.social {
  padding-bottom: 20px;
}
.card-info-news {
  height: 291px;
}
.card-info-news img{
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* .whole-card{
  
  filter: drop-shadow(0px 5px 0px rgba(38, 26, 75, 0.07));
} */

.contactus h3 {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
  color: #261A4B;

}

.active-page {
  color: #E26035 !important;
}



.thank-you-pop h1{
  font-size: 45px;
}

.dropdown-toggle::after {
  display: none;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  display: none !important;
}
.home-sections
{
  text-align: right !important;
}

.home-sections-right
{
  text-align: left !important;
}

.carousel-control-next, .carousel-control-next, .carousel-control-prev, .carousel-control-prev {
  opacity: 1;
}

.related-news {
  padding-left: 3rem;
}
.related-news img {
  width: 100%;
}
.form-contact
{
    position: relative;
    z-index: 10;
}
#map {
    height: 420px;
    border-radius: 5%;
}

.dropdown-menu.show{
    display: none !important;
}
.languages:hover  .dropdown-menu{
    display: inline-block;
    right: -35px !important;
}


.languages{
    margin-top: 2px;
}

.service-paragraph ul li{
    list-style: url(../../images/Path.svg);
}

.card-body a{
    text-decoration: none;
}
.dropdown-item:active{
    background-color: transparent;
}

.aboutus p{
    font-size: 20px;
}

.subtitle-footer a:hover, footer a:hover{
    color: #e26035;
}