/* "Google Sans",Roboto */
/* @font-face {
  font-family: latoBold;
  src: url(../font/Lato/Lato-Bold.ttf);
} 
@font-face {
  font-family: latoRegular;
  src: url(../font/Lato/Lato-Regular.ttf);
}
*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap");

@font-face {
  font-family: BannerlatoBold;
  src: url(../font/Lato/Lato-Bold.ttf);
  font-display: swap;
}
@font-face {
  font-family: Bannerlatoregular;
  src: url(../font/Lato/Lato-Regular.ttf);
  font-display: swap;
}

@font-face {
  font-family: latoBold;
  src: url(../font/Roboto/Roboto-Bold.ttf);
  font-display: swap;
}
@font-face {
  font-family: latoBoldItalic;
  src: url(../font/Roboto/Roboto-BoldItalic.ttf);
  font-display: swap;
}
@font-face {
  font-family: latoBlack;
  src: url(../font/Roboto/Roboto-Black.ttf);
  font-display: swap;
}
/* Roboto */
@font-face {
  font-family: latoRegular;
  src: url(../font/Roboto/Roboto-Regular.ttf);
  font-display: swap;
}
@font-face {
  font-family: latoLight;
  src: url(../font/Roboto/Roboto-Light.ttf);
  font-display: swap;
}
@font-face {
  font-family: latoMedium;
  src: url(../font/Roboto/Roboto-Medium.ttf);
  font-display: swap;
}

@font-face {
  font-family: "Google Sans";
  font-display: swap;
  font-weight: 400;
  src: url(../font/ProductSans/ProductSans-Regular.woff) format("woff");
  font-display: swap;
}
:root {
  --primary-color: #ee2a2a;
  --secondary-color: #00aeef;
  --white-color: #ffffff;
  --black-color: #000000;
}

html {
  overflow-x: hidden !important;
}

body {
  font-family: sans-serif;
  font-display: swap;
}

body.home-page,
body.about-page {
  overflow-x: unset !important;
}
.h-100 {
  height: 100%;
}
.ml-auto {
  margin-left: auto;
}
.custom-container {
  width: 86%;
  max-width: 1366px;
  margin: auto;
}
.service-block .custom-container,
.mactech-block .custom-container,
.facilities-block .custom-container,
.world-block .custom-container,
.home-news-block .custom-container,
#investment-info .custom-container,
.casting-page .custom-container,
.industries-block .custom-container {
  max-width: 1366px;
}
/* Bootstrap carousel Transision */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: 0.6s;
  transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  transform: translateX(0);
  transform: translate3d(0, 0, 0);
}
/* Bootstrap carousel Transision */
.row {
  margin-left: 0px;
  margin-right: 0px;
}
.mt-50 {
  margin-top: 50px;
}
.v-none {
  visibility: hidden;
}

.btn-style-1 {
  width: 150px;
  height: 30px;
  background: var(--secondary-color);
  color: var(--white-color);
  border-radius: 14px;
  letter-spacing: 0.6px;
  text-align: center;
  font-size: 13px;
  font-family: latoBold;
}
button.btn {
  font-family: latoBold;
}
.btn-primary {
  background: var(--primary-color);
  border-color: var(--primary-color);
  border-radius: 0;
}
body.home-page .btn-primary {
  padding: 10px 20px;
}
body.home-page .btn-default {
  padding: 19px 42px;
}
.btn-primary:hover {
  background: var(--primary-color);
  border-color: var(--primary-color);
}

.testing-mactech-grid {
  display: grid;
  grid-template-columns: 335px 610px;
}
p.intro-text {
  font-size: 24px;
  text-align: left;
  font-family: latoBold;
  letter-spacing: 1.2px;
  color: #5a5a5a;
  margin-top: 61px;
  line-height: 36px;
}
span.intro-medium {
  font-family: latoMedium;
}
span.intro-bold {
  font-family: latoBold;
}
span.other-bold {
  font-family: latoBold;
}
ul.style-2 {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

ul.style-2 li {
  padding-left: 1em;
  text-indent: -1em;
}

ul.style-2 li:before {
  content: ">";
  margin-right: 13px;
  color: #008ec4;
}
.owl-grid-1 {
  position: relative;
}

section.serviceCarousel {
  padding: 150px 0;
}
h2.service-gallery {
  font-size: 48px;
  color: #000000;
  font-family: latoBold;
}
h2.service-name {
  font-size: 48px;
  color: #000000;
  font-family: latoBold;
  padding-top: 50px;
}
.shop-box {
  display: grid;
  grid-template-columns: auto;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 5px 10px 35px #0000001a;
  border: 1px solid #cccccc;
}
.shop-info {
  padding: 20px;
}
.shop-info h2 {
  font-size: 22px;
  color: #00aeef;
  margin-top: 20px;
  font-family: latoBold;
  letter-spacing: 1.1px;
  line-height: 30px;
}
.shop-info p {
  font-size: 18px !important;
  color: #000000;
}

/** Header :: START **/
/* header {
  max-width: 1640px;
  width: 80%;
  margin: 0 auto;
  padding: 17px 0;
  position: sticky !important;
}*/

header {
  width: 100%;
  margin: 0 auto;
  position: sticky;
  top: 0;
  z-index: 99;
  background: #fff;
  padding: 10px 0;
}
/* .homeBanner {
  height: calc(100vh - 71.5px) !important; 
}*/
section.about-india-block {
  position: sticky;
  top: 20%;
}
.header-nav {
  display: grid;
  grid-template-columns: 246px auto;
  align-items: center;
}
.header-nav .btn:hover,
.btn-style-1:hover {
  background-color: var(--primary-color);
  color: #ffffff !important;
}
header img.logo {
  width: 200px;
  margin-left: 15px;
}
img.logo {
  width: 150px;
}
.navbar {
  display: block;
  padding: 0.5rem 0 !important;
}
.navbar .navbar-brand img {
  width: 150px;
}
.navbar .form-inline {
  flex-flow: row;
}
.navbar-expand-lg {
  flex-flow: row;
}
.navbar-light .navbar-nav .nav-link {
  text-align: left;
  color: var(--black-color);
  font-family: "latoRegular";
  opacity: 1;
  text-transform: uppercase;
  font-size: 13px;
  margin: 0 6px;
}
.navbar .topbar-btn a {
  margin-left: 10px;
  font-family: latoBold;
}
.service-menu {
  width: 600px;
}
.dropdown-menu {
  background: #eefaff;
  border-radius: 0;
  border: none;
  margin-top: 25px;
}
.drop-img {
  width: 100%; /*110*/
  height: 100%;
  /* margin: 30px 10px 25px auto; */
}
.drop-items a {
  font-size: 10px !important;
}
.service-menu .left {
  width: 50%;
  display: inline-block;
}
.service-menu .right {
  width: 50%;
  display: inline-block;
}
.navbar-nav .dropdown-menu a {
  text-align: left;
  font-family: latoRegular;
  letter-spacing: 0.7px;
  color: #000000;
  text-transform: uppercase;
  line-height: 20px; /*15px */
  font-size: 12px !important;
}
.navbar-nav .dropdown-menu a:hover {
  text-decoration: none;
}
.dropdown-item:focus,
.dropdown-item:hover {
  background-color: transparent;
}

.simple-hyperlink{
  text-decoration: none;
  color: #000;
}
.simple-hyperlink:hover{
  text-decoration: none;
  color: #000;
}

/** Header :: END **/

.gal-item-title{
  font-size: 14px;
  font-weight: bold;
  margin-left: 13px;
}

/** Carousel :: START **/
#mactechCarousel .bannerTextWrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
/* #mactechCarousel {
  background: transparent
    linear-gradient(180deg, #00aeef 0%, #00aeef 77%, #008ec4 100%) 0% 0%
    no-repeat padding-box;
} */

#mactechCarousel .carousel-control-next {
  justify-content: flex-end !important;
}
#mactechCarousel .carousel-control-prev {
  justify-content: flex-start !important;
}
#mactechCarousel .carousel-item img {
  width: 700px;
  float: right;
}
.carousel-item.slider-bg img {
  width: 100%;
  float: right;
  margin-right: unset;
  /* height: 700px; */
}

.carousel-caption.slider-1,
.carousel-caption.slider-2,
.carousel-caption.slider-3 {
  width: 50%;
  left: 19%;
  top: 3%;
  right: unset;
  text-align: left;
  line-height: 3rem !important;
  position: relative;
  transform: translateY(-50%);
}
.carousel-caption.slider-1 span.line-1 {
  font-size: 36px;
  color: #000000;
  font-family: latoRegular !important;
}
.carousel-caption.slider-1 span.line-2 {
  font-size: 46px;
  color: #ffffff;
  font-family: latoBold !important;
}
.carousel-caption.slider-1 span.line-3 {
  font-size: 36px;
  color: #000000;
  font-family: latoRegular !important;
}
.carousel-caption.slider-1 span.line-4 {
  font-size: 96px;
  color: #ffffff;
  font-family: latoBold !important;
  line-height: 100px;
}
.carousel-control-prev-icon {
  background-image: url(../img/arrow-left.svg);
  width: 80px;
  height: 32px;
}
.carousel-control-next-icon {
  background-image: url(../img/arrow-right.svg);
  width: 80px;
  height: 32px;
}
.carousel-indicators li {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: #404040;
}
.carousel-indicators .active {
  opacity: 1;
  background-color: #ffffff;
}
#newsCarousel .carousel-indicators .active {
  opacity: 1;
  background-color: #42aeef;
}
.slider-content .carousel-item {
  height: calc(100vh - 71.5px);
  min-height: 400px;
}
.slider-content .carousel-item img {
  height: 100%;
}
.carousel-caption.slider-1 span {
  display: block;
  line-height: 66px;
}
/** Carousel :: END **/
.service-block {
  background: #f6fcff 0% 0% no-repeat padding-box;
  padding: 50px 0 30px 0;
}
.quality_QA-block {
  background: #eefaff 0% 0% no-repeat padding-box;
  padding: 40px 0 30px 0;
  margin-bottom: 10px;
  margin-top: -15px;
}
/* h2.home-heading {
  font-size: 44px;
  letter-spacing: 2.4px;
} */
h2.home-heading {
  font-size: 22px;
  color: #000000;
  font-family: "Google Sans", Roboto;
  font-weight: 400;
  margin-bottom: 26px;
  letter-spacing: 1.2px;
}
.why-mactech-right h2.home-heading {
  margin-bottom: 5px !important;
  font-size: 18px;
}
.why-mactech-right .card:first-child {
  margin-top: 62px;
}
h3.sub-heading {
  color: #414141;
  font-family: "Google Sans", Roboto;
  font-size: 52px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.75px;
}
.service-block p.intro-text,
.quality_QA-block p.intro-text {
  text-align: left;
  margin: 0;
  padding-left: 2px;
  letter-spacing: 0.18px;
  color: #000000;
  font-family: latoLight;
  font-size: 14px;
  line-height: 26px;
  padding-top: 0;
  padding-bottom: 25px;
}
.service-block p.rap_intro-text {
  text-align: left;
  margin: 0;
  padding-left: 2px;
  letter-spacing: 0.18px;
  color: #000000;
  font-family: latoLight;
  font-size: 14px;
  line-height: 26px;
  padding-top: 0;
  padding-bottom: 15px;
}
.intro-img {
  width: 46%;
  margin: 25px 10px 20px auto;
}
.rail-intro-img {
  width: 65%;
  margin: 25px 10px 20px auto;
}
.cast-intro-img {
  width: 50%;
  margin: auto;
}

.sandimg {
  width: 80%;
  margin-left: auto;
}
.pspace {
  line-height: 15px;
  padding: 3px 0 3px 0;
}
.tdspace {
  line-height: 15px;
  padding-right: 22px;
}
.fabimg {
  width: 85%;
  margin-left: auto;
  margin-top: 40px;
}
.qualityimg {
  width: 80%;
  margin: auto;
}
.quality_img {
  width: 70%;
  margin: auto;
}
.alumimg {
  width: 80%;
  margin-left: auto;
}

.centri_img {
  width: 90%;
  margin-left: auto;
  margin-top: 30px;
}

/********** START ******/

.leftBox {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  font-family: latoRegular;
}
.rightBox {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  font-family: latoRegular;
}
.leftBox div.castingService,
.rightBox div.castingService {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #087bd1;
  box-shadow: 3px 3px 3px #ccc;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 20px 70px;
  transition: 0.5s ease;
  position: relative;
}
.leftBox div.castingService img.serviceIcon,
.rightBox div.castingService img.serviceIcon {
  width: 85px;
  position: absolute;
  right: 2%;
}
/* .castingService {
  transition: background-color 0.7s linear;
} */

#investment-info {
  padding: 50px 0;
}
#investment-info .investmentMainBox {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 50px;
}
.castingServices .castingIcon {
  align-items: center;
  justify-content: flex-end;
  display: flex;
}
.castingServices .castingIcon img {
  width: 70%;
}
.castingServices .fabriIcon,
.fabriIconimg1,
.fabriIconimg2 {
  display: flex;
  color: #ffffff;
  align-items: center;
}

.castingServices .fabriIcon img {
  margin-top: 2px;
  width: 22%;
}
.castingServices .fabriIconimg1 img {
  margin-top: 2px;
  width: 18%;
}
.castingServices .fabriIconimg2 img {
  margin-top: 2px;
  width: 20%;
}
.castingServices .fabriText {
  font-size: 20px;
  font-family: latoRegular;
  padding-left: 15px;
  line-height: 25px;
}
.castingServices .fabText {
  display: block;
}

