/*font used*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap');

/*-------------------
  general
  -------------------*/
body,
html
{
	font-family: 'Montserrat', sans-serif;
	height: 100%;
  font-size: 14px;
}
button:hover
{
  text-decoration: none;
}
/*typography*/
h1
{
	font-size: 2.6em;
	font-weight: 600;
}
h4
{
  font-size: 1.15em;
}
h2
{
  font-weight: 700;
  line-height: 1.3em;
  color: #2a3354;
  padding-bottom: 20px;
}
h5
{
  font-size: 1.3em;
  line-height: 1.5em;
}
h6
{
  font-size:.95em;
  text-transform:uppercase; 
  letter-spacing: 1px;
  margin-bottom: 15px;
}  
a.btn
{
	font-size: 1em;
	font-weight: 600;
}
a:hover
{
  text-decoration: none;
}
.container
{
  max-width: 1490px;
}
p
{
  font-size: 1.01em;
  line-height: 1.9em;
  color: #6e7e9f;
}
.btn-check
{
  border-radius: 50px;
  border: 2px solid #6692f3;
  color: #6692f3;
  padding: 7px 20px;
  margin-top: 10px;
}
input:focus,
textarea:focus
{
  outline: none;
}

/*end of typography*/

/*-------------------
  header
  -------------------*/
  header
  {
    position: fixed;
    width: 100%;
    z-index: 999;
  }
  header .mega_mn_menu
  {
    background: none;
  }
  .mega_mn_menu nav>ul>li:hover,
  .mega_mn_menu .drop-list
  {
    background: none;
  }
  .mega_mn_menu nav>ul>li a
  {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 1em;
    color: #2a3553;
    letter-spacing: 0;
    padding: 20px 17px;
  }
  .mega_mn_menu .logo a
  {
    padding: 16px 0;
  }
  .mega_mn_menu nav>ul>li a.nav-btn-a
  {
    padding: 0px 0px 0 10px;
  }
  .mega_mn_menu nav>ul>li a span.nav-btn
  {
    color: #ffffff;
    background: #011461;
    padding: 6px 0px;
    border-radius: 50px;
    width: 113px;
    display: block;
    text-align: center;
    font-size: 0.95em;
  }  
  .mega_mn_menu .scroll-background nav>ul>li a span.nav-btn
  {
    color: #ffffff;
    background:#011461;
  }
  .mega_mn_menu .scroll-background nav>ul>li a
  {
    color: #2a3553;
    padding: 10px;
    font-size: 12px;
    transition: .3s all ease-in-out;
  }
  .mega_mn_menu .scroll-background .logo .white-logo
  {
    padding: 5px 0 0;
    width: 150px;
    transition: .3s all ease-in-out;
  }
  .mega_mn_menu .logo .color-logo
  {
    display: none;
  }
  .mega_mn_menu .scroll-background
  {
    border-bottom: 1px solid #dee5ff;
  }
  .mega_mn_menu .fixed-nav
  {
    background: rgba(255,255,255,0.7);
  }
  nav li.active a
  {
    color: #5576cc !important;
    font-weight: 600 !important;
  }
/*end of header*/

