* { margin:0; padding:0; box-sizing:border-box; }
    body { font-family: 'Segoe UI', sans-serif; }

    .header {
      position: relative;
      height: 100vh;
      min-height: 600px;
      color: white;
      overflow: hidden;
    }

    .top-bar {
      position: absolute;
      top: 0; left: 0; right: 0;
      z-index: 20;
      padding: 25px 5%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: rgba(0,40,80,0.4);
      backdrop-filter: blur(6px);
    }

    .hamburger {
      font-size: 30px;
      cursor: pointer;
      color: white;
    }

    .logo-img {
      height:130px;
      position: absolute;
      left: 50%; top:18px;
      transform: translateX(-50%);
    }

    .right-side {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 8px;
    }

    .phone {
      font-size: 20px; letter-spacing:1px;
      color: #fff;
      text-decoration: none;
    }

    .phone:hover { color: #b3e0ff; }



    .menu {
      position: fixed;     font-family: serif;
      top: 0; left: -280px;
      width: 280px;
      height: 100%;
      background: rgba(0,40,80,0.98);
      padding: 70px 25px 25px;
      transition: left 0.4s ease;
      z-index: 30;
    }

    .menu.open { left: 0; }

    .menu a {
      display: block;
      color: white;
      font-size: 18px;
      text-decoration: none;
      margin: 18px 0;
    }

    .menu a:hover { color: #b3e0ff; }

    .close-btn {
      position: absolute;
      top: 15px; right: 20px;
      font-size: 40px;
      color: white;
      cursor: pointer;
    }

    .slider {
      position: absolute;
      inset: 0;
    }
 .slider iframe { padding-top:130px;}
    .slide {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0;
      transition: opacity 1.6s ease, transform 1.6s ease;
      transform: scale(1.04);
    }

    .slide.active {
      opacity: 1;
      transform: scale(1);
    }

    .overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to bottom, rgba(0,70,130,0.35), rgba(0,30,70,0.55));
      z-index: 1;
    }

    .content {
      position: absolute;
      inset: 0;
      z-index: 10;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 0 8%;
    }
.title5, .title5 a {font-weight: 500;     font-family: serif;
      letter-spacing:1px; font-size:21px; color:#fff; text-decoration:none;
      text-transform: uppercase;}
    .title {
      font-size: clamp(5rem, 12vw, 2.5rem);
      font-weight: 900;     font-family: serif;
      letter-spacing: 10px;
      text-transform: uppercase;
      text-shadow: 0 5px 25px rgba(0,0,0,0.7);
    }
