.new-why{

    padding: 80px 0px;

    background-color: #FFFFFF;

}



.new-why-heading{

    color: #7A300B;

    font-weight: 400;

}



.new-why-text{

    color: #ca6633;

    line-height: 2;

}



.new-why img{

    width: 20%;

}



.new-why-img-text{

    color: #7A300B;

    font-size: 23px;

    font-weight: 400;

    text-align: center;

}

 

.new-choose{

    padding: 80px 0px;

    

}



.new-choose-container1{

    background: url(../images/pattern.png);

    background-position: center center;

    background-size: contain;

    padding: 40px 0px;

}



.new-choose p{

    color: #CC6633;

    font-size: 13px;

    font-weight: 400 !important;

    letter-spacing: 3px !important;

}



.new-choose h1{

    color: #7A300B;

    font-weight: 700;

    line-height: 1.5em;

    letter-spacing: 3px;

}



.banner3{

    padding: 0 !important;

    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url(..//images/banner3.jpg);

    background-position: top center;

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

    width: 100%;

}



.new-choose-content{

    padding: 40px;

    background-color: #7A300B;

    margin: -80px 0px -80px 0px !important;

}



.new-choose-content h2{

    color: #FFECE3;

    font-weight: 700;

    line-height: 1.5em;

}



.new-choose-content ul{

    padding: 0 !important;

    list-style: none;

}



.new-choose-content ul li p{

    color: white;

    letter-spacing: 0 !important;

    font-size: 15px;

    position: relative;

}



.new-career{

    padding: 80px 0px;

}



.new-career h1{

    color: #7A300B;

    font-weight: 700;

    line-height: 1.5em;

    letter-spacing: 3px;

}



.new-career-text{

    font-size: 15px;

    font-weight: 400;

    color: #888;

    line-height: 2;

    margin: 0;

}



.know-more p{

    color: black;

    font-size: 13px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 3px;

    margin-top: -9px;

    margin-left: 5px;

}



.div-bar2{

    width: 50px;

    height: 1px;

    background-color: black;

    margin-top: 4px;

}



.new-career-card{

    padding: 60px 40px;

    width: 100%;

    height: 100%;

    transition: 0.5s ease all;

}



.new-career-card:hover{

    background-color: #f9f9f9;

}



.new-career-card-h5{

    font-size: 22px;

    line-height: 1.5;

    font-weight: 600;

    margin-top: 12px;

    margin-bottom: 20px;

}

.new-career-card p{

    font-size: 15px;

    font-weight: 400;

    color: #888;

    line-height: 2;

    margin: 0;

}



.new-product-slides{

    padding-bottom: 80px;

}



.project{

    position: relative;

 }

 

 .project img{

    height: 500px !important;

 }



 .project .overlay{

    background: linear-gradient(to bottom,rgba(0,0,0,0.0),rgba(0,0,0,0.8));

    position: absolute;

    left: 0px;

    bottom: 0px;

    width: 100%;

    height: 400px;

 }



 .project .content{

    position: absolute;

    width: 100%;

    bottom: 0px;

    left: 0px;

    padding: 32px;

 }



 .project h1,

 .project h6{

    color: #fff !important;

 }



 .project h6{

    text-transform: uppercase;

    letter-spacing: 1px;

    font-size: 14px;

 }



 .project h6::before{

    content: '';

    height: 2px;

    width: 24px;

    background-color: #7A300B;

    display: inline-block;

    vertical-align: middle;

    margin-right: 12px;

 }



 .interested{

    position: relative;

    padding: 80px 0;

    background-color: #7A300B;

 }



 .small-head{

    color: #CC6633;

    font-size: 13px;

    font-weight: 400;

    text-transform: uppercase;

    letter-spacing: 3px;

 }



 .interested .display-1{

    font-size: 6vw !important;

 }



 .interested .display-1 span{

    color: #FFECE3 !important;

 }



 /* .get-in-btn{

    color: white !important;

    background: transparent !important;

    padding: 14px 35px !important;

    border: 1px solid #fff !important;

    border-radius: 0 !important;

    position: relative;

    overflow: hidden !important;

    cursor: pointer !important;

    box-shadow: none !important;

    text-decoration: none;

    z-index: 1;

 } */



/* .wave-btn{

    position: relative;

    display: inline-block;

}



 .wave-btn .wave{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background:white;

 } */



 .btn-epic {

    position: relative;

    margin: auto;

    width: 100%;

    max-width: 216px;

    height: 52px;

    background: transparent;

    transform: translate3d(0px, 0%, 0px);

    text-decoration: none;

    font-weight: 600;

    font-size: 15px;

    letter-spacing: 0.05em;

    transition-delay: 0.6s;

    overflow: hidden;

    color: white !important;

    border: 1px solid white;

  }

  .btn-epic:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: white;

    border-radius: 50% 50% 0 0;

    transform: translateY(100%) scaleY(0.5);

    transition: all 0.6s ease;

  }

  .btn-epic:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: transparent;

    border-radius: 0;

    transform: translateY(0) scaleY(1);

    transition: all 0.6s ease;

  }

  .btn-epic div {

    position: relative;

    top: 16px;

    width: 100%;

    height: 26px;

    text-transform: uppercase;

    overflow: hidden;

  }

  .btn-epic span {

    position: absolute;

    z-index: 1;

    top: 0;

    width: 100%;

    text-align: center;

    transition: transform 0.5s ease;

  }

  .btn-epic span:first-child {

    color: #7A300B;

    transform: translateY(24px);

  }

  .btn-epic span:last-child {

    color: white;

    transform: translateY(0);

  }

  .btn-epic:hover {

    background: transparent;

    transition: background 0.2s linear;

    transition-delay: 0.6s;

  }

  .btn-epic:hover:after {

    border-radius: 0 0 50% 50%;

    transform: translateY(-100%) scaleY(0.5);

    transition-delay: 0;

  }

  .btn-epic:hover:before {

    border-radius: 0;

    transform: translateY(0) scaleY(1);

    transition-delay: 0;

  }

  .btn-epic:hover span:first-child {

    transform: translateY(0);

  }

  .btn-epic:hover span:last-child {

    transform: translateY(-24px);

  }





  .intrested-asap{

    color: #FFECE3;

    font-size: 17px;

    font-weight: 300;

    line-height: 2em;

  }

  

  .reach h1{

    color: #7A300B;

    line-height: 1.5em;

  }



  .form-start{

    position: relative;

    z-index: 5;

    background-color: #FFECE3;

    padding: 40px;

    box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.18);

    margin-top: -65px;

    margin-bottom: 60px;

  }

  

  .location5 i{

    font-size: 38px;

    color: #7A300B;

    margin-top: 32px !important;

  }



  .location5 .envelope{

    font-size: 23px;

    color: #7A300B;

    margin-top: 16px !important;

  }





  .new-address{

    padding-left: 23px;

  }

  .new-address p{

    color: #ca6633;

    font-weight: 600;

  }



  .new-address span{

    color: #CC6633;

  }



  .btn-sub {

    display: block;

    position: relative;

    width: 100%;

    margin: auto;

    margin-top: 20px;

    max-width: 216px;

    height: 52px;

    background-color: #7A300B !important;

    transform: translate3d(0px, 0%, 0px);

    text-decoration: none;

    font-weight: 400;

    font-size: 15px;

    letter-spacing: 0.05em;

    transition-delay: 0.6s;

    overflow: hidden;

    color: white !important;

    border: 1px solid black;

  }

  .btn-sub:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: white;

    border-radius: 50% 50% 0 0;

    transform: translateY(100%) scaleY(0.5);

    transition: all 0.6s ease;

  }

  .btn-sub:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #7A300B;

    border-radius: 0;

    transform: translateY(0) scaleY(1);

    transition: all 0.6s ease;

  }

  .btn-sub div {

    position: relative;

    top: 16px;

    width: 100%;

    height: 26px;

    text-transform: uppercase;

    overflow: hidden;

  }

  .btn-sub span {

    position: absolute;

    z-index: 1;

    top: 0;

    width: 100%;

    text-align: center;

    transition: transform 0.5s ease;

  }

  .btn-sub span:first-child {

    color: black;

    transform: translateY(24px);

  }

  .btn-sub span:last-child {

    color: white;

    transform: translateY(0);

  }

  .btn-sub:hover {

    background: #7A300B;

    transition: background 0.2s linear;

    transition-delay: 0.6s;

  }

  .btn-sub:hover:after {

    border-radius: 0 0 50% 50%;

    transform: translateY(-100%) scaleY(0.5);

    transition-delay: 0;

  }

  .btn-sub:hover:before {

    border-radius: 0;

    transform: translateY(0) scaleY(1);

    transition-delay: 0;

  }

  .btn-sub:hover span:first-child {

    transform: translateY(0);

  }

  .btn-sub:hover span:last-child {

    transform: translateY(-24px);

  }