.castingContent span {
  color: red;
}
.castingContent p {
  margin-bottom: 0;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.castingContent li {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
}
.fabri-block .castingContent li {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
}
.castingContent table {
  margin-bottom: 0;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
span.castingHighlight {
  color: #ee2a2a;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
}
.castingServices h3 {
  font-size: 20px;
  font-weight: 400;
  font-family: "Roboto Condensed", sans-serif;
}
.castingDivider {
  width: 100%;
  height: 100%;
  background: #ee2a2a;
}
#investment-info .investmentMainBox .castingServices {
  display: grid;
  grid-template-columns: 84px 3px auto;
  gap: 15px;
}
.investmentRight {
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  /* justify-content: space-between; */
}

#investment-info .sandbox .investmentRight {
  justify-content: center;
}

.castingService:hover img.serviceIcon {
  transition: transform 0.9s ease;
  transform: scale(1.1);
}
.castingService:hover {
  background-color: #e5f8fe !important;
}
.castingService h2 {
  font-size: 34px;
  color: #087bd1;
  font-family: "Google Sans", Roboto;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 5px;
}

.castingService ol {
  padding-left: 21px;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.6px;
  font-family: latoRegular;
}

.castingService.one,
.castingService.two,
.castingService.three,
.castingService.four,
.castingService.five {
  position: relative;
}
.castingService.one .one-img {
  width: 20px;
  position: absolute;
  top: 37%;
  left: 10px;
}

.castingService.two .two-img {
  position: absolute;
  top: 8%;
  left: 10px;
  width: 20px;
}

.castingService.three .three-img {
  width: 20px;
  position: absolute;
  top: 30%;
  left: 10px;
}

.castingService.four .four-img {
  width: 20px;
  position: absolute;
  top: 24%;
  left: 10px;
}
.castingService.five .five-img {
  width: 16px;
  position: absolute;
  top: 6%;
  left: 10px;
}
/* #requestBlock .custom-container {
  background-color: #b7e8fa;
  padding: 30px 0;
} */
.bannerText {
  position: absolute;
  top: 30%;
  /* left: 6%; */
  width: 50%;
}
.bannerText h3 {
  font-family: BannerlatoRegular;
  font-size: 66px;
  margin-top: 28px;
  color: #ffffff;
}
.castingIntro h1 {
  font-family: "Google Sans", Roboto;
  font-size: 30px;
  color: #087bd1;
}
.bannerText p {
  font-size: 18px;
  width: 40ch;
}
.bannerText span,
.castingIntro span {
  color: #000000;
}
.bannerText span {
  color: #000000;
  font-family: BannerlatoBold;
}
.bannerText .fabi {
  font-size: 38px;
  font-family: BannerlatoRegular;
  color: #ffffff !important;
}

.mainText span {
  color: #000000;
  font-family: BannerlatoRegular;
  font-size: 37px;
  display: block;
}

.mainText h3 {
  font-family: BannerlatoBold;
  font-size: 52px;
  color: #ffffff;
}
.mainText h2 {
  font-family: BannerlatoBold;
  font-size: 72px;
  color: #ffffff;
  margin-top: -8px;
}
.castingIntro p {
  font-size: 16px;
  font-family: latoRegular;
}
.bannerText button {
  background-color: #0082b4;
  color: #ffffff;
  font-size: 14px;
  font-family: latoRegular;
  padding: 10px 20px;
  margin-top: 40px;
  box-shadow: 3px 3px 3px #ccc;
}

.bannerText button:hover,
#requestBlock button:hover {
  background-color: #0082b4;
  color: #ffffff;
  box-shadow: 7px 8px 11px #ccc;
}
#zircast-news {
  margin-top: -120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f6fcff;
}
/* 
.news1 {
  
  position: relative;
  background-image: url("../img/slider/news1.png");
  background-size: cover;
  background-position: center;
} */
.news1 .news-slide {
  width: 100%;
  /* height: 200px; */
}
/* .news-text {
  position: absolute;
  top: 25%;
  right: 3%;
}
.news-text span {
  color: #087bd1 !important;
  font-family: latoBold;
}
.news1 h2 {
  font-size: 50px;
  color: #000;
  font-family: latoRegular;
}
.news1 p {
  font-size: 14px;
  color: #000;
  font-family: latoRegular;
  width: 90ch;
  text-align: center;
} */
.newsArrows {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -90px;
}
.newsArrows img {
  width: 80px;
  margin-top: 20px;
}
#product-gallery {
  padding: 10px 0;
  background-color: #ffffff;
}
.photoSection img {
  max-width: 100%;
  height: 100%;
}
.photoSection .column {
  display: flex;
  flex-direction: column;
}

.requestLeft,
.requestRight {
  align-self: flex-start;
}
.req_formgrp1 {
  margin: 15px 4px 0px 20px;
}
.req_formgrp2 {
  margin: 15px 20px 0px 4px;
}
.reqsend {
  margin-top: -6px !important;
}
.requestLeft h3 {
  color: #087bd1;
  font-family: "Google Sans", Roboto;
  font-size: 30px;
  margin-top: 2px;
}
.requestLeft h3 span {
  color: #000000;
}
.requestLeft p {
  color: #000000;
  font-size: 16px;
  font-family: latoLight;
}
#requestBlock button {
  background-color: #0082b4;
  color: #ffffff;
  font-size: 12px;
  font-family: latoRegular;
  padding: 5px 25px;
  float: right;
  box-shadow: 2px 2px #ccc;
  box-shadow: 3px 3px 3px #ccc;
}

#requestBlock form input {
  margin: 10px 0;
  height: 35px;
  border-radius: 0;
  box-shadow: 2px 2px 3px #ccc;
  padding-left: 10px;
  padding-top: 0;
}
#requestBlock form input::placeholder {
  font-size: 11px;
  color: #545454;
  font-family: latoLight;
  letter-spacing: 1.2px;
}
#requestBlock form textarea {
  margin: 10px 0;
  border-radius: 0;
  box-shadow: 2px 2px 3px #ccc;
  padding-left: 10px;
}
#requestBlock form textarea::placeholder {
  font-size: 11px;
  color: #545454;
  font-family: latoLight;
  letter-spacing: 1.2px;
}
.productText h2 {
  font-family: "Google Sans", Roboto;
  font-size: 30px;
  margin-bottom: 10px;
  color: #087bd1;
}
.productText span {
  color: #000000;
}
table.alloyService {
  font-size: 14px;
}
table.alloyService th {
  font-family: latoBold;
  width: 50%;
}
table.alloyService td {
  vertical-align:baseline;
  padding-bottom: 1.5px;
}
.lspace{
  line-height: 15px;
  padding: 0 25px 0 0;
}

/******* END ********/
.services {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  /* padding: 70px 0; */
}
.services a {
  text-decoration: none;
  background-color: rgb(238, 250, 255);
}
.services a :hover {
  background: #ffffff;
}
.service {
  border: 1px solid #dddddd;
  padding: 18px;
  height: 100%;
  transition: transform 0.7s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #e5e5e5;
}