/*-------------------
  home page
  -------------------*/

  /*banner*/
  .banner
  {
    background: rgba(45,81,180,1);
    background: -moz-linear-gradient(top, rgba(45,81,180,1) 0%, rgba(136,166,235,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(45,81,180,1)), color-stop(100%, rgba(136,166,235,1)));
    background: -webkit-linear-gradient(top, rgba(45,81,180,1) 0%, rgba(136,166,235,1) 100%);
    background: -o-linear-gradient(top, rgba(45,81,180,1) 0%, rgba(136,166,235,1) 100%);
    background: -ms-linear-gradient(top, rgba(45,81,180,1) 0%, rgba(136,166,235,1) 100%);
    background: linear-gradient(to bottom, rgba(45,81,180,1) 0%, rgba(136,166,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d51b4', endColorstr='#88a6eb', GradientType=0 );
  	text-align: center;
  	padding: 150px 0 50px;
  }
  .banner img
  {
  	width: 100%;
  	max-width: 75%;
  }
  .banner h1
  {
  	color: #fff;
  }
  .banner p
  {
  	color: #fff;
  	font-size: 1.15em;
  	font-weight: 500;
  }
  .banner-text
  {
  	margin-bottom: 20px;
  }
  .banner-text p
  {
  	margin-top: 15px;
  }
  .banner-text a
  {
  	color: #b3c8ff;
    border: 1px solid #b3c8ff;
  	border-radius: 50px;
  	margin-top: 10px;
  	transition: .3s ease-in-out;
  }
  .banner-text a:hover
  {
  	background: #6886d8;
  	color: #fff;
  	transition: .3s ease-in-out;
  }

  /*end of banner*/


  /*index features*/
  .features-in
  {
    padding: 130px 0;
    overflow: hidden;
  }
  .features-in ul
  {
    padding: 0px;
  }
  .features-in ul li
  {
    width: calc(100% / 6);
    float: left;
    list-style: none;
    text-align: center;
  }
  .features-in ul li p
  {
    font-size: 1em;
    font-weight: 600;
    margin-top: 16px;
    line-height: 1.6em;
  }
  .features-in .list-feature
  {
    padding-bottom: 50px;
  }
  .comprehensive-left
  {
    text-align: left;
    padding-right: 50px;
  }
  .comprehensive-left p
  {
    line-height: 1.8em;
    color: #6e7e9f;
  }
  .list-feature-flex
  {
    display: flex;
  }
  .list-feature-flex .flex-box-feature
  {
    width:45%;
    background: #222;
    text-align: center;
    margin-left: 20px;
    border-radius: 10px;
    padding: 20px 25px;
  }
  .list-feature-flex .flex-box-feature:first-child
  {
    background: rgba(188,208,255,1);
    background: -moz-linear-gradient(top, rgba(188,208,255,1) 0%, rgba(67,105,253,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(188,208,255,1)), color-stop(100%, rgba(67,105,253,1)));
    background: -webkit-linear-gradient(top, rgba(188,208,255,1) 0%, rgba(67,105,253,1) 100%);
    background: -o-linear-gradient(top, rgba(188,208,255,1) 0%, rgba(67,105,253,1) 100%);
    background: -ms-linear-gradient(top, rgba(188,208,255,1) 0%, rgba(67,105,253,1) 100%);
    background: linear-gradient(to bottom, rgba(188,208,255,1) 0%, rgba(67,105,253,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcd0ff', endColorstr='#4369fd', GradientType=0 );
  }
  .list-feature-flex .flex-box-feature:nth-child(2n+0)
  {
    background: rgba(248,224,128,1);
    background: -moz-linear-gradient(top, rgba(248,224,128,1) 0%, rgba(217,188,57,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,224,128,1)), color-stop(100%, rgba(217,188,57,1)));
    background: -webkit-linear-gradient(top, rgba(248,224,128,1) 0%, rgba(217,188,57,1) 100%);
    background: -o-linear-gradient(top, rgba(248,224,128,1) 0%, rgba(217,188,57,1) 100%);
    background: -ms-linear-gradient(top, rgba(248,224,128,1) 0%, rgba(217,188,57,1) 100%);
    background: linear-gradient(to bottom, rgba(248,224,128,1) 0%, rgba(217,188,57,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e080', endColorstr='#d9bc39', GradientType=0 );
  }
  .list-feature-flex .flex-box-feature:nth-child(3n+0)
  {
    background: rgba(253,191,216,1);
    background: -moz-linear-gradient(top, rgba(253,191,216,1) 0%, rgba(255,126,184,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,191,216,1)), color-stop(100%, rgba(255,126,184,1)));
    background: -webkit-linear-gradient(top, rgba(253,191,216,1) 0%, rgba(255,126,184,1) 100%);
    background: -o-linear-gradient(top, rgba(253,191,216,1) 0%, rgba(255,126,184,1) 100%);
    background: -ms-linear-gradient(top, rgba(253,191,216,1) 0%, rgba(255,126,184,1) 100%);
    background: linear-gradient(to bottom, rgba(253,191,216,1) 0%, rgba(255,126,184,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdbfd8', endColorstr='#ff7eb8', GradientType=0 );
  }
  .list-feature-flex .flex-box-feature img
  {
    margin-bottom: 20px;
  }
  .list-feature-flex .flex-box-feature h4
  {
    margin-bottom: 20px;
    color: #fff;
    font-weight: 600;
  }
  .list-feature-flex .flex-box-feature p
  {
    color: #fff;
  }
  /*end of index features*/
  .screens
  {
    text-align: center;
  }

  /*.screens*/
  .screens
  {
    background: url("../images/benefits_bg.jpg") center;
    background-size: cover;
    padding: 80px 0 0;
    border-top: 1px solid #e8e8e8;
  }
  .head-screen
  {
    width: 100%;
    max-width: 850px;
    margin: 0 auto 50px;
  }
  .head-screen h2
  {
    padding-bottom: 0px;
  }
  .screens img
  {
    width:80%;
  }
  /*end of screens*/

/*-------------------
  end of home page
 -------------------*/

 /*-------------------
  case study
  -------------------*/
  .case-study
  {
    padding: 150px 0;
    border-top: 1px solid #e8e8e8;
  }
  .case-study-feature
  {
    padding-left: 30px;
  }
  .case-study-feature h5
  {
    margin-bottom: 30px;
  }
  .case-study-row h5
  {
    margin-bottom: 15px;
    font-weight: 500;
  }
  .case-study-row img
  {
    margin-bottom: 10px;
  }
 /*-------------------
   end of case-study
   -------------------*/

/*-------------------
  home-contact
  -------------------*/
  .contact
  {
    background:#749df5;
    padding: 90px 0;
    overflow: hidden;
  }
  .contact h2
  {
    font-weight: 700;
    color:#fff;
    margin-bottom: 12px;
    line-height: 1.2em;
  }
  .contact input
  {
    width: 100%;
    height: 55px;
    margin-bottom: 30px;
    border-radius: 5px;
    border: 1px solid #a6c0ff;
    font-size: 1em;
    padding: 0 20px;
  }
  .contact textarea
  {
    width: 100%;
    border-radius: 5px;
    border:1px solid #ccc;
    font-size: 14px;
    padding: 20px;
    border: 1px solid #c3d3fd;
    resize: none;
  }
  .contact .form-contact
  {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
  }
  .contact input[type=submit]
  {
    width:300px;
    height: 50px;
    background: #4c78d7;
    margin: 20px 13px 0;
    color: #fff;
    font-weight: 600;
  }
  .contact h6
  {
    color: #fff;
  }
  .contact img
  {
    margin-top: 50px;
  }
/*-------------------
  end of home-contact
  -------------------*/


/*-----------------
  footer
  ------------------*/
  footer
  {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(231,238,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(231,238,254,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(231,238,254,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(231,238,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(231,238,254,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(231,238,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7eefe', GradientType=0 );
    border-top: 1px solid #e5edff;
    padding: 60px 0;
  }
  footer ul
  {
    padding:0px;
    list-style: none;
    margin: 0px;
  }
  footer .footer-logo
  {
    margin-bottom: 15px;
  }
  footer ul li
  {
    display: block;
  }
  footer ul li a
  {
    font-size: 0.97em;
    color: #707ea1;
    padding:3px 0 1px;
    display: block;
    font-weight: 500;
  }
  footer p
  {
    margin-bottom: 0px;
    font-size: 0.97em;
    padding: 3px 0;
    color: #707ea1;
    line-height: 22px;
    font-weight: 500;
  }
  footer p a
  {
    color: #707ea1;
  }
  footer p i
  {
    margin-right: 7px;
  }
  footer p.foot-para
  {
    color: #555;
    font-weight: 500;
    margin-top: 11px;
  }
  footer h4
  {
    font-weight: 700;
    margin-bottom: 13px;
  }
  .footer-about-line
  {
    width:80%;
  }
/*-----------------
  end of footer
  ------------------*/


/*====================features page ====================*/

/*--------------------
  small-banner
  --------------------*/
  .small-banner-inner
  {
    height: 600px;
    background: #e9efff;
    width: 100%;
    position: relative;
  }
  .small-banner-inner .container,
  .small-banner-inner .container .row,
  .small-banner-inner .container .row .col-md-6,
  .small-banner-inner .container .row .col-md-6 .flex-banner,
  .small-banner-inner .container .row .col-md-5,
  .small-banner-inner .container .row .col-md-5 .flex-banner
  {
    height: 100%;
  }
  .small-banner-inner .container .row .col-md-6 .flex-banner .banner-text-inner h2
  {
    margin-bottom: 0px;
    padding-bottom: 0;
    color: #021363;
  }
  .small-banner-inner .container .row .col-md-6 .flex-banner .banner-text-inner
  {
    position: relative;
  }
  .small-banner-inner .container .row .col-md-6 .flex-banner .banner-text-inner p
  {
    font-size: 1.15em;
    font-weight: 500;
    margin-top: 9px;
    color: #021363;
  }
  .small-banner-inner .container .row .col-md-6 .flex-banner
  {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .small-banner-inner img
  {
    position: absolute;
    bottom: -6px;
  }
  .banner-inner-wrapper
  {
    position: relative;
    z-index: 9;
  }
  .banner-inner-wrapper h2
  {
    font-weight: 700;
    line-height: 43px;
    font-size: 2.8em;
  }
  .banner-text-inner img
  {
    position: absolute;
    left: -75px;
    top: -57px;
  }
  /*end of small-banner*/

  /*--------------------
    our features
    --------------------*/
    .our-features
    {
      padding: 100px 0;
      text-align: center;
    }
    .our-features h2
    {
      color: #011460;
    }
    .our-features h2 span
    {
      display: block;
    }
    .feature-inner-wrapper
    {
      padding: 35px 45px;
    }
    .feature-outer-wrapper
    {
      padding-top: 50px;
    }
    .feature-inner-wrapper h4
    {
      margin: 20px 0;
      font-weight: 700;
      line-height: 24px;
    }
    .feature-inner-wrapper h4 span
    {
      display: block;
    }
    /*end of our features*/

    /*--------------------
      contact
      --------------------*/
    .small-banner-inner.contact-banner-inner
    {
      background: #d5cdfe;
    }
    .small-banner-inner .container .row .col-md-5 .flex-banner
    {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .small-banner-inner .container .row .col-md-5 .flex-banner
    {
      height: 100%;
    }
    .small-banner-inner .container .row .col-md-5 .flex-banner .banner-text-inner
    {
      position: relative;
    }
    .small-banner-inner .container .row .col-md-5 .flex-banner .banner-text-inner h2
    {
      margin-bottom: 0px;
      padding-bottom: 0;
      color: #021363;
    }
    .small-banner-inner .container .row .col-md-5 .flex-banner .banner-text-inner p
    {
      font-size: 17px;
      font-weight: 500;
      margin-top: 9px;
      color: #021363;
    }
    .contact-wrapper
    {
      padding: 100px 0 170px;
    }
    .contact-wrapper h1
    {
      font-weight: 800;
      color: #021365;
    }
    .contact-wrapper h4
    {
      font-weight: 600;
      color: #707fa0;
      line-height: 24px;
    }
    .contact-form form .form-input
    {
      width:50%;
      float: left;
      padding: 10px;
    }
    .contact-form form .form-input input
    {
      width:100%;
      height: 48px;
      padding: 0 15px;
      background: #e9efff;
      border:1px solid #e9efff;
      font-size: 1em;
    }
    .contact-form form .form-input textarea
    {
      width:100%;
      padding: 20px 15px;
      background: #e9efff;
      border:1px solid #e9efff;
      font-size: 14px;
      resize: none;
    }
    .contact-form form .form-input.form-full-input
    {
      width: 100%;

    }
    .contact-form form .form-input.form-full-input.btn-input
    {
      text-align: right;
    }
    .contact-form form .form-input.form-full-input.btn-input input
    {
      width: 250px;
      height: 50px;
      background: #6692f3;
      color: #fff;
      font-weight: 600;
      border-radius: 5px;
    }
    .contact-border-padding
    {
      border: 1px solid #dcdcdc;
      padding: 60px 53px;
      border-radius: 5px;
      margin-top: 50px;
    }
    .info-form
    {
      position: relative;
      width: 100%;
    }
    .info-form-inner
    {
      position: absolute;
      left: 0;
      width: 100%;
      background: #011461;
      height: 650px;
      top: 0;
      margin-top: -140px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 3px;
      text-align: center;
    }
    .info-form-inner h4
    {
      color: #fff;
      font-size: 2.1em;
      font-weight: 700;
      margin-bottom: 40px;
      text-align: left;
    }
    .info-form-inner h4 span
    {
      display: block;
      color: #466af2;
      margin-top: 10px;
    }
    .info-form-inner button
    {
      width: 100%;
      height: 50px;
      background: #fff;
      border-radius: 2px;
      border:none;
      font-size: 1.5em;
      font-weight: 800;
      color: #011461;
    }
    .info-form-inner img
    {
      width: 100px;
      margin: 30px auto;
    }
    /*end of contact*/

  /*--------------------
    Privacy Policy
    --------------------*/

    .small-banner-inner.privacy-banner-inner
    {
      background: #fed4d5;
    }
    .small-banner-inner.privacy-banner-inner img
    {
      position: absolute;
      bottom: -50px;
    }
    .privacy-wrapper
    {
      padding: 150px 0;
    }
    .privacy-wrapper h4
    {
      font-size: 1.2em;
      color: #021363;
      line-height: 27px;
    }
    .privacy-inner-wrapper
    {
      border-bottom: 1px solid #eaeefd;
      padding: 50px 0;
    }
    .privacy-inner-wrapper h3
    {
      font-size: 1.1em;
      font-weight: 700;
      color: #011461;
      margin-bottom: 20px;
      text-transform: uppercase;
    }
    .privacy-inner-wrapper h3 span
    {
      margin-right: 10px;
    }
    .privacy-inner-wrapper p
    {
      margin-bottom: 0px;
    }
    .privacy-wrapper .privacy-inner-wrapper:last-child
    {
      border-bottom: 0px;
    }

    /*end of Privacy Policy*/

    /*terms and condoitions*/
    .terms-condition-wrapper button
    {
      display: block;
      width: 100%;
      text-align: left;
      padding: 15px 20px;
      color: #2e50ac;
      text-transform: uppercase;
      font-size: 0.92em;
      letter-spacing: 0.5px;
      font-weight: 600;
    }
    .terms-condition-wrapper button:hover,
    .terms-condition-wrapper button:focus
    {
      text-decoration: none;
    }
    .terms-condition-wrapper .card
    {
      margin-bottom: 20px;
      border: 1px solid #e8eeff;
    }
    .terms-condition-wrapper .card .terms-head
    {
      background: #e8eeff;
    }
    .small-banner-inner.terms-banner-inner
    {
      background: #fdf9d4;
    }
    .small-banner-inner.terms-banner-inner .terms-img
    {
      right: 0;
    }
    /*end of terms and conditions*/

    /*case-study*/
    .case-study-banner
    {
      height: 600px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      z-index: 9;
      position: relative;
    }
    .case-relative
    {
      width: 100%;
      margin: 0 auto;
      position: relative;
      max-width: 744px;
    }
    .case-relative img
    {
      position: absolute;
      z-index: 9;
      right: -62px;
      top: -38px;
    }
    .para-banner
    {
      width: 100%;
      max-width: 635px;
      background: #fff;
      padding: 20px;
      margin: 0 auto;
      border-radius: 3px;
      margin-top: 20px;
      box-shadow: 1px 2px 8px #dcdcdc;
      z-index: 999;
      position: relative;
    }
    .para-banner p
    {
      margin-bottom: 0px;
      font-weight: 500;
      font-size: 1.1em;
    }
    .case-study-banner h1
    {
      font-weight: 700;
      font-size: 3.8em;
      z-index: 999;
      position: relative;
      color: #011463;
    }
    .case-study-banner h1 span
    {
      color: #265cc8;
    }
    .case-study-inner-wrapper
    {
      padding: 80px 70px 0px;
      background: #ccc;
      margin-bottom: 120px;
    }
    .case-study-img-wrapper
    {
      width: 80%;
      background: #fff;
      text-align: center;
      margin: 0 auto;
      padding: 0 30px 60px;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .case-study-img-wrapper img
    {
      margin: 0 auto;
      width: 90%;
    }
    .case-study-inner-wrapper h1
    {
      font-weight: 700;
    }
    .case-study-inner-wrapper h4
    {
      font-size: 1.2em;
      line-height: 28px;
      margin: 25px 0;
    }
    .case-study-inner-wrapper p
    {
      font-size: 1.02em;
      line-height: 28px;
      color: #505050;
    }
    .case-study-right-wrapper
    {
      width: 100%;
      max-width: 600px;
      padding-bottom: 50px;
      margin: 0 auto;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .case-study-right-wrapper ul li p
    {
      margin: 0px;
    }
    .case-study-inner-wrapper.fraud-wrapper
    {
      background: #e9efff;
    }
    .case-study-inner-wrapper.fraud-wrapper .case-study-img-wrapper
    {
      padding: 50px 30px 60px;
    }
    .case-study-inner-wrapper.fraud-wrapper h1
    {
      color: #275bc8;
    }
    .case-study-inner-wrapper.fraud-wrapper h4
    {
      color: #001463;
      font-weight: 600;
    }
    .case-study-inner-wrapper.fraud-wrapper.cross-wrapper
    {
      background: #efeafe;
    }
    .case-study-inner-wrapper.fraud-wrapper.cross-wrapper h1
    {
      color: #8e7bd5;
      margin-bottom: 30px;
    }
    .case-study-inner-wrapper.fraud-wrapper.technical-wrapper
    {
      background: #feecf8;
    }
    .case-study-inner-wrapper.fraud-wrapper.technical-wrapper h1
    {
      color: #da80c0;
    }
    .case-study-inner-wrapper.fraud-wrapper.multi-currency-wrapper
    {
      background: #feefec;
    }
    .case-study-inner-wrapper.fraud-wrapper.multi-currency-wrapper h1
    {
      color: #e68c72;
      margin-bottom: 30px;
    }
    .case-study-inner-wrapper.fraud-wrapper.card-data-wrapper
    {
      background: #e5fee9;
    }
    .case-study-inner-wrapper.fraud-wrapper.card-data-wrapper h1
    {
      color: #7ac185;
    }
    /*end of case-study*/


    .side-options {
      position: fixed;
      right: 0;
      top: 45%;
      z-index: 99;
  }
  .side-options ul {
      padding: 0px;
  }
  .side-options li {
      display: block;
      list-style: none;
  }
  .side-options a.tele {
      background: #23afe6;
  }
  .side-options a.whatsapp {
      background: #18c158;
  }
  .side-options a {
      width: 50px;
      height: 35px;
      background: #000;
      display: flex;
      padding: 3px 3px 3px 5px;
      border-radius: 5px 0 0 5px;
      margin-top: 3px;
      transition: .3s ease-out;
      position: relative;
      right: -12px;
      justify-content: start;
  }
  .side-options a:hover {
      right: 0px;
      transition: .3s ease-out;
  }
  .side-options a img
  {
      width: 25px;
  }