html,
body {
overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
/* akhil
padding-top: 109px;*/
/* font-family: 'Kanit', sans-serif; */
/* font-family: 'Inter', sans-serif; */
font-family: 'Poppins', sans-serif;
}
/* ******* navbar dropdown on click ******* */
.dropdown-menu.show {
display: block;
}
:root{
--text-color: #e6434e;
--black: #0000;
--white: #ffff;
--blue: #102a83;
--yellow: #faa74a;
}
h1, h2, h3, h4, h5, h6, p, ul, li{
padding: 0;
margin: 0;
}
ul{
list-style-type: none;
}
a{
text-decoration: none;
}
/* ******* navbar dropdown on click ******* */
/* ******* navbar dropdown on hover ******* */
.dropdown:hover .dropdown-menu {
display: block;
}
/* ******* navbar dropdown on hover ******* */
.navbar {
background-color: var(--white);
/* padding: 20px 0; */
}
#navbar-scroll {
background-color: var(--white);
position: fixed;
top: -106px;
width: 100%;
display: block;
transition: top 0.3s;
z-index: 3;
}
.navbar-brand img{
width: 300px;
/* margin-left: 140px; */
}
.navbar .navbar-nav .nav-link {
color: white;
font-size: 16px;
display: flex;
align-items: center;
}
.navbar .navbar-nav .nav-link {
font-size: 20px;
}
.admission .nav-link{
color: white !important;
}
.white-color{
color: var(--white);
}
.navbar .admission {
background-color: var(--text-color);
border: 2px solid var(--text-color);
font-weight: bold;
/* border-radius: 25px; */
padding: 8px 20px;
font-size: 18px;
transition: all .5s;
margin-left: 20px;
}
.navbar-man #manda{
display:none;
}
.navbar #manda{
background-color: var(--yellow);
border: 2px solid var(--yellow);
font-weight: bold;
color:var(--white);
/* border-radius: 25px; */
padding: 8px 20px;
font-size: 18px;
transition: all .5s;
margin-left: 20px;
}
.navbar #manda:hover{
background-color: var(--white);
color:var(--yellow);
border: 2px solid var(--yellow);
}
.navbar .admission:hover {
background-color: var(--white);
border: 2px solid var(--text-color);
}
.navbar .admission:hover .nav-link {
color: var(--text-color) !important;
}
.navbar-expand-lg .navbar-nav {
align-items: center;
gap: 4px;
}
.navbar-right-part {
display: flex;
align-items: center;
gap: 10px;
}
/*
------------------------ */
.navbar-light .navbar-toggler {
border: none;
}
.navbar .line {
display: block;
width: 35px;
height: 3px;
background-color: black;
margin-block: 7px;
border-radius: 4px;
transition: transform 0.5s, opacity 0.25s;
margin-left: auto;
}
.navbar-nav .line {
width: 100%;
height: 1px;
background: #5c5757;
}
.line:nth-child(1) {
width: 25px;
}
.line:nth-child(3) {
width: 20px;
}
.offcanvas-end.show{
/* width: 450px; */
background: #0b0a0b;
visibility: visible;
}
.offcanvas-backdrop.show {
opacity: 0;
}
.offcanvas.offcanvas-end {
visibility: visible;
background: #4c4c4c;
width: 100%;
}
.offcanvas-end {
width: 100%;
background: var(--text-color);
}
.navbar-toggler {
border: none;
}
.navbar-toggler:focus {
box-shadow: none;
}
.navbar .container-fluid {
padding: 0 100px;
}
.offcanvas-body .header-add{
box-shadow: 10px 0 5px -5px black inset;
}
.offcanvas-body .header-add{
box-shadow: 10px 0 5px -5px rgb(52 51 51) inset;
padding-left: 80px;
}
.offcanvas-body .row{
height: 100%;
}
.offcanvas-header {
text-align: end;
display: block;
}
.head-link{
color: white;
margin-top: 250px;
padding: 0;
}
.offcanvas-title {
margin-bottom: 50px;
/* text-align: end; */
background-color: #faa74a;
padding: 20px;
/* border-radius: 0 60px 60px 0; */
}
.justify-content-end {
align-items: end;
width: fit-content;
/* margin-top: 50px; */
}
.navbar-nav .nav-link i, .navbar-nav .nav-link:hover i {
border: 1px solid white;
border-radius: 50%;
/* padding: 3px; */
margin-left: 10px;
background-color: white;
color: black;
height: 25px;
width: 25px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
.navbar-nav .nav-link, .navbar-nav .nav-link:hover {
color: #eee;
/* padding-left: 120px; */
}
.navbar-light .navbar-nav .nav-link {
border-bottom: 2px solid transparent;
}
.offcanvas-body .admission {
margin-left: 0;
margin-bottom: 20px;
width: 207px;
padding: 5px 14px;
}
.offcanvas-body .col-lg-4 ul li{
display: flex;
align-items: center;
gap: 10px;
color: white;
}
.offcanvas-body ul{
display: flex;
gap: 10px;
}
.offcanvas-body {
padding-top: 0;
padding-bottom: 0;
height: fit-content;
}
.offcanvas-body .line {
display: block;
width: 100%;
height: 1px;
opacity: .5;
background-color: white;
margin: 25px 0px;
display: none;
}
.offcanvas-body .address b{
font-size: 23px;
color: white;
}
.offcanvas-body .address ul li i{
font-size: 21px;
}
.offcanvas-body .address .location {
margin: 10px 0;
align-items: flex-start;
}
.offcanvas-body .social-icons ul{
gap: 0px;
margin-top: 10px;
margin-left: -15px;
}
.offcanvas-body .header-add .admission:nth-child(2) {
margin-top: 195px;
}
.offcanvas-body .admission:hover {
background-color: transparent;
border: 2px solid var(--yellow);
}
.offcanvas-body .admission:hover .nav-link {
color: var(--yellow) !important;
}
.cbse {
display: flex;
align-items: center;
margin-right: 30px;
}
.cbse-info {
margin-left: 10px;
}
.cbse img{
width: 60px;
margin-left: 10px;
}
.powered {
gap:20px;
display: flex;
align-items: center;
position: relative;
}
.lead p {
margin-bottom: 0;
font-size: 10px;
}
.powered::after {
content: '';
position: absolute;
width: 1px;
height: 40px;
background-color: black;
right: 245px;
}
.powered .cbse:first-child .cbse-info {
text-align: end;
}
.powered .cbse:last-child{
margin-right: 0;
}
.btn-close {
opacity: 1;
filter: invert(1);
}
.navbar-nav .address ul li{
display: flex;
align-items: center;
gap: 10px;
}
.navbar-nav .address ul{
display: flex;
align-items: center;
gap: 10px;
}
.navbar-nav .address ul li i{
color: white;
}
.social-icons ul{
display: flex;
filter: invert(1);
}
.bodymovinanim {
width: 90%;
max-width: 50px;
margin-bottom: 30px;
}
.bodymovinanim {
cursor: pointer;
height: 50px;
opacity: .8;
}
.social-icons{
display: flex;
align-items: center;
}
.social-icons ul svg{
width: 35px !important;
}
.offcanvas-body .col-lg-8 ul {
width: 50%;
flex-direction: row;
flex-wrap: wrap;
margin-left: 150px;
/* text-align: end; */
}
.offcanvas-body .col-lg-8 ul li {
flex: 1 0 49%;
}
.offcanvas-body .col-lg-8 ul li i{
margin-right: 10px;
}
.offcanvas-body .admission-open{
margin-top: 190px;
margin-bottom: 20px;
}
.offcanvas-body .admission-open h4{
font-size: 27px;
color: white;
font-weight: bold;
}
.offcanvas-body .col-lg-4 .address {
margin-top: 200px;
}
.offcanvas-body .admission-open h4:nth-child(1){
font-size: 32px;
}
.offcanvas-body .navbar-brand img {
width: 400px;
margin-left: 126px;
}
.offcanvas-body .admission.admission2{
background-color: var(--yellow);
border: 2px solid var(--yellow);
}
.offcanvas-body .admission.admission2:hover{
background-color: transparent;
border: 2px solid var(--white);
}
.offcanvas-body .admission.admission2:hover .nav-link {
color: var(--white) !important;
}