.footer-padding{
    padding-top: 20px;
    padding-bottom: 20px;
}
.img-section{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.img-section img {
    flex: 1 1 200px; /* Adjusts the image size */
    height: 200px; /* or any desired height */
    object-fit: cover; /* Ensures the image covers the area without distorting the aspect ratio */
}
.info-bgcolor-grey{
    background-color: #e4e4e4;
}
.custom-icon{
    font-size: 3.3em;
    color: #c3002f;
}
.content-menu{
    border-radius: 30px;
}
.footer-img-client {
    height: 87px;
    width: 85px;
}
.footer-img-icon {
    height: 50px;
    width: 60px;
}
.footer-img-exp{
	height: 60px;
    width: 77px;
}
.footer-img-con{
	width: 90px;
}
.bg-image {
    background-image: url(../../img/background/row-bgimage-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.ttm_single_image-wrapper.imagestyle-two .ttm_single_image_text:before {
   
    -webkit-mask: url(../../img/background/image-arrow.svg) no-repeat 100% 100% !important;
    -webkit-mask-box-image: url(../../img/background/image-arrow.svg) !important;
    
}
.bg-custom-img{
    background-image: url(../../img/background/col-bgimage-6.jpg) !important;
}
.bg-img-cta{
    background-image: url(../../img/home/home-2.png) !important;
}

.frist-footer-padding-top{
    padding: 0px 15px 00px !important;
    position: relative !important;

}
/* .bg-webkit-img:before{
    -webkit-mask: url(../img/background/image-arrow.svg) no-repeat 100% 100% !important;
    -webkit-mask-box-image: url(../img/background/image-arrow.svg) !important;
}  */
.image-container {
  width: 100%;
  height: 200px; 
  overflow: hidden; 
}
.padding-widget{
    padding-bottom: 00px !important;
}
.image-pro-view{
  width: 100%;
  height: 350px; 
  object-fit: cover; 
}
.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
}
.margin-10{
    margin: 10px !important;
}
.pro-img{
    height: 300px !important;
}
.padding-0{
    padding: 0px !important;
}
.color-h2{
    color: #fff !important;
}
/* .contact-bg-img{
    background: url(../img/backgrounds/breadcrumb.jpg) !important;
}
.infrastructure-bg-img{
    background: url(../img/backgrounds/slider-1.jpg) !important;
}
.dyan-bg-img{
    background: url(../img/backgrounds/dpy.jpg) !important;
}
.about-bg-img{
    background: url(../img/backgrounds/breadcrumb-3.jpg) !important;
}
.jari-bg-img{
    background: url(../img/backgrounds/neem-jari.jpg) !important;
}
.emb-bg-img{
    background: url(../img/backgrounds/emb.jpg) !important;
}
.blog-bg-img{
    background: url(../img/backgrounds/blog.jpg) !important;
} */
.contact-bg-img{
    background: url(../../img/background/contact-us.jpg) !important;
}
.infrastructure-bg-img{
    background: url(../../img/background/infrastructure.jpg) !important;
}
.dyan-bg-img{
    background: url(../../img/background/dyed_polyester.jpg) !important;
}
.about-bg-img{
    background: url(../../img/background/about-us.jpg) !important;
}
.jari-bg-img{
    background: url(../../img/background/matallic_yarn_jari.jpg) !important;
}
.emb-bg-img{
    background: url(../../img/background/embroidery_thread.jpg) !important;
}
.blog-bg-img{
    background: url(../../img/background/blog.jpg) !important;
}


.audio-player {
    width: 100%;  
    border: 1px solid #ddd;  
    border-radius: 5px;  
    background-color: #f8f9fa; 
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);  
    padding: 10px;  
}
.audio-player::-webkit-media-controls-panel {
    background-color: #e9ecef;  
}

.audio-player::-webkit-media-controls-play-button,
.audio-player::-webkit-media-controls-mute-button {
    color: #007bff; 
}

.audio-player::-webkit-media-controls-current-time-display,
.audio-player::-webkit-media-controls-time-remaining-display {
    color: #495057;  
}
.vi-mi-icon{
    width: 50% !important;
}
.pp_details {
    display: none !important;
}
.icon-position{
    left : 56% !important;
}
.first-footer .container {
    padding: 15px 15px 15px !important;
    position: relative !important;
}
.featured-imagebox-portfolio.style2 .featured-content {
    padding: 10px 10px 10px !important;
    
}
.featured-thumbnail .img-custom{
    width: 100% !important;
    height: 200px !important;
}
.mb_0{
    margin-bottom: 0px !important;
}
.c-margin{
    margin: 0px !important;
    margin-top: 10px !important;
}