:root{
    --font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    --color:rgb(100, 100, 100);
    --syllabus:#0d5296da;
    --syllabus-main:#16436f;
    --syllabus-main-before:#204f7c;
    --button-color:#10b1b4;
    --light-color:rgb(239, 239, 239);
    --box-shadow:rgba(59, 59, 59, 0.062);
    --dark:rgba(45, 45, 45, 0.885);
    --border-color:rgb(255, 255, 255);
    --line-first:rgba(0, 0, 0, 0);
    --line-mid:rgba(0, 81, 187, 0.414);
    --hover-bg:#10b1b4;
}
*{
    margin: 0px;
    padding: 0px;
}
.soubhik_notice_section_main{
    /* border: 1px solid red; */
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 35px;
    box-sizing: border-box;
    padding: 9% 3%;
}
.soubhik_notice_section_main .notices{
    /* border: 1px solid red; */
    height: 260px;
    width: 250px;
    border-radius: 50px 3px 5px 3px;
    position: relative;
    box-sizing: border-box;
    padding: 0px 15px;
    justify-items: center;
    align-content: center;
    box-shadow: 0px 0px 15px 1px var(--box-shadow);
}
.soubhik_notice_section_main .notices .notice_icon{
    /* border: 1px solid red; */
    height: 55px;
    width: 55px;
    text-align: center;
    align-content: center;
    position: absolute;
    transform: rotate(45deg);
    border-radius: 15px;
    left: 40%;
    top: -11%;
    background: linear-gradient(-90deg,var(--deep_sky),var(--normal_sky));
    box-shadow: 0px 0px 15px 1px rgba(95, 21, 231, 0.26);
    color: var(--light-color);
    font-size: 25px;
}
.soubhik_notice_section_main .notices .notice_icon i{
    transform: rotate(-45deg);
}
.soubhik_notice_section_main .notices .notice_heading{
    /* border: 1px solid red; */
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    font-family: var(--font-family);
    padding: 15px 0px;
}
.soubhik_notice_section_main .notices .notice_line{
    /* border: 1px solid var(--line-mid); */
    width: 50%;
    height: 2px;
    background: linear-gradient(-90deg,var(--deep_sky),var(--normal_sky));
}
.soubhik_notice_section_main .notices .notice_desc{
    /* border: 1px solid red; */
    text-align: center;
    align-content: center;
    font-family: var(--font-family);
    font-size: 14px;
    color: rgb(100, 100, 100);
    padding: 15px 0px;
    line-height: 22px;
}
@media (max-width:1160px){
    .soubhik_notice_section_main{
        flex-wrap: wrap;
        gap: 45px;
    }
}
@media (max-width:426px){

.soubhik_notice_section_main {
    padding: 15% 3%;
}
}