.service:hover img {
  transition: transform 0.7s ease;
  transform: scale(1.2);
}
.service:hover h2 {
  transition: transform 0.7s ease;
  transform: scale(1.1);
}
.service-top {
  display: flex;
  align-items: flex-start;
  height: 80px;
  margin-bottom: 18px;
}
.service .service-top img {
  width: 50px;
}
.service h2 {
  align-self: center;
  letter-spacing: 1.1px;
  color: #00aeef;
  font-size: 24px;
  margin-left: 26px;
  margin-bottom: -2px;
  font-family: "Open Sans", sans-serif;
}
.rail-service h2 {
  font-size: 18px !important;
  margin-left: 18px !important;
}
.service p {
  letter-spacing: 0.18px;
  color: #000000;
  font-family: latoLight;
  font-size: 14px;
  line-height: 26px;
  margin-top: 16px;
}
.rail-service p {
  font-size: 13px !important;
  line-height: 22px !important;
  margin-top: 20px !important;
}
.service button.btn-default {
  padding: 5px 15px;
  border-radius: 14px;
  font-family: "Poppins", sans-serif;
  /* background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 5px 5px 15px #0000001a; */
  background: none;
  box-shadow: none;
  color: #5a5a5a !important;
  font-size: 11px;
  align-self: flex-end;
}
.service button.btn-default::after {
  content: "...";
}
section.service-facilities {
  background: #f6fcff;
}
section.carousel-section {
  padding: 0 0 150px 0;
}
body.quality-page section.carousel-section {
  padding: 150px 0 150px 0;
}
section.why-mactech {
  position: sticky;
  position: -webkit-sticky;
  top: 100px;
}
/* Industries START */
.industries-block {
  padding: 30px 0;
}
/* .home-news-block {
  padding: 50px 0;
} */
.home-news-block .carousel-indicators {
  margin-bottom: 0;
}
.industries-infographic {
  width: 80%;
  float: right;
  padding: 2px 0 0 0;
  margin-right: 75px;
}
.rail-footer-infographic {
  margin-top: 30px;
  width: 60%;
}
.industry-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 10px;
}
.industries {
  padding: 40px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.industries.odd {
  background: #f6fcff 0% 0% no-repeat padding-box;
}
.industries.even {
  background: #eefaff 0% 0% no-repeat padding-box;
}
.industries p {
  margin-bottom: 0;
  text-align: center;
  font-family: latoBold;
  letter-spacing: 0.4px;
  color: #5a5a5a;
  font-size: 20px;
  line-height: 23px;
}
/* section {
  border: 2px solid black;
} */

p.other-text {
  text-align: left;
  margin: 0;
  padding-left: 2px;
  letter-spacing: 0.18px;
  color: #000000;
  font-family: latoLight;
  font-size: 14px;
  line-height: 26px;
  padding-top: 0;
}
.industries img.img-responsive {
  width: 75px;
  height: 59px;
  margin-bottom: 13px;
}
.mactech-block {
  background: rgba(235, 235, 235) 0% 0% no-repeat padding-box;
  padding: 30px 0;
}

.mactech-block .card {
  background: #eefaff 0% 0% no-repeat padding-box;
  box-shadow: 2px 3px 3px #ccc;
  margin-top: 20px;
  margin-bottom: 20px;
}
.mactech-block .card img {
  height: 100%;
  width: 100%;
}
.mactech-block .card-body {
  display: flex;
  flex-direction: column;
  padding-top: 10px;
  height: 100%;
}
.mactech-block .card-body .card-title {
  font-size: 36px;
  flex-basis: 10%;
  text-align: left;
  letter-spacing: 0.9px;
  color: #5a5a5a;
  margin-bottom: 27px;
  font-family: latoBold;
}
.mactech-block .card-body p {
  text-align: left;
  letter-spacing: 0.5px;
  color: #000000;
  line-height: 20px;
  font-size: 12px;
  font-family: latoRegular;
  padding-left: 0;
}
/* .mactech-grid {
  background: #eefaff 0% 0% no-repeat padding-box;
  display: flex;
   grid-template-columns: 1fr 2fr;
  box-shadow: 7px 3px 3px #ccc;
  margin-bottom: 50px;
}
.mactech-grid .picture-content h2 {
  flex-basis: 10%;
  text-align: left;
  letter-spacing: 0.9px;
  color: #5a5a5a;
  margin-bottom: 27px;
}
.mactech-grid .picture-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mactech-grid .picture-content p {
  text-align: left;
  letter-spacing: 0.9px;
  color: #5a5a5a;
} */
.facilities-block {
  background: #008ec4 0% 0% no-repeat padding-box;
  padding: 20px 0;
}
/* .facilities-block h2 {
  color: #ffffff;
} */
.about-facilities-block {
  padding: 150px 0;
}
.about-facilities-block .indiaMap {
  background: transparent url(../img/IndiaMap.png) no-repeat 170px 0px;
  background-size: 31%;
  padding: 50px 0;
}
.about-facilities-block .facilities {
  display: grid;
  grid-template-columns: 300px auto;
  box-shadow: 10px 10px 15px #00000029;
}
.about-facilities-block .facilities .picture-content {
  padding: 15px;
  justify-content: flex-start;
}
.about-facilities-block .facilities .picture-content h3 {
  font-size: 22px;
  line-height: 18px;
  color: #00aeef;
  font-family: latoBold;
  margin-bottom: 8px;
}
.about-facilities-block .facilities .picture-content p.sub-text {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 25px;
  font-family: latoBold;
}
.about-facilities-block .facilities .picture-content p.text-muted {
  font-size: 18px;
  line-height: 24px;
  color: #5a5a5a;
  letter-spacing: 0.18px;
  font-family: latoLight;
  margin-bottom: 14px;
}
.about-facilities-block .facilities .picture-content p.label {
  font-family: latoBold;
  font-size: 18px;
  color: #000000;
  line-height: 24px;
}
.about-facilities-block .facilities .picture-content p.email-id {
  font-family: latoRegular;
  font-size: 18px;
  color: #5a5a5a;
  line-height: 24px;
  margin-bottom: 10px;
}
.about-facilities-block .facilities .picture-content {
  background-color: #ffffff;
}
.indiaMap {
  background: transparent url(../img/IndiaMap.svg) no-repeat 0 60%;
  background-size: 25%;
}
.indiaMap-about {
  background: transparent url(../img/IndiaMap.png) 0% 50% no-repeat padding-box;
}

.home-page .facilities-content {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr;
  margin-top: -48px;
}
.home-page .facilities .two p {
  display: inline;
}
.home-page .facilities {
  display: grid;
  grid-template-columns: 180px auto;
  box-shadow: 10px 10px 15px #00000029;
}
.home-page .facilities .picture-content .one {
  height: 140px;
}
.home-page .facilities .picture-content {
  background-color: #ffffff;
}
.home-page .facilities .picture-content h3 {
  font-size: 14px;
  color: #00aeef;
  margin-bottom: 0;
  font-family: latoBold;
  margin-bottom: 5px;
}
.home-page .facilities .picture-content p {
  margin-bottom: 0;
}
.home-page .facilities .picture-content p.sub-text {
  color: #000000;
  font-size: 12px;
  font-family: latoBold;
  margin-bottom: 10px;
}
.home-page .facilities .picture-content p.text-muted {
  color: #5a5a5a !important;
  font-size: 13px;
  margin-bottom: 10px;
  font-family: latoLight;
}
.home-page .facilities .picture-content p.sub-text-2 {
  color: #000000;
  font-size: 13px;
  font-family: latoLight;
}
.home-page .facilities .picture-content {
  display: flex;
  flex-direction: column;
  padding: 10px 10px;
}
h3.map-heading {
  color: #000000;
  font-size: 22px;
  font-family: "Google Sans", Roboto;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.75px;
}
body.about-page .indiaMap h3.map-heading {
  color: #ffffff;
  font-size: 35px;
  margin-top: 40px;
  font-family: latoBold;
}
body.about-page .world-block h3.map-heading {
  color: #ffffff;
  font-size: 48px;
  letter-spacing: 2.4px;
  margin-top: 40px;
  font-family: latoBlack;
}
body.about-page .world-block p.map-para {
  color: #ffffff;
  font-size: 18px;
  font-weight: lighter;
  font-family: latoLight;
  letter-spacing: 0.18px;
  line-height: 30px;
}
p.map-para {
  color: #000000;
  font-size: 14px;
  font-weight: lighter;
  font-family: latoLight;
  letter-spacing: 0.18px;
  line-height: 21px;
  padding-right: 15px;
}
.btn-default {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 0;
  margin-bottom: 20px;
  padding: 10px 20px;
}

.world-block {
  background: #cccccc 0% 0% no-repeat padding-box;
  padding: 20px 0;
}
.worldMap {
  background: transparent url(../img/WorldMap.svg) 0 100% no-repeat;
  background-size: 21%;
}
.contact-content {
  display: grid;
  grid-gap: 20px;
  margin-top: 4px;
  grid-template-columns: 1fr 1fr;
}
.home-page .contact {
  display: grid;
  grid-template-columns: 180px auto;
  box-shadow: 10px 10px 15px #00000029;
}
.about-page .contact {
  display: grid;
  grid-template-columns: 300px auto;
  box-shadow: 10px 10px 15px #00000029;
}
.contact .picture-content {
  background-color: #ffffff;
}
.home-page .contact .picture-content .one {
  height: 123px;
}

.home-page .contact .picture-content h3 {
  font-size: 14px;
  color: #00aeef;
  margin-bottom: 5px;
  font-family: latoBold;
}
.home-page .contact .picture-content p {
  margin-bottom: 0;
}
.home-page .contact .picture-content p.sub-text {
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
  font-family: latoBold;
}
.home-page .contact .picture-content p.text-muted {
  color: #5a5a5a;
  font-size: 13px;
  margin-bottom: 10px;
  font-family: latoLight;
}
.home-page .contact .picture-content p.sub-text-2 {
  color: #000000;
  font-size: 13px;
}
.home-page .contact .picture-content p.sub-text-2 span.lato-bold {
  font-family: latoBold;
}
.home-page .contact .picture-content p.sub-text-2 span.lato-regular {
  font-family: latoRegular;
}
.contact .picture-content {
  display: flex;
  flex-direction: column;
  padding: 10px 10px;
}
.footer-block {
  /* display: grid;
  grid-template-columns: 200px 1fr;
  grid-gap: 8px; */
  padding-top: 20px;
  padding-bottom: 30px;
}
.footer-block-2 {
  display: grid;
  grid-template-columns: 230px 416px 174px 150px;
  gap: 40px;
}
.footer-col-2 .parts {
  display: grid;
  grid-template-columns: 150px 1fr;
}

.footer-block .first {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 8px;
  padding: 20px 0;
}
.footer-block .logo {
  width: 140px;
  margin-right: 35px;
}
.footer-block ul.style-1.industry-continue {
  margin-top: 32px;
}
.footer-block ul.style-1 {
  max-width: 200px;
  padding: 0;
  margin: 0;
}
ul.style-1 a{
  color: #000!important;
}
/* .footer-block .social-links {
  margin-bottom: 45px;
} */
.footer-block .social-links img:not(:first-child) {
  margin-left: 20px;
}
.footer-block .social-links a:not(:first-child) {
  margin-left: 20px;
}
.footer-block h2 {
  text-align: left;
  font-size: 15px;
  font-family: "latoBold";
  font-weight: 400;
  color: #000;
  /* padding: 3px 5px;
  background-color: #0082b4;
  background-image: linear-gradient(to right, #0082b4, #cccccc); */
}
.footer-block ul li {
  letter-spacing: 1.2px;
  color: #000000;
  list-style: none;
  line-height: 20px;
  font-size: 12px;
  font-family: latoRegular;
}
footer a:hover {
  text-decoration: none;
}

.footer-col-6 ul li a {
  font-family: latoRegular;
  letter-spacing: 1.2px;
  color: #5a5a5a;
  list-style: none;
  line-height: 20px;
  font-size: 12px;
}
.slide-1 {
  width: 350px;
}
.slide-1 p {
  line-height: 2rem;
  font-weight: 400;
}
.slide-1 .line-1 {
  font-size: 72px;
  color: #ffffff;
}
.social-links img {
  width: 30px;
}
.footer-col-1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footer-col-1 span {
  font-size: 10px;
}

/* about Page :: START */
.about-banner-block {
  padding: 0;
  position: relative;
}
.about-banner-block .banner-content {
  position: absolute;
  top: 25%;
  left: 10%;
}
.about-banner-block .banner-content span {
  letter-spacing: 0.18px;
  color: #ffffff;
  font-size: 18px;
  font-family: latoRegular;
  margin-bottom: 20px;
}
.about-banner-block .banner-content h2 {
  letter-spacing: 0.18px;
  color: #ffffff;
  font-size: 18px;
  font-family: latoRegular;
  margin-bottom: 40px;
}
.about-banner-block .banner-content p {
  letter-spacing: 0.72px;
  color: #ffffff;
  font-size: 72px;
  line-height: 72px;
  font-weight: 200;
  margin-bottom: 57px;
  font-family: latoRegular;
  text-shadow: 2px 2px 3px #050505;
}
.about-banner-block img {
  width: 100%;
}
body.service-page .about-banner-block img {
  box-shadow: 5px 10px 35px #0000001a;
  width: 100%;
}
body.service-page .about-banner-block .banner-content p {
  font-size: 42px;
  line-height: 52px;
}
.about-block {
  padding: 150px 0;
}
.about-block h2 {
  font-size: 24px;
  font-family: latoBold;
  line-height: 42px;
  letter-spacing: 1.2px;
  color: #5a5a5a;
  margin-bottom: 45px;
}
.about-block p {
  font-size: 18px;
  letter-spacing: 0.9px;
  line-height: 36px;
  font-family: latoLight;
  color: #5a5a5a;
  margin-bottom: 30px;
}
p.carrer-block {
  font-size: 22px;
  letter-spacing: 1.1px;
  line-height: 42px;
  font-family: latoBold;
  color: #5a5a5a;
  margin-bottom: 30px;
}

.about-page .world-block {
  padding: 150px 0;
}

.about-page .world-block h3.map-heading,
.about-page .world-block .contact-content {
  margin-top: 0;
}

.about-page .world-block .contact-content {
  grid-gap: 80px;
}
.about-page .world-block .contact-content .contact .picture-content p.sub-text {
  font-size: 18px !important;
  line-height: 24px;
  font-family: latoBold;
}
.about-page
  .world-block
  .contact-content
  .contact
  .picture-content
  p.text-muted {
  margin-bottom: 22px;
  font-size: 18px;
  line-height: 24px;
  font-family: latoLight;
}
.about-page .world-block .contact-content .contact .picture-content h3 {
  font-size: 18px;
  font-family: latoBold;
  line-height: 30px;
  color: #00aeef;
  margin-bottom: 0;
}
.about-page .world-block .contact-content .contact .picture-content p.label {
  font-size: 18px;
  color: #000000;
  line-height: 24px;
  font-family: latoBold;
}

.about-page .world-block .contact-content .contact .picture-content p.phone,
.about-page .world-block .contact-content .contact .picture-content p.email-id {
  font-size: 18px;
  color: #5a5a5a;
  line-height: 24px;
  font-family: latoRegular;
  margin-bottom: 15px;
}

.about-page .facilities-content {
  display: grid;
  grid-gap: 130px;
  grid-template-columns: 1fr;
  margin-top: 50px;
}
.about-request {
  background: #f6fcff;
}
p.about-title {
  font-size: 48px;
  font-family: latoBold;
  letter-spacing: 2.4px;
  line-height: 60px;
}
.about-ul {
  line-height: 4rem;
}
.worldMap-about {
  background: transparent url("../img/WorldMap.png") 0% 0% no-repeat padding-box;
  height: 350px;
  background-size: contain;
}

.request-bg {
  background: #f6fcff;
  padding: 200px 0;
  display: flex;
  flex-direction: column;
}
.request-quote {
  padding: 10px;
  background-color: #ffffff;
}
.request-quote .head {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.request-quote h2 {
  font-size: 26px;
  color: #000000;
  letter-spacing: 0.8px;
  font-family: "Google Sans", Roboto;
  margin-bottom: 5px;
  margin-top: 5px;
  text-transform: inherit;
  text-align: left;
}
.request-quote h2 span {
  color: #087bd1;
}

.request-quote p {
  font-size: 16px;
  color: #000000;
  font-family: latoLight;
  letter-spacing: 0.9px;
  line-height: 24px;
  margin-bottom: 0;
}
.request-block {
  background-color: #008ec4;
  padding: 0;
}
.request-block input[type="file"] {
  font-size: 12px;
  display: block;
  color: #ffffff;
}
.request-block input[type="text"] {
  margin: 10px 0;
  height: 35px;
  border-radius: 0;
  /* box-shadow: 2px 2px 3px #ccc; */
  padding-left: 10px;
  padding-top: 0;
}
.request-block input::placeholder {
  font-size: 11px;
}
.request-block textarea {
  border-radius: 0;
  padding-left: 20px;
}
#requestQuote .modal-body {
  padding: 0;
}
.close-model {
  position: absolute;
  top: 0;
  right: 0;
}
.request-block p {
  color: #ffffff;
  font-weight: 200;
}
.request-block span {
  color: #ffffff;
  line-height: 19px;
  font-size: 12px;
  font-family: latoLight;
}
.request-block-left {
  padding: 49px 10px 10px 40px;
}
.request-block-right {
  padding: 49px 40px 10px 10px;
}
.request-block-left,
.request-block-right {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-basis: 470px;
  background: #b7e8fa;
}
.send-button {
  margin-left: auto;
  margin-top: 10px;
}
.send-button button {
  border: 0;
  padding: 5px 15px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 14px;
  text-transform: uppercase;
  color: #008ec4;
  font-size: 12px;
  font-family: latoBold;
  margin-top: 15px;
}
.picture img {
  width: 102%;
  height: 100%;
  object-fit: cover;
}
/** About :: END **/
/** Service :: START **/
section.service-area .custom-container,
section.quality-area .custom-container {
  width: 100%;
}
.service-banner {
  background: #b7e8fa;
  padding: 146px 0;
}
.service-banner .btn:hover {
  background-color: var(--primary-color);
  color: #ffffff !important;
}
.service-img-container {
  background: transparent url("../img/slider/banner2.png") 0% 40% no-repeat;
  background-size: cover;
  height: 400px;
  width: 100%;
}
.service-img-container:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background: transparent
    linear-gradient(61deg, #ee2a2ab3 0%, #ee2a2aa6 42%, #ee2a2a00 100%) 0% 0%
    no-repeat padding-box;
}
body.service-page h1 {
  letter-spacing: 2.4px;
  color: #5a5a5a;
  font-size: 48px;
  font-family: latoBlack;
}
.casting-details {
  background-color: #f6fcff;
  padding: 200px 0;
}
body.service-page .casting-details h1 {
  margin-bottom: 20px;
}
body.service-page .shop-info p {
  font-size: 18px;
  text-align: left;
  font-family: latoLight;
  letter-spacing: 0.18px;
  color: #000000;
  font-weight: 300;
  line-height: 30px;
  padding-right: 51px;
}
body.service-page .casting-details p {
  font-size: 24px;
  text-align: left;
  font-family: latoRegular;
  letter-spacing: 1.2px;
  color: #5a5a5a;
  line-height: 42px;
  padding-right: 72px;
}
body.service-page .accordion > .card {
  border: 1px solid #b7e8fa;
}
body.service-page .accordion > .card > .card-header.bgCol {
  background: #f6fcff;
}
body.service-page .accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
  background: #ffffff;
  border-bottom: 0;
  padding-left: 0;
  padding: 5px 0;
}
body.service-page .accordion > .card > .card-header:hover {
  background-color: #ffffff;
}
body.service-page .accordion > .card > .card-header .btn.focus,
.btn:focus {
  box-shadow: unset;
}
body.service-page .accordion > .card > .card-header h2 button {
  color: #00aeef;
  font-family: latoBold;
  letter-spacing: 1.5px;
  text-decoration: none;
  font-size: 30px;
  line-height: 30px;
  padding: 10px 20px;
}
body.service-page .accordion > .card > .card-header h2 button:hover {
  text-decoration: none;
}

