h1.mainhad {
	text-align: center;
}

.contentmain{
	width: 90%; 
	margin-left: 66px; 
	text-align: center;
}

p.resendat01{
	font-size: 17px; 
	line-height: 34px; 
	text-align: justify;
}

.HIGHLIGHTS01{
	text-align: center; 
	font-size: 33px;
}

p.heighlight{
	background: #d19e02;
	height: 2px; 
	width: 127px; 
	margin-left: 45%; 
	margin-top: -41px;	
}

.highlightmid{
	height: 246px; 
	display: flex; 
	margin-top: 58px; 
	width: 87%; 
	margin-left: 98px;	
	display: flex;
}

.highlightmid12{
	height: 246px; 
	display: flex; 
	margin-top: 58px; 
	width: 87%;
	margin-left: 98px;
	display: flex;
}


.highlightmid13{
	height: 246px; 
	display: flex; 
	margin-top: 58px; 
	width: 87%; 
	margin-left: 98px;
	display: flex;
}

span.icon01 {
    width: 115px;
    height: 115px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    transition: ease all 0.5s;
    margin-bottom: 15px;
    border: 1px solid #707070;
}

img.imageicon {
    margin-left: 5px;
    margin-top: 5px;
}

p.mainarticle01 {
    text-align: center;
    font-size: 22px;
    width: 70%;
    margin-left: 51px;
    line-height: 148%;
}

.mod01{
	width: 25%; 
	height: 230px; 
	margin-left: 72px; 
	margin-top: 0px;
}
.mod02{
	width: 25%; 
	height: 230px; 
	margin-left: 72px; 
	margin-top: 0px;
}

span.icon02 {
    width: 115px;
    height: 115px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    transition: ease all 0.5s;
    margin-bottom: 15px;
    border: 1px solid #707070;
}

p.mainarticle02 {
    text-align: center;
    font-size: 22px;
    width: 102%;
    margin-left: 0px;
    line-height: 148%;
}



.mod03{	
width: 25%; 
height: 230px; 
margin-left: 72px; 
margin-top: 0px;	
}

span.icon03{
width: 115px; 
height: 115px; 
display: flex; 
justify-content: center; 
align-items: center; 
border-radius: 50%; 
margin: 0 auto; 
position: relative; 
transition: ease all 0.5s; 
margin-bottom: 15px; 
border: 1px solid #707070;	
}

p.mainarticle03{
text-align: center; 
font-size: 22px; 
width: 79%; 
margin-left: 41px; 
line-height: 148%;	
}

.mod001{
width: 25%; 
height: 230px; 
margin-left: 72px; 
margin-top: 0px;		
}

span.icon001{
width: 115px; 
height: 115px; 
display: flex; 
justify-content: center; 
align-items: center; 
border-radius: 50%; 
margin: 0 auto; 
position: relative; 
transition: ease all 0.5s; 
margin-bottom: 15px; 
border: 1px solid #707070;
}

p.mainarticle001{
text-align: center; 
font-size: 22px; 
width: 70%; 
margin-left: 51px; 
line-height: 148%;
}

.mod002{
width: 25%; 
height: 230px; 
margin-left: 72px; 
margin-top: 0px;
}

span.icon002{
width: 115px; 
height: 115px; 
display: flex; 
justify-content: center; 
align-items: center; 
border-radius: 50%; 
margin: 0 auto; 
position: relative; 
transition: ease all 0.5s; 
margin-bottom: 15px; 
border: 1px solid #707070;
}

p.mainarticle0002{
text-align: center; 
font-size: 22px; 
width: 92%; 
margin-left: 13px; 
line-height: 148%;
}

.mod003{
width: 25%; 
height: 230px; 
margin-left: 72px; 
margin-top: 0px;
}

span.icon003{
width: 115px; 
height: 115px; 
display: flex; 
justify-content: center; 
align-items: center; 
border-radius: 50%; 
margin: 0 auto; 
position: relative; 
transition: ease all 0.5s; 
margin-bottom: 15px; 
border: 1px solid #707070;
}

p.mainarticle003{
text-align: center; 
font-size: 22px; 
width: 79%; 
margin-left: 41px; 
line-height: 148%;
}

.mod0001{
width: 25%; 
height: 230px; 
margin-left: 72px; 
margin-top: 0px;
}

