* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  /* overflow: hidden; */
}
body {
  font-family: 'Raleway', sans-serif;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.containerMain {
  max-width: 600px;
  /* background-color: whitesmoke; */
  padding: 0;
  margin: 0 auto;
}
p {
  line-height: 1.8;
}
.sec1 {
  width: 100%;
  height: auto;
}
.logo {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.centerImg {
  width: 60%;
  text-align: center;
}
.centerImg img {
  width: 250px;
  height: auto;
}
.sec2 {
  background-color: #13398a;
  text-align: center;
}
.detail {
  text-align: center;
  color: white;
}
.detail h2 {
  font-size: 24px;
  padding-top: 25px;
  font-family: 'Cinzel', serif;
}
.containDiv p {
  font-size: 12px;
  padding-top: 8px;
}
.head {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 12px;
  /* height:; */
}
.leftCall,
.rightMail {
  display: flex;
  margin: 10px;
  gap: 10px;
  align-items: center;
  font-size: 14px;
}
.head i {
  background-color: white;
  color: #13398a;
  padding: 5px;
  border-radius: 50%;
}
.line {
  background-color: #d19e4e;
  margin: 8px 0;
}
.line p {
  color: white;
  font-size: 12px;
  text-align: center;
  padding: 12px;
}
.sec3,
.sec5 {
  width: 100%;
  height: auto;
  background-color: #fcf7f1;
  padding: 24px 0px;
}
.br2,
.br5 {
  display: flex;
  align-items: center;
  max-width: 488px;
  margin: 0 auto;
  justify-content: space-between;
}
.leftBr2,
.leftBr5 {
  width: 42%;
  text-align: left;
}
.leftBr2 h3,
.leftBr5 h3 {
  font-size: 18px;
  padding-bottom: 6px;
  color: #13398a;
  font-family: 'Cinzel', serif;
}
.leftBr2 p,
.leftBr5 p {
  font-size: 12px;
  line-height: 18px;
}
.rightBr2,
.rightBr5 {
  width: 48%;
  text-align: end;
}

.rightBr2 img,
.rightBr5 img {
  width: 100%;
  height: auto;
}
.sec4,
.sec6 {
  width: 100%;
  height: auto;
  background-color: white;
  padding: 24px 0px;
}
.br3,
.luxuryProp {
  display: flex;
  align-items: center;
  max-width: 488px;
  margin: 0 auto;
  justify-content: space-between;
}
.rightBr3,
.rightProp {
  width: 42%;
  text-align: left;
}
.rightBr3 h3,
.rightProp h3 {
  font-size: 18px;
  padding-bottom: 6px;
  color: #13398a;
  font-family: 'Cinzel', serif;
}
.rightBr3 p,
.rightProp p {
  font-size: 12px;
  line-height: 18px;
}
.leftBr3,
.leftProp {
  width: 48%;
  text-align: start;
}
.leftBr3 img,
.leftProp img {
  width: 100%;
  height: auto;
}

.sec7 {
  width: 100%;
  /* height: 93vh; */
  background-image: url('https://firebasestorage.googleapis.com/v0/b/glass-casa-api.appspot.com/o/Email%2FMask-Group-1.png?alt=media&token=de53c0bc-0cde-4f4e-8a90-939339a5bb7a&_gl=1*1xqdded*_ga*ODE5NjY0MDMzLjE2ODg3NDU2NjI.*_ga_CW55HF8NVT*MTY5ODE3NTAyNy45OC4xLjE2OTgxNzYxODQuNjAuMC4w');
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 8px;
  margin-top: 8px;
}
.vacationClass {
  color: white;
  max-width: 488px;
  margin: 0 auto;
  padding: 24px 0px;
}
.vacationClass h2 {
  text-transform: uppercase;
  font-size: 20px;
  padding-bottom: 10px;
  font-family: 'Cinzel', serif;
}
.vacationClass p {
  font-size: 12px;
  margin-bottom: 16px;
  line-height: 18px;
}
.vacationClass li {
  padding: 8px 6px;
  font-size: 12px;
}
.sec8 {
  background-color: #13398a;
  width: 100%;
  height: auto;
  padding: 24px 0px;
}
.contactContainer {
  max-width: 488px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  color: white;
  justify-content: space-between;
}

.leftContact {
  width: 48%;
  text-align: left;
}
.leftContact h3 {
  font-size: 20px;
  padding-bottom: 12px;
  font-family: 'Cinzel', serif;
}
.callContact,
.callEmail {
  font-size: 14px;
  display: flex;
  padding-bottom: 10px;
  gap: 10px;
}
.rightContact {
  display: flex;
  gap: 15px;
  text-align: center;
}
.firstQR p,
.secondQR p {
  width: 80px;
  font-size: 12px;
  line-height: 14px;
}

.qrImgDiv img,
.qrImgDiv img {
  width: 80px;
}
.qrImgDiv {
  max-width: 200px;
}
.sec9 {
  background-color: white;
  padding: 24px 0;
}

.email-link {
  color: #ffffff;
  text-decoration: underline;
}

.address {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #13398a;
  max-width: 488px;
  margin: 0 auto;
}
.address h3 {
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  padding-top: 7px;
}
.address p {
  font-size: 12px;
  line-height: 18px;
  padding-top: 12px;
  font-weight: 500;
}
.address img {
  width: 150px;
  height: auto;
}
.footerEnd {
  background-color: #d19e4e;
}
.footerEnd p {
  color: white;
  font-size: 8px;
  text-align: center;
  padding: 10px;
  line-height: 18px;
}
.container {
  max-width: 1248px;
  margin: 0 auto;
  margin-top: -35px;
}
.main {
  padding: 12px;
}
#referAndEarnSec {
  background-color: #13398a;
}
.containDiv {
  width: 80%;
  margin: 0 auto;
}