.widget-snippet .fulfilment-top-area{
  background: #0f1e32;
  width: 100%;
  position: relative;
}
.widget-snippet .fulfilment-top-area:before{
position: absolute;
content: '';
right: 0;
bottom: 0;
background: url(/template/2066438a/images/fulfilment-bottom-shape.png) no-repeat;
height: 352px;
width: 601px;
}
.widget-snippet .fulfilment-top-area .content{
display: flex;
flex-wrap: wrap;
max-width: 1400px;
margin: 0 auto;
padding: 120px 0 200px 0;
}
.widget-snippet .fulfilment-top-area .content .top-leftpart {
    width: 60%;
    padding-right: 100px;
}
.widget-snippet .fulfilment-top-area .content .top-leftpart p{
  font-size:20px;
  line-height:32px;
  color:#fff;
  font-weight: 300;
  padding: 0 0 25px 0;
}
.widget-snippet .fulfilment-top-area .content .top-rightpart {
    width: 40%;
    padding-left: 0;
}
.widget-snippet .fulfilment-top-area .content .top-rightpart p{
font-size: 20px;
line-height: 32px;
color: #fff;
font-weight: 300;
padding: 0 0 25px 65px;
}
.widget-snippet .fulfilment-top-area .content .top-rightpart ul li{
font-size: 27px;
line-height: 43px;
color: #fff;
font-weight: 500;
position: relative;
padding: 0px 0 10px 65px;
margin-bottom: 20px;
}
.widget-snippet .fulfilment-top-area .content .top-rightpart ul li:before{
content: "";
position: absolute;
top: 5px;
left: 0;
height: 34px;
width: 34px;
background:url("/template/2066438a/images/fulfilment-before-icon.png");
}
@media (max-width: 1500px) {
.widget-snippet .fulfilment-top-area .content {
  max-width: 1280px;
  padding: 100px 0 200px 0;
  }
.widget-snippet .fulfilment-top-area::before {
  bottom: -25px;
  height: 280px;
  width: 435px;
  background-size: 435px;
}
.widget-snippet .fulfilment-top-area .content {
  max-width: 1280px;
  padding: 100px 0 125px 0;
}
  .widget-snippet .fulfilment-top-area .content .top-rightpart ul li {
  font-size: 25px;
  line-height: 42px;
  margin-bottom: 15px;
}
}
@media (max-width: 1300px) {
  .widget-snippet .fulfilment-top-area::before {
  bottom: -34px;
  width: 420px;
  background-size: 420px;
}
  .widget-snippet .fulfilment-top-area .content {
  max-width: 1200px;
  padding: 90px 0 150px 0;
}
}
@media (max-width: 1200px){
.widget-snippet .fulfilment-top-area .content {
  max-width: 980px;
  padding: 70px 0 150px 0;
}
.widget-snippet .fulfilment-top-area .content .top-leftpart {
  padding-right: 55px;
}
.widget-snippet .fulfilment-top-area .content .top-leftpart p {
  font-size: 19px;
  padding: 0 0 15px 0;
}
  .widget-snippet .fulfilment-top-area .content .top-rightpart ul li {
font-size: 24px;
line-height: 38px;
padding: 0px 0 10px 50px;
margin-bottom: 10px;
}
  .widget-snippet .fulfilment-top-area .content .top-rightpart ul{
margin: 10px 0;
}
.widget-snippet .fulfilment-top-area .content .top-rightpart p{
font-size: 19px;
line-height: 28px;
padding: 0 0 10px 50px;
}
.widget-snippet .fulfilment-top-area::before {
  bottom: 0px;
  width: 360px;
  background-size: 360px;
  height: 207px;
}
  .widget-snippet .fulfilment-top-area .content .top-rightpart ul li::before {
  top: 8px;
  height: 25px;
  width: 25px;
  background-size: 25px;
}
}
@media (max-width: 991px) {
.widget-snippet .fulfilment-top-area .content {
  max-width: 730px;
  padding: 60px 0 100px 0;
}
.widget-snippet .fulfilment-top-area .content .top-leftpart p {
  font-size: 18px;
  line-height: 28px;
}
.widget-snippet .fulfilment-top-area .content .top-rightpart ul li {
  font-size: 20px;
  line-height: 28px;
  padding: 0px 0 10px 35px;
}
.widget-snippet .fulfilment-top-area::before {
  bottom: 0px;
  width: 280px;
  background-size: 280px;
  height: 163px;
}
.widget-snippet .fulfilment-top-area .content .top-rightpart p {
  font-size: 18px;
  line-height: 28px;
  padding: 3px 0 10px 35px;
}
  .widget-snippet .fulfilment-top-area .content .top-rightpart ul li::before {
  top: 3px;
  }
}
@media (max-width: 767px) {
.widget-snippet .fulfilment-top-area .content .top-leftpart,
.widget-snippet .fulfilment-top-area .content .top-rightpart{
  width: 100%;
  padding-right: 0;
  padding: 0 20px;
}
.widget-snippet .fulfilment-top-area .content {
  max-width: 730px;
  padding: 30px 0 140px 0;
}
.widget-snippet .fulfilment-top-area .content .top-leftpart p {
 font-size: 18px;
line-height: 28px;
padding: 0 0 15px;
}
.widget-snippet .fulfilment-top-area .content .top-rightpart ul li {
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  padding: 0px 0 10px 30px;
}
.widget-snippet .fulfilment-top-area .content .top-rightpart ul li::before {
  top: 3px;
  height: 20px;
  width: 20px;
  background-size: 20px;
}
.widget-snippet .fulfilment-top-area .content .top-rightpart p {
  font-size: 20px;
  line-height: 28px;
  padding: 20px 0 10px 0;
  font-weight: 600;
}
.widget-snippet .fulfilment-top-area::before {
  bottom: 0;
  height: 117px;
  background-size: 200px;
  width: 200px;
}
}