@font-face {
    font-family: tajwal-bold;
    src: url('../fonts/Tajawal-Bold.ttf');
}

@font-face {
    font-family: tajwal-medium;
    src: url('../fonts/Tajawal-Medium.ttf');
}


body {

    font-family: tajwal-medium !important;

}

body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: #8E2351;
    outline: 1px solid #8E2351;
    border-radius: 20px;
}

::selection {
    background: #8E2351;
    /* WebKit/Blink Browsers */
    color: #fff;
}

::-moz-selection {
    background: #8E2351;
    /* Gecko Browsers */
    color: #fff;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
    font-family: tajwal-bold !important;
}

.form-control,
.form-control:focus {
    box-shadow: none;
    outline: 0;
}

.btn,
.btn:focus {
    box-shadow: none;
    outline: 0;
}

.list-group-item {
    background-color: transparent !important;
    border: 0px !important;
    padding: 0px;
}

.box img {
    width: auto !important;
    float: right;
    padding: 0 0;
    height: 30px;
    margin-top: -9px;
}

/* start of navbar */
.top-header {
    background-color: #EAEAEA
}

.top-header .title {
    display: table;
    text-align: center;
    background-color: #8E2351;
    width: 350px;
    height: 52px;
    line-height: 52px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 26px;
    border-bottom-right-radius: 26px;
    color: #fff;
    font-size: 18px;
    margin: auto
}

.top-header .box {
    padding-top: 20px;
    padding-bottom: 20px;

}

.top-header .box h2 {
    text-align: center;
    font-size: 12px;
    color: #303030;
    margin: 0px;
    padding: 0px;
}

.navbar .container {
    padding-right: 0px;
    padding-left: 0px;

}

.bg-light {
    background-color: transparent !important;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2)
}

.navbar-light .navbar-nav .nav-link {
    color: #303030;
    font-size: 15px;
    padding: 0px 10px;
    padding-top: 45px;
    padding-bottom: 30px;

}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: #8E2351;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #8E2351;
}

.navbar-light .navbar-brand {
    margin: 0
}

.navbar .mr-auto {
    margin-left: auto !important;
}

.navbar .area a {
    background-color: #8E2351;
    width: 191px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    display: table
}

.men-cl {
    display: none
}

/* end of navbar */
.search {
    padding-top: 30px;
    padding-bottom: 30px;
}

.search .parent {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    padding-top: 20px;
    padding-bottom: 20px;
}

.search .parent .first {
    position: relative;
}

.search .parent .first input {
    border: 1px solid #8C8C8C;
    height: 70px;
    padding-right: 20px;
}

.search .parent .first button {
    height: 70px;
    width: 140px;
    text-align: center;
    color: #303030;
    font-size: 18px;
    background-color: transparent;
    border: 1px solid #8C8C8C;
    position: absolute;
    left: 0px;
    top: 0px;
}

.search .lang {
    border-radius: 16px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    text-align: center;
    height: 70px;
    line-height: 70px;
    color: #303030;
    font-size: 18px;
    display: table;
    width: 100%
}

.search .dropdown-menu {
    text-align: center;
    border-radius: 16px;
}

.search .dropdown-menu a {
    text-align: center;
    color: #303030;
    font-size: 18px;

}

.content {
    padding-top: 30px;
    padding-bottom: 20px;
}

.content .categories {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    border-radius: 18px;
}

.content .categories .title {
    background-color: #8E2351;
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    cursor: pointer
}

.content .categories ul li {
    background-color: #E6E6E6 !important;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 5px;

}

.content .categories ul li:last-of-type {
    margin-bottom: 0px;
}

.content .categories ul li a {
    color: #303030;
    font-size: 16px;
}

.content .latest-videos {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    background-color: #E9E9E9;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;

}

.content .latest-videos .title {
    background-color: #001D44;
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;

}

.content .news-image {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 15px;
    background-color: #fff;
    padding: 15px;
}

.content .news-image img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
}

.content .latest-videos {
    margin-top: 30px
}

