.foot{
    width:5%;
    display:block;
}
.pagehead_img{
    width:100%;
    height:200px;
}
@font-face {
    font-family: myFirstFont;
    src: url(Questrial-Regular.ttf);
}
.logo{
 height:100px;
}

body{
    margin: 0;
    padding: 0;
    font-family: myFirstFont;
}

 .breadcrumb{
        
        background:url('https://media.istockphoto.com/vectors/abstract-light-blue-and-white-background-poster-with-dynamic-network-vector-id1358004763?k=20&m=1358004763&s=612x612&w=0&h=UGsnIb-D9b9kQAGPPOg1l-pSo2Nmt3FFfHO9IHuIlWs=');
        background-size:100%;
        padding:10px;
        margin-top:10px;
        font-size:20px;
        font-weight:900;
    }
    
.br-right{
    margin-top:40px;
    margin-bottom:40px;
    border-right:3px solid rgb(4,4,88);
   
}
.read-btn{
    background:rgb(167,13,6);
    color:white;
    width:50%;
        margin:2px;
    border-radius:0;
    transition:1s;
}

.apply-btn{
    background:rgb(30,19,128);
    color:white;
    width:50%;
    margin:2px;
    border-radius:0;
    transition:1s;
}

.apply-btn:hover{
    background:white;
    color:black;
}

.read-btn:hover{
    background:white;
    color:black;
}



            .heading-title{
                height:150px;
                width:100%;
                
            }
            
            .frn{
             width:100%;
             height:500px;
             position:relative;
            }
            .frn-img{
              width:60%;
              height:100%;
              margin-left:40%;
              transform:rotateY(180deg);
              position:absolute;
            }

        .frn-abs{
              width:70%;
              height:100%;
              position:absolute;
                color:white;
                text-shadow: 1px 1px 1px black;
            font-family:arial;
            font-weight:bolder;  
            background: rgb(2,2,178);
            z-index:1;
            clip-path:polygon(0% 0%,100% 0%,70% 100%,0% 100%);
        }
        
        .frn-h2{
            margin-top:120px;
            padding-left:50px;
        }
        
        .frn-h1{
            font-size:50px;
            padding-left:50px;
        }
        
        .frn-p{
            padding-left:50px;
        }
        
        .frn-form{
              width:70%;
              margin-left:30%;
              height:100%;
              position:absolute;
                background:rgba(0,0,0,0.7);   
        z-index:0;
        }

        
        
          .frn2{
             width:100%;
             height:600px;
             position:relative;
            }
            .frn2-img{
              width:60%;
              height:100%;
              margin-left:40%;
              position:absolute;
            }

        .frn2-abs{
              width:70%;
              height:100%;
              position:absolute;
                color:black;
                font-family:arial;
            font-weight:bolder;  
            background: rgb(180, 253, 253);
            z-index:1;
            clip-path:polygon(0% 0%,100% 0%,70% 100%,0% 100%);
        }
        
        .frn2-h2{
            margin-top:120px;
            padding-left:40px;
        }
        
        .frn2-h1{
            font-size:50px;
            padding-left:40px;
        }
        
        .frn2-p{
            padding-left:40px;
        }
        
        
        
        
        
        
        
        
        
        
        
        
        
        
.br-right li{

 padding:2px;
 margin-top:1px;
}
.head{
    color:rgb(4,4,88);
}
.privacy{
    text-align:justify;
}
.map{
    width:100%;
    height:80vh;
}
.about-content p{
    font-size:20px;
}
a{
    text-decoration: none;
}


header{

    top:0;
    position:sticky;
    background:white;
    z-index:2;
    color:white;
}
header a{
    color: white;
    transition: 1s;
    font-weight: bold;
}
header a:hover{
    color: rgb(250, 0, 0);
}

.contacts{
    background: rgb(167,13,6);
    padding: 3px;
    
    text-align: center;   
    border-radius: 0 0  100px 0;
}

.contacts a{
    margin-left: 3px;
}
.contacts i{
    margin-left: 3px;
}

