*, *::before, *::after  {box-sizing: inherit;}

:root {
  --montserrat: "Montserrat", sans-serif;
  --Azo-sans: "azo-sans-web", sans-serif;
  --poppings: 'Poppins', sans-serif;;
}
  
html {
box-sizing: border-box;}

html, body , li , ul, p{
margin: 0px;
padding: 0px;
}
img {
width: 100%;
}
a {
text-decoration: none;
color: white;
}

header {
align-content: center;
}
/* /////////////HEADER CODE START////////////////// */

.site-logos a img {
width: 130px;

}

.site-header {
background-color: black;
}

.header-content-width-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1620px;
margin: 0 auto;
padding: 8px 0px 8px 0px;
}

.site-logos {
display: flex;
align-items: center;
gap: 20px;
max-width: 700px;
}

.site-logos img {
width:  20%;
}

.cybersymposiums-logo {
font-family:  var(--Azo-sans);
font-weight: bold;
font-size: clamp(1rem, 1vw + 1rem, 2.5rem);
border-right: 1px solid white;
border-left: 1px solid white;
padding: 0px 20px 0px 20px;
}

.header-right-menu {
display: flex;
list-style: none;
align-items: center;
gap: 20px;
}



.menu-links {
color: white;
font-family:  var(--montserrat);
font-size: 13px;
font-weight: bold;
letter-spacing: 1.3px;
}

.login-icon {
color: white !important;
}

.header-right-menu li:nth-child(2){
border-right:  solid 1px white;
border-left:  solid 1px white;
padding: 0px 30px 0px 20px;
}
.header-right-menu li:nth-child(3){
border-right:  solid 1px white;
padding: 0px 30px 0px 0px;
}

/* .header-right-menu li:nth-child(3){
border-right:  solid 1px white;
padding: 0px 30px 0px 0px;
} */

.menu-links a:hover {
color: #F54F04;
}



.header-right-menu img{
padding-right: 5px;
width:30px;
align-content: center;
gap: 10px;
}
.header-right-menu li:nth-child(3) {
align-items: center;
display: flex;
}

.cybersymposiums-logo {
color: white;
}

/* /////////////HEADER CODE END////////////////// */


/* register seciont start */


footer {
background-color: black;
padding: 20px 0px 20px 0px;
}

.footer-logos {
justify-content: center;
margin: 0 auto;
}

.register-bellow {
    font: normal normal bold 23px/26px Poppins;
    padding-top: 10px;
}

.main-container {
max-width: 1540px;
margin: 0 auto;
margin-bottom: 50PX;
}