.content .latest-videos .news-image h2 {
    color: #303030;
    font-size: 16px;
}

.content .latest-videos .news-image p {
    color: #303030;
    font-size: 16px;
}

.content .latest-videos .more {
    background-color: #8E2351;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    display: table;
    width: 100%
}

.content .latest-Fatwas {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 10px;

}

.content .latest-Fatwas .title {
    display: table;
    width: 226px;
    height: 44px;
    background-color: #000;
    text-align: center;
    color: #fff;
    margin: auto;
    font-size: 16px;
    border-bottom-right-radius: 18px;
    border-bottom-left-radius: 18px;
    line-height: 44px;
    margin-bottom: 30px;
}

.content .latest-Fatwas .box {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    padding: 5px;
    position: relative
}

.content .latest-Fatwas .box .photo img {
    max-width: 100%;
}

.content .latest-Fatwas .box h2 {
    text-align: center;
    font-size: 15px;
    padding-top: 10px
}

.content .latest-Fatwas .owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    background-color: #001D44;
    color: #fff;
}

.content .owl-carousel .owl-nav button.owl-next {
    left: -25px;
}

.content .owl-carousel .owl-nav button.owl-prev {
    right: -25px;
}

.content .single-bloog {
    border: 1px solid #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    padding: 15px;
    margin-top: 20px;
}

.content .single-bloog .right {
    float: right
}

.content .single-bloog .left {
    float: left;
    margin-top: 20px
}

.content .single-bloog .right .parent {
    display: flex;
    flex-wrap: nowrap;
}

.content .single-bloog .right .parent .child2 {
    margin-top: 10px;
}

.content .single-bloog .right .parent .child2 .name {
    color: #000;
    font-size: 16px;
    padding: 0px;
    margin: 0px;
}

.content .single-bloog .right .parent .child2 a {
    color: #8E2351;
    font-size: 16px;
}

.content .single-bloog .title {
    background-color: rgba(0, 29, 68, .15);
    border-radius: 8px;
    padding: 20px;
    color: #303030;
    font-size: 22px;
}

.content .single-bloog .description {
    color: #000;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.content .single-bloog .bloog-right {
    float: right;
}

.content .single-bloog .bloog-right li:last-of-type {
    margin-right: 15px;
}

.content .single-bloog .bloog-right button {
    width: 69px;
    height: 69px;
    line-height: 69px;
    background-color: #E9E9E9;
    border-radius: 50%;
    line-height: 69px;
    border: 0px;
    font-size: 18px;
}

.content .single-bloog .bloog-left {
    float: left;
    margin-top: 10px
}

.content .single-bloog .bloog-left li {
    border-radius: 18px;
    padding: 10px;
    text-align: center;
    color: #303030
}

.content .single-bloog .bloog-left li:first-of-type {
    background-color: #E9E9E9 !important
}

.content .single-bloog .bloog-left li:last-of-type {
    background-color: #000 !important;
    color: #fff;
    margin-right: 15px
}

.content .single-bloog .bloog-left a {
    color: #fff
}

.content .latest-bloogs {
    background-color: #E9E9E9;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    border-radius: 16px
}

.content .latest-bloogs .title {
    background-color: #001D44;
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;

}

.content .latest-bloogs .first {
    border: 1px solid #fff;
    background-color: #fff;
    padding: 2px;
    margin-bottom: 10px;
}

.content .latest-bloogs .first img {
    border-radius: 15px;
    max-width: 100%;
}

.content .latest-bloogs .first h2 {
    color: #000;
    font-size: 16px;
    padding-top: 10px;
}

.content .latest-bloogs .first p {
    color: #303030;
    font-size: 16px;
}

.content .latest-bloogs .more {
    background-color: #8E2351;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    display: table;
    width: 100%;
}

.content .mailing {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    border: 1px solid #fff;
    border-radius: 18px;
    padding-bottom: 15px;
    margin-top: 15px
}

.content .mailing .title {
    background-color: #001D44;
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top-right-radius: 18px;
    border-top-left-radius: 18px;

}

.content .mailing .parent {
    padding: 15px 15px;
}

