@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap');

html {
  font-size: 100%; /* or 18px */
}
body {
  font-family: 'Inter', 'Poppins', 'Segoe UI', sans-serif;
  /*font-style: italic;*/
  /* font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif; */
}
.gradient-primary {
   background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}
        
.gradient-secondary {
   background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
}
        
.error-warning {
  border-color: #ef4444 !important;
  background-color: #fef2f2 !important;
}
.img-header-custom {
  width: 40px;
  height: 40px;
}
.nav-icon img {
  margin-top: 4px;
}
.nav-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.custom-header-container {
  margin: 0 auto;
  max-width: 1152px !important;
}
.header-content-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.custom-nav-header ul li a:focus, .custom-nav-header ul li a:focus-visible {
  outline: none;
}
.custom-nav-header ul {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 8px;
}
.custom-header {
  padding: 1rem;
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 4px;
  padding-top: 10px;
}
.custom-nav-header {
  font-family: 'Inter', 'Poppins', 'Segoe UI', sans-serif;
}

.custom-nav-header ul li a {
  font-size: 16px;
  font-weight: 400;
  color: #4b5563;
  text-decoration: none;
  padding: 0 12px;
  /*font-style: italic;*/
}

.custom-nav-header .brand {
  font-weight: 700;
  font-size: 18px;
  color: #0f9d58;
  font-style: italic;
}
a.btn-header-assess {
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff;
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: 500;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  border-radius: calc(.75rem - 2px);
  height: 2.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: .5rem;
}
/* .font-inter-italic {
  font-family: 'Inter', 'Poppins', 'Segoe UI', sans-serif;
  font-style: italic !important;
} */
/* .font-inter-italic label, .font-inter-italic input {
  font-family: 'Inter', 'Poppins', 'Segoe UI', sans-serif;
  font-style: italic !important;
} */
.hover-color-white:hover {
  color: #fff;
}
/* Basic hamburger icon */
.hamburger {
	display: none;
	flex-direction: column;
	justify-content: space-between;
	width: 24px;
	height: 18px;
	cursor: pointer;
}
.hamburger span {
	display: block;
	height: 3px;
	background: #000;
	border-radius: 2px;
}

/* Shared styles */
.hamburger {
	display: none;
	cursor: pointer;
	position: relative;
	width: 30px;
	height: 24px;
}

.hamburger .burger-icon span {
	display: block;
	width: 100%;
	height: 3px;
	background: #000;
	margin: 4px 0;
	border-radius: 2px;
	transition: 0.3s ease;
}

.hamburger .close-icon {
	display: none;
	font-size: 22px;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0;
}

/* Mobile styles */
@media (max-width: 850px) {
  .setting-icon {
    padding: 0 !important;
  }
	.hamburger {
		display: block;
	}

	.hamburger.active .burger-icon {
		display: none;
	}
	.hamburger.active .close-icon {
		display: block;
	}

	.custom-nav-header {
		display: none;
		flex-direction: column;
		position: absolute;
    top: 112%;
    right: 0;
    background: white;
    width: 100%;
    padding: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 99;
    padding-bottom: 10px;
    border-radius: 10px;
	}

	.custom-nav-header.active {
		display: flex;
	}

	.custom-nav-header ul {
		flex-direction: column;
    gap: 0;
	}

	.custom-nav-header ul li {
		margin: 10px 0;
	}

	.button-header-wrap.mobile-only {
		display: block;
		margin-top: 20px;
	}

	/* Hide desktop button on mobile */
	.button-header-wrap:not(.mobile-only) {
		display: none;
	}
  .button-header-wrap {
		margin-top: 20px;
		text-align: center;
	}

	.btn-header-assess {
		display: inline-block;
		padding: 10px 20px;
		background-color: #0073e6;
		color: #fff;
		border-radius: 6px;
		text-decoration: none;
		font-weight: bold;
	}
}

/* Desktop styles */
@media (min-width: 851px) {
	.button-header-wrap.mobile-only {
		display: none !important;
	}
}

