/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1756725872
Updated: 2025-09-01 14:54:32

*/

@media (max-width: 768px) {
  #certificate-area {
	          height: 100%;
        min-height: auto;
  }
}

@media screen and (max-width: 900px) and (min-width:820px){
	#certificate-area .certicode{
		top: 48%;
	}
}
@media screen and (max-width: 1023px) and (min-width:900px){
	#certificate-area .certicode{
		top: 55%;
		left:38%;
	}
}
@media screen and (max-width: 1023px) and (min-width:850px){
	#certificate-area .certiname{
		top: 27%;
	}
}

@media screen and (max-width: 1025px) and (min-width:1024px){
	#certificate-area .certiname{
		top: 30%;
	}
	#certificate-area .certicode{
		top: 61%;
		left:38%;
	}
}

.hidden-cert {
	 /*   visibility: hidden !important; */
  position: absolute !important;
  top: 0;
  width: 1280px !important;
  height: 1080px !important;
	border:2px solid red !important;
}
#certificate-download{
	width:1280px;
	/*height:1080px
		;position:relative;
	overflow:hidden;*/
}
.dore_form,
.yt-acceptbox,
.yt-rejectbox, 
.sform{
	    font-family: "modam", Noto Sans Arabic;
}
.dore_form .jet-form__submit,
button.accept-certi,
.sform .jet-form__submit{
    background: #FD661F !important;
    color: #fff;
    padding: 10px 15px;
    border: 1px solid #FD661F;
    border-radius: 8px !important;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
}
button.accept-certi{
	width:35%;
	margin-top:10px;
}
button.accept-certi a{
	color: #fff;
}
.dore_form .jet-form__submit{
		margin-top:5px;
}
.sform .jet-form__submit{
	 width: 60%;
    margin-right: 20%;
	margin-top:5px;
}
button.accept-certi:hover,
.sform .jet-form__submit:hover {
    background: #218838;
    background-color: #FD661F00 !important;
    color: #2B766D;
    border: 1px solid #2B766D;
}
button.accept-certi:hover a{
	    color: #2B766D;
}
.dore_form .field-type-text{
    align-items: center;
}
 .sform  .field-type-text{
	 width: 60%;
    max-width: 60%;
    align-items: center;
    margin-right: 20%;
}
.dore_form .jet-form__field.text-field,
.sform .jet-form__field.text-field {
    border-radius: 8px;
    border: 1px solid #C5C9C9;
    font-size: 16px;
    -webkit-appearance: none;
    display: inline-block;
}
.dore_form .jet-form__label-text,
.sform .jet-form__label-text{
	  display: block;
    color: #373838;
    font-size: 18px;
    font-weight: 600;
}
.yt-acceptbox,
.yt-rejectbox{
	/*border: 2px solid #C5C9C9;
    border-radius: 16px; */
    text-align: center;
      padding: 25px;
    margin: 2% 10%;
    font-size: 18px;
}
@media(max-width:767px){
	.yt-acceptbox,
	.yt-rejectbox{
      padding: 20px;
   	 margin: 2% 3%;
	}
	button.accept-certi{
		width:100%;
	}
	.sform .jet-form__submit{
		width:100%;
		margin:0;
		margin-top:5px;
	}
	.sform .field-type-text{
	 width: 80%;
    max-width: 80%;
    margin-right: 10%;
	}
}
body.page-id-68786  .page-header,
body.page-id-68657 .page-header{
	display:none !important;
}