.elementor-1058 .elementor-element.elementor-element-462016a8:not(.elementor-motion-effects-element-type-background), .elementor-1058 .elementor-element.elementor-element-462016a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ayantravels.com/wp-content/uploads/2026/01/famous-church-lyon-with-saone-river-night.jpg");background-position:center center;background-size:cover;}.elementor-1058 .elementor-element.elementor-element-462016a8 > .elementor-background-overlay{background-color:#000C20;opacity:0.8;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1058 .elementor-element.elementor-element-462016a8 > .elementor-container{max-width:1440px;}.elementor-1058 .elementor-element.elementor-element-462016a8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:300px 50px 50px 50px;}.elementor-bc-flex-widget .elementor-1058 .elementor-element.elementor-element-65b5f8c4.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1058 .elementor-element.elementor-element-65b5f8c4.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1058 .elementor-element.elementor-element-65b5f8c4 > .elementor-element-populated{padding:0px 40px 0px 0px;}.elementor-1058 .elementor-element.elementor-element-be5532a{--display:flex;}.elementor-1058 .elementor-element.elementor-element-d1d6647 .exad-logo-carousel .exad-logo-carousel-element .exad-logo-carousel-item{border-radius:0px 0px 0px 0px;margin:0px 10px 20px 10px;}.elementor-1058 .elementor-element.elementor-element-d1d6647 .exad-logo-carousel-element .exad-logo-carousel-prev i, .elementor-1058 .elementor-element.elementor-element-d1d6647 .exad-logo-carousel-element .exad-logo-carousel-next i{font-size:20px;}.elementor-1058 .elementor-element.elementor-element-d1d6647 .exad-logo-carousel-element .exad-logo-carousel-next, .elementor-1058 .elementor-element.elementor-element-d1d6647 .exad-logo-carousel-element .exad-logo-carousel-prev{width:60px;height:60px;line-height:60px;background-color:#dddddd;}.elementor-1058 .elementor-element.elementor-element-d1d6647 .exad-logo-carousel-element .exad-logo-carousel-prev{left:30px;top:50%;}.elementor-1058 .elementor-element.elementor-element-d1d6647 .exad-logo-carousel-element .exad-logo-carousel-next{right:30px;top:50%;}.elementor-1058 .elementor-element.elementor-element-d1d6647 .exad-logo-carousel-element .exad-logo-carousel-next,.elementor-1058 .elementor-element.elementor-element-d1d6647 .exad-logo-carousel-element .exad-logo-carousel-prev{border-radius:50px 50px 50px 50px;}.elementor-1058 .elementor-element.elementor-element-d1d6647 .exad-logo-carousel-element .exad-logo-carousel-next i, .elementor-1058 .elementor-element.elementor-element-d1d6647 .exad-logo-carousel-element .exad-logo-carousel-prev i{color:#000000;}.elementor-1058 .elementor-element.elementor-element-d1d6647 .exad-logo-carousel-element .exad-logo-carousel-next:hover i, .elementor-1058 .elementor-element.elementor-element-d1d6647 .exad-logo-carousel-element .exad-logo-carousel-prev:hover i{color:#ffffff;}.elementor-1058 .elementor-element.elementor-element-d1d6647 .exad-logo-carousel-element .exad-logo-carousel-next:hover, .elementor-1058 .elementor-element.elementor-element-d1d6647 .exad-logo-carousel-element .exad-logo-carousel-prev:hover{background-color:#7a56ff;}.elementor-1058 .elementor-element.elementor-element-c0f6e33{--display:flex;}.elementor-1058 .elementor-element.elementor-element-91176f0{text-align:center;}.elementor-1058 .elementor-element.elementor-element-91176f0 .elementor-drop-cap{margin-inline-end:10px;}.elementor-1058 .elementor-element.elementor-element-06a8993{--display:flex;}.elementor-1058 .elementor-element.elementor-element-b7fb850{--display:flex;}.elementor-1058 .elementor-element.elementor-element-0185a96{--spacer-size:50px;}.elementor-1058 .elementor-element.elementor-element-80637c1{text-align:center;}.elementor-1058 .elementor-element.elementor-element-0cab7ae{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1058 .elementor-element.elementor-element-0f52e90{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1058 .elementor-element.elementor-element-906c9b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1058 .elementor-element.elementor-element-78e1a47{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1058 .elementor-element.elementor-element-0dfd90e{--display:flex;}.elementor-1058 .elementor-element.elementor-element-ba79b37 .elementor-button{background-color:#1D63FF;font-family:"Poppins", Sans-serif;font-weight:700;font-style:normal;padding:15px 15px 15px 15px;}.elementor-1058 .elementor-element.elementor-element-ba79b37{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1058 .elementor-element.elementor-element-b88c057{--spacer-size:50px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1058 .elementor-element.elementor-element-0f52e90{--width:50%;}.elementor-1058 .elementor-element.elementor-element-906c9b2{--width:50%;}.elementor-1058 .elementor-element.elementor-element-78e1a47{--width:50%;}}@media(max-width:1024px){.elementor-1058 .elementor-element.elementor-element-462016a8{padding:300px 15px 50px 15px;}.elementor-1058 .elementor-element.elementor-element-65b5f8c4 > .elementor-element-populated{padding:0px 0px 0px 0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1058 .elementor-element.elementor-element-65b5f8c4{width:100%;}}/* Start custom CSS for html, class: .elementor-element-a6ad636 */<style>
.services-section {
    padding: 80px 20px;
    background-color: #ffffff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

.main-heading {
    color: #1a1a1a;
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.sub-text {
    max-width: 800px;
    margin: 0 auto 40px auto;
    color: #666;
    line-height: 1.6;
    font-size: 15px;
}

/* Heading color changed to Theme Blue #1d63ff */
.services-title {
    color: #1d63ff; 
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 50px;
    display: block;
    width: 100%;
    text-align: center;
    letter-spacing: 1px;
}

.services-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    max-width: 1300px;
    margin: 0 auto;
}

.service-item {
    flex: 0 1 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.service-icon {
    width: 85px;
    height: 85px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    /* Soft Blue Shadow */
    box-shadow: 0 10px 25px rgba(29, 99, 255, 0.12);
    transition: all 0.4s ease;
}

/* Hover Effect changed to Blue Theme */
.service-item:hover .service-icon {
    transform: translateY(-10px);
    background-color: #1d63ff;
}

/* Icon Color changed to Blue */
.service-icon i {
    font-size: 35px;
    color: #1d63ff; 
    transition: all 0.4s ease;
}

/* Hover pe icon white ho jaye ga */
.service-item:hover .service-icon i {
    color: #ffffff;
}

.service-item p {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    margin: 0;
    white-space: nowrap;
    transition: 0.3s;
}

.service-item:hover p {
    color: #1d63ff;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .main-heading { font-size: 24px; }
    .services-grid { gap: 20px; }
    .service-item { flex: 0 1 100px; }
    .service-icon { width: 70px; height: 70px; }
    .service-icon i { font-size: 28px; }
    .services-title { font-size: 20px; margin-bottom: 30px; }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ca2e20 */<style>
.destinations-section {
    padding: 80px 20px;
    background-color: #ffffff;
    font-family: 'Poppins', sans-serif;
}

.destinations-title {
    font-size: 36px;
    font-weight: 800;
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 50px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.destinations-title::after {
    content: '';
    display: block;
    width: 70px;
    height: 4px;
    background: #1d63ff; 
    margin: 15px auto 0;
    border-radius: 2px;
}

.destinations-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    max-width: 1400px;
    margin: 0 auto;
}

.destination-card {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    height: 260px;
    cursor: pointer;
    box-shadow: 0 10px 30px rgba(29, 99, 255, 0.1);
    transition: transform 0.3s ease;
}

.destination-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s ease;
}

/* --- UPDATED OVERLAY FOR CENTER TEXT --- */
.card-overlay {
    position: absolute;
    inset: 0;
    /* Full overlay background for better text visibility */
    background: rgba(0, 0, 0, 0.4); 
    display: flex;
    align-items: center;      /* Vertical Center */
    justify-content: center;   /* Horizontal Center */
    padding: 20px;
    transition: all 0.4s ease;
}

/* --- UPDATED TEXT STYLE --- */
.card-overlay h3 {
    color: #ffffff;
    font-size: 22px;          /* Size thoda bada kiya */
    font-weight: 900;          /* Extra Bold */
    font-style: normal;        /* No Italic */
    margin: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Text ko prominent banata hai */
}

/* --- HOVER EFFECTS --- */
.destination-card:hover {
    transform: translateY(-8px);
}

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

.destination-card:hover .card-overlay {
    background: rgba(29, 99, 255, 0.75); /* Blue hover effect */
}

/* Mobile & Tablet Responsiveness */
@media (max-width: 1100px) {
    .destinations-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .destinations-grid { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 15px; 
    }
    .destinations-title { font-size: 28px; }
    .destination-card { height: 200px; }
    .card-overlay h3 { font-size: 18px; }
}

@media (max-width: 480px) {
    .destinations-grid { grid-template-columns: repeat(1, 1fr); }
}
</style>/* End custom CSS */