/*
00. Library override(ex. bootstrap etc) --------------------
01. Text and Typography ------------------------------------
02. Common element(ul,ol,li,body,div etc.) -----------------
03. Common class(padding, margin etc.) ---------------------
04. Header styles ------------------------------------------
05. Footer styles-------------------------------------------
06. Common content------------------------------------------
07. Pages and Posts-----------------------------------------
08. Extra styles--------------------------------------------
09. Media Query---------------------------------------------
*/
/* End Table of Contents */

/* 00. Library override(ex. bootstrap etc) start*/
.textcontrols{
  display: flex;
    align-items: center;
    gap: 12px;
}
.textcontrols button{
  background-color: #83519F;
  border-radius: 4px;
  border: none;
  transition: 0.3s ease all;
  line-height: 1em;
  padding: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 35px;
  max-width: 35px;
  max-height: 35px;
  min-height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.textcontrols button{

}
.widget.widget_icl_lang_sel_widget{
  margin-bottom: 0px;
      z-index: 9999;
}
.wpml-ls-legacy-dropdown a {
    color: #fff;
    background: transparent;
    border: none;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    background: #fff;
    color: #333;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{
  color: #333;
}
.wpml-ls-legacy-dropdown > ul > li:first-child > a:hover,
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a {
    color: #fff !important;
    background: transparent !important;
}
.textcontrols span{
  font-size: var(--font-16);
  font-weight: 700;
  color: var(--white-color);
}

.textcontrols button:hover{
  background-color: #DAC9E8;
  transition: 0.3s ease all;
}

.textcontrols #decreasetext span{
  font-size: var(--font-18);
  font-weight: 700;
  font-family: var(--secondary-font);
  color: var(--white-color);

}

.textcontrols #resettext span{
  font-size: var(--font-22);
  font-weight: 700;
  font-family: var(--secondary-font);
  color: var(--white-color);
}

.textcontrols #increasetext span{
  font-size: var(--font-28);
  font-weight: 700;
  font-family: var(--secondary-font);
  color: var(--white-color);
}

.textcontrols button.active{
  background-color: var(--white-color);

}

.textcontrols button.active span{
  color: var(--secondary-color) !important;
}
/* Header Progress Bar */
#primary-menu {
    display: flex;
    justify-content: space-between;
    position: relative;
    gap: 25px;
}

[lang="ar"] #primary-menu {
    margin-left: 0 !important;
    margin-right: auto;
}

/* Base line */
/* Base line (behind dots) */
#primary-menu .stepper-base-line {
    position: absolute;
    top: 0;
    height: 2px;
    background: #B89BD0;
    z-index: 0;
    width: 0; /* JS will calculate */
    left: 0;  /* JS will calculate */
}

/* Active (filled) line */
#primary-menu .stepper-active-line {
    position: absolute;
    top: 0;
    height: 2px;
    background: #B89BD0;
    z-index: 1;
    width: 0;
    left: 0;
    transition: width 0.3s ease, left 0.3s ease;
}

/* Menu items */
#primary-menu > li {
    position: relative;
    z-index: 2;
    text-align: center;
}

/* Link */
#primary-menu > li > a {
    position: relative;
    padding-top: 30px;
    display: inline-block;
    font-weight: 500;
    color: #6c757d;
}

/* Dot */
/* #primary-menu > li > a::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ddd;
    z-index: 3;
} */


#primary-menu > li > a::before {
  content: "";
  display: inline-block;
  position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
  width: 14px;
  height: 14px;
  background-color: white;
  border-radius: 50%;

  outline: 2px solid var(--secondary-color);
  outline-offset: 3px;

  box-shadow:
    0 0 0 2px white,
    0 0 0 2px var(--secondary-color);

  margin-right: 8px;

  border: 2px solid var(--secondary-color);
}

#primary-menu > li:not(.completed-step):not(.active-step) > a::before{
  box-shadow: none;
  outline: none;
  border-color: #B89BD0;
}


#primary-menu > li.completed-step > a::before{
  outline-color: transparent;
 box-shadow:
    0 0 0 2px white,
    0 0 0 2px white;
}

/* Active & completed */

#primary-menu > li.completed-step > a,
#primary-menu > li > a {
    color: var(--black-color) !important;
}

#primary-menu > li.active-step > a{
  color: var(--secondary-color) !important;
}

#primary-menu > li.active-step > a::before,
#primary-menu > li.completed-step > a::before {
    background: var(--secondary-color);
}



/* 00. Library override(ex. bootstrap etc)   end*/


/* 01. Text and Typography start */
.single img{
  border-radius: 0;
  box-shadow: none;
}
/* 01. Text and Typography end */


