#post-payment-screen{
         display: flex;
    justify-content: center;
    align-items: center;
    padding: 5rem;
}

body {
         font-family: almarai !important;
         }
         .footer-dark li {
         color: #000000 !important;
         font-family: 'almarai';
         font-size: 20px;
         }
         .footer-dark .footer-link,
         .footer-dark .list-unstyled li a,
         .footer-dark .nav .nav-item .nav-link {
         color: #000000 !important;
         font-size: 20px !important;
         }
         #loading {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: rgba(0, 0, 0, 0.5);
         display: flex;
         justify-content: center;
         align-items: center;
         z-index: 9999;
         color: white;
         font-size: 24px;
         }
         @keyframes hidePreloader {
         0% {
         width: 100%;
         height: 100%
         }
         100% {
         width: 0;
         height: 0
         }
         }
         body>div.preloader {
         position: fixed;
         background: #fff;
         width: 100%;
         height: 100%;
         z-index: 1071;
         opacity: 0;
         transition: opacity .5s ease;
         overflow: hidden;
         pointer-events: none;
         display: flex;
         align-items: center;
         justify-content: center
         }
         body:not(.loaded)>div.preloader {
         opacity: 1
         }
         body:not(.loaded) {
         overflow: hidden
         }
         body.loaded>div.preloader {
         animation: hidePreloader .5s linear .5s forwards
         }
         .desktop-menu li a {
         font-family: 'almarai', sans-serif;
         }
         h1,
         h2,
         h3,
         h4,
         h5,
         h6 {
         font-family: 'almarai', sans-serif;
         }
         span {
         font-family: 'almarai', sans-serif;
         }
         p {
         font-family: 'almarai', sans-serif;
         }
         .navbar-brand {
         margin-left: auto !important;
         }
         .footer .list-unstyled li {
         text-transform: unset !important;
         }
         .video-container {
         position: relative;
         width: 100%;
         height: 0;
         padding-bottom: 56.25%;
         }
         .video-container iframe {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         }
         .video-overlay {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-size: cover;
         z-index: 1;
         cursor: pointer;
         }
         .bg-golden {
         background: #ffffff;
         }
         .bg-d-brown {
         background-color: #28123a;
         border-radius: 6px;
         padding: 9px;
         box-sizing: border-box;
         }
         .golden-text {
         color: white;
         }
         .brown-text {
         color: #1c2431;
         }
         .p-015 {
         padding: .08rem !important;
         }
         .w-60 {
         width: 60% !important;
         }
         label {
         display: inline-block;
         margin-bottom: 0px;
         font-family: almarai;
         color: #000;
         }
     
         .belaaa::before {
         content: '';
         position: absolute;
         top: 34%;
         left: 0;
         width: 31%;
         height: 1.5px;
         background-color: black;
         margin-left: 2px;
         }
         .offer-badge-2 {
         position: absolute;
         top: 280px;
         right: 155px;
         background-color: #ff0009;
         color: #fff;
         padding: 5px 10px;
         font-size: 14px;
         border-radius: 5px;
         }
         .older-price {
         text-decoration: line-through;
         text-decoration-color: red;
         color: White;
         }
         .checked {
         color: orange;
         }
         .un-checked {
         color: #A6A6A6;
         }
         .heart-border-2 {
         border: 2px dashed red;
         background-color: #28123A;
         border-radius: 0px;
         padding: 25px;
         display: flex;
         justify-content: center;
         align-items: center;
         position: relative;
         padding: 12px;
         }
         .heart-border-3 {
         background-color: #E4E4E4;
         border-radius: 0px;
         padding: 25px;
         display: flex;
         position: relative;
         padding: 6px;
         }
         .heart-border-4 {
         background-color: #E4E4E4;
         border-radius: 0px;
         padding: 25px;
         position: relative;
         padding: 6px;
         }
         .fa-fw {
         width: 38px !important;
         text-align: center;
         color: #000000 !important;
         font-weight: 900;
         }
         .rounded-right {
         border-top-right-radius: 4px !important;
         border-bottom-right-radius: 4px !important;
         }
         .p-2 {
         padding: 4.5px !important;
         }
         #thin-icon {
         font-size: smaller;
         font-weight: 100;
         }
         .heart-icon {
         font-size: 21px !important;
         color: #e9d76a;
         background-color: #3a1953;
         color: #e9d76a;
         }
         .iti {
         position: relative;
         display: inline-block;
         width: 100%;
         }
         .my-button {
         background-color: #BA0C2F !important;
         font-family: almarai;
         border-radius: 10px !important;
         border: 2px solid white;
         ;
         padding: 10px;
         }
         .accordion-spaced .card {
         margin-bottom: 10px !important;
         border-radius: 0.75rem !important;
         }
         .btn {
         border-radius: 0px;
         }
         .heading-3 {
         color: #007BFF;
         }
         p {
         color: black;
         }
         .table thead th {
         font-size: 17px;
         color: black;
         }
         .table .thead-light th {
         background-color: transparent;
         color: black;
         }
         .table td {
         font-size: 16px;
         white-space: nowrap;
         color: black;
         }
         .table td,
         .table th {
         padding: 7px;
         }
         .card .table td,
         .card .table th {
         padding-left: 6px;
         padding-right: 6px;
         }
         .table-bordered {
         border: 1px solid black !important;
         }
         .table-bordered th,
         .table-bordered td {
         border: none;
         }
         .table-bordered tbody tr {
         border-top: 1px solid black;
         }
         .table .thead-light th {
         border-color: #000000;
         }
         .table thead th {
         padding-top: 8px;
         padding-bottom: 8px;
         }
         .card-body {
         color: #000000;
         border-bottom-right-radius: 20px;
         border-bottom-left-radius: 20px;
         }
         .card-bela {
         background-color: #525F72 !important;
         box-shadow: none;
         }
         .image-label {
         direction: ltr;
         text-align: left;
         padding: 10px 35px;
         background-color: #F1F3F4;
         color: black;
         font-size: 22px;
         }
         .footer-dark {
         background-color: #132A4C !important;
         color: black;
         }
         .footer-dark .heading {
         color: black !important;
         }
         .desktop-menu {
         background-color: #e6e6e6 !important;
         }
         .footer-dark p {
         font-family: 'Almarai' !important;
         }
         .heading {
         color: black;
         }
         .desktop-menu li {
         color: black;
         }
         body {
         direction: rtl;
         text-align: left;
         }
      
         .blue {
         color: #338DCD;
         text-decoration: underline;
         }
         .blue1 {
         font-size: 19px;
         text-align: center;
         color: #007BFF !important;
         border-bottom: 3px solid #007BFF !important;
         width: max-content;
         margin: auto;
         "
         }
         }
         .footer-dark .footer-link,
         .footer-dark .list-unstyled li a,
         .footer-dark .nav .nav-item .nav-link {
         color: black !important;
         font-family: 'almarai';
         font-size: 15px;
         font-size: 19px !important;
         }
  
         select {
         padding: 10px;
         padding-right: 30px;
         -moz-appearance: none;
         -webkit-appearance: none;
         appearance: none;
         background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%black%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
         background-repeat: no-repeat, repeat;
         background-position: left .7em top 50%, 0 0;
         background-size: .65em auto, 100%;
         }
         select::-ms-expand {
         display: none;
         }
         .iti__arrow {
         margin-left: 2px;
         width: 0;
         height: 0;
         border-left: 5px solid transparent;
         border-right: 5px solid transparent;
         border-top: 7px solid #000;
         }
         .social-icons {
         list-style-type: none;
         padding: 0;
         }
         .social-icons li {
         display: inline-block;
         margin-right: 10px;
         }
         .social-icons .btn-block {
         display: inline-block;
         background-color: black;
         color: white;
         border-radius: 50%;
         text-align: center;
         width: 40px;
         height: 40px;
         line-height: 40px;
         transition: all 0.3s ease;
         }
         .social-icons .btn-block:hover {
         transform: scale(1.1);
         }
         .footer-dark .footer-link,
         .footer-dark .list-unstyled li a,
         .footer-dark .nav .nav-item .nav-link {
         color: #CECECE !important;
         font-family: 'almarai';
         font-size: 15px;
         }
         .fz-12 {
         font-size: 12px !important;
         }
  
         .phone-input {
         height: 50px;
         font-size: 1rem;
         line-height: 1.5;
         border-radius: 0px;
         border: 1px solid #000000;
         color: black;
         }
         .bg-golden {
         background: #efd3a8;
         background: linear-gradient(to bottom, #efd3a8 12%, #926e41 100%);
         border-radius: 6px;
         padding: 9px;
         box-sizing: border-box
         }
         .bg-d-green {
         background-color: #203535;
         }
         .text-green {
         color: #203535;
         }
         .golden-text {
         color: #ddbe92;
         }
         .fs-14 {
         font-size: 14px;
         }
         .p-015 {
         padding: .15rem !important;
         }
         .navbar-nav {
         padding: 12px 24px;
         }
         .img-top {
         width: 337px;
         height: auto;
         margin-top: -75px;
         }
         .heading-large {
         font-family: 'Arial', sans-serif;
         color: white;
         font-size: 66px;
         font-weight: 900;
         margin-top: -41px;
         }
         .heading-small {
         font-family: 'Arial', sans-serif;
         color: white;
         font-size: 46px;
         font-weight: 900;
         }
         .button-top {
         margin-top: -138px;
         }
         .navbar {
         display: flex;
         justify-content: space-between;
         align-items: center;
         }
         .navbar-content {
         display: flex;
         justify-content: flex-end;
         align-items: center;
         }
         .for-p {
         color: white;
         font-size: 17px;
         margin-bottom: 0;
         flex: 1;
         }
         .for-p {
         text-align: center;
         margin-left: 74px;
         font-size: 22px;
         }
         .navbar-content {
         flex-basis: auto;
         }
         .img-top {
         width: 450px;
         height: auto;
         margin-top: -100px;
         }
  
  
         .new-select {
         background-image: none !important;
         }
       
         #new-form .iti__selected-dial-code {
         color: rgb(0, 0, 0, 0.92);
         }
         #new-form .iti__arrow {
         border-top: 4px solid #ffffff;
         }
         #phone {
         padding-left: 94px !important;
         }
 
         #mainNavbar {
         transition: background-color 0.3s ease-in-out;
         }
         #mainNavbar.navbar-toggled {}
         mark {
         background-color: #606F85;
         color: white;
         padding: 0px 0px;
         }
         p {
         font-family: Almarai;
         }
         #mainNavbar {
         display: flex;
         justify-content: space-between;
         align-items: center;
         padding: 0 20px;
         background-color: #132A4C;
         }
         .hamburger-icon img {
         width: 30px;
         cursor: pointer;
         }
         .text-container {
         display: flex;
         flex-direction: column;
         justify-content: center;
         text-align: right;
         line-height: 19px;
         margin-right: 10px;
         }
         .text-container span {
         font-family: 'Almarai', sans-serif;
         }
         .logo-container img {
         width: 50px;
         height: auto;
         }
   
         .card-custom {
         border: none;
         border-radius: 10px;
         background-color: #CECECE;
         padding: 13px 13px;
         font-family: 'Arial', sans-serif;
         max-width: 600px;
         margin: auto;
         border: 1px solid #606F85;
         }
         .badge-custom {
         background-color: #2b6b2d;
         color: white;
         padding: 0px 4px 0px 27px;
         margin-right: -13px;
         font-size: 0.9rem;
         clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 15% 50%, 0% 0%);
         }
         .course-title {
         font-weight: bold;
         font-size: 1.5rem;
         color: #132A4C;
         }
         .text-muted {
         color: #132A4C !important;
         }
         .rating {
         color: #132A4C;
         font-weight: bold;
         }
         .details {
         font-size: 0.9rem;
         color: #132A4C;
         }
    
     
         .btn-subscribe {
         background-color: #BA0C2F;
         color: white;
         font-weight: bold;
         padding: 0px;
         border-radius: 0px;
         text-decoration: none;
         font-size: 12px;
         font-family: Almarai;
         }
         .btn-subscribe:hover {
         background-color: #b71c1c;
         text-decoration: none;
         }
         .arrow {
         margin-right: 5px;
         margin-left: 5px;
         }
         .social-icons {
         list-style-type: none;
         padding: 0;
         }
         .social-icons li {
         display: inline-block;
         margin-right: 10px;
         }
         .social-icons .btn-block {
         display: inline-block;
         background-color: black;
         color: white;
         border-radius: 50%;
         text-align: center;
         width: 40px;
         height: 40px;
         line-height: 40px;
         transition: all 0.3s ease;
         }
         .social-icons .btn-block:hover {
         transform: scale(1.1);
         }
         .iti-mobile .iti__country-list {
         max-height: 50%;
         width: 77%;
         margin-top: 46px;
         margin-left: 50%;
         margin-right: 10%;
         }
         .footer-dark li {
         color: black !important;
         font-family: 'arial';
         font-size: 20px !important;
         }
     
         .accordion-1 #collapse-1-1,
         .accordion-1 #collapse-1-2,
         .accordion-1 #collapse-1-3,
         .accordion-1 #collapse-1-4,
         .accordion-1 #collapse-1-5,
         .accordion-1 #collapse-1-6,
         .accordion-1 #collapse-1-7,
         .accordion-1 #collapse-1-8,
         .accordion-1 #collapse-1-9,
         .accordion-1 #collapse-1-10,
         .accordion-1 #collapse-1-11,
         .accordion-1 #collapse-1-12,
         .accordion-1 #collapse-1-13,
         .accordion-1 #collapse-1-14,
         .accordion-1 #collapse-1-15,
         .accordion-1 #collapse-1-16,
         .accordion-1 #collapse-1-17,
         .accordion-1 #collapse-1-18,
         .accordion-1 #collapse-1-19,
         .accordion-1 #collapse-1-20 {
         background-color: #5A687C;
         color: white;    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
         }
         .accordion-1 .card-header[aria-expanded="true"] {
         background-color: #525f72;
         border-bottom: 1px solid #ffe2c4;
         }
         .accordion .card-header[aria-expanded="false"]:after {
         content: '';
         display: inline-block;
         width: 22px;
         height: 22px;
         background: url('/images/arrow-faq.svg') no-repeat center center;
         background-size: contain;
         margin-left: 10px;
         }
         .accordion .card-header[aria-expanded=true]:after {
         content: '';
         display: inline-block;
         width: 20px;
         height: 20px;
         background: url('/images/arrow-faq-2.svg') no-repeat center center;
         background-size: contain;
         margin-left: 10px;
         }
         .accordion-1 .card-header[aria-expanded="true"] {
         background-color: #525f72;
         border-bottom: 2px solid #afafaf;
         }
         .bg-dark-blue {
         background-color: #132a4c !important;
         }
      
         
         @media (max-width: 400px) {
         .p-1 {
         font-size: 20px;
         font-family: 'almarai', sans-serif;
         @media (max-width: 400px) {
         .belaaa::before {
         left: 0;
         width: 55%;
         }
         }
         @media (max-width: 450px) {
         .belaaa::before {
         left: 0;
         width: 48%;
         }
         .navbar-content {
         justify-content: flex-end;
         }
         .for-p {
         text-align: right;
         margin-left: 22px;
         font-size: 17px;
         }
         .button-top {
         margin-top: -60px;
         }
         .heading-large {
         font-size: 66px;
         margin-top: -47px;
         }
         .heading-small {
         font-size: 46px;
         }
         .img-top {
         width: 337px;
         margin-top: -85px;
         }
         .navbar-nav {
         padding: 12px 24px;
         }
         }
         @media (max-width: 400px) {
      
      
         .bullet-list li {
         }
         .my-button span {
         font-size: 20px;
         }
         .accordion .card-header[aria-expanded="false"]:after {
         width: 16px;
         height: 16px;
         }
         .accordion .card-header[aria-expanded="true"]:after {
         width: 16px;
         height: 16px;
         }
         .footer-dark .footer-link,
         .footer-dark .list-unstyled li a,
         .footer-dark .nav .nav-item .nav-link {
         font-size: 18px !important;
         }
         .footer-contact {
         font-size: 14px !important;
         }
         }
         @media (min-width: 1024px) {
        
         .bullet-list li {
         margin-bottom: 9px;
         line-height: 38px;
         }
         .bullet-list li::before {
         line-height: 38px;
         width: 30px;
         height: 38px;
         }
         }
         .my-button span {
         color: white;
         font-size: 26px;
         }