@charset "utf-8";
/* CSS Document */
.space {
    padding: 70px 0px;
}
.space-30 {
    padding: 30px 0px;
}
.text-justify {
    text-align: justify;
}
.bg-1 {
background-color: #0d0202;
background-image:url("../sbt-coatings/bg/bg-01.jpg");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}
.border-1 {
    border:  solid #C0C0C0 1px;
}
.breadcrumb-h1{
    font-size: 18px;
    color: #F9F9F9;
    font-weight: 400;
    margin-bottom: 0px;
    padding-top: 15px;
}
.breadcrumb-title {
  font-size: 45px;
  color: rgb(255, 255, 255);
    margin-bottom: 0px;
    font-weight: 500;
}
.include_product {
    font-size: 18px;font-weight: 300;
}

h1.title1 {
  font-size: 40px !important;
  font-weight: 600 !important;
  line-height: var(--line-height-heading, 1.2) !important;
  margin-bottom: 20px !important;
  color: #222 !important;
}

.form-bg {
  background-color: #F1F1F1;
  padding: 20px;
}
.form-control, .input-text {
  padding: 14px 30px;
  outline: 0;
background-color: #fff;
   margin:10px;
  border: 1px solid #f4f5f8;
  color: #686a6f;
  font-size: 0.9rem;
  width: 100%;
}
.page-title.space {
  padding: 45px 0 !important;
}


.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e %3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


.carousel-control-prev-icon {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e %3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}


.carousel-indicators [data-bs-target]
{
	background-color: #e71800;
}

/*==================================================================*/
@media only screen and (max-width: 1199px){
    .serviceBox{ margin: 0 10px 30px; }
}
.column-20 {
    flex: 0 0 auto;
    width: 20%;
  }

/* Mobile Responsive Styles */
@media (max-width: 768px) {
    .breadcrumb-h1 {
        font-size: 16px; /* smaller on tablets and mobiles */
        padding-top: 10px;
    }
    
		.column-20 {
    flex: 0 0 auto;
    width: 100%;
  }	
    .hidden-xs{
        display: none;
    }
	
	  .header-style-four .main-box .logo img {
    height: 50px;
  }
	
	  .banner-section-two .content-box {
    padding: 60px 0;
    min-height: auto;
  }
	
	.space {
  padding: 40px 0px !important;
}
	
	.service-block-two .inner-box::after
	{
		display: none;
	}
	.main-header .logo img {
  height: 50px;
}	
	
}

@media (max-width: 480px) {
    .breadcrumb-h1 {
        font-size: 14px; /* for small mobiles */
        padding-top: 8px;
    }
    .breadcrumb-title {
        font-size: 34px;
    font-weight: 600;
    }
     .hidden-xs{
        display: none;
    }
	.page-title.space {
  padding: 20px 0 !important;
}
	
	 .sec-title h2 {
    font-size: 32px !important;
  }
	
	.sec-title .sub-title
	{
		font-size: 14px !important;
	}
	.sec-title
	{
		margin-bottom: 25px !important;
	}
	.footer-widget .logo img {
  height: 50px;
}
}

.footer-tagline {
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 500;
  padding: 0;
  color: #333;
  letter-spacing: 0.5px;
}

