@font-face {
    font-family: 'Qomra';
    src: url('../fonts/itfQomraArabic-Bold.eot');
    src: url('../fonts/itfQomraArabic-Bold.eot#iefix') format('embedded-opentype'),
        url('../fonts/itfQomraArabic-Bold.woff2') format('woff2'),
        url('../fonts/itfQomraArabic-Bold.woff') format('woff'),
        url('../fonts/itfQomraArabic-Bold.ttf') format('truetype'),
        url('../fonts/itfQomraArabic-Bold.svg#itfQomraArabic-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Qomra';
    src: url('../fonts/itfQomraArabic-Light.eot');
    src: url('../fonts/itfQomraArabic-Light.eot#iefix') format('embedded-opentype'),
        url('../fonts/itfQomraArabic-Light.woff2') format('woff2'),
        url('../fonts/itfQomraArabic-Light.woff') format('woff'),
        url('../fonts/itfQomraArabic-Light.ttf') format('truetype'),
        url('../fonts/itfQomraArabic-Light.svg#itfQomraArabic-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Qomra';
    src: url('../fonts/itfQomraArabic-Black.eot');
    src: url('../fonts/itfQomraArabic-Black.eot#iefix') format('embedded-opentype'),
        url('../fonts/itfQomraArabic-Black.woff2') format('woff2'),
        url('../fonts/itfQomraArabic-Black.woff') format('woff'),
        url('../fonts/itfQomraArabic-Black.ttf') format('truetype'),
        url('../fonts/itfQomraArabic-Black.svg#itfQomraArabic-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Qomra';
    src: url('../fonts/itfQomraArabic-Medium.eot');
    src: url('../fonts/itfQomraArabic-Medium.eot#iefix') format('embedded-opentype'),
        url('../fonts/itfQomraArabic-Medium.woff2') format('woff2'),
        url('../fonts/itfQomraArabic-Medium.woff') format('woff'),
        url('../fonts/itfQomraArabic-Medium.ttf') format('truetype'),
        url('../fonts/itfQomraArabic-Medium.svg#itfQomraArabic-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Qomra';
    src: url('../fonts/itfQomraArabic-Regular.eot');
    src: url('../fonts/itfQomraArabic-Regular.eot#iefix') format('embedded-opentype'),
        url('../fonts/itfQomraArabic-Regular.woff2') format('woff2'),
        url('../fonts/itfQomraArabic-Regular.woff') format('woff'),
        url('../fonts/itfQomraArabic-Regular.ttf') format('truetype'),
        url('../fonts/itfQomraArabic-Regular.svg#itfQomraArabic-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.uk-button-text:hover:not(:disabled)::after {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='11' viewBox='0 0 20 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%2365E38F' stroke-width='1.2' points='4.55 .66 .71 4.5 4.55 8.34' /%3E%3Cline fill='none' stroke='%2365E38F' stroke-width='1.2' x1='13' y1='4.5' x2='1' y2='4.5' /%3E%3C/svg%3E");
}
.uk-button-text::after {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='11' viewBox='0 0 20 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%2365E38F' stroke-width='1.2' points='4.55 .66 .71 4.5 4.55 8.34' /%3E%3Cline fill='none' stroke='%2365E38F' stroke-width='1.2' x1='13' y1='4.5' x2='1' y2='4.5' /%3E%3C/svg%3E");
}

.arabic-poem-line {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 2em;
}

.arabic-poem-line .sadr {
    display: block;
    flex-basis: 50%;
    text-align: justify;
    padding-left: 30px;
}
.arabic-poem-line .sadr:after {
    content: "";
    display: inline-block;
    width: 100%;
}

.arabic-poem-line .ajuz {
    display: block;
    flex-basis: 50%;
    text-align: justify;
    padding-right: 30px;
}
.arabic-poem-line .ajuz:after {
    content: "";
    display: inline-block;
    width: 100%;
}

.arabic-poem-line .single-line {
    display: block;
    width: 70%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem;
}

@media (max-width: 1320px) {
    .arabic-poem-line {
		font-size: 90%!important;
    }
}

@media (max-width: 1200px) {
    .arabic-poem-line {
		font-size: 90%!important;
    }
}

@media (max-width: 1140px) {
    .arabic-poem-line {
		font-size: 90%!important;
    }
}

@media (max-width: 960px) {
    .arabic-poem-line {
		font-size: 90%!important;
    }
}

@media (max-width: 720px) {
    .arabic-poem-line {
        display: block;	
		flex-direction: column;
		font-size: 120%!important;
        height: 4em;
    }

    .arabic-poem-line .sadr,
    .arabic-poem-line .ajuz {
        display: block;
        flex-basis: auto;
        padding: 0;
        text-align: justify;
    }

    .arabic-poem-line .sadr:after,
    .arabic-poem-line .ajuz:after {
        content: "";
        display: inline-block;
        width: 100%;
    }

    .arabic-poem-line .sadr {
        height: 1.5em;
		padding-left: 120px;
		text-align: justify; 
    }

    .arabic-poem-line .ajuz {
        padding-right: 120px;
		text-align: justify;
    }

.single-line {
        text-align: center;
    }
}

@media (max-width: 540px) {
    .arabic-poem-line {
		font-size: 90%!important;
    }
}

@media (max-width: 400px) {
    .arabic-poem-line {
		font-size: 70%!important;
    }
}


.h1, .uk-h1, h1 {
    line-height: inherit;
}