/* // <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 400 to 900 */
#android{
  width:20rem;
  height:100%;
margin:auto;
margin-top:50%;
text-align:center;
padding:1rem;
background-color:rgba(183, 213, 174, 0.531);  
}
#androidhead{
font-size: 1rem;
}
@media only screen and (min-width:450px){
#android{
  display:none;
}
}

@media only screen and (max-width:450px)  {
#main{
  display:none;
}  
footer{
  display:none;

}
.second-main{
  display:none;
}
}
#temp-form{
  font-size:20px;
  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}
#temp-form-link{
  font-size:20px;
  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  color:lightcyan;
  background-color:#26a8e064;
  padding:2px;
  border-radius:5px;
  margin-top:4px;
}
#temp-form-link:hover{
  background-color:#5059be
}
@import url("https://fonts.googleapis.com/css?family=Montserrat:900");
/* 
$size: 35vw;
$shadow: 35;
$primary: white;
$secondary: black; */
input:focus, select:focus, textarea:focus, button:focus {
  outline: none;
}

.alfa-slab-one-regular {
  font-family: "Alfa Slab One", serif;
  font-weight: 400;
  font-style: normal;
}


body{
    background-color: rgb(233, 237, 237);
}
#heading1{
width:12%;
height:100%;

border-radius: 27px 0px 0px 0px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);


/* margin-right:2px; */

}
#heading2{
  width:64%;
  height:100%;
  background-color:rgb(81,56,131);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
padding:auto;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
/* box-shadow: inset 0 0 10px 5px rgba(48, 25, 52, 0.8); / */
  
}
#web-heading{
  text-align: center;
  margin:auto;
  margin-top:31px;
  letter-spacing: 30px;
  font-size: 40px;
font-family: "whitesmoke", serif;
font-weight:900;
line-height:1;
color:#dbd6d1
}
#heading3{
  width:24%;
  height:100%;
  background-color: rgb(81,56,131);
  border-radius:0px 27px 0px 0px;
  margin:2px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
display:flex;
justify-content:center;
align-items: center;

}
.heading3-inside{
  height:65px;
  /* width:%; */
  /* background-color: #b9c0c3; */
}
#searchbox{
  width:60%;
  display:flex;
  justify-content: center;
  align-items: center;
  /* background-color: #234D3C; */
}
#searchbutton{
  width:30%;
  display:flex;
  justify-content:left;
  align-items:center;

}
#searchbox-{
 height:22px;
 border-radius: 10px;
 border:none;
 box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
 box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
#searchbutton-{
  margin-left:6px;
  background-color: #ffffff;
  width:80px;
  padding:4px;
  text-align: center;
  border-radius: 20px;
  /* box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; */
  /* box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;   */
  /* box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px; */
  box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
 box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
transition:0.7s;
font-weight:bold;
}
#searchbutton-:hover{
  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset;
transition:0.7s;
}
/* ::placeholder{
  text-align: center;
} */

.head1{
  margin:2px;
}
#main{
height:100%;
    width: 96%;
    /* margin-left: 3%; */
  /* margin-left: 2%;
  margin-right: 2%;
  margin-top: 44px; */
  border-radius:  28px 28px 0px 0px;
  box-shadow:  0px 0px 49px -5px rgb(112, 112, 174);
  align-items: center;
justify-content: center;
margin-left:auto;
margin-right: auto;
height:100%;
}
#div1{
  align-content: space-around;
    width:100%;
    height:100px;
    /* background-color: #6868ba; */
    border-radius: 28px 28px 0px 0px;
    display:flex;
    justify-content: center;
    align-items: center;
  /* position:fixed; */
}
#div2{
    width:100%;
    height:69px;
    /* background-color: rgb(253, 251, 252); */
    /* border-radius: 28px 28px 0px 0px; */
