/* style.css - Custom styles for Dabet pages */

/* General Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Body Styling */
body {
    font-family: 'Roboto', sans-serif;
    background-color: #F3F4F6;
    color: #333;
    line-height: 1.6;
}

/* Header Styling */
header {
    background-color: #1E3A8A;
    padding: 20px 0;
}
.container{
    max-width: 980px !important;
}
#logo-xy9t3, #logo-km6v2, #logo-rt5p8, #logo-vb9k3, #logo-xr7k2, #logo-vn6m3, #logo-qp5v3, #logo-bw3z6, 
#logo-yr4m7, #logo-tn6j9, #logo-pl8h4, #logo-zn4t8, #logo-dv7k3, #logo-zq4t7 {
    max-width: 150px;
    margin: 20px auto;
    transition: transform 0.3s ease;
}

#logo-xy9t3:hover, #logo-km6v2:hover, #logo-rt5p8:hover, #logo-vb9k3:hover, #logo-xr7k2:hover, 
#logo-vn6m3:hover, #logo-qp5v3:hover, #logo-bw3z6:hover, #logo-yr4m7:hover, #logo-tn6j9:hover, 
#logo-pl8h4:hover, #logo-zn4t8:hover, #logo-dv7k3:hover, #logo-zq4t7:hover {
    transform: scale(1.1);
}

/* Main Content Styling */
main {
    padding: 20px 0;
}

/* H1 Title Styling */
#title-qw4k8, #title-jn8p4, #title-zq7n3, #title-xr4t8, #title-wx9m3, #title-tx8k4, #title-pm3v9, 
#title-zn7t8, #title-gt8m1, #title-hf9k2, #title-km2p4, #title-js3n9, #title-wq6y3, #title-xp9m2, 
#title-hf8k2 {
    color: #1E3A8A;
    font-size: 2.5rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
    transition: color 0.3s ease;
}

#title-qw4k8:hover, #title-jn8p4:hover, #title-zq7n3:hover, #title-xr4t8:hover, #title-wx9m3:hover, 
#title-tx8k4:hover, #title-pm3v9:hover, #title-zn7t8:hover, #title-gt8m1:hover, #title-hf9k2:hover, 
#title-km2p4:hover, #title-js3n9:hover, #title-wq6y3:hover, #title-xp9m2:hover, #title-hf8k2:hover {
    color: #FBBF24;
}

