/*!
Theme Name: Visual Muslim Child
Description: A custom child theme for visual-muslim
Author: Doozielabs
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Template: visual-muslim
Version: 1.0.0
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: visual-muslim
*/
/* HEADER */
header .jet-sticky-section-sticky--stuck {
   background-color: rgba(23, 135, 133, 0.001) !important;
    border-bottom: 0.9px solid rgba(0, 0, 0, 0.05) !important;
    backdrop-filter: blur(56.25px);
}
.header-container .elementor-widget-container a {
	display: inline-block;
}
.header-container .hfe-nav-menu nav ul .current_page_item a {
	font-weight: 600 !important;
}
.hero-banner-container h2 {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(90deg, #178785 10%, #FEB217 50%, #FD883D 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	background-blend-mode: plus-darker, normal;
}
.hero-banner-container .premium-image-button-text-icon-wrapper svg {
	width: 23px;
	height: 23px;
}
.hero-banner-container h4.elementor-heading-title{
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(90deg, #178785 10%, #FEB217 50%, #FD883D 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	background-blend-mode: plus-darker, normal;
}
.visual-muslim-feature-on-container h3 .premium-dual-header-second-header {
	background: linear-gradient(90deg, #0C7E9E 1.63%, #76B6C8 95%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.visual-muslim-feature-on-container img {
	width: 50%;
}
.visual-muslim-feature-on-container .swiper-slide {
	border-right: 1px solid #AFAEB3;
}
.join-the-journey h3 {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(90deg, #178785 10%, #FEB217 50%, #FD883D 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	background-blend-mode: plus-darker, normal;
}
.join-the-journey p {
	background: linear-gradient(90deg, #072424 20%, #593E08 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.our-story-container .elementor-widget-html .elementor-widget-container {
	display: flex;
    justify-content: flex-end;
}
.founder-section {
  	display: flex;
  	align-items: flex-start;
  	gap: 10px;
  	padding: 10px 15px;
  	border-radius: 10px;
  	width: fit-content;
}
.founder-img {
    width: 30px !important;
    height: 30px !important;
    border: 1px solid #178785 !important;
    border-radius: 50px !important;
}
.founder-info h3 {
  	font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 22px;
    color: #0D0D0D;
	margin-bottom: 5px !important;
    margin-top: 5px !important;
}
a.linkedin-btn {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 12.6px;
	line-height: 15px;
	text-align: right;
	color: #178785;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 5px 7px;
	border: 1px solid #178785;
	border-radius: 25px;
	text-decoration: none;
	margin-top: 4px;
}
.linkedin-btn i {
  background-color: #178785;
  color: white;
  border-radius: 50%;
  padding: 4px;
  font-size: 12px;
}
.why-visual-muslim-container .why-visual-muslim-wrapper .premium-dual-header-second-header,
.download-app-container .premium-dual-header-second-header {
	background: linear-gradient(90deg, #178785 20%, #6DCBCB 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.download-app-container .elementor-widget-premium-addon-image-button {
	margin: 0 auto;
}
.hero-banner-discover-more-container .elementor-widget-text-editor {
	margin-bottom: 0px !important;
}
.hero-banner-discover-more-container {
	position: absolute;
	bottom: 50px;
}
.users-say-container .premium-dual-header-second-header {
	background: linear-gradient(90deg, #FEB217 20%, #FED580 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.users-say-container .user-say-wrapper {
	background: #FFFFFF;
    box-shadow: 0px 15px 30px 5px rgba(0, 77, 102, 0.1);
    border-radius: 26.7568px;
    padding: 35px 20px;
    margin-left: 0;
    margin-bottom: 45px;
    height: 375px;
}
.users-say-container .user-say-wrapper::after {
	content: '';
    position: absolute;
    bottom: 0px;
    width: 180px;
    height: 150px;
    background-image: url(https://visualmuslim.com/wp-content/uploads/2025/04/Comma.png);
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 0px;
    bottom: -5px;
    z-index: 1;
}
.users-say-container .user-say-upper-wrapper .elementor-column:first-of-type .elementor-widget-wrap {
	margin: 0px 30px 0px 0px !important;
}
.users-say-container .user-say-upper-wrapper .elementor-column .user-say-wrapper .elementor-widget-wrap {
	margin: 0px 0px !important;
}
.users-say-container .user-say-wrapper .elementor-widget-container p {
	height: 245px;
}
.users-say-container .user-say-wrapper .elementor-widget-container h3 {
	margin-top: -15px;
}
.users-say-container .carousel-prev.slick-arrow {
	top: -50px !important;
	left: inherit !important;
	right: 50px !important;
}
.users-say-container .carousel-next.slick-arrow {
	top: -50px;
    right: -10px !important;
}
/* PRIVACY POLICY */
.privacy-policy-container {
	background-color: #F5FDFF;
}
.privacy-policy-container .gradient-heading h3 {
	background: linear-gradient(90deg, #178785 20%, #FEB217 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.privacy-policy-container ul,
.privacy-policy-container ol {
	padding-left: 20px !important;
	margin-bottom: 25px;
}
.privacy-policy-container p,
.privacy-policy-container ul li {
	font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 22px;
    color: #0D0D0D;
}
.privacy-policy-container p a {
	font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    line-height: 22px;
    color: #178785;
}
/* OUR STORY */
.our-story-container .premium-dual-header-first-header .premium-dual-header-second-header {
	background: linear-gradient(90deg, #004B6B 55.71%, #178785 88.93%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.our-story-container .gradient-para p {
	background: linear-gradient(90deg, #072424 20%, #593E08 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.our-story-container .elementor-widget-html .elementor-widget-container {
	text-align: right;
}
.our-story-container .elementor-widget-html .elementor-widget-container p {
    font-family: "Inter", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-transform: none;
    font-style: italic;
    text-decoration: none;
    line-height: 24px;
    color: #0D0D0D;
}
.our-story-container .elementor-element-cb39986 .elementor-container.elementor-column-gap-no,
.our-story-container .elementor-element-685c56d .elementor-container.elementor-column-gap-no {
	display: flex;
	gap: 25px !important;
}
.shadeOne {
	flex: 1;
	background: radial-gradient(92.96% 206.25% at 5.63% -18.3%, #178785 30%, #6DCBCB 80%) !important;
    background-blend-mode: overlay;
    background-color: #00000033 !important;
    border-radius: 21px;
}
.shadeTwo {
	flex: 1;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), radial-gradient(92.96% 206.25% at 5.63% -18.3%, #FF9A34 29%, #FED580 80%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
	background-blend-mode: plus-darker, normal;
	border-radius: 21.6px;
}
.shadeThree {
	flex: 1;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), radial-gradient(92.96% 206.25% at 5.63% -18.3%, #0C7E9E 18.65%, #6DCBCB 92.5%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
	background-blend-mode: plus-darker, normal;
	border-radius: 21.6px;
}
.shadeFour {
	flex: 1;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), radial-gradient(92.96% 206.25% at 5.63% -18.3%, #C65454 15%, #FF8484 80%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
	background-blend-mode: plus-darker, normal;
	border-radius: 21.6px;
}
/* THANK YOU POPUP */
.thankyou-popup-container {
	display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 145px) !important;
    width: 42%;    
    margin: 0 auto;
}
.thankyou-popup-container .thankyou-popup-wrapper {
	background: #FFFFFF;
    box-shadow: 0px 6px 20px rgba(0, 77, 102, 0.15);
    border-radius: 30px;
    padding: 30px 45px;
    text-align: center;
}
.thankyou-popup-container .thankyou-popup-wrapper h3 {
	font-family: "Inter", Sans-serif;
    font-size: 32px;
    font-weight: 600;
    text-transform: none;
    font-style: normal;
    line-height: 42px;
    color: #212121;
    text-align: center;
    margin-bottom: 10px !important;
}
.thankyou-popup-container .thankyou-popup-wrapper p {	
	font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    line-height: 20px;
	color: #7D7C80;
}
/* RESET PASSWORD */
.reset-password-form-container {
	background: #FFFFFF;
    box-shadow: 0px 6px 20px rgba(0, 77, 102, 0.15);
    border-radius: 30px;
    width: 50%;
    margin: 0 auto;
    padding: 35px 27px;
}
.reset-password-back-wrapper {
	display: flex;
    align-items: center;
}
.reset-password-back-wrapper h6 {
	font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    padding-left: 7px;
}
.reset-password-header {
	margin-bottom: 25px;
}
.reset-password-header img {
	margin: 0 auto;
    display: flex;
    justify-content: center;
}
.reset-password-form-container h4 {
	font-family: "Inter", Sans-serif;
    font-size: 32px;
    font-weight: 600;
    text-transform: none;
    font-style: normal;
    line-height: 42px;
    color: #212121;
    text-align: left;
    margin-bottom: 10px !important;
}
.reset-password-form-container p {
	font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    line-height: 20px;
	color: #7D7C80;
	margin-bottom: 35px;
}
.reset-password-form-container .form-group-wrapper {
    margin-bottom: 15px;
}
.reset-password-form-container .form-group-wrapper .fields-wrapper {
    flex-direction: row;
    margin-bottom: 0px !important;
}
.reset-password-form-container .form-group-wrapper .fields-wrapper,
.feedback-form-container .form-group-wrapper {
	display: flex;
	align-items: center;
    border: 1px solid #CFCFCF;
    border-radius: 16px;
    padding: 0px 15px;
	margin-bottom: 15px;
}
.reset-password-form-container .form-group-wrapper input {
	font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    line-height: 20px;
	color: #7D7C80;
	border: none !important;
    border-radius: unset;
    padding: 14px 12px !important;
    outline: none;
}
.reset-password-form-container .fields-wrapper.active {
    border: 1px solid #178785;
}
.reset-password-form-container .reset-password-wrapper {
    margin: 15px 0px 0px 0px;
}
.form-submission-wrapper .reset-password {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
	display: flex;
	align-items: center;
	justify-content: center;
	letter-spacing: 0.02em;
    color: #fff !important;
    background-color: #178785;
    border-radius: 100px;
    border: none;
    outline: none;
    width: 100%;
    padding: 15px 0px !important;
}
.form-submission-wrapper .reset-password[disabled],
.join-us-wrapper .sendEmail[disabled]  {
    color: #7D7C80 !important;
    opacity: 0.6;
    background-color: #CFCFCF !important;
    cursor: not-allowed;
}
.join-us-wrapper .sendEmail[disabled] {
    border: 1px solid #7D7C80 !important;
}
.form-submission-wrapper .loader-spinner {
    display: none;
    margin-left: 0px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #161109;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    animation: spin 1s linear infinite;
    margin-left: 10px;
}
.reset-password-form-container .error-message {
    font-family: "Inter", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    line-height: 20px;
    margin-top: 10px;
    text-align: left;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* FEEDBACK */
#feedback-form .feedback-form-container {
	background: #FFFFFF;
    box-shadow: 0px 6px 20px rgba(0, 77, 102, 0.15);
    border-radius: 30px;
    width: 50%;
    margin: 0 auto;
    padding: 35px 30px;
}
#feedback-form .feedback-form-container .feedback-back-wrapper {
	display: flex;
    align-items: center;
}
#feedback-form .feedback-form-container .feedback-back-wrapper h6 {
	font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    padding-left: 7px;
}
#feedback-form .feedback-form-container .feedback-heading-wrapper h4 {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 40px;
	line-height: 48px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(90deg, #178785 7.51%, #FEB217 37.53%, #FD883D 67.55%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	background-blend-mode: plus-darker, normal;
}
#feedback-form .feedback-form-container .feedback-heading-wrapper h4 span {
	display: inline-block;
    margin-bottom: 10px;
}
#feedback-form .feedback-form-container .form-group-wrapper {
    position: relative;
    border: 1px solid #031414 !important;
    margin-bottom: 25px !important;
}
#feedback-form .feedback-form-container .form-group-wrapper.active,
.join-us-wrapper .input-box.active {
    border: 1px solid #178785 !important;
}
.feedback-form-container .form-group-wrapper input,
.feedback-form-container .form-group-wrapper select,
.feedback-form-container .form-group-wrapper textarea {
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    line-height: 20px;
    color: #0D0D0D;
    border: none !important;
    border-radius: unset;
    padding: 14px 12px !important;
    outline: none;
    /*box-shadow: 0 0 0px 1000px white inset !important;*/
    -webkit-text-fill-color: #000 !important;
}
.feedback-form-container .form-group-wrapper select {
    padding-left: 0px !important;
}
.feedback-form-container .form-group-wrapper textarea { 
    padding: 10px 0px !important;
}
.feedback-form-container .form-group-wrapper input::placeholder,
.feedback-form-container .form-group-wrapper textarea::placeholder {
    color: #0D0D0D;
    opacity: 1;
}
.feedback-form-container .form-group-wrapper input::-webkit-input-placeholder,
.feedback-form-container .form-group-wrapper textarea::-webkit-input-placeholder {
    color: #0D0D0D;
}

.feedback-form-container .form-group-wrapper input::-moz-placeholder,
.feedback-form-container .form-group-wrapper textarea::-moz-placeholder {
    color: #0D0D0D;
    opacity: 1;
}
.feedback-form-container .form-group-wrapper input:-ms-input-placeholder,
.feedback-form-container .form-group-wrapper textarea:-ms-input-placeholder {
    color: #0D0D0D;
}
.feedback-form-container .form-group-wrapper input::-ms-input-placeholder,
.feedback-form-container .form-group-wrapper textarea::-ms-input-placeholder {
    color: #0D0D0D;
}
#feedback-form .feedback-form-container .error-message {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: red;
    position: absolute;
    left: 0px;
    bottom: -22px;
}
#feedback-form .feedback-form-container .form-submission-wrapper {
    margin-top: 35px;
}
#desc-count {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #0D0D0D;
    text-align: right;
}
.counter {
    color: #178785;
}
#feedback-form .feedback-form-container button {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: #fff !important;
	background: #178785;
    border: none;
    border-radius: 100px;
    padding: 13px 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.feedback[disabled] {
    display: flex;
    align-items: center;
    color: #7D7C80 !important;
    opacity: 0.6;
    background-color: #CFCFCF !important;
    cursor: not-allowed;
}   
#feedback-form .feedback-form-container .loader-spinner {
    width: 14px;
    height: 14px;
}
#feedback-response p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    margin-top: 25px;
}
.form-group-wrapper-recaptcha {
    position: relative;
}
/* JOIN US */
.header-container .elementor-widget-shortcode {
	display: flex;
    justify-content: end;
}
.join-us-wrapper.story-signup {
	display: flex;
	justify-content: center;
}
.join-us-wrapper h2 {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 40px;
	line-height: 48px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(90deg, #178785 7.51%, #FEB217 37.53%, #FD883D 67.55%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	background-blend-mode: plus-darker, normal;
}
.joinBtn {
  	font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
    font-style: normal;
    line-height: 16px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 14.4px 18px;
	background: linear-gradient(265.95deg, #FEB217 -55.9%, #178785 87.22%);
	border: 0.9px solid #6DCBCB;
	border-radius: 90px;
	color: #fff;
	box-sizing: border-box;
}
.joinCard {
   	position: absolute;
    top: 75px;
    right: 0px;
    width: 430px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 77, 102, 0.15) 0px 5.4px 18px;
    border-radius: 27px;
    padding: 15px 27px;
    z-index: 1;
}
.join-us-wrapper.story-signup .joinCard {
	left: 0;
    right: 0;
    margin: 0 auto;
}
.joinCard .wrapper-group {
	display: flex;
    align-items: center;
    gap: 15px;
    margin: 27px 0px 20px 0px;
}
.joinCard .wrapper-group .input-box {
	border: 0.9px solid #031414;
    flex: 1;
}
.joinCard .wrapper-group .input-box {
    display: flex;
    align-items: center;
    margin-top: 0;
    border: 0.9px solid #031414;
    border-radius: 15px;
    padding: 5px 10px;
}
.joinCard .wrapper-group .input-box input {
	font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #0D0D0D;
    flex: 1;
    border: none;
    outline: none;
    padding: 8px;
}
.joinCard .wrapper-group .input-box input.active {
    border: 1px solid #178785;
}
.joinCard .wrapper-group .sendEmail {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 9px;
    width: 46.8px;
    height: 46.8px;
    background: #178785;
    border-radius: 32.4px;
    flex: none;
    order: 1;
    flex-grow: 0;
    border: 1px solid #178785;
}
.responseMsg {
    font-family: "Inter", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    line-height: 20px;
    margin-top: -10px;
    margin-left: 5px;
    text-align: left;
}
/* FOOTER */
.footer-container ul li {
	display: flex !important;
    align-items: center;
    padding-right: 15px;
	padding-bottom: 0px !important;
}
.footer-container .follow-us img {
	width: 27px !important;
}
.footer-social-container {
	display: flex;
  	justify-content: flex-end;
}
.social-follow {
  	width: fit-content;
}
.social-follow p {
    font-family: "Inter", Sans-serif;
    font-size: 21px;
    font-weight: 600;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 27px;
    color: #0D0D0D;
	margin-bottom: 15px !important;
}
.social-follow .icons {
  	display: flex;
  	justify-content: center;
  	gap: 20px;
}
/* 404 */
.error404 .site-main {
	max-width: 100% !important;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.visual-muslim-404-wrapper {
	display: flex;
    justify-content: center;
    padding: 50px 0px 175px 0px;
}
.visual-muslim-404-wrapper h5 {
	font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 54px;
    line-height: 65px;
    text-align: center;
    background: linear-gradient(90deg, #FF4242 0%, #FEB217 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-align: center;
    margin: 25px 0px 20px 0px !important;
}
.visual-muslim-404-wrapper p {
	font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #7D7C80;
}
/* EXTRA */
.stripe-container .elementor-widget-container {
    display: flex;
    justify-content: center;
}
.BuyButton-ButtonTextContainer {
    border-radius: 50px;
}
.download-app-container {
    margin: 75px 25px;
}
.thankyou-popup-container {
    height: calc(100vh - 85px) !important;
}
.page-id-2050 .terms-of-services-head-container .elementor-heading-title {
    text-align: center;
    margin-top: 0px !important;
}
.page-id-2050 .elementor-widget-text-editor h1,
.page-id-2050  .elementor-widget-text-editor h2,
.page-id-2050  .elementor-widget-text-editor h3,
.page-id-2050  .elementor-widget-text-editor h4,
.page-id-2050  .elementor-widget-text-editor h5,
.page-id-2050  .elementor-widget-text-editor h6 {
    font-family: "Inter", Sans-serif;
    font-weight: 600;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 1.2;
    color: #0E4E4D;
    text-align: left;
    margin-top: 25px;
}
.page-id-2050 .elementor-widget-text-editor h1 {
    font-size: 40px;
    line-height: 48px; 
}
.page-id-2050 .elementor-widget-text-editor h2 {
    font-size: 36px;
    line-height: 44px;
}
.page-id-2050 .elementor-widget-text-editor h3 {
    font-size: 32px;
    line-height: 40px;
}
.page-id-2050 .elementor-widget-text-editor h4 {
    font-size: 28px;
    line-height: 36px;
}
.page-id-2050 .elementor-widget-text-editor h5 {
    font-size: 24px;
    line-height: 32px;
}
.page-id-2050 .elementor-widget-text-editor h6 {
    font-size: 20px;
    line-height: 28px;
}
.page-id-2050 .elementor-widget-text-editor a {
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    line-height: 22px;
    color: #178785;
}
@media (max-width: 1025px) and (min-width: 768px)  { 
	.hero-banner-discover-more-container {
	    bottom: 20px !important;
	}
	.why-visual-muslim-container .elementor-column .elementor-inner-section .elementor-container .premium-dual-header-first-span,
	.why-visual-muslim-container .elementor-column .elementor-inner-section .elementor-container .premium-dual-header-second-header {
		display: inline !important;
	}
	.users-say-container .carousel-prev.slick-arrow,
	.users-say-container .carousel-next.slick-arrow {
        width: auto;
        height: auto;
        padding: 0px 0px;
		top: -75px !important;
        z-index: 1;
	}
	.thankyou-popup-container {
	    width: 50% !important;   
	}
}
@media(max-width: 992px) {
    /* FOOTER */
    .footer-container .hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown {
        width: auto !important;
    }
    .footer-container .hfe-nav-menu {
        flex-wrap: nowrap !important;
        flex-direction: column !important;
    }
    .footer-container ul li {
        flex: 1 !important;
        padding-bottom: 15px !important;
        border: none !important; 
    }
    .footer-container #menu-item-104 a {
        padding-left: 0px !important;
    }
    .footer-social-container {
        display: flex;
        justify-content: flex-start;
    }
}
@media (max-width: 767px) {
	/* HEADER */
    .error404 .join-us-wrapper.header-signup .joinBtn, 
    .join-us-wrapper.header-signup .joinBtn {
        position: absolute;
        right: 35px;
        top: -40px;
        padding: 9.4px 12px;
    }
	.header-container {
		position: fixed;
		top: 0px;
		width: 100% !important;
	}
	.header-container .hfe-nav-menu-icon {
		padding-right: 0px;
	}
	.header-container .hfe-nav-menu__layout-horizontal.menu-is-active {
		position: fixed !important;
        width: 100% !important;
        top: 75px !important;
        left: 0px !important;
        right: 0px !important;
        margin: 0 auto !important;
        background: #FFFFFF;
        box-shadow: 0px 5.4px 18px rgba(0, 77, 102, 0.15);
        border-radius: 24px;
        width: 95% !important;
        padding-top: 25px;
	}
	.header-container .hfe-nav-menu__layout-horizontal .menu-item {
		border-bottom-width: 0px !important;
        margin-bottom: 15px !important;
	}
     .header-container .hfe-nav-menu__layout-horizontal .menu-item.current-menu-item {
        background: #DDF1F1;
        border-radius: 16px;
        width: 75%;
    } 
	.header-container .hfe-nav-menu__layout-horizontal .menu-item a {
		display: flex;
		justify-content: center;
		background-color: unset !important;
        padding: 12px 0px !important;
	}
	.join-us-wrapper.header-signup .joinBtn {
		position: absolute;
	    right: 35px;
	    top: -45px;
	}
	.join-us-wrapper.header-signup .joinCard {
		top: 25px;
        z-index: 999999 !important;
	}
	.hero-banner-discover-more-container {
		position: relative !important;
		bottom: unset !important;
		padding-bottom: 64px;
	}
    .download-app-container {
        background-size: 100% 100% !important;
        margin: 50px 0px 0px 0px;
    }
	.why-visual-muslim-container .elementor-widget__width-auto {
		width: 50% !important;
	} 
	.why-visual-muslim-container .elementor-column .elementor-inner-section .elementor-container .premium-dual-header-first-span,
	.why-visual-muslim-container .elementor-column .elementor-inner-section .elementor-container .premium-dual-header-second-header {
		display: inline !important;
	}
	.why-visual-muslim-container .elementor-widget__width-auto .premium-image-button {
		width: 100% !important;
	}
	/*.users-say-container .user-say-wrapper,
	.users-say-container .user-say-wrapper .elementor-widget-container p {
	    height: auto !important;
	}*/
	.users-say-container .carousel-prev.slick-arrow,
	.users-say-container .carousel-next.slick-arrow {
		top: -35px !important;
        z-index: 1;
        width: auto;
        height: auto;
        padding: 0px 0px;
	}
	.users-say-container .carousel-prev.slick-arrow {
		right: 25px !important;
	}
	.users-say-container .premium-carousel-wrapper .slick-arrow svg {
		width: 28px !important;
		height: 28px !important;
	}
	.users-say-container .user-say-upper-wrapper .elementor-column:first-of-type .elementor-widget-wrap {
		margin: 0px 0px !important;
	}
	.download-app-container .elementor-col-50 .elementor-widget-wrap {
		border-width: 0px 0px 0px 0px !important;
	}
	.our-story-container .elementor-element-cb39986 .elementor-container.elementor-column-gap-no, 
	.our-story-container .elementor-element-685c56d .elementor-container.elementor-column-gap-no {
		gap: 15px !important;	
	}
	.thankyou-popup-container { 
		width: 100% !important;
		padding: 0px 15px;
	}
	.reset-password-form-container {
		width: 100% !important;
	}
	/* JOIN US */
	.joinCard {
		width: 100% !important;
		padding: 15px 15px !important;
	}
    .join-us-wrapper h2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 0px !important;
    }
    .joinCard .wrapper-group {
        margin: 15px 0px 20px 0px !important;
    }
	/* 404 */
    .error404 .join-us-wrapper.header-signup .joinBtn,
    .join-us-wrapper.header-signup .joinBtn {
        position: absolute;
        right: 35px;
        top: -40px;
        padding: 9.4px 12px;
      }
	.error404 .site-main {
		padding-top: 75px;
	}
    /* FEEDBACK */
    #feedback-form {
        margin: 75px 0px 0px 0px;
    }
    #feedback-form .feedback-form-container {
        width: 95%;
    }
    #feedback-form .feedback-form-container button {
        width: 100%;
    }
    /* OUR SUPPORT */
    .support-card-container .elementor-icon-box-wrapper {
        display: flex !important;
    }
    .support-card-container .elementor-icon-box-content {
        padding-left: 15px;
    }
    /* TERMS AND SERVICES */
    .page-id-2050 .elementor-widget-text-editor h1 {
        font-size: 24px;
        line-height: 30px; 
    }
    .page-id-2050 .elementor-widget-text-editor h2 {
        font-size: 22px;
        line-height: 28px;
    }
    .page-id-2050 .elementor-widget-text-editor h3 {
        font-size: 20px;
        line-height: 26px;
    }
    .page-id-2050 .elementor-widget-text-editor h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .page-id-2050 .elementor-widget-text-editor h5 {
        font-size: 16px;
        line-height: 22px;
    }
    .page-id-2050 .elementor-widget-text-editor h6 {
        font-size: 14px;
        line-height: 20px;
    }
	/* FOOTER */
	.footer-container .hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown {
		width: auto !important;
	}
	.footer-container .hfe-nav-menu {
		flex-wrap: nowrap !important;
		flex-direction: column !important;
	}
	.footer-container ul li {
		flex: 1 !important;
    	padding-bottom: 15px !important;
    	border: none !important; 
	}
	.footer-container #menu-item-104 a {
		padding-left: 0px !important;
	}
	.footer-social-container {
	    display: flex;
	    justify-content: flex-start;
	}
}
@media (max-width: 411px) {
    .elementor-element-785eeaf.elementor-widget__width-auto {
        margin-bottom: 10px !important;
    }
}