display:flex;
align-items: center;
justify-content: center;
/* position:fixed; */

}
#div3
{
    width:100%;
    /* height:400p(x; */
    
 
}
#div-03-01{
    width:100%;
    height:509px;
    background-color: rgb(187 168 212);
    background-image: url("nitj3.jpg");
    background-repeat: no-repeat;
    background-position:center;
    background-size:100%;
   
 
}
#div-03-02{
    width:100%;
    /* margin-left:24%; */
   
    height:100px;
    /* background-color: rgb(230 229 221); */

    display: flex;
    justify-content: center;
    /* align-items: center; */
/* float:left; */
    align-items:center;
    position:relative;
    bottom: 31px;
    /* left: -49px; */
    margin:auto;
 }

.myitems{
  /* background: #996D6D;
   */
   background:#5059be;

width:20%;
padding:2px 5px 2px 5px;
display: flex;
justify-content: center;
align-items:center;
/* flex-grow:; */
height:110px;
/* margin-left:10px;
margin-right:10px; */
transition:1s;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0px 2px 47px -10px #703b3b inset;
border-radius: 25px;
margin:5px;
}
.myitems:hover{
  transform: scale(0.9);
  /* border-radius: 15px; */
  transition:0.7s;
  /* border:1px solid rgba(246, 239, 239, 0.765) */
 
 
  
}

/* .div2elements{
    width:10%;
    height:10px;
    background-color: rgb(242, 51, 51);
    display:block;
} */
 .div2-heading{
    width:5%;
    height:5px;
    background-color: aqua;
    border: 3px;
    margin: 5px 5px 5px 5px;
 }
 .items{
    text-decoration: none;
    margin-left: 2%;
    /* border:2px solid black; */
    padding:4px;
    padding-left: 2%;
    padding-right: 2%;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-weight: 500;
font-size: 28px;
transition:0.5s;
border:1px solid rgb(229, 176, 203);
/* border:3px solid black;
background */
background-color: rgb(237, 221, 229);
box-shadow:  2px 16px 54px 5px rgb(0, 0, 11);
border-radius: 3px;
/* margin-bottom:8px; */
/* transition: 10s; */
 }
 .items:hover{
  box-shadow:1px 10px 30px 2px rgb(0, 0, 11);
  transition:0.5s;
  border-radius: 6px;
  background-color:  rgb(208, 131, 207);
  /* rgb(204, 131, 179); */
  /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
 }
 .tags:hover{
  /* text-shadow: 2px 2px 1px black, 3px 3px 3px black, 4px 4px 3px black, 5px 5px 4px black; */
  background-color: (81, 56, 131); 
}
 
 .tags{
  text-shadow: 5px;
  color:rgb(5, 16, 24);
  font-weight:400;
     /* text-shadow: 3px 3px 2px black, 4px 4px 3px black, 5px 5px 4px black, 6px 6px 5px black; */

 }
 a{
    text-decoration: none;
    
 }


/* For screens smaller than 768px (e.g., mobile devices) */
@media only screen and (max-width: 300px) {
    .items {
      font-size: 10px;
      padding: 0px;
      padding-left: 0%;
      padding-right: 0%;
    }
  }

  
  /* For screens between 768px and 1024px (e.g., tablets) */
  @media only screen and (min-width: 300px) and (max-width: 1024px) {
    .items {
      border-radius:5px 5px 5px 5px ;
      /* background-color: rgb(239, 210, 210); */
      font-size: 5px;
     width:9%; 
      border:none;
   justify-content: center;
   align-items: center;
   margin-left:2px;
   margin-right:2px;
   height:20px;
   text-align: center;
   align-items: center;
   justify-content: center;
   padding-top: 1px;
   transition: 50ms;
   
   /* padding: ; */
    }

    .items:hover{
      /* background-color: rgb(242, 190, 190);
       */
       background-color: rgb(81, 56, 131);
  border-radius: 5px 5px 5px 5px;
  text-shadow: 2px;
    }
    #div2{
      height:35px;
    }
    #div-03-01{
      /* background-position:left; */
      background-size: 500px;
    }
/*     #main{
      display:none;
    } */
  }

  
  /* For screens larger than 1024px (e.g., desktops) */
  @media only screen and (min-width: 1024px) {
    .items {
      font-size: 24px;
      padding: 4px;
      padding-left: 2%;
      padding-right: 2%;
    }
  }
