.Baner-Slide-Box img , .feroz4567 {
    width: 100%;
    object-fit: cover;
    border-radius: 30px;
    min-height: 320px;
}
section.Prayer-Time {
    background: #E7EBF2;
    padding: 20px 0px;
}
section.Home-Banner .col-md-12 {
    padding: 0px;
}
section.Prayer-Time .container {
    background: white;
    padding: 50px 20px;
    border-radius: 40px;
}
.Prayer-Heading {
    display: flex;
    align-items: center;
    gap: 20px;
}
.Islamic-men {
    max-width: 55px;
    margin-top: -15px;
}
.Islamic-men img {
    width: 100%;
}
.Prayer-Heading h3 {
    font-size: 52px;
    font-family: Poppins;
    font-weight: bold;
    color: #8646f1;
    margin: 0px;
}
.Urdu-text {
    max-width: 200px;
}
.Urdu-text img {
    width: 100%;
}
.Prayer-Heading span {
    background: #8646f1;
    padding: 18px 1px;
    margin: 0px 9px;
}
.Prayer-Col {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 26px;
    margin-top: 60px;
}
.Prayer-Box p {
    font-size: 22px;
    font-family: Poppins;
    color: #ae123f;
    font-weight: bolder;
    margin: 0px;
    padding-left: 25px;
    transition: all ease-in-out 0.3s;
}
.Prayer-Box:hover {
    background: #CC0A3E;
}

.Prayer-Box:hover h2 {
    color: #fbd91b;
}
.Prayer-Box:hover p {
    color: white;
}
.Prayer-Box {
    box-shadow: 1px 0px 5px 3px #756e6e52;
    background: #E7EBF2;
    position: relative;
    width: 100%;
    padding: 30px 20px 20px 20px;
    border-radius: 32px;
    transition: all ease-in-out 0.3s;
    cursor: pointer;
}
.Prayer-Box h2 {
    font-size: 44px;
    color: #9944F6;
    font-family: Itikaf FREE;
    font-weight: 500;
    transition: all ease-in-out 0.3s;
}
.Img-Clock {
    width: 75px;
    position: absolute;
    top: -30px;
    right: 6px;
}
.Img-Clock img {
    width: 100%;
    object-fit: cover;
}
.Prodct-Img {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
section.Home-Banner {
    background: #E7EBF2;
    padding: 20px 0px;
}
.Prodct-Img figure {
    width: 206px;
    margin: 0px;
}
.ProdSlide-Main::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(166,42,55);
    background: linear-gradient(180deg, rgb(166 42 55 / 0%) 7%, rgb(166 42 55 / 50%) 85%, rgb(166 42 55 / 53%) 96%);
    top: 0;
    left: 0;
    margin: auto;
    right: 0;
    bottom: 0;
    border-radius: 50px;
    z-index: 1;
}
.ProdctSlide {
    position: relative;
    z-index: 2;
}
.Prodct-Img figure img {
    width: 100%;
}
.ProdctSlide h5 {
    font-size: 13px;
    font-family: Poppins;
    color: #595859;
    margin: 0px;
}
.ProdctSlide h2 {
    font-size: 22px;
    font-family: Poppins;
    color: #89333e;
    font-weight: 700;
    margin: 0px;
}
.ProdSlide-Main {
    background: #D2D5DA;
    position: relative;
    padding: 30px 30px;
    border-radius: 50px;
    margin-left: 20px;
}
.Intro-Sec {
    display: flex;
    align-items: center;
    gap: 30px;
    box-shadow: 1px 0px 5px 3px #756e6e21;
    background: white;
    border-radius: 40px;
    padding: 28px 28px;
}
section.Intro-Shazil {
    background: #E7EBF2;
    padding: 40px 0px;
}
section.Intro-Shazil .col-md-9, section.Intro-Shazil .col-md-3 {
    padding: 0px;
}
.introImg img {
    width: 260px;
    height:500px;
    object-fit: cover;
    border-radius: 35px;
    box-shadow: 1px 0px 5px 3px #756e6e52;
    border: 6px solid white;
}
.Intro-Content h3 {
    font-size: 32px;
    font-family: Oswald;
    color: #49494a;
    font-weight: 600;
    margin: 0px;
}
.Intro-Content h2 {
    font-size: 52px;
    font-weight: 700;
    /* font-family: Nexa; */
    margin: 0px;
    color: #FFA000;
}
.Intro-Content p {
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
    color: #FFA000;
}
.Btn-icon {
    position: absolute;
    right: -10px;
    top: 15px;
}
.Btn-icon a {
    background: #9944F6;
    padding: 7px 10px;
    border-radius: 50px;
    border: 1px solid #9944F6;
    transition: 0.3s;
}
.Btn-icon a:hover {
    background: transparent;
}
.Btn-icon a:hover svg {
    color: #9944F6;
    transition: all ease-in-out 0.3s;
}
.Btn-icon a svg {
    color: white;
    font-size: 16px;
}
h2.Heading-Main {
    font-size: 42px;
    font-family: Poppins;
    color: #8646f1;
    font-weight: 700;
    margin: 0px;
}
.Feature-postupld {
    position: relative;
    margin-top: 20px;
}
.Feature-postupld figure {
    width: 100%;
}


.BtnLink {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
.BtnLink a {
    padding: 10px 34px;
    background: #9944F6;
    border-radius: 40px;
    color: white;
    font-family: Poppins;
    font-size: 18px;
    text-decoration: none;
    font-weight: 700;
    border: 1px solid #9944F6;
    transition: 0.3s;
}
.BtnLink a:hover {
    background: transparent;
}
.Feature-postupld figure img {
    border-radius: 40px;
    object-fit: cover;
}
section.FeatureProdcts {
    background: #E7EBF2;
    padding: 20px 0px;
}
.Rectposts-sec::-webkit-scrollbar {
    width: 4px;
    background-color: #FBD91B;
}
.Rectposts-sec::-webkit-scrollbar-thumb {
    background-color: #8646F1;
    border-radius: 4px;
}
img {
    width: 100%;
}
.Rectpost figure {
    width: 240px;
    margin: 0px;
    height: 100px;
}
.Rectpost {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    margin-bottom: 0px;
    border-bottom: 2px solid #9944f645;
    padding: 12px 0px;
}
.Rectpost figure img {
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    height: 110px;
}
.RectPst-Title h3 {
    font-size: 25px;
    font-family: Oswald;
    color: black;
    font-weight: 400;
    margin: 0px;
}
.RectPst-Title p {
    font-size: 15px;
    font-family: Poppins;
    color: black;
    line-height: 26px;
    margin-top: 5px;
    margin-bottom: 0px;
}
.Watch-btn a {
    padding: 8px 25px;
    background: #9944F6;
    border-radius: 40px;
    color: white;
    font-family: Poppins;
    font-size: 15px;
    text-decoration: none;
    font-weight: 400;
    border: 1px solid #9944F6;
    transition: 0.3s;
}
button#slick-slide-control00 {
    display: none !important;
}
button#slick-slide-control01 {
    display: none;
}
button#slick-slide-control02 {
    display: none;
}
button#slick-slide-control03 {
    display: none;
}
button#slick-slide-control04 {
    display: none;
}
button#slick-slide-control05 {
    display: none !important;
}
button#slick-slide-control06 {
    display: none !important;
}
.slick-active::marker {
    color:black;
}
::marker {
    color: gray !important;
}
.slick-active {
    color :black !important;
    width: 10px;
}
ul.slick-dots {
    display: ruby;
    margin: auto;
    width: 100%;
    margin-left: 500px;
}
.Watch-btn a:hover {
    background: transparent;
    color: #9944F6;
}
.Watch-btn {
    text-align: end;
}
.Rectposts-sec {
    box-shadow: 1px 0px 5px 3px #756e6e21;
    background: white;
    border-radius: 40px 0px 0px 40px;
    padding: 16px 22px;
    margin-top: 20px;
    max-height: 500px;
    overflow-y: auto;
}

