/**
* Template Name: TAQALID - v2.0.0
* Template Designed: ANGAAZ TEAM By: Eng. Naif Al-shargabi, URL: http://www.angaaz.com
*/


/*--------------------------------------------------------------
# Root
--------------------------------------------------------------*/
@font-face{
  font-family: 'PNU Regular';
  src: 
  local('PNU Regular'),
  local('PNU-Regular'),
  url('../../../vendor/custom-fonts/arfonts-neo-sans-w23-regular.ttf')
  format('truetype');
  font-display: swap;
}

@font-face{
  font-family: 'PNU Bold';
  src: 
  local('PNU Bold'),
  local('PNU-Bold'),
  url('../../../vendor/custom-fonts/arfonts-neo-sans-w23-regular.ttf')
  format('truetype');
  font-display: swap;
}


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "PNU Regular" !important;
  text-align: right !important;
}

.font-ar{
  font-family: "PNU Regular" !important;
}

.font-ar-bold{
  font-family: "PNU Bold" !important;
}

.font-en{
  font-family: "Helvetica Neue LT W02_77 Bd Cn",Helvetica,Arial;
}

.text-start {
  text-align: right !important;
}

.text-end {
  text-align: left !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "PNU Regular";
}

.p-start-0 {
  padding-right: 0px;
}

.p-start-1 {
  padding-right: 4px;
}

.p-start-2 {
  padding-right: 8px;
}

.p-start-3 {
  padding-right: 16px;
}

.p-start-4 {
  padding-right: 24px;
}

.p-start-5 {
  padding-right: 48px;
}

.p-end-0 {
  padding-left: 0px;
}

.p-end-1 {
  padding-left: 4px;
}

.p-end-2 {
  padding-left: 8px;
}

.p-end-3 {
  padding-left: 16px;
}

.p-end-4 {
  padding-left: 24px;
}

.p-end-5 {
  padding-left: 48px;
}

.p-im-start-0 {
  padding-right: 0px !important;
}

.p-im-start-1 {
  padding-right: 4px !important;
}

.p-im-start-2 {
  padding-right: 8px !important;
}

.p-im-start-3 {
  padding-right: 16px !important;
}

.p-im-start-4 {
  padding-right: 24px !important;
}

.p-im-start-5 {
  padding-right: 48px !important;
}

.p-im-end-0 {
  padding-left: 0px !important;
}

.p-im-end-1 {
  padding-left: 4px !important;
}

.p-im-end-2 {
  padding-left: 8px !important;
}

.p-im-end-3 {
  padding-left: 16px !important;
}

.p-im-end-4 {
  padding-left: 24px !important;
}

.p-im-end-5 {
  padding-left: 48px !important;
}


.m-start-0 {
  margin-right: 0px;
}
  
.m-start-1 {
  margin-right: 4px;
}

.m-start-2 {
  margin-right: 8px;
}

.m-start-3 {
  margin-right: 16px;
}

.m-start-4 {
  margin-right: 24px;
}

.m-start-5 {
  margin-right: 48px;
}

.m-end-0 {
  margin-left: 0px;
}

.m-end-1 {
  margin-left: 4px;
}

.m-end-2 {
  margin-left: 8px;
}

.m-end-3 {
  margin-left: 16px;
}

.m-end-4 {
  margin-left: 24px;
}

.m-end-5 {
  margin-left: 48px;
}

.m-im-start-0 {
  margin-right: 0px !important;
}

.m-im-start-1 {
  margin-right: 4px !important;
}

.m-im-start-2 {
  margin-right: 8px !important;
}

.m-im-start-3 {
  margin-right: 16px !important;
}

.m-im-start-4 {
  margin-right: 24px !important;
}

.m-im-start-5 {
  margin-right: 48px !important;
}

.m-im-end-0 {
  margin-left: 0px !important;
}

.m-im-end-1 {
  margin-left: 4px !important;
}

.m-im-end-2 {
  margin-left: 8px !important;
}

.m-im-end-3 {
  margin-left: 16px !important;
}

.m-im-end-4 {
  margin-left: 24px !important;
}

.m-im-end-5 {
  margin-left: 48px !important;
}