/* 02. Common element(ul,ol,li,body,div etc.) start*/
:root {
  --primary-color: #DAC9E8;
  --secondary-color: #83519F;
  --black-color: #323232;
  --white-color: #FFFFFF;
  --dark-purple: #402752;
  --blue-color: #0077B6;

  --font-54: 54px;
  --font-40: 40px;
  --font-26: 26px;

  --primary-font: "Lato", serif;
  --secondary-font: "Source Sans 3", sans-serif;
  --mulish-font: "Mulish", sans-serif;




  --gradient-color: linear-gradient(92.94deg, #800000 1.05%, #BC0000 75.84%);
  --gradient-background: linear-gradient(0deg, #426181, #426181);
  --brown-color: #AC7E59;
  /* --text-color: #746E6E; */
  --text-color: #2C3641;
  
  
  --light-black-color: #4B4646;
  
  
  --figtree-font: "Figtree", sans-serif;
  --instrument-font: "Instrument Sans", sans-serif;
  --font-64: 64px;
  --font-60: 60px;
  --font-56: 56px;
  --font-48: 48px;
  --font-46: 46px;
  
  --font-36: 36px;
  --font-32: 32px;
  --font-28: 28px;
  --font-24: 24px;
  --font-22: 21px;
  --font-20: 20px;
  --font-18: 18px;
  --font-16: 16px;
  --font-14: 14px;
  --border-radius-100: 100px;
  --border-radius-20: 20px;
  --border-radius-18: 18px;
  --border-radius-4: 4px;
  --border-width-1: 1px;
  --border-width-2: 2px;
}

@media screen and (max-width: 1024px) {
  :root {
    --font-54: 42px;
    --font-40: 34px;
    --font-26: 22px;

    --font-64: 50px;
    --font-60: 48px;
    --font-56: 42px;
    --font-48: 38px;
    --font-46: 36px;
    
    --font-36: 32px;
    --font-32: 30px;
    --font-28: 24px;
    --font-24: 20px;
    --font-22: 18px;
    --font-20: 16px;
  }
}

@media screen and (max-width: 768px) {
  :root {
    --font-54: 28px;
    --font-26: 20px;
    --font-40: 28px;


    --font-64: 40px;
    --font-60: 38px;
    --font-56: 36px;
    --font-48: 32px;
    --font-46: 30px;
    
    --font-36: 26px;
    --font-32: 24px;
    --font-28: 22px;
    --font-24: 20px;
    --font-22: 18px;
    --font-18: 16px;
  }
}

/* 02. Common element(ul,ol,li,body,div etc.) end*/


/*03. Common class(padding, margin etc.) start*/
body {
  font-family: var(--primary-font);
  margin: 0px !important;
}

.page {
  margin: 0px !important;
}

.row {
  margin: 0 auto;
}

.row-padding > * {
  padding-left: 15px;
  padding-right: 15px;
}

.section-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.main-title,
.description-text h2 {
  font-size: var(--font-40);
  font-weight: 900;
  margin-bottom: 32px;
  letter-spacing: 0.5px;
  color: var(--dark-purple);
  line-height: 120%;
  font-family: var(--primary-font);
}

.secondary-title{
  font-size: var(--font-40);
  font-weight: 900;
  margin-bottom: 32px;
  letter-spacing: 0.5px;
  color: var(--white-color);
  line-height: 120%;
  font-family: var(--primary-font);
}

.sub-title{
  font-size: var(--font-22);
  color: var(--blue-color);
  font-weight: 700;
  letter-spacing: 0.5px;
  font-family: var(--secondary-font);
}

.description-text {
  color: var(--text-color);
  font-size: var(--font-22);
  font-weight: 400;
  font-family: var(--secondary-font);
  line-height: 140%;
}

.description-text a,
.entry-content p a,
.entry-content a{
  color: var(--secondary-color);
  font-weight: 500;
  transition: 0.3s ease all;
  display: inline-flex;
  gap: 10px;
}

.description-text a img {
  max-width: 26px;
  max-height: 26px;
}

.description-text strong {
  color: var(--primary-color);
  font-weight: 700;
}

.description-text a:hover,
.entry-content p a:hover,
.entry-content a:hover{
  transition: 0.3s ease all;
  color: var(--blue-color);
}

.description-text ul:not(ul ul):not(ul ol),
.description-text ol:not(ol ol):not(ol ul) {
  margin-left: 0;
  padding-left: 20px;
}

.description-text ul ol,
.description-text ul ul,
.description-text ol ol,
.description-text ol ul {
  margin-left: 0;
  padding-left: 20px;
}

.description-text ul li::marker,
.description-text ol li::marker {
  color: var(--text-color);
  font-size: 10px;
}

.description-text ol li::marker {
  font-size: var(--font-18);
}

.description-text ul li,
.description-text ol li {
  padding-bottom: 0px;
}

.description-text img {
  width: 100%;
  border-radius: var(--border-radius-100);
}
.description-text p{
  font-weight: 400;
}

/* Default Page CSS Start */


/* Default Page CSS End */
.page-template-default{
  color: var(--text-color);
}
.page-template-default h1,
.page-template-default h2,
.page-template-default h3,
.page-template-default h4,
.page-template-default h5,
.page-template-default h6{
  color: var(--dark-purple);
}

.page-template-default .entry-content img{
      width: 100%;
    aspect-ratio: 3 / 1;
    object-fit: cover;
}
/*03. Common class(padding, margin etc.) end*/



/*04. Header styles start*/


#primary-menu .menu-item .nav-link {
  line-height: 1em;
  padding: 20px 15px 5px 15px;
  color: var(--secondary-color);
  transition: 0.3s ease all;
  font-weight: 700;
  font-size: var(--font-16);
  font-family: var(--primary-font);
}


.footer-details-wrapper .learn-more-button {
  margin-top: 20px;
}



.sticky-header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: var(--white-color);
}

