/* imac 21 4k inch Styles here */
@media only screen and (min-width: 2560px) and (max-width: 2560px) {
    #banner {
    height: 1206px;
}
.bluedots.dots1 {
    top: -220px;
    left: 485px;
}

#backDropscrollPath, #scrollPath {
    position: absolute;
    top: 985px;
    left: 0px;
    right: 0px;
    margin: auto;
    z-index: 1;
    pointer-events: none;
}

}

@media (min-width: 1600px) and (max-width: 1919px) {
/*   #ourLeader {
transform: translateX(0%) !important;
} */
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
/*   #ourLeader {
transform: translateX(0%) !important;
} */

#banner {
    position: relative;
    height: 765px;
}
#backDropscrollPath, #scrollPath {
    top: 535px;
}

#about .thenNow .infoNos h2 {
    font-weight: 300;
    font-size: 52px !important;
}

#chairman .chairman_wrap .chairmanQ h3 {font-size: 24px;}
#chairman .chairman_wrap .chairmanQ {height: 310px;}
#ourLeader .container .tooltipContainer {
    transform-origin: center;
    transform: scale(0.75) translate(0px, -140px);
}
#ourLeader {height: 684px;}
#ResponsibleBusinesses {padding-top: 50px;height: 848px;}

.bluedots.dots12 { left: inherit; right: -65px; }
.bluedots.dots16 {
    top: 310px;
}

#journey .NextPhase {
    margin-top: 10px;
}

#journey .NextPhase .NextPhaseCards {padding: 20px 20px;height: 460px;}
#journey .NextPhase .NextPhaseCards-2, #journey .NextPhase .NextPhaseCards-3,#journey .NextPhase .NextPhaseCards-4, #journey .NextPhase .NextPhaseCards-5 {height: 220px;}
#journey .NextPhase .NextPhaseCards .nos {line-height: 50px;}

#journey {
    height: 1720px;
}

.bluedots.dots26 {
    top: 2210px;
}
.bluedots.dots25 {
    top: 2164px;
}

.bluedots.dots24 {
    top: 1715px;
}

.bluedots.dots27 {
    top: 770px;
}

#OurPriorities .Prioritiesslider {
    height: 700px;
    margin-top: 50px;
    margin-left: 30px;
}

#OurPriorities .Prioritiesslider-pagination {transform: translate(-24px, -20px);}
#cards {
    height: 800px;
} 

#cards .swiper-button-next, #cards .swiper-button-prev {
    bottom: 120px;
}

#cards .swiper-button-next {
    right: inherit;
    left: 310px;
}
#cards .swiper-button-prev {
    left: 250px;
}

.bluedots.dots28,.bluedots.dots29,.bluedots.dots30 {
    top: -41px;
} 
.bluedots.dots31,.bluedots.dots32 { left: inherit; right: -65px; }
.bluedots.dots31 {top: 350px;}
#ourLeader .tooltipList10 {
    transform: translate(475px, 291px);
}
#ourLeader .tooltipList14 {
    transform: translate(837px, 289px);
}

#OurPriorities .infoNos h2 {font-size: 32px;}
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.row {
margin: 0px;
}
.common-container {
width: 1200px;
max-width: 100%;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.header-main-wrp .container-md {
max-width: 1360px !important;
}
.mainTitle {font-size: 36px;}
#banner {
    position: relative;
    height: 626px;
}

#backDropscrollPath, #scrollPath {
    position: absolute;
    top: -265px;
    left: -40px;
    right: 0px;
    margin: auto;
    z-index: 1;
    pointer-events: none;
    transform: scale(0.88);
}

#about .thenNow .thenNowMid .infoNos h2 {
    font-weight: 300;
    font-size: 58px !important;
}

.bluedots.dots2, .bluedots.dots3, .bluedots.dots4,.bluedots.dots8,.bluedots.dots9,.bluedots.dots10,.bluedots.dots11,.bluedots.dots13,.bluedots.dots14,.bluedots.dots15,.bluedots.dots26,.bluedots.dots24,.bluedots.dots25,.bluedots.dots26
{left:-57px;}
.bluedots.dots9 {top: 590px;}
.bluedots.dots10 {top: 685px;}
.bluedots.dots11{ top: 720px; }
.bluedots.dots12 {
    top: 285px;
    left: -30px;
}
.bluedots.dots16 {
    top: 470px;
    right: -45px;
}
.bluedots.dots28,.bluedots.dots29,.bluedots.dots30 {top: -195px;}
.bluedots.dots31,.bluedots.dots32 { left: inherit; right:-20px;  }


#about .LegacyPurpose {margin-top: 105px;}
.bluedots.dots5, .bluedots.dots6, .bluedots.dots7,.bluedots.dots17,.bluedots.dots18,.bluedots.dots19,.bluedots.dots20,.bluedots.dots21,.bluedots.dots22,.bluedots.dots23 {right: -46px;}
.bluedots.dots27 {
    top: 700px;
    right: -20px;
}
#about {height: 1620px;}
#chairman {margin-top: 250px;height: 1020px;}
#chairman .chairman_wrap .chairmanQ h3 {font-size: 22px;}
#chairman .chairman_wrap .chairmanPix {width: 690px;}
#chairman .chairman_wrap .chairmanRight {width: 485px;height: 700px;}
#chairman .chairman_wrap .chairmanQ {padding: 30px 30px;height: 290px;}
#chairman .chairman_wrap .ContantDesc {
    padding: 30px 30px;
}
#ourLeader {height: 590px;}
#ourLeader .container {transform-origin: center;
   transform: scale(0.70) translate(0px, -225px);}

   #ResponsibleBusinesses {padding-top: 50px;}
#ResponsibleBusinesses .ResponsibleBusinessesTabs .swiper-button-next, #ResponsibleBusinesses .ResponsibleBusinessesTabs .swiper-button-prev {
    top: 198px;
}
#ResponsibleBusinesses .ResponsibleBusinessesTabs .Dashslider .BusinessesCards {padding: 20px;}
#ResponsibleBusinesses .ResponsibleBusinessesTabs .Dashslider .BusinessesCards .infoNos h2 {
    font-size: 30px;
    font-weight: 500;
}

