* 
{
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}
body{
	background-color: #fff;
	color: #000;
	font-size: 20px;
	font-family: 'Roboto';
	padding: 0px;
	margin: 0;
}
a{
	text-decoration: none;
}
dl, ol, ul {
	padding: 0px;
	margin: 0px;
}
.container-fluid{
padding-right: var(--bs-gutter-x,0.25rem);
padding-left: var(--bs-gutter-x,0.25rem);
}

/*-----header-----start-------*/

.navbar-a{
	background-color: #e39924;
	padding: 10px 0;
}
.phone-number{}
.phone-number ul{
	list-style: none;
}
.phone-number ul li{
	display: inline-block;
	padding-right: 5px;
}
.phone-number ul li a{
	color: #fff;
	font-size: 17px;
}

.social-media-icons{
	text-align: right;
}
.social-media-icons ul{
	list-style: none; 
}
.social-media-icons ul li{
	display: inline-block;
}
.social-media-icons ul li i{
	color: #10a500;
	background-color: #fff;
	border-radius: 5px;
	font-size: 17px;
	margin-right: 5px;
	width: 30px;
	padding: 6px 0;
	text-align: center;
	border: solid 1px #fff;
}
.social-media-icons ul li i:hover{
	background-color: #fff;
	color: #373435;
	transition: 0.5s ease-in;
}
/*--end--*/


/*---nevbar-b----start------*/

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link {
  color: #373435;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
  color: #b9934e;
}
.navbar-expand-lg .navbar-nav {
  padding-left: 30px;
}

.appointment-bt a{
	background-color: #B90000;
	color: #fff;
	font-size: 18px;
	padding: 9px 10px;
	border-radius: 5px;
	text-shadow: 0px 0px 1px #999;
}
.appointment-bt a:hover{
	background-color: #373435;
	color: #fff;
	transition: 0.5s ease-in;
}
/*end*/

/*--banner---start------*/
.carousel-caption h2{
	color: #fff;
	font-weight: bold;
}
.carousel-caption p{
	font-size: 20px;
	color: #fff;
}
.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
	background-color: #000;
	border-radius: 4px;
	color: #fff;
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #fff;
}
/*--end--*/

/*-----about-us-----start-------*/
.about-us{
	padding: 40px 0;
	background-color: #f8f5f1;
}
.about-us-text h5{
	color: #373435;
	font-weight: bolder;
}
.about-us-text h1{
	color: #2b2929;
	font-weight: bold;
	text-shadow: 0 0 1px #2b2929;
	padding: 12px 0 10px 0;
	line-height: 45px;
}
.about-us-text p{
	color: #373435;
	font-size: 18px;
}
.about-read-more-bt {
	margin-top: 40px;
}
.about-read-more-bt a{
	background-color: #B90000;
	font-size: 18px;
	text-align: center;
	padding: 8px 10px;
	border-radius: 5px;
	color: #fff;
}
.about-read-more-bt a:hover{
	background-color: #fff;
	padding: 7px 9px;
	border-radius: 5px;
	color: #373435;
	border: solid 1px #373435;
}
/*-end-*/

/*--products-categories-hadding---start-----*/
.products-categories{
	padding: 40px 0;
}
.products-categories-hadding {
	color: #373435;
	text-align: center;
	padding-bottom: 20px;
}
.products-categories-hadding h2{
	font-weight: bold;
}
.Products h5{
	text-align: center;
	padding: 14px 0;
	color: #fff;
	background-color: #B90000;
	text-shadow: 0 0 1px #fff;
}
/*-end-*/

/*--.counter-----start------*/
.counter-main{
     background-image: url("../images/counter-bg.png");
     padding: 25px 0 20px;
}
.counter{
    background-color: #373435;
    text-align: center;
    width: 210px;
    padding: 0 0 25px;
    margin: 0 auto 15px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    position: relative;
    border: solid 1px #fff;
}
.counter:before{
    content: "";
    background: #373435;
    width: 30px;
    height: 30px;
    border-radius: 5px 0;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.07);
    transform: translateX(-50%) rotate(45deg);
    position: absolute;
    bottom: -15px;
    left: 50%;
}
.counter .counter-value{
    color: #fff;
    background-color: #d2ae6d;
    font-size: 38px;
    font-weight: 300;
    padding: 0 0 3px;
    margin: 0 0 25px;
    border-radius: 10px 10px 0 0;
    display: block;
}
.counter h3{
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    margin: 0 0 25px;
}
.counter .counter-icon{
    color: #373435;
    background-color: #d2ae6d;
    font-size: 40px;
    line-height: 60px;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    border-radius: 10px;
}
/*--end--*/