.main-header-container {
  box-shadow: 0px 6px 34.8px 0px #00000017;
  font-family: var(--secondary-font);
}


.main-header-container img.custom-logo,
.footer-logo {
  transition: 0.3s ease all;
  min-width: 250px;
  max-width: 250px;
}

/* .main-header-container.sticky-header img.custom-logo {
  transition: 0.3s ease all;
  min-width: 180px;
  max-width: 180px;
  margin-top: -40px;
} */

.header-notice {
  padding: 12px 0px;
  transition: 0.3s ease all;
  background-color: var(--secondary-color);
}


/* .main-header-container.sticky-header .header-notice{
  transition: 0.3s ease all;
  padding-top: 5px;
} */
.main-header-container .navbar {
  padding-top: 30px;
  padding-bottom: 30px;
  transition: 0.3s ease all;
  z-index: 999;
}

/* .main-header-container.sticky-header .navbar {
  transition: 0.3s ease all;
  padding-top: 10px;
  padding-bottom: 10px;
} */

.main-header-container .footer-detail-icon img {
  transition: 0.3s ease all;
  filter: brightness(0) invert(0);
}

.main-header-container .footer-detail-item a {
  color: var(--black-color);
  text-decoration: none;
  font-size: var(--font-16);
  font-weight: 700;
  font-family: var(--secondary-font);
  transition: 0.3s ease all;
}

.main-header-container .footer-detail-item a:hover {
  transition: 0.3s ease all;
  color: var(--primary-color);
}

.main-header-container .footer-detail-item a:hover img {
  transition: 0.3s ease all;
  filter: brightness(1) invert(0);
}

.current-menu-ancestor .current-menu-item a,
.current-menu-ancestor > a{
  /* color: var(--primary-color) !important; */
  color: var(--black-color);
  font-weight: 700 !important;
}

/*04. Header styles end*/


/*05. Footer styles start*/

.site-footer.main-footer-container {
  background: #F4EEFA;
}

.footer-content {
  background-color: var(--white-color);
  padding: 25px;
}

.site-footer.main-footer-container .footer-border-bottom {
  /* border-bottom: var(--border-width-1) solid #D0C4C4; */
  /* border-top: var(--border-width-1) solid #D0C4C4; */
  font-family: var(--secondary-font);
}

.site-footer.main-footer-container .footer-top {
  padding: 32px 0px 25px;
  color: var(--text-color);
  position: relative;
  z-index: 1;
}

.site-footer.main-footer-container .footer-top::before {
  /* content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url('../images/Union.svg');
  background-repeat: no-repeat;
  background-size: contain;
  max-height: 50px;
  max-width: 500px;
  height: 100%;
  width: 100%;
  z-index: -1; */
}

.site-footer.main-footer-container .footer-bottom {
  padding: 0px 0px 25px;
  font-family: var(--secondary-font);
}

.site-footer.main-footer-container .footer-heading {
  color: #FFFFFF;
  margin-bottom: 20px;
  font-weight: 400;
  font-family: var(--secondary-font);
}

.site-footer.main-footer-container .footer-links {
  margin: 0;
}

.site-footer.main-footer-container .footer-links .menu-item a,
.site-footer.main-footer-container .footer-detail-item a {
  color: var(--white-color);
  font-size: var(--font-14);
  text-decoration: none;
  font-weight: 400;
  transition: all 0.3s ease;
  padding-bottom: 0 !important;
  line-height: 120%;
  font-family: var(--secondary-font);
}


