h1,

h2,

h3,

h4,

h5,

h6,

p {

    margin-bottom: 0px;

}

ul{

    list-style: none;

    margin: 0;

    padding: 0;

}

a {

    text-decoration: none;

    margin: 0;

    padding: 0;

}

:root{

    --red:#9a060b;

    --white:#ffffff;

    --black:#000000;

    --dark-cyan:#007070;

    --color-secondary:#f79638;

    --color-paragraph:#57585a;

    --color-liteyellow:#faebd7;

}

#campus_section{

    height: auto;

    background-color: var(--color-liteyellow);

}



#campus_section .section_heading{

    padding: 40px 0 60px;

}



#campus_section .section_heading h1{

    font-size: 36px;

    font-weight: 600;

    color: var(--black);

    text-align: center;

    text-decoration: 2px underline #000;

    text-underline-offset: 20px;

    position: relative;

}



#campus_section .section_heading h1::after {

    position: absolute;

    content: ' ';

    height: 6px;

    width: 60px;

    background-color: var(--dark-cyan);

    bottom: -15px;

    right: 1006px;

}



#campus_section  .img_container img{

    height: 450px;

    width: 516px;

    object-fit: contain;

}



#campus_section .content {

    background-color: var(--white);

    border: 4px solid var(--color-secondary);

    padding: 20px;

    position: absolute;

}



#campus_section  .content h2{

    color: var(--black);

    font-size: 36px;

    font-weight: 600;

    margin-bottom: 10px;

}

#campus_section  .content p{

    color: var(--color-paragraph);

    font-size: 16px;

    font-weight: 500;

}



#campus_section   .first_column{

    position: relative;

    z-index: 2;

}



#campus_section .first_column .left_bg_style {

    position: absolute;

    height: 150px;

    width: 400px;

    left: -310px;

    top: 70px;

    z-index: -1;

}

#campus_section   .second_column{

    position: relative;

   

}

#campus_section .second_column .img_container {

    position: absolute;

    left: -75px;

    /* bottom: -430px; */

    z-index: 1;

}



#campus_section .second_column .right_bg_style {

    position: absolute;

    height: 150px;

    width: 550px;

    right: -310px;

    bottom: -295px;

    z-index: 0;

}



#campus_section .section_wrapper {

    height: 450px;

}



#campus_section .section_wrapper:last-child{

    padding: 0 0 0;

}

/* ------------------------residential_sec----------------------------- */

/* #campus_section .residential_sec{

    height: auto;

} */



#campus_section  .residential_sec .first_column .left_bg_style{

    background-color: var(--color-secondary);

}



#campus_section  .residential_sec .second_column .right_bg_style{

    background-color: var(--color-secondary);

}



/* -----------------------dining_sec css------------------------------- */

/* #campus_section .dining_sec{

    margin: 65px 0;

} */

#campus_section .dining_sec .content{

    border: 4px solid var(--dark-cyan);

}



#campus_section .dining_sec .first_column .left_bg_style{



    background-color: var(--dark-cyan);

}



#campus_section .dining_sec .second_column .right_bg_style{



    background-color: var(--dark-cyan);

}



/* ------------------------playground_sec css--------------------------------- */



#campus_section .playground_sec  .content{

    border: 4px solid var(--red);

} 

#campus_section  .playground_sec .first_column .left_bg_style{



    background-color: var(--red);

}



#campus_section  .playground_sec .second_column .right_bg_style{



    background-color: var(--red);

}



/* ----------------------------Responsive_css--------------------------------------------------------------------- */



@media screen and (max-width:1536px) {

    #campus_section .section_heading h1 {

        font-size: 32px;

    }

    #campus_section .section_heading h1::after {

        right: 810px;

    }

    #campus_section .content h2 {

        font-size: 32px;

    }

    #campus_section .content p {

        font-size: 15px;

    }

    #campus_section .first_column .left_bg_style {

        left: -125px;

    }

    #campus_section .second_column .right_bg_style {

        width: 400px;

        right: -125px;

    }

}



@media screen and (max-width:1440px) {

    #campus_section .section_heading h1::after {

        right: 762px;

    }

    #campus_section .second_column .right_bg_style {

        right: -78px;

    }

    #campus_section .first_column .left_bg_style {

        left: -80px;

    }

}



@media screen and (max-width:1366px) {

    #campus_section .section_heading h1 {

        font-size: 30px;

    }



#campus_section .section_heading h1::after {

    right: 718px;

}

#campus_section .content h2 {

    font-size: 30px;

}

#campus_section .content p {

    font-size: 14px;

}

#campus_section .first_column .left_bg_style {

    width: 300px;

    left: -132px;

}



