/* Career Section */
.careerSection {
  position: relative;
  background-color: transparent;
  background-image: var(--career-bg, url("../images/kariyer/kariyer-main.webp"));
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
  min-height: 60vh;
  margin-bottom: 50px;
}
.careerSection:before {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.85);
}
.careerSection .container,
.careerSection .row,
.careerSection .col-12 {
  position: relative;
  z-index: 1;
}
.careerSection .redLine {
  display: inline-block;
  margin-bottom: 44px;
}
.careerSection .redLine::before {
  bottom: -12px;
}
@media (max-width: 991px) {
  .careerSection {
    background-position: center;
  }
}
* {
  margin: 0px;
  font-family: "Inter", sans-serif;
}
.transform {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.transition {
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
}
p,
p strong,
p a{
  font-size: 16px;
  line-height: 24px;
  color: #666;
  margin-bottom: 0;
  text-decoration: none;
}
.img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.my-fluid {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body {
  overflow-x: hidden;
}
html {
  scroll-behavior: auto;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Ubuntu", sans-serif;
}
.h1 {
  font-size: 42px;
  line-height: 48px;
}
.h2 {
  font-size: 32px;
  line-height: 38px;
}
.h3 {
  font-size: 22px;
  line-height: 28px;
}
.h4 {
  font-size: 18px;
}
.h5 {
  font-size: 16px;
}
.h6 {
  font-size: 14px;
}
.t-16 {
  font-size: 16px;
  line-height: 24px;
}
.t-14 {
  font-size: 14px;
  line-height: 22px;
}
.t-12 {
  font-size: 12px;
  line-height: 18px;
}

.innerImgBox{
  width: 100%;
  height:100%;
  min-height: 500px;
}

.innerImgBox img{
  width: 100%;
  height:100%;
  object-fit: cover;
}

.colorGrey{
  color: #666;  
}

.greyBg{
  background:#f2f2f2;
  min-height:80%;
  width: 100%;
}

.greyBg h2{
  font-weight: 700;
}

.greyBg img{
  width: 90px;
  height: 90px;
  min-width: 90px;
}

.redLine {
  position: relative;
}
.redLine::before {
  content: "";
  position: absolute;
  width: 100px;
  height: 3px;
  background: #A72B34;
  bottom: -25px;
  left: 0;
}
.redLineCenter {
  position: relative;
}
.redLineCenter::before {
  content: "";
  position: absolute;
  width: 100px;
  height: 3px;
  background: #A72B34;
  bottom: -15px;
  left: calc(50% - 50px);
}
.whiteButton {
  border: solid 1px #ffffff;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  display: inline-block;
}
.whiteButton:hover {
  background: #ffffff;
  color: #000000;
}
.darkButton {
  border: solid 1px #000000;
  color: #000000;
  text-decoration: none;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  display: inline-block;
}
.darkButton:hover {
  background: #000000;
  color: #ffffff;
}

.sticky{
  position: sticky;
  top:150px
}

header {
  z-index: 999;
  position: fixed;
  background: #000000;
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

.innerHeader{
  background: #000000;
  position: sticky;
  top: 0;
}

header .nav-menu > li {
  margin-left: 20px;
}
header .nav-menu > li .nav-dropdown {
  border: 0;
}
header .nav-menu > li > a {
  height: 70px;
  padding: 26px 15px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
}
header .nav-menu > li > a::before {
  content: "\e904";
  font-family: 'icomoon' !important;
  margin-right: 10px;
  font-size: 12px;
}
header .nav-menu > li:hover > a,
header .nav-menu > li.active > a,
header .nav-menu > li.focus > a {
  background: #000000;
  color: #ffffff;
}
header .megamenu-list > li > a:hover {
  background-color: #ffffff;
}
header .megamenu-list > li.megamenu-list-title > a {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}
header .headerLink {
  font-size: 14px;
  color: #ffffff;
  border: solid 1px #ffffff;
  text-decoration: none;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
}
header .headerLink:hover {
  background: #ffffff;
  color: #000000;
}
header .nav-dropdown {
  background: #000000;
  width: 400px;
  padding: 30px 30px 0px 30px;
}
header .nav-dropdown > li {
  width: 50%;
  clear: none;
}

header .nav-dropdown > li > a {
  background: transparent;
  border: 0;
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  padding: 0 0 30px 0;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
}
header .nav-dropdown > li > a::before {
  content: "\e904";
  font-family: 'icomoon' !important;
  margin-right: 10px;
  font-size: 12px;
}
header .nav-dropdown > li > a:hover,
header .nav-dropdown > li > a:focus {
  color: #A72B34;
}
header .nav-dropdown li:hover > a,
header .nav-dropdown li.focus > a {
  color: #A72B34;
}
header .megamenu-panel {
  background: rgb(30 30 30 / 95%);
  border: 0;
  width: 92%;
  left: 4%;
}

header .nav-menu > li:hover > a, 
header .nav-menu > li.active > a, 
header .nav-menu > li.focus > a {
  background: rgb(30 30 30 / 95%);
}

header .nav-dropdown{
    background: rgb(30 30 30 / 95%);
}

header .megamenu-list > li.megamenu-list-title > a{
  font-weight: 700;
  font-size: 14px;
}

.megamenu-list>li>a{
  font-weight: 300;
  font-size: 12px;
}

header .navigation-landscape .megamenu-list {
  border: 0;
}
header .navigation-landscape .megamenu-list > li > a {
  color: #ffffff;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
}
header .navigation-landscape .megamenu-list > li {
  padding-left: 22px;
}
header .navigation-landscape .megamenu-list > .megamenu-list-title{
  padding-left: 0;
}

header .navigation-landscape .megamenu-list > .megamenu-list-title > a::before {
  content: "\e904";
  font-family: 'icomoon' !important;
  margin-right: 10px;
  font-size: 12px;
}
header .navigation-landscape .megamenu-list > li > a:hover {
  background: transparent;
  color: #A72B34;
}
header .submenu-indicator {
  display: none;
}
header .language .dropdown .dropdown-toggle {
  background: transparent;
  border: 0;
  padding: 0;
  display: block;
  height: 20px;
}
header .language .dropdown .dropdown-toggle:focus-visible {
  outline: none;
}
header .language .dropdown .dropdown-toggle i {
  color: #ffffff;
  font-size: 20px;
}
header .language .dropdown .dropdown-toggle::after {
  display: none;
}
header .language .dropdown .dropdown-menu {
  background: #000000;
  min-width: unset;
  border-radius: 0;
  border: 0;
  inset: 15px auto auto -120% !important;
}
header .language .dropdown .dropdown-menu li a {
  color: #ffffff;
  font-size: 14px;
  padding: 7px 10px;
}
header .language .dropdown .dropdown-menu li a img {
  width: 20px;
  margin-right: 5px;
}
header .language .dropdown .dropdown-menu li a:focus,
header .language .dropdown .dropdown-menu li a:hover {
  background: #111111;
}
header .language .dropdown .dropdown-menu:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #000000;
  position: absolute;
  top: -7px;
  left: calc(50% - 7px);
}
.swiper-pagination {
  bottom: 30px !important;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #f2f2f2;
  border-radius: 0;
  opacity: 1;
  margin: 0px 6px !important;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background: #A72B34;
}
.news-swiper-pagination .swiper-pagination-bullet {
  background: #ccc;
}
.news-swiper-pagination .swiper-pagination-bullet-active {
  background: #A72B34;
}
.news .news-swiper-pagination {
  display: none !important;
}
.news .news-swiper-button-next,
.news .news-swiper-button-prev {
  border: solid 1px #000000;
  color: #000000;
  width: 60px;
  height: 60px;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  position: absolute;
  top: 35%;
  transform: translateY(-50%);
  z-index: 2;
}
.news .news-swiper-button-next:hover,
.news .news-swiper-button-prev:hover {
  border: solid 1px #000000;
  color: #000000;
}
.news .news-swiper-button-next:after,
.news .news-swiper-button-prev:after {
  font-size: 14px;
}
.news .news-swiper-button-prev { left: -60px; }
.news .news-swiper-button-next { right: -60px; }
@media (max-width: 991px) {
  .news .news-swiper-button-prev { left: 10px; }
  .news .news-swiper-button-next { right: 10px; }
  .news .news-swiper-button-next,
  .news .news-swiper-button-prev {
    display: none !important;
  }
  .news .news-swiper-pagination {
    display: block !important;
  }
}

.redButton {
  background: #A72B34;
  color: #ffffff;
  text-decoration: none;
  border: none;
  display: inline-flex;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
}
.redButton:hover {
  background: #000000;
  color: #ffffff;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 14px;
}
.swiper-button-next,
.swiper-button-prev {
  border: solid 1px #C2C2C2;
  color: #C2C2C2;
  width: 60px;
  height: 60px;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  border: solid 1px #ffffff;
  color: #ffffff;
}
.sliderBox {
  position: relative;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.sliderBox .swiper {
  height: 100%;
}
.sliderBox .swiper .swiper-slide video {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.sliderBox .scrollDown {
  position: absolute;
  z-index: 9;
  bottom: 40px;
  left: 50%;
  text-decoration: none;
  text-align: center;
}
.sliderBox .scrollDown span {
  width: 22px;
  height: 40px;
  border-radius: 15px;
  border: solid 1px #ffffff;
  display: block;
  position: relative;
}
.sliderBox .scrollDown span:before {
  content: "";
  width: 2px;
  height: 6px;
  background: #ffffff;
  position: absolute;
  left: calc(50% - 1px);
  top: 10px;
  border-radius: 1px;
  -webkit-animation: down 1s ease infinite;
  animation: down 1s ease infinite;
}
.sliderBox .scrollDown i {
  font-size: 14px;
  color: #ffffff;
  display: block;
  position: relative;
  -webkit-animation: down 1s ease infinite;
  animation: down 1s ease infinite;
}
.sliderBox .swiper .swiper-slide .hero-caption {
  position: absolute;
  left: 12vw;
  top: 50%;
  transform: translateY(-40%);
  z-index: 5;
}
.sliderBox .swiper .swiper-slide .hero-caption .hero-line {
  color: #ffffff;
  font-weight: 600;
  font-size: clamp(2rem, 5vw, 64px);
  line-height: 1.1;
}
@media (max-width: 991px) {
  .sliderBox .swiper .swiper-slide .hero-caption {
    left: 5vw;
    top: 50%;
    transform: translateY(-50%);
  }
  .sliderBox .swiper .swiper-slide .hero-caption .hero-line {
    font-size: clamp(1.5rem, 6vw, 40px);
  }
}
@-webkit-keyframes down {
  from {
    top: 10px;
  }
  50% {
    top: 15px;
  }
  to {
    top: 10px;
  }
}
@keyframes down {
  from {
    top: 10px;
  }
  50% {
    top: 15px;
  }
  to {
    top: 10px;
  }
}
.homeProductSlider {
  background: url("../images/home-product-slider-images.webp") #000000 no-repeat center bottom;
  background-size: cover;
  position: relative;
}
.homeProductSlider .swiper.productSlider .swiper-wrapper .swiper-slide .effectOne {
  opacity: 0;
}
.homeProductSlider .swiper.productSlider .swiper-wrapper .swiper-slide .effectTwo {
  opacity: 0;
}
.homeProductSlider .swiper.productSlider .swiper-wrapper .swiper-slide .imgBox {
  width: 100%;
  height: 400px;
}
.homeProductSlider .swiper.productSlider .swiper-wrapper .swiper-slide .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.homeProductSlider .swiper.productSlider .swiper-wrapper .swiper-slide-active .effectOne {
  animation: 1.2s zoomInLeft both;
  opacity: 1;
}
.homeProductSlider .swiper.productSlider .swiper-wrapper .swiper-slide-active .effectTwo {
  animation: 1.2s zoomInRight both;
  opacity: 1;
}
.homeAbout {
  background: url("../images/about-images.webp") #000000 no-repeat center center;
  background-size: cover;
  position: relative;
}
.homeAbout::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000;
  background: linear-gradient(90deg, #000000 1%, rgba(0, 0, 0, 0) 100%);
  top: 0;
  left: 0;
  z-index: 0;
}
.homeAbout ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  width: 100%;
}
.homeAbout ul li {
  color: #ffffff;
  font-size: 14px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #7c7c7c;
  display: flex;
  align-items: center;
}
.homeAbout ul li i {
  color: #A72B34;
  font-size: 20px;
}
.homeAbout ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.homeAbout .aboutIcon {
  position: absolute;
  height: 130%;
  right: 0;
  top: -20%;
  overflow: hidden;
}
.homeAbout .aboutIcon img.icon {
  width: 100%;
  height: 100%;
  position: relative;
  right: -10%;
}
.numberAnimationBox .animationNumberArea {
  position: relative;
  margin-bottom: 20px;
}
.numberAnimationBox .animationNumberArea .animationNumber {
  font-size: 60px;
  color: #2b2929;
  font-family: "Ubuntu", sans-serif;
}
.numberAnimationBox .animationNumberArea span {
  font-size: 60px;
  color: #2b2929;
  font-weight: bold;
  font-family: "Ubuntu", sans-serif;
}
.numberAnimationBox .animationNumberArea::before {
  content: "";
  position: absolute;
  width: 60px;
  height: 3px;
  background: #A72B34;
  bottom: 0px;
}
.numberAnimationBox p {
  font-size: 22px;
  line-height: 26px;
  color: #959494;
  font-family: "Ubuntu", sans-serif;
}
.ourApplicationAreas {
  position: relative;
}
.ourApplicationAreas .tab-pane {
  position: relative;
}
.ourApplicationAreas .tab-pane .textArea {
  position: relative;
  z-index: 1;
  min-height: 720px;
}
.ourApplicationAreas .tab-pane .textArea ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.ourApplicationAreas .tab-pane .textArea ul li {
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.ourApplicationAreas .tab-pane .textArea ul li i {
  color: #A72B34;
  font-size: 20px;
}
.ourApplicationAreas .tab-pane .videoBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.ourApplicationAreas .tab-pane .videoBox video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.ourApplicationAreas .tab-pane .videoBox::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: #000000;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, #000000 90%, #000000 100%);
  top: 0;
  left: 0;
}
.ourApplicationAreas .container {
  position: relative;
}
.ourApplicationAreas .container .nav {
  position: relative;
  bottom: 60px;
  z-index: 2;
  width: 100%;
}
.ourApplicationAreas .container .nav .nav-item {
  width: calc(100% / 3);
}
.ourApplicationAreas .container .nav .nav-item .nav-link {
  width: 100%;
  border-radius: 0;
  color: #999;
  height: 60px;
  font-size: 16px;
  text-align: left;
  border: 0;
}
.ourApplicationAreas .container .nav .nav-item:nth-child(1) .nav-link {
  background: #171614;
  opacity: 0.9;
}
.ourApplicationAreas .container .nav .nav-item:nth-child(2) .nav-link {
  background: #171614;
  opacity: 0.8;
}
.ourApplicationAreas .container .nav .nav-item:nth-child(3) .nav-link {
  background: #171614;
  opacity: 0.7;
}
.ourApplicationAreas .container .nav .nav-item .nav-link.active {
  border: 0;
  outline: none;
  opacity: 1;
  color: #ffffff;
}
.news .newsBox .newsLink {
  text-decoration: none;
  color: #000000;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
}
.news .newsBox .newsLink:hover {
  text-decoration: underline;
}
.bottomBox .careerBox {
  background: #850000;
  background: linear-gradient(90deg, #850000 0%, #110909 100%);
  position: relative;
  overflow: hidden;
}
.bottomBox .careerBox .careerText {
  position: relative;
  z-index: 1;
}
.bottomBox .careerBox:before {
  content: "";
  background: url("../images/career.webp") left bottom no-repeat;
  position: absolute;
  left: 0;
  bottom: 0;
  background-size: 40%;
  width: 100%;
  max-width: 700px;
  height: 100%;
}
.bottomBox .accordion .accordion-item {
  border-radius: 0;
  border: solid 2px #7f7f7f;
}
.bottomBox .accordion .accordion-item .accordion-button {
  background: transparent;
  color: #000000;
  box-shadow: none;
  font-size: 16px;
  padding-right: 50px;
}
.bottomBox .accordion .accordion-item .accordion-button::after {
  content: "";
  width: 2px;
  height: 20px;
  position: absolute;
  background: #000000;
  right: 29px;
  border-radius: 1px;
}
.bottomBox .accordion .accordion-item .accordion-button::before {
  content: "";
  width: 20px;
  height: 2px;
  position: absolute;
  background: #000000;
  right: 20px;
  border-radius: 1px;
}
.bottomBox .accordion .accordion-item .accordion-button:not(.collapsed)::after {
  display: none;
}
.bottomBox .accordion .accordion-item .accordion-button:focus {
  outline: none;
  box-shadow: none;
}
.bottomBox .accordion .accordion-body {
  font-size: 14px;
  color: #2c2a2a;
}
footer {
  background: #151515;
}
footer .footerLogo {
  max-width: 100px;
}
footer .footerInner {
  background: url("../images/footer-images.webp") no-repeat bottom center;
  background-size: cover;
}
footer .footerInner .footerMenu .footerTitle {
  pointer-events: none;
  border: 0px;
  background-color: transparent;
  padding: 0;
  margin-bottom: 0;
}
footer .footerInner .footerMenu .footerTitle:focus-visible {
  outline: none;
}
footer .footerInner .footerMenu .footerTitle .footerTitleInner {
  font-weight: 500;
  text-align: left;
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 40px;
  position: relative;
  display: block;
  font-family: "Ubuntu", sans-serif;
}
footer .footerInner .footerMenu .footerTitle .footerTitleInner::before {
  content: "";
  position: absolute;
  width: 80px;
  height: 3px;
  background: #A72B34;
  bottom: -20px;
}
footer .footerInner .footerMenu .collapse:not(.show) {
  display: block;
}
footer .footerInner .footerMenu ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
footer .footerInner .footerMenu ul li {
  margin-bottom: 15px;
  font-size: 14px;
  color: #ffffff;
}
footer .footerInner .footerMenu ul li strong {
  font-size: 14px;
  color: #ffffff;
  display: block;
}
footer .footerInner .footerMenu ul li a {
  font-size: 14px;
  color: #ffffff;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  display: inline-block;
  text-decoration: none;
}
footer .footerInner .footerMenu ul li a::before {
  content: "\e904";
  font-family: 'icomoon' !important;
  margin-right: 10px;
  font-size: 12px;
}
footer .footerInner .footerMenu ul li a:hover {
  padding-left: 5px;
  text-decoration: none;
  color: #A72B34;
}
footer .footerInner .footerContact .footerTitle {
  pointer-events: none;
  border: 0px;
  background-color: transparent;
  padding: 0;
  margin-bottom: 0;
}
footer .footerInner .footerContact .footerTitle:focus-visible {
  outline: none;
}
footer .footerInner .footerContact .footerTitle .footerTitleInner {
  font-weight: 500;
  text-align: left;
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 40px;
  position: relative;
  display: block;
  font-family: "Ubuntu", sans-serif;
}
footer .footerInner .footerContact .footerTitle .footerTitleInner::before {
  content: "";
  position: absolute;
  width: 80px;
  height: 3px;
  background: #A72B34;
  bottom: -20px;
}
footer .footerInner .footerContact ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
footer .footerInner .footerContact ul li {
  margin-bottom: 15px;
  font-size: 14px;
  color: #ffffff;
}
footer .footerInner .footerContact ul li strong {
  font-size: 14px;
  color: #ffffff;
  display: block;
}
footer .footerInner .footerContact ul li a {
  font-size: 14px;
  color: #ffffff;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  display: inline-block;
  text-decoration: none;
}
footer .footerInner .footerContact ul li a:hover {
  padding-left: 5px;
  text-decoration: none;
  color: #A72B34;
}
footer .footerInner .footerContact .newslatter p {
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
}
footer .footerInner .footerContact .newslatter .newslatterInner {
  border: solid 1px #7f7f7f;
  background: transparent;
}
footer .footerInner .footerContact .newslatter .newslatterInner input {
  background: transparent;
  border: 0px;
  padding: 0 15px;
  height: 50px;
  font-size: 12px;
  color: #ffffff;
  width: 100%;
}
footer .footerInner .footerContact .newslatter .newslatterInner input:focus {
  outline: none;
}
footer .footerInner .footerContact .newslatter .newslatterInner input::placeholder {
  color: #ffffff;
}
footer .footerInner .footerContact .newslatter .newslatterInner button {
  background: transparent;
  border: 0px;
  padding: 0px 15px;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  color: #ffffff;
  font-size: 20px;
}
footer .footerInner .footerContact .newslatter .newslatterInner button:hover {
  color: #A72B34;
}
footer .footerBottom {
  border-top: solid 1px #D9D9D9;
}
footer .footerBottom .copy {
  font-size: 12px;
  color: #A5A5A5;
}
footer .footerBottom .footerAltMenu {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
}
footer .footerBottom .footerAltMenu li a {
  font-size: 12px;
  color: #A5A5A5;
  text-decoration: underline;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
}
footer .footerBottom .footerAltMenu li a:hover {
  text-decoration: underline;
  color: #A72B34;
}
/* Hakkımızda */
.subBanner {
  height: 50vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.subBanner.urunSub {
  height: 120px;
}
.subBanner.urunSub.mobile-banner {
  height: 60vh;
}
.subBanner.desktop-banner {
  display: block ;
}
.subBanner.mobile-banner {
  display: none ;
}
.subBanner .saWrap .bTitle {
  position: relative;
  top: 15%;
}
.subBanner .saWrap .bTitle h1 {
  font-size: 55px;
  font-weight: 600;
}
.subBanner .saWrap .bTitle::after {
  content: "";
  position: absolute;
  width: 112px;
  height: 4px;
  background: #A72B34;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}
.saWrap .breadCrumb {
  position: relative;
  top: 15%;
  width: 100%;
}
.saWrap .breadCrumb.urunBread {
  top: 10%;
}
.saWrap .breadCrumb ul {
  width: 100%;
  padding-left: 0px;
  line-height: 30px;
}
.saWrap .breadCrumb ul li {
  list-style: none;
  display: inline-block;
}
.saWrap .breadCrumb ul li:not(:last-child)::after {
  content: "/";
  margin: 0 10px;
  color:#000000;
  width: auto;
  height: 18px;
  line-height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  vertical-align: middle;
}
.saWrap .breadCrumb ul li:last-child {
  text-decoration: underline;
}
.saWrap .breadCrumb ul li a {
  text-decoration: none;
  color: #000000;
  transition: all 0.3s ease;
}
.saWrap .breadCrumb ul li a:hover {
  color: #A72B34;
  text-decoration: underline;
}

.saWrap .bTitle h1{
font-weight: 700;
}

.saWrap .bTitle h1:after {
    content: "";
    display: block;
    width: 112px;
    height: 4px;
    background: #A72B34;
    margin-top: 20px;
}

@media (max-width: 991px) {
  .saWrap .breadCrumb.urunBread {
    top: 25%;
  }

  .saWrap .breadCrumb.haberBread {
    top: 10%;
  }
  .saWrap .breadCrumb.haberBread ul {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start !important;
  }
  .saWrap .breadCrumb.haberBread ul li:nth-child(1),
  .saWrap .breadCrumb.haberBread ul li:nth-child(2) {
    display: inline-block;
  }
  .saWrap .breadCrumb.haberBread ul li:nth-child(2)::after {
    display: none;
  }
  .saWrap .breadCrumb.haberBread ul li:nth-child(3) {
    display: block;
    width: 100%;
    margin-top: 10px;
  }
}
.subMenu {
  background-color: #0F0F0F;
  height: 76px;
}
.subMenu .mobile-dropdown-toggle {
  display: none;
  background: none;
  border: none;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  padding: 15px 20px;
  width: 100%;
  text-align: left;
  position: relative;
  z-index: 20;
  transition: all 0.3s ease;
}
.subMenu .mobile-dropdown-toggle:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.subMenu .mobile-dropdown-toggle::after {
  content: "▼";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 14px;
  opacity: 0.8;
}
.subMenu .mobile-dropdown-toggle.active::after {
  transform: translateY(-50%) rotate(180deg);
  opacity: 1;
}
.subMenu .subNav ul {
  display: flex;
  flex-wrap: nowrap;
  gap: 150px;
  justify-content: center;
  align-items: center;
  height: 76px;
}
.subMenu .subNav ul li {
  list-style: none;
  position: relative;
}
.subMenu .subNav ul li a {
  color: #ffffff;
  font-size: clamp(1rem, 1.0819rem, 1.125rem);
  text-decoration: none;
  font-size: 20px;
  font-weight: 500;
  transition: all 0.3s ease;
  position: relative;
}
.subMenu .subNav ul li a:hover {
  color: #A72B34;
}
.subMenu .subNav ul li a.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background: #A72B34;
  bottom: -25px;
  left: 0;
  right: 0;
}
@media (max-width: 768px) {
  .subMenu {
    height: auto;
    min-height: 60px;
    position: relative;
  }
  .subMenu .mobile-dropdown-toggle {
    display: block;
    text-align: center;
  }
  .subMenu .subNav ul {
    display: none;
    flex-direction: column;
    gap: 0;
    height: auto;
    padding: 0;
    margin: 0;
    background-color: #0F0F0F;
    position: relative;
    z-index: 1000;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    opacity: 0;
    transform: translateY(-20px);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .subMenu .subNav ul.mobile-open {
    display: block !important;
    opacity: 1;
    transform: translateY(0);
  }
  .subMenu .subNav ul li {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s ease;
    text-align: center;
  }
  .subMenu .subNav ul li:last-child {
    border-bottom: none;
  }
  .subMenu .subNav ul li a {
    display: block;
    padding: 15px 20px;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease;
  }
  .subMenu .subNav ul li a.active::after {
    display: none;
  }
  .subMenu .subNav ul li a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    padding-left: 25px;
  }
  .subMenu .subNav ul.mobile-open li {
    opacity: 1;
    transform: translateX(0);
  }
  .subMenu .subNav ul.mobile-open li:nth-child(1) {
    transition-delay: 0.1s;
  }
  .subMenu .subNav ul.mobile-open li:nth-child(2) {
    transition-delay: 0.15s;
  }
  .subMenu .subNav ul.mobile-open li:nth-child(3) {
    transition-delay: 0.2s;
  }
  .subMenu .subNav ul.mobile-open li:nth-child(4) {
    transition-delay: 0.25s;
  }
  .subMenu .subNav ul.mobile-open li:nth-child(5) {
    transition-delay: 0.3s;
  }
}
.aboutText {
  padding-top: 100px;
}
.aboutText .container {
  max-width: 1320px;
}
.aboutText .container .abWrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 70px;
}
.aboutText .container .abWrap .abImg {
  width: 100%;
}
.aboutText .container .abWrap .abImg img {
  /* width: 100%; */
}
.aboutText .container .abWrap .abText h2 {
  font-weight: 600;
  font-size: 28px;
  line-height: 160%;
  color: #151515;
  padding-bottom: 32px;
}
.aboutText .container .abWrap .abText p {
  color: #151515;
  font-size: clamp(1rem, 1.0819rem, 1.125rem);
  line-height: 160%;
}
.cerAbout {
  padding-top: 207px;
}
.cerAbout .container {
  max-width: 1320px;
}
.cerAbout .container .cerWrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 45px;
  justify-content: center;
  align-items: normal;
}
.cerAbout .container .cerWrap .cerText h3 {
  font-weight: 600;
  font-size: clamp(1.5rem, 1.8276rem, 2rem);
  line-height: 160%;
  color: #151515;
  padding-bottom: 30px;
}
.cerAbout .container .cerWrap .cerText p {
  font-size: clamp(1rem, 1.0819rem, 1.125rem);
  line-height: 160%;
  color: #151515;
  padding-bottom: 30px;
}
.cerAbout .container .cerWrap .cerText a {
  font-size: clamp(1rem, 1.0819rem, 1.125rem);
  color: #151515;
  padding-bottom: 29px;
  transition: all 0.3s ease;
}
.cerAbout .container .cerWrap .cerText a:hover {
  color: #A72B34;
}
.cerAbout .container .cerWrap .cerText img.rozet {
  width: 100%;
  padding-top: 30px;
}
.cerAbout .container .cerWrap .cerImg img {
  width: 100%;
}
.aboutGallery {
  padding-top: 115px;
}
.aboutGallery .container {
  max-width: 1320px;
}
.aboutGallery .container h4 {
  font-size: clamp(1.5rem, 1.8276rem, 2rem);
  font-weight: 600;
  line-height: 160%;
  color: #151515;
  padding-bottom: 35px;
}
.aboutGallery .container .agWrap {
  display: flex;
  flex-wrap: nowrap;
  gap: 55px;
}
.aboutGallery .container .agWrap .galleryItem img {
  width: 100%;
}
.aboutContact {
  padding: 50px 0;
}
.aboutContact .container {
  max-width: 1320px;
}
.aboutContact .container .acWrap {
  display: flex;
  flex-wrap: nowrap;
  gap: 100px;
  justify-content: center;
  align-items: center;
}
.aboutContact .container .acWrap .acLocation {
  padding-bottom: 100px;
}
.aboutContact .container .acWrap .acLocation:last-child {
  padding-bottom: 0;
}
.aboutContact .container .acWrap .acLocation h5 {
  font-size: clamp(1rem, 1.0819rem, 1.125rem);
  line-height: 160%;
  font-weight: 600;
}
.aboutContact .container .acWrap .acLocation p {
  font-size: clamp(1rem, 1.0819rem, 1.125rem);
  line-height: 160%;
  color: #151515;
}
.aboutContact .container .acWrap .acLocation p a {
  color: #151515;
  text-decoration: underline;
  transition: all 0.3s ease;
}
.aboutContact .container .acWrap .acLocation p a:hover {
  color: #A72B34;
}
.aboutContact .container .acWrap .acImg img {
  width: 100%;
}

.aboutImages{
  position: relative;
}

.aboutImages > img{
  position: relative;
}

.aboutImagesTitle{
  position: absolute;
  bottom: 0;
  width: 100%;
}



.aboutImagesTitle h2{
  color: #212529;
  font-weight: 700;
  background: rgb(242 242 242 / 60%);
  margin-bottom: 0;
}

.aboutLocationImages{
  width: 100%;
  height: 100%;
}

.aboutLocationImages img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aboutLocation{
  background:#f2f2f2;
  width: 100%;
  min-height: calc(50% - 15px);
}

.aboutLocation h2{
  font-weight: 700;
}

@media (min-width: 0px) and (max-width: 991px) {
  .subBanner .saWrap .bTitle h1 {
    text-align: center;
  }
  .subBanner.desktop-banner {
    height: 95px;
  }
  .subBanner.mobile-banner {
    display: block;
  }
  .subMenu {
    height: 100%;
  }
  .subMenu .subNav ul {
    gap: 20px;
    height: 100%;
    flex-direction: column;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .subMenu .subNav ul li a.active::after {
    bottom: -12px;
  }
  .aboutText .container .abWrap {
    grid-template-columns: 1fr;
  }
  .cerAbout {
    padding-top: 120px;
  }
  .cerAbout .container .cerWrap {
    grid-template-columns: 1fr;
  }
  .cerAbout .container .cerWrap .cerText {
    order: 1;
  }
  .cerAbout .container .cerWrap .cerImg {
    order: 0;
  }
  .aboutGallery .container .agWrap {
    flex-direction: column;
  }
  .aboutContact .container .acWrap {
    gap: 75px;
    flex-direction: column;
  }
  .aboutContact .container .acWrap .acLocation {
    padding-bottom: 100px;
  }
}
/* VİZYON VE MİSYON */
.missionArea {
  padding-top: 100px;
}

.missionAreaH3,
.missionArea h3 {
  font-size: 40px;
  font-weight: 600;
  line-height: 50px;
  color: #151515;
  text-align: center;
}
.missionArea.bottom {
  padding-top: 40px;
}
.missionArea .container {
  max-width: 1320px;
}
.missionArea .container .maWrap {
  display: flex;
  gap: 120px;
  justify-content: center;
  align-items: center;
}
.missionArea .container .maWrap.lilgap {
  gap: 100px;
}
.missionArea .container .maWrap.reverse {
  flex-direction: row-reverse;
}
.missionArea .container .maWrap .maImg {
  /* width: 100%; */
}
.missionArea .container .maWrap .maImg img {
  max-width: 600px;
}
.missionArea .container .maWrap .maImg.bigwd {
  min-width: 85vh;
}
.missionArea .container .maWrap .maText {
  padding: 65px;
}
.missionArea .container .maWrap .maText h2 {
  font-size: clamp(1.75rem, 2.3233rem, 2.625rem);
  color: #151515;
  font-weight: 600;
  line-height: 160%;
  padding-bottom: 30px;
}
.missionArea .container .maWrap .maText h3 {
  padding-bottom: 0;
}
.missionArea .container .maWrap .maText h3.b-topline {
  font-size: clamp(1.5rem, 1.8276rem, 2rem);
  font-weight: 600;
  line-height: 160%;
  color: #151515;
  border-top: 1px solid #AFAFAF;
  padding: 10px 0;
  text-align: left;
}
.missionArea .container .maWrap .maText p {
  color: #151515;
  font-size: clamp(1rem, 1.2457rem, 1.375rem);
  line-height: 160%;
  font-weight: 300;
}
.missionArea .container .maWrap .maText p.lilsmall {
  font-size: clamp(1rem, 1.0819rem, 1.125rem);
  font-weight: 300;
}
.missionArea .container .maWrap .maText p strong {
  font-weight: 600;
}
.missionArea .container .maWrap .maText p b {
  font-weight: 600;
}
.missionArea .container .maWrap .maText ul {
  padding-left: 50px;
}
.missionArea .container .maWrap .maText ul.no-pad {
  padding-left: 15px;
}
.missionArea .container .maWrap .maText ul li {
  font-size: clamp(1rem, 1.0819rem, 1.125rem);
  font-weight: 300;
  line-height: 160%;
}

/* Custom SVG List Styling */
ul.custom-svg-list {
  padding-left: 0;
  list-style: none;
}

ul.custom-svg-list li {
  position: relative;
  font-size: 16px;
  line-height: 30px;
  color: #666;
}

ul.custom-svg-list li span{
  font-size: 13px;
  line-height: 22px;
  display: block;
  margin-bottom: 10px;
  padding-left: 30px;
}

ul.custom-svg-list li::before {
  content: "\e904";
  font-family: 'icomoon' !important;
  margin-right: 15px;
  font-size: 12px;
}



@media (min-width: 0px) and (max-width: 991px) {
  .missionArea {
    padding-top: 102px;
  }
  .missionArea.bottom {
    padding-top: 40px;
  }
  .missionArea .container {
    max-width: 1320px;
  }
  .missionArea .container .maWrap {
    gap: 65px;
    flex-direction: column;
  }
  .missionArea .container .maWrap.reverse {
    flex-direction: column;
  }
  .missionArea .container .maWrap .maImg {
    /* width: 100%; */
  }
  .missionArea .container .maWrap .maImg img {
    width: 100%;
  }
  .missionArea .container .maWrap .maImg.bigwd {
    min-width: 100%;
    order: 0;
  }
  .missionArea .container .maWrap .maText {
    padding: 0;
    order: 1;
  }
}
/* Açık Pozisyonlar */
.openPositions .container .opWrap {
  text-align: center;
}
/* with image layout */
.openPositions .container .opWrap.opWithImage .opText {
  text-align: left;
}
.openPositions .container .opWrap h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 160%;
  color: #151515;
  padding-bottom: 10px;
}
.openPositions .container .opWrap p {
  font-size: clamp(1rem, 1.0819rem, 1.125rem);
  font-weight: 300;
  line-height: 160%;
  color: #151515;
  padding-bottom: 35px;
}
.opbtWrap {
  display: flex;
  flex-wrap: nowrap;
  gap: 35px;
  justify-content: center;
  align-items: center;
}
.opbtWrap a {
  text-decoration: none;
  transition: all 0.3s ease;
  font-weight: 600;
  font-size: 15px;
  color: #ffffff;
  position: relative;
}
.opbtWrap a::after {
  content: "";
  display: inline;
  width: 24px;
  height: 24px;
  background: url("../images/right-arrow.svg") no-repeat center center;
  position: absolute;
  right: 10px;
  transition: right 0.3s ease;
}
.opbtWrap a:hover::after {
  right: 7px;
}
.opbtWrap .opButton {
  padding: 15px 40px 15px 15px;
}
.opbtWrap .opButton.red {
  background: #A72B34;
}
.opbtWrap .opButton.red:hover {
  background: #000000;
}
.opbtWrap .opButton.black {
  background: #000000;
}
.opbtWrap .opButton.black:hover {
  background: #A72B34;
}
@media (min-width: 0px) and (max-width: 991px) {
  .opbtWrap {
    flex-direction: column;
  }
}
/* ÜRÜN KATEGORİSİ */
.productCat {
  padding: 85px 0;
}
.productCat .container {
  max-width: 1320px;
}
.productCat .container .productWrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 40px;
  width: 100%;
}
.productCat .container .productWrap .prItemLink {
  text-decoration: none;
}
.productCat .container .productWrap .prItemLink .prItem {
  background-color: #ffffff;
  border:solid 1px #dfdfdf;
  overflow: hidden;
  width: 100%;
  min-height: 500px;
  transition: all 0.3s ease;
}
.productCat .container .productWrap .prItemLink .prItem:hover {
  border-color:#A72B34;
}
.productCat .container .productWrap .prItemLink .prItem .prItemInner {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 500px;
}
.productCat .container .productWrap .prItemLink .prItem .prItemInner .prItemImg {
  text-align: center;
}
.productCat .container .productWrap .prItemLink .prItem .prItemInner .prItemImg img {
  max-width: 260px;
}
.productCat .container .productWrap .prItemLink .prItem .prItemInner .prItemText {
  position: relative;
}
.productCat .container .productWrap .prItemLink .prItem .prItemInner .prItemText h4 {
  color: #151515;
  font-size: clamp(1.125rem, 1.3707rem, 1.5rem);
  font-weight: 600;
  line-height: 160%;
  padding-left: 35px;
  transition: all 0.3s ease;
}


.productCat .container .productWrap .prItemLink .prItem:hover .prItemText h4{
    color: #A72B34;
}

.catBottom {
  padding-bottom: 50px;
}
.catBottom .container {
  max-width: 1320px;
}
.catBottom .container .onBanner {
  background-image: url("../images/urun/urundetay-bottom.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 35vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.catBottom .container .onBanner h4 {
  font-size: clamp(1.75rem, 2.3236rem, 2.625rem);
  font-weight: 600;
  line-height: 160%;
  color: #ffffff;
  text-align: center;
  padding-bottom: 30px;
}
.catBottom .container .onBanner a {
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  color: #ffffff;
  position: relative;
  border: none;
  outline: none;
  padding: 15px 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.3s ease;
}
.catBottom .container .onBanner a.red {
  background: #A72B34;
}
.catBottom .container .onBanner a::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/urun/pdf.svg") no-repeat center center;
  background-size: contain;
  position: static;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.catBottom .container .onBanner a:hover {
  background: #000000;
}
.catBottom .container .onBanner a:hover::after {
  transform: translateY(-3px);
}
@media (max-width: 991px) {
  .catBottom {
    padding-bottom: 30px;
  }
  .catBottom .container .onBanner {
    height: 100%;
    padding: 30px;
  }
  .catBottom .container .onBanner h4 {
    font-size: 28px;
    padding: 30px;
  }
}
@media (max-width: 1440px) {
  .productCat .container .productWrap {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 991px) {
  .productCat .container .productWrap {
    grid-template-columns: repeat(1, 1fr);
  }
}
/* SERTİFİKALAR */
.certificates .container {
  max-width: 1320px;
}
.certificates .container h2 {
  font-size: clamp(1.75rem, 2.3233rem, 2.625rem);
  font-weight: 600;
  line-height: 160%;
  color: #151515;
  padding-bottom: 30px;
  padding-top: 100px;
  text-align: center;
}
.certificates .container .cerImg {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
}
.certificates .container .cerImg img {
  width: 100%;
}
.certificates .container .cerWrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 40px;
  justify-content: center;
  padding-top: 150px;
  max-width: 1200px;
  margin: 0 auto;
}
.certificates .container .cerWrap .cerItem {
  border: 1px solid #dfdfdf;
  transition: all 0.3s ease;
}
.certificates .container .cerWrap .cerItem a {
  font-size: clamp(1rem, 1.0819rem, 1.125rem);
  color: #151515;
  text-decoration: none;
  font-weight: 300;
  line-height: 160%;
  width: 590px;
  height: 100px;
  display: inline-block;
  align-content: center;
  text-align: center;
}
.certificates .container .cerWrap .cerItem:hover {
  border-color:#A72B34;
}

.certificates .container .cerWrap .cerItem:hover a {
  color: #A72B34;
}
@media (max-width: 991px) {
  .certificates .container .cerImg {
    grid-template-columns: 1fr 1fr;
  }
  .certificates .container .cerWrap {
    grid-template-columns: repeat(1, 1fr);
    max-width: 100%;
  }
  .certificates .container .cerWrap .cerItem a {
    width: 100%;
    height: 100px;
  }
}
/* LABORATUAR */
.laboratory {
  padding-top: 140px;
}
.laboratory .container {
  max-width: 1320px;
}
.laboratory .container h2 {
  font-size: clamp(1.75rem, 2.3233rem, 2.625rem);
  font-weight: 600;
  line-height: 160%;
  color: #151515;
  padding-bottom: 30px;
  text-align: left;
}
.laboratory .container .labImg img {
  width: 100%;
}
.contactArea {
  padding-top: 120px;
}
.contactArea .container {
  max-width: 1320px;
}
.contactArea .container .caWrap {

}
.contactArea .container .caWrap .caAdress {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.contactArea .container .caWrap .caAdress .caLocation {
  background: #ffffff;
}

.contactArea .container .caWrap .caAdress .caLocationGrey {
  background: #f2f2f2;
}

.contactArea .container .caWrap .caAdress .caLocation h2 {
  font-size: 24px;
  font-weight: 600;
}
.contactArea .container .caWrap .caAdress .caLocation h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 160%;
  color: #151515;
}
.contactArea .container .caWrap .caAdress .caLocation ul {
  padding-left: 20px;
  margin-bottom: 20px;
}
.contactArea .container .caWrap .caAdress .caLocation ul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #151515;
  margin-bottom: 10px;
}


.contactArea .container .caWrap .caAdress .caLocation p {
  color: #151515;
  line-height: 28px;
}

.contactArea .container .caWrap .caAdress .caLocation p a{
  color: #151515;
  line-height: 28px;
}

.contactArea .container .caWrap .caAdress .caLocation p a:hover{
  color: #A72B34;
}

.contactArea .container .caWrap .caAdress .caLocation p.caLink {
  font-size: clamp(1rem, 1.0819rem, 1.125rem);
}
.contactArea .container .caWrap .caAdress .caLocation p.caLink a {
  text-decoration: underline;
  color: #151515;
}
.contactArea .container .caWrap .caAdress .caLocation p.caLink a:hover {
  color: #A72B34;
}
.contactArea .container .caForm p {
  font-size: 24px;
  font-weight: 600;
  line-height: 160%;
  color: #151515;
  margin-bottom: 10px;
}
.contactArea .container .caForm form .formGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0 30px;
}

.contactArea .container .caForm form .formGrid .formGroup{
  margin-bottom: 30px;
}

.contactArea .container .caForm form .formGrid .formGroup input[type="text"],
.contactArea .container .caForm form .formGrid .formGroup input[type="email"],
.contactArea .container .caForm form .formGrid .formGroup input[type="tel"] {
  width: 100%;
  height: 70px;
  border: 2px solid #7F7F7F;
  padding: 0 15px;
  font-size: clamp(1rem, 1.0819rem, 1.125rem);
  font-weight: 300;
  line-height: 160%;
  color: #626262;
  background: transparent;
  outline: none;
  transition: all 0.3s ease;
}
.contactArea .container .caForm form .formGrid .formGroup input[type="text"]::placeholder,
.contactArea .container .caForm form .formGrid .formGroup input[type="email"]::placeholder,
.contactArea .container .caForm form .formGrid .formGroup input[type="tel"]::placeholder {
  color: #626262;
}
.contactArea .container .caForm form .formGrid .formGroup input[type="text"]:focus,
.contactArea .container .caForm form .formGrid .formGroup input[type="email"]:focus,
.contactArea .container .caForm form .formGrid .formGroup input[type="tel"]:focus {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.contactArea .container .caForm form .formMsg label,
.contactArea .container .caForm form .formGrid label{ display: block;}

.contactArea .container .caForm form .formMsg textarea {
  border: 2px solid #7F7F7F;
  padding: 15px;
  font-size: clamp(1rem, 1.0819rem, 1.125rem);
  background: transparent;
  outline: none;
  transition: all 0.3s ease;
  width: 100%;
  height: 200px;
}
.contactArea .container .caForm form .formMsg textarea::placeholder {
  color: #626262;
}
.contactArea .container .caForm form .formMsg textarea:focus {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.contactArea .container .caForm form .formLast {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
}
.contactArea .container .caForm form .formLast .formCheck {
  display: flex;
  align-items: center;
  gap: 10px;
}
.contactArea .container .caForm form .formLast .formCheck input[type="checkbox"] {
  width: 28px;
  height: 28px;
  border: 2px solid #7F7F7F;
  background-color: transparent;
  outline: none;
  margin: 0;
  flex-shrink: 0;
  accent-color: #A72B34;
}
.contactArea .container .caForm form .formLast .formCheck label {
  color: #151515;
  font-size: clamp(1rem, 1.0819rem, 1.125rem);
  margin: 0;
  line-height: 1.4;
}
.contactArea .container .caForm form .formLast .formCheck label a {
  text-decoration: underline;
  color: #151515;
  font-size: clamp(1rem, 1.0819rem, 1.125rem);
  transition: all 0.3s ease;
}
.contactArea .container .caForm form .formLast .formCheck label a:hover {
  color: #A72B34;
}
.contactArea .container .caForm form .formLast button {
  transition: all 0.3s ease;
  font-weight: 600;
  font-size: 15px;
  color: #ffffff;
  position: relative;
  background: #A72B34;
  border: none;
  outline: none;
  padding: 15px 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.contactArea .container .caForm form .formLast button::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/right-arrow.svg") no-repeat center center;
  background-size: contain;
  position: static;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.contactArea .container .caForm form .formLast button:hover {
  background: #000000;
}
.contactArea .container .caForm form .formLast button:hover::after {
  transform: translateX(3px);
}
@media (max-width: 991px) {
  .contactArea .container .caWrap {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
  .contactArea .container .caWrap .caAdress .caLocation {
    width: 100%;
    height: auto;
  }
  .contactArea .container .caWrap .caForm {
    width: 100%;
    padding-top: 40px;
  }
  .contactArea .container .caWrap .caForm form .formGrid {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }
  .contactArea .container .caWrap .caForm form .formGrid .formGroup input[type="text"],
  .contactArea .container .caWrap .caForm form .formGrid .formGroup input[type="email"],
  .contactArea .container .caWrap .caForm form .formGrid .formGroup input[type="tel"] {
    width: 100%;
  }
  .contactArea .container .caWrap .caForm form .formMsg {
    padding-top: 0;
  }
  .contactArea .container .caWrap .caForm form .formMsg textarea {
    width: 100%;
  }
  .contactArea .container .caWrap .caForm form .formLast {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}
/* URUN SAYFASI */
.productMain {
  padding-top: 70px;
}
.productMain .container {
  max-width: 1320px;
}

.productMain .container .pmWrap .pmTitle {
  display: none;
}
.productMain .container .pmWrap .pmTitle h1 {
  font-family: 'Ubuntu', sans-serif;
  font-size: clamp(1.5rem, 1.9914rem, 2.25rem);
  font-weight: 500;
  line-height: 160%;
  color: #151515;
  padding-bottom: 30px;
  position: relative;
}
.productMain .container .pmWrap .pmTitle h1:after {
  content: "";
  display: block;
  width: 112px;
  height: 4px;
  background: #A72B34;
  margin-top: 20px;
}

.productMain .container .pmWrap .pmSwiper .swiper-slide img {
  width: 90%;
  margin: 5%;
}
.productMain .container .pmWrap .pmDesc h1 {
  font-family: 'Ubuntu', sans-serif;
  font-size: clamp(1.5rem, 1.9914rem, 2.25rem);
  font-weight: 400;
  line-height: 160%;
  color: #151515;
  padding-bottom: 30px;
  position: relative;
  display: block;
}
.productMain .container .pmWrap .pmDesc h1:after {
  content: "";
  display: block;
  width: 112px;
  height: 4px;
  background: #A72B34;
  margin-top: 20px;
}
.productMain .container .pmWrap .pmDesc p {
  font-size: 16px;
  line-height: 160%;
  color: #151515;
  padding-bottom: 15px;
}
.productMain .container .pmWrap .pmDesc ul {
  padding-left: 15px;
}
.productMain .container .pmWrap .pmDesc ul li {
  font-size: 16px;
  font-weight: 600;
}
.productMain .container .pmWrap .pmDesc .pmButtons {
  display: flex;
  gap: 50px;
  padding-top: 50px;
}
.productMain .container .pmWrap .pmDesc .pmButtons a {
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  color: #ffffff;
  position: relative;
  border: none;
  outline: none;
  padding: 15px 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.3s ease;
}
.productMain .container .pmWrap .pmDesc .pmButtons a.red {
  background: #A72B34;
}
.productMain .container .pmWrap .pmDesc .pmButtons a.gray {
  background: #3D3D3D;
}
.productMain .container .pmWrap .pmDesc .pmButtons a.gray::after {
  background: url("../images/urun/info.svg") no-repeat center center;
}
.productMain .container .pmWrap .pmDesc .pmButtons a::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/urun/pdf.svg") no-repeat center center;
  background-size: contain;
  position: static;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.productMain .container .pmWrap .pmDesc .pmButtons a:hover {
  background: #000000;
}
.productMain .container .pmWrap .pmDesc .pmButtons a:hover::after {
  transform: translateY(-3px);
}
@media (max-width: 991px) {

  .productMain .container .pmWrap .pmTitle {
    display: block;
    order: -1;
  }
  .productMain .container .pmWrap .pmTitle h1:after {
    margin-top: 15px;
  }
  .productMain .container .pmWrap .pmDesc {
    padding: 20px 0;
  }
  .productMain .container .pmWrap .pmDesc h1 {
    display: none;
  }
  .productMain .container .pmWrap .pmDesc .pmButtons {
    gap: 30px;
  }
  .productMain .container .pmWrap .pmDesc .pmButtons a {
    padding: 15px 25px;
  }
}
.techSpec {
  background:#f5f5f5;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 100px;
}
.techSpec .container {
  max-width: 1320px;
}
.techSpec .container .techSquare {
  width: 100%;
  height: 260px;
}
.techSpec .container .techSquare .tsWrap {
  display: grid;
  align-items: center;
  height: 100%;
  padding: 0px 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.techSpec .container .techSquare .tsWrap .tsItem {
  display: flex;
  align-items: center;
}
.techSpec .container .techSquare .tsWrap .tsItem .tsIcon img {
  width: 100px;
}
.techSpec .container .techSquare .tsWrap .tsItem .tsText p {
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: 0;
}
.techSpec .container .techSets {
  display: flex;
  gap: 166px;
  padding-top: 30px;
}
.techSpec .container .techSets .tsetsOne h3 {
  text-align: center;
  position: relative;
  padding-bottom: 20px;
  font-size: clamp(1.5rem, 1.8276rem, 2rem);
}
.techSpec .container .techSets .tsetsOne h3:after {
  content: "";
  display: block;
  width: 112px;
  height: 4px;
  background: #A72B34;
  margin: 0 auto;
  margin-top: 12px;
}
.techSpec .container .techSets .tsetsOne .tsetTable table {
  width: 570px;
}
.techSpec .container .techSets .tsetsOne .tsetTable table tbody tr {
 
}
.techSpec .container .techSets .tsetsOne .tsetTable table tbody tr td {
  border: 1px solid #999;
  padding: 10px 20px;
}
.techSpec .container .techSets .tsetsOne .tsetTable table tbody tr td:first-child {
  text-align: left;
}
.techSpec .container .techSets .tsetsOne .tsetTable table tbody tr td:last-child {
  text-align: right;
}
.techSpec .container .techSets .tsetsTwo h3 {
  text-align: center;
  position: relative;
  padding-bottom: 20px;
  font-size: clamp(1.5rem, 1.8276rem, 2rem);
}
.techSpec .container .techSets .tsetsTwo h3:after {
  content: "";
  display: block;
  width: 112px;
  height: 4px;
  background: #A72B34;
  margin: 0 auto;
  margin-top: 12px;
}
.techSpec .container .techSets .tsetsTwo .tsetArea {
  border: 1px solid #999;
  width: 540px;
  height: 316px;
  text-align: center;
}
.techSpec .container .techSets .tsetsTwo .tsetArea ul {
  height: 100%;
  align-content: center;
  padding-left: 0;
  margin-bottom: 0;
}
.techSpec .container .techSets .tsetsTwo .tsetArea ul li {
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
  color: #151515;
  list-style: none;
  padding-bottom: 10px;
}
@media (max-width: 991px) {
  .techSpec {
    height: 100%;
  }
  .techSpec .container .techSquare {
    height: 100%;
  }
  .techSpec .container .techSquare .tsWrap {
    grid-template-columns: 1fr;
    gap: 0;
    align-items: baseline;
  }
  .techSpec .container .techSquare .tsWrap .tsItem {
    padding: 20px 0;
  }
  .techSpec .container .techSquare .tsWrap .tsItem img {
    width: 100%;
  }
  .techSpec .container .techSets {
    flex-direction: column;
  }
  .techSpec .container .techSets .tsetsOne .tsetTable table {
    width: 100%;
  }
  .techSpec .container .techSets .tsetsTwo .tsetArea {
    width: 100%;
    height: 100%;
  }
  .techSpec .container .techSets .tsetsTwo .tsetArea ul {
    padding: 15px;
  }
  .techSpec .container .techSets .tsetsTwo .tsetArea ul li {
    padding-bottom: 5px;
    padding-top: 10px;
  }
}
/* OTHER PRODUCTS SLIDER */
.otherProducts {
  padding: 85px 0;
}
.otherProducts .container {
  max-width: 1320px;
}
.otherProducts .container .sectionTitle {
  margin-bottom: 60px;
}
.otherProducts .container .sectionTitle h2 {
  font-size: clamp(1.75rem, 2.3233rem, 2.625rem);
  font-weight: 600;
  line-height: 160%;
  color: #151515;
  margin: 0;
  position: relative;
}
.otherProducts .container .sectionTitle h2:after {
  content: "";
  display: block;
  width: 112px;
  height: 4px;
  background: #A72B34;
  margin: 0 auto;
  margin-top: 12px;
}
.otherProducts .container .otherProductsSlider {
  position: relative;
}

.otherProducts .container .otherProductsSlider .swiper-slide .prItemLink {
  text-decoration: none;
  display: block;
}
.otherProducts .container .otherProductsSlider .swiper-slide .prItemLink .prItem {
  background-color: #ffffff;
  border:solid 1px #000000;
  overflow: hidden;
  width: 100%;
  min-height: 500px;
  transition: all 0.3s ease;
}
.otherProducts .container .otherProductsSlider .swiper-slide .prItemLink .prItem:hover {
  border:solid 1px #A72B34;
}
.otherProducts .container .otherProductsSlider .swiper-slide .prItemLink .prItem .prItemInner {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 500px;
}
.otherProducts .container .otherProductsSlider .swiper-slide .prItemLink .prItem .prItemInner .prItemImg {
  text-align: center;
}
.otherProducts .container .otherProductsSlider .swiper-slide .prItemLink .prItem .prItemInner .prItemImg img {
  max-width: 260px;
  height: auto;
}
.otherProducts .container .otherProductsSlider .swiper-slide .prItemLink .prItem .prItemInner .prItemText {
  position: relative;
}
.otherProducts .container .otherProductsSlider .swiper-slide .prItemLink .prItem .prItemInner .prItemText h4 {
  color: #151515;
  font-size: clamp(1.125rem, 1.3707rem, 1.5rem);
  font-weight: 600;
  line-height: 160%;
  padding-left: 35px;
  transition: all 0.3s ease;
  margin: 0;
}
.otherProducts .container .otherProductsSlider .swiper-slide .prItemLink:hover .prItem .prItemInner .prItemText h4 {
  color: #A72B34;
}
.otherProducts .container .otherProductsSlider .swiper-pagination {
  bottom: 0;
}
.otherProducts .container .otherProductsSlider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #ccc;
  opacity: 1;
  margin: 0 5px;
}
.otherProducts .container .otherProductsSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #A72B34;
}
@media (max-width: 991px) {
  .otherProducts {
    padding: 60px 0;
    padding-top: 100px;
  }
  .otherProducts .container .sectionTitle h2 {
    font-size: clamp(1.5rem, 1.8276rem, 2rem);
  }
}
@media (max-width: 576px) {
  .otherProducts {
    padding: 40px 0;
    padding-top: 100px;
  }
  .otherProducts .container .sectionTitle h2 {
    font-size: 28px;
  }
  .otherProducts .container .otherProductsSlider .swiper-slide .prItemLink .prItem {
    min-height: 500px;
  }
  .otherProducts .container .otherProductsSlider .swiper-slide .prItemLink .prItem .prItemInner {
    height: 500px;
  }
  .otherProducts .container .otherProductsSlider .swiper-slide .prItemLink .prItem .prItemInner .prItemImg img {
    max-width: 250px;
  }
  .otherProducts .container .otherProductsSlider .swiper-slide .prItemLink .prItem .prItemInner .prItemText h4 {
    font-size: 20px;
    padding-left: 25px;
  }
  .otherProducts .container .otherProductsSlider .swiper-slide .prItemLink .prItem .prItemInner .prItemText:before {
    width: 8px;
    height: 50px;
  }
}
/* BLOG */
.blogList {
  padding-top: 120px;
}
.blogList .container {
  max-width: 1320px;
}
.blogList .container a {
  text-decoration: none;
  color: #151515;
  transition: all 0.3s ease;
}
.blogList .container a:hover {
  color: #151515;
}
.blogList .container a .blogItem {
  padding-bottom: 100px;
}
.blogList .container a .blogItem .blogDetail .date p {
  font-size: 14px;
  font-weight: 400;
  padding-top: 35px;
  margin-bottom: 5px;
  line-height: 22px;
}
.blogList .container a .blogItem .blogDetail .title h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 160%;
  color: #151515;
  transition: all 0.3s ease;
  min-height: 75px;
}
.blogList .container a .blogItem .blogImg img {
  width: 100%;
}
.blogList .container a:hover .blogItem .blogDetail .title h3 {
  color: #A72B34;
}
/* BLOG DETAY */
.blogDetay .container {
  max-width: 1320px;
}
.blogDetay .container .blogImg img {
  width: 100%;
}
.blogDetay .container .sideText {
  padding-left: 75px;
}
.blogDetay .container .sideText h1 {
  font-size: clamp(1.5rem, 1.9914rem, 2.25rem);
}
.blogDetay .container .sideText .desc p a {
  text-decoration: underline;
  color: #151515;
  transition: all 0.3s ease;
}
.blogDetay .container .sideText .desc p a:hover {
  color: #A72B34;
}
@media (max-width: 991px) {
  .blogDetay .container .sideText {
    padding-left: 0;
  }
  .blogDetay .container .sideText .date {
    padding-top: 10px;
  }
}
/* TARİHÇE LAST EKLENEN */
.tarihceArea {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 2500px;
  width: 229px;
  position: relative;
  margin: 0 auto;
}
.tarihceArea .timeline-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.tarihceArea .timeline-item {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 15px;
  pointer-events: auto;
}
.tarihceArea .timeline-item:nth-child(odd) {
  flex-direction: row;
}
.tarihceArea .timeline-item:nth-child(odd) .year-badge {
  order: 1;
}
.tarihceArea .timeline-item:nth-child(odd) .event-text {
  order: 2;
  text-align: left;
}
.tarihceArea .timeline-item:nth-child(even) {
  flex-direction: row-reverse;
}
.tarihceArea .timeline-item:nth-child(even) .year-badge {
  order: 2;
}
.tarihceArea .timeline-item:nth-child(even) .event-text {
  order: 1;
  text-align: right;
}
.tarihceArea .year-badge {
  color: white;
  padding: 6px 12px;
  border-radius: 15px;
  font-weight: bold;
  font-size: 12px;
  white-space: nowrap;
  min-width: 60px;
  text-align: center;
}
.tarihceArea .event-text {
  color: white;
  font-size: 12px;
  max-width: 180px;
  line-height: 1.3;
  font-weight: 500;
}
/* TARİHÇE */
.historyBox {
  position: relative;
  display: flex;
}
.historyBox .historyText {
  margin-top: -30px;
}
.historyBox .historyText strong {
  font-size: 38px;
  display: block;
  position: relative;
  color: #515151;
}
.historyBox .historyText p {
  font-size: 14px;
  font-weight: 300;
  max-width: 150px;
  line-height: 18px;
  color: #848282;
  margin-bottom: 0;
}
.historyBox .imgBox {
  max-width: 160px;
  max-height: 160px;
  min-width: 160px;
  min-height: 160px;
  border-radius: 80px;
  overflow: hidden;
  position: relative;
  top: -130px;
  background: #555555;
}
.historyBox .imgBox > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.historyBox .historyText strong::before {
  content: "";
  width: 40px;
  height: 1px;
  background: #555555;
  position: absolute;
  top: 10px;
  left: 100px;
  transform: rotate(345deg);
}
.history .row > div:nth-child(2n) .historyBox .historyText strong::before {
  top: 10px;
  left: 10px;
  transform: rotate(15deg);
}
.historyBox.text-end > p {
  margin-left: auto;
}
.historyBox:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: #A72B34;
  border-radius: 50%;
  top: -7px;
  left: 0;
}
.historyBox:after {
  content: "";
  position: absolute;
  width: 60px;
  height: 2px;
  background: #A72B34;
  top: 0;
  left: 0;
}
.history .row > div:nth-child(2n) .historyBox::before,
.history .row > div:nth-child(2n) .historyBox::after {
  right: 0;
  left: auto;
}
.history {
  margin-top: 150px;
}
.history .row > div {
  position: relative;
}
.history .row {
  background: url("../images/line.svg") repeat-y center top;
  position: relative;
}
.history .row:after {
  content: "";
  position: absolute;
  top: -80px;
  background: url("../images/history-icon.svg") no-repeat;
  width: 50px;
  height: 50px;
  left: calc(50% - -35px);
}
.history .row:before {
  content: "";
  position: absolute;
  bottom: 0;
  background: #ffffff;
  width: 160px;
  height: 160px;
  left: calc(50% - 80px);
}
.history .row > div:nth-child(8n+1) {
  left: 41px;
}
.history .row > div:nth-child(8n+2) {
  left: 69px;
}
.history .row > div:nth-child(8n+3) {
  right: 20px;
}
.history .row > div:nth-child(8n+4) {
  right: 29px;
}
.history .row > div:nth-child(8n+5) {
  right: 82px;
}
.history .row > div:nth-child(8n+6) {
  right: 30px;
}
.history .row > div:nth-child(8n+7) {
  right: 22px;
}
.history .row > div:nth-child(8n+8) {
  left: 69px;
}
.history .row > div:nth-child(8n+1) .historyBox,
.history .row > div:nth-child(8n+3) .historyBox,
.history .row > div:nth-child(8n+5) .historyBox,
.history .row > div:nth-child(8n+7) .historyBox {
  padding-left: 70px;
  justify-content: start;
  text-align: left;
}
.history .row > div:nth-child(8n+2) .historyBox,
.history .row > div:nth-child(8n+4) .historyBox,
.history .row > div:nth-child(8n+6) .historyBox,
.history .row > div:nth-child(8n+8) .historyBox {
  padding-right: 70px;
  justify-content: end;
  text-align: right;
}
@media (min-width: 0px) and (max-width: 992px) {
  .historyBox .historyText strong::before {
    display: none;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  .history {
    margin-top: 0;
  }
  .history .row {
    background: transparent;
  }
  .history .row:after {
    display: none;
  }
  .history .row:before {
    content: "";
    position: absolute;
    bottom: 0;
    background: #000000;
    width: 2px;
    height: auto;
    left: 30px;
    top: 0;
  }
  .historyBox {
    margin-bottom: 50px;
  }
  .historyBox .historyText {
    margin-top: 0;
    margin-left: 20px;
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: center;
  }
  .historyBox .historyText strong::before {
    display: none;
  }
  .historyBox .historyText p {
    max-width: inherit;
  }
  .historyBox .imgBox {
    max-width: 100px;
    max-height: 100px;
    min-width: 100px;
    min-height: 100px;
    border-radius: 50px;
    top: 0;
  }
  .historyBox:after {
    width: 50px;
    top: 50%;
    left: 10px;
  }
  .historyBox:before {
    top: calc(50% - 8px);
    left: 10px;
  }
  .history .row > div:nth-child(2n) .historyBox::before,
  .history .row > div:nth-child(2n) .historyBox::after {
    right: auto;
    left: 10px;
  }
  .history .row > div:nth-child(8n+2) .historyBox,
  .history .row > div:nth-child(8n+4) .historyBox,
  .history .row > div:nth-child(8n+6) .historyBox,
  .history .row > div:nth-child(8n+8) .historyBox {
    text-align: left;
    padding-left: 80px;
    justify-content: start;
  }
  .history .row > div:nth-child(8n+1) .historyBox,
  .history .row > div:nth-child(8n+3) .historyBox,
  .history .row > div:nth-child(8n+5) .historyBox,
  .history .row > div:nth-child(8n+7) .historyBox {
    padding-left: 80px;
  }
  .history .row > div:nth-child(8n+1) {
    left: 0;
  }
  .history .row > div:nth-child(8n+2) {
    left: 0;
  }
  .history .row > div:nth-child(8n+3) {
    right: 0;
  }
  .history .row > div:nth-child(8n+4) {
    right: 0;
  }
  .history .row > div:nth-child(8n+5) {
    right: 0;
  }
  .history .row > div:nth-child(8n+6) {
    right: 0;
  }
  .history .row > div:nth-child(8n+7) {
    right: 0;
  }
  .history .row > div:nth-child(8n+8) {
    left: 0;
  }
  .history .row > div:last-child .historyBox {
    margin-bottom: 0;
  }
}
#top {
  bottom: 100px;
  right: 50px;
  position: fixed;
  display: none;
  cursor: pointer;
  font-size: 24px;
  text-align: center;
  line-height: 50px;
  color: #ffffff;
  background: #A72B34;
  height: 50px;
  width: 50px;
  z-index: 999;
  border-radius: 50px;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
}
#top:hover {
  font-size: 20px;
}
@media (max-width: 1250px) {
  header .nav-menu > li {
    margin-left: 10px;
  }

  .subBanner.desktop-banner {
    height: 95px;
  }
}
@media (min-width: 0px) and (max-width: 1199px) {
  header .language .dropdown .dropdown-menu {
    inset: auto auto 15px -120% !important;
  }
  header .language .dropdown .dropdown-menu:before {
    border-top: 7px solid #000000;
    bottom: -7px;
    border-bottom: 0;
    top: auto;
  }
  header .nav-menu {
    position: absolute;
    top: 90px;
    height: calc(100% - 180px);
    overflow-y: scroll;
  }
  header .nav-menu > li {
    margin-left: 0;
  }
  header .nav-menu > li:hover > a,
  header .nav-menu > li.active > a,
  header .nav-menu > li.focus > a {
    background: transparent;
  }
  header .nav-dropdown {
    background: transparent;
    width: auto;
    padding: 0;
  }
  header .nav-dropdown > li {
    width: 100%;
  }
  .megamenu-list>li>a {
    color: #ffffff;
  }   
  header .megamenu-panel {
    background: transparent;
  }
  header .megamenu-list > li > a:hover {
    background-color: transparent;
  }
  header .megamenu-list > .megamenu-list-title{
    padding-left: 0;
  }
  header .megamenu-list > li {
    padding-left: 22px;
  }
  header .megamenu-list > .megamenu-list-title > a:before {
    content: "\e904";
    font-family: 'icomoon' !important;
    margin-right: 10px;
    font-size: 12px;
  }
  .nav-brand > img {
    z-index: 99999;
    position: relative;
  }
  .nav-menus-wrapper-close-button {
    margin: 32px 10px;
    text-align: center;
  }
  .nav-menus-wrapper-close-button {
    color: #ffffff;
    margin-left: auto;
  }
  .navigation-portrait .nav-dropdown > li > a {
    padding: 15px 20px 15px 50px;
  }
  .navigation-portrait .nav-menus-wrapper {
    width: 100%;
    left: -100%;
  }
  .navigation-portrait .nav-menu > li {
    border: 0;
  }
  .navigation-portrait .nav-menu > li:last-child {
    border: 0;
  }
  .navigation-portrait .nav-menu > li > a {
    color: #ffffff;
    padding: 20px 30px;
  }
}
@media (min-width: 0px) and (max-width: 991px) {
  #top {
    display: none !important;
  }
  header .megamenu-panel {
    transform: none;
    -webkit-transform: none;
    left: auto;
    width: auto;
  }
  .faqBox {
    border: 0 !important;
  }
  .ourApplicationAreas .container .nav {
    bottom: 0px;
  }
  .ourApplicationAreas .container .nav .nav-item {
    width: 100%;
  }
  .sliderBox {
    height: 70vh;
  }
  .sliderBox .swiper .swiper-slide video {
    height: 70vh;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  .homeProductSlider .swiper.productSlider .swiper-wrapper .swiper-slide-active .effectOne {
    animation: none;
  }
  .homeProductSlider .swiper.productSlider .swiper-wrapper .swiper-slide-active .effectTwo {
    animation: non;
  }
  .h1 {
    font-size: 36px;
    line-height: 44px;
  }
  .h2 {
    font-size: 28px;
    line-height: 34px;
  }
  .homeProductSlider .swiper.productSlider .swiper-wrapper .swiper-slide .imgBox {
    height: 200px;
  }
  footer .footerInner {
    background: none;
  }
  footer .footerInner .footerMenu .collapse:not(.show) {
    display: none;
  }
  footer .footerInner .footerMenu .footerTitle {
    pointer-events: stroke;
    text-align: center;
    padding: 0;
    display: block;
    border: 0;
    border-radius: 5px;
    width: 100%;
    transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    margin-bottom: 0;
    position: relative;
    text-align: left;
  }
  footer .footerInner .footerMenu .footerTitle .footerTitleInner {
    color: #ffffff;
  }
  footer .footerInner .footerMenu .footerTitle .footerTitleInner::before {
    width: 100%;
  }
  footer .footerInner .footerMenu .footerTitle::before {
    content: "\e908";
    font-family: 'icomoon' !important;
    color: #ffffff;
    position: absolute;
    right: 15px;
  }
  footer .footerInner .footerMenu .footerTitle.collapsed::before {
    content: "\e904";
  }
  footer .footerInner .footerMenu ul {
    margin-top: 0;
    margin-bottom: 30px;
  }
  footer .footerInner .footerMenu ul li {
    margin-bottom: 15px;
    padding-left: 15px;
  }
  footer .footerInner .footerMenu ul li:last-child {
    margin-bottom: 0;
  }
  footer .footerInner .footerContact .footerTitle .footerTitleInner::before {
    width: 100%;
  }

  .greyBg img{
    width: 50px;
    height: 50px;
    min-width: 50px;
  }
}
@media (min-width: 0) and (max-width: 576px) {
  .bottomBox .careerBox:before {
    left: 10%;
    background-size: 80%;
    opacity: 0.3;
  }
  .bottomBox .careerBox .careerText {
    position: relative;
    z-index: 1;
  }
  .bottomBox .careerBox .careerText p {
    margin-bottom: 200px !important;
  }
}


#loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#fff;z-index:10000;transition:opacity .3s ease,visibility .3s ease}
#loader.hidden{opacity:0;visibility:hidden;pointer-events:none}
#loader .center{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}
#loader .spinner{position:absolute;width:90px;height:90px;border:4px solid transparent;border-top:4px solid #555;border-right:4px solid #999;border-radius:50%;animation:spin .8s linear infinite}
#loader img{width:50px;height:auto;display:block;z-index:2; margin-top: 8px;}
@keyframes spin{to{transform:rotate(360deg)}}