html {
scroll-padding-top: var(--scroll-padding);
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin-bottom: 0px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: unset;
margin: 0;
padding: 0;
}
a:hover {
color: unset;
}
:root {
--red: #e92e28;
--white: #fff;
--black: #000000;
--light-black: #57585a;
--yellow: #ffd800;
--blue: #1e4585;
--green: #2e7c3c;
}
/* -------------------------style_1 css---------------------------------- */
.nav_inn_head_logo {
padding: 10px 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.head_inn_link {
display: flex;
justify-content: center;
align-items: center;
}
.navbar-call {
display: flex;
align-items: center;
margin: 0 20px;
}
.navbar-call i {
font-size: 18px;
padding: 10px 12px;
width: 40px;
height: 40px;
background-color: #2b7b3a;
color: #fff;
border-radius: 50%;
margin: auto;
}
.navbar-call .phone-nums {
display: flex;
flex-direction: column;
}
.navbar-call a {
/* font-size: 18px; */
font-size: 15px;
color: #000;
margin-left: 10px;
font-weight: 600;
line-height: 20px;
}
.admission a {
font-weight: bold;
background-color: var(--addmision);
border-radius: 25px;
padding: 10px 20px;
font-size: 18px;
transition: all .5s;
border: 2px solid transparent;
color: #fff;
}
.admission a:hover {
color: var(--white);
}
.navbar {
background-color: whitesmoke;
padding: 0;
transition: 0.5s all;
}
.navbar-nav {
justify-content: end;
display: flex;
align-items: center !important;
width: 100%;
}
.nav-item {
position: relative;
padding: 0;
}
.nav-link {
display: block;
text-decoration: none;
color: #444;
padding: 14px 20px;
/* font-weight: 700; */
transition: 0.4s all;
position: relative;
font-size: 15px;
}
.navbar .nav-link::before {
content: "";
position: absolute;
/* z-index: -1; */
left: 0;
right: 100%;
background: var(--circle-color);
height: 10px;
bottom: -16px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
z-index: 3;
}
.nav-link:hover:before,
.nav-link:focus:before,
.nav-link:active:before {
right: 0;
}
.navbar .navbar-brand {
color: var(--addmision);
font-weight: bold;
font-size: 24px;
/* display: none; */
z-index: 0;
}
.dropdown_list {
visibility: hidden;
opacity: 0;
position: absolute;
padding: 20px 0;
top: 123%;
transform: translateY(50px);
left: -50px;
width: 270px;
background-color: #1e4585;
box-shadow: 0px 10px 10px 3px rgba(0, 0, 0, 0.178);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
transition: 0.4s all;
text-align: left;
z-index: 2;
}
.nav-item:hover .dropdown_list {
visibility: visible;
opacity: 1;
transform: translateY(0px);
/* margin-top:10px; */
}
.dropdown_list li {
/* display: flex;
align-items: center;
justify-content: center;
flex-direction: column; */
/* padding: 10px 10px; */
width: 100%;
}
.dropdown_list a {
padding: 10px 10px;
font-weight: 400;
color: #fff;
transition: 0.5s all;
width: 100%;
display: inline-block;
}
.dropdown_list a:hover {
background-color: #fac62b;
color: #000;
padding: 10px 20px;
}
/* -------------------style------------------------- */
.navbar-expand-lg .navbar-nav .nav-link {
color: var(--black);
text-transform: uppercase;
}
.navbar .admission .nav-link {
color: var(--white);
padding: 8px 25px;
}
.navbar .admission a {
font-weight: bold;
background-color: var(--addmision);
border-radius: 25px;
font-size: 18px;
color: var(--white);
transition: 0.5s all;
border: 2px solid transparent;
}
.navbar .admission a:hover {
background-color: var(--white);
border: 2px solid var(--addmision);
color: var(--addmision);
}
.navbar-expand-lg .navbar-nav {
align-items: center;
gap: 10px;
font-weight: 500;
}
.navbar .nav-link::before {
background: var(--addmision) !important;
}
.dropdown_list {
left: 0 !important;
}
.dropdown_list li:not(:last-child) {
border-bottom: 1px solid #f5f5f599;
}
.navbar .nav-link.oc::after {
content: "";
position: absolute;
left: 0;
right: 100%;
background: var(--button);
height: 10px;
bottom: -5px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
z-index: 2;
width: 100%;
}
.navbar .nav-link.da::after {
background: var(--header-color);
}
/* .navbar .navbar-brand {
font-size: 27px !important;
} */
.navbar .home i {
color: var(--addmision);
font-size: 20px;
}
.navbar .navbar-brand img {
width: 300px;
}
/* .navbar .container {
align-items: end;
} */
.head_inn_img_head img {
width: 300px;
}
.digital-facilities .right-fa-img .img-flex .icon-image::before,
.digital-facilities .right-fa-img .facilities-img::after {
background-color: var(--addmision) !important;
}
.digital-facilities .right-fa-img .img-flex .icon-image img {
filter: invert(1);
}
.blue-section {
background-color: var(--header-color) !important;
}
.navbar2 {
height: 120px;
padding: 0;
background-color: var(--white) !important;
z-index: 10;
width: 100%;
transition: all 0.5s ease;
}
.navbar1 {
position: absolute;
background-image: linear-gradient(-135deg, var(--blue) 64.5%, var(--white) 63%);
padding: 8px 0;
top: 0;
right: 0;
width: 100%;
z-index: 0;
}
.navbar1 .container {
display: flex;
justify-content: end;
gap: 20px;
align-items: end;
}
.m-nav.container {
align-items: end;
}
.navbar1 .header_contact ul {
list-style: none;
display: flex;
padding: 0;
margin: 0;
}
.navbar1 .header_contact ul li:not(:last-child) {
margin-right: 25px;
}
.navbar1 .header_contact ul li:not(:last-child) a {
border-right: 1px solid var(--white);
padding-right: 25px;
}
.navbar1 .header_contact ul a {
color: var(--white);
font-size: 16px;
/* font-weight: 200; */
text-decoration: none;
}
.navbar1 .header_contact ul i {
margin-right: 7px;
}
.navbar1 .header_contact ul .fa-phone-volume {
transform: rotate(-45deg);
}
.navbar1 .header_icons ul {
list-style: none;
display: flex;
padding: 0;
margin: 0 0 0 10px;
}
/* .navbar2 ul a {
font-size: 18px;
} */
.navbar1 .header_icons ul .fab {
color: var(--white);
font-size: 18px;
}
.navbar1 .header_icons ul li:not(:first-child) {
margin-left: 15px;
}
.dropdown_list1,
.dropdown_list {
visibility: hidden;
opacity: 0;
position: absolute;
padding: 20px 0;
top: 123%;
transform: translateY(50px);
left: -50px;
width: 270px;
background-color: var(--blue);
box-shadow: 0px 10px 10px 3px rgba(0, 0, 0, 0.178);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
transition: 0.4s all;
text-align: left;
z-index: 2;
}
.dropdown_list1{
left:271px !important;
top:10px;
padding:0;
}
.nav-item:hover .dropdown_list {
visibility: visible;
opacity: 1;
transform: translateY(0px);
/* margin-top:10px; */
}
.navop{
position: relative;
}
.navop:hover .dropdown_list1{
transform: translateY(-11px);
visibility: visible;
opacity: 1;
}
.dropdown_list1 li,
.dropdown_list li {
/* display: flex;
align-items: center;
justify-content: center;
flex-direction: column; */
/* padding: 10px 10px; */
width: 100%;
}
.dropdown_list1 a,
.dropdown_list a {
padding: 10px 10px;
font-weight: 400;
color: #fff;
transition: 0.5s all;
width: 100%;
display: inline-block;
}
.dropdown_list1 a:hover,
.dropdown_list a:hover {
background-color: #fac62b;
color: #000;
padding: 10px 20px;
}