.srs-search-form{
    display:flex;
    max-width:700px;
    margin:30px auto;
    align-items:center;
    gap:0;
}


.srs-search-box{
    position:relative;
    flex:1;
    width:100%;
}

.srs-search-icon{
    position:absolute;
    left:18px;
    top:0;
    bottom:0;
    width:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#0b2c74;
    font-size:20px;
    pointer-events:none;
    z-index:10;
}

.srs-search-icon i{
    display:block;
    line-height:1;
    margin:0;
    padding:0;
}
.srs-search-input{
    width:100%;
    height:55px;
    min-height:55px;
    padding-left:60px !important;
    border:2px solid #0b2c74;
    border-right:0;
    border-radius:6px 0 0 6px;
    font-size:18px;
    line-height:55px;
    box-sizing:border-box;
    margin:0;
    display:block;
}

.srs-search-input::placeholder{
    color:#999;
    font-size:18px;
}

.srs-search-input:focus{
    border-color:#0b2c74;
}

.srs-search-btn{
    width:140px;
    height:55px;
    min-height:55px;
    border:2px solid #0b2c74;
    background:#0b2c74;
    color:#fff;
    border-radius:0 6px 6px 0;
    font-size:16px;
    font-weight:700;
    box-sizing:border-box;
}
.srs-search-btn:hover{
    background:#1546b0;
    border-color:#1546b0;
}

.srs-result-box{
    position:relative;
    overflow:hidden;
    max-width:900px;
    margin:40px auto;
    background:#fff;
    padding:30px;
    border-radius:10px;
    box-shadow:0 5px 20px rgba(0,0,0,.1);
}

.srs-title{
    font-size:60px;
    color:#110068 !important;
    margin:0 auto 25px;
    text-align:center;
    display:block;
    padding-bottom:8px;
}

.srs-title,
.srs-title h2{
    color:#000080 !important;
}

.srs-result-table{
    width:100%;
    border-collapse:collapse;
}

.srs-result-table th{
    width:220px;
    padding:14px;
    background:#0b2c74;
    color:#ffffff !important;
    text-align:left;
    font-weight:700;
    font-size:18px;   


}

.srs-result-table th,
.srs-result-table th *{
    color:#fff !important;
}

.srs-result-table td{
    padding:14px;
    border:1px solid #ddd;
    font-size:18px;   
    color:#000 !important;
}

.srs-result-table td,
.srs-result-table td *{
    color:#000 !important;
}

.srs-photo{
    text-align:center;
    margin-bottom:20px;
}

.srs-photo img{
    width:180px;
    height:180px;
    object-fit:cover;
    border-radius:8px;
    border:3px solid #0b2c74;
    display:block;
    margin:0 auto 20px;
}



.srs-result-table tr:nth-child(even){
    background:#f8f9fc;
}

.srs-result-table tr:hover{
    background:#eef4ff;
    transition:.3s;
}



/* =========================
   Responsive Design
========================= */

@media (max-width:1024px){

.srs-result-box{
    max-width:95%;
    padding:25px;
}

.srs-result-table th{
    width:180px;
}

}

/* Tablet */

@media (max-width:768px){

.srs-search-form{
    display:flex;
    flex-direction:column;
    width:100%;
    box-sizing:border-box;
}



.srs-search-input{
    border-right:2px solid #0b2c74;
    border-radius:6px;
    width:100%;

}

.srs-search-btn{
    width:100%;
    border-radius:6px;
    margin-top:10px;
}

.srs-result-box{
    padding:20px;
}

.srs-title{
    font-size:28px;
}

.srs-result-table th,
.srs-result-table td{
    display:block;
    width:100%;
    box-sizing:border-box;
}

.srs-result-table th{
    background:#0b2c74;
    color:#fff;
}

.srs-photo img{
    width:150px;
    height:150px;
}

}

/* Mobile */

@media (max-width:480px){

.srs-search-input{
    border-right:2px solid #0b2c74;
    border-radius:6px;
    width:100%;

}

.srs-search-btn{
    width:100%;
    border-radius:6px;
    margin-top:10px;

}

.srs-title{
    font-size:22px;
}

.srs-result-box{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    padding:15px;
}

.srs-result-table th,
.srs-result-table td{
    padding:10px;
    font-size:15px;
}

.srs-photo img{
    width:120px;
    height:120px;
}

}

.srs-search-btn,
.srs-search-btn:hover,
.srs-search-btn:focus,
.srs-search-btn:active{
    background:#0b2c74 !important;
    border-color:#0b2c74 !important;
    color:#fff !important;
}

input.srs-search-btn:hover{
    background:#0b2c74 !important;
    border-color:#0b2c74 !important;
}

.srs-no-result{
    text-align:center;
    font-size:28px;
    font-weight:700;
    color:#020586 !important;
    margin:40px auto;
    display:block;
    width:100%;
}