body.service-page .accordion ul.style-2 li {
  font-size: 20px;
  line-height: 36px;
  letter-spacing: 0.2px;
  color: #5a5a5a;
  font-family: latoBold;
}
#accordion .card-header img.img-responsive {
  margin-right: 37px;
}
/* .service-block {
  padding: 50px 0;
  padding: 150px 140px;
} */
.food-processing {
  background: #f6fcff;
  /* padding: 0 0 150px 0; */
}
.food-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  padding: 120px 0;
}
.food {
  padding: 37px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #b7e8fa;
}
.food p {
  margin-bottom: 0;
  text-align: center;
  font-family: latoBold;
  letter-spacing: 0.4px;
  color: #5a5a5a;
  font-size: 20px;
}
.food img.img-responsive {
  width: 75px;
  height: 59px;
  margin-bottom: 13px;
}
.foods-animation-grid {
  display: grid;
  grid-gap: 6px;
  grid-template-columns: 1fr 1fr;
  margin-top: 50px;
}
.food-flip {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.food-box {
  display: grid;
  grid-template-columns: 200px auto;
  background: #eefaff;
}
.food-box span {
  letter-spacing: 0.8px;
  color: #00aeef;
  font-size: 20px;
  font-family: latoBold;
}
.food-box h3 {
  letter-spacing: 0.72px;
  color: #5a5a5a;
  font-size: 36px;
  font-family: latoBold;
  margin-bottom: 40px;
}
.food-box .food-right {
  padding: 20px;
}
.service-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.service-grid .image-grid {
  background: url(../img/service.jpg) no-repeat;
  background-size: cover;
  height: 100%;
}
.service-grid-2 .text-grid {
  background: #008ec4 !important;
  padding: 50px !important;
}
.service-grid-2 .text-grid h3 {
  letter-spacing: 1.8px;
  color: #ffffff !important;
  font-size: 36px;
  font-family: latoBold;
  margin-bottom: 20px;
}
.service-grid-2 .text-grid p {
  letter-spacing: 1.8px;
  color: #ffffff !important;
  font-size: 36px;
  font-family: latoBold;
  margin-bottom: 20px;
}
.image-grid-1 {
  background: url(../img/1.png) no-repeat;
  background-size: cover;
}
.service-grid .text-grid {
  padding: 125px;
  background: #008ec4;
}
.service-grid .text-grid h3 {
  letter-spacing: 1.8px;
  color: #ffffff;
  font-size: 36px;
  font-family: latoBold;
  margin-bottom: 20px;
  line-height: 42px;
}
.service-grid .text-grid p {
  letter-spacing: 0.9px;
  color: #ffffff;
  font-size: 18px;
  font-family: latoLight;
  line-height: 36px;
}
.food-box:hover .food-right p {
  font-size: 22px;
  font-family: latoBold;
  color: #5a5a5a;
}
.food-box:hover .food-right div {
  visibility: visible !important;
  height: auto !important;
  transition: 1s;
}
.food-box:hover .food-right h3 {
  display: none;
}
.food-box:hover .food-left {
  background: transparent !important;
  transition: transform 0.5s ease;
  transform: scale(1.1);
}
.food-box:hover .food-left img {
  display: block !important;
  transition: 1s;
}
.post-processing {
  padding: 70px 0;
  background: #eefaff;
}
.post-processing .card img {
  width: 100%;
}
.post-processing .card .card-body {
  padding: 61px 61px 0 61px;
}
.post-processing #myTabs ul li a.active {
  font-size: 18px;
  color: #00aeef;
  font-family: latoBold;
}
.owl-carousel .nav-btn {
  height: 47px;
  position: absolute;
  width: 26px;
  cursor: pointer;
  top: 100px !important;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
  pointer-events: none;
  opacity: 0.2;
}

.owl-carousel .prev-slide {
  background: url(../img/arrow-left.svg) no-repeat scroll 0px 0px;
  left: -33px;
}
.owl-carousel .next-slide {
  background: url(../img/arrow-right.svg) no-repeat scroll 0px 0px;
  right: 93px;
}
.owl-carousel .prev-slide:hover {
  background-position: 0px -53px;
}
.owl-carousel .next-slide:hover {
  background-position: -24px -53px;
}
table.alloy thead {
  color: #ffffff;
  font-family: latoBold;
  font-size: 24px;
  background: #008ec4;
}
table.alloy th:nth-child(2) {
  width: 561px;
  background: #00aeef;
}
table.alloy tbody {
  background: #eefaff;
  font-family: latoBold;
  font-size: 20px;
  color: #5a5a5a;
}
table.alloy th {
  width: 295px;
  height: 54px;
  padding-left: 15px;
  padding-bottom: 5px;
}
table.alloy td {
  width: 345px;
  height: 24px;
  padding-left: 15px;
  padding-bottom: 15px;
}
table.alloy td {
  border: 1px solid #ffffff;
}
#collapseFive .card-body {
  padding: 3.5rem;
}
body.service-page #accordion .card-body {
  padding: 70px 70px !important;
}
.service-request {
  background-color: #f6fcff;
}
/** Service :: END **/
/** Post Preprocessing :: START **/
body.service-page .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link {
  background-color: transparent;
  border-color: transparent;
  color: #000000;
  font-family: latoRegular;
  font-size: 18px;
  letter-spacing: 0.9px;
}
body.service-page .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background-color: transparent;
  border-color: transparent;
  color: #00aeef;
  font-family: latoRegular;
  font-size: 18px;
  letter-spacing: 0.9px;
}
body.service-page .nav-tabs {
  border-bottom: unset;
}
body.service-page .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: transparent;
}
.post-processing {
  display: grid;
  grid-template-columns: auto auto;
}
.post-processing .picture-content {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 5px 10px 35px #0000001a;
  padding: 50px;
}
/** Post Preprocessing ::END **/
/** Vision & Mission ::START **/
.vision-block {
  padding: 150px 0;
}
.vision-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 5px 10px 35px #0000001a;
  padding: 98px;
}
.vision {
  padding-left: 0;
  margin-bottom: 80px;
}
.mission {
  padding-right: 0;
}
.vision-image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.vision-image img {
  width: 300px;
}
.vision-content span {
  letter-spacing: 0.9px;
  color: #00aeef;
  font-size: 18px;
  font-family: latoBlack;
}
.vision-content h2 {
  letter-spacing: 2.4px;
  color: #5a5a5a;
  font-size: 32px;
  font-family: latoBlack;
  margin-top: 20px;
}
.vision-content p {
  letter-spacing: 0.9px;
  color: #5a5a5a;
  font-size: 18px;
  font-family: latoLight;
}
/** Vision & Mission ::END **/
/** Dimond Section :: START **/
section.dimond {
  background: #eefaff;
  padding: 40px 0;
}
.dimond .in {
  background: transparent url(../img/diamond.svg) 50% no-repeat padding-box;
  background-size: 40%;
  padding: 113px 0;
}
section.dimond ul li {
  margin-bottom: 20px;
  font-size: 15px;
  color: #5a5a5a;
  font-family: latoBold;
  letter-spacing: 0.48px;
  list-style-image: url("../img/bullet.jpg");
}
section.dimond ul li:hover {
  color: #000000;
  text-decoration: underline;
  cursor: pointer;
}
/** Dimond Section :: END **/

/** Testimonial ::START **/
.testimonial-block {
  padding: 150px 0;
}
.testimonial-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  padding: 50px 0;
}
.testimonial {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 5px 10px 35px #0000001a;
  padding: 100px;
}
.testimonial p {
  font-family: latoBoldItalic;
  font-size: 18px;
  color: #5a5a5a;
  line-height: 36px;
  letter-spacing: 0.9px;
}
.testimonial span {
  font-family: latoBlack;
  font-size: 18px;
  color: #000000;
  letter-spacing: 0.9px;
}
body.testimonial-page p.intro {
  font-size: 24px;
  color: #5a5a5a;
  letter-spacing: 1.2px;
  font-family: latoBold;
}
/** Testimonial ::END **/
/** Quality Assurance :: START **/
body.quality-page .btn-primary {
  padding: 13px 19px;
}
body.service-page .btn-primary {
  padding: 13px 19px;
}

.quality-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0;
  background: #f6fcff;
}
.quality-grid .image-grid {
  background: url(../img/spectro.png) 50% 0 no-repeat;
  background-size: cover;
}
.quality-grid .text-grid {
  padding: 150px;
  background: #f6fcff;
}
.quality-grid .text-grid h3 {
  letter-spacing: 1.8px;
  color: #5a5a5a;
  font-size: 36px;
  font-family: latoBlack;
  margin-bottom: 20px;
}
.quality-grid .text-grid p {
  letter-spacing: 0.9px;
  color: #5a5a5a;
  font-size: 18px;
  font-family: latoLight;
}
.quality-grid .text-grid p,
.quality-grid .text-grid li {
  font-size: 18px;
}
.quality-grid-2 {
  display: grid;
  grid-template-columns: auto auto;
  padding: 150px 0;
}
.quality-grid-2 .picture-content {
  background: #008ec4;
  box-shadow: 5px 10px 35px #0000001a;
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.quality-grid-2 .picture-content h3 {
  letter-spacing: 1.8px;
  color: #ffffff;
  font-size: 28px;
  font-family: latoBlack;
  margin-bottom: 20px;
}
.quality-grid-2 .picture-content p {
  letter-spacing: 0.9px;
  color: #ffffff;
  font-size: 18px;
  font-family: latoLight;
}

.quality-grid-3 {
  display: grid;
  grid-template-columns: auto auto;
  padding: 70px 0;
}
.quality-grid- .picture-content {
  background: #008ec4;
  box-shadow: 5px 10px 35px #0000001a;
  padding: 50px;
}
.quality-grid-2 .picture-content h3 {
  letter-spacing: 1.8px;
  color: #ffffff;
  font-size: 36px;
  font-family: latoBlack;
  margin-bottom: 20px;
}
.quality-grid-2 .picture-content p {
  letter-spacing: 0.9px;
  color: #ffffff;
  font-size: 18px;
  font-family: latoLight;
}
section.certrificate {
  background: #eefaff;
  padding: 100px 0;
}
.certrificate .container {
  background: transparent url(../img/star.png) 50% 50% no-repeat padding-box;
  background-size: 24%;
}
section.certrificate ul li {
  margin-bottom: 20px;
  font-size: 24px;
  color: #5a5a5a;
  font-family: latoBold;
  list-style-image: url("../img/bullet.jpg");
  letter-spacing: 0.48px;
  line-height: 42px;
}
section.certrificate ul li:hover {
  color: #000000;
  text-decoration: underline;
  cursor: pointer;
}
section.certrificate ul li a {
  font-size: 24px;
  color: #5a5a5a;
}
#facelitiesAccurance .carousel-inner {
  height: 580px;
}
#facelitiesAccurance .carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  height: 100%;
}
/** Quality Assurance :: END **/
/** Careers :: START **/
.careers-area {
  background: #00aeef;
}
.Career-page .bannerText h3 {
  font-size: 46px;
}
.careers-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.careers-grid .image-grid {
  background: url(../img/graphic-careers.png) 20% 0% no-repeat;
  background-size: contain;
}
.careers-grid .text-grid {
  padding: 248px 0 248px 300px;
  font-size: 22px;
  font-family: latoBold;
}
.careers-grid .text-grid h3 {
  letter-spacing: 1.8px;
  color: #5a5a5a;
  font-size: 36px;
  font-family: latoBlack;
  margin-bottom: 20px;
}
.careers-grid .text-grid p {
  color: #ffffff;
  letter-spacing: 1.1px;
  font-size: 22px;
  font-family: latoBold;
  line-height: 42px;
}
.career-text-block p {
  color: #5a5a5a;
  letter-spacing: 1.1px;
  font-size: 22px;
  font-family: latoBold;
  line-height: 42px;
}
body.careers-page .btn-primary {
  padding: 19px 46px;
}