span.icon0001{
width: 115px; 
height: 115px; 
display: flex; 
justify-content: center; 
align-items: center; 
border-radius: 50%; 
margin: 0 auto; 
position: relative; 
transition: ease all 0.5s; 
margin-bottom: 15px; 
border: 1px solid #707070;
}

p.mainarticle0001{
text-align: center; 
font-size: 22px; 
width: 98%; 
margin-left: 2px; 
line-height: 148%;
}

.mod0001{
width: 25%; 
height: 230px; 
margin-left: 72px; 
margin-top: 0px;
}

span.icon0001{
width: 115px; 
height: 115px; 
display: flex; 
justify-content: center; 
align-items: center; 
border-radius: 50%; 
margin: 0 auto; 
position: relative; 
transition: ease all 0.5s; 
margin-bottom: 15px; 
border: 1px solid #707070;
}

p.mainarticle0001{
text-align: center; 
font-size: 22px; 
width: 92%; 
margin-left: 13px; 
line-height: 148%;
}


.mod0002{
width: 25%; 
height: 230px; 
margin-left: 72px; 
margin-top: 0px;
}

span.icon0002{
width: 115px; 
height: 115px; 
display: flex; 
justify-content: center; 
align-items: center; 
border-radius: 50%; 
margin: 0 auto; 
position: relative; 
transition: ease all 0.5s; 
margin-bottom: 15px; 
border: 1px solid #707070;
}

p.mainarticle0002{
text-align: center; 
font-size: 22px; 
width: 92%; 
margin-left: 13px; 
line-height: 148%;
}

.mod0003{
width: 25%; 
height: 230px; 
margin-left: 72px; 
margin-top: 0px;
}

span.icon0003{
width: 115px; 
height: 115px; 
display: flex; 
justify-content: center; 
align-items: center; 
border-radius: 50%; 
margin: 0 auto; 
position: relative; 
transition: ease all 0.5s; 
margin-bottom: 15px; 
border: 1px solid #707070;
}

p.mainarticle0003{
text-align: center; 
font-size: 22px; 
width: 92%; 
margin-left: 41px; 
line-height: 148%;
}

h3.midiall01{
text-align: center; 
color: #fff; 
font-size: 30px; 
font-weight: bold;
}

p.mdcontent{
color: #fff; 
width: 75%; 
margin-left: 203px; 
font-size: 17px; 
line-height: 32px;
}

.midsection{
width: 100%; 
padding-top: 30px;
}

.midpoint{
float: left; 
width: 37%; 
margin-left: 145px;
}

h1.markando {
font-size: 30px;
color: #E8B33E;
}

.midsection01{
width: 100%; 
padding-top: 40px;
}

img.midiamge {
margin-left: 112px;
height: 341px;
width: 37%;
border-radius: 3px;
}

.midpoint01{
float: right; 
width: 30%; 
margin-right: 354px;
}

.midsection02{
width: 100%; 
padding-top: 30px;
}

.midpoint02{
float: left; 
width: 37%; 
margin-left: 145px;
}

h1.ELANTOWNCENTRE{
color: #fff; 
font-size: 30px; 
color: #E8B33E;
}

.midsection03{
width: 100%; 
padding-top: 40px;
}

.midpoint03{
float: right; 
width: 30%; 
margin-right: 311px;
}

img.midiamge03 {
    margin-left: 112px;
    height: 341px;
    width: 37%;
    border-radius: 3px;
}

h1.ELANMIRACLE{
color: #fff; 
font-size: 30px; 
color: #E8B33E;
}

.midsection04{
width: 100%; 
padding-top: 30px;
}

.midpoint04{
float: left; 
width: 37%; 
margin-left: 145px;
}

h1.ELANEPIC{
color: #fff; 
font-size: 30px; 
color: #E8B33E;
}

p.mdcontent{
color: #fff; 
width: 75%; 
margin-left: 142px; 
font-size: 17px; 
line-height: 32px;
}

img.midiamge04 {
margin-left: 45px;
height: 370px;
width: 37%;
border-radius: 3px;
}

img.midiamge111 {
margin-left: 45px;
height: 370px;
width: 37%;
border-radius: 3px;
}

img.midiamge2222 {
margin-left: 53px;
height: 327px;
width: 39%;
border-radius: 3px;
}

p.Contact-Us{
cursor: alias; 
color:#000; 
margin-top: -21px; 
width: 189px; 
margin-left: 10px;
}