/* INNER PAGES CSS START HERE */
body{
    background-color: #e7ecf2 !important;
}
.courses-banner{
    padding: 50px 20px;
}
.courses-banner .courses-container{
    max-width: 1280px;
    margin: 0 auto;
}
.courses-banner .courses-container .courses-wrap{
    height: 440px;
    background-image: url('../img/courses-banner-bg-2.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 0 40px;
    border-radius: 70px;
}
.courses-banner .courses-container .courses-wrap .text-wrap h2{
    font-size: 120px;
    font-weight: 800;
    color: #182e42;
    font-family: "AcuminConcept", sans-serif;
    margin: 0;
    text-transform: uppercase;
}
.courses-banner .courses-container .courses-wrap .text-wrap h2 span{
    font-size: 120px;
    font-weight: 700;
    font-style: italic;
    color: #2e56f4;
    font-family: "The Historia";
    text-transform: lowercase;
    margin-left: -70px;
}
.courses-banner .courses-container .courses-wrap .text-wrap h3{
    font-size: 60px;
    font-weight: 800;
    color: #4e1091;
    font-family: "Zuume Soft", sans-serif;
    text-transform: uppercase;
    margin: -30px 0 0;
}
.taq-healing .taq-healing-container{
    max-width: 1280px;
    margin: 0 auto;
}
.taq-healing .taq-healing-container .course-details{
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}
.taq-healing .taq-healing-container .course-details .course-details-wrap{
    width: 260px;
    padding: 40px 0;
    border-radius: 40px;
    background-color: white;
    position: relative;
}
.taq-healing .taq-healing-container .course-details .course-details-wrap:after {
    content: "";
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: black;
    display: block;
    position: absolute;
    bottom: -22px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.taq-healing .taq-healing-container .course-details .course-details-wrap h2 {
    font-size: 40px;
    color: #103246;
    font-family: "Helvetica Rounded", sans-serif;
    text-align: center;
    margin: 0;
    font-weight: 800;
    line-height: 45px;
    position: relative;
}
.taq-healing .taq-healing-container .course-details .course-details-wrap h2:after {
    content: "";
    width: 80px;
    height: 11px;
    background: black;
    display: block;
    border-radius: 50px 50px 0 0;
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.book-section{
    padding: 40px;
    border-radius: 40px;
    background-color: white;
    background-image: url(second-sec-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
}
.book-section .book-wrap{
    display: flex;
}
.book-section .book-wrap .book{
    width: 35%;
    background-color: #edf5f8;
    padding: 60px 40px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
}
.book-section .book-wrap .text-wrap{
    width: 80%;
    padding-left: 40px;
}
.book-section .book-wrap .text-wrap h2{
    font-size: 60px;
    color: #455eaf;
    font-weight: bold;
    font-family: "Gotham";
    margin: 0;
}
.book-section .book-wrap .text-wrap h2 span{
    font-size: 30px;
    color: #455eaf;
    font-family: "Gotham";
}
.book-section .book-wrap .text-wrap h3{
    font-size: 45px;
    color: #455eaf;
    font-family: "Gotham Rounded";
    margin: 0;
}
.book-section .book-wrap .text-wrap .rating{
    display: flex;
    align-items: center;
    column-gap: 10px;
    padding-bottom: 20px;
}
.book-section .book-wrap .text-wrap .rating h4{
    font-size: 30px;
    color: #949494;
    font-family: "Gotham";
    margin: 0;
}
.book-section .book-wrap .text-wrap .rating .stars{
    display: flex;
}
.book-section .book-wrap .text-wrap .rating .stars i{
    font-size: 30px;
    font-family: "Font Awesome";
    color: #949494;
    font-family: "Gotham";
}
.book-section .book-wrap .text-wrap .icon-listing .icons{
    display: flex;
    column-gap: 10px;
    margin-bottom: 15px;
}
.book-section .book-wrap .text-wrap .icon-listing .icons p{
    font-size: 30px;
    color: #6f6f6f;
    font-family: "Gotham";
    margin: 0;
}
.book-section .book-wrap .text-wrap .icon-listing .icons img {
    object-fit: contain;
    width: 4%;
}
.book-section .book-wrap .text-wrap .btn-wrap{
    display: flex;
    column-gap: 15px;
    margin-top: 40px;
}
.book-section .book-wrap .text-wrap .btn-wrap .bg-dark-blue, .book-section .book-wrap .text-wrap .btn-wrap .bg-light-blue, .book-section .book-wrap .text-wrap .btn-wrap .bg-green{
    padding: 1px 36px;
    text-decoration: none;
    font-size: 17px;
    line-height: 25px;
    color: #fefefe;
    font-weight: bold;
    font-family: "Gotham";
    background-color: #3d56aa;
    border-radius: 15px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 121px;
}
.book-section .book-wrap .text-wrap .btn-wrap .bg-dark-blue span{
    font-size: 20px;
    color: #fefefe;
}
.book-section .book-wrap .text-wrap .btn-wrap .bg-light-blue{
    background-color: #264bc3;
    text-decoration: underline;
}
.book-section .book-wrap .text-wrap .btn-wrap .bg-green{
    background-color: #45b333;
}
.main-tabs-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.main-tabs-wrap .nav-tabs{
    justify-content: center;
    margin-bottom: 50px;
    background: white;
    padding: 0px;
    border-radius: 20px;
}
.main-tabs-wrap .nav-tabs .nav-item .nav-link {
    padding: 25px 60px;
    border-radius: 10px !important;
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    color: #6f6f6f;
    font-family: "Gotham";
    position: relative;
}
.main-tabs-wrap .nav-tabs .nav-item .nav-link.active, .main-tabs-wrap .nav-tabs .nav-item .nav-link:hover{
    border: none !important;
}
.main-tabs-wrap .nav-tabs .nav-item .nav-link.active:before {
    content: "";
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: black;
    display: block;
    position: absolute;
    bottom: -22px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.main-tabs-wrap .nav-tabs .nav-item .nav-link.active:after {
    content: "";
    width: 80px;
    height: 11px;
    background: black;
    display: block;
    border-radius: 50px 50px 0 0;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.tab-content .book-wrapper{
    display: flex;
    column-gap: 60px;
    border-radius: 20px;
}
.tab-content .book-wrapper .book-wrap{
    width: 30% !important;
}
.tab-content .book-wrapper .book-wrap .book {
    width: 100%;
}
/* INNER PAGE CSS ENDED HERE */



@media (min-width: 1200px){
    .container {
    max-width: 1270px !important;
}
} 





/* FAHAD CSS ONWARDS */

   
@font-face {
    font-family: 'Itikaf FREE';
    src: url('/fonts/itikaf/ItikafFREE.eot');
    src: url('ItikafFREE.eot?#iefix') format('embedded-opentype'),
        url('ItikafFREE.woff2') format('woff2'),
        url('ItikafFREE.woff') format('woff'),
        url('ItikafFREE.ttf') format('truetype'),
        url('ItikafFREE.svg#ItikafFREE') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'About Love';
    src: url('/assets/fonts/AboutLove.eot');
    src: url('AboutLove.eot?#iefix') format('embedded-opentype'),
        url('AboutLove.woff2') format('woff2'),
        url('AboutLove.woff') format('woff'),
        url('AboutLove.ttf') format('truetype'),
        url('AboutLove.svg#AboutLove') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.container {
    max-width: 1270px;
    width: 100%;
    margin: auto;
font-family: sans-serif;}
img.logo-img {
width: 100px;
}

/* HOME PAGE CSS START HERE */
.header-1 {
    display: flex;
    max-width: 5000px;
    width: 100%;
    /* justify-content: center; */
}
.envelope {
    width: 100%;
    margin-top: 28px;
    
}
.envelope i {
    color: #ABB0B6;
   
    width: 22px;
    
}
.envelope b {
    color: #ABB0B6;
    font-size: medium;
    font-weight: 200;
    font-family: system-ui;
}


.button-cart-student-login-manage-quotion {
    display: flex;
    /* width: 100%; */
    margin: auto;
    /* margin-bottom: 61px; */
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.button-cart-student-login-manage-quotion button {
    /* width: 100%; */
    padding: 6px 20px;
    margin: 2px;
    border: 1px solid #9944F7;
    background: none;
    border-radius: 6px;
    color: #9944F7;
    margin-top: 20px;
    font-weight: 600;
}
.button-cart-student-login-manage-quotion :hover {
    color: white;
    background-color:#9944F7;
}
.nav {
    display: flex;
    width: 100%;
    justify-content: center;
}



.nav ul {
    display: flex;
    list-style: none;
    margin: auto;
    width: 100%;
    column-gap: 55px;
    text-transform: capitalize;
    background-color: #EFF3FC;
    padding: 16px;
    margin-left: 128px;
    border-radius: 49px 0px 0px 0px;
    margin-top: 12px;
}
.nav a {
    text-decoration: none;
    color: black;
    font-size: medium;
    font-weight: 600;
    margin: 8px;
}
.nav a {
    text-decoration: none;
    color: black;
    font-size: medium;
    font-weight: 500;

}

.nav :hover {
    color:#9944F7;
    /* text-decoration: underline; */
}
/* header-end */

img.surah-quraish-banner {
    width: 100%;
    border-radius: 40px;
    padding: 6px;
    margin-bottom: 50px;
}
.welcome-banner{
    width: 100%;
    border-radius: 40px;
    padding: 6px;
    margin-bottom: 50px;
}
.muslim-man-img figure {
    width: 100px;
}
img.muslim-boy {
    width: 100%;
}



.namaz-timing {
    display: flex;
   
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: auto;
}
img.namaz-timing-heading {
    width: 70%;
    margin-top: 29px;
}
.timing {
    display: flex;
    
}
.all-prayer-time {
    background-color: white;
    border-radius: 31px;
    padding: 10px;
}
.Prayer-tp {
    display: grid;
    grid-template-columns: 1fr auto;
}
.loction {
    display: flex;
    align-items: center;
}
.loction select {
    width: 220px;
    height: 35px;
    border-radius: 5px;
    font-size: 16px;
    font-family: 'Oswald';
}
/* clock section start */
.prayer-time{
    border-color: #EFF3FC;
}
img.time {
    width: 100%;
}
.fajar-namaz-time figure {
    width: 140px;
}
.clock-time {
    display: flex;
    margin-top: 34px;
}

.fajar-namaz-time {
    /* display: flex; */
    background-color: #EFF3FC;
    margin: 7px;
    width: 100%;
    /* column-gap: 1rem; */
    border-radius: 39px;
    justify-content: center;
    align-items: center;
    padding: 6px;
    text-transform: capitalize;
    font-family: 'Itikaf free';
    font-size: medium;
    position: relative;
    min-height: 129px;
}
img.time {
    width: 36%;
    position: absolute;
    right: 0px;
    top: -36px;
}
.heading-of-clock {
    width: 100%;
    margin: auto;
    margin-top: 20px;
    
}
.heading-of-clock p {
    text-transform: none;
    margin-top: 22px;
    font-size: x-large;
    font-weight: 600;
}
.heading-of-clock h2 {
    color: #A88CE9;
}
.clock-time :hover {
    background-color: #CC0A3E;
}
.heading-of-clock h2:hover {
    color:#FEDB00;
}
.heading-of-clock h2 {
    margin-left: 20px;
}
.heading-of-clock p {
    margin-left: 61px;
}
.heading-of-clock p:hover {
    color: white;
}

img.hazat-sb-img-1 {
    width: 228px;
    border-radius: 24px;
    border: 6px solid whitesmoke;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

img.kaash {
    width: 362px;
    border-radius: 19px;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}
.hazat-sb-imtroduction {
    display: flex;
    column-gap: 20px;
    margin-top: 50px;
}



.shazli-introduction {
    display: flex;
    border-radius: 22px;
    justify-content: center;
    width: 100%;
    margin: auto;
    align-items: center;
    padding: 10px;
    background-color: white;
}
.indroduction-heading {
    width: 100%;
    max-width: 500px;
    margin: auto;
}


.indroduction-heading h3 {
    color: #FF9F00;
    font-size: xx-large;
    font-weight: 700;
    text-transform: capitalize;
    font-family: unset;
}
.indroduction-heading p {
    text-transform: capitalize;
    font-size: medium;
    font-weight: 400;
    color: #FF9F00;
}

.our-product {
    display: flex;
    width: 100%;
    margin: auto;
    justify-content: center;
    align-items: center;
}
.indroduction-heading h2 {
    font-size: xxx-large;
    font-weight: 600;
    text-transform: capitalize;
    width: 100%;
    font-family: sans-serif;
}


.introduction{
    background-color: #ABB0B6;
}


.featured-post figure {
    width: 140px;
}


img.technology {
    width: 100%;
    border-radius: 15px;
    margin-top: 10px;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}
.post-1 img {
    width: 100%;
}
.post-1 figure {
    width: 140px;
}
.post-heading a {
    background-color: #A2D39C;
    padding: 5px 49px;
    border-radius: 39px;
    width: 32px;
    text-decoration: none;
    color: white;
    font-size: medium;
    margin-left: 190px;
    text-align: center;
    justify-content: center;
}

.featured-post-recently-post {
    margin-top: 50px;
    display: flex;
}
.recently {
    display: flex;
}
.featured-post figure {
    width: 372px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.featured-post {
    width: 100%;
    margin: auto;
    align-items: center;
    justify-content: center;
    margin-left: 64px;
}
.featured-post h2 {
    text-transform: capitalize;
    font-size: -webkit-xxx-large;
    font-weight: 700;
    font-family: system-ui;
    color: blueviolet;
    justify-content: center;
    align-items: center;
}
.recently-post h2 {
    text-transform: capitalize;
    font-size: -webkit-xxx-large;
    font-weight: 700;
    
    justify-content: center;
    align-content: center;
    color: blueviolet;
}
.post-heading {
    width: 100%;
    margin: auto;
    margin-left: 10px;
}
.post-heading h2 {
    font-size: x-large;
}

.featured-post figure {
    width: 472px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.r-post {
    margin-top: 14px;
    background-color: white;
    border-radius: 20px;
    padding: 12px;
    
}
.post-1 img {
    border-radius: 13px;
}
.post-1 figure {
    width: 200px;
}
iframe {
    border-radius: 36px;
}
header .row {
    position: relative;
   
}
.logo img {
    position: absolute;
}

.color-gary{
    background-color: #E7ECF2;
}
.banner {
    margin-top: 50px;
}

.youtube {
    margin-top: 50px;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: whitesmoke;
}
.slick-dots li.slick-active button:before {
    opacity: .75 !important;
    color: white !important;
}

.slick-dots li button:before {
    
    font-size: 15px !important;
    
    top: -87px !important;
    
    color: whitesmoke !important;
    
}
.slick-dotted.slick-slider {
    margin-bottom: 0px !important;
}
.heading-of-clock p {
    margin-left: 61px;
    color: #CA0035;
}
.indroduction-heading h2 {
    font-size: xx-large;
    font-weight: 800;
    text-transform: capitalize;
    width: 100%;
    font-family: system-ui;
}

img.kaash {
    width: 100% !important;
    border-radius: 19px;
    /* box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); */
    height: 356px;
    object-fit: cover;
    object-position: top;
}
.header-mobile{display: none;}

/* HOME CSS ENDED HERE */

/* COURSE DETILAS PAGE START HERE */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,500;1,500&family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Varela+Round&display=swap');
.container {
    max-width: 1270px !important;
    width: 100%;
    margin: auto;
font-family: sans-serif;}
img.logo-img {
width: 100px;
}
.header-1 {
    display: flex;
    max-width: 5000px;
    width: 100%;
    /* justify-content: center; */
}
.envelope {
    width: 100%;
    margin-top: 28px;
    
}
.envelope i {
    color: #ABB0B6;
   
    width: 22px;
    
}
.envelope b {
    color: #ABB0B6;
    font-size: medium;
    font-weight: 200;
    font-family: "Varela Round", sans-serif;
}


.button-cart-student-login-manage-quotion {
    display: flex;
    /* width: 100%; */
    margin: auto;
    /* margin-bottom: 61px; */
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.button-cart-student-login-manage-quotion button {
    /* width: 100%; */
    padding: 6px 20px;
    margin: 2px;
    border: 1px solid #9944F7;
    background: none;
    border-radius: 6px;
    color: #9944F7;
    margin-top: 20px;
    font-weight: 600;
}
.button-cart-student-login-manage-quotion :hover {
    color: white;
    background-color:#9944F7;
}
.nav {
    display: flex;
    width: 100%;
    justify-content: center;
}



.nav ul {
    display: flex;
    list-style: none;
    margin: auto;
    width: 100%;
    column-gap: 55px;
    text-transform: capitalize;
    background-color: #EFF3FC;
    padding: 16px;
    margin-left: 128px;
    border-radius: 49px 0px 0px 0px;
    margin-top: 12px;
}
.nav a {
    text-decoration: none;
    color: black;
    font-size: medium;
    font-weight: 600;
    margin: 8px;
}
.nav a {
    text-decoration: none;
    color: black;
    font-size: medium;
    font-weight: 500;

}

.nav :hover {
    color:#9944F7;
    /* text-decoration: underline; */
}
.header-logo-1 {
    display: flex;
}
.header-logo-1 .row {
    position: relative;
   
}
.logo img {
    position: absolute;
}
/* header-end */
/* section-of-banner-start */
img.courses-banner {
    width: 100%;
}
.crous-banner figure {
    width: 100%;
    /* border-radius: 20px; */
}

img.courses-banner {

    
    display: flex;
    width: 100%;
    margin: auto;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
}


   
    .crous-banner {
        justify-content: center;
        width: 80%;
        margin-top: 50px;
        margin: auto;
        margin-top: 50px;
        margin-left: 121px;
    }

    .color-gary{
        background-color: #E7ECF2;
    }
    
    .heading {
        text-transform: capitalize;
        background-color: white;
        width: 276px;
        justify-content: center;
        align-items: center;
        margin: auto;
        border-radius: 31px;
        padding: 6px;
        margin-top: 19px;
        height: 116px;
    }
   
    
    .heading h2 {
        width: 100%;
        margin: auto;
        text-align: center;
        font-size: xx-large;
        font-weight: 700;
        font-family: system-ui;
        padding: 4px;
        color: #0F3246;
        
        position: relative;
    }
    .heading h2:hover:before {
        content: "";
        height: 7px;
        width: 7px;
        background: black;
        display: block;
        border-radius: 50px;
        position: absolute;
        bottom: -18px;
        left: 0;
        right: 0;
        margin: 0 auto;

    }
    .heading h2:hover:after {
        content: "";
        background: black;
        height: 7px;
        width: 42px;
        display: block;
        position: relative;
        bottom: -7px;
        left: 0;
        right: 0;
        margin: 0 auto;
        border-radius: 10px 10px 0px 0px;
        margin-top: 10px;
    }
    /* sention :end */
    
    .healing {
        display: flex;
        width: 79%;
        margin: auto;
        background-color: white;
        border-radius: 16px;
        margin-top: 50px;
    }
    img.book {
        width: 100%;
        border-radius: 22px;
    }
    img.book {
        width: 100%;
        border-radius: 36px;
        padding: 10px;
    }
    .book-image figure {
        width: 287px;
    }
    .healing {
        display: flex;
    }
    .level-01 {
        text-transform: capitalize;
        font-size: medium;
        /* display: grid; */
        /* margin-right: 20px; */
        padding: 27px;
    }
    .level-01 h2 {
        font-size: xx-large;
        font-weight: 700;
        color: #324da8;
        width: 100%;
        margin: auto;
        align-items: center;
      
    }
    .level-01 span {
        font-size: medium;
        font-weight: 300;
    }
    .level-01 h3 {
        font-size: x-large;
        font-weight: 200;
        color: #324da8;
        width: 100%;
        margin: auto;
        align-items: center;
        
    }
    .level-01 h4 {
        font-size: larger;
        color: gray;
        font-weight: 500;
    }
    .level-01 ul {
        list-style: none;
        margin: auto;
        display: contents;
        margin-top: 10px;
    }
    
    .level-01 ul li {
        display: flex;
        align-items: baseline;
        gap: 17px;
        color: gray;
    }
    .level-01 a {
        background-color: #3D56AA;
        margin: 6px;
        padding: 10px 20px;
        border-radius: 6px;
        text-decoration: none;
        color: white;
    }
    .heading-4 {
        display: flex;
        gap: 4px;
    }
    .heading-4 i {
        margin-top: 7px;
        font-size: 12px;
        margin-right: 0px;
        color: gray;
    }
    .healing{
        background-image: url("page-2-section-2.png");
        background-position: center center;
        background-size: cover;
        
    }
    .popup {
        width: 100%;
        height: 100%;
        
        background-color: rgba(0, 0, 0, .3);
        display: grid;
        place-content: center;
        border-radius: 38px;
        position: absolute;
        opacity: 0;
        pointer-events: none;
        transition: 200ms ease-in-out opacity;
    }
    .popup-contant{
        width: 40vw;
        background-color: #fff;
        padding: 5rem;
        box-shadow: 0 0 .5em rgba(0, 0, 0, .5);
        border-radius: .5em;
         opacity: 0;
        transform: translateY(20%); 
        transition: 20ms ease-in-out opcity,
                    20ms ease-in-out transform;
                    position: relative;
    }
    .popup h2{
        position: absolute;
        top: 2rem;
        right: 2rem;
        line-height: 1;
        cursor: pointer;
        user-select: none;
    }
    .popup h2 :active{
        transform: scale(.9);
        
    }
    .showpopup {
        opacity: 1;
        transform: translateY(0);
        pointer-events: all;


    }

/* COURSE DETIALS PAGE ENDED HERE */

/* COURSE PAGE START HERE */
.container {
    max-width: 1270px !important;
    width: 100%;
    margin: auto;
font-family: sans-serif;}
img.logo-img {
width: 100px;
}
.header-1 {
    display: flex;
    max-width: 5000px;
    width: 100%;
    /* justify-content: center; */
}
.envelope {
    width: 100%;
    margin-top: 28px;
    
}
.envelope i {
    color: #ABB0B6;
   
    width: 22px;
    
}
.envelope b {
    color: #ABB0B6;
    font-size: medium;
    font-weight: 200;
    font-family: system-ui;
}


.button-cart-student-login-manage-quotion {
    display: flex;
    /* width: 100%; */
    margin: auto;
    /* margin-bottom: 61px; */
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.button-cart-student-login-manage-quotion button {
    /* width: 100%; */
    padding: 6px 20px;
    margin: 2px;
    border: 1px solid #9944F7;
    background: none;
    border-radius: 6px;
    color: #9944F7;
    margin-top: 20px;
    font-weight: 600;
}
.button-cart-student-login-manage-quotion :hover {
    color: white;
    background-color:#9944F7;
}
.nav {
    display: flex;
    width: 100%;
    justify-content: center;
}



.nav ul {
    display: flex;
    list-style: none;
    margin: auto;
    width: 100%;
    column-gap: 55px;
    text-transform: capitalize;
    background-color: #EFF3FC;
    padding: 16px;
    margin-left: 128px;
    border-radius: 49px 0px 0px 0px;
    margin-top: 12px;
}
.nav a {
    text-decoration: none;
    color: black;
    font-size: medium;
    font-weight: 600;
    margin: 8px;
}
.nav a {
    text-decoration: none;
    color: black;
    font-size: medium;
    font-weight: 500;

}

.nav :hover {
    color:#9944F7;
    /* text-decoration: underline; */
}
.header-logo-1 {
    display: flex;
}
.header-logo-1 .row {
    position: relative;
   
}
.logo img {
    position: absolute;
}
/* header-end */
/* section-of-banner-start */
img.courses-banner {
    width: 100%;
}
.crous-banner figure {
    width: 100%;
    /* border-radius: 20px; */
}

img.courses-banner {

    
    display: flex;
    width: 100%;
    margin: auto;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
}


   
    .crous-banner {
        justify-content: center;
        width: 80%;
        margin-top: 50px;
        margin: auto;
        margin-top: 50px;
        margin-left: 121px;
    }

    .color-gary{
        background-color: #E7ECF2;
    }
    
    .heading {
        text-transform: capitalize;
        background-color: white;
        width: 600px;
        justify-content: center;
        align-items: center;
        margin: auto;
        border-radius: 31px;
        padding: 6px;
        margin-top: 19px;
    }
    .heading h2:hover:before {
        content: "";
        height: 7px;
        width: 7px;
        background: black;
        display: block;
        border-radius: 50px;
        position: absolute;
        bottom: -18px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .heading h2:hover:after {
        content: "";
        background: black;
        height: 7px;
        width: 42px;
        display: block;
        position: relative;
        bottom: -7px;
        left: 0;
        right: 0;
        margin: 0 auto;
        border-radius: 10px 10px 0px 0px;
    }
   
    
    
    
    .heading {
        display: flex;
    }
    .heading h2 {
        width: 100%;
        margin: auto;
        text-align: center;
        font-size: 27px;
        font-weight: 900;
        color: #0F3246;
        border-right: 1px solid gray;
        position: relative;
        font-family: Poppins;
    }
    
    .heading h2:last-child {
        border: none;
    }
    /* sention :end */
    .course-class-dlfex {
        display: flex;
    }
    .course-01-02-03 {
        /* border: 1px solid; */
        border-radius: 24px;
        width: 20%;
        column-gap: 1rem;
        margin: 14px;
        height: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
        background-color: white;
        padding: 19px;
    }
    .course-01-02-03 {
        margin-top: 0px!important;
        margin-bottom: 10px!important;
    }
    .course-01-02-03 img {
        margin-top: 10px;
    }
    
    .course-01-02-03 h2 {
        text-transform: capitalize;
        background-color: none;
        width: 100%;
        text-align: center;
        margin: auto;
        padding: 20px 0px;
        font-weight: 900;
        color: #5652C2;
        border-radius: 12px;
     
        font-size: 35px;
    }
    /* .course-01-02-03 p {
        text-transform: capitalize;
        font-family: 'Poppins';
        /* margin-top: 6px;
        margin-bottom: 0px;
        font-size: 21px;
        font-weight: 400;
        color: #E6EAEB;
        margin-top: 10px;
        margin-bottom: 10px;
    }  */

    .course-01-02-03 p {
        text-transform: capitalize;
        
    
        margin-bottom: 0px;
        font-size: 21px;
        font-weight: 400;
        margin-top: 10px;
        margin-bottom:10px;

        color: #E6EAEB;
    }
    .course-01-02-03 button,.crouse-btn {
        padding: 6px 40px;
        border-radius: 10px;
        text-transform: capitalize;
        text-align: center;
        background-color:#45B434;
        color: white;
        border: none;
        margin-top: 10px;
    }
    .course-class-dlfex {
        display: flex;
        margin-top: 50px;
        justify-content: center;
    }
    .book-image-1 figure {
        width: 310px ! important;
    }
    /* .course-01-02-03 p {
        text-transform: capitalize;
        font-family: 'Poppins';
        margin-top: 6px;
        margin-bottom: 0px;
        font-size: larger;
        font-weight: 200;
        color: #E6EAEB;
        margin-top: 10px;
        margin-bottom: 10px;
    } */
    a.crouse-btn {
        margin-top: 11px;
        text-decoration: none;
        /* margin: 14px; */
    }
    .course-01-02-03 button,.crouse-btn {
        padding: 6px 40px;
        border-radius: 10px;
        text-transform: capitalize;
        text-align: center;
        background-color:#45B434;
        color: white;
        border: none;
        margin-top: 10px}
        a.crouse-btn-1 {
            text-decoration: none;
            text-transform: capitalize;
            background-color: #45B333;
            padding: 16px 28px;
            color: white;
            border-radius: 14px;
        }

   
   
    
    a.bg-green {
        padding: 12px 45px;
        text-decoration: none;
        font-size: 25px;
        line-height: 25px;
        color: #fefefe;
        font-weight: bold;
        font-family: "Gotham";
        background-color: #3d56aa;
        border-radius: 15px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
   
    a.bg-dark-blue {
        display: flex;
        flex-direction: column;
    }
    a.bg-green {
        background-color: #45B333 !important;
    }

    

/* COURSE PAGE ENDED HERE */



/* PRODUCT PAGE CSS START HERE */
@font-face {
    font-family: 'Gotham Rounded';
    src: url('GothamRounded-Medium.eot');
    src: url('GothamRounded-Medium.eot?#iefix') format('embedded-opentype'),
        url('GothamRounded-Medium.woff2') format('woff2'),
        url('GothamRounded-Medium.woff') format('woff'),
        url('GothamRounded-Medium.ttf') format('truetype'),
        url('GothamRounded-Medium.svg#GothamRounded-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.container {
    max-width: 1270px !important;
    width: 100%;
    margin: auto;
font-family: sans-serif;}


/* header css start */
img.logo-img {
width: 100px;
}
.header-1 {
    display: flex;
    max-width: 5000px;
    width: 100%;
    /* justify-content: center; */
}
.envelope {
    width: 60%;
    margin-top: 18px;
    border-right: 1px solid gray;
    
}
.envelope {
    width: 60%;
    margin-top: 18px;
    border-right: 1px solid gray;
    text-decoration: none;
    margin-left: 42px;
    
}
.envelope i {
    color: #ABB0B6;
   
    width: 22px;
    
}
.envelope a {
    text-decoration: none;
}
.envelope b {
    color: #ABB0B6;
    font-size: medium;
    font-weight: 200;
    font-family: "poppine", sans-serif;
}


.button-cart-student-login-manage-quotion {
    display: flex;
    /* width: 100%; */
    margin: auto;
    /* margin-bottom: 61px; */
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: -6px;
}
.button-cart-student-login-manage-quotion button {
    /* width: 100%; */
    padding: 6px 20px;
    margin: 2px;
    border: 1px solid #9944F7;
    background: none;
    border-radius: 6px;
    color: #9944F7;
    margin-top: 20px;
    font-weight: 600;
}
.button-cart-student-login-manage-quotion :hover {
    color: white;
    background-color:#9944F7;
}
.nav {
    display: flex;
    width: 100%;
    justify-content: center;
}

.nav ul li {
    display: flex;
    align-items: center;
    
}

/* .nav ul {
    display: flex;
    list-style: none;
    margin: auto;
    width: 100%;
    column-gap: 55px;
    text-transform: capitalize;
    background-color: #EFF3FC;
    padding: 16px;
    margin-left: 128px;
    border-radius: 49px 0px 0px 0px;
    margin-top: 12px;
} */
.nav ul {
    display: flex;
    list-style: none;
    margin: auto;
    width: 100%;
    column-gap: 76px;
    text-transform: capitalize;
    background-color: #EFF3FC;
    padding: 7px 0px 0px 7px;
    margin-left: 79px;
    border-radius: 49px 0px;
    margin-top: 12px;
    justify-content: center;
    align-items: center;
}
.nav a {
    text-decoration: none;
    color: black;
    font-size: medium;
    font-weight: 600;
    margin: 8px;
}
.nav a {
    text-decoration: none;
    color: black;
    font-size: medium;
    font-weight: 500;

}
img.\31 -icon {
    width: 18px;
}

.nav :hover {
    color:#9944F7;
    /* text-decoration: underline; */
}
.header-logo-1 {
    display: flex;
}
section.header-dashboard {
    position: relative;
}

section.header-dashboard:after {
    content: "";
    position: absolute;
    width: 88%;
    height: 53px;
    background-color: #E7ECF2;
    top: 12px;
    z-index: -1;
    border-radius: 48px 0px 0px 0px;
    right: 0;
}
.header-logo-1 .row {
    position: relative;
   
}
.logo img {
    position: absolute;
}
.header-logo-1 {
    display: flex;
}
/* header-css-end */
/* section-of-banner-start */
img.courses-banner {
    width: 100%;
}
.crous-banner figure {
    width: 100%;
    /* border-radius: 20px; */
}

img.courses-banner {

    
    display: flex;
    width: 100%;
    margin: auto;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
}


   
    .crous-banner {
        justify-content: center;
        width: 80%;
        margin-top: 50px;
        margin: auto;
        margin-top: 50px;
        margin-left: 121px;
    }

    .color-gary{
        background-color: #E7ECF2;
    }
    
    .heading {
        text-transform: capitalize;
        background-color: white;
        width: 276px;
        justify-content: center;
        align-items: center;
        margin: auto;
        border-radius: 31px;
        padding: 6px;
        margin-top: 19px;
        height: 116px;
    }
   
    
    .heading h2 {
        width: 100%;
        margin: auto;
        text-align: center;
        font-size: xx-large;
        font-weight: 700;
        font-family: system-ui;
        /* padding: 4px; */
        color: #0F3246;
        
        position: relative;
    }
    .heading h2:hover:before {
        content: "";
        height: 7px;
        width: 7px;
        background: black;
        display: block;
        border-radius: 50px;
        position: absolute;
        bottom: -28px;
        left: 0;
        right: 0;
        margin: 0 auto;

    }
    .heading h2:hover:after {
        content: "";
        background: black;
        height: 7px;
        width: 42px;
        /* display: block; */
        position: relative;
        bottom: -15px;
        left: 0;
        right: 0;
        margin: 0 auto;
        border-radius: 10px 10px 0px 0px;
    
    }
    /* sention :end */
    
    .healing {
        display: flex;
        width: 79%;
        margin: auto;
        background-color: white;
        border-radius: 16px;
        margin-top: 50px;
        margin-bottom: 100px;
    }
    img.book {
        width: 100%;
        border-radius: 22px;
    }
    .book-image figure {
        width: 241px;
    }
    img.book {
        width: 100%;
        border-radius: 36px;
        padding: 10px;
    }
    .book-image {
        width: 96%;
        background-color: #EDF2FA;
        border-radius: 20px;
        margin: 10px;
        height: 327px;
    }
    .healing {
        display: flex;
    }
    .level-01 {
        text-transform: capitalize;
        font-size: medium;
        /* display: grid; */
        /* margin-right: 20px; */
        padding: 27px;
    }
    .level-01 h2 {
        
        width: 100%;
        margin: auto;
        font-size: 43px;
        color: #455eaf;
        font-weight: bold;
      
    }
    .level-01 span {
        font-size: medium;
        font-weight: 300;
        font-size: 26px;
        color: #455eaf;
        font-family: 'Poppins';
        text-align: center;
    }
    .level-01 h3 {
        
        font-weight: 200;
        
        width: 100%;
        margin: auto;
        font-size: 29px;
        color: #455eaf;
       
      
        align-items: center;
    }
    .level-01 h4 {
        font-size: larger;
        color: gray;
        font-weight: 500;
    }
    .level-01 ul {
        list-style: none;
        margin: auto;
        display: contents;
        margin-top: 10px;
    }
    
    .level-01 ul li {
        display: flex;
        align-items: baseline;
        gap: 17px;
        color: gray;
    }
    /* .level-01 a {
        background-color: #3D56AA;
        margin: 6px;
        padding: 5px 30px;
        border-radius: 9px;
        text-decoration: none;
        color: white;
        font-size: 12px;
        color: #fefefe;
        font-weight: bold;
        font-family: 'Poppins';
        */
    
    .level-01 a {
        background-color: #3D56AA;
        margin: 6px;
        padding: 10px 26px;
        border-radius: 9px;
        text-decoration: none;
        color: white;
        font-size: 16px;
        color: #fefefe;
        font-weight: bold !important;
    
    }
    .pargarah p {
        margin-top: 0;
        margin-bottom: 1rem;
        width: 68%;
        height: 125px;
        font-size: 13px;
        color: #455eaf;
        font-family: 'Poppins';
        text-align: left;
        background-color: #EDF5F8;
        border-radius: 10px;
        justify-items: center;
       
        padding: 6px;
    }
    .heading-4 {
        display: flex;
        gap: 4px;
    }
    .heading-4 i {
        margin-top: 7px;
        font-size: 12px;
        margin-right: 0px;
        color: gray;
    }
    .header-logo-1 {
        display: flex;
    }
   
   
   
   
   
   

/* PRODUCT PAGE CSS ENDED HERE */
/* product_sigles-css :start */
/* .spritual-harbal-short-cours {
    text-transform: capitalize;
    background-color: white;
    width: 432px;
    justify-content: center;
    align-items: center;
    margin: auto;
    border-radius: 31px;
    padding: 6px;
    margin-top: 19px;
    height: 116px;
  
} */
/* .spritual-harbal-short-cours {
    text-transform: capitalize;
    background-color: white;
    width: 632px;
    justify-content: center;
    align-items: center;
    margin: auto;
    border-radius: 16px;
    padding: 6px;
    margin-top: 19px;
    height: 80px;
} */
.spritual-harbal-short-cours {
    text-transform: capitalize;
    /* background-color: white; */
    width: 73%;
    justify-content: center;
    align-items: center;
    margin: auto;
    border-radius: 16px;
    /* padding: 6px; */
    margin-top: 19px;
    /* height: 80px; */
}

/* .spritual-harbal-short-cours h2 {
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: xx-large;
    font-weight: 700;
    font-family: system-ui;
    padding: 4px;
    color: #0F3246;
    position: relative;
} */
/* .spritual-harbal-short-cours h2 {
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: 44px;
    /* font-weight: bold; */
    /* padding: 4px;
    color: #103246;
    position: relative;
    font-family: 'poppins';
/* } */ 
.spritual-harbal-short-cours h2 {
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: 25px;
   
    font-family: 'Poppins';
    padding: 4px;
    color: #103246;
    position: relative;
    
}
.spritual-harbal-short-cours h2:last-child {
    border: none;
}
div#nav-tab h2:hover:after {
    content: "";
    background: black;
    height: 7px;
    width: 42px;
    display: block;
    position: relative;
    bottom: -11px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 10px 10px 0px 0px;
    top: 17px;
    
}
 

div#nav-tab h2:hover:before {
    content: "";
    height: 7px;
    width: 7px;
    background: black;
    display: block;
    border-radius: 50px;
    position: relative;
    bottom: -25px !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    top:105px
}
.products-course {
    /* border: 1px solid; */
    border-radius: 57px;
    width: 100%;
    column-gap: 1rem;
    margin: 14px;
    height: 339px;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: white;
    padding: 19px;
}

.products-course h2 {
    text-transform: capitalize;
    background-color: #F1F5F4;
    width: 100%;
    text-align: center;
    margin: auto;
    padding: 81px 0px;
    font-weight: 200;
    color: #767573;
    border-radius: 30px;
    font-family: 'Poppins';
    font-size: 34px;
    height: 202px;
    /* align-items: center; */
    /* text-align: center; */
}

.products-course button {
    padding: 6px 25px;
    border-radius: 26px;
    text-transform: capitalize;
    text-align: center;
    background-color: #45B434;
    color: #FFFFFF;
    border: none;
    margin-top: 6px;
    font-weight: 500;
    font-family: 'Poppins';
    font-size: 14px;
}
a.crouse-btn-2 {
    text-decoration: none;
    text-transform: capitalize;
    background-color: #45B333;
    padding: 7px 19px;
    color: white;
    border-radius: 14px;
}
button.but-blue {
    background-color: #6F38F8;
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    font-family: 'Poppins';
    text-align: center;
}
.products-button {
    margin-top: 20px;
}
div#nav-tab {
    background-color: white;
    border-radius: 28px;
    /* margin: 11px; */
    /* max-width: 239px; */
}
/* .box-main {
    display: flex;
} */
/* product-2-css :end */

/* libray css :start */


img.libray-banner {
    width: 100%;
}
.libary-banner figure {
    width: 371px;
}

.libary-banner {
    display: flex;
    width: 36%;
    justify-content: center;
    margin-top: 22px;
    background-color: #F5F7F9;
    margin: auto;
    border-radius: 52px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.ly-input input {
    width: 49%;
    border-radius: 8px;
    border: none;
    height: 41px;
    padding: 13px;
    background-color: #E1E1EB;
    font-size: 14px;
    line-height: 64px;
    color: #afafc3;
    font-style: italic;
    font-family: 'poppins';
    /* text-align: center; */
}
.ly-input {
    width: 62%;
    margin: auto;
    justify-content: center;
    display: flex;
    position: relative;
}

.ly-icon {
    position: absolute;
    right: 0;
    left: 539px;
    top: 11px;
    bottom: 0;
    /* justify-content: center; */
    /* align-items: center; */
}
img.labrary-book {
    width: 200px;
}
.labrary-books {
    background-color: #E5E5F3;
    border-radius: 32px;
    margin: 27px;
    padding: 16px;
}
img.labrary-book {
    width: 200px;
    border-radius: 67px;
    height: 233px;
}
.labrary-books {
    background-color: #E5E5F3;
    border-radius: 32px;
    margin: 30px;
    padding: 21px;
    box-shadow: 0px 26px 9px 5px rgba(0,0,0,0.1);
}
/* .labrary-books button {
    background-color: #10A914;
    font-size: 16px;
    line-height: 37px;
    color: #ffffff;
    font-weight: 500;
    font-family: 'Poppins';
    text-align: center;
    border-radius: 17px;
} */
.labrary-books button span img {
    width: 16px;
    margin-bottom: 3px;
}
.labrary-books button span {
    width: 100%;
    margin: 3px;
    
}
.labrary-books button {
    background-color: #10A914;
    font-size: 16px;
    height: 44px;
    color: #ffffff;
    font-weight: 500;
    font-family: 'Poppins';
    text-align: center;
    border-radius: 11px;
    width: 192px;
    border: none;
    justify-items: center;
    align-items: center;
    text-transform: capitalize;
}
.labrary-books p {
    font-size: 21px;
    line-height: 49px;
    color: #102352;
    font-weight: 500;
    font-family: 'Poppins';
    text-align: center;
    text-transform: capitalize;
   
  
}
.course-class-dlfex-2 {
    display: flex;
    
    justify-content: center;
}
img.imag-blur {
    width: 100%;
}
.down-img {
    width: 896px;
    margin: auto;
}
/* .labrary-books {
    background-color: white;
    border-radius: 32px;
    margin: 27px;
    padding: 16px;
} */

/* library-end */
/* crouse css :start */
nav.course-nav {
    width: 53%;
    margin: auto;
}
div#nav-tab h2:last-child {
    border: none;
}
/* .box-main {
    display: flex;
    margin: auto;
    justify-content: center;
    margin-top: 63px;
} */

.box-main {
    display: flex;
    margin: auto;
    justify-content: center;
    margin-top: 30px !important;
}
/* nav.course-nav h2:hover:after {
    content: "";
    background: black;
    height: 7px;
    width: 42px;
    display: block;
    position: relative;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 10px 10px 0px 0px;
    position: absolute;
    
} */
div#nav-tab h2 {
    text-transform: capitalize;
    font-size: 32px;
    color: #103246;
    font-weight: 500;
    font-family: 'Poppins';
    position: relative;
}
div#nav-tab h2 {
    text-transform: capitalize;
    font-size: 32px;
    color: #103246;
    font-weight: 500;
    font-family: 'Poppins';}

    /* nav.course-nav h2:hover:before {
    content: "";
    height: 7px;
    width: 7px;
    background: black;
    display: block;
    border-radius: 50px;
    position: absolute;
    bottom: -200px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
} */
/* div#nav-tab h2 {
    text-transform: capitalize;
    font-size: 32px;
    color: #103246;
    font-weight: 500;
    font-family: 'Poppins';
    position: relative;
} */
/* ilm-ul-adad css start */
/* .urdu-heading {
    background-color: white;
    width: 30%;
    margin: auto;
    position: relative;
} */
.urdu-heading {
    background-color: white;
    width: 25%;
    margin: auto;
    margin-top: 50px;
    position: relative;
    padding: 13px;
    border-radius: 30px;
    margin-bottom: 10px;
}


img.head-english {
    width: 100%;
    margin-top: 61px;
}
img.calculator {
    width: 100%;
}
img.urdu {
    width: 100%;
}
.urdu-icon figure {
    width: 100%;
}
.urdu-icon {
    width: 13%;
    align-items: center;
    margin: auto;
    position: absolute;
    left: 0;
    right: 75px;
    top: 346px;
    bottom: 0;
}



.calculator-icon {
    margin: auto;
    width: 10%;
    align-items: center;
    text-align: center;
    position: absolute;
    right: 0px;
    left: 256px;
    top: 319px;
    bottom: 0;
}


.calculator-icon figure {
    width: 53%;
}


.text-aera p {
    text-align: center;
    font-size: 23px;
    line-height: 68px;
    color: #7e7d7d;
    font-weight: 500;
    text-align: center;
    font-family: 'Poppins';
    text-transform: capitalize;
    margin-bottom: 0;
}
.text-aera {
    width: 100%;
    margin: auto;
    /* justify-content: center; */
    /* align-items: center; */
    text-align: center;
    position: relative;
}
textarea#text-area {
    border-radius: 30px;
    width: 63%;
}
a.rg-btn-1 {
    background-color: #2B55C2;
    color: white;
    text-decoration: none;
    padding: 6px 22px;
    border-radius: 12px;
    font-size: 17px;
    line-height: 71px;
    color: #ffffff;

    text-align: center;
    margin: 22px;
}
a.sub-btn-1 {
    background-color: #1CAE52;
    color: white;
    text-decoration: none;
    padding: 6px 22px;
    border-radius: 12px;
    font-size: 17px;
    line-height: 71px;
    color: #ffffff;
 
    text-align: center;
    /* margin: -5px; */
}
.rg-sub-button {
    width: 22%;
    align-items: center;
    text-align: center;
    position: absolute;
    top: 782px;
    bottom: 0;
    right: 42px;
    left: 752px;
}

textarea#text-area {
    border-radius: 30px;
    width: 63%;
    padding: 16px;
    font-style: italic;
    position: relative;
}



/* css-keyboard */
img.key-board {
    width: 100%;
}

img.key-board {
    width: 100%;
    border-radius: 23px;
    text-align: center;
    justify-content: center;
}
.keyboard figure {
    width: 42%;
    margin: auto;
    margin-top: 19px;
    margin-bottom: 30px;
}
.keyboard {
    width: 100%;
    text-align: center;
    margin: auto;
}
/* login css start */
.benfts figure {
    width: 134px;
}
.benfts {
    margin: auto;
    display: flex;
    text-align: center;
    align-items: center;
    flex-direction: column;
    margin-top: 38px;
}
/* lodinup page css start */
img.benefits-img {
    width: 100%;
}
.mainLoginInput {
    font-family: 'Helvetica', 'FontAwesome', 'sans-serif';
    
  }
  .benefits {
    display: flex;
}
.bent-ul ul li {
    text-transform: capitalize;
    padding: 10px;
}
.bent-li ul li {
    text-transform: capitalize;
    padding: 10px;
    font-size: 18px;
    color: #4f5e7e;
    font-weight: 400;
    margin-left: 47px;
    

    
}

.bent-ul ul li {
    text-transform: capitalize;
    padding: 10px;
    font-size: 18px;
    color: #4f5e7e;
    font-weight: 400;
    
}
img.benefit-banner {
    width: 100%;
}
.banafit-banner figure {
    width: 100%;
}

.benefits {
    background-image: url('/img/benefits-background.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.membership h2 {
    text-transform: capitalize;
    font-size: 38px;
    color: #8646f1;
    font-weight: 600;
    font-family: "Oswald";
    text-align: center;
    margin-top: 27px;
}

.membership {
    display: flex;
    flex-direction: column;
    margin: auto;
    justify-items: center;
    align-items: center;
}

form h1 {
    font-size: 62px;
    text-transform: capitalize;
    font-weight: 700;
    color: #5D5F5F;
    margin-right: 126px;
    margin-top: 26px;
}
input#iconified {
    width: 318px;
    height: 59px;
    border-radius: 30px;
    border: 1px solid gray;
    padding: 19px;
}
.checkbox {
    display: flex;
}
.checkbox {
    display: flex;
    margin-top: 10px;
    margin-bottom: 35px;
}
.checkbox a {
    margin-left: 67px;
    text-transform: capitalize;
    text-decoration: none;
    color: black;
    font-size: 15px;
    font-weight: 500;
}
.checkbox label {
    text-transform: capitalize;
    margin-left: 8px;
    font-size: 15px;
}
input#rememberme {
    width: 16px;
    margin-left: 6px;
}

input[type="submit"] {
    width: 315px;
    border-radius: 28px;
    border: none;
    padding: 7px;
    text-transform: capitalize;
    font-size: 30px;
}

.login {
    background-color: white;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    width: 68%;
    height: 500px;
    padding: 26px;
    justify-content: center;
    align-items: center;
}
input[type="submit"] {
    background-color: #7657BB;
    color: white;
    
}
form h5 {
    text-transform: capitalize;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
}
form h5 a {
    text-decoration: none;
    color: #7657BB;
}
.pera p {
    font-size: 20px;
    color: #4f5e7e;
    font-weight: 600;
    margin-top: 28px;
    margin-right: 120px;
}
/* RESPONSIVE STATRT HERE */
/* course-1-add */

img.courses-banner-01 {
    display: flex;
    width: 100%;
    margin: auto;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
}
nav.course-nav h2:hover:before {
    content: "";
    height: 7px;
    width: 7px;
    background: black;
    display: block;
    border-radius: 50px;
    position: absolute;
    bottom: -200px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: 99px;
    bottom: 10px;
}
nav.course-nav-5 {
    width: 70%;
    margin: auto;
}
nav.course-nav h2:hover:after {
    content: "";
    background: black;
    height: 7px;
    width: 42px;
    display: block;
    position: relative;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: 0px auto;
    border-radius: 10px 10px 0px 0px;
    position: absolute;
}
div#nav-tab h2 {
    text-transform: capitalize;
    font-size: 32px;
    color: #103246;
    font-weight: 500;
    font-family: 'Poppins';
    position: relative;
    font-size: 30px;
    color: #103246;
    font-weight: 600;
    font-family: sans-serif;
    text-align: center;
    border-right: 1px solid black;
    /* width: 142px; */
}
/* login page css end */
/* sign up page css start */
.sg-rt-ct h2 {
    font-size: 52px;
    color: #5749d2;
    font-weight: 900;
    /* line-height: 0; */
}

.sg-rt-ct h1 {
    font-size: 47px;
    color: #5749d2;
    font-weight: 400;
    text-transform: capitalize;
    font-family: sans-serif;
    line-height: 0;
    margin-top: 115px;
    margin-left: 19px;

}
img.sp-img {
    width: 100%;
}
.banafit-banner figure {
    width: 400px;
}
.banafit-banner {
    margin-top: 84px;
}
/* form css start  */


.form-group.col-md-6 {
    width: 100%;
    /* align-items: center; */
    margin: auto;
    gap: 1rem;
    justify-content: center;
    margin-top: 6px;
    display: flex;
    flex-direction: row;
}
.profession{
    width: 100%;
    /* align-items: center; */
    margin: auto;
    gap: 1rem;
    justify-content: center;
    margin-top: 34px;
    display: flex;
    flex-direction: row;
}
.address{
    width: 100%;
    /* align-items: center; */
    margin: auto;

    justify-content: center;
    margin-top: 34px;
    display: flex;
    flex-direction: row;
}

.div-1 h2 {
    font-size: 16px;
    color: #9ca1ac;
    font-weight: 400;
    font-style: italic;
    text-transform: capitalize;
    margin-bottom: 5px;
    margin-left: 23px;
}

.profession {
    display: flex;
    flex-direction: column;
    margin: 0px;
    margin-top: 15px;
}

.profession h2 {
    font-size: 16px;
    color: #9ca1ac;
    font-weight: 400;
    font-style: italic;
    text-transform: capitalize;
    margin-bottom: -12px;
    margin-left: 30px;
}
.address {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
}

.address h2 {
    font-size: 16px;
    color: #9ca1ac;
    font-weight: 400;
    font-style: italic;
    text-transform: capitalize;
    margin-bottom: 0px;
    margin: 0px;
    margin-left: 22px;
    margin-top: 10px;
}
input#fname {
    width: 100%;
    height: 44px;
    border-radius: 13px;
    border: 1px solid gray;
    background-color: #EFF2F6;
}
.div-1 select {
    width: 111px;
    height: 43px;
    text-transform: capitalize;
    padding: 3px;
    border-radius: 11px;
}
select.date {
    width: 61px;
    background-color: #EFF2F6;
  
}
select.months {
    width: 77px;
    background-color: #EFF2F6;
}
select.year {
    width: 66px;
    background-color: #EFF2F6;
}

select.gender {
    width: 218px;
    background-color: #EFF2F6;
}
input#prof {

    width: 468px;
    height: 44px;
    border-radius: 13px;
    border: 1px solid gray;
    background-color: #EFF2F6;
}
input#add {
  
    width: 471px;
    height: 44px;
    border-radius: 13px;
    border: 1px solid gray;
    background-color: #EFF2F6;
}
.sign-up-form {
    margin-top: 57px;
}
.sign-up-wrap {
    text-align: center;
    margin-top: 30px;
}
.sign-up-wrap .signup-btn {
    width: 225px;
}
.sign-up-form {
    display: flex;
    margin-top: 47px;
    background-color: #EFF2F6;
    /* padding: 27px; */
    height: 608px;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    margin-right: 45px;
}
/* signup pagea css end */
/* istikhara css start */
img.istk-img {
    width: 100%;
    border-radius: 20px;
}
.istk-f-banner figure {
    width: 450px;
}
.istk-f-banner {
    justify-content: center;
    display: flex;
    margin-top: 50px;
    /* border-radius: 20px; */
}


input#istk-name\ {
    width: 348px;
    height: 44px;
    border-radius: 13px;
    border: none;
    background-color: white;
    text-transform: capitalize;
    padding: 25px;
    margin-right: 45px;
    font-weight: 100;
    font-style: italic;
}
input#subject\ {
    width: 95%;
    height: 44px;
    border-radius: 13px;
    border: none;
    background-color: white;
    text-transform: capitalize;
    padding: 25px;
    margin-right: 45px;
    font-weight: 100;
    font-style: italic;
}
.form-group.col-md-8 {
    width: 100%;
    align-items: center;
    margin: auto;
    gap: 12px;
    justify-content: center;
    margin-top: 50px;
    display: flex;
    flex-direction: row;
}
textarea#detail {
    width: 95%;
    height: 200px;
    border-radius: 20px;
    padding: 21px;
    text-transform: capitalize;
    font-style: italic;
    font-size: x-large;
    font-weight: 400;
    border: none;
}
.submit-wrap {
    text-align: center;
    margin-top: 30px;
}
input.submit-btn {
    width: 171px;
    font-size: 19px;
    background-color: #30405E;
    height: 40px;
    text-align: center;
    font-style: italic;
}
/* coures button add css */
.btn-wrap {
    display: flex;
    display: flex;
    column-gap: 15px;
    margin-top: 0px;
}
.btn-wrap span {
    font-size: 20px;
    color: #fefefe;
}
.btn-wrap a {
    padding: 12px 45px;
    text-decoration: none;
    font-size: 22px;
    line-height: 25px;
    color: #fefefe;
    font-weight: bold;
    font-family: "Gotham";
    background-color: #3d56aa;
    border-radius: 15px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: col;
}
/* book you appointment css start */
.bok-app h2 {
    text-transform: capitalize;
    font-size: 80px;
    font-family: 'Poppins';
    color: #2E3E5D;
}

.bok-app h3 {
    text-transform: capitalize;
    font-size: 67px;
    font-family: 'Poppins';
    line-height: 0.2;
    font-weight: 700;
    color: #2E3E5D;
}
.bok-app {
    margin-bottom: 47px;
    width: 50%;
    background-color: #F6F7FB;
    height: 165px;
    text-align: center;
    margin: auto;
    margin-top: 30px;
    padding: 3px;
    border-radius: 20px;
}

input#int {
    width: 20%;
    height: 39px;
    border-radius: 20px;
    border: 1px solid gray;
    padding-left: 27px;
    text-transform: capitalize;
    font-style: oblique;
    font-family: 'Poppins';
    font-size: 16px;
    background-color: #E7ECF2;
    color: gray;
}
input#int {
    width: 35%;
    height: 43px;
    border-radius: 20px;
    border: 1px solid gray;
    padding-left: 27px;
    text-transform: capitalize;
    font-style: oblique;
    font-family: 'Poppins';
    font-size: 16px;
    background-color: #E7ECF2;
    color: gray;
    margin-left: 5px;
}
select#int {
    width: 35%;
    height: 43px;
    border-radius: 20px;
    border: 1px solid gray;
    padding-left: 25px;
    text-transform: capitalize;
    font-style: oblique;
    font-family: 'Poppins';
    font-size: 17px;
    /* margin-bottom: 8px; */
    background-color: #E7ECF2;
    color: gray;
    margin-left: 5px;
}

