@font-face {
            font-family: montserrat-regular;
            src: url(../fonts/Montserrat-Regular.ttf);
        }

        @font-face {
            font-family: montserrat-light;
            src: url(../fonts/Montserrat-Light.ttf);
        }

        @font-face {
            font-family: montserrat-medium;
            src: url(../fonts/Montserrat-Medium.ttf);
        }

        @font-face {
            font-family: montserrat-semibold;
            src: url(../fonts/Montserrat-SemiBold.ttf);
        }

        @font-face {
            font-family: montserrat-italic;
            src: url(../fonts/Montserrat-Italic.ttf);
        }

        @font-face {
            font-family: montserrat-bold;
            src: url(../fonts/Montserrat-Bold.ttf);
        }
        html{
            scroll-behavior: smooth;
        }

        body {
            padding: 0;
            margin: 0;
            box-sizing: border-box;
            font-family: montserrat-regular;
            color: #050505;
        }

        h1,
        h2,
        h2,
        h3,
        h4,
        h5,
        h6,
        p {
            margin: 0px;
            padding: 0px;
            font-family: montserrat-regular;
        }

        a {
            text-decoration: none !important;
            font-family: montserrat-regular;
        }

        a:hover {
            text-decoration: none !important;
        }

        p {
            font-size: 16px;
            line-height: 24px;
            font-family: montserrat-regular;
        }

        /*  */

        footer {
            background-color: #F6F2F2;
            padding: 40px 0px 0px 0px;
            width: 100%;
        }

        .copyTxts {
            background-color: #2575AE;
            display: flex;
            width: 100%;
            align-items: center;
            padding: 19px 0px;
            margin-top: 50px;
        }

        .copyTxts p {
            font-size: 10px;
            color: #fff;
            font-family: montserrat-bold;
        }

        .copyTxts p a {
            display: inline-block;
            font-size: 10px;
            color: #fff;
            font-family: montserrat-bold;
        }

        .copyTxts ul,
        .copyTxts ul li a {
            font-size: 10px;
            color: #fff;
            font-family: montserrat-bold;
        }

        .copyTxts ul {
            margin: 0px;
        }

        .copyTxts .row {
            display: flex;
            align-items: center;
        }

        .homepage {
            overflow-x: hidden;
        }

        .footerLogo {
            margin-bottom: 40px;
            display: block;
            width: 100%;
        }

        .backTop {
            position: absolute;
            right: 0px;
            top: 6px;
        }

        .footerAbout p {
            font-size: 15px;
            line-height: 1.5;
            font-family: montserrat-regular;
        }

        .contactInfo p {
            font-size: 15px;
            line-height: 1.5;
            font-family: montserrat-regular;
            margin-bottom: 50px;
        }

        .contactInfo a {
            font-size: 15px;
            line-height: 1.5;
            font-family: montserrat-regular;
            color: #050505;
        }

        .contactInfo p span {
            font-family: montserrat-bold;
            display: block;
        }

        .corporateTxt p {
            font-size: 15px;
            line-height: 1.5;
            font-family: montserrat-regular;
        }

        .corporateTxt p span {
            font-family: montserrat-bold;
            display: block;
        }

        .linksTxt li a {
            font-size: 15px;
            line-height: 1.5;
            font-family: montserrat-regular;
            color: #050505;
        }

        .socialLinks li a {
            font-size: 30px;
            line-height: 1.5;
            font-family: montserrat-regular;
            color: #050505;
        }

        .desktopHeader .row {
            display: flex;
            align-items: center;
        }

        .mainMenu ul li {
            padding: 0px;
        }

        .mainMenu ul li:last-child a {
            padding-right: 0px;
        }

        .mainMenu ul li a {
            font-size: 16px;
            line-height: 1.5;
            font-family: montserrat-regular;
            color: #fff;
            padding: 5px 15px;
        }

        .scroller {
            animation-name: scroll;
            animation-duration: 2.2s;
            animation-timing-function: cubic-bezier(.15, .41, .69, .94);
            animation-iteration-count: infinite;
            cursor: pointer;
        }

        @keyframes scroll {
            0% {
                opacity: 0;
            }

            10% {
                transform: translateY(0);
                opacity: 1;
            }

            100% {
                transform: translateY(15px);
                opacity: 0;
            }
        }

        .mainMenu>ul {
            display: flex;
            justify-content: end;
            margin: 0px;
        }

        header {
            position: absolute;
            top: 0px;
            left: 0px;
            right: 0px;
            margin: 0px auto;
            z-index: 999;
            padding: 20px 0px;
        }

        /*  */

        .topSlider .item {
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            width: 100%;
            height: 100vh;
        }

        .bg_1 {
            background-image: url(../images/banner-1.webp)
        }

        .bg_2 {
            background-image: url(../images/banner-2.webp)
        }

        .bg_3 {
            background-image: url(../images/banner-3.webp)
        }

        .bg_4 {
            background-image: url(../images/banner-4.webp)
        }

        .bg_5 {
            background-image: url(../images/banner-5.webp)
        }

        .topSlider .container {
            display: flex;
            align-items: center;
            height: 100vh;
        }

        .sliderTxt h2 {
            font-size: 36px;
            font-family: montserrat-bold;
            color: #fff;
            line-height: 40px;
        }

        .sliderTxt p {
            font-size: 16px;
            font-family: montserrat-regular;
            color: #fff;
            margin-top: 10px;
        }

        .topSlider.owl-theme .owl-nav.disabled+.owl-dots {
            margin-top: 0px;
            position: absolute;
            right: 109px;
            bottom: 42px;
        }

        .topSlider.owl-theme .owl-dots .owl-dot.active span,
        .owl-theme .owl-dots .owl-dot:hover span {
            background: #FAA61A
        }

        .topSlider.owl-theme .owl-dots .owl-dot span {
            width: 19px;
            height: 4px;
            margin: 5px 7px;
            background: rgba(255, 255, 255, 0.3);
            display: block;
            transition: opacity .2s ease;
            border-radius: 3px;
            z-index: 999;
        }

        .scrollBtm {
            top: -120px;
            position: relative;
            z-index: 99;
            width: 56px;
            left: 109px;
        }

        .dropdown-menu li a {
            margin: 0px !important;
            padding: 8px 15px !important;
            display: inline-block;
        }

        .dropdown-menu {
            padding: 0px !important;
            width: 100% !important;
            min-width: 190px;
            left: -20px;
            border: none;
            border-radius: 0px;
        }

        .dropdown-menu li {
            border-bottom: 1px solid #447fbc;
        }

        .dropdown-menu li:last-child {
            border-bottom: 0px solid #000;
        }

        /**/

        .allContents h3 {
            font-size: 30px;
            font-family: montserrat-bold;
            margin-bottom: 15px;
        }

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

        .atTheGlance {
            padding: 50px 0px 80px 0px;
            width: 100%;
        }

        .atTheGlance .row {
            display: flex;
            align-items: center;
        }

        .blueTxt h3 {
            color: #2575AE;
        }

        .whiteTxts h3 {
            color: #fff;
        }

        .allContents p {
            margin-bottom: 25px;
        }

        .whiteTxts p {
            color: #fff;
        }

        .turnOver {
            display: flex;
            gap: 74px;
            margin-bottom: 64px;
        }

        .turnOver h4 {
            font-size: 36px;
            color: #359A04;
            font-family: montserrat-bold;
        }

        .turnOver h4 span {
            display: block;
            font-size: 14px;
            color: #050505;
            font-family: montserrat-regular;
        }

        .readMore a {
            display: inline-block;
            width: 177px;
            background-color: #2575AE;
            color: #fff;
            padding: 0px 25px 0px 17px;
            font-size: 16px;
            font-family: montserrat-regular;
            position: relative;
            height: 45px;
            line-height: 45px;
        }

        .readMore a span {
            position: absolute;
            width: 43px;
            height: 45px;
            background-color: #fff;
            top: 0px;
            display: flex;
            align-items: center;
            justify-content: center;
            right: 0px;
            border: 1px solid #2575ae;
        }

        .groupCompany {
            width: 100%;
            display: flex;
            align-items: center;
            height: 100vh;
            background-image: url("../images/group-companies-img.png");
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }

        .yellowTxt a {
            background-color: #FAA61A;
            color: #fff;
        }

        .yellowTxt a span {
            border: 1px solid #FAA61A;
            ;
        }

        .grayBg a span {
            background-color: #8d847a;
        }

        .makingDifference {
            width: 100%;
            display: flex;
            align-items: center;
            height: 100vh;
            background-image: url("../images/making-a-difference-img.png");
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }

        .workWithUs {
            width: 100%;
            padding: 80px 0px;
        }

        .workWithUs .allContents h5 {
            color: #000;
            font-size: 24px;
            line-height: 75px;
            font-family: montserrat-medium;
        }

        .pr-0 {
            padding-right: 0px;
        }

        .pl-0 {
            padding-left: 0px;
        }

        .boxDiv {
            box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 27%);
            padding: 60px;
            border-left: 0px;
            min-height: 589px;
        }

        .workWithUs .col-md-6:first-child {
            max-width: 549px;
        }

        .workWithUs .col-md-6:last-child {
            max-width: calc(100% - 549px);
            display: flex;
            align-items: center;
        }

        .ourbusinessslider .item {
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            width: 100%;
            height: 100vh;
            align-items: center;
            display: flex;
        }

        .item1 {
            background-image: url(../images/business-solution-img01.webp)
        }

        .item2 {
            background-image: url(../images/business-solution-img02.webp)
        }

        .item3 {
            background-image: url(../images/business-solution-img03.webp)
        }

        .item4 {
            background-image: url(../images/business-solution-img04.webp)
        }

        .item5 {
            background-image: url(../images/business-solution-img05.png)
        }

        .offer-slider-box {
            border: 1px solid #fff;
            width: 60px;
            height: 180px;
            position: absolute;
            bottom: 33%;
            margin: auto;
            right: 12%;
            z-index: 9999;
        }

        .cursorright {
            height: 60px;
            position: relative;
        }

        .cursorright img,
        .cursorleft img {
            position: absolute;
            left: 0px;
            right: 0px;
            margin: auto;
            bottom: 0px;
            top: 0px;
            cursor: pointer;
        }

        .slider-counter {
            font-size: 16px;
            text-align: center;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
            height: 60px;
            padding-top: 17px;
            color: #fff;
        }

        .ourbusiness {
            position: relative;
            height: 100vh;
        }

        .cursorleft {
            height: 60px;
            position: relative;
        }

        .sliderTxtIn h3 span {
            font-size: 14px;
            display: block;
            line-height: 1.5;
        }

        .sliderTxtIn h3 {
            font-size: 30px;
            color: #fff;
            font-family: montserrat-bold;
            line-height: 60px;
        }

        .sliderTxtIn p {
            font-size: 16px;
            color: #fff;
            margin-bottom: 25px;
        }

        .sliderTxtIn img {
            width: auto !important;
        }

        .businessLabel {
            left: 0px;
            right: 0px;
            position: absolute;
            bottom: 32px;
            z-index: 9;
            width: 100%;
        }

        .businessLabel .container {
            margin: auto;
            display: block;
        }

        .businessLabel ul {
            list-style: none;
            justify-content: start;
            display: flex;
            padding: 0px;
        }

        .businessLabel ul li a {
            font-size: 16px;
            font-family: montserrat-light;
            color: #fff;
            padding: 0px 35px;
        }

        .businessLabel ul li.active a {
            font-family: montserrat-bold;
        }

        .businessLabel ul li {
            border-right: 1px solid #fff;
        }

        .businessLabel ul li:first-child a {
            padding-left: 0px;
        }

        .businessLabel ul li:last-child a {
            padding-right: 0px;
        }

        .businessLabel ul li:last-child {
            border-right: 0px;
        }

        .my-sidenav {
            display: none;
        }

        /* About us page css start */

        .aboutUsBanner {
            background-image: url(../images/about-us-banner.png);
            background-position: center;
            background-size: cover;
            width: 100%;
            height: 100vh;
        }

        .aboutUsBannerTxt h2 {
            font-size: 36px;
            font-family: montserrat-bold;
            color: #fff;
            line-height: 40px;
        }

        .coreTxt h3 span {
            color: #FAA61A;
        }

        .posTxt h4::first-letter {
            font-size: 140%;
            color: #FAA61A;
            font-family: montserrat-semibold;
            text-decoration: underline;
        }

        .aboutUsBannerTxt P {
            color: #fff;
            font-size: 16px;
        }

        .posDes div:last-child {
            width: 28px;
            float: left;
        }

        .posDes div:first-child {
            width: calc(100% - 28px);
            margin-right: 10px;
            float: left;
        }

        .aboutUsBannerTxt {
            display: flex;
            justify-content: center;
            height: 100vh;
            flex-direction: column;
        }

        .companyProfile {
            padding: 50px 0px 30px 0px;
            width: 100%;
        }

        .blackSize h4 {
            font-size: 20px;
            color: #050505;
            padding-bottom: 24px;
            font-weight: 600;
        }

        .comBox {
            padding: 50px 30px;
            height: 460px;
            box-shadow: 0px 3px 6px #00000029;
            max-width: 532px;
        }

        .comBox p {
            margin-bottom: 20px;
        }

        .companyProfile .allContents h3 {
            padding-bottom: 45px;
        }

        .comitteMain {
            margin-top: 35px;
        }

        .vissionMissionHead h2 {
            color: #2575AE;
            font-family: montserrat-bold;
            font-size: 30px;
            padding: 30px 0px 30px;
        }

        .missionBox img {
            width: 85px !important;
        }

        .missionBox {
            max-width: 325px;
            height: 326px;
            padding: 40px 20px 30px;
            width: 100%;
        }

        .missionSlider .owl-nav .owl-prev {
            position: absolute;
            width: 60px;
            height: 60px;
            /* background: red !important; */
            opacity: 1;
            right: 97px;
            background-image: url(../images/mission-left-arrow.png) !important;
            background-repeat: no-repeat !important;
            z-index: 9;
            /* left: 0; */
            border: 1px solid #2575AE !important;
            border-radius: 0px !important;
            background-position: center !important;
        }

        .tab2Inside {
            margin-bottom: 30px;
        }

        .missionSlider .owl-nav .owl-next {
            position: absolute;
            width: 60px;
            height: 60px;
            /* background: red !important; */
            opacity: 1;
            right: 38px;
            background-image: url(../images/mission-right-arrow.png) !important;
            background-repeat: no-repeat !important;
            z-index: 9;
            border: 1px solid #2575AE !important;
            border-radius: 0px !important;
            background-position: center !important;
        }

        .coreValues {
            background-image: url(../images/core-value-img.png);
            background-position: center;
            background-size: cover;
            width: 100%;
            height: 293px;
        }

        .coreSpc {
            margin: 100px 0px 20px;
        }

        .coreTxt {
            display: flex;
            flex-direction: column;
            justify-content: center;
            /* align-items: center; */
            height: 293px;
        }

        .coreTxt p {
            color: #FFFFFF;
            font-size: 14px;
            font-family: montserrat-bold;
            padding-bottom: 12px;
        }

        .coreTxt h3 {
            font-size: 30px;
            color: #FFFFFF;
            font-family: montserrat-bold;
        }

        .missionBox img.blueimg {
            display: none;
        }

        .missionBox:hover img.blcimg {
            display: none;
        }

        .missionBox:hover img.blueimg {
            display: block;
        }

        .missionBox:hover {
            box-shadow: 0px 3px 6px #00000029;
            cursor: pointer;
            margin: 2px 2px 2px 2px;
        }

        .missionBox:hover p {
            font-weight: 600;
        }

        .missionBox p {
            padding-top: 30px;
        }

        .posTxt h4 {
            font-family: montserrat-bold;
            margin-bottom: 25px;
        }

        .posTxt {
            max-width: 227px;
            width: 100%;
            min-height: 149px;
            margin-bottom: 45px;
        }

        .postiveMain {
            padding: 40px 0px 20px 0px;
        }

        .postiveBoxse .col-lg-4 {
            position: relative;
        }

        .postiveBoxse .col-lg-4::after {
            content: " ";
            display: block;
            position: absolute;
            right: 52px;
            top: 0px;
            width: 2px;
            height: 149px;
            background-color: #222;
        }

        .postiveBoxse .col-md-4.rmvedBrder::after,
        .postiveBoxse .col-lg-4.rmvedBrder::after {
            display: none;
        }

        .postiveBoxse .col-md-4 {
            position: relative;
        }

        .postiveBoxse .col-md-4::after {
            content: " ";
            display: block;
            position: absolute;
            right: 52px;
            top: 0px;
            width: 2px;
            height: 149px;
            background-color: #222;
        }

        .posDes {
            background-color: #2575AE;
            display: flex;
            padding: 13px 10px;
            align-items: center;
            width: 100%;
        }

        .openIcon img,
        .closeicon img {
            width: 28px;
        }

        .posDes h4 {
            color: #fff;
            font-family: montserrat-bold;
            font-size: 16px;
            line-height: 24px;
        }

        .leadershipPage .col-md-4 {
            padding: 0px 10px;
        }

        .posDes h4 span {
            font-family: montserrat-regular;
            display: block;
            font-size: 12px;
        }

        .leaderIn {
            margin-bottom: 20px;
            width: 100%;
            position: relative;
        }

        .closeicon {
            display: none;
        }

        .leadershipPage {
            padding: 20px 0px 50px 0px;
        }

        .leaderIn>img {
            width: 100%;
        }

        .posDes div:last-child {
            display: flex;
            justify-content: end;
        }

        .leadershipPage h3 {
            margin-bottom: 25px;
        }

        .leaderContents {
            padding: 26px 20px;
            box-shadow: 0px 3px 6px #00000029;
            position: absolute;
            z-index: 999;
            background-color: #fff;
            width: 100%;
            display: none;
            height: 257px;
        }

        .leaderContents p {
            font-size: 16px;
            margin-bottom: 20px;
        }

        .leaderContents span {
            font-size: 16px;
            margin-bottom: 20px;
            display: block;
        }

        .openIcon,
        .closeicon {
            cursor: pointer;
        }

        .dropDowmmenu_1,
        .dropDowmmenu_2 {
            display: none;
        }

        .dropDowmmenu_stye {
            position: fixed;
            top: 86px;
            width: 100%;
            left: 0px;
            right: 0px;
            background-color: #fff;
            z-index: 999;
            min-height: 539px;
        }

        /* Style the buttons inside the tab */

        ul.tab,
        .insideMenus {
            padding-top: 30px;
        }

        ul.tab li a {
            padding: 7px 0px;
            color: #050505;
            font-family: montserrat-regular;
            font-size: 16px;
            display: block;
        }

        .brderTh {
            border: 1px solid #ddd;
            border-bottom: 0;
            border-top: 0px;
            min-height: 423px;
        }

        /* Style the tab content */

        .tabcontent {
            display: none;
        }

        ul.tab li a:hover,
        .insideMenus ul li a:hover {
            color: #2575AE;
        }

        .insideMenus ul li a {
            padding: 7px 0px;
            color: #050505;
            font-family: montserrat-regular;
            font-size: 16px;
            display: block;
        }

        .rightUlImg {
            padding-top: 30px;
            padding-left: 60px;
        }

        .readMore a:hover {
            background-color: #FAA61A;
        }

        .readMore a:hover span {
            border: 1px solid #FAA61A;
            ;
        }

        .readMore.yellowTxt a:hover {
            background-color: #2575AE
        }

        .readMore.yellowTxt a:hover span {
            border: 1px solid #2575AE
        }

        /**/

        .leadershipPage .nav-tabs>li.active>a,
        .leadershipPage .nav-tabs>li.active>a:focus,
        .leadershipPage .nav-tabs>li.active>a:hover {
            color: #fff;
            cursor: default;
            background-color: #2575AE;
            border: none;
            border: 1px solid #2575AE;
        }

        .leadershipPage .nav-tabs>li>a {
            margin-right: 15px;
            line-height: 1.42857143;
            border: 1px solid #050505;
            border-radius: 0px;
            font-size: 20px;
            color: #000;
            font-family: montserrat-bold;
        }

        .leadershipPage .nav-tabs {
            border-bottom: 0px solid #ddd;
            margin-bottom: 30px;
        }

        .leaderAcr {
            margin-right: -15px;
            margin-left: -15px;
        }

        .tab2Inside h3 {
            font-size: 20px;
            color: #2575ae;
            font-family: montserrat-bold;
        }

        .tab2Inside h3 span {
            display: block;
            font-family: montserrat-regular;
            color: #050505;
            font-size: 16px;
            line-height: 1.5;
        }

        .tab2Inside p {
            font-size: 16px;
            font-family: montserrat-semibold;
        }

        .tab2Inside {
            padding: 50px 30px;
            box-shadow: 0px 3px 6px #00000029;
        }

        .seletDiv {
            width: 50%;
            margin-top: 30px;
            margin-bottom: 30px;
            position: relative;
        }

        .seletDiv select {
            border-radius: 0px;
            border: 1px solid #222;
            font-size: 18px;
            padding: 10px 20px;
            font-family: montserrat-semibold;
            height: auto;
        }

        .nameDetails p {
            padding: 10px 0px;
        }

        .nameDetails p:first-child {
            font-family: montserrat-semibold;
        }

        .nameDetails1 .col-lg-4 {
            position: relative;
        }

        .nameDetails1::after {
            content: " ";
            display: block;
            position: absolute;
            right: 120px;
            top: 20px;
            width: 1px;
            height: 149px;
            background-color: #222;
        }

        .nameDetails {
            padding: 20px 40px;
            box-shadow: 0px 3px 6px #00000029;
        }

        @media (min-width:1367px) {
            .boxDiv {
                box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 27%);
                padding: 60px;
                border-left: 0px;
                min-height: 588px;
            }
        }

        /* investor relation css start */

        .investorBanner {
            background-image: url(../images/investor-banner.png);
            background-position: center;
            background-size: cover;
            width: 100%;
            height: 100vh;
        }

        .investorTxt h2 {
            font-size: 36px;
            font-family: montserrat-bold;
            color: #fff;
            line-height: 40px;
        }

        .investorTxt {
            display: flex;
            justify-content: center;
            height: 100vh;
            flex-direction: column;
        }

        .investorTxt P {
            color: #fff;
            font-size: 16px;
        }

        .quaterlyResult {
            padding: 50px 0px 63px 0px;
            width: 100%;
        }

        .quaterlyResult .nav-tabs {
            border-bottom: 0px solid #ddd;
            margin-bottom: 30px;
        }

        .quaterlyResult .nav-tabs>li.active>a,
        .quaterlyResult .nav-tabs>li.active>a:focus,
        .quaterlyResult .nav-tabs>li.active>a:hover {
            color: #fff;
            cursor: default;
            background-color: #2575AE;
            border: none;
            border: 1px solid #2575AE;
        }

        .quaterlyResult .nav-tabs>li>a {
            margin-right: 15px;
            line-height: 1.42857143;
            border: 1px solid #050505;
            border-radius: 0px;
            font-size: 20px;
            color: #000;
            font-family: montserrat-bold;
        }

        .sectionMain {
            background: red;
            padding: 50px 50px;
        }

        .sectionPdf {
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #ddd;
            margin-bottom: 20px;
            padding-bottom: 20px;
            color: #050505;
        }

        .sectionMain {
            background: #fff;
            padding: 30px 50px 40px 50px;
            box-shadow: 0px 3px 6px #00000029;
        }

        .quaterlyResult .allContents h3 {
            margin-bottom: 43px;
        }

        .sectionPdf:last-child {
            border-bottom: none;
        }

        .quaterlyResult .nav-tabs li {
            width: 188px;
            text-align: center;
        }

        .sectionPdf p {
            font-weight: bold;
        }

        /* investor construction css */

        .investorConstructBanner {
            background-image: url(../images/investor-constructor-banner.png);
            background-position: center;
            background-size: cover;
            width: 100%;
            height: 100vh;
        }

        .investorConstructTxt h2 {
            font-size: 36px;
            font-family: montserrat-bold;
            color: #fff;
            line-height: 40px;
        }

        .investorConstructTxt {
            display: flex;
            justify-content: center;
            height: 100vh;
            flex-direction: column;
        }

        .investorConstructTxt P {
            color: #fff;
            font-size: 16px;
        }

        .investorConstructTxt p:last-child {
            padding-top: 10px;
        }

        .insra-const-sec {
            padding: 50px 0px 50px 0px;
            width: 100%;
        }

        .insfra-box h4 {
            font-size: 22px;
            color: #2575AE;
            padding: 26px 0px 26px;
            font-family: montserrat-bold;
        }

        .insfra-box {
            padding: 25px 20px 10px 20px;
            width: 100%;
            min-height: 450px;
        }

        .insfra-box p {
            font-size: 16px;
            color: #050505;
        }

        .infra-boxP p:nth-child(3) {
            padding-top: 26px;
        }

        .infra-fullBox:hover .insfra-box {
            box-shadow: 0px 3px 6px #00000029;
            padding: 25px 20px 10px 20px;
            /* width: 100%; */
            min-height: 450px;
            cursor: pointer;
        }

        /* infrastructure engineering */

        .infrastructureBanner {
            background-image: url(../images/infrastructure-engineering-banner.png);
            background-position: center;
            background-size: cover;
            width: 100%;
            height: 100vh;
        }

        .infrastructureTxt {
            display: flex;
            justify-content: center;
            height: 100vh;
            flex-direction: column;
        }

        .infrastructureTxt h2 {
            font-size: 36px;
            font-family: montserrat-bold;
            color: #fff;
            line-height: 40px;
            min-width: 621px;
            width: 100%;
        }

        .infrastructureTxt P {
            color: #fff;
            font-size: 16px;
        }

        .infrastructureTxt p:last-child {
            padding-top: 10px;
        }

        .infra-rev-sec {
            padding: 50px 0px 0px 0px;
            width: 100%;
        }

        .infraRev p {
            padding: 21px 0px 0px;
        }

        .infraRev h3 {
            font-size: 25px;
            color: #2575AE;
            font-family: montserrat-bold;
        }

        .infraRev p>span.india-infra {
            font-size: 20px;
            font-family: montserrat-bold;
            color: #050505;
        }

        .end-to-end-infra {
            margin: 62px 0px 56px;
        }

        .end-infra-value {
            background-image: url(../images/infrastructure-engineering-img2.png);
            background-position: center;
            background-size: cover;
            width: 100%;
            height: 293px;
        }

        .endToEndInfraTxt h3 {
            color: #FFFFFF;
            font-size: 25px;
            font-family: montserrat-bold;
            padding-bottom: 21px;
        }

        .endToEndInfraTxt {
            color: #FFFFFF;
            font-size: 16px;
            font-family: montserrat-bold;
            display: flex;
            justify-content: center;
            flex-direction: column;
            height: 293px;
        }

        .infraBottom {
            margin-bottom: 60px;
        }

        .infraPara p:first-child {
            padding-bottom: 20px;
        }

        /* miing css */

        .miningBanner {
            background-image: url(../images/mining-banner-img.png);
            background-position: center;
            background-size: cover;
            width: 100%;
            height: 100vh;
        }

        .miningTxt {
            display: flex;
            justify-content: center;
            height: 100vh;
            flex-direction: column;
        }

        .miningTxt h2 {
            font-size: 36px;
            font-family: montserrat-bold;
            color: #fff;
            line-height: 40px;
            min-width: 621px;
            width: 100%;
        }

        .miningTxt P {
            color: #fff;
            font-size: 16px;
        }

        .miningTxt p:last-child {
            padding-top: 10px;
        }

        .mining-sec {
            padding: 50px 0px 0px;
            width: 100%;
        }

        .miningRev p:nth-child(2) {
            padding: 19px 0px 12px;
        }

        .miningRev p>span.india-infra {
            font-size: 20px;
            font-family: montserrat-bold;
            color: #050505;
        }

        .miningRev h3 {
            font-size: 25px;
            color: #2575AE;
            font-family: montserrat-bold;
        }

        .powring-up-india {
            margin: 62px 0px 56px;
        }

        .powring-value {
            background-image: url(../images/mining-img2.png);
            background-position: center;
            background-size: cover;
            width: 100%;
            height: 293px;
        }

        .powringTxt h3 {
            color: #FFFFFF;
            font-size: 25px;
            font-family: montserrat-bold;
            padding-bottom: 21px;
        }

        .powringTxt {
            color: #FFFFFF;
            font-size: 16px;
            font-family: montserrat-bold;
            display: flex;
            justify-content: center;
            flex-direction: column;
            height: 293px;
        }

        .miningBottom {
            margin-bottom: 60px;
        }

        /* equipment leasing */

        .equipmentLeasingBanner {
            background-image: url(../images/equipment-banner-img.png);
            background-position: center;
            background-size: cover;
            width: 100%;
            height: 100vh;
        }

        .equipmentLeasingTxt {
            display: flex;
            justify-content: center;
            height: 100vh;
            flex-direction: column;
        }

        .equipmentLeasingTxt h2 {
            font-size: 36px;
            font-family: montserrat-bold;
            color: #fff;
            line-height: 40px;
            min-width: 621px;
            width: 100%;
        }

        .equipmentLeasingTxt P {
            color: #fff;
            font-size: 16px;
        }

        .equipmentLeasingTxt p:last-child {
            padding-top: 10px;
        }

        /*  */

        .equipment-sec {
            padding: 50px 0px 50px 0px;
            width: 100%;
        }

        .equipment-box h4 {
            font-size: 22px;
            color: #2575AE;
            padding: 26px 0px 26px;
            font-family: montserrat-bold;
        }

        .equipment-box {
            padding: 25px 20px 10px 20px;
            width: 100%;
            min-height: 450px;
        }

        .equipment-box p {
            font-size: 16px;
            color: #050505;
            font-size: 16px;
        }

        .equipment-box P p:nth-child(3) {
            padding-top: 26px;
        }

        .equipment-fullBox:hover .equipment-box {
            box-shadow: 0px 3px 6px #00000029;
            padding: 25px 20px 10px 20px;
            /* width: 100%; */
            min-height: 450px;
            cursor: pointer;
        }

        .equipment-boxP p:nth-child(3) {
            padding-top: 26px;
        }

        /* steel equipment */

        .steelManuBanner {
            background-image: url(../images/steel-manufacturing-banner-img.png);
            background-position: center;
            background-size: cover;
            width: 100%;
            height: 100vh;
        }

        .steelManuTxt {
            display: flex;
            justify-content: center;
            height: 100vh;
            flex-direction: column;
        }

        .steelManuTxt h2 {
            font-size: 36px;
            font-family: montserrat-bold;
            color: #fff;
            line-height: 40px;
            min-width: 621px;
            width: 100%;
        }

        .steelManuTxt P {
            color: #fff;
            font-size: 16px;
        }

        .steelManuTxt p:last-child {
            padding-top: 10px;
        }

        .steel-sec {
            padding: 50px 0px 0px 0px;
            width: 100%;
        }

        .steelRev h3 {
            font-size: 25px;
            color: #2575AE;
            font-family: montserrat-bold;
        }

        .steelRev p {
            padding: 21px 0px 0px;
        }

        .steelRev p>span.india-infra {
            font-size: 20px;
            font-family: montserrat-bold;
            color: #050505;
        }

        .steel-manu-value {
            background-image: url(../images/steel-img1.png);
            background-position: center;
            background-size: cover;
            width: 100%;
            height: 293px;
        }

        .steel-manu {
            margin: 62px 0px 56px;
        }

        .steel-manuTxt {
            color: #FFFFFF;
            font-size: 16px;
            font-family: montserrat-bold;
            display: flex;
            justify-content: center;
            flex-direction: column;
            height: 293px;
        }

        .steel-manuTxt h3 {
            color: #FFFFFF;
            font-size: 25px;
            font-family: montserrat-bold;
            padding-bottom: 21px;
        }

        .steelBottom {
            margin-bottom: 60px;
        }

        .steelPara p>span.india-infra {
            font-size: 20px;
            font-family: montserrat-bold;
            color: #050505;
        }

        /* investor contact css */

        .investorSection {
            box-shadow: 0px 3px 6px #00000029;
            height: 351px;
            padding: 40px 0px 0px 40px;
        }

        .investorSection h4 {
            font-size: 20px;
            color: #2575AE;
            font-family: montserrat-bold;
            padding-bottom: 10px;
        }

        .investorBox2 {
            max-width: 437px;
        }

        .investorSection {
            display: flex;
            /* justify-content: center; */
            /* align-items: center; */
        }

        .investorBox1 {
            max-width: 449px;
            margin-right: 120px;
        }

        .investorSection p {
            padding-bottom: 20px;
            font-size: 16px;
            color: #050505;
        }

        .nullBox {
            position: absolute;
            height: 279px;
            width: 2px;
            background: #ddd;
            left: 47%;
        }

        .investorSection p:nth-child(4) {
            padding-bottom: 0px !important;
        }

        .investorSection p:nth-child(5) {
            padding-bottom: 0px !important;
        }

        .csrBanner {
            background-image: url(../images/making-a-difference-img.png);
            background-position: center;
            background-size: cover;
            width: 100%;
            height: 100vh;
        }

        .csrBanner .csrTxt {
            min-width: 586px;
            width: 100%;
        }

        .csrPara p>span {
            font-size: 20px;
            font-family: montserrat-bold;
            color: #050505;
        }

        .csrPara {
            padding-bottom: 58px;
        }

        .contactBanner {
            background-image: url(../images/contact-us-banner.png);
        }

        .investorConstructTxt.csrTxt {
            max-width: 471px;
        }

        .infra-fullBox:hover .csr-box {
            min-height: 300px;
        }

        .csr-box {
            min-height: 300px;
        }

        .infra-img img {
            width: 100%;
        }

        /* contact form start */

        input[type=text],[type=email],[type=tel],
        select,
        textarea {
            width: 100%;
            padding: 12px;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
            margin-top: 6px;
            margin-bottom: 16px;
            resize: vertical;
            height: 34px;
        }

        input[type=submit] {
            background-color: #00639F;
            color: white;
            padding: 12px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }

        input[type=submit]:hover {
            background-color: #00639F;
        }

        .contactForm .readMore {
            padding: 30px 0px 40px;
        }

        .contactPara p {
            padding-bottom: 22px;
            color: #050505;
        }

        .contactPara h4 {
            font-size: 20px;
            color: #2575AE;
            font-family: montserrat-bold;
        }

        .contactForm input {
            border-radius: 0px;
        }

        .careerBanner {
            background-image: url(../images/careers-banner-img.png);
        }

        .btmCareer {
            margin-bottom: 40px;
        }

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

        .chooseFile input {
            width: 100%;
            padding: 6px 6px 28px;
            border: 1px solid #ccc;
            border-radius: 0px;
            box-sizing: border-box;
            /* margin-top: 6px; */
            margin-bottom: 16px;
            resize: vertical;
            height: 34px;
        }

        .missionIconnw svg {
            width: 80px;
            height: 80px;
        }

        .drowlinenw {
            stroke-dasharray: 2000;
            stroke-dashoffset: 2000;
            animation: drowline 10s linear;
            animation-fill-mode: forwards;
            transition: all ease .3s;
        }

        #blackIcon_1nw .st0 {
            fill: none;
            stroke: #000;
            stroke-width: 4;
            stroke-miterlimit: 10;
        }

        #blueIcon_1nw .st0 {
            fill: none;
            stroke: #0000ff;
            stroke-width: 4;
            stroke-miterlimit: 10;
        }

        /* shalu */

        .drowline {
            stroke-dasharray: 2000;
            stroke-dashoffset: 2000;
            animation: drowline 10s linear;
            animation-fill-mode: forwards;
            transition: all ease .3s;
        }

        @keyframes drowline {
            from {
                stroke-dashoffset: 2000;
            }

            to {
                stroke-dashoffset: 0;
            }
        }

        .missionBox:hover #blackIcon_1 .st0 {
            fill: none;
            stroke: #000;
            stroke-width: 3;
            stroke-miterlimit: 10;
        }

        .missionBox #blackIcon_1 .st0 {
            fill: none;
            stroke: #2575AE;
            stroke-width: 3;
            stroke-miterlimit: 10;
        }

        .missionBox #blackIcon_2 .st0 {
            fill: none;
            stroke: #2575AE;
            stroke-width: 3;
            stroke-miterlimit: 10;
        }

        .missionBox:hover #blackIcon_2 .st0 {
            fill: none;
            stroke: #000;
            stroke-width: 3;
            stroke-miterlimit: 10;
        }

        .missionBox:hover #blackIcon_3.st0 {
            fill: none;
            stroke: #000;
            stroke-width: 3;
            stroke-miterlimit: 10;
        }

        .missionBox:hover #blackIcon_5 .st0 {
            fill: none;
            stroke: #000;
            stroke-width: 3;
            stroke-miterlimit: 10;
        }

        .missionBox:hover #blackIcon_6 .st0 {
            fill: none;
            stroke: #000;
            stroke-width: 3;
            stroke-miterlimit: 10;
        }

        .missionBox:hover #blackIcon_7 .st0 {
            fill: none;
            stroke: #000;
            stroke-width: 3;
            stroke-miterlimit: 10;
        }

        .missionIcon svg {
            max-width: 65px;
        }

        .missionBox:hover #blueIcon_3 .st0 {
            fill: none;
            stroke: #000;
            stroke-width: 3;
            stroke-miterlimit: 10;
        }

        .missionBox #blueIcon_3 .st0 {
            fill: none;
            stroke: #2575AE;
            stroke-width: 3;
            stroke-miterlimit: 10;
        }

        .missionBox:hover #blueIcon_4 .st0 {
            fill: none;
            stroke: #000;
            stroke-width: 3;
            stroke-miterlimit: 10;
        }

        .missionBox #blueIcon_4 .st0 {
            fill: none;
            stroke: #2575AE;
            stroke-width: 3;
            stroke-miterlimit: 10;
        }

        .missionBox:hover #blueIcon_5 .st0 {
            fill: none;
            stroke: #000;
            stroke-width: 3;
            stroke-miterlimit: 10;
        }

        .missionBox #blueIcon_5 .st0 {
            fill: none;
            stroke: #2575AE;
            stroke-width: 3;
            stroke-miterlimit: 10;
        }

        .missionBox:hover #blackIcon_6 .st0 {
            fill: none;
            stroke: #000;
            stroke-width: 3;
            stroke-miterlimit: 10;
        }

        .missionBox #blackIcon_6 .st0 {
            fill: none;
            stroke: #2575AE;
            stroke-width: 3;
            stroke-miterlimit: 10;
        }

        .missionBox:hover #blueIcon_7 .st0 {
            fill: none;
            stroke: #000;
            stroke-width: 3;
            stroke-miterlimit: 10;
        }

        .missionBox #blueIcon_7 .st0 {
            fill: none;
            stroke: #2575AE;
            stroke-width: 3;
            stroke-miterlimit: 10;
        }

        header.sticky {
            background: #fff;
            transition: all ease .3s;
            position: fixed;
        }

        header.sticky .mainMenu ul li a {
            color: #000;
        }

        header.sticky .whteLogo {
            display: none;
        }

        .blckLogo {
            display: none;
        }

        header.sticky .blckLogo {
            display: block;
        }

        header.sticky ul.list-unstyled li a>img {
            filter: invert(1);
        }

        .cross {
            position: absolute;
            right: 18px;
            top: 7px;
            cursor: pointer;
        }

        .cross img {
            filter: contrast(0.5);
            /* color: royalblue; */
        }

        /*  */
        /* Style the tab */

        .tabsml {
            float: left;
            border: 0px;
            background-color: transparent;
            width: 100%;
            height: auto;
        }

        /* Style the buttons inside the tab */

        .tabsml li {
            display: block;
            background-color: transparent;
            color: black;
            width: 100%;
            border: none;
            outline: none;
            text-align: left;
            cursor: pointer;
            font-size: 17px;
        }

        /* Change background color of buttons on hover */

        .tabsml li.active:hover {
            background-color: transparent;
        }

        /* Create an active/current "tab button" class */

        .tabsml li.active {
            color: #ccc;
        }

        /* Style the tab content */

        .tabcontentsml {
            float: left;
            padding: 30px 12px;
            border: 0px;
            width: 100%;
            border-left: none;
            height: auto;
            display: none;
        }

        .tabcontentsml img {
            width: 100%;
        }

        .sectionPdfnw p {
            font-weight: bold;
        }

        .sectionPdfnw:last-child {
            border-bottom: none;
        }

        .sectionPdfnw a {
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #ddd;
            margin-bottom: 20px;
            padding-bottom: 20px;
            color: #050505;
        }

        /**/

        ul.tabB li a {
            padding: 7px 0px;
            color: #050505;
            font-family: montserrat-regular;
            font-size: 16px;
            display: block;
        }

        ul.tabB {
            padding-top: 30px;
        }

        ul.tabB li a:hover {
            color: #2575AE;
        }

        .insidepage p {
            margin-bottom: 20px;
            font-family: 'montserrat-regular';
        }

        .insidepageSml p {
            margin-bottom: 20px;
            font-family: 'montserrat-regular';
        }

        .insidepageSml {
            padding: 55px 0px 40px;
        }

        h2.insidesubhdng {
            font-family: montserrat-bold;
            margin-bottom: 20px;
            font-size: 20px;
        }

        .policytremban {
            background-image: url(../images/policytrembandesktop.jpg);
        }

        .dropsml a {
            font-size: 16px;
            color: #050505;
            padding: 5px 0px 5px;
            font-family: montserrat-regular;
        }

        .dropdown-menu.dropMenuSml {
            left: 0;
            background: none;
            box-shadow: none;
        }

        .open>.dropMenuSml {
            display: block;
        }

        .imgFiller {
            filter: brightness(0.5);
        }

        .showLink {
            display: none;
        }

        .showLink a {
            font-size: 16px;
            padding: 7px 0px;
            display: block;
            font-family: 'montserrat-regular';
        }

        .dropsml .btn.active,
        .btn:active {
            box-shadow: none;
        }

        .dropsml a:hover {
            color: #2575AE;
        }
        .kethead h3 {
    font-family: montserrat-bold;
    /* font-size: 20px; */
    padding-top: 15px;
    color: #2575AE;
    text-transform: uppercase;
}

.investorSection a {
    color: #050505;
}
.investorSection a:hover {
    color: #337ab7;
}
.tab2Insidecin h3 {
    color: #333;
    font-family: 'montserrat-regular';
    font-size: 18px;
    margin-bottom: 0px;
}
.tab2Insidecin {
    padding: 10px 10px!important;
    max-width: 295px;
    width: 100%;
}