#ResponsibleBusinesses .ResponsibleBusinessesTabs .Dashslider .BusinessesCards p {font-size: 13px;}
#ResponsibleBusinesses .ResponsibleBusinessesTabs .Dashslider .BusinessesCards {height: 310px;}
#ResponsibleBusinesses {height: 668px;}

#strongTrack {
    margin-top: 40px;
    height: 1320px;
}
#journey {height: 1500px;}
#journey #journerChartsVideo {max-width: 800px;}

#journey .NextPhase {
    margin-top: 50px;
}
#journey .NextPhase .NextPhaseCards {padding: 20px 20px;}
#journey .NextPhase .NextPhaseCards p {font-size: 16px;}
#journey .NextPhase .NextPhaseCards {height: 442px;}
#journey .NextPhase .NextPhaseCards-2, #journey .NextPhase .NextPhaseCards-3,#journey .NextPhase .NextPhaseCards-4, #journey .NextPhase .NextPhaseCards-5 {height: 210px;}
#OurPriorities .Prioritiesslider {margin-top: 30px;margin-left: 24px;height: 733px;} 
#cards {height: 800px;}
#cards .swiper-button-next {
    right: inherit;
    left: 300px;
}
#cards .swiper-button-prev {
    left: 250px;
}

#cards .swiper-button-next, #cards .swiper-button-prev {
    top: inherit;
    bottom: 190px;
}

#downloadCenter {
    padding: 30px 0px;
}

.bluedots.dots1 {
    top: 20px;
    left: 427px;
}
#ourLeader .mainTitle {top: 140px;}

#ourLeader .tooltipList2 {
    transform: translate(-170px, 264px);
}
#ourLeader .tooltipList3 {
    transform: translate(0px, 336px);
}
#ourLeader .tooltipList4 {
    transform: translate(-128px, 458px);
}
#ourLeader .tooltipList5 {
    transform: translate(232px, 490px);
}
#ourLeader .tooltipList6 {
    transform: translate(420px, 476px);
}
#ourLeader .tooltipList7 {
    transform: translate(102px, 296px);
}
#ourLeader .tooltipList8 {
    transform: translate(172px, 337px);
}
#ourLeader .tooltipList9 {
    transform: translate(333px, 319px);
}
#ourLeader .tooltipList10 {
    transform: translate(536px, 291px);
}
#ourLeader .tooltipList11 {
    transform: translate(636px, 480px);
}
#ourLeader .tooltipList13 {
    transform: translate(610px, 287px);
}
#ourLeader .tooltipList14 {
    transform: translate(787px, 289px);
}
#ourLeader .tooltipList15 {
    transform: translate(854px, 345px);
}
#ourLeader .tooltipList16 {
    transform: translate(1016px, 345px);
}
#ourLeader .tooltipList17 {
    transform: translate(1154px, 304px);
}
#ourLeader .tooltipList18 {
    transform: translate(1414px, 367px);
}
#ourLeader .tooltipList12 {
    transform: translate(1262px, 480px);
}
#OurPriorities .infoNos {
    margin-bottom: 3px;
}
#OurPriorities .Prioritiesslider-pagination {height: 320px;top: 90px;}
#about .thenNow {
    margin-top: 100px;
}
#downloadCenter .downloadBt {padding: 8px;}
#downloadCenter .downloadBt p {
    font-size: 16px;
    line-height: 1.1;
}
}

/* 1. scale and layout setting at 100% */
@media (resolution: 1dppx) {

/*   #ourLeader {
transform: translateX(-1%);
}
*/
}
@media (resolution: 1.25dppx) {
#cards .swiper-button-prev {
        left: 260px;
    }

        #OurPriorities .Prioritiesslider-pagination {
        transform: translate(-24px, -20px);
    }

}
    

/*  */


/* 3. scale and layout setting at 150% */
@media (resolution: 1.5dppx) {
    #downloadCenter .downloadBt {padding: 8px;}
#downloadCenter .downloadBt p {
    font-size: 16px;
    line-height: 1.1;
}
.header-main-wrp .container-md {
max-width: 1360px !important;
}
.mainTitle {font-size: 36px;}
#banner {
    position: relative;
    height: 626px;
}

#backDropscrollPath, #scrollPath {
    position: absolute;
    top: -265px;
    left: -40px;
    right: 0px;
    margin: auto;
    z-index: 1;
    pointer-events: none;
    transform: scale(0.88);
}

#about .thenNow .thenNowMid .infoNos h2 {
    font-weight: 300;
    font-size: 58px !important;
}

.bluedots.dots2, .bluedots.dots3, .bluedots.dots4,.bluedots.dots8,.bluedots.dots9,.bluedots.dots10,.bluedots.dots11,.bluedots.dots13,.bluedots.dots14,.bluedots.dots15,.bluedots.dots26,.bluedots.dots24,.bluedots.dots25,.bluedots.dots26
{left:-32px;}
.bluedots.dots9 {top: 590px;}
.bluedots.dots10 {top: 685px;}
.bluedots.dots11{ top: 720px; }
.bluedots.dots12 {
    top: 285px;
    left: -30px;
}
.bluedots.dots16 {
    top: 470px;
    right: -45px;
}
.bluedots.dots28,.bluedots.dots29,.bluedots.dots30 {top: -195px;}
.bluedots.dots31,.bluedots.dots32 { left: inherit; right: -45px;  }


#about .LegacyPurpose {margin-top: 105px;}
.bluedots.dots5, .bluedots.dots6, .bluedots.dots7,.bluedots.dots17,.bluedots.dots18,.bluedots.dots19,.bluedots.dots20,.bluedots.dots21,.bluedots.dots22,.bluedots.dots23 {right: -46px;}
.bluedots.dots27 {
    top: 700px;
    right: -45px;
}
#about {height: 1620px;}
#chairman {margin-top: 250px;height: 1020px;}
#chairman .chairman_wrap .chairmanQ h3 {font-size: 22px;}
#chairman .chairman_wrap .chairmanPix {width: 690px;}
#chairman .chairman_wrap .chairmanRight {width: 485px;height: 700px;}
#chairman .chairman_wrap .chairmanQ {padding: 30px 30px;height: 290px;}
#chairman .chairman_wrap .ContantDesc {
    padding: 30px 30px;
}
#ourLeader {height: 590px;}
#ourLeader .container {transform-origin: center;
   transform: scale(0.70) translate(0px, -225px);}

   #ResponsibleBusinesses {padding-top: 50px;}
