:root{
    --color:rgb(250, 250, 250);
}
.banner_portion_main{
    height:auto;  
    width:100%;
    background-image:url(/assets/images/facility/library-banner/libry_banner.png);
    background-size:cover;
}
.banner_portion_main .banner_portion_first{
    height:380px;
    width:100%;
    background:rgba(0, 0, 0, 0.644);
    display:flex;
    position:relative;
}
.banner_portion_main .banner_portion_first .bannar_portion_last{
    position:absolute;
    height:100%;
    width:100%;
    display:flex;
    align-items:center;
    justify-content: center;
}
.banner_portion_main .banner_portion_first .banner_portion_first_content_first{
    height:100%;
    width:30%;
    background-image:url(/assets/images/facility/library-banner/shape-1.png);
      background-size:cover;
}
.banner_portion_main .banner_portion_first .banner_portion_first_content_second{
    height:100%;
    width:56%;
    background-image:url(/assets/images/facility/library-banner/breadcrumb-map.png);
      background-size:cover;
     
}

.bannar_portion_last .banner_portion_center .banner_portion_center_content_1{
    height:70%;
    width:100%;
    color:var(--color);
    font-size:40px;
    font-weight:bold;
    display: flex;
    justify-content: center;
    align-items:center;
    font-family:Arial, Helvetica, sans-serif;
    /* border: 1px solid red; */

}
.bannar_portion_last .banner_portion_center .banner_portion_center_content_2{
    height:29%;
    width:100%;
    color:var(--color);
     display: flex;
    justify-content: center;
    align-items:center;
    font-size:20px;
    font-family:Arial, Helvetica, sans-serif;
}
.bannar_portion_last .banner_portion_center .banner_portion_center_content_2 span{
    padding-left: 10px;
   color:#ffab17;
}
.banner_portion_main .banner_portion_first .banner_portion_first_content_third{
    /* border:1px solid red; */
    height:51%;
    width:200px;
    background-image:url(/assets/images/facility/library-banner/shape-2.png);
    position:relative;
    top:49%;
      background-size:cover;
}