.content .mailing p {
    text-align: center;
    color: #303030;
    font-size: 13px;
}

.content .mailing input {
    border: 1px solid #BEBEBE;
}

.content .mailing button {
    display: table;
    margin: auto;
    background-color: #8E2351;
    width: 120px;
    height: 46px;
    text-align: center;
    color: #fff;
    border: 0px;
    margin-top: 15px;
}

.google-ads {
    border-radius: 18px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    position: relative;
    padding-top: 240px;
    padding-bottom: 240px;
    margin-top: 20px;
    margin-bottom: 20px
}

.google-ads img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%
}

.google-ads button {
    width: 37px;
    height: 37px;
    background-color: #303030;
    text-align: center;
    color: #fff;
    line-height: 37px;
    position: absolute;
    left: 10px;
    top: 20px;
    border-radius: 50%
}

.top-footer {
    background-color: #001D44;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 10px;
}

.top-footer a {
    color: #fff;
}

.top-footer .pages ul li {
    padding: 10px;
    border-left: 1px solid #fff !important
}

.top-footer .pages ul li:last-of-type {
    border-left: 0px !important
}

.top-footer p {
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.top-footer .social ul li {
    padding-right: 10px
}

.send-support .all {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    padding: 30px 40px;
    margin-bottom: 40px
}

.send-support .title {
    color: #8E2351;
    font-size: 22px;
}

.send-support .sub-title {
    color: #000;
    font-size: 22px;
    padding-bottom: 15px;
}

.send-support p {
    color: #303030;
    font-size: 16px;
    line-height: 35px;
}

.Bank-accounts {
    padding-bottom: 40px;
    padding-top: 20px;
}

.Bank-accounts .title {
    text-align: center;
    color: #8E2351;
    font-size: 22px;
    padding-bottom: 30px;
}

.Bank-accounts .first {
    border-radius: 12px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    padding: 15px 30px;
}

.Bank-accounts .first .parent {
    display: flex;
    flex-wrap: nowrap
}

.Bank-accounts .first .parent img {
    max-width: 100%
}

.Bank-accounts .first .parent .child2,
.Bank-accounts .first .parent .child1 {
    width: 100%;
}

.Bank-accounts .first .parent .child2 {
    padding-top: 20px;
}

.Bank-accounts .first .parent h2 {
    color: #8E2351;
    font-size: 22px;
}

.Bank-accounts .first h2 {
    padding-bottom: 10px;
}

.Bank-accounts .first ul li {
    padding-bottom: 5px;
}

.bloog-details .content {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    padding: 35px 20px;
}

.bloog-details .content .title {
    color: #303030;
    font-size: 28px;
}

.bloog-details .content .time {
    padding-bottom: 30px;
}

.bloog-details .content .time span {
    color: #303030;
    font-size: 18px;
    padding-right: 10px;
}

.bloog-details .content .words {
    color: #303030;
    font-size: 16px;
    line-height: 35px;
}

.bloog-details .bloog-info .photo img {
    max-width: 100%;
}

.bloog-details .bloog-info .cat {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    margin-top: 30px;
    margin-bottom: 30px;
}

.bloog-details .bloog-info .cat ul li {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(112, 112, 112, .42);
}

.bloog-details .bloog-info .cat ul li:last-of-type {
    border-bottom: 0px;
}

.bloog-details .bloog-info .cat label {
    font-size: 18px;
    color: #303030;
    font-weight: bold;
    padding-right: 20px;
}

.bloog-details .bloog-info .cat span {
    padding-right: 5px;
    font-size: 16px;
}

.related {
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative
}

.related .title {
    text-align: center;
    color: #001D44;
    font-size: 21px;
    padding-bottom: 20px;
}

.related .box {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    border: 1px solid #fff;
    padding: 15px;
}

.related .box img {
    max-width: 100%;
}

.related .box h2 {
    color: #001D44;
    font-size: 16px;
    padding-top: 10px;
}

.related .box p {
    color: #303030;
    font-size: 15px;
}

.related .owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    background-color: #001D44;
    color: #fff;
}

