@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?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&display=swap');


/* this css sheet is for the tab  */


@media only screen and (max-width: 991px) and (min-width: 768px) {

    /* Body  */

    * {
        margin: 0;
        padding: 0;
        scroll-behavior: smooth;
    }

    #bodyMain {
        background-color: #FFEFEF;
        overflow-x: hidden;
                -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
    }

    #body_log{
        background-color: #E4D0D0;
        overflow-x: hidden;
    }
    .log_info{
        border-radius: 10px;
        text-align: center;
        border: 1px solid #0078AA;
        margin: 200px auto;
        width: 500px;
        height: 300px;
        background-color: #5AB2FF;
    }

    .tick_log{
        position: absolute;
        position: absolute;
        top: 270px;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 50%;
    }

    .log_head{
        margin: 15% 0 60px;
        font-size: xx-large;
        font-family: 'Times New Roman', Times, serif;
        font-weight: 600;
        color: #fff;
    }

    .mar_left{
        margin-left: 20px;
    }
    /* here is navbar  */

    .gayab_koro {
        z-index: -1000;
        opacity: calc(0);
        position: absolute;
    }

    .navbar {
        padding: 0 5%;
        background-color: #A6CF98;
        height: 80px;
    }

    .nav-link {
        font-family: "poppins", 'Times New Roman', Times, serif;
        font-weight: 300;
        cursor: pointer;
    }

    .nav-link:hover {
        text-decoration: underline;
        font-weight: 500;
    }

    .nav-tp {
        width: 100%;
        height: 80px;
        background-color: transparent;
        transition: background-color 0.3s;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1000;
    }

    .button_enroll {
        font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        margin-left: 20px;
    }

    .scrolled {
        background-color: #A6CF98;
        transition: background-color 0.3s;
    }

    .logoMain {
        border-radius: 50%;
        width: 60px;
    }

    .img-designe {
        display: flex;
        background-color: red;
        height: 200px;
        width: 200px;
    }

    .points-header {
        text-align: justify;
        margin-left: 20px;
        font-family: "Roboto Serif", serif;
        color: #5F374B;
        font-weight: 500;
        font-style: normal;
        background-color: antiquewhite;
    }

    .crausal1 {
        text-align: justify;
        font-family: "Poppins", sans-serif;
        color: #5F374B;
        font-weight: 500;
        font-style: normal;
        margin-left: 30px;
    }

    .crausal-text {
        font-family: "Poppins", sans-serif;
        font-weight: 300;
        font-size: medium;
        color: rgb(29, 29, 29);
        text-align: justify;
    }

    .crausal-p {
        text-align: justify;
    }

    /* here will be the yogi man  */

    .branches {
        position: absolute;
        top: 550px;
        background-image: url(Yoga-IMG/10069417-tree-branch-with-flowers-and-leaves-removebg-preview.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 250px;
        width: 350px;
        z-index: -10;
        opacity: calc(60%);
    }

    .flower-index-bg {
        z-index: -5;
        position: absolute;
        left: 0;
        top: 880px;
        background-image: url(Yoga-IMG/pngtree-flat-paper-and-flowers-on-side-image_6117410-removebg-preview.png);
        background-position: center;
        background-repeat: no-repeat;
        height: 230px;
        width: 100px;
        opacity: calc(70%);
    }

    .flower-index-bg-rv {
        z-index: -5;
        position: absolute;
        right: 0;
        top: 880px;
        background-image: url(Yoga-IMG/pngtree-flat-paper\(C\)-and-flowers-on-side-image_6117410-removebg-preview\ -\ Copy.png);
        background-position: center;
        background-repeat: no-repeat;
        height: 230px;
        width: 100px;
        opacity: calc(70%);
    }

    .yogi-man {
        z-index: -1;
        background-image: url(Yoga-IMG/WhatsApp_Image_2024-04-18_at_11.59.59_AM-removebg-preview.png);
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 800px;
        right: 50%;
        transform: translate(50%, -10%);
        margin: 0 auto;
        height: 350px;
        width: 360px;

    }

    .img-d4 {
        position: absolute;
        z-index: -5;
        right: 350px;
        top: 900px;
        background-image: url(Yoga-IMG/chakra-6-removebg-preview.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: 200px;
        width: 200px;
        transform: translate(-50%, -50%);
        animation: rotate-bk 70s linear infinite;
        opacity: calc(15%);
    }

    .img-c3 {
        position: absolute;
        z-index: -5;
        right: 370px;
        top: 730px;
        background-image: url(Yoga-IMG/chakra-5-removebg-preview.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: 300px;
        width: 300px;
        transform: translate(-50%, -50%);
        animation: rotate-bk 70s linear infinite;
        opacity: calc(30%);
    }

    .img-b2 {
        position: absolute;
        z-index: 1;
        right: 530px;
        top: 920px;
        background-image: url(Yoga-IMG/chakra-3-removebg-preview.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: 200px;
        width: 200px;
        transform: translate(-50%, -50%);
        animation: rotate 70s linear infinite;
        opacity: calc(30%);
    }

    .img-a1 {
        position: absolute;
        z-index: -1;
        left: 400px;
        top: 750px;
        background-image: url(Yoga-IMG/chakra-2-removebg-preview.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: 400px;
        width: 400px;
        transform: translate(-50%, -50%);
        animation: rotate 70s linear infinite;
        opacity: calc(15%);
    }

    .image-container {
        position: absolute;
        overflow: hidden;
    }

    .image-container img {
        width: 100%;
        height: auto;
        animation: rotate 70s linear infinite;
        transform-origin: center center;
    }

    @keyframes rotate {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }

    @keyframes rotate-bk {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(-360deg);
        }
    }

    /* here is crausal img  */

    #crausal {
        min-height: 600px;
    }

    .crausal {
        height: 500px;
    }

    .img-rotate {
        position: absolute;
        z-index: -1;
        left: -30px;
        top: 100px;
        background-image: url(Yoga-IMG/images__1_-removebg-preview.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: 400px;
        width: 400px;
        transform: translate(-50%, 5%);
        animation: rotate 90s linear infinite;
        opacity: calc(10%);
    }

    @keyframes rotate {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }

    .circular-img {
        width: 200px;
        height: 200px;
        right: 10%;
        top: 10%;
        border: 1px solid gold;
        border-radius: 50%;
        position: absolute;
        animation: ripple 5s ease-out infinite;
        z-index: -5;

    }

    @keyframes ripple {
        0% {
            transform: scale(0);
            opacity: 1;
        }

        100% {
            transform: scale(4);
            opacity: 0;
        }
    }

    .ripple:nth-child(2) {
        animation-delay: 0.3s;
    }

    .ripple:nth-child(3) {
        animation-delay: 0.6s;
    }

    .carusalimg1 {
        border-radius: 10px;
        position: relative;
        height: 300px;
        width: 350px;
    }

    .carusalimg1 {
        transition: transform 0.3s ease;
    }

    .carusalimg1:hover {
        transform: scale(1.1);
    }

    .carousel-control-prev-icon {
        background-color: #A6CF98;
        border-radius: 20px;
    }

    .carousel-control-next-icon {
        background-color: #A6CF98;
        border-radius: 20px;
    }

    .crausal1Btn {
        margin: 30px 10px 0;
    }

    .cr_tx {
        margin-left: 30px;
    }

    .carousel {
        margin: 70px 0;
    }

    .col {
        text-align: center;
    }

    .point {
        padding: 0 3%;
    }

    .crausal1 {
        overflow: hidden;
        position: relative;
        font-size: x-large;
    }

    .crausal1 {
        transition: transform 0.3s ease;
    }

    .crausal1:hover {
        transform: scale(1.1);
        transition: transform 0.5s ease-in-out, opacity 0.5s ease;
    }

    /* here is the card display  */

    .card_linky {
        text-decoration: none;
        color: #fff;
    }

    .card-title {
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-weight: 500;
        color: #675D50;
    }

    .card_linky:hover {
        color: white;
    }

    .card-body {
        background-color: #F6F5F2;
    }

    #cardsDisplay {
        text-align: center;
        margin: 330px 0 80px;
        background-color: #D9EDBF;
        padding: 60px 0;
    }

    .card {
        width: 17rem;
        border-radius: 20px;
    }

    .card-top {
        color: #5F374B;
        font-weight: 900;
        font-family: 'Times New Roman', Times, serif;
    }

    .card-texty {
        width: 100%;
        height: 0;
        background: linear-gradient(rgb(0, 0, 0, 0.5), #FBC252);
        border-radius: 10px;
        position: absolute;
        left: 0;
        bottom: 0;
        border-radius: 10px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 0 40px;
        text-align: center;
        font-size: 14px;
        transition: height 0.6s;
        color: aliceblue;
    }

    .card:hover .card-text {
        height: 100%;
    }

    .card-para {
        text-decoration: none;
    }

    .hanging_flowers {
        position: absolute;
        top: 2300px;
        right: 50px;
        height: 200px;
        width: 200px;
        z-index: -7;
        opacity: calc(80%);
    }

    .card-img-top {
        height: 250px;
    }

    /* here will the student part  */


    .student-cont {
        text-align: center;
        margin: 90px 0;
        padding: 50px;
        background: linear-gradient(rgb(0, 0, 0, 0), #ABC4AA);
        border-radius: 10px;
        text-align: center;
    }

    .student_img {
        margin: 10px auto;
        border: 1px solid;
        border-radius: 50%;
        height: 100px;
        width: 100px;
    }

    .student_body {
        border-radius: 10px;
        margin: auto;
    }

    .reddyy {
        background-color: #fff;
    }

    /* here is the contact display part  */

    .contact-info {
        background-image: url(Yoga-IMG/Untitled\ design.png);
        background-position: left;
        background-repeat: no-repeat;
        text-align: center;
        background-color: #A6CF98;
        height: 320px;
        padding: 5%;
    }

    .num {
        text-decoration: none;
        color: black;
        cursor: pointer;
    }

    .content {
        display: grid;
        justify-content: center;
        align-items: center;
    }

    /* here is the slider part */

    #events {
        margin: 50px 0;
    }

    .slider-header {
        text-align: center;
    }

    .slider {
        position: relative;
        border: 1px solid #A6CF98;
        background-color: #F3FDE8;
        max-width: 800px;
        width: 60%;
        border-radius: 20px;
        padding: 20px;
    }

    .slider-wrapper .img-list {
        display: grid;
        gap: 15px;
        grid-template-columns: repeat(20, 1fr);
        overflow-x: auto;
    }

    .slider-wrapper .img-list .img-item {
        width: 200px;
        height: 200px;
        object-fit: cover;
        margin-bottom: 20px;
    }

    .niche_ka_flower {
        z-index: -10;
        background-image: url(Yoga-IMG/64368649-flowers-fantasy-cute-background-for-your-text-removebg-preview.png);
        background-position: center;
        background-repeat: no-repeat;
        height: 500px;
        width: 400px;
        position: absolute;
        left: -20px;
        top: 2800px;
        opacity: calc(90%);
    }


    /* here is the footer part  */

    .footer {
        background-color: #A6CF98;
        background-image: url(Yoga-IMG/Untitled_design_f-removebg-preview.png);
        background-position: center;
        background-size: cover;
        height: 50%;
        padding: 5%;
    }

    .footer-text {
        font-family: "poppins", sans-serif;
        font-weight: 300;
        font-size: 15px;
        text-align: justify;
    }

    .footer-text:hover {
        font-weight: 700;
    }

    .footerContent {
        text-align: justify;
    }

    .foot_head {
        color: #5a544e;
        font-size: xx-large;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    }

    .foot_he {
        color: #5a544e;
        font-size: x-large;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    }

    li {
        /* font-family: 'poppins','Times New Roman', Times, serif;
        font-size: smaller; */
        list-style: none;
        text-align: justify;
    }

    .endDivider {
        margin: 70px 0 30px;
    }

    .quick-links {
        color: rgb(29, 29, 29);
        text-decoration: none;
    }

    .quick-links:hover {
        text-decoration: underline;
        color: #675D50;
    }

    .faEd {
        margin: 5px;
    }


    .point {
        text-align: left;
    }

    .mt_foot {
        margin: 0 0 50px;
    }

    /* here is the reiki part  */

    .reiki_top_img {
        background-image: url(Yoga-IMG/aura-5338110_1280.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: absolute;
        top: 0;
        width: 100%;
        height: 450px;
    }

    .reiki_ka_last {
        z-index: -10;
        background-image: url(Yoga-IMG/images__4_-removebg-preview.png);
        background-position: center;
        background-repeat: no-repeat;
        height: 180px;
        width: 180px;
        z-index: -10px;
        position: absolute;
        right: 0;
        top: 2370px;
    }

    .reiki_img {
        width: 100%;
    }

    .reiki_cont_img {
        height: 330px;
    }

    /* yoga content  */

    .yoga-content {
        box-shadow: 2px solid;
        border: 1px snow;
        border-radius: 10px;
        margin: 400px 0 0;
        padding: 20px;
        background-color: #fff;
    }

    .yoga-head {
        position: absolute;
        background: linear-gradient(rgba(224, 140, 140, 0.651), #F3FDE8);
        height: 400px;
        top: 0;
    }

    .yoga-head:hover {
        background: linear-gradient(rgb(223, 224, 206), #FFE5E5);
        cursor: pointer;
    }

    .yoga_intro {
        margin-top: 170px;
        font-family: Georgia, 'Times New Roman', Times, serif;
        font-weight: 900;
        color: #675D50;
    }


    .yoga_content_pic {
        height: 250px;
        margin: 20px 5px 0 20px;
    }

    .yoga_content_text {
        border-right: 1px solid;
    }

    .hello_moto {
        height: 200px;
        width: 100%;
        position: absolute;
        top: 0;
        background-color: #1d8dd8;
    }

    .upar_jao {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .yoga_img {
        background-position: top;
        height: 400px;
        width: 100%;
    }

    .yoga_details {
        margin-top: 550px;
    }

    .yoga_bg_img {
        z-index: -20;
        background-image: url(Yoga-IMG/IMG-20240319-WA0022.jpg);
        background-position: top;
        background-repeat: no-repeat;
        width: 100%;
        height: 350px;
        margin: 0px 0;
        text-align: center;
        padding-top: 200px;
    }

    .crau_yoga_txt {
        font-family: 'Courier New', Courier, monospace;
        font-weight: 1000;
        color: #5F374B;
    }

    .bg_div_text {
        font-family: serif;
        font: 900;
        color: #F3FDE8;
    }

    .yoga_header {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        color: #675D50;
        text-align: center;
    }

    .yog_txt {
        border-radius: 10px;
        background-color: #FFE5E5;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        font-size: larger;
        font-weight: 500;
        color: #675D50;
    }

    /* meditation content  */

    .medi_foot_flower {
        z-index: -10;
        background-image: url(Yoga-IMG/images__3_-removebg-preview.png);
        background-position: center;
        height: 120px;
        width: 100px;
        position: absolute;
        top: 2260px;
        right: 0;
    }

    .body_medi {
        background-image: url(Yoga-IMG/1b0d53932f6ee65c879bffffe9fea9ba.jpg);
        background-position: center;
        height: 300%;
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;
        opacity: calc(40%);
        z-index: -50;
    }

    .medi-img {
        border-radius: 10px;
        height: 350px;
        margin-bottom: 20px;
    }

    .vid-center {
        margin: auto;
        height: 200px;
        width: 100%;
        text-align: center;
    }

    .medi-paragraph {
        padding-right: 0px;
    }

    .btt {
        text-align: center;
    }

    .medi-navscrool {
        background-image: url(Yoga-IMG/maxresdefault.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
        position: absolute;
        top: 0;
        width: 100%;
        height: 400px;
    }

    .medi_top_part {
        text-align: center;
        color: #F3FDE8;
        font-family: 'Courier New', Courier, monospace;
        margin-top: 310px;
        font-weight: 700;
    }

    .yog_img {
        width: 100%;
        height: 400px;
    }

    .medi_bg_img {
        position: absolute;
        top: 1730px;
        background-image: url(Yoga-IMG/Yoganidra.jpg);
        background-position: center;
        background-repeat: no-repeat;
        height: 250px;
        width: 100%;
        background-color: black;
        opacity: calc(90%);
    }

    .medi_second_part {
        text-align: center;
        margin: 50px 0 0;
    }

    .medi_stu_img {
        height: 250px;
        width: 250px;
        border: 1px solid;
        border-radius: 10px;
        display: block;
        margin-right: 0px;
    }

    /* here is the nidra part  */

    .yoga-navscrool {
        background-image: url(Yoga-IMG/AdobeStock_272213587-scaled-e1627287830311.jpeg);
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        width: 100%;
        height: 370px;
    }

    .nidra_top_part {
        text-align: center;
        color: #F3FDE8;
        font-family: 'Courier New', Courier, monospace;
        margin-top: 200px;
        font-weight: 700;
    }

    .yog_txt {
        border-radius: 10px;
        background-color: #FFE5E5;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        font-size: larger;
        font-weight: 500;
        color: #675D50;
    }

    .medi_top_img {
        z-index: -10;
        background-image: url(Yoga-IMG/images__4_-removebg-preview\ -\ Copy.png);
        background-position: center;
        height: 180px;
        width: 180px;
        position: absolute;
        top: 400px;
        right: 0;
        opacity: calc(50%);
    }


    /* register page  */

    .regi_top_text {
        text-align: center;
        color: #fff;
        margin-top: 350px;
        font-family: Georgia, 'Times New Roman', Times, serif;
        font-weight: 900;
    }

    .regi-navscrool {
        background-image: url(Yoga-IMG/IMG-20240319-WA0019.jpg);
        background-position: bottom;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        width: 100%;
        height: 450px;
    }

    .regi_img {
        margin: 0 10px 0 0;
        height: 300px;
        width: 250px;
    }

    .regi_mn {
        width: 100%;
    }

    .hor-rul {
        border: none;
        border-top: 5px dotted #1d8dd8;
        color: #3498db;
        background-color: transparent;
        width: 50%;
        margin: auto;
    }

    .regi-from {
        margin: 380px 0 50px;
        background-color: #F6F5F2;
        border-radius: 10px;
        padding: auto;
    }

    .regi-textItems {
        padding: 50px;
        text-align: justify;
    }

    .khali {
        height: 80px;
    }

    .registration_text {
        color: #867070;
        text-align: center;
        margin: 10px;
        border-bottom: 1px dotted;
    }

    .register_box {
        background-color: #DDDDDD;
        margin: 60px auto;
        border-radius: 8px;
        padding: 20px;
    }

    .he_fnsi {
        margin-left: 100px;
    }

    .cent_karo {
        text-align: center;
        margin: auto;
    }

    .regi_second_head {
        text-align: center;
        margin: 50px auto;
        font-family: monospace;
        font-weight: 900;
        color: #675D50;
    }

    .more_about_img {
        height: 250px;
        width: 250px;

    }

    /* here is the tarrot part  */

    .tarrot_top_img {
        background-image: url(Yoga-IMG/tarot-card-with-candlelight-on-the-darkness-background-for-astrology.jpg);
        background-position: center;
        position: absolute;
        top: 0;
        width: 100%;
        height: 420px;
        margin-bottom: 0px;
    }

    .tarot_top_part {
        text-align: center;
        color: #fff;
        font-family: 'Courier New', Courier, monospace;
        margin-top: 350px;
        font-weight: 900;
    }

    .tar_cont_img {
        height: 200px;
        opacity: calc();
    }

    .tar_bg {
        width: 100%;
        height: 300px;
    }

    /* here is the counceling part  */

    .counceling_top_img {
        width: 100%;
        height: 350px;
        position: absolute;
        top: 0;
        background-image: url(Yoga-IMG/counceling_session.png);
        background-position: left;
    }

    .coun_top_text {
        text-align: center;
        margin-top: 150px;
        margin-left: 400px;
    }

    .con_head_text {
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        color: #675D50;
    }

    /* here is the student part */

    .feedback_ka_flower {
        background-image: url(Yoga-IMG/64368649-flowers-fantasy-cute-background-for-your-text-removebg-preview\ -\ Copy.png);
        background-position: center;
        background-repeat: no-repeat;
        height: 500px;
        width: 300px;
        position: absolute;
        right: 10px;
        top: 1300px;
        z-index: -10;

    }

    #login {
        height: 40vh;
        padding-top: 50px;
        background-image: url(Yoga-IMG/mint-green-background-fbflx2xippbci3c1.jpg);
        background-position: center;
        background-size: cover;
    }

    .log_in_me {
        margin: 80px auto 80px;
        height: 300px;
        padding: 10px;
        border-radius: 15px;
        border: 1px solid #C7C8CC;
        background-color: #EEEDEB;
        width: 400px;
    }

    .call_feed {
        font-family: 'Times New Roman', Times, serif;
        color: #675D50;
        font-size: xx-large;
        font-weight: 900;
        text-align: center;
        margin: auto;
        padding-top: 30px;
    }

    .feed_head {
        font-family: 'Times New Roman', Times, serif;
        color: #675D50;
        font-weight: 600;
        text-align: center;
        margin: 15px auto 20px;
    }

    .student_top_img {
        background: rgb(255, 255, 255);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(166, 207, 152, 1) 100%);
        width: 100%;
        height: 350px;
        position: absolute;
        top: 0;
    }

    .student_top_img:hover {
        background: rgb(166, 207, 152);
        background: linear-gradient(90deg, rgba(166, 207, 152, 1) 0%, rgba(255, 255, 255, 0) 100%);
    }

    .studt_flower {
        position: absolute;
        bottom: 0;
        right: 0;
        opacity: calc(50%);
    }

    .stutend_text {
        color: #6b5a5a;
        font-family: 'Courier New', Courier, monospace;
        font-weight: 900;
        font-size: x-large;
        margin-left: 600px;
        margin-top: 250px;
    }

    .studt_imgy {
        position: absolute;
        bottom: 0;
        left: 50px;
        height: 250px;
        width: 500px;
    }

    p {
        font-family: "poppins", sans-serif;
        font-weight: 300;
        font-size: medium;
    }


    /* here is the animation part  */

    .reveal {
        position: relative;
        transform: translateY(100px);
        opacity: 0;
        transition: all 1s ease;
    }

    .reveal.active {
        transform: translateY(0px);
        opacity: 1;
    }


    .jump_txt {
        position: relative;
        transform: translatex(200px);
        opacity: 0;
        transition: all 0.9s ease;
    }

    .jump_txt.bhejo {
        transform: translatex(0px);
        opacity: 1;
    }
    
    .last_pic{
        height: 200px;
        width: 250px;
        border-radius: 10px;
    }

    .last_ed{
        text-align: center;
        color: #675D50;
    }

}