.hover-green-btn:hover, .hover-green-btn:focus {
  color: #16a34a;
}
.footer-text-white {
  color: #fff;
}
.tab-custom-mob {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.woocommerce {
  margin-top: 50px;
  margin-bottom: 30px !important;
}
button#place_order {
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff;
}
span.select2-selection.select2-selection--single {
  border: 1px solid #ccc !important;
  border-radius: 10px !important;
}
.woocommerce-js form .form-row input.input-text {
  border: 1px solid #ccc !important;
    border-radius: 10px !important;
}
.woocommerce-js form textarea {
  border: 1px solid #ccc !important;
  border-radius: 10px !important;
  padding: 12px 16px;
}
@media screen and (max-width:550px) {
  .assessment-number.custom-img-icon {
    width: 30px;
    height: 25px;
}
  .mg-img-mob {
    margin-bottom: 2rem !important;
  }
  .woocommerce {
    padding-left: 15px;
    padding-right: 15px;
  }

  .tag-comp-result {
    display: block !important;
    padding-bottom: 8px !important;
    padding-top: 6px !important;
    text-align: center;
  }
  .tag-comp-result svg {
    margin: 0 auto;
  }
  .success-text-box {
    margin-bottom: 30px !important;
  }
  #question-options label {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .assess-comp-box {
    padding-top: 0 !important;
  }
  .custom-height-mob {
    min-height: 100% !important;
  }
  .mob-mg-person {
    margin-bottom: 20px !important;
  }
  section#testimonials {
    padding-bottom: 0 !important;
}
  .mob-pad-top-bot{
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .hero-section-home {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .hero-section-home h1{
  font-size: 36px;
  }
  .ans-ass-para-mob {
    display: inline !important;
  }
  .text-small-mob .text-4xl {
    font-size: 30px !important;
  }
  .see-action-mobile {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
.mob-gap-grid {
  margin-top: 50px
}
.ready-sec-mob .text-4xl {
  font-size: 30px;
  line-height: 1.5rem;
}
.ready-sec-mob .trust-lead-img {
  width: 40px;
  height: 40px;
}
.ready-sec-mob .discover-para-img {
  width: 40px;
  height: 22px;
  margin: 0 auto;
  margin-bottom: 15px;
}
.custom-ripple-mob {
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin-bottom: 0 !important;
}
.tab-custom-mob button {
  font-size: 12px !important;
}
.custom-tab-comp {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
div#profile-section {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.invite-section {
  padding-bottom: 0 !important;
  padding-top: 0px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.person-sec-mob {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.bg-svg-mob {
  padding: 10px !important;
}
.bg-svg-mob svg {
  height: 3rem !important;
  width: 3rem !important;
}
.custom-gap-mob-typ {
  gap: 20px !important;
}
.flex-mob-result {
  flex-direction: column;
  gap: 20px;
  justify-content: start !important;
  align-items: start !important;
}
.flex-result-button-mob {
  flex-direction: column;
  justify-content: center;
}
.help-btn-result {
  margin: auto;
}
  .ans-ass-para {
    display: inline;
}
.mobile-pd-discover {
  padding: 20px;
}
.mob-btn-full {
  height: 100% !important;
  padding: 10px 10px !important;
  width: 100% !important;
}
  .ast-container {
    padding: 0;
}
.mobile-custom-btn {
  padding: 0;
  width: 100%;
}
.bottom-pad-mission {
  padding-bottom: 10px !important;
}
.grid-col--mobile {
  margin-bottom: 2rem !important;
}
.match-col--mobile {
  display: block !important;
}
.grid-box-match-mob {
  margin-bottom: 10px;
}
section#how-it-works {
  padding-top: 20px;
}
div#otp-container {
  max-width: 100%;
}
}

.bg-btn-grey:hover {
  background-color: #f1f5f9;
}
.bg-btn-hover-col:hover {
  color: #0f172a;
}
.border-input {
  border-color: #e2e8f0 !important;
}
.current-color-btn {
  color: #020817;
}
.current-color-btn:focus {
  background-color: #f1f5f9;
  border-color: #d1d5db !important;
  color: #020817;
  outline: none !important;
  box-shadow: none !important;
}
.current-color-btn:hover {
  background-color: #f1f5f9;
  color: #0f172a;
  border-color: #d1d5db !important;
}
.text-mg-bottom {
  margin-bottom: 6px !important;
}

#successToast {
  top: 10rem;
  right: 10rem;
}
.position-rel-box {
  position: relative;
}
.border-r-12 {
  border-radius: 12px !important;
}
.mg-top-bottom {
  margin-top: 16px;
  margin-bottom: 16px;
}

.custom-input-text {
  font-size: .875rem !important;
  line-height: 1.25rem !important;
  color: #020817 !important;
  padding-left: .75rem !important;
  padding-right: .75rem !important;
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}
.custom-input-text::placeholder {
  font-size: 0.875rem !important;      
  font-weight: 400 !important;          
  color: #9CA3AF !important;  
}
.btn-round-radius {
  border-radius: calc(.75rem - 2px) !important;
}

div#otp-container {
  max-width: 190px;
}
.input-border-start {
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
}