.site-footer.main-footer-container .footer-detail-item a {
  color: var(--text-color);
}

.site-footer.main-footer-container .footer-links .menu-item a {
  padding-bottom: 10px;
  display: block;
}

.site-footer.main-footer-container .page-link a {
  color: #bbc6d2;
  text-decoration: none;
  transition: 0.3s ease all;
  font-size: var(--font-14);
  font-weight: 400;
}

.site-footer.main-footer-container .page-link a:hover {
  color: var(--primary-color);
  transition: 0.3s ease all;
}

/* .site-footer.main-footer-container .footer-detail-item a{
	color: var(--black-color);
} */

.site-footer.main-footer-container .footer-detail-item .footer-detail-icon {
  min-width: 18px;
  min-height: 18px;
}

.site-footer.main-footer-container .footer-detail-item .footer-detail-icon img {
  transition: 0.3s ease all;
  filter: brightness(0) invert(0.4);
}

.site-footer.main-footer-container .footer-detail-item a {
  transition: 0.3s ease all;
}

.site-footer.main-footer-container .footer-detail-item a:hover .footer-detail-icon img {
  filter: brightness(1) invert(0);
  /* transition: 0.3s ease all; */
}

.site-footer.main-footer-container .copyright-notice,
.site-footer.main-footer-container .copyright-notice a {
  color: #535454;
  font-size: var(--font-14);
  transition: 0.3s ease all;
  text-underline-offset: 3px;
  font-weight: 400;
}

.site-footer.main-footer-container .copyright-notice a{
  color: #83519F;
}


[lang="ar"] .site-footer.main-footer-container .copyright-notice,
[lang="ar"] .site-footer.main-footer-container .copyright-notice a{
  text-align: right;
}

.site-footer.main-footer-container .copyright-notice a:hover,
.site-footer.main-footer-container .custom-pages .footer-links li a:hover,
.site-footer.main-footer-container .footer-links .menu-item a:hover,
.site-footer.main-footer-container .footer-detail-item a:hover {
  /* color: var(--primary-color); */
  color: #0274B2;
  transition: 0.3s ease all;
}

.site-footer.main-footer-container .footer-detail-item a:hover {
  color: var(--primary-color);
}

/* .site-footer.main-footer-container .copyright-notice a:hover,
.site-footer.main-footer-container .page-link a:hover {
  color: var(--white-color);
} */

.trust-item {
  font-weight: 700;
}

.footer-detail-item:nth-child(4) {
  display: none !important;
}

/*05. Footer styles end*/


/*06. Common content start*/
a.btn-primary,
.main-btn,
.back-to-home,
a.btn-primary:focus,
.main-btn:focus,
.back-to-home:focus,
a.btn-primary:focus-visible,
.main-btn:focus-visible,
.back-to-home:focus-visible {
  background-color: var(--primary-color);
  color: var(--secondary-color);
  font-weight: 700;
  line-height: 1em;
  padding: 15px 25px;
  transition: 0.3s ease all;
  font-size: var(--font-18);
  border-radius: 4px;
  border: 0;
  gap: 10px;
  outline: none;
  box-shadow: none;
  font-family: var(--secondary-font);
  letter-spacing: 0.5px;
}

a.btn-primary:active,
.main-btn:active,
.back-to-home:active{
    background-color: var(--primary-color) !important;
    outline: none;
  box-shadow: none;
  border-color: var(--primary-color) !important;
}

.main-btn {
  padding: 15px 70px;
}

a.btn-primary img,
.main-btn img {
  filter: brightness(0) invert(1);
  transition: 0.3s ease all;
  border-radius: 0;
}

a.btn-primary:hover,
.main-btn:hover,
.back-to-home:hover {
  background-color: #B89BD0;
  transition: 0.3s ease all;
  border: 0;
  color: var(--white-color);
}

.main-btn:hover img,
a.btn-primary:hover img {
  filter: brightness(1);
  transition: 0.3s ease all;
}

.learn-more-button {
  text-decoration: none;
}

a.btn-secondary {
  background-color: var(--secondary-color);
  color: var(--white-color);
  font-weight: 700;
  line-height: 1em;
  padding: 15px 20px;
  transition: 0.3s ease all;
  font-size: var(--font-18);
  border-radius: 4px;
  border: none;
  gap: 10px;
  font-family: var(--secondary-font);
  letter-spacing: 0.5px;
}