#ResponsibleBusinesses .ResponsibleBusinessesTabs .swiper-button-next, #ResponsibleBusinesses .ResponsibleBusinessesTabs .swiper-button-prev {
    top: 198px;
}
#ResponsibleBusinesses .ResponsibleBusinessesTabs .Dashslider .BusinessesCards {padding: 20px;}
#ResponsibleBusinesses .ResponsibleBusinessesTabs .Dashslider .BusinessesCards .infoNos h2 {
    font-size: 30px;
    font-weight: 500;
}

#ResponsibleBusinesses .ResponsibleBusinessesTabs .Dashslider .BusinessesCards p {font-size: 13px;}
#ResponsibleBusinesses .ResponsibleBusinessesTabs .Dashslider .BusinessesCards {height: 310px;}
#ResponsibleBusinesses {height: 668px;}

#strongTrack {
    margin-top: 40px;
    height: 1320px;
}
#journey {height: 1500px;}
#journey #journerChartsVideo {max-width: 800px;}

#journey .NextPhase {
    margin-top: 50px;
}
#journey .NextPhase .NextPhaseCards {padding: 20px 20px;}
#journey .NextPhase .NextPhaseCards p {font-size: 16px;}
#journey .NextPhase .NextPhaseCards {height: 442px;}
#journey .NextPhase .NextPhaseCards-2, #journey .NextPhase .NextPhaseCards-3,#journey .NextPhase .NextPhaseCards-4, #journey .NextPhase .NextPhaseCards-5 {height: 210px;}
#OurPriorities .Prioritiesslider {margin-top: 30px;margin-left: 24px;} 
#cards {height: 800px;}
#cards .swiper-button-next {
    right: inherit;
    left: 300px;
}
#cards .swiper-button-prev {
    left: 250px;
}

#cards .swiper-button-next, #cards .swiper-button-prev {
    top: inherit;
    bottom: 190px;
}

#downloadCenter {
    padding: 30px 0px;
}

.bluedots.dots1 {
    top: 20px;
    left: 452px;
}
#ourLeader .mainTitle {top: 140px;}

#ourLeader .tooltipList2 {
    transform: translate(-170px, 264px);
}
#ourLeader .tooltipList3 {
    transform: translate(0px, 336px);
}
#ourLeader .tooltipList4 {
    transform: translate(-128px, 458px);
}
#ourLeader .tooltipList5 {
    transform: translate(232px, 490px);
}
#ourLeader .tooltipList6 {
    transform: translate(420px, 476px);
}
#ourLeader .tooltipList7 {
    transform: translate(102px, 296px);
}
#ourLeader .tooltipList8 {
    transform: translate(172px, 337px);
}
#ourLeader .tooltipList9 {
    transform: translate(333px, 319px);
}
#ourLeader .tooltipList10 {
    transform: translate(536px, 291px);
}
#ourLeader .tooltipList11 {
    transform: translate(636px, 480px);
}
#ourLeader .tooltipList13 {
    transform: translate(610px, 287px);
}
#ourLeader .tooltipList14 {
    transform: translate(787px, 289px);
}
#ourLeader .tooltipList15 {
    transform: translate(854px, 345px);
}
#ourLeader .tooltipList16 {
    transform: translate(1016px, 345px);
}
#ourLeader .tooltipList17 {
    transform: translate(1154px, 304px);
}
#ourLeader .tooltipList18 {
    transform: translate(1414px, 367px);
}
#ourLeader .tooltipList12 {
    transform: translate(1262px, 480px);
}
#OurPriorities .Prioritiesslider-pagination {height: 320px;top: 90px;}
#about .thenNow {
    margin-top: 100px;
}
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/* Portrait and Landscape */

/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
#OurPriorities .Prioritiesslider-pagination { height: auto; }
.row {
margin: 0px;
}

.infoNos h2 { font-size: 36px; }
/* 

#ourLeader .ourLeaderpix {
position: relative;
left: 0%;
}
#ourLeader .ourLeaderpix span {transform: translateX(0%);}
#ourLeader .ourLeaderpix span img { width: 100%; }
#ourLeader .container,#ourLeader .container .tooltipContainer {position: relative;padding-top: 20px;height: auto;}

#ourLeader .container .tooltipContainer  {display: flex; gap: 14px;
flex-wrap: wrap;} 
#ourLeader .tooltip-button { display: none; }
#ourLeader {background-color: #075daa; height: auto; padding-bottom: 30px; }
#ourLeader .tooltip-container {position: relative; transform: translate(0px,0px) !important;display: block;width:47%; margin: auto; }

#ourLeader .tooltip {
visibility: visible;
width: 100%;
background-color: #ffffff;
color: #fff;
padding: 5px;
position: relative;
bottom: 0px;
left: 0%;
margin-left:0px;
opacity: 1;
transition: opacity 0.3s;
} */



#header .container .tatalogo { display: none; }
#header .container .ham {right: 20px;}


/* #ourLeader .tooltip {
top: 0px !important; left: 0 !important;
}
#ourLeader .tooltip p {line-height: 13px;} */

p {
font-size: 14px;
color: #646464;
font-weight: 400;
}

.breadcrumb-wrp .breadcrumb .breadcrumb-item {
color: #878787;
font-size: 12px;
}

#Adapting .DrivingLeft,#Employment .DrivingLeft {
padding: 13px;
}

#backDropscrollPath,#scrollPath { display: none; }

#banner {
    position: relative;
    height: 70vh;
}
#about {height: auto;padding: 30px 0px; overflow: hidden; }
#about .LegacyPurpose {margin-top: 25px;}
#about .LegacyPurpose .LegacyCards,#about .LegacyPurpose .PurposeCards { width: 100%; border-radius: 20px;padding: 20px;padding-right: 20px;height: auto; }
#about .LegacyPurpose .PurposeCards {margin-left:0px; margin-top: 20px; }  
#about .thenNow {
    margin-top: 30px;
}