#campus_section .second_column .right_bg_style {

    width: 300px;

    right: -130px;

}



}

@media screen and (max-width:1346px) {

    #campus_section .section_heading h1::after {

        right: 708px;

    }

    #campus_section .first_column .left_bg_style {

        left: -122px;

    }

    #campus_section .second_column .right_bg_style {

        right: -120px;

    }

}



@media screen and (max-width:1280px) {

    #campus_section .section_heading h1::after {

        right: 676px;

    }

    

    #campus_section .second_column .right_bg_style {

        right: -90px;

    }

    #campus_section .first_column .left_bg_style {

        left: -90px;

    }

}



@media screen and (max-width:1200px) {

    #campus_section .section_heading h1::after {

        right: 628px;

    }

    #campus_section .second_column .right_bg_style {

        right: -50px;

    }

    #campus_section .first_column .left_bg_style {

        left: -80px;

    }

    #campus_section .first_column {

        position: relative;

        z-index: 2;

        left: 30px;

    }

}



@media screen and (max-width:1199px) {

    #campus_section .section_heading h1 {

        font-size: 28px;

    }

    

    #campus_section .section_wrapper {

        /* padding: 60px 0 0; */

        height: 450px;

    }

    /* #campus_section .dining_sec {

        margin: 0 0 30px;

    } */

    #campus_section .content {

        padding: 15px;

    }

   

    #campus_section .second_column .img_container {

        position: absolute;

        left: -58px;

        z-index: 1;

    }

   

    #campus_section .first_column .left_bg_style {

        left: -168px;

    }

    #campus_section .second_column .right_bg_style {

        right: -138px;

    }

    #campus_section .content h2 {

        font-size: 28px;

    }



}



@media screen and (max-width:1152px) {



    #campus_section .section_heading h1::after {

        right: 605px;

    }

    #campus_section .first_column .left_bg_style {

        left: -145px;

    }

    #campus_section .second_column .right_bg_style {

        right: -114px;

    }

}



@media screen and (max-width:1024px) {

    #campus_section .section_heading h1::after {

        right: 542px;

    }

    #campus_section .first_column {

        left: 0px;

    }

    #campus_section .second_column .right_bg_style {

        right: -52px;

    }

    #campus_section .first_column .left_bg_style {

        left: -52px;

    }

    #campus_section .second_column .img_container {

        left: -70px;

    }

}



@media screen and (max-width:992px) {

    #campus_section .section_heading h1::after {

        right: 525px;

    }

    #campus_section .first_column {

        left: 8px;

    }

    #campus_section .first_column .left_bg_style {

        left: -45px;

    }

    #campus_section .second_column .right_bg_style {

        right: -36px;

    }

}



@media screen and (max-width:991px) {

    #campus_section .content p {

        font-size: 16px;

    }

    #campus_section .img_container img {

        height: 419px;

        width: 461px;

        object-fit: contain;

    }

    #campus_section .section_wrapper {

        height: 550px;

    }

    #campus_section .second_column .img_container {

        left: 300px;

        top: 135px;

    }

    #campus_section .first_column .left_bg_style {

        left: -90px;

    }

    #campus_section .first_column {

        left: -65px;

    }

    #campus_section .second_column .right_bg_style {

        right: -154px;

        top: 240px;

    }

    #campus_section .content {

        height: 420px;

        width: 420px;

    }

}



@media screen and (max-width:768px) {

    #campus_section .section_heading h1::after {

        right: 414px;

    }

    #campus_section .section_wrapper {

        height: 730px;

    }

    #campus_section .first_column {

        left: -12px;

    }

    #campus_section .second_column .img_container {

        left: 210px;

        top: 280px;

    }

    #campus_section .first_column .left_bg_style {

        left: -32px;

    }

    #campus_section .second_column .right_bg_style {

        right: -44px;

        top: 375px;

    }



}



@media screen and (max-width:767px) {

    #campus_section .content p {

        font-size: 15px;

    }

    #campus_section .first_column .left_bg_style {

        left: -45px;

    }

    #campus_section .second_column .right_bg_style {

        right: -132px;

        top: 400px;

    }

    #campus_section .first_column {

        left: -90px;

    }

    #campus_section .second_column .img_container {

        left: 80px;

        top: 298px;

    }

}



@media screen and (max-width:600px) {



    #campus_section .section_heading h1::after {

        right: 328px;

    }

    #campus_section .first_column {

        left: 32px;

    }

    #campus_section .second_column .right_bg_style {

        right: -38px;

    }

    #campus_section .second_column .img_container {

        left: -235px;

        bottom: -212px;

    }

    

}