@media screen and (max-width:992px){

    .new-choose-content{

        margin: 0 !important;

    }

    .banner3{

        background-color: white;

    }



    .new-choose-container1{

        padding: 25px 0px;

    }



    .new-why-text{

        font-size: 15px !important;

    }

    .new-why-img-text{

        font-size: 13px;

    }



    .new-career-card{

        border: 1px solid #eee;

    }

     #google_translate_element{

    left: 20px;

  }

}



@media screen and (max-width:768px){

.new-career-text{

    margin-top: 10px;

}



.new-career-card{

    padding: 30px 20px;

}



.main-content-slide h1{

  text-align: center;

}



.main-content-slide p{

  text-align: center;

  font-size: 13px;

}





}



@media screen and (max-width:540px){

  .form-start{

    padding: 25px;

  }

  .details2 img{

    height: 60vh;

  }

  }



.scrolled{

    background-color: black !important;

    transition: 0.5s ease all;

}



.new-footer{

  padding: 50px 0px;

  background-color: #7A300B;

}



.footer-logo img{

  height: 120px !important;

}



.footer-text{

  margin: 0;

  margin-top: 20px;

  font-size: 15px;

    font-weight: 400;

    color: #FFECE3;

    line-height: 2;

}



.useful-links-head{

  color: #FFECE3;

  font-weight: 600;

}



