/* Info Section */
.info-section {
width:100%;
  background: url('twilight.jpg') no-repeat center center/cover;
  height: 880px;
  color: white;
  align-items: center;
  justify-content: center;
  padding: 5% 10%;
  border:0px solid green;
}
.info-sectionsky {
  width:100%;
  background: url('skyrise.jpg') no-repeat center center/cover;
  height: 880px;
  color: white;
  align-items: center;
  justify-content: center;
  padding: 5% 10%;
  border:0px solid red;
}
.info-sectionflare {
  width:100%;
  background: url('flare.jpg') no-repeat center center/cover;
  height: 880px;
  color: white;
  align-items: center;
  justify-content: center;
  padding: 5% 10%;
  border:0px solid red;
}
.infostrip
{
width:100%;
height:auto;
text-align:center;
}
.infostrip2
{
width:100%;
height:auto;
text-align:left;
}
.bold
{
font-weight:bold;
}

.spacer
{
width:100%;
height:200px;
}
.info-icons {
  display: flex;
  gap: 20px;
  font-size: 1.8rem;
  color: #ffcc00;
  margin-bottom: 20px;
}

.info-button {
  display: inline-block;
  background-color: #ff9900;
  color: white;
  padding: 12px 28px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s;
}

.info-button:hover {
  background-color: #e68a00;
}

.tit
{
font-family: "Marcellus";
font-size:48px;
letter-spacing: 2px;
color:#FFFFFF;
}
.subtit {
  font-size: 28px;
  color:#FFFFFF;
  font-family:"Poppins";
}
.icon
{
width:60px;
}
.icons
{
width:30px;
}
.loctxt
{
  font-size: 24px;
  color:#FFFFFF;
  font-family:"Poppins";
  padding-top:5px;
}
.tbot {
  background-color: transparent;
  color: white;
  border: 2px solid white;
  padding: 10px 20px;
  border-radius: 0; /* Rectangle shape */
  cursor: pointer;
  font-size: 16px;
  text-transform: uppercase;
  transition: background-color 0.3s, color 0.3s;
}

.tbot:hover {
  background-color: white;
  color: black;
}
.smltxt
{
font-family:"Poppins";
font-size:18px;
color:#FFFFFF;
}

.tbot2 {
  background-color: white;
  color: white;
  border: 2px solid white;
  padding: 10px 20px;
  border-radius: 0; /* Rectangle shape */
  cursor: pointer;
  font-size: 16px;
  text-transform: uppercase;
  transition: background-color 0.3s, color 0.3s;
  color: black;
}

.tbot2:hover {
  background-color: transparent;
  color: white;
}
.iconswrap
{
width:100%;
height:83px;
padding-top:10px;
border:0px solid white;
}
.iconbox
{
width:80px;
height:70px;
float:left;
border:0px solid red;
}
.iconboxw
{
width:160px;
height:70px;
float:left;
border:0px solid red;
}
.padtop10
{
padding-top:10px;
}
.padtop0
{
padding-top:0px;
}
.herostrip
{
width:100%;
height:90px;
border:0px solid red;
}
.herostripsm
{
width:100%;
height:80px;
border:0px solid white;
}
{
width:100%;
height:90px;
border:0px solid red;
}
.herostripsm2
{
width:100%;
height:50px;
border:0px solid white;
}
.herostripbtn
{
width:100%;
height:70px;
padding-top:5px;
border:0px solid white;
}


@media (max-width: 768px) {
.iconbox
{
width:20%;
height:70px;
float:left;
border:0px solid red;
}
.iconboxw
{
width:70%;
height:70px;
float:left;
border:0px solid red;
}
  .info-title {
    font-size: 2rem;
  }

  .info-text {
    font-size: 1rem;
  }

  .info-icons {
    font-size: 1.4rem;
    gap: 15px;
  }

  .info-button {
    font-size: 0.95rem;
    padding: 10px 20px;
  }
}

.wapp {
    position: fixed;
    bottom: 16px;
    right: 10px;
    z-index: 999;
    width: 70px;
}
.whaphlp {
    position: fixed;
	background-color:#25D366;
	background-image:url(img/agent.png);
	background-repeat:no-repeat;
	background-position:left;
    bottom: 90px;
    right: 14px;
    z-index: 999;
    width: 208px;
	height:74px;
	border:1px solid;
	border-color:#25D366;
	border-radius:6px;
	padding-left:76px;
	padding-top:6px;
}
.txtwapp
{
color:#fff;
}
.ptt-120 { padding-top: 110px; }
.ptt-115 { padding-top: 100px; }
@media screen and (max-width: 690px) {
.ptt-115 { padding-top: 85px; }
.ptt-120 { padding-top: 70px; }
.wapp {
    position: fixed;
    bottom: 18px;
    right: 10px;
    z-index: 999;
    width: 70px;
}
.whaphlp {
    position: fixed;
	background-color:#25D366;
	background-image:url(img/agent.png);
	background-repeat:no-repeat;
	background-position:left;
    bottom: 90px;
    right: 14px;
    z-index: 999;
    width: 197px;
	height:72px;
	border:1px solid;
	border-color:#25D366;
	border-radius:6px;
	padding-left:76px;
	padding-top:8px;
}
.txtwapp
{
color:#fff;
}
}