/*
    Theme Name: Roysha
    Theme URI: http://themeies.com
    Author: Themeies
    Author URI: http://themeies.com
    Version: 2.0
    Description: Roysha is a Landing HTML5 Template.
*/

  /*
    Table of Context
    -------------------------------
    01. Common CSS
    02. Content Box
    03. Video Box
    04. Icon Box
    05. Order, Unorder List
    06. Round One side
    07. Overlap Image Box
    08. Image Box
    09. Icon list block
    
    01. Header style
    02. Banner style
    03. Send money 
    04. Receive money 
    05. Payment section
    06. Features section
    07. Testimonial section
    08. Currency form
    09. Bill form 
    10. Receive Form
    11. Services section
    12. Access Money section
    13. Online payment section
    14. Video section
    15. Partners section
    16. App section
    16. Bill Categories
    17. Our process section
    18. Accordion section
    19. Payment system works section
    20. Landing overview section
    21. System works section
    22. Common tab navigation
    23. List tab nav
    24. Benefits section
    25. Fun facts section
    26. Package section
    27. Package Table
    28. About overview section
    29. Mission & Vision section
    30. Banking partners section
    31. Team section
    32. Faq page section
    33. Contact section
    34. Contact Media section
    35. Blog Post section
    36. Pagination
    37. Breadcrumb
    38. Sidebar
    39. Blog single post section
    40. 434 Error section
    41. Signup Login form section
    42. Coming section
    43. Signup Login form section 
    44. Footer
*/

  @import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,700&display=swap");

  * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  @font-face {
    font-family: SFPRODISPLAYREGULAR;
    src: url("../images/MainFont/SFPRODISPLAYREGULAR.OTF");
  }

  @font-face {
    font-family: SF-Mono;
    src: url("../images/MainFont/Input-Regular_\(InputMonoNarrow-Regular\).ttf");
  }

  @font-face {
    font-family: GrtskPeta-Semibold;
    src: url("../images/MainFont/GrtskPeta-Semibold.ttf");
  }

  @font-face {
    font-family: GrtskPeta-Bold;
    src: url("../images/MainFont/GrtskPeta-Bold.ttf");
  }

  @font-face {
    font-family: GrtskPeta-Regular;
    src: url("../images/MainFont/GrtskPeta-Regular.ttf");
  }

  /*font-family: 'Inconsolata',
  monospace;*/

  body {
    color: #6c6c6f;
    background-color: #fff;
    font-family: "Rubik", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
  }

  a {
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
  }

  a:hover,
  a:focus {
    text-decoration: none;
    outline: 0px;
  }

  a:focus,
  button:focus,
  input:focus,
  select:focus {
    outline: 0 !important;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "Rubik", sans-serif;
    font-weight: 500;
  }

  h2 {
    color: #262934;
    font-size: 36px;
  }

  img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
  }

  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  figure {
    margin: 0;
  }

  section {
    display: block;
    position: relative;
    padding: 100px 0;
    width: 100%;
  }

  /**
 *
 * Common CSS
 *
 */

  @media screen and (max-width: 767px) {
    section {
      padding-bottom: 60px;
    }
  }

  @media screen and (min-width: 768px) {
    .nopadd-ltf {
      padding-left: 0;
    }

    .nopadd-rth {
      padding-right: 0;
    }

    .nopadd {
      padding-left: 0;
      padding-right: 0;
    }
  }

  .nopadd-btm {
    padding-bottom: 0 !important;
  }

  .btn {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 0.8;
    text-transform: capitalize;
    min-width: 200px;
    padding: 20px 25px;
    position: relative;
    overflow: hidden;
  }

  @media screen and (min-width: 992px) {
    .btn:first-of-type {
      margin-right: 25px;
    }
  }

  .btn-filled {
    background-color: #003bb3;
  }

  .btn-filled:hover {
    background-color: #123d88;
    -webkit-box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.05);
  }

  .btn-filled:hover i {
    color: #000;
    position: relative;
    z-index: 9;
  }

  .btn-default {
    background-color: #003bb3;
    border-radius: 50px;
    color: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .btn-default:hover {
    -webkit-box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.05);
  }

  .header .primary-menu ul li a {
    font-size: 12px;
  }

  .btn-white {
    background-color: #ffffff;
    border-radius: 50px;
    color: #000;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .btn-white:hover {
    -webkit-box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.05);
    background: #003bb3;
  }

  .btn-round,
  .iconBox .btn {
    border-radius: 50px;
  }

  .btn-outline {
    border: 2px solid #fff;
  }

  .btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .btn.icon-left i {
    line-height: 0.8;
    margin-right: 20px;
  }

  .btn span {
    position: relative;
    z-index: 2;
  }

  .btn span.bh {
    background: #fff;
    border: 10px solid #ffffff8f;
    border-radius: 50%;
    display: block;
    height: 0;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: width 0.7s ease 0s, height 0.7s ease 0s;
    -o-transition: width 0.7s ease 0s, height 0.7s ease 0s;
    transition: width 0.7s ease 0s, height 0.7s ease 0s;
    width: 0;
    z-index: 1;
    opacity: 0;
  }

  .btn:hover span.bh {
    height: 500px;
    width: 500px;
    opacity: 1;
  }

  .circle-cursor {
    pointer-events: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    background: #000;
    font-size: 20px;
    text-align: center;
    -webkit-transition: linear 0.2s;
    -o-transition: linear 0.2s;
    transition: linear 0.2s;
    z-index: 9999999;
    top: 0;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0.5;
  }

  .tagline {
    color: #003bb3;
    display: block;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
    position: relative;
  }

  @media screen and (max-width: 991px) {
    .tagline {
      font-size: 12px;
    }
  }

  .tagline.bar {
    padding-left: 70px;
  }

  .tagline.bar:after {
    background-color: #003bb3;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2px;
    width: 50px;
  }

  @media screen and (min-width: 992px) {
    .mb100 {
      margin-bottom: 100px;
    }
  }

  .bg-offwhite {
    background-color: #f7faff;
  }

  .sec-heading {
    text-align: center;
    margin-bottom: 76px;
  }

  .sec-heading .sec-title {
    color: #2f2f35;
    font-size: 36px;
    line-height: 48px;
    text-transform: capitalize;
    margin-bottom: 0;
  }

  @media screen and (max-width: 767px) {
    .sec-heading .sec-title {
      font-size: 28px;
      line-height: 36px;
    }
  }

  .sec-heading .sec-subtitle {
    color: #6c6c6f;
    font-size: 16px;
    line-height: 28px;
    margin-top: 16px;
    margin-bottom: 0;
  }

  .avatar {
    border-radius: 50%;
  }

  .roysha-icon {
    display: inherit;
    font-size: 70px;
    margin-bottom: 20px;
  }

  /**
 *  Preloader
 */

  #preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f5f5f5;
    z-index: 99999999;
    width: 100%;
    height: auto;
  }

  #status {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../images/preloader.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  /**
 *  Content Box
 */

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

    .content-box,
    .content-box-fluid {
      margin-bottom: 50px;
    }
  }

  .content-box h2,
  .content-box-fluid h2 {
    margin-bottom: 20px;
  }

  @media screen and (max-width: 991px) {

    .content-box h2,
    .content-box-fluid h2 {
      font-size: 27px;
    }
  }

  .content-box h4,
  .content-box-fluid h4 {
    color: #262934;
  }

  .content-box p,
  .content-box-fluid p {
    margin-bottom: 28px;
  }

  .content-box .listBox,
  .content-box-fluid .listBox,
  .content-box .listBox-shadow,
  .content-box-fluid .listBox-shadow {
    margin-bottom: 35px;
    padding-left: 80px;
  }

  .content-box .listBox img,
  .content-box-fluid .listBox img,
  .content-box .listBox-shadow img,
  .content-box-fluid .listBox-shadow img,
  .content-box .listBox .roysha-icon,
  .content-box-fluid .listBox .roysha-icon,
  .content-box .listBox-shadow .roysha-icon,
  .content-box-fluid .listBox-shadow .roysha-icon {
    left: 0;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    max-width: 60px;
  }

  @media screen and (min-width: 992px) {
    .content-box-fluid {
      max-width: 570px;
    }
  }

  @media screen and (min-width: 1200px) {
    .content-box-fluid.right {
      float: right;
      padding-left: 30px;
    }
  }

  .content-box-fluid.left {
    float: left;
  }

  @media screen and (min-width: 1200px) {
    .content-box-fluid.left {
      padding-right: 25px;
    }
  }

  .video-box,
  .video-box-round {
    position: relative;
  }

  .video-box:after,
  .video-box-round:after {
    background-color: rgba(18, 61, 136, 0.5);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    opacity: 0.2;
  }

  .video-box-round {
    border-radius: 5px;
    overflow: hidden;
  }

  .video-box .video-btn,
  .video-box-round .video-btn {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
  }

  @-webkit-keyframes beat {
    0% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    100% {
      opacity: 0;
      -webkit-transform: scale(2);
      transform: scale(2);
    }
  }

  @keyframes beat {
    0% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    100% {
      opacity: 0;
      -webkit-transform: scale(2);
      transform: scale(2);
    }
  }

  .video-btn {
    background-color: #fff;
    border-radius: 50%;
    color: #003bb3;
    display: block;
    text-align: center;
    line-height: 60px;
    margin: 0 auto;
    position: relative;
    height: 60px;
    width: 60px;
    z-index: 1;
  }

  .video-btn i {
    position: relative;
    z-index: 1;
  }

  .video-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-animation: beat infinite 1.2s;
    animation: beat infinite 1.2s;
    height: 100%;
    width: 100%;
    background-color: #003bb3;
    border-radius: 50%;
    z-index: -1;
  }

  .video-btn:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border-radius: 50%;
    height: 100%;
    width: 100%;
  }

  .iconBox {
    position: relative;
  }

  @media screen and (max-width: 767px) {
    .iconBox {
      margin-bottom: 30px;
    }
  }

  @media screen and (max-width: 575px) {
    .iconBox {
      text-align: center;
    }
  }

  .iconBox img {
    max-width: 70px;
    margin-bottom: 25px;
  }

  @media screen and (max-width: 575px) {
    .iconBox img {
      margin: 0 auto 25px;
    }
  }

  .iconBox .icon {
    color: #003bb3;
    font-size: 5em;
    margin-bottom: 20px;
  }

  .iconBox h5 {
    color: #2f2f35;
    font-size: 22px;
    text-transform: capitalize;
    margin-bottom: 15px;
  }

  .iconBox h5 a {
    color: #2f2f35;
    display: block;
  }

  @media screen and (max-width: 991px) {
    .iconBox h5 a {
      font-size: 18px;
    }
  }

  .iconBox p {
    margin-bottom: 0;
  }

  @media screen and (max-width: 991px) {
    .iconBox p {
      font-size: 14px;
      line-height: 22px;
    }
  }

  .iconBox .btn {
    background-color: #2dbe61;
    margin-top: 44px;
  }

  .iconBox .btn:first-of-type {
    margin-top: 25px;
    margin-right: 0;
  }

  @media (min-width: 768px) and (max-width: 991px) {
    .iconBox .btn {
      min-width: inherit;
      width: 100%;
    }
  }

  .boxed {
    padding-top: 0;
    padding-bottom: 0;
  }

  .boxed-shadow {
    background-color: #fff;
    -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);
    padding: 50px 30px;
  }

  @media screen and (max-width: 991px) {
    .boxed-shadow {
      padding: 35px 15px;
    }
  }

  .boxed img,
  .boxed-shadow img {
    margin: 0 auto 35px;
  }

  .listBox,
  .listBox-shadow {
    padding-left: 120px;
    text-align: left;
  }

  .listBox img,
  .listBox-shadow img,
  .listBox .roysha-icon,
  .listBox-shadow .roysha-icon {
    position: absolute;
    top: 50%;
    left: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .listBox-shadow {
    background-color: #fff;
    -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 30px 25px 22px 120px;
  }

  .list {
    margin-bottom: 30px;
  }

  .list li {
    color: #2f2f35;
    padding-left: 30px;
    position: relative;
  }

  .list i {
    color: #2dbe61;
    font-size: 13px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 8px;
  }

  .round-os {
    border-top-left-radius: 315px;
    border-bottom-left-radius: 315px;
    overflow: hidden;
  }

  .overlap-imgBox {
    position: relative;
  }

  .overlap-imgBox .img-1,
  .overlap-imgBox .img-2 {
    width: 100%;
  }

  .overlap-imgBox .abs-img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .overlap-imgBox .btn {
    background-color: #fff;
    border-radius: 0;
    border-bottom-left-radius: 10px;
    color: #003bb3;
    font-size: 30px;
    min-width: inherit;
    padding: 10px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    z-index: 2;
  }

  .overlap-imgBox .btn:hover {
    background-color: #003bb3;
  }

  .imgBox {
    display: block;
    position: relative;
    width: 100%;
  }

  @media screen and (max-width: 767px) {
    .imgBox {
      margin-bottom: 50px;
    }
  }

  .icon-list-block {
    background-color: #fff;
    -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);
    border: 1px solid #efefef;
    border-radius: 5px;
    display: block;
    padding: 15px 25px;
    margin-bottom: 30px;
  }

  @media screen and (max-width: 991px) {
    .icon-list-block {
      text-align: center;
      padding: 15px;
    }
  }

  .icon-list-block:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
  }

  .icon-list-block img {
    display: inline-block;
    margin-right: 20px;
    width: 30px;
  }

  @media screen and (max-width: 1199px) {
    .icon-list-block img {
      margin-right: 15px;
    }
  }

  @media screen and (max-width: 991px) {
    .icon-list-block img {
      display: block;
      margin: 0 auto;
    }
  }

  .icon-list-block i {
    display: inline-block;
    margin-right: 20px;
    font-size: 20px;
  }

  .icon-list-block span {
    color: #2f2f35;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 0;
  }

  @media screen and (min-width: 992px) {
    .icon-list-block span {
      line-height: 0.8;
    }
  }

  @media screen and (max-width: 991px) {
    .icon-list-block span {
      line-height: 1;
    }
  }

  @media screen and (max-width: 1199px) {
    .icon-list-block span {
      font-size: 15px;
    }
  }

  /**
 * Header style
 */

  .header,
  .header02,
  .header03,
  .header04 {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 88px;
    width: 100%;
    z-index: 9;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: rgba(0, 0, 0, 0.1);
  }

  .header.fixed-header,
  .fixed-header.header02,
  .fixed-header.header03,
  .fixed-header.header04 {

    /* background: #123d88; */
    background: #003bb3;
  }

  .header .container,
  .header02 .container,
  .header03 .container,
  .header04 .container {
    position: relative;
    height: 100%;
  }

  .header .logo,
  .header02 .logo,
  .header03 .logo,
  .header04 .logo {
    display: block;
    max-width: 138px;
  }

  .header .primary-menu,
  .header02 .primary-menu,
  .header03 .primary-menu,
  .header04 .primary-menu {
    margin-left: auto;
  }

  @media screen and (max-width: 991px) {

    .header .primary-menu ul,
    .header02 .primary-menu ul,
    .header03 .primary-menu ul,
    .header04 .primary-menu ul {
      background-color: #0c0b0b;
      display: none;
      text-align: left;
      width: 100%;
      height: 100px;

    }

    .header .primary-menu ul:not(.sub-menu),
    .header02 .primary-menu ul:not(.sub-menu),
    .header03 .primary-menu ul:not(.sub-menu),
    .header04 .primary-menu ul:not(.sub-menu) {
      max-height: 400px;
      overflow-y: scroll;
      padding: 10px 0;
      position: absolute;
      top: 100%;
      left: 0;
    }
  }

  .header .primary-menu ul li,
  .header02 .primary-menu ul li,
  .header03 .primary-menu ul li,
  .header04 .primary-menu ul li {
    display: inline-block;
    position: relative;
  }

  @media screen and (max-width: 991px) {

    .header .primary-menu ul li.login,
    .header02 .primary-menu ul li.login,
    .header03 .primary-menu ul li.login,
    .header04 .primary-menu ul li.login {
      border: none;
    }
  }

  @media screen and (min-width: 992px) {

    .header .primary-menu ul li.login a,
    .header02 .primary-menu ul li.login a,
    .header03 .primary-menu ul li.login a,
    .header04 .primary-menu ul li.login a {
      padding: 5px 30px;
    }
  }

  .header .primary-menu ul li.has-menu-child i,
  .header02 .primary-menu ul li.has-menu-child i,
  .header03 .primary-menu ul li.has-menu-child i,
  .header04 .primary-menu ul li.has-menu-child i {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 20px;
    height: 20px;
  }

  @media screen and (min-width: 992px) {

    .header .primary-menu ul li.has-menu-child i,
    .header02 .primary-menu ul li.has-menu-child i,
    .header03 .primary-menu ul li.has-menu-child i,
    .header04 .primary-menu ul li.has-menu-child i {
      right: -5px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
    }
  }

  .header .primary-menu ul li.has-menu-child ul.sub-menu,
  .header02 .primary-menu ul li.has-menu-child ul.sub-menu,
  .header03 .primary-menu ul li.has-menu-child ul.sub-menu,
  .header04 .primary-menu ul li.has-menu-child ul.sub-menu {
    padding-left: 15px;
    border: 1px solid #ddd;
  }

  @media screen and (min-width: 992px) {

    .header .primary-menu ul li.has-menu-child ul.sub-menu,
    .header02 .primary-menu ul li.has-menu-child ul.sub-menu,
    .header03 .primary-menu ul li.has-menu-child ul.sub-menu,
    .header04 .primary-menu ul li.has-menu-child ul.sub-menu {
      background-color: #fff;
      text-align: left;
      -webkit-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out;
      padding: 0;
      position: absolute;
      opacity: 0;
      visibility: hidden;
      top: 100%;
      left: 0;
      width: 220px;
    }
  }

  .header .primary-menu ul li.has-menu-child ul.sub-menu li,
  .header02 .primary-menu ul li.has-menu-child ul.sub-menu li,
  .header03 .primary-menu ul li.has-menu-child ul.sub-menu li,
  .header04 .primary-menu ul li.has-menu-child ul.sub-menu li {
    display: block;
  }

  @media screen and (min-width: 992px) {

    .header .primary-menu ul li.has-menu-child ul.sub-menu a,
    .header02 .primary-menu ul li.has-menu-child ul.sub-menu a,
    .header03 .primary-menu ul li.has-menu-child ul.sub-menu a,
    .header04 .primary-menu ul li.has-menu-child ul.sub-menu a {
      color: #666;
      font-size: 14px;
      padding: 8px 5px 10px 25px;
      position: relative;
    }
  }

  .header .primary-menu ul li.has-menu-child ul.sub-menu a:before,
  .header02 .primary-menu ul li.has-menu-child ul.sub-menu a:before,
  .header03 .primary-menu ul li.has-menu-child ul.sub-menu a:before,
  .header04 .primary-menu ul li.has-menu-child ul.sub-menu a:before {
    content: "";
    width: 7px;
    height: 1px;
    border-radius: 50%;
    background: #123d88;
    display: block;
    position: absolute;
    left: 10px;
    top: 20px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275),
      -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }

  .header .primary-menu ul li.has-menu-child ul.sub-menu a:hover,
  .header02 .primary-menu ul li.has-menu-child ul.sub-menu a:hover,
  .header03 .primary-menu ul li.has-menu-child ul.sub-menu a:hover,
  .header04 .primary-menu ul li.has-menu-child ul.sub-menu a:hover {
    background-color: #123d88;
    color: #fff;
  }

  .header .primary-menu ul li.has-menu-child ul.sub-menu a:hover:before,
  .header02 .primary-menu ul li.has-menu-child ul.sub-menu a:hover:before,
  .header03 .primary-menu ul li.has-menu-child ul.sub-menu a:hover:before,
  .header04 .primary-menu ul li.has-menu-child ul.sub-menu a:hover:before {
    background: #fff;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
  }

  .header .primary-menu ul li a,
  .header02 .primary-menu ul li a,
  .header03 .primary-menu ul li a,
  .header04 .primary-menu ul li a {
    color: #fff;
    display: block;
    text-transform: capitalize;
    padding: 5px 25px;
    position: relative;
  }

  @media screen and (min-width: 992px) {

    .header .primary-menu ul li a,
    .header02 .primary-menu ul li a,
    .header03 .primary-menu ul li a,
    .header04 .primary-menu ul li a {
      padding: 30px 15px;
    }
  }

  @media screen and (max-width: 1199px) {

    .header .primary-menu ul li a,
    .header02 .primary-menu ul li a,
    .header03 .primary-menu ul li a,
    .header04 .primary-menu ul li a {
      font-size: 14px;
    }
  }

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

    .header .primary-menu ul li a:hover,
    .header02 .primary-menu ul li a:hover,
    .header03 .primary-menu ul li a:hover,
    .header04 .primary-menu ul li a:hover {
      background-color: #1053c8;
    }
  }

  .header .primary-menu ul li a.login.btn.btn-outline.btn-round,
  .header02 .primary-menu ul li a.login.btn.btn-outline.btn-round,
  .header03 .primary-menu ul li a.login.btn.btn-outline.btn-round,
  .header04 .primary-menu ul li a.login.btn.btn-outline.btn-round,
  .header .primary-menu ul li .iconBox a.login.btn.btn-outline,
  .iconBox .header .primary-menu ul li a.login.btn.btn-outline,
  .header02 .primary-menu ul li .iconBox a.login.btn.btn-outline,
  .iconBox .header02 .primary-menu ul li a.login.btn.btn-outline,
  .header03 .primary-menu ul li .iconBox a.login.btn.btn-outline,
  .iconBox .header03 .primary-menu ul li a.login.btn.btn-outline,
  .header04 .primary-menu ul li .iconBox a.login.btn.btn-outline,
  .iconBox .header04 .primary-menu ul li a.login.btn.btn-outline {
    padding: 11px 25px !important;
  }

  @media screen and (min-width: 992px) {

    .header .primary-menu ul li a.login.btn.btn-outline.btn-round,
    .header02 .primary-menu ul li a.login.btn.btn-outline.btn-round,
    .header03 .primary-menu ul li a.login.btn.btn-outline.btn-round,
    .header04 .primary-menu ul li a.login.btn.btn-outline.btn-round,
    .header .primary-menu ul li .iconBox a.login.btn.btn-outline,
    .iconBox .header .primary-menu ul li a.login.btn.btn-outline,
    .header02 .primary-menu ul li .iconBox a.login.btn.btn-outline,
    .iconBox .header02 .primary-menu ul li a.login.btn.btn-outline,
    .header03 .primary-menu ul li .iconBox a.login.btn.btn-outline,
    .iconBox .header03 .primary-menu ul li a.login.btn.btn-outline,
    .header04 .primary-menu ul li .iconBox a.login.btn.btn-outline,
    .iconBox .header04 .primary-menu ul li a.login.btn.btn-outline {
      min-width: auto;
      top: 13px;
      position: relative;
    }

    .header .primary-menu ul li a.login.btn.btn-outline.btn-round:hover span,
    .header02 .primary-menu ul li a.login.btn.btn-outline.btn-round:hover span,
    .header03 .primary-menu ul li a.login.btn.btn-outline.btn-round:hover span,
    .header04 .primary-menu ul li a.login.btn.btn-outline.btn-round:hover span,
    .header .primary-menu ul li .iconBox a.login.btn.btn-outline:hover span,
    .iconBox .header .primary-menu ul li a.login.btn.btn-outline:hover span,
    .header02 .primary-menu ul li .iconBox a.login.btn.btn-outline:hover span,
    .iconBox .header02 .primary-menu ul li a.login.btn.btn-outline:hover span,
    .header03 .primary-menu ul li .iconBox a.login.btn.btn-outline:hover span,
    .iconBox .header03 .primary-menu ul li a.login.btn.btn-outline:hover span,
    .header04 .primary-menu ul li .iconBox a.login.btn.btn-outline:hover span,
    .iconBox .header04 .primary-menu ul li a.login.btn.btn-outline:hover span {
      border: none;
      background-color: transparent !important;

    }
  }

  @media screen and (max-width: 991px) {

    .header .primary-menu ul li a.login.btn.btn-outline.btn-round,
    .header02 .primary-menu ul li a.login.btn.btn-outline.btn-round,
    .header03 .primary-menu ul li a.login.btn.btn-outline.btn-round,
    .header04 .primary-menu ul li a.login.btn.btn-outline.btn-round,
    .header .primary-menu ul li .iconBox a.login.btn.btn-outline,
    .iconBox .header .primary-menu ul li a.login.btn.btn-outline,
    .header02 .primary-menu ul li .iconBox a.login.btn.btn-outline,
    .iconBox .header02 .primary-menu ul li a.login.btn.btn-outline,
    .header03 .primary-menu ul li .iconBox a.login.btn.btn-outline,
    .iconBox .header03 .primary-menu ul li a.login.btn.btn-outline,
    .header04 .primary-menu ul li .iconBox a.login.btn.btn-outline,
    .iconBox .header04 .primary-menu ul li a.login.btn.btn-outline {
      border: none;
      text-align-last: left;
      font-weight: 400;
    }

    .header .primary-menu ul li a.login.btn.btn-outline.btn-round .bh,
    .header02 .primary-menu ul li a.login.btn.btn-outline.btn-round .bh,
    .header03 .primary-menu ul li a.login.btn.btn-outline.btn-round .bh,
    .header04 .primary-menu ul li a.login.btn.btn-outline.btn-round .bh,
    .header .primary-menu ul li .iconBox a.login.btn.btn-outline .bh,
    .iconBox .header .primary-menu ul li a.login.btn.btn-outline .bh,
    .header02 .primary-menu ul li .iconBox a.login.btn.btn-outline .bh,
    .iconBox .header02 .primary-menu ul li a.login.btn.btn-outline .bh,
    .header03 .primary-menu ul li .iconBox a.login.btn.btn-outline .bh,
    .iconBox .header03 .primary-menu ul li a.login.btn.btn-outline .bh,
    .header04 .primary-menu ul li .iconBox a.login.btn.btn-outline .bh,
    .iconBox .header04 .primary-menu ul li a.login.btn.btn-outline .bh {
      display: none;
    }
  }

  .header .primary-menu ul li:hover ul.sub-menu,
  .header02 .primary-menu ul li:hover ul.sub-menu,
  .header03 .primary-menu ul li:hover ul.sub-menu,
  .header04 .primary-menu ul li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
  }

  @media screen and (max-width: 991px) {

    .header .primary-menu ul li,
    .header02 .primary-menu ul li,
    .header03 .primary-menu ul li,
    .header04 .primary-menu ul li {
      display: block;
    }
  }

  .header .primary-menu #mobile-menu-toggler,
  .header02 .primary-menu #mobile-menu-toggler,
  .header03 .primary-menu #mobile-menu-toggler,
  .header04 .primary-menu #mobile-menu-toggler {
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    line-height: 0.8;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  @media screen and (min-width: 992px) {

    .header .primary-menu #mobile-menu-toggler,
    .header02 .primary-menu #mobile-menu-toggler,
    .header03 .primary-menu #mobile-menu-toggler,
    .header04 .primary-menu #mobile-menu-toggler {
      display: none;
    }
  }

  .header02,
  .header03 {
    background-color: #fff;
    position: relative;
    height: auto;
  }

  .header02 .logo img,
  .header03 .logo img {
    -webkit-filter: brightness(0) invert(0);
    filter: brightness(0) invert(0);
  }

  .header02 .primary-menu,
  .header03 .primary-menu {
    margin-left: 0;
  }

  .header02 .primary-menu #mobile-menu-toggler,
  .header03 .primary-menu #mobile-menu-toggler {
    color: #000;
  }

  .header02 .primary-menu ul li:last-child,
  .header03 .primary-menu ul li:last-child {
    margin-left: auto;
  }

  @media screen and (min-width: 992px) {

    .header02 .primary-menu ul li a,
    .header03 .primary-menu ul li a {
      color: #000;
    }
  }

  @media screen and (min-width: 992px) {

    .header02 .primary-menu .btn,
    .header03 .primary-menu .btn {
      background-color: #004bc8;
    }
  }

  .header03 .social-icons {
    display: inline-block;
  }

  .header03 .social-icons a:not(:last-child) {
    border-right: 1px solid #fff;
  }

  .header03 .login {
    padding: 5px 20px;
    border-radius: 0;
    text-transform: capitalize;
  }


  @media screen and (max-width: 767px) {
    .header03 .login {
      padding: 5px 13px;
    }
  }

  .header04 .login {
    min-width: auto;
    padding: 7px 25px;
    border-radius: 5px;
    text-transform: capitalize;
    letter-spacing: 1.8px;
  }



  @media screen and (max-width: 991px) {
    .header04 .login {
      margin-right: 35px;
    }
  }

  @media screen and (max-width: 991px) {
    .header-main {
      height: 80px;
    }
  }

  .header-top {
    padding: 10px 0;
    background: #002563;
  }

  .header-top .top-text {
    display: inline-block;
    color: #fff;
    font-size: 12px;
  }

  .header-top .top-text:nth-child(2) {
    margin-left: 20px;
  }

  .header-top .top-text i {
    margin-right: 5px;
  }

  .header-top .social-icons a {
    display: inline-block;
    color: #fff;
    font-size: 13px;
    line-height: 1;
    padding: 0 7px;
  }

  @media screen and (max-width: 575px) {
    .header-top {
      display: none;
    }
  }

  .primary-menu .btn span {
    color: #fff;
  }

  .primary-menu .btn:first-of-type {
    margin-right: 0;
  }

  /**
 * Banner style
 */

  .banner {
    /* background-image: url("../images/banner/banner0.jpg"); */
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
  }

  @media screen and (min-width: 992px) {
    .banner {
      padding: 10% 0 5%;
    }
  }

  @media screen and (max-width: 991px) {
    .banner {
      padding: 15% 0 7%;
    }
  }

  @media screen and (max-width: 767px) {
    .banner {
      padding: 20% 0 10%;
    }
  }

  @media screen and (max-width: 479px) {
    .banner {
      padding: 150px 0 50px;
    }
  }

  .banner .ban-content h1 {
    color: #fff;
    font-size: 46px;
    /* line-height: 5px; */
    text-transform: capitalize;
    margin-bottom: 0;
  }

  @media screen and (max-width: 575px) {
    .banner .ban-content h1 {
      font-size: 20px;
    }
  }

  @media screen and (max-width: 479px) {
    .banner .ban-content h1 {
      font-size: 20px;
    }
  }

  .banner .ban-content p {
    color: #fff;
  }

  @media screen and (min-width: 992px) {
    .banner .ban-content p {
      line-height: 30px;
    }
  }

  @media screen and (min-width: 576px) {
    .banner .ban-content p {
      margin-bottom: 5%;
    }
  }

  @media screen and (max-width: 575px) {
    .banner .ban-content p {
      font-size: 14px;
      margin-bottom: 40px;
    }
  }

  @media screen and (max-width: 479px) {
    .banner .ban-content p {
      font-size: 13px;
    }
  }

  @media screen and (max-width: 575px) {
    .banner .btn {
      font-size: 13px;
    }
  }

  @media screen and (max-width: 479px) {
    .banner .btn {
      margin-bottom: 15px;
    }
  }

  @media screen and (max-width: 1199px) {
    .banner br {
      display: none;
    }
  }

  .banner:before {
    content: "";
    width: 100%;
    top: 0;
    left: 0;
    /* background: #37517e; */
    opacity: 0.7;
  }

  .banner.v2 {
    background-image: url("../images/banner/4.jpg");
  }

  .banner.v2:after {
    background-color: #fff;
    -webkit-clip-path: polygon(100% 65%, 100% 100%, 0 100%);
    clip-path: polygon(100% 65%, 100% 100%, 0 100%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
  }

  .banner.v2 .tagline {
    color: #fff;
    font-weight: 400;
  }

  .banner.v2.bSupport:after {
    background-color: transparent !important;
  }

  .banner.v3 {
    background-image: url("../images/banner/5.jpg");
  }

  .banner.v5 {
    background-image: url("../images/banner/8.jpg");
  }

  .banner.v6 {
    background-image: url("../images/banner/10.jpg");
  }

  .banner.v7 .payment-banner {
    background-image: url("../images/african-woman-2.jpg");
    /* background-color: #37517e; */
  }

  .banner.v7:before {
    opacity: 0.2;
  }

  @media screen and (max-width: 991px) {
    .banner.v7:before .ban-content {
      margin-bottom: 40px;
    }
  }

  .banner .card-scrn-img {
    max-width: 1825px;
    margin: 0 auto;
    width: 100%;
  }

  .banner .simple-txt {
    color: #fff;
    display: block;
    margin-top: 20px;
  }

  .home-two .banner::before {
    content: "";
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0px;
  }

  @media screen and (max-width: 991px) {

    .overview .content-box,
    .overview .content-box-fluid {
      margin-bottom: 50px;
    }
  }

  .overview .iconBox {
    margin-bottom: 30px;
  }

  /**
 * Send money 
 */

  .home-send-money {
    background-color: #f7faff;
  }

  .home-send-money .mbl-screen:before {
    background-size: auto;
    background-position: left top;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    top: 50%;
    left: auto;
    right: 100%;
    bottom: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 379px;
    width: 147px;
    z-index: 1;
  }

  .mbl-screen {
    position: relative;
    overflow: hidden;
  }

  .mbl-screen .mbl-scrn1 {
    max-width: 313px;
  }

  @media screen and (min-width: 320px) {
    .mbl-screen .mbl-scrn1 {
      margin-left: -70px;
    }
  }

  .mbl-screen .mbl-scrn2 {
    position: absolute;
    right: 0;
    top: 55px;
    max-width: 309px;
    z-index: 1;
  }

  @media screen and (max-width: 991px) {
    .mbl-screen {
      margin-bottom: 50px;
    }
  }

  /**
 * Receive money 
 */

  .home-recv-money {
    overflow: hidden;
  }

  .home-recv-money .recv-img {
    position: relative;
  }

  @media screen and (min-width: 992px) {
    .home-recv-money .recv-img {
      padding-left: 10%;
    }
  }

  /**
 * Payment section
 */

  .payment .pay-img {
    max-width: 593px;
    position: relative;
  }

  @media screen and (min-width: 1400px) {
    .payment .pay-img {
      margin-left: -120px;
    }
  }

  @media screen and (max-width: 991px) {
    .payment .pay-img {
      margin-bottom: 50px;
    }
  }

  /**
 * Features section
 */

  .features {
    background-image: url("../images/banner/2.jpg");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding-bottom: 0;
    overflow: hidden;
  }

  .features:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #004bc8;
    opacity: 0.7;
  }

  .features .sec-heading {
    max-width: 770px;
    margin: 0 auto;
  }

  .features .sec-heading .sec-title,
  .features .sec-heading .sec-subtitle {
    color: #fff;
  }

  .features .features-scrns {
    position: relative;
    max-width: 1570px;
    margin: 0 auto;
  }

  .features .features-scrns .scrn-1 {
    max-width: 892px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }

  .features .features-scrns .scrn-2,
  .features .features-scrns .scrn-3 {
    max-width: 838px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    bottom: -40px;
  }

  .features .features-scrns .scrn-3 {
    left: auto;
    right: 0;
  }

  .features-v2 {
    background-image: url("../images/banner/7.jpg");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
  }

  .features-v2 .content-box-fluid h2,
  .features-v2 .content-box-fluid p,
  .features-v2 .content-box-fluid span {
    color: #fff;
  }

  .features-v2 .content-box-fluid .tagline.bar:after {
    background-color: #fff;
  }

  .features-v2 .content-box-fluid a:hover span {
    color: #000;
  }

  /**
 * Testimonial section
 */

  .testimonial .single-testimonial {
    position: relative;
    margin-bottom: 65px;
  }

  .testimonial .tst-body {
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 26px 20px;
    position: relative;
    margin-bottom: 27px;
  }

  .testimonial .tst-body:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 24px;
    right: auto;
    bottom: auto;
    background-color: #fff;
    -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    width: 20px;
    height: 13px;
  }

  .testimonial .tst-head {
    position: relative;
    padding: 10px 0 10px 85px;
    min-height: 70px;
  }

  .testimonial .tst-head .avatar {
    border-radius: 50%;
    max-width: 70px;
    position: absolute;
    left: 0;
    top: 0;
  }

  .testimonial .tst-head h6 {
    color: #2f2f35;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 0;
  }

  .testimonial .tst-head span {
    color: #6c6c6f;
    font-size: 16px;
  }

  .testimonial .owl-dots {
    text-align: center;
  }

  .testimonial .owl-dots span {
    background-color: #c0c0c2;
    display: inline-block;
    margin: 0 7px;
    height: 4px;
    width: 40px;
  }

  .testimonial .owl-dots .active span {
    background-color: #003bb3;
  }

  .testimonial-v2 .testimonialBox,
  .testimonial-v3 .testimonialBox {
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);
    padding: 30px;
    text-align: center;
  }

  .testimonial-v2 .testimonialBox .quote-sign,
  .testimonial-v3 .testimonialBox .quote-sign {
    color: #f8f8f8;
    font-size: 62px;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
  }

  .testimonial-v2 .single-testimonial,
  .testimonial-v3 .single-testimonial {
    position: relative;
    max-width: 770px;
    margin: 30px auto;
  }

  .testimonial-v2 .single-testimonial p,
  .testimonial-v3 .single-testimonial p {
    font-style: italic;
    margin: 0;
  }

  .testimonial-v2 .client-thumb a,
  .testimonial-v3 .client-thumb a {
    border-radius: 50%;
    display: inline-block;
    margin: 0 10px;
    width: 42px;
    overflow: hidden;
  }

  .testimonial-v2 .client-thumb a.active,
  .testimonial-v3 .client-thumb a.active {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
  }

  .testimonial-v2 .owl-nav,
  .testimonial-v3 .owl-nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
  }

  @media screen and (max-width: 991px) {

    .testimonial-v2 .owl-nav,
    .testimonial-v3 .owl-nav {
      display: none;
    }
  }

  .testimonial-v2 .owl-nav button,
  .testimonial-v3 .owl-nav button {
    background-color: #cacaca !important;
    border-radius: 50%;
    color: #fff !important;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    height: 40px;
    width: 40px;
  }

  .testimonial-v2 .owl-nav button:hover,
  .testimonial-v3 .owl-nav button:hover {
    background-color: #003bb3 !important;
  }

  .testimonial-v2 .owl-nav .owl-prev,
  .testimonial-v3 .owl-nav .owl-prev {
    position: absolute;
    left: -130px;
  }

  .testimonial-v2 .owl-nav .owl-next,
  .testimonial-v3 .owl-nav .owl-next {
    position: absolute;
    right: -130px;
  }

  .testimonial-v3 .testimonialBox {
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .testimonial-v3 .testimonialBox .tst-head .avatar {
    display: block;
    margin: 0 auto 15px;
    width: 60px;
  }

  .testimonial-v3 .testimonialBox .tst-head h6 {
    color: #2f2f35;
    font-size: 20px;
    margin-bottom: 27px;
  }

  .testimonial-v3 .owl-dots button {
    border: 1px solid #737376;
    border-radius: 50px;
    margin: 0 4px;
    height: 10px;
    width: 10px;
  }

  .testimonial-v3 .owl-dots button.active {
    background-color: #003bb3;
    border-color: #003bb3;
  }

  /**
 * Footer
 */

  .footer {
    background-size: auto;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url("../images/footer-bg.png");
    position: relative;
    width: 100%;
  }

  .footer .foo-top {
    padding: 100px 0 90px;
  }

  .footer .widget h5 {
    color: #fff;
    font-size: 20px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px;
  }

  .footer .widget h5:before {
    content: "";
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    height: 2px;
    width: 30px;
  }

  @media screen and (max-width: 575px) {
    .footer .widget h5 i {
      font-size: 14px;
      position: absolute;
      top: 0;
      right: 0;
      width: 20px;
      text-align: center;
    }
  }

  @media screen and (max-width: 575px) {
    .footer .widget {
      margin-top: 30px;
    }
  }

  @media screen and (max-width: 991px) {
    .footer .foo-nav {
      margin-bottom: 30px;
    }
  }

  @media screen and (max-width: 575px) {
    .footer .foo-nav {
      margin-bottom: 0;
    }

    .footer .foo-nav ul {
      display: none;
    }

    .footer .foo-nav h5 {
      cursor: pointer;
      margin-bottom: 0;
    }
  }

  .footer .foo-nav li a {
    color: #fff;
    display: block;
    font-size: 15px;
    padding: 5px 0;
    padding-left: 10px;
    position: relative;
  }

  .footer .foo-nav li a:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 5px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
  }

  .footer .foo-nav li a:hover {
    padding-left: 15px;
  }

  .footer .foo-address address {
    color: #fff;
    margin-bottom: 35px;
  }

  .footer .foo-address address a {
    color: #fff;
  }

  .footer .foo-btm {
    /* background-color: rgba(0, 0, 0, 0.1);*/
    padding: 25px;
    margin-top: 20px;
  }

  .footer .foo-navigation ul li {
    display: inline-block;
  }

  .footer .foo-navigation ul li a {
    color: #fff;
    display: block;
    font-size: 15px;
    padding-right: 20px;
  }

  @media screen and (max-width: 991px) {
    .footer .foo-navigation ul li a {
      font-size: 12px;
      padding-right: 12px;
    }
  }

  .footer .foo-navigation ul li:last-child a {
    padding-right: 0;
  }

  @media screen and (max-width: 767px) {
    .footer .foo-navigation {
      text-align: center;
    }
  }

  .footer .copyright {
    color: #fff;
    font-size: 15px;
    text-align: center;
  }

  .footer .copyright a {
    color: #fff;
    display: inline-block;
    font-weight: 500;
  }

  @media screen and (min-width: 768px) {
    .footer .copyright {
      text-align: right;
    }
  }

  @media screen and (max-width: 991px) {
    .footer .copyright {
      font-size: 12px;
    }
  }


  .mybtn {
    padding: 5px 8px 5px 8px;
  }

  .mybtn:hover {
    /*background-color: #5d2e8c !important;*/
    background: rgb(96, 48, 133) !important;

    content: url("../copy.png");
  }

  .mybtn:hover .copy_image {
    content: url("../copy.png");
  }

  .ashline {
    border-left: 2px solid #cac6c6;
  }

  #copyalert {
    display: none;
  }

  #ecopyalert {
    display: none;
  }

  #gcopyalert {
    display: none;
  }

  #gecopyalert {
    display: none;
  }

  #ccopyalert {
    display: none;
  }

  #cecopyalert {
    display: none;
  }

  /*@media screen and (max-width: 590px) {
	.container {
		width: auto;
	}
}*/

  @media screen and (max-width: 990px) {
    .ashline {
      border-left: none;
      margin-top: 1.5rem;
      border-top: 2px solid #cac6c6;
    }
  }

  @media screen and (max-width: 646px) {

    body {
      background-size: cover;
    }

  }

  @media screen and (max-width: 549px) {

    body {
      background-position: bottom;
    }
  }

  @media screen and (max-width: 575px) {

    .my-shadow {
      width: 95%;
    }
  }


  .formContainer {
    font-size: 15px;
  }

  #loader {
    display: none;
  }

  #gloader {
    display: none;
  }

  #cloader {
    display: none;
  }

  .round {
    border-radius: 50%;
    height: 40px;
    width: 40px;
  }

  .round {
    background-color: rgba(148, 141, 141, 0.308);
  }

  .round:hover {
    background-color: #003bb3;
  }

  .required::after {
    content: " *";
    color: red;
  }

  .card-effect {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    background-color: white;
    padding: 25px;
    transition: all 0.35s ease;
    border-radius: 1rem;
    height: 12.5em;
    color: #003bb3;
  }

  .my-shadow {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  }

  .fa {
    color: #003bb3;
  }



  .card-effect:hover {
    box-shadow: none;
    /*-ms-transform: scaleY(1.0);*/
    /*transform: scaleY(1.0);*/
    transform: translateY(5px);
    color: white;
    /*background-image: linear-gradient(to bottom right,#603085,#e80685);*/
    background: linear-gradient(150deg,
        #003bb3 42%,
        #003bb3 100%);
  }

  .row:hover .card-effect {
    opacity: 0.8;
    filter: blur(1px);
  }

  .row .card-effect:hover {
    opacity: 1;
    filter: blur(0px);
    transform: scale(1.1);
  }

  .card-effect:hover .fa {
    color: white;
  }

  .card-effect:hover .gen_image {
    content: url("../6.png");
  }

  .card-effect:hover .link_image {
    content: url("../linkedin\(1\).png");
  }

  .card-effect:hover .insta_image {
    content: url("../instagram\(1\).png");
  }

  .card-effect:hover .fboo_image {
    content: url("../facebook\(2\).png");
  }

  .card-effect:hover .twit_image {
    content: url("../twitter\(2\).png");
  }

  .card-effect:hover .cap_image {
    content: url("../chat\(1\).png");
  }

  #general {
    background-color: white;
    padding: 25px;
    border-radius: 1rem;
  }

  #general:hover {
    color: #642c8f;
  }

  .light-font {
    color: #888;
    font-weight: 200;
  }

  .light-font:hover {
    color: #642c8f;
  }

  .counter-style {
    font-size: 12px;
    color: #888;
  }