/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "Helvetica Neue LT W02_77 Bd Cn",Helvetica,Arial;
  text-align: left !important;
}

.font-en{
  font-family: "Poppins", sans-serif !important;
}

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

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

h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue LT W02_77 Bd Cn",Helvetica,Arial;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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


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

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

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

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

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

  .p-start-xl-0 {
    padding-left: 0px;
  }

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

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


  .m-start-xl-0 {
    margin-left: 0px;
  }

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

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

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

  .m-im-start-xl-1 {
    margin-left: 4px !important;
  }
  
  .m-im-start-xl-2 {
    margin-left: 8px !important;
  }
  
  .m-im-start-xl-3 {
    margin-left: 16px !important;
  }
  
  .m-im-start-xl-4 {
    margin-left: 24px !important;
  }
  
  .m-im-start-xl-5 {
    margin-left: 48px !important;
  }

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


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

  .p-start-xxl-0 {
    padding-left: 0px;
  }

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

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


  .m-start-xxl-0 {
    margin-left: 0px;
  }

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

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

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

  .m-im-start-xxl-1 {
    margin-left: 4px !important;
  }
  
  .m-im-start-xxl-2 {
    margin-left: 8px !important;
  }
  
  .m-im-start-xxl-3 {
    margin-left: 16px !important;
  }
  
  .m-im-start-xxl-4 {
    margin-left: 24px !important;
  }
  
  .m-im-start-xxl-5 {
    margin-left: 48px !important;
  }

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


.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-right: 0 !important;
  margin-left: 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 .validate {
  margin-top: 8px;
  text-align: left;
  color: #ff6060;
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
}

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

/* 
.datepicker-dropdown {
  padding: 20px !important;
} */


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

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