/* =========================
   Amazon Ember
========================= */
/*
@font-face {
    font-family: 'AmazonEmberLight';
    src: url('../../fonts/amazon-ember/AmazonEmber_Lt.woff2') format('woff2'),
        url('../../fonts/amazon-ember/AmazonEmber_Lt.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'AmazonEmber';
    src: url('../../fonts/amazon-ember/AmazonEmber_Rg.woff2') format('woff2'),
        url('../../fonts/amazon-ember/AmazonEmber_Rg.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'AmazonEmberBold';
    src: url('../../fonts/amazon-ember/AmazonEmber_Bd.woff2') format('woff2'),
        url('../../fonts/amazon-ember/AmazonEmber_Bd.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
*/

/* =========================
   Amazon Ember Arabic
========================= */

@font-face {
    font-family: 'AmazonEmberArabicLight';
    src: url('../../fonts/AmazonEmberArabic_Lt.woff2') format('woff2'),
        url('../../fonts/AmazonEmberArabic_Lt.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'AmazonEmberArabic';
    src: url('../fonts/AmazonEmberArabic_Rg.woff2') format('woff2'),
        url('../fonts/AmazonEmberArabic_Rg.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'AmazonEmberArabicBold';
    src: url('../fonts/AmazonEmberArabic_Bd.woff2') format('woff2'),
        url('../fonts/AmazonEmberArabic_Bd.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


/* =========================
   Amazon Ember Display
========================= */

@font-face {
    font-family: 'Amazon Ember Display';
    src: url('../fonts/AmazonEmberDisplay_Lt.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Amazon Ember Display';
    src: url('../fonts/AmazonEmberDisplay_Rg.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Amazon Ember Display';
    src: url('../fonts/AmazonEmberDisplay_Md.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Amazon Ember Display';
    src: url('../fonts/AmazonEmberDisplay_Bd.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Amazon Ember Display';
    src: url('../fonts/AmazonEmberDisplay_He.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


/* =========================
   Amazon Ember Mono
========================= */

@font-face {
    font-family: 'Amazon Ember Mono';
    src: url('../fonts/AmazonEmberMono_Rg.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Amazon Ember Mono';
    src: url('../fonts/AmazonEmberMono_Bd.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}


/* =========================
   Open Sans
========================= */

@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/open-sans/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/open-sans/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/open-sans/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/open-sans/OpenSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/open-sans/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/open-sans/OpenSans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


/* =========================
   Prompt
========================= */

@font-face {
    font-family: 'PromptLight';
    src: url('../fonts/prompt/Prompt-Light.woff2') format('woff2'),
        url('../fonts/prompt/Prompt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Prompt';
    src: url('../fonts/prompt/Prompt-Regular.woff2') format('woff2'),
        url('../fonts/prompt/Prompt-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'PromptBold';
    src: url('../fonts/prompt/Prompt-Bold.woff2') format('woff2'),
        url('../fonts/prompt/Prompt-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

body { font-family: 'Amazon Ember Display'; line-height:1.4!important; font-size:16px!important;}
	body {font-family:
    'AmazonEmber',
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif;

    font-size:16px!important;
    line-height:1.6;
    font-weight:400;
    color:#333;} h1,  h2{ font-weight:500!important;}
   
    h1,  h2,
    h3,
    h4,
    h5,
    h6 { font-weight:500; line-height:1.1!important }
.main-logo{font-weight: 400;} .main-logo span, .future span, .tata-futureready .tata-fhead span{font-weight:700;} .story-box{position:relative} .tag-area span{ left:32px; top:32px; padding:5px 5px; border-radius:3px; font-size:12px;  line-height:1; background:#ffffffbf; z-index:2; color: #1c2735; position:absolute; top:20px; right:20px; left:auto} .box-radius{border-radius:15px} 
.tatalogo{display:flex; flex-direction: column; gap:5px;} .tatalogo p{display:flex;} .tatalogo p:first-child {font-size:34px;}.tatalogo p:last-child, .tata-futureready p { font-size: 19px; display: flex; align-items: flex-end; gap: 5px; font-weight:500 } .main-head{padding-top:3px;  padding-bottom:3px} .tata-futureready .tata-fhead{font-size:34px;} .copyright p, .copyright a{font-size:12px} .main-logo span {margin-left: 10px;} .mian-text span {font-weight: 600;} #hero-slider h2{line-height:1.1!important}img.main-logos { width: 90%; height:70px} .main-logos-section{width: 68%; height:100%}.homehero-slider, .inner-banner{ background: url("../images/banner-bg.png") no-repeat bottom center;}

.teach-home nav a{color:#fff} .homehero-slider .mian-text{display:none} .homehero-slider  .slide div {height:100%}   .banner-ncontent{display:flex;   padding-top: 4%;}
.bcopy h2{font-size:60px; color:#fff; font-weight: 400 !important; padding-bottom: 10px;} .bcopy p{font-size:18px; color:#fff}   .story-box .story-box-inner a{font-size:14px}


.testimonial-slider .owl-nav {
    position: absolute;
    top: 50%;
    left: -30px;
    right: -30px;
    transform: translateY(-50%);
}

.testimonial-slider .owl-prev,
.testimonial-slider .owl-next {
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    background: #FF9900 !important;
    color: #fff !important;
    position: absolute;
}

.testimonial-slider .owl-prev {
    left: 0;
}

.testimonial-slider .owl-next {
    right: 0;
}

.testimonial-slider .owl-dots {
    margin-top: 30px;
    text-align: center;
}

.testimonial-slider .owl-dot span {
    width: 30px !important;
    height: 4px !important;
    border-radius: 10px !important;
}

.testimonial-slider .owl-dot.active span {
    background: #FF9900 !important;
}


.fade-top { opacity: 0;  transform: translateY(50px); transition: all 0.8s ease;}
.fade-top.show {  opacity: 1;  transform: translateY(0);}

.slide .content-animate {
    opacity: 0;
    transform: translateX(-60px);
    transition: all 0.8s ease;
}

.slide.active .content-animate {
    opacity: 1;
    transform: translateX(0);
}

.slide.active .content-animate h2 {
    animation: fadeInLeft 0.8s ease forwards;
}

.slide.active .content-animate p {
    animation: fadeInLeft 0.8s ease 0.2s forwards;
}

.testimonial-slider .owl-dots {
    margin-top: 24px;
    text-align: center;
}

.testimonial-slider .owl-dot span {
    width: 30px !important;
    height: 4px !important;
    border-radius: 20px !important;
    background: #d1d5db !important;
}

.testimonial-slider .owl-dot.active span {
    background: #161D26 !important;
}

.testimonial-slider .owl-nav {
    display: none;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-60px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Initial State */
.slide .hero-title,
.slide .hero-desc {
    opacity: 0;
    transform: translateX(-80px);
}

/* Active Slide Animation */
.slide.active .hero-title {
    animation: heroTitleIn 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.slide.active .hero-desc {
    animation: heroDescIn 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;
}

@keyframes heroTitleIn {
    0% {
        opacity: 0;
        transform: translateX(-80px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes heroDescIn {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.slider-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(0,0,0,0.4);
    transition: all 0.3s ease;
}

.slider-dot.active-dot {
    width: 35px;
    border-radius: 20px;
    background: #00000045;
}

/* Youtube open */
.youtube-modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}


.youtube-modal.active {
    display: flex;
}


.youtube-modal-content {
    position: relative;
    width: 90%;
    max-width: 900px;
    aspect-ratio: 16/9;
}


.youtube-modal iframe {
    width: 100%;
    height: 100%;
    border: 0;
}


.youtube-close {
    position: absolute;
    right: -15px;
    top: -45px;
    background: #fff;
    color: #000;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border:0;
    font-size:28px;
    cursor:pointer;
    line-height:30px;
}
/*  Youtube close  */


/*WHAT'S ON THE AGENDA function*/
 .idea-box-main{ position:relative;}
.idea-detail{height:350px; transform:scaleX(0);opacity:0; transition: transform .5s ease, opacity .3s ease;}
/* directions */

.idea-detail.open-left{transform-origin:left center;}
.idea-detail.open-center{transform-origin:center center;}
.idea-detail.open-right{transform-origin:right center;}
.idea-detail.show{transform:scaleX(1); opacity:1;} .brief-box{min-height:210px;  }
.date-area{display:flex; gap:8px; flex-direction: column;}
.date-area span{font-size:12px; display:flex; align-items: end; }
.date-time{background:url('../images/calander-b.png') no-repeat left  center; padding-left:30px; background-size:15px; }
.loc{background:url('../images/location-b.png') no-repeat left  center; padding-left:30px; background-size:15px;} .brief-close{ top:10px; right:10px}
/* mobile */
@media(max-width:1024px){
 .idea-detail{transform-origin:center center!important;}
}
/*WHAT'S ON THE AGENDA function close*/

/*tab Banner slider open*/
 .industry-tabs{display:flex;gap:5px; margin-bottom:40px;list-style:none;

}


.industry-tabs li{
 cursor:pointer; padding:12px 25px; border-radius:50px; background:#eee;

}


.industry-tabs li.active{ background:#300061;color:#fff;}
.tab-content{  position:absolute;  left:0; top:0; width:100%;  opacity:0; visibility:hidden; pointer-events:none;}
.tab-content.active{ position:relative; opacity:1; visibility:visible;  pointer-events:auto;}
.industry-section{padding-top:30px}
.knowledge-box{ height:300px;  position:relative; overflow:hidden;  border-radius:16px;}
.story-box{height:100%; width:100%; position:relative; left:0px} .story-box .tag-area{position:absolute; left:20px; top:20px;     display: flex; flex-direction: row; gap:10px} .story-box .story-box-inner{position:absolute; bottom:10px; left:0px; width:100%; padding:20px; display:flex; flex-direction: column; gap: 15px;} .story-box-inner h3, .story-box-inner p{padding-bottom:0px} .story-box .story-box-inner a{padding:8px 15px 10px 15px; background:#fff; width: fit-content; color:#0f172a;border-radius:40px; line-height:1;} span.comingsoon{background:#1b232dbd; color:#fff}
.onloadpop h2, .onloadpop p{ text-align:center; color:#fff}
.knowledge-box img{ width:100%;  height:100%; object-fit:cover;}
.knowledge-overlay{ position:absolute;  inset:0; background:linear-gradient( to top, #300061, transparent );}


.story-box{  position:absolute; bottom:0; padding:0px; color:white; background:#F3F3F7}
/*tab Banner slider close*/
/*tab spotlight open*/
.industry-grid{ display:grid;  grid-template-columns:repeat(3,1fr); gap:30px;}
.tab-content{ display:none;}
.tab-content.active{ display:block;}
/*Scroll bar open*/
.idea-detail { overflow-y: auto;} #ideaTitle{display:none}

/* Chrome / Edge */
.idea-detail::-webkit-scrollbar { width: 2px;}
.idea-detail::-webkit-scrollbar-track { background: transparent;}
.idea-detail::-webkit-scrollbar-thumb {background: #ebf6f9;border-radius: 10px;}

/* Firefox */
.idea-detail { scrollbar-width: thin; scrollbar-color: #ebf6f9 transparent;}
/*Scroll bar close*/




/* responsive */
@media(max-width:991px){
 .industry-grid{  grid-template-columns:repeat(2,1fr); }
 .industry-tabs{

        display:flex;

        flex-wrap:nowrap;

        overflow-x:auto;

        overflow-y:hidden;

        gap:12px;

        padding-bottom:10px;

        -webkit-overflow-scrolling:touch;

        scroll-snap-type:x mandatory;

    }


    .industry-tabs li{

        flex:0 0 auto;

        white-space:nowrap;

        scroll-snap-align:start;

    }


    /* hide scrollbar */
    .industry-tabs::-webkit-scrollbar{

        display:none;

    }


    .industry-tabs{

        scrollbar-width:none;

    }
}

@media(max-width:575px){
	.industry-grid{grid-template-columns:1fr;}
}
/*tab spotlight close*/



.box-grid {  display: grid; grid-template-columns: repeat(3,1fr); gap: 25px;}
.info-box { background:#eee; padding:40px; border-radius:15px; transition:.3s;} .info-box-click{ cursor:pointer;}
.info-box.active {  }
.detail-wrapper { display:none; position:relative;  background:#f5f5f5;padding:30px; border-radius:20px;}
.detail-content { display:none;}
.info-box-img img{width:60px}
.info-box { display: flex; flex-direction: column; gap: 15px;}
.info-box{position:relative;  overflow:hidden}  .learn-more-icon svg{width:20px} .learn-more-cta{display: flex; align-items: center; gap: 10px; margin-left:-90px; transition: margin-left 0.4s ease;} .learn-more{position:relative;  left:0px; bottom:0px; overflow: hidden; } .info-box-click:hover .learn-more-cta{margin-left:0px} .brief-box h4, .brief-box p,  .brief-box span{color:#fff} .detail-content>h2{display:flex; gap:10px; align-items: flex-end; color:#010101} .detail-content>h2 img{width:35px} .brief-box-img{height:170px; overflow:hidden; border-radius: 16px; margin-bottom:20px} .brief-box{background:#f3f3f7; border-radius:16px; padding:20px} .brief-box h4, .brief-box p,  .brief-box span{color:#1c2735} .fstories .story-box{background:#f3f3f700;}


.close-detail {
    position:absolute;
    right:25px;
    top:25px;
    width:35px;
    height:35px;
    border-radius:50%;
    border:0;
    background:#383047;
    color:#fff;
    cursor:pointer;
    font-size:24px; 
    padding-top: 1px; 
    padding-left: 1px;
}



/* Mobile */

@media(max-width:767px){
    .box-grid{ grid-template-columns:1fr;  }
}

.red-theme.active, .detail-wrapper.red-theme, .info-box.red-theme{ background:linear-gradient(123deg, #ff1ae085 0%, #ff386a66 50%, #fa6f009c 100%); border-color:#ff0000;} .red-theme.active, .detail-wrapper.red-theme{ background:linear-gradient(123deg, #26263e 0%, #332f46 50%, #704458 100%); }
.green-theme.active, .detail-wrapper.green-theme, .info-box.green-theme{ background:linear-gradient(123deg, #fa6f0080 0%, #e433ff99 50%, #8575ffa6 100%); border-color:#00aa00;} .green-theme.active, .detail-wrapper.green-theme{background:linear-gradient(123deg, #26263e 0%, #332f46 50%, #704458 100%);}
.blue-theme.active,
.detail-wrapper.blue-theme, .info-box.blue-theme{
 background:linear-gradient(123deg, #ff1ae06e 0%, #ff386a6e 50%, #fa6f008f 100%); border-color:#0066ff; } .blue-theme.active, .detail-wrapper.blue-theme{background:linear-gradient(123deg, #26263e 0%, #332f46 50%, #704458 100%);} 
 
 .blue-theme.active h3, .green-theme.active h3, .red-theme.active h3, .detail-wrapper h2, .blue-theme.active p, .green-theme.active p, .red-theme.active p{color:#fff} .info-box.active .learn-more, .info-box.active .brief-normal, .brief-active{display:none} .info-box.active .brief-active{display:block}


@media (max-width:767px) {
	.banner-mob { padding-top: 0px !important }  .banner { padding: 0px !important  } .banner { background: none; }
   .banner-desk { display: none !important } .tat-aws { height: 26px; } .teach-home { position: absolute; width: 100%; } .tatalogo{display:none} .banner-copy-outer.px-4{padding:0px!important} .teach-home svg{color: #fff!important} .teach-home.border-b{border:none!important} .top-menu-bar {display: grid!important; height:auto!important} img.main-logos { width: 70%;  height:auto; gap:10px } .homehero-slider, .inner-banner {min-height:530px;} .banner-ncontent h2 {font-size:30px;} .banner-ncontent{height: 600px!important;} .banner-ncontent{  flex-direction: column-reverse; padding-top:50px} .bcopy {padding-top:0px; } .bimg img {width:180px;} .bcopy br{display:none} .tat-tech {width:45%;} .industry-tabs{flex-direction: row;} footer .tat-tech{width: 62%;} .bann-slide-progress{display:none!important } .top-menu-bar{padding-top:10px;  padding-bottom:10px;  gap:15px} .banner-ncontent{ gap:15px} .bimg{display: flex; align-items: flex-end;} .text-4xl {font-size: 1.9rem!important;} .top-menu-bar .main-logo:last-child{display:none} footer, footer div{text-align:center; justify-content: center!important;} .tata-futureready { display: flex; justify-content: center;  } .industry-tabs{margin-bottom: 15px;} .copyright {padding: 20px 12% 0px 12%;} .copyright p {
    padding-left: 14%; padding-right: 14%;} .detail-wrapper { margin-top:20px; }
	
}	
 @media (min-width:768px) {
  .banner { padding: 80px 20px 80px 20px;  } .teach-home { position: absolute!important; width: 100%; background: none !important; border: none; backdrop-filter: none; } .banner-desk { display: flex; flex-direction: column; gap: 45px; } .banner-c{padding-top:100px} 
   .aws-text h3 {font-size: 26px;}
   .aws-text h1 { font-size: 30px; }
   .banner-desk {  display: flex; flex-direction: column; gap: 45px; }  
   .banner-mob{display:none}  .tat-aws { height: 26px; }  .mian-aws { padding-top:5px; } .homehero-slider .mian-text{position:absolute; top:10%;   } .homehero-slider{min-height:475px} .homehero-slider  .slide div.copy-area{position:absolute} .inner-banner-copy{padding:80px 0px} .industry-tabs{position:relative} button#closePopup {font-size: 26px;} .bcopy {padding-top: 100px;} .banner-ncontent{ justify-content: space-between;} .bcopy h2{line-height: 1.2 !important;  font-size: 50px; } .detail-wrapper { margin-top:20px; } img.main-logos { width:80%; height:70px} .main-logos-section{width: 68%; height:100%} img.tat-tech {width:65%; } .main-logo:last-child a{display: flex; justify-content: flex-end; }  .copyright p, .copyright a{text-align:left; padding-right:5px;} img.main-futureready {width: 300px;} .footer-privacy{display:flex} 
}	
	
@media (max-width: 990px) {
	.onloadpop button#closePopup {font-size: 26px;} .bcopy h2 br{display:none}
	
	
}	
	
 @media (min-width: 1280px) {
	.tata-futureready .tata-fhead {  font-size: 42px;} .tata-futureready p {font-size:23px;} .tat-aws{height: 26px;}  .homehero-slider, .inner-banner{min-height:450px}  .bann-slide-progress{position:absolute;  width: 100%; left: 0%; top:50%; transform: translateY(-50%);} .homehero-slider{position:relative} .bann-slide-progress #slider-prev{left:10px; position:absolute} .bann-slide-progress #slider-next{right:10px; position:absolute } .bcopy {padding-top: 100px;} .detail-wrapper { margin-top:30px; } img.main-futureready{width:auto}
	
}


@media(min-width:1280px) {
 

   .banner-copy h1 { font-size: 60px }
   .banner-copy h3 { font-size: 26px; padding-right: 26%; }
   .logo-part .aws {  width: 70px; }
   .logo-part .powerd {width: 250px;}
   .banner {height:520px;}
   .aws-text h3 {font-size: 36px;}
   .aws-text h1 {font-size: 42px;}
   .mian-logo img {width: 310px;}
   .mian-aws img { width: 120px}
   .mian-text { font-size:30px; color: #fff; } .banner {padding-left: 20px; background-position: bottom center; } .banner-desk { gap:8vh; } .banner-c{padding-top:175px} .bimg img { width: 330px; height: 330px; } .homehero-slider .slide div.banner-ncontent{height:450px; padding-right:5%;} .popcopy{padding:0px 10%} .bimg img.futuready-img{height:auto;} img.tat-tech {width:70%; } .flex-end{ justify-content: flex-end;} img.main-logos { width: 90%; height:70px} .main-logos-section{width: 68%; height:100%} img.tat-tech {width:70%; } 
    
 }

 @media(min-width:1366px) { 
 .aws-text h1 {  padding-right: 5%;} .banner { padding-left: 15px;}  .banner-desk {gap: 12vh; } .bcopy h2{font-size: 60px;}   
 } 
 
 @media(min-width:1440px) { 
  .aws-text h1 { padding-right:0%;} .banner-desk{padding-left:15px;}  
 }
 
 @media(min-width:1920px) {
 .banner-desk {gap: 10vh;} .footer-thankyou{position:absolute; bottom:0px} .banner { height: 590px;}   .homehero-slider, .inner-banner{ height: 500px!important; background-size: cover;} .homehero-slider h2 {font-size: 3.9rem;} .homehero-slider p{font-size: 1.9rem; line-height: 1.2;}    .inner-banner-copy {  padding: 120px 0px 80px 0px; } .bimg img.futuready-img{margin-top: 50px;} .bann-slide-progress #slider-prev{left:10%} .bann-slide-progress #slider-next{right:10%}
 
 }
 @media(min-width:2000px) {
	 /*.banner {  height: 800px; } .mian-logo img {width: 500px;} .mian-aws img {width:118px;}
	 .formpadd { padding-top:90px; padding-bottom: 90px; } .banner-desk{padding-left:15px;} .homehero-slider .slide, .homehero-slider, .inner-banner{  } .homehero-slider h2 {font-size: 4.75rem;} .homehero-slider p{font-size: 2.25rem; line-height: 1.2;}    .inner-banner-copy {  padding: 180px 0px 80px 0px; } */ .bann-slide-progress #slider-prev{left:18%} .bann-slide-progress #slider-next{right:18%}
 }
  @media(min-width:3840px) {
	.bann-slide-progress #slider-prev{left:28%} .bann-slide-progress #slider-next{right:28%}  
  }