/* .imagediv{
  background-color: rgb(248, 85, 229);
  width:10%;
  height:20px;

} */
 /* icons */
.names{
  font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
 
  /* color:rgb(173, 248, 212); */
  font-weight: 500;
  font-size: 24px;
  color: #FFFFFF;
  background:#5059be;
  text-shadow: #474747 3px 5px 2px;
  color: #FFFFFF;
  /* transition:0.5s; */
  /* background: #996D6D; */
}

.main2{
  /* background-color:  antiquewhite; */
  background-attachment: fixed;
  width: 90%;
  /* margin-left: 3%; */
/* margin-left: 2%;
margin-right: 2%;
margin-top: 44px; */
border-radius:  28px 28px 28px 28px;
/* box-shadow:  0px 0px 49px -5px rgb(112, 112, 174); */
align-items: center;
justify-content: center;
margin-left:auto;
margin-right: auto;
margin-top: -33px;
height:500px;
display: flex;
background-size: cover;
align-content:space-around
}
.main2-01{
  width:50%;
  
  background-color: white;
  margin-left: 5px;
  margin-right:5px;
  width: 50%;
    height: 475px;
    border-radius:16px;
    padding-top:0px;
  
}


#main2_01{
 background-image: url("whychooseus.png") ;
 box-shadow:  0px 0px 49px -5px rgb(112, 112, 174);

background-size: contain;
 background-repeat:unset;
}
#main2_02{
box-shadow:  0px 0px 49px -5px rgb(112, 112, 174);
  
}
/* .dropdown {
  position: absolute;
  display: none;
  padding: 10px;
  background-color: #703b3b;
  z-index: 1;
 
}

.dropdown li {
  list-style: none;
  margin-bottom: 10px;
}

.dropdown li a {
  text-decoration: none;
  color: #333;
}

.items:hover .dropdown, .dropdown:hover {
  display: block;
  visibility: visible;

}

ul li:hover .lists {
  background-color: rgba(87, 87, 169, 0.8);
} */
 .academics1{
  display: none;
  
 }
#academics{
  /* height:50px; */
  margin-top: 2px;
  
}
#academics:hover {
  .academics1{
  display:contents;
  position: static;
  }

}
.adademic-elements:hover{
  background-color:rgba(87, 154, 169, 0.5); 
  /* background-color:rgba(155, 87, 169, 0.5); */
  border-radius: 3px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
.logo{
  height:100%;
  width: 100%;
  /* position:fixed; */
  margin-left:0px;
  /* margin-top:5px; */ 
  border-radius:28px 0px 0px 0px;
  position:center;
  
}

#main2-01-top{
  height:35px;
  background-color: white;
  width:100%;
  justify-content: center;
  align-items: center;
  /* margin-top:0px; */
}
#whychooseusheading{
  text-align: center;
  text-shadow: 0px 10px 10px #234D3C;
  color: #697e77;
  font-size: 41px;
  margin: auto;
    margin-top: 21px;
    background-color: #f4f4f4;;
    width:88%;
  padding:5px 10px 5px 10px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}


.button-on-hover{
  height:46px;
  width:32%;
  background-color: white;
  justify-self: center;
  align-self:center;
  /* font-weight: 500; */
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 
}
.headinghover{
  text-align: center;
  padding-bottom: 5px;
  font-size: 17px;
  font-weight:bold;
   color:#7cb8ca;
  
 font-display:inherit; 
  /* color:#83bccf */
  font-family: sans-serif;
}
#main2-01-middle{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 8px;
  /* width:95%; */
}

