        .Main_header {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .Main_header li {
            margin: 0px 20px;
        }
        
        .Main_header li a {
            font-size: 20px;
            color: #000000d9;
            font-weight: 600;
        }
        
        ul.Main_header li a:hover {
            font-size: 20px;
            color: #E76F51;
            font-weight: 600;
        }
        
        li.dropdown button {
            font-size: 20px;
            font-weight: 600;
        }
        /* .header_dropdown_menu {
    padding: 20px 50px;
    text-align: justify;
} */
        
        .modal_header_style {
            border: none;
            padding: 8px 10px 0px 0px !important;
        }
        
        .header_dropdown_menu li a {
            /* background: red; */
            /* padding: 10px; */
            font-size: 17px;
            font-weight: 600;
        }
        
        .header_dropdown_menu li a:hover {
            /* background: red; */
            /* padding: 10px; */
            font-size: 17px !important;
            font-weight: 600 !important;
            padding-left: 10px;
        }
        
        .header_dropdown_menu li {
            margin: 16px 11px 21px 50px;
        }
        
        ul.header_dropdown_menu.dropdown-menu {
            width: 250px;
            position: absolute;
            top: 40px;
            left: -54px;
        }
        
        .header_dropdown_menu {
            border: none;
            box-shadow: #d4d3d3 0 0 3px;
        }
        
        .dropdown:hover .header_dropdown_menu {
            display: block !important;
            visibility: visible !important;
            top: 100% !important;
            -webkit-transition: all .5s, background, 2s .5s linear;
            transition: all .5s, background 2s .5s linear !important;
        }
        /* .dropdown:hover .dropdown-content {
    display: block !important;
} */
        
        .main_slider {
            padding-left: 40px;
            padding-right: 40px;
        }
        
        .footer-section-style-1 {
            border-radius: 0px !important;
            margin-left: 0px !important;
            margin-right: 0px !important;
            margin-bottom: 0px !important;
            border-radius: 0px !important;
        }
        
        a.event-btn img {
            height: 20px;
            width: 20px;
        }
        
        .event-btn img {
            height: 22px;
            width: 22px;
            padding-top: 2px;
        }
        
        .bottom .event-btn {
            position: relative;
            right: -15px !important;
        }
        
        a.event-btn span i {
            font-size: medium;
            position: relative;
            font-size: 20px;
            top: -5px;
            color: #264653;
        }
        
        .material-icons.whatsapp_bottom:hover i {
            color: #fff !important;
        }
        
        a.event-btn span i:hover {
            color: #fff !important;
        }
        /* Modal css Start  */
        
        .product_name h1 {
            font-size: 30px;
            color: #5d5d5f;
            font-weight: 700;
            /* padding: 10px 0px 16px 0px; */
            /* background: red; */
            /* width: 220px; */
            /* border-radius: 7px; */
        }
        
        .modal_button {
            padding: 40px 0px;
        }
        
        .modal_button a i {
            margin-right: 10px;
            font-size: 22px;
            position: relative;
            top: 2px;
        }
        
        .product_al_detail h4 {
            font-size: 18px;
            margin: 32px 0px;
            color: #000;
            font-weight: 600;
            line-height: 25px;
        }
        
        .modal-content {
            border-radius: 30px !important;
        }
        
        .modal_img img {
            width: 100%;
            border-radius: 11px !important;
            border: 1px solid #0000002b;
        }
        
        .modal_content {
            margin: 16px 20px;
        }
        
        .thumbnail_btn {
            margin-bottom: 15px;
        }
        
        .modal_button a {
            font-size: 18px;
            color: #ffffff;
            background: #24bd5d;
            padding: 10px 38px;
            border-radius: 30px;
            font-weight: 700;
        }
        
        .modal_button a:hover {
            background: #1db355;
        }
        
        .modal_button a:hover {
            color: #f0f0f0;
        }
        /* modal Tab */
        
        .nav-pills .nav-link.active,
        .nav-pills .show>.nav-link {
            color: var(--bs-nav-pills-link-active-color);
            background-color: var(--bs-nav-pills-link-active-bg);
            background: no-repeat;
            border: 1px solid #000;
            padding: 0px;
            margin-bottom: 15px;
            overflow: hidden;
        }
        /* .modal_tab_btn {
    background: none !important;
    border: 1px solid #000 !important;
    margin: 0px 0px 18px 0px;
    padding: 0px;
    overflow: auto;
} */
        
        .product_al_detail .price {
            color: #ee0000;
            font-size: 20px;
            font-weight: 700;
        }
        
        .product_al_detail .price del {
            color: #000000;
        }
        
        button.btn-close {
            border: 1px solid #000;
            border-radius: 50%;
            color: #000000;
            opacity: 9;
            margin-top: 0px !important;
            line-height: 1;
            margin-right: 0 !important;
            font-size: 16px;
            background: #ffffff;
            font-weight: bold;
        }
        
        button.btn-close:hover {
            background: #000000c9;
            color: #fff;
        }
        
        button.btn-close:focus {
            box-shadow: 0px 0px 10px #000000f0;
        }
        small{
            font-size: 13px;
            color: #457b9d;
        }
        span.price small {
            position: relative;
            top: -3px;
            margin-right: 5px;
        }
        .main_title h3 {
            color: #1D3557;
            letter-spacing: 1px;
            font-size: 32px;
            font-weight: 800 !important;
            text-align: center;
            padding-bottom: 50px;
        }
        ul.footer-nav .footer_logo {
            position: relative;
            top: -40px;
            left: 10px;
        }
        .contact-details-icon1 {
            font-size: 22px;
            margin-right: 20px;
            color: #fff;
            background: #264653;
            width: 70px !important;
            height: 40px;
            text-align: center;
            line-height: 45px;
            border-radius: 50%;
        }
        
        /* Modal css End */

        .pt-80{

            padding-top: 80px;
        }
        .custom-btn a {
            background: #ffffff;
            padding: 16px 30px;
            border-radius: 30px;
            color: #1f2c5e;
            font-weight: 600;
            font-size: 18px;
            box-shadow: 0px 0px 10px #00000030;
        }
        .custom-btn {
            text-align: center;
        }
        .custom-btn a:hover {
            background: #264653;
            color: #fff;
        }
        
        .section-bg {
            background: #cccccc38;
        }
        .radius-10{
            border-radius: 10px;
        }
        .py-80 {
            padding: 80px 0px;
        }
        .ml-30 {
            margin-left: 30px;
        }
        .main-title {
            font-size: 26px;
            font-weight: 600;
            padding: 12px 0px;
        }
        
        .mission-box {
            /* border: 1px solid #ffffff; */
            padding: 40px;
            /* border-radius: 10px; */
            border-left: 4px solid #ffffff;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        }
        .mission-box:hover {
            border-left: 4px solid #e71d34;
        }
        i.fa.fa-bullseye {
            margin-left: 10px;
            font-size: 22px;
        }
        i.fa-solid.fa-eye-low-vision {
            margin-left: 10px;
            font-size: 22px;
        }
        .img-shadow{
            box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0
        }
        .footer-social a .fb {
            color: #10518f;
            background: #ffffff;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            line-height: 35px;
            text-align: center;
        }
        .footer-social a .fb:hover {
            color: #ffffff;
            background: #10518f;
            box-shadow: 0px 0px 10px #fff;
        }
        .footer-social a .twitter {
            color: #10518f;
            background: #ffffff;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            line-height: 35px;
            text-align: center;
        }
        .footer-social a .twitter:hover {
            background: #10518f;
            color: #fff;
            box-shadow: 0px 0px 10px #fff;
        }

        .footer-social .insta {
            color: #F56040;
            background: #ffffff;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            line-height: 35px;
            text-align: center;
        }
        .footer-social .insta:hover {
            color: #fff;
            background-image: linear-gradient(#4C57A2, #87439A, #e02870) !important;
            box-shadow: 0px 0px 10px #fff;
        }

        /* Header Social */
        
        .header-social a .fb {
            color: #10518f;
            background: #ffffff;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            line-height: 35px;
            text-align: center;
        }
        .header-social a .fb:hover {
            color: #ffffff;
            background: #10518f;
            box-shadow: 0px 0px 10px #fff;
        }
        .header-social a .twitter {
            color: #10518f;
            background: #ffffff;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            line-height: 35px;
            text-align: center;
        }
        .header-social a .twitter:hover {
            background: #10518f;
            color: #fff;
            box-shadow: 0px 0px 10px #fff;
        }

        .header-social .insta {
            color: #F56040;
            background: #ffffff;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            line-height: 35px;
            text-align: center;
        }
        .header-social .insta:hover {
            color: #fff;
            background-image: linear-gradient(#4C57A2, #87439A, #e02870) !important;
            box-shadow: 0px 0px 10px #fff;
        }
        .mission-box p {
            text-align: justify;
        }

        /*  */
        /* ======================== Responsive Media Query Start ================ */



        @media only screen and (max-width: 768px) {
            .m-4 {
                margin: 20px 0px !important;
            }
            .modal_content {
                margin: 30px 0px 0px 0px;
            }
            .br_m{
                display: none !important;
            }
            .for_slide {
                overflow-x: scroll;
                padding-top: 10px;
                margin-bottom: 30px;
            }
            .for_slide ul {
                display: ruby-text;
            }
            .mobile_menu {
                margin: 20px 10px;
            }
            .offcanvas-menu li {
                position: relative;
                padding: 15px 7px !important;
            }
            .logo_close_btn {
                display: flex;
                align-items: baseline;
                justify-content: space-between;
            }
            .mobile_logo {
                padding: 18px;
            }
            .main_slider {
                padding: 0px !important;
            }
            .product-tab .nav-link {
                position: relative;
                top: 5px;
            }
            .product-tab .nav-link img {
                margin-left: 20px;
                width: 25px;
                height: max-content;
            }
            .banner-card-single-item .content {
                top: 20% !important;
                width: 100%;
                text-align: center;
            }
            .hero-slider-single-item--style-1 .content-box .title {
                font-size: 30px !important;
            }
            .company-slider-bg {
                border-radius: 30px;
                padding: 6px 0 !important;
            }
            .content.content-right img {
                border-radius: 10px;
                width: 100% !important;
                height: auto !important;
            }
            .footer-bottom .copyright-text {
                display: flow !important;
            }
            ul.footer-nav .footer_logo{
                display: block !important;
            }
            .hero-bg {
                height: 530px !important;
            }
            .hero-slider-single-item--style-1 .image {
                height: 270px !important;
            }
            .for_m_position img {
                margin-top: 50px;
                padding: 0px 16px;
            }
            .product-single-item-style-2 .image {
                margin-bottom: 0px !important;
            }
        }

        @media only screen and (max-width: 330px) {

            .hero-slider-single-item--style-1.swiper-slide-active .for_m_position {
                opacity: 1 !important;
                animation: fadeInUp 2s linear backwards !important;
            }

            .hero-slider-single-item--style-1 .for_m_position {
                bottom: -50px !important;
            }
            .mobile-logo img {
                width: 240px !important;
            }
          }

        /* ======================== Responsive Media Query End ================ */

        /* slider Custom start */
        
        /* slider custom css End  */