/* Extra Smol Screen ================= */
@media (min-width: 0px) and (max-width: 576px){
  .text-xs-start {
    text-align: right !important;
  }
  
  .text-xs-end {
    text-align: left !important;
  }

  .p-start-xs-0 {
    padding-right: 0px;
  }
  
  .p-start-xs-1 {
    padding-right: 4px;
  }
  
  .p-start-xs-2 {
    padding-right: 8px;
  }
  
  .p-start-xs-3 {
    padding-right: 16px;
  }
  
  .p-start-xs-4 {
    padding-right: 24px;
  }
  
  .p-start-xs-5 {
    padding-right: 48px;
  }
  
  .p-end-xs-0 {
    padding-left: 0px;
  }
  
  .p-end-xs-1 {
    padding-left: 4px;
  }
  
  .p-end-xs-2 {
    padding-left: 8px;
  }
  
  .p-end-xs-3 {
    padding-left: 16px;
  }
  
  .p-end-xs-4 {
    padding-left: 24px;
  }
  
  .p-end-xs-5 {
    padding-left: 48px;
  }


  .m-start-xs-0 {
    margin-right: 0px;
  }
  
  .m-start-xs-1 {
    margin-right: 4px;
  }
  
  .m-start-xs-2 {
    margin-right: 8px;
  }
  
  .m-start-xs-3 {
    margin-right: 16px;
  }
  
  .m-start-xs-4 {
    margin-right: 24px;
  }
  
  .m-start-xs-5 {
    margin-right: 48px;
  }
  
  .m-end-xs-0 {
    margin-left: 0px;
  }
  
  .m-end-xs-1 {
    margin-left: 4px;
  }
  
  .m-end-xs-2 {
    margin-left: 8px;
  }
  
  .m-end-xs-3 {
    margin-left: 16px;
  }
  
  .m-end-xs-4 {
    margin-left: 24px;
  }
  
  .m-end-xs-5 {
    margin-left: 48px;
  }
}

/* Smol Screen ================= */
@media (min-width: 576px) and (max-width: 768px){
  .text-sm-start {
    text-align: right !important;
  }
  
  .text-sm-end {
    text-align: left !important;
  }

  .p-start-sm-0 {
    padding-right: 0px;
  }
  
  .p-start-sm-1 {
    padding-right: 4px;
  }
  
  .p-start-sm-2 {
    padding-right: 8px;
  }
  
  .p-start-sm-3 {
    padding-right: 16px;
  }
  
  .p-start-sm-4 {
    padding-right: 24px;
  }
  
  .p-start-sm-5 {
    padding-right: 48px;
  }
  
  .p-end-sm-0 {
    padding-left: 0px;
  }
  
  .p-end-sm-1 {
    padding-left: 4px;
  }
  
  .p-end-sm-2 {
    padding-left: 8px;
  }
  
  .p-end-sm-3 {
    padding-left: 16px;
  }
  
  .p-end-sm-4 {
    padding-left: 24px;
  }
  
  .p-end-sm-5 {
    padding-left: 48px;
  }


  .m-start-sm-0 {
    margin-right: 0px;
  }
  
  .m-start-sm-1 {
    margin-right: 4px;
  }
  
  .m-start-sm-2 {
    margin-right: 8px;
  }
  
  .m-start-sm-3 {
    margin-right: 16px;
  }
  
  .m-start-sm-4 {
    margin-right: 24px;
  }
  
  .m-start-sm-5 {
    margin-right: 48px;
  }
  
  .m-end-sm-0 {
    margin-left: 0px;
  }
  
  .m-end-sm-1 {
    margin-left: 4px;
  }
  
  .m-end-sm-2 {
    margin-left: 8px;
  }
  
  .m-end-sm-3 {
    margin-left: 16px;
  }
  
  .m-end-sm-4 {
    margin-left: 24px;
  }
  
  .m-end-sm-5 {
    margin-left: 48px;
  }
}

/* Nediam Screen ==================== */
@media (min-width: 768px) and (max-width: 992px){
  .text-md-start {
    text-align: right !important;
  }
  
  .text-md-end {
    text-align: left !important;
  }

  .p-start-md-0 {
    padding-right: 0px;
  }
  
  .p-start-md-1 {
    padding-right: 4px;
  }
  
  .p-start-md-2 {
    padding-right: 8px;
  }
  
  .p-start-md-3 {
    padding-right: 16px;
  }
  
  .p-start-md-4 {
    padding-right: 24px;
  }
  
  .p-start-md-5 {
    padding-right: 48px;
  }
  
  .p-end-md-0 {
    padding-left: 0px;
  }
  
  .p-end-md-1 {
    padding-left: 4px;
  }
  
  .p-end-md-2 {
    padding-left: 8px;
  }
  
  .p-end-md-3 {
    padding-left: 16px;
  }
  
  .p-end-md-4 {
    padding-left: 24px;
  }
  
  .p-end-md-5 {
    padding-left: 48px;
  }


  .m-start-md-0 {
    margin-right: 0px;
  }
  
  .m-start-md-1 {
    margin-right: 4px;
  }
  
  .m-start-md-2 {
    margin-right: 8px;
  }
  
  .m-start-md-3 {
    margin-right: 16px;
  }
  
  .m-start-md-4 {
    margin-right: 24px;
  }
  
  .m-start-md-5 {
    margin-right: 48px;
  }
  
  .m-end-md-0 {
    margin-left: 0px;
  }
  
  .m-end-md-1 {
    margin-left: 4px;
  }
  
  .m-end-md-2 {
    margin-left: 8px;
  }
  
  .m-end-md-3 {
    margin-left: 16px;
  }
  
  .m-end-md-4 {
    margin-left: 24px;
  }
  
  .m-end-md-5 {
    margin-left: 48px;
  }
}