.sliding-divs{
  height:269px;
  width:90%;
  background-color: #62a4ba;
  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  text-align: center;
  justify-content:end ;
  align-items:flex-end;
  /* background-color: rgb(242, 238, 233); */
  transition:0.5s;
  /* border:2px solid black; */
  /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */

}
#main2-01-bottom{
  display: flex;
  padding-top: 5px;
  /* padding-left:2px; */
  width:98%;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  
}
#bottom-div-1{
  /* transition:0.5s; */
}
#bottom-div-2{
/* display:none; */
/* transition:1s; */
}
#bottom-div-3{
/* display:none; */
/* opacity:0; */
}
#view-more-button{
  margin-top:25px;
  margin-left:36px;
  width:118px;
  height:49px;
  border-radius: 28px;
  background-color:#62a4ba;
  border:none;
  justify-content: center;
  align-items: center;
  transition:0.7s;
}
#view-more-button:hover{
  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
transition:0.7s;
}
#button-design{
  text-align: center;
  color:white;
}
#hover-1{
  transition:0.5s;
}
#hover-2{
  transition:0.5s;
}
#hover-3{
  transition:0.5s;
}
#hover-2:hover{
  background-color:rgb(234, 228, 228);

  transition:0.5s;
  border-radius: 8px;

  }
  #hover-1:hover{
    background-color:rgb(234, 228, 228);

    transition:0.5s;
    border-radius: 8px;
  
    }
    #hover-3:hover{
      background-color:rgb(234, 228, 228);
      transition:0.5s;
      border-radius: 8px;
    
      }


/* .sliding-divs:hover{
transition:0.5s;
  
} */
     /* ai */
  #div1-top{
    height:62%;
    width:99%;
  /* border:2px solid black; */
  /* overflow: scroll; */
  text-rendering: auto;
  /* text-transform: lowercase; */
  text-align: left;
  /* padding-left:6px; */
  text-shadow:2px 2px 2px rgb(226, 169, 169)  
  /* padding:1px ; */
  }
  #div1-bottom{
    height:37%;
    width:99%;
/* border:2px solid black; */
/* background-color:red; */
transition:0.4s;  
}
#ourmission{
  color:#fefefe;
  font: 16px barlow;
  font-weight: 600;
}
 #div1-bottom{
  background-image: url("ourmission.jpg");
  background-size: cover;
  border-radius:4px;
  /* transition:0.4s; */
}
#bottom-div-1:hover #div1-top{
  /* background-image: url("ourmission.jpg");
  background-size: cover; */
  border-radius:4px;
  transition:0.6s;
  text-shadow: #c8c5d0;
  color:rgb(189, 37, 179);
}



/* form submit  */
#main-04{
  height:500px;
  width:90%;
  margin:auto;
  /* background-color: #234D3C; */
  background-image: url('online registration.jpg');
  /* background:rgba(255, 255, 255, 0.3); */
  /* background: rgba(0, 0, 0, 0.5); */
   /* background-color: rgba(0,0,0,0.5); */
   /* background: rgba(0, 0, 0, 0.3); */
   /* opacity:0.8; */
   z-index:-1;
  background-repeat: no-repeat;
  background-size:contain;
  background-size: 100% 100%; 
  display:flex;
  justify-content: center;
  align-items: center;
  border-radius:  50px 0px 50px 0px;
  box-shadow:  0px 0px 49px -5px rgb(112, 112, 174);
  /* margin-bottom:20px; */
}
#main-04-right{
  height:520px;
  width:50%;
  margin:auto;
  margin-right:20px;
  margin-top:20px;
  /* background-color: #43234d; */
padding:10px;
}
#main-04-left{
  height:50%;
  width:40%;
  margin:auto;
  /* background-color: #f58a48; */
  /* display:flex;
  justify-content: center;
  align-items: center; */
  text-align: center;
  margin-bottom: 158px;
  color:white;
}
.fa-graduation-cap {
  font-size: 90px;
  /* background-color:white; */
  color:white;
  }

  .info {
    display: flex;
    flex-direction: column;
    }
  
.title{
display: flex;
justify-items: center;
align-items:center;
}
#form-title{
  margin-left:9px;
  font:25px "Roboto";
  color:white;
 
}

