/*====== GENERAL STYLE BEGIN =======*/

.ltr {
	direction: ltr;
}

h1, h2 {
	font-family: 'Tajawal ExtraBold' !important;
	direction: rtl;
}

h3, h5 {
	direction: rtl;
	font-family: 'Tajawal Medium' !important;
}

h4 {
	font-family: 'Tajawal Regular' !important;
	direction: rtl;
}

p, li, .menu-text {
	font-family: 'Tajawal Regular' !important;
	direction: rtl;
}

.content ol, .content ul {
    margin: 0 20px 10px 0 !important;
}

#page .gradient-text {
    background: linear-gradient(221deg, #C07BCB 0%, #FFC56B 50%) !important;
    background-clip: text !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent !important;
    font-family: 'Tajawal Black' !important;
}

/*====== GENERAL STYLE END =======*/


/*===== MAIN SECTION BEGIN =====*/

.find-melatonin a {
	font-family: 'Tajawal Bold' !important;
}

/*===== MAIN SECTION END =====*/


/*===== HOW TO USE BEGIN ====*/

.how-to-use-sub:before {
    right: calc(50% - 80px);
    left: auto !important;
}

@media screen and (max-width:778px) {
	.how-to-use-sub:before {
	    right: calc(20% - 80px);
	}
}

@media screen and (max-width:600px) {
	.how-to-use-sub:before {
	    right: calc(45% - 80px);
	}
}

/*===== HOW TO USE END ====*/





/*==== BOLG BEGIN ====*/

#page .home-blog-carousel .entry-title {
    font: normal 14px / 18px "Tajawal Regular" !important;
}

#page .home-blog-carousel .entry-meta {
    font: normal 14px / 18px "Tajawal Light" !important;
}

/*==== BOLG END ====*/



/*==== FAQ BEGIN =====*/

.melatonin-faqs .wpb_accordion_header a {
    font: normal 16px / 24px "Tajawal Regular" !important;
}

#page .melatonin-faqs .wpb_accordion_section h3 a:after {
    right: auto !important;
    left: 0px !important;
}

/*==== FAQ END =====*/

/*==== CONTACT US BEGIN =====*/

.melatonin-contact-modal-link {
	font-family: 'Tajawal Regular' !important;
}

.melatonin-contact-modal .ult_modal-body p {
    font-family: 'Tajawal Regular' !important;
}

.melatonin-contact-modal .ult_modal-body .melatonin-form-label p {
    font: normal 18px / 26px "Tajawal Regular" !important;
    text-align: right !important;
}

.melatonin-form input[type="text"], .melatonin-form input[type="tel"], .melatonin-form input[type="email"], .melatonin-form textarea {
	font: normal 18px / 26px "Tajawal Regular" !important;
}

.melatonin-contact-modal .ult_modal-body input[type=submit], .melatonin-contact-modal .ult_modal-body input[type=submit]:hover {
	font: normal 18px / 26px "Tajawal Bold" !important;
}

/*==== CONTACT US END =====*/


/*==== SINGLE POST BEGIN ======*/

.single-post h3,.single-post h5 {
	text-align: right !important;
}

.single-post #content ul li {
    padding-right: 30px;
    padding-left: 0 !important;
    position: relative;
}

.single-post #content ul li:before {
    right: 0;
    left: auto !important;
}

/*==== SINGLE POST END ======*/