/* main starts */
.benifits_to_suppliers{
  background-image: url(../../assets/img/benefits_to_supplies.jpg);
  height: 300px; 
  border-radius: 10px; 
  background-size: cover; /* Add this line to scale the image to cover the container */ 
  background-repeat: no-repeat; /* Add this line to prevent the image from repeating */ 
  background-position: center; /* Optional, to center the image horizontally and vertically */ 
  
}
.benifits_to_suppliers h1{
  color: white;
  font-size: 500%;
  font-family: 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', 'sans-serif';
  text-align: center;
  position: relative;
}

/* how to work conterner start */
.work-container{
  display: flex;

}
.work-left-section{
  width: 50%;
}
.work-right-section{
  width: 50%;
}
.work-left-section-container{
  text-wrap: 40%;
  margin-left: 15%;

}
.work-right-section-container{
  text-wrap: 40%;
  text-align: right;
  margin-right: 15%;

}
h4{
  font-size: 150%;align-items: end;
}

/* how to work conterner end */

/* document-info-section starts */
.document-info-section{
  background-color: lightgray;
}

.document-info-sub-section{
  display: flex;
}
.document-info-sub-left-section{
  width: 50%;
  justify-content: center;
  

}
.document-info-sub-right-section{
  width: 50%;

}
.document-info-sub-left-section-heading{
  text-align: center;
  font-size: 20px;

}
.document-info-sub-left-section-heading h3{
  font-size: 25px;
  word-wrap: 10px;;
}
.documents-name-container{
  display: flex;
}
.document-info-sub-left-section-heading{
  width: 70%;
  justify-content: center;

}
.documents-name-left-container{
  word-wrap:normal;
  width: 50%;
  padding: 10px;
  font-size: large;
}
.documents-name-right-container{
  word-wrap:normal;
  width: 50%;
  padding: 10px;
  font-size: large;
}

/* document-info-section ends  */

/* mini container start  */

.gst-benifit-container{
  display: flex;
}



.gst-benifit-left-container{
  width: 50%;
}

.gst-benifit-right-container{
  width: 50%;
}
.gst-conatainer-img img{
  width: 500px; 

}


.document-info-sub-right-section{
    display:none;
}

/* mini container ends  */


/* main ends  */
@media only screen and (max-width: 480px) {
    .benifits_to_suppliers h1{
        font-size:xxx-large;
    }
    .document-info-sub-section{
        display:block;
    }
    .document-info-sub-left-section{
        width:100%;
    }
    .gst-benifit-container{
        display:block;
        
    }
    .gst-benifit-left-container, .gst-conatainer-img, .gst-conatainer-img img{
        width:100%;
    }
    .gst-benifit-right-container{
        width:100%;
    }
 

}


@media only screen and (min-width: 481px) and (max-width: 768px) {
     .benifits_to_suppliers h1{
        font-size:xxx-large;
    }
    .document-info-sub-section{
        display:block;
    }
    .document-info-sub-left-section{
        width:100%;
    }
    .gst-benifit-container{
        display:block;
        
    }
    .gst-benifit-left-container, .gst-conatainer-img, .gst-conatainer-img img{
        width:100%;
    }
    .gst-benifit-right-container{
        width:100%;
    }
 
}