/*-----  Web Section Start-----*/

.headerblog{
	min-height: 55vh;
	width: 100%;
	background-image: linear-gradient(rgba(4, 9, 30, 0.267),rgba(4, 9, 30, 0.37)),url(image/d4.jpg);
	background-position: center;
	background-size: cover;
	position: relative;
}


.web-container{
    display: flex;
    gap: 3rem;
    padding: 5rem 0rem 1rem 0rem;
}

.web-container .web-img{
    width: 420px;
    height: 460px;
}



.web-container .web-text{
    width: 60%;
    padding: 20px 0 20px 0px;
}

.web-container .web-text h2{
    font-weight: 520;
    font-size: 1.5rem;
    color: rgb(56, 53, 53);
    padding-bottom: 5px;
    margin: 0 0 1.5rem 0;
}

.web-container .web-text p{
   color: rgb(56, 53, 53);
   font-size: 1.2rem;
   font-weight: 300;
   text-align: left;
   padding-top: 3.5rem;
   margin: 0;
}

.web-xtra-text{
  color: rgb(56, 53, 53);
   font-size: 1.1rem;
   font-weight: 300;
   text-align: left;
   padding: 4.5rem 0 5rem 7.2rem;
   margin: 0;
}

.web-text b{
    font-weight: 510;
 }

.web-xtra-text b{
     font-weight: 510;
  }


/*-----  Web Section End-----*/





/*------- Tablet mode for services start  -----*/


@media(max-width: 1024px){
       
    .web-container{
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 5rem 0rem 3rem 0rem;
    }
    
    .web-container .web-img{
        width: 100%;
    }
    
    .web-container .web-text{
        width: 100%;
    }
    
    .web-container .web-text h2{
        font-size: 1.6rem;
        margin: 0 0 1.5rem 0;
    }
    
    .web-container .web-text p{
       font-size: 1.2rem;
       padding-top: 4.5rem;
    }
    
    .web-xtra-text{
       width: 90%;
       font-size: 1.2rem;
       padding: 0 0 5rem 5rem;
    }
    
    }
    
    /*------- Tablet mode for services end  -----*/
    
    
    
    
    
    
    
    /*------- Phone mode for services start  -----*/
    
    
    @media(max-width: 700px){

    .web-container{
        gap: 0.5rem;
        padding: 5rem 0rem 2rem 0rem;
    }
    
    .web-container .web-img{
        width: 100%;
        height: 430px;
        padding-bottom: 3rem;
    }
    
    .web-container .web-text{
        width: 100%;
    }
    
    .web-container .web-text h2{
        font-size: 1.5rem;
        margin: 0 0 1rem 0;
    }
    
    .web-container .web-text p{
       font-size: 1rem;
       padding-top: 4rem;
    }
    
    .web-xtra-text{
       width: 92%;
       font-size: 1rem;
       padding: 0 0 5rem 2.2rem;
    }
       
        
        
    }
    
        /*------- Phone mode for services end  -----*/