.related .owl-carousel .owl-nav button.owl-next {
    left: -45px;
}

.related .owl-carousel .owl-nav button.owl-prev {
    right: -45px;
}

.bloog-details .view {
    float: left;
    width: 135px;
    height: 38px;
    background-color: #E9E9E9;
    color: #303030;
    font-size: 16px;
    border-radius: 16px;
    text-align: center;
    padding-top: 7px;
    margin-top: -100px;
}

.cat .img {
    width: 100%;
    text-align: center;
}

.bloog-details .bloog-info .cat2 {
    margin-top: 0px
}

.sending-message {
    padding-bottom: 140px;
}

.sending-message .first {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    padding: 60px 120px;
}

.sending-message .first .title {
    text-align: center;
    color: #1B2E4B;
    font-size: 22px;
    padding-bottom: 30px;
}

.sending-message .first input {
    border: 1px solid #707070;
    border-radius: 22px;
    height: 90px;
    padding-right: 30px;
}

.sending-message .first textarea {
    border: 1px solid #707070;
    border-radius: 22px;
    height: 250px;
    padding-right: 30px;
}

.sending-message .first button {
    display: table;
    margin: auto;
    background-color: #8E2351;
    border: 1px solid #8E2351;
    width: 500px;
    height: 84px;
    text-align: center;
    color: #fff;
    margin-top: 40px;
}

.sending-message .form-group {
    position: relative
}

.sending-message .form-group img {
    position: absolute;
    left: 50px;
    top: 30px;
}

.sending-message .custom-file {
    border: 1px solid #707070;
    border-radius: 22px;
    height: 90px;
    padding-right: 30px;
    width: 100%;
    cursor: pointer;
    padding-top: 35px;
    color: rgba(100, 97, 107, 1);
    opacity: 1
}

.sending-message input[type="file"] {
    display: none;
}

.register {
    padding-bottom: 100px;
}

.register .new-member {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    padding: 30px 100px;
}

.register .new-member .title {
    color: #444444;
    font-size: 18px;
    border-bottom: 1px solid #8595AA;
    text-align: center;
    display: table;
    margin: auto;
    margin-bottom: 20px;
    padding-bottom: 5px
}

.register .new-member input {
    border-radius: 8px;
    height: 60px;
    border: 1px solid #DFDFDF
}

input[type='email'],
input[type='password'] {
    direction: rtl;
    text-align: right
}

.register .new-member .parent {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.register .new-member .parent button {
    background-color: #8E2351;
    width: 150px;
    height: 48px;
    text-align: center;
    color: #fff;
    border: 1px solid #8E2351;
}

.register .new-member .parent p {
    color: #212121;
    font-size: 18px;
}

.register .new-member .parent a {
    color: #212121;
    font-size: 18px;
}

.register .new-member ul {
    justify-content: space-between
}

.register .new-member ul img {
    max-width: 100%;
}

.logining .no-account {
    text-align: center;
    padding-top: 15px;
    color: #212121;
    font-size: 18px;
}

.logining .no-account a {
    color: #8E2351
}

.logining .new-member .parent a {
    color: #8E2351
}

.change-password {
    padding-bottom: 100px;
}

.change-password .first {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);


}

.change-password .first {
    padding-top: 50px;
    padding-bottom: 50px;
}

.change-password .first .title {
    color: #8595AA;
    font-size: 18px;
    padding-bottom: 5px;
    border-bottom: 1px solid #8595AA;
    margin-bottom: 20px;
    display: table;
}

.change-password .first h3 {
    color: #000;
    font-size: 20px;
    padding-bottom: 20px;
}

.change-password .first button {
    background-color: #8E2351;
    width: 150px;
    height: 48px;
    text-align: center;
    color: #fff;
    border: 1px solid #8E2351;
    margin-top: 30px;
}

.my-account {

    padding-top: 50px;
    padding-bottom: 50px;
}

.my-account .user-profile {
    background-color: #fff;
    border-radius: 28px;
}

