.elementor-1207 .elementor-element.elementor-element-5cb199d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1207 .elementor-element.elementor-element-acd59d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1207 .elementor-element.elementor-element-ff6c01d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1207 .elementor-element.elementor-element-0a9e543{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1207 .elementor-element.elementor-element-03de55f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1207 .elementor-element.elementor-element-1f668da{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1207 .elementor-element.elementor-element-d4f9c39{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1207 .elementor-element.elementor-element-764623e.elementor-element{--align-self:stretch;}.elementor-1207 .elementor-element.elementor-element-764623e .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1207 .elementor-element.elementor-element-764623e .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1207 .elementor-element.elementor-element-764623e .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1207 .elementor-element.elementor-element-764623e .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1207 .elementor-element.elementor-element-764623e .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1207 .elementor-element.elementor-element-764623e .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1207 .elementor-element.elementor-element-764623e .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1207 .elementor-element.elementor-element-764623e .elementor-field-group > label{font-family:"IBM Plex Sans Arabic", Sans-serif;font-size:12px;font-weight:400;}.elementor-1207 .elementor-element.elementor-element-764623e .elementor-field-type-html{padding-bottom:0px;}.elementor-1207 .elementor-element.elementor-element-764623e .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-1207 .elementor-element.elementor-element-764623e .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-1207 .elementor-element.elementor-element-764623e .elementor-button{font-family:"IBM Plex Sans Arabic", Sans-serif;font-size:22px;font-weight:500;border-radius:12px 12px 12px 12px;}.elementor-1207 .elementor-element.elementor-element-764623e .e-form__buttons__wrapper__button-next{background-color:#4F7F71;color:#ffffff;}.elementor-1207 .elementor-element.elementor-element-764623e .elementor-button[type="submit"]{background-color:#4F7F71;color:#ffffff;}.elementor-1207 .elementor-element.elementor-element-764623e .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1207 .elementor-element.elementor-element-764623e .e-form__buttons__wrapper__button-previous{background-color:#275C54;color:#ffffff;}.elementor-1207 .elementor-element.elementor-element-764623e .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1207 .elementor-element.elementor-element-764623e .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1207 .elementor-element.elementor-element-764623e .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1207 .elementor-element.elementor-element-764623e .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1207 .elementor-element.elementor-element-764623e{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1207 .elementor-element.elementor-element-6b37618{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1207 .elementor-element.elementor-element-2534dce{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1207 .elementor-element.elementor-element-e1d22f2{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1207 .elementor-element.elementor-element-e1d22f2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1207 .elementor-element.elementor-element-fe86d48{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1207 .elementor-element.elementor-element-f6bf949{width:100%;max-width:100%;}.elementor-1207 .elementor-element.elementor-element-f6bf949.elementor-element{--align-self:center;}.elementor-1207 .elementor-element.elementor-element-a3b3d5a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1207 .elementor-element.elementor-element-e7ac396{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-b2a6164 *//* =========================================
   صفحة M-CHAT-R
========================================= */

.mchat-hero-section,
.mchat-alert-section,
.mchat-info-section{
  direction: rtl;
  width: 100%;
}

.mchat-container{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

/* =========================================
   Hero
========================================= */

.mchat-hero-section{
  padding: 50px 0 26px;
}

.mchat-badge{
  display: inline-block;
  background: #eef6f4;
  color: #2f6b62;
  border: 1px solid #d6e9e4;
  border-radius: 999px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 16px;
}

.mchat-hero-section h1{
  margin: 0 0 10px;
  font-size: 38px;
  line-height: 1.35;
  color: #23332e;
  font-weight: 800;
}

.mchat-hero-section h2{
  margin: 0 0 18px;
  font-size: 22px;
  line-height: 1.4;
  color: #2f6b62;
  font-weight: 800;
}

.mchat-hero-section p{
  margin: 0 0 14px;
  font-size: 17px;
  line-height: 2;
  color: #61716a;
  max-width: 900px;
}

/* =========================================
   Alert
========================================= */

.mchat-alert-section{
  padding: 8px 0 28px;
}

.mchat-alert-box{
  display: flex;
  gap: 18px;
  align-items: flex-start;
  background: #fff8f3;
  border: 1px solid #f0dcc6;
  border-right: 6px solid #c97b2f;
  border-radius: 22px;
  padding: 24px 22px;
  box-shadow: 0 10px 24px rgba(120, 80, 24, 0.05);
}

.mchat-alert-icon{
  font-size: 28px;
  line-height: 1;
  margin-top: 2px;
}

.mchat-alert-content h3{
  margin: 0 0 10px;
  font-size: 24px;
  color: #87541a;
  font-weight: 800;
}

.mchat-alert-content p{
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 2;
  color: #725c42;
}

.mchat-alert-content p:last-child{
  margin-bottom: 0;
}

/* =========================================
   Form Box
========================================= */

.mchat-info-section{
  padding: 10px 0 34px;
}

.mchat-form-box{
  background: #ffffff;
  border: 1px solid #e6eeeb;
  border-radius: 24px;
  padding: 28px 24px;
  box-shadow: 0 12px 28px rgba(25, 43, 36, 0.05);
}

.mchat-form-box h3{
  margin: 0 0 10px;
  font-size: 28px;
  color: #23332e;
  font-weight: 800;
}

.mchat-form-note{
  margin: 0 0 22px;
  font-size: 15px;
  line-height: 1.9;
  color: #6a7a73;
}

.mchat-form-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 20px;
}

.mchat-field{
  display: flex;
  flex-direction: column;
}

.mchat-field label{
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 700;
  color: #33443f;
}

.mchat-field input{
  width: 100%;
  height: 50px;
  border: 1px solid #dbe6e1;
  border-radius: 14px;
  padding: 0 14px;
  font-size: 15px;
  color: #33443f;
  background: #fcfdfd;
  box-sizing: border-box;
}

.mchat-field input:focus{
  outline: none;
  border-color: #7eb2a5;
  box-shadow: 0 0 0 3px rgba(126, 178, 165, 0.12);
}

/* =========================================
   Responsive
========================================= */

@media (max-width: 991px){
  .mchat-hero-section h1{
    font-size: 32px;
  }

  .mchat-form-grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px){
  .mchat-container{
    padding: 0 18px;
  }

  .mchat-hero-section{
    padding: 38px 0 20px;
  }

  .mchat-hero-section h1{
    font-size: 28px;
  }

  .mchat-hero-section h2{
    font-size: 20px;
  }

  .mchat-hero-section p,
  .mchat-alert-content p,
  .mchat-form-note{
    font-size: 15px;
    line-height: 1.9;
  }

  .mchat-alert-box,
  .mchat-form-box{
    padding: 22px 18px;
    border-radius: 20px;
  }

  .mchat-form-box h3,
  .mchat-alert-content h3{
    font-size: 22px;
  }
}
/* =========================================
   أسئلة M-CHAT-R
========================================= */

.mchat-questions-section{
  padding: 8px 0 36px;
}

.mchat-questions-head{
  margin-bottom: 20px;
}

.mchat-questions-head h3{
  margin: 0 0 10px;
  font-size: 30px;
  line-height: 1.4;
  color: #23332e;
  font-weight: 800;
}

.mchat-questions-head p{
  margin: 0;
  font-size: 16px;
  line-height: 1.9;
  color: #697972;
}

.mchat-questions-list{
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.mchat-question-card{
  display: flex;
  gap: 18px;
  align-items: flex-start;
  background: #ffffff;
  border: 1px solid #e6eeeb;
  border-radius: 22px;
  padding: 22px 20px;
  box-shadow: 0 10px 24px rgba(24, 43, 36, 0.05);
}

.mchat-q-number{
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  border-radius: 16px;
  background: #eef6f4;
  color: #2f6b62;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 800;
}

.mchat-q-content{
  flex: 1;
}

.mchat-q-content h4{
  margin: 0 0 10px;
  font-size: 21px;
  line-height: 1.8;
  color: #24342f;
  font-weight: 800;
}

.mchat-q-note{
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.9;
  color: #71817a;
}

.mchat-options{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.mchat-options label{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f8fbfa;
  border: 1px solid #dfeae6;
  border-radius: 14px;
  padding: 10px 16px;
  font-size: 15px;
  font-weight: 700;
  color: #33443f;
  cursor: pointer;
}

.mchat-options input[type="radio"]{
  accent-color: #2f6b62;
  width: 18px;
  height: 18px;
}

@media (max-width: 767px){
  .mchat-questions-head h3{
    font-size: 24px;
  }

  .mchat-question-card{
    flex-direction: column;
    gap: 14px;
    padding: 20px 16px;
    border-radius: 18px;
  }

  .mchat-q-number{
    width: 48px;
    height: 48px;
    flex-basis: 48px;
    font-size: 18px;
  }

  .mchat-q-content h4{
    font-size: 18px;
    line-height: 1.8;
  }

  .mchat-q-note{
    font-size: 14px;
  }

  .mchat-options{
    flex-direction: column;
  }

  .mchat-options label{
    width: 100%;
    justify-content: flex-start;
  }
}
/* =========================================
   زر إرسال التقييم
========================================= */

.mchat-submit-section{
  padding: 10px 0 40px;
}

.mchat-submit-box{
  text-align: center;
}

.mchat-submit-btn{
  background: #2f6b62;
  color: #ffffff;
  border: none;
  border-radius: 16px;
  padding: 16px 34px;
  font-size: 18px;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.25s ease;
}

.mchat-submit-btn:hover{
  background: #275c54;
  transform: translateY(-2px);
}

.mchat-submit-note{
  margin-top: 12px;
  font-size: 14px;
  color: #7a8a84;
}

/* =========================================
   الرسالة الختامية
========================================= */

.mchat-final-note{
  padding: 10px 0 60px;
}

.mchat-final-box{
  background: #f7faf9;
  border: 1px solid #e2ebe8;
  border-radius: 22px;
  padding: 26px 24px;
}

.mchat-final-box h3{
  margin: 0 0 10px;
  font-size: 24px;
  color: #2f6b62;
  font-weight: 800;
}

.mchat-final-box p{
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 2;
  color: #63746d;
}

.mchat-final-box p:last-child{
  margin-bottom: 0;
}
.mchat-submit-warning{
display:none;
margin-top:12px;
color:#c14c3c;
font-weight:700;
font-size:14px;
}
/* =========================================
   تنبيه التحقق من الإجابات
========================================= */

.mchat-validation-alert{
  display: none;
  margin: 18px auto 0;
  max-width: 760px;
  text-align: right;
  background: #fff6f6;
  border: 1px solid #efcaca;
  border-right: 6px solid #cf4b4b;
  border-radius: 18px;
  padding: 18px 18px;
  box-shadow: 0 8px 20px rgba(140, 40, 40, 0.06);
  display: none;
  align-items: flex-start;
  gap: 14px;
}

.mchat-validation-icon{
  font-size: 24px;
  line-height: 1;
  margin-top: 2px;
}

.mchat-validation-content h4{
  margin: 0 0 6px;
  font-size: 19px;
  color: #9b2f2f;
  font-weight: 800;
}

.mchat-validation-content p{
  margin: 0;
  font-size: 15px;
  line-height: 1.9;
  color: #725252;
}

/* =========================================
   تمييز السؤال غير المجاب عنه
========================================= */

.mchat-question-card.unanswered-question{
  border: 1px solid #e7b6b6;
  background: #fffafa;
  box-shadow: 0 10px 24px rgba(160, 55, 55, 0.06);
}

.mchat-question-card.unanswered-question .mchat-q-number{
  background: #fff1f1;
  color: #b23a3a;
}

.mchat-question-card.unanswered-question .mchat-q-content h4{
  color: #8e3030;
}

.mchat-question-card.unanswered-question .mchat-options{
  padding-top: 4px;
}

.mchat-question-card.unanswered-question::after{
  content: "يرجى اختيار إجابة لهذا السؤال";
  display: block;
  width: 100%;
  margin-top: 14px;
  color: #b23a3a;
  font-size: 14px;
  font-weight: 700;
}
/* =========================================
   شريط التقدم
========================================= */

.mchat-progress-section{
  padding: 6px 0 24px;
}

.mchat-progress-box{
  background: #ffffff;
  border: 1px solid #e6eeeb;
  border-radius: 22px;
  padding: 22px 22px 18px;
  box-shadow: 0 10px 24px rgba(24, 43, 36, 0.05);
}

.mchat-progress-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.mchat-progress-head h3{
  margin: 0;
  font-size: 22px;
  line-height: 1.4;
  color: #23332e;
  font-weight: 800;
}

#mchatProgressText{
  font-size: 15px;
  font-weight: 800;
  color: #2f6b62;
  background: #eef6f4;
  border: 1px solid #d8ebe6;
  border-radius: 999px;
  padding: 6px 12px;
}

.mchat-progress-bar{
  width: 100%;
  height: 12px;
  background: #edf3f1;
  border-radius: 999px;
  overflow: hidden;
  position: relative;
}

#mchatProgressFill{
  display: block;
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg, #74b7a6 0%, #2f6b62 100%);
  border-radius: 999px;
  transition: width 0.35s ease;
}

.mchat-progress-note{
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.8;
  color: #72827b;
}

@media (max-width: 767px){
  .mchat-progress-box{
    padding: 20px 16px 16px;
    border-radius: 18px;
  }

  .mchat-progress-head{
    flex-direction: column;
    align-items: flex-start;
  }

  .mchat-progress-head h3{
    font-size: 20px;
  }
}
/* =========================================
   التوثيق العلمي للمقياس
========================================= */

.mchat-credit-section{
  padding: 30px 0 70px;
}

.mchat-credit-box{
  background: #fbfdfc;
  border: 1px solid #e4ece9;
  border-radius: 22px;
  padding: 26px 24px;
  text-align: center;
}

.mchat-credit-box h4{
  margin: 0 0 14px;
  font-size: 22px;
  color: #2f6b62;
  font-weight: 800;
}

.mchat-credit-box p{
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.9;
  color: #5e6f69;
}

.mchat-authors{
  font-size: 17px;
  color: #23332e;
  font-weight: 800;
}

.mchat-reference{
  font-size: 16px;
  font-weight: 700;
  color: #33443f;
}

.mchat-copyright{
  margin-top: 12px;
  font-size: 14px;
  color: #7a8a84;
}
/* =========================================
   المرجع العلمي للمقياس
========================================= */

.mchat-reference-section{
  padding: 20px 0 80px;
}

.mchat-reference-box{
  background: #ffffff;
  border: 1px solid #e6eeeb;
  border-radius: 22px;
  padding: 26px 24px;
  text-align: center;
  box-shadow: 0 10px 24px rgba(24, 43, 36, 0.05);
}

.mchat-reference-box h4{
  margin: 0 0 12px;
  font-size: 22px;
  color: #2f6b62;
  font-weight: 800;
}

.mchat-reference-box p{
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.9;
  color: #5e6f69;
}

.mchat-reference-title{
  font-size: 17px;
  font-weight: 800;
  color: #23332e;
}

.mchat-reference-authors{
  font-size: 16px;
  font-weight: 700;
  color: #33443f;
}

.mchat-reference-journal{
  font-size: 15px;
  color: #6a7a73;
}

.mchat-reference-link a{
  color: #2f6b62;
  font-weight: 700;
  text-decoration: none;
}

.mchat-reference-link a:hover{
  text-decoration: underline;
}
/* =========================================
   الفئة العمرية للتقييم
========================================= */

.mchat-age-section{
  padding: 10px 0 24px;
}

.mchat-age-box{
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: #f4faf8;
  border: 1px solid #dfeee9;
  border-right: 6px solid #2f6b62;
  border-radius: 22px;
  padding: 24px 22px;
}

.mchat-age-icon{
  font-size: 28px;
  line-height: 1;
  margin-top: 3px;
}

.mchat-age-content h3{
  margin: 0 0 8px;
  font-size: 22px;
  color: #2f6b62;
  font-weight: 800;
}

.mchat-age-range{
  font-size: 17px;
  font-weight: 800;
  color: #23332e;
  margin-bottom: 8px;
}

.mchat-age-content p{
  margin: 0 0 8px;
  font-size: 15px;
  line-height: 1.9;
  color: #5e6f69;
}

@media (max-width:767px){

.mchat-age-box{
flex-direction: column;
padding:20px 18px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9f37158 */.unanswered-question{
border:2px solid #e74c3c;
background:#fff6f6;
animation:shake 0.3s;
}

@keyframes shake{
0%{transform:translateX(0)}
25%{transform:translateX(-4px)}
50%{transform:translateX(4px)}
75%{transform:translateX(-4px)}
100%{transform:translateX(0)}
}/* End custom CSS */