.input-border-opt {
  border-color: #d1d5db !important;
}
.input-border-end {
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}
.border-opd-none {
  border-left: none !important;
  border-right: none !important;
}
.gradient-green-box {
  background: linear-gradient(135deg, #10b981, #059669) !important;
}
.bg-destructive {
background-color: #ef4444;
color:#fff;
}
.bg-destructive:hover {
background-color: #ef4444e6;
color:#fff;
}
.bg-payment {
background-color: #fff;
}
.text-foreground {
color: #020817;
}
.mb-text-0 {
  margin-bottom: 0;
}
.gradient-header-green {
  background: linear-gradient(135deg, rgb(16, 185, 129), rgb(5, 150, 105));
}
.custom-img-icon{
  width: 24px;
  height: 24px;
  display: inline-block;
}
.trust-img.custom-img-icon {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
.discover-match-img.custom-img-icon {
  width: 42px;
  height: 42px;
  margin: 0 auto;
}
.ans-ass-para {
  display: inline-block;
}
.assessment-now-img.custom-img-icon {
  margin-bottom: -5px;
  margin-left: 6px;
}
.assessment-now-img.custom-img-icon {
  width: 40px;
  height: 40px;
}
.assessment-number.custom-img-icon {
  width: 40px;
  height: 32px;
}
.number-box-img {
  width: 70px;
  height: 48px;
  margin: 0 auto;
  margin-bottom: 30px !important;
}
.comp-step-img-para.custom-img-icon {
  margin-bottom: -4px;
  margin-left: 10px;
}
.assessment-start-img.custom-img-icon {
  margin-bottom: -5px;
  margin-left: 8px;
}
.trust-lead-img {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.match-fea-img {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.footer-nav-ul p {
  margin: 0 !important;
}
.ast-icon.icon-arrow svg {
  height: 3em;
}
#ast-scroll-top .ast-icon.icon-arrow svg {
  width: 1.6em;
}
#ast-scroll-top .ast-icon.icon-arrow svg {
  margin-left: 4px;
}
svg.ast-arrow-svg {
  width: 18px !important;
  height: 18px !important;
  position: absolute !important;
  top: 10px;
  left: 4px;
}
.para-inline-see {
  display: inline;
}
.custom-img-icon-action {
  width: 22px;
  height: 22px;
  display: inline-block;
  margin-right: 10px;
}
.small-text-para {
  font-size: 12.5px !important;
}
.discover-para-img {
  width: 60px;
    height: 35px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.ans-ass-para-block {
  display: inline-block;
}
.ans-ass-para-line {
  display: inline;
}
.discover-comp.custom-img-icon {
  width: 22px;
  height: 18px;
  display: inline-block;
}
.match-fea-img-footer {
  width: 20px;
    height: 16px;
    margin-right: 4px;
}
.footer-icon-ul {
  width: 18px;
  height: 16px;
  margin-right: 4px;
}
.trust-para-img.custom-img-icon {
  width: 24px;
  height: 20px;
}
.footer-menu-li {
  display: block;
  margin-bottom: 10px;
}
.footer-menu-li:focus {
 color: #9ca3af;
}
.footer-menu-li:focus, .footer-menu-li:focus:focus, .footer-menu-li:focus:hover, .footer-menu-li:focus:visited {
  color: #9ca3af !important;
}
a.footer-menu-li {
  color: #9ca3af;
}
.hover-color-white:focus {
  color: #fff;
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}
.cancel-gey-pop:focus {
  border-color: #ccc;
}
.input-border-grey {
  border: 1px solid #ccc !important;
    border-radius: 10px !important;
}
.custom-contact-form {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
}

.custom-contact-form .form-group {
  margin-bottom: 20px;
}

.custom-contact-form label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #333;
}

.custom-contact-form input[type="text"],
.custom-contact-form input[type="email"],
.custom-contact-form textarea {
  width: 100%;
  padding: 12px 15px;
  font-size: 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background-color: #fff;
  transition: border-color 0.2s;
  resize: none;
  height: auto;
}

.custom-contact-form textarea {
  height: 110px;
  overflow-y: auto;
}

.custom-contact-form input:focus,
.custom-contact-form textarea:focus {
  border-color: #16a34a !important;
  outline: none !important;
}

.custom-contact-form .submit-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 600;
  background-color: #16a34a; /* Tailwind green-600 */
  color: #fff;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}

.custom-contact-form .submit-button:hover {
  background-color: #15803d;
  color: #fff;
}
.custom-contact-form .submit-button:focus {
  background-color: #15803d;
  color: #fff;
}
.wpcf7 form .wpcf7-response-output {
  margin: 2em 4.5em 1em;
}
.custom-contact-form br {
  display: none;
}

.cta-form-assesment.sticky-assesment {
  position: fixed;
    top: 150px;
    width: 288px !important;
  }

  .quranic-border {
    border: 5px solid #059669;
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    margin-bottom: 12px;

}
.hadith-border, .quranic-border {
  font-family: Arabic !important;
  font-weight: 600 !important;
  font-size: 22px !important;
}

.hadith-border {
  border: 5px solid #111827;
  border-radius: 10px;
  padding: 30px;
  text-align: center;
  margin-bottom: 12px;
}
.table-blog {
  border: 2px solid #059669 !important;
  border-radius: 10px;
  margin-bottom: 25px;
}
.table-blog table.has-fixed-layout {
  margin-bottom: 0;
}
.table-blog td {
  padding: 14px 25px !important;
}
.related-post-single{
  display: none;
}
.col-main-content svg {
  width: 100px;
}
.post-info-box p {
  margin-bottom: 0 !important; 
}