#form-contact-us{
  background: rgba(0, 0, 0, 0.4); 
  border:0.01px solid #5f4f4f;
  border-radius:10px;

  
  padding-left:10px;
  padding-right:5px;
}
  .info{
display: flex;
  flex-direction: column;
  height:300px;

  }
  .fname{
  padding: 5px;
    margin-bottom: 30px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #eee;
  }

  .fname::placeholder {
    color: #ffffff; /* or simply 'white' */
    font-weight: 700;
    font-size: 15px;
  }

   select {
    padding: 0;
    margin: 0;
    outline: none;
    font-family: Roboto, Arial, sans-serif;
    font-weight: 700;

    font-size: 16px;
    color: #eee;
   }
   .fas{
    color:white;
   }
   #op{
    display:flex;
    justify-content: center;
    align-items: center;
    height:500px;
    width:100%;
    margin:auto;
    background:rgba(0,0,0,0.7);
    border-radius:  50px 0px 50px 50px;

   }
   #joinus{
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 4px;
   }
   #joinustagline{
    font-size: 26px;
    color: #bdb967;
    font-weight: 700;
    opacity: 2;
    /* background-color: #eee; */
    letter-spacing: 2px;
   }
   #taglinebutton{
    padding: 10px 5px;
    margin-top: 20px;
    border-radius: 5px;
    border: none;
    background: #26a9e0;
    text-decoration: none;
    font-size: 25px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 3px;
    width:289px;
    margin:auto;
    transition:0.8s;
    
}
option:focus {
  border: none;
  }
  option {
  background: black; 
  border: none;
  }
   #taglinebutton:hover{
    background: #34676c;
    transition:0.8s;
   }
   #formsubmitbutton{
    width: 70%;
    transition:0.8s;
    font-family: 'Times New Roman', Times, serif;
    font-weight: 700;
   margin-left:100px;
   margin-bottom:25px;
   font-weight: 700;
   font-size: 20px;
   /* height:30px; */
   padding-top: 6px;
   padding-bottom: 6px;
   letter-spacing: 3px;
   background: #26a9e0;
   border-radius: 5px;
   color:white;
   }
   #formsubmitbutton:hover{
    background: #34676c;
    transition:0.8s;
    cursor:pointer;
   }
   .fname{
    vertical-align: middle;
    caret-color:white; 
   }
   .fname[type="text"] {
    color: #ffffff;
    font-weight: 700;
    font-size: 15px; /* set the text color to dark gray */
  }
  #main-05{
    /* background-color: #26a9e0; */
    height:50px;
    width:90%;
    margin:auto;
    /* background-color: #15275a; */
  }
  #secondmain{
   background-color:#15275a;
   width:96%;
   margin:auto;
   /* border-radius:40px; */
   display:flex;
   justify-content: center;
   box-shadow: rgba(0, 0, 0, 9.35) 0px 5px 15px;
   align-items: center;
  }
  .second-main{
    background-color: #b9bdca;
   height:100%;
   margin-top:10px;
   /* width:33.33%; */
   /* margin-bottom: 10px; */
   
  }
  #second-main-01{
    width:30%;
    background-color:#15275a;
    align-content: center;
  }
  #second-main-02{
    width:33%;
        margin-top: -44px;
    background-color: #bdb967;
  }
  #second-main-03{
    width:40%;
    background-color: #15275a;
  }