.from-app {
    margin-top: 20px;
    text-align: center;
    gap: 1ren !important;
}
.name-f {
    padding: 3px;
    /* margin-bottom: 8px; */
    /* gap: 1rem; */
}
.up-slip-book-button {
    display: flex;
    flex-direction: column;
}
a.up-slip {
    background-color: #31405F;
    width: 51%;
    text-align: center;
    margin: auto;
    height: 43px;
    border-radius: 25px;
    justify-content: center;
    align-items: center;
    padding: 8px;
    list-style: none;
    font-style: italic;
    font-family: 'Poppins';
    color: #d4d8e1;
    font-size: 18px;
    margin-top: 13px;
    text-transform: capitalize;
}

a.book-now {
    background-color: #3CB879;
    width: 51%;
    text-align: center;
    margin: auto;
    height: 43px;
    border-radius: 25px;
    justify-content: center;
    align-items: center;
    padding: 4px;
    list-style: none;
    font-style: normal;
    font-family: 'Poppins';
    color: white;
    font-size: 25px;
    margin-top: 13px;
    text-transform: capitalize;
    text-decoration: none;
    font-weight: 700;
    /* letter-spacing: 1px; */
    margin-bottom: 50px;

}
.buger {
    display: none;
}
body {
    font-family: Arial, sans-serif;
}

