@media(min-width: 320px) and (max-width: 567px){
.howit-work-grid {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0px 75px;
    overflow-x: scroll;
}
	.howit-work-item {
    position: relative;
    min-width: 155px;
}
.button-section .uploadbtn {
    font-size: 14px;
    line-height: 20px;
    padding: 12px 25px;
}
.button-section .callbtn {
    font-size: 14px;
    line-height: 20px;
    padding: 12px 25px;
}

.speak-item:after {
    right: -20px;
}
.button-section {
        gap: 5px;
        justify-content: center;
        display: flex;

}
.howit-work-grid::-webkit-scrollbar {
  width: 2px;
  height: 3px;
  background-color: #ababab;; /* or add it to the track */
}
/* Add a thumb */
.howit-work-grid::-webkit-scrollbar-thumb {
  background:#F2B705;
}
}
@media(min-width: 320px) and (max-width: 767px){
.pdtb-70 {
    padding: 50px 0px;
}

.pdb-70 {
    padding-bottom: 50px;
}
.section-heading h2 {
    font-size: 30px;
    line-height: 33px;
}
.speakgrid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 45px;
}
.speak-item:after {
    right: -15px;
}
.man {
    display:none;
}
.testimonial-item {
    padding: 20px;
}
.bluebar-text {
    max-width: 380px;
    position: relative;
    background: rgb(0, 68, 130, 0.5);
}
.heading-section h1 {
    font-size: 32px;
    line-height: 45px;
}
	.heading-section {
    max-width: 506px;
		  max-width: 506px;

}
	.heading-section h3 {
    font-size: 20px;
    line-height: 36px;
   
}
.heading-section {
    max-width: 506px;
	position: relative;
    
}
.rightpopup {
    top: auto;
    bottom:0;
}	
}

@media(min-width: 768px) and (max-width: 991px){
.man {
    position: absolute;
    left: -60px;
    bottom: 0;
    width: 400px;
}
	.bluebar-text {
    max-width: 380px;
		position: relative;
   
}
	.heading-section h1 {
            font-size: 42px;
        line-height: 52px;

}
	.heading-section {
    max-width: 506px;
		  max-width: 506px;

}
	.heading-section h3 {
    font-size: 20px;
    line-height: 36px;
   
}
.heading-section {
    max-width: 506px;
	position: relative;
    
}
.testimonial-item {
    padding: 20px;

}
.testimonial-slider .slick-slide {
    margin: 20px 12px;
}
}


@media(min-width: 992px) and (max-width: 1199.99px){
.man {
    position: absolute;
    left: -60px;
    bottom: 0;
    width: 400px;
}
	.bluebar-text {
    max-width: 380px;
   
}
	.heading-section h1 {
    font-size: 50px;
    line-height: 55px;

}
	.heading-section {
    max-width: 506px;

}
	.heading-section h3 {
    font-size: 20px;
    line-height: 36px;
   
}
}
@media(min-width: 1200px) and (max-width: 1399px){
.man {
    left: -60px;
    bottom: 0;
    width: 475px;
}
}

@media(min-width: 1400px) and (max-width: 1599px){
.man {
    left: -60px;
    bottom: 0;
    width: 570px;
}
}



@media(min-width: 1600px) and (max-width: 1800px){
.man {

    left: -60px;
  
   
}
}

@media(min-width: 2000px) and (max-width: 2299px){
  .man {
    left: 8%;
}  
}
@media(min-width: 2300px) and (max-width: 2799px){
  .man {
    left: 13%;
}  
}

@media(min-width: 2800px) and (max-width: 3299px){
  .man {
    left: 19%;
}  
}

@media(min-width: 3300px) and (max-width: 4000px){
.man {
    left: 25%;
}
}

@media(min-width: 4000px) and (max-width: 4500px){
.man {
    left: 35%;
}
}
@media(min-width: 4600px){
.man {
    left: 35%;
}
}