:root{
    --text-secondary:#b0b7bc;
}

  body {
    background-color: #002b54;
  }
  .text-secondary {color:var(--text-secondary)!important;}
  .icon {
    background-color: #002b54;
    width: 90px;
    border-radius: 100px;
    margin: auto;
    font-size: 50px;
    padding: 8px 8px;
    transition: all 0.3s ease;
  }

    .card {
    transition: all 0.4s ease;
      border: 1px solid #e0e0e0 !important;
      border-radius: 12px !important;
      background-color:#002b54;
    }
    .card:hover {
      transform: translateY(-8px);
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
      border-color: #0d6efd;
    }

    .card:hover .icon{
      background-color: darkgray;
      color: #ffffff;
      transform: scale(1.15) rotate(10deg);
      box-shadow: 0 8px 20px rgba(13, 110, 253, 0.3);
    }
    .flag-bg {
      position: fixed;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: -2;
      opacity: 0.03;
      pointer-events: none;
    }
    .btn-primary {background-color:#660B36 !important; border:none;}
    .phone {letter-spacing: 2px;}
    .text-justify {text-align: justify !important;}
    .sticky-flag {
        position:fixed;
        top:0;
        left:-250px;
        background-image:url('../images/flag.png');
        background-repeat: no-repeat;
        width:600px;
        min-height:100vh;
    }

    .ps-10 {padding-left:150px;}

    @media only screen and (max-width:767px)
    {
       .ps-10 {padding-left:0;} 
    }