#myModal .modal-dialog {
            width: 38% !important;
            border-radius: 10px;
            overflow: hidden !important;
        }

        .modal-header .close {
            padding: 1rem;
            opacity: 1 !important;
            color: black !important;
            background: white !important;
            margin: -1rem -3px -1rem auto !important;
        }

        .modal-title {
            color: white !important;
        }

        .modal-content .modal-header {
            background: #f49827 !important;
            padding: 3px !important;

        }

        .modal-dialog form {
            width: 100% !important;
            padding: 10px;

        }

        .enq-panel {
            color: white;
            padding: 10px 20px;
            margin: 10px auto;
            border-radius: 5px;
        }

        /*mobile responsive*/
        @media (min-width: 481px) and (max-width: 767px) {
            #myModal .modal-dialog {
                width: 95% !important;
                border-radius: 10px;
                margin: 20px auto;
                overflow: hidden !important;
            }

            #myModal .modal-body {
                padding: 10px !imnportant;
            }

            #myModal. modal-title {
                color: white !important;
                font-size: 13px !important;
            }
        }

        @media (min-width: 320px) and (max-width: 480px) {

            #myModal .modal-dialog {
                width: 95% !important;
                border-radius: 10px;
                margin: 20px auto;
                overflow: hidden !important;
            }

            #myModal .modal-body {
                padding: 10px !imnportant;
            }

            #myModal. modal-title {
                color: white !important;
                font-size: 13px !important;
            }
        }

        .years {
            position: absolute;
            top: 160%;
            border-bottom: 1px #000 solid;
        }

        .video-banner {
            z-index: 1;
            position: relative;
        }

        .video-banner #video-url {
            width: 100%;

        }

        .video-banner .video-caption {
            position: absolute;
            top: 46%;
            left: 20%;
            z-index: 1;
        }

        .video-banner .video-caption1 {
            position: absolute;
            top: 50%;
            left: 20%;
            z-index: 1;
        }

        .video-banner .video-caption button {
            color: white;
            font-size: 20px;
            align-self: center;
        }

        .home-banner-slider .slider-item>video {
            height: 49vw;
        }

        /*.position-relative {*/
        /*    position: relative;*/
        /*}*/
        .position-relative {
            position: relative !important;
        }

        .carousel-control-next,
        .carousel-control-prev {
            position: absolute;
            top: 0;
            bottom: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 15%;
            color: #fff;
            text-align: center;
            opacity: .5;
            height: 100px;
            top: 38%;
        }
    
     .product-section3 ul{
            list-style: inherit;
        }
         .application-bg ul{
            list-style: inherit !important;
        }
        .application-bg ul li{
            line-height: 28px !important;
        }
        .investor-h1 {
            font-size: 28px;
            margin-top: -116px;
            position: relative;
            bottom: -36px;
        }

        .navbar-toggler {
            padding: 7px !important;
        }

        .apollo-h1 {
            text-align: center !important;
            menu-mobile
        }

        .about-apollo p {
            font-size: 17px !important;
            padding: 0px 20px;
        }

        .read-home {
            text-align: center;
        }

        .goog-te-gadget img {
            display: none !important;
        }

        body>.skiptranslate {
            display: none;
        }

        body {
            top: 0px !important;
        }

        #google_translate_element {
            position: relative;
            top: 4px;
        }

        .first-col {
            padding-top: 10px;
        }

        select:focus-visible {
            border: 2px dashed crimson;
            border-radius: 3px;
            outline: none;
        }

        .top-header {
            background: #0c121d;
            padding: 10px 0px 0px 0px !important;
        }

        .goog-te-gadget .goog-te-combo {
            margin: 4px 0;
            /*padding: 3px 25px;*/
            padding: 3px 10px;
            background: white;
            border: none;
            color: black;
            border-radius: 4px;
        }

        .goog-logo-link {
            display: none !important;
        }

        .VIpgJd-ZVi9od-l4eHX-hSRGPd {
            display: none !important;
        }

        .goog-te-gadget {
            color: transparent !important;
        }

        .top-header span {
            font-size: 0.65rem !important;
        }
        #newsletterForm .submit-btn{color:#fff !important;border:1px solid #ccc;}
        #faq-question {
            background-image: url('{{ 'assets/front/img/tiger_bg.jpg' }}');
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100% 101%;
            padding: 40px 0 30px 0;
            margin-bottom: 0px !important;
            margin-top: 0px !important;
        }

        .product-image img {
            border: 1px #000 solid;
        }

        #faq {
            color: white;
            font-weight: bold;
        }

        #products_listview .left-menu li {
            text-transform: uppercase !important;
        }

        #faq-question #accordion .mb-0>a {
            display: block;
            position: relative;
            font-size: 16px;
            color: #000;
            font-weight: 600;
        }

        #faq-question #accordion .mb-0>a:after {
            content: "\f078";
            font-family: 'FontAwesome';
            position: absolute;
            right: 0;
        }

        #faq-question #accordion .mb-0>a[aria-expanded="true"]:after {
            content: "\f077";
            /* fa-chevron-up */
        }

        #faq-question #accordion .card-header {
            border-bottom: none !important;
            background: #06b8c9 !important;
        }

        #faq-question #accordion .card {
            margin: 8px auto;
        }

        #faq-question #accordion .discription {
            display: none !important;
        }

        #faq-question #accordion .mb-0>a {
            color: white;
        }

        .card-header {
            background-color: transparent !important;
            border-bottom: 1px solid rgba(0, 0, 0, .125) !important;
        }

        .our-clientele .apollo-p {
            margin: auto;
            width: 80%;
            padding: 0px 40px;
        }

        .our-clientele img {
            /*width: 100%;
            padding: 0px 20px;*/
            width: 888px;
        }

        /* responisve css for tablet */
        @media (min-width: 768px) and (max-width: 1024px) {
            .navbar-brand .sec-logo-tab {
                display: none;

            }

            .navbar-collapse {
                flex-basis: 100% !important;
            }

            .menu-mobile .navbar-brand-tab {
                text-align: center;

            }

            .menu-mobile .navbar-brand-tab img {
                width: 40%;
            }

            .menu-mobile .navbar-brand img {
                max-width: none !important;
                width: 60%;
            }

            .navbar-brand {
                padding-top: 0px;
                padding-bottom: 0px;
                margin-right: 0px !important;
            }

            .carousel-inner #sign-img {
                width: 30%;
                top: 0px;
            }

            .overlay-button a {
                width: 90% !important;
                font-size: 10px !important;
            }

            .overlay-container a {
                margin-left: 6% !important;
            }

            .overlay-container {
                position: relative;
                width: 100%;
                height: auto;
                border: 1px #000 solid;
                background-size: cover;
                min-height: 100px;
            }

            .nav-link {
                font-size: 8px !important;
                color: black !important;
                font-weight: 700 !important;
            }

            .tab-img {
                width: 30%;
            }

            .header-desktop {
                display: none !important;
            }

            .menu-mobile {
                display: block !important;
            }

            .menu-mobile .navbar-brand-tab {
                display: block;
            }

            .about-apollo .apollo-h1 {
                text-align: center;
                font-size: 28px;
                color: black;
                font-weight: 400;
            }

            .our-clientele .apollo-h1 {
                text-align: center;
                font-size: 28px;
                color: black;
                font-weight: 400;
            }

            .our-clientele .apollo-p {
                margin: auto;
                width: 100%;
                padding: 0px 40px;
            }

            .our-clientele img {
                width: 100%;
                text-align: center;
            }

            .left-menu {
                background: #f5f7f7;
                margin: 0 5px !important;
                padding: 20px 0;
            }

            #career {
                padding-top: 20px;
            }

            .product-left-menu {
                margin: 0px 2px !important;
            }

            #investor {
                padding-top: 60px !important;
            }

            .intro {
                font-family: "Crimson Pro", serif !important;
                font-weight: 300 !important;
                font-size: 28px !important;
            }
            /*.tab-col {
                max-width: 42.333333% !important;
            }*/
            
            .top-header ul li{line-height:1.5rem;}
            .tab-col {
                max-width: 70% !important;margin: 0 auto;
            }

            /*.tab-col .bse {
                display: none !important;
            }*/

            .enquiry1 {
                display: none !important;
            }

            .top-header span {
                font-size: 8px !important;
            }

            .navbar .dropdown-menu {
                width: 90% !important;
                top: 63px !important;
            }

            .dropdown-item {
                font-size: 10px !important;
            }

            .navbar {
                padding: 0.5rem 10px !important;
            }

            .navbar #application,
            #investorrelation {
                width: 40% !important;
                left: 403px !important;
            }

            .navbar #investorrelation {
                width: 40% !important;
                left: 403px !important;
            }

            .navbar #aboutus {
                width: 19% !important;
                left: 276px !important;
            }

            .navbar #newsmedia {
                width: 24% !important;
                left: 567px !important;
            }

            .footer-bottom li {
                margin-left: 6px !important;
            }

            .raveena-p {
                width: 100% !important;
                font-size: 15px !important;
            }

            .carousel-inner .slide-img {
                width: 100%;
                height: 80% !important;
                position: relative;
                top: 68px;
            }

            #tab-img {
                margin-left: 14% !important;
            }

            .footer img {
                width: 80% !important;
            }

            #myModal .modal-dialog {
                width: 65% !important;
            }
        }

        @media (min-width: 820px) and (max-width: 1180px) {}

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

            .menu-mobile .navbar-brand img {
                max-width: 24%;
            }

            .apollo-h1 {
                font-size: 1.713rem;
            }

            .introduction img {
                padding: 0px 40px;
            }

            .product-section3 .intro-p .ml-5 {

                margin-left: 0px !important;
            }

            .product-section3 .intro-p {
                font-family: crimson pro, serif;
                font-size: 28px;
                font-style: italic;
                color: #1f1f1f;
                font-weight: 100;
                padding-right: 0px !important;
                margin-right: 0px !important;
                margin-left: 0px !important;
            }

            .apollo-h1 {
                font-size: 19px;
                font-weight: 500;
                color: black;

            }

            .about-apollo p {
                text-align: justify !important;
                padding: 0px 20px;
            }

            .video {
                margin-top: 0px !important;
            }

            /*.tab-col {
                max-width: 42.333333% !important;
            }*/
            
           .top-header ul li{line-height:1.5rem;}
            .tab-col{ max-width: 70% !important;margin: 0 auto;}

            /*.tab-col .bse {
                display: none !important;
            }*/

            .enquiry1 {
                display: none !important;
            }

            .top-header span {
                font-size: 8px !important;
            }

            .menu-mobile .nav-item li a {
                font-size: 8px !important;
                color: black !important;
                font-weight: 400;
            }

            .navbar .dropdown-menu {
                width: 90% !important;
            }
        }

        /* < !--mobile responsive css --> */
        @media (min-width: 481px) and (max-width: 767px) {
            .menu-mobile .navbar-brand-tab {
                display: none;
            }

            .product-section3 .intro-p {
                font-family: crimson pro, serif;
                font-size: 28px;
                font-style: italic;
                color: #1f1f1f;
                font-weight: 100;
                padding-right: 0px !important;
                margin-right: 0px !important;
                margin-left: 0px !important;
            }

            .product-top-header .multi-features-img {
                width: 100% !important;
            }

            .product-top-header .col-md-3 {
                width: 50% !important;
            }

            .overlay-container {

                min-height: 302px !important;
            }

            /*product page haeding style*/
            .intro {
                font-size: 32px !important;
                letter-spacing: 0px !important;
                text-align: center !important;
            }

            .left-menu {
                margin: 0 5px !important;
            }

            .product-top-header h1 {
                font-size: 21px !important;
            }

            .news-media button {
                width: 90% !important;
            }

            article h1 {
                font-size: 24px !important;
            }

            #about {
                padding-top: 30px !important;
                padding-bottom: 0px !important;
            }

            .apollo-h1 {
                font-size: 19px;
                margin-top: 18px;
                font-weight: 500;
                color: black;
            }

            .about-apollo p {
                text-align: justify !important;
                padding: 0px 20px;
            }

            /*#mobile-col-2 {
                display: none !important;
            }*/

            #mobile-col-2 .enquiry strong {
                display: none !important;
            }

            .header-desktop {
                display: none !important;
            }

            .navbar .dropdown-menu {
                width: 96% !important;
            }

            .dropdown-item {
                padding: 2px 20px !important;
            }

            .why-us1 {
                top: 101% !important;
            }

            .carousel-inner h2 {
                font-size: 21px !important;
                line-height: 25px !important;
            }

            .navbar-collapse {
                height: 340px !important;
                overflow-y: scroll !important;
                overflow-x: hidden !important;
            }

            .our-clientele .apollo-p {
                margin: auto;
                width: 100% !important;
                padding: 0px 20px;
            }
        }

        @media (min-width: 540px) and (max-width: 720px) {
            .header-desktop {
                display: none !important;
            }
        }

        /*
          ##Device = Most of the Smartphones Mobiles (Portrait)
          ##Screen = B/w 320px to 479px
        */
        @media (min-width: 320px) and (max-width: 480px) {
            .menu-mobile .navbar-brand-tab {
                display: none;
            }

            .product-top-header .multi-features-img {
                width: 100% !important;
            }

            .product-top-header .col-md-3 {
                width: 50% !important;
            }

            .overlay-container {

                min-height: 302px !important;
            }

            .intro {
                font-size: 32px !important;
                letter-spacing: 0px !important;
                text-align: center !important;
            }

            .left-menu {
                margin: 0 5px !important;
            }

            .product-top-header h1 {
                font-size: 21px !important;
            }

            .news-media button {
                width: 90% !important;
            }

            article h1 {
                font-size: 24px !important;
            }

            #about {
                padding-top: 30px !important;
                padding-bottom: 0px !important;
            }

            .apollo-h1 {
                font-size: 19px;
                margin-top: 18px;
                font-weight: 500;
                color: black;
            }

            .about-apollo p {
                text-align: justify;
                padding: 0px 20px;
            }

            /*#mobile-col-2 {
                display: none !important;
            }*/

            #mobile-col-2 .enquiry strong {
                display: none !important;
            }

            .header-desktop {
                display: none !important;
            }

            .navbar .dropdown-menu {
                width: 96% !important;
            }

            .dropdown-item {
                padding: 2px 20px !important;
            }

            .why-us1 {
                top: 101% !important;
            }

            .carousel-inner h2 {
                font-size: 21px !important;
                line-height: 25px !important;
            }

            .navbar-collapse {
                height: 340px !important;
                overflow-y: scroll !important;
                overflow-x: hidden !important;
            }

            .our-clientele .apollo-p {
                margin: auto;
                width: 100% !important;
                padding: 0px 20px;
            }

        }
        
        
        
        
         /*index page */
        #myModal .modal-dialog {
            width: 38% !important;
            border-radius: 10px;
            overflow: hidden !important;
        }

        .modal-header .close {
            padding: 1rem;
            opacity: 1 !important;
            color: black !important;
            background: white !important;
            margin: -1rem -3px -1rem auto !important;
        }

        .modal-title {
            color: white !important;
        }

        .modal-content .modal-header {
            background: #f49827 !important;
            padding: 3px !important;

        }

        .modal-dialog form {
            width: 100% !important;
            padding: 10px;

        }

        .enq-panel {
            color: white;
            padding: 10px 20px;
            margin: 10px auto;
            border-radius: 5px;
        }

        /*mobile responsive*/
        @media (min-width: 481px) and (max-width: 767px) {
            #myModal .modal-dialog {
                width: 95% !important;
                border-radius: 10px;
                margin: 20px auto;
                overflow: hidden !important;
            }

            #myModal .modal-body {
                padding: 10px !important;
            }

            #myModal.modal-title {
                color: white !important;
                font-size: 13px !important;
            }
        }

        @media (min-width: 320px) and (max-width: 480px) {

            #myModal .modal-dialog {
                width: 95% !important;
                border-radius: 10px;
                margin: 20px auto;
                overflow: hidden !important;
            }

            #myModal .modal-body {
                padding: 10px !important;
            }

            #myModal.modal-title {
                color: white !important;
                font-size: 13px !important;
            }
        }

        .years {
            position: absolute;
            top: 160%;
            border-bottom: 1px #000 solid;
        }

        .video-banner {
            z-index: 1;
            position: relative;
        }

        .video-banner #video-url {
            width: 100%;

        }

        .video-banner .video-caption {
            position: absolute;
            top: 46%;
            left: 20%;
            z-index: 1;
        }

        .video-banner .video-caption1 {
            position: absolute;
            top: 50%;
            left: 20%;
            z-index: 1;
        }

        .video-banner .video-caption button {
            color: white;
            font-size: 20px;
            align-self: center;
        }

        .home-banner-slider .slider-item>video {
            height: 49vw;
        }

        /*.position-relative {*/
        /*    position: relative;*/
        /*}*/
        .position-relative {
            position: relative !important;
        }
        .carousel-control-next,
        .carousel-control-prev {
            position: absolute;
            top: 0;
            bottom: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 15%;
            color: #fff;
            text-align: center;
            opacity: .5;
            height: 100px;
            top: 38%;
        }
        @media (min-width: 768px) and (max-width: 1024px) {
        .carousel-inner .amitabhimg{width:40%;position: relative;
        left: 20%;}
         .carousel-item .amitabh-p2{
             position:relative;
             top: 11px;
             color: #000 !important;
             font-weight: bold;
         }
        }
         @media only screen and (max-width: 768px) {
             .carousel-inner .amitabhimg{width:40%;position: relative;
        left: 20%;}
             .carousel-item .amitabh-p2{
             position:relative;
             top: -80px;
             color: #000 !important;
             font-weight: bold;
         }
        }
        
        
        /* csr css added by saurabh */
        .csr-section {
          background: url('{{ asset("assets/front/img/CSR.png") }}') center center/cover no-repeat;
          min-height: 70vh;
          position: relative;
          color: #fff;
        }
        
        /* Dark overlay for readability */
        .csr-overlay {
          position: absolute;
          inset: 0;
          background: rgba(0, 0, 0, 0.5);
          padding: 60px 0;
        }
        
       /* Headings & Paragraph */
        .csr-section h3 {
          font-size: 2.2rem;
          letter-spacing: 2px;
        }
        
        .csr-section p {
          font-size: 1.1rem;
          line-height: 2;
          max-width: 700px;        /* Use max-width instead of min-width */
          width: 100%;             /* Allow text to scale on smaller screens */
          margin-left: auto;       /* Centers text block when text-end is applied */
          margin-right: 0;
        }
        
        /* Responsive Fixes */
        @media (max-width: 992px) {
          .csr-section {
            text-align: center;
          }
          .csr-section .text-end {
            text-align: center !important;
          }
          .csr-section p {
            max-width: 100%;
            font-size: 1rem;
            margin: 0 auto;
            line-height: 1.8;
          }
        }
        
        @media (max-width: 576px) {
          .csr-section h3 {
            font-size: 1.6rem;
            letter-spacing: 1px;
          }
          .csr-section p {
            font-size: 0.95rem;
            line-height: 1.7;
            padding: 0 10px;
          }
        }

        /* End here */