/* Important Style */

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');


/*------------------------------------------------------------------
1. import files / import files
-------------------------------------------------------------------*/
body {
	font-family: "Rubik", sans-serif;
}

@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.top-main-section {
  background-image: url(../images/banner-new.jpg);
  height: 500px;
  background-size: 100%;
  text-align: center;
  display: grid;
  align-content: center;
  background-repeat: no-repeat;
}
.main-text h1 {
  color: #fff;
  font-size: 55px;
}
.main-text p {
  color: #dededf;
  font-size: 18px;
  margin: 30px 0;
}
.baner-call img {
  background: #d31806;
  border-radius: 50%;
  padding: 5px;
  margin-right: 10px;
}
.baner-call {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.baner-call .border {
  margin: 0 50px;
  height: 40px;
  border: var(--bs-border-width) var(--bs-border-style) #6a6b6c !important;
}
.baner-call a {
  color: #e4e2e2;
  text-decoration: none;
  font-size: 18px;
  transition: 0.5s;
}
.baner-call a:hover {
  color: #d31806;
}
.main-line {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
  text-align: center;
  padding: 100px 0;
}
.category-detail img {
  width: 100%;
  border-bottom: 5px solid #d31806;
  margin-bottom: 30px;
}
.category-detail h3 {
  font-weight: 400;
  font-size: 26px;
}
.category-detail p {
  color: #d31806;
  font-size: 18px;
  margin-bottom: 30px;
}
.category-detail a {
  color: #666;
  text-decoration: none;
  border: 1px solid #666;
  padding: 12px 20px;
  border-radius: 25px;
  font-size: 18px;
  transition: 0.5s;
}
.category-detail a:hover {
  background-color: #d31806;
  color: #fff;
  border-color: #d31806;
}
.category-detail a i {
  margin-left: 10px;
}
.category-box {
  box-shadow: 0 0 10px #d2d0d0;
  padding-bottom: 50px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.category-box .category-hover {
  width: 100%;
  height: 71%;
  position: absolute;
  top: -100%;
  transition: 0.5s ease-in-out;
  opacity: 0;
  visibility: hidden;
  background: #d52b1ae3;
  display: grid;
  align-content: center;
}
.category-box:hover .category-hover {
  top: 0;
  opacity: 1;
  visibility: visible;
}
.product-link a {
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  line-height: 25px;
  transition: 0.5s;
}
.product-link a:hover {
  text-decoration: underline;
}
.product-link p {
  margin-bottom: 20px;
}
.enq-but {
  margin-top: 50px;
}
.enq-but a  i {
  margin-left: 10px;
}
.enq-but a {
  background: #fff;
  color: #d31806;
  padding: 10px 20px;
  border-radius: 21px;
  text-decoration: none;
  font-size: 20px;
  text-transform: uppercase;
  transition: 0.5s;
}
.enq-but a:hover {
  background: #d31806 ;
  color: #fff;
}





.middal-img img {
  width: 100%;
}
.middal-text h2 {
  color: #d51804;
  font-weight: 400;
  font-size: 35px;
  margin-bottom: 30px;
}
.middal-section .row{
  align-items: center;
}
.middal-text p {
  font-size: 18px;
  padding-right: 90px;
}
.middal-icon {
  background-color: #d51804;
  color: #fff;
  padding: 30px 30px;
  padding-top: 150px;
  position: relative;
  left: 10px;
  width: 210px;
  bottom: -65px;
}
.middal-icon p {
  font-size: 19px;
  margin-bottom: 0;
  margin-top: 30px;
  font-weight: 500;
}
.contact-details {
  text-align: center;
}
.contact-details h2, .news-had h2 {
  color: #d51805;
  font-weight: 400;
  font-size: 35px;
}
.contact-details p {
  font-size: 18px;
}
.call-mail img {
  background: #d51805;
  padding: 5px;
  border-radius: 50%;
}
.call-mail a, .call-mail p{
  background: #d51805;
  padding: 7px 12px;
  color: #fff;
  text-decoration: none;
  border-radius: 20px;
  transition: 0.5s;
  font-size: 18px;
  margin-bottom: 0;
}
.call-mail {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 60px;
  margin-top: 30px;
}
.call-mail .mail {
  margin-left: 30px;
}
.call-mail2 {
  display: flex;
  gap: 10px;
  align-items: center;
}
.input-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding: 0 100px;
  margin-top: 30px;
}
.input-box-detail input, .input-box-detail textarea {
  font-size: 16px;
  border-radius: 21px;
  margin-bottom: 20px;
  padding: 13px 20px;
  border-color: #a39e9e;
  font-weight: 400;
}
.helpNowFormButton {
  background: #000;
  color: #fff;
  font-size: 20px;
  width: 22%;
  padding: 12px 0;
  border: none;
  border-radius: 33px;
  transition: 0.5s;
  text-transform: uppercase;
}
.helpNowFormButton:hover {
  background: #d31806;
}
.sub-box {
  display: flex;
  justify-content: center;
}
.contact-section {
  padding-bottom: 100px;
}
.news-section {
  padding-top: 100px;
   position: relative;
   padding-bottom: 0px;
}
.news-detail {
  display: flex;
  gap: 20px;
  margin-top: 50px;
}
.news-top p {
  font-size: 22px;
  font-weight: 500;
  line-height: 27px;
}
.news-bottem {
  position: relative;
  width: 340px;
  background: #fff;
  box-shadow: 0 0 10px #999595;
  padding: 25px 30px;
  border-top: 5px solid #d51804;
  left: -138px;
  top: 60px;
}

.news-bottem p {
  font-size: 18px;
  margin-bottom: 20px;
}
.news-bottem a {
   color: #d51804;
   text-decoration: none;
   font-size: 18px;
   transition: 0.5s;
}
.news-bottem a:hover {
  color: #000;
}
.news-top {
  width: 60%;
  position: relative;
  top: 50px;
  left: 15px;
}
.news-slider {
 
  overflow: hidden;
  padding-bottom: 100px;
}
.news-slider .swiper-pagination-bullet {
  background-color: #5a5a5a;
  opacity: 1;
  width: 11px;
  height: 11px;
  margin: 0 8px !important;
}
.news-slider .swiper-pagination-bullet-active {
  background-color: #d31806;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  left: -170px;
  top: 16%;
  z-index: 0;
}
.enq-but1 {
  margin-top: 0px;
}
.industries-section .industries-detail {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
  gap: 20px;
} 
.industries-section .industries-left h2 {
  color: #d51804;
  font-weight: 400;
  font-size: 35px;
  margin-bottom: 30px;
}
.industries-section .industries-left p {
  font-size: 18px;
  padding-right: 90px;
}
.industries-right hr {
  border-top: 3px solid;
}
.industries-right .icon-box {
  display: grid;
   grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  margin-top: 30px;
  padding: 20px;
}
.industries-icon {
  display: flex;
  align-items: center;
  gap: 20px;
}
.industries-icon h5 {
  font-size: 18px;
  margin-bottom: 0;
}
.application-areas {
  display: grid;
   grid-template-columns: repeat(2, 1fr);
  gap: 50px;
  margin-top: 50px;
}
.application-areas .application-box {
  display: flex;
  gap: 5px;
  box-shadow: 0 0 15px #c6c5c5;
}
.application-areas  .application-text {
  padding: 15px;
}
.application-areas .application-img  img{
  width: 100%;
  border-right: 7px solid #da3424;
}
.application-areas .application-text {
  padding: 30px 21px;
  width: 152%;
  display: grid;
  padding-left: 20px;
}
.application-areas  .application-text  p{
 font-size: 18px;
 margin-bottom: 0;
}







.popular {
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}

.popular-title-line {
  width: 700px;
  height: 2px;
  background: #d8d8d8;
  margin: 0 auto;
  margin-bottom: 50px;
}
.popular-title-line2 {
  margin-bottom: 0;
  margin-top: 50px;
}
.popular .swiper-slide {
  width: auto !important;
}

.popular .swiper-slide a {
  color: #858585;
  text-decoration: none;
  transition: 0.5s;
  font-size: 18px;
  margin: 0 7px;
  text-transform: uppercase;
}
.popular .swiper-slide:nth-child(odd) a{
  color: #000;
}
.popular .swiper-slide a:hover{
   color: #d51906;
   text-decoration: underline;
}
.popular .swiper-wrapper {
  transition-timing-function: linear !important;
}
.link-sile {
  margin-bottom: 10px;
}
.meets-had {
  text-align: center;
}
.meets-had h2 {
  color: #d51804;
  font-weight: 400;
  font-size: 35px;
  margin-bottom: 30px;
}
.meets-had p {
  font-size: 18px;
  padding: 0 190px;
  padding-bottom: 100px;
}
.bg-section {
  background-image: url(../images/auto_mechanism.jpg);
  background-size: cover;
  height: 800px;
  position: relative;
  display: flex;
  align-items: center;
  background-position: left;
}
.bg-section::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #19456C;
background: linear-gradient(90deg, rgba(25, 69, 108, 0.3) 0%, rgba(25, 69, 108, 1) 50%, rgba(25, 69, 108, 1) 100%);
}
.bg-text {
  position: relative;
  z-index: 1;
  color: #fff;
}
.bg-text h2 {
  font-weight: 400;
  font-size: 35px;
  margin-bottom: 30px;
}
.bg-text p {
  font-size: 18px;
  padding-right: 50px;
}
.bg-text ul {
  padding: 0;
  list-style: none;
  padding-top: 50px;
}
.bg-text ul li i{
  position: absolute;
  left: 0px;
  top: 5px;
  font-size: 40px;
}
.bg-text ul li {
  padding-left: 70px;
  font-size: 18px;
  margin-bottom: 20px;
  position: relative;
}
.strength-section {
  padding: 100px 0;
}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed, .strength-section .accordion-button:not(.collapsed){
  color: #000;
  background-color: transparent;
  /* box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); */
  font-size: 25px;
  padding: 25px 20px;
  border-top: 1px solid #cfcece;
  margin-bottom: 0;
  margin-left: 0;
}
.strength-section .accordion-button:not(.collapsed) {
  border-bottom: 1px solid #cfcece;
}
.strength-section .accordion-flush .accordion-item:last-child .accordion-button {
  border-bottom: 1px solid #cfcece;
}
.accordion-button:focus {
  box-shadow: 0 0 0 #000;
  border-color: transparent;
}
.accordion-body.newbody {
  display: flex;
  align-items: center;
}
.accordion-body.newbody p {
  font-size: 18px;
  width: 46%;
  margin-bottom: 0;
}
.accordion-body.newbody img {
  margin-left: auto;
  margin-right: 8%;
}
.strength-section .accordion{
  padding-top: 50px;
}
.strength-section .accordion-button::after {
  background-image: url(../images/down.png);
  background-size: 100%;
  position: relative;
  z-index: 1111;
  width: 30px;
  height: 30px;
}
.strength-section .accordion-button:not(.collapsed)::after {
  background-image: url(../images/down\(1\).png);
}

