@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@font-face {font-family: 'DroidArabicKufi';url('../fonts/DroidArabicKufi.ttf') format('truetype'),url('../fonts/DroidArabicKufi.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'DroidArabicKufi';src: url('../fonts/DroidArabicKufi-Bold.svg#DroidArabicKufi-Bold') format('svg'),url('../fonts/DroidArabicKufi-Bold.ttf') format('truetype'),url('../fonts/DroidArabicKufi-Bold.woff') format('woff');font-weight:500;font-style: normal;}

:root {
  --gold: #CEB454;
  --light-gold: #E4C501;
  --dark-gold: #9B8914;
}
html{scroll-behavior: smooth;}
body.rtl{direction:rtl;font-family:'DroidArabicKufi' !important;text-align:right;font-size:16px !important;line-height:45px;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(208,181,95, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
.navbar-toggler {border-color: rgb(208,181,95);}
.container-fluid{max-width:1740px;}
.jamia-quran h2{font-size:30px;}.jamia-quran h3{font-size:20px;}
.navbar a{font-size:15px;color:#303030;padding:0 40px !important;}.navbar .active a{color:var(--gold)}
.banner{position:relative}.carousel-caption{bottom:calc(50% - 50px)}.carousel-caption h2{font-size:37px;line-height:39px;}.carousel-caption h1{font-size:54px;line-height:120px;}
.carousel-caption a, a.button{height: 64px;background: var(--gold);line-height: 64px;display: inline-block;min-width: 200px;border-radius: 10px;color: #FFF;text-align:center}
a.scrolltocontent {background: none !important;position: absolute;left: calc(50% - 24px);bottom: 90px;}
.nahaya-date span{color:#272729;opacity:0.60;font-weight:300;font-family: 'Roboto';}.nahaya-date h1, .up-arrow{color:var(--gold);font-size:90px;line-height:108px;font-weight:900;font-family: 'Roboto';}
.nahaya-date .col-md-4 h2{font-size:40px;color:#333;font-weight:500;font-family: 'Roboto';}
.nahaya-date h1::after{content:"";display:inline-block;border-top:15px solid var(--gold);border-left:12px solid transparent;border-right:12px solid transparent;margin-right:10px}
.up-arrow::after{content:"";display:inline-block;border-bottom:15px solid var(--gold);border-left:12px solid transparent;border-right:12px solid transparent;margin-right:10px}
.banner-2{background:url("../images/masabqa-banner.png") no-repeat;background-position:center;color:#FFF;min-height:768px;display:flex;align-items:center}
.banner-2 p{color:#F9F9F9;opacity:0.60 !important;}.en{font-family:'roboto';}
.masabqa-boxes{display:flex;justify-content:space-between;}.masabqa-boxes div h2{font-family:'roboto';font-weight:900;font-size:40px}
.masabqa-boxes div{background:var(--gold);text-align:center;color:#101010;flex:0 0 calc(33.33% - 10px);border-radius:6px;margin:0 5px;padding:30px 0;font-size:16px;line-height:25px}
.content-2 p, .content-2 h3, .video-area span, .masabqa-list ul{color:#6C6464;}
.video-area h3, .faqs h3{color:#333}
.masabqa-list ul{list-style-type:none;padding:0;}.masabqa-list li::before{content:url("../images/CheckmarkIcon.svg");display:inline-block;vertical-align:middle;margin-left:10px;height:30px;}
.jawaiz-boxes > div{background:#F8F8F8;border-radius:20px;margin-left:40px;width:calc(50% - 20px);padding:40px; text-align:center;}
.jawaiz-boxes > div:first-child h4, .jawaiz-boxes > div:first-child h3{color:var(--light-gold)}
.jawaiz-boxes > div:last-child h4, .jawaiz-boxes > div:last-child h3{color:var(--dark-gold)}
.jawaiz-boxes > div h4{font-size:18px;margin-top:10px}.jawaiz-boxes > div h3{text-align:right;}.jawaiz-boxes > div h3 span{font-size:18px;float:left}
.cta{position:relative}.cta .caption{position:absolute;top:calc(50% - 55px);right:80px;color:#FFF;font-size:30px;}.cta h1{font-size:44px;}
footer{background:#272727;color:#FFF}footer span{font-size:24px} footer .d-flex img{width:103px}footer .border-top{border-color:rgba(245,245,245,0.1) !important;}

@media screen and (max-width:1400px){
	.jawaiz-boxes > div{line-height:20px}.jawaiz-boxes > div h3{display:flex;flex-wrap:wrap;justify-content:space-between}.jawaiz-boxes > div h3 span{float:none;}
}
@media screen and (max-width:1200px){
	.carousel-caption h2 {font-size: 27px;line-height: 39px;}
	.carousel-caption h1 {font-size: 44px;line-height: 80px;}
	.carousel-caption {bottom: calc(50% - 90px);}
	.nahaya-date h1, .up-arrow{font-size:80px;}.masabqa-boxes div{font-size:18px;}
	.jawaiz-boxes.d-flex.flex-wrap.justify-content-center {font-size: 14px;}
}
@media screen and (max-width:991px){
	body.rtl{font-size:14px !important;}
	a.scrolltocontent{display:none}
	.banner-2{background-size:cover}.banner-2 .col-lg-6:first-child{margin-bottom:30px;text-align:center;}
	.mashrot .col-lg-3, .content-2 .col-lg-4{margin-top:50px}
	footer .col-lg-auto{order:1}footer .col-lg{order:2;margin-bottom:50px;}footer .col-md-12{order:3}
	.nahaya-date h1, .up-arrow{font-size:60px;line-height:80px;}
}
@media screen and (max-width:767px){
	.jawaiz-boxes > div{width:100%;margin:0 0 1.5rem!important;}
	.cta h1{font-size:30px;}.cta .caption{font-size:20px;}.cta img{min-height:130px;}
	.d-flex.masabqa-list{flex-wrap:wrap;}
	.masabqa-list ul{margin-right:0 !important;}
	.nahaya-date h1, .up-arrow{font-size:50px;line-height:60px;}
	.jamia-quran h2{font-size:24px}
	.nahaya-date h1::after{border-top-width:8px;border-left-width:6px;border-right-width:6px;}.up-arrow::after{border-bottom-width:8px;border-left-width:6px;border-right-width:6px;}
	.carousel-caption a, a.button{height:50px;line-height:50px;min-width:160px;}
	.banner img{min-height:260px;object-fit:cover}.carousel-caption h1 {font-size: 36px;line-height: 70px;}.carousel-caption h2 {font-size: 22px;line-height: 20px;}	
}
@media screen and (max-width:576px){
	.carousel-caption h2 {font-size: 18px;line-height: 20px;}.carousel-caption h1 {font-size: 24px;line-height: 70px;}
	.jamia-quran h2 {font-size: 18px;}
	.nahaya-date h1, .up-arrow {font-size: 24px;line-height: 40px;}.nahaya-date h1::after{margin-right:5px;}
	body.rtl{font-size:13px !important;line-height:35px;}.jamia-quran h3{font-size:14px;}.banner-2 h2 {font-size: 20px;}
	.masabqa-boxes div h2{font-size:30px;}.masabqa-boxes div {font-size: 13px;line-height: 18px;}
	.cta .caption{left:30px;right:30px;top:calc(50% - 35px)}.cta h1 {font-size: 24px;}
}