.popup {
    display: block; /* Change to 'none' if you want it to be hidden initially */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.popup-content {
    background-color: white;
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 600px;
    border-radius: 15px;
    text-align: left;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.popup-content h2 {
    text-align: center;
    margin-top: 0;
}

.language-toggle {
    text-align: center;
    margin-bottom: 20px;
}

.language-toggle button {
    background-color: #f1f1f1;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    margin: 0 5px;
    border-radius: 5px;
}

.language-toggle button.active {
    background-color: #007bff;
    color: white;
}
/* add to css start */
.tro-icon figure {
    width: 46px;
}
.heading-crat {
    margin: auto;
    display: flex;
    align-items: center;
    text-align: center;
    width: 214px;
    height: 83px;
    background-color: white;
    margin-top: 30px;
    padding: 10px;
    gap: 1rem;
    border-radius: 23px;
}
.heading-icon figure {
    width: 128px;
}

/* @media(max-width:767px) */
@media only screen and (max-width: 768px){
    .courses-banner .courses-container .courses-wrap {
        height: 440px;
       
    }
    .courses-banner .courses-container .courses-wrap .text-wrap h2 {
        font-size: 26px !important;
        font-weight: 800;
        color: #182e42;
        font-family: "AcuminConcept", sans-serif;
        margin: 0;
        text-transform: uppercase;
        margin-left: 119px !important;
    }
    .courses-banner .courses-container .courses-wrap .text-wrap h2 span {
        font-size: 40px !important;
      
    }
    .courses-banner .courses-container .courses-wrap .text-wrap h3 {
        font-size: 24px !important;
     
    }
    .courses-banner .courses-container .courses-wrap .text-wrap h2 span {
        font-size: 120px;
        font-weight: 700;
        font-style: italic;
        color: #2e56f4;
        font-family: "The Historia";
        text-transform: lowercase;
        margin-left: 140px!important;
        position: relative;
        top: -30px;
    }
    .courses-banner .courses-container .courses-wrap .text-wrap h3 {
        font-size: 60px;
        font-weight: 800;
        color: #4e1091;
        font-family: "Zuume Soft", sans-serif;
        text-transform: uppercase;
        margin: -30px 0 0;
        position: relative;
        top: -9px;
        left: -13px;
    }
    .book-section .book-wrap {
        display: flex;
        flex-direction: column;
    }
    .buger {
        display: block;
    }
    
    .header-logo-1{
        flex-direction: column;
        margin-top: 10px;
    }
    .envelope {
        width: 100%;
        margin-top: 28px;
        margin-left: 100px;
        align-items: center;
        justify-content: center;
    }
    .button-cart-student-login-manage-quotion {
        display: flex;
       
        margin: auto;
        
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
    }
    .button-cart-student-login-manage-quotion button {
        /* width: 100%; */
        padding: 6px 6px;
        margin: 2px;
        border: 1px solid #9944F7;
        background: none;
        border-radius: 6px;
        color: #9944F7;
        margin-top: 60px;
        font-weight: 600;
    }
    .nav ul {
        display: flex;
        list-style: none;
        margin: 0px;
        width: 79%;
        /* column-gap: 8px; */
        text-transform: capitalize;
        background-color: #EFF3FC;
        padding: 0px;
        margin-left: 0px;
        border-radius: 49px 0px 0px 49px;
        margin-top: 8px;
        justify-content: center;
        justify-content: center;
        align-content: center !important;
        /* background-color: #9944F6; */
        /* color: white; */
        border: 4px solid #9944F6;
        font-size: 16px;
        font-family: 'Oswald';
       
     list-style: auto;
    }

  
    .nav i {
        display: flex;
        flex-direction: column;
        justify-items: center;
        text-align: center;
    }
    .nav li {
        text-align: center;
    }
    .crous-banner {
        
        margin-left: 0px;
    }
    .crous-banner figure {
        width: 100%;
       
    }
    .heading {
        
        width: 346px;
        
    }
    .heading h2 {
        width: 100%;
       
        font-size: 14px;
        font-weight: 900;
        color: #0F3246;
        border-right: 1px solid gray;
        position: relative;
        font-family: Poppins;
    }
    .course-01-02-03 {
        /* border: 1px solid; */
        border-radius: 24px;
        width: 100%;
        column-gap: 1rem;
        margin: 6px;
        height: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
        background-color: white;
        padding: 11px;
    }
 
    .course-01-02-03 h2 {
        font-size: 50px;
        /* padding: 41px; */
        height: 168px;
        margin: 0;
        padding: 0;
        /* padding-top: 50px; */
    }
    .course-01-02-03 {
        margin-bottom: 10px!important;
        margin-top: 0px!important;
    }
    .course-01-02-03 a {
        margin-top: 129px;
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .col-md-3.Hd-Email-Col {
        display: flex;
        margin-left: 58px;
        justify-content: center;
        margin-bottom: 0;
        flex-direction: column;
    }
  
    .course-01-02-03 button {
        padding: 0px 21px;
        border-radius: 10px;
        text-transform: capitalize;
        text-align: center;
        background-color: #45B434;
        color: white;
        border: none;
        margin-top: 2px;
    }
     .envelope i {
       
        margin-left: 131px;
    }
    .button-cart-student-login-manage-quotion{
        margin-top: 42px;
    }
    .button-cart-student-login-manage-quotion button{
        padding: 2px 06px;
    }
    .logo img {
        position: relative;
    }
    .inner-header {
        display: flex;
        align-items: center;
        padding: 10px 20px !important;
    }
    .ic-dv {
        text-align: end;
    }
    .buger ul {
        display: flex;
        flex-direction: column;
        position: absolute;
        right: 282px;
        top: 25px;
        z-index: 0;
        justify-content: center;
        opacity: 1.5;
        background-color: white;
        width: 50%;
        border-radius: 20px 0px 0px 20px;
    }


    .nav ul li {
        display: flex;
        align-items: center;
        width: 98%;
        /* margin-left: 55px; */
        padding: 14px;
    }
    .nav ul li {
        display: flex;
        align-items: center;
        width: 98%;
        /* margin-left: 55px; */
        padding: 9px;
        font-size: 18px;
        font-weight: 500;
       
    }
    span.appointment {
        margin-left: 21px;
        font-size: 20px;
        font-weight: 600;
    }
   
    /* .buger ul {
        display: flex;
        flex-direction: column;
    } */
    .buger .nav {
        position: absolute;
        transform: translate(280px);
        z-index:4;
    }
    
    .buger {
        position: relative;
        width: 100%;
    }
    input#istk-name\ {
        width: 100% !important;
        height: 44px;
        border-radius: 13px;
        border: none;
        background-color: white;
        text-transform: capitalize;
        padding: 25px;
        margin-right: 45px;
        font-weight: 100;
        font-style: italic;
        margin: auto !important;
        margin-bottom: 19px !important;
    }
    .Hd-Email a {
        font-size: 14px!important;
        font-family: Poppins;
        text-decoration: none;
        color: #abaeb5;
        MARGIN-LEFT: 24PX;
    }
    input#subject\ {
        width: 100% !important;
        height: 44px;
        border-radius: 13px;
        border: none;
        background-color: white;
        text-transform: capitalize;
        padding: 25px;
        margin-right: 45px;
        font-weight: 100;
        font-style: italic;
    }
    textarea#detail {
        width: 100% !important;
        height: 200px;
        border-radius: 20px;
        padding: 21px;
        text-transform: capitalize;
        font-style: italic;
        font-size: x-large;
        font-weight: 400;
        border: none;
    }
    .nav a {
        text-decoration: none;
        color: black;
        font-size: medium;
        font-weight: 500;
        display: flex;
        flex-direction: row;
        gap: 8px !important;
    }
    img {
        width: 16%;
    }
    .Navbar {
        display: none;
    }
    .Hd-Btns {
        display: flex;
        align-items: center;
        gap: 15px;
        justify-content: end;
        margin-bottom: 38px;
        display: none !important;
    }
    .ic-dv {
        text-align: end;
        font-size: 27px;
        color: #9944F7;
        position: absolute;
        right: 10px;
        top: -16px;
        font-size: 43px;
    }
    .Prayer-Col {
        display: flex;
        flex-direction: column;
        /* background-color: #eed249; */
    }
    .Img-Clock {
        width: 111px;
        position: absolute;
        top: 17px;
        right: 16px;
        /* left: 273px; */
    }
    .Hd-Email a {
        font-size: 16px;
        font-family: Poppins;
        text-decoration: none;
        color: #abaeb5;
        position: absolute;
        display: flex;
        right: 111px !important;
    }
    
    span.email {
        padding-left: 6px;
        position: relative;
        top: -3px;
    }
    header {
        padding-top: 26px;
        background: white;
        padding-bottom: 45px;
    }
    .course-01-02-03 p {
        text-transform: capitalize;
        margin-bottom: 0px;
        font-size: 21px;
        font-weight: 400;
        margin-top: 10px;
        margin-bottom: 10px;
        color: #E6EAEB;
        text-align: center;
    }
      /* .ic-dv {
        text-align: end;
        font-size: 27px;
        color: #9944F7;
    } */
    /* .nav ul {
        display: flex;
        list-style: none;
        margin: 0px;
        width: 100%;
        column-gap: 56px;
        text-transform: capitalize;
        background-color: #EFF3FC;
        padding: 12px;
        margin-left: 82px;
        border-radius: 49px 0px 0px 0px;
        margin-top: 8px;
        position: absolute;
        right: 213px;
    }
   */
    /* .nav ul {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 0px;
        display: block;
        border-radius: 0px;
        background: transparent;
        margin-left: 0px;
    } */
    .muslim-man-img figure {
        width: 50px;
    }
    
    .namaz-timing-hading figure {
        width: 234px;
        margin-bottom: 30px;
    }
    /* .loction select {
        width: 100%;
        border-radius: 6px;
        padding: 5px;
        margin-left: auto;
        color: black;
        background-color: #EFF3FC;
        font-size: 13px;
        font-weight: 100;
        text-transform: capitalize;
        border: transparent while;
        border: transparent;
    } */
    .loction select {
        width: 100%;
        border-radius: 6px;
        padding: 5px;
        margin-left: auto;
        color: black;
        background-color: #EFF3FC;
        font-size: 13px;
        font-weight: 100;
        text-transform: capitalize;
        border: transparent while;
        border: transparent;
        margin-top: 16px;
    }
    .clock-time{
        flex-direction: column;
    }
    .fajar-namaz-time {
      
        margin: auto;
        margin-bottom: 36px;
        width: 100%;
        padding: 6px;
    }
    .hazat-sb-imtroduction {
        flex-direction: column;
    margin-top: 20px;}

        .indroduction-heading {
            width: 100%;
            max-width: 500px;
            margin: auto;
            text-align: center;
            margin-top: 33px;
        }
        .book-section .book-wrap
        
        .shazli-introduction {
            flex-direction: column;
        }
        
        .indroduction-heading h2 {
            font-size: 30px;
            font-weight: 700;
            text-transform: capitalize;
            width: 100%;
            font-family: 'poppins';
        }
        .indroduction-heading h3 {
            color: #FF9F00;
            font-size: 30px;
            font-weight: 600;
            text-transform: capitalize;
            font-family: 'Poppins';
        }
        .indroduction-heading p {
            text-transform: capitalize;
            font-size: 13px;
            font-weight: 200;
            color: #FF9F00;
        }

        img.kaash {
            margin-top: 20px;
        }
        img.surah-quraish-banner{
            margin-bottom: 20px;
        }
        .featured-post-recently-post {
            flex-direction: column;
        }
        .featured-post{
            margin-left: 0px;
            margin-top: 20px;
        }
        .featured-post h2 {
            
            font-size: 37px;
            font-weight: 600;
            font-family: 'Poppins';
            
        }
        .featured-post figure {
            width: 368px;
            
        }
        .recently-post h2 {
            text-transform: capitalize;
            font-size: 37px;
            font-weight: 600;
            justify-content: center;
            align-content: center;
            color: blueviolet;
            margin-top: 20px;
        }
        .post-1 figure {
            width: 165px;
        }
        .post-heading h2 {
            font-size: 18px;
        }
        .post-heading a {
            background-color: #A2D39C;
            padding: 4px 16px;
            border-radius: 39px;
            width: 32px;
            text-decoration: none;
            color: white;
            font-size: 10px;
            margin-left: 76px;
            text-align: center;
            justify-content: center;
        }
        .slick-prev, .slick-next {
            
            display: none!important;
            
        }
        img.time {
            width: 43%;
            position: absolute;
            right: 0px;
            top: 0px;
            margin: auto;
            /* left: 0px; */
        }
        .heading-of-clock h2 {
            margin: auto;
            text-align: center;
            margin-right: 91px;
        }
        .heading-of-clock h2 {
            margin: auto;
            text-align: center;
            margin-right: 91px;
            font-size: 38px;
            font-weight: 600;
        }
        .heading-of-clock p {
            /* margin-left: 61px; */
            color: #CA0035;
            /* text-align: center; */
            /* margin-right: 149px; */
            font-size: 31px;
            font-weight: 700;
        }
        .slick-dots li button:before {
            font-size: 15px !important;
            top: -28px !important;
            color: whitesmoke !important;
        }
        .slick-dots li.slick-active button:before {
            opacity: .75!important;
            color: black !important;
        }
        ul.slick-dots {
            display: ruby;
            margin: auto;
            width: 100%;
            margin-left: 110px !important;
            display: none !important;
        }
        .slick-dots li button:before {
            font-family: 'slick';
            font-size: 6px;
            line-height: 19px;
            position: absolute;
            top: 0;
            left: 0;
            width: 10px;
            height: 10px;
            content: '•';
            text-align: center;
            opacity: 0.25;
            color: black!important;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        header.desktopheader {
            display: none;
        }
        div#nav-tab h2 {
            text-transform: capitalize;
            font-size: 32px;
            color: #103246;
            font-weight: 500;
            font-family: 'Poppins';
            position: static;
            font-size: 30px;
            color: #103246;
            font-weight: 600;
            font-family: sans-serif;
            text-align: center;
            border-right: 1px solid black;
            /* width: 142px; */
            height: 114px;
        }
        .no_product {
            align-items: center;
            text-align: center;
            margin: 20%;
            background: white;
            padding: 29px;
            border-radius: 25px;
        }
        .header-mobile{display: block;}
        /* course css :start */
        img.courses-banner-01 {
            display: flex;
            width: 100%;
            margin: auto;
            justify-content: center;
            align-items: center;
            border-radius: 20px;
            flex-direction: column;
            margin-left: 0;
        }
        nav.course-nav {
            display: flex;
            flex-direction: column;
            margin-top: 0px;
            width: 94%;
            background-color: white;
            border: 5px solid #5652C2;
           
        }
       
      
        div#nav-tab h2:hover:after {
            content: "";
            background: #643398;
            height: 72px;
            width: 10px;
            display: block;
            position: relative;
            /* bottom: -11px; */
            left: 168px;
            right: 9px;
            margin: 0 auto;
            border-radius: 10px 10px 10px 10px;
            top: -74px;
        }
        div#nav-tab h2:hover:before {
            content: "";
            height: 14px;
            width: 121px;
            background: #643398;
            display: block;
            border-radius: 50px;
            position: relative;
            bottom: -20px !important;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 102px;
        }
        .crous-banner {
            justify-content: center;
            width: 99%;
            margin-top: 34px;
            margin: auto;
            margin-top: 19px;
            height: 100%;
        }
        div#nav-tab {
            background-color: white;
            border-radius: 28px;
            /* margin: 11px; */
            /* max-width: 239px; */
            display: contents;
        }
        .box-main {
            display: flex;
            margin: auto;
            justify-content: center;
            margin-top: 30px !important;
            flex-direction: column;
        }
        figure.Head-Logo img {
            width: 53px !important;
            object-fit: cover !important;
            position: absolute !important;
            top: -2px !important;
            right: 0px !important;
            left: 15px !important;

        }
        .Hd-Email-Col:after {
            content: "";
            position: absolute;
            width: 2px;
            height: 35px;
            background: #b5bac4;
            left: 10% !important;
            top: 0;
            display: none;
        }
        .Baner-Slide-Box img, .feroz {
            width: 100%;
            object-fit: cover;
            border-radius: 30px;
            min-height: 106px !important;
        }
        .Prayer-Heading h3 {
            display: flex;
            text-align: center;
            position: relative;
            bottom: 108px;
            font-size: 30px;
            right: 17px !important;
            bottom: 45px !important;
            left: -1px !important;
            /* width: 100%; */
        }

        .Prayer-Heading span {
            background: #8646f1;
            padding: 2px 1px;
            width: 229px;
            border-radius: 10px;
            text-align: center;
            position: absolute;
            right: 47px;
            top: 324px;
        }
        .Urdu-text {
            position: absolute;
            right: 75px !important;
            top: 332px !important;
        }
        
        .Hd-Email a {
            font-size: 16px;
            font-family: Poppins;
            text-decoration: none;
            color: #abaeb5;
            position: absolute;
            display: flex;
            right: 103px;
            top: 9px;
            left: -21px;
        }

        .urdu-heading {
            background-color: white;
            width: 100%;
            margin: auto;
            margin-top: 50px;
            position: relative;
            padding: 13px;
            border-radius: 30px;
            margin-bottom: 10px;
        }
        .calculator-icon {
            margin: auto;
            width: 46%;
            align-items: center;
            text-align: center;
            position: absolute;
            right: 0px;
            left: 256px;
            top: 107px;
            bottom: 0;
        }
        .urdu-icon {
            width: 53%;
            align-items: center;
            margin: auto;
            position: absolute;
            left: 0;
            right: 92px;
            top: 143px;
            bottom: 0;
        }
        .text-aera p {
            text-align: center !important;
            font-size: 20px !important;
            line-height: 68px !important;
            color: #7e7d7d !important;
            font-weight: 500 !important;
            text-align: center !important;
            font-family: 'Poppins' !important;
            text-transform: capitalize !important;
            margin-bottom:0 !important;
        }
        a.rg-btn-1 {
            background-color: #2B55C2;
            color: white;
            text-decoration: none;
            padding: 6px 50px;
            border-radius: 12px;
            font-size: 14px;
            /* line-height: 71px; */
            color: #ffffff;
            text-align: center;
            margin: 11px;
            display: flex;
            flex-direction: row;
            /* width: 240px; */
            height: 84px;
        }
       
        .rg-sub-button {
            width: 86%;
            align-items: center;
            text-align: center;
            top: 407px;
            bottom: 0;
            left: 24px;
            display: flex;
            flex-direction: row;
            padding: 0;
        }
        a.sub-btn-1 {
            background-color: #1CAE52;
            color: white;
            text-decoration: none;
            padding: 6px 42px;
            border-radius: 12px;
            font-size: 17px;
            /* line-height: 71px; */
            color: #ffffff;
            text-align: center;
            /* margin: -5px; */
        }
        textarea#text-area {
            border-radius: 30px;
            width: 100%;
            padding: 16px;
            font-style: italic;
            position: relative;
        }
        
     
        .keyboard figure {
            width: 94%;
            height: 53vh;
            margin: auto;
            margin-bottom: 6px;
            margin-bottom: 30px;
        } 
        .benfts {
            margin: auto;
            display: flex;
            text-align: center;
            align-items: center;
            flex-direction: column;
            /* margin-top: 38px; */
        } 
        .bent-ul ul li {
            text-transform: capitalize;
            padding: 10px;
            font-size: 18px;
            color: #4f5e7e;
            font-weight: 400;
            font-family: 'Oswald';
            width: 100%;
        }
        .bent-li ul li {
            text-transform: capitalize;
            padding: 10px;
            font-size: 17px;
            color: #4f5e7e;
            font-weight: 400;
            margin-left: 47px;
            font-family: 'Oswald';
        }
        .membership h2 {
            text-transform: capitalize;
            font-size: 38px;
            color: #8646f1;
            font-weight: 600;
            font-family: "Oswald";
            text-align: center;
            /* margin-top: 27px; */
            margin-bottom: 15px;
        }
        form h1 {
            font-size: 58px;
            text-transform: capitalize;
            font-weight: 700;
            color: #5D5F5F;
            /* margin-right: 126px; */
            /* margin-top: 26px; */
            /* display: flex; */
            margin-bottom: auto;
        }
        .checkbox label {
            text-transform: capitalize;
            margin-left: 8px;
            font-size: 14px;
        }
        .Prayer-tp {
            display: flex;
            flex-direction: column;
        }
        /* home page css */
        .Intro-Sec {
            display: flex;
            flex-direction: column;
            background-color: #e0c08b;
        }
        .introImg img {
            width: 100%;
        }
        .Intro-Content h3 {
            text-align: center;
            font-size: 69px !important;
            width: 100%;
        }
        .Intro-Content h2 {
            text-align: center;
            color: #ffffff;
        }
        .ProdSlide-Main {
            margin-top: 30px;
            text-align: center;
            justify-content: center;
            margin-right: 0px;
            width: 92%;
        }
        .Intro-Content h2 {
            font-size: 33px !important;
            font-weight: 700;
            /* font-family: Nexa; */
            margin: 0px;
            color: #FFA000;
        }
        .Intro-Content {
            width: 100%;
        }
        .introImg img {
            width: 100% !important;
        }
        .Intro-Content p {
            text-align: center;
            color: #ffffff;
        }
        .Prayer-Box p {
            font-size: 26px;
            font-family: Poppins;
            /* color: #ae123f; */
            font-weight: bolder;
            margin: 0px;
            padding-left: 31px;
            transition: all ease-in-out 0.3s;
        }
        .feature-Postside {
            
            
            text-align: center;
            background-color: white;
            
            border-radius: 50px;
            
        }
        .Feature-postupld figure img {
            border-radius: 40px;
            object-fit: cover;
            width: 100%;
        }
        h2.Heading-Main {
            font-size: 46px;
            font-family: Poppins;
            color: #8646f1;
            font-weight: 700;
            margin: 0px;
            padding-top: 10px;
            justify-content: center;
        }
        h2.Heading-Main {
            font-size: 46px;
            font-family: Poppins;
            color: #8646f1;
            font-weight: 700;
            margin: 0px;
            padding-top: 10px;
            text-align: center;
            justify-content: center;
        }
        .Recnt-Postside {
            background-color: #ffffff;
            border-radius: 52px;
            margin-top: 20px;
        }
        .RectPst-Title h3 {
            font-size: 25px;
        }
        .RectPst-Title p {
            font-size: 13px;
        }
        .Watch-btn a {
            padding: 5px 26px;
            background: #9944F6;
            border-radius: 40px;
            color: white;
            font-family: Poppins;
            font-size: 12px;
            text-decoration: none;
            font-weight: 400;
            border: 1px solid #9944F6;
            transition: 0.3s;
        }
        .youtube {
            margin-top: 16px;
        }
        /* labiray css  */
        .libary-banner {
            display: flex;
            width: 100%;
            justify-content: center;
            margin-top: 22px;
            background-color: #F5F7F9;
            margin: auto;
            border-radius: 52px;
            margin-top: 20px;
            margin-bottom: 20px;
        }
        .ly-input input {
            width: 100%;
            border-radius: 8px;
            border: none;
            height: 41px;
            padding: 13px;
            background-color: #E1E1EB;
            font-size: 14px;
            line-height: 64px;
            color: #afafc3;
            font-style: italic;
            font-family: 'poppins';
            /* text-align: center; */
        }
        .ly-icon {
            position: absolute;
            right: 0;
            left: 200px;
            top: 11px;
            bottom: 0;
            color: #757575;
            /* align-items: center; */
        }
        .course-class-dlfex-2 {
            display: flex;
            justify-content: center;
            flex-direction: column;
        }
        img.labrary-book {
            width: 100%;
            border-radius: 67px;
            min-height: 100%;
        }
        
        .labrary-books button {
            background-color: #10A914;
            font-size: 16px;
            height: 44px;
            color: #ffffff;
            font-weight: 500;
            font-family: 'Poppins';
            text-align: center;
            border-radius: 11px;
            width: 192px;
            border: none;
            justify-items: center;
            align-items: center;
        
            text-transform: capitalize;
            margin-left: 37px;
        }
        .down-img {
            width: 896px;
            margin: auto;
            display: none;
        }
        .login {
            background-color: white;
            border-radius: 30px;
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 500px;
            padding: 26px;
            justify-content: center;
            align-items: center;
        }
        .login {
            background-color: white;
            border-radius: 30px;
            display: flex;
            flex-direction: column;
            width: 100% !important;
            height: 500px;
            padding: 26px;
            justify-content: center;
            align-items: center;
        }
        input#fname {
            width: 100%;
            height: 44px;
            border-radius: 13px;
            border: 1px solid gray;
            background-color: #EFF2F6;
        }
        input#prof {
            width: 100%;
            height: 44px;
            border-radius: 13px;
            border: 1px solid gray;
            background-color: #EFF2F6;
        }
        input#add {
            width: 100%;
            height: 44px;
            border-radius: 13px;
            border: 1px solid gray;
            background-color: #EFF2F6;
        }
        img.sp-img {
            width: 88%;
        }
        .sg-rt-ct h2 {
            font-size: 49px;
            color: #5749d2;
            font-weight: 900;
            /* line-height: 0; */
        }
        /* amal-pateint dashbord css */
