/*-----------Responsive css by Sibankar----------*/
@media (min-width:991px) and (max-width:1300px) {
    .my-plans .list li {
        font-size: 14px;
    }
}

/*source exparties section*/

@media (min-width:991px) and (max-width:1200px) {
    .partner_circle h6 {
        font-size: 15px;
    }

    .partner_circle {
        width: 215px;
        height: 215px;
    }
    .partner_image {
        height: 50px;
    }

    }
/*source exparties section*/

    @media (min-width:992px) {

        .courses .the_image_div {
            max-width: 80%;
        }
        .home_contact_us_left::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            border-top-left-radius: 50px;
            border-bottom-right-radius: 50px;
            border: 2px solid #c9e1fc;
            left: -35px;
            bottom: -35px;
        }

        .lorem .divider-img {
            margin-left: 80px;
        }

        .lorem .content-div {
            width: 85%;
            margin-left: 80px;
        }

        .lorem-2 .content-div {
            width: 85%;
        }

        .useful_links {
            padding-left: 55px;
        }

        .testimonial .item h2::before {
            left: -40px;
        }

        .card-text {
            height: 65px;
        }

        .card-title {
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            min-height: 30px;
            overflow: hidden;
        }

        input[name=SubPhoneNo] {
            margin-top: 44px;
        }
    }

    @media(min-width:1400px) {
        .card-text {
            height: auto;
        }

        .blog-header-main, .blog_content, .blog_footer {
           /* max-width: 1200px;*/
            margin: auto;
        }
    }

    @media(min-width:1800px) {
        .hero img {
            max-width: 590px;
        }

        .traning img {
            max-width: 550px;
            margin-right: auto;
        }

        .lorem img {
            max-width: 650px;
        }

        .courses img {
            max-width: 650px;
        }

        .creted_courses img {
            max-width: 700px;
        }

        .congrats img {
            max-width: 720px;
        }

        .footer-contact {
            max-width: 375px;
            margin: auto;
        }
        p{
            font-size: 18px;
        }
    }
    /*@media(max-width:1599px) {
    .hero .h1_heading {
        line-height: 1.3;
        margin-bottom: 8px;
        font-size: 40px;
    }
}*/
@media (max-width: 1440px) {
    .about_banner p {
        font-weight: 400;
        margin-bottom: 80px;
    }
}
    @media (max-width: 1399px) {
        .home_contact_us_heading {
            width: 50%;
        }

       
    }

    @media (max-width: 1399px) {
        .package-card {
            width: 90%;
        }
        .heading_img {
            height: 30px;
        }

        .cta .btn_1 {
            padding: 12px 32px;
        }

        .my-plans .btn_1 {
            align-items: center;
            justify-content: center;
        }

        .plan-value-section {
            min-height: 300px;
            text-align: center;
        }

        .my-plans h4 {
            text-align: center;
            margin-bottom: 30px;
        }

        .lesson h3 {
            font-size: 46px;
        }

        .digital_learning figcaption .image_heading {
            min-height: 35px;
            margin-bottom: 30px;
        }

        .lorem .arrow {
            padding-left: 40px;
            margin-bottom: 30px;
        }

            .lorem .arrow::before {
                font-size: 45px;
                top: -15px;
            }

        .content-div li {
            margin-bottom: 36px;
        }

        .traning .sub_heading {
            position: relative;
            margin: 0 0 20px 25px;
        }

        /*.traning .sub_heading::before {
            position: absolute;
            content: "\f105";
            left: -40px;
            font-family: FontAwesome;
            color: #24984e;
            font-weight: 900;
            font-size: 47px;
            top: -10px;
        }*/

        .free_trail .btn_2 {
            font-size: 14px;
            min-height: 50px;
            padding: 12px 14px;
        }

        header .nav-item {
            padding-right: 0;
        }

        header .navbar-brand {
            max-width: 250px;
        }

        .footer_logo {
            max-width: 250px;
        }

        .navbar-expand-lg .navbar-nav .nav-link {
            padding-right: 7px;
            font-size: 13px;
            padding-left: 7px;
        }

        .header-demo-btn {
            margin-left: 10px;
            margin-right: 5px;
            padding: 0px !important;
            line-height: 1.2;
        }

        .navbar .header-demo-btn .btn_1 {
            line-height: 1.5;
            font-size: 13px;
            min-width: auto;
            min-height: auto;
            padding: 8px;
        }
    }

    @media (max-width: 1199px) {
        .package-card {
           padding: 32px;
           width: 100%;
          
        }
        .cta .upper_heading {
            width: 100%;
        }

        .blog_content p, .blog_content span {
            font-size: 15px;
        }

        .contact_us .title {
            font-size: 46px;
        }

        .accordion-body p {
            font-size: 15px;
        }

        .main-heading-style-one h2 {
            margin-bottom: 20px;
        }

        .blog-tab .card-title {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            min-height: 60px;
        }

        .blog-tab .card-text {
            font-size: 15px;
        }

        .blog-slide-text h3 {
            font-size: 30px;
        }

        .footer_heading ul li a,
        .footer_heading ul li a p {
            font-size: 16px;
        }

        .cta .btn_1 {
            padding: 14px 40px;
        }

        .digital_learning figcaption .image_heading {
            min-height: 40px;
        }

        .digital_learning figcaption p {
            font-size: 16px;
        }

        .creted_courses h3 {
            font-size: 48px;
        }

        .lorem .sub_heading {
            font-size: 35px !important;
        }

        .lorem .col-lg-9.text-center.mx-auto.mb-lg-5.mb-3 {
            width: 100%;
        }

        .lorem h3:first-of-type {
            font-size: 48px;
        }

        .traning .col-lg-6 ul li p {
            font-size: 26px;
        }

        .free_trail button.btn_2 {
            font-size: 12px;
            padding: 10px 8px;
        }

        .traning .sub_heading {
            font-size: 31px;
        }

        section {
            padding: 100px 0;
        }

        .courses .col-lg-9.text-center.mx-auto.mb-lg-5.mb-3 {
            width: 100%;
        }
    }

    @media (max-width: 991px) {
        .contact_us {
            max-height: 1000px;
        }

        .topbar {
            display: none;
        }

        .courses_reverse .row:last-of-type
        .section_with_btn .content .banner_title {
            width: 100%;
        }

        .flex_section_title {
            margin-top: 30px;
        }

        .flex_section_title_bold {
            margin-bottom: 15px;
        }

        .flex_section {
            text-align: center;
        }

        courses_reverse .row: {
            flex-direction: column-reverse !important;
        }

        .lorem_reverse .row {
            flex-direction: column-reverse;
        }

        .lorem_home_2 .content-div h2::before {
            top: 40px;
        }

        .lorem_home_2 .content-div h2::after {
            top: 40px;
        }

        .lorem_home_2 .content-div {
            PADDING-TOP: 50px;
            margin-left: auto;
        }

        .cta .image_heading {
            text-align: center;
        }

        .the_headung_div h3 {
        }

        .contact_us {
            max-height: auto;
        }



        /* text_image_banner*/
        .text_image_banner .banner_right_image {
            display: none;
        }

        .text_image_banner {
            padding: 50px 0px !important;
        }
        /* text_image_banner*/
        /*about_banner*/
        .about_banner {
            height: auto;
        }

            .about_banner h4 {
                width: 60%;
            }

        /*about_banner*/
        /* source exparties */
        .partner_image {
            height: 65px;
        }
        /* source experties*/

        .home_contact_us_heading {
            width: 100%;
        }

        .testimonial {
            padding: 30px 0px 60px;
        }

        .blog-slide-sec {
            height: auto;
        }
            /* .otherPage-content {
        position: absolute;
        top: 50px;
        left: 0;
        transform: translate(0, 0);
        color: #fff;
        z-index: 9;
    }*/
            .blog-slide-sec:before {
                height: 105%;
            }

        .about_testimonial {
            padding: 80px 0 50px;
        }

        section.faq-first-section {
            padding: 35px 0;
        }

        .banner {
            height: 400px;
        }

            .banner h2 {
                max-width: max-content;
            }

        .accordion-body img:hover {
            transform: scale(1.1);
            border: 1px solid #24984E;
            padding: 10px;
            margin-bottom: 12px;
            border-radius: 6px;
        }

        .faq-top-banner {
            padding: 30px 0;
        }

            .faq-top-banner .main-heading-style-one p {
                font-size: 18px;
            }

        .plan-selected_1 {
            border-bottom-left-radius: 8px;
            border-top-left-radius: 8px;
        }

        .navbar .navbar-nav .nav-item:last-of-type {
            border-bottom: none;
        }

        .tab-navigation {
            overflow: auto;
        }

        .blog-tab .tab-navigation ul {
            flex-wrap: nowrap;
            width: max-content;
        }

        .blog-slide-sec {
            overflow: hidden;
            padding-bottom: 60px;
        }

        .blog-tab {
            padding: 30px 0px 30px 0px;
        }

        .blog-slide img {
            border-top-right-radius: 0px;
            border-bottom-left-radius: 10px;
        }

        header .navbar-collapse {
            position: absolute;
            top: 85px !important;
            width: 100%;
            left: 0;
            background-color: #fff;
            z-index: 111111111111;
        }

        .mobile-cta {
            position: fixed;
            bottom: 0;
            width: 100%;
            display: flex;
            background: black;
            text-align: center;
            justify-content: center;
            border-top: 1px solid;
            z-index: 111;
        }

        section.contact_us {
            padding: 50px 0px;
            position: relative;
        }

        #back-to-top {
            z-index: 999999999999;
            bottom: 60px;
        }

        .mobile-cta .btn_1 {
            font-size: 14px;
            font-weight: 400;
            letter-spacing: .5px;
            border-radius: 0px;
        }

        .header-demo-btn {
            display: none;
        }

        .nav-link {
            padding: 10px 25px;
        }

        .profile-dropdown {
            display: none;
        }

        header .nav-item {
            border-bottom: 1px solid #e6e6e6;
            width: 100%;
        }

        .section-title h1 {
            font-size: 30px;
        }

        .the_lower_contact {
            padding: 80px 0px;
        }

        .send_us_message {
            position: relative;
            width: 100%;
            right: 0;
            top: 0;
        }

        .contact_detail p {
            font-size: 16px;
        }

        .contact_us .title {
            font-size: 35px;
            margin-bottom: 40px !important;
        }

        .main-heading-style-one h2 {
            font-size: 30px;
        }

        section.faq-first-section h2.accordion-header button {
            font-size: 16px;
        }

        .blog-tab i.fa.fa-angle-right {
            font-size: 15px;
        }

        .blog-slide-text p {
            font-size: 16px;
            color: #000;
            min-height: 58px;
        }

        .blog-slide-text h3 {
            font-size: 18px;
            color: #000;
            margin-bottom: 15px;
            /* min-height: 65px; */
        }

        .the_green {
            font-weight: 500 !important;
        }

        .feature-box-details {
            margin: 10px 0 15px;
        }

        .feature-box h4 {
            font-size: 18px;
        }

        .feature-heading h2 {
            font-size: 20px;
            margin-bottom: 10px;
        }

            .feature-heading h2::after {
                bottom: -13px;
            }

        .feature-top-banner .text-black {
            font-size: 20px;
        }

        .feature-top-banner h2 {
            font-size: 30px;
        }

        .main-heading-style-one p span a {
            font-size: 18px;
        }

        header .navbar-nav {
            margin: auto;
            max-width: 720px;
        }

        .footer {
            padding: 50px 0 50px;
        }

        .footer_heading span i {
            width: 20px;
        }

        .usefull_link {
            max-width: initial;
        }

        .cta .btn_1 {
            padding: 14px 32px;
            font-size: 18px;
        }

        h4.image_heading.text-white {
            font-size: 22px;
        }

        .btn_try_now {
            font-size: 18px;
            font-weight: 300;
            min-width: 200px;
            min-height: 47px;
            line-height: 30px;
            width: fit-content;
            /* margin-right: 0; */
        }

        .cta1 h4 {
            font-size: 30px;
            margin-bottom: 30px;
        }

        .my-plans .btn_1 {
            font-size: 18px;
            min-height: 47px;
            line-height: 30px;
            min-width: 200px;
        }

        .my-plans .list li {
            font-size: 18px;
            margin-bottom: 10px;
        }

        .packages h5 {
            font-size: 14px;
        }

        .packages h6 {
            font-size: 16px;
        }

        .packages p {
            font-size: 16px;
        }

        .packages h1 {
            font-size: 35px;
            margin-bottom: 10px;
        }

        .my-plans h4 {
            font-size: 20px;
        }

        .my-plans h3 {
            font-size: 25px;
        }

        .my-plans .packages {
            padding: 20px;
        }

        .testimonial .item .title {
            font-size: 16px;
            line-height: 1.7;
        }

        .lesson .content-div p {
            font-size: 16px;
        }

        .lesson h3 {
            font-size: 30px;
        }

        .congrats h4.image_heading {
            font-size: 18px;
            font-weight: 600;
            color: #000;
        }

        .digital_learning figcaption p {
            font-size: 16px;
        }

        .digital_learning figcaption .image_heading {
            min-height: auto;
            font-size: 24px;
        }

        .creted_courses h3 {
            font-size: 30px;
        }

        .courses ul li::before {
            left: 12px;
            top: 0px;
        }

        .courses ul li p,
        .creted_courses p,
        .lorem p,
        .traning p,
        .digital_learning p,
        .congrats p {
            font-size: 16px;
            line-height: 1.7;
        }

            .courses ul li p strong {
                font-size: 18px;
            }

        section.courses p {
            font-size: 16px;
        }

        .courses h3 {
            font-size: 30px;
        }

        .lorem .arrow::before {
            font-size: 28px;
            top: -12px;
            left: 12px;
        }

        .lorem .arrow {
            font-size: 16px;
        }

        .lorem .sub_heading {
            font-size: 21px !important;
        }

        .lorem p {
            font-size: 16px;
        }

        .traning .col-lg-6 ul li p {
            font-size: 16px;
        }

        .lorem h3:first-of-type {
            font-size: 30px;
        }

        section {
            padding: 50px 0;
        }

        .traning .sub_heading::before {
            left: -25px;
            font-size: 30px;
            top: -7px;
        }

        .traning .sub_heading {
            font-size: 21px;
        }

        .traning h3:first-of-type {
            font-size: 25px;
        }

        .navbar-expand-lg .navbar-nav .nav-link {
            font-size: 16px;
        }

        .hero img {
            margin-top: 30px;
        }

        .free_trail button.btn_2 {
            font-size: 15px;
            padding: 8px 8px;
            min-height: auto;
            position: absolute;
            top: 3px;
            right: 3px;
            border-radius: 8px;
        }

        .hero .position-relative {
            display: flex;
        }

            .hero .position-relative input {
                flex: 1;
                padding-right: 150px;
            }

        .hero {
            padding-top: 20px;
        }

        /*.courses ul li {
            padding-left: 25px;
        }
*/
        .footer-contact {
            max-width: 100%;
            margin-right: auto;
        }

        .password-varification img {
            display: none;
        }

        .heading_img {
            height: auto;
        }

        .learning figure {
            margin-bottom: 40px;
        }

        .digital_learning .img_top {
            margin-bottom: 0px;
        }

        .digital_learning figcaption .image_heading {
            margin: 20px 0 10px;
        }

        .footer_heading {
            margin-bottom: 35px;
        }

            .footer_heading h3 {
                margin-bottom: 15px;
            }

            .footer_heading ul li:not(:last-of-type) {
                margin-bottom: 10px;
            }

        .blog-slide-text h3 {
            height: 46px;
        }

        .congrats .congrats_detail {
            margin-left: 0px;
        }
    }

    @media (max-width: 767px) {
        .cta h4 {
            margin-bottom: 20px;
        }
        /*.partner_circle*/
        .partner_circle .col-md-6 .partner_circle:last-of-type {
            margin-bottom: 0px;
        }
        /*.partner_circle*/
        .lorem .content-div p {
            font-size: 14px;
        }

        .modal .modal-dialog h2 {
            max-width: 75%;
        }

        .cta .upper_heading {
            text-align: center;
        }

        .cta .under_heading {
            text-align: center;
        }
        /*testimonials_card start*/
        .testimonials_card .card-area .card-body .card-title {
            height: 20px;
        }
        /*testimonials_card start*/
        /* vertical section wd btn*/
        .payment .payment_content h2 {
            font-size: 44px;
            font-family: 'Heebo', sans-serif;
            font-weight: 400;
            color: #000;
            position: relative;
            width: 90%;
            margin: 0 auto;
        }
        /* vertical section wd btn*/
        /*testimonials_card*/
        .testimonials_card .testimonials_card_headings p {
            width: 84%;
        }
        /*testimonials_card*/
        .blog-slide-sec .owl-theme .owl-dots {
            display: none;
        }

        .blog-slide-sec .blog-slide
        .about_banner .banner_title {
            font-size: 35px;
        }

        .blog-slide-sec p {
            font-size: 18px;
        }

        .blog-slide-sec .banner_title {
            font-size: 35px;
        }

        section.our_solution {
            padding: 30px 0;
        }

        .about_testimonial {
            padding: 40px 0 40px;
        }

            .about_testimonial .owl-theme .owl-nav.disabled + .owl-dots {
                margin-top: 30px;
            }

            .about_testimonial p {
                font-size: 18px;
            }

            .about_testimonial h5 {
                font-size: 18px;
            }

        .about_banner p {
            width: auto;
            font-size: 18px;
        }

        header .navbar-nav {
            margin: auto;
            max-width: 540px;
        }

        .send_us_message label {
            font-size: 16px;
        }

        .send_us_message .heading {
            font-size: 17px;
        }

        .contact_detail p {
            font-size: 15px;
        }

        .contact_us .title {
            margin-bottom: 5px;
        }

        .main-heading-style-one h2 {
            font-size: 27px;
        }

        .blog-tab .tab-navigation li a {
            font-size: 16px;
        }

        .feature-box a.mediaanchor img:first-child {
            max-height: initial;
        }

        .feature-top-banner h2 {
            font-size: 27px;
        }

        .cta .col-md-9 .image_heading {
            margin-bottom: 40px;
        }

        .cta .btn_1 {
            padding: 10px 20px;
            font-size: 16px;
            min-width: auto;
            min-height: auto;
            line-height: normal;
            font-weight: 400;
        }

        .btn_try_now {
            font-size: 16px;
            font-weight: 400;
            min-width: auto;
            min-height: auto;
            line-height: normal;
            margin: auto;
            font-weight: 500;
        }

        .my-plans .btn_1 {
            font-size: 17px;
            min-height: auto;
            line-height: normal;
            min-width: 140px;
        }

        .plan-value-section {
            min-height: auto;
        }

        .my-plans h4 {
            font-size: 20px;
            padding: 0;
        }

        .lesson .content-div p {
            font-size: 15px;
        }

        .lesson h3 {
            font-size: 27px;
        }

        .courses ul li p, .creted_courses p, .lorem p, .traning p, .digital_learning p, .congrats p {
            font-size: 15px;
        }

        .digital_learning figcaption .image_heading {
            font-size: 24px;
            margin-bottom: 20px;
        }

        .digital_learning figcaption p {
            font-size: 15px;
        }

        .creted_courses h3 {
            font-size: 27px;
        }

        .courses ul li::before {
            left: 2px;
        }

        .courses h3 {
            font-size: 25px;
        }

        .lorem .arrow::before {
            top: -12px;
            left: 0;
        }

        .lorem .arrow {
            padding-left: 20px;
        }

        .lorem p {
            font-size: 15px;
        }

        .lorem h3:first-of-type {
            font-size: 25px;
        }

        .cta h2.title {
            font-size: 27px;
        }

        .traning .col-lg-6 ul li p {
            padding-left: 25px;
        }

        .traning .col-lg-6 ul li h3 {
            font-size: 21px;
            text-indent: 0;
        }

        section {
            padding: 35px 0;
        }

        .hero small {
            font-size: 14px;
        }

        .hero p {
            font-size: 17px;
        }

        .hero .h1_heading {
            font-size: 27px;
        }

        .navbar-expand-lg .navbar-nav .nav-link {
            padding-left: 20px;
        }

        .content-div1 h4 {
            font-size: 28px;
        }
    }

    @media (max-width: 575px) {
        .cta h4 {
            font-size: 26px !important;
        }

        .flex_section .flex_section_middle .flex_section_title {
            font-size: 16px;
        }

        .flex_section .flex_section_middle .flex_section_title_bold {
            font-size: 16px;
        }

        .the_squere h6 {
            font-size: 16px;
        }

        .service_banner h2 {
            font-size: 42px;
        }

        .section_with_btn .content .banner_title {
            font-size: 26px;
        }

        .payment .payment_content h2 {
            font-size: 22px;
        }

        .payment .payment_content p {
            font-size: 16px;
            width: 100%;
        }

        .industry-fourth-section h2 {
            font-size: 22px;
        }

        .testimonials_card .testimonials_card_headings p {
            font-size: 14px;
        }

        .testimonials_card .testimonials_card_headings h2 {
            font-size: 22px;
            font-weight: 400;
        }

        .partner_circle h6 {
            font-size: 14px;
        }

        .experties_heading h2 {
            font-size: 22px;
        }

        .about_banner p {
            font-size: 16px;
        }

        .lorem .content-div h2 {
            font-size: 30px;
        }

        section.faq-first-section .accordion-button {
            padding: 22px 10px;
        }

        .faq-first-section .container {
            width: auto;
        }

        .testimonial .item {
            padding: 20px;
        }

        .our_team .team_heading {
            font-size: 36px;
        }

        .banner h1 {
            font-size: 50px;
        }

        .banner h2 {
            font-size: 30px;
        }

        .contact_us .title:last-of-type {
            margin-bottom: 40px;
        }

        .contact_us .title {
            font-size: 27px;
        }

        section.faq-first-section .accordion-body p {
            font-size: 14px;
        }

        /* .blog-tab .card-text {
        font-size: 11px;
    }*/

        .hero h1.h1_heading {
            font-size: 27px;
        }


        .lorem .arrow {
            padding-left: 40px;
        }

            .lorem .arrow::before {
                top: -10px;
                left: 2px;
            }

        .my-plans h3 {
            text-align: center;
        }
    }


    @media (max-width: 425px) {
        .industry-fourth-section h2 {
            margin-bottom: 60px;
        }

        .about_banner .banner_title {
            font-size: 42px;
        }

        .about_banner h4 {
            font-size: 26px;
        }

        .about_banner h4 {
            width: 100%;
        }

        .training p {
            margin-bottom: 10px;
        }

        .banner h2 {
            font-size: 26px;
        }

        .banner h1 {
            font-size: 42px;
        }

        .banner h3 {
            font-size: 22px;
        }

        header .navbar-collapse {
            top: 78px !important;
        }

        .my-plans h4 {
            font-size: 18px;
            margin-bottom: 10px;
        }

        .lesson h3 {
            font-size: 25px;
        }

        .congrats .congrats_detail {
            margin-left: 25px;
        }

        .lorem .arrow {
            padding-left: 25px;
        }

        .lorem h3:first-of-type {
            margin-bottom: 20px;
        }

        .cta h2.title {
            font-size: 25px;
        }

        .traning .col-lg-6 ul li p {
            font-size: 15px;
        }

        .traning .col-lg-6 ul li h3 {
            font-size: 20px;
        }

        header {
            padding: 0px 0px;
        }

            header .navbar-brand {
                max-width: 200px;
            }

        .footer_logo {
            max-width: 200px;
        }

        .my-plans h3 {
            text-align: center;
        }

        .my-plans h4 {
            font-size: 18px;
        }

        .footer_heading h3 {
            font-size: 18px;
        }

        .footer_heading ul li a, .footer_heading ul li a p {
            font-size: 14px;
        }
    }

    @media (max-width: 375px) {
        .the_lower_contact {
            padding: 95px 0px 40px;
        }
    }

    @media (min-width:768px) and (max-width:991px) {
        .footer .col-md-6:first-of-type {
            order: -1;
        }

        .footer .col-md-6:last-of-type {
            order: -1;
        }
    }


    @media only screen and (min-width: 992px) and (max-width: 1799px) {
        .container {
            max-width: 90%;
        }
    }

    @media (min-width: 1800px) {
        .container {
            max-width: 1600px;
        }
    }

    @media (min-width: 1440px) {

        .about_banner p {
            font-weight: 400;
            margin-bottom: 105px;
        }

        .about_banner h4 {
            margin-top: 30px;
        }
    }

    @media(max-width: 991px) {
        .our_team .col-lg-3:not(:last-of-type) .team {
            margin-bottom: 30px;
        }
    }