.second-main-01-divs{
  /* text-align: center; */
  margin:0px 0px 20px 68px;
  /* margin: auto; */
  font-size: 22px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  /* background-color: #34676c; */
  width:48%;
  /* transition:1s; */
  color:#CCCCCC;
  padding:5px 0px 5px 5px;
  
}
.quick-links-under-second-main-01{
  font-size: 27px;
  font-weight: 600;
  font-family: sans-serif;
  /* background-color: #1E3A8A; */
  background-color: #15275a;
  color:#f4f0f0;
  width: 51%;
  margin:27px 0px 20px 68px;
  
}
.second-main-01-divs:hover{
  text-decoration: underline;
  text-decoration: underline;
  text-decoration-color:#15275a;
  color:#15275a;
  text-decoration-thickness: 2px;
  background-color: #7485b2;
  border-radius: 5px;
  /* transition:1s; */
  /* animation: animate 0.1s linear infinite; */
}
.quick-links-under-second-main-02{
  font-size: 27px;
  font-weight: 600;
  font-family: sans-serif;
  background-color: #15275a;
  color:#f4f0f0;
      width: 57%;
  margin:-15px 0px 20px 45px;
  
}
#second-main-02{
  background-color: #15275a;
}
.second-main-02-divs{
  /* text-align: center; */
  margin:0px 0px 20px 37px;
  /* margin: auto; */
  font-size: 22px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  /* background-color: #34676c; */
  width:58%;
  /* transition:1s; */
  color:#CCCCCC;
  padding:5px 0px 5px 11px;
  /* background-color: #1E3A8A; */
}
.second-main-02-divs:hover{
  text-decoration: underline;
  /* text-decoration: underline; */
  color:#15275a;
  text-decoration-thickness: 2px;
  text-decoration-color:#15275a;
 
  background-color: #7485b2;
  border-radius: 5px;
}

.quick-links-under-second-main-03{
  font-size: 27px;
  font-weight: 600;
  font-family: sans-serif;
  background-color: #15275a;
  color:#f4f0f0;
  width: 90%;
  
}
fieldset{
  border:4px solid white;
  margin-bottom:0px;
}
.askusinputbox{
  height: 20px;
  width:71%;
  margin:3px 0px 15px 32px;
  border-radius:4px;
  border:none;
  background-color:#15275a;
  border-bottom:2px solid white;

}
.askusinputbox::placeholder{
font-size: 15px;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-weight: 500;
letter-spacing: 3px;
text-align:calc(6px);
}
#askustextarea{
  width:71%;
  margin:3px 0px 15px 32px;
  height: 100px;
  border-radius:2px;
  border:none;
  background-color:#15275a;
  border-bottom:2px solid white;
  border-top:2px solid white;

}
#askustextarea::placeholder{
  font-size: 15px;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-weight: 500;
letter-spacing: 1px;
padding-top:1px;
text-align:calc(6px);
}
.askusinputbox[type="text"] {
  font-family: Arial, sans-serif;
  color:#cacdcd;
  font-size: 15px;
  font-weight: 600;

}
#askustextarea{
 padding-top:5px;
    font-family: Arial, sans-serif;
    color:#cacdcd;
    font-size: 15px;
    font-weight: 600;
}
#submitaskus{
  width:70%;
  margin-left:35px;
  margin-top:20px;
  font-size: 17px;
  padding:5px 0px 5px 0px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 800;
  background-color:#b87d7d;

  letter-spacing: 3px;
  /* transition:1s; */
border-radius: 10px;
}
#submitaskus:hover{
  background-color:#9a9aa4;
  /* background-color: #c3c890; */
  /* transition:1s; */

}
#cards{
  width:97%;
  margin:auto;
  margin-top:30px;
  height:486px;
  background-color: #26a9e0;
  padding:auto;
  display:flex;
  justify-content: center;
  align-items:center;
}
.cards-mycars{
  height:450px;
  width:23%;
  margin:auto;
  background-color: #697e77;
  /* border-radius:9px 9px 9px 9px; */
  

}
#cards-mycards-01{
  height:50%;
  width:100%;
  background-color: #24a379;
}
#cards-mycards-01-01{
  height:40%;
  width:100%;
  background-color: #9024a3;
}
#cards-mycards-01-02{
  height:140px;
  width:140px;
  background-color: #a39f24;
  margin:auto;
  border-radius:70px 70px 70px 70px;
  position: relative;
    bottom: 34px;
    left: 0px;

}
.whychooseus{
  width:30%;
  margin:auto;
  height:80%;
  /* background-color: #c9c8b8;
  /* background-image: url("online registration.jpg"); */
  /* background-repeat: no-repeat; */ 
  overflow:hidden;
  position:relative;
  border-radius: 20px;
  /* overflow: hidden; */
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;

}
.whychooseus-inside{
  /* display:none; */
  width:100%;
  height:100%;
  top:0;
  right:-100%;
  position:absolute;
  background:#1f3d4738;
  /* opacity:0;
  background-color: black; */
  backdrop-filter:blur(30px);
  transition:0.6s;
  padding:3px 0px 3px 0px;
  display:flex;
  flex-direction: column;
}