#about .thenNow .thenNowMid {
    margin-top: 20px;
}
#about .thenNow .thenNowMid .infoNos h2 {
font-weight: 300;
font-size: 50px !important;
}
#about .thenNow .thenNowMid .thenNowMidCards-1 { height: auto; margin-bottom: 20px; }
#about .thenNow .thenNowMid .thenNowMidCards-4 { margin-top: 20px; }
#chairman {
    margin-top: 0px;
    height: auto;
    padding: 40px 0px;
}
#chairman .chairman_wrap .chairmanPix {
    overflow: hidden;
    border-radius: 20px;
    width: 100%;
}


#chairman .chairman_wrap .chairmanRight { position: relative; width: 100%; height: auto; border-radius: 20px; }
#chairman .chairman_wrap .chairmanQ { height: auto; padding: 20px; border-radius: 20px; margin-top: 20px; }
#chairman .chairman_wrap .chairmanQ h3 {font-size: 22px;}
#chairman .chairman_wrap .ContantDesc {
    padding: 20px;
}

#ourLeader { padding-top: 10px; }
#ourLeader .ourLeaderpix span {transform: translateX(0%);}
#ourLeader .ourLeaderpix span img { width: 100%; }
#ourLeader .container,#ourLeader .container .tooltipContainer {position: relative;padding-top: 20px;height: auto;}

#ourLeader .container .tooltipContainer  {display: flex; gap: 14px;
flex-wrap: wrap;} 
#ourLeader .tooltip-button { display: none; }
#ourLeader {background-color: #075daa; height: auto; padding-bottom: 30px; }
#ourLeader .tooltip-container {position: relative; transform: translate(0px,0px) !important;display: block;width:47%; margin: auto; }

#ourLeader .tooltip {
visibility: visible;
width: 100%;
background-color: #ffffff;
color: #fff;
padding: 5px;
position: relative;
bottom: 0px;
left: 0%;
margin-left:0px;
opacity: 1;
transition: opacity 0.3s;
}

#ourLeader .tooltip {
top: 0px !important; left: 0 !important;
}
#ourLeader .tooltip p {line-height: 13px;}

#ourLeader .mainTitle { position: relative; top: 0px; }
#ourLeader .ourLeaderpix {
    position: relative;
    left: 0%;
}
.bluedots { display: none !important; }
#ResponsibleBusinesses { height: auto; padding-top: 30px; padding: 30px 0px;}
#ResponsibleBusinesses .ResponsibleBusinessesTabs .swiper-button-next, #ResponsibleBusinesses .ResponsibleBusinessesTabs .swiper-button-prev {
    top: 167px;transform: scale(0.7);
}
#ResponsibleBusinesses .ResponsibleBusinessesTabs .SubtabsTitles {font-size: 11px;}
#ResponsibleBusinesses .ResponsibleBusinessesTabs .Dashslider .BusinessesCards { height: auto; padding: 15px; margin: 0px 0px; margin-top: 20px; }
#ResponsibleBusinesses .ResponsibleBusinessesTabs .Dashslider .BusinessesCards p {padding-right: 0px;}
#strongTrack {height: auto;margin-top: 30px;}
#strongTrack .mainTitle { margin-bottom: 10px; }
.fs24 {
    font-size: 20px !important;
    line-height: 27px;
}
#strongTrack .category-title {font-size: 13px;}
#strongTrack .category-headers>div, #strongTrack .category-descriptions>div { padding: 10px; }
#strongTrack .category-headers {font-size: 16px;}
#strongTrack .cardss::before { width: 100%; }
#strongTrack .cardss {margin-top: 20px;}
#strongTrack .card {width: 280px; height: auto;margin-top: 29px; }
#strongTrack .card p { position: relative; height: auto; left: 0px; }
#strongTrack .cardss-2 .card { height: auto; margin-top: 11px; }

#journey {
    background-color: #eff9ff;
    padding: 30px 0px;
    height: auto;
}
#journey .NextPhase {
    margin-top: 40px;
}
#journey .NextPhase .NextPhaseCards { height: auto; margin-bottom: 20px; }
#OurPriorities { height: auto; }
#OurPriorities .Prioritiesslider { height: auto; margin-top: 0px;
    margin-left: 0px; }

    #OurPriorities .mainTitle {
    margin-left: 0px;
}

#OurPriorities .Priorities_content {
    padding-left: 0px;
    padding-right: 0px;
}

#OurPriorities .PrioritiesTitle { margin-top: 20px; }
#OurPriorities .Prioritiesslider4 .Priorities_content, #OurPriorities .Prioritiesslider5 .Priorities_content {
    padding-left: 0px;
    padding-right: 0px;
}

#OurPriorities .swiper-button-next, #OurPriorities .swiper-button-prev {
    top: 79px;transform: scale(0.8);
}
#OurPriorities .Prioritiesslider .swiper-slide:nth-child(7) .PrioritiesTitle, #OurPriorities .Prioritiesslider .swiper-slide:nth-child(8) .PrioritiesTitle { width: 100%; }
#OurPriorities .PrioritiesTitle h2 {font-size: 17px;}
#OurPriorities .PrioritiesTitle .nos {font-size: 15px;}
#OurPriorities .Prioritiesslider4 .swiper-slide, #OurPriorities .Prioritiesslider5 .swiper-slide { width: 100%; }
#OurPriorities .mainTitle { margin-bottom: 20px; }
#OurPriorities .Prioritiesslider-pagination {width: 95%; margin: auto; position: relative; left: 0px; flex-direction: row; padding: 0px 20px; width: 55%;}
#cards .cardsSlider {padding-left: 0%; padding-top: 0px; padding-bottom: 0px; }
#cards { height: auto; }
#cards .swiper-button-next {
    right: inherit;
    left: 140px;
}
#cards .swiper-button-next, #cards .swiper-button-prev {
    top: inherit;
    bottom: 90px;
}
#downloadCenter .downloadBt {padding: 20px 0px;}
#downloadCenter {padding: 40px 0px;}
#toTop {bottom: 50px;}

