@import url('https://fonts.googleapis.com/css?family=Poppins|Ubuntu&display=swap');*{box-sizing: border-box;margin: 0;padding: 0}body{background: #eee;font-family: 'Ubuntu',sans-serif}.box{position: relative;width: 100%;padding-right: 0px;padding-left: px}
.our-services{
 margin-top: 30px;
 padding-bottom: 30px;
 /* padding: 0 60px; */
 min-height: 130px;
 text-align: center;
 border-radius: 10px;
 color: #ffffff;
 /* background-color: #fff; */
 transition: all .4s ease-in-out;
 /* box-shadow: 0 0 25px 0 rgba(20,27,202,.17); */
 /* border-top: 4px solid #ee0979;
   border-left: 4px solid #ee0979;
   border-right: 4px solid #ff6a00;
   border-bottom: 4px solid #ff6a00; */
 }

/* .our-services >h4
 {
color: #ffffff;
margin-top: 32px;
 }*/
.our-services a > h4
{
color: #ffffff;
margin-top: 32px;
}
.our-services >h4 a
 {
color: #ffffff;
 }
 .document
 {
  box-shadow: 2px 4px 5px 3px #585858;
  /* box-shadow: 0 0 25px 0 rgb(20 27 201 / 5%); */
  border-top: 4px solid #ff40a1;
  border-left: 4px solid #ff40a1;
  border-right: 4px solid #ff73b9;
  border-bottom: 4px solid #ff73b9;
  cursor: pointer;
  /* background-image: linear-gradient(-45deg, #34b5bf 0%, #210c59 100%); */
  background: linear-gradient( to bottom, #ff73b9, #ff40a1 );
}
 /* {box-shadow: 0 0 25px 0 rgba(20,27,201,.05);
  border-top: 4px solid #210c59;
    border-left: 4px solid #210c59;
    border-right: 4px solid #34b5bf;
    border-bottom: 4px solid #34b5bf;
  cursor: pointer;background-image: linear-gradient(-45deg, #34b5bf 0%, #210c59 100%); */

 .rules
 {
  box-shadow: 2px 4px 5px 3px #585858;
  /* box-shadow: 0 0 25px 0 rgb(20 27 201 / 5%); */
    border-top: 4px solid #47c2d7;
    border-left: 4px solid #47c2d7;
    border-right: 4px solid #279eb2;
    border-bottom: 4px solid #279eb2;
    cursor: pointer;
    background: linear-gradient( to bottom, #47c2d7, #279eb2 );
  /* box-shadow: 0 0 25px 0 rgba(20,27,201,.05);
   border-top: 4px solid #f55b2a;
   border-left: 4px solid #f55b2a;
   border-right: 4px solid #fb0054;
   border-bottom: 4px solid #fb0054;
   cursor: pointer;background-image: linear-gradient(-45deg, #fb0054 0%, #f55b2a 100%); */
 }
 .citizen
 {
  box-shadow: 2px 4px 5px 3px #585858;
  /* box-shadow: 0 0 25px 0 rgb(20 27 201 / 5%); */
    border-top: 4px solid #fb9b88;
    border-left: 4px solid #fb9b88;
    border-right: 4px solid #f86647;
    border-bottom: 4px solid #f86647;
    cursor: pointer;
    /* background-image: linear-gradient(-45deg, #3615e7 0%, #44a2f6 100%); */
    background: linear-gradient( to bottom, #fb9b88, #f86647 );
}
  /* box-shadow: 0 0 25px 0 rgba(20,27,201,.05);
   border-top: 4px solid #44a2f6;
   border-left: 4px solid #44a2f6;
   border-right: 4px solid #3615e7;
   border-bottom: 4px solid #3615e7;
   cursor: pointer;background-image: linear-gradient(-45deg, #3615e7 0%, #44a2f6 100%); */
 
 .acts
 {
  box-shadow: 2px 4px 5px 3px #585858;
  /* box-shadow: 2px 4px 5px 3px #585858; */
  /* box-shadow: 0 0 25px 0 rgba(20,27,201,.05); */
   border-top: 4px solid #fdb642;
   border-left: 4px solid #fdb642;
   border-right: 4px solid #fc6a0e;
   border-bottom: 4px solid #fc6a0e;
   cursor: pointer;background-image: linear-gradient(-45deg, #fc6a0e 0%, #fdb642 100%);
 }
 .rti
 {
  box-shadow: 2px 4px 5px 3px #585858;
 /* box-shadow: 0 0 25px 0 rgb(20 27 201 / 5%); */
    border-top: 4px solid #55ebb9;
    border-left: 4px solid #55ebb9;
    border-right: 4px solid #00b97d;
    border-bottom: 4px solid #00b97d;
    cursor: pointer;
    
    background: linear-gradient( to bottom, #55ebb9, #00b97d );
 }
   /* box-shadow: 0 0 25px 0 rgba(20,27,201,.05);
   border-top: 4px solid #5a57fb;
   border-left: 4px solid #5a57fb;
   border-right: 4px solid #8d40fb;
   border-bottom: 4px solid #8d40fb;
   cursor: pointer;background-image: linear-gradient(-45deg, #8d40fb 0%, #5a57fb 100%); */
 
 .links
 {
  box-shadow: 2px 4px 5px 3px #585858;
  /* box-shadow: 0 0 25px 0 rgb(20 27 201 / 5%); */
    border-top: 4px solid #e3d25c;
    border-left: 4px solid #e3d25c;
    border-right: 4px solid #b19c0a;
    border-bottom: 4px solid #b19c0a;
    cursor: pointer;
    
    background: linear-gradient( to bottom, #e3d25c, #b19c0a );
   /* box-shadow: 0 0 25px 0 rgba(20,27,201,.05);
   border-top: 4px solid #22dd73;
   border-left: 4px solid #22dd73;
   border-right: 4px solid #27b88d;
   border-bottom: 4px solid #27b88d;
   cursor: pointer;background-image: linear-gradient(-45deg, #27b88d 0%, #22dd73 100%); */
 }
   .our-services .icon{margin-bottom: -21px;transform: translateY(-50%);text-align: center;padding: 0 60px;color: #fff}
   .our-services:hover h4,.our-services:hover h4 a, .our-services:hover p{color: #000}
   .document:hover{
    background-image: linear-gradient(-45deg, #FFFFFF 0%, #FFFFFF 100%);
    border-top: 4px solid #ff40a1;
    border-left: 4px solid #ff40a1;
    border-right: 4px solid #ff73b9;
    border-bottom: 4px solid #ff73b9;
  }
  .rules:hover{
    background-image: linear-gradient(-45deg, #FFFFFF 0%, #FFFFFF 100%);
    border-top: 4px solid #47c2d7;
    border-left: 4px solid #47c2d7;
    border-right: 4px solid #279eb2;
    border-bottom: 4px solid #279eb2;
  }
   .citizen:hover{
    background-image: linear-gradient(-45deg, #FFFFFF 0%, #FFFFFF 100%);
    border-top: 4px solid #fb9b88;
    border-left: 4px solid #fb9b88;
    border-right: 4px solid #f86647;
    border-bottom: 4px solid #f86647;
  }
   .acts:hover{
    background-image: linear-gradient(-45deg, #FFFFFF 0%, #FFFFFF 100%);
    border-top: 4px solid #fdb642;
    border-left: 4px solid #fdb642;
    border-right: 4px solid #fc6a0e;
    border-bottom: 4px solid #fc6a0e;
  }
   .rti:hover{
    background-image: linear-gradient(-45deg, #FFFFFF 0%, #FFFFFF 100%);
    border-top: 4px solid #55ebb9;
    border-left: 4px solid #55ebb9;
    border-right: 4px solid #00b97d;
    border-bottom: 4px solid #00b97d;
  }
   .links:hover{
    background-image: linear-gradient(-45deg, #FFFFFF 0%, #FFFFFF 100%);
    border-top: 4px solid #e3d25c;
    border-left: 4px solid #e3d25c;
    border-right: 4px solid #b19c0a;
    border-bottom: 4px solid #b19c0a;
  }