.mCSB_inside > .mCSB_container { margin-right: 0 !important;} .slower{-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} /**========================= breadcrump ==========================**/ .breadcrump-outer{ position:absolute; top:4.5rem; right:3rem; text-transform:uppercase;} .breadcrump-outer ul{display: flex; flex-wrap:nowrap;} .breadcrump-outer li{font-size:18px; line-height:18px; padding:0 15px; position:relative;} .breadcrump-outer li:before{content: '/'; position: absolute;top: calc(50% + 2px); right: 0; color: rgba(179, 151, 88, 0.5); font-size: 18px; height: 16px; z-index: 9; transform: translateY(-50%); overflow: hidden;} .breadcrump-outer li:last-child{ padding-right:0;} .breadcrump-outer li:last-child:before{ display:none; } .breadcrump-outer li a{color: rgba(179, 151, 88, 0.5); font-weight:400;} .breadcrump-outer li a.active{color: rgba(179, 151, 88, 1);font-weight:500;} .full-float { width: 100%; display:flex;} .select-year { background: #eaeaea; padding: 10px 15px; width: auto; display: inline-flex;} .select-year p { float: left; margin-bottom: 0px; margin-right: 5px; color: #63666a; font-family: 'Bellefair', serif !important; font-size: 22px;} .select-year select { float: left; width: 125px; border: none; background: url(https://www.tajsats.com/uploads/content/down-arrow.png) 98% 50% no-repeat; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; padding-left: 8px; font-size: 14pt; color: #992522; font-weight: bold;} .select-year select:hover, .select-year select:focus, .select-year select:active{ border: none;outline: none;} .select-year select option { font-size: 12pt;} .awards-accolades{padding: 100px 0px; background: url(https://www.tajsats.com/uploads/content/awards-accolades-banner.jpg) center center no-repeat; background-size: auto; background-size: cover; overflow: hidden; min-height: 750px; position: relative; z-index: 99;} .awards-accolades-desc{background-color: rgba(255, 255, 255, 0.9); padding: 40px 0px 30px 40px; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0px !important; float: left; max-height: 540px;} .awards-accolades-desc .mCSB_inside > .mCSB_container { padding-bottom: 0px !important;} .awards-accolades-img{width: 155px; height: auto; float: left; text-align: center; padding-right: 20px;} .awards-accolades-desc table tr td p { margin-bottom: 25px;} .awards-accolades-content p { width: 88%; font-size: 0.8125em; width: 95%; line-height: 1.2em; padding-right: 25px;} .awards-accolades-content p span { display: block; font-weight: bold; color: #a6373c; margin-bottom: 5px; text-transform: uppercase; font-size: 1.125em; line-height: 1.2em;} .awards-accolades-desc table tr td p{margin-bottom: 25px;color: #212529; line-height: 20px;} .awards-accolades-desc table tr:last-child td p {margin-bottom: 0px;} .awards-accolades-desc .mCSB_scrollTools .mCSB_draggerRail {width: 0px;} .awards-accolades-desc .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #cfcfcf;width: 8px; border-radius: 0px;} .awards-accolades h3{margin-bottom:40px;} /**========================== CulinaryOdyssey slider ==========================**/ .ulinaryOdyssey-section .owl-counter-wrap span{ position: relative;} .ulinaryOdyssey-section .curvebox{ top:-70px} .ulinaryOdyssey-section.parallax-section{ margin-top:-5%; padding: 80px 0 80px !important;} .vision-excellence-resilience{ padding: 215px 100px 7% 100px;} .ulinaryOdyssey-section .curvebox{} /*Quote*/ .quote-section{ padding: 120px 0 15%; background:url(../images/social-responsibility/TajSATS_TEXTURE_RGB.jpg) no-repeat; background-position: center bottom; background-size: cover;} .quote-section .container-fluid{ max-width: 90%; margin:0 5%;} .quote-figure { display: flex; flex-wrap: wrap; max-width: 1290px; margin: 0 auto; align-items: center;} .quote-figure .img-box { max-width: 320px;} .quote-figure .image-wrap-circle { border-radius: 50%; overflow: hidden; height: 360px; width: 360px;} .quote-figure figcaption { max-width: calc(100% - 320px); padding-left: 0; padding-right: 5%;} .quote-figure .qoute-box { margin: 0;} .quote-figure .qoute-box .quote-left { position: absolute; top: -40px; left: -20px; height: 46px; width: 53px;} .quote-left img, .quote-right img { display: block;} .quote-figure .qoute-box .quote-right { position: absolute; bottom: -40px; right: -60px; height: 46px; width: 53px;} .quote-figure .qoute-by { font-weight: 600; font-size: 22px; line-height: 33px; text-align: center; text-transform: uppercase; color: #fff; margin-top: 40px;} .quote-figure .qoute-by span { font-weight: 400; font-size: 16px; line-height: 24px; display: block; text-transform: inherit;} .quote-figure .qoute-box { text-align: center; position: relative; font-size: 38px; line-height: 42px; letter-spacing: -2px; margin: 0 10% 0 0; text-indent: 60px;} .quote-section .quote-figure {max-width: 100%;} .quote-left img, .quote-right img{ display: block; } .quote-figure {position: relative;} .quote-figure .leaf-img-box {position: absolute;top: 0;bottom: 0;left: 0;right: 0;} .quote-figure .leaf-img:nth-of-type(1) {position: absolute;max-width: 200px;left: 20px;bottom: 0;} .quote-figure .leaf-img:nth-of-type(2) {position: absolute;max-width: 200px;right: -45px;top: -40%;} /* .mCSB_scrollTools {width: auto;} */ @media all and (max-width: 991px) { body, .full-float { overflow-x: hidden !important;} } @media all and (min-width:1600px){ .ulinaryOdyssey-section .circle-img-wrap{bottom:-100%; width:55vw;} .ulinaryOdyssey-section .owl_pagination{right:39.5vw} .ulinaryOdyssey-section .owl-counter-wrap span{font-size:25px !important; line-height:25px !important;} .ulinaryOdyssey-section .owl-nav{right:17.5%;} .ulinaryOdyssey-section .count_current:before{top:0px;} #quote-section.quote-section .container-fluid { max-width: 84%; margin: 0 8%;} .quote-figure .qoute-box { font-size: 30px; line-height: 36px;} .quote-figure .qoute-by { font-size: 18px; line-height: 27px; font-weight: 600; } } @media all and (max-width: 1440px){ .ulinaryOdyssey-section.parallax-section .curvebox{top: -10%; } .ulinaryOdyssey-section .content-inside-wrap{ margin-top:-40px;} .ulinaryOdyssey-content .overline-text{ margin-bottom: 0 !important;} .quote-section { padding: 80px 0 170px;} .quote-figure .qoute-box .quote-right { right: -36px; bottom: -32px;} .quote-figure .qoute-box .quote-left, .quote-figure .qoute-box .quote-right { width: 36px !important; height: 32px !important;} .quote-figure .qoute-by { font-size: 18px; line-height: 27px; font-weight: 600;} .quote-figure .qoute-by span { font-size: 14px; line-height: 20px;} .quote-figure .image-wrap-circle { height: 320px; width: 320px;margin: 0 auto;} .quote-figure .qoute-box { font-size: 26.6px; line-height: 30px;} .quote-figure .qoute-box .quote-left { left: -10px; top: -32px;} .ulinaryOdyssey-section.parallax-section {padding-bottom: 120px !important;} } @media screen and (min-width: 768px) and (max-width: 1023px){ .vision-excellence-resilience{ padding: 20% 3% 15% 3%;} .ulinaryOdyssey-section.parallax-section{ margin-top: 0; padding: 0 0 120px !important;} .ulinaryOdyssey-section.parallax-section .curvebox {top: -10%;} .vision-excellence-resilience .display-1-heading, .vision-excellence-resilience .display-2-heading {font-size: 44px;line-height: 44px;height: 44px;} #quote-section.quote-section .container-fluid { max-width: 90%; margin: 0 5%;} .quote-figure { flex-direction: column;} .quote-figure figcaption { max-width: calc(100% - 60px); padding-left: 0;} .quote-figure .qoute-box { font-size: 24.6px; line-height: 28px;} #vision-excellence-resilience-left .banner_heading_txt .display-1-heading, .vision-excellence-resilience .banner_heading_txt .display-2-heading { font-size: 46px !important;line-height: 47px!important;height: 48px!important;} .about-left .leaf-outer-position {bottom: -110px;left: -12px;} .quote-figure .leaf-img:nth-of-type(2) {top: -18%;} .leaf-img img {max-width: 150px;} .quote-figure figcaption {padding-right: 0;} .quote-figure .img-box {margin: 0 auto;} .quote-section {padding: 80px 0 260px;} .ulinaryOdyssey-slider .active.centerbig_item .ulinaryOdyssey-content {padding: 10% 0 50px 0px;} } @media screen and (min-width: 1024px) and (max-width: 1080px){ .vision-excellence-resilience {padding: 180px 5% 10% 5% !important;} .ulinaryOdyssey-slider .active.centerbig_item .ulinaryOdyssey-content .headline_wrap h3 {min-height: 55px;font-size: 50px;line-height: 46px;} #vision-excellence-resilience-left .banner_heading_txt .display-1-heading, .vision-excellence-resilience .banner_heading_txt .display-2-heading { font-size: 60px !important;line-height: 63px!important;height: 61px!important;} .about-left .leaf-outer-position {bottom: -110px;left: -12px;} .quote-section {padding: 80px 0 230px;} .ulinaryOdyssey-section .owl-nav {right: 10%;} .count_current:before {left: -8px !important;top: 22px !important;} .ulinaryOdyssey-slider .active.centerbig_item .ulinaryOdyssey-content {padding: 5% 0 50px 55px;} } @media (max-width: 1024px) { .awards-accolades, .tata-legacy, .tata-group, .inspiring-stories { padding: 50px 0px;} .container { max-width: 100%; width: 100%; padding: 0px 0px;} .awards-accolades .row { margin: 0px 0px; display: inherit !important;} .awards-accolades .col-xl-6 { width: 100%; max-width: 100%; text-align: center;} .awards-accolades h3 { margin-bottom: 20px;} .awards-accolades .select-year { margin-bottom: 20px;} .select-year { width: 280px; float: none; margin: 0px auto; margin-bottom: 0px; display: inline-block;} .select-year select { width: 150px;} .awards-accolades-desc { width: 100% !important; float: right; text-align: left;} } @media (max-width: 767px) { .select-year select { width: 162px;} .ulinaryOdyssey-slider .ulinaryOdyssey-content{height:0} .ulinaryOdyssey-slider .active.centerbig_item .ulinaryOdyssey-content{margin-left:0;margin-bottom:40px;padding:50px 0 50px 0px} .ulinaryOdyssey-content .overline-text{padding-bottom:30px; margin-bottom: 0 !important;} .ulinaryOdyssey-content{padding-top:40px} .ulinaryOdyssey-content .headline_content{width:100%;margin:0} .ulinaryOdyssey-section .owl-nav .owl-prev{position:absolute;left:20px} .ulinaryOdyssey-section .owl-nav .owl-next{position:absolute;right:20px} .ulinaryOdyssey-section .owl-nav{right:0;width:100%;bottom:-60px} .ulinaryOdyssey-section .owl_pagination{margin-left:0;text-align:center;top:inherit;left:50%;transform:translateX(-50%);bottom:-70px;right:auto;position:relative; max-width:85px;} .ulinaryOdyssey-section .count_current:before{top: 50%;left: 0;transform: translateY(-50%);} .ulinaryOdyssey-content .headline_content .body-light-text{padding:10px 0 20px;} .ulinaryOdyssey-section.parallax-section{padding:0px 0 120px !important; margin-top: 0;} .ulinaryOdyssey-slider-item{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)} .ulinaryOdyssey-slider .owl-item .ulinaryOdyssey-picture{margin:0 10px} .circle-img-wrap, .circle-text-svg{display:none} .ulinaryOdyssey-content .headline_content .body-light-text,.sustainability-content .headline_content .body-light-text,.spotlight-section .headline_content p{font-size:1rem!important;line-height:1.6rem!important} .ulinaryOdyssey-slider .active.centerbig_item .ulinaryOdyssey-content .headline-L{ font-size: 30px !important; line-height: 30px !important;} .ulinaryOdyssey-section .owl_pagination{ max-width:90px;} .ulinaryOdyssey-section .owl_pagination .owl-counter-wrap{ display: block; } .ulinaryOdyssey-section .owl_pagination .count_current, .ulinaryOdyssey-section .owl_pagination .count_allitems{ padding-left:12px; font-size:14px; line-height:14px; position: relative;} .bar_line, .count_allitems:before, .count_current:before{font-size:14px; line-height:14px;} .ulinaryOdyssey-section .owl_pagination .count_allitems:before{ line-height:inherit; } .ulinaryOdyssey-section .owl_paginatioon .count_allitems{ font-size:18px !important; line-height: 27px !important;} .parallax-heading h2{font-size: 48px; line-height: 52px;} .parallax-heading h3{font-size: 30px; line-height: 33px;} .vision-excellence-resilience{padding: 40vw 7% 90px 7%;} td.awards-accolades-img {margin-bottom: 10px;} .quote-section { background-size: cover;} #quote-section.quote-section .container-fluid { max-width: 86%; margin: 0 7%;} .quote-figure .img-box { margin: 40px 0 40px 0;} .quote-figure figcaption { max-width: 100%; padding-left: 0;padding-right: 0;} .quote-figure .qoute-box { text-indent: 0; font-size: 24px; line-height: 26.6px;margin-right: 0;} .quote-figure .qoute-box .quote-left { height: 23px; width: 25px; left: 0; top: -35px;} .quote-figure .qoute-box .quote-right { height: 23px; width: 25px; right: 0; bottom: -35px;} .quote-figure .qoute-by span { font-size: 12px;} .quote-section .flex-row-reverse{flex-direction: inherit !important;} .quote-figure .img-box {max-width: 100%;width: 340px;} .awards-accolades-desc {max-height: inherit;} #vision-excellence-resilience-left .banner_heading_txt .display-1-heading, .vision-excellence-resilience .banner_heading_txt .display-2-heading {font-size: 48px !important;line-height: 48px !important;height: 50px !important;} .mCSB_scrollTools {width: auto;} } @media (max-width: 480px){ .awards-accolades-desc { padding: 20px;} .awards-accolades-desc table tr { border-bottom: 1px solid #ccc;} .awards-accolades-desc table tr td { width: 100%; max-width: 100%; display: block;} .awards-accolades-img { padding-right: 0px; text-align: left; padding-top: 10px; padding-bottom: 5px;} .select-year {width: auto;} .about-left .leaf-outer-position {bottom: -68px;} } @media (max-width: 393px){ #vision-excellence-resilience-left .banner_heading_txt .display-1-heading, .vision-excellence-resilience .banner_heading_txt .display-2-heading {font-size: 48px !important;line-height: 48px !important;height: 50px !important;} } @media (max-width: 375px){ #vision-excellence-resilience-left .banner_heading_txt .display-1-heading, .vision-excellence-resilience .banner_heading_txt .display-2-heading {font-size: 46px !important;line-height: 46px !important;height: 48px !important;} } @media only screen and (min-width: 1280px) and (max-width: 1300px) { .vision-excellence-resilience {padding: 215px 70px 7% 70px;} } @media only screen and (min-width: 1349px) and (max-width: 1439px) { .ulinaryOdyssey-section .owl_pagination {right: 40%;} } @media (min-width: 1920px){ .ulinaryOdyssey-section.parallax-section {padding-bottom: 130px !important;} .quote-figure .qoute-by { font-size: 22px; line-height: 33px; } .quote-figure .qoute-box {font-size: 38px;line-height: 42px;} .ulinaryOdyssey-section .count_current:before{top:-2px;} } @media all and (min-width: 1920px){ #vision-excellence-resilience-left .banner_heading_txt .display-1-heading, .vision-excellence-resilience .banner_heading_txt .display-2-heading {font-size: 100px;line-height: 88px; height: 90px;} } @media all and (max-width:1600px){ #vision-excellence-resilience-left .banner_heading_txt .display-1-heading, .vision-excellence-resilience .banner_heading_txt .display-2-heading {font-size: 80px;line-height: 70px; height: 80px;} } @media all and (max-width: 1440px){ #vision-excellence-resilience-left .banner_heading_txt .display-1-heading, .vision-excellence-resilience .banner_heading_txt .display-2-heading {font-size: 70px;line-height: 70px;} .ulinaryOdyssey-section .count_current:before {top: 50%;} } @media only screen and (min-width: 810px) and (max-width: 850px) { .ulinaryOdyssey-slider {margin-left: 0;} .count_current:before {top: 22px;} .quote-figure .img-box {padding-bottom: 20px;} } @media only screen and (min-width: 375px) and (max-width: 384px) { #vision-excellence-resilience-left .banner_heading_txt .display-1-heading, .vision-excellence-resilience .banner_heading_txt .display-2-heading {font-size: 42px !important;line-height: 42px !important; height: 43px !important;} } @media only screen and (min-width: 390px) and (max-width: 410px) { #vision-excellence-resilience-left .banner_heading_txt .display-1-heading, .vision-excellence-resilience .banner_heading_txt .display-2-heading { font-size: 44px !important;line-height: 44px !important;height: 46px !important;} } @media all and (max-width: 320px){ #vision-excellence-resilience-left .banner_heading_txt .display-1-heading, .vision-excellence-resilience .banner_heading_txt .display-2-heading {font-size: 36px !important;line-height: 36px !important;height: 38px !important;} .about-left .leaf-outer-position {bottom: -48px;} .quote-figure .img-box {width: 280px;} .quote-figure .image-wrap-circle {width: 280px;height: 280px;} } @media only screen and (min-width: 321px) and (max-width: 356px) { .vision-excellence-resilience {padding: 40vw 5% 90px 5%;} body #vision-excellence-resilience-left .banner_heading_txt .display-1-heading, body .vision-excellence-resilience .banner_heading_txt .display-2-heading {font-size: 42px !important; line-height: 42px !important;height: 47px !important;} } @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .quote-section {padding: 80px 0 255px;} .ulinaryOdyssey-section.parallax-section .curvebox { top: -14% !important;} .ulinaryOdyssey-slider {margin-left: 0;} } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .vision-excellence-resilience {padding: 215px 85px 10% 85px;} .quote-section {padding: 80px 0 255px;} .ulinaryOdyssey-section.parallax-section .curvebox {top: -15%;} .count_current:before, .count_allitems:before {font-size: 20px;} } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .quote-figure .img-box {margin: 0 auto;padding-bottom: 20px;} } @media only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .vision-excellence-resilience { padding: 22vw 7% 215px 7%;} .ulinaryOdyssey-section.parallax-section .curvebox {top: -7%;height: 170vh;} .owl-counter-wrap .count_current:before {top: 16px !important;left: -10px;} .quote-figure .img-box {margin: 0 auto;padding-bottom: 20px;} }