.logo-part{
    width: 140px;
    height: 150px;
}


.right-mid{
    height:80px;
}


.right-bottom{
    background: rgb(167,13,6);
    padding: 3px;
    border-radius: 100px 0 0 0;   
    text-align: right;
}

.right-bottom a{
margin-right: 30px;
}


nav{
    background: rgb(30,19,128);
    z-index: 1000;
}
.nav-link{
    color: white;
    transition: 0.8s;
    margin-left: 12px;
    font-weight: 600;
}
abbr[title] {
    border-bottom: none !important;
    cursor: inherit !important;
    text-decoration: none !important;
  }

.nav-link:hover{
    color: rgb(167,13,6);
}
.dropdown-m{
    width: 100%;
    position: absolute;
    left:0;
    padding-top: 8px;
    z-index: 100;
    display: none;
    transition: 0.2s;
}
.nav-item:hover > .dropdown-m{
display: block;
}
.drop{
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
}


.carousel-inner {
    width: 100%;
    height: 80vh; 
}
.search-btn{
    border-radius: 0;
    box-shadow: none;
    border: none;
}
.carousel-item {
    width: 100%;
    height: 100%;
}

.carousel-inner img {
    width: 100%;
    height: 100%;
}

section {
    overflow: hidden;
    width: 100%;
}

.demo-form {
    height: 100%;
    width: 100%;
    padding: 10px;
}