/* Larg Screen ===================== */
@media (min-width: 992px) and (max-width: 1200px){
  .text-lg-start {
    text-align: right !important;
  }
  
  .text-lg-end {
    text-align: left !important;
  }

  .p-start-lg-0 {
    padding-right: 0px;
  }
  
  .p-start-lg-1 {
    padding-right: 4px;
  }
  
  .p-start-lg-2 {
    padding-right: 8px;
  }
  
  .p-start-lg-3 {
    padding-right: 16px;
  }
  
  .p-start-lg-4 {
    padding-right: 24px;
  }
  
  .p-start-lg-5 {
    padding-right: 48px;
  }
  
  .p-end-lg-0 {
    padding-left: 0px;
  }
  
  .p-end-lg-1 {
    padding-left: 4px;
  }
  
  .p-end-lg-2 {
    padding-left: 8px;
  }
  
  .p-end-lg-3 {
    padding-left: 16px;
  }
  
  .p-end-lg-4 {
    padding-left: 24px;
  }
  
  .p-end-lg-5 {
    padding-left: 48px;
  }


  .m-start-lg-0 {
    margin-right: 0px;
  }
  
  .m-start-lg-1 {
    margin-right: 4px;
  }
  
  .m-start-lg-2 {
    margin-right: 8px;
  }
  
  .m-start-lg-3 {
    margin-right: 16px;
  }
  
  .m-start-lg-4 {
    margin-right: 24px;
  }
  
  .m-start-lg-5 {
    margin-right: 48px;
  }
  
  .m-end-lg-0 {
    margin-left: 0px;
  }
  
  .m-end-lg-1 {
    margin-left: 4px;
  }
  
  .m-end-lg-2 {
    margin-left: 8px;
  }
  
  .m-end-lg-3 {
    margin-left: 16px;
  }
  
  .m-end-lg-4 {
    margin-left: 24px;
  }
  
  .m-end-lg-5 {
    margin-left: 48px;
  }
}

/* Extra Larg Screen ================ */
@media (min-width: 1200px) and (max-width: 1400px){
  .text-xl-start {
    text-align: right !important;
  }
  
  .text-xl-end {
    text-align: left !important;
  }

  .p-start-xl-0 {
    padding-right: 0px;
  }
  
  .p-start-xl-1 {
    padding-right: 4px;
  }
  
  .p-start-xl-2 {
    padding-right: 8px;
  }
  
  .p-start-xl-3 {
    padding-right: 16px;
  }
  
  .p-start-xl-4 {
    padding-right: 24px;
  }
  
  .p-start-xl-5 {
    padding-right: 48px;
  }
  
  .p-end-xl-0 {
    padding-left: 0px;
  }
  
  .p-end-xl-1 {
    padding-left: 4px;
  }
  
  .p-end-xl-2 {
    padding-left: 8px;
  }
  
  .p-end-xl-3 {
    padding-left: 16px;
  }
  
  .p-end-xl-4 {
    padding-left: 24px;
  }
  
  .p-end-xl-5 {
    padding-left: 48px;
  }


  .m-start-xl-0 {
    margin-right: 0px;
  }
  
  .m-start-xl-1 {
    margin-right: 4px;
  }
  
  .m-start-xl-2 {
    margin-right: 8px;
  }
  
  .m-start-xl-3 {
    margin-right: 16px;
  }
  
  .m-start-xl-4 {
    margin-right: 24px;
  }
  
  .m-start-xl-5 {
    margin-right: 48px;
  }
  
  .m-end-xl-0 {
    margin-left: 0px;
  }
  
  .m-end-xl-1 {
    margin-left: 4px;
  }
  
  .m-end-xl-2 {
    margin-left: 8px;
  }
  
  .m-end-xl-3 {
    margin-left: 16px;
  }
  
  .m-end-xl-4 {
    margin-left: 24px;
  }
  
  .m-end-xl-5 {
    margin-left: 48px;
  }
}

