* {margin: 0;padding: 0;box-sizing: border-box;}body.rtl {direction: rtl;}body.rtl #header .social-media {text-align: right;}body.rtl #header .social-media span {margin-left: 1rem;}section:not(#header) {padding: 5rem 0;}section:not(#header) .main-head {margin-bottom: 48px;}section:not(#header) .main-head h2 {color: #fff;font-weight: bold;}h1, h2, h3, h4, h5, h6 {letter-spacing: 1px;}img {-o-object-fit: cover;object-fit: cover;}#header {min-height: 100vh;background: #2b384b;position: relative;}#header .image-top {position: absolute;top: 0;left: 47%;transform: translateX(-50%);width: 100px;height: 100px;background-image: url(../pics/enter-islam.jpg);background-size: cover;border-bottom-left-radius: 50%;border-bottom-right-radius: 50%;z-index: 999;}#header .row {margin-right: 0;}#header .image img {width: 100%;height: 90vh;}#header .content {text-align: center;margin: auto;margin-top: 33%;width: 70%;}#header .content h1 {color: #fff;margin-bottom: 2.5rem;font-size: 3rem;}#header .content h6 {color: #fff;margin-bottom: 2.5rem;font-size: 2rem;}#header .content .social-media {width: -moz-max-content;width: max-content;margin: auto;text-align: left;}#header .content .social-media ul li {list-style: none;color: #fff;}#header .content .social-media ul li a {display: inline-block;text-decoration: none;}#header .content .social-media ul li a span {width: 40px;height: 40px;line-height: 40px;display: inline-block;margin-bottom: 0.5rem;margin-right: 1rem;border-radius: 50%;text-align: center;color: #fff;}#header .content .social-media ul li a .facebook {background: #3d5a96;}#header .content .social-media ul li a .twitter {background: #2aa3ef;}#header .content .social-media ul li a .youtube {background: #f52929;}#header .content .social-media ul li a .insta {background: #c64156;}#video {background: #2b384b;}#video .row {margin: 0;}#video .content {padding: 2rem;background: #fff;border-radius: 2rem;margin-bottom: 2rem;}#video .content .image {position: relative;}#video .content .image img {width: 100%;margin: auto;border-radius: 2rem;}#video .content .image .play {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60px;height: 60px;line-height: 60px;text-align: center;border: 4px solid #fff;border-radius: 50%;}#video .content .image .play .icon {color: #fff;font-size: 2rem;}#video .content .image .qr-code {border-radius: 1rem;position: absolute;bottom: -30px;left: 50%;transform: translateX(-50%);width: 60px;height: 60px;line-height: 60px;text-align: center;background: #fff;padding: 0 1rem;}#video .content .image .qr-code img {width: 38px;height: 38px;border-radius: 0;}#video .content h4 {margin-top: 4rem;font-weight: 600;}#books .main-head h2 {color: #000 !important;}#books .content {margin-bottom: 2rem;}#books .content .image img {width: 100%;height: 220px;border-top-left-radius: 2rem;border-bottom-left-radius: 2rem;}#books .content h4 {color: #000;font-weight: 700;margin-top: 90px;transform: translateY(-50%);}#books .content #qr-code {width: 38px;height: 38px;color: #000;}#audio {background: #2b384b;border-bottom: 15px solid #e2aa7b;border-top: 15px solid #e2aa7b;}#audio .item {background: #fff;width: 100%;padding: 1.5rem 3rem;border-radius: 1rem;margin: auto;margin-bottom: 2rem;}#audio .item .col-xs-10 {text-align: left;}#audio .item .audio-player {width: 60px;height: 60px;line-height: 60px;background: #f77d23;border-radius: 50%;position: relative;color: #fff;display: inline-block;vertical-align: middle;}#audio .item .audio-player::after {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);content: "";width: 30px;height: 30px;background-image: url(../pics/play.svg);background-repeat: no-repeat;background-size: contain;}#audio .item h4 {margin-left: 2rem;display: inline-block;}#cards .main-head h2 {color: #000 !important;}#cards .row {margin: 0;}#cards .content {margin-bottom: 4rem;}#cards .content .image {position: relative;}#cards .content .image img {width: 100%;height: 300px;margin: auto;}#cards .content .image .qr-code {position: absolute;bottom: -30px;left: 50%;transform: translateX(-50%);width: 60px;height: 60px;line-height: 60px;text-align: center;background: #fff;padding: 0 1rem;}#cards .content .image .qr-code img {width: 38px;height: 38px;border-radius: 0;}#cards .content h4 {margin-top: 4rem;font-weight: 600;}#apps {background: #2b384b;border-top: 15px solid #e2aa7b;}#apps .item {background: #37455a;padding: 3rem;padding-bottom: 0;}#apps .item:not(:nth-child(1)), #apps .item:not(:nth-child(2)) {margin-top: 1.5rem;}#apps .item h4 {color: #fff;margin-bottom: 2rem;}#apps .item span {width: 60px;height: 60px;line-height: 60px;background: #fff;display: inline-block;}#apps .item span img {width: 38px;height: 38px;}#apps .item .image {margin: auto;margin-top: 3rem;}#apps .item .image img {width: 75%;}@media (max-width: 768px) {#header {min-height: 70vh;}#header .image img {height: 70vh;}#header .content {width: 100% !important;position: absolute;top: -40vh;background: rgba(0, 0, 0, 0.5098039216);margin-top: 0;}#books .content .row {display: flex;flex-direction: column;}#books .content h4 {margin-top: 24px;}}@media (max-width: 576px) {h4 {letter-spacing: 0;}#header .image-top {left: 45%;}#header .content .social-media ul li {font-size: 12px;}#header .content .social-media ul li a span {width: 30px;height: 30px;line-height: 30px;margin-right: 0.5rem;}#video .content .image img {height: 150px;}#audio .item h4 {letter-spacing: 0;font-size: 14px;font-weight: 600;margin-left: 0.5rem;}#cards .content .image img {height: 200px;}#apps .item .image img {width: 120%;height: 90px;transform: translateX(-7px);}}