:root {
  --primary-color: #1d1d4d;
  --secondary-color: #f47424;
}
.web-design-header-section{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; 
  height: 70vh;
  background-image:linear-gradient(rgb(0 8 83 / 82%), rgba(24, 29, 75, 0.552)), url(../img/circle-bg.svg);
  }
  @media (max-width: 576px) and (min-height: 1080px){
    .web-design-header-section{
      height: 800px;
      }
  }
 .header-float{
  display: flex;
  align-items: center;
  background: white;
  border-radius: 24px;
  justify-content: space-around;
  padding: 30px 20px;
  position: relative;
  top: -70px;
  box-shadow: rgba(0, 0, 0, 0.11) 0px 0.278vw 6.528vw;
 }
 .inner-1, .inner-2,.inner-3{
  border-right: 1px solid #d4d0d0;
 }
 .header-float-single img{
   width: 50px;
   height: 50px;
 }
 .header-float-single h4{
 line-height: 1;
 font-size: clamp(1.25rem, 0.625rem + 1.6667vw, 1.875rem);
    font-weight: 600;
}

.web-designing-services-section{
  background-color:aliceblue;
}
.web-designing-services-single{
  height: 320px;
  background-color: white;
  border-radius: 20px;
  gap: 10px;
  transition: .5s all ease;

}
.web-designing-services-single:hover{
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}


.web-designing_growth{
background-color: aliceblue;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
}
.web-designing-list img{
width: 15px;
transition: .5s all ease;
}
.web-designing-list li{
list-style:none;
}

.web-designing-benefits{
background-color: var(--primary-color);
}
.web-designing-benefits-container{
background-color: white;
border-top-left-radius: 70px;

}
.web-designing-border{
border-right: 1px solid #80808045;
}
.web-designing-services-single img{
height: 64px;
width: 64px;
}
.web-designing-benefits-single img{
width: 80px;
height: 80px;
}
.web-designing-working{
background-color: var(--secondary-color);
}
.web-designing-working-container{
background-color: white;
border-top-right-radius: 70px;

}
.web-designing-case-study{
align-items: flex-end;
position: relative;

}
.web-designing-case-study-left::before{
z-index: -99;
position: absolute;
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
max-width: 60%;
background-color: aliceblue;
}
.web-designing-case-study-right{
background-color: white;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.web-designing-case-study-right-2{
display: flex;
justify-content: space-evenly;
align-items: center;
margin-left: 0;
z-index: 99;
}
.web-designing-case-study-right-2 div{

height: 110px;
}
.web-designing-case-study-right-2 img{
width: 30px;
height: 30px;

}
.bg-grey{
background-color: #80808026;
}
.arrow-link{
background-color: var(--secondary-color);
transition: 0.5s all ease;
cursor: pointer;
}
.arrow-link:hover{
background-color: var(--primary-color);
}

.arrow-link i{
color: white;
}
@media only screen and (max-width:992px) {  
.web-designing-border{
  border-right: none;
  }
}
@media only screen and (max-width:576px) {  

.web-designing-benefits-container {
  border-top-left-radius: 0;
}

.web-designing-benefits-container {
  border-top-left-radius: 0;
}
.web-designing-working-container{
border-top-right-radius: 0;

}
.inner-2{
border-right: none;
}
}