/*--why-choose-us-----start------*/
.why-choose-us{
	background-color: #fff;
	padding: 40px 0;
}
.why-choose-hadding{
	color: #373435;
	text-align: center;
	padding-bottom: 20px;
}
.why-choose-hadding h2{
	font-weight: bold;
}
.why-choose-under{
	--bs-gutter-x: 0.3rem;
}
.why-choose-box{
	background-color: #FFF;
	text-align: center;
	padding: 18px 15px 5px 15px;
	margin: 2px 0;
	box-shadow: 0 0 10px #b1afaf;
}
.why-choose-box img{
	width: 100px;
}
.why-choose-box h3{
	padding: 15px 0 3px 0;
	color: #000;
	font-weight: bold;
	font-size: 20px;
}
.why-choose-box p{
	color: #000;
	font-size: 16px;
}
/*--end--*/


/*--testimonial------start------*/
.testimonial{
	background-color: #f8f5f1;
	padding: 80px 0;
}
.testimonial-hadding{
	color: #373435;
	text-align: center;
	padding-bottom: 20px;
}
.testimonial-hadding h2{
	font-weight: bold;
}
.Testimonial-box{
	margin: 10px 10px;
	background-color: #fff;
	padding: 40px 20px;
	text-align: center;
}
.Testimonial-box h2{
	font-size: 25px;
	font-weight: 800;
	padding: 10px 0 30;
}
.Testimonial-box h3{
	font-size: 18px;
	padding-top: 10px;
	font-weight: 600;
}
.Testimonial-box h4{
	font-size: 16px;
	padding: 10px 0; 
}
.Testimonial-box p{
	font-size: 14px;
	width: 80%;
	margin: 0 auto;
	color: #999;
	font-weight: 500;
}
.Testimonial-box a{
	font-size: 14px;
	text-transform: capitalize;
	text-decoration: none;
	color: #fff;
    background-color: #2c3e50;
    padding: 6px 12px;
    display: inline-block;
    border: solid 1px #2c3e50;
    transition: 0.6s all;
}
.round-i{
	margin: 0 auto;
	text-align: center;
}
.round-i img{
	border-radius: 100%;
	text-align: center;
	margin: 0 auto;
	border: solid 2px #666;
}

.slick-next::before, .slick-prev::before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #8d8881;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-next::after, .slick-prev::after {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #8d8881;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*--end--*/


/*--contact-us---start------*/
.contact-us{
	background-image: url("../images/contact-bg.png");
	padding: 80px 0;
	background-size: cover;
}
.contact-us-hadding{
	color: #d3a96b;
	text-align: center;
	padding-bottom: 20px;
}
.contact-us-hadding h2{
	font-weight: bold;
}
.contact-form{
	background-color: #373435;
	padding: 20px 10px;
	border-radius: 10px;
	border:solid 1px #d3a96b;
	box-shadow: 0 0 4px #fff;
}
.name, .last-name, .email, .phone, .message {
	width: 100%;
	border-radius: 3px;
	margin: 12px 0;
}
.name, .last-name, .email, .phone, .message, ::placeholder{
	color: #373435;
	font-size: 18px;
	padding: 3px;
}
.sumbit{
	margin: 20px 0;
}
.sumbit-bt{
	padding: 3px 18px;
    font-size: 18px;
    color: #373435;
    text-align: center;
    background-color: #B90000;
    border-radius: 3px;
    border: none;
    color: #FFF;
}
.contact-number-box{
	background-color: #373435;
	padding:20px 10px;
	border-radius: 10px;
	border:solid 1px #d3a96b;
	box-shadow: 0 0 4px #fff;
	text-align: center;
	color: #fff;
	margin-bottom: 16px;
}
.contact-number-box h5{
	padding-top: 10px;
}
/*--end--*/


