ok
Mini Shell
@import url("https://fonts.googleapis.com/css?family=Inconsolata:700");
@import url("https://fonts.googleapis.com/css2?family=Dosis:wght@400;500;600;700;800&family=Source+Sans+Pro:wght@400;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Castoro&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Volkhov:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Acme&display=swap");
@import url(root.css);
html {
padding: 0px;
margin: 0px;
scroll-behavior: smooth;
}
strong{
font-weight: 700;
}
body {
color: #000;
font-family: "Source Sans Pro", sans-serif;
font-weight: 400;
line-height: 26px;
}
.mt-10{
margin-top: 10px;
}
.mb-10{
margin-bottom: 10px;
}
.point2 ul{
list-style-type: square;
padding-left: 18px;
}
.point2 ol{
list-style-type: decimal;
padding-left: 18px;
}
.dark-body{
background: #000;
color: rgb(253, 231, 33);
}
.dept_fac_image {
float: left;
/* margin-right: 10px; */
/* width: 74px; */
overflow: hidden;
margin: 7px 8px 7px 7px;
border-radius: 6px;
box-shadow: 0px 0px 0px 1px #07889b;
}
.dept_fac_image img{
width: 100%;
min-width: 100%;
min-height: 100%;
}
.dept_fac{
display: grid;
grid-template-columns: 49% 49%;
grid-gap: 17px 17px;
}
.dept_fac_pro {
box-shadow: 2px 2px 4px 1px #ddd;
background: #dcf5ff;
border-radius: 8px;
overflow: hidden;
display: grid;
grid-template-columns: 106px auto;
}
.dept_fac_info .prof{
color: #067f91;
padding-top: 7px;
display: inline-block;
background: none;
font-size: 17px;
padding: 3px 0px 0px;
}
.dept_fac_info a{
background: #064b6f;
padding: 1px 10px 3px;
display: inline-block;
color: #fff;
margin-top: 7px;
font-size: 14px;
}
.tab {
overflow: hidden;
background-color: #1da1b1;
margin-top: 10px;
display: grid;
grid-template-columns: auto auto auto auto auto auto;
}
.imgsize img {
max-width:100%;
}
@media screen and (max-width: 500px) {
.dept_fac {
display: grid;
grid-template-columns: 100%;
grid-row-gap: 13px;
}
.tab {
grid-template-columns: 50% 50%;
}
}
.new-tab .tablinks {
background: transparent;
background-image: linear-gradient(135deg, #056472 0%, #07889b 100%) !important;
}
.new-tab .tablinks::before {
content: "";
background-image: none;
}
/* Style the buttons inside the tab */
.tab button {
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 7px 8px;
transition: 0.3s;
font-size: 16px;
width: 100%;
color: #fff;
border-right: 1px solid #fff;
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: #6DB6B6;
}
/* Create an active/current tablink class */
.tab button.active {
background-color: #a20f66;
color:#FFFFFF;
font-weight:700;
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
}
/* Style the close button */
.topright {
float: right;
cursor: pointer;
font-size: 28px;
}
.topright:hover {color: red;}
body img {
/* width: 100%;*/
}
ul,
ol {
list-style-type: none;
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
p {
margin: 0;
}
.column_count_2 {
-webkit-column-count: 2;
column-count: 2;
}
.section-15 {
padding: 15px 0px;
}
.section-30 {
padding: 30px 0px;
}
.section-40 {
padding: 40px 0px;
}
.section-50 {
padding: 50px 0px;
}
.gray-bg {
background: #f3f3f3;
}
.flex_direction_column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
header {
background-color: #fff;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
/* border-bottom: 1px solid #18a296; */
/* background-image: url(../images/header-bg.jpg); */
}
header .header_inner_div {
width: 100%;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr auto;
grid-template-columns: 1fr auto;
padding: 3px 0px;
}
.showing {
float:left;
}
div.pagination {
padding:0;
margin:0;
text-align:center;
font-size:15px;
float: right;
}
div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #000000;
text-decoration: none;
color: #000000;
}
div.pagination a:hover, div.pagination a:active {
border:1px solid #000000;
color: #000000;
background-color:#666666;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #000000;
font-weight: bold;
background-color: #333;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #999999;
color: #ccc;
}
@media (max-width: 500px) {
header .header_inner_div {
-ms-grid-columns: 1fr auto;
grid-template-columns: 1fr auto;
}
}
header .header_inner_div .logo_div img {
position: relative;
top: 0;
padding: 0px;
width: 480px;
}
@media (max-width: 500px) {
header .header_inner_div .logo_div img {
width: 100%;
}
}
header .header_inner_div .logo_text {
padding-left: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
header .header_inner_div .logo_text .pec {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
header .header_inner_div .logo_text .pec span {
font-size: 60px;
font-weight: 500;
font-family: 'Ubuntu', sans-serif;
color: #18a296;
border-right: 2px dashed #1b4d8987;
padding-right: 10px;
}
@media (max-width: 500px) {
header .header_inner_div .logo_text .pec span {
font-size: 42px;
}
}
@media (max-width: 420px) {
header .header_inner_div .logo_text .pec span {
font-size: 42px;
}
}
header .header_inner_div .logo_text h1 {
color: #044d98;
font-weight: 500;
font-size: 31px;
padding: 0px 8px 3px;
letter-spacing: 0px;
font-family: 'Ubuntu', sans-serif;
}
@media (max-width: 500px) {
header .header_inner_div .logo_text h1 {
font-size: 20px;
}
}
@media (max-width: 420px) {
header .header_inner_div .logo_text h1 {
display: none;
}
}
header .header_inner_div .logo_text h2 {
color: #044d98;
font-size: 23.2px;
padding: 0px 11px 4px;
text-transform: capitalize;
letter-spacing: 0px;
font-weight: 500;
}
.logo_text h2 strong {
text-transform: uppercase;
font-size: 20px;
letter-spacing: 1px;
}
@media (max-width: 500px) {
header .header_inner_div .logo_text h2 {
font-size: 15px;
}
.logo_text h2 strong {
text-transform: uppercase;
font-size: 14px;
}
}
@media (max-width: 420px) {
header .header_inner_div .logo_text h2 {
font-size: 15px;
}
.logo_text h2 strong {
text-transform: uppercase;
font-size: 14px;
}
}
header .header_inner_div .logo_text_2 {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
position: relative;
}
header .header_inner_div .logo_text_2::after {
position: absolute;
/* content: ""; */
width: 100%;
height: 100%;
top: 0;
right: 0;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
background-color: #01596d;
-webkit-animation-name: logo-text-animation;
animation-name: logo-text-animation;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes logo-text-animation {
0% {
width: 100%;
}
100% {
width: 0%;
}
}
@keyframes logo-text-animation {
0% {
width: 100%;
}
100% {
width: 0%;
}
}
header .header_inner_div .search {
padding: 1px 0px 0px;
text-align: right;
-ms-grid-row-align: center;
align-self: center;
display: grid;
grid-template-columns: 1fr 120px;
align-items: center;
/* display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr auto;
grid-template-columns: 1fr auto; */
}
.search a span{
position: absolute;
bottom: -20px;
right: 0;
background: #064b6f;
color: #fff;
padding: 0px 12px;
font-size: 13px;
letter-spacing: 0.5px;
z-index: 1;
border-radius: 4px;
box-shadow: 0px 0px 8px 0px #fff;
opacity: 0;
transform: translateY(-27px);
transition: 0.2s;
}
.search a span::before{
position: absolute;
content: "";
top: -5px;
left: 50%;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #064b6f;
}
.search a:hover span{
opacity: 1;
transform: translateY(0px);
}
header .header_inner_div .search .contact {
display: -ms-grid;
display: grid;
-ms-grid-columns: inherit;
grid-template-columns: inherit;
}
header .header_inner_div .search .contact span {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
header .header_inner_div .search .contact span img {
width: 44px;
margin-right: 7px;
margin-left: 10px;
}
header .header_inner_div .search .connect {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
border-left: 1px solid #92a5e0;
padding-left: 10px;
}
header .header_inner_div .search .connect h4 {
font-weight: 600;
font-size: 19px;
color: #18a296;
letter-spacing: 0;
text-transform: uppercase;
font-family: Ubuntu, sans-serif;
}
header .header_inner_div .search .connect p {
text-align: left;
margin-bottom: -4px;
}
header .header_inner_div .search .connect p a {
color: #1b4d89;
font-weight: 600;
letter-spacing: 0;
font-size: 19px;
}
@media (max-width: 500px) {
header .header_inner_div .search {
display: none;
}
}
@media (max-width: 420px) {
header .header_inner_div .search {
display: none;
}
}
header .header_inner_div .search img {
/* width: 206px; */
width: 100%;
}
.header-top {
background-color: var(--main-color);
position: relative;
background-position: center;
background-repeat: repeat-x;
background-size: contain;
z-index: 1;
}
@media (max-width: 420px) {
.header-top {
height: auto;
}
}
.header-top .header-top-inner {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr auto;
grid-template-columns: 1fr auto;
position: relative;
z-index: 1;
}
.header-top .header-top-right {
float: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
z-index: 1;
}
.header-top .header-top-right span {
color: #fff;
line-height: 29px;
padding-right: 10px;
font-size: 15.5px;
letter-spacing: 1px;
}
.header-top .header-top-right span .dark-web {
background: #000;
padding: 3px 7px;
margin-right: 1px;
}
.header-top .header-top-right span .light-web {
background: #fff;
padding: 3px 7px;
margin-right: 1px;
color: #000;
}
.header-top .header-top-right span a {
color: #fde84d;
padding: 2px;
font-size: 15px;
}
.header-top .header-top-right ul {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
float: right;
position: relative;
}
.header-top-right span{
color: #fff;
}
.header-top-right span a{
color: #fff;
}
/* Title */
.title h1{
font-weight: 700;
color: #064b6f;
font-size: 25px;
padding-bottom: 5px;
border: var(--second-color);
border-bottom: 1px solid;
position: relative;
margin-bottom: 5px;
}
.title h1 span{
position: relative;
}
.title h1 span::before{
position: absolute;
content: "";
bottom:-5px;
left: 0px;
height: 5px;
width: 100%;
background-color: var(--main-color);
}
.title strong a{
float: right;
font-size: 13px;
padding: 5px 12px;
background: #07889b;
color: #fff;
font-weight: 600;
letter-spacing: 0.5px;
border-radius: 16px;
position: relative;
bottom: -5px;
}
/* Title */
/* list */
.ul-list{
list-style-type: square;
margin: 5px 0px 5px 18px;
}
.quick-link{
position: sticky;
top: 140px;
}
.quick-link li{
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 0%, rgba(0,212,255,1) 100%);
padding: 1px 10px 1px 16px;
margin-bottom: 3px;
border-radius: 10px;
transition: 0.5s;
}
.ql-2{
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgb(47 119 6) 0%, rgb(160 245 115) 100%) !important;
}
.ql-3{
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgb(2 72 105) 0%, rgb(92 200 255) 100%) !important;
}
.ql-4{
background: linear-gradient( 90deg, rgba(2,0,36,1) 0%, rgb(68 23 148) 0%, rgb(210 188 255) 100%) !important;
}
.ql-5{
background: linear-gradient( 90deg, rgba(2,0,36,1) 0%, rgb(6 109 97) 0%, rgb(119 255 239) 100%) !important;
}
.ql-6{
background: linear-gradient( 90deg, rgba(2,0,36,1) 0%, rgb(160 10 104) 0%, rgb(255 177 227) 100%) !important;
}
.ql-7{
background: linear-gradient( 90deg, rgba(2,0,36,1) 0%, rgb(91 119 3) 0%, rgb(214 243 119) 100%) !important;
}
.ql-8{
background: linear-gradient( 90deg, rgba(2,0,36,1) 0%, rgb(4 26 86) 0%, rgb(125 156 255) 100%) !important;
}
.ql-9{
background: linear-gradient( 90deg, rgba(2,0,36,1) 0%, #7b2003 0%, rgb(255 180 156) 100%) !important;
}
.quick-link li a{
display: grid;
grid-template-columns: 1fr auto;
font-size: 18px;
color: #fff;
align-items: center;
letter-spacing: 0.5px;
font-weight: 600;
}
.quick-link li a:hover{
text-decoration: none;
}
.quick-link li a img{
width: 43px;
padding: 7px 0px 7px 7px;
}
.quick-link li:hover{
background: rgb(1 63 92) !important;
}
/* list */
#signup {
width: 950px;
border-radius: 3px;
background: #fff;
-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
margin: 10px auto;
/*border:1px solid #ccc;*/
font-size: 14px;
font-weight: 600;
}
#signup h2.title {
background: #ed1c24;
color: #FFF;
margin: 0;
padding: 10px 0px;
font-size: 18px;
font-weight: 700;
text-align: center;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
border-radius: 3px 3px 0 0;
}
#signup-form {
padding: 5px 10px;
}
#signup-form .row {
width: 100%;
display: inline-block;
margin-bottom: 10px;
}
#signup-form .row .label {
float: left;
width: 100%;
margin-top: 10px;
}
#signup-form .row .label a,
#signup-form .row .label a:visited,
#signup-form .row .label a:link {
color: #0066FF;
}
#signup-form .row .label span {
font-size: 11px;
font-weight: normal;
}
#signup-form .row .labelphoto {
width: 50%;
}
#signup-form .row .labelcaptcha {
width: 50%;
}
#signup-form .row .sbdetails {
width: 65%;
}
#signup-form .row .sbattach {
width: 35%;
}
#signup-form .row .col {
float: left;
width: 50%;
font-weight: normal;
}
#signup-form input[type=text],
#signup-form input[type=password] {
box-shadow: none;
border: none;
color: #000;
background: none;
width: 96%;
padding: 7px 10px;
margin-right: 15px;
float: left;
border: 1px solid #4dd0b9;
background: #fff;
-webkit-box-shadow: 0px 0px 1px 0px rgba(126, 239, 219, 1);
-moz-box-shadow: 0px 0px 1px 0px rgba(126, 239, 219, 1);
box-shadow: 0px 0px 1px 0px rgba(126, 239, 219, 1);
}
#signup-form input[type=file] {
box-shadow: none;
border: none;
color: #000;
background: none;
width: 96%;
padding: 3px 5px;
margin-right: 15px;
float: left;
border: 1px solid #4dd0b9;
background: #fff;
-webkit-box-shadow: 0px 0px 1px 0px rgba(126, 239, 219, 1);
-moz-box-shadow: 0px 0px 1px 0px rgba(126, 239, 219, 1);
box-shadow: 0px 0px 1px 0px rgba(126, 239, 219, 1);
}
#signup-form select {
box-shadow: none;
border: none;
color: #000;
background: none;
width: 96%;
padding: 6px 10px;
margin-right: 15px;
float: left;
border: 1px solid #4dd0b9;
border-radius: 0;
background: #fff;
-webkit-box-shadow: 0px 0px 1px 0px rgba(126, 239, 219, 1);
-moz-box-shadow: 0px 0px 1px 0px rgba(126, 239, 219, 1);
box-shadow: 0px 0px 1px 0px rgba(126, 239, 219, 1);
}
.form-control {
border: 1px solid #4dd0b9 !important;
}
#captchaimg {
border: 1px solid #4dd0b9;
padding: 2px 0;
margin-right: 15px;
-webkit-box-shadow: 0px 0px 1px 0px rgba(126, 239, 219, 1);
-moz-box-shadow: 0px 0px 1px 0px rgba(126, 239, 219, 1);
box-shadow: 0px 0px 1px 0px rgba(126, 239, 219, 1);
}
#signup-form .row .fname {
width: 40%;
}
#signup-form .row .mname {
width: 30%;
}
#signup-form .row .lname {
width: 30%;
}
#signup-form .row .zip {
width: 15%;
}
#signup-form .row .gender {
width: 15%;
}
#signup-form .row .degree {
width: 25%;
}
#signup-form .row .dept {
width: 40%;
}
#signup-form .row .course {
width: 35%;
}
#signup-form .row .captcha {
width: 14%;
}
#signup-form .row .captchaimg {
width: 36%;
font-size: 11px;
}
#signup-form .row .amount {
width: 15%;
}
#signup-form .row .sbdate {
width: 20%;
}
#signup-form .row .refno {
width: 30%;
}
#signup-form .row .sbattach {
width: 35%;
}
#signup-form .row .adds {
width: 100%;
}
#signup-form input[type=submit] {
background: #0e0e66;
color: #fff;
text-transform: uppercase;
border: 2px solid #000;
padding: 10px 20px;
cursor: pointer;
font-weight: bold;
transition: all ease-in-out 0.3s;
-webkit-transition: all ease-in-out 0.3s;
-moz-transition: all ease-in-out 0.3s;
margin: 0 auto;
}
#signup-form input[type=submit]:hover {
background: #4dd0b9;
border: 2px solid #16937d;
}
#signup-form p {
color: #C00;
text-align: right;
font-style: italic;
margin: 0;
font-weight: normal;
}
#msg {
display: none;
z-index: 200;
border: 2px solid #924949;
position: absolute;
}
#msgcontent {
display: block;
background: #f3e6e6;
padding: 5px;
min-width: 150px;
max-width: 250px;
font-size: 12px;
position: relative;
}
#msgimg {
position: absolute;
width: 37px;
height: 7px;
left: 0;
top: -7px;
background: url(../images/msg_arrow_top.html) no-repeat;
}
#otpForm {
text-align: center;
}
#otpForm .row {
width: 100%;
display: inline-block;
clear: both;
margin-bottom: 10px;
}
#otpForm .row .label {
width: 45%;
text-align: right;
float: left;
}
#otpForm .row .col {
width: 53%;
text-align: left;
float: right;
}
#otpForm input[type=text],
#otpForm input[type=password] {
box-shadow: none;
border: none;
color: #000;
background: none;
width: 200px;
padding: 7px 10px;
margin-right: 10px;
border: 1px solid #df9b9b;
background: #fff;
-webkit-box-shadow: 0px 0px 1px 0px rgba(205, 98, 76, 1);
-moz-box-shadow: 0px 0px 1px 0px rgba(205, 98, 76, 1);
box-shadow: 0px 0px 1px 0px rgba(205, 98, 76, 1);
}
#otpForm input[type=submit] {
background: #A40000;
color: #fff;
text-transform: uppercase;
border: 2px solid #000;
padding: 5px 10px;
cursor: pointer;
font-weight: bold;
transition: all ease-in-out 0.3s;
-webkit-transition: all ease-in-out 0.3s;
-moz-transition: all ease-in-out 0.3s;
margin: 0 auto;
}
#otpForm a,
#otpForm a:visited,
#otpForm a:link {
color: #0033FF;
}
#otpForm a:hover {
text-decoration: underline;
}
.succ {
border-top: 2px solid #090;
border-bottom: 2px solid #090;
color: #090;
padding: 5px 0;
width: 100%;
display: inline-block;
font-weight: bold;
text-align: center;
background: #E0F9DF;
margin: 5px 0;
-webkit-animation: shake .5s ease-in-out;
-moz-animation: shake .5s ease-in-out;
-ms-animation: shake .5s ease-in-out;
-o-animation: shake .5s ease-in-out;
animation: shake .5s ease-in-out;
}
.err {
border-top: 2px solid #C30;
border-bottom: 2px solid #C30;
color: #C30;
padding: 5px 0;
width: 100%;
display: inline-block;
font-weight: bold;
text-align: center;
background: #FDE9E8;
margin: 5px 0;
-webkit-animation: shake .5s ease-in-out;
-moz-animation: shake .5s ease-in-out;
-ms-animation: shake .5s ease-in-out;
-o-animation: shake .5s ease-in-out;
animation: shake .5s ease-in-out;
}
@media (max-width: 500px) {
.header-top .header-top-right ul {
display: none;
}
}
@media (max-width: 420px) {
.header-top .header-top-right ul {
display: none;
}
}
.header-top .header-top-right ul li {
display: inline-block;
position: relative;
list-style: none;
border-left: 1px solid #dedede;
}
.header-top .header-top-right ul li:last-child {
border-right: 1px solid #dedede;
padding-right: 2px;
}
.header-top .header-top-right ul li:hover ul {
display: block;
}
.header-top .header-top-right ul li ul {
display: none;
position: absolute;
z-index: 1;
left: -1px;
}
.header-top .header-top-right ul li ul li {
width: 28px;
background: #0faabb !important;
color: #ffffff !important;
display: block;
border: none;
}
.header-top .header-top-right ul li ul li:nth-child(4) a {
background: #ddd;
color: #000;
margin: 0px 4px;
padding: 0px 5px;
}
.header-top .header-top-right ul li ul li:nth-child(5) a {
background: #00030a;
color: #ffc800;
margin: 0px 4px 4px;
padding: 0px 5px;
display: inline-block;
}
.header-top .header-top-right ul li a {
padding: 3px 2px 1px 6px;
display: block;
color: #ffffff;
font-weight: 500;
font-size: 15px;
letter-spacing: 0.5px;
}
.header-top .header-top-right ul li a i {
margin-right: 0px;
color: #fde84d;
}
.about-section {
/* background-image: url(../images/background.jpg); */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.carousel-inner img {
width: 100%;
height: 100%;
}
.form-control {
border-radius: 1px;
height: 31px;
}
.carousel-control-prev {
right: 41px !important;
left: auto;
}
.my-card-new {
padding: 14px;
}
.my-card-new p img {
float: left;
width: 100px;
margin-right: 12px;
border: 1px solid #bbc4cc;
padding: 3px;
}
.my-card-new p a {
font-weight: 600;
font-size: 15px;
color: #003e78;
}
.my-card {
background: #fff;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 10px 0px #00000026;
box-shadow: 2px 2px 10px 0px #00000026;
}
.my-card .avatar {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 15px 0 15px 15px;
}
.my-card .avatar .image {
width: 90px;
height: auto;
border: 1px solid #bbc4cc;
padding: 3px;
}
.my-card .content-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 9px 20px;
}
.my-card .content-container .title {
margin: 0 0 0 0;
font-weight: bold;
font-size: 20px;
color: #003e78;
}
.my-card .content-container strong {
color: #3e4042;
}
.my-card .content-container .content {
margin: 0;
}
.my-card .content-container .content a {
font-weight: 600;
font-size: 15px;
color: #003e78;
}
/*notice marquee*/
.marquee-box {
background-color: var(--main-color);
padding: 0px 0px 2px;
}
.marquee-section {
position: relative;
}
.marquee-section .notice_marquee {
padding: 1px 0px;
position: relative;
margin-bottom: -5px;
}
.marquee-section .notice_marquee a {
position: relative;
color: #fff;
padding-left: 0px;
font-size: 14px;
margin-left: 9px;
letter-spacing: 1px;
}
/* .marquee-section .notice_marquee a::before {
content: '\f0a4';
font-family: FontAwesome;
position: absolute;
left: 0px;
font-weight: 500;
font-size: 17px;
} */
.marquee-section .notice_marquee a img {
width: 21px;
}
.marquee-section .updates {
position: absolute;
top: 0px;
left: 0px;
background: var(--second-color);
z-index: 1;
padding: 3px 10px;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
color: #fff;
}
.marquee-section .updates::after {
position: absolute;
/* content: ""; */
right: -13px;
top: 0px;
border-top: 27px solid transparent;
border-bottom: 0 solid transparent;
border-left: 13px solid #fb7c31;
width: 0px;
height: 0px;
}
@-webkit-keyframes blinkingText {
0% {
color: #334878;
}
100% {
color: #dc4a38;
}
}
@keyframes blinkingText {
0% {
color: #334878;
}
100% {
color: #dc4a38;
}
}
.nirf_sec {
background-image: url(../images/nirf.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 22px 0px 37px;
position: relative;
}
.nirf_sec h1 {
text-align: center;
font-size: 26px;
color: #fff;
margin-bottom: 16px;
}
.nirf_sec::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #02192fde;
}
.nirf_sec .nirf-box {
background: #fff;
padding: 8px 20px 10px 8px;
border-left: 5px solid #ffcb0b;
position: relative;
}
.nirf_sec .nirf-box:hover span {
background-color: #ffcb0b;
}
.nirf_sec .nirf-box:hover a {
color: #003e78;
}
.nirf_sec .nirf-box span {
position: absolute;
content: '';
top: 0px;
right: 0px;
width: 73px;
height: 100%;
background-color: #003e78;
}
.nirf_sec .nirf-box span a {
display: block;
padding: 6px;
text-align: center;
font-size: 24px;
color: #ffcb0b;
}
.nirf_sec .nirf-box p {
font-size: 19px;
font-weight: 700;
color: #003e78;
position: relative;
}
.nirf_sec .nirf-box p img {
width: 27px;
margin-right: 14px;
}
/* main 1*/
/* main 2*/
/* neutral 1*/
/* neutral 2*/
.new-content {
-webkit-box-shadow: 0px 6px 7px 0px #ccc;
box-shadow: 0px 6px 7px 0px #ccc;
}
/* Tabs menu */
.tabs {
margin: 0;
background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 50px;
border-radius: 2px 2px 0px 0px;
}
@media screen and (max-width: 512px) {
.tabs {
height: 40px;
}
}
/* Tab Links */
.tablinks {
background: transparent;
background-image: linear-gradient(135deg, #0f77d8 0%, #754ca4 100%);
border: none;
outline: none;
cursor: pointer;
width: 25%;
/*change depending on the number of tabs*/
height: inherit;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.tablinks:focus {
outline: none;
}
.tablinks::before {
background-image: linear-gradient(135deg, #0f77d8 0%, #754ca4 100%);
content: "";
width: 100%;
height: 0px;
position: absolute;
top: 0;
left: 0;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
z-index: 2;
}
.tablinks p {
opacity: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 2;
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
padding: 0;
margin: 0;
color: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
font-weight: 400;
font-size: 19px;
}
@media screen and (max-width: 512px) {
.tablinks {
height: 40px;
font-size: 12px;
}
}
/*tab buttons hover*/
.tablinks:hover::before {
height: 100%;
z-index: 2;
bottom: 0;
}
@media screen and (max-width: 512px) {
.tablinks:hover::before {
height: 0;
}
}
/* Tab active */
.tablinks.active {
background-color: #dce3ee;
background-image: none;
z-index: 0;
border-right: 0px;
border-left: 0px;
height: inherit;
bottom: 0px;
overflow: hidden;
}
.tablinks.active::before {
content: "";
width: 100%;
height: 5px;
top: 0;
left: 0;
}
/* @media screen and (max-width: 512px) {
.tablinks.active {
height: 60px;
}
} */
/* Tabs text */
.tablinks.active p,
.tablinks.active:hover p {
opacity: 1;
background: -webkit-linear-gradient(135deg, #0f77d8 0%, #754ca4 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 700;
}
.tablinks:hover p {
color: white;
opacity: 1;
}
@media screen and (max-width: 512px) {
.tablinks:hover p {
color: #686868;
opacity: 0.6;
}
}
/* Tabs text bigger */
.tablinks p:before {
content: attr(data-title);
position: absolute;
height: auto;
width: auto;
color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0.1;
font-size: 40px;
-webkit-transition: 1s ease-out;
transition: 1s ease-out;
z-index: -1;
font-weight: 600;
top: 110%;
}
@media screen and (max-width: 512px) {
.tablinks p:before {
display: none;
}
}
.tablinks:hover p:before {
opacity: 0.1;
font-size: 40px;
top: -80%;
}
/* tab content */
.wrapper_tabcontent {
background-color: white;
margin-top: 0px;
z-index: 1;
position: relative;
opacity: 1;
padding: 20px;
overflow: hidden;
-webkit-transition: all 1s ease;
transition: all 1s ease;
top: 0;
}
.tabcontent {
display: none;
min-height: 180px;
}
@-webkit-keyframes tabEffect {
from {
top: -40px;
}
to {
top: 0px;
}
}
@keyframes tabEffect {
from {
top: -40px;
}
to {
top: 0px;
}
}
.tabcontent.active {
-webkit-transition: all 1s ease;
transition: all 1s ease;
display: block;
}
/* Tab content line */
.wrapper_tabcontent:after {
content: "";
height: 5px;
width: 100%;
position: absolute;
background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
left: 0;
bottom: 0;
z-index: -2;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
/* Title */
@-webkit-keyframes city {
from {
left: -150px;
}
to {
left: -90px;
}
}
@keyframes city {
from {
left: -150px;
}
to {
left: -90px;
}
}
/* Text*/
.tabcontent p {
color: #000;
margin: 0;
padding: 0;
line-height: 28px;
font-weight: 100;
width: 100%;
font-size: 16px;
}
/* @media screen and (max-width: 512px) {
.tabcontent p {
font-size: 14px;
line-height: 26px;
}
} */
.notice-list {
height: 432px;
overflow-y: scroll;
}
.notice-list p {
position: absolute;
bottom: 0px;
right: 22px;
width: 95%;
text-align: right;
}
.notice-list li {
margin-bottom: 6px;
border-bottom: 1px dashed #7a91a7;
padding-bottom: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.notice-list li strong {
margin-right: 10px;
font-weight: 600;
letter-spacing: 1px;
font-size: 13px;
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
background: #0faabb;
display: grid;
}
.notice-list li strong span i {
font-size: 14px;
padding-left: 5px;
}
.notice-list li strong .date {
color: #fff;
position: relative;
text-transform: uppercase;
text-align: center;
-ms-grid-row: 3;
-ms-grid-row-span: -2;
grid-row: 3/1;
font-size: 0px;
padding: 0px;
padding-right: 6px;
}
.notice-list li strong .month {
color: #fff;
position: relative;
text-transform: uppercase;
text-align: center;
background: var(--second-color);
font-size: 9px;
padding: 0px 3px 0px 3px;
line-height: 15px;
}
.notice-list li strong .year {
color: #fff;
position: relative;
text-transform: uppercase;
text-align: center;
font-size: 21px;
background: var(--main-color);
padding: 0px 0px 3px;
line-height: 25px;
text-shadow: 3px 3px 3px #064b6f;
}
.notice-list li a {
color: #000;
}
.notice-list li a:hover {
color: var(--main-color);
text-decoration: none;
}
.notice-list li a img {
width: 26px;
margin-left: 5px;
}
@media screen and (max-width: 512px) {
.notice-list {
height: 424px;
}
.notice-list p {
bottom: 2px;
width: 89%;
}
}
.sec-title {
font-weight: 700;
font-size: 30px;
position: relative;
padding-left: 34px;
color: #2b2b2b;
padding-bottom: 5px;
margin-bottom: 20px;
}
.sec-title::before {
content: "";
position: absolute;
left: 0px;
top: 0px;
width: 17px;
height: 100%;
background: #003e78;
}
.sec-title::after {
content: "";
position: absolute;
left: 22px;
top: 0px;
width: 4px;
height: 100%;
background: #ffcb0b;
}
.quick_link_list li {
background-color: #003e78;
margin-bottom: 5px;
}
.quick_link_list li i {
color: #ffcb0b;
font-size: 26px;
padding: 12px;
}
.quick_link_list li a {
display: block;
}
.quick_link_list li strong {
position: relative;
top: -3px;
font-weight: 500;
letter-spacing: 0.5px;
color: #fff;
}
.quick_link_list li span {
float: right;
}
.quick_link_list li span i {
color: #fff;
font-size: 22px;
padding: 13px 18px 15px;
border-left: 1px solid #fff;
}
.quick_link_list li:nth-child(1) {
background: #0a5a67;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.quick_link_list li:nth-child(1):hover {
background: #003e78;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.quick_link_list li:nth-child(4) i {
font-size: 22px;
}
.quick_link_list li:nth-child(2) {
background: #2a8796;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.quick_link_list li:nth-child(2):hover {
background: #003e78;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.quick_link_list li:nth-child(4) i {
font-size: 22px;
}
.quick_link_list li:nth-child(3) {
background: #3d4996;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.quick_link_list li:nth-child(3):hover {
background: #003e78;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.quick_link_list li:nth-child(4) i {
font-size: 22px;
}
.quick_link_list li:nth-child(4) {
background: #39196d;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.quick_link_list li:nth-child(4):hover {
background: #003e78;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.quick_link_list li:nth-child(4) i {
font-size: 22px;
}
.quick_link_list li:nth-child(5) {
background: #562f1c;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.quick_link_list li:nth-child(5):hover {
background: #003e78;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.quick_link_list li:nth-child(4) i {
font-size: 22px;
}
.quick_link_list li:nth-child(6) {
background: #2a4e06;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.quick_link_list li:nth-child(6):hover {
background: #003e78;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.quick_link_list li:nth-child(4) i {
font-size: 22px;
}
.quick_link_list li:nth-child(7) {
background: #10483b;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.quick_link_list li:nth-child(7):hover {
background: #003e78;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.quick_link_list li:nth-child(4) i {
font-size: 22px;
}
.quick_link_list li:nth-child(8) {
background: #102448;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.quick_link_list li:nth-child(8):hover {
background: #003e78;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.quick_link_list li:nth-child(4) i {
font-size: 22px;
}
.quick_link_list li:nth-child(9) {
background: #0c467b;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.quick_link_list li:nth-child(9):hover {
background: #003e78;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.quick_link_list li:nth-child(4) i {
font-size: 22px;
}
.dashboard-2 {
background: #0f7976 !important;
background-image: -webkit-gradient(linear, left top, right top, from(#21b687), to(#1349ab)) !important;
background-image: linear-gradient(to right, #21b687, #1349ab) !important;
}
.dashboard-2 p i {
background: #2496b6 !important;
}
.dashboard-3 {
background: #0f7976 !important;
background-image: -webkit-gradient(linear, left top, right top, from(#219ab6), to(#6513ab)) !important;
background-image: linear-gradient(to right, #219ab6, #6513ab) !important;
}
.dashboard-3 p i {
background: #c54fa6 !important;
}
.dashboard-4 {
background: #0f7976 !important;
background-image: -webkit-gradient(linear, left top, right top, from(#573cea), to(#25869c)) !important;
background-image: linear-gradient(to right, #573cea, #25869c) !important;
}
.dashboard-4 p i {
background: #59ab9c !important;
}
.dashboard {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr auto;
grid-template-columns: 1fr auto;
background: #206d87;
background-image: -webkit-gradient(linear, left top, right top, from(#0f75b3), to(#b71a6a));
background-image: linear-gradient(to right, #0f75b3, #b71a6a);
-webkit-transition: 1s ease-out;
transition: 1s ease-out;
width: 100%;
margin-bottom: 10px;
border-radius: 8px;
}
@media (max-width: 575px) {
.dashboard {
margin-bottom: 5px;
}
}
.dashboard h3 {
padding: 15px 16px 19px;
line-height: 17px;
}
@media only screen and (min-width: 360px) and (max-width: 480px) {
.dashboard h3 {
line-height: 23px;
}
}
.dashboard h3 a {
color: #fffdfd;
font-size: 19px;
font-weight: 600;
letter-spacing: 0.7px;
}
@media only screen and (min-width: 360px) and (max-width: 480px) {
.dashboard h3 a {
font-size: 18px;
letter-spacing: 0.7px;
}
}
.dashboard p {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
text-align: center;
}
.dashboard p img {
padding: 11px;
}
@media (max-width: 575px) {
.dashboard p img {
width: 82%;
}
}
.dashboard p i {
background: #c54f6b;
padding: 10px 6px;
border-radius: 0px;
width: 40px;
height: auto;
color: #fff;
position: relative;
right: 10px;
}
.dashboard span a {
position: absolute;
bottom: 0px;
}
@media (max-width: 575px) {
.dashboard span a {
bottom: 6px;
}
}
.dashboard span a i {
background: #466fb3;
color: #fff;
font-size: 12px;
padding: 7px 10px;
border-radius: 0px 9px 0px 0px;
}
.tab_sec {
background-image: url(../images/background.jpg);
background-position: center;
background-size: cover;
}
.title h4 {
font-weight: 700;
font-family: 'Ubuntu', sans-serif;
color: #003a9a;
font-size: 22px;
padding-bottom: 8px;
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
}
.title h4 span {
position: relative;
}
.title h4 span::before {
position: absolute;
width: 100%;
height: 4px;
content: "";
background-color: #18a296;
left: 0px;
bottom: -11px;
}
.title h4 span::after {
content: "";
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #18a296;
position: absolute;
left: 45%;
bottom: -7px;
}
.news-section {
background-image: url(../images/news-bg.jpg);
background-size: contain;
background-size: cover;
}
.course-card {
padding: 13px;
border-radius: 10px;
background: #ffffff;
-webkit-box-shadow: 0px 0px 7px 4px #e6e6e6;
box-shadow: 0px 0px 7px 4px #e6e6e6;
margin: 10px 0px;
}
.course-card img {
border-radius: 4px;
-webkit-box-shadow: 0 0 5px #969696;
box-shadow: 0 0 5px #969696;
-webkit-transition: .15s;
transition: .15s;
}
.course-card h4 a {
display: block;
font-size: 20px;
font-weight: 700;
color: #c54f6b;
padding: 10px 0px 0px;
text-align: center;
}
/*# sourceMappingURL=style.css.map */
.login-box {
width: 100%;
animation: fadeIn 1s;
z-index: 10;
border-radius: 5px;
position: relative;
box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
padding: 3px;
background-color: #ececec;
margin-top: 0px;
}
.login-box a {
text-decoration: none;
color: #005d54;
font-weight: 600;
}
.login-box .login {
display: none;
}
.login-box .signin {
animation: fadeIn 0.8s;
}
.login-box .signup {
animation: fadeIn 0.8s;
}
.login-box .action p {
text-align: center;
}
.login-box .action .signup {
font-weight: 700;
cursor: pointer;
}
.login-box .input-field {
width: 100%;
position: relative;
}
.login-box .input-field i {
position: relative;
position: absolute;
top: 10px;
left: 50px;
}
/* .login-box .input-field #password {
background: url(../images/lock_dnkpk8.png) no-repeat 5%;
background-size: 20px;
z-index: 50;
} */
/* .login-box .input-field #email {
background: url(../images/name_1_rgo5hw.png) no-repeat 5%;
background-size: 20px;
z-index: 50;
} */
.login-box .input-field::before {
content: "Username";
position: absolute;
top: 0px;
left: -4px;
width: 101px;
height: 100%;
background-color: #18a296;
z-index: 0;
font-weight: 600;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 10px;
}
.login-box .input-field::after {
content: "";
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 7px solid #18a296;
position: absolute;
left: 92px;
bottom: 40%;
z-index: 111;
transform: rotate(90deg);
}
.login-box .input-field1::before {
content: "Password";
position: absolute;
top: 0px;
left: -4px;
width: auto;
height: 100%;
background-color: #18a296;
z-index: 0;
font-weight: 600;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 10px;
}
.login-box .input-field #tel {
/* background: url("../../../assets/telephone.png"), #fff no-repeat 5%;
background-size: 20px;
z-index: 50; */
}
.login-box .input-field input {
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
width: 104%;
display: block;
padding: 10px 10px 10px 117px;
/* padding-left: 55px; */
margin: 5px 0px 26px -7px;
border: none;
border-left: 4px solid #18a296;
border-radius: 0px;
background: #e1f7ff;
}
.login-box-button {
position: relative;
margin-top: 19px;
display: flex;
justify-content: center;
align-items: center;
}
.login-box-button button {
padding: 8px 29px;
background: #18a296;
color: white;
font-weight: 800;
border: none;
transition: all 1s ease-in;
background-position: 0;
width: 100%;
}
.login-box-button button:active {
background-image: linear-gradient(to right top, #0e1776, #091b97, #031db9, #011edc, #081dff);
background-position: 400%;
transform: scale(1.1);
}
.login-box .topline {
display: inline-block;
position: relative;
font-family: 'Ubuntu', sans-serif;
font-size: 22px;
color: #003a9a;
padding: 4px 3px 6px;
font-weight: 700;
width: 100%;
margin-bottom: 15px;
border-bottom: 1px solid #b9b9b9;
}
.topline img {
width: 39px;
margin-right: 10px;
}
/* .login-box .topline:after {
content: "";
position: absolute;
width: 40%;
transform: scaleX(1);
height: 5px;
top: -5px;
left: 0;
background-color: #0faabb;
} */
@media screen and (max-width: 776px) {
.login-box {
padding: 0rem !important;
right: unset !important;
width: 100% !important;
margin-top: 20px;
}
}
.info-sec {
/* background-image: url(../images/background.jpg); */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/* padding: 30px 0px; */
}
.tab-load-more {
font-weight: 700;
color: #1b4d89;
text-decoration: none;
margin-top: 3px;
display: block;
float: right;
}
.nav-link:hover {
color: #fff;
}
.nav-link.active {
color: #1b4d89 !important;
font-weight: 600;
}
.new-card-body {
min-height: 254px;
overflow-y: auto;
border-left: 1px solid #1b4d89;
border-bottom: 1px solid #1b4d89;
border-right: 1px solid #1b4d89;
}
.card-header {
padding: 8px 18px 12px;
background-color: rgb(27 77 137);
}
.nav-link {
padding: 2px 14px 5px;
color: #fff;
}
input:focus-visible {
outline: 1px solid #18a296;
}
@media screen and (max-width: 776px) {
.card {
margin-bottom: 18px;
}
.footer-last-left p {
text-align: center !important;
}
.footer-last-right p {
text-align: center !important;
}
}
.inner-banner {
background-image: url(../images/inside-banner.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 110px;
position: relative;
}
.inner-banner::before{
/* background: rgb(2,0,36);
background: linear-gradient(-90deg, #0c577a80 0%, rgb(2 47 54 / 80%) 100%); */
top: 0px;
left: 0px;
width: 100%;
height: 100%;
content: "";
position: absolute;
}
.breadcrumb-sec{
background: #dae4e5;
}
.breadcrumb {
padding: 2px 0px;
margin-bottom: 0;
background-color: transparent;
}
.breadcrumb a {
color: #056370;
}
.breadcrumb-item+.breadcrumb-item::before {
display: inline-block;
padding-right: .5rem;
color: #fde84d;
content: "/";
}
.breadcrumb-item {
color: #02283c;
font-weight: 600;
/* color: #08dcc7;
border: 1px solid #07889b;
padding: 1px 14px 2px;
background: #064b6f;
border-radius: 4px;
font-size: 14px; */
}
.breadcrumb li i{
color: #07889b;
padding: 0px 8px;
}
.innerpage-body {
padding: 20px 0px;
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #000;
border: 1px solid #79bdb7;
}
.table td,
.table th {
padding: 7px;
vertical-align: top;
border: 1px solid #79bdb7;
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #79bdb7;
background: #1b4d89;
color: #fff;
}
.table tr:last-child {
border-bottom: 2px solid #79bdb7;
}
.table-striped tbody tr:nth-of-type(even) {
background-color: rgb(24 162 150 / 7%);
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: #fff;
}
.table-striped tbody {}
.table hr {
margin-top: 4px;
margin-bottom: 4px;
border: 0;
border-top: 1px solid rgb(121 189 183);
}
.pec-ol {
list-style-type: auto;
padding-left: 15px;
margin-top: 10px;
margin-bottom: 10px;
}
.pec-ol li {
padding-left: 10px;
}
.how-ol {
list-style: upper-alpha;
padding-left: 15px;
margin-top: 10px;
margin-bottom: 10px;
}
.how-ol li {
padding-left: 10px;
}
.contact-page-contact {
color: #18a296;
font-size: 23px;
display: inline-block;
}
.contact-page-contact a {
font-size: 18px;
font-weight: 700;
color: #1b4d89;
}
.contact-form {
background: #ececec;
padding: 23px;
margin: 10px 0px;
box-shadow: 0px 0px 4px 1px #ccc;
}
.contact-form .form-control{
border-radius: 1px;
height: 38px;
margin-top: 2px;
}
/* button */
.read-more-btn-p{
position: absolute;
bottom: 0px;
right: 0px;
}
.read-more-btn{
color: var(--second-color);
}
.btn-primary {
color: #fff;
background-color: var(--main-color);
border-color: var(--main-color);
}
.btn-primary.focus, .btn-primary:focus {
color: #fff;
background-color:var(--second-color);
border-color: var(--second-color);
box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 50%);
}
.btn-primary:hover {
color: #fff;
background-color: var(--second-color);
border-color: var(--second-color);
}
/* button */
/* nav tab */
nav > .nav.nav-tabs{
border: none;
color:#fff;
background-color:var(--second-color);
border-radius:0;
}
nav > div a.nav-item.nav-link
{
border: none;
padding: 6px 25px;
color:#fff;
/* background:#272e38; */
border-radius:0;
letter-spacing: 1px;
}
nav > div a.nav-item.nav-link.active
{
border: none;
color:#fff !important;
background:var(--main-color);
border-radius:0;
}
.tab-content{
background: #fdfdfd;
line-height: 25px;
border: 1px solid #ddd;
border-top:3px solid ;
border-bottom:3px solid;
border-color: var(--main-color);
padding:10px 0px 27px 10px;
}
nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
border: none;
background-color: var(--main-color);
color:#fff;
border-radius:0;
transition:background 0.20s linear;
}
/* card */
.card {
width:100%;
min-height:375px;
background:#fff;
box-shadow:0 20px 50px rgba(0,0,0,.1);
border-radius:10px;
transition:0.5s;
}
.card:hover {
box-shadow:0 30px 70px rgba(0,0,0,.2);
}
.card .box {
text-align:center;
padding:20px 20px 4px ;
box-sizing:border-box;
width:100%;
}
.card .box .img {
width:120px;
height:120px;
margin:0 auto;
border-radius:13%;
overflow:hidden;
}
.card .box .img img {
width:100%;
height:100%;
}
.card .box h2 {
font-size:20px;
color:#262626;
margin:10px auto;
}
.card .box h2 span {
font-size:14px;
background:var(--main-color);
color:#fff;
display:inline-block;
padding:4px 10px;
border-radius:15px;
}
.card .box p {
color:#262626;
}
.card .box span {
display:inline-flex;
}
.card .box ul {
margin:0;
padding:0;
}
.card .box ul li {
list-style:none;
float:left;
}
.card .box ul li a {
display:block;
color:#aaa;
margin:0 10px;
font-size:20px;
transition:0.5s;
text-align:center;
}
.card .box ul li:hover a {
color:#e91e63;
transform:rotateY(360deg);
}
/* multiple carausel */
.MultiCarousel {
float: left;
overflow: hidden;
padding: 0px;
width: 100%;
position: relative;
}
.MultiCarousel .MultiCarousel-inner {
transition: 1s ease all;
float: left;
}
.MultiCarousel .MultiCarousel-inner .item {
float: left;
}
.MultiCarousel .MultiCarousel-inner .item>div {
text-align: center;
padding: 10px 16px;
/*margin: 10px;
background: #f1f1f1;
color: #666; */
}
.MultiCarousel .leftLst,
.MultiCarousel .rightLst {
position: absolute;
border-radius: 50%;
top: calc(50% - 20px);
}
.MultiCarousel .leftLst {
left: 0;
}
.MultiCarousel .rightLst {
right: 0;
}
.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
pointer-events: none;
background: #ccc;
}
.pad15>p{
background: var(--second-color);
color: #fff;
padding: 5px 5px 7px;
font-weight: 600;
letter-spacing: 0.7px;
}
.pad15>p>a{
color: #fff;
}
.pad15>.image-box{
height: 180px;
width: 100;
overflow: hidden;
}
.image-box{
transform: scale(1);
}
.image-box img{
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 100%;
}
.image-box:hover img{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.photo-gallery{
display: grid;
grid-template-columns: 33.33% 33.33% 33.33%;
}
@media screen and (max-width: 500px) {
.photo-gallery{
display: grid;
grid-template-columns: 100%;
}
}
.photo-gallery .item{
margin: 5px 5px 0px 0px;
}
.photo-gallery .item .pad15 .image-box{
height: 120px;
}
.sticky {
position: fixed;
top: 0;
z-index: 2;
width: 100%;
animation: slide-down 0.7s;
transform: translateY(0);
transition: transform 0.5s;
border-top: 1px solid #07889b;
}
@keyframes slide-down {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
/* lightgallery */
.lightgallery {
margin:0;
padding:0;
width:100%;
display:inline-block;
}
.lightgallery li {
margin:0;
padding:0;
float:left;
display:inline-block;
list-style:none;
background:none;
text-align:center;
border:1px solid #666666;
background:#C6E3E2;
margin:5px;
}
.lightgallery li img {
width:200px;
height:133px;
}
.lightgallery li a, .lightgallery li a:visited, .lightgallery li a:link {
color:#000;
}
.demo-gallery > ul {
margin-bottom: 0;
display: inline-block;
}
.demo-gallery > ul > li {
list-style: outside none none;
padding-left: 0px;
background: none !important;
float: left;
padding: 0px;
box-shadow: none !important;
overflow: hidden;
display: contents;
}
.demo-gallery > ul > li a {
border: 3px solid #FFF;
border-radius: 3px;
display: block;
overflow: hidden;
position: relative;
float: left;
}
.demo-gallery > ul > li a > img {
-webkit-transition: -webkit-transform 0.15s ease 0s;
-moz-transition: -moz-transform 0.15s ease 0s;
-o-transition: -o-transform 0.15s ease 0s;
transition: transform 0.15s ease 0s;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.demo-gallery > ul > li a:hover > img {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
opacity: 1;
}
.demo-gallery > ul > li a .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.1);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: background-color 0.15s ease 0s;
-o-transition: background-color 0.15s ease 0s;
transition: background-color 0.15s ease 0s;
}
.demo-gallery > ul > li a .demo-gallery-poster > img {
left: 50%;
margin-left: -10px;
margin-top: -10px;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
.demo-gallery > ul > li a:hover .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .justified-gallery > a > img {
-webkit-transition: -webkit-transform 0.15s ease 0s;
-moz-transition: -moz-transform 0.15s ease 0s;
-o-transition: -o-transform 0.15s ease 0s;
transition: transform 0.15s ease 0s;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
height: 100%;
width: 100%;
}
.demo-gallery .justified-gallery > a:hover > img {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
opacity: 1;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.1);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: background-color 0.15s ease 0s;
-o-transition: background-color 0.15s ease 0s;
transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
left: 50%;
margin-left: -10px;
margin-top: -10px;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .video .demo-gallery-poster img {
height: 48px;
margin-left: -24px;
margin-top: -24px;
opacity: 0.8;
width: 48px;
}
.demo-gallery.dark > ul > li a {
border: 3px solid #04070a;
}
/* department */
.new-list{
list-style-type: circle;
margin-left: 18px;
}
.new-list li{
margin-bottom: 5px;
}
.new-list li a{
color: #004c83;
font-weight: 500;
}
.normal-list{
list-style-type: square;
margin-left: 18px;
}
.subheading{
font-weight: 700;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 1px;
color: #07889b;
border-left: 3px solid #07889b;
padding-left: 13px;
position: relative;
margin-left: 0px;
margin-top: 5px;
margin-bottom: 5px;
}
.subheading::before{
position: absolute;
content: "";
left: 1px;
top: 0px;
width: 6px;
height: 100%;
background-color: #ff5722;
}
.principal-name{
font-size: 19px;
padding: 9px 0px 0px;
font-weight: 700;
color: #064b6f;
}
.go-to-top{
position: fixed;
bottom: 30px;
right: 30px;
background: #07889b;
transform: translateX(80px);
transition: 0.2s;
}
.go-to-top a{
color: #fff;
padding: 6px 13px 10px;
display: block;
}
.personal-profile{
display: grid;
grid-template-columns: 262px auto;
grid-column-gap: 13px;
}
.personal-profile-image{
padding: 2px;
overflow: hidden;
height: 267px;
}
.personal-profile-image img{
width: 100%;
height: 100%;
}
.personal-profile table tr td{
word-break: break-all;
}
@media screen and (max-width: 500px) {
.personal-profile{
display: grid;
grid-template-columns: 100%;
}
.personal-profile-image{
height: auto;
}
.personal-profile-image img{
width: 50%;
height: 100%;
}
}
.facilities{
padding: 11px 0px 15px 0px;
background: #e9f9fb;
margin: 15px 0px 20px;
}
.facilities-box{
background: #fff;
box-shadow: 0px 0px 15px 0px #cbcbcb;
padding: 20px 25px;
border-radius: 13px;
margin-top: 10px;
margin-bottom: 15px;
position: relative;
overflow: hidden;
transition: 0.2s ease-out;
height: 91%;
}
.facilities-box::before{
content: "";
font-family: fontAwesome;
position: absolute;
bottom: 51px;
right: 6px;
font-size: 141px;
opacity: 0.1;
transform: rotate(-23deg);
}
.facilities-box>p>i{
background: #83c9d3;
padding: 14px;
border-radius: 50%;
color: #136f7c;
font-size: 22px;
height: 50px;
width: 50px;
text-align: center;
}
.facilities-box>h1{
font-size: 20px;
font-weight: 700;
margin: 7px 0px;
color: #042a3e;
}
.facilities-box>p>a{
color: #064b6f;
font-weight: 700;
margin-top: 5px;
display: inline-block;
}
.box-2>p>i{
background: #ffc8c4 !important;
color: #c34238 !important;
}
.box-3>p>i{
background: #f6d0ff !important;
color: #9755a7 !important;
}
.box-4>p>i{
background: #e5efac !important;
color: #535e10 !important;
}
.box-5>p>i{
background: #ffe6c0 !important;
color: #8f6424 !important;
}
.box-6>p>i{
background: #c3fbe4 !important;
color: #348563 !important
}
.facilities-box:hover{
background: #07889b;
}
.facilities-box:hover h1, .facilities-box:hover p, .facilities-box:hover p>a{
color: #fff;
}
.vision-mission-box{
background-image: url(../images/Vision-Mission.webp);
padding: 12px 20px;
background-size: cover;
position: relative;
}
.vision-mission-box::before{
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: #002e46cf;
}
.vision-mission-box>.title>h1, .vision-mission-box>p, .vision-mission-box>ul>li{
color: #fff;
position: relative;
}
.footer-top{
padding-bottom: 12px;
}
.footer-top ul{
display: grid;
grid-template-columns: 25% 25% 25% 25%;
text-align: center;
}
.footer-top ul li a img{
width: 100%;
}
.video-bg{
background-image: url(../images/video-bg.webp);
background-position: center;
background-size: 80%;
padding: 12px 20px;
margin: 12px 0px;
position: relative;
animation: size 10s infinite alternate;
}
@keyframes size {
from{
background-size: 80%;
}
to{
background-size: 300%;
}
}
.video-bg::before{
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #001f2c80;
left: 0px;
top: 0px;
transition: 0.5s;
}
.video-bg a{
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}
.video-bg a img{
width: 75px;
}
.video-bg:hover:before{
background: #001f2cd4;
}
@media screen and (max-width: 768px) {
.video-bg{
height: 263px;
}
}
.dm-footer-link{
text-align: center;
border-top: 1px solid #0a5c87;
padding-top: 15px;
}
.dm-footer-link li{
display: inline-flex;
}
.dm-footer-link li a{
color: #fff;
text-decoration: none;
padding: 5px 10px;
border-right: 1px solid #1083bf;
}
.inner-banner-1{
height:400px;
}
.dm-quicklink{
padding: 15px 0px 15px 0px;
background: #dbeff9
}
.dm-quicklink-single{
text-align: center;
background: #fff;
border-radius: 8px;
box-shadow: 2px 2px 5px 1px #91bcd3;
padding: 15px;
display: flex;
transition: 0.2s;
margin: 8px 0px;
}
.dm-quicklink-single img{
width: 46px;
}
.dm-quicklink-single h4{
font-weight: 700;
color: #07889b;
font-size: 23px;
padding-left: 12px;
align-self: center;
}
.dm-quicklink a:hover{
text-decoration: none;
}
.dm-quicklink-single:hover{
box-shadow: inset 0px 0px 5px 2px #91bcd3;
}
.slider, .slider .imgs {
width: 100%;
height: 100%;
max-height: 300px;
position: relative;
}
.slider {
height: 75%;
max-height: 174px;
margin-top: 10px;
box-shadow: 1px 1px 7px 1px #b1b1b1;
background: #fff;
padding: 5px;
}
.slider .imgs {
display: flex;
overflow: hidden;
}
.slider .img {
min-width: 100%;
height: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
position: absolute;
left: 100%;
/* animation duration can't be greater than variable interval in JS! */
/* check JS for other settings */
animation: .6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s left;
animation-fill-mode: forwards;
background-size: cover !important;
background-position: 50% !important;
}
/* Change images here */
.slider .img:nth-of-type(1) { background: url("../images/Director's_visit_scroll1.jpg"); }
.slider .img:nth-of-type(2) { background: url("../images/Director's_visit_scroll2.jpg"); }
.slider .img:nth-of-type(3) { background: url("../images/Director's_visit_scroll3.jpg"); }
.slider .img:nth-of-type(4) { background: url("../images/Director's_visit_scroll4.jpg"); }
.slider .img:nth-of-type(5) { background: url("../images/Director's_visit_scroll5.jpg"); }
.slider .img:nth-of-type(6) { background: url("../images/Director's_visit_scroll6.jpg"); }
.slider .img:nth-of-type(7) { background: url("../images/Director's_visit_scroll7.jpg"); }
.slider .img:nth-of-type(8) { background: url("../images/Director's_visit_scroll8.jpg"); }
.slider .img:nth-of-type(9) { background: url("../images/Director's_visit_scroll9.jpg"); }
.slider .img:nth-of-type(10) { background: url("../images/Director's_visit_scroll10.jpg"); }
.slider .img:nth-of-type(11) { background: url("../images/Director's_visit_scroll11.jpg"); }
.slider .img:nth-of-type(12) { background: url("../images/Director's_visit_scroll12.jpg"); }
.slider .img:nth-of-type(13) { background: url("../images/Director's_visit_scroll13.jpg"); }
.slider .img:nth-of-type(14) { background: url("../images/Director's_visit_scroll14.jpg"); }
.slider .img:nth-of-type(15) { background: url("../images/Director's_visit_scroll15.jpg"); }
.slider .img:nth-of-type(16) { background: url("../images/Director's_visit_scroll16.jpg"); }
.slider .img:nth-of-type(17) { background: url("../images/Director's_visit_scroll17.jpg"); }
.slider .img span {
padding: 7px 20px;
background: rgba(0, 0, 0, .8);
border-top-left-radius: 7px;
border-top-right-radius: 7px;
color: #f0f0f0;
font-size: 14px;
font-family: sans-serif;
}
.dots {
position: absolute;
bottom: -18px;
left: 0;
display: flex;
justify-content: center;
width: 100%;
}
.dot {
width: 8px;
height: 8px;
background: #07889b;
border-radius: 50%;
margin: 0 3px;
cursor: pointer;
}
.active-dot {
background: #3f3f3f;
cursor: default;
}
@keyframes leftNext {
from { left: 100%; }
to { left: 0; }
}
@keyframes leftCurr {
from { left: 0; }
to { left: -100%; }
}
@keyframes rightNext {
from { left: -100%; }
to { left: 0; }
}
@keyframes rightCurr {
from { left: 0; }
to { left: 100%; }
}
.hostel_box{
box-shadow: 0px 0px 11px 0px #ccc;
margin: 15px 0px;
padding: 10px;
background: #eafcff;
}
.hostel_box img{
width: 100%;
margin-top: 6px;
/* border: 1px solid #07889b; */
}
.hostel_box .heading_5{
font-weight: 700;
font-size: 19px;
text-transform: uppercase;
border-bottom: 1px solid #064b6f;
padding-bottom: 3px;
}
.hostel_box{}
.hostel_box{}
.hostel_box{}
Zerion Mini Shell 1.0