/*html{*/
/*    overflow-x:hidden;*/
/*}*/
div#load_screen{
      background: #000;
      opacity: 0.9;
      position: fixed;
        z-index:10;
      top: 0px;
      width: 100%;
      height: 1600px;
    }
    div#load_screen > div#loading{

      width:120px;
      height:24px;
      margin: 300px auto;
    }
    .custom-toggler.navbar-toggler {
          border-color: #0eeb0e;
        }
        .custom-toggler .navbar-toggler-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(250, 250, 250, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        }
        .custom-toggler .navbar-toggler:focus{
            border-color: white!important;
        }
        .navbar-collapse .collapse{
            background-color:black!important;
            width:100%!important;
        }
    /* Some required styles taken from plstyle.css*/
         .aboutus-div {
        background: linear-gradient(to top right, #3f3d5461, rgb(36, 33, 76)), url('../images/indexBg.webp');

        /*background: linear-gradient(to top right, #080333d8, rgba(108, 50, 83, 0.815)), url('../images/indexBg.jpg');
        height: 50%;*/
         min-height: 500px;
         background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        color:white;
       
    }
        .nav-link, a {
        color: white!important;
    }
        .nav-link:hover{
            color: darkgray!important;
        }
    .div-2 {
        /* background-color: #040132; */
        background: url("../images/pla back.jpeg") no-repeat;
        background-size: cover;
        height: 90%;
        width: 100%;
        /*margin-top:490px;*/
        margin-top:0px!important;

    }

    .div-2 > p {
        text-align: center;
        font-size: 24px;
        padding-top: 3%;

    }

    .drives-container {
        /* border-top: 2px solid #bc2c45; */
        margin-bottom: 20px;
        position: relative;
    }

    .drive {
        background: white;
        height: 200px;
        overflow: visible;
        border-radius: 5px;
        color:#333;
        text-align:center;
        padding: 10px 12px;
        box-shadow: 2px 2px 6px #201f1f;
    }

    .drive h6 {
        background: #6dc65a;
        padding: 5px;
        text-align: center;
        border-radius: 5px;
        color:#333;
        font-weight: 700 !important;
    }

    .drive p {
        font-weight: 400;
    }
    /*.drive a{*/
    /*    color:blue !important;*/
    /*}*/

    .right-arrow {
        background: white;
        color: #6dc65a;
        font-size: 20px;
        padding: 8px 17px;
        position: absolute;
        border-radius: 100%;
        position: absolute;
        right: -8px;
        box-shadow: 2px 2px 16px black;
        z-index: 100;
        top: 129px;
        cursor: pointer;
    }

    .left {
        left: 0;
        right: unset;
    }
    .feed-container {
        margin: 40px auto;
        color: #bc2c45;
        font-weight: 500;
        height: 250px;
        width:350px;
        overflow: visible;
        background: aliceblue;
        border-radius: 3px;
        box-shadow: 2px 2px 6px #201f1f;
        padding-bottom: 40px!important;
    }
    /*back to top button*/
    #myBtn {
      display: none; /* Hidden by default */
      position: fixed; /* Fixed/sticky position */
      bottom: 20px; /* Place the button at the bottom of the page */
      right: 30px; /* Place the button 30px from the right */
      z-index: 99; /* Make sure it does not overlap */
      border: none; /* Remove borders */
      outline: none; /* Remove outline */
      background-color: green; /* Set a background color */
      color: white; /* Text color */
      cursor: pointer; /* Add a mouse pointer on hover */
      padding: 15px; /* Some padding */
      border-radius: 10px; /* Rounded corners */
      font-size: 18px; /* Increase font size */
    }

    #myBtn:hover {
      background-color: #555; /* Add a dark-grey background on hover */
    }

    .msgphoto{
      margin-top:10px;
      margin-bottom:20px;
      border-radius:50%;

    }
    .centerimg {
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
    .slider{
      height:600px;
      width:400px;
      border-radius: 3px;
      /*box-shadow: 2px 2px 6px #201f1f;*/
    }
        .message{
            background: url('../images/Messag.jpeg');
         min-height: 500px;
         background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        color:black;
        overflow: visible!important;    

        }
        input[type="text"]{
            border-top : none!important;
            border-right : none!important;
            border-left :none!important;
            background-color:transparent!important;
            color:white!important;
        }
        input[type="number"]{
            border-top : none!important;
            border-right : none!important;
            border-left :none!important;
            background-color:transparent!important;
            color:white!important;
            width:300px;

        }
        /* Chrome, Safari, Edge, Opera */
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0;
        }
        .teambelow{
            color:black!important;
        }
        /* Firefox */
        input[type=number] {
          -moz-appearance: textfield;
        }
        ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
          color: white!important;
          opacity: 1; /* Firefox */
        }
        textarea[type="text"]
        {
            color:white!important;
            background-color:transparent!important;
        }
        .fa-facebook-f:hover{
            color: blue!important;
        }
        .fa-instagram:hover{
            color:deeppink!important;
        }
        .fa-linkedin-in:hover{
            color:cornflowerblue!important;
        }
        
        .fa-whatsapp:hover{
            color:limegreen!important;
        }
        .fa-twitter:hover{
            color:deepskyblue!important;
        }
    @media only screen and (max-width: 767px) {
        .feed-body {
            height: 300px;
            overflow-y: auto;
        }

        .feed-container {
            height: auto;
        }

        .f-photo-con {
            border-bottom: 2px solid;
        }
        .aboutus-div {
        background: linear-gradient(to top right, #3f3d5461, rgb(36, 33, 76)), url('../images/indexBg.jpg');
         min-height: 500px;
         background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;

      }

    }
    @media only screen and (max-width: 375px){
      .frontpanel{
        margin-top:0px!important;
      }

      .galleryindex{
        margin-top:50px!important;
        height: 200px!important;
        margin-bottom: 0px!important;
      }
      .div-2{
        /*margin-top:2000px;*/
        margin-bottom:0!important;
      }
      .slider{
        width:100%!important;
        height:200px!important;
      }
      .foot{
        margin-top:0px!important;
      }
        .contactus{
            margin-top: 25px!important;
        }
        .convenor{
            text-align:center!important;
            margin-right:0px!important;
        }
        .principal{
            text-align:center!important;
            margin-right:0px!important;

        }
         .msgphoto{
      margin-top:20px;
      margin-bottom:20px;
      border-radius:50%;
        margin-left: 20px;     

      }
        .feed-container{
            width:auto;
        }
        .footerback{
            height:1050px!important;
        }
                .follow{
            margin-left:60px!important;
            margin-right:0px!important;
        }
        .placement{
            margin-left:50px!important;
            margin-right:20px!important;
            text-align: justify!important;
            
        }
        .placephoto{
            margin-left:70px!important;
        }
        .map{
            margin-left:160px!important;
            margin-top:50px!important;
        }
        
        .mapsize{
            height:130px;
            width:130px;
        }
    }
        
    @media only screen and (max-width: 414px){
      .frontpanel{
        margin-top:0px!important;
      }

      .galleryindex{
        margin-top:50px!important;
        height: 200px!important;
        margin-bottom: 0px!important;
      }
      .div-2{
        /*margin-top:2000px;*/
        margin-bottom:0!important;
      }
      .slider{
        width:100%!important;
        height:200px!important;
      }
      .foot{
        margin-top:0px!important;
      }
        .contactus{
            margin-top: 25px!important;
        }
        .convenor{
            text-align:center!important;
            margin-right:0px!important;
        }
        .principal{
            text-align:center!important;
            margin-right:0px!important;

        }
          .msgphoto{
      margin-top:20px;
      margin-bottom:20px;
      border-radius:50%;
        margin-left: 20px;      

      }
        .feed-container{
            width:auto;
        }
        .footerback{
            height:1050px!important;
        }
        .follow{
            margin-left:70px!important;
            margin-right:0px!important;
        }
        .placement{
            margin-left:50px!important;
            margin-right:20px!important;
            text-align: justify!important;
        }
       
        .placephoto{
            margin-left:70px!important;
        }
        .map{
            margin-left:160px!important;
            margin-top:50px!important;
        }
        
        .mapsize{
            height:130px;
            width:130px;
        }
    }
    @media only screen and (max-width: 450px){
      .frontpanel{
        margin-top:0px!important;
      }

      .galleryindex{
        margin-top:50px!important;
        height: 200px!important;
        margin-bottom: 0px!important;
      }
      .div-2{
        /*margin-top:2000px;*/
        margin-bottom:0!important;
      }
      .slider{
        width:100%!important;
        height:200px!important;
      }
      .foot{
        margin-top:0px!important;
      }
        .contactus{
            margin-top: 25px!important;
        }
        .convenor{
            text-align:center!important;
            margin-right:0px!important;
        }
        .principal{
            text-align:center!important;
            margin-right:0px!important;

        }
          .msgphoto{
      margin-top:20px;
      margin-bottom:20px;
      margin-left: 20px;          
      border-radius:50%;

      }
        .feed-container{
            width:auto;
        }
        .footerback{
            height:1050px!important;
        }
         .follow{
            margin-left:70px!important;
            margin-right:0px!important;
        }
        .placement{
            margin-left:50px!important;
            margin-right:20px!important;
            text-align: justify!important;
        }
        
        .placephoto{
            margin-left:70px!important;
        }
        .map{
            margin-left:160px!important;
            margin-top:50px!important;
        }
        .mapsize{
            height:130px;
            width:130px;
        }
    }
        img{
            overflow: visible!important;
            overflow-y: visible!important;
            overflow-x: visible!important;
        }
        .container{
            overflow: visible!important;
            overflow-y: visible!important;
            overflow-x: visible!important;
        }
        .container-fluid{
            overflow: visible!important;
            overflow-y: visible!important;
            overflow-x: visible!important;
        }
        nav{
            position: sticky!important;
        }