.main001{
margin: 0 auto; 
padding: 40px; 
width: 1200px;
}

a.faq-question {
color: #000;
}


.backgroundimage {
background: linear-gradient(#312c2cf0, #060606c4), url(image/launchBg.jpg);
min-height: 450px;
height: 2470px;
background-repeat: no-repeat;
background-size: cover;
padding: 2rem 0px;
background-position: center;
margin-top: -13px;
}

span.sector80 {
color: #b8cf8d;
font-size: 19px;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
}

p.con01 {
color: #fff;
font-size: 16px;
line-height: 30px;
text-align: justify;
}

.KnowMore1 {
border: 1px solid #E8B33E;
width: 127px;
margin-top: 21px;
height: 38px;
}

.ContactUs01 {
border: 1px solid #E8B33E;
width: 127px;
margin-top: 21px;
margin-left: 21px;
height: 38px;
}

.enquary {
display: flex;
}

p.KnowMore {
font-size: 19px;
margin-top: -19px;
}

p.ContactUs {
font-size: 19px;
margin-top: -19px;
color: #fff;
margin-left: 14px;
}

a.link {
color: #fff;
}

.areyouproparty {
height: 250px;
background: #d8d5cd;
}

h2.proparty {
text-align: center;
font-size: 30px;
font-family: "Times New Roman", Times, serif;
}

p.proparty {
text-align: center;
font-size: 17px;
margin-top: -13px;
}

.formnow {
border: 5px solid #e8b33e;
width: 216px;
height: 42px;
margin-left: 43%;
border-radius: 19px;
background: #e8b33e;
}

p.formlink {
margin-top: -13px;
margin-left: 20px;
font-size: 17px;
}

a.getlink {
color: #000;
}

li.li {
color: #fff;
font-size: 15px;
margin-left: 32px;
padding-top: 7px;
font-family: "Times New Roman", Times, serif;
}

.faq-question {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
padding: 10px 30px 10px 10px;
font-size: 18px;
font-weight: 400;
border-bottom: 1px solid;
line-height: 30px;
}
.faq-question:hover,
.faq-question:hover::after {
cursor: pointer;
font-weight: bold;
}
.faq-question.active {
border-bottom: 3px solid;
font-weight: bold;
}
.faq-question::after {
content: '+';
position: absolute;
float: right;
right: 1rem;
font-size: 30px;
width: 30px;
height: 30px;
text-align: center;
}
.faq-question.active::after {
content: '-';
}
.faq-answer {
opacity: 0;
padding: 0 20px;
max-height: 0;
overflow: hidden;
transition: all 0.2s ease 0.15s;
}
.faq-answer.active {
opacity: 1;
padding: 20px;
max-height: 100%;
transition: all 0.35s ease 0.15s;
}

.title {
text-align: center;
font-family: "Times New Roman", Times, serif;
font-size: 34px;
margin-top: -18px;
}

p.height {
font-size: 17px;
line-height: 40px;
text-align: justify;
}

a.faq-question {
font-family: "Times New Roman", Times, serif;
}


.btn-open-popup { 
padding: 12px 24px; 
font-size: 18px; 
background-color: green; 
color: #fff; 
border: none; 
border-radius: 8px; 
cursor: pointer; 
transition: background-color 0.3s ease; 
} 

.btn-open-popup:hover { 
background-color: #4caf50; 
} 

.overlay-container { 
display: none; 
position: fixed; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
background: rgba(0, 0, 0, 0.6); 
justify-content: center; 
align-items: center; 
opacity: 0; 
transition: opacity 0.3s ease; 
} 

.popup-box { 
background: #fff; 
padding: 24px; 
border-radius: 12px; 
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); 
width: 368px; 
text-align: center; 
opacity: 0; 
transform: scale(0.8); 
animation: fadeInUp 0.5s ease-out forwards;
height: 386px;
margin-left: 40%;
margin-top: 80px;
} 

.form-container { 
display: flex; 
flex-direction: column; 
} 

.form-label { 
margin-bottom: 10px; 
font-size: 16px; 
color: #444; 
text-align: left; 
} 

.form-input { 
padding: 12px; 
margin-bottom: 20px; 
border: 1px solid #ccc; 
border-radius: 8px; 
font-size: 16px; 
width: 100%; 
box-sizing: border-box; 
} 