/* Section Spacing */
#intro-sec77, #intro-sec84, #intro-sec91, #intro-sec98, #intro-sec63, #intro-sec56, #intro-sec49, 
#intro-sec42, #intro-sec35, #intro-sec28, #intro-sec21, #intro-sec14, #intro-sec7, #intro-sec4, 
#intro-sec70,
#img-sec78, #img-sec85, #img-sec92, #img-sec99, #img-sec64, #img-sec57, #img-sec50, #img-sec43, 
#img-sec36, #img-sec29, #img-sec22, #img-sec15, #img-sec8, #img-sec1, #img-sec71,
#content-sec79, #content-sec86, #content-sec93, #content-sec100, #content-sec65, #content-sec58, 
#content-sec51, #content-sec44, #content-sec37, #content-sec30, #content-sec23, #content-sec16, 
#content-sec9, #content-sec2, #content-sec72,
#table-sec80, #table-sec87, #table-sec94, #table-sec101, #table-sec66, #table-sec59, #table-sec52, 
#table-sec45, #table-sec38, #table-sec31, #table-sec24, #table-sec17, #table-sec10, #table-sec3, 
#table-sec73,
#content-sec81, #content-sec88, #content-sec95, #content-sec102, #content-sec67, #content-sec60, 
#content-sec53, #content-sec46, #content-sec39, #content-sec32, #content-sec25, #content-sec18, 
#content-sec11, #content-sec4, #content-sec74,
#img-sec82, #img-sec89, #img-sec96, #img-sec103, #img-sec68, #img-sec61, #img-sec54, #img-sec47, 
#img-sec40, #img-sec33, #img-sec26, #img-sec19, #img-sec12, #img-sec2, #img-sec75,
#content-sec83, #content-sec90, #content-sec97, #content-sec104, #content-sec69, #content-sec62, 
#content-sec55, #content-sec48, #content-sec41, #content-sec34, #content-sec27, #content-sec20, 
#content-sec13, #content-sec5, #content-sec76 {
    margin-bottom: 30px;
}
main a{
    font-weight: bold;
}
/* Image Styling */
#img-zm7n4, #img-wx3t7, #img-kj4m9, #img-jk5m2, #img-vb4k7, #img-zr9p5, #img-wq8t4, #img-kj9m4, 
#img-vn4k7, #img-pm3v8, #img-xw7v3, #img-gy7m2, #img-vb9m2, #img-kj2n5, #img-jk5n3,
#img-rt5p9, #img-vb9k3, #img-hf6k2, #img-wq6r9, #img-rt6p8, #img-hf4k8, #img-jk4n7, #img-wx2r9, 
#img-xr9p2, #img-jk5n9, #img-zq8r5, #img-hf4k8, #img-rt5k7, #img-mx8p4, #img-xr7p4 {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#img-zm dorsal7n4:hover, #img-wx3t7:hover, #img-kj4m9:hover, #img-jk5m2:hover, #img-vb4k7:hover, 
#img-zr9p5:hover, #img-wq8t4:hover, #img-kj9m4:hover, #img-vn4k7:hover, #img-pm3v8:hover, 
#img-xw7v3:hover, #img-gy7m2:hover, #img-vb9m2:hover, #img-kj2n5:hover, #img-jk5n3:hover,
#img-rt5p9:hover, #img-vb9k3:hover, #img-hf6k2:hover, #img-wq6r9:hover, #img-rt6p8:hover, 
#img-hf4k8:hover, #img-jk4n7:hover, #img-wx2r9:hover, #img-xr9p2:hover, #img-jk5n9:hover, 
#img-zq8r5:hover, #img-hf4k8:hover, #img-rt5k7:hover, #img-mx8p4:hover, #img-xr7p4:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Text Hover Effects */
p, a {
    transition: color 0.3s ease;
}

p:hover {
    color: #FBBF24;
}

a {
    color: #1E3A8A;
    text-decoration: none;
}

a:hover {
    color: #FBBF24;
    text-decoration: underline;
}

/* Table Styling */
.table {
    background-color: #FFFFFF;
    border-radius: 10px;
    overflow: hidden;
}

.table thead {
    background-color: #1E3A8A;
    color: #FFFFFF;
}

.table th, .table td {
    padding: 15px;
    text-align: center;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #F3F4F6;
}

/* Footer Styling */
footer {
    background-color: #1E3A8A;
    color: #FFFFFF;
    padding: 20px 0;
}

footer p {
    margin: 0;
}

footer a {
    color: #FBBF24;
}

footer a:hover {
    color: #FFFFFF;
}

/* Responsive Design */
@media (max-width: 768px) {
    #title-qw4k8, #title-jn8p4, #title-zq7n3, #title-xr4t8, #title-wx9m3, #title-tx8k4, #title-pm3v9, 
    #title-zn7t8, #title-gt8m1, #title-hf9k2, #title-km2p4, #title-js3n9, #title-wq6y3, #title-xp9m2, 
    #title-hf8k2 {
        font-size: 1.8rem;
    }

    #logo-xy9t3, #logo-km6v2, #logo-rt5p8, #logo-vb9k3, #logo-xr7k2, #logo-vn6m3, #logo-qp5v3, 
    #logo-bw3z6, #logo-yr4m7, #logo-tn6j9, #logo-pl8h4, #logo-zn4t8, #logo-dv7k3, #logo-zq4t7 {
        max-width: 120px;
    }
}