.pagesection {
   margin-top: 130px; background: #ffd5d5; padding: 0px;
}

.pagesection img{
   width: 75%;
}


.header .logo img {
    max-height: 97px;
    margin-right: 8px;
}


.hero {
    width: 100%;
    min-height: 70vh;
    padding: 176px 0 60px 0;
}

.hero img{
    max-width: 54%;
}


.img-fluid {
    max-width: 100%;    
    /* border-radius: 8px; */
    border-top-left-radius: 12px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 12px;
}

.content_rer{
    /* border-radius: 12px; */
    border-top-left-radius: 0px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0px;
}


.other_row{
    background-color: 
 color-mix(in srgb, var(--accent-color), transparent 95%);
    padding: 40px;
}

.about-hero{
    width: 100%;
    min-height: 40vh;
    position: relative;
    /* padding: 80px 0 60px 0; */
    display: flex;
    align-items: center;
    background: url(../img/About_Banner.png) top center no-repeat;
    background-size: cover;
}

.studentjour-hero{
    width: 100%;
    min-height: 40vh;
    position: relative;
    /* padding: 80px 0 60px 0; */
    display: flex;
    align-items: center;
    background: url(../img/Student_Journey.png) top center no-repeat;
    background-size: cover;
}

.brandstory-hero{
    width: 100%;
    min-height: 40vh;
    position: relative;
    /* padding: 80px 0 60px 0; */
    display: flex;
    align-items: center;
    background: url(../img/Brand_Story_Banner.jpg) top center no-repeat;
    background-size: cover;
}

.about-hero h1, .brandstory-hero h1, .studentjour-hero h1{
    color: #fff;
    font-size: 34px;
}

.about-hero p, .brandstory-hero p, .studentjour-hero p{
    color: #fff;
    font-size: 18px;
}


.img-fluid-about {
    border-radius: 12px;    
}

.services_ind{
    font-size: 18px; 
    font-weight: 500;
    display: block;
    line-height: 25px;
}



/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) {
    
    /* CSS */

    .services_ind{
        font-size: 18px; 
        font-weight: 500;
        display: block;
        line-height: 25px;
    }

    
    .about .content {
        background-color: color-mix(in srgb, var(--accent-color), transparent 95%);
        padding: 20px;
    }

    .about_section_02{
        padding: 20px;
    }

    .header .logo img {
        max-height: 65px;
        margin-right: 8px;
    }

    .btn-read-more{
        width: 100%;
    }
    

    
  }


  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
    
    /* CSS */

    

  }

/*



.about .content {
    background-color: 
 color-mix(in srgb, var(--accent-color), transparent 95%);
    padding: 40px;
}