/*
 Theme Name: TechAtScale Theme
 Theme URI: http://localhost/techatscale
 Author: mAYbACk lMg
 Version: 1.0
*/

.gradient-background {
    background-image: linear-gradient(135deg, #023e8a, #0096c7);
}

.african-motif-light {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e2e8f0' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.timeline-bar::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: 1;
}

.timeline-marker {
    z-index: 2;
}

.video-overlay {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.group:hover .video-overlay {
    opacity: 1;
}

.hero-bg {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDQwIDgyMCI+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSI1MCUiIHgyPSI1MCUiIHkxPSIwJSIgeTI9IjEwMCUiPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDM0MDc4Ii8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAxMzE1RiIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGZpbHRlciBpZD0iYiIgeD0iLTUwJSIgeT0iLTUwJSIgd2lkdGg9IjIwMCUiIGhlaWdodD0iMjAwJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4KICAgICAgICAgICAgPGZlT2Zmc2V0IGR5PSItMSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxIiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjA2IDAiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIi8+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzMgLTI3KSI+CiAgICAgICAgPHJlY3Qgd2lkdGg9IjIwOTgiIGhlaWdodD0iMTAxOCIgZmlsbD0idXJsKCNhKSIvPgogICAgICAgIDxnIHN0cm9rZT0iIzNENzJDOSIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIuMyIgZmlsdGVyPSJ1cmwoI2IpIj4KICAgICAgICAgICAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTcyNi4zODcgNTU2Ljg4MUwxNjIxLjI1IDQ5Ny41aC05Ny41TDEzNjEuODEyIDc0MC4zNDJsMTI2Ljc3NSA3OS4yMzVoMTQyLjEyNmwxMDUuMTM3LTcxLjMzNyIvPgogICAgICAgICAgICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xMjk3LjY4OCA2MjQuMjEyTDEwODguNDMgMzI1LjI1aC0xNTEuNDJMNTk3LjYxNiA4NDEuODczbDE5OC40MTMgMTI0LjQ1MmgyMjEuMzc4bDE2NC40NTItMTA4LjQ0Ii8+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMDg4LjQyNyAzMjUuMjVMODcyLjQ2IDI2LjI4NGgtODIuNzNMMzM1LjUyIDgyMS44MzJsNjguMTY3IDQyLjc4OWg5Mi45MThsMTgwLjI5LTExNi4yMiIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
    background-size: cover;
    background-position: center;
}

.video-overlay::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(2, 62, 138, 0.4);
    transition: background-color 0.3s ease;
}

.video-overlay:hover::after {
    background-color: rgba(2, 62, 138, 0.2);
}