.my-account .user-profile .photo {
    text-align: center;
    padding-top: 20px;
    background-color: #E0E0E0
}

.my-account .user-profile .photo img {
    border-radius: 50%;
    max-width: 100%;
}

.my-account .user-profile .photo h2 {
    color: #373737;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 20px;
    margin: 0;
}

.my-account .user-profile .nav-tabs {
    border: 0px;
}

.my-account .user-profile .nav-tabs li {
    width: 100%
}

.my-account .user-profile .nav-tabs .nav-link {
    color: #373737;
    font-size: 18px;
    font-weight: bold;
    text-align: center
}

.my-account .user-profile .nav-tabs .nav-link img {
    margin-left: 5px
}

.my-account .user-profile .nav-tabs .nav-item.show .nav-link,
.my-account .user-profile .nav-tabs .nav-link.active {
    background-color: #8E2351;
    color: #fff;
    border: 1px solid #8E2351;
}

.my-account .user-profile .nav-tabs .nav-link {
    border-bottom: 1px solid rgba(112, 112, 112, .29);
    border-radius: 0px;
    margin: 0;
    padding: 10px 40px
}

.my-account .user-profile .nav-tabs .nav-link:focus,
.my-account .user-profile .nav-tabs .nav-link:hover {
    background-color: #8E2351;
    color: #fff;
    border: 1px solid #8E2351;
}

.my-account .account-data {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    padding: 15px;
}

.my-account .account-data h2 {
    color: #000;
    font-size: 22px;
    border-bottom: 1px solid #8E2351;
    padding-bottom: 5px;
    display: table;
    margin-bottom: 30px;
}

.my-account .account-data input {
    height: 60px;
    border-radius: 8px;
    border: 1px solid #DFDFDF;
}

.my-account .account-data button {
    display: table;
    margin: auto;
    background-color: #8E2351;
    width: 188px;
    height: 60px;
    border: 1px solid #8E2351;
    text-align: center;
    color: #fff;
    font-size: 22px;
}


.data-filteration .nav-tabs {
    border: 0px;
    display: flex;
    justify-content: space-around
}

.data-filteration .nav-tabs li {}

.data-filteration .nav-tabs .nav-link {
    color: #373737;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    background-color: #E9E9E9;

}

.data-filteration .nav-tabs .nav-item.show .nav-link,
.data-filteration .nav-tabs .nav-link.active {
    background-color: #8E2351;
    color: #fff;
    border: 1px solid #8E2351;
}

.data-filteration .nav-tabs .nav-link {
    border-bottom: 1px solid rgba(112, 112, 112, .29);
    border-radius: 20px;
    margin: 0;
    padding: 10px 40px
}

.data-filteration .nav-tabs .nav-link:focus,
.data-filteration .nav-tabs .nav-link:hover {
    background-color: #8E2351;
    color: #fff;
    border: 1px solid #8E2351;
}

.data-filteration .parent {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    margin-bottom: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 10px;
}

.creator .parent {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    margin-bottom: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 10px;
    display: flex;
    justify-content: space-around
}

.creator .parent select {
    background-color: #E9E9E9;
    border: 1px solid #E9E9E9;
    width: 395px;
    max-width: 100%;
    height: 75px;
    border-radius: 20px;
    padding: 0px 15px;
}

.info-person {
    padding-top: 50px;
    padding-bottom: 50px;
}

.info-person .title {
    text-align: center;
    color: #000;
    font-size: 30px;
    padding-bottom: 70px;
}

.info-person .first {
    background-color: #E9E9E9;
    border-radius: 50%;
    padding: 40px 0px;
    text-align: center;
}

.info-person .first img {
    max-width: 100%;
    width: 60px;
    height: 60px;
}

.info-person .first a {
    display: table;
    color: #000;
    font-size: 30px;
    margin: auto;
    margin-top: 20px;
}

.order .parent {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    padding-bottom: 30px;
}

.order .parent .title {
    background-color: #E9E9E9;
    width: 100%;
    height: 97px;
    text-align: center;
    line-height: 97px;
}