a.btn-secondary:hover {
  background-color: var(--dark-purple);
  border-color: var(--primary-color);
  transition: 0.3s ease all;
  color: var(--white-color);
}

a.btn-secondary img {
  transition: 0.3s ease all;
  border-radius: 0;
}

a.btn-secondary:hover img {
  filter: brightness(0) invert(1);
  transition: 0.3s ease all;
}

a.btn-outline {
  background-color: var(--white-color);
  color: var(--black-color);
  font-weight: 500;
  line-height: 1em;
  padding: 15px 20px;
  transition: 0.3s ease all;
  font-size: var(--font-18);
  border-radius: var(--border-radius-100);
  border: var(--border-width-2) solid var(--primary-color);
  gap: 10px;
  border: 2px solid var(--white-color);
  transition: 0.3s ease all;
}

a.btn-outline img {
  transition: 0.3s ease all;
  filter: brightness(0);
}

a.btn-outline:hover img {
  filter: brightness(1);
  transition: 0.3s ease all;
}

a.btn-outline:hover {
  background-color: transparent;
  border-color: var(--white-color);
  transition: 0.3s ease all;
  color: var(--white-color);
}




.read-more-button,
.read-more-button:visited,
.read-more-button:focus-visible{
    background-color: var(--primary-color);
    color: #ffffff;
    text-decoration: none;
    padding: 14px 24px 14px 24px;
    display: inline-block;
    font-family: var(--figtree-font);
    font-size: var(--font-18);
    font-weight: 400;
    border: 2px solid var(--primary-color);
    transition: 0.3s ease all;
    line-height: 100%;
    box-shadow: none;
    outline: none;
}

/* .home .read-more-button,
.home .read-more-button:visited,
.home .read-more-button:focus-visible{
    background-color: var(--secondary-color);
    color: #ffffff;
    text-decoration: none;
    padding: 14px 24px 14px 24px;
    display: inline-block;
    font-family: var(--figtree-font);
    font-size: var(--font-18);
    font-weight: 400;
    border: 2px solid var(--secondary-color);
    transition: 0.3s ease all;
    line-height: 100%;
    box-shadow: none;
    outline: none;
} */

.read-more-button .arrow-icon{
    margin-left: 10px;
}

/* .home .read-more-button:hover{
    background-color: transparent;
    color: var(--secondary-color);
    transition: 0.3s ease all;
} */

.read-more-button:hover{
    background-color: transparent;
    color: var(--primary-color);
    transition: 0.3s ease all;
}

.read-more-button img{
    transition: 0.3s ease all;
    filter: brightness(0) invert(1);
}

.read-more-button:hover img{
    filter: brightness(1) invert(0);
    transition: 0.3s ease all;
}

/* .home .read-more-button:hover img{
    filter: brightness(0);
    transition: 0.3s ease all;
} */



/* T&C Page Start */
.page-template-default h2,
.page-template-default h3,
.page-template-default h4,
.page-template-default h5,
.page-template-default h6{
	margin-bottom: 15px;
	margin-top: 30px;
}

.page-template-default .entry-content{
	margin-top: 15px;
  font-family: var(--secondary-font);
  color: var(--text-color);
    font-size: var(--font-18);
    font-weight: 500;
    font-family: var(--secondary-font);
    line-height: 150%;
}

.page-template-default ul:not(.site-header ul):not(.site-footer ul){
	margin-left: 0px;
	padding-left: 20px;
	list-style-type: disc;
}

.page-template-default ul:not(.site-header ul):not(.site-footer ul) li{
	position: relative;
}

