/***** Global Classes Css *****/

.resultBgHeader{

    background: #61499f !important;

    border-radius: 10px !important;

    color: #ffffff !important;

    cursor: pointer !important;

}

.resultTitleHeader{

    margin: 0 !important;

    padding: 6px 0 !important;

    color: #ffffff !important;

}

.resultIconHeader{

    font-size: xx-large !important;

}

.resultIconHeader i::before{

    transition: transform 1s !important;

}

.resultTable{

    background: #ffffff !important;

}

.hideResultTable{

    display: none;

}

.opentResult::before{

    transform: rotate(90deg) !important;

    transition: transform 1s !important;

}

.resultImgWrap{

    text-align: center !important;

}

.resultImgWrap svg{

    width: 95% !important;

}

.searchBtn{

    background: #61499F !important;

    color: #ffffff !important;

    border-radius: 10px !important;

}

/***** End Global Classes Css *****/

/***** Search Form *****/

#casSearchForm{

    display: flex !important;

}

/***** End Search Form *****/

/***** Result Image Wraper Style *****/

.resultMainContainer .resultImgWrap{

    padding: 75px 0;

    background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 3px, transparent 3px) 0% 0%/8px 8px no-repeat,

            radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 3px, transparent 3px) 100% 0%/8px 8px no-repeat,

            radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 3px, transparent 3px) 0% 100%/8px 8px no-repeat,

            radial-gradient(circle at 0 0, #ffffff 0, #ffffff 3px, transparent 3px) 100% 100%/8px 8px no-repeat,

            linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 10px) calc(100% - 16px) no-repeat,

            linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 16px) calc(100% - 10px) no-repeat,

            linear-gradient(90deg, #e1276d 17%, rgba(236, 56, 84, 1) 24%, #fd5030 82%) !important; 

    box-sizing: border-box !important;

    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ) !important;

    backdrop-filter: blur( 4px ) !important;

    -webkit-backdrop-filter: blur( 4px ) !important;

    border-radius: 10px !important;

    border: 1px solid rgba( 255, 255, 255, 0.18 ) !important;



}

/***** End Result Image Wraper Style *****/

/***** Basic Result Wraper Table Style *****/

.resultMainContainer .basicResultWraper .basicResultTable{

    border: solid #fd5030 5px !important;

    background: rgba( 255, 255, 255, 0.25 ) !important;

    box-shadow: 0 8px 32px 0 rgba( 21, 28, 35, 0.27 ) !important;

    border-radius: 25px !important;

}

/***** End Basic Result Wraper Table Style *****/

/***** Result Not Found CSS *****/

.resultNotFound{

    background-color: #61499F !important;

    color: white !important;

    text-align: center !important;

}

/***** End Result Not Found CSS *****/

div.container.resultMainContainer > div > div:nth-child(3) > div > div > div.hideResultTable{

    display: block;

}

#casSearchForm{
    margin-top: 40px;
}
#casSearchForm .form-group{
    width: 83%;
    margin-bottom: 0;
    margin-right: 10px;
}
#casSearchForm .form-group input{
    border-radius: 0;
}
#casSearchForm input.searchBtn{
    width: 17%;
    border-radius: 0 !important;
}

@media only screen and (max-width:479.5px){
    #casSearchForm input.searchBtn{
        width:30%;
    }
    #casSearchForm .form-group{
        width: 70%;
    }
}

.trendingCas span.trendingSearchedCas{
    cursor: pointer;
}

.trendingCas span.trendingSearchedCas:hover{
    color: #ea345b;
}

.trendingCas span.trendingSearchedCas::after{
    content: "|";
    margin: 0 0 0 5px;
    font-size: 20px;
    font-weight: 500;
    color: #ea345b;
}

.trendingCas span.trendingSearchedCas:last-child::after{
    content: unset;
}