.btn-submit, 
.btn-close-popup { 
padding: 12px 24px; 
border: none; 
border-radius: 8px; 
cursor: pointer; 
transition: background-color 0.3s ease, color 0.3s ease; 
} 

.btn-submit { 
font-weight: bold;
background-color: #000435;
color: #fff;
height: 49px;
font-size: 14px;
} 

.btn-close-popup { 
margin-top: 12px; 
} 

.btn-submit:hover, 
.btn-close-popup:hover { 
} 

/* Keyframes for fadeInUp animation */ 
@keyframes fadeInUp { 
from { 
opacity: 0; 
transform: translateY(20px); 
} 

to { 
opacity: 1; 
transform: translateY(0); 
} 
} 

/* Animation for popup */ 
.overlay-container.show { 
display: flex; 
opacity: 1; 
} 

.Enquiry01 {
width: 369px;
background-color: #000435;
height: 69px;
margin-left: -25px;
margin-top: -24px;
border-radius: 12px 12px 0px 0px;
}

.form415 {
color: #fff;
font-size: 33px;
padding-top: 11px;
font-weight: bold;
font-family: "Times New Roman", Times, serif;
}

.closebuton {
margin-top: -59px;
position: absolute;
color: #fff;
float: right;
margin-left: 77%;
width: 44px;
height: 27px;
font-size: 24px;
}

a.proparty001 {
font-family: "Times New Roman", Times, serif;
font-weight: bold;
color: #463a3a;
text-transform: uppercase;
}