/** Careers :: END **/
/** Contact :: START **/
section.contact-grid {
  display: grid;
  grid-template-columns: 60% 40%;
}
.contact-india {
  background: #eefaff;
  padding: 150px 50px 150px 150px;
}
section.contact-grid h3.heading {
  letter-spacing: 1.8px;
  color: #5a5a5a;
  font-size: 36px;
  font-family: latoBlack;
  margin-bottom: 40px;
  line-height: 42px;
}
.contact-div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 50px;
}
.contact-india .content-section {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 5px 10px 35px #0000001a;
}
.contact-us {
  background: #ffffff;
  padding: 150px 200px 150px 50px;
}
.contact-us-div {
  display: grid;
  grid-template-columns: 425px;
  grid-gap: 50px;
}
.contact-section h3 {
  font-size: 16px;
  color: #00aeef;
  margin-bottom: 0;
  line-height: 20px;
  font-family: latoBold;
}
.contact-section p {
  margin-bottom: 0;
}
.contact-section p.sub-text {
  color: #000000;
  font-size: 14px;
  font-family: latoBold;
  margin-bottom: 10px;
  line-height: 24px;
}
.contact-section p.text-muted {
  color: #5a5a5a;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.18px;
  margin-bottom: 10px;
  margin-bottom: 14px;
  font-family: latoLight;
}
.contact-section p.sub-text-2 {
  color: #000000;
  font-size: 13px;
  margin-bottom: 30px;
}
.contact-section p.sub-text-2 span.lato-bold {
  font-family: latoBold;
  font-size: 16px;
  color: #000000;
}
.contact-section p.sub-text-2 span.lato-regular {
  font-family: latoRegular;
  font-size: 16px;
  color: #5a5a5a;
}
.contact-section p.sub-text-2_1 span.lato-bold {
  font-family: latoBold;
  font-size: 16px;
  color: #000000;
}
.contact-section p.sub-text-2_1 span.lato-regular {
  font-family: latoRegular;
  font-size: 16px;
  color: #5a5a5a;
}
.contact-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  box-shadow: 5px 10px 35px #0000001a;
  background-color: #ffffff;
}
section.career-text-block {
  padding: 150px 0;
}
/** Contact :: END **/
/** Milestones :: START **/
.milestoneContainer {
  display: grid;
  grid-template-columns: 1fr 50px 1fr;
  grid-template-rows: 3;
  justify-items: left;
}
.milestoneArea {
  /* display: inline-block; */
  padding: 150px 0;
}

.milestoneContainer .year {
  position: absolute;
  left: -67px;
  top: 40px;
  z-index: 2;
}

.milestoneContainer,
.dot1 {
  top: 0px;
}
.milestoneContainer,
.dot2 {
  top: 13px;
}

.milestoneContainer,
.dot3 {
  top: 485px;
}

.milestoneContainer,
.dot4 {
  bottom: 0;
}

.milestoneContainer .border,
.border-1 {
  height: 100%;
  position: relative;
  border-right: 3px solid #ee2a2a !important;
}

.milestoneChild {
  width: 50ch;
  padding: 0 90px;
}
.milestoneChild h4 {
  margin-top: 0;
}
.milestoneChild span {
  color: #ee2a2a;
  font-size: 18px;
  letter-spacing: 0.9px;
  line-height: 42px;
  font-family: latoBold;
}
.milestoneChild h3 {
  font-size: 24px;
  letter-spacing: 1.2px;
  line-height: 42px;
  color: #000000;
  font-family: latoBold;
  margin: 19px 0;
}
.milestoneChild p {
  font-size: 18px;
  letter-spacing: 0.9px;
  line-height: 36px;
  color: #000000;
  font-family: latoBold;
  margin: 19px 0;
}
.jus-right {
  justify-self: right;
}
.milestoneChildHide {
  visibility: hidden;
}

.dot1,
.dot2,
.dot3,
.dot4 {
  height: 14px;
  border-radius: 7px;
  width: 14px;
  border: 1px solid #ee2a2a;
  position: absolute;
  left: -6px;
  font-size: larger;
  z-index: 1;
  color: #ee2a2a;
  background-color: #ee2a2a;
}

.year {
  font-size: 24px !important;
  font-family: latoBold;
  letter-spacing: 1.2px;
  line-height: 42px;
  border-radius: 29px;
  width: 137px;
  height: 57px;
  text-align: center;
  padding: 5px 0;
  border: 1px solid #ee2a2a;
  position: absolute;
  font-size: larger;
  z-index: 1;
  color: #fff;
  background-color: #ee2a2a;
}

/** Milestones :: END **/

/** Careers :: START **/

.job {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}
.job_bg {
  background-color: #f6fcff;
}
.job-listing {
  padding: 25px 0px 35px;
}
.jobTwo {
  padding: 0px 0px 40px !important;
}
.job-listing h1 {
  font-family: latoBold;
  margin-bottom: 50px;
}
.job-listing h2 {
  font-family: latoBold;
  margin-bottom: 30px;
}
.job-list {
  padding: 30px;
  box-shadow: 0 5px 15px 0 rgb(0 0 0 / 13%);
  border: 1px solid #ececec;
  background: #fff;
  font-size: 14px;
  cursor: pointer;
}

.job-list h3 {
  color: #00aeefc4;
  border-bottom: 1px solid #2957a4fa;
  font-weight: bold;
  font-size: 18px;
  font-family: latoBold;
}
.job-list a,
.job-list span {
  font-family: latoLight;
}
.right {
  text-align: right;
}

.careers-details h2 {
  color: #000000;
  letter-spacing: 1.8px;
  font-family: latoBlack;
  font-size: 20px;
  margin-bottom: 20px;
}
.careers-details p,
.careers-details table {
  color: #000000;
  letter-spacing: 1.8px;
  font-family: latoRegular;
  font-size: 14px;
  margin-bottom: 20px;
}

.apply-form {
  background-color: #27baf1;
  padding: 20px;
}
.apply-form label {
  margin-bottom: 0;
  letter-spacing: 1.8px;
  font-family: latoBlack;
  font-size: 14px;
}
label.form-check-label {
  margin-top: -20px;
}
.apply-form input,
.apply-form select {
  height: 50px;
  margin-top: 10px;
  border: 0;
  outline: none;
  padding-left: 20px;
  border-radius: 0;
  margin-bottom: 20px;
}
.apply-form textarea {
  margin-top: 10px;
  border: 0;
  outline: none;
  padding-left: 20px;
  border-radius: 0;
  margin-bottom: 20px;
}
.apply-form input[type="file"] {
  padding-left: 0;
  margin-bottom: 0;
  height: auto;
}
label.form-check-label {
  font-family: latoRegular;
  font-size: 14px;
}
.job-title {
  background-color: #00aeef;
  height: 200px;
  display: grid;
  place-content: center;
}
.job-title p {
  letter-spacing: 0.72px;
  color: #ffffff;
  font-size: 72px;
  line-height: 72px;
  font-weight: 200;
  margin-bottom: 0;
  font-family: latoRegular;
}
/** Careers :: END **/
.carousel-control-next,
.carousel-control-prev {
  background: none;
  border: 0;
}
.show-mobile {
  display: none;
}
.hide-mobile {
  display: block;
}
.productGalleryMobile {
  display: none;
}
/* Photo Gallery */
.img-wrapper {
  position: relative;
  height: 100%;
}

.img-wrapper .image {
  opacity: 1;
  display: block;
  width: 100%;
  height: 100% !important;
  transition: 0.5s ease;
  backface-visibility: hidden;
}

.img-wrapper .middle {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  /* background: rgba(0, 0, 0, 0)
    linear-gradient(
      0deg,
      #000 0,
      rgba(0, 0, 0, 0.2) 23%,
      rgba(0, 0, 0, 0) 40%,
      rgba(0, 0, 0, 0) 68%,
      rgba(0, 0, 0, 0) 81%,
      rgba(0, 0, 0, 0) 92%,
      rgba(0, 0, 0, 0) 100%
    )
    repeat scroll 0 0; */
  background-image: linear-gradient(
    #000 0,
    rgba(0, 0, 0, 0.2) 23%,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 0) 68%,
    rgba(0, 0, 0, 0) 81%,
    rgba(0, 0, 0, 0) 92%,
    rgba(0, 0, 0, 0) 100%
  );
  /* background-image: linear-gradient(to top, #000000, #cccccc); */
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: 0.5s ease;
}

.img-wrapper:hover .image {
  opacity: 0.3;
}

.img-wrapper:hover .middle {
  opacity: 0.7;
  height: 100%;
}

.img-wrapper .text {
  color: #ffffff;
  padding: 16px 14px;
}
.img-wrapper .text h3 {
  font-size: 17px;
}
.img-wrapper .text p {
  font-size: 12px;
  line-height: 15px;
}
.mobileOnly,
.tabletOnly {
  display: none !important;
}
/* Career */
.career_img {
  width: 75%;
  margin-left: auto;
}
/* sourcing */
.sourcimg {
  width: 90%;
  margin-left: auto;
  margin-top: 50px;
}
/* key */
.keyimg {
  width: 54%;
  margin-left: auto;
  margin-top: 40px;
}
/* rapid */
.rapid-page .bannerText h3 {
  font-size: 36px;
}

.rapimg {
  width: 70%;
  margin-left: auto;
  margin-top: 60px;
}
/* QA */
.qualityassurance_text h6 {
  font-size: 18px;
  font-weight: 400;
  font-family: latoRegular;
}
.iconWrapper_certificate img {
  width: 45px;
}
.QAheading {
  font-size: 42px !important;
  margin-bottom: 20px;
}
.iconWrapper {
  display: grid;
  grid-template-columns: 20px 1fr;
  row-gap: 10px;
  column-gap: 8px;
  padding: 15px 20px;
}
.iconWrapper_certificate a {
  color: #212529;
}
.iconWrapper_certificate a:hover {
  color: #407bff;
}
.iconWrapper_certificate {
  display: grid;
  grid-template-columns: 20px 1fr;
  row-gap: 20px;
  column-gap: 10px;
  padding: 15px 20px;
}
.iconWrapper_certificate .icontext3 {
  padding: 22px 0px 0px 40px !important;
}
.iconWrapper img {
  width: 20px;
}
.iconWrapper .iconText {
  padding: 6px;
  font-family: latoRegular;
  font-size: 14px;
}
.iconWrapper_certificate .icontext1 {
  padding: 14px 0px 0px 40px !important;
}
.iconWrapper_certificate .icontext2 {
  padding: 24px 0px 0px 40px !important;
}
.iconWrapper_certificate .iconText {
  padding: 0px 0px 0px 40px;
  font-family: latoRegular;
  font-size: 14px;
}

