*{
    margin: 0;
    padding: 0;
}
.logo{
    width: 90px !important;
}
.dropdown:hover .dropdown-menu {
    display: block !important;
    margin-top: 0 !important; 
}

p{
    font-size: 17px !important;
}
*{
    scroll-behavior: smooth !important;
  }
  .hero_bg{
      background: linear-gradient(#23296415 , #2329641f ),url('images/IP-BG.jpg');
      background-position: center !important;
      background-repeat:  no-repeat !important;
      background-size: cover !important;
      width: 100% !important;
      height: 98vh !important;
      background-attachment: fixed !important;
  }
  .hero-content {
     
      
      text-align: start;
      color: #fff;
      z-index: 1;
    }
    @keyframes changewidth {
      from {
          width: 0%;
      }
  
      to {
          width: 90%;
      }
  }
  #dynamicContent {
    
      font-size: 2.8rem !important;
  }
    
    .hero-content h1 {
      font-size: 2.8rem;
    }
    
    .hero-content p {
      font-size: 18px;
    }
    .text-danger{
      color: #232964 !important;
    }
    .bnt-primary{
     background-color: #232964 !important;
    }
    .slide-right {
      animation: 2s slide-right;
    }
    @keyframes slide-right {
      from {
        margin-left: -10%;
      }
      to {
        margin-left: 0%;
      }
    }
    .slide-left {
      animation: 2s slide-left;
    }
    @keyframes slide-left {
      from {
        margin-top: 30%;
      }
      to {
        margin-top: 0%;
      }
    }
    .fade-in {
      opacity: 0;
      transform: translateY(20px);
      animation: fadeIn 1s ease forwards;
    }
    
    @keyframes fadeIn {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    .text-primary{
      color: #232964 !important;
     
    }
    .border-bottom{
      border-bottom: 2px solid #ED2228  !important;
    }
    .bg-danger{
      background-color: #ED2228 !important;
    }
    .why_choose{
      background: linear-gradient( #232964c4 ,#232964e1),url('images/IP-BG.jpg');
      background-position: fixed !important;
      background-repeat: no-repeat !important;
      background-position: center !important;
      background-size: cover !important;
      width: 100% !important;
      height: 60vh !important;
      background-attachment: fixed !important;
    }
    p{
      font-size: 1.1rem !important;
    }
    .shadow_card{
      min-height: 218px !important;
    }
    .bg-primary{
      background-color: #232964 !important;
    }
    a {
      text-decoration: none !important;
    }
    .serv-card{
      min-height: 100px !important;
      margin: 5px 0px 5px 0px !important;
    }
    .card4 {
      display: block;
      top: 0px;
      position: relative;
      max-width: 262px;
      background-color: #ffffff;
      border-radius: 4px;
      padding: 32px 24px;
      margin: 12px;
      text-decoration: none;
      overflow: hidden;
      border: 1px solid #cccccc;
    }
    .card4 .go-corner {
      background-color: #00838d;
      height: 100%;
      width: 16px;
      padding-right: 9px;
      border-radius: 0;
      transform: skew(6deg);
      margin-right: -36px;
      align-items: start;
      background-image: linear-gradient(-45deg, #8F479A 1%, #DC2A74 100%);
    }
    .card4 .go-arrow {
      transform: skew(-6deg);
      margin-left: -2px;
      margin-top: 9px;
      opacity: 0;
    }
    
    .card4 h3 {
      margin-top: 8px;
    }
    
    .card4:hover .go-corner {
      margin-right: -12px;
    }
    .card4:hover .go-arrow {
      opacity: 1;
      transition: all 0.3s ease-out;
    }
    .serv-icons{
      width: 65px !important;
      padding: 10px !important;
    }
    
    .serv-card:hover{
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
    }