.elementor-94 .elementor-element.elementor-element-24ebba77{margin-top:2%;margin-bottom:2%;padding:0% 1% 0% 1%;}.elementor-widget-global .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-94 .elementor-element.elementor-global-98 > .elementor-widget-container{margin:2% 0% 2% 0%;}.elementor-94 .elementor-element.elementor-global-98{text-align:center;}.elementor-94 .elementor-element.elementor-global-98 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-widget-global .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-global .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-global .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-global .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-global .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-94 .elementor-element.elementor-global-1957 .elementor-icon-list-icon i{color:#501FEB;transition:color 0.3s;}.elementor-94 .elementor-element.elementor-global-1957 .elementor-icon-list-icon svg{fill:#501FEB;transition:fill 0.3s;}.elementor-94 .elementor-element.elementor-global-1957{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-94 .elementor-element.elementor-global-1957 .elementor-icon-list-text{color:#1223BD;transition:color 0.3s;}.elementor-94 .elementor-element.elementor-element-4c5b068{--spacer-size:10px;}.elementor-widget-alert .elementor-alert-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-alert .elementor-alert-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-94 .elementor-element.elementor-element-1ef5058:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-94 .elementor-element.elementor-element-1ef5058 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://portal.kyaan.sa/wp-content/uploads/2025/08/ABAQ-ID-CARDS.png");background-repeat:no-repeat;background-size:cover;}.elementor-94 .elementor-element.elementor-element-1ef5058 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-94 .elementor-element.elementor-element-1ef5058 > .elementor-element-populated, .elementor-94 .elementor-element.elementor-element-1ef5058 > .elementor-element-populated > .elementor-background-overlay, .elementor-94 .elementor-element.elementor-element-1ef5058 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-94 .elementor-element.elementor-element-1ef5058 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-94 .elementor-element.elementor-element-e824ece{--spacer-size:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-94 .elementor-element.elementor-element-e6a2aff > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-94 .elementor-element.elementor-element-e6a2aff{text-align:center;}.elementor-94 .elementor-element.elementor-element-e6a2aff .elementor-heading-title{font-family:"Rubik", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;color:#000000;}.elementor-widget-image .widget-image-caption{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-94 .elementor-element.elementor-element-a1650ea{--spacer-size:143px;}.elementor-94 .elementor-element.elementor-element-5461c83 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-94 .elementor-element.elementor-element-5461c83{text-align:center;}.elementor-94 .elementor-element.elementor-element-5461c83 .elementor-heading-title{font-family:"Rubik", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;color:#000000;}.elementor-94 .elementor-element.elementor-element-08d397f > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-94 .elementor-element.elementor-element-08d397f{text-align:center;}.elementor-94 .elementor-element.elementor-element-08d397f .elementor-heading-title{font-family:"Rubik", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;color:#702345;}.elementor-94 .elementor-element.elementor-element-608b036{--spacer-size:4px;}.elementor-94 .elementor-element.elementor-element-f2bf9ef > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-94 .elementor-element.elementor-element-f2bf9ef{text-align:center;}.elementor-94 .elementor-element.elementor-element-f2bf9ef .elementor-heading-title{font-family:"Rubik", Sans-serif;font-size:14px;font-weight:600;text-transform:capitalize;color:#000000;}.elementor-94 .elementor-element.elementor-element-46be607 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-94 .elementor-element.elementor-element-46be607{text-align:center;}.elementor-94 .elementor-element.elementor-element-46be607 .elementor-heading-title{font-family:"Rubik", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;color:#000000;}.elementor-94 .elementor-element.elementor-element-360980d{--spacer-size:80px;}.elementor-94 .elementor-element.elementor-element-1935e8f1{padding:5% 5% 5% 5%;}.elementor-94 .elementor-element.elementor-element-20fdb463{text-align:center;}.elementor-94 .elementor-element.elementor-element-20fdb463 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-94 .elementor-element.elementor-element-4be73245 .elementor-button{background-color:#DE541E00;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-radius:15px 15px 15px 15px;}.elementor-94 .elementor-element.elementor-element-4be73245 .elementor-button:hover, .elementor-94 .elementor-element.elementor-element-4be73245 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-primary );}.elementor-94 .elementor-element.elementor-element-4be73245 .elementor-button-content-wrapper{flex-direction:row;}.elementor-94 .elementor-element.elementor-element-4be73245 .elementor-button:hover svg, .elementor-94 .elementor-element.elementor-element-4be73245 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-widget-lottie{--caption-color:var( --e-global-color-text );}.elementor-widget-lottie .e-lottie__caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-94 .elementor-element.elementor-element-1935e8f1{padding:10% 10% 10% 10%;}}@media(min-width:768px){.elementor-94 .elementor-element.elementor-element-403eac8{width:68.07%;}.elementor-94 .elementor-element.elementor-element-1ef5058{width:31.886%;}}/* Start custom CSS for spacer, class: .elementor-element-4c5b068 *//** CSS for form Fields **/

.select2-container.-acf .select2-selection {
 
    border-radius: 15px;
}

.acf-field .acf-label label {
    font-family: 'Rubik';
    color: #DE541E;
}

p.description {
    font-family: 'Rubik';
}

label {
    font-family: 'Rubik';
}

span.acf-selection {
    font-family: 'Rubik';
}

select {
    font-family: 'Rubik';
}

p {
    font-family: 'Rubik';
}

.acf-fields.-border {
     border: #ccd0d4 solid 0px !important; 

}

.elementor-element .acf-field {
  
    padding-bottom: 20px !important;
    border-width: 0px !important;
}

.acf-field input[type=text], .acf-field input[type=password], .acf-field input[type=date], .acf-field input[type=datetime], .acf-field input[type=datetime-local], .acf-field input[type=email], .acf-field input[type=month], .acf-field input[type=number], .acf-field input[type=search], .acf-field input[type=tel], .acf-field input[type=time], .acf-field input[type=url], .acf-field input[type=week], .acf-field textarea, .acf-field select {
    font-family: 'Rubik';
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="url"],
textarea,
select {
    border-radius: 15px;
}



/** hide instruction text by ddefault **/

.acf-field .description {
    display: none;
    position: absolute;
    background: #f9f9f9;
    padding: 10px !important;
    margin: 15px;
    border: 1px solid #ddd;
    border-radius: 15px;
    max-width: 200px;
    z-index: 9999; /* Set to a high value to ensure it's on top */
    margin-top: 5px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Optional: adds a shadow for better visibility */
}



/** change color of info icon **/
.info-icon {
    cursor: pointer;
    margin-left: 5px;
    font-size: 16px;
    color: #3F3F37;
}

/** Submit Button **/


 

input.acf-button.button.button-primary.button-large {
    font-family: Rubik;
    border-radius: 15px;
    color: white; /* Text color */
    background-color: #DE541E; /* Button background color */
    border-color: #DE541E; /* Border color */
    padding: 10px 20px; /* Add padding for better button size (optional) */
    cursor: pointer; /* Change the cursor to a pointer to indicate it's clickable */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition for hover */
}


button.fea-submit-button.button {
    font-family: Rubik;
    border-radius: 15px;
    color: white; /* Text color */
    background-color: #DE541E; /* Button background color */
    border-color: #DE541E; /* Border color */
    padding: 10px 20px; /* Add padding for better button size (optional) */
    cursor: pointer; /* Change the cursor to a pointer to indicate it's clickable */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition for hover */
}




/* On Hover */
button.acf-button.af-submit-button:hover {
    color: #DE541E; /* Text color when hovered */
    background-color: white; /* Background color when hovered */
    border-color: #DE541E; /* Border color when hovered */
}


button.fea-submit-button.button:hover {
    color: #DE541E; /* Text color when hovered */
    background-color: white; /* Background color when hovered */
    border-color: #DE541E; /* Border color when hovered */
}



/* Details Field Style */
.acf-editor-wrap .wp-editor-container {
    border-radius: 15px;
    padding: 5px;
}
.mce-toolbar-grp {
   
    border-radius: 15px;
}


/* acf fields */

.elementor-element:not(.elementor-widget-shortcode) .acf-field {
    padding: 10px !important;
    margin: 0;
}

/* make width 00% in mobile*/
@media (max-width: 768px) { /* Apply styles on screens smaller than 768px */
    .acf-field {
        width: 100% !important;
    }
    .acf-input input,
    .acf-input select,
    .acf-input textarea {
        width: 100% !important;
        max-width: 100% !important;
    }
}/* End custom CSS */