#chairman .mainTitle {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 1;
    margin-bottom: 20px;
} 

}

/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
#OurPriorities .Prioritiesslider-pagination { height: auto; }
.row {
margin: 0px;
}

.infoNos h2 { font-size: 36px; }
#header .container .tatalogo { display: none; }
#header .container .ham {right: 20px;}


/* #ourLeader .tooltip {
top: 0px !important; left: 0 !important;
}
#ourLeader .tooltip p {line-height: 13px;} */

p {
font-size: 14px;
color: #646464;
font-weight: 400;
}

.breadcrumb-wrp .breadcrumb .breadcrumb-item {
color: #878787;
font-size: 12px;
}

#Adapting .DrivingLeft,#Employment .DrivingLeft {
padding: 13px;
}

#backDropscrollPath,#scrollPath { display: none; }

#banner {
    position: relative;
    height: 100vh;
}
#about {height: auto;padding: 30px 0px; overflow: hidden; }
#about .LegacyPurpose {margin-top: 25px;}
#about .LegacyPurpose .LegacyCards,#about .LegacyPurpose .PurposeCards { width: 100%; border-radius: 20px;padding: 20px;padding-right: 20px;height: auto; }
#about .LegacyPurpose .PurposeCards {margin-left:0px; margin-top: 20px; }  
#about .thenNow {
    margin-top: 30px;
}

#about .thenNow .thenNowMid {
    margin-top: 20px;
}
#about .thenNow .thenNowMid .infoNos h2 {
font-weight: 300;
font-size: 50px !important;
}
#about .thenNow .thenNowMid .thenNowMidCards-1 { height: auto; margin-bottom: 20px; }
#about .thenNow .thenNowMid .thenNowMidCards-4 { margin-top: 20px; }
#chairman {
    margin-top: 0px;
    height: auto;
    padding: 40px 0px;
}
#chairman .chairman_wrap .chairmanPix {
    overflow: hidden;
    border-radius: 20px;
    width: 100%;
}


#chairman .chairman_wrap .chairmanRight { position: relative; width: 100%; height: auto; border-radius: 20px; }
#chairman .chairman_wrap .chairmanQ { height: auto; padding: 20px; border-radius: 20px; margin-top: 20px; }
#chairman .chairman_wrap .chairmanQ h3 {font-size: 22px;}
#chairman .chairman_wrap .ContantDesc {
    padding: 20px;
}

#ourLeader { padding-top: 10px; }
#ourLeader .ourLeaderpix span {transform: translateX(0%);}
#ourLeader .ourLeaderpix span img { width: 100%; }
#ourLeader .container,#ourLeader .container .tooltipContainer {position: relative;padding-top: 20px;height: auto;}

#ourLeader .container .tooltipContainer  {display: flex; gap: 14px;
flex-wrap: wrap;} 
#ourLeader .tooltip-button { display: none; }
#ourLeader {background-color: #075daa; height: auto; padding-bottom: 30px; }
#ourLeader .tooltip-container {position: relative; transform: translate(0px,0px) !important;display: block;width:47%; margin: auto; }

#ourLeader .tooltip {
visibility: visible;
width: 100%;
background-color: #ffffff;
color: #fff;
padding: 5px;
position: relative;
bottom: 0px;
left: 0%;
margin-left:0px;
opacity: 1;
transition: opacity 0.3s;
}

#ourLeader .tooltip {
top: 0px !important; left: 0 !important;
}
#ourLeader .tooltip p {line-height: 13px;}

#ourLeader .mainTitle { position: relative; top: 0px; }
#ourLeader .ourLeaderpix {
    position: relative;
    left: 0%;
}
.bluedots { display: none !important; }
#ResponsibleBusinesses { height: auto; padding-top: 30px; padding: 30px 0px;}
#ResponsibleBusinesses .ResponsibleBusinessesTabs .swiper-button-next, #ResponsibleBusinesses .ResponsibleBusinessesTabs .swiper-button-prev {
    top: 167px;transform: scale(0.7);
}
#ResponsibleBusinesses .ResponsibleBusinessesTabs .SubtabsTitles {font-size: 11px;}
#ResponsibleBusinesses .ResponsibleBusinessesTabs .Dashslider .BusinessesCards { height: auto; padding: 15px; margin: 0px 0px; margin-top: 20px; }
#ResponsibleBusinesses .ResponsibleBusinessesTabs .Dashslider .BusinessesCards p {padding-right: 0px;}
#strongTrack {height: auto;margin-top: 30px;}
#strongTrack .mainTitle { margin-bottom: 10px; }
.fs24 {
    font-size: 20px !important;
    line-height: 27px;
}
#strongTrack .category-title {font-size: 13px;}
#strongTrack .category-headers>div, #strongTrack .category-descriptions>div { padding: 10px; }
#strongTrack .category-headers {font-size: 16px;}
#strongTrack .cardss::before { width: 100%; }
#strongTrack .cardss {margin-top: 20px;}
#strongTrack .card {width: 280px; height: auto;margin-top: 29px; }
#strongTrack .card p { position: relative; height: auto; left: 0px; }
#strongTrack .cardss-2 .card { height: auto; margin-top: 11px; }

#journey {
    background-color: #eff9ff;
    padding: 30px 0px;
    height: auto;
}
#journey .NextPhase {
    margin-top: 40px;
}
#journey .NextPhase .NextPhaseCards { height: auto; margin-bottom: 20px; }
#OurPriorities { height: auto; }
#OurPriorities .Prioritiesslider { height: auto; margin-top: 0px;
    margin-left: 0px; }

    #OurPriorities .mainTitle {
    margin-left: 0px;
}

#OurPriorities .Priorities_content {
    padding-left: 0px;
    padding-right: 0px;
}

#OurPriorities .PrioritiesTitle { margin-top: 20px; }
#OurPriorities .Prioritiesslider4 .Priorities_content, #OurPriorities .Prioritiesslider5 .Priorities_content {
    padding-left: 0px;
    padding-right: 0px;
}