/* Extra Extra Larg Screen ================ */
@media (min-width: 1400px){
  .text-xxl-start {
    text-align: right !important;
  }
  
  .text-xxl-end {
    text-align: left !important;
  }

  .p-start-xxl-0 {
    padding-right: 0px;
  }
  
  .p-start-xxl-1 {
    padding-right: 4px;
  }
  
  .p-start-xxl-2 {
    padding-right: 8px;
  }
  
  .p-start-xxl-3 {
    padding-right: 16px;
  }
  
  .p-start-xxl-4 {
    padding-right: 24px;
  }
  
  .p-start-xxl-5 {
    padding-right: 48px;
  }
  
  .p-end-xxl-0 {
    padding-left: 0px;
  }
  
  .p-end-xxl-1 {
    padding-left: 4px;
  }
  
  .p-end-xxl-2 {
    padding-left: 8px;
  }
  
  .p-end-xxl-3 {
    padding-left: 16px;
  }
  
  .p-end-xxl-4 {
    padding-left: 24px;
  }
  
  .p-end-xxl-5 {
    padding-left: 48px;
  }


  .m-start-xxl-0 {
    margin-right: 0px;
  }
  
  .m-start-xxl-1 {
    margin-right: 4px;
  }
  
  .m-start-xxl-2 {
    margin-right: 8px;
  }
  
  .m-start-xxl-3 {
    margin-right: 16px;
  }
  
  .m-start-xxl-4 {
    margin-right: 24px;
  }
  
  .m-start-xxl-5 {
    margin-right: 48px;
  }
  
  .m-end-xxl-0 {
    margin-left: 0px;
  }
  
  .m-end-xxl-1 {
    margin-left: 4px;
  }
  
  .m-end-xxl-2 {
    margin-left: 8px;
  }
  
  .m-end-xxl-3 {
    margin-left: 16px;
  }
  
  .m-end-xxl-4 {
    margin-left: 24px;
  }
  
  .m-end-xxl-5 {
    margin-left: 48px;
  }
}

.accordion .accordion-item {
  padding: 16px 20px !important;
  border: none !important;
  border-radius: 4px !important;
}

.accordion .accordion-item .accordion-button::after {
  background-image: none !important;
  width: 24px !important;
  height: 24px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  line-height: 24 px !important;
  font-family: 'boxicons' !important;
  font-size: 24px !important;
  content: "\ea17";
}

.accordion .accordion-item .accordion-button, .accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: transparent !important;
  padding: 0px !important;
  color: var(--text-bolder-color);
  box-shadow: none !important;
  line-height: 1.5rem !important;
  font-size: 1rem !important;
}

.accordion .accordion-item .accordion-button:hover {
  color: var(--link-hover-primary-color);
}

.accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 10px 0px 0px 0px !important;
}

.form-check {
  padding-left: 0px !important;
  padding-right: 24px !important;
}

.form-check .form-check-input {
  float: right !important;
  margin-left: 0px !important;
  margin-right: -1.5em !important;
}

.form .validate {
  margin-top: 8px;
  text-align: right;
  color: #ff6060;
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
}

.form.form-darck .validate {
  margin-top: 8px;
  text-align: right;
  color: #ff6060;
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header .language-dropdown-menu{left: 0px !important; right: auto !important;}
#header .navbar-expand-lg .nav-item.dropdown .dropdown-menu{right: 0px !important; left: auto !important;}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
.section-title.brand-figure-third-circle-line .section-title-content .title-content::after{
  right: -42px;
}

.section-title.brand-figure-third-square-x-dots .section-title-content .title-content::after{
  right: calc(100% + 1rem);
}

.section-title.brand-figure-third-diamond-x-dots .section-title-content .title-content::after{
  right: calc(100% + 0.5rem);
}

.section-title.brand-figure-third-diamond-circle-dots .section-title-content .title-content::after{
  right: calc(100% + 0.5rem);
}

.autoplay-progress {
  left: 16px;
}

.input-group .input-group-text{border-top-left-radius: 0px !important; border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: 0px !important;}
.input-group .form-control{border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: var(--bs-border-radius) !important; margin: 0px -1px 0px 0px !important; box-shadow: none !important;}


/*--------------------------------------------------------------*/
/* intl-tel-input Style */
/*--------------------------------------------------------------*/
.intl-tel-input.allow-dropdown{flex: 1 1 auto !important;width: 1% !important;}
.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel]{padding: 6px 52px 6px 6px !important; direction: ltr !important; text-align: right !important;}
.intl-tel-input .flag-container{width: 100% !important; position: absolute; right: 0px !important; left: auto !important;}
.intl-tel-input .flag-container .selected-flag{padding: 0px 8px 0px 0px !important;}
.intl-tel-input .flag-container .iti-arrow{right: auto !important; left: 6px !important;}
.intl-tel-input .country-list{width: 100% !important; text-align: right !important;}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs ol li + li {padding-right: 5px;}
.breadcrumbs ol li + li::before {display: inline-block; padding-left: 5px; content: "\ea9d"; font-family: IcoFont;}
.back-breadcrumb-link .back-icon::before{content: "\f3bf" !important;}