* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: poppins;}
/*----------------------Header Start------------------*/
.header { display: flex; justify-content: space-between; align-items: center; padding: 5px 80px; background: white; color: black;}
.nav { display: flex; list-style: none; }
.nav li { position: relative; margin: 0 15px; }
.nav a { text-decoration: none; color: black; padding: 0px; display: block; }
.submenu { display: none; position: absolute; top: 100%; left: 0; background: white; list-style: none; width: 250px; }
.submenu li { padding: 0px; border-bottom: 1px solid #555; }
.submenu li a { padding: 10px; display: block; }
.nav li:hover .submenu { display: block; }
.call-button { background: #e74c3c; padding: 10px 15px; color: white; text-decoration: none; border-radius: 5px; }
.menu-toggle { display: none; font-size: 24px; cursor: pointer; }
a{text-decoration: none !important;}
ul.submenu {
    z-index: 9999 !important;
}.header
.logo {
font-size: 25px;
color: yellow;
font-weight: 200;
font-family: fantasy;
}
@media (max-width: 768px) {
.header { flex-direction: row; justify-content: space-between; }
.menu-toggle { display: block; }
.nav { display: none; flex-direction: column; position: absolute; top: 109px; left: 0; background: white; width: 100%; z-index: 9999}
.nav.show { display: flex; }
.nav li { text-align: center; padding: 10px 0; position: relative; }
.nav .submenu { display: block; position: relative; background: transparent; width: 100%; text-align: center; }
.submenu li { border: none; }
.call-button { display: none; }
.logo { order: 1; }
.menu-toggle { order: 2; }
.header {
padding: 15px 20px !important;
}
.logo {
font-size: 38px;
}
}
@media only screen and (max-width: 480px) {
.header {
padding: 15px 20px !important;
}
}
/*----------------------Header End------------------*/
/*----------------------Slider Start------------------*/
.slider-container { position: relative; width: 100%; height: 100vh; overflow: hidden; }
.slide { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: opacity 1s ease-in-out; animation: zoom 10s infinite alternate ease-in-out; }
.slide.active { opacity: 1; }
.slider-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: white; width: 90%;}
.sub-heading { font-size: 24px; font-weight: bold; text-transform: uppercase; }
.main-heading {font-weight: bold; margin: 10px 0; }
.buttons { margin-top: 20px; }
.buttons a { display: inline-block; padding: 10px 20px; margin: 5px; background: #009688; color: white; text-decoration: none; font-size: 18px; border-radius: 5px; }
.buttons a:hover { background: darkred; }
@keyframes zoom {
from { transform: scale(1); }
to { transform: scale(1.2); }
}
h1{
    font-size: 60px;
}
h2{
    font-size: 60px;
}
@media only screen and (max-width: 480px) {
.slider-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: white;
width: 100%;
padding: 0px 15px;
}
.main-heading {
font-weight: bold;
margin: 10px 0;
}
.slider-container {
position: relative;
width: 100%;
height: 70vh;
overflow: hidden;
}
h1{
    font-size: 36px;
}
h2{
    font-size: 36px;
}
}
/*----------------------Slider End------------------*/
/*----------------------First Section------------------*/
.section {
display: flex;
align-items: center;
justify-content: center;
padding: 60px 80px;
gap: 30px;
}
.column {
display: flex;
flex-direction: column;
justify-content: center;
}
.image-column {
width: 25%;
}
.image-column img {
max-width: 100%;
height: auto;
display: block;
}
.content-column {
width: 50%;
}
.content-column h2 {
margin-bottom: 15px;
font-size: 40px;
color: #333;
text-align: center;
}
.content-column p {
margin-bottom: 10px;
font-size: 16px;
color: #555;
text-align: center;
}
@media (max-width: 1024px) {
.section {
flex-direction: column;
text-align: center;
}
.image-column, .content-column {
width: 100%;
}
.image-column img {
margin: 0 auto;
}
}
@media only screen and (max-width: 480px) {
.section {
display: flex;
align-items: center;
justify-content: center;
padding: 60px 20px;
gap: 20px;
}
}
/*----------------------First Section End------------------*/
/*----------------------Section Section------------------*/
.service-section {
background-color: #FB5B21;
padding: 60px 80px;
text-align: center;
}
.service-heading {
font-size: 28px;
font-weight: bold;
color: white;
margin-bottom: 30px;
}
.service-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
max-width: 100%;
margin: 0 auto;
}
.service-box {
background-color: white;
padding: 20px;
border-radius: 5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
text-align: center;
}
.service-box p {
font-size: 18px;
font-weight: 700;
color: #333;
margin: 0;
}
@media (max-width: 768px) {
.service-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.service-grid {
grid-template-columns: repeat(1, 1fr);
}
.service-heading {
font-size: 35px;
font-weight: bold;
color: white;
margin-bottom: 30px;
}
.service-section {
background-color: #FB5B21;
padding: 60px 20px;
text-align: center;
}
}
/*----------------------Section Section End------------------*/
/*----------------------Gallery Section Start------------------*/
.gallery-section {
padding: 60px 80px;
display: flex;
justify-content: center;
}
.gallery-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 20px;
max-width: 100%;
width: 100%;
}
.gallery-item {
width: 100%;
aspect-ratio: 1 / 1;
border: 5px solid;
border-image: linear-gradient(45deg, red, yellow, green, cyan, blue, magenta, red) 1;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 768px) {
.gallery-container {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.gallery-container {
grid-template-columns: repeat(2, 1fr);
}
.gallery-section {
background-color: black;
padding: 60px 20px;
display: flex;
justify-content: center;
}
.gallery-item {
width: 100%;
aspect-ratio: 1 / 1;
border: 5px solid;
border-image: linear-gradient(45deg, red, yellow, green, cyan, blue, magenta, red) 1;
display: flex
;
align-items: center;
justify-content: center;
overflow: hidden;
}
}
/*----------------------Gallery Section End------------------*/
.romantic-section {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 30px;
padding: 60px 80px;
}
.romantic-image {
width: 35%;
max-width: 400px;
}
.romantic-image img {
width: 100%;
height: auto;
border-radius: 10px;
}
.romantic-content {
width: 63%;
max-width: 800px;
}
.romantic-heading {
font-size: 40px;
font-weight: bold;
margin-bottom: 15px;
}
.romantic-text {
font-size: 16px;
line-height: 1.6;
}
@media (max-width: 768px) {
.romantic-section {
flex-direction: column;
text-align: center;
}
.romantic-image,
.romantic-content {
width: 100%;
}
}
@media (max-width: 480px) {
.romantic-section {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 30px;
padding: 60px 20px;
}
.romantic-heading {
font-size: 30px;
font-weight: bold;
margin-bottom: 15px;
text-align: center;
}
.romantic-text {
font-size: 16px;
line-height: 1.6;
text-align: center;
}
}
.below-gallery{
background-color: #680A80;
padding: 0px 80px 60px 80px;
}
@media (max-width: 480px) {
.below-gallery{
background-color: #680A80;
padding: 0px 20px 60px 20px;
}
}