.madein-detil {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0px;
  padding: 0 50px;
}
.madein-text h2 {
    color: #d51804;
  font-weight: 400;
  font-size: 35px;
  margin-bottom: 30px;
}
.madein-text p {
  font-size: 18px;
}
.madein-img img {
  width: 100%;
}
.madein-text {
  padding-top: 80px;
  padding-right: 90px;
}



/* Button styling */
 .helpNowFormButton {
  padding: 10px 20px;
  margin: 10px 10px 10px 10px;
  cursor: pointer;
}

/* Position images on top of each other */
.image-wrapper {
  position: relative;
  width: 600px;
  height: 600px;
  margin-left: auto;
}

.image-wrapper img {
  position: absolute;
  top: -85%;
  left: -25px;
  width: 100%;
  height: 100%;
  opacity: 0; /* Hidden by default */
  transition: opacity 0.3s ease; /* Smooth fade effect */
  z-index: -1;
}
.image-wrapper .img-1 {
  opacity: 1;
}
/* --- THE HOVER MAGIC --- */

/* When Button 1 is hovered -> Show Image 1 */
.btn-1:hover ~ .image-wrapper .img-1 {
  opacity: 1;
}

/* When Button 2 is hovered -> Show Image 2 */
.btn-2:hover ~ .image-wrapper .img-2 {
  opacity: 1;
}
.btn-3:hover ~ .image-wrapper .img-3 {
  opacity: 1;
}
.btn-4:hover ~ .image-wrapper .img-4 {
  opacity: 1;
}