.footer-tagline p {
  display: inline-block;
  position: relative;
  padding-bottom: 4px;
    margin-bottom: 0px;
  border-bottom: 3px solid transparent;
  border-image: linear-gradient(to right, #FF9933, #FFFFFF, #138808) 1; /* Indian tricolor underline */
}

.footer-tagline a {
  color: #333;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-tagline a:hover {
  color: #FF9933; /* saffron hover effect */
}
	.product-grid{
			text-align: center;
			border-radius: 5px;
			border: 2px solid #e5e5e5;
			margin-bottom: 20px;
		}
		a:hover{ text-decoration:none; }
		.product-grid .product-image a.image{ display: block; }
		.product-grid .product-image img{
			width: 100%;
			height: auto;
		}
		.product-grid .product-content{
			background: #fff;
			padding: 12px 15px;
		}
		.product-grid .title{
			font-size: 18px;
			font-weight: 600;
			text-transform: capitalize;
			margin: 0 0 7px;
		}
		.product-grid .title a{
			color: #000;
			transition: all 0.3s ease 0s;
		}

		.product-grid .price{
			color: #000;
			font-size: 16px;
			font-weight: 500;
			margin: 0 0 10px;
		}
		.product-grid .button{
			color: #000000;
			background: #F8DDB7;
			font-size: 15px;
			font-weight: 500;
			text-transform: uppercase;
			padding: 12px 15px;
			text-align: center;
			display: block;
			box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
			transition: all .2s ease;
		}
		.product-grid .button:hover{ 
			color: #fff;
			background: #555151;
		}
.border-dashed {
    border: #FFCB08 dashed 2px;
}
:root{ --main-color: #F09018; }
.serviceBox{
    color: var(--main-color);
    background: var(--main-color);
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 40px 15px 50px;
    margin: 0 10px;
    position: relative;
    z-index: 1;
}
.serviceBox:before{
    content: "";
    background: linear-gradient(45deg,#fff,rgba(255,255,255,0.9));
    border-radius: 98px 0;
    box-shadow: 0 0 8px rgba(0,0,0,0.25);
    position: absolute;
    top: 2px;
    left: -7px;
    right: -7px;
    bottom: 2px;
    z-index: -1;
}
.serviceBox .service-icon{
    font-size: 45px;
    margin: 0 0 15px;
}
.serviceBox .service-icon i{line-height:inherit}
.serviceBox .title{
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 10px;
}
.serviceBox .description{
    color: #454545;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 25px;
    margin: 0;
}
.icon.bg-theme-color2.size {
  width: 87px;
}
.panel-success > .panel-heading {
  background-color: #ac1c30;;
  border-color:#ac1c30;;
  color: #fff;
  font-size: 20px;
    padding: 12px;
}
.panel-success {
  border-color:#ac1c30;;
}
.btn.btn-custome {
  border-radius: 6px;
  padding: 10px 25px;
  font-size: 16px;
  font-weight: 500;
  margin-right: 10px;
  background-color: #ac1c30;
  color: #fff;
}
.btn.btn-reset {
  border-radius: 6px;
  padding: 10px 25px;
  font-size: 16px;
  font-weight: 500;
  margin-right: 10px;
  background-color: #ffcb08;
}
 .mission-box {
  background: #f5f5f6;
  border-left: 4px solid #ac1c30;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.mission-box .mission-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #ac1c30;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.mission-box p {
  color: #333;
  line-height: 1.8;
  margin-bottom: 12px;
}
.serviceBox.red{ --main-color: #AC1C30; }
@media only screen and (max-width: 1199px){
    .serviceBox{ margin: 0 10px 30px; }}

@media (max-width: 767px) {
  .page-title .title {
    font-size: 35px;
    
  }
      .icon.bg-theme-color2.size {
    width: 149px;
  }
     .icon.bg-theme-color2.size2 {
    width: 149px;
  }
    .contact-details__info li .text a {
  font-size: 16px;

}
}
.dl1{
	background: antiquewhite;
	padding: 1rem;
    margin-bottom: 20px;
}

.dl2{
	background: lavenderblush;
    padding: 1rem;
     margin-bottom: 20px;
}
.products-title {
    font-size: 30px;
    font-weight: 600;
}
dt {
	font-weight: 700;
	font-size: 1.3rem;
}
dd {
	margin: 0;
}
/**-----------agnis list 02---------***/

.agnis-list-02{
    width:100%;
}
.agnis-list-02{
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
    font-size: 18px;
    padding: 0;
    margin-bottom: 2em;
}
.agnis-list-02 a{
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    background: #AC1C30;
    color: white;
    text-decoration: none;
    box-shadow:inset 0.5em 0 black;
    -webkit-transition: box-shadow 1s; /* For Safari 3.1 to 6.0 */
    transition: box-shadow 1s;
}
.agnis-list-02 a strong{
    color: white;
}

.agnis-list-02 a:hover{
    box-shadow:inset 2em 0 black;;      
}
/**-------------------------------*/
/**-----------agnis list 02---------***/

.agnis-list-03{
    width:100%;
}
.agnis-list-03{
    counter-reset: li;
    list-style: none;
    font-size: 18px;
    padding: 0;
	 margin-bottom: 2em;
}
.agnis-list-03 a{
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    background:#676767;
    color: white;
    text-decoration: none;
    box-shadow:inset 0.5em 0 black;
    -webkit-transition: box-shadow 1s; /* For Safari 3.1 to 6.0 */
    transition: box-shadow 1s;
}
.agnis-list-03 a strong{
    color: white;
}

.agnis-list-03 a:hover{
    box-shadow:inset 1em 0 black;;      
}
/**-------------------------------*/


.whatsapp-footer {
  position: fixed;
  left: 20px;
  bottom:20px;
 text-align: center;
}