.title2 {
    font-size:32px;margin-top:20px; margin-bottom:14px;
    color:#111;
    font-family:serif;
}
    .subtitle {
      font-size: clamp(1.8rem, 5vw, 3rem);
      font-weight: 300;     font-family: serif;
      letter-spacing: 4px;
      margin: 25px 0;
      text-shadow: 0 3px 12px rgba(0,0,0,0.6);
    }

    .nav-btn {
      position: absolute;
      bottom: 50px;
      right: 5%;
      z-index: 15;
      display: flex;
      gap: 18px;
    }

    .nav-btn button {
      width: 55px;
      height: 55px;
      border-radius: 50%;
      border: 2px solid rgba(255,255,255,0.7);
      background: rgba(255,255,255,0.12);
      color: white;
      font-size: 22px;
      cursor: pointer;
      transition: all 0.3s;
    }

    .nav-btn button:hover {
      background: rgba(255,255,255,0.35);
      transform: scale(1.1);
    }

    .content-section {
      position: relative;
      padding: 80px 5% 100px;
      min-height: 80vh;
      display: flex;
      align-items: center;
      background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.7)),
                  url('../images/beach.jpg') center/cover no-repeat fixed;
      color: #000;
    }

    .container {
      max-width: 1200px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 70px;
      align-items: center;
    }
 .containersub {
      width: 80%;
      margin: 0 auto;
   
    }
    .text-side { padding-right: 40px; }
	.welcome { font-size: clamp(1.2rem, 7vw, 1rem); font-weight: 500; letter-spacing: 2px; margin-bottom:8px; color: #666; text-transform:uppercase;   font-family: serif;}
    .title1, .title1 a { font-size: clamp(2.8rem, 7vw, 2rem); font-weight: 500; letter-spacing: 1px; margin-bottom: 20px; color: #000;   font-family: serif; text-decoration:none;}
    .subtitle1 { font-size: clamp(1.1rem, 3.5vw, 1.2rem); font-weight: 500; margin-bottom: 35px; color: #00accb; letter-spacing: 1.5px; }
    .description { font-size: 17px; line-height: 1.8; margin-bottom:28px; opacity: 0.96; }
	
	 .description a,  .more-content a {color:#00accb; text-decoration:none; }
        .more-content {
      display: none;
      margin-top: 30px;
      font-size: 1.1rem;
      line-height: 1.7;
    }
    .read-more, .read-less {
      background: #006994;  font-family: 'Cormorant Garamond', serif;
      color: white; letter-spacing: 1.1px;
      padding:10px 20px; text-transform:capitalize;
      font-size: 1.15rem;
      font-weight: normal;
      border: none;
      border-radius:12px;
      cursor: pointer;
      transition: all 0.4s;
    }
    .read-more:hover, .read-less:hover {
      background: #0088cc;
      transform: translateY(-3px);
    }

    .img-side {
      overflow: hidden;
      border-radius: 20px;
      box-shadow: 0 25px 70px rgba(0,0,0,0.5);
    }

    .img-side img {
      width: 100%;
      height: 520px;
      transition: transform 0.9s ease;
    }

    .img-side:hover img { transform: scale(1.15); }

    @media (max-width: 900px) {
      .container { grid-template-columns: 1fr; gap: 70px; }
      .text-side { padding-right: 0; text-align: center; }
      .img-side { max-width: 700px; margin: 0 auto; }
    }

    @media (max-width: 768px) {
      .logo-img { height: 60px; }
      .book-btn { padding: 10px 25px; font-size: 15px; }
    }
	
	.room-section{
    background: linear-gradient(135deg, #1d3870, #1d3870, #20439C);
    padding:60px 20px 60px;
    position:relative;
    overflow:hidden;
}

/* Decorative Circles */
.room-section::before{
    content:'';
    position:absolute;
    width:300px;
    height:300px;
    background:rgba(255,255,255,0.05);
    border-radius:50%;
    top:-80px;
    left:-80px;
}

.room-section::after{
    content:'';
    position:absolute;
    width:250px;
    height:250px;
    background:rgba(255,255,255,0.05);
    border-radius:50%;
    bottom:40px;
    right:-80px;
}

/* CONTAINER */
.room-container{
    max-width:1200px;
    margin:auto;
    display:flex;
    align-items:center;
    gap:60px;
    position:relative;
    z-index:2;
}

/* IMAGE STYLE */
.room-image{
    flex:2;
    position:relative;
}

.room-image img{
    width:100%;
    border-radius:20px;
    box-shadow:0 25px 60px rgba(0,0,0,0.4);
    transition:transform .6s ease;
}

.room-image:hover img{
    transform:scale(1.05);
}

/* Floating Border Effect */
.room-image::before{
    content:'';
    position:absolute;
    top:20px;
    left:20px;
    width:100%;
    height:100%;
    border:3px solid rgba(255,255,255,0.2);
    border-radius:20px;
    z-index:-1;
}

/* CONTENT BOX */
.room-content{
    flex:1;
    background:rgba(255,255,255,0.1);
    backdrop-filter:blur(15px);
    padding:50px;
    border-radius:25px;
    color:#fff;
    box-shadow:0 20px 40px rgba(0,0,0,0.3);
}

.roomtitle{
    font-size:38px;   font-family: serif; 	
    font-weight:700;
    margin-bottom:25px;
}

.room-content p, .room-content p a{
    font-size:16px;
    line-height:1.8;
    margin-bottom:35px;
    color:#e0e0e0; text-decoration:none;
}

/* MODERN BUTTON */
.book-btn{
    position:relative;
    display:inline-block;
    padding:15px 40px;
    font-weight:600;
    letter-spacing:1px; font-family: 'Segoe UI', sans-serif;
    color:#fff;
    border-radius:50px;
    background:linear-gradient(45deg,#ff9800,#ff5722);
    overflow:hidden; Border:none;
    text-decoration:none;
    transition:.4s ease;
    box-shadow:0 10px 25px rgba(0,0,0,0.4);
}

.book-btn::before{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.3);
    transition:.5s;
}

.book-btn:hover::before{
    left:100%;
}

.book-btn:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,0.6);
}

/* WAVE BOTTOM */
.wave{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    line-height:0;
}

.wave svg{
    display:block;
    width:100%;
    height:120px;
}

/* RESPONSIVE */
@media(max-width:992px){
    .room-container{
        flex-direction:column;
        text-align:center;
    }
    .room-content{
        padding:35px;
    }
    .room-content h2{
        font-size:28px;
    }
}


.amenities-section{
    background:#f4f9fc;
    padding:80px 20px;
    font-family: 'Segoe UI', sans-serif;
}

.amenities-container{
    max-width:1200px;
    margin:auto;
    display:flex;
    gap:60px;
    align-items:center;
}

.amenities-left{
    flex:1;
}

.amenity-box{
    background:#fff;
    padding:25px;
    border-radius:10px;
    margin-bottom:20px;
    display:flex;
    align-items:flex-start;
    gap:18px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
    transition:0.3s;
}

.amenity-box:hover{
    transform:translateY(-5px);
}

.amenity-icon{
    font-size:26px;
    color:#1b6ca8;
    background:#eef6fb;
    width:55px;
    height:55px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
}

.amenity-title {
    margin:0;
    font-size:18px;
    color:#222;
}

.amenity-text p{
    margin:6px 0 0;
    font-size:14px;
    color:#666;
}

.amenities-right{
    flex:1;
}

.amenities-right span{
    letter-spacing:3px;
    font-size:14px;
    color:#1b6ca8;
    text-transform:uppercase;
}

.amenity-title-right {
    font-size:42px;
    margin:10px 0 20px;
    color:#111;
    font-family:serif;
}

.amenities-right p{
    font-size:16px;
    line-height:1.8;
    color:#555;
}

/* Responsive */

@media (max-width:900px){

.amenities-container{
    flex-direction:column;
}

amenity-title-right{
    font-size:32px;
}

}
.attraction-section{
padding:80px 20px; background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;font-family: 'Segoe UI', sans-serif;
}

.attraction-container{
max-width:1200px;background: rgba(29,56,119,0.8);
margin:auto; padding:25px 40px;
display:flex;
gap:60px;
align-items:center;
}

/* LEFT SIDE */

.attraction-text{
flex:1;
}

.attraction-text span{
color:#7a6db0;
letter-spacing:2px;
text-transform:uppercase;
font-size:14px;
}

.attraction-title {
font-size:48px; font-weight:bold;
margin:10px 0;
}

.attraction-text p{
color:#555;
line-height:1.7;
margin-bottom:25px;
}

.read-btn{
display:inline-block;
padding:12px 28px;
background:#f06449;
color:#fff;
text-decoration:none;
border-radius:30px;
transition:.3s;
}

.read-btn:hover{
background:#d94f36;
}

/* RIGHT SIDE SLIDER */

.attraction-slider{
flex:1.4;
overflow:hidden;
position:relative;
}

.slider-track{
display:flex;
gap:20px;
transition:.4s;
}

.attraction-card{
min-width:260px;
height:360px;
border-radius:12px;
overflow:hidden;
position:relative;
cursor:pointer;
}

.attraction-card img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.card-overlay{
position:absolute;
bottom:0;
left:0;
right:0;
padding:25px;
background:linear-gradient(transparent,rgba(0,0,0,.8));
color:#fff;
transition:.3s;
}

.card-title {
margin:0; font-weight:bold;
font-size:20px;
}

.card-overlay p{
font-size:16px;
opacity:0;
margin-top:8px;
transition:.3s;
}

/* hover effect */

.attraction-card:hover .card-overlay p{
opacity:1;
}

/* arrows */

.slider-nav{
margin-top:25px;
}

.slider-nav button{
width:45px;
height:45px;
border-radius:50%;
border:none;
background:#f06449;
color:#fff;
margin-right:10px;
cursor:pointer;
font-size:16px;
}

/* MOBILE */

@media(max-width:900px){

.attraction-container{
flex-direction:column;
}

.attraction-text h2{
font-size:34px;
}

.slider-track{
overflow-x:auto;
scrollbar-width:none;
}

}

.attraction-section{
padding:80px 10px;

}

.attraction-container{
max-width:1400px;
margin:auto;
display:flex;
gap:20px;
}

/* LEFT SIDE 35% */

.attraction-left{
flex:0 0 35%;
padding:10px; color:#fff;
}

.attraction-left span{
color:#DDF2F1;   
font-size:14px;
letter-spacing:2px;
text-transform:uppercase;
}

.attraction-left h2{
font-size:48px;   font-family: serif;
margin:10px 0;
}

.attraction-left p{
color:#fff;
line-height:1.8;
margin-bottom:25px;
}

.read-btn{
background:#f06449;
color:#fff;
padding:12px 28px;
border-radius:30px;
text-decoration:none;
display:inline-block;
}


/* RIGHT SIDE 65% */

.attraction-right{
flex:0 0 65%;
position:relative;
padding:10px;
}

.slider-wrapper{
overflow:hidden;
}

.slider-track{
display:flex;
gap:20px;
transition:transform .5s ease;
}

/* CARD */

.attraction-card{
min-width:calc((100% - 40px)/3);
height:420px;
border-radius:14px;
overflow:hidden;
position:relative;
}

.attraction-card img{
width:100%;
height:100%;
object-fit:cover;
}

/* OVERLAY */

.overlay{
position:absolute;
bottom:0;
left:0;
right:0;
padding:25px;
color:#fff;
background:linear-gradient(transparent, rgba(0,0,0,0.85));
transition:.4s;
}

.overlay h3{
margin:0;
font-size:22px;
letter-spacing:1px;
}

.overlay p{
opacity:0;
max-height:0;
transition:.4s;
margin-top:10px;
font-size:17px;
}

.attraction-card:hover .overlay{
background:rgba(0,0,0,0.45); 
backdrop-filter:blur(8px);
}

.attraction-card:hover .overlay p{
opacity:1;
max-height:80px;
}

/* BUTTONS */

.slider-buttons{
margin-top:20px;
}

.slider-buttons button{
width:45px;
height:45px;
border-radius:50%;
border:2px solid #fff;
background:transparent;
color:#fff;
font-size:18px;
margin-right:10px;
cursor:pointer;
transition:.3s;
}

.slider-buttons button:hover{
background:#1d3870;
color:#fff;
}

/* MOBILE */

@media(max-width:1000px){

.attraction-container{
flex-direction:column;
}

.attraction-left,
.attraction-right{
flex:100%;
}

.attraction-card{
min-width:80%;
}

}

#smo{ width:220px; float:right;}
.social-icon{float:left; padding:10px 6px; width:24px;}

#footbg { width:100%; background:#003C6E; padding:3% 0; color:#fff; }
#footer  {width:86%; margin:0 auto; color:#fff;}
#footer p{ font-size:14px; color:#fff; font-weight:normal;}
#footer p a{text-decoration:none; color:#fff;}
.footer-co {float:left; width:25%; text-align:left; }
.footer-col {float:left; width:36%; text-align:left;  font-size:15px; font-weight:normal; line-height:30px;}
.footer-col ul { float:left; width:40%; margin-left:22px;}
.footer-col ul li{list-style:circle; line-height:28px; }
.footer-col ul li a{ font-size:14px; font-weight:normal; text-decoration:none; color:#fff;}
.footer-col ul li a:hover{text-decoration:none; color:#ccc;}
.col{ width:36%; font-size:16px; color:#323437;  float:left; font-weight:normal; margin:20px 20px;}
.col ul li{ font-size:16px; color:#323437; list-style:circle; margin-left:20px; line-height:30px;}
.col ul li a{color:#323437; text-decoration:none;}
#lastbg { width:100%;  background:#333;}
.last  {width:86%; margin:0 auto; padding:1% 0%; line-height:30px; color:#ededed;}
.last p, .last p a{line-height:26px; font-size:14px; line-height:26px; padding:5px 0; color:#ededed; text-decoration:none; font-weight:200;}
}
.smo{ width:90%; float:left; padding:10px 0;}
.social-icons {
            display: flex;
            gap: 12px; margin-top:10px;
        }
        .social-icons a {
            text-decoration: none;
            color: white;
            width: 34px;
            height: 34px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
        }
        .social-icons a.facebook { background-color: #3b5998; }
        .social-icons a.twitter { background-color: #1da1f2; }
        .social-icons a.instagram { background-color: #e4405f; }
        	.social-icons a.blog { background-color:#F57C00 }
        .social-icons a.youtube { background-color: #ff0000; }
label { display:none;}

/* Back to Top Button Style */
#backToTop {
  position:fixed; font-family: 'Segoe UI', sans-serif;
  bottom: 30px;
  right: 30px;
  z-index: 999; font-size:16px;
  font-size: 20px;
  background: #333;
  color: #fff;
  border: none;
  padding: 12px 15px;
  border-radius: 5%;
  cursor: pointer;
  display: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

#backToTop:hover {
  background: #00accb; color: #fff; Border:none;
  transform: translateY(-3px);
}



.testimonial-section{
    background:#f5f8ff;
    padding:70px 20px;
    
}

.testimonial-heading{
    text-align:center;
    margin-bottom:50px;
}

.testimonial-title{
    font-size:36px;
    color:#111; font-family:serif;
    margin-bottom:10px;
}

.testimonial-heading p{
    color:#666; font-family: 'Segoe UI', sans-serif; 
    font-size:16px;
}

.testimonial-container{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:25px;
}

.testimonial-card{
    background:#fff;
    padding:30px;
    border-radius:12px;
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
    transition:0.3s;
    position:relative;
}

.testimonial-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 30px rgba(0,0,0,0.15);
}

.quote-icon{
    font-size:28px;
    color:#0b3d91;
    margin-bottom:15px;
}

.testimonial-text{
    font-size:15px;
    color:#555; font-family: 'Segoe UI', sans-serif; 
    line-height:1.6;
    margin-bottom:20px;
}

.client-info{
    display:flex;
    align-items:center;
}

.client-info img{
    width:55px;
    height:55px;
    border-radius:50%;
    margin-right:12px;
    object-fit:cover;
}

.client-name{
    font-weight:bold;
    color:#222;
}

.client-role{
    font-size:13px;
    color:#777;
}

.stars{
    color:#f4b400;
    margin-top:5px;
}

@media(max-width:768px){

.testimonial-heading h2{
    font-size:28px;
}

}
.testimonial-btn{
    text-align:center;
    margin-top:50px;
}

.testimonial-btn a{
    display:inline-block;
    padding:14px 35px;
    background:#0b3d91;
    color:#fff;
    text-decoration:none;
    border-radius:30px;
    font-size:15px;
    transition:0.3s;
}

.testimonial-btn a:hover{
    background:#082b66;
    transform:translateY(-3px);
}

@media only screen and (min-width:250px) and (max-width:768px) {
.footer-co, .footer-col {float:none; width:90%; margin:0 auto: } 
}

#reserve { float:none; width:100%; margin:0 auto; position:absolute; z-index:999; bottom:-70px}
.reserve { color:#fff; font-size:27px;  float:left;  font-weight:normal; text-align:left; padding:15px 12px; margin-right:26px; font-family: 'Segoe UI', sans-serif;}
.imenu { width:74%;  margin:0 auto; padding:12px 15px; background: rgba(23,47,85,0.9); float:none; border-radius: 4px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); font-family: 'Segoe UI', sans-serif;}
.check1{ margin:11px 10px; float:left; width:11%; font-weight:normal;}
.check2{ margin:10px 10px; float:left; width:11%; font-weight:normal;}
.chk {font-size:12px; color:#424669; line-height:24px;}
.message1{ font-size:14px; padding:10px 11px; margin:0 auto; border-bottom:#424669 solid 1px; color: #424669; border-radius: 4px; width:90%; font-weight:normal;  background:#f2f2f2; font-family: 'Segoe UI', sans-serif;}
.message2{ font-size:14px; padding:9px 10px; margin:0 auto; width:90%; color: #424669; border-radius: 4px; font-weight:normal; background:#f2f2f2; border-bottom:#424669 solid 1px; font-family: 'Segoe UI', sans-serif;}

input[type="submit"]
.palace-button, input[type="submit"], input#searchsubmit { border-radius: 30px;
background:linear-gradient(45deg,#ff9800,#ff5722); border:none; color:#fff; font-size: 16px; font-family: 'Segoe UI', sans-serif; padding:10px 22px; font-weight:normal; letter-spacing:1px;}
::-webkit-input-placeholder {
   color: #333333;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333333;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #333333;  
}

:-ms-input-placeholder {  
   color: #333333;  
}
.map1{ font-size:12px;
padding:10px;  font-family: 'Segoe UI', sans-serif;
width:50%; 
margin-right:15px; background:#fff;
border: 1px double #929292;
color:#444;
float:left; border-radius: 20px;
}



.amenities-wrapper { float:LEFT; margin:5px 15px; width:40%;}

.amenities-wrapper ul {
  list-style: none;
  padding: 0;

}

.amenities-wrapper ul li {
  font-size: 17px;
  margin-bottom: 26px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.amenities-wrapper ul li i {
  color: #333; font-size:18px;
  min-width: 20px;
}

.hero-image {
    position: relative;
    width: 100%;
    min-height:500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Overlay */
.hero-image::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
}

/* Caption */
.hero-caption {
    position: relative;
    text-align: center;
    color: #ffffff;
    padding: 20px;
    max-width: 900px;
}

.hero-caption h1 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 12px;
}

.hero-caption p {
    font-size: 18px;
    line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
    .hero-image {
        min-height: 240px;
    }
    .hero-caption h1 {
        font-size: 32px;
    }
    .hero-caption p {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .hero-image {
        min-height: 200px;
    }
    .hero-caption h1 {
        font-size: 26px;
    }
    .hero-caption p {
        font-size: 14px;
    }
}

.att2 {
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 15px;
}

.att2-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}

.att2-card {
  background: #ffffff;
  border-radius: 2px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.att2-img img {
  width: 100%;
  height: 360px;
  object-fit: cover;
}

.att2-content {
  padding: 22px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.att2-content h3 {
  font-size: 22px;
  margin-bottom: 12px;
  color: #1a1a1a;
}

.att2-content p {
  font-size: 15px;
  line-height: 1.7;
  color: #555;
}

/* Desktop 2-Column Layout */
@media (min-width: 768px) {
  .att2-grid {
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
  }
}

.col { width:36%; float:left; }
.col ul li{ list-style:circle; margin-left:20px; font-size: 17px; margin-bottom: 26px;}
.col ul li a{ text-decoration:none;}


.fq{text-align:left; text-decoration: none; color:#031C1A; font-weight:bold;  font-size:18px;  line-height:34px; margin-top:6px; list-style:none;}
.fqa{font-size:16px; color:#424242; font-weight:normal; line-height:28px; text-align:left;}
.fqa a{font-size:16px; color:#031C1A; text-decoration:none;}

.top { margin-top:50px;}

.vid { float:left; width:98%;  margin:0 auto;  position: relative;    height: 0;
    padding-bottom:70%; margin-left:35px; margin-bottom:20px; }
 
.vid iframe {
    width: 100% !important; height:100% !important;
	position: absolute;
   top: 0;
    left: 0;
  }