.footer-link{

  text-decoration: none;

  color: #FFECE3;

}



.footer-link:hover{

  color: #888 !important;

}



.location6 i{

  font-size: 38px;

  color: #FFFFFF !important;

  margin-top: 32px !important;

}



.location6 .envelope{

  font-size: 23px;

  color: #7A300B;

  margin-top: 16px !important;

}



.new-address2{

  padding-left: 23px;

}

.new-address2 p{

  color: white;

  font-weight: 600;

}



.new-address2 span{

  color: white;

}



.new-contact-page{

  padding: 80px 0;

  background-color: #CC6633;

}



.new-contact-page h1{

  color: #FFECE3;

  font-size: 55px;

}



.new-contact-page p{

  color: #FFECE3;

  line-height: 2;

  font-size: 15px;

  font-weight: 400;

}



.form-start2{

  position: relative;

  z-index: 5;

  background-color: white;

  padding: 40px;

  margin-top: 14px;

  box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.18);

  margin-bottom: 60px;

}



.location7 i{

  font-size: 38px;

  color: #CC6633!important;

  margin-top: 32px !important;

}



.location7 .envelope{

  font-size: 23px;

  color: #CC6633;

  margin-top: 16px !important;

}



.new-address3{

  padding-left: 23px;

}

.new-address3 p{

  color: #CC6633;

  font-weight: 600;

}



.new-address3 span{

  color: #CC6633;

}



.form-check-input:checked {

  background-color: #CC6633 !important;

  border-color: #CC6633 !important;

}



.google-map{

  width: 100% !important;

  height: 350px;

}



.google-map iframe{

  width: 100% !important;

  height: 100%;

  filter: grayscale(100%) !important;

}



.new-about-us{

  padding: 80px 0px;

  background-color: #FFECE3;

}



.about-img1{

  width: 100%;

  height: 100%;

}





.about-company{

  color: #888;

  font-size: 15px;

  font-weight: 400;

  line-height: 2;

}



.welcome-thar{

  color: #7A300B;

  font-weight: 400;

}



.dots{

  color: #CC6633;

  font-size: 32px;

  font-weight: 1000;

}



.about-text{

  font-size: 15px;

    font-weight: 400;

    color: #888;

    line-height: 2;

    margin: 0;

}



.satisfaction{

  padding: 80px 0;

  background-color: #FFECE3;

}



.satisfaction .container-fluid{

  padding: 0 40px;

}



.satisfaction h1{

  color: #7A300B;

  font-weight: 400;

}



.satisfaction p{

  color: #CC6633;

  font-weight: 400;

  line-height: 2;

  font-size: 15px;

}



.breadcrumb-sec{

  padding: 80px 0;

  background-color: #7A300B;

}



.breadcrumb-sec h1{

  font-weight: 900 !important;

  padding: 30px 0;

}



.breadcrumb-item a{

  text-decoration: none;

  color: #fff;

}



.breadcrumb-item{

  color: white;

}



.breadcrumb-item a:hover{

  color: #888 !important;

}



.breadcrumb-item+.breadcrumb-item::before{

  color: white !important;

}



.product-parallax{

  margin: 0 !important;

  height: 75vh;

  width: 100%;

  

}



.product-parallax-second{

  margin: 0 !important;

  height: 45vh;

  width: 100%;

}



.product-parallax1{

  background: url(../images/quartz-1.jpg);

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-size: cover;

}



.product-parallax2{

  background: url(../images/bentonite-front.jpg);

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-size: cover;

}



