@charset "UTF-8";
/*@import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");*/

.pagination>li.active>a {
  background-color: #e9212d !important;
  border-color:#FFFFFF !important;
}

.pagination>li>a{
  background-color: #202428 !important; 
  color:aliceblue;
}
.pagination>li>a:hover{
    color:aliceblue;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em transparent;
  border-radius: .1em;
}

.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

/* start chatgpt */

   body{
            font-family: 'Poppins', sans-serif;
            background:#f8f9fa;
            color:#222;
        }

        .navbar{
            background:#111827;
        }

        .navbar-brand{
            font-weight:700;
            font-size:1.5rem;
            color:#fff !important;
        }

        .nav-link{
            color:#d1d5db !important;
            margin-left:15px;
        }

        .hero{
            background:
            linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)),
            url('https://images.unsplash.com/photo-1486006920555-c77dcf18193c?q=80&w=1600&auto=format&fit=crop');
            background-size:cover;
            background-position:center;
            min-height:90vh;
            display:flex;
            align-items:center;
            color:#fff;
        }

        .hero h1{
            font-size:3rem;
            font-weight:700;
            line-height:1.3;
        }

        .hero p{
            font-size:1.1rem;
            color:#d1d5db;
        }

        .btn-primary{
            background:#0d6efd;
            border:none;
            padding:12px 25px;
            border-radius:10px;
        }

        .btn-outline-light{
            border-radius:10px;
            padding:12px 25px;
        }

        .section-title{
            font-weight:700;
            margin-bottom:15px;
        }

        .section-subtitle{
            color:#6b7280;
            margin-bottom:50px;
        }

        .feature-card{
            border:none;
            border-radius:20px;
            transition:0.3s;
            height:100%;
        }

        .feature-card:hover{
            transform:translateY(-5px);
        }

        .icon-box{
            width:70px;
            height:70px;
            border-radius:20px;
            background:#e7f1ff;
            display:flex;
            align-items:center;
            justify-content:center;
            margin-bottom:20px;
            font-size:30px;
            color:#0d6efd;
        }

        .category-card{
            background:#fff;
            border-radius:20px;
            padding:25px;
            text-align:center;
            box-shadow:0 5px 20px rgba(0,0,0,0.05);
            transition:0.3s;
            height:100%;
        }

        .category-card:hover{
            transform:translateY(-5px);
        }

        .category-icon{
            font-size:40px;
            margin-bottom:15px;
            color:#0d6efd;
        }

        .cta-section{
            background:#111827;
            color:#fff;
            border-radius:30px;
            padding:70px 40px;
        }

        footer{
            background:#111827;
            color:#d1d5db;
        }

        footer a{
            color:#d1d5db;
            text-decoration:none;
        }

        .stats-box{
            background:#fff;
            border-radius:20px;
            padding:30px;
            text-align:center;
            box-shadow:0 5px 20px rgba(0,0,0,0.05);
        }

        .stats-box h2{
            font-weight:700;
            color:#0d6efd;
        }

        @media(max-width:768px){

            .hero{
                text-align:center;
                padding:80px 0;
            }

            .hero h1{
                font-size:2rem;
            }

        }