.amal-progress-cont {
    background-color: white;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    text-align: center;
    width: 100%;
    background-color: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    align-items: center;
    padding: 2px;
    padding-bottom: 10px;
}

.amal-progress-cont h1 {
    /* font-size: 28px; */
    color: #91cef4;
    font-weight: 600;
    font-family: 'Poppins';
    text-align: center;
    justify-content: center;
    font-size: 23px;
    /* letter-spacing: 2px; */
    /* color: #1e5c82; */
    font-weight: bold;
    font-family: 'Poppins';
    text-align: center;
    align-items: center;
    margin-top: 15px;
    position: relative;
    left: 7px;
    top: -11px;
}
.amal-progress {
    display: flex;
    justify-content: space-around;
    text-align: center;
    width: 100%;
    height: 100%;
    gap: 1rem;
    padding: 1px;
    display: flex;
    width: 96%;
    /* background-color: #6dcff68f; */
    margin: AUTO;
    margin-bottom: 14px;
    HEIGHT: 63%;
    border-radius: 13px;
}
.fc-d-pro-box {
    width: 29%;
    display: flex;
    background-color: #0f20de38;
    color: white;
    margin: auto;
    padding: 1px;
    height: 56px;
    border-radius: 9px;
    /* margin: 20px 20px; */
}
.d-pro-box {
    /* background-color: #6DCFF6; */
    margin: 0px;
    justify-content: center;
    padding: 6px;
    align-items: center;
    width: 91%;
    height: 71PX;
    border-radius: 6px;
    width: 29%;
    display: flex;
    /* background-color: #0f20de38; */
    color: white;
    margin: auto;
    padding: 7px;
    height: 56px;
    border-radius: 9px;
}
.d-pro-box figure {
    width: 4%;
    position: absolute;
    top: 54px;
    margin-left: -14px;
}
.bok-app {
    margin-bottom: 47px;
    width: 100% !important;
    background-color: #F6F7FB;
    height: 90% !important;
    text-align: center;
    margin: auto;
    margin-top: 30px;
    padding: 16px;
    border-radius: 20px;
}
.bok-app h2 {
    text-transform: capitalize;
    font-size: 53px !important;
    font-family: 'Poppins';
    color: #2E3E5D;
}
.bok-app h3 {
    text-transform: capitalize;
    font-size: 45px !important;
    font-family: 'Poppins';
    line-height: 0.2;
    font-weight: 700;
    color: #2E3E5D;
}
.name-f {
    padding: 3px;
    /* margin-bottom: 8px; */
    DISPLAY: FLEX;
    FLEX-DIRECTION: column;
    WIDTH: 100%;
}
input#int , select#int , .payment {
    width: 100% !important;
    height: 43px;
    border-radius: 20px;
    border: 1px solid gray;
    padding-left: 27px;
    text-transform: capitalize;
    font-style: oblique;
    font-family: 'Poppins';
    font-size: 16px;
    background-color: #E7ECF2;
    color: gray;
    margin-left: 5px;
    MARGIN-BOTTOM: 17PX;
}
input#int {
    width: 100% !important;
    height: 43px !important;
    border-radius: 20px;
    border: 1px solid gray;
    padding-left: 27px;
    text-transform: capitalize;
    font-style: oblique;
    font-family: 'Poppins';
    font-size: 16px !important;
    background-color: #E7ECF2;
    color: gray;
    margin-left: 5px;
    MARGIN-BOTTOM: 17PX;
    PADDING-TOP: 6PX;
}
button#submit-button{
    margin-left: 108px!important; 
}
}
@media(max-width:991px){
    .Inner-Nav li a {
        font-size: 7px!important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px)
{
    /* .nav ul {
        display: flex;
        list-style: none;
        margin: 0px;
        width: 79%;
        column-gap: 8px;
         text-transform: capitalize;
        background-color: #EFF3FC;
        padding: 0px;
        margin-left: 0px;
        border-radius: 49px 0px 0px 49px;
        margin-top: 8px;
        justify-content: center;
        justify-content: center;
        align-content: center !important;
        /* background-color: #9944F6; */
        /* color: white; */
        /* border: 4px solid #9944F6;
        font-size: 16px;
        font-family: 'Oswald';
        list-style: auto;
    }
     .nav ul {
        display: flex;
        list-style: none;
        margin: 0px;
        width: 100%;
        column-gap: 56px;
        text-transform: capitalize;
        background-color: #EFF3FC;
        padding: 12px;
        margin-left: 82px;
        border-radius: 49px 0px 0px 0px;
        margin-top: 8px;
    } */ 
    .Hd-Email-Col:after {
        content: "";
        position: absolute;
        width: 2px;
        height: 35px;
        background: #b5bac4;
        left: 90%;
        top: 0;
    }
    .Inner-Nav ul {
        display: flex;
        align-items: center;
        gap: 31px;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        justify-content: flex-end;
        z-index: 2;
        position: relative;
        max-width: 1182px;
        margin: auto;
        margin-left: 140px;
    }
}

/* RESPONSIVE HERE ENDED */

/* responsive for large screen */

@media only screen and (min-width: 1600px){
    header .container .col-md-2 {
        position: relative;
        left: -277px;
    }
    /* .Inner-Nav ul {
        display: flex;
        align-items: center;
        gap: 38px;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        justify-content: flex-end;
        z-index: 2;
        position: relative;
        max-width: 1182px;
        margin: auto;
        margin-left: 273px!important;
    } */
    .Inner-Nav ul {
        display: flex;
        align-items: center;
        gap: 43px!important;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        justify-content: flex-end;
        z-index: 2;
        position: relative;
        max-width: 1400px!important;
        margin: auto;
        margin-left: 227px!important;
    }
    .Inner-Nav li a {
        font-size: 19px!important;
        text-decoration: none;
        font-family: Poppins;
        color: #253243;
        font-weight: 600;
    }
    .Hd-Email a {
        font-size: 16px;
        font-family: Poppins;
        text-decoration: none;
        color: #abaeb5;
        MARGIN-LEFT: -109PX!important;
    }
    .Hd-Email-Col:after {
        content: "";
        position: absolute;
        width: 2px;
        height: 35px;
        background: #b5bac4;
        left: 12%!important;
        top: 0;
    }
  }
  @media only screen and (min-width: 1440px) and (max-width: 1600px){
    figure.Head-Logo {
        max-width: 110px;
        margin: 0px;
        MARGIN-LEFT: -99px!important;
    }
    .Inner-Nav ul {
        display: flex;
        align-items: center;
        gap: 31px;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        justify-content: flex-end;
        z-index: 2;
        position: relative;
        max-width: 1182px;
        margin: auto;
        margin-left: 190px!important;
    }

  }
  @media screen and (min-width: 992px) and (max-width: 1199px){
    .Inner-Nav li a {
        font-size: 13px!important;
        text-decoration: none;
        font-family: Poppins;
        color: #253243;
        font-weight: 600;
    }
    .Hd-Email-Col:after {
       
        left: 100%!important;
        
    }
    .Hd-Email a {
       MARGIN-LEFT: 115PX!important;
    }
 
   
  }
  @media screen and (min-width: 1200px) and (max-width: 1365px){
    .Inner-Nav li a {
        font-size: 14px!important;
      
    }

  }
  @media screen and (min-width: 768px) and (max-width: 991px){
    .Inner-Nav li a {
        font-size: 10px!important;
    }
    .Hd-Email a {
        font-size: 12px!important;
    }
    .Inner-Nav:after {
        height: 54px!important;  
    }
    .Inner-Nav li a svg {
        font-size: 14px!important;
        margin-right: 0px;
    }
  }
  /* @media(max-width:1024px){
    .Inner-Nav li a {
        font-size: 7px!important;
        
    }
    .Hd-Email a {
        font-size: 11px!important;
      
    }
    .Hd-Email-Col:after {
       left: 100%!important;
       }
       figure.Head-Logo img {
        width: 92px!important;
      
  }
  .Hd-Email a {
   
    MARGIN-LEFT: 86PX !important;
}
  } */