* {



     margin: 0;



     padding: 0;



     box-sizing: border-box;



 }





 :root {

     --whitecolor: #fff;

     --gray-color: #adadad;

     --bg-color:linear-gradient(376deg, #006A67 , #109590);

     --text-color:#109590;

     --transparent-color:#094d4ac4;
     --heading-color:#077774;

 }









 .somnath-topnav-main {



     width: 100%;



     height: 40px;



     background: var(--bg-color);



     display: flex;



     justify-content: space-between;



     align-items: center;



     padding: 0px 30px 0px 0px;



     flex-wrap: wrap;



     z-index: 8;





 }







 .topnav-left-address {



     /* width: auto; */



     height: 100%;



     display: flex;



     align-items: center;



     gap: 10px;

     background: var(--bg-color);
     clip-path: polygon(0 0, 89% 0, 100% 100%, 0% 100%);



     padding-left: 30px;

     padding-right: 40px;



 }







 .topnav-left-address .icon {



     color: var(--white-color);



     font-size: 17px;



 }







 .topnav-left-address .address-link {



     font-size: 15px;



     color: var(--white-color);



     text-decoration: none;



     /* border-bottom: 1px dashed var(--gray-color); */



     transition: 0.3s ease;



 }







 .topnav-right {



     display: flex;



     align-items: center;



     gap: 10px;



 }







 .topnav-right a {



     color: var(--white-color);



     text-decoration: none;



     transition: 0.3s;



     font-size: 15px;



 }









 .topnav-right .topnav-right-dot {



     color: var(--white-color);



 }

  * {



     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 {


    display: none;
     position: absolute;



     content: '';



     width: 20px;



     height: 70%;



     background:var(--bg-color);



     right: 0px;



     top: 10px;



     transform: skewX(15deg);



 }



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

    display: none;

     position: absolute;



     content: '';



     width: 20px;



     height: 70%;



     background:var(--bg-color);



     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: var(--bg-color);



     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;



     color: var(--text-color);



 }







 .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:var(--bg-color);



     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: 460px;



     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 var(--low-color-text);



     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;

     border-radius: 4px;

 }



 .humberger-menu-list:hover .dropdown-menu-humberger {

     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:hover {



     letter-spacing: 1.6px;



 }







 .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: relative; */



     /* z-index: 3; */



 }







 .somnath_navbar_mein .navbar-btn {



     max-width: 1100px;



     height: 55px;



     background: var(--bg-color);

     /* position: absolute; */



     border-radius: 5px;



     /* top: -20px; */



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



     display: flex;



     align-items: center;



     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;



 }







 .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: 220px;



     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(0px);



     /* 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;



 }

.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, #006A67, #109590);



     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(--text-color);

     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;

 }