/* .QA_bullet{
  list-style-image: url('../../dist/img/icons/Qa_file.svg');
  letter-spacing: 0.18px;
  color: #000000;
  font-family: latoLight;
  font-size: 14px;
  line-height: 26px;
  margin-top: 20px;
} */
.QA_bullet li::before {
  width: 10px;
}
.qual_assurimg {
  width: 80%;
  margin-left: auto;
  margin-top: 40px;
}
.qual_assurimg1 {
  width: 72%;
  margin-right: auto;
  margin-top: 40px;
}
/*fabrication*/
.fabrication-block {
  background: #ffffff 0% 0% no-repeat padding-box !important;
  padding: 50px 0 30px 0;
}
.fabri-block .column {
  padding: 10px 20px 0px 20px;
}
.fabri-block .column:hover {
  background: #ffffff !important;
  box-shadow: -5px 10px 15px #00000029;
}
.fabri-block .column:hover .castingContent {
  color: #000000 !important;
}
.fabri-block .column:hover .fabriText {
  color: #000000 !important;
}
.fabri-block .column ol {
  padding-left: 10px;
}
.fabri-block .castingContent li {
  font-family: latoLight;
  font-weight: 400;
}
.fabri-block {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fabri-block .castingContent {
  margin-top: 18px;
  color: #ffffff;
  font-family: latoLight;
}
/* Precision Machining */
.machining-page .bannerText h3 {
  font-size: 36px;
  margin-top: -5px;
}
.mach_banner_text1 {
  font-size: 30px;
}
.mach_banner_text2 {
  font-size: 48px;
  font-family: BannerlatoRegular;
}
.machining-page-d1 .bannerText h3 {
  font-size: 32px;
  margin-top: -65px;
}
.fabrication-page .bannerText h3 {
  font-size: 46px;
}
.navigationTabs .bannerBox {
  background: #ffffff;
  border-radius: 12px;
  width: 200px;
  height: 200px;
  position: absolute;
  box-shadow: 1px 4px 10px #ccc;
  bottom: 50px;
  margin-bottom: 15px;
}
.navigationTabs_d1 {
  display: flex !important;
  margin-top: 10px;
}
.navigationTabs-d2 {
  display: flex !important;
  position: absolute;
  margin-left: 8rem;
}
.pm_img {
  width: 35%;
  margin: auto;
}
.quality_img-d2 {
  width: 75%;
  margin: auto;
  height: 100%;
}

.navigationTabs_d1 .bannerBox_d1 {
  display: flex;
  background: #ffffff;
  border-radius: 5px;
  width: 280px;
  height: 100px;
  margin: 15px;
  padding: 12px;
  /* position: absolute; */
  box-shadow: 1px 4px 10px #ccc;
  bottom: 50px;
  align-items: center;
}
.navigationTabs-d2 .bannerBox_d2 {
  background: #ffffff;
  border-radius: 12px;
  width: 200px;
  height: 200px;
  margin: 24px !important;
  position: relative;
  box-shadow: 1px 4px 10px #ccc;
  bottom: 100px;
  align-items: center;
}
.navigationTabs_d1 .bannerBox_d1 span {
  font-family: "latoBold";
  color: #00aeef;
  font-size: 24px;
  padding: 3px 10px 0px 15px;
}
.navigationTabs-d2 .bannerBox_d2 span {
  display: flex;
  justify-content: center;
  text-align: center;
  font-family: "latoBold";
  color: #00aeef;
  font-size: 24px;
  padding: 3px 10px 0px 15px;
  margin-top: 15px;
}
.navigationTabs_d1 .bannerBox_d1 span a {
  color: #00aeef;
  text-decoration: none;
}
.navigationTabs-d2 .bannerBox_d2 span a {
  color: #00aeef;
  text-decoration: none;
}
.inventory_head {
  font-family: "Google Sans", Roboto;
}
.machImg {
  display: block;
  width: 140px;
  margin: auto;
  margin-top: 20px;
}
.machImg-d1 {
  display: block;
  width: 80px;
  margin-left: 10px;
  margin-bottom: 2px;
}
.machImg1-d1 {
  display: block;
  width: 60px;
  margin-left: 10px;
}
.machImg-d2 {
  display: block;
  width: 45%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 2px;
}
.disabled {
  /* opacity: 0.3; */
  filter: grayscale(100%);
}
.disabled:hover {
  /* opacity: 0.3; */
  filter: grayscale(0%);
  transform: scale(1.1);
  transition: transform 0.7s ease;
}
/* .disabled_hov:hover{
  filter: grayscale(0%)!important;
  color: #00AEEF!important;
} */
/* .disabled2 {
  filter: grayscale(100%);
}
.disabled1{
  filter: grayscale(100%);
}
.disabled2:hover {
  filter: grayscale(0%);
  transition: transform 0.7s ease;
}
.disabled1:hover {
  filter: grayscale(100%);
  transition: transform 0.7s ease;
}
.disabled:hover{
  transform: scale(1.1);
} */
.machining-page .service-block {
  margin-top: 100px;
  background-color: #fff;
}

.quality_img_d1 {
  width: 80%;
  height: 90%;
  margin-left: auto;
}
.machining-page-d1 .service-block {
  margin-top: 0px;
  background-color: #fff;
}
.machining-page-d2 .service-block {
  margin-top: 135px !important;
  background-color: #fff;
}
.machining-page .sub-heading {
  font-size: 42px;
  margin-top: -15px;
}
.machining-page .quality-sub-heading {
  font-size: 42px;
  font-family: "Google Sans", Roboto;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.75px;
  margin-top: -15px;
}
.precisionGallery {
  margin-bottom: 50px;
}
.precisionGallery .imgSlide img {
  border: 1px solid #000000;
  padding: 10px 20px;
  height: 100px;
}
.galleryContainer {
  background: #b7e8fa;
}
.precisionGallery .viewbox {
  display: grid;
  grid-template-columns: 0.6fr 1fr;
  padding: 0 10px;
  margin-bottom: 10px;
}
.precisionGallery .showImg img {
  width: 100%;
}
.precisionGallery .showImg,
.precisionGallery .showTable,
.coreTable {
  display: flex;
  align-items: center;
  justify-content: center;
}
.precisionGallery .showTable,
.coreTable {
  margin: 30px 0;
}
.precisionGallery table {
  width: 70%;
  font-size: 12px;
  background: #ffffff;
}
.precisionGallery .table td,
.table th {
  padding: 5px !important;
  border-color: #cffff9;
}
.precisionGallery table tr th {
  background: #71d9ff;
  text-align: center;
  margin: 0;
  border-color: #71d9fa;
  text-align: center;
}
/* About us */
.abt_Testimonial .testimonial-with-quotes blockquote:before {
  display: block !important;
  left: 0px;
  top: -30px;
  content: "\201C";
  font-size: 80px;
  font-style: normal;
  line-height: 1;
  color: #777777;
  position: absolute;
}
.abt_Testimonial .testimonial-with-quotes blockquote:after {
  display: block !important;
  right: 310px;
  font-size: 80px;
  font-style: normal;
  line-height: 1.4;
  position: absolute;
  bottom: -0.5em;
  color: #777777;
  content: "\201D";
}
.abt_Testimonial .testimonial-carousel p {
  text-align: justify;
  color: #777777;
  margin-left: 50px;
  margin-top: 30px;
  font-family: Georgia, serif;
  font-size: 18px;
  line-height: 1.3;
}
.testimonial-author p{
  text-align: right;
  
}
.about_us-block .abt_company_text h2 {
  color: #00aeef;
  font-size: 42px;
  font-family: bannerlatoBold;
}
.about_us-block .abt_vision_text h4 {
  line-height: 36px;
  font-family: "Google Sans", Roboto;
}
.about_us-block .abt_testimonial_text {
  font-family: "Google Sans", Roboto;
  margin-top: 75px;
}
.about_us-block .abt_vision_text p {
  line-height: 28px;
}
.abt_company_text span {
  color: #000000;
}
.about_us-block .clr {
  color: #00aeef;
}
.about_us-block .abt_cmp {
  font-family: "Google Sans", Roboto;
  font-size: 18px;
  margin-bottom: 10px;
}
.about_us-block .abt_vsn {
  font-family: bannerlatoBold;
  font-size: 38px;
  margin-bottom: 20px;
}
.abt_Company {
  background-color: #dcf0f8;
}
.abt_Vision,
.abt_Testimonial {
  background-color: #ffffff;
}
.abt_Mission {
  background-color: #eefaff;
}
.abt_Milestone {
  background-color: #f3f3f3;
}
.company_section {
  margin-top: 60px;
}
.abtcmpny_img {
  width: 80%;
  margin-left: auto;
  margin-bottom: 20px;
}
.abtvision_img {
  width: 60%;
  margin-left: auto;
  margin-bottom: 20px;
}
.abtmilestone_img1 {
  width: 90%;
  margin-top: 40px;
  margin-bottom: 20px;
}
.abtmilestone_img {
  width: 80%;
  margin-left: auto;
  margin-bottom: 20px;
}
.abttestimonial_img {
  width: 100%;
  margin-left: auto;
  margin-bottom: 20px;
}
.abttestimonial_img1 {
  width: 80%;
  margin-top: 30px;
  margin-bottom: 20px;
}
.abtmission_img {
  width: 75%;
  margin-bottom: 20px;
}

/* End */
/* loading */
/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../img/icons/load.gif) center no-repeat #fff;
}
/* end_loading */

.showTable tr:nth-child(odd) {
  background-color: #eefaff;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: transparent !important;
}
/* #precisionGalleryControls .carousel-inner {
  height: 240px;
} */
#precisionGalleryControls .carousel-control-prev-icon {
  width: 20px;
  position: absolute;
  left: -13px;
}
#precisionGalleryControls .carousel-control-next-icon {
  width: 20px;
  position: absolute;
  right: -13px;
}

.qa_text {
  list-style: none;
  letter-spacing: 0.18px;
  color: #000000;
  font-family: latoLight;
  font-size: 14px;
  line-height: 26px;
  margin-top: -10px;
}
.qa_text li::before {
  content: "•";
  color: #00aeef;
  display: inline-block;
  width: 1em;
  font-size: 20px;
  font-weight: bold;
  margin-left: -1em;
}
.preci_top {
  margin-top: -45px;
}
.core_text li::before {
  content: "•";
  color: #00aeef;
  display: inline-block;
  width: 1em;
  font-size: 20px;
  font-weight: bold;
  margin-left: -1em;
}
.core_text {
  list-style: none;
  letter-spacing: 0.18px;
  color: #000000;
  font-family: latoLight;
  font-size: 14px;
  line-height: 26px;
}
.core_table .table-light td {
  border-color: #00aeef;
}
.coreTableWrapper {
  display: grid;
  grid-template-columns: 1fr;
  transition: all 2s linear;
}
.coreTableWrapper:hover .core_head {
  background: #eaeaea;
}
.coreTableWrapper:hover .core_body {
  background: #ffffff;
}
.core_table table {
  padding: 30px;
  font-size: 12px;
  margin-bottom: 0;
}
.core_table table tr,
.core_table table td {
  border-color: #0172e8 !important;
}
.core_section {
  background-color: #f3f3f3;
  padding: 30px 0px 10px;
  margin-bottom: 15px;
}
.core_section .custom-container {
  padding: 0;
}
.core_head {
  text-align: center;
  background-color: #beecff;
  padding: 20px 0px;
  font-family: latoRegular;
  font-size: 20px;
}
.core_head h2 {
  margin-bottom: 0;
  font-size: 22px;
}
.core_body {
  padding: 15px;
  background-color: #eefaff;
}
.casting-slider {
  position: relative;
}
.service-menu .drop-items ul {
  margin-top: -10px !important;
  margin-bottom: 5px;
}

