body{
    font-family: 'Arima Madurai', cursive;
    }
    .navbar-light .navbar-nav .nav-link {
      color:white !important;
      font-size: large;
    }
    
    @media(max-width:1440px){
      .navbar-light .navbar-nav .nav-link {
        color:white !important;
        font-size: 12.5px;
      }
     
      
    }
    @media(max-width:1024px){
      .navbar-light .navbar-nav .nav-link {
        color:white !important;
        font-size: 11px;
      }
    }
    
    @media(min-width:992px){
      .navbar-expand-lg .navbar-collapse{
        width:100%;
        /* padding-top:4%; */
      }
    
    
    /* .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        margin-top: 10px;
      background:#0000008a;
      
    }
     .dropdown-menu .dropdown-item{
       color:white;
    }
    .dropdown-menu .dropdown-item:hover{
      color:#fbbc93;
      background:transparent;
    }
    .navbar-light .navbar-nav .nav-link:hover {
    color: #fbbc93 !important;
    }*/
    } 
    
    .navbar navbar-expand-lg navbar-light {
      
      z-index:1000 !important;
    }
    fa{
      color:white !important;
    }
    .ban-head{
      text-align:center;
      color:#fbbc93;
    }
    .btn-outline-primary {
        color: #fbbc93;
        border-color: #fbbc93;
    }
    .btn-outline-primary:hover {
    background:#fbbc93;
    color:black;
    border:#fbbc93;
    
    }
    .discover{
      text-align:center;
      padding:5%;
      border-bottom:1px solid #fbbc93;
    }
    #banner1{
      display:flex;
      padding-top:5%;
      padding-bottom:5%;
        border-bottom:1px solid #fbbc93;
    
    }
    /* .content {
       padding:5%;
        color: #fbbc93;
       width:50%;
        text-align: justify;
    }
    .contents {
       padding:5%;
        color: #fbbc93;
       width:50%;
        text-align: justify;
    } */
    .b-img{
      width:50%;
    }
    
    #banner2{
      display:flex;
      padding-top:5%;
      padding-bottom:5%;
        border-bottom:1px solid #fbbc93;
    
    }
    .pd-head{
        text-align:center !important;
      color:#fbbc93;
      padding-top:5%;
    }
      
    
    .b1{
      padding-right:5%;
      width:50%;
    }
    .containe {
      position: relative;
      width: 50%;
      
      
    }
    
    .image {
      opacity: 1;
      display: block;
      width: 100%;
      height: auto;
      transition: .5s ease;
      backface-visibility: hidden;border:1px solid #fbbc93;
    }
    
    .middle {
      transition: .5s ease;
      opacity: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      text-align: center;
    }
    
    .containe:hover .image {
      opacity: 0.5;
    }
    
    .containe:hover .middle {
      opacity: 1;
    }
    
    .text {
     
      color: #fbbc93;
      font-size: 30px;
      text-align:center;
    }
    
    
    
    input[type=text] {
      width: 100%;
    background:transparent;
      margin: 8px 0;
      box-sizing: border-box;
      border: none;
      border-bottom: 1px solid #fbbc93;
      color:#fbbc93;
      
    }
    
    h6,p{
      
     color:#fbbc93;
    }
    input[type=submit] {
      width: 60%;
    background:transparent;
      border: 1px solid #fbbc93;
      color:#fbbc93;
    }
    input[type=submit]:hover{
      background:#fbbc93;
      color:black;
    
    }
    .card{
      border:none;
    }
    .card:hover img{
      transform: scale(0.95);
      }
    #banner2 {
        display: flex;
        padding-top: 5%;
        padding-bottom: 5%;
        border-bottom: 1px solid #fbbc93;
        justify-content: center;
    }
    button:hover{
      transform: scale(1.2);
    }
    .card-body{
      background:#00183a;
      text-align:center;
    }
    .card-text{
      font-weight:bolder;
      font-size:20px;
    }
    .card-text:hover{
    font-size:22px; 	
      
    }
    .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
       margin-right: -15px;
        margin-left: -15px;
       /* margin-top: 20px;
        padding-top: 50px;*/
      padding-left:5%;
    /*  padding-bottom: 2%;*/
    }
    
    
    .nav-items{
      display:flex;
      font-size:10px;
    }
    .nav-items a:hover{
      
      font-size:150%;
      
    }
    .nav-item{
      font-size:10px;
    }
    .nav-item a:hover{
      
      font-size:100%;
      
    }
    .dropdown-item{
      font-size:15px;
      /* color:white; */
    }
    .nav-items-m{
      display:none;
    }
      .footer-end {
        width: 100%;
        background: #061223;
        display: flex;
        padding: 2vh;
        justify-content: space-between;
    }
      footer{
       background: #00183a;	
      }
      .social{
        display:none;
      }
      /* .navbar-nav .dropdown-menu {
        position: static;
        float: none;
        background: #00183a;
        color: white !important;
    } */
    
    @media (max-width: 800px) {
    
    /* .content {
        padding: 5%;
        color: #fbbc93;
        width: 50%;
        text-align: justify;
        font-size: 10px;
    }
    
    .contents{
       color: red;
        font-size: 10px;
    } */
    .copyright{
      text-align:left;
      width:70%; 
      }
       .copyright span{
      margin-left:0%
    }
    }
    
    @media (max-width: 500px) {
      
      #banner1 {
        display: flex;
        padding-top: 5%;
        padding-bottom: 5%;
        border-bottom: 1px solid #fbbc93;
        flex-direction: column;
    }
      
      /* .content {
        padding: 5%;
        color: #fbbc93;
        width: 100%;
        text-align: justify;
       font-size: 10px;
    }
       */
      
      .b-img {
        width: 100%;
    }
      
    .h2, h2 {
        font-size: 1.2rem;
    }
    .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
        margin-top: 20px;
        padding-top: 50px;
        flex-direction: column;
        align-content: flex-start;
        align-items: flex-start;
    }
    .text-center {
        text-align: left!important;
    }
    .col {
        
        padding-bottom: 15%;
    }
    .contents {
      display:none;
      
    }
    .footer-end {
        width: 100%;
        background: #061223;
      
        padding: 1vh;
        justify-content: center;
        
    }
    .social-icons{
      display:none;
    }
    .social{
      display:block;
      text-align:center;
      padding-bottom:10%;
    }
    .social a{
      padding:15px;
    }
    .cols {
        margin-left: -6%;
    }
    
    h2{
      padding-top:5%;
      font-size: 15px;
      font-size: 15px;
    }
    .nav-items{
    display:none;	
    }
    .nav-items-m{
    display:flex;	
    justify-content: space-evenly;
    }
     .nav-item{
      padding-left:5%;
    }
    .copyright {
        text-align: center;
        width: 100%;
      font-size:10px;
    }
    }