@media screen and (min-width: 240px) and (max-width: 1024px){
.contentmain {
width: 100%;
margin-left: 4px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
p.heighlight {
background: #d19e02;
height: 2px;
width: 127px;
margin-left: 26%;
margin-top: -41px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
.highlightmid {
height: 246px;
margin-top: -16px;
width: 87%;
margin-left: -44px; 
display: grid;  
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
.mod01 {
width: 124%;
height: 230px;
margin-left: 28px;
margin-top: 0px;
border: 1px solid;
background-color: #8a53681f;
border-radius: 5px;
color: #000;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
.mod02 {
width: 124%;
height: 230px;
margin-left: 28px;
margin-top: 5px;
border: 1px solid;
background-color: #8a53681f;
border-radius: 5px;
color: #000;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
div#firstname {
width: 124%;
height: 230px;
margin-left: 28px;
margin-top: 5px;
border: 1px solid;
background-color: #8a53681f;
border-radius: 5px;
color: #000;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
.highlightmid12 {
height: 733px;
margin-top: 492px;
width: 87%;
margin-left: 98px;
display: grid;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
p.mainarticle02 {
text-align: center;
font-size: 22px;
width: 102%;
margin-left: 0px;
line-height: 114%;
margin-top: -8px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
.mod001 {
width: 124%;
height: 230px;
margin-left: -112px;
border: 1px solid;
background-color: #8a53681f;
border-radius: 5px;
color: #000;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
p.mainarticle001 {
text-align: center;
font-size: 22px;
width: 92%;
margin-left: 11px;
line-height: 148%;
margin-top: -8px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
.mod002 {
width: 124%;
height: 230px;
margin-left: -112px;
border: 1px solid;
background-color: #8a53681f;
border-radius: 5px;
color: #000;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
.mod003 {
width: 124%;
height: 230px;
margin-left: -112px;
border: 1px solid;
background-color: #8a53681f;
border-radius: 5px;
color: #000;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
.highlightmid13 {
height: 733px;
margin-top: -13px;
width: 87%;
margin-left: 0px;
display: grid;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
.mod0001 {
width: 124%;
height: 230px;
margin-left: -19px;
border: 1px solid;
background-color: #8a53681f;
border-radius: 5px;
color: #000;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
.mod0002 {
width: 124%;
height: 230px;
margin-left: -19px;
border: 1px solid;
background-color: #8a53681f;
border-radius: 5px;
color: #000;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
.mod0003 {
width: 124%;
height: 230px;
margin-left: -19px;
border: 1px solid;
background-color: #8a53681f;
border-radius: 5px;
color: #000;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
p.mainarticle003 {
text-align: center;
font-size: 22px;
width: 86%;
margin-left: 27px;
line-height: 148%;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
span.icon01 {
width: 115px;
height: 115px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin: 0 auto;
position: relative;
transition: ease all 0.5s;
margin-bottom: 15px;
border: 1px solid #707070;
margin-top: 17px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
span.icon02 {
width: 115px;
height: 115px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin: 0 auto;
position: relative;
transition: ease all 0.5s;
margin-bottom: 15px;
border: 1px solid #707070;
margin-top: 4px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
span.icon03 {
width: 115px;
height: 115px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin: 0 auto;
position: relative;
transition: ease all 0.5s;
margin-bottom: 15px;
border: 1px solid #707070;
margin-top: 4px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
span.icon001 {
width: 115px;
height: 115px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin: 0 auto;
position: relative;
transition: ease all 0.5s;
margin-bottom: 15px;
border: 1px solid #707070;
margin-top: 4px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
span.icon002 {
width: 115px;
height: 115px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin: 0 auto;
position: relative;
transition: ease all 0.5s;
margin-bottom: 15px;
border: 1px solid #707070;
margin-top: 4px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
span.icon003 {
width: 115px;
height: 115px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin: 0 auto;
position: relative;
transition: ease all 0.5s;
margin-bottom: 15px;
border: 1px solid #707070;
margin-top: 4px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
span.icon0001 {
width: 115px;
height: 115px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin: 0 auto;
position: relative;
transition: ease all 0.5s;
margin-bottom: 15px;
border: 1px solid #707070;
margin-top: 4px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
span.icon0002 {
width: 115px;
height: 115px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin: 0 auto;
position: relative;
transition: ease all 0.5s;
margin-bottom: 15px;
border: 1px solid #707070;
margin-top: 4px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
span.icon0003 {
width: 115px;
height: 115px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin: 0 auto;
position: relative;
transition: ease all 0.5s;
margin-bottom: 15px;
border: 1px solid #707070;
margin-top: 4px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
p.mainarticle0003 {
text-align: center;
font-size: 22px;
width: 92%;
margin-left: 11px;
line-height: 148%;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
p.mdcontent {
color: #fff;
max-width: 87%;
margin-left: 24px;
font-size: 17px;
line-height: 32px;
text-align: justify;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
.midpoint {
float: left;
width: 84%;
margin-left: 21px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
.midsection {
display: grid;
width: 100%;
padding-top: 30px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
img.midiamge2222 {
margin-left: 11px;
width: 92%;
border-radius: 3px;
margin-top: 12px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
img.midiamge {
margin-left: 11px;
width: 92%;
border-radius: 3px;
margin-top: -33px;
height: auto;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
.midpoint01 {
width: 88%;
margin-right: 26px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
.midpoint02 {
float: left;
width: 90%;
margin-left: 14px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
.backgroundimage {
background: linear-gradient(#312c2cf0, #060606c4), url(image/launchBg.jpg);
min-height: 450px;
height: auto;
background-repeat: no-repeat;
background-size: cover;
padding: 2rem 0px;
background-position: center;
margin-top: -13px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
img.midiamge111 {
margin-left: 7px;
height: auto;
width: 95%;
border-radius: 3px;
margin-top: 16px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
img.midiamge03 {
margin-left: 9px;
height: auto;
width: 94%;
border-radius: 3px;
margin-top: -41px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
.midpoint03 {
float: right;
width: 83%;
margin-right: 26px;
margin-top: 7px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
.midpoint04 {
float: left;
width: 89%;
margin-left: 20px;
margin-top: 13px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
img.midiamge04 {
margin-left: 8px;
height: auto;
width: 95%;
border-radius: 3px;
margin-top: 10px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
.areyouproparty {
height: 250px;
background: #d8d5cd;
width: 100%;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
.formnow {
border: 5px solid #e8b33e;
width: 216px;
height: 42px;
margin-left: 20%;
border-radius: 19px;
background: #e8b33e;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
p.Contact-Us {
cursor: alias;
color: #000;
margin-top: -14px;
width: 189px;
margin-left: 27px;
font-size: 16px;
}
}

@media screen and (min-width: 240px) and (max-width: 1024px){
.main001 {
margin: 0 auto;
padding: 40px;
width: 100%;
}
}


@media screen and (min-width: 240px) and (max-width: 1024px){
.popup-box {
background: #fff;
padding: 24px;
border-radius: 12px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
width: 327px;
text-align: center;
opacity: 0;
transform: scale(0.8);
animation: fadeInUp 0.5s ease-out forwards;
height: 386px;
margin-left: 4%;
margin-top: 80px;
}
}