body{ font-family: 'Roboto', sans-serif;}
.default-72{ width: 100%; display: inline-block; margin: 5rem 0; padding: 4rem 0; background: #f8f8f9;}
.default-72 .no-padding{ padding: 0px !important;}
.default-72 .about-title{ width: 100%; display: inline-block; margin: 0px; text-align: center; font-size: 34px; color: #212121; font-weight: 600;}
.default-72 .bottom-border{ display: inline-block; background: #b6b6b6; width: 170px; height: 2px; margin: 2.5rem 0 6rem 0px; padding: 0px;}
.default-72 .service-main{ width: 100%; display: flex; justify-content: center; align-items: center; margin: 0px 0 3rem 0; background: #ffffff; text-align: center; padding: 6rem 4rem; flex-direction: column; transition: all 0.4s linear;}
.default-72 .icon-box{ width: 90px; height: 90px; margin: 0px; display: flex; justify-content: center; align-items: center; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.275); transition: all 0.4s linear;}
.default-72 .icon-box i{ font-size: 4rem; color: #673ab7; transition: all 0.4s linear;}
.default-72 .service-title{ width: 100%; display: inline-block; margin: 3.3rem 0 1.3rem; color: #212121; font-size: 20px;}
.default-72 .service-description{ width: 100%; display: inline-block; margin: 0px 0 2rem; color: #727272; font-size: 15px;}
.default-72 .learn-more-btn{ padding: 7px 30px; color: #673ab7; border: 1px solid #673ab7; background: transparent; font-size: 14px; border-radius: 0px; outline: none; cursor: pointer; transition: all 0.3s linear;}
.default-72 .learn-more-btn:hover{ color: #ffffff; background: #673ab7;}
.default-72 .service-main:hover{ box-shadow: 0 21px 65px 0 rgba(0, 0, 0, 0.12);}
.default-72 .service-main:hover .icon-box{ background: #673ab7;}
.default-72 .service-main:hover .icon-box i{ color: #ffffff;}



@media screen and (min-width:901px) and (max-width:1024px){


}

@media screen and (min-width:768px) and (max-width:900px){


}

@media screen and (min-width:601px) and (max-width:767px){


}

@media screen and (min-width:481px) and (max-width:600px){
  .default-72 .col-xs-6{ width: 100%;}

}

@media screen and (max-width:480px){
  .default-72 .col-xs-6{ width: 100%;}

}

/*  Turn on custom 8px wide scrollbar */
::-webkit-scrollbar{
  width: 6px; /* 1px wider than Lion. */
  /* This is more usable for users trying to click it. */
  background-color: rgba(0,0,0,0);
  -webkit-border-radius: 100px;
}

/* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */
::-webkit-scrollbar-thumb:vertical{
  background: rgba(0,0,0,0.5);
  -webkit-border-radius: 100px;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0);
  min-height: 10px; /*Prevent it from getting too small */
}
::-webkit-scrollbar-thumb:vertical:active{
  background: rgba(0,0,0,0.61); /* Some darker color when you click it */
  -webkit-border-radius: 100px;
}