.page-template-default ul:not(.site-header ul):not(.site-footer ul) li::before{
	content: '';
	position: absolute;
	top: 0;
	left: -30px;
	height: 20px;
	width: 20px;
	background-image: url(../images/leaf-icon.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.page-template-default ul:not(.site-header ul):not(.site-footer ul) li:not(:last-child){
	padding-bottom: 10px;
}

.page-template-default ul:not(.site-header ul):not(.site-footer ul) li ul{
	list-style-type: disc;
}

.page-template-default ul:not(.site-header ul):not(.site-footer ul) li ol{
	margin-left: 0;
}

.page-template-default ul:not(.site-header ul):not(.site-footer ul) li ul li::marker{
	color: #B6CE4B;
}

.page-template-default ul:not(.site-header ul):not(.site-footer ul) li ul li::before,
.page-template-default ul:not(.site-header ul):not(.site-footer ul) li ol li::before{
	display: none;
}

.page-template-default ol:not(.site-header ol):not(.site-footer ol){
	margin-left: 0px;
	padding-left: 20px;
}

/* T&C Page End */


/* 404 Page CSS Start */
.error404 .page-title {
    font-size: 150px;
    color: var(--dark-purple);
    font-weight: 800;
    line-height: 1em;
    font-family: var(--primary-font);
}

.error404 .page-content p.first-line {
    font-size: 40px;
    font-weight: 500;
    color: var(--black-color);
    line-height: 1em;
    margin-top: 20px;
    font-family: var(--secondary-font);
}

.error404 .page-content p.second-line {
    font-size: 16px;
    font-weight: 500;
    color: var(--text-color);
    line-height: 1em;
    margin-top: 20px;
    font-family: var(--secondary-font);
}

/* 404 Page CSS End */



/* Sidebar CSS */
.search-results .widget-area,
.single-post .widget-area,
.blog .widget-area,
.archive .widget-area{
    border: 1px solid #e0e0e0;
    border-radius: var(--border-radius-20);
    padding: 20px;
    position: sticky;
    top: 120px;
}
.search .wp-block-search__label, 
.single-post .wp-block-search__label, 
.blog .wp-block-search__label,
.archive .wp-block-search__label{
    font-weight: 600;
    margin-bottom: 2px;
}

.search input[type=search], 
.single-post input[type=search], 
.blog input[type=search],
.archive input[type=search]{
  padding: 10px 15px;
  border-radius: var(--border-radius-100);
  font-family: var(--secondary-font);
}

.search .wp-block-group, 
.single-post .wp-block-group, 
.blog .wp-block-group,
.archive .wp-block-group{
    border: 1px solid #e0e0e0;
    padding: 20px;
    border-radius: var(--border-radius-18);
}

.search .wp-block-heading, 
.single-post .wp-block-heading, 
.blog .wp-block-heading,
.archive .wp-block-heading{
    font-size: 20px;
    margin-bottom: 20px;
}

.search .wp-block-categories, 
.blog .wp-block-categories, 
.single-post .wp-block-categories,
.archive .wp-block-categories{
    margin-bottom: 0;
}

.search ul:not(.menu-item):not(#primary-menu):not(#footer-quick-links):not(.tab-nav),
.single-post ul:not(.menu-item):not(#primary-menu):not(#footer-quick-links):not(.tab-nav),
.blog ul:not(.menu-item):not(#primary-menu):not(#footer-quick-links):not(.tab-nav),
.archive ul:not(.menu-item):not(#primary-menu):not(#footer-quick-links):not(.tab-nav){
    margin-left: 0;
    /* list-style: none; */
    padding-left: 25px;
    text-align: left;
    color: var(--text-color);
}

.search ul li a,
.single-post ul li a,
.blog ul li a,
.archive ul li a{
    text-decoration: none;
     color: var(--text-color);
     transition: 0.3s ease all;
}

.search ul li a:hover,
.single-post ul li a:hover,
.blog ul li a:hover,
.archive ul li a:hover{
     transition: 0.3s ease all;
     color: var(--primary-color);
}

.search .widget.widget_block:last-child,
.single-post .widget.widget_block:last-child,
.blog .widget.widget_block:last-child,
.archive .widget.widget_block:last-child{
    margin-bottom: 0;
}

.single-post .posted-on,
.archive .posted-on{
    color: var(--text-color);
    font-family: var(--secondary-font);
    font-weight: 600;
}

.single-post .posted-on a,
.archive .posted-on a{
    text-decoration: none;
    color: var(--text-color);
    pointer-events: none;
}

.searchwp-live-search-result .searchwp-live-search-result--title a {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    transition: 0.3s ease all;
}

.searchwp-live-search-result .searchwp-live-search-result--title a:hover {
    transition: 0.3s ease all;
    color: var(--primary-color);  
}

.search-result-container .searchwp-revised-search-notice{
    display: none;
}

/*06. Common content end*/


/* Archive Page CSS Start */
.archive .entry-title a{
  text-decoration: none;
}

/* Search Page CSS Start */
.no-result{
    text-align: center;
}
.search-result-container .search-detail-container {
    border: 1px solid #e2e2e2;
    border-radius: var(--border-radius-18);
    padding-bottom: 0;
    height: 100%;
}

.search-result-container .search-detail-container img{
    border-radius: 18px 18px 0px 0px;
    background-color: #E9E9E9;
    width: 100%;
    /* aspect-ratio: 3 / 2; */
    object-fit: cover;
    max-height: 170px;
    min-height: 170px;
}

.search-results .entry-title{
    margin-bottom: 0;   
    line-height: 1em;
}

.search-results .entry-title a{
    text-decoration: none;
    color: #2C3641;
    font-size: var(--font-24);
    font-weight: 600;
    font-family: var(--secondary-font);
    transition: 0.3s ease all;
}

.search-results .entry-header{
    padding: 20px;
}


.search-results .search-card-link:hover ~ .entry-header .entry-title a{
    color: #0274B2;
    transition: 0.3s ease all;
}


.search-results .pagination-wrapper .nav-links .page-numbers{
	font-size: var(--font-16);
	font-weight: 600;
	color: #7e858b;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 45px;
	width: 45px;
	transition: 0.3s ease all;
}

.search-results .pagination-wrapper .nav-links .page-numbers:not(.dots){
	border: 1px solid #e0e0e0;
	border-radius: 18px;
	padding: 10px;
	text-decoration: none;
}

.search-results .pagination-wrapper .nav-links .page-numbers:hover{
	color: var(--primary-color);
	transition: 0.3s ease all;
	border-color: var(--primary-color);
}

.search-results .pagination-wrapper .nav-links .page-numbers.current{
	color: var(--primary-color);
	border-color: var(--primary-color);
}

.search-results .nav-links{
	display: flex;
	gap: 5px;
	justify-content: center;
}

/* Search Page End */


/* Search Form CSS Start */
.wpforms-submit-container{
      text-align: center;
}


div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater) {
    overflow-x: visible !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error:focus, div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid:focus, div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error:focus, div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid:focus, div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error:focus, div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid:focus{
  border: none;
  box-shadow: none !important;
}



.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
    padding: 15px 0 !important;
    position: relative;
}

div.wpforms-container-full .wpforms-form em.wpforms-error {
    position: absolute !important;
    bottom: -6px !important;
}

.searchwp-modal-form-default .searchwp-modal-form__content {
  z-index: 999 !important;
  padding: 3em !important;
}

.searchwp-modal-form__content .search-submit,
.search .widget-area [type=submit], 
.single-post .widget-area [type=submit], 
.searchwp-modal-form__content .search-submit, 
.blog .widget-area [type=submit],
.archive .widget-area [type=submit],
.archive input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 25px;
  border-radius: 0;
  color: var(--white-color);
  border-color: transparent;
  transition: all .3s;
  font-weight: 600;
  line-height: 150%;
  background-color: var(--primary-color);
  border-radius: var(--border-radius-100);
  font-family: var(--primary-font);
}

.search input[type=search]:focus-visible, 
.single-post input[type=search]:focus-visible, 
.blog input[type=search]:focus-visible, 
.archive input[type=search]:focus-visible,
.archive input[type="submit"]:focus-visible{
    outline: none;
    /* border: none; */
}

.archive .no-results.not-found{
    text-align: center;
}

.searchwp-modal-form__content .search-field {
  padding: 10px 15px;
  border-radius: var(--border-radius-100);
}

.searchwp-modal-form__content .search-field:focus-visible {
  outline: none;
  box-shadow: none;
}

.searchwp-modal-form-default .searchwp-modal-form__footer {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1000;
  padding: 0 !important;
}

.searchwp-modal-form-default .searchwp-modal-form__close {
  line-height: 1em;
  background: transparent;
  padding: 0.4em 0.5em;
  border: 0;
  margin: 0 auto;
}

/* Search Form CSS End */


/*07. Pages and Posts satrt*/

/*07. Pages and Posts end*/


/* 08. Extra styles start*/
/* Programs Page Start */
#rwl-output{
  padding-top: 30px;
  text-align: left;
}

#rwl-output a{
  text-decoration: none;
  color: var(--black-color);
  transition: 0.3s ease all;
}

#rwl-output a:hover{
  transition: 0.3s ease all;
  color: var(--primary-color);
}