.product-parallax3{

  background: linear-gradient(rgba(9, 32, 50, 0.4), rgba(9, 32, 50, 0.4)),url(../images/banner1.jpg);

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-size: cover;

}



.product-parallax4{

  background:url(../images/china-clay-bg.jpg);

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-size: cover;

}



.product-parallax5{

  background: linear-gradient(rgba(9, 32, 50, 0.4), rgba(9, 32, 50, 0.4)),url(../images/banner4.jpg);

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-size: cover;

}



.product-intro{

  padding: 80px 0;

  background-color: #FFECE3;

}



.product-intro h2{

  color: #7A300B !important;

  font-weight: 700;

  text-align: center;

}



.product-intro p{

  color: #CC6633;

  font-weight: 400;

  line-height: 2;

  font-size: 15px;

}



.new-product-sec{

  padding: 80px 0;

}





.new-product-name{

  color: #7A300B;

}



.new-product-info p{

  color: black;

  font-weight: 400;

  line-height: 2;

}





td{

  font-size: 0.9rem !important;

  padding: 14px !important;

}



.main-product-content h5{

  color: #7A300B !important;

  font-weight: 600 !important;

  margin-bottom: 2rem !important;

}



.main-product-content h6{

  color: #7A300B !important;

  font-weight: 400 !important;

  margin-bottom: 1rem !important;

  font-size: 29px !important;

}



.main-product-content ul{

  padding: 0px !important;

}



.main-product-content li{

  font-size: 14px !important;

  list-style: none !important;

  margin-bottom: 20px !important;

}



.main-product-content span i{

  color: #7A300B !important;

  margin-right: 5px !important;

  font-size: 10px !important;

  margin-top: 5px;

}



.application{

  padding: 0px 15px !important;

}



.next-product{

  padding: 80px 0;

  background-color: #CC6633;

  transition: 0.3s ease all;

}



.next-product:hover{

  background-color: #b95d2f;

}



.next-small{

  color: #24d5b4;

    font-size: 13px;

    font-weight: 400;

    letter-spacing: 4px;

}



.mineral-img{

  padding: 0.4rem !important;

  margin-bottom: 3rem !important;

  position: relative;

}



.mineral-img img{

  width: 100%;

  object-fit: cover !important;

}



.app-img{

  position: relative;

  overflow: hidden;

  padding: 0 !important;

  transition: 0.5s ease all;

}



.app-image{

  position: relative;

  transition: 0.5s ease all;

}



.app-img:hover .app-image{

  transform: translateY(-2.1rem) !important;

}





.app-img .app-name{

padding: 20px !important;

padding-bottom: 50px !important;

background-color: #7A300B;

color: white !important;

font-size: 22px;

text-transform: uppercase;

position: absolute;

left: 0;

top: auto;

width: 100%;

height: 30%;

transition: 0.5s ease all;

}



.app-img:hover .app-name{

  transform: translateY(-5.5rem) !important;

}



.details{

  background: linear-gradient(rgba(9, 32, 50, 0.4), rgba(9, 32, 50, 0.13)),url(../images/banner1.jpg);

 object-position: top !important;

  object-fit: cover !important;

  width: 100%;

  background-repeat: no-repeat;

  background-size: cover;

} 



.details2{

   width: 100%;

}



.details2 img{

  object-fit: cover;

}



.details{

  height: 400px;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

}

.details h3{

font-size: 45px;

  color: #FFFFFF;

  text-align: center;

  font-weight: 700;



}



.btn-danger {

  margin-left: 2px !important;

  color: #fff;

  background-color: transparent !important;

  border-color:transparent !important;

}



.active{

  background-color: #7A300B;

}



.main-product-content h3{

  color:#7A300B !important;

  font-weight: 700 !important;

  margin-bottom: 2rem !important;

}



.add-info h4{

  color: #b95d2f !important;

}



.q-enquiry-col h3{

  color: #b95d2f;

}



.progress-bar{

  background-color: #7A300B !important;

}

.whats-app-icon{

  position: fixed;

  bottom: 50px;

    right: 35px;

    z-index: 999;

}



.whats-app-icon a{

  text-decoration: none;

  background-color: #075E54 !important;

  padding: 20px 18px;

  border-radius: 100%;

}



.whats-app-icon i{

color: white !important;

font-size: 30px;

vertical-align: middle;

}



@media screen and (max-width:394px) {

  .about-type-img{

    width: 60%;

    right:-24px

  }

  .abs-img {

    right: -86px;

    top: -69px

}

}