.img-sliding{
  height:100%;
  width:100%;
  object-fit: cover;
}
.whychooseus-in-1-title{
  font-size: 40px;
  font-weight: 500;
  color:whitesmoke;
  text-align: center;
}
.whychooseus-in-1-para{
  font-size:18px;
  font-weight: 300;
  line-height: 25px;
margin:11px 8px 0px 10px;  
  color: whitesmoke;
  
}
.whychooseus:hover .whychooseus-inside{
  right:0;
}
#taglines{
 position:relative;
 font-size:20px;
 /* color:rgb(81,56,131);
  */
  /* font-weight:900; */
  /* color:rgb(4, 5, 12);
   */
   /* color: rgb(242, 127, 26);
    */
   /* color: rgb(87, 35, 161); */
   color:white;
 -webkit-text-stroke: 0.1px #383d52;
margin-left:20px;
margin-top:80px;
font-weight: 900;
text-shadow: 1.5px 1.5px 2px #f3ecec; 
}
#div-03-01-inside{
  opacity:1.2;
  height:100%;
  width:100%;
  background-color: #234d3c65;
}
#quote{
  font-size: 23px;
  /* font-family: 'Times New Roman', Times, serif;
   */
   font-family: "whitesmoke", serif;
  font-weight: 800;
  color:rgb(232, 232, 221);
  width:40%;
margin-left:20px;
letter-spacing: 2px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
line-height: 30px;
background-color: rgba(0, 0, 0, 0.377);
padding:10px 10px 10px 10px;
border-radius: 10px;
}
#taglineheading {
  position: relative;
  animation: 
    typing 12s steps(40, end) infinite, /* Total duration for typing, pausing, and retracting */
    cursor-blink 1s step-end infinite; /* Cursor blinking repeats infinitely */
  overflow: hidden; /* Hide overflow */
  white-space: nowrap; /* Keep text on one line */
  border-right: 4px solid #fff; /* Wider and white cursor */
}

#taglineheading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px; /* Thickness of the underline */
  background: #fff; /* Color of the underline */
  transition: width 0.3s ease; /* Smooth transition for the underline */
}

@keyframes typing {
  0% {
    width: 0;
  }
  30% {
    width: 60%; /* Reveal the full text */
  }
  40% {
    width: 60%; /* Pause with the full text visible */
  }
  70% {
    width: 0; /* Retract the text smoothly */
  }
  100% {
    width: 0; /* Pause at the end before restarting */
  }
}
@media only screen and (max-width: 1250px) {
  /* Your CSS rules for screens up to 1250px width */
  
  /* Modify the typing animation for smaller screens */
  @keyframes typing {
    0% {
      width: 0;
    }
    30% {
      width: 70%; /* Reveal the full text */
    }
    40% {
      width: 70%; /* Pause with the full text visible */
    }
    70% {
      width: 0; /* Retract the text smoothly */
    }
    100% {
      width: 0; /* Pause at the end before restarting */
    }
  }
}

@keyframes cursor-blink {
  0%, 100% {
    border-color: transparent;
  }
  50% {
    border-color: #fff; /* White cursor blink */
  }
}

#taglineheading {
  animation: typing 12s steps(40, end) infinite, cursor-blink 1s step-end infinite;
}

#taglineheading {
  position: relative;
}
/* 
#taglineheading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;                      
                                   
  transition: width 0.3s ease;
                                    
} */
#read-more-button-on-{
  width:100px;
  height:50px;
  margin:5px 0px 0px 30px;
  padding:2px 2px 2px 2px;
  text-align: center;
  clip-path: polygon(0% 0%, 100% 0%, 100% 79%, 75% 80%, 67% 100%, 50% 81%, 0 82%);
font-size: 15px;
font-weight: 600;
border-radius: 5px 5px 5px 5px;
letter-spacing: 1px;
box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}