.rwlLocationLabel{
  text-align: center;
  padding-top: 50px;
  padding-bottom: 30px;
}

.content-section .wpforms-container {
  text-align: left;
  max-width: 700px;
  margin: 0 auto;
}

.content-section div.wpforms-container-full button[type=submit]:hover {
    background-color: transparent !important;
    background: transparent !important;
    color: var(--primary-color);
}

.content-section .wpforms-field-label{
    margin-bottom: 5px !important;
}

.content-section div.wpforms-container-full .wpforms-form em.wpforms-error{
      bottom: 11px;
}


.wpforms-has-error{
  padding-bottom: 0px !important;
}
blockquote {
    background: #F2F2F2;
    border-left: 6px solid var(--primary-color);
    padding: 25px;
    margin: 40px 0;
    font-style: italic;
    font-family: var(--secondary-font);
    color: var(--text-color);
    font-size: var(--font-20);
    font-weight: 400;
}

section[id] {
  scroll-margin-top: 80px;
}
/* 08. Extra styles end*/




/*09. Media Query start*/
@media screen and (min-width: 1281px) {
  .container {
    /* max-width: 1140px; */
    max-width: 1240px;
  }
}

@media screen and (min-width: 1440px) {
  .container {
    /* max-width: 1366px; */
    max-width: 1280px;
    /* max-width: 1440px; */
  }

}

