* {

     margin: 0;

     padding: 0;

     box-sizing: border-box;

 }

 :root {
     --white-color: #fff;
     --black-color: #000;
     --dark-text-blue-color: #00215C;
 }

 a {
     text-decoration: none !important;
 }


 .somnath-logo-main {

     width: 100%;

     height: 90px;

     background-color: var(--white-color);

     display: flex;

     align-items: center;

     justify-content: space-between;

 }



 .somnath-logo-main .logo-box-navbar {

     width: 15%;

     height: 90px;

     position: relative;

     display: flex;

     align-items: center;

     justify-content: center;

 }



 .somnath-logo-main .logo-box-navbar::before {

     position: absolute;

     content: '';

     width: 20px;

     height: 70%;

     background: linear-gradient(376deg, #033053, #1679c5);
     ;

     right: 0px;

     top: 10px;

     transform: skewX(15deg);

 }

 .somnath-logo-main .logo-box-navbar::after {

     position: absolute;

     content: '';

     width: 20px;

     height: 70%;

     background: linear-gradient(376deg, #033053, #1679c5);
     ;

     right: -30px;

     top: 10px;

     transform: skewX(15deg);

 }



 .somnath-logo-main .logo-box-navbar .logo-navbar {

     width: auto;

     height: auto;

     display: flex;

     align-items: center;

     justify-content: center;

     /* margin-left: 30px; */

 }



 .somnath-logo-main .logo-box-navbar .logo-navbar img {

     width: auto;

     height: 80px;

     z-index: 6;

 }







 .somnath-logo-main .email-contact-navbar {

     width: auto;

     height: auto;

     display: flex;

     justify-content: space-between;

     align-items: center;

     flex-wrap: wrap;

     gap: 20px;

 }



 .somnath-logo-main .email-contact-navbar .contact-item-navbar {

     display: flex;

     align-items: center;

     gap: 15px;

 }





 .somnath-logo-main .email-contact-navbar .contact-item-navbar .icon-conatct-navbar {

     background: linear-gradient(376deg, #033053, #1679c5);

     color: var(--white-color);

     font-size: 16px;

     width: 40px;

     height: 40px;

     border-radius: 50%;

     display: flex;

     justify-content: center;

     align-items: center;

 }



 .somnath-logo-main .email-contact-navbar .contact-item-navbar .text-conatct-navbar .text-contact-heading-navbar {

     font-size: 13px;

     opacity: 0.9;
     font-weight: 600;

     color: var(--primary-blue);

 }



 .somnath-logo-main .email-contact-navbar .contact-item-navbar .text-conatct-navbar {

     width: auto;

     height: auto;

     flex-direction: column;

     display: flex;

     justify-content: center;

     padding: 0;

 }



 .somnath-logo-main .email-contact-navbar .contact-item-navbar .text-conatct-navbar .text-contact-value-navbar {

     font-size: 16px;

     font-weight: 600;

     color: var(--black-color);

     padding: 0;

 }



 .somnath-logo-main .email-contact-navbar .contact-item-navbar .text-conatct-navbar .text-contact-value-navbar a {

     text-decoration: none;

     color: var(--dark-text-blue-color);

 }



 .somnath-logo-main .email-contact-navbar .divider-contact-navbar {

     width: 1px;

     height: 40px;

     background: var(--black-color);
     opacity: 0.2;

 }



 .somnath-logo-main .links-navbar {

     width: auto;

     height: auto;

     display: flex;

     align-items: center;

     gap: 20px;

     margin-right: 30px;

 }



 .somnath-logo-main .links-navbar .icons-link-navbar {

     width: 35px;

     height: 35px;

     background: linear-gradient(376deg, #033053, #1679c5);
     ;

     color: var(--white-color);

     border-radius: 5px;

     display: flex;

     align-items: center;

     justify-content: center;

     font-size: 15px;

 }



 .somnath-logo-main .links-navbar .icons-link-navbar a {

     text-decoration: none !important;

     color: rgba(64, 207, 233, 0.808);


 }



 /* humberger nav */

 .nav-humberger {

     width: auto;

     height: auto;

     display: flex;

     align-items: center;

     justify-content: center;

     color: var(--red-color);

     font-size: 30px;

     /* margin-right: 50px;  */

     position: relative;

     display: none;

     z-index: 999 !important;

 }



 #icon {

     transition: transform 0.3s ease, opacity 0.3s ease;

 }



 #icon.rotate {

     transform: rotate(180deg);

     opacity: 0.5;

 }



 .humberger-menu-box {

     max-height: 0;

     opacity: 0;
     /* display: none; */

     transition: max-height 0.5s ease, opacity 0.5s ease;

     z-index: 999 !important;

 }



 .humberger-menu-box.active-nav {

     max-height: 500px;

     opacity: 1;

 }



 .humberger-menu-box .humberger-menus-ul {

     position: absolute;

     width: 100%;

     height: auto;

     display: flex;

     list-style: none;

     flex-direction: column;

     right: 0px;

     background-color: #0F5C7D;

     top: 130px;

     margin: 0 !important;

     padding: 0 !important;
     z-index: 999;

 }



 .humberger-menu-box .humberger-menus-ul .humberger-menu-list {

     font-size: 17px;

     padding: 10px 10px;

     border-bottom: 1px solid #ffffff1b;

     transition: 0.4s all ease;
     text-align: left;
     color: var(--white-color);
     padding-left: 20px;

 }

 .dropdown-menu-humberger {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.4s ease, opacity 0.3s ease;
}

.dropdown-menu-humberger.active {
    max-height: 300px;
    opacity: 1;
}

 .dropdown-menu-list {
     padding: 10px 15px;
 }

 .dropdown-menu-list a {
     text-decoration: none;
     color: #333;
     font-size: 16px;
 }

 .humberger-menu-box .humberger-menus-ul .humberger-menu-list a {

     text-decoration: none;

     color: var(--white-color);

 }












 /* navbar */

 .somnath_navbar_mein {

     width: 100%;

     height: auto;

     display: flex;

     align-items: center;

     justify-content: center;

     position: sticky;
     top: 5px;

     z-index: 99999;

 }



 .somnath_navbar_mein .navbar-btn {

     max-width: 1200px;

     height: 55px;

     background: linear-gradient(376deg, #033053, #1679c5);
     /* position: absolute; */

     border-radius: 5px;

     /* top: -20px; */

     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

     display: flex;

     align-items: center;
     padding: 34px 0;

     justify-content: space-between;

 }



 .somnath_navbar_mein .navbar-btn .nav-menu {

     width: auto;

     height: auto;
     z-index: 2;

 }



 .somnath_navbar_mein .navbar-btn .nav-menu .nav-ul {

     width: auto;

     height: auto;

     display: flex;

     align-items: center;

     justify-content: space-evenly;

     gap: 30px;

     margin: 0;

     list-style: none;

     margin-left: 20px;

     flex-wrap: wrap;

 }



 .somnath_navbar_mein .navbar-btn .nav-menu .nav-ul li {

     color: var(--white-color);

     font-size: 15px;

     padding: 15px 0px;

     position: relative;

     transition: 0.5s all ease;
     text-transform: uppercase;
     cursor: pointer;


 }



 .somnath_navbar_mein .navbar-btn .nav-menu .nav-ul li a {

     text-decoration: none;

     color: var(--white-color);

 }



 .somnath_navbar_mein .navbar-btn .nav-menu .nav-ul li::before {

     position: absolute;

     content: '';

     width: 0;

     height: 2.5px;

     background-color: var(--white-color);

     bottom: 7px;

     left: 0;

     border-radius: 10px;

     transition: 0.3s all ease;

 }



 .somnath_navbar_mein .navbar-btn .nav-menu .nav-ul li:hover::before {

     width: 100%;

     transition: 0.6s all ease;

 }




 .somnath_navbar_mein .navbar-btn .nav-menu .nav-ul li i {

     font-size: 12px;

     color: rgb(255, 255, 255);

     transition: 0.3s all ease;
     opacity: 0.7;

 }



 .somnath_navbar_mein .navbar-btn .nav-menu .nav-ul li:hover i {

     transform: rotate(90deg);

     transition: 0.4s all ease;

 }





 .somnath_navbar_mein .navbar-btn .nav-menu .nav-ul li .dropdown-navbar {

     width: 255px;

     background: var(--white-color);

     position: absolute;

     top: 52px;

     left: -30px;

     display: block;

     max-height: 0;

     opacity: 0;

     transform: translateY(40px);

     overflow: hidden;

     margin: 0 !important;

     padding: 0 !important;

     transition: max-height 0.7s ease-in-out, opacity 0.5s ease-in-out, transform 0.6s ease-in-out;

     box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;

 }



 .somnath_navbar_mein .navbar-btn .nav-menu .nav-ul li:hover .dropdown-navbar {

     max-height: 500px;

     opacity: 1;

     transform: translateY(8px);

     /* transition: 0.4s all ease-in-out; */



 }

 .somnath_navbar_mein .navbar-btn .nav-menu .nav-ul li:hover .dropdown-navbar a {
     text-decoration: none;
     color: var(--white-color);
 }

 .somnath_navbar_mein .navbar-btn .nav-menu .nav-ul li:hover .dropdown-navbar .dropdown-menu-link {

     width: 100%;

     height: auto;

     padding: 10px 20px;

     border-bottom: 1px solid var(--low-color-text);

     transition: 0.4s all ease;

     color: var(--black-color);

     list-style: none;
     text-transform: uppercase;

 }

 .somnath_navbar_mein .navbar-btn .nav-menu .nav-ul li:hover .dropdown-navbar .dropdown-menu-link i {
     opacity: 0;
 }


 .somnath_navbar_mein .navbar-btn .nav-menu .nav-ul li:hover .dropdown-navbar .dropdown-menu-link:hover {

     letter-spacing: 1.5px;

     transition: 0.5s all ease;

     background: linear-gradient(376deg, #033053, #1679c5);

     color: var(--white-color);

 }

 .somnath_navbar_mein .navbar-btn .nav-menu .nav-ul li:hover .dropdown-navbar .dropdown-menu-link:hover i {
     opacity: 1;
     transform: rotate(0deg);
 }


 .somnath_navbar_mein .navbar-btn .nav-menu .nav-ul li:hover .dropdown-navbar .dropdown-menu-link::before {

     display: none;

 }



 .somnath_navbar_mein .navbar-btn .admission-btn {

     width: auto;
     height: auto;


     margin-right: 20px;

 }







 .somnath_navbar_mein .navbar-btn .admission-btn .click-btn-admission {
     padding: 7px 20px;
     background-color: var(--white-color);
     border-radius: 6px;
     font-size: 15px;
     color: var(--primary-blue);
     font-weight: 500;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: 0.3s;
     outline: none;
     position: relative;
     overflow: hidden;
     z-index: 1;
     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

 }

 .somnath_navbar_mein .navbar-btn .admission-btn .click-btn-admission::after {
     content: "";
     background: linear-gradient(376deg, #033053, #1679c5);
     position: absolute;
     z-index: -1;
     left: -20%;
     right: -20%;
     top: 0;
     bottom: 0;
     transform: skewX(-45deg) scale(0, 1);
     transition: all 0.5s;

 }

 .somnath_navbar_mein .navbar-btn .admission-btn .click-btn-admission:hover {
     color: var(--white-color);
     border: 2px solid rgba(255, 255, 255, 0.056);

 }

 .somnath_navbar_mein .navbar-btn .admission-btn .click-btn-admission:hover:after {
     transform: skewX(-45deg) scale(1, 1);
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
 }




 .somnath_navbar_mein .navbar-btn .admission-btn a {

     text-decoration: none;
 }