*{
			padding:0;
			margin:0;
    text-align: justify;
			color: black
}
		section{
			width: 96%;
			height: 100%;
			margin: 0px auto;
			position: relative;
		}
		.frontpg{
			position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    z-index: -1;
		}
		nav{
			width: 102%;
			height: 20px;
			font-family:sans-serif;
			margin: 20px -60px;
			display: flex;
			justify-content: space-around;
		}
.navbar{
    width:100%;
    display: cover;
    align-items: center;
    margin-top:-5.5%;
}
.logo{
    flex-basis: 100%;
}
.logo img{
    width: 400px;
    cursor: pointer;
}
.navbarr{
    width:100%;
    display: cover;
    align-items: center;
    margin-top:1.5%;
    margin-left: -500px
}
.thai{
    flex-basis: 100%;
}
.thai img{
    width: 220px;
    cursor: pointer;
}
		nav h1{
			color: whitesmoke;
			font-size: 50px;
			width: 40%;
			font-weight: bold;
		}
		nav ul{
			width: 100%;
            margin-left: 500px;
			list-style: none;
		}
		nav ul li{
			list-style: none;
            display: inline-block;
			margin-top: 50px;
            margin-left: 90px;
			font-size:25px;
            position: relative;
            font-weight: bold;
            
        }
		nav ul li a, nav ul li a .fa{
			text-decoration: none;
			color: whitesmoke;
		}
        nav ul li::after{
        content:"";
        width: 100%;
        height: 3px;
        background: #fff;
        position: absolute;
        left: 0;
        bottom: 0;
    }
	.plan{
			width: 90%;
			height: 150px;
			padding: 100px;
			background: #ffffff96;
			text-align: center;
			margin: 0px;
			margin-top: 300px;
		}
.plan h2{
    margin-top: -40px;
    margin-bottom: 40px;
    height: 40px;
    font-size: 70px;
    text-align: center;
}
.plan h3{
    font-size: 40px;
    font-weight: 100;
    text-align: center;
}
.plan p{
    text-align: center;
    font-family: cursive;
    
    margin-top: 20px;
}
		.plan .plann{
			width: 90%;
			padding: 20px 100px;
            font-size: 22.5px;
			text-align: justify;
			border-radius: 20px;
		}
		.plan .plann input{
			font-size: 60px;
		    font-weight: bold;
		    font-family: cursive;
            text-decoration-color:whitesmoke;
		    background: #f1f1f1;
		}
		 .plann input{
			font-size: 60px;
		    font-weight: bold;
		    font-family: cursive;
            text-decoration-color:whitesmoke;
		    background: #f1f1f1;
		}
.row{
    margin-top: 5%;
    display: flex;
    justify-content: space-between;
}
.flag{
    flex-basis: 32%;
    position: relative;
    overflow: hidden;
    
}
.flag img{
    width: 50%;
    display: block;
}
.flag1 {
    flex-basis: 32%;
    position: relative;
    margin-top: 30px;
}
.flag1 img{
    margin-top: -40px;
    margin-left: 150px;
    width: 48%;
    display: block;
    
}
.flag2 {
    flex-basis: 32%;
    position: relative;
    overflow: hidden;
    margin-top: -165px;
}
.flag2 img{
    margin-top: 150px;
    margin-left: 220px;
    width: 50%;
    display: block;
}