#OurPriorities .swiper-button-next, #OurPriorities .swiper-button-prev {
    top: 79px;transform: scale(0.8);
}
#OurPriorities .Prioritiesslider .swiper-slide:nth-child(7) .PrioritiesTitle, #OurPriorities .Prioritiesslider .swiper-slide:nth-child(8) .PrioritiesTitle { width: 100%; }
#OurPriorities .PrioritiesTitle h2 {font-size: 17px;}
#OurPriorities .PrioritiesTitle .nos {font-size: 15px;}
#OurPriorities .Prioritiesslider4 .swiper-slide, #OurPriorities .Prioritiesslider5 .swiper-slide { width: 100%; }
#OurPriorities .mainTitle { margin-bottom: 20px; }
#OurPriorities .Prioritiesslider-pagination {width: 95%; margin: auto; position: relative; left: 0px; flex-direction: row; }
#cards .cardsSlider {padding-left: 0%; padding-top: 0px; padding-bottom: 0px; }
#cards { height: auto; }
#cards .swiper-button-next {
    right: inherit;
    left: 140px;
}
#cards .swiper-button-next, #cards .swiper-button-prev {
    top: inherit;
    bottom: 90px;
}
#downloadCenter .downloadBt {padding: 20px 0px;}
#downloadCenter {padding: 40px 0px;}
#toTop {bottom: 50px;}

#chairman .mainTitle {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 1;
    margin-bottom: 20px;
} 

}

@media only screen and (min-device-width: 481px) and (max-device-width: 767px) {
#OurPriorities .Prioritiesslider-pagination { height: auto; }
.row {
margin: 0px;
}

.infoNos h2 { font-size: 36px; }
/* 

#ourLeader .ourLeaderpix {
position: relative;
left: 0%;
}
#ourLeader .ourLeaderpix span {transform: translateX(0%);}
#ourLeader .ourLeaderpix span img { width: 100%; }
#ourLeader .container,#ourLeader .container .tooltipContainer {position: relative;padding-top: 20px;height: auto;}

#ourLeader .container .tooltipContainer  {display: flex; gap: 14px;
flex-wrap: wrap;} 
#ourLeader .tooltip-button { display: none; }
#ourLeader {background-color: #075daa; height: auto; padding-bottom: 30px; }
#ourLeader .tooltip-container {position: relative; transform: translate(0px,0px) !important;display: block;width:47%; margin: auto; }

#ourLeader .tooltip {
visibility: visible;
width: 100%;
background-color: #ffffff;
color: #fff;
padding: 5px;
position: relative;
bottom: 0px;
left: 0%;
margin-left:0px;
opacity: 1;
transition: opacity 0.3s;
} */



#header .container .tatalogo { display: none; }
#header .container .ham {right: 20px;}


/* #ourLeader .tooltip {
top: 0px !important; left: 0 !important;
}
#ourLeader .tooltip p {line-height: 13px;} */

p {
font-size: 14px;
color: #646464;
font-weight: 400;
}

.breadcrumb-wrp .breadcrumb .breadcrumb-item {
color: #878787;
font-size: 12px;
}

#Adapting .DrivingLeft,#Employment .DrivingLeft {
padding: 13px;
}

#backDropscrollPath,#scrollPath { display: none; }

#banner {
    position: relative;
    height: 100vh;
}
#about {height: auto;padding: 30px 0px; overflow: hidden; }
#about .LegacyPurpose {margin-top: 25px;}
#about .LegacyPurpose .LegacyCards,#about .LegacyPurpose .PurposeCards { width: 100%; border-radius: 20px;padding: 20px;padding-right: 20px;height: auto; }
#about .LegacyPurpose .PurposeCards {margin-left:0px; margin-top: 20px; }  
#about .thenNow {
    margin-top: 30px;
}

#about .thenNow .thenNowMid {
    margin-top: 20px;
}
#about .thenNow .thenNowMid .infoNos h2 {
font-weight: 300;
font-size: 50px !important;
}
#about .thenNow .thenNowMid .thenNowMidCards-1 { height: auto; margin-bottom: 20px; }
#about .thenNow .thenNowMid .thenNowMidCards-4 { margin-top: 20px; }
#chairman {
    margin-top: 0px;
    height: auto;
    padding: 40px 0px;
}
#chairman .chairman_wrap .chairmanPix {
    overflow: hidden;
    border-radius: 20px;
    width: 100%;
}


#chairman .chairman_wrap .chairmanRight { position: relative; width: 100%; height: auto; border-radius: 20px; }
#chairman .chairman_wrap .chairmanQ { height: auto; padding: 20px; border-radius: 20px; margin-top: 20px; }
#chairman .chairman_wrap .chairmanQ h3 {font-size: 22px;}
#chairman .chairman_wrap .ContantDesc {
    padding: 20px;
}

#ourLeader { padding-top: 10px; }
#ourLeader .ourLeaderpix span {transform: translateX(0%);}
#ourLeader .ourLeaderpix span img { width: 100%; }
#ourLeader .container,#ourLeader .container .tooltipContainer {position: relative;padding-top: 20px;height: auto;}

#ourLeader .container .tooltipContainer  {display: flex; gap: 14px;
flex-wrap: wrap;} 
#ourLeader .tooltip-button { display: none; }
#ourLeader {background-color: #075daa; height: auto; padding-bottom: 30px; }
#ourLeader .tooltip-container {position: relative; transform: translate(0px,0px) !important;display: block;width:47%; margin: auto; }

#ourLeader .tooltip {
visibility: visible;
width: 100%;
background-color: #ffffff;
color: #fff;
padding: 5px;
position: relative;
bottom: 0px;
left: 0%;
margin-left:0px;
opacity: 1;
transition: opacity 0.3s;
}

#ourLeader .tooltip {
top: 0px !important; left: 0 !important;
}
#ourLeader .tooltip p {line-height: 13px;}

#ourLeader .mainTitle { position: relative; top: 0px; }
#ourLeader .ourLeaderpix {
    position: relative;
    left: 0%;
}