@media screen and (max-width:576px){

    #campus_section .section_heading h1::after {

        right: 318px;

    }

    #campus_section .second_column .right_bg_style {

        right: -28px;

    }

}



 @media screen and (max-width:575px) {

    #campus_section .section_heading {

        padding: 40px 0 30px;

    }

    #campus_section .content {

        height: 410px;

        width: 410px;

    }

    #campus_section .content h2 {

        font-size: 22px;

    }

   

    #campus_section .first_column {

        left: 10px;

    }

    #campus_section .first_column .left_bg_style {

        height: 150px;

        width: 150px;

    }

    #campus_section .first_column .left_bg_style {

        left: -70px;

    }

    #campus_section .second_column .img_container {

        left: 45px;

        bottom: -90px;

    }

    #campus_section .second_column .right_bg_style {

        height: 150px;

        width: 150px;

    }

    #campus_section .second_column .right_bg_style {

        right: -8px;

        bottom: 20px;

    }

    #campus_section .section_wrapper {

        padding: 130px 0 55px;

    }

    #campus_section .section_wrapper:last-child {

        padding: 36px 0 110px;

    }

    

    #campus_section .container .row{

        height: 540px;

    }

   

} 



@media screen and (max-width:540px) {

    #campus_section .section_heading h1::after {

        right: 298px;

    }

    #campus_section .first_column {

        left: 40px;

    }

    #campus_section .second_column .img_container {

        left: 24px;

    }

    #campus_section .second_column .right_bg_style {

        right: -12px;

    }

}



@media screen and (max-width:432px) {

    #campus_section .section_heading h1::after {

        right: 244px;

    }

    #campus_section .first_column {

        left: 10px;

    }

    #campus_section .content {

        height: auto;

        width: 364px;

    }

    #campus_section .first_column .left_bg_style {

        left: -20px;

    }

    #campus_section .second_column .img_container {

        left: 16px;

    }

    #campus_section .second_column .right_bg_style {

        right: -10px;

    }

    #campus_section .img_container img {

        height: 419px;

        width: 375px;

        object-fit: contain;

    }

}



@media screen and (max-width:414px) {

    #campus_section .section_heading h1::after {

        right: 235px;

    }

    #campus_section .first_column {

        left: 0px;

    }

    #campus_section .second_column .img_container {

        left: 6px;

    }

}



@media screen and (max-width:400px) {

    #campus_section .section_heading h1::after {

        right: 228px;

    }

    #campus_section .first_column {

        left: -8px;

    }

    #campus_section .second_column .img_container {

        left: -2px;

    }



}



@media screen and (max-width:394px) {

    #campus_section .section_heading h1::after {

        right: 224px;

    }

    #campus_section .first_column {

        left: -10px;

    }

    #campus_section .second_column .img_container {

        left: -4px;

    }

}



@media screen and (max-width:390px) {

    #campus_section .first_column .left_bg_style {

        left: -20px;

        top: -12px;

    }

    #campus_section .second_column .img_container {

        left: 0px;

    }

    #campus_section .img_container img {

        height: 419px;

        width: 364px;

        object-fit: contain;

    }

    #campus_section .second_column .right_bg_style {

        right: -10px;

        bottom: -15px;

    }

}



@media screen and (max-width:385px) {

    #campus_section .section_heading h1::after {

        right: 220px;

    }

    #campus_section .first_column {

        left: -15px;

    }

    #campus_section .first_column .left_bg_style {

        top: -8px;

    }

    #campus_section .second_column .img_container {

        left: -3px;

    }

}



@media screen and (max-width:375px) {

    #campus_section .section_heading h1::after {

        right: 215px;

    }

    #campus_section .content {

        height: auto;

        width: 352px;

    }

    #campus_section .img_container img {

        width: 352px;

    }

    #campus_section .second_column .right_bg_style {

        bottom: -10px;

    }

}



@media screen and (max-width:360px) {

    #campus_section .section_heading h1::after {

        right: 208px;

    }

    #campus_section .content {

        height: auto;

        width: 335px;

    }

    #campus_section .img_container img {

        width: 335px;

    }

    #campus_section .first_column {

        left: -12px;

    }

    #campus_section .second_column .img_container {

        left: 0px;

        bottom: -125px;

    }

    #campus_section .first_column .left_bg_style {

        top: -12px;

    }

    #campus_section .second_column .right_bg_style {

        bottom: -40px;

    }

}



@media screen and (max-width:320px) {

    #campus_section .section_heading h1::after {

        right: 187px;

    }

    #campus_section .content {

        height: auto;

        width: 294px;

    }

    #campus_section .content p {

        font-size: 14px;

    }

    #campus_section .img_container img {

        width: 294px;

    }

    #campus_section .second_column .right_bg_style {

        bottom: -30px;

    }

}