.service-menu .drop-items ul li {
  line-height: 20px;
  height: 20px;
}
/** Bellow tablet **/
@media only screen and (max-width: 760px) {
  /* QA */
  .quality_QA-block {
    background: #eefaff 0% 0% no-repeat padding-box;
    padding: 40px 0 30px 0;
    margin-top: 10px;
  }
  .qa_text {
    list-style: none;
    letter-spacing: 0.18px;
    color: #000000;
    font-family: latoLight;
    font-size: 12px;
    line-height: 24px;
    margin-top: 10px;
  }
  .qa_text li::before {
    content: "•";
    color: #00aeef;
    display: inline-block;
    width: 1em;
    font-weight: bold;
    margin-left: -1em;
  }
  .qualityimg {
    width: 90% !important;
    margin: auto;
  }
  .quality_img {
    width: 90% !important;
    margin: auto;
    margin-bottom: 5px;
  }
  /* Precision Machining */
  .machining-page .bannerText h3 {
    font-size: 9px;
  }
  .machining-page .sub-heading {
    font-size: 24px;
    margin-top: -58px;
  }
  .machining-page .quality-sub-heading {
    font-size: 24px;
    margin-top: -20px;
  }
  .navigationTabs .bannerBox {
    background: #ffffff;
    /* top: 100px; */
    border-radius: 12px;
    width: 55px;
    height: 55px;
    position: absolute;
    box-shadow: 1px 4px 10px #ccc;
    bottom: -36px;
  }

  .machText {
    font-size: 8px;
    text-align: center;
    margin-top: 6px;
  }

  .machImg {
    display: block;
    width: 30px;
    margin: auto;
    margin-top: 10px;
  }

  .mach_img {
    margin-bottom: 5px;
    width: 80% !important;
  }

  .casting-slider {
    position: relative;
  }

  .mainText span {
    color: #000000;
    font-family: BannerlatoRegular;
    font-size: 9px;
  }

  .mainText h3 {
    font-family: BannerlatoBold;
    font-size: 12px;
    color: #ffffff;
  }
  .mainText h2 {
    font-family: BannerlatoBold;
    font-size: 16px;
    color: #ffffff;
    margin-top: -9px;
  }

  .productGalleryMobile {
    display: block;
  }
  #product-gallery {
    display: none;
  }
  .show-mobile {
    display: block;
  }
  .hide-mobile {
    display: none;
  }
  .service button.btn-default {
    display: none;
  }
  .service h2 br {
    display: none;
  }
  /* .service p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
  } */
  #investment-info .custom-container {
    width: 100%;
  }
  #investment-info .investmentMainBox {
    gap: 20px;
  }
  #investment-info .investmentMainBox {
    grid-template-columns: auto;
  }
  .investmentLeft {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .investmentLeft img {
    width: 50% !important;
  }
  .photoSection {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 10px;
  }
  .photoSection .column {
    display: flex;
    flex-direction: column;
  }
  .investmentRight {
    padding: 0 !important;
    gap: 10px;
  }
  #investment-info .investmentMainBox .castingServices {
    grid-template-columns: 1px 1px auto;
    gap: 5px;
  }
  .castingServices {
    /* border: 1px solid #cccccc; */
    padding: 7px;
    position: relative;
  }
  .castingContent p {
    font-size: 12px;
    margin-right: 28px;
}

  .castingContent li {
    font-size: 12px;
  }

  .castingServices .castingIcon {
    justify-content: center;
  }
  .castingServices .castingIcon img {
    width: 41px;
    justify-self: center;
    position: absolute;
    right: 3px;
    top: 3px;
  }
  .industries-infographic {
    width: 100%;
    padding: 20px 0;
    margin-right: 0;
  }
  #product-gallery {
    padding: 20px 0;
  }
  .newsArrows {
    margin-top: -125px;
  }
  .news-block {
    padding: 150px 0 10px;
  }
  .news1 {
    height: auto;
    width: 350px;
  }
  .news1 h2 {
    font-size: 20px;
    color: #ffffff;
    font-family: latoBold;
  }
  .news1 p {
    font-size: 10px;
    color: #ffffff;
    font-family: latoRegular;
    width: 50ch;
  }
  .bannerText h3,
  .castingIntro h1 {
    font-size: 16px;
  }
  .castingIntro p {
    font-size: 10px;
  }
  .bannerText p {
    font-size: 8px;
  }
  .intro-img {
    margin: 0;
  }
  .bannerText {
    width: 60%;
    top: 24px;
  }
  .bannerText button {
    margin-top: 0;
    padding: 2px 14px;
    font-family: latoLight;
    font-size: 12px;
  }
  .leftBox,
  .rightBox {
    row-gap: 15px;
  }
  .leftBox div.castingService,
  .rightBox div.castingService {
    padding: 10px 30px;
  }
  #requestBlock {
    padding: 20px;
  }
  #castings-service {
    margin-top: 20px;
  }
  .castingService.three {
    margin-top: 30px;
  }
  .photoSection img {
    margin: 5px 0;
  }
  .service-block,
  .industries-block,
  .mactech-block,
  .facilities-block,
  .world-block {
    padding: 0;
  }
  h3.sub-heading {
    font-size: 24px;
  }
  h2.home-heading {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .home-news-block h2.home-heading {
    margin-top: 0;
  }
  .picture img {
    width: 100%;
  }
  .service {
    padding: 7px;
    margin-bottom: 5px;
  }
  .service-top {
    margin-bottom: 2px;
    height: 50px;
    align-items: center;
    justify-content: flex-start;
  }
  .rail-service .service-top {
    margin-top: 15px;
  }
  .service-top h2.centrifugalMobileHeading {
    margin-left: 15px;
  }
  .core_section .custom-container,
  .service-block .custom-container,
  .mactech-block .custom-container,
  .facilities-block .custom-container,
  .world-block .custom-container,
  .home-news-block .custom-container,
  #investment-info .custom-container,
  .casting-page .custom-container,
  .industries-block .custom-container {
    width: 100%;
  }
  .quality_QA-block .custom-container {
    width: 100% !important;
  }
  .why-mactech-right h2.home-heading {
    margin-top: 0;
  }
  .investment img {
    width: 20px !important;
  }
  .centrifugal img {
    width: 27px !important;
  }
  .service .service-top img {
    width: 36px !important;
  }

  .rail-service .service-top img {
    width: 75px !important;
  }

  .service h2 {
    font-size: 12px;
    margin-top: 0 !important;
  }
  .intro-img {
    width: 100%;
  }
  .rail-intro-img {
    width: 100%;
  }
  .lspace{
    line-height: 15px;
    padding: 0 0px 0 0;
  }
  .service p {
    font-size: 12px;
    margin: 0;
    line-height: 18px;
  }
  #facelitiesAccurance {
    margin-top: 50px;
  }
  #facelitiesAccurance .carousel-inner {
    height: auto;
  }
  .request-quote {
    margin: 0;
    padding: 10px;
  }
  .lspace{
    line-height: 15px!important;
  }
  
  .request-quote h2 {
    font-size: 28px;
  }
  .request-block {
    flex-direction: column;
    padding: 10px;
  }
  .request-block-left,
  .request-block-right {
    padding: 0 10px;
  }
  .v-none {
    display: none;
  }
  .job {
    display: block !important;
  }
  .job-list {
    margin-bottom: 30px;
  }
  /* Carousel Caption :: START */
  .carousel-caption.slider-1,
  .carousel-caption.slider-2,
  .carousel-caption.slider-3 {
    width: 50%;
    left: 5%;
    top: -180px !important;
    right: unset;
    text-align: left;
    line-height: 3rem !important;
    position: relative;
    transform: translateY(-50%);
  }
  .carousel-caption {
    left: 25%;
    top: 10%;
    right: unset;
    text-align: left;
    line-height: 10px;
  }
  .carousel-inner {
    overflow: visible;
  }
  .carousel-caption.slider-1 span.line-1 {
    font-size: 16px !important;
    color: #000000;
    font-family: latoRegular !important;
    line-height: 10px;
  }
  .carousel-caption.slider-1 span.line-2 {
    font-size: 12px !important;
    color: #ffffff;
    font-family: latoBold !important;
    line-height: 30px !important;
  }
  .carousel-caption.slider-1 span.line-3 {
    font-size: 16px !important;
    color: #000000;
    font-family: latoRegular !important;
    line-height: 30px !important;
  }
  .carousel-caption.slider-1 span.line-4 {
    font-size: 24px !important;
    color: #ffffff;
    font-family: latoBold !important;
    line-height: 30px !important;
  }
  .carousel-caption.slider-2 span.line-1 {
    font-size: 24px !important;
    color: #ffffff;
    font-family: latoRegular !important;
    line-height: 10px;
  }
  .carousel-caption.slider-2 p {
    font-size: 16px !important;
    color: #ffffff;
    width: 30ch;
    font-family: latoRegular !important;
    line-height: 10px;
  }
  .carousel-caption.slider-3 span.line-1 {
    font-size: 24px !important;
    color: #ffffff;
    font-family: latoRegular !important;
    line-height: 10px;
  }
  .carousel-caption.slider-3 p {
    font-size: 16px !important;
    color: #ffffff;
    width: 30ch;
    font-family: latoRegular !important;
    line-height: 10px;
  }
  /* Carousel Caption :: END */
  .home-page .facilities,
  .about-facilities-block .facilities {
    grid-template-columns: 1fr 1fr;
  }
  .vision-box {
    padding: 20px !important;
  }
  .vision-block {
    padding: 70px 0;
  }
  .about-block {
    padding: 70px 0;
  }
  .about-facilities-block .indiaMap {
    background: unset;
  }
  .dimond .in {
    padding: 70px 0;
  }
  .about-facilities-block {
    padding: 70px 0;
  }
  section.career-text-block {
    padding: 70px 0;
  }
  section.carousel-section {
    padding: 0 0 70px 0;
  }
  body.quality-page section.carousel-section {
    padding: 70px 0 70px 0;
  }
  .certrificate .xs-c {
    flex-direction: column;
    align-items: center;
  }
  .full-row {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .about-banner-block .banner-content h2,
  .about-banner-block .banner-content p {
    margin-bottom: 20px;
  }
  .quality-grid .text-grid,
  .service-grid-2 .text-grid {
    padding: 20px !important;
  }
  body.service-page #accordion .card-body {
    padding: 10px !important;
  }
  body.service-page .accordion ul.style-2 li {
    font-size: 16px !important;
    line-height: 30px;
  }

  header {
    width: 100%;
  }
  .header-nav {
    display: flex;
    justify-content: space-around;
  }
  header .btn-style-1 {
    width: 100px;
    height: 23px;
    font-size: 8px;
  }
  .navbar {
    display: grid;
    grid-template-columns: auto auto;
    width: 100%;
    padding: 0 15px !important;
  }
  .bannerText p {
    margin-bottom: 0;
  }
  .header-nav img.logo {
    display: none !important;
  }
  .header-nav img.only-mobile {
    display: block !important;
    width: 150px !important;
  }
  .slider-content .carousel-item {
    height: 193px;
    min-height: unset;
  }
  .slider-content .carousel-item img {
    height: 100%;
    object-fit: cover;
  }

  /* #mactechCarousel {
    margin-bottom: 50px;
  } */
  p.intro-text {
    font-size: 12px !important;
    /*padding-bottom: 0 !important;*/
    line-height: 20px !important;
  }
  p.other-text,
  p.map-para {
    font-size: 12px;
    margin-bottom: 0;
    padding-right: 0 !important;
    line-height: 20px;
  }
  .request-block-left,
  .request-block-right {
    flex-basis: 300px;
    padding: 0 20px;
  }
  .industry-grid {
    display: block;
  }
  .mactech-grid {
    display: block;
  }
  .mactech-grid .picture img {
    width: 100%;
  }
  .facilities-content {
    display: block;
  }
  .facilities {
    display: block;
  }
  .services {
    display: block;
  }
  .footer-block {
    display: block;
  }

  .footer-block ul.style-1.industry-continue {
    margin-top: 0;
  }
  .service-menu {
    width: auto;
  }

  #mactechCarousel .carousel-item img {
    width: 50%;
    margin: 0 auto;
    float: unset;
  }
  .carousel-caption {
    left: 25%;
    top: 80%;
    right: unset;
    text-align: left;
    line-height: 2rem !important;
  }
  .carousel-inner {
    overflow: visible;
  }
  .carousel-caption.slider-1 span.line-1 {
    font-size: 18px;
    color: #000000;
    font-family: latoRegular !important;
  }
  .carousel-caption.slider-1 span.line-2 {
    font-size: 24px;
    color: #ffffff;
    font-family: latoBold !important;
  }
  .carousel-caption.slider-1 span.line-3 {
    font-size: 18px;
    color: #000000;
    font-family: latoRegular !important;
  }
  .carousel-caption.slider-1 span.line-4 {
    font-size: 36px;
    color: #ffffff;
    font-family: latoBold !important;
  }
  .indiaMap,
  .worldMap {
    height: unset;
    background: none;
  }
  .home-page .facilities-content {
    display: grid;
    grid-gap: 6px;
    grid-template-columns: 1fr;
    margin: 30px 0;
  }
  .worldMap {
    padding-top: 20px;
  }
  .why-mactech-right .card:first-child {
    margin-top: 20px !important;
  }
  .home-page .contact-content {
    grid-template-columns: 1fr;
    grid-gap: 6px;
    margin: 30px 0;
  }
  .home-page .contact {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .home-page .contact .picture-content p.text-muted {
    font-size: 10px;
  }
  /* .carousel-caption {
    display: none !important;
  } */
  .carousel-item.slider-bg img {
    height: unset;
  }
  /*About Page*/

  section.about-india-block {
    position: sticky !important;
    position: -webkit-sticky;
    top: 50px;
  }
  .request-block {
    flex-direction: column;
  }
  body.about-page .contact {
    grid-template-columns: auto;
  }
  .indiaMap-about {
    background: unset;
  }
  .worldMap-about {
    display: none;
  }
  .testimonial-grid {
    display: block;
  }
  .testimonial {
    margin-bottom: 20px;
  }
  .testimonial-block {
    padding: 50px 0;
  }
  .vision-box {
    display: block;
  }
  .food-grid {
    display: block;
    margin-bottom: 50px;
  }
  .food-box {
    display: block;
  }
  .food-flip {
    display: block;
  }
  .post-processing {
    display: block;
  }
  .service-grid {
    display: flex;
  }
  .service-grid .text-grid {
    padding: 15px;
  }
  .service-img-container {
    height: 100px;
  }

  .about-banner-block img {
    height: auto;
  }
  .about-banner-block .banner-content span {
    font-size: 12px;
  }
  .about-banner-block .banner-content p {
    font-size: 17px;
    line-height: 1rem;
  }
  .about-banner-block .banner-content p strong {
    font-family: latoBlack !important;
    font-weight: 900;
  }
  .vision-image img {
    width: 180px;
  }
  .vision-content h2 {
    font-size: 22px;
  }
  .vision-content p {
    font-size: 16px;
  }
  .testimonial {
    padding: 10px;
  }
  .testimonial p {
    font-size: 16px;
  }
  .footer-block .logo {
    margin-bottom: 20px;
  }
  .footer-block div {
    margin-top: 7px;
  }
  .footer-block-2 {
    display: block;
  }
  .footer-col-5 {
    margin-top: 0 !important;
  }
  .post-processing .picture-content {
    padding: 15px;
  }

  body.service-page h1 {
    font-size: 36px;
  }
  body.service-page .shop-info p,
  body.service-page .casting-details p {
    font-size: 18px;
  }
  #accordion .card-header img.img-responsive {
    width: 25px;
  }
  body.service-page .accordion > .card > .card-header h2 button {
    font-size: 18px;
  }

  .serviceCarousel {
    margin-bottom: 50px;
  }
  .careers-grid {
    display: block;
  }
  .careers-grid .text-grid {
    padding: 20px;
  }
  .careers-page .about-banner-block p,
  .careers-page .about-banner-block a {
    margin-top: 5px !important;
  }
  .careers-page .about-banner-block .banner-content {
    top: 7%;
  }
  .quality-grid {
    display: block;
  }

  .quality-grid-2 {
    display: block;
    padding: 0px;
  }
  .quality-grid-2 .picture-content h3 {
    font-size: 16px;
  }
  .quality-grid-2 .picture-content {
    padding: 15px;
  }
  section.quality-block {
    margin-bottom: 60px;
  }
  section.certrificate {
    padding: 0px;
  }
  section.certrificate ul {
    margin-top: 20px;
  }
  .contact-us-div,
  .contact-div {
    display: block;
  }
  .contact-india {
    padding: 20px;
  }
  section.contact-grid {
    display: block;
  }
  .contact-section {
    padding: 15px;
    margin-bottom: 20px;
  }

  .contact-us {
    padding: 50px 20px;
  }
  section.contact-grid h3.heading {
    font-size: 22px;
  }

  .about-page .about-banner-block .banner-content h2 {
    margin-bottom: 10px !important;
  }
}
/**  tablet to Ipad Pro**/
@media (min-width: 600px) and (max-width: 1024px) {
  .slider-content .carousel-item {
    height: 500px;
    min-height: 500px;
  }
  .carousel-caption.slider-1,
  .carousel-caption.slider-2,
  .carousel-caption.slider-3 {
    left: 9%;
  }

  .home-page .facilities-content {
    display: grid;
    grid-gap: 6px;
    grid-template-columns: 1fr;
    margin-top: 0;
    width: 350px;
  }
  .home-page .facilities {
    display: grid;
    /* grid-template-columns: auto auto; */
    grid-template-columns: 200px auto;
  }
  .footer-block {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 50px 0;
  }
  .home-page .contact-content {
    grid-template-columns: 1fr 1fr;
    grid-gap: 6px;
  }
  .home-page .contact {
    display: grid;
    grid-template-columns: auto;
  }
  .home-page .indiaMap {
    height: unset;
  }
  /* .carousel-caption {
    display: none;
  } */
  .carousel-item.slider-bg img {
    height: unset;
  }
  .about-banner-block img {
    height: auto;
  }
}

