body{
  font-family:  "Poppins", Arial, sans-serif;
 }
 

  /*-----------------------------------*\
     TOP BAR
    \*-----------------------------------*/
    .topbar .top-link {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .topbar .top-link a {
      margin-right: 10px;
    }
    
    #note {
      width: 500px;
      overflow: hidden;
    }
    
    #note small {
      position: relative;
      display: inline-block;
      animation: mymove 10s infinite;
      animation-timing-function: all;
    }
    
    @keyframes mymove {
      from {left: -100%;}
      to {left: 100%;}
    }
    
    /*-----------------------------------*\
       NAV BAR
      \*-----------------------------------*/
    
      .navbar{
        background-color: #03045e;
      }
      .navbar-brand {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 48px;
        height: 48px;
      }
      
      .navbar-nav .nav-item:hover {
        background-color: rgba(19, 108, 224, 0.4);
      }
      
      .navbar-custom .dropdown-item {
        color: #03045e;
      }
      
      .navbar-custom .dropdown-item:hover,
      .navbar-custom .dropdown-item:focus {
        background-color:#caf0f8;
        font-weight: 700;
      }
      .company {
        font-size:28px;
      }

      .dropdown-menu .dropdown-submenu {
        display: none;
        /* position: absolute; */
        left: 100%;
        top: -7px;
        } 
        .dropdown-menu .dropdown-submenu-left {
       right: 100%;
        left: auto;
        }
        .dropdown-menu > li:hover > .dropdown-submenu {
        display: block;
        }
/*-----------------------------------*\
  ABOUT US HEADER SECTION
  \*-----------------------------------*/

  .page-header {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, .6)), url(../images/Visa.jpg) center center no-repeat;
    background-size: cover;
    /* background-color:#023047; */
    /* background: url(../images/about1.jpg) center center no-repeat; */
  }
  
  .page-header .breadcrumb-item+.breadcrumb-item::before {
    color:white;
  }
  
  .page-header .breadcrumb-item,
  .page-header .breadcrumb-item a {
    font-size: 18px;
    color: white;
  }
  
  .breadcrumb{ background-color : unset !important; }


/*-----------------------------------*\
  SERVICE INTRO SECTION
  \*-----------------------------------*/
  .fade-in-image { animation: fadeIn 5s; }


  .fade-in-text {
    
    animation: fadeIn 5s;
  }
  
  @keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }

  
/*-----------------------------------*\
  SERVICE SECTION
  \*-----------------------------------*/

  .service-item {
    position: relative;
    overflow: hidden;
    height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: .3s;
    background-color:#f5ebe0;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(187,208,255,1) 100%);
}

.readbtn{
  background-color: #03045e;
}

.indserbtn{
  background-color: #03045e;
  margin-left: 25%;
  
}

.firstsec h3{
  padding-top: 100px;
  
 }
 .firstsec h5{
 margin-top: 20px;
 margin-bottom: 100px;
  
 }
 
 .contactbtn{

  background-color: #03045e;
  border-radius: 15px;
  margin-top: 120px;
  margin-bottom: 100px;
  width:80%;
  height: 50px;
  margin-left:40px;
}
.contactusbtn{
  text-align: center;
  padding-left:80px;
  margin-top:8px;
  margin-bottom:10px;
 

}


/*-----------------------------------*\
  INDIAN SERVICE SSECTION
  \*-----------------------------------*/


.card{
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  transition: transform .2s;
}

.card:hover {
  -ms-transform: scale(1.2); 
  -webkit-transform: scale(1.2); 
  transform: scale(1.2); 
}

.service-item:hover {
  -ms-transform: scale(1.1); 
  -webkit-transform: scale(1.1); 
  transform: scale(1.1); 
}


/*-----------------------------------*\
  FOOTER DISCLAIMER SECTION
  \*-----------------------------------*/

 .footer-disclaimer {
            background-color: rgba(255, 255, 255, 0.05);
            border-left: 4px solid #0d6efd;
            color: #e9ecef;
        }
        .footer-disclaimer p {
            margin: 0.25rem 0 0.5rem 0;
            line-height: 1.4;
            font-size: 0.95rem;
        }
        .footer-disclaimer strong {
            display: block;
            margin-bottom: 0.25rem;
            color: #ffffff;
        }
        .footer-disclaimer small {
            color: #adb5bd;
        }
  /*-----------------------------------*\
  FOOTER SECTION
  \*-----------------------------------*/


  .footer{
    background-color: #000814;
  }


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

    .firstsec h3{
     font-size:25px;
     text-align: center;
     }

     .contactbtn{
      margin-top:5px;
      width:30%;
      margin-left:250px;
    }

      
    .contactusbtn{
      text-align: center;
      padding-left:60px;
      
    }
   
  }
  
  @media only screen and (max-width: 769px){
    .contactbtn{
      margin-top:5px;
      width:30%;
      margin-left:175px;
    }

      
    .contactusbtn{
      text-align: center;
      padding-left:35px;
      
    }

  }
  
  
  @media only screen and (max-width: 670px){
  
  }
  
  @media only screen and (max-width: 541px){

    .company {
      font-size:25px;
    }

    .contactbtn{
      margin-top:5px;
      width:40%;
      margin-left:125px;
    }

    .contactusbtn{
      text-align: center;
      padding-left:40px;
      
    }

  
  }

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

    .company {
      font-size: 20px;
    }
  }

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

    .company {
      font-size:16px;
    }
    .service-item h4{
      font-size:20px;
    }
    .service-item p{
      font-size:15px;
      
    }

    .firstsec h3{
      font-size:20px;
      }

      .firstsec h5{
        font-size:15px;
        margin-bottom: 50px;
        }

        .contactbtn{
          width:45%;
          margin-left:100px;
          margin-bottom: 50px;
        }
    
        .contactusbtn{
          text-align: center;
          padding-left:40px;
          
        }
  }
   
  @media only screen and (max-width: 373px){

    
        .contactbtn{
          width:50%;
          margin-left:80px;
          
        }

        .contactusbtn{
         font-size: 15px;
          
        }
  }
  @media only screen and (max-width: 294px){

   
    .service-item h4{
      font-size:18px;
    }
    .service-item p{
      font-size:12px;
      
    }
    .service-item{
      height:300px;
    }
    .readbtn{
    
      margin-bottom: 10px;
      width:80%;
      margin-left: 10px;
      margin-right: 10px;
    }

    .contactbtn{
      width:55%;
      margin-left:60px;
      
    }

    .contactusbtn{
     font-size: 15px;
     padding-left:35px;
    }
  }