/*************** Coarse ***************/
@media (pointer: coarse) {
   .landing-popup-div .lpd-title {
      position: fixed;
      bottom: 40px;
      left: 15px;
   }
}
/*************** Coarse end ***************/
/*************** Min Width 992px ***************/
@media (min-width: 992px) {
   .bsd-slider-mobile-label,
   .mobile-header-action-div {
      display: none;
   }

}
/*************** Min Width 992px ***************/
/*************** Min Width 577px ***************/
@media (min-width: 577px) {
   .bsd-mobile-ms-count,
   .swiper-scrollbar.custom-mobile-design-scrollbar {
      display: none;
   }

}
/*************** Min Width 577px ***************/
/*************** Max Width 1450px ***************/
@media (max-width: 1450px) {
   .advance-bg-animate-sec {
      transform: translate(-50%, 0) scale(0.8);
   }
}
/*************** Max Width 1450px end ***************/
/*************** Max Width 1300px ***************/
@media (max-width: 1300px) {
   .main-menu-div.menu-with-dropdown.single-dropdown-style:first-child > .menu-dropdown-list {
      left: 0;
      transform: translate(0, 0);
   }
   .main-menu-div.menu-with-dropdown.single-dropdown-style:last-child > .menu-dropdown-list {
      left: auto;
      right: 0;
      transform: translate(0, 0);
   }
}
/*************** Max Width 1300px end ***************/
/*************** Max Width 1199px ***************/
@media (max-width: 1199px) {
   .banner-animation-sec {
      width: 1300px;
      min-width: 1300px;
      height: 965px;
      min-height: 965px;
   }
   .banner-animation-sec .banner-animation-bg {
      background-size: 1300px;
      background-position: center;
      width: 1300px;
   }
   .banner-sec.actual-banner-sec .banner-animation-door1,
   .banner-animation-door1 {
      width: 1235px;
      height: 492px;
      /* bottom: 53px; */
   }
   body .banner-sec.actual-banner-sec .banner-animation-door1 {
      transform: translate(0, 51px);
   }
   .banner-sec.actual-banner-sec .banner-animation-door2,
   .banner-animation-door2 {
      width: 951px;
      height: 440px;
      /* bottom: 0; */
      transform: translate(0, 72px);
   }
   body .banner-sec.actual-banner-sec .banner-animation-door2 {
      transform: translate(0, 129px);
      width: 928px;
   }
   .banner-sec.actual-banner-sec .banner-animation-door3,
   .banner-animation-door3 {
      width: 759px;
      height: 320px;
      transform: translate(0, 73px);
   }
   body .banner-sec.actual-banner-sec .banner-animation-door3 {
      transform: translate(0, 127px);
      width: 735px;
   }
   .banner-sec.actual-banner-sec .banner-animation-door4,
   .banner-animation-door4 {
      width: 608px;
      height: 340px;
      transform: translate(0, 123px);
   }
   body .banner-sec.actual-banner-sec .banner-animation-door4 {
      transform: translate(0, 176px);
   }
   .banner-sec.actual-banner-sec .banner-animation-door5,
   .banner-animation-door5 {
      width: 517px;
      height: 290px;
      transform: translate(0, 126px);
   }
   body .banner-sec.actual-banner-sec .banner-animation-door5 {
      transform: translate(0, 177px);
   }
   .banner-div {
      max-height: 550px;
      min-height: 400px;
      padding-top: 120px;
      padding-bottom: 40px;
   }
   .leading-charge-div {
      gap: 20px;
      padding: 40px 0;
   }
   .leading-charge-div > * {
      width: calc(50% - 10px);
   }
   .bsd-main-slider .bsd-main-slider-slide.swiper-slide {
      gap: 30px;
      padding-right: 150px;
   }
   .bsd-ms-count-div {
      font-size: 100px;
      bottom: 30px;
      width: 140px;
   }
   .bold-shift-wrapper {
      padding-right: 20px;
   }
   .bsd-bg {
      padding-left: 15px;
   }
   .bsd-ms-content-div {
      width: calc(100% - 410px);
   }
   .bsd-ms-img-div {
      width: 380px;
      height: 400px;
   }
   .big-arrow {
      top: 0;
      bottom: 0;
      margin: auto;
   }
   .core-business-wrapper .core-business-div, 
   .core-business-wrapper .core-business-div[data-count="2"] {
      padding-top: 20px;
   }
   .core-business-wrapper .core-business-title {
      margin-bottom: 50px;
   }
   .bold-shift-sec {
      margin: 55px 0 60px;
   }
   .core-business-sec {
      margin-bottom: 80px;
   }
   .transformation-journey-bg .tjb-title {
      font-size: 110px;
   }
   .transformation-journey-container {
      padding-top: 120px;
      padding-bottom: 65px;
   }
   .tjd-slider-year-div .tjd-slider-year {
      font-size: 90px;
   }
   .tjd-slider-year-div {
      height: 68px;
   }
   .tjd-car {
      top: 76px;
      width: 78px;
      /* left: calc(66.66% - 39px); */
      left: calc(50% - 39px);
   }
   body .bsd-main-slider.swiper-container .custom-swiper-button.swiper-button-prev {
      left: 130px;
   }
   body .bsd-main-slider.swiper-container .custom-swiper-button.swiper-button-next {
      left: 195px;
   }
   .main-menu-div .main-menu-link {
      font-size: 15px;
   }
   .banner-sec:before {
      max-width: calc(100% - 30px);
   }
   .banner-scroll {
      bottom: 50px;
   }
   .advance-bg-animate-sec {
      transform: translate(-50%, 0) scale(0.7);
   }
.lcd-left br {
   display: none;
}
.tjd-slider-slide:not(.swiper-slide-active) .tjd-slider-year-div .tjd-slider-year {
   font-size: 40px;
}


}
/*************** Max Width 1199px end ***************/
/*************** Max Width 991px ***************/
@media (max-width: 991px) {
   body h1, 
   body h2 {
      font-size: 34px;
   }
   body h3 {
      font-size: 25px;
   }
   body h4 {
      font-size: 18px;
   }
   .landing-popup-div .lpd-title {
      font-size: 25px;
      max-width: 300px;
   }


   .lpd-header {
      padding: 32px 15px 10px;
   }
   .site-logo-div img.site-logo {
      max-width: 127px;
   }
   .landing-popup-div {
      padding: 100px 0 8vh;
      padding: 90px 0 40px;
   }
   .big-arrow:before {
      -webkit-mask-size: 528px;
      mask-size: 528px;
   }
   .ba-svg .ba-svg-bg {
      -webkit-mask-size: 528px;
      mask-size: 528px;
   }
   .big-arrow {
      width: 528px;
      height: 342px;
      right: 0;
      left: 0;
   }
   .banner-div .banner-title {
      max-width: 564px;
      font-size: 34px;
   }
   .leading-charge-div > * {
      width: 100%;
   }
   .leading-charge-div {
      gap: 0;
   }
   .bsd-slider-scrollbar .bsd-scrollbar-drag {
      width: 30px;
      height: 30px;
      font-size: 15px;
      padding: 0;
      left: 50% !important;
      transform: translate(-50%, 0);
   }
   .bsd-slider-desktop-label {
      display: none;
   }
   .bsd-slider-scrollbar {
      width: 17px;
      height: 200px;
      top: 160px;
      background-color: #444444;
      border-radius: 50px;
      right: 40px;
   }
   .bsd-slider-scrollbar:after {
      display: none;
   }
   .bsd-slider-scrollbar:before {
      height: calc(100% - 20px);
      top: 0;
      bottom: 0;
      margin: auto;
      background-color: #616161;
   }
   .bsd-scrollbar-part[data-count="1"] {
      margin-top: 0;
   }
   .bsd-scrollbar-part {
      height: 40px;
   }
   .bsd-scrollbar-part[data-count="1"],
   .bsd-scrollbar-part[data-count="6"] {
      height: 20px;
   }
   .bsd-scrollbar-part[data-count="6"]:before {
      content: "";
      position: absolute;
      width: 10px;
      height: 10px;
      border-radius: 50px;
      background-color: #616161;
      bottom: 5px;
      left: 0;
      right: 0;
      margin: auto;
   }
   .bsd-scrollbar-part[data-count="1"]:before {
      content: "";
      position: absolute;
      width: 10px;
      height: 10px;
      border-radius: 50px;
      background-color: #616161;
      top: 5px;
      left: 0;
      right: 0;
      margin: auto;
   }
   .bsd-bg {
      border-bottom-right-radius: 0;
      padding-right: 15px;
      right: -15px;
   }
   .bold-shift-div {
      padding: 45px 25px 45px 0;
   }
   .bsd-ms-count-div {
      font-size: 70px;
      bottom: 20px;
      width: 102px;
   }
   .bsd-main-slider .bsd-main-slider-slide.swiper-slide {
      padding-right: 105px;
      gap: 25px;
   }
   .bsd-ms-content-div {
      width: calc(100% - 325px);
   }
   .bsd-ms-img-div {
      width: 300px;
      height: 375px;
   }
   body .bsd-main-slider.swiper-container .custom-swiper-button.swiper-button-prev {
      left: 100px;
   }
   body .bsd-main-slider.swiper-container .custom-swiper-button.swiper-button-next {
      left: 160px;
   }
   body .swiper-container .custom-swiper-button {
      height: 40px;
      width: 40px;
      bottom: 62px;
   }
   body .swiper-container .custom-swiper-button:after {
      width: 18px;
      height: 10px;
   }
   .bold-shift-wrapper {
      padding-right: 0;
   }
   .tjd-slider-year-div .tjd-slider-year {
      font-size: 65px;
   }
   .tjd-slider-year-div {
      height: 50px;
      margin-bottom: 23px;
   }
   .tjd-slider-description-div {
      padding: 23px 5px 0;
      font-size: 15px;
   }
   .tjd-car {
      top: 58px;
      width: 70px;
      /* left: calc(66.66% - 65px); */
      left: calc(50% - 30px);
   }
   .tjd-car .tjd-car-text {
      font-size: 9px;
   }
   .transformation-journey-bg {
      left: 15px;
   }
   .transformation-journey-bg .tjb-title {
      font-size: 90px;
   }
   .transformation-journey-container.custom-container {
      padding-top: 100px;
      padding-bottom: 50px;
   }
   .custom-header-div {
      padding: 32px 0 15px;
   }
   .notification-left p {
      font-size: 15px;
   }
   .notification-div .notification-left {
      padding: 15px 10px 16px 16px;
   }
   .notification-div.notification-full .notification-left {
      padding: 15px 16px 16px;
   }
   .notification-wrapper {
      gap: 10px;
      padding-top: 34px;
   }
   .custom-header-bottom,
   .header-action-div {
      display: none;
   }
   header.custom-header-sec.mm-sticky .custom-header-top {
      max-height: 100%;
      opacity: 1;
      pointer-events: all;
   }
   .custom-header-top {
      gap: 10px;
      margin-bottom: 0;
   }
   .site-logo-div {
      width: 127px;
      padding: 0;
   }
   header.custom-header-sec.mm-sticky .custom-header-div {
      padding-top: 8px;
      padding-bottom: 8px;
   }
   .notification-sec:before {
      width: 100%;
   }
   .bold-shift-sec {
      margin: 10px 0 52px;
   }
   .bsd-slider-scrollbar:after {
      content: "Scroll";
      color: #F9F9F9;
      position: absolute;
      display: block;
      width: 36px;
      height: 24px;
      font-size: 14px;
      background-color: #ffffff00;
      bottom: auto;
      top: -26px;
      left: 50%;
      transform: translate(-50%, 0);
      line-height: 1;
   }

   /* body .swiper-slide.media-item {
      padding: 18px;
   } */
   body .media-date {
      margin-top: 0;
      margin-bottom: 8px;
   }
   .mch-slider-div {
      padding: 0 40px;
   }
   .tjb-faq-sec {
      top: -50px;
   }
   .tjb-faq-dot {
      width: 42px;
      height: 42px;
      margin-top: -7px;
      margin-left: -15px;
   }
   .tjb-faq-dot:before {
      width: 12px;
      height: 12px;
   }
   .advance-bg-animate-sec {
      transform: translate(-50%, 0) scale(0.6);
   }
.footer-bottom {
   margin-top: 25px;
   padding: 15px 0;
}
.tjd-slider-slide:not(.swiper-slide-active) .tjd-slider-year-div .tjd-slider-year {
   font-size: 29px;
}



}
/*************** Max Width 991px end ***************/
/*************** Max Width 767px ***************/
@media (max-width: 767px) {
   .header-action-div .bell-btn, 
   .notification-btn-div .bell-btn, 
   body .bell-btn {
      width: 32px;
      height: 32px;
   }
   .notification-div {
      width: 280px;
   }
   .notification-div .notification-right {
      display: none;
   }
   .notification-div .notification-left {
      padding: 15px 16px 16px;
      width: 100%;
   }
   .banner-animation-sec {
      top: 50%;
      left: -150px;
      right: auto;
      transform: translate(0, -50%);
   }
   .bold-shift-div {
      padding: 40px 0 34px 0;
   }
   .bsd-head .bsd-head-subtitle {
      font-size: 16px;
      font-family: 'Helvetica Light', sans-serif;
      line-height: 1.5;
      max-width: 235px;
   }
   .bsd-head {
      width: calc(100% - 55px);
   }
   .bsd-ms-count-div {
      font-size: 45px;
      width: 72px;
      bottom: 0;
   }
   .bsd-ms-img-div {
      width: 200px;
      height: 300px;
   }
   .bsd-main-slider .bsd-main-slider-slide.swiper-slide {
      padding-right: 78px;
      gap: 18px;
   }
   .bsd-ms-content-div {
      width: calc(100% - 218px);
      font-size: 14px;
   }
   body .bsd-main-slider.swiper-container .custom-swiper-button.swiper-button-prev {
      left: 52px;
   }
   body .bsd-main-slider.swiper-container .custom-swiper-button.swiper-button-next {
      left: 105px;
   }
   body .swiper-container .custom-swiper-button {
      bottom: 46px;
   }
   .bsd-slider-scrollbar {
      right: 15px;
      top: 150px;
   }
   .tjd-slider .tjd-slider-wrapper .tjd-slider-slide {
      width: 100%;
   }
   .tjd-slider-description-div .tjd-slider-description br {
      display: none;
   }
   .tjd-car {
      /* left: calc(100% - 100px); */
      left: 0;
      right: 0;
      margin: auto;
      text-align: center;
   }
   /* .cbd-img-div img.cbd-img {
      max-width: calc(100% - 20px);
   } */
   .cbd-title-div .cbd-title {
      font-size: 16px;
   }
   .tjb-faq-div .tjb-faq-title {
      font-size: 14px;
   }
   .tjb-faq-div input.tjb-faq-input {
      font-size: 14px;
   }
   .tjb-faq-div {
      padding: 8px 15px 10px;
   }
   .tjb-faq-sec {
      max-width: 260px;
   }
   .transformation-journey-bg .tjb-title {
      font-size: 70px;
   }
   .transformation-journey-bg {
      top: 30px;
   }
   .transformation-journey-container.custom-container {
      padding-bottom: 40px;
   }
   body .swiper-slide.media-item {
      width: 260px;
   }
   body .logo-column .footer-description {
      font-size: 14px;
   }
   body .links-column a {
      /* font-size: 15px; */
   }
body .footer-bottom .custom-container {
   flex-direction: column;
   text-align: center;
}
body .logos {
   flex-direction: row;
}
body .logos > a {
   width: calc(50% - 10px);
}
body .large-white-circle {
   width: 100px;
   height: 100px;
}
body .arrow-circle {
   width: 40px;
   height: 40px;
}
body .nav-arrow img {
   width: 20px;
   height: auto;
}
body .nav-arrow {
   bottom: -70px;
}
.floating-btn-list {
   right: 10px;
   gap: 5px;
   bottom: 12px;
}
.footer-container {
   gap: 20px;
}




}
/*************** Max Width 767px end ***************/
/*************** Max Width 576px ***************/
@media (max-width: 576px) {
   .big-arrow {
      width: 280px;
      height: 205px;
   }
   .big-arrow:before {
      -webkit-mask-size: 280px;
      mask-size: 280px;
      bottom: 7px;
   }
   .ba-svg .ba-svg-bg {
      -webkit-mask-size: 280px;
      mask-size: 280px;
   }
   .ba-svg {
      height: auto;
      top: auto;
      left: 0;
      bottom: 0;
   }
   .bsd-head {
      width: 100%;
      padding-bottom: 0;
      margin-bottom: 0;
      text-align: center;
   }
   .bsd-head .bsd-head-subtitle {
      margin-left: auto;
      margin-right: auto;
   }
   .bsd-head:before {
      display: none;
   }
   .bsd-main-slider .bsd-main-slider-slide.swiper-slide {
      flex-direction: column;
      padding-right: 0;
      gap: 0;
      padding-top: 23px;
      padding-bottom: 58px;
   }
   .bsd-ms-img-div {
      /* width: calc(100% - 30px); */
      width: 100%;
      height: 300px;
   }
   .bsd-ms-content-div {
      width: 100%;
      font-size: 16px;
      /* padding: 20px 15px 0; */
      padding: 20px 0 0;
      color: #39474F;
   }
   .bsd-ms-count-div .bsd-ms-count,
   body .bsd-main-slider.swiper-container .custom-swiper-button.swiper-button-prev,
   body .bsd-main-slider.swiper-container .custom-swiper-button.swiper-button-next {
      display: none;
   }
   .bsd-ms-count-div {
      font-size: 70px;
      opacity: 1;
      font-family: 'HelveticaforTarget-Bold', sans-serif;
      width: auto;
      bottom: auto;
      top: -2px;
      left: auto;
      right: 42px;
   }
   .bsd-slider-scrollbar {
      top: 106px;
      display: none;
   }
   .banner-scroll {
      bottom: 25px;
   }
   .banner-scroll-bar {
      height: 60px;
      margin-bottom: 3px;
   }
   .banner-scroll .bsb-label {
      font-size: 14px;
   }
   .core-business-wrapper {
      flex-direction: column;
      align-items: center;
      gap: 20px;
   }
   .core-business-wrapper .core-business-div[data-count="1"], 
   .core-business-wrapper .core-business-div[data-count="3"] {
      margin-top: 0;
   }
   .core-business-wrapper .core-business-div {
      width: 300px;
   }
   .core-business-wrapper .core-business-title {
      margin-bottom: 20px;
   }
   .cbd-img-div {
      margin-bottom: 12px;
   }
   .cbd-count .cbd-count-text {
      font-size: 110px;
   }
   .cbd-count {
      left: 0;
   }
   body .links-column {
      display: flex;
      flex-direction: column;
      gap: 3px 15px;
      margin-bottom: 10px;
      flex: auto;
   }
   body footer {
      padding-top: 28px;
   }
   body .footer-bottom {
      margin-top: 15px;
      padding: 15px 0;
   }
   body .links-column a {
      padding: 0;
      font-size: 14px;
   }
   .bold-shift-div:before {
      content: "";
      position: absolute;
      background-color: white;
      height: calc(100% - 230px);
      width: calc(100vw + 30px);
      bottom: 0;
      z-index: 1;
      left: -30px;
      border-radius: 100px 100px 0 0;
   }
   .bsd-head, 
   .bsd-main-slider {
      position: relative;
      z-index: 1;
   }
   .bold-shift-div {
      padding: 50px 0 0 0;
   }
   .bsd-ms-content-div .bsd-ms-content-title {
      color: #2B3990;
   }
   .bsd-ms-content-div .bsd-ms-content-description {
      color: #39474F;
   }
   .bold-shift-div:after {
      content: "";
      width: 100vw;
      height: 10px;
      background-color: #8DC63F;
      position: absolute;
      bottom: 0;
      left: -15px;
      z-index: 2;
   }
   .bsd-main-slider {
      /* padding-bottom: 53px; */
   }
   .footer-links {
      justify-content: center;
   }
   .footer-columns-wrapper {
      flex-direction: row;
      gap: 10px;
   }
   body .logo-column .footer-description {
      margin-bottom: 0;
   }
   .transformation-journey-bg .tjb-title {
      font-size: 50px;
   }




}
/*************** Max Width 576px end ***************/