/* Custom CSS for additional styling */
.marquee {
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 15s linear infinite;
}

.marquee span {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 15s linear infinite;
}

@keyframes marquee {
    0% {
        transform: translate3d(100%, 0, 0);
    }
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

.hero-bg {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.8) 0%, rgba(118, 75, 162, 0.8) 100%),
                url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 600' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- Sky and clouds --%3E%3Crect width='1200' height='600' fill='%2387CEEB'/%3E%3Cellipse cx='200' cy='80' rx='50' ry='30' fill='white' opacity='0.8'/%3E%3Cellipse cx='230' cy='75' rx='40' ry='25' fill='white' opacity='0.8'/%3E%3Cellipse cx='800' cy='100' rx='60' ry='35' fill='white' opacity='0.8'/%3E%3Cellipse cx='840' cy='95' rx='45' ry='28' fill='white' opacity='0.8'/%3E%3C!-- Mountains in background --%3E%3Cpolygon points='0,300 150,200 300,280 450,220 600,260 750,200 900,240 1050,180 1200,220 1200,600 0,600' fill='%236B7280' opacity='0.6'/%3E%3C!-- Hills --%3E%3Cpolygon points='0,350 200,250 400,320 600,280 800,300 1000,260 1200,290 1200,600 0,600' fill='%2359A14F'/%3E%3C!-- Trees on hills --%3E%3Ccircle cx='150' cy='280' r='25' fill='%23166534'/%3E%3Crect x='147' y='300' width='6' height='40' fill='%238B4513'/%3E%3Ccircle cx='350' cy='300' r='30' fill='%23166534'/%3E%3Crect x='346' y='325' width='8' height='45' fill='%238B4513'/%3E%3Ccircle cx='750' cy='270' r='28' fill='%23166534'/%3E%3Crect x='746' y='293' width='8' height='42' fill='%238B4513'/%3E%3C!-- Village houses --%3E%3C!-- House 1 --%3E%3Crect x='100' y='380' width='80' height='60' fill='%23F59E0B'/%3E%3Cpolygon points='100,380 140,340 180,380' fill='%23DC2626'/%3E%3Crect x='120' y='410' width='20' height='30' fill='%238B4513'/%3E%3Crect x='150' y='395' width='15' height='15' fill='%234F46E5'/%3E%3C!-- House 2 --%3E%3Crect x='220' y='390' width='70' height='55' fill='%23EAB308'/%3E%3Cpolygon points='220,390 255,355 290,390' fill='%23B91C1C'/%3E%3Crect x='240' y='415' width='18' height='30' fill='%238B4513'/%3E%3Crect x='265' y='405' width='12' height='12' fill='%234F46E5'/%3E%3C!-- House 3 --%3E%3Crect x='320' y='375' width='90' height='70' fill='%23F97316'/%3E%3Cpolygon points='320,375 365,330 410,375' fill='%23991B1B'/%3E%3Crect x='345' y='405' width='22' height='40' fill='%238B4513'/%3E%3Crect x='375' y='390' width='18' height='18' fill='%234F46E5'/%3E%3C!-- House 4 --%3E%3Crect x='450' y='385' width='75' height='60' fill='%23EC4899'/%3E%3Cpolygon points='450,385 487.5,350 525,385' fill='%23BE185D'/%3E%3Crect x='470' y='415' width='20' height='30' fill='%238B4513'/%3E%3Crect x='495' y='400' width='15' height='15' fill='%234F46E5'/%3E%3C!-- House 5 --%3E%3Crect x='560' y='390' width='85' height='55' fill='%2306B6D4'/%3E%3Cpolygon points='560,390 602.5,355 645,390' fill='%23DC2626'/%3E%3Crect x='585' y='415' width='22' height='30' fill='%238B4513'/%3E%3Crect x='615' y='405' width='16' height='16' fill='%234F46E5'/%3E%3C!-- Temple --%3E%3Crect x='700' y='360' width='60' height='85' fill='%23F59E0B'/%3E%3Cpolygon points='700,360 730,320 760,360' fill='%23FF6B35'/%3E%3Crect x='720' y='385' width='20' height='60' fill='%238B4513'/%3E%3Ccircle cx='730' cy='335' r='8' fill='%23FFD700'/%3E%3C!-- Fields --%3E%3Crect x='0' y='450' width='200' height='150' fill='%2365A30D'/%3E%3Crect x='15' y='460' width='25' height='10' fill='%2384CC16'/%3E%3Crect x='50' y='470' width='30' height='8' fill='%2384CC16'/%3E%3Crect x='90' y='465' width='20' height='12' fill='%2384CC16'/%3E%3Crect x='820' y='450' width='180' height='150' fill='%2365A30D'/%3E%3Crect x='830' y='465' width='35' height='10' fill='%2384CC16'/%3E%3Crect x='880' y='470' width='25' height='12' fill='%2384CC16'/%3E%3C!-- Road --%3E%3Crect x='400' y='440' width='400' height='40' fill='%236B7280'/%3E%3Crect x='420' y='450' width='360' height='5' fill='white' opacity='0.6'/%3E%3Crect x='420' y='465' width='360' height='5' fill='white' opacity='0.6'/%3E%3C!-- Well --%3E%3Ccircle cx='180' cy='500' r='15' fill='%2394A3B8'/%3E%3Ccircle cx='180' cy='500' r='10' fill='%234A5568'/%3E%3Crect x='175' y='480' width='10' height='25' fill='%238B4513'/%3E%3C!-- Trees around village --%3E%3Ccircle cx='50' cy='420' r='20' fill='%23166534'/%3E%3Crect x='47' y='435' width='6' height='30' fill='%238B4513'/%3E%3Ccircle cx='900' cy='400' r='25' fill='%23166534'/%3E%3Crect x='896' y='420' width='8' height='35' fill='%238B4513'/%3E%3Ccircle cx='1100' cy='420' r='22' fill='%23166534'/%3E%3Crect x='1096' y='437' width='8' height='32' fill='%238B4513'/%3E%3C!-- People silhouettes --%3E%3Ccircle cx='250' cy='435' r='3' fill='%23452A0E'/%3E%3Crect x='248' y='438' width='4' height='12' fill='%23DC2626'/%3E%3Crect x='246' y='448' width='3' height='8' fill='%23452A0E'/%3E%3Crect x='251' y='448' width='3' height='8' fill='%23452A0E'/%3E%3Ccircle cx='380' cy='440' r='3' fill='%23452A0E'/%3E%3Crect x='378' y='443' width='4' height='12' fill='%23059669'/%3E%3Crect x='376' y='453' width='3' height='8' fill='%23452A0E'/%3E%3Crect x='381' y='453' width='3' height='8' fill='%23452A0E'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.card-hover {
    transition: all 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.language-toggle {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1000;
}

@media (max-width: 768px) {
    .language-toggle {
        position: relative;
        top: auto;
        right: auto;
        margin: 10px 0;
    }
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Print styles */
@media print {
    .no-print {
        display: none;
    }
}