.tabbut button {
  border: 1px solid #d51805;
  background: #fff;
  font-size: 20px;
  transition: 0.5s;
  width: 23.6%;
  height: 100px;
  vertical-align: top;
  margin: 0 10px;
  margin-bottom: 0;
  margin-top: 100px;
  line-height: 25px;
}
.tabbut button:hover {
  background: #d31806;
  color: #fff;
}
.tabbut button:first-child  {
  margin-left: 0;
}
.tabbut .btn-4 {
  margin-right: 0 !important;
}
.madein-section {
  height: 700px;
}





@media (max-width: 767px) {
 
.top-main-section {
  background-size: cover;
}
p {
  font-size: 15px !important;
}
.main-text h1 {
  font-size: 25px;
}
.baner-call {
  display: unset;
}
.baner-call .border {
  opacity: 0;
}
.baner-call a {
  font-size: 15px;
}
.baner-call img {
  width: 30px;
}
.baner-call .border {
  height: 15px;
}
.main-line {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
.category-detail h3 {
  font-size: 23px;
}
.category-detail a {
  font-size: 15px;
}
.product-link a, .enq-but a {
  font-size: 17px;
}
.category-box .category-hover {
  height: 70%;
}
 .main-line {
    padding: 50px 20px;
  }
.enq-but {
  margin-top: 10px;
}
.category-detail a, .enq-but a {
  padding: 7px 14px;
}
.category-box {
  padding-bottom: 35px;
}
h2 {
  font-size: 22px !important;
}
.middal-text p {
  padding-right: 0;
}
.middal-icon {
  padding-top: 50px;
  bottom: -35px;
}
.news-img img {
  width: 100%;
}
.news-detail {
  display: unset;
}
.news-top {
  width: 100%;
   position: unset;
   margin: 20px 0;
}
.news-bottem {
    width: 95%;
    position: unset;
    margin: 0 auto;
    padding: 20px;
  }

.news-bottem a {
  font-size: 16px;
}
.news-had {
  padding-bottom: 50px;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  left: 0;
  top: auto;
  z-index: 0;
  bottom: 0;
}
.call-mail a, .call-mail p {
  padding: 7px 10px;
  font-size: 15px;
}
.call-mail .mail {
  margin-left: 0px;
}
.call-mail2 img {
  width: 40px;
}

.call-mail2 {
  margin-bottom: 20px;
}
.input-box {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
  padding: 0 0px;
  margin-top: 30px;
}

.input-box-detail input, .input-box-detail textarea {
  margin-bottom: 10px;
  padding: 10px 15px;
  font-size: 14px;
}
.sub-box {
  display: unset;
  justify-content: center;
}
.helpNowFormButton {
  width: 60%;
  font-size: 18px;
}
 .input-box-detail input:last-child {
  margin-bottom: -8px;
 }

 .main-text h1 br{
    display: none;
 }
 .industries-section .industries-detail {
  grid-template-columns: repeat(1, 1fr);
 }
.industries-right .icon-box {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 30px;
}
.industries-icon h5 {
  font-size: 16px;
}
.application-areas {
  grid-template-columns: repeat(1, 1fr);
}
.application-areas .application-box {
  display: unset;
}
.application-areas .application-img img {
  border-right: 0 ;
  border-bottom: 7px solid #d31806;
}
.application-areas .application-text {
   width: 100%;
}
.application-areas .application-text {
  padding: 15px 20px;
}
.industries-section .industries-left p {
  padding-right: 0;
}

.main-text p br {
  display: none;
}


.popular .popular-title h2 {
  font-size: 35px;
}
.popular .swiper-slide a {
  font-size: 14px;
}
.link-sile {
  margin-bottom: 5px;
}
.popular {
  padding: 50px 0;
}
.call-mail.call-mail1 {
  display: unset;
}

.meets-had p {
  padding: 0 0;
  padding-bottom: 50px;
}
.bg-text ul li {
  font-size: 15px;
  padding-left: 50px;
}
.bg-text ul li br {
  display: none;
}
.bg-text ul li i {
  font-size: 30px;
}
.bg-text p {
  padding-right: 0;
}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed, .strength-section .accordion-button:not(.collapsed) {
  font-size: 16px;
  padding: 10px 10px;
  margin-left: 0;
}
.accordion-body.newbody {
  display: unset;
}
.accordion-body.newbody p {
  width: 100%;
}
.accordion-body.newbody img {
  margin-left: auto;
  margin-right: 0;
  width: 100px;
  text-align: right;
}
.strength-section {
  padding: 50px 0;
}
.strength-section .accordion {
  padding-top: 0px;
}
.madein-text {
  padding-top: 0;
  padding-right: 0;
}
.madein-detil {
  grid-template-columns: repeat(1, 1fr);
  padding: 0 0;
}
 .image-wrapper {
    width: 320px;
    height: 320px;
    margin: 0 auto;
  }
.image-wrapper img {
  top: 0;
  left: 0;
}
.tabbut button {
  font-size: 14px;
  width: 45%;
  height: 85px;
  margin: 0 5px;
  margin-bottom: 25px;
  margin-top: 0;
  line-height: 20px;
  padding: 5px 5px;
}
.tabbut button:first-child {
  margin-left: 5px;
}
.tabbut .btn-4 {
  margin-right: 5px !important;
}
.madein-section {
  height: auto;
}




}
@media (min-width: 600px) and (max-width: 768px) { 
      .application-areas, .main-line {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .category-detail h3 {
font-size: 20px;
  }    
  .category-box .category-hover {
    height: 61%;
  }
  .main-line {
    padding: 50px 0;
  }
  .bg-text h2 br {
    display: none;
  }
   .bg-text ul li i {
    font-size: 25px;
    top: 0;
  }
   .accordion-body.newbody {
    display: flex;
  }
  .accordion-body.newbody p {
    width: 71%;
  }

}

@media (min-width: 768px) and (max-width: 991px) { 
   .main-line {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
   .application-areas {
    grid-template-columns: repeat(1, 1fr);
   }
  .category-detail h3 {
font-size: 20px;
  }    
  .category-box .category-hover {
    height: 66%;
  }
  .main-line {
    padding: 50px 0;
  }
  .main-text h1 {
  color: #fff;
  font-size: 35px;
}
.top-main-section {
  height: 400px;
  background-size: cover;
}
h2{
  font-size: 25px !important;
}
p, a {
  font-size: 16px !important;
}
.middal-text p {
  padding-right: 0;
}
.middal-icon {
  padding: 25px 25px;
  padding-top: 25px;
  left: -7px;
  width: 182px;
  bottom: -90px;
}
.baner-call img {
  width: 30px;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  left: 0px;
  top: 15%;
  z-index: 0;
}
.news-slider {
  padding-bottom: 0;
}
.input-box {
   gap: 5px;
  padding: 0 00px;
}
.input-box-detail input, .input-box-detail textarea {
  font-size: 14px;
  margin-bottom: 18px;
  padding: 10px 15px;
}
.helpNowFormButton {
  width: 45%;
  font-size: 15px;
}
.news-bottem {
  left: -100px;
}
.industries-section .industries-left p {
  padding-right: 0;
}
.industries-right .icon-box {
  margin-top: 0;
  padding-right: 50px;
}
.industries-icon h5 {
  font-size: 16px;
}
.industries-right .icon-box {
  width: 120%;
}
.meets-had p {
  padding: 0;
  padding-bottom: 50px;
}
.bg-text p {
  padding-right: 0;
}
.bg-text ul li {
  padding-left: 50px;
  font-size: 16px;
}
.bg-text ul li br {
  display: none;
}
.bg-text ul li i {
    font-size: 30px;
}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed, .strength-section .accordion-button:not(.collapsed) {
  font-size: 18px;
  padding: 15px 15px;
}
.accordion-body.newbody p {
  width: 65%;
}
.accordion-body.newbody img {
  margin-left: auto;
  margin-right: 2%;
  width: 100px;
}
.madein-text {
  padding-top: 0;
  padding-right: 0;
}
.madein-detil {
  padding: 0 0;
}
.image-wrapper {
  width: 300px;
  height: 300px;
}
.tabbut button {
  font-size: 14px;
  width: 23%;
  height: 93px;
  margin: 0 5px;
  margin-bottom: 0;
  margin-top: 20px;
  line-height: 20px;
}
.image-wrapper img {
  top: -135%;
}
.madein-section {
  height: 400px;
}



.popular .popular-title h2 {
  font-size: 40px;
}
.popular .swiper-slide a {
  font-size: 15px;
}
.link-sile {
  margin-bottom: 5px;
}


}

@media (min-width: 992px) and (max-width: 1200px) { 
.main-line {
    gap: 20px;
  }
  .category-detail h3 {
font-size: 20px;
  }    
  .category-box .category-hover {
    height: 63%;
  }

  .main-line {
    padding: 50px 0;
  }
  .main-text h1 {
  color: #fff;
  font-size: 35px;
}
.top-main-section {
  height: 400px;
  background-size: cover;
}
h2{
  font-size: 25px !important;
}
p, a {
  font-size: 16px !important;
}
.middal-text p {
  padding-right: 0;
}
.middal-icon {
  padding: 25px 25px;
  padding-top: 25px;
  left: -7px;
  width: 182px;
  bottom: -90px;
}
.baner-call img {
  width: 30px;
}
 .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    left: -100px;
    top: 18%;
    z-index: 0;
  }

.news-slider {
  padding-bottom: 0;
}
.input-box {
   gap: 10px;
  padding: 0 00px;
}
.input-box-detail input, .input-box-detail textarea {
  font-size: 14px;
  margin-bottom: 20px;
  padding: 10px 15px;
}
  .helpNowFormButton {
    width: 35%;
    font-size: 16px;
  }
.news-bottem {
  left: -100px;
}
.industries-section .industries-left p {
  padding-right: 0;
}
.industries-right .icon-box {
  margin-top: 0;
  padding-right: 50px;
}
.industries-icon h5 {
  font-size: 16px;
}
.industries-right .icon-box {
  width: 120%;
}
.application-areas .application-box {
  display: unset;
}
.application-areas .application-img img {
  border-right: 0px;
  border-bottom: 7px solid #d31806;
}
.application-areas .application-text {
  width: 100%;
}

.popular .popular-title h2 {
  font-size: 40px;
}
.popular .swiper-slide a {
  font-size: 15px;
}
.link-sile {
  margin-bottom: 5px;
}
.meets-had p {
  padding: 0 0px;
  padding-bottom: 70px;
}
.bg-text p {
  padding-right: 0;
}
.bg-text ul li {
  padding-left: 50px;
  font-size: 16px;
}
.bg-text ul li br {
  display: none;
}
.bg-text ul li i {
    font-size: 30px;
}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed, .strength-section .accordion-button:not(.collapsed) {
  font-size: 18px;
  padding: 15px 15px;
}
.accordion-body.newbody p {
  width: 65%;
}
.accordion-body.newbody img {
  margin-left: auto;
  margin-right: 2%;
  width: 100px;
}
.madein-text {
  padding-top: 0;
  padding-right: 0;
}
.madein-detil {
  padding: 0 0;
}
.image-wrapper {
  width: 300px;
  height: 300px;
}
.tabbut button {
  font-size: 14px;
  width: 23%;
  height: 93px;
  margin: 0 5px;
  margin-bottom: 0;
  margin-top: 20px;
  line-height: 20px;
}
.image-wrapper img {
  top: -135%;
}
.madein-section {
  height: 350px;
}



.popular .popular-title h2 {
  font-size: 40px;
}
.popular .swiper-slide a {
  font-size: 15px;
}
.link-sile {
  margin-bottom: 5px;
}



}


@media (min-width: 1200px) and (max-width: 1400px) { 

 .main-text h1 {
  font-size: 45px;
 }
 a, p {
  font-size: 17px !important;
 }
.category-box {
  padding-bottom: 40px;
}
.category-detail a {
  padding: 10px 15px;
}
.category-detail h3 {
  font-size: 21px;
}
 h2 {
  font-size: 30px !important;
}
.popular .popular-title h2 {
  font-size: 70px;
}
.popular .swiper-slide a, .industries-icon h5 {
  font-size: 17px;
}
.application-areas {
  gap: 25px;
}
.top-main-section {
  background-size: cover;
}
.middal-text p {
  padding-right: 50px;
}
.middal-icon {
  padding: 25px 25px;
  padding-top: 100px;
  left: 0px;
}
.input-box {
  padding: 0 50px;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  left: -130px;
  top: 15%;
  z-index: 0;
}

.news-img img {
  width: 330px;
  height: 100%;
}

.news-bottem {
  width: 310px;
  padding: 10px 10px;
  left: -100px;
}
.news-detail {
  display: flex;
  gap: 0px;
  margin-top: 30px;
}
.application-text h5 {
  font-size: 17px;
}
.application-text p {
  font-size: 14px !important;
}

.meets-had p {
  padding: 0 162px;
  padding-bottom: 100px;

}
.tabbut button {
  font-size: 18px;
  width: 23%;
}
.image-wrapper {
  width: 550px;
  height: 550px;
}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed, .strength-section .accordion-button:not(.collapsed) {
  font-size: 21px;
}


}
#helpNowForm label.error {
	color: red !important;
	position: relative;
	top: -11px;
}