.order .parent ul {
    padding: 30px 100px 30px 20px;
    text-align: center;
}

.order .parent ul li {
    margin-bottom: 15px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border: 1px solid #303030 !important;
    border-radius: 50%;
    margin-right: 20px;
    float: right;
    display: inline-block;
}

.parent .list-group {
    display: flow-root;
}

.words-alpha {
    padding-top: 60px;
    padding-bottom: 60px
}

.words-alpha h2 {
    color: #000;
    font-size: 17px;
    margin-bottom: 30px;
    padding: 30px;
    border: 1px solid #707070
}

.pagination {}

.pagination ul {
    display: flex;
    justify-content: center;
    width: 100%;
}

.pagination ul li {
    margin-right: 30px;
}

.pagination ul li a {
    border: 1px solid #8E2351;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
    margin: auto;
    line-height: 40px;
    color: #8E2351;
}

.pagination ul li .active {
    background-color: #8E2351;
    color: #fff
}

.order-people {
    padding-top: 60px;
    padding-bottom: 60px;
}

.order-people .parent {
    display: flex;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    padding: 20px 10px;
    margin-bottom: 25px;
}

.order-people .parent .child2 {
    margin-right: 15px;
    margin-top: 10px;
}

.order-people .parent h2 {
    color: #303030;
    font-size: 14px;

}

.live-stream {
    padding-top: 40px;
    padding-bottom: 40px;
}

.live-stream .title {
    color: #707070;
    font-size: 50px;
    padding-bottom: 15px;
    text-align: center
}

.live-stream .content {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    padding: 15px;
}

.live-stream .content h2 {
    color: #303030;
    font-size: 28px;
    padding-bottom: 30px;
}

.live-stream .content button {
    color: #fff;
    font-size: 18px;
    text-align: center;
    background-color: #8E2351;
    border: 1px solid #8E2351;
    width: 566px;
    max-width: 100%;
    height: 89px;
    display: table;
    margin: auto;
    margin-top: 20px;
}

.single-audio {
    padding-top: 60px;
    padding-bottom: 60px;
}

.single-audio .content {
    padding: 30px 20px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
}

.single-audio .content .parent {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 30px;
}

.single-audio .content .parent h2 {
    color: #303030;
    font-size: 16px;
}

.single-audio .content .parent .child1 {
    margin-top: 10px;
}

.single-audio .content .parent .child2 li {
    margin-right: 10px;
}

.single-audio .content .parent button {
    background-color: #E9E9E9;
    border-radius: 11px;
    width: 140px;
    height: 55px;
    text-align: center;
    color: #000;
    font-size: 16px;
    border: 0px;
}

.single-audio .content .parent .child1 h3 {
    font-size: 18px;
    color: #303030;
    font-weight: normal
}

.single-audio .content .words {
    font-size: 15px;
    color: #303030;
    margin-top: 40px;
    margin-bottom: 30px;
}

.single-audio .content .all {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 30px;
}

.single-audio .content .all .right li {
    margin-left: 10px;
}

.single-audio .content .all .right li:first-of-type {
    width: 135px;
    height: 38px;
    border-radius: 10px;
    background-color: #E9E9E9 !important;
    text-align: center;
    line-height: 38px;
    margin-top: 10px;

}

.single-audio .content .all .right li button {
    background-color: #E9E9E9;
    border: 1px solid #E9E9E9;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
}

.single-audio .content .all .left {
    margin-top: 15px;
}

.single-audio .content .all .left li {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    background-color: rgba(142, 35, 81, .25) !important;
    color: #8E2351;
    margin-top: 5px;
}

.single-audio .content .all .left li {
    margin-left: 10px;
}

.single-audio .content .all .left li:last-of-type {
    width: 135px;
    height: 38px;
    border-radius: 9px;
    background-color: #8E2351 !important;
    text-align: center;
    line-height: 38px;
    margin-top: 10px;
    color: #fff;
    margin-top: 0px;
}

.single-audio .cat {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);

}

.single-audio .cat ul li {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(112, 112, 112, .42) !important;
}