/*------footer----start----*/
.footer{
	background-image: url("../images/footer-bg.png");
	background-size: cover;
	padding: 70px 0;
}
.footer-logo{
	position: absolute;
	z-index: 999;
	margin-top: -110px;
}
.footer-hadding{
	padding-bottom: 18px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}
.footer-about{
  font-size: 15px;
  padding-top: 70px;
  color: #fff;
}

.Contact-menu ul{
	list-style: none;
	display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.Contact-menu ul li{
	padding: 0 0 8px 0;
	font-size: 17px;
}
.Contact-menu ul li a:hover{
	color: #d3a96b;
}
.Contact-menu a{
	color: #fff;
}
.footer-Newsletter{
	font-size: 15px;
  color: #fff;
}
.Newsletter::placeholder{
	padding: 20px;
	font-size: 16px;
	border-radius: 40px;
	padding-left: 7px;
}
.Newsletter-bt{
	background-color: #d3a96b;
	text-align: center;
	cursor: pointer;
	padding: 10px 0;
	margin-top: 20px;
	border-radius: 10px;
}
.Copyright {
	padding: 10px 0;
  font-size: 15px;
  text-align: center;
  background-color: #e39924;
  color: #fff;
 }
.Copyright a{
  color: #fff;
  font-weight: bold;
}
.Copyright a:hover{
  color: #d3a96b;
}
/*--end--*/


/*---about-us-page----srtart----*/
.Top-hadding{
	background-image: url("../images/top-page-hadding-bg.png");
	padding: 120px 0;
	background-size: cover;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 40px;
}
.Top-hadding h2{
	font-size: 40px;
}
.about-peragaap{
  color: #373435;
  font-size: 18px;
  padding: 40px 10px 0 10px;
}	
/*--end--*/


/*product-agro-page----start------*/
.agro{
	background-image: url("../images/agro-bg.png");
}

.products-agro{
	padding: 60px 0;
}
.Products-agro-image img{ 
  border-radius: 4px 30px 4px 30px;
  height: 250px;
  width: 100%;
}
.Products-agro-text{ 
  background-color: #373435;
  padding: 20px;
  color: #fff;
  border-radius: 4px 30px 4px 30px;
  border: solid 1px #9c8359;
}
.Products-agro-text ul{ 
	padding-left: 20px;
 
}
.Products-agro-text ul li{ 
  font-size: 18px;
}
.Products-agro-text h5{ 
  text-align: left;
  font-weight: bold;
  font-size: 25px;
}
.agro-main{
	margin: 20px 0;
}
/*--end--*/

.jewellery{
	background-image: url("../images/jewellery-bg.png");
}
.iron-steel{
	background-image: url("../images/steel-bg.png");
}
.miscellaneous{
  background-image: url("../images/miscellaneous-bg.png");	
}


/*contact-page---start-------*/
.map{
	margin-top: 40px!important;
}
/*--end--*/

/*--privacy-policy----start-----*/
.privacy-policy-text{
	padding: 40px 0;
	 color: #373435;
  font-size: 18px;
}
/*--end--*/

/*--fqa----start-----*/
.fqa-text{
	padding: 40px 0;
	 color: #373435;
  font-size: 18px;
}
/*--end--*/






/*----------Responsive---------start----------*/

@media only screen and (min-width:320px) and (max-width:576px) {
.Contact-menu ul {
  list-style: none;
  display:block;
}
.header{}
.phone-number {
	display: none;
}
.about-us-text h1{
	line-height: 30px;
}
.social-media-icons ul{
	text-align: center;
}
.Products h5{
	font-size: 12px;
}
.call{
	margin-top: 20px;
}
.about-us, .products-categories, .counter-main, .why-choose-us, .testimonial, .contact-us {
	padding: 50px 0;
}
.about-read-more-bt{
	margin-bottom: 50px;
}
}


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

.phone-number ul li a{
	font-size: 15px;
}
.social-media-icons ul{
	text-align: center;
}



	
}

@media only screen and (min-width:768px) and (max-width:1200px) {
 
}








@media screen and (max-width:990px){
    .counter{ margin-bottom: 45px; }
}


.images-gallery ul{
	display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
.images-gallery ul li{
	list-style: none;
}