@media screen and (min-width: 992px) {}

@media screen and (min-width: 768px) {}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
.main-header-container img.custom-logo,
.footer-logo {
    min-width: 230px;
    max-width: 230px;
}
}
@media screen and (max-width: 1200px) {
  /* #primary-menu .menu-item.current-menu-item:not(.contact-btn):not(.donate-btn) .nav-link::before, 
  #primary-menu .menu-item.current-menu-parent::before,
  #primary-menu .menu-item .nav-link:hover::before,
  #primary-menu .menu-item.contact-btn .nav-link:hover::before{
    display: none;
  } */

  #primary-menu .menu-item .nav-link{
    padding: 20px 0px 10px 0px;
  }
   .menu-main-wrapper-item{
    width: 100%;   
    flex-direction: column;
    gap: 20px;
  }
  #primary-menu .menu-item.menu-item-has-children i.fa-chevron-down {
    font-size: 14px;
  }

  #primary-menu .menu-item.menu-item-has-children .dropdown-toggle-btn {
    padding: 0;
    border: none;
    position: absolute;
    top: 1px;
    right: 0;
  }

  #primary-menu .dropdown-menu.is-open {
    display: block;
    max-height: unset !important;
    padding: 15px;
    margin-top: 20px;
    width: 100%;
  }

  #primary-menu .dropdown-menu li:not(:last-child) {
    margin-bottom: 10px;
  }

  #primary-menu {
    gap: 0px;
    width: 95%;
  }

  #primary-menu.align-items-lg-center {
    align-items: start !important;
  }

  #primary-menu .menu-item {
    border-right: none;
    width: 100%;
    /* width: fit-content; */
  }

  #primary-menu .contact-btn .nav-link {
    width: fit-content !important;
  }

  /* #primary-menu .menu-item:not(.contact-btn) .nav-link {
    padding: 0;
  } */
}

@media screen and (max-width: 1280px) {
  .container {
    max-width: 1140px;
    padding: 0px 0px;
  }
  .footer-map{
    padding-right: 0px;
  }
}

@media screen and (max-width: 1199px) {}

/*Tablet*/
@media screen and (max-width: 991px) {
  [lang="ar"] .mobile-menu-toggle{
    text-align: left !important;
  }
  section[id] {
    scroll-margin-top: 60px;
  }

  .section-padding {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .textcontrols button{
        min-width: 25px;
  }

  #primary-menu > li.active-step > a::before, 
  #primary-menu > li.completed-step > a::before,
  #primary-menu > li > a::before {
    display: none;
  }
  #primary-menu .menu-item .nav-link{
    justify-content: left !important;
  }
}

/*Small Device*/
@media screen and (max-width: 768px) {
  [lang="ar"] .site-footer.main-footer-container .copyright-notice, 
  [lang="ar"] .site-footer.main-footer-container .copyright-notice a {
    text-align: center;
  }
  .main-title, 
  .description-text h2{
    margin-bottom: 15px;
  }
	.footer-block{
		padding: 0;
	}
  .main-header-container .footer-detail-item a {
    font-size: 14px;
    align-items: center !important;
  }

  .main-header-container .footer-detail-item a .footer-detail-icon {
    margin-top: 0 !important;
  }

  .main-header-container .footer-detail-icon img {
    max-height: 15px;
    max-width: 15px;
  }

  /* .site-footer.main-footer-container .footer-bottom {
    padding: 0px 20px 15px;
  } */

  .main-header-container img.custom-logo,
  .footer-logo {
    min-width: 230px;
    max-width: 230px;
  }

  /* .main-header-container.sticky-header img.custom-logo {
    min-width: 140px;
    max-width: 140px;
    margin-top: -35px;
  } */

  .main-footer-container .footer-image img {
    max-width: 160px;
  }
}

/*Mobile Device*/
@media screen and (max-width: 640px) {
  .site-footer.main-footer-container .footer-heading {
    margin-bottom: 10px;
  }

  .widget.widget_icl_lang_sel_widget{
    width: 40%;
  }
  

  .footer-details-wrapper .learn-more-button {
    margin-top: 0px;
  }
 
}

/*Extra Small Mobile Device*/
@media screen and (max-width: 480px) {}

@media screen and (max-width: 420px) {}

/*09. Media Query end*/