.single-audio .cat ul li:last-of-type {
    border-bottom: 0px;
}

.single-audio .cat label {
    font-size: 18px;
    color: #303030;
    font-weight: bold;
    padding-right: 20px;
}

.single-audio .cat span {
    padding-right: 5px;
    font-size: 16px;
}

.all-audios .right-side {
    float: right
}

.all-audios .left-side {
    float: left
}

.all-audios .right-side .parent {
    display: flex;
}

.all-audios .right-side .parent .child2 {
    margin-right: 15px;
    margin-top: 10px;
}

.all-audios .right-side .parent .child2 h3 {
    color: #001D44;
    font-size: 20px;
}

.all-audios .right-side .parent .child2 a {
    color: #8E2351;
    font-size: 17px;
}

.all-audios .up-title {
    background-color: rgba(0, 29, 68, .08);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.all-audios .left-side li {
    margin-right: 10px;
}

.all-audios .left-side button {
    background-color: #E9E9E9;
    border-radius: 11px;
    width: 140px;
    height: 55px;
    text-align: center;
    color: #000;
    font-size: 16px;
    border: 0px;
}

.all-audios .content {
    margin-bottom: 30px;
}

.modal-dialog {
    max-width: 1000px
}

.modal-content {
    padding: 30px;
    border-radius: 62px;
}

.modal-body .title {
    text-align: center;
    color: #8E2351;
    font-size: 26px;
}

.modal-body .sub-title {
    color: #000;
    font-size: 18px;
    text-align: center;
}

.modal-body .content {
    border: 1px solid #707070;
    padding: 20px;
    color: #000;
    font-size: 17px;
}

.modal-body button {
    background-color: #8E2351;
    border: 1px solid #8E2351;
    text-align: center;
    color: #fff;
    width: 264px;
    height: 67px;
    line-height: 67px;
    display: table;
    margin: auto
}

.under-title {
    padding: 20px;
    border: 1px solid #303030;
    color: #303030;
    font-size: 17px;
}

.all-videos {
    padding-bottom: 50px;
}

.all-videos .news-image {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
    padding: 20px 10px;
    margin-bottom: 30px;
}

.all-videos .news-image h2 {
    color: #001D44;
    font-size: 17px;
}

.all-videos .news-image p {
    color: #303030;
    font-size: 15px;
}

.all-videos .social button {
    background-color: #E9E9E9;
    border: 1px solid #E9E9E9;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
}

.all-videos .social li {
    margin-left: 10px
}

.all-videos .social li a .fa {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    background-color: rgba(142, 35, 81, .25) !important;
    color: #8E2351;
    margin-top: 5px;
}

.all-videos .social li:last-of-type {
    padding: 5px 10px;
    border-radius: 9px;
    background-color: #8E2351 !important;
    text-align: center;
    font-size: 12px;
    margin-top: 10px;
    color: #fff;
    margin-top: 0px;
}

.all-videos .links li {
    margin-left: 10px;
}

.all-videos .links button {
    background-color: #E9E9E9;
    border-radius: 11px;
    padding: 5px 10px;
    text-align: center;
    color: #000;
    font-size: 16px;
    border: 0px;
    margin-top: 18px
}

.all-videos .links li:first-of-type {
    padding: 5px 10px;
    border-radius: 10px;
    background-color: #E9E9E9 !important;
    text-align: center;
    line-height: 38px;
    margin-top: 10px;
}

#scroll-up {
    width: 50px;
    height: 50px;
    color: #fff;
    text-align: center;
    position: fixed;
    left: 15px;
    bottom: 10px;
    z-index: 9999;
    display: none;
    cursor: pointer;
    background-color: #001D44;
    border-radius: 50%;
}

a.navbar-brand img {
    width: auto !important;
    max-width: 100%;
}
.top-header .title {
    width: 100%;
 }
 
 .col-xs-6 {
    width: 50%;
}

.bloog-details .content {
    overflow: hidden;
}

@media (max-width:500px) {
.col-2 {
width:100%;
}
}