*,
*::after,
*::before{box-sizing: border-box;padding: 0;margin: 0;}
.html{font-size: 62.5%;font-family: sans-serif;}
.navbar input[type="checkbox"],
.navbar .hamburger-lines{display: none;}
.container{max-width: 1200px;width: 90%;margin: auto;}
.navbar{box-shadow: 0px 5px 10px 0px #aaa;position: inherit;width: 100%;background: #fff;color: #000;}
.navbar-container{display: flex;justify-content: space-between;height: 120px;align-items: center;}
.menu-items{order: 2;display: flex;}
.logo{width:350px;height:100px;}
.social_icon{margin-top: -13px;}
.menu-items li{list-style: none;margin-left: 1.5rem;font-size: 22px;}
.menu-items li a{color: #000;font-family: sans-serif;font-weight: 600;text-decoration: none;}
.navbar a:hover{color: #425ba8;}
.Main_content{padding: 50px;text-align: center;}
.Main_content h1{font-size: 70px;color: #213f99;}
.Main_content h3{font-size: 40px;}
.poster{text-align: center;}
.poster img{    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
@media (max-width: 768px){
    .poster img{width: 100%;}
    .navbar{opacity: 0.95;}
    .logo{width:300px;height:80px;}
    .navbar-container input[type="checkbox"],
    .navbar-container .hamburger-lines{display: block;}

    .navbar-container{display: block;position: relative;height: 95px;}

    .navbar-container input[type="checkbox"]{position: absolute;display: block;height: 32px;width: 30px;top: 20px;left: 20px;z-index: 5;opacity: 0;cursor: pointer;}

    .navbar-container .hamburger-lines{display: block;height: 28px;width: 35px;position: absolute;top: 20px;left: 20px;z-index: 2;display: flex;flex-direction: column;justify-content: space-between;}

    .navbar-container .hamburger-lines .line{display: block;height: 4px;width: 100%;border-radius: 10px;background: #333;}
    
    .navbar-container .hamburger-lines .line1{transform-origin: 0% 0%;transition: transform 0.3s ease-in-out;}

    .navbar-container .hamburger-lines .line2{transition: transform 0.2s ease-in-out;}

    .navbar-container .hamburger-lines .line3{transform-origin: 0% 100%;transition: transform 0.3s ease-in-out;}

    .navbar .menu-items{
        padding-top: 100px;
        background: #fff;
        height: 100vh;
        max-width: 300px;
        transform: translate(-150%);
        display: flex;
        flex-direction: column;
        margin-left: -40px;
        padding-left: 8px;
        transition: transform 0.5s ease-in-out;
        box-shadow:  5px 0px 10px 0px #aaa;
        overflow: scroll;
    }

    .navbar .menu-items li{
        margin-bottom: 1.8rem;
        font-size: 1.1rem;
        font-weight: 500;
    }

    .logo{
        position: absolute;
        top: 10px;
        right: 15px;
        font-size: 2.5rem;
    }

    .navbar-container input[type="checkbox"]:checked ~ .menu-items{
        transform: translateX(0);
    }

    .navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line1{
        transform: rotate(45deg);
    }

    .navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line2{
        transform: scaleY(0);
    }

    .navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line3{
        transform: rotate(-45deg);
    }

}

@media (max-width: 500px){
    .navbar-container input[type="checkbox"]:checked ~ .logo{
        display: none;
    }
}
@media (min-width: 839px) and (max-width: 1025px){
    .logo{width:300px;height:80px;}
    .menu-items li{font-size: 17px;}
    .social_icon {
    margin-top: 0px;
}
}