.demo-form h1 {
    margin: 0;
    font-size: 30px;
    text-align: center;
    color: rgb(4, 4, 88);
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.demo-form h2 {
    font-size: 14px;
    text-align: center;
    color: rgb(228, 0, 95);
}
.demo-form label{
    font-weight: 600;
}
.demo-form label::after{
    content: "*";
    padding: 2px;
    color: red;
    font-weight: 600;
}


.glory-img{
    width:100%;
    height:150px;
}

.glory-img-1{
    width:100%;
    height:180px;
}

.glory{
    text-align: center;
}
.glory-title{
    font-weight: 12px;
    min-height:40px;
    text-align: center;
    padding: 4px;
    font-size:18px;
     color: rgb(4, 4, 88);
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.glory-contents{
    text-align: justify;
    padding: 5px;
    min-height:200px;
    font-size:14px;
    font-family: Georgia ,serif;
}
.glory-a{
    background:rgb(0,52,135);
    bottom:0;
    width:100%;
    display:block;
    color:white;
    font-weight:500;
    transition:0.6s;
    padding:10px;
}

.glory-a:hover{
    color:purple;
    background:white;
}
.glory-card{
    box-shadow: 0 0 1px 1px rgb(226, 224, 224);
    padding: 5px;
    margin: 5px;
    width: 25%;
    background:white;
    text-align:center;
}



.about-box {
    width: 600px;
    height: 400px;
    position: relative;
}

.border-corner {
    width: 50%;
    height: 100%;
    border: 4px solid rgb(0, 179, 255);
    position: absolute;
   
}
.p-abt{
    text-align:justify;
    font-size:20px;
    font-family:"Baskerville Old Face";
    font-weight:bolder;
    color:darkblue;
}
.bbce{
    color:rgb(167,13,7);
}
.border-corner-2 {
    width: 50%;
    height: 100%;
    border: 4px solid rgb(0, 179, 255);
    position: absolute;
    margin-left:50%;
    
}
.mt-left{
    margin-left:100px;
}
    
    .about-content h5 {
            font-size: 30px;
            color: rgb(28, 0, 128);
        }
    .about-h5 {
            font-size: 30px;
            color: rgb(28, 0, 128);
            text-align:right;
            margin-right:3%;
        }
        .about-content p {
            padding: 20px;
            font-size: 13px;
            text-align: justify;
            color: rgb(28, 0, 128);
        }
        .about-content .btn{
            background: transparent;
            border: 2px solid rgb(28, 0, 128);
            color: blueviolet;
            transition: 1s;
        }
        .about-content .btn:hover{
            background: black;
            color: white;
        }
        .about-img
        {
            width:100%;
        }
        
        .about-content {
            width: 90%;
            height: 70%;
            background: white;
            position: absolute;
            margin: 50px;
        }
        
        
       .bg2{
            background: url(../images/bg2.jpg);
            color: white;
            background-size: 100%;
        }
        .bg2 p{
            color:white;
        }
        .box{
            text-align: center;
            width:250px;
            padding: 50px;
            font-size: 20px;
            margin: 10px;
            background: rgba(0, 0, 122, 0.51);
            border: 1px solid white;
            text-decoration: none;
            color: white;
            font-weight: bolder;
            transition: 1s;
            cursor: pointer;
            
        }
        .box:hover{
            background: orange;
            color: white;
            transform:scale(1.2);
        }

        .box i{
            font-size: 50px;
        }
                
        .achievements{
            background:url('../images/Excelling In Imparting A Great Digital Future.jpg');
            width:80%;
            margin:auto;
            background-size:100%;
            margin-top:50px;
            margin-bottom:50px;
                    }
        .achievements i{
            font-size:40px;
            padding:15px;
            transition:0.4s;
            box-shadow:1px 0 1px 0 white;
            cursor:pointer;
        }
        
        .achievements i:hover{
        transform:scale(1.1) rotateY(180deg);
        }
        
        .achievements > *{
        padding:15px;
        color: white;
        text-shadow:2px 0 2px grey;
        
        }
        
        .bg-blur{
            width:100%;
            background: rgba(2,0,60,0.7);
            
        }
        
        .heading{
            text-align:center; 
            font-size:30px;
             color: rgb(4, 4, 88);
            font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        }
        
        .sub-heading{
            width:75%;
            text-align:justified; 
            font-size:14px;
        }
        
        .excl{
        text-align:center; 
        font-size:30px;
        padding:10px;
        }
            
        .trending{
            position:absolute;
            background:gold;
            color:rgb(30,30,70);
            padding:10px;
            font-size:14px;
            border-radius:5px;
            font-weight:800;
            margin-top:-170px;
            margin-left:10px;
            
        }
        
        .trending-new{
            position:absolute;
            background:red;
            color:white;
            padding:10px;
            font-size:14px;
            border-radius:5px;
            font-weight:800;
            margin-top:-170px;
            margin-left:10px;
            
        }
        li{
            list-style:none;
            padding:2px;
            transition:1s;
            
        }
        
     
        footer h5{
            color:rgb(161,25,13);
              font-weight:900;
        }
        
        footer a{
            color:rgb(50,34,132);
            font-weight:900;
            transition:1s;
        }
        
        footer li:hover{
            background:rgb(31,45,190);
        color:white;
        cursor:pointer;
        }
        
        footer li:hover a{
        color:white;
        
        }

        .brown{
            background:rgb(161,25,13);
            color:white;
        }
        
        
        
        .mobile-icon{
            display:none;
        }
   
.topics{
        display: flex;  
  flex-wrap: wrap;
    }
        .topics a{
            padding:5px 15px;
            border:1px solid blue;
            border-radius:5px;
            margin:5px;
        }
        
        .keys{
            display:flex;
        }
        .keys button{
            padding:5px 20px;
            margin:15px;
            border-radius:50px;
            border:1px solid white;
            font-size:14px;
             background: rgb(201, 201, 247);
          color: rgb(8, 0, 128);
          font-weight:600;
          transition:1s;
        }
         .keys button:hover{
           
             background: white;
          color: rgb(8, 0, 158);
         
        }
        
      .myflex{
          display:flex;
          padding:50px;
      }  
        .second{
            width:35%;
        }
        .first {
            width:65%;
            transform:scale(0.8);
            margin:auto;
        }
        .first p{
            justify-content:center;
          text-align:justify;
        }
        
          .bottom-icon{
            position:fixed;
            bottom:0;
            right:0;
            width:60px;
            height:60px;
            box-sizing:border-box;
           padding:10px;
            font-size:40px;
            z-index:100;
            background:white;
            text-align:center;
            color:green;
               border-radius:100%;
        }
        
        
        
        
        
        
        
        
        
        
        
        
        /*
        Mobile Views------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
        */
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
                
        @media only screen and (max-width:800px) {
        
        .f-span{
            display:block;
        }  
        .span-none{
            display:none;
        } 
          
          .myflex:nth-child(even){
         
          flex-direction:column;
          padding:0px;
          
      }  
          .myflex:nth-child(odd){
          
          flex-direction:column-reverse;
          padding:0px;
          
      }  
        .second{
            width:100%;
             transform:scale(0.9);
        }
        .first {
            width:100%;
            transform:scale(0.9);
            margin:auto;
        }
        
            .right-mid{
                display:none;
            }
            
            .right-bottom{
                display:none;
            }
            
            .navbar{
                display:none;
                position:absolute;
                height:100vh;
                top:0;
            }
            .nav-item{
                width:100%;
            }
            .carousel-inner{
                height:35vh;
            }
                
            .logo-part{
                width: 50px;
                height: 50px;
            }
        
            .logo-content{
                width: 120px;
            }
            
            .contacts{
                padding: 2px;
                font-size:20px;
                text-align: left;   
                border-radius:0;

            }
            
            .heading-title{
                height:120px;
                width:100%;
                
            }
      
            #menubar{
             font-size:25px;
             float:right;
             color:white;
             display:block;
             background:transparent;
             margin:0;
             margin-right:10px;
             border:none;
          
            }
        
            #closebar{
                position:absolute;
                right:0;
                border:none;
                outline:none;
                
            }
            .mobile-icon{
                display:block; 
                float:right;
                margin:2px;
                margin-right:10px;
            }
            
            
            .demo-form {
                padding: 1px;
                padding-top:10px;
            }
            
            .demo-form h1 {
                font-size: 20px;
            }
            
            .demo-form h2 {
                font-size: 12px;
                text-align: center;
                color: rgb(228, 0, 95);
            }
            .demo-form input,.demo-form select{
                font-weight: 600;
                font-size:12px;
            }
            
                                    
            .about-box {
                width: 100%;
                height: 400px;
                position: relative;
            }
            
            .border-corner {
                width: 100%;
                height: 100%;
                border: none;
                position: absolute;
            }
    
        .about-content h5 {
            font-size: 20px;
            color: rgb(28, 0, 128);
            text-align:center;
        }
        .about-content p {
            padding: 2px;
            font-size: 13px;
            text-align: justify;
            color: rgb(28, 0, 128);
        }
        .about-content .btn{
            background: transparent;
            border: 2px solid rgb(28, 0, 128);
            color: blueviolet;
            transition: 1s;
        }
        .about-content .btn:hover{
            background: black;
            color: white;
        }
        .about-img
        {
            width:100%;
        }
        
        .about-content {
            width: 100%;
            height: auto;
            background: white;
            position: absolute;
            margin: 0;
        }
        
        .bg2{
            padding:0;
            
        }
        .bg2 p{
            color:white;
        }
        .box{
            width:150px;
            padding: 5px;
            font-size: 14px;
            margin: 4px;
            transition:1s;
        }
        
        .box i{
            font-size: 20px;
        }

        .heading{
            font-size:20px;
        }
        
        .sub-heading{
            width:100%;
            text-align:justify;
            font-size:12px;
        }
         
        .glory-card{
            display:block;
            width: 80%;
            background:white;
            text-align:center;
            padding:1px;
            font-family:myFirstfont;
            margin:auto;
        }
        
        .glory-track{
            width: 100%;
        }
        .glory-contents{
            min-height:auto;   
        }

        .excl  {
            font-size:20px;
        }
        .achievements i{
            font-size:10px;
        }
        
        .achievements h5{
            font-size:12px;
        }
        .achievements p{
            font-size:12px;
        }
        
        footer h5{
            font-size:20px;
        }
        
        footer a{
            font-size:12px;
        }
        
        footer ul{
            margin-left:-30px;
        }
            
        }