
.ccpf-form {
    width:100%;
   /* max-width: 400px; */
    margin: 20px auto;
   /* background: #f9f9f9;*/
    padding: 15px;
    border-radius: 5px;
   /* border: 1px solid #ddd;*/
   font-family: "modam", Noto Sans Arabic;
}
.ccpf-form label {
    display: block;
    margin-bottom: 5px;
    color: #373838;
    font-size: 16px;
    line-height: 16px;
    font-weight:600;
}
.ccpf-form input[type="text"],
.ccpf-form input[type="password"] {
    width: 100%;
    padding: 8px 10px;
    margin-bottom: 15px;
    box-sizing: border-box;
}
.ccpf-form .ccpf-input
{   
    margin: 10px 0px 15px 0px;
    border-radius: 8px;
    border: 1px solid #C5C9C9;;
    font-size: 16px;
    -webkit-appearance: none;
    display:inline-block;
      padding: 8px 10px;
}
.ccpf-form input[type=text]:focus-visible ,
.ccpf-form input[type=date]:focus,
.ccpf-form input[type=email]:focus, 
.ccpf-form input[type=number]:focus, 
.ccpf-form input[type=password]:focus, 
.ccpf-form input[type=search]:focus, 
.ccpf-form input[type=tel]:focus, 
.ccpf-form input[type=text]:focus, 
.ccpf-form input[type=url]:focus, 
.ccpf-form select:focus, 
.ccpf-form textarea:focus {
    border-color: #C5C9C9;
}
.ccpf-form button,
.ccpf-form .ccpf-button {
    background: #FD661F;
    color: white;
    padding: 10px 15px;
    border: 1px solid #FD661F;
    border-radius: 8px !important;
    cursor: pointer;
    font-family: "modam", Noto Sans Arabic;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
}
.ccpf-form .ccpf-button:hover{
    background: #218838;
    background-color: #FD661F00;
    color: #2B766D;
    border: 1px solid #2B766D;

}

.select-wrapper {
  position: relative;
  display: inline-block;
}

.select-wrapper::after {
  content: "▼"; 
  font-size: 14px;
  color: gray;
  position: absolute;
  left: 10px; 
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; 
}

.select-wrapper:focus-within::after {
  content: "▲"; 
} 


#ccpf-course-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='gray'><path d='M4 6l4 4 4-4'/></svg>") no-repeat left 10px center;
  background-size: 16px;
  cursor: pointer;
  direction: rtl;
}


#ccpf-course-select:focus {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='gray'><path d='M4 10l4-4 4 4'/></svg>") no-repeat left 10px center;
  background-size: 16px;
}


body.page-child.parent-pageid-66577 .site-header,
body.page-child.parent-pageid-66577 .page-header,
body.page-child.parent-pageid-66577 .elementor-location-header,
body.woocommerce-order-received.page-id-9 .site-header,
body.woocommerce-order-received.page-id-9 .page-header,
body.woocommerce-order-received.page-id-9 .elementor-location-header,
body.woocommerce-order-received.page-id-9 .elementor-location-footer,
body.woocommerce-order-received .elementor-location-header,
body.woocommerce-order-received .elementor-location-footer{
    display:none !important;
}