#preloader{

  background: #fff url(../images/preloader.gif);

  background-repeat: no-repeat;

  background-position: center;

  height: 100vh;

  width: 100vw;

  position: fixed;

  z-index: 10000;

}



@media screen and (max-width:576px) {

  .navbar-brand img{

    transition: 0.5s ease all;

    height: 90px ;

  }



  .navbar .container{

    transition: 0.5s ease all;

    padding-top: 5px;

    padding-bottom: 10px;

    display: flex;

    flex-direction: column;

  }



  .tapu-beta{

    left: 60px;

  }

  

  .nav-start{

    width: 100% !important;

    text-align: start !important;

  }



  .nav-end{

    width: 100% !important;

    text-align: end !important;

  }

}



.scrolled2{

  height: 40px !important;

}



.scrolled3{

  flex-direction: row !important;

}



.goog-te-gadget-simple {

  background-color: transparent !important;

  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20,5H10.88L10,2H4A2,2 0 0,0 2,4V17A2,2 0 0,0 4,19H11L12,22H20A2,2 0 0,0 22,20V7A2,2 0 0,0 20,5M7.17,14.59A4.09,4.09 0 0,1 3.08,10.5A4.09,4.09 0 0,1 7.17,6.41C8.21,6.41 9.16,6.78 9.91,7.5L10,7.54L8.75,8.72L8.69,8.67C8.4,8.4 7.91,8.08 7.17,8.08C5.86,8.08 4.79,9.17 4.79,10.5C4.79,11.83 5.86,12.92 7.17,12.92C8.54,12.92 9.13,12.05 9.29,11.46H7.08V9.91H11.03L11.04,10C11.08,10.19 11.09,10.38 11.09,10.59C11.09,12.94 9.5,14.59 7.17,14.59M13.2,12.88C13.53,13.5 13.94,14.06 14.39,14.58L13.85,15.11L13.2,12.88M13.97,12.12H13L12.67,11.08H16.66C16.66,11.08 16.32,12.39 15.1,13.82C14.58,13.2 14.21,12.59 13.97,12.12M21,20A1,1 0 0,1 20,21H13L15,19L14.19,16.23L15.11,15.31L17.79,18L18.5,17.27L15.81,14.59C16.71,13.56 17.41,12.34 17.73,11.08H19V10.04H15.36V9H14.32V10.04H12.36L11.18,6H20A1,1 0 0,1 21,7V20Z' fill='%23161617'/%3E%3C/svg%3E") center / 12px no-repeat;

  -webkit-transition: all .2s ease;

  transition: all .2s ease;

  background-size: 20px 20px;

  display: inline-block;

  font-weight: 400;

  line-height: 1.8;

  padding: 0 6px;

  text-align: center;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  border-left: none !important;

  border-top: none !important;

  border-bottom: none !important;

  border-right: none !important;

  border-radius: 4px

}



.VIpgJd-ZVi9od-ORHb-OEVmcd{

  visibility: hidden !important;

}



.goog-te-gadget{

  color: transparent !important;

}



.VIpgJd-ZVi9od-l4eHX-hSRGPd, .VIpgJd-ZVi9od-l4eHX-hSRGPd{

  display: none !important;

  visibility: hidden;

}



#google_translate_element{

  position: relative;

  top: 8px;

}



.goog-te-gadget .goog-te-combo{

  background-color: #7A300B !important;

  color: white !important;

  padding: 10px;

  border: none !important;

  border-radius: 8px;

  font-size: 16px;

}



.goog-te-gadget .goog-te-combo option{

  padding: 8px 4px !important;

}



.goog-te-gadget .goog-te-combo option:hover{

  background-color: #888 !important;

}



.goog-te-gadget .goog-te-combo:focus-visible{

  border: none !important;

}



.navbar-toggler:focus{

  box-shadow: none !important;

}



.social-media-color{

  color: white !important;

  font-size: 18px !important;

  transition: 0.3s ease-in-out all;

}



.social-link-a{

  height: 38px;

    width: 40px;

    background: #b95d2f;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0 5px;

    transition: 0.3s ease-in-out all;

}



.social-link-a:hover{

  background: none;

}



.social-link-a:hover .social-media-color{

  transform: scale(1.1);

}



.details2 {

  background: url(../images/products-bg.jpg);

  background-position: center center;

  width: 100vw;

  height: 100vh;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 80px 0 ;

}



.product-description{

  position: relative;

}



.product-description::before{

  content: "";

  position: absolute;

  background: url(../images/paper-texture.jpg);

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  opacity: 0.9;

}





.details {

  height: 400px;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

}



.details h3 {

  font-size: 45px;

  color: #FFFFFF;

  text-align: center;

  font-weight: 700;



}