#ResponsibleBusinesses { height: auto; padding-top: 30px; padding: 30px 0px;}
#ResponsibleBusinesses .ResponsibleBusinessesTabs .swiper-button-next, #ResponsibleBusinesses .ResponsibleBusinessesTabs .swiper-button-prev {
    top: 233px;transform: scale(0.7);
}
#ResponsibleBusinesses .ResponsibleBusinessesTabs .SubtabsTitles {font-size: 11px;}
#ResponsibleBusinesses .ResponsibleBusinessesTabs .Dashslider .BusinessesCards { height: auto; padding: 15px; margin: 0px 0px; margin-top: 20px; }
#ResponsibleBusinesses .ResponsibleBusinessesTabs .Dashslider .BusinessesCards p {padding-right: 0px;}
#strongTrack {height: auto;margin-top: 30px;}
#strongTrack .mainTitle { margin-bottom: 10px; }
.fs24 {
    font-size: 20px !important;
    line-height: 27px;
}
#strongTrack .category-title {font-size: 13px;}
#strongTrack .category-headers>div, #strongTrack .category-descriptions>div { padding: 10px; }
#strongTrack .category-headers {font-size: 16px;}
#strongTrack .cardss::before { width: 100%; }
#strongTrack .cardss {margin-top: 20px;}
#strongTrack .card {width: 280px; height: auto;margin-top: 29px; }
#strongTrack .card p { position: relative; height: auto; left: 0px; }
#strongTrack .cardss-2 .card { height: auto; margin-top: 11px; }

#journey {
    background-color: #eff9ff;
    padding: 30px 0px;
    height: auto;
}
#journey .NextPhase {
    margin-top: 40px;
}
#journey .NextPhase .NextPhaseCards { height: auto; margin-bottom: 20px; }
#OurPriorities { height: auto; }
#OurPriorities .Prioritiesslider { height: auto; margin-top: 0px;
    margin-left: 0px; }

    #OurPriorities .mainTitle {
    margin-left: 0px;
}

#OurPriorities .Priorities_content {
    padding-left: 0px;
    padding-right: 0px;
}

#OurPriorities .PrioritiesTitle { margin-top: 20px; }
#OurPriorities .Prioritiesslider4 .Priorities_content, #OurPriorities .Prioritiesslider5 .Priorities_content {
    padding-left: 0px;
    padding-right: 0px;
}

#OurPriorities .swiper-button-next, #OurPriorities .swiper-button-prev {
    top: 79px;transform: scale(0.8);
}
#OurPriorities .Prioritiesslider .swiper-slide:nth-child(7) .PrioritiesTitle, #OurPriorities .Prioritiesslider .swiper-slide:nth-child(8) .PrioritiesTitle { width: 100%; }
#OurPriorities .PrioritiesTitle h2 {font-size: 17px;}
#OurPriorities .PrioritiesTitle .nos {font-size: 15px;}
#OurPriorities .Prioritiesslider4 .swiper-slide, #OurPriorities .Prioritiesslider5 .swiper-slide { width: 100%; }
#OurPriorities .mainTitle { margin-bottom: 20px; }
#OurPriorities .Prioritiesslider-pagination {width: 95%; margin: auto; position: relative; left: 0px; flex-direction: row; }
#cards .cardsSlider {padding-left: 0%; padding-top: 0px; padding-bottom: 0px; }
#cards { height: auto; }
#cards .swiper-button-next {
    right: inherit;
    left: 90px;
}
#cards .swiper-button-next, #cards .swiper-button-prev {
    top: inherit;
    bottom: 90px;
}
#downloadCenter .downloadBt {padding: 20px 0px;}
#downloadCenter {padding: 40px 0px;}
#toTop {bottom: 50px;}

#chairman .mainTitle {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 1;
    margin-bottom: 20px;
} 

}

/* Extra small */
@media (min-width: 320px) and (max-width: 767px) {

.row {
margin: 0px;
}

.infoNos h2 { font-size: 36px; }
/* 

#ourLeader .ourLeaderpix {
position: relative;
left: 0%;
}
#ourLeader .ourLeaderpix span {transform: translateX(0%);}
#ourLeader .ourLeaderpix span img { width: 100%; }
#ourLeader .container,#ourLeader .container .tooltipContainer {position: relative;padding-top: 20px;height: auto;}

#ourLeader .container .tooltipContainer  {display: flex; gap: 14px;
flex-wrap: wrap;} 
#ourLeader .tooltip-button { display: none; }
#ourLeader {background-color: #075daa; height: auto; padding-bottom: 30px; }
#ourLeader .tooltip-container {position: relative; transform: translate(0px,0px) !important;display: block;width:47%; margin: auto; }

#ourLeader .tooltip {
visibility: visible;
width: 100%;
background-color: #ffffff;
color: #fff;
padding: 5px;
position: relative;
bottom: 0px;
left: 0%;
margin-left:0px;
opacity: 1;
transition: opacity 0.3s;
} */



#header .container .tatalogo { display: none; }
#header .container .ham {right: 20px;}


/* #ourLeader .tooltip {
top: 0px !important; left: 0 !important;
}
#ourLeader .tooltip p {line-height: 13px;} */

p {
font-size: 14px;
color: #646464;
font-weight: 400;
}

.breadcrumb-wrp .breadcrumb .breadcrumb-item {
color: #878787;
font-size: 12px;
}

#Adapting .DrivingLeft,#Employment .DrivingLeft {
padding: 13px;
}

#backDropscrollPath,#scrollPath { display: none; }

#banner {
    position: relative;
    height: 100vh;
}
#about {height: auto;padding: 30px 0px; overflow: hidden; }
#about .LegacyPurpose {margin-top: 25px;}
#about .LegacyPurpose .LegacyCards,#about .LegacyPurpose .PurposeCards { width: 100%; border-radius: 20px;padding: 20px;padding-right: 20px;height: auto; }
#about .LegacyPurpose .PurposeCards {margin-left:0px; margin-top: 20px; }  
#about .thenNow {
    margin-top: 30px;
}

#about .thenNow .thenNowMid {
    margin-top: 20px;
}
#about .thenNow .thenNowMid .infoNos h2 {
font-weight: 300;
font-size: 50px !important;
}
#about .thenNow .thenNowMid .thenNowMidCards-1 { height: auto; margin-bottom: 20px; }
#about .thenNow .thenNowMid .thenNowMidCards-4 { margin-top: 20px; }
#chairman {
    margin-top: 0px;
    height: auto;
    padding: 40px 0px;
}
#chairman .chairman_wrap .chairmanPix {
    overflow: hidden;
    border-radius: 20px;
    width: 100%;
}