@media (max-width: 480px) {
  .request-block .form-group {
    margin-bottom: 0;
  }
  .request-block textarea {
    margin-top: 10px;
  }
  .about-banner-block .banner-content p {
    margin: 2px 0 !important;
  }
  .service-banner,
  .casting-details,
  section.serviceCarousel,
  .food-grid {
    padding: 50px 0 !important;
  }
  body.service-page .accordion > .card > .card-header h2 button {
    padding: 5px 0 !important;
  }
  #accordion .card-header img.img-responsive {
    margin-right: 5px;
  }
  .milestoneChild {
    width: 16ch;
    padding: 0px 15px;
  }
  .carousel-caption.slider-1,
  .carousel-caption.slider-2,
  .carousel-caption.slider-3 {
    top: -94px !important;
  }
}
@media (min-width: 490px) and (max-width: 800px) {
  .milestoneChild {
    width: 30ch;
    padding: 0 30px;
  }
  .slider-content .carousel-item {
    height: 400px;
    min-height: 400px;
  }
  .carousel-caption.slider-1,
  .carousel-caption.slider-2,
  .carousel-caption.slider-3 {
    left: 9%;
  }
}
/** Timeline :: START **/
.story-timeline {
  position: relative;
  padding-top: calc(97.14286px + 11.93277vw);
}
@media (min-width: 1700px) {
  .about-page
    .page-content
    .our-story-section
    .section-wrapper
    .story-timeline {
    padding-top: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .about-page
    .page-content
    .our-story-section
    .section-wrapper
    .story-timeline {
    margin-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .about-page
    .page-content
    .our-story-section
    .section-wrapper
    .story-timeline
    .empty-column {
    display: none;
  }
}
.about-page
  .page-content
  .our-story-section
  .section-wrapper
  .story-timeline
  .timeline-line {
  position: absolute;
  left: 50%;
  top: 0;
  /* background: url(/public/ui/timeline-dot.svg); */
  background-size: 1px 10px;
  background-repeat: repeat-y;
  background-position: 3px;
  width: 8px;
  height: 100%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
/* @media only screen and (max-width: 767px) { */
/* .about-page
    .page-content
    .our-story-section
    .section-wrapper
    .story-timeline
    .timeline-line {
    left: 0;
    -webkit-transform: none;
    transform: none;
  }
}*/
.about-page
  .page-content
  .our-story-section
  .section-wrapper
  .story-timeline
  .timeline-line
  .point-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.about-page
  .page-content
  .our-story-section
  .section-wrapper
  .story-timeline
  .timeline-line
  .point-wrapper
  .point {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #272d3d;
}
.about-page
  .page-content
  .our-story-section
  .section-wrapper
  .story-timeline
  .timeline-line
  .indicator {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -43px;
  font-family: fkg-regular;
  color: #fff;
  line-height: 1;
  letter-spacing: 0;
  background-color: #272d3d;
  width: 86px;
  height: 36px;
  border-radius: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  will-change: transform;
}
/* @media only screen and (min-width: 1701px) {
  .about-page
    .page-content
    .our-story-section
    .section-wrapper
    .story-timeline
    .timeline-line
    .indicator {
    font-size: 15.4px;
  }
}
@media only screen and (max-width: 1700px) {
  .about-page
    .page-content
    .our-story-section
    .section-wrapper
    .story-timeline
    .timeline-line
    .indicator {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .about-page
    .page-content
    .our-story-section
    .section-wrapper
    .story-timeline
    .timeline-line
    .indicator {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 12px;
    margin-left: -20px;
    opacity: 0;
    visibility: hidden;
  }
} */
.about-page
  .page-content
  .our-story-section
  .section-wrapper
  .story-timeline
  .timeline-line
  .indicator
  .switcher-big {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #272d3d;
  z-index: -1;
  border-radius: 18px;
  will-change: transform;
}

@media only screen and (max-width: 767px) {
  .about-page
    .page-content
    .our-story-section
    .section-wrapper
    .story-timeline
    .timeline-line
    .indicator
    .switcher-big {
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }
}
.about-page
  .page-content
  .our-story-section
  .section-wrapper
  .story-timeline
  .timeline-line
  .indicator
  .switcher-wrapper {
  display: inline-block;
  overflow: hidden;
}
.about-page
  .page-content
  .our-story-section
  .section-wrapper
  .story-timeline
  .timeline-line
  .indicator
  .switcher-wrapper
  .switcher {
  display: block;
}
.about-page
  .page-content
  .our-story-section
  .section-wrapper
  .story-timeline
  .timeline-line
  .offset {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
}
.about-page
  .page-content
  .our-story-section
  .section-wrapper
  .story-timeline
  .milestone-wrapper {
  position: relative;
  margin-bottom: calc(40px + 3.52941vw);
}
@media (min-width: 1700px) {
  .about-page
    .page-content
    .our-story-section
    .section-wrapper
    .story-timeline
    .milestone-wrapper {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  #investment-info {
    padding: 20px 0;
  }
  .cast-intro-img {
    width: 100%;
  }
  table.alloyService {
    font-size: 12px;
    line-height: 18px;
    /* margin-left: 5px; */
    /* margin-right: 28px; */
  }
  .castingService.five h2 {
    margin-left: 5px;
  }
  .castingService.five .five-img {
    width: 17px;
  }
  .castingService ol {
    font-size: 14px;
    margin-top: 10px;
  }
  .castingService h2 {
    font-size: 20px;
  }
  .leftBox div.castingService img.serviceIcon,
  .rightBox div.castingService img.serviceIcon {
    width: 60px;
    position: absolute;
    right: 2%;
  }
  .about-page
    .page-content
    .our-story-section
    .section-wrapper
    .story-timeline
    .milestone-wrapper {
    margin-bottom: calc(54.28571px + 5.63025vw);
  }
  .timeline-block {
    overflow: scroll;
    width: 360px;
    height: 244px;
  }
  .timeline-container {
    width: 900px;
  }
  .timeline li:before {
    font-size: 20px !important;
  }
  .timeline li:nth-child(even):after {
    top: 12px !important;
    margin-top: -10px;
    transform: translate(-50%, -100%);
    font-size: 12px;
  }
  .timeline li:nth-child(odd):after {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1700px) {
  .about-page
    .page-content
    .our-story-section
    .section-wrapper
    .story-timeline
    .milestone-wrapper {
    margin-bottom: 150px;
  }
}
.about-page
  .page-content
  .our-story-section
  .section-wrapper
  .story-timeline
  .milestone-wrapper:nth-child(2)
  .main-subtitle
  .title-char {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.about-page
  .page-content
  .our-story-section
  .section-wrapper
  .story-timeline
  .milestone-wrapper:nth-child(2)
  .caption,
.about-page
  .page-content
  .our-story-section
  .section-wrapper
  .story-timeline
  .milestone-wrapper:nth-child(2)
  .paragraph {
  opacity: 1 !important;
  -webkit-transform: none !important;
  transform: none !important;
}
@media only screen and (max-width: 1365px) {
  .about-page
    .page-content
    .our-story-section
    .section-wrapper
    .story-timeline
    .milestone-wrapper
    .row {
    padding-left: calc(20px + 0.58824vw);
  }
}
@media only screen and (max-width: 1365px) and (min-width: 1700px) {
  .about-page
    .page-content
    .our-story-section
    .section-wrapper
    .story-timeline
    .milestone-wrapper
    .row {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 1080px) {
  .about-page
    .page-content
    .our-story-section
    .section-wrapper
    .story-timeline
    .milestone-wrapper
    .row {
    padding-left: calc(28.57143px + 1.84874vw);
  }
}
@media only screen and (max-width: 1080px) and (min-width: 1700px) {
  .about-page
    .page-content
    .our-story-section
    .section-wrapper
    .story-timeline
    .milestone-wrapper
    .row {
    padding-left: 60px;
  }
}
.about-page
  .page-content
  .our-story-section
  .section-wrapper
  .story-timeline
  .milestone-wrapper
  .main-subtitle
  .title-char {
  opacity: 0;
  -webkit-transform: translateY(20px) rotate(-10deg);
  transform: translateY(20px) rotate(-10deg);
  will-change: transform, opacity;
}
.about-page
  .page-content
  .our-story-section
  .section-wrapper
  .story-timeline
  .milestone-wrapper
  .caption {
  display: block;
  margin-bottom: 10px;
}
.about-page
  .page-content
  .our-story-section
  .section-wrapper
  .story-timeline
  .milestone-wrapper
  .caption
  .year-mobile {
  display: none;
}
@media only screen and (max-width: 1080px) {
  .about-page
    .page-content
    .our-story-section
    .section-wrapper
    .story-timeline
    .milestone-wrapper
    .caption
    .year-mobile {
    display: inline-block;
  }
}
.about-page
  .page-content
  .our-story-section
  .section-wrapper
  .story-timeline
  .milestone-wrapper
  .paragraph {
  margin-top: calc(16.57143px + 0.08403vw);
}
@media (min-width: 1700px) {
  .about-page
    .page-content
    .our-story-section
    .section-wrapper
    .story-timeline
    .milestone-wrapper
    .paragraph {
    margin-top: 18px;
  }
}
.about-page .page-content .team-section {
  padding: calc(68.57143px + 7.73109vw) 0;
}

@media (min-width: 768px) {
  .news-block {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 150px 0 10px;
  }
  .service p {
    height: 170px;
  }
  .rail-service p {
    /* height: 97px; */
    height: 120px;
  }
  .service.last p {
    height: 120px;
  }
  .services .btn-default {
    margin-bottom: 0;
    margin-top: 12px;
  }

  .service button.btn-default {
    width: 115px;
  }
  #castings-service {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 130px;
    width: 100%;
    font-family: latoRegular;
    margin-top: 50px;
  }
  .photoSection {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    width: 100%;
  }
  .contact_callback {
    margin-top: 10px;
  }
  #callback {
    display: grid;
    grid-template-columns: 40% auto;
    column-gap: 100px;
  }
  body.casting-page #callback,
  body.machining-page #callback,
  body.fabrication-page #callback,
  body.rapid-page #callback,
  body.contact-page #callback,
  body.Career-page #callback {
    display: grid;
    grid-template-columns: 1fr 0.7fr;
    column-gap: 50px;
    align-items: center;
    justify-content: center;
    padding: 30px 120px;
    background: #b7e8fa;
  }
  body.casting-page .custom-container {
    max-width: 1366px;
  }
}
/* Mac Maximize */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  .castingService h2 {
    font-size: 24px;
  }
  .castingService ol {
    font-size: 14px;
    line-height: 24px;
  }
  .leftBox div.castingService,
  .rightBox div.castingService {
    padding: 20px 40px;
    row-gap: 7px;
  }
  .service h2 {
    font-size: 23px !important;
  }
  .rail-service h2 {
    font-size: 18px !important;
    margin-top: revert;
  }
  .navigationTabs .bannerBox {
    bottom: -80px;
  }
}
/* Fot Big Screen - DELL */
/* @media screen and (min-width: 1602px) {
  .navigationTabs .bannerBox {
    bottom: -50px;
  }
} */
/* Fot Big Screen - DELL */
@media screen and (min-width: 1720px) {
  .industries-infographic {
    width: 65%;
    margin-right: 120px;
  }
  .intro-img {
    width: 38%;
  }  
  .rail-intro-img {
    width: 75%;
  }
  .mactech-block .card-body {
    padding-top: unset;
    justify-content: center;
  }
  .footer-block-2 {
    gap: 80px;
  }
  .navigationTabs .bannerBox {
    /* top: 620px; */
    bottom: 95px;
  }
  .cast-intro-img {
    width: 64%;
    margin: auto;
  }
  .navigationTabs .bannerBox {
    bottom: -70px;
  }
}
/* Fot Tablet */
@media (min-width: 768px) and (max-width: 991px) {
  #mactechCarousel .slider-bg {
    background: url(../img/slider/1.png) no-repeat;
    background-size: 87% !important;
    background-position: 33% !important;
  }
  .services {
    grid-template-columns: 1fr 1fr;
  }
  .intro-img {
    width: 100%;
  }
  .rail-intro-img {
    width: 100%;
  }
  .industries-infographic {
    width: 100%;
  }
  .rail-footer-infographic{
    height: auto !important;
    width: 105% !important;
  }
  p.other-text{
    line-height: 20px!important;
  }
  .why-mactech-right .card .row {
    flex-direction: column;
  }
  .why-mactech-right .card .row .tablet {
    max-width: 100%;
  }
  .navbar-light .navbar-toggler {
    float: right;
  }
  .casting-slider {
    position: relative;
  }
  .bannerText {
    top: 5%;
  }
  .bannerText button {
    margin-top: 0;
  }
  .footer-block {
    display: block;
  }
  .footer-block-2 {
    grid-template-columns: auto auto;
  }
  #investment-info .investmentMainBox {
    grid-template-columns: auto;
  }
  #investment-info {
    padding: 20px 0;
  }
  .service p {
    height: 210px!important;
  }
  .rail-service p {
    /* height: 97px; */
    height: 140px !important;
  }
}

@media (min-width: 768px) and (max-width: 768px) {
  .rail-service p {
      height: 160px !important;
  }
}

.ind_blk_bgcolor{
  background-color: #f8f8f8;
}

.rail-service img{
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.btn_close {
    background-color: #0082b4;
    color: #ffffff;
    font-size: 12px;
    font-family: latoRegular;
    padding: 5px 25px;
    float: right;
    box-shadow: 2px 2px #ccc;
    box-shadow: 3px 3px 3px #ccc;
}

.link_secondary {
  color:#00AEEF;
  text-decoration: none !important;
}