#chairman .chairman_wrap .chairmanRight { position: relative; width: 100%; height: auto; border-radius: 20px; }
#chairman .chairman_wrap .chairmanQ { height: auto; padding: 20px; border-radius: 20px; margin-top: 20px; }
#chairman .chairman_wrap .chairmanQ h3 {font-size: 22px;}
#chairman .chairman_wrap .ContantDesc {
    padding: 20px;
}

#ourLeader { padding-top: 10px; }
#ourLeader .ourLeaderpix span {transform: translateX(0%);}
#ourLeader .ourLeaderpix span img { width: 100%; }
#ourLeader .container,#ourLeader .container .tooltipContainer {position: relative;padding-top: 20px;height: auto;}

#ourLeader .container .tooltipContainer  {display: flex; gap: 14px;
flex-wrap: wrap;} 
#ourLeader .tooltip-button { display: none; }
#ourLeader {background-color: #075daa; height: auto; padding-bottom: 30px; }
#ourLeader .tooltip-container {position: relative; transform: translate(0px,0px) !important;display: block;width:47%; margin: auto; }

#ourLeader .tooltip {
visibility: visible;
width: 100%;
background-color: #ffffff;
color: #fff;
padding: 5px;
position: relative;
bottom: 0px;
left: 0%;
margin-left:0px;
opacity: 1;
transition: opacity 0.3s;
}

#ourLeader .tooltip {
top: 0px !important; left: 0 !important;
}
#ourLeader .tooltip p {line-height: 13px;}

#ourLeader .mainTitle { position: relative; top: 0px; }
#ourLeader .ourLeaderpix {
    position: relative;
    left: 0%;
}

#ResponsibleBusinesses { height: auto; padding-top: 30px; padding: 30px 0px;}
#ResponsibleBusinesses .ResponsibleBusinessesTabs .swiper-button-next, #ResponsibleBusinesses .ResponsibleBusinessesTabs .swiper-button-prev {
    top: 233px;transform: scale(0.7);
}
#ResponsibleBusinesses .ResponsibleBusinessesTabs .SubtabsTitles {font-size: 11px;}
#ResponsibleBusinesses .ResponsibleBusinessesTabs .Dashslider .BusinessesCards { height: auto; padding: 15px; margin: 0px 0px; margin-top: 20px; }
#ResponsibleBusinesses .ResponsibleBusinessesTabs .Dashslider .BusinessesCards p {padding-right: 0px;}
#strongTrack {height: auto;margin-top: 30px;}
#strongTrack .mainTitle { margin-bottom: 10px; }
.fs24 {
    font-size: 20px !important;
    line-height: 27px;
}
#strongTrack .category-title {font-size: 13px;}
#strongTrack .category-headers>div, #strongTrack .category-descriptions>div { padding: 10px; }
#strongTrack .category-headers {font-size: 16px;}
#strongTrack .cardss::before { width: 100%; }
#strongTrack .cardss {margin-top: 20px;}
#strongTrack .card {width: 280px; height: auto;margin-top: 29px; }
#strongTrack .card p { position: relative; height: auto; left: 0px; }
#strongTrack .cardss-2 .card { height: auto; margin-top: 11px; }

#journey {
    background-color: #eff9ff;
    padding: 30px 0px;
    height: auto;
}
#journey .NextPhase {
    margin-top: 40px;
}
#journey .NextPhase .NextPhaseCards { height: auto; margin-bottom: 20px; }
#OurPriorities { height: auto; }
#OurPriorities .Prioritiesslider { height: auto; margin-top: 0px;
    margin-left: 0px; }

    #OurPriorities .mainTitle {
    margin-left: 0px;
}

#OurPriorities .Priorities_content {
    padding-left: 0px;
    padding-right: 0px;
}

#OurPriorities .PrioritiesTitle { margin-top: 20px; }
#OurPriorities .Prioritiesslider4 .Priorities_content, #OurPriorities .Prioritiesslider5 .Priorities_content {
    padding-left: 0px;
    padding-right: 0px;
}

#OurPriorities .swiper-button-next, #OurPriorities .swiper-button-prev {
    top: 79px;transform: scale(0.8);
}
#OurPriorities .Prioritiesslider .swiper-slide:nth-child(7) .PrioritiesTitle, #OurPriorities .Prioritiesslider .swiper-slide:nth-child(8) .PrioritiesTitle { width: 100%; }
#OurPriorities .PrioritiesTitle h2 {font-size: 17px;}
#OurPriorities .PrioritiesTitle .nos {font-size: 15px;}
#OurPriorities .Prioritiesslider4 .swiper-slide, #OurPriorities .Prioritiesslider5 .swiper-slide { width: 100%; }
#OurPriorities .mainTitle { margin-bottom: 20px; }
#OurPriorities .Prioritiesslider-pagination {width: 95%; margin: auto; position: relative; left: 0px; flex-direction: row; }
#cards .cardsSlider {padding-left: 0%; padding-top: 0px; padding-bottom: 0px; }
#cards { height: auto; }
#cards .swiper-button-next {
    right: inherit;
    left: 90px;
}
#cards .swiper-button-next, #cards .swiper-button-prev {
    top: inherit;
    bottom: 90px;
}
#downloadCenter .downloadBt {padding: 20px 0px;}
#downloadCenter {padding: 40px 0px;}
#toTop {bottom: 50px;}

#chairman .mainTitle {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 1;
    margin-bottom: 20px;
} 

#banner,#about,#chairman,#ourLeader,#ResponsibleBusinesses,#strongTrack,#strongTrack,#journey,#OurPriorities,#cards,#downloadCenter { overflow: hidden; }
#OurPriorities .Prioritiesslider4 .customimg2 {
    height: 310px;
    width: 270px;
    object-fit: contain;
}
#OurPriorities .Prioritiesslider-pagination { height: auto; }
}

@media (min-width: 1200px) {
/* .adanilogo {
position: relative !important;
} */
}